.quiz-formas__celda { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 4px; border: 1px solid var(--web-mid); background: color-mix(in srgb, var(--web-paper) 55%, transparent); }
.quiz-formas__celda .quiz__opcion { min-height: 56px; display: grid; place-items: center; padding: 4px; text-align: center; font-weight: 700; }
.quiz-formas__escala { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; align-items: end; padding: 8px 4px 4px; border-bottom: 3px solid var(--web-active); }
.quiz-formas__escala .quiz__opcion { min-height: 38px; border-radius: 999px; padding: 4px 3px; text-align: center; font-size: .9em; }
.quiz-formas__destinos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.quiz-formas__destinos[data-rol="unir"] { padding: 5px; border-left: 3px solid var(--web-active); background: color-mix(in srgb, var(--web-active) 8%, transparent); }
.quiz-formas__destinos[data-rol="cubetas"] { gap: 7px; padding: 5px; }
.quiz-formas__destinos[data-rol="cubetas"] .quiz-formas__cubeta-opcion { min-height: 68px; display: grid; place-items: center; border-style: dashed; border-radius: 8px; background: color-mix(in srgb, var(--web-paper) 72%, var(--web-active)); text-align: center; }
.quiz-formas__lista { display: grid; gap: 5px; }
.quiz-formas__rotulo { margin: 7px 0 3px; color: var(--web-ink); font-size: .78em; font-weight: 700; letter-spacing: .08em; }
.quiz-formas__lista[data-rol="ordenar"] { padding: 5px; border: 1px solid var(--web-mid); background: color-mix(in srgb, var(--web-paper) 45%, transparent); }
.quiz-formas__lista[data-rol="ordenar"] .quiz-formas__fila { padding: 3px; border: 1px solid var(--web-mid); background: color-mix(in srgb, var(--web-paper) 70%, transparent); }
.quiz-formas__lista[data-rol="ordenar"] .quiz-formas__orden-item { font-weight: 700; }
.quiz-formas__orden-flecha { flex: 0 0 36px !important; min-height: 34px !important; padding: 2px !important; text-align: center !important; }
.quiz-formas__conexiones { display: grid; gap: 3px; margin: 5px 0; padding: 4px; border: 1px dashed var(--web-active); }
.quiz-formas__conector { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 4px; align-items: center; }
.quiz-formas__punto { min-width: 0; overflow-wrap: anywhere; font-size: .9em; }
.quiz-formas__punto::before { content: '● '; color: var(--web-active); }
.quiz-formas__linea { color: var(--web-active); white-space: nowrap; letter-spacing: -1px; }
.quiz-formas__punto--destino { text-align: right; }
.quiz-formas__fila { display: flex; align-items: stretch; gap: 4px; min-width: 0; }
.quiz-formas__fila > button:first-child { flex: 1; min-width: 0; overflow-wrap: anywhere; }
[data-gesto] .quiz__opcion { min-height: 44px; white-space: normal; overflow-wrap: anywhere; }
[data-gesto] .quiz__opcion[aria-pressed="true"] { outline: 2px solid var(--web-active); outline-offset: -3px; }
[data-gesto] .quiz__opcion:focus-visible { outline: 2px solid var(--web-active); }
[data-gesto="unir"] .quiz-formas__origen,
[data-gesto="unir"] .quiz-formas__destino { border-radius: 999px; }
[data-gesto="cubetas"] .quiz-formas__origen { border-radius: 6px; border-style: dotted; }
.quiz-formas__estado { font: inherit; margin: 4px 0; }
[data-gesto] { max-height: 52dvh; overflow-y: auto; }