@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,600;0,700;1,300;1,600&family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@300;400&display=swap');

:root{
  --gold:#C9A84C;--gl:#E8C97A;--gd:#8B6914;
  --gg:rgba(201,168,76,.22);--gf:rgba(201,168,76,.07);
  --n0:#06060C;--n1:#0D0D18;--n2:#141420;--n3:#1C1C2A;--n4:#24243A;
  --w:#F5F0E8;--w2:rgba(245,240,232,.55);--w3:rgba(245,240,232,.12);
  --ok:#52C98A;--er:#E05252;
  --fd:'Cormorant Garamond',Georgia,serif;
  --fu:'Syne',sans-serif;--fm:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.23,1,.32,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{background:var(--n0);color:var(--w);font-family:var(--fu);overflow-x:hidden;cursor:none;}
::-webkit-scrollbar{width:3px;}::-webkit-scrollbar-track{background:var(--n1);}::-webkit-scrollbar-thumb{background:var(--gd);border-radius:2px;}

/* CURSOR */
#cur{position:fixed;width:8px;height:8px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:99999;mix-blend-mode:difference;}
#curR{position:fixed;width:34px;height:34px;border:1px solid rgba(201,168,76,.4);border-radius:50%;pointer-events:none;z-index:99998;transition:width .3s,height .3s,border-color .3s;}
#curR.h{width:52px;height:52px;border-color:var(--gold);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 60px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(6,6,12,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,168,76,.07);transition:all .4s;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
nav::-webkit-scrollbar{display:none;}
nav.sc{padding:13px 60px;background:rgba(6,6,12,.97);}
.logo{font-family:var(--fd);font-size:22px;font-weight:700;color:var(--w);text-decoration:none;flex-shrink:0;white-space:nowrap;}
.logo em{color:var(--gold);font-style:italic;}
.nlinks{display:flex;gap:22px;align-items:center;flex:1 1 auto;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.nlinks::-webkit-scrollbar{display:none;}
.nlinks a{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--w2);text-decoration:none;transition:color .3s;font-weight:600;position:relative;flex-shrink:0;}
.nlinks a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s;}
.nlinks a:hover,.nlinks a.on{color:var(--gold);}
.nlinks a:hover::after,.nlinks a.on::after{width:100%;}
.nbtn{padding:9px 22px;background:linear-gradient(135deg,var(--gd),var(--gold));color:var(--n0);border:none;border-radius:6px;font-family:var(--fu);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;flex-shrink:0;white-space:nowrap;}
.nbtn:hover{box-shadow:0 8px 22px var(--gg);transform:translateY(-1px);}
/* BOTÓN LOGIN NAV */
.nbtn-login{display:flex;align-items:center;gap:8px;padding:9px 20px;background:linear-gradient(135deg,var(--gd),var(--gold));color:var(--n0);border:none;border-radius:6px;font-family:var(--fu);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;text-decoration:none;white-space:nowrap;flex-shrink:0;}
.nbtn-login:hover{box-shadow:0 8px 22px var(--gg);transform:translateY(-1px);}
.nbtn-login svg{flex-shrink:0;}
/* BOTÓN LOGIN MENÚ MÓVIL */
.mnav-login-btn{display:flex!important;align-items:center;justify-content:center;gap:10px;padding:14px 36px;background:linear-gradient(135deg,var(--gd),var(--gold));color:var(--n0);border-radius:8px;text-decoration:none;font-family:var(--fu);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .3s;width:80%;max-width:300px;margin-bottom:16px;}
.mnav-login-btn:hover{box-shadow:0 8px 28px var(--gg);transform:translateY(-1px);color:var(--n0)!important;}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;flex-shrink:0;}
.burger span{width:22px;height:1.5px;background:var(--gold);display:block;transition:all .3s;}

