Contacto

Conoce el Mundo con Nosotros ¿Tienes dudas sobre la historia o cultura de algún país? ¿Quieres saber más sobre su geofrafia, política o curiosidades? En Conociendo el Mundo estamos ? aquí para resolver tus preguntas y compartir datos fascinantes de cada rincón del planeta.

Escríbenos si deseas: Información detallada sobre algún país (geografía, historia, capital, bandera, etc.) Sugerencias para nuevos temas que quieras explorar Colaboraciones para enriquecer nuestro contenido Todos los datos proporcionados están protegidos bajo nuestras políticas de privacidad.

.contact-form-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: autopx; margin: 30px auto; padding: 30px; background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%); border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); border: 1px solid rgba(255, 255, 255, 0.3); } .form-section { margin-bottom: 20px; position: relative; } .form-label { font-weight: 600; display: block; margin-bottom: 8px; color: #2c3e50; font-size: 15px; } .form-control { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 6px; font-size: 15px; transition: all 0.3s; background-color: rgba(255, 255, 255, 0.8); } .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2); outline: none; background-color: white; } .form-big { min-height: 150px; resize: vertical; } .btn { background: linear-gradient(90deg, #3498db, #9b59b6); color: white; border: none; padding: 12px 25px; font-size: 16px; border-radius: 6px; cursor: pointer; transition: all 0.3s; font-weight: 500; display: flex; align-items: center; justify-content: center; width: 100%; text-transform: uppercase; letter-spacing: 1px; } .btn:hover { background: linear-gradient(90deg, #2980b9, #8e44ad); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .btn:active { transform: translateY(0); } .i { width: 20px; height: 20px; margin-right: 10px; } .i-paper-plane path { stroke: white; stroke-width: 2; fill: none; } .form-check { display: flex; align-items: center; margin-top: 15px; } .form-check input[type="checkbox"] { width: 18px; height: 18px; margin-right: 10px; position: relative; cursor: pointer; appearance: none; -webkit-appearance: none; border: 1px solid #ddd; border-radius: 4px; background-color: white; transition: all 0.2s; } .form-check input[type="checkbox"]:checked { background-color: #3498db; border-color: #3498db; } .form-check input[type="checkbox"]:checked::after { content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .form-check label { font-size: 14px; color: #7f8c8d; cursor: pointer; } .form-check a { color: #3498db; text-decoration: none; transition: all 0.2s; } .form-check a:hover { text-decoration: underline; } .contact-success { display: none; text-align: center; padding: 20px; background-color: #2ecc71; color: white; border-radius: 6px; margin-top: 20px; animation: fadeIn 0.5s; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .form-error { color: #e74c3c; font-size: 13px; margin-top: 5px; display: none; } @media (max-width: 768px) { .contact-form-container { padding: 20px; } .form-control { padding: 10px 12px; } } Nombre completo * Por favor ingresa tu nombre completo

Correo electrónico * Por favor ingresa un email válido

Asunto del envío * Por favor ingresa un asunto

Contenido del mensaje * Por favor escribe tu mensaje (mínimo 20 caracteres)

He leído y estoy de acuerdo con la política de datos * Debes aceptar la política de privacidad

Enviar mensaje ¡Gracias por contactarnos! Tu mensaje ha sido enviado correctamente. Nos pondremos en contacto contigo pronto.

document.addEventListener('DOMContentLoaded', function() { const form = document.getElementById('contactForm'); const successMessage = document.getElementById('successMessage'); // Mostrar mensaje de éxito si viene de redirección de Formspree if(window.location.hash === '#contact-success') { form.style.display = 'none'; successMessage.style.display = 'block'; // Limpiar el hash de la URL sin recargar history.replaceState(null, null, ' '); }

// Validación personalizada form.addEventListener('submit', function(e) { e.preventDefault(); // Reset errores document.querySelectorAll('.form-error').forEach(el => el.style.display = 'none'); // Validaciones let isValid = true; // Validar nombre const name = form.elements['name'].value.trim(); if (name.length < 3) { document.getElementById('errorName').style.display = 'block'; isValid = false; } // Validar email const email = form.elements['email'].value.trim(); if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { document.getElementById('errorEmail').style.display = 'block'; isValid = false; } // Validar asunto const subject = form.elements['subject'].value.trim(); if (subject.length < 5) { document.getElementById('errorSubject').style.display = 'block'; isValid = false; } // Validar mensaje const message = form.elements['Message'].value.trim(); if (message.length < 20) { document.getElementById('errorMessage').style.display = 'block'; isValid = false; } // Validar checkbox if (!form.elements['RPGD'].checked) { document.getElementById('errorPrivacy').style.display = 'block'; isValid = false; } if (isValid) { // Actualizar el campo _next con la URL actual + hash form.elements['_next'].value = window.location.href.split('#')[0] + '#contact-success'; // Enviar el formulario normalmente form.submit(); } }); });