/* ===================================================================
   Associação 19 de Setembro — Estilos do site
   Fonte: Sofia Sans Condensed
   =================================================================== */

:root{
  --orange:#FF6529;
  --orange-2:#FF501E;
  --red:#D93833;
  --brick:#A22A2C;
  --brick-dark:#7E2022;
  --navy:#1E3D4E;
  --blue:#1FA3CC;
  --blue-2:#51C1ED;
  --teal:#044D58;
  --cream:#FFEAD8;
  --peach:#FFC693;
  --paper:#FBF9F7;
  --ink:#231F20;

  --maxw:1180px;
  --radius:6px;
  --font:"Sofia Sans Condensed", "Arial Narrow", sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:130px;}
body{
  margin:0;
  font-family:var(--font);
  color:var(--ink);
  background:var(--paper);
  font-size:18px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
h1,h2,h3{margin:0;line-height:1;letter-spacing:.3px;}

.container{
  width:100%;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:24px;
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-block;
  font-family:var(--font);
  font-weight:700;
  font-size:.9rem;
  letter-spacing:1.5px;
  text-transform:uppercase;
  padding:14px 26px;
  border-radius:var(--radius);
  border:2px solid transparent;
  cursor:pointer;
  transition:.2s ease;
  background:none;
}
.btn-outline-orange{ color:var(--orange); }
.btn-outline-orange:hover{ background:var(--orange); color:#fff; }
.btn-outline-light{ border-color:#fff; color:#fff; }
.btn-outline-light:hover{ background:#fff; color:var(--red); }
.btn-outline-blue{ border-color:var(--blue); color:var(--blue); }
.btn-outline-blue:hover{ background:var(--blue); color:#fff; }

/* ===================================================================
   HEADER
   =================================================================== */
.site-header{
  position:sticky;top:0;z-index:60;
  background:var(--orange-2);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:22px;height:117px;
}
.logo img{height:62px;width:auto;display:block;}
.main-nav{
  display:flex;align-items:center;gap:40px;
}
.main-nav a{
  font-weight:700;font-size:24px;line-height:1;
  color:var(--paper);text-transform:uppercase;
  transition:opacity .2s;
}
.main-nav a:hover{opacity:.75;}
.btn-contato{
  border:2px solid var(--paper);
  padding:4px 4px;border-radius:4px;
}
.btn-contato:hover{background:var(--paper);color:var(--orange-2) !important;opacity:1;}
.search-btn{
  background:none;color:var(--paper);border:none;
  width:40px;height:40px;
  display:grid;place-items:center;cursor:pointer;transition:opacity .2s;
}
.search-btn:hover{opacity:.75;}
.menu-toggle{display:none;}

/* ===================================================================
   HERO
   =================================================================== */
.hero{
  position:relative;
  background:var(--peach);
  padding:24px 0 0;
}
.hero-inner{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding-bottom:60px;
}
.hero-illustration{
  width:908px;max-width:100%;height:auto;
  margin-bottom:8px;
}
.hero-title{
  font-weight:800;
  font-size:64px;line-height:64px;
  color:var(--orange-2);
  text-transform:uppercase;text-align:center;
  margin:0 0 22px;
}
.hero-text{
  font-family:"Inter",system-ui,sans-serif;
  font-size:16px;line-height:24px;font-weight:600;
  color:#E64213;text-align:center;
  max-width:920px;margin:0 auto;
}
@media (max-width:760px){
  .hero-title{font-size:clamp(30px,8vw,64px);line-height:1.02;}
}

/* cookie bar — flutuante, fixa embaixo, em todas as páginas */
.cookie-bar{
  position:fixed;left:50%;bottom:20px;transform:translateX(-50%);
  z-index:900;width:calc(100% - 40px);max-width:1160px;
  background:var(--blue);border-radius:14px;
  box-shadow:0 12px 40px rgba(15,42,52,.28);
  animation:cookie-in .4s cubic-bezier(.2,.7,.3,1) both;
}
.cookie-bar[hidden]{display:none;}
@keyframes cookie-in{from{opacity:0;transform:translate(-50%,16px);}to{opacity:1;transform:translate(-50%,0);}}
.cookie-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:16px 26px;
}
.cookie-bar p{
  margin:0;color:#fff;
  font-family:"Nunito",system-ui,sans-serif;
  font-size:14px;font-weight:700;line-height:18px;
  max-width:820px;
}
.cookie-bar p a{color:#fff;text-decoration:underline;text-underline-offset:2px;}
.cookie-bar p a:hover{opacity:.8;}
.cookie-actions{display:flex;gap:14px;flex-shrink:0;}
.cookie-btn{
  font-family:"Nunito",system-ui,sans-serif;
  font-size:14px;font-weight:700;line-height:20px;
  color:#fff;border:none;border-radius:999px;
  padding:10px 30px;cursor:pointer;transition:opacity .2s,transform .2s;
}
.cookie-btn--accept{background:#FF501E;}
.cookie-btn--reject{background:#94290C;}
.cookie-btn:hover{opacity:.9;transform:translateY(-1px);}

/* ===================================================================
   STATS / NÚMEROS
   =================================================================== */
.stats{padding:46px 0 60px;background:var(--paper);}
.stat{
  border-radius:16px;
  overflow:hidden;
  display:flex;color:#fff;
}

/* Linha de cima */
.stats-top{display:flex;gap:12px;align-items:stretch;}
.stats-top-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;}

/* Linha do meio */
.stats-mid{display:flex;gap:12px;margin-top:12px;align-items:stretch;}
.stat-captado{flex:0 1 369px;}
.stat-faces{flex:1;min-width:0;}

/* ---- Linha 1 — R$2MI executados ---- */
.stat-money{
  background:#791F22;
  align-items:center;justify-content:space-evenly;gap:10px;
  padding:0 34px;height:117px;
}
.stat-money .s-side{font-size:50px;font-weight:800;line-height:1;color:#FF501E;}
.stat-money .s-main{font-size:80px;font-weight:800;line-height:1;color:#FF501E;}

/* ---- Linha 2 — faixa grafismo (13.png) ---- */
.stat-graphic{background:#791F22;line-height:0;height:117px;}
.stat-graphic img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---- Direita — 10 projetos estruturados ---- */
.stat-projects{
  width:250px;height:250px;flex:none;
  background:#51C1ED;color:#053B50;
  flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:24px;gap:2px;
}
.stat-projects .s-top,.stat-projects .s-bottom{font-size:40px;font-weight:800;line-height:1.02;}
.stat-projects .s-big{font-size:112px;font-weight:800;line-height:0.75;}

/* ---- R$3.8MI captados ---- */
.stat-captado{
  background:#791F22;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:16px 34px;min-height:260px;gap:8px;
}
.stat-captado .s-top,.stat-captado .s-bottom{font-size:50px;font-weight:800;line-height:1.1;color:#FF501E;}
.stat-captado .s-main{font-size:80px;font-weight:800;line-height:1;color:#FF501E;}

/* ---- Rostos (14.png) ---- */
.stat-faces{background-size:cover;background-position:center;min-height:260px;}

/* ---- Linha de baixo: mapa (240px) + cards empilhados ---- */
.stats-bottom{display:flex;gap:12px;margin-top:12px;align-items:stretch;}
.stat-map{width:240px;height:240px;flex:none;border-radius:16px;overflow:hidden;line-height:0;}
.stat-map img{width:100%;height:100%;object-fit:cover;display:block;}
.bottom-cards{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;}

/* Card de cima — Atuação em 6 estados */
.stat-states{
  flex:1;background:#D34730;color:#FFC693;
  flex-direction:row;align-items:center;gap:24px;padding:14px 32px;
}
.stat-states .st-label{font-size:50px;font-weight:800;line-height:1;padding-right:32px;}
.stat-states .st-num{font-size:84px;font-weight:800;line-height:1;}
.stat-states .st-info{display:flex;flex-direction:column;gap:6px;}
.stat-states .st-unit{font-size:40px;font-weight:800;line-height:0.8;}
.stat-states .st-info small{font-size:20px;font-weight:600;line-height:1.1;}

/* Card de baixo — Mais de 3.5k pessoas */
.stat-people{
  flex:1;background:#51C1ED;color:#053B50;
  flex-direction:row;align-items:center;justify-content:center;gap:40px;padding:14px 32px;
}
.stat-people .s-side{font-size:50px;font-weight:800;line-height:1;}
.stat-people .s-main{font-size:86px;font-weight:800;line-height:0.5;}
.stat-people .s-unit{font-size:34px;font-weight:800;line-height:1;}

/* ===================================================================
   COMO ATUAMOS
   =================================================================== */
.como-atuamos{padding:50px 0 70px;}
.como-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;
}
.como-text h2{
  color:#067486;font-weight:900;font-size:40px;
  text-transform:uppercase;margin-bottom:20px;
}
.como-text p{
  font-family:"Inter",system-ui,sans-serif;
  color:#067182;font-weight:600;font-size:18px;line-height:29px;
  margin-bottom:30px;max-width:520px;text-align:justify;
}
.como-text .btn-outline-orange{
  width:100%;height:65px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  border:4px solid #FF501E;font-size:20px;letter-spacing:-0.6px;text-align:center;
}
.como-text .btn-outline-orange:hover{background:#FF501E;color:#fff;}
.como-flow{display:flex;justify-content:center;}

/* ---- Fluxograma dinâmico (espinha cresce conforme a lista) ---- */
.flow{position:relative;width:100%;max-width:480px;padding:30px 0 36px;}

/* Espinha: cabeça (fixa) + tronco reto (cresce) + base (fixa) */
.flow-spine{
  position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);
  width:46px;display:flex;flex-direction:column;align-items:flex-start;z-index:1;
}
.flow-head{width:46px;height:auto;display:block;flex:none;}
.flow-trunk{width:7.7px;margin-left:26.8px;background:#044D58;flex:1 0 0;min-height:0;}
.flow-foot{width:46px;height:auto;display:block;flex:none;margin-left:7.7px;margin-top:-1px;}

/* Placas */
.flow-steps{
  position:relative;z-index:2;list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:28px;
}
.flow-steps li{
  background:#51C1ED;color:#044D58;
  font-family:var(--font);font-weight:800;font-size:36px;line-height:0.9;
  text-transform:uppercase;
  min-height:70px;display:flex;align-items:center;justify-content:center;
  text-align:right;padding:4px 40px;border-radius:3px;
  box-shadow:0 4px 10px rgba(4,77,88,.12);
}
.flow-steps li:nth-child(odd){transform:rotate(-1.4deg);}
.flow-steps li:nth-child(even){transform:rotate(1.4deg);}

/* ===================================================================
   PRESENÇA TERRITORIAL
   =================================================================== */
.presenca{padding:30px 0 70px;}
.presenca-grid{
  display:grid;grid-template-columns:424px 1fr;gap:50px;align-items:center;
}
.presenca-icon img{width:424px;height:395px;max-width:100%;object-fit:cover;border-radius:18px;}
.presenca-text h2{color:#D93833;font-weight:800;font-size:40px;text-transform:uppercase;margin-bottom:18px;}
.presenca-text p{
  font-family:"Inter",system-ui,sans-serif;
  color:#D93833;font-weight:600;font-size:18px;line-height:29px;
  margin-bottom:30px;text-align:justify;
}
.presenca-text .btn-outline-orange{
  width:100%;height:65px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  border:4px solid #FF501E;font-size:20px;letter-spacing:-0.6px;text-align:center;
}

/* ===================================================================
   ÁREAS DE INCIDÊNCIA
   =================================================================== */
.areas{padding:40px 0 80px;}
.areas-title{
  color:#D93833;font-weight:900;font-size:40px;
  text-transform:uppercase;margin-bottom:92px;
}
.areas-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,368px));justify-content:center;
  column-gap:56px;row-gap:80px;margin-top:70px;
}
.area-card{
  position:relative;
  width:100%;max-width:368px;height:354px;box-sizing:border-box;
  border:4px solid #D93833;
  border-radius:18px;
}
/* camada do halftone (atrás do card) */
.area-clip{
  position:absolute;left:0;right:0;top:0;height:225px;
  border-radius:14px 14px 0 0;z-index:-1;
}
.area-pattern{
  position:absolute;left:0;top:0;
  width:332px;max-width:none;height:225px;display:block;
  transition:left .3s ease;
}
.area-card:hover .area-pattern{left:-16px;}
/* ícone transborda para cima do card */
.area-icon{
  position:absolute;left:50%;bottom:129px;transform:translateX(-50%);
  max-height:285px;width:auto;z-index:3;
  transform-origin:bottom center;transition:transform .3s ease;
}
.area-card:hover .area-icon{transform:translateX(-50%) scale(1.07);}
.area-card h3{
  position:absolute;left:0;right:0;bottom:0;
  font-family:"Inter",system-ui,sans-serif;
  color:#D93833;font-weight:600;font-size:22px;text-align:center;line-height:1.15;
  padding:16px 20px 22px;margin:0;
}

/* ===================================================================
   PRODUÇÃO DE CONHECIMENTO
   =================================================================== */
.producao{background:var(--red);color:#fff;padding:46px 0 56px;}
.producao-title{
  text-align:center;font-weight:600;font-size:40px;color:#791F22;
  text-transform:uppercase;margin-bottom:30px;
}
.producao-intro{
  display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:40px;
}
.producao-intro p{
  margin:0 0 30px;font-family:"Inter",system-ui,sans-serif;
  color:#FFE3D1;font-weight:600;font-size:18px;line-height:29px;text-align:justify;
}

/* Carrossel */
.producao-carousel{position:relative;}
.producao-track{
  display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;
  scroll-behavior:smooth;padding:4px;scrollbar-width:none;
}
.producao-track::-webkit-scrollbar{display:none;}
.carousel-btn{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:24px;height:45px;padding:0;
  display:flex;align-items:center;justify-content:center;
  background:none;border:none;color:#FFE3D1;cursor:pointer;opacity:.9;transition:opacity .2s;
}
.carousel-btn:hover{opacity:1;}
.carousel-btn svg{width:24px;height:45px;display:block;flex:none;}
/* Sem conteúdo para rolar → esconde as setas */
.producao-carousel.no-scroll .carousel-btn{display:none;}
.carousel-prev{left:-24px;}
.carousel-next{right:-24px;}

.prod-card{
  flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;
  border:3px solid #FFE3D1;border-radius:14px;background:transparent;overflow:hidden;
  display:flex;flex-direction:column;
}
.prod-thumb{
  height:200px;background-size:cover;background-position:center;background-color:var(--brick-dark);
}
.prod-thumb--cop{
  background:linear-gradient(135deg,#0b6b3a,#0e8a3f);
  display:grid;place-items:center;
}
.prod-thumb--cop span{font-weight:800;font-size:2.6rem;color:#cfe800;letter-spacing:1px;}
.prod-thumb--cop strong{color:#fff;}
.prod-body{padding:24px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.prod-card h3{
  font-family:"Inter",system-ui,sans-serif;
  font-weight:600;font-size:18px;line-height:24px;color:#FFE3D1;
}
.prod-date{font-size:16px;font-weight:400;color:#FDAA73;}
.prod-link{
  font-family:"Inter",system-ui,sans-serif;
  font-size:18px;font-weight:600;text-decoration:underline;color:#FDAA73;
  margin-top:auto;width:max-content;
}
.prod-link:hover{opacity:.8;}
.producao-cta{display:flex;justify-content:center;margin-top:36px;}
.producao-cta .btn-outline-light{
  width:100%;max-width:220px;height:65px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  border-width:4px;font-size:20px;letter-spacing:-0.6px;text-align:center;
}

/* ===================================================================
   TRANSPARÊNCIA
   =================================================================== */
.transparencia{
  background:url('../assets/includes/26.png') center/cover no-repeat;
  min-height:450px;padding:56px 0;
  display:flex;
}
.transp-inner{width:100%;}
.transparencia h2{color:#791F22;font-weight:800;font-size:56px;text-transform:uppercase;margin-bottom:18px;}
.transparencia p{color:#FFE3D1;font-weight:600;font-size:32px;line-height:48px;text-transform:uppercase;max-width:780px;margin:0;}

/* ===================================================================
   FAQ
   =================================================================== */
.faq{padding:60px 0;}
.faq-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:50px;align-items:start;}
.faq-left{position:relative;}
.faq-word{
  font-weight:900;font-size:10rem;color:#791F22;
  z-index:2;text-align:center;
}
.faq-right{display:flex;flex-direction:column;gap:18px;}
.faq-item{border-radius:10px;}
.faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:none;cursor:pointer;font-family:var(--font);
  height:85px;box-sizing:border-box;border:4px solid #FF501E;border-radius:10px;
  padding:0 22px;color:#D93833;font-weight:800;font-size:24px;
  letter-spacing:-1.1px;text-transform:uppercase;
  transition:font-size .3s ease;
}
.faq-item--open .faq-q{border-bottom-width:0;border-radius:10px 10px 0 0;font-size:30px;}
.faq-ic{width:38px;height:auto;flex-shrink:0;transition:transform .3s ease;}
.faq-item--open .faq-ic{transform:rotate(180deg);}
/* Apenas a altura anima (grid 0fr → 1fr); sem borda aqui */
.faq-a{
  display:grid;grid-template-rows:0fr;overflow:hidden;
  transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);
}
.faq-item--open .faq-a{grid-template-rows:1fr;}
/* A borda vive no wrapper interno e aparece já com 4px (sem animar espessura) */
.faq-a-inner{
  min-height:0;overflow:hidden;
  border:0 solid #FF501E;border-radius:0 0 10px 10px;
}
.faq-item--open .faq-a-inner{border-width:0 4px 4px;}
.faq-a-inner p{
  margin:0;padding:18px 22px 20px;
  font-family:"Inter",system-ui,sans-serif;
  color:#D93833;font-weight:600;font-size:18px;line-height:1.5;text-align:justify;
  opacity:0;transform:translateY(-6px);
  transition:opacity .28s ease, transform .32s ease;
}
.faq-item--open .faq-a-inner p{opacity:1;transform:translateY(0);transition:opacity .3s ease .12s, transform .35s ease .1s;}

.faq-ask{margin-top:26px;}
.faq-ask h3{
  color:#D93833;font-weight:800;font-size:32px;line-height:48px;
  padding-bottom:8px;text-transform:uppercase;margin:0;
}
.faq-ask .btn-outline-blue{
  width:100%;max-width:310px;height:65px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  border:4px solid #1FA3CC;color:#1FA3CC;font-size:20px;letter-spacing:-0.6px;text-align:center;
}
.faq-ask .btn-outline-blue:hover{background:#1FA3CC;color:#fff;}

/* ===================================================================
   CONTATO
   =================================================================== */
.contato{
  background:#1FA3CC url('../assets/includes/28-29.png') no-repeat center/cover;
  padding:64px 0;min-height:750px;
}
.contato-formwrap{max-width:520px;}
.contato-title{
  font-family:var(--font);font-weight:800;font-size:48px;line-height:1;color:#791F22;
  text-transform:uppercase;letter-spacing:.5px;padding-bottom:24px;margin:0;
}
.contato-form{display:flex;flex-direction:column;gap:24px;}
.field{
  background:#fff;border:4px solid #FF501E;border-radius:4px;box-sizing:border-box;
  padding:14px 18px;display:flex;flex-direction:column;gap:6px;
}
.field:not(.field--area){height:85px;}
.field--area{height:320px;}
.field>span{
  font-family:"Inter",system-ui,sans-serif;
  color:#D93833;font-weight:600;font-size:1rem;
}
.field input,.field textarea{
  border:none;background:transparent;outline:none;width:100%;flex:1;
  font-family:"Inter",system-ui,sans-serif;font-size:1rem;color:#222;
}
.field--area textarea{resize:none;}
.btn-enviar{
  background:transparent;border:4px solid #791F22;color:#62404D;
  font-family:var(--font);font-weight:600;font-size:32px;letter-spacing:-0.6px;
  text-transform:uppercase;height:65px;border-radius:4px;cursor:pointer;transition:.2s;
  display:flex;align-items:center;justify-content:center;
}
.btn-enviar:hover{background:#791F22;color:#fff;}

/* ===================================================================
   FOOTER
   =================================================================== */
.site-footer{background:var(--paper);border-top:5px solid var(--blue-2);padding:44px 0;}
.footer-grid{
  display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:stretch;
}
.footer-right{
  display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:28px;
}
.footer-logo img{width:185px;max-width:none;height:auto;}
.footer-col{display:flex;flex-direction:column;gap:10px;}
.footer-head{font-weight:700;font-size:24px;color:#FF6529;text-transform:uppercase;margin-bottom:6px;}
.footer-col a:not(.footer-head){
  font-weight:700;color:#FF6529;text-transform:uppercase;font-size:24px;
  text-decoration:underline;text-underline-offset:3px;
}
.footer-col a:hover{color:var(--orange-2);}
.footer-nav{display:flex;flex-wrap:wrap;gap:8px 26px;align-content:start;justify-content:flex-end;text-align:right;}
.footer-nav a{font-weight:700;color:#FF6529;text-transform:uppercase;font-size:24px;text-decoration:underline;text-underline-offset:3px;}
.footer-nav a:hover{color:var(--orange-2);}
.footer-social{display:flex;gap:16px;align-self:end;justify-content:flex-end;}
.footer-social a{
  width:34px;height:34px;display:grid;place-items:center;
}
.footer-social img{width:22px;height:22px;}

/* ===================================================================
   RESPONSIVE
   =================================================================== */
/* Menu mobile entra já na "primeira quebra" (largura do container) */
@media (max-width:1180px){
  .main-nav{
    position:fixed;inset:117px 0 auto 0;background:var(--orange-2);
    flex-direction:column;gap:0;padding:10px 0;
    transform:translateY(-130%);transition:transform .3s ease;
  }
  .main-nav.open{transform:translateY(0);}
  .main-nav a{padding:12px 24px;width:100%;font-size:28px;}
  .main-nav .btn-contato{margin:14px 24px 6px;width:max-content;align-self:flex-start;}
  .main-nav .search-btn{
    width:max-content;height:auto;margin:0;padding:12px 24px;
    align-self:flex-start;
    display:flex;align-items:center;justify-content:flex-start;
  }
  .menu-toggle{
    display:flex;flex-direction:column;gap:5px;background:none;border:none;
    cursor:pointer;padding:6px;
  }
  .menu-toggle span{width:28px;height:3px;background:var(--paper);border-radius:2px;}
}

@media (max-width:980px){
  .como-grid,.presenca-grid,.faq-grid,.producao-intro{
    grid-template-columns:1fr;gap:30px;
  }
  .areas-grid{grid-template-columns:repeat(2,minmax(0,368px));}
  .presenca-grid{justify-items:center;text-align:center;}
  .presenca-icon{max-width:300px;}
  .contato{background-position:left center;}
  .contato-formwrap{max-width:none;}

  .cookie-inner{flex-direction:column;align-items:flex-start;}
}

@media (max-width:760px){
  .stats-top,.stats-mid{flex-direction:column;}
  .stat-projects{width:100%;height:auto;min-height:220px;}
  .stat-captado{flex:auto;}
  .stats-bottom{flex-direction:column;}
  .stat-map{width:100%;height:auto;aspect-ratio:1;max-width:none;}
  .stat-money .s-main,.stat-captado .s-main,.stat-states .st-num,.stat-people .s-main{font-size:56px;}
  .stat-money .s-side,.stat-projects .s-top,.stat-projects .s-bottom,
  .stat-captado .s-top,.stat-captado .s-bottom,
  .stat-states .st-label,.stat-people .s-side{font-size:30px;}
  .stat-projects .s-big{font-size:60px;}
  .stat-states .st-unit,.stat-people .s-unit{font-size:26px;}
  .stat-faces{min-height:200px;}

  .areas-grid{grid-template-columns:1fr;}
  .prod-card{flex:0 0 82%;}
  .footer-grid{grid-template-columns:1fr;gap:28px;justify-items:center;text-align:center;}
  .footer-col{align-items:center;}
  .footer-right{align-items:center;gap:24px;}
  .footer-nav{flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;}
  .footer-social{justify-content:center;}
  .transp-blobs{display:none;}
  .faq-word{font-size:5.5rem;}
}

@media (max-width:480px){
  /* R$2MI — empilhado e centralizado, sem altura fixa (evita corte) */
  .stat-money{
    flex-direction:column;justify-content:center;text-align:center;
    gap:4px;height:auto;min-height:auto;padding:26px;
  }
  /* 3.5k pessoas — empilhado e centralizado */
  .stat-people{
    flex-direction:column;justify-content:center;text-align:center;
    gap:2px;min-height:auto;padding:26px;
  }
  .stat-people .s-main{line-height:.9;}
  /* Atuação em 6 estados — "Atuação em 6" na 1ª linha, lista abaixo */
  .stat-states{
    flex-wrap:wrap;align-items:baseline;gap:2px 16px;padding:26px;
  }
  .stat-states .st-label{padding-right:0;}
  .stat-states .st-num{line-height:.85;}
  .stat-states .st-info{flex:1 1 100%;margin-top:8px;}
}