@charset "UTF-8";
/* Inpasa - Biodiesel (marcador inpasa-bio).
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Caminhos de imagem sao relativos a este arquivo (../../uploads/...). */
/* Biodiesel (layout de .docs/Productos/WEB Inpasa Productos - biodiesel.pdf):
   hero com foto da planta (faixa amarela ja na imagem), intro em texto + gota,
   faixa cinza full-bleed (canto arredondado) com o caminhao subindo acima do
   topo, "El Biodiesel vegetal" com 3 icones de uso, bloco de texto + "Venta de
   Biodiesel" com a foto da planta e o carrossel. Imagens recortadas do PDF
   (uploads/2026/09/biodiesel). */
body:has(.inpasa-bio) .inpasa-page-hero{background:#144378 url(../../uploads/2026/09/biodiesel/hero-biodiesel.webp?v=2) center/cover no-repeat;}
body:has(.inpasa-bio) .inpasa-page-hero h1{font-size:48px;text-shadow:0 2px 12px rgba(0,0,0,.35);}
.inpasa-bio{--bio-azul:#144378;--bio-gris:#cccbcc;max-width:1320px;margin:0 auto;}
.inpasa-bio p{font-size:15px;line-height:1.65;color:#222;margin:0 0 14px;}
.inpasa-bio-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding:8px 24px 0;}
.inpasa-bio-intro p{font-weight:600;max-width:560px;}
.inpasa-bio-intro__gota{text-align:center;line-height:0;}
.inpasa-bio-intro__gota img{width:100%;max-width:290px;height:auto;display:inline-block;transition:transform .5s ease;}
.inpasa-bio-intro__gota:hover img{transform:translateY(-6px) rotate(-2deg);}
/* Faixa cinza: o caminhao comeca acima do topo da faixa (margem negativa), como no PDF. */
.inpasa-bio-gris{width:100vw;margin:130px 0 0 calc(50% - 50vw);background:var(--bio-gris);border-top-left-radius:240px;padding:1px 0 40px;box-sizing:border-box;}
.inpasa-bio-gris__in{max-width:1320px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:start;box-sizing:border-box;}
.inpasa-bio-camion{margin-top:-90px;line-height:0;padding-left:40px;}
.inpasa-bio-camion img{width:100%;max-width:520px;height:auto;display:block;transition:transform .6s ease;}
.inpasa-bio-camion:hover img{transform:translateX(8px);}
.inpasa-bio-txt{padding-top:36px;}
.inpasa-bio-txt h2{margin:0 0 6px;color:#555;font-size:30px;font-weight:700;line-height:1.2;text-transform:uppercase;}
.inpasa-bio p.inpasa-bio-txt__lead{font-weight:700;font-size:14px;color:#555;margin-bottom:20px;}
.inpasa-bio-usos{list-style:none;margin:0 0 20px;padding:0;display:flex;gap:26px;}
.inpasa-bio-usos li{width:84px;text-align:center;font-size:12px;line-height:1.3;color:var(--bio-azul);}
.inpasa-bio-usos img{width:84px;height:auto;display:block;margin:0 0 6px;border-radius:12px;transition:transform .3s ease,background .3s ease;}
.inpasa-bio-usos li:hover img{transform:translateY(-4px);background:rgba(255,255,255,.45);}
/* Ahorro de emisiones + Venta de Biodiesel */
.inpasa-bio-venta{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:88px 24px 64px;}
.inpasa-bio-venta__txt > p{max-width:480px;margin-bottom:40px;}
.inpasa-bio-venta__txt h2{margin:0 0 10px;color:#222;font-size:30px;font-weight:400;text-transform:uppercase;letter-spacing:.01em;}
.inpasa-bio-venta__txt ul{list-style:none;margin:0;padding:0;}
.inpasa-bio-venta__txt li{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:19px;color:#222;}
.inpasa-bio-venta__txt svg{width:20px;height:20px;flex:0 0 20px;fill:#111;}
.inpasa-bio-venta__txt a{color:#222!important;text-decoration:none!important;}
.inpasa-bio-venta__txt a:hover{color:var(--bio-azul)!important;}
/* Foto da planta (cantos de cima arredondados, como no PDF) com o milho + gota
   sobrepostos no canto inferior esquerdo, vazando abaixo da foto. */
.inpasa-bio-venta__foto{position:relative;width:100%;max-width:560px;margin:0 auto 20%;line-height:0;}
.inpasa-bio-venta__planta{width:100%;height:auto;display:block;border-radius:22px 22px 0 0;}
.inpasa-bio-venta__maiz{position:absolute;left:-1%;top:48%;width:42%;height:auto;transition:transform .6s ease;}
.inpasa-bio-venta__foto:hover .inpasa-bio-venta__maiz{transform:translateY(-6px) rotate(-3deg);}
@media(max-width:1000px){.inpasa-bio-gris{margin-top:80px;}.inpasa-bio-gris__in{grid-template-columns:1fr 1.3fr;gap:32px;}.inpasa-bio-camion{margin-top:-60px;padding-left:0;}.inpasa-bio-txt{padding-top:24px;}}
@media(max-width:800px){
	body:has(.inpasa-bio) .inpasa-page-hero h1{font-size:34px;}
	.inpasa-bio-intro,.inpasa-bio-gris__in,.inpasa-bio-venta{grid-template-columns:1fr;gap:24px;}
	.inpasa-bio-intro__gota img{max-width:220px;}
	.inpasa-bio-gris{border-top-left-radius:90px;margin-top:70px;}
	.inpasa-bio-camion{margin-top:-50px;}.inpasa-bio-camion img{max-width:380px;margin:0 auto;}
	.inpasa-bio-txt{padding-top:0;}.inpasa-bio-txt h2{font-size:24px;}
	.inpasa-bio-usos{gap:16px;}.inpasa-bio-usos li,.inpasa-bio-usos img{width:72px;}
	.inpasa-bio-venta{padding:48px 24px 48px;}.inpasa-bio-venta__txt h2{font-size:24px;}.inpasa-bio-venta__txt li{font-size:16px;}
}