/* === CTA BOX (vermelho) === */
.meu-anuncio-afiliado {
  display:flex;
  gap:16px;
  margin:20px 0;
  border-radius:8px;
  padding:16px;
  background-color:#cf2e2e;
  color:#fff;
  text-align:left;
  align-items:center;
}

/* Coluna direita (conteúdo) */
.meu-anuncio-afiliado .anuncio-coluna.conteudo {
  flex:1;
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* Coluna esquerda (imagem) — reserva 200x200 */
.meu-anuncio-afiliado .anuncio-coluna.imagem {
  width:200px;
  height:200px;
  flex:0 0 200px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.meu-anuncio-afiliado .anuncio-coluna.imagem > a {
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
}
.meu-anuncio-afiliado .anuncio-coluna.imagem img {
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  border-radius:4px;
}

/* Título + Subtítulo */
.meu-anuncio-afiliado .nome {
  font-weight:800;
  font-size:1.2em;
}
.meu-anuncio-afiliado .subtitulo {
  font-size:.95em;
  opacity:.95;
  font-weight:600;
}

/* Grupo de botões */
.meu-anuncio-afiliado .botoes {
  display:flex;
  align-items:center;
  gap:12px;
}

/* Botão principal (Amazon) */
.botao-amazon {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(to bottom,#f9d976,#f39c12);
  color:#000;
  text-decoration:none;
  font-weight:800;
  padding:10px 20px;
  border-radius:6px;
  font-size:1em;
  transition:background .2s ease, transform .06s ease;
  box-shadow:0 2px 4px rgba(0,0,0,.2);
}
.botao-amazon:hover {
  background:linear-gradient(to bottom,#f0b84a,#e07d00);
  color:#3a1f00;
}
.botao-amazon:active { transform:translateY(1px); }
.botao-amazon .icone-amazon {
  font-family:Arial, sans-serif;
  font-weight:800;
  font-size:1.2em;
  background:#000;
  color:#fff;
  border-radius:3px;
  padding:1px 6px;
  line-height:1;
  text-decoration:none;
}
/* Garante sem sublinhado no “a” fake e foco visível */
.botao-amazon,
.botao-amazon:hover,
.botao-amazon:focus,
.botao-amazon:focus-visible,
.botao-amazon .icone-amazon,
.botao-amazon:hover .icone-amazon {
  text-decoration:none !important;
}
.botao-amazon:focus-visible,
.botao-secundario:focus-visible {
  outline:2px solid #ffd34d;
  outline-offset:2px;
}

/* Botão secundário */
.botao-secundario {
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:6px;
  font-weight:700;
  text-decoration:none;
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.botao-secundario:hover {
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.4);
  color:#7a0f0f;
  text-decoration:none !important;
}

/* Disclaimer */
.meu-anuncio-afiliado .disclaimer {
  font-size:.85em;
  opacity:.8;
}

/* Aviso para admin quando a imagem estiver faltando */
.mycta-admin-warning {
  background:#fff7e6;
  color:#7a3e00;
  border:1px solid #ffd488;
  border-radius:6px;
  padding:8px 10px;
  font-size:.9em;
}

/* ===== Mobile ===== */
@media (max-width:800px) {
  .meu-anuncio-afiliado {
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .meu-anuncio-afiliado .anuncio-coluna.imagem {
    width:160px;
    height:160px;
    flex-basis:160px;
  }
  .meu-anuncio-afiliado .anuncio-coluna.conteudo {
    align-items:center;
  }
  .meu-anuncio-afiliado .botoes {
    flex-direction:column;
    gap:10px;
  }
}

/* --- CTA strip --- */
.cta-strip {
  display:block;
  margin:16px 0;
  border-radius:10px;
}
.cta-strip__link {
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  text-decoration:none;
  font-weight:600;
  border-radius:10px;
  justify-content:flex-start;
  text-align:left;
  border:1px solid;
}
/* Temas (1..4) via variáveis CSS com fallback */
.cta-theme-amber .cta-strip__link{background:var(--mycta-amber-bg,#fff7e6);border-color:var(--mycta-amber-border,#ffd488)}
.cta-theme-amber .cta-strip__text{color:var(--mycta-amber-text,#8a4b00)}
.cta-theme-blue  .cta-strip__link{background:var(--mycta-blue-bg,#eaf4ff);border-color:var(--mycta-blue-border,#b9dbff)}
.cta-theme-blue  .cta-strip__text{color:var(--mycta-blue-text,#174a7e)}
.cta-theme-green .cta-strip__link{background:var(--mycta-green-bg,#ecfff3);border-color:var(--mycta-green-border,#b8f0c9)}
.cta-theme-green .cta-strip__text{color:var(--mycta-green-text,#185c3c)}
.cta-theme-gray  .cta-strip__link{background:var(--mycta-gray-bg,#f6f7f8);border-color:var(--mycta-gray-border,#e2e5e9)}
.cta-theme-gray  .cta-strip__text{color:var(--mycta-gray-text,#222)}
.cta-strip__link:hover{filter:brightness(0.98)}

@media (max-width:560px) {
  .cta-strip__link{justify-content:center; text-align:center}
  .cta-strip__text{font-weight:700}
}