:root{--alto-visible:100vh;--vh:1vh;--area-arriba:env(safe-area-inset-top,0px);--area-derecha:env(safe-area-inset-right,0px);--area-abajo:env(safe-area-inset-bottom,0px);--area-izquierda:env(safe-area-inset-left,0px)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}html,body{width:100%;min-height:100%;overflow-x:hidden}.aplicacion{height:100vh;height:var(--alto-visible);height:100dvh}.acceso{min-height:100vh;min-height:var(--alto-visible);min-height:100dvh}.cancion.modo-ensayo .panel{height:calc(100vh - 127px);height:calc(var(--alto-visible) - 127px);height:calc(100dvh - 127px)}.mesa-ensayo{height:100vh;height:var(--alto-visible);height:100dvh;padding-top:var(--area-arriba);padding-right:var(--area-derecha);padding-bottom:var(--area-abajo);padding-left:var(--area-izquierda)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,[role=button],select,label{touch-action:manipulation}.contenido,aside nav,.pestanas,.selector-recursos,.barra-office,.ensayo-cuerpo{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}audio,video,iframe,img{max-width:100%}video{object-fit:contain}.youtube,.ensayo-youtube{height:auto;min-height:220px}.aviso-compatibilidad{position:fixed;z-index:1000;left:10px;right:10px;bottom:calc(10px + var(--area-abajo));display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#fff7d6;color:#5f4500;border:1px solid #ebcc64;box-shadow:0 10px 35px #0003}.aviso-compatibilidad span{font-size:12px}.aviso-compatibilidad button{margin-left:auto;width:40px;height:40px;border:0;border-radius:9px;background:#fff;color:#5f4500}
.campo-clave{position:relative;display:block;width:100%}.campo-clave input{width:100%;padding-right:52px!important}.alternar-clave{position:absolute;z-index:2;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#4c1d95!important;cursor:pointer;box-shadow:none!important}.alternar-clave:hover,.alternar-clave:focus-visible{background:#ede9fe!important;color:#6d28d9!important;outline:2px solid #8b5cf6;outline-offset:1px}.alternar-clave svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@supports(aspect-ratio:16/9){.youtube,.ensayo-youtube{aspect-ratio:16/9;min-height:0}}@media(pointer:coarse){button,.icono,.boton-texto,.pestanas button,.selector-recursos button,input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}.buscar input,.formulario input,.formulario select,.formulario textarea,.datos-letra input,.datos-letra select{font-size:16px}.acciones{gap:6px}.contenido{scroll-padding-bottom:calc(64px + var(--area-abajo))}}
@media(max-width:800px){body{padding:0}.aplicacion aside{padding-left:var(--area-izquierda);padding-bottom:var(--area-abajo)}main>header{padding-top:calc(8px + var(--area-arriba));padding-right:calc(10px + var(--area-derecha));padding-left:calc(10px + var(--area-izquierda));min-height:72px}.contenido{padding-right:calc(10px + var(--area-derecha));padding-bottom:calc(18px + var(--area-abajo));padding-left:calc(10px + var(--area-izquierda))}.modal{padding-top:calc(6px + var(--area-arriba));padding-right:calc(6px + var(--area-derecha));padding-bottom:calc(6px + var(--area-abajo));padding-left:calc(6px + var(--area-izquierda))}.modal-caja{max-height:94vh;max-height:calc(var(--alto-visible) - 12px);max-height:94dvh}.pestanas{scroll-snap-type:x proximity}.pestanas button{scroll-snap-align:start}.cabecera-cancion{align-items:flex-start}.cabecera-cancion>div:nth-child(2){min-width:0;flex:1}.cabecera-cancion h2{overflow-wrap:anywhere}.ensayo-cabecera{padding-top:calc(8px + var(--area-arriba))}}
@media(max-width:480px){.contenido{padding-top:8px}.cancion{border-radius:13px}.cabecera-cancion{gap:9px}.codigo{padding:6px 8px}.cabecera-cancion h2{font-size:16px}.panel{padding:10px}.acciones{max-width:55vw;overflow-x:auto}.encabezado strong{font-size:17px}.titulo-grupo{min-height:46px!important;padding:9px 11px!important}.editor-contenido{padding:14px!important}.visor{height:64vh;height:calc(var(--alto-visible)*.64);height:64dvh}}
@media(max-height:500px) and (orientation:landscape){main{grid-template-rows:58px 1fr}main>header{min-height:58px;padding-top:5px;padding-bottom:5px}.contenido{padding-top:7px}.mesa-ensayo{grid-template-rows:auto minmax(0,1fr) 30px}.ensayo-cabecera{min-height:56px}.ensayo-identidad span{display:none}.ensayo-panel-tipo-audio{max-height:94px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.aviso-compatibilidad{display:none!important}}