/* =========================================================
   HubAdm claro — identidade institucional 2026
   ========================================================= */
:root {
  --ink: #081a35;
  --muted: #61748f;
  --faint: #8b9ab0;
  --night: #f5f9ff;
  --night-2: #ecf4ff;
  --panel: rgba(255, 255, 255, .82);
  --line: rgba(64, 101, 151, .15);
  --cyan: #00aee0;
  --blue: #176bff;
  --violet: #7047eb;
  --mint: #0fbf8f;
}
html { background: var(--night); }
body {
  color: var(--ink);
  background:
    radial-gradient(circle at 88% 2%, rgba(111, 71, 235, .09), transparent 30%),
    radial-gradient(circle at 8% 22%, rgba(32, 157, 255, .11), transparent 30%),
    linear-gradient(180deg, #f8fbff, #f2f7ff 54%, #f8fbff);
}
body::before { opacity: .16; background-image: radial-gradient(rgba(41, 82, 136, .2) .45px, transparent .65px); }
.cursor-light { background: radial-gradient(560px circle at var(--mx) var(--my), rgba(44, 132, 255, .1), transparent 65%); }
.site-header {
  border-color: rgba(104, 139, 184, .2);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 55px rgba(32, 70, 119, .11);
}
.site-header.scrolled { background: rgba(255, 255, 255, .94); border-color: rgba(90, 128, 178, .24); }
.brand-logo-ink {
  display: block;
  filter: brightness(0) saturate(100%) invert(9%) sepia(23%) saturate(2130%) hue-rotate(177deg) brightness(92%) contrast(104%);
}
.brand-icon { width: 48px; height: 48px; display: block; border-radius: 50%; box-shadow: 0 10px 26px rgba(39, 85, 172, .18); }
.brand-word { display: grid; line-height: 1; }
.brand-word strong { color: #071833; font-size: 25px; letter-spacing: -.065em; }
.brand-word strong span { color: var(--blue); }
.brand-word small { margin-top: 7px; color: #617792; font-size: 7.5px; font-weight: 850; letter-spacing: .17em; text-transform: uppercase; }
.main-nav a, .panel-link { color: #5f718a; }
.main-nav a:hover, .panel-link:hover { color: var(--ink); }
.button { color: var(--ink); border-color: rgba(72, 115, 170, .2); background: rgba(255,255,255,.72); box-shadow: 0 9px 25px rgba(31,71,126,.07), inset 0 1px #fff; }
.button-primary { color: #fff; border-color: rgba(74, 120, 255, .25); background: linear-gradient(135deg, #176bff, #7047eb); }
.menu-button { border-color: rgba(60, 101, 157, .18); background: #f6f9ff; }
.menu-button span { background: #173152; }
.site-theme-toggle { color: #173152; border-color: rgba(60,101,157,.18); background: #f6f9ff; }
.site-theme-toggle:hover { color: #176bff; border-color: rgba(23,107,255,.3); background: #edf4ff; }
.hero-grid { opacity: .2; background-image: linear-gradient(rgba(64,118,185,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(64,118,185,.13) 1px, transparent 1px); }
.hero::before { background: radial-gradient(circle, rgba(54, 135, 255, .14), transparent 67%); }
.eyebrow { color: #52789f; }
.hero h1 { color: #071833; }
h1 em, h2 em { background: linear-gradient(100deg, #0d2344 5%, #1679ef 52%, #744ae9); -webkit-background-clip: text; background-clip: text; }
.hero-lead, .section-heading > p, .manifesto-copy > p, .transformation-copy > p:not(.eyebrow), .contact-copy > p:not(.eyebrow) { color: #60738e; }
.text-link { color: #526a87; }.text-link:hover, .text-link.bright { color: #102b4d; }
.orb-center { color: #fff; background: rgba(8, 28, 63, .91); }
.orbit-label { border-color: rgba(86, 132, 188, .2); background: rgba(255,255,255,.75); box-shadow: 0 14px 40px rgba(38,77,128,.12); }
.orbit-label small, .orb-hint { color: #617590; }
.hero-proof strong { color: #1a3557; }.hero-proof p { color: #6d7f97; }.hero-proof > span { color: #7890ad; }
.section-number { color: #7589a3; }
.manifesto-copy .large-copy { color: #16304f; }
.quote-line { color: #60748e; }.quote-line strong { color: #112d4f; }
.capability-card, .capability-card.featured {
  border-color: rgba(78, 119, 172, .15);
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(241,247,255,.88));
  box-shadow: 0 18px 54px rgba(35,76,132,.08), inset 0 1px #fff;
}
.capability-card:hover { border-color: rgba(45, 120, 232, .3); box-shadow: 0 26px 70px rgba(37,79,139,.14); }
.capability-card h3 { color: #102c4e; }.capability-card p { color: #627690; }
.card-index { color: #7890ac; }.card-symbol { color: #176bff; border-color: #d3e2f5; background: #edf4ff; }
.capability-card li, .card-foot { color: #58708e; border-color: #d9e5f4; background: rgba(255,255,255,.72); }
.flow-visual span { background: #f3f7ff; }
.data-lines { border-color: var(--line); }
.transformation { border-color: rgba(76, 116, 169, .11); background: linear-gradient(120deg, rgba(219,235,255,.65), rgba(239,232,255,.55)); }
.map-node, .map-result { border-color: rgba(75, 121, 177, .18); background: rgba(255,255,255,.76); box-shadow: 0 18px 50px rgba(40,80,134,.08); }
.map-node strong { color: #1a3556; }.map-node span, .map-result > small { color: #6f86a3; }.map-result p { color: #6a7d95; }.map-result p b { color: #173352; }
.method-step > span { color: #176bff; border-color: #cadcf2; background: #f7faff; box-shadow: 0 0 0 8px #f5f9ff, 0 12px 30px rgba(35,87,158,.1); }
.method-step h3, .principle h3 { color: #112d4e; }.method-step p, .principle p { color: #667a94; }
.principle:hover { background: linear-gradient(140deg, rgba(220,235,255,.7), transparent); }
.contact { border-color: rgba(74, 116, 172, .18); background: linear-gradient(125deg, rgba(236,246,255,.94), rgba(255,255,255,.96) 48%, rgba(243,238,255,.92)); box-shadow: 0 35px 90px rgba(35,74,127,.13), inset 0 1px #fff; }
.contact-email { color: #294b70; border-color: #aebed0; }.contact-action small { color: #6d819b; }
.site-footer { color: var(--ink); }.footer-main > p, .footer-main nav a { color: #617590; }.footer-main nav a:hover { color: #176bff; }.footer-bottom { color: #71849d; }

@media (max-width: 1120px) {
  .main-nav { background: rgba(255,255,255,.98); box-shadow: 0 22px 60px rgba(36,72,120,.14); }
}
@media (max-width: 820px) {
  .brand-icon { width: 42px; height: 42px; }
  .brand-word strong { font-size: 22px; }
  .brand-word small { font-size: 6px; }
}
@media (max-width: 520px) {
  .brand-word strong { font-size: 20px; }
  .brand-word small { display: block; letter-spacing: .1em; }
}

/* Contato e assistente na identidade clara */
.contact-backdrop { background: rgba(30, 52, 84, .38); }
.contact-dialog { border-color: rgba(77, 119, 173, .24); background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(244,248,255,.99)); box-shadow: 0 42px 120px rgba(30,61,106,.28), 0 0 90px rgba(49,110,255,.08); }
.contact-dialog-header { border-bottom-color: rgba(73, 112, 164, .14); }
.contact-dialog-header h2 { color: #0b2140; }.contact-dialog-header > div:nth-child(2) > p:last-child { color: #667b95; }.contact-kicker { color: #176bff; }
.contact-close { color: #60748e; border-color: #d8e4f2; background: #f5f8fc; }.contact-close:hover { color: #176bff; border-color: #b8d0ef; background: #edf4ff; }
.contact-field > span { color: #263f5f; }.contact-field input, .contact-field textarea { color: #102944; border-color: #d6e2f1; background: #fff; }.contact-field input::placeholder, .contact-field textarea::placeholder { color: #8a9ab0; }.contact-field input:focus, .contact-field textarea:focus { background: #fff; }
.contact-upload-card, .contact-audio-card, .contact-file-item, .contact-audio-preview { border-color: #dce6f3; background: #f8fbff; }.contact-upload-card small, .contact-audio-card small { color: #71849d; }.contact-secondary-button { color: #294766; border-color: #cad9ec; background: #fff; }.contact-secondary-button:hover { color: #176bff; border-color: #a9c6ea; }.contact-file-item strong { color: #1e3b5d; }.contact-file-item small { color: #71839a; }
.contact-summary-linked { border-color: #d1e0f3; background: #f1f6ff; }.contact-summary-linked strong { color: #213d5e; }.contact-summary-linked small { color: #72859e; }
.contact-form-footer { border-top-color: #e1e9f4; }.contact-form-footer > p { color: #75879f; }.contact-success h2 { color: #102b4d; }.contact-success > p:not(.contact-kicker) { color: #657992; }.contact-protocol { border-color: #c4daf3; background: #edf5ff; }.contact-protocol span { color: #6d829c; }.contact-protocol strong { color: #176bff; }.contact-protocol button { color: #294766; border-color: #cbd9e9; background: #fff; }
.assistant-launcher { color: #fff; border-color: rgba(77,139,255,.3); background: linear-gradient(120deg,#176bff,#7047eb); box-shadow: 0 18px 50px rgba(39,82,185,.25); }
.assistant-panel { color: #0d2747; border-color: #cdddf0; background: rgba(255,255,255,.985); box-shadow: 0 35px 100px rgba(29,62,109,.28), 0 0 80px rgba(55,111,255,.08); }
.assistant-header { border-bottom-color: #e1e9f3; }.assistant-avatar i { border-color: #fff; }.assistant-header small { color: #70849e; }.assistant-header button { color: #62758e; border-color: #dce5f0; background: #f5f8fc; }
.assistant-intro { border-color: #d7e6f5; background: linear-gradient(110deg,#eff7ff,#f4efff); }.assistant-intro strong { color: #173758; }.assistant-intro small { color: #6c8099; }
.assistant-messages { scrollbar-color: #ccd9e9 transparent; }.assistant-message p { color: #425a75; background: #f0f4fa; }.assistant-message-user p { color: #fff; background: linear-gradient(135deg,#176bff,#7047eb); }.assistant-typing { background: #eef3f9; }
.assistant-actions button { color: #176bff; }.assistant-compose { border-color: #bcd3ee; background: #f8fbff; box-shadow: 0 0 0 3px rgba(23,107,255,.04); }.assistant-compose textarea { color: #193653; }.assistant-compose textarea::placeholder { color: #8293a8; }.assistant-privacy { color: #778ba3; }
.assistant-summary { border-color: #c9ddf2; background: rgba(255,255,255,.99); box-shadow: 0 20px 55px rgba(31,67,117,.2); }.assistant-summary-heading { border-bottom-color: #e1e9f3; }.assistant-summary-heading strong { color: #173653; }.assistant-summary-row { background: #f5f8fc; }.assistant-summary-row p, .assistant-summary-row li { color: #526981; }