/* ==========================================================================
   RICARDO JAPA 55511 — Deputado Estadual SP
   Folha de estilo única. CSS puro, mobile-first, sem frameworks.
   Baseada no Design System Ricardo Japa v1.0.
   ========================================================================== */

/* ==========================================================================
   01 · TOKENS
   ========================================================================== */
:root{
  /* cor · azul */
  --cor-azul:#0A2EE6; --cor-azul-hover:#0823B0; --cor-azul-profundo:#05165E; --cor-azul-nevoa:#E7EBFD;
  /* cor · amarelo */
  --cor-amarelo:#EDE726; --cor-amarelo-hover:#D6D01B; --cor-amarelo-borda:#B8B216; --cor-amarelo-nevoa:#FBF9C4;
  /* cor · verde — #00A321 é decorativo; texto branco de corpo usa --cor-verde-texto (AA) */
  --cor-verde:#00A321; --cor-verde-texto:#008419; --cor-verde-hover:#006B15; --cor-verde-nevoa:#D6F3DC;
  /* cor · neutros */
  --cor-preto:#111111; --cor-branco:#FFFFFF; --cor-papel:#F4F4F0;
  --cor-cinza-texto:#5A5A5A; --cor-borda:#E2E2DC; --cor-erro:#C4111B;

  /* tipografia */
  --fonte-titulo:'Bebas Neue',Impact,Haettenschweiler,sans-serif;
  --fonte-texto:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --fonte-editorial:'Playfair Display',Georgia,'Times New Roman',serif;
  --fs-display:clamp(3.5rem,13vw,10rem);
  --fs-h1:clamp(2.75rem,8vw,6rem);
  --fs-h2:clamp(2.125rem,5.5vw,4rem);
  --fs-h3:clamp(1.75rem,4vw,2.75rem);
  --fs-h4:clamp(1.375rem,3vw,2rem);
  --fs-h5:clamp(1.1875rem,2.2vw,1.5rem);
  --fs-h6:clamp(1.0625rem,1.8vw,1.25rem);
  --fs-editorial:clamp(1.5rem,4vw,2.75rem);
  --fs-corpo-g:clamp(1.0625rem,1.6vw,1.25rem);
  --fs-corpo:clamp(1rem,1.4vw,1.0625rem);
  --fs-corpo-p:clamp(0.875rem,1.2vw,0.9375rem);
  --fs-caption:0.8125rem; --fs-etiqueta:0.75rem;
  --lh-titulo:0.9; --lh-sub:1.05; --lh-compacta:1.35; --lh-corpo:1.6;
  --ls-titulo:0.01em; --ls-etiqueta:0.18em; --ls-tag:0.08em;

  /* espaçamento — escala 4px */
  --esp-1:4px; --esp-2:8px; --esp-3:12px; --esp-4:16px; --esp-5:20px; --esp-6:24px;
  --esp-8:32px; --esp-10:40px; --esp-12:48px; --esp-16:64px; --esp-20:80px; --esp-24:96px; --esp-32:128px;
  --esp-secao:clamp(56px,9vw,128px);

  /* superfície */
  --raio-0:0px; --raio-1:4px; --raio-2:8px; --raio-3:16px; --raio-4:24px; --raio-pill:999px;
  --sombra-1:0 2px 6px rgba(17,17,17,.10);
  --sombra-2:0 8px 24px rgba(10,46,230,.14);
  --sombra-3:0 18px 48px rgba(5,22,94,.22);
  --sombra-dura:6px 6px 0 var(--cor-preto);
  --sombra-dura-amarela:6px 6px 0 var(--cor-amarelo);

  /* foco / movimento */
  --foco-espessura:3px; --foco-offset:3px; --foco-cor:var(--cor-amarelo);
  --tr-rapida:140ms; --tr-media:240ms; --tr-lenta:420ms;
  --ease-padrao:cubic-bezier(.4,0,.2,1); --ease-saida:cubic-bezier(.2,.8,.3,1);

  /* layout */
  --container:1200px; --container-estreito:760px; --gutter:clamp(16px,4vw,40px);
  --toque-min:44px; --altura-header:64px;
  --z-base:1; --z-flutuante:50; --z-header:100; --z-menu:200;
}

/* ==========================================================================
   02 · RESET E BASE
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--altura-header) + 16px)}
body{margin:0;background:var(--cor-branco);color:var(--cor-preto);font-family:var(--fonte-texto);
  font-size:var(--fs-corpo);line-height:var(--lh-corpo);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;display:block}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--fonte-titulo);font-weight:400;text-transform:uppercase;
  line-height:var(--lh-titulo);letter-spacing:var(--ls-titulo)}
h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}
h4{font-size:var(--fs-h4)}h5{font-size:var(--fs-h5)}h6{font-size:var(--fs-h6);line-height:var(--lh-sub)}
p{margin:0 0 var(--esp-4)}p:last-child{margin-bottom:0}
ul,ol{margin:0 0 var(--esp-4);padding-left:var(--esp-5)}
a{color:var(--cor-azul);text-decoration:none;border-bottom:2px solid var(--cor-amarelo);
  transition:color var(--tr-rapida) var(--ease-padrao)}
a:hover{color:var(--cor-azul-hover);border-bottom-color:var(--cor-verde)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:var(--foco-espessura) solid var(--foco-cor);outline-offset:var(--foco-offset);border-radius:var(--raio-1)}
[hidden]{display:none !important}
.sr-apenas{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pular-conteudo{position:absolute;left:var(--esp-4);top:-100px;z-index:calc(var(--z-menu) + 10);
  background:var(--cor-amarelo);color:var(--cor-preto);padding:var(--esp-3) var(--esp-5);border:0;
  border-radius:0 0 var(--raio-2) var(--raio-2);font-weight:700;transition:top var(--tr-rapida) var(--ease-saida)}
.pular-conteudo:focus{top:0}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ==========================================================================
   03 · LAYOUT DE SEÇÃO
   ========================================================================== */
