/* Estilos para las pestañas */
.tab-content {
  transition: opacity 0.3s ease-in-out;
}

/* Estilos para los botones de pestañas */
[data-tabs-target="tab"] {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

[data-tabs-target="tab"]:hover:not(.border-indigo-500) {
  border-color: #d1d5db;
  color: #374151;
}

/* Responsive para las pestañas */
@media (max-width: 768px) {
  .tabs-nav {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  
  .tabs-nav::-webkit-scrollbar {
    display: none;
  }
  
  [data-tabs-target="tab"] {
    white-space: nowrap;
    min-width: max-content;
  }
}