.new-order-tab .nav-tabs .nav-link.active, .new-order-tab .nav-tabs .nav-item.show .nav-link {
	background: linear-gradient(90deg,rgba(68, 0, 117, 1) 0%, rgba(83, 0, 45, 1) 100%) !important;
	border: none !important;
}

.sidebar .sidebar-body nav ul li a:hover, .sidebar .sidebar-body nav ul li.active a {
	color: #53002D !important;
}

.sidebar .sidebar-body nav ul li a:hover::before, .sidebar .sidebar-body nav ul li.active a::before {
	background: #53002D !important;
}

.btn {
	border: none !important;
	background: linear-gradient(90deg,rgba(68, 0, 117, 1) 0%, rgba(83, 0, 45, 1) 100%) !important;
}

.content-table .tab-content .table > tbody > tr > td a {
	color: #53002D !important;
}

.hero .hero-badge {
	background: linear-gradient(90deg,rgba(68, 0, 117, 1) 0%, rgba(83, 0, 45, 1) 100%) !important;
  border: none !important;
}

.hero .hero-actions .btn-primary {
	background: linear-gradient(90deg,rgba(68, 0, 117, 1) 0%, rgba(83, 0, 45, 1) 100%) !important;
	
}

.hero .hero-stats .stat-item .stat-number {
	color: #fff !important;
}

.about .stat-item .number {
	color: #43007A !important;
}

.about .image-wrapper .floating-card .card-content i {
	color: #43007A !important;
}

#preloader div {
  background-color: #43007A !important;
}

.section-title h2::after {
	background: #43007A !important;
}

.featured-services .services-content .subtitle {
	background-color: color-mix(in srgb, var(--accent-color), transparent 94%);
	color: #43007A !important;
	
}

.featured-services .services-content .btn-consultation {
	background-color: #43007A !important;
	
}

/* ============================================
   ESTILOS MOBILE PARA PÁGINA ADICIONAR SALDO
   ============================================ */

/* CRITICAL: Ajuste do content-table para garantir que não sobreponha o sidebar */
.content-table {
  width: 100% !important;
  padding: 15px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 10 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 20px !important;
  float: none !important;
  clear: both !important;
}

/* Garantir que o main-wrapper não seja sobreposto pelo sidebar */
.main-wrapper {
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 20px !important;
  overflow: visible !important;
}

.main {
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
}

