/* Redesign minimalista — mantém a estrutura e as funções do protótipo. */
:root{
  --black:#0a0a0a;
  --ink:#111;
  --panel:#151515;
  --line:#292929;
  --gold:#929995;
  --gold-2:#dcc27f;
  --paper:#f5f4f0;
  --muted:#999;
  --white:#fff;
  --radius:0;
  --max:1180px;
}

body{font-family:Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.01em}
[hidden]{display:none!important}
.top-alert{height:24px;background:#f2f0ea;color:#4f4f4a;font-size:8px;letter-spacing:.2em}
.site-header{height:84px;top:24px;background:rgba(10,10,10,.88);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.08)}
.brand{gap:12px}
.brand img{width:42px;height:54px}
.brand strong{font-size:18px;letter-spacing:.08em}
.brand small{font-size:8px;color:#858585;margin-top:5px}
.main-nav{gap:24px;font-size:10px;font-weight:600;letter-spacing:.08em}
.nav-login{border:0;border-bottom:1px solid var(--gold);padding:10px 0}
.menu-toggle{font-size:20px}

.hero{min-height:760px;grid-template-columns:minmax(0,1fr) 300px;gap:100px;padding-top:170px;background:#0a0a0a}
.hero-grid{opacity:.35;background-size:96px 96px}
.hero-noise,.hero-index{display:none}
.hero:after{background:linear-gradient(0deg,#0a0a0a,transparent 22%)}
.eyebrow{font-size:9px;letter-spacing:.22em;color:var(--gold-2)}
.eyebrow:before{width:24px;background:var(--gold)}
.hero h1{max-width:860px;font:600 clamp(54px,7vw,88px)/.92 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.055em;margin:28px 0;text-transform:none}
.hero h1 em{color:#858585;-webkit-text-stroke:0}
.hero-content>p{max-width:590px;color:#8f8f8f;font-size:15px;line-height:1.75}
.hero-actions{gap:12px;margin-top:38px}
.btn{padding:13px 20px;font-size:9px;letter-spacing:.12em;font-weight:700}
.btn-primary{background:#f2f0ea;color:#111}
.btn-primary:hover{background:#fff;transform:none}
.btn-outline{border-color:#353535;color:#aaa}
.operational-card{background:transparent;backdrop-filter:none;border:1px solid #282828;padding:24px;box-shadow:none}
.operational-card>strong{font:500 31px "Helvetica Neue",Arial,sans-serif;color:#f1f1ed;margin:10px 0 25px}
.operational-card small{font-size:8px;letter-spacing:.18em}
.status-row{padding:12px 0;font-size:11px;border-color:#252525}
.scroll-hint{font-size:8px;color:#666}

.section{padding:100px max(28px,calc((100vw - var(--max))/2))}
.section-heading{margin-bottom:48px}
.section-heading h2{font:500 clamp(38px,4.5vw,58px)/1 "Helvetica Neue",Arial,sans-serif;text-transform:none;letter-spacing:-.045em}
.section-heading.split{align-items:end}
.section-heading.split>p{font-size:13px;line-height:1.7}
.institutional{background:var(--paper)}
.institutional-grid{gap:100px}
.text-column .lead{font-size:19px}
.text-column p{font-size:14px;line-height:1.8}
.text-column blockquote{font:500 22px/1.35 "Helvetica Neue",Arial,sans-serif;text-transform:none;border-left:1px solid var(--gold);padding-left:20px}
.numbers-column article{padding:26px;border-color:#d8d6d0}
.numbers-column strong{font:500 44px/1 "Helvetica Neue",Arial,sans-serif}
.numbers-column span{font-size:9px}

.structure{background:#0d0d0d}
.structure-grid{gap:12px;border:0}
.feature-card{min-height:280px;padding:28px;border:1px solid #242424;background:#111}
.feature-card:hover{background:#141414;transform:none;border-color:#3a3a3a}
.card-icon{display:none}
.card-number{top:26px;right:26px;color:#555}
.feature-card h3{font:500 22px "Helvetica Neue",Arial,sans-serif;text-transform:none;margin:38px 0 12px}
.feature-card p{font-size:12px;line-height:1.7;color:#888}
.feature-card a{bottom:26px;font-size:8px}

.occurrences{background:#0a0a0a}
.occurrence-grid{gap:12px}
.occurrence-card{min-height:310px;padding:28px;background:#101010;border-color:#242424}
.occurrence-card:before{display:none}
.occurrence-card h3{font:500 24px/1.12 "Helvetica Neue",Arial,sans-serif;text-transform:none;margin:34px 0 14px}
.occurrence-card p{font-size:12px;line-height:1.7}
.occurrence-meta{left:28px;right:28px;bottom:25px;font-size:8px}

.regulations{background:var(--paper)}
.document-list{border-color:#d3d1ca}
.document-item{padding:24px 4px;border-color:#d8d6d0}
.document-item:hover{background:transparent;padding-left:10px}
.document-item strong{font:500 20px "Helvetica Neue",Arial,sans-serif;text-transform:none}
.document-item small{font-size:12px;margin-top:4px}
.promotions{background:#0d0d0d}
.promotion-track{gap:12px}
.promotion-track article{padding:28px;background:#111;border-color:#242424}
.promotion-track h3{font:500 20px "Helvetica Neue",Arial,sans-serif;text-transform:none}
.promotion-track small{font-size:8px}
.promotion-track ul{font-size:11px}
.cta-section{padding:62px max(28px,calc((100vw - var(--max))/2));grid-template-columns:74px 1fr auto;background:#111;border-color:#252525}
.cta-section img{width:66px}
.cta-section h2{font:500 32px "Helvetica Neue",Arial,sans-serif;text-transform:none;letter-spacing:-.035em}
.cta-section p{font-size:12px}
footer{padding-top:30px;padding-bottom:30px;border-top:1px solid #1d1d1d}

/* Acesso e painel */
.system-page{background:#efeee9}
.login-screen{grid-template-columns:1fr 1fr}
.login-visual{background:#0b0b0b;padding:48px 8vw}
.login-visual:after{display:none}
.login-copy{max-width:520px}
.login-copy img{width:92px;margin-bottom:42px}
.login-copy h1{font:500 clamp(48px,5.6vw,76px)/.94 "Helvetica Neue",Arial,sans-serif;text-transform:none;letter-spacing:-.055em}
.login-copy p{font-size:13px;line-height:1.8}
.back-home{font-size:8px}
.login-panel{background:#efeee9}
.login-title h2{font:500 36px "Helvetica Neue",Arial,sans-serif;text-transform:none;letter-spacing:-.04em}
.login-form input,.patrol-form input,.patrol-form textarea,.action-modal input,.action-modal textarea{background:transparent;border:0;border-bottom:1px solid #bbb;padding:12px 2px}
.login-form input:focus,.patrol-form input:focus,.patrol-form textarea:focus,.action-modal input:focus,.action-modal textarea:focus{border-color:#111;box-shadow:none}
.demo-access{background:#e4e2da;padding:15px}
.dashboard{grid-template-columns:230px 1fr}
.sidebar{background:#111;padding:22px 16px}
.sidebar-brand{padding-bottom:22px}
.sidebar-brand img{width:40px}
.side-nav button{padding:12px;font-size:11px;border-left:0;border-radius:0}
.side-nav button.active,.side-nav button:hover{background:#1b1b1b;border-left-color:transparent}
.dashboard-header{height:82px;padding:0 30px}
.dashboard-header h1{font:500 26px "Helvetica Neue",Arial,sans-serif;text-transform:none;letter-spacing:-.03em}
.dashboard-view{padding:26px 30px}
.metric-grid{gap:12px}
.metric-grid article,.panel,.staff-card,.report-grid button{border:1px solid #d8d7d2;box-shadow:none}
.metric-grid article{padding:20px;border-top:1px solid #d8d7d2}
.metric-grid strong{font:500 34px "Helvetica Neue",Arial,sans-serif}
.panel{padding:20px}
.panel-head h2,.view-toolbar h2{font:500 22px "Helvetica Neue",Arial,sans-serif;text-transform:none}
.small-btn{background:#111}
th{font-size:7px}
td{padding:13px 8px}
.status-badge{background:transparent;color:#377c49;border:1px solid #b9d6c0}
.staff-grid{gap:12px}
.staff-card strong{font:500 17px "Helvetica Neue",Arial,sans-serif;text-transform:none}
.staff-card .avatar{background:#181818}
.report-grid{gap:12px}
.report-grid button{padding:24px}
.report-grid button:hover{transform:none;border-color:#999}
.report-grid strong{font:500 18px "Helvetica Neue",Arial,sans-serif;text-transform:none}
.action-modal{border-radius:0}
.modal-head h2{font:500 27px "Helvetica Neue",Arial,sans-serif;text-transform:none}

@media(max-width:1000px){
  .main-nav{background:#0d0d0d;border-bottom:1px solid #292929}
  .hero{grid-template-columns:minmax(0,1fr);gap:0}
  .hero-content{width:100%;min-width:0;max-width:760px}
  .hero-content>p{width:100%}
  .structure-grid,.occurrence-grid,.promotion-track{grid-template-columns:1fr 1fr}
}

@media(max-width:720px){
  .top-alert{height:auto;min-height:24px;padding:5px 12px;text-align:center;line-height:1.45}
  .site-header{height:70px}
  .brand img{width:36px;height:46px}
  .main-nav{top:70px}
  .hero{min-height:calc(100svh - 24px);padding:138px 22px 64px}
  .hero h1{margin:24px 0 22px;font-size:clamp(45px,14vw,52px);line-height:.96}
  .hero-content>p{max-width:34rem;margin:0;font-size:14px;line-height:1.65}
  .hero-actions{margin-top:30px}
  .scroll-hint{display:none}
  .section{padding:72px 22px}
  .section-heading{margin-bottom:34px}
  .structure-grid,.occurrence-grid,.promotion-track{grid-template-columns:1fr}
  .cta-section{grid-template-columns:1fr;padding-top:50px;padding-bottom:50px}
  .login-visual{min-height:44vh}
  .login-copy img{width:72px;margin-bottom:25px}
  .login-copy h1{font-size:46px}
  .login-panel{padding:48px 28px}
  .dashboard-header{padding:0 16px}
  .dashboard-view{padding:18px 16px}
}