.modal-hoja{border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);width:100%;max-width:none;height:90dvh;max-height:none;color:var(--color-on-surface);border-bottom:0;border-radius:22px 22px 0 0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 30px 80px -20px #0009}.modal-hoja[open]{flex-direction:column;display:flex}.modal-hoja::backdrop{background:#0000008c}@media (width>=768px){.modal-hoja{border:1px solid var(--color-outline-variant);border-right:0;border-radius:18px 0 0 18px;width:min(30rem,100vw);height:100dvh;inset:0 0 0 auto}.modal-hoja.modal-hoja-ancha{width:min(56rem,100vw)}}.modal-hoja-cabeza{border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.5rem 1rem .75rem;display:flex;position:relative}.modal-hoja-manija{background:var(--color-outline);border-radius:4px;width:2.5rem;height:.25rem;margin-left:-1.25rem;position:absolute;top:.5rem;left:50%}@media (width>=768px){.modal-hoja-cabeza{padding-top:1.125rem}.modal-hoja-manija{display:none}}.modal-hoja-cuerpo{overscroll-behavior:contain;flex-direction:column;flex:1;gap:.875rem;min-height:0;padding:.875rem 1rem;display:flex;overflow-y:auto}.modal-hoja-pie{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);justify-content:space-between;align-items:center;gap:.75rem;display:flex}@media (prefers-reduced-motion:no-preference){.modal-hoja[open]{animation:.35s cubic-bezier(.22,1,.36,1) modal-hoja-sube}.modal-hoja[open]::backdrop{animation:.25s ease-out modal-hoja-velo}@media (width>=768px){.modal-hoja[open]{animation-name:modal-hoja-entra}}}@keyframes modal-hoja-sube{0%{transform:translateY(100%)}to{transform:none}}@keyframes modal-hoja-entra{0%{transform:translate(100%)}to{transform:none}}@keyframes modal-hoja-velo{0%{opacity:0}to{opacity:1}}.modal-lateral-con-pie[open]{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.modal-lateral-cuerpo{overscroll-behavior:contain;flex:1;min-height:0;margin-inline:-5px;padding-inline:5px;overflow-y:auto}.modal-lateral-con-pie .modal-hoja-pie{margin-inline:calc(-1 * var(--spacing-space-lg));padding-inline:var(--spacing-space-lg)}.modal-centrado form>:last-child:has(button[type=submit]){bottom:calc(-1 * var(--spacing-space-lg));z-index:1;margin-inline:calc(-1 * var(--spacing-space-lg));margin-bottom:calc(-1 * var(--spacing-space-lg));padding:.75rem var(--spacing-space-lg) calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);position:sticky}