/* mjcollection/anco-script/mj.css — estilos de MJ Collection (paleta dorada/oscura del prototipo). */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#c9a84c;--gold2:#f0c060;--gold3:#ffdf80;
  --dark:#060608;--dark2:#0a0b10;--dark3:#111320;
  --white:#f0f0f0;--muted:rgba(255,255,255,.45);--line:rgba(255,255,255,.08);
  --blue:#4a90d9;--green:#5dba5d;--red:#e05050;--ebay:#e53238;
  --font-display:'Bebas Neue',sans-serif;--font-ui:'Oswald',sans-serif;--font-body:'Rajdhani',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--white);font-family:var(--font-body);font-size:16px;overflow-x:hidden;min-height:100vh}
a{color:var(--gold)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
[hidden]{display:none!important}
#canvas-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main{position:relative;z-index:1}

/* NAV */
.mj-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:rgba(6,6,8,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(201,168,76,.18)}
.nav-logo{font-family:var(--font-display);font-size:2rem;letter-spacing:3px;color:var(--gold);text-shadow:0 0 20px rgba(201,168,76,.5);text-decoration:none;line-height:1}
.nav-logo span{color:rgba(255,255,255,.3);font-size:.7rem;letter-spacing:5px;display:block;font-family:var(--font-ui);font-weight:300;text-shadow:none}
.nav-links{display:flex;gap:.35rem;align-items:center}
.nav-link{font-family:var(--font-ui);font-size:.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:8px 16px;border:1px solid transparent;border-radius:3px;color:rgba(255,255,255,.5);text-decoration:none;transition:all .3s}
.nav-link:hover,.nav-link.active{color:var(--gold);border-color:var(--gold);background:rgba(201,168,76,.07)}
.nav-registro{background:var(--gold);color:var(--dark);border-color:var(--gold)}
.nav-registro:hover{background:var(--gold3);color:var(--dark)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:0}
.hamburger span{width:24px;height:2px;background:var(--gold)}

/* BOTONES */
.btn-primary,.btn-secondary{display:inline-block;font-family:var(--font-ui);font-size:.82rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:14px 32px;border-radius:2px;cursor:pointer;transition:all .3s;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);text-decoration:none;text-align:center}
.btn-primary{background:var(--gold);color:var(--dark);border:none}
.btn-primary:hover{background:var(--gold3);transform:translateY(-2px);box-shadow:0 8px 30px rgba(201,168,76,.4)}
.btn-primary:disabled{background:#555;color:#999;cursor:not-allowed;transform:none;box-shadow:none}
.btn-secondary{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.25)}
.btn-secondary:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.btn-mini{font-family:var(--font-ui);font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:4px;border:1px solid rgba(201,168,76,.4);background:rgba(201,168,76,.08);color:var(--gold);cursor:pointer}
.btn-mini:hover{background:var(--gold);color:var(--dark)}
.btn-mini.peligro{border-color:rgba(224,80,80,.45);background:rgba(224,80,80,.08);color:var(--red)}
.btn-mini.peligro:hover{background:var(--red);color:#fff}
.btn-mini.azul{border-color:rgba(74,144,217,.45);background:rgba(74,144,217,.08);color:var(--blue)}

/* SECCIONES */
.section{position:relative;z-index:1;min-height:100vh;padding:calc(64px + 3rem) 2rem 4rem}
.section-label{font-family:var(--font-ui);font-size:.68rem;letter-spacing:8px;color:var(--gold);text-transform:uppercase;margin-bottom:1rem}
.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);letter-spacing:4px;margin-bottom:2.2rem;line-height:.93}
.section-title span{color:var(--gold)}
.centro{text-align:center}
.pagina-contenido{max-width:1100px;margin:0 auto;padding:calc(64px + 3rem) 1.2rem 4rem}

