#tr-libre.tr-ficha.anclada { bottom:auto; left:auto; right:calc(26px + env(safe-area-inset-right, 0px)); top:calc(22px + env(safe-area-inset-top, 0px));
  z-index:var(--casa-capa-traductor-anclado); width:min(340px, calc(100vw - 200px)); padding:var(--casa-sp-12) var(--casa-sp-22); border-radius:var(--casa-radio-24); transform:none; transition:opacity .35s ease;
  background:var(--glass-hi, rgba(255,255,255,.72)); border:1px solid var(--border, rgba(20,30,45,.08));
  -webkit-backdrop-filter:blur(20px) saturate(150%); backdrop-filter:blur(20px) saturate(150%); box-shadow:0 8px 30px rgba(40,55,80,.16); }
#tr-libre.anclada .tr-libre-in { font-size:17px; line-height:24px; color:var(--text, #1d2433); caret-color:var(--text, #1d2433); text-shadow:none; }
#tr-libre.anclada .tr-libre-in::placeholder { color:var(--text3, #9aa3b2); }
#tr-libre.anclada .tr-ru { margin-top:var(--casa-sp-4); font-size:16px; line-height:1.3; color:var(--text2, #4a5568); text-shadow:none; }
#tr-libre.anclada .tr-ru.cargando { color:var(--text3, #9aa3b2); }
#tr-libre.anclada .tr-botones { display:none; }

@media (max-width:1100px) {
  #tr-libre.tr-ficha.anclada { bottom:auto; top:calc(22px + env(safe-area-inset-top, 0px)); right:calc(16px + env(safe-area-inset-right, 0px)); width:min(300px, calc(100vw - 200px)); }
}
@media (max-width:700px) { #tr-libre.anclada .tr-libre-in { font-size:16px; } #tr-libre.anclada .tr-ru { font-size:15px; } }

.notebook-col .tr2 { display:flex; flex-direction:column; gap:var(--dc-sp-16); padding:var(--dc-sp-24) 0 var(--dc-sp-40); }

.notebook-col .tr2 > :not(.tr2-campo) { padding-left:var(--dc-sp-24); padding-right:var(--dc-sp-24); }
.notebook-col .tr2-campo { display:block; flex:none; cursor:text; background:var(--dc-pill-metal); border-radius:var(--dc-r-nav);
  box-shadow:0 6px 18px rgba(20,30,45,.28); padding:var(--dc-sp-16) var(--dc-sp-24); margin:0 24px var(--dc-sp-8); }
.notebook-col .tr2-campo input { all:unset; display:block; width:100%; box-sizing:border-box; font-family:var(--dc-font); font-weight:var(--dc-weight);
  font-size:var(--dc-fs-30); line-height:1.2; color:#fff; caret-color:#fff; text-shadow:var(--dc-shadow-text); -webkit-user-select:text; user-select:text; }
.notebook-col .tr2-campo input::placeholder { color:rgba(255,255,255,.62); text-shadow:none; }
.notebook-col .tr2-ahora { display:none; }
.notebook-col .tr2-ahora.con { display:block; animation:dcEntraLigera var(--dc-t-entrada) var(--dc-ease) both; }
.notebook-col .tr2-ahora.cargando .tr2-ru { opacity:.6; }
.notebook-col .tr2-lista, .notebook-col .tr2-suyas { display:flex; flex-direction:column; gap:var(--dc-sp-16); }
.notebook-col .tr2-es { font-family:var(--dc-font); font-weight:var(--dc-weight); font-size:var(--dc-fs-30); line-height:1.2; color:var(--dc-ink);
  letter-spacing:var(--dc-tracking); text-shadow:var(--dc-shadow-text-strong); overflow-wrap:break-word; }
.notebook-col .tr2-ru { margin-top:var(--dc-sp-6); font-family:var(--dc-font); font-size:var(--dc-fs-22); line-height:1.25; color:var(--dc-ink-70); overflow-wrap:break-word; }
.notebook-col .tr2-it.tr2-nace { animation:dcEntraLigera var(--dc-t-entrada) var(--dc-ease) both; }
.notebook-col .tr2-guardar { all:unset; display:inline-block; margin-top:var(--dc-sp-6); font-family:var(--dc-font); font-size:var(--dc-fs-22); line-height:1;
  color:var(--dc-ink); opacity:.62; cursor:pointer; transform-origin:left center;
  transition:opacity var(--dc-t-lento) var(--dc-ease), text-shadow var(--dc-t-lento) var(--dc-ease), transform var(--dc-t-press) var(--dc-ease); }
@media (any-hover: hover) { .notebook-col .tr2-guardar:hover { opacity:1; text-shadow:var(--dc-shadow-text-strong); } }
.notebook-col .tr2-guardar:active { transform:scale(.985); }
.notebook-col .tr2-guardar.hecho { opacity:.4; cursor:default; }

.notebook-col .tr2-suya { margin-top:var(--dc-sp-24); }
.notebook-col .tr2-suya[hidden], .notebook-col .tr2-notas[hidden], .notebook-col .tr2-aviso[hidden] { display:none; }
.notebook-col .tr2-titulo { font-family:var(--dc-font); font-size:var(--dc-fs-18); color:var(--dc-ink-70); margin-bottom:var(--dc-sp-10); letter-spacing:var(--dc-tracking); }
.notebook-col .tr2-suya .tr2-es { font-size:var(--dc-fs-22); }
.notebook-col .tr2-suya .tr2-ru { font-size:var(--dc-fs-18); }

.tr2-aviso { font-family:var(--dc-font); font-size:var(--dc-fs-18); line-height:1.35; color:var(--dc-ink-70); animation:dcEntraLigera var(--dc-t-entrada) var(--dc-ease) both; }
#tr-casa .tr2-aviso-ficha { grid-column:1 / -1; margin-top:var(--dc-sp-10); max-width:34em; }

.notebook-col .tr2-notas { margin-top:var(--dc-sp-24); display:flex; flex-direction:column; gap:var(--dc-sp-8); }
.notebook-col .tr2-nota { font-family:var(--dc-font); font-size:var(--dc-fs-22); line-height:1.3; color:var(--dc-ink); opacity:.8; overflow-wrap:break-word; }

.notebook-toggle-btn.tr2-llega { animation:camRespira 3s ease-in-out 2; }

@media (max-width:700px) {
  #screen-lesson .notebook-col .tr2-campo input, #screen-lesson .notebook-col .tr2-es { font-size:var(--casa-letra-22); }
  #screen-lesson .notebook-col .tr2-ru, #screen-lesson .notebook-col .tr2-guardar, #screen-lesson .notebook-col .tr2-nota { font-size:17px; }
  #screen-lesson .notebook-col .tr2-aviso, #screen-lesson .notebook-col .tr2-titulo { font-size:15px; }
  #screen-lesson .notebook-col .tr2-campo { padding:var(--casa-sp-12) var(--casa-sp-18); }
}

#tr-libre.tr-ficha.anclada { background:linear-gradient(90deg, #C2CAD4, #8B97AB); border:0; box-shadow:0 10px 50px #141E2D84;
  -webkit-backdrop-filter:none; backdrop-filter:none; border-radius:var(--casa-radio-28); }
#tr-libre.anclada .tr-libre-in { color:#fff; caret-color:#fff; text-shadow:var(--dc-shadow-text); font-family:var(--dc-font, 'Coolvetica', sans-serif); }

#tr-libre.anclada .tr-libre-in::placeholder { color:rgba(255,255,255,.82); text-shadow:var(--dc-shadow-text); }
#tr-libre.anclada .tr-ru, #tr-libre.anclada .tr-ru.cargando { color:rgba(255,255,255,.88); text-shadow:var(--dc-shadow-text); }
@media (max-width:700px) {
  #tr-libre.tr-ficha.anclada { padding:var(--casa-sp-10) var(--casa-sp-16); width:calc(100vw - 170px - env(safe-area-inset-right, 0px)); right:calc(14px + env(safe-area-inset-right, 0px)); }
  #tr-libre.anclada .tr-libre-in { font-size:15px; }
}

html.clases-oscuro .notebook-col .tr2-campo { box-shadow:0 14px 50px rgba(0,0,0,.7), 0 2px 8px rgba(0,0,0,.4); }

#lec-error { position:fixed; z-index:var(--casa-capa-leccion-mandos); top:calc(40px + env(safe-area-inset-top, 0px)); right:calc(30px + env(safe-area-inset-right, 0px));
  height:78px; display:flex; align-items:center; opacity:0; pointer-events:none;
  transition:opacity var(--dc-t-entrada) var(--dc-ease); }
