/* ==========================================================================
   NERESCO — O tempero bom da vida
   Paleta extraída do layout oficial: verde #1A7201 · laranja #FF800B
   ========================================================================== */

:root{
  --verde:#1A7201;
  --verde-esc:#114D00;
  --verde-claro:#2E9A0A;
  --laranja:#FF800B;
  --laranja-esc:#E86E00;

  --creme:#FFFDF8;
  --areia:#F5F1E7;
  --tinta:#131A0F;
  --tinta-suave:#5B6454;
  --branco:#fff;

  --font:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;

  --r-sm:12px; --r-md:20px; --r-lg:32px; --r-xl:44px;
  --shadow:0 18px 50px -24px rgba(12,32,6,.35);
  --shadow-lg:0 34px 80px -30px rgba(12,32,6,.45);
  --wrap:1280px;
  --header-h:96px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--creme);color:var(--tinta);
  font-family:var(--font);font-size:17px;font-weight:400;line-height:1.65;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
:focus-visible{outline:3px solid var(--laranja);outline-offset:3px;border-radius:4px}

.wrap{width:min(100% - 48px,var(--wrap));margin-inline:auto}

/* Item de grid tem min-width:auto por padrão, então uma coluna "1fr" nunca fica
   menor que o min-content do que está dentro — e estoura o container em telas
   estreitas. Liberar o encolhimento resolve na raiz. */
.contato-grid>*,.mapa-grid>*,.hist>*,.prod-hero>*,.ficha>*,.not-destaque>*,
.kit-item>*,.midia-item>*,.revend>*,.como-usar>*,.como-usar .item>*,
.info-list li>*,.grid-prod>*,.not-grid>*,.ev-grid>*,.depo-grid>*,
.check-lista>li,.info-list>li,.valores>*,.cats>*,
.passos>*,.numeros>*,.rec-grid>*,.revend-grid>*,.car-track>*,.form-larga>*,
.redes-grid>*,.loja>*,.rec-hero>*,.rec-ficha>*{min-width:0}
.kit-item b,.kit-item span,.revend b,.revend span,.not h3,.ev-card h3{overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Tipografia ---------- */
h1,h2,h3,h4{font-weight:700;line-height:1.06;letter-spacing:-.025em;margin:0}
h1{font-size:clamp(2.6rem,6vw,4.6rem)}
h2{font-size:clamp(2.1rem,4.6vw,3.5rem)}
h3{font-size:clamp(1.25rem,2vw,1.6rem)}
p{margin:0 0 1em}
.lead{font-size:clamp(1.04rem,1.5vw,1.2rem);color:var(--tinta-suave);max-width:60ch}

/* título de seção no padrão do layout: verde + risco laranja desenhado */
.sec-title{text-align:center;margin-bottom:clamp(2.6rem,5vw,4.2rem)}
.sec-title h2{color:var(--verde);display:inline-block;position:relative;padding-bottom:.36em}
.sec-title h2::after{
  content:"";position:absolute;left:-4%;right:-4%;bottom:0;height:.34em;
  background:no-repeat center/100% 100% url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 16' preserveAspectRatio='none'%3E%3Cpath d='M5 12C55 3 165 3 215 10' stroke='%23FF800B' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  transform:scaleX(0);transform-origin:left center;
  transition:transform 1s var(--ease-out) .2s;
}
.reveal.is-in .sec-title h2::after,.sec-title.is-in h2::after{transform:scaleX(1)}
.sec-title p{margin:1.4rem auto 0;color:var(--tinta-suave);max-width:56ch}
.sec-title.on-dark h2{color:var(--branco)}
.sec-title.on-dark p{color:rgba(255,255,255,.82)}

.eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--laranja-esc);margin-bottom:1.1rem;
}
.eyebrow::before{content:"";width:28px;height:3px;background:var(--laranja);border-radius:3px}
.on-dark .eyebrow,.eyebrow.light{color:#FFC178}

/* ---------- Botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:.95rem 1.9rem;border-radius:100px;font-weight:600;font-size:.97rem;
  position:relative;overflow:hidden;isolation:isolate;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),color .3s;
}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  transform:scale(0);transform-origin:center;transition:transform .5s var(--ease-out);
}
.btn:hover{transform:translateY(-3px)}
.btn:hover::before{transform:scale(1.05)}
.btn svg{transition:transform .4s var(--ease)}
.btn:hover svg{transform:translateX(5px)}

.btn-laranja{background:var(--laranja);color:#fff;box-shadow:0 14px 30px -14px rgba(255,128,11,.9)}
.btn-laranja::before{background:var(--laranja-esc)}
.btn-laranja:hover{box-shadow:0 22px 44px -16px rgba(255,128,11,.95)}

.btn-verde{background:var(--verde);color:#fff}
.btn-verde::before{background:var(--verde-esc)}

.btn-branco{background:#fff;color:var(--verde);font-weight:600}
.btn-branco::before{background:var(--areia)}

.btn-ghost{border:2px solid rgba(255,255,255,.5);color:#fff}
.btn-ghost::before{background:#fff}
.btn-ghost:hover{color:var(--verde);border-color:#fff}

.btn-outline{border:2px solid var(--verde);color:var(--verde)}
.btn-outline::before{background:var(--verde)}
.btn-outline:hover{color:#fff}

/* ---------- Barra de progresso ---------- */
.progress{
  position:fixed;top:0;left:0;height:3px;width:0;z-index:120;
  background:linear-gradient(90deg,var(--laranja),#FFB35C);
  box-shadow:0 0 12px rgba(255,128,11,.7);
}

/* ---------- HEADER (fundo verde, conforme layout) ---------- */
.header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:var(--verde);height:var(--header-h);
  display:flex;align-items:center;
  transition:height .4s var(--ease),background .4s var(--ease),box-shadow .4s var(--ease);
}
.header.scrolled{height:74px;box-shadow:0 10px 34px -18px rgba(0,0,0,.6);background:var(--verde-esc)}
.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:min(100% - 48px,1400px)}
.brand img{height:56px;width:auto;transition:height .4s var(--ease)}
.header.scrolled .brand img{height:44px}

.nav{display:flex;align-items:center;gap:3.4rem}
.nav a{
  color:rgba(255,255,255,.92);font-size:.98rem;font-weight:500;
  position:relative;padding:.3rem 0;transition:color .3s;
}
.nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:-4px;height:2.5px;border-radius:3px;
  background:var(--laranja);transform:scaleX(0);transform-origin:right center;
  transition:transform .45s var(--ease-out);
}
.nav a:hover,.nav a.active{color:#fff}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1);transform-origin:left center}

.header-cta{display:flex;align-items:center;gap:1rem}

.burger{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:6px;padding:0 8px}
.burger span{display:block;height:2.5px;background:#fff;border-radius:3px;transition:transform .45s var(--ease),opacity .3s,width .45s var(--ease)}
.burger span:nth-child(1){width:100%}
.burger span:nth-child(2){width:70%}
.burger span:nth-child(3){width:85%}
.burger.open span:nth-child(1){transform:translateY(8.5px) rotate(45deg);width:100%}
.burger.open span:nth-child(2){opacity:0;transform:translateX(-12px)}
.burger.open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg);width:100%}

