competenciainfra.ift.org.mx Open in urlscan Pro
45.223.138.82  Public Scan

URL: https://competenciainfra.ift.org.mx/
Submission: On May 23 via api from US — Scanned from DE

Form analysis 3 forms found in the DOM

Name: form_icmPOST pdficm.php

<form action="pdficm.php" name="form_icm" id="form_icm" method="post">
  <div class="flex items-stretch flex-wrap -ml-8 mb-8 -mt-4">
    <div class="w-full md:w-1/3 pl-8 mt-4">
      <div class="relative block text-left dropdown" data-selection="Aguascalientes">
        <!-- Button -->
        <div>
          <label class="dropdown-label">Estado:</label>
          <button type="button" class="dropdown-btn text-black border-ocean-300" aria-expanded="true" aria-haspopup="true">
            <span id="btn-estado-icm">Aguascalientes</span>
            <svg class="text-ocean-300 icon transform transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
            </svg>
          </button>
        </div>
        <!-- Options -->
        <div class="dropdown-options" aria-orientation="vertical" tabindex="-1">
          <div class="py-0" id="estados-icm">
            <a href="#" class="option ocean active" data-value="Aguascalientes" role="menuitem" tabindex="-1">        Aguascalientes          <svg class="checkmark fill-current active" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Baja California" role="menuitem" tabindex="-1">        Baja California          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Baja California Sur" role="menuitem" tabindex="-1">        Baja California Sur          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Campeche" role="menuitem" tabindex="-1">        Campeche          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Chiapas" role="menuitem" tabindex="-1">        Chiapas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Chihuahua" role="menuitem" tabindex="-1">        Chihuahua          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Coahuila de Zaragoza" role="menuitem" tabindex="-1">        Coahuila de Zaragoza          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Colima" role="menuitem" tabindex="-1">        Colima          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Ciudad de México" role="menuitem" tabindex="-1">        Ciudad de México          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Durango" role="menuitem" tabindex="-1">        Durango          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Guanajuato" role="menuitem" tabindex="-1">        Guanajuato          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Guerrero" role="menuitem" tabindex="-1">        Guerrero          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Hidalgo" role="menuitem" tabindex="-1">        Hidalgo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Jalisco" role="menuitem" tabindex="-1">        Jalisco          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="México" role="menuitem" tabindex="-1">        México          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Michoacán de Ocampo" role="menuitem" tabindex="-1">        Michoacán de Ocampo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Morelos" role="menuitem" tabindex="-1">        Morelos          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Nayarit" role="menuitem" tabindex="-1">        Nayarit          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Nuevo León" role="menuitem" tabindex="-1">        Nuevo León          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Oaxaca" role="menuitem" tabindex="-1">        Oaxaca          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Puebla" role="menuitem" tabindex="-1">        Puebla          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Querétaro" role="menuitem" tabindex="-1">        Querétaro          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Quintana Roo" role="menuitem" tabindex="-1">        Quintana Roo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="San Luis Potosí" role="menuitem" tabindex="-1">        San Luis Potosí          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Sinaloa" role="menuitem" tabindex="-1">        Sinaloa          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Sonora" role="menuitem" tabindex="-1">        Sonora          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Tabasco" role="menuitem" tabindex="-1">        Tabasco          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Tamaulipas" role="menuitem" tabindex="-1">        Tamaulipas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Tlaxcala" role="menuitem" tabindex="-1">        Tlaxcala          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Veracruz de Ignacio de la Llave" role="menuitem" tabindex="-1">        Veracruz de Ignacio de la Llave          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Yucatán" role="menuitem" tabindex="-1">        Yucatán          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Zacatecas" role="menuitem" tabindex="-1">        Zacatecas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a>
          </div>
        </div>
      </div>
    </div>
    <div class="w-full md:w-1/3 pl-8 mt-4">
      <div class="relative block text-left dropdown" data-selection="Aguascalientes">
        <!-- Button -->
        <div>
          <label class="dropdown-label">Municipio:</label>
          <button type="button" class="dropdown-btn text-black border-ocean-300" aria-expanded="true" aria-haspopup="true">
            <span id="btn-municipio-icm">Aguascalientes</span>
            <svg class="text-ocean-300 icon transform transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
            </svg>
          </button>
        </div>
        <!-- Options -->
        <div class="dropdown-options" aria-orientation="vertical" tabindex="-1">
          <div class="py-0" id="municipios-icm">
            <a href="#" class="option ocean active" data-value="Aguascalientes" role="menuitem" tabindex="-1">        Aguascalientes          <svg class="checkmark fill-current active" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Asientos" role="menuitem" tabindex="-1">        Asientos          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Calvillo" role="menuitem" tabindex="-1">        Calvillo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Cosío" role="menuitem" tabindex="-1">        Cosío          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Jesús María" role="menuitem" tabindex="-1">        Jesús María          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Pabellón de Arteaga" role="menuitem" tabindex="-1">        Pabellón de Arteaga          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Rincón de Romos" role="menuitem" tabindex="-1">        Rincón de Romos          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="San José de Gracia" role="menuitem" tabindex="-1">        San José de Gracia          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="Tepezalá" role="menuitem" tabindex="-1">        Tepezalá          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="El Llano" role="menuitem" tabindex="-1">        El Llano          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="San Francisco de los Romo" role="menuitem" tabindex="-1">        San Francisco de los Romo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a>
          </div>
        </div>
      </div>
    </div>
    <div class="w-full md:w-1/3 pl-8 mt-4">
      <div class="relative block text-left dropdown" data-selection="NumeroMunicipios">
        <!-- Button -->
        <div>
          <label class="dropdown-label">Variable de interés:</label>
          <button type="button" class="dropdown-btn text-black border-ocean-300" aria-expanded="true" aria-haspopup="true">
            <span id="btn-interes-icm">Número de municipios</span>
            <svg class="text-ocean-300 icon transform transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
            </svg>
          </button>
        </div>
        <!-- Options -->
        <div class="dropdown-options" aria-orientation="vertical" tabindex="-1">
          <div class="py-0" id="interes-icm">
            <a href="#" class="option ocean active" data-value="NumeroMunicipios" role="menuitem" tabindex="-1">        Número de municipios          <svg class="checkmark fill-current active" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="NumeroViviendas" role="menuitem" tabindex="-1">        Número de viviendas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="IngresoPromedioMensualViviendas" role="menuitem" tabindex="-1">        Ingreso promedio mensual por viviendas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="DensidadPoblacional" role="menuitem" tabindex="-1">        Densidad poblacional          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option ocean" data-value="ProporcionPoblacionRural" role="menuitem" tabindex="-1">        Proporción de población rural (%)          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <h3 class="block-title-bold text-ocean-300 mb-8">ICM y variables que lo conforman</h3>
  <div class="bg-ocean-300 px-4 py-2 text-white mb-8 inline-block text-body-sm"> Municipio: <span id="span-municipio-icm" class="font-bold icm-municipio">Aguascalientes</span> - Valor ICM: <span id="span-indice-icm"
      class="font-bold icm-indice">94</span> - Estrato ICM: <span id="span-estrato-icm" class="font-bold icm-estrato">Alto</span>
  </div>
  <table class="hidden lg:block">
    <tbody>
      <tr>
        <th class="table-header bg-ocean-300"></th>
        <th class="table-header bg-ocean-300">Número de operadores principales del SBAF</th>
        <th class="table-header bg-ocean-300">Número de operadores principales del SBAF fibra</th>
        <th class="table-header bg-ocean-300">Número de proveedores del STAR terrestre</th>
        <th class="table-header bg-ocean-300">Número de operadores de pequeña escala de SBAF</th>
        <th class="table-header bg-ocean-300">Participación del principal operador del STAR terrestre</th>
        <th class="table-header bg-ocean-300">IHH del STAR terrestre</th>
        <th class="table-header bg-ocean-300">Participación del principal operador del SBAF</th>
        <th class="table-header bg-ocean-300">IHH del SBAF</th>
      </tr>
      <tr>
        <td class="text-blue-100 icm-municipio">Aguascalientes</td>
        <td class="icm-mun-numeroDeOperadoresPrincipalesDelSbaf">4</td>
        <td class="icm-mun-numeroDeOperadoresPrincipalesDelSbafFibra">2</td>
        <td class="icm-mun-numeroDeProveedoresDelStarTerrestre">3</td>
        <td class="icm-mun-numeroDeOperadoresDePequenaEscalaDeSbaf">1</td>
        <td class="icm-mun-participacionDelPrincipalOperadorDelStarTerrestre">52.05</td>
        <td class="icm-mun-ihhDelStarTerrestre">4139</td>
        <td class="icm-mun-participacionDelPrincipalOperadorDelSbaf">42.01</td>
        <td class="icm-mun-ihhDelSbaf">3225</td>
      </tr>
      <tr>
        <td class="text-ocean-200 icm-estado">Aguascalientes</td>
        <td class="icm-est-numeroDeOperadoresPrincipalesDelSbaf">2</td>
        <td class="icm-est-numeroDeOperadoresPrincipalesDelSbafFibra">1.2</td>
        <td class="icm-est-numeroDeProveedoresDelStarTerrestre">0.6</td>
        <td class="icm-est-numeroDeOperadoresDePequenaEscalaDeSbaf">0.2</td>
        <td class="icm-est-participacionDelPrincipalOperadorDelStarTerrestre">56.68</td>
        <td class="icm-est-ihhDelStarTerrestre">4390</td>
        <td class="icm-est-participacionDelPrincipalOperadorDelSbaf">42.93</td>
        <td class="icm-est-ihhDelSbaf">3301</td>
      </tr>
      <tr>
        <td class="text-ocean-900 icm-nacional">Nacional</td>
        <td class="icm-nac-numeroDeOperadoresPrincipalesDelSbaf">3</td>
        <td class="icm-nac-numeroDeOperadoresPrincipalesDelSbafFibra">1.7</td>
        <td class="icm-nac-numeroDeProveedoresDelStarTerrestre">1.6</td>
        <td class="icm-nac-numeroDeOperadoresDePequenaEscalaDeSbaf">0.4</td>
        <td class="icm-nac-participacionDelPrincipalOperadorDelStarTerrestre">45.5</td>
        <td class="icm-nac-ihhDelStarTerrestre">3776</td>
        <td class="icm-nac-participacionDelPrincipalOperadorDelSbaf">41.21</td>
        <td class="icm-nac-ihhDelSbaf">2889</td>
      </tr>
    </tbody>
  </table>
  <table id="tabla-icm" class="block lg:hidden">
    <tbody>
      <tr class="flex flex-wrap">
        <th class="table-header bg-ocean-300 w-1/4"></th>
        <th class="text-blue-100 icm-municipio border-black w-1/4">Aguascalientes</th>
        <th class="text-ocean-200 icm-estado border-black w-1/4">Aguascalientes</th>
        <th class="text-ocean-900 icm-nacional border-black w-1/4">Nacional</th>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-ocean-300 w-1/4">Número de operadores principales del SBAF</th>
        <td class="icm-mun-numeroDeOperadoresPrincipalesDelSbaf w-1/4">4</td>
        <td class="icm-est-numeroDeOperadoresPrincipalesDelSbaf w-1/4">2</td>
        <td class="icm-nac-numeroDeOperadoresPrincipalesDelSbaf w-1/4">3</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-ocean-300 w-1/4">Número de operadores principales del SBAF fibra</th>
        <td class="icm-mun-numeroDeOperadoresPrincipalesDelSbafFibra w-1/4">2</td>
        <td class="icm-est-numeroDeOperadoresPrincipalesDelSbafFibra w-1/4">1.2</td>
        <td class="icm-nac-numeroDeOperadoresPrincipalesDelSbafFibra w-1/4">1.7</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-ocean-300 w-1/4">Número de proveedores del STAR terrestre</th>
        <td class="icm-mun-numeroDeProveedoresDelStarTerrestre w-1/4">3</td>
        <td class="icm-est-numeroDeProveedoresDelStarTerrestre w-1/4">0.6</td>
        <td class="icm-nac-numeroDeProveedoresDelStarTerrestre w-1/4">1.6</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-ocean-300 w-1/4">Número de operadores de pequeña escala de SBAF</th>
        <td class="icm-mun-numeroDeOperadoresDePequenaEscalaDeSbaf w-1/4">1</td>
        <td class="icm-est-numeroDeOperadoresDePequenaEscalaDeSbaf w-1/4">0.2</td>
        <td class="icm-nac-numeroDeOperadoresDePequenaEscalaDeSbaf w-1/4">0.4</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-ocean-300 w-1/4">Participación del principal operador del STAR terrestre</th>
        <td class="icm-mun-participacionDelPrincipalOperadorDelStarTerrestre w-1/4">52.05</td>
        <td class="icm-est-participacionDelPrincipalOperadorDelStarTerrestre w-1/4">56.68</td>
        <td class="icm-nac-participacionDelPrincipalOperadorDelStarTerrestre w-1/4">45.5</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-ocean-300 w-1/4">IHH del STAR terrestre</th>
        <td class="icm-mun-ihhDelStarTerrestre w-1/4">4139</td>
        <td class="icm-est-ihhDelStarTerrestre w-1/4">4390</td>
        <td class="icm-nac-ihhDelStarTerrestre w-1/4">3776</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-ocean-300 w-1/4">Participación del principal operador del SBAF</th>
        <td class="icm-mun-participacionDelPrincipalOperadorDelSbaf w-1/4">42.01</td>
        <td class="icm-est-participacionDelPrincipalOperadorDelSbaf w-1/4">42.93</td>
        <td class="icm-nac-participacionDelPrincipalOperadorDelSbaf w-1/4">41.21</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-ocean-300 w-1/4">IHH del SBAF</th>
        <td class="icm-mun-ihhDelSbaf w-1/4">3225</td>
        <td class="icm-est-ihhDelSbaf w-1/4">3301</td>
        <td class="icm-nac-ihhDelSbaf w-1/4">2889</td>
      </tr>
    </tbody>
  </table>
  <!-- Botón que guarda las estructuras -->
  <input type="hidden" value="estado" name="estado-icm-hidden" id="estado-icm-hidden">
  <input type="hidden" value="municipio" name="municipio-icm-hidden" id="municipio-icm-hidden">
  <input type="hidden" value="interes" name="interes-icm-hidden" id="interes-icm-hidden">
  <input type="hidden" value="span municipio" name="span-municipio-icm-hidden" id="span-municipio-icm-hidden">
  <input type="hidden" value="span indice" name="span-indice-icm-hidden" id="span-indice-icm-hidden">
  <input type="hidden" value="span estrato" name="span-estrato-icm-hidden" id="span-estrato-icm-hidden">
  <input type="hidden" value="figura nacional" name="fig-nacional-icm-hidden" id="fig-nacional-icm-hidden">
  <input type="hidden" value="figura estatal" name="fig-estatal-icm-hidden" id="fig-estatal-icm-hidden">
  <input type="hidden" value="valores figura nacional icm" name="valores-fig-nacional-icm-hidden" id="valores-fig-nacional-icm-hidden">
  <input type="hidden" value="valores figura estatal icm" name="valores-fig-estatal-icm-hidden" id="valores-fig-estatal-icm-hidden">
  <input type="hidden" value="tabla" name="tabla-icm-hidden" id="tabla-icm-hidden">
  <div class="flex justify-end mb-8">
    <!-- <a href="pdficm.php" target="_blank" class="btn btn-ocean btn-download">Descargar Consulta</a> -->
    <!-- Botón descarga -->
    <input type="button" class="btn btn-ocean btn-download" value="Descargar Consulta" onclick="ObtieneJsonICM()" id="btn-descarga" name="btn-descarga">
  </div>
  <div class="mb-8 lg:mb-10">
    <h3 class="block-title-bold text-ocean-300 mb-5">Conformación de los estratos</h3>
    <p>Las siguientes figuras muestran información descriptiva de los estratos a nivel nacional y estatal. En el eje horizontal se muestra la variable de interés y en el eje vertical los estratos del ICM. </p>
  </div>
  <div class="flex items-stretch flex-wrap -ml-8 mb-16 -mt-8">
    <div class="pl-8 w-full lg:w-1/2 mt-8">
      <h4 class="block-title-regular text-ocean-300">Nacional</h4>
      <canvas id="icm-nacional" width="592" height="296" style="display: block; box-sizing: border-box; height: 296px; width: 592px;"></canvas>
    </div>
    <div class="pl-8 w-full lg:w-1/2 mt-8">
      <h4 class="block-title-regular text-ocean-300">Estatal</h4>
      <canvas id="icm-estatal" width="592" height="296" style="display: block; box-sizing: border-box; height: 296px; width: 592px;"></canvas>
    </div>
  </div>