/* Garantir que o body-wrapper não seja afetado pelo sidebar */
.body-wrapper {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* Desktop: garantir margin-left desde o início - REGRA CRÍTICA */
@media (min-width: 992px) {
  /* Forçar body-wrapper a ter margin desde o início e padding-top para não ficar atrás do header */
  body .body-wrapper,
  html body .body-wrapper,
  .body-wrapper {
    margin-left: 280px !important;
    width: calc(100% - 280px) !important;
    padding-left: 0 !important;
    padding-top: 30px !important;
    left: 0 !important;
  }
  
  /* Header dentro do body-wrapper - não precisa de margin-left adicional, só width */
  body .header,
  html body .header,
  .header {
    margin-left: 0 !important;
    width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    left: 0 !important;
    position: relative !important;
    z-index: 100 !important;
    height: auto !important;
    min-height: 80px !important;
    box-sizing: border-box !important;
  }
  
  body .main-wrapper,
  .main-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 20px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  body .main,
  .main {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Content table deve começar do início do body-wrapper com padding e margin-top */
  body .content-table,
  .content-table {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 20px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ============================================
   CORREÇÃO CRÍTICA DO SIDEBAR
   Garantir que elementos não "vazem" para fora
   ============================================ */

/* Sidebar: garantir que elementos fiquem contidos */
aside.sidebar {
  z-index: 999 !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-width: 280px !important;
  width: 280px !important;
  box-sizing: border-box !important;
  contain: layout style paint !important;
  isolation: isolate !important;
  clip-path: inset(0) !important;
}

/* Todos os elementos dentro do sidebar devem ficar contidos */
aside.sidebar * {
  max-width: 100% !important;
  box-sizing: border-box !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  position: relative !important;
}

/* Garantir que nenhum elemento tenha position: fixed ou absolute que possa escapar */
aside.sidebar *[style*="position: absolute"],
aside.sidebar *[style*="position:fixed"] {
  position: relative !important;
}

/* Imagens e outros elementos inline */
aside.sidebar img,
aside.sidebar svg,
aside.sidebar i,
aside.sidebar .fa,
aside.sidebar .fas,
aside.sidebar .far {
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}

/* Sidebar header e body */
aside.sidebar .sidebar-header,
aside.sidebar .sidebar-body {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Navegação dentro do sidebar */
aside.sidebar nav,
aside.sidebar .sidebar-nav {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Links e itens do menu */
aside.sidebar ul,
aside.sidebar li,
aside.sidebar a {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  display: block !important;
}

aside.sidebar li {
  overflow: hidden !important;
}

aside.sidebar a {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Botão de usuário/saldo */
aside.sidebar .money,
aside.sidebar button.money {
  max-width: 100% !important;
  width: auto !important;
  box-sizing: border-box !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* Overlay para fechar sidebar no mobile */
.sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.sidebar-overlay.show {
  display: block;
  opacity: 1;
}

@media (max-width: 991px) {
  aside.sidebar.active ~ .sidebar-overlay,
  .body-wrapper:has(aside.sidebar.active)::before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    cursor: pointer;
  }
  
  aside.sidebar.active {
    z-index: 1000 !important;
    position: fixed !important;
  }
  
  aside.sidebar:not(.active) {
    z-index: 999 !important;
    transform: translateX(-100%) !important;
  }
  
  /* Quando sidebar está aberto, conteúdo fica atrás */
  aside.sidebar.active ~ .body-wrapper .main-wrapper,
  aside.sidebar.active ~ .body-wrapper .main,
  aside.sidebar.active ~ .body-wrapper .content-table {
    z-index: 1 !important;
    pointer-events: none !important;
  }
  
  /* Apenas desabilitar scroll do body quando sidebar aberto no mobile */
  @media (max-width: 991px) {
    body:has(aside.sidebar.active) {
      overflow: hidden !important;
      position: fixed !important;
      width: 100% !important;
    }
    
    body:not(:has(aside.sidebar.active)) {
      overflow: auto !important;
      position: relative !important;
    }
  }
  
  /* Body wrapper deve permitir scroll sempre */
  .body-wrapper {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  
  /* Permitir scroll em todas as páginas */
  html, body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: 100vh !important;
  }
  
  /* Garantir que elementos principais permitam scroll */
  section.body-wrapper,
  .main-wrapper,
  .main {
    overflow-y: visible !important;
    height: auto !important;
    min-height: 100vh !important;
  }
}

/* Container responsivo */
@media (max-width: 767px) {
  /* CRITICAL: Garantir que o conteúdo principal fique acima do sidebar quando fechado */
  .body-wrapper {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-top: 20px !important;
    height: auto !important;
    min-height: 100vh !important;
  }

  .main-wrapper {
    width: 100% !important;
    position: relative !important;
    z-index: 10 !important;
    margin-left: 0 !important;
    margin-top: 20px !important;
    padding-left: 0 !important;
    padding-top: 15px !important;
    left: 0 !important;
    transform: translateX(0) !important;
    overflow: visible !important;
    height: auto !important;
  }

  .main {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    left: 0 !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 100vh !important;
  }

  .content-table {
    padding: 15px !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 10 !important;
    clear: both !important;
    float: none !important;
    left: 0 !important;
    margin-left: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    overflow: visible !important;
  }
  
  /* Sidebar no mobile não deve sobrepor quando fechado */
  aside.sidebar {
    position: fixed !important;
    left: -100% !important;
    transition: left 0.3s ease !important;
    top: 0 !important;
    height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    width: 280px !important;
    max-width: 280px !important;
    box-sizing: border-box !important;
    contain: layout style paint !important;
    isolation: isolate !important;
    clip-path: inset(0) !important;
  }
  
  aside.sidebar.active {
    left: 0 !important;
    z-index: 1000 !important;
    width: 280px !important;
    max-width: 280px !important;
  }
  
  aside.sidebar:not(.active) {
    left: -100% !important;
    z-index: 999 !important;
    pointer-events: none !important;
    width: 280px !important;
    max-width: 280px !important;
  }
  
  /* Garantir que elementos dentro do sidebar não ultrapassem */
  aside.sidebar * {
    max-width: 280px !important;
    box-sizing: border-box !important;
  }
  
  aside.sidebar .sidebar-header,
  aside.sidebar .sidebar-body {
    max-width: 280px !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  aside.sidebar nav ul,
  aside.sidebar .sidebar-nav ul {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  aside.sidebar li {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  aside.sidebar a {
    max-width: 100% !important;
    width: 100% !important;
    padding: 10px 15px !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  
  /* Overlay quando sidebar está aberto */
  .sidebar-overlay.show {
    display: block !important;
    opacity: 1 !important;
  }
  
  /* Quando sidebar está aberto no mobile, desabilitar scroll do body mas não do wrapper */
  body:has(aside.sidebar.active) {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
  }
  
  /* Quando sidebar está aberto, conteúdo fica atrás mas pode ter scroll depois */
  aside.sidebar.active ~ .body-wrapper .main-wrapper,
  aside.sidebar.active ~ .body-wrapper .main,
  aside.sidebar.active ~ .body-wrapper .content-table {
    z-index: 1 !important;
    pointer-events: none !important;
  }
  
  .body-wrapper:has(aside.sidebar.active) .main-wrapper,
  .body-wrapper:has(aside.sidebar.active) .main,
  .body-wrapper:has(aside.sidebar.active) .content-table {
    z-index: 1 !important;
    pointer-events: none !important;
  }
  
  /* Quando sidebar está fechado, conteúdo fica na frente e permite scroll */
  aside.sidebar:not(.active) ~ .body-wrapper .main-wrapper,
  aside.sidebar:not(.active) ~ .body-wrapper .main,
  aside.sidebar:not(.active) ~ .body-wrapper .content-table,
  .body-wrapper:not(:has(aside.sidebar.active)) .main-wrapper,
  .body-wrapper:not(:has(aside.sidebar.active)) .main,
  .body-wrapper:not(:has(aside.sidebar.active)) .content-table {
    z-index: 10 !important;
    pointer-events: all !important;
  }
  
  /* Restaurar scroll quando sidebar fecha */
  body:not(:has(aside.sidebar.active)),
  body.sidebar-closed {
    overflow: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
    height: auto !important;
  }
  
  /* Sidebar aberto - elementos devem ser clicáveis */
  aside.sidebar.active {
    pointer-events: all !important;
  }
  
  /* Sidebar fechado - não deve interceptar cliques */
  aside.sidebar:not(.active) {
    pointer-events: none !important;
  }

  /* Ajuste do well no mobile */
  .well {
    padding: 15px;
    margin: 15px 0;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e0e0e0;
  }

  /* Botão full width no mobile */
  .btn-block-mobile {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    margin-top: 10px;
    box-sizing: border-box;
  }

  /* Form groups no mobile */
  .form-group {
    margin-bottom: 20px;
    width: 100%;
  }

  .form-group label {
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
  }

  .form-control {
    width: 100%;
    padding: 10px 12px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
  }
  
  /* Quebra de linha para textos longos */
  .well,
  .form-control,
  select.form-control,
  select.form-control option {
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
  
  /* Especialmente para instruções e textos longos */
  .well h2,
  .well h3,
  .well h4,
  .well p,
  .well label,
  .form-group label,
  .control-label {
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
    line-height: 1.5 !important;
  }
  
  /* Select com textos longos */
  select.form-control {
    white-space: normal !important;
    height: auto !important;
    min-height: 38px !important;
  }
  
  select.form-control option {
    white-space: normal !important;
    word-wrap: break-word !important;
    padding: 5px !important;
  }

  /* Select no mobile */
  select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 35px;
  }

  /* Alerts responsivos */
  .alert {
    padding: 12px 15px;
    font-size: 14px;
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
  }

  .alert .close {
    padding: 5px 10px;
    font-size: 18px;
  }

  /* Tabela responsiva no mobile */
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin: 0;
  }

  .table {
    width: 100%;
    min-width: 600px;
  }

  /* Paginação responsiva */
  .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0;
    padding: 0;
  }

  .pagination li {
    margin: 5px;
  }

  .pagination li a {
    padding: 8px 12px;
    font-size: 14px;
    min-width: 40px;
    text-align: center;
  }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  .content-table {
    padding: 20px;
  }

  .well {
    padding: 20px;
  }

  .table-responsive {
    overflow-x: auto;
  }
}

/* Desktop - garantir que não sobreponha */
@media (min-width: 992px) {
  /* Desktop: sidebar fixo à esquerda, conteúdo com margin */
  aside.sidebar {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    height: 100vh !important;
    z-index: 1000 !important;
    width: 280px !important;
    max-width: 280px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    contain: layout style paint !important;
    isolation: isolate !important;
    clip-path: inset(0) !important;
  }
  
  /* Garantir que elementos dentro do sidebar fiquem contidos no desktop */
  aside.sidebar * {
    max-width: 280px !important;
    box-sizing: border-box !important;
  }
  
  aside.sidebar .sidebar-header,
  aside.sidebar .sidebar-body {
    max-width: 280px !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    overflow-x: hidden !important;
  }
  
  aside.sidebar nav ul,
  aside.sidebar .sidebar-nav ul {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  aside.sidebar li {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow: hidden !important;
  }
  
  aside.sidebar a {
    max-width: 100% !important;
    width: 100% !important;
    padding: 10px 15px !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: block !important;
  }
  
  /* Overlay não aparece no desktop */
  .sidebar-overlay {
    display: none !important;
  }
  
  /* Conteúdo sempre com margin-left para não ser coberto pelo sidebar e padding-top para não ficar atrás do header */
  .body-wrapper {
    margin-left: 280px !important;
    width: calc(100% - 280px) !important;
    transition: margin-left 0.3s ease !important;
    position: relative !important;
    z-index: 1 !important;
    padding: 0 !important;
    padding-top: 30px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    height: auto !important;
    min-height: 100vh !important;
    left: 0 !important;
  }
  
  /* Garantir que main-wrapper e main também tenham scroll e padding */
  .main-wrapper {
    overflow-y: visible !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 30px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .main {
    overflow-y: visible !important;
    height: auto !important;
    min-height: 100vh !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Conteúdo com padding adequado para não ficar colado e não ficar atrás do header */
  .content-table {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 30px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Header dentro do body-wrapper - não precisa de margin-left adicional */
  .header {
    margin-left: 0 !important;
    width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 100 !important;
    height: auto !important;
    min-height: 80px !important;
    left: 0 !important;
  }
  
  /* Se header for fixed ou sticky, manter width 100% */
  .header[style*="position: fixed"],
  .header[style*="position:fixed"],
  .header.fixed,
  .header.sticky {
    margin-left: 0 !important;
    width: 100% !important;
    position: relative !important;
  }
  
  /* Garantir espaçamento após header para que conteúdo não fique por baixo */
  .header + .main-wrapper,
  .header + .body-wrapper .main-wrapper,
  .header ~ .main-wrapper,
  .header ~ .main,
  .header ~ .content-table {
    margin-top: 30px !important;
    padding-top: 20px !important;
  }
  
  /* Well e outros containers também precisam de espaçamento */
  .well {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 25px !important;
    box-sizing: border-box !important;
  }
  
  .main-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 20px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    width: 100% !important;
    position: relative !important;
    z-index: 1 !important;
    overflow-y: visible !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  
  .main {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    position: relative !important;
    z-index: 1 !important;
    overflow-y: visible !important;
    height: auto !important;
    min-height: 100vh !important;
    box-sizing: border-box !important;
  }
  
  .content-table {
    padding: 20px 30px !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 30px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
  }
  
  /* Garantir que body-wrapper tenha padding-top para não ficar atrás do header */
  .body-wrapper {
    padding-top: 30px !important;
  }
  
  /* Well e containers também precisam de espaçamento no desktop */
  .well {
    padding: 25px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  
  /* Footer também precisa de padding no desktop */
  .footer {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    box-sizing: border-box !important;
  }
  
  /* Garantir que todos os containers principais tenham padding */
  .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
    box-sizing: border-box !important;
  }
  
  /* Quebra de linha no desktop também */
  .well h2,
  .well h3,
  .well p,
  .well label,
  .form-group label,
  select.form-control {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 100%;
  }
  
  select.form-control option {
    white-space: normal !important;
    word-wrap: break-word !important;
  }
}

/**
* Template Name: Passion
* Template URL: https://bootstrapmade.com/passion-bootstrap-template/
* Updated: Jul 21 2025 with Bootstrap v5.3.7
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/
/* Fonts */
:root {
  --default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Barlow",  sans-serif;
  --nav-font: "Inter",  sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #140d1a; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #0a3223; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #43007A !important; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #ffffff;  /* The default color of the main navmenu links */
  --nav-hover-color: #43007A; /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #14201c; /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #43007A; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */

.light-background {
  --background-color: #f4f9f7;
  --surface-color: #ffffff;
}

.dark-background {
  --background-color: #000704;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #28323a;
  --contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

.featured-services .service-card:hover {
	background-color: #43007A !important;
}

.featured-services .service-card:hover .icon-box i {
	color: #43007A !important;
}

.featured-services .service-card .icon-box {
	height: 70px;
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--accent-color);
	border-radius: 50%;
	margin-bottom: 20px;
	transition: all 0.4s;
}

.about .btn.btn-outline {
	color: #fff !important;
}

/* ============================================
   CORREÇÃO ESPECÍFICA PARA PÁGINA ADDFUNDS
   Garantir que sidebar não invada o conteúdo
   ============================================ */

/* Forçar o conteúdo principal a não ser sobreposto - regra mais específica */
.section.body-wrapper .main-wrapper,
.section.body-wrapper .main,
.section.body-wrapper .content-table,
.body-wrapper .main-wrapper,
.body-wrapper .main,
.body-wrapper .content-table {
  position: relative !important;
  z-index: 10 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  left: 0 !important;
  transform: translateX(0) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Mobile: sidebar fechado não deve interferir */
@media (max-width: 991px) {
  aside.sidebar:not(.active) {
    transform: translateX(-100%) !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  
  .body-wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-top: 20px !important;
    width: 100% !important;
  }
  
  .main-wrapper {
    margin-left: 0 !important;
    margin-top: 20px !important;
    padding-left: 0 !important;
    padding-top: 15px !important;
    left: 0 !important;
    width: 100% !important;
  }
  
  .main {
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
  }
  
  .content-table {
    margin-left: 0 !important;
    margin-top: 20px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
    width: 100% !important;
  }
}

/* Desktop: garantir que conteúdo não seja empurrado incorretamente */
@media (min-width: 992px) {
  .content-table {
    margin-left: 0 !important;
    padding-left: 20px !important;
    width: auto !important;
  }
  
  .body-wrapper {
    margin-left: 0 !important;
  }
  
  .main-wrapper {
    margin-left: 0 !important;
  }
}