/***************************** Nueva Versión ********************************/

.text_web_color_claro_1{color: var(--web-color-1) !important;}
.text_web_color_claro_2{color: var(--web-color-2) !important;}
.text_web_color_claro_3{color: var(--web-color-3) !important;}
.text_web_color_oscuro_1{color: var(--web-color-4) !important;}
.text_web_color_oscuro_2{color: var(--web-color-5) !important;}
.text_web_color_oscuro_3{color: var(--web-color-6) !important;}

.bg_web_color_claro_default{background-color: var(--web-color-claro-background-default);}
.bg_web_color_claro_default_2{background-color: var(--web-color-claro-background-default_2);}

.bg_web_color_oscuro_default{background-color: var(--web-color-oscuro-background-default);}
.bg_web_color_oscuro_default_2{background-color: var(--web-color-oscuro-background-default_2);}

.text_web_color_claro_default{color: var(--web-color-claro-text-default);}
.text_web_color_claro_default_2{color: var(--web-color-claro-text-default_2);}

.text_web_color_oscuro_default{color: var(--web-color-oscuro-text-default);}
.text_web_color_oscuro_default_2{color: var(--web-color-oscuro-text-default_2);}


.text_web_color_header{
    color: var(--web-color-text-header);
}
.bg_web_color_header{
    background-color: var(--web-color-background-header);
}
.bg_web_color_claro_1{background-color: var(--web-color-1) !important;}
.bg_web_color_claro_2{background-color: var(--web-color-2) !important;}
.bg_web_color_claro_3{background-color: var(--web-color-3) !important;}
.bg_web_color_oscuro_1{background-color: var(--web-color-4) !important;}
.bg_web_color_oscuro_2{background-color: var(--web-color-5) !important;}
.bg_web_color_oscuro_3{background-color: var(--web-color-6) !important;}