</form>

Name: form_iddmPOST pdfiddm.php

<form action="pdfiddm.php" name="form_iddm" id="form_iddm" method="post">
  <div class="flex items-stretch flex-wrap -ml-8 mb-8 -mt-4">
    <div class="w-full md:w-1/3 pl-8 mt-4">
      <div class="relative block text-left dropdown" data-selection="Aguascalientes">
        <!-- Button -->
        <div>
          <label class="dropdown-label">Estado:</label>
          <button type="button" class="dropdown-btn text-black border-purple-300" aria-expanded="true" aria-haspopup="true">
            <span id="btn-estado-iddm">Aguascalientes</span>
            <svg class="text-purple-300 icon transform transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
            </svg>
          </button>
        </div>
        <!-- Options -->
        <div class="dropdown-options" aria-orientation="vertical" tabindex="-1">
          <div class="py-0" id="estados-iddm">
            <a href="#" class="option purple active" data-value="Aguascalientes" role="menuitem" tabindex="-1">        Aguascalientes          <svg class="checkmark fill-current active" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Baja California" role="menuitem" tabindex="-1">        Baja California          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Baja California Sur" role="menuitem" tabindex="-1">        Baja California Sur          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Campeche" role="menuitem" tabindex="-1">        Campeche          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Chiapas" role="menuitem" tabindex="-1">        Chiapas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Chihuahua" role="menuitem" tabindex="-1">        Chihuahua          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Coahuila de Zaragoza" role="menuitem" tabindex="-1">        Coahuila de Zaragoza          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Colima" role="menuitem" tabindex="-1">        Colima          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Ciudad de México" role="menuitem" tabindex="-1">        Ciudad de México          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Durango" role="menuitem" tabindex="-1">        Durango          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Guanajuato" role="menuitem" tabindex="-1">        Guanajuato          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Guerrero" role="menuitem" tabindex="-1">        Guerrero          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Hidalgo" role="menuitem" tabindex="-1">        Hidalgo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Jalisco" role="menuitem" tabindex="-1">        Jalisco          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="México" role="menuitem" tabindex="-1">        México          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Michoacán de Ocampo" role="menuitem" tabindex="-1">        Michoacán de Ocampo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Morelos" role="menuitem" tabindex="-1">        Morelos          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Nayarit" role="menuitem" tabindex="-1">        Nayarit          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Nuevo León" role="menuitem" tabindex="-1">        Nuevo León          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Oaxaca" role="menuitem" tabindex="-1">        Oaxaca          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Puebla" role="menuitem" tabindex="-1">        Puebla          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Querétaro" role="menuitem" tabindex="-1">        Querétaro          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Quintana Roo" role="menuitem" tabindex="-1">        Quintana Roo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="San Luis Potosí" role="menuitem" tabindex="-1">        San Luis Potosí          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Sinaloa" role="menuitem" tabindex="-1">        Sinaloa          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Sonora" role="menuitem" tabindex="-1">        Sonora          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Tabasco" role="menuitem" tabindex="-1">        Tabasco          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Tamaulipas" role="menuitem" tabindex="-1">        Tamaulipas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Tlaxcala" role="menuitem" tabindex="-1">        Tlaxcala          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Veracruz de Ignacio de la Llave" role="menuitem" tabindex="-1">        Veracruz de Ignacio de la Llave          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Yucatán" role="menuitem" tabindex="-1">        Yucatán          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Zacatecas" role="menuitem" tabindex="-1">        Zacatecas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a>
          </div>
        </div>
      </div>
    </div>
    <div class="w-full md:w-1/3 pl-8 mt-4">
      <div class="relative block text-left dropdown" data-selection="Aguascalientes">
        <!-- Button -->
        <div>
          <label class="dropdown-label">Municipio:</label>
          <button type="button" class="dropdown-btn text-black border-purple-300" aria-expanded="true" aria-haspopup="true">
            <span id="btn-municipio-iddm">Aguascalientes</span>
            <svg class="text-purple-300 icon transform transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
            </svg>
          </button>
        </div>
        <!-- Options -->
        <div class="dropdown-options" aria-orientation="vertical" tabindex="-1">
          <div class="py-0" id="municipios-iddm">
            <a href="#" class="option purple active" data-value="Aguascalientes" role="menuitem" tabindex="-1">        Aguascalientes          <svg class="checkmark fill-current active" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Asientos" role="menuitem" tabindex="-1">        Asientos          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Calvillo" role="menuitem" tabindex="-1">        Calvillo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Cosío" role="menuitem" tabindex="-1">        Cosío          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Jesús María" role="menuitem" tabindex="-1">        Jesús María          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Pabellón de Arteaga" role="menuitem" tabindex="-1">        Pabellón de Arteaga          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Rincón de Romos" role="menuitem" tabindex="-1">        Rincón de Romos          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="San José de Gracia" role="menuitem" tabindex="-1">        San José de Gracia          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="Tepezalá" role="menuitem" tabindex="-1">        Tepezalá          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="El Llano" role="menuitem" tabindex="-1">        El Llano          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="San Francisco de los Romo" role="menuitem" tabindex="-1">        San Francisco de los Romo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a>
          </div>
        </div>
      </div>
    </div>
    <div class="w-full md:w-1/3 pl-8 mt-4">
      <div class="relative block text-left dropdown" data-selection="NumeroMunicipios">
        <!-- Button -->
        <div>
          <label class="dropdown-label">Variable de interés:</label>
          <button type="button" class="dropdown-btn text-black border-purple-300" aria-expanded="true" aria-haspopup="true">
            <span id="btn-interes-iddm">Número de municipios</span>
            <svg class="text-purple-300 icon transform transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
            </svg>
          </button>
        </div>
        <!-- Options -->
        <div class="dropdown-options" aria-orientation="vertical" tabindex="-1">
          <div class="py-0" id="interes-iddm">
            <a href="#" class="option purple active" data-value="NumeroMunicipios" role="menuitem" tabindex="-1">          Número de municipios          <svg class="checkmark fill-current active" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="NumeroViviendas" role="menuitem" tabindex="-1">          Número de viviendas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="IngresoPromedioMensualViviendas" role="menuitem" tabindex="-1">          Ingreso promedio mensual por viviendas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="DensidadPoblacional" role="menuitem" tabindex="-1">          Densidad poblacional          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option purple" data-value="ProporcionPoblacionRural" role="menuitem" tabindex="-1">          Proporción de población rural (%)          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <h3 class="block-title-bold text-purple-300 mb-8">IDDM y variables que lo conforman</h3>
  <div class="bg-purple-300 px-4 py-2 text-white mb-8 inline-block text-body-sm"> Municipio: <span id="span-municipio-iddm" class="font-bold iddm-municipio">Aguascalientes</span> - Valor IDDM: <span id="span-indice-iddm"
      class="font-bold iddm-indice">69</span> - Estrato IDDM: <span id="span-estrato-iddm" class="font-bold iddm-estrato">Muy alto</span>
  </div>
  <table id="tabla-iddm" class="block lg:hidden">
    <tbody>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4"></th>
        <td class="text-purple-400 iddm-municipio w-1/4">Aguascalientes</td>
        <td class="text-purple-600 iddm-estado w-1/4">Aguascalientes</td>
        <td class="text-purple-700 iddm-nacional w-1/4">Nacional</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4">Disponibilidad del SBAF</th>
        <td class="iddm-mun-disponibilidadDelSbaf w-1/4">Sí</td>
        <td class="iddm-est-disponibilidadDelSbaf w-1/4">11 de 11</td>
        <td class="iddm-nac-disponibilidadDelSbaf w-1/4">1634 de 2457</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4">Disponibilidad del SBAF fibra</th>
        <td class="iddm-mun-disponibilidadDelSbafFibra w-1/4">Sí</td>
        <td class="iddm-est-disponibilidadDelSbafFibra w-1/4">11 de 11</td>
        <td class="iddm-nac-disponibilidadDelSbafFibra w-1/4">1163 de 2457</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4">Disponibilidad de STAR terrestre</th>
        <td class="iddm-mun-disponibilidadDeStarTerrestre w-1/4">Sí</td>
        <td class="iddm-est-disponibilidadDeStarTerrestre w-1/4">7 de 11</td>
        <td class="iddm-nac-disponibilidadDeStarTerrestre w-1/4">584 de 2457</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4">Penetración de computadoras</th>
        <td class="iddm-mun-penetracionDeComputadoras w-1/4">54.66</td>
        <td class="iddm-est-penetracionDeComputadoras w-1/4">48.5</td>
        <td class="iddm-nac-penetracionDeComputadoras w-1/4">38.3</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4">Penetración de servicios OTT Audiovisuales</th>
        <td class="iddm-mun-penetracionDeServiciosOttAudiovisuales w-1/4">32.14</td>
        <td class="iddm-est-penetracionDeServiciosOttAudiovisuales w-1/4">27</td>
        <td class="iddm-nac-penetracionDeServiciosOttAudiovisuales w-1/4">19.2</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4">Penetración de SBAF</th>
        <td class="iddm-mun-penetracionDeSbaf w-1/4">90.9</td>
        <td class="iddm-est-penetracionDeSbaf w-1/4">74.4</td>
        <td class="iddm-nac-penetracionDeSbaf w-1/4">69.7</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4">Penetración de SBAF fibra</th>
        <td class="iddm-mun-penetracionDeSbafFibra w-1/4">49.67</td>
        <td class="iddm-est-penetracionDeSbafFibra w-1/4">37.4</td>
        <td class="iddm-nac-penetracionDeSbafFibra w-1/4">31.4</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4">Penetración de SBAF cable</th>
        <td class="iddm-mun-penetracionDeSbafCable w-1/4">41.23</td>
        <td class="iddm-est-penetracionDeSbafCable w-1/4">37</td>
        <td class="iddm-nac-penetracionDeSbafCable w-1/4">38.2</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4">Penetración STAR Terrestre</th>
        <td class="iddm-mun-penetracionSTARTerrestre w-1/4">39.42</td>
        <td class="iddm-est-penetracionSTARTerrestre w-1/4">31.7</td>
        <td class="iddm-nac-penetracionSTARTerrestre w-1/4">43.9</td>
      </tr>
      <tr class="flex flex-wrap">
        <th class="table-header bg-purple-300 w-1/4">Penetración STAR Fibra</th>
        <td class="iddm-mun-penetracionSTARFibra w-1/4">9.18</td>
        <td class="iddm-est-penetracionSTARFibra w-1/4">6.3</td>
        <td class="iddm-nac-penetracionSTARFibra w-1/4">4.2</td>
      </tr>
    </tbody>
  </table>
  <table class="hidden lg:block">
    <tbody>
      <tr>
        <th class="table-header bg-purple-300"></th>
        <th class="table-header bg-purple-300">Disponibilidad del SBAF</th>
        <th class="table-header bg-purple-300">Disponibilidad del SBAF fibra</th>
        <th class="table-header bg-purple-300">Disponibilidad de STAR terrestre</th>
        <th class="table-header bg-purple-300">Penetración de computadoras</th>
        <th class="table-header bg-purple-300">Penetración de servicios OTT Audiovisuales</th>
        <th class="table-header bg-purple-300">Penetración de SBAF</th>
        <th class="table-header bg-purple-300">Penetración de SBAF fibra</th>
        <th class="table-header bg-purple-300">Penetración de SBAF cable</th>
        <th class="table-header bg-purple-300">Penetración STAR Terrestre</th>
        <th class="table-header bg-purple-300">Penetración STAR Fibra</th>
      </tr>
      <tr>
        <td class="text-purple-400 iddm-municipio">Aguascalientes</td>
        <td class="iddm-mun-disponibilidadDelSbaf">Sí</td>
        <td class="iddm-mun-disponibilidadDelSbafFibra">Sí</td>
        <td class="iddm-mun-disponibilidadDeStarTerrestre">Sí</td>
        <td class="iddm-mun-penetracionDeComputadoras">54.66</td>
        <td class="iddm-mun-penetracionDeServiciosOttAudiovisuales">32.14</td>
        <td class="iddm-mun-penetracionDeSbaf">90.9</td>
        <td class="iddm-mun-penetracionDeSbafFibra">49.67</td>
        <td class="iddm-mun-penetracionDeSbafCable">41.23</td>
        <td class="iddm-mun-penetracionSTARTerrestre">39.42</td>
        <td class="iddm-mun-penetracionSTARFibra">9.18</td>
      </tr>
      <tr>
        <td class="text-purple-700 iddm-estado">Aguascalientes</td>
        <td class="iddm-est-disponibilidadDelSbaf">11 de 11</td>
        <td class="iddm-est-disponibilidadDelSbafFibra">11 de 11</td>
        <td class="iddm-est-disponibilidadDeStarTerrestre">7 de 11</td>
        <td class="iddm-est-penetracionDeComputadoras">48.5</td>
        <td class="iddm-est-penetracionDeServiciosOttAudiovisuales">27</td>
        <td class="iddm-est-penetracionDeSbaf">74.4</td>
        <td class="iddm-est-penetracionDeSbafFibra">37.4</td>
        <td class="iddm-est-penetracionDeSbafCable">37</td>
        <td class="iddm-est-penetracionSTARTerrestre">31.7</td>
        <td class="iddm-est-penetracionSTARFibra">6.3</td>
      </tr>
      <tr>
        <td class="text-blue-900 iddm-nacional">Nacional</td>
        <td class="iddm-nac-disponibilidadDelSbaf">1634 de 2457</td>
        <td class="iddm-nac-disponibilidadDelSbafFibra">1163 de 2457</td>
        <td class="iddm-nac-disponibilidadDeStarTerrestre">584 de 2457</td>
        <td class="iddm-nac-penetracionDeComputadoras">38.3</td>
        <td class="iddm-nac-penetracionDeServiciosOttAudiovisuales">19.2</td>
        <td class="iddm-nac-penetracionDeSbaf">69.7</td>
        <td class="iddm-nac-penetracionDeSbafFibra">31.4</td>
        <td class="iddm-nac-penetracionDeSbafCable">38.2</td>
        <td class="iddm-nac-penetracionSTARTerrestre">43.9</td>
        <td class="iddm-nac-penetracionSTARFibra">4.2</td>
      </tr>
    </tbody>
  </table>
  <!-- Botón que guarda las estructuras -->
  <input type="hidden" value="estado" name="estado-iddm-hidden" id="estado-iddm-hidden">
  <input type="hidden" value="municipio" name="municipio-iddm-hidden" id="municipio-iddm-hidden">
  <input type="hidden" value="interes" name="interes-iddm-hidden" id="interes-iddm-hidden">
  <input type="hidden" value="figura naciona" name="fig-nacional-iddm-hidden" id="fig-nacional-iddm-hidden">
  <input type="hidden" value="figura estatal" name="fig-estatal-iddm-hidden" id="fig-estatal-iddm-hidden">
  <input type="hidden" value="span municipio" name="span-municipio-iddm-hidden" id="span-municipio-iddm-hidden">
  <input type="hidden" value="span indice" name="span-indice-iddm-hidden" id="span-indice-iddm-hidden">
  <input type="hidden" value="span estrato" name="span-estrato-iddm-hidden" id="span-estrato-iddm-hidden">
  <input type="hidden" value="valores figura nacional iddm" name="valores-fig-nacional-iddm-hidden" id="valores-fig-nacional-iddm-hidden">
  <input type="hidden" value="valores figura estatal iddm" name="valores-fig-estatal-iddm-hidden" id="valores-fig-estatal-iddm-hidden">
  <input type="hidden" value="tabla" name="tabla-iddm-hidden" id="tabla-iddm-hidden">
  <div class="flex justify-end mb-8">
    <!-- <a href="#" target="_blank" class="btn btn-purple-300 btn-download">Descargar Consulta</a> -->
    <!-- Botón descarga -->
    <input type="button" class="btn btn-purple-300 btn-download" value="Descargar Consulta" onclick="ObtieneJsonIDDM()" id="btn-descarga-iddm" name="btn-descarga-iddm">
  </div>
  <div class="mb-10">
    <h3 class="block-title-bold text-purple-300 mb-5">Conformación de los estratos</h3>
    <p>Las siguientes figuras muestran información descriptiva de los estratos a nivel nacional y estatal. En el eje horizontal se muestra la variable de interés y en el eje vertical los estratos del IDDM.</p>
  </div>
  <div class="flex items-stretch flex-wrap -ml-8 mb-16 -mt-8">
    <div class="pl-8 w-full lg:w-1/2 mt-8">
      <h4 class="block-title-regular text-purple-300">Nacional</h4>
      <canvas id="iddm-nacional" width="592" height="296" style="display: block; box-sizing: border-box; height: 296px; width: 592px;"></canvas>
    </div>
    <div class="pl-8 w-full lg:w-1/2 mt-8">
      <h4 class="block-title-regular text-purple-300">Estatal</h4>
      <canvas id="iddm-estatal" width="592" height="296" style="display: block; box-sizing: border-box; height: 296px; width: 592px;"></canvas>
    </div>
  </div>