/* menu mobile — abertura em círculo */
.mobile-nav{
  position:fixed;inset:0;z-index:99;background:var(--verde);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;
  clip-path:circle(0% at calc(100% - 46px) 48px);
  transition:clip-path .75s var(--ease-out);
  pointer-events:none;
}
.mobile-nav.open{clip-path:circle(150% at calc(100% - 46px) 48px);pointer-events:auto}
.mobile-nav a{
  color:#fff;font-size:2rem;font-weight:600;letter-spacing:-.02em;padding:.5rem 1rem;
  opacity:0;transform:translateY(22px);transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.mobile-nav.open a{opacity:1;transform:none}
.mobile-nav.open a:nth-child(1){transition-delay:.22s}
.mobile-nav.open a:nth-child(2){transition-delay:.28s}
.mobile-nav.open a:nth-child(3){transition-delay:.34s}
.mobile-nav.open a:nth-child(4){transition-delay:.40s}
.mobile-nav.open a:nth-child(5){transition-delay:.46s}
.mobile-nav.open a:nth-child(6){transition-delay:.52s}

/* ---------- HERO (vídeo do pote de chimichurri) ---------- */
/* o vídeo oficial é 1920x824 (verde + pote à esquerda, prato à direita).
   O hero herda essa proporção para não cortar a composição do layout. */
.hero{
  position:relative;margin-top:var(--header-h);
  width:100%;aspect-ratio:1920/824;
  max-height:calc(100vh - var(--header-h));min-height:300px;
  background:var(--verde);overflow:hidden;
}
.hero video,.hero .hero-fallback{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
}
.hero-fallback{background:var(--verde)}
.hero .veu{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 26%,transparent 72%,rgba(0,0,0,.22) 100%);
}
.scroll-hint{
  position:absolute;left:50%;bottom:30px;translate:-50% 0;z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:.55rem;
  color:#fff;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;
  text-shadow:0 2px 10px rgba(0,0,0,.5);
}
.scroll-hint i{
  width:26px;height:42px;border:2.5px solid rgba(255,255,255,.85);border-radius:100px;position:relative;
}
.scroll-hint i::after{
  content:"";position:absolute;left:50%;top:8px;translate:-50% 0;
  width:4px;height:8px;border-radius:4px;background:#fff;animation:wheel 1.9s var(--ease) infinite;
}
@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(15px)}}

/* ---------- Blocos ---------- */
.pad{padding:clamp(4.5rem,9vw,8rem) 0}
/* duas seções seguidas com o mesmo fundo somam os respiros e viram um vazio enorme:
   quando isso acontece, as duas fecham o espaço entre elas */
.pad.bg-areia + .pad.bg-areia{padding-top:clamp(2rem,4vw,3.2rem)}
.pad-b-curto{padding-bottom:clamp(2.5rem,5vw,4rem)}
.pad-compacto{padding-block:clamp(3.2rem,6vw,5rem)}
.bg-areia{background:var(--areia)}
.bg-verde{background:var(--verde);color:#fff}
.bg-verde .lead{color:rgba(255,255,255,.85)}

/* ---------- SOBRE NÓS (card grande, conforme layout) ---------- */
.sobre-card{
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  min-height:min(74vh,660px);display:flex;align-items:center;
  box-shadow:var(--shadow-lg);
}
.sobre-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  transform:scale(1.06);transition:transform 1.6s var(--ease-out);
}
.sobre-card.is-in img{transform:scale(1)}
/* o degradê para antes do rosto do primeiro sócio */
.sobre-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(8,14,4,.88) 0%,rgba(8,14,4,.6) 22%,rgba(8,14,4,.14) 40%,transparent 54%);
}
.sobre-card .conteudo{position:relative;z-index:2;padding:clamp(2rem,4vw,3.4rem);max-width:min(500px,46%)}
.sobre-card h2{color:#fff;font-size:clamp(1.75rem,3.2vw,2.7rem);margin-bottom:1.2rem}
.destaque{
  display:inline-block;background:var(--verde);color:#fff;
  padding:0 .22em;border-radius:6px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}
.sobre-card p{color:rgba(255,255,255,.85);max-width:38ch;font-size:.94rem;margin-bottom:1.6rem}

/* números */
.numeros{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
  margin-top:clamp(2.5rem,5vw,4rem);
}
.numero{
  background:var(--branco);border-radius:var(--r-md);padding:2.2rem 1.6rem;text-align:center;
  border:1px solid rgba(26,114,1,.1);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;
}
.numero:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(26,114,1,.25)}
.numero .n{font-size:clamp(2.4rem,4.4vw,3.4rem);font-weight:700;color:var(--verde);line-height:1;letter-spacing:-.04em}
.numero .l{font-size:.86rem;color:var(--tinta-suave);margin-top:.6rem;font-weight:500}

/* ---------- Valores ---------- */
.valores{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.4rem}
.valor{
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--r-md);padding:2rem 1.6rem;
  transition:transform .5s var(--ease),background .4s,border-color .4s;
}
.valor:hover{transform:translateY(-8px);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34)}
.valor .ic{
  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
  background:var(--laranja);color:#fff;margin-bottom:1.2rem;
  transition:transform .5s var(--ease);
}
.valor:hover .ic{transform:rotate(-8deg) scale(1.08)}
.valor h3{font-size:1.18rem;margin-bottom:.5rem;color:#fff}
.valor p{font-size:.92rem;color:rgba(255,255,255,.8);margin:0}

/* ---------- Categorias ---------- */
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}
.cat{
  position:relative;background:var(--branco);border-radius:var(--r-lg);overflow:hidden;
  padding:2rem 1.6rem 1.9rem;text-align:center;isolation:isolate;
  border:1px solid rgba(26,114,1,.1);
  transition:transform .55s var(--ease),box-shadow .55s var(--ease),color .45s;
}
.cat::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--verde);
  transform:translateY(101%);transition:transform .6s var(--ease-out);
}
.cat:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);color:#fff}
.cat:hover::before{transform:translateY(0)}
.cat-img{height:172px;display:grid;place-items:center;margin-bottom:1.2rem}
.cat-img img{max-height:100%;width:auto;object-fit:contain;transition:transform .6s var(--ease-out)}
.cat:hover .cat-img img{transform:scale(1.1) rotate(-2deg)}
.cat h3{font-size:1.28rem;margin-bottom:.45rem}
.cat p{font-size:.9rem;color:var(--tinta-suave);margin:0;transition:color .45s}
.cat:hover p{color:rgba(255,255,255,.85)}
.cat .count{
  position:absolute;top:14px;right:16px;font-size:.72rem;font-weight:600;
  background:var(--areia);color:var(--verde);padding:.28rem .7rem;border-radius:100px;
  transition:background .45s,color .45s;
}
.cat:hover .count{background:var(--laranja);color:#fff}

/* ---------- Catálogo ---------- */
.filters{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.8rem}
.filters button{
  padding:.6rem 1.25rem;border-radius:100px;font-size:.9rem;font-weight:500;
  border:1.5px solid rgba(26,114,1,.22);color:var(--tinta-suave);background:transparent;
  transition:all .35s var(--ease);
}
.filters button:hover{border-color:var(--verde);color:var(--verde);transform:translateY(-2px)}
.filters button.active{background:var(--verde);border-color:var(--verde);color:#fff;box-shadow:0 10px 24px -12px rgba(26,114,1,.8)}

.busca-wrap{max-width:440px;margin:0 auto clamp(2rem,4vw,3rem);position:relative}
.busca-wrap svg{position:absolute;left:18px;top:50%;translate:0 -50%;color:var(--tinta-suave);pointer-events:none}
.busca-wrap input{
  width:100%;padding:1rem 1.2rem 1rem 3.1rem;border-radius:100px;font-size:.98rem;
  border:1.5px solid rgba(26,114,1,.2);background:var(--branco);color:var(--tinta);
  transition:border-color .3s,box-shadow .3s;
}
.busca-wrap input:focus{outline:0;border-color:var(--verde);box-shadow:0 0 0 4px rgba(26,114,1,.12)}

.grid-prod{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.4rem}
.prod{
  background:var(--branco);border-radius:var(--r-md);padding:1.4rem 1.1rem 1.5rem;text-align:center;
  border:1px solid rgba(26,114,1,.1);position:relative;overflow:hidden;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;
  animation:pop .55s var(--ease-out) both;
}
@keyframes pop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
.prod:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(26,114,1,.28)}
.prod-img{height:190px;display:grid;place-items:center;margin-bottom:1rem}
.prod-img img{max-height:100%;width:auto;object-fit:contain;transition:transform .55s var(--ease-out)}
.prod:hover .prod-img img{transform:scale(1.09)}
.prod h4{font-size:.95rem;font-weight:600;line-height:1.35;margin-bottom:.6rem;letter-spacing:-.01em}
.prod .tag{
  display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--verde);background:rgba(26,114,1,.09);padding:.24rem .65rem;border-radius:100px;
}
.catalogo-rodape{text-align:center;margin-top:2.6rem;display:flex;flex-direction:column;align-items:center;gap:1rem}
.contador-res{font-size:.88rem;color:var(--tinta-suave)}
.vazio{grid-column:1/-1;text-align:center;color:var(--tinta-suave);padding:3rem 0}

