/*Tamaño miniatura producto minicart*/
.minicart-items .product-image-container {
	width: 75px !important;
}

/*Aspecto productos*/
.product-item-info .product-item-photo {
    height: 180px;
}

.products-grid .product-item .product-item-details .product-item-name {
	white-space: normal !important;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	height: 95px;
}

/*CATEGORÍAS DE PRODUCTO Arreglar los tamaños de imágen y evitar que aparezcan descuadradas*/
.filterproducts.products.list.items.product-items .item.product.product-item .product.photo.product-item-photo .product-image-photo.default_image {
	-o-object-fit: contain;
	   object-fit: contain;
	height: 100%;
	width: 100%;
}

/*Botón para iniciar sesión en checkout móvil y tablet*/
@media(max-width: 991px){
	.checkout-container.am-checkout.-modern .authentication-wrapper .checkout-header {
		position: absolute;
		text-align: center;
		background-color: #d1f4ff;
		padding-top: 10px !important;
		padding-bottom: 18px !important;
		border-radius: 10px;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.checkout-container.am-checkout.-modern .authentication-wrapper .action.action-auth-toggle.social-login-btn {
		width: 200%;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		display: block;
		opacity: 0;
	}
}

@media(max-width: 539px){
	.checkout-container.am-checkout.-modern .authentication-wrapper .checkout-header {
		width: 95vw;
	}
}

@media(min-width: 540px) and (max-width: 767px){
	.checkout-container.am-checkout.-modern .authentication-wrapper .checkout-header {
		width: 520px;
	}
}

@media(min-width: 768px) and (max-width: 991px){
	.checkout-container.am-checkout.-modern .authentication-wrapper .checkout-header {
		width: 700px;
	}
}

.checkout-container.am-checkout.-modern .opc-estimated-wrapper{
	display: none;
}

@media(max-width: 421px){
	.checkout-container.am-checkout.-modern .authentication-wrapper .action.action-auth-toggle.social-login-btn {
		padding-top: 17px !important;
		padding-bottom: 17px !important;
	}
}


/*CHECKOUT RESPONSIVE MÓVIL Y TABLET*/

@media(max-width: 767px) {
	/*Margen Código descuento*/
	.checkout-payment-method .payment-option {
		margin: 0 0 !important;
	}

	/*Botón Finalizar y pagar*/
	.checkout-payment-method.submit .payment-methods .actions-toolbar .action.primary.checkout.amasty {
		width: 75%;
	}
}

@media(max-width: 991px) {
	/*Texto Resumen del pedido*/
	.opc-block-summary.amcheckout-summary-container .step-title.amcheckout-title {
		color: #1a1a1a !important;
		padding-bottom: 0 !important;
	}

	/*Imagen producto*/
	.amcheckout-column .amcheckout-step-container .amcheckout-summary-container .minicart-items .product-image-container {
		height: 100px !important;
		width: 100px !important;
		border-radius: 10px;
	}

	.amcheckout-step-container .amcheckout-summary-container .minicart-items .product-image-container .product-image-wrapper img {
		width: 100%;
	}

	/*Margen título y cantidad*/
	.amcheckout-step-container .amcheckout-summary-container .product-item-name, .amcheckout-step-container .amcheckout-summary-container .details-qty {
		margin-left: 10px !important;
	}

	/*Posición precio*/
	.amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-name-block {
		margin-bottom: 0 !important;
	}

	.amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-inner {
		-webkit-box-align: end !important;
		    -ms-flex-align: end !important;
		        align-items: end !important;
	}

	/*Botón Finalizar y pagar*/
	.checkout-payment-method.submit .payment-methods .actions-toolbar .action.primary.checkout.amasty {
		font-family: 'Varela Round' !important;
	}


}

@media(min-width: 768px) and (max-width: 991px) {
	/*Botón aplicar descuento*/
	.form.form-discount .actions-toolbar .primary .action.action-apply {
		width: 100% !important;
	}

	.form.form-discount .actions-toolbar .primary {
		display: block !important;
		float: none !important;
	}

	/*Botón Finalizar y pagar*/
	.checkout-payment-method.submit .payment-methods .actions-toolbar .action.primary.checkout.amasty {
		width: 95%;
	}
}

/*Aspecto métodos de envío en resoluciones bajas*/
@media(max-width: 395px){
	.table-checkout-shipping-method.amcheckout-shipping-methods .row.amcheckout-method {
		padding-left: 5px !important;
		padding-right: 3px !important;
	}

	.table-checkout-shipping-method.amcheckout-shipping-methods .row.amcheckout-method .col {
		padding-left: 0px !important;
		padding-right: 8px !important;
	}

	.table-checkout-shipping-method.amcheckout-shipping-methods .row.amcheckout-method .col.col-method .amcheckout-label.-radio {
		width: 15px;
	}
}

/*Anchura y margen inferior de los métodos de envío en tablet*/
@media(min-width: 768px) and (max-width: 991px) {
	.amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method {
		width: 100% !important;
		margin-bottom: 15px !important;
	}
}

/*FIN DE CHECKOUT RESPONSIVE MÓVIL Y TABLET*/

/*CARRITO RESPONSIVE MÓVIL Y TABLET*/
@media(max-width: 991px) {
	/*Ocultar texto: Cesta*/
	.checkout-cart-index .page-title-wrapper {
		display: none;
	}

	/*Mostrar texto: Resumen*/
	.column.main .cart-container .cart-summary > .title {
		display: block !important;
		font-weight: bold;

	}

	/*Quitar fondo*/
	.column.main .cart-container .cart-summary {
		background: none !important;
		border: none !important;
	}

	/*Borde superior*/
	.cart-summary #block-shipping .title {
		border-top: 3px solid #000;
	}

	/*Texto negrita*/
	.data.table.totals tbody .mark {
		font-weight: bold !important;
	}

	/*Quitar bordes*/
	.cart-summary .block.discount .title, .cart-summary .block.reward .title {
		border-top: none !important;
	}

	/*Padding Descuento y Puntos*/
	.cart-container .cart-summary #block-reward .content, .cart-container .cart-summary #block-discount .content {
		padding-bottom: 0 !important;
	}

	/*Aspecto Código de descuento*/
	#discount-coupon-form .fieldset.coupon .field .control #coupon_code {
		width: 70%;
		float: left;
		height: 50px;
		border-radius: 5px 0 0 5px !important;
		background: #f0f0f0;
		border: none;
	}

	#discount-coupon-form .fieldset.coupon .field .control #coupon_code::-webkit-input-placeholder {
		color: #000 !important;
	}

	#discount-coupon-form .fieldset.coupon .field .control #coupon_code::-moz-placeholder {
		color: #000 !important;
	}

	#discount-coupon-form .fieldset.coupon .field .control #coupon_code:-ms-input-placeholder {
		color: #000 !important;
	}

	#discount-coupon-form .fieldset.coupon .field .control #coupon_code::-ms-input-placeholder {
		color: #000 !important;
	}

	#discount-coupon-form .fieldset.coupon .field .control #coupon_code::placeholder {
		color: #000 !important;
	}

	#discount-coupon-form .fieldset.coupon .actions-toolbar {
		margin-top: -16px;
	}

	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.apply.primary, #discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary {
		border-radius: 0 5px 5px 0 !important;
		padding: 3px 5px !important;
		height: 50px !important;
	}

	#discount-coupon-form .fieldset.coupon .label {
		display: none !important;
	}

	/*Aspecto Puntos descuento*/
	.cart-container .cart-summary #block-reward {
		float: none;
		width: auto;
	}

	#discount-reward-form .fieldset.reward .field .control #amreward_amount {
		width: 70%;
		float: left;
		height: 50px;
		border-radius: 5px 0 0 5px !important;
		background: #f0f0f0;
		border: none;
	}

	#discount-reward-form .fieldset.reward .field .control #amreward_amount::-webkit-input-placeholder {
		color: #000 !important;
	}

	#discount-reward-form .fieldset.reward .field .control #amreward_amount::-moz-placeholder {
		color: #000 !important;
	}

	#discount-reward-form .fieldset.reward .field .control #amreward_amount:-ms-input-placeholder {
		color: #000 !important;
	}

	#discount-reward-form .fieldset.reward .field .control #amreward_amount::-ms-input-placeholder {
		color: #000 !important;
	}

	#discount-reward-form .fieldset.reward .field .control #amreward_amount::placeholder {
		color: #000 !important;
	}

	#discount-reward-form .fieldset.reward .actions-toolbar {
		margin-top: -16px;
	}

	#discount-reward-form .fieldset.reward .actions-toolbar #apply-amreward, #discount-reward-form .fieldset.reward .actions-toolbar #cancel-amreward {
		border-radius: 0 5px 5px 0 !important;
		padding: 3px 5px !important;
		height: 50px !important;
	}

	.cart-container .cart-summary #block-reward .content {
		max-width: 100%;
	}

	.cart-container .cart-summary #block-reward .content #discount-reward-form {
		max-width: 100%;
	}

	#discount-reward-form .fieldset.reward .label {
		display: none !important;
	}

	/*Botón tramitar pedido*/
	.cart-summary .checkout-methods-items .action.primary.checkout {
		height: 50px;
		background-color: #0892bf;
		border-radius: 5px;
	}

	/*Botón Actualizar carrito*/
	.cart.main.actions .action.update {
		height: 50px;
		border-radius: 5px !important;
		font-size: 15px !important;
		background-color: #0892bf !important;
	}

	#form-validate .cart.table-wrapper .product-item-details .product-item-name a {
		display: inline-block;
		height: 40px;
		overflow: hidden;
	}
	.cart.table-wrapper .cart > .item {
		border-bottom: 2px solid #666666b8 !important;
	}

	.cart.table-wrapper {
		border-top: 2px solid #666666b8 !important;
	}
}

