/* ✅ AGREGA/ACTUALIZA esto (puede ir al final) para que el menú hamburguesa se vea corporativo */

.sat-navbar{
  padding: .65rem 0;
}

/* Icono hamburguesa en azul marino */
.sat-toggler{
  border-radius: 12px;
  border: 1px solid rgba(0,45,75,.18);
  padding: .45rem .6rem;
}
.sat-toggler:focus{
  box-shadow: 0 0 0 .2rem rgba(0,181,226,.25);
}
.sat-topbar .navbar-toggler-icon{
  /* Bootstrap usa un SVG en background-image; lo "tintamos" con filter */
  filter: invert(12%) sepia(30%) saturate(2700%) hue-rotate(175deg) brightness(92%) contrast(102%);
}

/* Menú colapsado en móvil */
@media (max-width: 991.98px){
  .sat-logos{
    width: auto;
    flex: 1;
    min-width: 0;
  }

  /* Caja del menú al desplegar */
  #satNavbar{
    margin-top: .65rem;
    padding: .5rem;
    border: 1px solid var(--gris-suave);
    border-radius: 16px;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(10px);
  }

  .sat-navlist .sat-nav__link{
    padding: .65rem .75rem;
    border-radius: 14px;
    font-weight: 900;
  }

  .sat-navlist .sat-nav__link:hover{
    background: rgba(0,181,226,.10);
  }

  /* Dropdown dentro del menú móvil */
  .sat-navlist .dropdown-menu{
    border-radius: 14px;
    border: 1px solid var(--gris-suave);
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
  }
}