/**
 * Estilos globales para bloques de WordPress
 * Soporte para alineación wide y full en bloques nativos
 */

/* =================================================
   ALINEACIÓN WIDE (Ancho amplio)
   ================================================= */
.alignwide {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* =================================================
   ALINEACIÓN FULL (Ancho completo - 100vw)
   ================================================= */
.alignfull {
  max-width: none;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

/* =================================================
   BLOQUES DE COLUMNAS CON ANCHO COMPLETO
   ================================================= */
.wp-block-columns.alignfull {
  padding-left: 2rem;
  padding-right: 2rem;
}

.wp-block-columns.alignfull > .wp-block-column {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/* =================================================
   BLOQUES DE GRUPO CON ANCHO COMPLETO
   ================================================= */
.wp-block-group.alignfull {
  padding-left: 2rem;
  padding-right: 2rem;
}

.wp-block-group.alignfull > .wp-block-group__inner-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/* =================================================
   BLOQUES DE COVER CON ANCHO COMPLETO
   ================================================= */
.wp-block-cover.alignfull {
  border-radius: 0;
}

.wp-block-cover.alignfull .wp-block-cover__inner-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* =================================================
   SECCIONES SIN MÁRGENES (ADYACENTES)
   ================================================= */
.alignfull + .alignfull {
  margin-top: 0;
}

/* =================================================
   ELIMINAR ESPACIOS ENTRE BLOQUES
   ================================================= */
.entry-content > *:first-child {
  margin-top: 0;
}

.entry-content > *:last-child {
  margin-bottom: 0;
}

/* Bloques con fondo que deben estar pegados */
.wp-block-cover + .wp-block-cover,
.wp-block-group + .wp-block-group,
.wp-block-columns + .wp-block-columns {
  margin-top: 0;
}

/* =================================================
   BLOQUES PERSONALIZADOS EDGC - ELIMINAR GAPS
   ================================================= */
[class*="edgc-"] + [class*="edgc-"] {
  margin-top: 0;
}

/* Secciones de homepage sin gap */
.edgc-section + .edgc-section {
  margin-top: 0;
}

/* =================================================
   RESPONSIVE
   ================================================= */
@media (max-width: 768px) {
  .alignfull {
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem);
  }

  .wp-block-columns.alignfull,
  .wp-block-group.alignfull {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}