.noche .nm-servicio { transition:color .5s var(--dc-ease), transform .5s var(--dc-ease), text-shadow .5s ease; }
.noche .nm-servicios:hover .nm-servicio { filter:none; color:transparent; text-shadow:0 0 1.8px rgba(242,242,244,.4); }
.noche .nm-servicios .nm-servicio:hover, .noche .nm-servicios .nm-servicio:active, .noche .nm-servicios .nm-servicio:focus-visible {
  filter:none; color:#F2F2F4; text-shadow:0 0 18px rgba(255,255,255,.55), 0 0 54px rgba(242,242,244,.28); }
.noche.casa .nm-servicios:hover .nm-servicio { color:transparent; text-shadow:0 0 1.8px rgba(255,255,255,.5); }

.noche .un-ajov .un-ajb:not(.un-ajb-s) { padding:22px 36px; margin:-8px -36px -18px; }
.noche .un-ajov .un-ajb-quieto:not(.un-ajb-s) { margin-top:8px; }
.noche.alto .un-ajov .un-ajb:not(.un-ajb-s) { margin-top:-10px; }
.noche .un-ajov .un-ajb-s { padding:18px 26px; margin:-14px -12px -14px; }
.noche .un-ajf { padding:14px 44px 0; margin:2px -44px 0; }
.noche .un-ajov-plan { padding:16px 30px; margin:-16px -30px -6px; }

@media (any-hover: hover) {
  .opcion { padding:var(--dc-sp-20) 40px calc(var(--dc-sp-20) + 34px); margin:0 -40px -34px; }
  .crear-opciones .opcion { padding:var(--dc-sp-10) var(--dc-sp-24); margin:0 calc(var(--dc-sp-24) * -1); }
}

@media (max-width: 700px) {
  #screen-lesson .lesson-header-inner { display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:max(16px, env(safe-area-inset-top)) 14px 8px; }
  #screen-lesson .marca-alumno { font-size:34px; }
  #screen-lesson .marca-alumno .marca-club { font-size:14px; }
  #screen-lesson .leccion-der { gap:2px; align-self:center; }
  #screen-lesson .lesson-header .back-btn { font-size:22px !important; padding:6px 8px !important; }
  #screen-lesson .session-layout { padding:0 14px; gap:6px; }
  #screen-lesson .session-layout > .leccion-centro { flex:1 1 auto; width:100%; max-width:100%; }
  #screen-lesson .leccion-centro > #exercises-container { width:100%; }
  #screen-lesson #exercises-container .ex-wysiwyg { max-width:100%; box-sizing:border-box; }
  
  #screen-lesson .wa-hueco { max-width:100%; }
  #screen-lesson .wa-input { max-width:calc(100vw - 96px); }
  #screen-lesson .clase-titulo { font-size:28px; }
  
  #screen-lesson .session-layout > .pills-col { flex:none; width:100%; height:auto; position:relative; top:auto;
    flex-direction:row; flex-wrap:nowrap; overflow-x:auto; gap:16px; padding:2px 0 6px; }
  #screen-lesson .pills-col .class-pill, #screen-lesson .pills-col .class-pill.big { font-size:22px; width:auto; flex:none; max-width:85vw; white-space:normal; }
  #screen-lesson .pills-col .notebook-empty { font-size:15px; opacity:.6; }
  
  #screen-lesson .session-layout > .notebook-col { position:fixed; top:0; right:0; bottom:0; left:auto; height:100%; max-height:none;
    width:min(370px, 92vw); z-index:300; padding:max(18px, env(safe-area-inset-top)) 18px 18px; box-sizing:border-box;
    background:linear-gradient(165deg, rgba(190,199,211,.96), rgba(132,147,172,.97)); -webkit-backdrop-filter:blur(26px) saturate(130%); backdrop-filter:blur(26px) saturate(130%);
    box-shadow:-18px 0 50px rgba(20,30,45,.28); -webkit-mask-image:none; mask-image:none; transform:translateX(105%); filter:none; }
  #screen-lesson .session-layout > .notebook-col.open { transform:translateX(0); }
}