</form>

Name: form_caracteristicasPOST pdfcaracteristicas.php

<form action="pdfcaracteristicas.php" name="form_caracteristicas" id="form_caracteristicas" method="post">
  <div class="flex items-stretch flex-wrap -ml-8 -mt-4">
    <div class="w-full md:w-1/3 pl-8 mt-4">
      <div class="relative block text-left dropdown" data-selection="Aguascalientes">
        <!-- Button -->
        <div>
          <label class="dropdown-label">Estado:</label>
          <button type="button" class="dropdown-btn text-black border-brown-500" aria-expanded="true" aria-haspopup="true">
            <span id="btn-estado-carac">Aguascalientes</span>
            <svg class="text-brown-500 icon transform transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
            </svg>
          </button>
        </div>
        <!-- Options -->
        <div class="dropdown-options" aria-orientation="vertical" tabindex="-1">
          <div class="py-0" id="estados-demografica">
            <a href="#" class="option brown active" data-value="Aguascalientes" role="menuitem" tabindex="-1">        Aguascalientes          <svg class="checkmark fill-current active" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Baja California" role="menuitem" tabindex="-1">        Baja California          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Baja California Sur" role="menuitem" tabindex="-1">        Baja California Sur          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Campeche" role="menuitem" tabindex="-1">        Campeche          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Chiapas" role="menuitem" tabindex="-1">        Chiapas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Chihuahua" role="menuitem" tabindex="-1">        Chihuahua          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Coahuila de Zaragoza" role="menuitem" tabindex="-1">        Coahuila de Zaragoza          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Colima" role="menuitem" tabindex="-1">        Colima          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Ciudad de México" role="menuitem" tabindex="-1">        Ciudad de México          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Durango" role="menuitem" tabindex="-1">        Durango          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Guanajuato" role="menuitem" tabindex="-1">        Guanajuato          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Guerrero" role="menuitem" tabindex="-1">        Guerrero          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Hidalgo" role="menuitem" tabindex="-1">        Hidalgo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Jalisco" role="menuitem" tabindex="-1">        Jalisco          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="México" role="menuitem" tabindex="-1">        México          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Michoacán de Ocampo" role="menuitem" tabindex="-1">        Michoacán de Ocampo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Morelos" role="menuitem" tabindex="-1">        Morelos          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Nayarit" role="menuitem" tabindex="-1">        Nayarit          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Nuevo León" role="menuitem" tabindex="-1">        Nuevo León          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Oaxaca" role="menuitem" tabindex="-1">        Oaxaca          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Puebla" role="menuitem" tabindex="-1">        Puebla          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Querétaro" role="menuitem" tabindex="-1">        Querétaro          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Quintana Roo" role="menuitem" tabindex="-1">        Quintana Roo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="San Luis Potosí" role="menuitem" tabindex="-1">        San Luis Potosí          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Sinaloa" role="menuitem" tabindex="-1">        Sinaloa          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Sonora" role="menuitem" tabindex="-1">        Sonora          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Tabasco" role="menuitem" tabindex="-1">        Tabasco          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Tamaulipas" role="menuitem" tabindex="-1">        Tamaulipas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Tlaxcala" role="menuitem" tabindex="-1">        Tlaxcala          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Veracruz de Ignacio de la Llave" role="menuitem" tabindex="-1">        Veracruz de Ignacio de la Llave          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Yucatán" role="menuitem" tabindex="-1">        Yucatán          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Zacatecas" role="menuitem" tabindex="-1">        Zacatecas          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a>
          </div>
        </div>
      </div>
    </div>
    <div class="w-full md:w-1/3 pl-8 mt-4">
      <div class="relative block text-left dropdown" data-selection="Aguascalientes">
        <!-- Button -->
        <div>
          <label class="dropdown-label">Municipio:</label>
          <button type="button" class="dropdown-btn text-black border-brown-500" aria-expanded="true" aria-haspopup="true">
            <span id="btn-municipio-carac">Aguascalientes</span>
            <svg class="text-brown-500 icon transform transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
            </svg>
          </button>
        </div>
        <!-- Options -->
        <div class="dropdown-options" aria-orientation="vertical" tabindex="-1">
          <div class="py-0" id="municipios-demografica">
            <a href="#" class="option brown active" data-value="Aguascalientes" role="menuitem" tabindex="-1">        Aguascalientes          <svg class="checkmark fill-current active" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Asientos" role="menuitem" tabindex="-1">        Asientos          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Calvillo" role="menuitem" tabindex="-1">        Calvillo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Cosío" role="menuitem" tabindex="-1">        Cosío          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Jesú María" role="menuitem" tabindex="-1">        Jesú María          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Pabellón de Arteaga" role="menuitem" tabindex="-1">        Pabellón de Arteaga          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Rincón de Romos" role="menuitem" tabindex="-1">        Rincón de Romos          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="San José de Gracia" role="menuitem" tabindex="-1">        San José de Gracia          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="Tepezalá" role="menuitem" tabindex="-1">        Tepezalá          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="El Llano" role="menuitem" tabindex="-1">        El Llano          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a><a href="#" class="option brown" data-value="San Francisco de los Romo" role="menuitem" tabindex="-1">        San Francisco de los Romo          <svg class="checkmark fill-current" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">            <path d="M57.658 12.643a4 4 0 0 1 1.183 5.532l-25.915 40a4 4 0 0 1-6.361.467L13.514 43.807a4.001 4.001 0 0 1 6.006-5.285l9.563 10.87 23.043-35.567a4 4 0 0 1 5.532-1.182z"></path>          </svg>        </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="my-10">
    <!-- COLLAPSABLE TAB -->
    <article class="relative w-full mt-7 collapser-municipio">
      <div id="tabla-1">
        <button type="button" class="collapser-tab w-full block focus:outline-none px-4 py-6 bg-orange-900 rounded relative active">
          <h3 class="uppercase mb-0 text-white font-open-sans-semi-bold text-left">Aguascalientes</h3>
          <div class="absolute right-6 top-0 bottom-0 flex items-center justify-center">
            <div class="flex items-center justify-center box">
              <div class="collapser-tab-line h-2px w-4 rounded-full"></div>
              <div class="collapser-tab-line h-2px w-4 rounded-full -ml-1.5"></div>
            </div>
          </div>
        </button>
        <div class="collapser-content titles" style="">
          <div class="flex items-stretch flex-wrap -ml-6">
            <!-- COLUMN -->
            <div class="w-full lg:w-1/3 pl-6 mt-6 flex">
              <div class="w-full border rounded border-orange-900 p-4">
                <h6 class="uppercase text-orange-900 font-open-sans-semi-bold">Económicas</h6>
                <div class="part1">
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. promedio por vivienda:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm ingPromedioPorVivienda">15,323.78</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Personas que ganan hasta 2 salarios:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm PersHasta2Sal">43.64%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Inversión per-cápita:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm inversionPerCapita">6217.9</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Actividades Primarias:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm ingActividadesPrimarias">1.78%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Servicios:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm ingServicios">7.97%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Actividades Comerciales:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm ingActividadesComerciales">26.19%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Manufacturas:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm ingManufacturas">64.07%</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- ENDS COLUMN -->
            <!-- COLUMN -->
            <div class="w-full lg:w-1/3 pl-6 mt-6 flex">
              <div class="w-full border rounded border-orange-900 p-4">
                <h6 class="uppercase text-orange-900 font-open-sans-semi-bold">Sociodemográficas</h6>
                <div class="part2">
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Densidad:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm densidad">802.54</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">12-65 años:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm anos">73.51%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Género:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm genero">48.20%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Población indígena:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm pobindigena">6.33%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Población rural:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm pobrural">7.52%</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- ENDS COLUMN -->
            <!-- COLUMN -->
            <div class="w-full lg:w-1/3 pl-6 mt-6 flex">
              <div class="w-full border rounded border-orange-900 p-4">
                <h6 class="uppercase text-orange-900 font-open-sans-semi-bold">Educativas</h6>
                <div class="part3">
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Universidades:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm universidades">55</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Escuelas Privadas:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm escuelasPrivadas">512</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Pob. Sin Educ. Básica:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm pobSinEducBasica">4.10%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Pob. 15 años y más primaria no concluida:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm Pob15aniosNoPrim">6.22%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Educ. Básica:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm educBasica">53.72%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Educ. Media:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm educMedia">20.10%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Educ. Superior:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm educSuperior">22.08%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Escolaridad Promedio:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm escolaridadPromedio">8.81</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Tasa de Analfabetización:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-orange-900 font-bold text-sm tasaAnalfabetizacion">1.23%</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- ENDS COLUMN -->
          </div>
        </div>
      </div>
    </article>
    <!-- ENDS COLLAPSABLE TAB -->
    <!-- COLLAPSABLE TAB -->
    <article class="relative w-full mt-7 collapser-estado">
      <div id="tabla-2">
        <button type="button" class="collapser-tab w-full block focus:outline-none px-4 py-6 bg-pink-neon-500 rounded relative">
          <h3 class="uppercase mb-0 text-white font-open-sans-semi-bold text-left">Aguascalientes</h3>
          <div class="absolute right-6 top-0 bottom-0 flex items-center justify-center">
            <div class="flex items-center justify-center box">
              <div class="collapser-tab-line h-2px w-4 rounded-full"></div>
              <div class="collapser-tab-line h-2px w-4 rounded-full -ml-1.5"></div>
            </div>
          </div>
        </button>
        <div id="tabla-carac-estatal" class="collapser-content" style="display: none;">
          <div class="flex items-stretch flex-wrap -ml-6">
            <!-- COLUMN -->
            <div class="w-full lg:w-1/3 pl-6 mt-6 flex">
              <div class="w-full border rounded border-pink-neon-500 p-4">
                <h6 class="uppercase text-pink-neon-500 font-open-sans-semi-bold">Económicas</h6>
                <div class="part4">
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. promedio por vivienda:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm ingPromedioPorVivienda">14,198.14</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Personas que ganan hasta 2 salarios:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm PersHasta2Sal">8.67%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Inversión per-cápita:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm inversionPerCapita">5866.96</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Actividades Primarias:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm ingActividadesPrimarias">1.69%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Servicios:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm ingServicios">7.53%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Actividades Comerciales:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm ingActividadesComerciales">25.43%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Manufacturas:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm ingManufacturas">65.35%</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- ENDS COLUMN -->
            <!-- COLUMN -->
            <div class="w-full lg:w-1/3 pl-6 mt-6 flex">
              <div class="w-full border rounded border-pink-neon-500 p-4">
                <h6 class="uppercase text-pink-neon-500 font-open-sans-semi-bold">Sociodemográficas</h6>
                <div class="part5">
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Densidad:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm densidad">253.08</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">12-65 años:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm anos">72.20%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Género:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm genero">48.58%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Población indígena:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm pobindigena">5.85%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Población rural:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm pobrural">21.28%</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- ENDS COLUMN -->
            <!-- COLUMN -->
            <div class="w-full lg:w-1/3 pl-6 mt-6 flex">
              <div class="w-full border rounded border-pink-neon-500 p-4">
                <h6 class="uppercase text-pink-neon-500 font-open-sans-semi-bold">Educativas</h6>
                <div class="part6">
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Universidades:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm universidades">58</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Escuelas Privadas:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm escuelasPrivadas">584</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Pob. Sin Educ. Básica:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm pobSinEducBasica">4.94%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Pob. 15 años y más primaria no concluida:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm Pob15aniosNoPrim">47.52%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Educ. Básica:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm educBasica">57.68%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Educ. Media:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm educMedia">19.09%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Educ. Superior:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm educSuperior">18.29%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Escolaridad Promedio:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm escolaridadPromedio">8.7</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Tasa de Analfabetización:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-500 font-bold text-sm tasaAnalfabetizacion">1.88%</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- ENDS COLUMN -->
          </div>
        </div>
      </div>
    </article>
    <!-- ENDS COLLAPSABLE TAB -->
    <!-- COLLAPSABLE TAB -->
    <article class="relative w-full mt-7 collapser-nacional">
      <div id="tabla-3">
        <button type="button" class="collapser-tab w-full block focus:outline-none px-4 py-6 bg-pink-neon-900 rounded relative">
          <h3 class="uppercase mb-0 text-white font-open-sans-semi-bold text-left">Nacional</h3>
          <div class="absolute right-6 top-0 bottom-0 flex items-center justify-center">
            <div class="flex items-center justify-center box">
              <div class="collapser-tab-line h-2px w-4 rounded-full"></div>
              <div class="collapser-tab-line h-2px w-4 rounded-full -ml-1.5"></div>
            </div>
          </div>
        </button>
        <div id="tabla-carac-nacional" class="collapser-content" style="display: none;">
          <div class="flex items-stretch flex-wrap -ml-6">
            <!-- COLUMN -->
            <div class="w-full lg:w-1/3 pl-6 mt-6 flex">
              <div class="w-full border rounded border-pink-neon-900 p-4">
                <h6 class="uppercase text-pink-neon-900 font-open-sans-semi-bold">Económicas</h6>
                <div class="part7">
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. promedio por vivienda:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm ingPromedioPorVivienda">12,128.83</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Personas que ganan hasta 2 salarios:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm PersHasta2Sal">13.71%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Inversión per-cápita:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm inversionPerCapita">6392.87</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Actividades Primarias:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm ingActividadesPrimarias">2.81%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Servicios:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm ingServicios">18.50%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Actividades Comerciales:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm ingActividadesComerciales">39.31%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Ing. Manufacturas:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm ingManufacturas">39.37%</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- ENDS COLUMN -->
            <!-- COLUMN -->
            <div class="w-full lg:w-1/3 pl-6 mt-6 flex">
              <div class="w-full border rounded border-pink-neon-900 p-4">
                <h6 class="uppercase text-pink-neon-900 font-open-sans-semi-bold">Sociodemográficas</h6>
                <div class="part8">
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Densidad:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm densidad">63.77</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">12-65 años:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm anos">72.29%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Género:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm genero">48.71%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Población indígena:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm pobindigena">18.47%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Población rural:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm pobrural">26.98%</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- ENDS COLUMN -->
            <!-- COLUMN -->
            <div class="w-full lg:w-1/3 pl-6 mt-6 flex">
              <div class="w-full border rounded border-pink-neon-900 p-4">
                <h6 class="uppercase text-pink-neon-900 font-open-sans-semi-bold">Educativas</h6>
                <div class="part9">
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Universidades:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm universidades">4104</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Escuelas Privadas:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm escuelasPrivadas">48840</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Pob. Sin Educ. Básica:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm pobSinEducBasica">6.60%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Pob. 15 años y más primaria no concluida:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm Pob15aniosNoPrim">55.40%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Educ. Básica:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm educBasica">59.02%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Educ. Media:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm educMedia">19.11%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Educ. Superior:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm educSuperior">15.26%</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Escolaridad Promedio:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm escolaridadPromedio">8.18</p>
                    </div>
                  </div>
                  <div class="flex flex-wrap items-baseline -ml-4">
                    <div class="w-2/3 pl-4">
                      <p class="text-sm">Tasa de Analfabetización:</p>
                    </div>
                    <div class="w-1/3 pl-4">
                      <p class="text-pink-neon-900 font-bold text-sm tasaAnalfabetizacion">5.00%</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- ENDS COLUMN -->
          </div>
        </div>
      </div>
    </article>
    <!-- ENDS COLLAPSABLE TAB -->
  </div>
  <!-- Botón que guarda las estructuras -->
  <input type="hidden" value="estado" name="estado-carac-hidden" id="estado-carac-hidden">
  <input type="hidden" value="municipio" name="municipio-carac-hidden" id="municipio-carac-hidden">
  <input type="hidden" value="tabla1" name="tabla-municipio-hidden" id="tabla-municipio-hidden">
  <input type="hidden" value="tabla2" name="tabla-estatal-hidden" id="tabla-estatal-hidden">
  <input type="hidden" value="tabla3" name="tabla-nacional-hidden" id="tabla-nacional-hidden">
  <input type="hidden" value="tabla4" name="tabla-caracteristicas-hidden" id="tabla-caracteristicas-hidden">
  <div class="flex justify-end mb-8">
    <!-- <a href="#" target="_blank" class="btn btn-brown btn-download">Descargar Consulta</a> -->
    <!-- Botón descarga -->
    <input type="button" class="btn btn-purple-300 btn-brown" value="Descargar Consulta" onclick="obtieneCaracteristicas()" id="btn-descarga-carac" name="btn-descarga-carac">
  </div>