/* MOBILE NAV */
.mnav{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:var(--n1);z-index:9800!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:flex-start!important;gap:20px;transform:translateX(100%);transition:transform .5s var(--ease);overflow-y:scroll!important;-webkit-overflow-scrolling:touch!important;padding:80px 20px 50px;box-sizing:border-box;}
.mnav.on{transform:translateX(0);}
.mnav a{font-family:var(--fd);font-size:26px;font-weight:600;color:var(--w);text-decoration:none;transition:color .2s;flex-shrink:0;}
.mnav a:hover{color:var(--gold);}
.mnav-x{position:fixed;top:22px;right:26px;background:none;border:none;color:var(--w2);font-size:24px;cursor:pointer;z-index:9801;}
@media(max-height:700px){.mnav{gap:12px;padding:70px 20px 40px;}.mnav a{font-size:19px;}.mnav-login-btn{padding:10px 28px;margin-bottom:4px;}}
/* Ocultar flotantes (WhatsApp / chat IA) mientras el menú móvil está abierto — funciona por CSS puro, sin depender del JS */
.mnav.on ~ .aichat,.mnav.on ~ .aichat-win{display:none!important;}
body:has(.mnav.on) .waf,body:has(.mnav.on) .aichat,body:has(.mnav.on) .aichat-win{display:none!important;}
body.menu-open .waf,body.menu-open .aichat,body.menu-open .aichat-win{display:none!important;}

/* WA FLOAT */
.waf{position:fixed;bottom:100px;right:28px;width:52px;height:52px;background:linear-gradient(135deg,#25D366,#128C7E);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 20px rgba(37,211,102,.4);cursor:pointer;z-index:9100;text-decoration:none;transition:transform .3s;animation:wap 2.5s infinite;}
.waf:hover{transform:scale(1.1);}
@keyframes wap{0%,100%{box-shadow:0 6px 20px rgba(37,211,102,.4);}50%{box-shadow:0 6px 32px rgba(37,211,102,.7),0 0 0 8px rgba(37,211,102,.07);}}

/* COOKIE */
.ckb{position:fixed;bottom:0;left:0;right:0;background:var(--n3);border-top:1px solid rgba(201,168,76,.16);padding:15px 48px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:9700;transform:translateY(100%);transition:transform .5s var(--ease);flex-wrap:wrap;}
.ckb.on{transform:translateY(0);}
.ckb p{font-size:12px;color:var(--w2);line-height:1.55;max-width:640px;}
.ckb p a{color:var(--gold);text-decoration:none;}
.ckbtns{display:flex;gap:9px;flex-shrink:0;}
.ck{padding:8px 20px;border-radius:5px;font-family:var(--fu);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;}
.cky{background:var(--gold);color:var(--n0);border:none;}.cky:hover{background:var(--gl);}
.ckn{background:transparent;color:var(--w2);border:1px solid rgba(245,240,232,.18);}.ckn:hover{border-color:var(--gold);color:var(--gold);}

/* MODALS */
.mov{position:fixed;inset:0;background:rgba(6,6,12,.92);backdrop-filter:blur(12px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:40px;opacity:0;pointer-events:none;transition:opacity .3s;}
.mov.on{opacity:1;pointer-events:all;}
.mbox{background:var(--n3);border:1px solid rgba(201,168,76,.2);border-radius:18px;padding:48px;max-width:660px;width:100%;max-height:85vh;overflow-y:auto;transform:scale(.96);transition:transform .4s var(--ease);position:relative;}
.mov.on .mbox{transform:scale(1);}
.mbox::-webkit-scrollbar{width:3px;}.mbox::-webkit-scrollbar-thumb{background:var(--gold);}
.mcl{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--w2);font-size:20px;cursor:pointer;}.mcl:hover{color:var(--gold);}
.mh{font-family:var(--fd);font-size:34px;font-weight:600;margin-bottom:20px;}
.mh em{font-style:italic;color:var(--gold);}
.mcon p{font-size:13px;color:var(--w2);line-height:1.8;margin-bottom:8px;}
.mcon h4{font-size:12px;font-weight:700;color:var(--gold);margin:16px 0 5px;letter-spacing:1px;text-transform:uppercase;}

/* POPUP */
.pov{position:fixed;inset:0;background:rgba(6,6,12,.9);backdrop-filter:blur(10px);z-index:8000;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;opacity:0;pointer-events:none;transition:opacity .4s;}
.pov.on{opacity:1;pointer-events:all;}
.pbox{background:var(--n3);border:1px solid rgba(201,168,76,.22);border-radius:20px;padding:48px;max-width:480px;width:90%;transform:translateY(-22px);transition:transform .45s var(--ease);position:relative;}
.pov.on .pbox{transform:translateY(0);}
.px{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--w2);font-size:20px;cursor:pointer;}.px:hover{color:var(--gold);}

/* BTN */
.btn{padding:14px 40px;border-radius:8px;font-family:var(--fu);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .4s;text-decoration:none;display:inline-block;border:none;}
.btn-g{background:linear-gradient(135deg,var(--gd) 0%,var(--gold) 50%,var(--gl) 100%);background-size:200% 100%;background-position:100%;color:var(--n0);box-shadow:0 8px 24px var(--gg);}
.btn-g:hover{background-position:0%;box-shadow:0 14px 36px rgba(201,168,76,.5);transform:translateY(-3px);}
.btn-o{background:transparent;color:var(--w);border:1px solid rgba(245,240,232,.2);}
.btn-o:hover{border-color:var(--gold);color:var(--gold);}

/* SEC */
.sec{padding:120px 60px;}
.lbl{font-family:var(--fm);font-size:10px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:12px;}
.ht{font-family:var(--fd);font-size:clamp(36px,5.5vw,70px);font-weight:300;line-height:.96;letter-spacing:-2px;color:var(--w);margin-bottom:16px;}
.ht em{font-style:italic;color:var(--gold);}
.sub{font-size:14px;color:var(--w2);line-height:1.85;max-width:520px;}
.gbg{position:relative;overflow:hidden;}
.gbg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(201,168,76,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.03) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;z-index:0;}
.gbg > *{position:relative;z-index:1;}

