.react-tabs {
  -webkit-tap-highlight-color: transparent;
}

.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0;
}

.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: #aaa;
  color: black;
  border-radius: 5px 5px 0 0;
}

.react-tabs__tab--disabled {
  color: GrayText;
  cursor: default;
}

.react-tabs__tab:focus {
  outline: none;
}

.react-tabs__tab:focus:after {
  content: '';
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
  background: #fff;
}

.react-tabs__tab-panel {
  display: none;
}

.react-tabs__tab-panel--selected {
  display: block;
}

.react-tabs__tab {
  border: solid 1px #E8ECED;
  padding: 18px 16px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  border-radius: 8px;
  color: #0C233A;
  transition: border-color 0.3s ease;
}

.react-tabs__tab:hover{
  border: solid 1px #0C233A;
}

.react-tabs__tab--selected {
  background: #0C233A;
  border: solid 1px #0C233A;
  border-radius: 8px;
  color: white;
  box-sizing: border-box;
  padding: 18px 16px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}

.react-tabs__tab:not(:last-child) {
  margin-right: 14px;
}

.react-tabs__tab-list {
  border-bottom: none;
  margin: 0 0 48px;
}


/*Fade*/
.fade-tab {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  
  .fade-tab.active {
    opacity: 1;
  }
  
  .react-tabs__tab-panel {
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
  }
  
  .fade-tab.react-tabs__tab-panel--selected{
    opacity: 1;
  }

  /*Responsivo*/
  @media only screen and (max-width: 1201px){
    .react-tabs__tab, .react-tabs__tab--selected{
      font-size: 0.75rem;
    }
    .react-tabs__tab-list{
      display: flex;
      justify-content: center;
    }
  }

  @media only screen and (max-width: 640px){
    .react-tabs__tab{
      text-align: center;
    }
    .react-tabs__tab-list{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 1rem;
        gap: 1rem;
    }
    .react-tabs__tab, .react-tabs__tab--selected{
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .react-tabs__tab:not(:last-child){
      margin: 0;
    }
}

/*# sourceMappingURL=29793844dc38587c.css.map*/