/* Estilos personalizados para el botón de cerrar */
.modal-header .close {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    font-size: 1.5rem;
    line-height: 1;
    color: #000; /* Color de la "X" */
  }

  .modal-header .close:hover {
    color: #d9534f; /* Color de la "X" al pasar el cursor */
  }

  .modal-header .close span {
    display: flex;
    align-items: center;
    justify-content: center;
  }