@media(max-width: 767px) {
	/*Margen texto: Resumen*/
	.column.main .cart-container .cart-summary > .title {
		margin-left: 14px;
	}

	/*Aspecto Código de descuento*/
	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.apply.primary, #discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary {
		width: 30% !important;
	}

	/*Aspecto Puntos descuento*/
	#discount-reward-form .fieldset.reward .actions-toolbar #apply-amreward, #discount-reward-form .fieldset.reward .actions-toolbar #cancel-amreward {
		width: 30% !important;
	}

	/*Aspecto resumen producto*/
	#form-validate .cart.table-wrapper .col.item {
		padding: 11px 10px !important;
	}

	#form-validate .cart.table-wrapper .product-item-photo {
		float: left;
		max-width: 30% !important;
		position: unset !important;
	}

	#form-validate .cart.table-wrapper .product-item-details {
		padding-top: 0;
	}

	.col.item .product-item-details .product-item-name {
		margin-left: calc(30% + 10px) !important;
	}

	.col.item .product-item-details .comment.product-comment-input {
		width: calc(70% - 10px);
		margin-left: 10px;
		height: 50px;
	}

	#form-validate .cart.table-wrapper .col.price {
		clear: both;
		width: auto;
	}

	#form-validate .cart.table-wrapper .col.price .price, #form-validate .cart.table-wrapper .col.subtotal .price {
		display: inline-block;
		vertical-align: middle;
		margin-top: 12px;
	}

	/*Aspecto aviso de que faltan puntos*/
	.cart-container .cart-summary #block-reward #discount-reward-form .amrewards-minimum-points-note {
		width: 100% !important;
	}
}

/*Aspecto de Añade una referencia en diferentes resoluciones*/
@media(max-width: 387px) {
	.col.item .product-item-details .comment.product-comment-input {
		height: 33px;
	}
}

@media(min-width: 768px) and (max-width: 1199px) {
	.col.item .product-item-details .comment.product-comment-input {
		height: 33px;
	}
}

@media(min-width: 992px) and (max-width: 1199px) {
	.col.item .product-item-details .comment.product-comment-input {
		width: 170px;
	}
}
/*Fin de Aspecto de Añade una referencia...*/

@media(min-width: 768px) and (max-width: 991px){
	/*Aspecto Código de descuento*/
	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.apply.primary, #discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary {
		width: calc(654px*0.3) !important;
		margin-right: 0 !important;
	}

	/*Aspecto Puntos descuento*/
	#discount-reward-form .fieldset.reward .actions-toolbar #apply-amreward, #discount-reward-form .fieldset.reward .actions-toolbar #cancel-amreward {
		width: calc(654px*0.3) !important;
		margin-right: 0 !important;
	}

	.cart-container .cart-summary #block-reward #discount-reward-form .fieldset.reward {
		margin-top: 30px;
	}

	/*Aspecto aviso de que faltan puntos*/
	.cart-container .cart-summary #block-reward #discount-reward-form .amrewards-minimum-points-note {
		width: 100% !important;
	}

	/*Botón Actualizar carrito centrado*/
	.cart.main.actions .action.update {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

/*FIN DE CARRITO RESPONSIVE MÓVIL Y TABLET*/

/*Código promocional y puntos en versión de escritorio*/
@media(min-width: 992px) {
	/*Aspecto Código de descuento*/
	#discount-coupon-form .fieldset.coupon .field .control #coupon_code {
		width: 70%;
		float: left;
		height: 30px;
		border-radius: 5px 0 0 5px !important;
	}

	#discount-coupon-form .fieldset.coupon .actions-toolbar {
		margin-top: -16px;
	}

	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.apply.primary, #discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary {
		border-radius: 0 5px 5px 0 !important;
		padding: 3px 5px !important;
		height: 30px !important;
		overflow: hidden;
		border: 0 !important;
	}

	#discount-coupon-form .fieldset.coupon .label {
		display: none !important;
	}

	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.apply.primary, #discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary {
		margin-right: 0 !important;
	}

	/*Aspecto Puntos descuento*/
	.cart-container .cart-summary #block-reward {
		float: none;
		width: auto;
	}

	#discount-reward-form .fieldset.reward .field .control #amreward_amount {
		width: 70%;
		float: left;
		height: 30px;
		border-radius: 5px 0 0 5px !important;
	}

	#discount-reward-form .fieldset.reward .actions-toolbar {
		margin-top: -16px;
	}

	#discount-reward-form .fieldset.reward .actions-toolbar #apply-amreward, #discount-reward-form .fieldset.reward .actions-toolbar #cancel-amreward {
		border-radius: 0 5px 5px 0 !important;
		padding: 3px 5px !important;
		height: 30px !important;
		overflow: hidden;
		background-color: #0AA8DC  !important;
		border: 0 !important;
	}

	.cart-container .cart-summary #block-reward .content {
		max-width: 100%;
	}

	.cart-container .cart-summary #block-reward .content #discount-reward-form {
		max-width: 100%;
	}

	#discount-reward-form .fieldset.reward .label {
		display: none !important;
	}

	#discount-reward-form .fieldset.reward .actions-toolbar #apply-amreward, #discount-reward-form .fieldset.reward .actions-toolbar #cancel-amreward {
		margin-right: 0 !important;
	}
	
	.cart-container .cart-summary #block-reward #discount-reward-form .fieldset.reward {
		margin-top: 30px;
	}

	/*Aspecto aviso de que faltan puntos*/
	.cart-container .cart-summary #block-reward #discount-reward-form .amrewards-minimum-points-note {
		width: 100% !important;
	}

	/*Color hover*/
	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.apply.primary:hover, #discount-reward-form .fieldset.reward .actions-toolbar #apply-amreward:hover, #discount-reward-form .fieldset.reward .actions-toolbar #cancel-amreward:hover, #discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary:hover {
		background-color: #0892bf !important;
	}

	/*Quitar bordes*/
	.cart-summary .block.discount .title, .cart-summary .block.reward .title {
		border-top: none !important;
	}

	/*Padding Descuento y Puntos*/
	.cart-container .cart-summary #block-reward .content, .cart-container .cart-summary #block-discount .content {
		padding-bottom: 0 !important;
	}
}

@media(min-width: 992px) and (max-width: 1199px) {
	/*Aspecto Código de descuento*/
	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.apply.primary, #discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary {
		width: calc(272px*0.3) !important;
	}

	/*Aspecto Puntos descuento*/
	#discount-reward-form .fieldset.reward .actions-toolbar #apply-amreward {
		width: calc(272px*0.3) !important;
	}
}

@media(min-width: 1200px) and (max-width: 1279px) {
	/*Aspecto Código de descuento*/
	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.apply.primary, #discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary {
		width: calc(332px*0.3) !important;
	}

	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary span {
		width: 80px;
		display: inline-block;
	}

	/*Aspecto Puntos descuento*/
	#discount-reward-form .fieldset.reward .actions-toolbar #apply-amreward, #discount-reward-form .fieldset.reward .actions-toolbar #cancel-amreward {
		width: calc(332px*0.3) !important;
	}
}

