/* ───────── Bloques de Gutenberg con el diseño CETRU ─────────
   Los bloques de la portada y de los listados reutilizan las clases de main.css
   (hero, section, band, container, eyebrow…) mediante "Clase CSS adicional". */

/* Los grupos no agregan separaciones propias: el espaciado lo dan las clases del tema. */
.wp-block-group.hero,
.wp-block-group.section,
.wp-block-group.band,
.wp-block-group.container { margin-block: 0; }
/* WordPress envuelve el contenido del grupo en un div extra: se vuelve "transparente"
   para que flex/grid de las clases del tema (band__inner, etc.) apliquen a los bloques internos. */
.wp-block-group__inner-container { display: contents; }
.wp-block-group__inner-container > * { margin-block-start: 0; }

/* Botones: mismo aspecto que .btn de main.css */
.wp-block-buttons { display: flex; flex-wrap: wrap; gap: .75rem; flex-shrink: 0; }
.wp-block-button__link { white-space: nowrap; }
.wp-block-buttons.hero__actions { margin-top: 1.75rem; }
.wp-block-button .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .95rem 1.6rem; border-radius: 999px; border: 1.5px solid transparent;
  background: var(--green-700); color: #fff;
  font: 600 1rem/1 var(--font-sans); text-decoration: none; cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}
.wp-block-button .wp-block-button__link:hover { background: var(--green-900); color: #fff; }
.wp-block-button.is-style-gold .wp-block-button__link { background: var(--gold); color: var(--green-900); }
.wp-block-button.is-style-gold .wp-block-button__link:hover { background: #e7d98f; color: var(--green-900); }
.wp-block-button.is-style-ghost .wp-block-button__link { background: transparent; border-color: var(--green-700); color: var(--green-700); }
.wp-block-button.is-style-ghost .wp-block-button__link:hover { background: var(--green-700); color: #fff; }
.wp-block-button.is-style-outline-light .wp-block-button__link { background: transparent; border-color: rgba(255,255,255,.55); color: #fff; }
.wp-block-button.is-style-outline-light .wp-block-button__link:hover { background: rgba(255,255,255,.12); color: #fff; }

@media (max-width: 560px) {
  .hero__actions .wp-block-button, .hero__actions .wp-block-button__link { width: 100%; }
}

/* Contenido libre en páginas (Acerca de nosotros, fichas, etc.) */
.prose .wp-block-image img { border-radius: var(--radius); }
.prose .wp-block-buttons { margin-block: 1.5rem; }
.prose .wp-block-columns { gap: 2rem; }