/* REVEAL */
.rv{opacity:0;transform:translateY(30px);transition:opacity .85s var(--ease),transform .85s var(--ease);}
.rv.v{opacity:1;transform:translateY(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}.d5{transition-delay:.5s;}

/* PHOTO SLOT */
.ph-slot{background:var(--n3);border:1px dashed rgba(201,168,76,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .3s;}
.ph-slot:hover{border-color:rgba(201,168,76,.45);}
.ph-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ph-slot input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.phi{font-size:22px;opacity:.28;}.pht{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--w2);opacity:.45;}

/* MARQUEE */
.mq{background:linear-gradient(90deg,var(--gd),var(--gold),var(--gl),var(--gold));background-size:300%;animation:mqbg 7s linear infinite;padding:12px 0;overflow:hidden;}
@keyframes mqbg{0%{background-position:0%}100%{background-position:300%}}
.mq-in{display:flex;gap:40px;white-space:nowrap;animation:mqm 22s linear infinite;}
.mqi{font-family:var(--fm);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--n0);font-weight:700;flex-shrink:0;}
.mqi::before{content:"✦  ";}
@keyframes mqm{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* FOOTER */
footer{background:var(--n0);border-top:1px solid rgba(201,168,76,.09);padding:60px;}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;}
.fb-name{font-family:var(--fd);font-size:24px;font-weight:600;}
.fb-name em{font-style:italic;color:var(--gold);}
.fb-tag{font-size:10px;color:var(--w2);margin-top:5px;letter-spacing:2px;text-transform:uppercase;font-family:var(--fu);}
.fb-desc{font-size:13px;color:var(--w2);line-height:1.8;margin-top:12px;}
.fc h5{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-family:var(--fm);margin-bottom:16px;}
.fc a{display:block;font-size:13px;color:var(--w2);text-decoration:none;margin-bottom:9px;transition:color .2s;cursor:pointer;}
.fc a:hover{color:var(--gold);}
.fb-bot{border-top:1px solid rgba(201,168,76,.06);margin-top:44px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.fc-copy{font-size:11px;color:rgba(245,240,232,.18);letter-spacing:1px;}

/* CARDS */
.card{background:var(--n3);border:1px solid rgba(201,168,76,.08);border-radius:14px;transition:all .4s var(--ease);position:relative;overflow:hidden;}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .3s;}
.card:hover{border-color:rgba(201,168,76,.28);transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,0,0,.4);}
.card:hover::before{opacity:1;}

