body {
  background-image: url('../img/fondo.jpg'); /* Cambia esto por la URL de tu imagen */
  background-size: cover; /* Para que la imagen cubra todo el fondo */
  background-repeat: no-repeat; /* Para que no se repita la imagen */
  background-position: center; /* Para centrar la imagen */
  margin: 0; /* Elimina el margen por defecto del body */
  height: 100vh; /* Asegura que el fondo ocupe toda la altura visible */
  color: white; /* Para que el texto sea visible sobre la imagen */
  font-family: sans-serif;
}
.modal-header {
    background-color: #004d8e; /* Azul vibrante */
    color: white; /* Para que el texto sea visible */
}
.content-wrapper {
  background-image: url('../img/fondo.jpg'); /* Cambia esto por la URL de tu imagen */
  background-size: cover; /* Para que la imagen cubra todo el fondo */
  background-repeat: no-repeat; /* Para que no se repita la imagen */
  background-position: center; /* Para centrar la imagen */
}
.tabla-centrada{
  text-align: center;
}
@media (max-width: 576px) {
    #pagos .modal-dialog {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width: none !important;
    }
    
    #pagos .modal-content {
        height: 100vh !important;
        border-radius: 0 !important;
    }

    #pagos .modal-body {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}