:root{
  --granate:#8B1A1A; --granate-osc:#6d1414; --azul:#1F4E79;
  --tinta:#1a1a1a; --gris:#5b5b5b; --linea:#e3e3e3; --fondo:#f4f5f7;
  --ok:#2E6B4F; --error:#9C2A2A; --radio:12px;
  --sombra:0 10px 30px rgba(0,0,0,.08);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;color:var(--tinta);background:var(--fondo);line-height:1.5}
a{color:var(--azul);text-decoration:none}
a:hover{text-decoration:underline}

.field{display:block;margin:0 0 16px}
.field__label{display:block;font-size:13px;font-weight:600;color:var(--gris);margin-bottom:6px}
.field__input{width:100%;padding:12px 14px;border:1px solid var(--linea);border-radius:10px;font-size:16px;background:#fff}
.field__input:focus{outline:2px solid var(--granate);outline-offset:1px;border-color:var(--granate)}
.field__pass{position:relative;display:block}
.field__toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:18px;cursor:pointer;padding:6px;line-height:1}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border:0;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer}
.btn--primary{background:var(--granate);color:#fff}
.btn--primary:hover{background:var(--granate-osc)}
.btn[disabled]{opacity:.6;cursor:progress}

.alert{padding:11px 14px;border-radius:10px;font-size:14px;margin:0 0 16px}
.alert--error{background:#fbe9e9;color:var(--error);border:1px solid #f2c9c9}
.alert--ok{background:#e7f1eb;color:var(--ok);border:1px solid #c7e2d3}

.muted{color:var(--gris);font-size:14px}

/* Banner de consentimiento de cookies */
.cookie-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;max-width:920px;margin:0 auto;
  background:#fff;border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra);
  padding:16px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cookie-bar__txt{margin:0;flex:1 1 320px;font-size:14px;color:var(--tinta);line-height:1.45}
.cookie-bar__txt a{color:var(--granate);font-weight:600}
.cookie-bar__acts{display:flex;gap:10px;flex:0 0 auto}
.cookie-bar__btn{width:auto;padding:10px 16px;font-size:14px}
.cookie-bar__btn--sec{background:#eee;color:#333}
@media (max-width:520px){ .cookie-bar__acts{flex:1 1 100%} .cookie-bar__btn{flex:1} }