#solucoes .solutions-lead-image { position:relative; display:block; align-self:stretch; margin:0; width:100%; min-height:445px; overflow:hidden; background:#011F78; }
#solucoes .solutions-lead-image:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(1,31,120,.5),rgba(1,31,120,.02) 58%); }
#solucoes .solutions-lead-image img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
#solucoes .solutions-lead-image figcaption { position:absolute; z-index:1; left:1.65rem; bottom:1.25rem; display:flex; align-items:center; gap:.6rem; color:#fff; font:10px var(--mono); letter-spacing:.1em; }
#solucoes .solutions-lead-image figcaption span { display:inline-block; width:22px; height:1px; background:#F28209; }
.board-photo { background:#011F78; }
.board-photo>img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.86; }
.board-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,31,120,.32),transparent 55%),linear-gradient(0deg,rgba(1,31,120,.63),transparent 52%); pointer-events:none; }
.board-photo .board-alert { z-index:1; }
.command-section { position:relative; background:radial-gradient(circle at 83% 22%,rgba(242,130,9,.16),transparent 24%),linear-gradient(120deg,#01145a 0%,#011F78 48%,#010f59 100%); }
.command-section:after { content:""; position:absolute; right:0; bottom:0; width:39%; height:1px; background:linear-gradient(90deg,transparent,#F28209); opacity:.72; }
.command-layout { position:relative; z-index:1; }
.command-board { position:relative; isolation:isolate; margin-top:.6rem; border:0; background:transparent; box-shadow:none; }
.command-board .board-top { position:absolute; z-index:3; top:0; left:0; right:0; height:52px; padding:0 1.45rem; border:0; background:linear-gradient(180deg,rgba(1,20,90,.88),rgba(1,20,90,0)); }
.command-board .board-map { height:390px; clip-path:polygon(0 0,100% 0,100% 91%,94% 100%,0 100%); background:#01145a; }
.board-photo>img { opacity:1; }
.board-photo:after { background:linear-gradient(90deg,rgba(1,20,90,.58),rgba(1,20,90,.04) 67%),linear-gradient(0deg,rgba(1,20,90,.72),transparent 58%); }
.command-board .board-alert { right:1.5rem; bottom:1.65rem; border-left:0; border-top:2px solid #F28209; padding:.85rem .95rem; box-shadow:0 12px 30px rgba(0,0,0,.2); }
.command-board .board-stats { position:relative; z-index:4; width:calc(100% - 56px); margin:-42px auto 0; padding:1.4rem 1.55rem; background:#fff; color:#011F78; box-shadow:0 18px 45px rgba(0,0,0,.22); }
.command-board .board-stats>div:not(:first-child) { border-left-color:rgba(1,31,120,.16); }
.command-board .board-stats small { color:#F28209; }
.command-board .board-stats b { color:#011F78; }
.command-board .board-stats span { color:#596889; }
.command-board .board-stats .up { color:#d96900; }
.command-board .network { color:#011F78!important; }
@media(max-width:720px) { .command-board { margin-top:0; } .command-board .board-top { height:45px; padding:0 1rem; } .command-board .board-map { height:285px; clip-path:none; } .command-board .board-alert { right:1rem; bottom:1rem; } .command-board .board-stats { width:calc(100% - 24px); margin:-24px auto 0; padding:1rem; } }
.quote-section { position:relative; overflow:hidden; background:#011F78; color:#fff; }
.quote-background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.88; }
.quote-section:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,31,120,.93) 0%,rgba(1,31,120,.77) 49%,rgba(1,31,120,.22) 100%); }
.quote-layout { z-index:1; max-width:980px; margin:0 auto; padding-left:0; text-align:center; }
.quote-section .quote-symbol { position:static; display:block; width:max-content; margin:0 auto .15rem; color:#F28209; font-size:7.5rem; line-height:.65; letter-spacing:-.15em; }
.quote-section .quote-layout blockquote { margin:0 auto; text-align:center; }
.quote-section .quote-layout p { color:rgba(255,255,255,.72); text-align:center; }
@media(max-width:720px) { #solucoes .solutions-lead-image { min-height:240px; height:240px; } #solucoes .solutions-lead-image figcaption { left:1rem; bottom:1rem; font-size:8px; } .quote-background { object-position:68% center; } .quote-section:after { background:linear-gradient(90deg,rgba(1,31,120,.94),rgba(1,31,120,.7)); } .quote-section .quote-symbol { margin-bottom:.1rem; font-size:5.4rem; } }