/* WIRES-X: vista móvil ultracompacta v3 */
@media (max-width: 680px) {

  html, body {
    margin: 0 !important;
    overflow: hidden !important;
  }

  header, .header, .topbar, .hero {
    padding: 7px 12px !important;
  }

  header h1, .header h1, .topbar h1, .hero h1 {
    margin: 0 0 2px !important;
    font-size: 1.12rem !important;
    line-height: 1.1 !important;
  }

  header p:first-of-type,
  .header p:first-of-type,
  .topbar p:first-of-type,
  .hero p:first-of-type {
    display: none !important;
  }

  header p, .header p, .topbar p, .hero p {
    margin: 2px 0 0 !important;
    font-size: .72rem !important;
    line-height: 1.1 !important;
  }

  .controls, .filters, .toolbar, form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 5px !important;
    padding: 6px 8px !important;
    align-items: center !important;
  }

  .controls input[type="search"],
  .controls input[type="text"],
  .filters input[type="search"],
  .filters input[type="text"],
  .toolbar input[type="search"],
  form input[type="search"],
  form input[type="text"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 3px 8px !important;
    font-size: 14px !important;
  }

  .controls select, .filters select, .toolbar select, form select {
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 2px 24px 2px 7px !important;
    font-size: .76rem !important;
  }

  .controls label, .filters label, .toolbar label, form label {
    margin: 0 !important;
    white-space: nowrap !important;
    font-size: .74rem !important;
    line-height: 1 !important;
  }

  .controls input[type="checkbox"],
  .filters input[type="checkbox"],
  .toolbar input[type="checkbox"],
  form input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 3px 0 0 !important;
  }

  .controls button, .filters button, .toolbar button, form button {
    width: auto !important;
    min-width: 72px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 2px 8px !important;
    font-size: .76rem !important;
  }

  .stats, .summary, .counters, .metrics {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .stats > *, .summary > *, .counters > *, .metrics > * {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 4px 1px !important;
    line-height: 1 !important;
    text-align: center !important;
    overflow: hidden !important;
    font-size: 0 !important;
  }

  .stats strong, .summary strong, .counters strong, .metrics strong {
    display: block !important;
    margin: 0 0 3px !important;
    font-size: .92rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .stats > *::after,
  .summary > *::after,
  .counters > *::after,
  .metrics > *::after {
    display: block !important;
    font-size: .56rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .stats > *:nth-child(1)::after,
  .summary > *:nth-child(1)::after,
  .counters > *:nth-child(1)::after,
  .metrics > *:nth-child(1)::after {
    content: "Visibles";
  }

  .stats > *:nth-child(2)::after,
  .summary > *:nth-child(2)::after,
  .counters > *:nth-child(2)::after,
  .metrics > *:nth-child(2)::after {
    content: "Activas";
  }

  .stats > *:nth-child(3)::after,
  .summary > *:nth-child(3)::after,
  .counters > *:nth-child(3)::after,
  .metrics > *:nth-child(3)::after {
    content: "Ubicadas";
  }

  .stats > *:nth-child(4)::after,
  .summary > *:nth-child(4)::after,
  .counters > *:nth-child(4)::after,
  .metrics > *:nth-child(4)::after {
    content: "Sin ubicar";
  }

  .stats > *:nth-child(5)::after,
  .summary > *:nth-child(5)::after,
  .counters > *:nth-child(5)::after,
  .metrics > *:nth-child(5)::after {
    content: "Países";
  }

  #map, .map, .leaflet-container {
    min-height: 68vh !important;
  }
}

@media (max-width: 680px) {
  .stats, .summary, .counters, .metrics {
    display: none !important;
  }
}