.webp .spr {
	background-image: url('../img/sprites.webp');
}
.no-webp .spr, .spr {
	background-image: url('../img/sprites.png');
}
.spr, .spr-after:after, .spr-before:before {
	background-repeat: no-repeat;
	background-size: 803px 758px;
	display: inline-block;
}

.spr-after:after, .spr-before:before {
	top: 0;
	margin: 0;
	padding: 0;
	content: "";
	display: inline-block;
	position: relative;
}

.spr-after:after {
	right: 0;
}

.spr-before:before {
	left: 0;
}.c-mercadopago, .c-mercadopago-after:after, .c-mercadopago-before:before, .c-mercadopago:active, .c-mercadopago:focus, .c-mercadopago:hover { background-position: 0 0; width: 182.33333333333px; height: 42.333333333333px; }.c-btn-kiosko, .c-btn-kiosko-after:after, .c-btn-kiosko-before:before, .c-btn-kiosko:active, .c-btn-kiosko:focus, .c-btn-kiosko:hover { background-position: 0 -43px; width: 116px; height: 64px; }.c-btn-prendamex, .c-btn-prendamex-after:after, .c-btn-prendamex-before:before, .c-btn-prendamex:active, .c-btn-prendamex:focus, .c-btn-prendamex:hover { background-position: 0 -107.66666666667px; width: 116px; height: 64px; }.c-btn-santander, .c-btn-santander-after:after, .c-btn-santander-before:before, .c-btn-santander:active, .c-btn-santander:focus, .c-btn-santander:hover { background-position: 0 -172.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-7eleven, .c-btn-7eleven-after:after, .c-btn-7eleven-before:before, .c-btn-7eleven:active, .c-btn-7eleven:focus, .c-btn-7eleven:hover { background-position: -183px 0; width: 115.66666666667px; height: 64px; }.c-btn-extra, .c-btn-extra-after:after, .c-btn-extra-before:before, .c-btn-extra:active, .c-btn-extra:focus, .c-btn-extra:hover { background-position: -183px -64.666666666667px; width: 115.66666666667px; height: 64px; }.c-btn-banorte, .c-btn-banorte-after:after, .c-btn-banorte-before:before, .c-btn-banorte:active, .c-btn-banorte:focus, .c-btn-banorte:hover { background-position: -183px -129.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-coppel, .c-btn-coppel-after:after, .c-btn-coppel-before:before, .c-btn-coppel:active, .c-btn-coppel:focus, .c-btn-coppel:hover { background-position: 0 -237px; width: 115.66666666667px; height: 64px; }.c-btn-telecomm, .c-btn-telecomm-after:after, .c-btn-telecomm-before:before, .c-btn-telecomm:active, .c-btn-telecomm:focus, .c-btn-telecomm:hover { background-position: -116.33333333333px -237px; width: 115.66666666667px; height: 64px; }.c-btn-waldos, .c-btn-waldos-after:after, .c-btn-waldos-before:before, .c-btn-waldos:active, .c-btn-waldos:focus, .c-btn-waldos:hover { background-position: -299.33333333333px 0; width: 115.66666666667px; height: 64px; }.c-btn-amex, .c-btn-amex-after:after, .c-btn-amex-before:before, .c-btn-amex:active, .c-btn-amex:focus, .c-btn-amex:hover { background-position: -299.33333333333px -64.666666666667px; width: 115.66666666667px; height: 64px; }.c-btn-chedraui, .c-btn-chedraui-after:after, .c-btn-chedraui-before:before, .c-btn-chedraui:active, .c-btn-chedraui:focus, .c-btn-chedraui:hover { background-position: -299.33333333333px -129.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-carnet, .c-btn-carnet-after:after, .c-btn-carnet-before:before, .c-btn-carnet:active, .c-btn-carnet:focus, .c-btn-carnet:hover { background-position: -299.33333333333px -194px; width: 115.66666666667px; height: 64px; }.c-btn-bbva, .c-btn-bbva-after:after, .c-btn-bbva-before:before, .c-btn-bbva:active, .c-btn-bbva:focus, .c-btn-bbva:hover { background-position: 0 -301.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-inbursa, .c-btn-inbursa-after:after, .c-btn-inbursa-before:before, .c-btn-inbursa:active, .c-btn-inbursa:focus, .c-btn-inbursa:hover { background-position: -116.33333333333px -301.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-oxxo, .c-btn-oxxo-after:after, .c-btn-oxxo-before:before, .c-btn-oxxo:active, .c-btn-oxxo:focus, .c-btn-oxxo:hover { background-position: -232.66666666667px -301.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-hsbc, .c-btn-hsbc-after:after, .c-btn-hsbc-before:before, .c-btn-hsbc:active, .c-btn-hsbc:focus, .c-btn-hsbc:hover { background-position: 0 -366.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-visa, .c-btn-visa-after:after, .c-btn-visa-before:before, .c-btn-visa:active, .c-btn-visa:focus, .c-btn-visa:hover { background-position: -116.33333333333px -366.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-esquivar, .c-btn-esquivar-after:after, .c-btn-esquivar-before:before, .c-btn-esquivar:active, .c-btn-esquivar:focus, .c-btn-esquivar:hover { background-position: -232.66666666667px -366.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-mastercard, .c-btn-mastercard-after:after, .c-btn-mastercard-before:before, .c-btn-mastercard:active, .c-btn-mastercard:focus, .c-btn-mastercard:hover { background-position: -415.66666666667px 0; width: 115.66666666667px; height: 64px; }.c-btn-banamex, .c-btn-banamex-after:after, .c-btn-banamex-before:before, .c-btn-banamex:active, .c-btn-banamex:focus, .c-btn-banamex:hover { background-position: -415.66666666667px -64.666666666667px; width: 115.66666666667px; height: 64px; }.c-btn-f-benavides, .c-btn-f-benavides-after:after, .c-btn-f-benavides-before:before, .c-btn-f-benavides:active, .c-btn-f-benavides:focus, .c-btn-f-benavides:hover { background-position: -415.66666666667px -129.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-elektra, .c-btn-elektra-after:after, .c-btn-elektra-before:before, .c-btn-elektra:active, .c-btn-elektra:focus, .c-btn-elektra:hover { background-position: -415.66666666667px -194px; width: 115.66666666667px; height: 64px; }.c-compra-segura, .c-compra-segura-after:after, .c-compra-segura-before:before, .c-compra-segura:active, .c-compra-segura:focus, .c-compra-segura:hover { background-position: -415.66666666667px -258.66666666667px; width: 85.333333333333px; height: 85.333333333333px; }.c-carousel-cat3-8, .c-carousel-cat3-8-after:after, .c-carousel-cat3-8-before:before, .c-carousel-cat3-8:active, .c-carousel-cat3-8:focus, .c-carousel-cat3-8:hover { background-position: -415.66666666667px -344.66666666667px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat1-1, .c-carousel-cat1-1-after:after, .c-carousel-cat1-1-before:before, .c-carousel-cat1-1:active, .c-carousel-cat1-1:focus, .c-carousel-cat1-1:hover { background-position: 0 -431px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat1-4, .c-carousel-cat1-4-after:after, .c-carousel-cat1-4-before:before, .c-carousel-cat1-4:active, .c-carousel-cat1-4:focus, .c-carousel-cat1-4:hover { background-position: -84px -431px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat2-1, .c-carousel-cat2-1-after:after, .c-carousel-cat2-1-before:before, .c-carousel-cat2-1:active, .c-carousel-cat2-1:focus, .c-carousel-cat2-1:hover { background-position: -168px -431px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat3-6, .c-carousel-cat3-6-after:after, .c-carousel-cat3-6-before:before, .c-carousel-cat3-6:active, .c-carousel-cat3-6:focus, .c-carousel-cat3-6:hover { background-position: -252px -431px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat2-2, .c-carousel-cat2-2-after:after, .c-carousel-cat2-2-before:before, .c-carousel-cat2-2:active, .c-carousel-cat2-2:focus, .c-carousel-cat2-2:hover { background-position: -336px -431px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat2-3, .c-carousel-cat2-3-after:after, .c-carousel-cat2-3-before:before, .c-carousel-cat2-3:active, .c-carousel-cat2-3:focus, .c-carousel-cat2-3:hover { background-position: -420px -431px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat2-4, .c-carousel-cat2-4-after:after, .c-carousel-cat2-4-before:before, .c-carousel-cat2-4:active, .c-carousel-cat2-4:focus, .c-carousel-cat2-4:hover { background-position: 0 -515px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat2-5, .c-carousel-cat2-5-after:after, .c-carousel-cat2-5-before:before, .c-carousel-cat2-5:active, .c-carousel-cat2-5:focus, .c-carousel-cat2-5:hover { background-position: -84px -515px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat2-6, .c-carousel-cat2-6-after:after, .c-carousel-cat2-6-before:before, .c-carousel-cat2-6:active, .c-carousel-cat2-6:focus, .c-carousel-cat2-6:hover { background-position: -168px -515px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat2-8, .c-carousel-cat2-8-after:after, .c-carousel-cat2-8-before:before, .c-carousel-cat2-8:active, .c-carousel-cat2-8:focus, .c-carousel-cat2-8:hover { background-position: -252px -515px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat3-3, .c-carousel-cat3-3-after:after, .c-carousel-cat3-3-before:before, .c-carousel-cat3-3:active, .c-carousel-cat3-3:focus, .c-carousel-cat3-3:hover { background-position: -336px -515px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat3-4, .c-carousel-cat3-4-after:after, .c-carousel-cat3-4-before:before, .c-carousel-cat3-4:active, .c-carousel-cat3-4:focus, .c-carousel-cat3-4:hover { background-position: -420px -515px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat3-9, .c-carousel-cat3-9-after:after, .c-carousel-cat3-9-before:before, .c-carousel-cat3-9:active, .c-carousel-cat3-9:focus, .c-carousel-cat3-9:hover { background-position: -532px 0; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat3-2, .c-carousel-cat3-2-after:after, .c-carousel-cat3-2-before:before, .c-carousel-cat3-2:active, .c-carousel-cat3-2:focus, .c-carousel-cat3-2:hover { background-position: -532px -84px; width: 83.333333333333px; height: 83.333333333333px; }.c-carouselcat1-1, .c-carouselcat1-1-after:after, .c-carouselcat1-1-before:before, .c-carouselcat1-1:active, .c-carouselcat1-1:focus, .c-carouselcat1-1:hover { background-position: -532px -168px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat1-2, .c-carousel-cat1-2-after:after, .c-carousel-cat1-2-before:before, .c-carousel-cat1-2:active, .c-carousel-cat1-2:focus, .c-carousel-cat1-2:hover { background-position: -532px -252px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat1-3, .c-carousel-cat1-3-after:after, .c-carousel-cat1-3-before:before, .c-carousel-cat1-3:active, .c-carousel-cat1-3:focus, .c-carousel-cat1-3:hover { background-position: -532px -336px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat1-5, .c-carousel-cat1-5-after:after, .c-carousel-cat1-5-before:before, .c-carousel-cat1-5:active, .c-carousel-cat1-5:focus, .c-carousel-cat1-5:hover { background-position: -532px -420px; width: 83.333333333333px; height: 83.333333333333px; }.c-carousel-cat3-10, .c-carousel-cat3-10-after:after, .c-carousel-cat3-10-before:before, .c-carousel-cat3-10:active, .c-carousel-cat3-10:focus, .c-carousel-cat3-10:hover { background-position: -532px -504px; width: 83.333333333333px; height: 83px; }.c-carousel-cat3-7, .c-carousel-cat3-7-after:after, .c-carousel-cat3-7-before:before, .c-carousel-cat3-7:active, .c-carousel-cat3-7:focus, .c-carousel-cat3-7:hover { background-position: 0 -599px; width: 83.333333333333px; height: 83px; }.c-carousel-cat3-5, .c-carousel-cat3-5-after:after, .c-carousel-cat3-5-before:before, .c-carousel-cat3-5:active, .c-carousel-cat3-5:focus, .c-carousel-cat3-5:hover { background-position: -84px -599px; width: 83.333333333333px; height: 83px; }.c-carousel-cat3-1, .c-carousel-cat3-1-after:after, .c-carousel-cat3-1-before:before, .c-carousel-cat3-1:active, .c-carousel-cat3-1:focus, .c-carousel-cat3-1:hover { background-position: -168px -599px; width: 83.333333333333px; height: 83px; }.c-carousel-cat2-7, .c-carousel-cat2-7-after:after, .c-carousel-cat2-7-before:before, .c-carousel-cat2-7:active, .c-carousel-cat2-7:focus, .c-carousel-cat2-7:hover { background-position: -252px -599px; width: 83.333333333333px; height: 83px; }.c-label-amex, .c-label-amex-after:after, .c-label-amex-before:before, .c-label-amex:active, .c-label-amex:focus, .c-label-amex:hover { background-position: -336px -599px; width: 120px; height: 53.333333333333px; }.c-tc-seal-white, .c-tc-seal-white-after:after, .c-tc-seal-white-before:before, .c-tc-seal-white:active, .c-tc-seal-white:focus, .c-tc-seal-white:hover { background-position: -456.66666666667px -599px; width: 105px; height: 52.666666666667px; }.c-btn-banorte-sm, .c-btn-banorte-sm-after:after, .c-btn-banorte-sm-before:before, .c-btn-banorte-sm:active, .c-btn-banorte-sm:focus, .c-btn-banorte-sm:hover { background-position: -616px 0; width: 136.66666666667px; height: 40px; }.c-feenicia-header, .c-feenicia-header-after:after, .c-feenicia-header-before:before, .c-feenicia-header:active, .c-feenicia-header:focus, .c-feenicia-header:hover { background-position: -616px -40.666666666667px; width: 100px; height: 50px; }.c-btn-banamex-sm, .c-btn-banamex-sm-after:after, .c-btn-banamex-sm-before:before, .c-btn-banamex-sm:active, .c-btn-banamex-sm:focus, .c-btn-banamex-sm:hover { background-position: -183px -194px; width: 115px; height: 40px; }.c-btn-santander-sm, .c-btn-santander-sm-after:after, .c-btn-santander-sm-before:before, .c-btn-santander-sm:active, .c-btn-santander-sm:focus, .c-btn-santander-sm:hover { background-position: -299.33333333333px -258.66666666667px; width: 114px; height: 40px; }.c-cmmi-logo, .c-cmmi-logo-after:after, .c-cmmi-logo-before:before, .c-cmmi-logo:active, .c-cmmi-logo:focus, .c-cmmi-logo:hover { background-position: 0 -682.66666666667px; width: 150px; height: 30px; }.c-pci, .c-pci-after:after, .c-pci-before:before, .c-pci:active, .c-pci:focus, .c-pci:hover { background-position: -616px -91.333333333333px; width: 78.666666666667px; height: 53.666666666667px; }.c-label-evo, .c-label-evo-after:after, .c-label-evo-before:before, .c-label-evo:active, .c-label-evo:focus, .c-label-evo:hover { background-position: -616px -145.66666666667px; width: 120px; height: 35px; }.c-label-paypal, .c-label-paypal-after:after, .c-label-paypal-before:before, .c-label-paypal:active, .c-label-paypal:focus, .c-label-paypal:hover { background-position: -616px -181.33333333333px; width: 120px; height: 34px; }.c-btn-cuallet-sm, .c-btn-cuallet-sm-after:after, .c-btn-cuallet-sm-before:before, .c-btn-cuallet-sm:active, .c-btn-cuallet-sm:focus, .c-btn-cuallet-sm:hover { background-position: -616px -216px; width: 100.66666666667px; height: 40px; }.c-label-mercadopago, .c-label-mercadopago-after:after, .c-label-mercadopago-before:before, .c-label-mercadopago:active, .c-label-mercadopago:focus, .c-label-mercadopago:hover { background-position: -616px -256.66666666667px; width: 120px; height: 31.333333333333px; }.c-label-openpay, .c-label-openpay-after:after, .c-label-openpay-before:before, .c-label-openpay:active, .c-label-openpay:focus, .c-label-openpay:hover { background-position: -336px -653px; width: 120px; height: 29px; }.c-btn-hsbc-sm, .c-btn-hsbc-sm-after:after, .c-btn-hsbc-sm-before:before, .c-btn-hsbc-sm:active, .c-btn-hsbc-sm:focus, .c-btn-hsbc-sm:hover { background-position: -616px -288.66666666667px; width: 86px; height: 40px; }.c-icon-pdc-3, .c-icon-pdc-3-after:after, .c-icon-pdc-3-before:before, .c-icon-pdc-3:active, .c-icon-pdc-3:focus, .c-icon-pdc-3:hover { background-position: -616px -329.33333333333px; width: 76px; height: 45px; }.c-icon-pdc-2, .c-icon-pdc-2-after:after, .c-icon-pdc-2-before:before, .c-icon-pdc-2:active, .c-icon-pdc-2:focus, .c-icon-pdc-2:hover { background-position: -616px -375px; width: 76px; height: 45px; }.c-icon-pdc-1, .c-icon-pdc-1-after:after, .c-icon-pdc-1-before:before, .c-icon-pdc-1:active, .c-icon-pdc-1:focus, .c-icon-pdc-1:hover { background-position: -616px -420.66666666667px; width: 76px; height: 45px; }.c-icon-pdc-4, .c-icon-pdc-4-after:after, .c-icon-pdc-4-before:before, .c-icon-pdc-4:active, .c-icon-pdc-4:focus, .c-icon-pdc-4:hover { background-position: -616px -466.33333333333px; width: 76px; height: 45px; }.c-icon-pdc-5, .c-icon-pdc-5-after:after, .c-icon-pdc-5-before:before, .c-icon-pdc-5:active, .c-icon-pdc-5:focus, .c-icon-pdc-5:hover { background-position: -616px -512px; width: 76px; height: 45px; }.c-icon-pdc-6, .c-icon-pdc-6-after:after, .c-icon-pdc-6-before:before, .c-icon-pdc-6:active, .c-icon-pdc-6:focus, .c-icon-pdc-6:hover { background-position: -616px -557.66666666667px; width: 76px; height: 45px; }.c-icon-pdc-7, .c-icon-pdc-7-after:after, .c-icon-pdc-7-before:before, .c-icon-pdc-7:active, .c-icon-pdc-7:focus, .c-icon-pdc-7:hover { background-position: -616px -603.33333333333px; width: 76px; height: 45px; }.c-icon-pdc-8, .c-icon-pdc-8-after:after, .c-icon-pdc-8-before:before, .c-icon-pdc-8:active, .c-icon-pdc-8:focus, .c-icon-pdc-8:hover { background-position: 0 -713.33333333333px; width: 76px; height: 45px; }.c-label-netpay, .c-label-netpay-after:after, .c-label-netpay-before:before, .c-label-netpay:active, .c-label-netpay:focus, .c-label-netpay:hover { background-position: -456.66666666667px -653px; width: 106.66666666667px; height: 26.333333333333px; }.c-btn-amex-sm, .c-btn-amex-sm-after:after, .c-btn-amex-sm-before:before, .c-btn-amex-sm:active, .c-btn-amex-sm:focus, .c-btn-amex-sm:hover { background-position: -76.666666666667px -713.33333333333px; width: 69px; height: 40px; }.c-label-firstdata, .c-label-firstdata-after:after, .c-label-firstdata-before:before, .c-label-firstdata:active, .c-label-firstdata:focus, .c-label-firstdata:hover { background-position: -150.66666666667px -682.66666666667px; width: 120px; height: 22px; }.c-btn-paypal-sm, .c-btn-paypal-sm-after:after, .c-btn-paypal-sm-before:before, .c-btn-paypal-sm:active, .c-btn-paypal-sm:focus, .c-btn-paypal-sm:hover { background-position: -116.33333333333px -172.33333333333px; width: 66px; height: 40px; }.c-icon_gift_01, .c-icon_gift_01-after:after, .c-icon_gift_01-before:before, .c-icon_gift_01:active, .c-icon_gift_01:focus, .c-icon_gift_01:hover { background-position: -116.66666666667px -43px; width: 50px; height: 50px; }.c-icon_gift_02, .c-icon_gift_02-after:after, .c-icon_gift_02-before:before, .c-icon_gift_02:active, .c-icon_gift_02:focus, .c-icon_gift_02:hover { background-position: -116.66666666667px -107.66666666667px; width: 50px; height: 50px; }.c-icon_gift_07, .c-icon_gift_07-after:after, .c-icon_gift_07-before:before, .c-icon_gift_07:active, .c-icon_gift_07:focus, .c-icon_gift_07:hover { background-position: -232.66666666667px -237px; width: 50px; height: 50px; }.c-icon_gift_12, .c-icon_gift_12-after:after, .c-icon_gift_12-before:before, .c-icon_gift_12:active, .c-icon_gift_12:focus, .c-icon_gift_12:hover { background-position: -349px -301.66666666667px; width: 50px; height: 50px; }.c-icon_gift_11, .c-icon_gift_11-after:after, .c-icon_gift_11-before:before, .c-icon_gift_11:active, .c-icon_gift_11:focus, .c-icon_gift_11:hover { background-position: -349px -366.33333333333px; width: 50px; height: 50px; }.c-icon_gift_10, .c-icon_gift_10-after:after, .c-icon_gift_10-before:before, .c-icon_gift_10:active, .c-icon_gift_10:focus, .c-icon_gift_10:hover { background-position: -562.33333333333px -599px; width: 50px; height: 50px; }.c-icon_gift_09, .c-icon_gift_09-after:after, .c-icon_gift_09-before:before, .c-icon_gift_09:active, .c-icon_gift_09:focus, .c-icon_gift_09:hover { background-position: -695.33333333333px -91.333333333333px; width: 50px; height: 50px; }.c-icon_gift_08, .c-icon_gift_08-after:after, .c-icon_gift_08-before:before, .c-icon_gift_08:active, .c-icon_gift_08:focus, .c-icon_gift_08:hover { background-position: -753.33333333333px 0; width: 50px; height: 50px; }.c-icon_gift_06, .c-icon_gift_06-after:after, .c-icon_gift_06-before:before, .c-icon_gift_06:active, .c-icon_gift_06:focus, .c-icon_gift_06:hover { background-position: -753.33333333333px -50.666666666667px; width: 50px; height: 50px; }.c-icon_gift_05, .c-icon_gift_05-after:after, .c-icon_gift_05-before:before, .c-icon_gift_05:active, .c-icon_gift_05:focus, .c-icon_gift_05:hover { background-position: -753.33333333333px -101.33333333333px; width: 50px; height: 50px; }.c-icon_gift_04, .c-icon_gift_04-after:after, .c-icon_gift_04-before:before, .c-icon_gift_04:active, .c-icon_gift_04:focus, .c-icon_gift_04:hover { background-position: -753.33333333333px -152px; width: 50px; height: 50px; }.c-icon_gift_03, .c-icon_gift_03-after:after, .c-icon_gift_03-before:before, .c-icon_gift_03:active, .c-icon_gift_03:focus, .c-icon_gift_03:hover { background-position: -753.33333333333px -202.66666666667px; width: 50px; height: 50px; }.c-btn-bbva-sm, .c-btn-bbva-sm-after:after, .c-btn-bbva-sm-before:before, .c-btn-bbva-sm:active, .c-btn-bbva-sm:focus, .c-btn-bbva-sm:hover { background-position: -146.33333333333px -713.33333333333px; width: 62.333333333333px; height: 40px; }.c-label-citibanamex, .c-label-citibanamex-after:after, .c-label-citibanamex-before:before, .c-label-citibanamex:active, .c-label-citibanamex:focus, .c-label-citibanamex:hover { background-position: -271.33333333333px -682.66666666667px; width: 120px; height: 20px; }.c-label-compropago, .c-label-compropago-after:after, .c-label-compropago-before:before, .c-label-compropago:active, .c-label-compropago:focus, .c-label-compropago:hover { background-position: -392px -682.66666666667px; width: 120px; height: 18.333333333333px; }.c-btn-visa-sm, .c-btn-visa-sm-after:after, .c-btn-visa-sm-before:before, .c-btn-visa-sm:active, .c-btn-visa-sm:focus, .c-btn-visa-sm:hover { background-position: -692.66666666667px -329.33333333333px; width: 55px; height: 40px; }.c-icon-kitchen, .c-icon-kitchen-after:after, .c-icon-kitchen-before:before, .c-icon-kitchen:active, .c-icon-kitchen:focus, .c-icon-kitchen:hover { background-position: -692.66666666667px -375px; width: 45px; height: 45px; }.c-icon-chat, .c-icon-chat-after:after, .c-icon-chat-before:before, .c-icon-chat:active, .c-icon-chat:focus, .c-icon-chat:hover { background-position: -692.66666666667px -420.66666666667px; width: 45px; height: 45px; }.c-btn-carnet-sm, .c-btn-carnet-sm-after:after, .c-btn-carnet-sm-before:before, .c-btn-carnet-sm:active, .c-btn-carnet-sm:focus, .c-btn-carnet-sm:hover { background-position: -702.66666666667px -288.66666666667px; width: 44.333333333333px; height: 40px; }.c-compropago-header, .c-compropago-header-after:after, .c-compropago-header-before:before, .c-compropago-header:active, .c-compropago-header:focus, .c-compropago-header:hover { background-position: -616px -649px; width: 72px; height: 24px; }.c-banamex-header, .c-banamex-header-after:after, .c-banamex-header-before:before, .c-banamex-header:active, .c-banamex-header:focus, .c-banamex-header:hover { background-position: -209.33333333333px -713.33333333333px; width: 72px; height: 24px; }.c-openpay-header, .c-openpay-header-after:after, .c-openpay-header-before:before, .c-openpay-header:active, .c-openpay-header:focus, .c-openpay-header:hover { background-position: -282px -713.33333333333px; width: 72px; height: 24px; }.c-paypal-header, .c-paypal-header-after:after, .c-paypal-header-before:before, .c-paypal-header:active, .c-paypal-header:focus, .c-paypal-header:hover { background-position: -354.66666666667px -713.33333333333px; width: 72px; height: 24px; }.c-btn-mastercard-sm, .c-btn-mastercard-sm-after:after, .c-btn-mastercard-sm-before:before, .c-btn-mastercard-sm:active, .c-btn-mastercard-sm:focus, .c-btn-mastercard-sm:hover { background-position: -692.66666666667px -466.33333333333px; width: 38.333333333333px; height: 40px; }.c-CASA_LEY, .c-CASA_LEY-after:after, .c-CASA_LEY-before:before, .c-CASA_LEY:active, .c-CASA_LEY:focus, .c-CASA_LEY:hover { background-position: -564px -653px; width: 35px; height: 21.666666666667px; }.c-OXXO, .c-OXXO-after:after, .c-OXXO-before:before, .c-OXXO:active, .c-OXXO:focus, .c-OXXO:hover { background-position: -716.66666666667px -40.666666666667px; width: 35px; height: 21.666666666667px; }.c-ELEKTRA, .c-ELEKTRA-after:after, .c-ELEKTRA-before:before, .c-ELEKTRA:active, .c-ELEKTRA:focus, .c-ELEKTRA:hover { background-position: -717.33333333333px -216px; width: 35px; height: 21.666666666667px; }.c-PITICO, .c-PITICO-after:after, .c-PITICO-before:before, .c-PITICO:active, .c-PITICO:focus, .c-PITICO:hover { background-position: -692.66666666667px -512px; width: 35px; height: 21.666666666667px; }.c-SEVEN_ELEVEN, .c-SEVEN_ELEVEN-after:after, .c-SEVEN_ELEVEN-before:before, .c-SEVEN_ELEVEN:active, .c-SEVEN_ELEVEN:focus, .c-SEVEN_ELEVEN:hover { background-position: -692.66666666667px -557.66666666667px; width: 35px; height: 21.666666666667px; }.c-COPPEL, .c-COPPEL-after:after, .c-COPPEL-before:before, .c-COPPEL:active, .c-COPPEL:focus, .c-COPPEL:hover { background-position: -692.66666666667px -603.33333333333px; width: 35px; height: 21.666666666667px; }.c-TELECOMM, .c-TELECOMM-after:after, .c-TELECOMM-before:before, .c-TELECOMM:active, .c-TELECOMM:focus, .c-TELECOMM:hover { background-position: -688.66666666667px -649px; width: 35px; height: 21.666666666667px; }.c-EXTRA, .c-EXTRA-after:after, .c-EXTRA-before:before, .c-EXTRA:active, .c-EXTRA:focus, .c-EXTRA:hover { background-position: -427.33333333333px -713.33333333333px; width: 35px; height: 21.666666666667px; }.c-FARMACIA_ESQUIVAR, .c-FARMACIA_ESQUIVAR-after:after, .c-FARMACIA_ESQUIVAR-before:before, .c-FARMACIA_ESQUIVAR:active, .c-FARMACIA_ESQUIVAR:focus, .c-FARMACIA_ESQUIVAR:hover { background-position: -463px -713.33333333333px; width: 35px; height: 21.666666666667px; }.c-CHEDRAUI, .c-CHEDRAUI-after:after, .c-CHEDRAUI-before:before, .c-CHEDRAUI:active, .c-CHEDRAUI:focus, .c-CHEDRAUI:hover { background-position: -498.66666666667px -713.33333333333px; width: 35px; height: 21.666666666667px; }.c-FARMACIA_ABC, .c-FARMACIA_ABC-after:after, .c-FARMACIA_ABC-before:before, .c-FARMACIA_ABC:active, .c-FARMACIA_ABC:focus, .c-FARMACIA_ABC:hover { background-position: -534.33333333333px -713.33333333333px; width: 35px; height: 21.666666666667px; }.c-FARMACIA_BENAVIDES, .c-FARMACIA_BENAVIDES-after:after, .c-FARMACIA_BENAVIDES-before:before, .c-FARMACIA_BENAVIDES:active, .c-FARMACIA_BENAVIDES:focus, .c-FARMACIA_BENAVIDES:hover { background-position: -570px -713.33333333333px; width: 35px; height: 21.666666666667px; }.c-btn-inbursa-sm, .c-btn-inbursa-sm-after:after, .c-btn-inbursa-sm-before:before, .c-btn-inbursa-sm:active, .c-btn-inbursa-sm:focus, .c-btn-inbursa-sm:hover { background-position: -605.66666666667px -713.33333333333px; width: 35px; height: 19.333333333333px; }.c-btn-elektra-sm, .c-btn-elektra-sm-after:after, .c-btn-elektra-sm-before:before, .c-btn-elektra-sm:active, .c-btn-elektra-sm:focus, .c-btn-elektra-sm:hover { background-position: -641.33333333333px -713.33333333333px; width: 35px; height: 19.333333333333px; }.c-btn-coppel-sm, .c-btn-coppel-sm-after:after, .c-btn-coppel-sm-before:before, .c-btn-coppel-sm:active, .c-btn-coppel-sm:focus, .c-btn-coppel-sm:hover { background-position: -677px -713.33333333333px; width: 35px; height: 19.333333333333px; }.c-btn-7eleven-sm, .c-btn-7eleven-sm-after:after, .c-btn-7eleven-sm-before:before, .c-btn-7eleven-sm:active, .c-btn-7eleven-sm:focus, .c-btn-7eleven-sm:hover { background-position: -712.66666666667px -713.33333333333px; width: 35px; height: 19.333333333333px; }.c-btn-waldos-sm, .c-btn-waldos-sm-after:after, .c-btn-waldos-sm-before:before, .c-btn-waldos-sm:active, .c-btn-waldos-sm:focus, .c-btn-waldos-sm:hover { background-position: -116.33333333333px -213px; width: 35px; height: 19.333333333333px; }.c-btn-esquivar-sm, .c-btn-esquivar-sm-after:after, .c-btn-esquivar-sm-before:before, .c-btn-esquivar-sm:active, .c-btn-esquivar-sm:focus, .c-btn-esquivar-sm:hover { background-position: -753.33333333333px -253.33333333333px; width: 35px; height: 19.333333333333px; }.c-btn-prendamex-sm, .c-btn-prendamex-sm-after:after, .c-btn-prendamex-sm-before:before, .c-btn-prendamex-sm:active, .c-btn-prendamex-sm:focus, .c-btn-prendamex-sm:hover { background-position: -716.66666666667px -63px; width: 35px; height: 19.333333333333px; }.c-btn-oxxo-sm, .c-btn-oxxo-sm-after:after, .c-btn-oxxo-sm-before:before, .c-btn-oxxo-sm:active, .c-btn-oxxo-sm:focus, .c-btn-oxxo-sm:hover { background-position: -692.66666666667px -534.33333333333px; width: 35px; height: 19.333333333333px; }.c-btn-kiosko-sm, .c-btn-kiosko-sm-after:after, .c-btn-kiosko-sm-before:before, .c-btn-kiosko-sm:active, .c-btn-kiosko-sm:focus, .c-btn-kiosko-sm:hover { background-position: -692.66666666667px -580px; width: 35px; height: 19.333333333333px; }.c-btn-chedraui-sm, .c-btn-chedraui-sm-after:after, .c-btn-chedraui-sm-before:before, .c-btn-chedraui-sm:active, .c-btn-chedraui-sm:focus, .c-btn-chedraui-sm:hover { background-position: -692.66666666667px -625.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-f-benavides-sm, .c-btn-f-benavides-sm-after:after, .c-btn-f-benavides-sm-before:before, .c-btn-f-benavides-sm:active, .c-btn-f-benavides-sm:focus, .c-btn-f-benavides-sm:hover { background-position: -753.33333333333px -273.33333333333px; width: 35px; height: 19.333333333333px; }.c-btn-extra-sm, .c-btn-extra-sm-after:after, .c-btn-extra-sm-before:before, .c-btn-extra-sm:active, .c-btn-extra-sm:focus, .c-btn-extra-sm:hover { background-position: -753.33333333333px -293.33333333333px; width: 35px; height: 19.333333333333px; }.c-icon-call, .c-icon-call-after:after, .c-icon-call-before:before, .c-icon-call:active, .c-icon-call:focus, .c-icon-call:hover { background-position: -501.66666666667px -258.66666666667px; width: 22.666666666667px; height: 23px; }.c-color-palet, .c-color-palet-after:after, .c-color-palet-before:before, .c-color-palet:active, .c-color-palet:focus, .c-color-palet:hover { background-position: -499.66666666667px -344.66666666667px; width: 20px; height: 20px; }.c-flag-en, .c-flag-en-after:after, .c-flag-en-before:before, .c-flag-en:active, .c-flag-en:focus, .c-flag-en:hover { background-position: -504px -431px; width: 23px; height: 15px; }.c-flag-es, .c-flag-es-after:after, .c-flag-es-before:before, .c-flag-es:active, .c-flag-es:focus, .c-flag-es:hover { background-position: -504px -515px; width: 23px; height: 15px; }@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
	.webp .spr {
	background-image: url('../img/sprites@2x.webp');
	}
	.no-webp .spr {
		background-image: url('../img/sprites@2x.png');
	}
	.spr,
	.spr-after:after,
	.spr-before:before {
		-webkit-background-size: 803px 758px;
		-moz-background-size: 803px 758px;
		background-size: 803px 758px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3) {
	.webp .spr {
	background-image: url('../img/sprites@3x.webp');
	}
	.no-webp .spr {
		background-image: url('../img/sprites@3x.png');
	}
	.spr,
	.spr-after:after,
	.spr-before:before {
		-webkit-background-size: 803px 758px;
		-moz-background-size: 803px 758px;
		background-size: 803px 758px;
	}
}