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

/* ====================================== */
/* ========== GENERAL SETTINGS ========== */


@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto;
	}

	/*
	::view-transition-group(page-content){
		animation-duration: 0.5s;
		animation-timing-function: ease;
	}
	
	::view-transition-old(page-content){
		animation-name: slide-out-page;
	}
	::view-transition-new(page-content){
		animation-name: slide-in-page;
	}
	@keyframes slide-out-page{
		to{
			translate: -100vw;

		}
	}
	@keyframes slide-in-page{
		from{
			translate: 100vw;
		}
	}
	*/
}

@media screen {


	:root {
		--color_principal: #FFFFFF;
		--color_secundario: #969696;
		--color_acento: #C4FF23;
		--color_fondo: #000000;
		--borderRadius: 2.5rem;
	}

	*:focus,
	*:focus-visible {
		outline: none !important;
	}

	/*
	body::-webkit-scrollbar {
		width: 10px; 
		height: 10px;
	}
	body::-webkit-scrollbar-track {
		background: var(--color_fondo);
	}
	body::-webkit-scrollbar-thumb {
		background: var(--color_acento);
	}
	*/

	p::selection,
	h1::selection,
	h2::selection,
	h3::selection,
	h4::selection,
	h5::selection,
	h6::selection,
	a::selection,
	.first_box::selection,
	a.btn::selection,
	.item::selection,
	.campo_oblig::selection,
	.datos::selection,
	img::selection {
		background: var(--color_acento);
		color: var(--color_fondo);
	}

	html {
		scroll-behavior: smooth;
		-webkit-font-smoothing: antialiased;
	}

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

	.card_appear {
		animation: card_appear forwards;
		animation-timeline: view();
		animation-range: entry 0% cover 40%;
	}

	.card_appear_footer {
		animation: card_appear forwards;
		animation-timeline: view();
		animation-range: entry 0% cover 25%;
	}


	@keyframes card_appear {
		from {
			opacity: 0;
			transform: scale(0.7);
		}

		to {
			opacity: 1;
			transform: scale(1);
		}
	}


	/* Estado inicial: el elemento está oculto en un punto central */
	.card_appear_list {
		clip-path: circle(1px at 50% 50%);
		opacity: 0; /* Opcional: sumá opacidad si querés un efecto más suave */
		transition: opacity 0.8s ease;
	}

	/* Esta clase la inyecta el JS automáticamente cuando el elemento entra a la vista */
	.card_appear_list.visible {
		opacity: 1;
		animation: card_appear_list 0.8s cubic-bezier(0.4, 0, 1, 1) forwards;
	}

	/* Tu Keyframe optimizado */
	@keyframes card_appear_list {
		from { 
			clip-path: circle(1px at 50% 50%); 
		}
		to { 
			clip-path: circle(120% at 50% 50%); 
		}
	}

	.card_appear_item {
		animation: card_appear_item;
		animation-timeline: view();
		animation-range: entry 0% cover 40%;
	}
	.card_appear_item:nth-child(1){
		animation-delay: 0;
		animation-range: entry 5% cover 40%;
	}
	.card_appear_item:nth-child(2){
		animation-delay: 0.2s;
		animation-range: entry 8% cover 40%;
	}
	.card_appear_item:nth-child(3){
		animation-delay: 0.4s;
		animation-range: entry 11% cover 40%;
	}
	.card_appear_item:nth-child(4){
		animation-delay: 0.6s;
		animation-range: entry 14% cover 40%;
	}


	@keyframes card_appear_item {
		from {
			opacity: 0.3;
			transform: scale(0.7);
		}

		to {
			opacity: 1;
			transform: scale(1);
		}
	}


	/* Máscara contenedora */
	.home .texto_destacado .reveal-text p{
		line-height: 130%;
	}

	/* Máscara contenedora */
	.accesos_rapidos .box .first h2.reveal-text ,
	.accesos_rapidos .box .second h2.reveal-text,
	h2.titulo.reveal-text {
		line-height: 100%;
	}

	/* Envoltorio individual de cada palabra (actúa como máscara) */
	.accesos_rapidos .box .first h2.reveal-text .word-wrapper ,
	.accesos_rapidos .box .second h2.reveal-text .word-wrapper,
	h2.titulo.reveal-text .word-wrapper,
	.reveal-text p .word-wrapper  {
		display: inline-block;
		overflow: hidden;
		vertical-align: top;
	}

	/* Estado inicial de la palabra (oculta abajo) */
	.accesos_rapidos .box .first h2.reveal-text .word ,
	.accesos_rapidos .box .second h2.reveal-text .word ,
	h2.titulo.reveal-text .word,
	.reveal-text p .word {
		display: inline-block;
		transform: translateY(110%);
		transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
		will-change: transform;
	}

	/* Estado animado (revelada) */
	.accesos_rapidos .box .first h2.reveal-text.is-visible .word ,
	.accesos_rapidos .box .second h2.reveal-text.is-visible .word,
	h2.titulo.reveal-text.is-visible .word,
	.reveal-text.is-visible p .word {
		transform: translateY(0%);
	}

}

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

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

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

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

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

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

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

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

@media screen {


	

	body {
		background: var(--color_fondo);
		color: var(--color_principal);
	}

	/* Grid Background */
	.grid-background {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		pointer-events: none;
		z-index: -1;
		/* En el fondo, detrás del contenido */
		background-image:
			linear-gradient(#c4ff232b 1px, transparent 1px),
			linear-gradient(90deg, #c4ff232b 1px, transparent 1px);
		background-size: 50px 50px;
		--x: 50%;
		--y: 50%;
		-webkit-mask-image: radial-gradient(circle 100px at var(--x) var(--y), black 0%, transparent 100%);
		mask-image: radial-gradient(circle 100px at var(--x) var(--y), black 0%, transparent 100%);
		opacity: 0;
		transition: opacity 0.5s ease;
	}

	body:hover .grid-background {
		opacity: 0.3;
		/* Adjusts the intensity of the grid */
	}

	@media (pointer: coarse) {
		.grid-background {
			display: none !important;
		}
	}

	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'bree', Arial, sans-serif !important;
		font-weight: 350;
	}


	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		padding: 0;
	}


	b,
	strong {
		font-weight: 700;
	}

	i,
	em {
		font-style: italic;
	}

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

	hr {
		margin-top: 20px;
		margin-bottom: 20px;
		border: 0;
		border-top: 1px solid #616161;
	}

}