/* ACCORDION */
.aci{background:var(--n3);border:1px solid rgba(201,168,76,.08);border-radius:12px;overflow:hidden;margin-bottom:9px;transition:all .4s var(--ease);cursor:pointer;}
.aci:hover{border-color:rgba(201,168,76,.26);transform:translateY(-2px);}
.aci.on{border-color:rgba(201,168,76,.36);box-shadow:0 16px 40px rgba(201,168,76,.08);}
.ach{display:flex;align-items:center;gap:14px;padding:19px 20px;user-select:none;}
.ac-ico{width:40px;height:40px;border-radius:9px;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.14);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;transition:all .3s;}
.aci.on .ac-ico{background:linear-gradient(135deg,var(--gd),var(--gold));box-shadow:0 5px 16px rgba(201,168,76,.26);}
.act{flex:1;}
.act-t{font-size:14px;font-weight:700;color:var(--w);}
.act-s{font-size:11px;color:var(--w2);margin-top:1px;}
.ac-arr{color:var(--gold);font-size:11px;transition:transform .4s;flex-shrink:0;}
.aci.on .ac-arr{transform:rotate(180deg);}
.acb{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);}
.aci.on .acb{max-height:200px;}
.acc{margin:0 20px 20px;padding-top:14px;border-top:1px solid rgba(201,168,76,.07);font-size:13px;color:var(--w2);line-height:1.8;}

@media(max-width:1024px){nav{padding:15px 22px;}nav.sc{padding:12px 22px;}.sec{padding:80px 22px;}footer{padding:44px 22px;}.fg{grid-template-columns:1fr 1fr;gap:30px;}.nlinks,.nbtn,.nbtn-login{display:none;}.burger{display:flex;}}
@media(max-width:768px){.sec{padding:68px 18px;}footer{padding:38px 18px;}.fg{grid-template-columns:1fr;}.fb-bot{flex-direction:column;text-align:center;}}
/* ══════════════════════════════════════════════════════════════
   v5 — ACTUALIZACIÓN GENERAL DEL SITIO (oct 2026)
   Todo lo nuevo va con prefijo "stk-" para no chocar con lo existente.
   ══════════════════════════════════════════════════════════════ */
:root{--ok2:#7FDDAA;--er2:#F08A8A;--card:#15151E;--card2:#1C1C28;}
body{background:#0A0A0F;}
::selection{background:rgba(201,168,76,.35);color:var(--w);}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px;}
input,textarea,select{cursor:text;}
img{max-width:100%;}
.ic{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle;}

/* Cursor dorado: solo en computador con mouse. En celular no se ve (antes quedaba un punto fijo arriba). */
@media (hover:none),(pointer:coarse){
  #cur,#curR{display:none!important;}
  body{cursor:auto;}
}

/* Barra de carga dorada arriba */
.stk-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:100000;pointer-events:none;animation:stkPgHide .3s 6s forwards;}
.stk-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gd),var(--gold),var(--gl));box-shadow:0 0 12px rgba(232,201,122,.7);transition:width .35s ease,opacity .4s ease .2s;border-radius:0 2px 2px 0;}
.stk-progress.fin i{opacity:0;}
@keyframes stkPgHide{to{opacity:0;visibility:hidden;}}

