/* ============================================================
   BOLEPIX — CABEÇALHO PÚBLICO GLOBAL
   v5703z185menu5c8
   ============================================================ */

:root{
  --bpg-bg:#061c31;
  --bpg-bg-2:#082946;
  --bpg-line:rgba(119,163,206,.28);
  --bpg-text:#f8fbff;
  --bpg-muted:#a8bfd4;
  --bpg-blue:#178cff;
  --bpg-cyan:#12d8c4;
  --bpg-green:#26e6a6;
  --bpg-header-h:92px;
}

html.bp-global-public-v185 body{
  padding-top:var(--bpg-header-h) !important;
}

@media(max-width:1050px){
  html.bp-global-public-v185 body{
    padding-top:78px !important;
  }
}

html.bp-global-public-v185 body > header:not(#bpGlobalHeaderV185),
html.bp-global-public-v185 #bpUniversalHeaderV5696k,
html.bp-global-public-v185 #bpStaticHeaderV5696h{
  display:none !important;
}

#bpGlobalHeaderV185,
#bpGlobalHeaderV185 *{
  box-sizing:border-box;
}

#bpGlobalHeaderV185{
  width:100%;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:2147483000;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--bpg-text);
  background:
    radial-gradient(circle at 95% 0%,rgba(24,125,219,.24),transparent 32%),
    linear-gradient(100deg,var(--bpg-bg) 0%,#061d33 55%,var(--bpg-bg-2) 100%);
  border-bottom:1px solid var(--bpg-line);
  box-shadow:0 10px 30px rgba(0,14,29,.18);
}

.bp-global-shell-v185{
  max-width:1480px;
  min-height:var(--bpg-header-h);
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:22px;
}

.bp-global-brand-v185{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none !important;
  color:white !important;
}

.bp-global-mark-v185{
  width:55px;
  height:55px;
  padding:8px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
  gap:4px;
  border:2px solid var(--bpg-green);
  border-radius:16px;
  transform:rotate(-4deg);
}

.bp-global-mark-v185 i{
  display:block;
  border-radius:2px;
  background:linear-gradient(135deg,var(--bpg-green),var(--bpg-cyan));
}

.bp-global-word-v185{
  display:flex;
  align-items:baseline;
  font-size:30px;
  line-height:1;
  letter-spacing:-1.5px;
  font-weight:950;
  font-style:italic;
  white-space:nowrap;
}

