/* ==========================================================================
   SISTEMA VISUAL — consistência entre todas as áreas do Mercado Pro Clubs
   ========================================================================== */

/* Cabeçalho compacto e estável em todas as páginas */
.main-header {
  height: 92px;
  margin-bottom: 0;
  background: linear-gradient(90deg, rgba(3, 9, 13, 0.94), rgba(5, 21, 12, 0.9));
  backdrop-filter: blur(16px);
  border-bottom-color: var(--design-borda);
  box-shadow: 0 12px 38px rgba(0, 0, 0, 0.28);
}

.main-header > .logo,
.main-header > .menu-carrossel,
.main-header > .login-header {
  top: 0;
}

.main-header > .logo img.logo {
  width: clamp(165px, 15vw, 210px);
  height: 84px;
  object-fit: contain;
}

@media (min-width: 769px) {
  /* Mantém a navegação no centro real da tela, independentemente da largura
     da logo, dos ícones ou do nome do usuário nas laterais. */
  .main-header {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .main-header > .menu-carrossel {
    position: absolute;
    grid-column: 1 / -1;
    grid-row: 1;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: max-content;
    max-width: calc(100% - 300px);
    transform: translate(-50%, -50%);
  }

  .main-header > .logo,
  .main-header > .login-header {
    position: relative;
    z-index: 3;
  }

  .main-header > .logo img.logo {
    max-width: none;
    flex: 0 0 auto;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .main-header > .menu-carrossel .lista-links {
    gap: 2px;
  }

  .main-header > .menu-carrossel .lista-links a {
    min-height: 38px;
    padding: 8px 8px;
    font-size: 12px;
  }

  .main-header > .login-header .hu-nome {
    display: none;
  }
}

.lista-links a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 9px 13px;
  border-radius: var(--design-raio-sm);
  font-size: clamp(12px, 1vw, 14px);
}

/* Foco e interação consistentes */
:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(18, 224, 108, 0.48);
  outline-offset: 3px;
}

:where(button, a, input, select, textarea) {
  -webkit-tap-highlight-color: transparent;
}

/* Estrutura das quatro áreas principais */
.body-mercado .main-main {
  padding: clamp(36px, 5vw, 64px) 20px 72px;
}

.body-mercado .lfg-section,
.body-explorar .explorar-main,
.body-negociacoes .negociacoes-main,
.body-torneios .torneios-main {
  width: min(1120px, calc(100% - 40px));
  margin: clamp(36px, 5vw, 64px) auto 72px;
  padding: clamp(24px, 3vw, 38px);
  overflow: hidden;
  border: 1px solid var(--design-borda);
  border-radius: var(--design-raio-lg);
  background:
    radial-gradient(circle at 92% 3%, rgba(18, 224, 108, 0.075), transparent 29%),
    linear-gradient(155deg, rgba(12, 19, 15, 0.98), rgba(6, 11, 8, 0.98));
  box-shadow: var(--design-sombra);
}

.body-mercado .lfg-section {
  max-width: 1120px;
  margin: 0;
}

.body-mercado .lfg-container {
  width: 100%;
  max-width: none;
}

.body-mercado .lfg-header {
  width: 100%;
  margin-bottom: 0;
}

