/**
 * Estilos do modal do portal: card do modal, variações de conteúdo e o véu de
 * bloqueio do fundo (blocker).
 *
 * Responsabilidades:
 * - Estilizar o card do modal em desktop e mobile.
 * - Estilizar a camada que bloqueia o conteúdo atrás do modal.
 *
 * CSS puro, editado à mão: o portal não tem Sass nem build do Tailwind. Depois
 * de editar, rode build-css.sh e comite o public/css/app.css gerado.
 *
 * @package Portal\Recursos\CSS
 * @llmdoc A posição deste arquivo na cascata está declarada em build-css.sh;
 *         não reordenar.
 */
.modal-card {
  max-width: 822px;
  display: flex;
  text-align: center;
}

@media (min-width: 1024px) {
  .modal-card .content,
  .modal-card .content-full {
    padding: 77px 126px;
  }
}

@media (max-width: 1023px) {
  .modal-card .content {
    padding: 22px;
  }

  .modal-card .content-full {
    padding: 22px;
  }
}

.blocker {
  padding-left: 0 !important;
  padding-right: 0 !important;
}