/* =========================
   MOBILE ONLY (responsive)
   ========================= */

/* En desktop NO mostrar overlay móvil */
@media (min-width: 921px){
    .mobile-menu{ display:none !important; }
  }
  
/* Ajustes de navegación en mobile */
  @media (max-width: 920px){
    .topbar{ display:none; }
    .mainnav{ display:none; }
    .nav-cta > a.btn{ display:none; }
    .burger{ display:inline-flex; }
  
/* Header: centrar marca correctamente en mobile */
    .nav{
      display: grid;
      grid-template-columns: 1fr auto 1fr; 
      align-items: center;
    }
  
    .brand{
      grid-column: 2;
      justify-self: center;
      text-align: center;
      gap: 8px;
    }
  
    .brand img{ height: 32px; }
  
    .brand .name{
      font-size: 15px;
      font-weight: 900;
      line-height: 1.1;
    }
  
    .brand .mini{ font-size: 11px; }
  
    .nav-cta{
      grid-column: 3;
      justify-self: end;
    }
  
    /* Oculta nav desktop */
    nav{ display:none; }
  }