/* ---------- Receitas ---------- */
.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.rec{
  position:relative;border-radius:var(--r-lg);overflow:hidden;display:block;
  aspect-ratio:4/5;box-shadow:var(--shadow);
  transition:transform .55s var(--ease),box-shadow .55s var(--ease);
}
.rec.wide{grid-column:span 2;aspect-ratio:auto}
.rec:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.rec img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.rec:hover img{transform:scale(1.07)}
.rec::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(8,14,4,.9) 0%,rgba(8,14,4,.35) 42%,transparent 68%);
}
.rec-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.6rem}
.rec-pill{
  display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  background:var(--laranja);color:#fff;padding:.3rem .8rem;border-radius:100px;margin-bottom:.7rem;
}
.rec h3{color:#fff;font-size:1.2rem;line-height:1.22}
.rec .go{
  display:inline-flex;align-items:center;gap:.4rem;color:#FFC178;font-size:.85rem;font-weight:600;
  margin-top:.7rem;opacity:0;transform:translateY(8px);
  transition:opacity .45s var(--ease),transform .45s var(--ease);
}
.rec:hover .go{opacity:1;transform:none}

/* ---------- Receita: página do prato ---------- */
.rec-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.rec-foto{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3}
.rec-foto img{width:100%;height:100%;object-fit:cover;display:block}
.rec-hero h1{font-size:clamp(2rem,4vw,3rem);color:var(--verde);margin:.6rem 0 1rem;line-height:1.12}
.rec-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.rec-meta span{
  display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:500;
  background:var(--areia);border:1px solid rgba(26,114,1,.12);color:var(--tinta);
  padding:.5rem 1rem;border-radius:100px;
}
.rec-meta span svg{color:var(--laranja);flex:none}

.rec-ficha{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.rec-ficha h2{color:var(--verde);font-size:1.5rem;margin-bottom:1.4rem}
.ingredientes{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.ingredientes li{display:flex;gap:.7rem;align-items:flex-start;line-height:1.5}
.ingredientes li::before{
  content:"";width:9px;height:9px;border-radius:50%;background:var(--laranja);
  flex:none;margin-top:.55rem;box-shadow:0 0 0 4px rgba(255,128,11,.18);
}
.preparo{list-style:none;padding:0;margin:0;counter-reset:passo;display:grid;gap:1.1rem}
.preparo li{display:flex;gap:1rem;align-items:flex-start;line-height:1.6}
.preparo li::before{
  counter-increment:passo;content:counter(passo);
  width:30px;height:30px;flex:none;border-radius:50%;background:var(--verde);color:#fff;
  font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.rec-dica{
  margin-top:1.8rem;background:var(--branco);border-left:4px solid var(--laranja);
  border-radius:var(--r-sm);padding:1rem 1.2rem;font-size:.92rem;color:var(--tinta-suave);
}
.rec-dica b{color:var(--verde)}
.rec-ficha-vazia{text-align:center;max-width:56ch;margin-inline:auto}
.rec-ficha-vazia h2{color:var(--verde);margin-bottom:1rem}
.rec-ficha-vazia p{color:var(--tinta-suave)}

/* ---------- Mapa ---------- */
/* o mapa acompanha exatamente a altura da coluna de texto: a figura estica com a
   linha do grid e a imagem é posicionada por cima, sem somar altura própria */
.mapa-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:stretch}
.mapa-fig{position:relative;min-height:260px}
.mapa-fig img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.4));animation:flutua 7s ease-in-out infinite;
}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.estados{display:flex;flex-wrap:wrap;gap:.7rem;margin:2rem 0}
.estado{
  display:inline-flex;align-items:center;gap:.55rem;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  padding:.55rem 1.1rem;border-radius:100px;font-size:.9rem;font-weight:500;
  transition:transform .4s var(--ease),background .35s;
}
.estado:hover{transform:translateY(-3px);background:rgba(255,255,255,.22)}
.estado i{width:9px;height:9px;border-radius:50%;background:var(--laranja);flex:none;box-shadow:0 0 0 4px rgba(255,128,11,.28)}

/* mesma seção sobre fundo claro: título verde, pílulas em areia e a sombra do
   mapa mais leve — sobre o creme, a sombra do fundo verde vira uma mancha */
