body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

}



.nav {
    --bs-nav-link-padding-x: 0.7rem;
    --bs-nav-link-padding-y: 0.5rem;
}

.dropdown-menu.categorias {
    transform: translateX(-1000px);
}

.search {
    width: 100%;
    margin-bottom: auto;
    margin-top: 20px;
    height: 50px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px
}

.search-input {
    color: var(--tg-theme-text-color);
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    margin-top: 5px;
    caret-color: transparent;
    line-height: 20px;
    transition: width 0.4s linear
}

.search .search-input {
    padding: 0 10px;
    width: 100%;
    caret-color: #6c757d;
    font-size: 19px;
    font-weight: 300;
    color: var(--tg-theme-text-color);
    transition: width 0.4s linear
}

.search-icon {
    height: 34px;
    width: 34px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--tg-theme-button-text-color);
    background-color: var(--tg-theme-button-color);
    font-size: 10px;
    bottom: 30px;
    position: relative;
    border-radius: 5px
}

.search-icon:hover {
    background-color: var(--tg-theme-accent-text-color);
    color: var(--tg-theme-button-text-color);
}

a:link {
    text-decoration: none
}

.mg-text span {
    font-size: 12px
}

.mg-text {
    line-height: 14px
}



.btn-actions-custom  {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--tg-theme-button-text-color);
  --bs-btn-bg: var(--tg-theme-button-color);
  --bs-btn-border-color: var(--tg-theme-accent-text-color);
  
  --bs-btn-hover-color: var(--tg-theme-button-text-color);
  --bs-btn-hover-bg: var(--tg-theme-button-color);
  --bs-btn-hover-border-color: var(--tg-theme-bg-color);
  
  --bs-btn-focus-shadow-rgb: var(--tg-theme-accent-text-color);
  
  --bs-btn-active-color: var(--tg-theme-button-text-color);
  --bs-btn-active-bg: var(--tg-theme-button-color);
  --bs-btn-active-border-color: var(--tg-theme-secondary-bg-color    );
}

.bg-background-custom  {
  background-color: var(--tg-theme-bg-color);
  color: var(--tg-theme-text-color);
}

.bg-secondary-custom  {
  background-color: var(--tg-theme-secondary-bg-color);
  color:  var(--tg-theme-text-color) !important;
}

.btn-secondary-custom  {
  color:  var(--tg-theme-button-color);
}

.btn-background-custom  {
  --bs-btn-color: var(--tg-theme-text-color);
  --bs-btn-bg: var(--tg-theme-secondary-bg-color);
  --bs-btn-border-color: var(--tg-theme-hint-color);
  
  --bs-btn-hover-color: var(--tg-theme-text-color); 
  --bs-btn-hover-bg: var(--tg-theme-bg-color); 
  --bs-btn-hover-border-color: var(--tg-theme-hint-color); 
  
  --bs-btn-focus-shadow-rgb: var(--tg-theme-accent-text-color);
  --bs-btn-active-color: var(--tg-theme-text-color);
  --bs-btn-active-bg: var(--tg-theme-secondary-bg-color);
  --bs-btn-active-border-color: var(--tg-theme-accent-text-color);
}

.nav-link {
    color: var(--tg-theme-text-color);
}

.nav-link:hover {
    color: var(--tg-theme-text-color);
}


.dropdown-item{
  background-color: var(--tg-theme-secondary-bg-color);
  color:  var(--tg-theme-text-color) !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color : var(--tg-theme-text-color);
    background-color: var(--tg-theme-bg-color);
}

a {
    color: var(--tg-theme-text-color);
}

a:visited {
    color: var(--tg-theme-text-color);
}

a:houver {
    color: var(--tg-theme-text-color);
}

li {
    background-color: var(--tg-theme-secondary-bg-color);
}

.nav-link.active {
    color: var(--tg-theme-accent-text-color) !important;
    background-color: var(--tg-theme-bg-color) !important;
}

.btn-tag {
  --bs-btn-color: var(--tg-theme-text-color);
  --bs-btn-bg: var(--tg-theme-secondary-bg-color);
  --bs-btn-border-color: var(--tg-theme-text-color);
  --bs-btn-hover-color: var(--tg-theme-text-color);
  --bs-btn-hover-bg: var(--tg-theme-secondary-bg-color);
  --bs-btn-hover-border-color: var(--tg-theme-hint-color);
  --bs-btn-focus-shadow-rgb: var(--tg-theme-accent-text-color);
  --bs-btn-active-color: var(--tg-theme-text-color);
  --bs-btn-active-bg: var(--tg-theme-secondary-bg-color);
  --bs-btn-active-border-color: var(--tg-theme-accent-text-color);
}

#myBtn {
  display: none; /* Escondido por padrão */
  position: fixed; /* Fixo/sticky position */
  bottom: 20px; /* Coloca o botão na parte inferior da página */
  right: 30px; /* Coloca o botão à esquerda da página */
  z-index: 99; /* Certifique-se de que ele não esteja escondido */
  cursor: pointer; /* Adiciona um efeito de ponteiro no hover */
}