/* ============================================================
   ANDRÉ MERLO 10456 — design system
   Paleta oficial da identidade de campanha 2026
   ============================================================ */
:root{
  --marinho:#002B81;
  --marinho-esc:#001B57;
  --azul:#0042C8;
  --ciano:#00AEEF;
  --ciano-claro:#00CFFF;
  --amarelo:#F9C512;
  --vermelho:#E20D0C;
  --branco:#FFFFFF;
  --cinza:#F2F5FB;
  --cinza-borda:#DDE4F2;
  --texto:#15203A;
  --texto-suave:#4C5A75;

  --raio:16px;
  --sombra:0 6px 26px rgba(0,43,129,.10);
  --sombra-alta:0 18px 48px rgba(0,20,70,.28);
  --max:1160px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:'Inter',system-ui,sans-serif;color:var(--texto);background:var(--branco);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.font-tit{font-family:'Archivo',system-ui,sans-serif;line-height:1.12;font-weight:900}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* ---------- utilitários ---------- */
.pattern{position:relative;background:var(--marinho-esc) url(../img/id/fundo-escuro.webp) center/cover no-repeat}
.pattern::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,70,.55),rgba(0,20,70,.72))}
.pattern>*{position:relative;z-index:2}
.barra-icones{height:26px;background:url(../img/id/barra.webp) repeat-x center/auto 100%}
.kicker{font-family:'Archivo',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ciano);display:block;margin-bottom:10px}
.kicker.escuro{color:var(--azul)}
.sec{padding:84px 0}
.sec.cinza{background:var(--cinza)}
.sec-head{max-width:720px;margin:0 auto 52px;text-align:center}
.sec-head h2{font-size:clamp(28px,3.8vw,42px);color:var(--marinho)}
.sec-head p{color:var(--texto-suave);margin-top:14px;font-size:17px}
.sec-head.claro h2{color:var(--branco)}
.sec-head.claro p{color:rgba(255,255,255,.85)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Archivo',sans-serif;font-weight:800;text-decoration:none;border-radius:999px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;padding:14px 30px;font-size:15.5px;line-height:1}
.btn:hover{transform:translateY(-2px)}
.btn-amarelo{background:var(--amarelo);color:var(--marinho);box-shadow:0 5px 20px rgba(249,197,18,.4)}
.btn-amarelo:hover{box-shadow:0 10px 28px rgba(249,197,18,.55)}
.btn-marinho{background:var(--marinho);color:var(--branco)}
.btn-ciano{background:var(--ciano);color:var(--marinho)}
.btn-linha{border:2px solid rgba(255,255,255,.65);color:var(--branco);padding:12px 28px}
.btn-linha:hover{border-color:var(--amarelo);color:var(--amarelo)}
.btn-linha-esc{border:2px solid var(--marinho);color:var(--marinho);padding:12px 28px}

/* ---------- cabeçalho ---------- */
header.topo{position:sticky;top:0;z-index:60;background:var(--marinho);box-shadow:0 2px 16px rgba(0,20,70,.3)}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:var(--max);margin:0 auto;padding:12px 24px}
.topo-in .marca img{height:42px;width:auto}
nav.menu{display:flex;align-items:center;gap:26px}
nav.menu a{color:rgba(255,255,255,.9);text-decoration:none;font-weight:600;font-size:14.5px;transition:color .15s}
nav.menu a:hover,nav.menu a.ativo{color:var(--amarelo)}
.topo-in .btn{padding:11px 22px;font-size:14px}
.menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px}
.menu-btn span{display:block;width:24px;height:2.5px;background:#fff;margin:5px 0;border-radius:2px;transition:.2s}

/* ---------- rodapé ---------- */
footer.rodape{background:var(--marinho-esc);color:rgba(255,255,255,.72);padding:56px 0 0}
.rodape-grid{max-width:var(--max);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.rodape-grid img.marca-rod{height:96px;width:auto;margin-bottom:18px}
.rodape h4{color:var(--branco);font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-weight:800}
.rodape ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.rodape a{color:rgba(255,255,255,.72);text-decoration:none;font-size:14.5px}
.rodape a:hover{color:var(--amarelo)}
.rodape .legal{font-size:12.5px;line-height:1.7;max-width:420px}
.rodape-base{margin-top:44px;border-top:1px solid rgba(255,255,255,.13);padding:18px 24px;text-align:center;font-size:12px;color:rgba(255,255,255,.45)}

/* ---------- ESPAÇO DE FOTO VAZIO ----------
   Marca um lugar que ainda precisa de foto. Hoje não há nenhum. */
.foto-vazia{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  background:repeating-linear-gradient(45deg,#EEF2FA,#EEF2FA 12px,#E4EAF7 12px,#E4EAF7 24px);
  border:2px dashed #9EB0D6;border-radius:var(--raio);color:#5A6B92;text-align:center;padding:22px;min-height:200px}
.foto-vazia .ico{font-size:26px;opacity:.65}
.foto-vazia b{font-family:'Archivo',sans-serif;font-size:14px;color:#38486B;display:block}
.foto-vazia small{font-size:12.5px;line-height:1.45;max-width:280px;display:block}
.foto-vazia .dim{position:absolute;top:8px;right:10px;font-size:10.5px;letter-spacing:.06em;background:#fff;border-radius:99px;padding:3px 9px;color:#7385AC;font-weight:600}
body.limpo .foto-vazia{background:var(--cinza);border-color:transparent;color:transparent}
body.limpo .foto-vazia *{visibility:hidden}


/* ---------- cards ---------- */
.card{background:var(--branco);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden;display:flex;flex-direction:column}
.card .corpo{padding:24px 24px 26px}
.card h3{font-size:19px;color:var(--marinho);margin-bottom:8px}
.card p{color:var(--texto-suave);font-size:15px}
.card .meta{margin-top:14px;font-size:12.5px;color:#7385AC;border-top:1px solid var(--cinza-borda);padding-top:12px}
.card img{width:100%;height:200px;object-fit:cover}

/* ---------- grids ---------- */
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

/* ---------- responsivo ---------- */
@media (max-width:940px){
  nav.menu{position:fixed;inset:64px 0 auto 0;background:var(--marinho);flex-direction:column;gap:0;padding:12px 0 20px;
    display:none;box-shadow:0 12px 30px rgba(0,0,0,.3)}
  nav.menu.aberto{display:flex}
  nav.menu a{padding:13px 24px;width:100%;border-bottom:1px solid rgba(255,255,255,.08)}
  .menu-btn{display:block}
  .topo-in>.btn{display:none}
  .g3,.g4{grid-template-columns:repeat(2,1fr)}
  .rodape-grid{grid-template-columns:1fr;gap:30px}
}
@media (max-width:620px){
  .sec{padding:58px 0}
  .g2,.g3,.g4{grid-template-columns:1fr}
}

/* ---------- foto colocada mas não conferida ---------- */
.a-conferir{position:relative}
.a-conferir::after{display:none;content:"? conferir";position:absolute;top:10px;left:10px;background:rgba(226,13,12,.94);color:#fff;
  font-family:'Archivo',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.05em;padding:4px 9px;border-radius:99px;z-index:2}
body.revisao .a-conferir::after{display:block}

/* ---------- entregas ---------- */
.area{border-top:1px solid var(--cinza-borda);padding:74px 0}
.area:first-of-type{border-top:none}
.area-topo{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:42px}
.area-capa{border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);min-height:280px}
.area-capa img{width:100%;height:300px;object-fit:cover}
.area-num{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(46px,6.5vw,72px);color:var(--azul);line-height:1;margin:6px 0 10px}
.area-num small{display:block;font-size:15px;font-weight:700;color:var(--texto-suave);letter-spacing:0;margin-top:8px;font-family:'Inter',sans-serif}
.area h2{font-size:clamp(26px,3.4vw,36px);color:var(--marinho);margin-bottom:12px}
.area>.wrap>p.intro{color:var(--texto-suave);font-size:16.5px;max-width:560px}
.e-mais{margin-top:30px;background:var(--cinza);border-left:4px solid var(--ciano);border-radius:8px;padding:18px 22px;color:var(--texto-suave);font-size:15px}
.e-mais b{color:var(--marinho)}
.nav-areas{position:sticky;top:66px;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--cinza-borda)}
.nav-areas ul{max-width:var(--max);margin:0 auto;padding:0 24px;display:flex;gap:6px;list-style:none;overflow-x:auto;scrollbar-width:none}
.nav-areas ul::-webkit-scrollbar{display:none}
.nav-areas a{display:block;white-space:nowrap;padding:14px 14px;font-size:14px;font-weight:600;color:var(--texto-suave);text-decoration:none;border-bottom:3px solid transparent}
.nav-areas a:hover{color:var(--azul);border-bottom-color:var(--ciano)}
.aviso-principais{background:var(--marinho);color:rgba(255,255,255,.9);border-radius:var(--raio);padding:22px 26px;max-width:760px;margin:0 auto;text-align:center;font-size:15.5px}
.aviso-principais b{color:var(--amarelo)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--marinho-esc);isolation:isolate}
.hero .fundo{position:absolute;inset:0;background:url(../img/id/fundo-escuro.webp) center/cover no-repeat;z-index:0}

/* números: centralizados, sangram o mesmo tanto dos dois lados */
.hero .numeros{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);
  width:108%;max-width:none;height:auto;opacity:.72;pointer-events:none;mix-blend-mode:screen}

/* mapa de Minas: centralizado no mesmo eixo dos números */
.hero .mapa{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(720px,58%);height:auto;opacity:.34;pointer-events:none}

/* véu: escurece onde está o texto, deixa a textura respirar nas bordas */
.hero .veu{position:absolute;inset:0;z-index:3;
  background:linear-gradient(97deg,rgba(0,16,58,.95) 0%,rgba(0,20,68,.91) 36%,rgba(0,22,74,.58) 64%,rgba(0,24,80,.26) 100%)}
.hero .veu::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,14,52,.34) 0%,rgba(0,14,52,0) 30%,rgba(0,14,52,0) 62%,rgba(0,14,52,.42) 100%)}

