/* =====================================================================
   public/web/recursos/kontiva-simple.css — las paginas simples con la
   cara de Kontiva (recuperar clave, terminos y privacidad).

   Se carga DESPUES de web.css: no cambia el HTML de esas paginas, solo
   lleva sus variables a la paleta de Kontiva (azul claro #6CC4FF, negro
   #0A0B0D, blanco y gris claro #EEF1F5) y a sus tipografias.
   ===================================================================== */
:root{
  --verde:#0A0B0D; --verde-2:#0B6FB8; --verde-3:#0A0B0D; --verde-claro:#B9E3FF; --verde-fondo:#EEF1F5;
  --amarillo:var(--sky,#6CC4FF); --amarillo-2:#B9E3FF; --amarillo-fondo:#E2F3FF;
  --crema:#EEF1F5; --linea:#DCE2EA; --tinta:#0A0B0D; --gris:#5B6675; --gris-2:#5B6675;
  --f-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-disp:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;
  --sombra:0 30px 60px -30px rgba(11,111,184,.35);
}
.we-h{letter-spacing:-.02em;line-height:1.05}
.we-hd{background:rgba(10,11,13,.86)}
.we-hd.con-sombra{background:rgba(10,11,13,.96)}
.we-logo{align-items:center;gap:10px}
.we-logo b.wm{font-family:var(--f-disp);font-weight:800;font-size:23px;letter-spacing:-.03em;color:#FFFFFF}
.we-b{border-radius:999px}
.we-b.ama{color:#0A0B0D;box-shadow:none}
.we-b.ama:hover{background:#B9E3FF;box-shadow:0 8px 30px -6px rgba(108,196,255,.6)}
.we-b.ver{background:#0A0B0D}
.we-b.ver:hover{background:#1E232B}
.we-pie{background:#0A0B0D;color:#A7B0BD}
:focus-visible{outline-color:#6CC4FF}
.we-simple{background:radial-gradient(800px 400px at 100% 0%,rgba(108,196,255,.18),transparent 60%),var(--crema)}
.we-inp:focus{box-shadow:0 0 0 4px rgba(108,196,255,.25)}
.we-hd{background:rgba(10,11,13,.94)}