@media (max-width:768px){

#btn-globalmenu-btn{
   background: red !important;
}

/*    *{
      max-width:100% !important;
   } */

   body{
      overflow-x:hidden;
   }

   .container,
   .container-fluid,
   .row{
      width:100%;
      margin:0;
      padding:0 10px;
   }

   .d-block,
   .imagen-informe,
   .imagen-audiencia{
      width:100% !important;
      max-width:100% !important;
      height:auto;
   }

   /* ===== HEADER ===== */
   #btn-globalmenu-btn{
      position:absolute;
      right:10px;
      top:8px;
      z-index:9999;
		display: block !important;
		visibility: visible;
   }

   #ags-logo{
      width:120px;
      transform:none !important;
   }

   /* ===== MENÚ ===== */
   #globalbar-nav{
      position:fixed;
      top:60px;
      width:100%;
      background:#2b2a4c;
   }

   /* ===== BOTONES ===== */
   #btnArriba,
   #btnAbajo{
      display:none !important;
   }

   /* ===== BUSCADOR ===== */
   .buscador{
      display:none !important;
   }

   /* ===== IMÁGENES PROBLEMÁTICAS ===== */
   .imagen-informe,
   .imagen-audiencia,
   .d-block{
      width:100% !important;
   }

   img{
      max-width:100%;
      height:auto;
   }

   #btn-globalmenu-btn{
      display: block !important;
      position: absolute !important;
      top: 8px !important;
      right: 10px !important;
      z-index: 99999 !important;
   }

   body{
      overflow-x: hidden !important;
   }

   /* 🔥 CONTENIDO NO SE SALGA */
   .container,
   .container-fluid,
   .row{
      width:100% !important;
      margin:0 !important;
      padding-left:10px !important;
      padding-right:10px !important;
   }

   /* 🔥 IMÁGENES CONTROLADAS */
   img{
      max-width:100% !important;
      height:auto !important;
   }

   /* 🔥 ELIMINAR DESFASES */
   .programas-section .item,
   .programas-section .itempro,
   .zonas-en-proceso .item{
      margin-left:0 !important;
      transform:none !important;
   }

   /* 🔥 COSAS QUE ROMPEN */
   .d-block,
   .imagen-informe,
   .imagen-audiencia{
      width:100% !important;
      max-width:100% !important;
   }
   /* ===== BOTÓN HAMBURGUESA FIX REAL ===== */
   
   /* base */
/*    #btn-globalmenu-btn{
      display: none;
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 100000;
      background: transparent;
      border: none;
      font-size: 28px;
      color: white;
      cursor: pointer;
   }
    */
   /* móvil */
      #btn-globalmenu-btn{
         display: block !important;
      }
}

/* =========================================
   🚀 MENÚ APP PRO (FUNCIONAL)
   ========================================= */

/* BOTÓN */
/* #btn-globalmenu-btn{
   display: none;
   position: fixed;
   top: 12px;
   right: 15px;
   z-index: 100001;
   background: transparent;
   border: none;
   font-size: 28px;
   color: white;
   cursor: pointer;
} */

/* SOLO MÓVIL */
@media (max-width:768px){

   #btn-globalmenu-btn{
      display: block !important;
   }

   /* MENU LATERAL */
   #globalbar-nav{
      position: fixed !important;
      top: 0;
      left: -280px; /* oculto */
      width: 280px;
      height: 100vh;
      background: #2b2a4c;
      padding-top: 80px;
      transition: left 0.3s ease;
      z-index: 100000;
   }

   /* ACTIVO */
   #globalbar-nav.active{
      left: 0;
   }

   /* LISTA */
   #globalbar-nav ul{
      display: flex;
      flex-direction: column;
      gap: 15px; 
      padding: 20px;
   }

   #globalbar-nav a{
      color: white;
      font-size: 16px;
      text-decoration: none;
   }

   /* OVERLAY OSCURO */
   #menu-overlay{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      z-index: 99999;
   }

   #menu-overlay.active{
      display: block;
   }

}

