/* =======================================================
   Versión: 0.26.0322.1
   Archivo: /public/assets/css/layout.css
   Cambio realizado:
   - Menú principal compactado en alto para desktop y mobile
   - Ajuste proporcional de nav y logo
   ======================================================= */

/* =========================
   NAV (floating + blur)
   ========================= */
.nav-float{
  position: fixed;
  top: 16px; left: 24px; right: 24px;
  z-index: 1030;
  border-radius: 22px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(14px);
  background: var(--navGlass);
  box-shadow: 0 4px 24px rgba(var(--brand-dark-rgb), .12);
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
  min-height: 103px;
  display: flex;
  align-items: center;
}

.nav-float.scrolled{
  background: var(--navGlassScrolled);
  box-shadow: 0 10px 36px rgba(var(--brand-dark-rgb), .16);
}

@media (max-width: 768px){
  	/*.nav-float{ top: 12px; left: 16px; right: 16px; border-radius: 14px; }*/
    .nav-float
 		{
        top: 12px;
        left: 12px;
        right: 16px;
        border-radius: 14px;
        width: 95%;
        height: 56px;
    	}
	}

/* Logo container (solo layout/estructura, no “estética de componente”) */
.logo-box{
  width: 220px;
  height: 84px;
  border-radius: 16px;
  border: 0;
  background: transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow: hidden;
}

@media (max-width: 992px){
  /*.logo-box{ width: 180px; height: 92px; border-radius: 14px; }*/
  .logo-box {
        width: auto;
        height: 72px;
        border-radius: 9px;
    }
  .gm-menu-logo {
		max-height: 50px !important; /* ANT ERA 88px*/
	}
}

/* =========================
   SECTIONS / FOOTER
   ========================= */
.section{
  padding: 4.2rem 0;
}

.site-footer{
  background: #fff;
  border-top: 1px solid rgba(var(--brand-dark-rgb), .06);
}