/* Las tarjetas reutilizan las medidas y distribución del piloto aprobado. */
.guided-lesson{--pilot-blue:#16758d;--pilot-amber:#a75b1b;--pilot-line:#dce6ec;--pilot-soft:#edf5f8}
.guided-intro,.guided-prompt{font-size:1rem;line-height:1.7;color:#425e6c;margin:12px 0 20px}.guided-count{font-size:.9rem;line-height:1.5;color:#58727f;margin:0 0 16px}.guided-explore{margin-top:26px}.guided-explore>.interactive{margin-bottom:0}.guided-image img{display:block;width:100%;height:150px;object-fit:contain;background:#f0f6f8}.guided-image .concept-photo,.guided-image picture{margin:0;padding:0}.guided-image figcaption{display:none}.guided-image svg{overflow:visible}.guided-enlarged img{display:block;max-width:100%;max-height:60vh;object-fit:contain;margin:auto}.guided-lesson .pilot-route nav button{max-width:100%;overflow-wrap:anywhere}.guided-lesson .pilot-stage[hidden] .rotation,.guided-lesson .pilot-stage[hidden] .windflow{animation-play-state:paused!important}.guided-lesson .pilot-stage-actions{margin-bottom:5px}
@media(prefers-reduced-motion:reduce){.guided-lesson *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.guided-photo{position:relative;display:block}.guided-photo .concept-photo{height:auto}.guided-photo-focus{position:absolute;border:3px solid #bb6b22;border-radius:10px;background:#ffa95120;pointer-events:none}.guided-enlarged .guided-photo{width:fit-content;max-width:100%;margin:auto}

/* Glosario: misma tarjeta que el episodio, tres columnas en escritorio. */
.visual-glossary{container-type:inline-size;--pilot-blue:#16758d;--pilot-amber:#a75b1b;--pilot-line:#dce6ec;--pilot-soft:#edf5f8}
.glossary-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.glossary-visual-card{grid-template-rows:1fr auto;row-gap:14px}
.glossary-context{display:block;font-size:.875rem;line-height:1.45;color:#58727f;margin-bottom:10px}
.glossary-review{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:650;color:#146981;text-decoration:underline;text-underline-offset:4px}
.glossary-visual-grid>.empty{grid-column:1/-1}
@container(max-width:880px){.glossary-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:560px){.glossary-visual-grid{grid-template-columns:1fr}}