:root{--bg:#120a07;--fg:#fff6ee;--rojo:#bb1032;--rojo2:#8c0c26;--cafe:#4f1c08;--crema:#fff6ee;--beige:#ead7c2;--oro:#e2902b;--verde:#416d2d;--tinta:#3a2418;
--ease:cubic-bezier(.22,1,.36,1);--dis:"Fraunces",Georgia,serif;--tex:"Instrument Sans",system-ui,sans-serif;--g:clamp(16px,4vw,56px)}
*{box-sizing:border-box;margin:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--bg);color:var(--fg);font:400 clamp(15px,1.15vw,18px)/1.55 var(--tex);overflow-x:clip;-webkit-font-smoothing:antialiased}
body.cargando{overflow:hidden;height:100svh}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{font-family:var(--dis);font-weight:400;line-height:1;letter-spacing:-.02em}
section{position:relative;overflow:clip}
.eti{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;opacity:.65;margin-bottom:1.2em}
.entra{opacity:0;transform:translateY(14px);filter:blur(8px);transition:opacity .6s var(--ease),transform .6s var(--ease),filter .6s var(--ease)}
.entra.visto{opacity:1;transform:none;filter:none}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px}

#grano{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}

#carga{position:fixed;inset:0;z-index:200;background:#0a0504;color:var(--crema);display:grid;place-content:center;justify-items:center;gap:14px}
.carga-num{font:300 clamp(72px,20vw,240px)/1 var(--dis);font-variant-numeric:tabular-nums;font-variation-settings:"SOFT" 100}
.carga-txt{font:italic 300 clamp(18px,2.6vw,30px)/1 var(--dis);opacity:.75}
.carga-barra{width:min(280px,60vw);height:1px;background:#ffffff22;margin-top:10px}.carga-barra i{display:block;height:100%;width:0;background:var(--crema)}

#cursor{position:fixed;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;mix-blend-mode:difference;z-index:150;pointer-events:none;opacity:0;display:grid;place-items:center;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),opacity .3s}
#cursor span{font-size:12px;font-weight:600;color:#000;opacity:0;white-space:nowrap;transition:opacity .2s}
#cursor.gr{width:84px;height:84px;margin:-42px 0 0 -42px}#cursor.gr span{opacity:1}
@media (hover:none){#cursor{display:none}}

#cabeza{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--g);mix-blend-mode:difference;color:#fff;pointer-events:none}
#cabeza>*{pointer-events:auto}
.logo img{width:clamp(94px,10vw,130px);height:auto}
#cabeza nav{display:flex;gap:clamp(14px,2.4vw,34px);font-size:.92rem}
#cabeza nav a{text-decoration:none;position:relative}
#cabeza nav a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
#cabeza nav a:hover::after{transform:scaleX(1);transform-origin:left}
.btn-bolsa{border:1px solid #fff;border-radius:99px;padding:7px 14px;font-size:.88rem;min-height:38px;white-space:nowrap}
.btn-bolsa b{display:inline-block;min-width:1.2em;font-weight:600}
@media (max-width:720px){#cabeza nav{display:none}}

#dial{position:fixed;left:var(--g);bottom:14px;z-index:95;display:flex;gap:10px;align-items:flex-end;mix-blend-mode:difference;color:#fff;font-size:.74rem;pointer-events:none}
#dial svg{width:46px;height:25px;overflow:visible}
@media (max-width:520px){#dial span{display:none}}

/* PORTADA */
#portada{height:100svh;min-height:520px;display:flex;align-items:flex-end;background:#120a07}
.p-foto{position:absolute;inset:-6%;will-change:transform}
.p-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:brightness(.72) contrast(1.06) saturate(1.05)}
.p-velo{position:absolute;inset:0;background:radial-gradient(120% 90% at 70% 35%,transparent 0,#120a0799 62%,#120a07f2 100%),linear-gradient(180deg,#120a0777,transparent 30%,#120a07e6 90%)}
#harina{position:absolute;inset:0;width:100%;height:100%}
.p-txt{position:relative;padding:0 var(--g) clamp(64px,10vh,110px);width:100%}
.p-sup{font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1em;opacity:.85}
.p-tit{font-size:clamp(46px,10.6vw,176px);font-weight:300;line-height:.92;font-variation-settings:"SOFT" 100,"WONK" 1}
.p-tit .linea{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.p-tit .linea>span{display:inline-block}
.p-tit .it{font-style:italic;padding-left:clamp(24px,9vw,170px)}
.p-tit .roja{color:#ff5a72}
.p-baja{max-width:42ch;margin-top:1.3em;opacity:.9}
.p-scroll{position:absolute;right:var(--g);bottom:18px;font-size:.78rem;display:flex;gap:10px;align-items:center;opacity:.8}
.p-scroll i{display:block;width:1px;height:30px;background:currentColor;transform-origin:top;animation:baja 2.2s var(--ease) infinite}
@keyframes baja{0%{transform:scaleY(0)}55%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media (max-width:520px){.p-scroll{display:none}}

/* PALABRAS */
#palabras{padding:clamp(90px,16vh,190px) var(--g)}
.pal-marco{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:clamp(20px,5vw,80px);align-items:end;max-width:1500px;margin:auto}
.pal-mario{aspect-ratio:404/665;object-fit:contain;grid-row:1/3;width:100%;max-width:420px;justify-self:center;filter:drop-shadow(0 30px 50px #0009)}
#cita{font:300 clamp(25px,3.7vw,60px)/1.14 var(--dis);letter-spacing:-.02em}
#cita .w{opacity:.14;transition:none}
#palabras cite{font:italic 400 clamp(19px,2vw,28px)/1.2 var(--dis);margin-top:1.1em;display:block}
#palabras cite small{display:block;font:400 .82rem var(--tex);margin-top:.4em;opacity:.7}
@media (max-width:760px){.pal-marco{grid-template-columns:minmax(0,1fr)}.pal-mario{grid-row:auto;max-width:190px;justify-self:start}}

/* MASA */
.masa-pin{height:100svh;position:relative;display:grid;place-items:center;overflow:hidden}
.masa-foto{position:absolute;inset:0;clip-path:circle(13% at 50% 50%);will-change:clip-path}
.masa-foto img{width:100%;height:100%;object-fit:cover;filter:brightness(.82)}
.masa-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0f0806e6 0,#0f080655 34%,transparent 62%),radial-gradient(circle at 50% 50%,#0f080633,transparent 60%)}
.masa-reloj{position:relative;text-align:center;color:#fff6ee;pointer-events:none;text-shadow:0 4px 50px #000c,0 1px 8px #0007}
.masa-reloj span{display:block;font:200 clamp(110px,26vw,400px)/.85 var(--dis);font-variant-numeric:tabular-nums}
.masa-reloj small{font-size:.86rem;letter-spacing:.2em;text-transform:uppercase}
.masa-pasos{position:absolute;left:var(--g);right:var(--g);bottom:clamp(52px,9vh,90px);max-width:560px;min-height:5.2em}
.masa-pasos p{position:absolute;inset:auto 0 0;font:300 clamp(20px,2.5vw,36px)/1.15 var(--dis);opacity:0;transform:translateY(14px);filter:blur(8px);transition:all .6s var(--ease);text-shadow:0 2px 24px #000a}
.masa-pasos p.on{opacity:1;transform:none;filter:none}
.masa-barra{position:absolute;right:var(--g);top:18%;bottom:18%;width:1px;background:#ffffff33}.masa-barra i{display:block;width:100%;height:0;background:#fff}

/* VITRINA */
.vit-pin{height:100svh;min-height:560px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.4vh,16px);overflow:hidden;padding-top:60px}
.vit-tit{position:absolute;top:50%;left:0;white-space:nowrap;font:italic 200 clamp(120px,30vw,520px)/1 var(--dis);opacity:.1;transform:translateY(-58%);pointer-events:none}
.vit-tit span{padding-right:.3em}
.seg{position:relative;z-index:3;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);background:#ffffff14;border:1px solid #ffffff2b;border-radius:99px;padding:4px;width:min(92vw,450px)}
.seg button{position:relative;z-index:1;padding:9px 6px;font-size:clamp(12.5px,1.05vw,15px);border-radius:99px;min-height:40px;transition:color .4s}
.seg button.on{color:var(--cafe);font-weight:600}
.seg-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);background:var(--crema);border-radius:99px;transition:transform .55s var(--ease)}
.cil-esc{flex:1 1 auto;width:100%;min-height:0;max-height:62vh;perspective:1500px;display:grid;place-items:center;touch-action:pan-y;cursor:grab;position:relative;z-index:2}
.cil-esc:active{cursor:grabbing}
.cil{position:relative;width:var(--pw);height:var(--ph);transform-style:preserve-3d;will-change:transform}
.pan{position:absolute;inset:0;border-radius:14px;overflow:hidden;background:#2a140b;backface-visibility:hidden;box-shadow:0 26px 50px #0007;transition:filter .4s}
.pan img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.pan button{position:absolute;inset:0;width:100%;height:100%}
.pan:not(.fr){filter:brightness(.55) saturate(.8)}
.cil-info{position:relative;z-index:3;display:flex;gap:14px;align-items:baseline;justify-content:center;text-align:center;flex-wrap:wrap;min-height:2.2em;padding:0 var(--g)}
.cil-info strong{font:400 clamp(22px,2.8vw,40px)/1.05 var(--dis)}
.cil-info span{font-size:clamp(15px,1.3vw,19px);color:#ffc98a;font-variant-numeric:tabular-nums}
.cil-ayuda{position:relative;z-index:3;font-size:.8rem;opacity:.65;margin-bottom:clamp(40px,6vh,56px);text-align:center;padding:0 var(--g)}

/* MESA */
#mesa{min-height:max(135svh,980px);padding:0;background-image:repeating-linear-gradient(0deg,#bb103212 0 34px,transparent 34px 68px),repeating-linear-gradient(90deg,#bb103212 0 34px,transparent 34px 68px)}
.mesa-tit{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:clamp(42px,8.6vw,150px);font-weight:300;line-height:.98;padding:var(--g);pointer-events:none}
.mesa-tit em{color:var(--rojo);font-weight:400}
.mesa-plano{position:absolute;inset:0;touch-action:pan-y}
.pla{position:absolute;width:clamp(138px,17vw,270px);background:#fff;padding:8px 8px 10px;border-radius:3px;box-shadow:0 18px 38px #3a241833,0 2px 5px #3a241822;cursor:grab;touch-action:none;user-select:none;will-change:transform}
.pla:active{cursor:grabbing;box-shadow:0 34px 60px #3a241855}
.pla img{aspect-ratio:1;object-fit:cover;width:100%;pointer-events:none;-webkit-user-drag:none}
.pla b{display:block;font:400 clamp(13px,1.15vw,17px)/1.1 var(--dis);color:var(--tinta);margin-top:7px}
.pla span{font-size:.76rem;color:var(--rojo2);font-variant-numeric:tabular-nums}
.mesa-ayuda{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:.8rem;opacity:.65}

/* LISTA */
#lista{padding:clamp(80px,14vh,150px) var(--g)}
.fila{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:clamp(10px,2vw,30px);align-items:center;width:100%;text-align:left;border-top:1px solid #4f1c0833;padding:clamp(10px,1.5vw,20px) 0;transition:padding .6s var(--ease),color .3s}
.fila:last-child{border-bottom:1px solid #4f1c0833}
.fila b{font:300 clamp(30px,6.8vw,112px)/1 var(--dis);letter-spacing:-.03em;transition:transform .7s var(--ease),font-style .3s}
.fila span{font-variant-numeric:tabular-nums;font-size:clamp(14px,1.3vw,19px)}
.fila i{font-style:normal;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:18px;transition:all .4s var(--ease)}
.fila:hover,.fila.act{color:var(--rojo)}
.fila:hover b,.fila.act b{transform:translateX(clamp(8px,3vw,48px));font-style:italic}
.fila:hover i{background:var(--rojo);color:#fff;border-color:var(--rojo)}
.fila em{display:none}
#listaFlota{position:fixed;left:0;top:0;width:clamp(240px,27vw,430px);aspect-ratio:4/5;border-radius:6px;overflow:hidden;pointer-events:none;z-index:60;opacity:0;box-shadow:0 30px 70px #3a241866}
#listaFlota img{width:100%;height:100%;object-fit:cover}
@media (hover:none),(max-width:760px){#listaFlota{display:none}
.fila{grid-template-columns:64px minmax(0,1fr) auto}.fila em{display:block;width:64px;height:64px;border-radius:6px;overflow:hidden}.fila em img{width:100%;height:100%;object-fit:cover}.fila b{font-size:clamp(21px,6.6vw,34px)}.fila i{display:none}}

/* CAFE */
.cafe-pin{height:100svh;position:relative;overflow:hidden;background:#0b130c}
#cafeLienzo,#estallido{position:absolute;inset:0;width:100%;height:100%}
#estallido{pointer-events:none}
.cafe-sombra{position:absolute;inset:0;background:linear-gradient(0deg,#000d 0,#0007 26%,transparent 58%,#0003)}
.cafe-cap{position:absolute;left:var(--g);right:var(--g);bottom:clamp(58px,11vh,110px);max-width:900px;opacity:0;transform:translateY(14px);filter:blur(8px);transition:all .6s var(--ease)}
.cafe-cap.on{opacity:1;transform:none;filter:none}
.cafe-cap small{display:block;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.8em}
.cafe-cap h2{font-size:clamp(31px,6vw,92px);font-weight:300;line-height:1;text-shadow:0 2px 34px #000a}
.cafe-final{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:var(--g);opacity:0;pointer-events:none}
.cafe-final span{font:300 clamp(25px,4vw,60px)/1.1 var(--dis)}
.cafe-final strong{font:italic 400 clamp(37px,8.4vw,136px)/1 var(--dis);color:#ffd9a3}
.cafe-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff1f}.cafe-prog i{display:block;height:100%;width:0;background:#c9202f}

/* BOLSAS */
#bolsas{overflow:hidden}
.bol-pista{display:flex;width:400vw;height:100svh;will-change:transform}
.bol{width:100vw;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative;overflow:hidden;background:var(--b);color:var(--t)}
.bol-num{position:absolute;right:-.04em;bottom:-.17em;font:200 clamp(190px,44vw,720px)/1 var(--dis);opacity:.13;pointer-events:none}
.bol-img{height:100%;width:100%;display:grid;place-items:center;background:var(--f);padding:64px 4% 34px;perspective:1000px;overflow:hidden;min-height:0}
.bol-img img{height:min(84svh,860px);width:auto;max-width:100%;object-fit:contain;will-change:transform}
.bol-txt{position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px var(--g) 50px;min-width:0}
.bol-txt>*{position:relative}
.bol-txt small{letter-spacing:.2em;text-transform:uppercase;font-size:.76rem}
.bol-txt h2{font-size:clamp(38px,6.6vw,110px);font-weight:300;margin:.25em 0 .3em}
.bol-txt p{max-width:44ch}
.bol-dat{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:1.2em;font-size:.88rem;opacity:.86}
.bol-pun{display:flex;align-items:center;gap:14px;margin-top:1.1em}
.bol-pun b{font:300 clamp(40px,5vw,72px)/1 var(--dis)}
.bol-pun i{display:block;flex:1;max-width:220px;height:2px;background:color-mix(in srgb,var(--t) 22%,transparent)}.bol-pun i u{display:block;height:100%;width:0;background:var(--t);text-decoration:none}
@media (max-width:760px){.bol{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.bol-img{padding:58px 4% 6px}.bol-img img{height:100%;max-height:100%;min-height:0}.bol-txt{padding:14px var(--g) 44px}.bol-txt h2{font-size:clamp(34px,10.5vw,50px)}.bol-pun b{font-size:34px}.bol-txt p{font-size:.88rem;line-height:1.35}}

/* CONGELADOS */
#congelados{padding:clamp(80px,13vh,130px) var(--g) clamp(60px,10vh,100px)}
.con-cab h2{font-size:clamp(35px,6.5vw,104px);font-weight:300;max-width:13em}
.con-cab em{color:#2a7a93}
.con-vidrio{position:relative;margin-top:clamp(26px,4vw,50px);border-radius:10px;overflow:hidden;box-shadow:0 30px 70px #17323a33,inset 0 0 0 1px #ffffff88}
.con-rej{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#fff}
.con-it{position:relative;aspect-ratio:4/3;overflow:hidden;background:#fff}
.con-it img{width:100%;height:100%;object-fit:cover}
.con-it b{position:absolute;left:10px;bottom:9px;right:10px;font:400 clamp(13px,1.6vw,23px)/1.05 var(--dis);color:#2b130a;background:#ffffffcc;padding:5px 8px;border-radius:4px;width:fit-content}
#escarcha{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.con-medida{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:clamp(26px,4vw,48px);align-items:start}
.con-medida h3{font-size:clamp(27px,3.6vw,54px);font-style:italic;font-weight:300}
@media (max-width:640px){.con-rej{grid-template-columns:repeat(2,minmax(0,1fr))}.con-medida{grid-template-columns:minmax(0,1fr)}}

/* SELLOS */
#sellos{padding:clamp(80px,14vh,140px) var(--g);text-align:center}
.sel-tit{font-size:clamp(39px,7.4vw,120px);font-weight:300}
.sel-tit em{color:#dcecc0}
.sel-mon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,30px);margin-top:clamp(36px,6vw,70px);perspective:1100px}
.mon{aspect-ratio:1;position:relative;transform-style:preserve-3d;width:100%;will-change:transform}
.mon>div{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;display:grid;place-items:center;padding:13%;text-align:center}
.mon-a{background:radial-gradient(circle at 34% 28%,#fff,#efe7d8 58%,#c8bea9);box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 7px #0002,0 18px 34px #0004}
.mon-a img{max-width:88%;max-height:70%;object-fit:contain}
.mon-a strong{font:500 clamp(22px,3vw,44px)/1 var(--dis);color:var(--cafe)}
.mon-b{background:radial-gradient(circle at 34% 28%,#fff6ee,#ead7c2 70%);color:var(--tinta);transform:rotateY(180deg);font-size:clamp(11px,1vw,15px);line-height:1.3;box-shadow:0 18px 34px #0004}
@media (max-width:760px){.sel-mon{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-b{font-size:clamp(11px,3.1vw,14px);padding:10%}}

/* COMUNIDAD */
.com-pin{height:100svh;position:relative;overflow:hidden;display:grid;place-items:center}
.com-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.com-negro{position:absolute;inset:0;background:#8c0c26;mix-blend-mode:normal}
.com-palabra{position:absolute;font:900 clamp(52px,15vw,270px)/1 var(--dis);letter-spacing:-.04em;white-space:nowrap;background:url("../m/s/comunidad__001.webp") center/cover;-webkit-background-clip:text;background-clip:text;color:transparent;will-change:transform}
.com-txt{position:absolute;left:var(--g);right:var(--g);bottom:clamp(50px,9vh,80px);opacity:0;max-width:680px;text-shadow:0 2px 20px #000b}
.com-txt::before{content:"";position:absolute;inset:-46vh -100vw -20vh;background:linear-gradient(0deg,#000d,transparent 78%);z-index:-1}
.com-txt h2{font-size:clamp(33px,5vw,78px);font-weight:300;margin-bottom:.35em}

/* FAMILIA */
#familia{padding:clamp(80px,14vh,140px) var(--g)}
.fam-cab blockquote{font:300 clamp(40px,8vw,132px)/1 var(--dis);letter-spacing:-.03em;max-width:12em}
.fam-cab cite{display:block;font:400 clamp(13px,1.05vw,16px)/1.4 var(--tex);margin-top:1em;opacity:.7}
.fam-mos{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(62px,6.4vw,104px),1fr));gap:6px;margin:clamp(34px,6vw,70px) 0;touch-action:pan-y}
.cara{aspect-ratio:1;border-radius:50%;overflow:hidden;will-change:transform;position:relative;background:var(--beige)}
.cara img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.fam-foto img{width:100%;aspect-ratio:1280/853;object-fit:cover;border-radius:8px}

/* FUTURO */
.fut-pin{height:100svh;min-height:560px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,50px);padding:64px var(--g) 30px;overflow:hidden}
.fut-pasos{position:relative;min-height:clamp(210px,38vh,380px)}
.fut-pasos>div{position:absolute;inset:0;opacity:0;transform:translateY(14px);filter:blur(8px);transition:all .6s var(--ease);pointer-events:none}
.fut-pasos>div.on{opacity:1;transform:none;filter:none}
.fut-pasos h2{font-size:clamp(35px,5.8vw,94px);font-weight:300;margin-bottom:.35em}
.fut-tel{display:grid;place-items:center;perspective:1200px;min-height:0;height:100%}
.tel{position:relative;height:min(76svh,690px);aspect-ratio:9/18.6;max-width:100%;background:#fff6ee;color:var(--tinta);border-radius:clamp(30px,4.2vh,44px);box-shadow:0 0 0 2px #4d4540,0 0 0 8px #171312,0 0 0 9px #4d4540,0 50px 90px #000b;overflow:hidden;will-change:transform}
.tel-isla{position:absolute;z-index:4;top:10px;left:50%;width:30%;height:3.1%;background:#050505;border-radius:99px;transform:translateX(-50%)}
.tel-pant{position:absolute;inset:0;padding:12% 7% 6%;opacity:0;transform:translateY(100%);transition:all .75s var(--ease);overflow:hidden;display:flex;flex-direction:column;gap:9px;font-size:clamp(11px,1.7vh,14px)}
.tel-pant.on{opacity:1;transform:none}
.tel-pant h4{font-size:1.8em}
.tel-nota{font-size:.82em;opacity:.65;margin-top:auto;text-align:center}
.app-cab{display:flex;align-items:center;justify-content:space-between;font:400 1.5em var(--dis)}
.app-rej{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:hidden}
.app-it{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #3a241818}
.app-it img{aspect-ratio:1;object-fit:cover;width:100%}
.app-it b{display:block;font-weight:500;padding:5px 7px 0;font-size:.88em;line-height:1.1;height:2.5em;overflow:hidden}
.app-it span{display:block;padding:0 7px 6px;color:var(--rojo2);font-size:.86em}
.tar{position:relative;aspect-ratio:1.586;margin-top:14%;border-radius:14px;background:linear-gradient(135deg,#d11f3e,#8c0c26 62%,#55061a);color:#fff;padding:7%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 18px 34px #8c0c2666;will-change:transform}
.tar img{width:44%;height:auto}.tar span{position:absolute;right:7%;top:9%;font-size:.76em;opacity:.8}
.tar-puntos{font:300 1.25em var(--dis)}.tar-puntos b{font-size:2.6em;font-weight:300;font-variant-numeric:tabular-nums}
.tar-brillo{position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 42%,#ffffff55 50%,transparent 58%);transform:translateX(var(--bx,-30%));pointer-events:none}
.tar-btn,.cta{background:var(--rojo);color:#fff;border-radius:99px;padding:11px 16px;font-weight:500;min-height:42px;transition:background .3s}
.tar-btn:hover,.cta:hover{background:var(--rojo2)}
.chat{display:flex;flex-direction:column;gap:7px;margin-top:6%;overflow:hidden}
.bur{max-width:86%;padding:8px 11px;border-radius:14px;line-height:1.28;opacity:0;transform:translateY(14px);filter:blur(8px);transition:all .6s var(--ease)}
.bur.vis{opacity:1;transform:none;filter:none}
.bur.yo{align-self:flex-end;background:#dcefd0;border-bottom-right-radius:4px}.bur.el{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 4px #3a241822}
.adm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.adm div{background:#fff;border-radius:10px;padding:9px}.adm small{display:block;opacity:.65}.adm b{font:300 1.9em var(--dis)}
.adm-lis{list-style:none;padding:0;background:#fff;border-radius:10px}.adm-lis li{display:flex;justify-content:space-between;padding:8px 10px;border-top:1px solid #3a24180f}.adm-lis span{font-variant-numeric:tabular-nums;color:var(--rojo2)}
@media (max-width:760px){.fut-pin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding:60px var(--g) 18px;gap:6px}.fut-pasos{min-height:clamp(118px,21svh,170px)}.fut-pasos h2{font-size:clamp(25px,7.6vw,38px)}.fut-pasos p{font-size:.86rem;line-height:1.3}.tel{height:100%;max-height:60svh}.eti{margin-bottom:.5em}}

/* CIERRE */
#cierre{padding:clamp(90px,16vh,160px) var(--g) 60px;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end}
.cie-sup{font:italic 300 clamp(21px,3vw,44px)/1.1 var(--dis)}
.cie-grande{font:300 clamp(58px,19.2vw,420px)/.95 var(--dis);letter-spacing:-.04em;white-space:nowrap;margin:.1em 0 .18em;display:flex;justify-content:center;user-select:none}
.cie-grande span{display:inline-block;font-variation-settings:"wght" 300,"SOFT" 0;will-change:font-variation-settings;white-space:pre}
.cie-datos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #ffffff2b;padding-top:24px}
.cie-datos h3{font-size:clamp(21px,2vw,28px);font-style:italic;margin-bottom:.5em}
.cie-datos a{color:#ffc98a}
.cie-legal{font-size:.76rem;opacity:.55;margin-top:30px;padding-bottom:26px}
@media (max-width:640px){.cie-datos{grid-template-columns:minmax(0,1fr)}}

/* BOLSA Y VENTANA */
#fondoHoja{position:fixed;inset:0;background:#0009;z-index:110;opacity:0;transition:opacity .45s var(--ease)}
#bolsa{position:fixed;left:0;right:0;bottom:0;margin:auto;width:min(560px,100%);max-height:86svh;background:var(--crema);color:var(--tinta);border-radius:20px 20px 0 0;z-index:120;display:flex;flex-direction:column;transform:translateY(102%);visibility:hidden;transition:transform .6s var(--ease),visibility 0s .6s}
#bolsa.ab{transform:none;visibility:visible;transition:transform .6s var(--ease)}
.bol-cab{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 12px}.bol-cab h3{font-size:30px;font-weight:300}
.bol-cab button{min-height:40px;text-decoration:underline}
#bolsaLista{overflow:auto;padding:0 20px;flex:1;min-height:90px}
.bi{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #3a24181a}
.bi img{width:54px;height:54px;object-fit:cover;border-radius:6px}.bi b{font-weight:500;line-height:1.2;display:block}.bi small{color:var(--rojo2)}
.can{display:flex;align-items:center;gap:4px}.can button{width:34px;height:34px;border:1px solid #3a241833;border-radius:50%}.can span{min-width:1.5em;text-align:center;font-variant-numeric:tabular-nums}
.vacia{padding:24px 0;text-align:center;opacity:.7}
.bol-pie{padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #3a24181a}
.env{font-size:.84rem;margin-bottom:10px}.env-b{height:3px;background:#3a24181f;border-radius:9px;margin-top:5px;overflow:hidden}.env-b i{display:block;height:100%;width:0;background:var(--verde);transition:width .6s var(--ease)}
.tot{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.tot b{font:300 30px var(--dis)}
.cta{width:100%}
#ventana{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:18px;background:#0a050499;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#ventana[hidden]{display:none}
.ven-caja{background:var(--crema);color:var(--tinta);border-radius:18px;width:min(460px,100%);max-height:88svh;overflow:auto;box-shadow:0 40px 90px #000a}
.ven-foto{aspect-ratio:4/3;width:100%;object-fit:cover}
.ven-cuerpo{padding:20px}
.ven-cuerpo h3{font-size:clamp(27px,5vw,36px);font-weight:300;margin-bottom:.3em}
.ven-pre{color:var(--rojo2);font-size:1.1rem;font-variant-numeric:tabular-nums}
.ven-bot{display:flex;gap:8px;margin-top:16px}.ven-bot button{flex:1;min-height:44px;border-radius:99px;padding:9px 12px}
.ven-sec{border:1px solid #3a241844}
.ven-ico{width:48px;height:48px;margin-bottom:12px;color:var(--rojo)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}.entra{opacity:1;transform:none;filter:none}#cita .w{opacity:1!important}}

/* OFICIO: franjas de video */
#oficio{padding:clamp(80px,13vh,130px) var(--g) clamp(50px,8vh,80px)}
.ofi-tit{font-size:clamp(42px,9vw,150px);font-weight:300;margin-bottom:.35em}
.ofi-tit em{color:#a9d08a}
.ofi-tiras{display:flex;gap:clamp(6px,.8vw,12px);height:min(76svh,720px)}
.tira{position:relative;flex:1 1 0;min-width:0;border-radius:12px;overflow:hidden;background:#142014;transition:flex-grow .9s var(--ease);text-align:left}
.tira.on{flex-grow:3.4}
.tira video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.72);transition:filter .7s var(--ease);transform:scale(1.03)}
.tira.on video{filter:none}
.tira::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 42%)}
.tira span{position:absolute;z-index:1;left:clamp(10px,1.4vw,22px);right:10px;bottom:clamp(10px,1.4vw,20px);color:#fff6ee}
.tira b{display:block;font:300 clamp(19px,2.6vw,42px)/1.02 var(--dis)}
.tira small{display:block;margin-top:.35em;font-size:.82rem;opacity:0;transform:translateY(14px);filter:blur(8px);transition:all .6s var(--ease)}
.tira.on small{opacity:.9;transform:none;filter:none}
.ofi-nota{font-size:.78rem;opacity:.6;margin-top:12px}
@media (max-width:760px){.ofi-tiras{flex-direction:column;height:min(84svh,720px)}.tira{min-height:0}.tira.on{flex-grow:4}}

/* MASA: video con el scroll */
#masaLienzo{width:100%;height:100%;display:block}
.masa-reloj{position:absolute;right:calc(var(--g) + 18px);top:clamp(70px,13vh,120px);text-align:right;opacity:0}
.masa-reloj span{font-size:clamp(76px,14vw,220px)}
.masa-reloj small{font-size:.76rem}
.masa-nota{position:absolute;right:var(--g);bottom:16px;font-size:.7rem;opacity:.6}

/* ESPACIO Y LEGIBILIDAD */
/* El título se ajusta también al ALTO disponible: nunca llega al logo */
.p-tit{font-size:clamp(34px,min(10.6vw,calc((100svh - 300px)/3.75)),176px)}
.p-txt{padding-top:84px}
.p-sup{margin-bottom:.8em}
.p-baja{margin-top:1em}
@media (max-height:560px){.p-baja{display:none}}
/* Encabezado: transparente arriba; se oculta al bajar; con fondo propio al subir */
#cabeza{transition:transform .6s var(--ease),background-color .4s,backdrop-filter .4s}
#cabeza.oculta{transform:translateY(-110%)}
#cabeza.solida{mix-blend-mode:normal;background:#120a07d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
/* El indicador del día vive junto al encabezado, nunca sobre el contenido */
#dial{left:auto;right:calc(var(--g) + 120px);top:15px;bottom:auto;align-items:center;transition:transform .6s var(--ease),opacity .4s;white-space:nowrap}
#dial svg{width:34px;height:18px}
#dial.oculta{transform:translateY(-300%);opacity:0}
@media (max-width:1100px){#dial{display:none}}
/* Números decorativos: lejos del texto */
.bol-num{font-size:clamp(150px,20vw,340px);bottom:-.14em;opacity:.1}
@media (max-width:760px){.bol-num{display:none}}
.masa-nota{bottom:12px}
.masa-pasos{right:auto;width:min(560px,calc(100% - 2*var(--g) - 20px));bottom:clamp(44px,8vh,80px)}
@media (max-width:760px){.vit-tit{opacity:.06}.masa-reloj{top:70px}}

/* CLUB: abanico de tarjetas */
.club-pin{height:100svh;min-height:560px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(70px,11vh,110px) var(--g) 0}
.club-txt{position:relative;z-index:6;flex:none}
.club-txt .eti{margin-bottom:.7em}
.club-txt h2{font-size:clamp(36px,min(6.6vw,10svh),112px);font-weight:300}
.club-txt h2 em{color:#ff5a72}
.club-txt>p:last-child{margin-top:.8em;font-size:clamp(14px,1.2vw,18px);opacity:.85}
.club-abanico{position:relative;flex:1 1 auto;width:100%;min-height:0}
.tj{position:absolute;left:50%;bottom:calc(var(--ch)*-.34);width:var(--cw);height:auto;margin-left:calc(var(--cw)/-2);transform-origin:50% 165%;border-radius:calc(var(--cw)*.045);box-shadow:0 18px 44px #000b;will-change:transform;cursor:pointer;user-select:none}

/* CLUB: abanico grande */
.club-pin{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(10px,2vw,30px);text-align:left;padding:70px var(--g) 24px}
.club-abanico{height:100%}
.club-txt h2{font-size:clamp(36px,min(6.4vw,14svh),112px)}
.tj{bottom:auto;top:calc(50% - var(--ch)*.62);transform-origin:50% 130%}
@media (max-width:760px){.club-pin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);text-align:center;padding:64px var(--g) 16px}}

.mesa-tit{inset:auto 0;top:50%;transform:translateY(-50%);display:block;text-align:center}

/* ===== PEDIDO 2 ===== */
/* Escenario */
.esc-pin{height:100svh;min-height:560px;position:relative;overflow:hidden;background:#030201}
#escLienzo{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;display:block}
.esc-info{position:absolute;left:0;right:0;top:clamp(58px,8svh,84px);text-align:center;padding:0 var(--g);pointer-events:none;text-shadow:0 2px 26px #000d;max-width:860px;margin:auto}
.esc-info small{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;opacity:.85}
.esc-info h2{font-size:clamp(31px,min(5.2vw,9svh),78px);font-weight:300;margin:.18em 0 .22em}
.esc-info p{font-size:clamp(13.5px,1.15vw,17px);line-height:1.38;max-width:60ch;margin:auto;opacity:.92}
.esc-dat{display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:center;align-items:baseline;margin-top:.6em;font-size:.82rem;opacity:.9}
.esc-dat b{font:300 1.9em var(--dis)}.esc-dat b i{font:400 .46em var(--tex);margin-left:.4em}
.esc-ayuda{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:.78rem;opacity:.7;pointer-events:none;padding:0 var(--g);text-shadow:0 1px 10px #000}
.esc-resp{position:absolute;inset:auto 0 40px;display:flex;justify-content:center;gap:12px}.esc-resp img{height:44svh;width:auto}
/* Reseñas */
#resenas{padding:clamp(70px,12vh,120px) 0}
.res-cab{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--g);margin-bottom:clamp(26px,4vw,50px)}
.res-g svg{width:46px;height:46px;margin-bottom:12px}
.res-cab h2{font-size:clamp(38px,7vw,110px);font-weight:300}.res-cab em{background:linear-gradient(90deg,#4285F4,#EA4335 34%,#FBBC04 66%,#34A853);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.res-nota{display:flex;gap:6px;align-items:center;margin-top:.7em;font-size:1.15rem}.res-nota b{font:400 1.5em var(--dis)}
.g-filas{display:grid;gap:14px;overflow:hidden}
.g-fila{overflow:hidden}.g-pista{display:flex;gap:14px;width:max-content;animation:gmov linear infinite}
.g-fila:nth-child(2) .g-pista{animation-direction:reverse}
@keyframes gmov{to{transform:translateX(-33.3333%)}}
.g-card{position:relative;width:clamp(230px,23vw,320px);flex:none;background:#fff;border-radius:14px;padding:16px;box-shadow:0 8px 22px #3a24181a;display:flex;flex-direction:column;gap:12px}
.g-card.big{width:clamp(270px,29vw,410px);padding:20px}
.g-logo{position:absolute;right:14px;top:14px}
.g-card header{display:flex;align-items:center;gap:10px}.g-av{width:36px;height:36px;border-radius:50%;background:#efe6dc;flex:none}
.bar{display:block;height:9px;border-radius:9px;background:#efe6dc;width:100%}.w40{width:40%}.w70{width:70%}.w20{width:22%}
.g-lin{display:grid;gap:8px}.g-card footer{display:flex;align-items:center;justify-content:space-between}.g-est{color:#FBBC04;letter-spacing:2px}
/* Guápiles: máscara */
.com-masc{position:absolute;inset:0;width:100%;height:100%}
.com-foto{transform:none!important}
.com-txt{z-index:2}
/* Familia: cartel */
#familia{padding:clamp(70px,11vh,110px) var(--g) clamp(60px,10vh,100px)}
.fam-cartel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(18px,3vw,50px);align-items:stretch;margin-bottom:clamp(50px,10vh,110px)}
.fam-cab{display:flex;flex-direction:column;justify-content:center}
.fam-cab blockquote{font:300 clamp(36px,min(5.6vw,11svh),96px)/1 var(--dis);letter-spacing:-.03em;max-width:none}
.fam-cab cite{display:block;font:400 clamp(13px,1vw,15px)/1.4 var(--tex);margin-top:1em;opacity:.7}
.fam-mos{margin:clamp(20px,3vw,36px) 0 0;grid-template-columns:repeat(auto-fill,minmax(clamp(50px,4.6vw,76px),1fr));gap:7px;display:grid}
.cara{padding:0;aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;outline:0 solid #ff5a72;transition:transform .5s var(--ease),outline-width .3s,filter .4s;filter:saturate(.72) brightness(.82);cursor:pointer;background:#2a100c}
.cara:hover,.cara.on{transform:scale(1.14);outline-width:2px;filter:none;z-index:3}
.fam-heroe{position:relative;min-height:min(86svh,860px);border-radius:14px;overflow:hidden;background:radial-gradient(90% 70% at 50% 44%,#8c0c26 0,#3b0710 46%,#120605 86%);isolation:isolate}
.fam-rayos{position:absolute;inset:-34%;background:repeating-conic-gradient(from 0deg at 50% 44%,#ffffff12 0 7deg,transparent 7deg 18deg);opacity:.62;animation:rayos 40s linear infinite;z-index:0}
@keyframes rayos{to{transform:rotate(360deg)}}
.fam-fondo{position:absolute;left:0;right:0;top:3%;text-align:center;font:900 clamp(56px,10.2vw,190px)/1 var(--dis);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px #ffffff3d;white-space:nowrap;z-index:1}
.fam-cuadro{position:absolute;inset:9% 0 0;z-index:2;-webkit-mask-image:radial-gradient(70% 62% at 50% 46%,#000 58%,transparent 100%);mask-image:radial-gradient(70% 62% at 50% 46%,#000 58%,transparent 100%)}
.fam-cuadro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%}
.fam-heroe::after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(0deg,#120605 8%,transparent);z-index:3}
.fam-nom{position:absolute;left:0;right:0;bottom:clamp(14px,3vh,30px);text-align:center;z-index:4;padding:0 12px}
.fam-nom b{display:block;font:400 clamp(27px,3.6vw,60px)/1 var(--dis);letter-spacing:-.02em;min-height:.1em}
.fam-nom small{display:block;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;margin-top:.6em;opacity:.85}
.fam-persiana{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);aspect-ratio:1280/853;max-height:88svh;width:100%;overflow:hidden;border-radius:12px}
.fam-persiana i{display:block;background-image:url("../m/s/about__familia_valverde.webp");background-repeat:no-repeat}
.fam-lema{font:300 clamp(25px,4.4vw,72px)/1.08 var(--dis);letter-spacing:-.02em;margin-top:clamp(22px,4vw,46px);max-width:24em}
@media (max-width:860px){.fam-cartel{grid-template-columns:minmax(0,1fr)}.fam-heroe{min-height:62svh;order:-1}.fam-cab{display:contents}.fam-cab .eti{order:-3}.fam-cab blockquote{order:-2}.fam-mos{order:1;margin-top:0}}
/* Formulario */
#clubForm{padding:clamp(80px,13vh,130px) var(--g)}
.cf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;max-width:1300px;margin:auto}
.cf-izq h2{font-size:clamp(40px,6.4vw,104px);font-weight:300}.cf-izq em{color:var(--rojo)}
.cf-izq>p{max-width:42ch;margin-top:1em}
.cf-tarjeta{width:min(100%,520px);margin-top:clamp(20px,3vw,36px);filter:drop-shadow(0 26px 40px #3a241855);will-change:transform}
.cf-form{background:#fff;border-radius:20px;padding:clamp(18px,2.6vw,34px);box-shadow:0 30px 70px #3a24181f,0 0 0 1px #3a24180d;display:grid;gap:10px}
.cf-form h3{font-size:clamp(25px,2.6vw,36px);font-weight:300;margin-bottom:6px}
.cf-form.tiembla{animation:cft .5s var(--ease)}
@keyframes cft{10%,50%,90%{transform:translateX(-7px);filter:blur(1px)}30%,70%{transform:translateX(7px);filter:blur(.6px)}100%{transform:none;filter:none}}
.fx{position:relative;display:block}
.fx label{position:absolute;left:14px;top:17px;font-size:.98rem;color:#6b5444;pointer-events:none;transform-origin:left;transition:transform .45s var(--ease),color .3s;z-index:2}
.fx input{width:100%;height:56px;padding:20px 14px 6px;border:1px solid #3a241829;border-radius:12px;background:#fdf8f2;font:inherit;color:transparent;caret-color:var(--rojo);outline:0;transition:border-color .3s,box-shadow .3s}
.fx-capa{position:absolute;left:14px;right:14px;top:24px;height:26px;overflow:hidden;white-space:nowrap;pointer-events:none;color:var(--tinta);line-height:26px}
.fx-capa span{display:inline-block}
.fx-capa .ch{animation:ch .36s var(--ease)}
@keyframes ch{from{opacity:0;filter:blur(6px);transform:translateY(5px)}to{opacity:1;filter:none;transform:none}}
.fx-capa .sale{animation:sale .3s forwards;color:#6b5444}
@keyframes sale{to{opacity:0;filter:blur(6px);transform:translateY(-5px)}}
.fx.foco label,.fx.flota label{transform:translateY(-10px) scale(.74)}
.fx.foco input,.fx.foco .sel-b{border-color:var(--rojo);box-shadow:0 0 0 3px #bb103222}
.fx.mal input,.fx.mal .sel-b{border-color:#c62828;background:#fdeeee}.fx.mal label{color:#c62828}
.fx-pulso{position:absolute;left:12px;right:12px;bottom:6px;height:1.5px;background:var(--rojo);opacity:0;transform:scaleX(0)}
.fx-pulso.va{animation:pulso .45s var(--ease)}
@keyframes pulso{0%{opacity:.8;transform:scaleX(.1)}100%{opacity:0;transform:scaleX(1)}}
.fx-pre{position:absolute;left:14px;top:24px;font-size:.95rem;color:#6b5444;z-index:1;display:none}
.fx[data-c=tel].foco .fx-pre,.fx[data-c=tel].flota .fx-pre{display:block}
.fx[data-c=tel].foco input,.fx[data-c=tel].flota input{padding-left:58px}.fx[data-c=tel] .fx-capa{left:58px}
.fx-err{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}.fx-err span{overflow:hidden;font-size:.8rem;color:#c62828;opacity:0;filter:blur(6px);transition:opacity .4s,filter .4s}
.fx-err.on{grid-template-rows:1fr;margin-top:4px}.fx-err.on span{opacity:1;filter:none}
.sel-b{position:relative;display:block;width:100%;height:56px;text-align:left;border:1px solid #3a241829;border-radius:12px;background:#fdf8f2;padding:20px 40px 6px 14px;transition:border-color .3s,box-shadow .3s}
.sel-b b{font-weight:400;color:var(--tinta)}.sel-b i{position:absolute;right:16px;top:23px;width:9px;height:9px;border-right:1.5px solid #6b5444;border-bottom:1.5px solid #6b5444;transform:rotate(45deg);transition:transform .45s var(--ease)}
.abierto .sel-b i{transform:translateY(4px) rotate(-135deg)}
.sel-l{list-style:none;padding:6px;margin:0;position:absolute;left:0;right:0;top:62px;z-index:8;background:#fffffff2;backdrop-filter:blur(14px);border-radius:14px;box-shadow:0 22px 50px #3a241840;visibility:hidden;opacity:0;transform:translateY(-8px);transition:all .4s var(--ease)}
.abierto .sel-l{visibility:visible;opacity:1;transform:none}
.sel-l li{padding:9px 12px;border-radius:9px;cursor:pointer;opacity:0;transform:translateY(8px)}.sel-l li:hover{background:#bb103214;color:var(--rojo)}
.abierto .sel-l li{animation:ch .4s var(--ease) forwards;animation-delay:var(--d)}
.cf-ok{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;line-height:1.35;cursor:pointer;margin-top:4px}
.cf-ok input{position:absolute;opacity:0;width:1px;height:1px}
.cf-caja{flex:none;width:22px;height:22px;border:1.5px solid #3a241859;border-radius:6px;display:grid;place-items:center;transition:all .3s}
.cf-caja svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .4s var(--ease)}
.cf-ok input:checked+.cf-caja{background:var(--rojo);border-color:var(--rojo)}.cf-ok input:checked+.cf-caja svg{stroke-dashoffset:0}
.cf-ok input:focus-visible+.cf-caja{outline:2px solid var(--oro);outline-offset:2px}
.cf-env{margin-top:6px;min-height:50px}
.cf-ins{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}
.ins{display:inline-flex;align-items:center;height:44px;transition:transform .4s var(--ease)}.ins:hover{transform:translateY(-2px)}.ins img{height:100%;width:auto;display:block}
.ins-apple{gap:8px;background:#000;color:#fff;border-radius:7px;padding:0 13px;text-decoration:none;font-weight:600;font-size:14px;line-height:1.05}.ins-apple small{display:block;font-weight:400;font-size:10px}
.ven-tarjeta{width:70%;margin:0 auto 14px;filter:drop-shadow(0 12px 22px #3a241866)}
@media (max-width:860px){.cf-grid{grid-template-columns:minmax(0,1fr)}.cf-tarjeta{width:min(82%,380px);margin-inline:auto;display:block}}
/* Concepto: teléfono al centro */
.fut-pin{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(14px,3vw,54px);position:relative}
.fut-pin::before{content:"LA NONNA";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 clamp(90px,23vw,430px)/1 var(--dis);letter-spacing:-.04em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #ffffff1c;pointer-events:none}
.fut-txt,.fut-der,.fut-tel{position:relative;z-index:1}
.fut-pasos{min-height:0;display:grid;gap:clamp(8px,1.6vh,16px)}
.fut-pasos>div{position:static;opacity:.34;transform:none;filter:none;pointer-events:auto;border-left:2px solid #ffffff26;padding-left:14px;transition:opacity .5s,border-color .5s}
.fut-pasos>div.on{opacity:1;border-color:#ff5a72}
.fut-pasos h2{font-size:clamp(20px,2.2vw,36px);margin-bottom:.2em}
.fut-pasos p{font-size:clamp(13px,1vw,15px);line-height:1.34;display:grid;grid-template-rows:0fr;overflow:hidden;max-height:0;transition:max-height .6s var(--ease)}
.fut-pasos>div.on p{max-height:7em}
.fut-der{display:flex;flex-direction:column;gap:clamp(12px,2.4vh,24px);justify-self:end;width:min(100%,290px)}
.fut-der .eti{margin:0}
.fut-ins{display:grid;gap:9px}.fut-ins .ins{height:clamp(44px,5.4vh,54px)}
.fut-dat{list-style:none;padding:0;margin:0;display:grid;gap:clamp(8px,1.6vh,16px)}
.fut-dat li{border-top:1px solid #ffffff24;padding-top:clamp(8px,1.4vh,14px)}.fut-dat b{display:block;font:300 clamp(26px,3vw,48px)/1 var(--dis)}.fut-dat span{font-size:.82rem;opacity:.75}
.tel{height:min(82svh,740px)}
@media (max-width:1000px){.fut-pin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;padding:60px var(--g) 14px;gap:8px;min-height:640px}.fut-pasos>div:not(.on){display:none}.fut-pasos>div{border:0;padding:0;text-align:center}.fut-pasos h2{font-size:clamp(23px,6.6vw,34px)}.fut-der{justify-self:center;width:100%}.fut-der .eti,.fut-dat{display:none}.fut-ins{grid-auto-flow:column;justify-content:center}.fut-ins .ins{height:40px}.tel{height:100%;max-height:56svh}.fut-txt .eti{text-align:center}}
/* Reels */
#reels{padding:clamp(70px,12vh,120px) 0}
.ree-cab{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,40px);text-decoration:none;padding:0 var(--g);margin-bottom:clamp(26px,4vw,50px);flex-wrap:wrap;text-align:left}
.ree-cab h2{font-size:clamp(38px,6.6vw,104px);font-weight:300}.ree-cab svg{width:clamp(56px,6vw,90px);height:auto}
.ree-cab em{background:linear-gradient(90deg,#FCAF45,#D62976 55%,#962FBF);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.ree-riel{overflow:hidden}.ree-pista{display:flex;gap:clamp(8px,1vw,16px);width:max-content;animation:rmov linear infinite}
.ree-riel.quieto .ree-pista{animation-play-state:paused}
@keyframes rmov{to{transform:translateX(-50%)}}
.ree{position:relative;width:clamp(180px,20vw,290px);aspect-ratio:9/16;flex:none;border-radius:16px;overflow:hidden;background:#241410;transition:box-shadow .4s}
.ree video{width:100%;height:100%;object-fit:cover;display:block}
.ree.vivo{box-shadow:0 0 0 2px #ff5a72,0 18px 50px #bb103255}
.ree button{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;background:#0009;color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px)}
/* Footer */
.pie{border-top:1px solid #ffffff24;padding-top:clamp(24px,3vw,40px);font-size:.84rem;color:#d9cfc6}
.pie-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,2.4vw,40px)}
.pie h3{font:600 .84rem/1.3 var(--tex);letter-spacing:0;color:#fff6ee;margin-bottom:.8em}
.pie nav,.pie-cols>div{display:flex;flex-direction:column;gap:.5em;align-items:flex-start}
.pie a{text-decoration:none;color:#b9aea5;transition:color .3s}.pie a:hover{color:#fff}.pie p{line-height:1.45;color:#b9aea5}
.pie-sellos{display:flex;align-items:center;gap:clamp(14px,2.4vw,30px);margin-top:clamp(24px,3vw,38px);padding-top:clamp(16px,2vw,24px);border-top:1px solid #ffffff14;flex-wrap:wrap}
.pie-sellos img{height:38px;width:auto;filter:brightness(1.05)}
.pie-sellos img:nth-child(2){background:#fff;border-radius:50%;padding:3px}
.pie-redes{margin-left:auto;display:flex;gap:clamp(12px,2vw,24px)}
.pie-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 22px;margin-top:clamp(14px,2vw,22px);padding:clamp(12px,1.4vw,16px) 0 clamp(20px,3vh,30px);border-top:1px solid #ffffff14;font-size:.76rem;color:#8f857c}
.pie-m{display:flex;gap:16px}
#cierre{padding-bottom:0;min-height:auto}
@media (max-width:860px){.pie-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.pie-redes{margin-left:0;width:100%}}

/* Caras visibles y grandes */
.fam-mos{grid-template-columns:repeat(auto-fill,minmax(clamp(52px,5.4vw,84px),1fr));gap:9px}
.cara{filter:saturate(.92) brightness(1.08);box-shadow:0 0 0 1px #ffffff2e}
.cara img{object-position:50% 12%;transform:scale(1.28);transform-origin:50% 22%}
.fam-rayos{opacity:.8}

/* Concepto: tres teléfonos con la app real */
.tel-cen{z-index:3}
.tel-pant.foto{padding:0;padding-top:clamp(20px,3.6svh,34px);background:#fff6ee}
.tel-pant.foto.oscura{background:#120a07}
.tel-pant.foto img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.fut-tel{position:relative;min-width:0}
.tel-lado{position:absolute!important;top:50%;left:50%;height:min(64svh,590px);opacity:.82;z-index:1;padding:0;filter:brightness(.72)}
.tel-lado img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border-radius:inherit}
.tel-lado.izq{transform:translate(calc(-50% - 44%),-50%) rotate(-9deg)}
.tel-lado.der{transform:translate(calc(-50% + 44%),-50%) rotate(9deg)}
@media (max-width:1250px){.tel-lado{display:none}}

/* Texto de la pared con su propio espacio */
.esc-info{max-width:1080px;top:clamp(54px,7svh,76px)}
.esc-info h2{font-size:clamp(28px,min(4.6vw,7.4svh),70px)}
.esc-info p{max-width:88ch;font-size:clamp(13px,min(1.1vw,2.2svh),16px)}
.esc-dat{font-size:.78rem}.esc-dat b{font-size:1.5em}

@media (hover:none),(max-width:760px){.fila:hover b,.fila.act b{transform:none}}

/* ===== PEDIDO 3 ===== */
/* Intro */
#carga{overflow:hidden}
.cv{position:absolute;top:0;bottom:0;width:50.2%;background:#bb1032;opacity:0;z-index:1}.cv-i{left:0}.cv-d{right:0}
.carga-cont{display:grid;justify-items:center;gap:14px;position:relative;z-index:2}
.carga-logo{position:absolute;left:50%;top:50%;width:min(70vw,620px);transform:translate(-50%,-50%);z-index:3;opacity:0;--w:0%}
.carga-logo img{width:100%;height:auto;-webkit-mask-image:linear-gradient(100deg,#000 calc(var(--w) - 14%),transparent var(--w));mask-image:linear-gradient(100deg,#000 calc(var(--w) - 14%),transparent var(--w))}
.carga-pluma{position:absolute;width:12px;height:12px;margin:-6px;border-radius:50%;background:#fff;box-shadow:0 0 22px 7px #ffffffb0;opacity:0}
/* Portada con tomas reales */
.p-tiras{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#120a07;overflow:hidden}
.p-tiras video{width:100%;height:100%;object-fit:cover;display:block}
.p-velo{background:linear-gradient(180deg,#120a0799 0,transparent 22%,transparent 62%,#120a07cc 100%)!important}
.p-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.p-txt{padding:0 var(--g) clamp(50px,8vh,84px)}
.p-rota{font:300 clamp(23px,3.4vw,54px)/1.05 var(--dis);letter-spacing:-.02em;max-width:22em;text-shadow:0 2px 24px #000c;min-height:2.1em;display:flex;align-items:flex-end}
.p-sup{margin-bottom:.5em;text-shadow:0 1px 10px #000b}
@media (max-width:760px){.p-tiras{grid-template-columns:minmax(0,1fr)}.s-pc{display:none}}
/* Mario */
#palabras{padding:0}
.pal-pin{height:100svh;min-height:520px;position:relative;overflow:hidden;background:radial-gradient(70% 70% at 50% 42%,#4a1a0f 0,#1c0f0a 78%);isolation:isolate}
.pal-pin .pal-mario{position:absolute;left:50%;bottom:0;height:min(94svh,1000px);width:auto;max-width:none;aspect-ratio:404/665;margin-left:calc(min(94svh,1000px)*-.3037);grid-row:auto;filter:drop-shadow(0 20px 60px #000a);object-fit:contain;transform-origin:50% 100%}
.pal-frases{position:absolute;inset:0;mix-blend-mode:difference;pointer-events:none;color:#fff}
.pf{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);width:min(92vw,1180px);text-align:center;font:400 clamp(28px,min(5.4vw,8.4svh),88px)/1.08 var(--dis);letter-spacing:-.02em;margin:0}
.pf .w{display:inline-block;opacity:0;will-change:opacity,transform}
.pal-cite{position:absolute;left:var(--g);bottom:clamp(18px,4vh,40px);font:italic 400 clamp(17px,1.8vw,26px)/1.15 var(--dis);text-shadow:0 2px 14px #000b;z-index:2}
.pal-cite small{display:block;font:400 .76rem var(--tex);margin-top:.35em;opacity:.8}
/* Vitrina */
.pan:not(.fr){filter:none}
.pan{transition:none;box-shadow:0 22px 44px #2a100555}
/* Familia con recortes de la marca */
.fam-masc-pin{position:relative;height:100svh;min-height:520px;margin-inline:calc(var(--g)*-1);overflow:hidden;background:#120605}
.fam-masc-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#famLienzo{position:absolute;inset:0;width:100%;height:100%}
.fam-masc-pin::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(0deg,#000c,transparent);pointer-events:none;z-index:1}
.fam-masc-pin .fam-lema{position:absolute;left:var(--g);right:var(--g);bottom:clamp(20px,5vh,46px);margin:0;z-index:2;color:#fff6ee;font-size:clamp(22px,3.3vw,54px);text-shadow:0 2px 22px #000c;max-width:26em}
.fam-lema span{opacity:0}
/* Tarjetas: se elevan suave, sin saltos */
.tj{height:auto;box-shadow:none;border-radius:0;cursor:pointer}
.tj img{width:100%;height:auto;display:block;border-radius:calc(var(--cw)*.045);box-shadow:0 18px 44px #000b;transition:transform .7s var(--ease),box-shadow .7s var(--ease);will-change:transform;user-select:none;-webkit-user-drag:none;pointer-events:none}
@media (hover:hover){.tj.listo:hover img{transform:translateY(-9%) scale(1.03);box-shadow:0 34px 70px #000e}}
/* Tarjeta viva */
.cf-viva{position:relative;width:min(100%,520px);aspect-ratio:1.56;margin-top:clamp(20px,3vw,36px);filter:drop-shadow(0 26px 40px #3a241855);will-change:transform}
.cf-viva>img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .22s linear}.cf-viva>img.on{opacity:1}
.cf-sellos{position:absolute;inset:0}
.cf-sellos i{position:absolute;width:13.2%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);border-radius:50%;opacity:0;background:radial-gradient(circle at 34% 28%,#fff6c8,#e7b84c 42%,#a97612 78%);box-shadow:0 2px 7px #0009,inset 0 0 0 1.5px #fff5;transition:transform .32s var(--ease),opacity .2s}
.cf-sellos i.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cf-cont{position:absolute;right:6.6%;bottom:9.4%;font:400 clamp(14px,1.5vw,20px)/1 var(--dis);padding:.3em .5em;border-radius:6px;font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s;letter-spacing:.06em}
@media (max-width:860px){.cf-viva{width:min(86%,400px);margin-inline:auto}}
/* Liquid glass */
#clubForm{isolation:isolate;overflow:clip}
#clubForm::before,#clubForm::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.85;animation:mancha 16s ease-in-out infinite alternate;pointer-events:none}
#clubForm::before{width:62vw;height:62vw;max-width:880px;max-height:880px;right:-8vw;top:-6%;background:radial-gradient(circle,#ff5a72 0,#bb1032 46%,transparent 72%)}
#clubForm::after{width:48vw;height:48vw;max-width:680px;max-height:680px;right:26%;bottom:-16%;background:radial-gradient(circle,#ffc36b 0,#e2902b 48%,transparent 74%);animation-delay:-7s}
@keyframes mancha{to{transform:translate(-7%,6%) scale(1.13)}}
.cf-form{position:relative;background:linear-gradient(150deg,#ffffff85,#ffffff40);backdrop-filter:blur(28px) saturate(1.7);-webkit-backdrop-filter:blur(28px) saturate(1.7);border:1px solid #ffffffb0;border-radius:26px;box-shadow:0 30px 80px #6d0a1b33,inset 0 1px 0 #ffffffe0,inset 0 -1px 0 #ffffff55}
.fx input,.sel-b{height:58px;border-radius:16px;border:1px solid #ffffff99;background:linear-gradient(145deg,#ffffff8c,#ffffff4d);box-shadow:inset 0 1px 0 #ffffffcc,0 3px 12px #6d0a1b12;backdrop-filter:blur(10px)}
.fx label{color:#5a4034;font-weight:500}
.fx.foco input,.fx.foco .sel-b{border-color:#ffffffe0;background:#ffffffb8;box-shadow:0 0 0 3px #bb103233,inset 0 1px 0 #fff,0 8px 22px #bb103226}
.sel-l{background:#ffffffc7;backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid #ffffffb0;border-radius:18px}
.cf-caja{background:#ffffff66;border-color:#ffffffbb;box-shadow:inset 0 1px 0 #fff}
.cf-ok{color:#3a2418}
.cf-env{position:relative;overflow:hidden;min-height:56px;border-radius:99px;border:1px solid #ffffff66;color:#fff;font-weight:600;font-size:1.02rem;background:linear-gradient(105deg,#8c0c26,#d3173b 26%,#ff5a42 50%,#e2902b 66%,#d3173b 84%,#8c0c26);background-size:260% 100%;animation:vivo 5.5s ease-in-out infinite alternate;box-shadow:inset 0 1px 0 #ffffff80,inset 0 -8px 16px #6d0a1b55,0 14px 34px #bb103266;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.cf-env::before{content:"";position:absolute;inset:0 0 52%;border-radius:99px 99px 60% 60%;background:linear-gradient(180deg,#ffffff5e,#ffffff08);pointer-events:none}
.cf-env::after{content:"";position:absolute;top:0;bottom:0;width:32%;left:-45%;background:linear-gradient(100deg,transparent,#ffffff75,transparent);transform:skewX(-18deg);animation:brilla 3.6s ease-in-out infinite;pointer-events:none}
.cf-env:hover{transform:translateY(-2px) scale(1.01);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -8px 16px #6d0a1b55,0 20px 44px #bb103285;background:linear-gradient(105deg,#8c0c26,#d3173b 26%,#ff5a42 50%,#e2902b 66%,#d3173b 84%,#8c0c26);background-size:260% 100%}
@keyframes vivo{to{background-position:100% 0}}
@keyframes brilla{0%{left:-45%}55%,100%{left:120%}}
/* Botones de billetera: misma forma y tamaño */
.cf-ins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ins-w{height:48px;width:100%;justify-content:center;gap:9px;background:#000;color:#fff;border-radius:9px;text-decoration:none;font-weight:600;font-size:13px;line-height:1.08;padding:0 8px;white-space:nowrap}
.ins-w small{display:block;font-weight:400;font-size:9.5px}
@media (max-width:360px){.ins-w{font-size:11.5px;gap:6px}}
/* Botones de tiendas: misma medida */
.fut-ins{grid-template-columns:minmax(0,1fr)}
.ins-t{width:176px;height:54px;background:#000;border-radius:9px;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ins-t img{width:100%;height:100%;object-fit:fill;display:block}
@media (max-width:1000px){.fut-ins{grid-template-columns:repeat(2,minmax(0,136px));grid-auto-flow:row;justify-content:center}.ins-t{width:136px;height:42px}}
/* Instagram */
.ree-cab{text-align:center}
.ree-l{display:inline-flex;align-items:center;gap:.22em}
.ree-cab h2 svg{width:.86em;height:.86em;flex:none}
/* Reels */
.ree-riel{position:relative;padding-block:44px 34px;overflow:hidden}
.ree{transition:transform .6s var(--ease),box-shadow .5s;will-change:transform}
.ree.vivo{transform:translateY(-22px) scale(1.04);z-index:2;box-shadow:0 0 0 2px #ff5a72,0 26px 60px #bb103266}
.ree button{transition:background-color .35s,transform .35s var(--ease)}
.ree.vivo button{background:#d3173b;transform:scale(1.1)}
.ree-riel::before,.ree-riel::after{content:"";position:absolute;top:0;bottom:0;width:clamp(44px,11vw,190px);z-index:4;pointer-events:none;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.ree-riel::before{left:0;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent)}
.ree-riel::after{right:0;-webkit-mask-image:linear-gradient(270deg,#000,transparent);mask-image:linear-gradient(270deg,#000,transparent)}

.fam-masc-envoltura{margin-inline:calc(var(--g)*-1)}
.fam-masc-pin{margin-inline:0;width:100%}

/* ===== PEDIDO 4 ===== */
/* Portada y Mario como antes */
.p-velo{background:radial-gradient(120% 90% at 70% 35%,transparent 0,#120a0799 62%,#120a07f2 100%),linear-gradient(180deg,#120a0777,transparent 30%,#120a07e6 90%)!important}
.p-txt{padding:84px var(--g) clamp(64px,10vh,110px)}
.p-sup{margin-bottom:1em}
#palabras{padding:clamp(90px,16vh,190px) var(--g)}
/* Navbar roja de vidrio */
#cabeza,#cabeza.solida{mix-blend-mode:normal;background:linear-gradient(180deg,#d3173bc4,#a50e2bb3);backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);box-shadow:inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #ffffff1f,0 8px 26px #3a020e4d;padding-block:10px}
.btn-bolsa{background:#ffffff1f;border-color:#ffffff99;backdrop-filter:blur(8px)}
#dial{mix-blend-mode:normal;z-index:101;top:13px}
/* Letras y contacto: el mismo formulario del club, más rojo y pequeño */
#cierre{padding:clamp(66px,9svh,90px) var(--g) 0;background:none;min-height:auto}
.cie-sup{font-size:clamp(17px,2vw,28px)}
.cie-grande{font-size:min(19.2vw,24svh);margin:.04em 0 .06em}
.ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);justify-content:space-between;gap:clamp(20px,4vw,70px);align-items:center;margin:0 0 clamp(26px,5vh,54px);position:relative;isolation:isolate}
.ct::before{content:"";position:absolute;z-index:-1;right:-3%;top:-8%;width:min(620px,70%);height:116%;border-radius:50%;background:radial-gradient(circle,#d3173b 0,#a50e2b 46%,transparent 74%);filter:blur(46px);opacity:.92;animation:mancha 15s ease-in-out infinite alternate;pointer-events:none}
.ct-izq h2{font-size:clamp(32px,min(5vw,9svh),78px);font-weight:300}.ct-izq em{color:#ff8a9b}.ct-izq>p:last-child{max-width:38ch;margin-top:.7em;opacity:.88}
.ct-form{gap:8px;padding:clamp(14px,1.6vw,20px);border-radius:22px;border-color:#ffffff66;background:linear-gradient(150deg,#ffffff33,#ffffff12);box-shadow:0 26px 60px #3a020e80,inset 0 1px 0 #ffffff80}
.ct-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ct-form .fx input,.ct-form .sel-b{height:48px;border-radius:14px;padding-top:17px;background:linear-gradient(145deg,#ffffffe0,#ffffffbd)}
.ct-form .sel-b{padding:17px 40px 4px 14px}.ct-form .sel-b i{top:18px}
.ct-form .fx label{top:13px}
.ct-form .fx-capa{top:20px;height:24px;line-height:24px}
.ct-form .fx-pre{top:20px}
.ct-form .fx.foco input,.ct-form .fx.foco .sel-b,.ct-form .fx.foco textarea{background:#fff}
.ct-form .fx-err span{color:#fff}
.ct-form .sel-l{top:52px;max-height:230px;overflow:auto;background:#fffffff5;color:var(--tinta)}
.sel-g{padding:9px 12px 3px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#6b5444;cursor:default!important;font-weight:600}.sel-l .sel-g:hover{background:none;color:#6b5444}
.ct-msg textarea{width:100%;height:76px;padding:20px 14px 6px;border:1px solid #ffffff99;border-radius:14px;background:linear-gradient(145deg,#ffffffe0,#ffffffbd);box-shadow:inset 0 1px 0 #ffffffcc,0 3px 12px #6d0a1b12;font:inherit;line-height:24px;color:transparent;caret-color:var(--rojo);resize:none;outline:0;display:block;transition:border-color .3s,box-shadow .3s}
.fx.foco textarea{border-color:#ffffffe0;box-shadow:0 0 0 3px #bb103233,inset 0 1px 0 #fff,0 8px 22px #bb103226}.fx.mal textarea{border-color:#c62828;background:#fdeeee}
.ct-msg .fx-capa{height:48px;white-space:pre-wrap;word-break:break-word}
.ct-msg .fx-capa span{display:inline}.ct-msg .fx-capa .ch{display:inline-block}
.ct-cont{position:absolute;right:14px;top:6px;font-size:.7rem;color:#6b5444}
.fx[hidden]{display:none}
.ct-env{min-height:48px;margin-top:2px}
@media (max-width:860px){.ct{grid-template-columns:minmax(0,1fr);gap:14px}.ct::before{right:-8%;top:24%;width:116%;height:80%}.ct-izq>p:last-child{margin-top:.4em}}
@media (max-width:340px){.ct-par{grid-template-columns:minmax(0,1fr)}}
/* Footer: negro arriba, rojo abajo */
.pie{margin-inline:calc(var(--g)*-1);padding:clamp(70px,12vh,120px) var(--g) 0;border-top:0;background:linear-gradient(180deg,#0a0504 0,#2d0610 22%,#7c0a23 62%,#bb1032 100%);color:#ffe9e0}
.pie a,.pie p{color:#ffe3dc}.pie a:hover{color:#fff}
.pie-sellos,.pie-legal{border-top-color:#ffffff33}
.pie-legal{color:#ffd9d2}

.solo-tactil{display:none}@media (hover:none){.solo-cursor{display:none}.solo-tactil{display:inline}}
.adm-lis li{gap:8px}.adm-lis li span{text-align:right;white-space:nowrap}
@media (max-width:360px){.tel-pant{padding-top:18%}.adm-lis li{padding-left:8px;padding-right:8px}.adm-lis li span{font-size:.9em}}

/* Pantalla vertical: lo horizontal se ve completo dentro de los bordes (pedido de Joseph, 2026-11-05) */
@media (max-aspect-ratio:1/1){
.p-foto{inset:auto 0 auto 0;top:clamp(62px,8svh,92px);aspect-ratio:3/2}
.p-foto img{object-fit:contain;object-position:50% 50%;filter:brightness(.95) contrast(1.04) saturate(1.05)}
.p-velo{background:none!important}
.com-pin{background:#120605}
.com-foto{object-fit:contain}
.fam-masc-foto{object-fit:contain}
.con-it img{object-fit:contain}
}
@media (max-width:860px){.fam-cuadro img{object-fit:contain;object-position:50% 100%}}
@media (max-width:760px){
.ofi-tiras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:10px}
.tira,.tira.on{aspect-ratio:9/16;height:auto;min-height:0}
.tira video{transform:none;filter:none}
.tira small{opacity:.9;transform:none;filter:none}
.pla img{aspect-ratio:3/2}
}

/* Ajustes de la revisión en vertical */
@media (max-aspect-ratio:1/1){
.com-pin{background:#8c0c26}
.ofi-tiras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:10px}
.tira,.tira.on{aspect-ratio:9/16;height:auto;min-height:0}
.tira video{transform:none;filter:none}
.tira small{opacity:.9;transform:none;filter:none}
}
@media (max-aspect-ratio:1/1) and (min-width:600px){.ofi-tiras{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-aspect-ratio:1/1) and (max-height:640px){.p-txt{padding-bottom:22px;padding-top:0}.p-tit{font-size:clamp(31px,10.4vw,42px)}.p-sup{margin-bottom:6px}}

/* Footer: logo al centro de la franja */
.pie-sellos{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,28px)}
.pie-cert{display:flex;align-items:center;gap:clamp(12px,2vw,26px)}
.pie-sellos .pie-logo{height:clamp(44px,4.4vw,62px);width:auto;background:none;border-radius:0;padding:0;filter:none}
.pie-redes{margin-left:0;justify-content:flex-end}
@media (max-width:760px){.pie-sellos{grid-template-columns:minmax(0,1fr);justify-items:center}.pie-logo{order:-1}.pie-cert,.pie-redes{justify-content:center}}

/* Formulario de eventos: tarjeta clara y pequeña, como la del club */
.ct{grid-template-columns:minmax(0,1fr) minmax(0,420px)}
.ct::before{display:none}
.ct-form{gap:7px;padding:14px;border-radius:20px;border:1px solid #ffffffb0;background:radial-gradient(75% 80% at 92% 4%,#e8344fd9 0,transparent 72%),radial-gradient(70% 75% at 6% 98%,#bb1032b3 0,transparent 74%),#fbe3df;box-shadow:0 18px 44px #00000059,inset 0 1px 0 #ffffffe0;backdrop-filter:none;-webkit-backdrop-filter:none}
.ct-par{gap:7px}
.ct-form .fx input,.ct-form .sel-b{height:44px;border-radius:12px;font-size:.92rem;border:1px solid #ffffff99;background:linear-gradient(145deg,#ffffffc7,#ffffff8f);padding-top:15px}
.ct-form .sel-b{padding:15px 36px 3px 13px}.ct-form .sel-b i{top:16px;right:14px}
.ct-form .fx label{left:13px;top:12px;font-size:.88rem}
.ct-form .fx-capa{left:13px;top:18px;height:22px;line-height:22px;font-size:.92rem}
.ct-form .fx-pre{left:13px;top:18px;font-size:.88rem}
.ct-form .fx[data-c=tel].foco input,.ct-form .fx[data-c=tel].flota input{padding-left:52px}.ct-form .fx[data-c=tel] .fx-capa{left:52px}
.ct-form .sel-b b{font-size:.92rem}
.ct-form .sel-l{top:48px;max-height:200px}
.ct-form .sel-l li{padding:7px 11px;font-size:.92rem}
.ct-msg textarea{height:58px;padding:17px 13px 3px;border-radius:12px;font-size:.92rem;line-height:20px;background:linear-gradient(145deg,#ffffffc7,#ffffff8f)}
.ct-form .ct-msg .fx-capa{height:38px;line-height:20px}
.ct-cont{top:4px;right:11px;font-size:.66rem}
.ct-env,.ct-form .cf-env{min-height:44px;font-size:.95rem;margin-top:1px}
.ct-form .fx-err span{color:#6d0a1b;font-size:.76rem}
.ct-izq h2{font-size:clamp(30px,min(4.2vw,8svh),64px)}
/* El logo no lleva el círculo blanco de los sellos */
.pie-sellos .pie-logo:nth-child(2){background:none;border-radius:0;padding:0;filter:none;height:clamp(40px,3.6vw,52px)}
.pie-cert img:first-child{background:#fff;border-radius:50%;padding:3px}
@media (max-width:860px){.ct-form{width:100%;max-width:420px;justify-self:center}}
/* Móvil y tablet vertical: título arriba, formulario debajo */
@media (max-width:860px){.ct{grid-template-columns:minmax(0,1fr);gap:12px;justify-items:stretch}.ct-form{justify-self:center}}
/* Móvil: formularios compactos para que quepan en pantalla */
@media (min-width:600px) and (max-width:860px){.ct-form{justify-self:start}}
@media (max-width:520px){
.ct-izq h2{font-size:clamp(26px,8vw,34px)}.ct-izq>p:last-child{font-size:.84rem;line-height:1.3;margin-top:.3em}.ct .eti{margin-bottom:2px;font-size:.66rem}
.ct-form,#cfForm{gap:6px;padding:11px;border-radius:18px}
.ct-par{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.ct-form .fx input,.ct-form .sel-b,#cfForm .fx input,#cfForm .sel-b{height:40px;border-radius:11px;font-size:.88rem;padding-top:14px}
.ct-form .sel-b,#cfForm .sel-b{padding:14px 34px 2px 12px}.ct-form .sel-b i,#cfForm .sel-b i{top:14px}
.ct-form .fx label,#cfForm .fx label{left:12px;top:11px;font-size:.84rem}
.ct-form .fx-capa,#cfForm .fx-capa{left:12px;top:16px;height:20px;line-height:20px;font-size:.88rem}
.ct-form .fx-pre,#cfForm .fx-pre{left:12px;top:16px;font-size:.84rem}
#cfForm .fx[data-c=tel].foco input,#cfForm .fx[data-c=tel].flota input,.ct-form .fx[data-c=tel].foco input,.ct-form .fx[data-c=tel].flota input{padding-left:48px}#cfForm .fx[data-c=tel] .fx-capa,.ct-form .fx[data-c=tel] .fx-capa{left:48px}
.ct-form .sel-l,#cfForm .sel-l{top:44px}
.ct-msg textarea{height:50px;padding:15px 12px 2px;font-size:.88rem}
.ct-env,.ct-form .cf-env,#cfForm .cf-env{min-height:40px;font-size:.9rem}
#cfForm h3{font-size:22px;margin-bottom:2px}#cfForm .cf-ok{font-size:.76rem;gap:8px;margin-top:2px}#cfForm .cf-caja{width:19px;height:19px}
#cfForm .cf-ins{gap:6px;margin-top:2px}
#clubForm{padding-block:64px 34px}.cf-grid{gap:14px}.cf-izq h2{font-size:clamp(30px,9vw,38px)}.cf-izq>p{font-size:.84rem;line-height:1.3;margin-top:.45em}.cf-viva{width:62%;margin:10px auto 0}
}
@media (max-width:520px) and (max-height:640px){.cie-sup{font-size:14px}.ct-izq>p:last-child,.ct .eti{display:none}#cierre{padding-top:58px}.cf-izq>p{display:none}.cf-viva{width:46%}}