/* Estilos compartidos de las páginas internas de Kumpli (panel, entrar, aviso de privacidad y términos).
   Mismos colores y letra que la landing. */
:root {
  --blanco: #FFFFFF;
  --texto: #0A0A0A;
  --secundario: #424245;
  --tarjeta: #F5F5F7;
  --linea: #E3E3E8;
  --azul: #42A5F5;
  --azul-claro: #64B5F6;
  --azul-medio: #1E88E5;
  --azul-texto: #1565C0;
  --azul-fondo: #E3F2FD;
  --verde-fondo: #E6F4EA;
  --verde-texto: #1E6B34;
  --ambar-fondo: #FFF4D6;
  --ambar-texto: #7A4B00;
  --error: #C62828;
  --azul-boton: linear-gradient(180deg, var(--azul-medio) 0%, var(--azul-texto) 100%);
  --azul-relleno: linear-gradient(180deg, var(--azul-claro) 0%, var(--azul) 45%, var(--azul-medio) 100%);
  --brillo-azul: 0 10px 28px -10px rgba(66, 165, 245, .85), 0 2px 6px -2px rgba(21, 101, 192, .45);
  --sombra-suave: 0 1px 2px rgba(10, 10, 10, .05), 0 10px 30px -14px rgba(10, 10, 10, .18);
  color-scheme: light;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--blanco); color: var(--texto); font-family: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 18px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
a { color: var(--azul-texto); }
:focus-visible { outline: 3px solid var(--azul); outline-offset: 2px; }
.marca { display: inline-flex; align-items: center; gap: 10px; font-weight: 750; font-size: 21px; letter-spacing: -0.02em; color: inherit; text-decoration: none; }
.marca img { width: 28px; height: 28px; }

.boton { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer; font: inherit; font-size: 18px; font-weight: 650; color: var(--blanco); background: var(--azul-boton); border-radius: 999px; padding: 15px 28px; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), var(--brillo-azul); transition: transform .15s ease, filter .15s ease; }
.boton:hover { filter: brightness(1.05); transform: translateY(-1px); }
.boton:active { transform: scale(.97); }
.boton[disabled] { opacity: .55; cursor: default; transform: none; }
.boton.ancho { width: 100%; }
.boton-claro { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer; font: inherit; font-size: 18px; font-weight: 650; color: var(--azul-texto); background: var(--blanco); border-radius: 999px; padding: 14px 24px; text-decoration: none; box-shadow: inset 0 0 0 1.5px var(--linea); }
.boton-claro:hover { box-shadow: inset 0 0 0 1.5px var(--azul-claro); }
@media (prefers-reduced-motion: reduce) { .boton { transition: none; } .boton:hover { transform: none; } }

/* Páginas de texto legal */
.legal { max-width: 760px; margin: 0 auto; padding: 32px 20px 96px; }
.legal header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.legal h1 { font-size: clamp(34px, 6vw, 48px); line-height: 1.08; letter-spacing: -0.03em; margin: 0 0 8px; }
.legal .fecha { color: var(--secundario); margin: 0 0 32px; }
.legal h2 { font-size: 24px; letter-spacing: -0.01em; margin: 40px 0 8px; }
.legal p, .legal li { color: #1D1D1F; }
.legal ul { padding-left: 22px; }
.legal li { margin: 6px 0; }
.legal .resumen { background: var(--tarjeta); border-radius: 22px; padding: 24px; }
.legal .resumen p { margin: 0; }
.pendiente { background: var(--ambar-fondo); color: var(--ambar-texto); border-radius: 6px; padding: 0 6px; font-weight: 650; }