/* Atlántico Innovación — alinear el maquetador con la marca.
 *
 * Elementor trae colores, tipografías y anchos por defecto. Los bloques van en
 * el widget HTML y llevan las clases del tema, así que casi nada de esto se ve;
 * la hoja existe para el día que alguien coloque un widget nativo (un título,
 * un botón) y para que los contenedores no estrechen las secciones.
 *
 * Regla: aquí se corrige lo que el maquetador impone; NO se maquetan páginas.
 */

/* Los contenedores del maquetador que se creen a mano respetan nuestro ancho. */
.elementor-section.elementor-section-boxed > .elementor-container,
.e-con.e-con-boxed > .e-con-inner { max-width: var(--ai-ancho); }

/* Los que despliega desplegar_paginas.py llevan la clase ai-bloque, van a ancho
   completo y sin relleno: la sección del bloque va de borde a borde y el
   .ai-contenedor centra el contenido. */
.e-con.ai-bloque {
  --padding-block-start: 0;
  --padding-block-end: 0;
  --padding-inline-start: 0;
  --padding-inline-end: 0;
  --margin-block-start: 0;
  --margin-block-end: 0;
}

/* El widget HTML, sin márgenes propios que descoloquen el bloque. */
.elementor-widget-html { margin: 0; }
.elementor-widget-html > .elementor-widget-container { width: 100%; }

/* Widgets nativos: que hereden la marca. */
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor,
.elementor-widget-button .elementor-button { font-family: var(--ai-fuente); }
.elementor-widget-heading .elementor-heading-title { color: var(--ai-marino-900); letter-spacing: -0.02em; }
.elementor-button,
.elementor-button-link {
  background-color: var(--ai-marino-600);
  color: var(--ai-blanco);
  font-weight: 600;
  border-radius: var(--ai-radio-sm);
  min-height: 48px;
  display: inline-flex;
  align-items: center;
}
.elementor-button:hover,
.elementor-button:focus-visible { background-color: var(--ai-marino-700); color: var(--ai-blanco); }

/* El tema padre estrecha el contenido de página y pinta su propio título;
   los bloques a ancho completo lo necesitan libre y el H1 lo lleva el hero. */
.page-content > .ai-seccion,
.entry-content > .ai-seccion { max-width: none; }
.site-main > .page-header { display: none; }