/* =====================================================
   HEADER DESKTOP BANCO SOL — LIMPO + MEGA MENU ALINHADO
===================================================== */

:root{
--sol-yellow:#FECB00;
  --sol-yellow-soft:#fff8d6;
  --sol-black:#111;
  --sol-border:rgba(0,0,0,.08);

  /* Alinhamento do mega menu com o texto "Contas" */
  --mega-start:max(34px, calc((100vw - 1320px) / 2 + 22px));
}

/* HEADER */
.bs-header{
  position:sticky;
  top:0;
  z-index:99999;
  background:#fff;
  font-family:"Inter", Arial, sans-serif;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}

.bs-header a,
.bs-header a:hover{
  text-decoration:none !important;
}

/* TOP BAR */
.bs-topbar{
  height:38px;
  background:var(--sol-yellow);
}

.bs-topbar .container{
  height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.bs-topbar .nav{
  display:flex;
  gap:34px;
  margin:0;
  padding:0;
}

.bs-topbar .nav-link{
  position:relative;
  color:#fff !important;
  font-size:13px;
  font-weight:700;
  padding:0 !important;
  opacity:.95;
}

.bs-topbar .nav-link.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:3px;
  background:#fff;
  border-radius:999px;
}

/* LOGO + BOTÕES */
.bs-main-header{
  background:#fff;
  padding:16px 0;
  border-bottom:1px solid var(--sol-border);
}

.bs-main-header .navbar-brand img{
  height:58px;
  width:auto;
}

.bs-main-header .btn-sol{
  background:var(--sol-yellow);
  border:1px solid var(--sol-yellow);
  color:#111 !important;
  border-radius:999px;
  padding:9px 24px;
  font-size:13px;
  font-weight:800;
}

.bs-main-header .btn-outline-sol{
  background:#fff;
  border:2px solid #111;
  color:#111 !important;
  border-radius:999px;
  padding:8px 22px;
  font-size:13px;
  font-weight:800;
}

/* BARRA MENU */
.bs-navbar{
  position:relative;
  height:54px;
  background:var(--sol-yellow);
  z-index:99999;
}

.bs-navbar .container{
  height:54px;
  display:flex;
  align-items:center;
}

.bs-navbar .navbar-nav{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:0;
  margin:0;
  padding:0;
  width:100%;
}

.bs-navbar .nav-item{
  height:54px;
  display:flex;
  align-items:center;
}

.bs-navbar .nav-item.dropdown{
  position:static !important;
}

.bs-navbar .nav-link{
  height:54px;
  display:flex !important;
  align-items:center;
  padding:0 22px !important;
  color:#fff !important;
  font-size:14px;
  font-weight:750;
  background:transparent !important;
  position:relative;
}

.bs-navbar .nav-link:hover{
  background:rgba(0,0,0,.10) !important;
}

/* seta pequena do menu */
.bs-navbar .dropdown-toggle span.arrow{
  display:inline-block;
  margin-left:8px;
  width:6px;
  height:6px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(45deg);
}

/* MEGA MENU */
.bs-navbar .dropdown-menu{
  display:none;
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  min-width:100% !important;
  margin:0 !important;
  padding:16px 0 16px var(--mega-start) !important;
  border:0 !important;
  border-top:2px solid var(--sol-yellow) !important;
  border-radius:0 !important;
  box-shadow:0 18px 40px rgba(0,0,0,.12) !important;
  z-index:100000 !important;

 
 background:#ffffff !important;
background-image:none !important;
 
 
 
}

/* abrir mega menu no hover */
@media(min-width:992px){
  .bs-navbar .dropdown:hover > .dropdown-menu{
    display:block !important;
  }
}

/* triângulo branco */
.bs-navbar .dropdown:hover > .nav-link::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:-1px !important;
  transform:translateX(-50%) !important;
  border-left:7px solid transparent !important;
  border-right:7px solid transparent !important;
  border-bottom:7px solid #fff !important;
}

