/* ============================================================
 * Capixabices — Anúncios CSS
 * ============================================================ */

.cap-ad {
  text-align: center;
  margin: 28px auto;
  max-width: 100%;
  overflow: hidden;
}

/* Label discreta acima */
.cap-ad__label {
  display: block;
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted, #9A968F);
  margin-bottom: 6px;
}

/* Link wrapper */
.cap-ad__link {
  display: inline-block;
  line-height: 0;
}

/* ── Imagem: tamanho natural (não expande) ── */
.cap-ad__img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: var(--r, 12px);
}

/* ── Sistema desktop / mobile ── */

/* Por padrão (mobile): mostra mobile, esconde desktop */
.cap-ad__img-wrap--desktop { display: none; }
.cap-ad__img-wrap--mobile  { display: block; }

/* Desktop ≥ 768px: mostra desktop, esconde mobile */
@media (min-width: 768px) {
  .cap-ad__img-wrap--desktop { display: block; }
  .cap-ad__img-wrap--mobile  { display: none; }
}

/* Quando só tem imagem desktop (mobile-hide = mobile não tem imagem separada) */
.cap-ad__img-wrap--desktop-hide { display: block; } /* sempre visível */

/* ── Slot: Home + Arquivos ── */
.cap-ad--home {
  max-width: var(--max, 1280px);
  padding: 0 var(--pad, 20px);
  margin: 0 auto 28px;
}

/* ── Slots: conteúdo do post ── */
.cap-ad--content_top    { margin-top: 0; margin-bottom: 24px; }
.cap-ad--content_bottom { margin-top: 24px; margin-bottom: 0; }

/* Mid-content: mobile = bloco centralizado */
.cap-ad--content_mid {
  margin: 24px auto;
  clear: both;
}

/* Mid-content desktop: flutua à esquerda, texto passa ao lado */
@media (min-width: 768px) {
  .cap-ad--content_mid {
    float: left;
    margin: 4px 28px 20px 0;
    clear: left;
    text-align: left; /* alinha à esquerda */
  }
  /* clearfix para o contêiner do conteúdo */
  .single-content::after {
    content: '';
    display: table;
    clear: both;
  }
}

/* ── AdSense ins block ── */
.cap-ad ins.adsbygoogle {
  display: block;
  border-radius: var(--r, 12px);
  overflow: hidden;
}