@media(min-width: 1280px) {
	/*Aspecto Código de descuento*/
	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.apply.primary, #discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary {
		width: calc(372px*0.3) !important;
	}

	#discount-coupon-form .fieldset.coupon .actions-toolbar .action.cancel.primary span {
		width: 80px;
		display: inline-block;
	}

	/*Aspecto Puntos descuento*/
	#discount-reward-form .fieldset.reward .actions-toolbar #apply-amreward, #discount-reward-form .fieldset.reward .actions-toolbar #cancel-amreward {
		width: calc(372px*0.3) !important;
	}
}

/*Fin de Código promocional y puntos...*/

/*HOME RESPONSIVE MÓVIL Y TABLET*/

@media(max-width: 767px) {
	/*Icono lupa oculto en móvil*/
	#search_mini_form .field.search .label {
		display: none !important;
	}
	
	/*Margen para que el header no tape el contenido*/
	.mobile-sticky .page-main {
		margin-top: 134px !important;
	}
}

/*Posición buscador*/
@media(min-width: 1200px) {
	.page-header.type16 .block-search {
		max-width:550px;
		top: 2%;
	}
	.page-header.type16 .logo {
		margin: 11px 0 !important;
	}
}

/*Responsive buscador IpadPro*/
@media (min-width: 991px) and (max-width: 1199px) {
		.page-header.type16 .block-search {
		margin-left: 20px !important;
		max-width:380px;
	}
}

/*Aspecto banner slider*/
@media(max-width: 352px) {
	#banner-slider-demo-17 .owl-stage .owl-item .item .container .content {
		padding-right: 10px !important;
		top: 12% !important;
	}
}

@media(min-width: 353px) and (max-width: 468px) {
	#banner-slider-demo-17 .owl-stage .owl-item .item .container .content {
		padding-right: 54px !important;
		top: 12% !important;
	}
}

@media(min-width: 469px) and (max-width: 767px) {
	#banner-slider-demo-17 .owl-stage .owl-item .item .container .content {
		padding-right: 54px !important;
		top: 20% !important;
	}
}

@media(min-width: 768px) and (max-width: 991px) {
	#banner-slider-demo-17 .owl-stage .owl-item .item .container .content {
		padding-right: 270px !important;
		top: 20% !important;
	}
}

@media(min-width: 992px) and (max-width: 1199px) {
	#banner-slider-demo-17 .owl-stage .owl-item .item .container .content {
		padding-right: 422px !important;
	}
}

@media(max-width: 991px) {
	#banner-slider-demo-17 .owl-stage .owl-item .item .container{
		height: 412px;
	}
}

/*Ocultar antiguo icono del carrito*/
@media(max-width: 767px) {
	.page-header.header-newskin .minicart-wrapper .action.showcart::after, .page-header.header-newskin .minicart-wrapper .action.showcart::before {
		content: none !important;
	}
}

@media(min-width: 768px) {
	.page-header.type16 .minicart-wrapper .action.showcart::before, .page-header.type16 .minicart-wrapper .action.showcart.active::before {
		font-size: 0 !important;
	}
}

/*Carrusel marcas*/
.brands-slider .owl-carousel .owl-item img {
	margin-left: auto;
	margin-right: auto;
}

/*Carrusel blog*/
#latest_news .recent-posts .item .post-image {
	min-height: auto !important;
	min-width: auto !important;
	border-radius: 10px 10px 0 0 !important;
}

#latest_news .recent-posts .item .post-date {
	display: none !important;
}

#latest_news .recent-posts .owl-carousel.owl-theme.owl-loaded.owl-drag {
	padding-bottom: 0 !important;
}

#latest_news .recent-posts .owl-dots {
	position: absolute;
	top: 90%;
	left: 25%;
	right: 25%;
}

/*Botón Whatsapp redondo*/
#whatsappchat img {
	border-radius: 10px;
}

/*Aspecto footer top*/
@media(max-width: 767px) {
	.footer-top .footer-top-1 {
		display: unset !important;
	}

	.footer-top .footer-top-1 .col-md-5 {
		padding: 0 !important;
	}

	.footer-top .footer-top-1 .col-md-7 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.footer-top .footer-top-1 .col-md-7 .block-content {
		margin-top: 10px !important;
	}

	.footer-top .footer-top-1 .col-md-7 .block-content .block.newsletter {
		width: 100%;
	}

	.footer-top .footer-top-1 .col-md-7 .block-content .block.newsletter input {
		min-width: 161px !important;
	}
}

.footer-top .footer-top-1 .col-md-7 .block-content .block.newsletter .action.subscribe.primary {
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}

@media(max-width: 1199px) {
	.footer-top .footer-top-1 .col-md-7 .block-content .social-icons {
		float: none !important;
	}
}

@media(min-width: 768px) and (max-width: 991px) {
	.footer-top .footer-top-1 .col-md-7 .block-content .block.newsletter input {
		min-width: 250px;
	}
}

/*Métodos de pago alineados a la izquierda*/
.footer-bottom .custom-block.f-right {
	margin-left: 0 !important;
}

@media (max-width: 767px) {
/*Logo con las mismas proporciones en móvil*/
	.header.content .logo img {
		max-height: 56.95px !important;
	}
}

/*Botón lupa en buscador móvil*/
@media (max-width: 767px) {
	#search_mini_form .actions .action.search {
		display: unset !important;
		border: none !important;
		border-radius: 28px;
		background: #fff !important;
		font-family: 'porto-icons' !important;
		font-size: 14px !important;
		font-weight: normal !important;
		float: left;
		left: 67.8%;
		position: relative;
		top: -50px;
		margin-bottom: -48px !important;
	}
	
	#search_mini_form .actions .action.search::after {
		content: '\e884';
		color: #777;
	}
	
	#search_mini_form .actions .action.search span {
		display: none;
	}
	
	#search_mini_form .field.search #search {
		padding-right: 40px;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
		position: static;
		border-radius: 28px;
	}
	.block-search .control {
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* @media (min-width: 403px) and (max-width: 470px) {
	#search_mini_form .field.search #search {
		width: 76% !important;
	}
}

@media (min-width: 372px) and (max-width: 402px) {
	#search_mini_form .field.search #search {
		width: 70% !important;
	}
	#search_mini_form .actions .action.search {
		left: 61.8% !important;
		background: #fff !important;
	}
}

@media (max-width: 371px) {
	#search_mini_form .actions .action.search {
		left: 51.8% !important;
		background: #fff !important;
	}
	#search_mini_form .field.search #search {
		width: 60% !important;
	}
} */

@media (max-width: 767px) {
	#search_mini_form .field.search #search {
		width: 100% !important;
	}
	#search_mini_form .actions .action.search {
		left: calc(100% - 40px) !important;
		background: #fff !important;
	}
}

/*FIN DE HOME RESPONSIVE MÓVIL Y TABLET*/

/*LANDING MÓVIL Y TABLET*/

.at-icon-wrapper {
	background-color: #fff !important;
	border: 2px solid #e7e7e7 !important;
	border-radius: 25px !important;
	height: 32px !important;
	width: 32px !important;
	line-height: 30px !important;
	font-family: 'Font Awesome 5 Free','Font Awesome 5 Brands', 'FontAwesome' !important;
	font-size: 18px !important;
	color: #222529 !important;
	text-align: center;
	padding-left: 1px !important;
}

.at-icon-wrapper:hover {
	color: #fff !important;
}

.at-icon-wrapper.at-share-btn.at-svc-whatsapp:hover {
	border-color: #25D366 !important;
	background-color: #25D366 !important;
}

.at-icon-wrapper.at-share-btn.at-svc-printfriendly:hover {
	border-color: #738a8d !important;
	background-color: #738a8d !important;
}

.at-icon-wrapper.at-share-btn.at-svc-link:hover {
	border-color: #3d9dcd  !important;
	background-color:  #3d9dcd  !important;
}

/*.at-icon-wrapper.at-share-btn.at-svc-mailto:hover {
	border-color: #dd4b39 !important;
	background-color: #dd4b39 !important;
}*/
.at-icon-wrapper.at-share-btn.at-svc-email:hover {
	border-color: #dd4b39 !important;
	background-color: #dd4b39 !important;
}

.at-icon-wrapper.at-share-btn.at-svc-facebook {
	display: none !important;
}

.at-icon-wrapper.at-share-btn.at-svc-compact {
	display: none !important;
}

/*.at-share-btn-elements .at-icon-wrapper.at-share-btn.at-svc-mailto::before {
	content: '\f0e0';
}*/
.at-share-btn-elements .at-icon-wrapper.at-share-btn.at-svc-email::before {
	content: '\f0e0';
}

