/* Central pública de Tags V1.22.5 */
.campaign-tags-center{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin-top:13px;position:relative;z-index:2}
.campaign-tags-center:empty,.campaign-tags-center.is-empty{display:none!important}
.campaign-tags-center>section{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.campaign-tags-center .double-chance-card,.campaign-tags-center .unit-discount-card,.campaign-tags-center .campaign-tag-card{--tag-bg:#171717;--tag-text:#fff;--tag-border:#ffd400;--tag-accent:#ffd400;background:var(--tag-bg)!important;color:var(--tag-text)!important;border:2px solid var(--tag-border)!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(0,0,0,.14)!important;overflow:hidden!important;width:100%!important;max-width:none!important;margin:0!important}
.campaign-tags-center .double-chance-badge,.campaign-tags-center .unit-discount-badge,.campaign-tags-center .campaign-tag-badge{background:var(--tag-accent)!important;color:#111!important}
.campaign-tags-center .double-chance-copy h2,.campaign-tags-center .unit-discount-copy h2,.campaign-tags-center .campaign-tag-copy h2,.campaign-tags-center .double-chance-copy p,.campaign-tags-center .unit-discount-copy p,.campaign-tags-center .campaign-tag-copy p,.campaign-tags-center .double-chance-copy small,.campaign-tags-center .unit-discount-copy small,.campaign-tags-center .campaign-tag-copy small{color:var(--tag-text)!important}
.campaign-tags-center .double-chance-validity,.campaign-tags-center .unit-discount-validity,.campaign-tags-center .campaign-tag-validity{color:var(--tag-text)!important;opacity:.74!important;border-top-color:color-mix(in srgb,var(--tag-text) 20%,transparent)!important}
.campaign-tag-item{display:block}.campaign-tag-item.hidden{display:none!important}
.campaign-tag-card{padding:13px 14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"badge copy clock" "footer footer footer";gap:10px 13px;align-items:center}
.campaign-tag-badge{grid-area:badge;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:24px;font-weight:900}
.campaign-tag-copy{grid-area:copy;min-width:0}.campaign-tag-copy h2{margin:0 0 3px;font:900 15px/1.2 Inter,Poppins,sans-serif;letter-spacing:.02em}.campaign-tag-copy p{margin:0;font:650 11px/1.45 Inter,Poppins,sans-serif;opacity:.91;white-space:pre-line}
.campaign-tag-clock{grid-area:clock;display:flex;gap:4px;align-items:stretch}.campaign-tag-clock>div{min-width:43px;border-radius:10px;background:color-mix(in srgb,var(--tag-text) 10%,transparent);padding:6px 5px;text-align:center;border:1px solid color-mix(in srgb,var(--tag-text) 14%,transparent)}.campaign-tag-clock b{display:block;color:var(--tag-text);font:900 14px/1 Inter,sans-serif}.campaign-tag-clock small{display:block;color:var(--tag-text);opacity:.72;font:700 7px/1.2 Inter,sans-serif;margin-top:3px;text-transform:uppercase}
.campaign-tag-validity{grid-area:footer;margin:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--tag-text) 20%,transparent);font:700 9px/1.35 Inter,sans-serif;letter-spacing:.015em}
.campaign-tag-action{grid-area:footer;justify-self:end;margin-top:-30px;border:0;border-radius:999px;background:var(--tag-accent);color:#111;padding:8px 12px;font:900 10px/1 Inter,sans-serif;cursor:pointer;position:relative;z-index:2}
.campaign-tag-card.with-action .campaign-tag-validity{padding-right:120px}
.campaign-tags-center .campaign-tag-scheduled{opacity:.92}
.campaign-tags-center .campaign-tag-scheduled .campaign-tag-card{border-style:dashed!important}
@media (max-width:720px), (min-width:701px){.campaign-tags-center{gap:8px;margin-top:10px}.campaign-tag-card{grid-template-columns:42px minmax(0,1fr);grid-template-areas:"badge copy" "clock clock" "footer footer";gap:8px 10px;padding:12px}.campaign-tag-badge{width:42px;height:42px;border-radius:13px;font-size:21px}.campaign-tag-clock{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.campaign-tag-clock>div{min-width:0}.campaign-tag-action{margin-top:0;justify-self:start}.campaign-tag-card.with-action .campaign-tag-validity{padding-right:0}.campaign-tags-center .double-chance-card,.campaign-tags-center .unit-discount-card{border-radius:16px!important}}
@media(prefers-reduced-motion:reduce){.campaign-tags-center *{animation:none!important;transition:none!important}}


/* V1.22.1 — bloco pós-imagem direto no fundo, sem prolongar o card da campanha. */
#campanha .campaign-post-hero-content{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2!important;
}
#campanha .campaign-post-hero-content > .campaign-price-row{
  width:auto!important;
  max-width:none!important;
  margin:12px 12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#campanha .campaign-post-hero-content > #pacotes-promocionais{
  width:auto!important;
  max-width:none!important;
  margin:0 12px 10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#campanha .campaign-post-hero-content > #pacotes-promocionais.hidden{display:none!important}
#campanha .campaign-post-hero-content > .campaign-tags-center{
  width:auto!important;
  max-width:none!important;
  margin:10px 12px 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#campanha .campaign-post-hero-content > .campaign-tags-center:empty,
#campanha .campaign-post-hero-content > .campaign-tags-center.is-empty{display:none!important}
/* Cada tag mantém seu próprio cartão e respeita o recuo lateral padrão. */
#campanha .campaign-tags-center > section,
#campanha .campaign-tags-center .campaign-tag-card,
#campanha .campaign-tags-center .double-chance-card,
#campanha .campaign-tags-center .unit-discount-card{
  box-sizing:border-box!important;
  max-width:100%!important;
}
/* As cores gravadas na Central são aplicadas por variáveis inline no cartão. */
#campanha .campaign-tags-center .double-chance-card,
#campanha .campaign-tags-center .unit-discount-card,
#campanha .campaign-tags-center .campaign-tag-card{
  background:var(--tag-bg,#171717)!important;
  color:var(--tag-text,#fff)!important;
  border-color:var(--tag-border,#ffd400)!important;
}
#campanha .campaign-tags-center .double-chance-badge,
#campanha .campaign-tags-center .unit-discount-badge,
#campanha .campaign-tags-center .campaign-tag-badge,
#campanha .campaign-tags-center .campaign-tag-action{
  background:var(--tag-accent,#ffd400)!important;
}
@media (max-width:560px), (min-width:701px){
  #campanha .campaign-post-hero-content > .campaign-price-row{margin:11px 10px!important}
  #campanha .campaign-post-hero-content > #pacotes-promocionais{margin:0 10px 9px!important}
  #campanha .campaign-post-hero-content > .campaign-tags-center{margin:9px 10px 0!important}
}

/* V1.22.2 — alinhamento com os cards brancos, estado encerrado e rodapé único. */
#campanha .campaign-post-hero-content > #pacotes-promocionais{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
#campanha .campaign-post-hero-content > .campaign-tags-center{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
#campanha .campaign-tags-center > section{margin-left:0!important;margin-right:0!important}
.campaign-tag-ended .campaign-tag-card,
.campaign-tags-center .campaign-tag-ended .double-chance-card,
.campaign-tags-center .campaign-tag-ended .unit-discount-card{
  filter:saturate(.72);
  opacity:.88;
}
.campaign-tag-ended-label{
  grid-area:clock;
  align-self:center;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:7px 10px;
  border-radius:999px;
  background:color-mix(in srgb,var(--tag-text) 13%,transparent);
  color:var(--tag-text);
  border:1px solid color-mix(in srgb,var(--tag-text) 24%,transparent);
  font:900 9px/1 Inter,Poppins,sans-serif;
  letter-spacing:.08em;
}
.campaign-tag-ended .campaign-tag-clock{display:none!important}
@media (max-width:720px), (min-width:701px){
  .campaign-tag-ended-label{grid-area:clock;justify-self:start}
}
.campaign-tags-center .double-chance-card > .campaign-tag-ended-label,
.campaign-tags-center .unit-discount-card > .campaign-tag-ended-label{
  grid-area:auto;
  grid-column:3;
  grid-row:1;
}
@media (max-width:760px), (min-width:701px){
  .campaign-tags-center .double-chance-card > .campaign-tag-ended-label,
  .campaign-tags-center .unit-discount-card > .campaign-tag-ended-label{
    grid-column:1/-1;
    grid-row:auto;
    justify-self:start;
  }
}


/* V1.22.5 — a Central é a única fonte visual das tags. */
#chance-em-dobro.campaign-tag-legacy-suppressed,
#desconto-na-cota.campaign-tag-legacy-suppressed,
#proximo-titulo-premiado.campaign-tag-legacy-suppressed,
#tag-personalizada.campaign-tag-legacy-suppressed{display:none!important}
#campanha .campaign-tag-dynamic .campaign-tag-card{
  background-color:var(--tag-bg,#171717)!important;
  color:var(--tag-text,#fff)!important;
  border:2px solid var(--tag-border,#ffd400)!important;
}
#campanha .campaign-tag-dynamic .campaign-tag-copy h2,
#campanha .campaign-tag-dynamic .campaign-tag-copy p,
#campanha .campaign-tag-dynamic .campaign-tag-copy small,
#campanha .campaign-tag-dynamic .campaign-tag-validity,
#campanha .campaign-tag-dynamic .campaign-tag-clock b,
#campanha .campaign-tag-dynamic .campaign-tag-clock small{color:var(--tag-text,#fff)!important}
#campanha .campaign-tag-dynamic .campaign-tag-badge,
#campanha .campaign-tag-dynamic .campaign-tag-action{background-color:var(--tag-accent,#ffd400)!important}
.campaign-tag-function-detail{display:block;margin-top:5px;font:800 9px/1.35 Inter,Poppins,sans-serif;opacity:.8}
.campaign-tag-item[data-tag-phase="scheduled"]{display:none!important}


/* V1.22.6 — visual definitivo sem ícone, texto centralizado e rodapé central. */
#campanha .campaign-tags-center .campaign-tag-badge{display:none!important}
#campanha .campaign-tags-center .campaign-tag-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"copy" "ended" "clock" "footer" "action"!important;
  gap:10px!important;
  align-items:center!important;
  justify-items:stretch!important;
  padding:14px 15px!important;
  text-align:center!important;
}
#campanha .campaign-tags-center .campaign-tag-copy{
  grid-area:copy!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
#campanha .campaign-tags-center .campaign-tag-copy h2{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto 5px!important;
  color:var(--tag-text,#fff)!important;
  font:900 18px/1.12 Inter,Poppins,sans-serif!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-align:center!important;
  transform-origin:center center!important;
}
#campanha .campaign-tags-center .campaign-tag-copy p{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:var(--tag-text,#fff)!important;
  font:700 13px/1.42 Inter,Poppins,sans-serif!important;
  white-space:pre-line!important;
  text-align:center!important;
  opacity:.94!important;
}
#campanha .campaign-tags-center .campaign-tag-function-detail{
  display:block!important;
  margin:6px 0 0!important;
  color:var(--tag-text,#fff)!important;
  font:850 11px/1.35 Inter,Poppins,sans-serif!important;
  text-align:center!important;
  opacity:.82!important;
}
#campanha .campaign-tags-center .campaign-tag-clock{
  grid-area:clock!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,58px))!important;
  justify-content:center!important;
  width:100%!important;
  gap:5px!important;
  margin:1px auto 0!important;
}
#campanha .campaign-tags-center .campaign-tag-clock.hidden{display:none!important}
#campanha .campaign-tags-center .campaign-tag-ended-label{
  grid-area:ended!important;
  justify-self:center!important;
  margin:0 auto!important;
}
#campanha .campaign-tags-center .campaign-tag-validity{
  grid-area:footer!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:9px 0 0!important;
  border-top:1px solid color-mix(in srgb,var(--tag-text,#fff) 20%,transparent)!important;
  color:var(--tag-text,#fff)!important;
  font:750 9.5px/1.35 Inter,Poppins,sans-serif!important;
  letter-spacing:.015em!important;
  text-align:center!important;
  opacity:.78!important;
}
#campanha .campaign-tags-center .campaign-tag-action{
  grid-area:action!important;
  justify-self:center!important;
  margin:0!important;
  min-width:132px!important;
}
#campanha .campaign-tags-center .campaign-tag-card.with-action .campaign-tag-validity{padding-right:0!important}
@media (max-width:720px), (min-width:701px){
  #campanha .campaign-tags-center .campaign-tag-card{padding:13px 12px!important;gap:9px!important}
  #campanha .campaign-tags-center .campaign-tag-copy h2{font-size:16px!important}
  #campanha .campaign-tags-center .campaign-tag-copy p{font-size:12.5px!important;line-height:1.42!important}
  #campanha .campaign-tags-center .campaign-tag-clock{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* V1.22.7 — título em destaque, respiro interno, rodapé compacto e textura padrão. */
@keyframes dkTagTitlePulseFloat{
  0%,100%{transform:translateY(0) scaleX(var(--tag-fit-scale,1)) scale(1)}
  50%{transform:translateY(-3px) scaleX(var(--tag-fit-scale,1)) scale(1.02)}
}
#campanha .campaign-tags-center .campaign-tag-card{
  padding:14px 18px!important;
  background-color:var(--tag-bg,#171717)!important;
  background-image:
    radial-gradient(circle at 18% 25%,rgba(255,255,255,.075) 0 1px,transparent 1.4px),
    radial-gradient(circle at 78% 72%,rgba(0,0,0,.065) 0 1px,transparent 1.5px)!important;
  background-size:19px 19px,23px 23px!important;
  background-position:0 0,6px 8px!important;
}
#campanha .campaign-tags-center .campaign-tag-copy{padding:0 2px!important;box-sizing:border-box!important}
#campanha .campaign-tags-center .campaign-tag-copy h2{
  font-size:22px!important;
  line-height:1.08!important;
  margin-bottom:6px!important;
  padding:2px 0!important;
  transform:scaleX(var(--tag-fit-scale,1));
  will-change:transform;
}
#campanha .campaign-tags-center .campaign-tag-copy h2.is-title-animated{
  animation:dkTagTitlePulseFloat 2.35s ease-in-out infinite!important;
}
#campanha .campaign-tags-center .campaign-tag-copy p{
  font-size:14px!important;
  line-height:1.4!important;
}
#campanha .campaign-tags-center .campaign-tag-validity{
  margin:0!important;
  padding:6px 0!important;
  line-height:1.2!important;
}
@media (max-width:720px), (min-width:701px){
  #campanha .campaign-tags-center .campaign-tag-card{padding:13px 15px!important;gap:8px!important}
  #campanha .campaign-tags-center .campaign-tag-copy{padding:0 1px!important}
  #campanha .campaign-tags-center .campaign-tag-copy h2{font-size:19px!important;margin-bottom:5px!important}
  #campanha .campaign-tags-center .campaign-tag-copy p{font-size:13.5px!important}
  #campanha .campaign-tags-center .campaign-tag-validity{padding:5px 0!important}
}
@media(prefers-reduced-motion:reduce){
  #campanha .campaign-tags-center .campaign-tag-copy h2.is-title-animated{
    animation:none!important;
    transform:scaleX(var(--tag-fit-scale,1))!important;
  }
}


