.transport-hero-v2{position:relative;isolation:isolate;overflow:hidden;min-height:680px;background:#070809 url("transporte-rodoviario-hero-v2.png") center/cover no-repeat}
.transport-hero-v2:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,7,.98) 0%,rgba(5,6,7,.91) 41%,rgba(5,6,7,.34) 68%,rgba(5,6,7,.12) 100%),linear-gradient(0deg,rgba(5,6,7,.82),transparent 48%)}
.transport-hero-v2:after{content:"TRANSPORTE RODOVIÁRIO";position:absolute;left:5vw;bottom:25px;color:rgba(255,255,255,.11);font-size:clamp(32px,4.8vw,74px);font-weight:900;letter-spacing:-.045em;white-space:nowrap}
.transport-hero-v2>div,.transport-hero-v2>aside{position:relative;z-index:1}
.transport-hero-v2>div:first-of-type{max-width:690px}
.transport-visual-panel{align-self:end;width:min(560px,100%);margin:0 0 24px auto;padding:24px;background:linear-gradient(145deg,rgba(10,12,13,.92),rgba(20,22,23,.82));border:1px solid rgba(255,255,255,.18);border-top:3px solid var(--o);box-shadow:0 28px 70px rgba(0,0,0,.48);backdrop-filter:blur(14px)}
.transport-visual-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:17px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.transport-visual-head small{display:block;margin-bottom:7px;color:var(--o);font-size:10px;font-weight:900;letter-spacing:.15em}
.transport-visual-head b{display:block;color:#fff;font-size:20px}
.transport-visual-head span{color:#8f9799;font-size:11px;text-align:right}
.transport-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.transport-status{min-height:96px;padding:15px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}
.transport-status strong{width:42px;height:42px;display:grid;place-items:center;background:#242728;color:var(--o);font-size:12px;letter-spacing:.04em}
.transport-status b,.transport-status small{display:block}.transport-status b{color:#fff;font-size:13px}.transport-status small{margin-top:5px;color:#a6adaf;font-size:11px;line-height:1.35}
.transport-status.ok{border-color:rgba(42,177,126,.32)}.transport-status.ok strong{color:#55d19f}.transport-status.attention{border-color:rgba(245,131,25,.45)}.transport-status.attention strong{background:#382719}
.transport-visual-foot{display:flex;align-items:center;gap:8px;margin-top:14px;color:#c7cdcf;font-size:11px}.transport-visual-foot i{width:8px;height:8px;border-radius:50%;background:#2ab17e;box-shadow:0 0 0 5px rgba(42,177,126,.1)}
@media(max-width:1000px){.transport-hero-v2{min-height:auto;background-position:68% center}.transport-hero-v2:before{background:linear-gradient(180deg,rgba(5,6,7,.96) 0%,rgba(5,6,7,.86) 58%,rgba(5,6,7,.7) 100%)}.transport-visual-panel{margin:16px 0 34px}.transport-hero-v2:after{left:24px}}
@media(max-width:620px){.transport-hero-v2{background-position:64% center}.transport-status-grid{grid-template-columns:1fr}.transport-visual-panel{padding:17px}.transport-visual-head{align-items:flex-start;flex-direction:column}.transport-visual-head span{text-align:left}.transport-status{min-height:78px}.transport-hero-v2:after{display:none}}