/*=========================================*/
/*=========================================*/
/*=== SCREEN (start) ===*/

/* ====================================== */
/* ========== GENERAL SETTINGS ========== */
@media screen {
	html {
		scroll-behavior: smooth;
		-webkit-font-smoothing: antialiased;
	}

	html,
	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 16px;
	}

	:root {
		--negro: #1F140F;
		--amarillo: #F6B638;
	}
}

@media screen and (max-width: 1199px) {

	html,
	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 14px;
	}
}

@media screen and (max-width: 991px) {

	html,
	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 12px;
	}
}

/*
@media screen and (max-width: 1680px) {
	html,  body,  h1,  h2,  h3,  h4,  h5,  h6 {
		font-size: 0.85rem;
	}
}

@media screen and (max-width: 1440px) {
	html,  body,  h1,  h2,  h3,  h4,  h5,  h6 {
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 1199px){
	html, body, h1, h2, h3, h4, h5, h6 {
		font-size: 0.6rem;
	}
}

@media screen and (max-width: 991px){
	html, body, h1, h2, h3, h4, h5, h6 {
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 768px){
	html, body, h1, h2, h3, h4, h5, h6 {
		font-size: 0.65rem;
	}
}
*/

@media screen {

	body {
		background: #fff;
	}

	body,
	p {
		font-family: "Inter", Arial, sans-serif !important;
		font-optical-sizing: auto;
		font-style: normal;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.btn,
	.content-template .editorial .arrow_content_protfolio .title,
	.content-template .editorial p.sumario,
	.content-template .contacto p.sumario,
	.carousel.historia .carousel-indicators li span,
	.equipo .list-card p {
		font-family: 'Jost', Arial, sans-serif !important;
		font-optical-sizing: auto;
		font-style: normal;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 2.15rem;
		margin: 0;
		padding: 0;
	}

	b,
	strong {
		font-weight: 700;
	}

	i,
	em {
		font-style: italic;
	}

	a,
	svg path {
		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;
	}

}

/* end @media screen  */


/* ============================================== */
/* ========== ALTO MINIMO DE LA PAGINA ========== */
/* Alto de la pagina para que el footer quede fijo abajo cuando hay poco contenido - Restarle a 100vh (alto del viewport) el tamaño del footer en px para cada version */

@media screen and (min-width: 1200px) {
	#soporte_pagina>.soporte {
		min-height: calc(100vh - 1.72rem);
	}
}

/* termina @media screen and (min-width: 1200px) */

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#soporte_pagina>.soporte {
		min-height: calc(100vh - 1.72rem);
	}
}

/* termina @media screen and (min-width: 992px) and (max-width: 1199px) */

@media screen and (min-width: 768px) and (max-width: 991px) {
	#soporte_pagina>.soporte {
		min-height: calc(100vh - 3.95rem);
	}
}

/* termina @media screen and (min-width: 768px) and (max-width: 991px) */

@media screen and (max-width: 767px) {
	#soporte_pagina>.soporte {
		min-height: calc(100vh - 3.95rem);
	}
}

/* termina @media screen and (max-width: 767px)
  
  
  /* ======================================= */
/* ========== UTILITY CLASSES ========== */

@media screen {

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

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

	.p-l-0 {
		padding-left: 0;
	}

	.m-t-15 {
		margin-top: 1.07rem;
	}

	.m-b-0 {
		margin-bottom: 0;
	}

	.btn {
		display: inline-block;
		padding: 1.19rem 1.56rem 1.12rem 1.88rem;
		margin-bottom: 0;
		text-align: center;
		background: var(--amarillo);
		color: #FFF;
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.05rem;
		text-transform: uppercase;
		border-radius: 0;
		border: 1px solid var(--amarillo);
	}

	.btn:hover,
	.btn:focus {
		background: #FFF;
		color: var(--amarillo);
	}

	.btn svg {
		margin-left: 2.81rem;
	}


	.btn:hover svg path,
	.btn:focus svg path {
		stroke: var(--amarillo);
	}


	.titulo_principal {
		text-align: center;
		color: var(--negro);
		font-size: 3.75rem;
		font-style: normal;
		font-weight: 800;
		line-height: 1.15;
		letter-spacing: -0.075rem;
		margin-bottom: 3.12rem;
	}

	.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%;
	}

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

	/* Hover - Grow */

	.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);
	}

	/* Hover - Bounce In */

	.hvr-bounce-in {
		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.5s;
		transition-duration: 0.5s;
	}

	.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);
	}

	/* Hover - Underline From Left */

	.hvr-underline-from-left {
		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);
		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;
	}

}

/* end @media screen  */


/* ===================================== */
/* ========== POP UP PRE HOME ========== */

@media screen {

	.popup_prehome button.close.in-body {
		position: absolute;
		top: 29px;
		right: 33px;
		font-size: 28px;
		color: #fff;
		text-shadow: 0 0 0 #ffffff;
		opacity: 1;
		z-index: 99;
		outline: none;
		float: none;
	}

}

/* end @media screen  */

@media screen and (min-width: 1200px) {

	.popup_prehome .modal-dialog {
		width: 920px !important;
	}

}

/* termina @media screen and (min-width: 1200px) */

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.popup_prehome .modal-dialog {
		width: 800px !important;
	}

}

/* termina @media screen and (min-width: 992px) and (max-width: 1199px) */

@media screen and (min-width: 768px) and (max-width: 991px) {

	.popup_prehome .modal-dialog {
		width: 600px !important;
	}

}

/* termina @media screen and (min-width: 768px) and (max-width: 991px) */

@media screen and (max-width: 767px) {

	.popup_prehome .modal-dialog {
		width: 100% !important;
	}

}

/* termina @media screen and (max-width: 767px) */


/* ======================================= */
/* ========== BOTONES FLOTANTES ========== */

@media screen {

	.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: 18px;
		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: 30px;
	}

}

/* end @media screen  */


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

@media screen {

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

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

	.go-up-btn {
		color: var(--negro);
		background: #fff;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		padding-top: 10px;
		margin: 10px 16px 0 0;
		cursor: pointer;
		display: inline-block;
		text-align: 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;
	}

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

}

/* end @media screen  */

@media screen and (min-width: 992px) {

	.go-up-btn:hover {
		color: var(--amarillo);
	}

}

/* termina @media screen and (min-width: 992px) */


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

@media screen {

	#header .btn.buscador {
		float: right;
	}

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

	.panel_busqueda {
		height: 70px;
		/* 100% Full-height */
		width: 100%;
		/* 0 width - change this with JavaScript */
		padding: 0 0;
		margin: 0 0;
		position: absolute;
		/* Stay in place */
		z-index: 1057;
		/* Stay on top */
		top: -350px;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		/* Disable horizontal scroll */
		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_busqueda .texto {
		background: transparent;
		border: 0;
		font-size: 1rem;
		line-height: 1;
		font-weight: 100;
		outline: none !important;
		width: 85%;
		padding: 0 0;
		margin: 0 0;
		float: left;
	}

	.panel_busqueda .botones {
		width: 15%;
		float: left;
	}

	.panel_busqueda .botones a {
		float: right;
	}

	.panel_busqueda input#str::-webkit-input-placeholder {
		color: #555;
	}

	.panel_busqueda input#str:-moz-placeholder {
		/* Firefox 18- */
		color: #555;
	}

	.panel_busqueda input#str::-moz-placeholder {
		/* Firefox 19+ */
		color: #555;
	}

	.panel_busqueda input#str:-ms-input-placeholder {
		color: #555;
	}

	.box-search-mobile {
		position: relative;
		margin-left: 0;
		width: 290px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	.box-search-mobile input.texto {
		border: 0;
		height: 3.23rem;
		padding: 0 0 0 0;
		font-size: 1.86rem;
		line-height: 1;
		font-weight: 400;
		color: #000;
		background-color: #eeeeee;
		outline: none;
		width: 100%;
		border-radius: 500px;
		-moz-border-radius: 500px;
		-webkit-border-radius: 500px;
		-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;
	}

	.box-search-mobile input.texto:-moz-placeholder {
		color: #000;
	}

	.box-search-mobile input.texto::-moz-placeholder {
		color: #000;
	}

	.box-search-mobile input.texto:-ms-input-placeholder {
		color: #000;
	}

	.box-search-mobile input.texto::-webkit-input-placeholder {
		color: #000;
	}

	.box-search-mobile input.texto {
		font-size: 1rem;
		background-color: #fff;
		padding: 0 1.5rem 0 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	.box-search-mobile .btn-search {
		color: #000 !important;
		border-radius: 500px;
		-moz-border-radius: 500px;
		-webkit-border-radius: 500px;
		background-color: #eeeeee;
		position: absolute;
		top: 0;
		right: 0;
		height: 3.23rem;
		width: 3.59rem;
	}

	.box-search-mobile .btn-search {
		background-color: #fff;
	}


}

/* end @media screen  */


/* ============================ */
/* ========== HEADER ========== */

@media screen and (min-width: 992px) {

	.home #soporte_pagina>.soporte {
		/* Definir padding top del soporte en base al alto del header*/
		padding-top: 8.75rem;
	}

	#soporte_pagina>.soporte {
		/* Definir padding top del soporte en base al alto del header*/
		padding-top: 8.75rem;
	}

}

/* termina @media screen and (min-width: 992px) */

@media screen {

	#header,
	#header.header_slim,
	#header .logo a img,
	#header .logo a img.logo_slim {
		-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 {
		position: relative;
		background: #fff;
		padding: 1.5rem 0 1.5rem;
	}

	#header .container {
		position: relative;
	}

	#header .logo {
		position: relative;
	}

	#header .logo a {
		display: inline-block;
	}

	#header .logo a img,
	#header .logo a img.logo_slim {
		height: 4.3rem;
	}

}

/* end @media screen  */

@media screen and (min-width: 992px) {

	#header {
		padding: 1.69rem 0 1.75rem;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1030;
	}

	#header.header_slim {
		padding: 1.00rem 0;
	}


	#header .logo a img {
		height: 4.3rem;
	}

	#header .logo a img.logo_slim {
		height: 3.5rem;
	}


}

/* termina @media screen and (min-width: 992px) */
@media screen and (min-width: 1199px) {
	#header .logo a img {
		height: 5.3125rem;
	}

	#header .logo a img.logo_slim {
		height: 4.3rem;
	}
}

/* ===================================== */
/* ========== HEADER (CART / ACCOUNT) ========== */

