@charset "UTF-8";
/* Inpasa - Nuestros Inicios (marcador inpasa-inicios): mapas PY/BR, pinos, blocos.
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Caminhos de imagem sao relativos a este arquivo (../../uploads/...). */
.page-id-4244 .inpasa-page-hero{margin-bottom:0;}
.page-id-4244 .inpasa-breadcrumb{background:#e6e6e6;box-shadow:0 0 0 100vmax #e6e6e6;clip-path:inset(0 -100vmax);margin-bottom:0;padding-top:14px;padding-bottom:14px;}
.page-id-4244 main#content .page-content{padding-bottom:0;}
.inpasa-inicios{--azul:#1f3a5f;--azul-mapa:#2d3a8c;--laranja:#e8a02c;--sangria:max(40px,calc((100vw - 1320px) / 2));}
.inpasa-inicios-py,.inpasa-inicios-br{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;box-sizing:border-box;}
/* textura espelhada (repete na horizontal sem emenda) em 2000px, fabricas menores.
   Duas faixas: a segunda comeca onde a primeira termina (1947px), deslocada 500px;
   o gradiente de cima esconde a emenda entre elas. */
.inpasa-inicios-py{background:linear-gradient(to bottom,rgba(230,230,230,0) 0,rgba(230,230,230,0) 1450px,#e6e6e6 1947px,rgba(230,230,230,0) 2450px) center top/100% 2450px no-repeat,url(/wp-content/uploads/2026/09/inicios-textura-tile.jpg) center top/2000px auto repeat-x,url(/wp-content/uploads/2026/09/inicios-textura-tile.jpg) calc(50% + 500px) 1947px/2000px auto repeat-x,#e6e6e6;padding:30px 0 70px;}
.inpasa-inicios-br{background:#e6e6e6;padding:40px 0 90px;border-top:1px solid #dadada;}
.inpasa-inicios-wrap{max-width:1400px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.inpasa-inicios-titulo{display:flex;align-items:center;gap:clamp(20px,3vw,50px);margin:20px 0 30px;}
.inpasa-inicios-icone{flex:0 0 auto;width:clamp(80px,13vw,240px);aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;}
.inpasa-inicios-icone i{background:var(--laranja);border-bottom-right-radius:100%;}
.inpasa-inicios-titulo h2{margin:0;color:#4a4a4a;font-size:clamp(42px,7vw,124px);line-height:.95;text-transform:uppercase;letter-spacing:-.01em;}
.inpasa-inicios-titulo h2 span{display:block;font-weight:400;}
.inpasa-inicios-titulo h2 strong{display:block;font-weight:900;}
/* versao pequena do icone, ao lado do titulo Canindeyu / Laurel */
.inpasa-inicios-h3-icone{display:flex;align-items:center;gap:clamp(12px,1.4vw,22px);}
.inpasa-inicios-icone--mini{width:clamp(46px,4.2vw,74px);}
.inpasa-inicios-bloco{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.inpasa-inicios-texto{padding-top:40px;}
.inpasa-inicios-bloco + .inpasa-inicios-bloco{margin-top:10px;}
/* a margem negativa ja alarga o item do grid (stretch), entao a imagem fica em 100% */
.inpasa-inicios-mapa img{display:block;width:100%;max-width:none;height:auto;}
.inpasa-inicios-bloco--mapa-esq .inpasa-inicios-mapa{margin-left:calc(-1 * var(--sangria));}
.inpasa-inicios-bloco--mapa-dir .inpasa-inicios-mapa{margin-right:calc(-1 * var(--sangria));}
.inpasa-inicios-texto h3{margin:0 0 24px;color:#111;font-size:clamp(30px,3.4vw,60px);font-weight:900;line-height:1.05;}
.inpasa-inicios-texto p,.inpasa-inicios-br-texto p{margin:0 0 22px;color:#111;font-size:clamp(16px,1.3vw,21px);line-height:1.45;}
.inpasa-inicios-texto strong,.inpasa-inicios-br-texto strong{font-weight:800;}
.inpasa-inicios-selo{display:flex;align-items:center;gap:22px;margin-top:30px;}
.inpasa-inicios-selo__forma{flex:0 0 auto;width:150px;height:62px;background:var(--azul-mapa);border-radius:12px;transform:skewX(-8deg) rotate(-1.5deg);box-shadow:5px 6px 0 var(--azul);}
.inpasa-inicios-selo p{margin:0!important;color:var(--azul)!important;font-size:15px!important;line-height:1.3!important;}
.inpasa-inicios-selo p strong{display:block;font-size:26px;font-weight:800;line-height:1.1;}
.inpasa-inicios-pill{max-width:1000px;margin:0 auto 30px;padding:12px 30px;border:3px solid var(--azul);border-radius:999px;text-align:center;color:var(--azul);font-size:clamp(20px,2.5vw,42px);font-weight:900;text-transform:uppercase;letter-spacing:.01em;box-sizing:border-box;}
.inpasa-inicios-br-grid{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:end;}
.inpasa-inicios-br-texto h3{margin:0 0 18px;color:#34588a;font-size:clamp(28px,3vw,52px);font-weight:900;line-height:1.1;}
.inpasa-inicios-br-texto p + h3{margin-top:36px;}
.inpasa-inicios-br-mapa img{display:block;width:100%;height:auto;}
.inpasa-inicios-btn{display:inline-block;margin-top:24px;padding:12px 64px;border:2px solid var(--azul);border-radius:999px;color:var(--azul)!important;font-size:22px;font-weight:900;text-transform:uppercase;text-decoration:none!important;transition:background .2s ease,border-color .2s ease;}
.inpasa-inicios-btn:hover{background:#eaa239;border-color:#eaa239;}
@media(max-width:900px){
	.inpasa-inicios-bloco,.inpasa-inicios-br-grid{grid-template-columns:1fr;gap:30px;}
	.inpasa-inicios-bloco--mapa-esq .inpasa-inicios-mapa,.inpasa-inicios-bloco--mapa-dir .inpasa-inicios-mapa{margin-left:0;margin-right:0;}
	.inpasa-inicios-texto{padding-top:0;}
	.inpasa-inicios-mapa img{width:100%;max-width:460px;margin:0 auto;}
	.inpasa-inicios-bloco + .inpasa-inicios-bloco{margin-top:50px;}
	.inpasa-inicios-wrap{padding:0 20px;}
}
/* --- mapa do Brasil interativo --- */
.inpasa-brmap-wrap{position:relative;}
.inpasa-brmap{display:block;width:100%;height:auto;overflow:visible;}
.brmap-uf{cursor:pointer;outline:none;}
.brmap-uf path{transform-box:fill-box;transform-origin:center;transition:fill .25s ease,transform .25s ease,filter .25s ease,opacity .25s ease;}
.brmap-corpo > path{transition:opacity .25s ease;}
/* o destaque e uma copia do estado desenhada por cima (.brmap-destaque), para nao
   reordenar o DOM sob o cursor (isso dispara mouseleave e faz o hover piscar) */
.inpasa-brmap.is-ativo .brmap-corpo path{opacity:.4;}
.brmap-destaque{pointer-events:none;}
.brmap-destaque path{fill:#2f55c8;transform-box:fill-box;transform-origin:center;transform:scale(1.035);filter:drop-shadow(0 10px 14px rgba(0,0,0,.35));animation:brmap-sobe .25s ease-out;}
@keyframes brmap-sobe{from{transform:scale(1);opacity:.6;}to{transform:scale(1.035);opacity:1;}}
.brmap-uf:focus-visible path{stroke:#1f3a5f;stroke-width:4;}
.brmap-pins,.brmap-rotulos{pointer-events:none;}
/* rotulos: peso medio + contorno da cor do estado atras da letra (paint-order),
   que separa o texto das bordas e dos pinos */
.brmap-rotulos text{font-family:inherit;font-weight:600;letter-spacing:.02em;paint-order:stroke;stroke-linejoin:round;}
.brmap-rot{fill:#ffffff;stroke:#274294;stroke-width:5px;}
.brmap-rot--claro{fill:#1f3a5f;stroke:#e5e5e4;}
.brmap-pin{color:#22c55e;}
.brmap-pin--construccion{color:#eaa239;}
.brmap-pin--oficina{color:#ffffff;}
.brmap-pin__ponto{fill:currentColor;stroke:#fff;stroke-width:3;}
.brmap-pin--oficina .brmap-pin__ponto{stroke:#1f3a5f;}
.brmap-pin__onda{fill:none;stroke:currentColor;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:brmap-pulso 2.2s ease-out infinite;}
.brmap-pin--construccion .brmap-pin__onda{animation-delay:.6s;}
@keyframes brmap-pulso{0%{transform:scale(1);opacity:.9;}100%{transform:scale(3.4);opacity:0;}}
.brmap-card{position:absolute;top:0;left:0;z-index:5;min-width:230px;max-width:300px;padding:16px 18px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(15,30,60,.22);pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;}
.brmap-card.is-visivel{opacity:1;transform:translateY(0);}
.brmap-card h4{margin:0 0 10px;color:#1f3a5f;font-size:17px;font-weight:800;line-height:1.2;}
.brmap-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.brmap-card li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.3;color:#222;}
.brmap-card li b{font-weight:700;}
.brmap-card li span{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;}
.brmap-status--operativa span{background:#dcfce7;color:#15803d;}
.brmap-status--construccion span{background:#fdf0dc;color:#b86e05;}
.brmap-status--oficina span{background:#e3e9f3;color:#1f3a5f;}
.brmap-bolinha{flex:0 0 10px;height:10px;border-radius:50%;background:#22c55e;}
.brmap-status--construccion .brmap-bolinha{background:#eaa239;}
.brmap-status--oficina .brmap-bolinha{background:#fff;box-shadow:inset 0 0 0 2px #1f3a5f;}
.brmap-legenda{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:18px 0 0;padding:0;list-style:none;font-size:14px;color:#333;}
.brmap-legenda li{display:flex;align-items:center;gap:8px;}
.brmap-legenda .brmap-dica{flex-basis:100%;justify-content:center;font-size:13px;color:#666;}
.inpasa-uf-link{border-bottom:2px dotted #34588a;cursor:pointer;transition:color .2s ease,border-color .2s ease;}
.inpasa-uf-link:hover,.inpasa-uf-link.is-ativo{color:#2f55c8;border-bottom-color:#2f55c8;}
@media(prefers-reduced-motion:reduce){.brmap-pin__onda{animation:none;opacity:0;}.brmap-uf path{transition:none;}}
/* entrada no scroll (mesmo padrao de Nuestra Historia); a classe .inpasa-revela so e
   aplicada pelo JS, entao sem JS o conteudo aparece normalmente */
.inpasa-revela{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out;}
.inpasa-revela--esq{transform:translateX(-70px);}
.inpasa-revela--dir{transform:translateX(70px);}
.inpasa-revela.inpasa-in-view{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.inpasa-revela{opacity:1;transform:none;transition:none;}}