#infoPago .total>div{width: 100%;}
#infoPago .total{border-top: solid 1px #dddddd; margin-top: 14px;}
#infoPago .total div div{line-height: 30px; text-transform: uppercase;}
#infoPago .total .monto{background-color: #f6f6f7; padding-left: 7px; font-family: caviar_dreamsbold;}
#infoPago .total .etiqueta{padding-right: 15px; width: 10px;}

#infoPago span.titulo{display: block; text-align: center; margin-bottom: 30px; text-transform: uppercase;}
#infoPago .productos .txt div span{font-family: caviar_dreamsbold; padding-right: 5px;}
#detalle{position: relative;}

.VisaMuestra{width: 130px; height: 45px; cursor: pointer; background: url(../img/visa.png) no-repeat; }

@media screen and (min-width:1000px){    
    .productos .img>div, .productos .img{width: 73px; height: 73px;}
    #infoPago{display: table; margin: 70px auto 0px auto;}
    #detalle, #metodos{display: table-cell; }
    #metodos>div{ width: 594px; overflow: hidden; margin-left: 25px; position: relative; }
    #infoPago .productos>div{display: table; width: 100%;}
    #infoPago .productos>div>div{display: table-cell; vertical-align: top;}
    #infoPago .productos .txt{padding-left: 10px; }    
    #infoPago .productos{width: 320px;}
    #infoPago .productos>div + div{margin-top: 14px; padding-top: 14px; border-top: solid 1px #dddddd;}    
    #infoPago>div{vertical-align: top;}    
} 

.der{right: 0px;}

@media screen and (max-width:899px){
    .VisaMuestra{margin: 15px auto 0px auto;}    
}


@media screen and (max-width:999px){    
    #detalle .izq, #detalle .der{margin-top: 107px;}    
    .productos .img>div, .productos .img{width: 150px; height: 150px;}
    #infoPago .productos{display: table; margin: auto;}
    #infoPago .productos>div{float: left;}
    #infoPago .productos>div + div{ border-left: solid 1px; border-right-color: currentcolor; border-color: #FFF; }
    .productos .txt>span{display: block; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; width: 140px; padding-left: 5px; }
    .productos .subtotal{display: none;}
    .productos .txt>div{padding-left: 5px;}
    #metodos, #detalle{width: 100%; overflow: hidden;}    
    #metodos{margin-top: 50px;}
}

#metodos .elegir{display: table; margin: auto;}
#metodos .elemento{float: left;}
#metodos .elegir>.elemento + .elemento{padding-left: 12px;}

#metodos .elemento>div{
    width: 188px; border:solid 1px #cccccc; border-radius: 10px;     
}

#metodos .botones{height: 120px; width: 100%;}
#metodos .botones>div{ vertical-align: middle; }
.efectivo .botones>div>div, .culqi .botones>div>div{ background-color: var(--colorCorporativo1); }
.paypal .botones>div>div{overflow: hidden;}
#PayPalBtn{ margin-top: -3px; margin-left: -7px; }
#metodos .botones>div>div{ width: 132px; margin: auto; height: 39px; border-radius: 6px; cursor: pointer; }
#metodos .botones>div>div *{color: #FFF; text-align: center; line-height: 39px; }
#metodos .descripcion{background-color: #f7f6f7; height: 205px; width: 100%;}
#metodos .descripcion>div{vertical-align: middle; padding: 0px 15px; text-align: center;}
#metodos .elemento .logo{height: 85px; width: 100%;}
#metodos .elemento .logo img{max-width: 100px; max-height: 43px; margin: auto;}
#metodos .elemento .logo>div{vertical-align: middle;}
#metodos .botones>div>span{ color: var(--colorCorporativo2); display: block; text-align: center; margin-bottom: 13px; font-family: caviar_dreamsbold; }

#metodos .izq, #metodos .der{margin-top: 191px;}

.pagoqr .logo{width: 100px; display: block; margin: 20px auto;}
.pagoqr #qrInfo{width: 270px; height: 270px; display: block; margin: auto;}
.pagoqr .boton{margin: auto;}

.logoMetodos .metodo{width: 55px; height: 35px; border-radius: 3px; background: rgb(242,242,242); }
.logoMetodos .metodo img{display: block; max-width: 49px; margin: auto; max-height: 30px; }
.logoMetodos div + div .metodo{ margin-left: 5px; }
.logoMetodos{margin: auto;}
.logoMetodos{margin-bottom: 5px;}

.separadorLogo{border-top: solid 1px rgba(0,0,0,0.2); margin: 20px 0px; }

@media screen and (min-width:430px){  
    footer .logoMetodos{float: left;}
    footer .logos{max-width: 430px;}
}

#metodos .integracion{background: #F00; color: #FFF; border-radius: 5px; padding: 3px 0px; display: block; text-align: center; }