/* Momentia — hoja «Agendar / Cómo llegar» (se adapta a los colores de cada diseño, incluida Noche dorada) */
.act-sheet { border: 0; padding: 0; margin: auto auto 0; width: min(100%, 460px); max-width: 100%; max-height: 100%; background: transparent; color: var(--ivory, var(--fg, #222)); }
.act-sheet::backdrop { background: rgb(0 0 0 / .55); backdrop-filter: blur(2px); }
.act-sheet[open] { animation: act-up .28s cubic-bezier(.2, .8, .2, 1); }
@keyframes act-up { from { transform: translateY(40px); opacity: 0; } }
.act-sheet__box { margin: 0 10px calc(10px + env(safe-area-inset-bottom)); padding: 1.1rem 1rem 1rem; border-radius: 22px;
  background: var(--ink-2, var(--g1, var(--bg, #fff))); border: 1px solid var(--line, rgb(0 0 0 / .1)); box-shadow: 0 30px 70px -20px rgb(0 0 0 / .6); }
.act-sheet__title { margin: .2rem .4rem 1rem; text-align: center; font-family: var(--serif, var(--title-font, inherit)); font-size: 1.3rem; }
.act-sheet__list { display: grid; gap: .45rem; }
.act-sheet__item { display: flex; align-items: center; gap: .9rem; width: 100%; padding: .8rem .9rem; border-radius: 14px; text-align: left; text-decoration: none; cursor: pointer;
  border: 1px solid var(--line, rgb(0 0 0 / .1)); background: var(--ink-3, var(--bg-2, rgb(0 0 0 / .03))); color: inherit; font: inherit; transition: border-color .15s, transform .15s; }
.act-sheet__item:hover { border-color: var(--gold, var(--accent)); }
.act-sheet__item:active { transform: scale(.98); }
.act-sheet__item.is-main { border-color: var(--gold, var(--accent)); }
.act-sheet__item b { display: block; font-weight: 600; font-size: 1rem; }
.act-sheet__item small { display: block; margin-top: .1rem; font-size: .82rem; color: var(--muted, var(--fg-soft, #777)); }
.act-sheet__icon { flex: none; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: var(--gold, var(--accent)); background: rgb(var(--gold-rgb, var(--accent-rgb, 0 0 0)) / .12); }
.act-sheet__icon svg { width: 22px; height: 22px; }
.act-sheet__cancel { width: 100%; margin-top: .7rem; padding: .85rem; border: 0; border-radius: 14px; background: transparent; color: var(--muted, var(--fg-soft, #777)); font: 600 1rem var(--sans, var(--font-body, inherit)); cursor: pointer; }
@media (min-width: 700px) { .act-sheet { margin: auto; } .act-sheet__box { margin: 0; } }