.hero-in{position:relative;z-index:4;max-width:var(--max);margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:1.04fr .96fr;gap:20px;align-items:end}
.hero-txt{padding:76px 0 84px}
.hero h1{font-size:clamp(34px,5.2vw,60px);color:var(--branco);margin-bottom:20px;text-shadow:0 3px 26px rgba(0,8,34,.85)}
.hero h1 em{font-style:normal;color:var(--amarelo)}
.hero p.sub{font-size:clamp(16px,2vw,19.5px);color:#E8F0FF;max-width:540px;margin-bottom:32px;text-shadow:0 2px 16px rgba(0,8,34,.9)}
.hero .acoes{display:flex;gap:14px;flex-wrap:wrap}
.hero-foto{display:flex;justify-content:center;align-items:flex-end;position:relative;z-index:5}
.hero-foto img{width:min(440px,100%);filter:drop-shadow(0 24px 54px rgba(0,0,0,.65))}
.selo-num{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.36);
  border-radius:999px;padding:8px 18px 8px 10px;margin-bottom:22px;backdrop-filter:blur(5px)}
.selo-num span.n{background:var(--amarelo);color:var(--marinho);font-family:'Archivo',sans-serif;font-weight:900;font-size:15px;
  border-radius:999px;padding:5px 12px}
