/* 
   sofi_overrides.css 
   ARREGLOS ESPECIALES PARA SOFI (NO TOCAR EL DISEÑO DEL SITIO)
*/

/* 1. Burbujas legibles */
.sofi-widget .sofi-bubble,
tf15-sofi-dock .bubble.sofi {
    background: #ffffff !important;
    color: #1a1a2e !important;
    border: 1px solid #eee !important;
}

/* 2. Burbuja de usuario con gradiente original */
.sofi-widget .user-bubble,
tf15-sofi-dock .bubble.me {
    background: linear-gradient(135deg, #ec4899, #8b5cf6) !important;
    color: #ffffff !important;
}

/* 3. Evitar que Sofi tape el menú móvil */
@media (max-width: 768px) {

    tf15-sofi-dock .dock,
    .sofi-widget {
        bottom: 100px !important;
        max-height: 60vh !important;
    }
}

/* 4. Fix para el input de texto */
tf15-sofi-dock .dock-input,
.sofi-widget input {
    color: #000000 !important;
    background: #ffffff !important;
}