/* Estilos só da casca do site pago — tokens/chrome vêm do compartilhado (site-organico). */
/* Ordem 10: só tokens canônicos (line, text-dim); sem fallbacks inventados. */
.xd-bloco {
  margin: var(--xd-space-4, 1.5rem) 0;
  padding: var(--xd-pad-cartao);
  border: 1px solid var(--xd-line);
  border-radius: var(--xd-radius);
  background: var(--xd-surface);
}
.xd-bloco[data-conteudo="a-fechar-com-dono"] {
  min-height: 4rem;
}
.xd-placeholder {
  color: var(--xd-text-dim);
  font-style: italic;
}

/* Largura telefone ~375 — só em landing.css (chrome.css é cópia hash do orgânico) */
@media (max-width: 375px) {
  .xd-bloco {
    margin: var(--xd-space-2) 0;
    padding: var(--xd-space-2);
  }
  .xd-main {
    padding: var(--xd-space-2);
  }
  .xd-header {
    padding: var(--xd-space-2);
  }
}

/* Ordem 11 lote 5 — telefone ~400px sem overflow horizontal */
@media (max-width: 400px) {
  html, body {
    max-width: 100%;
  }
  .xd-bloco {
    margin: var(--xd-space-2) 0;
    padding: var(--xd-space-2);
    max-width: 100%;
  }
  .xd-main {
    padding: var(--xd-space-2);
    max-width: 100%;
  }
  .xd-header {
    padding: var(--xd-space-2);
  }
}

/* Ordem 19 lote 3 - foco visivel reforcado sem mexer no chrome.css (hash) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--xd-blue-hi);
  outline-offset: 2px;
}
@media (max-width: 360px) {
  .xd-header a, .xd-bloco a, button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}