/* assets/css/feedback.css - Material Horizon V2 */

/* La estética principal se gestiona con Tailwind en el HTML.
   Aquí mantenemos las reglas de visibilidad requeridas por JavaScript. */

/* Cuando JS añade la clase 'active' al modal */
.fc-feedback-modal.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Animación del cuadro de contenido flotante */
.fc-feedback-modal.active .fc-feedback-content {
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
}

/* --- RESPONSIVE MÓVIL --- */
/* Convierte el botón flotante en una esfera perfecta en pantallas pequeñas */
@media (max-width: 768px) {
    .fc-feedback-btn {
        width: 55px !important;
        height: 55px !important;
        padding: 0 !important;
        justify-content: center !important;
        bottom: 20px !important;
        right: 20px !important;
    }
    .fc-feedback-btn .text {
        display: none !important;
    }
    .fc-feedback-btn .icon {
        margin: 0 !important;
        font-size: 1.5rem !important;
    }
}