@font-face{font-family:Nunito;font-weight:400;font-display:swap;src:url(/assets/fonts/nunito-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Nunito;font-weight:400;font-display:swap;src:url(/assets/fonts/nunito-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Nunito;font-weight:700;font-display:swap;src:url(/assets/fonts/nunito-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Nunito;font-weight:700;font-display:swap;src:url(/assets/fonts/nunito-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Nunito;font-weight:800;font-display:swap;src:url(/assets/fonts/nunito-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Baloo 2";font-weight:700;font-display:swap;src:url(/assets/fonts/baloo-2-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Baloo 2";font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-2-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Baloo 2";font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-2-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lilita One";font-weight:400;font-display:swap;src:url(/assets/fonts/lilita-one-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lilita One";font-weight:400;font-display:swap;src:url(/assets/fonts/lilita-one-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--bg:#06110c;--bg2:#0b1e15;--felt:#0f2c1f;--felt2:#17402d;--ink:#f5efe0;--mute:#b6c2b5;--gold:#e8bf4a;--gold2:#fbe39a;--line:rgba(255,236,170,.14);--card:#fffdf6;
--oros:#E2B93B;--copas:#E0594D;--espadas:#5B9BE0;--bastos:#52B87A;--acc:var(--gold);
--f-display:"Lilita One","Baloo 2",system-ui,sans-serif;--f-head:"Baloo 2","Nunito",system-ui,sans-serif;--f-body:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;
--r:22px;--w:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--f-body);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit}
h1,h2,h3{font-family:var(--f-head);font-weight:800;line-height:1.08;margin:0;text-wrap:balance}
p{margin:0}.wrap{width:min(var(--w),100% - 40px);margin-inline:auto}
.eyebrow{font:800 .78rem/1 var(--f-head);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:12px;top:-60px;background:var(--gold);color:#201600;padding:10px 16px;border-radius:12px;z-index:99;font-weight:800}.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--gold2);outline-offset:3px;border-radius:8px}

/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(6,17,12,.78);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;gap:22px;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:400 1.7rem/1 var(--f-display);letter-spacing:.02em}
.logo b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--gold2),var(--gold) 55%,#b98a1c);color:#2a1d00;font-size:1.35rem;box-shadow:0 4px 14px rgba(232,191,74,.35)}
.nav{display:flex;gap:6px;margin-left:auto;align-items:center}
.nav a{text-decoration:none;font-weight:700;font-size:.95rem;color:var(--mute);padding:8px 13px;border-radius:99px;transition:.2s}
.nav a:hover{color:var(--ink);background:rgba(255,255,255,.07)}
.nav .lang{border:1px solid var(--line);font-size:.82rem;letter-spacing:.06em}
.btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font:800 1rem/1 var(--f-head);padding:15px 26px;border-radius:99px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.btn.gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1d00;box-shadow:0 8px 26px rgba(232,191,74,.28),inset 0 -3px 0 rgba(150,100,0,.28)}
.btn.gold:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(232,191,74,.4),inset 0 -3px 0 rgba(150,100,0,.28)}
.btn.ghost{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--ink)}.btn.ghost:hover{background:rgba(255,255,255,.12)}
.nav .btn{padding:11px 20px;font-size:.92rem;color:#2a1d00;margin-left:6px}.nav .btn:hover{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1d00}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--ink);width:44px;height:44px;border-radius:12px;font-size:1.3rem;cursor:pointer}

/* hero */
.hero{position:relative;padding:76px 0 120px;overflow:hidden;isolation:isolate;
background:radial-gradient(1000px 640px at 78% 18%,rgba(34,98,66,.8),transparent 62%),radial-gradient(800px 500px at 8% 90%,rgba(232,191,74,.1),transparent 60%),linear-gradient(180deg,var(--felt),var(--bg))}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero .wrap>*,.vgrid>*,.ggrid>*,.panel>*,.ayuda .g>*,.gh>*{min-width:0}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.hero h1{font:400 clamp(2.6rem,6.2vw,5rem)/1.02 var(--f-display);margin:20px 0 22px;letter-spacing:.005em}
.hero h1 em{font-style:normal;background:linear-gradient(180deg,var(--gold2),var(--gold) 70%);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.hero p.lead{font-size:1.2rem;color:var(--mute);max-width:34em}
.hero .acts{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 26px}
.badges{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.badges li{font-weight:800;font-size:.84rem;padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--gold2)}
.badges li::before{content:"✓ ";color:var(--bastos)}
.stage{position:relative;height:560px;perspective:1200px}
.fan{position:absolute;left:38%;top:46%;width:0;height:0}
.fan .c{position:absolute;width:168px;margin:-120px 0 0 -84px;aspect-ratio:194/300;background:var(--card);border-radius:14px;padding:5px;box-shadow:0 22px 40px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.08);transform-origin:50% 130%;transform:rotate(var(--a)) translate(var(--x,0),var(--y,0));transition:transform .5s cubic-bezier(.2,.9,.3,1.2)}
.fan .c img{width:100%;height:100%;object-fit:contain}
.stage:hover .fan .c{transform:rotate(calc(var(--a)*1.3)) translate(calc(var(--x,0)*1.2),calc(var(--y,0) - 10px))}
.fan .c:hover{z-index:9;transform:rotate(var(--a)) translate(var(--x,0),calc(var(--y,0) - 36px)) scale(1.07)!important}
.fan .c i{position:absolute;left:8px;top:8px;width:20px;height:20px}
.phone{position:absolute;right:-6px;bottom:-24px;width:218px;border-radius:34px;padding:8px;background:linear-gradient(145deg,#2e3a33,#0a0f0c);box-shadow:0 36px 70px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.14);transform:rotate(5deg);z-index:5;animation:bob 6s ease-in-out infinite}
.phone img{border-radius:27px;width:100%}
@keyframes bob{50%{transform:rotate(5deg) translateY(-12px)}}
.coin{position:absolute;width:62px;animation:bob 5s ease-in-out infinite;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}

.marquee{border-block:1px solid var(--line);background:var(--bg2);overflow:hidden;white-space:nowrap}
.marquee div{display:inline-flex;gap:46px;padding:19px 0;animation:mq 38s linear infinite;font:400 1.5rem/1 var(--f-display);color:var(--mute)}
.marquee span::after{content:"♠";margin-left:46px;color:var(--gold)}.marquee span:nth-child(4n+2)::after{content:"♥"}.marquee span:nth-child(4n+3)::after{content:"♣"}.marquee span:nth-child(4n+4)::after{content:"♦"}
@keyframes mq{to{transform:translateX(-50%)}}

section{padding:104px 0;position:relative}
.sh{display:grid;gap:14px;margin-bottom:48px;max-width:46rem}
.sh h2{font:400 clamp(2rem,4.4vw,3.4rem)/1.05 var(--f-display)}
.sh p{color:var(--mute);font-size:1.1rem}
.facts{padding:56px 0 0}.facts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.facts li{padding:6px 0 6px 22px;border-left:3px solid var(--gold)}
.facts b{display:block;font:400 3rem/1 var(--f-display);color:var(--gold2)}.facts span{color:var(--mute);font-weight:700}

/* mesas */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.tab{display:flex;align-items:center;gap:11px;padding:10px 20px 10px 10px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);font:800 1rem/1 var(--f-head);cursor:pointer;transition:.25s}
.tab img{width:40px;height:40px;border-radius:12px}
.tab:hover{background:rgba(255,255,255,.1)}
.tab[aria-selected=true]{background:var(--c);color:#16110a;border-color:transparent;box-shadow:0 10px 30px color-mix(in srgb,var(--c) 45%,transparent)}
.panel{display:none;border-radius:34px;overflow:hidden;position:relative;border:1px solid var(--line);min-height:560px;
background:linear-gradient(120deg,color-mix(in srgb,var(--c) 22%,var(--felt)),var(--felt) 60%)}
.panel.on{display:grid;grid-template-columns:1fr 1.05fr;animation:in .5s ease}
@keyframes in{from{opacity:0;transform:translateY(14px)}}
.panel .txt{padding:52px 44px 48px 52px;display:flex;flex-direction:column;gap:20px;justify-content:center;position:relative;z-index:2}
.suit{display:inline-flex;align-items:center;gap:9px;font:800 .8rem/1 var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--c)}
.suit svg{width:20px;height:20px}
.panel h3{font:400 clamp(2rem,3.6vw,2.9rem)/1 var(--f-display)}
.panel .tag{font:700 1.2rem/1.3 var(--f-head);color:var(--gold2)}
.panel p{color:var(--mute)}
.hechos{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.hechos li{display:flex;gap:11px;align-items:center;font-weight:700}
.hechos li::before{content:"";flex:none;width:9px;height:9px;transform:rotate(45deg);background:var(--c);border-radius:2px}
.stores{display:flex;gap:10px;flex-wrap:wrap}
.st{display:inline-flex;flex-direction:column;gap:3px;text-decoration:none;padding:11px 18px;border-radius:14px;background:rgba(0,0,0,.4);border:1px solid var(--line);min-width:170px}
.st small{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.st strong{font:800 1rem/1.1 var(--f-head)}
.st.ok{border-color:color-mix(in srgb,var(--bastos) 60%,transparent)}.st.ok small{color:var(--bastos)}
a.st:hover{background:rgba(0,0,0,.6)}
.more{font:800 1rem/1 var(--f-head);text-decoration:none;color:var(--c);display:inline-flex;gap:8px}.more:hover{text-decoration:underline}
.shots{position:relative;min-height:520px}
.shots .ph{position:absolute;width:210px;border-radius:30px;padding:7px;background:linear-gradient(145deg,#33403a,#0a0f0c);box-shadow:0 30px 60px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .5s cubic-bezier(.2,.9,.3,1.2)}
.shots .ph img{border-radius:24px;width:100%}
.shots .p1{left:50%;top:40px;margin-left:-105px;z-index:3;width:226px}
.shots .p2{left:4%;top:96px;transform:rotate(-7deg);z-index:2}
.shots .p3{right:4%;top:84px;transform:rotate(7deg);z-index:2}
.panel:hover .p2{transform:rotate(-10deg) translateX(-12px)}.panel:hover .p3{transform:rotate(10deg) translateX(12px)}
.shots .cf{position:absolute;width:92px;background:var(--card);border-radius:11px;padding:4px;box-shadow:0 14px 26px rgba(0,0,0,.5);z-index:4}
.shots .cf.a{left:5%;bottom:22px;transform:rotate(-12deg)}.shots .cf.b{right:5%;bottom:30px;transform:rotate(10deg)}

/* village */
.village{background:linear-gradient(180deg,var(--bg),#10281a 40%,var(--bg))}
.vgrid{display:grid;grid-template-columns:1.12fr .9fr;gap:52px;align-items:center}
.diorama{position:relative;aspect-ratio:1/1;border-radius:36px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 90px rgba(0,0,0,.55);
background:radial-gradient(120% 60% at 50% 0,var(--sky1),var(--sky2) 55%,transparent 56%),linear-gradient(180deg,var(--g1),var(--g2));transition:filter 1s,background 1s;--sky1:#fbe6a6;--sky2:#9fd5f0;--g1:#7bbf5b;--g2:#4b9a46}
.diorama.noche{--sky1:#2c3a6e;--sky2:#0e1636;--g1:#2a5a4a;--g2:#133a33}
.diorama .b{position:absolute;transform:translate(-50%,-100%);filter:drop-shadow(0 6px 4px rgba(0,0,0,.28));transition:filter 1s,transform .3s}
.diorama.noche .b{filter:drop-shadow(0 6px 4px rgba(0,0,0,.4)) brightness(.62) saturate(.9) hue-rotate(-8deg)}
.diorama .an{position:absolute;transform:translate(-50%,-100%);background:none;border:0;padding:0;cursor:pointer;transition:transform .25s,filter 1s;z-index:2}
.diorama.noche .an{filter:brightness(.66)}
.diorama .an:hover,.diorama .an.on{transform:translate(-50%,-112%) scale(1.08)}
.sun{position:absolute;right:12%;top:7%;width:15%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#fff6c8,#ffd75e 60%,#ffb62e);box-shadow:0 0 60px 20px rgba(255,214,90,.55);transition:.9s}
.diorama.noche .sun{background:radial-gradient(#fff,#dfe7ff 60%,#aab7e8);box-shadow:0 0 50px 14px rgba(190,205,255,.4);transform:translateX(-30px) scale(.8)}
.stars{position:absolute;inset:0 0 55% 0;opacity:0;transition:1s;background-image:radial-gradient(2px 2px at 12% 18%,#fff,transparent),radial-gradient(1.5px 1.5px at 30% 8%,#fff,transparent),radial-gradient(2px 2px at 52% 22%,#fff,transparent),radial-gradient(1.5px 1.5px at 68% 10%,#fff,transparent),radial-gradient(2px 2px at 84% 26%,#fff,transparent),radial-gradient(1.5px 1.5px at 22% 30%,#fff,transparent)}
.diorama.noche .stars{opacity:1}
.bubble{position:absolute;z-index:5;left:50%;bottom:4%;transform:translateX(-50%);background:var(--card);color:#2a2113;font:800 .95rem/1.3 var(--f-head);padding:11px 18px;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.4);max-width:86%;text-align:center;opacity:0;transition:.3s;pointer-events:none}
.bubble.on{opacity:1;transform:translateX(-50%) translateY(-6px)}
.dn{position:absolute;left:14px;top:14px;z-index:6;display:flex;background:rgba(0,0,0,.45);border-radius:99px;padding:4px;gap:2px;backdrop-filter:blur(8px)}
.dn button{border:0;border-radius:99px;padding:8px 15px;font:800 .85rem/1 var(--f-head);color:#fff;background:none;cursor:pointer}
.dn button[aria-pressed=true]{background:var(--gold);color:#2a1d00}
.hint{position:absolute;right:14px;top:14px;z-index:6;font-weight:800;font-size:.78rem;background:rgba(0,0,0,.45);color:#fff;padding:9px 14px;border-radius:99px}
.vtxt{display:flex;flex-direction:column;gap:22px}
.vtxt h2{font:400 clamp(2.4rem,5vw,4rem)/1 var(--f-display)}
.vtxt .sub{font:700 1.35rem/1.3 var(--f-head);color:var(--gold2)}
.vtxt ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.vtxt li{padding-left:34px;position:relative;font-weight:600}
.vtxt li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;background:url(/assets/img/village/moneda.png) center/contain no-repeat}
.pill{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;background:rgba(232,191,74,.14);border:1px solid rgba(232,191,74,.5);color:var(--gold2);padding:9px 16px;border-radius:99px;font-weight:800;font-size:.9rem}
.pill i{width:9px;height:9px;border-radius:50%;background:var(--gold);animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.3}}
.langs{display:flex;flex-wrap:wrap;gap:7px}.langs span{font-size:.78rem;font-weight:700;padding:5px 11px;border-radius:99px;border:1px solid var(--line);color:var(--mute)}
.vshots{display:flex;gap:18px;margin-top:56px;justify-content:center;flex-wrap:wrap}
.vshots .ph{width:214px;border-radius:32px;padding:8px;background:linear-gradient(145deg,#33403a,#0a0f0c);box-shadow:0 30px 60px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.14)}
.vshots .ph:nth-child(even){margin-top:34px}.vshots .ph img{border-radius:25px;width:100%}
.next{margin-top:80px;display:grid;gap:24px}.next h3{font:400 1.9rem/1.1 var(--f-display)}.next>p{color:var(--mute);margin-top:-10px}
.nx{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nx div{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--line);isolation:isolate}
.nx img.bn{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.75) brightness(.55)}
.nx div::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,17,12,.92),transparent 70%)}
.nx div{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:16px}
.nx strong{font:400 1.3rem/1 var(--f-display)}.nx small{font-weight:800;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}

/* gravity */
.gravity{background:radial-gradient(900px 500px at 15% 20%,rgba(36,120,128,.28),transparent 60%),var(--bg)}
.ggrid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.gfig{position:relative;border-radius:30px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 90px rgba(0,0,0,.55)}
.gfig img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1.2s}.gfig:hover img{transform:scale(1.05)}
.gfig figcaption{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.55);padding:7px 14px;border-radius:99px;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.gtxt{display:flex;flex-direction:column;gap:20px}
.gtxt h2{font:400 clamp(2.4rem,5vw,4rem)/1 var(--f-display);background:linear-gradient(90deg,#f6d37a,#69d2cf);-webkit-background-clip:text;background-clip:text;color:transparent}
.gtxt .sub{font:700 1.3rem/1.3 var(--f-head);color:#9be3df}
.gtxt ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.gtxt li{padding-left:28px;position:relative;font-weight:600}
.gtxt li::before{content:"◆";position:absolute;left:0;color:#69d2cf}
.gtxt .pill{background:rgba(105,210,207,.12);border-color:rgba(105,210,207,.5);color:#9be3df}.gtxt .pill i{background:#69d2cf}
.gshots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.gshots figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#000}
.gshots img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s}.gshots figure:hover img{transform:scale(1.08)}
.gcap{margin-top:12px;color:var(--mute);font-size:.85rem;font-weight:700}

/* principios */
.prin ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.prin li{padding:28px 24px;border-radius:var(--r);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;transition:transform .3s,border-color .3s}
.prin li:hover{transform:translateY(-6px);border-color:var(--c)}
.prin svg{width:38px;height:38px;color:var(--c)}.prin h3{font:800 1.2rem/1.15 var(--f-head)}.prin p{color:var(--mute);font-size:.98rem}

/* ayuda */
.ayuda .g{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.mail{display:inline-flex;flex-direction:column;gap:4px;padding:18px 24px;border-radius:18px;background:rgba(232,191,74,.1);border:1px solid rgba(232,191,74,.4);text-decoration:none;margin-top:6px}
.mail small{font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;color:var(--gold)}.mail strong{font:800 1.3rem/1 var(--f-head);color:var(--gold2)}
.tip{margin-top:20px;color:var(--mute);font-size:.95rem;border-left:3px solid var(--line);padding-left:16px}.tip b{color:var(--ink)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font:800 1.1rem/1.3 var(--f-head);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:15px;font:400 1.8rem/1 var(--f-display);color:var(--gold);transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 40px 22px 0;color:var(--mute)}

/* footer */
.ft{border-top:1px solid var(--line);background:#040b08;padding:64px 0 36px}
.ft .g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.ft h4{margin:0 0 14px;font:800 .78rem/1 var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ft a{text-decoration:none;color:var(--mute)}.ft a:hover{color:var(--ink)}
.ft address{font-style:normal;color:var(--mute);font-size:.94rem}
.ft .small{margin-top:46px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:10px 28px;justify-content:space-between;flex-wrap:wrap;color:#7f8d7e;font-size:.84rem}
.ft p.bl{color:var(--mute);margin-top:14px;max-width:26em;font-size:.95rem}

/* páginas interiores */
.ph-hero{padding:70px 0 40px;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 20%,var(--felt)),var(--bg))}
.crumb{font-weight:800;font-size:.9rem;color:var(--mute);text-decoration:none}.crumb:hover{color:var(--ink)}
.gh{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;margin-top:26px}
.gh .ic{width:96px;height:96px;border-radius:26px;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.gh h1{font:400 clamp(2.4rem,5vw,4rem)/1 var(--f-display);margin:18px 0 12px}
.gh .tag{font:700 1.3rem/1.3 var(--f-head);color:var(--gold2);margin-bottom:14px}
.gh .bn{border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.gal{display:flex;gap:18px;overflow-x:auto;padding:6px 4px 28px;scroll-snap-type:x mandatory}
.gal .ph{flex:none;width:220px;border-radius:32px;padding:8px;background:linear-gradient(145deg,#33403a,#0a0f0c);box-shadow:0 20px 44px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.14);scroll-snap-align:center}
.gal .ph img{border-radius:25px;width:100%}
.in{max-width:760px}.in section{padding:0}.in h2{font:800 1.5rem/1.2 var(--f-head);margin:40px 0 12px}.in p{color:var(--mute);margin-bottom:12px}
.in h1{font:400 clamp(2.2rem,5vw,3.4rem)/1.05 var(--f-display);margin-bottom:16px}
.pg{padding:70px 0 100px}
.cards-row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.cards-row .cf{width:92px;background:var(--card);border-radius:10px;padding:4px;box-shadow:0 10px 22px rgba(0,0,0,.45)}
.otros{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.otros a{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.04);text-decoration:none;transition:.25s}
.otros a:hover{transform:translateY(-4px);border-color:var(--c)}.otros img{width:60px;border-radius:16px}.otros strong{font:800 1.05rem/1.2 var(--f-head)}
.nf{min-height:70vh;display:grid;place-items:center;text-align:center;gap:20px;padding:80px 20px}.nf h1{font:400 clamp(4rem,14vw,9rem)/1 var(--f-display);color:var(--gold)}

.rv{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.rv.vis{opacity:1;transform:none}
.nojs .rv{opacity:1;transform:none}

@media (max-width:980px){
 .hero .wrap,.panel.on,.vgrid,.ggrid,.ayuda .g,.gh{grid-template-columns:minmax(0,1fr)}
 .stage{height:470px;order:-1;margin-top:-20px}.phone{width:176px;right:2%}
 .shots{min-height:480px}.panel .txt{padding:36px 26px 10px}
 .facts ul,.nx,.prin ul,.otros{grid-template-columns:repeat(2,1fr)}.gshots{grid-template-columns:repeat(2,1fr)}
 .ft .g{grid-template-columns:1fr 1fr}
 .nav{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;background:rgba(6,17,12,.97);padding:14px 20px 22px;border-bottom:1px solid var(--line);gap:4px}
 .nav.open{display:flex}.nav a{padding:13px 14px}.burger{display:block}.nav .btn{margin:8px 0 0;justify-content:center}
 section{padding:76px 0}
}
@media (max-width:560px){
 body{font-size:16px}.wrap{width:calc(100% - 32px)}
 .fan{left:44%}.hero{padding:40px 0 80px}.fan .c{width:128px;margin:-92px 0 0 -64px}.stage{height:400px}.phone{width:140px;bottom:-10px}
 .tab{padding:8px 14px 8px 8px;font-size:.9rem}.tab img{width:32px;height:32px}
 .shots .ph{width:150px}.shots .p1{width:168px;margin-left:-84px}.shots{min-height:400px}.shots .cf{width:76px}
 .vshots .ph{width:150px}.vshots .ph:nth-child(even){margin-top:20px}.vshots{gap:12px}
 .facts b{font-size:2.3rem}.ft .g{grid-template-columns:1fr}
 .nx{grid-template-columns:1fr 1fr}.gshots{grid-template-columns:1fr 1fr}.prin ul{grid-template-columns:1fr}
 .otros{grid-template-columns:1fr 1fr}.diorama{border-radius:26px}.hint{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.rv{opacity:1;transform:none}}