/* área direita */
.bs-navbar .dropdown-menu::after{
  content:"Soluções Banco Sol";
  position:absolute;
  left:58%;
  top:22px;
  color:#111;
  font-size:14px;
  font-weight:800;
}

/* links do mega menu */
.bs-navbar .dropdown-menu li{
  margin:0 !important;
  padding:0 !important;
  width:360px !important;
  max-width:360px !important;
}

.bs-navbar .dropdown-item{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:360px !important;
  margin:0 !important;
  padding:9px 0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#222 !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

.bs-navbar .dropdown-item::after{
  content:"›" !important;
  color:var(--sol-yellow) !important;
  font-size:18px !important;
  opacity:.65 !important;
}

.bs-navbar .dropdown-item:hover{
  color:#000 !important;
  padding-left:6px !important;
}

.bs-navbar .dropdown-item:last-child{
  border-bottom:0 !important;
}

/* fallback em ecrãs menores */
@media(max-width:1320px){
  :root{
    --mega-start:34px;
  }
}

/* =====================================================
   FIX ALINHAMENTO POR ITEM (CONTAS, POUPANÇA, CRÉDITO...)
===================================================== */

/* garantir que cada dropdown abre relativo ao item */
.bs-navbar .nav-item.dropdown{
  position:relative !important;
}

/* dropdown alinhado EXACTAMENTE por baixo do item */
.bs-navbar .nav-item.dropdown .dropdown-menu{
  left:0 !important;
  right:auto !important;
  transform:none !important;
}

/* REMOVE qualquer centralização global antiga */
.bs-navbar .dropdown-menu{
  width:320px !important;
  min-width:320px !important;
}

/* REMOVE offsets herdados */
.bs-navbar .dropdown-menu{
  margin-left:0 !important;
  padding-left:0 !important;
}

/* =====================================================
   AJUSTE LARGURA DROPDOWN (MAIS PROFISSIONAL)
===================================================== */

.bs-navbar .dropdown-menu{
  width:420px !important;
  min-width:420px !important;
}

.bs-navbar .dropdown-item{
  width:100% !important;
  padding:12px 22px !important; /* mais espaço lateral */
  font-size:14px !important;
}

/* seta mais elegante */
.bs-navbar .dropdown-item::after{
  font-size:18px !important;
}

/* mais respiro vertical */
.bs-navbar .dropdown-menu{
  padding:12px 0 !important;
}

/* =====================================================
   FIX SETAS — MAIS PRÓXIMAS DO TEXTO
===================================================== */

/* remove distribuição total */
.bs-navbar .dropdown-item{
  justify-content:flex-start !important;
  gap:10px; /* espaço entre texto e seta */
}

/* seta fica logo a seguir ao texto */
.bs-navbar .dropdown-item::after{
  margin-left:auto !important; /* mantém à direita mas controlado */
  transform:translateX(-8px); /* puxa ligeiramente para dentro */
}

/* =====================================================
   SETAS À ESQUERDA (FIX REAL)
===================================================== */

.bs-navbar .dropdown-item{
  justify-content: flex-start !important; /* remove space-between */
  gap:10px !important;
}

/* seta ANTES do texto */
.bs-navbar .dropdown-item::after{
  content:none !important; /* remove seta da direita */
}

.bs-navbar .dropdown-item::before{
  content:"›";
  color:#FECB00;
  font-size:16px;
  margin-right:10px;
  display:inline-block;
}

/* =====================================================
   FIX — REMOVER FALHA / TRIÂNGULO DO DROPDOWN
===================================================== */

.bs-navbar .dropdown:hover > .nav-link::after,
.bs-navbar .dropdown > .nav-link::after{
  display:none !important;
  content:none !important;
  border:0 !important;
}

/* garante que a barra não fica cortada */
.bs-navbar{
  overflow:visible !important;
}

/* dropdown encostado correctamente abaixo da barra */
.bs-navbar .dropdown-menu{
  top:100% !important;
  margin-top:0 !important;
}

/* =====================================================
   CENTRALIZAR "Soluções Banco Sol"
===================================================== */

.bs-navbar .dropdown-menu::after{
  left: 75% !important;           /* centro da área direita */
  transform: translateX(-50%) !important;
  text-align: center !important;
  width: 40% !important;          /* mesma largura da área direita */
}

/* =====================================================
   CENTRALIZAR "Soluções Banco Sol" (vertical + horizontal)
===================================================== */

.bs-navbar .dropdown-menu::after{
  top: 50% !important;                 /* desce para o meio */
  left: 75% !important;                /* mantém na área direita */
  transform: translate(-50%, -50%) !important;
  
  width: 40% !important;
  text-align: center !important;
}

/* =====================================================
   MELHORIA TIPOGRAFIA MENU (LEITURA PREMIUM)
===================================================== */

/* itens do menu */
.bs-navbar .nav-link{
  font-weight: 800 !important;        /* mais pesado */
  font-size: 15px !important;         /* ligeiramente maior */
  letter-spacing: 0.2px !important;   /* melhora leitura */
  color: #fff !important;
}

/* hover mais visível */
.bs-navbar .nav-link:hover{
  background: rgba(0,0,0,.18) !important;
}

/* estado ativo (quando está selecionado) */
.bs-navbar .nav-item.active .nav-link,
.bs-navbar .nav-link.active{
  background: rgba(0,0,0,.25) !important;
  font-weight: 900 !important;
}

/* melhorar contraste geral */
.bs-navbar{
  background:#FECB00 !important;
}

/* setas do menu mais visíveis */
.bs-navbar .dropdown-toggle span.arrow{
  border-color: #fff !important;
  opacity: .9;
}
/* =====================================================
   MENU PREMIUM — TIPOGRAFIA + EFEITO BANCO
===================================================== */

/* fonte mais moderna */
.bs-navbar .nav-link{
  font-family: "Inter", "Poppins", Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: 0.3px !important;
  position: relative;
  color: #fff !important;
  transition: all .25s ease;
}

/* efeito underline animado */
.bs-navbar .nav-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:10px;
  width:0;
  height:2px;
  background:#fff;
  transition:all .25s ease;
  transform:translateX(-50%);
  border-radius:2px;
}

