@charset "UTF-8";
/* Inpasa - Paginas em HTML puro (sem _elementor_data): faixa de titulo, breadcrumb, fundo cinza full-bleed, grids/cards genericos (beneficios, MVV, valores, stats, CTA).
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Caminhos de imagem sao relativos a este arquivo (../../uploads/...). */
.inpasa-page-hero{background:#1f3a5f;padding:56px 24px;margin:0 0 24px 0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:270px;display:flex;align-items:center;box-sizing:border-box;}
@media(max-width:767px){.inpasa-page-hero{min-height:150px;padding:32px 24px;}}
.inpasa-page-hero__inner{max-width:1320px;margin:0 auto;width:100%;text-align:right;}
.inpasa-page-hero h1{color:#fff;font-size:34px;font-weight:700;margin:0;font-family:inherit;text-align:right;}
.inpasa-breadcrumb{max-width:1320px;margin:0 auto 32px;padding:0;display:block;font-size:13px;color:#888;box-sizing:border-box;text-align:left;}
.inpasa-breadcrumb a{color:#888;text-decoration:none;}
.inpasa-breadcrumb a:hover{text-decoration:underline;}
.page-content > .entry-content, main#content .page-content{padding-left:0;padding-right:0;}
main#content .page-content{padding-bottom:64px;}
main#content .page-content > p, main#content .page-content > ul, main#content .page-content > figure{max-width:1320px;margin-left:auto;margin-right:auto;padding:0;box-sizing:border-box;}
.inpasa-contato-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start;}
@media(max-width:900px){.inpasa-contato-grid{grid-template-columns:1fr;}}
.inpasa-contato-texto h3, .inpasa-contato-form h3{font-size:16px;font-weight:700;color:#1f3a5f;margin:0 0 14px 0;}
.inpasa-contato-texto p, .inpasa-contato-texto li{font-size:14px;line-height:1.6;color:#333;}
.inpasa-contato-texto ul{padding-left:18px;margin:10px 0;}
.inpasa-contato-form form{display:flex;flex-direction:column;gap:14px;}
.inpasa-contato-form input, .inpasa-contato-form textarea{background:#f0f1f3;border:none;border-radius:8px;padding:16px 20px;font-size:14px;font-family:inherit;color:#333;box-sizing:border-box;width:100%;}
.inpasa-contato-form input::placeholder, .inpasa-contato-form textarea::placeholder{color:#8a8f98;}
.inpasa-contato-form textarea{resize:vertical;}
.inpasa-contato-form button{align-self:center;background:#eaa239;color:#fff;border:none;border-radius:999px;padding:14px 40px;font-size:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;margin-top:6px;}
.inpasa-contato-form button:hover{background:#1f3a5f;}
.inpasa-beneficios-grid, .inpasa-tecnologia-iop, .inpasa-cta-contacto{max-width:1320px;margin:32px auto;box-sizing:border-box;}
.inpasa-beneficios-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media(max-width:800px){.inpasa-beneficios-grid{grid-template-columns:1fr;}}
.inpasa-beneficio-col{background:#f4f5f7;border-radius:12px;padding:28px 32px;}
.inpasa-beneficio-col--destaque{background:#1f3a5f;color:#fff;}
.inpasa-beneficio-col h3{margin:0 0 16px 0;font-size:18px;color:#1f3a5f;}
.inpasa-beneficio-col--destaque h3{color:#fff;}
.inpasa-beneficio-col ul{margin:0;padding-left:20px;}
.inpasa-beneficio-col li{margin-bottom:10px;font-size:14px;line-height:1.5;}
/* Fundo cinza full-bleed reutilizavel (classe .inpasa-full-gray-wrap no
   post_content) - usado hoje em Mision/Vision/Valores (4241) e
   Politica del Sistema de Gestion Integrada (4240), pedido pelo
   cliente pra bater com o mockup (mesma tecnica 100vw ja usada no
   carrossel/hero). Pra usar em outra pagina: envolver o conteudo
   nessa classe E adicionar o ID da pagina nas 3 regras escopadas por
   "page-id-XXXX" logo abaixo (hero, breadcrumb, page-content). */
.inpasa-full-gray-wrap{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#e6e6e6;box-sizing:border-box;padding-bottom:48px;padding-top:1px;}
/* Margem superior do primeiro filho "vaza" pra fora do fundo cinza
   (colapso de margem: sem padding/borda no pai pra conter, a margem
   empurra o proprio wrapper pra baixo em vez de ficar dentro dele) -
   por isso o wrapper usa padding-top (nao colapsa) e os filhos que
   normalmente tem margin-top:32px (.inpasa-mvv-grid) sao ajustados
   pra 31px (1px de padding + 31px de margin = 32px original). */
.inpasa-full-gray-wrap > .inpasa-mvv-grid{margin-top:31px;}
/* Pedido do cliente: o cinza tem que cobrir tambem a faixa do
   breadcrumb E encostar direto no hero (sem as margens brancas que
   existem por padrao entre hero/breadcrumb/conteudo em todas as
   paginas) - escopado so pras paginas que usam o fundo cinza, via
   body.page-id-XXXX, em vez de mexer no hero/breadcrumb globais.
   Truque do box-shadow+clip-path pra pintar o breadcrumb full-bleed
   sem precisar de wrapper novo no PHP do hero. */
.page-id-4241 .inpasa-page-hero, .page-id-4240 .inpasa-page-hero{margin-bottom:0;}
.page-id-4241 .inpasa-breadcrumb, .page-id-4240 .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;}
/* E o cinza tem que ir ate a linha do rodape, sem a faixa branca que o
   "main#content .page-content{padding-bottom:64px}" global cria depois
   do conteudo - removido so nessas paginas, ja que o proprio
   .inpasa-full-gray-wrap acima ja da o respiro (padding-bottom:48px)
   em cinza. */
.page-id-4241 main#content .page-content, .page-id-4240 main#content .page-content{padding-bottom:0;}
.inpasa-mvv-grid{max-width:850px;margin:32px auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;box-sizing:border-box;}
@media(max-width:800px){.inpasa-mvv-grid{grid-template-columns:1fr;}}
.inpasa-mvv-grid h3{margin:0 0 16px 0;font-size:18px;color:#1f3a5f;}
.inpasa-mvv-grid p{margin:0;font-size:14px;line-height:1.6;color:#333;}
.inpasa-valores-list{max-width:850px;margin:40px auto 0;box-sizing:border-box;}
.inpasa-valores-list h3{margin:0 0 20px 0;font-size:20px;color:#1f3a5f;}
.inpasa-valores-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.inpasa-valores-list li{position:relative;padding-left:22px;font-size:14px;line-height:1.6;color:#333;}
.inpasa-valores-list li::before{content:'\203A';position:absolute;left:0;top:0;color:#eaa239;font-weight:700;font-size:16px;}
.inpasa-valores-list li strong{color:#1f3a5f;}
.inpasa-tecnologia-iop{background:#fff;border-left:4px solid #eaa239;padding:24px 32px;}
.inpasa-tecnologia-iop h3{margin:0 0 10px 0;color:#1f3a5f;font-size:18px;}
.inpasa-tecnologia-iop p{margin:0;font-size:14px;line-height:1.6;}
.inpasa-cta-contacto{text-align:center;padding:36px 24px;background:#f4f5f7;border-radius:12px;}
.inpasa-cta-contacto p{margin:0 0 16px 0;font-size:15px;color:#333;}
.inpasa-btn{display:inline-block;background:#eaa239;color:#fff;text-decoration:none;padding:14px 32px;border-radius:999px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
.inpasa-btn:hover{background:#1f3a5f;}
/* Video responsivo (16:9) dentro do grid ".inpasa-beneficios-grid" -
   usado em Quienes Somos. iframe do YouTube nao tem aspect-ratio
   proprio, entao usamos o truque do padding-top:56.25% pra manter a
   proporcao em qualquer largura de coluna. */
.inpasa-video-embed{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000;}
.inpasa-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.inpasa-cronograma-cta{text-align:center;margin:40px auto;}
/* text-decoration com !important: o tema aplica sublinhado via
   ".entry-content a", que tem especificidade maior que a classe sozinha. */
.inpasa-btn-outline{display:inline-block;background:transparent;border:2px solid #1f3a5f;color:#1f3a5f;text-decoration:none!important;padding:12px 30px;border-radius:999px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.inpasa-btn-outline:hover{background:#eaa239;border-color:#eaa239;color:#1f3a5f!important;}
.inpasa-fortipro-tagline, .inpasa-fortipro-benefits, .inpasa-fortipro-especies, .inpasa-fortipro-ciencia{max-width:1320px;margin:0 auto 40px;box-sizing:border-box;}
.inpasa-eyebrow{color:#eaa239;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px;margin:0 0 8px 0;}
.inpasa-fortipro-tagline h2{font-size:32px;color:#1f3a5f;margin:0 0 14px 0;}
.inpasa-lead{font-size:17px;line-height:1.6;color:#333;max-width:70ch;}
.inpasa-fortipro-benefits h3, .inpasa-fortipro-especies h3, .inpasa-fortipro-ciencia h3{font-size:20px;color:#1f3a5f;margin:0 0 18px 0;}
.inpasa-benef-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:900px){.inpasa-benef-cards{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.inpasa-benef-cards{grid-template-columns:1fr;}}
.inpasa-benef-card{background:#f4f5f7;border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:8px;}
.inpasa-benef-card strong{color:#1f3a5f;font-size:15px;}
.inpasa-benef-card span{font-size:13px;color:#555;line-height:1.5;}
.inpasa-especies-row{display:flex;flex-wrap:wrap;gap:12px;}
.inpasa-especies-row span{background:#1f3a5f;color:#fff;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;}
.inpasa-fortipro-ciencia p{font-size:14px;line-height:1.6;color:#333;max-width:80ch;margin-bottom:24px;}
.inpasa-stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media(max-width:800px){.inpasa-stat-cards{grid-template-columns:1fr 1fr!important;}}
@media(max-width:480px){.inpasa-stat-cards{grid-template-columns:1fr!important;}}
.inpasa-stat-card{background:#1f3a5f;color:#fff;border-radius:12px;padding:28px;}
.inpasa-stat-num{font-size:34px;font-weight:800;color:#eaa239;margin-bottom:10px;}
.inpasa-stat-card p{color:#fff;font-size:13px;line-height:1.6;margin:0;}
.inpasa-stat-card p strong{display:block;font-size:15px;margin-bottom:4px;}