/* =========================================================
   Gestão Logística Plus — Site Principal Fase 11F
   Premium corrigido: preserva imagens/topo e melhora sem quebrar layout.
   ========================================================= */

:root{
  --glp11f-bg:#020714;
  --glp11f-panel:rgba(7,23,45,.78);
  --glp11f-panel2:rgba(10,34,65,.72);
  --glp11f-line:rgba(142,190,255,.17);
  --glp11f-line-strong:rgba(8,215,208,.34);
  --glp11f-cyan:#08d7d0;
  --glp11f-blue:#1677ff;
  --glp11f-gold:#d9a441;
  --glp11f-text:#f8fbff;
  --glp11f-muted:#c4d4ea;
}

/* Base premium sem criar overlays invasivos */
body{
  background:
    radial-gradient(circle at 12% -12%,rgba(22,119,255,.20),transparent 30%),
    radial-gradient(circle at 88% 0%,rgba(8,215,208,.13),transparent 28%),
    linear-gradient(180deg,#020713 0%,#061426 48%,#030914 100%) !important;
}

.site::before{
  opacity:.75;
  background-size:62px 62px !important;
}

/* Header mais executivo, preservando estrutura */
.header{
  height:86px !important;
  background:rgba(2,8,18,.82) !important;
  border-bottom:1px solid rgba(8,215,208,.15) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.28) !important;
}

.header-inner{
  width:min(1480px,calc(100% - 52px)) !important;
}

.brand{
  padding:8px 12px 8px 8px;
  border-radius:22px;
  border:1px solid rgba(148,180,220,.12);
  background:rgba(255,255,255,.025);
}

.brand-logo{
  width:50px !important;
  height:50px !important;
}

.brand-name{
  font-size:24px !important;
}

.nav{
  gap:28px !important;
}

.nav a{
  position:relative;
  font-size:13px !important;
  text-transform:uppercase;
  letter-spacing:.045em;
}

.nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--glp11f-blue),var(--glp11f-cyan));
  transform:scaleX(0);
  transform-origin:left;
  transition:.22s ease;
}

.nav a:hover::after{
  transform:scaleX(1);
}

/* Hero preservando imagem de fundo */
.hero{
  min-height:760px !important;
  background:
    linear-gradient(90deg,rgba(2,7,19,.98) 0%,rgba(2,7,19,.88) 37%,rgba(2,7,19,.48) 72%,rgba(2,7,19,.70) 100%),
    url("warehouse-bg.webp") center right / cover no-repeat !important;
}

.hero-inner{
  width:min(1480px,calc(100% - 52px)) !important;
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.72fr) !important;
  gap:58px !important;
}

.badge{
  border-color:rgba(8,215,208,.28) !important;
  background:linear-gradient(135deg,rgba(8,215,208,.12),rgba(22,119,255,.09)) !important;
  box-shadow:0 16px 40px rgba(8,215,208,.08);
}

.hero h1{
  max-width:820px;
  letter-spacing:-.078em !important;
  text-wrap:balance;
}

.hero h1 span{
  text-shadow:0 0 38px rgba(8,215,208,.28);
}

.hero p{
  max-width:760px !important;
  color:#d7e5f5 !important;
  font-size:19px !important;
}

.btn,.top-btn{
  border-radius:15px !important;
}

.primary{
  background:linear-gradient(135deg,#1677ff 0%,#08d7d0 100%) !important;
  box-shadow:0 18px 46px rgba(22,119,255,.30),0 0 0 1px rgba(255,255,255,.10) inset !important;
}

.secondary,.ghost{
  background:rgba(255,255,255,.055) !important;
}

/* Hero panel mais premium, sem remover mockup/imagem */
.hero-panel{
  border:1px solid rgba(8,215,208,.18) !important;
  background:
    radial-gradient(circle at top right,rgba(8,215,208,.12),transparent 38%),
    linear-gradient(145deg,rgba(8,24,47,.84),rgba(2,8,18,.72)) !important;
  box-shadow:0 36px 110px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.panel-top{
  border-bottom-color:rgba(148,180,220,.12) !important;
}

.live{
  background:rgba(8,215,208,.11) !important;
  border:1px solid rgba(8,215,208,.22);
  color:#8ff7f1 !important;
}

.mini-card{
  border:1px solid rgba(148,180,220,.12) !important;
  background:rgba(255,255,255,.045) !important;
}

.mini-card strong{
  font-size:34px !important;
}

.chart-box{
  border-color:rgba(148,180,220,.13) !important;
  background:
    radial-gradient(circle at 20% 40%,rgba(22,119,255,.18),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)) !important;
}

/* Faixas e KPIs */
.glp-exec-ribbon,
.section,
.glp-process-section{
  width:min(1480px,calc(100% - 52px)) !important;
}

.glp-exec-ribbon > div,
.kpi,
.module-card,
.glp-process-card,
.benefit,
.security-card,
.status-card,
.glp-portal-card{
  border-color:rgba(148,180,220,.14) !important;
  background:
    radial-gradient(circle at top right,rgba(8,215,208,.075),transparent 34%),
    linear-gradient(145deg,rgba(8,24,47,.76),rgba(5,16,32,.62)) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.24) !important;
}

