/**
 * Fix: Menú responsive - evitar desplazamiento del header al abrir hamburguesa
 * Solo posiciona el menú desplegable como absoluto. No toca anchos de columnas.
 */
@media (max-width: 768px) {
  .elementor-widget-quadmenu .elementor-widget-container {
    position: relative;
  }
  #quadmenu .quadmenu-navbar-collapse.in,
  #quadmenu .quadmenu-navbar-collapse.collapsing,
  #quadmenu .quadmenu-navbar-collapse.show {
    position: absolute;
    top: 100%;
    left: -15px;
    right: -15px;
    z-index: 10020;
    background-color: rgba(66, 110, 134, 0.95);
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }
  header.elementor-inner-column,
  header.elementor-inner-column > .elementor-widget-wrap,
  .elementor-widget-quadmenu,
  .elementor-widget-quadmenu > .elementor-widget-container,
  .elementor-inner-section,
  .elementor-inner-section > .elementor-container,
  header.elementor-top-section,
  header.elementor-top-section > .elementor-container,
  .elementor-top-column > .elementor-widget-wrap {
    overflow: visible;
  }
  #quadmenu {
    position: relative;
  }
  #quadmenu .quadmenu-navbar-header {
    position: relative;
    z-index: 10021;
  }
}