/* end @media screen  */
/* ========== SOPORTE ========== */
@media screen {
	.soporte {
		position: relative;
		/*z-index: 2;
		background-color: #000;
		border-bottom: 1px solid #616161;*/
	}
}

/* ============================================== */
/* ========== 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);
		min-height: 100vh;
	}
}

/* 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);
	}

	.container {
		padding-right: 1.88rem;
		padding-left: 1.88rem;
	}
}

/* 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: 0.75rem 2.25rem 0.94rem 2.25rem;
		margin-bottom: 0;
		color: var(--color_fondo);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 1.125rem */
		text-align: center;
		border: 1px solid var(--color_acento);
		background: var(--color_acento);
		border-radius: var(--borderRadius);
	}

	.btn:hover,
	.btn:focus {
		background: var(--color_fondo);
		color: var(--color_acento);
	}

	.btn svg {
		vertical-align: bottom;
		margin-left: 0.62rem;
		margin-bottom: -0.15rem;
	}

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

	.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(--color_fondo);
		background: var(--color_principal);
		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(--color_fondo);
		background: var(--color_acento);
	}

}

/* 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: 6.1rem;
	}

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

}


/* 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: var(--color_fondo);
		padding: 30px 0;
	}

	.progress-bar-custom {
		width: 100%;
		height: 4px; /* El grosor que prefieras */
		background-color: var(--color_acento); /* El color de tu marca */
		background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(196, 255, 35, 1) 100%);
		
		/* Definimos el punto de pivote a la izquierda para que crezca hacia la derecha */
		transform-origin: left;
		
		/* Vinculamos la animación al scroll general de la página */
		animation: grow-progress linear;
		animation-timeline: scroll(root); /* Detecta el scroll del documento entero */
		
		/* Optimizamos el renderizado por GPU */
		will-change: transform;
		position: sticky;
		top: 0;
		z-index: 1700;
	}

	@keyframes grow-progress {
		from {
			transform: scaleX(0);
		}
		to {
			transform: scaleX(1);
		}
	}


	#header .container {
		position: relative;
	}

	#header .logo {
		position: relative;
	}

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

	.sidebar-account a svg.logo,
	#header .logo a img,
	#header .logo a svg,
	#header .logo a img.logo_slim {
		width: 13.6875rem;
		height: 1.813rem;
	}

	/*#header .logo a svg:hover .logo-base path{
		fill: var(--color_acento)
	}*/

}

/* end @media screen  */

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

	#header {
		padding: 30px 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1030;
	}

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


}

/* termina @media screen and (min-width: 992px) */
@media screen and (max-width: 525px) {
	#header {
		padding: 1.88rem 0;
	}
}

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

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

/* ===================================== */
/* ========== 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 {
		position: sticky;
		bottom: 0;
		z-index: 1;
		width: 100%;
	}*/

	#footer {
		background: var(--color_fondo);
		border-top: 1px solid #616161;
		padding: 2.44rem 0 1.67rem 0;
	}
	.sep_footer_xs{
		display: none;
	}

	#footer .logo {
		padding-block: 9.5rem 3.94rem;
	}

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

	#footer .logo a svg {
		max-width: 100%;
		width: 88.75rem;
		display: block;
		height: auto;
	}
	#footer .logo a svg .logo-overlay {
		/* Recortamos la capa verde por completo desde la derecha */
		clip-path: inset(0 100% 0 0);
		
		/* Transición fluida para el efecto de cortina */
		transition: clip-path 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	}

	/* Al hacer hover en el SVG, la capa verde se estira hacia la derecha */
	#footer .logo a svg:hover .logo-overlay {
		clip-path: inset(0 0 0 0);
	}

	/*#footer .logo a svg:hover .logo-base path{
		fill: var(--color_acento)
	}*/

	#footer .logo img {
		width: 100%;
		filter: brightness(10);
	}

	#footer .first_box {
		color: var(--color_principal);
		font-size: 2.375rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 2.375rem */
		letter-spacing: -0.07125rem;
	}

	#footer .first_box a {
		color: var(--color_principal);
		font-size: 1.375rem;
		font-style: normal;
		font-weight: 350;
		line-height: 150%;
		/* 2.0625rem */
		letter-spacing: -0.04125rem;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}

	#footer .second_box,
	#footer .second_box a {
		color: var(--color_secundario);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.4625rem */
		letter-spacing: -0.0225rem;
	}

	#footer .second_box h6 {
		font-weight: 350;
	}

	#footer .second_box .redes {
		display: inline-flex;
		gap: 1.56rem;
	}

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

	#footer a:hover,
	#footer a:focus {
		color: var(--color_acento);
	}

}

/* end @media screen  */

@media screen and (max-width: 768px) {
	#footer {
    	padding: 3rem 0 1.67rem 0;
	}
	#footer .logo {
		padding-block: 3rem;
	}

	#footer .first_box{
		font-size: 1.75rem;
		font-weight: 350;
		line-height: 100%; /* 1.75rem */
		letter-spacing: -0.0525rem;
	}
	#footer .first_box a{
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 150%; /* 1.6875rem */
		letter-spacing: -0.03375rem;
	}
	#footer .first_box,
	#footer .second_box {
		flex-direction: column;
		gap: 1rem;
	}

	#footer .second_box .redes {
		flex-wrap: wrap;
		justify-content: center;
	}
	#footer .second_box h6{
		font-weight: 350;
		line-height: 130%; /* 1.3rem */
		letter-spacing: -0.02rem;
	}

	.sep_footer_xs{
		display: block;
		margin-top: 3rem;
		margin-bottom: 0;
		width: 100%;
		height: 1px;
		background: rgba(97, 97, 97, 0.60);
	}
}

/* ==================================== */
/* ========== 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 {
		color: var(--color_principal);
		padding: 5px 0.94rem;
		margin: 0 0;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%; /* 1.125rem */
	}

	.menu>ul>li>a:hover,
	.menu>ul>li>a:focus {
		text-decoration: none;
		color: var(--color_acento);
		background: transparent;
	}

	.menu>ul>li.active>a,
	.menu>ul>li.active>a:hover,
	.menu>ul>li.active>a:focus {
		color: var(--color_acento);
		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: var(--color_secundario);
		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: 991px) {
	.btn_contact {
		position: absolute;
		right: 50px;
	}
}

