.payment-option {
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.payment-option:hover {
    transform: scale(1.05);
}

.payment-option img {
    max-width: 120px;
    height: auto;
}


/* Asegúrate de que el modal ocupe todo el espacio */
.modal-dialog.modal-fullscreen {
    margin: 0; /* Eliminar márgenes automáticos */
    max-width: 100%; /* Asegura que el modal ocupe todo el ancho */
    max-height: 100%; /* Asegura que el modal ocupe toda la altura */
    display: flex;
    align-items: stretch; /* Hace que el modal se estire en todo el espacio disponible */
}

/* Hacer que el contenido del modal ocupe el 100% de la altura */
.modal-content {
    height: 100%; /* Asegura que el contenido ocupe toda la altura */
    display: flex;
    flex-direction: column; /* Acomoda el contenido de manera vertical */
}

/* Hacer que el cuerpo del modal ocupe el espacio restante */
.modal-body {
    flex: 1; /* Toma el espacio restante disponible */
    overflow-y: auto; /* Permite desplazamiento si el contenido es demasiado grande */
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00988a;
    --bs-btn-border-color: #00988a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00988a;
    --bs-btn-hover-border-color: #00988a;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00988a;
    --bs-btn-active-border-color: #00988a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00988a;
    --bs-btn-disabled-border-color: #00988a;
}