@media screen {

	#header .box-shopping-cart,
	#header .box-account {
		font-size: 1.29rem;
	}

	#header .box-shopping-cart .shopping-cart {
		margin-right: 0;
	}

	#header .box-shopping-cart a,
	#header .box-account a {
		padding: 0 10px;
	}

	#header .box-shopping-cart a {
		position: relative;
	}

	#header .box-account a {
		padding-right: 0;
	}

	#header .box-account button,
	#header .box-shopping-cart button {
		color: #000;
		position: relative;
		font-size: 18px;
		padding: 0 10px;
		margin: 0;
		border: 0;
		background: transparent;
		outline: 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;
	}

	#header .box-account button {
		padding: 0 0 0 15px;
	}

	#header .box-account button:hover,
	#header .box-account button:focus,
	#header .box-account a:hover,
	#header .box-account a:focus,
	#header .box-shopping-cart button:hover,
	#header .box-shopping-cart button:focus,
	#header .box-shopping-cart a:hover,
	#header .box-shopping-cart a:focus {
		color: #999;
	}

	#header .box-shopping-cart .shopping-cart span {
		font-size: 11px;
		font-weight: 700;
		line-height: 1;
		min-width: 15px;
		height: 15px;
		padding: 0 2px;
		position: absolute;
		bottom: 0;
		right: 0;
		color: #fff;
		background-color: #666;
	}

	#header .box-account button span {
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0.1em;
		margin-left: 3px;
		text-transform: uppercase;
		position: relative;
		top: -2px;
	}

	#header .box-account .dropdown-menu,
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu {
		position: absolute;
		top: 100%;
		left: auto;
		right: -42px;
		text-align: center;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		z-index: 1000;
		float: left;
		min-width: 160px;
		/*width: 100% !important;*/
		padding: 15px 30px;
		margin: 10px 0 0 0;
		font-size: 12px;
		line-height: 1;
		list-style: none;
		border: none !important;
		border-radius: 0;
		-webkit-box-shadow: 0 20px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 20px 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;
	}

	#header .box-account .dropdown-menu {
		background-color: #222;
		left: auto;
		right: 0;
		-webkit-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu {
		padding: 0;
		padding-top: 10px;
		margin-top: 0;
		min-width: 400px;
		background: transparent;
	}

	#header .box-account .dropdown-menu:after,
	#header .box-shopping-cart .shopping-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: #d6d6d6;
		border-width: 6px;
		margin-left: -5px;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu:after {
		right: 52px;
		top: -2px;
	}

	#header .box-account .dropdown-menu h6.title {
		white-space: nowrap;
		font-size: 16px;
		line-height: 1;
		font-weight: 700;
		letter-spacing: 0.02em;
		margin-bottom: 10px;
		color: #fff;
	}

	#header .box-account .dropdown-menu .buttons {
		white-space: nowrap;
	}

	#header .box-account .dropdown-menu .buttons a {
		padding: 0;
		color: #fff;
		display: inline-block;
		/* text-transform: uppercase; */
		border-right: 1px solid #fff;
		padding: 0 10px;
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0.05em;
	}

	#header .box-account .dropdown-menu .buttons a:last-child {
		border: 0;
	}

	#header .box-account .dropdown-menu .buttons a i {
		margin-right: 4px;
	}

	#header .box-account .dropdown-menu .buttons a:hover,
	#header .box-account .dropdown-menu .buttons a:focus {
		opacity: 0.7;
		text-decoration: none;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu h5.title {
		padding: 20px;
		margin: 0;
		font-size: 13px;
		background-color: #222;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu h5.title.bg_white {
		color: #333;
		border-bottom: 1px solid #d2d2d2;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body {
		padding: 0;
		background: #fff;
		max-height: 59vh;
		overflow: auto;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product {
		text-align: left;
		font-size: 13px;
		line-height: 1.2;
		margin-top: 0;
		padding: 20px;
		border-bottom: 1px solid #d2d2d2;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product:last-child {
		margin-bottom: 0;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product figure {
		width: 100px !important;
		margin-right: 20px;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product .product-name {
		width: 150px;
		margin-right: 20px;
		font-size: 13px;
		line-height: 1.2;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product .quantity {
		margin-right: 20px;
		width: 50px;
		text-align: right;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product .subtotal {
		text-align: right;
		width: 80px;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product .total {
		border-top: 1px solid #ccc;
		padding-top: 12px;
		margin-top: 12px;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-footer {
		background: #222;
		color: #fff;
		padding: 20px;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-footer .total {
		font-size: 13px;
		letter-spacing: 0.05em;
	}

	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-footer .btn {
		display: inline-block;
		color: #fff;
		font-size: 13px;
		line-height: 1;
		text-transform: uppercase;
		background: none;
		letter-spacing: 0.05em;
	}
}

/* termina @media screen */

@media screen and (max-width: 991px) {

	#header .box-account {
		display: none !important;
	}

	#header .box-menu {
		order: 1;
	}

	#header .box-shopping-cart .shopping-cart a {
		padding: 0 15px;
	}

	#header .box-shopping-cart .shopping-cart span {
		right: 5px;
	}

}

/* termina @media screen and (max-width: 991px) */

@media screen and (max-width: 767px) {

	#header .box-shopping-cart .shopping-cart {
		line-height: 1;
	}

}

/* termina @media screen and (max-width: 767px) */

/* ============================ */
/* ========== FOOTER ========== */

@media screen {

	#footer {
		background: var(--negro);
		padding: 3.75rem 0 0 0;
	}

	.sep_footer {
		width: 100%;
		height: 1px;
		background: rgba(255, 255, 255, 0.40);
	}

	.content_footer {
		padding: 50px 0;
	}

	#footer .logo {
		margin-bottom: 3.77rem;
	}

	#footer .logo a {
		display: inline-block;
	}

	#footer .logo a img {
		height: 10.79313rem;
	}

	#footer h5 {
		color: var(--amarillo);
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 800;
		line-height: 120%;
		/* 2.1rem */
		letter-spacing: -0.035rem;
		margin-bottom: 1.88rem;
	}

	#footer h5.miembros {
		text-align: right;
	}

	#footer ul.footer_menu {
		padding-inline-start: 0;
		list-style-type: none;
	}

	#footer .texto {
		position: relative;
	}

	#footer .footer_menu a,
	#footer .contacto,
	#footer .texto .redes a {
		color: #FFF;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 400;
		line-height: 200%;
		/* 2.25rem */
		letter-spacing: -0.0225rem;
	}

	#footer .texto .redes a {
		text-transform: capitalize;
	}

	#footer .texto .redes a i {
		margin-right: 1rem;
	}

	#footer .footer_menu a:hover,
	#footer .footer_menu a:focus,
	#footer .texto .redes a:hover,
	#footer .texto .redes a:focus {
		color: var(--amarillo);
	}

	.firma {
		padding: 1.88rem 0 2.56rem 0;
	}

	#footer h6,
	#footer .dinamic {
		color: #FFF;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 200%;
		/* 2rem */
		letter-spacing: -0.02rem;
		margin: 0 0;
		padding-top: 0;
		padding-left: 0;
		text-decoration: none;
	}

	#footer .dinamic a {
		color: #fff;
		display: block;
		text-decoration: none;
	}

	#footer .dinamic a:hover,
	#footer .dinamic a:focus {
		color: #777;
	}

}

/* end @media screen  */

@media screen and (max-width: 768px) {
	.content_footer {
		padding-inline: 15px;
	}
}

@media screen and (max-width: 550px) {
	.content_footer {
		text-align: center;
	}

	.content_footer .d-flex {
		align-items: center !important;
		flex-direction: column;
		justify-content: center !important;
		gap: 50px;
	}

	#footer h5,
	#footer h5.miembros {
		text-align: center;
	}
}

/* ==================================== */
/* ========== REDES SOCIALES ========== */

@media screen {

	#header .redes,
	#footer .redes {
		position: relative;
	}

	#header .redes a i {
		color: #000;
		font-size: 1.15rem;
		margin-left: 1rem;
	}


}

/* end @media screen  */


/* ========================================== */
/* ========== MENU PRINCIPAL (web) ========== */

@media screen {

	.menu {
		position: relative;
		margin: 0 0;
		float: right;
	}

	.menu>ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.menu>ul:after {
		clear: both;
	}

	.menu>ul>li {
		display: block;
		position: relative;
		float: left;
	}

	.menu>ul>li>a {
		padding: 5px 0;
		margin: 0 1.25rem;
		color: var(--negro);
		font-family: "Jost", Arial, sans-serif !important;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: normal;
		text-transform: uppercase;
	}

	/* LINEA */
	.menu>ul>li>a:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 50%;
		right: 50%;
		bottom: 0px;
		background: var(--amarillo);
		height: 0.3125rem;
		-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>ul>li>a:hover:before,
	.menu>ul>li>a:focus:before,
	.menu>ul>li.active>a:before {
		left: 0;
		right: 0;
	}

	/* FIN LINEA */

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

	.menu>ul>li.active>a,
	.menu>ul>li.active>a:hover,
	.menu>ul>li.active>a:focus {
		background: transparent;
	}

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

	.menu>ul>li .dropdown-menu {
		background: #fff;
		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: 0 0;
		margin: 0 0;
		font-size: 12px;
		line-height: 1;
		list-style: none;
		border: none !important;
		border-radius: 0;
		-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;
	}

	.menu>ul>li:first-child .dropdown-menu {
		left: 0;
		right: auto;
		-webkit-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important;
	}

	.menu>ul>li:last-child .dropdown-menu {
		right: 0;
		left: auto;
		-webkit-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important;
	}

	.menu>ul>li .dropdown-menu:after {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #d6d6d6;
		border-width: 5px;
		margin-left: -5px;
	}

	.menu>ul>li:first-child .dropdown-menu:after {
		right: auto;
		left: 20%;
	}

	.menu>ul>li:last-child .dropdown-menu:after {
		left: auto;
		right: 20%;
	}

	.menu>ul>li>.dropdown-menu>li>a {
		color: #000;
		display: block;
		padding: 12px 15px;
		clear: both;
		font-weight: 400;
		line-height: 1.428571429;
		white-space: nowrap;
		text-align: center;
		text-transform: uppercase;
		filter: none !important;
		background-image: none !important;
	}

	.menu>ul>li>.dropdown-menu>li:last-child {
		display: none;
	}

	.menu>ul>li>.dropdown-menu>li>a:hover,
	.menu>ul>li>.dropdown-menu>li>a:focus {
		color: #fff;
		text-decoration: none;
	}

	.menu>ul>li>.dropdown-menu>.active>a,
	.menu>ul>li>.dropdown-menu>.active>a:hover,
	.menu>ul>li>.dropdown-menu>.active>a:focus {
		font-weight: 700;
		text-decoration: none;
		outline: 0;
	}

	.menu>ul>li>.dropdown-menu .divider {
		background-color: #e4e4e4;
		height: 1px;
		margin: 0 0;
		overflow: hidden;
	}

}

/* end @media screen  */

@media screen and (min-width: 992px) {

	.navbar-toggle {
		display: none !important;
		/*- Modificar (min-width: 992px) para cambiar la medida a la que se muestra o no el botón del menú móvil-*/
	}

}

/* termina @media screen and (min-width: 992px) */

@media screen and (max-width: 1199px) {
	.menu>ul>li>a {
		font-size: 0.85rem;
		margin: 0 1rem;
	}
}


/* =================================== */
/* ========== SUBMENU (web) ========== */

@media screen {

	.submenu ul>li+li {
		margin-left: 0;
	}

	.submenu ul>li:last-child>a {
		border-right: 0;
	}

	.submenu ul>li>a {
		color: #000;
		background: #e4e4e4;
		border-right: 1px solid;
		border-color: #fff;
		border-radius: 0 !important;
		padding: 20px 0 !important;
		margin: 0 0;
		font-size: 12px;
		line-height: 1;
		font-weight: 400;
		text-transform: uppercase;
	}

	.submenu ul>li>a:hover,
	.submenu ul>li>a:focus {
		color: #fff;
		text-decoration: none;
	}

	.submenu ul>li.active>a,
	.submenu ul>li.active>a:hover,
	.submenu ul>li.active>a:focus {
		color: #000;
		background: #ccc;
		font-weight: 700;
		cursor: default;
	}

}

/* end @media screen  */


/* ================================================================ */
/* ========== MENU PRINCIPAL (mobile) / SUBMENU (mobile) ========== */

