:root{
    --primario:#FFCC29;
    --primario-claro:#FFFF4F;
    --secundario:#212529;
    --notificacion:#FFE600;
    --notificacioin-claro:#FFFCB6;
    --link:orangered;
}
*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
}
/* generales */
body{    
    background: #efefee;
}
@media(max-width:640px){
    body{
        padding-top:50px;
    }
    nav{
        position:absolute;
        top:0px;
        width:100%
    }
    section{
    }
}
.container{
        width:95%;
        max-width: 1200px;
        margin: auto;
        height: 100%;
        z-index: 0;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}
a{
    text-decoration: none;
    transition: 0.12s;
    color:var(--link);
    font-family: 'Roboto', sans-serif;
    z-index: 0;
}
p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--secundario);
    hyphens: auto;/**/
    -webkit-hyphens: auto; 
    -moz-hyphens: auto; 
    -ms-hyphens: auto; 
}
img{
    max-width: 100%;
}
section{
    width: 100%;
    padding-top: 195px;
    padding-bottom: 75px;
    position:relative;
    display: flex;    
    justify-content: center;
}
.seccion_tit, .alert_tit{
    min-height:70px;
    width:70%;
    max-width: 1024px;
    top:70px;    
    position: absolute;
    background:var(--primario);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.3);
    padding:10px 25px;
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.seccion_tit::before{
    content: url(../img/piano.png);
    display: block;
    width:auto;
    position: absolute;
    right: -5px;
    bottom:-2px;
    opacity: 0.5;
}
.seccion_tit>span{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 100;
    font-style: italic;
}
.izquierda{
    display: flex;
    justify-content: center;  
    left:0px;    
    border-radius: 0 3px 3px 0;
    text-align: center;
}
.derecha{
    display: flex;
    justify-content: center;    
    align-items: center;
    right:0px;    
    border-radius: 3px 0 0 3px;
    text-align: center;
}
.centrado{
    display: flex;
    justify-content: center;
    border-radius: 3px;
    margin: auto;
    text-align: center;
}
.sub_section{
    position: relative;
    padding:20px 0 50px;
}
@media(max-width:640px){
}
.sub_seccion_tit{
    display: flex;
    flex-direction: column;
    background: var(--primario-claro);
    padding:15px;
    top:50px;
    width: 100%;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
    font-size: 18px;
    margin-bottom:30px
}
.sub_seccion_tit > span{
    font-weight: 200;
}
.col_txt, .col_img{
    width:calc(50% - 25px);
}
.col_img{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.col_img img{
    width: 100%;
}
.col_txt_doble{
    width:100%;
}
@media(max-width:800px){
    section{
        padding-top: 160px;
        padding-bottom: 120px;
    }
    .seccion_tit, .alert_tit{
        width:80%;
        justify-content: center;
        font-size: 20px;
        top:50px;
        height: 60px;
    }
    .col_txt, .col_img, .carrusel_insitucional{
        width:calc(50% - 20px);
    }    
}
@media(max-width:640px){
    .seccion_tit, .alert_tit{
        width:100%;
        justify-content: center;
        font-size: 20px;
        border-radius: 0px;
    }
    .col_txt, .col_img{
        width:100%;
    }
    .col_txt + .col_txt{
        margin-top:50px
    }
}
@media(max-width:425px){
    .seccion_tit{
        padding: 7px 0 15px;
        height: auto;
    }
    .seccion_tit::before{
        opacity: 0.3;
    }
}
/* ↓ header ↓ */
header{
    width:100%;
    height: 100vh;    
    background: url(../img/header.jpg) no-repeat;
    background-size: cover;
    display: flex;
    position: relative;
    padding: 195px 0 200px 0;  
}
header .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.isologo{
    display: inline-flex;
    align-items: center;
}
.isologo > h1{
    color:#ffffff;
    line-height: 1.25;
    padding-left:75px;
    position:relative;
}
.isologo > h1::before{
    content:'';
    width:4px;
    height:95%;
    position:absolute;
    display: block;
    background: #ffffff;
    left:37px;
}
.brand{
    height: 150px;
}
.social_nav{
    align-self: flex-end;
    position: absolute;
    bottom:50px;
}
.social_nav i{
    font-size: 30px;
    color:#ffffff
}
.social_nav i:not(last-child){
    padding-right:12px
}
.social_nav i:hover{
    color:var(--primario);
    transform: translate(3px,-3px);
    text-shadow: -3px 3px 5px rgba(0,0,0,0.3);
}
@media(max-width:800px){
    .brand{
        height: 120px;
    }
    .isologo > h1{
        font-size: 24px;
    }    
}
@media(max-width:640px){
    .brand{
        height: 120px;
    }
    .isologo{
        flex-direction: column;
        margin-bottom: 50px;
    }
    .isologo > h1{
        font-size: 1rem;
        text-align: center;
        padding-left: 0px;
    }
    .isologo > h1::before{
        display: none;
    }
    .social_nav{
        align-self: center;
    }
    .social_nav i{
        font-size: 1.5rem;
        color:#ffffff
    }

}

/* ↓ barra nav  menu ↓ */
nav{
    background: #212529;
    height: auto;
    z-index: 100;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
}
nav .container{
    display: flex;
    align-items: center;
}
.nav_list{
    width: 95%;
    max-width: 1024px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.nav_list li{
    display: flex;
}
/* //////// Se quita seeccion hasta nuevo aviso  //////// */
.nav_list li:nth-child(4), .nav_movil li:nth-child(5){
    display: none;
}
/* ////////////////////////////////////////////////////// */


.nav_list li a{
    display: flex;
    align-items: center;
    height: 50px;
    color:#ffffff;
    font-size: 12px;
    border: 2px solid transparent;
    font-family: 'Roboto',sans-serif;
}
.nav_list li a:hover{
    color:var(--primario);
    border-bottom: 2px solid var(--primario);
}
.nav_active{    
    border-bottom: 2px solid var(--primario)!important;
}
.mobile_active{
    color:var(--primario)!important;
}
.brand_movil{
    height:40px;
    display: none;
}
.brand_others{
    height: 40px;
    align-self: center;
}
.menu{
    display: none;
    align-items: center;
}
.menu i{
    font-size: 24px;
    color:#ffffff;
    align-self: center;
}
.menu:active > i{
    color:var(--primario)
}
.nav_movil{
    width:100%;
    height: 100vh;
    background:rgba(0,0,0,0.5);
    backdrop-filter: blur(5px);
    text-align: center;
    padding:25px 0 30px;
    border-bottom: solid 2px var(--secundario);
    display: none;
    z-index: 100;
    /*pointer-events: none;*/
}
.nav_movil ul li{
    height: 35px;
    line-height: 35px;
    z-index: 100; 
    list-style: none;
}
.nav_movil ul li:first-child > a{
    font-size: 24px;
    color:var(--primario);
    position: absolute;
    top:15px;
    right:50px
}
.nav_movil ul li a{
    text-decoration: none;
    color:#ffffff;
    font-family: 'Roboto', sans-serif;
}
.nav_movil ul li a:hover{
    color:var(--primario)
}
@media(max-width:640px){
    nav{
        height: 50px;
    }
    nav .container{
        align-items: center;
        justify-content: space-between;
    }
    .nav_list{
        display: none;
    }
    
    .brand_movil, .menu{
        display: flex;
    }
    .nav_movil:target{
        display:flex;
        justify-content: center;
        z-index: 150;
    }
}
/* sticky menu*/
.menu-fixed{
    position: fixed;
    width: 100%;
    z-index: 150;
    top:0;
}

/* ↓ CARACTERISTICAS PRINCIPALES ↓ */
#fortalezas{
    height:100vh;
}
#fortalezas .container{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    z-index: ;
}
.destacados{
    display: flex;
    justify-content: space-around;
    margin-bottom: 50px;
}
.service{
    display: flex;
    flex-direction: column;
    align-items: center;
    color:var(--secundario);
}
.service i{
    font-size: 81px;
    color:gold;
    margin-bottom: 20px;
}
.service:hover > i{
    transform: translate(0px,-3px);
    text-shadow: 0px 5px 12px rgba(100,100,100,0.3);
}
.slogan{
    text-align: center;
    line-height: 2;
}
@media(max-width:800px){
    section#fortalezas{
        height: auto;
        padding: 50px 0px;
    }
    .service i{
        font-size: 50px;
    }
    .service h2{
        font-size: 20px;
    }
    .slogan{
        font-size: 20px;
        margin-top: 60px;
    }
}
@media(max-width:640px){
    section#fortalezas{
        height: auto;
        padding: 70px 0px 0px;
    }
    .destacados{
        flex-direction: column;
        margin-bottom: 0px;
    }
    .service{
        margin-bottom: 60px;
    }
    .service > h2{
        font-size:20px;
    }
    .service i{
        font-size: 45px;margin-bottom: 15px;
    }
    .slogan{
        font-size: 18px;
        line-height: 1.5;
        margin:0px auto 20px
    }
}
/* ↓ insitucional ↓ */
.institucional .container{
    display: flex;
    justify-content: space-between;
}
.carrusel_insitucional{
    width:calc(50% - 20px);
    height: 100%;
    position:relative;
    z-index: 3;
}
.carrusel_insitucional img{
    height: auto;
}
.owl-nav{
    position: absolute;
    width:calc(100% + 50px);
    margin:-25px;
    top: calc(50% - 65px);
    font-size: 60px;
    display: flex;
    justify-content: space-between;    
    color: var(--primario);
    z-index: -1;
}
.owl-prev, .owl-next{
}
/* acta */
.institucional .container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}
.personeria{
    width: 90%;
    max-width: 900px;
    margin:auto;
    border:1px solid silver;
    border-radius: 3px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-top:50px
}
#acta{
 white-space: pre-wrap;
 font-size: 14px;
 padding:25px 25px 30px;
 box-shadow: inset 0px 0px 15px rgba(0,0,0,0.3);
}
.personeria_tit{
    width:100%;
    height: 60px;
    line-height: 60px;
    padding:0 25px;
    background: var(--primario-claro);
    display: flex;
    justify-content: space-around;
}
.personeria_tit a{
    color:var(--secundario);
    font-size: 12px;
}
.personeria_tit a:hover{
    color:silver;
}
.personeria_tit i{
    font-size: 20px;
}
#open, #close{
    font-size: 'Arial', sans-serif;
    color:silver;
    font-size: 24px;
    font-weight: 300;
    cursor:pointer;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 30px;
}
#open:hover, #close:hover{
    color:var(--secundario);
    transform: rotate(-180deg);
    transition: 0.12s;
    text-align: center;
}
#close, #acta{
    display: none;
}
@media (max-width:800px){
    #acta{
        font-size: 12px;
    }
}
@media (max-width:640px){
    .carrusel_insitucional{
        width:100%;
        margin-top: 50px;
    }
    .owl-nav{
        display: none;
    }
    .personeria{
        width: 100%;
    }
    .personeria_tit{
        font-size: 18px;
        padding:0 5px
    }
    #open,#close{
        font-size: 20px;
    }
}

