.text-purple {
  color: #4b3fbf;
}
/* Oculta la línea de tabs predeterminada */
.nav-tabs {
  border-bottom: none;
  display: flex;
  gap: 10px;
}
/* Estilo individual de cada tab como una card */
.nav-tabs .nav-link {
  background: #fff;
  padding: 0px;
}
/* Efecto hover para que parezca una card con elevación */
.nav-tabs .nav-link:hover {
  background: none;
  border: 0px;
}
/* Card activa */
.nav-tabs .nav-link.active {
  background-color: none !important;
  border-color: none !important;
  border: 0px;
}
/* Contenido de los tabs como una card */
.tab-content {
  margin-bottom: 30px;
  border: 1px solid #2c88c4;
  margin-top: -1px;
	border-radius: 0px 15px 15px 15px;
}
 .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    border: 0px;
	      background: #f0f9fd;
    border-radius: 0px 15px 15px 15px;
  }
@media (max-width: 776px) {
  .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    border: 0px;
	      background: #f0f9fd;
    border-radius: 0px 15px 15px 15px;
  }
	.tab-content { 
  border: 0px solid #2c88c4;
}
	
  @media (min-width: 992px) {
    /* Mantiene el borde superior en tabs inactivos */
    .tab-pane.accordion-item {
      border: 0px solid #dee2e6;
      border-radius: 10px;
      background: #fff;
    }
    .tab-content {
      border-radius: 0px 0px 15px 15px !important;
    }
    /* Asegura que el borde superior sea visible siempre */
    .tab-pane.accordion-item:not(.show) {
      border-top: 0px solid #dee2e6;
    }
  }
  /* Acordeon */
  .accordion-button:not(.collapsed) {
    color: #fff;
    /*background-color: #4b3fbf;*/
  }
  .accordion-button {
    background-color: none;
    color: black;
    padding: 0px;
    border: 0px;
  }
  /* Mantiene la flecha original de Bootstrap pero cambia su color */
  .accordion-button::after {
    filter: brightness(0);
    /* Flecha negra por defecto */
  }
  /* Flecha blanca cuando el acordeón está activo */
  .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
    /* Invierte el color de negro a blanco */
  }
  .accordion-button:focus {
    box-shadow: none !important;
  }