@media screen {

	a.hamburguer {
		position: absolute;
		right: 15px;
		top: 25px;
		display: inline-block;
		padding: 0 0;
		margin: 0;
		font-size: 22px;
		line-height: 1;
		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;
	}

	a.hamburguer:hover,
	a.hamburguer:focus {
		text-decoration: none !important;
	}

	.navbar-toggle {
		overflow: hidden;
	}

	.navbar-toggle .icon-bar {
		background: #000;
		border-radius: 0 !important;
		-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);
	}

	.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);
	}

	.menu_mobile ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.menu_mobile ul li {
		background: #f2f2f2;
		margin: 0 0;
		padding: 0 0;
		list-style: none;
		border-bottom: 1px solid;
		border-color: #e7e7e7;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	.menu_mobile>ul>.active,
	.menu_mobile>ul>.active>a,
	.menu_mobile>ul>.active>a:hover,
	.menu_mobile>ul>.active>a:focus {
		background: #e4e4e4;
	}

	.menu_mobile ul li a {
		display: block;
		margin: 0 0;
		padding: 30px 0;
		list-style: none;
		color: var(--negro);
		font-family: "Jost", Arial, sans-serif !important;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: normal;
		text-transform: uppercase;
	}

	.menu_mobile ul li.hasSubs>a {
		position: relative;
	}

	.menu_mobile ul li.hasSubs>a:after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f106";
		display: inline-block;
		color: inherit;
		position: absolute;
		right: 15px;
		top: 31px;
		margin: 0;
		text-align: center;
		color: #b2b2b2;
	}

	.menu_mobile ul li.hasSubs>a.collapsed:after {
		content: "\f107";
	}

	.menu_mobile ul li a:hover,
	.menu_mobile ul li a:focus {
		color: #000;
		text-decoration: none;
	}

	.submenu_mobile ul {
		margin: 0 0;
		padding: 0 0;
		text-align: center;
	}

	.submenu_mobile ul li {
		background: #fff;
		margin: 0 0;
		padding: 0 0;
		list-style: none;
		border-bottom: 1px solid #f1f1f1;
		border-top: 0;
	}

	.submenu_mobile ul li:first-child {
		border-top: 1px solid #f1f1f1;
	}

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

	.submenu_mobile ul>.active>a,
	.submenu_mobile ul>.active>a:hover,
	.submenu_mobile ul>.active>a:focus {
		color: #000;
		font-weight: 700;
	}

	.submenu_mobile ul li a {
		color: #000;
		margin: 0;
		padding: 20px 0;
		list-style: none;
		font-size: 16px;
		line-height: 1;
		font-weight: 400;
	}

	.submenu_mobile ul li a:hover,
	.submenu_mobile ul li a:focus {
		color: #676767;
		text-decoration: none;
	}

}

/* end @media screen  */


/* ==================================== */
/* =========== MENU SIDEBAR / MENU CATALOGO =========== */

@media screen {

	.box-btn-openSideBarMenu {
		line-height: 1;
		font-size: 1px;
	}

	.btn-openSideBarMenu {
		display: inline-block;
		float: none;
		padding: 5px;
		margin: 0;
		cursor: pointer;
	}

	#sidebar-menu {
		height: 100%;
		/* 100% Full-height */
		width: 320px;
		/* 0 width - change this with JavaScript */
		padding: 0 30px;
		position: fixed;
		/* Stay in place */
		z-index: 1057;
		/* Stay on top */
		top: 0;
		left: -350px;
		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: 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);
	}

	#sidebar-menu-overlay {
		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 .box {
		padding: 30px 0;
		border-bottom: 1px solid #ccc;
	}

	#sidebar-menu .box.sidebar-search {
		padding: 10px 0;
	}

	#sidebar-menu .box.sidebar-bottom {
		font-size: 12px;
		border-bottom: 0;
	}

	#sidebar-menu .sidebar-account .btn-login-mobile {
		font-size: 14px;
		line-height: 1;
		margin: 0;
		padding: 0;
		background: transparent;
		border: 0;
		display: block;
		outline: none;
		text-decoration: none;
	}

	#sidebar-menu .sidebar-account .btn-login-mobile i {
		margin-right: 5px;
	}

	#sidebar-menu .sidebar-account .title {
		font-size: 16px;
		line-height: 1.2;
		margin-bottom: 10px;
		text-align: left;
	}

	#sidebar-menu .sidebar-account .buttons {
		font-size: 14px;
		line-height: 1;
	}

	#sidebar-menu .sidebar-account .buttons a {
		padding: 0;
		color: #000;
		display: inline-block;
		border-right: 1px solid #ccc;
		padding: 0 10px;
		font-size: 12px;
		line-height: 1;
	}

	#sidebar-menu .sidebar-account .buttons a:first-child {
		padding-left: 0;
	}

	#sidebar-menu .sidebar-account .buttons a:last-child {
		border: 0;
	}

	#sidebar-menu .sidebar-account .buttons a i {
		margin-right: 4px;
	}

	#sidebar-menu .sidebar-account .buttons a:hover,
	#sidebar-menu .sidebar-account .buttons a:focus {
		color: #000;
	}

	#sidebar-menu .sidebar-account .closebtn {
		display: block;
		text-align: right;
		font-size: 16px;
	}

	#sidebar-menu .sidebar-catalogue ul,
	#sidebar-menu .sidebar-nav ul,
	#desktop-nav-catalogue ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#sidebar-menu .sidebar-catalogue ul li,
	#sidebar-menu .sidebar-nav ul li,
	#desktop-nav-catalogue ul li {
		margin-bottom: 0;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}

	#sidebar-menu .sidebar-catalogue ul li a,
	#sidebar-menu .sidebar-nav ul li a,
	#desktop-nav-catalogue ul li a {
		display: block;
		font-size: 16px;
		line-height: 1.2;
		font-weight: 400;
		padding: 6px 0;
		overflow-wrap: break-word;
	}

	#desktop-nav-catalogue ul li a {
		font-size: 18px;
		padding: 8px 0;
	}

	#sidebar-menu .sidebar-catalogue ul li a:hover,
	#sidebar-menu .sidebar-catalogue ul li a:focus,
	#sidebar-menu .sidebar-nav ul li a:hover,
	#sidebar-menu .sidebar-nav ul li a:focus,
	#desktop-nav-catalogue ul li a:hover,
	#desktop-nav-catalogue ul li a:focus {
		color: #000;
		outline: none;
		text-decoration: none;
	}

	#sidebar-menu .sidebar-catalogue ul .active>a,
	#sidebar-menu .sidebar-nav ul .active>a,
	#desktop-nav-catalogue ul .active>a {
		font-weight: 700;
	}

	#sidebar-menu .sidebar-catalogue ul li.title,
	#desktop-nav-catalogue ul li.title {
		margin-bottom: 0;
	}

	#sidebar-menu .sidebar-catalogue ul li.title a,
	#desktop-nav-catalogue ul li.title a {
		padding: 0;
	}

	#sidebar-menu .sidebar-catalogue ul li.title a h5,
	#desktop-nav-catalogue ul li.title a h5 {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
		padding: 0;
		text-transform: uppercase;
		text-align: left;
	}

	#desktop-nav-catalogue ul li.title a h5 {
		-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;
	}

	#desktop-nav-catalogue ul li.title a h5 {
		font-size: 24px;
		margin-bottom: 15px;
		text-transform: none;
	}

	#sidebar-menu .sidebar-catalogue ul li ul,
	#sidebar-menu .sidebar-nav ul li ul,
	#desktop-nav-catalogue ul li ul {
		padding-left: 15px;
		padding-bottom: 15px;
	}

	#sidebar-menu .sidebar-catalogue ul li ul li a,
	#sidebar-menu .sidebar-nav ul li ul li a,
	#desktop-nav-catalogue ul li ul li a {
		font-size: 14px;
	}



}

/* termina @media screen */

@media screen and (max-width: 991px) {

	.btn-openSideBarMenu {
		padding: 10px;
		padding-right: 0;
	}

}

/* termina @media screen and (max-width: 991px) */

/* ============================ */
/* ========== QUANTITY / COMMENTS ========== */

@media screen {

	.content-template .product .quantity,
	.cart-table .cart-table-column.product-quantity .quantity,
	.card-product .quantity {
		color: #000;
		padding: 0 0;
	}

	.content-template .product .quantity,
	.cart-table-column.product-quantity .quantity,
	.card-product .quantity {
		display: inline-block;
		border: 1px solid #909090;
		margin-right: 15px;
	}

	.cart-table-column.product-quantity .quantity {
		margin: 0;
	}

	.content-template .product .box-cart-add {
		margin-top: 30px;
	}

	.content-template .product .quantity span,
	.cart-table .cart-table-column.product-quantity .quantity span,
	.card-product .quantity span {
		display: block;
		font-size: 11px;
		line-height: 1;
	}

	.content-template .product .quantity .btn,
	.cart-table .cart-table-column.product-quantity .quantity .btn,
	.card-product .quantity .btn {
		padding: 12px 12px;
		background: transparent;
		font-size: 11px;
		line-height: 1;
		color: #333;
		outline: none;
	}

	.content-template .product .quantity .btn:hover,
	.content-template .product .quantity .btn:focus,
	.cart-table .cart-table-column.product-quantity .quantity .btn:hover,
	.cart-table .cart-table-column.product-quantity .quantity .btn:focus,
	.card-product .quantity .btn:hover,
	.card-product .quantity .btn:focus,
	{
	box-shadow: none;
	background: transparent;
	color: #000;
	opacity: 1;
}

.content-template .product .quantity .btn:focus,
.cart-table .cart-table-column.product-quantity .quantity .btn:focus,
.card-product .quantity .btn:focus,
{
outline: none;
}

.content-template .product .quantity input,
.cart-table .cart-table-column.product-quantity .quantity input,
.card-product .quantity input {
	background: transparent;
	color: #000;
	border: 1px solid #ccc;
	border-top: 0;
	border-bottom: 0;
	text-align: center;
	padding: 3px 0;
	font-size: 12px;
	line-height: 1;
	width: 50px;
}

.content-template .product .quantity input:focus,
.cart-table .cart-table-column.product-quantity .quantity input:focus {
	background-color: transparent;
	outline: none;
}

.content-template .product .comments {
	margin-bottom: 30px;
}

.content-template .product .comments textarea {
	padding: 12px;
}

.btn-add-cart .btn {
	/* margin-top: 30px; */
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}

.btn-add-cart .btn:focus {
	color: #fff;
	outline: none;
	outline-offset: 0;
}

#cart-detail .cart-general-comments {
	width: 540px;
}

#cart-detail .cart-general-comments .form-control {
	height: 183px !important;
}

#cart-confirm .cart-general-comments {
	font-size: 16px;
	padding-right: 30px;
}

}

@media screen and (max-width: 767px) {
	#cart-detail .cart-general-comments {
		width: 100%;
	}

	#cart-confirm .cart-general-comments {
		padding: 30px;
		border: 1px solid #ccc;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#cart-detail .cart-general-comments {
		width: 320px;
	}
}

/* ================================================================ */
/* ========== CARRO ========== */

@media screen {

	.template-cart #cart-detail .alert,
	.template-cart #cart-confirm .alert {
		margin-bottom: 0;
		margin-top: 50px;
		padding: 70px;
	}

	.cart-table {
		margin-top: 50px;
	}

	.cart-table .cart-table-head {
		border-top: 1px solid #bbbbbb;
		color: #000;
		line-height: 1;
		font-weight: 700;
	}

	.cart-table .cart-table-row {
		border-bottom: 1px solid #bbbbbb;
	}

	.cart-table .cart-table-row:hover {
		background-color: #f2f2f2;
	}

	.cart-table .cart-table-row:first-child:hover {
		background-color: transparent;
	}

	.cart-table .cart-table-column {
		padding: 25px 10px;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.cart-table .cart-table-head .cart-table-column {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.cart-table .cart-table-column.product-remove {
		width: 5%;
	}

	.cart-table .cart-table-column.product-image {
		width: 10%;
	}

	.cart-table .cart-table-column.product-name {
		width: 41%;
	}

	/* .cart-table .cart-table-column.product-code { width: 14%; } */
	/* .cart-table .cart-table-column.product-size { width: 14%; } */
	.cart-table .cart-table-column.product-price {
		width: 12%;
	}

	.cart-table .cart-table-column.product-quantity {
		width: 20%;
	}

	.cart-table .cart-table-column.product-total {
		width: 12%;
	}

	/* Se suma el porcentaje de product-remove en caso de que esta como una columna, porque el mismo no esta en el resumen del carro */
	#cart-confirm .cart-table .cart-table-column.product-name {
		width: 54%;
	}

	#cart-confirm .cart-table .cart-table-column.product-quantity {
		width: 12%;
	}

	.cart-table .cart-table-column>div {
		width: 100%;
	}

	.cart-table .cart-table-column.product-image .default-image {
		border: 1px solid #ccc;
	}

	.cart-table .cart-table-column.product-price>div,
	.cart-table .cart-table-column.product-total>div,
	#cart-confirm .cart-table .cart-table-column.product-quantity>div {
		text-align: right;
	}

	.cart-table .cart-table-column.product-remove {
		font-size: 16px;
	}

	.cart-table .cart-table-column.product-remove a {
		color: #fff;
		background-color: #222;
		width: 18px;
		height: 18px;
		text-decoration: none;
	}

	.cart-table .cart-table-column.product-remove a i {
		font-size: 11px;
		line-height: 18px !important;
	}

	.cart-table .cart-table-column.product-remove a:hover {
		background-color: #333;
	}

	.cart-table .cart-table-column.product-name .name {
		color: #000;
		font-size: 16px;
		font-weight: 700;
	}

	.cart-table .cart-table-column.product-name .name:hover {
		color: #666;
		text-decoration: none;
	}

	.cart-table .cart-table-column.product-name .info {
		font-size: 13px;
		font-weight: 400;
		margin-top: 5px;
	}

	.cart-table .btn-refresh a {
		padding: 12px 40px;
		font-size: 12px;
		letter-spacing: 0.07em;
	}

	.cart-table .cart-table-foot {
		width: 300px;
	}

	.cart-table .cart-table-foot .title {
		background-color: #d2d2d2;
		padding: 13px;
		font-size: 12px;
		letter-spacing: 0.07em;
	}


	.cart-table .cart-table-foot .cart-table-foot-row {
		padding: 30px 15px;
		border-bottom: 1px solid #7c7c7c;
		font-size: 14px;
	}


	.cart-table .cart-table-foot .cart-table-foot-row:hover {
		background-color: #f2f2f2;
	}

	.cart-table .cart-table-foot .cart-table-foot-row.total {
		border-bottom: 0;
		font-weight: 900;
	}

	.cart-table .cart-table-foot .btn {
		width: 100%;
		padding: 12px;
		font-size: 12px;
		letter-spacing: 0.07em;
		text-transform: uppercase;
		display: block;
	}


}

