.quiz-tapas{margin-block:1.5rem;padding:1.25rem;border:1px solid var(--wp--preset--color--borde);border-radius:18px;background:var(--wp--preset--color--tarjeta);display:grid;gap:1rem}
.quiz-tapas__advertencia{margin:0;padding:.75rem 1rem;border-left:4px solid #ffb347;border-radius:8px;background:rgba(255,179,71,.12);font-size:.95rem}
.quiz-tapas__juego{display:grid;gap:.9rem;min-height:12rem}
.quiz-tapas__progreso{margin:0;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wp--preset--color--texto-suave)}
.quiz-tapas__enunciado{display:flex;align-items:center;gap:1rem}
.quiz-tapas__enunciado .quiz-tapas__frasco{width:64px;flex:none}
.quiz-tapas__texto{margin:0;font-size:1.15rem;font-weight:600;text-wrap:balance}
.quiz-tapas__frasco{display:block;height:auto;color:var(--wp--preset--color--texto)}
.quiz-tapas__opciones{display:grid;gap:.5rem}
.quiz-tapas__opciones--familia-a-color{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:420px){.quiz-tapas__opciones--familia-a-color{grid-template-columns:repeat(2,minmax(0,1fr))}}
.quiz-tapas__opcion{font:inherit;text-align:left;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--wp--preset--color--borde);background:transparent;color:inherit;cursor:pointer;min-height:44px}
.quiz-tapas__opciones--familia-a-color .quiz-tapas__opcion{display:grid;justify-items:center;gap:.35rem;text-align:center;padding:.6rem .4rem}
.quiz-tapas__opciones--familia-a-color .quiz-tapas__frasco{width:44px}
.quiz-tapas__color{font-size:.85rem}
.quiz-tapas__opcion:hover:not(:disabled),.quiz-tapas__opcion:focus-visible{border-color:var(--wp--preset--color--acento-2);outline:none}
.quiz-tapas__opcion:disabled{cursor:default}
.quiz-tapas__opcion.es-correcta{border-color:#3ecf8e;background:rgba(62,207,142,.14)}
.quiz-tapas__opcion.es-incorrecta{border-color:#ff6b81;background:rgba(255,107,129,.14)}
.quiz-tapas__respuesta{display:grid;gap:.4rem}
.quiz-tapas__respuesta p{margin:0}
.quiz-tapas__respuesta.ok strong{color:#3ecf8e}.quiz-tapas__respuesta.error strong{color:#ff6b81}
.quiz-tapas .boton{justify-self:start;font:inherit;cursor:pointer;border:0}
.quiz-tapas .boton--secundario{background:transparent;border:1px solid var(--wp--preset--color--acento-1);color:inherit}
.quiz-tapas__final{display:grid;gap:.4rem;text-align:center;justify-items:center}
.quiz-tapas__final p{margin:0}
.quiz-tapas__puntaje{font-size:2.6rem;font-weight:800;background:linear-gradient(90deg,var(--wp--preset--color--acento-1),var(--wp--preset--color--acento-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.quiz-tapas__acciones{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:.5rem!important}
.quiz-tapas__tabla summary{cursor:pointer;font-weight:600}
.quiz-tapas__tabla ul{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.4rem}
.quiz-tapas__muestra{display:inline-block;width:1rem;height:1rem;border-radius:4px;vertical-align:-2px;border:1px solid var(--wp--preset--color--borde)}
:root[data-tema="claro"] .quiz-tapas__respuesta.ok strong{color:#11865a}:root[data-tema="claro"] .quiz-tapas__respuesta.error strong{color:#c2273f}
@media (prefers-color-scheme:light){:root:not([data-tema="oscuro"]) .quiz-tapas__respuesta.ok strong{color:#11865a}:root:not([data-tema="oscuro"]) .quiz-tapas__respuesta.error strong{color:#c2273f}}