/* ============================================================
   SVH BLOG GRID — 28ABR PM (alineado con .svh-card de style.css)
   SOLO añade: section wrapper + grid container + chip blog +
   paginación. Las reglas de .svh-card / .svh-card__media /
   .svh-card__body / .svh-card__title / .svh-card__creator /
   .svh-btn vienen de style.css (child-style-css).
   ============================================================ */

/* ---------- Section wrapper ---------- */
.svh-blog-section {
  width: 100%;
  max-width: 1320px;
  margin: 24px auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.svh-blog-section--home    { margin-top: 8px; }
.svh-blog-section--archive { margin-top: 24px; }

/* ---------- Grid ---------- */
.svh-blog-grid {
  display: grid;
  gap: 22px;
  align-items: stretch;
}

.svh-blog-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.svh-blog-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.svh-blog-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1024px) {
  .svh-blog-grid--cols-3,
  .svh-blog-grid--cols-4 { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}

@media (max-width: 600px) {
  .svh-blog-grid { grid-template-columns: 1fr !important; gap: 14px; }
}

/* ---------- Chip categoría blog (no override, complemento svh-badge) ---------- */
.svh-blog-card .svh-badge--blog {
  background: #E4405F;
  color: #fff;
  font-size: .72rem;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 30px;
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* ---------- Pagination ---------- */
.svh-blog-pagination {
  margin-top: 28px;
  display: flex;
  justify-content: center;
}

.svh-blog-pagination ul.page-numbers {
  display: flex;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.svh-blog-pagination .page-numbers {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(228, 64, 95, 0.2);
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 600;
  font-size: .9rem;
  transition: background .2s ease, color .2s ease;
}

.svh-blog-pagination .page-numbers.current,
.svh-blog-pagination .page-numbers:hover {
  background: #E4405F;
  color: #fff;
  border-color: #E4405F;
}

/* ---------- Empty state ---------- */
.svh-blog-empty {
  text-align: center;
  padding: 40px 20px;
  color: #888;
  font-style: italic;
  background: #fafafa;
  border-radius: 12px;
}

/* ---------- Archive header ---------- */
.svh-blog-archive { max-width: 1320px; margin: 32px auto; padding: 0 16px; }
.svh-blog-archive__header { text-align: center; margin-bottom: 24px; }
.svh-blog-archive__title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); color: #1a1a1a; margin: 0 0 8px; font-weight: 700; }
.svh-blog-archive__subtitle { color: #666; font-size: 1.05rem; margin: 0; }

/* ============================================================
   B3 28ABR PM — limitar imagen destacada en single post del blog
   No afecta single-contenido-svh ni otros CPT.
   ============================================================ */
.single-post .post-thumbnail img,
.single-post .wp-post-image,
.single-post article.post .wp-post-image,
.single-post article.post img.attachment-full,
.single-post .wd-post-image img {
    max-width: 600px !important;
    max-height: 600px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
}
.single-post .post-thumbnail,
.single-post .wd-post-image {
    text-align: center !important;
    margin-bottom: 30px !important;
}
.single-post .entry-content img,
.single-post .wd-entry-content img {
    max-width: 100% !important;
    max-height: 600px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 20px auto !important;
    display: block !important;
}

/* ============================================================
   B3 NUCLEAR · SINGLE POST BLOG · IMG SIZE LIMIT — 28ABR PM T6
   Limita TODA imagen dentro de single-post (post_type=post),
   incluyendo <picture> dentro de .wd-post-image (Woodmart).
   EXCLUYE las cards de relacionados y cualquier .svh-card.
   NO afecta single-contenido-svh ni otros CPT.
   ============================================================ */
body.single-post article img,
body.single-post article picture,
body.single-post article picture img,
body.single-post .entry-content img,
body.single-post .wd-entry-content img,
body.single-post figure img,
body.single-post .post-cover img,
body.single-post .wp-post-image,
body.single-post .wd-post-image img,
body.single-post .wd-post-image picture,
body.single-post .wd-post-image picture img,
body.single-post .wd-single-post-cover img,
body.single-post .single-product-fullwidth-img img,
body.single-post .post-thumbnail img,
body.single-post img.wp-post-image,
body.single-post img.attachment-post-thumbnail,
body.single-post img.attachment-full,
.single-post article.post img,
.single .post-content img {
    max-width: 600px !important;
    max-height: 600px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 20px auto !important;
    display: block !important;
}

body.single-post figure,
body.single-post .post-cover,
body.single-post .post-thumbnail,
body.single-post .wd-post-image,
body.single-post .wd-single-post-cover {
    max-width: 600px !important;
    margin: 0 auto 30px auto !important;
    text-align: center !important;
}

/* EXCLUSIONES — relacionados / cards no se tocan */
body.single-post .svh-blog-card__media img,
body.single-post .svh-card__media img,
body.single-post .svh-card img,
body.single-post .svh-blog-card img {
    max-width: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    margin: 0 !important;
}