/* =====================================================
   RESPONSIVE - HEADER PÚBLICO
   (index, nosotros, servicios, contacto, iniciar sesión,
   registrarse, recuperar/restablecer contraseña)

   El botón ☰ de la derecha despliega un solo menú con
   los links de navegación Y las opciones de cuenta
   (Iniciar sesión / Registrarse / Registrarse como refugio),
   en vez de que los botones desaparezcan en celular.
   ===================================================== */

@media(max-width:768px){

    .acciones .btn{
        display:none !important;
    }

    .nav-mobile{
        min-width:230px;
    }

    .separador-menu-movil{
        height:1px;
        background:rgba(0,0,0,.12);
        margin:8px 4px;
    }

    .nav-mobile a.btn-movil{
        background:#6c4cff !important;
        color:white !important;
        text-align:center;
        font-weight:700 !important;
    }

    .nav-mobile a.btn-movil:hover{
        background:#5a3ce0 !important;
        transform:none !important;
    }

    .nav-mobile a.btn-movil.secundario{
        background:white !important;
        color:#6c4cff !important;
        border:1.5px solid #6c4cff !important;
        box-shadow:none !important;
    }
}