/* Ajustes do Miguel, 12 Set 2026 (MASTER Website), carregados depois da purchase-polish.css.
   1) promocao em salmao Memorias de Verao #F9CDB9 (barra do topo, selo e cartoes da campanha, cartao compacto do bloco de compra);
   2) na barra do topo o temporizador passa a ser o botao escuro (o elemento mais visivel) e "Ver codigos" fica so sublinhado;
   3) resposta curta (AEO) na seccao de duvidas.
   Nao toca em nada do carrinho, do editor nem do consentimento. Reverter = tirar o <link> desta folha. */
:root {
  --ca-promo: #F9CDB9;
  --ca-promo-soft: #FCE4D9;
  --ca-promo-ink: #3A3220;
}

/* barra do topo */
.campaign-bar.campaign-minimal {
  background: #F9CDB9;
  color: #3A3220;
}
.campaign-minimal .campaign-offer { color: #2A2416; }
.campaign-minimal .campaign-countdown {
  background: #1A1A1A;
  color: #fff;
  padding: 8px 14px;
  border-radius: 999px;
  order: 2;
}
.campaign-minimal .countdown-clock { font-weight: 700; font-size: 13px; letter-spacing: .04em; text-transform: none; }
/* 13 Set 2026 (Miguel): a barra diz "termina hoje" antes do relogio, como nas landings. */
.campaign-minimal .countdown-label { display: inline; font-size: 11px; font-weight: 500; letter-spacing: .01em; text-transform: lowercase; opacity: .85; margin-right: 8px; padding-right: 8px; border-right: 1px solid rgba(255,255,255,.35); white-space: nowrap; }
.campaign-minimal .campaign-bar-copy {
  order: 3;
  background: none;
  color: #3A3220;
  padding: 0;
  min-height: 44px;
  border-radius: 0;
  text-transform: none;
  font-weight: 600;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
}
.campaign-minimal .campaign-bar-copy:hover { background: none; text-decoration-thickness: 2px; }
/* 18 Set 2026 (Miguel): sem a seta ao lado do "Ver códigos" (o sublinhado ficava com um espaço antes da seta). */
.campaign-minimal .campaign-bar-copy > span { display: none; }
@media (max-width: 760px) {
  .campaign-minimal .campaign-countdown { padding: 6px 10px; }
  .campaign-minimal .countdown-clock { font-size: 11px; }
  .campaign-minimal .campaign-bar-copy { font-size: 12px; }
}

/* selo e cartoes da campanha no bloco de compra e no menu */
.product-intro .campaign-compact,
:is(.product-intro, .lp-intro) .campaign-editorial,
:is(.product-intro, .lp-intro) .campaign-editorial:hover {
  background: #F9CDB9;
  color: #3A3220;
}
.coupon-list > div > strong,
.mega-coupons > div > code,
.savings-benefit {
  background: #FCE4D9;
  color: #3A3220;
}

/* AEO */
.resposta-curta {
  max-width: 68ch;
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.55;
  color: #3D3A35;
}

/* 12 Set 2026 (Miguel): o timer fica sempre em ultimo, a direita no PC e em baixo no telemovel; "Ver codigos" vem antes. */
.campaign-minimal .campaign-bar-copy { order: 2; }
.campaign-minimal .campaign-countdown { order: 3; }
@media (max-width: 760px) {
  /* 2a versao (Miguel, 11:47): uma linha; oferta e "Ver codigos" a esquerda em duas linhas curtas, timer numa
     pilula compacta a direita, sempre em ultimo. Nada a toda a largura. */
  .campaign-bar.campaign-minimal { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "oferta timer" "codigos timer"; align-items: center; column-gap: 12px; row-gap: 2px; padding: 8px 12px 8px 14px; text-align: left; }
  .campaign-minimal .campaign-offer { grid-area: oferta; margin: 0; font-size: 12px; line-height: 1.25; }
  .campaign-minimal .campaign-bar-copy { grid-area: codigos; justify-self: start; min-height: 0; font-size: 11.5px; }
  .campaign-minimal .campaign-countdown { grid-area: timer; align-self: center; padding: 6px 10px; }
  .campaign-minimal .countdown-clock { font-size: 11px; letter-spacing: .02em; }
  .campaign-minimal .countdown-label { font-size: 10px; margin-right: 6px; padding-right: 6px; }
}

/* Setembro 2026: o primeiro degrau e um brinde, nao uma percentagem; a palavra cabe na caixa. */
.coupon-list strong.tier-gift, .mega-coupons strong.tier-gift { font-size: 15px; line-height: 1.1; letter-spacing: 0; }
.savings-milestones strong.tier-gift { font-size: 13px; }

/* 15 Set 2026 (Miguel): sem relogio (ate 27 Set) o "Ver codigos" e a pilula preta a direita e tudo fica numa linha;
   de 28 a 30 Set a pilula volta a ser o relogio e o "Ver codigos" volta ao texto. Classe posta pelo countdown. */
.campaign-bar.campaign-minimal.ca-sem-relogio .campaign-bar-copy { order: 3; background: #1A1A1A; color: #fff; padding: 8px 14px; border-radius: 999px; min-height: 0; text-decoration: none; font-weight: 700; font-size: 12px; letter-spacing: .02em; white-space: nowrap; }
.campaign-bar.campaign-minimal.ca-sem-relogio .campaign-bar-copy:hover { background: #333; text-decoration: none; }
@media (max-width: 760px) {
  .campaign-bar.campaign-minimal.ca-sem-relogio { grid-template-areas: "oferta timer"; min-height: 48px; }
  .campaign-bar.campaign-minimal.ca-sem-relogio .campaign-bar-copy { grid-area: timer; justify-self: end; padding: 7px 12px; font-size: 11.5px; }
  .campaign-bar.campaign-minimal.ca-sem-relogio .campaign-offer { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* 20 Set 2026 (Miguel): ultimo dia da promo, mais urgencia. A classe ca-ultimo-dia e posta pelo relogio nas ultimas 24 h. */
.ca-ultimo-dia .campaign-minimal .campaign-countdown { animation: ca-pulso 1.6s ease-in-out infinite; }
.ca-ultimo-dia :is(.product-intro, .lp-intro) .campaign-editorial { border: 1.5px solid #1A1A1A; }
@keyframes ca-pulso { 0%, 100% { box-shadow: 0 0 0 0 rgba(26, 26, 26, .45); } 60% { box-shadow: 0 0 0 7px rgba(26, 26, 26, 0); } }
@media (prefers-reduced-motion: reduce) { .ca-ultimo-dia .campaign-minimal .campaign-countdown { animation: none; } }