@font-face{font-family:"SA Bodoni";src:url(../fuentes/solo-air-book.16f930a88f.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:84.9%}
@font-face{font-family:"SA Bodoni";src:url(../fuentes/solo-air-italic.6dedf1decb.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;size-adjust:84.0%}
@font-face{font-family:"SA Bodoni";src:url(../fuentes/solo-air-bold.224a231f7d.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;size-adjust:86.1%}
@font-face{font-family:"SA Grabado";src:url(../fuentes/solo-air-grabado.11839a100e.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:77.0%}
:root{
--noche:#0b0806;        
--tierra:#2b1c10;       
--ambar:rgba(190,142,88,.84);
--crema:#f4ead6;
--crema-2:#efe3c9;
--texto-suave:rgba(244,234,214,.76);
--oro:#e2bd6e;          
--oro-claro:#e8c983;    
--oro-tinta:linear-gradient(180deg,#f8e3a4 0%,#e2b85f 34%,#a97a2c 56%,#eed28a 78%,#b98a3c 100%);
--oro-filo:linear-gradient(90deg,rgba(185,138,60,0),#d9b46a 30%,#f6dc95 50%,#c3923f 72%,rgba(185,138,60,0));
--marfil:#f3ecdf;       
--tinta:#24180e;
--tinta-2:#5b4632;
--serif:"SA Bodoni","Bodoni Bk BT","Bodoni 72",Didot,Georgia,serif;
--grabado:"SA Grabado","EngraversGothic BT","Copperplate",sans-serif;
--borde:8px;
--ancho:1320px;
--lado:clamp(18px,4.2vw,64px);
--cabecera:68px;
--sale:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--tierra)}
body{font-family:var(--serif);font-size:clamp(17px,1.12vw,19px);line-height:1.62;color:var(--crema);
background:radial-gradient(1200px 900px at 70% 0%,#3a2716 0%,#1c130b 55%,#120c07 100%) fixed,#1a120b;
overflow-x:hidden;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
picture{display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--oro-claro);outline-offset:3px}
.saltar{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--crema);color:var(--tinta);padding:10px 18px;border-radius:999px;font-family:var(--grabado);font-size:13px;letter-spacing:.12em;text-decoration:none;font-variant-caps:small-caps}
.saltar:focus{left:12px}
.grabado{font-family:var(--grabado);text-transform:uppercase;font-weight:400}
.oro-texto{background:var(--oro-tinta);-webkit-background-clip:text;background-clip:text;color:transparent}
.envoltura{max-width:var(--ancho);margin:0 auto;padding:0 var(--lado)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
svg.ico{width:20px;height:20px;flex:none;stroke-width:1.5}
.boton{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;border-radius:999px;
font-family:var(--grabado);font-size:14px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
transition:transform .35s var(--sale),background-color .35s var(--sale),box-shadow .35s var(--sale),color .35s var(--sale);cursor:pointer;border:0}
.boton:active{transform:translateY(1px) scale(.985)}
.boton-crema{background:var(--crema);color:var(--tinta);box-shadow:0 0 0 1px rgba(232,201,131,.55),0 10px 30px -12px rgba(232,180,95,.55)}
.boton-crema:hover{background:#fff6e4;box-shadow:0 0 0 1px rgba(232,201,131,.9),0 14px 36px -10px rgba(232,180,95,.7)}
.boton-filo{color:var(--crema);background:rgba(11,8,6,.25);box-shadow:inset 0 0 0 1px rgba(226,189,110,.75)}
.boton-filo:hover{background:rgba(226,189,110,.12)}
.cabecera{position:fixed;inset:0 0 auto 0;height:var(--cabecera);z-index:50;display:flex;align-items:center;
transition:background-color .5s var(--sale),box-shadow .5s var(--sale),backdrop-filter .5s}
.cabecera .envoltura{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca-mini{display:flex;align-items:center;gap:12px;text-decoration:none;opacity:0;transform:translateY(-6px);transition:opacity .5s var(--sale),transform .5s var(--sale)}
.marca-mini img{width:auto;height:42px}
.marca-mini span{font-family:var(--grabado);font-size:12px;letter-spacing:.2em;color:var(--oro-claro);font-variant-caps:small-caps}
.con-fondo .cabecera{background:rgba(20,13,8,.82);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 rgba(226,189,110,.22)}
.con-fondo .marca-mini{opacity:1;transform:none}
.menu{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px)}
.menu a.enlace{font-family:var(--grabado);font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--crema-2);padding:12px 0;position:relative}
.menu a.enlace::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--oro-filo);transform:scaleX(0);transition:transform .45s var(--sale)}
.menu a.enlace:hover::after{transform:scaleX(1)}
.menu .boton{min-height:42px;padding:0 20px;font-size:13px}
.portada{position:relative;min-height:100dvh;padding:calc(var(--cabecera) + 8px) 0 0;overflow:hidden;isolation:isolate;
background:
radial-gradient(70vw 60vh at 66% 46%, rgba(190,142,88,.80) 0%, rgba(162,116,66,.62) 30%, rgba(116,78,42,.38) 56%, rgba(64,40,20,.14) 80%, transparent 100%),
radial-gradient(90vw 70vh at 66% 40%, rgba(120,82,42,.28), transparent 72%),
radial-gradient(30vw 30vh at 92% 8%, rgba(214,160,78,.12), transparent 70%),
linear-gradient(180deg,#0f0a07 0%,#140d08 60%,#1b120a 100%)}
.trama{position:absolute;z-index:-1;pointer-events:none;
background-image:radial-gradient(circle at 50% 50%,#c9a24a 1.1px,transparent 1.6px);background-size:14px 14px}
.trama.izq{left:0;top:0;width:46vw;height:70vh;-webkit-mask:radial-gradient(farthest-corner at 0 0,rgba(0,0,0,.42),rgba(0,0,0,.08) 60%,transparent);mask:radial-gradient(farthest-corner at 0 0,rgba(0,0,0,.42),rgba(0,0,0,.08) 60%,transparent)}
.trama.der{right:0;top:0;width:34vw;height:55vh;-webkit-mask:radial-gradient(farthest-corner at 100% 0,rgba(0,0,0,.32),rgba(0,0,0,.05) 55%,transparent);mask:radial-gradient(farthest-corner at 100% 0,rgba(0,0,0,.32),rgba(0,0,0,.05) 55%,transparent)}
.portada{display:flex;flex-direction:column}
.portada-rejilla{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);align-items:center;gap:clamp(12px,2vw,36px);
width:100%;max-width:1760px;margin:0 auto;padding:0 var(--lado)}
.portada-texto{position:relative;z-index:3;padding:clamp(8px,2vh,30px) 0;container-type:inline-size}
.portada-logo{width:min(56cqw,32dvh);height:auto;margin:0 0 clamp(12px,2.2vh,26px) -1.5cqw;filter:drop-shadow(0 6px 24px rgba(0,0,0,.35))}
.ceja{display:block;font-size:max(11px,calc(100cqw / 31.746));letter-spacing:.21em;color:var(--oro-claro);margin-bottom:.9em}
h1{font-weight:700;line-height:1}
h1 .t1{display:block;font-size:calc(100cqw / 11.170);letter-spacing:.02em;color:var(--crema);text-transform:uppercase;white-space:nowrap}
h1 .t2{display:block;font-size:calc(100cqw / 4.819);letter-spacing:.01em;text-transform:uppercase;margin-top:.04em;white-space:nowrap;
background:linear-gradient(100deg,transparent 0%,transparent 42%,rgba(255,247,222,.85) 50%,transparent 58%,transparent 100%),var(--oro-tinta);
background-size:260% 100%,100% 100%;background-position:120% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;
filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}
.portada-sub{max-width:40ch;margin-top:clamp(14px,2.4vh,26px);font-size:clamp(17px,1.25vw,21px);line-height:1.5;color:var(--texto-suave)}
.portada-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(18px,3.2vh,34px)}
.portada-mesa{position:relative;z-index:2;align-self:end;margin:0 calc(var(--lado) * -0.45) -26px -3%}
.mesa{display:block;width:100%;height:auto}
.mesa-luz{position:absolute;left:4%;right:2%;bottom:6%;height:42%;z-index:-1;
background:radial-gradient(50% 40% at 50% 60%,rgba(238,204,156,.30),rgba(214,170,116,.12) 50%,transparent 100%)}
.curvas{position:absolute;left:0;right:0;bottom:0;height:130px;z-index:1;pointer-events:none;width:100%}
.portada-pie{position:relative;z-index:3;padding:6px var(--lado) 58px;max-width:1680px;margin:0 auto;width:100%}
.ventajas{list-style:none;display:flex;justify-content:center;align-items:center;gap:clamp(14px,2.4vw,40px);flex-wrap:wrap}
.ventaja{display:flex;align-items:center;gap:14px;font-size:clamp(11px,.78vw,13px);letter-spacing:.16em;line-height:1.35;color:#f1e6cf}
.ventaja svg{width:44px;height:44px;flex:none}
.ventajas .sep{width:1px;height:38px;background:linear-gradient(transparent,rgba(226,189,110,.75),transparent)}
.polvo{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.polvo i{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:#f3d593;box-shadow:0 0 8px 2px rgba(243,213,147,.45);opacity:0}
.banda{position:relative;overflow:hidden;padding:26px 0;background:linear-gradient(90deg,#160e08,#2a1b0f 50%,#160e08);
box-shadow:inset 0 1px 0 rgba(226,189,110,.28),inset 0 -1px 0 rgba(226,189,110,.28)}
.banda-pista{display:flex;width:max-content;gap:0}
.banda-grupo{display:flex;align-items:center;flex:none}
.banda span{font-size:clamp(20px,2vw,30px);letter-spacing:.28em;color:var(--oro-claro);white-space:nowrap;padding:0 .2em}
.banda b{display:inline-block;width:46px;height:1px;margin:0 clamp(22px,2.4vw,40px);background:var(--oro-filo);flex:none}
.manifiesto{position:relative;padding:clamp(90px,13vw,190px) 0 clamp(80px,10vw,150px);overflow:hidden;
background:radial-gradient(60vw 50vw at 88% 40%,rgba(150,104,56,.42),transparent 70%),radial-gradient(40vw 40vw at 0% 100%,rgba(120,82,42,.30),transparent 70%),#1a110a}
.manifiesto-rejilla{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(30px,6vw,110px);align-items:end}
.manifiesto h2{font-weight:400;font-size:clamp(40px,5.4vw,92px);line-height:1.04;letter-spacing:-.01em;color:var(--crema);max-width:13ch}
.manifiesto h2 em{font-style:italic}
.manifiesto p{max-width:46ch;margin-top:clamp(26px,3vw,44px);color:var(--texto-suave)}
.manifiesto .firma{margin-top:22px;font-size:13px;letter-spacing:.2em;color:var(--oro-claro)}
.manifiesto figure{position:relative;margin-bottom:clamp(-140px,-9vw,-60px)}
.manifiesto figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:58% 50%;border-radius:var(--borde);box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(226,189,110,.25)}
.manifiesto figcaption{margin-top:12px;font-size:12px;letter-spacing:.06em;color:rgba(244,234,214,.55);font-style:italic}
.sectores{position:relative;background:radial-gradient(80vw 60vh at 50% 50%,rgba(110,74,40,.40),transparent 75%),#140d08}
.sectores-fijo{padding:clamp(70px,8vw,120px) 0}
.sectores-pista{display:flex;gap:clamp(16px,2vw,28px);padding:0 var(--lado);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--lado);scrollbar-width:thin;scrollbar-color:rgba(226,189,110,.5) transparent;padding-bottom:20px}
.sectores-intro{flex:0 0 min(84vw,430px);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding-right:clamp(10px,2vw,40px)}
.sectores-intro h2{font-weight:700;font-size:clamp(38px,4.2vw,70px);line-height:1.02;text-transform:uppercase;letter-spacing:.01em}
.sectores-intro h2 span{display:block}
.sectores-intro p{margin-top:22px;color:var(--texto-suave);max-width:34ch}
.sectores-intro small{display:block;margin-top:20px;font-size:12px;font-style:italic;color:rgba(244,234,214,.55);max-width:36ch}
.sector{flex:0 0 min(86vw,760px);scroll-snap-align:start;position:relative;border-radius:var(--borde);overflow:hidden;aspect-ratio:16/11;
box-shadow:0 30px 70px -30px rgba(0,0,0,.75),0 0 0 1px rgba(226,189,110,.22);isolation:isolate}
.sector picture{position:absolute;inset:0}
.sector img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.4s var(--sale)}
.sector:hover img{transform:scale(1.09)}
.sector::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,9,5,0) 38%,rgba(14,9,5,.55) 64%,rgba(14,9,5,.92) 100%)}
.sector-texto{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(20px,2.6vw,38px)}
.sector h3{font-weight:700;font-size:clamp(28px,2.7vw,44px);line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.sector p{margin-top:8px;max-width:44ch;color:rgba(244,234,214,.86);font-size:clamp(15px,1.05vw,18px);line-height:1.5}
.sector .zonas{margin-top:12px;font-family:var(--grabado);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--oro-claro)}
.equipos{position:relative;background:#120c07;padding-top:clamp(80px,9vw,130px)}
.equipos-cabeza{text-align:left;padding-bottom:clamp(30px,4vw,60px)}
.equipos-cabeza h2{font-weight:400;font-size:clamp(38px,4.4vw,74px);line-height:1.05;max-width:16ch}
.equipos-cabeza h2 em{font-style:italic}
.pila{position:relative;timeline-scope:--e2,--e3,--e4,--e5}
.tarjeta{position:sticky;top:0;min-height:100dvh;display:flex;align-items:center;padding:calc(var(--cabecera) + 10px) 0 30px}
.tarjeta-caja{position:relative;width:100%;max-width:var(--ancho);margin:0 auto;min-height:min(78dvh,720px);border-radius:var(--borde);overflow:hidden;
display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;transform-origin:50% 0;
box-shadow:0 -30px 80px -40px rgba(0,0,0,.8),0 0 0 1px rgba(226,189,110,.24)}
.tarjeta:nth-child(1) .tarjeta-caja{background:radial-gradient(70% 80% at 30% 55%,rgba(196,148,92,.75),rgba(110,72,38,.45) 45%,transparent 80%),#1d130b}
.tarjeta:nth-child(2) .tarjeta-caja{background:radial-gradient(70% 80% at 30% 60%,rgba(214,176,120,.62),rgba(120,86,50,.42) 48%,transparent 82%),#21170e}
.tarjeta:nth-child(3) .tarjeta-caja{background:radial-gradient(70% 80% at 30% 62%,rgba(183,128,74,.72),rgba(98,62,32,.45) 46%,transparent 80%),#1b110a}
.tarjeta:nth-child(4) .tarjeta-caja{background:radial-gradient(70% 80% at 30% 58%,rgba(205,160,96,.70),rgba(112,76,40,.42) 46%,transparent 80%),#1e140c}
.tarjeta:nth-child(5) .tarjeta-caja{background:radial-gradient(70% 80% at 30% 60%,rgba(176,134,84,.70),rgba(96,64,36,.44) 46%,transparent 80%),#1a120b}
.producto{position:relative;height:100%;min-height:340px;display:flex;align-items:center;justify-content:center;padding:clamp(20px,3vw,50px)}
.producto picture{width:100%}
.recorte{display:block;margin:0 auto;width:min(100%,calc(min(60dvh,560px) * var(--r,1)));height:auto;filter:drop-shadow(0 26px 34px rgba(0,0,0,.38))}
.ficha{padding:clamp(28px,4vw,64px) clamp(26px,4vw,64px) clamp(28px,4vw,64px) 0}
.ficha h3{font-weight:700;font-size:clamp(34px,3.6vw,60px);line-height:1;text-transform:uppercase;letter-spacing:.02em}
.ficha .linea{display:block;margin:18px 0 20px;width:120px;height:2px;background:var(--oro-filo)}
.ficha p{color:var(--texto-suave);max-width:40ch}
.datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px;margin-top:28px}
.dato dt{font-family:var(--grabado);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--oro-claro)}
.dato dd{margin-top:4px;font-size:clamp(17px,1.25vw,21px);color:var(--crema)}
.fragancias{position:relative;overflow:hidden;padding:clamp(90px,11vw,170px) 0;
background:radial-gradient(55vw 46vw at 50% 56%,rgba(198,150,92,.80) 0%,rgba(150,104,56,.55) 34%,rgba(84,54,28,.30) 64%,transparent 100%),#150e08}
.fragancias-rejilla{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr) minmax(0,.85fr);align-items:center;gap:clamp(20px,3vw,50px)}
.cifra{font-weight:700;font-size:min(clamp(84px,8.6vw,170px),38cqw);width:max-content;white-space:nowrap;line-height:.85;letter-spacing:-.02em}
.cifra-pie{display:block;margin-top:12px;font-size:clamp(13px,1vw,16px);letter-spacing:.22em;color:var(--oro-claro)}
.fragancias h2{font-weight:400;font-size:clamp(34px,3.4vw,58px);line-height:1.08;margin-top:clamp(28px,4vw,56px)}
.fragancias h2 em{font-style:italic}
.maleta{display:block;width:100%;height:auto;filter:drop-shadow(0 40px 50px rgba(0,0,0,.45))}
.fragancias-rejilla > div:first-child{container-type:inline-size}
.fragancias-texto p{color:var(--texto-suave);max-width:36ch}
.familias{margin-top:28px;display:grid;gap:10px}
.familias li{list-style:none;display:flex;align-items:baseline;gap:14px;font-size:clamp(18px,1.4vw,23px)}
.familias li::before{content:"";width:22px;height:1px;flex:none;background:var(--oro);transform:translateY(-6px)}
.nombres{margin-top:clamp(50px,6vw,90px);display:flex;flex-wrap:wrap;justify-content:center;gap:6px clamp(18px,2.4vw,40px);font-style:italic;
font-size:clamp(22px,2.3vw,38px);line-height:1.25;color:rgba(244,234,214,.92)}
.nombres span:nth-child(3n+2){color:rgba(244,234,214,.55)}
.nombres span:nth-child(4n){background:var(--oro-tinta);-webkit-background-clip:text;background-clip:text;color:transparent}
.nombres-pie{text-align:center;margin-top:18px;font-size:13px;color:rgba(244,234,214,.6)}
.servicio{position:relative;background:linear-gradient(180deg,#f6f0e5,var(--marfil));color:var(--tinta);padding:clamp(90px,11vw,160px) 0 clamp(70px,8vw,120px)}
.servicio::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--oro-filo)}
.servicio h2{font-weight:700;font-size:clamp(34px,3.9vw,64px);line-height:1.04;text-transform:uppercase;max-width:22ch}
.servicio h2 .oro-oscuro{background:linear-gradient(180deg,#b88a35,#8a6020 55%,#c79a45);-webkit-background-clip:text;background-clip:text;color:transparent}
.servicio-intro{margin-top:24px;max-width:52ch;color:var(--tinta-2)}
.pasos{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,40px);margin-top:clamp(60px,7vw,100px)}
.pasos-hilo{position:absolute;left:0;right:0;top:26px;height:2px;background:linear-gradient(90deg,#c79a45,#e9cc84 50%,#a87a30);transform-origin:0 50%}
.paso{position:relative;padding-top:64px}
.paso .marca{position:absolute;top:10px;left:0;width:34px;height:34px;border-radius:50%;background:var(--marfil);box-shadow:0 0 0 2px #c79a45,0 0 0 8px var(--marfil)}
.paso .marca::after{content:"";position:absolute;inset:10px;border-radius:50%;background:#b88a35}
.paso h3{font-weight:700;font-size:clamp(22px,1.8vw,30px);line-height:1.1;text-transform:uppercase;letter-spacing:.02em}
.paso p{margin-top:12px;color:var(--tinta-2);font-size:clamp(16px,1.1vw,18px)}
.preguntas{background:var(--marfil);color:var(--tinta);padding:0 0 clamp(90px,10vw,150px)}
.preguntas-rejilla{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(30px,6vw,100px);border-top:1px solid rgba(138,96,32,.35);padding-top:clamp(60px,7vw,100px)}
.preguntas h2{font-weight:400;font-size:clamp(34px,3.6vw,60px);line-height:1.05}
.preguntas h2 em{font-style:italic}
.preguntas details{border-bottom:1px solid rgba(138,96,32,.28)}
.preguntas summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;min-height:44px;
font-weight:700;font-size:clamp(19px,1.45vw,24px);line-height:1.25}
.preguntas summary::-webkit-details-marker{display:none}
.preguntas summary svg{width:22px;height:22px;flex:none;color:#9a6c26;transition:transform .45s var(--sale)}
.preguntas details[open] summary svg{transform:rotate(45deg)}
.preguntas details p{padding:0 0 24px;max-width:62ch;color:var(--tinta-2)}
.preguntas details a{color:#7a531a}
.contacto{position:relative;overflow:hidden;isolation:isolate;padding:clamp(90px,11vw,160px) 0 clamp(150px,16vw,230px);
background:radial-gradient(60vw 50vw at 22% 40%,rgba(190,142,88,.62),rgba(116,78,42,.30) 50%,transparent 78%),radial-gradient(40vw 40vw at 100% 100%,rgba(150,104,56,.35),transparent 70%),#140d08}
.contacto-rejilla{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);align-items:start}
.lema{font-style:italic;font-size:clamp(40px,4.6vw,80px);line-height:1.08;padding-bottom:.08em;color:var(--crema)}
.telefono{display:inline-block;margin-top:clamp(30px,4vw,54px);font-size:clamp(40px,4.2vw,72px);line-height:1;text-decoration:none;letter-spacing:.01em}
.telefono:hover{filter:brightness(1.12)}
.contacto-datos{margin-top:24px;display:grid;gap:12px;font-style:normal}
.contacto-datos a,.contacto-datos div{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--crema-2);min-height:28px}
.contacto-datos svg{color:var(--oro)}
.qr{display:flex;align-items:center;gap:18px;margin-top:32px}
.qr svg{width:96px;height:96px}
.qr span{font-size:12px;letter-spacing:.2em;color:var(--oro-claro);line-height:1.6}
.distribuidor{margin-top:40px;padding-top:24px;border-top:1px solid rgba(226,189,110,.28);color:var(--texto-suave);max-width:44ch}
.distribuidor a{color:var(--oro-claro)}
.formulario{position:relative;padding:clamp(26px,3.4vw,48px);border-radius:var(--borde);
background:linear-gradient(160deg,rgba(43,28,16,.88),rgba(24,16,9,.92));box-shadow:0 0 0 1px rgba(226,189,110,.35),0 40px 90px -40px rgba(0,0,0,.8)}
.formulario h2{font-weight:700;font-size:clamp(28px,2.4vw,40px);text-transform:uppercase;line-height:1.05;letter-spacing:.02em}
.formulario > p{margin-top:10px;color:var(--texto-suave);font-size:16px}
.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.campo{display:grid;gap:7px;align-content:start}
.campo.ancho,.error.ancho{grid-column:1/-1}
.campo label{font-family:var(--grabado);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--oro-claro)}
.campo input,.campo select,.campo textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:6px;border:1px solid rgba(226,189,110,.45);
background:rgba(11,8,6,.55);color:var(--crema);font:inherit;font-size:17px}
.campo textarea{min-height:96px;resize:vertical}
.campo select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#e2bd6e 50%),linear-gradient(135deg,#e2bd6e 50%,transparent 50%);
background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.campo select option{background:#1c130b;color:var(--crema)}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--oro-claro);outline-offset:1px;border-color:transparent}
.campo .ayuda{font-size:13px;color:rgba(244,234,214,.62)}
.error{font-size:13px;color:#ffb4a2;min-height:0}
.acepto{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--texto-suave);line-height:1.45}
.acepto input{width:22px;height:22px;margin-top:1px;accent-color:#d9b46a;flex:none}
.acepto a{color:var(--oro-claro)}
.formulario .boton{margin-top:24px;width:100%;justify-content:center}
.aviso-envio{margin-top:12px;font-size:13px;color:rgba(244,234,214,.6);text-align:center}
.curvas-pie{position:absolute;left:0;right:0;bottom:30px;height:150px;width:100%;z-index:-1;pointer-events:none}
.pie{background:#0f0a06;box-shadow:inset 0 1px 0 rgba(226,189,110,.22);padding:46px 0 34px;font-size:14px;color:rgba(244,234,214,.7)}
.pie-rejilla{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}
.pie img{width:150px;height:auto}
.pie nav{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center}
.pie nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.pie nav a:hover{color:var(--oro-claro)}
.hogar{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--oro-claro);font-family:var(--grabado);font-size:12px;letter-spacing:.18em;text-transform:uppercase;min-height:44px}
.credito{margin-top:18px;text-align:center;font-size:12.5px;letter-spacing:.04em;color:rgba(244,234,214,.62)}
.credito a{color:var(--oro-claro);text-decoration:none;text-underline-offset:3px}
.credito a:hover{text-decoration:underline}
.pie-legal{margin-top:26px;padding-top:20px;border-top:1px solid rgba(226,189,110,.14);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12.5px;color:rgba(244,234,214,.62)}
@media (prefers-reduced-motion:no-preference){
.aparece.espera{opacity:0;transform:translateY(26px);transition:opacity 1s var(--sale),transform 1.1s var(--sale)}
.aparece.espera.vista{opacity:1;transform:none}
.entra{animation:entra 1.2s var(--sale) both}
.entra.d1{animation-delay:.12s}.entra.d2{animation-delay:.24s}.entra.d3{animation-delay:.38s}.entra.d4{animation-delay:.5s}
.mesa-entra{animation:mesa 1.8s var(--sale) .2s both}
h1 .t2.entra{animation:entra 1.2s var(--sale) .24s both,brillo 2.6s ease-in-out 1.3s both}
.curvas path{stroke-dasharray:2400;stroke-dashoffset:2400;animation:traza 2.6s var(--sale) .5s forwards}
.polvo i{animation:sube var(--t,14s) linear var(--d,0s) infinite}
.banda-pista{animation:cinta 46s linear infinite}
.banda:hover .banda-pista{animation-play-state:paused}
}
@keyframes entra{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes mesa{from{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:none}}
@keyframes brillo{from{background-position:120% 0,0 0}to{background-position:-30% 0,0 0}}
@keyframes traza{to{stroke-dashoffset:0}}
@keyframes sube{0%{opacity:0;transform:translate(0,0)}10%{opacity:.9}70%{opacity:.6}100%{opacity:0;transform:translate(var(--x,20px),-92vh)}}
@keyframes cinta{to{transform:translateX(-50%)}}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference) and (min-width:900px){
.js .sectores{height:var(--alto-pan,520vh);view-timeline-name:--pan}
.js .sectores-fijo{position:sticky;top:0;height:100dvh;overflow:hidden;display:flex;align-items:center;padding:var(--cabecera) 0 0}
.js .sectores-pista{overflow:visible;scroll-snap-type:none;width:max-content;padding-bottom:0;
animation:pan linear both;animation-timeline:--pan;animation-range:contain 0% contain 100%}
.js .sector{flex-basis:min(62vw,880px);aspect-ratio:auto;height:min(72dvh,640px)}
.js .sectores-intro{flex-basis:min(36vw,520px)}
@keyframes pan{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--pan-dist,300vw)))}}
.tarjeta:nth-child(2){view-timeline-name:--e2}.tarjeta:nth-child(3){view-timeline-name:--e3}
.tarjeta:nth-child(4){view-timeline-name:--e4}.tarjeta:nth-child(5){view-timeline-name:--e5}
.tarjeta-caja{animation:hunde linear both;animation-range:entry 0% entry 100%}
.tarjeta:nth-child(1) .tarjeta-caja{animation-timeline:--e2}
.tarjeta:nth-child(2) .tarjeta-caja{animation-timeline:--e3}
.tarjeta:nth-child(3) .tarjeta-caja{animation-timeline:--e4}
.tarjeta:nth-child(4) .tarjeta-caja{animation-timeline:--e5}
.tarjeta:nth-child(5) .tarjeta-caja{animation:none}
@keyframes hunde{to{transform:scale(.9) translateY(-2%);filter:brightness(.45) saturate(.8)}}
.maleta{animation:acerca linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
@keyframes acerca{from{transform:scale(.78) translateY(8%);opacity:.3}to{transform:none;opacity:1}}
.pasos-hilo{animation:hilo linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
@keyframes hilo{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}
}
@media (max-width:1100px){
.menu a.enlace{display:none}
.portada-rejilla{grid-template-columns:1fr;min-height:0;padding-top:12px}
.portada-texto{padding-bottom:0}
.portada-mesa{margin:0 calc(var(--lado) * -1);overflow:hidden}
.mesa{width:150%;max-width:none;margin-left:-22%}
.curvas{bottom:150px}
.manifiesto-rejilla,.fragancias-rejilla,.contacto-rejilla,.preguntas-rejilla{grid-template-columns:1fr}
.manifiesto figure{margin-bottom:0;max-width:520px}
.fragancias-rejilla{text-align:left}
.maleta{max-width:520px;margin:0 auto}
.pasos{grid-template-columns:1fr 1fr;row-gap:40px}
.pasos-hilo{display:none}
}
@media (max-width:899px){
.tarjeta{position:relative;min-height:0;padding:12px 0}
.tarjeta-caja{grid-template-columns:1fr;min-height:0;margin:0 var(--lado);width:auto}
.producto{min-height:0;padding:28px 28px 0}
.recorte{width:min(100%,calc(44dvh * var(--r,1)))}
.ficha{padding:16px 26px 34px}
.ventajas .sep{display:none}
.ventajas{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px;justify-items:start}
}
@media (max-width:640px){
:root{--cabecera:60px}
.marca-mini span{display:none}
.marca-mini img{height:34px}
.menu .boton{padding:0 16px;font-size:12px;letter-spacing:.12em}
.portada-logo{width:200px}
h1 .t1{font-size:28.0px}
h1 .t2{font-size:clamp(64.6px,19.79vw,91.7px)}
.portada-sub{font-size:17px}
.portada-acciones .boton{flex:1 1 100%;justify-content:center}
.curvas{display:none}
.ventaja svg{width:38px;height:38px}
.ventaja{font-size:10.5px;letter-spacing:.12em;gap:10px}
.pasos{grid-template-columns:1fr}
.campos{grid-template-columns:1fr}
.pie-rejilla{grid-template-columns:1fr;justify-items:start}
.pie nav{justify-content:flex-start}
.credito{text-align:left}
.datos{grid-template-columns:1fr 1fr}
}
@media print{
.cabecera,.polvo,.banda,.curvas,.curvas-pie,.formulario{display:none}
.tarjeta{position:static;min-height:0}
}
.p-torres{--r:0.6530}
.p-difusores{--r:1.4213}
.p-nebulizadores{--r:1.0596}
.p-dispensadores{--r:0.7324}
.p-sprays{--r:0.5451}
.polvo i:nth-child(1){left:52.0%;--t:12.4s;--d:-6.3s;--x:-51px}
.polvo i:nth-child(2){left:54.9%;--t:11.5s;--d:-8.9s;--x:-56px}
.polvo i:nth-child(3){left:34.8%;--t:11.8s;--d:-10.4s;--x:39px}
.polvo i:nth-child(4){left:45.2%;--t:16.6s;--d:-0.9s;--x:9px}
.polvo i:nth-child(5){left:96.4%;--t:11.4s;--d:-2.5s;--x:-25px}
.polvo i:nth-child(6){left:38.0%;--t:13.8s;--d:-3.3s;--x:-38px}
.polvo i:nth-child(7){left:73.4%;--t:14.4s;--d:-8.1s;--x:-52px}
.polvo i:nth-child(8){left:44.0%;--t:17.1s;--d:-10.3s;--x:-22px}
.polvo i:nth-child(9){left:60.8%;--t:13.7s;--d:-3.7s;--x:24px}
.polvo i:nth-child(10){left:69.1%;--t:15.7s;--d:-2.2s;--x:28px}
.polvo i:nth-child(11){left:96.7%;--t:12.1s;--d:-10.5s;--x:31px}
.polvo i:nth-child(12){left:63.2%;--t:11.4s;--d:-6.0s;--x:32px}
.polvo i:nth-child(13){left:89.5%;--t:13.8s;--d:-5.5s;--x:11px}
.polvo i:nth-child(14){left:61.0%;--t:18.6s;--d:-1.0s;--x:-3px}
.polvo i:nth-child(15){left:34.1%;--t:17.3s;--d:-6.4s;--x:59px}
.polvo i:nth-child(16){left:49.4%;--t:14.5s;--d:-6.0s;--x:-57px}
.polvo i:nth-child(17){left:41.4%;--t:12.1s;--d:-16.9s;--x:32px}
.polvo i:nth-child(18){left:46.8%;--t:14.5s;--d:-2.3s;--x:-50px}