/* ═══ Bravora — mobile compartilhado (nav/hambúrguer/overlay + core ≤720/≤480) ═══
   Carregado por todas as páginas DEPOIS do CSS inline (vence o cascade).
   O index.html tem estas regras inline — manter os dois em sincronia. */

    /* menu móvel */
    .nav__burger{display:none;width:38px;height:38px;border-radius:4px;border:1px solid var(--hair, var(--border, rgba(0,0,0,0.12)));background:transparent;cursor:pointer;position:relative;flex-shrink:0;padding:0}
    .nav__burger span{position:absolute;left:10px;right:10px;height:1.5px;background:var(--fg, #1A1A1A);transition:transform .35s var(--ease, cubic-bezier(0.22,1,0.36,1)),top .35s var(--ease, cubic-bezier(0.22,1,0.36,1))}
    .nav__burger span:nth-child(1){top:14px}
    .nav__burger span:nth-child(2){top:22px}
    body.menu-open .nav__burger span:nth-child(1){top:18px;transform:rotate(45deg)}
    body.menu-open .nav__burger span:nth-child(2){top:18px;transform:rotate(-45deg)}
    .mnav{position:fixed;left:0;right:0;bottom:0;top:68px;background:var(--bg, #ffffff);background-image:linear-gradient(90deg,var(--hairsoft, var(--border, rgba(0,0,0,0.08))) 1px,transparent 1px);background-size:120px 100%;z-index:49;visibility:hidden;opacity:0;transition:opacity .35s var(--ease, cubic-bezier(0.22,1,0.36,1)),visibility .35s;overflow-y:auto}
    body.menu-open .mnav{visibility:visible;opacity:1}
    body.menu-open{overflow:hidden}
    .mnav__inner{padding-top:36px;padding-bottom:40px;display:flex;flex-direction:column;min-height:100%}
    .mnav__links{display:flex;flex-direction:column;margin-top:16px}
    .mnav__links a{display:flex;align-items:baseline;gap:16px;padding:17px 2px;border-bottom:1px solid var(--hairsoft, var(--border, rgba(0,0,0,0.08)));font-size:24px;font-weight:500;letter-spacing:-0.02em;color:var(--fg, #1A1A1A);text-decoration:none;opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease, cubic-bezier(0.22,1,0.36,1)),transform .5s var(--ease, cubic-bezier(0.22,1,0.36,1))}
    .mnav__links a .mn{font-size:12px;color:var(--med, #C2856A);font-weight:500;width:22px;flex-shrink:0}
    body.menu-open .mnav__links a{opacity:1;transform:none}
    body.menu-open .mnav__links a:nth-child(1){transition-delay:.04s}
    body.menu-open .mnav__links a:nth-child(2){transition-delay:.09s}
    body.menu-open .mnav__links a:nth-child(3){transition-delay:.14s}
    body.menu-open .mnav__links a:nth-child(4){transition-delay:.19s}
    body.menu-open .mnav__links a:nth-child(5){transition-delay:.24s}
    body.menu-open .mnav__links a:nth-child(6){transition-delay:.29s}
    .mnav__ctas{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:40px}
    .mnav__ctas .btn{width:100%;justify-content:center}

@media (prefers-reduced-motion: reduce){
  .mnav{transition:none !important}
  .mnav__links a{opacity:1 !important;transform:none !important;transition:none !important}
}

@media (max-width:1023px){
  .nav__links{display:none}
  .nav__burger{display:inline-flex}
}

    @media (max-width:720px){
      .nav__inner{gap:12px}
      .nav__actions{gap:8px}
      .nav__actions .btn-outline{display:none}
      .wordmark:not(.wordmark--inv) .wordmark__name{font-size:18px}
      .container{padding:0 22px}
      .hero{min-height:auto}
      .hero__inner{padding-top:48px;padding-bottom:64px}
      .hero h1{font-size:clamp(30px,9.4vw,44px);margin-top:28px}
      .hero__tw{margin-top:20px;min-height:24px}
      .hero__tw #tw-word{font-size:16px}
      .hero__tw .tw-cur{font-size:18px}
      .hero__row2{gap:0;margin-top:26px}
      .hero__sub{font-size:15.5px}
      .hero__ctas{margin-top:24px}
      .hero__ctas .btn{width:100%;justify-content:center}
      .hero__stats{flex-direction:column;gap:0;margin-top:34px;padding-top:0;border-top:none}
      .hero__stats .stat{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--hairsoft, var(--border, rgba(0,0,0,0.08)))}
      .stat b{font-size:25px}
      .stat b .u{font-size:14px}
      .stat .lb{margin-top:0;text-align:right;max-width:200px}
      .quadwrap{display:none}
      .hero__scroll{display:none}
      .section{padding:64px 0 72px}
      .pq,.cf,.tech{padding:64px 0 72px}
      .pband__inner{padding-top:84px;padding-bottom:72px}
      .pq h2{margin:22px 0 30px}
      .cf h2{margin:22px 0 36px}
      .row{grid-template-columns:34px 1fr;gap:6px 14px;padding:20px 14px;margin:0 -14px;align-items:baseline}
      .row .n{font-size:12px}
      .row .t{font-size:17px}
      .row .d{display:block;grid-column:2;font-size:13.5px}
      .row .a{display:none}
      .bar{height:56px;border-radius:5px}
      .bar .bseg{padding:0;align-items:center;justify-content:center}
      .bar .bseg .stt{display:none}
      .bar .bseg .sn{font-size:11px;opacity:0.95;letter-spacing:0.08em}
      .painel .txt{padding:28px 22px}
      .painel .txt .pt{font-size:20px}
      .painel .txt .pd{font-size:14.5px}
      .painel .qb{min-height:120px}
      .painel .qb .qn{font-size:88px}
      .tech .tsub{margin-bottom:40px}
      .tech .shotwrap{margin-top:32px;padding:30px 0 0 30px}
      .tech .shotwrap img{min-height:320px}
      .tech .shotwrap .tag{left:30px}
      .tech .cta-row{width:100%}
      .tech .cta-row .btn{width:100%;justify-content:center}
      .cta-banner{padding:72px 0}
      .cta-banner .btn{width:100%;justify-content:center;max-width:420px}
      .bcard--feat .bcard__title{font-size:23px}
      .bcard--feat .bcard__body{padding:22px}
      .footer{padding:44px 0 32px}
    }
    @media (max-width:480px){
      .container{padding:0 18px}
      .btn--sm{padding:0 14px}
      #nl-form{flex-direction:column}
      #nl-form input{width:100%;min-width:0}
      #nl-form button{width:100%}
    }

/* Salvaguardas — páginas com esquema de tokens próprio (blog/newsroom/contato):
   o overlay móvel não depende de .fio/.btn definidos no CSS inline da página */
.mnav .fio{display:flex;align-items:center}
.mnav .fio .st{width:8px;height:8px;background:var(--terra, #9E4D2F);flex-shrink:0}
.mnav .fio .ln{flex:1;height:1px;background:var(--hair, var(--border, rgba(0,0,0,0.12)))}
.mnav .fio-lbl{font-size:11px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted, #6E6E6E);margin-top:12px}
.mnav__ctas .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;border-radius:4px;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;font-family:inherit}
.mnav__ctas .btn-primary{background:var(--btn-bg, #000);color:var(--btn-fg, #fff)}
.mnav__ctas .btn-outline{background:transparent;color:var(--fg, #1A1A1A);border:1px solid var(--hair, var(--border, rgba(0,0,0,0.12)))}