.pagina-kicker,
.explorar-kicker,
.torneios-kicker,
.negociacoes-kicker,
.jogadores-eyebrow,
.mercado-acesso-kicker {
  display: inline-block;
  margin-bottom: 9px;
  color: var(--design-verde);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.body-mercado .lfg-header > h1,
.body-explorar .explorar-hero h1,
.body-torneios .torneios-hero h1,
.body-negociacoes .negociacoes-hero h1 {
  color: var(--design-texto);
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.06;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

.body-mercado .lfg-header > p,
.body-explorar .explorar-hero p,
.body-torneios .torneios-hero > p,
.body-negociacoes .negociacoes-hero p {
  color: var(--design-texto-secundario);
  font-size: 1rem;
  line-height: 1.7;
}

.body-mercado .lfg-header > p {
  margin-top: 10px;
}

/* Hero interno: mesma linguagem em todas as áreas */
.body-explorar .explorar-hero,
.body-torneios .torneios-hero,
.body-negociacoes .negociacoes-hero {
  padding: clamp(30px, 4vw, 48px);
  border: 1px solid var(--design-borda);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0, rgba(18, 224, 108, 0.13), transparent 48%),
    linear-gradient(145deg, rgba(17, 27, 21, 0.96), rgba(9, 14, 11, 0.96));
  box-shadow: none;
}

.body-explorar .explorar-hero {
  grid-template-columns: 1fr;
  text-align: center;
}

.body-explorar .explorar-atalhos {
  justify-content: center;
}

/* Cards e indicadores */
.body-mercado :where(.mercado-acesso-card, .lfg-criador, .jogadores-filtros-card, .jogador-card, .lfg-card),
.body-explorar :where(.explorar-painel, .explorar-clube-card, .explorar-metricas div),
.body-torneios :where(.torneios-metricas article, .torneio-card, .torneios-abas, .torneios-filtros),
.body-negociacoes :where(.negociacoes-acesso, .negociacoes-metricas article, .negociacoes-abas, .negociacao-card, .negociacoes-vazio) {
  border-color: var(--design-borda);
  border-radius: var(--design-raio-md);
  background: linear-gradient(145deg, rgba(19, 29, 23, 0.96), rgba(12, 18, 14, 0.96));
}

.body-mercado :where(.mercado-acesso-card, .lfg-criador, .jogador-card, .lfg-card),
.body-explorar .explorar-clube-card,
.body-torneios .torneio-card,
.body-negociacoes .negociacao-card {
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.body-mercado :where(.jogador-card, .lfg-card):hover,
.body-explorar .explorar-clube-card:hover,
.body-torneios .torneio-card:hover,
.body-negociacoes .negociacao-card:hover {
  transform: translateY(-3px);
  border-color: var(--design-borda-forte);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

/* Títulos de seção */
.body-mercado :where(.filtragem, .titulo-time, .jogadores-intro h2),
.body-explorar :where(.explorar-painel h2, .explorar-resultados h2),
.body-torneios .torneios-painel h2,
.body-negociacoes .negociacoes-secao-topo h2 {
  color: var(--design-verde);
  font-size: clamp(1.45rem, 2.8vw, 2.05rem);
  line-height: 1.15;
  letter-spacing: -0.025em;
}

/* Campos de busca e filtros */
.body-mercado :where(.lfg-input, .lfg-select, .lfg-textarea),
.body-explorar .explorar-campo :where(input, select),
.body-torneios .torneio-campo :where(input, select),
.body-torneios .torneios-filtros :where(input, select) {
  min-height: 46px;
  color: var(--design-texto);
  border: 1px solid var(--design-borda);
  border-radius: var(--design-raio-sm);
  background: var(--design-campo);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.body-mercado :where(.lfg-input, .lfg-select, .lfg-textarea):focus,
.body-explorar .explorar-campo :where(input, select):focus,
.body-torneios .torneio-campo :where(input, select):focus,
.body-torneios .torneios-filtros :where(input, select):focus {
  border-color: var(--design-verde);
  background: #0d1711;
  box-shadow: 0 0 0 4px rgba(18, 224, 108, 0.1);
  outline: none;
}

:where(.body-mercado, .body-explorar, .body-torneios) input::placeholder {
  color: #68776e;
}

/* Botões de ação */
.body-mercado :where(.mercado-aba, .mercado-acesso-acoes a, .btn-publicar, .btn-carregar-mais, .btn-limpar-filtros, .btn-meu-perfil-mercado),
.body-explorar :where(.explorar-btn, .explorar-limpar, .explorar-card-link),
.body-torneios .torneio-btn,
.body-negociacoes :where(.negociacoes-cta, .negociacoes-acesso a, .negociacao-acao, .negociacoes-vazio a) {
  min-height: 44px;
  border-radius: var(--design-raio-sm);
  font-weight: 850;
}

.body-mercado :where(.mercado-acesso-primario, .btn-publicar, .btn-meu-perfil-mercado),
.body-explorar :where(.explorar-btn-primario, .explorar-card-link),
.body-torneios .torneio-btn-primario,
.body-negociacoes :where(.negociacoes-cta, .negociacoes-acesso a, .negociacao-acao.primaria, .negociacoes-vazio a) {
  color: #031008;
  border-color: var(--design-verde);
  background: var(--design-verde);
  box-shadow: 0 10px 28px rgba(18, 224, 108, 0.16);
}

.body-mercado :where(.mercado-acesso-primario, .btn-publicar, .btn-meu-perfil-mercado):hover,
.body-explorar :where(.explorar-btn-primario, .explorar-card-link):hover,
.body-torneios .torneio-btn-primario:hover,
.body-negociacoes :where(.negociacoes-cta, .negociacoes-acesso a, .negociacao-acao.primaria, .negociacoes-vazio a):hover {
  color: #031008;
  background: var(--design-verde-hover);
}

/* Cadastro: remove o visual azul isolado e apresenta a proposta junto do formulário */
.pagina-cadastro {
  background:
    radial-gradient(circle at 18% 35%, rgba(18, 224, 108, 0.11), transparent 30%),
    linear-gradient(145deg, #050a07, #0a120d);
}

.pagina-cadastro .cad-header {
  min-height: 88px;
  padding: 10px 20px 0;
}

.pagina-cadastro .cad-logo {
  width: clamp(165px, 15vw, 210px);
  height: 84px;
  max-width: none;
  object-fit: contain;
}

.acao-email-header img {
  width: clamp(165px, 15vw, 210px);
  height: 84px;
  max-width: none;
  max-height: none;
  object-fit: contain;
}

.pagina-cadastro .cad-main {
  width: min(1080px, calc(100% - 32px));
  margin: 18px auto 64px;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1fr);
  align-items: stretch;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--design-borda);
  border-radius: 24px;
  background: rgba(8, 14, 10, 0.96);
  box-shadow: var(--design-sombra);
}

.pagina-cadastro .cad-apresentacao {
  position: relative;
  padding: clamp(42px, 6vw, 72px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    radial-gradient(circle at 20% 10%, rgba(18, 224, 108, 0.18), transparent 34%),
    linear-gradient(150deg, #0c1a11, #071009);
  border-right: 1px solid var(--design-borda);
}

.pagina-cadastro .cad-apresentacao::after {
  content: "";
  position: absolute;
  right: -150px;
  bottom: -170px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(18, 224, 108, 0.15);
  border-radius: 50%;
}

.pagina-cadastro .cad-apresentacao > * {
  position: relative;
  z-index: 1;
}

.pagina-cadastro .cad-apresentacao span {
  color: var(--design-verde);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.pagina-cadastro .cad-apresentacao h1 {
  margin: 14px 0 18px;
  color: var(--design-texto);
  font-size: clamp(2.2rem, 4vw, 3.6rem);
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.pagina-cadastro .cad-apresentacao h1 em {
  color: var(--design-verde);
  font-style: normal;
}

.pagina-cadastro .cad-apresentacao p {
  color: var(--design-texto-secundario);
  line-height: 1.7;
}

.pagina-cadastro .cad-apresentacao ul {
  margin-top: 28px;
  display: grid;
  gap: 13px;
  color: #cfdbd3;
  list-style: none;
  font-size: 0.86rem;
}

.pagina-cadastro .cad-apresentacao li::before {
  margin-right: 9px;
  color: var(--design-verde);
  content: "✓";
  font-weight: 900;
}

.pagina-cadastro .cad-lado-direito {
  padding: clamp(32px, 5vw, 56px);
  background: linear-gradient(145deg, #101a14, #0b120e);
}

.pagina-cadastro .cad-field input {
  min-height: 46px;
  color: var(--design-texto);
  border-color: var(--design-borda);
  border-radius: var(--design-raio-sm);
  background: var(--design-campo);
}

.pagina-cadastro .cad-field input:focus {
  border-color: var(--design-verde);
  box-shadow: 0 0 0 4px rgba(18, 224, 108, 0.1);
}

.pagina-cadastro :where(.cad-intencao, .cad-perfil-btn, .cad-tabs) {
  border-color: var(--design-borda);
  background: rgba(255, 255, 255, 0.025);
}

.pagina-cadastro :where(.cad-btn-primary, .cad-tab.active) {
  color: #031008;
  background: var(--design-verde);
}

/* Perfil e Meu Clube passam a usar o verde oficial, sem uma segunda tonalidade */
.body-perfil {
  --perfil-verde: var(--design-verde);
  --perfil-verde-hover: var(--design-verde-hover);
  --perfil-verde-suave: rgba(18, 224, 108, 0.11);
  --perfil-fundo-card: var(--design-superficie);
  --perfil-fundo-campo: var(--design-campo);
  --perfil-borda: var(--design-borda);
  --perfil-texto-secundario: var(--design-texto-secundario);
}

.body-perfil :where(.perfil-menu, .perfil-container-main, .detalhes-jogador, .perfil-card, .posicoes),
body:not(.clube-publico) #clube-editor :where(.card, .clube-area-cabecalho) {
  border-color: var(--design-borda);
  background: linear-gradient(145deg, rgba(18, 27, 21, 0.97), rgba(10, 16, 12, 0.97));
}

/* ==========================================================================
   INTERFACE V2 — componentes consistentes, estados claros e acabamento
   ========================================================================== */

:root {
  --design-sombra-card: 0 14px 38px rgba(0, 0, 0, 0.22);
  --design-sombra-hover: 0 20px 48px rgba(0, 0, 0, 0.3);
  --design-perigo: #ff6464;
  --design-alerta: #f7c948;
  --design-transicao: 180ms ease;
}

html {
  color-scheme: dark;
}

body {
  line-height: 1.5;
}

:where(button, input, select, textarea) {
  font: inherit;
}

:where(button, [role="button"], a) {
  touch-action: manipulation;
}

:where(button, [role="button"], a, input, select, textarea) {
  transition-property: color, background-color, border-color, box-shadow, opacity, transform;
  transition-duration: var(--design-transicao);
}

:where(button:disabled, input:disabled, select:disabled, textarea:disabled),
:where([aria-disabled="true"]) {
  opacity: 0.52;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

:where(input, select, textarea) {
  caret-color: var(--design-verde);
}

:where(select option) {
  color: var(--design-texto);
  background: #0d1510;
}

/* Ações do cabeçalho deixam de parecer ícones soltos. */
.notification-icon,
.email-container {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  animation: none;
}

.notification-icon:hover,
.email-container:hover,
.notification-icon:focus-visible,
.email-container:focus-visible {
  color: var(--design-verde);
  border-color: var(--design-borda-forte);
  background: rgba(18, 224, 108, 0.09);
  transform: translateY(-1px);
}

.email-container:hover {
  transform: translateY(-1px);
}

.hu-dropdown {
  min-width: 210px;
  padding: 7px;
  overflow: hidden;
  border: 1px solid var(--design-borda);
  border-radius: var(--design-raio-md);
  background: rgba(11, 18, 14, 0.98);
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(18px);
}

.hu-drop-item {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 8px;
  color: #dce7e0;
  font-weight: 650;
}

.hu-drop-item:hover,
.hu-drop-item:focus-visible {
  color: var(--design-verde);
  background: rgba(18, 224, 108, 0.1);
}

.hu-drop-divider {
  background: var(--design-borda);
}

/* Botões: mesma altura, peso e resposta visual em todas as áreas. */
:where(
  .btn-neon,
  .btn-hero-secundario,
  .btn-submit,
  .inicio-torneio-acoes a,
  .inicio-torneio-acoes button,
  .inicio-proximo-acao,
  .caminho-card > a,
  .cad-btn-primary,
  .clube-acao-principal,
  .modal-confirm-cancelar,
  .modal-confirm-confirmar,
  .torneio-btn,
  .explorar-btn,
  .negociacoes-cta
) {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--design-raio-sm);
  font-weight: 850;
  line-height: 1.1;
}

@media (hover: hover) {
  :where(
    .btn-neon,
    .btn-hero-secundario,
    .btn-submit,
    .inicio-torneio-acoes a,
    .inicio-torneio-acoes button,
    .inicio-proximo-acao,
    .caminho-card > a,
    .cad-btn-primary,
    .clube-acao-principal,
    .torneio-btn,
    .explorar-btn,
    .negociacoes-cta
  ):not(:disabled):hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
  }
}

:where(
  .btn-neon,
  .btn-hero-secundario,
  .btn-submit,
  .inicio-torneio-acoes a,
  .inicio-torneio-acoes button,
  .inicio-proximo-acao,
  .caminho-card > a,
  .cad-btn-primary,
  .clube-acao-principal,
  .torneio-btn,
  .explorar-btn,
  .negociacoes-cta
):not(:disabled):active {
  transform: translateY(0) scale(0.985);
}

/* Abas comunicam seleção com clareza e mantêm uma área confortável de toque. */
:where(.mercado-aba, .torneios-aba, .negociacoes-aba, .aba-item, .cad-tab) {
  position: relative;
  min-height: 44px;
  border-radius: var(--design-raio-sm);
  font-weight: 800;
}

:where(.mercado-aba, .torneios-aba, .negociacoes-aba, .aba-item, .cad-tab)[aria-selected="true"] {
  color: var(--design-verde);
  border-color: var(--design-borda-forte);
  background: rgba(18, 224, 108, 0.1);
  box-shadow: inset 0 0 0 1px rgba(18, 224, 108, 0.08), 0 8px 22px rgba(0, 0, 0, 0.16);
}

/* Campos e filtros compartilham o mesmo foco, inclusive no perfil e no admin. */
:where(
  .body-perfil,
  .body-admin,
  .body-negociacoes,
  .animar-scroll,
  .pagina-cadastro,
  .acao-email-pagina
) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]), select, textarea) {
  border-color: var(--design-borda);
  border-radius: var(--design-raio-sm);
}

:where(
  .body-perfil,
  .body-admin,
  .body-negociacoes,
  .animar-scroll,
  .pagina-cadastro,
  .acao-email-pagina
) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]), select, textarea):focus {
  border-color: var(--design-verde);
  outline: none;
  box-shadow: 0 0 0 4px rgba(18, 224, 108, 0.1);
}