.secao{position:relative;overflow:hidden;padding:var(--esp-secao) 0}
.secao__interno{position:relative;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.secao--azul{background:var(--cor-azul);color:var(--cor-branco)}
.secao--verde{background:var(--cor-verde-texto);color:var(--cor-branco)}
.secao--amarela{background:var(--cor-amarelo);color:var(--cor-preto)}
.secao--branca{background:var(--cor-branco);color:var(--cor-preto)}
.secao--papel{background:var(--cor-papel);color:var(--cor-preto)}
.olho{font-size:var(--fs-etiqueta);font-weight:700;letter-spacing:var(--ls-etiqueta);
  text-transform:uppercase;color:var(--cor-azul);margin-bottom:var(--esp-3)}
.secao--azul .olho,.secao--verde .olho{color:var(--cor-amarelo)}
.titulo-secao{font-size:var(--fs-h2);margin-bottom:var(--esp-5);max-width:20ch}
.texto-lead{font-size:var(--fs-corpo-g);max-width:62ch}
.texto-corpo{max-width:66ch}
.texto-corpo p{margin-bottom:var(--esp-4)}

/* ==========================================================================
   04 · PADRÕES GRÁFICOS
   ========================================================================== */
.tarja{display:inline-block;background:var(--cor-amarelo);color:var(--cor-preto);
  padding:.12em .38em .05em;transform:rotate(-1.6deg);
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.tarja--verde{background:var(--cor-verde);color:var(--cor-branco)}
.tarja--azul{background:var(--cor-azul);color:var(--cor-branco)}
.halftone{position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:radial-gradient(currentColor 1.6px,transparent 1.7px);background-size:14px 14px;
  -webkit-mask-image:linear-gradient(200deg,#000,transparent 58%);mask-image:linear-gradient(200deg,#000,transparent 58%)}
.halftone--canto-inf{-webkit-mask-image:linear-gradient(20deg,#000,transparent 55%);mask-image:linear-gradient(20deg,#000,transparent 55%)}
.halftone--amarelo{color:var(--cor-amarelo)}
.halftone--verde{color:var(--cor-verde)}
.halftone--azul{color:var(--cor-azul)}
.grid-pincel{position:absolute;inset:0;pointer-events:none;opacity:.14;
  background-image:repeating-linear-gradient(90deg,var(--cor-verde) 0 2px,transparent 2px 56px),
                   repeating-linear-gradient(0deg,var(--cor-verde) 0 2px,transparent 2px 56px);
  -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 78%);
  mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 78%)}
.estrela,.respingos{position:absolute;pointer-events:none}
.estrela--gira{animation:japa-gira 26s linear infinite}
@keyframes japa-gira{to{transform:rotate(360deg)}}
@keyframes japa-pulso{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.divisor-onda{display:block;width:100%;height:clamp(32px,5vw,56px);margin-bottom:-2px}

/* Fotografia: P&B com intervenção de cor */
.foto{position:relative;display:block}
.foto img,.foto .foto__slot{filter:grayscale(1) contrast(1.14) brightness(1.02);width:100%;display:block}
.foto__slot{aspect-ratio:3/4;background:repeating-linear-gradient(135deg,#3a3a3a 0 12px,#2f2f2f 12px 24px);
  display:flex;align-items:flex-end;justify-content:center;color:#c9c9c9;font-family:var(--fonte-titulo);
  font-size:var(--fs-h6);letter-spacing:.06em;padding:var(--esp-4);text-align:center;border-radius:var(--raio-2)}
.foto__pincel{position:absolute;pointer-events:none}
.foto--recorte{-webkit-mask-image:linear-gradient(#000 84%,transparent 100%);mask-image:linear-gradient(#000 84%,transparent 100%)}

/* ==========================================================================
   05 · BOTÕES
   ========================================================================== */
.btn{--btn-bg:var(--cor-amarelo);--btn-cor:var(--cor-preto);--btn-borda:transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:var(--esp-2);
  min-height:var(--toque-min);padding:var(--esp-3) var(--esp-6);
  background:var(--btn-bg);color:var(--btn-cor);border:2px solid var(--btn-borda);border-radius:var(--raio-pill);
  cursor:pointer;text-decoration:none;font-family:var(--fonte-titulo);font-size:var(--fs-h6);
  line-height:1;letter-spacing:.03em;text-transform:uppercase;text-align:center;
  transition:background var(--tr-rapida) var(--ease-padrao),transform var(--tr-rapida) var(--ease-saida),
             box-shadow var(--tr-rapida) var(--ease-padrao),color var(--tr-rapida) var(--ease-padrao)}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sombra-2);color:var(--btn-cor);border-bottom-color:var(--btn-borda)}
.btn:active{transform:translateY(0);box-shadow:none}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.5)}
.btn--primario{--btn-bg:var(--cor-amarelo);--btn-cor:var(--cor-preto)}
.btn--primario:hover{--btn-bg:var(--cor-amarelo-hover)}
.btn--primario:focus-visible{outline-color:var(--cor-azul)}
.btn--secundario{--btn-bg:transparent;--btn-cor:var(--cor-branco);--btn-borda:var(--cor-branco)}
.btn--secundario:hover{--btn-bg:var(--cor-branco);--btn-cor:var(--cor-azul)}
.btn--secundario-escuro{--btn-bg:transparent;--btn-cor:var(--cor-azul);--btn-borda:var(--cor-azul)}
.btn--secundario-escuro:hover{--btn-bg:var(--cor-azul);--btn-cor:var(--cor-branco)}
.btn--terciario{--btn-bg:var(--cor-verde-texto);--btn-cor:var(--cor-branco)}
.btn--terciario:hover{--btn-bg:var(--cor-verde-hover)}
.btn--azul{--btn-bg:var(--cor-azul);--btn-cor:var(--cor-branco)}
.btn--azul:hover{--btn-bg:var(--cor-azul-hover)}
.btn--g{min-height:56px;padding:var(--esp-4) var(--esp-8);font-size:var(--fs-h5)}
.btn--p{min-height:var(--toque-min);padding:var(--esp-2) var(--esp-4);font-size:var(--fs-corpo-p);
  font-family:var(--fonte-texto);font-weight:700;letter-spacing:var(--ls-tag)}
.btn--bloco{display:flex;width:100%}
.btn__seta{width:26px;height:14px;flex:0 0 auto;transition:transform var(--tr-media) var(--ease-saida)}
.btn:hover .btn__seta{transform:translateX(5px)}
.acoes{display:flex;flex-wrap:wrap;gap:var(--esp-3)}

/* ==========================================================================
   06 · HEADER / NAVBAR / MENU MOBILE
   ========================================================================== */
.cabecalho{position:sticky;top:0;z-index:var(--z-header);background:var(--cor-azul);color:var(--cor-branco);
  border-bottom:4px solid var(--cor-amarelo)}
.cabecalho__interno{max-width:var(--container);margin:0 auto;padding:var(--esp-3) var(--gutter);
  min-height:var(--altura-header);display:flex;align-items:center;gap:var(--esp-4)}
.logo{display:flex;align-items:center;gap:var(--esp-2);color:var(--cor-branco);border:0}
.logo:hover{color:var(--cor-amarelo)}
.logo svg{width:30px;height:30px;fill:var(--cor-amarelo);flex:0 0 auto}
.logo__texto{font-family:var(--fonte-titulo);font-size:clamp(1.35rem,4.4vw,1.85rem);line-height:.92;letter-spacing:.02em}
.logo__texto small{display:block;font-family:var(--fonte-texto);font-size:9px;font-weight:700;
  letter-spacing:var(--ls-etiqueta);color:var(--cor-amarelo)}
.logo__num{display:inline-block;background:var(--cor-amarelo);color:var(--cor-preto);
  border-radius:var(--raio-1);padding:2px 6px 0;margin-left:6px;letter-spacing:.06em;
  font-size:.86em;line-height:1;vertical-align:1px}
.logo__texto small{margin-top:6px}
.cabecalho__nav{display:none;margin-left:auto}
.cabecalho__nav ul{display:flex;gap:var(--esp-5);list-style:none;margin:0;padding:0}
.cabecalho__nav a{color:var(--cor-branco);border:0;font-weight:600;font-size:var(--fs-corpo-p);
  text-transform:uppercase;letter-spacing:var(--ls-tag);padding:var(--esp-2) 0;position:relative}
.cabecalho__nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cor-amarelo);
  transform:scaleX(0);transform-origin:left;transition:transform var(--tr-media) var(--ease-saida)}
.cabecalho__nav a:hover::after,.cabecalho__nav a[aria-current="true"]::after{transform:scaleX(1)}
.cabecalho__cta{display:none}
.hamburguer{margin-left:auto;width:var(--toque-min);height:var(--toque-min);display:grid;place-items:center;
  background:transparent;border:2px solid rgba(255,255,255,.45);border-radius:var(--raio-2);cursor:pointer}
.hamburguer span{display:block;width:22px;height:3px;background:var(--cor-amarelo);position:relative}
.hamburguer span::before,.hamburguer span::after{content:"";position:absolute;left:0;width:22px;height:3px;background:var(--cor-amarelo)}
.hamburguer span::before{top:-7px}.hamburguer span::after{top:7px}
@media (min-width:1024px){
  .cabecalho__nav{display:block}
  .cabecalho__cta{display:inline-flex;margin-left:var(--esp-5)}
  .hamburguer{display:none}
}
.menu-cheio{position:fixed;inset:0;background:var(--cor-azul);color:var(--cor-branco);z-index:var(--z-menu);
  display:flex;flex-direction:column;padding:var(--esp-5) var(--gutter) calc(var(--esp-8) + env(safe-area-inset-bottom));overflow:auto}
.menu-cheio[hidden]{display:none}
.menu-cheio__topo{display:flex;align-items:center;justify-content:space-between;gap:var(--esp-4)}
.menu-cheio__fechar{width:var(--toque-min);height:var(--toque-min);background:transparent;
  border:2px solid rgba(255,255,255,.45);border-radius:var(--raio-2);color:var(--cor-amarelo);
  font-size:1.6rem;line-height:1;cursor:pointer}
.menu-cheio ul{list-style:none;margin:var(--esp-6) 0 0;padding:0;display:flex;flex-direction:column}
.menu-cheio li{border-bottom:2px solid rgba(255,255,255,.18)}
.menu-cheio a{display:flex;align-items:center;min-height:56px;color:var(--cor-branco);border:0;
  font-family:var(--fonte-titulo);font-size:var(--fs-h3)}
.menu-cheio a:hover{color:var(--cor-amarelo)}
.menu-cheio__rodape{margin-top:auto;padding-top:var(--esp-8)}
body[data-menu-aberto="1"]{overflow:hidden}

/* ==========================================================================
   07 · HERO
   ========================================================================== */
.hero{position:relative;background:var(--cor-azul);color:var(--cor-branco);overflow:hidden;isolation:isolate}
.hero__interno{max-width:var(--container);margin:0 auto;padding:var(--esp-10) var(--gutter) 0;
  display:grid;gap:var(--esp-6);grid-template-columns:1fr;align-items:end}
.hero__texto{position:relative;z-index:2;padding-bottom:var(--esp-8)}
.hero__olho{font-size:var(--fs-etiqueta);font-weight:700;letter-spacing:var(--ls-etiqueta);
  text-transform:uppercase;color:var(--cor-amarelo);margin-bottom:var(--esp-3);max-width:30ch}
.hero__nome{font-size:var(--fs-display);line-height:.84;margin-bottom:var(--esp-4)}
.hero__nome em{font-style:normal;color:var(--cor-amarelo)}
.hero__slogan{font-family:var(--fonte-titulo);font-size:var(--fs-h4);line-height:1.35;margin-bottom:var(--esp-5)}
.hero__cargo{font-size:var(--fs-corpo-g);font-weight:600;margin-bottom:var(--esp-6)}
.hero__foto{position:relative;z-index:1;align-self:end}
@media (min-width:768px){.hero__interno{grid-template-columns:1.05fr .95fr;padding-top:var(--esp-16)}}

/* Número na urna */
.numero-urna{display:inline-flex;align-items:center;gap:var(--esp-2);flex-wrap:wrap;margin-bottom:var(--esp-6)}
.numero-urna__digito{width:clamp(40px,9vw,66px);height:clamp(50px,11vw,84px);display:grid;place-items:center;
  background:var(--cor-amarelo);color:var(--cor-preto);border-radius:var(--raio-2);
  font-family:var(--fonte-titulo);font-size:clamp(2rem,6vw,3.4rem);line-height:1;box-shadow:var(--sombra-dura)}
.numero-urna__estrela{width:clamp(34px,7vw,54px);height:auto;fill:var(--cor-amarelo);flex:0 0 auto}
.numero-urna--claro .numero-urna__digito{background:var(--cor-azul);color:var(--cor-branco);box-shadow:var(--sombra-dura)}
.numero-urna--claro .numero-urna__estrela{fill:var(--cor-azul)}

/* Faixa do número */
.faixa-numero{position:relative;overflow:hidden;background:var(--cor-amarelo);color:var(--cor-preto);
  padding:var(--esp-4) var(--gutter);display:flex;align-items:center;justify-content:center;
  gap:var(--esp-3);flex-wrap:wrap;text-align:center;font-family:var(--fonte-titulo);
  font-size:var(--fs-h5);line-height:1.15;letter-spacing:.02em}
.faixa-numero__num{background:var(--cor-azul);color:var(--cor-amarelo);border-radius:var(--raio-1);
  padding:.14em .4em .04em;letter-spacing:.12em;font-size:1.25em;white-space:nowrap}
.faixa-numero--azul{background:var(--cor-azul);color:var(--cor-branco)}
.faixa-numero--azul .faixa-numero__num{background:var(--cor-amarelo);color:var(--cor-preto)}

/* ==========================================================================
   08 · PILARES
   ========================================================================== */
.pilares{display:grid;gap:var(--esp-4);grid-template-columns:1fr;margin-top:var(--esp-8)}
@media (min-width:768px){.pilares{grid-template-columns:repeat(3,1fr)}}
.pilar{position:relative;overflow:hidden;border-radius:var(--raio-3);padding:var(--esp-6);min-height:230px;
  display:flex;flex-direction:column;gap:var(--esp-2)}
.pilar__num{font-family:var(--fonte-titulo);font-size:var(--fs-h3);line-height:1;opacity:.55}
.pilar__titulo{font-size:var(--fs-h2);line-height:.88}
.pilar__texto{font-size:var(--fs-corpo-p);margin-top:auto}
.pilar--novo{background:var(--cor-azul);color:var(--cor-branco)}
.pilar--presente{background:var(--cor-verde-texto);color:var(--cor-branco)}
.pilar--direto{background:var(--cor-amarelo);color:var(--cor-preto)}

/* ==========================================================================
   09 · CITAÇÃO EDITORIAL
   ========================================================================== */
.citacao{position:relative;max-width:var(--container-estreito);margin:0 auto;text-align:center;padding:var(--esp-6) 0}
.citacao__texto{font-family:var(--fonte-editorial);font-weight:700;font-style:italic;
  font-size:var(--fs-editorial);line-height:1.18;margin:0 0 var(--esp-5)}
.citacao__texto em{font-style:italic;color:var(--cor-amarelo)}
.citacao--claro .citacao__texto em{color:var(--cor-azul)}
.citacao__assinatura{font-size:var(--fs-etiqueta);font-weight:700;letter-spacing:var(--ls-etiqueta);
  text-transform:uppercase;opacity:.85}

/* ==========================================================================
   10 · REGIÃO (CIMBAJU)
   ========================================================================== */
.regiao{display:grid;gap:var(--esp-8);grid-template-columns:1fr;align-items:center}
@media (min-width:1024px){.regiao{grid-template-columns:1fr 1fr;gap:var(--esp-12)}}
.regiao-cidades{display:grid;gap:var(--esp-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:var(--esp-6)}
.cidade{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;
  padding:var(--esp-4) var(--esp-3);border-radius:var(--raio-2);
  background:rgba(255,255,255,.10);border:2px solid rgba(255,255,255,.32);color:inherit}
.cidade__nome{font-family:var(--fonte-titulo);font-size:var(--fs-h5);line-height:1}
.cidade__tipo{font-size:10px;font-weight:700;letter-spacing:var(--ls-etiqueta);text-transform:uppercase;opacity:.85}
.cidade--sede{background:var(--cor-amarelo);color:var(--cor-preto);border-color:var(--cor-amarelo)}
.cidade--sede .cidade__tipo{opacity:1}
.mapa-esquema{width:100%;height:auto;display:block}
.mapa-legenda{font-size:var(--fs-caption);opacity:.8;margin-top:var(--esp-3);text-align:center}

/* ==========================================================================
   11 · PROJETO EM DESTAQUE + ETAPAS
   ========================================================================== */
.destaque__tarja{font-family:var(--fonte-titulo);font-size:var(--fs-h4);line-height:1.35;margin:var(--esp-5) 0 var(--esp-6)}
.beneficios{display:grid;gap:var(--esp-4);grid-template-columns:1fr;margin-top:var(--esp-8)}
@media (min-width:600px){.beneficios{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.beneficios{grid-template-columns:repeat(4,1fr)}}
.beneficio{background:rgba(255,255,255,.10);border-radius:var(--raio-2);padding:var(--esp-5);
  display:flex;flex-direction:column;gap:var(--esp-2);border-bottom:5px solid var(--cor-amarelo)}
.beneficio:nth-child(2n){border-bottom-color:var(--cor-verde)}
.beneficio__titulo{font-size:var(--fs-h5)}
.beneficio__texto{font-size:var(--fs-corpo-p);opacity:.94}
.etapas{list-style:none;margin:var(--esp-10) 0 0;padding:0;display:grid;gap:var(--esp-5);
  grid-template-columns:1fr;counter-reset:etapa}
.etapa{position:relative;padding-left:var(--esp-12)}
.etapa::before{counter-increment:etapa;content:counter(etapa);position:absolute;left:0;top:0;
  width:38px;height:38px;border-radius:50%;background:var(--cor-amarelo);color:var(--cor-preto);
  display:grid;place-items:center;font-family:var(--fonte-titulo);font-size:1.35rem;line-height:1}
.etapa__titulo{font-family:var(--fonte-titulo);font-size:var(--fs-h5);line-height:1.05}
.etapa__texto{font-size:var(--fs-corpo-p);opacity:.92}
@media (min-width:768px){
  .etapas{grid-template-columns:repeat(4,1fr);gap:var(--esp-4)}
  .etapa{padding-left:0;padding-top:var(--esp-12)}
  .etapa::after{content:"";position:absolute;top:18px;left:46px;right:-8px;height:3px;
    background:repeating-linear-gradient(90deg,var(--cor-amarelo) 0 9px,transparent 9px 16px)}
  .etapa:last-child::after{display:none}
}

/* ==========================================================================
   12 · ÍCONES, TAGS E CARDS DE COMPROMISSO
   ========================================================================== */
.icone{width:28px;height:28px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.icone--g{width:40px;height:40px;stroke-width:1.6}
.icone--solido{fill:currentColor;stroke:none}
.icone-chapa{width:64px;height:64px;display:grid;place-items:center;border-radius:var(--raio-2);
  background:var(--cor-azul);color:var(--cor-branco);flex:0 0 auto}
.icone-chapa--amarelo{background:var(--cor-amarelo);color:var(--cor-preto)}
.icone-chapa--verde{background:var(--cor-verde-texto);color:var(--cor-branco)}
.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--raio-pill);
  font-size:var(--fs-etiqueta);font-weight:700;letter-spacing:var(--ls-tag);text-transform:uppercase;
  background:var(--cor-azul-nevoa);color:var(--cor-azul-profundo);border:0;white-space:nowrap}
.tag--azul{background:var(--cor-azul);color:var(--cor-branco)}
.tag--amarelo{background:var(--cor-amarelo);color:var(--cor-preto)}
.tag--verde{background:var(--cor-verde-texto);color:var(--cor-branco)}
.tag--contorno{background:transparent;color:var(--cor-branco);box-shadow:inset 0 0 0 2px currentColor}
.filtros{display:flex;gap:var(--esp-2);overflow-x:auto;padding-bottom:var(--esp-2);
  scrollbar-width:none;margin-bottom:var(--esp-6)}
.filtros::-webkit-scrollbar{display:none}
.filtro-chip{min-height:var(--toque-min);padding:0 var(--esp-4);border-radius:var(--raio-pill);cursor:pointer;
  border:2px solid var(--cor-azul);background:transparent;color:var(--cor-azul);
  font-size:var(--fs-etiqueta);font-weight:700;letter-spacing:var(--ls-tag);text-transform:uppercase;white-space:nowrap;
  transition:background var(--tr-rapida) var(--ease-padrao),color var(--tr-rapida) var(--ease-padrao)}
.filtro-chip:hover{background:var(--cor-azul-nevoa)}
.filtro-chip[aria-pressed="true"]{background:var(--cor-azul);color:var(--cor-branco)}
.card-proposta{position:relative;overflow:hidden;background:var(--cor-branco);color:var(--cor-preto);
  border-radius:var(--raio-3);padding:var(--esp-6);display:flex;flex-direction:column;gap:var(--esp-3);
  box-shadow:var(--sombra-1);border-bottom:6px solid var(--cor-azul);
  transition:transform var(--tr-media) var(--ease-saida),box-shadow var(--tr-media) var(--ease-padrao)}
.card-proposta:hover{transform:translateY(-6px);box-shadow:var(--sombra-2)}
.card-proposta__pincel{position:absolute;left:-6%;bottom:-8px;width:60%;height:26px;opacity:0;
  transform:translateX(-12px);transition:opacity var(--tr-media) var(--ease-padrao),transform var(--tr-media) var(--ease-saida)}
.card-proposta:hover .card-proposta__pincel{opacity:1;transform:translateX(0)}
.card-proposta__titulo{font-size:var(--fs-h4)}
.card-proposta__resumo{font-size:var(--fs-corpo-p);color:var(--cor-cinza-texto);flex:1}
.card-proposta--verde{border-bottom-color:var(--cor-verde)}
.card-proposta--amarelo{border-bottom-color:var(--cor-amarelo)}
.grade-propostas{display:grid;gap:var(--esp-4);grid-template-columns:1fr}
@media (min-width:600px){.grade-propostas{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.grade-propostas{grid-template-columns:repeat(4,1fr)}}

/* ==========================================================================
   13 · FORMULÁRIO DE CAPTURA
   ========================================================================== */
.captura{display:grid;gap:var(--esp-8);grid-template-columns:1fr;align-items:start}
@media (min-width:1024px){.captura{grid-template-columns:1fr 1fr;gap:var(--esp-12)}}
.form-lead{display:grid;gap:var(--esp-4)}
@media (min-width:600px){
  .form-lead--grade2{grid-template-columns:1fr 1fr}
  .form-lead--grade2 .campo--largo,.form-lead--grade2 .form-lead__legal,.form-lead--grade2 .form-lead__acao{grid-column:1 / -1}
}
.campo{display:flex;flex-direction:column;gap:6px}
.campo__rotulo{font-size:var(--fs-etiqueta);font-weight:700;letter-spacing:var(--ls-tag);text-transform:uppercase}
.campo__rotulo abbr{color:var(--cor-amarelo);text-decoration:none}
.campo__controle{min-height:var(--toque-min);width:100%;padding:var(--esp-3) var(--esp-4);
  background:var(--cor-branco);color:var(--cor-preto);border:2px solid var(--cor-preto);
  border-radius:var(--raio-2);font-size:var(--fs-corpo);
  transition:border-color var(--tr-rapida) var(--ease-padrao),box-shadow var(--tr-rapida) var(--ease-padrao)}
.campo__controle::placeholder{color:#8A8A8A}
.campo__controle:hover{border-color:var(--cor-azul)}
.campo__controle:focus{outline:none;border-color:var(--cor-azul);box-shadow:0 0 0 4px rgba(237,231,38,.85)}
.campo__ajuda{font-size:var(--fs-caption);opacity:.85}
.campo__erro{font-size:var(--fs-caption);font-weight:700;color:var(--cor-amarelo);display:none;align-items:center;gap:6px}
.campo[data-invalido="1"] .campo__controle{border-color:var(--cor-erro);background:#FFF6F6}
.campo[data-invalido="1"] .campo__erro{display:flex}
.campo-consentimento{display:flex;gap:var(--esp-3);align-items:flex-start;font-size:var(--fs-caption);line-height:1.45}
.campo-consentimento input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:26px;height:26px;
  flex:0 0 auto;margin:0;border:2px solid currentColor;border-radius:var(--raio-1);
  background:var(--cor-branco);cursor:pointer;position:relative}
.campo-consentimento input[type="checkbox"]::after{content:"";position:absolute;left:7px;top:2px;width:8px;height:14px;
  border:solid var(--cor-preto);border-width:0 3px 3px 0;transform:rotate(42deg) scale(0);
  transition:transform var(--tr-rapida) var(--ease-saida)}
.campo-consentimento input[type="checkbox"]:checked{background:var(--cor-amarelo);border-color:var(--cor-amarelo)}
.campo-consentimento input[type="checkbox"]:checked::after{transform:rotate(42deg) scale(1)}
.form-lead__card{position:relative;overflow:hidden;background:var(--cor-azul);color:var(--cor-branco);
  border-radius:var(--raio-3);padding:var(--esp-6);box-shadow:var(--sombra-3)}
.form-lead[data-estado="sucesso"]{display:none}
.form-sucesso{display:none;flex-direction:column;gap:var(--esp-4);
  background:var(--cor-verde-nevoa);color:var(--cor-verde-hover);border-left:6px solid var(--cor-verde);
  padding:var(--esp-5);border-radius:var(--raio-2)}
.form-sucesso[data-visivel="1"]{display:flex}
.form-sucesso strong{display:block;font-family:var(--fonte-titulo);font-size:var(--fs-h4);
  text-transform:uppercase;color:var(--cor-preto)}
.form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ==========================================================================
   14 · COMO VOTAR
   ========================================================================== */
.como-votar{display:grid;gap:var(--esp-8);grid-template-columns:1fr;align-items:center}
@media (min-width:768px){.como-votar{grid-template-columns:1fr 1fr;gap:var(--esp-10)}}
.urna{background:var(--cor-preto);border-radius:var(--raio-3);padding:var(--esp-5);display:grid;gap:var(--esp-4);
  max-width:420px;width:100%;box-shadow:var(--sombra-3);margin:0 auto}
.urna__tela{background:var(--cor-papel);color:var(--cor-preto);border-radius:var(--raio-2);padding:var(--esp-4)}
.urna__rot{font-size:10px;font-weight:700;letter-spacing:var(--ls-etiqueta);text-transform:uppercase;color:var(--cor-cinza-texto)}
.urna__digitos{display:flex;gap:6px;margin:var(--esp-3) 0}
.urna__digito{width:clamp(34px,8vw,46px);height:clamp(44px,10vw,58px);display:grid;place-items:center;
  border:2px solid var(--cor-preto);background:var(--cor-branco);
  font-family:var(--fonte-titulo);font-size:clamp(1.5rem,5vw,2.1rem);line-height:1}
.urna__nome{font-family:var(--fonte-titulo);font-size:var(--fs-h5);line-height:1}
.urna__cargo{font-size:var(--fs-caption);color:var(--cor-cinza-texto)}
.urna__foto{width:64px;height:80px;background:repeating-linear-gradient(135deg,#3a3a3a 0 10px,#2f2f2f 10px 20px);
  border:2px solid var(--cor-preto);display:grid;place-items:center;color:#c9c9c9;font-size:9px;text-align:center;padding:2px}
.urna__linha{display:flex;gap:var(--esp-3);align-items:center}
.urna__botoes{display:flex;gap:var(--esp-2);justify-content:flex-end;flex-wrap:wrap}
.urna__botao{min-height:var(--toque-min);padding:var(--esp-2) var(--esp-5);border-radius:var(--raio-2);
  font-family:var(--fonte-titulo);font-size:var(--fs-h6);line-height:1;display:grid;place-items:center;
  background:#4A4A4A;color:var(--cor-branco)}
.urna__botao--confirma{background:var(--cor-verde-texto)}
.urna__botao--corrige{background:var(--cor-amarelo);color:var(--cor-preto)}
.passos{list-style:none;margin:0;padding:0;display:grid;gap:var(--esp-5);counter-reset:passo}
.passo{display:flex;gap:var(--esp-4);align-items:flex-start}
.passo__num{counter-increment:passo;flex:0 0 auto;width:44px;height:44px;border-radius:50%;
  background:var(--cor-amarelo);color:var(--cor-preto);display:grid;place-items:center;
  font-family:var(--fonte-titulo);font-size:1.5rem;line-height:1}
.passo__num::before{content:counter(passo)}
.passo__titulo{font-family:var(--fonte-titulo);font-size:var(--fs-h5);line-height:1.05}
.passo__texto{font-size:var(--fs-corpo-p)}

/* ==========================================================================
   15 · WHATSAPP FLUTUANTE
   ========================================================================== */
.wpp-flutuante{position:fixed;right:var(--esp-4);bottom:calc(var(--esp-4) + env(safe-area-inset-bottom));
  z-index:var(--z-flutuante);display:inline-flex;align-items:center;gap:var(--esp-3);min-height:56px;
  padding:var(--esp-2) var(--esp-5) var(--esp-2) var(--esp-3);background:var(--cor-verde-texto);
  color:var(--cor-branco);border:0;border-radius:var(--raio-pill);box-shadow:var(--sombra-3);
  font-family:var(--fonte-titulo);font-size:var(--fs-h6);letter-spacing:.03em;text-transform:uppercase;
  transition:transform var(--tr-media) var(--ease-saida)}
.wpp-flutuante:hover{transform:translateY(-3px);color:var(--cor-branco)}
.wpp-flutuante svg{width:32px;height:32px;fill:currentColor}
.wpp-flutuante__bolha{width:10px;height:10px;border-radius:50%;background:var(--cor-amarelo);animation:japa-pulso 1.8s infinite}
.wpp-flutuante__texto{display:none}
@media (min-width:480px){.wpp-flutuante__texto{display:inline}}

/* ==========================================================================
   16 · RODAPÉ
   ========================================================================== */
.rodape{position:relative;overflow:hidden;background:var(--cor-azul-profundo);color:var(--cor-branco);
  padding:var(--esp-16) var(--gutter) var(--esp-8)}
.rodape__grade{display:grid;gap:var(--esp-8);grid-template-columns:1fr;max-width:var(--container);margin:0 auto;position:relative}
@media (min-width:768px){.rodape__grade{grid-template-columns:1.3fr 1fr 1fr}}
.rodape__titulo{font-size:var(--fs-etiqueta);font-weight:700;letter-spacing:var(--ls-etiqueta);
  text-transform:uppercase;color:var(--cor-amarelo);margin-bottom:var(--esp-4);font-family:var(--fonte-texto)}
.rodape ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--esp-3)}
.rodape a{color:var(--cor-branco);border:0;font-size:var(--fs-corpo-p)}
.rodape a:hover{color:var(--cor-amarelo)}
.redes{display:flex;flex-wrap:wrap;gap:var(--esp-2)}
.rede{width:var(--toque-min);height:var(--toque-min);display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.12);color:var(--cor-branco);border:0;
  transition:background var(--tr-rapida) var(--ease-padrao),transform var(--tr-rapida) var(--ease-saida)}
.rede:hover{background:var(--cor-amarelo);color:var(--cor-azul-profundo);transform:translateY(-2px)}
.rede svg{width:22px;height:22px;fill:currentColor}
.rodape__legal{margin-top:var(--esp-8);padding-top:var(--esp-5);border-top:2px solid rgba(255,255,255,.2);
  font-size:var(--fs-caption);color:rgba(255,255,255,.85);max-width:var(--container);margin-inline:auto;position:relative}
.rodape__legal strong{color:var(--cor-amarelo)}

/* ==========================================================================
   17 · PÁGINA DE TEXTO (privacidade)
   ========================================================================== */
.pagina-texto{max-width:var(--container-estreito);margin:0 auto;padding:var(--esp-16) var(--gutter) var(--esp-20)}
.pagina-texto h2{font-size:var(--fs-h3);margin:var(--esp-8) 0 var(--esp-3)}
.pagina-texto h1{margin-bottom:var(--esp-6)}
.pagina-texto li{margin-bottom:var(--esp-2)}
.form-sucesso--erro{background:#FCE9EA;color:var(--cor-erro);border-left-color:var(--cor-erro)}
.form-sucesso--erro strong{color:var(--cor-erro)}
/* ajustes finos de cabeçalho */
.cabecalho__nav a{white-space:nowrap}
.cabecalho__cta{white-space:nowrap}
.logo__texto{white-space:nowrap}
@media (min-width:768px){.filtros{flex-wrap:wrap;overflow:visible}}

/* ==========================================================================
   18 · FOTOGRAFIA APLICADA
   ========================================================================== */
.foto__img{width:100%;height:auto;display:block}
.foto--hero{max-width:520px;margin-left:auto}
.foto--captura{display:none}
@media (min-width:1024px){.foto--captura{display:block;max-width:290px;margin-top:var(--esp-8)}}
.foto--moldura{position:relative}
.urna__foto{width:64px;height:80px;object-fit:cover;border:2px solid var(--cor-preto);
  filter:grayscale(1) contrast(1.1);border-radius:2px}
.selo-partido{margin-top:var(--esp-6);margin-bottom:0}
.selo-partido img{width:150px;height:auto;background:var(--cor-branco);border-radius:var(--raio-2);padding:8px 12px}

/* ==========================================================================
   19 · ANIMAÇÕES
   ========================================================================== */

/* --- entrada por rolagem --- */
.js-anima [data-anima]{opacity:0;transform:translateY(22px);
  transition:opacity .65s var(--ease-saida),transform .65s var(--ease-saida)}
.js-anima [data-anima].visivel{opacity:1;transform:none}

/* --- entrada do hero --- */
@keyframes japa-entra{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes japa-entra-foto{from{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:none}}
.js-anima [data-hero]{opacity:0;animation:japa-entra .75s var(--ease-saida) forwards}
.js-anima [data-hero="1"]{animation-delay:.05s}
.js-anima [data-hero="2"]{animation-delay:.14s}
.js-anima [data-hero="3"]{animation-delay:.24s}
.js-anima [data-hero="4"]{animation-delay:.32s}
.js-anima [data-hero="5"]{animation-delay:.40s}
.js-anima [data-hero="6"]{animation-delay:.50s}
.js-anima [data-hero="7"]{animation:japa-entra-foto .9s var(--ease-saida) .18s forwards}

/* --- pincelada que "desenha" --- */
@keyframes japa-pincel{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.js-anima .pincel-anima{animation:japa-pincel .9s var(--ease-saida) .55s both}

/* --- dígitos do número caindo --- */
@keyframes japa-digito{from{opacity:0;transform:translateY(-18px) rotate(-8deg) scale(.9)}
  to{opacity:1;transform:none}}
.js-anima [data-digitos] .numero-urna__digito{opacity:0}
.js-anima [data-digitos].ativo .numero-urna__digito{animation:japa-digito .48s var(--ease-saida) forwards}
.js-anima [data-digitos].ativo .numero-urna__digito:nth-of-type(1){animation-delay:.05s}
.js-anima [data-digitos].ativo .numero-urna__digito:nth-of-type(2){animation-delay:.13s}
.js-anima [data-digitos].ativo .numero-urna__digito:nth-of-type(3){animation-delay:.21s}
.js-anima [data-digitos].ativo .numero-urna__digito:nth-of-type(4){animation-delay:.29s}
.js-anima [data-digitos].ativo .numero-urna__digito:nth-of-type(5){animation-delay:.37s}

/* --- urna: digitação --- */
.urna__digito{transition:background var(--tr-rapida) var(--ease-padrao),transform var(--tr-rapida) var(--ease-saida)}
.urna__digito[data-digitado="1"]{background:var(--cor-amarelo);transform:translateY(-2px)}
.urna__botao--confirma{transition:transform var(--tr-media) var(--ease-saida),box-shadow var(--tr-media)}
.urna[data-confirmado="1"] .urna__botao--confirma{transform:scale(1.06);box-shadow:0 0 0 4px rgba(0,163,33,.35)}

/* --- cabeçalho ao rolar --- */
.cabecalho__interno{transition:padding var(--tr-media) var(--ease-padrao)}
.cabecalho{transition:box-shadow var(--tr-media) var(--ease-padrao)}
.cabecalho--rolado{box-shadow:0 8px 24px rgba(5,22,94,.28)}
.cabecalho--rolado .cabecalho__interno{padding-top:var(--esp-2);padding-bottom:var(--esp-2)}

/* --- menu mobile --- */
@keyframes japa-menu{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.menu-cheio{animation:japa-menu .3s var(--ease-saida)}
.menu-cheio li{opacity:0;animation:japa-entra .45s var(--ease-saida) forwards}
.menu-cheio li:nth-child(1){animation-delay:.06s}
.menu-cheio li:nth-child(2){animation-delay:.12s}
.menu-cheio li:nth-child(3){animation-delay:.18s}
.menu-cheio li:nth-child(4){animation-delay:.24s}
.menu-cheio li:nth-child(5){animation-delay:.30s}
.menu-cheio__rodape{opacity:0;animation:japa-entra .45s var(--ease-saida) .36s forwards}

/* --- feedback de toque --- */
@media (hover:none){
  .btn:active{transform:scale(.97)}
  .card-proposta:active{transform:scale(.99)}
  .filtro-chip:active{transform:scale(.95)}
}

/* ==========================================================================
   20 · MOBILE INTERATIVO
   ========================================================================== */

/* --- barra fixa de ação --- */
.barra-mobile{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-flutuante);display:flex;gap:var(--esp-2);
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(5,22,94,.94);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:3px solid var(--cor-amarelo);
  transform:translateY(120%);transition:transform var(--tr-media) var(--ease-saida)}
.barra-mobile[data-visivel="1"]{transform:none}
.barra-mobile__btn{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;
  border:0;border-radius:var(--raio-pill);font-family:var(--fonte-titulo);font-size:1.05rem;
  line-height:1;letter-spacing:.03em;text-transform:uppercase;text-align:center}
.barra-mobile__btn--wpp{flex:0 0 40%;background:var(--cor-verde-texto);color:var(--cor-branco)}
.barra-mobile__btn--cta{background:var(--cor-amarelo);color:var(--cor-preto)}
.barra-mobile__btn svg{width:22px;height:22px;fill:currentColor;flex:0 0 auto}
.barra-mobile__btn:active{transform:scale(.97)}
@media (min-width:768px){.barra-mobile{display:none}}
@media (max-width:767px){
  body{padding-bottom:76px}
  .wpp-flutuante{display:none}
}

/* --- voltar ao topo --- */
.voltar-topo{position:fixed;right:var(--esp-4);bottom:calc(var(--esp-4) + 76px);z-index:var(--z-flutuante);
  width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;
  background:var(--cor-amarelo);color:var(--cor-preto);box-shadow:var(--sombra-2);
  opacity:0;pointer-events:none;transform:translateY(14px);
  transition:opacity var(--tr-media) var(--ease-padrao),transform var(--tr-media) var(--ease-saida)}
.voltar-topo[data-visivel="1"]{opacity:1;pointer-events:auto;transform:none}
.voltar-topo svg{width:24px;height:24px}
@media (max-width:767px){.voltar-topo{bottom:calc(76px + var(--esp-3));width:44px;height:44px}}

/* --- carrossel de compromissos no celular --- */
@media (max-width:599px){
  .grade-propostas{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;
    overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--esp-3);scrollbar-width:none;
    margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) var(--esp-2)}
  .grade-propostas::-webkit-scrollbar{display:none}
  .card-proposta{scroll-snap-align:center}
}
.carrossel-pontos{display:none;gap:8px;justify-content:center;margin-top:var(--esp-4)}
@media (max-width:599px){.carrossel-pontos{display:flex}}
.carrossel-ponto{width:9px;height:9px;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:rgba(17,17,17,.24);transition:width var(--tr-rapida) var(--ease-saida),background var(--tr-rapida)}
.carrossel-ponto[aria-current="true"]{width:26px;border-radius:var(--raio-pill);background:var(--cor-azul)}

/* ==========================================================================
   21 · MOVIMENTO REDUZIDO — sobrepõe tudo acima
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .js-anima [data-anima],.js-anima [data-hero],.js-anima .pincel-anima,
  .js-anima [data-digitos] .numero-urna__digito,.menu-cheio li,.menu-cheio__rodape{
    opacity:1 !important;transform:none !important;animation:none !important;clip-path:none !important}
  .estrela--gira,.wpp-flutuante__bolha{animation:none !important}
}

/* ==========================================================================
   22 · ELEMENTOS GRÁFICOS DE CAIEIRAS E REGIÃO
   ========================================================================== */

/* --- faixa de morros: divisor entre seções --- */
/* A seção que termina em divisor não tem padding embaixo: a faixa de morros
   encosta na borda e emenda com a cor da seção seguinte. */
.secao--divisor{padding-bottom:0}
.faixa-morros{display:block;width:100%;height:clamp(56px,7vw,110px);
  margin:var(--esp-10) 0 -1px;fill:var(--cor-azul);position:relative;z-index:1}

/* --- paisagem ilustrada --- */
.paisagem{width:100%;height:auto;display:block}
.paisagem__ceu{fill:var(--cor-amarelo)}
.paisagem__serra-fundo{fill:var(--cor-azul);opacity:.28}
.paisagem__serra-frente{fill:var(--cor-azul)}
.paisagem__mata{fill:var(--cor-verde-hover)}
.paisagem__fabrica{fill:var(--cor-preto)}
.paisagem__fumaca{fill:var(--cor-preto);opacity:.22}
.paisagem__casas{fill:var(--cor-preto)}
.paisagem__trilho{fill:var(--cor-preto);opacity:.55}
.paisagem__trem{fill:var(--cor-preto)}
.paisagem__janela{fill:var(--cor-amarelo)}

.paisagem-cartao{margin:0;background:var(--cor-branco);border-radius:var(--raio-3);
  padding:var(--esp-5) var(--esp-5) var(--esp-4);box-shadow:var(--sombra-1);
  border-bottom:6px solid var(--cor-verde);overflow:hidden}
.paisagem__legenda{margin-top:var(--esp-3);font-size:var(--fs-caption);color:var(--cor-cinza-texto)}

/* sobre fundo azul a paisagem inverte para não sumir */
.secao--azul .paisagem__serra-frente,.secao--verde .paisagem__serra-frente{fill:var(--cor-branco)}
.secao--azul .paisagem__serra-fundo,.secao--verde .paisagem__serra-fundo{fill:var(--cor-branco);opacity:.3}

/* ==========================================================================
   23 · COMITÊ CENTRAL
   ========================================================================== */
.comite{display:grid;gap:var(--esp-8);grid-template-columns:1fr;align-items:center}
@media (min-width:1024px){.comite{grid-template-columns:1fr 1fr;gap:var(--esp-12)}}
.comite__cartao{font-style:normal;background:var(--cor-branco);border-radius:var(--raio-3);
  padding:var(--esp-5);margin:var(--esp-6) 0;box-shadow:var(--sombra-1);
  border-left:6px solid var(--cor-amarelo)}
.comite__linha{display:flex;gap:var(--esp-4);align-items:flex-start;font-size:var(--fs-corpo)}
.comite__linha svg{width:30px;height:30px;color:var(--cor-azul);flex:0 0 auto;margin-top:2px}
.comite__linha strong{font-size:var(--fs-h6);font-family:var(--fonte-titulo);
  font-weight:400;letter-spacing:var(--ls-titulo);display:block;margin-bottom:2px}
.comite__legal{margin-top:var(--esp-6);font-size:var(--fs-caption);color:var(--cor-cinza-texto);line-height:1.5}