body{
width: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;

}
.noScroll{
overflow: hidden;
height: 100%;

}

.wrap{
 width: 95%;
 margin:auto;
 user-zoom: none;
}
    
.tabs{
    width: 90%;
    margin: 0 auto;
    list-style:none;
    display: grid;
    background-color: #05203d;
    border-radius: 10px;
    margin-top:auto;  margin-bottom:auto  ;
    grid-template-columns: repeat(4,1fr);
    gap: 5px;
    padding: 0;
}
ul.tabs li a{
 width: 100%;
 height:100% ;
 color: #fff;
 text-decoration: none;
 font-size: 1rem;
 display :flex;
 justify-content: center;
 align-items: center;
 gap: 4px;

 
}

.bloque{
    display: block;
}

ul.tabs li{
 height: 68px;
 width: 100%;
 display: flex;
 align-items: center;
 text-align: center;
 border-radius: 10px;  
 margin-top:auto;  margin-bottom:auto  ;
}

.active{
    background-color: rgb(34, 80, 139);
    border-radius: 10px;
    
}
ul.tabs li a{
    margin-left: auto; margin-right: auto;
} 

ul.tabs :hover{
    border-radius: 10px;
    background-color: rgb(34, 80, 139);
}

.secciones{
    width: 90%;
    margin: 0 auto;
    border: solid 3px  rgb(5, 32, 61,0.50);
    margin-top: 10px;
    border-radius: 15px;
}

.secciones article{
    padding: 30px 10px;
  
}
.secciones article h2{
    text-align: center;
}
.secciones article p{
    text-align: justify;
}

.completo{
grid-column: 1/4;

}


/*galeria*/
.none{
    transform: translatey(-100%);
    transition: transform .4s ease-in;
}

.conteiner-grid{
width: 80%;
margin: auto;
/*background-color: rgb(33, 61, 85);*/
display: grid;
grid-template-columns: repeat(4,1fr);
grid-template-rows: repeat(auto,250px);
grid-gap: 10px;
justify-items: center;
justify-content: center;
}

.container-img{
    position: fixed;
    overflow: hidden;
    max-height: 100dvh;
    height: 100%;
    width: 100% ;
    inset: 0;
    background: rgb(0, 0,0,0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateX(-100%);
    transition: transform .4s ease-in;
    z-index: 1000;

}

.img{
    object-fit: contain;
    width: 165px;
    height: auto;
    border-radius: 10px;
    border-width: 5px;
    border-style: solid;
    border-color: #05203d;margin-left: auto;

}
.img:hover{
cursor: pointer;
filter: brightness(1.15);
transition: filter .5s;
}

.move{
    overflow: hidden;
    transform: translateX(0);
    transition: transform .4s ease-in;
}
.img-show{
    max-width: 1150px;
    height: 60%;
    width:auto;
    display: block;
    object-fit: contain;
    transform: scale(0);
    transition: transform .5s  .4s;
}
.show{
    transform: scale(1);
   
}
.copy{
   width: 90% ;
   font-size: 1.5rem;
   text-align: center;
   color: #fff;
   bottom: 40px;
}
#icon-cerrar{
    position: absolute;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    top: 60px;
    right: 20px;
}

.marco{
display: grid;
justify-content: center;
align-content: center;
width: 100%;
height: 100%;

}