/* =========================
   BASE
========================= */
html, body{
   margin:0;
   padding:0;
}

body{
   margin:0;
   padding:0;
   padding-top:70px;
   overflow-x:hidden;
}

#globalbar{
	position: fixed !important;
   width:100%;
   height:70px;
   background:#2c2f4a;
   display:flex;
   align-items:center;
   position:relative;
   top:0;
   z-index:1;
}

/* =========================
   ICONOS
========================= */

.globalbar-ico-facebook {
    background-image: url(../images/ico_menu_redes_face.png);
}
.globalbar-ico-youtube {
    background-image: url(../images/ico_menu_redes_youtube.png);
}
.globalbar-ico-intranet {
    background-image: url(../images/ico_menu_intranet.png);
}
.globalbar-ico-correo {
    background-image: url(../images/ico_menu_correo.png);
}
.globalbar-ico-telefono {
    background-image: url(../images/ico_menu_telefono.png);
}
.globalbar-ico-whatsapp {
    background-image: url(../images/ico_menu_whts.png);
}
.globalbar-ico-prensa {
    background-image: url(../images/ico_menu_redes_prensa.png);
}
.globalbar-ico-facebook:hover {
    background-image: url(../images/ico_menu_redes_face_over.png);
	 cursor: pointer !important;
}
.globalbar-ico-youtube:hover {
    background-image: url(../images/ico_menu_redes_youtube_over.png);
}
.globalbar-ico-correo:hover {
    background-image: url(../images/ico_menu_correo_over.png);
}
.globalbar-ico-telefono:hover {
    background-image: url(../images/ico_menu_telefono_over.png);
}
.globalbar-ico-whatsapp:hover {
    background-image: url(../images/ico_menu_whts_over.png);
}
.globalbar-ico-prensa:hover {
    background-image: url(../images/ico_menu_redes_prensa_over.png);
}
.globalbar-ico-intranet:hover {
    background-image: url(../images/ico_menu_intranet_over.png);
}

/* =========================
   CONTENEDOR
========================= */

.globalbar-content{
   display:grid;
   grid-template-columns: auto 1fr auto;
   align-items:center;
   max-width:1300px;
   margin:0 auto;
   /*padding:0 20px;*/
	padding:0 clamp(20px, 5vw, 50px);
}

/* =========================
   LOGO
========================= */

#sides-logo{
   justify-self:start;
}

#sides-nav-desktop{
   justify-self:center;
}

#globalbar-buttons{
   justify-self:end;
   display:flex;
   align-items:center;
   gap:12px;
	margin-left:10px;
}

#ags-logo{
   height:28px;
   width:auto;
   display:block;
   object-fit:contain;
}

/* =========================
   MENÚ DESKTOP
========================= */

#sides-nav-desktop ul{
   display:flex;
   gap:20px;
   list-style:none;
   margin:0;
   padding:0;
}

#sides-nav-desktop a{
   color:#fff;
   text-decoration:none;
   font-size:14px;
   white-space:nowrap;
}

/* =========================
   ICONOS + BUSCADOR
========================= */

.globalbar-buttonslst{
   display:flex;
	align-items:center;
   gap:10px;
}

.globalbar-buttonslst div{
   width:20px;
   height:20px;
   background-size:contain;
   background-repeat:no-repeat;
   cursor:pointer;
}

/* buscador */
.buscador{
   display:flex;
   align-items:center;
   background:#eee;
   padding:5px 8px;
   border-radius:3px;
   width:200px;
   min-width:150px;
}

.buscador input{
   border:none;
   outline:none;
   width:100px;
   font-size:13px;
}

/* =========================
   CINTILLO (FIX)
========================= */

#globalbar-cintillo{
   width:100%;
   height:4px;
   background:#7d7d7d;
   position:relative;
	position:absolute;
   bottom:0;
   left:0;
}

/* =========================
   HAMBURGUESA
========================= */

#btn-globalmenu-btn{
   display:none;
   font-size:24px;
   color:#fff;
   cursor:pointer;
	margin-top:-20px;
}

/* =========================
   MENÚ MÓVIL
========================= */

#mobile-menu{
   position:fixed;
   top:0;
   left:-280px;
   width:280px;
   height:100vh;
   background:#2c2f4a;
   z-index:999999;
   transition:left .3s ease;
   padding-top:60px;
   overflow-y:auto;
}

#mobile-menu.active{
   left:0;
}

#mobile-menu ul{
   list-style:none;
   padding:20px;
}

#mobile-menu li{
   margin-bottom:15px;
}

#mobile-menu a{
   color:#fff;
   text-decoration:none;
   font-size:16px;
   display:block;
}

/* cerrar */
.menu-close{
   position:absolute;
   top:10px;
   right:15px;
   font-size:22px;
   color:#fff;
   cursor:pointer;
}

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

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

