/* Estilos responsive para la sección de additional info (4 elementos con iconos para devolución gratis, pago seguro, envío gratuito y expertos a su servicio)*/
.product-additional-info-container {
	display: flex;
	justify-content: space-between;
	padding: 20px 20px 35px 20px;
	border-bottom: 1px solid rgba(160, 160, 160, 0.25);
	margin-bottom: 20px;

	.additional-info-tag {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	.additional-info-text {
		color: rgb(209, 209, 209);
		text-align: center;
		margin-bottom: 0;
		padding: 0 15px 0 15px;
	}
}

.row.extra-small-gutters.product-quantity {
	display: flex;
	align-items: center;
	gap: 4px;
	
	> div:first-child {
		width: 80px;
	}
	
	> div:nth-child(n+2),
	> div:nth-child(n+3)
	{
		flex: 1;
	}
	
	.btn.btn-primary.btn-lg.add-to-cart {
		width: 100%;
	}
}

/*Estilo botón compra con un click del módulo oneclickproductcheckout*/
.one-click-checkout-wrapper {
	margin-bottom: 5px;

}

.exclusive-block {
	transition: transform 0.1s ease-in;
	width: 100%;
	
	&:active {
		transform: translate(2px, 4px);
	}
	
	.exclusive.btn.btn-primary {
		height: 52.5px;
		display: flex;
    	align-items: center;
		justify-content: center;
		background-color: #1c2b52 !important;
		
		&:hover {
			background-color: #b0d648 !important;
		}
	}
	
	#showOneClickCheckout {
		margin-top: 0px;
		margin-bottom: 0px;
		
		&:active span {
		background-color: transparent;
		}
	}
}
.product-additional-info-container {
    border-bottom: 1px solid rgb(46 152 61);
	
	.additional-info-tag h3{
		color: #40a14d;
	}
}

.product-additional-info {
    border-top: 1px solid rgb(46 152 61);
}

/* Agrupar icono de insignia y mejor precio garantizado para tener control en escritorio y móvil*/
.productClaims{
	display: flex;
    gap: 15px;
}
@media (max-width: 436px) {	
	.row.extra-small-gutters.product-quantity {
		flex-direction: column;
	}
	
	.one-click-checkout-wrapper {
		width: 100%;
	}
}
	
@media (max-width: 767px) {
	.product-additional-info-container {
		display: flex;
		flex-direction: column;
		gap: 30px;

		#devolucion-gratis-icon {
			width: 65px;
			height: auto;
		}
		#pago-seguro-icon {
			width: 65px;
			height: auto;
		}
		#transporte-gratis-icon {
			width: 81px;
			height: auto;
		}
		#expertos-servicio-icon {
			width: 78px;
			height: auto;
		}
	}
	
	.row.extra-small-gutters.product-quantity {
		margin-bottom: 2rem;
		
		.exclusive-block {
			width: 100%;
		
			.exclusive.btn.btn-primary {
				height: 45.5px;
			}
		}
	}
	/*Botones garantías web*/
	#garantiasWeb{
		display: flex;
    	flex-direction: row;
		flex-wrap:wrap;
		.additional-info-tag{
			width:40%;	
		}
	}
}
	
@media (max-width: 1023px) {
	/*Estilo texto de descuento junto al precio*/
	.registerPRO {
		margin-bottom: 20px;
	}
	/*Reducir el tamáño del titulo*/
	#content-wrapper .page-title {
    	font-size: 1.7rem;
	}
	/*Reducir el tamaño de insignia y precio garantizado*/
	.productInsignia img, .mejorPrecioGarantizado img{
		width: 90%;
		display: block;
        margin: 0 auto;
	}
	/*Mostrar encima de los claims el bloque de transporte estimado*/
	.displayCountDownMobile{
		display:block!Important;
		margin-bottom:15px;
	}
}

/*Estilos del bloque de suscripción en la página de producto*/
.wk-subscription-block {
	
	.row.wksubscribe {
		
		.row .col-sm-11 {
			display: flex;
			gap: 1rem;
			align-items: center;
			position: relative;

		.icon-container {
				width: 25px;
				margin-bottom: .5rem;
				position: relative;

				i {
					width: 25px;
					cursor: pointer;
				}

				.popup {
					display: none;
					position: absolute;
					top: 0;
					background-color: white;
					color: #1fa238;
					padding: 10px;
					border-radius: 5px;
					z-index: 1000;
					left: 30px;
					border: 1px solid #1fa238;
					border-radius: 5px;
					width: 30rem;

					p {
						margin: 0;
					}
				}

				&:hover .popup {
				  display: block !important;
				}
			}
		}
	}
}

@media (max-width: 1024px) {
	.wk-subscription-block {
	.row.wksubscribe {
		.row .col-sm-11 {
			.icon-container {
				position: static;
				
				.popup {
					width: 100%;
                    left: 50%;
                    transform: translateX(-50%);
					top: 30px;
				}
			}
		}
	}
}
}

.apz-widget_content, .apz-widget_title {
	display: none;
}

.aplazame-wrapper {
	margin-bottom: 0.8rem;
	flex: 1.2 !important;

	.aplazame-product-container {
		width: fit-content;
		
		.aplazame-product-title {
			display: flex;
			align-items: center;
			justify-content: start;
			font-family: 'Helvetica';

			p {
				margin: 0;
				color: rgb(44, 46, 47);
				font-size: 12px;
				font-family: inherit;
			}

			img {
				width: 75px;
			}

			span {
				cursor: pointer;
				color: #0070ba;
    			font-weight: 500;
				font-size: 12px;
				font-family: inherit;
				text-decoration: underline;
                margin-left: 5px;
			}
		}
		
		div[data-aplazame-widget-instalments] {
			display: none;
			
			div div {
				width: 100%;
				padding: 0;
				max-width: none;
				
				div {
					width: 100%;
				}
			}
			
			.apz-widget_content {
				border-top-left-radius: 0;
    			border-top-right-radius: 0;
			}
			
			.apz-widget_legal-advice {
				margin: 0;
   				padding: 10px;
			}
		}
		
		&.displayingDropdown {
			.aplazame-product-title {
			    border-bottom-left-radius: 0;
    			border-bottom-right-radius: 0;
			}
		}
	}
}
/*
@media (max-width: 1350px) {
	.product-quantity {
		width: 70%;
		margin: auto;
	
		.col-add-qty {
			flex: 0 1 20%;
		}
		
		.col-add-btn {
			flex: 1 1 75%;
		}
		
		.one-click-checkout-wrapper {
			flex: 1 1 100% !important;
		}
	}
}

@media (max-width: 767px) {
	.product-quantity {
		width: 100%;
	}
}
*/