/*===

REFERENCIAS 

01 SETEOS GENERALES 
02 HOVERS 
03 BOTON IR ARRIBA
04 POPUP PREHOME
05 TITULOS
06 LOADING
07 BUSQUEDA
08 SOPORTES
09 HEADER
10 FOOTER
11 MENU
12 MENU MOVIL
13 MENU FOOTER
14 HIGHLIGHTED TYPE 1 SLIDE
15 HIGHLIGHTED TYPE 2 NOVEDADES
16 HIGHLIGHTED TYPE 3 ACCESOS RAPIDOS/ICONOS
17 HIGHLIGHTED TYPE 6 TEXTO DESTACADO
18 HIGHLIGHTED TYPE 7 DATOS DE CONTACTO / REDES SOCIALES
19 HIGHLIGHTED TYPE 8 VIDEO
20 LISTADO DE CONTENIDOS
21 LISTADO DE SUBSECCIONES
22 CONTENIDO EDITORIAL
23 PLUGINS REDES SOCIALES
24 FCK TEMPLATES
25 FCK STYLES
26 HERRAMIENTAS (ENVIAR, IMPRIMIR, CONSULTAR, DESCARGAR)
27 VIDEO (EN CONTENIDO)
28 CONTENIDOS RELACIONADOS
29 CONTENIDOS RECOMENDADOS
30 GALERIA DE IMAGENES (RELACIONADA)
31 GALERIA DE IMAGENES (SECCION)
32 PAGINADOR
33 FORMULARIOS
34 FORMULARIOS / NEWSLETTER HOME
35 FORMULARIOS / PLACEHOLDER
36 FORMULARIOS / AUTOFILL
36 DESHABILITAR RESPONSIVE
37 CAROUSEL MULTIPLE
38 EXTRAS
39 CARRITO
40 REGISTRO
41 IMPRIMIR

===*/


/*=========================================*/
/*=== CSS SCREEN (inicio) ===*/
/*=========================================*/