@media screen and (max-width: 768px) {
	.btn_contact {
		right: 60px;
	}

	.btn_contact .btn {
		padding: 0.75rem;
	}
}


/* =================================== */
/* ========== 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: relative;
		right: 0;
		top: 0;
		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: var(--color_principal);
		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;
		border-top: 1px solid var(--color_secundario);
	}

	.menu_mobile ul li {
		background: var(--color_fondo);
		margin: 0 0;
		padding: 0 0;
		list-style: none;
		border-bottom: 1px solid;
		border-color: var(--color_secundario);
		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: var(--color_fondo);
		color: var(--color_acento);
	}

	.menu_mobile ul li a {
		color: var(--color_principal);
		display: block;
		margin: 0 0;
		padding: 30px 0;
		list-style: none;
		font-size: 16px;
		line-height: 1;
		font-weight: 400;
	}

	.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: var(--color_principal);
	}

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

	.menu_mobile ul li a:hover,
	.menu_mobile ul li a:focus {
		color: var(--color_acento);
		text-decoration: none;
	}

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

	.submenu_mobile ul li {
		background: var(--color_fondo);
		margin: 0 0;
		padding: 0 0;
		list-style: none;
		border-bottom: 1px solid var(--color_secundario);
		border-top: 0;
	}

	.submenu_mobile ul li:first-child {
		border-top: 1px solid var(--color_secundario);
	}

	.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: var(--color_principal);
		font-weight: 700;
	}

	.submenu_mobile ul li a {
		color: var(--color_principal);
		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: var(--color_acento);
		text-decoration: none;
	}

}

/* end @media screen  */


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

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

/* ==================================== */
/* =========== 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: 100vw;
		/* 0 width - change this with JavaScript */
		padding: 0 1.88rem;
		position: fixed;
		/* Stay in place */
		z-index: 1057;
		/* Stay on top */
		top: 0;
		left: 5550px;
		background-color: var(--color_fondo);
		/* 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.sidebar-account {
		padding: 1.88rem 0;
		border-bottom: none;
	}

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

	#sidebar-menu .box.sidebar-bottom {
		border-bottom: 0;
		position: absolute;
    	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-nav{
		padding-top: 3.31rem;
	}

	#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;
		padding: 0px 0;
		margin-bottom: 2.5rem;
		overflow-wrap: break-word;
		color: #FFF;
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%; /* 1.75rem */
	}

	#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 {
		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: 600;
	}

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


	#sidebar-menu .box.sidebar-bottom {
		border-bottom: 0;
		position: absolute;
    	bottom: 2.5rem;
		color: #969696;
		text-align: center;
	}
	#sidebar-menu .box.sidebar-bottom .redes_sidebar {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1.56rem;
	}
	#sidebar-menu .box.sidebar-bottom .redes_sidebar a{
		color: #969696;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%; /* 1.4625rem */
		letter-spacing: -0.0225rem;		
	}
	#sidebar-menu .box.sidebar-bottom h6{
		font-size: 1rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%; /* 1.3rem */
		letter-spacing: -0.02rem;
		margin-top: 1.5rem;
	}

}

/* 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: var(--color_acento);
		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: var(--color_acento);
		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: var(--color_acento);
		background-color: var(--color_acento);
		-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: var(--color_acento);
		background-color: var(--color_acento);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		width: 10px;
		height: 10px;
		margin: 0 4px;
		border: 1px solid;
		border-color: var(--color_acento);
		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;
		border-radius: 1.25rem;
	}

	.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-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: none;
		position: relative;
		text-align: center;
		color: #fff;
		background: transparent;
		padding: 8.5rem 0 10.62rem;
		z-index: 20;
		max-width: 58.75rem;
		margin: 0 auto;
	}


	/* 1. Definimos la animación "suave" */
	@keyframes fadeInUp_slide {
		from {
			opacity: 0;
			transform: translateY(20px);
			/* Un movimiento corto para que sea elegante */
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* 2. Clase base para los elementos que se van a animar */
	.animate-hero {
		opacity: 0;
		/* Empiezan invisibles */
		animation-name: fadeInUp_slide;
		animation-duration: 0.8s;
		animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
		/* Curva suave, no lineal */
		animation-fill-mode: forwards;
		/* Se quedan en el estado final (visibles) */
	}

	/* 3. El secreto profesional: Delays escalonados */
	.delay-1 {
		animation-delay: 0.25s;
	}

	.delay-2 {
		animation-delay: 0.5s;
	}

	.delay-3 {
		animation-delay: 0.75s;
	}

	.home .carousel.slide a:focus,
	.home .carousel.slide a:focus-visible {
		text-decoration: none !important;
	}

	.home .carousel.slide .carousel-caption-box h2 {
		text-decoration: none !important;
		font-size: 6.25rem;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		/* 6.25rem */
		letter-spacing: -0.1875rem;
		margin: 0 0 2.5rem;
		padding: 0 0;
	}

	.home .carousel.slide .carousel-caption-box p {
		text-decoration: none !important;
		font-size: 1.875rem;
		font-style: normal;
		font-weight: 350;
		line-height: 110%;
		/* 2.0625rem */
		letter-spacing: -0.05625rem;
		padding: 0 0;
		margin: 0 auto;
		width: 75%;
	}

}

/* 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-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%;
		padding: 3.37rem 0 4.44rem;
	}

	.home .carousel.slide .carousel-caption-box h2{
		font-size: 3.5rem;
		font-weight: 400;
		line-height: 100%; /* 3.5rem */
		letter-spacing: -0.105rem;
		margin: 0 0 3rem 0;
	}

	.home .carousel.slide .carousel-caption-box p {
		font-size: 1.5rem;
		font-weight: 350;
		line-height: 120%; /* 1.8rem */
		letter-spacing: -0.045rem;
	}

}

/* 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;
	}
}


/* =========== HIGHLIGHTED TYPE 20 LOGOS CARROUSEL =========== */

