@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;
}



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

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

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

 .info-header span{
 color:white;
 }

 @media(max-width:640px){
 .info-header{
 min-height:10vh;
 }
 .info-header h3{
 font-size:24px;
 }
 }




 .resena-subtitle{
 text-align:center;
 }
 .resena-subtitle h4{
 font-size:28px;
 font-family:var(--font-content);
 font-weight:800;
 position:relative;
 color:var(--verde-agua-4);
 text-transform:uppercase;
 }

 .resena-subtitle h4:before,
 .resena-subtitle h4::after{
 content:"";
 width:50px;
 height:3px;
 background:var(--verde-lima);
 display:inline-block;
 }

 .resena-subtitle h4:before{
 margin:0 15px 10px 0;
 }

 .resena-subtitle h4:after{
 margin:0 0 10px 15px;
 }

 .content-resena{
 color:black;
 text-align:justify;
 font-family:var(--font-content);
 }

 @media (max-width:640px){

 .resena-subtitle h4{
 font-size:18px;
 font-family:var(--font-content);
 font-weight:800;
 position:relative;
 color:var(--verde-agua-4);
 text-transform:uppercase;
 }
 .resena-subtitle h4:before,
 .resena-subtitle h4::after{
 content:"";
 width:10px;
 height:3px;
 background:var(--verde-lima);
 display:inline-block;
 }

 .content-resena{
 padding:30px;
 }

 }

 
 .team-planificador .img-resena{
 display:flex;
 justify-content:center;
 align-items:center;
 }

 .team-planificador .img-resena img{
 width:55%;
 height:auto;
 border-radius:100px;
 }


@media (min-width:768px){
 .p-resena{
 padding-left:180px;
 padding-right:180px;
 }

 .team-planificador{
 padding-left:100px;
 padding-right:100px;
 }
}


.team-planificador .p-3{
 border-radius:20px;
 padding:0px;
}

.team-planificador h1{
 color:var(--verde-lima) !important;
 text-align:center;
 font-size:30px;
 font-family:var(--font-titles);
 font-weight:700;
 text-transform:uppercase;
}

.team-planificador h6{
 color:var(--verde-agua-2);
 text-align:center;
 text-transform:uppercase;
 font-weight:600;
 font-family:var(--font-content);
}

.team-planificador p{
 color:black;
 font-family:var(--font-content);
 text-align:center;
}



.aliados-estrategicos h1{
 text-align:center;
 color:var(--verde-agua-1);
}

.aliados-estrategicos h6{
 color:black;
 text-align:center;
 font-family:var(--font-content);
}


 .aliados-estrategicos .row .p-3 h6{
 font-family:var(--font-content);
 color:var(--verde-agua-2)
 }

 .aliados-estrategicos .row .p-3 b{
 color:var(--verde-agua-2);
 font-size:18px;
 }

.team-planificador h6{
}


.section-info{
 padding-top:2%;
}
 
.section-info .card-body .acerca-subtitle h4{
 font-size:24px;
 font-family:var(--font-content);
 font-weight:800;
 position:relative;
 color:var(--verde-agua-1);
 text-transform:uppercase;

}
.ob-especifico h4{
 font-size:24px;
 font-family:var(--font-content);
 font-weight:800;
 position:relative;
 color:var(--verde-agua-1);
 text-transform:uppercase;
}


 .section-info .card-body .acerca-subtitle h4:before,
 .section-info .card-body .acerca-subtitle h4::after{
 content:"";
 width:14px;
 height:6px;
 background:var(--color-dg-1);
 display:inline-block;
 }

 .section-info .card-body .acerca-subtitle h4:before{
 margin:0 15px 10px 0;
 }

 .section-info .card-body .acerca-subtitle h4:after{
 margin:0 0 10px 15px;
 }

 @media(max-width:640px){
 .section-info .card-body .acerca-subtitle h4{
 font-size:18px;
 color:var(--verde-agua-2);
 text-align:center;
 }
 .ob-especifico h4{
 font-size:18px;
 color:var(--verde-agua-2);
 font-family:var(--font-content);
 font-weight:800;
 text-align:center;
 }
 .section-info .font-contenido{
 padding-left:15px;
 padding-right:15px;
 font-size:15px!important;
 }
 .section-info .font-contenido2{
 padding-left:20px;
 padding-right:20px;
 font-size:15px!important;
 }


 }

 

.title-galeria{
 display:flex;
 justify-content:center;
 align-items:center;
}

 .title-galeria h3{
 color:var(--verde-agua-2);
 font-family:var(--font-titles);
 text-transform:uppercase;
 font-weight:600;

 }

 .section-info .font-contenido{
 font-family:var(--font-content),sans-serif;
 color:black;
 font-size:20px;
 text-align:justify;
 }
 .section-info .font-contenido2{
 font-family:var(--font-content),sans-serif;
 color:black;
 font-size:20px;
 text-align:justify;
 }

 
 .icon{

 color:var(--verde-agua-3);

 }

 .icon-info:nth-child(odd){
 text-align:center;
 vertical-align:middle;
 padding:10px;
 font-weight:700;
 border-radius:50%;
 background:var(--verde-agua-4);
 color:white;
 }



 

 .section-team{
 background-color:white;
 background-image:url(../../Img/m24.svg);
 background-size:cover;
 padding:50px 0px 50px 0px;
 box-shadow:rgba(149,157,165,0.2) 0px 8px 24px;
 }

 .section-team .subtitle-team h4{
 font-size:25px;
 color:var(--verde-agua-1);
 text-align:center;
 font-weight:700;
 }

 @media(max-width:640px){
 .section-team{
 padding:0px;
 }
 .section-team .subtitle-team h4{
 font-size:18px;
 }
 }
 .section-team .control-team{
 display:flex;
 justify-content:center;
 align-items:center;
 gap:10px;
 }

 .section-team .control-team .previous{
 background-color:var(--verde-agua-2);
 color:white;
 padding:10px;
 border-radius:10px;
 }

 .section-team .control-team .next{
 background-color:var(--verde-agua-2);
 color:white;
 padding:10px;
 border-radius:10px;
 }

 .section-team .my-slider div{
 padding:20px;
 text-align:center;
 width:10px;
 border-radius:50%;
 }
 .section-team .my-slider div img{
 width:100%;
 border-radius:10%;
 }
 @media(max-width:640px){
 .section-team .my-slider div{
 padding:2px;
 }
 }


 

 .tns-nav{
 text-align:center;
 margin-top:15px;
 margin-bottom:15px;
 }

 .tns-nav button{
 height:13px;
 width:8px;
 background-color:#a5a5a5;
 border:none;
 margin-left:7px;
 border-radius:50%;
 }

 .tns-nav .tns-nav-active{
 background-color:black;
 }