/* Ativações sustentáveis (v1) — usa a paleta do site e o lightbox do Tour */
.at-sec{width:100vw;margin-left:calc(50% - 50vw);padding:56px 20px;box-sizing:border-box}
.at-sec--faixa{background:var(--fundo-produtos)}
.at-in{max-width:1100px;margin:0 auto}
.at-tit{text-align:center;max-width:720px;margin:0 auto 32px}
.at-tit h2{font-family:var(--font-titulo);color:var(--verde-escuro);font-size:clamp(26px,3.4vw,38px);line-height:1.15;margin:0 0 8px}
.at-tit p{margin:0;font-size:17px;line-height:1.5;color:var(--marrom)}
.at-eyebrow{font-family:var(--font-dado);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--verde-vivo)}

/* Topo */
.at-hero{width:100vw;margin-left:calc(50% - 50vw);display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding:48px max(20px,calc(50vw - 570px)) 56px;box-sizing:border-box;text-align:left}
.at-hero h1{font-family:var(--font-titulo);color:var(--verde-escuro);font-size:clamp(34px,5vw,56px);line-height:1.04;margin:12px 0 16px}
.at-hero h1 em{font-style:italic;color:var(--verde-vivo)}
.at-hero p{font-size:18px;line-height:1.55;max-width:36ch;color:var(--marrom);margin:0}
.at-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.at-chip{background:#fff;border:1.5px solid var(--verde-claro);border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;color:var(--verde-escuro)}
.at-btn{display:inline-block;background:var(--verde-escuro);color:#fff;border:0;border-radius:999px;padding:15px 28px;font:700 14px var(--font-corpo);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer}
.at-btn:hover{background:var(--verde-vivo)}
.at-mos{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:230px 230px;gap:12px}
.at-mos img{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block}
.at-mos__a{grid-row:1/3;border-radius:22px 90px 22px 22px!important}
.at-mos__c{border-radius:22px 22px 90px 22px!important}

/* Por que */
.at-why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.at-why>div{background:#fff;border-radius:18px;padding:22px;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.at-why__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--verde-suave-bg);color:var(--verde-escuro);font-size:22px;margin-bottom:12px}
.at-why b{display:block;font-family:var(--font-titulo);font-size:18px;color:var(--verde-escuro);margin-bottom:6px}
.at-why span.t{font-size:15px;line-height:1.5;color:var(--marrom)}

/* Cards de compra */
.at-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;align-items:flex-start}
.at-card{flex:0 1 calc((100% - 48px)/3);min-width:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.08);display:flex;flex-direction:column;scroll-margin-top:24px}
.at-card--dest{outline:3px solid var(--verde-claro)}
.at-car{position:relative}
.at-car__vp{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.at-car__vp::-webkit-scrollbar{display:none}
.at-car__it{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:4/5;background:var(--verde-suave-bg)}
.at-car__it button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.at-car__it img{width:100%;height:100%;object-fit:cover;display:block}
.at-car__s{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:var(--verde-escuro);display:grid;place-items:center;font-size:18px;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer}
.at-car__s--a{left:10px}.at-car__s--p{right:10px}
.at-car__n{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.55);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}
.at-thumbs{display:flex;gap:6px;padding:8px 20px 0;overflow-x:auto;scrollbar-width:none}
.at-thumbs::-webkit-scrollbar{display:none}
.at-thumbs button{flex:none;width:54px;height:54px;padding:0;border:0;border-radius:10px;overflow:hidden;opacity:.55;cursor:pointer;background:none}
.at-thumbs button.on{opacity:1;outline:2px solid var(--verde-escuro)}
.at-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.at-cb{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px}
.at-tag{align-self:flex-start;background:var(--verde-suave-bg);color:var(--verde-escuro);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}
.at-cb h3{font-family:var(--font-titulo);font-size:22px;line-height:1.2;color:var(--verde-escuro);margin:0}
.at-cb p{margin:0;font-size:15px;line-height:1.5;color:var(--marrom)}
.at-mais{align-self:flex-start;background:none;border:0;padding:0;font:700 14px var(--font-corpo);color:var(--verde-escuro);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.at-mais__seta{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.at-mais[aria-expanded="true"] .at-mais__seta{transform:rotate(-135deg)}
.at-mais__menos{display:none}.at-mais[aria-expanded="true"] .at-mais__menos{display:inline}.at-mais[aria-expanded="true"] .at-mais__mais{display:none}
.at-extra{display:none;font-size:15px;line-height:1.55;color:var(--marrom)}
.at-extra.on{display:block}
.at-extra ul{margin:0 0 12px;padding-left:18px;list-style:disc}.at-extra li{margin:0 0 6px}.at-mais{margin-top:4px}
.at-extra .bl{margin:0 0 12px}
.at-extra a{color:var(--verde-escuro);font-weight:700}
.at-opts{display:flex;flex-wrap:wrap;gap:8px}
.at-opt{flex:1 1 auto;border:1.5px solid var(--verde-claro);background:#fff;color:var(--verde-escuro);border-radius:12px;padding:9px 10px;font:700 13px var(--font-corpo);cursor:pointer;text-align:center}
.at-opt.on{background:var(--verde-escuro);border-color:var(--verde-escuro);color:#fff}
.at-lab{font:700 13px var(--font-corpo);color:var(--verde-vivo);margin-top:2px}
.at-card select{width:100%;padding:11px 10px;border:1.5px solid var(--verde-claro);border-radius:12px;background:#fff;font:15px var(--font-corpo);color:var(--marrom)}
.at-preco{font-family:var(--font-titulo);font-size:22px;color:var(--verde-escuro);line-height:1.1}
.at-preco small{display:block;font:400 13px var(--font-corpo);color:var(--marrom);opacity:.8;margin-top:3px}
.at-aviso{margin:0;color:#b3261e;font-size:14px;font-weight:700}
.at-add{display:block;width:100%;font-size:13px;padding:13px 16px}
.at-ver{display:block;text-align:center;font-weight:700;font-size:14px;color:var(--verde-escuro)}

/* Passos */
.at-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:at}
.at-steps>div{position:relative;background:#fff;border-radius:18px;padding:28px 20px 20px}
.at-steps>div:before{counter-increment:at;content:counter(at);position:absolute;top:-16px;left:20px;width:34px;height:34px;border-radius:50%;background:var(--verde-vivo);color:#fff;font:700 17px var(--font-titulo);display:grid;place-items:center}
.at-steps b{display:block;font-family:var(--font-titulo);font-size:18px;color:var(--verde-escuro);margin-bottom:6px}
.at-steps span{font-size:15px;line-height:1.5;color:var(--marrom)}

/* Galeria */
.at-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.at-gal button{padding:0;border:0;background:var(--verde-suave-bg);border-radius:16px;overflow:hidden;aspect-ratio:1;cursor:zoom-in}
.at-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.at-gal button:hover img{transform:scale(1.04)}

/* FAQ */
.at-faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.at-faq details{background:#fff;border-radius:14px;padding:16px 18px}
.at-faq summary{font-weight:700;color:var(--verde-escuro);cursor:pointer}
.at-faq p{margin:10px 0 0;line-height:1.55;color:var(--marrom)}

/* Fim */
.at-fim{width:100vw;margin-left:calc(50% - 50vw);background:var(--marrom);text-align:center;padding:52px 20px;box-sizing:border-box;color:#fff}
.at-fim h2{font-family:var(--font-titulo);font-size:clamp(24px,3vw,32px);margin:0 0 18px}
.at-fim .at-btn{background:#25D366}
.at-fim .at-btn:hover{background:#1da851}

@media(max-width:900px){
  .at-hero{grid-template-columns:1fr;padding-top:28px;padding-left:20px;padding-right:20px}
  .at-mos{grid-template-rows:170px 170px}
  .at-why,.at-steps{grid-template-columns:1fr 1fr}
  .at-card{flex-basis:calc((100% - 24px)/2)}
  .at-gal{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .at-sec{padding:44px 20px}
  .at-why,.at-steps{grid-template-columns:1fr}
  .at-card{flex-basis:100%}
  .at-gal{grid-template-columns:1fr 1fr}
  .at-steps{gap:26px}
}

/* pontinhos do carrossel dos cards */
.at-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px;pointer-events:none}
.at-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 2px rgba(0,0,0,.4)}
.at-dots i.on{background:#fff;width:18px;border-radius:5px}
.at-card--alvo{animation:atAlvo 2.4s ease}
@keyframes atAlvo{0%,60%{box-shadow:0 0 0 4px var(--verde-vivo),0 8px 26px rgba(0,0,0,.08)}100%{box-shadow:0 8px 26px rgba(0,0,0,.08)}}
.at-ver[hidden],.at-aviso[hidden]{display:none}