:root{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f3f3f3;
 
}

body{
    margin: 0 !important;
    
}

.header{

    font-family: Arial, Helvetica, sans-serif;
 
    color: #fffefe;
      position:sticky;
    top: 0; 
   
}



.container-main{
    font-size: 20px;
    width:auto ;
    margin: auto;
    padding: 15px;
    
    background-color: #004AAD;
   display: grid;
   grid-template-columns: 2fr 2fr;
    box-sizing: border-box;
  

}
.container-ops{
    display: grid;
    grid-template-columns: repeat(3,1fr);
     box-sizing: border-box;
 }

.container-ops a{
    text-decoration: none;
 }

 .container-ops-info{
    display: grid;
    grid-template-columns: 1fr 1fr 0.2fr;
    box-sizing: border-box;
 }

 .container-ops-info a{ 
  text-decoration: none;
 }
 


.nav-container-voc{
    display: grid;
    align-items: center;
    align-content: center;
   text-align: center;
}
.nav-container-sobreNosotros{
    display: grid;
    align-items: center;
    align-content: center;
   text-align: center;
  
}

.nav-container-info{
    display: grid;
    align-items: center;
    align-content: center;
   text-align: center;
}

.nav-container-menu{
    background-color: #004AAD;

   
}
.btn-menu{
    background-color: #004AAD;
    border: none;
    cursor: pointer;
    
}
 .logo-ico{
    width: 72px;
    height: 72px;
 }

 .menu{
    width: 52px;
    height: 52px;
 }

 #btnMenu{
    display: none;
 }
 .container-menu{

    position:absolute;
    background-color: transparent;
    width: 100%;
    height: 100vh;
    top:0;
    right: 0;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
 }

 #btnMenu:checked ~.container-menu{
    opacity: 1;
    visibility: visible;
 }
.cont-menu{
    width: 100%;
    max-width: 250px;
    height: 100vh;
    background-color: #004AAD;
    position: relative;

    transition: all 500ms ease;
    transform: translateX(-100%);

}
#btnMenu:checked ~.container-menu .cont-menu{
    transform: translateX(0%);
 }

.cont-menu nav{
    transform: translateY(15%);

}
.cont-menu a{
    display: block;
    text-decoration: none;
    padding: 20px;
    color: #fffefe;
    border-left: 5px solid transparent;
    transition: all 400ms ease;
}

.cont-menu nav a:hover{
    border-left: 5px solid #fffefe;
}

.container-ops .nav-container-voc:hover{
    border-bottom: 5px solid #fffefe;
}
.container-ops-info .nav-container-sobreNosotros:hover{
    border-bottom: 5px solid #fffefe;
}
.container-ops-info .nav-container-info:hover{
    border-bottom: 5px solid #fffefe;
}

.cont-menu label{
    position: absolute;
    right: 5px;
    top:10px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
}

/*////////////////////////////////////////////////////////*/

/* Establece el color de los enlaces no visitados */
a:link {
    color: #fffefe;
    /* Color azul para enlaces no visitados */

}

/* Establece el mismo color para los enlaces visitados */
a:visited {
    color: #fffefe;
    /* Mismo color azul para enlaces visitados */
}

/*seccion dos de texto*/

.text-section{
 
    width: 90%;
    height: 1005;
    margin: auto;
    padding: 2%;
    /*outline: 1px solid black;*/
     
    display: flex;
    justify-content: center;
}

.info{
    width: 90%;
    height: 100%;
    padding: 2px;
    
   
    display: grid;
    grid-template-rows: 0.5fr 1fr;
    /*outline: 1px solid black;*/
    box-sizing: border-box;
    align-items: center;
    align-content: center;
    
}

#titulo-section{
    text-align: center;
    
}
#texto-section{
    padding: px;
    text-align: justify;
    box-sizing: border-box;
}


@media (width<800px)
{
    .navcontainer-voc ,.nav-container-sobreNosotros ,.nav-container-info{
        visibility: hidden;
    }
}

.container-footer{
    width: 100%;
    height: 100%;
    align-items: center;
    text-align: center;
}
.texto-footer{
    color: #c1bebe;
    font-size: 10px;
}