</form>

Text Content

 * Índice de Infraestructura Municipal
 * Índice de Desarrollo Digital Municipal
 * Análisis geográfico del IDDM
 * Características de los municipios y análisis de relaciones
 * Aplicaciones
 * Metodología y marco conceptual
 * Descarga el Estudio de competencia en infraestructura
 * Descarga de Base de Datos


MICROSITIO CON INDICADORES DE INFRAESTRUCTURA Y DIGITALIZACIÓN A NIVEL MUNICIPAL

ACTUALIZADO CON INFORMACIÓN A DICIEMBRE DE 2022


ÍNDICE DE INFRAESTRUCTURA MUNICIPAL (ICM)

El ICM es un indicador informativo de la disponibilidad de infraestructura y de
la concentración a nivel municipal. Para su construcción, se utilizan variables
de disponibilidad de infraestructura para la provisión de servicios fijos, tales
como el número de operadores presentes por tecnología, así como variables
relacionadas con la distribución de accesos entre proveedores y el grado de
concentración.

Con base en el ICM se conformaron 4 estratos: ICM Alto, ICM Medio, ICM Bajo y
Sin redes terrestres.


DISTRIBUCIÓN DE LOS MUNICIPIOS EN FUNCIÓN DEL ICM


Ver mapa

Cargando mapa...Espere un momento