.bp-global-word-v185 b{
  background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 32%,#d6e2ee 68%,#bccbda 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.08));
  background:linear-gradient(180deg,#ffffff 0%,#eef4fb 45%,#cfdceb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

.bp-global-word-v185 strong{
  background:linear-gradient(90deg,#35b4ff 0%,#17d6d1 52%,#2af0a8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  filter:drop-shadow(0 1px 0 rgba(54,223,188,.08));
  background:linear-gradient(90deg,#27b6ff 0%,#18d7d0 55%,#29f0a9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

.bp-global-nav-v185{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
}

.bp-global-link-v185,
.bp-global-dropbtn-v185{
  appearance:none;
  border:0;
  background:transparent;
  color:#fff !important;
  text-decoration:none !important;
  min-height:45px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:13px;
  font:800 14px/1.1 Inter,system-ui,sans-serif;
  white-space:nowrap;
  cursor:pointer;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease;
}

.bp-global-link-v185:hover,
.bp-global-dropbtn-v185:hover,
.bp-global-link-v185.is-active,
.bp-global-dropbtn-v185.is-active{
  background:rgba(33,153,255,.13);
  box-shadow:inset 0 0 0 1px rgba(63,188,255,.30);
}

.bp-global-chevron-v185{
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}

.bp-global-dropdown-v185.is-open .bp-global-chevron-v185{
  transform:rotate(225deg) translate(-2px,-1px);
}

.bp-global-dropdown-v185{
  position:relative;
}

.bp-global-panel-v185{
  position:absolute;
  top:calc(100% + 12px);
  left:-12px;
  min-width:270px;
  padding:12px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dce8f3;
  box-shadow:0 24px 70px rgba(1,21,41,.22);
  visibility:hidden;
  opacity:0;
  transform:translateY(-5px);
  pointer-events:none;
  transition:.18s ease;
}

.bp-global-dropdown-v185.is-open > .bp-global-panel-v185{
  visibility:visible;
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.bp-global-mega-v185{
  width:min(760px,calc(100vw - 40px));
  padding:0;
  overflow:hidden;
}

.bp-global-mega-head-v185{
  padding:17px 20px 13px;
  color:#62768a;
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-bottom:1px solid #edf2f7;
}

.bp-global-mega-grid-v185{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:10px;
}

.bp-global-card-v185{
  min-height:92px;
  padding:15px;
  border-radius:14px;
  text-decoration:none !important;
  display:block;
  transition:.17s ease;
}

.bp-global-card-v185:hover{
  background:#f1f7ff;
}

.bp-global-card-v185 strong{
  display:block;
  color:#071c32;
  font-size:15px;
  font-weight:900;
  margin-bottom:6px;
}

.bp-global-card-v185 span{
  display:block;
  color:#667b8f;
  font-size:13px;
  line-height:1.45;
}

.bp-global-simple-v185 a{
  display:block;
  padding:12px 13px;
  border-radius:12px;
  text-decoration:none !important;
  color:#0a2036 !important;
  font-size:14px;
  font-weight:800;
}

.bp-global-simple-v185 a:hover{
  background:#eff7ff;
}

.bp-global-actions-v185{
  margin-left:auto;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:9px;
}

.bp-global-login-v185{
  min-height:45px;
  padding:0 15px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px;
  font-weight:850;
  border:1px solid rgba(152,189,226,.32);
  background:rgba(255,255,255,.055);
}

.bp-global-trial-v185{
  min-height:47px;
  padding:0 18px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  white-space:nowrap;
  color:white !important;
  font-size:14px;
  font-weight:900;
  background:linear-gradient(120deg,#168cff,#14d2c3);
  box-shadow:0 10px 25px rgba(22,140,255,.20);
}

.bp-global-mobile-toggle-v185{
  display:none;
  width:46px;
  height:46px;
  margin-left:auto;
  border:1px solid rgba(151,190,226,.32);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:13px;
  font-size:24px;
  cursor:pointer;
}

.bp-global-mobile-v185{
  display:none;
}

@media(max-width:1250px){
  .bp-global-shell-v185{
    gap:12px;
    padding-left:14px;
    padding-right:14px;
  }

  .bp-global-word-v185{
    font-size:25px;
  }

  .bp-global-mark-v185{
    width:48px;
    height:48px;
  }

  .bp-global-link-v185,
  .bp-global-dropbtn-v185{
    padding-left:9px;
    padding-right:9px;
    font-size:13px;
  }

  .bp-global-login-v185,
  .bp-global-trial-v185{
    font-size:13px;
    padding-left:12px;
    padding-right:12px;
  }
}

@media(max-width:1050px){
  :root{
    --bpg-header-h:78px;
  }

  .bp-global-shell-v185{
    min-height:78px;
  }

  .bp-global-nav-v185,
  .bp-global-actions-v185{
    display:none;
  }

  .bp-global-mobile-toggle-v185{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .bp-global-mobile-v185{
    display:none;
    border-top:1px solid rgba(147,185,221,.20);
    padding:10px 15px 18px;
    background:#071d32;
  }

  #bpGlobalHeaderV185.is-mobile-open .bp-global-mobile-v185{
    display:block;
  }

  .bp-global-mobile-v185 > a,
  .bp-global-mobile-section-v185 > button{
    width:100%;
    min-height:48px;
    border:0;
    border-bottom:1px solid rgba(153,187,220,.13);
    background:transparent;
    color:#fff !important;
    text-decoration:none !important;
    display:flex;
    justify-content:space-between;
    align-items:center;
    text-align:left;
    padding:0 5px;
    font-size:15px;
    font-weight:850;
  }

  .bp-global-mobile-sub-v185{
    display:none;
    padding:5px 0 8px 15px;
  }

  .bp-global-mobile-section-v185.is-open .bp-global-mobile-sub-v185{
    display:block;
  }

  .bp-global-mobile-sub-v185 a{
    display:block;
    padding:12px 10px;
    color:#cde0f2 !important;
    text-decoration:none !important;
    font-size:14px;
    font-weight:750;
  }

  .bp-global-mobile-trial-v185{
    margin-top:12px;
    border:0 !important;
    border-radius:13px;
    justify-content:center !important;
    background:linear-gradient(120deg,#168cff,#14d2c3) !important;
  }
}

@media(max-width:560px){
  .bp-global-shell-v185{
    padding:0 12px;
  }

  .bp-global-mark-v185{
    width:43px;
    height:43px;
    border-radius:13px;
    padding:6px;
    gap:3px;
  }

  .bp-global-word-v185{
    font-size:23px;
  }
}


/* ============================================================
   BOLEPIX — AREA AUTENTICADA SEM HEADER PUBLICO
   v5703z185menu5c8
   ============================================================ */

html.bp-private-app-no-public-header-v185 #bpGlobalHeaderV185{
  display:none !important;
}

html.bp-private-app-no-public-header-v185 body{
  padding-top:0 !important;
}



/* ============================================================
   BOLEPIX — SHELL LOGADO REAL
   v5703z185menu5c8
   ============================================================ */

html.bp-private-app-no-public-header-v185 #bpGlobalHeaderV185,
body.bp-private-app-no-public-header-v185 #bpGlobalHeaderV185{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}

html.bp-private-app-no-public-header-v185 body,
body.bp-private-app-no-public-header-v185{
  padding-top:0 !important;
}



/* ============================================================
   BOLEPIX — MOBILE PADRÃO PRINT 1
   v5703z185menu5c8
   ============================================================ */

@media(max-width:1050px){

  #bpGlobalHeaderV185{
    position:fixed;
    top:0;
    left:0;
    right:0;
  }

  .bp-global-shell-v185{
    min-height:92px;
    align-items:center;
  }

  .bp-global-brand-v185{
    gap:10px;
  }

  .bp-global-mobile-toggle-v185{
    width:64px;
    height:64px;
    border-radius:18px;
    border:1px solid rgba(154,192,231,.45);
    background:rgba(255,255,255,.10);
    font-size:32px;
    font-weight:800;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
  }

  .bp-global-mobile-v185{
    position:fixed;
    inset:92px 0 0 0;
    display:none;
    padding:18px 20px 26px;
    overflow:auto;
    background:
      linear-gradient(180deg,rgba(2,16,31,.96) 0%,rgba(3,24,43,.97) 100%);
    border-top:1px solid rgba(154,192,231,.18);
  }

  #bpGlobalHeaderV185.is-mobile-open .bp-global-mobile-v185{
    display:block;
  }

  .bp-global-mobile-list-v185{
    display:flex;
    flex-direction:column;
    gap:18px;
    padding:10px 6px 30px;
  }

  .bp-global-mobile-link-v185,
  .bp-global-mobile-section-v185 > button.bp-global-mobile-link-v185{
    width:100%;
    min-height:112px;
    border:1px solid rgba(104,133,182,.42);
    border-radius:30px;
    background:#25385b;
    color:#fff !important;
    text-decoration:none !important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0 22px;
    font-size:28px;
    line-height:1.2;
    font-weight:900;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 10px 26px rgba(1,12,26,.18);
  }

  .bp-global-mobile-link-v185.is-active-home{
    background:linear-gradient(180deg,#0d6d85 0%,#0f617b 100%);
    border-color:#28dcca;
  }

  .bp-global-mobile-link-toggle-v185{
    justify-content:center;
    position:relative;
  }

  .bp-global-mobile-arrow-v185{
    position:absolute;
    right:24px;
    font-size:28px;
    line-height:1;
    transition:transform .18s ease;
  }

  .bp-global-mobile-section-v185.is-open .bp-global-mobile-arrow-v185{
    transform:rotate(180deg);
  }

  .bp-global-mobile-sub-v185{
    display:none;
    padding:10px 10px 0;
    flex-direction:column;
    gap:12px;
  }

  .bp-global-mobile-section-v185.is-open .bp-global-mobile-sub-v185{
    display:flex;
  }

  .bp-global-mobile-sublink-v185{
    width:100%;
    min-height:82px;
    border-radius:24px;
    border:1px solid rgba(83,120,172,.36);
    background:#1d2e4a;
    color:#dfe9f6 !important;
    text-decoration:none !important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0 18px;
    font-size:22px;
    font-weight:850;
  }

  .bp-global-mobile-trial-v185{
    background:linear-gradient(90deg,#2094ff 0%,#2fd8c9 100%) !important;
    border-color:transparent !important;
    color:#fff !important;
  }
}

@media(max-width:560px){
  .bp-global-shell-v185{
    min-height:86px;
  }

  .bp-global-mobile-v185{
    inset:86px 0 0 0;
    padding:14px 16px 20px;
  }

  .bp-global-mobile-link-v185,
  .bp-global-mobile-section-v185 > button.bp-global-mobile-link-v185{
    min-height:96px;
    border-radius:26px;
    font-size:24px;
  }

  .bp-global-mobile-sublink-v185{
    min-height:74px;
    font-size:20px;
  }

  .bp-global-mobile-toggle-v185{
    width:58px;
    height:58px;
    font-size:29px;
  }
}


/* ============================================================
   BOLEPIX — MOBILE COMPACTO
   v5703z185menu5c8
   ============================================================ */

@media(max-width:1050px){

  .bp-global-mobile-v185{
    padding:14px 18px 22px !important;
  }

  .bp-global-mobile-list-v185{
    gap:10px !important;
    padding:6px 4px 20px !important;
  }

  .bp-global-mobile-link-v185,
  .bp-global-mobile-section-v185 > button.bp-global-mobile-link-v185{
    min-height:64px !important;
    height:64px !important;
    border-radius:20px !important;
    padding:0 18px !important;
    font-size:18px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
  }

  .bp-global-mobile-arrow-v185{
    right:20px !important;
    font-size:20px !important;
  }

  .bp-global-mobile-sub-v185{
    padding:7px 7px 0 !important;
    gap:7px !important;
  }

  .bp-global-mobile-sublink-v185{
    min-height:52px !important;
    height:52px !important;
    border-radius:16px !important;
    font-size:16px !important;
    padding:0 14px !important;
  }

  .bp-global-mobile-trial-v185{
    min-height:64px !important;
    height:64px !important;
  }
}

@media(max-width:560px){

  .bp-global-mobile-v185{
    padding:12px 18px 20px !important;
  }

  .bp-global-mobile-list-v185{
    gap:10px !important;
  }

  .bp-global-mobile-link-v185,
  .bp-global-mobile-section-v185 > button.bp-global-mobile-link-v185{
    min-height:62px !important;
    height:62px !important;
    border-radius:18px !important;
    font-size:18px !important;
  }

  .bp-global-mobile-sublink-v185{
    min-height:50px !important;
    height:50px !important;
    font-size:15px !important;
  }

  .bp-global-mobile-toggle-v185{
    width:54px !important;
    height:54px !important;
    border-radius:16px !important;
    font-size:27px !important;
  }

  .bp-global-mark-v185{
    width:45px !important;
    height:45px !important;
  }

  .bp-global-word-v185{
    font-size:24px !important;
  }
}



/* ============================================================
   BOLEPIX — LOGO HEADER NO PADRAO DO RODAPE ORIGINAL
   v5703z185menu5c8
   ============================================================ */

#bpGlobalHeaderV185 .bp-global-word-v185{
  overflow:visible !important;
  padding-right:5px !important;
}

#bpGlobalHeaderV185 .bp-global-word-v185 b{
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fbff 32%,
      #d9e8f6 68%,
      #c8d9e8 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:none !important;
}

#bpGlobalHeaderV185 .bp-global-word-v185 strong{
  background:
    linear-gradient(
      90deg,
      #39b8ff 0%,
      #20d9d0 52%,
      #23efa5 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:none !important;
}



/* ============================================================
   BOLEPIX — AJUSTE FINO DO LOGO DO HEADER
   v5703z185menu5c8
   ============================================================ */

#bpGlobalHeaderV185 .bp-global-word-v185{
  overflow:visible !important;
  padding-right:6px !important;
  letter-spacing:-1.15px !important;
}

#bpGlobalHeaderV185 .bp-global-word-v185 b{
  background:
    linear-gradient(
      180deg,
      #f4f8fc 0%,
      #e7eef5 42%,
      #c8d3df 100%
    ) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  filter:none !important;
}

#bpGlobalHeaderV185 .bp-global-word-v185 strong{
  background:
    linear-gradient(
      90deg,
      #52c3ff 0%,
      #1fd8ef 52%,
      #25ef9f 100%
    ) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  filter:none !important;
}



/* ============================================================
   BOLEPIX — LOGO DO HEADER COPIADO DO RODAPE ORIGINAL
   v5703z185menu5c8
   ============================================================ */

#bpGlobalHeaderV185 .bp-global-word-v185{
  
white-space:nowrap !important;
overflow:visible !important;

  padding-right:6px !important;
  letter-spacing:-1.1px !important;
}

#bpGlobalHeaderV185 .bp-global-word-v185 b{
  
background:linear-gradient(180deg,#f4f8fc 0%,#e7eef5 42%,#c8d3df 100%) !important;
-webkit-background-clip:text !important;
background-clip:text !important;
-webkit-text-fill-color:transparent !important;
color:transparent !important;

  filter:none !important;
}

#bpGlobalHeaderV185 .bp-global-word-v185 strong{
  
background:linear-gradient(90deg,#52c3ff 0%,#1fd8ef 52%,#25ef9f 100%) !important;
-webkit-background-clip:text !important;
background-clip:text !important;
-webkit-text-fill-color:transparent !important;
color:transparent !important;

  filter:none !important;
}



/* ============================================================
   BOLEPIX — LOGO HEADER = REGRAS REAIS DO RODAPE ORIGINAL
   v5703z185menu5c8
   ============================================================ */

#bpGlobalHeaderV185
.bp-global-word-v185 {
    overflow:visible !important;
    width:auto !important;
    max-width:none !important;
    padding-right:8px !important;
}

#bpGlobalHeaderV185
.bp-global-word-v185 b {
display:
        inline-block !important;

    color:
        transparent !important;

    -webkit-text-fill-color:
        transparent !important;

    background:
        linear-gradient(
            90deg,
            #f9fcff 0%,
            #dff7ff 30%,
            #60ceff 76%,
            #2abef1 100%
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;
}

#bpGlobalHeaderV185
.bp-global-word-v185 strong {
display:
        inline-block !important;

    color:
        transparent !important;

    -webkit-text-fill-color:
        transparent !important;

    background:
        linear-gradient(
            90deg,
            #2abef1 0%,
            #24d6c1 48%,
            #20e592 100%
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;
}


/* ============================================================
   BOLEPIX — DEGRADE LOGO HEADER PADRAO VISUAL
   v5703z185menu5c9
   ============================================================ */

#bpGlobalHeaderV185 .bp-global-word-v185{
  overflow:visible !important;
  width:auto !important;
  max-width:none !important;
  padding-right:8px !important;
  white-space:nowrap !important;
}

/* BOLE — branco frio / cinza claro */
#bpGlobalHeaderV185 .bp-global-word-v185 b{
  background:
    linear-gradient(
      90deg,
      #f7f9fb 0%,
      #eef3f7 45%,
      #dfe7ef 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:none !important;
}

/* PIX — azul claro -> ciano -> verde agua */
#bpGlobalHeaderV185 .bp-global-word-v185 strong{
  background:
    linear-gradient(
      90deg,
      #6fc5f0 0%,
      #53bff0 24%,
      #25d3ef 62%,
      #20e5c0 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:none !important;
}

/* leve continuidade visual no mobile */
@media(max-width:1050px){
  #bpGlobalHeaderV185 .bp-global-word-v185{
    padding-right:10px !important;
  }
}


/* ============================================================
   BOLEPIX — LOGO HEADER PADRAO RODAPE
   B claro + OLEPIX com degrade
   v5703z185menu5c10
   ============================================================ */

#bpGlobalHeaderV185 .bp-global-word-v185{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  overflow:visible !important;
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  padding-right:10px !important;
  letter-spacing:-0.6px !important;
}

