/* L4E Secciones Elementor — ajustes de piezas sueltas (gasolineras).
   Reutiliza las clases .ai-gas-* del plugin base antequera-info.
   Aqui solo lo imprescindible para que cada pieza funcione aislada. */

/* Mantenemos la clase .ai-widget en cada pieza SOLO para heredar las
   variables --ai-* del plugin base, pero quitamos el "chrome" de tarjeta
   (borde/sombra/padding/margin) para que las piezas no parezcan 4 cajas. */
.ai-widget.l4e-gas-piece {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

.l4e-gas-piece { width: 100%; max-width: 100%; box-sizing: border-box; }
.l4e-gas-piece * { box-sizing: border-box; }

/* Listado: altura/scroll propios aunque no haya .ai-gas-layout contenedor */
.l4e-gas-piece .ai-gas-list { max-height: 560px; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; }

/* Mapa: garantizar altura visible como pieza independiente */
.l4e-gas-piece .ai-gas-mapa { display: block; width: 100%; min-height: 480px; height: 480px; border-radius: 10px; overflow: hidden; }

/* Controles y filtros: separacion vertical razonable entre piezas */
.l4e-gas-piece .ai-gas-controls,
.l4e-gas-piece .ai-gas-filtros { margin: 0; }

/* Loading inline */
.l4e-gas-piece .ai-loading { padding: 16px; color: #64748b; font-size: .85rem; }

@media (max-width: 767px) {
  .l4e-gas-piece .ai-gas-list { max-height: 360px; }
  .l4e-gas-piece .ai-gas-mapa { min-height: 300px; height: 300px; }
}