/* ============================================================
   PRÊMIO BOX — landing para consumidores
   Usa a paleta do projeto e mantém foco em recompensa, status e facilidade.
   ============================================================ */

.consumidor-topo{background:rgba(102,45,33,.98)}
.consumidor-topo .marca img{width:132px}
.consumidor-nav{gap:clamp(.7rem,2vw,1.55rem)}

.consumidor-hero{
  min-height:780px;
  display:flex;
  align-items:center;
  padding:clamp(8rem,12vw,10rem) 0 clamp(5rem,8vw,7rem);
  background:
    radial-gradient(circle at 80% 24%,rgba(216,184,120,.12),transparent 34%),
    linear-gradient(135deg,#662D21 0%,#662D21 62%,#AF3527 140%);
  color:#fff;
}
.consumidor-hero__grade{display:grid;gap:clamp(3rem,7vw,6rem);align-items:center}
@media(min-width:960px){.consumidor-hero__grade{grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr)}}
.consumidor-hero__texto h1{max-width:13ch;margin:1rem 0 1.4rem;font-size:clamp(3rem,6.6vw,5.4rem);line-height:.93;color:#fff}
.consumidor-hero__texto h1 span{color:#D8B878;font-style:italic;font-variation-settings:'WONK' 1,'SOFT' 40}
.consumidor-hero__lede{max-width:59ch;color:rgba(255,255,255,.84);font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.68}
.consumidor-hero__acoes{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
.consumidor-hero__selos{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}
.consumidor-hero__selos span{display:inline-flex;align-items:center;gap:.5rem;padding:.58rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:rgba(255,255,255,.9);font-size:.76rem}
.consumidor-hero__selos i{font-size:1.08rem;color:#D8B878}

.consumidor-hero__visual{position:relative;max-width:510px;margin-inline:auto;width:100%}
.consumidor-cartao{padding:clamp(1.5rem,3vw,2.2rem);background:#fff;color:#662D21;border-radius:18px;box-shadow:0 32px 75px -34px rgba(0,0,0,.65);transform:rotate(1.25deg)}
.consumidor-cartao__topo{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid rgba(102,45,33,.13);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#AF3527}
.consumidor-cartao__topo i{font-size:1.5rem}
.consumidor-cartao__nivel{padding:1.5rem 0}
.consumidor-cartao__nivel small,.consumidor-cartao__progresso span,.consumidor-cartao__progresso small{display:block;color:rgba(102,45,33,.7);font-size:.72rem}
.consumidor-cartao__nivel strong{display:block;margin:.18rem 0 .25rem;font-family:var(--display);font-size:clamp(2.7rem,6vw,4rem);line-height:1;color:#662D21}
.consumidor-cartao__nivel span{display:block;color:#662D21;font-size:.9rem;line-height:1.5}
.consumidor-cartao__progresso{padding-top:1.1rem;border-top:1px solid rgba(102,45,33,.13)}
.consumidor-cartao__progresso>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:1rem}
.consumidor-cartao__progresso strong{font-family:var(--display);font-size:1.15rem}
.consumidor-progress{height:9px;margin:.8rem 0 .45rem;background:rgba(102,45,33,.1);border-radius:999px;overflow:hidden}
.consumidor-progress i{display:block;height:100%;background:#AF3527;border-radius:inherit}
.consumidor-checkin{display:flex;align-items:center;gap:.85rem;width:min(88%,390px);margin:-1rem 0 0 auto;padding:1rem 1.15rem;background:#AF3527;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 18px 40px -25px rgba(0,0,0,.8);position:relative;transform:rotate(-2deg)}
.consumidor-checkin>span{font-size:2rem;color:#D8B878}
.consumidor-checkin small,.consumidor-checkin strong{display:block}
.consumidor-checkin small{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.76)}
.consumidor-checkin strong{margin-top:.08rem;font-size:.82rem;line-height:1.35}

.consumidor-cabeca{max-width:900px}
.consumidor-cabeca h2{max-width:19ch;margin:1rem 0 1rem;font-size:clamp(2.25rem,4.7vw,4rem);line-height:1;color:#662D21}
.consumidor-cabeca>p:last-child{max-width:62ch;color:rgba(102,45,33,.76);font-size:1rem;line-height:1.65}
.consumidor-cabeca--escura h2{color:#fff}
.consumidor-cabeca--escura>p:last-child{color:rgba(255,255,255,.78)}

.consumidor-beneficios{display:grid;gap:1px;margin-top:clamp(2.5rem,5vw,4rem);background:rgba(102,45,33,.13);border:1px solid rgba(102,45,33,.13)}
@media(min-width:720px){.consumidor-beneficios{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1060px){.consumidor-beneficios{grid-template-columns:repeat(3,1fr)}}
.consumidor-beneficio{min-height:280px;padding:clamp(1.4rem,3vw,2rem);background:#fff;color:#662D21}
.consumidor-beneficio>i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:1.4rem;border:1px solid rgba(175,53,39,.25);border-radius:8px;color:#AF3527;font-size:1.55rem}
.consumidor-beneficio>span{font-size:.62rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#AF3527}
.consumidor-beneficio h3{margin:.6rem 0 .6rem;font-size:1.35rem}
.consumidor-beneficio p{color:rgba(102,45,33,.74);font-size:.88rem;line-height:1.62}

.consumidor-dupla{display:grid;gap:clamp(3rem,7vw,6rem);align-items:center}
@media(min-width:920px){.consumidor-dupla{grid-template-columns:1fr 1fr}}
.consumidor-dupla__texto h2{max-width:16ch;margin:1rem 0 1.1rem;font-size:clamp(2.25rem,4.6vw,3.8rem);line-height:1;color:#fff}
.consumidor-lista{display:grid;gap:.8rem;margin-top:1.6rem}
.consumidor-lista li{display:grid;grid-template-columns:24px 1fr;gap:.7rem;align-items:start;color:rgba(255,255,255,.82);font-size:.88rem;line-height:1.55}
.consumidor-lista i{font-size:1.2rem;color:#D8B878}
.consumidor-recompensa{padding:clamp(1.4rem,4vw,2.2rem);background:#fff;color:#662D21;border-radius:14px;box-shadow:0 25px 60px -36px rgba(0,0,0,.55)}
.consumidor-recompensa__cabeca{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(102,45,33,.13)}
.consumidor-recompensa__cabeca span{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#AF3527}
.consumidor-recompensa__cabeca strong{font-family:var(--display);font-size:1.2rem}
.consumidor-recompensa__pontos{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;padding:1.8rem 0}
.consumidor-recompensa__pontos i{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(102,45,33,.2);border-radius:50%;font-style:normal;font-family:var(--display);font-size:1rem;color:rgba(102,45,33,.45)}
.consumidor-recompensa__pontos i.feito{background:#AF3527;border-color:#AF3527;color:#fff}
.consumidor-recompensa__premio{display:grid;grid-template-columns:48px 1fr;gap:1rem;align-items:center;padding:1rem;background:rgba(175,53,39,.07);border:1px solid rgba(175,53,39,.15);border-radius:9px}
.consumidor-recompensa__premio>span{font-size:2rem;color:#AF3527}
.consumidor-recompensa__premio small,.consumidor-recompensa__premio strong,.consumidor-recompensa__premio p{display:block}
.consumidor-recompensa__premio small{font-size:.65rem;color:#AF3527;text-transform:uppercase;letter-spacing:.11em}
.consumidor-recompensa__premio strong{font-family:var(--display);font-size:1.25rem}
.consumidor-recompensa__premio p{font-size:.75rem;color:rgba(102,45,33,.7)}

.consumidor-niveis{display:grid;gap:1rem;margin-top:clamp(2.6rem,5vw,4rem)}
@media(min-width:860px){.consumidor-niveis{grid-template-columns:repeat(3,1fr);align-items:stretch}}
.nivel-card{position:relative;padding:clamp(1.5rem,3vw,2rem);border:1px solid rgba(102,45,33,.14);border-radius:10px;background:#fff;color:#662D21;overflow:hidden}
.nivel-card::after{content:'';position:absolute;inset:auto -35px -55px auto;width:140px;height:140px;border-radius:50%;background:rgba(175,53,39,.05)}
.nivel-card__tag{display:inline-flex;padding:.38rem .62rem;border-radius:999px;background:rgba(102,45,33,.07);font-size:.64rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#662D21}
.nivel-card__icone{display:grid;place-items:center;width:52px;height:52px;margin:2rem 0 1.2rem;border:1px solid rgba(102,45,33,.14);border-radius:50%}
.nivel-card__icone i{font-size:1.6rem;color:#AF3527}
.nivel-card h3{font-size:1.45rem;margin-bottom:.65rem}
.nivel-card p{color:rgba(102,45,33,.74);font-size:.86rem;line-height:1.6}
.nivel-card small{display:block;margin-top:1.4rem;color:#AF3527;font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.nivel-card--insider{border-color:rgba(175,53,39,.35);box-shadow:0 18px 45px -35px rgba(102,45,33,.65)}
.nivel-card--black{background:#662D21;color:#fff;border-color:#662D21}
.nivel-card--black .nivel-card__tag{background:rgba(216,184,120,.13);color:#D8B878}
.nivel-card--black .nivel-card__icone{border-color:rgba(255,255,255,.2)}
.nivel-card--black .nivel-card__icone i{color:#D8B878}
.nivel-card--black p{color:rgba(255,255,255,.75)}
.nivel-card--black small{color:#D8B878}
.consumidor-observacao{max-width:75ch;margin:1.4rem auto 0;text-align:center;color:rgba(102,45,33,.7);font-size:.75rem;line-height:1.55}

.consumidor-passos{display:grid;gap:1px;margin-top:clamp(2.7rem,5vw,4rem);background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}
@media(min-width:760px){.consumidor-passos{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.consumidor-passos{grid-template-columns:repeat(4,1fr)}}
.consumidor-passo{min-height:300px;padding:1.6rem;background:#662D21;color:#fff}
.consumidor-passo>span{font-size:.6rem;font-weight:600;letter-spacing:.15em;color:#D8B878}
.consumidor-passo>i{display:grid;place-items:center;width:48px;height:48px;margin:2rem 0 1.2rem;border:1px solid rgba(255,255,255,.22);border-radius:7px;color:#D8B878;font-size:1.5rem}
.consumidor-passo h3{font-size:1.2rem;margin-bottom:.65rem}
.consumidor-passo p{color:rgba(255,255,255,.76);font-size:.84rem;line-height:1.6}
.consumidor-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.3rem;margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.17)}
.consumidor-cta strong,.consumidor-cta span{display:block}
.consumidor-cta strong{font-family:var(--display);font-size:1.35rem;color:#fff}
.consumidor-cta span{margin-top:.2rem;color:rgba(255,255,255,.7);font-size:.82rem}

.consumidor-faq__grade{display:grid;gap:clamp(2.5rem,6vw,5rem);align-items:start}
@media(min-width:920px){.consumidor-faq__grade{grid-template-columns:.8fr 1.2fr}}
.consumidor-faq__intro h2{max-width:12ch;margin:1rem 0 1rem;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;color:#662D21}
.consumidor-faq__intro>p:last-child{color:rgba(102,45,33,.75);font-size:.9rem;line-height:1.62}
.consumidor-faq details{background:#fff}

.consumidor-final{padding:clamp(5rem,9vw,8rem) 0;background:#fff;color:#662D21}
.consumidor-final__conteudo{max-width:850px;text-align:center}
.consumidor-final h2{margin:1rem auto 1rem;max-width:16ch;font-size:clamp(2.4rem,5vw,4.1rem);line-height:1}
.consumidor-final p:not(.etiqueta){max-width:60ch;margin:0 auto;color:rgba(102,45,33,.72)}
.consumidor-final .btn{margin-top:2rem}

.consumidor-rodape .rodape__marca p{max-width:39ch}

@media(max-width:760px){
  .consumidor-topo .topo__nav a:not(.topo__cta){display:none}
  .consumidor-topo .topo__cta{display:inline-flex}
  .consumidor-hero{min-height:auto;padding-top:7rem}
  .consumidor-hero__texto h1{font-size:clamp(2.7rem,14vw,4rem)}
  .consumidor-hero__acoes{flex-direction:column;align-items:stretch}
  .consumidor-hero__acoes .btn{justify-content:center}
  .consumidor-hero__selos{display:grid;grid-template-columns:1fr}
  .consumidor-hero__selos span{border-radius:9px}
  .consumidor-checkin{width:94%}
  .consumidor-cabeca h2{font-size:clamp(2rem,11vw,3rem)}
}