
.intro .service-rail>.wrap{grid-template-columns:repeat(5,1fr)}
.intro .service-rail a{font-size:12px;padding:0 18px}
.panorama-sequence{background:#272a2f;scroll-margin-top:30px}
.panorama{min-height:90svh;display:flex;align-items:center;padding:130px 0;position:relative;background:#272a2f}
.panorama:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#272a2f,transparent 25%,transparent 75%,#272a2f),linear-gradient(90deg,#272a2ff5 25%,#272a2fb0 65%,#272a2f55),url('assets/horizonte-degrade.png') center/cover}
.panorama-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;position:relative;z-index:2}
.panorama-copy h2{font-weight:400;font-size:clamp(36px,4vw,58px);line-height:1.2;color:#e4e7e9;max-width:700px}
.panorama-description{color:#cbd0d3;max-width:550px;font-size:16px;line-height:1.9;margin-bottom:38px}
.panorama .button.outline{border-color:#c6a553;color:#e8ebed}
.panorama-detail{padding:40px 0 40px 40px;border-left:1px solid #c4c3c34a;background:linear-gradient(90deg,#c4c3c309,transparent)}
.detail-label{font-size:12px;color:#dbc591;letter-spacing:1px;margin-bottom:30px}
.panorama-detail ol{list-style:none;padding:0;margin:0}
.panorama-detail li{padding:22px 0;border-bottom:1px solid #c4c3c326;display:flex;gap:25px;font-size:16px;color:#dce0e2;line-height:1.7}
.panorama-detail li:last-child{border-bottom:0}
.panorama-detail li span{font-size:10px;color:#c6a553;padding-top:5px}
.panorama-processos:before{background-position:center,center,60% 80%}
.panorama-contabilidade:before{background-position:center,center,40% 65%;filter:saturate(.45)}
.panorama-financeiros:before{background-position:center,center,65% 55%;opacity:.85}
.panorama-seguros:before{background-position:center,center,50% 70%;filter:saturate(.3)}
.panorama-viagens:before{background-position:center,center,right center}
@media(max-width:1050px){.panorama-inner{gap:45px}.intro .service-rail>.wrap{grid-template-columns:repeat(3,1fr);gap:20px}}
@media(max-width:760px){.panorama{min-height:100svh;padding:95px 0}.panorama-inner{grid-template-columns:1fr;gap:45px}.panorama-copy h2{font-size:35px}.panorama-description{font-size:15px}.panorama-detail{padding:15px 0 15px 22px}.panorama-detail li{font-size:14px}.intro .service-rail>.wrap{grid-template-columns:repeat(2,1fr)}.intro .service-rail a{padding:0}.panorama:before{background-size:auto,auto,auto 100%}}

/* Grafite profundo: a iluminação revela o horizonte sem lavar o aço. */
.panorama-sequence,.panorama{background:#191b1e}
.panorama:before{background-image:linear-gradient(180deg,#191b1e,transparent 25%,transparent 75%,#191b1e),linear-gradient(90deg,#191b1efa 0%,#1c1e21f5 28%,#1e2023e8 43%,#202225c4 58%,#2224278c 72%,#24262940 88%,#24262918 100%),url('assets/horizonte-degrade.png');opacity:1}
.panorama-detail{background:transparent;border-left-color:#c4c3c330}
.panorama-financeiros:before{opacity:1}

/* Dois tons mais profundos na base de aço. */
.panorama-sequence,.panorama{background:#131518}
.panorama:before{background-image:linear-gradient(180deg,#131518,transparent 25%,transparent 75%,#131518),linear-gradient(90deg,#131518ff 0%,#15171afa 28%,#17191cf2 43%,#191b1edb 58%,#1b1d20a6 72%,#1d1f2259 88%,#1d1f222b 100%),url('assets/horizonte-degrade.png')}
