.publicaciones-listado-container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pub-wrapper{
    width: 100%;
}

.publicaciones-titulo-container{
    width: 100%;
    background: linear-gradient(to bottom, #184849 0%, #1C565A 50%, #226466 100%);
    padding: 20px 0 40px 0;
    border-radius: 100px 0 100px 0;
    display: row;
    align-items: center;
    text-align: center;

}

.publicaciones-titulo{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 30px 0 60px 0;
}


.publicaciones-titulo h2{
    font-size: 48px;
    margin: auto auto auto 60px ;
    color: #ffffff;
    

}

.publicaciones-titulo img{
    width: 70px;
    margin-left: 12%;
}

.pub-toggle{
    margin: auto;
    width: 76%;
    background-color: #ffffff;
    color: #194A4B;
    border-style: none;
    border-radius: 25px;
    height: 70px;
    font-size: 36px;
    font-weight: 700;
     font-family: 'montserrat';
}


.container-item{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0 20px 0;
}

.pub-panel .hidden { display:none; }

.pub-panel{
    width: 100%;
    margin: auto;

    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pub-list {
    width: 100%;
    transition: transform 0.35s ease, opacity 0.35s ease;

}

.item-back-gris{
    background-color: #EFEEEE;
}

.item-back-blanco{
    background-color: #ffffff;
}

.item {

  width: 78%;
  display: flex;
  align-items: center;


}

.codigo{
    
    width: 60px;
    height: 50px;
    background: linear-gradient(to bottom, #184849 0%, #1C565A 50%, #226466 100%);
    border-radius: 20px 0 0 0;
    margin: 1%;
    padding: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;


}

.codigo-texto{
    color: #ffffff;
    font-weight: 300;
    font-style: normal;
    display: inline-block;
    white-space: nowrap;
    font-size: 24px;
}

.item  p{
    width: calc(70% - 200px);
    margin: auto;
    text-align: left;
    font-size: 18px;
    font-style: normal;
}



.item a{
   background: linear-gradient(to bottom, #184849 0%, #1C565A 50%, #226466 100%);
   color: #ffffff;
   border-radius: 16px;
   width: 140px;
   height: 55px;
   text-decoration: none;
   text-align: center;
   margin: auto;
   display: flex;
   align-items: center;
    justify-content: center;
   font-size: 28px;
   font-weight: bold;
   font-style: normal;
}

.pub-code {
  font-weight: bold;
}

.pub-nav-container{
    width: 100%;
    background: linear-gradient(to bottom, #184849 0%, #1C565A 50%, #226466 100%);
    padding: 20px 0 20px 0;
    border-radius: 0 0 120px 0;
    display: row;
    align-items: center;
    text-align: center;
    justify-content: center;
}

button{
    background-color: transparent;
    border: none;
    margin: auto;
}

.pub-nav {
  display: flex;
  justify-content:center;
  align-items: center;
  margin: 10px 0;
  gap: 10px;
}

.pub-nav button{  
    margin: 0;
}

.pub-nav img{
    width: 50px;
    margin: auto;
    background-color: transparent;
}



.pub-less{
    margin: auto;
    margin-top: 40px;
    margin-bottom: 70px;
    width: 76%;
    background-color: #ffffff;
    color: #194A4B;
    border-style: none;
    border-radius: 25px;
    height: 70px;
    font-size: 36px;
    font-weight: 700;
    font-family: 'montserrat';
}

.hidden {
  display: none;
}


/*-------------- BARRA DE FILTROS -----------------*/

.pub-filters{
    width: 100%;
    font-family:  'montserrat';
    padding: 20px 0 20px 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

#f-autores{
    height: 35px;
    font-size: 20px;
    margin-right: 40px;
}

.pub-filters label{
       margin-right: 40px;
       font-size: 16px;
       font-weight: 500;
       vertical-align:baseline;

}

#f-alto{
    height: 35px;
    width: 35px;
    vertical-align: middle;
    margin-right: 10px;
}

#f-reciente{
    height: 35px;
    width: 35px;
    vertical-align: middle;
    margin-right: 10px;
}

#f-categoria{
    height: 39px;
    font-size: 16px;
}

/*-------------------------------------------------*/

/*----------- CONTADORES --------------------------*/

.contador-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:space-between;
    padding: 100px 20% 15px 20%;
    box-sizing: border-box;

}

.contador-card-left, .contador-card-right{
    background: linear-gradient(140deg, #FFCD5C 0%, #226466 22%, #1C565A 42%, #184849 100%);
    width: 500px;
    height: 400px;
    display:flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content:center;
    color: #ffffff;

    box-sizing: border-box;
}

.contador-card-left{
    border-radius: 80px 80px 0 80px;
    margin-right: 10px;

}

.contador-card-left h1{
    font-size: 140px;
    height: 200px;      
    margin: 50px 0 0 0;

}

.contador-card-left h2{
    font-size: 50px;
    font-weight: 300;
    width: 100%;
    height: 170px;
    padding: 0;
    margin: 0;

}

.contador-card-right{
    border-radius: 80px 80px 80px 0;
    margin-left: 10px;
}

.contador-card-right h1{

    font-size: 140px;
    height: 200px;
    margin: 50px 0 0 0;
}

.contador-card-right h2{
    font-size: 50px;
    font-weight: 300;
    width: 100%;
    height: 170px;
    padding: 0;
    margin: 0;
}

/*-------------------------------------------------*/

/*------------------ BANNER -----------------------*/

.separador-banner{
    background: linear-gradient(to right, #E8EAEF 0%, #C2C2C4 50%,#D9DADF 100%);
    width: 100%;
    height: 30px;
}

.banner-investigaciones{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 556px;

}

.banner-investigaciones p{
    width: 70%;
    text-align: center;
    font-size: 56px;
    color: #ffffff;
    font-weight: 800;
    margin: auto;
    margin: 100px auto 100px auto;
}

/*-------------------------------------------------*/

/*----------------- BIBLIOTECA --------------------*/

.biblioteca-titulo{
    width: 100%;
    padding: 0 0 0 14%;
    margin-top: 90px;
    text-align:left;
    display: flex;
    align-items: center;
    box-sizing: border-box;
   
}

.biblioteca-titulo h1{
    font-size: 67px;
    background-image: linear-gradient(to bottom, #082530 0%, #0D394F 50%, #10465B 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin: auto auto auto 60px ;

}

.biblioteca-titulo img{
    width: 130px;
}

/*-------------------------------------------------*/