.btn-primary.hollow {
    /*background-color: rgba(77, 0, 124, 0.75);*/
    border-color: rgba(77, 0, 124, 0.75);
    border-radius: 50px;
    color: white;
    transition: all 0.3s ease;
}

.btn-primary.hollow:hover,
.btn-primary.hollow:focus {
    background-color: darkblue;
    border-color: #fff;
    color: red;
}

/* Azul Bootstrap 3 en el header */
.modal-header.custom-header {
 padding: 1rem;
  background-color: #337ab7; /* Bootstrap 3 "primary" */
  color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* Elimina padding del body */
.modal-body.p-0 {
  padding: 0;
  text-align: center;
}

/* Imagen con límites para que no desborde */
.modal-body img {
  max-width: 100%;
  max-height: 70vh;
  /*height: auto;*/
}

/* Mantener centrado, pero permitir ajuste de ancho */
.modal-dialog.modal-fit {
  max-width: fit-content;         /* Desactiva el límite de Bootstrap */
  width: auto !important;  /* Se ajusta a la imagen */
  margin: 30px auto;       /* Centrado horizontal */
  display: block;          /* Mantiene el flujo de Bootstrap */
}


.img-tab {
    max-width: 100%;
    max-height: 400px;
    display: block;
    margin: 0 auto; /* Centra horizontalmente */
    object-fit: contain; /* Evita distorsión */
}