/* Catálogo gratuito na identidade Mono. Contratos, conteúdo e estados são preservados. */
body { font-size: var(--xd-fs-16); }
[hidden] { display: none !important; }
.xd-main {
  width: calc(100% - 288px);
  max-width: 1120px;
  margin-inline: max(0px, calc((100% - 1440px) / 2)) 0;
  padding: var(--xd-space-6) var(--xd-space-3);
  min-height: calc(100svh - 360px);
}
.xd-header { min-height: 88px; padding: var(--xd-space-3); }
.xd-nav a { min-height: 44px; align-items: center; font-size: var(--xd-fs-14); }
.xd-footer { padding-right: 288px; }
.xd-main h1 { font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.xd-main h2 { font-size: var(--xd-fs-24); }
.xd-main h3 { font-size: var(--xd-fs-20); }
.xd-main p { line-height: 1.75; }
.xd-main.xd-home { gap: var(--xd-space-3); padding-inline: var(--xd-space-3); }
.xd-home-hero { padding: var(--xd-space-5); gap: var(--xd-space-4); border-radius: var(--xd-radius-lg); }
.xd-home-selo, .xd-home-fatos dt { font-size: var(--xd-fs-12); color: var(--xd-text-dim); }
.xd-home-chips { gap: var(--xd-space-1); margin-top: var(--xd-space-3); }
.xd-home-chips a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--xd-fs-14); }
.xd-home-fatos { gap: var(--xd-space-3); padding-top: var(--xd-space-3); margin-top: var(--xd-space-3); }
.xd-home-fatos dd { font-size: var(--xd-fs-14); }
.xd-home-acoes { margin-top: var(--xd-space-3); gap: var(--xd-space-2); }
.xd-home-faixa { padding: var(--xd-space-3); gap: var(--xd-space-2); }
.xd-home-faixa h2 { font-size: var(--xd-fs-20); }
.xd-home-faixa p { font-size: var(--xd-fs-14); }
.xd-home-novidades { padding: var(--xd-space-4); border-radius: var(--xd-radius-lg); }
.xd-home-videos { gap: var(--xd-space-2); margin-top: var(--xd-space-3); }
.xd-home-videos__estado { font-size: var(--xd-fs-16); }
.xd-home-video { padding: var(--xd-space-2); gap: var(--xd-space-2); }
.xd-home-video__capa { flex-basis: 100px; }
.xd-home-video__titulo { display: block; overflow: visible; font-size: var(--xd-fs-14); }
.xd-home-video__duracao { font-size: var(--xd-fs-12); }
form[role="search"] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--xd-space-2); align-items: center; }
form[role="search"] input, .xd-modal input[type="password"], .xd-modal input[type="text"] {
  min-width: 0;
  min-height: 48px;
  padding: var(--xd-space-2);
  background: var(--xd-bg-0);
  color: var(--xd-text);
  border: 1px solid var(--xd-text-3);
  border-radius: var(--xd-radius-sm);
  font-size: var(--xd-fs-16);
}
.xd-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--xd-space-3); }
.xd-lista-vazia, .xd-grid > noscript, [data-testid="lista-pager"] { grid-column: 1 / -1; }
[data-testid="lista-pager"] a, [data-testid="lista-pager"] span {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px;
}
.xd-lista-vazia { padding: var(--xd-space-4); border: 1px solid var(--xd-line); border-radius: var(--xd-radius-lg); background: var(--xd-surface); }
.xd-card { padding: var(--xd-space-3); gap: var(--xd-space-2); border-radius: var(--xd-radius-lg); }
.xd-card h2 { font-size: var(--xd-fs-20); overflow-wrap: anywhere; }
.xd-card p { font-size: var(--xd-fs-16); }
.xd-card__meta { font-size: var(--xd-fs-12); }
.xd-card__capa { background-size: cover; background-position: center; background-repeat: no-repeat; }
.xd-btn, .xd-home .xd-btn, .xd-cta, .xd-turbo-anuncio a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: var(--xd-space-2) var(--xd-space-3);
  border: 1px solid var(--xd-blue-hi);
  border-radius: var(--xd-radius-sm);
  background: var(--xd-blue-deep);
  color: var(--xd-text);
  font: 600 var(--xd-fs-14) var(--xd-font-display);
  text-align: center;
  text-decoration: none;
}
.xd-btn--secondary, .xd-home .xd-btn--secondary { background: var(--xd-surface); border-color: var(--xd-text-3); }
button:disabled, .xd-btn:disabled { background: var(--xd-surface-2); color: var(--xd-text-dim); border-color: var(--xd-line); opacity: 1; transform: none; }
:focus-visible { outline: 2px solid var(--xd-blue-hi); outline-offset: 3px; }
.xd-modal {
  width: min(520px, 100%);
  max-height: calc(100svh - 32px);
  overflow-y: auto;
  padding: var(--xd-space-4);
  border-radius: var(--xd-radius-lg);
}
.xd-modal h2 { font-size: var(--xd-fs-24); }
.xd-modal p, .xd-modal label { font-size: var(--xd-fs-16); line-height: 1.75; }
.xd-modal input.is-error { border-color: var(--xd-bad); }
.xd-modal__acoes { margin-top: var(--xd-space-3); }
.xd-modal__acoes > button { flex: 1; }
.xd-modal a { display: inline-flex; align-items: center; min-height: 44px; }
.xd-turbo-anuncio { padding: var(--xd-space-3); font-size: var(--xd-fs-14); }
.xd-turbo-anuncio a { width: 100%; }
.xd-legal { padding: var(--xd-space-4); border-radius: var(--xd-radius-lg); }
.xd-legal h1 { font-size: var(--xd-fs-32); }
.xd-legal section { margin-top: var(--xd-space-4); }
@media (max-width: 1180px) {
  .xd-main { width: 100%; margin-inline: auto; }
  .xd-footer { padding-right: var(--xd-space-3); }
  .xd-turbo-anuncio { position: static; max-width: none; margin: var(--xd-space-3); }
}
@media (max-width: 900px) {
  .xd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xd-home-hero { padding: var(--xd-space-3); }
  .xd-home-faixa { grid-template-columns: 24px minmax(0, 1fr); }
  .xd-home-faixa > .xd-btn { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .xd-header, .xd-footer { padding: var(--xd-space-3) var(--xd-page-pad); }
  .xd-main, .xd-main.xd-home { padding: var(--xd-space-4) var(--xd-page-pad); }
  .xd-grid { grid-template-columns: 1fr; }
  .xd-home-hero { grid-template-columns: minmax(0, 1fr); }
  .xd-home-rosca { justify-self: center; }
  .xd-home-videos { grid-template-columns: minmax(0, 1fr); }
  .xd-home-novidades, .xd-legal, .xd-modal { padding: var(--xd-space-3); }
  form[role="search"] { grid-template-columns: minmax(0, 1fr) auto; }
  form[role="search"] label { grid-column: 1 / -1; }
  .xd-home-acoes .xd-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .xd-btn:hover, .xd-btn:active, .xd-home .xd-btn:hover, .xd-home .xd-btn:active,
  .xd-home-chips a:hover, .xd-card:hover { transform: none; transition: none; }
}