.glp-exec-ribbon > div:hover,
.kpi:hover,
.module-card:hover,
.glp-process-card:hover,
.benefit:hover,
.glp-portal-card:hover{
  transform:translateY(-4px);
  border-color:rgba(8,215,208,.28) !important;
  box-shadow:0 28px 76px rgba(0,0,0,.34) !important;
}

.kpi strong,
.module-card h3,
.glp-process-card h3,
.benefit h3,
.security-card h2,
.section-title{
  letter-spacing:-.055em !important;
}

.section-head{
  max-width:980px !important;
}

.section-title{
  text-wrap:balance;
}

.section-subtitle{
  color:#c5d5eb !important;
}

/* Módulos com leitura mais forte */
.glp-module-premium{
  min-height:285px !important;
}

.glp-module-top{
  color:#9ff8f2 !important;
}

.glp-module-premium small{
  display:inline-flex;
  width:max-content;
  margin-top:auto;
  border:1px solid rgba(8,215,208,.16);
  border-radius:999px;
  padding:8px 10px;
  background:rgba(8,215,208,.07);
  color:#9ff8f2 !important;
  font-weight:900;
}

.glp-module-premium small + small{
  display:none !important;
}

/* Dashboard preview preservado e mais polido */
.dashboard-preview{
  border-color:rgba(8,215,208,.18) !important;
  background:
    radial-gradient(circle at top right,rgba(8,215,208,.12),transparent 35%),
    linear-gradient(150deg,rgba(8,24,47,.82),rgba(2,8,18,.70)) !important;
  box-shadow:0 36px 110px rgba(0,0,0,.35) !important;
}

.dash-card,.widget{
  border-color:rgba(148,180,220,.13) !important;
  background:rgba(255,255,255,.045) !important;
}

/* Portal transportadora: manter institucional, sem check-in motorista */
.glp-portal-section{
  width:min(1480px,calc(100% - 52px));
  margin-left:auto;
  margin-right:auto;
}

.glp-portal-shell{
  border-color:rgba(8,215,208,.20) !important;
  background:
    radial-gradient(circle at 15% 12%,rgba(22,119,255,.16),transparent 30%),
    radial-gradient(circle at 88% 10%,rgba(217,164,65,.10),transparent 26%),
    linear-gradient(150deg,rgba(8,24,47,.86),rgba(2,8,18,.74)) !important;
  box-shadow:0 34px 110px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.glp-portal-title{
  text-wrap:balance;
}

.glp-portal-btn{
  border-radius:16px !important;
}

/* CTA e footer */
.cta{
  border-color:rgba(255,255,255,.20) !important;
  background:
    radial-gradient(circle at top right,rgba(255,255,255,.16),transparent 32%),
    linear-gradient(135deg,#1677ff,#08d7d0) !important;
}

.footer{
  background:linear-gradient(180deg,rgba(2,8,18,.50),rgba(2,8,18,.94)) !important;
}

/* Páginas internas institucionais */
.legal-card,
.page-card,
.content-card{
  border:1px solid rgba(148,180,220,.14);
  background:linear-gradient(145deg,rgba(8,24,47,.82),rgba(2,8,18,.70));
  box-shadow:0 24px 80px rgba(0,0,0,.28);
}

/* Segurança: nada de links públicos de check-in motorista */
a[href*="checkin"],
button[onclick*="Checkin"],
button[onclick*="checkin"]{
  display:none !important;
}

/* Responsivo */
@media(max-width:1120px){
  .hero-inner{
    grid-template-columns:1fr !important;
  }
  .hero-panel{
    max-width:720px;
  }
}

@media(max-width:760px){
  .header-inner,
  .hero-inner,
  .section,
  .glp-exec-ribbon,
  .glp-process-section,
  .glp-portal-section{
    width:calc(100% - 28px) !important;
  }

  .hero{
    min-height:auto !important;
  }

  .hero h1{
    font-size:clamp(40px,11vw,58px) !important;
  }

  .hero p{
    font-size:16px !important;
  }

  .nav{
    display:none !important;
  }
}