Seleccione la entidad federativa y municipio para conocer sus características,
así como la variable de interés para conocer la conformación de los estratos a
nivel nacional y estatal.

Estado: Aguascalientes
Aguascalientes Baja California Baja California Sur Campeche Chiapas Chihuahua
Coahuila de Zaragoza Colima Ciudad de México Durango Guanajuato Guerrero Hidalgo
Jalisco México Michoacán de Ocampo Morelos Nayarit Nuevo León Oaxaca Puebla
Querétaro Quintana Roo San Luis Potosí Sinaloa Sonora Tabasco Tamaulipas
Tlaxcala Veracruz de Ignacio de la Llave Yucatán Zacatecas
Municipio: Aguascalientes
Aguascalientes Asientos Calvillo Cosío Jesús María Pabellón de Arteaga Rincón de
Romos San José de Gracia Tepezalá El Llano San Francisco de los Romo
Variable de interés: Número de municipios
Número de municipios Número de viviendas Ingreso promedio mensual por viviendas
Densidad poblacional Proporción de población rural (%)


ICM Y VARIABLES QUE LO CONFORMAN

Municipio: Aguascalientes - Valor ICM: 94 - Estrato ICM: Alto

Número de operadores principales del SBAF Número de operadores principales del
SBAF fibra Número de proveedores del STAR terrestre Número de operadores de
pequeña escala de SBAF Participación del principal operador del STAR terrestre
IHH del STAR terrestre Participación del principal operador del SBAF IHH del
SBAF Aguascalientes 4 2 3 1 52.05 4139 42.01 3225 Aguascalientes 2 1.2 0.6 0.2
56.68 4390 42.93 3301 Nacional 3 1.7 1.6 0.4 45.5 3776 41.21 2889