/* ===== 01 SETEOS GENERALES ===== */
@media screen {

	:root{
	  --blanco: #FFF;
	  --gris: #F5F5F5;
	  --gris-oscuro: #8E8E8E;
	  --negro: #000;
	  --principal: #000;
	  --rojo: #FF3A1F;

	  /* NUEVOS COLORES */
	  --amarillo: #ffc800;
	  --naranja: #ff592e;
	  --rojo: #ff005a;
	  --lila: #AF008D;
	  --violeta: #69169D;

	}
	html{
	  scroll-behavior: smooth;
	}
	html,  body,  h1,  h2,  h3,  h4,  h5,  h6 {
	  font-size: 14px;
	}
}
  
  
@media screen and (max-width: 1920px) {
	html,  body,  h1,  h2,  h3,  h4,  h5,  h6 {
		font-size: 0.9vw;
	}
}
@media screen and (max-width: 1440px) {
	html,  body,  h1,  h2,  h3,  h4,  h5,  h6 {
		font-size: 0.99vw;
	}
}
@media screen and (max-width: 1199px){
	html, body, h1, h2, h3, h4, h5, h6 {
		font-size: 1.168vw;
	}
}
@media screen and (max-width: 1100px){
	html, body, h1, h2, h3, h4, h5, h6 {
		font-size: 1.25vw;
	}
}
@media screen and (max-width: 991px){
	html, body, h1, h2, h3, h4, h5, h6 {
		font-size: 1.413vw;
	}
}
@media screen and (max-width: 768px){
	html, body, h1, h2, h3, h4, h5, h6 {
		font-size: 1.823vw;
	}
}
@media screen and (max-width: 540px){
	html, body, h1, h2, h3, h4, h5, h6 {
		font-size: 2.593vw;
	}
}
@media screen{
	body{
		font-family: "Plus Jakarta Sans", sans-serif !important;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.top{
		position: relative;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6{
		margin: 0;
		padding: 0;
		font-family: "Plus Jakarta Sans", sans-serif !important;
	}

	b,
	strong{
		font-weight: 700;
	}

	i,
	em{
		font-style: italic;
	}

	b, strong {
		font-weight: 700;
	}

	i, em {
		font-style: italic;
	}

	a {
		outline: none;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	a:hover {
		cursor: pointer;
		text-decoration: none;
	}
	
	.home .main-h1 {
		font-size: 0;
		width: 1px;
		height: 1px;
		display: inline-block;
		overflow: hidden;
		position: absolute!important;
		border: 0!important;
		padding: 0!important;
		margin: 0!important;
		clip: rect(1px,1px,1px,1px);
		color: #000 !important;
	}  

	.pagina_fija {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}  

	.fa {
		font-style: normal !important;
	}

	.panel {
		border:0 solid transparent;
	}

	a:hover{
		cursor: pointer;
	}

	a:link{
		text-decoration: none;
	}

	.b-r-5{
		border-radius: 5px !important;
	}

	.bg_amarillo, .hvr_bg_amarillo:hover{
		background-color: var(--amarillo) !important;
	}
	.bg_naranja, .hvr_bg_naranja:hover{
		background-color: var(--naranja) !important;
	}
	.bg_rojo, .hvr_bg_rojo:hover{
		background-color: var(--rojo) !important;
	}
	.bg_lila, .hvr_bg_lila:hover{
		background-color: var(--lila) !important;
	}
	.bg_violeta, .hvr_bg_violeta:hover{
		background-color: var(--violeta) !important;
	}


	.wraper_text{		
		padding: 7.71rem 0 7.64rem;		
		overflow: hidden;
		position: relative;
		/*animation: sideToSide 10s linear 0s infinite alternate both;*/
	}

	.wraper_text .text a{
		color: #000;
		font-size: 2.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%; /* 3.21429rem */
		letter-spacing: -0.04286rem;
		white-space: nowrap;
		position: absolute;
		top: 50%;
  		left: 50%;
  		transform: translate(-50%, -50%);
		text-decoration: none !important;
		/*animation: sideToSide 15s linear 0s infinite alternate both;*/
	}
	.wraper_text .text a:hover,
	.wraper_text .text a:focus{
		opacity: 0.5;
	}
	@keyframes sideToSide {
		0% {
			transform: translateX(-5%);
		}
	
		100% {
			transform: translateX(-25%);
		}
	}

	/* FLOATING BUTTON */

	.floating-buttons {
		position: fixed;
		bottom: 15px;
		right: 15px;
		z-index: 1056;
		text-align: right;
	  }
	
	  .floating-buttons .btn-whatsapp a {
		color: #fff;
		background-color: #4dc247;
		border-radius: 100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border: 0;
		position: relative;
		opacity: 1;
		display: inline-block;
		margin-top: 10px;
		width: 70px;
		height: 70px;
		text-align: left;
		padding: 16px 0px 16px 19px;
		overflow: hidden;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;  
	  }
	
	  .floating-buttons .btn-whatsapp a:hover {
		width: 200px;
	  }
	
	  .floating-buttons .btn-whatsapp .fab.fa-whatsapp {
		font-size: 36px;
		color: #fff;
		text-align: left;
	  }
	
	  .floating-buttons .btn-whatsapp span {
		position: absolute;
		top: 24px;
		right: -10px;
		font-size: 1.3rem;
		line-height: 1;
		font-weight: 400;
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	  }
	
	  .floating-buttons .btn-whatsapp a:hover span {
		opacity: 1;
		right: 20px;
	  }

	/* CARTEL ROJO */

	.cartel{
		background: #000;
		font-size: 14px;
		line-height: 1.5;
		font-weight: 400;
		color: #fff;
		line-height: 1.5;
		padding: 20px;
		margin-bottom: 25px;
	}

	.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	}

	.embed-responsive::before {
	display: block;
	content: "";
	}

	.embed-responsive .embed-responsive-item,
	.embed-responsive iframe,
	.embed-responsive embed,
	.embed-responsive object,
	.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	}

	.embed-responsive-21by9::before {
	padding-top: 42.857143%;
	}

	.embed-responsive-16by9::before {
	padding-top: 56.25%;
	}

	.embed-responsive-4by3::before {
	padding-top: 75%;
	}

	.embed-responsive-1by1::before {
	padding-top: 100%;
	}

	.mobile_block {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: ' ';
	}

	.img-responsive{
		display: inline-block !important;
	}

	.modal{
		z-index: 2054;
	}

	.modal-backdrop{
		z-index: 0;
	}

	.grayscale_filter{
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	.panel{
		border:0px solid transparent;
		box-shadow: none;
	}


	.p-x-0{
		padding-left: 0px;
		padding-right: 0px;
	}

	.p-r-0{
		padding-right: 0px;
	}

	.p-l-0{
		padding-left: 0px;
	}
	.p-b-0{
		padding-bottom: 0 !important;
	}

	.m-b-286{
		margin-bottom: 2.86rem;
	}
	.m-b-0{
		margin-bottom: 0 !important;
	}
	.see_all{
		color: #000;
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.see_all svg{
		margin-left: 0.71rem;
		vertical-align: sub;
	}
	.see_all svg path{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.see_all:hover,
	.see_all:focus{
		color: var(--rojo);
	}

	.see_all:hover svg path,
	.see_all:focus svg path{
		stroke: var(--rojo);
	}


	/* ===== 02 HOVERS ===== */

	/* Grow */
	.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	}
	.hvr-grow:hover,
	.hvr-grow:focus,
	.hvr-grow:active {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	}

	/* Bounce In */
	.hvr-bounce-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	}
	.hvr-bounce-in:hover,
	.hvr-bounce-in:focus,
	.hvr-bounce-in:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	}

	/* Underline From Left */
	.hvr-underline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	}
	.hvr-underline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #000;
	height: 2px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	}
	.hvr-underline-from-left:hover:before,
	.hvr-underline-from-left:focus:before,
	.hvr-underline-from-left:active:before {
	right: 0;
	}

	/* ===== 03 BOTON IR ARRIBA ===== */

	.go-up{
		position: fixed;
		bottom: 110px;
		right: 30px;
	}

	.go-up-hide{
		display: none;
	}

	.go-up-show{
		display: block;
	}

	.go-up-btn{
		font-size: 16px;
		text-align: center;
		background: #fff;
		color: #000;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		padding: 9px 0 0 0;
		margin: 0px 0 0px 0;
		cursor: pointer;
		display: block;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.go-up-btn .fa{
		font-size: 21px;
		line-height: 21px;
		font-weight: 400;
	}

	/* ===== 05 TITULOS ===== */

	.title, 
	.content .title {
		color: #000;
		font-size: 2.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%; /* 3.21429rem */
		letter-spacing: -0.04286rem;
		text-transform: none;
		text-align: left;
		margin-bottom: 2.86rem;
	}

	.index-carro .title {
		font-size: 1.8rem;
		margin-bottom: 10px;
	}

	.content .title {
		color: #000;
		font-family: "Plus Jakarta Sans";
		font-size: 1.28571rem;
		font-style: normal;
		font-weight: 700;
		line-height: 150%; /* 1.92857rem */
		margin-bottom: 0.3rem;
	}

	.bg_grey .title{
		padding-top: 7.14rem;
	}


	.busqueda .title{	
		color: #000;
		padding-bottom: 0px;
		margin-bottom: 20px;
		padding-top: 15px;
		font-size: 1.4rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -0.4px;
	}
	.busqueda .desc{
		text-transform: uppercase;
		color: #000;
		margin-bottom: 20px;
		font-size: 1.4rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -0.4px;
	}



	.texto-especial-empresa .texto div.m-h-n{
		max-width: none;
	}


	.carrito .title{
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0.15em;
		color: #000;
		padding-top: 25px;
		padding-bottom: 25px;
		margin-bottom: 0;
		border-bottom:2px solid #000;
	}

	.title_sep,
	.title_sep_white{
		text-align: center;
		width: 30px;
		height: 3px;
		background: #3e3e3e;
		margin: 0px auto 50px auto;
	}

	.title_sep_white{
		background: #fff !important;
	}

	/* ===== 06 LOADING ===== */

	.sk-circle {
	margin: 0px auto 30px auto;
	width: 40px;
	height: 40px;
	position: relative;
	}

	.form_news_home .sk-circle{
		margin: 0px auto 0px auto;
		width: 30px;
		height: 30px;
	}

	.sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	}
	.sk-circle .sk-child:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #000;
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
			animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	}

	.form_news_home .sk-circle .sk-child:before {
	background-color: #fff;
	}

	.sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
			transform: rotate(30deg); }
	.sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
			transform: rotate(60deg); }
	.sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
			transform: rotate(90deg); }
	.sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
		-ms-transform: rotate(120deg);
			transform: rotate(120deg); }
	.sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
		-ms-transform: rotate(150deg);
			transform: rotate(150deg); }
	.sk-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			transform: rotate(180deg); }
	.sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
		-ms-transform: rotate(210deg);
			transform: rotate(210deg); }
	.sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
		-ms-transform: rotate(240deg);
			transform: rotate(240deg); }
	.sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
			transform: rotate(270deg); }
	.sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
		-ms-transform: rotate(300deg);
			transform: rotate(300deg); }
	.sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
		-ms-transform: rotate(330deg);
			transform: rotate(330deg); }
	.sk-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
			animation-delay: -1.1s; }
	.sk-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
			animation-delay: -1s; }
	.sk-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
			animation-delay: -0.9s; }
	.sk-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
			animation-delay: -0.8s; }
	.sk-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
			animation-delay: -0.7s; }
	.sk-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
			animation-delay: -0.6s; }
	.sk-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
			animation-delay: -0.5s; }
	.sk-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
			animation-delay: -0.4s; }
	.sk-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
			animation-delay: -0.3s; }
	.sk-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
			animation-delay: -0.2s; }
	.sk-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
			animation-delay: -0.1s; }

	@-webkit-keyframes sk-circleBounceDelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
				transform: scale(0);
	} 40% {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
	}

	@keyframes sk-circleBounceDelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
				transform: scale(0);
	} 40% {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
	}

	/* ===== 07 BUSQUEDA ===== */

	#bck_black_search{
		position: fixed;
		background-color: rgba(0, 0, 0, 0.6) !important;
		height: 100%;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: 1030;
		display: none;
	}

	.search_btn{
		display: inline-block;
	}

	.search_btn:hover{
		color: #000 !important;
	}

	.login{
		cursor: pointer;
	}
	.home .search_btn img,
	.home .login img{
		filter: none;
		margin-right: 0px;
	}
	.home .login img{
		margin-right: 0;
	}
	.search_btn img,
	.login img{
		filter: invert(1);
		margin-right: 0px;
	}
	.login img{
		margin-right: 0;
	}
	.panel_search {
		/* height: 11rem; 100% Full-height */
		width: 100%; /* 0 width - change this with JavaScript */
		padding: 0px 30px;
		margin: 0 0px 0 0;
		position: absolute; /* Stay in place */
		z-index: 2057; /* Stay on top */
		top: -350px;
		left: 0px;
		background-color: #ebebeb; /* Black*/
		/* overflow-x: hidden;  */
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0 3px 9px rgba(0, 0, 0, 0.5);
		box-shadow: 		0 3px 9px rgba(0, 0, 0, 0.5);
	}

	.panel_search .panel_header{
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.panel_search .panel_close_btn{
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: -10px;
		top: 10px;
		color: var(--negro);
		padding: 5px 7px;
		border-radius: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.panel_search .panel_close_btn:hover{
		background-color: var(--negro);
		color: var(--blanco);
	}
	.panel_search .panel_close_btn i {
		font-size: 25px;
	}

	.panel_search .cont_panel{
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		height: 13rem;
	}
	/* .panel_search .cont_panel .logo{
		margin-right: 5rem;
	} */

	.panel_search .text{
		background: #bcbcbc30;
		border: 0px;
		font-size: 15px;
		line-height: 1;
		font-weight: 400;
		outline: none !important;
		width: 45rem;
		padding: 11px 15px;
		margin: 25px 0 0 0;
		color: #818181;
		float: left;
		border-radius: 0;
		/* box-shadow: rgb(100 100 111 / 20%) 0px 10px 15px 0px; */
	}

	.panel_search span.label_search{
		display: inline-block;
		padding: 10px 0 5px 8px;
		color: var(--negro);
		font-weight: 400;
		font-size: 9px;
		/* position: absolute;
		bottom: 37px; */
	}

	.panel_search input:-webkit-autofill,
	.panel_search input:-webkit-autofill:focus,
	.panel_search input:-webkit-autofill:active,
	.panel_search input:-webkit-autofill:hover{
		-webkit-box-shadow:0 0 0 100px #ebebeb inset!important;
		-webkit-text-fill-color: #818181;
	}

	.panel_search .buttons{
		width: 15%;
		float: left;
		margin-top: 0px;
		position: absolute;
		right: 176px;
		top: 15px;
	}

	.panel_search .buttons a{
		display: block;
		float: right;
		width: 20px;
		height: 20px;
		margin-left: 20px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	/* .panel_search .buttons a.panel_search_btn:hover img{
		width: 15px;
		height: 15px;
	} */

	.panel_search .buttons .panel_close_btn i{
		font-size: 10px;
		color: var(--rojo);
		padding: 8px 10px;
		border: 1px solid var(--rojo);
		border-radius: 20px;
		position: absolute;
		bottom: -6px;
		right: -25px;
	}
	.panel_search .cont_panel .panel_search_btn{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		right: 15px;
    	bottom: 4px;
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.panel_search .cont_panel .panel_search_btn img{
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.panel_search .buttons .panel_search_btn:hover img{
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36)
	}
	.panel_search .buttons .panel_search_btn img:before{
		content: "\f087";
	}

	.panel_search a.panel_search_btn svg{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		height: 20px;
		opacity: 0.3;
	}
	.panel_search a.panel_search_btn:hover svg{
		opacity: 1;
	}
	

	

	.panel_search .buttons a .hvr-grow:hover,
	.panel_search .buttons a .hvr-grow:focus,
	.panel_search .buttons a .hvr-grow:active {
	-webkit-transform: scale(1.16) !important;
	transform: scale(1.16) !important;
	}

	.panel_search input#str::-webkit-input-placeholder {
	color: #8f8f8f;
	}
	.panel_search input#str:-moz-placeholder { /* Firefox 18- */
	color: #8f8f8f;  
	}
	.panel_search input#str::-moz-placeholder {  /* Firefox 19+ */
	color: #8f8f8f;  
	}
	.panel_search input#str:-ms-input-placeholder {  
	color: #8f8f8f;
	}

	/* ===== 08 SOPORTES ===== */

	.sop{
		background: #fff;
		/*min-height: 400px;*/
	}

	body.list_content .sop,
	body.contenido,
	body.contenido .sop,
	body.cart_index .sop,
	.sop.busqueda{
		padding-top: 10.86rem;
		background: #F5F5F5;
	}


	body.contenido .sop-user-orders{
		background: #ffff;
	}
	.sop.busqueda{
		padding-bottom: 7rem;
	}

	body.list_content .sop.bg_white{
		background: #fff;
	}
	body.contenido ,
	body.contenido .sop{
		padding-top: 0;
	}

	body.contenido{
		padding-top: 10.86rem;
	}

	body.contenido .sop.sop-contacto .bg_white{
		background: #fff;
		padding-top: 11.57rem;
		padding-bottom: 12.57rem;
	}

	body.list_content .bg_grey.list_novedades{
		background: #F5F5F5;
		padding-top: 7.14rem;
		padding-bottom: 6.4rem;
	}
	body.list_content .bg_grey.list_novedades h1.title{
		font-size: 4.2rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%; /* 60px */
		letter-spacing: -1.2px;
		padding: 0 0 ;
		margin:  0 0;
	}
	@media screen and (max-width:768px) {
		body.list_content .bg_grey.list_novedades{
			padding-top: 2.14rem;
			padding-bottom: 3.14rem;
			padding-left: 15px;
			padding-right: 15px;
		}
		body.list_content .bg_grey.list_novedades h1.title{
			margin:  0 0 20px 0;
		}
	}

	body.list_content .bg_grey.list_novedades .desc{
		font-size: 1.4rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%; /* 20px */
		letter-spacing: -0.4px;
	}

	.sop-contacto{
		padding-bottom: 0;
		margin-top: -20px;
	}

	body.list_content .img_title,
	body.cart_index .img_title{
		position: relative;
		margin-top: 2.86rem;
	}
	body.list_content .img_title img,
	body.cart_index .img_title img{
		width: 100%;
		border-radius: 5px;
	}
	body.cart_index .img_title{
		margin-bottom: 2.86rem;
	}
	body.list_content .img_title .black_filter,
	body.cart_index .img_title .black_filter{
		position: absolute;
		width: 75%;
		height: 100%;
		background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
		border-radius: 5px;
	}
	body.list_content .img_title h1.title,
	body.cart_index .img_title h1.title{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 5.71rem;
		width: 100%;
		color: #FFF;
		font-size: 3.5rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%; /* 4.28571rem */
		letter-spacing: -0.08571rem;
	}

	@media screen and (max-width:768px) {
		body.cart_index .sop{
			padding-top: 0;
		}
		body.list_content .img_title h1.title,
		body.cart_index .img_title h1.title{
			left: 15px;
			white-space: normal;
		}
	}

	.list_contents,
	.list_subsections{
		padding: 0 0px;
	}

	.content{
		text-align: center;
		position: relative;
		padding-bottom: 7.14rem;
	}

	.content.content-editorial,
	.content.contacto,
	.content.content-user{
		padding-top: 7.14rem;
		padding-bottom: 0;
	}
	.content.content-user{
		background: #F5F5F5;
	}
	.content.content-editorial.planillas{
		padding-top: 0;
		padding-bottom: 0;
	}


	.contenido .content .title{
		color: #000;		
		font-size: 1.3rem;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		letter-spacing: unset;
		text-transform: uppercase;
	}

	.content.content-editorial h1.title{
		font-size: 2.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%;
		margin-bottom: 3.07rem;
	}

	.content .first_box{
		margin-bottom: 40px;
	}

	.content.content-editorial .actualidad{
		background: #fff;
		padding-top: 10.86rem;
	}


	.sop-content-home{
		margin-bottom: 80px;
	}

	.sop .contacto{
		position: relative;
	}
	.sop .content.contacto,
	.content.content-user{
		text-align: left;
	}

	/* ===== 09 HEADER ===== */
	.top #header, #header, #header.header_slim, #header .logo a img, #header .logo a img.logo_slim, #header .redes{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#mayorista{
		background-color: #000;
		color: var(--blanco);
		font-size: 0.85714rem;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing: 0.01714rem;
		padding-top: 0.86rem;
		padding-bottom: 0.96rem;
		padding-top: 14px;
		padding-bottom: 14px;
		position: fixed;
		top: 0;
		z-index: 1600;
		width: 100%;
	}
	#mayorista.isHome{
		display: none;
	}
	#mayorista a{
		text-decoration: none;
    	color: var(--blanco);
	}

	@media screen and (max-width:768px) {
		#mayorista a{
			line-height: 2;
		}
	}


	.top #header{
		position: fixed;
		/* top: 0; */
		width: 100%;
		background: transparent;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);
		border-bottom: 1px solid rgba(225, 255, 255, 0.5);			
		z-index: 2000;
	}
	.top #header.isHome{
		top: 0;
	}
	.top #header.header_slim{
		background: #fff;
	}
	.top #header.header_slim .logo a img {
		filter: none;
	}
	.top #header.header_slim .search_btn img,
	.top #header.header_slim .login img{
		filter: invert(1);
	}
	.home #header.header_slim  .herramientas-header .logged{
		color: #000;
	}
	#header{
		background: #fff;
		padding: 2.5rem 6.07rem 0;
		position: fixed;
		border-bottom: none;
		z-index: 1500;
		width: 100%;
		top: 42px;
	}
	#header .container{
		padding-left: 0;
	}
	#header .logo{
		float: left;
		position: relative;
		z-index: 1300;
		padding-bottom: 2.5rem;
	}

	#header.header_slim .logo{
		z-index: 1300;
	}
	#header .logo a{
		display: block;
	}

	.home #header .logo a img{
		filter: invert(1);
	}

	#header .logo_edit{
		border: 1px dashed #fff;
	}




	.herramientas-header .d-flex{
		gap:1.5rem
	}

	.home .herramientas-header .logged,
	.herramientas-header .logged,
	.home .herramientas-footer .logged,
	.herramientas-footer .logged{
		position: relative;
		color: #fff;
		border-radius: 0px !important;
		padding: 0px 0px !important;
		margin: 0 0;
		font-size: 10px;
		line-height: 14px;
		letter-spacing: 0.15em;
		font-weight: 400;
		text-transform: uppercase;
	}
	.herramientas-header .logged{
		color: var(--negro);
	}
	.home .herramientas-footer .logged,
	.herramientas-footer .logged{
		color: var(--blanco);
	}

	.container .row{
		/* margin-right: 0;
		margin-left: 0; */
	}

	.logged-xs{
		border-top: 1px solid #000;
		padding-top: 11px;
		padding-bottom: 11px;
		margin-top: 0px;
		font-size: 11px;
		line-height: 1.2;
		font-weight: 400;
	}

	.herramientas-header .logged a,
	.herramientas-footer .logged a,
	.logged-xs a{
		color: var(--rojo);
		position: absolute;
		margin: 0;
		top: -10px;
		right: -10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.herramientas-header .logged a:hover,
	.herramientas-footer .logged a:hover,
	.logged-xs a:hover{
		opacity: 0.8;
	}

	.herramientas-header .carro,
	.herramientas-footer .carro{
		position: relative;
	}

	.home .herramientas-header .carro img{
		filter: none;
	}
	.herramientas-header .carro img{
		filter: invert(1);
	}

	.herramientas-header .carro .agregados,
	.herramientas-footer .carro .agregados{
		position: absolute;
		top: -10px;
		right: -15px;
		background: var(--rojo);
		color: #fff;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		text-align: center;
		font-size: 10px;
		line-height: 1.6;
		font-weight: 700;
		display: inline-block;
		padding-top: 3px;
		padding-left: 3px;
		padding-right: 3px;
	}

	.herramientas-header .txt-buscar,
	.herramientas-footer .txt-buscar{
		display: inline-block!important;
	}

	.header-login{
		border: 0;
	}

	.header-login .close {
		opacity: 1;
	}

	.modal-header {
		padding: 0 15px;
	}
	.body-login{
		padding: 40px 125px 60px;
	}
	.body-login .cont-modal-login i{
		font-size: 8rem;
		padding-bottom: 1rem;
		color: #7d7b7b30;
	}
	.body-login .logo a img{
		filter: inherit !important;
	}
	.body-login .cont-modal-login{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.body-login .alert{
		text-align: center;
	}

	.body-login h4{
		font-size: 3rem;
		line-height: 1.5;
		letter-spacing: 0.05em;
		font-weight: 700;
		color: #000;
		text-transform: initial;
		text-align: center;
		margin-bottom: 0;
	}

	/* ===== 10 FOOTER ===== */
		.footer_colors{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 0;
		height: 12px;
	}

	.footer_colors .square{
		width: 20%;
		height: 12px;
	}


	#footer{
		background: #000;
		padding: 8.57rem 0 ;
		border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	}
	#footer .container .row{
		margin-right: 0;
		margin-left: 0;
	}
	#footer .accesos,
	#footer .contacto{
		margin-right: 11rem;
		margin-right: 160px;
	}
	#footer .contacto{
		width: 240px;
	}
	#footer .accesos h6,
	#footer .contacto h6,
	#footer .catalogo h6{
		margin-bottom: 1.43rem;
		color: #FFF;
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%; /* 1.71429rem */
	}
	#footer .accesos ul,
	#footer .catalogo ul{
		list-style: none;
		padding-inline-start: 0;
	}
	#footer .catalogo ul{
		column-count: 2;
		column-gap: 5.25rem;
	}
	#footer .columns_catalogo_footer{
		columns: 200px 3;
    	column-gap: 80px;
	}
	#footer .columns_catalogo_footer a,
	#footer .accesos ul li a,
	#footer .contacto,
	#footer .catalogo ul li a{
		display: inline-block;
		color: #FFF;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 240%; /* 2.4rem */   
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#footer .columns_catalogo_footer a,
	#footer .catalogo ul li a{
		white-space: nowrap;
	}

	#footer .columns_catalogo_footer a > .tooltip,
	#footer .catalogo> li > a > .tooltip{
		font-size: 0.8rem;
	}
		#footer .columns_catalogo_footer a > .tooltip .tooltip-inner {
		max-width: 200px;
		padding: 3px 8px;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		background: var(--rojo);
		border-radius: 4px;
	}

	#footer .columns_catalogo_footer a > .tooltip.right .tooltip-arrow {
		display: none;
	}

	#footer .columns_catalogo_footer a:hover,
	#footer .columns_catalogo_footer a:focus,
	#footer .columns_catalogo_footer .active a,
	#footer .accesos ul li a:hover,
	#footer .accesos ul li a:focus,
	#footer .accesos ul li.active a{
		color: var(--rojo);
	}

	#firma {
		background: #000;
		padding: 2rem 0;
	}

	#firma .footer_text h6,
	#firma .footer_dinamic a{
		color: #B4B4B4;
		font-size: 0.85714rem;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 1.28571rem */
		display: inline-block;
	}
	#firma .footer_redes a.social {
		width: 30px;
		height: 30px;
		background: #bcbcbc;
		padding: 0px 0px 0 0;
		margin: 0 8px ;
		overflow: hidden;
		font-size: 19px;
		line-height: normal;
		border: none;
		border-radius: 50%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
		
	#firma .footer_redes a.social svg{
		height: 15px;
		vertical-align: middle;
	}


	#firma .footer_dinamic a,
	#firma .footer_redes a{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#footer .accesos ul li a:hover,
	#footer .accesos ul li a:focus,
	#footer .catalogo ul li a:hover,
	#footer .catalogo ul li a:focus,
	#firma .footer_dinamic a:hover,
	#firma .footer_dinamic a:focus,
	#firma .footer_redes a:hover,
	#firma .footer_redes a:focus{
		opacity: 1;
	}
	/* ===== 11 MENU ===== */

	.menu{
		margin: 0px auto;
		position: relative;
	}

	ul.nav_menu{}

	.nav_menu >li+li{
		margin-left: 0px;
	}

	.home .nav_menu > li > a,
	.nav_menu > li > a{
		color: #fff;
		border-radius: 0px !important;
		padding: 0.36rem 0 2.75rem !important;
		margin: 0 1.07rem 0 ;
		font-size: 1.07143rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		text-transform: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	


	.nav_menu > li > a{
		color:var(--negro)
	}

	.home .nav_menu > li > a:hover,
	.home .nav_menu > li > a:focus {
		text-decoration: none;
		background: none;
	}

	.nav_menu > li > a:hover,
	.nav_menu > li > a:focus {
		text-decoration: none;
		background: none;
	}

	.home .nav_menu > li > a:before ,
	.nav_menu > li > a:before {
		content: "";
		position: absolute;
		z-index: 1;
		left: 50%;
		right: 50%;
		bottom: 35px;
		background: #fff;
		height: 0.10714rem;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.menu_slim .nav_menu > li > a:before ,
	.nav_menu > li > a:before{
		background: #000;
	}

	@media screen and (max-width:1440px) {		
		.home .nav_menu > li > a:before ,
		.nav_menu > li > a:before {
			bottom: 30px;
		}	
	}
	.menu > ul > li > a:hover:before,
	.menu > ul > li > a:focus:before,
	.menu > ul > li.active > a:before {
		left: 0;
		right: 0;
	}


	.nav_menu > li.active > a,
	.nav_menu > li.active > a:hover,
	.nav_menu > li.active > a:focus{
		color: var(--red);
		/* border-bottom: 1.5px solid #000; */
		background: none;
	}

	.nav_menu .open > a,
	.nav_menu .open > a:hover,
	.nav_menu .open > a:focus {
		background: none !important;
		border-color: none;
	}

	.submenu_dropdown {
		position: absolute;
		top: 100%;
		left: 50%;
		right: auto;
		text-align: center;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px; 
		/*width: 100% !important;*/
		padding: 0px 0;
		margin: 0px 0 0 0;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 300%; /* 3rem */
		list-style: none;
		background-color: #fff;
		border: none !important;
		border-radius: 0px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		background-clip: padding-box;
		-webkit-animation-duration: 0.4s;
		animation-duration: 0.4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.nav_menu > li:last-child .submenu_dropdown{
		right: 0px;
		left: auto;
		-webkit-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important;
	}


	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		background-color: transparent;
		border-color: transparent;
	}

	.submenu_dw{
		list-style-type: none;
		padding: 0;
	}

	.submenu_dw > li:first-child > a{
		padding-top: 0px;
	}

	.submenu_dropdown > li > a{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		display: block;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		padding: 15px 10px 15px 10px;
		clear: both;
		color: #000;
		text-align: center;
		text-transform: none;
		filter:none !important;
		background-image: none !important;
	}

	.submenu_dw > li > a {
		float: left;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		display: block;
		color: #797979;
		font-family: "Plus Jakarta Sans";
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: 220%; /* 2.2rem */
		padding: 0px 0px 0px 1.43rem;
		clear: both;
		text-align: left;
		text-transform: none;
		filter:none !important;
		background-image: none !important;
	}

	.submenu_dropdown > li > a:hover,
	.submenu_dropdown > li > a:focus{
		color: var(--rojo);
		font-weight: 400;
		background-color: transparent;
	}

	.submenu_dw > li > a:hover,
	.submenu_dw > li > a:focus{
		color:#797979;
		font-weight: 700;
		text-decoration: underline;
		background-color: transparent;
	}

	.submenu_dropdown > .active > a,
	.submenu_dropdown > .active > a:hover,
	.submenu_dropdown > .active > a:focus,
	.submenu_dw > .active > a,
	.submenu_dw > .active > a:hover,
	.submenu_dw > .active > a:focus {
		color: var(--rojo);
		font-weight: 400;
		background-color: transparent;
		outline: 0;
	}	
	.submenu_dw > .active > a{
		font-weight: 400;
		text-decoration: none;
		color: var(--rojo);
	}
	.submenu_dw > .active > a:hover,
	.submenu_dw > .active > a:focus {
		text-decoration: underline;
	}

	.submenu_dropdown .divider {
		height: 1px;
		margin: 0px 0;
		overflow: hidden;
		background-color: #e7e7e7;
	}

	nav.menu_productos_sop{
		padding-right: 4.21rem;
		padding-right: 0;
	}

	.nav_submenu >li+li{
		margin-left: 0px;
	}

	.nav_submenu > li:last-child > a{
		border-right: 0px solid #fff;
	}

	.titulo-submenu{
		color: #000;
		font-size: 1.07143rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 1.36rem;
		border-bottom: 1px solid #DADADA;
		margin-bottom: 1.29rem;
		padding-top: 10px;
		padding-right: 10px;
	}
	.navbar-toggle.titulo-submenu{
		float: none;
	}
	.panel{
		background-color: transparent;
	} 
	.nav_submenu > li.panel{
		background-color: transparent;
	} 

	.nav_submenu > li > a {
		color: #000;
		font-size: 1.07143rem;
		font-style: normal;
		font-weight: 500;
		line-height: 250%; /* 2.67857rem */
		display: block;
		border-right: 0;
		border-radius: 0px !important;
		padding: 0px 10px 0px 0px !important;
		margin: 0 0px 0 0px;
		text-transform: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.nav_submenu > li > a:hover{
		text-decoration: none;
		background: transparent;
		color: var(--rojo);
	}

	.nav_submenu > li > a:focus{
		text-decoration: none;
		background: transparent;
	}



	.nav_submenu > li > a > .tooltip,
	.submenu_dw > li > a > .tooltip{
		font-size: 11px;
		line-height: 1;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
	}

	.nav_submenu > li > a > div .tooltip-inner,
	.submenu_dw > li > a > div .tooltip-inner{
		width: 115px;
		padding: 7px 0px;
		background-color: var(--rojo);
		border-radius: 0px;
	}

	.submenu_dw > li > a > div span.nuevo,
	.nav_submenu > li > a span.nuevo{
		color: #FFF;
		text-align: center;
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1;
		border-radius: 1.42857rem;
		border-radius: 20px;
		background: var(--rojo);
		padding: 0.3rem 0.79rem;
		margin-left: 1rem;
		text-transform: uppercase;
	}
	.nav_submenu > li > a span.nuevo{
		display: inline-block;
		font-size: 0.7rem;
		padding: 0rem 0.6rem;
		line-height: 250%;
		letter-spacing: 0.6px;
		font-weight: 700;
	}




	.nav_submenu > li.active > a,
	.nav_submenu > li.active > a:hover,
	.nav_submenu > li.active > a:focus{
		cursor: default;
	}

	.sop-content-listado .list_contents{
		padding-bottom: 7.14rem;
	}

	.panel{
		margin-bottom: 0;
	}

	.panel:last-child{
		padding-bottom: 10px;
	}


	.user_items {
		list-style: none;
		margin: 0;
		padding: 0;
		padding: 37px 40px;
		display: none;  /*Oculto por defecto*/
		text-align: center;
		position: absolute;
		top: 100%; /*Alinearlo debajo del ícono */
		right: 50%;
		transform: translateX(47%);
		background-color: #ffffff;
		border: 1px solid #DADADA;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
		z-index: 1000;
	}

	.user_items .hi_user{
		font-size: 1rem;
		text-align: center;
		font-weight: 700;
		text-transform: capitalize;
		color: #000;
		padding-bottom: 15px;
	}

	.user_items .arrow {
		top: -13px;
    	left: 50%;
		border: solid transparent;
		content: " ";
		height: 24px;
		width: 24px;
		position: absolute;
		pointer-events: none;
		border-color:#DADADA;
		border-width: 1px;
		margin-left: -5px;
		background: #fff;
		transform: rotate(45deg);
	}
	.user_items .arrow  {
		border-bottom-color: #fff;
    	border-right-color: #fff;		
	}
	.herramientas-header .logged .user_items .logout a{
		color: var(--rojo);
	}

	#panel_login:hover .user_items{
		display: block;
	}


	.herramientas-header .logged .user_items  a{
		padding: 10px 0px;
		white-space: nowrap;
		color: #000;
		text-align: center;
		font-size: 1rem;
		display: inline-block;
		font-weight: 500;
		position: relative;
		line-height: 130%;
		top: unset;
		right: unset;
		text-transform: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.herramientas-header .logged .user_items  a:hover,
	.herramientas-header .logged .user_items  a:focus{
		font-weight: 700;
		text-decoration: underline;
	}
	


	/* ===== 12 MENU MOVIL ===== */

	.navbar-toggle {
	overflow: hidden;
	}

	.navbar-toggle .icon-bar {
		border-radius: 0px !important;
		background-color: #000;
		margin: 0 auto;
		-webkit-transition: opacity, -webkit-transform;
		transition: opacity, -webkit-transform;
		transition: opacity, transform;
		transition: opacity, transform, -webkit-transform;
		-webkit-transition-duration: 200ms;
		transition-duration: 200ms;
		-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
		transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
	}
	.home .navbar-toggle .icon-bar {
		border-radius: 0px !important;
		background-color: #fff;
		margin: 5px auto;
		-webkit-transition: opacity, -webkit-transform;
		transition: opacity, -webkit-transform;
		transition: opacity, transform;
		transition: opacity, transform, -webkit-transform;
		-webkit-transition-duration: 200ms;
		transition-duration: 200ms;
		-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
		transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
	}
	.home #header.header_slim .navbar-toggle .icon-bar {
		background-color: #000;
	}

	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
		-webkit-transform: translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg);
	}

	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
	opacity: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
	-webkit-transform: translateY(-6px) rotate(-45deg);
			transform: translateY(-6px) rotate(-45deg);
	}

	.content_user_items{
		display: flex;
		align-items: center;
	}
	#header .herramientas-header .login .hi_userlogged{
		padding-left: 5px;
		font-weight: 500;
	}

	.dropdown-megamenu-btn {
		position: relative;
	}
	  .dropdown-megamenu-btn:after {
		bottom: 0;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-width: 5px;
		margin-left: -5px;
		border-bottom-color: #fff;
		opacity: 0;
	  }
	
	  

	  #header.isHome.header_xs .dropdown-megamenu-content,
	  .dropdown-megamenu-content {
		padding: 75px 0;
		display: none;
		position: fixed;
		background-color: var(--blanco);
		width: 100%;
		top: 6.4rem;
		left: 0;
		border-top: 1px solid #DADADA;
		border-bottom: none;
		/* box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); */
		z-index: 999;
		min-height: 280px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
		

	.home .top #header.isHome .dropdown-megamenu-content{
		top: 6.4rem;
	}
	.home .top #header.isHome.header_slim .dropdown-megamenu-content{
		top: 9.4rem;
	}
	@media screen and (max-width:1199){
		.home .top #header.isHome.header_slim .dropdown-megamenu-content {
			top: 7.4rem;
		}
	}
	.dropdown-megamenu-content{
		top: 9.4rem;
	}
	
	li.catalogo:hover .dropdown-megamenu-content {
		display: block !important;
	}
	/* #header .dropdown-megamenu-content{
		top: 50px;
	} */

	.menu .nav_menu li.catalogo:hover ~ .dropdown-megamenu-content {
		display: block !important;
	}
	.menu .nav_menu li.catalogo:hover + .dropdown-megamenu-content {
		display: block !important;
	}
	#header .herramientas-header{
		z-index: 1100;
		padding-bottom: 0;
	}

	#header .herramientas-header a.search_btn,
	/*#header .herramientas-header .logged .login .content_user_items,*/
	#header .herramientas-header .login,
	#header .herramientas-header .carro{
		padding-bottom: 2.5rem !important;
	}

	  /* #header .dropdown-megamenu-content{
		top: 91px;
	  } */
	
	  .dropdown-megamenu-content .container {
		display: flex;
		justify-content: center;
	}

	.dropdown-megamenu-content .cols {
		display: flex;
		flex-wrap: wrap;
		margin: 30px 16.666666666666664%;
	}

	.dropdown-megamenu-content .cols > .section{
		width: 33.3333%;
		box-sizing: border-box;
		padding: 0 10px; 
	}

	.dropdown-megamenu-secciones{
		columns: 170px 3;
    	column-gap: 100px;
	}

	  .dropdown-megamenu-content ul,
	  .dropdown-megamenu-content div.d-flex {
		margin: 0;
		padding: 0;
		list-style: none;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
	  }
	  .dropdown-megamenu-content ul li {
		font-size: 16px;
	  }

	 .dropdown-megamenu-content a {
		color: var(--negro);
		display: block;
		margin-bottom: 0px;
		text-transform: capitalize;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 300%; /* 42px */
	  }
	  
	  .dropdown-megamenu-content .active a,
	  .dropdown-megamenu-content a:hover{
		color: var(--rojo);
	  }



	.menu_mobile_btn:hover,
	.menu_mobile_btn:focus {
		color: #000 !important;
		text-decoration: none !important;
	}

	ul.menu_collapse .catalogo-mobile{
		display: none;
	}

	ul.menu_collapse .catalogo-mobile a{
		margin: 0px !important;
		padding: 20px 15px !important;
		list-style: none;
		font-size: 11px;
		line-height: 1;
		font-weight: 400;
		text-transform: uppercase;
		color: #000;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	ul.menu_collapse{
		margin: 0 0 0 0 !important;
		padding: 0px !important;
		text-align: center;
		/*overflow: scroll !important;*/
		border-top: 1px solid #DADADA;
	}
	/*
	#collapseMenu,
	.menu_collapse_sop{
		overflow: scroll !important;
		scroll-behavior: auto !important;
	}
	*/
	

	ul.menu_collapse li{
		position: relative;
		margin: 0px !important;
		padding: 0px 2.14rem !important;
		list-style: none;
		border-bottom: 1px solid #DADADA;
		background: #fff;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}

	ul.menu_collapse>.active{
		background: transparent;
	}

	ul.menu_collapse>.active>a,
	ul.menu_collapse>.active>a:hover,
	ul.menu_collapse>.active>a:focus{
	}

	ul.menu_collapse li a{
		display: block;
		margin: 0px !important;
		padding: 20px 0 20px 0px !important;
		list-style: none;
		text-align: left;
		color: var(--negro);
		font-size: 1.28571rem;
		font-weight: 500;
		line-height: normal;
		text-transform: initial;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	ul.menu_collapse li a.catalogo-subs{
		margin-bottom: 20px !important;
		padding-bottom: 0 !important;
	}
	ul.menu_collapse li a:hover{
		text-decoration: none;
		font-weight: 600;
		color: var(--negro);
	}

	ul.menu_collapse li a:focus{
		text-decoration: none;
		font-weight: 600;
		color: var(--negro);
	}

	ul.menu_collapse li a span{
		color: var(--rojo);
		margin: 3px 0 0 0;
		display: block;
	}

	ul.menu_collapse li a i{
		-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.submenu_collapse_sop{
	}

	ul.submenu_collapse{
		margin: -10px 0 15px 0 !important;
		padding: 0px !important;
		text-align: center;
	}

	ul.submenu_collapse li{
		margin: 0px !important;
		padding: 0 !important;
		list-style: none;
		background: transparent;
		border-bottom: 0;
	}

	.submenu_collapse.submenu_sections li a.collapsed:after{
		content: "\f105";
	}
	.submenu_collapse.submenu_sections li a:after{
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f107";
		display: inline-block;
		color: inherit;
		position: absolute;
		right: 0px;
		top: 10px;
		margin: 0;
		text-align: center;
		color: var(--negro);
	}
	
	.submenu_collapse.submenu_subs li a.collapsed:after{
		content: inherit;
	}
	.submenu_collapse.submenu_subs li a:after{
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: inherit;
		display: inline-block;
		color: inherit;
		position: absolute;
		right: 0px;
		top: 10px;
		margin: 0;
		text-align: center;
		color: var(--negro);
	}

	ul.submenu_collapse > li:last-child{
		border-bottom: 0px;
	}

	ul.submenu_collapse>.active{
	}

	ul.submenu_collapse>.active>a,
	ul.submenu_collapse>.active>a:hover{
		color: var(--rojo);
	}

	ul.submenu_collapse li a,
	ul.menu_collapse li a.noSubs{
		margin: 0px !important;
		padding: 10px 0px !important;
		list-style: none;
		font-size: 11px;
		line-height: 1;
		font-weight: 400;
		text-transform: uppercase;
		color: #000;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}
	ul.submenu_collapse li a{
		font-size: 12px;
	}
	ul.menu_collapse li a.noSubs{
		margin: 0px !important;
		/* padding: 20px 15px !important; */
		list-style: none;
		background: transparent;
		color: var(--negro);
		font-size: 1.14286rem;
		font-weight: 400;
		line-height: 300%;
		display: flex;
		position: relative;
	}



	#catalogo_subs ul.submenu_collapse li a{
		color: var(--negro);
		font-size: 1.14286rem;
		font-weight: 400;
		line-height: 300%;
		display: flex;
		position: relative;
		padding-block: 0 !important;
		text-transform: initial;
	}

	#catalogo_subs ul.submenu_collapse li a span.nuevo,
	ul.menu_collapse li a.noSubs span.nuevo{
		color: #FFF;
		text-align: center;
		font-size: 0.85714rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1;
		border-radius: 1.42857rem;
		background: var(--rojo);
		padding: 0.3rem 0.79rem;
		margin: 11px 0 8px 0;
		position: absolute;
		left: 28rem;
	}
	#catalogo_subs ul.submenu_collapse li a span.nuevo{
		line-height: normal;
		position: relative;
		display: inline-block;
		margin-left: 15px;
		left: unset;
	}
	ul.submenu_collapse li a {
		font-size: 12px;
		font-size: 1.14286rem;
		font-weight: 400;
		line-height: 300%;
	}
	div#catalogo_subs ul.submenu_collapse .panel .panel-collapse .submenu_collapse_sop ul.submenu_collapse li a{
		padding: 0rem 3rem !important;
		font-size: 1rem;
	}

	div#catalogo_subs ul.submenu_collapse .panel .panel-collapse .submenu_collapse_sop ul.submenu_collapse li a i{
		padding-top: 11px;
		padding-left: 10px;
		color: #797979;
	}

	ul.submenu_collapse li a:hover,
	ul.submenu_collapse li a:focus {
		text-decoration: none;
		color: #333;
	}
	.menu_productos_sop a .titulo-submenu i,
	.menu_productos_sop .section a i{
		font-size: 0.85rem;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.menu_productos_sop a.collapsed .titulo-submenu i{
		transform: none;
	}
	/*
	.menu_productos_sop .section a:not(.collapsed) i{
		transform: scaleY(-1);
	}
	*/
	.menu_productos_sop .section.panel:has(.panel-collapse.in) i{
		transform: scaleY(-1);
	}
	.menu_productos_sop .section.panel:has(.panel-collapse.in) span.nuevo i{
		transform: none;
	}
	ul.menu_collapse li.hasSubs > a.collapsed:after {
		content: "\f105";
	}

	ul.menu_collapse li.hasSubs > a:after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f107";
		display: inline-block;
		color: inherit;
		position: absolute;
		right: 20px;
		top: 19px;
		margin: 0;
		text-align: center;
		color: var(--negro);
	}



	/* ===== 13 MENU FOOTER ===== */

	.footer_menu_sop{
		background: #2a2a2a;
		padding-top: 50px;
		padding-bottom: 50px;
		text-align: center;
		position: relative;
	}

	ul.footer_menu{
		margin: 0px 30px 0 30px;
		padding: 0px;
	}

	ul.footer_menu li{
		list-style: none;
		display: inline;
	}

	ul.footer_menu li a{
		font-size: 12px;
		line-height: 12px;
		font-weight: 400;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		margin-right: 15px;
		margin-left: 15px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	ul.footer_menu li a:hover{
		color: #c6c6c6;
	}

	ul.footer_menu li.active a{
		font-weight: 700;
	}

	/* ===== 14 HIGHLIGHTED TYPE 1 SLIDE  ===== */

	.carousel-inner .black_filter{
		position: absolute;
		top: 0;
		width: 50%;
		height: 100%;
		left: 0;
		background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
	}
	.carousel-img{
		text-align: center;
	}

	.carousel-img img{
		display: inline-block;
	}

	.carousel-caption{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: calc((100vw - 1440px) /2);
		max-width: 32rem;
		width: 100%;
		z-index: 10;
		padding:0px 0px;
		text-align: left;
		text-shadow: none !important;
		color: #fff;
		background-color: transparent!important;	
	}	

	

	@media screen and (max-width:1440px) {
		.carousel-caption{
			left: calc((100vw - 1320px) /2);	
		}	
	}
		@media screen and (max-width:1350px) {
		.carousel-img {
			height: 650px !important;
		}
		.carousel-caption{
			left: calc((100vw - 1190px) /2);	
		}	
	}
	@media screen and (max-width:1199px) {
		.carousel-caption{
			left: calc((100vw - 980px) /2);	
		}	
	}
	@media screen and (max-width:991px) {
		.carousel-caption{
			left: calc((100vw - 750px) /2);	
		}	
	}

	.carousel-caption h2,
	.carousel-caption a.title_slide{
		color: #FFF;
		font-size: 5.71429rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%; /* 5.71429rem */
		letter-spacing: -0.11429rem;
		margin: 0px 0 0px 0;
		padding: 0px;
		margin-bottom: 2.93rem;
	}
	.carousel-caption a.title_slide{
		text-decoration: none !important;
		margin-bottom: 40px;
    	display: inline-block;
	}



	.carousel-caption p{
		font-size: 13px;
		line-height: 18px;
		font-weight: 400;
		padding: 0 15px 0 15px;
		margin: 15px 0 0 0;
	}
	.carousel-caption a{
		color: #FFF;
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}
	.carousel-caption a:hover,
	.carousel-caption a:focus{
		opacity: 0.8;
	}

	@media screen and (max-width:768px) {
		.carousel-caption h2,
		.carousel-caption a.title_slide{
			text-align: center;
		}
		.carousel-caption a{
			font-size: 1.86rem;
		}
	}

	.carousel-caption a svg{
		margin-left: 0.71rem;
		vertical-align: sub;
	}

	.carousel_control{
		position: absolute;
		top: 0px;
		height:100%;
		width: 150px;
		display: block;
		z-index: 15;
	}

	.carousel_control.left{
		left: 0px;
		opacity: 0;
		background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.0001)));
		background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.2) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
		background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 100%);
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.carousel_control.right {
		right: 0px;
		opacity: 0;
		background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.2)));
		background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.2) 100%));
		background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.2) 100%);
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.2) 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#carousel_slide_home:hover .carousel_control{
		opacity: 1;
	}

	.carousel_control img{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.carousel_control.left img{
		left: 30px;
	}

	.carousel_control.right img{
		right: 30px;
	}



	.carousel-indicators {
		position: absolute;
		bottom: 15px;
		left: 50%;
		margin-left: 0px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 15;
		width: 60%;
		padding-left: 0;
		text-align: center;
		list-style: none;
	}

	.carousel-indicators li {
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 0px 4px 0 4px;
		text-indent: -999px;
		cursor: pointer;
		border: 1px solid #fff;
		background-color: rgb(255, 255, 255) !important;
		background-color: rgba(255, 255, 255, 0) !important;	
		border-radius: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.carousel-indicators li:hover {
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
		border: 1px solid #fff;
		background-color: rgb(255, 255, 255) !important;
		background-color: rgba(255, 255, 255, 0.5) !important;	
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.carousel-indicators .active,
	.carousel-indicators .active:hover {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		width: 14px;
		height: 14px;
		margin: 0px 4px 0 4px;
		background-color: rgb(255, 255, 255) !important;
		background-color: rgba(255, 255, 255, 1) !important;	
		border: 1px solid #fff;
		cursor: default;
	}



	#galeria_producto .carousel-indicators{
		margin-top: 10px;
		position: relative;
		text-align: center;
		list-style: none;
		bottom: 0;
		left: 0;
		margin-left: 0;
		-webkit-transform: none;
		transform: none;
		z-index: 15;
		width: auto;
		padding-left: 0;
	}
	#galeria_producto .carousel-indicators li {
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 0px 4px 0 4px;
		text-indent: -999px;
		cursor: pointer;
		border: 1px solid #000;
		background-color: rgb(255, 255, 255) !important;
		background-color: rgba(255, 255, 255, 0) !important;	
		border-radius: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	#galeria_producto .carousel-indicators li:hover {
		border: 1px solid #000;
		background-color: rgb(0,0,0) !important;
		background-color: rgba(0, 0, 0, 1) !important;	
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	#galeria_producto .carousel-indicators .active,
	#galeria_producto .carousel-indicators .active:hover {
		width: 14px;
		height: 14px;
		margin: 0px 4px 0 4px;
		background-color: rgb(0,0,0) !important;
		background-color: rgba(0, 0, 0, 1) !important;	
		border: 1px solid #000;
		cursor: default;
	}


	#galeria_producto .carousel_control{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 10;
		outline: none;
		border:0;
		width: 30px;
		height: 30px;
		background: #000;
		opacity: 0.5;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#galeria_producto .carousel_control.left i{
		font-size: 15px;
		color: #fff;
		line-height: 2;
	}

	#galeria_producto .carousel_control.right i{
		font-size: 15px;
		color: #fff;
		line-height: 2;
	}

	#galeria_producto:hover .carousel_control {
		opacity: 1;
	}

	/* ====== 15 HIGHLIGHTED TYPE 2 NOVEDADES ====== */
	/* ====== 20 LISTADO DE CONTENIDOS ====== */
	.list_order{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 1.36rem;
		/*width: 340px;*/
		justify-content: end;
	}
	.list_order .total_results{
		color: #000;
		font-size: 0.92857rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing: 0.01857rem;
	}
	.order{
		width: 11.42857rem !important;
	}


	.list_order .select2-container--default .select2-selection--single{
		border-radius: 2.14286rem;
		border: none;
		background: #FFF;
		width: 11.42857rem;
		height: 2.85714rem;
		flex-shrink: 0;
	}
	.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
	.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
		border-bottom-left-radius: 2.14286rem;
		border-bottom-right-radius: 2.14286rem;
	}
	.list_order .select2-container .select2-selection--single .select2-selection__rendered{
		padding: 0.8rem 2.14rem;
		color: #000;
		font-size: 0.92857rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing: 0.01857rem;
	}
	.list_order .select2-container--default .select2-selection--single .select2-selection__arrow,
	.select2-search--dropdown{
		display: none !important;
	}
	.list_order .select2-container .select2-selection--single .select2-selection__rendered{
		background:url(img/select-arrow-makor.svg) no-repeat right 2.21rem top 1.07rem transparent;
	}
	
	.select2-container--open .select2-dropdown--below{
		width: 11.42857rem !important;
	}
	/* ====== 21 LISTADO DE SUBSECCIONES ====== */
	.sop_home_destacados_group{
		padding: 2.71rem 0px 7.14rem;
		background: var(--gris);
	}
	.sop_home_destacados{
		position: relative;
		/*padding: 5.71rem 0px 7.14rem;*/
		padding: 2.5rem 0px;
		background: var(--gris);
	}

	.home .sop_home_destacados .title{
		margin-bottom: 0;
	}
	.home .sop_home_destacados .owl-carousel button{
		appearance: none;
		background: #000;
		height: 50px;
		width: 50px;
		border-radius: 50%;
		border: none;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;

	}
	.home .sop_home_destacados .owl-carousel button,
	.home .sop_home_destacados .owl-carousel button,
	.home .sop_home_destacados .owl-carousel button i,
	.home .sop_home_destacados .owl-carousel button i{ 	
		color: #fff;		
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.home .sop_home_destacados .owl-carousel button:hover,
	.home .sop_home_destacados .owl-carousel button:focus{
		background: var(--rojo);
	}
	.home .sop_home_destacados .owl-carousel button:hover i,
	.home .sop_home_destacados .owl-carousel button:focus i{ 
		color: #fff;
	}
	.home .sop_home_destacados .owl-carousel button.owl-prev{
		left: 15px;
	}
	.home .sop_home_destacados .owl-carousel button.owl-next{
		right: 15px;
	}


	.sop.busqueda .list_contents .list_grid,
	.related .list_grid,
	.sop_home_destacados .list_grid,
	.list_contents .list_grid,
	.list_contents .list_grid.novedades{
		display: grid;
		grid-template-columns: repeat(4, minmax(auto, 1fr));
		gap: 1.43rem;
		position: relative;
	}
	.list_contents .list_grid{
		grid-template-columns: repeat(3, minmax(auto, 1fr));
	}

	.list_contents .list_grid.novedades{
		padding-top: 8.5rem;
		column-gap: 1.43rem;
    	row-gap: 4.3rem;
	}

	.related .list_grid .home_destacados,
	.list_contents .list_grid .home_destacados,
	.sop_home_destacados .list_grid .home_destacados{
		position: relative;
	}

	.index-carro{
		padding-top: 0;
	}



	.sop_home_destacados .home_destacados article,
	.home_destacados.mod article{
		background: #FFF;
	}
	.related .list_grid.novedades .home_destacados.mod article .text,
	.sop_home_destacados .home_destacados article .text,
	.home_destacados.mod article .text{
		padding: 1.43rem 1.5rem 1.8rem 1.5rem;
		border-top: 1px solid #DADADA;
		color: #3C3C3C;
	}
	.related .list_grid.novedades .home_destacados.mod article .text{
		padding: 1.4rem 1.4rem 1.7rem 1.4rem;
	}

	.home .sop_home_destacados .home_destacados article .text{
		min-height: 18rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.home .sop_home_destacados .home_destacados article .text.not_price{
		min-height: unset;
		box-sizing: content-box;
    	height: 5lh;
	}
	@media screen and (min-width: 991px) and (max-width: 1439px) {
		.home .sop_home_destacados .home_destacados article .text.not_price{
			height: 4lh;
		}
	}

	.list_grid.novedades .home_destacados.mod article .text{
		border-top: none;
		padding: 1.43rem 0;
	}

	.related .list_grid.novedades .home_destacados.mod article .text h1,
	.sop_home_destacados .home_destacados article .text h1,
	.home_destacados.mod article .text h1{
		color: #3C3C3C;
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 700;
		line-height: 150%; /* 1.71429rem */
		margin-bottom: 1.14rem;
	}

	.list_grid.novedades .home_destacados.mod article .text h1{		
		color: #000;
		font-size: 1.7rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 31.2px */
		letter-spacing: -0.48px;
		margin: 0 0 10px 0;
		text-transform: none;
	}
	.list_grid.novedades .home_destacados.mod article .text p{
		color: #7C7C7C;
		font-size: 1.14rem;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 24px */
		margin: 0 0 20px 0;
	}
	.list_grid.novedades .home_destacados.mod article .text span{
		color: #000;
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-transform: none;
	}
	.list_grid.novedades .home_destacados.mod article .text span svg{
		margin-left: 10px;
		vertical-align: middle;
	}

	.sop_home_destacados .home_destacados article .text .precio,
	.home_destacados.mod article .text .precio{
		margin-bottom: 1.14rem;
		font-size: 1.85714rem;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 2.78571rem */
	}

	.home_destacados.mod article .text .precio{
		margin:  0 0;
	}
	.home_destacados.mod article .text .not_iva{
		margin-bottom: 0.8rem;
	}

	.sop_home_destacados .home_destacados article .text .codigo,
	.home_destacados.mod article .text .codigo{
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 1.5rem */
		padding-bottom: 0;
	}

	.secciones_destacados{
		position: relative;
		background: #F5F5F5;
		padding-top: 7.17rem;
		padding-bottom: 5.17rem;
	}

	/*
	.secciones_destacados .list_secciones_dest{
		gap: 1.43rem;
	}
	*/


	.secciones_destacados .list_secciones_dest .list-card{
		position: relative;
		border-radius: 5px;
   		overflow: hidden;
	}

	.secciones_destacados .list_secciones_dest .list-card figure{		
		background: rgba(47, 47, 47, 1);
	}
	.secciones_destacados .list_secciones_dest .list-card figure img{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		opacity: 0.7;
	}

	.secciones_destacados .list_secciones_dest .list-card figure:hover img{
		opacity: 1;
	}


	.secciones_destacados .list_secciones_dest .list-card .text h1{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
		text-align: center;
		color: #FFF;
		font-size: 1.85714rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%; /* 2.78571rem */
		letter-spacing: -0.03714rem;
		width: auto;
	}
	.secciones_destacados .list_secciones_dest .list-card:hover .text,
	.secciones_destacados .list_secciones_dest .list-card:focus .text{
		background: rgba(47, 47, 47, 0);
	}

	.home_destacados a .img{
		position: relative;
		overflow: hidden;
		background: rgba(47, 47, 47, 0);
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.home_destacados a img{
		object-fit: cover;
    	/* aspect-ratio: 5 / 4;
		aspect-ratio: 1; BORRAR CUANDO CARGEN FOTOS NUEVA PROPORCION */
	}

	.home_destacados a .img-hvr{
		/* background: rgba(47, 47, 47, 1); */
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.home_destacados .img{
		object-fit: cover;
		/* height: 270px; */
		aspect-ratio: 4 / 3;
		aspect-ratio: 1; /* BORRAR CUANDO CARGEN FOTOS NUEVA PROPORCION */
		width: 100%;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.template_producto{
		position: relative;
	}
	.template_producto .sobre_img_content,
	.home_destacados .img .sobreimg{
		position: absolute;
		top: 0.95rem;
		width: 100%;
		padding-inline: 0.95rem;
		z-index: 1;
		opacity: 1;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.template_producto .sobre_img_content{
		width: calc(100% - 30px);
		z-index: 2;
	}

	.template_producto .sobre_img_content .nuevo_xl,
	.template_producto .sobre_img_content .nuevo,
	.template_producto .sobre_img_content .discount,
	.home_destacados .img .sobreimg .nuevo_xl,
	.home_destacados .img .sobreimg .nuevo,
	.home_destacados .img .sobreimg .discount{
		border-radius: 30px;
		padding: 0.5rem 0.95rem;
		color: #fff;
		text-align: center;
		font-size: 0.7rem;
		font-style: normal;
		font-weight: 700;
		line-height: 250%; /* 30px */
		letter-spacing: 0.72px;
		text-transform: uppercase;		
	}
	.home_destacados .img:hover .sobreimg{
		opacity: 0;
	}


	.home_destacados .img img{
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.home_destacados .img:hover img{
		opacity: 0.5;
		/*transform: none;*/
	}


	.home_destacados a .img-hvr span{
		font-size: 11px;
		font-weight: 600;
		line-height: 32px;
		letter-spacing: 0.15em;
		color: var(--blanco);
		background-color: #000;
		border-radius: 5px;
		text-transform: uppercase;
		position: absolute;
		top: 50%;
		left: 50%;
		padding: 4px 35px;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%); /* IE 9 */
		-webkit-transform: translate(-50%,-50%); /* Safari */	
	}
	.home_destacados a .img-hvr span::after {
		display: none;
		content: '';
		position: absolute;
		left: 10%;
		width: 75%;
		transform: scaleX(0);
		height: 1px;
		bottom: 5px;
		background-color: var(--blanco);
		transform-origin: bottom right;
		transition: transform 0.25s ease-out;
	}

	.home_destacados a .img-hvr span:hover::after {
		transform: scaleX(1);
		transform-origin: bottom left;
	}

	.list_grid.novedades .home_destacados .img,
	.list_grid.novedades .home_destacados .img  img{
		aspect-ratio: 4 / 5;
	}
	.related .list_grid.novedades .home_destacados .img,
	.related .list_grid.novedades .home_destacados .img  img,
	.list_contents .list_grid.novedades .home_destacados .img,
	.list_contents .list_grid.novedades .home_destacados .img  img{
		aspect-ratio: 4 / 3;
	}
	.list_grid.novedades .home_destacados .img  img{
		object-fit: cover;
	}

	.home_destacados a:hover .img-hvr{
		opacity: 1;
	}
	.hvr-grow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
	.hvr-grow:hover, 
	.hvr-grow:focus, 
	.hvr-grow:active {
		-webkit-transform: scale(1.03);
		transform: scale(1.03);
	}
	.list_subsections{
		margin-bottom: 70px;	
	}

	.list_subsections .list_secciones_dest .list-card{
		position: relative;
		padding: 0 15px 15px;
	}

	.list_subsections .list_secciones_dest .list-card figure.default{
		background-image: url(../../../../resources/original/logos/logo-makor.png);
		background-position: center;
		background-repeat: no-repeat;
	}

	.list_subsections .list_secciones_dest .list-card figure {
		background: rgba(47, 47, 47, 1);
		border-radius: 5px;
    	overflow: hidden;	
	}
	.list_subsections .list_secciones_dest .list-card figure .sobreimg span{
		position: absolute;
		top: 1.43rem;
		right: 3.79rem;
		border-radius: 30px;
		text-transform: uppercase;
		background: var(--rojo);
		padding: 0.8rem 1.93rem 0.8rem 1.79rem;
		opacity: 1;
		z-index: 999;
		color: #fff;
		font-weight: 500;
	}
	.list_subsections .list_secciones_dest .list-card figure img{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		opacity: 0.7;
	}

	.list_subsections .list_secciones_dest .list-card figure:hover img{
		opacity: 1;
	}

	.list_subsections .list_secciones_dest .list-card .text h1{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
		color: #FFF;
		font-size: 1.85714rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
		letter-spacing: -0.03714rem;
		width: auto;
	}

	.list_subsections .list_secciones_dest .list-card:hover .text,
	.list_subsections .list_secciones_dest .list-card:focus .text{
		background: rgba(47, 47, 47, 0);
	}

	.home_destacados .title_sep,
	.list_contents .mod .title_sep,
	.list_subsections .mod .title_sep {
		width: 20px;
		height: 2px;
		margin: 0px 0px 20px 0px;	
	}

	.list_subsections .mod .title_sep{
		margin: 0 auto;
	}

	.home_destacados a,
	.list_contents .mod a,
	.list_subsections .mod a{
		display: inline-block;
		text-decoration: none !important;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.home_destacados .img .default,
	.list_contents .mod .img .default,
	.img-producto .default{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 35%;
		object-fit: contain;
    	opacity: 0.2;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}


	.list_contents .mod .text,
	.list_subsections .mod .text{
		color: #3e3e3e;
	}

	.list_contents .mod .text h1,
	.list_subsections .mod .text h1{
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -0.025em;
		font-weight: 400;
		color: #000;
		text-transform: uppercase;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-right: 25px;
		margin-left: 0px;
		text-align: left !important;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.home_destacados .text h1 strong,
	.list_contents .mod .text h1 strong,
	.list_subsections .mod .text h1 strong{
		color: var(--rojo);
		font-weight: 400;
	}

	.list_subsections .mod .text h1{
		text-align: center !important;
	}

	.home_destacados .text p,
	.list_contents .mod .text p,
	.list_subsections .mod .text p{
		font-size: 12px;
		line-height: 20px;
		font-weight: 400;
		margin-top: 10px;
	}

	.home_destacados .text span,
	.list_contents .mod .text span,
	.list_subsections .mod .text span{
		font-size: 11px;
		line-height: 11px;
		font-weight: 600;
		text-transform: uppercase;
		color: #8a8a8a;
		margin: 10px 0 0 0;
		padding: 0 0 15px 0;
		text-decoration: none !important;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.home_destacados .text span:hover,
	.list_contents .mod .text span:hover,
	.list_subsections .mod .text span:hover{
		color: #000;
	}



	.codigo-relacionados{
		padding-bottom: 0px;
	}


	/* ===== CATEGORIAS DESTACADAS  ===== */
	.cat_dest{
		text-align: center;
		background: #FFF;
		padding: 11.57rem 0 13.71rem;
	}
	.cat_dest .titulo {
		color: #000;
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		margin-bottom: 4.29rem;
	}
	.cat_dest .submenu{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 3.57rem;
		row-gap: 2.14rem;
	}

	.cat_dest .hover_effect{
		position: relative;
		z-index: 1;
	}
	.cat_dest .submenu a{ 
		color: #000;
		display: inline-block;
		font-size: 2.14286rem;
		font-style: normal;
		z-index: 1;
		font-weight: 600;
		line-height: normal;
		position: relative;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.cat_dest .submenu a:hover,
	.cat_dest .submenu a:focus{ 
		color: var(--rojo);
	}

	.cat_dest .hover_effect:hover a,
	.cat_dest .hover_effect:focus a{  
		color: #fff;
	}

	.cat_dest .submenu .hover_effect:hover,
	.cat_dest .submenu .hover_effect:focus{ 
		color: var(--blanco);
	}

	.cat_dest .submenu .hover_effect .img_category{
		width: 1px;
		aspect-ratio: 1;
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: -1;
		transform: translate(-50%, -50%) !important;
		background: var(--rojo);
		box-shadow: 3px 3px 6px #0000003b;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		transition:opacity 0.3s ease;
		pointer-events: none !important;
	}
	.cat_dest .submenu .hover_effect:hover .img_category{
		opacity: 1;
		width: 500px;
	}
	.cat_dest .submenu .hover_effect .img_category img{
		width: 100%;
		aspect-ratio: 1;
		overflow: hidden;
		object-fit: cover;
	}

	@media screen and (max-width:768px){
		.cat_dest .submenu .hover_effect a:hover,
		.cat_dest .submenu .hover_effect a:focus{ 
			color: var(--rojo);
		}
		.cat_dest .submenu .hover_effect:hover .img_category{
			opacity: 0;
		}
		.cat_dest .submenu .hover_effect .img_category{
			display: none;
		}
	}



	.accesos_home{
		background: #F5F5F5;
		padding: 4.29rem 0;
	}
	.accesos_home .planillas_access{
		background: var(--negro);
		flex: 1 1 auto;
		padding: 3.36rem 0;
		text-align: center;
		max-width: 24.28571rem;
		width: 100%;
		height: 8.57143rem;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.accesos_home .planillas_access.not_log{
		max-width: 100%;
	}
	.accesos_home .planillas_access div{
		display: inline-block;
		text-align: center;
		color: var(--blanco);
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%; /* 1.71429rem */
		text-decoration: none;
	}
	.accesos_home .planillas_access div svg{
		margin-right: 1.36rem;
	}

	.accesos_home .planillas_access:has(div):hover{
		background: var(--rojo);
	}

	/* ===== 16 HIGHLIGHTED TYPE 3 ACCESOS RAPIDOS/ICONOS  ===== */

	.sop_home_iconos{
		position: relative;
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 30px;
		padding-right: 30px;
		background: #fff;
		text-align: center;
	}

	.sop_home_iconos .title_sep{
		margin-bottom: 30px;
	}

	.sop_home_iconos .ico{
		display: inline-block;
		vertical-align: top;
		margin: 0 15px;
		position: relative;
	}

	.sop_home_iconos a{
		text-decoration: none !important;
		position: relative;
	}

	.sop_home_iconos figure img{
		width: 120px;
	}

	.sop_home_iconos .ico h2{
		text-decoration: none !important;
		font-size: 12px;
		line-height: 16px;
		font-weight: 600;
		color: #585858;
		text-transform: uppercase;
		padding: 20px 5px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	/* ====== 17 HIGHLIGHTED TYPE 6 TEXTO DESTACADO ====== */

	.sop_home_texto_destacado{
		position: relative;
		padding: 80px 200px 100px 200px;
		background-color: #3e3e3e;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		color: #cacaca;
		background-position: center center;
		text-align: center;
	}

	.sop_home_texto_destacado p{
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		line-height: 26px;
		font-weight: 400;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	/* ====== 18 HIGHLIGHTED TYPE 7 DATOS DE CONTACTO / REDES SOCIALES ====== */

	.sop_mod_contacto{
		position: relative;
		padding: 80px 0px 80px 0px;
		background: #222;
		color: #cacaca;
		text-align: center;
	}

	.mod_contacto{
		text-align: left;
	}

	.mod_contacto .title_sep_white{
		width: 20px;
		height: 2px;
		margin: 0px 0px 20px 0px;
	}

	.mod_contacto .text{
		margin-top: 75px;
	}

	.mod_contacto .text h3{
		text-align: left;
		font-size: 13px;
		font-weight: 700;
		text-transform: uppercase;
		line-height: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-right: 0px;
		margin-left: 0px;
		color: #cacaca;
	}

	.mod_contacto .text p{
		font-size: 12px;
		line-height: 28px;
		font-weight: 600;
		text-align: left;
		margin-top: 10px;
	}

	.mod_contacto .text a{
		color: #cacaca;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.mod_contacto .text a:hover{
		color: #fff;
	}




	/* ====== 19 HIGHLIGHTED TYPE 8 VIDEO ====== */

	.sop_home_video{
		position: relative;
		padding: 80px 0px 100px 0px;
		background: #555555;
		color: #cacaca;
		text-align: center;
	}

	.sop_home_video a.btn{
		color: #fff;
		background: #333;
		text-decoration: none;
		text-transform: uppercase;
		border-radius: 0px !important;
		font-size: 12px;
		line-height: 12px;
		letter-spacing: 0.05em;
		font-weight: 400;
		padding: 15px;
		margin: 30px 0 0 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.sop_home_video a.btn:hover{
		background: #000;
		color: #fff;
	}

	/* ====== 22 CONTENIDO EDITORIAL ====== */

	.template_producto .content{
		margin-top: 0;
	}

	.content .title_sep{
		margin: 0px auto 30px auto;
	}

	.content .source{
		font-size: 12px;
		line-height: 24px;
		font-weight: 400;
		margin: 0 0 20px 0;
	}

	.content .source i{
		font-weight: 700;
	}

	.content .desc,
	.galeria_de_imagenes .desc,
	.sop > .desc{
		font-size: 12px;
		line-height: 24px;
		font-weight: 700;
		padding: 0 100px;
		margin: 0 0 35px 0;
	}
	.content.content-editorial h2.title_subseccion,
	.content.contacto h2.title_subseccion,
	.content.content-user h2.title_subseccion{
		font-size: 4.28571rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%; /* 4.28571rem */
		letter-spacing: -0.08571rem;
		text-transform: capitalize !important;
	}
	.content.contacto h2.title_subseccion,
	.content.content-user h2.title_subseccion{
		text-transform: inherit !important;
	}
	.content.content-editorial p.desc,
	.content.contacto p.desc,
	.content.content-user p.desc{
		font-size: 1.42857rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%; /* 1.42857rem */
		letter-spacing: -0.02857rem;
		margin: 0 0;
		padding: 0 0;
	}

	.content.content-editorial .d-flex,
	.content.contacto .d-flex,
	.content.content-user .d-flex{
		padding-bottom: 7.14rem;
	}
	.content.content-editorial.novedades .bg_white .d-flex{
		padding: 8.5rem 0;
		gap: 10rem;
	}
	.content.content-editorial.novedades .bg_white .d-flex .img-novedades{
		max-width: 720px;
		width: 100%;
	}
	.content.content-editorial.novedades .bg_white .d-flex .img-novedades .main_img{
		margin: 0 0 0 0;
	}
	

	.content .content_info{
		background: #FFF;
		padding: 2.29rem 2.07rem 2.64rem;
		text-align: left;
	}
	.content .content_info .discount{
		position: absolute;
		top: 2.29rem;
		right: 1.79rem;
		padding: 0rem 1.93rem 0rem 1.79rem;
		z-index: 999;
		border-radius: 20px;
		background: var(--violeta);
		color: #FFF;
		text-align: center;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: 250%; /* 30px */
		letter-spacing: 1.2px;
		text-transform: uppercase;
	}
	.content_info hr{
		margin-top: 2.14rem;
		margin-bottom: 2.14rem;
		border-top: 1px solid #dadada;
	}
	.precio_group{
		display: flex;
		align-items: baseline;
	}
	@media screen and (max-width:991px) {
		.precio_group{
			flex-direction: column;
		}
	}
	.precio_group .precio{
		color: #000;
		font-family: "Plus Jakarta Sans";
		font-size: 2.42857rem;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 3.64286rem */
		margin-right: 1rem;
	}
	.precio_group .precio.w_discount .antes{
		color: #7C7C7C;
		font-size: 1.4rem;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 36px */
		text-decoration-line: line-through !important;
		margin: 0 20px 0 0;
	}
	.precio_group .precio.w_discount{
		color: #000;
		font-size: 34px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 51px */
		margin: 0 10px 0 0;
	}
	.precio_group .not_iva{
		color: #000;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 180%; /* 25.2px */
		margin: 0 0px 0 0;
	}
	.content_info .clase_valor{
		column-gap: 2.86rem;
	}

	.content .nuevo{
		text-align: left;
		color: var(--rojo);
		margin-bottom: 20px;
	}

	.content .precio span,
	.content .codigo,
	.content .summary,
	.content .clase_valor .clase,
	.content .clase_valor .valor{
		color: #000;
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: 180%; /* 1.8rem */
		text-align: left;
	}
	.content .clase_valor .clase{
		width: 7rem;
	}
	.content .codigo{
		margin-bottom: 1.43rem;
	}

	.content .codigo,
	.content .clase_valor .valor{
		font-weight: 400;
	}
	.content .precio span{
		margin-left: 1.43rem;
	}

	.content .summary{
		margin-bottom: 25px;
		letter-spacing: 0.01em;
	}



	.content .precio span{
		text-transform: lowercase;
		font-size: 10px;
		line-height: 1;
		font-weight: 400;
		letter-spacing: 0.1em;
		display: inline-block;
	}
	.content .precio span::first-letter{
		text-transform: uppercase;
	}

	.content .cantidad,
	.content .similares {
		font-size: 10px;
		line-height: 18px;
		color: #000;
		font-weight: 400;
		text-transform: uppercase;
		text-align: left;
		padding: 0;
		margin-top: 25px;
	}

	/* .content .cantidad.cantidad-carta{
		display: flex;
		justify-content: flex-start;	
		flex-direction: row;
		align-items: center;
	} */

	.content .content_info h2.desc,
	.content .content_info .summary,
	.content .content_info .texto{
		color: #000;
		font-family: "Plus Jakarta Sans";
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 180%; /* 1.8rem */
		padding: 0 0;
	}

	.content .cantidad span{
		padding-top: 15px;
		margin-right: 0px;
	}

	.content .cantidad .colorProduct-dropdown{
		/* margin-left: 10px;
		padding-top: 15px; */
		position: absolute;
		top: 83px;
		left: 90px;
	}

	.content .cantidad .colorProduct-dropdown .open-ayuda{
		color: #fff;
		background: #000;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 700;
		padding: 4px 5px 4px 7px;
		border-radius: 50%;
		cursor: pointer;
	}


	.content .cantidad .colorProduct-dropdown .dropdown-menu{
		background: #000;
		position: absolute;
		top: 100%;
		left: auto;
		right: -63px;
		width: 335px;
		text-align: left;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		z-index: 1000;
		float: left;
		min-width: 160px; 
		/*width: 100% !important;*/
		padding: 20px 30px;
		margin: 15px 0 0 0;
		font-size: 12px;
		line-height: 1;
		list-style: none;
		border: none !important;
		border-radius: 0;
		-webkit-box-shadow: none;
				box-shadow: none;
		background-clip: padding-box;
		-webkit-animation-duration: 0.4s;
		animation-duration: 0.4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.content .cantidad .colorProduct-dropdown .dropdown-menu:after {
		bottom: 100%;
		left: auto;
		right: 27px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #000000;
		border-width: 6px;
		margin-left: -5px;
	}
	.content .cantidad .colorProduct-dropdown .dropdown-menu:after {
		right: 70px;
		top: -12px;
	}

	.content .cantidad .colorProduct-dropdown .dropdown-menu .title{
		color: #fff;
		font-weight: 400;
		letter-spacing: normal;
		padding: 0;
		margin-bottom: 15px;
		font-size: 13px;
	}
	.content .cantidad .colorProduct-dropdown .dropdown-menu .dropdown-body{
		color: #fff;
		text-transform: none;
		font-weight: 400;
		letter-spacing: normal;
		font-size: 13px;
		line-height: 16px;
	}
	.content .carta-colores {
		margin-top: 25px;
		border-top: none;
		display: flex;
		justify-content: flex-start;
	}

	.content .carta-colores a.btn-carta-color{
		padding: 18px 26px;
		background: #000;
		color: #fff;
		margin-top: 5px;
		text-transform: uppercase;
		font-weight: 700;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		font-size: 14px;
		letter-spacing: -0.025em;
		color: #fff;
		font-weight: 700;
		text-align: center;
		display: block;	
	}

	.content .carta-colores a.btn-carta-color:hover,
	.content .carta-colores a.btn-carta-color:focus{
		background: var(--rojo);
	}

	.content .cantidad .cargado{
		color: var(--rojo);
		font-weight: 700;
	}

	.content .cargado{
		margin-top: 20px;
		text-align: left;
		color: var(--rojo);
		font-size: 10px;
		line-height: 18px;
		letter-spacing: 0.3em;
		text-transform: uppercase;
		font-weight: 700;
	}

	.content .similares {
		margin-top: 40px;
		letter-spacing: 0;
		text-transform: none;
	}

	.content .similares .sop-checkboxes {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		overflow-x: hidden;
		max-height: 210px;
	}

	.content .similares .sop-checkboxes label{
		width: 250px;
		font-size: 10px;
		letter-spacing: 0.02em;
	}

	/* .content .sop-checkboxes {
		overflow-y: auto;
		max-height: 250px;
	} */

	.content .cantidad h3,
	.content .comentarios h3,
	.content .similares h4 {
		font-size: 13px;
		line-height: 1;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		color: #000;
		margin: 0 0 5px 0;
		padding-bottom: 20px;
		border-bottom: none;
	}

	.content .comentarios h3,
	.content .cantidad h3{
		padding-bottom: 0px;
	}
	.content .cantidad h3{
		margin-bottom: 20px;
	}

	.content .similares h4 {
		margin-bottom: 15px;
		line-height: 1.5;
		font-size: 13px;
		padding-bottom: 15px;
		max-width: 400px;
		width: 100%;
	}

	.content .cantidad .spinner {
		width: 60px;
		float: none;
		padding-top:0px;
	}

	.content .cantidad .spinner input {
		height: 35px;
		border: 1px solid #D7D7D7;
		border-radius: 5px;
		padding: 0px 15px;
		text-align: left;
		width: 70px;
		color: #000;
		background-color: #fff;
	}
	.content .cantidad .colores.just_colors .spinner input {
		height: 25px;
		border: 1px solid #D7D7D7;
		border-radius: 0px;
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		padding: 0px 10px;
		text-align: left;
		width: 100px;
		width: 70px;
		height: 50px;
		font-size: 14px;
		color: #000;
	}
	.content .cantidad.cantidad-carta .colores.just_colors .spinner input{
		width: 100px;
		border-radius: 5px;
	}
	.content .cantidad .colores.just_colors.medidas .spinner input,
	.content .cantidad .colores.just_colors.cant .spinner input{
		width: 120px;
	}
	.content .cantidad .colores.just_colors.cant .spinner input{
		border-radius: 5px;
	}



	.input-group-btn-vertical {
		position: absolute;
		right: 15px;
		top: 50%;
    	transform: translateY(-50%);
	}

	.content .cantidad .colores.just_colors .input-group-btn-vertical{
		position: absolute;
		white-space: nowrap;
		vertical-align: middle;
		display: table-cell;
		/* right: 1.07rem;
		top: 2px */
		right: 15px;
		top: 50%;
    	transform: translateY(-50%);
	}

	.input-group-btn-vertical > .btn:first-child {
		border-top-right-radius: 0px;
	}

	.input-group-btn-vertical > .btn {
		display: block;
		float: none;
		width: 100%;
		font-size: 10px;
		font-size: 14px;
		max-width: 100%;
		padding: 0px;
		margin-left: 0px;
		position: relative;
		border-radius: 0;
		border: 0;
		outline: none !important;
		background: transparent;
	}

	.input-group-btn-vertical .fa-caret-down {
		position: absolute;
		bottom: -2px;
		left: 0px;
		color: #000;
	}

	.input-group-btn-vertical .fa-caret-up {
		position: absolute;
		top: 5px;
		left: 0px;
		color: #000;
	}

	.content .comentarios{
		font-size: 10px;
		line-height: 18px;
		letter-spacing: 0.3em;
		color: #000;
		font-weight: 400;
		text-transform: uppercase;
		text-align: left;
		margin-top: 25px;
	}

	.content .comentarios textarea{
		border: 1px solid #979797;
		margin-top: 17px;
		height: 121px;
		font-size: 10px;
		line-height: 1.2;
		letter-spacing: 0.3em;
		color: #000;
		text-transform: uppercase;
	}

	.content .btn-add-cart button{
		color: #FFF;
		font-family: "Plus Jakarta Sans";
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%; /* 1.71429rem */
		text-align: center;
		display: block;
		border: 0px;
		background: transparent;
		margin: 0px;
		padding: 1.14rem 0 1.43rem 0;
		width: 100%;
		outline: none;
		background: var(--negro);
		margin-top: 2.86rem;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.content .btn-add-cart button:hover{	
		background: var(--rojo);
	}

	.content .btn-add-cart a:hover{
		text-decoration: none !important;
	}

	.content .tit-redes {
		font-size: 10px;
		line-height: 12px;
		letter-spacing: 0.3em;
		color: #000;
		font-weight: 400;
		text-transform: uppercase;
		text-align: left;
		padding: 0;
		display: inline-block;
		float: left;
		margin-top: 7px;
		margin-right: 10px;
	}

	.content .redes-producto{
		margin-top:20px;
	}

	.content .redes-producto a{
		display: block;
	}

	.content .ico-facebook,
	.content .ico-twitter{
		float: left;
		margin: 0 3px;
	}

	.content .ico-facebook i,
	.content .ico-twitter i{
		color: #fff;
		font-size: 16px;
		padding-top: 5px;
	}

	.content .ico-facebook a,
	.content .ico-twitter a{
		width: 25px;
		height: 25px;
		border-radius: 50%;
		display: inline-block;
		background: #000;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.content .ico-facebook a:hover,
	.content .ico-twitter a:hover{
		background: var(--rojo);
	}

	.content .colores,
	.content .colores.medidas,
	.content .colores.cant,
	.content .colores.just_colors.medidas_color{
		margin-top: 2.40rem;
		display: grid;
    	grid-template-columns: repeat(5, minmax(auto, 1fr));
    	/*gap: 1.43rem;*/
    	position: relative;
		/*display: flex;*/
		flex-wrap: wrap;
	}

	.content .colores.medidas,
	.content .colores.cant{
		grid-template-columns: repeat(5, minmax(auto, 1fr));
	}
	.content .colores.just_colors.medidas_color{
		grid-template-columns: repeat(4, minmax(auto, 1fr));
	}
	.content .colores .item{
		padding: 0px 0.1rem;
		margin-bottom: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.content .colores{
		gap: inherit;
	}

	.arrow_content_protfolio{
		margin-bottom: 2.45rem;
		margin-top: 1.5rem;
	}
	.arrow_content_protfolio a{
		display: flex;
		align-items: center;
		padding: 0rem 0rem;
		margin-bottom: 0;
		font-size: 1rem;
		line-height: 180%;
		text-align: center;
		border: none;
		background: transparent;
		color: var(--black);
		border-radius: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		letter-spacing: -0.025em;
		text-decoration: none !important;
		text-transform: none !important;
	}
	.arrow_content_protfolio a:hover,
	.arrow_content_protfolio a:focus{
		color: var(--grey);
	}

	.arrow_content_protfolio a i.prev,
	.arrow_content_protfolio a i.next{
		margin-right: 0.91rem;
		margin-bottom: 0.3rem;
		margin-bottom: 0;
		background: #fff;
		width: 30px;
		height: 30px;
		border-radius: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.arrow_content_protfolio a:hover i,
	.arrow_content_protfolio a:focus i{
		opacity: 0.5;
	}
	.arrow_content_protfolio a i.next {
		margin-left: 0.91rem;
	}


	.item .color{
		cursor: inherit;
	}
	.item .hasVariant{
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}


	@media  screen and (max-width:1440px){
		.content .cantidad .colores.just_colors.medidas .spinner input,
		.content .cantidad .colores.just_colors.cant .spinner input {
			width: 90px;
		}
		.content .colores{
			grid-template-columns: repeat(4, minmax(auto, 1fr));
		}
		.content .colores.cant {
			grid-template-columns: repeat(4, minmax(auto, 1fr));
		}
	}

	
	@media screen and (max-width:1199px) {
		.content .colores,
		.content .colores.medidas,
		.content .colores.cant,
		.content .colores.just_colors.medidas_color{
			grid-template-columns: repeat(3, minmax(auto, 1fr));
		}
	}
	@media screen and (max-width:768px) {
		.content .colores,
		.content .colores.medidas,
		.content .colores.cant{
			grid-template-columns: repeat(4, minmax(auto, 1fr));
		}
	}
	@media screen and (max-width:600px) {
		.content .colores.just_colors.medidas_color {
			grid-template-columns: repeat(2, minmax(auto, 1fr));
		}
	}
	@media screen and (max-width:495px) {
		.content .colores,
		.content .colores.medidas,
		.content .colores.cant{
			grid-template-columns: repeat(3, minmax(auto, 1fr));
		}
	}
	@media screen and (max-width:370px) {
		.content .colores,
		.content .colores.medidas,
		.content .colores.cant{
			grid-template-columns: repeat(2, minmax(auto, 1fr));
		}
	}


	.content .colores h3{
		font-size: 12px;
		line-height: 1;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		color: #000;
		margin: 0 0 25px 0;
		padding-bottom: 20px;
		border-bottom: 1px solid #000;
	}

	
	.content .colores.medidas .item span.valor,
	.content .colores.cant .item span.valor{
		color: #000;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 200%;
	}

	.content .colores .color{
		width: 35px;
		height: 35px;
		float: left;
		margin-right: 10px;
		margin-top: 15px;
	}

	.content .colores.just_colors .col{
		/* width: 60px; */
		margin-right: 3px;
		display: flex;
		flex-direction: column;
		align-items: self-start;
		/* SI ESTA LOGUEADO */
		flex: 1 1 14%
	}
	.content .colores.just_colors .color_cant{
		display: flex;
	}
	.content .colores.just_colors .color{
		width: 50px;
		height: 50px;
		flex-shrink: 0;
		margin-right: 0px;
		margin-top: 0rem;
		border-radius: 0;
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
	}

	.content .colores span.color-title{
		padding-top: 0px;
		color: #000;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 200%;
		margin-bottom: 3px;
		white-space: nowrap;
		margin-right: 0;
		letter-spacing: normal;
	}
	.content .colores.medidas span.color-title,
	.content .colores.cant span.color-title{
		text-transform: capitalize;
	}

	.sop > .desc{
		font-size: 14px;
	}

	.content .main_img{
		padding: 0px 0 0 0;
		margin: 0 0 0px 0; 
		position: relative;
		text-align: left;
	}
	/*
	.content .main_img img{
		aspect-ratio: 4 / 3;
		aspect-ratio: 1;
		overflow: hidden;
		object-fit: cover;
	}
	*/
	.content.content-editorial .main_img{
		padding: 0px 0 0 0;
		margin: 0 0 5rem 0; 
		position: relative;
		text-align: left;
	}
	.content.content-editorial .main_img img{
		aspect-ratio: unset;
		overflow: unset;
		object-fit: unset;
	}

	.content .texto,
	.content p{
		font-size: 1.28571rem;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 2.31429rem */
	}

	.content .content_info .texto p{
		color: var(--negro);
		font-size: 1.12rem;
		font-style: normal;
		font-weight: 400;
		line-height: 180%;
	}

	.content p a{
		color: #434343;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		text-decoration: none!important;
		text-transform: none!important;
	}
	.content p a:hover,
	.content p a:focus{
		color: #000;
	}

	.content .texto{
		padding: 0 30px;
		margin: 0px 0 30px 0;
	}

	.content .content_img .texto{
		margin: 20px 0 0px 0;
		background: #fff;
		padding: 20px;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 180%;
		text-align: left;
		text-transform: none;
	}
	@media screen and (max-width:768px) {
		.content .content_img .texto{
			margin-bottom: 20px;
		}
	}
	.content-editorial .texto{
		color: #000;
		font-size: 1.28571rem;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 2.31429rem */
		text-align: left;
		padding: 0;
		margin-bottom: 0;
	}

	.content p{
		padding: 0px;
		margin: 0px;
	}

	.content ul{
		text-align: left;
	}

	#erase{
		background: #fff;
		border: 1px solid #000;
		box-shadow: none;
	}

	/* ====== 23 PLUGINS REDES SOCIALES ====== */

	.content .redes_plugins {
		position: relative;
		bottom: 0;
		left: 0;
	}

	.redes_plugins .plugin{
		float: left;
	}

	.redes_plugins .face{
		margin:0px 15px 0 5px !important;
	}

	.redes_plugins .twit{
		width: 80px !important; 
	}

	.plugin_face{
		margin:-4px 15px 0 0 !important;
	}

	.plugin_twit{
		width: 80px !important; 
	}

	/* ====== 24 FCK TEMPLATES ====== */

	

	.fck_template{
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.fck.bg_white{
		/* padding-top: 10.86rem;
		padding-bottom: 2rem; */
	}
	.fck_template.bg_white,
	.fck_template.bg_black,
	.fck_template.bg_grey{
		padding-top: 10.86rem;
		padding-bottom: 10.93rem;
		margin-bottom: 0;
	}
	.fck_template.bg_white{
		padding-top: 0rem;
	}

	.fck.bg_white h1.title{
		font-size: 2.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 2.78571rem */
		letter-spacing: -0.04286rem;
		margin-bottom: 3.07rem;
	}
	.fck.bg_white .text-novedades  h1.title{
		color: #000;
		font-size: 2.28rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 41.6px */
		letter-spacing: -0.64px;
		margin-bottom: 20px;
	}
	.fck.bg_white .text-novedades .texto p {
		color: #7C7C7C;
		font-size: 1.2rem;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 27px */
	}


	.fck.bg_white,
	.fck_template.bg_white{
		background-color: #fff;
	}
	.fck_template.bg_black{
		background-color: #000;
		padding-left: 15px;
		padding-right: 15px;
	}

	.fck_template.bg_grey{
		background-color: #F5F5F5;
	}

	.fck_template p{
		font-size: 1.28571rem;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 2.31429rem */
	}

	.fck_template.bg_white .col,
	.fck_template.bg_grey .col{
		column-count: 2;
		column-width: 41.35714rem;
		column-gap: 10.07rem;
	}

	.fck_template.bg_black .col{
		/*
		max-width: 41.35714rem;
		width: 100%;
		margin-right: 10.07rem;
		*/
		width: 580px;
	}

	.fck_template.bg_black .d-flex{
		padding-bottom: 0;
		gap: 11.8rem;
	}
	
	.fck_template.bg_grey h3.titulo_fck,
	.fck_template.bg_black h3.titulo_fck,
	.fck_template.con_img_fondo .fck_con_fondo h3.titulo_fck{
		color: #FFF;
		font-size: 2.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 2.78571rem */
		letter-spacing: -0.04286rem;
		margin-bottom: 3.07rem;
	}
	.fck_template.bg_grey h3.titulo_fck{
		color: #000;
	}
	.fck_template.bg_black p{
		color: #B4B4B4;
	}
	.fck_template.bg_black p b,
	.fck_template.bg_black p strong{
		color: #fff;
	}

	.fck_template.con_img_fondo{
		position: relative;
		margin-bottom: 0;
	}
	.fck_template.con_img_fondo .fck_black_filter{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.75);
	}
	.fck_template.con_img_fondo .fck_con_fondo{		
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.fck_template.con_img_fondo .fck_con_fondo p{
		color: #FFF;
		text-align: center;
		font-size: 1.28571rem;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 2.31429rem */
		max-width: 579px;
		width: 100%;
	}
	.fck_template.bg_white_center {
		padding: 10.29rem 0 11rem 0;
		background: #fff;
	}
	/*
	.fck_template.bg_white_center .col{
		max-width: 41.35714rem;
		width: 100%;
	}
	*/
	.fck_template.bg_white_center h3.titulo_fck{
		color: #000;
		font-size: 2.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 2.78571rem */
		letter-spacing: -0.04286rem;
		margin-bottom: 3.07rem;
	}
	.fck_template.bg_white_center p{
		color: #000;
		font-size: 1.28571rem;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 2.31429rem */
	}
	.fck_template figure figcaption{
		background: #000;
		color: #fff;
		text-align: center;
		padding: 10px 10px 12px 10px;
		font-size: 10px;
		line-height: 12px;
		font-weight: 400;
	}

	.fck_template .col p{
		padding: 0 0px;
	}

	.fck_template .col-text-left{
		text-align: left;
	}

	.fck_template .col-text-right{
		text-align: right;
	}

	.quote{
		position: relative;
	}

	.quote .fa-quote-left{
		position: absolute;
		top: 10px;
		left: 0px;
	}

	.quote .fa-quote-right{
		position: absolute;
		bottom: 10px;
		right: 0px;
	}

	.quote .fa{
		font-size: 42px;
		color: #b8b8b8;
	}

	.quote p{
		font-size: 21px;
		line-height: 30px;
		font-weight: 300;
		font-style: italic;
		padding: 0 40px !important;
	}

	/* ====== 25 FCK STYLES ====== */

	.fck_h3{
		font-size: 2.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 2.78571rem */
		letter-spacing: -0.04286rem;
		margin-bottom: 3.07rem;
	}

	.fck_h4{
		font-size: 18px;
		line-height: 22px;
		font-weight: 400;
		color: #000;
	}

	.fck_h5{
		font-size: 16px;
		line-height: 20px;
		font-weight: 400;
		color: #000;
	}

	.fck_h6{
		font-size: 12px;
		line-height: 18px;
		font-weight: 400;
		color: #000;
	}

	.fck_h3 b,
	.fck_h3 strong,
	.fck_h4 b,
	.fck_h4 strong,
	.fck_h5 b,
	.fck_h5 strong,
	.fck_h6 b,
	.fck_h6 strong{
		font-weight: 700;
	}

	.fck_h3 u,
	.fck_h4 u,
	.fck_h5 u,
	.fck_h6 u{
		text-decoration: none;
		border-bottom: 1px solid #000;
		padding-bottom: 5px;
	}

	.texto-resaltado{
		font-weight: 700;
		text-transform: uppercase;
	}

	.red-text{
		color: var(--rojo);
	}

	h2.titulo-subrayado{
		font-size: 16px;
		line-height: 18px;
		letter-spacing: -0.025em;
		font-weight: 700;
		color: #000;
		padding-top: 30px;
		padding-bottom: 15px;
		margin-bottom: 15px;
		text-transform: uppercase;
		text-align: left;	
		border-bottom: 1px solid #000;
	}

	.box_00{
		border: 1px solid #000;
		padding: 30px;
	}

	.box_01{
		border: 1px dashed #000;
		padding: 30px;
	}

	.box_02{
		background: #000;
		color: #fff;
		padding: 30px;
	}

	.box_03{
		background: #dcdcdc;
		border: 1px solid #b6b6b6;
		color: #000;
		padding: 30px;
	}

	/* ====== 26 HERRAMIENTAS (ENVIAR, IMPRIMIR, CONSULTAR, DESCARGAR) ====== */

	.content_herram{
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		padding: 35px 0 35px 0;
		margin: 25px 0 0 0;
	}

	.content_herram>.btn{
		width: 32px;
		height: 32px;
		background: #a5a5a5;
		padding: 5px 0px 0 0;
		margin: 0 5px 0 5px;
		border-radius: 50%;
		color: #fff;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;	
		transition: all 0.2s ease-in-out;
	}

	.content_herram>.btn:hover{
		background: #000;
	}


	.mod_compartir_redes_sop{
		float: left;
		margin: 23px 0 0 0px;
	}

	.mod_compartir_redes{
		float: left;
		margin: 0 15px 0 0;
	}

	.descargas_list{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-flow: wrap;
		column-gap: 40px;
    	row-gap: 20px;
	}
	.descargas_list .descarga_item{
		flex: 0 1 40%;
		text-align: left;
	}
	@media screen and (max-width:1199px) {
		.descargas_list .descarga_item{
			flex: 0 1 45%;
		}
	}
	@media screen and (max-width:991px) {
		.descargas_list{
			column-gap: 0px;
    		row-gap: 0px;
		}
		.descargas_list .descarga_item{
			flex: 0 1 100%;
		}
	}
	.descargas_list .descarga_item .info{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;	
	}
	.descargas_list .descarga_item .info img{
		margin-right: 10px;
	}
	.descargas_list .descarga_item .info .title{
		font-size: 13px;
		letter-spacing: 0.025em;
		font-weight: 400;
		line-height: 1.4;
		color: #000;
		text-transform: uppercase;
		padding: 0 0;
		border-bottom: none;
		margin-bottom: 40px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;	
		transition: all 0.2s ease-in-out;
	}
	.descargas_list .descarga_item .info .title:hover,
	.descargas_list .descarga_item .info .title:focus{
		color: var(--rojo);
	}
	.descargas_list .descarga_item .info .title span{
		text-transform: lowercase;
	}

	@media screen and (max-width:500px){
		.descargas_list {
			flex-direction: column;
		}
		.descargas_list .descarga_item{
			flex: 0 1 100%;
		}	
	}


	/* ====== 27 VIDEO (EN CONTENIDO) ====== */

	.content_video{
		margin-top: 7px;
	}

	/* ====== 28 CONTENIDOS RELACIONADOS ====== */
	/* ====== 29 CONTENIDOS RECOMENDADOS ====== */

	.related{
		border-top: 1px solid #DADADA;
		padding-top: 2.86rem;
		padding-bottom: 5rem;
	}

	/* ====== 30 GALERIA DE IMAGENES (RELACIONADA) ====== */

	.galeria_de_imagenes{
		text-align: left;
	}

	.galeria_de_imagenes header{
		position: relative;
	}

	.galeria_de_imagenes .title {
		margin-top: 60px;
		line-height: 21px;
		letter-spacing: 0.05em;
		font-weight: 700;
		padding-bottom: 25px;
		margin-bottom: 30px;
	}

	.galeria_de_imagenes .mod{
		padding: 0 0px;
		position: relative;
		display: grid;
    	grid-template-columns: repeat(4, minmax(auto, 1fr));
		column-gap: 1.43rem;
		row-gap: 4.29rem;
		margin-bottom: 4.29rem;
	}

	.galeria_de_imagenes .mod .col{
		position: relative;
		border-radius: 5px;
    	overflow: hidden;
	}


	.img-gal{
		position: relative;
		margin-bottom: 1.43rem;
	}
	.img-gal figure{
		overflow: hidden;
	}

	.img-gal img{
		filter: grayscale(1);
		aspect-ratio: 3 / 4;
		object-fit: cover;
	}
	.col-editorial .text .person{
		color: #000;
		font-size: 1.71429rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 2.22857rem */
		margin-bottom: 0.36rem;
	}
	.col-editorial .text .puesto{
		color: #7C7C7C;
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 1.48571rem */
	}
	.hvr-gallery{
		background: rgba(215,0,0,0.8);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.hvr-gallery span{
		color: #fff;
		font-size: 11px;
		line-height: 21px;
		letter-spacing: 0.05em;
		font-weight: 400;
		text-transform: uppercase;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%); /* IE 9 */
		-webkit-transform: translate(-50%,-50%); /* Safari */	
		width: 100%;
	}

	.col a:hover .hvr-gallery{
		opacity: 1;
	}


	/* ====== 31 GALERIA DE IMAGENES (SECCION) ====== */

	.section_gal_tit{
		font-size: 18px;
		line-height: 22px;
		font-weight: 700;
		color: #8b8b8b;
		position: relative;
		text-transform: uppercase;
		padding: 0px 0 0px 0px;
		margin: 0px 0px 20px 0px;	
	}

	.section_gal_desc{
		color: #585a5e;
		font-size: 13px;
		line-height: 21px;
		font-weight: 400;
		font-style: italic;
		margin: 0 0 20px 0;
	}

	/* ====== 32 PAGINADOR ====== */

	#paginador_contenedor{
		margin:50px 0px 50px 0px;
		padding:0px 0 0px 0;
		position: relative;
		text-align: center;
	}

	#paginador_contenedor > span,
	#paginador_contenedor a{
		display: inline-block;
		font-size:15px;
		line-height: 1;
		font-weight: 400;
		color: #9c9c9c;
		background: transparent;
		height: 35px;
		margin: 0 0px;
		padding: 10px 6px 0 6px;
		vertical-align: top;
	}

	#paginador_contenedor .offset{
		font-size: 21px;
		padding: 6px 6px 0 6px;
	}

	#paginador_contenedor a{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#paginador_contenedor a:hover{
		color: var(--rojo);
	}

	#paginador_contenedor a.active{
		background: var(--rojo);
		color: #fff;
		padding: 10px 12px 0 12px;
		margin: 0 5px;
	}

	.paginador_contenedor_num{
		color: #373737 !important;
		padding: 0px 10px 0 10px;
		font-weight: 700;
		font-size:14px !important;
		line-height: 18px;
	}
	.paginador_contenedor a span{
		display: none;
	}
	.paginador_contenedor{
		text-align: center;
		margin-top: 50px;
	}
	.paginador_contenedor > span,
	.paginador_contenedor a {
		display: inline-block;
		font-size: 17px;
		line-height: 1;
		font-weight: 400;
		color: #9c9c9c;
		background: transparent;
		height: 35px;
		margin: 0 0px;
		padding: 10px 6px 0 6px;
		vertical-align: top;
	}
	.paginador_contenedor a {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.paginador_contenedor a.active,
	.paginador_contenedor a:hover {
		color: var(--negro);
	}

	.paginador_contenedor span.offset{
		display: none;
	}


	/* ====== 33 FORMULARIOS ====== */
	.form_contacto h5{
		font-size: 2.14286rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 2.78571rem */
		letter-spacing: -0.04286rem;
		margin-bottom: 3.07rem;
	}
	.form-group {
		margin-bottom: 1.43rem;
	}

	
	.form-control {
		display: block;
		width: 100%;
		height: 100%;
		color: #7C7C7C !important;
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 2.05714rem */
		padding: 1.07rem 2.14rem 1.14rem 2.14rem;
		vertical-align: middle;
		background-color: #ffffff;
		border: 1px solid #c4c4c4;
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 00);
				box-shadow: inset 0 0px 0px rgba(0, 0, 0, 00);
		-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
				transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;	
		transition: all 0.2s ease-in-out;
	}

	.form-group select.form-control{	
		appearance: none;
		color: #7C7C7C !important;
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 2.05714rem */
		background: url(img/select_arrow.svg) no-repeat right 2.21rem center #fff !important;
	}

	.form-group select.form-control:hover,
	.form-control:hover {
		background-color: #e9e9e9;
		border-color: #c4c4c4;
	}
	.form-group select.form-control:focus,
	.form-control:focus {
		color: #555555;
		background-color: #d3d3d3;
		border-color: #c4c4c4;
		outline: 0;
		-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
			box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
	}

	.form_contacto{
		padding: 0 0 0px 0;
	}

	.grecaptcha-badge { visibility: hidden; }

	p.recaptcha-terms {
		font-size: 11px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		color: #c4c4c4 !important;
	}
	p.recaptcha-terms a {
		color: #c4c4c4 !important;
		text-decoration: underline !important;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;	
		transition: all 0.2s ease-in-out;
	}
	p.recaptcha-terms a:hover {
		color: #000 !important;
	}

	.form_contacto .btn{
		background: var(--negro);
		border-radius: 5px;
		padding: 1.07rem 2.14rem 1.17rem 2.14rem;
		color: #FFF;
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 2.05714rem */
		outline: none !important;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;	
		transition: all 0.2s ease-in-out;
	}

	.form_contacto .btn:hover{
		background: var(--rojo);
	}
	.form_contacto .btn svg{
		vertical-align: middle;
		margin-left: 7.29rem;
	}

	.campos_oblig{
		color: #7C7C7C;
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 1.8rem */
	}

	/* ====== 34 FORMULARIOS / NEWSLETTER HOME ====== */

	.form_news_home{
		position: relative;
		padding: 30px 0px 30px 0px;
		background: #111111;
		color: #cacaca;
		text-align: center;
	}

	.form_news_home h3{
		font-size: 12px;
		line-height: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}

	.form_news_home .form-group{
	margin: 0 15px 0 0;
	}

	.form_news_home .form-control:-moz-placeholder {
	color: #a2a2a2;
	}

	.form_news_home .form-control::-moz-placeholder {
	color: #a2a2a2;
	}

	.form_news_home .form-control:-ms-input-placeholder {
	color: #a2a2a2;
	}

	.form_news_home .form-control::-webkit-input-placeholder {
	color: #a2a2a2;
	}

	.form_news_home .form-control {
	display: block;
	width: 250px;
	height: 100%;
	padding: 12px 12px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #a2a2a2;
	vertical-align: middle;
	background-color: #404040;
	border: 0px solid #d3d3d3;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 00);
			box-shadow: inset 0 0px 0px rgba(0, 0, 0, 00);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;	
		transition: all 0.2s ease-in-out;
	}

	.form_news_home .form-control:hover {
		background-color: #4d4d4d;
	}

	.form_news_home .form-control:focus {
		color: #a2a2a2;
		background-color: #4d4d4d;
	outline: 0;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
			box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
	}

	.form_news_home .btn{
		text-transform: uppercase;
		border-radius: 0px;
		font-size: 14px;
		line-height: 14px;
		font-weight: 400;
		color: #727272;
		padding: 2px 0 0 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;	
		transition: all 0.2s ease-in-out;
	}

	.form_news_home .btn:hover{
		color: #fff;
	}

	/* ====== 35 FORMULARIOS / PLACEHOLDER ====== */
	.form-control::placeholder, 
	.form-control:-moz-placeholder,
	.form-control::-moz-placeholder,
	.form-control:-ms-input-placeholder,
	.form-control::-webkit-input-placeholder {
		color: #7C7C7C !important;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;	
		transition: all 0.2s ease-in-out;
	}

	.form-control:hover:-moz-placeholder,
	.form-control:focus:-moz-placeholder,
	.form-control:hover::-moz-placeholder,
	.form-control:focus::-moz-placeholder,
	.form-control:hover:-ms-input-placeholder,
	.form-control:focus:-ms-input-placeholder,
	.form-control:hover::-webkit-input-placeholder,
	.form-control:focus::-webkit-input-placeholder {
	color: #7C7C7C;
	}

	.form_contacto .form-control::placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control:-moz-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control::-moz-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control:-ms-input-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control::-webkit-input-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control:hover:-moz-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control:hover::-moz-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control:hover:-ms-input-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control:hover::-webkit-input-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control:focus:-moz-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control:focus::-moz-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control:focus:-ms-input-placeholder {color: #7C7C7C !important;}
	.form_contacto .form-control:focus::-webkit-input-placeholder {color: #7C7C7C !important;}


	/* ====== 36 FORMULARIOS / AUTOFILL ====== */

	input:-webkit-autofill,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active,
	input:-webkit-autofill:hover {
		-webkit-box-shadow:0 0 0 50px #ffffff inset!important;
		-webkit-text-fill-color: #000;
	}

	/* ====== 37 CAROUSEL MULTIPLE ====== */

	.sop_home_carousel_multiple{
		padding-bottom: 120px;	
		position: relative;
		background: #fff;
	}

	.sop_home_carousel_multiple .tit_line {
		margin-bottom: 80px;
	}

	.sop_home_carousel_multiple .mod a{
		text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.sop_home_carousel_multiple .mod a:hover h1{
		color: #000;
	}

	.sop_home_carousel_multiple .mod h1, .sop_home_carousel_multiple .mod h2{
		font-size: 15px;
		line-height: 21px;
		font-weight: 700;
		letter-spacing: 0.01em;
		color: #b10e10;
		margin: 0;
		padding: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.sop_home_carousel_multiple .mod h2{
		font-weight: 400;
		color: #969696;
		border-bottom: 1px solid #e2e2e2;
		margin: 0 0 15px 0;
		padding: 0 0 15px 0;
	}

	.sop_home_carousel_multiple .mod p{
		font-size: 15px;
		line-height: 20px;
		font-weight: 400;
		color: #969696;
	}

	.sop_home_carousel_multiple .carousel_control_2{
		margin: 47px 0 0 0;
		color: #b10e10;
		display: inline-block;
		text-decoration: none !important;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.sop_home_carousel_multiple .carousel_control_2:hover{
		color: #000;
	}

	.carousel-inner.onebyone-carosel { margin: auto; width: 100%; }
	.onebyone-carosel .active.left { left: -50%; }
	.onebyone-carosel .active.right { left: 50%; }
	.onebyone-carosel .next { left: 50%; }
	.onebyone-carosel .prev { left: -50%; }

	/* ====== 38 EXTRAS ====== */
	.breadcrumb {
		padding: 3.64rem 0px 3.79rem;
		margin-bottom: 0px;
		list-style: none;
		background-color: transparent;
		border-radius: 0;	
		text-transform: none;
		font-weight: 700;
		border-bottom: none;
		color: #000;
		font-size: 0.92857rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing: 0.01857rem;
	}
	.contenido .breadcrumb {
		padding: 2.25rem 0px 1.43rem;
	}

	.breadcrumb i.fa-chevron-right{
		margin-inline: 10px;
		font-size: 13px;
	}

	.breadcrumb a{
		color: #000;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.breadcrumb > .active {
		color: #8C8C8C;
	}

	.breadcrumb a:hover{
		color: var(--rojo);
		text-decoration: none;
	}

	.breadcrumb > .active_carro{
		color: var(--rojo);
	}

	

	.breadcrumb .sep-circle,
	.sop.busqueda .sep-circle{
		width: 3px;
		height: 3px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		background: #000;
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px;
	}

	.separador{
		background: #000;
		width: 1px;
		height: 100%;
		margin: 0 auto;
	}

	.separacion-catalogo{
		padding-right: 15px;
		padding-bottom: 50px;
		padding-left: 0;
	}

	.seleccionar{
		text-align: center;
		border: 1px dashed var(--rojo);
		padding: 20px;
	}

	.img-producto{
		position: relative;
	}
	.img-producto figure {
		margin-block-start: 0px;
		margin-block-end: 0px;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
	}
	.img-producto figure img{
		object-fit: cover;
		width: 100%;
		border-radius: 5px;
    	overflow: hidden;
	}
	.img-producto figure .main-img{
		padding: 0px 0 0 0;
		margin: 0 0 0px 0;
		position: relative;
	}

	/* FIJAR TAMAÑO DE IMAGEN DELOS PRODUCTOS 

	.img-producto{
		position: relative;
		height: 650px;
		overflow: hidden;
	}
	.img-producto .main-img{
		margin-block-start: 0px;
		margin-block-end: 0px;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding: 0px 0 0 0;
		margin: 0 0 0px 0;
		position: relative;
	}
	.img-producto .main-img img{
		object-fit: cover;
		width: 860px !important;
	}


	*/


	.sop-mapa{
		position: relative;
	}

	.sop-mapa iframe{
		width: 100%;
		height: 50rem;
	}

	.breadcrumb > li + li:before {
		padding: 0 5px;
		color: #000;
		content: "\003e";
	}

	


	/* ====== 39 CARRITO ====== */

	body.carro.carro_detail{
		background-color: #fff;
	}

	body.carro.carro_detail .bg_grey,
	body.carro_final  .bg_grey{
		background-color: #f5f5f5;
		padding: 11.14rem 0 6.42rem;
	}
	body.carro.carro_detail .bg_grey .title,
	body.carro_final  .bg_grey .title{
		color: #000;
		font-size: 4.28rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%; /* 60px */
		letter-spacing: -1.2px;
		margin-bottom: 0;
	}
	body.carro.carro_detail .bg_grey .total_products{
		color: var(--negro);
		text-align: right;
		font-size: 1.42857rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -0.02857rem;
		padding-top: 7.14rem;
	}

	.resumen-carro,
	.confirmar-carro{
		table-layout: fixed;
		font-size: 13px;
		line-height: 1.285714285714286;
		letter-spacing: -0.025em;
		color: #000;
		font-weight: 400;
	}

	.resumen-carro tbody{
		/* display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between; */
		border-bottom: 1px solid #DADADA;
	}

	.resumen-carro tfoot,
	.confirmar-carro tfoot{
		vertical-align: top;
	}

	@media screen and (min-width:769px) {
		.resumen-carro tfoot .cont_tfoot,
		.confirmar-carro tfoot .cont_tfoot{
			padding-right: 20px;
		}
	}

	.resumen-carro tfoot .refresh_delete_row,
	.confirmar-carro tfoot .refresh_delete_row{
		border-bottom: 1px solid #DADADA;
	}

	.resumen-carro th,
	.confirmar-carro th{
		color: #7C7C7C;
		font-size: 0.85714rem;
		font-style: normal;
		font-weight: 700;
		line-height: 130%;
		letter-spacing: 0.08571rem;
		text-transform: uppercase;
		padding: 25px 0;
	}

	.resumen-carro tr,
	.confirmar-carro tr{
		/* border-bottom: 1px solid #DADADA; */
	}
	.resumen-carro thead tr, 
	.confirmar-carro thead tr {
		border-bottom: 1px solid #DADADA;
	}

	.resumen-carro tbody tr:last-child,
	.confirmar-carro tbody tr:last-child{
		/* border-bottom: 1px solid #DADADA; */
	}


	

	/* .resumen-carro tbody tr:nth-last-child(3),
	.confirmar-carro tbody tr:nth-last-child(3){
		border-bottom: 1px solid #000;
	} */

	.resumen-carro td,
	.confirmar-carro td{
		padding: 28px 0;
		text-align: left;
	}

	.resumen-carro tbody tr td.erase a{
		color: var(--negro);
		font-size: 16px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.resumen-carro tbody tr td.erase a:hover{
		color: var(--rojo);
	}




	.resumen-carro tr:last-child td,
	.confirmar-carro tr:last-child td {
		padding: 20px 0;
		/* font-size: 10px; */
	}
	.resumen-carro tr td.img_desc,
	.confirmar-carro tr td.img_desc{  
		padding: 20px;
	}

	.resumen-carro tbody tr:nth-last-child(2),
	.confirmar-carro tbody tr:nth-last-child(2){
		border-bottom: 0px !important;
	}

	.resumen-carro tbody tr:nth-last-child(2) td,
	.confirmar-carro tbody tr:nth-last-child(2) td{
		padding: 20px 0 0 0;
	}

	.resumen-carro tbody tr:nth-last-child(2) td.iva,
	.confirmar-carro tbody tr:nth-last-child(2) td.iva{
		text-align: center!important;
		font-size: 13px!important;
		letter-spacing: 0.1em;
	}

	.resumen-carro td.no_product,
	.resumen-carro tr:last-child td.no_product{
		padding: 140px 0;
		text-align: center;
		color: #000;	
		font-size: 13px;
	}

	.carrito .nombre_pedido .form-control{
		color: #000;
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: 200%; /* 28px */
		padding: 1rem 0 1rem 1.43rem;
	}

	.carrito .observaciones{
		font-size: 12px;
		line-height: 1.5;
		font-weight: 400;
		text-align: left;
	}



	.carrito .observaciones textarea{
		border: 1px solid #D7D7D7;
		padding: 1rem 0 5rem 1.43rem;
	}
	.carrito .observaciones textarea::placeholder,
	.carrito .nombre_pedido .form-control::placeholder{
		color: var(--negro) !important;
		font-size: 1rem;
		font-weight: 500;
		line-height: 200%;
		text-align: left;
		letter-spacing: 0.1em;
	}

	.carrito .observaciones_resumen{
		font-size: 10px;
		line-height: 1.5;
		font-weight: 400;
		text-align: left;
		color: #000;
		letter-spacing: 0.1em;
		width: 75%;
	}

	.resumen-carro tbody tr.row_descripcion td,
	.confirmar-carro tbody tr.row_descripcion td{
		padding:0px 0 28px 0;
		font-size: 11px;
		text-transform: none;
		color: #888;
		letter-spacing: 0;
	}

	.resumen-carro tbody tr.row_descripcion td span,
	.confirmar-carro tbody tr.row_descripcion td span{
		display: block;
		margin-top: 5px;
	}


	.resumen-carro tbody tr.row_descripcion td span:first-child{
		margin-top: 0;
	}

	.resumen-carro .desc,
	.confirmar-carro .desc{
		text-align: left;
		font-size: 13px;
		line-height: 1.285714285714286;
	}

	.resumen-carro .desc{
		padding: 20px 40px 20px 0px !important;
		/* display: flex;
		flex-direction: column; */
	}

	.resumen-carro .desc a .img_cart, 
	.confirmar-carro .desc a .img_cart{
		width: 30%;
		margin-bottom: 1rem;
	}

	.resumen-carro .desc span,
	.confirmar-carro .desc span{
		text-transform: capitalize !important;
		color: #7C7C7C;
		font-size: 1rem;
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: 0;
	}

	.resumen-carro .desc a,
	.confirmar-carro .desc a{
		color: var(--negro);
		font-size: 1.14286rem;
		font-size: 14px;
		text-transform: capitalize;
		font-weight: 700;
		line-height: 150%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.resumen-carro .desc a:hover,
	.confirmar-carro .desc a:hover{
		color: var(--rojo);
	}

	.resumen-carro .erase{
		text-align: right;
	}

	.resumen-carro .erase a{
		color: #999;
		display: inline-block;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.resumen-carro .erase a:hover{
		color: var(--rojo);
	}

	.resumen-carro .code,
	.confirmar-carro .code {
		text-align: left;
		color: #7C7C7C;
		font-size: 1.14286rem;
		font-size: 14px;
		font-weight: 500;
		line-height: 150%;
	}

	.resumen-carro .price,
	.confirmar-carro .price{
		padding-left: 0px;
		text-align: center;
		letter-spacing: 0.1em;
	}
	.resumen-carro .cantidad input,
	.confirmar-carro .cantidad{
		font-size: 14px;
	}
	.resumen-carro .total,
	.confirmar-carro .total,
	.resumen-carro .price,
	.confirmar-carro .price{
		letter-spacing: 0.1em;
		padding-left: 0px;
		text-align: left;
		color: var(--negro);
		font-size: 1.14286rem;
		font-size: 14px;
		font-weight: 700;
		line-height: 150%;
	}


	.btn-actualizar{
		padding: 5px 0 0.71rem;
	}

	/* .add_to_prev_order{
		float: left;
		margin-left: 23px;
	} */
	.add_to_prev_order .order_type_txt{
		font-size: 1rem;
	}
	.add_to_prev_order label{
		font-size: 10px;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.1em;
		cursor: pointer;
		margin-bottom: 0px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.add_to_prev_order label:hover{
		color: var(--rojo);
	}

	.add_to_prev_order label.tipo_pedido:hover{
		text-decoration:none;
		color: #000000;
		cursor: default;
	}

	.add_to_prev_order select,
	.cart_replace_order select{
		appearance: none;
		background: url('img/carrito_select_arrow.svg') no-repeat center right 20px #fff;
		outline: none;
		color: var(--negro);
		font-size: 1rem;
		font-weight: 500;
		line-height: 200%;
		padding: 1rem 1.71rem 1.29rem 1.29rem;
		border: 1px solid #D7D7D7;
		width: 24.28571rem;
		width: 100%;
		margin-bottom: 20px;
	}
	.cart_replace_order select{
		margin-bottom: 0px;
	}
	.add_to_prev_order label input{
		margin: 0px;
	}

	.add_to_prev_order_ok{
		font-size: 10px;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 1.3;
		letter-spacing: 0.1em;
	}

	.add_to_prev_order_ok i{
		color: #00a65a;
	}

	.cart_replace_order .select_replace,
	.cart_replace_order .comment{
		text-transform: inherit;
		letter-spacing: 0.1em;
		color: var(--negro);
		font-size: 1rem;
		font-weight: 500;
		line-height: normal;
	}
	.cart_replace_order .comment{
		font-size: 0.8rem;
	}
	.cart_replace_order .select_replace{
		margin-bottom: 10px;
	}

	.cart_replace_order .cont-replace p{
		text-transform: inherit;
		letter-spacing: 0.1em;
		color: var(--negro);
		font-size: 1rem;
		font-weight: 500;
		margin-top: 5px;
		margin-left: 5px;
	}	
	.cart_replace_order .comment{
		color: #7C7C7C;
		margin-top: 10px;
	}

	.btn-actualizar{
		float: left;
	}

	.delete_all_products{
		padding-bottom: 1.73rem;
	}

	.btn-borrar a,
	.btn-actualizar a,
	.delete_all_products a{
		text-transform: inherit;
		letter-spacing: 0.1em;
		color: var(--negro);
		font-size: 1rem;
		font-weight: 500;
		line-height: normal;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}


	.delete_all_products a i{
		padding-right: 0.71rem;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.delete_all_products a:hover{
		color: var(--rojo);
	}
	.delete_all_products a:hover i{
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	.btn-actualizar a{
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	}

	.btn-actualizar a i{
		margin-right: 0.71rem;
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
	}
	.btn-actualizar a:hover{
		color: #0F9E5E;
	}
	.btn-actualizar a:hover i{
		color: #0F9E5E;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

	.btn-borrar a:hover{
		color: var(--rojo);
	}

	.go-back {
		float: left;
		letter-spacing: 0.15em;
		text-transform: initial;
		padding-top: 0;
		color: var(--negro);
		font-size: 1rem;
		font-weight: 500;
		line-height: normal;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
	}
	.go-back i{
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;

	}

	.go-back:hover i{
		-webkit-transform: translateX(-4px);
		transform: translateX(-4px);
	}

	.go-back:hover,
	.go-back:focus{
		text-decoration: none;
		color: var(--rojo);
	}
	



	.resumen-carro .suma-total,
	.confirmar-carro .suma-total{
		text-align: center!important;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 12px!important;
		line-height: 1.5;
		letter-spacing: 0.1em;
	}

	.refresh_delete_row td{
		padding-top: 2.14rem;
		border-top: 1px solid #DADADA;
	}
	.resumen-carro .iva{
		padding: 28px 0px 10px 0px;
	}
	.resumen-carro .suma-total{
		padding: 10px 0px 28px 0px;
	}

	tfoot .buttons_coment_row{
		border-bottom: none;
	}

	td.tipo_pedido{
		font-size: 10px;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.1em;
		cursor: pointer;
		margin-bottom: 0px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}


	.carrito{
		/* margin-top: -25px; */
		margin-bottom: 100px;
		padding: 4.29rem 0;
	}

	.carrito .item-carro{
		border-bottom: 1px solid #000;
		padding: 5px 20px 20px ;
		margin: 0 0px;
	}

	.carrito .item-carro:last-child{
		border-bottom: 0;
	}

	.carrito .nombre{
		font-size: 14px;
		line-height: 1.285714285714286;
		letter-spacing: 0.15em;
		font-weight: 700;
		color: #000;
		text-align: left;
		margin-top: 30px;
	}

	.carrito .precio-unit{
		font-size: 12px;
		line-height: 1.333333333333333;
		letter-spacing: 0.05em;
		margin: 15px 0;
		text-transform: uppercase;
		font-weight: 400;
		text-align: left;
	}

	.carrito .cantidad{
		margin-top: 0;
		font-size: 12px;
		line-height: 1.333333333333333;
		letter-spacing: 0.05em;
		margin: 0px 0 0;
		text-transform: uppercase;
		font-weight: 400;
		text-align: left;
	}

	.carrito .cantidad .spinner{
		padding-top: 0;
	}

	.carrito .cantidad .input-group-btn-vertical .fa-caret-up{
		position: relative;
		top: unset;
		left: unset;
	}
	.carrito .cantidad .input-group-btn-vertical {
		position: absolute;
		right: 20px;
	}
	.carrito .cantidad .input-group-btn-vertical .btn.btn-default .fa-angle-up{
		top: -10px;
		position: absolute;
	}
	.carrito .cantidad .input-group-btn-vertical .btn.btn-default .fa-angle-down{
		top: 0px;
		position: absolute;
	}

	.carrito .precio{
		font-size: 11px;
		line-height: 1.454545454545455;
		letter-spacing: 0.15em;
		font-weight: 700;
		text-transform: uppercase;
	}

	.carrito .aclaracion_precio{
		letter-spacing: 0.05em;
		text-align: left;
		width: 60%;
		margin-top: 50px;
		color: #7C7C7C;
		font-size: 0.8rem;
		font-weight: 500;
		line-height: 160%;
	}

	.carrito .borrar{
		text-align: left;
		font-size: 12px;
		text-transform: uppercase;
	}

	.carrito .borrar a{
		font-size: 11px;
		line-height: 2.545454545454545;
		letter-spacing: 0.15em;
		color: #000;
		text-transform: uppercase;
		font-weight: 400;
		padding: 15px 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.carrito .borrar a:hover{
		color: var(--rojo);
	}

	.carrito .borrar a i{
		padding-right: 10px; 
	}

	.carrito .botones{
		margin-top: 50px;
	}

	.carrito .botones .volver{
		float: left;
		padding-left: 0px;
		padding-top: 20px;
	}

	.carrito .botones .confirmar{
		float: right;
		background: var(--rojo);
		text-align: center;
		margin-right: 0px;
		margin-bottom: 0px;
	}

	.carrito .botones .confirmar a{
		padding: 16px 30px;
		display: block;
		font-size: 14px;
		line-height: 1.285714285714286;
		letter-spacing: -0.025em;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.carrito .botones .confirmar a:hover{
		background: #000;
	}
	.resume_order{
		padding-left: 3rem;
	}
	.resume_order .resume_header{
		background: var(--negro);
		padding: 1.86rem 1.5rem 2.14rem 1.5rem;
		display: flex;
		justify-content: left;
		align-items: center;
	}
	.resume_order .resume_header h4{
		color: var(--blanco);
		font-size: 1.14286rem;
		font-weight: 700;
		line-height: 150%;
	}
	.resume_order .cont_order{
		background: #F5F5F5;
		padding: 2rem 1.5rem 1.9rem 1.5rem;
	}

	.resume_order .cont_order .subtotal{
		padding-bottom: 0.71rem;
	}
	.resume_order .cont_order .iva{
		padding-bottom: 1.93rem;
		border-bottom: 1px solid #DADADA;
	}

	.resume_order .cont_order .iva.desc_user{
		padding-bottom: 0.71rem;
	}

	.resume_order .cont_order .iva.not_border{
		border-bottom: none;
	}
	.resume_order .cont_order .subtotal .text,
	.resume_order .cont_order .iva .text{
		color: #7C7C7C;
		font-size: 0.9rem;
		font-weight: 500;
		line-height: 1.8;
		text-align: left;
	}
	.resume_order .cont_order .subtotal .num,
	.resume_order .cont_order .iva .num{
		color: var(--negro);
		font-size: 0.9rem;
		font-weight: 700;
		line-height: 1.8;
		text-align: right;
	}
	.resume_order .cont_order .total_cont{
		padding-top: 1.79rem;
		padding-bottom: 2.86rem;
	}
	.resume_order .cont_order .total_cont .total{
		color: var(--negro);
		font-size: 1rem;
		font-weight: 700;
		line-height: 200%;
	}
	.resume_order .cont_order .total_cont .num{
		color: var(--negro);
		font-size: 1.2857rem;
		font-weight: 700;
		line-height: 200%;
	}


	.cont_order #btn_cart_update_next{
		background: var(--principal);
		color: var(--blanco);
		font-size: 16px;
		font-weight: 700;
		line-height: 180%;
		padding: 15px 20px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	.cont_order #btn_cart_update_next:hover:before{
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}
	.cont_order #btn_cart_update_next:before{
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: var(--rojo);
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	
	.cont_order #btn_cart_update_next i{
		color: var(--blanco);
		font-size: 10px;
	}








	.content-thanks .title{
		border-bottom: 0;
		margin-bottom: 10px;
	}

	.content-thanks .row{
		margin: 0;
	}

	.content-thanks .desc{
		text-transform: none;
		padding: 0 0;
		margin: 35px 0;
		text-align: left;
		font-size: 1rem;
		font-weight: 500;
		line-height: 160%;
	}
	/*Descarga de planillas*/
	.content-thanks .desc.descargas_plantilla{
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.05em;
		font-weight: 700;
		color: #000;
		text-transform: none;
		text-align: left;
		margin-bottom: 40px;
		margin-top: 15px;
	}
	/* ====== 40 REGISTRO ====== */

	.modal-header {
		padding: 0;
		margin: 10px 20px;
	}
	.modal-content {
		border-radius: 0;
	}
	.header-login .close {
		opacity: 1;
		font-size: 10px;
		line-height: 1.444444444;
		width: 2rem;
		height: 2rem;
		margin-top: 0;
		color: #000;
		font-weight: 400;
		text-transform: uppercase;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	.header-login .close:hover {
		background: var(--negro);
		margin-top: 0;
	}
	.header-login .close:hover i{
		color: var(--blanco);
	}

	.form_login input{
		background: #bcbcbc30;
		border: 0px;
		font-size: 13px;
		line-height: 1;
		font-weight: 400;
		outline: none !important;
		width: 100%;
		padding: 11px 15px;
		margin: 5px 0 5px 0;
		color: #818181 !important;
		float: left;
		border-radius: 0;
		border: 1px solid #c4c4c4;
		/* box-shadow: rgb(100 100 111 / 20%) 0px 10px 15px 0px;/**/
	}

	.form_login .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #818181;
		text-transform: initial;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.384615384615385;
	}
	.form_login .form-control::-moz-placeholder { /* Firefox 19+ */
		color: #818181;
		text-transform: initial;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.384615384615385;
	}
	.form_login .form-control:-ms-input-placeholder { /* IE 10+ */
		color: #818181;
		text-transform: initial;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.384615384615385;
	}
	.form_login .form-control:-moz-placeholder { /* Firefox 18- */
		color: #818181;
		text-transform: initial;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.384615384615385;
	}

	.form_login .btn{
		background: var(--negro);
		color: #fff;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.15em;
		line-height: 1.5;
		border-radius: 0;
		text-transform: initial;
		padding: 10px 15px;
		width: 100%;
		margin: 20px auto 20px;
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}
	.form_login .btn i{
		padding-right: 1rem;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.form_login .btn:hover{
		background: #e6e6e6;
		color: var(--negro);
	}
	.form_login .btn:hover i{
		-webkit-transform: translateX(6px);
		transform: translateX(6px);
	}


	.registro{
		text-align: center;
	}

	.registro a{
		color: #000;
		font-size: 12px;
		line-height: 1.5;
		letter-spacing: 0.05em;
		text-transform: initial;
		text-align: center;
		font-weight: 400;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.registro a:link,
	.registro a:hover{
		text-decoration: none;
		color: var(--rojo);
	}
	.form_registro .form-group{
		margin-bottom: 20px;
		text-align: right;
	}

	.form_registro .form-group.recaptcha-box{
		text-align: left;
	}

	.contenido .content.registro .title{
		font-size: 3rem;
		color: var(--negro);
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 2.14rem;
	}
	.contenido .content.registro .desc{
		color: #4e4e4e7a;
		letter-spacing: -0.08571rem;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		text-align: center;
	}

	.form_registro .form-control{
		width: 100%;
		display: inline-block;
		float: right;
		border: 0;
		border-radius: 0;
		background: #bcbcbc30;
	}
	.form_registro .form-control:hover{
		background-color: #e9e9e9;
		border-color: #c4c4c4;
	}
	.form_registro .form-group select.form-control {
		background: url(img/select_arrow.svg) no-repeat right 2.21rem center #bcbcbc30 !important;
	}

	.form_registro label{
		font-size: 11px;
		color: #000;
		letter-spacing: 0.15em;
		line-height: 2.545454545454545;
		text-transform: initial;
		font-weight: 400;
		text-align: right;
	}

	.form_registro .reg-text{
		text-align: right;
		padding-top: 8px;
	}

	.form_registro .campos-obligatorios{
		font-size: 9px;
		letter-spacing: 0.15em;
		line-height: 3.111111111111111;
		font-weight: 400;
		color: #000;
		text-align: left;
		margin-top: -15px;
		margin-bottom: 5px;
	}

	.cont_btns_register{
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		margin-bottom: 5rem;
	}

	.form_registro .cont_btns_register .btn{
		background: var(--rojo);
		border-radius: 0;
		color: #fff;
		font-size: 12px;
		line-height: 1.5;
		letter-spacing: 0.1em;
		font-weight: 700;
		text-transform: uppercase;
		padding: 15px 34px;
		margin-top: 15px;
		float: right;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.form_registro .btn:hover{
		background: #000;
	}

	.form_registro .captcha input{
		height: 75px;
	}


	.form_login .check-showpass{
		text-align: left;
		margin: 30px 0 0 0;
	}
	.form_login .check-recordar {
		text-align: left;
		margin: 0px 0 30px 0;
	}

	/* The container */
	.form_login .container-check {
		font-size: 12px;
		line-height: 1;
		font-weight: 400;
		letter-spacing: 0.05em;
		text-transform: initial;
		margin-top: 2rem;
		display: inline-block;
		position: relative;
		padding: 7px 0 0 35px;
		margin-bottom: 0;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* Hide the browser's default checkbox */
	.form_login .container-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	}

	/* Create a custom checkbox */
	.form_login .checkmark {
		position: absolute;
		top: 3px;
		left: 4px;
		border-radius: 0;
		padding-top: 6px;
		height: 20px;
		width: 20px;
		text-align: center;
		background-color: #eee;
		font: normal normal normal 14px / 0.8 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	/* On mouse-over, add a grey background color */
	.form_login .container-check:hover input ~ .checkmark {
	background-color: #dbdbdb;
	}

	/* When the checkbox is checked, add a blue background */
	.form_login .container-check input:checked ~ .checkmark {
	background-color: var(--negro);
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.form_login .checkmark:after {
	content: "";
	display: none;
	}

	/* Show the checkmark when checked */
	.form_login .container-check input:checked ~ .checkmark:after {
	display: inline-block;
	}

	/* Style the checkmark/indicator */
	.form_login .container-check .checkmark:after {
	content: "\f00c";
	color: #fff;
	}



/* ==== MODULO USER === */

	.content.content-user p.desc{
		font-weight: 700;
	}
	.content.content-user p.desc span{
		font-weight: 500;
	}

	.sop-user-orders{
		position: relative;
	}
	.bg_menu_black{
		background-color: #000;
		width: 29%;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}

	@media screen and (max-width:991px) {
		.bg_menu_black{
			display: none;
		}
	}

	.user_menu{
		padding: 0 0;
		padding-top: 100px;
		text-align: left;
		position: relative;
		min-height: 1100px;
	}

	.menu_left{
		background-color: #000;
		text-align: left;
		padding-left: calc((100vw - 1180px) / 3);
		padding-right: 0px;
		padding-top: 100px;
		min-height: 1500px;
		height: 100vh;
		position: relative;
		width: 29%;
	}
	.historical_list_block .user_menu,
	.order_status .user_menu{
		min-height: 750px;
    	height: auto;
	}
	.historical_list_block .user_menu{
		min-height: 1000px;
	}


	.user_menu .panel_user{
		display: flex;
		flex-direction: column;
		gap: 60px;
	}
	.sop.sop-user-orders > .d-flex{
		gap: 8rem;
	}
	.user_menu a{
		text-decoration: none;
		color: #C4C4C4;
		font-size: 18px;
		font-weight: 500;
		line-height: 130%;
		padding: 0px 0;
		display: inline-block;
		text-align: left;
		position: relative;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.user_menu a.logout{
		position: absolute;
		bottom: 80px;
	}
	.user_menu a svg path{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.user_menu a:hover{
		color: #fff;
		font-weight: 700;
	}
	.user_menu a:hover svg path{
		stroke: #fff;
	}
	.user_menu a.logout:hover{
		color: var(--rojo);
	}
	.user_menu a.logout:hover svg path{
		stroke:var(--rojo);		
	}
	.user_menu a svg{
		margin-right: 20px;
	}
	.user_record{
		margin-left: 140px;
	}
	.orders_list,
	.order_status_content{
		margin-left: 0px;
		padding-top: 90px;
	}

	.body_panel_user .orders_status p{
		padding-top: 90px;
	}
	.orders_list.inc_order_detail{
		max-width: unset;
		width: 100%;
	}
	.user_data{
		text-align: left;
	}
	.user_record h3,
	.user_data h3,
	.order_status_content h3{
		color: #000;
		font-size: 30px;
		text-align: left;
		font-weight: 600;
		line-height: 130%;
		letter-spacing: -0.6px;
		margin-bottom: 70px;
	}
	.box-form-register .form-group{
		margin-bottom: 25px;
	}
	.user_data label{
		color: #000;
		font-size: 18px;
		font-weight: 700;
		line-height: 180%;
		margin-bottom: 0;
	}
	.user_data p{
		color: #000;
		font-size: 18px;
		font-weight: 500;
		line-height: 180%;
	}


	.box-form-register.edit label{
		color: #000;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 180%; /* 32.4px */
		padding: 0 0;
		margin: 0 0 10px 0;
	}
	.box-form-register.edit .form-control{
		color: #B4B4B4;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 32.4px */
		width: 460px;
		padding: 12px 20px 16px 20px;
		border: 1px solid #C4C4C4;
		margin-bottom: 30px;
	}
	.box-form-register.edit .form-control::placeholder{
		color: #B4B4B4;
	}

	button.btn_edit_userdata, 
	.btn_edit_userdata a{
		margin: 55px 0 0 0;
		display: inline-block;
		background-color: #000;
		color: #fff;
		padding: 21px 28px;
		border-radius: 0;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 28.8px */
		border: 1px solid #000;
	}
	.btn_cancel_userdata{
		text-decoration: none;
		margin: 55px 150px 0 0px;
		display: inline-block;
		background-color: #fff;
		color: #000;
		padding: 21px 28px;
		padding-right: 60px;
		border-radius: 0;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 180%; /* 28.8px */
		border: 1px solid #000;
	}
	.btn_cancel_userdata:hover{
		background-color: #000;
		color: #fff;
	}
	button.btn_edit_userdata{
		margin: 30px 0 0 0;
	}
	button.btn_edit_userdata:disabled,
	button.btn_edit_userdata[disabled]{
		background-color: #d3d3d3; 
		color: #a9a9a9; 
		border: 1px solid #a9a9a9; 
		cursor: not-allowed;  
		opacity: 0.5;  
		pointer-events: none;  
	}
	button.btn_edit_userdata svg,
	.btn_edit_userdata a svg{
		margin-left: 60px;
		vertical-align: text-bottom;
	}
	button.btn_edit_userdata,
	button.btn_edit_userdata svg path,
	.btn_edit_userdata a,
	.btn_edit_userdata a svg path,
	.btn_cancel_userdata{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	button.btn_edit_userdata:hover,
	button.btn_edit_userdata:focus,
	.btn_edit_userdata a:hover,
	.btn_edit_userdata a:focus{
		background-color: #fff;
		color: #000;
	}
	button.btn_edit_userdata:hover svg path,
	button.btn_edit_userdata:focus svg path,
	.btn_edit_userdata a:hover svg path,
	.btn_edit_userdata a:focus svg path{
		stroke: #000;
	}



	.user_record .table-bordered{
		border: none;
	}
	.user_record .inc_ordes_list{
		table-layout: fixed;
	}	
	.user_record .inc_ordes_list .date{
		width: 170px;
	}
	.user_record .inc_ordes_list .order_name{
		width: 200px;
	}
	.user_record .inc_ordes_list .order_total{
		width: 150px;
	}
	.user_record .inc_ordes_list .order_action{
		width: 200px;
	}

	.order_status_table tfoot .select2-container {
		width: calc(100% - 60px) !important;
	}
	.orders_list .form-control.select2.select_pager.select2-hidden-accessible{
		height: auto;
	}
	.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.orders_list h3{
		color: #000;
		font-size: 30px;
		font-weight: 600;
		line-height: 130%;
		letter-spacing: -0.6px;
		text-align: left;
		margin-bottom: 70px;
	}

	.order_detail_table table{
		table-layout: auto;
	}

	.order_detail_table table .icon_check{
		width: 6%;
	}
	.order_detail_table table .code{
		width: 12%;
	}
	.order_detail_table table .product{
		width: 36%;
	}
	.order_detail_table table .cant{
		width: 12%;
	}
	.order_detail_table table .unitary{
		text-align: left;
		width: 15%;
	}
	.order_detail_table table .subtotal{
		text-align: center;
		width: 20%;
	}

	#highlighted_list thead tr th,
	#highlighted_list thead tr td,
	.orders_status thead tr th,
	.orders_status thead tr td,
	.order_detail_table thead tr th,
	.order_detail_table thead tr td{
		background: #000;
		color: #FFF;
		font-size: 16px;
		font-weight: 600;
		vertical-align: baseline;
		line-height: 1;
	}
	.order_detail_table thead tr th{
		padding: 15px 30px;
	}

	#highlighted_list tbody tr td,
	.orders_status tbody tr td,
	.order_detail_table tbody tr td{
		color: #000;
		font-size: 16px;
		font-weight: 500;
		line-height: 16px;
		vertical-align: middle;
	}
	.orders_list .inc_ordes_list thead tr th{
		line-height: 24px !important;
	}
	.order_detail_table tbody tr td{
		padding: 25px 30px;
	}
	.order_detail_table tbody tr td.order_data{
		padding: 30px 35px;
	}
	.order_detail_table tbody tr td.order_data b{
		color: #000;
		font-size: 16px;
		font-weight: 700;
		line-height: 180%;
		margin-bottom: 10px;
	}
	.btn-ord-detail{
		background-color: var(--negro);
		width: 34.6%;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border: 1px solid var(--negro);
		position: relative;
		right: 0;
		color: #FFF;
		font-size: 16px;
		font-weight: 500;
		line-height: 180%;
		position: absolute;
		padding: 15px 30px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.btn-ord-detail svg{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.btn-ord-detail:hover{
		background-color: var(--blanco);
		color: var(--negro);
	}
	.btn-ord-detail:hover svg{
		filter: invert();
	}

	.order_detail_table tbody tr td.descuenta_iva_total{
		padding: 0;
		width: 34.6%;
	}

	.order_detail_table tbody tr td.descuenta_iva_total table tbody tr td{
		border: none;
	}
	.order_detail_table tbody tr td.descuenta_iva_total table tbody tr td.user_desc,
	.order_detail_table tbody tr td.descuenta_iva_total table tbody tr td.user_desc_amount{
		border-top: none;
	}
	.order_detail_table tbody tr td.ord_product {
		padding: 15px 30px;
		text-align: left;
	}
	.order_detail_table tbody tr td.ord_product a{
		color: #000;
		font-size: 16px;
		font-weight: 600;
		line-height: 160%;
		letter-spacing: 0.16px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.order_detail_table tbody tr td.ord_product a:hover{
		color: var(--rojo);
	}
	.content.orders_list{
		padding-top: 90px;
	}
	.content.inc_order_detail{
		margin-bottom: 235px;
	}


	

	#highlighted_list tbody tr td a,
	.orders_status tbody tr td a{
		color: #000;
		font-size: 16px;
		font-weight: 500;
		line-height: 180%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 13px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#highlighted_list tbody tr td a:hover,
	.orders_status tbody tr td a:hover{
		font-weight: 700;
	}
	#highlighted_list tbody tr td a svg,
	.orders_status tbody tr td a svg{
		margin-right: 13px;
	}
	.inc_ordes_list tbody tr td a img{
		margin-right: 5px;
	}

	.orders_list #highlighted_list thead tr th, 
	.orders_list #highlighted_list tbody tr td,
	.orders_status table thead tr th, 
	.orders_status table thead tr td,
	.orders_status table tbody tr td{
		padding: 15px;
		text-align: left;
	}
	.orders_list #highlighted_list tbody tr td.cont_orderName{
		display: flex;
		align-items: center;
	}
	.orders_list #highlighted_list tbody tr td.cont_orderName i{
		margin-left: 10px;
	}
	.table-bordered > thead > tr > th{
		border: 1px solid #7C7C7C;
		border-bottom: none;
		border-top: none;
	}
	.orders_list #highlighted_list thead tr th{
		line-height: 20px;
	}

	.orders_list #highlighted_list thead tr th.order_name{
		width: 35%;
	}

	.order_status_table{
		width: 100%;
		table-layout: fixed;
	}
	.orders_status thead tr th{
		line-height: 26px !important;
	}
	.orders_status table thead tr .fecha{
		width: 170px;
	}
	.orders_status table thead tr .nota{
		width: 170px;
	}
	.orders_status table thead tr .tipo{
		width: 200px;
	}
	.orders_status table thead tr .estado{
		width: 250px;
	}
	.user_record .no_orders{
		text-align: left;
	}

	#sidebar-menu,
	#sidebar-menu-comun{
		height: calc(100% - 83px); /* 100% Full-height */
		width: 100%; /* 0 width - change this with JavaScript */
		padding: 0 0px;
		position: fixed; /* Stay in place */
		z-index: 2056; /* Stay on top */
		top: 0px;
		left: -100%;
		background-color: #fff; /* Black*/
		overflow-x: hidden; /* Disable horizontal scroll */
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:     none;
	}
	#sidebar-menu-comun{
		top: -1500px;
		left: 0;
	}
  
	#sidebar-menu-overlay,
	#sidebar-menu-overlay-comun{
		position: fixed;
		background-color: rgba(0, 0, 0, 0.6) !important;
		height: 100%;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: 1031;
		display: none;
	}
	#sidebar-menu-comun .sidebar-account,
	#sidebar-menu .sidebar-account{
		background: #fff;
		padding: 30px;
	}
	#sidebar-menu .sidebar-nav{
		background: #000;
		padding: 50px 30px;
		height: calc(100% - 93px);
	}
	#sidebar-menu .sidebar-nav .panel_user{
		display: flex;
		flex-direction: column;
	}
	#sidebar-menu .sidebar-nav a{
		color: #C4C4C4;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 130%; /* 23.4px */
		margin: 0 0 55px 0;
		padding: 0 0;
		position: relative;
		display: inline-block;
	}
	#sidebar-menu .sidebar-nav a svg{
		margin-right: 20px;
	}
	#sidebar-menu .sidebar-nav a.logout{
		position: absolute;
		bottom: 10px;
		left: 30px;
	}
	@media screen and (max-width:1550px) {
		.menu_left{
			padding-left: calc((100vw - 1280px) / 2);
		}
	}
	@media screen and (max-width:1440px) {
		/* .body_panel_user .menu_left{
			padding-left: calc((100vw - 1130px) / 2);
		} */
		.body_panel_user .sop.sop-user-orders > .d-flex{
			gap: 6rem;
		}
		/*
		.order_status_content {
			max-width: 700px;
		}
		.orders_list {
			max-width: 785px;
		}
		*/
		
		.order_status_table {
			width: 100%;
			table-layout: unset;
		}
	}
	@media screen and (max-width:1199px) {
		.body_panel_user .sop.sop-user-orders > .d-flex {
			gap: 2rem;
		}
		.body_panel_user .menu_left{
			padding-left: calc((100vw - 940px) / 2);
		}
		/*
		.orders_list,
		.order_status_content {
			max-width: 650px;
		}
			*/
	}
	@media screen and  (max-width: 991px) {
		.historical_list_block{
			display: block !important;
			padding: 0 15px;
		}
		/*
		.orders_list,
		.order_status_content {
			max-width: 710px;
			padding-left: calc((100vw - 750px) / 2);
		}
		.orders_list.historical_list{
			width: 100%;
			margin-left: 0px;
		}
		.body_panel_user .orders_status p{
			padding-left: calc((100vw - 750px) / 2);
		}
		*/
		.order_detail_table.table-responsive{
			width: 100%;
			overflow-x: scroll;
			overflow-y: hidden;
    	}
	}
	@media screen and  (max-width: 768px) {
		.contenido.body_panel_user #header {
			padding-inline: 30px;
		}
		.content.content-user{
			padding-top: 30px;
		}
		.content.content-user .d-flex{
			padding-bottom: 30px;
			padding-inline: 15px;
		}
		.content.content-user h2.title_subseccion {
			text-transform: inherit !important;
			color: #000;
			font-size: 28px;
			font-style: normal;
			font-weight: 500;
			line-height: 100%; /* 28px */
			letter-spacing: -0.56px;
			margin-bottom: 10px;
		}
		.content.content-user p.desc{
			color: #000;
			font-size: 16px;
			font-style: normal;
			line-height: 100%; /* 16px */
			letter-spacing: -0.32px;
		}
		body.contenido .sop-user-orders {
			padding-right: 15px;
			padding-left: 15px;
			margin-right: auto;
			margin-left: auto;
			width: 100%;
		}
		.content.orders_list{
			padding-top: 40px;
		}
		nav.menu_productos_sop {
			display: none;
		}
		.content.orders_list.inc_order_detail,
		.content.orders_list.user_data{
			padding-top: 40px;
		}

		.order_status_content {
			padding-top: 40px;
			max-width: 100%;
			border: none;
		}
		.table-responsive > .table {
			margin-bottom: 20px;
			background-color: #fff;
		}
		.table-responsive > .table-bordered{
			border: 1px solid #dddddd;
		}
		

		.user_record h3, .user_data h3, .order_status_content h3{
			margin-bottom: 30px;
		}
		.orders_list h3{
			font-size: 24px;
			font-weight: 600;
			line-height: 100%; /* 24px */
			letter-spacing: -0.48px;
		}
		.orders_list.inc_order_detail h3{
			margin-bottom: 0;
		}

		.pedido_xs{
			border: 1px solid #C4C4C4;
			margin-bottom: 20px;
			padding: 20px 25px 5px 25px;
			text-align: left;
		}
		.orderl_list_xs.pedido_xs {
			padding: 20px 0 0 0;
		}
		.pedido_xs .pedido_dato{ 
			color: #000;
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: 130%; /* 20.8px */
			margin-bottom: 15px;		
		}
		.orderl_list_xs.pedido_xs .pedido_dato{ 
			padding-inline: 25px;
		}
		.pedido_xs .pedido_dato b{
			font-weight: 700;
		}
		.pedido_xs .acciones_xs{
			display: flex;
			align-items: stretch;
			justify-content: space-between;
		}
		.pedido_xs .acciones_xs a{
			color: #000;
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: 180%; /* 28.8px */
			padding: 15px ;
			border-top: 1px solid #C4C4C4;
			flex: 1 1 auto;
			text-align: center;
		}
		.pedido_xs .acciones_xs a:first-child {
			border-right: 1px solid #C4C4C4;
		}
		.pedido_xs .acciones_xs a img{
			margin-right: 13px;
			vertical-align: text-bottom;
		}
		.pedido_xs .cont_name_orderxs{
			display: flex;
			align-items: center;
		}
		.pedido_xs .cont_name_orderxs i{
			padding-left: 15px;
		}
		.pedido_xs .cont_name_orderxs i.save_ordName{
			color: #0F9E5E;
		}
	}


	/* ====== 41 IDENTIFICACION ====== */

	.identificacion .title{
		margin-bottom: 10px;
		padding-bottom: 15px;
	}

	.identificacion p{
		text-align: left;
	}

	.identificacion a{
		background: var(--rojo);
		color: #fff;
		float: left;
		margin-top: 20px;
		text-decoration: none;
		font-size: 12px;
		line-height: 12px;
		font-weight: 400;
		text-transform: uppercase;
		padding: 12px 15px;
		display: inline-block;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.identificacion a:hover{
		background: #000;
	}

	/*===== Google reCaptcha =====*/

	.recaptcha-box{
		text-align: center;
		overflow: hidden;
	}

	.recaptcha-box .col-xs-12{
		overflow: hidden;
	}

	.recaptcha-box .recaptcha-wrapper{
		display: inline-block;
	}

	/*=== EDICION DE DATOS ===*/
	.box-form-register.edit .form-control{
		width: 100%;
	}

	/*=== HISTORIAL PEDIDOS ===*/
	.historical_list .select2-container,
	.select2-container--open .select2-dropdown--below{
		width: 11.42857rem !important;
	}


/*=== LANDING ===*/
	body.contenido.landing,
	body.contenido.landing .sop,
	#header.header_landing,
	#header.header_landing.header_slim,
	#footer.footer_landing{
		background: #EFEFEF;
	}
	.content_landing{
		width: 100%;
	}
	@media screen and (min-width:992px){
		.content_landing{
			position: absolute; 
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
		}
	}
	body.contenido.landing {
		padding-top: 0;
	}
	#header.header_landing{
		top: 0;
		height: auto;
    	position: fixed;
		padding-top: 2.5rem;
		padding-inline: 0;
	}
	#header.header_landing .logo {
    	padding-bottom: 0;
	}
	body.contenido.landing .sop{
		height: auto;
		padding-top: 8rem;
	}

	

	#header.header_landing .container {
    	padding-left: 15px;
	}
	.header_text {
		color: #FF005A;
		font-family: "Plus Jakarta Sans";
		font-size: 1.2rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 26px */
		letter-spacing: -0.4px;
		text-transform: uppercase;
	}
	.content_landing{
		padding-bottom: 0;
	}
	.content_landing .content_left{
		width: 608px;
	}
	.content_landing h1.title{
		color: #000;
		font-size: 4.5rem;
		font-style: normal;
		font-weight: 500;
		line-height: 100%; /* 100px */
		letter-spacing: -2px;
		margin: 0 0 2.85rem 0;
		padding-top: 3.45rem;
	}
	.content_landing h2.desc{
		color: #000;
		font-size: 1.4rem;
		font-style: normal;
		font-weight: 500;
		line-height: 130%; /* 31.2px */
		letter-spacing: -0.24px;
		margin: 0 0 2.85rem 0;
	}
	.content_landing .texto{
		margin: 0 0 2.85rem 0;
	}
	.content_landing .texto p{
		padding: 0px;
		color: #000;
		font-size: 1.2rem;
		font-style: normal;
		font-weight: 500;
		line-height: 130%;
		letter-spacing: -0.4px;
		margin: 0 0 0 0;
	}

	.content_landing a.btn_ws{
		display: inline-block;
		border-radius: 8px;
		background: #33D24E;
		padding-block: 18px;
		padding-inline: 20px;
		width: 340px;
		color: #FFF;
		font-size: 0.93rem; /*16 px*/
		font-style: normal;
		font-weight: 700;
		line-height: 130%; /* 20.8px */
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	/*
	.content_landing a.btn_ws:hover{
		background: #128C7E;
	}
	*/
	.content_landing a.btn_ws .box svg{
		margin-right: 15px;
		height: 1.5rem;
    	width: 1.5rem;
	}
	.content_landing a.btn_ws span svg{
		height: 0.75rem;
    	width: 0.75rem;
	}
	.content_landing figure.main_img.img_w_gallery{
		aspect-ratio: 4 / 3;
		object-fit: cover;
		overflow: hidden;
		border-radius: 20px;
	}
	.content_landing figure.main_img.img_w_gallery img{
		transform: translateY(-130px);
	}
	.content_landing figure.main_img img{
		width: 100%;
	}
	.content_landing .galeria_de_landing{
		margin-top: 30px;
	}
	.content_landing .galeria_de_landing .owl-carousel .owl-item img{
		border-radius: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.content_landing .galeria_de_landing .owl-carousel .owl-item img:hover{
		opacity: 0.8;
	}
	.content_landing .galeria_de_landing .owl-stage-outer button{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
		background: #000;
		border: none !important;
		color: #fff;
		opacity: 0.5;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.content_landing .galeria_de_landing .owl-stage-outer button:hover,
	.content_landing .galeria_de_landing .owl-stage-outer button:focus{
		opacity: 1;
	}
	.content_landing .galeria_de_landing .owl-stage-outer button.owl-prev{
		left: 0;
	}
	.content_landing .galeria_de_landing .owl-stage-outer button.owl-next{
		right: 0;
	}
	body.contenido.landing footer{
		height: 10vh;
		height: auto;
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	#footer.footer_landing{		
		padding: 0px;
		color: #000;
		font-size: 1.2rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 26px */
		letter-spacing: -0.4px;
	}
	#footer.footer_landing p{
		margin: 0 0 0 0;
	}
	#footer.footer_landing .footer_info{
		border-top: 1px solid #CFCFCF;
		padding-block: 2.4rem;
	}

	#footer.footer_landing a{
		padding-inline: 10px;
		color: #000;
		font-size: 1.2rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 26px */
		letter-spacing: -0.4px;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: none;
		text-decoration-thickness: 7%; /* 1.4px */
		text-underline-offset: 15%; /* 3px */
		text-underline-position: from-font;
		opacity: 1;
	}
	#footer.footer_landing a:hover,
	#footer.footer_landing a:focus{
		opacity: 0.5;
	}

}
@media screen and (max-width:1700px){
	body.contenido.landing .sop{
		padding-top: 11rem;
	}
}
@media screen and (max-width:1601px){
	body.contenido.landing .sop{
		padding-top: 5rem;
	}
}
@media screen and (max-width:1441px){
	body.contenido.landing .sop{
		padding-top: 8rem;
	}
}
@media screen and (max-width:1345px){
	body.contenido.landing .sop{
		padding-top: 7rem;
	}
	.content_landing h1.title {
		font-size: 4.25rem;
		margin: 0 0 2rem 0;
		padding-top: 3rem;
	}
	.content_landing h2.desc {
		font-size: 1.25rem;
		margin: 0 0 2rem 0;
	}
	.content_landing figure.main_img.img_w_gallery {
		aspect-ratio: 4 / 2.5;
	}
}

@media screen and (max-width:1199px){
	body.contenido.landing .sop{
		padding-top: 7rem;
	}
	.content_landing h1.title {
		font-size: 3rem;
        margin: 0 0 1.85rem 0;
        padding-top: 2.45rem;
	}
	.content_landing h2.desc {
		font-size: 1rem;
        margin: 0 0 2rem 0;
	}
	.content_landing figure.main_img.img_w_gallery {
		aspect-ratio: 4 / 2.5;
	}
}
@media screen and (max-width:991px){
	body.contenido.landing .sop{
		padding-top: 6rem;
	}
	.content_landing h1.title {
		font-size: 30px;
        margin: 0 0 20px 0;
        padding-top: 30px;
	}
	.content_landing h2.desc {
		font-size: 18px;
        margin: 0 0 20px 0;
	}
	.content_landing a.btn_ws{
		font-size: 16px;
	}
	.content_landing a.btn_ws .box svg {
		margin-right: 15px;
		height: 16px;
		width: 16px;
	}
	.content_landing a.btn_ws span svg {
		height: 16px;
		width: 16px;
	}
	.content_landing figure.main_img.img_w_gallery {
		aspect-ratio:unset;
	}
	.content_landing figure.main_img.img_w_gallery img{
		transform: none;
	}
}


/*=======AUTOCOMPLETE BUSQUEDA POR PALABRA=======
===============================*/

@media screen{
	.ui-widget.ui-widget-content{
	  border: 0 !important;
	  margin-left: 3.1rem !important;
	  -webkit-box-shadow: 0px 7px 0.75rem 0px rgba(181,181,181,0.5);
	  -moz-box-shadow: 0px 7px 0.75rem 0px rgba(181,181,181,0.5);
	  box-shadow: 0px 7px 0.75rem 0px rgba(181,181,181,0.5);
	  padding: 0 0 0 0px !important;
	  font-family: "DM Sans", sans-serif !important;
	  color: var(--gris-oscuro);
	  font-style: initial !important;
	  border-radius: 11px;
	}
	.ui-menu .ui-menu-item-wrapper{
  
	}
	.ui-menu .ui-menu-item{
	  font-size: 15px !important;
	  font-weight: 400 !important;
	  line-height: 1.55rem !important;
	  color: var(--gris-oscuro) !important;
	  padding: 1.1rem !important;
	  border-bottom: 1px solid #e3e3e3 !important;
	  background: transparent !important;
	}
  
	.ui-menu .ui-menu-item:last-child{
	  border-bottom: 0 !important;
	}
  
	.ui-widget-content a{
	  color: var(--negro) !important;
	  padding: 0 !important;
	  border:0 !important;
	  text-transform: initial !important;
	}
  
	.ui-menu .ui-menu-item:hover a{
	  border:0 !important;
	  padding: 0 !important;
	  margin: 0 !important;
	  color: var(--azul) !important;
	  background: transparent !important;
	}
  
	.ui-menu .ui-state-focus,
	.ui-menu .ui-state-active{
	  margin: 0 !important;
	  color: var(--azul) !important;
	  background: transparent !important;
	}
  
	.ui-widget-content{
	  max-height: 370px;
	  overflow-y: auto;
	}
  
  }


@media screen and (min-width: 768px) {
	.resume_order {
		position: sticky;
		top: 8.5rem;
	}
}

@media screen and (min-width: 1550px) and (max-width: 1921px) {
	.carousel-caption {
		/*left: 19rem;*/
	}
	.floating-buttons .btn-whatsapp a:hover {
		width: 210px;
	}
	.floating-buttons .btn-whatsapp a:hover span {
		opacity: 1;
		right: 5px;
	}
}


@media screen and (min-width: 992px)  {
	.navbar-toggle {
		display: none;
	}

	#header.header_slim {
		background: var(--blanco);
		/* top: 0; */
		height: auto;
		position: fixed;
		padding: 2.5rem 6.07rem 0;
		box-shadow:none;
		width: 100%;
        z-index: 2000;
	}
	#header.header_slim .logo a img{
		filter: none;
	}
	#header.header_slim .search_btn img,
	#header.header_slim .login img,
	#header.header_slim .herramientas-header .carro img{
		filter: invert(1);
	}
	.home 	#header.header_slim .herramientas-header .logged,
	#header.header_slim .herramientas-header .logged{
		color: var(--negro);
	}
	.home .menu_slim .nav_menu > li > a,
	.menu_slim .nav_menu > li > a{
		color: var(--negro);
	}
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
	#header {
		top: 0px !important;
	}
	#header.header_xs {
		top: 40px !important;
	}

	.home #header.header_xs {
		top: 0px !important;
	}

	.home .herramientas-header .logged,
	.herramientas-header .logged,
	.home .herramientas-footer .logged,
	.herramientas-footer .logged{
		font-size: 7px;
	}

}

@media screen and (max-width: 1199px) {
	.sop.busqueda .list_contents .list_grid,
	.related .list_grid,
	.sop_home_destacados .list_grid,
	.list_contents .list_grid.novedades{
		grid-template-columns: repeat(3, minmax(auto, 1fr));
	}
	.list_contents .list_grid{
		grid-template-columns: repeat(2, minmax(auto, 1fr));
	}
}

@media screen and (max-width: 991px) {
	#header {
		top: 30px;
	}
	.sop.busqueda .list_contents .list_grid,
	.related .list_grid,
	.sop_home_destacados .list_grid,
	.list_contents .list_grid{
		grid-template-columns: repeat(2, minmax(auto, 1fr));
	}
	.list_contents .list_grid{
		grid-template-columns: repeat(1, minmax(auto, 1fr));
	}
	.footer_dinamic img{
		margin-top: -2px;
	}	
	.menu_mobile_btn{
		float: none;
		color: #000;
		display: inline-block!important;
		padding: 0px 0 !important;
		margin:  0px;
		font-size: 16px;
		line-height: 18px;
		font-weight: 400;
		letter-spacing: 0.1em;
		text-align: center;
		text-transform: uppercase;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		padding-bottom: 2.5rem !important;		
	}
	.mod_contacto .title_sep_white{
		margin: 0px auto 20px auto;
	}

	.fck_template.bg_black .d-flex {
		gap: 7.8rem;
		flex-direction: column;
	}
	.fck_template.bg_black .col{
		width: 100%;
		padding: 0 15px;
	}
	.form_contacto {
		margin-top: 5rem;
		padding: 0 0 0px 0;
	}

	.resumen-carro tr td.img_desc,
	.confirmar-carro tr td.img_desc{  
		padding: 5px;
	}
	.resumen-carro .total,
	.confirmar-carro .total,
	.resumen-carro .price,
	.confirmar-carro .price{
		font-size: 11px;
	}
	.template_producto .sobre_img_content .nuevo_xl, .template_producto .sobre_img_content .nuevo, .template_producto .sobre_img_content .discount, .home_destacados .img .sobreimg .nuevo_xl, .home_destacados .img .sobreimg .nuevo, .home_destacados .img .sobreimg .discount{
		font-size: 0.85rem;
	}
}
@media screen {
	.content .content_img {
		position: sticky;
		top: 175px;
	}
	.content.content-user .bg_grey .container .row .col-xs-12{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}
@media screen and (max-width:1930px) {
	.menu_left {
		padding-left: calc((100vw - 1545px) / 3);
	}	
}
@media screen and (max-width:1750px) {
	.menu_left {
		padding-left: calc((100vw - 1430px) / 3);
	}	
}
@media screen and (max-width: 1440px) {
	.content .content_img {
		top: 155px;
	}
}
@media screen and (max-width: 1500px) {
	.menu_left {
		padding-left: calc((100vw - 1295px) / 3);
	}
}


@media screen and (max-width: 1199px) {
	.content_landing .content_left {
		width: 500px;
	}
}

@media screen and (max-width: 991px) {
	.content .content_img {
		top: 145px;
	}

	#header.header_landing{
		height: auto;
	}
	body.contenido.landing .sop{
		height: auto;
	}
	body.contenido.landing footer{
		height: auto;
	}

	#header.header_landing {
		padding-inline: 15px;
	}
	.content_landing .content_left {
		width: 100%;
		margin-bottom: 50px;
	}

	body.contenido.landing footer{
		position: relative;
		bottom: 0;
		width: 100%;
	}

	#footer.footer_landing .footer_info{
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 30px;
	}
	#footer.footer_landing a{
		font-size: 14px;
	}

	.home .header_slim .menu_mobile_btn svg path{
		stroke: black;
	}
}
@media screen and (max-width: 768px) {
	.content .content_img {
		position: relative;
		top: 0;
	}
	.content .content_info {
		width: calc(100% - 30px);
    	margin: 0 auto;
	}

	body.contenido.landing {
    	padding-top: 0rem;
	}
	#header.header_landing .logo a img {
        width: 9.85714rem;
        filter: none;
    }
}

@media screen and (min-width: 768px) {
	.go-up-btn:hover{
		background: var(--rojo);
		color: #fff;
	}	
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
	.form_registro .form-control:-moz-placeholder {
	  display: none;
	  opacity: 0;
	}

	.form_registro .form-control::-moz-placeholder {
	  display: none;
	  opacity: 0;
	}

	.form_registro .form-control:-ms-input-placeholder {
	  display: none;
	  opacity: 0;
	}

	.form_registro .form-control::-webkit-input-placeholder {
	  display: none;
	  opacity: 0;
	} 
	

	.resumen-carro .tiene_descripcion,
	.confirmar-carro .tiene_descripcion{
		border-bottom: 0px;
	}
	.resumen-carro .tiene_descripcion td,
	.confirmar-carro .tiene_descripcion td{
		padding: 28px 0 0 0;
	}


	.content #variant_img {
		position: sticky;
	}
	#variant_img .fancybox-close {
		position: absolute;
		top: -6px;
		right: 23px;
	}

	#variant_img .variant_close{
		background: var(--rojo);
		color: var(--blanco);
		border: 1px solid var(--rojo);
		font-size: 1.3rem;
		line-height: 1.2;
		font-weight: 600;
		border-radius: 15px;
		padding: 1px 6px;
		position: absolute;
		top: -6px;
		right: 10px;
		z-index: 9999;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		width: 30px;
		height: 30px;
	}
	#variant_img .variant_close:hover{
		background: var(--blanco);
		color: var(--rojo);
		border: 1px solid var(--rojo);
	}

	/* .content #variant_img .img-producto img{
		width: 95%;
	} */




}


@media screen and (max-width: 768px) {
	#header {
		position: relative;
		padding: 1.5rem 15px;
		top: 0;
		background: #000;
	}
	#header .container {
		padding-left: 0;
		padding-right: 0;
	}
	.top #header {
		position: absolute;
	}
	.menu_mobile_btn{
		padding-bottom: 0 !important;
	}
	.menu_mobile_btn svg path{
		stroke: white;
	}
	
	.panel_search .panel_header{
		width: 100%;
	}
	#collapseMenu{
		height: 100% !important;
	}
	.isHome#collapseMenu{
		position: absolute;
		z-index: 999;
		width: 100%;
		top: 80px;
		background: var(--blanco);
	}
	body.modal-open{
		margin-right: 0 !important;
	}
	#ModalLogin{
		z-index: 9999;
	}
	#ModalLogin .modal-dialog {
		padding: 26px;
	}

	#mayorista{
		display: none;
	}
	#header .logo,
	#header .herramientas-header {
		padding-bottom: 0;
	}
	#header .logo a img{
		width: 9.85714rem;
		filter: invert(1);
	}
	.navbar-toggle .icon-bar{
		background-color: #fff;
	}
	.logged-xs{
		border: none;
	}
	.panel_search {
		height: 13rem;
		padding: 0px 30px 14px;
	}
	.panel_search .cont_panel {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.panel_search .text {
		width: 100%;
	}
	.panel_search .cont_panel .panel_search_btn {
		right: 15px;
	}
	.panel_search span.label_search {
		padding: 10px 20px 10px 8px;
		text-align: center;
	}
	ul.submenu_collapse li a, ul.menu_collapse li a.noSubs {
		text-transform: initial;
	}
	.row.row-eq-height.sop-content-listado,
	.container.related .row{
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.row.row-eq-height.sop-content-listado .col-xs-12.col-sm-8.col-md-9{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	

	.separacion-catalogo{
		padding-bottom: 0;
	}
	.list_contents, .list_subsections{
		padding: 0 15px;
	}
	.list_subsections{
		padding-left: 0;
		padding-right: 0;
	}
	.sop_home_destacados{
		padding: 5.71rem 15px 7.14rem;
	}
	.menu_productos_sop  #collapseProductosXL.collapse{
		display: none;
	}
	.menu_productos_sop  #collapseProductosXL.in{
		display: block;
	}
	.sop.busqueda .list_contents .list_grid,
	.related .list_grid,
	.sop_home_destacados .list_grid,
	.list_contents .list_grid{
		grid-template-columns: repeat(2, minmax(auto, 1fr));
	}
	#footer .accesos, #footer .contacto, #footer .catalogo{
		margin-right: 0;
		text-align: center;
        margin: 0 auto;
	}
	#firma .footer_redes a{
		text-align: center;
	}

	.content.content-editorial .actualidad h1.title{
		margin-left: -15px;
	}
	.fck_template.con_img_fondo .fck_con_fondo{
		width: 100%;
		padding: 0 15px;
	}
	.fck_template.con_img_fondo .fck_con_fondo {
		width: 100%;
		padding: 0 30px;
		text-align: center;
		left: 0;
		transform: none;
		top: 50%;
		transform: translateY(-50%);
	}
	.fck_template.con_img_fondo .fck_con_fondo p{
		max-width: unset;
	}
	.content.content-editorial.novedades .bg_white .d-flex {
		padding: 2.14rem 15px;
        gap: 5rem;
	}
	.fck.bg_white .text-novedades .texto p {
		font-size: 1.5rem;
	}
	.related .list_grid.novedades .home_destacados.mod article .text h1,
	.sop_home_destacados .home_destacados article .text h1,
	.home_destacados.mod article .text h1{
		font-size: 1.6rem;
	}
	.sop_home_destacados .home_destacados article .text .precio, .home_destacados.mod article .text .precio{
		font-size: 2.2rem;
	}
	.sop_home_destacados .home_destacados article .text .codigo, .home_destacados.mod article .text .codigo{
		font-size: 1.5rem;
	}

	/* HLT 1 SLIDE */
	#carousel_slide_home .carousel-img img{
		height: 60.85714rem;
		width: auto;
		object-fit: cover;
	}
	#carousel_slide_home .carousel-caption h2{
		color: var(--blanco);
		text-align: center;
		font-size: 3.57143rem;
		letter-spacing: -0.07143rem;
		margin-bottom: 2.86rem;
	}

	#carousel_slide_home .carousel-caption {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	/* HLT 12 PRODUCTOS DESTACADOS */
	.secciones_destacados {
		padding-top: 3.57rem;
	}
	.secciones_destacados .container div .d-flex{
		justify-content: center !important;
		margin-bottom: 3.57rem;
	}
	.secciones_destacados .title{
		text-align: center;
		font-size: 1.85714rem;
		letter-spacing: -0.03714rem;
		margin-bottom: 0;
	}

	.secciones_destacados .list_secciones_dest .list-card figure img {
		object-fit: cover;
	}
	.secciones_destacados .list_secciones_dest .list-card .text h1{
		text-align: center;
		font-size: 1.71429rem;
		letter-spacing: -0.03429rem;
	}
	.secciones_destacados .list_secciones_dest .list-card{
		margin-bottom: 1.43rem;
	}

	/* WRAPER TEXT */
	.wraper_text {
		padding: 3.86rem 3.43rem;
	}
	.wraper_text .text,
	.wraper_text .text a{
		text-align: center;
		font-size: 1.71429rem;
		letter-spacing: -0.03429rem;
		position: relative;
		transform: none;
		top: inherit;
		left: inherit;
		font-weight: 400;
	}

	/* HLT 2 DESTACADOS */
	.sop_home_destacados {
		padding: 3.57rem 15px 2.20rem;
	}
	.sop_home_destacados .title{
		text-align: center;
		font-size: 1.85714rem;
		letter-spacing: -0.03714rem;
		margin-bottom: 0;
	}

	.sop_home_destacados .cont_title{    
		justify-content: center !important;
		margin-bottom: 3.57rem;
	}


	/* ACCESOS HOME */
	.accesos_home {
		padding: 2.21rem 0 2.14rem;
	}
	.accesos_home .row{
		margin-right: 15px;
		margin-left: 15px;
	}
	.accesos_home .planillas_access {
		max-width: 100%;
		width: 100%;
		height: 7.14286rem;
		padding: 2.71rem 0;
	}
	.accesos_home .planillas_access div svg {
		margin-right: 1.43rem;
	}

	/* FOOTER */
	#footer {
		padding: 2.86rem 0 0;
	}
	#footer .cont_footer{
		flex-direction: column;
		justify-content: center !important;
		align-items: center !important;
	}
	#footer .accesos{
		border-bottom: 1px solid rgba(255, 255, 255, 0.20);
		width: 100%;
		padding-bottom: 2.86rem;
	}
	#footer .contacto{
		padding: 2.86rem 0;
	}
	#footer .accesos h6, #footer .contacto h6, #footer .catalogo h6{
		font-size: 15px;
	}
	#footer .accesos ul li a, #footer .contacto, #footer .catalogo ul li a{
		font-size: 14px;
	}
	#firma {
		padding: 2.86rem 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.20);
		margin-bottom: 4.2rem;
	}
	.footer_dinamic{
		background: var(--principal);
		text-align: center;
		padding: 2.8rem 0;
	}
	.footer_dinamic h6,
	.footer_dinamic a{
		color: #B4B4B4;
		font-size: 0.85714rem;
		font-weight: 400;
		line-height: 150%;
	}
	.footer_dinamic h6{
		margin-bottom: 0.43rem;
	}

	/* MENU BOTTOM MOBILE
		.cont_btns_bottom{
			border-top: 1px solid #F6F6F6;
			position: relative;
		}
	*/
	.cont_btns_bottom .herramientas-footer{
		background: #000;
		border-top: 1px solid #dadada;
		padding: 28px 6.5rem;
		position: fixed;
		z-index: 9999;
		bottom: -1px;
		width: 100%;
	}
	.cont_btns_bottom .herramientas-footer .search_btn img{
		margin-right: 0px;
	}
	.cont_btns_bottom .herramientas-footer .search_btn img,
	.cont_btns_bottom .herramientas-footer .panel_user_btn img,
	.cont_btns_bottom .herramientas-footer a.carro img,
	.cont_btns_bottom .herramientas-footer .login img{
		filter: invert(1);
	}
 	.login img {
		filter: none;
		margin-right: 0px;
	}
	/* .cont_btns_bottom .search_btn img, 
	.cont_btns_bottom .login img,
	.cont_btns_bottom .carro img {
		filter: invert(1);
	} */
	.floating-buttons {
		bottom: 85px;
	}
	.go-up {
		bottom: 175px;
	}



	/* CARRITO RESUMEN */
	.carrito {
		padding: 0.64rem 0 0;
		/*margin-bottom: 0;*/
	}

	body.carro_final  .bg_grey,
	body.carro.carro_detail .bg_grey {
		padding: 0;
	}
	body.carro.carro_detail .bg_grey .title,
	body.carro_final  .bg_grey .title {
		color: var(--negro);
		font-size: 2rem;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -0.04rem;
		padding: 0;
	}
	body.carro.carro_detail .bg_grey .total_products {
		padding-top: 0.71rem;
		color: var(--negro);
		font-size: 1.14286rem;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -0.02286rem;
	}
	.cont_cart_header{
		padding: 2.14rem 0;
		flex-direction: column;
		align-items: flex-start !important;
	}
	.resumen-carro thead tr, 
	.confirmar-carro thead tr {
		display: none;
	}
	.resumen-carro tr, 
	.confirmar-carro tr {
		/* border-bottom: 1px solid #DADADA; */
		position: relative;
		display: flex;
		flex-direction: column;
		padding-bottom: 1.5rem;
		padding-top: 1.5rem;
	}
	.resumen-carro tbody tr td, 
	.confirmar-carro tbody tr td,
	.resumen-carro .desc {
		padding: 0.32rem 0 !important;
		margin: 0.32rem 0;
	}
	.resumen-carro tbody .total{
		display: none;
	}
	.resumen-carro tbody .erase{
		position: absolute;
		right: 0;
	}

	.resumen-carro tbody tr td.erase a {
		color: var(--blanco);
		height: 20px;
		width: 20px;
		background: var(--negro);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.resumen-carro tbody tr td.erase a:hover,
	.resumen-carro tbody tr td.erase a:active{
		background: var(--rojo);
	}
	.resumen-carro tbody tr td.erase a i{
		color: var(--blanco);
	}
	.resumen-carro tbody .desc {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom: 0.32rem;
		padding-bottom: 0 !important;
	}
	.resumen-carro tbody .desc br{
		display: none;
	}
	.resumen-carro tbody tr:first-child td, 
	.confirmar-carro tbody tr:first-child td{
		margin-top: 0 !important;
		padding-top: 0 !important;	
	}
	.resumen-carro .desc a, 
	.confirmar-carro .desc a {
		order: 2;
	}
	.resumen-carro .desc span, 
	.confirmar-carro .desc span{
		order: 0;
		margin-bottom: 0.36rem;
	}
	.resumen-carro .code, 
	.confirmar-carro .code,
	.resumen-carro .price,
	.confirmar-carro .price {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	.resumen-carro tbody tr .quantity, 
	.confirmar-carro tbody tr .quantity{
		position: absolute;
		right: 0%;
		bottom: 0%;
	}
	.resumen-carro .total, .confirmar-carro .total, .resumen-carro .price, .confirmar-carro .price {
        font-size: 14px;
    }
	.content .cantidad .spinner input {
		width: 7rem;
        height: 3rem;
		padding: 10px 15px;
	}
	.btn-actualizar,
	.delete_all_products{
		border: 1px solid var(--negro);
		width: 100%;
		height: 4.28571rem;
		padding: 1.5rem 6.29rem;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	#cart_add_to_prev_order{
		height: 4.28571rem;
		padding: 0 0 0 1.14rem;
	}
	.add_to_prev_order .order_type_txt{
		text-align: center;
		font-size: 1.1rem;
		margin-bottom: 5px;
	}
	.btn-actualizar,
	.delete_all_products{
		margin-bottom: 1.43rem;
	}
	.btn-actualizar a,
	.delete_all_products a{
		font-size: 1rem;
		font-weight: 500;
		line-height: normal;
	}
	.delete_all_products{
		background: var(--negro);
	}
	.btn-actualizar a{
		color: var(--negro);
	}
	.delete_all_products a{
		background: var(--negro);
		color: var(--blanco);
	}
	.add_to_prev_order{
		width: 100%;
	}
	.resumen-carro tbody tr .price, 
	.confirmar-carro tbody tr .price{
		margin-bottom: 0;
		padding-bottom: 0 !important;
	}
	.resumen-carro tbody:last-child tr,
	 .confirmar-carro tbody:last-child tr{
		border-bottom: none !important;
	}
	.refresh_delete_row td {
		border-top: none;
	}
	.carrito .cont_obs{
		padding-top: 0;
		padding-bottom: 1.71rem;
	}
	.carrito .observaciones textarea{
		height: 10rem;
	}
	.resumen-carro tfoot tr, 
	.confirmar-carro tfoot tr {
		padding-bottom: 0;
	}
	.carrito tfoot .botones{
		display: none;
	}
	.carrito tfoot .aclaracion_precio {
		letter-spacing: 0.05em;
		width: 100%;
		padding: 0 !important;
		margin-top: 0;
		color: #7C7C7C;
		text-align: center;
		font-size: 0.85714rem;
		font-weight: 500;
		line-height: 160%;
	}
	.resumen-carro tr.buttons_coment_row, 
	.confirmar-carro tr.buttons_coment_row{
		padding-bottom: 2.14rem;
	}
	.resume_order{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.resume_order .resume_header {
		background: var(--negro);
		padding: 1.29rem 8.30rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.resume_order .resume_header h4 {
		color: var(--blanco);
		font-size: 1.14286rem;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
	}
	.resume_order .cont_order {
		padding: 1.43rem 2.14rem 1.43rem 2.43rem;
	}
	.resume_order .cont_order .iva {
		padding-bottom: 1.21rem;
	}
	.cont_order #btn_cart_update_next {
		padding: 1.14rem 2.14rem;
	}

	/* LISTADO CONTENIDOS */
	body.list_content .sop{
		padding-top: 0.86rem;
	}

	body.list_content .img_title h1.title {
		width: auto;
		font-size: 2.28571rem;
		left: 30px;
	}
	body.cart_index .img_title,
	body.list_content .img_title {
		margin-top: 15px;
		margin-bottom: 25px;
		padding-inline: 15px;
	}
	body.cart_index .img_title img,
	body.list_content .img_title img{
		height: 15rem;
		object-fit: cover;
	}

	/* CONT. AMPLIACION PRODUCTOS */
	body.contenido {
		padding-top: 0;
	}
	.template_producto .cont-product{
		flex-direction: column;
	}

	/* CONT. AMPLIACION EDITORIAL */
	.contenido .breadcrumb {
		padding: 1.43rem 0px 1.43rem;
	}
	.fck.bg_white {
		padding-top: 1.86rem;
	}
	.content.content-editorial{
		padding-top: 2.14rem;
	}
	.content.content-editorial .cont-editorial{
		flex-direction: column;
		align-items: flex-start !important;
		padding-bottom: 3.14rem;
	}
	.content.content-editorial .cont-editorial h2.title_subseccion{
		padding-bottom: 2rem;
	}

	/* NOVEDADES */
	.bg_grey .title {
		padding-top: 1.14rem;
	}

	.list_contents .list_grid, 
	.list_contents .list_grid.novedades {
		grid-template-columns: repeat(1, minmax(auto, 1fr));
	}

	/* LISTADO */
	.sop-content-listado .list_contents .paginador_contenedor{
		display: flex;
		flex-wrap: wrap;
		margin-top: 3rem;
		justify-content: center;
		align-items: center;
	}

	/* NOVEDADES */
	.content-editorial .fck.bg_white .texto{
		margin: 0px 15px 30px 0;
	}

	/* CONT. AMPLIACION CONTACTO */
	.content.contacto .cont-contacto{
		flex-direction: column;
		align-items: flex-start !important;
		justify-content: center !important;
	}
	.content.contacto h2.title_subseccion {
		padding-bottom: 2rem;
	}
	body.contenido .sop.sop-contacto .bg_white {
		padding-top: 2.57rem;
	}

	/* LOGIN */
	.body-login {
		padding: 40px 25px 60px;
	}


	/* REGISTRO */
	.cont_btns_register{
		flex-direction: column-reverse;
	}
	.form_registro .cont_btns_register .btn{
		top: -30px;
		margin-top: 20px;
	}
	.registro a {
		margin-top: 6rem;
	}

	/* SECCION INTEGRANTES */
	.galeria_de_imagenes .mod{
    	grid-template-columns: repeat(2, minmax(auto, 1fr));
	}

	.order_detail_table table.table{
		table-layout: fixed;
		width: 100%;
	}
	.order_detail_table table.table thead th{
		display: none;
	}
	.order_detail_table table.table tbody tr{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		border-top: 1px solid #dddddd;
		padding: 10px 0;
	}
	.order_detail_table tbody tr td.ord_product a {
		font-size: 14px;
	}
	.order_detail_table table.table tbody tr td.oit_code,
	.order_detail_table table.table tbody tr td.ord_product span{
		color: var(--gris-oscuro);
	}
	.order_detail_table table.table tbody tr td.oit_total{
		font-weight: 700;
	}
	.order_detail_table table.table tbody tr td{
		border-color: transparent;
		padding: 5px 15px;
		font-size: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-content: flex-start;
	}


	.order_detail_table tbody tr td.ord_product a {
		white-space: normal;
	}

	.order_detail_table tbody tr td.descuenta_iva_total table tbody tr td{
		padding-left: 0;
	}
	.order_detail_table table.table tbody tr td[align="center"],
	.order_detail_table tbody tr td.descuenta_iva_total table tbody tr td[align="center"], 
	.order_detail_table tbody tr td.descuenta_iva_total table tbody tr td[align="right"]{
		text-align: left;
	}
	.order_detail_table tbody tr td.order_data b{
		margin-top: 10px;
	}
	.order_detail_table table.table tbody tr td.ord_product{
		width: 100%;
		text-align: left;
	}
	.btn-ord-detail{
		width: 100%;
	}
	.panel_search input#str::-webkit-input-placeholder {
		color: #fff;
	}
	.panel_search input#str:-moz-placeholder { /* Firefox 18- */
		color: #fff;  
	}
	.panel_search input#str::-moz-placeholder {  /* Firefox 19+ */
		color: #fff;  
	}
	.panel_search input#str:-ms-input-placeholder {  
		color: #fff;
	}


	 .box-custom-checkbox input:checked~.checkmark:after, 
	 .box-custom-radio input:checked~.checkmark:after {
		color: var(--negro) !important;
	}

	.order_detail_table .box-custom-checkbox input:checked~.checkmark:after {
		content: '\f14a';
	}

	.order_detail_table .box-custom-checkbox input:checked~.checkmark:after, 
	.order_detail_table .box-custom-radio input:checked~.checkmark:after {
		content: '\f14a';
		display: block;
		font-weight: 700;
		color: var(--negro) !important;
	}

	#header.header_landing .container {
		padding-left: 0px;
	}
	#footer.footer_landing .footer_info {
        flex-direction: column;
        align-items: start !important;
        justify-content: center !important;
		margin-top: 3.4rem;
    }
	#footer.footer_landing .footer_info .redes_footer{
		margin-top: 1.5rem;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		text-align: left;
		gap: 1rem;
		justify-content: flex-start !important;
		align-items: flex-start;
	}
	#footer.footer_landing .footer_info .redes_footer a,
	#footer.footer_landing a{
		padding-inline: 0;
	}

	.template_producto .sobre_img_content .nuevo_xl, .template_producto .sobre_img_content .nuevo, .template_producto .sobre_img_content .discount, .home_destacados .img .sobreimg .nuevo_xl, .home_destacados .img .sobreimg .nuevo, .home_destacados .img .sobreimg .discount{
		font-size: 1.25rem;
	}

}
@media screen and (max-width: 540px) {
	.sop.busqueda .list_contents .list_grid,
	.related .list_grid,
	.sop_home_destacados .list_grid,
	.list_contents .list_grid,
	.list_contents .list_grid{
		grid-template-columns: repeat(1, minmax(auto, 1fr));
	}
}

