.webp .spr {
	background-image: url(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites.webp?20260331105125);
}
.no-webp .spr {
	background-image: url(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites.png?20260331105125);
}
.spr, .spr-after:after, .spr-before:before {
	background-repeat: no-repeat;
	background-size: 716px 706px;
	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-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: 0 0; width: 142.33333333333px; height: 60.333333333333px; }.c-panyo_times, .c-panyo_times-after:after, .c-panyo_times-before:before, .c-panyo_times:active, .c-panyo_times:focus, .c-panyo_times:hover { background-position: 0 -61px; width: 90px; height: 90px; }.c-mercadopago, .c-mercadopago-after:after, .c-mercadopago-before:before, .c-mercadopago:active, .c-mercadopago:focus, .c-mercadopago:hover { background-position: -143px 0; width: 182.33333333333px; height: 42.333333333333px; }.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: -143px -43px; width: 116px; height: 64px; }.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 -151.66666666667px; width: 116px; 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: -116.66666666667px -151.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: 0 -216.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: -116.33333333333px -216.33333333333px; 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: 0 -281px; 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: -116.33333333333px -281px; 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: -326px 0; 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: -326px -64.666666666667px; 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: -326px -129.33333333333px; 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: -326px -194px; 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: -326px -258.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: 0 -345.66666666667px; 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 -345.66666666667px; 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: -232.66666666667px -345.66666666667px; width: 115.66666666667px; 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 -410.33333333333px; 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: -116.33333333333px -410.33333333333px; 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: -232.66666666667px -410.33333333333px; 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: -442.33333333333px 0; 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: -442.33333333333px -64.666666666667px; 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: -442.33333333333px -129.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: -442.33333333333px -194px; width: 115.66666666667px; height: 64px; }.c-btn-paycash, .c-btn-paycash-after:after, .c-btn-paycash-before:before, .c-btn-paycash:active, .c-btn-paycash:focus, .c-btn-paycash:hover { background-position: -442.33333333333px -258.66666666667px; 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: -442.33333333333px -323.33333333333px; width: 85.333333333333px; height: 85.333333333333px; }.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: 0 -475px; width: 120.33333333333px; height: 60.333333333333px; }.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: -121px -475px; width: 120.33333333333px; height: 60.333333333333px; }.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: -242px -475px; width: 120px; height: 53.333333333333px; }.c-label-atrato, .c-label-atrato-after:after, .c-label-atrato-before:before, .c-label-atrato:active, .c-label-atrato:focus, .c-label-atrato:hover { background-position: -362.66666666667px -475px; width: 120px; height: 50px; }.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: 0 -536px; width: 120px; height: 50px; }.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: -442.33333333333px -409.33333333333px; width: 93.333333333333px; height: 60.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: -558.66666666667px 0; width: 105px; height: 52.666666666667px; }.c-mn_ruler, .c-mn_ruler-after:after, .c-mn_ruler-before:before, .c-mn_ruler:active, .c-mn_ruler:focus, .c-mn_ruler:hover { background-position: -120.66666666667px -536px; width: 100px; height: 50px; }.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: -221.33333333333px -536px; width: 100px; height: 50px; }.c-icon_step_2, .c-icon_step_2-after:after, .c-icon_step_2-before:before, .c-icon_step_2:active, .c-icon_step_2:focus, .c-icon_step_2:hover { background-position: -233px -151.66666666667px; width: 80.333333333333px; height: 61.666666666667px; }.c-icon_step_3, .c-icon_step_3-after:after, .c-icon_step_3-before:before, .c-icon_step_3:active, .c-icon_step_3:focus, .c-icon_step_3:hover { background-position: -232.66666666667px -216.33333333333px; width: 80px; height: 61.666666666667px; }.c-icon_step_1, .c-icon_step_1-after:after, .c-icon_step_1-before:before, .c-icon_step_1:active, .c-icon_step_1:focus, .c-icon_step_1:hover { background-position: -232.66666666667px -281px; width: 80.333333333333px; height: 61.333333333333px; }.c-icon_step_4, .c-icon_step_4-after:after, .c-icon_step_4-before:before, .c-icon_step_4:active, .c-icon_step_4:focus, .c-icon_step_4:hover { background-position: -349px -345.66666666667px; width: 80.333333333333px; height: 61.333333333333px; }.c-icon_step_5, .c-icon_step_5-after:after, .c-icon_step_5-before:before, .c-icon_step_5:active, .c-icon_step_5:focus, .c-icon_step_5:hover { background-position: -349px -410.33333333333px; width: 80.333333333333px; height: 61.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: -558.66666666667px -53.333333333333px; width: 75.333333333333px; height: 60.333333333333px; }.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: -143px -107.66666666667px; width: 150px; height: 30px; }.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: -558.66666666667px -114.33333333333px; width: 71.333333333333px; height: 60.333333333333px; }.c-atrato_icon_1, .c-atrato_icon_1-after:after, .c-atrato_icon_1-before:before, .c-atrato_icon_1:active, .c-atrato_icon_1:focus, .c-atrato_icon_1:hover { background-position: -558.66666666667px -175.33333333333px; width: 65px; height: 65px; }.c-atrato_icon_3, .c-atrato_icon_3-after:after, .c-atrato_icon_3-before:before, .c-atrato_icon_3:active, .c-atrato_icon_3:focus, .c-atrato_icon_3:hover { background-position: -558.66666666667px -241px; width: 65px; height: 65px; }.c-atrato_icon_4, .c-atrato_icon_4-after:after, .c-atrato_icon_4-before:before, .c-atrato_icon_4:active, .c-atrato_icon_4:focus, .c-atrato_icon_4:hover { background-position: -558.66666666667px -306.66666666667px; width: 65px; height: 65px; }.c-atrato_icon_2, .c-atrato_icon_2-after:after, .c-atrato_icon_2-before:before, .c-atrato_icon_2:active, .c-atrato_icon_2:focus, .c-atrato_icon_2:hover { background-position: -558.66666666667px -372.33333333333px; width: 65px; height: 65px; }.c-pci, .c-pci-after:after, .c-pci-before:before, .c-pci:active, .c-pci:focus, .c-pci:hover { background-position: -558.66666666667px -438px; 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: -322px -536px; 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: 0 -586.66666666667px; width: 120px; height: 34px; }.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: -558.66666666667px -492.33333333333px; width: 67.333333333333px; height: 60.333333333333px; }.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: -120.66666666667px -586.66666666667px; width: 120px; height: 31.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: -259.66666666667px -43px; width: 61.333333333333px; height: 60.333333333333px; }.c-chat-asesor, .c-chat-asesor-after:after, .c-chat-asesor-before:before, .c-chat-asesor:active, .c-chat-asesor:focus, .c-chat-asesor:hover { background-position: 0 -621.33333333333px; width: 60px; height: 60px; }.c-mn-pala, .c-mn-pala-after:after, .c-mn-pala-before:before, .c-mn-pala:active, .c-mn-pala:focus, .c-mn-pala:hover { background-position: -60.666666666667px -621.33333333333px; width: 60px; height: 60px; }.c-mn-chat, .c-mn-chat-after:after, .c-mn-chat-before:before, .c-mn-chat:active, .c-mn-chat:focus, .c-mn-chat:hover { background-position: -121.33333333333px -621.33333333333px; width: 60px; height: 60px; }.c-mn-phone, .c-mn-phone-after:after, .c-mn-phone-before:before, .c-mn-phone:active, .c-mn-phone:focus, .c-mn-phone:hover { background-position: -182px -621.33333333333px; width: 60px; height: 60px; }.c-instagram_follow, .c-instagram_follow-after:after, .c-instagram_follow-before:before, .c-instagram_follow:active, .c-instagram_follow:focus, .c-instagram_follow:hover { background-position: -241.33333333333px -586.66666666667px; width: 124px; height: 29px; }.c-esoluciones-white, .c-esoluciones-white-after:after, .c-esoluciones-white-before:before, .c-esoluciones-white:active, .c-esoluciones-white:focus, .c-esoluciones-white:hover { background-position: -366px -586.66666666667px; width: 164.66666666667px; height: 21.333333333333px; }.c-esoluciones-wo, .c-esoluciones-wo-after:after, .c-esoluciones-wo-before:before, .c-esoluciones-wo:active, .c-esoluciones-wo:focus, .c-esoluciones-wo:hover { background-position: -242.66666666667px -621.33333333333px; width: 164.66666666667px; height: 21.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: -242.66666666667px -643.33333333333px; width: 120px; height: 29px; }.c-label-holacash, .c-label-holacash-after:after, .c-label-holacash-before:before, .c-label-holacash:active, .c-label-holacash:focus, .c-label-holacash:hover { background-position: -363.33333333333px -643.33333333333px; width: 120px; height: 27.333333333333px; }.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: -664.33333333333px 0; width: 52.333333333333px; height: 60.333333333333px; }.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: -442.66666666667px -536px; width: 106.66666666667px; height: 26.333333333333px; }.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: -90.666666666667px -61px; width: 44.333333333333px; height: 60.333333333333px; }.c-mn-logo-2, .c-mn-logo-2-after:after, .c-mn-logo-2-before:before, .c-mn-logo-2:active, .c-mn-logo-2:focus, .c-mn-logo-2:hover { background-position: -483.33333333333px -475px; width: 50px; height: 50px; }.c-mn_box, .c-mn_box-after:after, .c-mn_box-before:before, .c-mn_box:active, .c-mn_box:focus, .c-mn_box:hover { background-position: -664.33333333333px -61px; width: 50px; height: 50px; }.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: -531.33333333333px -586.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: -408px -621.33333333333px; width: 120px; height: 18.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: -664.33333333333px -111.66666666667px; 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: -664.33333333333px -157.33333333333px; width: 45px; height: 45px; }.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: -664.33333333333px -203px; width: 45px; height: 45px; }.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: -558.66666666667px -553.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: -484px -643.33333333333px; 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: -556.66666666667px -643.33333333333px; width: 72px; height: 24px; }.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: 0 -682px; width: 72px; height: 24px; }.c-mn-cat-icon-3, .c-mn-cat-icon-3-after:after, .c-mn-cat-icon-3-before:before, .c-mn-cat-icon-3:active, .c-mn-cat-icon-3:focus, .c-mn-cat-icon-3:hover { background-position: -664.33333333333px -248.66666666667px; width: 40px; height: 40px; }.c-mn-cat-icon-8, .c-mn-cat-icon-8-after:after, .c-mn-cat-icon-8-before:before, .c-mn-cat-icon-8:active, .c-mn-cat-icon-8:focus, .c-mn-cat-icon-8:hover { background-position: -664.33333333333px -289.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-7, .c-mn-cat-icon-7-after:after, .c-mn-cat-icon-7-before:before, .c-mn-cat-icon-7:active, .c-mn-cat-icon-7:focus, .c-mn-cat-icon-7:hover { background-position: -664.33333333333px -330px; width: 40px; height: 40px; }.c-mn-cat-icon-4, .c-mn-cat-icon-4-after:after, .c-mn-cat-icon-4-before:before, .c-mn-cat-icon-4:active, .c-mn-cat-icon-4:focus, .c-mn-cat-icon-4:hover { background-position: -664.33333333333px -370.66666666667px; width: 40px; height: 40px; }.c-mn-cat-icon-5, .c-mn-cat-icon-5-after:after, .c-mn-cat-icon-5-before:before, .c-mn-cat-icon-5:active, .c-mn-cat-icon-5:focus, .c-mn-cat-icon-5:hover { background-position: -664.33333333333px -411.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-9, .c-mn-cat-icon-9-after:after, .c-mn-cat-icon-9-before:before, .c-mn-cat-icon-9:active, .c-mn-cat-icon-9:focus, .c-mn-cat-icon-9:hover { background-position: -664.33333333333px -452px; width: 40px; height: 40px; }.c-mn-cat-icon-6, .c-mn-cat-icon-6-after:after, .c-mn-cat-icon-6-before:before, .c-mn-cat-icon-6:active, .c-mn-cat-icon-6:focus, .c-mn-cat-icon-6:hover { background-position: -664.33333333333px -492.66666666667px; width: 40px; height: 40px; }.c-mn-cat-icon-1, .c-mn-cat-icon-1-after:after, .c-mn-cat-icon-1-before:before, .c-mn-cat-icon-1:active, .c-mn-cat-icon-1:focus, .c-mn-cat-icon-1:hover { background-position: -664.33333333333px -533.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-2, .c-mn-cat-icon-2-after:after, .c-mn-cat-icon-2-before:before, .c-mn-cat-icon-2:active, .c-mn-cat-icon-2:focus, .c-mn-cat-icon-2:hover { background-position: -664.33333333333px -574px; width: 40px; height: 40px; }.c-label-mitwpp, .c-label-mitwpp-after:after, .c-label-mitwpp-before:before, .c-label-mitwpp:active, .c-label-mitwpp:focus, .c-label-mitwpp:hover { background-position: -72.666666666667px -682px; width: 69.333333333333px; height: 22px; }.c-sucursales_icon_1, .c-sucursales_icon_1-after:after, .c-sucursales_icon_1-before:before, .c-sucursales_icon_1:active, .c-sucursales_icon_1:focus, .c-sucursales_icon_1:hover { background-position: -293.66666666667px -107.66666666667px; width: 29.333333333333px; height: 30px; }.c-sucursales_icon_2, .c-sucursales_icon_2-after:after, .c-sucursales_icon_2-before:before, .c-sucursales_icon_2:active, .c-sucursales_icon_2:focus, .c-sucursales_icon_2:hover { background-position: -528.33333333333px -323.33333333333px; width: 29.333333333333px; height: 30px; }.c-sucursales_icon_3, .c-sucursales_icon_3-after:after, .c-sucursales_icon_3-before:before, .c-sucursales_icon_3:active, .c-sucursales_icon_3:focus, .c-sucursales_icon_3:hover { background-position: -630.66666666667px -114.33333333333px; width: 29.333333333333px; height: 30px; }.c-COPPEL, .c-COPPEL-after:after, .c-COPPEL-before:before, .c-COPPEL:active, .c-COPPEL:focus, .c-COPPEL:hover { background-position: -326px -323.33333333333px; 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: -361.66666666667px -323.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: -397.33333333333px -323.33333333333px; 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: -624.33333333333px -175.33333333333px; 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: -624.33333333333px -241px; 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: -624.33333333333px -306.66666666667px; width: 35px; height: 21.666666666667px; }.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: -624.33333333333px -372.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: -626.66666666667px -492.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: -90.666666666667px -122px; 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: -142.66666666667px -682px; 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: -178.33333333333px -682px; 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: -214px -682px; width: 35px; height: 21.666666666667px; }.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: -249.66666666667px -682px; 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: -285.33333333333px -682px; 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: -321px -682px; width: 35px; height: 19.333333333333px; }.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: -356.66666666667px -682px; 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: -392.33333333333px -682px; 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: -428px -682px; 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: -463.66666666667px -682px; 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: -499.33333333333px -682px; 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: -535px -682px; 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: -570.66666666667px -682px; 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: -606.33333333333px -682px; 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: -642px -682px; width: 35px; height: 19.333333333333px; }.c-btn-paycash-sm, .c-btn-paycash-sm-after:after, .c-btn-paycash-sm-before:before, .c-btn-paycash-sm:active, .c-btn-paycash-sm:focus, .c-btn-paycash-sm:hover { background-position: -677.66666666667px -682px; width: 35px; height: 19.333333333333px; }.c-calendar, .c-calendar-after:after, .c-calendar-before:before, .c-calendar:active, .c-calendar:focus, .c-calendar:hover { background-position: -634.66666666667px -53.333333333333px; width: 25px; height: 25px; }.c-gift_icon, .c-gift_icon-after:after, .c-gift_icon-before:before, .c-gift_icon:active, .c-gift_icon:focus, .c-gift_icon:hover { background-position: -534px -475px; width: 24px; height: 24px; }.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: -638px -438px; width: 23px; height: 15px; }.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: -631.33333333333px -553.33333333333px; 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(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@2x.webp?20260331105125);
	}
	.no-webp .spr {
		background-image: url(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@2x.png?20260331105125);
	}
	.spr,
	.spr-after:after,
	.spr-before:before {
		-webkit-background-size: 716px 706px;
		-moz-background-size: 716px 706px;
		background-size: 716px 706px;
	}
}
@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(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@3x.webp?20260331105125);
	}
	.no-webp .spr {
		background-image: url(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@3x.png?20260331105125);
	}
	.spr,
	.spr-after:after,
	.spr-before:before {
		-webkit-background-size: 716px 706px;
		-moz-background-size: 716px 706px;
		background-size: 716px 706px;
	}
}