/* assets/css/contacto.css Estilos mínimos para los mensajes de estado del formulario de contacto. Ajusta colores/tipografía para que coincidan con el tema visual original del sitio (BeSPA). */ .form-estado { margin-top: 1rem; padding: 0.75rem 1rem; border-radius: 4px; font-size: 0.95rem; } .form-estado[hidden] { display: none; } .form-estado--exito { background-color: #e6f4ea; color: #1e7a34; border: 1px solid #b7e1c1; } .form-estado--error { background-color: #fdecea; color: #a11c1c; border: 1px solid #f5c2c0; } /* El spinner original de Contact Form 7 (ajax-loader.gif) ya no se usa: el estado de "Enviando..." ahora lo maneja contacto.js directamente en el botón. Lo ocultamos para evitar el ícono de imagen rota si el archivo .gif no se copió al nuevo hosting. */ .ajax-loader { display: none !important; } /* Oculta visualmente el campo honeypot sin usar display:none (que algunos bots detectan y evitan) */ .campo-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } /* El badge por defecto de reCAPTCHA v3 aparece flotante abajo a la derecha. Si prefieres ocultarlo (obligatorio mostrar el aviso legal en algún lugar visible si lo haces), usa esta clase en . */ .ocultar-badge-recaptcha .grecaptcha-badge { visibility: hidden; }