/* NAV: sin scroll interno (lo cortaba todo) y con menú "Más" */
nav{overflow:visible;}
.nlinks{overflow:visible;gap:26px;justify-content:center;}
.nlinks a,.nav-mas-btn{letter-spacing:2.4px;}
@media(max-width:1360px){.nlinks{gap:18px;}.nlinks a,.nav-mas-btn{letter-spacing:1.6px;font-size:10.5px;}nav{padding-left:36px;padding-right:36px;}nav.sc{padding-left:36px;padding-right:36px;}}
@media(max-width:1180px){.nbtn.nav-t-demo{display:none;}}
.nav-mas{position:relative;flex-shrink:0;}
.nav-mas-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:6px 0;font-family:var(--fu);font-size:11px;text-transform:uppercase;color:var(--w2);font-weight:600;cursor:pointer;transition:color .3s;position:relative;}
.nav-mas-btn:hover,.nav-mas-btn.on,.nav-mas.open .nav-mas-btn{color:var(--gold);}
.nav-mas-arrow{transition:transform .25s;}
.nav-mas.open .nav-mas-arrow{transform:rotate(180deg);}
.nav-mas-drop{position:absolute;top:calc(100% + 16px);right:-18px;width:300px;padding:8px;border-radius:16px;background:linear-gradient(180deg,var(--n3),var(--n2));border:1px solid rgba(201,168,76,.22);box-shadow:0 28px 70px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1),visibility 0s linear .25s;z-index:1100;}
.nav-mas-drop::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px;}
.nav-mas.open .nav-mas-drop{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1),visibility 0s;}
.nlinks .nav-mas-drop a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;letter-spacing:0;text-transform:none;font-size:13px;color:var(--w);font-weight:600;position:relative;}
.nlinks .nav-mas-drop a::after{display:none;}
.nlinks .nav-mas-drop a:hover,.nlinks .nav-mas-drop a.on{background:rgba(201,168,76,.09);color:var(--w);}
.nmd-ico{width:34px;height:34px;border-radius:10px;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.18);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.nmd-txt{display:flex;flex-direction:column;min-width:0;}
.nmd-txt b{font-weight:600;}
.nmd-txt small{font-size:11px;color:var(--w2);font-weight:400;margin-top:1px;}
.nav-mas-btn .nav-inc-dot{position:static;margin-left:2px;}
.nav-mas-drop .nav-inc-dot{position:static;margin-left:auto;}
.burger{position:relative;}
.burger .nav-inc-dot{position:absolute;top:2px;right:0;}

/* MENÚ DEL CELULAR (rediseño) */
.mnav{align-items:stretch!important;gap:0!important;padding:18px 18px 40px!important;background:radial-gradient(ellipse 90% 50% at 100% 0%,rgba(201,168,76,.08),transparent 60%),#0A0A0F!important;overflow-x:hidden;}
.mnav-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
.mnav .mnav-top .logo{font-size:22px;}
.mnav-x{position:static!important;width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,168,76,.28)!important;background:rgba(201,168,76,.06)!important;color:var(--w)!important;display:flex;align-items:center;justify-content:center;font-size:0!important;}
.mnav .mnav-login-btn{width:100%;max-width:none;margin:0 0 18px;padding:14px;font-size:12px;}
.mnav-lbl{font-family:var(--fm);font-size:9.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin:6px 2px 10px;display:block;}
.mnav-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;}
.mnav a.mnav-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:14px;background:var(--card);border:1px solid rgba(201,168,76,.1);font-family:var(--fu);font-size:13.5px;font-weight:700;color:var(--w);min-width:0;}
.mnav a.mnav-card.on{border-color:var(--gold);background:linear-gradient(160deg,rgba(201,168,76,.12),transparent 70%),var(--card);}
.mnav-ico{width:34px;height:34px;border-radius:10px;background:rgba(201,168,76,.09);border:1px solid rgba(201,168,76,.2);color:var(--gold);display:flex;align-items:center;justify-content:center;}
.mnav-list{display:flex;flex-direction:column;border-radius:14px;background:var(--card);border:1px solid rgba(201,168,76,.1);overflow:hidden;margin-bottom:16px;}
.mnav .mnav-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;font-family:var(--fu);font-size:14px;font-weight:600;color:var(--w);border-bottom:1px solid rgba(201,168,76,.07);}
.mnav .mnav-list a:last-child{border-bottom:none;}
.mnav .mnav-list a.on{color:var(--gold);}
.mnav-list svg{color:var(--w2);}
.mnav-estado{font-family:var(--fm);font-size:10px;letter-spacing:.5px;padding:4px 10px;border-radius:999px;background:rgba(82,201,138,.1);border:1px solid rgba(82,201,138,.3);color:var(--ok);white-space:nowrap;}
.mnav-estado:empty{display:none;}
.mnav-estado.warn{background:rgba(224,82,82,.1);border-color:rgba(224,82,82,.35);color:var(--er2);}
.mnav-pais-btn{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid rgba(201,168,76,.1);color:var(--w);font-family:var(--fu);font-size:14px;font-weight:600;cursor:pointer;margin-bottom:16px;text-align:left;}
.mnav-pais-btn span:nth-child(2){flex:1;}
.mnav-pais-btn b{font-family:var(--fm);font-size:11px;color:var(--gold);}
.mnav-pais-btn .nav-pais-flag img{width:22px;height:16px;border-radius:3px;object-fit:cover;}
.mnav-legal{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;}
.mnav .mnav-legal a{font-family:var(--fu);font-size:12px;font-weight:400;color:var(--w2);}
@media(max-height:700px){.mnav a.mnav-card{padding:11px;gap:8px;font-size:12.5px;}.mnav .mnav-list a{padding:12px 14px;}}

