/* =========================================
   ESTILOS GLOBALES Y VARIABLES
   ========================================= */

/* Definición de la Paleta de Colores de Matices de Esperanza */
:root {
    --primary-blue: #2E67A1;
    --accent-green: #76B843;
    --accent-yellow: #E6E02B;
    --accent-orange: #D99B3B;
    --accent-red: #B52C4D;
    --accent-purple: #5A4B9F;
    --bg-light: #F9F9F9;
    --text-dark: #333333;
    --white: #FFFFFF;

    /* Reescribimos la fuente base de Bootstrap */
    --bs-body-font-family: 'Funnel Display', sans-serif;
}

/* Estilos Base del Cuerpo */
body {
    background-color: var(--bg-light);
    color: var(--text-dark);
    font-family: var(--bs-body-font-family);
    margin: 0;
    padding: 0;
}

/* Scroll suave al hacer clic en un enlace del menú */
html {
    scroll-behavior: smooth;
}
section {
    scroll-margin-top: 180px;
}