/* ════════════════════════════════════════════════════════════════
   MI TURNO · modals/modal-card.css
   ════════════════════════════════════════════════════════════════ */

.modal-card {
  width: 100%;
  max-width: 340px;
  /* Scroll contenido dentro del card — NO en el overlay */
  max-height: calc(100svh - 48px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  /* Fondo sólido opaco: aísla el contenido del blur del overlay */
  background: var(--surface);
  border-radius: var(--radius);
  padding: 26px 22px;
  border: 1px solid var(--border);
  box-shadow: var(--sh-3);
  animation: fadeUp 0.35s var(--spring);
  /* Contener pintura para evitar que el scroll "rompa" el blur externo */
  contain: paint layout;
  will-change: transform;
}