/* HOME */
#home{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-top:64px}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(201,168,76,.06) 0%,transparent 70%)}
.hero-number{position:absolute;font-family:var(--font-display);font-size:clamp(200px,35vw,480px);color:rgba(255,255,255,.028);line-height:1;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;letter-spacing:-10px;user-select:none}
.hero-content{position:relative;z-index:2;text-align:center;padding:2rem}
.hero-eyebrow{font-family:var(--font-ui);font-size:.7rem;letter-spacing:8px;color:var(--gold);text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s .3s forwards}
.hero-title{font-family:var(--font-display);font-size:clamp(60px,12vw,160px);line-height:.88;margin-bottom:1rem;opacity:0;animation:fadeUp .8s .5s forwards;letter-spacing:4px}
.hero-title .gold{color:var(--gold);text-shadow:0 0 40px rgba(201,168,76,.4)}
.hero-sub{font-size:clamp(1rem,2vw,1.3rem);color:rgba(255,255,255,.45);letter-spacing:2px;margin-bottom:3rem;opacity:0;animation:fadeUp .8s .7s forwards}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .9s forwards}
.hero-stats{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:center;gap:3rem;opacity:0;animation:fadeUp .8s 1.1s forwards;flex-wrap:wrap;padding:0 1rem}
.hero-stat{text-align:center}
.hero-stat-n{font-family:var(--font-display);font-size:2.5rem;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}
.hero-stat-l{font-family:var(--font-ui);font-size:.62rem;letter-spacing:3px;color:rgba(255,255,255,.4);text-transform:uppercase}

/* COTW */
.cotw-section{padding:5rem 2rem;text-align:center;position:relative;z-index:1}
.cotw-wrapper{display:flex;align-items:center;justify-content:center;gap:4rem;flex-wrap:wrap;max-width:1100px;margin:0 auto}
.cotw-card-3d{perspective:1000px;cursor:pointer}
.cotw-card-inner{width:260px;height:380px;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,.2,.2,1);border-radius:12px}
.cotw-card-3d:hover .cotw-card-inner,.cotw-card-3d:focus-within .cotw-card-inner{transform:rotateY(180deg)}
.cotw-card-front,.cotw-card-back{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;overflow:hidden}
.cotw-card-front{background:linear-gradient(135deg,#1a1208 0%,#2d1f06 40%,#1a1208 100%);border:1px solid rgba(201,168,76,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}
.cotw-card-back{background:linear-gradient(135deg,#0d1a2d 0%,#1a2d4a 50%,#0d1a2d 100%);border:1px solid rgba(100,149,237,.35);transform:rotateY(180deg);display:flex;flex-direction:column;padding:1.5rem;gap:.45rem;text-align:left}
.card-year-badge{font-family:var(--font-display);font-size:3rem;color:var(--gold);text-shadow:0 0 30px rgba(201,168,76,.6);line-height:1}
.card-brand{font-family:var(--font-ui);font-size:.62rem;letter-spacing:4px;color:rgba(255,255,255,.4);text-transform:uppercase;margin-bottom:.5rem}
.card-name{font-family:var(--font-display);font-size:1.4rem;letter-spacing:3px;text-align:center;line-height:1.1;white-space:pre-line}
.card-number{font-family:var(--font-ui);font-size:.72rem;color:rgba(201,168,76,.7);letter-spacing:2px;margin-top:.5rem}
.card-holo{position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(201,168,76,.07) 50%,transparent 70%);pointer-events:none}
.card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent 0deg,rgba(201,168,76,.04) 60deg,transparent 120deg);animation:shineRot 6s linear infinite;pointer-events:none}
@keyframes shineRot{to{transform:rotate(360deg)}}
.card-back-label{font-family:var(--font-ui);font-size:.58rem;letter-spacing:3px;color:rgba(100,149,237,.75);text-transform:uppercase}
.card-back-val{font-family:var(--font-display);font-size:1.1rem}
.card-back-divider{width:100%;height:1px;background:rgba(100,149,237,.15);margin:.2rem 0}
.flip-hint{font-family:var(--font-ui);font-size:.58rem;letter-spacing:3px;color:rgba(255,255,255,.25);text-transform:uppercase;margin-top:1.5rem}
.cotw-info{max-width:400px;text-align:left}
.cotw-week{font-family:var(--font-display);font-size:1.1rem;letter-spacing:4px;color:var(--gold);margin-bottom:.8rem}
.cotw-info h3{font-family:var(--font-display);font-size:2rem;letter-spacing:3px;line-height:1;margin-bottom:.8rem}
.cotw-info p{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:1.3rem}
.cotw-datos{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.3rem}
.price-box{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:6px;padding:.7rem}
.price-box-label{font-family:var(--font-ui);font-size:.55rem;letter-spacing:3px;color:rgba(255,255,255,.35);text-transform:uppercase;margin-bottom:.2rem}
.price-box-val{font-family:var(--font-display);font-size:1.2rem;color:var(--gold)}
.owned-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-size:.65rem;letter-spacing:3px;text-transform:uppercase;padding:6px 14px;border-radius:20px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.4);border:1px solid var(--line)}
.owned-badge.owned{background:rgba(201,168,76,.12);color:var(--gold);border-color:rgba(201,168,76,.3)}
.owned-badge.wish{color:var(--blue);border-color:rgba(74,144,217,.3)}