/* V1.22.8 — somente a Central pode produzir cartões visuais. */
#chance-em-dobro,#desconto-na-cota,#proximo-titulo-premiado,#tag-personalizada,
.double-chance-section,.unit-discount-section.custom-promo-tag-section{
  display:none!important;visibility:hidden!important;opacity:0!important;
  width:0!important;height:0!important;min-height:0!important;max-height:0!important;
  margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;
}

/* V1.22.9 — rodapé com respiro vertical simétrico.
   O recuo negativo absorve o padding inferior do cartão quando o rodapé é o último bloco,
   deixando a mesma distância entre separador/texto e texto/base da tag. */
#campanha .campaign-tags-center .campaign-tag-card:not(.with-action) .campaign-tag-validity{
  box-sizing:border-box!important;
  width:calc(100% + 36px)!important;
  margin:0 -18px -14px!important;
  padding:6px 18px!important;
}
#campanha .campaign-tags-center .campaign-tag-card.with-action .campaign-tag-validity{
  box-sizing:border-box!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}
@media (max-width:720px), (min-width:701px){
  #campanha .campaign-tags-center .campaign-tag-card:not(.with-action) .campaign-tag-validity{
    width:calc(100% + 30px)!important;
    margin:0 -15px -13px!important;
    padding:5px 15px!important;
  }
  #campanha .campaign-tags-center .campaign-tag-card.with-action .campaign-tag-validity{
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
}