/* animação no hover */
.bs-navbar .nav-link:hover::after{
  width:60%;
}

/* hover mais elegante */
.bs-navbar .nav-link:hover{
  background: rgba(0,0,0,.15) !important;
}

/* estado ativo (selecionado) */
.bs-navbar .nav-item.active .nav-link::after{
  width:70%;
}

/* espaçamento entre itens (mais ar premium) */
.bs-navbar .navbar-nav{
  gap:6px !important;
}

/* separador sutil entre menus */
.bs-navbar .nav-item{
  position:relative;
}

.bs-navbar .nav-item:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:18px;
  background:rgba(255,255,255,.2);
}

/* setas mais elegantes */
.bs-navbar .dropdown-toggle span.arrow{
  margin-left:6px;
  width:5px;
  height:5px;
  border-width:2px;
  opacity:.9;
}

/* =====================================================
   TOP BAR (Particulares, Empresas...) — MAIS PESO
===================================================== */

.bs-topbar .nav-link{
  font-weight: 800 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.4px !important;
  opacity: .9;
  transition: all .25s ease;
  position: relative;
}

/* hover mais visível */
.bs-topbar .nav-link:hover{
  opacity: 1;
  transform: translateY(-1px);
}

/* estado ativo (Particulares selecionado) */
.bs-topbar .nav-link.active{
  opacity: 1;
  font-weight: 900 !important;
}

/* linha branca mais forte */
.bs-topbar .nav-link.active::after{
  height: 3px !important;
  background: #fff !important;
  bottom: -9px !important;
}

