/* ===================================
   VARIABLES Y RESET
   =================================== */
:root {
    /* Colores Principales */
    --azul-corporativo:     #2E4A7D;
    --amarillo-estrategico: #F2C318;
    --blanco:               #FFFFFF;
    --gris-claro:           #C6CAD6;
    --gris-oscuro:          #5F6673;

    /* Tipografías */
    --font-titulos: 'Poppins', sans-serif;
    --font-texto:   'Inter', sans-serif;

    /* Espaciados */
    --padding-section:  80px 0;
    --container-width:  1200px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-texto);
    color: var(--gris-oscuro);
    background-color: var(--blanco);
    line-height: 1.6;
}

.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 20px;
}