/* =============================================================
   TRIGO BUIDE — Elementor Fixes v2 (minimal)
   Solo lo que Elementor Free no puede hacer de forma nativa.
   SIN !important de colores — ahora los colores van nativos en
   los widgets de Elementor (title_color, typography_*, etc.)
   ============================================================= */

/* ── 1. El .elementor-section no debe forzar su propio padding
        cuando ya lo gestiona nuestro sec_bg() en los datos.
        Elementor a veces regenera padding: 0 en el CSS generado;
        nos aseguramos de que no sobreescriba el padding nativo. ── */
.elementor-section.elementor-element {
  /* nada aquí: los paddings los pone Elementor desde los datos */
}

/* ── 2. Eliminar el ancho máximo por defecto de .elementor-container
        (lo gestiona el Kit content_width = 1440px).
        Elementor Free a veces limita a 1140px por defecto. ── */
.elementor-inner .elementor-container,
.elementor-section .elementor-container {
  max-width: 1440px;
}

/* ── 3. Inner sections con la clase .trigo-container mantienen
        su max-width aunque estén dentro de columnas. ── */
.elementor-inner-section.trigo-container > .elementor-container {
  max-width: none;
  padding: 0;
}
.elementor-inner-section.trigo-container {
  max-width: var(--container);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--pad-x);
  padding-right: var(--pad-x);
}

/* ── 4. Imágenes dentro de widgets Elementor — sin margen extra ── */
.elementor-widget-image .elementor-widget-container img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ── 5. Prevenir que Hello Elementor inyecte padding-top global
        que choca con nuestra nav fija ── */
.elementor-page .site-content {
  padding-top: 0 !important;
}

/* ── 6. Ocultar título y header de página en la home ── */
.elementor-page .entry-header,
.elementor-page .page-header { display: none; }

/* ── 7. Sección fullbleed (sección 08): asegurar que Elementor
        no añada overflow: visible que cause scroll horizontal ── */
.elementor-section:has(.trigo-container) {
  overflow: visible;
}

/* ── 8. Responsive: en móvil las inner sections apilan columnas
        de forma natural (comportamiento Elementor por defecto) ── */
@media (max-width: 767px) {
  .elementor-inner-section .elementor-column {
    width: 100% !important;
  }
}