/* Estilos base y variables */
.adev-tabs {
  --adev-tab-gap: 8px;
}

.adev-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--adev-tab-gap);
  align-items: center;
  margin-bottom: 12px;
}

.adev-tabs--vertical .adev-tabs__nav {
  flex-direction: column;
  align-items: stretch;
}

.adev-tabs__nav .adev-tab {
  cursor: pointer;
  border: none;
  background: transparent;
  color: var(--adev-title-color, inherit);
  transition: all 0.18s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  outline: none;
}

.adev-tabs__nav .adev-tab.is-active {
  border-bottom: 1px solid var(--adev-primary-color, #4d4d4d);
}

.adev-tabs__nav .adev-tab img {
  display: block;
  height: auto;
}

.adev-tabs__panels {
  width: 100%;
}

.adev-tabs__content {
  display: none;
}

.adev-tabs__content.is-active {
  display: block;
}

/* Accesibilidad foco */
.adev-tabs__nav .adev-tab:focus {
  outline: 2px solid #6aa9ff;
  outline-offset: 2px;
}