/* Notificacion */
.notificacion{
    background: var(--notificacioin-claro);
    overflow: hidden;
}
.notificacion::after{
    content:url('../img/piano.svg');
    position: absolute;
    right: -10px;
    bottom:10px;
    opacity: 0.5;
}
.notificacion > .container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.alert_tit{
 background: var(--notificacion)!important;
}
.alert_date{
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50px;
    color: silver;
}
.col_alert{
    width: calc(75% - 25px);
}
.col_alert p{
    font-size: 14px;
}
.i_alert{
    color:var(--notificacion);
    font-size: 12vw;
    display: inline-flex;
}
.i_alert:hover{
    animation: zumbido 0.5s infinite;
}
@-webkit-keyframes zumbido{
    10%,60%{transform: translate(-3px,3px);}
    20%,70%{transform: translate(-6px,-9px);}
    30%,80%{transform: translate(3px,3px);}
    40%,90%{transform: translate(6px,-9px);}
}
@media(max-width:640px){
    .alert_date{
        display: none;
    }
    .i_alert{
        font-size: 80px;
        width: 100%;
        text-align: center;
        display: block;
        margin:20px auto 45px;
    }
    .col_alert{
        width: 100%;
    }
}
/* Publicidad ó Propaganda */
section.publicidad{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding:0px;
}
.publicidad_back{
    width:55%;
    background: url(/img/publicidad_1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: block;
    box-shadow: inset 0px 0px 36px rgba(0,0,0,0.5);
}
.publicidad_text{
    width:45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    background:#ffffff;
    backdrop-filter: blur(10px);
    text-align: center;
}
.publi_tit{
    font-size: 24px;
    margin-bottom: 50px;
    text-align: center;
}
.publicidad_text>p{
    margin-bottom: 25px;
}
.publi_off{
    text-align: center;
    margin-bottom: 30px;
}
.publi_descuento{
    display: inline-flex;
    font-size: 24px;
    font-weight: 600;
    color:#ffffff;
    background:red;
    padding:7px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
    transform: rotate(-5deg);
    box-shadow: -5px 5px 15px rgba(0,0,0,0.2);
}
.publi_off p:last-child{
    font-weight: 600;
}
.logo_mendy{
    width:100%;
}
@media(max-width:800px){
    .publicidad_back{
        width:60%
    }
    .publicidad_text{
        width:40%
    }
}
@media(max-width:640px){
    section.publicidad{
        display: flex;
        flex-direction: column;
    }
    .publicidad_back{
        height:150px;
        width:100%;        
    }
    .publicidad_text{
        width:100%
    }
}
/* Mesa Comision Directiva*/
.directivos .container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tabla_directiva{
    width:100%;
    font-family: 'Roboto', sans-serif;
}
.tabla_directiva{
    font-size: 12px;
}
.tabla_directiva tr td{
    padding:7px 5px;
    border-bottom: 1px solid silver;
}
.tabla_directiva tr:nth-child(odd){
    background:silver;
}
@media(max-width:320px){
    .tabla_directiva{
        font-size: 11px;
    }
}

/* Ciac */

.ciac .container{
    display: flex;
    justify-content: space-between;
}
@media(max-width:800px){
    .ciac .container > .col_img img{
        width: 100%;
    }

}
@media(max-width:640px){
    .ciac .container{
        flex-direction: column;
    }
    .ciac .container > .col_img{
        margin-top: 50px;
    }
    .ciac .seccion_tit > span{
        display: none;
    }
}

/* Asociaciones por el Mundo */

@media(max-width:640px){
    .sa_x_world .seccion_tit > span{
        display: none;
    }
}

/*iram*/

/* footer  */
footer{
    background:var(--secundario);
    padding:50px 0 75px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.foot_brand{
    height: 150px;
}
.foot_nav{
    display: flex;
    order: 3;
}
.foot_nav_list{
    text-align: right;
    list-style: none;
    padding-right: 25px;
    border-right: 1px solid #ffffff;
}
.foot_nav_list li a{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#ffffff;    
}
.foot_nav_list li a:hover{
    color:var(--primario)
}
.foot_social_nav{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 25px;
    border-left: 1px solid #ffffff;
}
.foot_social_nav i{
    font-size: 30px;
    color:#ffffff
}
.foot_social_nav i:not(last-child){
    padding-right:12px
}
.foot_social_nav i:hover{
    color:var(--primario);
    transform: translate(3px,-3px);
    text-shadow: -3px 3px 5px rgba(0,0,0,0.3);
}
.foot_nav_list{
    display: flex;
    flex-direction: column;
}
.share{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 50px;
    order:2;
}
.share_tit{
    text-align: center;
    width:100%;
    color:#ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.share a{
    padding:10px ;
}
.share i{
    font-size: 24px;
    color:#ffffff
}
.share i:hover{
    color:silver;
    transform: translate(1px, -1px);
}
@media(max-width:800px){
}

@media(max-width:640px){
    footer{
        flex-direction: column;
    }
    .foot_brand{
        width: 120px;
    }
    .foot_nav_list, .foot_social_nav{
        width: 50%;
    }
    .foot_social_nav{
        align-items: center;
    }
    .share{
        order: 2;
        margin: 15px auto 30px;
        height: auto;
    }    
}
/* Seguridad */
.seguridad .container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 100vh;
}
.col_img img{
    width: 60%;
}
@media(max-width:800px){
    .seguridad .container{
        flex-direction: column;
    }
    .seguridad .container .col_txt, .seguridad .container .col_img{
        width:100%
    }
    .seguridad .container .col_txt{
        columns:2;
        text-align: justify;
        column-gap: 25px;
    }
    .seguridad .container .col_img{
        margin-bottom: 50px;
    }
}
@media(max-width:640px){
    .seguridad .container .col_txt{
        columns: 1;
    }
}
/* Formacion */
section.formacion{
    height: auto;
}
/* documentos */
.observacion{
    font-size: 20px;
    text-align: center;
    margin:100px auto 50px;
}
.porta_doc{
    width:calc(33% - 10px);
    max-width:200px;
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:10px
}
.porta_doc i{
    font-size: 64px;
    margin-bottom: 15px;
}
.txt_doc{
    font-size: 12px;
    text-align: center;
    line-height:14px;
    hyphens: none;
}
.porta_doc:hover{
    color:silver;
    transition: 0.12s;
}
.archivero{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
}
@media (max-width:640px){
    .observacion{
        font-size: 16px;
        line-height: 24px;
        margin:50px 0;
    }
    .porta_doc{
        flex-direction: row;
        min-width: 100%;
    }
    .txt_doc{
        text-align: left;
    }
    .porta_doc i{
        font-size: 40px;
        margin-bottom: 0px;
        margin-right: 15px;
    }
}
/* Certificaciones */

.sec_certificacion{
   min-height:100vh;
}
.sec_certificacion > .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* nominas */

.sec_nomina .container{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: flex-start;
}
.row_nomina{
    display: flex;
    width: 100%;
    margin:25px auto 50px;
}
.row_nomina > div{
    justify-content: space-between;
}
.porta_nomina{
    display: flex;
    align-items: center;
}
.porta_nomina:hover{
    color:silver;
    transition:0.12s
}
.porta_nomina:hover>div .last_act{
    color:silver;
    transition:0.12s
}
.porta_nomina i{
    font-size: 40px;
    margin-right: 15px;
}
.last_act{
    font-size: 12px;
    font-style: italic;
}
@media(max-width:640px){
    .last_act{
        font-size: 14px;
    }
}
/* Promociones */
.promociones .container{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.porta_promo{
    display: flex;
    flex-direction: column;
    width: calc(33.3% - 15px);
    max-width: 350px;
    height:auto;
    margin:0px 15px 40px;
    background: white;
    border:1px solid lightgray;
    border-radius: 5px;
    padding-bottom: 20px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
}
.promo_logo{
    width:100%;
    height:200px;
    padding:15px;
    margin-bottom: 10px;
    border-radius: 5px 5px 0 0;
    display: grid;
    object-position: center;
}
.promo_logo > img{
    align-self: center;
    margin:auto;
    width: 90%;
}
.promo_info {
    font-size: 14px;
    padding:10px;
    text-align: center; 
    position: relative;
}
.promo_info .descuentos{
    text-align: center;
    padding-top: 20px;
    font-size: 12px;
}
[class ^= promo-]{
    margin-bottom: 15px;
}
.promo_info .descuentos a{
    color:var(--secundario)
}
.promo_info .descuentos a:hover{
    color: silver;
}
.off{
    display: inline-block;
    padding:0 3px;
    background: red;
    color:#ffffff;
    font-weight: 600;
    font-size: 16px;
}
@media (max-width:768px){
    /*.promociones > h2.seccion_tit{
        padding:50px 0
    }*/
    .porta_promo{
        width:40%
    }
}
@media(max-width:425px){
    .porta_promo{
        width:80%;
        min-height: 405px;
    }
}
/* Preguntas y respuestas Frecuentes | FAQS */

/* Consultas - Contacto */
.consultas >.container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
#contacto{
    display: flex;
    flex-direction: column;
}
#contacto input, #contacto textarea{
    padding:20px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    outline: none;
    border:none;
    border-radius: 3px;
}
#contacto input:not(:last-child), #contacto textarea{
    margin-bottom: 25px;
    border: silver
}
#contacto textarea{
    min-height: 125px;
    max-width:100%;
    min-width:100%;
}
#contacto input:last-child{
    background: var(--primario);
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
}
#contacto input:last-child:hover{
    background: silver;
    box-shadow: inset 0px 0px 15px rgba(0,0,0,0.3);
}
.contact_card{
    background:var(--primario);
    border-radius: 3px;
    padding:10px
}
.contact_card, .contact_datos{
    display: flex;
    flex-direction: column;
}
.contact_card > iframe{
    width:100%;
    height: 100%;
    display: block;
}
.contact_datos{
    padding:20px;
}
.contact_datos a{
    color:var(--secundario);
    margin-bottom: 5PX;
}
.contact_datos a:hover{
    color:var(--link)
}
#thanks{
    width:100%;
    height: 100%;
    display: none;
    flex-direction: column;
    position:absolute;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.5) ;
    backdrop-filter: blur(6px);
    top:0;
    right:0;
    
}
#thanks a{
    position: absolute;
    margin-bottom: 150px;
}
#thanks a i{
    font-size: 30px;
    color:var(--notificacion)
}
#thanks a i:hover{
    color:var(--primario);
    transform: translateY(-5px);
    transition: 0.12s;
}
#thanks p{
    color:white;
    font-size: 24px;
    text-align: center;
}
#thanks:target{
    display: flex;
}