@media screen {
	#marks-carousel {
		/*background: var(--color_fondo);*/
		padding: 3.5rem 0;
		position: relative;
	}

	#marks-carousel .title {
		margin-bottom: 8rem;
	}

	#marks-carousel .arrow_content {
		margin-top: 5rem;
		text-align: center;
	}

	#marks-carousel .box-mark {
		text-align: center;
		padding: 0 15px;
	}

	#marks-carousel .owl-carousel .owl-item img {
		display: inline-block !important;
		/*width: auto !important;*/
		width: 80% !important;
		aspect-ratio: 1/1;
		object-fit: contain;
		filter: grayscale(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;
	}

	#marks-carousel .owl-carousel .owl-item:hover img {
		filter: grayscale(0);
	}


	#marks-carousel .owl-carousel .owl-height {
		height: auto !important;
	}

	#marks-carousel .arrow_content .owl-prev,
	#marks-carousel .arrow_content .owl-next {
		position: relative;
		z-index: 10;
		background: var(--blanco);
		outline: none;
		border: 1px solid #D2D2D2;
		border-radius: 100%;
		width: 40px;
		height: 40px;
		opacity: 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;
		margin: 0 10px;
	}

	#marks-carousel .arrow_content .owl-prev:hover,
	#marks-carousel .arrow_content .owl-next:hover {
		background: var(--negro);
		border: 1px solid var(--negro);
	}

	#marks-carousel .arrow_content .owl-prev img,
	#marks-carousel .arrow_content .owl-next img {
		vertical-align: unset;
		-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;
	}

	#marks-carousel .arrow_content .owl-prev:hover img,
	#marks-carousel .arrow_content .owl-next:hover img {
		filter: grayscale(1) invert(1);
	}


	#marks-carousel .arrow_content .owl-prev {
		left: 0px;
		padding: 0;
	}

	#marks-carousel .arrow_content .owl-next {
		right: 0px;
		padding: 0;
	}

	#marks-carousel .arrow_content .owl-prev i,
	#marks-carousel .arrow_content .owl-next i {
		font-size: 15px;
		line-height: 1;
	}

	#marks-carousel .arrow_content .owl-prev.disabled,
	#marks-carousel .arrow_content .owl-next.disabled {
		opacity: 0.3;
	}


	/* PORTFOLIO */

}

@media screen and (max-width: 991px) {
	#marks-carousel .owl-carousel .owl-item img {
		display: inline-block !important;
		width: auto !important;
		object-fit: contain;
	}

	#marks-carousel-test {
		padding: 2.5rem 0;
	}
	#marks-carousel {
		padding: 0rem 0;
	}
}


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

@media screen {
	.accesos_rapidos {
		/*background: var(--color_fondo);*/
		/**/
		position: relative;
		text-align: left;
		padding: 3.5rem 0 100px;
	}

	.accesos_rapidos h3.titulo {
		margin-bottom: 2.15rem;
	}

	.accesos_rapidos .box {
		padding: 4.7rem 3.75rem 4.7rem 3.62rem;
		border-radius: 1.25rem;
		background: #171717;
		color: var(--color_principal);
	}

	.accesos_rapidos .box .first {
		width: 28.75rem;
	}

	.accesos_rapidos .box .second {
		width: 40rem;
	}

	.accesos_rapidos .box .first h2 {
		font-size: 3.125rem;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		/* 3.125rem */
		letter-spacing: -0.09375rem;
		margin: 0 0 2.5rem 0;
	}

	.accesos_rapidos .box .first p {
		font-size: 1.375rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.7875rem */
		letter-spacing: -0.0275rem;
		margin: 0 0 2.5rem 0;
	}

	.accesos_rapidos .box .first a {
		color: var(--color_acento);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 1.125rem */
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}

	.accesos_rapidos .box .first a:hover,
	.accesos_rapidos .box .first a:focus {
		color: var(--color_principal);
	}

	.accesos_rapidos .box .icono {
		position: relative;
		flex: 1 1 auto;
		padding-bottom: 60px;
	}

	.accesos_rapidos .box .second .icono {
		padding-bottom: 1.88rem;
		margin-bottom: 1.56rem;
		border-bottom: 1px solid #616161;
	}

	.accesos_rapidos .box .second .icono:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border: none;
	}

	.accesos_rapidos .box .second h2 {
		font-size: 1.875rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 2.4375rem */
		letter-spacing: -0.05625rem;
		margin: 0 0 0.94rem 0;
	}

	

	.accesos_rapidos .box .second p {
		color: #B1B1B1;
		text-wrap: balance;
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.625rem */
		letter-spacing: -0.025rem;
		margin: 0 0;
	}

	.accesos_rapidos .box .second a {
		background: transparent;
		border: 1px solid var(--color_acento);
		width: 2.5rem;
		height: 2.5rem;
		aspect-ratio: 1/1;
		border-radius: 50%;
		display: inline-grid;
		place-items: center;
	}

	.accesos_rapidos .box .second a:hover,
	.accesos_rapidos .box .second a:focus {
		background: var(--color_acento);
	}

	.accesos_rapidos .box .second a:hover svg path,
	.accesos_rapidos .box .second a:focus svg path {
		stroke: var(--color_fondo);
	}


}

@media screen and (max-width: 991px) {
	.accesos_rapidos .box>.d-flex {
		flex-direction: column;
	}

	.accesos_rapidos .box .first,
	.accesos_rapidos .box .second {
		width: unset;
	}
}

@media screen and (max-width: 768px) {
	.accesos_rapidos {
		padding: 5rem 0 5rem;
	}
	.accesos_rapidos .box{
		padding: 4rem 1.88rem;
	}
	.accesos_rapidos .box .first .icono{
		padding-bottom: 0;
	}
	.accesos_rapidos .box>.d-flex {
		flex-direction: column;
	}
	.accesos_rapidos .box .first{
		text-align: center;
	}
	.accesos_rapidos .box .second {
		display: none;
	}

	.accesos_rapidos .box .first h2{
		font-size: 2.5rem;
		font-weight: 400;
		line-height: 100%; /* 2.5rem */
		letter-spacing: -0.075rem;
		margin-bottom: 3rem;
	}
	.accesos_rapidos .box .first p{
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%; /* 1.95rem */
		letter-spacing: -0.03rem;
		margin-bottom: 3rem;
	}
}

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

