:root{
  --bg:#080b10; --panel:#10131a; --top:#151922; --border:#2a303a;
  --text:#fff; --muted:#adb5bd; --red:#ff3434; --green:#198754;
  --blue:#0b5ed7; --orange:#fd7e14; --purple:#6f42c1; --yellow:#ffd43b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.topbar{width:100%;background:var(--top);border-bottom:1px solid var(--border);min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:18px}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo-text{font-size:40px;font-weight:900;color:var(--red);line-height:1}
.brand strong{display:block;font-size:18px;color:#fff}
.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nav a{padding:9px 11px;border-radius:8px;font-size:14px;color:#fff}
.nav a:hover{background:#232a38}
.menu-btn{display:none;background:#232a38;color:#fff;border:0;border-radius:8px;padding:9px 12px}
main{min-height:calc(100vh - 150px)}
.hero,.page-hero{text-align:center;padding:52px 22px 30px}
.logo-hero{width:min(310px,78vw);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.45);display:block;margin:0 auto 22px}
.tag{color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:13px}
h1{font-size:clamp(32px,5vw,58px);line-height:1.08;margin:10px auto 14px}
h2{margin-top:0}
.lead{max-width:780px;margin:0 auto 20px;color:#d8dde6;font-size:18px;line-height:1.55}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--green);color:#fff;padding:13px 18px;font-weight:900;cursor:pointer;text-align:center}
.btn:hover,button.btn:hover{filter:brightness(1.08)}
.btn.full{width:100%}.btn-blue{background:var(--blue)}.btn-orange{background:var(--orange)}.btn-purple{background:var(--purple)}.btn-red{background:#dc3545}.btn-outline{background:transparent;border:1px solid var(--border)}
.grid,.cards{max-width:1180px;margin:0 auto 50px;padding:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card,.box{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px}
.card p,.box p,li{color:#d5dbe5;line-height:1.55}
.login-box{width:min(520px,92vw);margin:20px auto 60px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px}
label{display:block;margin:12px 0 6px;color:#e9ecef}
input,textarea{width:100%;background:#050608;color:#fff;border:1px solid #252b35;border-radius:10px;padding:13px}
.login-status{display:none;margin-top:12px;padding:12px;border-radius:10px;background:#050608;border:1px solid #252b35}
.login-status.ok{display:block;color:#51cf66}.login-status.erro{display:block;color:#ff6b6b}
.footer-social-only{background:#0b0f16;border-top:1px solid #202633;padding:28px 24px;color:white}
.footer-social-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-social-inner p{margin:6px 0 0;color:#adb5bd}
.social-row{display:flex;gap:14px;align-items:center}
.social{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:12px}
.whatsapp{background:#25d366}.instagram{background:linear-gradient(135deg,#feda75,#d62976,#962fbf,#4f5bd)}.facebook{background:#1877f2}
.floating-actions{position:fixed;right:18px;bottom:22px;z-index:50}
.float-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#22c55e;color:white;font-size:22px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.25)}
/* app online */
.app-header{background:#20242c;border-bottom:1px solid var(--border);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.app-title strong{font-size:38px;color:var(--red);display:block;line-height:1}.app-title span{font-size:18px;font-weight:800}
.app-actions{display:flex;gap:8px;flex-wrap:wrap}.app-main{display:grid;grid-template-columns:minmax(0,1fr) 340px}
.app-left{padding:18px}.app-right{background:var(--panel);border-left:1px solid var(--border);padding:18px}
.search-label{color:#51cf66;font-weight:800;margin-bottom:8px}.search-row{display:flex;gap:8px;margin-bottom:10px}.search-row input{flex:1;border-radius:0;color:#00ff66;font-size:18px}
.search-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 12px}.result-table-wrap{border:1px solid #dce3ee;min-height:460px;overflow:auto}
.result-table{width:100%;border-collapse:collapse;min-width:820px}.result-table th{background:#20242c;color:#fff;border:1px solid #dce3ee;padding:8px;font-size:13px}.result-table td{padding:10px 8px;border-bottom:1px solid #111827;font-size:14px}
.result-table tr{cursor:pointer}.result-table tr:hover{background:#101923}.result-table tr.selected{background:#155f2b}
.status-line{text-align:right;color:#cbd5e1;margin-top:8px;font-size:13px}.info-title{color:#ffd43b;font-size:18px;font-weight:900;margin-bottom:12px}
.info-block textarea{min-height:210px;border-radius:0;font-family:Consolas,monospace;font-size:13px}.info-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
@media(max-width:900px){.topbar{flex-wrap:wrap}.menu-btn{display:block}.nav{display:none;width:100%;justify-content:center}.nav.open{display:flex}.grid,.cards{grid-template-columns:1fr}.app-main{grid-template-columns:1fr}.app-right{border-left:0;border-top:1px solid var(--border)}.search-row{flex-wrap:wrap}}


.remember-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin:12px 0 4px;
  color:#e9ecef;
  font-size:14px;
}
.remember-row input{
  width:auto !important;
  accent-color:#198754;
}
.remember-row label{
  margin:0 !important;
  cursor:pointer;
}


/* ============================================================
   VERSÃO CELULAR - GBC PESQUISA INTELIGENTE
   Otimização para Android/iPhone
============================================================ */

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}

body{
  min-width:0 !important;
  overflow-x:hidden !important;
}

button,
.btn,
input,
textarea,
select{
  font-size:16px !important;
}

.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:100 !important;
}

.menu-btn{
  min-width:44px !important;
  min-height:44px !important;
}

.btn,
.app-btn,
button.btn{
  min-height:46px !important;
  touch-action:manipulation !important;
}

.login-box input,
.login-box button,
.login-box .btn{
  min-height:48px !important;
}

.remember-row{
  min-height:42px !important;
}

.remember-row input{
  width:20px !important;
  height:20px !important;
}

.mobile-hint{
  display:none;
}

/* App online mobile */
.mobile-card-list{
  display:none;
}

@media(max-width:900px){
  .topbar{
    padding:10px 14px !important;
    gap:10px !important;
  }

  .brand{
    min-width:0 !important;
    max-width:calc(100% - 58px) !important;
  }

  .brand-logo-text{
    font-size:34px !important;
  }

  .brand strong{
    font-size:16px !important;
  }

  .brand small{
    font-size:11px !important;
  }

  .nav{
    background:#10131a !important;
    border:1px solid #2a303a !important;
    border-radius:14px !important;
    padding:10px !important;
    margin-top:8px !important;
  }

  .nav a{
    width:100% !important;
    text-align:center !important;
    background:#151922 !important;
    padding:13px 12px !important;
    margin:2px 0 !important;
  }

  .hero,
  .page-hero{
    padding:34px 16px 22px !important;
  }

  .logo-hero{
    width:min(230px,72vw) !important;
  }

  h1{
    font-size:34px !important;
  }

  .lead{
    font-size:16px !important;
    line-height:1.45 !important;
  }

  .actions{
    flex-direction:column !important;
    align-items:stretch !important;
    padding:0 10px !important;
  }

  .actions .btn{
    width:100% !important;
  }

  .grid,
  .cards{
    padding:16px !important;
    gap:14px !important;
    grid-template-columns:1fr !important;
  }

  .card,
  .box,
  .login-box{
    border-radius:16px !important;
  }

  .login-box{
    margin:10px auto 36px !important;
    padding:18px !important;
    width:calc(100% - 24px) !important;
  }

  .footer-social-inner{
    justify-content:center !important;
    text-align:center !important;
  }

  .floating-actions{
    right:14px !important;
    bottom:14px !important;
  }

  .float-btn{
    width:48px !important;
    height:48px !important;
  }
}

@media(max-width:760px){
  .app-header{
    position:sticky !important;
    top:0 !important;
    z-index:100 !important;
    padding:12px !important;
    align-items:flex-start !important;
  }

  .app-title{
    width:100% !important;
  }

  .app-title strong{
    font-size:34px !important;
  }

  .app-title span{
    font-size:16px !important;
  }

  #appUser{
    width:100% !important;
    font-size:13px !important;
    color:#dce3ee !important;
  }

  .app-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .app-actions .btn,
  .app-actions .app-btn{
    width:100% !important;
    padding:12px 10px !important;
    font-size:13px !important;
  }

  .app-main{
    display:flex !important;
    flex-direction:column !important;
  }

  .app-left,
  .app-right{
    width:100% !important;
    padding:12px !important;
  }

  .app-right{
    border-left:0 !important;
    border-top:1px solid #2a303a !important;
    min-height:auto !important;
  }

  .search-label{
    font-size:14px !important;
    line-height:1.35 !important;
  }

  .search-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .search-row input{
    width:100% !important;
    font-size:18px !important;
    padding:14px !important;
    min-height:52px !important;
  }

  .search-row .btn,
  .search-row .app-btn{
    width:100% !important;
  }

  .search-tabs{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .search-tabs span{
    text-align:center !important;
    margin-bottom:2px !important;
  }

  .search-tabs .btn,
  .search-tabs .app-btn{
    width:100% !important;
  }

  .result-table-wrap{
    border:0 !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  .result-table{
    min-width:0 !important;
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 10px !important;
  }

  .result-table thead{
    display:none !important;
  }

  .result-table tbody,
  .result-table tr,
  .result-table td{
    display:block !important;
    width:100% !important;
  }

  .result-table tr{
    background:#10131a !important;
    border:1px solid #2a303a !important;
    border-radius:14px !important;
    padding:10px !important;
    margin-bottom:10px !important;
    box-shadow:0 10px 28px rgba(0,0,0,.22) !important;
  }

  .result-table tr.selected{
    background:#0f2d1d !important;
    border-color:#198754 !important;
  }

  .result-table td{
    border:0 !important;
    border-bottom:1px solid #1f2631 !important;
    padding:8px 6px 8px 118px !important;
    position:relative !important;
    min-height:34px !important;
    font-size:14px !important;
    word-break:break-word !important;
  }

  .result-table td:last-child{
    border-bottom:0 !important;
  }

  .result-table td::before{
    content:"";
    position:absolute;
    left:6px;
    top:8px;
    width:100px;
    color:#ffd43b;
    font-weight:900;
    font-size:12px;
    text-transform:uppercase;
  }

  .result-table td:nth-child(1)::before{content:"Código";}
  .result-table td:nth-child(2)::before{content:"OEM";}
  .result-table td:nth-child(3)::before{content:"Peça";}
  .result-table td:nth-child(4)::before{content:"Veículo";}
  .result-table td:nth-child(5)::before{content:"Anos";}
  .result-table td:nth-child(6)::before{content:"Preço";}
  .result-table td:nth-child(7)::before{content:"Estoque";}

  .status-line{
    text-align:center !important;
    margin:12px 0 !important;
  }

  .info-title{
    text-align:center !important;
    font-size:17px !important;
    margin-top:4px !important;
  }

  .info-block input,
  .info-block textarea{
    font-size:15px !important;
    min-height:48px !important;
  }

  .info-block textarea{
    min-height:170px !important;
  }

  .info-buttons{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .info-buttons .btn,
  .info-buttons .app-btn{
    width:100% !important;
  }

  .mobile-hint{
    display:block !important;
    background:#050608;
    border:1px solid #2a303a;
    color:#ffd43b;
    padding:10px;
    border-radius:10px;
    margin:10px 0;
    font-size:13px;
    text-align:center;
  }
}

@media(max-width:420px){
  h1{
    font-size:30px !important;
  }

  .brand-logo-text{
    font-size:30px !important;
  }

  .brand strong{
    font-size:14px !important;
  }

  .app-actions{
    grid-template-columns:1fr !important;
  }

  .result-table td{
    padding-left:96px !important;
  }

  .result-table td::before{
    width:84px !important;
  }
}


.acesso-unico-info{
  color:#ffd43b;
  font-size:12px;
  text-align:center;
  margin-top:8px;
}


.online-source-badge{
  display:inline-block;
  background:#fd7e14;
  color:#fff;
  font-size:11px;
  font-weight:900;
  padding:2px 6px;
  border-radius:6px;
  margin-left:6px;
}
.online-link{
  color:#ffd43b;
  word-break:break-all;
}
@media(max-width:760px){
  #btnBuscarOnline{
    background:#fd7e14 !important;
  }
}


/* ============================================================
   APP ONLINE - DESIGN MOBILE PREMIUM + BUSCA ONLINE CORRIGIDA
============================================================ */

.app-header{
  background:linear-gradient(135deg,#171c26,#0c1017) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.28) !important;
}

.app-title strong{
  letter-spacing:2px !important;
}

.app-title span{
  color:#ffffff !important;
}

.app-left{
  background:linear-gradient(180deg,#080b10,#0b0f16) !important;
}

.search-panel-mobile{
  background:#10131a;
  border:1px solid #2a303a;
  border-radius:18px;
  padding:14px;
  margin-bottom:14px;
  box-shadow:0 16px 44px rgba(0,0,0,.25);
}

.search-label{
  display:flex;
  align-items:center;
  gap:8px;
}

.search-label::before{
  content:"🔎";
  font-size:17px;
}

.search-row input{
  border-radius:12px !important;
  border:1px solid #2a303a !important;
  background:#050608 !important;
}

.search-row .btn,
.search-tabs .btn{
  border-radius:12px !important;
}

#btnBuscarOnline{
  background:linear-gradient(135deg,#fd7e14,#ff9f1c) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(253,126,20,.25);
}

#btnBuscar{
  background:linear-gradient(135deg,#198754,#20c997) !important;
}

#btnLimpar{
  background:#343a40 !important;
}

.app-right{
  background:linear-gradient(180deg,#10131a,#0b0f16) !important;
}

.info-title{
  background:#0b0f16;
  border:1px solid #2a303a;
  border-radius:14px;
  padding:12px;
}

.info-block input,
.info-block textarea{
  border-radius:12px !important;
  border:1px solid #2a303a !important;
}

.online-source-badge{
  display:inline-block;
  background:#fd7e14;
  color:#fff;
  font-size:11px;
  font-weight:900;
  padding:2px 6px;
  border-radius:6px;
  margin-left:6px;
}

.online-link-box{
  display:none;
  background:#050608;
  border:1px solid #2a303a;
  border-radius:12px;
  padding:10px;
  margin:10px 0;
  color:#ffd43b;
  word-break:break-word;
  font-size:13px;
}

.online-link-box.show{
  display:block;
}

#btnAbrirLinkOnline{
  display:none;
}

#btnAbrirLinkOnline.show{
  display:inline-flex;
}

.mobile-top-actions{
  display:none;
}

@media(max-width:760px){
  body{
    background:#080b10 !important;
  }

  .app-header{
    border-radius:0 0 20px 20px;
    padding:14px !important;
  }

  .app-title strong{
    font-size:38px !important;
  }

  .app-title span{
    font-size:15px !important;
    color:#e9ecef !important;
  }

  #appUser{
    background:#0b0f16;
    border:1px solid #2a303a;
    border-radius:12px;
    padding:9px 10px;
    text-align:center;
  }

  .app-actions{
    grid-template-columns:1fr 1fr !important;
  }

  .app-actions .btn{
    border-radius:12px !important;
    font-size:12px !important;
  }

  .app-left{
    padding:12px !important;
  }

  .search-panel-mobile{
    position:sticky;
    top:136px;
    z-index:50;
    margin-bottom:14px;
  }

  .search-label{
    color:#51cf66 !important;
    text-align:left !important;
    font-size:14px !important;
    margin-bottom:10px !important;
  }

  .search-row{
    background:transparent !important;
  }

  .search-row input{
    min-height:54px !important;
    font-size:17px !important;
    border-radius:14px !important;
  }

  .search-row .btn{
    min-height:48px !important;
    font-size:13px !important;
  }

  .search-tabs{
    background:#10131a;
    border:1px solid #2a303a;
    border-radius:16px;
    padding:10px;
  }

  .search-tabs span{
    color:#adb5bd !important;
    font-size:12px !important;
  }

  .result-table tr{
    border-radius:18px !important;
    background:linear-gradient(180deg,#10131a,#0c1118) !important;
    border:1px solid #2a303a !important;
  }

  .result-table tr.selected{
    border-color:#20c997 !important;
    box-shadow:0 0 0 1px rgba(32,201,151,.4), 0 14px 32px rgba(0,0,0,.28) !important;
  }

  .result-table td::before{
    color:#ffd43b !important;
  }

  .app-right{
    border-top:1px solid #2a303a !important;
    border-radius:20px 20px 0 0;
    margin-top:10px;
  }

  .info-title{
    text-align:center;
    color:#ffd43b !important;
  }

  .info-buttons{
    gap:9px !important;
  }

  .online-link-box{
    font-size:12px;
  }
}


/* ============================================================
   GBC ONLINE - ESTILO SOFTWARE COM ACABAMENTO DE SITE
============================================================ */
.app-software{
  min-height:100vh;
  background:#080b10;
  color:#fff;
}

.software-top{
  background:#20242c;
  border-bottom:1px solid #2a303a;
  min-height:96px;
  padding:18px 22px;
  display:grid;
  grid-template-columns:280px 1fr auto;
  gap:18px;
  align-items:center;
}

.software-brand .gbc-big{
  color:#ff3434;
  font-weight:900;
  font-size:44px;
  line-height:1;
  letter-spacing:2px;
}

.software-brand .gbc-sub{
  color:#fff;
  font-weight:800;
  font-size:22px;
  line-height:1.1;
  margin-top:4px;
}

.software-user{
  text-align:center;
  color:#dce3ee;
  font-size:14px;
}

.software-top-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.soft-btn{
  border:0;
  border-radius:10px;
  min-height:42px;
  padding:11px 15px;
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  text-align:center;
}

.soft-btn:hover{
  filter:brightness(1.08);
}

.soft-green{background:#198754;}
.soft-green2{background:#20c997;}
.soft-blue{background:#0b5ed7;}
.soft-gray{background:#495057;}
.soft-red{background:#dc3545;}
.soft-orange{background:#fd7e14;}
.soft-purple{background:#6f42c1;}
.soft-yellow{background:#ffc107;color:#111;}

.software-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  min-height:calc(100vh - 96px);
}

.software-main{
  padding:18px;
  border-right:1px solid #151b24;
}

.search-card{
  background:#10131a;
  border:1px solid #2a303a;
  border-radius:18px;
  padding:14px;
  margin-bottom:14px;
  box-shadow:0 16px 44px rgba(0,0,0,.22);
}

.search-title{
  color:#51cf66;
  font-weight:900;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:8px;
}

.search-title::before{
  content:"🔎";
}

.software-search-row{
  display:grid;
  grid-template-columns:minmax(280px,1fr) auto auto auto auto;
  gap:8px;
  align-items:center;
}

.software-search-row input{
  min-height:48px;
  background:#050608;
  color:#00ff66;
  border:1px solid #252b35;
  border-radius:12px;
  padding:12px 14px;
  font-size:18px;
}

.software-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0;
}

.software-tabs span{
  color:#dce3ee;
  font-size:13px;
}

.results-shell{
  border:1px solid #dce3ee;
  border-radius:10px;
  overflow:auto;
  min-height:470px;
  background:#05080c;
}

.result-table{
  width:100%;
  border-collapse:collapse;
  min-width:860px;
}

.result-table th{
  background:#20242c;
  color:#fff;
  border:1px solid #dce3ee;
  padding:8px;
  font-size:13px;
  text-align:center;
}

.result-table td{
  padding:10px 8px;
  border-bottom:1px solid #111827;
  font-size:14px;
  color:#fff;
}

.result-table tr{
  cursor:pointer;
}

.result-table tr:hover{
  background:#101923;
}

.result-table tr.selected{
  background:#10602a;
}

.software-bottom-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  flex-wrap:wrap;
}

.status-line{
  color:#cbd5e1;
  font-size:13px;
}

.software-side{
  background:#10131a;
  padding:18px;
  min-height:calc(100vh - 96px);
}

.side-title{
  color:#ffd43b;
  font-weight:900;
  font-size:18px;
  margin-bottom:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.ia-badge{
  background:#6f42c1;
  color:#fff;
  padding:7px 10px;
  border-radius:10px;
  font-size:12px;
}

.info-box label{
  display:block;
  color:#cbd5e1;
  font-size:13px;
  margin:12px 0 6px;
}

.info-box input,
.info-box textarea{
  width:100%;
  background:#050608;
  color:#fff;
  border:1px solid #252b35;
  border-radius:12px;
  padding:11px;
}

.info-box textarea{
  min-height:220px;
  font-family:Consolas,monospace;
  font-size:13px;
  resize:vertical;
}

.info-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:10px 0;
}

.online-source-badge{
  display:inline-block;
  background:#fd7e14;
  color:#fff;
  font-size:11px;
  font-weight:900;
  padding:2px 6px;
  border-radius:6px;
  margin-left:6px;
}

.online-info-box{
  display:none;
  background:#050608;
  border:1px solid #2a303a;
  border-radius:12px;
  padding:10px;
  margin:10px 0;
  color:#dce3ee;
  font-size:13px;
  line-height:1.45;
}

.online-info-box.show{
  display:block;
}

.online-info-box strong{
  color:#ffd43b;
}

.hidden-mobile-note{
  display:none;
}

@media(max-width:1100px){
  .software-top{
    grid-template-columns:1fr;
    text-align:left;
  }
  .software-user{
    text-align:left;
  }
  .software-top-actions{
    justify-content:flex-start;
  }
  .software-search-row{
    grid-template-columns:1fr 1fr 1fr;
  }
  .software-search-row input{
    grid-column:1 / -1;
  }
}

@media(max-width:820px){
  .software-top{
    padding:14px;
    border-radius:0 0 20px 20px;
    position:sticky;
    top:0;
    z-index:100;
  }

  .software-brand .gbc-big{
    font-size:38px;
  }

  .software-brand .gbc-sub{
    font-size:16px;
  }

  .software-user{
    background:#0b0f16;
    border:1px solid #2a303a;
    border-radius:12px;
    padding:9px 10px;
    text-align:center;
  }

  .software-top-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }

  .soft-btn{
    width:100%;
    min-height:46px;
    font-size:12px;
    border-radius:12px;
  }

  .software-layout{
    display:flex;
    flex-direction:column;
  }

  .software-main{
    padding:12px;
    border-right:0;
  }

  .software-side{
    min-height:auto;
    border-top:1px solid #2a303a;
    border-radius:20px 20px 0 0;
    padding:14px;
  }

  .search-card{
    border-radius:18px;
  }

  .software-search-row{
    grid-template-columns:1fr;
  }

  .software-search-row input{
    min-height:54px;
    font-size:17px;
  }

  .software-tabs{
    display:grid;
    grid-template-columns:1fr;
    background:#10131a;
    border:1px solid #2a303a;
    border-radius:16px;
    padding:10px;
  }

  .software-tabs span{
    text-align:center;
  }

  .hidden-mobile-note{
    display:block;
    background:#050608;
    border:1px solid #2a303a;
    color:#ffd43b;
    padding:10px;
    border-radius:10px;
    margin:10px 0;
    font-size:13px;
    text-align:center;
  }

  .results-shell{
    border:0;
    min-height:0;
    overflow:visible;
    background:transparent;
  }

  .result-table{
    min-width:0;
    border-collapse:separate;
    border-spacing:0 10px;
  }

  .result-table thead{
    display:none;
  }

  .result-table tbody,
  .result-table tr,
  .result-table td{
    display:block;
    width:100%;
  }

  .result-table tr{
    background:linear-gradient(180deg,#10131a,#0c1118);
    border:1px solid #2a303a;
    border-radius:18px;
    padding:10px;
    margin-bottom:10px;
    box-shadow:0 10px 28px rgba(0,0,0,.22);
  }

  .result-table tr.selected{
    border-color:#20c997;
    box-shadow:0 0 0 1px rgba(32,201,151,.4),0 14px 32px rgba(0,0,0,.28);
  }

  .result-table td{
    border:0;
    border-bottom:1px solid #1f2631;
    padding:8px 6px 8px 112px;
    position:relative;
    min-height:34px;
    font-size:14px;
    word-break:break-word;
  }

  .result-table td:last-child{
    border-bottom:0;
  }

  .result-table td::before{
    position:absolute;
    left:6px;
    top:8px;
    width:98px;
    color:#ffd43b;
    font-weight:900;
    font-size:12px;
    text-transform:uppercase;
  }

  .result-table td:nth-child(1)::before{content:"Código";}
  .result-table td:nth-child(2)::before{content:"OEM";}
  .result-table td:nth-child(3)::before{content:"Peça";}
  .result-table td:nth-child(4)::before{content:"Veículo";}
  .result-table td:nth-child(5)::before{content:"Anos";}
  .result-table td:nth-child(6)::before{content:"Preço";}
  .result-table td:nth-child(7)::before{content:"Estoque";}

  .software-bottom-actions{
    justify-content:center;
  }

  .software-bottom-actions .soft-btn{
    width:calc(50% - 5px);
  }

  .info-actions{
    grid-template-columns:1fr;
  }

  .info-box textarea{
    min-height:170px;
  }
}


.ia-quick-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:8px 0 10px;
}
.ia-quick-actions .btn,
.ia-quick-actions .soft-btn{
  width:100%;
  min-height:38px;
  font-size:12px;
  padding:9px 10px;
}
@media(max-width:820px){
  .ia-quick-actions{
    grid-template-columns:1fr;
  }
}


/* IA COMPLETA GBC */
.ia-completa-panel{
  background:#070b11;
  border:1px solid #2a3240;
  border-radius:14px;
  padding:10px;
  margin:10px 0;
}
.ia-mode-row{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin:8px 0;
}
.ia-mode-row select{
  width:100%;
  background:#040608;
  color:#fff;
  border:1px solid #2a3240;
  border-radius:12px;
  padding:11px;
  font-weight:700;
}
.ia-quick-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:8px 0 10px;
}
.ia-quick-actions .btn,
.ia-quick-actions .soft-btn{
  width:100%;
  min-height:40px;
  font-size:12px;
  padding:9px 10px;
}
.ia-small-info{
  color:#ffd43b;
  font-size:12px;
  line-height:1.35;
  margin:6px 0;
}
.ia-history-badge{
  display:inline-block;
  background:#202632;
  border:1px solid #2a3240;
  color:#dce3ee;
  border-radius:999px;
  padding:4px 8px;
  font-size:11px;
  margin-bottom:6px;
}
@media(max-width:820px){
  .ia-quick-actions{
    grid-template-columns:1fr;
  }
}


/* AJUSTES ADMIN + FOTOS DO PRODUTO */
.admin-modal-gbc{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.72);
  z-index:5000;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.admin-modal-gbc.show{
  display:flex;
}
.admin-box-gbc{
  width:min(560px,96vw);
  background:#111722;
  border:1px solid #2a3240;
  border-radius:18px;
  padding:18px;
  box-shadow:0 28px 90px rgba(0,0,0,.55);
}
.admin-box-gbc h3{
  margin:0 0 10px;
  color:#ffd43b;
}
.admin-box-gbc p{
  color:#dce3ee;
  font-size:13px;
  line-height:1.45;
}
.admin-actions-gbc{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.fotos-produto-box{
  display:none;
  background:#040608;
  border:1px solid #2a3240;
  border-radius:12px;
  padding:10px;
  margin:10px 0;
}
.fotos-produto-box.show{
  display:block;
}
.fotos-produto-title{
  color:#ffd43b;
  font-weight:900;
  font-size:13px;
  margin-bottom:8px;
}
.fotos-grid-gbc{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.fotos-grid-gbc img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #2a3240;
  background:#111722;
}
.fotos-status-gbc{
  color:#dce3ee;
  font-size:12px;
  line-height:1.35;
}
@media(max-width:820px){
  .admin-actions-gbc{
    grid-template-columns:1fr;
  }
  .fotos-grid-gbc{
    grid-template-columns:1fr 1fr;
  }
}


/* tabela-sequencia-produto-gbc */
.foto-celula-gbc{
  width:74px;
  min-width:74px;
  text-align:center;
}
.foto-thumb-gbc{
  width:58px;
  height:58px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #2a3240;
  background:#111722;
  display:inline-block;
}
.foto-placeholder-gbc{
  width:58px;
  height:58px;
  border-radius:10px;
  border:1px dashed #495057;
  background:#0b1017;
  color:#ffd43b;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900;
}
.medidas-peso-gbc{
  white-space:pre-line;
  color:#dce3ee;
  font-size:13px;
  line-height:1.25;
}
@media(max-width:820px){
  tbody td:nth-child(1)::before{content:"Foto" !important;}
  tbody td:nth-child(2)::before{content:"Nome" !important;}
  tbody td:nth-child(3)::before{content:"Anos" !important;}
  tbody td:nth-child(4)::before{content:"Código" !important;}
  tbody td:nth-child(5)::before{content:"Preço" !important;}
  tbody td:nth-child(6)::before{content:"Medidas/Peso" !important;}
  .foto-celula-gbc{
    text-align:left;
  }
}


/* ia-simplificada-gbc */
.ia-quick-actions{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.ia-completa-panel{
  padding:10px !important;
}
.ia-small-info{
  font-size:12px !important;
  color:#ffd43b !important;
}
@media(max-width:820px){
  .ia-quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* busca-produtos-corrigida-gbc */
.search-title small{
  display:block;
  color:#cbd5e1;
  font-size:12px;
  font-weight:600;
  margin-top:4px;
}
.search-row input:focus{
  border-color:#20c997 !important;
  box-shadow:0 0 0 3px rgba(32,201,151,.16);
}
.status.busca-ok,
.status-line.busca-ok{
  color:#51cf66 !important;
}
.status.busca-erro,
.status-line.busca-erro{
  color:#ff6b6b !important;
}
.status.busca-loading,
.status-line.busca-loading{
  color:#ffd43b !important;
}
.produto-nao-encontrado{
  color:#ffd43b;
  font-weight:900;
}


/* ia-pergunta-corrigida-gbc */
.ia-completa-panel{
  background:#070b11;
  border:1px solid #2a3240;
  border-radius:14px;
  padding:10px;
  margin:10px 0;
}
.ia-history-badge{
  display:inline-block;
  background:#202632;
  border:1px solid #2a3240;
  color:#dce3ee;
  border-radius:999px;
  padding:4px 8px;
  font-size:11px;
  margin-bottom:6px;
}
.ia-small-info{
  color:#ffd43b;
  font-size:12px;
  line-height:1.35;
  margin:6px 0;
}
.ia-quick-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:8px 0 10px;
}
.ia-quick-actions .btn{
  width:100%;
  min-height:40px;
  font-size:12px;
  padding:9px 10px;
}
#perguntaIA{
  min-height:120px;
}
#respostaIA{
  min-height:180px;
}
@media(max-width:820px){
  .ia-quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* buscar-online-chatgpt-estruturado */
.online-badge{
  display:inline-block;
  margin-left:6px;
  padding:2px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  background:#ff922b;
  color:#fff;
}
.info-online{
  display:none;
  margin:10px 0;
  background:#0a0f16;
  border:1px solid #2a3240;
  border-radius:12px;
  padding:10px;
  color:#dce3ee;
  line-height:1.45;
  font-size:13px;
}
.info-online.show{
  display:block;
}





/* painel-admin-corrigido-gbc */
#adminModalGbc{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.72);
  z-index:999999;
  align-items:center;
  justify-content:center;
  padding:18px;
}
#adminModalGbc.show{
  display:flex;
}
#adminModalGbc .admin-box-gbc{
  width:min(620px,96vw);
  max-height:92vh;
  overflow:auto;
  background:#111722;
  border:1px solid #2a3240;
  border-radius:18px;
  padding:18px;
  color:#fff;
  box-shadow:0 28px 90px rgba(0,0,0,.55);
}
#adminModalGbc h3{
  margin:0 0 10px;
  color:#ffd43b;
  font-size:22px;
}
#adminModalGbc p{
  color:#dce3ee;
  font-size:13px;
  line-height:1.45;
}
.admin-actions-gbc{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.admin-user-form-gbc{
  margin-top:14px;
  border-top:1px solid #2a3240;
  padding-top:14px;
}
.admin-user-form-gbc h4{
  margin:0 0 10px;
  color:#ffd43b;
  font-size:16px;
}
.admin-user-grid-gbc{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.admin-user-grid-gbc label{
  display:block;
  color:#dce3ee;
  font-size:12px;
  margin-bottom:5px;
  font-weight:700;
}
.admin-user-grid-gbc input,
.admin-user-grid-gbc select{
  width:100%;
  background:#040608;
  color:#fff;
  border:1px solid #2a3240;
  border-radius:10px;
  padding:10px;
  outline:none;
}
.admin-user-grid-gbc input:focus,
.admin-user-grid-gbc select:focus{
  border-color:#20c997;
  box-shadow:0 0 0 3px rgba(32,201,151,.15);
}
.admin-user-full-gbc{
  grid-column:1 / -1;
}
.admin-user-status-gbc{
  margin-top:10px;
  font-size:13px;
  color:#ffd43b;
  min-height:18px;
}
@media(max-width:820px){
  .admin-actions-gbc,
  .admin-user-grid-gbc{
    grid-template-columns:1fr;
  }
  .admin-user-full-gbc{
    grid-column:auto;
  }
}


/* busca-fontes-gbc */
#btnMercadoLivre{background:#fd7e14 !important;}
#btnShopee{background:#ee4d2d !important;}
#btnGoogle{background:#0d6efd !important;}
#btnGoogleLens{background:#6f42c1 !important;}
@media(max-width:1150px){
  .search-row{
    grid-template-columns:1fr 1fr 1fr !important;
  }
  .search-row input{
    grid-column:1 / -1 !important;
  }
}
@media(max-width:820px){
  .search-row{
    grid-template-columns:1fr !important;
  }
  .search-row .btn,
  .search-row .soft-btn{
    width:100% !important;
  }
}


/* LOGIN EXATO - GBC */
.gbc-login-theme{
  background:
    radial-gradient(circle at 12% 28%, rgba(255,25,25,.32) 0, rgba(255,25,25,.08) 2px, transparent 3px) 0 0/240px 180px,
    radial-gradient(circle at 86% 70%, rgba(255,25,25,.26) 0, rgba(255,25,25,.08) 2px, transparent 3px) 0 0/260px 220px,
    linear-gradient(90deg, rgba(255,0,0,.14), transparent 18%) left bottom/36% 2px no-repeat,
    linear-gradient(90deg, transparent 72%, rgba(255,0,0,.14) 100%) right center/34% 2px no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 26%),
    linear-gradient(135deg, #05080f 0%, #09111b 35%, #060a11 100%);
  position:relative;
  overflow-x:hidden;
}
.gbc-login-theme::before,
.gbc-login-theme::after{
  content:"";
  position:fixed;
  inset:72px 0 0 0;
  pointer-events:none;
  opacity:.55;
}
.gbc-login-theme::before{
  background:
    linear-gradient(90deg, transparent 0 7%, rgba(255,0,0,.18) 7% 7.2%, transparent 7.2% 16%, rgba(255,0,0,.08) 16% 16.2%, transparent 16.2% 100%),
    linear-gradient(0deg, transparent 0 18%, rgba(255,0,0,.14) 18% 18.2%, transparent 18.2% 40%, rgba(255,0,0,.08) 40% 40.2%, transparent 40.2% 100%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.4));
}
.gbc-login-theme::after{
  background:
    radial-gradient(circle at 10% 65%, rgba(255,0,0,.9) 0 2px, rgba(255,0,0,.45) 3px, transparent 6px),
    radial-gradient(circle at 92% 76%, rgba(255,0,0,.92) 0 2px, rgba(255,0,0,.5) 3px, transparent 7px),
    radial-gradient(circle at 23% 27%, rgba(255,0,0,.75) 0 2px, rgba(255,0,0,.35) 3px, transparent 7px),
    radial-gradient(circle at 76% 33%, rgba(255,0,0,.5) 0 1.5px, rgba(255,0,0,.18) 3px, transparent 7px);
}
.topbar-login-exact{
  background:rgba(6,11,18,.94);
  min-height:72px;
  padding:14px 22px;
  border-bottom:1px solid rgba(255,45,45,.75);
  position:sticky;top:0;z-index:20;
  backdrop-filter: blur(6px);
}
.brand-login-exact{gap:16px}
.brand-login-exact .brand-logo-text{font-size:56px;line-height:.9;letter-spacing:-1px;text-shadow:0 0 16px rgba(255,0,0,.2)}
.brand-login-exact strong{font-size:18px;font-weight:800}
.brand-login-exact small{font-size:12px;color:#c2c8d0}
.topbar-login-exact .nav a{font-size:15px;padding:10px 12px;border-radius:8px}
.topbar-login-exact .nav a:hover{background:rgba(255,255,255,.06)}
.login-exact-main{min-height:calc(100vh - 73px);display:flex;align-items:flex-start;justify-content:center;padding:52px 18px 72px;position:relative;z-index:1}
.login-hero-exact{text-align:center;width:min(100%, 860px)}
.login-gbc-mark{font-size:134px;line-height:.9;font-weight:900;color:#ff2e2e;letter-spacing:-3px;text-shadow:0 8px 30px rgba(255,20,20,.18)}
.login-gbc-subtitle{margin-top:8px;font-size:28px;font-weight:800;color:#f4f5f6}
.login-gbc-small{font-size:18px;color:#c4c8cf;margin-top:2px}
.login-hero-exact h1{margin:30px auto 10px;font-size:clamp(34px, 4.4vw, 64px);font-weight:900;letter-spacing:-1px}
.login-hero-exact .lead{font-size:16px;max-width:780px;color:#edf2f7;margin:0 auto 30px}
.login-box-exact{
  width:min(560px, calc(100vw - 28px));
  margin:0 auto;
  background:linear-gradient(180deg, rgba(8,14,22,.92), rgba(6,10,17,.94));
  border:1.5px solid rgba(255,52,52,.85);
  box-shadow:0 0 0 1px rgba(255,0,0,.08) inset, 0 20px 60px rgba(0,0,0,.45);
  border-radius:24px;
  padding:30px 34px;
}
.login-box-exact label{font-size:16px;font-weight:700;margin:0 0 10px;text-align:left;color:#f4f4f5}
.input-icon-wrap{display:flex;align-items:center;background:rgba(3,7,12,.92);border:1px solid rgba(255,255,255,.14);border-radius:14px;min-height:58px;padding:0 14px;margin-bottom:22px;box-shadow: inset 0 0 0 1px rgba(255,255,255,.02)}
.input-icon-wrap:focus-within{border-color:rgba(255,50,50,.8);box-shadow:0 0 0 3px rgba(255,50,50,.12)}
.input-icon{font-size:22px;opacity:.85;margin-right:12px;filter:grayscale(1)}
.input-icon-wrap input{margin:0;border:0;background:transparent;padding:0;height:100%;font-size:18px;color:#fff;outline:none;box-shadow:none}
.input-icon-wrap input::placeholder{color:#7d8793}
.password-toggle{border:0;background:transparent;color:#c8ced7;font-size:20px;cursor:pointer;padding:8px 4px;opacity:.9}
.password-toggle:hover{opacity:1}
.remember-row-exact{display:flex;align-items:center;gap:12px;margin:0 0 26px;text-align:left}
.remember-row-exact input[type="checkbox"]{width:26px;height:26px;border-radius:6px;accent-color:#0b1220;outline:1px solid rgba(255,255,255,.24);background:#050608;padding:0;margin:0}
.remember-row-exact label{margin:0;color:#f1f3f5;font-weight:500;font-size:14px}
.login-main-btn{
  min-height:62px;
  border-radius:14px;
  background:linear-gradient(180deg, #ff4040 0%, #eb1515 100%);
  box-shadow:0 10px 30px rgba(255,20,20,.25), inset 0 1px 0 rgba(255,255,255,.18);
  font-size:17px;
  gap:12px;
  letter-spacing:.3px;
}
.btn-icon{display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1}
.login-warning-box{margin-top:18px;display:flex;align-items:center;gap:14px;text-align:left;padding:16px 6px 10px;color:#edf0f4;font-size:14px;line-height:1.55}
.warning-icon{font-size:28px;color:#ff3131;flex:0 0 auto}
.login-divider{height:1px;background:rgba(255,255,255,.14);margin:18px 0 18px}
.btn-outline-orange{
  background:transparent;
  border:2px solid #ff7a00;
  color:#ff8c1a;
  min-height:58px;
  border-radius:14px;
  gap:12px;
  font-size:17px;
  box-shadow: inset 0 0 18px rgba(255,126,23,.04);
}
.btn-outline-orange:hover{background:rgba(255,126,23,.08)}
.solicitar-btn{font-weight:900}
.login-box-exact .login-status{margin-top:10px;text-align:left;background:rgba(3,7,12,.85);border-radius:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.12)}
.login-box-exact .login-status.ok{color:#8ce99a}
.login-box-exact .login-status.erro{color:#ff8787}
@media (max-width: 900px){
  .topbar-login-exact{padding:12px 16px}
  .brand-login-exact .brand-logo-text{font-size:46px}
  .login-exact-main{padding-top:34px}
  .login-gbc-mark{font-size:96px}
  .login-gbc-subtitle{font-size:22px}
  .login-gbc-small{font-size:16px}
}
@media (max-width: 700px){
  .topbar-login-exact{flex-wrap:wrap;gap:10px}
  .brand-login-exact{gap:12px}
  .brand-login-exact .brand-logo-text{font-size:40px}
  .brand-login-exact strong{font-size:16px}
  .topbar-login-exact .nav{width:100%;justify-content:center}
  .login-gbc-mark{font-size:74px}
  .login-gbc-subtitle{font-size:20px}
  .login-gbc-small{font-size:15px}
  .login-box-exact{padding:24px 18px;border-radius:20px}
  .input-icon-wrap{min-height:54px;padding:0 12px}
  .login-main-btn,.btn-outline-orange{min-height:56px;font-size:15px}
  .login-warning-box{padding:14px 0 8px;font-size:13px}
}


/* HOME GBC - DESIGN PREMIUM APLICADO */
.home-gbc-design{
  --home-bg:#04080f;
  --home-panel:#07111b;
  --home-panel-2:#0a1522;
  --home-line:#243142;
  --home-red:#ff1f2d;
  --home-red-2:#c70d18;
  --home-text:#f8fafc;
  --home-muted:#aab4c3;
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 82% 36%, rgba(255,31,45,.20), transparent 24%),
    radial-gradient(circle at 16% 74%, rgba(255,31,45,.10), transparent 28%),
    linear-gradient(135deg,#02050a 0%,#07111b 43%,#03070d 100%);
  color:var(--home-text);
  overflow-x:hidden;
  font-family:Segoe UI, Arial, sans-serif;
}
.home-gbc-design::before{
  content:"";
  position:fixed;
  inset:78px 0 0;
  pointer-events:none;
  opacity:.52;
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(255,31,45,.12) 12.1%, transparent 12.3% 25%, rgba(255,31,45,.08) 25.1%, transparent 25.2%),
    linear-gradient(0deg, transparent 0 32%, rgba(255,31,45,.10) 32.1%, transparent 32.25% 70%, rgba(255,31,45,.07) 70.1%, transparent 70.25%),
    radial-gradient(circle at 76% 22%, rgba(255,31,45,.8) 0 2px, transparent 4px),
    radial-gradient(circle at 18% 44%, rgba(255,31,45,.55) 0 2px, transparent 6px);
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.75), rgba(0,0,0,.18));
}
.home-gbc-design a{text-decoration:none;color:inherit}
.home-topbar{
  position:relative;
  z-index:5;
  min-height:92px;
  padding:16px clamp(18px,5vw,72px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  background:rgba(2,7,13,.88);
  border-bottom:1px solid rgba(255,31,45,.62);
  box-shadow:0 14px 50px rgba(0,0,0,.24);
}
.home-topbar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,31,45,.95) 16%, transparent 42%);
}
.home-brand{display:flex;align-items:center;gap:16px}
.home-brand img{
  width:70px;
  height:70px;
  border-radius:14px;
  object-fit:cover;
  box-shadow:0 0 26px rgba(255,31,45,.14);
}
.home-brand strong{display:block;font-size:24px;line-height:1.05;font-weight:900;color:#fff}
.home-brand small{display:block;margin-top:5px;font-size:15px;color:#d0d7e2}
.home-nav{display:flex;align-items:center;gap:34px}
.home-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  color:#f8fafc;
  font-weight:700;
  font-size:16px;
}
.home-nav a.active::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:1px;
  width:22px;
  height:3px;
  border-radius:99px;
  background:var(--home-red);
}
.home-nav .contact-link{
  padding:0 22px;
  border:1.5px solid var(--home-red);
  border-radius:12px;
  min-height:52px;
  box-shadow:inset 0 0 18px rgba(255,31,45,.04);
}
.contact-icon{font-size:20px;color:#dbe4ef}
.home-menu-btn{display:none}
.home-main{
  position:relative;
  z-index:1;
  width:min(100%, 1440px);
  margin:0 auto;
  padding:48px clamp(18px,4vw,56px) 48px;
}
.home-hero{
  display:grid;
  grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);
  align-items:center;
  gap:24px;
  min-height:540px;
}
.home-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  color:#dbe2ee;
  letter-spacing:5px;
  font-size:13px;
  font-weight:900;
  margin-bottom:26px;
}
.home-eyebrow span{width:36px;height:1px;background:#c8d0db}
.home-eyebrow i{width:6px;height:6px;background:var(--home-red);border-radius:50%;box-shadow:0 0 14px var(--home-red)}
.home-hero h1{
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(46px,6vw,82px);
  line-height:.96;
  letter-spacing:-2.5px;
  font-weight:950;
  text-shadow:0 10px 44px rgba(0,0,0,.45);
}
.home-hero h1 strong{
  display:block;
  color:var(--home-red);
  font-weight:950;
}
.home-lead{
  max-width:520px;
  margin:0 0 34px;
  color:#d5dbe5;
  font-size:20px;
  line-height:1.6;
}
.home-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.home-btn{
  min-height:58px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:10px;
  font-weight:900;
  color:#fff;
  white-space:nowrap;
}
.home-btn span{font-size:24px;line-height:1}
.home-btn-red{
  background:linear-gradient(180deg,#ff3441,#e4101d);
  box-shadow:0 16px 34px rgba(255,31,45,.24), inset 0 1px 0 rgba(255,255,255,.2);
}
.home-btn-dark{
  border:1px solid #334155;
  background:rgba(8,14,23,.72);
  box-shadow:inset 0 0 22px rgba(255,255,255,.02);
}
.home-device-area{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-tech-circle{
  position:absolute;
  border:1px solid rgba(255,31,45,.22);
  border-radius:50%;
  pointer-events:none;
}
.home-tech-circle.one{width:500px;height:500px;right:60px;top:6px;box-shadow:0 0 0 18px rgba(255,31,45,.02)}
.home-tech-circle.two{width:330px;height:330px;right:185px;top:94px;border-style:dashed;opacity:.8}
.home-part{
  position:absolute;
  opacity:.45;
  pointer-events:none;
  filter:drop-shadow(0 0 16px rgba(255,31,45,.12));
}
.home-part-rotor{
  width:180px;height:180px;border-radius:50%;
  right:26px;bottom:72px;
  border:12px solid rgba(180,192,206,.16);
  box-shadow:inset 0 0 0 28px rgba(6,12,20,.9), inset 0 0 0 36px rgba(255,31,45,.16);
}
.home-part-shock{
  width:58px;height:230px;
  right:0;top:20px;
  border-radius:30px;
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.26),rgba(255,255,255,.05));
  transform:rotate(14deg);
}
.home-device{
  position:relative;
  width:min(680px,92vw);
  height:390px;
  border-radius:34px;
  padding:18px;
  transform:rotate(4deg);
  background:linear-gradient(145deg,#1b2532,#070c13 54%,#202b38);
  box-shadow:0 34px 80px rgba(0,0,0,.55), inset 0 0 0 2px rgba(255,255,255,.10), inset 0 0 0 5px rgba(0,0,0,.45);
}
.home-device::before{
  content:"";
  position:absolute;
  top:8px;left:50%;
  width:56px;height:6px;
  transform:translateX(-50%);
  background:#090d14;
  border-radius:99px;
}
.device-topbar{
  height:44px;
  display:grid;
  grid-template-columns:24px 1fr 82px;
  gap:10px;
  align-items:center;
  color:#8491a3;
  font-size:11px;
  padding:0 14px;
  background:#0b121d;
  border:1px solid rgba(255,255,255,.06);
  border-radius:18px 18px 6px 6px;
}
.device-dot.red{width:10px;height:10px;border-radius:50%;background:var(--home-red);box-shadow:0 0 14px var(--home-red)}
.device-search{
  height:26px;
  display:flex;
  align-items:center;
  padding-left:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
}
.device-ui{
  height:calc(100% - 44px);
  display:grid;
  grid-template-columns:116px 1fr 170px;
  gap:12px;
  padding:12px 0 0;
}
.device-side,.device-panel{
  background:rgba(3,8,15,.58);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
}
.device-side{padding:12px 9px;display:flex;flex-direction:column;gap:7px}
.device-side span,.mini-logo{height:25px;display:flex;align-items:center;border-radius:7px;padding:0 8px;color:#8f9aaa;font-size:10px}
.mini-logo{color:var(--home-red);font-weight:900;font-size:13px}
.device-side span.active{background:linear-gradient(90deg,#e91220,#94101a);color:#fff}
.device-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.device-gbc{
  font-size:80px;
  line-height:.85;
  font-weight:950;
  color:var(--home-red);
  text-shadow:0 14px 38px rgba(255,31,45,.28);
}
.device-center h2{margin:16px 0 2px;font-size:31px;font-style:italic}
.device-center p{margin:0;color:#cbd5e1;font-style:italic}
.device-panel{padding:14px}
.device-panel h3{font-size:12px;margin:0 0 9px;color:#fff}
.device-panel div{
  border-bottom:1px solid rgba(255,255,255,.06);
  padding:8px 0;
}
.device-panel b{display:block;font-size:11px;color:#fff}
.device-panel small{display:block;color:#8793a5;font-size:9px;margin-top:2px}
.device-panel ul{margin:0;padding:0;list-style:none}
.device-panel li{display:flex;justify-content:space-between;color:#c9d1de;font-size:11px;padding:4px 0}
.home-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:20px 0 34px;
}
.home-benefits article{
  display:flex;
  align-items:center;
  gap:16px;
  padding:0 24px;
  min-height:70px;
  border-right:1px solid rgba(255,255,255,.18);
}
.home-benefits article:first-child{padding-left:0}
.home-benefits article:last-child{border-right:0}
.benefit-icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--home-red);
  font-size:42px;
  font-weight:900;
}
.home-benefits strong{display:block;color:#fff;font-size:17px}
.home-benefits small{display:block;color:var(--home-muted);font-size:14px;margin-top:4px}
.home-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:14px;
}
.home-card{
  position:relative;
  min-height:220px;
  display:grid;
  grid-template-columns:130px 1fr;
  align-items:center;
  gap:20px;
  padding:26px 28px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.24);
  background:linear-gradient(180deg,rgba(12,24,38,.86),rgba(8,15,24,.86));
  box-shadow:inset 0 -2px 0 rgba(255,31,45,.8), 0 18px 50px rgba(0,0,0,.22);
}
.card-icon{
  width:118px;height:118px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--home-red);
  font-size:76px;
  font-weight:200;
  border:1px solid rgba(255,31,45,.58);
  box-shadow:0 0 0 16px rgba(255,31,45,.035), inset 0 0 25px rgba(255,31,45,.08);
}
.card-copy h2{margin:0;color:#fff;font-size:25px}
.card-copy h2::after{
  content:"";
  display:block;
  width:34px;height:3px;
  background:var(--home-red);
  margin:12px 0 16px;
}
.card-copy p{margin:0;color:#cdd5df;line-height:1.55;font-size:16px}
.card-copy a{display:inline-flex;align-items:center;gap:12px;margin-top:24px;color:var(--home-red);font-weight:900}
.card-copy a span{font-size:28px}
.home-bottom-callout{
  margin:22px 0 0;
  min-height:84px;
  padding:18px 24px;
  border:1px solid rgba(148,163,184,.23);
  border-radius:10px;
  background:rgba(10,20,32,.76);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.callout-left{display:flex;align-items:center;gap:18px;color:#cbd5e1;font-size:17px}
.callout-left span{
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,31,45,.5);
  border-radius:50%;
  color:var(--home-red);
  font-size:26px;
}
.home-bottom-callout strong{
  color:var(--home-red);
  font-size:20px;
  white-space:nowrap;
}
.home-bottom-callout strong span{font-size:30px;margin-right:12px}
@media(max-width:1100px){
  .home-hero{grid-template-columns:1fr;min-height:auto}
  .home-device-area{min-height:430px}
  .home-device{width:min(760px,94vw)}
  .home-benefits{grid-template-columns:repeat(2,1fr);row-gap:18px}
  .home-benefits article:nth-child(2){border-right:0}
  .home-cards{grid-template-columns:1fr}
}
@media(max-width:760px){
  .home-topbar{align-items:flex-start;flex-wrap:wrap}
  .home-brand img{width:54px;height:54px}
  .home-brand strong{font-size:20px}
  .home-nav{width:100%;justify-content:center;gap:10px;flex-wrap:wrap}
  .home-nav a{font-size:14px}
  .home-nav .contact-link{min-height:42px;padding:0 14px}
  .home-main{padding:34px 14px}
  .home-hero h1{font-size:48px}
  .home-lead{font-size:17px}
  .home-cta-row{display:grid;grid-template-columns:1fr}
  .home-device-area{min-height:360px}
  .home-device{height:300px;transform:rotate(0deg);padding:12px;border-radius:24px}
  .device-ui{grid-template-columns:84px 1fr}
  .device-panel{display:none}
  .device-gbc{font-size:56px}
  .device-center h2{font-size:23px}
  .home-benefits{grid-template-columns:1fr;margin-top:10px}
  .home-benefits article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:14px 0}
  .home-card{grid-template-columns:1fr;text-align:left}
  .card-icon{width:96px;height:96px;font-size:60px}
  .home-bottom-callout{flex-direction:column;align-items:flex-start}
  .home-bottom-callout strong{white-space:normal}
}


/* PADRÃO GBC EM TODAS AS ABAS PÚBLICAS */
.site-topbar-padrao{
  min-height:88px!important;
  padding:14px clamp(18px,5vw,72px)!important;
  background:rgba(3,9,16,.94)!important;
  border-bottom:1px solid rgba(255,31,45,.68)!important;
  box-shadow:0 14px 50px rgba(0,0,0,.28)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}
.site-brand-padrao{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
.site-logo-padrao{
  width:62px!important;
  height:62px!important;
  border-radius:14px!important;
  object-fit:cover!important;
  box-shadow:0 0 24px rgba(255,31,45,.16)!important;
}
.site-brand-padrao strong{
  display:block!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.05!important;
  font-weight:950!important;
}
.site-brand-padrao small{
  display:block!important;
  color:#cbd5e1!important;
  margin-top:5px!important;
  font-size:14px!important;
}
.site-nav-padrao{
  display:flex!important;
  align-items:center!important;
  gap:30px!important;
}
.site-nav-padrao a{
  position:relative!important;
  color:#fff!important;
  font-weight:800!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.site-nav-padrao a.active::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:1px!important;
  width:22px!important;
  height:3px!important;
  border-radius:99px!important;
  background:#ff2532!important;
}
.site-nav-padrao .contact-link-padrao{
  border:1.5px solid #ff2532!important;
  border-radius:12px!important;
  padding:0 20px!important;
  min-height:50px!important;
  box-shadow:inset 0 0 18px rgba(255,31,45,.05)!important;
}
@media(max-width:760px){
  .site-topbar-padrao{flex-wrap:wrap!important;padding:12px 16px!important}
  .site-logo-padrao{width:52px!important;height:52px!important}
  .site-brand-padrao strong{font-size:19px!important}
  .site-nav-padrao{width:100%!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important}
  .site-nav-padrao a{font-size:14px!important}
  .site-nav-padrao .contact-link-padrao{min-height:42px!important;padding:0 14px!important}
}


/* SISTEMA - DESIGN PREMIUM APLICADO */
.sistema-premium-page{
  background:
    radial-gradient(circle at 62% 42%, rgba(255,37,50,.22), transparent 24%),
    radial-gradient(circle at 8% 18%, rgba(255,37,50,.09), transparent 26%),
    radial-gradient(circle at 86% 92%, rgba(255,37,50,.11), transparent 28%),
    linear-gradient(135deg,#030710 0%,#07111d 42%,#03060d 100%)!important;
  color:#f8fafc;
  overflow-x:hidden;
}
.sistema-premium-page::before{
  content:"";
  position:fixed;
  inset:90px 0 0;
  pointer-events:none;
  opacity:.28;
  background:
    radial-gradient(circle at 80% 28%, rgba(255,37,50,.75) 0 1.5px, transparent 5px),
    radial-gradient(circle at 12% 48%, rgba(255,37,50,.55) 0 1.5px, transparent 7px),
    linear-gradient(90deg,transparent 0 16%,rgba(255,37,50,.08) 16.1%,transparent 16.2% 42%,rgba(255,37,50,.05) 42.1%,transparent 42.2%),
    linear-gradient(0deg,transparent 0 35%,rgba(255,37,50,.06) 35.1%,transparent 35.2%);
}
.sistema-topbar-premium{
  position:relative;
  z-index:5;
}
.sistema-premium-main{
  position:relative;
  z-index:1;
  width:min(100%,1440px);
  margin:0 auto;
  padding:64px clamp(18px,4vw,56px) 46px;
}
.sistema-hero-premium{
  display:grid;
  grid-template-columns:minmax(430px,.86fr) minmax(560px,1.14fr);
  align-items:center;
  gap:32px;
  min-height:540px;
}
.sistema-copy-premium{
  position:relative;
  z-index:2;
}
.sistema-eyebrow-premium{
  display:flex;
  align-items:center;
  gap:16px;
  color:#ff2532;
  font-size:20px;
  font-weight:950;
  margin-bottom:30px;
}
.sistema-eyebrow-premium span{
  display:block;
  width:160px;
  height:2px;
  background:linear-gradient(90deg,#ff2532,transparent);
  box-shadow:0 0 18px rgba(255,37,50,.8);
}
.sistema-hero-premium h1{
  margin:0 0 24px;
  font-size:clamp(46px,5.4vw,76px);
  line-height:1.02;
  letter-spacing:-2px;
  font-weight:950;
  color:#fff;
  text-shadow:0 15px 55px rgba(0,0,0,.45);
}
.sistema-lead-premium{
  max-width:640px;
  margin:0 0 34px;
  color:#d9e1ec;
  font-size:22px;
  line-height:1.55;
}
.sistema-lead-premium strong{
  color:#ff2532;
  font-weight:950;
}
.sistema-actions-premium{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:32px;
}
.sistema-btn-premium{
  min-height:74px;
  min-width:218px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  gap:16px;
  padding:0 22px;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(148,163,184,.28);
  box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.sistema-btn-premium b{
  display:block;
  font-size:16px;
  font-weight:950;
}
.sistema-btn-premium small{
  display:block;
  margin-top:3px;
  color:#d0d7e2;
  font-size:12px;
}
.sistema-btn-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  background:rgba(255,255,255,.09);
}
.sistema-btn-red-premium{
  background:linear-gradient(180deg,#ff3944,#cf111d);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 0 30px rgba(255,37,50,.34), inset 0 1px 0 rgba(255,255,255,.18);
}
.sistema-btn-red-premium .sistema-btn-icon{
  background:#fff;
  color:#ef1f2b;
}
.sistema-btn-dark-premium{
  background:rgba(8,15,25,.74);
}
.sistema-mini-benefits-premium{
  display:flex;
  flex-wrap:wrap;
  gap:18px 26px;
  color:#e5e7eb;
  font-size:15px;
}
.sistema-mini-benefits-premium div{
  display:flex;
  align-items:center;
  gap:10px;
  padding-right:22px;
  border-right:1px solid rgba(148,163,184,.24);
}
.sistema-mini-benefits-premium div:last-child{
  border-right:0;
}
.sistema-mini-benefits-premium span{
  color:#ff2532;
  font-size:28px;
  text-shadow:0 0 18px rgba(255,37,50,.52);
}
.sistema-devices-premium{
  position:relative;
  min-height:520px;
}
.sistema-glow-premium{
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  right:120px;
  top:0;
  background:radial-gradient(circle, rgba(255,37,50,.24), transparent 62%);
  filter:blur(4px);
}
.sistema-laptop-premium{
  position:absolute;
  right:40px;
  top:0;
  width:670px;
  height:390px;
  padding:18px;
  border-radius:28px;
  transform:rotate(-2deg);
  background:linear-gradient(145deg,#1d2734,#050912 60%,#24303e);
  box-shadow:0 38px 90px rgba(0,0,0,.55), 0 0 0 2px rgba(255,255,255,.08) inset, 0 0 45px rgba(255,37,50,.18);
}
.sistema-laptop-premium::after{
  content:"";
  position:absolute;
  left:-45px;
  right:-45px;
  bottom:-32px;
  height:42px;
  border-radius:0 0 60px 60px;
  background:linear-gradient(180deg,#3a1a1f,#0b0d12 58%, transparent);
  filter:blur(.2px);
  box-shadow:0 10px 40px rgba(255,37,50,.22);
}
.laptop-screen-premium{
  height:100%;
  display:grid;
  grid-template-columns:120px 1fr;
  background:#070c14;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  overflow:hidden;
}
.laptop-sidebar-premium{
  padding:14px 10px;
  background:#070d16;
  border-right:1px solid rgba(148,163,184,.12);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.laptop-gbc-logo{
  color:#ff2532;
  font-weight:950;
  font-size:18px;
  margin:2px 0 12px 4px;
}
.laptop-sidebar-premium span{
  display:flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border-radius:7px;
  color:#8e9bad;
  font-size:10px;
}
.laptop-sidebar-premium span.active{
  background:#c51420;
  color:#fff;
}
.laptop-dashboard-premium{
  padding:18px;
}
.laptop-top-premium{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px;
}
.laptop-top-premium b{
  font-size:15px;
}
.laptop-top-premium small{
  color:#8fa0b5;
  font-size:10px;
}
.dash-cards-premium{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:16px;
}
.dash-cards-premium article,
.dash-list-premium,
.dash-chart-premium{
  border:1px solid rgba(148,163,184,.12);
  border-radius:9px;
  background:rgba(255,255,255,.025);
}
.dash-cards-premium article{
  padding:10px;
}
.dash-cards-premium span{
  display:block;
  color:#92a0b3;
  font-size:9px;
}
.dash-cards-premium b{
  display:block;
  color:#fff;
  margin-top:7px;
  font-size:18px;
}
.dash-cards-premium small{
  color:#22c55e;
}
.dash-content-premium{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:12px;
}
.dash-list-premium,
.dash-chart-premium{
  padding:12px;
  min-height:150px;
}
.dash-list-premium h3,
.dash-chart-premium h3{
  margin:0 0 9px;
  color:#fff;
  font-size:12px;
}
.dash-list-premium div{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:6px;
  padding:6px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
  font-size:9px;
}
.dash-list-premium span,
.dash-list-premium small{
  color:#8fa0b5;
}
.dash-list-premium a{
  display:inline-block;
  margin-top:10px;
  color:#ff2532;
  font-size:10px;
  font-weight:800;
}
.chart-line-premium{
  height:100px;
  margin-top:10px;
  background:
    linear-gradient(180deg,rgba(255,37,50,.12),transparent),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/42px 100%,
    linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 25px;
  border-radius:8px;
  position:relative;
  overflow:hidden;
}
.chart-line-premium::before{
  content:"";
  position:absolute;
  left:14px;
  top:58px;
  width:200px;
  height:70px;
  border-top:3px solid #ff2532;
  border-radius:60% 40% 0 0;
  transform:skew(-24deg);
  box-shadow:0 -10px 18px rgba(255,37,50,.28);
}
.chart-days-premium{
  display:flex;
  justify-content:space-between;
  margin-top:7px;
  color:#8fa0b5;
  font-size:9px;
}
.sistema-phone-premium{
  position:absolute;
  right:0;
  bottom:12px;
  width:168px;
  height:322px;
  padding:18px 13px;
  border-radius:28px;
  background:#060b13;
  border:3px solid #1f2937;
  box-shadow:0 28px 60px rgba(0,0,0,.55),0 0 30px rgba(255,37,50,.22);
}
.phone-top-premium{
  color:#ff2532;
  font-weight:950;
  font-size:18px;
  margin-bottom:18px;
}
.phone-search-premium{
  min-height:34px;
  padding:0 8px;
  border-radius:8px;
  background:#0d1521;
  color:#9aa7b8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:9px;
}
.phone-search-premium span{
  background:#e51c29;
  color:#fff;
  border-radius:7px;
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sistema-phone-premium h4{
  margin:14px 0 6px;
  font-size:11px;
}
.sistema-phone-premium p{
  margin:0;
  color:#8fa0b5;
  font-size:9px;
}
.sistema-phone-premium ul{
  list-style:none;
  padding:0;
  margin:0;
}
.sistema-phone-premium li{
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.06);
  padding:8px 0;
  font-size:9px;
}
.sistema-phone-premium b{
  color:#ff2532;
}
.sistema-phone-premium span{
  color:#8fa0b5;
}
.sistema-phone-premium button{
  width:100%;
  height:30px;
  margin-top:12px;
  border-radius:8px;
  border:1px solid rgba(148,163,184,.20);
  background:#0b1220;
  color:#fff;
  font-size:9px;
}
.sistema-feature-cards-premium{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:28px;
}
.sistema-feature-cards-premium article{
  display:grid;
  grid-template-columns:112px 1fr;
  gap:24px;
  align-items:center;
  min-height:230px;
  padding:28px;
  border:1px solid rgba(255,37,50,.35);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(10,22,36,.82),rgba(6,12,22,.86));
  box-shadow:inset 0 -2px 0 rgba(255,37,50,.65),0 18px 50px rgba(0,0,0,.25);
}
.feature-icon-premium{
  width:104px;
  height:104px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff2532;
  font-size:64px;
  border:1px solid rgba(255,37,50,.55);
  box-shadow:0 0 0 16px rgba(255,37,50,.035),0 0 28px rgba(255,37,50,.28) inset;
}
.sistema-feature-cards-premium h2{
  margin:0 0 12px;
  color:#fff;
  font-size:26px;
}
.sistema-feature-cards-premium p{
  margin:0;
  color:#cbd5e1;
  line-height:1.55;
  font-size:16px;
}
.sistema-feature-cards-premium a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:22px;
  color:#ff2532;
  font-weight:950;
  text-decoration:none;
}
.sistema-feature-cards-premium a span{
  font-size:28px;
}
.sistema-benefits-strip-premium{
  margin-top:32px;
  min-height:122px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(148,163,184,.24);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(10,22,36,.82),rgba(6,12,22,.86));
  overflow:hidden;
}
.sistema-benefits-strip-premium article{
  display:flex;
  align-items:center;
  gap:18px;
  padding:24px;
  border-right:1px solid rgba(148,163,184,.18);
}
.sistema-benefits-strip-premium article:last-child{
  border-right:0;
}
.sistema-benefits-strip-premium article > span{
  width:60px;
  height:60px;
  border-radius:50%;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff2532;
  font-size:34px;
  border:1px solid rgba(255,37,50,.40);
  box-shadow:0 0 18px rgba(255,37,50,.20);
}
.sistema-benefits-strip-premium h3{
  margin:0 0 7px;
  color:#fff;
  font-size:17px;
}
.sistema-benefits-strip-premium p{
  margin:0;
  color:#cbd5e1;
  font-size:14px;
  line-height:1.35;
}
@media(max-width:1180px){
  .sistema-hero-premium{
    grid-template-columns:1fr;
  }
  .sistema-devices-premium{
    min-height:480px;
  }
  .sistema-laptop-premium{
    left:50%;
    right:auto;
    transform:translateX(-50%) rotate(-1deg);
  }
  .sistema-phone-premium{
    right:10%;
  }
  .sistema-feature-cards-premium,
  .sistema-benefits-strip-premium{
    grid-template-columns:1fr;
  }
  .sistema-benefits-strip-premium article{
    border-right:0;
    border-bottom:1px solid rgba(148,163,184,.18);
  }
}
@media(max-width:760px){
  .sistema-premium-main{
    padding:38px 14px;
  }
  .sistema-hero-premium h1{
    font-size:46px;
  }
  .sistema-lead-premium{
    font-size:18px;
  }
  .sistema-actions-premium{
    display:grid;
    grid-template-columns:1fr;
  }
  .sistema-mini-benefits-premium{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .sistema-mini-benefits-premium div{
    border-right:0;
  }
  .sistema-devices-premium{
    min-height:390px;
  }
  .sistema-laptop-premium{
    width:94vw;
    height:300px;
    padding:12px;
  }
  .laptop-screen-premium{
    grid-template-columns:88px 1fr;
  }
  .dash-cards-premium{
    grid-template-columns:repeat(2,1fr);
  }
  .dash-content-premium{
    display:none;
  }
  .sistema-phone-premium{
    width:132px;
    height:250px;
    right:0;
    bottom:0;
  }
  .sistema-phone-premium ul li:nth-child(n+3){
    display:none;
  }
  .sistema-feature-cards-premium article{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   GBC SITE RESPONSIVO — páginas públicas, login, contato e acesso
============================================================ */
html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;}
img,svg,video{max-width:100%;height:auto;}
button,.btn,a,input,select,textarea{touch-action:manipulation;}
@media(max-width:900px){
  .topbar,.home-topbar,.site-topbar-padrao{position:sticky;top:0;z-index:1000;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;padding:10px 12px!important;gap:10px!important;min-height:auto!important;}
  .brand,.home-brand,.site-brand-padrao{min-width:0!important;gap:9px!important;}
  .brand img,.home-brand img,.site-logo-padrao{width:56px!important;height:56px!important;object-fit:cover!important;border-radius:12px!important;}
  .brand strong,.home-brand strong{font-size:15px!important;line-height:1.1!important;}
  .brand small,.home-brand small{font-size:11px!important;}
  .menu-btn,.home-menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important;min-height:46px!important;border-radius:12px!important;}
  .nav,.home-nav{display:none!important;width:100%!important;grid-template-columns:1fr!important;gap:8px!important;background:#0f1724!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:16px!important;padding:10px!important;}
  .nav.open,.home-nav.open{display:grid!important;}
  .nav a,.home-nav a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border-radius:12px!important;background:rgba(255,255,255,.04)!important;}
  .hero,.page-hero,.home-hero,.login-hero-exact{padding:24px 12px!important;}
  .home-hero{grid-template-columns:1fr!important;text-align:center!important;gap:20px!important;}
  .home-cta-row,.actions,.app-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;}
  .home-btn,.btn,button.btn{width:100%!important;min-height:48px!important;}
  .home-device-area{display:none!important;}
  .grid,.cards{grid-template-columns:1fr!important;padding:12px!important;margin-bottom:24px!important;}
  .card,.box,.login-box{border-radius:16px!important;padding:16px!important;}
  .login-box,.login-box-exact{width:min(100%,94vw)!important;margin:10px auto 32px!important;}
  .login-gbc-mark{font-size:clamp(58px,22vw,118px)!important;}
  .lead{font-size:15px!important;line-height:1.45!important;}
  input,textarea,select{min-height:48px!important;font-size:16px!important;}
  .footer-social-inner{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;}
}
@media(max-width:520px){
  h1{font-size:30px!important;}
  .home-hero-copy h1{font-size:38px!important;}
  .topbar,.home-topbar,.site-topbar-padrao{padding:8px 10px!important;}
}


/* GBC cadastro por token único */
.admin-token-box-gbc{border:1px solid rgba(245,158,11,.24);background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(127,29,29,.08));}
.admin-token-info-gbc,.cadastro-token-info{color:#cbd5e1;font-size:13px;line-height:1.5;margin:4px 0 14px;}
.admin-token-gerado-gbc{margin:12px 0;padding:14px;border:1px solid rgba(245,158,11,.42);border-radius:14px;background:rgba(15,23,42,.88);display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.admin-token-gerado-gbc code{font-size:16px;letter-spacing:.08em;color:#fde68a;background:rgba(0,0,0,.35);padding:8px 10px;border-radius:10px;border:1px solid rgba(245,158,11,.25);}
.admin-token-gerado-gbc small{width:100%;color:#94a3b8;}
.admin-token-table-wrap-gbc{margin-top:12px;}
.cadastro-token-box{margin-top:16px;border:1px solid rgba(220,38,38,.28);box-shadow:0 20px 60px rgba(0,0,0,.32);}
.cadastro-token-box h2{margin:0 0 8px;color:#fff;font-size:22px;}
.cadastro-token-box input{text-transform:none;}