/*
  Identidad visual de Mecantronic (manual de marca propio).
  - Primario: naranja-rojo #F42701
  - Secundario: navy #14286E
  - Acentos adicionales del manual: #9A2110, #27548A, #288EA8
  - Tipografía: Asap (headings y cuerpo)
*/

@font-face {
  font-family: "Asap";
  src: url("../fonts/asap/Asap-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Asap";
  src: url("../fonts/asap/Asap-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Asap";
  src: url("../fonts/asap/Asap-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Asap";
  src: url("../fonts/asap/Asap-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Marca Mecantronic */
  --c-bg-dark: #0e1c4d;
  --c-bg-dark-2: #0a1436;
  --c-bg-light: rgba(248, 249, 252, 0.86);
  --c-bg-white: rgba(255, 255, 255, 0.86);
  --c-text-dark: #14286e;
  --c-text-light: #fefcfa;
  --c-text-muted: #6b6b76;

  /* Paleta de marca */
  --c-primario: #f42701;
  --c-navy: #14286e;
  --c-rojo-oscuro: #9a2110;
  --c-azul: #27548a;
  --c-celeste: #288ea8;

  /* Tipografía: títulos en DM Sans, subtítulos en Poppins (corrección 2026-08-18) */
  --font-hero: "DM Sans", "Segoe UI", sans-serif;
  --font-heading: "DM Sans", "Segoe UI", sans-serif;
  --font-subheading: "Poppins", "Segoe UI", sans-serif;
  --font-body: "Asap", "Segoe UI", sans-serif;

  /* Espaciado */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;

  --container-width: 1180px;
  --radius: 12px;
}