:root {
    --bs-breadcrumb-divider: ">";
    --animate-duration: 0.4s; /* Duración de la animación */
    --background-color: #efefef;
    --background-color-secundario: #fafafa; /*LOGIN*/
    --background-container: #f5f5f5;
    --color-text-general: #121212;
    --color-text-titulos: #001744;
    --color-text-navbar: #cfcfff;
    --color-text-navbar-hover: #f5f5ff;
    --color-form-focus: #02bfe7;
    --color-btn-text: #000000;
    --color-principal: #2b8dc1;
    --color-texto-sobre-principal: #ffffff;
    --color-secundario: #e9b012;
    --color-texto-sobre-secundario: #000000;
    --color-principal-hover: #2475a1;
    --color-principal-focus: #2475a1;
    --color-principal-disabled: #528dad;
    --color-secundario-hover: #ce9d14;
    --color-secundario-focus: #ce9d14;
    --color-secundario-disabled: #ebc355;
    --color-inp: #f5f6f9;
    --color-icon-star: #FFD43B;
    --color-inp-border: #000000;

    /**Se cambia conforme al color del background para que destaque**/
    --shadow-color: 0deg 0% 0%;
    --shadow-elevation-low:
        0.5px 0.5px 0.8px hsl(var(--shadow-color) / 0.1),
        0.9px 0.7px 1.3px -1.2px hsl(var(--shadow-color) / 0.1),
        2.1px 1.8px 3.1px -2.5px hsl(var(--shadow-color) / 0.1);
    --shadow-elevation-medium:
        0.5px 0.5px 0.8px hsl(var(--shadow-color) / 0.11),
        1.8px 1.5px 2.6px -0.8px hsl(var(--shadow-color) / 0.11),
        4.4px 3.7px 6.5px -1.7px hsl(var(--shadow-color) / 0.11),
        10.7px 9px 15.7px -2.5px hsl(var(--shadow-color) / 0.11);
    --shadow-elevation-high:
        0.5px 0.5px 0.8px hsl(var(--shadow-color) / 0.11),
        3.5px 3px 5.2px -0.4px hsl(var(--shadow-color) / 0.11),
        6.9px 5.8px 10.1px -0.8px hsl(var(--shadow-color) / 0.11),
        12.1px 10.2px 17.8px -1.2px hsl(var(--shadow-color) / 0.11),
        20.7px 17.5px 30.5px -1.7px hsl(var(--shadow-color) / 0.11),
        34px 28.7px 50.1px -2.1px hsl(var(--shadow-color) / 0.11),
        53.6px 45.2px 78.9px -2.5px hsl(var(--shadow-color) / 0.11);
}