/* Cards ganham profundidade discreta, sem excesso de brilho neon. */
.pagina-inicial :where(.card, .inicio-metricas article, .inicio-torneio-destaque, .inicio-proximo-passo, .caminho-card),
.body-admin :where(.admin-card, .admin-metrica, .admin-registro-card),
.body-perfil :where(.perfil-card, .detalhes-jogador, .posicoes) {
  border-color: var(--design-borda);
  box-shadow: var(--design-sombra-card);
}

.pagina-inicial .card {
  padding: 22px;
  background: linear-gradient(145deg, rgba(18, 28, 21, 0.98), rgba(10, 16, 12, 0.98));
  transition: transform var(--design-transicao), border-color var(--design-transicao), box-shadow var(--design-transicao);
}

.pagina-inicial .card-text p {
  color: var(--design-texto-secundario);
}

@media (hover: hover) {
  .pagina-inicial :where(.card, .caminho-card):hover {
    transform: translateY(-4px);
    border-color: var(--design-borda-forte);
    box-shadow: var(--design-sombra-hover);
  }
}

/* Modais e diálogos seguem a mesma superfície e mantêm o fundo legível. */
:where(.modal-overlay, .torneio-modal-overlay, .admin-torneio-modal-overlay) {
  background: rgba(1, 5, 3, 0.78);
  backdrop-filter: blur(9px);
  overscroll-behavior: contain;
}