/* POPUP (ventana con X; en celular sale desde abajo) */
.pov{align-items:center;padding:20px;}
.pbox{padding:40px 36px 34px;border-radius:22px;}
.px,.stk-x{width:36px;height:36px;border-radius:50%;border:1px solid rgba(201,168,76,.25);background:rgba(10,10,15,.4);color:var(--w2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s,border-color .2s;font-size:0;}
.px:hover,.stk-x:hover{color:var(--gold);border-color:var(--gold);}
.pop-ico{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,rgba(201,168,76,.2),rgba(201,168,76,.05));border:1px solid rgba(201,168,76,.35);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.pop-h{font-family:var(--fd);font-size:32px;font-weight:600;color:var(--w);margin-bottom:8px;line-height:1.05;}
.pop-h em{font-style:italic;color:var(--gold);}
.pop-p{font-size:13px;color:var(--w2);line-height:1.75;margin-bottom:24px;}
.pop-btns{display:flex;gap:10px;flex-wrap:wrap;}
.sheet-handle{display:none;}
@media(max-width:640px){
  .pov{align-items:flex-end;padding:0;}
  .pbox{width:100%;max-width:100%;border-radius:22px 22px 0 0;transform:translateY(100%);padding:22px 20px calc(26px + env(safe-area-inset-bottom));}
  .pov.on .pbox{transform:translateY(0);}
  .sheet-handle{display:block;width:42px;height:4px;border-radius:4px;background:rgba(245,240,232,.22);margin:0 auto 14px;}
  .pop-btns .btn{flex:1;text-align:center;padding:14px 18px;}
}

/* ── KIT COMPARTIDO DE LAS PÁGINAS ── */
.stk-hero{position:relative;overflow:hidden;padding:150px 60px 64px;background:radial-gradient(ellipse 60% 70% at 85% 0%,rgba(201,168,76,.10),transparent 60%),var(--n2);border-bottom:1px solid rgba(201,168,76,.08);}
.stk-hero .ht{margin-bottom:14px;}
.stk-hero .sub{max-width:600px;}
.stk-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;}
.stk-wrap{max-width:1100px;margin:0 auto;}
.stk-sec{padding:70px 60px 100px;}
@keyframes stkUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
.stk-in{opacity:0;animation:stkUp .8s cubic-bezier(.16,1,.3,1) forwards;}
.stk-in.d1{animation-delay:.12s}.stk-in.d2{animation-delay:.24s}.stk-in.d3{animation-delay:.36s}.stk-in.d4{animation-delay:.48s}

