Gastronomía Hispana: Platos Típicos, Recetas y Vocabulario en Español | Comida Tradicional

¡Bienvenidos a un viaje culinario por la deliciosa gastronomía hispana! Desde el ceviche en Perú hasta la paella en España, la cocina hispana es tan variada como sus culturas. Además, en este artículo aprenderás vocabulario esencial y verbos relacionados con la cocina. ¡Prepárate para explorar los sabores de la cultura hispanohablante! Platos Típicos de la Gastronomía Hispana Paella – El Plato Icónico de España Uno de los platos más representativos de España es, sin duda, la paella. Su origen es en Valencia y se prepara en una paellera ancha y poco profunda. Los ingredientes clave son ajo, cebolla y arroz, los cuales se fríen ligeramente en aceite antes de añadir caldo de pescado o pollo. Este delicioso plato se cocina lentamente para que el arroz absorba todos los sabores del caldo. La paella se suele servir con mariscos, pollo y conejo. El azafrán le otorga al arroz su característico color dorado, mientras que los mariscos y las verduras aportan frescura al plato. ¿Has probado la paella antes? ¿Qué te parece? Tacos al Pastor – Un Clásico de México Nos trasladamos a México, donde encontramos los famosos tacos al pastor. Este plato de comida callejera se prepara marinando la carne de cerdo en una mezcla de chiles, achiote y otras especias, para luego asarla en un tronco vertical. La carne se corta en finas rebanadas y se sirve en tortillas de maíz, acompañada de piña, cebolla, cilantro y salsa. Al final, se puede añadir un toque de limón para resaltar los sabores frescos y ácidos. ¿Qué te parece la comida mexicana? ¿Cuál es tu platillo favorito? Ceviche – El Sabor Fresco de Perú El ceviche es uno de los platos principales de la gastronomía peruana. Se caracteriza por su frescura y captura perfectamente la esencia de la costa peruana. El pescado crudo se corta en cubos y se marina en jugo de limón, el cual «cuece» el pescado gracias a su acidez. Entre los ingredientes que acompañan al ceviche encontramos cebolla roja, ají, cilantro, ajos, pimienta y sal. Este plato se sirve con maíz tostado (conocido como cancha) y maíz hervido (choclo), además de camote o batata. Asado – El Orgullo de Argentina En Argentina, el plato típico por excelencia es el asado. No solo es una comida, sino también una tradición. Este plato incluye diversos cortes de carne cocinados al fuego, como el vacío o las tiras de asado. La carne se sazona simplemente con sal y se cocina lentamente en las brasas hasta alcanzar el punto perfecto. Se suele acompañar con la famosa salsa chimichurri, una mezcla de perejil, pimiento, ajo y aceite. Bandeja Paisa – El Plato Abundante de Colombia Finalmente, llegamos a Colombia, donde encontramos la abundante y variada bandeja paisa. Este plato incluye frijoles, arroz blanco, carne molida, chorizo, chicharrón, plátano maduro frito, aguacate, arepa y un huevo frito. Todos estos ingredientes se sirven en una gran bandeja, creando un festín de sabores y colores. ¿Te atreverías a probar este abundante platillo? .membership-cta { --brand: #E1241F; --brand-2: #ff4841; --brand-hover: #c91f1a; --ok: #4CAF50; --text: #333; --muted: #666; --bg: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif; background: var(--bg); padding: 20px 20px; text-align: center; margin: 20px 0; } .membership-content { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 12px; } .membership-title, .membership-subtitle, .membership-features, .membership-content > p { margin: 0; } .membership-title { font-size: clamp(1.8rem, 2.2vw + 1rem, 2.5rem); font-weight: 800; color: var(--brand); line-height: 1.2; letter-spacing: -0.04em; padding: 0 20px; } .membership-title .accent { font-style: italic; } .membership-subtitle { font-size: 1.1rem; color: var(--muted); line-height: 1.5; } .membership-features { list-style: none; padding: 0; display: flex; justify-content: center; gap: 35px; flex-wrap: wrap; } .membership-feature-item { display: flex; align-items: center; gap: 10px; color: var(--text); font-size: 1rem; font-weight: 600; } .membership-feature-check { width: 22px; height: 22px; border-radius: 50%; background-color: var(--ok); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .membership-feature-check svg { width: 14px; height: 14px; display: block; } .membership-btn { display: inline-block; padding: 16px 45px; background: linear-gradient(135deg, var(--brand), var(--brand-2)); color: #fff !important; text-decoration: none; border-radius: 50px; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; box-shadow: 0 8px 25px rgba(225, 36, 31, 0.3); transition: transform .25s ease, box-shadow .25s ease; } .membership-btn:hover, .membership-btn:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 35px rgba(225, 36, 31, 0.4); } .membership-btn:focus { outline: none; } .membership-btn:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; } .membership-btn:active { transform: translateY(0); box-shadow: 0 4px 15px rgba(225, 36, 31, 0.35); } .membership-content > p:last-child { margin-bottom: 0; } @media (prefers-color-scheme: dark) { .membership-cta { --text: #e0e0e0; --muted: #b0b0b0; --bg: #1a1a1a; } .membership-feature-item { color: var(--text); } } @media (max-width: 768px) { .membership-cta { padding: 20px 15px; } .membership-title { font-size: 1.7rem; padding: 0 10px; } .membership-subtitle { font-size: 1rem; } .membership-features { flex-direction: column; gap: 15px; padding: 0 20px; align-items: flex-start; } .membership-feature-item { font-size: 0.95rem; } .membership-btn { width: 100%; max-width: 320px; padding: 15px 35px; } } @media (prefers-reduced-motion: reduce) { .membership-btn { transition: none; } .membership-btn:hover, .membership-btn:focus-visible, .membership-btn:active { transform: none; } } ¿Quieres mejorar tu español? Más de 4.000 estudiantes ya están practicando con: 500+ ejercicios interactivos Curso «Español en contexto» Noticias semanales <a href="https://curso.burbujadelespanol.com/registro-bde/" class="membership-btn" target="_blank" rel="noopener noreferrer" aria-label="Prueba la membership gratis — accede a ejercicios, curso y noticias"> Prueba la Membresía Gratis Vocabulario y Verbos Relacionados con la Cocina A continuación, te presento algunas palabras y verbos clave que debes conocer si te interesa el mundo culinario hispano. Ingredientes: Elementos básicos para preparar un platillo (ajo, cebolla, harina, manteca, huevos). Utensilios: Herramientas necesarias para cocinar (cuchillo, olla, sartén, cuchara). Verbos culinarios: Preparar: Acción general de hacer la comida. Ej: «Voy a preparar un pastel.» Cortar: Dividir los alimentos en partes más pequeñas. Ej: «Cortar las verduras en rodajas.» Mezclar: Unir diferentes ingredientes. Ej: «Mezclar los huevos con la harina.» Sazonar: Añadir especias o condimentos. Ej: «Sazonar la carne con sal y pimienta.» Batir: Mover rápidamente un ingrediente para darle aire o combinarlo. Ej: «Batir los huevos.» Rebozar: Cubrir un alimento con una capa de harina o pan antes de freírlo. Ej: «Rebozar el pollo.» Servir: Poner los alimentos en el plato, listos para comer. Ej: «Sirve la sopa en el tazón.» Consejos para Mejorar tu Vocabulario Culinario Utiliza este vocabulario cuando cocines o hables de comida en español. Mira programas de cocina en español para familiarizarte con los términos. Haz una lista de tus platillos favoritos y descríbelos en español para practicar lo que has aprendido. Después de explorar un poco más la gastronomía hispana, ¿cuál es tu plato favorito? ¿Has aprendido alguna palabra nueva hoy? ¡Comparte tus respuestas en los comentarios! Muchas gracias por leer este artículo. Se quieres seguir estudiando, no te pierdas este artículo: El SECRETO de la Dieta Mediterránea! .pdf-cta-minimal { --brand: #E1241F; --brand-2: #ff4841; --text: #1a1a1a; --muted: #666; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif; text-align: center; padding: 20px 20px; max-width: 600px; margin: 20px auto; } .pdf-cta-minimal .pdf-mini-title { font-size: 1.8rem; font-weight: 800; color: var(--text); margin: 0 0 15px; line-height: 1.3; } .pdf-cta-minimal .pdf-mini-title .highlight { color: var(--brand); } .pdf-cta-minimal .pdf-mini-subtitle { font-size: 1.1rem; color: var(--muted); margin: 0 0 25px; line-height: 1.5; } .pdf-cta-minimal .pdf-mini-button { display: inline-block; padding: 16px 40px; background: linear-gradient(135deg, var(--brand), var(--brand-2)); color: #fff; text-decoration: none; border-radius: 50px; font-size: 1rem; font-weight: 700; transition: transform .25s ease, box-shadow .25s ease; box-shadow: 0 8px 20px rgba(225, 36, 31, 0.25); text-transform: uppercase; letter-spacing: .5px; } .pdf-cta-minimal .pdf-mini-button:hover, .pdf-cta-minimal .pdf-mini-button:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(225, 36, 31, 0.35); } .pdf-cta-minimal .pdf-mini-button:focus { outline: none; } .pdf-cta-minimal .pdf-mini-button:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; } .pdf-cta-minimal .pdf-mini-button:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(225, 36, 31, 0.3); } @media (prefers-color-scheme: dark) { .pdf-cta-minimal { --text: #f0f0f0; --muted: #b0b0b0; } } @media (max-width: 768px) { .pdf-cta-minimal { padding: 20px 15px; } .pdf-cta-minimal .pdf-mini-title { font-size: 1.5rem; } .pdf-cta-minimal .pdf-mini-button { width: 100%; max-width: 280px; } } @media (prefers-reduced-motion: reduce) { .pdf-cta-minimal .pdf-mini-button { transition: none; } .pdf-cta-minimal .pdf-mini-button:hover, .pdf-cta-minimal .pdf-mini-button:focus-visible, .pdf-cta-minimal .pdf-mini-button:active { transform: none; } } 📄 ¿Quieres el PDF completo de esta lección? Accede a más de 500 PDFs de lecciones de español con ejercicios <a href="https://curso.burbujadelespanol.com/registro-bde/" class="pdf-mini-button" target="_blank" rel="noopener noreferrer" aria-label="Regístrate gratis — accede a los PDFs"> Regístrate Gratis { "@context": "https://schema.org", "@type": "Quiz", "name": "Test Gastronomía Hispana: Platos Típicos y Vocabulario", "description": "Quiz interactivo sobre gastronomía española y latinoamericana con 10 preguntas sobre platos tradicionales, ingredientes y vocabulario culinario", "educationalLevel": "Intermedio A2-B1", "learningResourceType": "Quiz", "inLanguage": "es", "numberOfQuestions": 10 } :root{--primary:#C60B1E;--secondary:#FFB400;--success:#28a745;--error:#C60B1E;--text:#333;--bg:#fff;--shadow:0 2px 10px rgba(0,0,0,0.1)}.ejercicio-container{max-width:800px;margin:20px auto;padding:20px;font-family:Arial,sans-serif;background-color:var(--bg);border-radius:10px;box-shadow:var(--shadow)}@media (max-width:768px){.ejercicio-container{margin:10px;padding:15px}.contenedor-botones{flex-direction:column}.btn-cta{width:100%}}.ejercicio-container h3{color:var(--primary);text-align:center;margin-bottom:15px;font-size:28px}.descripcion-ejercicio{text-align:center;color:#666;font-size:16px;line-height:1.6;margin-bottom:30px;padding:0 20px}.progreso{background-color:#f0f0f0;height:10px;border-radius:5px;margin-bottom:30px;overflow:hidden}.barra-progreso{height:100%;background-color:var(--secondary);width:0%;transition:width .5s ease}.contador{text-align:center;color:var(--primary);font-weight:700;margin-bottom:20px}.pregunta{display:none;padding:20px;background-color:#f9f9f9;border-radius:5px}.pregunta.activa{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pregunta h4{color:var(--primary);margin-bottom:20px;font-size:20px}.opciones{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.opcion{display:flex;align-items:center;padding:12px;background-color:var(--bg);border:2px solid #e0e0e0;border-radius:5px;cursor:pointer;transition:all .3s ease}.opcion:hover{border-color:var(--secondary);background-color:#fff8e6}.opcion.deshabilitada{pointer-events:none;opacity:.6}.opcion input[type=radio]{margin-right:12px}.input-respuesta{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:5px;font-size:16px;transition:border-color .3s ease;margin-bottom:20px}.input-respuesta:focus{outline:0;border-color:var(--secondary)}.input-respuesta:disabled{background-color:#f0f0f0;cursor:not-allowed}.btn-siguiente{background-color:var(--primary);color:#fff;padding:15px 40px;border:none;border-radius:5px;font-size:18px;font-weight:700;cursor:pointer;display:block;margin:20px auto 0;transition:all .3s ease;opacity:.5;pointer-events:none}.btn-siguiente.activo{opacity:1;pointer-events:auto}.btn-siguiente.activo:hover{background-color:#a00918;transform:scale(1.05)}.btn-siguiente.siguiente-naranja{background-color:var(--secondary)!important}.btn-siguiente.siguiente-naranja:hover{background-color:#e6a200!important}.explicacion{margin:0 -20px;margin-top:20px;padding:20px;border-radius:0;display:none}.explicacion.correcta{background-color:#d4edda;border-top:3px solid var(--success)}.explicacion.incorrecta{background-color:#f8d7da;border-top:3px solid var(--error)}.explicacion h5{color:var(--primary);margin-bottom:10px;font-size:18px}.explicacion p{line-height:1.6;color:var(--text)}.mensaje-final{display:none;background:#fff;padding:50px 40px;border-radius:15px;text-align:center;box-shadow:0 5px 30px rgba(0,0,0,0.1);position:relative;overflow:hidden;max-width:700px;margin:0 auto}.mensaje-final.visible{display:block;animation:fadeIn .6s ease}.mensaje-final::after{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}.titulo-completado{color:var(--text);font-size:28px;font-weight:700;margin-bottom:15px;line-height:1.3}.texto-promocional{color:#555;font-size:17px;line-height:1.6;margin-bottom:35px;max-width:500px;margin-left:auto;margin-right:auto}.texto-promocional strong{color:var(--primary)}.contenedor-botones{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:35px 0}.btn-cta{padding:16px 40px;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;display:inline-block;transition:all .3s ease;position:relative;overflow:hidden}.btn-cta:visited{text-decoration:none}.btn-accedi{background-color:var(--primary);color:#fff;box-shadow:0 4px 15px rgba(198,11,30,0.2)}.btn-accedi:hover{background-color:#a00918;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(198,11,30,0.3)}.btn-registrati{background-color:var(--secondary);color:#000;border:none}.btn-registrati:hover{background-color:#e6a200;color:#000;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,180,0,0.3)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:40px;padding-top:40px;border-top:1px solid #eee}@media (max-width:480px){.stats-container{grid-template-columns:1fr}}.stat-item{text-align:center}.stat-number{font-size:36px;font-weight:700;color:var(--secondary);display:block;margin-bottom:5px}.stat-label{font-size:14px;color:#666;font-weight:500}.puntuacion-final{font-size:36px;color:var(--secondary);font-weight:700;margin:20px 0 15px}.mensaje-puntuacion{font-size:20px;color:#666;margin-bottom:30px;line-height:1.5}.btn-reiniciar{background-color:var(--success)!important;color:#fff!important;padding:16px 45px;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;margin:35px auto 0;box-shadow:0 4px 15px rgba(40,167,69,0.3);text-transform:none}.btn-reiniciar:hover{background-color:#218838!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(40,167,69,0.4)} Ejercicio: Gastronomía Hispana Test interactivo sobre la gastronomía española y latinoamericana. Pon a prueba tus conocimientos sobre platos típicos, ingredientes, vocabulario culinario y tradiciones gastronómicas del mundo hispano. Ejercicio online y gratuito para estudiantes de español. Pregunta 1 de 10 ¡Ejercicio completado! 0/10 ¿Quieres más ejercicios? Regístrate gratis y accede a miles de ejercicios sobre todos los temas para practicar cuando quieras. <a href="https://curso.burbujadelespanol.com" class="btn-cta btn-accedi" aria-label="Iniciar sesión en el curso" target="_blank" rel="noopener noreferrer"> Iniciar sesión <a href="https://curso.burbujadelespanol.com/registro-bde/" class="btn-cta btn-registrati" aria-label="Registrarse gratuitamente" target="_blank" rel="noopener noreferrer"> Regístrate gratis 10.000+ Ejercicios Interactivos 100% Acceso Gratuito 24/7 Acceso Reintentar ejercicio const QUIZ_DATA = { preguntas: [ { tipo: 'multiple', pregunta: '¿Cuál es el ingrediente principal de la paella valenciana tradicional?', opciones: ['Mariscos', 'Arroz', 'Pollo', 'Verduras'], correcta: 'arroz', explicacion: { correcta: 'El arroz es el ingrediente base de la paella valenciana. La paella tradicional lleva arroz, garrofón, judías verdes, pollo, conejo y azafrán.', incorrecta: 'Aunque otros ingredientes son importantes, el arroz es la base fundamental de cualquier paella.' } }, { tipo: 'texto', pregunta: 'Completa: Las _____ son pequeñas porciones de comida que se sirven como aperitivo en España.', correcta: 'tapas', explicacion: { correcta: 'Las tapas son pequeñas porciones de comida que acompañan a las bebidas en España. Es una tradición gastronómica muy importante.', incorrecta: 'La respuesta correcta es "tapas". Son aperitivos típicos de la cultura gastronómica española.' } }, { tipo: 'multiple', pregunta: '¿Qué país es famoso por los tacos y el guacamole?', opciones: ['Argentina', 'México', 'Perú', 'Colombia'], correcta: 'méxico', explicacion: { correcta: 'México es mundialmente famoso por sus tacos y guacamole. Son platos emblemáticos de la gastronomía mexicana.', incorrecta: 'La respuesta correcta es México. Los tacos y el guacamole son platos típicos mexicanos conocidos internacionalmente.' } }, { tipo: 'verdadero-falso', pregunta: '¿El ceviche es un plato típico peruano preparado con pescado crudo marinado en limón?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. El ceviche es el plato más representativo de Perú, preparado con pescado crudo marinado en jugo de limón.', incorrecta: 'El ceviche SÍ es un plato típico peruano preparado con pescado crudo marinado en jugo de limón.' } }, { tipo: 'texto', pregunta: 'Escribe el nombre del postre español hecho con huevos, leche y azúcar, cubierto con caramelo: flan o _____.', correcta: 'crema catalana', explicacion: { correcta: 'La crema catalana es un postre tradicional catalán similar al flan, pero con una capa de azúcar caramelizado por encima.', incorrecta: 'La crema catalana es el postre tradicional español similar al flan, pero con azúcar quemado en la superficie.' } }, { tipo: 'multiple', pregunta: '¿Qué bebida es tradicional en Argentina?', opciones: ['Sangría', 'Mate', 'Horchata', 'Chicha'], correcta: 'mate', explicacion: { correcta: 'El mate es la bebida tradicional argentina, preparada con hojas de yerba mate y agua caliente. Es parte importante de la cultura social.', incorrecta: 'El mate es la bebida más tradicional de Argentina, muy importante en la cultura social del país.' } }, { tipo: 'texto', pregunta: 'Completa: La _____ es una sopa fría española hecha con tomate, pepino, pimiento y pan.', correcta: 'gazpacho', explicacion: { correcta: 'El gazpacho es una sopa fría típica de Andalucía, elaborada principalmente con tomate, pepino, pimiento, ajo, pan y aceite de oliva.', incorrecta: 'La respuesta es "gazpacho", la famosa sopa fría andaluza perfecta para el verano.' } }, { tipo: 'multiple', pregunta: '¿Cuál de estos NO es un ingrediente típico del guacamole?', opciones: ['Aguacate', 'Limón', 'Cebolla', 'Queso'], correcta: 'queso', explicacion: { correcta: 'El queso NO es un ingrediente tradicional del guacamole. Se hace con aguacate, limón, cebolla, tomate, chile y cilantro.', incorrecta: 'El guacamole tradicional no lleva queso. Sus ingredientes básicos son aguacate, limón, cebolla, tomate y especias.' } }, { tipo: 'verdadero-falso', pregunta: '¿La tortilla española se hace principalmente con patatas y huevos?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. La tortilla española tradicional se hace con patatas, huevos y sal. Algunos añaden cebolla.', incorrecta: 'La tortilla española SÍ se hace principalmente con patatas y huevos. Es uno de los platos más típicos de España.' } }, { tipo: 'texto', pregunta: 'Escribe el nombre del postre mexicano hecho con tres tipos de leche: tres _____.', correcta: 'leches', explicacion: { correcta: 'El tres leches es un postre muy popular en México y Centroamérica, hecho con leche condensada, leche evaporada y crema de leche.', incorrecta: 'La respuesta es "leches". El pastel tres leches es un postre tradicional mexicano muy dulce y húmedo.' } } ], respuestasAlternativas: { 'tapas': ['tapa'], 'gazpacho': [], 'crema catalana': ['crema', 'catalana'], 'leches': ['leche'] } }; let estado = { preguntaActual: 1, puntos: 0, yaVerificado: Array(10).fill(false) }; function crearElementoPregunta(pregunta, indice) { const div = document.createElement('section'); div.className = 'pregunta' + (indice === 0 ? ' activa' : ''); div.id = `pregunta${indice + 1}`; div.setAttribute('role', 'article'); div.setAttribute('aria-label', `Pregunta ${indice + 1}`); let contenidoHTML = ` ${pregunta.pregunta} `; if (pregunta.tipo === 'multiple' &#124;&#124; pregunta.tipo === 'verdadero-falso') { contenidoHTML += ' '; pregunta.opciones.forEach(opcion => { contenidoHTML += ` <input type="radio" name="p${indice + 1}" value="${opcion.toLowerCase()}" onchange="habilitarBoton()" aria-label="${opcion}"> ${opcion} `; }); contenidoHTML += ' '; } else { contenidoHTML += `<input type="text" class="input-respuesta" id="p${indice + 1}" placeholder="Escribe tu respuesta aquí" oninput="habilitarBoton()" aria-label="Campo de respuesta">`; } contenidoHTML += ` <button class="btn-siguiente" id="btn${indice + 1}" onclick="verificarRespuesta(${indice + 1})" aria-label="Verificar respuesta">Verificar `; div.innerHTML = contenidoHTML; return div; } function inicializarPreguntas() { const contenedor = document.getElementById('contenedor-preguntas'); QUIZ_DATA.preguntas.forEach((p, i) => { contenedor.appendChild(crearElementoPregunta(p, i)); }); } function actualizarUI() { document.getElementById('contador').textContent = `Pregunta ${estado.preguntaActual} de 10`; const porcentaje = ((estado.preguntaActual - 1) / 10) * 100; const barra = document.getElementById('barraProgreso'); barra.style.width = porcentaje + '%'; document.querySelector('.progreso').setAttribute('aria-valuenow', porcentaje); } function habilitarBoton() { const btn = document.getElementById(`btn${estado.preguntaActual}`); const pregunta = QUIZ_DATA.preguntas[estado.preguntaActual - 1]; let hayRespuesta = false; if (pregunta.tipo === 'multiple' &#124;&#124; pregunta.tipo === 'verdadero-falso') { hayRespuesta = document.querySelector(`input[name="p${estado.preguntaActual}"]:checked`) !== null; } else { hayRespuesta = document.getElementById(`p${estado.preguntaActual}`).value.trim() !== ''; } btn.classList.toggle('activo', hayRespuesta &#038;& !estado.yaVerificado[estado.preguntaActual - 1]); } function normalizarRespuesta(respuesta, correcta) { const respuestaNorm = respuesta.toLowerCase().trim(); return respuestaNorm === correcta &#124;&#124; (QUIZ_DATA.respuestasAlternativas[correcta] &#038;& QUIZ_DATA.respuestasAlternativas[correcta].includes(respuestaNorm)); } function verificarRespuesta(numPregunta) { if (estado.yaVerificado[numPregunta - 1]) return; estado.yaVerificado[numPregunta - 1] = true; const pregunta = QUIZ_DATA.preguntas[numPregunta - 1]; let correcto = false; let respuestaUsuario = ''; if (pregunta.tipo === 'multiple' &#124;&#124; pregunta.tipo === 'verdadero-falso') { const seleccionado = document.querySelector(`input[name="p${numPregunta}"]:checked`); if (seleccionado) { respuestaUsuario = seleccionado.value; correcto = respuestaUsuario === pregunta.correcta; } document.querySelectorAll(`input[name="p${numPregunta}"]`).forEach(input => input.disabled = true); document.querySelectorAll(`#pregunta${numPregunta} .opcion`).forEach(opcion => opcion.classList.add('deshabilitada')); } else { const input = document.getElementById(`p${numPregunta}`); respuestaUsuario = input.value; correcto = normalizarRespuesta(respuestaUsuario, pregunta.correcta); input.disabled = true; } if (correcto) estado.puntos++; mostrarExplicacion(numPregunta, correcto, respuestaUsuario, pregunta); const btn = document.getElementById(`btn${numPregunta}`); btn.textContent = 'Siguiente'; btn.classList.add('siguiente-naranja', 'activo'); btn.onclick = () => numPregunta < 10 ? siguientePregunta() : mostrarMensajeFinal(); } function mostrarExplicacion(numPregunta, correcto, respuestaUsuario, pregunta) { const explicacion = document.getElementById(`explicacion${numPregunta}`); const tipo = correcto ? 'correcta' : 'incorrecta'; const titulo = correcto ? '¡Excelente! ✓' : 'Incorrecto ✗'; explicacion.innerHTML = ` ${titulo} ${!correcto ? ` Tu respuesta: "${respuestaUsuario}" Respuesta correcta: "${pregunta.correcta}" ` : ''} Explicación: ${pregunta.explicacion[tipo]} `; explicacion.classList.add(tipo); explicacion.style.display = 'block'; } function siguientePregunta() { document.getElementById(`pregunta${estado.preguntaActual}`).classList.remove('activa'); estado.preguntaActual++; document.getElementById(`pregunta${estado.preguntaActual}`).classList.add('activa'); actualizarUI(); } function mostrarMensajeFinal() { document.querySelector('.ejercicio-container').style.display = 'none'; const porcentaje = Math.round((estado.puntos / 10) * 100); document.getElementById('puntuacionFinal').textContent = `${estado.puntos}/10 (${porcentaje}%)`; const mensajes = [ { min: 100, texto: '¡Perfecto! Eres un experto en gastronomía hispana.' }, { min: 90, texto: '¡Excelente! Conoces muy bien la cocina del mundo hispano.' }, { min: 80, texto: '¡Muy bien! Tienes buenos conocimientos gastronómicos.' }, { min: 70, texto: 'Bien hecho, pero puedes aprender más sobre la cocina hispana.' }, { min: 60, texto: 'Buen intento. Sigue explorando la rica gastronomía hispana.' }, { min: 0, texto: 'Necesitas conocer más sobre los platos típicos del mundo hispano.' } ]; const mensaje = mensajes.find(m => porcentaje >= m.min).texto; document.getElementById('mensajePuntuacion').textContent = mensaje; document.getElementById('mensajeFinal').classList.add('visible'); } function reiniciarEjercicio() { estado = { preguntaActual: 1, puntos: 0, yaVerificado: Array(10).fill(false) }; document.querySelectorAll('input[type="radio"]').forEach(input => { input.checked = false; input.disabled = false; }); document.querySelectorAll('.input-respuesta').forEach(input => { input.value = ''; input.disabled = false; }); document.querySelectorAll('.opcion').forEach(opcion => opcion.classList.remove('deshabilitada')); document.querySelectorAll('.explicacion').forEach(exp => { exp.style.display = 'none'; exp.classList.remove('correcta', 'incorrecta'); }); for (let i = 1; i <= 10; i++) { const btn = document.getElementById(`btn${i}`); btn.textContent = 'Verificar'; btn.onclick = () => verificarRespuesta(i); btn.classList.remove('activo', 'siguiente-naranja'); } document.getElementById('mensajeFinal').classList.remove('visible'); document.querySelector('.ejercicio-container').style.display = 'block'; document.querySelectorAll('.pregunta').forEach((p, i) => { p.classList.toggle('activa', i === 0); }); actualizarUI(); } // Inizializzazione inicializarPreguntas(); actualizarUI(); :root { --cta-accent:#CC1F1A; --cta-accent-hover:#b71e18; --bg-start:#fff5f5; --bg-end:#ffe8e8; --text:#333; } .custom-podcast-cta-slim { font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align:center; padding:15px 20px; max-width:700px; margin:30px auto; background:linear-gradient(135deg,var(--bg-start) 0%,var(--bg-end) 100%); border-radius:50px; border:2px solid var(--cta-accent); font-size:1rem; color:var(--text); font-weight:600; } .custom-podcast-cta-slim .highlight, .custom-podcast-cta-slim a { color:var(--cta-accent); font-weight:700; } .custom-podcast-cta-slim a { text-decoration:underline; text-underline-offset:2px; margin-left:8px; transition:color .2s ease, text-decoration-color .2s ease; } .custom-podcast-cta-slim a:hover { color:var(--cta-accent-hover); text-decoration-color:currentColor; } .custom-podcast-cta-slim a:focus-visible { outline:3px solid currentColor; outline-offset:3px; border-radius:6px; } @media (max-width:768px){ .custom-podcast-cta-slim { padding:12px 15px; border-radius:40px; font-size:.95rem; } } @media (prefers-reduced-motion: reduce){ .custom-podcast-cta-slim a { transition:none; } } ¿Quieres la transcripción de más de 150 podcasts exclusivos? Regístrate gratis →