/* Portada general y páginas comunes: estilo sobrio con el azul de la marca. */
@font-face {
  font-family: 'Figtree';
  src: url('../fuentes/figtree-var.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
}
:root {
  --primario: #1F3A5F;
  --primario-hover: #16294A;
  --primario-suave: #E7EDF5;
  --enlace-oscuro: #9DBDE6;
  --fondo: #FFFFFF;
  --fondo-alt: #F5F7F9;
  --tarjeta: #FFFFFF;
  --radio: 12px;
  --radio-boton: 10px;
  --texto: #1B2430;
  --texto-suave: #4B5563;
  --borde: #DDE3EA;
  --oferta: #A4161A;
  --ok: #14663D;
  --fuente: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ancho: 1120px;
  --ancho-texto: 760px;
  --sombra: 0 2px 10px rgba(20, 30, 50, .08);
  --sombra-alta: 0 10px 28px rgba(20, 30, 50, .14);
}
html.text-base { font-size: 16px; }
html.text-lg { font-size: 18px; }
html.text-xl { font-size: 20px; }
.tarjeta h3 a { color: var(--texto); text-decoration: none; }
.tarjeta h3 a:hover { color: var(--primario); }
html.dark-mode .tarjeta h3 a { color: var(--texto); }
@media (min-width: 1040px) { .tarjetas--3 { grid-template-columns: repeat(3, 1fr); } }