/* modal-responsive.css · Responsive mobile (@media max-width: 720px) */
@media (max-width: 720px) {
  .modal {
    padding: 0;
    align-items: stretch;
  }

  .modal__panel {
    max-width: 100%;
    max-height: 100vh;
    height: 100vh;
    border-radius: 0;
    border-left: none;
    border-right: none;
    /* Padding inferior 4rem en mobile: combinado con el mask-image
       de 24px y el padding-bottom de 2rem del form, deja el botón
       submit completamente fuera de la zona del fade. 1.5rem
       original dejaba el submit invisible al llegar al fondo. */
    padding: 2.5rem 1.25rem 4rem;
  }

  .modal__title {
    font-size: 1.15rem;
  }

  .modal__overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
  }
}