Aguascalientes Aguascalientes Nacional Número de operadores principales del SBAF
4 2 3 Número de operadores principales del SBAF fibra 2 1.2 1.7 Número de
proveedores del STAR terrestre 3 0.6 1.6 Número de operadores de pequeña escala
de SBAF 1 0.2 0.4 Participación del principal operador del STAR terrestre 52.05
56.68 45.5 IHH del STAR terrestre 4139 4390 3776 Participación del principal
operador del SBAF 42.01 42.93 41.21 IHH del SBAF 3225 3301 2889




CONFORMACIÓN DE LOS ESTRATOS

Las siguientes figuras muestran información descriptiva de los estratos a nivel
nacional y estatal. En el eje horizontal se muestra la variable de interés y en
el eje vertical los estratos del ICM.

NACIONAL

ESTATAL


ÍNDICE DE DESARROLLO DIGITAL MUNICIPAL (IDDM)

El IDDM es un indicador informativo del grado de digitalización en los
municipios. Para su construcción, se utilizan variables relacionadas con la
disponibilidad y el uso de servicios fijos de telecomunicaciones.

Con base en el IDDM se conformaron 5 estratos: IDDM Muy alto, IDDM Alto, IDDM
Medio, IDDM Bajo e IDDM Muy bajo.


DISTRIBUCIÓN DE LOS MUNICIPIOS EN FUNCIÓN DEL IDDM


