/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 18 2026 | 08:50:17 */
/* =========================================
   BLOG POSTS – LAYOUT LEFT TO RIGHT (SAFE)
   ========================================= */

/* Contenedor de cada post */
.wp-block-post {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
}

/* =========================================
   BLOG POST THUMBNAILS – SIZE & STYLE
   ========================================= */

img.attachment-blog-thumb,
img.external-featured-image {
  width: 260px !important;
  height: 380px !important;

  display: block;
  object-fit: cover;

  border: 5px solid #9aff00;
  border-radius: 20px;

  margin: 0; /* evita centrado automático */
}

/* =========================================
   POST TITLES – LEFT ALIGNED
   ========================================= */

h2.wp-block-heading.hostinger-ai-title.has-x-large-font-size {
  font-size: 35px !important;
}

h2.wp-block-post-title,
h2.wp-block-post-title a {
  font-size: 20px;
  text-align: left !important;

  margin: 12px 0 0 0 !important;
  padding: 0;
}

/* =========================================
   REDUCE SPACE BETWEEN BLOG POSTS (INLINE)
   ========================================= */

/* Contenedor del listado de posts */
.wp-block-post-template {
  gap: 50px !important; 
}

/* Elimina márgenes extra internos */
.wp-block-post {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================
   FORCE POST CARD WIDTH (MATCH IMAGE)
   ========================================= */

.wp-block-post {
  max-width: 260px;
  width: 260px;
}

/* =========================================
   FIX GUTENBERG COLUMNS-2 GAP
   ========================================= */

.wp-block-post-template.columns-2 {
  grid-template-columns: repeat(auto-fit, 260px) !important;
  justify-content: start;
}

/* =========================================
   MOBILE FIX – CENTER POSTS AT ≤ 647px
   ========================================= */

@media (max-width: 647px) {

  /* Centra el grid completo */
  .wp-block-post-template {
    justify-content: center !important;
  }

  /* Centra cada tarjeta de post */
  .wp-block-post {
    align-items: center !important;
    margin: 0 auto !important;
  }

}