/* end @media screen  */

@media screen and (min-width: 768px) {

	.cart-table .cart-table-column.product-price strong,
	.cart-table .cart-table-column.product-quantity strong,
	.cart-table .cart-table-column.product-total strong {
		display: none;
	}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.cart-table .cart-table-column.product-name {
		width: 35%;
	}

	#cart-confirm .cart-table .cart-table-column.product-name {
		width: 50%;
	}

	#cart-confirm .cart-table .cart-table-column.product-quantity {
		width: 10%;
	}

	.cart-table .cart-table-column.product-price,
	.cart-table .cart-table-column.product-total {
		width: 15%;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.cart-table .cart-table-column.product-name {
		width: 24%;
	}

	.cart-table .cart-table-column.product-price,
	.cart-table .cart-table-column.product-total {
		width: 20%;
	}

	#cart-confirm .cart-table .cart-table-column.product-name {
		width: 38%;
	}

	.cart-table .cart-table-column.product-quantity {
		width: 21%;
	}

	#cart-confirm .cart-table .cart-table-column.product-quantity {
		width: 12%;
	}

	#cart-confirm .cart-table .cart-table-column.product-price,
	#cart-confirm .cart-table .cart-table-column.product-total {
		width: 20%;
	}

}

@media screen and (max-width: 767px) {

	.template-cart {
		text-align: center;
	}

	#cart-detail,
	#cart-confirm {
		max-width: 360px;
		display: inline-block;
	}

	.cart-table {
		font-size: 14px;
	}

	.cart-table .cart-table-head {
		display: none !important;
	}

	.cart-table .cart-table-row {
		border-bottom: 0;
		padding: 0;
		margin-bottom: 70px;
		position: relative;
	}

	.cart-table .cart-table-row,
	.cart-table .cart-table-row:hover {
		background: #f5f5f5;
	}

	.cart-table .cart-table-column {
		padding: 0;
	}

	.cart-table .cart-table-column.product-image {
		-ms-flex-order: -2;
		order: -2;
		width: 100% !important;
	}

	.cart-table .cart-table-column.product-image div {
		width: auto;
	}

	.cart-table .cart-table-column.product-name {
		-ms-flex-order: -1;
		order: -1;
		text-align: left;
	}

	.cart-table .cart-table-column.product-name,
	.cart-table .cart-table-column.product-price {
		padding: 20px 0;
		line-height: 1.2;
	}

	.cart-table .cart-table-column.product-name {
		width: 100% !important;
	}

	.cart-table .cart-table-column.product-name .info {
		margin-top: 10px;
	}

	.cart-table .cart-table-column.product-quantity {
		width: 50% !important;
		padding-left: 15px;
	}

	.cart-table .cart-table-column.product-price {
		width: 50% !important;
		padding: 0;
		padding-right: 15px;
	}

	.cart-table .cart-table-column.product-total {
		width: 100% !important;
	}

	.cart-table .cart-table-column.product-name {
		padding: 20px 15px 25px;
	}

	.cart-table .cart-table-column.product-name .name {
		font-size: 18px;
	}

	.cart-table .cart-table-column.product-remove {
		z-index: 1;
		-ms-flex-order: 1;
		order: 1;
		position: absolute;
		top: -10px;
		left: -10px;
		width: auto !important;
	}

	.cart-table .cart-table-column.product-remove a {
		width: 35px;
		height: 35px;
	}

	.cart-table .cart-table-column.product-remove a i {
		font-size: 16px;
		line-height: 35px !important;
	}

	#cart-confirm .cart-table .cart-table-column.product-quantity>div {
		text-align: left;
	}

	.cart-table .cart-table-column.product-price>div {
		text-align: right;
	}

	.cart-table .cart-table-column.product-total>div {
		text-align: center;
	}

	.cart-table .cart-table-column.product-price .text,
	.cart-table .cart-table-column.product-quantity .text,
	.cart-table .cart-table-column.product-total .text {
		display: inline-block;
	}

	.cart-table .cart-table-column.product-quantity {
		order: -1;
		text-align: left;
	}

	.cart-table .cart-table-column.product-total {
		font-size: 16px;
		order: 2;

	}

	.cart-table .cart-table-column.product-total>div {
		margin-top: 30px;
		padding: 15px;
		background: #222;
		color: #fff;
	}


	.cart-table .cart-table-foot {
		width: 100%;
		margin-top: 30px;
	}

	#cart-confirm .cart-table .cart-table-foot {
		border-top: 1px solid #7c7c7c;
	}

	.cart-table .btn-refresh a {
		width: 100%;
	}

}

/* termina @media screen and (max-width: 767px) */


/* ===================================== */
/* ========== SLIDE CAROUSEL  ========== */

@media screen {

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

	.home .carousel.slide .carousel-indicators li,
	.galeria_de_imagenes_slide .carousel.slide .carousel-indicators li {
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0);
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 4px;
		text-indent: -999px;
		cursor: pointer;
		border: 1px solid;
		border-color: #fff;
		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;
	}

	.home .carousel.slide .carousel-indicators li:hover,
	.galeria_de_imagenes_slide .carousel.slide .carousel-indicators li:hover {
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.5);
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.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;
	}

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

	.home .carousel.slide .carousel-img,
	.galeria_de_imagenes_slide .carousel.slide .carousel-img {
		text-align: center;
	}

	.home .carousel.slide .carousel-img img,
	.galeria_de_imagenes_slide .carousel.slide .carousel-img img {
		display: inline-block;
	}

	.home .carousel.slide .carousel-caption {
		color: #fff;
		position: absolute;
		bottom: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		left: 50%;
		width: 100%;
		z-index: 10;
		padding: 30px 250px 70px;
		text-align: center;
		text-shadow: none !important;
	}

	.home .carousel.slide .carousel-caption,
	.home .carousel.slide .carousel-caption-xs {
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.6);
	}

	.home .carousel.slide .carousel-caption-xs {
		text-align: center;
		padding: 30px 30px 35px 30px;
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.home .carousel.slide .carousel-caption h2 {
		color: #fff;
		text-transform: uppercase;
		font-size: 32px;
		line-height: 1.125;
		font-weight: 700;
		margin: 0 0;
		padding: 0 0;
	}

	.home .carousel.slide .carousel-caption p {
		font-size: 13px;
		line-height: 1.384615384615385;
		font-weight: 400;
		padding: 0 15px;
		margin: 15px 0 0;
	}

	.home .carousel.slide .carousel-caption-xs h2 {
		color: #fff;
		font-size: 24px;
		line-height: 1.2;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none !important;
	}

	.home .carousel.slide .carousel-caption-xs p {
		color: #fff;
		font-size: 13px;
		line-height: 1.2;
		font-weight: 400;
		padding: 0 0 0 0;
		margin: 15px 0 0 0;
	}

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

	.home .carousel.slide .carousel_control.left {
		left: 0;
		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;
	}

	.home .carousel.slide .carousel_control.right {
		right: 0;
		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;
	}

	.home .carousel.slide:hover .carousel_control {
		opacity: 1;
	}

	.home .carousel.slide .carousel_control i {
		color: #fff;
		font-size: 32px;
	}

	.home .carousel.slide .carousel_control img,
	.home .carousel.slide .carousel_control i {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.home .carousel.slide .carousel_control.left img,
	.home .carousel.slide .carousel_control.left i {
		left: 30px;
	}

	.home .carousel.slide .carousel_control.right img,
	.home .carousel.slide .carousel_control.right i {
		right: 30px;
	}

	.home .carousel.slide .carousel_control_mobile {
		width: 100%;
	}

	.home .carousel.slide .carousel_control_mobile a {
		color: #fff;
		background: #ccc;
		display: inline-block;
		width: 50%;
		padding: 10px;
		text-align: center;
		text-decoration: none;
	}

	.home .carousel.slide .carousel_control_mobile a:hover {
		color: #fff;
	}

	.home .carousel.slide .carousel_control_mobile .right {
		border-left: 1px solid;
		border-color: #fff;
	}

	.home .carousel.slide .carousel-caption-box {
		border: 1px solid #fff;
		position: absolute;
		top: 0;
		right: 50%;
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		color: #fff;
		background: transparent;
		padding: 30px 0;
		z-index: 20;
	}

}

/* end @media screen  */

@media screen and (min-width: 1200px) and (max-width: 1260px) {

	.home .carousel.slide .carousel_control.left,
	.home .carousel.slide .carousel_control.right {
		display: none !important;
	}

}

/* termina @media screen and (min-width: 1200px) and (max-width: 1260px) */

@media screen and (min-width: 992px) and (max-width: 1070px) {

	.home .carousel.slide .carousel_control.left,
	.home .carousel.slide .carousel_control.right {
		display: none !important;
	}

}

/* termina @media screen and (min-width: 992px) and (max-width: 1070px) */

@media screen and (min-width: 1200px) {

	.home .carousel.slide .carousel-caption-box {
		width: 1140px;
	}

}

/* termina @media screen and (min-width: 1200px) */

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.home .carousel.slide .carousel-caption {
		padding-left: 150px;
		padding-right: 150px;
	}

	.home .carousel.slide .carousel-caption-box {
		width: 940px;
	}

}

/* termina @media screen and (min-width: 992px) and (max-width: 1199px) */

@media screen and (min-width: 768px) and (max-width: 991px) {

	.home .carousel.slide .carousel-caption {
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
	}

	.home .carousel.slide .carousel-caption h2 {
		font-size: 24px;
	}

	.home .carousel.slide .carousel-caption p {
		display: none;
	}

	.home .carousel.slide .carousel-caption-box {
		width: 720px;
	}

}

/* termina @media screen and (min-width: 768px) and (max-width: 991px) */

@media screen and (max-width: 767px) {

	.home .carousel.slide .carousel-caption-box {
		width: 100%;
	}

}

/* termina @media screen and (max-width: 767px) */

/* ===================================== */
/* ========== VIDEO DESTACADO SOBRE EL SLIDE PARA VERSION DESKTOP (HIGHLIGHTED 17) ========== */

