/* Revisión18: el inicio conserva exactamente los estilos de17 */
/* MAREA móvil: texto, después fotografía; altura natural */
:root[data-marea="1"] .discovery{padding:38px 0 0;overflow:hidden}
:root[data-marea="1"] .discovery h2{transform:none;font-size:20vw;line-height:.9;margin:0 20px 26px;max-width:10ch}
:root[data-marea="1"] .discovery-copy{order:1;margin:0 20px 27px;max-width:none}
:root[data-marea="1"] .reconnect{font-size:19px;line-height:1.4;max-width:31ch;letter-spacing:-.01em}
:root[data-marea="1"] .kit-count{font-size:13px;line-height:1.5;margin-top:18px;max-width:31ch}
:root[data-marea="1"] .object{order:2;width:100%;margin:0;aspect-ratio:1700/1558}
:root[data-marea="1"] .object:after{inset:57% 0 0;background:linear-gradient(180deg,transparent,rgba(50,8,24,.75))}
:root[data-marea="1"] .object figcaption{left:20px;right:18px;bottom:21px;white-space:normal;text-align:left;font-family:Roboto,sans-serif;font-size:unset;line-height:.95;letter-spacing:-.035em;color:var(--pink)}
.object figcaption .not-for-sale{display:block;font-size:9.1vw;line-height:1.08;font-weight:700;white-space:nowrap}
.object figcaption .make-yours{display:block;font-size:6.7vw;line-height:1.1;margin:6px 0 0 11%;font-weight:500;letter-spacing:-.025em;white-space:nowrap}
:root[data-type="b"] .object figcaption .not-for-sale{font-size:5.2vw;font-weight:500;letter-spacing:-.015em}
:root[data-type="b"] .object figcaption .make-yours{font-size:8.8vw;font-weight:700;margin:7px 0 0;letter-spacing:-.035em}
/* Tres fotografías originales en un escenario fotográfico común */
.packaging-carousel{position:absolute;inset:0;z-index:-2;touch-action:pan-y}
.pack-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s}
.pack-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.pack-slide:before{content:'';position:absolute;inset:-12px;background-image:var(--photo);background-size:cover;background-position:50% 50%;filter:blur(8px);transform:scale(1.03)}
.pack-slide picture{position:absolute;display:block;inset:0}
.pack-slide img{display:block;position:absolute;width:100%;height:auto;max-width:none;left:0;top:39px;object-fit:contain;user-select:none;-webkit-user-drag:none}
.pack-slide:nth-child(2) img{top:56px}
.pack-slide:nth-child(3) img{top:31px}
.carousel-controls{position:absolute;z-index:3;left:12px;right:12px;top:244px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;color:#f8d5dc}
.carousel-controls button{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;border:1px solid rgba(248,213,220,.7);background:rgba(33,13,25,.54);color:inherit;border-radius:50%;cursor:pointer;touch-action:manipulation}
.carousel-controls button:hover{background:rgba(33,13,25,.82)}
.carousel-controls button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.carousel-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.carousel-dots{display:flex;position:absolute;right:48px;top:0}
.carousel-dots button{width:24px;min-width:24px;border:0;background:transparent;border-radius:0}
.carousel-dots span{width:5px;height:5px;background:currentColor;border-radius:50%;opacity:.4}
.carousel-dots button[aria-pressed="true"] span{opacity:1;box-shadow:0 0 0 2px rgba(248,213,220,.3)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.packaging-carousel{touch-action:pan-y}.carousel-dots{display:none}}
@media(min-width:500px) and (max-width:760px){:root[data-marea="1"] .discovery h2{font-size:17vw}.pack-slide img{width:100%;height:610px;top:-10px;object-fit:contain}.pack-slide:nth-child(2) img,.pack-slide:nth-child(3) img{top:-10px}}
@media(min-width:761px){
 :root[data-marea="1"] .discovery{padding:48px 4.45% 52px;grid-template-columns:minmax(175px,1fr) minmax(0,860px) minmax(175px,1fr);column-gap:32px}
 :root[data-marea="1"] .discovery h2{grid-column:1/-1;grid-row:1;font-size:clamp(112px,12.8vw,210px);line-height:.98;max-width:none;transform:translateY(.31em);margin:0 -8px;text-align:center}
 :root[data-marea="1"] .object{grid-column:2;grid-row:2;order:0;aspect-ratio:1700/1558;align-self:start}
 :root[data-marea="1"] .discovery-copy{grid-column:3;grid-row:2;order:0;align-self:start;margin:clamp(105px,10.5vw,170px) 0 0;max-width:265px;display:flex;flex-direction:column;gap:0}
 :root[data-marea="1"] .reconnect{font-size:clamp(18px,1.37vw,23px);line-height:1.42;max-width:22ch;letter-spacing:-.015em;text-wrap:pretty}
 :root[data-marea="1"] .kit-count{margin:36px 0 0;padding:23px 0 0;border-top:1px solid rgba(248,213,220,.45);max-width:25ch;font-size:14px;line-height:1.55}
 .kit-lead{font-weight:700;font-size:17px;line-height:1.3;margin-bottom:10px}
 .kit-materials{font-size:14px;line-height:1.55;max-width:23ch}
 :root[data-marea="1"] .object figcaption{left:30px;right:28px;bottom:30px;text-align:left}
 .object figcaption .not-for-sale{font-size:clamp(40px,4.25vw,74px);line-height:1.02}
 .object figcaption .make-yours{font-size:clamp(28px,2.75vw,48px);line-height:1.12;margin:10px 0 0 17%;font-weight:500}
 :root[data-type="b"] .object figcaption .not-for-sale{font-size:clamp(24px,2.4vw,42px)}
 :root[data-type="b"] .object figcaption .make-yours{font-size:clamp(38px,4.1vw,70px);margin:10px 0 0}
 /* El plano nítido conserva los objetos completos, sin crop dependiente del monitor */
 .pack-slide:before{background-position:60% 50%;filter:blur(10px)}
 .pack-slide picture{left:38%;right:1.5%;top:22px;bottom:22px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 96%,transparent)}
 .pack-slide img,.pack-slide:nth-child(2) img,.pack-slide:nth-child(3) img{position:static;top:auto;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
 :root[data-cierre="2"] .signup:after{background:linear-gradient(90deg,rgba(30,12,23,.92),rgba(30,12,23,.74) 30%,rgba(30,12,23,.08) 55%,rgba(30,12,23,.04))}
 :root[data-cierre="2"] .signup-body{min-height:740px}
 .carousel-controls{left:auto;right:4.45%;top:auto;bottom:28px;gap:10px}
 .carousel-dots{position:static;order:0;display:flex}
 .carousel-controls [data-prev]{order:-1}
}
@media(min-width:761px) and (max-width:1100px){
 :root[data-marea="1"] .discovery{padding:40px 30px 42px;grid-template-columns:minmax(0,1fr) minmax(0,600px) minmax(0,1fr);column-gap:0}
 :root[data-marea="1"] .discovery h2{font-size:12.5vw}
 :root[data-marea="1"] .discovery-copy{grid-column:2;grid-row:3;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;margin:28px 0 0;max-width:none}
 :root[data-marea="1"] .reconnect{font-size:18px;max-width:31ch}
 :root[data-marea="1"] .kit-count{margin:0;padding:0 0 0 24px;border-top:0;border-left:1px solid rgba(248,213,220,.45)}
 .object figcaption .not-for-sale{font-size:4.8vw}.object figcaption .make-yours{font-size:3.4vw}
 .pack-slide picture{left:38%;right:0;top:50px;bottom:50px}
}
@media(min-width:1920px){.pack-slide picture{left:36%;right:4%}}
@media(prefers-reduced-motion:reduce){.pack-slide{transition:none}}

@media(min-width:761px){
 .pack-slide picture{left:auto;right:4%;top:0;bottom:0;width:auto;aspect-ratio:1.1215;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
 .pack-slide:nth-child(2) picture{aspect-ratio:.977}
 .pack-slide:nth-child(3) picture{aspect-ratio:.816}
 .pack-slide:before{filter:blur(5px)}
}
@media(min-width:761px) and (max-width:1100px){.pack-slide picture{right:0;max-width:61%;aspect-ratio:auto;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent)}}
@media(min-width:1920px){.pack-slide picture{right:13%}}

@media(min-width:761px){.pack-slide:before{filter:blur(35px) saturate(.7) brightness(.65);inset:-45px;transform:scale(1.12)}}
.signup[data-carousel]{touch-action:pan-y}

@media(max-width:760px){:root[data-cierre="3"] .signup:after{background:linear-gradient(180deg,rgba(35,12,24,.57),rgba(35,12,24,.14) 40%,rgba(35,12,24,.6) 49%,rgba(35,12,24,.9) 100%)}}