#bpGlobalHeaderV185 .bp-global-word-v185 .bp-logo-b-v185,
#bpGlobalHeaderV185 .bp-global-word-v185 .bp-logo-rest-v185{
  display:inline-block !important;
  line-height:1 !important;
  font:inherit !important;
  font-style:italic !important;
  font-weight:800 !important;
}

/* B claro */
#bpGlobalHeaderV185 .bp-global-word-v185 .bp-logo-b-v185{
  background:
    linear-gradient(
      180deg,
      #f7f9fb 0%,
      #eef3f7 48%,
      #dce4ec 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:none !important;
}

/* OLEPIX com degradê completo */
#bpGlobalHeaderV185 .bp-global-word-v185 .bp-logo-rest-v185{
  background:
    linear-gradient(
      90deg,
      #edf3f8 0%,
      #dfe8f1 14%,
      #a8d6ef 32%,
      #65c2ef 52%,
      #2ed4ef 74%,
      #20e5c0 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:none !important;
}

@media (max-width: 1050px){
  #bpGlobalHeaderV185 .bp-global-word-v185{
    padding-right:12px !important;
  }
}


/* ============================================================
   BOLEPIX — AJUSTE DO VERDE DO LOGO HEADER
   MESMO VERDE DO RODAPE: #20e58c
   v5703z185menu5c11
   ============================================================ */

/* fallback geral */
#bpGlobalHeaderV185 .bp-global-word-v185{
  overflow:visible !important;
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
}

/* caso esteja usando a estrutura B + OLEPIX */
#bpGlobalHeaderV185 .bp-global-word-v185 .bp-logo-b-v185{
  background:
    linear-gradient(
      180deg,
      #f7f9fb 0%,
      #eef3f7 48%,
      #dce4ec 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

#bpGlobalHeaderV185 .bp-global-word-v185 .bp-logo-rest-v185{
  background:
    linear-gradient(
      90deg,
      #edf3f8 0%,
      #dfe8f1 14%,
      #a8d6ef 32%,
      #65c2ef 52%,
      #2ed4ef 74%,
      #20e58c 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:none !important;
}

/* fallback caso ainda esteja na estrutura antiga b + strong */
#bpGlobalHeaderV185 .bp-global-word-v185 b{
  background:
    linear-gradient(
      180deg,
      #f7f9fb 0%,
      #eef3f7 48%,
      #dce4ec 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:none !important;
}

#bpGlobalHeaderV185 .bp-global-word-v185 strong{
  background:
    linear-gradient(
      90deg,
      #a8d6ef 0%,
      #65c2ef 30%,
      #2ed4ef 68%,
      #20e58c 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:none !important;
}


/* ============================================================
   BOLEPIX — LOGO HEADER PADRAO VISUAL DO RODAPE
   v5703z185menu5c12
   ============================================================ */

/* palavra inteira */
#bpGlobalHeaderV185 .bp-global-word-v185{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  overflow:visible !important;
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  padding-right:10px !important;
  letter-spacing:-0.6px !important;
}

#bpGlobalHeaderV185 .bp-global-word-v185 .bp-logo-full-v185{
  display:inline-block !important;
  font:inherit !important;
  font-style:italic !important;
  font-weight:800 !important;
  line-height:1 !important;

  background:
    linear-gradient(
      90deg,
      #f4f8fc 0%,
      #e7eef5 12%,
      #d4e2ee 24%,
      #9fd2eb 40%,
      #5bbfea 58%,
      #2ad2ee 78%,
      #20e58c 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:none !important;
}

/* fallback para neutralizar versões anteriores */
#bpGlobalHeaderV185 .bp-global-word-v185 .bp-logo-b-v185,
#bpGlobalHeaderV185 .bp-global-word-v185 .bp-logo-rest-v185,
#bpGlobalHeaderV185 .bp-global-word-v185 b,
#bpGlobalHeaderV185 .bp-global-word-v185 strong{
  background:inherit !important;
  -webkit-text-fill-color:inherit !important;
  color:inherit !important;
}

/* ícone do cabeçalho no mesmo verde do rodapé */
#bpGlobalHeaderV185 .bp-global-mark-v185{
  border-color:#20e58c !important;
  box-shadow:0 0 0 1px rgba(32,229,140,.10) !important;
}

#bpGlobalHeaderV185 .bp-global-mark-v185 *{
  background:#20e58c !important;
}

@media (max-width: 1050px){
  #bpGlobalHeaderV185 .bp-global-word-v185{
    padding-right:12px !important;
  }
}


/* ============================================================
   BOLEPIX — DESTAQUE DO BOTAO ENTRAR
   v5703z185menu5c13
   ============================================================ */

#bpGlobalHeaderV185 [data-bp-header-login="1"]{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:82px !important;
  height:44px !important;
  padding:0 18px !important;
  border-radius:15px !important;

  color:#f5f9ff !important;
  font-weight:700 !important;
  text-decoration:none !important;

  border:1px solid rgba(125, 186, 234, .42) !important;
  background:
    linear-gradient(
      180deg,
      rgba(45, 86, 126, .34) 0%,
      rgba(25, 53, 86, .34) 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(76, 153, 220, .06),
    0 8px 18px rgba(2,12,28,.18) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease !important;

  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

#bpGlobalHeaderV185 [data-bp-header-login="1"]:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(136, 201, 245, .65) !important;
  background:
    linear-gradient(
      180deg,
      rgba(58, 104, 151, .42) 0%,
      rgba(29, 63, 101, .44) 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(89, 177, 247, .12),
    0 10px 22px rgba(4,18,36,.24) !important;
}

#bpGlobalHeaderV185 [data-bp-header-login="1"]:active{
  transform:translateY(0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 4px 10px rgba(4,18,36,.18) !important;
}

@media (max-width: 1050px){
  #bpGlobalHeaderV185 [data-bp-header-login="1"]{
    min-width:78px !important;
    height:42px !important;
    padding:0 16px !important;
  }
}