:where(.modal-confirm-box, .modal-convidar-box, .torneio-modal, .admin-torneio-modal, .mercado-stats-modal) {
  border-color: var(--design-borda);
  border-radius: var(--design-raio-lg);
  background:
    radial-gradient(circle at 90% 0, rgba(18, 224, 108, 0.09), transparent 30%),
    linear-gradient(150deg, #121b15, #0a100c);
  box-shadow: 0 32px 100px rgba(0, 0, 0, 0.62);
}

:where(.modal-fechar, .torneio-modal-fechar, .admin-torneio-modal-fechar, .mercado-stats-modal-topo > button) {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid var(--design-borda);
  border-radius: 10px;
  color: var(--design-texto-secundario);
  background: rgba(255, 255, 255, 0.035);
}

:where(.modal-fechar, .torneio-modal-fechar, .admin-torneio-modal-fechar, .mercado-stats-modal-topo > button):hover {
  color: var(--design-verde);
  border-color: var(--design-borda-forte);
  background: rgba(18, 224, 108, 0.08);
}

.modal-confirm-titulo {
  font-size: 1.15rem;
  letter-spacing: -0.02em;
}

.modal-confirm-mensagem {
  color: var(--design-texto-secundario);
  line-height: 1.65;
}

.modal-confirm-confirmar {
  color: #031008;
  background: var(--design-verde);
}

.modal-confirm-confirmar.destrutivo {
  color: #fff;
  background: #d94747;
}

/* Tabelas: leitura mais rápida e cabeçalho estável em listas longas. */
:where(.admin-tabela, .elenco-tabela, .ea-clube-elenco-tabela, .mercado-stats-tabela) {
  border-collapse: separate;
  border-spacing: 0;
}

:where(.admin-tabela, .elenco-tabela, .ea-clube-elenco-tabela, .mercado-stats-tabela) thead th {
  color: #b8c7bd;
  background: #111a14;
  letter-spacing: 0.04em;
}

:where(.admin-tabela, .elenco-tabela, .ea-clube-elenco-tabela, .mercado-stats-tabela) tbody tr {
  transition: background-color var(--design-transicao);
}

:where(.admin-tabela, .elenco-tabela, .ea-clube-elenco-tabela, .mercado-stats-tabela) tbody tr:hover {
  background: rgba(18, 224, 108, 0.055);
}

@media (max-width: 768px) {
  .main-header {
    height: auto;
    min-height: 64px;
  }

  .body-mercado .main-main {
    padding: 22px 12px 54px;
  }

  .body-mercado .lfg-section,
  .body-explorar .explorar-main,
  .body-negociacoes .negociacoes-main,
  .body-torneios .torneios-main {
    width: min(100% - 24px, 1120px);
    margin: 22px auto 54px;
    padding: 18px 14px;
    border-radius: 16px;
  }

  .body-mercado .lfg-section {
    width: 100%;
    margin: 0;
  }

  .body-explorar .explorar-hero,
  .body-torneios .torneios-hero,
  .body-negociacoes .negociacoes-hero {
    padding: 28px 18px;
    border-radius: 14px;
  }

  .pagina-cadastro .cad-main {
    width: min(100% - 24px, 560px);
    margin-top: 10px;
    grid-template-columns: 1fr;
    border-radius: 18px;
  }

  .pagina-cadastro .cad-apresentacao {
    padding: 30px 24px;
    border-right: 0;
    border-bottom: 1px solid var(--design-borda);
    text-align: center;
  }

  .pagina-cadastro .cad-apresentacao h1 {
    font-size: 2rem;
  }

  .pagina-cadastro .cad-apresentacao ul {
    display: none;
  }

  .pagina-cadastro .cad-lado-direito {
    padding: 26px 18px;
  }

  .pagina-cadastro .cad-logo,
  .acao-email-header img {
    width: 142px;
    height: 60px;
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(a, button, input, select, textarea, .card) {
    scroll-behavior: auto;
    transition-duration: 0.01ms !important;
  }
}