.at-share-btn-elements .at-icon-wrapper.at-share-btn.at-svc-printfriendly::before {
	content: '\f02f';
}

.at-share-btn-elements .at-icon-wrapper.at-share-btn.at-svc-whatsapp::before {
	content: '\f232';
}

.at-share-btn-elements .at-icon-wrapper.at-share-btn.at-svc-link::before {
	content: '\f0c1';
}

/*FIN DE LANDING MÓVIL Y TABLET*/

/*carousel home*/
.owl-bottom-narrow .owl-controls .owl-dot span {
	width: 11px !important;
	height: 3px !important;
	margin: 5px !important;
  }
  .owl-bottom-narrow .owl-controls .owl-dot:hover span, .owl-bottom-narrow .owl-controls .owl-dot.active span, .owl-bottom-absolute-narrow.owl-bottom-narrow .owl-controls .owl-dot:hover span, .owl-bottom-absolute-narrow.owl-bottom-narrow .owl-controls .owl-dot.active span {
	background-color: #2b2b2d;
  }
  .products-grid .product-item-details .product-item-actions .tocart::before {
	  display: none;
	}
	.products-grid .product-item-details .product-item-actions .actions-primary {
	  width: 100%;
	}
	.products-grid .product-item-details .product-item-actions .tocart {
	  width: 100%;
	}
	.product.details.product-item-details .price-box.price-final_price {
	  text-align: left;
  }
  .product.details.product-item-details .product.name.product-item-name {
	  text-align: left;
  }
  
  	 .cms-porto_home_26 .product.details.product-item-details .price-box.price-final_price {
	  text-align: center;
  }
   .cms-porto_home_26 .product.details.product-item-details .product.name.product-item-name {
	  text-align: center;
  }
  
  
 
  .product-image-photo.hover_image {
	display: none !important;
  }
  .product-item .product-item-info.type1{
	-webkit-box-shadow: 0 10px 25px -20px rgba(0,0,0,.3);
	        box-shadow: 0 10px 25px -20px rgba(0,0,0,.3);
	z-index: 2;
  }
  .product-item-info.type1 {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-radius: 10px;
  }
  .owl-dots {
	height: 30px;
	padding-top: 20px;
  }
  .product-item-info.type1 .old-price .price-container .price {
    color: #333;
    font-weight: 400;
}
.product-item-info.type1 .price-container .price {
    color: #c76200;
}
  @media(max-width: 767px){
	.product-item-info.type1 .product.details.product-item-details {
		display: block;
	}
  }
  /*fin carousel*/

/*vista rápida en productos*/
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #1a1a1a !important;
    background-color: #fff !important;
}
.mfp-close:hover {
    background-color: #fff !important;
    border-color: #fff !important;
}
#product-gotoproduct-button {
    border-color: #08c;
    background-color: #fff;
    color: #1a1a1a;
}
/*vista rápida spinner*/
.mfp-preloader {
    border-top-color: #1d70ba !important;
    z-index: 9999 !important;
    content: "" !important;
    border: 2px solid transparent;
    width: 40px !important;
    height: 40px !important;
    -webkit-animation: spin 0.75s infinite linear !important;
            animation: spin 0.75s infinite linear !important;
    -o-border-image: none !important;
       border-image: none !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    position: absolute !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
}
/*cerrar vista rápida*/
.mfp-iframe-holder .mfp-close {
	top: 0 !important;
	right: 0px !important;
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: 100;
	width: auto !important;
	border: none;
	border-radius: 0;
	padding-right: 6px;
	padding-left: 6px;
	text-align: right;
	opacity: 0;
}

/* correccion del sticky */
header.sticky-header {
	position: fixed;
	width: 100%;
	/*z-index: 9999;*/
}

.minicart-wrapper .action.showcart::after {
	display: block !important;
}

/*pagina exito de pedido*/
.box .box-title{
	text-align: center;
	background-color: #80E0FE;
}

.block-order-details-view .box .box-content{
	background-color: #d1f4fa;
}

.page-main .block.block-order-details .order-date{
	border-bottom: 2px solid #c6c6c6;
}

.success-order-h1 {
    margin-top: 40px;
}

/*MEGAMENÚ*/

.level1.nav-dropdown.ves-column4 {
	min-width: -webkit-max-content;
	min-width: -moz-max-content;
	min-width: max-content;
}

@media(max-width: 991px){
	.recambios-version-desktop{
		display: none !important;
	}
}

@media(max-width: 767px){
	.recambios-version-tablet{
		display: none !important;
	}
}

@media(min-width: 992px){
	.recambios-version-tablet{
		display: none !important;
	}
}

@media(min-width: 768px){
	.recambios-version-movil{
		display: none !important;
	}
}

.nav-item.level1.subgroup.dropdown-submenu.parent{
	float: left;
}

/*Mostrar desplegable móvil*/
.submenu.dropdown-mega {
	display: revert !important;
}

@media(max-width: 767px)  {
	.nav-item.level1.subgroup.dropdown-submenu.parent{
		width: 50% !important;
	}
}
/*FIN MEGAMENÚ*/

/*ARREGLOS MÉTODO DE PAGO PAYPAL EXPRESS*/
/*Ocultar Nacex.shop*/
.paypal-review.view #shipping-method-form #shipping-method optgroup[label="Nacex"] option[value="nacexshippingmethod_90"] {
	display: none;
}

/*Mostrar títulos*/
.paypal-review.view .box.box-order-shipping-method .box-title {
	z-index: 3;
}

.paypal-review.view .box.box-order-shipping-address .box-title {
	z-index: 2;
}

.paypal-review.view .box.box-order-billing-address .box-title {
	z-index: 1;
}

@media(min-width: 768px) {
	/*Retoques bordes*/
	.paypal-review.view .block-order-details-view .box .box-content {
		border-radius: 0 !important;
	}

	.paypal-review.view .box.box-order-shipping-method .box-title {
		border-radius: 7px 0 0 0 !important;
	}

	.paypal-review.view .box.box-order-shipping-address .box-title {
		border-radius: 0 !important;
	}

	/*Aumento altura para que no se desborde el contenido*/
	.paypal-review.view .block-order-details-view .box .box-content {
		min-height: 200px;
	}

	.paypal-review.view .box.box-order-shipping-method .box-content, .paypal-review.view .box.box-order-shipping-method .box-title {
		border-right: 0 !important;
	}

	.paypal-review.view .box.box-order-shipping-address .box-actions {
		border-radius: 0 !important;
	}
}

/*Retoques bordes*/
.paypal-review.view .box.box-order-billing-address .box-content {
	border-radius: 0 !important;
}

/*Ajuste anchura*/
@media(min-width: 768px) and (max-width: 991px) {
	.paypal-review .block-content .box-order-shipping-address {
		width: 33% !important;
	}
}

/*Retoques puntos descuento*/
.paypal-review.view .paypal-review-discount #discount-reward-form .fieldset.reward .field .control #amreward_amount {
	width: 100% !important;
}

.paypal-review.view .paypal-review-discount #discount-reward-form .fieldset.reward .actions-toolbar #apply-amreward {
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
	padding-right: 30px !important;
	padding-left: 30px !important;
}

.paypal-review.view .paypal-review-discount #discount-reward-form .fieldset.reward .actions-toolbar #cancel-amreward {
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
}

@media(min-width: 992px){
	.paypal-review.view .paypal-review-discount .fieldset{
		width: 282px !important;
	}
}

.paypal-review.view .paypal-review-discount {
	border: none !important;
	padding-top: 0 !important;
}

.paypal-review.view .paypal-review-discount #block-reward {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 100% !important;
	padding-top: 9px;
}

.paypal-review.view .paypal-review-discount .block > .title {
	border-top: 0 !important;
}

.paypal-review.view .paypal-review-discount #block-reward #discount-reward-form {
	margin-top: 10px;
}

/*Ancho del nombre del artículo en tablet*/
@media(min-width: 768px) and (max-width: 991px) {
	.paypal-review.view .table-paypal-review-items .col.item {
		width: 100%;
	}
}

/*Alinear campo de texto "Añade una referencia"*/
@media(max-width: 767px){
	.paypal-review.view .paypal-review-items .comment.product-comment-input {
		float: right;
	}
}

/*Cantidad de artículos no modificable*/
.paypal-review.view .paypal-review-items .cart.item .item-info .field.qty .input-text.qty {
	pointer-events: none;
	border: none;
	font-family: Varela Round !important;
}

