@charset "UTF-8";
/* Inpasa - IOP & IOM e o que os demais produtos reaproveitam dele (marcador inpasa-iop): carrossel cinza, reveal ao rolar.
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Caminhos de imagem sao relativos a este arquivo (../../uploads/...). */
/* IOP & IOM (layout de .docs/Productos/WEB Inpasa Productos - IOP - IOM.pdf):
   intro em 3 colunas (texto, texto+botao, logo IOP), bloco Tecnologia com
   o envase/mascote, faixa azul (#1b3c70, cor tirada do PDF) com beneficios
   do IOP + card de recomendaciones, foto do aviao, faixa azul do IOM com
   logo/envase, beneficios + card laranja e bloco de compra. Logos, mascotes,
   icones e padrao foram recortados da renderizacao 10x do PDF. */
.inpasa-iop{--iop-azul:#1b3c70;--iop-naranja:#eaa239;max-width:1320px;margin:0 auto;}
.inpasa-iop-full{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;}
.inpasa-iop-full__in{max-width:1320px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.inpasa-iop p{font-size:15px;line-height:1.65;color:#333;margin:0 0 14px;}
.inpasa-iop-intro{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:40px;align-items:start;padding:24px 24px 40px;}
.inpasa-iop-intro__logo{text-align:center;}
.inpasa-iop-intro__logo img{width:100%;max-width:340px;height:auto;display:block;margin:0 auto 14px;}
.inpasa-iop-intro__logo p{color:var(--iop-azul);font-weight:700;font-size:16px;line-height:1.35;margin:0;}
.inpasa-iop-btn{display:inline-block;background:var(--iop-naranja)!important;color:#fff!important;text-decoration:none!important;border-radius:999px;padding:9px 26px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background .2s ease;}
.inpasa-iop-btn:hover,.inpasa-iop-btn:focus-visible{background:var(--iop-azul)!important;}
.inpasa-iop-tec{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:0 24px 56px;}
.inpasa-iop-tec img{width:100%;max-width:571px;height:auto;display:block;margin:0 auto;}
.inpasa-iop-tec h2{margin:0 0 16px;color:var(--iop-azul);font-size:34px;font-weight:400;line-height:1.2;}
.inpasa-iop-tec h2 strong{font-weight:800;}
.inpasa-iop-azul{background:var(--iop-azul);color:#fff;padding:56px 0 24px;}
/* .inpasa-iop p pinta tudo de #333; nas faixas azuis o texto e branco, e a
   caixa de dose volta ao azul (precisa vencer .inpasa-iop-azul p). */
.inpasa-iop-azul p,.inpasa-iop-iom p{color:#fff;}
.inpasa-iop p.inpasa-iop-recom__dosis{color:var(--iop-azul);}
.inpasa-iop-bene{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start;}
.inpasa-iop-iconos{width:220px;height:auto;display:block;margin:0 0 22px;}
.inpasa-iop-h2{margin:0 0 22px;font-size:30px;font-weight:800;color:#fff;line-height:1.2;}
.inpasa-iop-h2 span{color:var(--iop-naranja);}
.inpasa-iop-lista{list-style:none;margin:0;padding:0;}
.inpasa-iop-lista li{position:relative;padding-left:26px;margin:0 0 12px;font-size:17px;line-height:1.45;color:#fff;}
.inpasa-iop-lista li::before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:var(--iop-naranja);box-shadow:inset 0 0 0 3px var(--iop-azul),0 0 0 2px var(--iop-naranja);}
.inpasa-iop-recom h3{margin:0 0 4px;font-size:22px;font-weight:500;color:#fff;}
.inpasa-iop-recom > p{font-size:13px;margin:0 0 18px;opacity:.9;}
.inpasa-iop-recom__card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:22px 24px;}
.inpasa-iop-recom__card h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#fff;letter-spacing:.02em;}
.inpasa-iop-recom__dosis{background:#fff;color:var(--iop-azul);border-radius:14px;padding:16px 20px;margin:0;font-size:14px;line-height:1.6;}
.inpasa-iop-recom__dosis strong{font-weight:700;}
.inpasa-iop-recom .inpasa-iop-btn{margin-top:22px;}
.inpasa-iop-recom--naranja .inpasa-iop-recom__card{background:var(--iop-naranja);border-color:var(--iop-naranja);}
.inpasa-iop-recom--naranja .inpasa-iop-recom__dosis{background:#f7c777;color:#1b3c70;}
.inpasa-iop-recom--naranja .inpasa-iop-btn{background:#fff!important;color:var(--iop-azul)!important;}
/* Cena do aviao (arte do cliente em .docs): campo.webp e a foto do campo com
   o aviao original apagado (ceu reconstruido) e avion.webp e o aviao com
   fundo transparente. A cena fica numa forma curva (raio grande a esquerda,
   sangrando ate a borda direita) sobre o azul continuo das faixas. Quando a
   secao entra na tela (IntersectionObserver no wp_footer), o aviao entra
   voando da esquerda e depois fica flutuando; o rastro de pulverizacao e um
   gradiente branco desfocado que aparece depois do pouso. */
.inpasa-iop-foto{background:var(--iop-azul);padding:16px 0 0;line-height:0;}
.inpasa-iop-bene{position:relative;z-index:1;}
/* Cena centralizada no container de 1320px, com as mesmas curvas dos dois lados. */
.inpasa-iop-foto__shape{position:relative;max-width:1320px;margin:0 auto;border-radius:60px;overflow:hidden;}
@media(max-width:1370px){.inpasa-iop-foto__shape{margin:0 24px;}}
.inpasa-iop-escena__campo{width:100%;height:auto;display:block;}
.inpasa-iop-escena__avion{position:absolute;left:27%;top:9%;width:58%;height:auto;opacity:0;transform:translate(-150%,45%) scale(.5);filter:drop-shadow(0 18px 22px rgba(0,0,0,.28));will-change:transform;}
.inpasa-iop-escena__estela{position:absolute;left:55%;top:36%;width:50%;height:14%;border-radius:50%;background:radial-gradient(ellipse at 0% 50%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 40%,rgba(255,255,255,0) 100%);filter:blur(8px);transform:rotate(-9deg);transform-origin:0 50%;opacity:0;pointer-events:none;}
.inpasa-iop-escena.is-visible .inpasa-iop-escena__avion{animation:inpasa-avion-entra 2.8s cubic-bezier(.2,.75,.25,1) forwards,inpasa-avion-flota 4.5s ease-in-out 2.8s infinite;}
.inpasa-iop-escena.is-visible .inpasa-iop-escena__estela{animation:inpasa-estela 1.6s ease-out 2.2s forwards;}
@keyframes inpasa-avion-entra{0%{opacity:0;transform:translate(-150%,45%) scale(.5);}12%{opacity:1;}100%{opacity:1;transform:translate(0,0) scale(1);}}
@keyframes inpasa-avion-flota{0%,100%{transform:translate(0,0) rotate(0deg);}50%{transform:translate(0,-2.5%) rotate(-.6deg);}}
@keyframes inpasa-estela{from{opacity:0;transform:rotate(-9deg) scaleX(.2);}to{opacity:1;transform:rotate(-9deg) scaleX(1);}}
@media(prefers-reduced-motion:reduce){.inpasa-iop-escena__avion{opacity:1;transform:none;animation:none!important;}.inpasa-iop-escena__estela{opacity:1;animation:none!important;}}
.inpasa-iop-iom{background:var(--iop-azul) url('../../uploads/2026/09/iop/patron.png?v=2') right bottom/380px auto no-repeat;color:#fff;padding:0 0 64px;}
.inpasa-iop-iom__top{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:end;margin-bottom:24px;}
.inpasa-iop-iom__logo{padding-bottom:24px;}
.inpasa-iop-iom__envase{margin-top:-70px;position:relative;z-index:1;}
.inpasa-iop-iom__logo img{width:100%;max-width:330px;height:auto;display:block;margin-bottom:14px;}
.inpasa-iop-iom__logo p{font-weight:700;font-size:16px;line-height:1.35;margin:0;}
.inpasa-iop-iom__envase img{width:100%;max-width:575px;height:auto;display:block;margin-left:auto;}
.inpasa-iop-compra{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:64px;padding-top:48px;border-top:1px solid rgba(255,255,255,.15);}
.inpasa-iop-compra__txt{text-align:center;}
.inpasa-iop-compra__txt img{width:120px;height:auto;display:block;margin:0 auto 6px;}
.inpasa-iop-compra__txt h2{margin:0 0 6px;color:var(--iop-naranja);font-size:30px;font-weight:800;letter-spacing:.02em;}
.inpasa-iop-compra__txt p{margin:0;font-size:15px;}
.inpasa-iop-vendedor{border:2px solid var(--iop-naranja);border-radius:20px;padding:24px 28px;max-width:420px;margin:0 auto;}
.inpasa-iop-vendedor h3{margin:0 0 2px;color:var(--iop-naranja);font-size:19px;font-weight:800;}
.inpasa-iop-vendedor .cargo{margin:0 0 14px;font-size:14px;color:#fff;}
.inpasa-iop-vendedor a{color:#fff!important;text-decoration:none!important;display:flex;align-items:center;gap:10px;font-size:15px;margin:0 0 8px;}
.inpasa-iop-vendedor a:hover{color:var(--iop-naranja)!important;}
.inpasa-iop-vendedor svg{width:16px;height:16px;fill:var(--iop-naranja);flex:0 0 16px;}
.inpasa-iop-carrusel{padding:0;}
/* Animacao ao rolar (mesmo padrao do .fp-reveal das paginas FortiPro): o JS
   do wp_footer adiciona .inpasa-iop-reveal aos blocos e .is-visible quando
   entram na tela; sem JS nada e escondido. */
.inpasa-iop-reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;}
.inpasa-iop-reveal.is-visible{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){.inpasa-iop-reveal{opacity:1!important;transform:none!important;transition:none!important;}}
/* sem faixa branca entre o carrossel cinza e o rodape */
body:has(.inpasa-iop-carrusel) main#content .page-content{padding-bottom:0;}
@media(max-width:1000px){.inpasa-iop-intro{grid-template-columns:1fr 1fr;}.inpasa-iop-intro__logo{grid-column:1 / -1;}}
@media(max-width:800px){.inpasa-iop-intro,.inpasa-iop-tec,.inpasa-iop-bene,.inpasa-iop-iom__top,.inpasa-iop-compra{grid-template-columns:1fr;gap:28px;}.inpasa-iop-tec h2{font-size:28px;}.inpasa-iop-h2{font-size:26px;}.inpasa-iop-lista li{font-size:16px;}.inpasa-iop-iom{background-size:220px auto;}.inpasa-iop-iom__envase{margin-top:-24px;}.inpasa-iop-iom__envase img{margin:0 auto;}.inpasa-iop-azul{padding:40px 0 16px;}.inpasa-iop-iom{padding:0 0 40px;}.inpasa-iop-foto{padding-top:24px;}.inpasa-iop-foto__shape{margin:0 16px;border-radius:28px;}}