.ui-hoja{width:100%;max-width:100%;height:fit-content;max-height:min(92dvh, calc(100% - var(--espacio-6)));border-radius:var(--radio-l) var(--radio-l) 0 0;background-color:var(--color-superficie);color:var(--color-texto);box-shadow:var(--sombra-3);overscroll-behavior:contain;border:0;margin:auto 0 0;padding:0;position:fixed;inset:0;overflow:hidden}.ui-hoja[open]{animation:ui-hoja-sube var(--transicion-lenta) both;flex-direction:column;display:flex}.ui-hoja::backdrop{background-color:#2b26227a;background-color:var(--color-velo,#2b26227a);animation:ui-velo-aparece var(--transicion-lenta) both}.ui-hoja__panel{flex-direction:column;flex:1;min-height:0;display:flex}.ui-hoja__cabecera{align-items:center;gap:var(--espacio-3);min-height:64px;padding:var(--espacio-3) var(--espacio-2) var(--espacio-3) var(--espacio-5);border-block-end:1px solid var(--color-borde);flex:none;display:flex;position:relative}.ui-hoja__cabecera:before{content:"";border-radius:var(--radio-pill);background-color:var(--color-borde);width:40px;height:4px;position:absolute;top:6px;left:50%;translate:-50%}.ui-hoja__titulo{min-width:0;font-size:var(--tamano-xl);flex:1}.ui-hoja .ui-hoja__cerrar{--_texto:var(--color-texto);--_texto-hover:var(--color-texto);--_fondo-hover:var(--color-superficie-alt);flex:none}.ui-hoja__cuerpo{overscroll-behavior:contain;min-height:0;padding:var(--espacio-4) var(--espacio-5);flex:1;overflow-y:auto}.ui-hoja__pie{gap:var(--espacio-3);padding:var(--espacio-3) var(--espacio-5) calc(var(--espacio-3) + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--color-borde);background-color:var(--color-superficie);flex-direction:column;flex:none;display:flex}@media (width>=768px){.ui-hoja{border-radius:var(--radio-l) 0 0 var(--radio-l);width:min(440px,100vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto;inset:0 0 0 auto}.ui-hoja[open]{animation-name:ui-hoja-entra}.ui-hoja__cabecera:before{display:none}.ui-hoja__pie{padding-block-end:var(--espacio-4)}}@keyframes ui-hoja-sube{0%{transform:translateY(100%)}}@keyframes ui-hoja-entra{0%{transform:translate(100%)}}@keyframes ui-velo-aparece{0%{opacity:0}}