@media screen {

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

	.listado .editorial {
		margin-bottom: 6.25rem;
	}

	.home .destacados {
		padding-block: 0 3.5rem;
	}

	.home .destacados .title_head {
		margin-bottom: 5rem;
	}

	.home .destacados h2.titulo {
		color: var(--color_principal);
		font-size: 3.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 3.125rem */
		letter-spacing: -0.09375rem;
	}

	.home .destacados a {
		color: var(--color_principal);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 1.125rem */
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}

	.home .destacados a:hover,
	.home .destacados a:focus {
		color: var(--color_acento);
	}

	.sub_plantilla .list-card {
		margin-bottom: 3.75rem;
		position: relative;
	}

	.home .list-card,
	.editorial .list-card {
		margin-bottom: 1.25rem;
		position: relative;
		border-radius: 1.25rem;
		overflow: hidden;
	}



	.home .list-card article,
	.editorial .list-card article{
		position: relative;
	}

	.sub_plantilla .editorial .list-card {
		margin-bottom: 3.75rem;
		background-color: var(--color_fondo);
	}

	.list_clientes {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		margin: 0 auto;
		gap: 1px;
	}



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

	.home .list-card .texto,
	.editorial .list-card .texto {
		margin-top: 0rem;
		height: 12.5rem;
		width: calc(100% - (0.625rem * 2));
		width: 100%;
		position: absolute;
		bottom: 0;
		opacity: 1;
		border-radius: 0 0 1.25rem 1.25rem;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
		-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 .list-card:hover .texto,
	.editorial .list-card:hover .texto {
		opacity: 0;
	}

	.sub_plantilla .list-card .texto {
		position: relative;
		margin-top: 1.25rem;
		bottom: unset;
		opacity: 1 !important;
		height: auto;
		width: auto;
		background: transparent;
	}

	.home .list-card .texto h1,
	.editorial .list-card .texto h1 {
		position: absolute;
		bottom: 1.88rem;
		left: 1.88rem;
		color: var(--color_principal);
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 2.275rem */
		letter-spacing: -0.035rem;
	}

	.home .list-card .texto .pills,
	.editorial .list-card .texto .pills {
		position: absolute;
		bottom: 1.94rem;
		right: 1.88rem;
		display: flex;
		justify-content: flex-start;
		flex-direction: row-reverse;
		align-items: center;
		flex-wrap: wrap-reverse;
		gap: 0.5rem;
		max-width: calc(100% - 3.76rem);
		width: 60%;
	}

	.home .list-card .texto .pill, 
	.editorial .list-card .texto .pill {
		position: static;
		border-radius: 2.5rem;
		border: 0.5px solid rgba(255, 255, 255, 0.60);
		padding: 0.31rem 1.25rem 0.5rem 1.25rem;
		background: rgba(255, 255, 255, 0.10);
		backdrop-filter: blur(5px);
		color: var(--color_principal);
		font-size: 1rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
	}


	.sub_plantilla .list-card .texto h1 {
		color: var(--color_principal);
		font-size: 2.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 2.125rem */
		letter-spacing: -0.06375rem;
		margin: 0 0 0.62rem 0;
		opacity: 1 !important;
		position: relative;
		opacity: 1 !important;
		bottom: unset;
		left: unset;
	}

	.sub_plantilla .list-card .texto a h1:before{
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
    	right: 100%;
		bottom: -5px;
		background: var(--color_acento);
		height:  1px;
		-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;
	}

	.sub_plantilla .list-card .texto a:hover h1:before{
		left: 0;
		right: 0;  
	}


	.sub_plantilla .list-card:hover .texto h1 {
		color: var(--color_acento);
	}

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

	.list-card .texto a h1 {
		-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 > .pill {
		margin: 0.7rem 0 0;
		font-size: 1rem;
		line-height: 1.5;
		font-weight: 400;
	}

	.sub_plantilla .list-card .texto p.summary {
		color: #B4B4B4;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.4625rem */
		letter-spacing: -0.0225rem;
		margin: 0;
		padding: 0;
	}

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

	.home .list-card figure,
	.editorial .list-card figure {
		object-fit: cover;
		overflow: hidden;
		aspect-ratio: 1;
		border-radius: 1.25rem;
	}

	.home .list-card.full figure,
	.editorial .list-card.full figure {
		aspect-ratio: 2 / 1;
	}

	.home .list-card figure img,
	.editorial .list-card figure img {
		width: 100%;
		overflow: hidden;
		aspect-ratio: 1;
		border-radius: 1.25rem;
		    object-fit: cover;
	}

	.home .list-card.full figure img,
	.editorial .list-card.full figure img{
		aspect-ratio: 2 / 1;
	}

	.sub_plantilla .list-card figure {
		object-fit: cover;
		overflow: hidden;
		aspect-ratio: 7/4.2;
		border-radius: 1.25rem;
		border: 1px solid #3B3B3B;
	}

	.sub_plantilla .list-card figure img {
		aspect-ratio: 7/4.2;
	}

	.list_clientes .list-card {
		box-shadow: 0 0 0 1px #020202;
		margin: 0 0;
		border-radius: 0;
	}

	.list_clientes .list-card figure {
		display: grid;
		place-items: center;
		border-radius: 0;
		aspect-ratio: 1;
	}

	.list_clientes .list-card figure img {
		width: 75%;
		margin: 0 auto;
		filter: grayscale(10);
		aspect-ratio: unset;
	}


}

/* end @media screen  */
@media screen and (max-width:991px) {
	.home .list-card:not(.full) .texto .pills,
	.editorial .list-card:not(.full) .texto .pills{
		justify-content: flex-end;
		align-items: end;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.home .list-card .texto .pills,
	.editorial .list-card .texto .pills {
		width: 100%;
	}
	/*.home .list-card .texto h1,
	.editorial .list-card .texto h1{
		width: 50%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}*/
}

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

	.home .destacados .title_head{
    	margin-bottom: 3rem;	
	}
	.home .destacados h2.titulo{
		font-size: 2.25rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%; /* 2.25rem */
		letter-spacing: -0.0675rem;
	}

	.home .destacados a {
		margin-top: 3rem;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%; /* 1.125rem */
		text-align: center;
	}

	.home .destacados .title_head {
		flex-direction: column;
	}

	.list_clientes {
		grid-template-columns: repeat(2, 1fr);
	}

	.home .list-card,
	.editorial .list-card {
		margin-bottom: 1.5rem;
	}

	.home .list-card .texto h1,
	.editorial .list-card .texto h1{
		font-size: 1.25rem;
		font-weight: 350;
		line-height: 130%; /* 1.625rem */
		letter-spacing: -0.025rem;
		text-align: left;
	}

	.sub_plantilla .list-card figure,
	.sub_plantilla .list-card figure img {
		aspect-ratio: auto;
	}

	.sub_plantilla .list-card .texto h1{
		font-size: 1.875rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%; /* 1.875rem */
		letter-spacing: -0.05625rem;
		margin: 0 0 0.88rem 0;
	}

	.home .list-card .texto .pills, .editorial .list-card .texto .pills{
		display: none;
	}

	.home .list-card.full figure,
	.editorial .list-card.full figure,
	.home .list-card.full figure img,
	.editorial .list-card.full figure,
	.editorial .list-card.full figure img {
		aspect-ratio: 1;
	}

	.home .list-card .texto .pills,
	.editorial .list-card .texto .pills,
	.home .list-card.full .texto .pills,
	.editorial .list-card.full .texto .pills{
		justify-content: flex-end;
		align-items: end;
		flex-wrap: wrap;
		flex-direction: column;
	}

}


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

/* =========== 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 {
		/*background-color: var(--color_fondo);*/
		position: relative;
		padding: 12.5rem 0;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		text-align: left;
	}

	.home .texto_destacado h2.titulo {
		font-size: 5rem;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		/* 5rem */
		letter-spacing: -0.15rem;
	}

	.home .texto_destacado p {
		margin: 0 0 5.44rem 0;
		padding: 0 0;
		font-size: 1.625rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 2.1125rem */
		letter-spacing: -0.0325rem;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	

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

	.home .texto_destacado_con_img {
		padding: 0 0 12.5rem 0;
	}

	.home .texto_destacado_con_img .content_dest {
		border-radius: 1.25rem;
		background: var(--color_principal);
		padding: 3.75rem;
		gap: 8.12rem;
	}

	.home .texto_destacado_con_img .content_dest h2.titulo {
		color: var(--color_fondo);
		font-size: 3.125rem;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		/* 3.125rem */
		letter-spacing: -0.09375rem;
		margin: 0 0 2.5rem 0;
	}

	

	.home .texto_destacado_con_img .content_dest .fck p {
		color: var(--color_fondo);
		font-size: 1.375rem;
		font-style: normal;
		font-weight: 350;
		text-wrap: balance;
		line-height: 130%;
		/* 1.7875rem */
		letter-spacing: -0.0275rem;
		margin: 0 0 2.5rem 0;
	}

	.home .texto_destacado_con_img .content_dest a.btn {
		background: transparent;
		border: none;
		text-align: left;
		padding: 0 0;
		color: var(--color_fondo);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 1.125rem */
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}

	.home .texto_destacado_con_img .content_dest a.btn:hover {
		color: var(--color_acento);
	}

	.home .texto_destacado_con_img .content_dest .img_dest figure img {
		border-radius: 1.25rem;
	}

}

/* 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_con_img .content_dest {
		flex-direction: column;
	}
}
@media screen and (max-width: 768px) {
	.home .texto_destacado {
		padding: 5rem 0;
	}
	.home .texto_destacado_con_img{
		padding: 0 0 5rem 0;
	}
	.home .texto_destacado_con_img .content_dest{
		padding: 4rem 1.88rem;
	}
	.home .texto_destacado,
	.home .texto_destacado_con_img .content_dest article{
		text-align: center;
	}
	.home .texto_destacado h2.titulo, .home .texto_destacado p, .home .texto_destacado_con_img .content_dest h2.titulo .home .texto_destacado_con_img .content_dest .fck p{
		margin-bottom: 3rem;
	}
	.home .texto_destacado h2.titulo {		
		font-size: 2.5rem;
		font-weight: 400;
		line-height: 100%; /* 2.5rem */
		letter-spacing: -0.075rem;
	}
	.home .texto_destacado p{
		font-size: 1.5rem;
		font-weight: 350;
		line-height: 130%; /* 1.95rem */
		letter-spacing: -0.03rem;
	}
	.home .texto_destacado_con_img .content_dest h2.titulo{
		font-size: 2.5rem;
		font-weight: 400;
		line-height: 100%; /* 2.5rem */
		letter-spacing: -0.075rem;
	}
	.home .texto_destacado_con_img .content_dest .fck p{
		font-size: 1.5rem;
		font-weight: 350;
		line-height: 130%; /* 1.95rem */
		letter-spacing: -0.03rem;
	}
	.home .texto_destacado_con_img .content_dest a.btn{
		font-size: 1.125rem;
		font-weight: 350;
		line-height: 100%; /* 1.125rem */
	}
	.home .texto_destacado_con_img .img_dest{
		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: var(--color_fondo);
		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,
	.content-template .editorial figure.secundaria img {
		display: inline-block !important;
		width: 100%;
		border-radius: 1.25rem;
		overflow: hidden;
		margin-bottom: 1.25rem;
	}
		

	.content-template .editorial .titulo {
		color: #000;
		text-align: left;
	}


	.listado .subseccion {
		margin-bottom: 8.5rem;
		/*display: inline-block;*/
	}

	.listado.sub_plantilla .subseccion {
		margin-bottom: 6.5rem;
	}

	.content-template .relacionados {
		padding-top: 3.69rem;
		padding-bottom: 6.25rem;
	}

	.content-template .relacionados .title_head {
		margin-bottom: 5rem;
	}

	.content-template .relacionados .titulo,
	.listado .subseccion .titulo {
		max-width: 43.75rem;
		color: var(--color_principal);
		font-size: 3.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 3.125rem */
		letter-spacing: -0.09375rem;
	}

	.listado .subseccion .titulo {
		margin-bottom: 2.5rem;
	}

	.content-template .relacionados .title_head a.link {
		color: var(--color_principal);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 1.125rem */
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}

	.content-template .relacionados .title_head a.link:hover,
	.content-template .relacionados .title_head a.link:focus {
		color: var(--color_acento);
	}

	.listado .subseccion .filter_cont{
		gap: 0.62rem;
	}

	.listado .subseccion .filter_cont a,
	.listado .subseccion .filter_cont .service {
		color: var(--color_principal);
		font-size: 1rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.3rem */
		border-radius: 2.5rem;
		border: 0.5px solid rgba(255, 255, 255, 0.60);
		background: rgba(255, 255, 255, 0.10);
		backdrop-filter: blur(5px);
		padding: 0.31rem 1.25rem 0.5rem 1.25rem;
		white-space: nowrap;
		-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;
	}

	.listado .subseccion .filter_cont .active a,
	.listado .subseccion .filter_cont .service.active,
	.listado .subseccion .filter_cont a:hover,
	.listado .subseccion .filter_cont .service:hover {
		color: var(--color_acento);
		border: 0.5px solid var(--color_acento);
	}

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

	.listado .subseccion p {
		color: var(--color_principal);
		font-size: 1.625rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 2.1125rem */
		letter-spacing: -0.0325rem;
		margin: 0;
	}

	.content-template .editorial header .titulo {
		color: var(--color_principal);
		font-size: 5rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 5rem */
		letter-spacing: -0.15rem;
		margin: 0 0 2.5rem 0;
	}

	.content-template .contacto header .titulo,
	.content-template .presentacion header .titulo {
		color: var(--color_principal);
		font-size: 3.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 3.125rem */
		letter-spacing: -0.09375rem;
		margin: 0 0 2.5rem 0;
	}

	.content-template .editorial .sumario,
	.content-template .contacto .sumario {
		margin: 0 0 2.5rem 0;
		color: var(--color_principal);
		font-size: 1.625rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 2.1125rem */
		letter-spacing: -0.0325rem;
	}

	.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 .presentacion,
	.content-template .contacto {
		padding-bottom: 7.12rem;
	}

	.content-template .contacto .m-t-5 {
		margin-top: 5rem;
	}

	.content-template .contacto h4 {
		color: var(--color_principal);
		font-size: 1.875rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 1.875rem */
		letter-spacing: -0.05625rem;
		margin: 0 0 3.12rem 0;
	}

	.content-template .contacto .item {
		color: var(--color_principal);
		font-size: 1.625rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 2.1125rem */
		letter-spacing: -0.0325rem;
		margin: 0 0 1.88rem 0;
	}

	.content-template .contacto span {
		color: #B4B4B4;
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.625rem */
		letter-spacing: -0.025rem;
		margin: 0 0 0.62rem 0;
	}

	.content-template .editorial .m-b-120 {
		margin-bottom: 7.5rem;
	}

	.content-template .editorial .fck p,
	.content-template .contacto .fck p {
		margin: 0;
		color: #B4B4B4;
		font-size: 1.375rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.7875rem */
		letter-spacing: -0.0275rem;
	}

	.content-template .editorial .datos {
		color: var(--color_principal);
		font-size: 1.625rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 2.1125rem */
		letter-spacing: -0.0325rem;
	}

	.content-template .editorial .datos div {
		margin-bottom: 1.88rem;
	}

	.content-template .editorial .datos span,
	.content-template .editorial .datos a {
		color: #B4B4B4;
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.625rem */
		letter-spacing: -0.025rem;
	}

	.content-template .editorial .datos span {
		margin-bottom: 0.81rem;
	}

	.content-template .editorial .datos a {
		color: var(--color_acento);
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}

	.content-template .editorial .datos a:hover {
		color: var(--color_principal);
	}

	.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.presentacion .fck a.fck_btn {
		color: var(--color_acento);
		background: var(--color_fondo);
		border-radius: 2.5rem;
		border: 1px solid var(--color_acento);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 1.125rem */
		padding: 0.75rem 3.56rem 0.94rem 1.25rem;
		text-decoration: none !important;
		position: relative;
	}

	.content-template .editorial.presentacion .fck a.fck_btn::after {
		content: url("img/btn_arrow.svg");
		display: block;
		height: 1.125rem;
		aspect-ratio: 1;
		position: absolute;
		top: 1rem;
		right: 1.5rem;
		-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.presentacion .fck a.fck_btn:hover {
		color: var(--color_fondo);
		background: var(--color_acento);
	}

	.content-template .editorial.presentacion .fck a.fck_btn:hover::after {
		filter: invert(10) grayscale(10);
	}

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

	.content-template .editorial .galeria_de_imagenes_portfolio {
		position: relative;
	}

	.content-template .editorial .galeria_de_imagenes_portfolio figure {
		border-radius: 1.25rem;
		margin-bottom: 1.25rem;
		overflow: hidden;
	}

	.content-template .editorial .galeria_de_imagenes_portfolio img {
		/*width: 100%;*/
		border-radius: 1.25rem;
		overflow: hidden;
	}

	.arrow_content_protfolio {
		position: relative;
		margin-top: 2.5rem;
		margin-bottom: 3.75rem;
	}

	.arrow_content_protfolio a {
		display: inline-block;
		color: var(--color_acento);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 1.125rem */
		border-radius: 2.5rem;
		border: 1px solid #C4FF23;
		padding: 0.75rem 1.62rem 0.94rem 1.56rem;
		background: var(--color_fondo);
		text-decoration: none !important;
	}

	.arrow_content_protfolio a svg {
		margin-right: 1.25rem;
		vertical-align: bottom;
	}

	.arrow_content_protfolio a.next svg {
		margin-right: 0;
		margin-left: 1.25rem;
	}

	.arrow_content_protfolio a:hover {
		background: var(--color_acento);
		color: var(--color_fondo);
	}

	.arrow_content_protfolio a:hover svg path {
		stroke: var(--color_fondo);
	}

	.galeria_de_imagenes_presentacion .modulo .galeria_grid {
		position: relative;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(21.25rem, 1fr));
		grid-template-rows: auto;
		gap: 1.25rem;
	}

	.galeria_de_imagenes_presentacion .modulo .galeria_grid .col {
		position: relative;
	}

	.galeria_de_imagenes_presentacion .modulo .galeria_grid figure {
		object-fit: cover;
		aspect-ratio: 21/27;
		border-radius: 1.25rem;
		overflow: hidden;
	}

	.galeria_de_imagenes_presentacion .modulo .galeria_grid figure img {
		object-fit: cover;
		width: 100%;
	}

	.galeria_de_imagenes_presentacion .modulo .galeria_grid .black_filter {
		position: absolute;
		border-radius: 0 0 1.25rem 1.25rem;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);
		bottom: 0;
		height: 10.625rem;
		width: 100%;
	}

	.galeria_de_imagenes_presentacion .modulo .galeria_grid p.desc_presentacion {
		color: var(--color_principal);
		font-size: 1.625rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 2.1125rem */
		letter-spacing: -0.0325rem;
		/**/
		position: absolute;
		left: 1.4rem;
		bottom: 1.4rem;
		margin: 0;
		display: inline-block;
	}

	.galeria_de_imagenes_presentacion .modulo .galeria_grid p.desc_presentacion span {
		color: #B4B4B4;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.4625rem */
		margin: 0rem;
		letter-spacing: -0.0225rem;
		display: inline-block;
	}

	.galeria_de_imagenes_presentacion .modulo .galeria_grid .black_filter,
	.galeria_de_imagenes_presentacion .modulo .galeria_grid p.desc_presentacion {
		opacity: 1;
		-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;
	}

	.galeria_de_imagenes_presentacion .modulo .galeria_grid .col:hover .black_filter,
	.galeria_de_imagenes_presentacion .modulo .galeria_grid .col:hover p.desc_presentacion {
		opacity: 0;
	}
}

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

	.listado .subseccion,
	.content-template .editorial,
	.content-template .presentacion,
	.content-template .contacto {
		padding-top: 7rem;
	}
	.content-template .editorial .galeria_de_imagenes_portfolio img {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.content-template .contacto hr{
		margin-top: 3rem;
		margin-bottom: 0;
		border-top: 1px solid rgba(97, 97, 97, 0.60);
	}


	.content-template .contacto h4 {
		margin-top: 3rem;
	}

	.listado .subseccion .titulo,
	.content-template .editorial header .titulo{
		margin-bottom:0;
		font-size: 2.5rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%; /* 2.5rem */
		letter-spacing: -0.075rem;
	}

	.listado .subseccion p {
		font-size: 1.5rem;
		font-weight: 350;
		line-height: 130%; /* 1.95rem */
		letter-spacing: -0.03rem;
		margin: 3rem 0 0 0;
	}

	.listado.sub_plantilla .subseccion,
	.content-template .editorial header .titulo,
	.sub_plantilla .editorial .list-card{
		margin-bottom: 3rem;
	}

	.content-template .editorial .sumario,
	.content-template .contacto .sumario{
		color: #FFF;
		font-size: 1.5rem;
		font-weight: 350;
		line-height: 130%; /* 1.95rem */
		letter-spacing: -0.03rem;
		margin-bottom: 1.5rem;
	}
	.content-template .editorial .fck{
		margin-bottom: 2rem;
	}
	.content-template .contacto .fck {
		margin-bottom: 3rem;
	}
	.content-template .contacto .m-t-5 {
    	margin-top: 0;
	}
	.content-template .editorial .fck p,
	.content-template .contacto .fck p{
		color: #B4B4B4;
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%; /* 1.625rem */
		letter-spacing: -0.025rem;
	}
	.content-template .editorial .datos,
	.content-template .editorial .datos span{
		font-size: 1.125rem;
	}

	.content-template .editorial .datos hr {
		margin-top: 2.5rem;
		margin-bottom: 2.5rem;
		border: 0;
		border-top: 1px solid rgba(97, 97, 97, 0.60);
	}

	.content-template .editorial .datos .d-flex{
		gap: 0.75rem;
		margin-bottom: 0;
	}

	.content-template .editorial .m-b-120{
		margin-bottom: 3rem;
	}

	.listado .subseccion,
	.content-template .editorial,
	.content-template .presentacion,
	.content-template .contacto{
		padding-top: 3.31rem;
		margin-bottom: 5rem;
	}

	.content-template .contacto,
	.sub_plantilla .editorial,
	.content-template .editorial{
		margin-bottom: 0rem;
	}

	.content-template .contacto {
    	padding-bottom: 1.12rem;
	}

	.listado .subseccion .filter_cont{
		display: none;
	}

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

	.arrow_content_protfolio {
		margin-top: 1.5rem;
		margin-bottom: 3rem;
	}

	.galeria_de_imagenes_presentacion .modulo .galeria_grid{
		gap: 1.5rem;
	}
	
}


