/* =========================================================================
   ecommbase — Tipografías y colores base
   -------------------------------------------------------------------------
   Ámbito: todas las páginas (all)
   theme.css sigue siendo la base global; aquí van SOLO las customizaciones
   específicas de esta página/sección (sobrescribe la base por especificidad
   y orden de carga definidos en config/theme.yml).
   ========================================================================= */


/* --- Tipografía Quicksand (rev2, 24-sep-2026): fina y con la "a" redonda ---
   Alojada en el propio servidor (sin llamadas a Google). Cualquier negrita del
   tema (600-900) se pinta con el peso medio: la clienta no quiere letra gruesa. */
@font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand-300.woff2') format('woff2'); font-weight: 100 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand-600.woff2') format('woff2'); font-weight: 600 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Allura'; src: url('../fonts/allura-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }

/* --- Fuente base Herdasa: forzar tipografia de megabaseconfiguration (Outfit) --- */
/* Gana a theme.css (Manrope/Montserrat) por !important; usa la var del modulo. */
body,
input, textarea, select, button, optgroup,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Quicksand', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
.bg-primary {
    background-color: var(--color3)!important
}
a{
    color: var(--color3)
}

/* --- Avisos del bloque de notificaciones: esquinas redondeadas --- */
/* theme.css deja .alert con border-radius: 0; aqui se redondea sin tocar el color. */
#notifications .alert {
    border-radius: 8px;
}