/* ==========================================================================
   Blog Agrosol Export — complementos al tema (style.min.css)
   ========================================================================== */

/* Tarjetas del listado */
.blog--agrosol .blog__item figure { margin-bottom: 0; overflow: hidden; }
.blog--agrosol .blog__item figure a { display: block; }
.blog--agrosol .blog__item figure img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform .4s ease;
}
.blog--agrosol .blog__item:hover figure img { transform: scale(1.04); }
.blog--agrosol .blog__entry__title a { color: inherit; }
.blog--agrosol .blog__entry__meta a { color: inherit; text-decoration: underline; }
.blog-read-more { font-weight: 600; color: #4A8B71; }
.blog-read-more:hover { text-decoration: underline; }

/* Filtro por etiqueta */
.blog-filter {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  margin-bottom: 30px; font-size: 15px;
}
.blog-filter a { color: #4A8B71; text-decoration: underline; }

/* Estado vacío */
.blog-empty { text-align: center; padding: 40px 0; color: #777; }

/* Paginación */
.blog-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 40px; padding: 0; list-style: none; }
.blog-pagination a,
.blog-pagination span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 42px; height: 42px; padding: 0 12px;
  border: 1px solid #e0e0e0; border-radius: 4px;
  color: #333; font-weight: 500; text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
}
.blog-pagination a:hover { border-color: #4A8B71; color: #4A8B71; }
.blog-pagination .is-current span { background: #4A8B71; border-color: #4A8B71; color: #fff; }
.blog-pagination .is-disabled span { color: #bbb; }

/* Artículo */
.blog-article { font-size: 17px; line-height: 1.75; }
.blog-article img { max-width: 100%; height: auto; display: block; margin: 30px auto; border-radius: 4px; }
.blog-article h2, .blog-article h3, .blog-article h4 { margin-top: 1.8em; margin-bottom: .6em; }
.blog-article blockquote {
  margin: 30px 0; padding: 10px 0 10px 25px;
  border-left: 4px solid #4A8B71; font-style: italic; color: #555;
}
.blog-article ul, .blog-article ol { margin-bottom: 1.2em; padding-left: 1.4em; }
.blog-article li { margin-bottom: .4em; }
.blog-article a { color: #4A8B71; text-decoration: underline; }
.blog-article table { width: 100%; border-collapse: collapse; margin: 25px 0; font-size: 15px; }
.blog-article th, .blog-article td { border: 1px solid #e0e0e0; padding: 8px 12px; text-align: left; }
.blog-article th { background: #f5f8f6; }
.blog-article hr { margin: 40px 0; border: 0; border-top: 1px solid #e0e0e0; }

.blog-article__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; color: #fff; font-size: 15px; opacity: .9; }

.blog-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 40px 0 0; padding: 0; list-style: none; }
.blog-tags a {
  display: inline-block; padding: 4px 14px; border-radius: 20px;
  background: #eef4f1; color: #4A8B71; font-size: 14px; text-decoration: none;
}
.blog-tags a:hover { background: #4A8B71; color: #fff; }

.blog-share { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 30px; font-size: 15px; }
.blog-share a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 50%;
  background: #eef4f1; color: #4A8B71; text-decoration: none;
}
.blog-share a:hover { background: #4A8B71; color: #fff; }

.blog-adjacent {
  display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
  margin-top: 50px; padding-top: 30px; border-top: 1px solid #e0e0e0;
}
.blog-adjacent a { display: block; color: inherit; text-decoration: none; }
.blog-adjacent small { display: block; color: #999; text-transform: uppercase; letter-spacing: .05em; font-size: 12px; margin-bottom: 4px; }
.blog-adjacent strong { color: #333; }
.blog-adjacent a:hover strong { color: #4A8B71; }
.blog-adjacent .is-next { text-align: right; }
@media (max-width: 575px) {
  .blog-adjacent { grid-template-columns: 1fr; }
  .blog-adjacent .is-next { text-align: left; }
}

/* El tema quita las viñetas de las listas: se recuperan dentro del artículo */
.blog-article ul { list-style: disc; }
.blog-article ol { list-style: decimal; }
.blog-article ul li, .blog-article ol li { display: list-item; padding-left: 0; }
.blog-article ul li::before, .blog-article ol li::before { content: none; }

/* Títulos largos en la cabecera del artículo */
.page-blog-post .intro__title { font-size: clamp(28px, 4.2vw, 52px); letter-spacing: .04em; line-height: 1.2; }