/* =========================================
   🔥 FIX REAL MENÚ MÓVIL (SIN ROMPER NADA)
   ========================================= */

@media (max-width:768px){

   /* 🔴 BOTÓN SIEMPRE VISIBLE */
   #btn-globalmenu-btn{
      display: block !important;
      position: fixed !important;
      top: 10px !important;
      right: 15px !important;
      z-index: 100000 !important;
   }

   /* 🔴 ESTILO DEL ICONO */
   #btn-globalmenu-btn .btn-menuglobal{
      font-size: 28px;
      background: transparent;
      border: none;
      color: white;
      cursor: pointer;
   }

   /* 🔴 MENÚ OCULTO POR DEFECTO */
   #globalbar-nav{
      display: block !important;
      position: fixed !important;
      top: 0 !important;
      left: -100% !important;
      width: 260px !important;
      height: 100vh !important;
      background: #2b2a4c !important;
      padding-top: 80px !important;
      transition: left 0.3s ease !important;
      z-index: 99999 !important;
   }

   /* 🔴 CUANDO ESTÁ ACTIVO */
   #globalbar-nav.active{
      left: 0 !important;
   }

   /* 🔴 LISTA EN COLUMNA */
   #globalbar-nav ul{
      display: flex !important;
      flex-direction: column !important;
      gap: 15px;
      padding: 20px;
   }

   #globalbar-nav a{
      color: white !important;
      font-size: 16px;
   }

}
/* =========================================
   🔥 MENÚ MÓVIL FUNCIONAL REAL
   ========================================= */

/* OCULTO EN ESCRITORIO */
/* #btn-globalmenu-btn{
   display: none;
}
 */
/* MÓVIL */
@media (max-width:768px){

   /* BOTÓN */
   #btn-globalmenu-btn{
      display: block !important;
      position: fixed !important;
      top: 10px !important;
      right: 15px !important;
      z-index: 999999 !important;
   }

   #btn-globalmenu-btn button{
      font-size: 28px;
      background: transparent;
      border: none;
      color: white;
   }

   /* MENÚ */
   #globalbar-nav{
      position: fixed !important;
      top: 0;
      left: -100%;
      width: 260px;
      height: 100vh;
      background: #2b2a4c;
      transition: left 0.3s ease;
      z-index: 999998;
      padding-top: 80px;
   }

   #globalbar-nav.active{
      left: 0;
   }

   #globalbar-nav ul{
      display: flex;
      flex-direction: column;
      gap: 15px;
      padding: 20px;
   }

}

@media (max-width:768px){
   #equalweb_accessibility_button,
   #equalweb-container{
      display: none !important;
   }
}

#btn-globalmenu-btn{
   position: fixed !important;
   top: 10px !important;
   right: 15px !important;
   z-index: 999999 !important;
   display: block !important;
}

@media (max-width:768px){

   #globalbar-nav{
      position: fixed !important;
      top: 0;
      left: -100% !important;
      width: 260px;
      height: 100vh;
      background: #2b2a4c;
      transition: left 0.3s ease;
      z-index: 999998;
      padding-top: 80px;
   }

   #globalbar-nav.active{
      left: 0 !important;
   }

}

@media (max-width:768px){
   #equalweb_accessibility_button,
   #equalweb-container{
      display: none !important;
   }
}

#btn-globalmenu-btn{
   position: fixed !important;
   top: 10px !important;
   right: 15px !important;
   z-index: 999999 !important;
   display: block !important;
}

@media (max-width:768px){

   #globalbar-nav{
      position: fixed !important;
      top: 0;
      left: -100% !important;
      width: 260px;
      height: 100vh;
      background: #2b2a4c;
      transition: left 0.3s ease;
      z-index: 999998;
      padding-top: 80px;
   }

   #globalbar-nav.active{
      left: 0 !important;
   }

}