
NO SOLO es “LO MEJOR”: Los USOS SORPRENDENTES del “LO” NEUTRO en ESPAÑOL
Si estás aprendiendo español, seguro ya te diste cuenta de que usamos «lo» para muchas cosas. Y no siempre funciona como un pronombre de objeto directo masculino. A veces, ese pequeño «lo» no se refiere a ningún objeto ni persona concreta, sino a ideas abstractas, cualidades o situaciones completas. Esto es lo que llamamos el «lo» neutro, una herramienta gramatical esencial que te ayudará a sonar más natural y expresivo en español.
¿Qué es el artículo neutro «lo»?
En español, los artículos determinados son «el» (masculino), «la» (femenina), «los» y «las» (plurales). Sin embargo, existe un artículo especial que no tiene género ni número: el artículo neutro «lo». Este artículo no se refiere a sustantivos concretos, sino que sirve para sustantivar adjetivos y expresar conceptos abstractos.
El «lo» neutro es único porque no existe un sustantivo neutro en español. Todos los sustantivos son masculinos o femeninos. Por eso, cuando necesitamos hablar de algo abstracto, de una cualidad en general o de una idea completa, recurrimos a este artículo especial.
Diferencia entre «el», «la» y «lo»
Es fundamental entender que «lo» no es la versión masculina de «la». Observa estas diferencias:
Artículo Función Ejemplo El Artículo masculino singular El libro es interesante La Artículo femenino singular La mesa es grande Lo Artículo neutro (ideas abstractas) Lo interesante es el finalComo puedes ver, «lo interesante» no se refiere a un objeto concreto, sino al concepto de «lo que es interesante», es decir, una idea abstracta.
Usos principales del artículo neutro «lo»
El artículo neutro «lo» se utiliza en tres contextos principales que debes conocer para dominar esta estructura gramatical.
1. «Lo» + adjetivo: sustantivar cualidades
Esta es la forma más fácil de identificar el «lo» neutro. Usamos «lo + adjetivo» para hablar de una cualidad de forma general, sin referirnos a ningún objeto específico.
Ejemplos prácticos:
- Lo bueno de este trabajo es que puedo hacerlo desde casa. → «Lo bueno» = el aspecto positivo
- Lo malo es que no tengo vacaciones. → «Lo malo» = el aspecto negativo
- Lo más importante es descansar. → «Lo más importante» = la prioridad
- Lo raro fue que nadie dijo nada. → «Lo raro» = la situación extraña
- Lo mejor del día fue verte. → «Lo mejor» = el momento más positivo
- Lo difícil viene ahora. → «Lo difícil» = la parte complicada
En todos estos casos, el «lo» no reemplaza a una cosa concreta, sino que transforma el adjetivo en un concepto abstracto. Esta estructura es muy útil para expresar emociones y sensaciones de manera natural.
2. «Lo que»: introducir oraciones relativas
La estructura «lo que» es una de las más importantes y frecuentes en español. Se usa para introducir una oración relativa que hace referencia a algo que pasó, algo que te dijeron o algo que piensas.
Una oración relativa es una oración que se introduce con un pronombre relativo (como que, quien, cual, lo que, donde) y que sirve para dar más información sobre un sustantivo o una idea mencionada antes.
Ejemplos con «lo que»:
- Lo que dijiste ayer me hizo pensar.
- No entiendo lo que está pasando.
- Me encanta lo que haces.
- Eso es justo lo que necesitaba.
- ¿Lo que escuché es verdad?
- Dime lo que piensas.
En todos estos casos, «lo que» equivale a decir «la cosa que…». Sin embargo, en español nunca decimos «la cosa que me dijiste» porque suena muy extraño. Decimos directamente «lo que me dijiste». Es más limpio, más elegante y más natural.
3. «Lo de»: referirse a situaciones conocidas
Otra expresión muy común es «lo de…», que usamos para referirnos a algo ya mencionado o que ambos interlocutores conocen por el contexto compartido.
Ejemplos con «lo de»:
- ¿Y lo de ayer? ¿Cómo terminó?
- No quiero hablar de lo de anoche.
- Lo de tu hermana me dejó en shock.
- ¿Te acuerdas de lo de la reunión?
- Todavía no me he recuperado de lo de la semana pasada.
En estos casos, «lo de» sirve para referirse a una situación entera que no necesitas repetir porque la otra persona ya sabe de qué estás hablando. Es muy útil en conversaciones cotidianas y te hará sonar mucho más natural, como cuando usas expresiones coloquiales cotidianas.
.membership-cta { --brand: #E1241F; --brand-2: #ff4841; --brand-hover: #c91f1a; --ok: #4CAF50; --text: #333; --muted: #666; --bg: #fff;</p> <p> 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; }</p> <p> .membership-content { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 12px; }</p> <p> .membership-title, .membership-subtitle, .membership-features, .membership-content > p { margin: 0; }</p> <p> .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; }</p> <p> .membership-subtitle { font-size: 1.1rem; color: var(--muted); line-height: 1.5; }</p> <p> .membership-features { list-style: none; padding: 0; display: flex; justify-content: center; gap: 35px; flex-wrap: wrap; }</p> <p> .membership-feature-item { display: flex; align-items: center; gap: 10px; color: var(--text); font-size: 1rem; font-weight: 600; }</p> <p> .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; }</p> <p> .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); }</p> <p> .membership-content > p:last-child { margin-bottom: 0; }</p> <p> @media (prefers-color-scheme: dark) { .membership-cta { --text: #e0e0e0; --muted: #b0b0b0; --bg: #1a1a1a; } .membership-feature-item { color: var(--text); } }</p> <p> @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; } }</p> <p> @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
Estructura enfática: «Lo» + adjetivo + «que»
Esta estructura se utiliza para enfatizar o exagerar la intensidad de algo. Es muy expresiva y emocional, perfecta para mostrar sorpresa, admiración o cualquier sentimiento intenso.
Ejemplos de énfasis:
- Lo rico que estaba ese postre… (= ¡Qué rico estaba!)
- Lo difícil que fue esa entrevista… (= ¡Qué difícil fue!)
- No sabes lo cansada que estoy. (= Estoy muy, muy cansada)
- ¡Lo tarde que es! (= ¡Es tardísimo!)
- Lo bien que me lo pasé… (= Me lo pasé increíblemente bien)
- No te imaginas lo nerviosa que estaba. (= Estaba nervisísima)
Aquí, el «lo» también es neutro y no habla de un objeto masculino, sino de la intensidad de una cualidad o estado. Esta estructura es equivalente a usar el superlativo absoluto con «-ísimo» o a exclamar con «¡Qué…!».
Comparación de estructuras equivalentes
Estructura con «lo» Equivalente exclamativo Equivalente con superlativo Lo rico que estaba ¡Qué rico estaba! Estaba riquísimo Lo cansada que estoy ¡Qué cansada estoy! Estoy cansadísima Lo tarde que es ¡Qué tarde es! Es tardísimo Lo bien que canta ¡Qué bien canta! Canta muy bienOtras expresiones con «lo» neutro
«Lo» con adverbios
El artículo neutro «lo» también puede combinarse con adverbios para crear expresiones que indican cantidad o manera:
- Lo mucho que te quiero (= Te quiero muchísimo)
- Lo poco que sabemos (= Sabemos muy poco)
- Lo bien que cocinas (= Cocinas muy bien)
- Lo mal que me siento (= Me siento muy mal)
- Lo lejos que está (= Está muy lejos)
«A lo» + adjetivo/sustantivo
Esta estructura se usa para indicar al estilo de o de manera similar a:
- Vive a lo grande (= de manera lujosa)
- Cocina a lo español (= al estilo español)
- Baila a lo loco (= de forma descontrolada)
- Se viste a lo moderno (= con estilo moderno)
Estas expresiones forman parte del rico repertorio de locuciones adverbiales coloquiales que hacen que el español sea tan expresivo.
«Por lo» + adjetivo
Estas construcciones son muy comunes en español:
- Por lo menos / Por lo tanto (= al menos / por eso)
- Por lo general (= generalmente)
- Por lo visto (= aparentemente)
- Por lo pronto (= de momento)
- Por lo demás (= en cuanto al resto)
Estas expresiones funcionan como conectores del discurso y te ayudarán a organizar mejor tus ideas cuando hables o escribas en español.
Errores comunes con el «lo» neutro
Cuando aprendes español, es normal cometer algunos errores con el artículo neutro. Aquí te presentamos los más frecuentes para que puedas evitarlos:
Error 1: Confundir «lo» con «el»
❌ Incorrecto ✅ Correcto El importante es estudiar Lo importante es estudiar El mejor fue la comida Lo mejor fue la comida El raro es que no llamó Lo raro es que no llamóRecuerda: cuando hablas de conceptos abstractos o cualidades generales, siempre usas «lo», no «el».
Error 2: Intentar poner género al adjetivo
❌ Incorrecto ✅ Correcto La buena de este lugar Lo bueno de este lugar El malo es que llueve Lo malo es que llueveEl adjetivo que sigue a «lo» siempre va en masculino singular, independientemente de a qué nos refiramos.
Error 3: Traducir literalmente desde otros idiomas
Muchos estudiantes intentan traducir estructuras de su idioma nativo, lo que puede llevar a frases incorrectas:
❌ Incorrecto ✅ Correcto La cosa que me dijiste Lo que me dijiste Eso que pasó ayer Lo de ayer / Lo que pasó ayerEstos son algunos de los errores más comunes que cometen los estudiantes de español. ¡Ahora que los conoces, podrás evitarlos!
Ejemplos en contexto real
Para que puedas ver cómo se usa el «lo» neutro en situaciones reales, aquí tienes algunos diálogos y frases que podrías escuchar en la vida cotidiana:
En una conversación entre amigos
— ¿Qué tal el viaje?
— ¡Genial! Lo mejor fue la playa. No te imaginas lo bonita que era.
— ¿Y lo de tu vuelo retrasado?
— Bueno, lo malo fue que perdimos un día entero. Pero lo que más me gustó fue la comida local.
En el trabajo
— Lo importante es terminar el proyecto a tiempo.
— Sí, pero lo difícil es conseguir todos los datos.
— Entiendo lo que dices. Por lo menos tenemos el equipo completo.
— Lo bueno es que el cliente está satisfecho con lo que hemos avanzado.
En una serie o película española
Si quieres practicar más y escuchar estas estructuras en contexto natural, te recomendamos ver series de televisión españolas. Escucharás constantemente expresiones como:
- «No sabes lo que ha pasado…»
- «Lo peor de todo es que…»
- «¿Has oído lo de María?»
- «Lo único que quiero es…»
El artículo neutro es una característica particular del español. En italiano, por ejemplo, se usa «il» o «ciò che», mientras que en inglés se utilizan otras construcciones como «what» o «the…thing». Por eso, muchos estudiantes, especialmente los que vienen de lenguas sin artículo neutro, encuentran esta estructura un poco confusa al principio.
¿Cuándo debo usar «lo que» y cuándo «qué»?«Lo que» se usa en oraciones afirmativas o para introducir información: «No sé lo que quieres». «Qué» se usa en preguntas directas: «¿Qué quieres?». Es importante dominar los interrogativos y exclamativos para no confundir estas estructuras.
¿Puedo usar «lo» con cualquier adjetivo?Sí, prácticamente cualquier adjetivo puede combinarse con «lo» para crear un concepto abstracto: lo fácil, lo complicado, lo interesante, lo aburrido, lo necesario, lo obvio, lo curioso, etc. Esta flexibilidad es una de las grandes ventajas de esta estructura.
¿»Lo de» es informal?«Lo de» es muy común tanto en contextos informales como formales. Puedes usarlo tranquilamente en cualquier situación. Sin embargo, en textos muy formales o académicos, es preferible ser más específico y explicar a qué te refieres en lugar de usar «lo de».
.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
{
"@context": "https://schema.org",
"@type": "Quiz",
"name": "Test El Artículo Neutro LO en Español",
"description": "Quiz interactivo de gramática española con 10 preguntas sobre el artículo neutro lo, sus usos y estructuras",
"educationalLevel": "Intermedio B1-B2",
"learningResourceType": "Quiz",
"inLanguage": "es",
"numberOfQuestions": 10
}
Ejercicio: El Artículo Neutro «Lo» en Español
Test interactivo sobre el artículo neutro «lo» en español. Pon a prueba tus conocimientos sobre sus usos, estructuras como «lo que», «lo de» y las expresiones enfáticas. 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.
Iniciar sesión
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 la función principal del artículo neutro "lo" en español?', opciones: ['Acompañar sustantivos masculinos', 'Sustantivar adjetivos y expresar conceptos abstractos', 'Reemplazar pronombres de objeto directo', 'Indicar género masculino plural'], correcta: 'sustantivar adjetivos y expresar conceptos abstractos', explicacion: { correcta: 'El artículo neutro "lo" sirve para sustantivar adjetivos y expresar conceptos abstractos. No acompaña sustantivos concretos porque en español no existen sustantivos neutros.', incorrecta: 'El artículo neutro "lo" no acompaña sustantivos. Su función es sustantivar adjetivos y expresar conceptos abstractos, como en "lo bueno" o "lo importante".' } }, { tipo: 'texto', pregunta: 'Completa la frase: _____ mejor de la película fue el final.', correcta: 'lo', explicacion: { correcta: '"Lo mejor" es correcto porque nos referimos a un concepto abstracto (el aspecto más positivo), no a un objeto concreto.', incorrecta: 'La respuesta correcta es "lo". Usamos "lo + adjetivo" para hablar de cualidades abstractas: "Lo mejor de la película fue el final".' } }, { tipo: 'multiple', pregunta: '¿Cuál de estas frases usa correctamente "lo que"?', opciones: ['La cosa que me dijiste ayer', 'Lo que me dijiste ayer me sorprendió', 'El que me contaste fue interesante', 'Qué me dijiste ayer'], correcta: 'lo que me dijiste ayer me sorprendió', explicacion: { correcta: '"Lo que me dijiste ayer me sorprendió" es correcto. "Lo que" introduce oraciones relativas que se refieren a ideas o situaciones completas.', incorrecta: 'La forma correcta es "Lo que me dijiste ayer me sorprendió". En español no decimos "la cosa que..." sino "lo que...".' } }, { tipo: 'verdadero-falso', pregunta: '¿"Lo de ayer" se usa para referirse a una situación conocida por ambos interlocutores?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. "Lo de..." se usa para referirse a algo ya mencionado o que ambas personas conocen por el contexto compartido.', incorrecta: '"Lo de..." SÍ se usa para referirse a situaciones conocidas por ambos. Por ejemplo: "¿Y lo de ayer? ¿Cómo terminó?".' } }, { tipo: 'texto', pregunta: 'Completa con la estructura enfática: No sabes _____ cansada que estoy.', correcta: 'lo', explicacion: { correcta: '"Lo cansada que estoy" es la estructura enfática correcta. Equivale a decir "Estoy muy, muy cansada" o "¡Qué cansada estoy!".', incorrecta: 'La respuesta es "lo". La estructura "lo + adjetivo + que" se usa para enfatizar: "No sabes lo cansada que estoy".' } }, { tipo: 'multiple', pregunta: '¿Qué significa la expresión "a lo grande"?', opciones: ['De tamaño grande', 'De manera lujosa o espectacular', 'Con personas importantes', 'En un lugar amplio'], correcta: 'de manera lujosa o espectacular', explicacion: { correcta: '"A lo grande" significa de manera lujosa, espectacular o sin escatimar. Por ejemplo: "Celebraron su boda a lo grande".', incorrecta: '"A lo grande" no se refiere al tamaño, sino a hacer algo de manera lujosa o espectacular.' } }, { tipo: 'texto', pregunta: 'Completa: _____ raro fue que nadie protestó.', correcta: 'lo', explicacion: { correcta: '"Lo raro" es correcto. Usamos "lo + adjetivo" para referirnos a conceptos abstractos, en este caso "la situación extraña".', incorrecta: 'La respuesta correcta es "lo". Decimos "Lo raro fue que..." porque nos referimos a un concepto abstracto, no a un objeto concreto.' } }, { tipo: 'multiple', pregunta: '¿Cuál es el error en esta frase? "El importante es descansar bien"', opciones: ['Falta un verbo', 'Debería ser "Lo importante"', 'Debería ser "La importante"', 'No hay ningún error'], correcta: 'debería ser "lo importante"', explicacion: { correcta: 'Correcto. Cuando hablamos de conceptos abstractos o cualidades generales, usamos "lo", no "el". La frase correcta es: "Lo importante es descansar bien".', incorrecta: 'El error es usar "el" en lugar de "lo". Cuando hablamos de cualidades abstractas, siempre usamos el artículo neutro: "Lo importante es descansar bien".' } }, { tipo: 'verdadero-falso', pregunta: '¿"Por lo general" significa "generalmente"?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. "Por lo general" es una expresión fija que significa "generalmente" o "normalmente". Por ejemplo: "Por lo general, llego temprano".', incorrecta: '"Por lo general" SÍ significa "generalmente". Es una expresión muy común que funciona como conector del discurso.' } }, { tipo: 'multiple', pregunta: '¿Cuál de estas estructuras expresa énfasis o intensidad?', opciones: ['Lo de María', 'Lo que pasó ayer', 'Lo difícil que fue el examen', 'Lo bueno del viaje'], correcta: 'lo difícil que fue el examen', explicacion: { correcta: '"Lo difícil que fue el examen" expresa énfasis. La estructura "lo + adjetivo + que" intensifica la cualidad, equivale a "¡Qué difícil fue!" o "Fue dificilísimo".', incorrecta: 'La estructura enfática es "lo + adjetivo + que". "Lo difícil que fue el examen" expresa intensidad, como si dijéramos "¡Qué difícil fue!" o "Fue muy, muy difícil".' } } ], respuestasAlternativas: { 'lo': ['Lo'] } };</p> <p>let estado = { preguntaActual: 1, puntos: 0, yaVerificado: Array(10).fill(false) };</p> <p>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}`);</p> <p> let contenidoHTML = `</p> <h4>${pregunta.pregunta}</h4> <p>`;</p> <p> if (pregunta.tipo === 'multiple' || pregunta.tipo === 'verdadero-falso') { contenidoHTML += '</p> <div class="opciones" role="radiogroup">'; pregunta.opciones.forEach(opcion => { contenidoHTML += ` <label class="opcion"> <input type="radio" name="p${indice + 1}" value="${opcion.toLowerCase()}" onchange="habilitarBoton()" aria-label="${opcion}"> <span>${opcion}</span> </label> `; }); contenidoHTML += '</div> <p>'; } else { contenidoHTML += `<input type="text" class="input-respuesta" id="p${indice + 1}" placeholder="Escribe tu respuesta aquí" oninput="habilitarBoton()" aria-label="Campo de respuesta">`; }</p> <p> contenidoHTML += ` <button class="btn-siguiente" id="btn${indice + 1}" onclick="verificarRespuesta(${indice + 1})" aria-label="Verificar respuesta">Verificar</button></p> <div class="explicacion" id="explicacion${indice + 1}" role="alert"></div> <p> `;</p> <p> div.innerHTML = contenidoHTML; return div; }</p> <p>function inicializarPreguntas() { const contenedor = document.getElementById('contenedor-preguntas'); QUIZ_DATA.preguntas.forEach((p, i) => { contenedor.appendChild(crearElementoPregunta(p, i)); }); }</p> <p>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); }</p> <p>function habilitarBoton() { const btn = document.getElementById(`btn${estado.preguntaActual}`); const pregunta = QUIZ_DATA.preguntas[estado.preguntaActual - 1]; let hayRespuesta = false;</p> <p> if (pregunta.tipo === 'multiple' || pregunta.tipo === 'verdadero-falso') { hayRespuesta = document.querySelector(`input[name="p${estado.preguntaActual}"]:checked`) !== null; } else { hayRespuesta = document.getElementById(`p${estado.preguntaActual}`).value.trim() !== ''; }</p> <p> btn.classList.toggle('activo', hayRespuesta && !estado.yaVerificado[estado.preguntaActual - 1]); }</p> <p>function normalizarRespuesta(respuesta, correcta) { const respuestaNorm = respuesta.toLowerCase().trim(); return respuestaNorm === correcta || (QUIZ_DATA.respuestasAlternativas[correcta] && QUIZ_DATA.respuestasAlternativas[correcta].includes(respuestaNorm)); }</p> <p>function verificarRespuesta(numPregunta) { if (estado.yaVerificado[numPregunta - 1]) return;</p> <p> estado.yaVerificado[numPregunta - 1] = true; const pregunta = QUIZ_DATA.preguntas[numPregunta - 1]; let correcto = false; let respuestaUsuario = '';</p> <p> if (pregunta.tipo === 'multiple' || 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; }</p> <p> if (correcto) estado.puntos++;</p> <p> mostrarExplicacion(numPregunta, correcto, respuestaUsuario, pregunta);</p> <p> 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 = ` <h5>${titulo}</h5> <p> ${!correcto ? `</p> <p><strong>Tu respuesta:</strong> "${respuestaUsuario}"</p> <p><strong>Respuesta correcta:</strong> "${pregunta.correcta}"</p> <p>` : ''}</p> <p><strong>Explicación:</strong> ${pregunta.explicacion[tipo]}</p> <p> `;</p> <p> explicacion.classList.add(tipo); explicacion.style.display = 'block'; }</p> <p>function siguientePregunta() { document.getElementById(`pregunta${estado.preguntaActual}`).classList.remove('activa'); estado.preguntaActual++; document.getElementById(`pregunta${estado.preguntaActual}`).classList.add('activa'); actualizarUI(); }</p> <p>function mostrarMensajeFinal() { document.querySelector('.ejercicio-container').style.display = 'none';</p> <p> const porcentaje = Math.round((estado.puntos / 10) * 100); document.getElementById('puntuacionFinal').textContent = `${estado.puntos}/10 (${porcentaje}%)`;</p> <p> const mensajes = [ { min: 100, texto: '¡Perfecto! Dominas el artículo neutro "lo" y todas sus estructuras.' }, { min: 90, texto: '¡Excelente! Tienes un muy buen conocimiento del artículo neutro "lo".' }, { min: 80, texto: '¡Muy bien! Solo necesitas repasar algunos detalles sobre el uso de "lo".' }, { min: 70, texto: 'Bien hecho, pero puedes mejorar con un poco más de práctica.' }, { min: 60, texto: 'Buen intento. Sigue practicando las estructuras con "lo".' }, { min: 0, texto: 'Necesitas estudiar más el artículo neutro "lo" y sus diferentes usos.' } ];</p> <p> const mensaje = mensajes.find(m => porcentaje >= m.min).texto; document.getElementById('mensajePuntuacion').textContent = mensaje; document.getElementById('mensajeFinal').classList.add('visible'); }</p> <p>function reiniciarEjercicio() { estado = { preguntaActual: 1, puntos: 0, yaVerificado: Array(10).fill(false) };</p> <p> document.querySelectorAll('input[type="radio"]').forEach(input => { input.checked = false; input.disabled = false; });</p> <p> document.querySelectorAll('.input-respuesta').forEach(input => { input.value = ''; input.disabled = false; });</p> <p> document.querySelectorAll('.opcion').forEach(opcion => opcion.classList.remove('deshabilitada'));</p> <p> document.querySelectorAll('.explicacion').forEach(exp => { exp.style.display = 'none'; exp.classList.remove('correcta', 'incorrecta'); });</p> <p> 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'); }</p> <p> document.getElementById('mensajeFinal').classList.remove('visible'); document.querySelector('.ejercicio-container').style.display = 'block';</p> <p> document.querySelectorAll('.pregunta').forEach((p, i) => { p.classList.toggle('activa', i === 0); });</p> <p> actualizarUI(); }</p> <p>// Inicialización inicializarPreguntas(); actualizarUI();
:root { --cta-accent:#CC1F1A; --cta-accent-hover:#b71e18; --bg-start:#fff5f5; --bg-end:#ffe8e8; --text:#333; }</p> <p> .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; }</p> <p> .custom-podcast-cta-slim .highlight, .custom-podcast-cta-slim a { color:var(--cta-accent); font-weight:700; }</p> <p> .custom-podcast-cta-slim a { text-decoration:underline; text-underline-offset:2px; margin-left:8px; transition:color .2s ease, text-decoration-color .2s ease; }</p> <p> .custom-podcast-cta-slim a:hover { color:var(--cta-accent-hover); text-decoration-color:currentColor; }</p> <p> .custom-podcast-cta-slim a:focus-visible { outline:3px solid currentColor; outline-offset:3px; border-radius:6px; }</p> <p> @media (max-width:768px){ .custom-podcast-cta-slim { padding:12px 15px; border-radius:40px; font-size:.95rem; } }</p> <p> @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 →
Weitere Episoden von „Burbuja del Español - Aprende español con nuestra escuela en línea“



Verpasse keine Episode von “Burbuja del Español - Aprende español con nuestra escuela en línea” und abonniere ihn in der kostenlosen GetPodcast App.