.selo-num span.t{color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}

/* ---------- faixa POR VOCÊ. POR MINAS. ---------- */
.faixa-lema{position:relative;overflow:hidden;background:var(--marinho);padding:34px 24px;text-align:center}
.faixa-lema .tex{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);
  width:120%;opacity:.30;pointer-events:none;mix-blend-mode:screen}
.faixa-lema img.lema{position:relative;z-index:2;height:clamp(40px,7vw,74px);width:auto;margin:0 auto;
  filter:drop-shadow(0 4px 18px rgba(0,8,34,.5))}
.faixa-lema::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,20,68,.42)}

@media (max-width:940px){
  .hero-in{grid-template-columns:1fr}
  .hero-txt{padding:50px 0 4px}
  .hero-foto{margin-top:6px}
  .hero-foto img{width:min(210px,54%)}
  .hero .numeros{width:168%;opacity:.46}
  .hero .mapa{width:104%;opacity:.26}
  .area-topo{grid-template-columns:1fr;gap:28px}
  .faixa-lema{padding:26px 20px}
}
@media (max-width:620px){
  .hero h1{font-size:clamp(29px,8vw,40px)}
  .hero .acoes .btn{width:100%}
}

/* ---------- seção de crenças ---------- */
.crenca{display:grid;grid-template-columns:78px 1fr;gap:22px;align-items:start;margin-bottom:34px}
.crenca .n{font-family:'Archivo',sans-serif;font-weight:900;font-size:46px;line-height:.9;color:var(--ciano);opacity:.85}
.crenca h3{font-size:clamp(20px,2.5vw,26px);color:var(--marinho);margin-bottom:10px}
.crenca p{color:var(--texto-suave);font-size:16.5px;margin-bottom:10px}
.crenca p:last-child{margin-bottom:0}
.crenca.claro h3{color:var(--branco)}
.crenca.claro p{color:#D7E2F7}
.citacao{border-left:4px solid var(--amarelo);padding:6px 0 6px 22px;margin:22px 0;
  font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(18px,2.4vw,23px);line-height:1.35;color:var(--marinho)}
.citacao.claro{color:var(--branco)}
.citacao small{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:13.5px;color:var(--texto-suave);margin-top:10px;letter-spacing:0}
.citacao.claro small{color:#A9BEE4}
.vales{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.vales span{font-family:'Archivo',sans-serif;font-weight:800;font-size:13.5px;letter-spacing:.04em;
  color:var(--marinho);background:var(--amarelo);border-radius:999px;padding:9px 18px}
.na-cidade{background:var(--cinza);border-radius:var(--raio);padding:28px 30px;border-left:5px solid var(--amarelo);margin-top:30px}
.na-cidade h3{font-size:19px;color:var(--marinho);margin-bottom:10px}
.na-cidade p{color:var(--texto-suave);font-size:16px}
@media (max-width:620px){ .crenca{grid-template-columns:1fr;gap:6px} .crenca .n{font-size:36px} }

/* ---------- bloco tipográfico (no lugar da foto, quando foto de pessoa não cabe) ---------- */
.bloco-num{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;
  min-height:200px;padding:30px 28px;overflow:hidden;
  background:var(--marinho) url(../img/id/fundo-escuro.webp) center/cover no-repeat}
.bloco-num::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,20,68,.86),rgba(0,30,98,.66))}
.bloco-num>*{position:relative;z-index:2}
.bloco-num .grande{font-family:'Archivo',sans-serif;font-weight:900;line-height:1;
  font-size:clamp(30px,4vw,44px);color:var(--amarelo)}