/* espaçamento mais elegante */
.bs-topbar .nav{
  gap: 40px !important;
}

/* leve glow premium */
.bs-topbar .nav-link.active{
  text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* melhora contraste da barra */
.bs-topbar{
  background:#FECB00 !important;
}

/* =====================================================
   TOP BAR (Particulares, Empresas...) — MAIS PESO
===================================================== */

.bs-topbar .nav-link{
  font-weight: 800 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.4px !important;
  opacity: .9;
  transition: all .25s ease;
  position: relative;
}

/* hover mais visível */
.bs-topbar .nav-link:hover{
  opacity: 1;
  transform: translateY(-1px);
}

/* estado ativo (Particulares selecionado) */
.bs-topbar .nav-link.active{
  opacity: 1;
  font-weight: 900 !important;
}

/* linha branca mais forte */
.bs-topbar .nav-link.active::after{
  height: 3px !important;
  background: #fff !important;
  bottom: -9px !important;
}

/* espaçamento mais elegante */
.bs-topbar .nav{
  gap: 40px !important;
}

/* leve glow premium */
.bs-topbar .nav-link.active{
  text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* melhora contraste da barra */
.bs-topbar{
  background: linear-gradient(
    90deg,
    #FECB00 0%,
    #FECB00 100%
  ) !important;
}

/* =====================================================
   TOP BAR — APENAS ABAS: Particulares / Empresas
   Não afecta o menu principal
===================================================== */

.bs-topbar{
  background:#FECB00 !important;
  height:42px !important;
}

.bs-topbar .container{
  max-width:1140px !important;
  margin:0 auto !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 12px !important;
}

/* remove estilo azul/bootstrap só nas abas de cima */
.bs-topbar .nav,
.bs-topbar .nav-tabs{
  background:transparent !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
  gap:22px !important;
}

/* botões/links das abas */
.bs-topbar .nav-link{
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 14px !important;

  background:transparent !important;
  border:0 !important;
  color:#fff !important;

  font-family:"Inter","Segoe UI",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.15px !important;
  opacity:1 !important;
  text-decoration:none !important;
}

/* hover das abas */
.bs-topbar .nav-link:hover{
  background:rgba(0,0,0,.12) !important;
  color:#fff !important;
}

/* aba activa */
.bs-topbar .nav-link.active{
  background:#fff !important;
  color:#111 !important;
}

/* remove linha azul/underline antigo */
.bs-topbar .nav-link::after{
  display:none !important;
}
/* =====================================================
   TOP BAR BANCO SOL — FINAL
   Particulares / Empresas / Institucional / Private / Premium
   NÃO afecta o menu principal
===================================================== */

/* Barra superior */
.bs-topbar,
header > .border-bottom.bg-white:first-child{
  height:42px !important;
  background:#FECB00 !important;
  border:0 !important;
}

/* Container da barra */
.bs-topbar .container,
header > .border-bottom.bg-white:first-child .container{
  max-width:1140px !important;
  height:42px !important;
  margin:0 auto !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

/* Lista das abas */
.bs-topbar .nav-tabs,
header > .border-bottom.bg-white:first-child .nav-tabs{
  border:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Botões/links das abas */
.bs-topbar .nav-tabs .nav-link,
header > .border-bottom.bg-white:first-child .nav-tabs .nav-link{
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 14px !important;

  background:transparent !important;
  border:0 !important;
  color:#fff !important;

  font-family:"Inter","Segoe UI",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.15px !important;
  opacity:1 !important;
  text-decoration:none !important;
}

/* Hover */
.bs-topbar .nav-tabs .nav-link:hover,
header > .border-bottom.bg-white:first-child .nav-tabs .nav-link:hover{
  background:rgba(0,0,0,.14) !important;
  color:#fff !important;
}

/* Aba activa */
.bs-topbar .nav-tabs .nav-link.active,
header > .border-bottom.bg-white:first-child .nav-tabs .nav-link.active{
  background:#fff !important;
  color:#111 !important;
  border-radius:8px 8px 0 0 !important;
}

/* Remover linha/azul antigo do Bootstrap */
.bs-topbar .nav-link::after,
header > .border-bottom.bg-white:first-child .nav-link::after{
  display:none !important;
}

/* Remover bordas Bootstrap */
.bs-topbar .nav-link,
header > .border-bottom.bg-white:first-child .nav-link{
  box-shadow:none !important;
}

/* =====================================================
   ALIGN TOPBAR COM MENU (PARTICULARES = CONTAS)
===================================================== */

/* usar o mesmo alinhamento da navbar */
.bs-topbar .container{
  max-width:1320px !important; /* igual ao cálculo do mega menu */
  margin:0 auto !important;
  padding-left:22px !important; /* EXACTO offset do menu */
}

/* garantir que começa no mesmo eixo */
.bs-topbar .nav{
  padding-left:0 !important;
  margin-left:0 !important;
}

/* =====================================================
   FIX REAL — ALINHAR "PARTICULARES" COM "CONTAS"
   (sem depender de classes inexistentes)
===================================================== */

/* primeira linha do header (abas) */
.bs-header > div:first-child .container{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  /* ESTE É O ALINHAMENTO REAL COM CONTAS */
  padding-left: calc((100vw - 1320px)/2 + 22px) !important;
}

/* remover espaçamentos estranhos */
.bs-header > div:first-child .nav{
  margin:0 !important;
  padding:0 !important;
  gap:24px !important;
}

/* garantir cor amarela correcta */
.bs-header > div:first-child{
  background:#FECB00 !important;
}

/* =====================================================
   ABAS SUPERIORES — Particulares / Empresas / Institucional
   Só afecta .bs-segmentos, não mexe no menu principal
===================================================== */

.bs-header > .bs-segmentos{
  height:42px !important;
  max-width:1140px !important;
  margin:0 auto !important;
  padding:0 12px !important;

  display:flex !important;
  align-items:center !important;
  gap:24px !important;

  background:#FECB00 !important;
  border:0 !important;
}

.bs-header > .bs-segmentos .nav-item{
  height:42px !important;
  display:flex !important;
  align-items:center !important;
}

.bs-header > .bs-segmentos .nav-link{
  height:42px !important;
  display:flex !important;
  align-items:center !important;

  padding:0 14px !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;

  font-size:14px !important;
  font-weight:900 !important;
  font-family:"Inter","Segoe UI",Arial,sans-serif !important;
}

.bs-header > .bs-segmentos .nav-link:hover{
  background:rgba(0,0,0,.14) !important;
  color:#fff !important;
}

.bs-header > .bs-segmentos .nav-link.active{
  background:#fff !important;
  color:#111 !important;
  border-radius:8px 8px 0 0 !important;
}

/* =====================================================
   TOP BAR SEGMENTOS — FULL WIDTH + ALINHADO COM CONTAS
   Afecta apenas .bs-segmentos
===================================================== */

.bs-header > .bs-segmentos{
  width:100vw !important;
  max-width:none !important;
  height:42px !important;

  margin:0 !important;
  padding:0 !important;
padding-left:calc((100vw - 1140px) / 2 - 85px) !important;

  display:flex !important;
  align-items:center !important;
  gap:24px !important;

  background:#FECB00 !important;
  border:0 !important;
  border-radius:0 !important;
}

/* ecrãs menores */
@media(max-width:1200px){
  .bs-header > .bs-segmentos{
    padding-left:22px !important;
  }
}

.bs-header > .bs-segmentos .nav-item{
  height:42px !important;
  display:flex !important;
  align-items:center !important;
}





/* =====================================================
   TOP BAR — AUMENTAR TEXTO (SEM AFECTAR MENU)
===================================================== */

.bs-header > .bs-segmentos .nav-link{
  font-size:16px !important;     /* antes ~14px */
  font-weight:900 !important;    /* mais forte */
  letter-spacing:0.3px !important;
}

/* opcional — ainda mais destaque no activo */
.bs-header > .bs-segmentos .nav-link.active{
  font-size:16.5px !important;
}



.bs-header > .bs-segmentos .nav-link{
  height:42px !important;
  display:flex !important;
  align-items:center !important;

  padding:0 14px !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;

  font-size:14px !important;
  font-weight:900 !important;
  font-family:"Inter","Segoe UI",Arial,sans-serif !important;
}

.bs-header > .bs-segmentos .nav-link:hover{
  background:rgba(0,0,0,.14) !important;
  color:#fff !important;
}

.bs-header > .bs-segmentos .nav-link.active{
  background:#fff !important;
  color:#111 !important;
  border-radius:8px 8px 0 0 !important;
}














/* TOP RIGHT — PT | EN + ÍCONES ALINHADO COM SOL KUMBU */
.bs-segmentos{
  position:relative !important;
}

.bs-top-actions-only{
  position:absolute !important;
  right:460px !important; /* controla alinhamento com SOL KUMBU */
  top:50% !important;
  transform:translateY(-50%) !important;

  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  height:42px !important;
  list-style:none !important;
  margin:0 !important;
}

.bs-top-actions-only a,
.bs-top-actions-only span{
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  line-height:1 !important;
}

/* AUMENTAR APENAS OS ÍCONES */
.bs-top-actions-only a[aria-label]{
  font-size:18px !important;  /* tamanho dos ícones */
  display:flex !important;
  align-items:center !important;
}

/* opcional — hover mais profissional */
.bs-top-actions-only a[aria-label]:hover{
  transform:scale(1.15);
  transition:.2s ease;
}

/* ÍCONES */
.bs-icon{
  font-size:20px;
  transition:all .25s ease;
  position:relative;
}

/* HOVER (cresce) */
.bs-icon:hover{
  transform:scale(1.35);
}

/* TOOLTIP */
.bs-icon::after{
  content:attr(data-tooltip);
  position:absolute;
  bottom:-28px;
  left:50%;
  transform:translateX(-50%);
  background:#111;
  color:#fff;
  font-size:12px;
  padding:4px 8px;
  border-radius:6px;
  opacity:0;
  white-space:nowrap;
  pointer-events:none;
  transition:.2s;
}

.bs-icon:hover::after{
  opacity:1;
}

/* SEARCH BOX */
.bs-search-box{
  position:absolute;
  right:120px; /* ajusta se necessário */
  top:42px;
  background:#fff;
  padding:8px;
  border-radius:8px;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
  display:none;
}

.bs-search-box input{
  border:1px solid #ccc;
  padding:8px 12px;
  border-radius:6px;
  outline:none;
  width:200px;
}

.bs-search-box{
  display:none;
  position:absolute;
  top:42px;
  right:0;
  background:#fff;
  padding:8px;
  border-radius:8px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  z-index:99999;
}

.bs-search-box.is-open{
  display:block;
}

.bs-search-box input{
  width:220px;
  border:1px solid #ddd;
  border-radius:6px;
  padding:8px 12px;
  outline:none;
}
.bs-search-box{
  display:none;
  position:absolute;
  top:42px;
  right:0;
  background:#fff;
  padding:8px;
  border-radius:8px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  z-index:99999;
}

.bs-search-box.is-open{
  display:block;
}

.bs-search-box input{
  width:220px;
  border:1px solid #ddd;
  border-radius:6px;
  padding:8px 12px;
  outline:none;
}

/* =====================================================
   BOTÕES HEADER — ESTILO PREMIUM BANCO
===================================================== */

/* SOL KUMBU (principal) */
.bs-main-header .btn-sol{
  background: linear-gradient(135deg, #FECB00, #ffcc33);
  border: 0;
  color: #111 !important;

  padding: 10px 26px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.4px;

  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(254,203,0,.35)
  transition: all .25s ease;
}

/* hover */
.bs-main-header .btn-sol:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(254,203,0,.45)
  background: linear-gradient(135deg, #ffcc33, #FECB00);
}

/* clique */
.bs-main-header .btn-sol:active{
  transform: scale(.97);
}


/* ABRIR CONTA (secundário elegante) */
.bs-main-header .btn-outline-sol{
  background: #fff;
  border: 2px solid #111;
  color: #111 !important;

  padding: 9px 24px;
  font-size: 14px;
  font-weight: 800;

  border-radius: 999px;
  transition: all .25s ease;
}

/* =====================================================
   ABRIR CONTA — HOVER PREMIUM (GLOW + UNDERLINE)
===================================================== */

.bs-main-header .btn-outline-sol{
  position:relative;
  overflow:hidden;
}

/* hover */
.bs-main-header .btn-outline-sol:hover{
  background:#111;
  color:#FECB00 !important;
  border-color:#111;

  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

/* glow no texto */
.bs-main-header .btn-outline-sol:hover{
  text-shadow: 0 0 6px rgba(254,203,0,.6)
               0 0 12px rgba(254,203,0,.4)
}

/* underline animado */
.bs-main-header .btn-outline-sol::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:6px;
  width:0;
  height:2px;
  background:#FECB00;
  transition:all .3s ease;
  transform:translateX(-50%);
  border-radius:2px;
}

.bs-main-header .btn-outline-sol:hover::after{
  width:65%;
}

/* clique */
.bs-main-header .btn-outline-sol:active{
  transform: scale(.97);
}

/* MENU PRINCIPAL — TAMANHO E PESO */
.bs-navbar .nav-link{
  font-size:17px !important;      /* antes ~14/15 */
  font-weight:800 !important;     /* mais forte */
  letter-spacing:0.4px !important;
  padding:0 26px !important;      /* mais respiro lateral */
}



/* =====================================================
   APENAS COR — TROCAR LARANJA POR AMARELO OFICIAL
===================================================== */

:root{
  --sol-yellow:#FECB00 !important;
}

.bs-topbar,
.bs-navbar,
.bs-header > div:first-child,
.bs-header > .bs-segmentos{
  background:#FECB00 !important;
  background-image:none !important;
}

.bs-main-header .btn-sol{
  background:#FECB00 !important;
  border-color:#FECB00 !important;
  box-shadow:0 6px 18px rgba(254,203,0,.35) !important;
}

.bs-main-header .btn-sol:hover{
  background:#FECB00 !important;
  box-shadow:0 10px 24px rgba(254,203,0,.45) !important;
}

.bs-navbar .dropdown-item::before,
.bs-main-header .btn-outline-sol:hover,
.bs-navbar .dropdown-item::after{
  color:#FECB00 !important;
}

.bs-main-header .btn-outline-sol::after{
  background:#FECB00 !important;
}












/* =====================================================
   FIX FINAL — MEGA MENU FUNDO BRANCO
===================================================== */

.bs-navbar .dropdown-menu,
.bs-navbar .dropdown-menu *,
.mega-menu,
.mega-menu *,
.mega-left,
.mega-right{
  background:#fff !important;
  background-image:none !important;
}

.bs-navbar .dropdown-menu{
  background:#fff !important;
  background-image:none !important;
}







/* MEGA MENU — BRANCO PURO FINAL */
.bs-navbar .dropdown-menu{
  background:#ffffff !important;
  background-image:none !important;
  opacity:1 !important;
}

.bs-navbar .dropdown-menu *,
.bs-navbar .dropdown-menu li,
.bs-navbar .dropdown-menu .dropdown-item{
  background:transparent !important;
  background-image:none !important;
}

.bs-navbar .dropdown-menu::before{
  display:none !important;
  content:none !important;
}