Contacto
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 20px;
}
.form-container {
margin: 0 auto;
background-color: #ffffff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.form-group input,
.form-group textarea,
.form-group select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.form-group input[type="radio"] {
width: auto;
margin-right: 10px; /* Espacio entre el botón de radio y el texto */
}
.form-group .radio-label {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.form-group textarea {
height: 100px;
}
.form-group button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.form-group button:hover {
background-color: #45a049;
}
.flex-container {
display: flex;
justify-content: space-between;
gap: 20px; /* Añade espacio entre los elementos */
}
.flex-item {
flex: 1;
}
.form-container .form-group,
.form-container .form-group input,
.form-container .form-group textarea,
.form-container .form-group select {
margin-right: 10px; /* Añade margen a la derecha de los elementos */
}
@media (max-width: 768px) {
.flex-container {
flex-direction: column;
gap: 10px; /* Espacio menor entre los elementos en pantallas pequeñas */
}
}
document.addEventListener('DOMContentLoaded', function() {
// Verifica si hay una opción almacenada en sessionStorage
var selectedOption = sessionStorage.getItem('selectedOption');
console.log("Opción seleccionada recuperada:", selectedOption);
if (selectedOption) {
// Selecciona el campo de opciones múltiples en el formulario HTML
var targetField = document.querySelector('input[name="project_type"][value="' + selectedOption + '"]');
if (targetField) {
// Establece la opción seleccionada
targetField.checked = true;
console.log("Opción establecida en el campo:", targetField.value);
// Elimina la opción del sessionStorage
sessionStorage.removeItem('selectedOption');
}
}
});