@layer components{.ranura-traducir{align-items:center;display:inline-flex}.traduccion-barra{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.traduccion-barra:empty{display:none}.traduccion-boton:not(.ui-button){min-height:2.75rem;padding-inline:var(--space-4);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-primary-contrast);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.traduccion-boton:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ranura-traducir .traduccion-boton{align-self:center}.traduccion-boton-sec{color:var(--color-primary-text);border-color:var(--color-border-control);background-color:#0000}.traduccion-cuerpo{gap:var(--space-4);flex-direction:column;max-width:70ch;display:flex}.traduccion-opciones{gap:var(--space-3);flex-wrap:wrap;display:flex}.traduccion-opcion{min-height:3.5rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);color:var(--color-text);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;flex:12rem}.traduccion-opcion:hover{background-color:var(--color-bg)}.traduccion-opcion:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.traduccion-vista-previa{max-height:24rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-sm);white-space:pre;margin:0;line-height:1.6;overflow:auto}.traduccion-vista-previa:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.traduccion-aviso{font-weight:var(--font-weight-semibold);color:var(--color-text-danger);margin:0}.traduccion-motivos{gap:var(--space-2);color:var(--color-text);flex-direction:column;margin:0;padding-inline-start:var(--space-5);display:flex}.traduccion-donde{color:var(--color-text-muted)}.traduccion-ayuda,.traduccion-aviso-reemplazo{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.graded-feedback{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#0000;flex-direction:column;margin-block-start:var(--space-3);display:flex}.graded-feedback[hidden]{display:none}.graded-feedback-title{margin:0;font-size:1rem}.graded-feedback-intro{color:var(--color-text-muted);margin:0;font-size:.875rem}.graded-feedback-list{gap:var(--space-2);flex-direction:column;margin:0;padding-inline-start:var(--space-4);display:flex}.graded-feedback-item-title{margin:0;font-weight:600}.graded-feedback-item-text{overflow-wrap:anywhere;margin:0}.graded-feedback-locked{gap:var(--space-1);padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);flex-direction:column;display:flex}.graded-feedback-locked-title{margin:0;font-weight:600}.graded-feedback-locked-text{color:var(--color-text-muted);margin:0;font-size:.875rem}.graded-feedback-item[data-cuesta=true] .graded-feedback-item-title{text-underline-offset:.2em;text-decoration:underline}.graded-feedback-button{min-height:2.75rem;padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer;align-self:flex-start}.graded-feedback-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.graded-feedback-button:hover{background-color:#0000}.graded-feedback-exhausted{color:var(--color-text-muted);margin:0;font-size:.875rem}:root{--editor-hud-columnas-medio:minmax(0, 3fr) minmax(0, 2fr);--editor-hud-columnas-ancho:minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1.3fr)}.editor-hud{align-items:stretch;gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media not (max-width:48rem){.editor-hud{grid-template-columns:var(--editor-hud-columnas-medio)}.editor-hud>:nth-child(3){grid-column:1/-1}}@media not (max-width:72rem){.editor-hud{grid-template-columns:var(--editor-hud-columnas-ancho)}.editor-hud>:nth-child(3){grid-column:auto}}.editor-hud-cabecera{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}@media not (min-width:30rem){.editor-hud-cabecera{flex-direction:column;align-items:flex-start}}.editor-hud-guia{align-items:center;gap:var(--space-2);min-block-size:2.75rem;font-weight:var(--font-weight-semibold);display:inline-flex}.modal-dialog:has(:is(.autocorrection-panel-verdict,.pseudo-attempt-panel-verdict,.python-attempt-panel-verdict)[data-correcto=true],.execution-panel-summary[data-exito=true]) .modal-dialog-header{position:relative}.modal-dialog:has(:is(.autocorrection-panel-verdict,.pseudo-attempt-panel-verdict,.python-attempt-panel-verdict)[data-correcto=true],.execution-panel-summary[data-exito=true]) .modal-dialog-header:after{content:"";background-color:var(--color-text-success);transform-origin:0;block-size:3px;position:absolute;inset-block-end:calc(var(--space-3) / -2 - 1.5px);inset-inline:0}.momento-xp{--xp-visto:var(--xp);min-inline-size:calc(var(--xp-cifras) * 1ch);font-variant-numeric:tabular-nums;text-align:end;counter-reset:xp var(--xp-visto);display:inline-block}.momento-xp-visto:after{content:counter(xp) / ""}@media (prefers-reduced-motion:no-preference){.modal-dialog:has(:is(.autocorrection-panel-verdict,.pseudo-attempt-panel-verdict,.python-attempt-panel-verdict)[data-correcto=true],.execution-panel-summary[data-exito=true]) .modal-dialog-header:after{animation:momento-iluminar calc(.45s * var(--movimiento)) var(--movimiento-ritmo) backwards}.modal-dialog-overlay:not([hidden]) .execution-panel-summary[data-exito=true]{animation:momento-encender calc(.7s * var(--movimiento)) var(--motion-easing-decelerate)}.momento-xp{animation:momento-xp calc(.8s * var(--movimiento)) var(--motion-easing-decelerate) calc(.15s * var(--movimiento)) backwards}}@keyframes momento-iluminar{0%{scale:0 1}}@keyframes momento-encender{0%{text-shadow:0 0 .6em var(--color-text-success)}to{text-shadow:0 0 #0000}}@keyframes momento-xp{0%{--xp-visto:0}}.exercise-selector{--exercise-selector-focus:var(--color-focus);gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.exercise-selector:not(.ui-panel){padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg)}@media (prefers-color-scheme:dark){.exercise-selector{--exercise-selector-focus:var(--color-focus-dark)}}:root[data-theme=dark] .exercise-selector{--exercise-selector-focus:var(--color-focus-dark)}:root[data-theme=light] .exercise-selector{--exercise-selector-focus:var(--color-focus)}.exercise-selector-encabezado:not(.ui-panel-titulo){color:var(--color-text);overflow-wrap:anywhere;margin:0;font-size:clamp(1.05rem,1rem + .4vw,1.125rem);font-weight:700;line-height:1.3}.exercise-selector-estado-region{min-height:1.25em;color:var(--color-text-muted);margin:0;font-size:.875rem}.exercise-selector-estado-region[role=alert]{color:var(--color-text-danger);background-color:var(--color-bg-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.exercise-selector-controles{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.exercise-selector-label{color:var(--color-text);font-size:.875rem;font-weight:600}.exercise-selector-select{color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);max-width:100%;font-size:.85rem}.exercise-selector-select:disabled{cursor:not-allowed;opacity:.75}.exercise-selector-select:focus-visible{outline:2px solid var(--exercise-selector-focus);outline-offset:2px}.exercise-selector-contador:not(.ui-cifra-valor){color:var(--color-text-muted);margin:0;font-size:.875rem}.exercise-selector-aviso,.exercise-selector-experiencia{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-info);background-color:var(--color-bg-info);overflow-wrap:anywhere;margin:0;font-size:.875rem}.exercise-selector-progreso .ui-cifra-valor{margin:0}.exercise-selector-numero{display:inline-block}@media (prefers-reduced-motion:no-preference){.exercise-selector-progreso[data-momento] .exercise-selector-numero{animation:exercise-selector-numero-sube calc(.45s * var(--movimiento)) var(--movimiento-ritmo) calc(.15s * var(--movimiento)) backwards}}body:has(.modal-dialog-overlay:not([hidden])) .exercise-selector-progreso[data-momento] .exercise-selector-numero{animation-play-state:paused}@keyframes exercise-selector-numero-sube{0%{opacity:0;translate:0 .5em}}.exercise-statement-error{margin:var(--space-3) 0 0;padding:var(--space-3);color:var(--color-text-danger);background-color:var(--color-bg-danger);border-radius:var(--radius-sm)}.exercise-statement-examples{margin:var(--space-3) 0 0}.exercise-statement-examples-heading{margin:0 0 var(--space-1);font-size:var(--font-size-md)}.exercise-statement-examples-hint{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.exercise-statement-examples-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.exercise-statement-example-input,.exercise-statement-example-label{margin:0}.exercise-statement-example-output{margin:var(--space-1) 0 0;padding:var(--space-2) var(--space-3);font-family:var(--font-family-mono);font-size:var(--font-size-sm);white-space:pre-wrap;background-color:var(--color-bg-elevated);border:1px solid var(--color-border-control);border-radius:var(--radius-sm)}.ui-panel>.exercise-statement-summary{padding-block:var(--space-2);font-family:var(--font-family-rotulo);font-size:var(--font-size-xs);letter-spacing:var(--etiqueta-espaciado);text-transform:var(--etiqueta-mayusculas);color:var(--color-etiqueta);cursor:pointer}}@property --xp-visto{syntax:"<integer>";inherits:false;initial-value:0}