/* contadores */
.stk-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px;}
.stk-count{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(201,168,76,.12);border-radius:16px;padding:16px 18px;min-width:0;display:flex;gap:12px;align-items:center;}
.stk-count-ico{width:40px;height:40px;border-radius:12px;background:rgba(201,168,76,.09);border:1px solid rgba(201,168,76,.2);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.stk-count-ico.ok{background:rgba(82,201,138,.1);border-color:rgba(82,201,138,.3);color:var(--ok);}
.stk-count-ico.er{background:rgba(224,82,82,.1);border-color:rgba(224,82,82,.3);color:var(--er2);}
.stk-count-n{font-family:var(--fd);font-size:28px;font-weight:600;color:var(--w);line-height:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.stk-count-n small{font-family:var(--fu);font-size:12px;color:var(--w2);font-weight:500;margin-left:3px;}
.stk-count-l{font-size:11px;color:var(--w2);margin-top:4px;display:block;line-height:1.3;}
.stk-count>div{min-width:0;}
@media(max-width:900px){.stk-counters{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* buscador + pastillas */
.stk-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px;}
.stk-search{position:relative;flex:1 1 260px;min-width:0;}
.stk-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gold);pointer-events:none;}
.stk-search input{width:100%;padding:13px 40px 13px 42px;border-radius:13px;background:var(--card);border:1px solid rgba(201,168,76,.16);color:var(--w);font-family:var(--fu);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none;}
.stk-search input::placeholder{color:rgba(245,240,232,.32);}
.stk-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.12);}
.stk-search input::-webkit-search-cancel-button{display:none;}
.stk-search-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:none;background:rgba(245,240,232,.06);color:var(--w2);display:none;align-items:center;justify-content:center;cursor:pointer;}
.stk-search.lleno .stk-search-x{display:flex;}
.stk-pills{display:flex;gap:8px;flex-wrap:wrap;}
.stk-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;font-family:var(--fu);font-size:12px;font-weight:600;color:var(--w2);background:var(--card);border:1px solid rgba(201,168,76,.14);cursor:pointer;transition:all .2s;white-space:nowrap;}
.stk-pill:hover{color:var(--w);border-color:rgba(201,168,76,.4);}
.stk-pill.on{color:var(--n0);background:linear-gradient(135deg,var(--gd),var(--gold));border-color:var(--gold);}
.stk-pill b{font-family:var(--fm);font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(201,168,76,.12);color:var(--gold);}
.stk-pill.on b{background:rgba(6,6,12,.2);color:var(--n0);}
.stk-pill .dot{width:7px;height:7px;border-radius:50%;}
.stk-pills.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);}
.stk-pills.scroll::-webkit-scrollbar{display:none;}
.stk-result{font-size:12px;color:var(--w2);margin:-8px 0 16px;font-family:var(--fm);letter-spacing:.5px;}

/* botón secundario pequeño */
.stk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:12px;background:var(--card);border:1px solid rgba(201,168,76,.2);color:var(--w);font-family:var(--fu);font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap;}
.stk-btn:hover{border-color:var(--gold);color:var(--gold);}
.stk-btn.gold{background:linear-gradient(135deg,var(--gd),var(--gold));color:var(--n0);border-color:transparent;}
.stk-btn.gold:hover{color:var(--n0);box-shadow:0 8px 22px rgba(201,168,76,.35);}
.stk-btn[disabled]{opacity:.5;pointer-events:none;}

/* tarjeta y vacío */
.stk-card{background:var(--card);border:1px solid rgba(201,168,76,.1);border-radius:18px;}
.stk-empty{text-align:center;padding:48px 20px;border:1px dashed rgba(201,168,76,.2);border-radius:18px;color:var(--w2);}
.stk-empty-ico{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.2);color:var(--gold);display:flex;align-items:center;justify-content:center;}
.stk-empty b{display:block;color:var(--w);font-size:15px;margin-bottom:4px;}
.stk-empty p{font-size:13px;}

/* aviso flotante (toast) */
.stk-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,140%);z-index:9600;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 14px;border-radius:14px;background:rgba(28,28,40,.96);backdrop-filter:blur(12px);border:1px solid rgba(201,168,76,.35);box-shadow:0 18px 50px rgba(0,0,0,.55);color:var(--w);font-size:13px;font-weight:600;transition:transform .4s cubic-bezier(.16,1,.3,1);max-width:calc(100vw - 32px);}
.stk-toast.on{transform:translate(-50%,0);}
.stk-toast svg{color:var(--gold);flex-shrink:0;}
.stk-toast button{margin-left:6px;}

