/* Una tipografía consistente y ligera, con una escala cómoda en móvil. */
body{font-family:'DM Sans',system-ui,sans-serif;letter-spacing:.005em}
.immersiveCopy{max-width:650px;text-shadow:0 2px 18px #0004}
.immersiveCopy h1,.immersiveCopy h2{font-family:'Manrope',system-ui,sans-serif;font-weight:500;font-size:clamp(44px,5.4vw,76px);line-height:1.12;letter-spacing:-.045em;margin:19px 0 22px;text-wrap:balance;max-width:650px}
.immersiveCopy p{font-size:14px;line-height:1.8;font-weight:400;max-width:365px;color:#eee5ef;letter-spacing:.005em}
.immersiveCopy .eyebrow{font-family:'DM Sans',system-ui,sans-serif;font-size:9px;font-weight:500;letter-spacing:.17em;line-height:1.6}
.immersiveHint{font-size:9px;letter-spacing:.12em;font-weight:400;line-height:1.6}
.sectionHead h2,.visit h2,.look h3,.slideCopy .slideHeading{font-family:'Manrope',system-ui,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.14}
.sectionHead h2{font-size:clamp(34px,4vw,54px)}.visit h2{font-size:clamp(38px,4.5vw,62px)}.look h3{font-size:clamp(36px,4.3vw,60px)}
.productInfo h3{font-family:'Manrope',system-ui,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.4}
.brandWords{font-weight:700;letter-spacing:.1em}.brandWords small{font-weight:500;letter-spacing:.12em}
.btn,.slideCopy .btn,.ask,.contact{font-weight:500;letter-spacing:.015em}.eyebrow{font-weight:500;letter-spacing:.15em;line-height:1.7}
@media(max-width:800px){.immersiveCopy h1,.immersiveCopy h2{font-size:clamp(35px,9.7vw,44px);line-height:1.15;letter-spacing:-.035em;margin:17px 0 19px;max-width:330px}.immersiveCopy p{font-size:12px;line-height:1.85;max-width:280px}.immersiveCopy .eyebrow{font-size:8px;letter-spacing:.13em;max-width:290px}.immersiveHint{font-size:7px;letter-spacing:.09em}.sectionHead h2{font-size:35px;letter-spacing:-.035em}.visit h2{font-size:40px}.look h3{font-size:35px}.productInfo h3{font-size:12px;line-height:1.45}.immersiveStep{padding-bottom:170px}}
/* Contraste constante sobre fotografías y durante las fusiones. */
.immersiveCopy{position:relative;isolation:isolate;text-shadow:0 2px 8px #0009}
.immersiveCopy:before{content:'';position:absolute;inset:-30px -45px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(13,9,19,.88),rgba(13,9,19,.76) 75%,rgba(13,9,19,.6));filter:blur(25px);border-radius:45% 35% 40% 25%}
.immersiveCopy h1,.immersiveCopy h2,.immersiveCopy p{color:#fff}
.immersiveCopy .eyebrow,.immersiveHint{color:#ffe3ca}
.immersiveCaption{color:#fff;background:rgba(13,9,19,.75);padding:6px 9px;border-radius:20px;text-shadow:0 1px 3px #0008}
@media(max-width:800px){.immersiveCopy:before{inset:-24px -32px;background:rgba(13,9,19,.8);filter:blur(22px)}}

/* Título de temporada: gótico delicado, con lectura clara en móvil. */
.immersiveCopy h1{font-family:'Grenze Gotisch',Georgia,serif;font-weight:600;font-size:clamp(50px,6.1vw,86px);line-height:1.02;letter-spacing:0;color:#fff0db;text-shadow:0 2px 10px #000b,0 0 24px #e8853825}
@media(max-width:800px){.immersiveCopy h1{font-size:clamp(39px,11vw,49px);line-height:1.04;letter-spacing:0;max-width:330px}}

/* Letras de campaña inspiradas en Halloween: naranja, morado y pequeños adornos. */
.immersiveCopy h1{font-family:'Berkshire Swash',Georgia,serif;font-weight:400;font-size:clamp(48px,6vw,84px);line-height:1.08;letter-spacing:0;margin-top:12px}
.halloweenTitleTop{color:#ff963d;text-shadow:0 3px 0 #693017,0 6px 18px #0009}
.halloweenTitleBottom{color:#d5a3ff;font-size:.75em;text-shadow:0 2px 0 #472266,0 5px 18px #0009}
.titleHalloweenDecor{height:43px;position:relative;width:220px;pointer-events:none;margin-bottom:8px}
.titlePumpkin{position:absolute;width:42px;height:38px;left:0;bottom:0;transform:rotate(-9deg);filter:drop-shadow(0 3px 6px #0008)}
.titleBat{position:absolute;width:58px;height:30px;left:70px;top:0;color:#b97fe6;transform:rotate(-13deg)}
.titleBlood{position:absolute;left:146px;top:19px;width:49px;height:5px;border-radius:80% 40%;background:#c42c43;box-shadow:0 2px 8px #0006}
.titleBlood:before,.titleBlood:after{content:'';position:absolute;top:2px;background:#c42c43;width:6px;border-radius:0 0 80% 80%}
.titleBlood:before{left:8px;height:17px;transform:rotate(4deg)}.titleBlood:after{left:30px;height:10px}
@media(max-width:800px){.immersiveCopy h1{font-size:clamp(38px,10.8vw,48px);line-height:1.08}.titleHalloweenDecor{height:34px;margin-bottom:6px}.titlePumpkin{width:35px;height:32px}.titleBat{width:47px;height:25px;left:60px}.titleBlood{left:125px;top:14px}}

/* Cartel de calabaza para móvil y escritorio, sin recuadros oscuros. */
.immersiveCopy:before{display:none}
.immersiveCopy{max-width:590px;padding:45px 48px 35px;background:radial-gradient(ellipse at 50% 30%,#ffc16a 0%,#ffa33c 40%,#ee741e 80%);border-radius:43% 43% 36% 36% / 28% 28% 42% 42%;border:1px solid #ffba6566;box-shadow:inset 18px 0 22px #a63e1a23,inset -18px 0 22px #a63e1a23,0 12px 35px #120b1d40;text-shadow:none;isolation:isolate}
.immersiveCopy:after{content:'';position:absolute;top:-23px;left:calc(50% - 10px);width:19px;height:32px;background:linear-gradient(90deg,#496337,#78904a);border-radius:9px 3px 4px 4px;transform:rotate(13deg);z-index:-1}
.immersiveCopy h1{margin:12px 0 15px;text-align:center;font-size:clamp(40px,4.8vw,64px)}
.halloweenTitleTop{color:#552155;text-shadow:none}.halloweenTitleBottom{color:#552155;text-shadow:none}
.immersiveCopy .eyebrow{color:#50233e;text-align:center;font-size:9px;letter-spacing:.1em}
.immersiveCopy p{color:#402539;text-align:center;margin:0 auto 20px;line-height:1.65;font-size:13px}
.immersiveCopy .btn{display:flex;width:fit-content;margin:auto;background:#4c2554;color:#fff2df;border-color:#4c2554}
.immersiveHint{color:#572c40;text-align:center;margin-top:16px;font-size:8px}
.titleHalloweenDecor{height:22px;width:100%;margin:0}.titleBlood,.titlePumpkin{display:none}.titleBat{left:auto;right:12%;top:-17px;color:#613366;width:42px;height:24px}
.immersiveCopy h2{color:#552155;text-align:center;text-shadow:none;font-size:clamp(32px,4vw,52px)}
@media(max-width:800px){.immersiveStep{padding-left:20px;padding-right:20px;padding-bottom:110px}.immersiveCopy{width:100%;padding:29px 22px 24px;border-radius:43% 43% 36% 36% / 25% 25% 38% 38%}.immersiveCopy h1{font-size:clamp(32px,9.2vw,40px);line-height:1.04;margin:8px 0 12px}.immersiveCopy p{font-size:11px;line-height:1.6;max-width:270px;margin-bottom:15px}.immersiveCopy .eyebrow{font-size:7px;max-width:none}.immersiveCopy h2{font-size:30px;margin:10px 0 14px}.immersiveHint{font-size:6px;margin-top:12px}.titleBat{right:8%;top:-10px;width:33px;height:20px}.titleHalloweenDecor{height:12px}.immersiveCopy .btn{padding:12px 16px}}

/* Las fotografías son protagonistas; la calabaza queda como detalle pequeño. */
.immersiveCopy{width:auto;max-width:510px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;text-shadow:0 2px 8px #000b}
.immersiveCopy:before,.immersiveCopy:after{display:none}
.immersiveCopy h1{text-align:left;font-size:clamp(36px,4.3vw,58px);line-height:1.08;margin:8px 0 13px}
.halloweenTitleTop{color:#ffa24b;text-shadow:0 2px 4px #271124,0 0 12px #0009}
.halloweenTitleBottom{color:#e0b8ff;text-shadow:0 2px 4px #271124,0 0 12px #0009}
.immersiveCopy .eyebrow{color:#ffe0b8;text-align:left;font-size:8px}
.immersiveCopy p{color:#fff3e7;text-align:left;margin:0 0 16px;max-width:330px;font-size:12px;line-height:1.65}
.immersiveCopy .btn{margin:0;background:#50295be8;color:#fff4e4;border-color:#d9a0e44d}
.immersiveHint{color:#ead2ee;text-align:left;font-size:7px;margin-top:13px}
.immersiveCopy h2{color:#fff0e4;text-align:left;text-shadow:0 2px 8px #000b;font-size:clamp(32px,4vw,52px)}
.titleHalloweenDecor{width:115px;height:31px;margin-bottom:4px}
.titlePumpkin{display:block;left:0;bottom:0;width:31px;height:28px;transform:rotate(-8deg)}
.titleBat{left:52px;right:auto;top:2px;width:32px;height:19px;color:#d6a7ef}
.titleBlood{display:none}
.immersiveLayer:after{background:linear-gradient(0deg,rgba(15,9,22,.96) 0%,rgba(15,9,22,.7) 22%,rgba(15,9,22,.12) 49%,transparent 65%)}
@media(max-width:800px){.immersiveStep{padding:32px 24px 108px}.immersiveCopy{width:100%;max-width:330px;padding:0}.immersiveCopy h1{font-size:clamp(29px,8.2vw,36px);line-height:1.06;margin:6px 0 10px}.immersiveCopy p{font-size:10px;line-height:1.6;max-width:265px;margin:0 0 13px}.immersiveCopy .eyebrow{font-size:6px;letter-spacing:.1em}.immersiveCopy h2{font-size:29px;margin:8px 0 12px}.immersiveCopy .btn{padding:11px 15px;font-size:10px}.immersiveHint{font-size:6px;margin-top:10px}.titleHalloweenDecor{height:26px;margin-bottom:3px}.titlePumpkin{width:28px;height:25px}.titleBat{left:45px;top:1px;width:29px;height:17px}}

/* Vestidos de fiesta: acabado editorial en champán y lila. */
#looks .galaSignature{display:flex;align-items:center;gap:10px;color:#efd3a6;font-size:18px;margin-bottom:12px;text-shadow:0 2px 6px #0008}
#looks .galaSignature span{display:block;width:55px;height:1px;background:linear-gradient(90deg,#efd3a6,transparent)}
#looks .immersiveCopy .eyebrow{color:#f7ddb5;letter-spacing:.2em;font-size:9px}
#looks .immersiveCopy .galaTitle{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(43px,5.4vw,73px);line-height:1.02;letter-spacing:-.025em;margin:10px 0 20px;color:#fff3e3;text-align:left;text-shadow:0 2px 9px #24142bb3}
#looks .galaTitle em{font-weight:500;color:#ead4f3;font-size:.78em;letter-spacing:-.025em}
#looks .immersiveCopy p{max-width:330px;color:#f4e9f2;font-size:12px;line-height:1.8}
#looks .immersiveCopy .btn{background:linear-gradient(110deg,#ead2ad,#e0c4e8);border:1px solid #f9e4c57a;color:#342039;box-shadow:0 4px 20px #1c0e2826}
@media(max-width:800px){#looks .immersiveCopy .galaTitle{font-size:clamp(35px,10.1vw,44px);line-height:1.02;margin:8px 0 14px}#looks .immersiveCopy p{font-size:10px;max-width:270px}#looks .immersiveCopy .eyebrow{font-size:7px;letter-spacing:.16em}#looks .galaSignature{font-size:15px;margin-bottom:8px}}


/* Solo la tercera escena: adelanto de decoración, sin productos inventados. */
#decoracion .decorComingSoon{font-size:11px;font-weight:600;color:#ffd39d;margin:0 0 8px;letter-spacing:.04em}
#decoracion .decorIllustrationNote{font-size:9px;color:#e5cde8;margin:0 0 17px;line-height:1.5}
@media(max-width:800px){#decoracion .decorComingSoon{font-size:10px}#decoracion .decorIllustrationNote{font-size:8px;max-width:260px}}