/* Agrandar logos en el checkout */
.payment-options .payment-option img {
    max-height: 50px !important; /* Ajusta este valor según prefieras */
    width: auto !important;
    margin-left: 10px;
}

/* Darle un poco de aire a cada opción para que no se vean pegadas */
.payment-options .payment-option {
    margin-bottom: 15px;
    background: #f9f9f9; /* Un fondo sutil ayuda a separar los métodos */
    padding: 10px;
    border-radius: 5px;
}

/* 1. Atacar el contenedor específico de la lista de pagos */
#checkout-payment-step .payment-options .payment-option img {
    width: 180px !important; /* El ancho que desees */
    max-width: 180px !important;
    height: auto !important;
    max-height: none !important; /* ELIMINA el límite de altura de PrestaShop */
    object-fit: contain !important;
}

/* 2. Específico para Mercado Pago si el anterior afecta a otros logos */
#checkout-payment-step .payment-option img[src*="mercadopago"] {
    width: 180px !important;
    max-height: none !important;
}

/* 3. Ajustar el texto de al lado para que no quede mal alineado */
.payment-option label {
    display: flex !important;
    align-items: center !important;
    gap: 15px;
}