/* /Components/Practica/Admin/AyudaElementoEditor.razor.rz.scp.css */
.ayudas-elemento[b-apdpk75b7c] { min-width: 0; }
.ayudas-elemento > legend[b-apdpk75b7c] { float: none; width: auto; }
.ayudas-elemento__archivo[b-apdpk75b7c] { display: inline-flex; }
.ayudas-elemento__archivo:focus-within > label[b-apdpk75b7c] { outline: 2px solid var(--pa-teal-dark, #075e5b); outline-offset: 3px; box-shadow: 0 0 0 4px rgba(8, 127, 122, .18); }
.ayudas-elemento__avanzadas[b-apdpk75b7c] { font-size: .875rem; }
.ayudas-elemento .text-warning[b-apdpk75b7c] { color: var(--bs-warning-text-emphasis, #664d03) !important; }
.ayudas-elemento__acciones[b-apdpk75b7c], .ayudas-elemento__opciones[b-apdpk75b7c] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.ayudas-elemento__opciones[b-apdpk75b7c] { margin-top: .5rem; padding: .6rem; border: 1px dashed var(--pa-line, #ccd8e7); border-radius: 9px; background: var(--pa-canvas, #f2f7f5); }
.ayudas-elemento__opciones[hidden][b-apdpk75b7c] { display: none; }
.ayudas-elemento[b-apdpk75b7c]  .ayuda-tarjeta { margin-top: .5rem; }
.ayudas-elemento__compartido[b-apdpk75b7c] { padding: .5rem .75rem; font-size: .8rem; }
/* /Components/Practica/Admin/AyudaTarjetaEditor.razor.rz.scp.css */
.ayuda-tarjeta[b-vokxwdrgng] { min-width: 0; border: 1px solid var(--pa-line, #ccd8e7); border-radius: 10px; background: var(--pa-paper, #fff); overflow: hidden; }
.ayuda-tarjeta__cabecera[b-vokxwdrgng] { display: flex; align-items: center; gap: .4rem; padding: .35rem .5rem; }
.ayuda-tarjeta__abrir[b-vokxwdrgng] { display: flex; align-items: center; gap: .6rem; width: 100%; min-width: 0; min-height: 44px; padding: .3rem; border: 0; border-radius: 6px; background: transparent; color: var(--pa-ink, #17363a); text-align: left; }
.ayuda-tarjeta__abrir > i:first-child[b-vokxwdrgng] { color: var(--pa-teal-dark, #075e5b); font-size: 1.25rem; }
.ayuda-tarjeta__abrir > i:last-child[b-vokxwdrgng] { margin-left: auto; }
.ayuda-tarjeta__abrir span[b-vokxwdrgng] { display: grid; min-width: 0; }
.ayuda-tarjeta__abrir strong[b-vokxwdrgng] { font-size: .82rem; }
.ayuda-tarjeta__abrir small[b-vokxwdrgng] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--pa-muted, #526568); font-size: .75rem; max-width: 24rem; }
.ayuda-tarjeta__abrir:hover[b-vokxwdrgng] { background: var(--pa-canvas, #f2f7f5); }
.ayuda-tarjeta__abrir:focus-visible[b-vokxwdrgng] { outline: 2px solid var(--pa-teal-dark, #075e5b); outline-offset: -2px; }
.ayuda-tarjeta__contenido[b-vokxwdrgng] { padding: .8rem; border-top: 1px solid var(--pa-line, #ccd8e7); }
.ayuda-tarjeta__contenido[hidden][b-vokxwdrgng] { display: none; }
/* /Components/Practica/Admin/RecursoElementoEditor.razor.rz.scp.css */
.recurso-contextual[b-b2fyl6effs] { margin-top: .5rem; min-width: 0; }
.recurso-contextual > summary[b-b2fyl6effs] { cursor: pointer; font-size: .8rem; font-weight: 600; color: var(--pa-muted, #526568); min-height: 32px; padding-block: .3rem; }
.recurso-contextual[open] > summary[b-b2fyl6effs] { margin-bottom: .5rem; }
.recurso-contextual__controles[b-b2fyl6effs] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .5rem; }
.recurso-contextual__tipo[b-b2fyl6effs] { flex: 0 1 11rem; min-width: 8rem; }
.recurso-contextual__enlace[b-b2fyl6effs] { flex: 1 1 12rem; min-width: 0; }
.recurso-contextual__archivo[b-b2fyl6effs] { display: inline-flex; }
.recurso-contextual__archivo:focus-within > label[b-b2fyl6effs] { outline: 2px solid var(--pa-teal-dark, #075e5b); outline-offset: 3px; box-shadow: 0 0 0 4px rgba(8, 127, 122, .18); }
.recurso-contextual__vista[b-b2fyl6effs] { border-left: 3px solid var(--bs-border-color, #dee2e6); padding-left: .65rem; }
/* /Components/Practica/Alumno/ControlAudioPractica.razor.rz.scp.css */
.practice-volume[b-656ihepw0d] { flex: 0 0 auto; }
.practice-volume__toggle[b-656ihepw0d] { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #86bacb; border-radius: 12px; background: #ffffff12; color: #fff; font-size: 1.3rem; }
.practice-volume__toggle:hover[b-656ihepw0d] { background: #ffffff25; }
.practice-volume__panel[b-656ihepw0d] { position: fixed; inset: auto; width: 228px; max-width: calc(100vw - 24px); margin: 0; padding: .9rem 1rem; border: 1px solid #b6d9e4; border-radius: 16px; background: #f9fdff; color: #194d66; box-shadow: 0 10px 32px #063d5d2b; font-family: 'Trebuchet MS', 'Aptos', sans-serif; }
.practice-volume__label[b-656ihepw0d] { display: flex; justify-content: space-between; align-items: center; gap: .6rem; font-size: .8rem; font-weight: 800; }
output[b-656ihepw0d] { color: #176c7b; font-variant-numeric: tabular-nums; }
.practice-volume__controls[b-656ihepw0d] { display: flex; gap: .7rem; align-items: center; margin-top: .3rem; }
input[b-656ihepw0d] { display: block; width: 100%; min-width: 0; height: 44px; margin: 0; accent-color: #087d83; cursor: pointer; }
.practice-volume__controls button[b-656ihepw0d] { display: grid; place-items: center; flex: 0 0 44px; height: 44px; padding: 0; border: 1px solid #acd1dd; border-radius: 10px; background: #eaf7fa; color: #1a6176; font-size: 1.15rem; }
button:focus-visible[b-656ihepw0d], input:focus-visible[b-656ihepw0d] { outline: 3px solid #1477bd; outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) { .practice-volume__panel:popover-open[b-656ihepw0d] { animation: volume-arrive-b-656ihepw0d .15s ease-out; } }
@keyframes volume-arrive-b-656ihepw0d { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
/* /Components/Practica/Alumno/EncabezadoPracticaGuiada.razor.rz.scp.css */
.guided-hero[b-e44qpppk6r] { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 1.5rem; padding: clamp(1.5rem, 3vw, 2.5rem); overflow: hidden; border: 1px solid #a0e0de; border-radius: 24px; background: linear-gradient(110deg, #087eac 0%, #087f91 60%, #57ae97); color: #fff; box-shadow: 0 12px 28px #126f8420; }
.guided-hero[b-e44qpppk6r]::before { content: ""; position: absolute; z-index: -1; inset: 0 0 0 35%; opacity: .35; background: linear-gradient(90deg, #087f91, #087f9100 50%), url('/images/practica/learning-trail.svg') center / cover no-repeat; }
.guided-hero__copy[b-e44qpppk6r] { min-width: 0; }
.guided-hero__eyebrow[b-e44qpppk6r] { display: flex; align-items: center; gap: .6rem; margin-bottom: .65rem; font-size: .65rem; font-weight: 800; letter-spacing: .1em; }
.guided-hero__eyebrow > span[b-e44qpppk6r] { width: 26px; height: 3px; background: #ffda64; border-radius: 3px; }
.guided-hero h1[b-e44qpppk6r] { margin: 0 0 .6rem; color: #fff; font: 800 clamp(1.9rem, 3.6vw, 3rem)/1.1 'Trebuchet MS', sans-serif; letter-spacing: -.035em; }
.guided-hero__intro[b-e44qpppk6r] { max-width: 720px; margin: 0; font-size: .95rem; line-height: 1.6; color: #f1ffff; }
.guided-hero__stats[b-e44qpppk6r] { display: flex; flex-wrap: wrap; align-items: stretch; gap: .7rem; margin-top: 1.25rem; }
.guided-hero__progress[b-e44qpppk6r], .guided-hero__chapters[b-e44qpppk6r] { border: 1px solid #ffffff55; border-radius: 15px; background: #06445b45; }
.guided-hero__progress[b-e44qpppk6r] { display: flex; align-items: center; gap: .85rem; flex: 1 1 280px; padding: .85rem 1rem; }
.guided-hero__progress > i[b-e44qpppk6r] { font-size: 2rem; color: #a0f1df; }
.guided-hero__progress > div[b-e44qpppk6r] { flex: 1; min-width: 0; }
.guided-hero__progress span[b-e44qpppk6r] { display: block; font-size: .75rem; color: #e9ffff; }
.guided-hero__progress strong[b-e44qpppk6r] { display: block; margin: .15rem 0 .45rem; font-size: 1.4rem; }
.guided-hero__progress small[b-e44qpppk6r] { font-size: .75rem; font-weight: 500; }
progress[b-e44qpppk6r] { display: block; width: 100%; height: 9px; overflow: hidden; border: 0; border-radius: 20px; background: #ffffff33; accent-color: #67e7b1; }
progress[b-e44qpppk6r]::-webkit-progress-bar { background: #ffffff33; border-radius: 20px; }
progress[b-e44qpppk6r]::-webkit-progress-value { background: #67e7b1; border-radius: 20px; transition: width .4s; }
progress[b-e44qpppk6r]::-moz-progress-bar { background: #67e7b1; border-radius: 20px; }
.guided-hero__chapters[b-e44qpppk6r] { display: grid; grid-template-columns: auto auto; align-content: center; align-items: center; gap: 0 .6rem; padding: .85rem 1rem; }
.guided-hero__chapters i[b-e44qpppk6r] { grid-row: span 2; font-size: 1.8rem; color: #ffda64; }
.guided-hero__chapters strong[b-e44qpppk6r] { font-size: 1.4rem; line-height: 1.2; }
.guided-hero__chapters span[b-e44qpppk6r] { font-size: .7rem; }
.guided-hero__guide[b-e44qpppk6r] { display: flex; align-items: center; justify-content: center; }
.has-entrance[b-e44qpppk6r] { animation: guided-welcome-b-e44qpppk6r .4s ease-out; }
@keyframes guided-welcome-b-e44qpppk6r { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 760px) { .guided-hero[b-e44qpppk6r] { grid-template-columns: minmax(0, 1fr) 70px; gap: .75rem; padding: 1.25rem; } .guided-hero__copy[b-e44qpppk6r] { display: contents; } .guided-hero__eyebrow[b-e44qpppk6r], .guided-hero__intro[b-e44qpppk6r], .guided-hero__stats[b-e44qpppk6r] { grid-column: 1 / -1; } .guided-hero h1[b-e44qpppk6r] { grid-column: 1; grid-row: 2; font-size: 1.9rem; align-self: center; } .guided-hero__guide[b-e44qpppk6r] { display: block; grid-column: 2; grid-row: 2; width: 65px; align-self: center; } .guided-hero__guide[b-e44qpppk6r]  .vk-guide__message { display: none; } .guided-hero__guide[b-e44qpppk6r]  .vk-guide__portrait { padding: .3rem; border-radius: 14px; } .guided-hero__stats[b-e44qpppk6r] { margin-top: .3rem; } .guided-hero__progress[b-e44qpppk6r] { flex-basis: 100%; padding: .8rem; } .guided-hero__progress > i[b-e44qpppk6r] { display: none; } .guided-hero__chapters[b-e44qpppk6r] { display: none; } }
@media (prefers-reduced-motion: reduce) { *[b-e44qpppk6r], *[b-e44qpppk6r]::before { animation: none !important; transition: none !important; } }
/* /Components/Practica/Alumno/GuiaVkWorld.razor.rz.scp.css */
.vk-guide[b-0c1m4wkvj0] { width: 100%; max-width: 180px; color: #17415b; }
.vk-guide__portrait[b-0c1m4wkvj0] { position: relative; width: 100%; max-width: 130px; margin: auto; padding: .5rem; border: 0; background: transparent; }
svg[b-0c1m4wkvj0] { display: block; width: 100%; height: auto; overflow: visible; }
.vk-guide:not(.is-compact):not(.is-welcoming):not(.is-celebrating) .vk-guide__portrait[b-0c1m4wkvj0] { animation: vk-idle-b-0c1m4wkvj0 4.8s ease-in-out infinite; }
@keyframes vk-idle-b-0c1m4wkvj0 { 0%, 100% { transform: none; } 50% { transform: translateY(-2px) rotate(.5deg); } }
.vk-guide__antenna[b-0c1m4wkvj0] { transform-origin: 110px 106px; animation: vk-antenna-b-0c1m4wkvj0 4.5s ease-in-out infinite; }
.vk-guide__arm[b-0c1m4wkvj0] { transform-origin: 315px 264px; }
.is-welcoming .vk-guide__arm[b-0c1m4wkvj0] { animation: vk-wave-b-0c1m4wkvj0 .8s ease-in-out 1; }
.is-welcoming .vk-guide__portrait[b-0c1m4wkvj0] { animation: vk-greet-b-0c1m4wkvj0 .8s ease-out 1, vk-idle-b-0c1m4wkvj0 4.8s .8s ease-in-out infinite; }
.vk-guide__message[b-0c1m4wkvj0] { display: grid; gap: .25rem; position: relative; padding: .7rem .8rem; margin: 1rem 0 0; border: 1px solid #c9e5e6; border-radius: 12px; background: #fff; color: #315970; font-size: .7rem; line-height: 1.5; text-align: center; }
.is-compact .vk-guide__portrait[b-0c1m4wkvj0] { padding: .2rem; }
.is-compact .vk-guide__antenna[b-0c1m4wkvj0] { animation: none; }
.is-celebrating .vk-guide__portrait[b-0c1m4wkvj0] { animation: vk-jump-b-0c1m4wkvj0 1.2s ease-out 1; }
.is-celebrating .vk-guide__arm[b-0c1m4wkvj0] { animation: vk-cheer-b-0c1m4wkvj0 1.2s ease-out 1; }
.vk-guide__stars[b-0c1m4wkvj0] { position: absolute; inset: 0 -15px auto; color: #ce8b08; font-size: 1.2rem; text-align: center; animation: vk-stars-b-0c1m4wkvj0 1.2s ease-out 1 both; pointer-events: none; }
.vk-guide__stars b[b-0c1m4wkvj0] { display: inline-block; margin: -12px .5rem 0; font-size: 1.6rem; }
@keyframes vk-antenna-b-0c1m4wkvj0 { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(3deg); } }
@keyframes vk-wave-b-0c1m4wkvj0 { 20%, 60% { transform: rotate(-13deg); } 40%, 80% { transform: rotate(5deg); } }
@keyframes vk-greet-b-0c1m4wkvj0 { 40% { transform: rotate(-3deg) translateY(-3px); } }
@keyframes vk-jump-b-0c1m4wkvj0 { 25%, 60% { transform: translateY(-8px) rotate(-2deg); } 40%, 100% { transform: none; } }
@keyframes vk-cheer-b-0c1m4wkvj0 { 25%, 60% { transform: rotate(-20deg); } 100% { transform: none; } }
@keyframes vk-stars-b-0c1m4wkvj0 { from { opacity: 0; transform: translateY(10px) scale(.8); } 30% { opacity: 1; } to { opacity: 0; transform: translateY(-30px) scale(1.15); } }
.state-attention .vk-guide__portrait[b-0c1m4wkvj0] { animation: vk-attention-b-0c1m4wkvj0 .45s ease-out 1; }
.state-moving .vk-guide__arm[b-0c1m4wkvj0] { animation: vk-wave-b-0c1m4wkvj0 .7s ease-in-out 1; }
.state-rest .vk-guide__portrait[b-0c1m4wkvj0], .state-rest .vk-guide__antenna[b-0c1m4wkvj0] { animation: none !important; }
@keyframes vk-attention-b-0c1m4wkvj0 { 50% { transform: rotate(-3deg); } }
@media (prefers-reduced-motion: reduce) { *[b-0c1m4wkvj0], *[b-0c1m4wkvj0]::before { animation: none !important; transition: none !important; } .vk-guide__stars[b-0c1m4wkvj0] { opacity: 0; } }
/* /Components/Practica/Alumno/MapaAventuraGuiada.razor.rz.scp.css */
.adventure-map[b-6xcmqyfywr] { min-width: 0; border: 1px solid #bddde8; border-radius: 20px; background: #fff; overflow: hidden; color: #133d58; }
.adventure-map__heading[b-6xcmqyfywr] { padding: 1.15rem 1.15rem .65rem; }
.adventure-map__heading > p[b-6xcmqyfywr] { margin: 0 0 .2rem; color: #08767c; font-size: .58rem; font-weight: 800; letter-spacing: .12em; }
.adventure-map__heading > h3[b-6xcmqyfywr] { margin: 0 0 .4rem; color: #133d58; font-size: 1.4rem; font-weight: 800; }
.adventure-map__heading > span[b-6xcmqyfywr] { display: block; color: #496b7c; font-size: .78rem; line-height: 1.5; }
.adventure-map__legend[b-6xcmqyfywr] { display: flex; flex-wrap: wrap; gap: .45rem .75rem; padding: 0 1.15rem .85rem; color: #426779; font-size: .6rem; }
.adventure-map__legend i[b-6xcmqyfywr] { color: #087d83; }
.adventure-map__scroll[b-6xcmqyfywr] { max-height: 500px; overflow: auto; margin: 0 .6rem; border: 1px solid #b6e2e8; border-radius: 15px; background: radial-gradient(ellipse at 8% 15%, #ffffff65 0 5%, transparent 5.5%), radial-gradient(ellipse at 95% 60%, #c2eaf140 0 9%, transparent 9.5%), linear-gradient(#91ddf3, #53cbe6 55%, #72ddd9); scrollbar-color: #358fa9 #c7f2f6; }
.adventure-map__world[b-6xcmqyfywr] { position: relative; min-width: 230px; }
.adventure-map__landscape[b-6xcmqyfywr] { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.adventure-map__path[b-6xcmqyfywr] { stroke: #fff; stroke-width: 3; stroke-dasharray: 5 6; fill: none; vector-effect: non-scaling-stroke; }
.adventure-map__path.is-complete[b-6xcmqyfywr] { stroke: #208c74; stroke-dasharray: none; }
.adventure-map__node[b-6xcmqyfywr] { display: block; position: absolute; width: 48%; max-width: 174px; height: 120px; padding: 0; border: 0; border-radius: 22px; background: transparent; color: #fff; transform: translate(-50%, -75%); font-size: .85rem; font-weight: 800; transition: scale .18s; }
.adventure-map__island[b-6xcmqyfywr] { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; filter: drop-shadow(0 6px 4px #136f8626); }
.adventure-map__badge[b-6xcmqyfywr] { display: grid; place-items: center; position: absolute; right: 6%; bottom: 8%; width: 36px; height: 36px; border: 3px solid #fff; border-radius: 50%; background: #247da2; color: #fff; box-shadow: 0 2px 5px #18566e40; }
.adventure-map__node:hover[b-6xcmqyfywr] { scale: 1.04; }
.adventure-map__node:active[b-6xcmqyfywr] { scale: .96; }
.adventure-map__node.is-selected .adventure-map__island[b-6xcmqyfywr] { filter: drop-shadow(0 0 3px #fff) drop-shadow(0 3px 5px #09658c); }
.adventure-map__node.is-selected .adventure-map__badge[b-6xcmqyfywr] { outline: 3px solid #155d8d; outline-offset: 3px; }
.adventure-map__node:focus-visible[b-6xcmqyfywr] { outline: 3px solid #155d8d; outline-offset: 3px; }
.adventure-map__node.is-current .adventure-map__badge[b-6xcmqyfywr] { background: #058b85; }
.adventure-map__node.is-current .adventure-map__badge[b-6xcmqyfywr]::after { content: ""; position: absolute; inset: -8px; border: 2px solid #078f8b; border-radius: 50%; pointer-events: none; animation: map-attention-b-6xcmqyfywr 4s ease-out 3; }
.adventure-map__node.state-completada .adventure-map__badge[b-6xcmqyfywr] { background: #258f68; }
.adventure-map__node.state-bloqueada .adventure-map__badge[b-6xcmqyfywr] { background: #526f83; }
.adventure-map__node.state-sincontenido .adventure-map__badge[b-6xcmqyfywr] { background: #f6fbfc; color: #567484; }
.adventure-map__node i[b-6xcmqyfywr] { font-size: 1.2rem; }
.adventure-map__guide[b-6xcmqyfywr] { position: absolute; width: 55px; height: 70px; pointer-events: none; transform: translate(-50%, -50%); transition: left .8s ease-in-out, top .8s ease-in-out; }
.adventure-map__guide.is-moving[b-6xcmqyfywr] { animation: map-guide-travel-b-6xcmqyfywr .9s cubic-bezier(.3, 0, .3, 1) 1 both; }
@keyframes map-guide-travel-b-6xcmqyfywr { from { left: var(--guide-from-left); top: var(--guide-from-top); opacity: .7; } to { left: var(--guide-to-left); top: var(--guide-to-top); opacity: 1; } }
.adventure-map__finish[b-6xcmqyfywr] { position: absolute; left: 0; width: 100%; color: #306a7d; font-size: .65rem; text-align: center; }
.adventure-map__selection[b-6xcmqyfywr] { padding: 1rem 1.15rem; }
.adventure-map__preview[b-6xcmqyfywr] { display: none; }
.adventure-map__selection > small[b-6xcmqyfywr] { color: #08767c; font-size: .6rem; letter-spacing: .08em; font-weight: 800; }
.adventure-map__selection > h4[b-6xcmqyfywr] { margin: .4rem 0; color: #133d58; font-size: 1rem; line-height: 1.4; font-weight: 800; }
.adventure-map__selection > p[b-6xcmqyfywr] { margin: 0 0 .35rem; font-size: .75rem; color: #496b7c; line-height: 1.5; }
.adventure-map__selection > span[b-6xcmqyfywr] { display: block; color: #496b7c; font-size: .7rem; line-height: 1.6; }
.adventure-map__start[b-6xcmqyfywr] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; width: 100%; min-height: 44px; margin-top: .8rem; padding: .6rem .85rem; border: 0; border-bottom: 3px solid #075966; border-radius: 11px; background: #087d83; color: #fff; font-weight: 800; font-size: .8rem; }
.adventure-map__start:disabled[b-6xcmqyfywr] { opacity: .6; }
.is-expanded .adventure-map__scroll[b-6xcmqyfywr] { max-height: 58vh; }
.is-expanded[b-6xcmqyfywr] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(200px, .7fr); }
.is-expanded .adventure-map__heading[b-6xcmqyfywr], .is-expanded .adventure-map__legend[b-6xcmqyfywr] { grid-column: 1 / -1; }
.is-expanded .adventure-map__selection[b-6xcmqyfywr] { align-self: start; }
.is-expanded .adventure-map__node[b-6xcmqyfywr] { max-width: 220px; height: 150px; }
.is-expanded .adventure-map__preview[b-6xcmqyfywr] { display: block; width: 100%; max-width: 220px; height: auto; margin: 0 auto .75rem; }
@keyframes map-attention-b-6xcmqyfywr { 0%, 40%, 100% { transform: scale(1); opacity: .5; } 65% { transform: scale(1.3); opacity: 0; } }
@media (max-width: 600px) { .is-expanded[b-6xcmqyfywr] { display: block; } .is-expanded .adventure-map__scroll[b-6xcmqyfywr] { max-height: min(42dvh, 340px); } .is-expanded .adventure-map__preview[b-6xcmqyfywr] { display: none; } }
@media (prefers-reduced-motion: reduce) { *[b-6xcmqyfywr], *[b-6xcmqyfywr]::after { transition: none !important; animation: none !important; } }
/* /Components/Practica/Alumno/PanelAyudasReto.razor.rz.scp.css */
.pa-help-panel[b-11k5b2juas] { position: absolute; top: .5rem; right: .5rem; z-index: 20; color: #193c61; }
.pa-help-panel__toggle[b-11k5b2juas] { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #a8c4df; border-radius: 50%; color: #17558d; background: #f0f7ff; font-size: 1.5rem; }
.pa-help-panel__content[b-11k5b2juas] { position: absolute; top: 50px; right: 0; width: min(320px, 80vw); max-height: 60vh; overflow: auto; padding: 1rem; border: 1px solid #b9d5ef; border-radius: 12px; background: #fff; box-shadow: 0 8px 28px #193c6126; }
.pa-help-panel__content:popover-open[b-11k5b2juas] { position: fixed; margin: 0; inset: auto; }
.pa-help-panel[b-11k5b2juas]  .pa-help-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .5rem; }
.pa-help-panel[b-11k5b2juas]  .pa-help-content { padding-top: .6rem; font-size: .9rem; }
.pa-help-panel button:focus-visible[b-11k5b2juas] { outline: 2px solid #196cc2; outline-offset: 3px; }
.pa-help-panel__toggle[aria-expanded=true][b-11k5b2juas] { border-color: #196cc2; background: #deedfc; box-shadow: 0 0 0 2px #196cc222; }
/* /Components/Practica/Alumno/PresentacionPractica.razor.rz.scp.css */
.practice-welcome[b-d8xz02r36d] { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 180px; align-items: center; gap: 2rem; padding: clamp(1.5rem, 4vw, 3rem); overflow: hidden; border: 1px solid #b7dfe7; border-radius: 24px; background: #f5fcff; color: #133d58; animation: welcome-arrive-b-d8xz02r36d .45s ease-out; }
.practice-welcome[b-d8xz02r36d]::before { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .15; background: url('/images/practica/learning-trail.svg') center right / cover; }
.practice-welcome__eyebrow[b-d8xz02r36d] { margin: 0 0 .75rem; color: #087d83; font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.practice-welcome h1[b-d8xz02r36d] { margin: 0 0 .8rem; font-size: clamp(1.8rem, 3.5vw, 3rem); font-weight: 800; color: #103752; line-height: 1.15; }
.practice-welcome p:not(.practice-welcome__eyebrow)[b-d8xz02r36d] { color: #42677b; font-size: .95rem; line-height: 1.65; }
.practice-welcome__context[b-d8xz02r36d] { font-weight: 700; }
.practice-welcome__facts[b-d8xz02r36d] { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.2rem 0; }
.practice-welcome__facts > span[b-d8xz02r36d] { display: inline-flex; gap: .4rem; align-items: center; padding: .6rem .75rem; border: 1px solid #c6e1e7; border-radius: 10px; background: #ffffffcf; color: #245871; font-size: .75rem; }
.practice-welcome__facts i[b-d8xz02r36d] { color: #087d83; }
.practice-welcome .practice-welcome__activity[b-d8xz02r36d] { font-size: .8rem; }
.practice-welcome__actions[b-d8xz02r36d] { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.3rem; }
.practice-welcome__start[b-d8xz02r36d], .practice-welcome__skip[b-d8xz02r36d] { min-height: 48px; padding: .7rem 1rem; border-radius: 12px; font-weight: 800; font-size: .85rem; }
.practice-welcome__start[b-d8xz02r36d] { display: inline-flex; gap: 1.2rem; align-items: center; justify-content: center; min-width: 170px; border: 0; border-bottom: 4px solid #075866; background: #087d83; color: #fff; }
.practice-welcome__skip[b-d8xz02r36d] { border: 1px solid #accfdc; background: #ffffffcf; color: #17677d; }
@keyframes welcome-arrive-b-d8xz02r36d { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 600px) { .practice-welcome[b-d8xz02r36d] { grid-template-columns: minmax(0, 1fr); padding: 1.25rem; gap: 1rem; } .practice-welcome__guide[b-d8xz02r36d] { width: 65px; position: absolute; top: 1rem; right: 1rem; } .practice-welcome__guide[b-d8xz02r36d]  .vk-guide__message { display: none; } .practice-welcome h1[b-d8xz02r36d] { padding-right: 65px; } .practice-welcome__eyebrow[b-d8xz02r36d] { max-width: 70%; font-size: .55rem; } .practice-welcome__actions > button[b-d8xz02r36d] { width: 100%; } }
@media (prefers-reduced-motion: reduce) { *[b-d8xz02r36d], *[b-d8xz02r36d]::before { animation: none !important; transition: none !important; } }
/* /Components/Practica/Alumno/ProgresoMinijuego.razor.rz.scp.css */
.game-progress[b-15mc2jyb8v] { padding: 1rem 1.2rem; border: 1px solid #bfdee3; border-radius: 18px; background: #f0f9fc; color: #123c56; }
.game-progress__heading[b-15mc2jyb8v] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-weight: 800; }
.game-progress__heading i[b-15mc2jyb8v] { margin-right: .35rem; color: #087d83; }
.game-progress__heading strong[b-15mc2jyb8v] { font-size: 1.4rem; white-space: nowrap; }
.game-progress__heading small[b-15mc2jyb8v] { font-size: .85rem; color: #496879; }
progress[b-15mc2jyb8v] { display: block; width: 100%; height: 10px; margin: .65rem 0; overflow: hidden; border: 0; border-radius: 20px; background: #d6e8ee; accent-color: #079981; }
progress[b-15mc2jyb8v]::-webkit-progress-bar { background: #d6e8ee; border-radius: 20px; }
progress[b-15mc2jyb8v]::-webkit-progress-value { background: linear-gradient(90deg, #008d8c, #19bd90); border-radius: 20px; transition: width .35s ease; }
progress[b-15mc2jyb8v]::-moz-progress-bar { background: #079981; border-radius: 20px; }
p[b-15mc2jyb8v] { min-height: 1.5em; margin: 0; font-size: .85rem; line-height: 1.5; color: #355b6b; }
.is-complete[b-15mc2jyb8v] { border-color: #86cdb0; background: #e6f8ef; }
@media (prefers-reduced-motion: reduce) { progress[b-15mc2jyb8v]::-webkit-progress-value { transition: none; } }
/* /Components/Practica/Alumno/RecorridoPracticaGuiada.razor.rz.scp.css */
.guided-journey[b-gdyysl8mca] { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 1rem; min-width: 0; margin-top: 1rem; color: #133d58; align-items: start; }
.guided-journey__aside[b-gdyysl8mca] { position: sticky; top: 90px; min-width: 0; }
.guided-journey__views[b-gdyysl8mca] { display: none; }
.guided-journey__objective[b-gdyysl8mca] { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; padding: 1rem 1.2rem; border: 1px solid #b6dbde; border-radius: 17px; background: linear-gradient(110deg, #edf9f4, #f8fcff); }
.guided-journey__objective > div[b-gdyysl8mca] { flex: 1; min-width: 180px; }
.guided-journey__objective small[b-gdyysl8mca] { color: #08767c; font-size: .6rem; letter-spacing: .1em; font-weight: 800; }
.guided-journey__objective h2[b-gdyysl8mca] { margin: .2rem 0; color: #133d58; font-size: 1.2rem; font-weight: 800; }
.guided-journey__objective p[b-gdyysl8mca] { margin: 0; color: #496b7c; font-size: .75rem; line-height: 1.5; }
.guided-journey__objective-icon[b-gdyysl8mca] { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border-radius: 50%; background: #d1efe6; color: #087d83; font-size: 1.65rem; }
.guided-journey__objective-start[b-gdyysl8mca] { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 44px; padding: .6rem 1rem; border: 0; border-bottom: 3px solid #075966; border-radius: 11px; background: #087d83; color: #fff; font-size: .8rem; font-weight: 800; }
.guided-journey__objective-start:disabled[b-gdyysl8mca] { opacity: .6; }
.guided-journey__locate[b-gdyysl8mca] { min-height: 44px; padding: .5rem; border: 0; background: transparent; color: #176c7f; font-size: .75rem; font-weight: 800; }
.guided-journey__celebration[b-gdyysl8mca] { grid-column: 1 / -1; display: flex; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid #a3d6b5; border-radius: 18px; background: #e8f9ee; color: #175f44; animation: guided-achievement-b-gdyysl8mca .4s ease-out; }
.guided-journey__celebration-guide[b-gdyysl8mca] { width: 55px; flex: 0 0 55px; }
.guided-journey__celebration > div[b-gdyysl8mca] { min-width: 0; flex: 1; }
.guided-journey__celebration small[b-gdyysl8mca] { display: block; font-size: .6rem; font-weight: 800; letter-spacing: .08em; }
.guided-journey__celebration strong[b-gdyysl8mca] { display: block; margin-top: .3rem; font-size: 1rem; }
.guided-journey__celebration p[b-gdyysl8mca] { margin: .35rem 0 0; font-size: .75rem; line-height: 1.5; }
.guided-journey__celebration > button[b-gdyysl8mca] { flex: 0 0 44px; height: 44px; border: 0; border-radius: 10px; background: #ffffff99; color: #175f44; font-size: 1.3rem; }
@keyframes guided-achievement-b-gdyysl8mca { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.guided-journey__explore[b-gdyysl8mca] { display: flex; width: 100%; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; margin-top: .6rem; padding: .7rem; border: 1px solid #9fcbd9; border-radius: 12px; background: #fff; color: #156d82; font-size: .8rem; font-weight: 800; }
.guided-journey__dialog[b-gdyysl8mca] { width: min(950px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); padding: 1rem; overflow: auto; border: 1px solid #a9d2df; border-radius: 22px; background: #f5fbfd; color: #133d58; box-shadow: 0 20px 80px #073b5b40; }
.guided-journey__dialog[b-gdyysl8mca]::backdrop { background: #062e4b99; }
.guided-journey__dialog-heading[b-gdyysl8mca] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .85rem; }
.guided-journey__dialog-heading h2[b-gdyysl8mca] { margin: 0; color: #133d58; font-size: 1.2rem; font-weight: 800; }
.guided-journey__dialog-heading button[b-gdyysl8mca] { width: 44px; height: 44px; border: 1px solid #b4d7e3; border-radius: 12px; background: #fff; color: #155d7b; font-size: 1.4rem; }
.guided-journey__levels[b-gdyysl8mca] { display: grid; gap: 1rem; min-width: 0; }
.guided-journey:not(:has(.guided-journey__aside))[b-gdyysl8mca] { grid-template-columns: minmax(0, 1fr); }
.journey-level[b-gdyysl8mca] { min-width: 0; border: 1px solid #c3dfe9; border-radius: 20px; background: #fff; box-shadow: 0 6px 16px #174f6508; overflow: hidden; }
.journey-level__heading[b-gdyysl8mca], .journey-lesson__heading[b-gdyysl8mca] { margin: 0; font: inherit; }
.journey-level__toggle[b-gdyysl8mca], .journey-lesson__toggle[b-gdyysl8mca] { display: flex; align-items: center; gap: 1rem; width: 100%; padding: 1rem; border: 0; background: #f8fcff; color: #133d58; text-align: left; cursor: pointer; }
.journey-level__toggle:hover[b-gdyysl8mca], .journey-lesson__toggle:hover[b-gdyysl8mca] { background: #edf8fc; }
.journey-level__image[b-gdyysl8mca] { width: 108px; height: 78px; object-fit: cover; border-radius: 12px; }
.journey-level__name[b-gdyysl8mca], .journey-lesson__name[b-gdyysl8mca] { min-width: 0; display: grid; gap: .2rem; flex: 1; }
.journey-level__name > small[b-gdyysl8mca], .journey-lesson__name > small[b-gdyysl8mca] { font-size: .62rem; color: #08767c; font-weight: 800; letter-spacing: .07em; }
.journey-level__name > strong[b-gdyysl8mca] { font-size: 1.4rem; line-height: 1.2; overflow-wrap: anywhere; }
.journey-level__name > span[b-gdyysl8mca], .journey-lesson__name > span[b-gdyysl8mca] { color: #496b7c; font-size: .75rem; }
.journey-level__progress[b-gdyysl8mca] { display: grid; gap: .3rem; width: 205px; max-width: 28%; flex: 0 0 auto; }
.journey-level__progress > strong[b-gdyysl8mca] { font-size: 1.25rem; color: #08767c; }
.journey-level__progress > small[b-gdyysl8mca] { color: #496b7c; font-size: .7rem; }
progress[b-gdyysl8mca] { display: block; width: 100%; height: 8px; border: 0; border-radius: 20px; overflow: hidden; background: #d9eaf0; accent-color: #0d9b82; }
progress[b-gdyysl8mca]::-webkit-progress-bar { background: #d9eaf0; border-radius: 20px; }
progress[b-gdyysl8mca]::-webkit-progress-value { background: linear-gradient(90deg, #07908b, #36bf91); border-radius: 20px; transition: width .4s; }
progress[b-gdyysl8mca]::-moz-progress-bar { background: #0d9b82; border-radius: 20px; }
.journey-chevron[b-gdyysl8mca] { display: grid; place-items: center; flex: 0 0 32px; height: 32px; border-radius: 50%; background: #e6f4fc; color: #186795; font-size: 1.25rem; transition: transform .28s; }
.is-open > .journey-level__heading .journey-chevron[b-gdyysl8mca], .is-open > .journey-lesson__heading .journey-chevron[b-gdyysl8mca] { transform: rotate(180deg); }
.journey-collapse[b-gdyysl8mca] { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .28s ease, opacity .25s ease; }
.is-open > .journey-collapse[b-gdyysl8mca] { grid-template-rows: 1fr; opacity: 1; }
.journey-collapse__inner[b-gdyysl8mca] { min-height: 0; overflow: hidden; }
.journey-lessons[b-gdyysl8mca] { display: grid; gap: .7rem; padding: 1rem; border-top: 1px solid #d5e7ed; }
.journey-lesson[b-gdyysl8mca] { min-width: 0; border: 1px solid #d3e5ed; border-radius: 15px; overflow: hidden; transition: box-shadow .18s, border-color .18s; }
.journey-lesson:hover[b-gdyysl8mca] { border-color: #8ebed0; box-shadow: 0 5px 15px #1a65730b; }
.journey-lesson.is-complete[b-gdyysl8mca] { border-color: #9acfb5; }
.journey-lesson.is-complete .journey-lesson__art[b-gdyysl8mca] { background: #d7f1e3; }
.journey-lesson__toggle[b-gdyysl8mca] { gap: .75rem; padding: .8rem; background: #fcfeff; }
.journey-lesson__art[b-gdyysl8mca] { position: relative; display: grid; place-items: center; flex: 0 0 64px; height: 58px; border-radius: 11px; overflow: hidden; background: linear-gradient(145deg, #ddf6f2, #bce5ed); color: #218f8b; }
.journey-lesson__art > img[b-gdyysl8mca] { display: block; width: 100%; height: 100%; object-fit: contain; }
.journey-lesson__name strong[b-gdyysl8mca] { font-size: 1rem; line-height: 1.35; overflow-wrap: anywhere; }
.journey-lesson__progress[b-gdyysl8mca] { display: grid; gap: .4rem; flex: 0 0 150px; color: #496b7c; font-size: .67rem; }
.journey-classes[b-gdyysl8mca] { position: relative; display: grid; gap: .7rem; list-style: none; padding: .8rem; margin: 0; }
.journey-classes[b-gdyysl8mca]::before { content: ""; position: absolute; left: 44px; top: 2rem; bottom: 2rem; border-left: 2px dashed #9cd6d2; }
.journey-classes > li[b-gdyysl8mca] { position: relative; min-width: 0; scroll-margin-top: 90px; }
.is-open > .journey-collapse > .journey-collapse__inner > .journey-classes > li[b-gdyysl8mca] { animation: mission-enter-b-gdyysl8mca .25s ease-out both; }
@keyframes mission-enter-b-gdyysl8mca { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@media (max-width: 1100px) { .guided-journey[b-gdyysl8mca] { grid-template-columns: minmax(0, 1fr) 270px; } .journey-level__image[b-gdyysl8mca] { display: none; } .journey-lesson__progress[b-gdyysl8mca] { flex-basis: 100%; grid-template-columns: auto 1fr; align-items: center; } .journey-lesson__toggle[b-gdyysl8mca] { flex-wrap: wrap; } }
@media (max-width: 900px) { .guided-journey[b-gdyysl8mca] { grid-template-columns: minmax(0, 1fr); } .guided-journey__views[b-gdyysl8mca] { display: flex; gap: .5rem; padding: .3rem; border: 1px solid #c4dfe9; border-radius: 13px; background: #eaf5fa; } .guided-journey__views button[b-gdyysl8mca] { flex: 1; min-height: 44px; border: 0; border-radius: 10px; background: transparent; color: #3f657a; font-size: .85rem; font-weight: 800; } .guided-journey__views button[aria-pressed=true][b-gdyysl8mca] { background: #fff; color: #08767c; box-shadow: 0 3px 8px #16485b12; } .guided-journey__aside[b-gdyysl8mca] { position: static; display: none; } .is-map-view .guided-journey__levels[b-gdyysl8mca] { display: none; } .is-map-view .guided-journey__aside[b-gdyysl8mca] { display: block; } }
@media (max-width: 760px) { .journey-level__image[b-gdyysl8mca] { width: 70px; height: 64px; } .journey-level__toggle[b-gdyysl8mca] { flex-wrap: wrap; gap: .7rem; } .journey-level__progress[b-gdyysl8mca] { flex-basis: 100%; max-width: 100%; width: 100%; grid-template-columns: auto 1fr; align-items: center; } .journey-level__progress small[b-gdyysl8mca] { grid-column: 2; } .journey-level__name strong[b-gdyysl8mca] { font-size: 1.2rem; } .journey-lessons[b-gdyysl8mca] { padding: .65rem; } .journey-lesson__toggle[b-gdyysl8mca] { flex-wrap: wrap; gap: .6rem; } .journey-lesson__art[b-gdyysl8mca] { flex-basis: 44px; height: 52px; } .journey-lesson__progress[b-gdyysl8mca] { flex: 1 1 100%; grid-template-columns: auto 1fr; align-items: center; } }
@media (prefers-reduced-motion: reduce) { *[b-gdyysl8mca], *[b-gdyysl8mca]::before { transition: none !important; animation: none !important; } }
/* /Components/Practica/Alumno/RecorridoRetos.razor.rz.scp.css */
.challenge-path[b-a3vr43aghq] { padding: .5rem .75rem; border: 1px solid #c9dfe9; border-radius: 15px; background: #f5fbfe; color: #123d59; }
.challenge-path__counts[b-a3vr43aghq] { margin: .25rem 0 0; font-size: .72rem; color: #47687b; }
.challenge-path__detail[b-a3vr43aghq] { flex-wrap: wrap; }
.challenge-path__detail[b-a3vr43aghq]  .pa-contextual-help { flex: 1 0 100%; }
.challenge-path__heading[b-a3vr43aghq] { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; font-size: .75rem; }
.challenge-path__heading strong[b-a3vr43aghq] { color: #47687b; font-weight: 500; }
progress[b-a3vr43aghq] { display: block; width: 100%; height: 9px; border: 0; border-radius: 20px; overflow: hidden; background: #d8e8ef; accent-color: #0d9e8a; }
progress[b-a3vr43aghq]::-webkit-progress-bar { background: #d8e8ef; border-radius: 20px; }
progress[b-a3vr43aghq]::-webkit-progress-value { border-radius: 20px; background: linear-gradient(90deg, #078e9b, #22bd95); transition: width .4s ease; }
progress[b-a3vr43aghq]::-moz-progress-bar { background: #0d9e8a; }
ol[b-a3vr43aghq] { display: flex; align-items: center; gap: .4rem; list-style: none; margin: .6rem 0 0; padding: 0 0 .25rem; max-width: 100%; overflow-x: auto; }
li[b-a3vr43aghq] { position: relative; flex: 0 0 44px; }
li + li[b-a3vr43aghq]::before { content: ''; position: absolute; top: 50%; right: 100%; width: .4rem; border-top: 2px solid #c6dce7; }
li > span[b-a3vr43aghq], li > button[b-a3vr43aghq] { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #bfd7e3; border-radius: 50%; background: #fff; color: #42657b; font-size: .78rem; font-weight: 800; }
.state-actual > span[b-a3vr43aghq] { border: 3px solid #07988f; color: #075b68; background: #e3f7f2; }
.state-correcto > button[b-a3vr43aghq] { border-color: #1d8e66; background: #e0f5e8; color: #176b4f; }
.state-omitido > button[b-a3vr43aghq] { border-style: dashed; background: #edf2f5; color: #536c7b; }
.state-intentosagotados > button[b-a3vr43aghq] { border-color: #b87551; background: #fff2e6; color: #8a472c; }
.state-resueltosindetalle > span[b-a3vr43aghq] { background: #e8f0f5; color: #31576d; }
.challenge-path__detail[b-a3vr43aghq] { display: flex; align-items: center; gap: .75rem; margin-top: .5rem; padding: .7rem; border-radius: 10px; background: #eaf5fa; }
.challenge-path__detail p[b-a3vr43aghq] { flex: 1; margin: 0; font-size: .75rem; }
.challenge-path__detail span[b-a3vr43aghq] { display: block; margin-top: .25rem; color: #47687b; }
.challenge-path__detail button[b-a3vr43aghq] { width: 44px; height: 44px; border: 0; background: transparent; color: #13556f; font-size: 1.4rem; }
@media (max-width: 600px) { .challenge-path__heading[b-a3vr43aghq] { font-size: .68rem; } .challenge-path__nodes[b-a3vr43aghq] { gap: .25rem; margin-top: .35rem; } .challenge-path__nodes li[b-a3vr43aghq] { flex-basis: 32px; } .challenge-path__nodes li > span[b-a3vr43aghq], .challenge-path__nodes li > button[b-a3vr43aghq] { width: 32px; height: 32px; } }
@media (prefers-reduced-motion: reduce) { progress[b-a3vr43aghq]::-webkit-progress-value { transition: none; } }
/* /Components/Practica/Alumno/RespuestaConfirmada.razor.rz.scp.css */
.confirmed-answer[b-tdkwhysdg4] { margin-top: 1rem; color: #355c72; }
.confirmed-answer__label[b-tdkwhysdg4] { margin: 0 0 .6rem; font-size: .65rem; font-weight: 800; letter-spacing: .08em; }
.confirmed-answer__word[b-tdkwhysdg4] { padding: 1rem; border-radius: 12px; background: #eff7fb; font-size: 1.3rem; font-weight: 800; overflow-wrap: anywhere; }
.is-correct .confirmed-answer__word[b-tdkwhysdg4] { background: #e7f8ed; color: #176c50; }
ul[b-tdkwhysdg4] { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.confirmed-answer__pairs li[b-tdkwhysdg4] { display: grid; grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr); align-items: center; gap: .5rem; border: 1px solid #c9e0e8; border-radius: 10px; padding: .7rem; background: #f3f9fc; font-size: .85rem; overflow-wrap: anywhere; }
.confirmed-answer__pairs i[b-tdkwhysdg4] { text-align: center; color: #41758a; }
.confirmed-answer__explanation[b-tdkwhysdg4] { grid-column: 1 / -1; margin: .2rem 0 0; padding-top: .5rem; border-top: 1px solid #bddce1; font-size: .85rem; line-height: 1.5; font-weight: 400; }
.is-correct li[b-tdkwhysdg4] { border-color: #a5d8bd; background: #effaf3; }
.is-correct li i[b-tdkwhysdg4] { color: #1b7a55; animation: confirmed-stamp-b-tdkwhysdg4 .4s ease-out; }
.confirmed-answer__words[b-tdkwhysdg4] { display: flex; flex-wrap: wrap; }
.confirmed-answer__words li[b-tdkwhysdg4] { border: 1px solid #bddce1; border-radius: 10px; padding: .6rem .8rem; font-size: .85rem; }
@keyframes confirmed-stamp-b-tdkwhysdg4 { from { opacity: 0; transform: scale(.8); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { *[b-tdkwhysdg4] { animation: none !important; } }
/* /Components/Practica/Alumno/ResultadoReto.razor.rz.scp.css */
.challenge-result[b-moc7wda26w] { max-width: 780px; margin: .6rem auto; padding: clamp(1rem, 2vw, 1.4rem); border: 1px solid #bcdce7; border-radius: 22px; background: #fff; color: #143d58; animation: result-arrive-b-moc7wda26w .16s ease-out; }
.challenge-result__saved[b-moc7wda26w] { color: #176b4f; font-size: .85rem; margin: .5rem 0; }
.challenge-result__scoring[b-moc7wda26w] { font-size: .85rem; padding: .6rem; border-left: 3px solid #e0ae49; background: #fff8e7; color: #65501f; }
.challenge-result__heading[b-moc7wda26w] { display: flex; gap: 1rem; align-items: center; }
.challenge-result__guide[b-moc7wda26w] { flex: 0 0 56px; width: 56px; margin-left: auto; }
.challenge-result__milestone[b-moc7wda26w] { padding: .7rem 1rem; margin: 1rem 0; border: 1px solid #a6d8bc; border-radius: 10px; background: #e8f8ee; color: #216348; font-size: .8rem; }
.challenge-result__heading p[b-moc7wda26w] { margin: 0 0 .3rem; color: #417182; font-size: .65rem; font-weight: 800; letter-spacing: .1em; }
.challenge-result h1[b-moc7wda26w] { margin: 0; color: #123d59; font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 800; }
.challenge-result__icon[b-moc7wda26w] { display: grid; place-items: center; flex: 0 0 60px; height: 60px; border-radius: 50%; background: #fff0e3; color: #9d5632; font-size: 1.8rem; }
.is-correct .challenge-result__icon[b-moc7wda26w] { color: #176d50; background: #dff5e8; }
.is-skipped .challenge-result__icon[b-moc7wda26w] { color: #4c6a7c; background: #edf2f5; }
.challenge-result__message[b-moc7wda26w] { margin: 1.2rem 0; color: #42677b; line-height: 1.7; white-space: pre-wrap; }
dl[b-moc7wda26w] { display: flex; flex-wrap: wrap; gap: .65rem; margin: 1rem 0; }
dl > div[b-moc7wda26w] { flex: 1 1 130px; padding: .85rem; border: 1px solid #d5e5ed; border-radius: 12px; background: #f5fafc; }
dt[b-moc7wda26w] { color: #4b6c7e; font-size: .7rem; font-weight: 500; }
dd[b-moc7wda26w] { margin: .2rem 0 0; color: #123d59; font-size: 1.35rem; font-weight: 800; }
.challenge-result__solution[b-moc7wda26w] { padding: 1rem; margin-top: 1rem; border-left: 3px solid #289aa1; border-radius: 10px; background: #edf8fb; }
.challenge-result__solution strong[b-moc7wda26w] { color: #146c7c; font-size: .75rem; }
.challenge-result__solution p[b-moc7wda26w] { margin: .4rem 0 0; color: #355c72; line-height: 1.6; white-space: pre-wrap; }
.challenge-result__continue[b-moc7wda26w] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; min-height: 50px; margin-top: 1.4rem; padding: .8rem 1rem; border: 0; border-bottom: 4px solid #075966; border-radius: 12px; background: #087d83; color: #fff; font-weight: 800; }
@keyframes result-arrive-b-moc7wda26w { from { opacity: 0; transform: translateY(6px) scale(.99); } to { opacity: 1; transform: none; } }
@media (max-width: 440px) { .challenge-result__heading[b-moc7wda26w] { gap: .6rem; } .challenge-result__icon[b-moc7wda26w] { flex-basis: 42px; height: 42px; font-size: 1.3rem; } .challenge-result__guide[b-moc7wda26w] { flex-basis: 40px; width: 40px; } .challenge-result__heading h1[b-moc7wda26w] { font-size: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { *[b-moc7wda26w] { animation: none !important; transition: none !important; } }
/* /Components/Practica/Alumno/ResumenResultadoGuiado.razor.rz.scp.css */
.guided-completion[b-12tr7nrzqq] { display: flex; align-items: center; gap: 1rem; margin: 1.5rem 0; padding: 1.2rem; border: 1px solid #abd9bf; border-radius: 18px; background: #edf9f3; text-align: left; color: #194b46; }
.guided-completion__guide[b-12tr7nrzqq] { flex: 0 0 70px; }
.guided-completion__guide[b-12tr7nrzqq] { position: relative; }
.guided-completion__flag[b-12tr7nrzqq] { display: none; }
.is-class-complete[b-12tr7nrzqq] { border-color: #79bba4; background: #edf9f3 url('/images/practica/learning-trail.svg') right bottom / auto 100% no-repeat; }
.is-class-complete > div[b-12tr7nrzqq] { padding: .5rem; border-radius: 10px; background: #edf9f3f5; min-width: 0; }
.is-class-complete .guided-completion__flag[b-12tr7nrzqq] { display: block; margin-top: .5rem; color: #1f7360; text-align: center; font-size: 1.7rem; }
.is-new-completion[b-12tr7nrzqq] { animation: class-arrive-b-12tr7nrzqq .6s ease-out; }
.guided-completion__progress[b-12tr7nrzqq] { display: grid; gap: .45rem; margin: 1rem 0 .7rem; }
.guided-completion__progress strong[b-12tr7nrzqq] { font-size: .8rem; }
.guided-completion__progress span[b-12tr7nrzqq] { color: #426f72; font-size: .72rem; line-height: 1.6; }
progress[b-12tr7nrzqq] { width: 100%; height: 10px; accent-color: #168568; border: 0; border-radius: 20px; overflow: hidden; }
.guided-completion .guided-completion__scope[b-12tr7nrzqq] { font-size: .7rem; color: #497173; }
.guided-completion__retry[b-12tr7nrzqq] { margin-top: .6rem; min-height: 44px; padding: .6rem; border: 1px solid #7eb8ad; border-radius: 10px; background: #fff; color: #235f65; font-weight: 800; font-size: .8rem; }
@keyframes class-arrive-b-12tr7nrzqq { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { *[b-12tr7nrzqq] { animation: none !important; transition: none !important; } }
.guided-completion__label[b-12tr7nrzqq] { margin: 0 0 .25rem; color: #177267; font-size: .6rem; font-weight: 800; letter-spacing: .1em; }
h2[b-12tr7nrzqq] { margin: 0 0 .5rem; color: #194b46; font-size: 1.15rem; font-weight: 800; line-height: 1.4; }
p:not(.guided-completion__label)[b-12tr7nrzqq] { margin: 0; font-size: .85rem; line-height: 1.6; }
.guided-completion .guided-completion__next[b-12tr7nrzqq] { margin-top: .7rem; color: #356778; }
@media (max-width: 520px) { .guided-completion[b-12tr7nrzqq] { padding: 1rem; align-items: start; gap: .75rem; } .guided-completion__guide[b-12tr7nrzqq] { flex-basis: 45px; } }
/* /Components/Practica/Alumno/RetoArrastrarYSoltar.razor.rz.scp.css */
.pa-runtime-drag-drop.drag-game[b-098fj9crs2] { display: grid; gap: 1rem; min-width: 0; touch-action: pan-y; }
.drag-game > legend[b-098fj9crs2] { font-size: 1.4rem; }
.drag-game .drag-game__help[b-098fj9crs2] { display: flex; gap: .5rem; margin: 0; padding: .8rem 1rem; border-radius: 12px; background: #edf7fb; color: #3c6377; font-size: .85rem; line-height: 1.6; }
.drag-game .pa-runtime-drag-drop__columns[b-098fj9crs2] { gap: 1.5rem; }
.drag-game .pa-runtime-drag-drop__sources[b-098fj9crs2], .drag-game .pa-runtime-drag-drop__targets[b-098fj9crs2] { align-content: start; gap: .8rem; }
.drag-game .pa-runtime-drag-drop__sources button[b-098fj9crs2] { min-width: 0; min-height: 94px; padding: .85rem; border: 2px solid #c1dce6; border-bottom-width: 4px; border-radius: 16px; background: #fff; box-shadow: 0 6px 14px #1c52640b; transition: transform .18s, border-color .18s, background .18s; font-size: .9rem; }
.drag-game .pa-runtime-drag-drop__sources button > span[b-098fj9crs2] { flex: 1; }
.drag-game .pa-runtime-drag-drop__sources button > i[b-098fj9crs2] { color: #48889e; font-size: 1.2rem; }
.drag-game .pa-runtime-drag-drop__sources button:hover:not(:disabled)[b-098fj9crs2] { transform: translateY(-3px); border-color: #238ba6; }
.drag-game .pa-runtime-drag-drop__sources button.is-selected[b-098fj9crs2] { border-color: #1378c4; background: #eaf5ff; box-shadow: 0 0 0 3px #168bd41c; }
.drag-game .pa-runtime-drag-drop__sources button.is-placed[b-098fj9crs2] { opacity: .6; border-style: dashed; box-shadow: none; cursor: default; }
.drag-game .pa-runtime-drag-drop__targets [data-drag-target][b-098fj9crs2] { min-width: 0; min-height: 94px; border-color: #87b9cb; background: #f1f8fc; padding: .85rem; transition: background .18s, border-color .18s; }
.drag-game .pa-runtime-drag-drop__targets [data-drag-target].is-filled[b-098fj9crs2] { border-color: #78afc4; background: #eaf6fc; animation: drag-place-b-098fj9crs2 .25s ease-out; }
.drag-game .pa-runtime-drag-drop__targets [data-drag-target].is-over[b-098fj9crs2] { border-color: #087d83; background: #d9f4ed; box-shadow: inset 0 0 0 2px #087d8330; }
.drag-game .drag-game__destination span[b-098fj9crs2] { min-width: 0; flex: 1; }
.drag-game .drag-game__destination strong[b-098fj9crs2], .drag-game .drag-game__destination small[b-098fj9crs2] { display: block; overflow-wrap: anywhere; }
.drag-game .drag-game__destination strong[b-098fj9crs2] { font-size: .9rem; }
.drag-game .drag-game__destination small[b-098fj9crs2] { margin-top: .35rem; color: #496879; font-size: .8rem; font-weight: 500; }
.drag-game .pa-runtime-drag-drop__targets [data-drag-target] .drag-game__remove[b-098fj9crs2] { width: auto; min-height: 44px; margin: .4rem 0 -.4rem auto; padding: .5rem; color: #24617b; font-size: .75rem; }
.drag-game[b-098fj9crs2]  .pa-runtime-element-media { width: 48px; height: 48px; flex-basis: 48px; }
.drag-game[b-098fj9crs2]  .gu-mirror { cursor: grabbing; transform: rotate(-3deg); }
.drag-game[b-098fj9crs2]  .gu-mirror { box-shadow: 0 15px 30px #123d5940; scale: 1.025; }
.drag-game.has-selection [data-drag-target]:not(.is-filled)[b-098fj9crs2] { border-color: #1683a2; border-style: dashed; }
.drag-game .pa-runtime-drag-drop__columns[b-098fj9crs2] { animation: drag-arrive-b-098fj9crs2 .3s ease-out; }
@keyframes drag-arrive-b-098fj9crs2 { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes drag-place-b-098fj9crs2 { from { transform: scale(.97); } to { transform: scale(1); } }
@media (max-width: 520px) { .drag-game .pa-runtime-drag-drop__columns[b-098fj9crs2] { gap: .6rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .drag-game .pa-runtime-drag-drop__sources button[b-098fj9crs2], .drag-game .drag-game__destination[b-098fj9crs2] { flex-wrap: wrap; } .drag-game .pa-runtime-drag-drop__sources button[b-098fj9crs2], .drag-game .pa-runtime-drag-drop__targets [data-drag-target][b-098fj9crs2] { padding: .65rem; font-size: .82rem; } .drag-game .pa-runtime-drag-drop__sources button > .mdi-drag-vertical[b-098fj9crs2] { display: none; } }
@media (prefers-reduced-motion: reduce) { .drag-game *[b-098fj9crs2] { animation: none !important; transition: none !important; } }
/* /Components/Practica/Alumno/RetoAventuraPalabras.razor.rz.scp.css */
.pa-crossword__cell.is-revealed[b-3uu7pebw0q] { outline: 3px dashed #805500; outline-offset: -4px; }
.pa-crossword__cell.is-revealed input[b-3uu7pebw0q] { background: #fff0b3; color: #302200; }
/* /Components/Practica/Alumno/RetoGlobosAlCielo.razor.rz.scp.css */
.pa-sky-game.sky-upgrade[b-u653tlbri1] { display: grid; gap: 1rem; }
.pa-sky-game.sky-upgrade .pa-sky-game__primary[b-u653tlbri1] { background: linear-gradient(#07968f, #08767e); border-bottom-color: #06505e; text-shadow: none; }
.pa-sky-game.sky-upgrade .pa-sky-game__pause[b-u653tlbri1] { min-width: 44px; min-height: 44px; }
.pa-sky-game.sky-upgrade .pa-sky-game__word-card > div[b-u653tlbri1] { flex-wrap: wrap; }
.pa-sky-game.sky-upgrade .pa-sky-game__metric strong[b-u653tlbri1] { white-space: normal; overflow-wrap: anywhere; font-size: .8rem; }
.pa-sky-game.sky-upgrade .pa-sky-game__keyboard[b-u653tlbri1] { grid-auto-rows: 44px; }
.pa-sky-game.sky-upgrade .pa-sky-game__feedback[b-u653tlbri1] { bottom: 128px; }
.pa-sky-game.sky-upgrade .pa-sky-game__clue img[b-u653tlbri1] { object-fit: contain; }
.pa-sky-game.sky-upgrade .pa-sky-game__result[b-u653tlbri1] { max-height: calc(100% - 100px); overflow-y: auto; padding-top: 2rem; }
.pa-sky-game.sky-upgrade .pa-sky-game__reward[b-u653tlbri1] { margin-top: 0; }
.pa-sky-game.sky-upgrade[b-u653tlbri1]  .pa-sky-scene__celebration,
.pa-sky-game.sky-upgrade[b-u653tlbri1]  .pa-sky-hero__sparkles { animation-iteration-count: 2; }
.pa-sky-game.sky-upgrade[b-u653tlbri1]  .pa-sky-hero.is-victory .pa-sky-hero__character { animation-iteration-count: 3; }
.pa-sky-game.sky-upgrade.is-paused[b-u653tlbri1]  *,
.pa-sky-game.sky-upgrade.is-intro[b-u653tlbri1]  .pa-sky-scene__cloud { animation-play-state: paused !important; }
@media (max-width: 720px) {
    .pa-sky-game.sky-upgrade .pa-sky-game__world[b-u653tlbri1] { min-height: 600px; }
    .pa-sky-game.sky-upgrade .pa-sky-game__keyboard[b-u653tlbri1] { grid-template-columns: repeat(7, minmax(0, 1fr)); grid-auto-rows: 44px; gap: 5px; padding: 8px; }
    .pa-sky-game.sky-upgrade .pa-sky-game__keyboard button[b-u653tlbri1] { font-size: .9rem; }
    .pa-sky-game.sky-upgrade .pa-sky-game__feedback[b-u653tlbri1] { bottom: 230px; left: 12px; right: 12px; width: auto; max-width: none; padding: .65rem; font-size: .8rem; }
    .pa-sky-game.sky-upgrade[b-u653tlbri1]  .pa-sky-hero { bottom: 230px; height: 32%; }
    .pa-sky-game.sky-upgrade .pa-sky-game__word-card[b-u653tlbri1] { min-height: 70px; }
    .pa-sky-game.sky-upgrade .pa-sky-game__word-card span[b-u653tlbri1] { flex: 0 1 22px; }
}
@media (prefers-reduced-motion: reduce) {
    .pa-sky-game.sky-upgrade[b-u653tlbri1]  *, .pa-sky-game.sky-upgrade[b-u653tlbri1]  *::before, .pa-sky-game.sky-upgrade[b-u653tlbri1]  *::after { animation: none !important; transition: none !important; }
}
/* /Components/Practica/Alumno/RetoListening.razor.rz.scp.css */
.listening-game[b-ibkihhk5mz] { display: grid; gap: 1.25rem; }
.listening-game__image[b-ibkihhk5mz] { display: block; max-width: 100%; max-height: 240px; margin: auto; object-fit: contain; border-radius: 16px; }
.listening-game__player[b-ibkihhk5mz] { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 1.5rem; align-items: center; padding: 1.5rem; border: 1px solid #bddde7; border-radius: 22px; background: linear-gradient(120deg, #e4f4fb, #f4fcfa); }
.listening-game__art[b-ibkihhk5mz] { display: grid; place-items: center; padding: 1.25rem; border-radius: 50% 50% 35% 35%; background: #075675; color: #80e2da; box-shadow: 0 6px 0 #b4dce5; }
.listening-game__art > i[b-ibkihhk5mz] { font-size: 3.5rem; line-height: 1.3; }
.listening-game__wave[b-ibkihhk5mz] { display: flex; height: 30px; align-items: center; gap: 4px; }
.listening-game__wave span[b-ibkihhk5mz] { width: 4px; height: calc(8px + var(--bar) * 4px); border-radius: 5px; background: #8ee5da; transform: scaleY(.4); }
.is-playing .listening-game__wave span[b-ibkihhk5mz] { animation: listening-wave-b-ibkihhk5mz .7s calc(var(--bar) * -.13s) ease-in-out infinite alternate; }
.listening-game__eyebrow[b-ibkihhk5mz] { color: #087b83; font-size: .65rem; font-weight: 850; letter-spacing: .14em; }
.listening-game h2[b-ibkihhk5mz] { margin: .4rem 0 .5rem; font-size: clamp(1.25rem, 2.5vw, 1.75rem); font-weight: 800; }
.listening-game p[b-ibkihhk5mz] { margin: 0; color: #496879; font-size: .9rem; line-height: 1.6; }
.listening-game__controls[b-ibkihhk5mz] { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.listening-game__play[b-ibkihhk5mz] { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 48px; padding: .65rem 1rem; border: 0; border-bottom: 4px solid #06505e; border-radius: 12px; background: #087d83; color: #fff; font-weight: 800; transition: transform .16s; }
.listening-game__play:hover:not(:disabled)[b-ibkihhk5mz] { transform: translateY(-2px); background: #066b75; }
.listening-game__play:disabled[b-ibkihhk5mz] { opacity: .55; }
.listening-game__controls > span[b-ibkihhk5mz] { color: #436878; font-size: .75rem; }
.listening-game .listening-game__limit[b-ibkihhk5mz] { margin-top: .7rem; color: #765322; }
.listening-game .listening-game__error[b-ibkihhk5mz] { padding: 1rem; border: 1px solid #dfaa96; border-radius: 12px; background: #fff2e8; color: #803d25; }
.listening-game__answers h3[b-ibkihhk5mz] { font-size: 1rem; font-weight: 800; }
.listening-game__player[b-ibkihhk5mz], .listening-game__answers[b-ibkihhk5mz] { animation: listening-arrive-b-ibkihhk5mz .3s ease-out; }
.listening-game__answers[b-ibkihhk5mz]  .pa-runtime-option { animation: listening-arrive-b-ibkihhk5mz .3s ease-out both; }
.listening-game__answers[b-ibkihhk5mz]  .pa-runtime-option:nth-child(2) { animation-delay: .04s; }
.listening-game__answers[b-ibkihhk5mz]  .pa-runtime-option:nth-child(3) { animation-delay: .08s; }
@keyframes listening-arrive-b-ibkihhk5mz { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.listening-game__answers[b-ibkihhk5mz]  .pa-runtime-option:has(input:focus-visible) { outline: 3px solid #176db1; outline-offset: 3px; }
.listening-game__answers[b-ibkihhk5mz]  .pa-runtime-option:has(input:checked) { animation: listening-select-b-ibkihhk5mz .2s ease-out; }
@keyframes listening-wave-b-ibkihhk5mz { to { transform: scaleY(1); } }
@keyframes listening-select-b-ibkihhk5mz { 50% { transform: translateY(-3px); } }
@media (max-width: 600px) { .listening-game__player[b-ibkihhk5mz] { grid-template-columns: 1fr; gap: 1rem; padding: 1.2rem; } .listening-game__art[b-ibkihhk5mz] { grid-template-columns: auto auto; width: 100%; padding: .5rem 1rem; border-radius: 16px; } .listening-game__art > i[b-ibkihhk5mz] { font-size: 2.5rem; } .listening-game__answers[b-ibkihhk5mz]  .pa-runtime-options { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .listening-game *[b-ibkihhk5mz], .listening-game[b-ibkihhk5mz]  .pa-runtime-option { animation: none !important; transition: none !important; } }
/* /Components/Practica/Alumno/RetoMemorama.razor.rz.scp.css */
.memory-game[b-z8pabjgjtd] { display: grid; gap: .75rem; }
.memory-game__intro[b-z8pabjgjtd] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.memory-game__eyebrow[b-z8pabjgjtd] { color: #087d83; font-size: .65rem; font-weight: 850; letter-spacing: .14em; }
.memory-game h2[b-z8pabjgjtd] { margin: .35rem 0; font-size: clamp(1.25rem, 2.5vw, 1.7rem); font-weight: 800; }
.memory-game p[b-z8pabjgjtd] { margin: 0; color: #496879; }
.memory-game__turns[b-z8pabjgjtd] { display: grid; grid-template-columns: auto auto; align-items: center; gap: 0 .65rem; padding: .7rem 1rem; border: 1px solid #bfdee3; border-radius: 16px; background: #f0f9fc; }
.memory-game__turns i[b-z8pabjgjtd] { grid-row: span 2; color: #087d83; font-size: 1.8rem; }
.memory-game__turns strong[b-z8pabjgjtd] { font-size: 1.5rem; line-height: 1.2; }
.memory-game__turns span[b-z8pabjgjtd] { font-size: .7rem; color: #496879; }
.memory-game__grid[b-z8pabjgjtd] { display: grid; grid-template-columns: repeat(var(--memory-columns, 4), minmax(0, 1fr)); gap: .85rem; }
.memory-game__grid button[b-z8pabjgjtd] { position: relative; min-width: 0; min-height: 110px; padding: 0; border: 0; border-radius: 17px; background: transparent; perspective: 1000px; cursor: pointer; transition: transform .15s; }
.memory-game__grid button:not(:disabled):hover[b-z8pabjgjtd] { transform: translateY(-4px); }
.memory-game__card[b-z8pabjgjtd] { display: grid; position: relative; width: 100%; height: 100%; min-height: 110px; transform-style: preserve-3d; transition: transform .16s cubic-bezier(.2,.7,.3,1); }
.memory-game__front[b-z8pabjgjtd], .memory-game__back[b-z8pabjgjtd] { grid-area: 1 / 1; display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: .4rem; padding: .9rem; border: 2px solid #2e9eb2; border-radius: 17px; backface-visibility: hidden; -webkit-backface-visibility: hidden; box-shadow: 0 5px 0 #c5e1e9, 0 9px 16px #124b6412; }
.memory-game__front[b-z8pabjgjtd] { color: #83e2e3; background: repeating-radial-gradient(ellipse at 0 100%, transparent 0 18px, #ffffff09 19px 20px), linear-gradient(140deg, #096e88, #06445f); }
.memory-game__front b[b-z8pabjgjtd] { font-size: 3.2rem; line-height: 1; transform: rotate(-8deg); text-shadow: 0 3px 0 #003c5555; }
.memory-game__front small[b-z8pabjgjtd] { font-size: .55rem; letter-spacing: .2em; }
.memory-game__back[b-z8pabjgjtd] { position: relative; background: #f8fcff; color: #113b55; border-color: #bddbe5; transform: rotateY(180deg); overflow-wrap: anywhere; font-size: .95rem; line-height: 1.35; font-weight: 800; }
.memory-game__check[b-z8pabjgjtd] { display: none; position: absolute; top: .3rem; right: .4rem; color: #168254; font-size: 1.4rem; }
.is-revealed .memory-game__card[b-z8pabjgjtd] { transform: rotateY(180deg); }
.is-found .memory-game__back[b-z8pabjgjtd] { border-color: #28a573; background: #e6f8ef; box-shadow: 0 4px 0 #a5dfc0, 0 0 0 4px #1ab37a12; }
.is-found .memory-game__check[b-z8pabjgjtd] { display: block; animation: memory-stamp-b-z8pabjgjtd .35s ease-out; }
.is-mismatch .memory-game__back[b-z8pabjgjtd] { border-color: #c86d51; background: #fff1e9; }
.memory-game[b-z8pabjgjtd]  .memory-game__media { display: flex; justify-content: center; width: 100%; }
.memory-game[b-z8pabjgjtd]  .memory-game__media img { max-width: 100%; max-height: 95px; object-fit: contain; border-radius: 8px; }
.memory-game__matches[b-z8pabjgjtd] { border-top: 1px solid #d8e8ec; padding-top: 1rem; }
.memory-game__matches h3[b-z8pabjgjtd] { font-size: .85rem; }
.memory-game__matches ul[b-z8pabjgjtd] { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: 0; }
.memory-game__matches li[b-z8pabjgjtd] { padding: .45rem .7rem; border-radius: 9px; background: #edf7f5; font-size: .8rem; color: #245c52; animation: memory-stamp-b-z8pabjgjtd .3s ease-out; }
@keyframes memory-stamp-b-z8pabjgjtd { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: scale(1); } }
.memory-game__grid button[b-z8pabjgjtd] { animation: memory-arrive-b-z8pabjgjtd .3s ease-out both; animation-delay: var(--card-delay, 0ms); }
.is-mismatch .memory-game__back[b-z8pabjgjtd] { animation: memory-nudge-b-z8pabjgjtd .28s ease-out; }
.is-board-complete .memory-game__matches[b-z8pabjgjtd] { animation: memory-finish-b-z8pabjgjtd .5s ease-out; }
@keyframes memory-arrive-b-z8pabjgjtd { from { opacity: 0; translate: 0 6px; } to { opacity: 1; translate: 0 0; } }
@keyframes memory-nudge-b-z8pabjgjtd { 25% { translate: -3px 0; } 75% { translate: 3px 0; } }
@keyframes memory-finish-b-z8pabjgjtd { 50% { background: #e3f7eb; } }
@media (min-width: 521px) and (max-width: 760px) { .memory-game__grid[b-z8pabjgjtd] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 520px) { .memory-game__grid[b-z8pabjgjtd] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; } .memory-game__card[b-z8pabjgjtd], .memory-game__grid button[b-z8pabjgjtd] { min-height: 108px; } .memory-game__intro[b-z8pabjgjtd] { align-items: start; } .memory-game__turns[b-z8pabjgjtd] { padding: .5rem .7rem; } .memory-game__turns i[b-z8pabjgjtd] { display: none; } }
@media (prefers-reduced-motion: reduce) { .memory-game *[b-z8pabjgjtd], .memory-game *[b-z8pabjgjtd]::before { animation: none !important; transition: none !important; } }
/* /Components/Practica/Alumno/RetoOrdenarPalabras.razor.rz.scp.css */
.pa-runtime-order.order-game[b-3bfs0stbz8] { min-width: 0; }
.order-game .pa-runtime-order__sentence[b-3bfs0stbz8] { padding: 1.25rem; border: 2px dashed #8ebfcb; border-left: 5px solid #087d83; border-radius: 16px; background: linear-gradient(120deg, #eaf8f4, #f5fbff); box-shadow: none; }
.order-game .pa-runtime-order__sentence > span[b-3bfs0stbz8] { margin-bottom: .6rem; color: #176779; font-size: .65rem; }
.order-game .pa-runtime-order__sentence p[b-3bfs0stbz8] { overflow-wrap: anywhere; font-size: clamp(1.35rem, 2.7vw, 1.9rem); line-height: 1.5; }
.order-game .order-game__help[b-3bfs0stbz8] { color: #496879; font-size: .85rem; line-height: 1.6; }
.order-game ol[b-3bfs0stbz8] { gap: .85rem; }
.order-game li[b-3bfs0stbz8] { min-width: 0; border: 2px solid #bedbe5; border-bottom-width: 4px; background: #fff; box-shadow: 0 6px 16px #1250640b; }
.order-game li > strong[b-3bfs0stbz8] { overflow-wrap: anywhere; }
.order-game .pa-runtime-order__number[b-3bfs0stbz8] { background: #d4f1e9; color: #076b70; }
.order-game .pa-runtime-order__actions button[b-3bfs0stbz8] { width: 44px; height: 44px; background: #f0f8fc; color: #145676; transition: background .18s, transform .18s; }
.order-game .pa-runtime-order__actions button:hover:not(:disabled)[b-3bfs0stbz8] { background: #d7eef8; transform: translateY(-2px); }
.order-game.is-horizontal ol[b-3bfs0stbz8] { justify-content: flex-start; gap: .85rem; }
.order-game.is-horizontal li[b-3bfs0stbz8] { min-width: 120px; max-width: 100%; padding: .8rem; border-color: #bedbe5; border-radius: 16px; }
.order-game.is-horizontal li > strong[b-3bfs0stbz8] { white-space: normal; }
.order-game.is-horizontal .pa-runtime-order__number[b-3bfs0stbz8] { width: 30px; height: 30px; }
.order-game.is-horizontal .pa-runtime-order__actions button[b-3bfs0stbz8] { width: 44px; height: 44px; }
.order-game li.is-moved-odd[b-3bfs0stbz8], .order-game li.is-moved-even[b-3bfs0stbz8] { border-color: #278bbe; background: #eef8ff; }
.order-game li.is-moved-odd[b-3bfs0stbz8] { animation: order-place-odd-b-3bfs0stbz8 .3s ease-out; }
.order-game li.is-moved-even[b-3bfs0stbz8] { animation: order-place-even-b-3bfs0stbz8 .3s ease-out; }
.order-game.is-horizontal li.is-moved-odd[b-3bfs0stbz8] { animation-name: order-horizontal-odd-b-3bfs0stbz8; }
.order-game.is-horizontal li.is-moved-even[b-3bfs0stbz8] { animation-name: order-horizontal-even-b-3bfs0stbz8; }
.order-game__footer[b-3bfs0stbz8] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #d6e7ed; }
.order-game__footer p[b-3bfs0stbz8] { flex: 1 1 220px; margin: 0; color: #3c6377; font-size: .85rem; line-height: 1.5; }
.order-game__footer p > i[b-3bfs0stbz8] { color: #087d83; }
.order-game__reset[b-3bfs0stbz8] { min-height: 44px; padding: .6rem .85rem; border: 1px solid #a9cbd8; border-radius: 11px; background: #fff; color: #176779; font-weight: 800; }
.order-game__reset:disabled[b-3bfs0stbz8] { opacity: .45; }
.order-game li[draggable][b-3bfs0stbz8] { cursor: grab; }
.order-game li.is-dragging[b-3bfs0stbz8] { opacity: .55; border-style: dashed; cursor: grabbing; }
.order-game .pa-runtime-order__sentence[b-3bfs0stbz8] { animation: order-arrive-b-3bfs0stbz8 .3s ease-out; }
@keyframes order-arrive-b-3bfs0stbz8 { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes order-place-odd-b-3bfs0stbz8 { from { translate: 0 var(--move-from); } to { translate: 0 0; } }
@keyframes order-place-even-b-3bfs0stbz8 { from { translate: 0 var(--move-from); } to { translate: 0 0; } }
@keyframes order-horizontal-odd-b-3bfs0stbz8 { from { translate: var(--move-from) 0; } to { translate: 0 0; } }
@keyframes order-horizontal-even-b-3bfs0stbz8 { from { translate: var(--move-from) 0; } to { translate: 0 0; } }
@media (max-width: 520px) { .order-game.is-horizontal ol[b-3bfs0stbz8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; } .order-game.is-horizontal li[b-3bfs0stbz8] { min-width: 0; } .order-game.is-vertical li[b-3bfs0stbz8], .order-game.is-vertical li.has-media[b-3bfs0stbz8] { grid-template-columns: auto minmax(0, 1fr); } .order-game.is-vertical .pa-runtime-order__actions[b-3bfs0stbz8] { grid-column: 1 / -1; justify-content: flex-end; } .order-game.is-vertical[b-3bfs0stbz8]  .pa-runtime-element-media { grid-column: 2; } }
@media (prefers-reduced-motion: reduce) { .order-game *[b-3bfs0stbz8] { animation: none !important; transition: none !important; } }
/* /Components/Practica/Alumno/RetoRelacionarPares.razor.rz.scp.css */
.connect-game[b-rp8t4c5qjd] { margin: 0; padding: 0; border: 0; min-width: 0; }
legend[b-rp8t4c5qjd] { font-size: 1.4rem; font-weight: 800; }
.connect-game__help[b-rp8t4c5qjd] { color: #496879; font-size: .9rem; line-height: 1.6; }
.connect-game__labels[b-rp8t4c5qjd] { display: flex; justify-content: space-between; color: #087d83; font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 850; padding: .5rem; }
.connect-game__board[b-rp8t4c5qjd] { position: relative; display: grid; grid-auto-rows: 1fr; margin-bottom: 1rem; }
.connect-game__row[b-rp8t4c5qjd] { display: grid; grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr); padding: .35rem 0; }
.connect-game__tile[b-rp8t4c5qjd] { position: relative; z-index: 1; display: flex; align-items: center; gap: .65rem; padding: 1rem; min-width: 0; min-height: 92px; border: 2px solid #c8dfe8; border-radius: 17px; background: #fbfdff; color: #123c56; font-weight: 750; text-align: left; line-height: 1.4; overflow-wrap: anywhere; box-shadow: 0 4px 0 #e6eff3; transition: transform .18s, border-color .18s, background .18s; }
.connect-game__right[b-rp8t4c5qjd] { grid-column: 3; }
.connect-game__tile:hover[b-rp8t4c5qjd] { border-color: #168fa0; transform: translateY(-2px); }
.connect-game__tile > span:not(.connect-game__number)[b-rp8t4c5qjd] { flex: 1; }
.connect-game__tile > i[b-rp8t4c5qjd] { color: #38879b; }
.connect-game__number[b-rp8t4c5qjd] { display: grid; place-items: center; flex: 0 0 30px; height: 30px; border-radius: 50%; background: #d9f0f1; color: #126b74; font-size: .8rem; font-weight: 850; }
.connect-game__tile.is-selected[b-rp8t4c5qjd] { border-color: #096fc5; background: #eaf4ff; box-shadow: 0 0 0 3px #168bd41c, 0 4px 0 #bddbf2; }
.connect-game__tile.is-linked[b-rp8t4c5qjd] { border-color: #5fa6bc; background: #edf8fc; }
.connect-game__tile.is-selected .connect-game__number[b-rp8t4c5qjd] { background: #096fc5; color: #fff; }
.connect-game__lines[b-rp8t4c5qjd] { position: absolute; z-index: 0; top: 0; bottom: 0; left: calc((100% - 72px) / 2); width: 72px; height: 100%; overflow: visible; pointer-events: none; }
.connect-game__lines path[b-rp8t4c5qjd] { fill: none; stroke: #168fa0; stroke-width: 3; vector-effect: non-scaling-stroke; stroke-dasharray: none; animation: connect-appear-b-rp8t4c5qjd .45s ease-out; }
.connect-game[b-rp8t4c5qjd]  .pa-runtime-element-media { width: 48px; height: 48px; flex-basis: 48px; }
.connect-game__reset[b-rp8t4c5qjd] { display: block; min-height: 44px; margin: .7rem 0 0 auto; padding: .5rem; border: 0; background: transparent; color: #176779; font-size: .8rem; font-weight: 800; }
.connect-game__reset:disabled[b-rp8t4c5qjd] { opacity: .5; }
.connect-game__row[b-rp8t4c5qjd] { animation: connect-arrive-b-rp8t4c5qjd .3s ease-out both; animation-delay: var(--row-delay, 0ms); }
.connect-game__tile.is-selected[b-rp8t4c5qjd]::after { content: ''; position: absolute; right: -6px; top: calc(50% - 5px); width: 10px; height: 10px; border-radius: 50%; background: #096fc5; box-shadow: 0 0 0 4px #096fc520; }
@keyframes connect-arrive-b-rp8t4c5qjd { from { opacity: 0; translate: 0 5px; } to { opacity: 1; translate: 0 0; } }
@keyframes connect-appear-b-rp8t4c5qjd { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 520px) { .connect-game__row[b-rp8t4c5qjd] { grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr); } .connect-game__lines[b-rp8t4c5qjd] { left: calc((100% - 30px) / 2); width: 30px; } .connect-game__tile[b-rp8t4c5qjd] { flex-wrap: wrap; gap: .4rem; padding: .65rem; font-size: .82rem; min-height: 110px; } .connect-game__tile > i[b-rp8t4c5qjd] { display: none; } .connect-game__number[b-rp8t4c5qjd] { flex-basis: 24px; height: 24px; } }
@media (prefers-reduced-motion: reduce) { .connect-game *[b-rp8t4c5qjd] { animation: none !important; transition: none !important; } }
/* /Components/Practica/Alumno/RetoSopaDeLetras.razor.rz.scp.css */
.pa-runtime-word-search.search-game[b-hesqvbpjyk] { gap: 1rem; }
.search-game__help[b-hesqvbpjyk] { display: flex; gap: .6rem; padding: .8rem 1rem; border-radius: 13px; background: #edf7fb; color: #3c6377; font-size: .85rem; line-height: 1.6; margin: 0; }
.search-game__help > i[b-hesqvbpjyk] { color: #087d83; font-size: 1.3rem; }
.search-game__layout[b-hesqvbpjyk] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(200px, .55fr); gap: 1.25rem; align-items: start; }
.search-game__stage[b-hesqvbpjyk] { min-width: 0; container-type: inline-size; }
.search-game__selection[b-hesqvbpjyk] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin-bottom: .8rem; min-height: 38px; }
.search-game__selection span[b-hesqvbpjyk] { color: #496879; font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.search-game__selection strong[b-hesqvbpjyk] { overflow-wrap: anywhere; color: #126b74; font-size: .9rem; }
.search-game__scroll[b-hesqvbpjyk] { overflow: auto; max-width: 100%; padding: 4px; border: 1px solid #bedde7; border-radius: 17px; background: #eaf5fa; scrollbar-color: #69a9ba #eaf5fa; }
.search-game .pa-runtime-word-search__grid[b-hesqvbpjyk] { --pa-word-search-cell-size: clamp(30px, calc((100cqw - 24px - (var(--pa-word-search-columns) - 1) * 4px) / var(--pa-word-search-columns)), 42px); gap: 4px; max-width: none; padding: 6px; margin: auto; border: 0; border-radius: 12px; background: transparent; touch-action: pan-x pan-y; }
.search-game .pa-runtime-word-search__cell[b-hesqvbpjyk] { border: 1px solid #dcebf1; border-bottom-width: 3px; border-radius: 7px; background: #fff; color: #123c56; font-size: .9rem; font-weight: 850; }
.search-game .pa-runtime-word-search__cell.is-found[b-hesqvbpjyk] { border-color: #248b67; background: #298d6b; color: #fff; }
.search-game .pa-runtime-word-search__cell.is-selecting[b-hesqvbpjyk] { border-color: #1378c4; background: #bce4ff; color: #104b72; transform: none; }
.search-game .pa-runtime-word-search__cell.is-wrong[b-hesqvbpjyk] { border-color: #c76a50; background: #ffddd1; color: #7f3628; animation: search-nudge-b-hesqvbpjyk .2s ease-in-out 2; }
.search-game__tip[b-hesqvbpjyk] { margin: .85rem 0 0; padding: .75rem; border-radius: 12px; background: #f3faf7; color: #436878; font-size: .75rem; line-height: 1.6; }
.search-game__list h2[b-hesqvbpjyk] { font-size: 1.1rem; font-weight: 800; }
.search-game .pa-runtime-word-search__words[b-hesqvbpjyk] { display: grid; gap: .55rem; margin-top: .85rem; }
.search-game .pa-runtime-word-search__words li[b-hesqvbpjyk] { min-width: 0; padding: .65rem .8rem; border-radius: 12px; border-color: #c6dfe8; background: #f9fcfe; color: #264e64; font-size: .82rem; letter-spacing: .02em; }
.search-game .pa-runtime-word-search__words li > i[b-hesqvbpjyk] { color: #6790a1; }
.search-game .pa-runtime-word-search__words li > span[b-hesqvbpjyk] { overflow-wrap: anywhere; }
.search-game .pa-runtime-word-search__words li.is-found[b-hesqvbpjyk] { border-color: #78c39f; background: #e6f8ef; color: #196348; animation: search-found-b-hesqvbpjyk .3s ease-out; }
.search-game .pa-runtime-word-search__words li.is-found > i[b-hesqvbpjyk] { color: #168254; }
.search-game[b-hesqvbpjyk]  .pa-runtime-element-media { width: 38px; height: 38px; flex-basis: 38px; }
.search-game__error[b-hesqvbpjyk] { padding: 1.25rem; border: 1px solid #dfaa96; border-radius: 16px; background: #fff2e8; color: #803d25; }
.search-game__error button[b-hesqvbpjyk] { min-height: 44px; border: 1px solid #ab725c; border-radius: 10px; padding: .5rem .8rem; background: white; color: #803d25; }
.search-game__scroll[b-hesqvbpjyk] { animation: search-arrive-b-hesqvbpjyk .3s ease-out; }
.is-board-complete .search-game__scroll[b-hesqvbpjyk] { border-color: #28946f; }
.search-game .pa-runtime-word-search__cell.is-found[b-hesqvbpjyk] { animation: search-found-b-hesqvbpjyk .3s ease-out; }
@keyframes search-arrive-b-hesqvbpjyk { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes search-found-b-hesqvbpjyk { from { transform: translateY(3px); opacity: .6; } to { transform: translateY(0); opacity: 1; } }
@keyframes search-nudge-b-hesqvbpjyk { 50% { transform: translateX(2px); } }
@media (max-width: 760px) { .search-game__layout[b-hesqvbpjyk] { grid-template-columns: 1fr; } .search-game .pa-runtime-word-search__words[b-hesqvbpjyk] { grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); } }
@media (prefers-reduced-motion: reduce) { .search-game *[b-hesqvbpjyk] { animation: none !important; transition: none !important; } }
.pa-runtime-word-search__cell.is-hint[b-hesqvbpjyk] { outline: 3px dashed #805500; outline-offset: -4px; background: #fff0b3; color: #302200; }
@media (max-width: 520px) {
    .search-game .pa-runtime-word-search__grid[b-hesqvbpjyk] { --pa-word-search-cell-size: clamp(24px, calc((100cqw - 20px - (var(--pa-word-search-columns) - 1) * 2px) / var(--pa-word-search-columns)), 34px); gap: 2px; padding: 4px; }
}
/* /Components/Practica/Alumno/TarjetaMisionGuiada.razor.rz.scp.css */
.mission-card[b-h5ev0mpqol] { position: relative; display: flex; gap: .75rem; min-width: 0; padding: 1rem; border: 1px solid #cce1eb; border-radius: 15px; background: #fff; color: #123d59; transition: transform .18s, box-shadow .18s, border-color .18s; }
.mission-card:hover[b-h5ev0mpqol] { transform: translateY(-2px); border-color: #89bdce; box-shadow: 0 6px 16px #134c6410; }
.mission-card.is-selected[b-h5ev0mpqol] { border-color: #178caa; background: #f4fcff; box-shadow: 0 0 0 2px #178caa12; }
.mission-card.is-current[b-h5ev0mpqol] { border-left: 4px solid #099991; }
.mission-card__marker[b-h5ev0mpqol] { display: grid; place-items: center; position: relative; z-index: 1; flex: 0 0 32px; height: 32px; border: 2px solid #d1e9eb; border-radius: 50%; background: #e6f4f6; color: #166c77; font-size: .7rem; font-weight: 800; }
.is-current .mission-card__marker[b-h5ev0mpqol] { border-color: #17a69c; background: #099087; color: #fff; }
.mission-card__body[b-h5ev0mpqol] { min-width: 0; flex: 1; }
.mission-card__guide[b-h5ev0mpqol] { position: absolute; display: block; width: 26px; top: .7rem; left: .2rem; transform: translateX(-50%); z-index: 2; }
.mission-card__heading[b-h5ev0mpqol] { display: flex; align-items: center; gap: .6rem; }
.mission-card__heading h4[b-h5ev0mpqol] { min-width: 0; flex: 1; margin: 0; font: inherit; }
.mission-card__heading h4 button[b-h5ev0mpqol] { display: block; width: 100%; min-height: 44px; padding: .15rem 0; border: 0; background: transparent; color: #123d59; text-align: left; font-weight: 800; font-size: .95rem; line-height: 1.4; overflow-wrap: anywhere; }
.mission-card__icon[b-h5ev0mpqol] { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 12px; background: #e2f3fb; color: #277c9d; font-size: 1.35rem; }
.mission-card__current[b-h5ev0mpqol] { flex-shrink: 0; padding: .25rem .45rem; border-radius: 6px; background: #d7f4ed; color: #087567; font-size: .6rem; font-weight: 800; }
.mission-card__state[b-h5ev0mpqol] { display: flex; align-items: center; gap: .35rem; margin: .2rem 0 .65rem; color: #496b7c; font-size: .75rem; }
.mission-card__progress[b-h5ev0mpqol] { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin-bottom: .7rem; color: #496b7c; font-size: .68rem; }
progress[b-h5ev0mpqol] { width: 100px; height: 6px; border: 0; border-radius: 12px; overflow: hidden; background: #d9eaf0; accent-color: #10977d; }
progress[b-h5ev0mpqol]::-webkit-progress-bar { background: #d9eaf0; border-radius: 12px; }
progress[b-h5ev0mpqol]::-webkit-progress-value { background: #10977d; border-radius: 12px; transition: width .4s; }
progress[b-h5ev0mpqol]::-moz-progress-bar { background: #10977d; }
.mission-card__activities[b-h5ev0mpqol] { display: grid; gap: .55rem; list-style: none; margin: 0; padding: 0; }
.mission-card__activities li[b-h5ev0mpqol] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .6rem 0 0; border-top: 1px solid #e0edf2; }
.mission-card__activity-copy[b-h5ev0mpqol] { min-width: 0; }
.mission-card__activity-copy > strong[b-h5ev0mpqol] { font-size: .8rem; }
.mission-card__activity-copy > p[b-h5ev0mpqol] { margin: .2rem 0 .4rem; font-size: .75rem; line-height: 1.55; color: #496b7c; white-space: pre-wrap; }
.mission-card__meta[b-h5ev0mpqol] { display: flex; flex-wrap: wrap; gap: .4rem .8rem; color: #496b7c; font-size: .67rem; }
.mission-card__meta > span[b-h5ev0mpqol] { display: inline-flex; align-items: center; gap: .25rem; }
.mission-card__start[b-h5ev0mpqol] { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; flex: 0 0 auto; min-height: 44px; min-width: 115px; padding: .55rem .8rem; border: 1px solid #087d83; border-bottom: 3px solid #065762; border-radius: 10px; background: #087d83; color: #fff; font-size: .75rem; font-weight: 800; transition: transform .14s, background .14s; }
.mission-card__start:hover:not(:disabled)[b-h5ev0mpqol] { transform: translateY(-1px); background: #066b75; }
.mission-card__start:active:not(:disabled)[b-h5ev0mpqol] { transform: translateY(1px); }
.mission-card__start:disabled[b-h5ev0mpqol] { background: #edf2f5; border-color: #d3e0e6; color: #536d7c; cursor: not-allowed; }
.state-completada[b-h5ev0mpqol] { border-color: #aed9c4; }
.state-completada .mission-card__marker[b-h5ev0mpqol] { border-color: #38a47f; background: #22916f; color: #fff; }
.state-completada .mission-card__icon[b-h5ev0mpqol] { background: #e0f5e9; color: #19744f; }
.state-completada .mission-card__start[b-h5ev0mpqol] { background: #f1faf6; color: #19744f; border-color: #91c5ad; }
.state-sincontenido .mission-card__icon[b-h5ev0mpqol], .state-bloqueada .mission-card__icon[b-h5ev0mpqol] { background: #edf2f5; color: #567484; }
.mission-card__empty[b-h5ev0mpqol] { margin: 0; color: #496b7c; font-size: .75rem; line-height: 1.6; }
@media (min-width: 761px) {
    .mission-card.has-single-activity .mission-card__body[b-h5ev0mpqol] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, .6fr); gap: .2rem .8rem; }
    .has-single-activity .mission-card__heading[b-h5ev0mpqol] { grid-column: 1; flex-wrap: wrap; gap: .3rem .6rem; }
    .has-single-activity .mission-card__state[b-h5ev0mpqol] { grid-column: 1; margin: .1rem 0; }
    .has-single-activity .mission-card__progress[b-h5ev0mpqol] { grid-column: 1; margin: .15rem 0 0; }
    .has-single-activity .mission-card__activities[b-h5ev0mpqol] { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
    .has-single-activity .mission-card__activities li[b-h5ev0mpqol] { flex-direction: column; align-items: stretch; border: 0; padding: 0; gap: .5rem; }
    .has-single-activity .mission-card__start[b-h5ev0mpqol] { align-self: flex-end; }
    .has-single-activity .mission-card__activity-copy > p[b-h5ev0mpqol] { margin-top: 0; }
}
@media (max-width: 600px) { .mission-card[b-h5ev0mpqol] { padding: .8rem; gap: .5rem; } .mission-card__marker[b-h5ev0mpqol] { flex-basis: 26px; height: 26px; margin-top: .4rem; font-size: .6rem; } .mission-card__heading[b-h5ev0mpqol] { flex-wrap: wrap; gap: .4rem; } .mission-card__icon[b-h5ev0mpqol] { display: none; } .mission-card__current[b-h5ev0mpqol] { margin-bottom: .2rem; } .mission-card__activities li[b-h5ev0mpqol] { align-items: stretch; flex-direction: column; } .mission-card__start[b-h5ev0mpqol] { align-self: stretch; } }
@media (prefers-reduced-motion: reduce) { *[b-h5ev0mpqol], *[b-h5ev0mpqol]::before { animation: none !important; transition: none !important; } }
/* /Components/Practica/Alumno/TransicionRetos.razor.rz.scp.css */
.challenge-bridge[b-r9bet8br1r] { display: flex; align-items: center; gap: 1.3rem; margin: .8rem 0; padding: .8rem 1rem; border: 1px solid #b5dcd9; border-radius: 16px; background: #effaf7; color: #165c61; animation: bridge-enter-b-r9bet8br1r .3s ease-out; }
.challenge-bridge__trail[b-r9bet8br1r] { position: relative; display: flex; align-items: end; width: 125px; flex: 0 0 125px; height: 70px; padding-bottom: 3px; }
.challenge-bridge__node[b-r9bet8br1r] { position: relative; z-index: 1; display: grid; place-items: center; flex: 0 0 30px; height: 30px; border: 2px solid #278d79; border-radius: 50%; background: #dff4e8; color: #176649; font-size: .8rem; font-weight: 800; }
.challenge-bridge__node.is-next[b-r9bet8br1r] { background: #fff; border-color: #137796; color: #155a75; animation: bridge-pulse-b-r9bet8br1r .45s .65s ease-out; }
.challenge-bridge__road[b-r9bet8br1r] { flex: 1; height: 4px; margin-bottom: 13px; background: #9bcdc8; transform-origin: left; animation: bridge-road-b-r9bet8br1r .7s ease-out; }
.challenge-bridge__robot[b-r9bet8br1r] { position: absolute; z-index: 2; bottom: 27px; left: 82px; width: 50px; animation: bridge-walk-b-r9bet8br1r .9s ease-out both; }
.challenge-bridge__copy[b-r9bet8br1r] { min-width: 0; flex: 1; }
.challenge-bridge__copy p[b-r9bet8br1r] { margin: 0 0 .3rem; color: #3e7076; font-size: .65rem; }
.challenge-bridge h2[b-r9bet8br1r] { margin: 0 0 .2rem; color: #17536b; font-size: 1rem; font-weight: 800; overflow-wrap: anywhere; }
.challenge-bridge__copy > span[b-r9bet8br1r] { color: #476c79; font-size: .7rem; }
.challenge-bridge > button[b-r9bet8br1r] { flex: 0 0 44px; height: 44px; border: 0; background: transparent; color: #19596c; font-size: 1.4rem; }
.is-skipped .challenge-bridge__node:not(.is-next)[b-r9bet8br1r] { border-style: dashed; border-color: #7c959c; color: #496a77; background: #eff4f5; }
.challenge-bridge[b-r9bet8br1r] { gap: .6rem; margin: .35rem 0; padding: .4rem .75rem; animation-duration: .15s; }
.challenge-bridge__trail[b-r9bet8br1r] { height: 38px; flex-basis: 90px; width: 90px; }
.challenge-bridge__robot[b-r9bet8br1r] { display: none; }
.challenge-bridge__road[b-r9bet8br1r], .challenge-bridge__node.is-next[b-r9bet8br1r] { animation-duration: .15s; animation-delay: 0s; }
@keyframes bridge-enter-b-r9bet8br1r { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes bridge-walk-b-r9bet8br1r { from { transform: translateX(-88px); } to { transform: none; } }
@keyframes bridge-road-b-r9bet8br1r { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes bridge-pulse-b-r9bet8br1r { 50% { transform: scale(1.1); } }
@media (max-width: 600px) { .challenge-bridge[b-r9bet8br1r] { gap: .6rem; padding: .7rem; } .challenge-bridge__trail[b-r9bet8br1r] { flex-basis: 85px; width: 85px; } .challenge-bridge__robot[b-r9bet8br1r] { width: 40px; left: 51px; } .challenge-bridge h2[b-r9bet8br1r] { font-size: .85rem; } @keyframes bridge-walk-b-r9bet8br1r { from { transform: translateX(-55px); } to { transform: none; } } }
@media (prefers-reduced-motion: reduce) { *[b-r9bet8br1r] { animation: none !important; } }
/* /Pages/Practica/Alumno/PracticaCatalogo.razor.rz.scp.css */
.practica-alumno.is-guided[b-l6c1lu0h2q] { margin: 0; background: linear-gradient(155deg, #edf8ff, #f4fbf8); font-family: 'Trebuchet MS', 'Aptos', sans-serif; }
.is-guided .pa-guided-shell[b-l6c1lu0h2q] { margin-top: 0; }
.is-guided .pa-guided-toolbar[b-l6c1lu0h2q] { display: flex; align-items: center; padding: 0 0 .85rem; border: 0; border-radius: 0; background: transparent; color: #15445e; box-shadow: none; overflow: visible; }
.is-guided .pa-guided-toolbar[b-l6c1lu0h2q]::after { display: none; }
.is-guided .pa-guided-toolbar .pa-mode-back[b-l6c1lu0h2q] { color: #116778; min-height: 44px; }
.is-guided .pa-guided-course-select[b-l6c1lu0h2q] { min-width: min(100%, 240px); }
.is-guided .pa-guided-course-select select[b-l6c1lu0h2q] { color: #123c56; border-color: #aecfdb; min-height: 44px; }
.is-guided .pa-guided-course-select label[b-l6c1lu0h2q] { color: #3c6175; }
.is-guided .pa-guided-course-heading h2[b-l6c1lu0h2q] { margin: 0; color: #133d58; font-size: 1.2rem; font-weight: 800; }
@media (max-width: 600px) { .is-guided .pa-guided-toolbar[b-l6c1lu0h2q] { gap: .7rem; align-items: stretch; } }
/* /Pages/Practica/Alumno/PracticaJuego.razor.rz.scp.css */
.practica-alumno.pa-runtime.pa-runtime--minigames[b-uhmv1adde8] { max-width: 1320px; font-family: "Trebuchet MS", "Aptos", sans-serif; background: #edf7fb; border-radius: 26px; padding: clamp(.75rem, 2vw, 1.5rem); }
.practica-alumno.pa-experience[b-uhmv1adde8] { --experience-fast: 100ms; --experience-enter: 160ms; --experience-feedback: 200ms; max-width: 1320px; margin: 0 auto; font-family: 'Trebuchet MS', 'Aptos', sans-serif; }
.experience-topbar[b-uhmv1adde8] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .4rem; margin-bottom: .3rem; padding: .3rem .7rem; border-radius: 16px; background: #074661; color: #fff; }
.experience-menu[b-uhmv1adde8] { position: relative; font-size: .8rem; }
.experience-menu summary[b-uhmv1adde8] { display: grid; place-items: center; min-height: 44px; cursor: pointer; padding: .3rem .5rem; }
.experience-menu summary[b-uhmv1adde8] { width: 44px; }
.experience-menu summary i[b-uhmv1adde8] { font-size: 1.3rem; }
.experience-exit-short[b-uhmv1adde8] { display: none; }
.experience-menu[open] > button[b-uhmv1adde8] { position: absolute; top: 100%; right: 0; z-index: 40; min-width: 180px; min-height: 44px; padding: .6rem; border: 1px solid #c9a18b; border-radius: 8px; background: #fff; color: #853c24; }
.experience-save-state[b-uhmv1adde8] { margin: .25rem .3rem; color: #315b6c; font-size: .75rem; }
.experience-scoring[b-uhmv1adde8] { font-size: .75rem; max-width: 320px; }
.experience-scoring summary[b-uhmv1adde8] { cursor: pointer; min-height: 24px; }
.experience-scoring p[b-uhmv1adde8] { margin: .4rem 0; font-weight: 400; }
.experience-topbar > a[b-uhmv1adde8] { color: #fff; min-height: 44px; display: inline-flex; align-items: center; gap: .4rem; font-size: .8rem; text-decoration: none; }
.experience-topbar > button[b-uhmv1adde8] { min-height: 44px; padding: .5rem; border: 0; background: transparent; color: #ffe1c7; font-size: .75rem; }
.experience-topbar > button:disabled[b-uhmv1adde8] { opacity: .5; }
.experience-topbar .pa-runtime-score[b-uhmv1adde8] { color: #193e53; background: #ffda69; font-size: .8rem; box-shadow: none; }
.experience-context[b-uhmv1adde8] { margin: .5rem .3rem .75rem; color: #244e66; font-size: .8rem; font-weight: 800; }
.experience-context span[b-uhmv1adde8] { color: #547387; font-weight: 500; }
[data-bs-theme="dark"] .experience-context[b-uhmv1adde8] { color: #d0e9f3; }
[data-bs-theme="dark"] .experience-context span[b-uhmv1adde8] { color: #a8cad7; }
.experience-preferences[b-uhmv1adde8] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .4rem; margin: .4rem 0; }
.experience-preferences button[b-uhmv1adde8] { display: inline-flex; align-items: center; gap: .4rem; min-height: 32px; padding: .2rem .65rem; border: 1px solid #b6d6e1; border-radius: 9px; background: #fff; color: #2b6076; font-size: .7rem; }
.experience-preferences button[aria-pressed=true][b-uhmv1adde8] { background: #e4f5ef; border-color: #388d7c; color: #165d58; }
.pa-experience[b-uhmv1adde8]  :focus-visible { outline: 3px solid #1572bb; outline-offset: 3px; }
.pa-experience.is-focused[b-uhmv1adde8]  *, .pa-experience.is-focused[b-uhmv1adde8]  *::before, .pa-experience.is-focused[b-uhmv1adde8]  *::after { animation: none !important; transition: none !important; }
.pa-experience.is-focused[b-uhmv1adde8]  .vk-guide, .pa-experience.is-focused[b-uhmv1adde8]  .challenge-bridge__trail, .pa-experience.is-focused[b-uhmv1adde8]  .practice-welcome::before, .pa-experience.is-focused[b-uhmv1adde8]  .pa-crossword-heading__scene { display: none; }
.pa-experience.is-focused[b-uhmv1adde8]  .practice-welcome { grid-template-columns: 1fr; }
.pa-experience.is-focused .pa-game-heading[b-uhmv1adde8] { background: #f5fbfd; }
.pa-experience.is-focused .pa-game-heading[b-uhmv1adde8]::before, .pa-experience.is-focused .pa-game-heading[b-uhmv1adde8]::after { display: none; }
.pa-experience.is-tab-hidden[b-uhmv1adde8]  *, .pa-experience.is-tab-hidden[b-uhmv1adde8]  *::before, .pa-experience.is-tab-hidden[b-uhmv1adde8]  *::after { animation-play-state: paused !important; }
.experience-welcome[b-uhmv1adde8] { margin-top: 1rem; }
.experience-arrival[b-uhmv1adde8] { min-width: 0; }
.experience-validating[b-uhmv1adde8] { display: flex; align-items: center; justify-content: center; gap: .6rem; margin: 0; padding: 1rem; border-top: 1px solid #d7e7ed; background: #eff8fc; color: #235970; font-size: .85rem; }
.experience-spinner[b-uhmv1adde8] { width: 18px; height: 18px; border: 2px solid #bfdee4; border-top-color: #087d83; border-radius: 50%; animation: experience-spin-b-uhmv1adde8 .8s linear infinite; }
.experience-recover[b-uhmv1adde8] { display: block; min-height: 44px; margin: .5rem auto 1rem; padding: .6rem .8rem; border: 1px solid #9ccbd8; border-radius: 10px; background: #fff; color: #17677d; font-size: .8rem; font-weight: 800; }
.experience-review[b-uhmv1adde8] { margin: 1rem 0; padding: 1rem; border: 1px solid #c5dfe8; border-radius: 14px; background: #f6fbfd; text-align: left; }
.experience-review h2[b-uhmv1adde8] { margin: 0 0 .75rem; color: #24546a; font-size: 1rem; font-weight: 800; }
.experience-review ul[b-uhmv1adde8] { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.experience-review li[b-uhmv1adde8] { padding: .5rem .65rem; border-radius: 8px; background: #e5f2f7; color: #24556b; font-size: .8rem; }
.experience-review p[b-uhmv1adde8] { margin: .8rem 0 0; color: #775139; font-size: .8rem; }
@keyframes experience-arrival-b-uhmv1adde8 { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes experience-spin-b-uhmv1adde8 { to { transform: rotate(360deg); } }
@media (max-width: 600px) { .experience-topbar[b-uhmv1adde8] { gap: .3rem .6rem; padding: .6rem .75rem; } .experience-topbar > a[b-uhmv1adde8] { font-size: .7rem; } .experience-topbar > button[b-uhmv1adde8] { font-size: .65rem; } .experience-context[b-uhmv1adde8] { font-size: .72rem; } .experience-context span[b-uhmv1adde8] { display: block; margin-top: .2rem; } }
@media (prefers-reduced-motion: reduce) { .experience-arrival[b-uhmv1adde8], .experience-spinner[b-uhmv1adde8] { animation: none; } }
.pa-runtime-result--guided .pa-runtime-result__score[b-uhmv1adde8] { animation: guided-score-arrival-b-uhmv1adde8 .4s ease-out 1; }
@keyframes guided-score-arrival-b-uhmv1adde8 { 50% { transform: scale(1.04); } }
@media (prefers-reduced-motion: reduce) { .pa-runtime-result--guided .pa-runtime-result__score[b-uhmv1adde8] { animation: none; } }
.pa-runtime--minigames .pa-runtime-topbar[b-uhmv1adde8] { padding: .85rem 1rem; border-radius: 18px; background: linear-gradient(110deg, #073e61, #076a7a); color: #fff; gap: .65rem; }
.pa-runtime--minigames .pa-runtime-topbar > a[b-uhmv1adde8] { color: #fff; font-size: .8rem; }
.pa-runtime--minigames .pa-runtime-abandon[b-uhmv1adde8] { min-height: 44px; color: #ffe1c7; font-size: .75rem; }
.pa-runtime--minigames .pa-runtime-score[b-uhmv1adde8] { background: #ffda66; color: #173e59; white-space: nowrap; font-size: .85rem; box-shadow: none; }
.pa-runtime--minigames .pa-runtime-progress[b-uhmv1adde8] { padding: .2rem .5rem .5rem; }
.pa-runtime--minigames .pa-runtime-progress progress[b-uhmv1adde8] { height: 11px; }
.pa-runtime--minigames .pa-runtime-progress progress[b-uhmv1adde8]::-webkit-progress-bar { border-radius: 20px; background: #d6e8ee; }
.pa-runtime--minigames .pa-runtime-progress progress[b-uhmv1adde8]::-webkit-progress-value { border-radius: 20px; background: linear-gradient(90deg, #008c91, #22bb90); transition: width .3s; }
.pa-runtime--minigames .pa-runtime-card[b-uhmv1adde8] { border-color: #cee2eb; box-shadow: 0 12px 30px #1555740c; }
.pa-runtime--minigames .pa-runtime-card[b-uhmv1adde8]  > .pa-contextual-help > .pa-game-heading { position: relative; isolation: isolate; min-height: 100px; background: #fafdff; padding: .75rem 1rem; padding-right: 3.5rem; overflow: hidden; }
.pa-game-heading[b-uhmv1adde8]::after { content: ""; position: absolute; z-index: -1; inset: 0 0 0 52%; opacity: .85; background: linear-gradient(90deg, #fafdff, #fafdff00 35%), url("/images/practica/learning-trail.svg") center right / cover no-repeat; }
.pa-game-heading__copy[b-uhmv1adde8] { position: relative; max-width: 78%; }
.pa-runtime--minigames .pa-game-heading h1[b-uhmv1adde8] { font-size: clamp(1.4rem, 2.5vw, 2rem); color: #0c3556; line-height: 1.15; letter-spacing: -.035em; }
.pa-runtime--minigames .pa-game-heading .pa-runtime-content[b-uhmv1adde8] { color: #3e6177; font-size: 1rem; }
.pa-runtime--minigames .pa-game-heading details[b-uhmv1adde8] { display: inline-block; min-width: min(100%, 200px); max-width: 100%; padding: .6rem .9rem; border: 1px solid #afdae5; border-radius: 12px; background: #ffffffeb; font-size: .85rem; }
.pa-runtime--minigames .pa-game-heading details p[b-uhmv1adde8] { margin: .6rem 0 0; line-height: 1.6; }
.pa-runtime--minigames .pa-runtime-interaction[b-uhmv1adde8] { padding: .8rem 1rem; }
.pa-runtime--minigames .pa-runtime-interaction:has(.pa-sky-game)[b-uhmv1adde8] { padding: .7rem; }
.pa-runtime--minigames .pa-runtime-card[b-uhmv1adde8]  > .pa-contextual-help > footer { padding: 1rem clamp(1rem, 2.6vw, 2rem); background: #f4fafc; font-size: .85rem; }
.pa-runtime--minigames .pa-runtime-actions[b-uhmv1adde8] { flex-wrap: wrap; gap: .65rem; }
.pa-runtime--minigames .pa-runtime-actions .pa-student-button[b-uhmv1adde8] { min-width: 130px; min-height: 48px; transition: transform .18s, background .18s; }
.pa-runtime--minigames .pa-runtime-actions .pa-student-button--primary[b-uhmv1adde8] { border-bottom: 4px solid #065562; background: #087d83; box-shadow: 0 5px 14px #087d831c; }
.pa-runtime--minigames .pa-runtime-actions .pa-student-button--primary:not(:disabled):hover[b-uhmv1adde8] { background: #066b75; transform: translateY(-2px); }
@media (max-width: 600px) {
    .pa-runtime--minigames .pa-runtime-topbar[b-uhmv1adde8] { grid-template-columns: 1fr auto; }
    .pa-runtime--minigames .pa-runtime-score[b-uhmv1adde8] { grid-column: 2; grid-row: 1; }
    .pa-runtime--minigames .pa-runtime-abandon[b-uhmv1adde8] { grid-column: 1 / -1; grid-row: 2; justify-self: start; padding: 0; min-height: 44px; }
    .pa-game-heading__copy[b-uhmv1adde8] { max-width: 100%; }
    .pa-game-heading[b-uhmv1adde8]::after { inset: 0; opacity: .12; }
    .pa-runtime--minigames .pa-runtime-card[b-uhmv1adde8]  > .pa-contextual-help > footer { align-items: stretch; flex-direction: column; }
    .pa-runtime--minigames .pa-runtime-actions[b-uhmv1adde8] { display: grid; grid-template-columns: auto minmax(0, 1fr); }
    .pa-runtime--minigames .pa-runtime-actions .pa-student-button[b-uhmv1adde8] { min-width: 0; padding: .6rem .8rem; font-size: .8rem; }
}
@media (prefers-reduced-motion: reduce) { .pa-runtime--minigames *[b-uhmv1adde8], .pa-runtime--minigames progress[b-uhmv1adde8]::-webkit-progress-value { transition: none !important; animation: none !important; } }
@media (max-width: 600px) {
    .experience-exit-long[b-uhmv1adde8] { display: none; }
    .experience-exit-short[b-uhmv1adde8] { display: inline; }
    .practica-alumno .pa-runtime-card[b-uhmv1adde8]  > .pa-contextual-help > footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .35rem .6rem; padding: .5rem .75rem; }
    .pa-runtime-card[b-uhmv1adde8]  > .pa-contextual-help > footer > .pa-runtime-actions { grid-column: 1 / -1; display: flex; flex-direction: row; gap: .5rem; }
    .pa-runtime-card[b-uhmv1adde8]  > .pa-contextual-help > footer > .pa-runtime-actions .pa-student-button { width: auto; min-width: 0; min-height: 44px; }
    .experience-scoring[b-uhmv1adde8] { margin: 0; }
}
/* /Pages/SeguimientoAlumno.razor.rz.scp.css */
.seguimiento-perfil[b-pz7iah9aze] { border-inline-start: 4px solid var(--ct-primary, #727cf5); }
.seguimiento-tipos[b-pz7iah9aze] { display: grid; grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)); gap: .5rem; }
.seguimiento-tipo[b-pz7iah9aze] { display: flex; flex-direction: column; align-items: center; gap: .25rem; border: 1px solid var(--ct-border-color, #dee2e6); }
.seguimiento-tipo:hover[b-pz7iah9aze], .seguimiento-tipo:focus-visible[b-pz7iah9aze] { border-color: var(--ct-primary, #727cf5); }
.seguimiento-tabla[b-pz7iah9aze] { font-size: .775rem; line-height: 1.25; }
.seguimiento-tabla th[b-pz7iah9aze] { white-space: nowrap; padding: .3rem .4rem; }
.seguimiento-tabla td[b-pz7iah9aze] { padding: .15rem .4rem; }
.seguimiento-tabla .seguimiento-tema[b-pz7iah9aze] { min-width: 210px; }
.seguimiento-tabla .seguimiento-leccion[b-pz7iah9aze] { max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.seguimiento-tabla .seguimiento-salon[b-pz7iah9aze] { max-width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.seguimiento-tabla .seguimiento-historial[b-pz7iah9aze] { min-height: 24px; padding: 0 .25rem; font-size: inherit; line-height: 1.25; white-space: nowrap; }
.seguimiento-tabla .seguimiento-recurso-leccion[b-pz7iah9aze] { min-width: 24px; min-height: 24px; font-size: inherit; line-height: 1; }
.seguimiento-tabla .seguimiento-leccion-alterna > td[b-pz7iah9aze] { --ct-table-bg: var(--ct-tertiary-bg, #f3f5f7); --bs-table-bg: var(--ct-tertiary-bg, #f3f5f7); background-color: var(--ct-tertiary-bg, #f3f5f7); }
.seguimiento-tabla .seguimiento-leccion-inicio:not(:first-child) > td[b-pz7iah9aze] { border-top-width: 2px; }
.seguimiento-observacion[b-pz7iah9aze] { min-width: 100px; max-width: 220px; white-space: pre-wrap; overflow-wrap: anywhere; }
.seguimiento-dialogo[b-pz7iah9aze] { width: min(1200px, 95vw); max-height: 90vh; padding: 0; border: 0; border-top: 4px solid var(--ct-primary, #727cf5); border-radius: .5rem; color: var(--ct-body-color, #6c757d); background: var(--ct-secondary-bg, #fff); }
.seguimiento-dialogo[b-pz7iah9aze]::backdrop { background: rgba(0, 0, 0, .5); }
.seguimiento-dialogo .modal-content[b-pz7iah9aze] { max-height: calc(90vh - 4px); border: 0; background: inherit; }
.seguimiento-dialogo .modal-header[b-pz7iah9aze] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--ct-border-color, #dee2e6); }
.seguimiento-dialogo .modal-title[b-pz7iah9aze] { margin: 0 0 .25rem; }
.seguimiento-dialogo .btn-close[b-pz7iah9aze] { flex-shrink: 0; margin: 0; }
.seguimiento-dialogo .modal-body[b-pz7iah9aze] { padding: 1.25rem 1.5rem; overflow-y: auto; min-height: 0; }
.seguimiento-dialogo .table[b-pz7iah9aze] { margin-bottom: 0; }
.seguimiento-dialogo .modal-footer[b-pz7iah9aze] { display: flex; justify-content: flex-end; padding: 1rem 1.5rem; border-top: 1px solid var(--ct-border-color, #dee2e6); }
@media (max-width: 575.98px) {
    .seguimiento-dialogo .modal-header[b-pz7iah9aze], .seguimiento-dialogo .modal-body[b-pz7iah9aze], .seguimiento-dialogo .modal-footer[b-pz7iah9aze] { padding: 1rem; }
}
@media print {
    .no-print[b-pz7iah9aze] { display: none !important; }
    .card[b-pz7iah9aze] { box-shadow: none !important; break-inside: avoid; }
    .table-responsive[b-pz7iah9aze] { overflow: visible; }
}