/*
 * NATGAS — Ajuste visual del widget "Planificador de Ruta GNV" en el home.
 * v1 (2026-08-11)
 *
 * Objetivo: que la sección ocupe el ancho completo del .container del sitio
 * (igual que las secciones vecinas "Carga en la Red" y "Tarjetas expandibles")
 * y que su tarjeta se integre mejor con el resto del diseño en pantallas anchas.
 *
 * No modifica gnv-planner/widget.js ni las hojas de estilo originales:
 * este archivo se carga después del <style id="natgas-widget-styles">
 * que el propio widget inyecta, y usa selectores con mayor especificidad
 * para asegurar la precedencia sin depender del orden de carga.
 */

body #natgas-gnv-planner {
  max-width: none;
  width: 100%;
}

/* En pantallas grandes el widget se queda corto de alto respecto a su nuevo
   ancho; se sube un poco el mapa y el panel lateral para mantener proporción. */
@media (min-width: 1200px) {
  body #natgas-gnv-planner .ng-map-wrap,
  body #natgas-gnv-planner #ng-map {
    min-height: 600px;
  }
  body #natgas-gnv-planner .ng-panel {
    max-height: 680px;
  }
}