/* SIMVERSO · simverso.app — hoja común (portada y páginas legales)
   Identidad fija: naranja #FB5B07 sobre azul #191970 · empate lavanda #8A90D8 · visitante #F2F2F7
   Archivo para el texto, JetBrains Mono para los números. Móvil primero. */
@import url("fuentes/fuentes.css");

:root{
  --azul:#191970; --hondo:#14145c; --carta:#1e1e7e; --linea:#2f2f95; --linea2:#4a4ab0; --mut:#ababd8;
  --naranja:#FB5B07; --naranja2:#ff6a1a; --lavanda:#8A90D8; --hueso:#F2F2F7;
  --gut:16px; --ease-out:cubic-bezier(0.23,1,0.32,1); --ease-io:cubic-bezier(0.77,0,0.175,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--azul);color:var(--hueso);-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{background:var(--azul);font-family:"Archivo",system-ui,sans-serif;overflow-x:hidden;line-height:1.45}
img,svg,canvas{display:block}
a{color:inherit}
::selection{background:var(--hueso);color:var(--azul)}
:focus-visible{outline:2px solid var(--hueso);outline-offset:3px;border-radius:4px}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:12px;top:-60px;z-index:20;background:var(--hueso);color:var(--azul);padding:10px 14px;border-radius:6px;font-weight:700;text-decoration:none}
.saltar:focus{top:12px}
.wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--gut)}

/* ---------- botones (un solo par en todo el sitio) ---------- */
.boton{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:6px;text-decoration:none;font:700 16px/1 "Archivo",sans-serif;cursor:pointer;border:0;
  transition:transform 140ms var(--ease-out),background-color 160ms ease,border-color 160ms ease,color 160ms ease}
.boton:active{transform:scale(.97)}
.boton svg{width:16px;height:16px;flex:none;transition:transform 200ms var(--ease-out)}
.b1{background:var(--naranja);color:var(--azul)}
.b2{background:transparent;border:1px solid var(--linea2);color:var(--hueso)}
@media (hover:hover) and (pointer:fine){
  .b1:hover{background:var(--naranja2)} .b1:hover svg{transform:translateX(3px)}
  .b2:hover{border-color:var(--hueso)} .b2:hover svg{transform:translate(2px,-2px)}
}
.enlace{color:var(--hueso);text-decoration:underline;text-decoration-color:var(--linea2);text-underline-offset:3px;transition:text-decoration-color 160ms ease}
@media (hover:hover) and (pointer:fine){ .enlace:hover{text-decoration-color:var(--hueso)} }

/* ---------- barra ---------- */
.barra{display:flex;align-items:center;justify-content:space-between;height:64px;position:relative;z-index:3}
.marca{display:flex;align-items:center;gap:10px;color:var(--hueso);text-decoration:none;min-height:44px}
.marca svg{width:28px;height:28px}
.marca span{font-size:16px;letter-spacing:.02em;font-weight:500}
.marca b{font-weight:800}
.nav{display:flex;align-items:center;gap:4px}
.nav a{color:var(--mut);text-decoration:none;font-size:15px;padding:0 12px;min-height:44px;display:inline-flex;align-items:center;transition:color 160ms ease}
.nav a.txt{display:none}
.nav a.unete{color:var(--azul);background:var(--hueso);border-radius:6px;font-weight:700;padding:0 16px;height:44px;margin-left:6px;transition:transform 140ms var(--ease-out),background-color 160ms ease}
.nav a.unete:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){ .nav a.txt:hover{color:var(--hueso)} .nav a.unete:hover{background:#fff} }

/* ---------- secciones ---------- */
.sec{position:relative;padding:80px 0}
.sec + .sec{border-top:1px solid #23238a}
.eti{display:block;font:500 12px/1 "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:16px}
h2{font-weight:800;font-size:clamp(32px,8.6vw,60px);line-height:1;letter-spacing:-.03em;max-width:16ch}
h2 em{font-style:normal;color:var(--naranja)}
.entrada{margin-top:16px;font-size:17px;color:var(--mut);max-width:44ch}
.entrada b{color:var(--hueso);font-weight:600}

/* ---------- pie ---------- */
.pie-sitio{border-top:1px solid #23238a;padding:48px 0 40px;font-size:14px;color:var(--mut)}
.pie-sitio .fila{display:flex;flex-direction:column;gap:20px}
.pie-sitio nav{display:flex;flex-wrap:wrap;gap:0 4px;margin-left:-10px}
.pie-sitio nav a{color:var(--mut);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 10px;transition:color 160ms ease}
@media (hover:hover) and (pointer:fine){ .pie-sitio nav a:hover{color:var(--hueso)} }
.avisos{margin-top:24px;display:flex;flex-direction:column;gap:6px}
.avisos .rg{color:var(--hueso);font-weight:600}
.avisos .rg span{display:inline-grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--hueso);border-radius:50%;font:700 11px/1 "JetBrains Mono",monospace;margin-right:8px;vertical-align:middle}
.avisos a{color:var(--hueso)}
.copy{margin-top:24px;font-size:13px}

@media (min-width:960px){
  :root{--gut:40px}
  .barra{height:84px}
  .nav a.txt{display:inline-flex}
  .sec{padding:120px 0}
  .entrada{font-size:19px}
  .pie-sitio .fila{flex-direction:row;justify-content:space-between;align-items:center}
}

/* ---------- páginas legales ---------- */
.legal{padding:40px 0 80px;max-width:720px}
.legal h1{font-weight:800;font-size:clamp(32px,7vw,48px);line-height:1.05;letter-spacing:-.03em}
.legal .act{margin-top:10px;font:500 12px/1.4 "JetBrains Mono",monospace;color:var(--mut)}
.legal h2{font-size:22px;letter-spacing:-.01em;margin-top:36px;max-width:none}
.legal p,.legal li{margin-top:12px;color:#d6d6ee;font-size:16px;line-height:1.6}
.legal ul{padding-left:20px}
.legal .rellenar{border:1px dashed var(--naranja);color:#fff;padding:0 4px;border-radius:3px;font-family:"JetBrains Mono",monospace;font-size:.9em}
.legal table{margin-top:14px;border-collapse:collapse;width:100%;font-size:15px}
.legal th,.legal td{border-bottom:1px solid var(--linea);text-align:left;padding:10px 8px 10px 0;vertical-align:top;color:#d6d6ee}
.legal th{color:var(--hueso)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0ms!important;animation-duration:0ms!important}
}