@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/roboto-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/roboto-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ============================================================
   Tema Amazon — design system do site de afiliados
   Paleta oficial inspirada na amazon.com
   ============================================================ */
:root {
  --az-navy: #131921;
  --az-navy-2: #232f3e;
  --az-navy-3: #37475a;
  --az-navy-4: #131a22;
  --az-amarelo: #ffd814;
  --az-amarelo-hover: #f7ca00;
  --az-laranja: #febd69;
  --az-laranja-hover: #f3a847;
  --az-preco: #0f1111;
  --az-preco-promo: #cc0c39;
  --az-link: #007185;
  --az-link-hover: #c7511f;
  --az-estrela: #ffa41c;
  --az-verde: #067d62;
  --az-texto: #0f1111;
  --az-cinza: #565959;
  --az-cinza-2: #767676;
  --az-borda: #d5d9d9;
  --az-borda-suave: #e7e7e7;
  --az-fundo: #eaeded;
  --az-branco: #ffffff;
  --az-sombra: 0 2px 5px rgba(15, 17, 17, .15);
  --az-raio: 8px;
  --az-fonte: "Roboto", "Public Sans", Arial, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--az-fundo);
  color: var(--az-texto);
  font-family: var(--az-fonte);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; }
a { color: var(--az-link); text-decoration: none; }
a:hover { color: var(--az-link-hover); text-decoration: underline; }
h1, h2, h3, h4, h5 { font-family: var(--az-fonte); color: var(--az-texto); margin: 0; line-height: 1.25; }
p { margin: 0 0 10px; }
ul { margin: 0; padding: 0; list-style: none; }

.af-container {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 16px;
}

