/*--------------------------------------------------------------
# Tuenweb (web de pruebas del tema) · CSS propio del proyecto
# Se carga desde Tuenweb Config › Generales › "Nombre del fichero CSS" = tuenweb.css
# Colores y tipografías generales: en Tuenweb Config (no aquí). Aquí solo lo propio de la marca.
--------------------------------------------------------------*/
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/quicksand-variable.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --tw-primario: #1b465b;
  --tw-oscuro: #0f2a37;
  --tw-claro: #e7f0f3;
  --tw-acento: #2fb5c3;
  --tw-cta: #f4a340;

}
/* Mega menú del catálogo (css/menu-catalogo.css del tema): acentos de Tuenweb */
html #header { /* html: gana al CSS del tema, que se carga después */
  --tw-mc-accent: #2fb5c3;
  --tw-mc-accent-dark: #1b465b;
  --tw-mc-accent-light: #1d7f8a; /* acento del menú móvil (fondo claro) */
}
html #main {
  --mp-red: #1b465b;
  --mp-red-dark: #0f2a37;
  --mp-black: #13232c;
  --mp-ink: #13232c;
}

/* Títulos con la tipografía del logo */
h1, h2, h3, h4, h5,
.section-title h2,
.slider-text .texto-1,
.slider-text .texto-2 {
  font-family: 'Quicksand', 'Raleway', sans-serif;
  letter-spacing: -0.01em;
}

/* Fondo claro de marca para alternar secciones */
.tw-fondo-claro { background: var(--tw-claro); }