@media screen {
	.slide-home-video-box {
		position: relative;
	}

	.slide-home-video {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.slide-home-video:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.html-video {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.html-video video {
		max-width: 100%;
	}


}

/* ========== DESTACADOS CARROUSEL (HIGHLIGHTED 18) ========== */
.home .carrousel_dest {
	position: relative;
	padding: 90px 15px;
	background: #fff;
}

.carrousel_dest .modulo {
	display: flex;
	margin-top: 25px;
}

/* .carrousel_dest .modulo figure{
	object-fit: fill;
}
.carrousel_dest .modulo figure.dest-image img,
.carrousel_dest .modulo figure.default-image img{
	overflow: hidden;
    height: 430px;
} */
.carrousel_dest .modulo .texto-destacado {
	padding-left: 2.29rem !important;
	text-align: left;
	margin-top: 0.86rem;
}

.carrousel_dest .modulo .texto-destacado h1.tit_dest {
	font-weight: 700;
	margin-bottom: 2.15rem;
	color: #000;
	font-size: 1.29rem;
	line-height: 1.2;
}

.carrousel_dest .modulo .texto-destacado a {
	margin: 0px 0px;
	font-size: 0.86rem;
	line-height: 1.5;
	font-weight: 400;
	text-transform: uppercase;
}

.carrousel_dest .modulo .texto-destacado a:hover,
.carrousel_dest .modulo .texto-destacado a:focus {
	text-decoration: none !important;
}

.carrousel_dest .modulo .texto-destacado p {
	margin: 0px 0 1rem;
	letter-spacing: -0.04em;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
}

.carrousel_dest .owl-nav-container button {
	background: none;
	border: none;
}

.carrousel_dest .owl-nav-container .owl-next {
	position: absolute;
	bottom: 4px;
	right: 265px;
}

.carrousel_dest .owl-nav-container .owl-prev {
	position: absolute;
	bottom: 4px;
	right: 310px;
}

.carrousel_dest .owl-nav-container .owl-next img,
.carrousel_dest .owl-nav-container .owl-prev img {
	height: 1.22rem;
	-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;
}

.carrousel_dest .owl-nav-container .owl-next img:hover,
.carrousel_dest .owl-nav-container .owl-prev img:hover {
	height: 1.29rem;
}



@media (min-width: 992px) and (max-width: 1199px) {
	.carrousel_dest .owl-nav-container .owl-prev {
		right: 420px;
	}

	.carrousel_dest .owl-nav-container .owl-next {
		right: 375px;
	}

}

@media screen and (max-width: 991px) {
	.home .carrousel_dest {
		padding: 70px 0px;
	}

	.carrousel_dest .modulo {
		flex-direction: column;
		display: flex;
		margin-top: 0px;
		padding: 0 15px;
	}

	.carrousel_dest .modulo .texto-destacado {
		padding-top: 20px;
		margin-top: 0px;
		padding-left: 0 !important;
	}

	.carrousel_dest .owl-nav-container {
		position: relative;
		margin-top: 20px;
		padding: 0 15px;
	}

	.carrousel_dest .owl-nav-container .owl-prev,
	.carrousel_dest .owl-nav-container .owl-next {
		position: relative;
		bottom: 0;
		right: 0;
		padding: 1px 12px 1px 0px;
	}
}

@media (max-width: 767px) {}

@media screen and (max-width: 576px) {

	.carrousel_dest .owl-nav-container .owl-prev,
	.carrousel_dest .owl-nav-container .owl-next {
		bottom: 0;
	}
}

@media screen and (max-width: 400px) {

	.carrousel_dest .owl-nav-container .owl-prev,
	.carrousel_dest .owl-nav-container .owl-next {
		bottom: 0;
	}
}


/* ====== MODULO HIGHLIGHTED 3 - ICONOS HOME ====== */

@media screen {
	.accesos_rapidos {
		background: #F3F3F3;
		/**/
		position: relative;
		text-align: center;
		padding: 7.5rem 0 13rem;
	}

	.accesos_rapidos.bg_white {
		background: #FFF;
	}

	.accesos_rapidos h3 {
		text-align: center !important;
		margin-bottom: 8rem !important;
	}

	.accesos_rapidos .box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between !important;
		gap: 2.5rem;
		padding: 0 0px;
	}

	.accesos_rapidos .box .icono {
		position: relative;
		/*flex: 1 1 auto;*/
		text-align: center;
	}

	.accesos_rapidos .icono a {
		text-decoration: none !important;
		position: relative;
		display: inline-block;
	}

	.accesos_rapidos .icono figure img {
		height: 5rem;
		margin: 0 auto 2.12rem;
		-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_rapidos .icono h4,
	.accesos_rapidos .icono h5 {
		color: var(--amarillo);
		font-size: 5.625rem;
		font-style: normal;
		font-weight: 800;
		line-height: normal;
		letter-spacing: -0.1125rem;
		text-transform: uppercase;
		margin: 0 0;
		white-space: nowrap;
	}

	.accesos_rapidos .icono h5 {
		color: var(--negro);
		font-size: 1.125rem;
		font-weight: 600;
		letter-spacing: normal;
	}
}

@media screen and (max-width:991px) {
	.accesos_rapidos .box .icono {
		flex: 1 1 40%;
	}
}

@media screen and (max-width:768px) {
	.accesos_rapidos {
		padding: 5rem 0;
	}

	.accesos_rapidos .box {
		padding-inline: 15px;
		gap: 4rem;
	}

	.accesos_rapidos .box .icono {
		flex: 1 1 auto;
	}

	.accesos_rapidos h3 {
		text-align: center !important;
		margin-bottom: 3rem !important;
	}
}

@media screen and (max-width:450px) {
	.accesos_rapidos .box .icono {
		flex: 1 1 100%;
		margin-bottom: 3.12rem;
	}
}


/* ================================ */
/* =========== LISTADOS =========== */

@media screen {

	.home .destacados,
	.home .accesos_destacados,
	.listado .editorial,
	.listado .especial,
	.listado .subsecciones,
	.listado .busqueda,
	.listado .galerias,
	.content-template .relacionados {
		position: relative;
	}

	.home .destacados h2.titulo {
		margin-bottom: 2.15rem;
	}

	.home .accesos_destacados {
		padding-top: 9.38rem;
		padding-bottom: 0.62rem;
		background: #F3F3F3;
	}

	.home .accesos_destacados .row .modulo {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		margin-bottom: 9.38rem;
	}

	.home .accesos_destacados .row .modulo figure img:not(.logo) {
		overflow: hidden;
		object-fit: cover;
		aspect-ratio: 1;
		width: 100%;
	}

	.home .accesos_destacados .row:nth-child(even) .modulo {
		flex-direction: row-reverse;
	}

	.home .accesos_destacados .texto {
		padding-left: calc(8.75rem - 20px);
	}

	.home .accesos_destacados .row:nth-child(even) .texto {
		padding-left: 0;
		padding-right: calc(8.75rem - 20px);
	}

	.home .accesos_destacados .texto a {
		text-decoration: none !important;
	}

	.home .accesos_destacados .texto h1 {
		text-align: left;
	}

	.home .accesos_destacados .texto p {
		color: var(--negro);
		font-size: 1.375rem;
		font-style: normal;
		font-weight: 400;
		line-height: 180%;
		/* 2.475rem */
		letter-spacing: -0.0275rem;
		margin-bottom: 3.12rem;
	}

	.home .destacados {
		padding: 9.38rem 0;
		background: #FFF;
	}

	.home .destacados h2.titulo {
		max-width: 19rem;
		width: 100%;
		color: var(--negro);
		font-size: 3.75rem;
		font-style: normal;
		font-weight: 800;
		line-height: 120%;
		/* 4.5rem */
		letter-spacing: -0.075rem;
		margin-bottom: 0;
	}

	.listado .editorial {
		padding-bottom: 3.13rem;
	}

	.list-card {
		margin-bottom: 6.25rem;
	}

	.listado .list-card figure img:not(.logo) {
		aspect-ratio: 5/8;
		object-fit: cover;
		overflow: hidden;
	}

	.list-card .texto {
		margin-top: 1.88rem;
	}

	.list-card .texto h1 {
		color: var(--negro);
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 800;
		line-height: normal;
		letter-spacing: -0.035rem;
		margin-bottom: 1.25rem;
	}

	.list-card .texto a {
		display: inline-block;
	}

	.list-card .texto a h1 {
		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;
	}

	.list-card .texto a:hover h1,
	.list-card .texto a:focus h1 {
		color: var(--amarillo);
	}

	.list-card .texto .bajada {
		margin: 0 0;
		color: var(--negro);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 400;
		line-height: 180%;
		/* 2.025rem */
		letter-spacing: -0.0225rem;
		margin-bottom: 1.88rem;
		padding-right: 2.5rem;
		height: 3lh;
		overflow: hidden;
	}

	.list-card .texto .btn-ampliar a {
		color: var(--amarillo);
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.05rem;
		text-transform: uppercase;
	}

	.list-card .texto .btn-ampliar svg {
		margin-left: 1.25rem;
	}

	.list-card .texto .btn-ampliar:hover a,
	.list-card .texto .btn-ampliar:focus a {
		color: var(--negro);
	}

	.list-card .texto .btn-ampliar:hover a svg path,
	.list-card .texto .btn-ampliar:focus a svg path {
		stroke: var(--negro);
	}

	.default-image {
		position: relative;
	}

	.default-image .logo {
		display: inline-block;
		position: absolute !important;
		width: 60%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		right: auto;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		opacity: 0.2;
	}

	.content-template .galeria_de_imagenes_slide .default-image .logo {
		width: 20%;
	}

}

/* end @media screen  */


@media screen and (max-width:1199px) {

	.home .accesos_destacados .texto,
	.home .accesos_destacados .row:nth-child(even) .texto {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width:991px) {

	.home .accesos_destacados .row .modulo,
	.home .accesos_destacados .row:nth-child(even) .modulo {
		flex-direction: column;
	}

	.home .accesos_destacados .texto,
	.home .accesos_destacados .row:nth-child(even) .texto {
		margin-top: 2.5rem;
	}
}

@media screen and (max-width:768px) {
	.list-card .texto .bajada {
		height: auto;
		overflow: unset;
	}
}


/* ================================================ */

/* =========== BUSCADOR HOME =========== */
@media screen {
	.buscadores_home {
		padding: 55px 15px !important;
	}

	.buscadores_home .titulo {
		padding-top: 2.87rem;
		font-size: 2.15rem;
		margin-bottom: 2.15rem;
		text-align: center;
	}

	.buscadores_home .bajada {
		font-size: 1.15rem;
		line-height: 1.2;
		margin: 0 auto;
		margin-bottom: 2.15rem;
		max-width: 430px;
		width: 100%;
	}

	.search_home {
		position: relative;
		width: 100%;
		height: 65px;
		margin: 0 auto;
	}

	.search_home .botones {
		position: absolute;
		top: 1.79rem;
		left: 40px;
	}

	.search_home .botones a {
		font-weight: 900;
		font-size: 1.07rem;
		line-height: 1.43rem;
		color: #959595;
	}

	.search_home input.text {
		width: 100%;
		height: 70px;
		border-radius: 0px;
		background: #fff;
		border: 1px solid #c7c7c7 !important;
		outline: none !important;
		font-weight: 500;
		font-size: 15px;
		line-height: 24px;
		color: #959595;
		padding-left: 75px;
		-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;
	}

	.search_home input.text:hover,
	.search_home input.text:focus,
	.search_home input.text:active,
	.search_home input.text:focus-visible {
		outline: none !important;
		border: 1px solid #c7c7c7 !important;
	}

	.ui-widget.ui-widget-content {
		border-bottom-left-radius: 15px !important;
		border-bottom-right-radius: 15px !important;
		border-top-right-radius: 0px !important;
		border-top-left-radius: 0px !important;
		margin-top: 28px !important;
		color: #000 !important;
		width: 100% !important;
		left: 0 !important;
		top: 42px !important;
		padding-left: calc((100vw - 1585px) /2);
		box-shadow: 10px 10px 19px -1px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 10px 10px 19px -1px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 10px 10px 19px -1px rgba(0, 0, 0, 0.15);
		padding-bottom: 10px !important;
	}

	.ui-widget.ui-widget-content {
		border-radius: 0px !important;
		margin-top: 5px !important;
		/* border: 1px solid var(--light_grey)  !important; */
		border: none !important;
		color: #000 !important;
		width: 100% !important;
		left: unset;
		top: 0px !important;
		padding-left: unset;
		position: relative;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		padding-bottom: 10px !important;
	}

	.ui-menu .ui-menu-item {
		padding: 5px 2em 5px 2em !important;
		text-align: left !important;
	}

	.ui-menu .ui-menu-item-wrapper {
		padding: 3px 1em 3px 5px !important;
	}

	.ui-widget-content a {
		text-decoration: none !important;
		outline: none !important;
		outline-offset: none !important;
	}

	.ui-widget-content a strong {
		color: #000;
	}

	.ui-widget-content a:hover,
	.ui-widget-content a:focus {
		color: #000;
		outline: none !important;
		outline-offset: none !important;
	}

	.ui-menu .ui-menu-item:hover {
		outline: none !important;
		outline-offset: none !important;
	}

	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active {
		border: none !important;
		background: none !important;
		color: #000 !important;
	}

	.ui-menu .link.ui-menu-item a.ui-menu-item-wrapper {
		padding: 5px 15px !important;
		background: #ccc !important;
		color: #000 !important;
		text-decoration: none !important;
		outline: none !important;
		outline-offset: none !important;
		border: 1px solid #ccc !important;
		display: inline-block;
		border-radius: 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;
	}

	.ui-menu .link.ui-menu-item a.ui-menu-item-wrapper.ui-state-active {
		background: #fff !important;
		color: #000 !important;
	}
}

@media screen and (max-width:1470px) {
	.ui-widget.ui-widget-content {
		padding-left: 0px;
	}

	.ui-menu .ui-menu-item {
		padding: 5px 1em 5px 45px !important;
	}
}

@media screen and (max-width:550px) {
	.search_home .botones {
		left: 25px;
	}

	.search_home input.text {
		padding-left: 50px;
	}
}


/* ================================================ */

/* ===== AGENDA ===== */
@media screen {

	.sk-circle {
		margin: 0px 0;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		/* IE 9 */
		-webkit-transform: translate(-50%, -50%);
		/* Safari */
	}

	.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: #535542;
		border-radius: 100%;
		-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
		animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	}

	.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);
		}
	}

	.agenda {
		background: #fff;
		padding: 100px 0px 130px 0px;
		position: relative;
	}

	.agenda .titulo {
		font-size: 2.15rem;
		margin-bottom: 2.15rem;
	}

	.agenda .home_accesos_tit_agenda p {
		text-align: center;
		font-weight: 500;
		font-size: 1.6rem;
		line-height: 2.4rem;
		color: #000;
		margin: 0 auto;
		margin-bottom: 100px;
		max-width: 730px;
		width: 100%;
	}

	.agenda .fecha_title {
		font-weight: 600;
		font-size: 3rem;
		line-height: 3.7rem;
		color: #000;
		text-transform: capitalize;
	}

	.agenda .agenda_header {
		padding-bottom: 2rem;
		border-bottom: 1px solid #707070;
		margin-bottom: 2rem;
	}

	.agenda a.ver_mas {
		font-weight: 600;
		font-size: 1.2rem;
		line-height: 1.5rem;
		text-align: right;
		color: #000000;
		text-decoration: none !important;
	}

	.agenda a.ver_mas:hover {
		color: #707070;
	}

	.head_dias {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		gap: 2rem;
	}

	.agenda .calendario_oculto {
		border: 0px;
		background: transparent;
		width: 0px;
		height: 0px;
	}

	.agenda .head_dias .numero {
		font-weight: 600;
		font-size: 4rem;
		line-height: 4.9rem;
		text-transform: uppercase;
		color: #000;
		margin-top: 1.5rem;
		-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;
	}

	.agenda .head_dias .dia {
		padding-top: 2rem;
		padding-bottom: 2rem;
		font-weight: 600;
		font-size: 1.4rem;
		line-height: 1.7rem;
		text-transform: uppercase;
		color: #000;
		border-bottom: 1px solid #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;
	}

	.agenda .head_dias .fechas_cl01 {
		/* max-width: 200px;
		width: 100%; */
		flex: 1 1 30%;
		-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-right: 10px;
	}

	.agenda .head_dias .date_body {
		margin-top: 2rem;
		-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;
	}

	.agenda .head_dias .date_body a {
		display: inline-block;
		text-decoration: none !important;
		padding-bottom: 5px;
		margin-bottom: 2rem;
	}

	.agenda .head_dias .date_body a:first-child {
		border-bottom: 1px solid #707070;
	}

	.agenda .head_dias .title {
		font-weight: 600;
		font-size: 1.4rem;
		line-height: 2rem;
		color: #000;
		margin-bottom: 1.5rem;
	}

	.agenda .head_dias .bajada {
		font-weight: 400;
		font-size: 1.3rem;
		line-height: 1.75rem;
		color: #000;
		margin-bottom: 0rem;
	}

	.agenda .head_dias .hour {
		font-weight: 500;
		font-size: 1.2rem;
		line-height: 1.5rem;
		color: #000;
	}

	.agenda .head_dias .fechas_cl01:hover {
		background: #F8F8F8;
	}

	.agenda .head_dias .fechas_cl01:hover a .dia {
		color: #000;
		border-bottom: 1px solid #000;
		padding-left: 10px;
	}

	.agenda .head_dias .fechas_cl01:hover a .numero {
		color: #000;
		padding-left: 10px;
	}

	.agenda .head_dias .fechas_cl01:hover .date_body {
		padding-left: 10px;
	}

	.agenda .dias .arrow_left,
	.agenda .dias .arrow_right {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		/* IE 9 */
		-webkit-transform: translateY(-50%);
		/* Safari */
	}

	.agenda .dias .arrow_left {
		left: 25px;
	}

	.agenda .dias .arrow_right {
		right: 25px;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
	.agenda .dias .fecha {
		margin: 0 15px;
	}

	.agenda .dias .fecha .numero {
		font-size: 52px;
	}

	.agenda .dias .fecha .dia {
		font-size: 14px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.agenda .dias .arrow_left {
		left: 10px;
	}

	.agenda .dias .arrow_right {
		right: 10px;
	}

	.agenda .dias .fecha {
		margin: 0 10px;
		padding: 0 0 25px 0;
	}

	.agenda .dias .fecha .numero {
		font-size: 38px;
	}

	.agenda .dias .fecha .dia {
		font-size: 11px;
	}

	.agenda .dias .fecha .flecha_abajo {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #fff;
		bottom: -20px;
	}

	.agenda .eventos {
		padding: 30px;
	}

	.agenda .eventos .encabezado {
		font-size: 14px;
	}

	.agenda .eventos .evento .titulo a {
		font-size: 14px;
	}

	.agenda .eventos .evento .descripcion {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.agenda .home_accesos_tit_agenda p {
		margin-bottom: 40px;
	}

	.agenda .head_dias .fechas_cl01:nth-child(7) {
		display: none !important;
	}

	.agenda a.ver_mas {
		text-align: left;
		color: var(--blue);
	}
}

@media (max-width: 767px) {
	.agenda {
		padding: 50px 0px 50px 0px;
	}

	.agenda .titulo {
		line-height: 4rem;
	}

	.agenda .head_dias .fechas_cl01:nth-child(5),
	.agenda .head_dias .fechas_cl01:nth-child(6),
	.agenda .head_dias .fechas_cl01:nth-child(7) {
		display: none !important;
	}
}

@media (max-width: 550px) {

	.agenda .head_dias .fechas_cl01:nth-child(3),
	.agenda .head_dias .fechas_cl01:nth-child(4),
	.agenda .head_dias .fechas_cl01:nth-child(5),
	.agenda .head_dias .fechas_cl01:nth-child(6),
	.agenda .head_dias .fechas_cl01:nth-child(7) {
		display: none !important;
	}
}

@media (max-width: 370px) {

	.agenda .head_dias .fechas_cl01:nth-child(2),
	.agenda .head_dias .fechas_cl01:nth-child(3),
	.agenda .head_dias .fechas_cl01:nth-child(4),
	.agenda .head_dias .fechas_cl01:nth-child(5),
	.agenda .head_dias .fechas_cl01:nth-child(6),
	.agenda .head_dias .fechas_cl01:nth-child(7) {
		display: none !important;
	}
}

/* ============ */
/* =========== HIGHLIGHTED TYPE 6 TEXTO =========== */

@media screen {

	.home .texto_destacado {
		color: var(--negro);
		background-color: #fff;
		position: relative;
		padding: 8rem 0;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		text-align: center;
	}

	.home .texto_destacado p,
	.listado .subseccion p {
		color: var(--negro);
		margin: 0 0;
		margin-bottom: 3.12rem;
		padding: 0 0;
		font-size: 1.375rem;
		font-style: normal;
		font-weight: 400;
		line-height: 180%;
		/* 2.475rem */
		letter-spacing: -0.0275rem;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		text-align: center;
	}


	.home .texto_destacado .fck img {
		display: inline-block;
		max-width: 100%;
		height: auto;
	}

}

/* end @media screen  */

@media screen and (max-width: 1199px) {

	.home .texto_destacado {
		background-attachment: scroll;
	}

}

/* termina @media screen and (max-width: 1199px) */

@media screen and (max-width: 991px) {
	.home .texto_destacado {
		padding: 8rem 0;
	}
}

@media screen {
	.catering_eventos {
		background: #fff;
		padding-block: 9.38rem;
		position: relative;
	}

	.catering_eventos .d-flex article {
		max-width: 36.25rem;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding-block: 2.69rem;
		position: relative;
	}

	.catering_eventos .titulo_principal,
	.catering_eventos .fck {
		text-align: center !important;
	}

	.catering_eventos .titulo_principal {
		margin-bottom: 1.88rem !important;
	}

	.sep_vertical {
		height: 20rem;
		width: 1px;
		background: var(--negro);
		position: absolute;
		right: 50%;
		transform: translateX(-50%);
		top: 0;
	}
}

@media screen and (max-width: 991px) {
	.catering_eventos {
		padding-block: 5rem;
	}

	.catering_eventos .d-flex {
		flex-direction: column;
	}

	.sep_vertical {
		display: none;
	}
}


/* ======================================================================== */
/* =========== HIGHLIGHTED TYPE 10 IMAGEN (puede ser con texto) =========== */

@media screen {

	.home .imagen_destacada {
		color: #fff;
		height: 600px;
		margin: 0 0;
		text-align: center;
		position: relative;
		background-color: #000;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

}

/* end @media screen  */

@media screen and (max-width: 1199px) {

	.home .imagen_destacada {
		background-attachment: scroll;
	}

}

/* termina @media screen and (max-width: 1199px) */


/* ============================================================ */
/* =========== HIGHLIGHTED TYPE 7 DATOS DE CONTACTO =========== */

@media screen {

	.info_contacto {
		position: relative;
	}

}

/* end @media screen  */


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

@media screen {

	.home .video {
		color: #fff;
		background-color: #555555;
		position: relative;
		padding: 0 0;
		text-align: center;
	}

	.home .video a.btn {
		color: #fff;
		background-color: #282828;
		text-decoration: none;
		text-transform: uppercase;
		border-radius: 0 !important;
		font-size: 0.86rem;
		line-height: 1;
		padding: 0 0;
		margin: 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;
	}

}

/* end @media screen  */


/* ================================== */
/* =========== CONTENIDOS =========== */

@media screen {

	.content-template .editorial,
	.content-template .contacto {
		position: relative;
	}

	.content-template .editorial figure.principal img {
		display: inline-block !important;
	}

	.content-template .editorial figure.secundaria img {
		display: inline-block !important;
	}

	.content-template .editorial figure.principal,
	.content-template .editorial figure.secundaria {
		margin-bottom: 6.25rem;
	}

	.content-template .editorial .sep_content {
		width: 6.25rem;
		height: 0.3125rem;
		background: var(--amarillo);
		margin-bottom: 3.12rem;
	}

	.content-template .editorial .titulo_principal {
		text-align: left;
		margin-bottom: 0.62rem;
		line-height: 110%;
	}

	.content-template .editorial.historia .titulo_principal {
		text-align: center;
		margin-bottom: 3.12rem;
	}

	.content-template .editorial .subseccion .titulo {
		font-size: 1.2rem;
	}

	.listado .top,
	.historia .top {
		position: relative;
		margin-bottom: 9.38rem;
	}

	.black_filter {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(31, 20, 15, 0.50);
		background-blend-mode: multiply;
	}

	.listado .top .titulo,
	.historia .top .titulo {
		position: absolute;
		top: 50%;
		right: 50%;
		transform: translate(50%, -50%);
	}

	.listado .top .titulo h1,
	.historia .top .titulo h1 {
		color: #FFF;
		text-align: center;
		font-size: 3.75rem;
		font-style: normal;
		font-weight: 800;
		line-height: normal;
		text-transform: uppercase;
	}

	.listado .subseccion p {
		margin-bottom: 7.5rem;
	}


	.content-template .editorial .arrow_content_protfolio {
		background: var(--amarillo);
		padding-block: 1.5rem;
		margin-bottom: 6.25rem;
	}

	.content-template .editorial .arrow_content_protfolio .title {
		color: var(--negro);
		text-align: center;
		font-size: 1.375rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.06875rem;
		text-transform: uppercase;
	}

	.content-template .editorial .arrow_content_protfolio a {
		color: #FFF;
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.05rem;
		text-transform: uppercase;
		display: inline-block;
	}

	.content-template .editorial .arrow_content_protfolio a.prev svg {
		margin-right: 1.25rem;
	}

	.content-template .editorial .arrow_content_protfolio a.next svg {
		margin-left: 1.25rem;
	}

	.content-template .editorial .arrow_content_protfolio a:hover,
	.content-template .editorial .arrow_content_protfolio a:focus {
		color: var(--negro);
	}

	.content-template .editorial .arrow_content_protfolio a:hover svg path,
	.content-template .editorial .arrow_content_protfolio a:focus svg path {
		stroke: var(--negro)
	}

	.content-template .editorial .sumario,
	.content-template .contacto .sumario {
		color: var(--negro);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		margin: 0 0 1.88rem 0;
	}

	.content-template .editorial #fck_contain.fck {
		height: auto;
	}

	.content-template .editorial a.btn_fck {
		margin: 0.7rem 0;
	}

	.content-template .editorial #fck_contain.fck.corto {
		height: 270px;
		overflow: hidden;
	}

	.content-template .editorial #fck_contain.fck.largo {
		height: auto;
	}


	.content-template .editorial .fck p,
	.content-template .contacto .fck p {
		color: var(--negro);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		/* 1.6875rem */
		letter-spacing: -0.0225rem;
		margin: 0 0 3.12rem 0;
	}

	.content-template .editorial.historia .fck p {
		text-align: center;
		font-size: 1.375rem;
		font-style: normal;
		font-weight: 400;
		line-height: 180%;
		/* 2.475rem */
		letter-spacing: -0.0275rem;
		margin: 0 0 9.38rem 0;
	}

	.content-template .editorial .fck img,
	.content-template .contacto .fck img {
		display: inline-block;
		max-width: 100%;
		height: auto;
	}

	.content-template .editorial .fck a,
	.content-template .contacto .fck a {
		text-decoration: underline;
	}

	.content-template .editorial .fck ul,
	.content-template .contacto .fck ul {
		list-style: none;
		padding: 0 0;
		margin: 0 0;
	}

	.content-template .editorial .fck ul li::before,
	.content-template .contacto .fck ul li::before {
		content: "\2022";
		margin-right: 7px;
		font-weight: 700;
	}

	.content-template .editorial .google_maps,
	.content-template .editorial .street_view,
	.content-template .contacto .google_maps,
	.content-template .contacto .street_view {
		position: relative;
	}

	.content-template .editorial .descargas a,
	.content-template .contacto .descargas a {
		color: #000;
		display: inline-block;
	}

	.content-template .editorial .herramientas {
		border-top: 1px solid;
		border-bottom: 1px solid;
		border-color: #e7e7e7;
		padding: 2.5rem 0;
		text-align: center;
	}

	.content-template .editorial .herramientas>.btn {
		background: #ccc;
		display: inline-block;
		width: 2.30rem;
		height: 2.30rem;
		padding: 0 0;
		margin: 0 5px;
		border-radius: 50%;
		-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-template .editorial .herramientas>.btn,
	.content-template .editorial .herramientas>.btn a {
		color: #fff;
	}

	.content-template .editorial .herramientas>.btn.imprimir a,
	.content-template .editorial .herramientas>.btn.facebook a,
	.content-template .editorial .herramientas>.btn.twitter a,
	.content-template .editorial .herramientas>.btn.whatsapp a,
	.content-template .editorial .herramientas>.btn.consultar {
		padding-top: 5px;
		display: inline-block;
	}

}

/* end @media screen  */

@media screen and (max-width: 565px) {
	.content-template .editorial .arrow_content_protfolio a span {
		display: none;
	}
}


/* CARRUSEL HISTORIA */
@media screen {
	.carousel.historia {
		margin-bottom: 12.5rem;
		margin-top: 3.13rem;
	}

	.carousel.historia .carousel-inner {
		margin-bottom: 100px;
	}

	.carousel-inner>.item {
		opacity: 0.3;
		-webkit-transition: 0.3s ease-in-out all;
		-moz-transition: 0.3s ease-in-out all;
		-o-transition: 0.3s ease-in-out all;
		-ms-transition: 0.3s ease-in-out all;
		transition: 0.3s ease-in-out all;
	}

	.carousel-inner>.active {
		opacity: 1;
	}

	.carousel.historia .item {
		margin-bottom: 0px;
	}

	.carousel.historia .item .d-flex {
		gap: 8.75rem;
	}

	.carousel.historia .item .box-text {
		padding-top: 0px;
		text-align: left;
		max-width: 28.75rem;
		width: 100%;
	}

	.carousel.historia .item .box-text h2 {
		color: var(--amarillo);
		font-size: 2.5rem;
		font-style: normal;
		font-weight: 800;
		line-height: normal;
		letter-spacing: -0.05rem;
		padding: 0 0;
		margin: 0 0 2.19rem 0;
	}

	.carousel.historia .item .box-text p {
		color: var(--negro);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 400;
		line-height: 180%;
		/* 2.025rem */
		letter-spacing: -0.0225rem;
		padding: 0 0;
		margin: 0 0;
	}


	.carousel.historia .controls {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}

	.carousel.historia a.carousel_control {
		border: none;
	}

	.carousel.historia a.carousel_control,
	.carousel.historia a.carousel_control 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;
	}

	.carousel.historia a.carousel_control:hover svg path,
	.carousel.historia a.carousel_control:focus svg path {
		stroke: var(--amarillo);
	}

	.carousel.historia .carousel-indicators {
		display: flex !important;
		justify-content: space-between;
		/*gap: 150px;*/
		position: absolute;
		left: 50%;
		width: 80%;
		bottom: 0px;
		z-index: 16;
		margin: 0 auto;
		transform: translateX(-50%);
	}

	.carousel.historia .carousel-indicators::before {
		content: "";
		width: 98%;
		margin: 0 2px;
		height: 1.5px;
		background: var(--negro);
		position: absolute;
		z-index: -1;
		top: 10px;
	}

	.carousel.historia .carousel-indicators li {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 1px;
		text-indent: 0;
		cursor: pointer;
		border: 1.5px solid var(--negro);
		border-radius: 10px;
		background: transparent;
		position: relative;
		border: none;
		border-radius: 0;
	}

	.carousel.historia .carousel-indicators li::after {
		display: inline-block;
		content: url(img/fuego_negro.png);
		height: 31px;
		width: auto;
		top: -10px;
		right: 5px;
		position: relative;
	}

	.carousel.historia .carousel-indicators li span {
		position: absolute;
		top: 35px;
		left: 5px;
		transform: translateX(-50%);
		color: var(--negro);
		text-align: center;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}

	.carousel.historia .carousel-indicators li,
	.carousel.historia .carousel-indicators li span {
		-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;
	}

	.carousel.historia .carousel-indicators li:hover::after,
	.carousel.historia .carousel-indicators li:focus::after,
	.carousel.historia .carousel-indicators li.active::after {
		content: url('img/fuego_amarillo.png');
	}

	/*
		.carousel.historia .carousel-indicators li:hover,
	.carousel.historia .carousel-indicators li:focus,
	.carousel.historia .carousel-indicators li.active{
		border-radius: 10px;
		background: var(--amarillo);
	}
		.carousel.historia .carousel-indicators li:hover span,
		.carousel.historia .carousel-indicators li:focus span, 
		.carousel.historia .carousel-indicators li.active span{
			color: var(--amarillo);
		}
	*/
}