/* ============================================================
   BOLEPIX — BOTAO ENTRAR REAL
   v5703z185menu5c14
   ============================================================ */

/*
 * Seletor direto do elemento criado pelo header.
 * Não depende de JavaScript adicional.
 */

html body
#bpGlobalHeaderV185
.bp-global-actions-v185
a.bp-global-login-v185 {

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:88px !important;
  height:46px !important;

  padding:0 20px !important;

  border-radius:14px !important;

  border:
    1px solid rgba(68,196,239,.72) !important;

  background:
    linear-gradient(
      135deg,
      rgba(20,85,125,.95) 0%,
      rgba(17,110,141,.92) 55%,
      rgba(19,137,151,.90) 100%
    ) !important;

  color:#ffffff !important;

  font-weight:850 !important;

  text-decoration:none !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(41,192,221,.10),
    0 8px 22px rgba(0,12,30,.26) !important;

  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease !important;
}

html body
#bpGlobalHeaderV185
.bp-global-actions-v185
a.bp-global-login-v185:hover {

  transform:translateY(-1px) !important;

  border-color:
    rgba(72,225,224,.95) !important;

  background:
    linear-gradient(
      135deg,
      rgba(24,105,149,.98) 0%,
      rgba(18,137,157,.96) 58%,
      rgba(20,169,161,.94) 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 0 1px rgba(54,220,212,.14),
    0 10px 26px rgba(0,12,30,.32) !important;
}

html body
#bpGlobalHeaderV185
.bp-global-actions-v185
a.bp-global-login-v185:active {

  transform:translateY(0) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 4px 12px rgba(0,12,30,.24) !important;
}

/*
 * Mantém Teste grátis como CTA principal.
 */
html body
#bpGlobalHeaderV185
.bp-global-actions-v185
a.bp-global-trial-v185 {

  box-shadow:
    0 9px 24px rgba(21,169,224,.20) !important;
}


/* ============================================================
   BOLEPIX — SUBMENUS MOBILE CENTRALIZADOS
   v5703z185menu6c4
   ============================================================ */

@media (max-width: 1050px){

  #bpGlobalHeaderV185 .bp-global-mobile-submenu-v185{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  #bpGlobalHeaderV185 .bp-global-mobile-sublink-v185{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:82px !important;

    padding:14px 18px !important;

    text-align:center !important;
    line-height:1.25 !important;

    vertical-align:middle !important;

    font-size:17px !important;
    font-weight:750 !important;

    margin:0 !important;
  }

  #bpGlobalHeaderV185 .bp-global-mobile-sublink-v185 > *{
    margin:auto !important;
  }

}


/* ============================================================
   BOLEPIX — MENU MOBILE PREMIUM
   v5703z185menu6c5
   ============================================================ */

@media (max-width:1050px){

  /* ========================================================
     CONTAINER DO MENU
     ======================================================== */

  #bpGlobalHeaderV185 .bp-global-mobile-panel-v185{
    padding:
      28px
      20px
      38px !important;

    background:
      linear-gradient(
        180deg,
        rgba(4,27,46,.99) 0%,
        rgba(3,25,43,.995) 100%
      ) !important;
  }

  #bpGlobalHeaderV185 .bp-global-mobile-menu-v185{
    gap:16px !important;
  }

  /* ========================================================
     CARDS PRINCIPAIS
     ======================================================== */

  #bpGlobalHeaderV185 .bp-global-mobile-menu-v185 > a,
  #bpGlobalHeaderV185 .bp-global-mobile-menu-v185 > button,
  #bpGlobalHeaderV185 .bp-global-mobile-group-v185 > button{

    min-height:72px !important;
    height:72px !important;

    padding:
      0
      22px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:22px !important;

    font-size:18px !important;
    font-weight:800 !important;

    line-height:1.2 !important;

    text-align:center !important;

    border:
      1px solid rgba(112,154,206,.34) !important;

    background:
      linear-gradient(
        180deg,
        rgba(41,66,108,.97) 0%,
        rgba(36,60,101,.97) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 6px 16px rgba(0,10,26,.14) !important;
  }

  /* ========================================================
     ITEM ATIVO
     ======================================================== */

  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a.is-active,

  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[aria-current="page"]{

    border-color:
      rgba(38,231,205,.82) !important;

    background:
      linear-gradient(
        135deg,
        #16889f 0%,
        #12778d 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 8px 20px rgba(9,111,134,.18) !important;
  }

  /* ========================================================
     GRUPO SOLUÇÕES
     ======================================================== */

  #bpGlobalHeaderV185 .bp-global-mobile-group-v185{
    margin:0 !important;
  }

  #bpGlobalHeaderV185
  .bp-global-mobile-group-v185
  > button{

    position:relative !important;

    justify-content:center !important;

    padding-left:22px !important;
    padding-right:52px !important;
  }

  #bpGlobalHeaderV185
  .bp-global-mobile-group-v185
  > button span{

    position:absolute !important;
    right:24px !important;
    top:50% !important;

    transform:
      translateY(-50%) !important;

    font-size:21px !important;
    font-weight:900 !important;

    opacity:.95 !important;
  }

  /* ========================================================
     SUBMENU SOLUÇÕES — GRADE
     ======================================================== */

  #bpGlobalHeaderV185 .bp-global-mobile-submenu-v185{

    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:10px !important;

    margin:
      12px
      0
      2px !important;

    padding:
      0
      10px !important;
  }

  #bpGlobalHeaderV185 .bp-global-mobile-sublink-v185{

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:0 !important;
    width:100% !important;

    min-height:60px !important;
    height:60px !important;

    margin:0 !important;

    padding:
      8px
      10px !important;

    border-radius:16px !important;

    text-align:center !important;

    font-size:14.5px !important;
    font-weight:760 !important;

    line-height:1.18 !important;

    white-space:normal !important;

    color:#eef5fb !important;

    border:
      1px solid rgba(92,136,184,.30) !important;

    background:
      linear-gradient(
        180deg,
        rgba(25,48,78,.98) 0%,
        rgba(23,44,72,.98) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.025),
      0 4px 12px rgba(0,10,25,.10) !important;

    transition:
      transform .16s ease,
      background .16s ease,
      border-color .16s ease !important;
  }

  #bpGlobalHeaderV185
  .bp-global-mobile-sublink-v185:hover,

  #bpGlobalHeaderV185
  .bp-global-mobile-sublink-v185:active{

    transform:
      translateY(-1px) !important;

    border-color:
      rgba(54,193,218,.52) !important;

    background:
      linear-gradient(
        180deg,
        rgba(28,61,95,.99) 0%,
        rgba(24,52,84,.99) 100%
      ) !important;
  }

  /* ========================================================
     ENTRAR
     ======================================================== */

  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  a[href="/?popup=login"]{

    color:#f7fbff !important;

    border:
      1px solid rgba(80,168,222,.52) !important;

    background:
      linear-gradient(
        180deg,
        rgba(13,53,83,.98) 0%,
        rgba(8,40,67,.98) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 6px 16px rgba(0,12,30,.14) !important;
  }

  /* ========================================================
     TESTE GRÁTIS
     ======================================================== */

  #bpGlobalHeaderV185
  .bp-global-mobile-trial-v185{

    min-height:72px !important;
    height:72px !important;

    margin-top:3px !important;

    border-radius:22px !important;

    border:
      1px solid rgba(40,213,220,.55) !important;

    background:
      linear-gradient(
        100deg,
        #229ef5 0%,
        #22bdea 46%,
        #29d8c4 100%
      ) !important;

    color:#ffffff !important;

    font-size:19px !important;
    font-weight:900 !important;

    box-shadow:
      0 10px 24px rgba(24,169,215,.18) !important;
  }

  /* ========================================================
     AJUSTE PARA TELAS MENORES
     ======================================================== */

  @media (max-width:420px){

    #bpGlobalHeaderV185 .bp-global-mobile-panel-v185{
      padding-left:16px !important;
      padding-right:16px !important;
    }

    #bpGlobalHeaderV185 .bp-global-mobile-submenu-v185{
      padding-left:6px !important;
      padding-right:6px !important;
      gap:8px !important;
    }

    #bpGlobalHeaderV185 .bp-global-mobile-sublink-v185{
      font-size:13.8px !important;
      min-height:58px !important;
      height:58px !important;
    }

  }

}


/* ============================================================
   BOLEPIX — SUBMENU ATIVO MOBILE
   v5703z185menu6c6
   ============================================================ */

