/**
 * Fleki Eventos Core - Plugin CSS
 * Variables de respaldo y estilos del formulario para cuando el tema Fleki no esté activo
 */

/* Variables de respaldo */
.fleki-contact-form,
.fleki-form {
    --fleki-neon-pink: var(--fleki-neon-pink, #ff00ea);
    --fleki-neon-cyan: var(--fleki-neon-cyan, #00f0ff);
    --fleki-text: var(--fleki-text, #ffffff);
    --fleki-text-muted: var(--fleki-text-muted, #c9b8ff);
    --fleki-border: var(--fleki-border, rgba(255, 0, 234, 0.3));
    --fleki-bg: var(--fleki-bg, #0a0014);
}

/* Estados del formulario */
.fleki-contact-form.is-loading {
    opacity: 0.6;
    pointer-events: none;
}

.fleki-contact-form.is-loading button[type="submit"]::after {
    content: '...';
    animation: fleki-dots 1.5s infinite;
}

@keyframes fleki-dots {
    0%, 20% { content: '.'; }
    40% { content: '..'; }
    60%, 100% { content: '...'; }
}

/* Campos con error */
.fleki-form input.has-error,
.fleki-form select.has-error,
.fleki-form textarea.has-error {
    border-color: #ff0064 !important;
    box-shadow: 0 0 10px rgba(255, 0, 100, 0.4) !important;
}

/* Estrellas de rating en testimonios */
.fleki-testimonial .fleki-rating {
    color: #f9ff00;
    font-size: 1.2rem;
    margin-bottom: 10px;
    text-shadow: 0 0 8px currentColor;
}