Ver mapa

Cargando mapa...Espere un momento

Seleccione la entidad federativa y municipio para conocer sus características,
así como la variable de interés para conocer la conformación de los estratos a
nivel nacional y estatal.

Estado: Aguascalientes
Aguascalientes Baja California Baja California Sur Campeche Chiapas Chihuahua
Coahuila de Zaragoza Colima Ciudad de México Durango Guanajuato Guerrero Hidalgo
Jalisco México Michoacán de Ocampo Morelos Nayarit Nuevo León Oaxaca Puebla
Querétaro Quintana Roo San Luis Potosí Sinaloa Sonora Tabasco Tamaulipas
Tlaxcala Veracruz de Ignacio de la Llave Yucatán Zacatecas
Municipio: Aguascalientes
Aguascalientes Asientos Calvillo Cosío Jesús María Pabellón de Arteaga Rincón de
Romos San José de Gracia Tepezalá El Llano San Francisco de los Romo
Variable de interés: Número de municipios
Número de municipios Número de viviendas Ingreso promedio mensual por viviendas
Densidad poblacional Proporción de población rural (%)


IDDM Y VARIABLES QUE LO CONFORMAN

Municipio: Aguascalientes - Valor IDDM: 69 - Estrato IDDM: Muy alto

Aguascalientes Aguascalientes Nacional Disponibilidad del SBAF Sí 11 de 11 1634
de 2457 Disponibilidad del SBAF fibra Sí 11 de 11 1163 de 2457 Disponibilidad de
STAR terrestre Sí 7 de 11 584 de 2457 Penetración de computadoras 54.66 48.5
38.3 Penetración de servicios OTT Audiovisuales 32.14 27 19.2 Penetración de
SBAF 90.9 74.4 69.7 Penetración de SBAF fibra 49.67 37.4 31.4 Penetración de
SBAF cable 41.23 37 38.2 Penetración STAR Terrestre 39.42 31.7 43.9 Penetración
STAR Fibra 9.18 6.3 4.2

Disponibilidad del SBAF Disponibilidad del SBAF fibra Disponibilidad de STAR
terrestre Penetración de computadoras Penetración de servicios OTT Audiovisuales
Penetración de SBAF Penetración de SBAF fibra Penetración de SBAF cable
Penetración STAR Terrestre Penetración STAR Fibra Aguascalientes Sí Sí Sí 54.66
32.14 90.9 49.67 41.23 39.42 9.18 Aguascalientes 11 de 11 11 de 11 7 de 11 48.5
27 74.4 37.4 37 31.7 6.3 Nacional 1634 de 2457 1163 de 2457 584 de 2457 38.3
19.2 69.7 31.4 38.2 43.9 4.2




CONFORMACIÓN DE LOS ESTRATOS

Las siguientes figuras muestran información descriptiva de los estratos a nivel
nacional y estatal. En el eje horizontal se muestra la variable de interés y en
el eje vertical los estratos del IDDM.

NACIONAL

ESTATAL


ANÁLISIS GEOGRÁFICO DEL IDDM

El análisis de correlación espacial en el IDDM, basado en el estadístico local
de Moran, permite identificar los siguientes casos:

 * Municipios con niveles altos de digitalización cuyos vecinos también tienen
   niveles altos de digitalización (Alto-Alto)
 * Municipios con niveles bajos de digitalización cuyos vecinos también tienen
   niveles bajos de digitalización (Bajo-Bajo)
 * Municipios con niveles bajos de digitalización cuyos vecinos tienen niveles
   altos digitalización (Bajo-Alto)
 * Municipios con niveles altos de digitalización cuyos vecinos tienen niveles
   bajos de digitalización (Alto-Bajo)


CLÚSTERES LOCALES EN EL IDDM


Ver mapa

Cargando mapa...Espere un momento


CARACTERÍSTICAS DE LOS MUNICIPIOS Y ANÁLISIS DE RELACIONES


