:root
{
    --color_azul:#002D58;
    --color_azul_bajo:#1173cf;
    --color_gris:#555555;
    --color_gris_bajo: #616161;
}
*
{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
body 
{
    font-size: 16px;
}
.fs_7
{
    font-size: 5rem;
}

.c_text_azul_fuerte
{
    color: var(--color_azul);
}
.c_text_azul_bajo
{
    color: var(--color_azul_bajo);
}
.color_text_gris
{
    color: var(--color_gris);
}
.color_text_gris_bajo
{
    color: var(--color_gris_bajo);
}

.bg_azul
{
    background-color: var(--color_azul);
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*primera sección*/
.h_90vh_custom
{
    height: 90vh;
}
.h_100
{
    height: 100%;
}
.seccion_principal
{
    background: linear-gradient(90deg, #00000000, #00000000);
}
.fs_7
{
    font-size: 3rem;
}
.h_line
{
    line-height: 1.1;
    text-transform: uppercase;
}

.cont_fondo_pt1
{
    background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 840px)
{
    .seccion_principal
    {
        background: linear-gradient(90deg, #00000000, #00000000);
    }
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*segunda seccion*/
.bg_custom_grey
{
    background-color: rgb(240,240,240);
    transition: all 0.3s ease;
}
.bg_custom_grey:hover
{
    background-color: var(--color_azul_bajo);
    scale: 1.02;
}