@media screen and (max-width: 400px) {
	.content_landing a.btn_ws{
		width: 100%;
	}

	.content_landing a.btn_ws,
	#footer.footer_landing,
	#footer.footer_landing .footer_info .redes_footer{
		font-size: 12px;
	}
	.content_landing a.btn_ws span svg{
		height: 12px;
		width: 12px;
	}
}

@media screen and (max-width: 370px) {
	/* SECCION INTEGRANTES */
	.galeria_de_imagenes .mod{
    	grid-template-columns: repeat(1, minmax(auto, 1fr));
	}
}

/* termina @media screen */

/*=========================================*/
/*=== CSS SCREEN (termina) ===*/
/*=========================================*/


/*=========================================*/
/*=== CSS IMPRESION (inicio) ===*/
/*=========================================*/

/* ====== 42 IMPRIMIR ====== */

@media print{
	body{
		font-size: 11pt;
		line-height: 16pt;
		font-family: Arial, sans-serif !important;
		color: #000;
	}

	@page {
		size: A4;
		margin: 2cm 1.5cm;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	  page-break-after: avoid;
	}

	h1{
		font-size: 24pt;
		line-height: 32pt;
		margin: 0;
	}
	h2{
		font-size: 21pt;
		line-height: 28pt;
		margin: 0;
	}
	h3{
		font-size: 18pt;
		line-height: 24pt;
		margin: 0;
	}
	h4{
		font-size: 16pt;
		line-height: 21pt;
		margin: 0;
	}
	h5{
		font-size: 14pt;
		line-height: 18pt;
		margin: 0;
	}
	h6{
		font-size: 14pt;
		line-height: 18pt;
		margin: 0;
	}

	.content .title{
		margin-bottom: 0.5cm;
	}

	.content .desc,
	.galeria_de_imagenes .desc,
	.sop > .desc {
		font-size: 11pt;
		line-height: 16pt;
		font-weight: 400;
		margin: 0 0 1cm 0;
	}

	.content .main_img{
		margin: 0 0 1cm 0;
	}

	.sec_img{
		margin: 0 0 1cm 0;
	}

	.content .texto{
		margin: 0 0 1cm 0;	
	}

	table,
	figure {
	  page-break-inside: avoid;
	}

	img {
	   max-width: 70% !important;
	}

	.logo_print{
		border-bottom: 0.5pt solid #ccc;
		margin:0 0 1cm 0 !important;
		padding:0 0 0.5cm 0 !important
	}

	.logo_print img{
		width: 2.79cm !important;
		height: 0.72cm !important;
	}

	.breadcrumb, 
	.admin_quick_edit,
	.panel_adminfront,
	.btn_panel {
		display: none;
	}

	.footer_print{
		font-size: 10pt;
		line-height: 16pt;
		border-top: 0.5pt solid #ccc;
		margin: 1.5cm 0 0 0;
		padding: 1cm 0 0 0;
	}

	.galeria_de_imagenes{
		display: none !important;
	}

	.fck_h3{
		font-weight: 400;
	}
	.fck_h4{
		font-weight: 400;
	}
	.fck_h5{
		font-weight: 400;
	}
	.fck_h6{
		font-weight: 400;
	}
	.fck_h3 b,
	.fck_h3 strong,
	.fck_h4 b,
	.fck_h4 strong,
	.fck_h5 b,
	.fck_h5 strong,
	.fck_h6 b,
	.fck_h6 strong{
		font-weight: 700;
	}
	.fck_h3 u,
	.fck_h4 u,
	.fck_h5 u,
	.fck_h6 u{
		text-decoration: none;
		border-bottom: 1px solid #000;
		padding-bottom: 5px;
	}
	.box_00{
		border: 1px solid #000;
		padding: 30px;
	}
	.box_01{
		border: 1px dashed #000;
		padding: 30px;
	}
	.box_02{
		border: 1px solid #ccc;
		color: #000;
		padding: 30px;
	}
	.box_03{
		background: #dcdcdc;
		border: 1px solid #b6b6b6;
		color: #000;
		padding: 30px;
	}
}