.presenca-clara h2{color:var(--verde)}
.presenca-clara .lead{color:var(--tinta-suave)}
.presenca-clara .estado{background:var(--areia);border-color:rgba(26,114,1,.14);color:var(--tinta)}
.presenca-clara .estado:hover{background:#F3EEE1}
.presenca-clara .mapa-fig img{filter:drop-shadow(0 26px 40px rgba(26,114,1,.22))}

/* ---------- Onde comprar: redes revendedoras ----------
   A grade é de logos; clicar numa rede abre o painel de lojas logo abaixo. */
/* todos os cards com a mesma altura: a faixa da logo é fixa e o texto fica
   embaixo — sem isso o item de flex em coluna cresce junto com a imagem
   (min-height:auto) e cada card ganha uma altura diferente */
/* 4 por linha — com 8 redes, fecha em duas fileiras iguais */
.redes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;grid-auto-rows:1fr}
@media (max-width:1000px){ .redes-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:760px) { .redes-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:400px) { .redes-grid{grid-template-columns:1fr} }
.rede-card{
  display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;height:100%;
  background:var(--branco);border:1.5px solid rgba(26,114,1,.14);border-radius:var(--r-md);
  padding:1.5rem 1.2rem 1.3rem;box-shadow:var(--shadow);font:inherit;color:var(--tinta);
  transition:transform .4s var(--ease),border-color .35s,box-shadow .4s var(--ease);
}
.rede-card:hover{transform:translateY(-5px);border-color:var(--verde);box-shadow:var(--shadow-lg)}
.rede-card.ativo{border-color:var(--laranja);box-shadow:0 0 0 3px rgba(255,128,11,.16),var(--shadow)}
.rede-logo{
  width:100%;height:92px;flex:0 0 92px;min-height:92px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
/* largura cheia: as logos deitadas (Economart, Atacadão) só crescem na largura,
   e sem isso ficariam bem menores que as quadradas na mesma faixa */
.rede-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.rede-logo b{
  font-size:1.4rem;font-weight:700;color:var(--verde);letter-spacing:.04em;
  background:var(--areia);width:60px;height:60px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex:none;
}
.rede-nome{font-weight:600;line-height:1.25;font-size:.98rem}
.rede-qtd{font-size:.8rem;color:var(--tinta-suave);margin-top:auto;padding-top:.2rem}

.painel-lojas{
  margin-top:clamp(1.6rem,3vw,2.4rem);background:var(--branco);
  border:1.5px solid rgba(26,114,1,.14);border-radius:var(--r-lg);
  padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--shadow);
}
.painel-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.4rem}
.painel-topo h3{color:var(--verde);font-size:1.3rem}
.painel-topo span{font-size:.85rem;color:var(--tinta-suave)}
.painel-topo .fechar{
  width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;
  border:1.5px solid rgba(26,114,1,.18);color:var(--tinta-suave);transition:all .3s var(--ease);
}
.painel-topo .fechar:hover{border-color:var(--verde);color:var(--verde)}
.cidade-bloco + .cidade-bloco{margin-top:1.6rem}
.cidade-bloco h4{
  font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--laranja-esc);margin-bottom:.8rem;
}
.lojas{display:grid;gap:.7rem}
.loja{
  display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap;
  background:var(--creme);border:1px solid rgba(26,114,1,.1);border-radius:var(--r-sm);padding:1rem 1.2rem;
}
.loja .dados{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.loja .dados b{color:var(--tinta)}
.loja .dados span{font-size:.87rem;color:var(--tinta-suave);overflow-wrap:anywhere}
.loja .tel{font-size:.87rem;color:var(--verde);font-weight:500;width:fit-content}
.loja .mapa{flex:none;padding:.6rem 1.15rem;font-size:.85rem}

/* a mesma grade de revendedores, sobre fundo claro */
.revend-claro .revend{background:var(--branco);border-color:rgba(26,114,1,.12);color:var(--tinta)}
.revend-claro .revend .marca{background:var(--areia);color:var(--verde)}
.revend-claro .revend span span{color:var(--tinta-suave)}

/* ---------- Eventos ---------- */
.evento{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg)}
.evento .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.evento::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(17,77,0,.94) 0%,rgba(17,77,0,.72) 48%,rgba(17,77,0,.25) 100%)}
.evento .inner{position:relative;z-index:2;padding:clamp(2.2rem,5.5vw,4.6rem);max-width:660px}
.evento h2{color:#fff;margin-bottom:1.2rem}

/* ---------- Contato ---------- */
.contato-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,4.5rem)}
.info-list{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1.3rem}
.info-list li{display:flex;gap:1rem;align-items:flex-start}
.info-list .ic{
  width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;
  background:var(--verde);color:#fff;transition:transform .4s var(--ease)
}
.info-list li:hover .ic{transform:rotate(-8deg) scale(1.07)}
.info-list b{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--laranja-esc);margin-bottom:.15rem}
.info-list span{color:var(--tinta-suave);font-size:.96rem;line-height:1.5}
.info-list a:hover{color:var(--verde)}

.form{background:var(--branco);border-radius:var(--r-lg);padding:clamp(1.8rem,3.5vw,2.8rem);box-shadow:var(--shadow);border:1px solid rgba(26,114,1,.1)}
.field{position:relative;margin-bottom:1.3rem}
.field input,.field select,.field textarea{
  width:100%;padding:1.35rem 1.1rem .6rem;border-radius:var(--r-sm);font:inherit;font-size:.97rem;
  border:1.5px solid rgba(26,114,1,.2);background:var(--creme);color:var(--tinta);
  transition:border-color .3s,box-shadow .3s;appearance:none;
}
.field textarea{min-height:130px;resize:vertical}
.field label{
  position:absolute;left:1.1rem;top:1.05rem;color:var(--tinta-suave);font-size:.97rem;
  pointer-events:none;transition:all .28s var(--ease);
}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--verde);box-shadow:0 0 0 4px rgba(26,114,1,.11)}
.field input:focus+label,.field input:not(:placeholder-shown)+label,
.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label,
.field select:focus+label,.field select.filled+label{top:.42rem;font-size:.7rem;color:var(--verde);font-weight:600;letter-spacing:.06em}
.field .chev{position:absolute;right:1.1rem;top:1.2rem;pointer-events:none;color:var(--tinta-suave)}
.form-note{font-size:.83rem;color:var(--tinta-suave);margin:1rem 0 0;text-align:center}
.form .btn{width:100%}

/* formulário na horizontal: dois campos por linha. Textarea, consentimento,
   botão e nota atravessam a largura toda. */
.form-larga{max-width:1000px;margin-inline:auto}
@media (min-width:760px){
  .form-larga{display:grid;grid-template-columns:1fr 1fr;column-gap:1.4rem}
  .form-larga .campo-largo,.form-larga .consent,
  .form-larga .btn,.form-larga .form-note{grid-column:1 / -1}
  .form-larga .btn{width:auto;justify-self:center;padding-inline:clamp(2rem,4vw,3.2rem)}
}

/* ---------- Rodapé (layout de RODAPÉ.png) ---------- */
.footer{background:var(--verde);color:#fff;padding:clamp(3.5rem,6vw,5.5rem) 0 2rem}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:2.5rem}
.footer .brand img{height:76px;margin-bottom:.4rem}
.footer h4{font-size:1.05rem;margin-bottom:1.3rem;font-weight:600}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.72rem}
.footer ul a{color:rgba(255,255,255,.82);font-size:.94rem;display:inline-block;transition:color .3s,transform .35s var(--ease)}
.footer ul a:hover{color:#fff;transform:translateX(5px)}
.footer .legal{color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.75}
.footer .legal a:hover{color:var(--laranja)}
.socials{display:flex;gap:.7rem;margin-top:1.2rem}
.socials a{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  border:1.5px solid rgba(255,255,255,.35);color:#fff;
  transition:transform .4s var(--ease),background .3s,border-color .3s;
}
.socials a:hover{background:var(--laranja);border-color:var(--laranja);transform:translateY(-4px) rotate(-6deg)}
.footer-bottom{
  margin-top:3.2rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.18);
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-size:.85rem;color:rgba(255,255,255,.75);
}
.footer-bottom a:hover{color:var(--laranja)}

/* ---------- WhatsApp flutuante ----------
   Pílula "Fale conosco", fixa no canto e visível o tempo todo, em todas as
   páginas — não depende de rolagem nem de JS. */