/* Multimedia - fotos y videos */
.video_row{
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}
.porta_video{
    width: calc(33% - 15px);
    border-radius: 3px;
    overflow: hidden;
    background: var(--primario);
    box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
}
.porta_video > iframe{
    width: 100%;
    height: 390px;
}
.video_tit{
    min-height: 70px;
    padding:20px 15px;
    text-align: center;
    line-height: 0.9px;
}
@media(max-width:425px){
    .video_row{
        flex-direction: column;
    }
    .porta_video{
        width:90%;
        margin:auto;
        margin-bottom: 25px;
    }

}
/* galeria */
.gallery{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.gallery_thumb{
    width:calc(25% - 10px);
    min-height: 120px;
    max-height: 150px;
    margin:5px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.gallery_thumb > img{
    display:flex;
    position: absolute;
    width:auto;
    width: 100%;
    height: auto;
    min-height: 100%;
}
.gallery_thumb:hover > img{
    transform: scale(1.1);
    transition: 0.12s ease-in-out;
}
.arrow_left, .arrow_right{
    font-size: 48px;
    margin:10px;
    color:#ffffff;
}
.arrow_left{
    margin-right: 20px;
}
.arrow_right{
    margin-left:20px
}
.arrow_left:hover, .arrow_right:hover{
    color:var(--link)
}
.cerrar{
    font-size: 30px;
    position: absolute;
    top:60px;
    right: 20px;
    color:var(--primario);
}
.cerrar:hover{
    color:var(--link);<
}
/* full pic */
.full_pic{
    background: rgba(0,0,0,0.5) ;
    height:100vh;
    width:100%;
    position: fixed;
    top:0;
    left:0;
    backdrop-filter: blur(6px);
    z-index: 5;
    display: none;
    align-items: center;
    justify-content: center;
    user-select: none;
}
[id |= gallery]:target{
    display: flex;
}
.full_pic > .gallery_row{
    position: relative;
    height: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.full_pic .gallery_row img{
    display: block;
    height: 100%;
    border:7px solid #ffffff;
}
@media(max-width:768px){
    .gallery{}
    .gallery_thumb{
        width: 30%;
        min-width: 100px;
    }
}

@media(max-width:425px){
    .gallery_thumb{
        width:33%;
        margin:0px;
    }
}