@import url('https://fonts.googleapis.com/css?family=Roboto');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');

:root{
 
 --font-titles:'Montserrat';
 --font-content:'Roboto';
 --font-alternative:'Montserrat Alternates';
 
 --verde-agua-1:#184848;
 --verde-agua-2:#006060;
 --verde-agua-3:#007878;
 --verde-agua-4:#2f5a5a;
 --verde-agua-5:#466c6c;
 --verde-lima:#a8c030;
 --color-pastel:#F0F0D8;
 --color-alter:#59886b;
 --color-alter2:#f8f9fa;
 
 --color-dg-1:#d9e0e7;
 --color_dg-2:#6c8a8b;
}



.glosario-header{
 padding:5px 0 5px 0;
 min-height:15vh;
 position:relative;
 background-image:url('/img_portal/header/head-glosario.jpg');
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
}

 .glosario-header:before{
 content:"";
 background-color:rgba(0,0,0,0.6);
 position:absolute;
 inset:0;
 }

 .glosario-header h3{
 font-size:46px;
 font-weight:700;
 text-align:center;
 color:white;
 font-family:var(--font-titles);
 }

 .glosario-header span{
 color:white;
 }

@media(max-width:640px){
 .glosario-header{
 min-height:10vh;
 }

 .glosario-header h3{
 font-size:24px;
 }
}


.section-letter .button_letras{
 background-color:var(--color-dg-1) !important;
 display:flex;
 justify-content:center;
 
 align-items:center;
 border-radius:30%;
 margin:5px;
 height:40px;
 width:50px;
 border-bottom:2px solid var(--verde-agua-2);
}
@media (max-width:640px){
 .section-letter{
 padding-bottom:20px;
 }
 .section-letter .button_letras{
 height:25px;
 padding-top:10px;
 width:25px;
 }
 .section-letter .button_letras h1{

 font-size:15px!important;
 }
}
.section-letter .button_letras h1{
 color:var(--verde-agua-2);
 font-size:18px;
 font-weight:800;
 font-family:var(--font-content);
}

 .section-letter .button_letras:hover{
 box-shadow:0px 10px 10px var(--verde-lima);
 }
 .section-letter .button_letras h1:hover{
 color:black;
 }

.section-letter .button_letras a{
 text-decoration:none!important;
}

.post-glosario{
 

 padding-left:20px;
 padding-right:30px;
 

 width:100%;
 height:100%;
}
.post-glosario .message-blank{
 font-family:var(--font-content),sans-serif!important;
 color:var(--verde-agua-3)!important;

}
 .post-glosario .font-termino{
 font-size:17px;
 font-family:var(--font-content),sans-serif;
 color:var(--verde-agua-1);
 font-weight:700;
 text-transform:uppercase;
 }
 .post-glosario .fa-arrow-circle-right{

 color:var(--verde-lima);
 font-size:20px;
 }
 .post-glosario .font-descripcion{
 font-family:var(--font-content);
 font-size:16px;
 text-align:justify;
 }



.seccion_glos{
 background-color:#004a82;
 border-top:3px solid #007cbf;
}

.title_glosP{
 font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;
 color:white;
 font-size:2.3vw;
}


.style_letter{
 text-decoration:none;
 color:#004a82;
}



.dv_body{
 
 
 align-content:center;
 padding-top:50px;
 overflow:auto;
 margin-left:5%;
 width:95%;
 height:90vh;
}

 .dv_body ul li button{
 background-color:white;
 color:darkblue;
 }

 .dv_body ul li button:hover{
 background-color:#004a82;
 color:white;
 }

.img-let{
 width:100%;
 height:100%;
}

 .img-let:hover{
 background-color:yellow;
 }