/* ========================================
   ESTILOS MÓVIL ÚNICAMENTE
   ======================================== */

/* Botón de login (NO logueado) */
.slr-btn-login.slr-btn-mobile {
    width: 100% !important;
    text-align: center !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    line-height: normal !important;
    background: rgba(49,67,226,0.8) !important;
    border-radius: 5px !important;
    color: #fff !important;
    display: block !important;
    margin: 5px 0 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s ease;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    border: none !important;
    text-decoration: none !important;
}

.slr-btn-login.slr-btn-mobile:hover {
    background: #3143e2 !important;
    color: #fff !important;
}

/* Usuario logueado (contenedor) */
.slr-loggedin.slr-btn-mobile {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 10px 0 !important;
}

/* Botón de bienvenida (nombre usuario) */
.slr-loggedin.slr-btn-mobile .slr-welcome {
    width: 100% !important;
    text-align: center !important;
    padding: 12px 20px !important;
    line-height: normal !important;
    font-size: 15px !important;
    background: #ffba12 !important;
    border-radius: 5px !important;
    color: #fff !important;
    display: block !important;
    margin: 0 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease;
}

.slr-loggedin.slr-btn-mobile .slr-welcome:hover {
    background: rgba(221, 133, 0, 0.8) !important;
    color: #fff !important;
}

/* Botón de logout */
.slr-loggedin.slr-btn-mobile .slr-btn-logout {
    width: 100% !important;
    text-align: center !important;
    padding: 12px 20px !important;
    line-height: normal !important;
    font-size: 15px !important;
    background: #dc3545 !important;
    border-radius: 5px !important;
    color: #fff !important;
    display: block !important;
    margin: 0 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s ease;
}

.slr-loggedin.slr-btn-mobile .slr-btn-logout:hover {
    background: #c82333 !important;
    color: #fff !important;
}