:root
{
    --color_rojo:#DE0039;
    --color_azul: #00368F;
    --color_gris:#303030;
    --color_gris_bajo: #616161;

    --color_alerts_rojo: #F60100;
    --color_alert_amarillo: #FEDE00;
}
*
{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
body 
{
    font-size: 16px;
}
.colr_text_amarillo
{
    color: var(--color_amarillo);
}
.color_text_gris
{
    color: var(--color_gris);
}
.color_text_gris_bajo
{
    color: var(--color_gris_bajo);
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*primera parte*/
.h_custom_pt1
{
    height: 100vh;
}
.h_custom_pt1_1
{
    height: 55vh;
}
.img_slider_h
{
    height: 55vh;
}
.img_slider_cover
{
    height: 55vh;
    object-fit: cover;
    object-position: center;
}

.border_img
{
    border: 1px solid red;
}

.cont_pt1_
{
    position: absolute;
    top:0px;
    width: 100%;
    height: 100vh;
    /*border: 1px solid red;*/
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*segunda sección alertas*/
.bg_blue_
{
    background-color: var(--color_gris);
}
.border_custom_alert_red, .border_custom_alert_yellow
{
    border: 1px solid #3b3b3b;
    margin: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.border_custom_alert_red:hover
{
    border: 1px solid var(--color_alerts_rojo) !important;
}
.border_custom_alert_yellow:hover
{
    border: 1px solid var(--color_alert_amarillo) !important;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*tips*/
.video_tip
{
    height: 70vh;
}