.wa{
  position:fixed;right:22px;bottom:22px;z-index:90;
  display:inline-flex;align-items:center;gap:.7rem;
  padding:.62rem 1.5rem .62rem .62rem;border-radius:100px;
  background:#25D366;color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;
  box-shadow:0 14px 34px -10px rgba(37,211,102,.8);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s;
}
.wa:hover{transform:translateY(-3px);background:#1EBE5B;box-shadow:0 20px 42px -12px rgba(37,211,102,.9)}
.wa .wa-ic{
  width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:#fff;color:#25D366;
}
@media (max-width:560px){
  .wa{right:16px;bottom:16px;padding:.5rem 1.2rem .5rem .5rem;font-size:.95rem;gap:.55rem}
  .wa .wa-ic{width:38px;height:38px}
}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.reveal.is-in{opacity:1;transform:none}
.reveal[data-d="1"]{transition-delay:.1s}
.reveal[data-d="2"]{transition-delay:.2s}
.reveal[data-d="3"]{transition-delay:.3s}
.reveal[data-d="4"]{transition-delay:.4s}
.reveal[data-d="5"]{transition-delay:.5s}

/* ---------- Documento legal ---------- */
.doc{max-width:780px;margin-inline:auto}
.doc h2{font-size:1.5rem;margin:2.8rem 0 .8rem;color:var(--verde)}
.doc h2:first-of-type{margin-top:0}
.doc ul{padding-left:1.2rem;color:var(--tinta-suave)}
.doc li{margin-bottom:.5rem}
.doc p{color:var(--tinta-suave)}
.doc a{color:var(--verde);font-weight:500}
.doc a:hover{text-decoration:underline}

/* ==========================================================================
   BLOCOS NOVOS — Instagram · Depoimentos · Revendedores · Mídia ·
   Página de produto · Área do influenciador
   ========================================================================== */

/* ---------- Banner de topo das páginas internas ---------- */
.pagina-topo{
  position:relative;margin-top:var(--header-h);overflow:hidden;
  display:grid;place-items:center;text-align:center;
  min-height:clamp(240px,32vw,380px);background:var(--verde);
}
.pagina-topo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pagina-topo .conteudo{position:relative;z-index:2;padding:clamp(2rem,5vw,3.5rem) 24px;max-width:760px}
.pagina-topo h1{color:#fff;font-size:clamp(2.2rem,5vw,3.6rem);margin:0}

/* ---------- Aviso de conteúdo de exemplo (some quando o dado for real) ---------- */
.aviso-exemplo{
  display:flex;align-items:flex-start;gap:.8rem;max-width:760px;margin:0 auto 2.2rem;
  background:#FFF4E2;border:1.5px dashed var(--laranja);border-radius:var(--r-sm);
  padding:.9rem 1.1rem;color:#7A4A00;font-size:.86rem;line-height:1.5;
}
.aviso-exemplo svg{flex:none;margin-top:2px}
.aviso-exemplo b{display:block;margin-bottom:.15rem}
.bg-verde .aviso-exemplo{background:rgba(255,255,255,.12);border-color:#FFC178;color:#FFE7C6}

/* ---------- Instagram ---------- */
.insta-topo{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:2rem}
.insta-topo a{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--verde)}
.insta-topo a:hover{color:var(--laranja-esc)}
.insta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.insta-item{
  position:relative;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;display:block;
  background:var(--areia);
}
.insta-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}
.insta-item:hover img{transform:scale(1.08)}
.insta-item::after{
  content:"";position:absolute;inset:0;background:rgba(17,77,0,.55);
  opacity:0;transition:opacity .4s var(--ease);
}
.insta-item:hover::after{opacity:1}
.insta-item .ico{
  position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#fff;
  opacity:0;transform:scale(.7);transition:opacity .4s var(--ease),transform .4s var(--ease-out);
}
.insta-item:hover .ico{opacity:1;transform:none}

/* ---------- Depoimentos ---------- */
.nota-google{
  display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap;
  margin-bottom:2.4rem;
}
.nota-google .valor{font-size:2.6rem;font-weight:700;color:var(--verde);line-height:1;letter-spacing:-.04em}
.estrelas{display:inline-flex;gap:.15rem;color:#FFB300}
.depo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}
.depo{
  background:var(--branco);border-radius:var(--r-md);padding:1.8rem;
  border:1px solid rgba(26,114,1,.1);position:relative;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.depo:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.depo .aspas{position:absolute;top:14px;right:20px;font-size:3.4rem;line-height:1;color:rgba(26,114,1,.1);font-family:Georgia,serif}
.depo p{font-size:.95rem;color:var(--tinta-suave);margin:.9rem 0 1.2rem}
.depo .quem{display:flex;align-items:center;gap:.8rem}
.depo .ini{
  width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--verde);color:#fff;font-weight:600;font-size:1rem;
}
.depo .quem b{display:block;font-size:.94rem}
.depo .quem span{font-size:.82rem;color:var(--tinta-suave)}

/* ---------- Revendedores ---------- */
.uf-filtros{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}
.uf-filtros button{
  padding:.5rem 1.05rem;border-radius:100px;font-size:.86rem;font-weight:600;
  border:1.5px solid rgba(255,255,255,.3);color:rgba(255,255,255,.85);
  transition:all .35s var(--ease);
}
.uf-filtros button:hover{border-color:#fff;color:#fff;transform:translateY(-2px)}
.uf-filtros button.active{background:#fff;border-color:#fff;color:var(--verde)}
.revend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem}
.revend{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  border-radius:var(--r-md);padding:1.4rem;display:flex;gap:.9rem;align-items:center;
  transition:transform .45s var(--ease),background .35s;
}
.revend:hover{transform:translateY(-5px);background:rgba(255,255,255,.18)}
.revend .marca{
  width:52px;height:52px;flex:none;border-radius:12px;background:#fff;
  display:grid;place-items:center;overflow:hidden;color:var(--verde);font-weight:700;font-size:1.1rem;
}
.revend .marca img{max-width:82%;max-height:82%;object-fit:contain}
.revend b{display:block;font-size:.95rem;line-height:1.25}
.revend span{font-size:.83rem;color:rgba(255,255,255,.75)}
.revend a.ver{font-size:.8rem;color:#FFC178;font-weight:600}

/* ---------- Saiu na mídia ---------- */
.midia-lista{display:grid;gap:1rem;max-width:920px;margin-inline:auto}
.midia-item{
  display:grid;grid-template-columns:130px 1fr auto;gap:1.4rem;align-items:center;
  background:var(--branco);border:1px solid rgba(26,114,1,.1);border-radius:var(--r-md);
  padding:1.2rem 1.5rem;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .35s;
}
.midia-item:hover{transform:translateX(6px);box-shadow:var(--shadow);border-color:rgba(26,114,1,.25)}
.midia-item .veiculo{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--laranja-esc)}
.midia-item .data{font-size:.8rem;color:var(--tinta-suave);margin-top:.2rem}
.midia-item h3{font-size:1.06rem;line-height:1.3}
.midia-item .seta{color:var(--verde);transition:transform .4s var(--ease)}
.midia-item:hover .seta{transform:translateX(5px)}

/* ---------- Notícias: cards ---------- */
.not-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}
.not{
  display:flex;flex-direction:column;background:var(--branco);border-radius:var(--r-lg);
  overflow:hidden;border:1px solid rgba(26,114,1,.1);height:100%;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;
}
.not:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(26,114,1,.22)}
.not-capa{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--verde);flex:none}
.not-capa img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.not:hover .not-capa img{transform:scale(1.06)}
.not-capa .marca-dagua{
  position:absolute;inset:0;display:grid;place-items:center;padding:2rem;
  background:linear-gradient(135deg,var(--verde),var(--verde-esc));
}
.not-capa .marca-dagua img{width:min(58%,180px);height:auto;object-fit:contain;opacity:.9;transform:none}
.not-tag{
  position:absolute;top:14px;left:14px;z-index:2;
  font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  background:var(--laranja);color:#fff;padding:.32rem .8rem;border-radius:100px;
}
.not-corpo{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.not-meta{font-size:.78rem;color:var(--tinta-suave);margin-bottom:.6rem;display:flex;gap:.5rem;flex-wrap:wrap}
.not-meta b{color:var(--laranja-esc);font-weight:600}
.not h3{font-size:1.15rem;line-height:1.28;margin-bottom:.6rem}
.not p{font-size:.92rem;color:var(--tinta-suave);margin:0 0 1.2rem}
.not .go{
  margin-top:auto;display:inline-flex;align-items:center;gap:.45rem;
  font-size:.88rem;font-weight:600;color:var(--verde);
}
.not:hover .go{color:var(--laranja-esc)}
.not .go svg{transition:transform .4s var(--ease)}
.not:hover .go svg{transform:translateX(4px)}

/* destaque da listagem */
.not-destaque{
  display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--branco);
  border-radius:var(--r-xl);overflow:hidden;border:1px solid rgba(26,114,1,.1);
  margin-bottom:2.4rem;transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.not-destaque:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.not-destaque .not-capa{aspect-ratio:auto;min-height:340px}
.not-destaque .not-corpo{padding:clamp(1.8rem,4vw,3.2rem);justify-content:center}
.not-destaque h2{font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.14;margin-bottom:.9rem}
.not-destaque p{font-size:1rem}

/* carrossel de notícias */
.carrossel{position:relative}
.car-track{
  display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  padding:.5rem 0 1.5rem;scrollbar-width:none;
}
.car-track::-webkit-scrollbar{display:none}
.car-track .not{flex:0 0 clamp(260px,30%,350px);scroll-snap-align:start}
.car-btn{
  position:absolute;top:calc(50% - 2rem);z-index:5;
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:var(--branco);color:var(--verde);border:1.5px solid rgba(26,114,1,.18);
  box-shadow:var(--shadow);
  transition:transform .35s var(--ease),background .3s,color .3s,opacity .3s;
}
.car-btn:hover{background:var(--verde);color:#fff;border-color:var(--verde);transform:scale(1.08)}
.car-btn[disabled]{opacity:0;pointer-events:none}
.car-btn.prev{left:-16px}
.car-btn.next{right:-16px}
/* o botão inteiro é o alvo de toque (32px); o pontinho visual mora no ::before */
.car-pontos{display:flex;gap:.35rem;justify-content:center;margin-top:.2rem}
.car-pontos button{position:relative;width:32px;height:32px;background:none}
.car-pontos button::before{
  content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;
  width:9px;height:9px;border-radius:50%;background:rgba(26,114,1,.22);
  transition:width .35s var(--ease),background .3s;
}
.car-pontos button.active::before{width:26px;border-radius:5px;background:var(--verde)}

/* filtros de categoria */
.not-filtros{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:2.4rem}
.not-filtros button{
  padding:.6rem 1.25rem;border-radius:100px;font-size:.9rem;font-weight:500;
  border:1.5px solid rgba(26,114,1,.22);color:var(--tinta-suave);
  transition:all .35s var(--ease);
}
.not-filtros button:hover{border-color:var(--verde);color:var(--verde);transform:translateY(-2px)}
.not-filtros button.active{background:var(--verde);border-color:var(--verde);color:#fff}

/* ---------- Notícia: página da matéria ---------- */
.artigo{max-width:820px;margin-inline:auto}
.artigo .cabeca{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}
.artigo h1{font-size:clamp(2rem,4.2vw,3.1rem);color:var(--verde);margin:.8rem 0 1rem;line-height:1.1}
.artigo .info{font-size:.88rem;color:var(--tinta-suave);display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.artigo .info b{color:var(--laranja-esc)}
.artigo-capa{
  border-radius:var(--r-lg);overflow:hidden;margin-bottom:clamp(2rem,4vw,3rem);
  aspect-ratio:16/9;background:var(--verde);
}
.artigo-capa img{width:100%;height:100%;object-fit:cover}
.artigo .texto p{font-size:1.06rem;line-height:1.8;color:var(--tinta);margin-bottom:1.4rem}
.artigo .texto p:first-of-type{font-size:1.16rem;color:var(--tinta-suave)}
.compartilhar{
  display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;
  margin-top:2.6rem;padding-top:1.8rem;border-top:1px solid rgba(26,114,1,.14);
}
.compartilhar span{font-size:.86rem;font-weight:600;color:var(--tinta-suave)}
.compartilhar a{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  border:1.5px solid rgba(26,114,1,.24);color:var(--verde);
  transition:all .35s var(--ease);
}
.compartilhar a:hover{background:var(--verde);border-color:var(--verde);color:#fff;transform:translateY(-3px)}

/* ---------- Sobre nós: história ---------- */
.hist{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hist .texto p{text-align:justify;hyphens:auto;color:var(--tinta-suave);font-size:1.02rem;line-height:1.8}
.hist .texto p:first-of-type{font-size:1.12rem;color:var(--tinta)}
/* foto em retrato, recortada para acompanhar a altura do texto */
.hist-foto{
  position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);
  aspect-ratio:3/4;
}
.hist-foto img{
  width:100%;height:100%;object-fit:cover;object-position:center;display:block;
  transform:scale(1.05);transition:transform 1.4s var(--ease-out);
}
.hist-foto.is-in img{transform:scale(1)}

/* vídeo institucional: 16:9 fluido, sem depender da altura do iframe */
.video-hist{
  position:relative;max-width:1140px;margin-inline:auto;aspect-ratio:16/9;
  border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);background:#000;
}
.video-hist iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}


/* ---------- Eventos: cards da listagem ---------- */
.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem}
.ev-card{
  position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;
  aspect-ratio:4/3;box-shadow:var(--shadow);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.ev-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.ev-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.ev-card:hover img{transform:scale(1.07)}
.ev-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(8,14,4,.92) 0%,rgba(8,14,4,.4) 46%,transparent 72%);
}
.ev-card .info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.6rem}
.ev-card .quando{
  display:inline-flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:#FFC178;margin-bottom:.5rem;
}
.ev-card h3{color:#fff;font-size:1.28rem;line-height:1.2;margin-bottom:.35rem}
.ev-card .onde{color:rgba(255,255,255,.82);font-size:.88rem}
.ev-card .qtd{
  position:absolute;top:14px;right:14px;z-index:2;
  background:rgba(0,0,0,.45);backdrop-filter:blur(6px);color:#fff;
  font-size:.76rem;font-weight:600;padding:.34rem .8rem;border-radius:100px;
  display:inline-flex;align-items:center;gap:.4rem;
}

/* ---------- Galeria do evento ---------- */
.galeria{
  columns:4;column-gap:1rem;
}
.foto{
  position:relative;break-inside:avoid;margin-bottom:1rem;border-radius:var(--r-md);
  overflow:hidden;cursor:zoom-in;background:var(--areia);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
.foto:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.foto img{width:100%;height:auto;display:block}
.foto .acoes{
  position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;
  padding:.8rem;gap:.5rem;opacity:0;transition:opacity .35s var(--ease);
  background:linear-gradient(to top,rgba(8,14,4,.75),transparent 55%);
}
.foto:hover .acoes{opacity:1}
.foto .acoes a{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:#fff;color:var(--verde);
  transition:transform .3s var(--ease),background .3s,color .3s;
}
.foto .acoes a:hover{background:var(--laranja);color:#fff;transform:scale(1.1)}

/* faixa de instrução */
.como-usar{
  background:var(--verde);color:#fff;border-radius:var(--r-lg);
  padding:clamp(1.6rem,3.5vw,2.4rem);display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.6rem;
  margin-bottom:clamp(2rem,4vw,3rem);
}
.como-usar .item{display:flex;gap:.9rem;align-items:flex-start}
.como-usar .n{
  width:34px;height:34px;flex:none;border-radius:50%;background:var(--laranja);
  display:grid;place-items:center;font-weight:700;font-size:.95rem;
}
.como-usar b{display:block;font-size:.98rem;margin-bottom:.2rem}
.como-usar p{margin:0;font-size:.88rem;color:rgba(255,255,255,.82)}

/* ---------- Lightbox ---------- */
.lb{
  position:fixed;inset:0;z-index:200;background:rgba(6,12,3,.94);
  display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);
  opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s;
}
.lb.open{opacity:1;visibility:visible}
.lb img{max-width:100%;max-height:78vh;border-radius:var(--r-md);display:block}
.lb-barra{
  position:absolute;left:0;right:0;bottom:clamp(1rem,3vw,2rem);
  display:flex;justify-content:center;align-items:center;gap:.7rem;flex-wrap:wrap;padding:0 1rem;
}
.lb-btn{
  min-width:46px;height:46px;padding:0 1.1rem;border-radius:100px;display:inline-flex;
  align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;font-weight:600;
  background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.28);
  transition:all .3s var(--ease);
}
.lb-btn:hover{background:#fff;color:var(--verde);border-color:#fff}
.lb-btn.destaque{background:var(--laranja);border-color:var(--laranja)}
.lb-btn.destaque:hover{background:var(--laranja-esc);color:#fff;border-color:var(--laranja-esc)}
.lb-fechar{position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}
.lb-nav{
  position:absolute;top:50%;translate:0 -50%;width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;
  border:1.5px solid rgba(255,255,255,.28);transition:all .3s var(--ease);
}
.lb-nav:hover{background:#fff;color:var(--verde)}
.lb-nav.prev{left:clamp(.5rem,2vw,2rem)}
.lb-nav.next{right:clamp(.5rem,2vw,2rem)}
.lb-contador{position:absolute;top:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem);color:rgba(255,255,255,.75);font-size:.86rem}

/* ---------- Página de produto ---------- */
.prod-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.prod-foto{
  background:var(--areia);border-radius:var(--r-xl);padding:clamp(1.5rem,4vw,3.5rem);
  display:grid;place-items:center;
}
.prod-foto img{max-height:min(52vh,460px);width:auto;object-fit:contain;
  filter:drop-shadow(0 26px 40px rgba(12,32,6,.22));animation:flutua 7s ease-in-out infinite}
.prod-linha{
  display:inline-block;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:#fff;background:var(--verde);padding:.32rem .9rem;border-radius:100px;margin-bottom:1.1rem;
}
.prod-hero h1{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:1rem;color:var(--verde)}
.migalhas{font-size:.86rem;color:var(--tinta-suave);margin-bottom:1.6rem}
.migalhas a:hover{color:var(--verde)}
.migalhas span{opacity:.5;margin:0 .4rem}

.ficha{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3rem);align-items:start}
.bloco-txt h3{font-size:1.15rem;color:var(--verde);margin-bottom:.6rem}
.bloco-txt+.bloco-txt{margin-top:1.8rem}
.bloco-txt p{color:var(--tinta-suave);font-size:.96rem;margin:0}

.nutri{
  background:var(--branco);border:2px solid var(--tinta);border-radius:var(--r-sm);
  overflow:hidden;font-size:.9rem;
}
.nutri h3{
  background:var(--tinta);color:#fff;padding:.8rem 1.1rem;font-size:1rem;letter-spacing:-.01em;
}
.nutri .porcao{padding:.7rem 1.1rem;border-bottom:2px solid var(--tinta);font-size:.85rem;color:var(--tinta-suave)}
.nutri table{width:100%;border-collapse:collapse}
.nutri th,.nutri td{padding:.6rem 1.1rem;text-align:right}
.nutri th:first-child,.nutri td:first-child{text-align:left}
.nutri thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1.5px solid var(--tinta);color:var(--tinta-suave)}
.nutri tbody tr+tr td{border-top:1px solid rgba(19,26,15,.13)}
.nutri tfoot td{font-size:.76rem;color:var(--tinta-suave);text-align:left;border-top:2px solid var(--tinta);line-height:1.45}
/* lupa da rotulagem frontal (RDC 429/2020) — "ALTO EM …" */
.selos{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.6rem}
.selo-lupa{
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--tinta);color:#fff;border-radius:var(--r-sm);
  padding:.5rem .95rem;font-size:.8rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;line-height:1.2;
}
.selo-lupa svg{flex:none}