@media screen and (max-width: 991px) {
	.carousel.historia .item .d-flex {
		gap: 5rem;
	}

	.carousel.historia .item .box-text {
		width: 100%;
		max-width: unset;
	}

	.carousel.historia .carousel-indicators {
		justify-content: center;
	}

	.carousel.historia .carousel-indicators li {
		display: none;
	}

	.carousel.historia .carousel-indicators li.active {
		display: block;
	}
}

/* EQUIPO */
@media screen {
	.equipo {
		padding-top: 7.5rem;
		padding-bottom: 4rem;
		background: #F3F3F3;
	}

	.equipo .titulo_principal {
		margin-bottom: 4.81rem;
	}

	.equipo .list-card {
		margin-bottom: 3.12rem;
	}

	.equipo .list-card figure {
		margin-bottom: 1.25rem;
	}

	.equipo .list-card figure img {
		aspect-ratio: 2 / 3;
		object-fit: cover;
		overflow: hidden;
	}

	.equipo .list-card h4 {
		color: var(--negro);
		text-align: center;
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 800;
		line-height: normal;
		letter-spacing: -0.035rem;
		margin: 0 0 0.62rem 0;
	}

	.equipo .list-card p {
		color: var(--negro);
		text-align: center;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		margin: 0 0;
		text-transform: uppercase;
	}
}

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