@media(max-width: 767px) {
	.paypal-review.view .paypal-review-items .cart.item .item-info .field.qty .input-text.qty {
		margin-top: -11px;
	}
}

/*Aspecto de imagen y de nombre de producto en móvil*/
@media(max-width: 767px) {
	.paypal-review.view .paypal-review-items .cart.table-wrapper .product-item-photo {
		max-width: 27% !important;
	}
	
	.paypal-review.view .paypal-review-items .cart.table-wrapper .item .col.item {
		padding-left: 9px !important;
	}
	
	.paypal-review.view .paypal-review-items .cart.table-wrapper .product-item-details {
		padding-top: 0 !important;
	}

	.paypal-review.view .paypal-review-items .cart.table-wrapper .product-item-photo .product-image-container {
		-o-object-fit: contain;
		   object-fit: contain;
		display: revert !important;
		border: 0 !important;
	}

	.paypal-review.view .paypal-review-items .cart.table-wrapper .product-item-photo .product-image-photo {
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 3px;
	}
}

@media(min-width: 481px) and (max-width: 767px){
	.paypal-review.view .paypal-review-items .item-info .col.price, .paypal-review.view .paypal-review-items .item-info .col.qty, .paypal-review.view .paypal-review-items .item-info .col.subtotal {
		margin-top: 20px;
	}
}

@media(max-width: 480px) {
	.paypal-review.view .paypal-review-items .item-info .col.price, .paypal-review.view .paypal-review-items .item-info .col.qty, .paypal-review.view .paypal-review-items .item-info .col.subtotal {
		margin-top: 10px;
	}
}

@media(min-width: 640px) and (max-width: 767px){
	.paypal-review.view .paypal-review-items .cart.table-wrapper .product-item-details .product-item-name {
		min-height: 63px;
	}
}

@media(max-width: 639px) {
	.paypal-review.view .paypal-review-items .cart.table-wrapper .product-item-details .product-item-name {
		min-height: 80px;
	}
}

/*FIN DE ARREGLOS MÉTODO DE PAGO PAYPAL EXPRESS*/

/*productos relacionados en carrito (mobile)*/
@media (max-width: 767px){
	.checkout-cart-index .block.widget.amrelated-grid-wrapper.block-products-list.grid .product-item-actions {
	  display: -webkit-inline-box;
	  display: -ms-inline-flexbox;
	  display: inline-flex;
	  -webkit-box-align: center;
	      -ms-flex-align: center;
	          align-items: center;
	}
	.checkout-cart-index .product-items.slick-slider .slick-slide {
	  width: inherit !important;
	}
	.checkout-cart-index .block.widget.amrelated-grid-wrapper.block-products-list.grid .product-item-photo {
	  max-width: -webkit-max-content;
	  max-width: -moz-max-content;
	  max-width: max-content;
	  display: inline-block;
	}
  
	.checkout-cart-index .block.widget.amrelated-grid-wrapper.block-products-list.grid .slick-slide {
	  -ms-flex-item-align: center;
	      align-self: center;
	  margin: auto !important;
	  padding: 20px !important;
	}
}

.checkout-cart-index .block.widget.amrelated-grid-wrapper.block-products-list.grid .product-item-actions .actions-primary {
  margin-right: 2%;
}

.checkout-cart-index .block.widget.amrelated-grid-wrapper.block-products-list.grid .product-item-actions .actions-secondary a.action.tocompare {
  display: none;
}
.checkout-cart-index .block.widget.amrelated-grid-wrapper.block-products-list.grid .product-item-actions {
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


/*menú*/
.nav-desktop.ves-megamenu .navigation .level0 > a > div {
	position: relative;
    display: inline-block;
    zoom: 1;
    line-height: 1.5;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    vertical-align: middle;
}

.nav-desktop.ves-megamenu .navigation .level0 > a {
    padding: 0px !important;
}

.nav-desktop.ves-megamenu .navigation .level0 > a {
    font-size: 12px !important;
    text-align: center;
}

.ves-megamenu.nav-desktop .navigation > ul {
    padding: 0;
}

.nav-desktop.ves-megamenu .navigation .level0 > a img {
    width: 3vw !important;
    padding: 0px !important;
    margin: 0px !important;
    margin-right: 5px !important;
    max-width: 35px !important;
    max-height: 35px !important;
}

.ves-megamenu.nav-desktop ul {
    width:  100%;
}

.page-header.type16.header-newskin .ves-megamenu.nav-desktop .nav-item.level0 {
    margin: 0 !important;
    -webkit-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important;
    width: 16.66666666666667%;
}

.ves-megamenu.nav-desktop ul.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.ves-megamenu.nav-desktop .navigation .level0 > a .cat-label, .ves-megamenu .navigation .content-type-parentcart .level1 > a .cat-label {
    position: absolute;
    top: -31px;
    right: 0px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 22px;
    z-index: 1;
}

 
@media (min-width: 768px) and (max-width: 991px){
    .page-header.type16.header-newskin .ves-megamenu.nav-desktop .navigation{
        min-width: 100% !important;
    }

    .page-header.type16.header-newskin .ves-megamenu.nav-desktop .nav-item.level0.recambios-version-tablet > a > span {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

/*fin megamenu*/

/*maquetar página de registro*/
.customer-account-create .form.create.account {
    padding: 35px 25px !important;
}
.customer-account-create .form.create.account input[type="text"] {
    width: 90%;
}
.customer-account-create .form.create.account input[type="checkbox"] {
    position: initial;
}
.customer-account-create .form.create.account .field.choice .field-tooltip.toggle {
    display: initial;
}
.customer-account-create .form.create.account .fieldset.additional_info {
    width: 100% !important;
}
@media (min-width: 768px) and (max-width: 991px){
	.page-title-wrapper {
		margin-top: 20rem;
	}
}

  /*CHECKOUT RESPONSIVE*/
/*mover error en inicio de sesión*/
@media (max-width: 768px) {
	.checkout-index-index .checkout-container.am-checkout .messages{
	  margin-top: 108px;
	}
  }
  @media (min-width: 769px) {
	.checkout-index-index .checkout-container.am-checkout .messages{
	  margin-top: 103px;
	}
  }
  .checkout-index-index .checkout-container.am-checkout .payment-option-content .messages {
	margin-top: 0px;
  }
  .amrewards-discount-form .actions-toolbar.amrewards-actions {
	margin-top: 20px !important;
	margin-bottom: 0px !important;
  }
  .payment-option-content .form-discount .actions-toolbar {
	margin-bottom: 0px !important;
  }
  /*botón iniciar sesión*/
.am-checkout.-modern .authentication-wrapper{
	min-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  .am-checkout.-modern .authentication-wrapper .action-auth-toggle{
	  width: 100%;
	  background-color: #0AA8DC !important;
	  border-radius: 8px;
	  padding: 16px;
	  -webkit-box-pack: center;
	      -ms-flex-pack: center;
	          justify-content: center;
  }
  .am-checkout.-modern .authentication-wrapper .action-auth-toggle:hover {
	  background: #0892bf !important;
	  -webkit-transition: all .4s;
	  -o-transition: all .4s;
	  transition: all .4s;
	}
  .am-checkout.-modern .authentication-wrapper .action-auth-toggle span{
	  font-size: 18px;
	  font-weight: 700;
  }
  @media (min-width: 992px) {
	  .am-checkout.-modern .authentication-wrapper .action-auth-toggle{
		  -webkit-box-flex: 0;
		      -ms-flex: 0 0 32%;
		          flex: 0 0 32%;
		  display: -webkit-inline-box;
		  display: -ms-inline-flexbox;
		  display: inline-flex;
	  }
  }
  /*tooltip telefono*/
  .form.form-shipping-address .field-tooltip.toggle {
	position: absolute !important;
  }
  
  /*centrar realizar pedido y corregir realizar pedido fuera del contenedor*/
  .payment-methods .actions-toolbar {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  /*botón aplicar descuento*/
  .payment-option._collapsible.opc-payment-additional.discount-code .action.action-apply:hover{

	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
  }
  .payment-option._collapsible.opc-payment-additional.discount-code .action.action-apply {

	font-size: 13px;
  }
  /*botón realizar pedido*/
  .action.primary.checkout.amasty {
	color: #fff !important;
  }

  /*método de pago*/
  .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label .action-help {
  padding-left: 20px;
  }
  
  /*método de envío*/
  @media (min-width: 768px) and (max-width:991px) {
	.checkout-index-index .global-icon {
	  width: 40%;
	  vertical-align: middle;
	  padding: 0px !important;
	  margin: 0px !important;
	}
	.checkout-index-index #label_carrier_flatrate_flatrate {
	  width: 71%;
	}
  }
  @media (max-width:768px) {
	.checkout-index-index .global-icon {
	  width: 40%;
	  vertical-align: middle;
	  padding: 0px !important;
	  margin: 0px !important;
	}
	.checkout-index-index #label_carrier_flatrate_flatrate {
	  width: 54%;
	}
  }
  /*fin checkout responsive*/

  /*para corregir los cambios producidos por el pop up de registro*/
.customer-account-create.page-layout-1column .control.form-group {
    display: grid;
  }
  
  /*POP UP REGISTRO*/
  .amsl-register-content .amsl-form .fieldset > .field.required >.control.form-group > .label::after {
    content: '*';
    color: #e02b27;
    font-size: 1.2rem;
    margin: 0 0 0 4.5px;
  }
  
  .amsl-register-content .amsl-form .fieldset > .field.required >.control.form-group > .label {
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  position: absolute;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 1.5rem;
  padding-left: 15px;
  font-weight: 400;
  color: grey;
  }
  
  .amsl-register-content .amsl-form .ready-to-write  {
    font-size: 12px;
    margin-top: .35em !important;
  }
  
  .amsl-register-content .amsl-form .ready-to-write + .input-text{
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 15px;
    color: #1A1A1A;
  }
  .amsl-register-content .amsl-form .form-create-account .field-tooltip.toggle{
    display: contents;
  }
  .amsl-register-content .amsl-form .form-create-account .input-text {
    height: 50px;
  }
  .amsl-register-content .amsl-form .form-create-account .field.choice.newsletter{
    margin: 20px 0;
  }
  .amsl-register-content .amsl-form .form-create-account .field.choice.newsletter span {
    color: #1A1A1A;
  }
  @media (max-width: 768px){
    .amsl-register-content .amsl-form .form-create-account {
      padding-top: 0px;
    }
    .amsl-register-content .amsl-form .fieldset.create.info {
      margin-bottom: 0px;
    }
    .amsl-register-content .amsl-form {
      margin-bottom: 0px;
    }
    .amsl-social-login .amsl-button {
      height: 50px;
      width: 50px;
    }
	#social-login-popup .fieldset > .field {
		margin: 0 0 8px !important;
	}
  }
  /*fin pop up registro*/

/*Mostrar/ocultar contraseña*/
.customer-account-create .form.create.account #password,.customer-account-create .form.create.account #password-confirmation {
	width: 100%;
}
.toggle-password{
	display: grid;
	right: 10px;
}
.toggle-password::before {
	height: 23px !important;
	display: inline-block;
}
.customer-account-create .form.create.account .toggle-password {
	top: 25px !important;
}
.customer-account-login .form-login .toggle-password {
	top: 8px !important;
}
#social-login-popup .form-login .field-icon.toggle-password{
	top: 10px;
}
#social-login-popup .form-create-account .field-icon.toggle-password {
	top: 13px;
}


