@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

/* Logo de la página */
.custom-logo {
  width: 280px;
}

/* Menú de la página */
#primary-menu .menu-item a {
  color: #007501 !important;
  text-transform: uppercase;
}

/* Listado de las entradas */
#main .entry-title a,
#main .entry-title a:hover {
  font-family: 'Merriweather', serif !important;
  font-size: 21px;
}

/* Pie de página */
.footer-column-three {
  padding: 11px;
}

/* © Comunidad Biológica */
#colophon .site-info {
  text-align: center;
}

/* Eliminación Read More */
.read-more-blogfeed {
  display: none !important;
}

/* Título de entradas */
.hentry .entry-header h1 {
  font-size: 23px;
  transform: translatex(0px) translatey(0px);
  text-transform: none;
  font-family: 'Merriweather', serif;
}

/* Estilos para los H2 (Subtítulos) */
.hentry h2, 
.hentry h2 strong {
  font-family: 'Merriweather', serif;
  font-size: 21px;
  line-height: 1.3em; 
}

/* Párrafos del artículo */
.hentry .entry-content p,
.entry-content p {
  font-family: 'Merriweather', serif;
  font-size: 17.5px; /* Cambia este número para moderar el tamaño en PC */
  color: #000000; /* Texto en negro para lectura cómoda */
  line-height: 1.7; 
}

/* Tamaño comentario */
#comments .comments-title span {
  font-size: 23px;
}

/* Enumerado de comentario */
#comments h2 {
  transform: translatex(0px) translatey(0px);
  display: inline-block;
  font-size: 24px;
}

/* Tamaño de los populares */
#secondary li .widgets-list-layout-links .bump-view {
  font-size: 15.5px !important;
}

/* Entradas populares (Agrupado tamaño y centrado) */
#secondary .widget h4 {
  font-size: 21px;
  text-align: center;
  color: #000000 !important; /* Esto quita el gris y lo pone negro puro */
  font-family: 'Merriweather', serif; /* Para que combine con tus otros títulos */
}

/* Tamaño y color de referencia */
.hentry .expand summary {
  font-size: 19px;
  color: #b74900;
}

/* Espacio para viñetas y listas numeradas */
.hentry ul li, 
.hentry ol li,
.entry-content ul li, 
.entry-content ol li,
details ol li, 
div[class*="accordion"] li,
.su-spoiler-content li {
  margin-bottom: 18px !important;
  line-height: 1.6 !important;
}

/* Listas numeradas H3 */
.hentry ol strong {
  display: inline-block;
  transform: translatex(0px) translatey(0px) !important;
  font-size: 21px;
}

/* Subtitulos H3 */
.hentry h3 strong {
  font-size: 20px;
}

/* Tamaño de referencia */
.hentry .jhse-expand summary {
  font-size: 19px;
}

/* Si te gusta la ciencia */
#subscribe-text p {
  text-align: center;
}

#subscribe-email {
  text-align: center;
  transform: translatex(0px) translatey(0px);
}

#subscribe-email input[type=email] {
  text-align: center;
  transform: translatex(0px) translatey(0px);
}

#subscribe-submit {
  text-align: center;
  transform: translatex(0px) translatey(0px);
}

#content {
  transform: translatex(0px) translatey(0px);
}

/* Eliminar los 3 puntos y el espacio del resumen */
.blog .entry-content,
.archive .entry-content,
.blog .entry-summary,
.archive .entry-summary {
  display: none !important;
}

/* ================================
   PANTALLAS GRANDES / PC (min-width: 701px)   ================================*/

@media (min-width: 701px) {
  /* Tamaño del menú */
  #primary-menu .menu-item a {
    font-size: 18.5px !important;
  }
  
  /* Tamaño de categorias en PC */
  #main .page-header h1 {
    font-size: 21px;
  }
}

/* ================================
   PANTALLAS MEDIANAS / TABLETS (max-width: 700px)   ================================ */

@media (max-width: 700px) {
  /* Entradas relacionadas */
  .crp-grid ul li {
    margin-bottom: -20px !important; 
    padding-bottom: 0 !important;
  }
}

/* ================================
   PANTALLAS CHICAS / CELULARES (max-width: 640px)   ================================ */