/* ventana (en computador al centro, en celular desde abajo) */
.stk-ov{position:fixed;inset:0;z-index:9500;background:rgba(6,6,12,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .3s;}
.stk-ov.on{opacity:1;pointer-events:auto;}
.stk-sheet{position:relative;width:100%;max-width:620px;max-height:88vh;max-height:88dvh;overflow:clip;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(201,168,76,.22);border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.6);transform:translateY(16px) scale(.98);transition:transform .4s cubic-bezier(.16,1,.3,1);}
.stk-ov.on .stk-sheet{transform:none;}
.stk-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 14px;border-bottom:1px solid rgba(201,168,76,.1);background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.02));}
.stk-sheet-head h3{font-family:var(--fd);font-size:24px;font-weight:600;color:var(--w);line-height:1.15;margin:0;}
.stk-sheet-head h3 em{color:var(--gold);font-style:italic;}
.stk-sheet-body{padding:18px 22px 24px;overflow-y:auto;overscroll-behavior:contain;}
@media(max-width:640px){
  .stk-ov{align-items:flex-end;padding:0;}
  .stk-sheet{max-width:100%;border-radius:22px 22px 0 0;transform:translateY(100%);max-height:90vh;max-height:90dvh;}
  .stk-sheet::before{content:"";display:block;width:42px;height:4px;border-radius:4px;background:rgba(245,240,232,.22);margin:10px auto 0;flex-shrink:0;}
  .stk-sheet-body{padding-bottom:calc(24px + env(safe-area-inset-bottom));}
}

/* chips con chulito (reemplazan "✓" escrito) */
.chip-ok{display:inline-flex;align-items:center;gap:7px;}
.chip-ok::before{content:"";width:13px;height:13px;flex-shrink:0;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;}

/* íconos dentro de tarjetas antiguas que usaban emoji */
.ico-tile{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,rgba(201,168,76,.16),rgba(201,168,76,.04));border:1px solid rgba(201,168,76,.28);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:all .35s;}
.ico-tile .ic{width:24px;height:24px;}
.card:hover .ico-tile{background:linear-gradient(135deg,var(--gd),var(--gold));color:var(--n0);border-color:transparent;box-shadow:0 8px 22px rgba(201,168,76,.3);}

@media(max-width:1024px){.stk-hero{padding:120px 22px 48px;}.stk-sec{padding:48px 22px 80px;}}
@media(max-width:600px){.stk-hero{padding:108px 18px 40px;}.stk-sec{padding:36px 16px 70px;}.stk-count{padding:13px;gap:10px;}.stk-count-ico{width:34px;height:34px;}.stk-count-n{font-size:23px;}}

/* Respetar "reducir movimiento" */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
  .rv,.stk-in{opacity:1!important;transform:none!important;}
  .mq-in{animation:none!important;}
}
[hidden]{display:none!important;}
/* Elementos que esperan fuera de pantalla: invisibles hasta abrirse (no se pueden enfocar ni asomar) */
.ckb{visibility:hidden;transition:transform .5s var(--ease),visibility 0s linear .5s;}
.ckb.on{visibility:visible;transition:transform .5s var(--ease),visibility 0s;}
.mnav{visibility:hidden;transition:transform .5s var(--ease),visibility 0s linear .5s!important;}
.mnav.on{visibility:visible;transition:transform .5s var(--ease),visibility 0s!important;}
a.stk-pill,a.stk-btn{text-decoration:none;}
.pov{z-index:9550;}
body:has(.pov.on) .waf,body:has(.pov.on) .aichat,body:has(.stk-ov.on) .waf,body:has(.stk-ov.on) .aichat,body:has(.exit-ov.show) .waf,body:has(.exit-ov.show) .aichat,body:has(.nav-pais-drop.open) .waf,body:has(.nav-pais-drop.open) .aichat{opacity:0!important;pointer-events:none!important;}
.mnav-pais-btn .nav-pais-code{display:inline!important;}