#lec-error.show { opacity:1; }
#lec-error.hide, #lec-error.con-teclado { opacity:0; transition-duration:var(--dc-t-salida); }
#lec-error.show:not(.con-teclado) > * { pointer-events:auto; }
#lec-error .ex-accion { font-size:var(--dc-fs-22); opacity:.42; }
@media (any-hover: hover) { #lec-error .ex-accion:hover { opacity:1; } }
@media (max-width: 899px) {
  #lec-error { top:calc(34px + env(safe-area-inset-top, 0px)); height:46px; right:calc(20px + env(safe-area-inset-right, 0px)); }
  #lec-error .ex-accion { font-size:14px; white-space:normal; text-align:right; max-width:7.5em; line-height:1.15; }
}

.aviso-campo { display:block; width:100%; max-width:calc(900 * var(--dc-u)); box-sizing:border-box; margin:var(--dc-sp-48) 0 0; padding:.2em 0;
  background:none; border:0; border-bottom:2px solid rgba(255,255,255,.55); border-radius:0; outline:none;
  font-family:var(--dc-font); font-weight:var(--dc-weight); font-size:max(16px, var(--dc-fs-50)); letter-spacing:var(--dc-tracking);
  color:var(--dc-ink); caret-color:var(--dc-ink); text-shadow:var(--dc-shadow-text); text-align:left; -webkit-appearance:none; appearance:none; }
.aviso-campo::placeholder { color:var(--dc-ink); opacity:.45; text-shadow:none; }