@import url(main.css);

/*Lógica para Botões do tipo Tab*/
.tablinks{
  background-color: var(--colBgB);
  color: var(--colTxt);
}

.tab button:hover, .tab button.active {
    background-color: var(--colBgA);
}

.tabcontent {
  display: none;
  padding: 1em;
  justify-content: center;
  align-items: center;
}

.tabcontent.active {
    display: block;
    background-color: inherit;
    justify-content: center;
    align-items: center;
}


/*Lógica para Botões tipo Accordion*/
.accordion {
    background-color: var(--colBgB);
    color: var(--colTxt);
    cursor: pointer;
    width: inherit
}

.active, .accordion:hover {
  background-color: var(--colBgA);
}

.panel {
  display: none;
  overflow: hidden;
}