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


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

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

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

 .infografia-header span{
 color:white;
 }

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

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

.crd-infog{
 max-width:540px;
 
 box-shadow:rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;
 padding:5px;
}
.crd-infog img{
 width:100%;
}

.crd-infog .card-body h6{
 color:var(--verde-agua-2);
 font-family:var(--font-content);
 font-size:17px;
 font-weight:500;
 text-align:justify;
 text-transform:uppercase;
}
 .crd-infog .card-body p{
 color:black;
 font-family:var(--font-content);
 text-align:justify;
 font-size:15px;
 }
 .crd-infog .btn-infografia{
 background-color:var(--verde-agua-3);
 padding:5px 10px 5px 10px;
 color:white!important;
 text-decoration:none;
 border-radius:10px;
 font-size:17px;
 border-bottom:1px solid var(--verde-agua-2);
 
 }

 .crd-infog .btn-infografia:hover{
 background-color:var(--color-dg-1);
 border-top:2px solid var(--verde-lima);
 color:var(--verde-agua-1) !important;
 border-bottom:2px solid white;
 
 }

.crd-infog .btn-infografia span{
 color:var(--verde-lima);
}

.paginador-infog{
 
 display:flex;
 justify-content:center;
 align-items:center;
}

.paginador-infog .pagination .page-link{
 color:var(--verde-agua-2);
 font-weight:400;
}

 .paginador-infog .pagination .active .page-link{
 background-color:var(--verde-agua-1)!important;
 border:2px solid white;
 color:white;
 }




 

 .p-resena{
 color:red!important;
 }


 

.agroclips-title{
 
 text-align:center;
 font-family:var(--font-titles),Arial;
 color:var(--verde-agua-2)!important;
 font-weight:600;
 font-size:30px;

}
.videos-container .col-md-7{
 background-color:white;
}

.videos-container h2{
 color:var(--verde-agua-2);
 font-family:var(--font-titles);
 text-align:justify;
 line-height:1.2;
 background-color:var(--color-dg-1);
 
 border-bottom:3px solid var(--verde-agua-3);
 
 font-size:25px;
 padding:20px;
 
 box-shadow:rgba(0,0,0,0.4) 0px 2px 4px,rgba(0,0,0,0.3) 0px 7px 13px -3px,rgba(0,0,0,0.2) 0px -3px 0px inset;
}

.videos-container .lead{
 
 font-family:var(--font-content);
 text-align:justify;
 font-size:19px;
 padding-top:30px;

}

.video-pap{
 width:500px;
 height:500px;
 background-color:var(--color-dg-1);
}

@media(max-width:640px){

 .agroclips-title{
 font-size:20px;
 }

 .videos-container .col-md-7{
 background-color:white;
 }

 .videos-container h2{
 font-size:18px;
 padding:10px;
 
 }

 .videos-container .lead{
 font-size:15px;
 padding-top:20px;
 padding-left:15px;
 padding-right:15px;
 }

 .video-pap{
 width:300px;
 height:300px;
 }
}