/* Softfocus Credit — acento de produto (azul, cor da marca Credit) */
.prod-credit{--acc:#00a3e4;--acc-soft:#4cc4f0;--acc-deep:#0077b6;--acc-glow:rgba(0,163,228,.45);--acc-tint:rgba(0,163,228,.10);--acc-line:rgba(0,163,228,.30);--acc-ink:#031824}
.prod-credit .section-light{--acc:#0077b6;--acc-tint:rgba(0,119,182,.07);--acc-line:rgba(0,119,182,.22)}

/* hero — rural e urbano na mesma imagem, divididos por um corte diagonal */
.c-hero-split{position:absolute;inset:0}
.c-hero-split img{position:absolute;top:0;bottom:0;width:64%;height:100%;object-fit:cover}
.c-hero-split .chs-rural{left:0;clip-path:polygon(0 0,91% 0,72% 100%,0 100%)}
.c-hero-split .chs-urban{left:36%;clip-path:polygon(34% 0,100% 0,100% 100%,16% 100%)}
.c-hero-split .chs-seam{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent calc(46% - 22px),var(--acc-glow) 46%,transparent calc(46% + 22px));opacity:.55;mix-blend-mode:screen}

/* foto institucional sem moldura — mostra só a imagem, flutuando */
.prod-credit .z-media-bare{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;min-height:0}
.prod-credit .z-media-bare img{position:relative;width:100%;height:auto}
@keyframes cFloat{0%,100%{transform:translateY(-8px)}50%{transform:translateY(8px)}}
.prod-credit .z-media-bare img{animation:cFloat 8s ease-in-out infinite;will-change:transform}
@media(prefers-reduced-motion:reduce){.prod-credit .z-media-bare img{animation:none}}

/* comparativo rural x urbano */
.c-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:34px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.c-compare > div{padding:24px 26px}
.c-compare > div + div{border-left:1px solid var(--line)}
.c-compare h4{font-family:'Space Grotesk',sans-serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:14px}
.c-compare ul{list-style:none;display:grid;gap:9px}
.c-compare li{font-size:14.5px;color:var(--ink-2);font-weight:300;display:flex;gap:10px;align-items:flex-start}
.c-compare li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--acc);flex-shrink:0;margin-top:7px}
@media(max-width:700px){.c-compare{grid-template-columns:1fr}.c-compare > div + div{border-left:0;border-top:1px solid var(--line)}}