/* ==========================================================================
   Ajustes de integracion con WordPress. NO son diseno: son las capas que WP
   agrega y que no existen al servir el HTML suelto. Cada bloque dice que arregla.
   ========================================================================== */

/* 1. .entry-content (is-layout-flow) inyecta margin-top a CADA hijo directo ->
      franjas blancas entre todas las secciones que no estan en el diseno
      aprobado. Con 14 secciones son ~336px de aire fantasma. */
.entry-content > *,
.entry-content > * + * { margin-block-start: 0; margin-block-end: 0; }
.entry-content { display: block; max-width: none; padding: 0; margin: 0; }

/* 2. El diseno envuelve todo en <div class="content"> solo para ganarle el
      stacking context al fondo fijo .bg-fx (z-index:0). En FSE ese wrapper
      tendria que abrirse en un template part y cerrarse en otro, lo que deja
      divs sin balancear que el editor "arregla" al guardar. Se resuelve por CSS:
      efecto identico, sin div. */
header.site,
main,
footer.site,
.wp-site-blocks { position: relative; z-index: 1; }

/* 3. WP mete margenes propios al contenedor raiz del tema. */
.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }
body { margin: 0; }