.sem-ficha{
  background:var(--areia);border:1.5px dashed rgba(26,114,1,.35);border-radius:var(--r-md);
  padding:2rem;text-align:center;color:var(--tinta-suave);font-size:.94rem;
}

/* ---------- Área do influenciador ---------- */
.infl-hero{
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  background:var(--verde);color:#fff;padding:clamp(2.4rem,6vw,5rem);
}
.infl-hero::after{
  content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,128,11,.45),transparent 68%);pointer-events:none;
}
.infl-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);color:#fff;margin-bottom:1rem;position:relative;z-index:2}
.infl-hero p{position:relative;z-index:2}

.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.3rem;margin-top:clamp(2.5rem,5vw,4rem)}
.passo{background:var(--branco);border:1px solid rgba(26,114,1,.12);border-radius:var(--r-md);padding:1.8rem 1.5rem;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.passo:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.passo .num{
  width:40px;height:40px;border-radius:50%;background:var(--laranja);color:#fff;
  display:grid;place-items:center;font-weight:700;margin-bottom:1rem;
}
.passo h3{font-size:1.08rem;margin-bottom:.4rem}
.passo p{font-size:.9rem;color:var(--tinta-suave);margin:0}

.kit-lista{display:grid;gap:.8rem}
.kit-item{
  display:grid;grid-template-columns:44px 1fr auto;gap:1rem;align-items:center;
  background:var(--branco);border:1px solid rgba(26,114,1,.12);border-radius:var(--r-sm);
  padding:1rem 1.2rem;transition:border-color .35s,transform .4s var(--ease);
}
.kit-item:hover{border-color:var(--verde);transform:translateX(4px)}
.kit-item .tipo{
  width:44px;height:44px;border-radius:11px;display:grid;place-items:center;
  background:rgba(26,114,1,.1);color:var(--verde);
}
.kit-item b{display:block;font-size:.94rem;line-height:1.3}
.kit-item span{font-size:.8rem;color:var(--tinta-suave)}
.kit-item .baixar{
  display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--verde);
}
.kit-item .baixar:hover{color:var(--laranja-esc)}