@media screen {

	.fck_h3 {
		color: #000;
		font-size: 1.5rem;
		line-height: 1.142857142857143;
		font-weight: 400;
	}

	.fck_h4 {
		color: #000;
		font-size: 1.29rem;
		line-height: 1.222222222222222;
		font-weight: 400;
	}

	.fck_h5 {
		color: #000;
		font-size: 1.14rem;
		line-height: 1.25;
		font-weight: 400;
	}

	.fck_h6 {
		color: #000;
		font-size: 1rem;
		line-height: 1.5;
		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;
		padding-bottom: 5px;
	}

	.box_00 {
		border: 1px solid;
		border-color: #000000;
		padding: 2.15rem;
	}

	.box_01 {
		border: 1px dashed;
		border-color: #000000;
		padding: 2.15rem;
	}

	.box_02 {
		color: #fff;
		background: #000;
		padding: 2.15rem;
	}

	.box_03 {
		color: #000;
		background: #e4e4e4;
		border: 1px solid;
		border-color: #b5b5b5;
		padding: 2.15rem;
	}

}

/* end @media screen  */


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

@media screen {

	.plugins .plugin {
		float: left;
	}

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

	.plugins .lnk {
		margin: 0px 5px 0 5px !important;
	}

}

/* end @media screen  */

@media screen and (max-width: 767px) {

	.plugins .whatsapp {
		position: relative;
		top: -1px;
		margin-right: 5px;
		display: inline-block;
	}

}

/* termina @media screen and (max-width: 767px) */


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

@media screen {

	.fck_template {
		margin: 0 0 30px;
	}

	.fck_template figure figcaption {
		color: #fff;
		background: #000;
		text-align: center;
		padding: 10px 10px 12px;
		font-size: 10px;
		line-height: 1.2;
		font-weight: 400;
	}

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

	.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: 0;
	}

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

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

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

}

/* end @media screen  */


/* ========================================================= */
/* =========== GALERIA DE IMAGENES (relacionada) =========== */

