/* Tokens de la web: lo único que cambia entre webs es este archivo. */
@font-face {
  font-family: 'Figtree';
  src: url('../fuentes/figtree-var.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
}

:root {
  /* Color de la web */
  --primario: #1F3A5F;
  --primario-hover: #16294A;
  --primario-suave: #E7EDF5;
  --enlace-oscuro: #9DBDE6;

  /* Estilo: cálido en colchones */
  --fondo: #FFFDF9;
  --fondo-alt: #F8F2E8;
  --tarjeta: #FFFFFF;
  --radio: 16px;
  --radio-boton: 999px;

  --texto: #1B2430;
  --texto-suave: #4B5563;
  --borde: #E3DCCF;
  --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; }

/* Añadidos de esta web (no están en main.css) */
.nota { font-size: .9rem; color: var(--texto-suave); }
.precio { font-weight: 800; white-space: nowrap; }
.h2-suelto { margin-top: 36px; }
.tabla-simple + .nota, .comparar + .nota { margin-top: 12px; }
.seccion h3 { margin-top: 1.3em; }
.tarjeta h3 { margin-top: 0; }
@media (min-width: 860px) { .comparar td, .comparar th { font-size: .95rem; } }
/* Móvil: celdas de tabla con texto y negrita seguidos, sin partirse en columnas */
.solo-movil { display: none; }
@media (max-width: 859px) {
  html .comparar td:not(.comparar__modelo):not(.comparar__accion) { display: block; overflow: hidden; }
  html .comparar td:not(.comparar__modelo):not(.comparar__accion)::before { float: left; margin-right: 14px; }
  .solo-movil { display: block; }
}
/* Tablas de precios: nombre del modelo en una línea legible */
.tabla-simple th:first-child, .tabla-simple td:first-child { min-width: 150px; }
#tabla-medidas table { min-width: 690px; }
.tabla-simple--ancha table { min-width: 780px; }
/* Menos aire entre portada y comparativa en móvil */
@media (max-width: 899px) { .portada + .seccion { padding-top: 16px; } }
/* Menú de 9 enlaces (con 135x190 y 150x190): en línea desde 1280 px; por debajo, con el botón «Menú» */
@media (min-width: 1280px) { html .menu__lista a { padding: 8px 5px; font-size: .86rem; white-space: nowrap; } html .logo { white-space: nowrap; } }
@media (min-width: 980px) and (max-width: 1279px) {
  html .menu__boton { display: inline-flex; }
  html .controles .menu { position: static; }
  html body .menu__lista, html.js body .menu.abierta .menu__lista { position: absolute; right: 16px; top: calc(100% + 1px); width: min(300px, calc(100vw - 32px)); background: var(--tarjeta); border: 1px solid var(--borde); border-radius: var(--radio); box-shadow: var(--sombra-alta); padding: 8px; display: grid; gap: 0; }
  html.js body .menu__lista { display: none; }
  html.js body .menu.abierta .menu__lista { display: grid; }
  html .menu__lista a { padding: 10px 12px; font-size: 1rem; }
}