.check-lista{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.7rem}
.check-lista li{display:flex;gap:.7rem;align-items:flex-start;font-size:.94rem;color:var(--tinta-suave)}
.check-lista svg{flex:none;color:var(--verde);margin-top:3px}

.consent{display:flex;gap:.7rem;align-items:flex-start;font-size:.84rem;color:var(--tinta-suave);margin-bottom:1.2rem;line-height:1.5}
.consent input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--verde)}
.consent a{color:var(--verde);font-weight:500;text-decoration:underline}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */

/* --- Desktop grande: só limita a largura útil --- */
@media (min-width:1600px){
  :root{--wrap:1400px}
}

/* --- Notebook: o menu tem 9 itens, então aperta antes de virar hambúrguer --- */
@media (max-width:1500px){
  .nav{gap:1.9rem}
  .nav a{font-size:.88rem}
}
@media (max-width:1330px){
  .nav{display:none}
  .burger{display:flex}
  .header-cta .btn{display:none}
}
@media (max-width:1080px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:2.4rem}
  .galeria{columns:3}
}

/* --- Vídeo: abaixo daqui entra o arquivo vertical (1080x1580) --- */
@media (max-width:767px){
  .hero{aspect-ratio:1080/1580;max-height:82vh}
}

/* --- Tablet em pé e abaixo: menu vira hambúrguer --- */
@media (max-width:900px){
  :root{--header-h:74px}
  .nav{display:none}
  .burger{display:flex}
  .header-cta .btn{display:none}
  .mapa-grid,.contato-grid,.rec-hero,.rec-ficha{grid-template-columns:1fr}
  /* em coluna única a figura volta a ter altura própria */
  .mapa-fig{order:-1;position:static;min-height:0;max-width:min(420px,70vw);margin-inline:auto}
  .mapa-fig img{position:static;width:100%;height:auto}
  .rec.wide{grid-column:span 1;aspect-ratio:4/5}
  /* texto menor e empurrado para baixo: no celular a foto é vertical e o
     bloco escuro cobria o rosto dos sócios */
  .sobre-card{min-height:auto}
  .sobre-card::after{background:linear-gradient(180deg,rgba(8,14,4,.32) 0%,rgba(8,14,4,.72) 42%,rgba(8,14,4,.94) 70%)}
  .sobre-card .conteudo{max-width:100%;padding-top:min(62vw,380px)}
  .sobre-card h2{font-size:clamp(1.45rem,4.6vw,2.1rem);margin-bottom:.9rem}
  .sobre-card p{max-width:100%;font-size:.88rem;line-height:1.6;margin-bottom:1.3rem}
  .evento::after{background:linear-gradient(180deg,rgba(17,77,0,.72) 0%,rgba(17,77,0,.95) 60%)}
  .insta-grid{grid-template-columns:repeat(3,1fr)}
  .galeria{columns:2}
  .prod-hero,.ficha,.not-destaque,.hist{grid-template-columns:1fr}
  .hist-foto{order:-1;aspect-ratio:4/3;max-height:56vh}
  .not-destaque .not-capa{min-height:0;aspect-ratio:16/9}
  .midia-item{grid-template-columns:1fr auto;gap:.8rem 1.2rem}
  .midia-item .cabeca{grid-column:1/-1}
}

