@charset "UTF-8";
/* Inpasa - Azucar Crystal (marcador inpasa-azu).
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Caminhos de imagem sao relativos a este arquivo (../../uploads/...). */
/* Azúcar Crystal (layout de .docs/Productos/azucar y etanol/WEB Inpasa
   Productos -Azucar Crystal.pdf): intro em 2 colunas de texto + montão de
   açúcar, faixa cinza full-bleed (canto arredondado) com as bolsas subindo
   acima do topo, card azul "Presentaciones", dois formatos (50kg / big bag),
   6 aplicações com ícones, duas fotos full-bleed, faixa azul de certificação
   com texto e botão para Certificaciones, faixa cinza "visão" com 4 fotos em quarto de círculo, bloco
   "Venta de Azúcar" e o carrossel. Fotos do cliente + ícones recortados do
   PDF (uploads/2026/09/azucar). */
.inpasa-azu{--azu-azul:#144378;--azu-naranja:#e79e25;--azu-gris:#c4c5c6;max-width:1320px;margin:0 auto;}
.inpasa-azu p{font-size:15px;line-height:1.65;color:#333;margin:0 0 14px;}
.inpasa-azu-intro{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:40px;align-items:start;padding:24px 24px 0;}
.inpasa-azu-btn{display:inline-block;background:var(--azu-naranja);color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:10px 30px;border-radius:4px;margin-top:8px;transition:background .2s ease;}
.inpasa-azu-btn:hover{background:var(--azu-azul);}
.inpasa-azu-intro__monton{text-align:right;line-height:0;}
.inpasa-azu-intro__monton img{width:100%;max-width:520px;height:auto;display:inline-block;margin-top:-40px;}
/* Faixa cinza: as bolsas comecam acima do topo da faixa (margem negativa), como no PDF. */
.inpasa-azu-gris{width:100vw;margin:110px 0 0 calc(50% - 50vw);background:var(--azu-gris);border-top-left-radius:200px;padding:1px 0 56px;box-sizing:border-box;}
.inpasa-azu-gris__in{max-width:1320px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.inpasa-azu-crystal{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;}
.inpasa-azu-crystal__bolsas{margin-top:-100px;line-height:0;padding-left:16px;}
.inpasa-azu-crystal__bolsas img{width:100%;max-width:560px;height:auto;display:block;}
.inpasa-azu-crystal__txt h2{margin:0 0 20px;color:var(--azu-azul);font-size:36px;font-weight:400;line-height:1.2;}
.inpasa-azu-items{list-style:none;margin:0;padding:0;}
.inpasa-azu-items li{display:flex;align-items:center;gap:16px;margin:0 0 16px;font-size:15px;line-height:1.5;color:#222;}
.inpasa-azu-items img{width:56px;height:56px;flex:0 0 56px;display:block;}
.inpasa-azu-pres{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:center;margin-top:40px;}
.inpasa-azu-pres__card h3{margin:0 0 10px;font-size:24px;font-weight:400;color:#222;}
.inpasa-azu-pres__card ul{list-style:none;margin:0;padding:22px 24px 40px;background:var(--azu-azul);border-radius:0 0 60px 0;}
.inpasa-azu-pres__card li{background:#0c2c58;color:#fff;font-size:14px;text-align:center;padding:9px 12px;border-radius:4px;margin:0 0 6px;transition:background .2s ease;}
.inpasa-azu-pres__card li:hover{background:var(--azu-naranja);}
.inpasa-azu p.inpasa-azu-pres__lead{color:var(--azu-azul);font-size:24px;line-height:1.3;margin:0 0 12px;}
/* Formatos 50kg / big bag */
/* Pedido do cliente (John, 2026-09-18): as duas sacarias apoiadas na mesma
   base e o texto do big bag na mesma distancia da foto que o texto do 50kg.
   Fotos novas (2026-10-06) ja vem recortadas, com fundo transparente:
   nao precisa mais do recorte via CSS que a foto antiga do big bag tinha. */
.inpasa-azu-formatos{display:grid;grid-template-columns:0.8fr 1.2fr;gap:32px;padding:56px 24px 24px;align-items:end;}
.inpasa-azu-formato{display:flex;align-items:center;gap:24px;}
.inpasa-azu-formato__img{flex:0 0 165px;line-height:0;}
.inpasa-azu-formato__img--big{flex-basis:260px;}
.inpasa-azu-formato__img img{width:100%;height:auto;display:block;transition:transform .4s ease;}
.inpasa-azu-formato:hover .inpasa-azu-formato__img img{transform:scale(1.05);}
.inpasa-azu-formato__txt h3{margin:0 0 4px;font-size:17px;font-weight:700;color:#222;line-height:1.3;}
.inpasa-azu-formato__txt p{margin:0;font-size:15px;}
/* Aplicaciones sugeridas */
.inpasa-azu-apps{padding:32px 24px 40px;text-align:center;}
.inpasa-azu-apps h2{margin:0 0 36px;font-size:32px;font-weight:400;color:var(--azu-azul);}
.inpasa-azu-apps h2 span{color:#1d8ad6;}
.inpasa-azu-apps ul{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:20px;max-width:1100px;}
.inpasa-azu-apps li{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:14px;line-height:1.35;color:#333;}
.inpasa-azu-apps img{width:96px;height:96px;display:block;transition:transform .3s ease;}
.inpasa-azu-apps li:hover img{transform:scale(1.08);}
/* Duas fotos full-bleed lado a lado */
.inpasa-azu-fotos{width:100vw;margin-left:calc(50% - 50vw);display:grid;grid-template-columns:1fr 1fr;}
.inpasa-azu-fotos__item{line-height:0;overflow:hidden;aspect-ratio:2 / 1;}
.inpasa-azu-fotos__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.inpasa-azu-fotos__item:hover img{transform:scale(1.04);}
/* Faixa azul "Certificaciones y respaldo de nuestros procesos" (layout do John, 2026-10-07):
   texto alinhado a esquerda num bloco centralizado + botao para a pagina de Certificaciones.
   Os aneis no canto direito reproduzem os arcos do layout. */
.inpasa-azu-cert{position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);background:var(--azu-azul);color:#fff;padding:56px 0 48px;box-sizing:border-box;}
.inpasa-azu-cert::before,.inpasa-azu-cert::after{content:"";position:absolute;border-radius:50%;border:80px solid rgba(8,24,56,.35);pointer-events:none;}
.inpasa-azu-cert::before{width:300px;height:300px;top:-150px;right:-90px;}
.inpasa-azu-cert::after{width:340px;height:340px;bottom:-190px;right:-110px;}
.inpasa-azu-cert__in{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:0 24px;text-align:center;box-sizing:border-box;}
.inpasa-azu-cert h2{margin:0 0 36px;font-size:34px;font-weight:400;color:#fff;line-height:1.2;}
.inpasa-azu-cert__txt{max-width:740px;margin:0 auto 28px;text-align:left;}
.inpasa-azu .inpasa-azu-cert p{color:#fff;font-size:17px;line-height:1.5;margin:0 0 22px;}
.inpasa-azu .inpasa-azu-cert__lista{list-style:none;margin:0 0 22px;padding:0;}
.inpasa-azu .inpasa-azu-cert__lista li{color:#fff;font-size:17px;line-height:1.5;margin:0;padding:0;}
.inpasa-azu-cert__lista strong{font-weight:700;}
/* Visao: texto + 4 fotos em quarto de circulo sobre faixa cinza clara */
.inpasa-azu-vision{width:100vw;margin-left:calc(50% - 50vw);background:#e6e6e6;padding:1px 0 72px;box-sizing:border-box;overflow:hidden;}
.inpasa-azu-vision__in{max-width:1320px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;box-sizing:border-box;}
.inpasa-azu-vision__txt{padding:56px 0 0;}
.inpasa-azu .inpasa-azu-vision__txt p{font-size:17px;line-height:1.5;color:#333;margin:0 0 18px;}
.inpasa-azu-vision__txt strong{color:var(--azu-azul);font-weight:700;}
/* Fotos em quarto de circulo (canto inferior esquerdo = raio total) e a coluna vazando ate a borda direita da viewport, como no PDF. */
.inpasa-azu-vision__fotos{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:540px;margin-left:auto;margin-right:calc(min(0px,(1320px - 100vw) / 2) - 24px);}
.inpasa-azu-vision__fotos div{line-height:0;overflow:hidden;border-radius:0 0 0 100%;aspect-ratio:1 / 1;}
.inpasa-azu-vision__fotos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.inpasa-azu-vision__fotos div:hover img{transform:scale(1.05);}
/* Venta de Azucar */
.inpasa-azu-venta{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:56px 24px 72px;}
.inpasa-azu-venta__foto img{width:100%;height:auto;display:block;border-radius:0 28px 28px 28px;transition:transform .5s ease;}
.inpasa-azu-venta__foto:hover img{transform:scale(1.02);}
.inpasa-azu-venta__txt h2{margin:0 0 18px;color:#222;font-size:30px;font-weight:400;text-transform:uppercase;letter-spacing:.01em;}
.inpasa-azu-venta__txt ul{list-style:none;margin:0;padding:0;}
.inpasa-azu-venta__txt li{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;font-size:17px;line-height:1.4;color:#222;}
.inpasa-azu-venta__txt svg{width:22px;height:22px;flex:0 0 22px;fill:#111;margin-top:2px;}
.inpasa-azu-venta__txt a{color:#222!important;text-decoration:none!important;}
.inpasa-azu-venta__txt a:hover{color:var(--azu-azul)!important;}
.inpasa-azu-venta__txt strong{font-weight:700;}
.inpasa-azu-venta__persona{margin-bottom:24px!important;}
.inpasa-azu-venta__persona span{font-size:15px;}
.inpasa-azu-venta__persona strong{font-size:17px;}
@media(max-width:1100px){.inpasa-azu-apps ul{grid-template-columns:repeat(3,1fr);}.inpasa-azu-formato__img{flex-basis:140px;}.inpasa-azu-formato__img--big{flex-basis:220px;}}
@media(max-width:1000px){.inpasa-azu-intro{grid-template-columns:1fr 1fr;}.inpasa-azu-intro__monton{grid-column:1 / -1;text-align:center;}.inpasa-azu-intro__monton img{margin-top:0;max-width:380px;}.inpasa-azu-gris{margin-top:40px;}.inpasa-azu-crystal{grid-template-columns:1fr;gap:16px;}.inpasa-azu-crystal__bolsas{margin-top:-40px;padding:0;}.inpasa-azu-crystal__bolsas img{max-width:440px;margin:0 auto;}.inpasa-azu-pres{grid-template-columns:1fr;gap:24px;}}
@media(max-width:800px){
	.inpasa-azu-intro,.inpasa-azu-formatos,.inpasa-azu-vision__in,.inpasa-azu-venta,.inpasa-azu-fotos{grid-template-columns:1fr;gap:28px;}
	.inpasa-azu-fotos{gap:0;}
	.inpasa-azu-gris{border-top-left-radius:90px;}
	.inpasa-azu-crystal__txt h2,.inpasa-azu-apps h2,.inpasa-azu-cert h2{font-size:28px;}
	.inpasa-azu-cert::before,.inpasa-azu-cert::after{border-width:50px;}.inpasa-azu-cert h2{margin-bottom:24px;}
	.inpasa-azu-pres__card ul{border-radius:0 0 40px 0;}
	.inpasa-azu p.inpasa-azu-pres__lead{font-size:20px;}
	.inpasa-azu-formato{flex-direction:column;text-align:center;}
	.inpasa-azu-formato__img{flex-basis:auto;width:100%;max-width:200px;}.inpasa-azu-formato__img--big{flex-basis:auto;max-width:280px;}
	.inpasa-azu-apps ul{grid-template-columns:repeat(2,1fr);}
	.inpasa-azu-vision__txt{padding-top:32px;}
	.inpasa-azu-vision__fotos{margin-right:-24px;max-width:none;}
	.inpasa-azu-venta{padding:40px 24px 48px;}.inpasa-azu-venta__txt h2{font-size:24px;}.inpasa-azu-venta__txt li{font-size:16px;}
}