/** **************************************************
* Este software pertenece a Logo Texo SAS.          *
* Hace parte del software LT js                     *
* Prohibida su reproduccion total o parcial         *
* Copyright 2017-2026 Logo Texo SAS.                *
****************************************************/

.pestanas {
  width: 100%;
  margin: 12px 0;
  border: 1px solid var(--borde-principal);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--fondo-panel);
  color: var(--texto-principal);
}

.boton-pestana-container {
  background-color: var(--fondo-secundario);
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--borde-principal);
}

.boton-pestana {
  padding: 10px 15px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1em;
  outline: none;
  border-right: 1px solid var(--borde-principal);
  color: var(--texto-secundario);
}

.boton-pestana:last-child {
  border-right: none;
}

.boton-pestana:hover {
  background-color: var(--fondo-hover);
  color: var(--texto-principal);
}

.boton-pestana.active {
  border-bottom: 2px solid var(--color-primario);
  font-weight: bold;
  color: var(--texto-principal);
  background-color: var(--fondo-panel);
}

.pestanas-contenido {
  padding: 15px;
  background-color: var(--fondo-panel);
  color: var(--texto-principal);
}

.pestana-contenido {
  display: none;
}

.pestana-contenido.active {
  display: block;
}

body.modo-oscuro .boton-pestana {
  color: var(--texto-secundario);
}

body.modo-oscuro .boton-pestana:hover {
  background-color: rgba(73, 114, 219, 0.16);
  color: #ffffff;
}

body.modo-oscuro .boton-pestana.active {
  background-color: rgba(73, 114, 219, 0.22);
  color: #ffffff;
  border-bottom: 2px solid #4972db;
}