/* --- Carrossel no celular: só arrasto e pontinhos, sem setas apertadas --- */
@media (max-width:820px){
  .car-btn{display:none}
  .car-track{scroll-padding-left:0}
}

/* --- Ajustes de celular pedidos na revisão --- */
@media (max-width:760px){
  /* 1. faixa verde de topo mais baixa, para o título não nascer tão longe da nav */
  .pagina-topo{min-height:clamp(150px,34vw,200px)}
  .pagina-topo .conteudo{padding:1.4rem 20px}
  .pagina-topo h1{font-size:clamp(1.9rem,7vw,2.4rem)}

  /* 2. depoimentos viram carrossel de arrastar, um card por vez */
  .depo-grid{
    display:flex;gap:1rem;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin-inline:-16px;padding:0 16px .8rem;
    scrollbar-width:none;
  }
  .depo-grid::-webkit-scrollbar{display:none}
  .depo{flex:0 0 min(86%,340px);scroll-snap-align:center}

  /* 3. categorias: faixa de imagem fixa e texto sempre embaixo, tudo igual */
  .cats{grid-template-columns:1fr}
  .cat{display:flex;flex-direction:column;padding:1.6rem 1.4rem 1.7rem}
  .cat-img{height:150px;flex:none;overflow:hidden;margin-bottom:1rem}
  .cat-img img{width:100%;height:100%;max-height:100%;object-fit:contain}
  .cat h3{font-size:1.15rem}

  /* 4. o risco laranja acompanhava a caixa do título e, com o texto quebrando
        em duas linhas, atravessava a tela inteira */
  .sec-title h2::after{left:50%;right:auto;translate:-50% 0;width:min(72%,220px)}
}

/* --- Filtros do catálogo: faixa rolável em vez de 5 linhas empilhadas --- */
@media (max-width:700px){
  .filters{
    flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    padding-bottom:.6rem;margin-inline:-16px;padding-inline:16px;
    scrollbar-width:none;
  }
  .filters::-webkit-scrollbar{display:none}
  .filters button{flex:0 0 auto;scroll-snap-align:start}
}

/* --- Celular --- */
@media (max-width:560px){
  body{font-size:16px}
  .wrap{width:calc(100% - 32px)}
  .header .brand img{height:44px}
  .header.scrolled .brand img{height:38px}
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  .footer .brand img{height:62px}
  .numeros{grid-template-columns:1fr;gap:1rem}
  .numero{padding:1.7rem 1.2rem}
  .grid-prod{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:1rem}
  .prod{padding:1.1rem .8rem 1.2rem}
  .prod-img{height:140px}
  .prod h4{font-size:.88rem}
  .cats{gap:1.1rem}
  .cat-img{height:140px}
  .mobile-nav a{font-size:1.6rem}
  .rec-grid{gap:1.1rem}
  .info-list .ic{width:42px;height:42px}
  .wa{right:16px;bottom:16px;width:52px;height:52px}
  .footer-bottom{flex-direction:column;gap:.5rem;text-align:center;justify-content:center}
  .insta-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}
  .galeria{columns:1}
  .foto .acoes{opacity:1}
  .lb-nav{width:44px;height:44px}
  .midia-item{padding:1.1rem 1.2rem}
  .midia-item h3{font-size:.98rem}
  .kit-item{grid-template-columns:38px 1fr;row-gap:.6rem}
  .kit-item .baixar{grid-column:2}
  .nutri th,.nutri td{padding:.55rem .8rem}
  .prod-foto{padding:1.4rem}
}

/* --- Celular pequeno (320–380) --- */
@media (max-width:380px){
  .wrap{width:calc(100% - 24px)}
  .grid-prod{grid-template-columns:1fr 1fr;gap:.8rem}
  .prod-img{height:118px}
  .cat-img{height:120px}
  .btn{padding:.85rem 1.4rem;font-size:.9rem}
  /* o padding-top continua sendo o que revela a foto — só as laterais encolhem */
  .sobre-card .conteudo{padding:1.5rem;padding-top:min(62vw,380px)}
  .mobile-nav a{font-size:1.4rem}
}

/* --- Telas baixas e deitadas: o hero não pode comer a tela inteira --- */
@media (max-height:560px) and (orientation:landscape){
  .hero{max-height:none;aspect-ratio:1920/824}
  .scroll-hint{display:none}
}

/* --- Alvos de toque: em tela estreita todo link clicável precisa de altura --- */
@media (max-width:820px){
  .footer ul a,.footer .legal a,.info-list a,.migalhas a,.doc a{
    display:inline-block;padding-block:.4rem;
  }
  .footer ul{gap:.3rem}
  .footer-bottom a{display:inline-block;padding-block:.45rem}
  .kit-item .baixar{padding-block:.5rem}
  .insta-topo a{padding-block:.45rem}
  .car-pontos button::before{width:11px;height:11px}
  .car-pontos button.active::before{width:30px}
}

/* --- Ponteiro grosso (touch): sem estados de hover presos --- */
@media (hover:none){

  .cat:hover{transform:none;box-shadow:none;color:inherit}
  .cat:hover::before{transform:translateY(101%)}
  .cat:hover p{color:var(--tinta-suave)}
  .cat:hover .count{background:var(--areia);color:var(--verde)}
  .prod:hover,.rec:hover,.numero:hover{transform:none}
  .btn:hover{transform:none}
  .rec .go{opacity:1;transform:none}
}

/* ---------- Acessibilidade ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  .sec-title h2::after{transform:scaleX(1)}
}