.amcheckout-step-container .amcheckout-summary-container .product-item .delete {
  margin-right: 6px;
}

.form.password.reset {
  margin-top: 200px;
}

.zsiq_floatmain.zsiq_theme1 {
	bottom: 50px;
}

.contacto-icono { width:50px; margin-right:10px; }


.amgdprcookie-bar-container .amgdprcookie-buttons-block .amgdprcookie-button {
    padding: 16px 30px !important;
}

.block-search input {
    color: white !important;
}



/* =========================================================
   HEADER GLOBAL SPARES - CORRECCIÓN FINAL (A PRUEBA DE FALLOS)
   ========================================================= */

/* ---------------------------------------------------------
   1. ESTILOS BASE (Se aplican siempre, limpian el terreno)
   --------------------------------------------------------- */
/* Por defecto (en móvil), ocultamos todo lo que sobra */
.gs-card-icon, 
.gs-card-divider, 
.gs-card-title, 
.gs-dot {
    display: none !important; 
}

/* Contenedor base flex para los enlaces */
.gs-contact-card, 
.gs-card-content, 
.gs-phones-row {
    display: flex;
    align-items: center;
}

/* ---------------------------------------------------------
   2. MÓVIL Y TABLET (Hasta 991px) - TUS 3 ICONOS NEGROS
   --------------------------------------------------------- */
@media (max-width: 991px) {
    /* Posicionamiento exacto en la barra del menú */
    .page-wrapper .page-header.type16 .header.content .custom-block {
        position: absolute !important;
        top: -9px !important;
        bottom: 0 !important;
        margin: auto !important; /* Centrado vertical automático */
        height: 40px !important; /* Altura controlada */
        
        right: 91px !important; /* A la izquierda del carrito */
        width: auto !important;
        z-index: 20 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }
	
	




    /* Fila horizontal de iconos */
    .gs-card-content {
        flex-direction: row !important;
        gap: 15px !important; /* Espacio entre iconos */
    }

    .gs-phones-row {
        flex-direction: row !important;
        gap: 15px !important;
    }

    /* Ocultar textos de enlaces (font-size 0) */
    .gs-link-phone, .gs-link-email {
        font-size: 0 !important;
        text-decoration: none;
        display: inline-flex;
    }

    /* ICONOS: Negros y del tamaño del menú */
    .gs-link-phone i, .gs-link-email i {
        font-size: 28px !important; /* Tamaño grande */
        color: #333 !important;     /* Negro */
        display: block !important;
        margin: 0 !important;
        width: auto !important;
    }

    /* Asegurar que el email se ve */
    .gs-link-email { display: inline-flex !important; }
}

/* ---------------------------------------------------------
   3. ESCRITORIO (A partir de 992px) - TARJETA PRO
   --------------------------------------------------------- */
