.modal{border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);border-radius:6px;flex-direction:column;width:100%;max-width:min(46rem,100vw - 2rem);max-height:calc(100dvh - 3rem);margin:auto;padding:0;display:flex;overflow:hidden;box-shadow:0 12px 40px #0000002e}.modal::backdrop{background:#00000073}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-inline-md);padding:var(--space-inline-lg);border-bottom:1px solid var(--border-subtle);background:var(--surface-raised);display:flex;position:sticky;top:0}.modal__heading{flex-direction:column;gap:3px;min-width:0;display:flex}.modal__title{margin:0;font-size:1.05rem;font-weight:600}.modal__subtitle{color:var(--text-muted);margin:0;font-size:.83rem}.modal__close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;place-items:center;padding:0;display:inline-grid}.modal__close:hover{background:var(--surface-hover);border-color:var(--border-subtle);color:var(--text-primary)}.modal__close:focus-visible{border-color:var(--border-focus)}.modal__body{padding:var(--space-inline-lg);overscroll-behavior:contain;overflow-y:auto}@media (max-width:40rem){.modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;box-shadow:none;border:none;border-radius:0;margin:0}}@media (prefers-reduced-motion:no-preference){.modal[open]{animation:.14s ease-out modal-entrada}@keyframes modal-entrada{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}