/* Logo preta sobre superfície translúcida fosca, sem fundo retangular. */
.brand.brand-image .logo-upload{width:188px;height:82px;background:transparent;border-radius:0;overflow:visible;display:flex;align-items:center}.brand.brand-image .logo-upload img{position:static;width:100%;height:76px;object-fit:contain;max-width:100%;transform:none;opacity:.9}.header{background:rgba(255,254,250,.88);backdrop-filter:blur(16px)}.footer .brand.brand-image .logo-upload{width:204px;height:91px;padding:10px 14px;background:rgba(255,254,250,.9);border-radius:10px;backdrop-filter:blur(10px)}.footer .brand.brand-image .logo-upload img{position:static;width:100%;height:auto;max-height:72px;object-fit:contain}
.traffic-story{padding:65px 0 0;background:#eeefe8;border-top:1px solid #e0e3d8;overflow:hidden}.traffic-heading{display:flex;justify-content:space-between;gap:55px;align-items:flex-end}.traffic-heading h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(31px,3vw,44px);font-weight:500;line-height:1.13;letter-spacing:-.04em;margin:20px 0 0}.traffic-heading h2 em{font-weight:500;color:#c83d19}.traffic-context{max-width:320px}.traffic-context p{font-size:13px;line-height:1.8;color:#606c6b;margin:0 0 16px}.traffic-toggle{background:none;border:0;border-bottom:1px solid #a5ada1;padding:5px 0;color:#32463e;font:500 10px 'DM Sans',sans-serif;cursor:pointer;display:flex;gap:24px;align-items:center}.traffic-toggle span{font-size:14px}.traffic-landscape{position:relative;height:242px;margin-top:25px}.city-line{position:absolute;bottom:103px;left:8%;right:8%;height:100px;display:flex;justify-content:space-between;align-items:end;opacity:.38}.city-line i{width:50px;height:50px;border:1px solid #9ea99c;border-bottom:0;background:repeating-linear-gradient(0deg,transparent 0 14px,#c8cec0 14px 16px)}.city-line i:nth-child(2n){height:85px;width:36px}.city-line i:nth-child(3n){height:62px;width:72px}.road-label{position:absolute;bottom:108px;left:10%;font:600 9px 'DM Sans',sans-serif;color:#6d7a6e;letter-spacing:1.8px}.road-label span{padding-left:15px;color:#b63a1b}.road-sign{position:absolute;bottom:113px;right:15%;padding:10px 18px;background:#fffefa;border:1px solid #c8d0c1;border-radius:6px;color:#65715f;font-size:9px;line-height:1.6;transform:rotate(-3deg);box-shadow:0 5px 0 #dde2d3}.road-sign strong{font-weight:600;color:#203a31}.road-sign:after{content:'';position:absolute;width:3px;height:25px;background:#a6b19b;top:100%;left:20px}.road{position:absolute;bottom:45px;left:0;right:0;height:65px;background:#1e3634;border-top:3px solid #f5f3e8;border-bottom:3px solid #f5f3e8;box-shadow:0 -6px 0 #a6b7a2,0 6px 0 #a6b7a2}.lane-markings{position:absolute;top:29px;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#ffffff6b 0 25px,transparent 25px 65px);animation:lane-travel 4s linear infinite}.traffic-light{position:absolute;z-index:1;left:45%;bottom:112px;width:18px;height:48px;background:#183431;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:3px}.traffic-light:after{content:'';position:absolute;top:100%;left:8px;width:3px;height:23px;background:#546b5b}.traffic-light i{width:8px;height:8px;border-radius:50%;background:#ffffff1f}.traffic-light i:last-child{background:#8cd1a9;box-shadow:0 0 8px #8cd1a955}.vehicle{position:absolute;left:0;top:-24px;width:77px;height:43px;--car:#ef5b36;animation:drive-forward 17s linear infinite;filter:drop-shadow(0 4px 3px #0003)}.car-body{position:absolute;bottom:6px;left:0;right:0;height:22px;background:var(--car);border-radius:10px 15px 7px 6px;border-bottom:3px solid #0002}.car-body:before,.car-body:after{content:'';position:absolute;top:6px;width:5px;height:5px;background:#fff6cb;right:0;border-radius:1px}.car-body:after{left:0;background:#ffc2a0}.car-top{position:absolute;top:1px;left:15px;width:45px;height:22px;background:var(--car);border-radius:18px 14px 0 0;display:flex;padding:4px 7px 3px;gap:3px}.car-top i{display:block;flex:1;background:#d8ebe5;border-radius:6px 5px 0 0}.wheel{position:absolute;bottom:0;width:15px;height:15px;background:#172626;border:4px solid #2f4140;border-radius:50%;box-shadow:inset 0 0 0 2px #b2bfb3}.wheel-front{right:9px}.wheel-back{left:9px}.vehicle-two{--car:#f6f1df;animation-delay:-7s;animation-duration:22s}.vehicle-three{--car:#739b8b;top:17px;animation-name:drive-back;animation-delay:-8s;animation-duration:19s;transform:scaleX(-1)}.road-foot{position:absolute;bottom:10px;left:10%;right:10%;display:flex;justify-content:space-between;color:#61705f;font:500 9px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase}.road-foot span:before{content:'•';color:#d64c24;margin-right:9px}.traffic-story.is-paused *{animation-play-state:paused!important}@keyframes drive-forward{from{left:-90px}to{left:calc(100% + 90px)}}@keyframes drive-back{from{left:calc(100% + 90px)}to{left:-90px}}@keyframes lane-travel{to{background-position:-260px 0}}
.cnh-guide{position:fixed;right:24px;bottom:24px;z-index:80;font-family:'DM Sans',sans-serif}.guide-launch{display:flex;align-items:center;gap:12px;padding:10px 15px 10px 10px;background:rgba(255,254,250,.96);backdrop-filter:blur(18px);border:1px solid #dce2d7;border-radius:18px;box-shadow:0 9px 35px #172f3024;cursor:pointer;color:#203633;text-align:left}.guide-avatar{position:relative;display:block;width:48px;height:53px;flex-shrink:0;border-radius:12px;background:radial-gradient(ellipse at bottom,#f04b2324,transparent 75%)}.bot-head{display:flex;align-items:center;justify-content:center;gap:7px;position:absolute;top:9px;left:8px;width:32px;height:27px;background:linear-gradient(140deg,#fff,#d8e1dc);border:1px solid #a5b6af;border-radius:13px 13px 10px 10px;box-shadow:0 4px 10px #2f4c3c15;animation:bot-float 5s ease-in-out infinite}.bot-head:before,.bot-head:after{content:'';position:absolute;top:8px;width:3px;height:10px;background:#b7c9bf;border-radius:3px;left:-4px}.bot-head:after{left:auto;right:-4px}.bot-head i{display:block;width:4px;height:5px;background:#c54824;border-radius:4px}.bot-head b{position:absolute;bottom:5px;width:8px;height:3px;border-bottom:1px solid #6a8b7e;border-radius:0 0 50% 50%}.bot-base{position:absolute;bottom:5px;left:14px;width:21px;height:5px;border-radius:50%;background:#9cb8a64a;box-shadow:0 0 9px #f04b2320}.guide-launch-label{font-size:9px;color:#68766d;line-height:1.7}.guide-launch-label strong{display:block;font-size:12px;font-weight:600;color:#223b34}.guide-launch-plus{font-size:22px;color:#c44722;margin-left:7px}.guide-panel[hidden]{display:none}.guide-panel{position:absolute;right:0;bottom:88px;width:365px;max-width:calc(100vw - 32px);max-height:min(620px,calc(100dvh - 130px));overflow:auto;border:1px solid #d5ded2;border-radius:19px;background:#fffefa;box-shadow:0 18px 70px #142f302b}.guide-header{display:flex;align-items:center;gap:10px;padding:15px 17px;background:#edf0e8;border-bottom:1px solid #dbe1d5;position:sticky;top:0;z-index:2}.guide-header h2{font:600 15px/1.4 'DM Sans',sans-serif;letter-spacing:-.02em;margin:0;color:#203b33}.guide-header p{font-size:10px;color:#607667;margin:3px 0 0}.guide-close{margin-left:auto;font:400 25px 'DM Sans',sans-serif;background:none;border:0;color:#526a5d;padding:4px 8px;cursor:pointer;border-radius:5px}.guide-content{padding:18px}.guide-welcome{font-size:12px;line-height:1.85;margin:0 0 14px;color:#455c50}.guide-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.guide-topics button{font:500 10px 'DM Sans',sans-serif;border:1px solid #d6dfd0;background:#f4f6ef;border-radius:20px;padding:7px 11px;color:#355141;cursor:pointer}.guide-topics button:hover{background:#e9eee0}.guide-form label{display:block;font-size:10px;font-weight:600;color:#3f5949;margin-bottom:7px}.guide-form>div{display:flex;border:1px solid #cad7c3;border-radius:8px;overflow:hidden;background:#fff}.guide-form input{min-width:0;width:100%;padding:12px;border:0;font:400 12px 'DM Sans',sans-serif;background:transparent;color:#203b33}.guide-form button{background:#f04b23;color:#fff;border:0;padding:0 16px;font-size:22px;cursor:pointer}.guide-status{font-size:11px;line-height:1.7;color:#506950;margin:14px 0 9px}.guide-result{border:1px solid #dce3d4;border-radius:9px;padding:13px;margin:10px 0;background:#f5f6ef}.guide-result h3{font:600 12px/1.55 'DM Sans',sans-serif;letter-spacing:0;color:#264231;margin:0 0 7px}.guide-result p{font-size:11px;line-height:1.8;color:#526650;margin:0 0 12px}.guide-result a{font-size:10px;font-weight:600;color:#b13515;text-decoration:underline;text-underline-offset:3px}.guide-result a+a{margin-left:15px}.guide-limit{font-size:9px;color:#71806b;line-height:1.7;border-top:1px solid #e1e5d9;padding-top:13px;margin:17px 0 0}.guide-results .guide-fallback{font-size:12px;line-height:1.8;color:#4e6555}.guide-fallback a{color:#b13515;text-decoration:underline}.guide-target{outline:2px solid #f04b2370;outline-offset:10px;border-radius:5px}@keyframes bot-float{50%{transform:translateY(-3px)}}
@media(max-width:800px){.brand.brand-image .logo-upload{width:150px;height:66px}.brand.brand-image .logo-upload img{width:100%;height:60px;position:static}.traffic-story{padding-top:47px}.traffic-heading{display:block}.traffic-context{max-width:100%;display:flex;gap:25px;align-items:center;justify-content:space-between;margin-top:20px}.traffic-context p{font-size:12px;max-width:280px;margin:0}.traffic-toggle{white-space:nowrap;font-size:9px;gap:8px}.traffic-landscape{height:211px;margin-top:13px}.city-line{left:5%;right:5%}.city-line i{width:30px}.city-line i:nth-child(3n){width:40px}.road-label{left:7%;font-size:8px}.road-sign{right:5%;font-size:8px;padding:8px 11px}.traffic-light{left:47%}.road-foot{left:6%;right:6%;font-size:7px}.cnh-guide{right:14px;bottom:14px}.guide-launch{padding:5px;border-radius:50%;width:61px;height:61px;justify-content:center}.guide-launch-label,.guide-launch-plus{display:none}.guide-panel{bottom:73px;right:0;max-height:calc(100dvh - 106px)}.guide-header{padding:11px 15px}.guide-content{padding:16px}.guide-launch[aria-expanded="false"]:after{content:'?';position:absolute;top:0;right:0;background:#f04b23;color:#fff;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px}.traffic-heading h2{font-size:34px}.traffic-context{gap:15px}}
@media(prefers-reduced-motion:reduce){.traffic-landscape *,.guide-avatar *{animation:none!important}.vehicle-one{left:14%}.vehicle-two{left:65%}.vehicle-three{left:42%}.traffic-toggle{display:none}}
.road-label{bottom:124px}
/* Enquadra a arte transparente sem cortar a marca. */
.header .brand.brand-image .logo-upload{width:190px;height:82px;overflow:hidden;position:relative}.header .brand.brand-image .logo-upload img{position:absolute;width:220px;height:110px;max-width:none;left:-15px;top:-18px}
@media(max-width:800px){.header .brand.brand-image .logo-upload{width:150px;height:66px}.header .brand.brand-image .logo-upload img{width:174px;height:87px;left:-12px;top:-14px}}