@media (max-width: 640px) {
		
  /* Título H1 en celulares */
  .hentry .entry-header h1 {
    font-family: 'Merriweather', serif;
    font-size: 21px !important;
    transform: translatex(0px) translatey(0px);
    text-transform: none;
  }	
	
	/* H2 para celulares */
  .hentry h2,
  .hentry h2 strong {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 1.4em;
    display: inline-block;
    transform: translatex(0px) translatey(0px);
  }
  
 /* Párrafo en celulares */
  #content .content-wrap #primary #main .hentry .entry-content p {
    font-family: 'Merriweather', serif;
    font-size: 17.5px !important; /* Cambia este número para el tamaño en móviles */
    color: #000000 !important; /* Texto en negro para móviles */
  }
	
	/* Listado de entradas en celulares */
  #main .entry-title a {
    font-family: 'Merriweather', serif !important;
    font-size: 19px !important; /* Aquí moderas el tamaño para móviles */
  }
  
  /* Búsqueda y categorías en celulares */
  #main .page-header h1 {
    font-size: 21px;
  }
  
  /* Espacio de viñetas en celu */
  .hentry ul a {
    line-height: 1.6em;
  }
}

/* ================================
   Corrección de Contraste en Next
 ========================= */
a.page-numbers, 
span.page-numbers {
    color: #1a1a1a !important; /* Cambia el texto blanco a un gris muy oscuro, casi negro */
    font-weight: bold !important; /* Lo hace un poco más grueso para máxima lectura */
}

/* Color al pasar el ratón por encima (PC) */
a.page-numbers:hover {
    color: #000000 !important;
}

/* ================================
   REDUCCIÓN DE ESPACIO ENTRE ENTRADAS  ================================ */

/* 1. Ataca directamente el margen inferior de cada fila de post */
.site-main .post,
.posts-list-wrapper article,
article.post-item {
    margin-bottom: 25px !important; /* Estaba en 60px+; esto corta el espacio a la mitad */
}

/* 2. Si el tema usa CSS Grid o Flexbox para listar, reducimos la brecha general */
.posts-list-wrapper, 
.site-main .archive-posts-wrapper,
.grid-layout {
    row-gap: 25px !important; /* Reduce la separación vertical nativa entre elementos */
}

/* 3. Quita rellenos internos fantasmas abajo de la imagen y el texto */
.post-block-wrapper, 
.entry-card-horizontal,
.post-content-wrap {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* ============================= 
 MENU MOVIL Y TABLET SIN MÁS ============================= */

@media (max-width:1024px){

li.menu-item-mas > a,
li.menu-item-mas > button,
li.menu-item-mas .dropdown-toggle,
li.menu-item-mas .sub-menu-toggle{
display:none!important;
}

li.menu-item-mas > ul.sub-menu{
display:block!important;
margin:0!important;
padding:0!important;
}

li.menu-item-mas > ul.sub-menu li{
margin:0!important;
padding:0!important;
}

li.menu-item-mas > ul.sub-menu li a{
display:block!important;
padding-left:20px!important;
text-align:left!important;
font-weight:700!important;
}

}

/* Línea divisoria gris casi blanco debajo del menú (Solo para PC) */

@media screen and (min-width: 992px) {
    .site-header, 
    #masthead, 
    .main-navigation {
        border-bottom: 15px solid #eeeeee !important; 
    }
}

/* Configu entradas populares */
ul.wpp-tarjetas-sidebar li {
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.04) !important;
    border: 1px solid #f0f0f0 !important;
}
ul.wpp-tarjetas-sidebar img.wpp-thumbnail {
    width: 75px !important; height: 75px !important;
    min-width: 75px !important; min-height: 75px !important;
    flex-shrink: 0 !important; object-fit: cover !important;
    border-radius: 8px !important; margin-right: 16px !important;
}
ul.wpp-tarjetas-sidebar a.wpp-post-title {
    flex: 1 !important; font-family: 'Merriweather', serif !important;
    font-size: 14px !important; font-weight: 600 !important;
    color: #1a1a1a !important; text-decoration: none !important; line-height: 1.4 !important;
}