@media screen {

	.galeria_de_imagenes header {
		position: relative;
	}

	.galeria_de_imagenes .modulo {
		position: relative;
		margin: 0;
		margin-bottom: 50px;
	}

	.galeria_de_imagenes .modulo .col {
		position: relative;
		padding: 0 0;
	}

	.forced-hide {
		display: none !important;
	}

	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev,
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 10;
		background: #000;
		outline: none;
		border: 0;
		width: 200px;
		height: 100%;
		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_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev:hover,
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next:hover {
		opacity: 1;
	}

	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev {
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%);
		left: 0;
		padding: 0;
	}

	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next {
		background: linear-gradient(-90deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%);
		right: 0;
		padding: 0;
	}

	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev i,
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next i {
		font-size: 21px;
		line-height: 1.4;
		color: #fff;
	}

	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev img,
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next img {
		position: absolute;
	}

	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev img {
		left: 1.88rem;
	}

	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next img {
		right: 1.88rem;
	}

	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev.disabled,
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next.disabled {
		opacity: 0.3;
	}

	.owl-carousel .owl-item img.logo {
		width: 50%;
	}

}

/* end @media screen  */

@media (max-width: 1199px) {

	.pocos-elementos .owl-prev,
	.pocos-elementos .owl-next,
	.pocos-elementos.owl-nav {
		display: inline-block !important;
	}
}


@media screen and (min-width: 768px) {

	.galeria_de_imagenes .modulo .owl-carousel .owl-stage {
		display: flex;
	}

	.galeria_de_imagenes .owl-stage-outer {
		max-height: 340px !important;
		/* Alto del soporte, debe ser igual al alto de la imagen */
	}

	.galeria_de_imagenes .owl-gallery-image {
		width: auto !important;
		height: 340px !important;
		/* Alto de la imagen, debe ser igual al alto del soporte */
		-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_de_imagenes .owl-gallery-image:hover {
		opacity: 0.8 !important;
	}

}

/* termina @media screen and (min-width: 768px) */

@media screen and (max-width: 767px) {

	.galeria_de_imagenes .modulo {
		padding: 0 0;
		margin-right: 0;
		margin-left: 0;
	}

	.galeria_de_imagenes .owl-gallery-image {
		max-width: 100% !important;
		height: auto !important;
		display: inline-block;
	}

	.galeria_de_imagenes .modulo .col {
		pointer-events: none;
	}


}

/* termina @media screen and (max-width: 767px) */


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

@media screen {

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

	#paginador_contenedor span,
	#paginador_contenedor a {
		display: inline-block;
		font-weight: 400;
		font-size: 18px;
		line-height: 1;
		color: #ccc;
		padding: 0 10px;
	}

	#paginador_contenedor a {
		color: #676767;
	}

	#paginador_contenedor .numero {
		color: #373737;
		padding: 0 10px;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.285714285714286;
	}

}

/* end @media screen  */


/* ============================ */
/* ========== ALERTS ========== */

@media screen {

	.alert {
		padding: 15px 15px;
		border-radius: 0;
		background: #fff;
		font-size: 13px;
		line-height: 1.6;
		font-weight: 400;
	}

	.alert-success {
		color: #4ba54c;
		border-color: #4ba54c;
	}

	.alert-danger {
		color: #ba3533;
		border-color: #ba3533;
	}

}

/* end @media screen  */


/* =================================== */
/* =========== FORMULARIOS =========== */

@media screen {

	textarea,
	input[type="text"],
	input[type="button"],
	input[type="submit"],
	input[type="password"] {
		-webkit-appearance: none;
		border-radius: 0;
	}

	.form-group label {
		font-size: 14px;
		font-weight: 700;
	}

	.formulario .form-control {
		color: #000;
		background: #fff;
		display: block;
		width: 100%;
		height: 45px;
		font-size: 16px;
		line-height: 1.5;
		border: 1px solid;
		border-color: #d3d3d3;
		border-radius: 0;
		-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 00);
		box-shadow: inset 0 0 0 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;
	}

	textarea.form-control {
		height: auto !important;
	}

	.formulario .form-control:hover,
	.formulario .form-control:focus {
		border-color: #f00;
	}

	.formulario .form-control:focus {
		outline: 0;
		-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
		box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
	}

	.formulario .form-control:-moz-placeholder {
		color: #00f;
	}

	.formulario .form-control::-moz-placeholder {
		color: #00f;
	}

	.formulario .form-control:-ms-input-placeholder {
		color: #00f;
	}

	.formulario .form-control::-webkit-input-placeholder {
		color: #00f;
	}

	/* .formulario .form-control:hover:-moz-placeholder {color: #00f;}
	.formulario .form-control:hover::-moz-placeholder {color: #00f;}
	.formulario .form-control:hover:-ms-input-placeholder {color: #00f;}
	.formulario .form-control:hover::-webkit-input-placeholder {color: #00f;} */
	/* .formulario .form-control:focus:-moz-placeholder {color: #ffffff;}
	.formulario .form-control:focus::-moz-placeholder {color: #ffffff;}
	.formulario .form-control:focus:-ms-input-placeholder {color: #ffffff;}
	.formulario .form-control:focus::-webkit-input-placeholder {color: #ffffff;} */

	input:-webkit-autofill {
		-webkit-box-shadow: 0 0 0 50px #fff inset !important;
		/* background de autocomplete */
		/* -webkit-text-fill-color: #0f0; color de texto de autocomplete */
	}

	/* input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active{
	} */

	.formulario .btn {
		color: #fff;
		background: #00f;
		text-transform: uppercase;
		border-radius: 0;
		padding: 20px 30px;
		font-size: 14px;
		line-height: 1;
		font-weight: 400;
		-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;
	}

	.formulario .btn:hover {
		background: #f00;
	}

	.grecaptcha-badge {
		visibility: hidden;
	}

	p.recaptcha-terms {
		font-size: 11px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		color: #ccc !important;
	}

	p.recaptcha-terms a {
		color: #a2a2a2 !important;
	}

	p.recaptcha-terms a:hover {
		text-decoration: underline;
	}

}

/* end @media screen  */


/* ================================== */
/* =========== BREADCRUMB =========== */

@media screen {

	.breadcrumb {
		padding: 8px 0;
		margin-bottom: 20px;
		list-style: none;
		background-color: transparent;
		border-radius: 0;
		text-transform: uppercase;
		font-size: 11px;
	}

}

/* end @media screen  */


/* ============================== */
/* =========== MODALS =========== */

@media screen {

	.modal {
		z-index: 1054;
	}

	.modal-body .close {
		position: absolute;
		right: 20px;
		top: 15px;
		font-size: 32px;
		color: #000;
	}


	.content-template .editorial .modal-content {
		text-align: center;
		border: 0;
		border-bottom: 15px solid;
	}

	.content-template .editorial .modal-content .modal-header {
		background: #000;
		color: #fff;
		border-bottom: 0;
		text-transform: uppercase;
		padding: 20px 15px 20px 25px;
	}

	.content-template .editorial .modal-content .modal-header h4 {
		font-size: 16px;
	}

	.content-template .editorial .modal-content .modal-body {
		padding: 30px;
	}

	.content-template .editorial .modal-content .modal-body h5 {
		font-size: 14px;
		margin-bottom: 30px;
	}

}

/* end @media screen  */

/* ======================================= */
/* ========== LOGIN ========== */

@media screen {

	.content-template.template-login .main-content,
	.content-template.template-register .main-content,
	.content-template.template-reset-pass .main-content {
		width: 100%;
		max-width: 400px;
		text-align: center;
	}

	.content-template.template-register .main-content {
		max-width: 500px;
	}


	.box-form-login .formulario .form-group,
	.box-form-register .formulario .form-group,
	.box-form-remember-pass .formulario .form-group,
	.box-form-reset-pass .formulario .form-group {
		text-align: left;
	}

	.box-form-login .formulario p.recaptcha-terms,
	.box-form-register .formulario p.recaptcha-terms,
	.box-form-remember-pass .formulario p.recaptcha-terms,
	.box-form-reset-pass .formulario p.recaptcha-terms {
		padding: 0 15px;
		margin: 0;
	}

	.box-form-login .formulario .btn,
	.box-form-register .formulario .btn,
	.box-form-remember-pass .formulario .btn,
	.box-form-reset-pass .formulario .btn {
		min-width: 200px;
	}

	.buttons-box {
		color: #808080;
	}

	.buttons-box a {
		display: inline-block;
		border: 0;
		line-height: 1;
		letter-spacing: 0;
		font-weight: 500;
		font-size: 14px;
		-webkit-transition: all 0s ease-in-out;
		-moz-transition: all 0s ease-in-out;
		-o-transition: all 0s ease-in-out;
		-ms-transition: all 0s ease-in-out;
		transition: all 0s ease-in-out;
	}

	.buttons-box a:hover,
	.buttons-box a:focus {
		text-decoration: underline;
	}

	.buttons-box #show_frm_remember_pass,
	.buttons-box #show_frm_login {
		color: #808080;
		margin-top: 30px;
		font-weight: 400;
		margin-bottom: 60px;
	}

	.buttons-box .btn.btn.secondary-btn {
		font-size: 12px !important;
	}

}

/* LISTADOS (flex) + Cards */
@media screen {
	.list-flex-row {
		margin-left: -15px;
		margin-right: -15px;
	}

	.list-flex-col {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 70px;
	}

	.card a {
		text-decoration: none;
	}

	.card figure {
		overflow: hidden;
	}

	.card figure img.hvr {
		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;
	}

	.card:hover figure img.hvr,
	.card:focus figure img.hvr,
	.card:active figure img.hvr {
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
	}

	.card-body {
		padding: 20px 0;
	}

	.card-body .title {
		font-size: 18px;
		line-height: 1.3;
		letter-spacing: 0.01em;
		font-weight: 700;
		margin: 0;
		padding: 0 15px 0 0;
		text-align: 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;
	}

	.card:hover .title {
		color: #222222;
	}

	.card-body .title:hover {
		opacity: 0.7;
	}

	.card-product .card-price {
		font-size: 16px;
		line-height: 1.5;
		font-weight: 700;
		white-space: nowrap;
	}

	.card-body .summary {
		font-size: 16px;
		line-height: 1.6;
		letter-spacing: 0.015em;
		font-weight: 400;
		margin: 0 0 0px 0;
		padding: 10px 0 0 0;
	}

	.card-footer .button-link {
		font-size: 11px;
		padding: 10px 12px;
		background-color: transparent;
		border: 1px solid #222;
		color: #222;
	}

	.card-footer .comments {
		margin-bottom: 15px;
	}

	.card:hover .button-link {
		background-color: #222;
		color: #fff;
	}

	.card .button-link:hover {
		opacity: 0.7;
	}

	.card .btn-add-cart .btn {
		width: 100%;
	}

}

@media screen and (min-width: 376px) and (max-width:767px) {
	.card .btn-add-cart .btn {
		width: auto;
	}
}



/*=== SCREEN (end) ===*/
/*=========================================*/
/*=========================================*/


/*=========================================*/
/*=========================================*/
/*=== PRINT ===*/

@media print {

	body {
		font-size: 11pt;
		line-height: 1.454545454545455;
		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: 1.333333333333333;
		margin: 0;
	}

	h2 {
		font-size: 21pt;
		line-height: 1.333333333333333;
		margin: 0;
	}

	h3 {
		font-size: 18pt;
		line-height: 1.333333333333333;
		margin: 0;
	}

	h4 {
		font-size: 16pt;
		line-height: 1.3125;
		margin: 0;
	}

	h5 {
		font-size: 14pt;
		line-height: 1.285714285714286;
		margin: 0;
	}

	h6 {
		font-size: 14pt;
		line-height: 1.285714285714286;
		margin: 0;
	}

	.print .titulo {
		margin-bottom: 1cm;
		font-size: 21pt;
		line-height: 1.333333333333333;
		margin: 0;
	}

	.print .texto {
		font-size: 11pt;
		line-height: 1.454545454545455;
		font-weight: 400;
		margin: 0 0 1cm 0;
	}

	.print .img {
		margin: 0 0 1cm 0;
	}

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

	img {
		max-width: 50% !important;
		height: auto !important;
	}

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

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

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

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

	.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;
	}

	.grecaptcha-badge {
		visibility: hidden;
	}

}

/*=== PRINT (end) ===*/
/*=========================================*/
/*=========================================*/