.carrito_flotante {
	position: fixed;
	top: calc(35px + 59px);
	right: 0;
	width: 0;
	height: calc(100vh - 35px - 59px);
	z-index: 3;
	background-color: #fff;
	color: #222831;
	transition: width .8s linear;
	box-shadow: -5px 5px 7px rgba(8, 9, 29, .3);
	color: #222831
}

.carrito_flotante.scrolling {
	top: 22px;
	height: calc(100vh - 22px);
}

.carrito_flotante.open {
	width: 100vw;
}

.bg-carrito-hover {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100vh;
	z-index: 2;
}

.carrito_flotante.open .bg-carrito-hover {
	width: 100vw;
}

#launch-carrito-mobile {
	position: fixed;
	bottom: 2rem;
	right: 20vw;
	width: 70vw;
	z-index: 5;
}

#launch-carrito-mobile .btn {
	line-height: 1.6;
}

#launch-carrito-mobile .btn:before {
	content: attr(data-title);
	float: right;
	font-size: 1.4rem;
	line-height: 1;
	margin-right: .5rem;
}

.carrito_flotante_content {
	display: none;
	position: relative;
	z-index: 3;
	height: 100%;
	padding: 0 1rem;
	overflow: auto;
}

/** NOT WORK */
.carrito_flotante_content:empty:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3rem;
	height: 3rem;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../img/loading.gif) no-repeat center / 100% auto;
}

.carrito_flotante_content .wrapper_compra {
	padding-top: 1rem !important;
}

.carrito_flotante.is-procesar .hidden-on-procesar {
	display: none;
}

.carrito_flotante_content h2,
.proceso-pago h2 {
	font-size: 1.5rem;
	line-height: 1.6;
}

.carrito_flotante_content h2 {
	margin-top: 2rem;
}

.carrito_flotante_content .cart-item label {
	display: block;
}

.wrapper-condiciones-alt {
	display: none;
	position: absolute;
	top: calc(100% + 1rem);
	right: 0;
	background-color: #fff;
	border: 2px solid #005db4;
	border-radius: 1.5rem;
	padding: 1rem 1.5rem;
	text-align: left;
}

.wrapper-condiciones-alt:after {
	content: '';
	position: absolute;
	bottom: calc(100% - .5px);
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #005db4 transparent;
}

.wrapper-condiciones-alt input[type="checkbox"]+label,
.wrapper-condiciones-alt input[type="radio"]+label { 
	margin-bottom: 0;
}

.wrapper_formas_pago {
	border-bottom: 1px solid #aaa;
	padding-bottom: 1rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.wrapper_formas_pago .radio_disabled label {
	color: #aaa;
}

.wrapper_formas_pago .radio_disabled img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.wrapper_formas_pago .radio_disabled .icon-radio path,
.wrapper_formas_pago .radio_disabled .icon-radio circle {
	stroke: #aaa !important;
}

.wrapper_formas_pago .info_block {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 1rem;
	margin-left: 2rem;
}

.wrapper_formas_pago .info_block svg {
	display: block;
	width: 100%;
}

.wrapper_formas_pago .info_block .info_content {
	position: absolute;
	top: 50%;
	left: 1.5rem;
	width: 20rem;
	z-index: 9;
	background-color: #feeee6;
	border: 1px solid #000;
	padding: 1rem;
	text-align: left;
}

.formas_de_pago {
	position: relative;
	opacity: .5;
}

.formas_de_pago:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.formas_de_pago.active {
	opacity: 1;
}

.formas_de_pago.active:before {
	display: none;
}

.resumen-pago-precio strong {
	font-size: 3rem;
	line-height: 1;
	white-space: nowrap;
}

.pago-fullscreen .info_forma_pagos {
	display: none;
}

[class*="resumen-pago-"]:not(.resumen-pago-precio) {
	max-width: 400px;
}

/** STRIPE */
.resumen-pago-stripe .boton_stripe input {
	border-radius: 6px;
	margin-bottom: 6px;
	padding: 12px;
	border: 1px solid #005db4;
	height: 44px;
	font-size: 16px;
	width: 100%;
	background: #fff;
}

.resumen-pago-stripe .boton_stripe .hidden {
	display: none;
}

.resumen-pago-stripe .boton_stripe #card-error,
.resumen-pago-stripe .boton_paypal #paypal-error {
	color: #e9322d;
	text-align: left;
	font-size: .8rem;
	margin-top: .5rem;
}

.resumen-pago-stripe .boton_stripe #card-element {
	border: 0;
	height: 44px;
	width: 100%;
	color: #005db4;
	background: #fff;
	border: 1px solid #005db4;
	border-radius: 2rem;
	padding: .6rem .5rem;
}

.resumen-pago-stripe .boton_stripe #payment-request-button {
	margin-bottom: 32px;
}

.resumen-pago-stripe .boton_stripe button {
	margin-top: 1rem;
}

.resumen-pago-stripe .boton_stripe button:disabled {
	background-color: #aaa;
	opacity: 0.5;
	cursor: default;
}

/* spinner/processing state, errors */
.resumen-pago-stripe .boton_stripe .spinner {
	margin: 0px auto;
	position: relative;
	width: 20px;
	height: 20px;
}

.resumen-pago-stripe .boton_stripe .spinner .double-bounce1,
.resumen-pago-stripe .boton_stripe .spinner .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #333;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.resumen-pago-stripe .boton_stripe .spinner .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
	0%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}
	50% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/** MEDIA QUERIES **/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.carrito_flotante_content .cart-item figure { max-width: 85px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.carrito_flotante.open { width: 60vw; }
	.carrito_flotante_content .wrapper_compra { padding-top: 3.5rem !important; }
	.carrito_flotante_content { padding-left: 3rem; padding-right: 3rem; }
	.cart-item .limited-row { max-width: 130px; }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.carrito_flotante { height: calc(100vh - 35px - 81px); }
	.carrito_flotante.scrolling { top: 81px; height: calc(100vh - 81px); }
	.carrito_flotante.open { width: 50vw; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.carrito_flotante.open { width: 40vw; }
}