@charset "UTF-8";
/* Inpasa - Nuestra Historia (marcador inpasa-timeline): animacao de entrada + linha do tempo.
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Caminhos de imagem sao relativos a este arquivo (../../uploads/...). */
/* Mesmo truque de full-bleed ja usado em Mision/Vision/Valores (4241) e
   Politica del SGI (4240): sem isso, o breadcrumb fica com fundo branco
   e cria uma faixa em branco entre o hero azul e o cinza da cronologia. */
.page-id-4242 .inpasa-page-hero{margin-bottom:0;}
.page-id-4242 .inpasa-breadcrumb{background:#e7e7e7;box-shadow:0 0 0 100vmax #e7e7e7;clip-path:inset(0 -100vmax);margin-bottom:0;padding-top:14px;padding-bottom:14px;}
.page-id-4242 main#content .page-content{padding-bottom:0;}
.inpasa-history-surface{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:36px 40px 64px;background:#e7e7e7;box-sizing:border-box;overflow:hidden}.inpasa-history-surface .inpasa-timeline{width:100%;max-width:1320px;margin:0 auto;padding:0;position:relative;box-sizing:border-box}.inpasa-history-surface .inpasa-timeline::before{z-index:1;width:11px;background:#356d29}.inpasa-history-surface .inpasa-timeline::after{z-index:3;width:105px;background:url(/wp-content/uploads/2026/09/folhas-timeline.png) repeat-y center top;background-size:105px auto}.inpasa-history-surface .inpasa-timeline-row{min-height:330px;margin:0 0 48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:200px;position:relative;z-index:2}.inpasa-history-surface .inpasa-timeline-text{padding-top:56px}.inpasa-history-surface .inpasa-timeline-year{font-size:54px;line-height:1.05;margin:0 0 20px;padding-bottom:8px;border-bottom-width:4px}.inpasa-history-surface .inpasa-timeline-text p{width:78%;font-size:20px;line-height:1.35;color:#111}.inpasa-history-surface .inpasa-timeline-row--left .inpasa-timeline-text{padding-right:20px;color:#1f4f88}.inpasa-history-surface .inpasa-timeline-row--right .inpasa-timeline-text{padding-left:20px;color:#ef9d16}.inpasa-history-surface .inpasa-timeline-row--right .inpasa-timeline-text p{margin-left:auto}.inpasa-history-surface .inpasa-timeline-img img{width:660px;max-width:100%;height:300px;aspect-ratio:auto;object-fit:cover;border-radius:60px 0;box-shadow:0 8px 14px rgba(0,0,0,.2)}.inpasa-history-surface .inpasa-timeline-summary{max-width:1220px;margin:12px auto 0;padding:22px 48px;background:#fff;color:#111;border-radius:0 0 48px 48px;text-align:center}.inpasa-history-surface .inpasa-timeline-summary p{font-size:18px;line-height:1.35;color:#111}@media(max-width:1100px){.inpasa-history-surface .inpasa-timeline-row{column-gap:180px}.inpasa-history-surface .inpasa-timeline-img img{height:250px}.inpasa-history-surface .inpasa-timeline-year{font-size:42px}.inpasa-history-surface .inpasa-timeline-text p{font-size:17px}}@media(max-width:760px){.inpasa-history-surface{padding:28px 20px 44px}.inpasa-history-surface .inpasa-timeline{padding:0 0 0 44px}.inpasa-history-surface .inpasa-timeline::before{left:22px;width:4px}.inpasa-history-surface .inpasa-timeline::after{left:22px;width:45px;background-size:45px auto}.inpasa-history-surface .inpasa-timeline-row,.inpasa-history-surface .inpasa-timeline-row--left,.inpasa-history-surface .inpasa-timeline-row--right{display:block;min-height:0;margin-bottom:42px}.inpasa-history-surface .inpasa-timeline-row--left .inpasa-timeline-text,.inpasa-history-surface .inpasa-timeline-row--right .inpasa-timeline-text{padding:0 0 22px;text-align:left;color:#1f4f88}.inpasa-history-surface .inpasa-timeline-row--right .inpasa-timeline-text{color:#ef9d16}.inpasa-history-surface .inpasa-timeline-year{font-size:34px;margin-bottom:14px;border-bottom-width:2px}.inpasa-history-surface .inpasa-timeline-text p,.inpasa-history-surface .inpasa-timeline-row--right .inpasa-timeline-text p{width:100%;margin:0;font-size:16px}.inpasa-history-surface .inpasa-timeline-img img{width:100%;height:auto;aspect-ratio:2 / 1;border-radius:36px 0}.inpasa-history-surface .inpasa-timeline-summary{padding:20px 24px;border-radius:0 0 32px 32px}.inpasa-history-surface .inpasa-timeline-summary p{font-size:15px}}
/* Anima cada linha da cronologia (e o resumo final) surgindo ao entrar
   na tela, via IntersectionObserver no wp_footer (classe .inpasa-in-view). */
.inpasa-history-surface .inpasa-timeline-row{opacity:0;transform:translateY(50px);transition:opacity .7s ease-out,transform .7s ease-out}
.inpasa-history-surface .inpasa-timeline-row.inpasa-in-view{opacity:1;transform:translateY(0)}
.inpasa-history-surface .inpasa-timeline-summary{opacity:0;transform:translateY(30px);transition:opacity .7s ease-out,transform .7s ease-out}
.inpasa-history-surface .inpasa-timeline-summary.inpasa-in-view{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.inpasa-history-surface .inpasa-timeline-row,.inpasa-history-surface .inpasa-timeline-summary{opacity:1;transform:none;transition:none}}
/* Hover na linha inteira: a foto da um leve zoom e o ano intensifica a cor. */
.inpasa-history-surface .inpasa-timeline-img img{transition:transform .35s ease,box-shadow .35s ease}
.inpasa-history-surface .inpasa-timeline-year{transition:color .3s ease}
.inpasa-history-surface .inpasa-timeline-row:hover .inpasa-timeline-img img{transform:scale(1.045);box-shadow:0 14px 26px rgba(0,0,0,.28)}
.inpasa-history-surface .inpasa-timeline-row--left:hover .inpasa-timeline-year{color:#153a63}
.inpasa-history-surface .inpasa-timeline-row--right:hover .inpasa-timeline-year{color:#c98607}
/* Linha do tempo: reproduz a composicao do layout de referencia da Inpasa Brasil. */
.inpasa-timeline{max-width:1100px;margin:0 auto;padding-top:32px;position:relative;}
.inpasa-timeline::before{content:"";position:absolute;z-index:3;left:50%;top:0;bottom:0;width:10px;background:#53a546;transform:translateX(-50%);}
.inpasa-timeline::after{content:"";pointer-events:none;position:absolute;z-index:3;left:50%;top:0;bottom:0;width:300px;background:url(/wp-content/uploads/2026/09/linha-do-tempo-pdf.png) no-repeat center top;background-size:300px auto;transform:translateX(-50%);}
.inpasa-timeline-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;margin-bottom:50px;position:relative;z-index:2;}
.inpasa-timeline-marker{display:none;}
.inpasa-timeline-text{padding-top:80px;box-sizing:border-box;}
.inpasa-timeline-year{display:block;border-bottom:1px solid currentColor;font-size:30px;font-weight:700;line-height:1.15;margin:0 0 40px;padding-bottom:0;}
.inpasa-timeline-text p{width:80%;font-size:16px;line-height:1.4;color:#666;margin:0;}
.inpasa-timeline-img{line-height:0;}
.inpasa-timeline-img img{width:435px;max-width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:30px 0;display:block;}
.inpasa-timeline-row--left .inpasa-timeline-text{grid-column:1;grid-row:1;text-align:left;color:#304f7e;}
.inpasa-timeline-row--left .inpasa-timeline-img{grid-column:2;grid-row:1;justify-self:end;}
.inpasa-timeline-row--left .inpasa-timeline-img img{box-shadow:-3px 4px 12px #b9b9b9;}
.inpasa-timeline-row--right .inpasa-timeline-img{grid-column:1;grid-row:1;justify-self:start;}
.inpasa-timeline-row--right .inpasa-timeline-text{grid-column:2;grid-row:1;text-align:right;color:#eaa239;}
.inpasa-timeline-row--right .inpasa-timeline-text p{margin-left:auto;}
.inpasa-timeline-row--right .inpasa-timeline-img img{box-shadow:3px 4px 12px #b9b9b9;}
@media(max-width:760px){
	.inpasa-timeline{padding:24px 0 0 44px;}
	.inpasa-timeline::before{left:22px;width:6px;}
	.inpasa-timeline::after{left:22px;width:88px;background-size:88px auto;}
	.inpasa-timeline-row,.inpasa-timeline-row--left,.inpasa-timeline-row--right{display:block;margin-bottom:36px;}
	.inpasa-timeline-row--left .inpasa-timeline-text,.inpasa-timeline-row--right .inpasa-timeline-text{padding:0 0 20px;text-align:left;color:#304f7e;}
	.inpasa-timeline-row--right .inpasa-timeline-text{color:#eaa239;}
	.inpasa-timeline-year{font-size:24px;margin-bottom:16px;}
	.inpasa-timeline-text p,.inpasa-timeline-row--right .inpasa-timeline-text p{width:100%;margin:0;font-size:15px;}
	.inpasa-timeline-row--left .inpasa-timeline-img,.inpasa-timeline-row--right .inpasa-timeline-img{display:block;}
	.inpasa-timeline-img img{width:100%;}
}
.inpasa-timeline-summary{max-width:900px;margin:40px auto 0;background:#1f3a5f;color:#fff;border-radius:14px;padding:28px 36px;text-align:center;}
.inpasa-timeline-summary p{margin:0;font-size:15px;line-height:1.6;}