.bloco-num .apoio{font-family:'Archivo',sans-serif;font-weight:800;font-size:16px;color:#fff;line-height:1.25}
.bloco-num .rodape{font-size:13px;color:#B9CBEC;line-height:1.4;margin-top:4px}
.card .bloco-num{min-height:220px}

/* ---------- antes e depois ---------- */
.antes-depois{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.antes-depois figure{position:relative;margin:0;border-radius:12px;overflow:hidden;background:var(--cinza)}
.antes-depois img{width:100%;height:230px;object-fit:cover;display:block}
.antes-depois figcaption{position:absolute;top:10px;left:10px;background:rgba(0,27,87,.92);color:#fff;
  font-family:'Archivo',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 12px;border-radius:99px}
.antes-depois .depois figcaption{background:var(--amarelo);color:var(--marinho)}
.antes-depois .foto-vazia{min-height:230px}
@media (max-width:620px){ .antes-depois{grid-template-columns:1fr} }

/* ---------- foto de campo em destaque ---------- */
.g-campo{display:grid;grid-template-columns:1.25fr .95fr;gap:48px;align-items:center}
.foto-campo{margin:0;position:relative;border-radius:var(--raio);overflow:hidden;box-shadow:0 14px 40px rgba(0,43,129,.18)}
.foto-campo img{width:100%;height:clamp(320px,44vw,540px);object-fit:cover;display:block}
.foto-campo figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 20px 14px;
  background:linear-gradient(180deg,transparent,rgba(0,20,68,.82));
  color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.04em}
@media (max-width:940px){ .g-campo{grid-template-columns:1fr;gap:30px} }

/* ================= COMPONENTES DAS BANDEIRAS ================= */
.passos{display:grid;gap:18px;counter-reset:passo}
.passos.tres{grid-template-columns:repeat(3,1fr)}
.passos.quatro{grid-template-columns:repeat(4,1fr)}
.passo{position:relative;background:#fff;border:1.5px solid var(--cinza-borda);border-radius:var(--raio);
  padding:26px 22px 24px;display:flex;flex-direction:column;gap:9px}
.passo::before{counter-increment:passo;content:counter(passo);position:absolute;top:-16px;left:22px;
  width:34px;height:34px;border-radius:50%;background:var(--azul);color:#fff;
  font-family:'Archivo',sans-serif;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(0,66,200,.35)}
.passo h4{font-family:'Archivo',sans-serif;font-size:17.5px;color:var(--marinho);margin-top:6px}
.passo p{font-size:15px;color:var(--texto-suave)}
.passo .etiqueta{align-self:flex-start;font-family:'Archivo',sans-serif;font-weight:800;font-size:11px;letter-spacing:.09em;
  text-transform:uppercase;padding:4px 10px;border-radius:99px;background:rgba(0,174,239,.14);color:#04698f}
.passo.destaque{border-color:var(--amarelo);box-shadow:0 8px 26px rgba(249,197,18,.18)}
.passo.destaque::before{background:var(--amarelo);color:var(--marinho)}

.garantias{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.garantia{display:flex;gap:13px;align-items:flex-start;background:var(--cinza);border-radius:12px;padding:18px 20px}
.garantia .tick{flex:none;width:24px;height:24px;border-radius:50%;background:#1E9E4A;display:flex;align-items:center;justify-content:center;margin-top:1px}
.garantia b{display:block;font-family:'Archivo',sans-serif;font-size:15.5px;color:var(--marinho);margin-bottom:3px}
.garantia span{font-size:14.5px;color:var(--texto-suave);line-height:1.5}

.nao-faz{background:#FFF8E8;border:1.5px solid #F2DFA8;border-radius:var(--raio);padding:28px 30px}
.nao-faz h3{font-size:19px;color:#7A5E00;margin-bottom:14px}
.nao-faz ul{list-style:none;display:grid;gap:9px}
.nao-faz li{position:relative;padding-left:26px;font-size:15.5px;color:#6B5A2E}
.nao-faz li::before{content:"\2014";position:absolute;left:6px;color:#C9A227;font-weight:800}

.viavel{position:relative;overflow:hidden;border-radius:var(--raio);padding:34px 36px;
  background:var(--marinho) url(../img/id/fundo-escuro.webp) center/cover no-repeat;color:#fff}
.viavel::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,20,68,.90),rgba(0,32,104,.72))}
.viavel>*{position:relative;z-index:2}
.viavel .kicker{color:var(--amarelo)}
.viavel h3{font-size:clamp(21px,2.8vw,28px);color:#fff;margin-bottom:14px}
.viavel p{color:#D9E4F8;font-size:16px;margin-bottom:12px}
.viavel p:last-child{margin-bottom:0}
.viavel b{color:#fff}

.artigo{border-left:4px solid var(--ciano);background:#F6FAFF;border-radius:0 10px 10px 0;padding:16px 20px;margin:16px 0}
.artigo .ref{font-family:'Archivo',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--azul);display:block;margin-bottom:5px}
.artigo p{font-size:15.5px;color:var(--texto);font-style:italic;margin:0}

.compara{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.compara>div{border-radius:var(--raio);padding:24px 26px}
.compara .hoje{background:#FBEEEE;border:1.5px solid #F0CFCF}
.compara .depois{background:#ECF7F0;border:1.5px solid #C6E6D3}
.compara h4{font-family:'Archivo',sans-serif;font-size:12px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px}
.compara .hoje h4{color:#A33}
.compara .depois h4{color:#17693C}
.compara p{font-size:15.5px;color:var(--texto-suave)}
.compara .grande{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(24px,3.4vw,34px);line-height:1.1;margin-bottom:8px}
.compara .hoje .grande{color:#B03030}
.compara .depois .grande{color:#17693C}

@media (max-width:940px){
  .passos.tres,.passos.quatro{grid-template-columns:1fr 1fr}
  .garantias{grid-template-columns:1fr}
}
@media (max-width:620px){
  .passos.tres,.passos.quatro,.compara{grid-template-columns:1fr}
  .viavel{padding:26px 22px}
}

/* ---------- vários projetos dentro de uma bandeira ---------- */
.projeto{border-top:2px solid var(--cinza-borda);padding-top:38px;margin-top:46px}
.projeto:first-of-type{border-top:none;padding-top:0;margin-top:0}
.projeto-topo{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.projeto-n{font-family:'Archivo',sans-serif;font-weight:900;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:var(--azul);border-radius:99px;padding:6px 14px}
.projeto h3{font-size:clamp(23px,3.1vw,32px);color:var(--marinho)}
.projeto .sub{color:var(--texto-suave);font-size:16.5px;margin-bottom:22px;max-width:760px}
.projeto .lema{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(17px,2.3vw,21px);color:var(--azul);margin-bottom:14px}

/* ---------- frente regional (bandeira de território) ---------- */
.regional{position:relative;overflow:hidden;border-radius:var(--raio);margin-top:26px;
  background:var(--marinho) url(../img/id/fundo-escuro.webp) center/cover no-repeat;
  display:grid;grid-template-columns:1.15fr .85fr;gap:0;align-items:center;text-decoration:none}
.regional::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,20,68,.93),rgba(0,32,104,.70))}
.regional>*{position:relative;z-index:2}
.regional .txt{padding:36px 40px}
.regional .selo-terr{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:6px 15px;margin-bottom:14px;
  font-family:'Archivo',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.regional h3{font-size:clamp(22px,3vw,30px);color:#fff;margin-bottom:10px}
.regional .lema-r{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(16px,2.2vw,19px);color:var(--amarelo);margin-bottom:12px}
.regional p{color:#D5E1F7;font-size:16px;margin-bottom:18px;max-width:560px}
.regional .ir{display:inline-flex;align-items:center;gap:7px;font-family:'Archivo',sans-serif;font-weight:800;
  font-size:14.5px;color:#fff;border-bottom:2px solid var(--amarelo);padding-bottom:3px}
.regional .lado{align-self:stretch;min-height:180px;display:flex;align-items:center;justify-content:center;padding:26px}
.regional .lado img{width:min(230px,88%);opacity:.5}
.regional:hover .ir{color:var(--amarelo)}
@media (max-width:820px){ .regional{grid-template-columns:1fr} .regional .lado{display:none} .regional .txt{padding:28px 24px} }

/* ---------- o texto do projeto ---------- */
.texto-pl{background:var(--cinza);border-radius:var(--raio);padding:34px 36px}
.texto-pl .ementa{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(16px,2.2vw,19px);
  color:var(--marinho);line-height:1.4;padding-bottom:18px;margin-bottom:22px;border-bottom:2px solid var(--cinza-borda)}
.art-lista{display:grid;gap:2px}
.art-item{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--cinza-borda)}
.art-item:last-child{border-bottom:none}
.art-item .ref{font-family:'Archivo',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--azul);padding-top:3px}
.art-item h4{font-family:'Archivo',sans-serif;font-size:17px;color:var(--marinho);margin-bottom:5px}
.art-item p{font-size:15.5px;color:var(--texto-suave)}
.citacoes-pl{display:grid;gap:14px;margin-top:26px}
.cit{background:#fff;border-left:4px solid var(--amarelo);border-radius:0 10px 10px 0;padding:18px 22px}
.cit .ref{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--azul);margin-bottom:6px}
.cit p{font-size:16px;color:var(--texto);font-style:italic;line-height:1.55}
.aviso-minuta{display:flex;gap:12px;align-items:flex-start;background:#EEF4FF;border:1.5px solid #C9DAF7;
  border-radius:12px;padding:16px 20px;margin-top:26px;font-size:14.5px;color:#2C4470;line-height:1.55}
.aviso-minuta svg{flex:none;margin-top:2px}
.baixar{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-family:'Archivo',sans-serif;
  font-weight:800;font-size:15px;color:var(--marinho);background:var(--amarelo);border-radius:999px;
  padding:13px 26px;text-decoration:none;box-shadow:0 4px 16px rgba(249,197,18,.35);transition:transform .15s}
.baixar:hover{transform:translateY(-2px)}
@media (max-width:620px){ .art-item{grid-template-columns:1fr;gap:4px} .texto-pl{padding:26px 22px} }

/* ===== faixa da colinha digital (sazonal — remover depois de 04/10/2026) ===== */
.faixa-colinha{display:flex;align-items:center;justify-content:center;gap:14px;
  flex-wrap:wrap;background:var(--amarelo);color:var(--marinho);
  text-decoration:none;padding:15px 22px;font-size:16px;line-height:1.35;
  text-align:center;transition:filter .15s}
.faixa-colinha:hover{filter:brightness(1.06)}
.faixa-colinha .fc-tag{background:var(--marinho);color:#fff;font-weight:800;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 11px;border-radius:99px;white-space:nowrap}
.faixa-colinha .fc-txt b{font-weight:800}
.faixa-colinha .fc-seta{font-weight:800;font-size:20px;line-height:1}
@media(max-width:600px){
  .faixa-colinha{font-size:14.5px;padding:13px 16px;gap:9px}
  .faixa-colinha .fc-seta{display:none}
}