@media (min-width: 992px) {
    /* Restauramos el bloque en su sitio de PC */
    .page-wrapper .page-header.type16 .custom-block {
        position: absolute !important;
        top: 35% !important;
        right: 100px !important;
        width: auto !important;
        max-width: 450px !important;
        height: auto !important;
        z-index: 10;
    }

    /* Hacemos visibles los elementos decorativos */
    .gs-card-icon, .gs-card-divider, .gs-card-title {
        display: block !important;
    }
    .gs-card-icon { display: flex !important; }

    /* Estilos Pro */
    .gs-contact-card { gap: 12px; }
    
    /* Icono Auricular */
    .gs-card-icon i { font-size: 38px; color: #222; transition: color 0.3s; }
    .gs-contact-card:hover .gs-card-icon i { color: #0AA8DC; animation: fa-shake 2s infinite linear; }

    /* Separador */
    .gs-card-divider { width: 1px; height: 32px; background-color: #ccc; opacity: 0.6; }

    /* Textos */
    .gs-card-content { flex-direction: column !important; align-items: flex-start !important; line-height: 1.2; }
    .gs-card-title { font-size: 10px; text-transform: uppercase; color: #999; font-weight: 800; margin-bottom: 3px; }

    /* Filas */
    .gs-phones-row { gap: 5px !important; margin-bottom: 2px; }
    .gs-dot { display: inline !important; color: #ccc; }

    /* Enlaces con texto visible */
    .gs-link-phone { font-size: 14px !important; font-weight: 700; color: #333; }
    .gs-link-email { font-size: 12px !important; color: #666; margin-top: 2px; }
    
    /* Iconos pequeños y azules */
    .gs-link-phone i, .gs-link-email i { font-size: 14px !important; color: #0AA8DC !important; }
    .gs-link-phone:hover, .gs-link-email:hover { color: #0AA8DC !important; }
}

/* Ocultar auricular en pantallas medianas para que no choque */
@media (min-width: 992px) and (max-width: 1280px) {
    .gs-card-icon, .gs-card-divider { display: none !important; }
    .page-wrapper .page-header.type16 .header.content .custom-block { right: 85px !important; }
}

/* Ajuste para móviles muy pequeños */
@media (max-width: 360px) {
    .page-wrapper .page-header.type16 .header.content .custom-block { right: 120px !important; }
    .gs-card-content, .gs-phones-row { gap: 10px !important; }
}

@media (max-width: 768px) {
    /* Posicionamiento exacto en la barra del menú */
    .page-wrapper .page-header.type16 .header.content .custom-block {
        top: -82px !important; 
        right: 100px !important; /* A la izquierda del carrito */
    }
}



@media (max-width: 375px) {
    /* Posicionamiento exacto en la barra del menú */
    .page-wrapper .page-header.type16 .header.content .custom-block {     
        right: 78px !important; 
		top: -82px !important
}

.gs-link-phone i, .gs-link-email i {
        font-size: 25px !important; /* Tamaño grande */
    }


}


/* ==============================================
   NUEVO SPINNER DE CARGA (REEMPLAZO TOTAL DEL GIF)
   ============================================== */

/* 1. Ocultar la imagen GIF antigua para siempre */
.loading-mask .loader img {
    display: none !important;
}

/* 2. Fondo del overlay más limpio (Blanco al 90% de opacidad) */
.loading-mask {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* 3. Centrar el contenedor del loader en la pantalla */
.loading-mask .loader {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    /* Reseteamos estilos que suelen poner los temas */
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 4. Dibujar el nuevo spinner circular con CSS puro */
.loading-mask .loader::after {
    content: '';
    display: block;
    width: 50px;                /* Tamaño del spinner */
    height: 50px;
    margin: 0 auto;
    border-radius: 50%;         /* Forma circular */
    
    /* Diseño del anillo */
    border: 4px solid #f0f0f0;  /* Color del anillo base (gris muy suave) */
    border-top-color: #0AA8DC;  /* TU AZUL CORPORATIVO */
    
    /* Animación de giro */
    animation: gs-spin 0.7s linear infinite;
}

/* 5. Definición de la animación */
@keyframes gs-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* =================================================================
   SPINNER AZUL + FONDO TRANSPARENTE (SIN BLOQUE BLANCO)
   ================================================================= */

/* 1. OCULTAR EL GIF FEO (La imagen) */
.loading-mask .loader img {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* 2. QUITAR EL FONDO FEO DE PORTO (El cuadro gris/blanco del gif) */
.loading-mask .loader {
    background-image: none !important; 
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    
    /* Centrado absoluto */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    /* Tamaño del área del spinner */
    width: 60px !important;
    height: 60px !important;
}

/* 3. EL FONDO DE LA PANTALLA (Aquí quitamos el blanco sólido) */
.loading-mask {
    /* Usamos rgba con 0.5 para que sea 50% transparente y se vea la web */
    /* Si lo quieres 100% invisible, cambia 0.5 por 0 */
    background-color: rgba(255, 255, 255, 0.5) !important; 
    z-index: 99999 !important;
}

/* 4. LIMPIEZA PREVENTIVA */
.loading-mask .loader::before {
    display: none !important;
    content: none !important;
}

/* 5. DIBUJAR EL SPINNER AZUL */
.loading-mask .loader::after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin: 5px;
    box-sizing: border-box;
    
    /* Diseño del anillo */
    border-radius: 50%;
    /* Borde base transparente o muy sutil */
    border: 4px solid rgba(0, 0, 0, 0.05); 
    /* Borde que gira (Tu azul) */
    border-top-color: #0AA8DC;          
    border-left-color: #0AA8DC;        
    
    /* Animación */
    animation: gs-spin 0.7s linear infinite;
}

/* 6. ANIMACIÓN */
@keyframes gs-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* =================================================================
   ESTILO PESTAÑAS: FLECHA ANIMADA (EFECTO BOUNCE)
   ================================================================= */

/* 1. Limpieza del estilo antiguo (subrayados y bordes) */
.product.data.items > .data.item.title > .data.switch {
    border: none !important;
    background: transparent;
    position: relative;
    transition: color 0.3s ease;
}

/* Quitar bordes o líneas que ponga el tema por defecto */
.product.data.items > .data.item.title.active > .data.switch,
.product.data.items > .data.item.title.active > .data.switch:focus,
.product.data.items > .data.item.title.active > .data.switch:hover {
    border-bottom: none !important;
    padding-bottom: 10px; /* Un poco de aire para la flecha */
}

/* 2. Preparación del contenedor de la pestaña */
.product.data.items > .data.item.title {
    position: relative !important;
    z-index: 2;
    overflow: visible !important;
    background: #f0f0f0; /* Color fondo inactivo */
    transition: background-color 0.3s ease; /* Transición suave de color de fondo */
}

/* Efecto Hover en pestañas inactivas */
.product.data.items > .data.item.title:not(.active):hover {
    background: #e1f6fc; /* Un azul muy clarito al pasar el ratón */
}

/* Color de fondo pestaña ACTIVA (Tu azul) */
.product.data.items > .data.item.title.active {
    background: #8AE3FE !important; /* O el azul que uses de fondo activo */
    color: #fff;
}

/* 3. LA FLECHA ANIMADA (El truco) */
/* Definimos la flecha en TODAS las pestañas, pero oculta */
.product.data.items > .data.item.title::after {
    content: '';
    position: absolute;
    bottom: -10px; /* Posición final */
    left: 50%;
    
    /* ESTADO INICIAL (Oculto): */
    /* 1. Centrada horizontalmente */
    /* 2. Subida 10px hacia arriba (dentro de la pestaña) */
    /* 3. Escalada a 0 (invisible) */
    transform: translateX(-50%) translateY(-10px) scale(0);
    
    opacity: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px; 
    border-color: #8AE3FE transparent transparent transparent; /* Mismo color que el fondo activo */
    z-index: 3;
    
    /* ANIMACIÓN "CURRADA": */
    /* Usamos cubic-bezier para darle un efecto de rebote elástico al salir */
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    pointer-events: none; /* Para que no moleste al click */
}

/* 4. ESTADO ACTIVO (Hacer aparecer la flecha) */
.product.data.items > .data.item.title.active::after {
    opacity: 1;
    /* ESTADO FINAL: En su sitio y tamaño normal */
    transform: translateX(-50%) translateY(0) scale(1);
}


/* ==============================================================
   FIX POPUP CONFIGURACIÓN COOKIES (MÓVIL) - REPARACIÓN TOTAL
   ============================================================== */

@media (max-width: 767px) {
    
    /* 1. CONTENEDOR PRINCIPAL (FONDO OSCURO Y Z-INDEX SUPREMO) */
    .modal-popup.amgdprcookie-modal-settings {
        /* Z-index máximo para estar ENCIMA del Sticky Header (que tiene 99996) */
        z-index: 2147483647 !important; 
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0, 0, 0, 0.5) !important; /* Fondo semitransparente */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 2. LA CAJA BLANCA (POPUP CENTRADO) */
    .modal-popup.amgdprcookie-modal-settings .modal-inner-wrap {
        position: relative !important;
        /* Centrado y tamaño seguro */
        width: 90% !important;
        max-height: 85vh !important; /* Altura máxima para no salirse */
        margin: 0 auto !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        
        background: #fff !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
        border-radius: 8px !important;
        
        display: flex !important;
        flex-direction: column !important;
    }

    /* 3. SCROLL INTERNO (CRÍTICO PARA VERLO TODO) */
    .modal-popup.amgdprcookie-modal-settings .modal-content {
        overflow-y: auto !important;
        padding: 15px !important;
        flex-grow: 1 !important; /* Ocupa el espacio disponible */
        height: auto !important;
        margin-bottom: 0 !important;
    }

    /* 4. CABECERA Y TÍTULO */
    .modal-popup.amgdprcookie-modal-settings .modal-header {
        padding: 15px !important;
        border-bottom: 1px solid #eee !important;
        flex-shrink: 0 !important;
    }
    .modal-popup.amgdprcookie-modal-settings .modal-title {
        font-size: 18px !important;
        font-weight: 700 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* 5. REDUCIR TAMAÑO DE TEXTOS (Para que quepa más info) */
    .amgdprcookie-modal-settings .amgdpr-service-item,
    .amgdprcookie-modal-settings .amgdpr-category-item {
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }
    
    /* Títulos de categorías */
    .amgdprcookie-modal-settings .amgdpr-title {
        font-size: 14px !important;
        font-weight: 700 !important;
        margin-bottom: 4px !important;
    }
    
    /* Descripción */
    .amgdprcookie-modal-settings .amgdpr-desc {
        font-size: 12px !important;
        line-height: 1.3 !important;
        color: #666 !important;
    }

    /* Ajuste de los interruptores (Toggle) */
    .amgdprcookie-modal-settings .admin__actions-switch-label {
        top: 0 !important;
    }

    /* 6. PIE DEL POPUP (BOTONES) */
    .modal-popup.amgdprcookie-modal-settings .modal-footer {
        padding: 10px 15px !important;
        background: #f9f9f9 !important;
        border-top: 1px solid #eee !important;
        flex-shrink: 0 !important; /* Fijo abajo */
        text-align: center !important;
    }

    /* Botón Guardar (Grande y azul) */
    .modal-popup.amgdprcookie-modal-settings .modal-footer .action.primary {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px !important;
        font-size: 15px !important;
        height: auto !important;
        background-color: #0AA8DC !important;
        border-color: #0AA8DC !important;
        color: #fff !important;
        border-radius: 4px !important;
    }

    /* 7. BOTÓN DE CERRAR "X" (Accesible) */
    .modal-popup.amgdprcookie-modal-settings .action-close {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        background: transparent !important;
        border: none !important;
        width: 40px !important; /* Área grande para el dedo */
        height: 40px !important;
        z-index: 1000 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    
    /* Icono de la X */
    .modal-popup.amgdprcookie-modal-settings .action-close::before {
        content: '\2715' !important; /* X */
        font-family: arial, sans-serif !important;
        font-size: 24px !important;
        color: #333 !important;
        font-weight: bold !important;
        line-height: 1 !important;
    }
	
	
	/* =================================================================
   2. FIX COOKIES MÓVIL (SOLUCIÓN DE POSICIONAMIENTO FÍSICO)
   ================================================================= */
@media (max-width: 991px) {
    /* Fondo oscuro */
    .modal-popup.amgdprcookie-modal-settings {
        z-index: 2147483647 !important;
        position: fixed !important; top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0,0,0,0.7) !important;
        padding-top: 110px !important; /* Empujamos todo hacia abajo para librar el header */
        box-sizing: border-box !important;
        display: block !important; /* Forzar visualización */
    }

    /* Ventana blanca */
    .modal-popup.amgdprcookie-modal-settings .modal-inner-wrap {
        position: relative !important;
        margin: 0 auto !important;
        top: 0 !important; left: 0 !important; transform: none !important;
        width: 95% !important;
        max-height: calc(100vh - 130px) !important; /* Que no se salga por abajo */
        background: #fff !important;
        border-radius: 8px;
        display: flex !important; flex-direction: column !important;
    }

    /* Scroll interno */
    .modal-popup.amgdprcookie-modal-settings .modal-content {
        overflow-y: auto !important;
        padding: 15px !important;
        height: auto !important;
    }

    /* Botones Cookies */
    .modal-popup.amgdprcookie-modal-settings .action.primary {
        width: 100% !important;
        padding: 12px !important;
        margin: 0 !important;
        background-color: #0AA8DC !important;
        border-color: #0AA8DC !important;
    }

    /* X Cerrar */
    .modal-popup.amgdprcookie-modal-settings .action-close {
        position: absolute !important; top: 5px; right: 5px;
        padding: 10px !important; z-index: 200 !important;
    }
    .modal-popup.amgdprcookie-modal-settings .action-close::before {
        content: '\2715'; font-size: 24px; color: #000; font-weight: bold;
    }
}



/* Contenedor principal */
.cart-empty {
    margin-top: 100px; /* Tu margen solicitado */
    margin-bottom: 50px; /* Un poco de aire abajo también */
    text-align: center; /* Centrar todo el contenido */
    background-color: #f8f9fa; /* Fondo gris muy suave */
    padding: 40px; /* Espacio interno para que no se vea apretado */
    border-radius: 8px; /* Bordes redondeados */
    border: 1px solid #e1e1e1; /* Borde sutil */
    max-width: 600px; /* Que no se estire por toda la pantalla */
    margin-left: auto; /* Truco para centrar el bloque horizontalmente */
    margin-right: auto;
}

/* El texto "No tienes ningún producto..." */
.cart-empty > p {
    font-size: 18px;
    color: #555;
    margin-bottom: 25px;
    font-weight: 500;
}

/* Convertir el enlace "Haga clic aquí" en un BOTÓN */
.cart-empty a {
    display: inline-block;
    background-color: #00ADEF; /* Azul similar al de tu logo Global Spares */
    color: white;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 50px; /* Botón redondeado moderno */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Sombra suave */
    transition: all 0.3s ease;
}

/* Efecto al pasar el mouse por encima del botón */
.cart-empty a:hover {
    background-color: #008ec4; /* Un azul un poco más oscuro */
    transform: translateY(-2px); /* El botón "sube" un poquito */
    box-shadow: 0 6px 8px rgba(0,0,0,0.15);
}

.box-tocart .action.tocart::before {

	margin-top: -5px !important;
}


/* --- Estilos para Landing SEO Global Spares --- */

.gs-cat-landing {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #333333;
    max-width: 100%; /* Se adapta al contenedor de Magento */
    margin: 0 auto 30px auto;
}

/* TÍTULO PRINCIPAL (H2) */
.gs-cat-landing h2 {
    font-size: 24px;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

/* Pequeña línea decorativa bajo el H2 */
.gs-cat-landing h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background-color: #0AA8DC; /* Tu color corporativo */
    position: absolute;
    bottom: 0;
    left: 0;
}

/* SUBTÍTULOS (H3) */
.gs-cat-landing h3 {
    font-size: 20px;
    font-weight: 600;
    color: #444;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* INTRODUCCIÓN */
.gs-cat-landing .intro {
    font-size: 16px;
    color: #555;
    margin-bottom: 25px;
}

/* ENLACES (Para el buscador de Lenovo y otros) */
.gs-cat-landing a {
    color: #0AA8DC;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
}

.gs-cat-landing a:hover {
    color: #0586b0; /* Un tono más oscuro para el hover */
    border-bottom: 1px solid #0586b0;
}

/* LISTAS DE PUNTOS (Bullets) */
.gs-cat-landing ul.bullets {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
}

.gs-cat-landing ul.bullets li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    font-size: 15px;
}

/* Viñeta personalizada (Check o Círculo) */
.gs-cat-landing ul.bullets li::before {
    content: '•'; 
    color: #0AA8DC; /* Tu color */
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: -4px;
    line-height: 1;
}

/* SECCIÓN FAQ (Preguntas Frecuentes) */
.gs-cat-landing .faq {
    background-color: #f9fcfe; /* Fondo muy sutil azulado */
    border-left: 4px solid #0AA8DC;
    padding: 20px;
    border-radius: 0 4px 4px 0;
    margin-top: 20px;
}

.gs-cat-landing .faq h4 {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-top: 20px;
    margin-bottom: 5px;
}

.gs-cat-landing .faq h4:first-child {
    margin-top: 0;
}

.gs-cat-landing .faq p {
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
}

/* RESPONSIVE (Ajustes para móvil) */
@media (max-width: 768px) {
    .gs-cat-landing h2 {
        font-size: 20px;
    }
    .gs-cat-landing h3 {
        font-size: 18px;
    }
    .gs-cat-landing .faq {
        padding: 15px;
    }
}


/* =========================================================
   BOTONES DE ACCIÓN - GLOBAL (UNIFICACIÓN)
   Normal: #0AA8DC | Hover: #0892bf | Texto: blanco
   ========================================================= */

.page-wrapper button.action.primary,
.page-wrapper .action.primary,
.page-wrapper a.action.primary,
.page-wrapper .actions-toolbar .primary .action,
.page-wrapper .cart.main.actions .action,
.page-wrapper .cart-summary .checkout-methods-items .action.primary.checkout,
.page-wrapper .checkout .action.primary,
.page-wrapper .block-minicart .action.primary,
.page-wrapper .payment-methods .actions-toolbar .action.primary,
.page-wrapper .checkout-payment-method .actions-toolbar .action.primary {
    background-color: #0AA8DC !important;
    border-color: #0AA8DC !important;
    color: #fff !important;
}

.page-wrapper button.action.primary:hover,
.page-wrapper .action.primary:hover,
.page-wrapper a.action.primary:hover,
.page-wrapper .actions-toolbar .primary .action:hover,
.page-wrapper .cart.main.actions .action:hover,
.page-wrapper .cart-summary .checkout-methods-items .action.primary.checkout:hover,
.page-wrapper .checkout .action.primary:hover,
.page-wrapper .block-minicart .action.primary:hover,
.page-wrapper .payment-methods .actions-toolbar .action.primary:hover,
.page-wrapper .checkout-payment-method .actions-toolbar .action.primary:hover {
    background-color: #0892bf !important;
    border-color: #0892bf !important;
    color: #fff !important;
}

/* Mantener blanco también en focus/active para accesibilidad y consistencia */
.page-wrapper button.action.primary:focus,
.page-wrapper button.action.primary:active,
.page-wrapper .action.primary:focus,
.page-wrapper .action.primary:active,
.page-wrapper a.action.primary:focus,
.page-wrapper a.action.primary:active {
    background-color: #0AA8DC !important;
    border-color: #0AA8DC !important;
    color: #fff !important;
}