.registration-form {
font-family: 'Raleway', sans-serif;
width: 100%;
margin: 0 auto;
padding: 20px;
border: 0px solid #ccc;
border-radius: 5px;
}
.form-group {
margin-bottom: 15px;
}
.form-group.row {
display: flex;
justify-content: space-between;
}
.half-group {
width: 48%;
}
label {
display: block;
margin-bottom: 5px;border-radius: 5px;
}
input, select {
width: 100%;
padding: 8px;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #ccc;
}
.radio-group {
display: flex;
justify-content: space-between;
}
button {
width: 100%;
padding: 10px;
background-color: #4EBAB2;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #9AC1C4;
}
a {
color: #4EBAB2;
text-decoration: none;
}
a:hover {
color: #9AC1C4;
}
const citiesByState = {
"Aguascalientes": ["Aguascalientes", "Asientos", "Calvillo", "Cosío", "Jesús María", "Pabellón de Arteaga", "Rincón de Romos", "San Francisco de los Romo", "San José de Gracia", "Tepezalá"],
"Baja California": ["Mexicali", "Tijuana", "Ensenada", "Rosarito", "Tecate"],
"Baja California Sur": ["La Paz", "Los Cabos", "Comondú", "Loreto", "Mulegé"],
"Campeche": ["Campeche", "Calkiní", "Carmen", "Champotón", "Hecelchakán", "Hopelchén", "Palizada", "Tenabo", "Escárcega"],
"Chiapas": ["Tuxtla Gutiérrez", "Tapachula", "San Cristóbal de las Casas", "Comitán de Domínguez", "Palenque", "Villaflores", "Tonalá", "Chiapa de Corzo", "Ocosingo", "Huixtla"],
"Chihuahua": ["Chihuahua", "Juárez", "Delicias", "Cuauhtémoc", "Parral", "Nuevo Casas Grandes", "Camargo", "Jiménez", "Ojinaga", "Meoqui"],
"Ciudad de México": ["Ciudad de México"],
"Coahuila": ["Saltillo", "Torreón", "Monclova", "Piedras Negras", "Acuña", "Matamoros", "Frontera", "Sabinas", "San Pedro", "Múzquiz"],
"Colima": ["Colima", "Manzanillo", "Tecomán", "Villa de Álvarez"],
"Durango": ["Durango", "Gómez Palacio", "Lerdo", "Pueblo Nuevo", "Canatlán", "Mezquital", "Victoria de Durango", "Guadalupe Victoria", "Nombre de Dios"],
"Guanajuato": ["León", "Irapuato", "Salamanca", "Celaya", "Dolores Hidalgo", "Guanajuato", "Acámbaro", "San Francisco del Rincón", "San Luis de la Paz", "Silao"],
"Guerrero": ["Acapulco", "Chilpancingo", "Iguala", "Taxco", "Zihuatanejo", "Ometepec", "Tlapa", "Ciudad Altamirano", "Arcelia", "Ayutla de los Libres"],
"Hidalgo": ["Pachuca", "Tulancingo", "Tula", "Ixmiquilpan", "Huejutla", "Tizayuca", "Actopan", "Tepeji del Río", "Mixquiahuala de Juárez", "Mineral de la Reforma"],
"Jalisco": ["Guadalajara", "Zapopan", "Tlaquepaque", "Tonalá", "Puerto Vallarta", "Tepatitlán", "El Salto", "Lagos de Moreno", "San Juan de los Lagos", "Ocotlán"],
"Estado de México": ["Toluca", "Ecatepec", "Nezahualcóyotl", "Naucalpan", "Tlalnepantla", "Chimalhuacán", "Cuautitlán Izcalli", "Texcoco", "Tultitlán", "Ixtapaluca"],
"Michoacán": ["Morelia", "Uruapan", "Lázaro Cárdenas", "Zamora", "Pátzcuaro", "Apatzingán", "Zitácuaro", "La Piedad", "Coalcomán de Vázquez Pallares", "Tacámbaro de Codallos"],
"Morelos": ["Cuernavaca", "Cuautla", "Jiutepec", "Temixco", "Yautepec", "Zacatepec", "Xochitepec", "Tepoztlán", "Axochiapan", "Yecapixtla"],
"Nayarit": ["Tepic", "Bahía de Banderas", "Tecuala", "Ixtlán del Río", "Compostela", "Ahuacatlán", "Jala", "San Blas", "Rosamorada", "Acaponeta"],
"Nuevo León": ["Monterrey", "Guadalupe", "San Nicolás de los Garza", "Escobedo", "Santa Catarina", "Apodaca", "San Pedro Garza García", "Juárez", "General Escobedo", "Cadereyta Jiménez"],
"Oaxaca": ["Oaxaca", "Salina Cruz", "Juchitán de Zaragoza", "Tuxtepec", "Huajuapan de León", "San Juan Bautista Tuxtepec", "Ixtepec", "Puerto Escondido", "Santiago Pinotepa Nacional", "Santo Domingo Tehuantepec"],
"Puebla": ["Puebla", "Tehuacán", "Cholula", "Atlixco", "San Martín Texmelucan", "Izúcar de Matamoros", "Teziutlán", "Huauchinango", "Acatlán de Osorio", "Amozoc"],
"Querétaro": ["Querétaro", "San Juan del Río", "Corregidora", "El Marqués", "Huimilpan", "Tequisquiapan", "Amealco de Bonfil", "Cadereyta de Montes", "Ezequiel Montes", "Pedro Escobedo"],
"Quintana Roo": ["Cancún", "Playa del Carmen", "Chetumal", "Cozumel", "Isla Mujeres", "Tulum", "Bacalar", "Felipe Carrillo Puerto", "José María Morelos", "Puerto Morelos"],
"San Luis Potosí": ["San Luis Potosí", "Ciudad Valles", "Soledad de Graciano Sánchez", "Matehuala", "Río Verde", "Tamazunchale", "Xilitla", "Tamuín", "Ébano", "El Naranjo"],
"Sinaloa": ["Culiacán", "Mazatlán", "Los Mochis", "Guasave", "Mochicahui", "Escuinapa", "El Rosario", "Badiraguato", "Angostura", "Navolato"],
"Sonora": ["Hermosillo", "Cajeme", "Nogales", "San Luis Río Colorado", "Guaymas", "Navojoa", "Agua Prieta", "Empalme", "Puerto Peñasco", "Cananea"],
"Tabasco": ["Villahermosa", "Cárdenas", "Comalcalco", "Tenosique", "Huimanguillo", "Macuspana", "Paraíso", "Centro", "Jalpa de Méndez", "Balancán"],
"Tamaulipas": ["Reynosa", "Matamoros", "Nuevo Laredo", "Tampico", "Ciudad Victoria", "Altamira", "Madero", "Valle Hermoso", "Río Bravo", "San Fernando"],
"Tlaxcala": ["Tlaxcala", "Apizaco", "Huamantla", "Chiautempan", "Zacatelco", "San Pablo del Monte", "Tlaxco", "Contla de Juan Cuamatzi", "Panotla", "Papalotla de Xicohténcatl"],
"Veracruz": ["Veracruz", "Xalapa", "Coatzacoalcos", "Poza Rica", "Córdoba", "Orizaba", "Minatitlán", "Tuxpan", "Papantla", "Cosoleacaque"],
"Yucatán": ["Mérida", "Valladolid", "Progreso", "Tizimín", "Ticul", "Kanasín", "Umán", "Izamal", "Tekax", "Motul"],
"Zacatecas": ["Zacatecas", "Guadalupe", "Fresnillo", "Jerez", "Sombrerete", "Río Grande", "Villa de Cos", "Ojocaliente", "Valparaíso", "Tlaltenango"]
};
function updateCities() {
const stateSelect = document.getElementById('estado');
const citySelect = document.getElementById('ciudad');
const selectedState = stateSelect.value;
citySelect.innerHTML = 'Selecciona ciudad';
if (selectedState) {
const cities = citiesByState[selectedState];
cities.forEach(city => {
const option = document.createElement('option');
option.value = city.toLowerCase().replace(/\s+/g, '_');
option.textContent = city;
citySelect.appendChild(option);
});
}
}
