/* Carrusel 3D de fotos y videos (Uñas, Pestañas). Mismo diseño que /peinado/. */
.hh-c3d{position:relative;overflow:hidden;padding:clamp(38px,7vw,68px) 0 clamp(48px,8vw,84px);text-align:center}
.hh-c3d-blob{position:absolute;z-index:0;border-radius:50%;filter:blur(38px);opacity:.55;pointer-events:none}
.hh-c3d-blob.a{top:-10%;left:-6%;width:260px;height:260px;background:radial-gradient(circle,var(--rosa-200),transparent 70%);animation:cmGlow 12s ease-in-out infinite}
.hh-c3d-blob.b{bottom:-14%;right:-6%;width:300px;height:300px;background:radial-gradient(circle,var(--morado-200),transparent 70%);animation:cmGlow 15s ease-in-out infinite reverse}
.hh-c3d-eyebrow{position:relative;z-index:1;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;color:var(--magenta-ink);margin-bottom:6px}
.hh-c3d-stage{position:relative;z-index:1;perspective:1600px}
.hh-c3d-track{display:flex;align-items:center;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:30px clamp(18px,24vw,280px) 26px;transform-style:preserve-3d}
.hh-c3d-track::-webkit-scrollbar{display:none}
.hh-c3d-card{position:relative;flex:0 0 min(240px,62vw);aspect-ratio:3/4;border-radius:26px;overflow:hidden;scroll-snap-align:center;display:block;background:#eee;border:none;box-shadow:var(--sh-lg);transform:translateZ(0) rotateY(0deg) scale(1);transition:transform .18s linear,box-shadow .3s ease,opacity .3s ease;will-change:transform;margin-left:-56px}
.hh-c3d-card:first-child{margin-left:0}
.hh-c3d-ig{position:absolute;inset:0;z-index:1;display:block}
.hh-c3d-ig img{width:100%;height:100%;object-fit:cover;display:block}
.hh-c3d-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;z-index:3;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(249,180,208,.7) 32%,rgba(201,164,236,.7) 62%,rgba(168,200,242,.7) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hh-c3d-card .veil{position:absolute;inset:0;z-index:4;pointer-events:none;background:rgba(255,247,251,var(--veil,0));-webkit-backdrop-filter:blur(var(--veilblur,0px));backdrop-filter:blur(var(--veilblur,0px));transition:background .18s linear}
.hh-c3d-book{position:absolute;left:50%;bottom:16px;z-index:6;transform:translateX(-50%);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:#fff;background:linear-gradient(120deg,var(--magenta),var(--morado));padding:.62em 1.4em;border-radius:var(--r-pill);box-shadow:0 12px 26px rgba(150,50,140,.4);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;white-space:nowrap}
.hh-c3d-book:hover{transform:translateX(-50%) translateY(-2px)}
.hh-c3d-cap{position:relative;z-index:1;margin:6px 0 0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;color:var(--ink-soft)}
@media(min-width:760px){.hh-c3d-card{flex:0 0 236px}}
.hh-c3d-eyebrow{text-align:left}
.hh-c3d-info{position:relative;z-index:1;margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:7px}
.hh-c3d-badge{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-display);font-size:.66rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#5a4310;background:var(--grad-gold);padding:.42em 1.05em;border-radius:var(--r-pill);box-shadow:var(--sh-sm)}
.hh-c3d-price{margin:0;font-size:.85rem;color:var(--ink-soft)}
.hh-c3d-card::after{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(213,200,248,.75) 32%,rgba(185,217,239,.7) 62%,rgba(246,201,227,.7) 100%)}
@keyframes cmGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.hh-c3d[hidden]{display:none}
.hh-c3d-eyebrow{text-align:center}
.hh-c3d-card .hh-c3d-media{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block;background:#f6e7f1}
.hh-c3d-card .hh-c3d-play{position:absolute;right:12px;top:12px;z-index:5;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.82);color:#7a2a6a;font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.hh-c3d-card.is-video .hh-c3d-media{cursor:pointer}
@media (prefers-reduced-motion:reduce){.hh-c3d-blob{animation:none!important}}