/* =========================================
   FOOTER BASE (ESCRITORIO)
========================================= */

.footer-custom{
   background:#2c2f4a;
   color:#fff;
	max-width: 1900px;
   width:100%;
}

.footer-inner{
   display:flex;
   justify-content:space-between;
   align-items:center;
   width:100%;          /* 🔥 ocupa todo el ancho */
   max-width:none;      /* 🔥 quita el límite */
   padding:25px 60px;   /* 🔥 control de margen visual */
   gap:40px;
}


.logo-col{
   flex:1;
   display:flex;
   justify-content:flex-start;
}

.logo-col img{
   width:150px;
}

/* CENTRO */
.footer-centro{
   flex:2;
   display:flex;
   justify-content:center;
   gap:60px;
}

/* PRIVACIDAD */
.privacidad-col{
   flex:1;
   text-align:right;
}

/* 🔥 líneas divisoras (opcional elegante) */
.footer-centro{
/*    border-left:1px solid rgba(255,255,255,0.2);
   border-right:1px solid rgba(255,255,255,0.2);
 */   padding:0 150px;
}

/* =========================================
   📱 MOBILE (AQUÍ SE ARREGLA TODO)
========================================= */

@media (max-width:768px){

   .footer-inner{
      flex-direction:column;
      align-items:center;
      text-align:center;
      gap:20px;
   }

   .footer-centro{
      flex-direction:column;
      gap:15px;
   }

   .privacidad-col{
      text-align:center;
   }

   /*  LOGO MÁS CHICO */
   .logo-col img{
      width:80px;
   }

   /*  TEXTO MÁS CHICO (PISA LOS INLINE) */
   .footer-custom *{
      font-size:13px !important;
      line-height:1.4;
   }

   .footer-custom h4{
      font-size:16px !important;
   }

   /*  ICONO FACEBOOK */
   .fb-icon img{
      width:28px;
   }

}
/* =========================
   MOBILE REAL
========================= */

@media (max-width:768px){

   .globalbar{
	   height:40px;		
	}
	/* ocultar desktop */
   #sides-nav-desktop,
   .globalbar-buttonslst,
   .buscador{
      display:none !important;
   }

   /* mostrar hamburguesa */
   #btn-globalmenu-btn{
      display:flex !important;
      position:fixed;
      top:15px;
      right:15px;
      z-index:100000;
		justify-self:end;
   }

   .btn-menuglobal{
      font-size:26px;
      background:none;
      border:none;
      color:#fff;
      cursor:pointer;
   }

   /* header alineado */
   .globalbar-content{
      justify-content:flex-start;
		grid-template-columns: auto 1fr;
      gap:10px;
   }

   /* logo chico */
   #ags-logo{
      height:15px;
		margin-left:10px !important;
   }
   
	#globalbar-buttons{
      display:none;
   }
   
	.mob-hide{
      display:none !important;
   }

}
/* =========================
   TABLET (600–1024)
========================= */

@media (max-width:1024px){

   #ags-logo{
      height:28px;
		margin-left:10px;
   }

   .buscador input{
      width:110px;
   }

}

/* =========================
   1440 FIX
========================= */

@media (max-width:1440px){

   .buscador{
      width:100% !important;
		max-width:110px !important;
   }
	
	.buscador input{
      width:110px !important;
   }

   #ags-logo{
		margin-left:10px;
   }
}

/* =========================
   GRANDES
========================= */

@media (min-width:1600px){

   .globalbar-content{
      max-width:1300px;
   }

}

@media (min-width:1600px){
   #globalbar-buttons{
      margin-left:50px;
   }
}

/* =========================================
   🔥 FIX ICONOS GLOBALBAR
========================================= */

/* CONTENEDOR */
.globalbar-buttonslst{
   display:flex !important;
   align-items:center;
   gap:12px;
}

/* ICONOS (DIVS) */
.globalbar-buttonslst div{
   width:22px;
   height:22px;
   background-size:contain;
   background-repeat:no-repeat;
   background-position:center;
   cursor:pointer;
}

/* ASEGURAR VISIBILIDAD */
.globalbar-buttonslst{
   visibility:visible !important;
   opacity:1 !important;
}

/* EVITAR QUE MOBILE LOS OCULTE EN DESKTOP */
.mob-hide{
   display:flex;
}

/* SOLO ocultar en celular real */
@media (max-width:768px){
   .mob-hide{
      display:none !important;
   }
}

#btn-globalmenu-btn{
   z-index:999999 !important;
}

@media (min-width:1600px){
   .footer-inner{
      padding:25px 100px;
   }
}

.logo-col{
   flex:0 0 auto;
   display:flex;
   justify-content:flex-start;
}

.footer-centro{
   flex:1;
   display:flex;
   justify-content:center;
   gap:60px;
}

.privacidad-col{
   flex:0 0 auto;
   text-align:right;
}