/* Tinystall — tema claro para páginas secundarias (activar, legal, gracias, 404).
   Se carga DESPUÉS de estilos.css y del <style> de cada página; solo cambia colores. */
:root{
  --fondo:#ffffff;
  --fondo-2:#f6f7f9;
  --superficie:#f6f7f9;
  --superficie-hover:#eef0f3;
  --borde:#e6e8ec;
  --borde-fuerte:#d5d9e0;
  --glow:transparent;
  --texto:#10141b;
  --texto-2:#4a5260;
  --texto-3:#6b7280;
  --inverso:#ffffff;
  --acento:#d9921c;
  color-scheme:light;
}
body{background:var(--fondo);color:var(--texto)}
::selection{background:#10141b;color:#fff}
:focus-visible{outline-color:#10141b}
.rayos,.vitrina-luz{display:none}

/* navegación */
.nav{background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--borde)}
.nav-menu span{background:#10141b;box-shadow:0 -5px 0 #10141b,0 5px 0 #10141b}
.idioma button[aria-pressed="true"]{background:#10141b;color:#fff}

/* tarjetas */
.vidrio{background:#fff;box-shadow:0 0 0 1px var(--borde),0 12px 32px -18px rgba(16,20,27,.18)}
.vidrio-luz{background-image:none}

/* botones */
.boton{box-shadow:inset 0 0 0 1px var(--borde-fuerte)}
.boton:hover{background:var(--superficie-hover);box-shadow:inset 0 0 0 1px #b9bfc9}
.boton-solido,.boton-solido:hover{background:#10141b;color:#fff;box-shadow:none}
.boton-solido:hover{background:#262c36}
.boton-solido .boton-circulo{background:#f3b13a;color:#10141b}
.boton-circulo{background:#10141b;color:#fff}
.boton-icono-txt{background:#fff;box-shadow:inset 0 0 0 1px var(--borde-fuerte);color:var(--texto)}
.boton-icono-txt:hover{background:var(--superficie);box-shadow:inset 0 0 0 1px #b9bfc9}

/* activar */
.act-icono{background:#fff5e3;color:#8a5a00;box-shadow:inset 0 0 0 1px #f6dca8}
.act-icono.ok{background:#e3f6ea;color:#126b43;box-shadow:inset 0 0 0 1px #b7e4c8}
.ruedita{border-color:#e6e8ec;border-top-color:#d9921c}
.clave,.campo-act select,.campo-act textarea,.campo input,.campo textarea{background:#fff;color:#10141b;border-color:var(--borde-fuerte)}
.clave:focus,.campo-act select:focus,.campo-act textarea:focus,.campo input:focus,.campo textarea:focus{border-color:#10141b}
.campo input::placeholder{color:#9aa1ad}
.error-act{color:#b42318}
.aviso-vivo{background:#10141b;color:#fff;box-shadow:0 10px 30px rgba(16,20,27,.25)}
.etiqueta{color:var(--texto-2)}
.enlace{color:var(--texto)}
.gris{color:var(--texto-2)}

@media (prefers-reduced-motion:reduce){.ruedita{border-top-color:#e6e8ec;border-right-color:#d9921c}}
.marca-icono [fill="#fff"]{fill:#10141b}
.marca-icono [stroke="#fff"]{stroke:#10141b}