/*=========================================*/
/*=== CSS IMPRESION (termina) ===*/
/*=========================================*/


/* ===================================== */
/* ========== CUSTOM RADIO / CHECKBOX INPUT ========== */

@media screen {
	/* The container */
	.box-custom-checkbox,
	.box-custom-radio {
		display: block;
		position: relative;
		padding-left: 25px;
		padding-right: 0;
		margin-bottom: 10px;
		cursor: pointer;
		font-size: 12px;
		font-weight: 400;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	/* Hide the browser's default checkbox button */
	.box-custom-checkbox input,
	.box-custom-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	/* Create a custom checkbox button */
	.box-custom-checkbox .checkmark,
	.box-custom-radio .checkmark {
		position: absolute;
		top: 1px;
		left: 0;
		height: 20px;
		width: 20px;
	}

	.reeplace_box.box-custom-checkbox{
		padding-left: 15px;
	}
	.reeplace_box.box-custom-checkbox .checkmark{
		position: absolute;
		top: 10px;
	}
	.reeplace_box.box-custom-checkbox input:checked~.checkmark:after {
		content: '\f058';
	}

	/* Create the indicator (the dot/circle - hidden when not checked) */
	.box-custom-checkbox .checkmark:after,
	.box-custom-radio .checkmark:after {
		position: absolute;
		font-family: "FontAwesome";
		font-weight: 400;
		font-size: 16px;
		line-height: 1;
		color: #c0c0c0;
	}
	.box-custom-checkbox .checkmark:after {
		content: "\f096";
	}
	.reeplace_box.box-custom-checkbox .checkmark:after{
		content: '\f10c';
	}
	.box-custom-radio .checkmark:after {
		content: "\f10c";
	}
	
	/* Show the indicator (dot/circle) when checked */
	.box-custom-checkbox input:checked~.checkmark:after,
	.box-custom-radio input:checked~.checkmark:after {
		content: '\f058';
		display: block;
		color: var(--negro);
	}
	.box-custom-checkbox input:checked~.checkmark:after {
		content: '\f14a';
	}	
	.box-custom-radio input:checked~.checkmark:after {
		content: '\f058';
	}	
	/* Style the indicator (dot/circle) */
	.box-custom-checkbox .checkmark:after,
	.box-custom-radio .checkmark:after {
		top: 0;
		left: 0;
	}
}

@media (min-width: 1440px) {
	.container {
		max-width: 1350px !important;
	}
	#header {
		padding: 2.5rem 3.07rem 0;
	}
	#header.header_slim {
		padding: 2.5rem 3.07rem 0;
	}
}
@media (min-width: 1580px) {
	.container {
		max-width: 1530px !important;
	}
}
@media (min-width: 1920px) {
	.container {
		max-width: 1680px !important;
	}
}
/* when hover is NOT supported */
@media not all and (hover: hover) {	
	.home_destacados .img:hover img,
	.hvr-grow:hover,
	.hvr-grow:focus,
	.hvr-grow:active {
		-webkit-transform: none;
		transform: none;
	}
	.home_destacados a:hover .img-hvr{
		opacity: 0;
	}
}