@charset "UTF-8";
/* Inpasa - Todas as paginas: carrossel [carrossel_produtos], "ver mais", barra de idiomas (bandeiras) e botao flutuante de WhatsApp.
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Caminhos de imagem sao relativos a este arquivo (../../uploads/...). */
/* Carrossel de produtos: mesmo desenho horizontal usado na Home Inpasa Brasil. */
.carrossel-produtos{position:relative;padding:0;overflow:visible;}
.carrossel-produtos .swiper-wrapper{display:flex;}
.carrossel-produtos .swiper-slide{height:auto;}
.produto-item{box-sizing:border-box;padding:0 10px;text-align:center;flex-shrink:0;}
.produto-card{background:transparent!important;border-radius:0!important;box-sizing:border-box;margin:0 auto;max-width:310px!important;padding:0!important;}
/* O tema aplica ".page-content a{text-decoration:underline}" (theme.css)
   com especificidade maior que ".produto-card-link" simples - isso so
   afeta paginas internas (envolvidas em .page-content), nao a Home
   (Elementor). Forcando sem underline nos dois casos. */
.produto-card-link{align-items:center;color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none!important;}
.produto-card-link *{text-decoration:none!important;}
.produto-img{margin:0 auto;max-width:310px;width:100%;}
.produto-img img{border-radius:15px 0!important;display:block;height:232px!important;object-fit:cover;width:100%!important;}
.produto-icone{background:#d2d3d4!important;border-radius:50%;box-shadow:none!important;display:flex;height:80px!important;align-items:center;justify-content:center;margin:-40px auto 32px!important;width:80px!important;z-index:1;overflow:hidden;}
.produto-icone img{height:72px!important;object-fit:contain;width:72px!important;}
.produto-titulo{color:#304f7e!important;font-size:30px!important;font-weight:700;line-height:1.18;margin:0 0 2px!important;}
.produto-descricao{color:#777!important;font-size:18px!important;line-height:1.25;min-height:0!important;margin:0;max-width:310px;}
/* As setas (.swiper-button-prev/next) NAO podem ficar dentro de
   ".carrossel-produtos": essa div tem a classe "swiper" do proprio
   Swiper, que aplica "overflow:hidden" (necessario pra esconder os
   slides fora de tela) - qualquer coisa posicionada fora dela (setas
   com left/right negativo) fica cortada junto. Isso acontecia tanto na
   Home quanto nas paginas internas (o wp_footer abaixo movia as setas
   pra dentro do carrossel "pra centralizar", e essa era a causa real
   das setas nao aparecerem em lugar nenhum). Corrigido deixando as
   setas como IRMAS do carrossel (como o shortcode ja gera), dentro de
   um wrapper proprio (.inpasa-carrossel-wrap, adicionado no shortcode
   Code Snippets #15) que tem position:relative mas SEM overflow
   restrito - as setas continuam se posicionando "por fora" do
   carrossel, só que agora sem serem cortadas.
   Alem disso, o CSS do proprio Elementor (swiper.min.css v8, so
   carregado em paginas que usam Elementor) tem ".swiper-button-prev{
   display:none!important}" pra nao conflitar com o carrossel nativo
   dele - por isso "display" e forcado aqui tambem. */
.inpasa-carrossel-wrap{position:relative;}
.inpasa-carrossel-wrap .swiper-button-prev, .inpasa-carrossel-wrap .swiper-button-next{--swiper-navigation-color:#b6b6b6;color:#b6b6b6!important;top:116px!important;display:flex!important;}
.inpasa-carrossel-wrap .swiper-button-prev{left:-54px!important;}
.inpasa-carrossel-wrap .swiper-button-next{right:-54px!important;}
/* A coluna da logo no header (elementor-element-2ba17d7) tem largura fixa
   de 20%, dimensionada para a logo antiga (mais estreita). A logo nova
   (INPASA + PARAGUAY) tem quase o dobro da proporcao largura/altura e
   ficava cortada/espremida nessa coluna. Usar "auto" (sem limite)
   quebrou o menu secundario (Contato/redes sociais quebrando linha),
   porque "roubou" espaco de um container vazio ao lado (elementor-
   element-249ade7, um espacador de 55% que empurra o menu-topo e os
   icones sociais para a direita). Corrigido com valores fixos que se
   equilibram: logo 20% -> 30%, espacador 55% -> 45% (evita editar o
   JSON do Elementor - ja quebrou o header duas vezes neste projeto). */
.elementor-element-2ba17d7{--width:30%!important;}
.elementor-element-249ade7{--width:45%!important;}
/* Rodape: mais espaco entre a logo e as redes sociais, que estavam
   coladas (o container flex nao tem gap definido). */
.elementor-element-383f9d7{margin-left:40px!important;}
/* O tema (Hello Elementor) tem sua PROPRIA regra de largura para paginas
   sem Elementor: "body:not([class*=elementor-page-]) .site-main{max-width:1140px}".
   Isso e DIFERENTE da largura real do site (1320px, do Kit do Elementor,
   usada pelo cabecalho) - duas caixas centralizadas de tamanhos diferentes
   nao ficam alinhadas uma com a outra. Forcando as duas a usarem 1320px. */
body:not([class*="elementor-page-"]) .site-main{max-width:1320px!important;}
/* Full-bleed via a mesma tecnica 100vw ja usada e comprovada no
   .inpasa-page-hero (nao depende de mover o elemento via JS). */
.inpasa-carrossel-full-wrap{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#e5e5e5;box-sizing:border-box;}
.inpasa-carrossel-full-wrap .inpasa-carrossel-wrap{margin:0 auto;max-width:1320px;padding:64px 24px 60px;box-sizing:border-box;}
.inpasa-carrossel-full-wrap .carrossel-produtos{background:transparent;border:0;box-sizing:border-box;}
/* Na faixa cinza o wrap tem 64px de padding acima da foto (232px): setas
   centralizadas na foto = 64 + 116. No mobile 44 + 95 (foto de 190px). */
.inpasa-carrossel-full-wrap .inpasa-carrossel-wrap .swiper-button-prev,.inpasa-carrossel-full-wrap .inpasa-carrossel-wrap .swiper-button-next{top:180px!important;}
@media(max-width:767px){
	.produto-item{padding:0 6px;}
	.produto-img img{height:190px!important;}
	.produto-icone{height:66px!important;margin:-33px auto 24px!important;width:66px!important;}
	.produto-icone img{height:58px!important;width:58px!important;}
	.produto-titulo{font-size:22px!important;}
	.produto-descricao{font-size:15px!important;}
	.inpasa-carrossel-wrap .swiper-button-prev, .inpasa-carrossel-wrap .swiper-button-next{top:92px!important;transform:scale(.75);}
	.inpasa-carrossel-wrap .swiper-button-prev{left:-26px!important;}
	.inpasa-carrossel-wrap .swiper-button-next{right:-26px!important;}
	main#content .page-content .inpasa-carrossel-full-wrap .inpasa-carrossel-wrap{margin-top:32px;padding:44px 18px;}
	.inpasa-carrossel-full-wrap .inpasa-carrossel-wrap .swiper-button-prev,.inpasa-carrossel-full-wrap .inpasa-carrossel-wrap .swiper-button-next{top:139px!important;}
}
/* Grade de noticias da Home: tipografia e espacamento da Inpasa Brasil. */
.home .elementor-element-f6e07d8 .elementor-element-dd9dc2a{margin-bottom:15px!important;}
/* mesmo recorte das imagens do carrossel de produtos: cantos arredondados em cima-esquerda e embaixo-direita */
.home .elementor-element-f6e07d8 .elementor-element-dd9dc2a img{display:block;height:232px!important;object-fit:cover;width:100%!important;max-width:100%!important;border-radius:15px 0!important;}
/* o <a> em volta da imagem e inline e encolhia a thumb para 216px dentro do slide de 311px */
.home .elementor-element-f6e07d8 .elementor-element-dd9dc2a a{display:block;}
@media(max-width:767px){.home .elementor-element-f6e07d8 .elementor-element-dd9dc2a img{height:190px!important;}}
.home .elementor-element-f6e07d8 .elementor-element-c277e8f{margin-bottom:5px!important;}
.home .elementor-element-f6e07d8 .elementor-element-c277e8f .elementor-heading-title,
.home .elementor-element-f6e07d8 .elementor-element-c277e8f .elementor-heading-title a{color:#000!important;font-family:Montserrat,sans-serif;font-size:14px!important;font-weight:700!important;line-height:16.8px!important;}
.home .elementor-element-f6e07d8 .elementor-element-6dca4e4 .elementor-widget-container{color:#000!important;font-family:Montserrat,sans-serif;font-size:12px!important;font-weight:400!important;line-height:18px!important;margin:0 0 30px!important;}
/* Setas do carrossel de noticias ficavam por cima da primeira/ultima foto
   (o Elementor as posiciona coladas na borda do proprio slider); empurradas
   pra fora da coluna de 1320px, mesmo tratamento do carrossel de produtos. */
.home .elementor-element-f6e07d8{overflow:visible!important;}
.home .elementor-element-f6e07d8 .elementor-swiper-button-prev{left:-40px!important;}
.home .elementor-element-f6e07d8 .elementor-swiper-button-next{right:-40px!important;}
/* Setas sem o quadro laranja atras - so o icone, igual ao carrossel de produtos. */
.home .elementor-element-f6e07d8 .elementor-swiper-button-prev,
.home .elementor-element-f6e07d8 .elementor-swiper-button-next{background:transparent!important;box-shadow:none!important;}
/* Hover das setas: o Elementor deixava branco (invisivel no fundo branco); pedido do cliente 2026-09-18: preto. */
.home .elementor-element-f6e07d8 .elementor-swiper-button:hover,
.home .elementor-element-f6e07d8 .elementor-swiper-button:focus-visible{color:#000!important;}
.home .elementor-element-f6e07d8 .elementor-swiper-button:hover svg,
.home .elementor-element-f6e07d8 .elementor-swiper-button:focus-visible svg{fill:#000!important;}
@media(max-width:1400px){
	.home .elementor-element-f6e07d8 .elementor-swiper-button-prev{left:-8px!important;}
	.home .elementor-element-f6e07d8 .elementor-swiper-button-next{right:-8px!important;}
}
.inpasa-vermais-wrap{position:relative;overflow:hidden;transition:max-height .3s ease;}
.inpasa-vermais-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none;transition:opacity .2s ease;}
.inpasa-vermais-wrap.is-expanded{max-height:none!important;}
.inpasa-vermais-wrap.is-expanded::after{opacity:0;}
/* padrao Inpasa; o :focus rosa vem do tema Hello (botoes), dai os !important */
.inpasa-vermais-btn{display:block;margin:18px auto 0;background:transparent!important;border:2px solid #1f3a5f!important;color:#1f3a5f!important;border-radius:999px!important;padding:12px 32px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-shadow:none!important;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.inpasa-vermais-btn:focus{background:transparent!important;color:#1f3a5f!important;outline:none;}
.inpasa-vermais-btn:hover,.inpasa-vermais-btn:focus-visible{background:#eaa239!important;border-color:#eaa239!important;color:#1f3a5f!important;}
.inpasa-lang-bar{position:absolute;top:4px;left:50%;z-index:5001;background:transparent;width:auto;}
.inpasa-lang-bar__inner{margin-left:176px;padding:0;box-sizing:border-box;}
.inpasa-lang-bar .inpasa-lang-switch{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0;}
.inpasa-lang-bar .inpasa-lang-switch li{list-style:none;}
.inpasa-lang-bar .inpasa-lang-switch a{display:inline-flex;transition:transform .15s ease;}
.inpasa-lang-bar .inpasa-lang-switch a:hover{transform:translateY(-1px);}
.inpasa-lang-bar .inpasa-lang-switch img{width:20px;height:14px;border-radius:0;box-shadow:none;display:block;}
/* O Elementor acrescenta .menu-fixed quando o header se torna sticky. */
body:has(.header-menu.menu-fixed) .inpasa-lang-bar{position:fixed;}
@media(max-width:1400px){.inpasa-lang-bar__inner{margin-left:140px;}}
@media(max-width:1199px){.inpasa-lang-bar__inner{margin-left:60px;}}
@media(max-width:988px){.inpasa-lang-bar{display:none;}}
/* Layout do header pedido pelo cliente: as redes sociais saem da linha do
   menu-topo e passam a ficar sobre a linha horizontal, logo depois da
   curva (que e o border-radius de 150px do container e7fc4e4), em tamanho
   reduzido. O espaco que elas ocupavam fica para o logo Paraguay
   (widget d5f9e21, adicionado no Elementor). Feito por CSS pra nao
   precisar mover o widget entre containers do Elementor. */
@media(min-width:1025px){
	/* --icon-size/--grid-column-gap com !important: o Elementor escreve as
	   mesmas variaveis em ".elementor-14 .elementor-element.elementor-element-d77a2e6",
	   que tem especificidade maior que este seletor e ganharia. */
	.elementor-element-e7fc4e4 .elementor-element-d77a2e6{position:absolute;top:100%;left:125px;transform:translateY(-50%);background:#fff;padding:0 8px;z-index:999;--icon-size:15px!important;--grid-column-gap:2px!important;}
	.elementor-element-d5f9e21 img{width:100px;height:auto;display:block;}
	/* O fundo branco das redes (que mascara a linha) ficava por cima da
	   pilula de hover do menu-topo; o menu sobe acima dele. */
	.elementor-element-e7fc4e4 .elementor-element-a3096c4{position:relative;z-index:1000;}
	/* Logo alinhado a esquerda da coluna de conteudo (1320px), igual ao
	   breadcrumb e ao conteudo das paginas. O Elementor centraliza a
	   imagem na coluna de 20% do header (justify + object-position),
	   com seletores de especificidade maior - dai o !important. */
	.elementor-element-2ba17d7{--align-items:flex-start!important;--padding-left:0px!important;}
	.elementor-element-490483c img{object-position:left center!important;}
	/* Menu topo ES perdeu o item "Gente" (removido a pedido do cliente,
	   2026-09-17) e ficou com folga sobrando encostado no fim da faixa
	   (justify-content:flex-end do container e7fc4e4). Empurra so o menu
	   ES um pouco pra esquerda para nao ficar colado nas bandeiras/logo
	   Paraguay. Escopado por idioma (nao mexe no "Menu topo" PT, que
	   ainda tem 4 itens e preenche o espaco naturalmente). */
	html[lang="es-ES"] .elementor-element-e7fc4e4 .elementor-element-a3096c4{margin-right:110px;}
}
/* ===== Header em tablet/celular (ate 1024px) =====
   Barra unica: logo INPASA + logo Paraguay a esquerda, um botao de menu a
   direita. So CSS + JS (ver wp_footer "menu unico"), sem mexer na estrutura
   do Elementor. Anula as compensacoes antigas do Elementor no mobile
   (margem -95px no menu, -60px no logo, larguras fixas de 60px/calc). */
@media(max-width:1024px){
	.elementor-element-796bd8c{--min-height:0px!important;min-height:0!important;--flex-direction:row!important;flex-direction:row!important;--flex-wrap:nowrap!important;flex-wrap:nowrap!important;align-items:center!important;padding:12px 20px!important;gap:0!important;}
	.elementor-element-796bd8c:before{display:none!important;}
	.elementor-element-2ba17d7{--width:auto!important;width:auto!important;flex:0 0 auto!important;--justify-content:center!important;--align-items:flex-start!important;padding:0!important;}
	.elementor-element-490483c > .elementor-widget-container{margin:0!important;}
	.elementor-element-490483c img{height:42px!important;width:auto!important;object-position:left center!important;}
	.elementor-element-4dfb565{--width:auto!important;width:auto!important;flex:1 1 auto!important;--flex-direction:row!important;flex-direction:row!important;--align-items:center!important;align-items:center!important;--justify-content:space-between!important;justify-content:space-between!important;padding:0!important;min-width:0;}
	.elementor-element-d9dc42d{--min-height:0px!important;min-height:0!important;width:auto!important;flex:0 1 auto!important;padding:0!important;}
	.elementor-element-249ade7,.elementor-element-a3096c4,.elementor-element-d77a2e6{display:none!important;}
	.elementor-element-e7fc4e4{border:0!important;border-radius:0!important;padding:0!important;--padding-top:0px!important;gap:0!important;justify-content:flex-start!important;}
	.elementor-element-e7fc4e4:before{display:none!important;}
	.elementor-element-d5f9e21{margin-left:14px;padding-left:14px;border-left:1px solid #dcdcdc;}
	.elementor-element-d5f9e21 img{width:78px!important;height:auto!important;display:block;}
	.elementor-element-6a92099{width:auto!important;flex:0 0 auto!important;padding:0!important;margin-left:auto!important;}
	.elementor-element-7fe361f > .elementor-widget-container{margin:0!important;}
	.elementor-element-7fe361f .elementor-menu-toggle{margin:0!important;}
	/* janela azul do menu desgrudada do logo e do botao de fechar */
	.elementor-element-7fe361f .elementor-nav-menu--dropdown.elementor-nav-menu__container{margin-top:10px!important;}
	/* itens extras do menu unico (copiados pelo JS) */
	.elementor-element-7fe361f .inpasa-mob-sep{border-top:1px solid rgba(255,255,255,.25);margin-top:6px;}
	.elementor-element-7fe361f .inpasa-mob-extra-fim{display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 20px 22px;border-top:1px solid rgba(255,255,255,.25);}
	.elementor-element-7fe361f .inpasa-mob-idiomas{display:flex;justify-content:center;gap:18px;list-style:none;margin:0;padding:0;}
	.elementor-element-7fe361f .inpasa-mob-idiomas li{flex:0 0 auto!important;width:auto!important;border:0!important;padding:0!important;}
	.elementor-element-7fe361f .inpasa-mob-idiomas img{width:28px;height:19px;display:block;border-radius:2px;}
	.elementor-element-7fe361f .inpasa-mob-sociais{display:flex;justify-content:center;gap:26px;}
	.elementor-element-7fe361f .inpasa-mob-sociais a{color:#fff!important;display:inline-flex;}
	.elementor-element-7fe361f .inpasa-mob-sociais svg{width:18px;height:18px;fill:#fff;}
}
@media(max-width:480px){
	.elementor-element-796bd8c{padding:10px 14px!important;}
	.elementor-element-490483c img{height:34px!important;}
	.elementor-element-d5f9e21{margin-left:10px;padding-left:10px;}
	.elementor-element-d5f9e21 img{width:64px!important;}
}
/* Botao: gradiente verde, dois aneis pulsantes atras (efeito "radar"),
   flutuacao suave e etiqueta que desliza ao passar o mouse. Tudo em CSS,
   sem imagens; respeita prefers-reduced-motion. */
.inpasa-whatsapp{position:fixed;right:24px;bottom:24px;z-index:99999;display:flex;align-items:center;gap:0;text-decoration:none!important;filter:drop-shadow(0 8px 18px rgba(18,140,60,.35));}
.inpasa-whatsapp__btn{position:relative;width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#5ff084 0%,#25d366 45%,#128c7e 100%);display:flex;align-items:center;justify-content:center;flex:0 0 auto;animation:inpasa-wa-float 3.2s ease-in-out infinite;transition:transform .25s ease;}
.inpasa-whatsapp__btn::before,.inpasa-whatsapp__btn::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;opacity:0;animation:inpasa-wa-pulse 2.4s ease-out infinite;}
.inpasa-whatsapp__btn::after{animation-delay:1.2s;}
.inpasa-whatsapp__btn svg{position:relative;z-index:1;width:36px;height:36px;fill:#fff;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));}
.inpasa-whatsapp__label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;margin-right:0;background:#fff;color:#128c7e;font-size:14px;font-weight:700;padding:11px 0;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.14);transform:translateX(12px);transition:max-width .35s ease,opacity .25s ease,padding .35s ease,margin .35s ease,transform .35s ease;}
.inpasa-whatsapp:hover .inpasa-whatsapp__label,.inpasa-whatsapp:focus-visible .inpasa-whatsapp__label{max-width:220px;opacity:1;padding:11px 18px;margin-right:12px;transform:translateX(0);}
.inpasa-whatsapp:hover .inpasa-whatsapp__btn,.inpasa-whatsapp:focus-visible .inpasa-whatsapp__btn{transform:scale(1.1) rotate(-6deg);animation-play-state:paused;}
.inpasa-whatsapp:focus-visible{outline:none;}
.inpasa-whatsapp:focus-visible .inpasa-whatsapp__btn{box-shadow:0 0 0 4px rgba(37,211,102,.45);}
@keyframes inpasa-wa-pulse{0%{transform:scale(1);opacity:.75;}70%{transform:scale(1.75);opacity:0;}100%{transform:scale(1.75);opacity:0;}}
@keyframes inpasa-wa-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@media(max-width:767px){.inpasa-whatsapp{right:16px;bottom:16px;}.inpasa-whatsapp__btn{width:56px;height:56px;}.inpasa-whatsapp__btn svg{width:32px;height:32px;}.inpasa-whatsapp__label{display:none;}}
@media(prefers-reduced-motion:reduce){.inpasa-whatsapp__btn,.inpasa-whatsapp__btn::before,.inpasa-whatsapp__btn::after{animation:none;}.inpasa-whatsapp__btn::before,.inpasa-whatsapp__btn::after{display:none;}}

/* Rodape: contato do SAC (container sacf001 do template Footer 1), John 2026-09-30 */
.inpasa-sac{display:flex;align-items:center;gap:12px;font-family:"Poppins",Sans-serif;color:var(--e-global-color-primary,#304F7E);}
.inpasa-sac__icon{width:46px;height:46px;flex:0 0 auto;display:block;}
.inpasa-sac__txt{display:flex;flex-direction:column;font-size:12px;line-height:17px;}
.inpasa-sac__txt strong{font-weight:700;margin-bottom:2px;}
.inpasa-sac__txt a{color:var(--e-global-color-primary,#304F7E)!important;text-decoration:none;}
.inpasa-sac__txt a:hover{text-decoration:underline;}
@media(max-width:767px){.inpasa-sac{justify-content:center;margin:10px 0 6px;}}