/* FLAT 2026 · estilos comunes de las páginas internas (panel y acreditaciones) */
:root{
  --lila:#9999ff; --azul:#3333cb; --rosa:#ff9898; --gris:#cccccc; --uva:#9900cc; --cata:#30d618;
  --celeste:#0074ff; --verde:#ccff00; --magenta:#e6005c; --celclaro:#8ecddd;
  --bg:#000; --fg:#fff; --mut:#8a8a8a; --line:rgba(255,255,255,.14); --card:rgba(255,255,255,.04);
}
*{ box-sizing:border-box; }
html,body{ margin:0; background:var(--bg); color:var(--fg); font-family:'Roboto',system-ui,sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a{ color:inherit; }
.mono{ font-family:'Geist Mono',ui-monospace,monospace; }
/* fondo de partículas de la web (comun/fondo.js) + velo para que el texto se lea */
#fondo1-holder{ position:fixed; inset:0; z-index:0; }
#fondo1-holder canvas{ display:block; }
.fondo-velo{ position:fixed; inset:0; z-index:0; pointer-events:none; background:radial-gradient(120% 90% at 50% 50%, rgba(0,0,0,.35), rgba(0,0,0,.72)); }
#fx{ position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.55; }
.wrap{ position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:1.4rem 1rem 4rem; }
.kick{ font-family:'Geist Mono',ui-monospace,monospace; text-transform:uppercase; letter-spacing:.16em; font-size:.62rem; color:var(--lila); }
h1.t{ font-family:'Geist Mono',ui-monospace,monospace; text-transform:uppercase; letter-spacing:.18em; font-weight:400; font-size:clamp(1.25rem,3.4vw,1.9rem); margin:.4rem 0 .3rem; }
.sub{ font-family:'Geist Mono',ui-monospace,monospace; font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; color:var(--mut); }
.btn{ font-family:'Geist Mono',ui-monospace,monospace; text-transform:uppercase; letter-spacing:.09em; font-size:.68rem; color:#fff; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.3); padding:.7rem 1rem; cursor:pointer; transition:background .2s,color .2s,border-color .2s; text-decoration:none; display:inline-flex; align-items:center; gap:.5rem; }
.btn:hover{ background:var(--verde); color:#000; border-color:var(--verde); }
.btn.sm{ font-size:.58rem; padding:.45rem .7rem; }
.btn.on{ background:var(--verde); color:#000; border-color:var(--verde); }
input,select{ font:inherit; color:#fff; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.25); padding:.75rem .9rem; border-radius:0; outline:none; width:100%; }
input:focus,select:focus{ border-color:var(--lila); }
.card{ background:var(--card); border:1px solid var(--line); padding:1rem; }
.h2{ font-family:'Geist Mono',ui-monospace,monospace; text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; color:#fff; margin:0 0 .9rem; display:flex; align-items:center; gap:.6rem; }
.h2 i{ display:inline-block; width:8px; height:8px; background:var(--c,var(--verde)); }
.hide{ display:none !important; }
@media (prefers-reduced-motion: reduce){ *{ transition-duration:.01s !important; animation-duration:.01s !important; } }