/* ================================== */
/* =========== 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;
	}

	.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: 30px;
		height: 30px;
		opacity: 0.7;
		-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 {
		left: 0;
		padding: 0;
	}

	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next {
		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.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 screen and (min-width: 768px) {

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

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

	.galeria_de_imagenes .owl-gallery-image {
		width: auto !important;
		height: 200px !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 {
		margin-bottom: 1.25rem;
	}

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

	.formulario .form-control {
		display: block;
		width: 100%;
		height: auto;
		color: #B4B4B4;
		background: #000;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.4625rem */
		letter-spacing: -0.0225rem;
		border-radius: 2.5rem;
		border: 1px solid #969696;
		padding: 0.88rem 1.88rem 1.12rem 1.88rem;
		-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;
		border-radius: 1.25rem !important;
		resize: none;
	}

	.formulario .form-control:hover,
	.formulario .form-control:focus {
		border: 1px solid var(--color_acento);
	}

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

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

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

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

	/* .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 #000 inset !important; /* background de autocomplete */		
		-webkit-text-fill-color: var(--color_principal); /*color de texto de autocomplete */
	}

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

	.formulario .btn {
		color: var(--color_fondo);
		background: var(--color_acento);
		border: 1px solid var(--color_acento);
		border-radius: 2.5rem;
		padding: 1.12rem 2rem 1.19rem 2rem;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 100%;
		/* 1.125rem */
		-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 svg {
		margin-left: 3.75rem;
	}

	.formulario .btn:hover {
		color: var(--color_acento);
		background: var(--color_fondo);
	}

	.formulario .btn:hover svg path {
		stroke: var(--color_acento);
	}

	.campo_oblig {
		color: #B4B4B4;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 350;
		line-height: 130%;
		/* 1.4625rem */
		letter-spacing: -0.0225rem;
	}

	.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) ===*/
/*=========================================*/
/*=========================================*/