@media (max-width:1050px){

  /* submenu selecionado */

  #bpGlobalHeaderV185
  .bp-global-mobile-sublink-v185.bp-global-mobile-sublink-active-v185{

    color:#ffffff !important;

    border-color:
      rgba(34,224,208,.88) !important;

    background:
      linear-gradient(
        135deg,
        rgba(20,126,150,.98) 0%,
        rgba(18,111,137,.98) 58%,
        rgba(20,126,125,.98) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 0 0 1px rgba(32,229,140,.08),
      0 7px 17px rgba(6,95,119,.20) !important;

    font-weight:850 !important;

  }


  /* pequeno indicador visual */

  #bpGlobalHeaderV185
  .bp-global-mobile-sublink-v185.bp-global-mobile-sublink-active-v185::before{

    content:"" !important;

    width:7px !important;
    height:7px !important;

    flex:0 0 7px !important;

    margin-right:8px !important;

    border-radius:50% !important;

    background:#20e58c !important;

    box-shadow:
      0 0 10px rgba(32,229,140,.46) !important;

  }


  /* Soluções fica discretamente marcado
     quando um submenu está ativo */

  #bpGlobalHeaderV185
  .bp-global-mobile-group-active-v185
  > button{

    border-color:
      rgba(71,177,218,.54) !important;

    background:
      linear-gradient(
        180deg,
        rgba(42,75,121,.98) 0%,
        rgba(34,66,108,.98) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 7px 18px rgba(0,14,31,.16) !important;

  }

}


/* ============================================================
   BOLEPIX — ITEM ATIVO CORRETO PELO PATH
   v5703z185menu6c7
   ============================================================ */


/* ============================================================
   DESKTOP
   ============================================================ */

@media (min-width:1051px){

  #bpGlobalHeaderV185
  .bp-global-current-main-v185{

    color:#ffffff !important;

    border-color:
      rgba(67,170,221,.52) !important;

    background:
      linear-gradient(
        180deg,
        rgba(21,69,106,.76) 0%,
        rgba(15,53,85,.72) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 5px 14px rgba(0,17,37,.13) !important;

  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width:1050px){

  /*
   * Primeiro normalizamos links principais que NÃO são ativos.
   * Isto impede o Início de manter visual antigo incorreto.
   */

  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a:not(.bp-global-current-main-v185){

    border-color:
      rgba(112,154,206,.34) !important;

    background:
      linear-gradient(
        180deg,
        rgba(41,66,108,.97) 0%,
        rgba(36,60,101,.97) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 6px 16px rgba(0,10,26,.14) !important;

  }


  /*
   * Não neutralizar o CTA Teste grátis.
   */

  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a.bp-global-mobile-trial-v185{

    border:
      1px solid rgba(40,213,220,.55) !important;

    background:
      linear-gradient(
        100deg,
        #229ef5 0%,
        #22bdea 46%,
        #29d8c4 100%
      ) !important;

    box-shadow:
      0 10px 24px rgba(24,169,215,.18) !important;

  }


  /*
   * Não neutralizar botão Entrar.
   */

  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[href="/?popup=login"]{

    border:
      1px solid rgba(80,168,222,.52) !important;

    background:
      linear-gradient(
        180deg,
        rgba(13,53,83,.98) 0%,
        rgba(8,40,67,.98) 100%
      ) !important;

  }


  /*
   * Item principal realmente ativo.
   */

  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a.bp-global-current-main-v185,

  #bpGlobalHeaderV185
  .bp-global-mobile-group-v185
  > button.bp-global-current-main-v185{

    color:#ffffff !important;

    border-color:
      rgba(35,231,208,.88) !important;

    background:
      linear-gradient(
        135deg,
        #15889f 0%,
        #11778e 58%,
        #116d7c 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 0 0 1px rgba(32,229,140,.07),
      0 9px 22px rgba(6,102,126,.18) !important;

  }


  /*
   * Quando Sobre nós estiver ativo,
   * por exemplo, SOMENTE Sobre nós terá
   * esta aparência.
   */

  #bpGlobalHeaderV185
  .bp-global-current-main-v185{

    font-weight:850 !important;

  }

}


/* ============================================================
   BOLEPIX — ACTIVE VISUAL EXCLUSIVO
   v5703z185menu6c8
   ============================================================ */


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width:1050px){

  /*
   * TODOS OS LINKS PRINCIPAIS NÃO ATIVOS
   *
   * Esta regra vem por último justamente para matar
   * qualquer estilo antigo do "Início ativo".
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a:not([data-bp-current-main="1"])
  :not(.bp-global-mobile-sublink-v185){

    color:#ffffff !important;

  }


  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a:not([data-bp-current-main="1"]):not(.bp-global-mobile-trial-v185):not([href="/?popup=login"]){

    border:
      1px solid rgba(112,154,206,.34) !important;

    background:
      linear-gradient(
        180deg,
        rgba(41,66,108,.97) 0%,
        rgba(36,60,101,.97) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 6px 16px rgba(0,10,26,.14) !important;

    transform:none !important;

  }


  /*
   * Qualquer botão principal NÃO ativo
   * incluindo Soluções.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-group-v185
  > button:not([data-bp-current-main="1"]){

    border:
      1px solid rgba(112,154,206,.34) !important;

    background:
      linear-gradient(
        180deg,
        rgba(41,66,108,.97) 0%,
        rgba(36,60,101,.97) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 6px 16px rgba(0,10,26,.14) !important;

  }


  /*
   * ITEM ATIVO REAL
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[data-bp-current-main="1"],

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-group-v185
  > button[data-bp-current-main="1"]{

    color:#ffffff !important;

    border:
      1px solid rgba(36,231,208,.88) !important;

    background:
      linear-gradient(
        135deg,
        #15889f 0%,
        #11778e 56%,
        #107281 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.11),
      0 0 0 1px rgba(32,229,140,.07),
      0 9px 22px rgba(6,102,126,.20) !important;

    font-weight:850 !important;

  }


  /*
   * ENTRAR — SEMPRE CTA SECUNDÁRIO,
   * nunca recebe visual de navegação ativa.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[href="/?popup=login"]{

    border:
      1px solid rgba(80,168,222,.52) !important;

    background:
      linear-gradient(
        180deg,
        rgba(13,53,83,.98) 0%,
        rgba(8,40,67,.98) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 6px 16px rgba(0,12,30,.14) !important;

  }


  /*
   * TESTE GRÁTIS — sempre mantém CTA próprio.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a.bp-global-mobile-trial-v185{

    border:
      1px solid rgba(40,213,220,.55) !important;

    background:
      linear-gradient(
        100deg,
        #229ef5 0%,
        #22bdea 46%,
        #29d8c4 100%
      ) !important;

    box-shadow:
      0 10px 24px rgba(24,169,215,.18) !important;

  }

}


/* ============================================================
   DESKTOP
   ============================================================ */

@media (min-width:1051px){

  /*
   * Links não ativos voltam ao visual padrão.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-link-v185:not([data-bp-current-main="1"]){

    background:transparent !important;

    box-shadow:none !important;

  }


  /*
   * Ativo verdadeiro.
   */

  html body
  #bpGlobalHeaderV185
  [data-bp-current-main="1"]{

    color:#ffffff !important;

    border-color:
      rgba(67,170,221,.52) !important;

    background:
      linear-gradient(
        180deg,
        rgba(21,69,106,.76) 0%,
        rgba(15,53,85,.72) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 5px 14px rgba(0,17,37,.13) !important;

  }

}


/* ============================================================
   BOLEPIX — MENU PRINCIPAL ATIVO
   MESMO MECANISMO DO SUBMENU
   v5703z185menu6c9
   ============================================================ */

@media (max-width:1050px){

  /*
   * ========================================================
   * PRIMEIRO:
   * qualquer menu principal sem active/is-active
   * volta obrigatoriamente ao visual NORMAL.
   * ========================================================
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a.bp-global-mobile-link-v185:not(.active):not(.is-active){

    color:#ffffff !important;

    border:
      1px solid rgba(112,154,206,.34) !important;

    background:
      linear-gradient(
        180deg,
        rgba(41,66,108,.97) 0%,
        rgba(36,60,101,.97) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 6px 16px rgba(0,10,26,.14) !important;

  }


  /*
   * Soluções normal
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-link-toggle-v185:not(.active):not(.is-active){

    border:
      1px solid rgba(112,154,206,.34) !important;

    background:
      linear-gradient(
        180deg,
        rgba(41,66,108,.97) 0%,
        rgba(36,60,101,.97) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 6px 16px rgba(0,10,26,.14) !important;

  }


  /*
   * ========================================================
   * ATIVO
   *
   * Mesmo princípio utilizado no submenu:
   * classe dinâmica + aria-current.
   * ========================================================
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a.bp-global-mobile-link-v185.active,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a.bp-global-mobile-link-v185.is-active,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a.bp-global-mobile-link-v185[aria-current="page"],

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-link-toggle-v185.active,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-link-toggle-v185.is-active,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-link-toggle-v185[aria-current="page"]{

    color:#ffffff !important;

    border-color:
      rgba(34,224,208,.88) !important;

    background:
      linear-gradient(
        135deg,
        rgba(20,126,150,.98) 0%,
        rgba(18,111,137,.98) 58%,
        rgba(20,126,125,.98) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 0 0 1px rgba(32,229,140,.08),
      0 7px 17px rgba(6,95,119,.20) !important;

    font-weight:850 !important;

  }


  /*
   * ========================================================
   * MATAR DEFINITIVAMENTE A CLASSE BUGADA
   * is-active-home não define mais estado ativo.
   * ========================================================
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-link-v185.is-active-home:not(.active):not(.is-active){

    border:
      1px solid rgba(112,154,206,.34) !important;

    background:
      linear-gradient(
        180deg,
        rgba(41,66,108,.97) 0%,
        rgba(36,60,101,.97) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 6px 16px rgba(0,10,26,.14) !important;

  }


  /*
   * Entrar continua separado.
   */

  html body
  #bpGlobalHeaderV185
  a[href="/?popup=login"]{

    border:
      1px solid rgba(80,168,222,.52) !important;

    background:
      linear-gradient(
        180deg,
        rgba(13,53,83,.98) 0%,
        rgba(8,40,67,.98) 100%
      ) !important;

  }


  /*
   * Teste grátis continua CTA principal.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-trial-v185{

    border:
      1px solid rgba(40,213,220,.55) !important;

    background:
      linear-gradient(
        100deg,
        #229ef5 0%,
        #22bdea 46%,
        #29d8c4 100%
      ) !important;

    box-shadow:
      0 10px 24px rgba(24,169,215,.18) !important;

  }

}


/* ============================================================
   DESKTOP
   ============================================================ */

@media (min-width:1051px){

  html body
  #bpGlobalHeaderV185
  .bp-global-link-v185:not(.active):not(.is-active){

    background:transparent !important;
    box-shadow:none !important;

  }


  html body
  #bpGlobalHeaderV185
  .bp-global-link-v185.active,

  html body
  #bpGlobalHeaderV185
  .bp-global-link-v185.is-active,

  html body
  #bpGlobalHeaderV185
  .bp-global-link-v185[aria-current="page"],

  html body
  #bpGlobalHeaderV185
  .bp-global-dropbtn-v185.active,

  html body
  #bpGlobalHeaderV185
  .bp-global-dropbtn-v185.is-active,

  html body
  #bpGlobalHeaderV185
  .bp-global-dropbtn-v185[aria-current="page"]{

    color:#ffffff !important;

    border-color:
      rgba(67,170,221,.52) !important;

    background:
      linear-gradient(
        180deg,
        rgba(21,69,106,.76) 0%,
        rgba(15,53,85,.72) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 5px 14px rgba(0,17,37,.13) !important;

  }

}


/* ============================================================
   BOLEPIX — ACTIVE ÚNICO AUTORITATIVO
   v5703z185menu6c10
   ============================================================ */

@media (max-width:1050px){

  /*
   * ========================================================
   * ESTADO NORMAL DE QUALQUER LINK PRINCIPAL MOBILE
   * Sem seletor ">".
   * ========================================================
   */

  html body
  #bpGlobalHeaderV185
  a.bp-global-mobile-link-v185{

    color:#ffffff !important;

    border:
      1px solid rgba(112,154,206,.34) !important;

    background:
      linear-gradient(
        180deg,
        rgba(41,66,108,.97) 0%,
        rgba(36,60,101,.97) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 6px 16px rgba(0,10,26,.14) !important;

  }


  /*
   * Soluções normal.
   */

  html body
  #bpGlobalHeaderV185
  button.bp-global-mobile-link-toggle-v185{

    color:#ffffff !important;

    border:
      1px solid rgba(112,154,206,.34) !important;

    background:
      linear-gradient(
        180deg,
        rgba(41,66,108,.97) 0%,
        rgba(36,60,101,.97) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 6px 16px rgba(0,10,26,.14) !important;

  }


  /*
   * ========================================================
   * ATIVO MOBILE
   * MESMO PADRÃO DO SUBMENU.
   * ========================================================
   */

  html body
  #bpGlobalHeaderV185
  a.bp-global-mobile-link-v185.active,

  html body
  #bpGlobalHeaderV185
  a.bp-global-mobile-link-v185.is-active,

  html body
  #bpGlobalHeaderV185
  a.bp-global-mobile-link-v185[aria-current="page"],

  html body
  #bpGlobalHeaderV185
  button.bp-global-mobile-link-toggle-v185.active,

  html body
  #bpGlobalHeaderV185
  button.bp-global-mobile-link-toggle-v185.is-active,

  html body
  #bpGlobalHeaderV185
  button.bp-global-mobile-link-toggle-v185[aria-current="page"]{

    color:#ffffff !important;

    border-color:
      rgba(34,224,208,.88) !important;

    background:
      linear-gradient(
        135deg,
        rgba(20,126,150,.98) 0%,
        rgba(18,111,137,.98) 58%,
        rgba(20,126,125,.98) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 0 0 1px rgba(32,229,140,.08),
      0 7px 17px rgba(6,95,119,.20) !important;

    font-weight:850 !important;

  }


  /*
   * ENTRAR — sempre CTA secundário.
   */

  html body
  #bpGlobalHeaderV185
  a[href="/?popup=login"]{

    border:
      1px solid rgba(80,168,222,.52) !important;

    background:
      linear-gradient(
        180deg,
        rgba(13,53,83,.98) 0%,
        rgba(8,40,67,.98) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 6px 16px rgba(0,12,30,.14) !important;

  }


  /*
   * TESTE GRÁTIS — CTA principal.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-trial-v185{

    border:
      1px solid rgba(40,213,220,.55) !important;

    background:
      linear-gradient(
        100deg,
        #229ef5 0%,
        #22bdea 46%,
        #29d8c4 100%
      ) !important;

    box-shadow:
      0 10px 24px rgba(24,169,215,.18) !important;

  }

}


/* ============================================================
   DESKTOP
   ============================================================ */

@media (min-width:1051px){

  html body
  #bpGlobalHeaderV185
  a.bp-global-link-v185{

    background:transparent !important;

    box-shadow:none !important;

  }


  html body
  #bpGlobalHeaderV185
  a.bp-global-link-v185.active,

  html body
  #bpGlobalHeaderV185
  a.bp-global-link-v185.is-active,

  html body
  #bpGlobalHeaderV185
  a.bp-global-link-v185[aria-current="page"],

  html body
  #bpGlobalHeaderV185
  button.bp-global-dropbtn-v185.active,

  html body
  #bpGlobalHeaderV185
  button.bp-global-dropbtn-v185.is-active,

  html body
  #bpGlobalHeaderV185
  button.bp-global-dropbtn-v185[aria-current="page"]{

    color:#ffffff !important;

    border-color:
      rgba(67,170,221,.52) !important;

    background:
      linear-gradient(
        180deg,
        rgba(21,69,106,.76) 0%,
        rgba(15,53,85,.72) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 5px 14px rgba(0,17,37,.13) !important;

  }

}




/* ======================================================================
   BOLEPIX — PATCH MOBILE CTA PADRAO DESKTOP
   VERSAO: v5703z185menu6c11
   ====================================================================== */
@media (max-width: 700px){

  /* container dos CTAs do menu mobile */
  .bp-mobile-overlay .bp-mobile-cta-wrap,
  .bp-mobile-menu .bp-mobile-cta-wrap,
  .bp-mobile-nav .bp-mobile-cta-wrap,
  .bp-mobile-panel .bp-mobile-cta-wrap{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    margin-top:14px !important;
  }

  /* base comum: mesmo formato do desktop */
  .bp-mobile-overlay a[href="/?popup=login"],
  .bp-mobile-overlay a[href="/teste-gratis"],
  .bp-mobile-overlay a[href*="popup=login"],
  .bp-mobile-overlay a[href*="teste-gratis"],
  .bp-mobile-menu a[href="/?popup=login"],
  .bp-mobile-menu a[href="/teste-gratis"],
  .bp-mobile-menu a[href*="popup=login"],
  .bp-mobile-menu a[href*="teste-gratis"],
  .bp-mobile-nav a[href="/?popup=login"],
  .bp-mobile-nav a[href="/teste-gratis"],
  .bp-mobile-nav a[href*="popup=login"],
  .bp-mobile-nav a[href*="teste-gratis"],
  .bp-mobile-panel a[href="/?popup=login"],
  .bp-mobile-panel a[href="/teste-gratis"],
  .bp-mobile-panel a[href*="popup=login"],
  .bp-mobile-panel a[href*="teste-gratis"]{
    width:100% !important;
    min-height:56px !important;
    height:56px !important;
    border-radius:16px !important;
    font-size:17px !important;
    font-weight:800 !important;
    letter-spacing:-0.01em !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    padding:0 18px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.18) !important;
    transition:all .2s ease !important;
  }

  /* ENTRAR — igual conceito do desktop */
  .bp-mobile-overlay a[href="/?popup=login"],
  .bp-mobile-overlay a[href*="popup=login"],
  .bp-mobile-menu a[href="/?popup=login"],
  .bp-mobile-menu a[href*="popup=login"],
  .bp-mobile-nav a[href="/?popup=login"],
  .bp-mobile-nav a[href*="popup=login"],
  .bp-mobile-panel a[href="/?popup=login"],
  .bp-mobile-panel a[href*="popup=login"]{
    color:#ffffff !important;
    background:linear-gradient(180deg, rgba(25,60,95,.70) 0%, rgba(12,39,67,.92) 100%) !important;
    border:1px solid rgba(132,176,214,.38) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 8px 24px rgba(0,0,0,.16) !important;
  }

  /* TESTE GRÁTIS — igual conceito principal do desktop */
  .bp-mobile-overlay a[href="/teste-gratis"],
  .bp-mobile-overlay a[href*="teste-gratis"],
  .bp-mobile-menu a[href="/teste-gratis"],
  .bp-mobile-menu a[href*="teste-gratis"],
  .bp-mobile-nav a[href="/teste-gratis"],
  .bp-mobile-nav a[href*="teste-gratis"],
  .bp-mobile-panel a[href="/teste-gratis"],
  .bp-mobile-panel a[href*="teste-gratis"]{
    color:#ffffff !important;
    background:linear-gradient(90deg, #2f95ff 0%, #2fc5f4 52%, #35d6be 100%) !important;
    border:0 !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.12),
      0 10px 24px rgba(37,176,255,.22) !important;
  }

  /* hover/active discretos */
  .bp-mobile-overlay a[href*="popup=login"]:active,
  .bp-mobile-overlay a[href*="teste-gratis"]:active,
  .bp-mobile-menu a[href*="popup=login"]:active,
  .bp-mobile-menu a[href*="teste-gratis"]:active,
  .bp-mobile-nav a[href*="popup=login"]:active,
  .bp-mobile-nav a[href*="teste-gratis"]:active,
  .bp-mobile-panel a[href*="popup=login"]:active,
  .bp-mobile-panel a[href*="teste-gratis"]:active{
    transform:translateY(1px) !important;
  }

  /* se o menu mobile estiver aplicando estilo genérico em todos os cards,
     força o CTA a prevalecer */
  .bp-mobile-overlay a[href*="popup=login"].is-active,
  .bp-mobile-overlay a[href*="teste-gratis"].is-active,
  .bp-mobile-menu a[href*="popup=login"].is-active,
  .bp-mobile-menu a[href*="teste-gratis"].is-active,
  .bp-mobile-nav a[href*="popup=login"].is-active,
  .bp-mobile-nav a[href*="teste-gratis"].is-active,
  .bp-mobile-panel a[href*="popup=login"].is-active,
  .bp-mobile-panel a[href*="teste-gratis"].is-active{
    color:#ffffff !important;
  }
}


/* ============================================================
   BOLEPIX — CTAs MOBILE IGUAIS AO DESKTOP
   v5703z185menu6c12r1
   ============================================================ */

@media (max-width:1050px){

  /*
   * Wrapper próprio.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-actions-v185{

    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:center !important;

    gap:10px !important;

    margin:
      8px 0 4px !important;

    padding:
      0 !important;

    box-sizing:
      border-box !important;

  }


  /*
   * Reset completo para NÃO herdarem
   * tamanho dos cards principais.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-actions-v185
  > a{

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:auto !important;

    max-width:none !important;

    flex:
      0 0 auto !important;

    height:
      44px !important;

    min-height:
      44px !important;

    margin:
      0 !important;

    padding:
      0 17px !important;

    border-radius:
      12px !important;

    font-size:
      14px !important;

    line-height:
      1 !important;

    font-weight:
      800 !important;

    text-decoration:
      none !important;

    letter-spacing:
      0 !important;

    box-sizing:
      border-box !important;

    transform:
      none !important;

  }


  /*
   * ENTRAR
   * Visual secundário semelhante ao PC.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-actions-v185
  > a[href="/?popup=login"]{

    min-width:
      80px !important;

    color:
      #ffffff !important;

    border:
      1px solid rgba(55,201,223,.75) !important;

    background:
      linear-gradient(
        135deg,
        rgba(24,112,160,.98) 0%,
        rgba(23,137,156,.98) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 5px 14px rgba(0,25,49,.15) !important;

  }


  /*
   * TESTE GRÁTIS
   * Visual principal semelhante ao PC.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-actions-v185
  > a[href="/?popup=cadastro"]{

    min-width:
      106px !important;

    color:
      #ffffff !important;

    border:
      1px solid rgba(47,218,213,.58) !important;

    background:
      linear-gradient(
        100deg,
        #239ef5 0%,
        #25bdea 48%,
        #2bd8c4 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.12),
      0 6px 15px rgba(26,170,214,.18) !important;

  }


  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-actions-v185
  > a:active{

    transform:
      translateY(1px) !important;

  }

}


/*
 * Celulares mais estreitos.
 */

@media (max-width:390px){

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-actions-v185{

    gap:
      8px !important;

  }


  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-actions-v185
  > a{

    height:
      42px !important;

    min-height:
      42px !important;

    padding:
      0 14px !important;

    font-size:
      13px !important;

  }

}


/* ============================================================
   BOLEPIX — C13
   SOMENTE DEGRADE/COR DOS CTAs MOBILE
   ============================================================ */

@media (max-width:1050px){

  /*
   * Nenhuma mudança de:
   * largura
   * altura
   * display
   * posição
   * ordem
   * padding
   * raio
   *
   * O degradê será copiado diretamente
   * do CTA desktop pelo JS.
   */

  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  a[data-bp-desktop-color-sync="login"],

  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  a[data-bp-desktop-color-sync="trial"]{

    /*
     * Intencionalmente vazio:
     * visual aplicado via style inline !important
     * copiado do desktop.
     */

  }

}


/* ============================================================
   BOLEPIX — CTAs MOBILE
   DEGRADE EXTRAIDO DA REFERENCIA VISUAL DO DESKTOP
   v5703z185menu6c17
   ============================================================ */

@media (max-width:1050px){

  /*
   * ========================================================
   * ENTRAR
   *
   * Mantém integralmente:
   * width
   * height
   * padding
   * margin
   * border-radius
   * display
   * posição
   *
   * Altera SOMENTE visual.
   * ========================================================
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[href="/?popup=login"]{

    color:#ffffff !important;

    background-color:
      #126783 !important;

    background-image:
      linear-gradient(
        100deg,
        #13597e 0%,
        #126183 25%,
        #116b89 55%,
        #11788e 100%
      ) !important;

    border-color:
      rgba(59,195,225,.72) !important;

    border-style:
      solid !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 7px 18px rgba(3,56,82,.22) !important;

    text-shadow:
      0 1px 1px rgba(0,0,0,.16) !important;

  }


  /*
   * ========================================================
   * TESTE GRÁTIS
   *
   * Degradê azul -> ciano -> verde água
   * conforme botão desktop enviado como referência.
   * ========================================================
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[href="/?popup=cadastro"],

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a.bp-global-mobile-trial-v185{

    color:#ffffff !important;

    background-color:
      #15afe2 !important;

    background-image:
      linear-gradient(
        100deg,
        #1593f6 0%,
        #15a5ea 28%,
        #15b5dc 56%,
        #14c4cf 78%,
        #14cacb 100%
      ) !important;

    border-color:
      rgba(42,220,220,.58) !important;

    border-style:
      solid !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.11),
      0 8px 20px rgba(17,167,207,.22) !important;

    text-shadow:
      0 1px 1px rgba(0,0,0,.12) !important;

  }


  /*
   * Não deixar regras de :hover/:focus antigas
   * apagarem o degradê.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[href="/?popup=login"]:hover,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[href="/?popup=login"]:focus,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[href="/?popup=login"]:active{

    background-image:
      linear-gradient(
        100deg,
        #13597e 0%,
        #126183 25%,
        #116b89 55%,
        #11788e 100%
      ) !important;

  }


  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[href="/?popup=cadastro"]:hover,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[href="/?popup=cadastro"]:focus,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-menu-v185
  > a[href="/?popup=cadastro"]:active{

    background-image:
      linear-gradient(
        100deg,
        #1593f6 0%,
        #15a5ea 28%,
        #15b5dc 56%,
        #14c4cf 78%,
        #14cacb 100%
      ) !important;

  }

}


/* =====================================================================
   BOLEPIX — CTAs MOBILE — SELETOR REAL
   v5703z185menu6c17

   Estrutura real:
   .bp-global-mobile-v185
     .bp-global-mobile-list-v185
       a[href="/?popup=login"]
       a[href="/?popup=cadastro"]

   Somente visual.
   ===================================================================== */

@media (max-width:1050px){

  /* ========================================================
     ENTRAR
     ======================================================== */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]{

    color:#ffffff !important;

    background-color:#126783 !important;

    background-image:
      linear-gradient(
        100deg,
        #13597e 0%,
        #126183 25%,
        #116b89 55%,
        #11788e 100%
      ) !important;

    border-color:
      rgba(59,195,225,.72) !important;

    border-style:
      solid !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 7px 18px rgba(3,56,82,.22) !important;

    text-shadow:
      0 1px 1px rgba(0,0,0,.16) !important;
  }


  /* ========================================================
     TESTE GRÁTIS
     ======================================================== */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185.bp-global-mobile-trial-v185[href="/?popup=cadastro"]{

    color:#ffffff !important;

    background-color:#15afe2 !important;

    background-image:
      linear-gradient(
        100deg,
        #1593f6 0%,
        #15a5ea 28%,
        #15b5dc 56%,
        #14c4cf 78%,
        #14cacb 100%
      ) !important;

    border-color:
      rgba(42,220,220,.58) !important;

    border-style:
      solid !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.11),
      0 8px 20px rgba(17,167,207,.22) !important;

    text-shadow:
      0 1px 1px rgba(0,0,0,.12) !important;
  }


  /* ========================================================
     HOVER / FOCUS / ACTIVE — PRESERVAR DEGRADE
     ======================================================== */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]:hover,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]:focus,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]:active{

    background-color:#126783 !important;

    background-image:
      linear-gradient(
        100deg,
        #13597e 0%,
        #126183 25%,
        #116b89 55%,
        #11788e 100%
      ) !important;
  }


  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185.bp-global-mobile-trial-v185[href="/?popup=cadastro"]:hover,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185.bp-global-mobile-trial-v185[href="/?popup=cadastro"]:focus,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185.bp-global-mobile-trial-v185[href="/?popup=cadastro"]:active{

    background-color:#15afe2 !important;

    background-image:
      linear-gradient(
        100deg,
        #1593f6 0%,
        #15a5ea 28%,
        #15b5dc 56%,
        #14c4cf 78%,
        #14cacb 100%
      ) !important;
  }

}



/* ============================================================
   BOLEPIX — AJUSTE FINO DO CTA ENTRAR MOBILE
   v5703z185menu6c19
   ============================================================ */

@media (max-width: 700px){

  /* ENTRAR — degradê mais suave, sem aparência de item ativo */
  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a[href="/?popup=login"],
  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a[href*="popup=login"]{
    background:
      linear-gradient(
        135deg,
        #12344b 0%,
        #16516a 56%,
        #1b7381 100%
      ) !important;
    color: #ffffff !important;
    border: 1px solid rgba(92, 214, 234, 0.42) !important;
    box-shadow:
      0 10px 22px rgba(3, 22, 38, 0.28),
      inset 0 1px 0 rgba(255,255,255,0.08) !important;
    text-shadow: none !important;
  }

  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a[href="/?popup=login"]:hover,
  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a[href*="popup=login"]:hover,
  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a[href="/?popup=login"]:focus,
  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a[href*="popup=login"]:focus{
    background:
      linear-gradient(
        135deg,
        #153b55 0%,
        #1a5d76 56%,
        #1f7f8d 100%
      ) !important;
    border-color: rgba(108, 228, 245, 0.52) !important;
    box-shadow:
      0 12px 26px rgba(6, 28, 46, 0.32),
      inset 0 1px 0 rgba(255,255,255,0.10) !important;
  }

  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a[href="/?popup=login"]:active,
  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a[href*="popup=login"]:active{
    background:
      linear-gradient(
        135deg,
        #0f2f44 0%,
        #14495f 56%,
        #196d79 100%
      ) !important;
    box-shadow:
      0 6px 14px rgba(4, 18, 31, 0.24),
      inset 0 1px 0 rgba(255,255,255,0.05) !important;
  }

  /* Garante que TESTE GRÁTIS continue com o gradiente principal */
  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a[href="/?popup=cadastro"],
  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a[href*="popup=cadastro"],
  .bp-global-mobile-v185 .bp-global-mobile-list-v185 > a.bp-global-mobile-trial-v185{
    background:
      linear-gradient(
        135deg,
        #1593f6 0%,
        #14b8e7 52%,
        #14cacb 100%
      ) !important;
    color: #ffffff !important;
    border: 1px solid rgba(106, 237, 239, 0.34) !important;
    box-shadow:
      0 12px 28px rgba(20, 163, 214, 0.26),
      inset 0 1px 0 rgba(255,255,255,0.10) !important;
  }

}


/* =====================================================================
   BOLEPIX — ENTRAR MOBILE AZUL SUAVE
   v5703z185menu6c19

   Sem teal/verde.
   Diferenciado do item ativo e do CTA principal Teste grátis.
   ===================================================================== */

@media (max-width:1050px){

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]{

    /*
     * Azul-marinho -> azul ardósia.
     * Muito mais discreto que o botão Teste grátis.
     */

    background:
      linear-gradient(
        110deg,
        #172f50 0%,
        #1d3d61 48%,
        #254e70 100%
      ) !important;

    background-color:#1d3d61 !important;

    background-image:
      linear-gradient(
        110deg,
        #172f50 0%,
        #1d3d61 48%,
        #254e70 100%
      ) !important;

    border:
      1px solid rgba(99,161,213,.42) !important;

    border-color:
      rgba(99,161,213,.42) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 7px 16px rgba(2,20,38,.22) !important;

    color:#ffffff !important;

    text-shadow:
      0 1px 1px rgba(0,0,0,.15) !important;

    filter:none !important;
  }


  /*
   * Neutralizar qualquer camada decorativa que possa
   * estar colocando teal por cima do background real.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]::before,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]::after{

    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    border:none !important;
    opacity:0 !important;
    pointer-events:none !important;
  }


  /*
   * Hover/focus continua suave.
   * NÃO transforma o Entrar em teal.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]:hover,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]:focus{

    background:
      linear-gradient(
        110deg,
        #1a3558 0%,
        #214568 48%,
        #295778 100%
      ) !important;

    background-image:
      linear-gradient(
        110deg,
        #1a3558 0%,
        #214568 48%,
        #295778 100%
      ) !important;

    border-color:
      rgba(112,176,225,.48) !important;
  }


  /*
   * Mesmo pressionado, permanece azul.
   */

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]:active{

    background:
      linear-gradient(
        110deg,
        #142b49 0%,
        #1a3859 48%,
        #214863 100%
      ) !important;

    background-image:
      linear-gradient(
        110deg,
        #142b49 0%,
        #1a3859 48%,
        #214863 100%
      ) !important;

    border-color:
      rgba(91,151,202,.40) !important;
  }

}

/* ============================================================
   BOLEPIX C21 — ENTRAR MOBILE
   breakpoint correto do header mobile = 1050px
   ============================================================ */

@media (max-width:1050px){

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]{

    background-color:#17466d !important;

    background-image:
      linear-gradient(
        110deg,
        #102b4a 0%,
        #17466d 48%,
        #21688b 100%
      ) !important;

    border:
      1px solid rgba(78,159,207,.52) !important;

    color:#ffffff !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.075),
      0 8px 18px rgba(0,18,37,.24) !important;

    text-shadow:
      0 1px 1px rgba(0,0,0,.16) !important;

    filter:none !important;
  }

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]::before,

  html body
  #bpGlobalHeaderV185
  .bp-global-mobile-v185
  .bp-global-mobile-list-v185
  > a.bp-global-mobile-link-v185[href="/?popup=login"]::after{

    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
    opacity:0 !important;
  }

}

/* ============================================================
   BOLEPIX — SMS + APLICATIVOS
   MENU SOLUCOES
   v5703z188menu6c23r1
   ============================================================ */

.bp-global-card-info-v188 {
  cursor: default !important;
}

.bp-global-card-info-v188:hover {
  cursor: default !important;
}

.bp-global-mobile-info-v188 {
  cursor: default !important;
}

.bp-global-mobile-info-v188 strong {
  display: block !important;
}

.bp-global-mobile-info-v188 span {
  display: block !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  opacity: .78 !important;
}

/*
 * Com 8 soluções, permitir que o dropdown utilize
 * a altura disponível da tela sem cortar os últimos itens.
 */
.bp-global-mega-v185 {
  max-height: calc(100vh - 90px) !important;
  overflow-y: auto !important;
}


/* ============================================================
   BOLEPIX — SOLUCOES — 9 CARDS / 3 COLUNAS / 3 LINHAS
   v5703z190solcarne2c1
   ============================================================ */

@media (min-width:1051px){

  #bpGlobalHeaderV185 .bp-global-mega-grid-v185{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

}