CARACTERÍSTICAS SOCIODEMOGRÁFICAS, ECONÓMICAS Y EDUCATIVAS

Seleccione la entidad federativa y municipio para conocer sus características
sociodemográficas, económicas y educativas. También podrá consultar las
características promedio a nivel nacional como referencia.

Estado: Aguascalientes
Aguascalientes Baja California Baja California Sur Campeche Chiapas Chihuahua
Coahuila de Zaragoza Colima Ciudad de México Durango Guanajuato Guerrero Hidalgo
Jalisco México Michoacán de Ocampo Morelos Nayarit Nuevo León Oaxaca Puebla
Querétaro Quintana Roo San Luis Potosí Sinaloa Sonora Tabasco Tamaulipas
Tlaxcala Veracruz de Ignacio de la Llave Yucatán Zacatecas
Municipio: Aguascalientes
Aguascalientes Asientos Calvillo Cosío Jesú María Pabellón de Arteaga Rincón de
Romos San José de Gracia Tepezalá El Llano San Francisco de los Romo


AGUASCALIENTES



ECONÓMICAS

Ing. promedio por vivienda:

15,323.78

Personas que ganan hasta 2 salarios:

43.64%

Inversión per-cápita:

6217.9

Ing. Actividades Primarias:

1.78%

Ing. Servicios:

7.97%

Ing. Actividades Comerciales:

26.19%

Ing. Manufacturas:

64.07%

SOCIODEMOGRÁFICAS

Densidad:

802.54

12-65 años:

73.51%

Género:

48.20%

Población indígena:

6.33%

Población rural:

7.52%

EDUCATIVAS

Universidades:

55

Escuelas Privadas:

512

Pob. Sin Educ. Básica:

4.10%

Pob. 15 años y más primaria no concluida:

6.22%

Educ. Básica:

53.72%

Educ. Media:

20.10%

Educ. Superior:

22.08%

Escolaridad Promedio:

8.81

Tasa de Analfabetización:

1.23%


AGUASCALIENTES



ECONÓMICAS

Ing. promedio por vivienda:

14,198.14

Personas que ganan hasta 2 salarios:

8.67%

Inversión per-cápita:

5866.96

Ing. Actividades Primarias:

1.69%

Ing. Servicios:

7.53%

Ing. Actividades Comerciales:

25.43%

Ing. Manufacturas:

65.35%

SOCIODEMOGRÁFICAS

Densidad:

253.08

12-65 años:

72.20%

Género:

48.58%

Población indígena:

5.85%

Población rural:

21.28%

EDUCATIVAS

Universidades:

58

Escuelas Privadas:

584

Pob. Sin Educ. Básica:

4.94%

Pob. 15 años y más primaria no concluida:

47.52%

Educ. Básica:

57.68%

Educ. Media:

19.09%

Educ. Superior:

18.29%

Escolaridad Promedio:

8.7

Tasa de Analfabetización:

1.88%


NACIONAL



ECONÓMICAS

Ing. promedio por vivienda:

12,128.83

Personas que ganan hasta 2 salarios:

13.71%

Inversión per-cápita:

6392.87

Ing. Actividades Primarias:

2.81%

Ing. Servicios:

18.50%

Ing. Actividades Comerciales:

39.31%

Ing. Manufacturas:

39.37%

SOCIODEMOGRÁFICAS

Densidad:

63.77

12-65 años:

72.29%

Género:

48.71%

Población indígena:

18.47%

Población rural:

26.98%

EDUCATIVAS

Universidades:

4104

Escuelas Privadas:

48840

Pob. Sin Educ. Básica:

6.60%

Pob. 15 años y más primaria no concluida:

55.40%

Educ. Básica:

59.02%

Educ. Media:

19.11%

Educ. Superior:

15.26%

Escolaridad Promedio:

8.18

Tasa de Analfabetización:

5.00%




ANÁLISIS DE RELACIONES

En la siguiente figura se muestra la correlación del IDDM con variables
sociodemográficas, económicas y educativas.


CORRELACIONES ENTRE VARIABLES


Ver figura

Cargando figura...Espere un momento


APLICACIONES

La caracterización de diferencias en indicadores de disponibilidad de
infraestructura, concentración y digitalización entre municipios, así como el
análisis de correlación con posibles factores explicativos, aporta información
relevante para el diseño de políticas focalizadas a nivel local o regional.

A continuación, se presentan dos casos ilustrativos de aplicaciones.


INDICIOS DE BRECHAS DE ACCESO

Identificación preliminar de municipios en los que se podría favorecer el
despliegue de redes y la disponibilidad de servicios (2022):

74 municipios sin redes terrestres, cuyos ingresos y densidad poblacional son
mayores al ingreso y densidad poblacional promedio del grupo de municipios con
un proveedor principal del SBAF ($6,260 y 22 habitantes por km2). 68 de los 74
municipios tienen algún municipio vecino con presencia de al menos un operador
principal.


INDICIOS DE BRECHAS DE USO

Identificación preliminar de municipios en los que se podría favorecer la
adopción y uso de los servicios (2022):

95 municipios con presencia de al menos un proveedor principal del SBAF, cuyo
ingreso promedio es menor al ingreso de los municipios sin redes terrestres
($3,662) y cuya penetración del SBAF es menor a la penetración promedio de los
municipios que tienen un proveedor del SBAF (15).

Descarga detalle del mapa

Ver mapa

Cargando mapa...Espere un momento


METODOLOGÍA Y MARCO CONCEPTUAL

Para la construcción del ICM e IDDM:

 1. Se utiliza la técnica de componentes principales.
 2. Se estandarizan los valores resultantes en una escala [0-100] y se
    estratifican mediante la metodología Dalenius-Hodges.

El ICM es el primer componente principal de la matriz conformada por las
siguientes variables a nivel municipal:

 * Número de operadores principales del Servicio de Acceso a Internet Fijo
   (SBAF)
 * Número de operadores principales del SBAF con redes de fibra óptica.
 * Número de operadores principales del Servicio de Televisión Restringida
   (STAR) terrestre.
 * Participación del primer proveedor del SBAF.
 * Participación del primer proveedor del STAR terrestre.
 * Índice de concentración de Herfindahl (IHH) del SBAF.
 * IHH del STAR terrestre.
 * Número de proveedores de menor escala que ofrecen el SBAF a través de redes
   terrestres.

El IDDM es el primer componente principal de la matriz conformada por las
siguientes variables a nivel municipal:

 * Disponibilidad del SBAF.
 * Disponibilidad del STAR terrestre.
 * Disponibilidad del SBAF con redes de fibra óptica.
 * Penetración de computadoras.
 * Penetración del SBAF.
 * Penetración del SBAF con redes de fibra óptica.
 * Penetración del SBAF con redes de cable.
 * Penetración del STAR terrestre.
 * Penetración del STAR terrestre con redes de fibra óptica.
 * Penetración de Servicios OTT Audiovisuales.

DESCARGA DE DATOS

Descarga la base de datos completa con la información del ICM e IDDM y las
variables que los conforman, así como con información educativa, económica y
sociodemográfica, a nivel municipal.

Descargar

DESCARGA DE ESTUDIO

En el siguiente link se encuentra disponible el Análisis de competencia en
infraestructura para servicios de telecomunicaciones fijos, el cual contiene el
marco conceptual, la metodología detallada e interpretaciones de los indicadores
de infraestructura y digitalización mostrados en este sitio.

Descargar

DATOS DE CONTACTO

Para comentarios, dudas o sugerencias contactar a personal de la Dirección de
Análisis Económico y Regulatorio adscrita a la Dirección General de Consulta
Económica, a los siguientes correos electrónicos y números telefónicos:

david.lopez@ift.org.mx
teléfono: 55 5015 4000 extensión: 4283
luis.castillo@ift.org.mx
teléfono: 55 5015 4000 extensión: 2207

® Instituto Federal de Telecomunicaciones - Algunos Derechos Reservados

Disclaimer: El contenido de este micrositio es únicamente informativo y no
refleja la opinión ni es vinculante para el Pleno del Instituto Federal de
Telecomunicaciones.
La información que se presenta no prejuzga sobre condiciones de competencia en
los mercados, criterios o indicadores empleados en procedimientos y casos
particulares ni sobre el ejercicio de las facultades del Instituto como
autoridad regulatoria y de competencia económica en los sectores de
telecomunicaciones y radiodifusión.

Descarga de metadatos
Glosario