﻿#filtrosSelected{margin-top:-5px}
.allHerC{width:calc(100% + 10px);margin:5px -10px 2px 0}
.linkFilter.filteroption.op-04{pointer-events:none;cursor:default}
.allHerC .accor-filter{margin-bottom:10px!important;margin-right:0;padding-right:10px}
.allHerC .accor-filter:last-of-type{margin-right:0}
.allHerC a.actualiza span, .allHerC span.actualiza span, .allHerC button.actualiza span{display:block;position:absolute;color:#fff;background-color:rgba(0,0,0,0.2);border-radius:50px;width:16px;height:16px;line-height:15px;text-align:center;font-size:11px;font-weight:400;top:8px;right:7px; border: none !important; padding:0 !important}
.allHerC a.filtrado.actualiza{border-color:#111;font-weight:700;letter-spacing:0}
a.linkFilter.newFiltersR, span.linkFilter.newFiltersR{display:inline-block;font-size:12px;border-radius:100px;padding:6px 34px 6px 12px;margin-right:5px;border:solid 1px #DA2F76;opacity:.65;position:relative;line-height:1em;font-weight:600; margin-bottom:5px; color:#DA2F76}
a.linkFilter.newFiltersR:last-of-type{margin-left:15px; background-color:#ccc; color:#111; border-color:#ccc}
a.linkFilter.newFiltersR:hover, span.linkFilter.newFiltersR:hover{opacity:1}
a.linkFilter.newFiltersR span, span.linkFilter.newFiltersR span{display:none}
.linkFilter.filteroption em{font-style:normal;font-size:85%;opacity:.7}
a.newFiltersR:after, span.newFiltersR:after{display:block;position:absolute;top:4px;right:4px;content:'x'; border-radius:100px; background-color:rgba(0,0,0,0.15); width:16px; height:16px; text-align:center; line-height:14px; color:rgba(0,0,0,0.4)}
#filtrosSelected a.linkFilter.newFiltersR:last-of-type, #filtrosSelected span.linkFilter.newFiltersR:last-of-type {display:none}
body.es #filtrosSelected .linkFilter.newFiltersR:last-of-type {display:inline-block}
.filtrado .fa {opacity:0 !important}
.swiperCategory img {border-radius:8px}

.tC56:hover span.actualiza, .collAbsolute.show{-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.3);box-shadow:0 3px 8px 0 rgba(0,0,0,0.3); overflow:hidden}
.tC56 span.actualiza:not(.collapsed), .tC56 button.actualiza:not(.collapsed) {background-color:#DA2F76; color:#fff; border-color:#DA2F76; -moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.3);box-shadow:0 3px 8px 0 rgba(0,0,0,0.3);}

.custom-accor-button a, .custom-accor-button span,.filterLikePlus,a.linkFilterGen, .custom-accor-button button{cursor:pointer;border:solid 1px #ccc;border-radius:100px;font-weight:400;font-size:14px;padding:0;letter-spacing:.5px;padding:6px 12px 6px 17px!important;position:relative;z-index:111;background-color:#fff;height:35px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.custom-accor-button span, .custom-accor-button button {display:block; text-transform: uppercase}
.mar--10{margin-top:-15px;width:100%;text-align:right!important;margin-bottom:5px!important}
.custom-accor-button a:hover, .custom-accor-button span:hover, .filterLikePlus:hover, .custom-accor-button button:hover{color:#fff;background-color:#111;border-color:#111; z-index:999}
.custom-accor-button a .fa,.filterLikePlus .fa, .custom-accor-button span .fa, .custom-accor-button button .fa{top:10px;right:6px}
.filterLikePlus{display:inline-block;border-width:2px;font-weight:600; width:auto; margin-left:6px}
.collAbsolute{position:absolute;border:solid 1px #ddd;width:240px;padding:10px 15px;background-color:#fff;border-radius:15px;top:calc(100% + 10px);z-index:444}
.vMFIcon {display: inline-block; margin-left:5px}
.tResultsF.tResultsFNew {display:inline-block; color:#555}
#right .dropdown.d-inline-block .dropbtn {margin-left:12px}

.accor-button.custom-accor-button a .fa, .accor-button.custom-accor-button span .fa,.filterLikePlus .fa, .accor-button.custom-accor-button button .fa{display:block;position:absolute;right:12px;top:9px;font-size:100%;opacity:.9}
.accor-button a#tagCollapsed143691000, .accor-button a#tagCollapsed688723276, .accor-button button#tagCollapsed143691000, .accor-button button#tagCollapsed688723276{text-transform:none!important;letter-spacing:0!important}
.accor-button.custom-accor-button a .fa.fa-angle-left,.accor-button.custom-accor-button a.collapse .fa.fa-angle-left, .accor-button.custom-accor-button span .fa.fa-angle-left, .accor-button.custom-accor-button button .fa.fa-angle-left,.accor-button.custom-accor-button span.collapse .fa.fa-angle-left{display:none}
.accor-button.custom-accor-button a.collapsed .fa.fa-angle-down, .accor-button.custom-accor-button span.collapsed .fa.fa-angle-down, .accor-button.custom-accor-button button.collapsed .fa.fa-angle-down{display:none}
.accor-button.custom-accor-button a.collapsed .fa.fa-angle-left, .accor-button.custom-accor-button span.collapsed .fa.fa-angle-left, .accor-button.custom-accor-button button.collapsed .fa.fa-angle-left{display:block}
.tagsTreeButtons{margin:10px -15px -10px;padding:15px}
.tagsTreeButtons a, .tagsTreeButtons button{display:inline-block;padding:6px 3px;width:calc(50% - 4px);text-align:center;font-weight:600; border: none; background-color:#eee; border-radius:100px; margin: 0}
.tagsTreeButtons a.verResultados, .tagsTreeButtons button.verResultados{background-color:#999;color:#fff;position:absolute;bottom:15px;right:15px; width:calc(50% - 19px)}
.tagsTreeButtons a:hover, .tagsTreeButtons button:hover{color:#fff;background-color:#111}
#filterMarcaContentRight.lMarcas{padding-right:0}
.bMarcas{padding:6px 15px 15px 0}
.bMarcas input{padding:6px 5px 6px 12px;border:solid 1px #ddd;width:100%; border-radius:10px}
.lMarcas .tagsTreeButtons{margin-right:0;margin-top:0}
#filterPrice .tagsTreeButtons{margin-top:30px}
input#txtBuscarMarcaLeft{display:block;width:100%;border:solid 1px #999;padding:6px 6px 6px 18px;border-radius:100px;margin-top:12px}
#filtrosSelected .tResultsF{font-weight:400;opacity:.75;float:right;margin-left:12px}
#filtrosSelected h1 {top:6px; margin-bottom:0}
.pre-scrollable{overflow-y:auto}
.allHerC.w100 .col{min-width:20%;max-width:20%;width:20%}
.allHerC.w100 .filterLikePlus.col{min-width:calc(20% - 10px);max-width:calc(20% - 10px);width:calc(20% - 10px); margin-bottom:10px}
.allHerC.w100 .filterLikePlus img{display:inline-block;position:relative;width:18px;margin-right:5px;top:-1px}
.allHerC.w100 .filterLikePlus:hover img{filter:invert(100%)}
a.linkFilterGen{display:inline-block;border-bottom-width:1px;padding:2px 15px!important;margin-right:6px;font-size:13px!important;height:auto;opacity:.75}
a.linkFilterGen:hover,a.linkFilterGen.selected{opacity:1; border-color:#111}
a.linkFilterGen.selected{background-color:#111;color:#fff}
a.linkFilterGen:last-of-type{margin-right:0!important}


@media only screen and (min-width: 1192px) and (max-width: 1399px) {
.allHerC.w100 .filterLikePlus{letter-spacing:0}
}
@media only screen and (max-width: 1399px) {
.custom-accor-button a,.filterLikePlus, .custom-accor-button span, .custom-accor-button button{text-transform:none}
a.linkFilterGen{letter-spacing:0;margin-right:4px; padding:2px 8px !important}
}
@media only screen and (max-width: 1191px) {
.custom-accor-button a,.filterLikePlus, .custom-accor-button span, .custom-accor-button button{letter-spacing:0;font-size:13px;padding-left:7px!important}
a.linkFilterGen{padding-left:8px!important;padding-right:8px!important}
}
@media only screen and (max-width: 1091px) {
.allHerC.w100 .col{min-width:25%;max-width:25%;width:25%}
.allHerC.w100 .filterLikePlus.col{min-width:calc(25% - 10px);max-width:calc(25% - 10px);width:calc(25% - 10px)}
}
@media only screen and (max-width: 991px) {
.allHerC.w100 .col{min-width:33%;max-width:33%;width:33%}
.allHerC.w100 .filterLikePlus.col{min-width:calc(33% - 10px);max-width:calc(33% - 10px);width:calc(33% - 10px)}
a.linkFilterGen{margin-bottom:6px}
}
@media only screen and (min-width: 768px) {
#FiltroFormAjax h1.font-18.font-w-600.mar-b-05x{font-size:15px!important;text-align:right;margin-top:-4px;margin-bottom:0!important}
    body.pl a.linkFilterGen {padding: 2px 5px !important}
}

.toH4 .onlyDesktop {margin-left: auto; margin-right: auto}

a.catRelacionada {display: inline-block; margin: 10px 5px 0 0; font-size: 12px; border-radius:100px; border: solid 1px #666; color:#666; padding: 4px 10px}
a:hover.catRelacionada {color:#111; border-color:#111}


/*Nuevo ancho*/
@media (min-width: 1700px) and (max-width: 1909px) {
	#left.extPR30, #Filtros.extPR30 {padding-right:0}
}
@media (min-width: 1700px) {
	/*Packs en filtros*/
	.colBlockPack.prodPack {display: flex;flex-direction: column;justify-content: center;}

	a.linkFilterGen {padding:2px 10px !important; margin-right:4px}
	#gamas_oc {padding:0 3px; margin:0 !important; height:398px; top:-23px}
	#slider_oc_ {margin:0 2px; width:calc(100% - 4px); width:calc(100% - 2px)}
	#gamas_oc .ofertascruzadasContent.card, #gamas_oc .cruzadasCont {border-radius:8px; margin-bottom:0;}
	#gamas_oc .ofertascruzadasContent.card, #gamas_oc .cruzadasCont {height:400px}
	#gamas_oc .ofertascruzadasContent .hackLTthin {border-radius:8px}
	.ofertascruzadasF .carousel-control-next {right:0px}
	.ofertascruzadasF .carousel-control-prev {left:0px}

	/*Esto es un hack para la cabecera tipo facial*/
	.onlyDesktop.customContent2Hide, .customContent2Hide.mainCGB {margin-bottom:-12px}
	.onlyDesktop.customContent2Hide .col-12 {flex: 0 0 75%;max-width: 75%;}
	.onlyDesktop.customContent2Hide .col-12 .circleThis {width:auto !important; padding:0 25px}
	.onlyDesktop.customContent2Hide .text-center {text-align:left !important}
	.customContent2Hide.mainCGB .col-lg-4, .customContent2Hide.mainCGB .col-4 {flex: 0 0 26.4%;max-width: 26.4%;}
	.customContent2Hide.mainCGB .col-lg-8 {flex: 0 0 50%;max-width: 50%;}
}
@media (min-width: 1910px) {
	/*Esto es un hack para la cabecera tipo facial*/
	.onlyDesktop.customContent2Hide .col-12 {flex: 0 0 66.666667%;max-width: 66.666667%;}
	.customContent2Hide.mainCGB .col-lg-4, .customContent2Hide.mainCGB .col-4 {flex: 0 0 21.4%;max-width: 21.4%;}
}

/*SON LOS FILTROS SUPERIORES. Poner en lugar correcto y quitar los !important*/
@media (min-width: 1700px) {
	.allHerC.w100 .col {min-width: calc(100% / 7) !important; max-width: calc(100% / 7) !important; width: calc(100% / 7) !important;}
	.allHerC.w100 .col.xxl-filter-toggle.d-none:nth-child(-n+2 of .col.xxl-filter-toggle.d-none) {display: block !important}
}
@media (min-width: 2100px) {
	.allHerC.w100 .col {min-width: calc(100% / 8) !important; max-width: calc(100% / 8) !important; width: calc(100% / 8) !important;}
	.allHerC.w100 .col.xxl-filter-toggle.d-none:nth-child(-n+3 of .col.xxl-filter-toggle.d-none) {display: block !important}
}

/*Ajustes para banners nuevo ancho*/
	body .nWidthWeb .swiper-slide a {display: block; width:100%; height: 100%; position: relative; overflow: hidden;}
	@media (min-width: 768px) {
		body #FiltroForm .nWidthWeb .swiperCategory {border-radius: 8px}
	}
	@media (max-width: 1699px) {
		body .nWidthWeb .swiper-slide a img {width: 100%}
	}
	@media (min-width: 1700px) {
		body .nWidthWeb {height: 400px; top:-23px; padding: 0 1px !important}
		body .nWidthWeb .swiper-slide a img {display: block; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 400px;width: auto; max-width: 2000px}
		body #FiltroForm .nWidthWeb .swiperCategory {height: 100%; margin-bottom: 0}
		body .nWidthWeb .swiper-slide a:hover {filter: grayscale(50%) brightness(50%);}
	}

/*Fin nuevo ancho*/