/* ============ BOTÕES ============ */
.af-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--az-amarelo);
  border: 1px solid #fcd200;
  border-radius: 20px;
  color: var(--az-texto);
  font-family: var(--az-fonte);
  font-size: 15px;
  font-weight: 700;
  padding: 10px 18px;
  cursor: pointer;
  transition: background .15s ease;
  text-align: center;
  line-height: 1.2;
}
.af-btn:hover, .af-btn:focus { background: var(--az-amarelo-hover); color: var(--az-texto); text-decoration: none; }
.af-btn-bloco { width: 100%; }
.af-btn-lg { padding: 13px 22px; font-size: 16px; }
.af-btn-escuro {
  background: var(--az-navy-2);
  border-color: var(--az-navy-2);
  color: #fff;
}
.af-btn-escuro:hover { background: var(--az-navy-3); color: #fff; }
.af-btn-branco {
  background: #fff;
  border-color: var(--az-borda);
  box-shadow: 0 2px 5px rgba(15, 17, 17, .08);
}
.af-btn-branco:hover { background: #f7fafa; }
.af-btn-link { color: var(--az-link); font-weight: 600; }

/* ============ HEADER ============ */
.af-header { position: sticky; top: 0; z-index: 900; }

.af-topo { background: var(--az-navy); }
.af-topo-linha {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 64px;
  flex-wrap: wrap;
  padding-top: 8px;
  padding-bottom: 8px;
}
.af-menu-btn {
  display: none;
  background: none;
  border: 1px solid transparent;
  color: #fff;
  font-size: 21px;
  padding: 8px 10px;
  border-radius: 3px;
  cursor: pointer;
}
.af-menu-btn:hover { border-color: #fff; }

.af-logo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -.6px;
  line-height: 1;
  padding: 8px 2px;
  white-space: nowrap;
}
.af-logo:hover { color: #fff; text-decoration: none; }
.af-logo-img { height: 38px; width: auto; display: block; }
.af-logo-rodape { height: 26px; width: auto; display: block; margin: 0 auto 8px; }

.af-endereco {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  padding: 6px 4px;
}
.af-endereco i { font-size: 17px; }
.af-endereco small { display: block; font-size: 11px; color: #ccc; line-height: 1.1; }
.af-endereco b { font-size: 13px; }
.af-endereco { background: none; border: 0; cursor: pointer; text-align: left; font: inherit; max-width: 230px; }
.af-endereco:hover { outline: 1px solid rgba(255,255,255,.45); border-radius: 3px; }
.af-endereco .af-endereco-txt { display: block; line-height: 1.15; min-width: 0; }
.af-endereco .af-endereco-txt b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.af-endereco .af-entrega-link { display: block; font-size: 11px; color: #fff; text-decoration: underline; }
.af-endereco-modal { position: fixed; inset: 0; z-index: 2200; background: rgba(15,17,19,.6); display: flex; align-items: center; justify-content: center; padding: 16px; }
.af-endereco-modal[hidden] { display: none; }
.af-endereco-caixa { position: relative; width: 100%; max-width: 440px; background: #fff; color: #111; border-radius: 10px; padding: 22px 22px 18px; box-shadow: 0 18px 50px rgba(0,0,0,.35); }
.af-endereco-caixa h4 { font-size: 18px; margin: 0 0 4px; display: flex; align-items: center; gap: 8px; }
.af-endereco-caixa h4 i { color: #f3a847; }
.af-endereco-dica { font-size: 12px; opacity: .7; margin: 0 0 6px; }
.af-endereco-estimado { font-size: 12px; color: #007185; margin: 0 0 10px; }
.af-endereco-campo { display: block; margin: 10px 0; font-size: 13px; }
.af-endereco-campo span { display: block; font-weight: 600; margin-bottom: 4px; }
.af-endereco-campo input, .af-endereco-campo select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #ccc; border-radius: 6px; background: #fff; color: inherit; font-size: 14px; }
.af-endereco-campo input:focus, .af-endereco-campo select:focus { outline: 2px solid #f3a847; outline-offset: 0; border-color: #f3a847; }
.af-endereco-acoes { display: flex; gap: 10px; align-items: center; margin-top: 14px; flex-wrap: wrap; }
.af-endereco-acoes .af-btn, .af-endereco-acoes .af-btn-branco { padding: 9px 16px; }
.af-endereco-fechar { position: absolute; top: 10px; right: 12px; border: 0; background: transparent; font-size: 18px; color: inherit; cursor: pointer; }
.af-endereco-limpar { background: none; border: 0; color: #007185; text-decoration: underline; cursor: pointer; font-size: 12px; padding: 0; }
body.af-endereco-aberto { overflow: hidden; }
[data-tema="escuro"] .af-endereco-caixa { background: #1e2021; color: #e8e6e3; }
[data-tema="escuro"] .af-endereco-campo input, [data-tema="escuro"] .af-endereco-campo select { background: #181a1b; border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] .af-endereco-limpar, [data-tema="escuro"] .af-endereco-estimado { color: #3391ff; }

.af-busca {
  display: flex;
  flex: 1 1 420px;
  max-width: 760px;
  height: 42px;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  border: 2px solid transparent;
  margin: 0;
}
.af-busca:focus-within { border-color: var(--az-laranja); box-shadow: 0 0 0 3px rgba(254, 189, 105, .4); }
.af-busca-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 0 14px;
  font-family: var(--az-fonte);
  font-size: 15px;
  color: var(--az-texto);
  min-width: 0;
}
.af-busca-btn {
  border: none;
  background: var(--az-laranja);
  color: var(--az-navy);
  width: 52px;
  font-size: 18px;
  cursor: pointer;
  transition: background .15s ease;
}
.af-busca-btn:hover { background: var(--az-laranja-hover); }

.af-acoes { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.af-acao {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 3px;
  position: relative;
  white-space: nowrap;
}
.af-acao:hover { color: #fff; border-color: #fff; text-decoration: none; }
.af-acao i { font-size: 19px; }
.af-acao small { display: block; font-size: 11px; color: #ddd; line-height: 1.1; }
.af-acao b { font-size: 13px; }
.af-contador-favoritos {
  position: absolute;
  top: 2px;
  left: 26px;
  background: var(--az-laranja);
  color: var(--az-navy);
  font-size: 11px;
  font-weight: 700;
  border-radius: 10px;
  padding: 1px 6px;
}

.af-subnav { background: var(--az-navy-2); }
.af-subnav-linha { display: flex; align-items: center; min-height: 39px; overflow-x: auto; }
.af-subnav-links { display: flex; align-items: center; gap: 2px; }
.af-subnav-links a {
  color: #fff;
  font-size: 14px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 3px;
  white-space: nowrap;
}
.af-subnav-links a:hover { border-color: #fff; color: #fff; text-decoration: none; }
.af-subnav-destaque { color: var(--az-laranja) !important; font-weight: 700; }

/* painel mobile */
.af-painel {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 300px;
  max-width: 85vw;
  background: #fff;
  z-index: 1001;
  transform: translateX(-105%);
  transition: transform .25s ease;
  overflow-y: auto;
  padding-bottom: 30px;
}
body.af-menu-aberto .af-painel { transform: translateX(0); }
.af-painel-topo {
  background: var(--az-navy-2);
  color: #fff;
  padding: 18px 20px;
  font-size: 19px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}
.af-painel h6 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--az-cinza);
  padding: 16px 20px 6px;
}
.af-painel a.af-painel-link {
  display: block;
  padding: 12px 20px;
  color: var(--az-texto);
  font-size: 15px;
  border-bottom: 1px solid #f2f2f2;
}
.af-painel a.af-painel-link:hover { background: #f7fafa; text-decoration: none; }
.af-fundo-painel {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
}
body.af-menu-aberto .af-fundo-painel { opacity: 1; visibility: visible; }

/* nav inferior mobile */
.af-nav-inferior { display: none; }

/* ============ SEÇÕES ============ */
.af-main { padding: 20px 0 40px; }
.af-secao { margin-bottom: 34px; }
.af-secao-topo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.af-secao-topo h2 { font-size: 24px; font-weight: 700; line-height: 1.25; }
.af-secao-topo small { display: block; font-size: 14px; color: var(--az-cinza); font-weight: 400; line-height: 1.5; margin-top: 2px; }
.af-secao-topo a { font-size: 14px; font-weight: 700; }

.af-hero {
  background: linear-gradient(115deg, var(--az-navy) 0%, #1c3d5a 55%, #2f5d7c 100%);
  border-radius: 10px;
  color: #fff;
  padding: 44px 40px;
  margin-bottom: 28px;
  position: relative;
  overflow: hidden;
}
.af-hero::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(254, 189, 105, .35) 0%, transparent 70%);
}
.af-hero h1 { color: #fff; font-size: 32px; font-weight: 700; line-height: 1.25; max-width: 720px; }
.af-hero h1 span { color: var(--az-laranja); }
.af-hero p { color: #dfe6ec; max-width: 620px; margin-top: 12px; font-size: 16px; line-height: 1.5; }
.af-hero .af-btn { margin-top: 20px; }
.af-hero-selos { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.af-hero-selos > span {
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .25);
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
}
.af-hero-selos > span > span { background: none; border: 0; padding: 0; border-radius: 0; }
.af-hero-selos i { color: var(--az-laranja); margin-right: 6px; }

.af-faixa-info {
  background: #fff;
  border-radius: var(--az-raio);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 28px;
  box-shadow: var(--az-sombra);
  font-size: 14px;
}
.af-faixa-info i { color: var(--az-laranja-hover); }
.af-faixa-info b { font-weight: 700; }
.af-faixa-info .af-faixa-item { display: flex; align-items: center; gap: 8px; }
.af-faixa-info .af-divisor { width: 1px; height: 22px; background: var(--az-borda-suave); }

/* ============ CATEGORIAS ============ */
.af-categorias { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; }
.af-categoria {
  background: #fff;
  border-radius: var(--az-raio);
  padding: 22px 12px;
  text-align: center;
  color: var(--az-texto);
  box-shadow: var(--az-sombra);
  transition: transform .15s ease, box-shadow .15s ease;
  display: block;
}
.af-categoria:hover {
  color: var(--az-link-hover);
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(15, 17, 17, .18);
  text-decoration: none;
}
.af-categoria i { font-size: 28px; color: var(--az-laranja-hover); }
.af-categoria h6 { margin-top: 10px; font-size: 14px; font-weight: 700; color: inherit; }
.af-categoria small { color: var(--az-cinza); }

/* ============ CARD DE PRODUTO ============ */
.af-card {
  background: #fff;
  border-radius: var(--az-raio);
  padding: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: var(--az-sombra);
  transition: box-shadow .15s ease;
}
.af-card:hover { box-shadow: 0 6px 16px rgba(15, 17, 17, .2); }
.af-card-imagem {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 210px;
  overflow: hidden;
}
.af-card-imagem img { max-height: 100%; max-width: 100%; object-fit: contain; }
.af-card-lista .af-card { flex-direction: row; gap: 18px; }
.af-card-lista .af-card-imagem { width: 230px; height: 200px; flex: 0 0 230px; }
.af-card-corpo { display: flex; flex-direction: column; flex: 1; padding-top: 12px; min-width: 0; }
.af-card-titulo {
  color: var(--az-texto);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 40px;
}
.af-card-titulo:hover { color: var(--az-link-hover); text-decoration: underline; }

.af-card-nota { display: flex; align-items: center; gap: 6px; margin-top: 6px; min-height: 20px; }
.af-estrelas { color: var(--az-estrela); font-size: 13px; letter-spacing: 1px; }
.af-nota-num { font-size: 13px; font-weight: 600; }
.af-nota-qtd { font-size: 13px; color: var(--az-cinza); }

.af-card-preco { display: flex; align-items: baseline; gap: 8px; margin-top: 8px; min-height: 30px; }
.af-desconto {
  background: var(--az-preco-promo);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  border-radius: 3px;
  padding: 2px 6px;
}
.af-preco { color: var(--az-preco); font-weight: 700; font-size: 24px; line-height: 1.25; white-space: nowrap; }
.af-preco sup { font-size: 13px; font-weight: 600; top: -0.6em; position: relative; }
.af-preco .af-centavos { font-size: 13px; font-weight: 600; }
.af-preco-antigo { color: var(--az-cinza); font-size: 12px; margin-top: 4px; }
.af-preco-antigo s { color: var(--az-cinza); }
.af-parcela { color: var(--az-cinza); font-size: 12px; margin-top: 2px; }
.af-frete { color: var(--az-verde); font-size: 12px; font-weight: 600; margin-top: 4px; }
.af-frete i { margin-right: 4px; }

.af-card-cupom {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin-top: 8px;
  font-size: 12px;
  color: #7c4a00;
  background: #fff8e5;
  border: 1px dashed var(--az-laranja-hover);
  border-radius: 4px;
  padding: 3px 8px;
}
.af-card-cupom b { letter-spacing: .5px; }

.af-card-acoes { margin-top: auto; padding-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.af-btn-favorito {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fff;
  border: 1px solid var(--az-borda);
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(15, 17, 17, .08);
  font-family: var(--az-fonte);
  font-size: 13px;
  font-weight: 600;
  color: var(--az-texto);
  padding: 9px 14px;
  cursor: pointer;
}
.af-btn-favorito:hover { background: #f7fafa; }
.af-btn-favorito.ativo { border-color: var(--az-preco-promo); color: var(--az-preco-promo); background: #fff5f5; }

.af-selo-loja {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: var(--cor-loja, #666);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  padding: 4px 9px;
  border-radius: 4px;
}
.af-selo-loja-claro { color: #111; }
.af-logo-loja {
  width: 14px; height: 14px; border-radius: 3px; margin-right: 6px; vertical-align: -2px;
  background: #fff; padding: 1px; object-fit: contain;
}

/* ===== Bandeiras na faixa de países ===== */

/* ============ CUPONS ============ */
.af-cupom {
  background: #fff;
  border-radius: var(--az-raio);
  padding: 18px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: var(--az-sombra);
  border-top: 4px solid var(--az-laranja-hover);
}
.af-cupom-topo { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.af-cupom-topo .af-selo-loja { position: static; }
.af-cupom-desconto { font-weight: 700; color: var(--az-preco-promo); font-size: 18px; white-space: nowrap; }
.af-cupom h5 { font-size: 16px; font-weight: 700; margin-top: 2px; }
.af-cupom p { font-size: 13px; color: var(--az-cinza); flex: 1; margin: 0; }
.af-cupom-acoes { display: flex; gap: 10px; align-items: stretch; }
.af-cupom-codigo {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fff8e5;
  border: 1px dashed var(--az-laranja-hover);
  border-radius: 6px;
  color: var(--az-texto);
  font-family: var(--az-fonte);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 9px 12px;
  cursor: pointer;
}
.af-cupom-codigo:hover { background: #ffefc7; }
.af-cupom-codigo i { color: var(--az-laranja-hover); }
.af-cupom-validade { font-size: 12px; color: var(--az-cinza-2); }
.af-cupom-acoes .af-btn { border-radius: 6px; padding: 9px 14px; white-space: nowrap; }

/* ============ FILTROS ============ */
.af-filtros-card {
  background: #fff;
  border-radius: var(--az-raio);
  box-shadow: var(--az-sombra);
  padding: 16px;
  margin-bottom: 16px;
}
.af-filtros { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.af-filtros select, .af-filtros input {
  font-family: var(--az-fonte);
  font-size: 14px;
  color: var(--az-texto);
  background: #fff;
  border: 1px solid var(--az-borda);
  border-radius: 7px;
  padding: 9px 12px;
  width: auto;
  flex: 1 1 200px;
  min-width: 170px;
  max-width: 300px;
  outline: none;
}
.af-filtros select:focus, .af-filtros input:focus { border-color: var(--az-laranja-hover); box-shadow: 0 0 0 3px rgba(254, 189, 105, .35); }
.af-limpar {
  border: none;
  background: transparent;
  color: var(--az-link);
  font-family: var(--az-fonte);
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 4px;
  cursor: pointer;
}
.af-limpar:hover { color: var(--az-link-hover); text-decoration: underline; }

.af-filtro-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.af-chip {
  background: #fff;
  border: 1px solid var(--az-borda);
  border-radius: 20px;
  color: var(--az-texto);
  font-family: var(--az-fonte);
  font-size: 13px;
  font-weight: 600;
  padding: 7px 16px;
  cursor: pointer;
  transition: background .15s ease;
}
.af-chip:hover { background: #f7fafa; }
.af-chip.ativo { background: var(--az-navy-2); border-color: var(--az-navy-2); color: #fff; }

.af-resultado-info { color: var(--az-cinza); font-size: 14px; }

/* ============ AVISOS / ESTADOS ============ */
.af-aviso-afiliado {
  background: #f0f7ff;
  border: 1px solid #cbe3f7;
  border-radius: var(--az-raio);
  padding: 14px 18px;
  font-size: 13px;
  color: #31465a;
}
.af-vazio {
  background: #fff;
  border-radius: var(--az-raio);
  box-shadow: var(--az-sombra);
  text-align: center;
  padding: 60px 20px;
  color: var(--az-cinza);
}
.af-vazio i { color: var(--az-laranja-hover); }
.af-vazio h4, .af-vazio h5 { margin: 12px 0 6px; }
.af-vazio .af-btn { margin-top: 14px; }

.af-breadcrumb { font-size: 13px; color: var(--az-cinza); margin-bottom: 14px; }
.af-breadcrumb a { color: var(--az-link); }

/* ============ PÁGINA DE PRODUTO ============ */
.af-produto-imagem-wrap {
  background: #fff;
  border-radius: var(--az-raio);
  box-shadow: var(--az-sombra);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 90px;
  min-height: 380px;
}
.af-produto-imagem-wrap .af-selo-loja { top: 16px; left: 16px; }
.af-produto-img { max-height: 440px; max-width: 100%; object-fit: contain; }

.af-produto-titulo { font-size: 28px; font-weight: 700; line-height: 1.25; }
.af-produto-linha-nota { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px; font-size: 14px; }
.af-divisor { border: none; border-top: 1px solid var(--az-borda-suave); margin: 16px 0; }

.af-produto-precos { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.af-produto-preco { font-size: 32px; font-weight: 700; color: var(--az-preco); }
.af-produto-preco sup { font-size: 15px; top: -0.7em; position: relative; }
.af-produto-antigo { color: var(--az-cinza); font-size: 15px; }
.af-produto-antigo s { color: var(--az-cinza); }
.af-produto-parcela { color: var(--az-cinza); font-size: 14px; margin-top: 4px; }
.af-produto-tags { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 12px; font-size: 13px; color: var(--az-cinza); }
.af-produto-tags i { color: var(--az-laranja-hover); margin-right: 5px; }

.af-buybox {
  background: #fff;
  border: 1px solid var(--az-borda-suave);
  border-radius: var(--az-raio);
  box-shadow: var(--az-sombra);
  padding: 18px;
}
.af-buybox .af-preco { font-size: 24px; }
.af-buybox-linha { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; color: var(--az-cinza); margin-top: 8px; }
.af-buybox-linha b { color: var(--az-texto); }
.af-estoque { color: var(--az-verde); font-weight: 700; font-size: 16px; }
.af-buybox .af-btn { margin-top: 14px; }
.af-buybox .af-btn-favorito { width: 100%; margin-top: 8px; }
.af-buybox-seguro { font-size: 12px; color: var(--az-cinza); margin-top: 12px; display: flex; align-items: center; gap: 8px; }
.af-buybox-seguro i { color: var(--az-verde); }

.af-cupom-produto {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  background: #fff8e5;
  border: 1px dashed var(--az-laranja-hover);
  border-radius: var(--az-raio);
  padding: 14px 16px;
  margin-top: 14px;
}
.af-cupom-produto b { letter-spacing: 2px; font-size: 17px; }
.af-cupom-produto small { display: block; color: var(--az-cinza); font-size: 12px; }

.af-propriedades { border: 1px solid var(--az-borda-suave); border-radius: var(--az-raio); overflow: hidden; }
.af-propriedades li { display: flex; gap: 12px; padding: 9px 14px; font-size: 14px; }
.af-propriedades li:nth-child(odd) { background: #f7fafa; }
.af-propriedades li span:first-child { color: var(--az-cinza); flex: 0 0 190px; }
.af-propriedades li span:last-child { font-weight: 600; }

.af-bloco {
  background: #fff;
  border-radius: var(--az-raio);
  box-shadow: var(--az-sombra);
  padding: 20px;
  margin-bottom: 18px;
}
.af-bloco h3 { font-size: 18px; font-weight: 700; line-height: 1.25; margin-bottom: 10px; }
.af-bloco .af-lista-check li { padding: 4px 0 4px 24px; position: relative; font-size: 14px; }
.af-bloco .af-lista-check li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--az-verde);
  position: absolute;
  left: 2px;
}

/* ============ AVALIAÇÕES (página do produto) ============ */
.af-aval-cabecalho { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.af-aval-cabecalho h3 { margin-bottom: 0; }
.af-aval-media { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--az-cinza); }
.af-aval-media .af-estrelas { font-size: 13px; }
.af-avaliacao { padding: 14px 0; border-bottom: 1px solid var(--az-borda-suave); }
.af-avaliacao:last-of-type { border-bottom: none; padding-bottom: 4px; }
.af-avaliacao-topo { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.af-avaliacao-topo b { font-size: 14px; }
.af-avaliacao-texto { margin: 8px 0 0; font-size: 14px; color: var(--az-cinza); }
.af-aval-vazio { display: flex; align-items: center; gap: 10px; background: #f7fafa; border: 1px dashed var(--az-borda-suave); border-radius: 8px; padding: 12px 14px; color: var(--az-cinza); font-size: 14px; }
.af-aval-vazio i { font-size: 18px; color: var(--az-laranja-hover); }
.af-aval-subtitulo { font-size: 16px; font-weight: 700; margin: 22px 0 12px; }
.af-aval-form { display: grid; grid-template-columns: 1fr; gap: 12px; }
.af-aval-campo { min-width: 0; }
.af-aval-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; }
.af-aval-form .form-control,
.af-aval-form .form-select { width: 100%; }
@media (min-width: 576px) {
  .af-aval-form { grid-template-columns: minmax(0, 1fr) 150px; align-items: end; }
  .af-aval-comentario { grid-column: 1 / -1; }
}
.af-aval-hint { font-size: 12px; color: var(--az-cinza); margin: 10px 0 0; }
[data-tema="escuro"] .af-avaliacao { border-color: #303639; }
[data-tema="escuro"] .af-avaliacao-texto { color: #b3b0aa; }
[data-tema="escuro"] .af-aval-vazio { background: #1e2021; border-color: #303639; color: #b3b0aa; }

/* ============ RODAPÉ ============ */
.af-rodape { margin-top: 40px; }
.af-voltar-topo {
  display: block;
  background: var(--az-navy-3);
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 13px;
}
.af-voltar-topo:hover { background: #485769; color: #fff; text-decoration: none; }
.af-rodape-principal { background: var(--az-navy-2); padding: 40px 0; }
.af-rodape-colunas { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 30px; }
.af-rodape-colunas h5 { color: #fff; font-size: 16px; font-weight: 700; margin-bottom: 12px; }
.af-rodape-colunas li { margin-bottom: 9px; }
.af-rodape-colunas a { color: #ddd; font-size: 14px; }
.af-rodape-colunas a:hover { color: #fff; }
.af-selos-lojas { display: flex; flex-wrap: wrap; gap: 8px; }
.af-selos-lojas a {
  background: #37475a;
  border-radius: 20px;
  color: #e3e6e8;
  font-size: 13px;
  padding: 5px 14px;
}
.af-selos-lojas a:hover { background: #485769; color: #fff; text-decoration: none; }
.af-rodape-base { background: var(--az-navy-4); color: #999; padding: 26px 0 34px; text-align: center; font-size: 12px; }
.af-rodape-base p { margin: 6px auto; max-width: 900px; }
.af-rodape-base .af-rodape-aviso { color: #b8b8b8; }

/* ============ TOAST ============ */
#af-toast {
  position: fixed;
  left: 50%;
  bottom: 96px;
  transform: translate(-50%, 80px);
  background: #161f27;
  color: #fff;
  padding: 12px 22px;
  border-radius: 30px;
  font-size: 14px;
  z-index: 2000;
  opacity: 0;
  transition: .3s;
  pointer-events: none;
  max-width: 90vw;
  text-align: center;
}
#af-toast.mostrar { opacity: 1; transform: translate(-50%, 0); }

/* ============ RESPONSIVO ============ */
@media (max-width: 1199px) {
  .af-endereco { display: none; }
}
@media (max-width: 991px) {
  .af-acao small { display: none; }
  .af-produto-imagem-wrap { position: static; min-height: 280px; }
  .af-produto-img { max-height: 320px; }
}
@media (max-width: 767px) {
  body { padding-bottom: 62px; }
  .af-menu-btn { display: inline-block; }
  .af-topo-linha { min-height: 54px; gap: 8px; padding-top: 6px; }
  .af-logo { font-size: 21px; padding: 6px 2px; flex: 1; justify-content: center; }
  .af-logo-img { height: 32px; }
  .af-acoes .af-acao-texto { display: none; }
  .af-acao { padding: 8px 6px; }
  .af-busca { order: 5; flex: 1 1 100%; max-width: none; height: 40px; }
  .af-subnav { display: none; }
  .af-hero { padding: 30px 22px; }
  .af-hero h1 { font-size: 26px; }
  .af-card-imagem { height: 150px; }
  .af-card-titulo { font-size: 14px; min-height: 38px; }
  .af-preco { font-size: 20px; }
  .af-cupom-acoes { flex-direction: column; }
  .af-cupom-acoes .af-btn { width: 100%; }
  .af-filtros select, .af-filtros input { flex: 1 1 100%; max-width: none; }
  .af-nav-inferior { display: block; }

  .af-nav-inferior {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--az-navy-2);
    z-index: 950;
    border-top: 1px solid #37475a;
  }
  .af-nav-inferior ul { display: flex; }
  .af-nav-inferior li { flex: 1; }
  .af-nav-inferior a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 8px 2px;
    color: #ccc;
    font-size: 11px;
  }
  .af-nav-inferior a:hover, .af-nav-inferior a.ativo { color: #fff; text-decoration: none; }
  .af-nav-inferior a i { font-size: 18px; }
  .af-nav-inferior a.ativo i { color: var(--az-laranja); }
}

@media (max-width: 767px) {
  .af-faixa-info { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px; }
  .af-faixa-info .af-divisor { display: none; }
  .af-produto-preco, .af-buybox .af-preco { font-size: 26px; }
}

/* ===== Cores Amazon aplicadas aos componentes do template ===== */
:root {
  --theme-color: #f3a847;
  --theme-color-rgb: 243, 168, 71;
  --theme-color1: #ff9900;
  --theme-color1-rgb: 255, 153, 0;
}

/* ===== Newsletter no rodapé ===== */
.af-newsletter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  background: #1b2733;
  border: 1px solid #2f3d4d;
  border-radius: 10px;
  padding: 18px 22px;
  margin-bottom: 30px;
}
.af-newsletter-texto b { display: block; color: #fff; font-size: 17px; }
.af-newsletter-texto span { color: #b9c2cb; font-size: 13px; }
.af-newsletter-form { display: flex; gap: 10px; flex-wrap: wrap; }
.af-newsletter-form input {
  border: 1px solid #435263;
  background: #fff;
  border-radius: 20px;
  padding: 10px 16px;
  min-width: 260px;
  font-family: var(--az-fonte);
  font-size: 14px;
  outline: none;
}
.af-newsletter-form input:focus { border-color: var(--az-laranja); box-shadow: 0 0 0 3px rgba(254, 189, 105, .35); }
@media (max-width: 767px) {
  .af-newsletter-form { width: 100%; }
  .af-newsletter-form input { min-width: 0; flex: 1; }
}

/* ============================================================
   TEMA ESCURO (site) — ativado por <html data-tema="escuro">
   ============================================================ */
[data-tema="escuro"] body {
  background: #181a1b;
  color: #e8e6e3;
}
[data-tema="escuro"] a { color: #3391ff; }
[data-tema="escuro"] a:hover { color: #77b7ff; }

/* menus, logo, botões e rodapé continuam brancos/neutros no escuro (como o Dark Reader mantém) */
[data-tema="escuro"] a.af-logo,
[data-tema="escuro"] a.af-logo:hover { color: #fff; }
[data-tema="escuro"] .af-acao,
[data-tema="escuro"] .af-acao:hover { color: #fff; }
[data-tema="escuro"] .af-subnav-links a,
[data-tema="escuro"] .af-subnav-links a:hover { color: #fff; }
[data-tema="escuro"] .af-nav-inferior a { color: #ccc; }
[data-tema="escuro"] .af-nav-inferior a:hover,
[data-tema="escuro"] .af-nav-inferior a.ativo { color: #fff; }
[data-tema="escuro"] .af-voltar-topo,
[data-tema="escuro"] .af-voltar-topo:hover { color: #fff; }
[data-tema="escuro"] .af-rodape-colunas a { color: #ddd; }
[data-tema="escuro"] .af-rodape-colunas a:hover { color: #fff; }
[data-tema="escuro"] .af-selos-lojas a { color: #e3e6e8; }
[data-tema="escuro"] .af-selos-lojas a:hover { color: #fff; }
[data-tema="escuro"] .af-categoria:not(:hover) { color: #e8e6e3; }
[data-tema="escuro"] .af-promo,
[data-tema="escuro"] .af-promo:hover,
[data-tema="escuro"] .af-promo h3,
[data-tema="escuro"] .af-promo p { color: #fff; }
[data-tema="escuro"] .af-selo-loja { color: #fff; }
[data-tema="escuro"] .af-selo-loja.af-selo-loja-claro { color: #111; }
[data-tema="escuro"] h1, [data-tema="escuro"] h2, [data-tema="escuro"] h3,
[data-tema="escuro"] h4, [data-tema="escuro"] h5, [data-tema="escuro"] h6 { color: #e8e6e3; }

[data-tema="escuro"] .af-card,
[data-tema="escuro"] .af-categoria,
[data-tema="escuro"] .af-cupom,
[data-tema="escuro"] .af-faixa-info,
[data-tema="escuro"] .af-filtros-card,
[data-tema="escuro"] .af-vazio,
[data-tema="escuro"] .af-bloco,
[data-tema="escuro"] .af-buybox,
[data-tema="escuro"] .af-produto-imagem-wrap,
[data-tema="escuro"] .af-painel {
  background: #1e2021;
  color: #e8e6e3;
  border-color: #303639;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .45);
}
[data-tema="escuro"] .af-card-titulo { color: #e8e6e3; }
[data-tema="escuro"] .af-card-titulo:hover { color: #ffffff; }
[data-tema="escuro"] .af-preco,
[data-tema="escuro"] .af-produto-preco,
[data-tema="escuro"] .af-buybox .af-preco { color: #e8e6e3; }
[data-tema="escuro"] .af-produto-antigo,
[data-tema="escuro"] .af-parcela,
[data-tema="escuro"] .af-preco-antigo,
[data-tema="escuro"] .af-nota-qtd,
[data-tema="escuro"] .af-resultado-info,
[data-tema="escuro"] .af-cupom-validade,
[data-tema="escuro"] .af-dica,
[data-tema="escuro"] .af-breadcrumb,
[data-tema="escuro"] .af-produto-tags,
[data-tema="escuro"] .af-buybox-linha,
[data-tema="escuro"] .text-muted { color: #b3b0aa !important; }
[data-tema="escuro"] .af-card-nota .af-nota-num { color: #e8e6e3; }
[data-tema="escuro"] .af-divisor,
[data-tema="escuro"] .af-propriedades li { border-color: #303639; }
[data-tema="escuro"] .af-propriedades li:nth-child(odd) { background: #181a1b; }

[data-tema="escuro"] .af-filtros select,
[data-tema="escuro"] .af-filtros input,
[data-tema="escuro"] .form-control,
[data-tema="escuro"] .form-select,
[data-tema="escuro"] .af-busca-input {
  background: #181a1b;
  border-color: #303639;
  color: #e8e6e3;
}
[data-tema="escuro"] .af-busca { background: #181a1b; }
[data-tema="escuro"] .af-busca-input::placeholder { color: #94918c; }
[data-tema="escuro"] .af-chip { background: #1e2021; border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] .af-chip:hover { background: #26292b; }
[data-tema="escuro"] .af-chip.ativo { background: #ffa41c; border-color: #ffa41c; color: #111; }
[data-tema="escuro"] .af-btn-favorito,
[data-tema="escuro"] .af-btn-branco { background: #1e2021; border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] .af-btn-favorito:hover { background: #26292b; }
[data-tema="escuro"] .af-btn-favorito.ativo { background: #3a1d22; border-color: #b12704; color: #ff8f8f; }

[data-tema="escuro"] .af-card-cupom { background: #2a2313; color: #f0c674; border-color: #8a6a26; }
[data-tema="escuro"] .af-cupom p { color: #b3b0aa; }
[data-tema="escuro"] .af-cupom .af-cupom-validade { color: #94918c; }
[data-tema="escuro"] .af-cupom-produto { background: #2a2313 !important; border-color: #8a6a26 !important; }
[data-tema="escuro"] .af-cupom-produto small { color: #c9b98a !important; }
[data-tema="escuro"] .af-cupom-produto b { color: #f5d78e !important; }
[data-tema="escuro"] .af-cupom-codigo:not(.af-btn) { background: #2a2313 !important; color: #f5d78e !important; border-color: #a67c2a !important; }
[data-tema="escuro"] .af-cupom-codigo:not(.af-btn):hover { background: #3a2f16 !important; }
[data-tema="escuro"] .af-cupom-codigo:not(.af-btn) i { color: #f0c674; }
[data-tema="escuro"] .af-btn.af-cupom-codigo { background: #ffd814 !important; color: #111 !important; border-color: #ffd814 !important; }
[data-tema="escuro"] .af-aviso-afiliado { background: #1e2021; border-color: #303639; color: #b3b0aa; }
[data-tema="escuro"] .af-newsletter { background: #1e2021; border-color: #303639; }
[data-tema="escuro"] .af-rodape-principal { background: #181a1b; }
[data-tema="escuro"] .af-rodape-base { background: #131516; }
[data-tema="escuro"] .af-categoria:hover { box-shadow: 0 7px 16px rgba(0, 0, 0, .6); }
[data-tema="escuro"] .af-painel a.af-painel-link { color: #e8e6e3; border-color: #1e2021; }
[data-tema="escuro"] .af-painel a.af-painel-link:hover { background: #1e2021; }
[data-tema="escuro"] .af-painel h6 { color: #b3b0aa; }
[data-tema="escuro"] .af-newsletter-form input { background: #181a1b; border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] #af-toast { background: #e8e6e3; color: #111; }
[data-tema="escuro"] .af-estrelas { color: #ffa41c; }
[data-tema="escuro"] .af-btn-branco:hover { background: #26292b; }
[data-tema="escuro"] .af-btn,
[data-tema="escuro"] .af-btn:hover,
[data-tema="escuro"] .af-btn-comprar,
[data-tema="escuro"] .af-btn-lg { color: #111 !important; }
[data-tema="escuro"] .af-btn-desativado { color: #94918c !important; }
/* botões secundários (fundo escuro) não herdam o texto escuro dos botões amarelos */
[data-tema="escuro"] .af-btn-branco,
[data-tema="escuro"] .af-btn-branco:hover { color: #e8e6e3 !important; }
[data-tema="escuro"] .af-btn-escuro,
[data-tema="escuro"] .af-btn-escuro:hover { color: #e8e6e3 !important; }
[data-tema="escuro"] .af-btn-link { color: #3391ff !important; }

/* componentes do template que o dark.css não cobrir */
[data-tema="escuro"] body { background: #181a1b !important; }
[data-tema="escuro"] .breadcrumb-section { background: transparent; }
[data-tema="escuro"] .af-btn-comprar { color: #111; }

/* botão do tema no cabeçalho */
.af-tema-btn { cursor: pointer; background: none; font-family: var(--az-fonte); }
.af-tema-btn i { transition: transform .3s ease; }
[data-tema="escuro"] .af-tema-btn i { transform: rotate(-20deg); }

/* ===== Blog ===== */
.af-blog-barra { margin-bottom: 20px; }
.af-blog-barra .form-control {
  border: 1px solid var(--az-borda);
  border-radius: 8px;
  padding: 11px 14px;
  font-family: var(--az-fonte);
  max-width: 420px;
}
.af-blog-paginacao { display: flex; gap: 8px; justify-content: center; margin-top: 28px; }
.af-blog-paginacao .af-chip { min-width: 40px; }
[data-tema="escuro"] .af-blog-barra .form-control { background: #181a1b; border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] .af-comentario { border-color: #303639 !important; }

/* ===== Fase 0: comparador, histórico, alerta, cupons verificados ===== */
.af-ofertas { width: 100%; border-collapse: collapse; font-size: 14px; }
.af-ofertas th, .af-ofertas td { padding: 10px; border-bottom: 1px solid var(--az-borda); text-align: left; vertical-align: middle; }
.af-ofertas thead th { font-size: 12px; text-transform: uppercase; color: var(--az-cinza); }
.af-ofertas tr.melhor { background: #fff8e5; }
.af-ofertas .af-oferta-preco { font-weight: 700; font-size: 16px; }
.af-ofertas .af-oferta-preco del { color: var(--az-cinza); font-weight: 400; font-size: 12px; }
.af-ofertas .af-btn { padding: 7px 14px; font-size: 13px; border-radius: 16px; }
.af-tag-melhor { background: #067d62; color: #fff; border-radius: 4px; padding: 2px 8px; font-size: 11px; font-weight: 700; vertical-align: middle; }
.af-grafico { width: 100%; height: 90px; display: block; margin: 6px 0 2px; }
.af-historico-numeros { display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; color: var(--az-texto); margin-top: 6px; }
.af-alerta { display: grid; gap: 8px; }
.af-alerta .form-control { border: 1px solid var(--az-borda); border-radius: 8px; padding: 10px 12px; font-family: var(--az-fonte); font-size: 14px; }
.af-alerta .af-btn { width: 100%; }
.af-social { font-size: 13px; color: var(--az-cinza); }
.af-cupom-verificado { display: inline-block; font-size: 12px; color: #067d62; font-weight: 600; }
.af-cupom-votos { display: flex; gap: 8px; }
.af-cupom-voto { flex: 1; border: 1px solid var(--az-borda); background: #fff; border-radius: 16px; padding: 6px 8px; font-size: 12px; cursor: pointer; font-family: var(--az-fonte); }
.af-cupom-voto b { margin-left: 4px; }
.af-cupom-voto:hover { background: #f7fafa; }
.af-cupom-voto.af-voto-ok { border-color: var(--az-verde); color: var(--az-verde); }
[data-tema="escuro"] .af-ofertas th, [data-tema="escuro"] .af-ofertas td { border-color: #303639; }
[data-tema="escuro"] .af-ofertas tr.melhor { background: #26292b; }
[data-tema="escuro"] .af-alerta .form-control, [data-tema="escuro"] .af-cupom-voto { background: #181a1b; border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] .af-cupom-voto:hover { background: #26292b; }
[data-tema="escuro"] .af-cupom-verificado { color: #3ddba8; }

/* ===== Fase 1: selo de afiliado ===== */
.af-selo-afiliado {
  display: inline-block;
  margin-left: 8px;
  background: #f0f7ff;
  color: #31465a;
  border: 1px solid #cbe3f7;
  border-radius: 10px;
  padding: 1px 8px;
  font-size: 11px;
  font-weight: 600;
  vertical-align: middle;
}
[data-tema="escuro"] .af-selo-afiliado { background: #1e2021; color: #b3b0aa; border-color: #303639; }

/* ===== Fase 2: multi-mercado ===== */
.af-mercado { display: flex; align-items: center; gap: 6px; color: #fff; padding: 6px 8px; border: 1px solid transparent; border-radius: 3px; }
.af-mercado:hover { border-color: #fff; }
.af-mercado i { font-size: 16px; }
.af-mercado select { background: transparent; border: none; color: #fff; font-family: var(--az-fonte); font-size: 13px; outline: none; cursor: pointer; max-width: 150px; }
.af-mercado select option { color: #111; background: #fff; }
[data-tema="escuro"] .af-mercado select option { color: #e8e6e3; background: #181a1b; }

/* seletor de país/mercado no rodapé (como a Amazon) */
.af-rodape-mercado { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 6px auto 12px; }
.af-rodape-mercado i { color: var(--az-laranja); font-size: 16px; }
.af-rodape-mercado select {
  background: transparent; border: 1px solid #4a5a6a; border-radius: 6px;
  color: #e8e6e3; font-family: var(--az-fonte); font-size: 13px;
  padding: 7px 12px; outline: none; cursor: pointer;
}
.af-rodape-mercado select:hover { border-color: var(--az-laranja); }
.af-rodape-mercado select option { color: #111; background: #fff; }
.af-sem-oferta { font-size: 12px; color: var(--az-cinza); font-weight: 600; }
.af-btn-desativado { background: #e7e9ec !important; color: #6c757d !important; border-color: #d5d9d9 !important; cursor: default; }
[data-tema="escuro"] .af-btn-desativado { background: #1e2021 !important; color: #94918c !important; border-color: #303639 !important; }

/* ===== Sugestão de mercado por país ===== */
.af-sugestao-mercado {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  background: #fff8e5;
  border-bottom: 1px solid #ffd814;
  color: #7c4a00;
  padding: 10px 16px;
  font-size: 14px;
}
.af-sugestao-mercado i { color: var(--az-laranja-hover); }
.af-sugestao-mercado .af-sugestao-acoes { display: flex; gap: 10px; align-items: center; }
.af-sugestao-mercado .af-btn { padding: 7px 16px; font-size: 13px; }
.af-sugestao-nao { background: none; border: none; color: #7c4a00; text-decoration: underline; cursor: pointer; font-family: var(--az-fonte); font-size: 13px; }
[data-tema="escuro"] .af-sugestao-mercado { background: #2a2313; border-color: #8a6a26; color: #f0c674; }
[data-tema="escuro"] .af-sugestao-nao { color: #f0c674; }

/* ===== Página da extensão de cupons ===== */
.af-ext-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 26px; align-items: center; margin: 14px 0 22px; }
.af-ext-hero h1 { font-size: 30px; margin-bottom: 10px; }
.af-ext-hero p { color: var(--texto-suave, #565959); }
.af-ext-botoes { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 14px; }
.af-btn-escuro { background: #232f3e; color: #fff; }
.af-btn-escuro:hover { background: #131921; }
[data-tema="escuro"] .af-btn-escuro { background: #1e2021; color: #e8e6e3; border: 1px solid #303639; }
[data-tema="escuro"] .af-btn-escuro:hover { background: #26292b; }
.af-ext-hero-mock { display: flex; justify-content: center; }
.af-ext-mock-janela { width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 14px 40px rgba(0,0,0,.22); background: #fff; }
.af-ext-mock-topo { display: flex; gap: 5px; background: #131921; padding: 9px 12px; }
.af-ext-mock-topo span { width: 9px; height: 9px; border-radius: 50%; background: #febd69; opacity: .8; }
.af-ext-mock-loja { padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.af-ext-mock-cupom { display: flex; justify-content: space-between; align-items: center; border: 1px dashed #febd69; background: #fff8e5; border-radius: 8px; padding: 10px 12px; font-weight: 800; letter-spacing: 1px; color: #0f1111; }
.af-ext-mock-cupom small { background: #ffd814; border-radius: 6px; padding: 3px 8px; font-weight: 700; letter-spacing: 0; }
.af-ext-mock-selo { background: #067d62; color: #fff; text-align: center; padding: 8px; font-weight: 700; font-size: 13px; }
.af-ext-vantagens { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.af-ext-vantagem { display: flex; gap: 10px; align-items: flex-start; background: var(--fundo-card, #fff); border: 1px solid var(--borda, #eee); border-radius: 10px; padding: 12px 14px; font-size: 14px; }
.af-ext-vantagem i { color: #067d62; margin-top: 3px; }
.af-ext-passo { display: flex; gap: 12px; align-items: flex-start; background: var(--fundo-card, #fff); border: 1px solid var(--borda, #eee); border-radius: 10px; padding: 14px; height: 100%; }
.af-ext-passo i { font-size: 26px; color: #131921; }
[data-tema="escuro"] .af-ext-passo i { color: #febd69; }
.af-ext-passo p { margin: 4px 0 0; font-size: 13px; color: var(--texto-suave, #565959); }
.af-ext-faq details { border-bottom: 1px solid var(--borda, #eee); padding: 10px 0; }
.af-ext-faq summary { cursor: pointer; font-weight: 600; }
.af-ext-faq p { margin: 8px 0 0; color: var(--texto-suave, #565959); }
@media (max-width: 767px) {
  .af-ext-hero { grid-template-columns: 1fr; }
  .af-ext-vantagens { grid-template-columns: 1fr; }
}

/* ===== Tokens de tema (claro/escuro) usados pelos componentes novos ===== */
:root {
  --fundo-card: #fff;
  --borda: #e7e7e7;
  --texto: #0f1111;
  --texto-suave: #565959;
}
[data-tema="escuro"] {
  --fundo-card: #1e2021;
  --borda: #303639;
  --texto: #e8e6e3;
  --texto-suave: #b3b0aa;
  color-scheme: dark;
  /* tokens da paleta Amazon no escuro (corrige textos herdados) */
  --az-texto: #e8e6e3;
  --az-cinza: #b3b0aa;
  --az-cinza-2: #94918c;
  --az-borda: #303639;
  --az-borda-suave: #2a2f31;
  --az-preco: #e8e6e3;
  --az-link: #3391ff;
  --az-link-hover: #ffa41c;
  --az-verde: #3ddba8;
  --az-preco-promo: #ff8fa0;
  --az-fundo: #181a1b;
  --az-sombra: 0 2px 5px rgba(0, 0, 0, .5);
}
:root { color-scheme: light; }
[data-tema="escuro"] ::selection { background: #004daa; color: #e8e6e3; }
[data-tema="escuro"] { scrollbar-color: #3a3f41 #181a1b; }
.af-ext-vantagem, .af-ext-passo, .af-ext-faq details { color: var(--texto); }

/* ===== Faixa de banners promocionais (arte própria) ===== */
.af-banners { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin: 22px 0 6px; }
.af-banners-1 { grid-template-columns: 1fr; }
.af-banner { display: block; border-radius: 18px; overflow: hidden; line-height: 0; transition: transform .18s ease, box-shadow .18s ease; }
.af-banner img { width: 100%; height: auto; display: block; }
.af-banner:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0, 0, 0, .25); }
.af-banner:focus-visible { outline: 2px solid var(--az-laranja); outline-offset: 3px; }
@media (max-width: 767px) { .af-banners { grid-template-columns: 1fr; gap: 14px; } }

/* ============ DECORAÇÃO DA HOME (promos, carrossel, círculos, contador, ferramentas, lojas) ============ */
.af-promos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 28px; }
.af-promo {
  position: relative;
  display: block;
  border-radius: var(--az-raio);
  padding: 20px 48px 20px 20px;
  color: #fff;
  overflow: hidden;
  box-shadow: var(--az-sombra);
  transition: transform .15s ease, box-shadow .15s ease;
}
.af-promo:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(15, 17, 17, .22); text-decoration: none; color: #fff; }
.af-promo::after {
  content: "";
  position: absolute;
  right: -46px;
  bottom: -70px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .13);
  pointer-events: none;
}
.af-promo-icone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
  font-size: 17px;
  margin-bottom: 10px;
}
.af-promo h3 { color: #fff; font-size: 18px; font-weight: 700; line-height: 1.25; margin: 0; }
.af-promo p { margin: 4px 0 0; font-size: 14px; line-height: 1.4; opacity: .93; }
.af-promo-seta { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 15px; opacity: .9; }
.af-promo-oferta { background: linear-gradient(120deg, #a5210a 0%, #e47911 58%, #febd69 100%); }
.af-promo-cupom { background: linear-gradient(120deg, #0b5c4f 0%, #067d62 58%, #3aa78e 100%); }
.af-promo-compare { background: linear-gradient(120deg, var(--az-navy) 0%, #1c3d5a 58%, #2f5d7c 100%); }

.af-carrossel { position: relative; margin-bottom: 30px; border-radius: 18px; overflow: hidden; box-shadow: var(--az-sombra); }
.af-carrossel-trilho {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.af-carrossel-trilho::-webkit-scrollbar { display: none; }
.af-carrossel-item { flex: 0 0 100%; scroll-snap-align: start; display: block; line-height: 0; }
.af-carrossel-item img { width: 100%; height: auto; display: block; }
.af-carrossel-dots { position: absolute; left: 0; right: 0; bottom: 12px; display: flex; justify-content: center; gap: 8px; }
.af-carrossel-dots button {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, .55);
  cursor: pointer;
  transition: transform .15s ease, background .15s ease;
}
.af-carrossel-dots button.ativo { background: var(--az-amarelo); transform: scale(1.3); }

/* setas e barras de rolagem dos movedores (claro/escuro) */
.af-caixa-movedor { position: relative; }
.af-seta {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--az-borda-suave);
  background: #fff;
  color: var(--az-texto);
  box-shadow: var(--az-sombra);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: background .15s ease, color .15s ease, opacity .15s ease, visibility .15s ease;
}
.af-seta:hover { background: var(--az-amarelo); border-color: var(--az-amarelo); color: #111; }
.af-seta-ante { left: -6px; }
.af-seta-prox { right: -6px; }
.af-seta-oculta { opacity: 0; visibility: hidden; pointer-events: none; }

.af-carrossel-seta {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, .9);
  color: var(--az-navy);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
  transition: background .15s ease, color .15s ease;
}
.af-carrossel-seta:hover { background: #fff; color: var(--az-laranja-hover); }
.af-carrossel-seta-ante { left: 12px; }
.af-carrossel-seta-prox { right: 12px; }

[data-tema="escuro"] .af-seta { background: #1e2021; border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] .af-seta:hover { background: #26292b; border-color: #3a4348; color: #fff; }
[data-tema="escuro"] .af-carrossel-seta { background: rgba(24, 26, 27, .78); color: #e8e6e3; }
[data-tema="escuro"] .af-carrossel-seta:hover { background: #1e2021; color: var(--az-laranja); }

.af-categorias-circulos, .af-lojas-strip { scrollbar-color: #bdbdbd #f1f1f1; }
[data-tema="escuro"] .af-categorias-circulos, [data-tema="escuro"] .af-lojas-strip { scrollbar-color: #3a3f41 #202325; }

@media (max-width: 767px) {
  .af-seta { display: none; }
  .af-carrossel-seta { width: 32px; height: 32px; }
}

.af-categorias-circulos { display: flex; gap: 16px; overflow-x: auto; padding: 4px 2px 12px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.af-categorias-circulos .af-categoria {
  flex: 0 0 112px;
  width: 112px;
  height: 112px;
  padding: 12px 8px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  scroll-snap-align: start;
}
.af-categorias-circulos .af-categoria i { font-size: 24px; }
.af-categorias-circulos .af-categoria h6 { margin-top: 8px; font-size: 12px; line-height: 1.25; }

.af-contador-wrap { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--az-cinza); }
.af-contador {
  display: inline-block;
  background: var(--az-navy);
  color: var(--az-amarelo);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .5px;
  font-variant-numeric: tabular-nums;
  padding: 6px 10px;
  border-radius: 8px;
}
.af-secao-rodape { margin-top: 14px; text-align: center; }
.af-secao-oculta { display: none !important; }

.af-ferramentas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.af-ferramenta {
  display: block;
  background: #fff;
  border-radius: var(--az-raio);
  padding: 20px;
  color: var(--az-texto);
  box-shadow: var(--az-sombra);
  transition: transform .15s ease, box-shadow .15s ease;
}
.af-ferramenta:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(15, 17, 17, .18); text-decoration: none; color: inherit; }
.af-ferramenta-icone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #fff8e5;
  color: var(--az-laranja-hover);
  font-size: 18px;
}
.af-ferramenta h6 { margin: 12px 0 6px; font-size: 16px; font-weight: 700; }
.af-ferramenta p { margin: 0; font-size: 13px; color: var(--az-cinza); }

.af-lojas-strip { display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 12px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.af-loja-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid var(--az-borda-suave);
  border-radius: 999px;
  padding: 10px 16px;
  color: var(--az-texto);
  box-shadow: var(--az-sombra);
  scroll-snap-align: start;
}
.af-loja-chip:hover { text-decoration: none; color: var(--az-link-hover); border-color: var(--az-laranja); }
.af-loja-chip-marca { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; white-space: nowrap; }
.af-loja-chip-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.af-loja-chip small { color: var(--az-cinza); font-size: 12px; white-space: nowrap; }

@media (max-width: 991px) {
  .af-promos { grid-template-columns: 1fr; }
  .af-ferramentas { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
  .af-promo { padding: 16px 42px 16px 16px; }
  .af-categorias-circulos .af-categoria { flex-basis: 96px; width: 96px; height: 96px; }
  .af-categorias-circulos .af-categoria i { font-size: 20px; }
  .af-categorias-circulos .af-categoria h6 { margin-top: 6px; font-size: 11px; }
}

[data-tema="escuro"] .af-ferramenta,
[data-tema="escuro"] .af-loja-chip { background: #1e2021; border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] .af-ferramenta:hover,
[data-tema="escuro"] .af-loja-chip:hover { color: #ffffff; }
[data-tema="escuro"] .af-ferramenta-icone { background: #2a2313; color: #f5d78e; }
[data-tema="escuro"] .af-ferramenta p,
[data-tema="escuro"] .af-loja-chip small { color: #b3b0aa; }
[data-tema="escuro"] .af-categorias-circulos .af-categoria { background: #1e2021; }
[data-tema="escuro"] .af-contador { background: #181a1b; }

/* ============ BLOG (lista, grade e post) ============ */
.af-blog-barra { margin-bottom: 22px; }
.af-blog-topo { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 12px; }
.af-blog-campo { position: relative; flex: 1 1 300px; max-width: 460px; }
.af-blog-campo i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--az-cinza); font-size: 13px; }
.af-blog-campo .form-control { border: 1px solid var(--az-borda); border-radius: 24px; padding: 11px 16px 11px 38px; font-family: var(--az-fonte); }
.af-blog-campo .form-control:focus { border-color: var(--az-laranja); box-shadow: 0 0 0 3px rgba(254, 189, 105, .35); }
.af-blog-contagem { font-size: 13px; color: var(--az-cinza); }
.af-filtro-chips { display: flex; gap: 8px; flex-wrap: wrap; }

.af-post-card { background: #fff; border-radius: var(--az-raio); box-shadow: var(--az-sombra); overflow: hidden; height: 100%; display: flex; flex-direction: column; transition: transform .15s ease, box-shadow .15s ease; }
.af-post-card:hover { transform: translateY(-3px); box-shadow: 0 9px 22px rgba(15, 17, 17, .16); }
.af-post-capa { position: relative; display: block; line-height: 0; background: #f7fafa; }
.af-post-capa img { width: 100%; height: 200px; object-fit: cover; display: block; }
.af-post-categoria { position: absolute; left: 12px; top: 12px; background: rgba(19, 25, 33, .88); color: #fff; border-radius: 999px; padding: 4px 12px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.af-post-corpo { display: flex; flex-direction: column; gap: 8px; padding: 16px; flex: 1; }
.af-post-corpo h3 { font-size: 18px; font-weight: 700; line-height: 1.3; }
.af-post-corpo h3 a { color: var(--az-texto); }
.af-post-corpo h3 a:hover { color: var(--az-link-hover); text-decoration: none; }
.af-post-resumo { font-size: 14px; color: var(--az-cinza); margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.af-post-meta { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12px; color: var(--az-cinza); margin-top: auto; }
.af-post-meta i { margin-right: 5px; color: var(--az-laranja-hover); }
.af-post-cta { align-self: flex-start; font-size: 14px; font-weight: 700; }
.af-post-lista { flex-direction: row; }
.af-post-lista .af-post-capa { flex: 0 0 320px; }
.af-post-lista .af-post-capa img { height: 100%; min-height: 210px; }
@media (max-width: 767px) {
  .af-post-lista { flex-direction: column; }
  .af-post-lista .af-post-capa { flex: auto; }
  .af-post-lista .af-post-capa img { height: 200px; min-height: 0; }
}

.af-blog-widget { background: #fff; border-radius: var(--az-raio); box-shadow: var(--az-sombra); padding: 18px; margin-bottom: 16px; }
.af-blog-widget h5 { font-size: 15px; font-weight: 700; margin: 0 0 12px; }
.af-blog-recentes { display: flex; flex-direction: column; gap: 12px; }
.af-blog-recente { display: flex; gap: 10px; align-items: center; color: inherit; }
.af-blog-recente:hover { text-decoration: none; color: var(--az-link-hover); }
.af-blog-recente-img { flex: 0 0 64px; height: 52px; border-radius: 8px; overflow: hidden; background: #f7fafa; }
.af-blog-recente-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.af-blog-recente-txt b { display: -webkit-box; font-size: 13px; line-height: 1.3; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.af-blog-recente-txt small { display: block; color: var(--az-cinza); font-size: 11px; margin-top: 2px; }
.af-blog-cats { display: flex; flex-direction: column; }
.af-blog-cats a { display: flex; justify-content: space-between; align-items: center; font-size: 14px; padding: 8px 0; border-bottom: 1px dashed var(--az-borda-suave); }
.af-blog-cats a:last-child { border-bottom: 0; }
.af-blog-cats a span { color: var(--az-cinza); font-size: 12px; }
.af-btn-blocofull { display: flex; justify-content: center; width: 100%; }

/* ---------- Página do post ---------- */
.blog-detail-image { border-radius: var(--az-raio); overflow: hidden; position: relative; }
.blog-detail-image img { width: 100%; max-height: 460px; object-fit: cover; display: block; }
.blog-detail-image .blog-image-contain {
  position: absolute; left: 0; bottom: 0; width: 100%; padding: 70px 24px 24px; text-align: left;
  background: linear-gradient(0deg, rgba(19, 25, 33, .94) 0%, rgba(19, 25, 33, .6) 55%, rgba(19, 25, 33, 0) 100%);
  color: #fff;
}
.blog-detail-image .blog-image-contain h1 { color: #fff; font-size: 30px; line-height: 1.25; margin: 0 0 10px; }
.blog-detail-image .blog-image-contain .af-post-meta { color: #e3e8ee; margin: 0; }
.blog-detail-image .blog-image-contain .af-post-meta i { color: var(--az-laranja); }
.af-post-categoria-topo { position: static; display: inline-block; margin-bottom: 10px; background: var(--az-laranja); color: #111; }
.af-post-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.af-post-tags a { background: rgba(255, 255, 255, .16); color: #fff; border-radius: 999px; padding: 3px 12px; font-size: 12px; }
.af-post-tags a:hover { background: rgba(255, 255, 255, .28); color: #fff; text-decoration: none; }

.af-post-conteudo { font-size: 16px; line-height: 1.75; color: var(--az-texto); }
.af-post-conteudo p { margin: 0 0 16px; }
.af-post-conteudo h2 { font-size: 24px; line-height: 1.25; margin: 28px 0 12px; }
.af-post-conteudo h3 { font-size: 20px; line-height: 1.3; margin: 24px 0 10px; }
.af-post-conteudo ul, .af-post-conteudo ol { padding-left: 22px; margin: 0 0 16px; }
.af-post-conteudo ul { list-style: disc; }
.af-post-conteudo ol { list-style: decimal; }
.af-post-conteudo li { margin-bottom: 6px; }
.af-post-conteudo img { max-width: 100%; border-radius: 10px; margin: 8px 0; }
.af-post-conteudo blockquote { border-left: 4px solid var(--az-laranja-hover); background: #fff8e5; border-radius: 0 8px 8px 0; padding: 14px 18px; margin: 18px 0; color: #5b4a1a; }
.af-post-conteudo a { font-weight: 600; }
.af-post-conteudo code { background: #f1f3f5; border-radius: 5px; padding: 2px 6px; font-size: 14px; }
.af-post-conteudo table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
.af-post-conteudo th, .af-post-conteudo td { border: 1px solid var(--az-borda); padding: 9px 12px; text-align: left; }
.af-post-conteudo th { background: #f7fafa; }

.af-post-comentarios { margin-top: 34px; }
.af-post-comentarios h2 { font-size: 20px; margin: 0 0 14px; }
.af-post-comentarios-n { display: inline-block; background: var(--az-navy); color: var(--az-amarelo); border-radius: 999px; padding: 1px 10px; font-size: 13px; vertical-align: 2px; }
.af-comentario { border-bottom: 1px solid var(--az-borda-suave); padding: 14px 0; }
.af-comentario:last-child { border-bottom: 0; }
.af-comentario-topo { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.af-comentario-topo i { color: var(--az-laranja-hover); }
.af-comentario-topo b { font-size: 14px; }
.af-comentario p { margin: 0; font-size: 14px; color: var(--az-cinza); }

.leave-comment { background: #fff; border-radius: var(--az-raio); box-shadow: var(--az-sombra); padding: 22px; margin-top: 26px; }
.leave-comment h2 { font-size: 20px; margin: 0 0 4px; }
.af-post-form { margin-top: 14px; }
.af-post-form-linha { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.af-post-campo { margin-bottom: 14px; }
.af-post-campo .form-label { font-size: 13px; font-weight: 600; margin-bottom: 5px; display: block; }
@media (max-width: 575px) { .af-post-form-linha { grid-template-columns: 1fr; } }

/* blog no tema escuro */
[data-tema="escuro"] .af-post-card,
[data-tema="escuro"] .af-blog-widget,
[data-tema="escuro"] .leave-comment { background: #1e2021; border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] .af-post-capa,
[data-tema="escuro"] .af-blog-recente-img { background: #26292b; }
[data-tema="escuro"] .af-post-corpo h3 a { color: #e8e6e3; }
[data-tema="escuro"] .af-post-corpo h3 a:hover { color: #fff; }
[data-tema="escuro"] .af-post-resumo,
[data-tema="escuro"] .af-post-meta,
[data-tema="escuro"] .af-blog-contagem,
[data-tema="escuro"] .af-comentario p { color: #b3b0aa; }
[data-tema="escuro"] .af-blog-recente-txt b { color: #e8e6e3; }
[data-tema="escuro"] .af-blog-cats a { border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] .af-post-conteudo { color: #e8e6e3; }
[data-tema="escuro"] .af-post-conteudo blockquote { background: #2a2313; color: #e6d3a3; }
[data-tema="escuro"] .af-post-conteudo code { background: #26292b; color: #7fd1c1; }
[data-tema="escuro"] .af-post-conteudo th { background: #26292b; }
[data-tema="escuro"] .af-post-conteudo th,
[data-tema="escuro"] .af-post-conteudo td { border-color: #303639; }
[data-tema="escuro"] .af-comentario { border-color: #303639; }
[data-tema="escuro"] .af-blog-campo .form-control { background: #1e2021; border-color: #303639; color: #e8e6e3; }
[data-tema="escuro"] .af-blog-campo .form-control::placeholder { color: #94918c; }
[data-tema="escuro"] .leave-comment .form-control { background: #181a1b; border-color: #303639; color: #e8e6e3; }

@media (max-width: 991px) {
  .blog-detail-image .blog-image-contain h1 { font-size: 24px; }
}


/* ===== Blog: widgets reais (produtos, tags, comentário) ===== */
.af-blog-produtos { display: flex; flex-direction: column; gap: 10px; }
.af-blog-produto { display: flex; gap: 10px; align-items: center; color: inherit; }
.af-blog-produto:hover { text-decoration: none; color: var(--az-link-hover); }
.af-blog-produto-img { flex: 0 0 56px; height: 56px; border-radius: 8px; overflow: hidden; background: #f7fafa; display: flex; align-items: center; justify-content: center; }
.af-blog-produto-img img { width: 100%; height: 100%; object-fit: contain; }
.af-blog-produto-txt { min-width: 0; }
.af-blog-produto-txt b { display: -webkit-box; font-size: 13px; line-height: 1.3; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; }
.af-preco-mini { display: block; margin-top: 2px; }
.af-preco-mini .af-preco { font-size: 16px; }
.af-blog-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.af-blog-tags a { background: #f1f3f5; border-radius: 999px; padding: 4px 10px; font-size: 12px; color: #4a5568; }
.af-blog-tags a:hover { background: #fff8e5; color: #8a5a00; text-decoration: none; }
.af-comentario-rede { font-size: 12px; color: var(--az-link); }
[data-tema="escuro"] .af-blog-produto-img { background: #26292b; }
[data-tema="escuro"] .af-blog-tags a { background: #26292b; color: #cfcdc8; }
[data-tema="escuro"] .af-blog-tags a:hover { background: #2a2313; color: #f5d78e; }
[data-tema="escuro"] .af-comentario-rede { color: #3391ff; }