@charset "UTF-8";
/* Inpasa - Glicerina (marcador inpasa-gli).
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Caminhos de imagem sao relativos a este arquivo (../../uploads/...). */
/* Glicerina (layout de .docs/Productos/WEB Inpasa Productos - Glicerina.pdf):
   intro em 3 colunas (texto, texto+botao, gota), faixa cinza full-bleed com
   canto superior esquerdo arredondado e o bequer sobrepondo a faixa, tabela
   de informacoes tecnicas + coluna Usos, bloco Venta de Glicerina (foto +
   contato) e o carrossel de produtos (.inpasa-iop-carrusel, reaproveitado).
   Bequer/gota/icones/foto foram recortados do PDF (uploads/2026/09/glicerina). */
.inpasa-gli{--gli-azul:#1b3c70;--gli-naranja:#eaa239;--gli-gris:#c1c4c4;max-width:1320px;margin:0 auto;}
.inpasa-gli p{font-size:15px;line-height:1.65;color:#333;margin:0 0 14px;}
.inpasa-gli-btn{display:inline-block;background:#eaa239!important;color:#fff!important;text-decoration:none!important;border-radius:6px;padding:9px 26px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:background .2s ease;}
.inpasa-gli-btn:hover,.inpasa-gli-btn:focus-visible{background:#1b3c70!important;}
.inpasa-gli-btn--sm{border-radius:999px;padding:6px 18px;font-size:10px;}
/* A gota e mais alta que os textos e desce ao lado do bequer (como no PDF):
   fica absoluta a direita para nao esticar a linha da intro. */
.inpasa-gli-intro{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start;padding:24px 24px 0;}
.inpasa-gli-intro__gota{position:absolute;right:48px;top:-24px;width:215px;}
.inpasa-gli-intro__gota img{width:100%;height:auto;display:block;}
/* Faixa cinza: sangra ate as bordas da tela e comeca 245px abaixo do topo do
   bequer (que fica com margem negativa), reproduzindo a sobreposicao do PDF. */
.inpasa-gli-cruda{width:100vw;margin:200px 0 0 calc(50% - 50vw);background:var(--gli-gris);border-top-left-radius:240px;padding:1px 0 56px;box-sizing:border-box;}
.inpasa-gli-cruda__in{max-width:1320px;margin:0 auto;padding:0 24px;box-sizing:border-box;display:grid;grid-template-columns:520px 1fr;gap:48px;align-items:start;}
.inpasa-gli-cruda__img{margin-top:-200px;line-height:0;}
.inpasa-gli-cruda__img img{width:100%;max-width:520px;height:auto;display:block;}
.inpasa-gli-cruda__txt{padding-top:40px;}
.inpasa-gli-cruda__txt h2{margin:0 0 34px;color:var(--gli-azul);font-size:44px;font-weight:400;line-height:1.15;}
.inpasa-gli-items{list-style:none;margin:0;padding:0;max-width:820px;}
.inpasa-gli-items li{display:flex;align-items:center;gap:22px;margin:0 0 30px;font-size:15px;line-height:1.5;color:#222;}
.inpasa-gli-items img{width:66px;height:66px;flex:0 0 66px;display:block;}
.inpasa-gli-tec{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start;padding:64px 24px 40px;}
.inpasa-gli-tec h2{margin:0 0 20px;color:var(--gli-azul);font-size:36px;font-weight:400;line-height:1.2;}
.inpasa-gli-tabla-wrap{overflow-x:auto;}
.inpasa-gli-tabla{width:100%;border-collapse:separate;border-spacing:4px;min-width:640px;font-size:14px;color:#222;}
.inpasa-gli-tabla th{background:var(--gli-azul);color:#fff;font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.03em;padding:10px 8px;text-align:center;vertical-align:middle;}
.inpasa-gli-tabla th.inpasa-gli-tabla__sub{background:#2f5f9b;padding:6px 8px;}
.inpasa-gli-tabla td{background:#e6e6e6;text-align:center;padding:16px 8px;vertical-align:middle;}
.inpasa-gli-tabla tbody tr:nth-child(odd) td{background:#cfd0d0;}
.inpasa-gli-usos{padding-top:60px;}
.inpasa-gli-usos h3{margin:0 0 6px;color:var(--gli-azul);font-size:28px;font-weight:400;}
.inpasa-gli-usos p{margin-bottom:12px;}
.inpasa-gli-venta{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:40px 24px 72px;}
.inpasa-gli-venta__foto img{width:100%;max-width:100%;height:auto;display:block;border-radius:0 28px 28px 28px;}
.inpasa-gli-venta__txt h2{margin:0 0 14px;color:#222;font-size:30px;font-weight:400;text-transform:uppercase;letter-spacing:.01em;}
.inpasa-gli-venta__txt ul{list-style:none;margin:0;padding:0;}
.inpasa-gli-venta__txt li{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:19px;color:#222;}
.inpasa-gli-venta__txt svg{width:20px;height:20px;flex:0 0 20px;fill:var(--gli-azul);}
.inpasa-gli-venta__txt a{color:#222!important;text-decoration:none!important;}
.inpasa-gli-venta__txt a:hover{color:var(--gli-azul)!important;}
/* Interacoes: gota flutuando devagar, icones crescem no hover, linhas da
   tabela destacam no hover. Reveal ao rolar reaproveita .inpasa-iop-reveal
   (JS no wp_footer, escopado a paginas com .inpasa-gli). */
.inpasa-gli-intro__gota img{animation:inpasa-gota-flota 5s ease-in-out infinite;}
@keyframes inpasa-gota-flota{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.inpasa-gli-items img{transition:transform .3s ease;}
.inpasa-gli-items li:hover img{transform:scale(1.1) rotate(-6deg);}
.inpasa-gli-tabla td{transition:background .2s ease;}
.inpasa-gli-tabla tbody tr:hover td{background:#f5d9a6;}
.inpasa-gli-cruda__img img{transition:transform .5s ease;}
.inpasa-gli-cruda__img:hover img{transform:translateY(-8px);}
.inpasa-gli-venta__foto img{transition:transform .5s ease;}
.inpasa-gli-venta__foto:hover img{transform:scale(1.02);}
@media(prefers-reduced-motion:reduce){.inpasa-gli-intro__gota img{animation:none;}}
@media(max-width:1100px){.inpasa-gli-cruda__in{grid-template-columns:380px 1fr;gap:32px;}.inpasa-gli-cruda__txt h2{font-size:36px;}.inpasa-gli-tec{grid-template-columns:1fr 300px;gap:32px;}}
@media(max-width:1000px){.inpasa-gli-intro{grid-template-columns:1fr 1fr;padding-right:200px;}.inpasa-gli-intro__gota{width:150px;right:24px;top:0;}}
@media(max-width:800px){
	.inpasa-gli-intro,.inpasa-gli-tec,.inpasa-gli-venta{grid-template-columns:1fr;gap:28px;}
	.inpasa-gli-intro{padding-right:24px;}.inpasa-gli-intro__gota{position:static;width:120px;margin:0 auto;}
	.inpasa-gli-cruda{margin-top:32px;border-top-left-radius:90px;padding-bottom:40px;}
	.inpasa-gli-cruda__in{grid-template-columns:1fr;gap:8px;}
	.inpasa-gli-cruda__img{margin:0 auto;max-width:280px;padding-top:32px;}
	.inpasa-gli-cruda__txt{padding-top:16px;}
	.inpasa-gli-cruda__txt h2{font-size:30px;margin-bottom:22px;}
	.inpasa-gli-items li{align-items:flex-start;}
	.inpasa-gli-tec{padding-top:40px;}.inpasa-gli-tec h2{font-size:28px;}.inpasa-gli-usos{padding-top:0;}
	.inpasa-gli-venta{padding-bottom:48px;}.inpasa-gli-venta__txt h2{font-size:24px;}.inpasa-gli-venta__txt li{font-size:16px;}
}