/* Referência visual oficial fornecida em 2026-08-05: Portal Sucesso Plataforma v00.02.03 */
:root,html[data-theme="dark"]{--primary:#ed323b;--secondary:#ed323b;--bg:#020407;--surface:#0d1219;--surface2:#121821;--surface3:#090d13;--text:#f5f6f8;--heading:#fff;--muted:#b6bec9;--line:rgba(255,255,255,.13);--soft-line:rgba(255,255,255,.075);--input-bg:#0b0f15;--input-text:#fff;--input-line:#303a49;--nav-bg:rgba(3,6,10,.96);--nav-text:#f0f2f4;--footer-bg:#05080c;--footer-text:#c0c6cf;--radius:10px;--shadow:0 18px 50px rgba(0,0,0,.22);color-scheme:dark}
html{background:#020407}body{background:#020407;color:var(--text);overflow-x:hidden}
.topbar{width:min(100%,1280px);height:90px;margin:0 auto;padding:0 28px;background:rgba(3,6,10,.96);border-color:var(--soft-line);box-shadow:0 8px 24px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.brand{width:92px;flex:0 0 92px}.brand img{width:78px;height:76px;object-fit:contain}.brand span{display:none}.nav{gap:28px;margin-left:0}.nav a{font-size:13px;font-weight:700}.nav-cta{margin-left:auto;min-height:44px;padding:0 18px;border-radius:8px!important;text-transform:uppercase;font-size:11px!important}
.btn-primary,.btn-secondary{min-height:44px;padding:0 18px;border-radius:8px;text-transform:uppercase;font-size:11px;letter-spacing:.01em}.btn-secondary{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.30)!important;color:#fff!important}
.institutional-hero{width:min(100%,1280px);min-height:560px;margin:0 auto;padding:52px 28px 24px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;background-image:linear-gradient(90deg,rgba(3,6,10,.94) 0%,rgba(3,6,10,.77) 38%,rgba(3,6,10,.24) 68%,rgba(3,6,10,.10) 100%),url('../img/modelo-visual/hero-monitoramento.webp');background-size:cover;background-position:center right;border-bottom:1px solid var(--soft-line)}
.institutional-hero:before{background:linear-gradient(180deg,transparent 62%,rgba(3,6,10,.82))}.hero-copy{max-width:560px}.eyebrow{padding:0;border:0;border-radius:0;background:transparent;color:#ff424a!important;font-size:11px;letter-spacing:.15em}.hero-copy h1{max-width:560px;margin:15px 0 0;font-size:clamp(2.6rem,4.3vw,4rem);line-height:1.01;letter-spacing:-.048em;text-transform:uppercase;text-wrap:balance}.hero-copy p{max-width:540px;margin-top:17px;color:#eef0f3;font-size:15px;line-height:1.62}
.hero-benefit-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,transparent,rgba(4,7,11,.62))}.hero-benefit-strip article{display:flex;align-items:center;gap:12px;min-height:62px;padding:0 18px;border-right:1px solid rgba(255,255,255,.16)}.hero-benefit-strip article:first-child{padding-left:0}.hero-benefit-strip article:last-child{border-right:0;padding-right:0}.hero-benefit-strip article>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;color:var(--primary);font-size:25px}.hero-benefit-strip strong,.hero-benefit-strip small{display:block}.hero-benefit-strip strong{font-size:12px}.hero-benefit-strip small{margin-top:4px;color:#d2d6dc;font-size:10px;line-height:1.35}
.section,.compact-section{width:min(100%,1280px);margin:0 auto;padding:28px}.section.alt{background:#090d13;border-color:var(--soft-line)}.section-title{max-width:none}.compact-title{text-align:left}.compact-title span{color:var(--primary);font-size:11px}.compact-title h2{font-size:clamp(1.35rem,2.1vw,2rem)}
.services-grid{gap:13px}.card,.mini-card,.form-panel,.contact-info-card,.home-article-row{background:linear-gradient(180deg,#111720,#0a0e14);border-color:rgba(255,255,255,.20);border-radius:7px;box-shadow:none}.service-card{padding:0;overflow:hidden;min-height:330px}.solution-image{width:100%;height:142px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.12)}.service-card .card-top,.service-card>p,.service-card>a{margin-left:15px;margin-right:15px}.service-card .card-top{margin-top:15px}.service-card>a{margin-bottom:15px;color:#ff424a}.mini-card{min-height:118px}.mini-card:before{content:"◇";display:block;color:var(--primary);font-size:24px;margin-bottom:8px}
.case-card{padding:0;overflow:hidden}.case-card>.badge,.case-card>h3,.case-card>p,.case-card>a{margin-left:12px;margin-right:12px}.case-card>a:last-child{margin-bottom:14px;color:#ff424a}.card .case-thumb-link,.case-card .case-thumb-link{padding:0;border-bottom-color:rgba(255,255,255,.12)}.case-card .preview-img{height:145px;margin:0;border:0;border-radius:0}.form-panel input,.form-panel select,.form-panel textarea,input,select,textarea{background:#0b0f15;color:#fff;border-color:#303a49;border-radius:8px}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#ff4b54;box-shadow:0 0 0 3px rgba(225,51,61,.13)}
.site-footer{width:min(100%,1280px);margin:0 auto;padding:28px;background:#05080c;border-color:var(--soft-line)}.cookie-consent{background:#0d1219;border-color:rgba(255,255,255,.18)}code{background:#080b10;color:#d8eef7}
@media(max-width:900px){.topbar{height:76px;padding:8px 18px}.brand{width:72px;flex-basis:72px}.brand img{width:65px;height:60px}.nav{top:76px;background:rgba(3,6,10,.98);border-radius:10px}.institutional-hero{min-height:640px;padding:38px 18px 18px;background-position:64% center}.hero-benefit-strip{grid-template-columns:repeat(2,1fr)}.hero-benefit-strip article:nth-child(2){border-right:0}.section,.compact-section{padding:28px 18px}}
@media(max-width:640px){.institutional-hero{min-height:780px;background-position:69% center}.hero-copy h1{font-size:2.15rem}.hero-copy p{font-size:14px}.compact-actions{display:grid}.hero-benefit-strip{grid-template-columns:1fr;padding:12px;background:rgba(3,6,10,.80);border-radius:8px}.hero-benefit-strip article,.hero-benefit-strip article:first-child,.hero-benefit-strip article:last-child{padding:10px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.hero-benefit-strip article:last-child{border-bottom:0}.solution-image{height:180px}.service-card{min-height:345px}}
