/* Diferenciais: peças de mostruário com volume. */
#diferenciais.cx-panels{overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#fff29a,#ffdf00 65%)}
#diferenciais.cx-panels .features-grid{perspective:1400px;gap:25px;padding:18px 10px 35px}
#diferenciais.cx-panels .feature{position:relative;transform-style:preserve-3d;transform-origin:50% 55%;background:linear-gradient(135deg,#2c2e20,#10120c 70%);border:1px solid #ffffff28;color:#fff;box-shadow:2px 2px 0 #edce00,4px 4px 0 #c3a900,6px 6px 0 #998500,8px 8px 0 #625805,16px 24px 30px #44380055;transition:none;opacity:1;will-change:transform}
#diferenciais.cx-panels .feature b{display:block;color:#ffdf00;transform:translateZ(32px);text-shadow:2px 3px 0 #6a5f06,5px 7px 12px #000}
#diferenciais.cx-panels .feature h3{color:white;transform:translateZ(16px)}
#diferenciais.cx-panels .feature p{color:#c7c9be;transform:translateZ(10px)}
#diferenciais.cx-panels .feature:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#fff7ac18,transparent 50%);transform:translateZ(1px)}
/* Processo: percurso com avanço da luz e painéis em profundidade. */
#processo.cx-journey{overflow:visible;min-height:170svh;background:radial-gradient(ellipse at 50% 55%,#303013,#090b07 65%)}
#processo.cx-journey>.container{position:sticky;top:110px;padding-bottom:70px}
#processo.cx-journey .process-grid{position:relative;perspective:1300px;gap:25px;padding:65px 10px 25px}
#processo.cx-journey .process-step{position:relative;transform-style:preserve-3d;background:linear-gradient(145deg,#292c1d,#10130d);border:1px solid #8d8f7155;border-radius:18px;padding:32px 24px;box-shadow:5px 7px 0 #383c23,15px 23px 32px #0006;opacity:1;transition:border-color .25s,box-shadow .25s;will-change:transform}
#processo.cx-journey .process-step strong{display:block;color:#ffdf00;transform:translateZ(22px);text-shadow:2px 3px 0 #645b09}
#processo.cx-journey .process-step h3{transform:translateZ(14px);color:#fff}
#processo.cx-journey .process-step p{transform:translateZ(8px);color:#c5c8bb}
#processo.cx-journey .process-step.cx-active{border-color:#ffe229;box-shadow:5px 7px 0 #70690d,0 0 35px #ffdf001f,15px 23px 32px #0006}
#processo.cx-journey .process-step:before{content:'';position:absolute;width:13px;height:13px;top:-39px;left:calc(50% - 6px);border-radius:50%;background:#52573c;border:2px solid #89916a}
#processo.cx-journey .process-step.cx-reached:before{background:#ffdf00;border-color:#fff6a8;box-shadow:0 0 18px #ffe000}
.cx-route{position:absolute;top:32px;left:12%;right:12%;height:2px;background:#4c5133;pointer-events:none}
.cx-route i{display:block;height:100%;background:#ffdf00;box-shadow:0 0 16px #ffe000;transform-origin:left;transform:scaleX(var(--route,0))}
@media(max-width:1000px){#processo.cx-journey{min-height:0}#processo.cx-journey>.container{position:relative;top:0;padding-bottom:20px}#processo.cx-journey .process-grid{grid-template-columns:1fr;padding:0 10px 0 42px;gap:28px}.cx-route{top:25px;bottom:25px;left:13px;right:auto;width:2px;height:auto}.cx-route i{height:100%;transform-origin:top;transform:scaleY(var(--route,0))}#processo.cx-journey .process-step:before{left:-36px;top:28px}#processo.cx-journey .process-step{padding:24px}#diferenciais.cx-panels .features-grid{gap:24px}}
@media(prefers-reduced-motion:reduce){#diferenciais.cx-panels .feature,#processo.cx-journey .process-step{transform:none!important;will-change:auto}#processo.cx-journey{min-height:0}#processo.cx-journey>.container{position:relative;top:0}.cx-route i{transform:none}}
#diferenciais.cx-panels .features-grid{position:relative}
