/**
 * Estilos para el frontend de Turnstile for Elementor
 */

/* Contenedor del campo de Turnstile */
.elementor-field-type-turnstile {
    margin-bottom: 20px;
}

/* Widget de Turnstile */
.cf-turnstile {
    display: inline-block;
    margin: 10px 0;
}

/* Estado de éxito */
.cf-turnstile-success {
    opacity: 1;
}

/* Estado de error */
.cf-turnstile-error {
    border: 2px solid #dc3545;
    border-radius: 4px;
    padding: 2px;
}

/* Animación de carga */
.cf-turnstile.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Responsive */
@media (max-width: 767px) {
    .cf-turnstile {
        transform-origin: 0 0;
    }

    /* Escalar el widget en móviles si es necesario */
    .elementor-field-type-turnstile.mobile-scale .cf-turnstile {
        transform: scale(0.85);
    }
}

/* Integración con temas oscuros de Elementor */
.elementor-field-type-turnstile[data-theme="dark"] {
    background-color: transparent;
}

/* Ajuste de espaciado en el formulario */
.elementor-form .elementor-field-type-turnstile {
    padding: 0;
}

/* Centrar el widget si es necesario */
.elementor-field-type-turnstile.center {
    text-align: center;
}

.elementor-field-type-turnstile.center .cf-turnstile {
    display: inline-block;
}

/* Mensaje de error personalizado */
.elementor-message.elementor-message-danger.tfe-error {
    margin-top: 10px;
}