/* GALERÍA */
.era-tabs{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}
.era-tab{font-family:var(--font-ui);font-size:.68rem;letter-spacing:2px;text-transform:uppercase;padding:7px 16px;border:1px solid var(--line);border-radius:20px;cursor:pointer;color:rgba(255,255,255,.45);background:none;transition:all .3s}
.era-tab:hover,.era-tab.active{background:var(--gold);color:var(--dark);border-color:var(--gold);font-weight:700}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:1.4rem;max-width:1200px;margin:0 auto}
.gallery-item{background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.055);border-radius:8px;overflow:hidden;transition:all .4s;cursor:pointer;position:relative;text-align:left;padding:0}
.gallery-item:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(201,168,76,.38);box-shadow:0 20px 40px rgba(0,0,0,.5)}
.gallery-card-art{height:130px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0d0d0d,#1a1a1a);font-size:2rem}
.owned-item .gallery-card-art{background:linear-gradient(135deg,#1a1208,#2d1f06)}
.wish-item .gallery-card-art{background:linear-gradient(135deg,#0d1a2d,#1a2d4a)}
.gallery-card-year{font-family:var(--font-display);font-size:2.3rem;color:rgba(255,255,255,.1);position:absolute;bottom:-5px;right:8px;line-height:1}
.gallery-card-img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;opacity:0;transform:scale(.96);transition:opacity .45s ease,transform .45s ease;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6));z-index:1}
.gallery-card-img.visible{opacity:1;transform:none}
.gallery-card-art.con-img .gallery-card-icono{opacity:0;transition:opacity .3s}
.gallery-card-art[data-img]:not(.con-img)::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);background-size:200% 100%;animation:mjBrillo 1.4s linear infinite}
@keyframes mjBrillo{from{background-position:120% 0}to{background-position:-80% 0}}
@media (prefers-reduced-motion:reduce){.gallery-card-img{transition:none}.gallery-card-art[data-img]:not(.con-img)::after{animation:none}}
.gallery-card-info{padding:.8rem}
.gallery-card-title{font-size:.85rem;font-weight:700;color:rgba(255,255,255,.85);line-height:1.3;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gallery-card-era{font-family:var(--font-ui);font-size:.55rem;letter-spacing:2px;color:rgba(255,255,255,.3);text-transform:uppercase;margin-bottom:.35rem}
.gallery-status{position:absolute;top:7px;right:7px;font-size:.55rem;letter-spacing:2px;font-family:var(--font-ui);font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:3px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.3);border:1px solid var(--line)}
.st-owned{background:rgba(201,168,76,.18);color:var(--gold);border-color:rgba(201,168,76,.3)}
.st-wish{background:rgba(74,144,217,.18);color:var(--blue);border-color:rgba(74,144,217,.3)}
.carga-estado{text-align:center;padding:2rem;font-family:var(--font-ui);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.carga-estado .punto{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin:0 3px;animation:pulso 1s infinite}
.carga-estado .punto:nth-child(2){animation-delay:.15s}.carga-estado .punto:nth-child(3){animation-delay:.3s}
@keyframes pulso{50%{opacity:.2}}

/* Menú flotante de acciones por set (checklist) */
.menu-flotante{position:fixed;z-index:500;background:#18191f;border:1px solid var(--gold);border-radius:8px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.7);min-width:220px}
.menu-flotante button{display:block;width:100%;text-align:left;background:none;border:0;padding:7px 10px;border-radius:4px;cursor:pointer;font-size:.9rem;color:#ddd}
.menu-flotante button:hover{background:#26272e}
.menu-flotante .tit{color:var(--gold);font-size:.75rem;font-weight:700;padding:4px 10px 8px;border-bottom:1px solid #333;margin-bottom:4px;font-family:var(--font-ui);letter-spacing:1px}
.carga-estado{text-align:center;padding:2rem;font-family:var(--font-ui);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.carga-estado .punto{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin:0 3px;animation:pulso 1s infinite}
.carga-estado .punto:nth-child(2){animation-delay:.15s}.carga-estado .punto:nth-child(3){animation-delay:.3s}
@keyframes pulso{50%{opacity:.2}}
.vacio{text-align:center;padding:3rem 1rem;color:#777}
.chip{display:inline-block;font-family:var(--font-ui);font-size:.6rem;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:10px;border:1px solid var(--line);color:rgba(255,255,255,.6);white-space:nowrap}

/* MODALES */
.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:600;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(4px)}
.modal-bg.open{display:flex}
.modal-box{background:#111320;border:1px solid rgba(201,168,76,.3);border-radius:10px;padding:1.6rem;width:100%;max-width:540px;max-height:90vh;overflow-y:auto}
.modal-title{font-family:var(--font-display);font-size:1.5rem;letter-spacing:3px;color:var(--gold);margin-bottom:1rem}
.mrow{margin-bottom:.8rem}
.mrow label{display:block;font-family:var(--font-ui);font-size:.62rem;letter-spacing:2px;color:rgba(255,255,255,.45);text-transform:uppercase;margin-bottom:4px}
.mrow input,.mrow select,.mrow textarea{width:100%;padding:9px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:5px;color:var(--white);outline:none}
.mrow select{background:#15161d}
.mrow input:focus,.mrow select:focus,.mrow textarea:focus{border-color:var(--gold)}
.mrow textarea{resize:vertical;min-height:70px}
.mrow2{display:flex;gap:.7rem}.mrow2 .mrow{flex:1}
.modal-btns{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.2rem;flex-wrap:wrap}

/* ACCESO */
.mj-acceso-body{background:radial-gradient(ellipse 70% 60% at 50% 20%,rgba(201,168,76,.08),transparent 70%),var(--dark)}
.mj-acceso{max-width:480px;margin:0 auto;padding:3rem 1.2rem 4rem}
.acceso-logo{display:block;text-align:center;margin-bottom:2rem}
.acceso-caja{background:rgba(17,19,32,.92);border:1px solid rgba(201,168,76,.25);border-radius:12px;padding:1.8rem}
.acceso-titulo{font-family:var(--font-display);font-size:2.2rem;letter-spacing:3px;line-height:1;margin-bottom:.4rem}
.acceso-sub{color:rgba(255,255,255,.5);margin-bottom:1.4rem;line-height:1.4}
.tabs-acceso{display:flex;border:1px solid rgba(201,168,76,.3);border-radius:6px;overflow:hidden;margin-bottom:1.2rem}
.tabs-acceso button{flex:1;padding:9px;background:none;border:0;cursor:pointer;font-family:var(--font-ui);letter-spacing:1.5px;text-transform:uppercase;font-size:.72rem;color:rgba(255,255,255,.55)}
.tabs-acceso button[aria-selected="true"]{background:var(--gold);color:var(--dark);font-weight:700}
.campo{margin-bottom:.9rem}
.campo label{display:block;font-family:var(--font-ui);font-size:.66rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:5px}
.campo input{width:100%;padding:11px 13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:6px;color:var(--white);outline:none;font-size:1rem}
.campo input:focus{border-color:var(--gold)}
.campo .ayuda{font-size:.8rem;color:rgba(255,255,255,.4);margin-top:4px}
.terminos-check{display:flex;gap:10px;align-items:flex-start;padding:.8rem;border:1px solid rgba(201,168,76,.25);border-radius:6px;background:rgba(201,168,76,.05);margin:1rem 0;font-size:.92rem;line-height:1.4}
.terminos-check input{margin-top:3px;width:18px;height:18px;accent-color:var(--gold);flex-shrink:0}
.acceso-caja .btn-primary{width:100%}
.separador{display:flex;align-items:center;gap:10px;margin:1.3rem 0;color:rgba(255,255,255,.35);font-family:var(--font-ui);font-size:.66rem;letter-spacing:2px;text-transform:uppercase}
.separador::before,.separador::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}
.google-zona{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:44px}
.google-zona .bloqueo{font-size:.82rem;color:rgba(255,255,255,.45);text-align:center}
.google-off{font-size:.82rem;color:rgba(255,255,255,.4);text-align:center}
.alerta{padding:.8rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.95rem;line-height:1.4}
.alerta.error{background:rgba(224,80,80,.1);border:1px solid rgba(224,80,80,.4);color:#f0a0a0}
.alerta.ok{background:rgba(93,186,93,.1);border:1px solid rgba(93,186,93,.4);color:#9be09b}
.alerta.info{background:rgba(74,144,217,.1);border:1px solid rgba(74,144,217,.4);color:#a8cdf0}
.acceso-pie{text-align:center;margin-top:1.2rem;color:rgba(255,255,255,.5);font-size:.95rem}
.terminos-doc{background:rgba(17,19,32,.92);border:1px solid rgba(201,168,76,.25);border-radius:12px;padding:1.8rem;line-height:1.65;color:#cfcfcf}
.terminos-doc h1{font-family:var(--font-display);letter-spacing:2px;color:var(--gold);font-size:2rem;line-height:1.1;margin-bottom:.4rem}
.terminos-doc h2{font-family:var(--font-ui);font-size:.95rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold2);margin:1.4rem 0 .5rem}
.terminos-doc p,.terminos-doc li{margin-bottom:.5rem}
.terminos-doc ul{padding-left:1.2rem}
.terminos-doc .version{color:rgba(255,255,255,.45);font-size:.9rem;margin-bottom:1rem}
.mj-acceso.ancho{max-width:820px}

/* PLANES */
.planes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.plan-card{background:rgba(17,19,32,.9);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.4rem;display:flex;flex-direction:column;gap:.6rem;position:relative}
.plan-card.destacado{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 20px 50px rgba(201,168,76,.12)}
.plan-card.actual{border-color:var(--green)}
.plan-nombre{font-family:var(--font-display);font-size:1.8rem;letter-spacing:2px}
.plan-precio{font-family:var(--font-display);font-size:2.6rem;color:var(--gold);line-height:1}
.plan-precio small{font-family:var(--font-ui);font-size:.7rem;letter-spacing:2px;color:rgba(255,255,255,.5);text-transform:uppercase}
.plan-desc{color:rgba(255,255,255,.6);flex:1;line-height:1.4}
.plan-limite{font-family:var(--font-ui);font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold2)}
.plan-etiqueta{position:absolute;top:-10px;right:14px;background:var(--gold);color:var(--dark);font-family:var(--font-ui);font-size:.6rem;letter-spacing:1.5px;padding:3px 8px;border-radius:3px;font-weight:700;text-transform:uppercase}
.plan-card.actual .plan-etiqueta{background:var(--green)}

/* PANEL (micuenta / admin) */
.panel-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:1.2rem;max-width:1240px;margin:0 auto;padding:calc(64px + 1.5rem) 1.2rem 3rem}
.panel-menu{position:sticky;top:calc(64px + 1rem);align-self:start;background:rgba(17,19,32,.9);border:1px solid rgba(201,168,76,.18);border-radius:10px;padding:.8rem}
.panel-menu .quien{padding:.4rem .5rem .8rem;border-bottom:1px solid var(--line);margin-bottom:.5rem}
.panel-menu .quien b{display:block;font-size:1.05rem}
.panel-menu .quien span{font-family:var(--font-ui);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
.panel-menu a{display:flex;justify-content:space-between;align-items:center;padding:.55rem .6rem;border-radius:6px;color:rgba(255,255,255,.7);text-decoration:none;font-weight:600}
.panel-menu a:hover{background:rgba(255,255,255,.04);color:var(--white)}
.panel-menu a.active{background:rgba(201,168,76,.12);color:var(--gold)}
.panel-menu .cuenta-num{font-family:var(--font-ui);font-size:.7rem;background:var(--gold);color:var(--dark);border-radius:9px;padding:0 7px}
.panel-main{min-width:0}
.panel-titulo{font-family:var(--font-display);font-size:2.4rem;letter-spacing:3px;line-height:1;margin-bottom:.3rem}
.panel-sub{color:rgba(255,255,255,.5);margin-bottom:1.3rem}
.caja{background:rgba(17,19,32,.9);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1.2rem;margin-bottom:1rem}
.caja h2{font-family:var(--font-ui);font-size:.85rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;font-weight:600}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin-bottom:1rem}
.kpi{background:rgba(17,19,32,.9);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem}
.kpi span{display:block;font-family:var(--font-ui);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45)}
.kpi b{font-family:var(--font-display);font-size:2rem;color:var(--gold);font-weight:400;letter-spacing:1px;font-variant-numeric:tabular-nums}
.tabla-wrap{overflow-x:auto}
table.tabla{width:100%;border-collapse:collapse;font-size:.92rem}
.tabla th{text-align:left;font-family:var(--font-ui);font-size:.62rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.45);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.tabla td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}
.tabla tr:hover td{background:rgba(255,255,255,.02)}
.tabla .num{text-align:right;font-variant-numeric:tabular-nums}
.chip{display:inline-block;font-family:var(--font-ui);font-size:.6rem;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:10px;border:1px solid var(--line);color:rgba(255,255,255,.6);white-space:nowrap}
.chip.PE,.chip.AB{border-color:rgba(240,192,96,.5);color:var(--gold2)}
.chip.AP,.chip.RS{border-color:rgba(93,186,93,.5);color:var(--green)}
.chip.RE,.chip.AN,.chip.CE{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.5)}
.chip.EP{border-color:rgba(74,144,217,.5);color:var(--blue)}
.chip.A{border-color:rgba(224,80,80,.5);color:var(--red)}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}
.hilo{display:grid;gap:.6rem;margin:1rem 0}
.msg{padding:.8rem 1rem;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--line);max-width:85%}
.msg.personal{background:rgba(201,168,76,.07);border-color:rgba(201,168,76,.25);margin-left:auto}
.msg.interno{background:rgba(74,144,217,.07);border-color:rgba(74,144,217,.3);border-style:dashed}
.msg .de{font-family:var(--font-ui);font-size:.62rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:4px}
.msg p{white-space:pre-wrap;line-height:1.45}
.fila-acciones{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.comprobante-img{max-width:100%;max-height:70vh;border-radius:6px;border:1px solid var(--line);display:block;margin:0 auto}
.comprobante-pdf{width:100%;height:70vh;border:1px solid var(--line);border-radius:6px}

/* PIE, TOAST, AVISO */
.mj-pie{position:relative;z-index:1;background:rgba(0,0,0,.5);border-top:1px solid rgba(201,168,76,.12);padding:1.6rem;text-align:center}
.mj-pie p{font-family:var(--font-ui);font-size:.66rem;letter-spacing:2px;color:rgba(255,255,255,.35);text-transform:uppercase;line-height:1.8}
.mj-pie strong{color:var(--gold)}
.mj-toast{position:fixed;left:50%;bottom:2rem;transform:translateX(-50%);z-index:900;background:#15161d;border:1px solid var(--gold);color:var(--white);padding:.8rem 1.2rem;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.6);max-width:min(92vw,520px);font-size:1rem}
.mj-toast[data-tipo="error"]{border-color:var(--red)}
.mj-aviso{position:fixed;left:1rem;bottom:1rem;z-index:800;max-width:420px;background:#101116;border:1px solid rgba(201,168,76,.35);border-radius:8px;padding:.9rem 1rem;display:flex;gap:.8rem;align-items:center;font-size:.9rem;color:#bbb;box-shadow:0 10px 30px rgba(0,0,0,.6)}

@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:rgba(201,168,76,.3);border-radius:3px}

@media(max-width:900px){
  .panel-shell{grid-template-columns:1fr}
  .panel-menu{position:static;display:flex;flex-wrap:wrap;gap:.3rem}
  .panel-menu .quien{width:100%}
}
@media(max-width:820px){
  .mj-nav{padding:0 1rem}
  .nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:rgba(6,6,8,.98);flex-direction:column;align-items:stretch;padding:1rem;gap:.25rem;border-bottom:1px solid rgba(201,168,76,.15)}
  .nav-links.open{display:flex}
  .hamburger{display:flex}
  .section{padding:calc(64px + 2rem) 1rem 3rem}
  .cera,.cpaid{display:none}
  .crow{flex-wrap:wrap}
  .ctitle{flex-basis:100%}
  .hero-stats{gap:1.5rem}
  .cotw-wrapper{gap:2rem}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Selector de idioma 🌐 (EN / ES) */
.nav-derecha{display:flex;align-items:center;gap:.4rem;order:3}
.idioma{position:relative;font-family:var(--font-ui)}
.idioma summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;padding:7px 10px;border:1px solid rgba(201,168,76,.35);border-radius:20px;color:var(--gold);font-weight:700;font-size:.78rem;letter-spacing:1.5px;user-select:none;transition:background .2s}
.idioma summary::-webkit-details-marker{display:none}
.idioma summary:hover,.idioma[open] summary{background:rgba(201,168,76,.12)}
.idioma summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.idioma-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:150px;background:#0e0e12;border:1px solid rgba(201,168,76,.3);border-radius:8px;padding:.3rem;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:300;display:grid}
.idioma-menu a{display:flex;gap:.6rem;align-items:center;padding:.55rem .7rem;border-radius:5px;color:rgba(255,255,255,.75);text-decoration:none;font-size:.85rem}
.idioma-menu a b{color:var(--gold);font-size:.72rem;letter-spacing:1px;min-width:1.4rem}
.idioma-menu a:hover{background:rgba(201,168,76,.1);color:#fff}
.idioma-menu a[aria-checked="true"]{background:rgba(201,168,76,.16);color:#fff}
.idioma-menu a[aria-checked="true"]::after{content:"✓";margin-left:auto;color:var(--gold)}
.acceso-idioma{display:flex;justify-content:flex-end;margin-bottom:-1rem}
@media (min-width:821px){.mj-nav .nav-links{margin-left:auto;margin-right:.6rem}}