/* MultiAceros — tokens del sistema de diseño */
:root {
  --rojo: #e30613;
  --rojo-presionado: #c70511;
  --rojo-texto: #d70512;
  --rojo-suave: #fdecee;
  --gris-oscuro: #3b3f45;
  --gris-azulado: #44525c;
  --blanco: #ffffff;
  --gris-claro: #f5f5f7;
  --linea: #e3e5e8;
  --linea-control: #878d94;
  --tinta: var(--gris-oscuro);
  --tinta-suave: #686e75;
  --tinta-inversa: #ffffff;
  --tinta-inversa-suave: #d3d8dc;
  --enlace: var(--rojo-texto);
  --cabecera-fondo: #ffffffcc;
  --velo: #3b3f4547;
  --linea-inversa: #5d6a74;
  --sombra-reposo: 0 1px 2px #3b3f450a, 0 6px 20px #3b3f450f;
  --sombra-elevada: 0 2px 6px #3b3f4514, 0 18px 44px #3b3f4529;
  --sombra-menu: 0 30px 60px -20px #3b3f4540;
  --foco: 0 0 0 2px #ffffff, 0 0 0 4px #e30613;
  --espacio-1: 4px;
  --espacio-2: 8px;
  --espacio-3: 12px;
  --espacio-4: 16px;
  --espacio-5: 20px;
  --espacio-6: 24px;
  --espacio-8: 32px;
  --espacio-10: 40px;
  --espacio-12: 48px;
  --espacio-16: 64px;
  --espacio-20: 80px;
  --espacio-32: 128px;
  --radio-sm: 8px;
  --radio-md: 12px;
  --radio-lg: 18px;
  --radio-xl: 28px;
  --radio-pildora: 980px;
  --contenedor: 1200px;
  --contenedor-texto: 720px;
  --margen-escritorio: 40px;
  --margen-movil: 20px;
  --barra-superior-alto: 36px;
  --cabecera-alto: 88px;
  --cabecera-alto-movil: 60px;
  --nav-alto: 52px;
  --linea-roja: 2px;
  --control-alto: 48px;
  --control-alto-sm: 36px;
  --logo-alto: 48px;
  --logo-alto-movil: 30px;
  --carrusel-alto: 600px;
  --corte-diagonal: 160px;
  --franja-diagonal: 14px;
  --hueco-diagonal: 10px;
  --font-display: "Inter Display", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-texto: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
@font-face { font-family: "Inter"; src: url("fonts/Inter-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter Display"; src: url("fonts/InterDisplay-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }