.webp .spr {
	background-image: url(https://resomex.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites.webp?20241002161403);
}
.no-webp .spr {
	background-image: url(https://resomex.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites.png?20241002161403);
}
.spr, .spr-after:after, .spr-before:before {
	background-repeat: no-repeat;
	background-size: 1284px 1197px;
	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-attrib-12, .c-attrib-12-after:after, .c-attrib-12-before:before, .c-attrib-12:active, .c-attrib-12:focus, .c-attrib-12:hover { background-position: 0 0; width: 360px; height: 360px; }.c-attrib-13, .c-attrib-13-after:after, .c-attrib-13-before:before, .c-attrib-13:active, .c-attrib-13:focus, .c-attrib-13:hover { background-position: -360.66666666667px 0; width: 360px; height: 360px; }.c-attrib-4, .c-attrib-4-after:after, .c-attrib-4-before:before, .c-attrib-4:active, .c-attrib-4:focus, .c-attrib-4:hover { background-position: 0 -360.66666666667px; width: 360px; height: 360px; }.c-attrib-5, .c-attrib-5-after:after, .c-attrib-5-before:before, .c-attrib-5:active, .c-attrib-5:focus, .c-attrib-5:hover { background-position: -360.66666666667px -360.66666666667px; width: 360px; height: 360px; }.c-attrib-6, .c-attrib-6-after:after, .c-attrib-6-before:before, .c-attrib-6:active, .c-attrib-6:focus, .c-attrib-6:hover { background-position: -721.33333333333px 0; width: 360px; height: 360px; }.c-attrib-7, .c-attrib-7-after:after, .c-attrib-7-before:before, .c-attrib-7:active, .c-attrib-7:focus, .c-attrib-7:hover { background-position: -721.33333333333px -360.66666666667px; width: 360px; height: 360px; }.c-attrib-8, .c-attrib-8-after:after, .c-attrib-8-before:before, .c-attrib-8:active, .c-attrib-8:focus, .c-attrib-8:hover { background-position: 0 -721.33333333333px; width: 360px; height: 360px; }.c-attrib-9, .c-attrib-9-after:after, .c-attrib-9-before:before, .c-attrib-9:active, .c-attrib-9:focus, .c-attrib-9:hover { background-position: -360.66666666667px -721.33333333333px; width: 360px; height: 360px; }.c-mercadopago, .c-mercadopago-after:after, .c-mercadopago-before:before, .c-mercadopago:active, .c-mercadopago:focus, .c-mercadopago:hover { background-position: -721.33333333333px -721.33333333333px; 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: -721.33333333333px -764.33333333333px; 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: -838px -764.33333333333px; width: 116px; 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: -954.66666666667px -764.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: -721.33333333333px -829px; 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: -837.66666666667px -829px; 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: -954px -829px; 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: -721.33333333333px -893.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: -837.66666666667px -893.66666666667px; 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: -954px -893.66666666667px; 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: -721.33333333333px -958.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: -837.66666666667px -958.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: -954px -958.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: -1082px 0; 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: -1082px -64.666666666667px; 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: -1082px -129.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: -1082px -194px; 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: -1082px -258.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: -1082px -323.33333333333px; 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: -1082px -388px; 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: -1082px -452.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: -1082px -517.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: -1082px -582px; 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: -1082px -646.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: -1082px -711.33333333333px; width: 85.333333333333px; height: 85.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: -721.33333333333px -1023px; 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: -842px -1023px; 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 -1082px; width: 120px; height: 50px; }.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: -1082px -797.33333333333px; 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: -904.33333333333px -721.33333333333px; width: 136.66666666667px; height: 40px; }.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: -962.66666666667px -1023px; 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: -120.66666666667px -1082px; 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: -235.33333333333px -1082px; width: 150px; height: 30px; }.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: -1082px -850.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: -1082px -916.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: -1082px -982px; 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: 0 -1132.6666666667px; width: 65px; height: 65px; }.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: -65.666666666667px -1132.6666666667px; 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: -186.33333333333px -1132.6666666667px; width: 120px; height: 34px; }.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: -307px -1132.6666666667px; 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: -386px -1082px; 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: -1198.3333333333px 0; width: 86px; height: 40px; }.c-pci, .c-pci-after:after, .c-pci-before:before, .c-pci:active, .c-pci:focus, .c-pci:hover { background-position: -1198.3333333333px -40.666666666667px; width: 78.666666666667px; height: 40px; }.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: -506.66666666667px -1082px; 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: -1198.3333333333px -81.333333333333px; width: 69px; height: 40px; }.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: -1198.3333333333px -122px; width: 66px; height: 40px; }.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: -1198.3333333333px -162.66666666667px; 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: -614px -1082px; width: 120px; height: 20px; }.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: -1198.3333333333px -203.33333333333px; width: 55px; height: 40px; }.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: -1147.6666666667px -850.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: -1147.6666666667px -916.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: -1147.6666666667px -982px; 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: -1198.3333333333px -244px; width: 44.333333333333px; height: 40px; }.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: -1082px -1047.6666666667px; 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: -427.66666666667px -1132.6666666667px; 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: -500.33333333333px -1132.6666666667px; width: 72px; height: 24px; }.c-pay-cash, .c-pay-cash-after:after, .c-pay-cash-before:before, .c-pay-cash:active, .c-pay-cash:focus, .c-pay-cash:hover { background-position: -1243.3333333333px -244px; width: 40px; height: 40px; }.c-pay-deposit, .c-pay-deposit-after:after, .c-pay-deposit-before:before, .c-pay-deposit:active, .c-pay-deposit:focus, .c-pay-deposit:hover { background-position: -1198.3333333333px -284.66666666667px; width: 40px; height: 40px; }.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: -1041.6666666667px -721.33333333333px; width: 38.333333333333px; 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: -573px -1132.6666666667px; width: 69.333333333333px; height: 22px; }.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: -1154.6666666667px -1047.6666666667px; 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: -643px -1132.6666666667px; 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: -678.66666666667px -1132.6666666667px; 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: -714.33333333333px -1132.6666666667px; 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: -750px -1132.6666666667px; 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: -785.66666666667px -1132.6666666667px; 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: -821.33333333333px -1132.6666666667px; 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: -857px -1132.6666666667px; 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: -892.66666666667px -1132.6666666667px; 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: -928.33333333333px -1132.6666666667px; 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: -964px -1132.6666666667px; 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: -999.66666666667px -1132.6666666667px; 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: -734.66666666667px -1082px; 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: -770.33333333333px -1082px; 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: -806px -1082px; 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: -841.66666666667px -1082px; 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: -877.33333333333px -1082px; 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: -913px -1082px; 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: -948.66666666667px -1082px; 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: -984.33333333333px -1082px; 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: -1020px -1082px; 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: -1055.6666666667px -1082px; 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: -1091.3333333333px -1082px; 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: -1127px -1082px; 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: -1162.6666666667px -1082px; width: 35px; height: 19.333333333333px; }.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: -1168px -711.33333333333px; 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: -1035.3333333333px -1132.6666666667px; 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://resomex.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@2x.webp?20241002161403);
	}
	.no-webp .spr {
		background-image: url(https://resomex.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@2x.png?20241002161403);
	}
	.spr,
	.spr-after:after,
	.spr-before:before {
		-webkit-background-size: 1284px 1197px;
		-moz-background-size: 1284px 1197px;
		background-size: 1284px 1197px;
	}
}
@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://resomex.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@3x.webp?20241002161403);
	}
	.no-webp .spr {
		background-image: url(https://resomex.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@3x.png?20241002161403);
	}
	.spr,
	.spr-after:after,
	.spr-before:before {
		-webkit-background-size: 1284px 1197px;
		-moz-background-size: 1284px 1197px;
		background-size: 1284px 1197px;
	}
}