:root{
    --amarillo-ministerio: #ecece2;
    --color-claro: #ffffff;
    --color-corporativo-1: #002F87;
    --color-corporativo-2: #333333;
    --color-corporativo-contraste-1: #377dbe;
    --color-corporativo-contraste-2: #ecece2;
    --color-error: #d21616;

    /* colores areas */
    --color-1: #4C3547;
    --color-2: #E1523C;
    --color-3: #D8B08C;
    --color-4: #EE8B16;
    --color-5: #025E54;
    --color-6: #D68B8B;

    /* colores areas light */
    --color-1-light: #4C3547B2;
    --color-2-light: #E1523CB3;
    --color-3-light: #D8B08CB3;
    --color-4-light: #EE8B16B3;
    --color-5-light: #025E54B3;
    --color-6-light: #D68B8BB3;
}

.bg-corporativo-1{
    background-color: var(--color-corporativo-1);
}

/* menu */
p#btnMenuUsuario{
    border-radius: 6px;
    color: var(--color-claro) !important;
    background-color: var(--color-corporativo-1);
    cursor: pointer;
}

a#areaprivada:hover, p#btnMenuUsuario:hover {
    border-radius: 6px;
    color: var(--color-corporativo-1) !important;
    background-color: var(--color-claro);
    cursor: pointer;
}

ul#menuUsuario {
    background-color: var(--color-claro);
    min-width: 210px;
}

ul#menuUsuario li a, ul#menuUsuario li button{
    color: var(--color-corporativo-1);
    background-color: var(--color-claro);
    display: block;
    border:0;
}

ul#menuUsuario li a:hover, ul#menuUsuario li button:hover{
    color: var(--color-corporativo-2);
    background-color: var(--amarillo-ministerio);
}