/* ===================================
   Contact Form Enable CSS
   Asegura que el formulario de contacto esté siempre habilitado
   =================================== */

/* Habilitar todos los elementos del formulario de contacto */
#contactForm,
#contactForm * {
    pointer-events: auto !important;
}

/* Asegurar que los inputs y textarea sean editables */
#contactForm input,
#contactForm textarea,
#contactForm button {
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    cursor: text !important;
}

/* Específicamente para los campos del formulario */
#contactForm .form-input,
#contactForm .form-textarea {
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    background: transparent !important;
    opacity: 1 !important;
    cursor: text !important;
}

/* El botón de submit debe ser clickeable */
#contactForm .form-submit-btn {
    pointer-events: auto !important;
    cursor: pointer !important;
    user-select: none !important;
}

/* Labels e iconos no deben interferir */
#contactForm .form-label,
#contactForm .input-icon {
    pointer-events: none !important;
}

/* Asegurar que el contenedor del formulario esté activo */
.contact-form-panel,
.contact-form {
    pointer-events: auto !important;
}

/* Asegurar que los campos sean visibles y editables en móvil */
@media (max-width: 768px) {
    #contactForm input,
    #contactForm textarea {
        -webkit-appearance: none;
        -webkit-user-select: text !important;
        user-select: text !important;
        pointer-events: auto !important;
    }
}