/* ============================================
   VENDEMÁS — Blog
   Overrides scoped a #blog-page (el archivo estaba enqueued en functions.php
   pero nunca existió — 404 inofensivo; se crea con contenido real).
   ============================================ */

/* Secciones más compactas — pedido puntual del cliente. */
#blog-page .section {
  padding: clamp(1.5rem, 4vw, 2.5rem) 0;
}

/* Contenedor por defecto más ancho. Las secciones con max-width propio
   (inline, en el markup) ya se ensancharon ahí directamente. */
#blog-page .container {
  max-width: 1400px;
}

/* Tags de sección más grandes: La filosofía, Los tres pilares,
   Lo último del blog, Suscríbete. */
#blog-page .maestria__tag {
  font-size: 1.05rem;
}

/* Botones de la página con menos padding. */
#blog-page .btn {
  padding: 0.5rem 1.4rem;
}

/* Tarjeta de suscripción: que resalte sobre el fondo azul claro de la
   sección en vez de la caja blanca plana anterior sobre fondo blanco. */
.blog-subscribe-card {
  background: var(--color-white);
  border-radius: 14px;
  padding: 2rem;
  box-shadow: 0 14px 32px color-mix(in srgb, var(--color-ink) 16%, transparent);
  border-top: 5px solid var(--color-orange);
}

@media (max-width: 576px) {
  .blog-subscribe-card {
    padding: 1.5rem;
  }
}