/* Estado normal - sobreescribir el fondo por defecto de Bootstrap */

#AcordeonEmpresas .accordion-button {
  background-color: #ffd0dd;
  color: #df2166;
  box-shadow: none;
}

/* Hover */

#AcordeonEmpresas .accordion-button:hover {
  background-color: #feadcb !important;
  color: #df2166;
}

/* Estado activo (panel abierto) */

#AcordeonEmpresas .accordion-button:not(.collapsed) {
  background-color: #feadcb !important;
  color: #df2166;
  box-shadow: none;
}

/* Eliminar focus ring en todos los estados */

#AcordeonEmpresas .accordion-button:focus, #AcordeonEmpresas .accordion-button:focus-visible {
  box-shadow: none;
  outline: none;
}

/* Ajustar el �cono de flecha para que combine con el color del texto */

#AcordeonEmpresas .accordion-button::after {
  filter: invert(60%) sepia(80%) saturate(500%) hue-rotate(5deg) brightness(95%);
}

#AcordeonEmpresas .accordion-button:not(.collapsed)::after {
  filter: invert(60%) sepia(80%) saturate(500%) hue-rotate(5deg) brightness(95%);
}