@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@500&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-dg-1:#d9e0e7;
 --color_dg-2:#6c8a8b;
}

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

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

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

 .noticia-header span{
 color:white;
 }

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

 .noticia-header h3{
 font-size:24px;
 margin-top:10px;
 }
}






.buscador-noticia{
 width:1500px !important;
 display:flex;
 justify-content:center;
 align-items:center;
}
@media (min-width:1920px){
 .buscador-noticia{
 position:absolute;
 z-index:1;
 }
 .mt-noti{
 margin-top:60px!important;
 }
}

.buscador-noticia form input{
 background-color:white;
 
}
 .buscador-noticia form input::placeholder{
 color:var(--verde-agua-2);
 }
 .buscador-noticia form input:focus,
 input:hover{
 outline:none;
 border:1px solid var(--verde-agua-2);
 background-color:#fff;
 box-shadow:none;
 }
.buscador-noticia form button{
 background-color:var(--verde-agua-2);
 border:2px solid var(--verde-agua-2);
 color:white;
}
.card{
 border-radius:20px;
 border:1px solid var(--color-dg-1);
}
 .card .card-imgs{
 padding:30px;
 }
 .card .card-imgs .Image{
 border-radius:100px !important;
 }
 .card .card-body h5{
 color:var(--verde-agua-1);
 font-size:18px;
 line-height:25px;
 font-family:var(--font-content);
 font-weight:600;
 text-align:justify;
 }

 .card .card-date svg{
 color:var(--verde-agua-1);
 }
 .card .card-date p{
 color:#314b3b;
 display:inline;
 font-family:arial,var(--font-content);
 }
 .card .card-body p{
 text-align:justify;
 font-family:var(--font-content);
 font-size:15.5px;
 color:black;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:6;
 overflow:hidden;
 }

 .card .card-body .detalles{
 display:inline-flex;
 font-family:var(--font-content);
 margin-top:1rem;
 font-size:.875rem;
 line-height:1.25rem;
 font-weight:500;
 align-items:center;
 gap:.25rem;
 background-color:var(--verde-agua-2);
 color:white !important;
 padding:4px 8px;
 border-radius:4px;
 width:125px;
 text-decoration:none;
 font-size:16px;
 }

 .card .card-body .detalles span{
 transition:.3s ease;
 }

 .card .card-body .detalles:hover span{
 transform:translateX(4px);
 }






.card .row .col-md-8 .card-body .card-title{
 color:#314b3b !important;
 font-weight:600;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
}

 .card .row .col-md-8 .card-body .card-text{
 font-size:15px
 }
 
 .pagination{
 padding-left:0;
 list-style:none;
 border-radius:.25rem;
 display:flex;
 justify-content:center;
 align-items:center;
 text-align:center;
 }

 .page-item:first-child .page-link{
 margin-left:0;
 border-top-left-radius:.25rem;
 border-bottom-left-radius:.25rem;
 width:80px;
 }

 .page-item:last-child .page-link{
 border-top-right-radius:.25rem;
 border-bottom-right-radius:.25rem;
 width:80px;
 }


 .page-item.active .page-link{
 z-index:3;
 color:white;
 background-color:var(--verde-agua-2);
 border-color:#59886b;
 }


 .page-item.disabled .page-link{
 color:#6c757d;
 pointer-events:none;
 cursor:auto;
 background-color:#fff;
 border-color:red;
 }

 .page-link{
 position:relative;
 display:block;
 width:50px;
 margin-left:-1px;
 line-height:1.25;
 color:var(--verde-agua-1);
 background-color:#fff;
 border:1px solid #f7f7f7;
 }

 .page-link:hover{
 z-index:2;
 color:white;
 text-decoration:none;
 background-color:var(--verde-agua-2);
 border-color:#59886b;
 box-shadow:none;
 }

 .page-link:focus{
 z-index:3;
 outline:0;
 
 
 }





@media (max-width:640px){
 .page-item{
 display:none;
 }
 .page-item:nth-child(-n+2){
 display:inline-block;
 }
 .page-item:nth-last-child(-n+2){
 display:inline-block;
 }
}