/* =========================================
   VARIABLES GENERALES - SEGORA
========================================= */

:root {

    /* =====================================
       COLORES
    ===================================== */

    /* Azul principal SEGORA */
    --color-primary: #123a63;

    /* Azul oscuro */
    --color-primary-dark: #081d30;

    /* Azul para botones */
    --color-primary-light: #2466d1;


    /* Azul claro del menú activo */
    --color-blue-soft: #e8f0f8;


    /* Color dorado/beige de detalles */
   --color-primary-light: #2466d1;

    --color-accent-light: #2466d1;

    /* Blancos y grises */
    --color-white: #ffffff;

    --color-light: #f5f6f7;

    --color-light-gray: #e8ebef;


    /* Textos */
    --color-text: #182638;

    --color-text-light: #5f6773;


    /* Fondos oscuros */
    --color-dark: #0b1d31;

    --color-dark-light: #132b45;


    /* =====================================
       TIPOGRAFÍA
    ===================================== */

    --font-primary: "Poppins", sans-serif;


    /* =====================================
       MEDIDAS
    ===================================== */

    /* Ancho máximo del contenido */
    --container-width: 1400px;

    /* Espacio lateral */
    --container-padding: 48px;


    /* Altura del header */
    --header-height: 86px;


    /* =====================================
       BORDES
    ===================================== */

    --radius-small: 5px;

    --radius-medium: 8px;

    --radius-large: 14px;


    /* =====================================
       SOMBRAS
    ===================================== */

    --shadow-small:
        0 4px 14px rgba(0, 0, 0, 0.08);


    --shadow-medium:
        0 10px 30px rgba(0, 0, 0, 0.12);


    /* =====================================
       TRANSICIONES
    ===================================== */

    --transition-fast: 0.2s ease;

    --transition-normal: 0.3s ease;

}