.hover_web_color_claro_1:hover,
.hover_web_color_claro_1:focus
{background: var(--web-color-1)!important; color:#000000!important; }
.hover_web_color_claro_2:hover,
.hover_web_color_claro_2:focus
{background: var(--web-color-2)!important; color:#000000!important;}
.hover_web_color_claro_3:hover,
.hover_web_color_claro_3:focus
{background: var(--web-color-3)!important; color:#000000;}
.hover_web_color_oscuro_1:hover,
.hover_web_color_oscuro_1:focus
{background: var(--web-color-4)!important; color:#ffffff!important;}
.hover_web_color_oscuro_2:hover,
.hover_web_color_oscuro_2:focus
{background: var(--web-color-5)!important; color:#ffffff!important;}
.hover_web_color_oscuro_3:hover,
.hover_web_color_oscuro_3:focus
{background: var(--web-color-6)!important; color:#ffffff!important;}

.border_web_color_claro{
    border: solid 1px;
    border-color: var(--web-color-text-default);
}
.border_web_color_oscuro{
    border: solid 1px;
    border-color: var(--web-color-text-default);
}

.border_web_color_claro_1{border-color: var(--web-color-1) !important;}
.border_web_color_claro_2{border-color: var(--web-color-2) !important;}
.border_web_color_claro_3{border-color: var(--web-color-3) !important;}
.border_web_color_oscuro_1{border-color: var(--web-color-4) !important;}
.border_web_color_oscuro_2{border-color: var(--web-color-5) !important;}
.border_web_color_oscuro_3{border-color: var(--web-color-6) !important;}


/* sm */
@media only screen and (min-width: 576px){
    .overlay_sm_off{background-color: #ffffff00!important;}

    .bg_web_color_sm_claro_default{background-color: var(--web-color-claro-background-default);}
    .bg_web_color_sm_claro_default_2{background-color: var(--web-color-claro-background-default_2);}

    .bg_web_color_sm_oscuro_default{background-color: var(--web-color-oscuro-background-default);}
    .bg_web_color_sm_oscuro_default_2{background-color: var(--web-color-oscuro-background-default_2);}

    .text_web_color_sm_claro_default{color: var(--web-color-claro-text-default);}
    .text_web_color_sm_claro_default_2{color: var(--web-color-claro-text-default_2);}

    .text_web_color_sm_oscuro_default{color: var(--web-color-oscuro-text-default);}
    .text_web_color_sm_oscuro_default_2{color: var(--web-color-oscuro-text-default_2);}
}

/* md */
@media only screen and (min-width: 768px){
    .overlay_md_off{background-color: #ffffff00!important;}

    .bg_web_color_md_claro_default{background-color: var(--web-color-claro-background-default);}
    .bg_web_color_md_claro_default_2{background-color: var(--web-color-claro-background-default_2);}

    .bg_web_color_md_oscuro_default{background-color: var(--web-color-oscuro-background-default);}
    .bg_web_color_md_oscuro_default_2{background-color: var(--web-color-oscuro-background-default_2);}

    .text_web_color_md_claro_default{color: var(--web-color-claro-text-default);}
    .text_web_color_md_claro_default_2{color: var(--web-color-claro-text-default_2);}

    .text_web_color_md_oscuro_default{color: var(--web-color-oscuro-text-default);}
    .text_web_color_md_oscuro_default_2{color: var(--web-color-oscuro-text-default_2);}
}

/* lg */
@media only screen and (min-width: 992px){
    .overlay_lg_off{background-color: #ffffff00!important;}

    .bg_web_color_lg_claro_default{background-color: var(--web-color-claro-background-default);}
    .bg_web_color_lg_claro_default_2{background-color: var(--web-color-claro-background-default_2);}

    .bg_web_color_lg_oscuro_default{background-color: var(--web-color-oscuro-background-default);}
    .bg_web_color_lg_oscuro_default_2{background-color: var(--web-color-oscuro-background-default_2);}

    .text_web_color_lg_claro_default{color: var(--web-color-claro-text-default);}
    .text_web_color_lg_claro_default_2{color: var(--web-color-claro-text-default_2);}

    .text_web_color_lg_oscuro_default{color: var(--web-color-oscuro-text-default);}
    .text_web_color_lg_oscuro_default_2{color: var(--web-color-oscuro-text-default_2);}
}

/* xl */
@media only screen and (min-width: 1200px){
    .overlay_xl_off{background-color: #ffffff00!important;}

    .bg_web_color_xl_claro_default{background-color: var(--web-color-claro-background-default);}
    .bg_web_color_xl_claro_default_2{background-color: var(--web-color-claro-background-default_2);}

    .bg_web_color_xl_oscuro_default{background-color: var(--web-color-oscuro-background-default);}
    .bg_web_color_xl_oscuro_default_2{background-color: var(--web-color-oscuro-background-default_2);}

    .text_web_color_xl_claro_default{color: var(--web-color-claro-text-default);}
    .text_web_color_xl_claro_default_2{color: var(--web-color-claro-text-default_2);}

    .text_web_color_xl_oscuro_default{color: var(--web-color-oscuro-text-default);}
    .text_web_color_xl_oscuro_default_2{color: var(--web-color-oscuro-text-default_2);}
}

/* xxl */
@media only screen and (min-width: 1400px){
    .overlay_xxl_off{background-color: #ffffff00!important;}

    .bg_web_color_xxl_claro_default{background-color: var(--web-color-claro-background-default);}
    .bg_web_color_xxl_claro_default_2{background-color: var(--web-color-claro-background-default_2);}

    .bg_web_color_xxl_oscuro_default{background-color: var(--web-color-oscuro-background-default);}
    .bg_web_color_xxl_oscuro_default_2{background-color: var(--web-color-oscuro-background-default_2);}

    .text_web_color_xxl_claro_default{color: var(--web-color-claro-text-default);}
    .text_web_color_xxl_claro_default_2{color: var(--web-color-claro-text-default_2);}

    .text_web_color_xxl_oscuro_default{color: var(--web-color-oscuro-text-default);}
    .text_web_color_xxl_oscuro_default_2{color: var(--web-color-oscuro-text-default_2);}
}




/*** LOGICA INVERTIDA ***/
@media only screen and (max-width: 575px){
    .bg_off_until_sm,
    .overlay_until_sm_off{background-color: #ffffff00!important;}
    .shadow_off_until_sm{box-shadow: none!important;}
    .border_off_until_sm{border-style: none!important;}
    .style_off_until_sm{background-color: #ffffff00!important;
                        box-shadow: none!important;
                        border-style: none!important;}
}

/* md */
@media only screen and (max-width: 767px){
    .bg_off_until_md,
    .overlay_until_md_off{background-color: #ffffff00!important;}
    .shadow_off_until_md{box-shadow: none!important;}
    .border_off_until_md{border-style: none!important;}
    .style_off_until_md{background-color: #ffffff00!important;
                        box-shadow: none!important;
                        border-style: none!important;}
}

/* lg */
@media only screen and (max-width: 991px){
    .bg_off_until_lg,
    .overlay_until_lg_off{background-color: #ffffff00!important;}
    .shadow_off_until_lg{box-shadow: none!important;}
    .border_off_until_lg{border-style: none!important;}
    .style_off_until_lg{background-color: #ffffff00!important;
                        box-shadow: none!important;
                        border-style: none!important;}
}

/* xl */
@media only screen and (max-width: 1199px){
    .bg_off_until_xl,
    .overlay_until_xl_off{background-color: #ffffff00!important;}
    .shadow_off_until_xl{box-shadow: none!important;}
    .border_off_until_xl{border-style: none!important;}
    .style_off_until_xl{background-color: #ffffff00!important;
                        box-shadow: none!important;
                        border-style: none!important;}
}

/* xxl */
@media only screen and (max-width: 1399px){
    .bg_off_until_xxl,
    .overlay_until_xxl_off{background-color: #ffffff00!important;}
    .shadow_off_until_xxl{box-shadow: none!important;}
    .border_off_until_xxl{border-style: none!important;}
    .style_off_until_xxl{background-color: #ffffff00!important;
                        box-shadow: none!important;
                        border-style: none!important;}
}