

body.is-teacher #tr-casa .tr-guardar { display:none !important; }
#noche .tr-zona, #folio-ov .folio-art, #lec-ov, #exercises-container { -webkit-touch-callout:none; }
html.tr-deslizando, html.tr-deslizando * { -webkit-user-select:none !important; user-select:none !important; -webkit-touch-callout:none !important; }

#tr-casa { transform:translate(-50%, 18px);
  transition:opacity var(--dc-t-salida, .32s) var(--dc-ease, cubic-bezier(.42,0,.18,1)), transform var(--dc-t-salida, .32s) var(--dc-ease, cubic-bezier(.42,0,.18,1)); }
#tr-casa.abierta { transform:translate(-50%, 0);
  transition:opacity var(--dc-t-entrada, .85s) var(--dc-ease, cubic-bezier(.42,0,.18,1)), transform var(--dc-t-entrada, .85s) var(--dc-ease, cubic-bezier(.42,0,.18,1)); }
html.clases-oscuro #tr-casa { left:0; right:0; bottom:0; width:auto; border-radius:0; box-shadow:none; transform:translateY(18px);
  background:linear-gradient(0deg, rgba(10,10,12,.96) 0%, rgba(10,10,12,.9) 52%, rgba(10,10,12,0) 100%);
  padding:calc(110 * var(--dc-u)) max(20px, calc(50vw - 330px)) max(calc(46 * var(--dc-u)), 18px, env(safe-area-inset-bottom));
  column-gap:var(--casa-sp-28); align-items:end; }
html.clases-oscuro #tr-casa.abierta { transform:none; }
html.clases-oscuro #tr-casa .tr-es { font-size:var(--dc-fs-60); line-height:1.05; color:#F2F2F4;
  text-shadow:0 0 calc(22 * var(--dc-u)) rgba(242,242,244,.42), 0 0 calc(64 * var(--dc-u)) rgba(242,242,244,.14); }
html.clases-oscuro #tr-casa .tr-ru { margin-top:calc(12 * var(--dc-u)); font-size:var(--dc-fs-40); color:rgba(242,242,244,.72); text-shadow:none; }
html.clases-oscuro #tr-casa .tr-botones { align-self:end; gap:calc(24 * var(--dc-u)); padding-bottom:calc(4 * var(--dc-u)); }
html.clases-oscuro #tr-casa .tr-guardar { font-size:var(--dc-fs-40); padding:calc(8 * var(--dc-u)) 0; border-radius:0; color:#F2F2F4;
  text-shadow:0 0 calc(22 * var(--dc-u)) rgba(242,242,244,.45); }
html.clases-oscuro #tr-casa .tr-cerrar { font-size:var(--dc-fs-40); padding:calc(8 * var(--dc-u)) 0 calc(8 * var(--dc-u)) calc(8 * var(--dc-u)); color:rgba(242,242,244,.45); }
@media (max-width:700px) { html.clases-oscuro #tr-casa { padding-top:70px; } html.clases-oscuro #tr-casa .tr-es { font-size:var(--dc-fs-60); } html.clases-oscuro #tr-casa .tr-ru { font-size:var(--dc-fs-40); } }
@media (prefers-reduced-motion: reduce) { #tr-casa, #tr-casa.abierta { transition:none; } }

@keyframes trAuraPulso {
  0%   { box-shadow:0 10px 50px #141E2D84, 0 0 0 0 rgba(0,107,0,0); }
  27%  { box-shadow:0 10px 50px #141E2D84, 0 0 64px 16px rgba(0,107,0,.42); }
  62%  { box-shadow:0 10px 50px #141E2D84, 0 0 64px 16px rgba(0,107,0,.42); }
  100% { box-shadow:0 10px 50px #141E2D84, 0 0 36px 4px rgba(0,107,0,.2); }
}
#tr-casa.tr-aura.abierta { animation:trAuraPulso 1.9s var(--dc-ease, cubic-bezier(.42,0,.18,1)) both; }
@keyframes trAuraPulsoNoche {
  0%   { text-shadow:0 0 calc(22 * var(--dc-u)) rgba(242,242,244,.42); }
  27%, 62% { text-shadow:0 0 18px rgba(40,215,60,.85), 0 0 60px rgba(40,215,60,.45), 0 0 calc(22 * var(--dc-u)) rgba(242,242,244,.42); }
  100% { text-shadow:0 0 22px rgba(40,215,60,.3), 0 0 calc(22 * var(--dc-u)) rgba(242,242,244,.42); }
}
html.clases-oscuro #tr-casa.tr-aura.abierta { animation:none; }
html.clases-oscuro #tr-casa.tr-aura.abierta .tr-es { animation:trAuraPulsoNoche 1.9s var(--dc-ease, cubic-bezier(.42,0,.18,1)) both; }
@media (prefers-reduced-motion: reduce) { #tr-casa.tr-aura.abierta { animation:none; box-shadow:0 10px 50px #141E2D84, 0 0 36px 4px rgba(0,107,0,.2); } }
