/* @import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cormorant+Garamond:wght@300;400;500&family=Plus+Jakarta+Sans:wght@400;700&display=swap'); */

@font-face {
    font-family: 'Abril Fatface';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/abril400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/cormorantgaramond300.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/cormorantgaramond400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/cormorantgaramond500.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/plusjakartasans400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/plusjakartasans700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*  --------------- VARIABLES ---------------  */
	:root {
		--col: #4f4a5b;
		--col0: #291B43;
		--col1: #FABB5B;
		--col2: #E73077;
		--col5: #f5f5f5;
		--col6: #ffffff;

		--font1: 'Plus Jakarta Sans', sans-serif;
		--font2: 'Sonder Sans', sans-serif;

		/* --fs0: 100px;
		--fs1: 65px;
		--fs2: 37px;
		--fs3: 29px;
		--fs4: 27px;
		--fs5: 18px;
		--fs6: 16px; */

		--fs0: clamp(4.375rem, 3.4375rem + 3.5714vw, 6.25rem);
		--fs1: clamp(2.75rem, 2.0938rem + 2.5vw, 4.0625rem);
		--fs2: clamp(1.6875rem, 1.375rem + 1.1905vw, 2.3125rem);
		--fs3: clamp(1.4375rem, 1.25rem + 0.7143vw, 1.8125rem);
		--fs4: clamp(1.3125rem, 1.125rem + 0.7143vw, 1.6875rem);
		--fs5: clamp(1.0625rem, 1.0313rem + 0.119vw, 1.125rem);
		--fs6: clamp(1rem, 1rem + 0vw, 1rem);
	}
	@font-face {
		font-family: 'Sonder Sans';
		src: url('fonts/sonder-sans.woff2') format('woff2');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
	}	

/*  --------------- GENERAL ---------------  */
	*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		outline: none;
	}
	html, body{
		color: var(--col0);
		font-family: var(--font1), sans-serif;
		line-height: 1.2;
		font-weight: 300;
		font-size: 16px;
	}
	moz-selection{background: var(--col1);	color: var(--col6);}
	*::-moz-selection{background: var(--col1);	color: var(--col6);}
	div.icons > .btn-group, body > .jmodedit{display: none !important;}
	li{list-style: inside;}
	address{font-style: normal;}
	img{width: auto; max-width: 100%; height: inherit;}
	i.fa{color: inherit; font-family: "FontAwesome"; font-weight: 400; line-height: inherit;}
	[data-switch], [data-ancla]{cursor: pointer;}
	.mr{margin-right: 5px;}
	.ml{margin-left: 5px;}
	.dblock{display: block !important;}
	a{text-decoration: none;}
	button{width: auto;}
	b, strong{font-weight: bold; font-size: inherit; color: inherit;}
	.logo img, .logo svg{transition:all 0.3s ease-out; -webkit-trasition:all 0.3s ease-out;}
	picture.cover{overflow: hidden; display: block;}
	picture.cover img{display: block; width: 100%; height: 100%; object-fit: cover;}
	.logo:hover img, .logo:hover svg{opacity: 0.8;}
	.headerwrapper{position: relative; z-index: 10 !important;}
	.afx{background-attachment: fixed;}
	.bcol0{background-color: var(--col0);}
	.bcol1{background-color: var(--col1);}
	.bcol2{background-color: var(--col2);}
	.white{background-color: var(--col6);}
	.col0{color: var(--col0);}
	.col1{color: var(--col1);}
	.col2{color: var(--col2);}
	svg{fill: currentColor;}
	.fill1{fill: var(--col1);}
	.grey{background-color: var(--col5);}
	.bcol-facebook{background-color: #3b5999;}
	.bcol-twitter{background-color: #55acee;}
	.bcol-linkedin{background-color: #0077B5;}
	.bcol-google{background-color: #dd4b39;}
	.bcol-pinterest{background-color: #bd081c;}
	.bcol-youtube{background-color: #cd201f;}
	.bcol-whatsapp{background-color: #25D366;}
	.bcol-instagram{background-color: #e4405f;}
	details{background-color: rgba(0,0,0,.07);	border-radius: 3px;}
	details:not([open]){animation-name: fold-in; animation-duration: .3s;}
	details[open] > div{animation-name: fold-out; animation-duration: .3s;}
	summary{cursor: pointer;}
  	summary::-webkit-details-marker, summary::marker{content: ""; display: none;}
  	summary::after{content: "+"; line-height: 1; cursor: pointer; font-size: var(--fs4); color: var(--col2);}
	details[open] summary::after{content: "−";}
	@keyframes fold-out{
		0%{opacity: 0; margin-top: -15px; }
		100%{opacity: 1; margin-top: 0; }
	}
	@keyframes fold-in{
		0%{padding-bottom: 15px;}
		100%{padding-bottom: 0;}
	}
	[data-zoom] picture, [data-video] picture{background-color: var(--col1); position: relative; overflow: hidden; display: block;}
	[data-zoom] picture:hover img{mix-blend-mode: multiply;}
	[data-zoom] picture:after{
		content: "\f002";
		font-family: "FontAwesome";
		position: absolute;
		top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
		background-color: var(--col6);
		color: var(--col1);
		width: 50px;
		border-radius: 50%;
		aspect-ratio: 1/1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: var(--fs6);
  		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		opacity: 0;
	}
	[data-zoom] picture:hover:after{opacity: 1;}

	[data-video] picture:after{
		content: "\f04b";
		font-family: "FontAwesome";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: 2px solid var(--col6);
		color: var(--col6);
		width: 80px;
		border-radius: 50%;
		aspect-ratio: 1/1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: var(--fs4);
		box-shadow: 0 0 20px rgb(0, 0, 0);
		background-color: rgba(0,0,0,0.7);
	}
	[data-video] picture:hover:after{
		border-color: var(--col1);
		background-color: var(--col1);
		color: var(--col0);
	}
	.nofooter footer{display: none;}

	.fire-grey{background-image: url('/images/estructura/fire-grey.webp');}

	.dots.left::before{left: 0;}
	.dots.bottom::before{bottom: 0;}
	.dots::before{
		content: "";
		position: absolute;
		background-color: var(--col0);
		width: 70%;
		aspect-ratio: 1/1;
		z-index: -1;
	}
	.bgclouds{background-image: url('/images/estructura/clouds-grey.webp');}
	.sticky{position: sticky; top: 140px;}

/*  --------------- TITULOS ---------------  */
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: normal; font-family: var(--font2); text-wrap: balance;}
	.h0{font-size: var(--fs0);}
	.h1{font-size: var(--fs1);}
	.h2{font-size: var(--fs2);}
	.h3{font-size: var(--fs3);}
	.h4{font-size: var(--fs4); position: relative; margin-left: 36px; background-color: var(--col1); display: inline-block; padding: 7px 0;}
	.tc > .h4{margin-left: 0;}
	.h4::before, .h4::after{
		content: "";
		position: absolute;
		top: 0;
		width: 36px;
		height: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		pointer-events: none;
	}
	.h4::before{background-image: url('/images/estructura/l.svg'); left: -36px; background-position: center right -1px;}
	.h4::after{background-image: url('/images/estructura/r.svg'); right: -36px; background-position: center left -1px;}
	.h5{font-size: var(--fs5);}
	.h6{font-size: var(--fs6);}

	.formato h2{font-size: var(--fs2); margin-bottom: 30px;}
	.formato h3{font-size: var(--fs3); margin-bottom: 20px;}
	.formato h4{font-size: var(--fs5); margin-bottom: 20px;}
	.formato h5{font-size: var(--fs5); margin-bottom: 20px;}
	.formato h6{font-size: var(--fs6); margin-bottom: 15px;}

/*  --------------- BOTONES ---------------  */
	.btn{
		border: none;
		box-shadow: none;
		display: inline-block;
		text-decoration: none;
		text-transform: uppercase;
		cursor: pointer;
		font-weight: 700;
		font-size: var(--fs5);
		padding: 18px 35px;
		transition:all 0.3s ease-out;
		-webkit-trasition:all 0.3s ease-out;
		font-family: var(--font2);
		border-radius: 3px;
	}
	.btn-small{padding: 15px 32px; font-size: var(--fs6);}
	.btn1{
		background-image: linear-gradient(to right, var(--col2), var(--col1), var(--col1), var(--col2));
		color: var(--col6);
		border-bottom: 5px solid var(--col0);
		background-size: 200%;
		background-position: 0%;
	}
	.btn1:hover,
	.btn1:focus,
	.btn1:active{
		background-position: 100%;
	}
	.btn2{
		border-bottom: 5px solid var(--col0) ;
		background-color: var(--col0);
		color: var(--col6);
	}
	.btn2:hover,
	.btn2:focus,
	.btn2:active{
		color: var(--col1);
	}
	.btn:hover, .btn:active, .btn:focus{text-decoration: none !important;}
	.btn4{
		padding: 0 0 10px 0;
		border-radius: 0;
		color: var(--col0);
		border-bottom: 4px solid var(--col2);
	}
	.btn4:hover,
	.btn4:focus,
	.btn4:active{
		color: var(--col1);
		border-color: var(--col1);
	}

/*  --------------- TIPOGRAFÍA ---------------  */
	a{color: var(--col1);}
	p, .formato ul, .formato ol{
		margin-bottom: 20px;
		min-height: 1px;
		line-height: 2;
		color: var(--col);
		font-size: var(--fs5);
		text-wrap: pretty;
	}
	.formato ul ul{margin-left: 20px;}
	p:last-child{margin-bottom: 0;}
	p a:hover, .formato a:hover{text-decoration: underline;}
	.formato blockquote{
		border-left: 3px solid var(--col1);
		padding-left: 30px;
		margin-bottom: 20px;
	}
	.formato table{width: 100%; margin-bottom: 30px;}
	.formato table td{
		padding: 8px 11px;
		background-color: rgba(0,0,0,0.05);
		font-size: 15px;
	}
	.formato thead td{background-color: var(--col0); color: var(--col6);}
	.w, .pw *{color: var(--col6);}
	.fs0{font-size: var(--fs0); line-height: 1.0;}
	.fs1{font-size: var(--fs1); line-height: 1.1;}
	.fs2{font-size: var(--fs2); line-height: 1.2;}
	.fs3{font-size: var(--fs3); line-height: 1.2;}
	.fs4{font-size: var(--fs4); line-height: 1.3;}
	.fs5{font-size: var(--fs5); line-height: 1.4;}
	.fs6{font-size: var(--fs6); line-height: 1.4;}

/*  --------------- FORMULARIOS ---------------  */
	input[type="date"]{width: 100%; display: block;}
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="date"],
	input[type="number"],
	input[type="tel"],
	textarea,
	select
	{
		color: var(--col0);
		padding: 15px 20px;
		font-size: var(--fs6);
		border-radius: 3px;
		border: none;
		border-bottom: 4px solid rgba(0,0,0,0.1);
		background-color: rgba(0,0,0,.07);
	}
	input[type="file"]{
		padding: 15px;
		font-size: var(--fs6);
		border-radius: 3px;
		border: none;
		background-color: rgba(0,0,0,.07);
		cursor: pointer;
	}
	*[readonly], *[disabled]{
		opacity: 0.7;
		cursor: not-allowed;
	}
	label.checkbox{margin-bottom: 0; position: relative; padding: 0;}
	label.checkbox span{
		position: relative;
		font-weight: 400;
		line-height: 1.2;
		cursor: pointer;
	}
	label.checkbox span a{font-size: inherit; font-weight: inherit; color: var(--col1);}
	label.checkbox span a:hover{text-decoration: underline;}
	label.checkbox input{position: absolute; top: 0; left: 0; opacity: 0; height: 100%; display: block;}
	label.checkbox span:before{
		content: "\f00c" !important;
		font-family: "FontAwesome";
		color: transparent;
		width: 15px;
		height: 15px;
		display: inline-block;
		vertical-align: text-top;
		margin-right: 7px;
		text-align: center;
		line-height: 16px;
		background-color: var(--col6);
		border: 2px solid var(--col1) !important;
		vertical-align: initial;
	}
	label.checkbox input[type="radio"] + span:before{border-radius: 50%;}
	label.checkbox input:checked + span:before{
	background-color: var(--col1);
	color: var(--col6) !important;
	}
	label.checkbox input:disabled + span:before{
	opacity: 0.5;
	}
	.opcap input{
		display: inline-block;
		width: 60px !important;
		padding: 15px;
		margin-left: 5px;
	}
	*::placeholder{color: var(--col0); opacity: 0.5;}
	input, select, textarea{font-family: inherit; margin: 0; width: 100%;}
	button{font-family: inherit; margin: 0;}
	select{
		-moz-appearance:none;
		-webkit-appearance:none;
		background-image: url('/images/estructura/chevron-down.svg');
		background-position: center right 25px;
		background-repeat: no-repeat;
		background-size: var(--fs6);
		padding-right: 60px;
		cursor: pointer;
	}
	textarea{resize: vertical;}
	textarea:focus, input:focus{box-shadow: none !important;}
	fieldset{border-width: 2px 0 0 0; border-color: var(--col0);}
	form fieldset:not(:last-child){margin-bottom: 60px;}
	fieldset legend{padding-right: 20px; margin-bottom: 15px;}
	form label{margin-bottom: 5px; display: inline-block; font-size: var(--fs6);}

/*  --------------- LAUNCH ---------------  */
	header .launch{
		float: right;
		cursor: pointer;
		height: 25px;
		width: 35px;
		position: relative;
		z-index: 101;
	}
	header .launch span{
		background-color: var(--col1);
		display: block;
		height: 3px;
		left: 0;
		width: 100%;
		position: absolute;
		opacity: 1;
		-webkit-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	header .launch span:nth-child(1){top: 0;}
	header .launch span:nth-child(2){top: 10px;}
	header .launch span:nth-child(3){top: 10px;}
	header .launch span:nth-child(4){top: 20px;}
	.sidr-open header .launch span:nth-child(1), body.open header .launch span:nth-child(1){top: 18px; left: 50%; width: 0;}
	.sidr-open header .launch span:nth-child(2), body.open header .launch span:nth-child(2){transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	.sidr-open header .launch span:nth-child(3), body.open header .launch span:nth-child(3){transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
	.sidr-open header .launch span:nth-child(4), body.open header .launch span:nth-child(4){top: 18px; left: 50%; width: 0;}

/*  --------------- SIDR ----------------  */
	.sidr{
		display: none;
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 999;
		width: 250px;
		overflow-x: none;
		overflow-y: auto;
		background-color: var(--col0);
		color: var(--col6);
		box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	}
	.sidr.right{left: auto; right: -260px;}
	.sidr.left{left: -260px; right:auto;}
	.sidr .nav li a, 
	.sidr .nav li span{
		color: var(--col6); 
		display: block; 
		line-height: 1.2;
		padding: 15px 20px;
		font-family: var(--font2);
	}
	.sidr .nav li a:hover, .sidr .nav li a:active, .sidr .nav li a:focus{background-color: var(--col1); color: var(--col0);}
	.sidr .nav li{display: block; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.sidr .nav li ul{display: none; background-color: rgba(255,255,255,0.2);}
	#sidr a.tel{display: block; padding: 15px 20px; line-height: 1.2; color: var(--col6); border-bottom: 1px solid rgba(255,255,255,0.2);}
	#sidr a.tel:hover{background-color: var(--col1);}
	#sidr a.tel:hover *{color: var(--col6);}
	#sidr a.tel span{color: var(--col);}

/*  --------------- COOKIES ---------------  */
	.cookies{
		background-color: rgba(0,0,0,0.7);
		position: fixed;
		inset: 0;
		z-index: 99;
		height: 100dvh;
		width: 100%;
		backdrop-filter: blur(5px) grayscale(0.5);
		display: none;
	}
	.cookies p{margin: 0; padding: 0; font-size: 16px; line-height: 1.5;}
	.cookies p a{color: var(--col0); text-decoration: underline;}
	.cookies .btn{flex-grow: 1; text-align: center;}
	body.notfound .cookies, body.cmscookies .cookies{display: none !important;}

/*  --------------- ALERTAS ---------------  */
	#system-message-container{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		bottom: 0;
		right: 0;
		backdrop-filter: blur(5px) grayscale(0.5);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: rgba(0,0,0,0.3);
	}
	.alert{
		padding: 20px;
		border: none;
		margin-bottom: 20px;
		z-index: 10;
		width: 640px;
		max-width: 100%;
		box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06), 0 0 100px rgba(0,0,0,0.5);
		border-top: 4px solid;
		animation-duration: 1s;
		transition-timing-function: ease-in-out;
	}
	.alert .msg{align-self: center; line-height: 1.4; text-wrap: pretty;}
	.alert svg{
		width: 24px;
		height: 24px;
		fill: currentColor;
	}
	.alert-success{background-color: #e1f4e8; color: #16a34a;}
	.alert-info{background-color: #dff0f8; color: #0284c7;}
	.alert-warning{background-color: #fdf6e0; color: #eab308;}
	.alert-danger{background-color: #fbe3e3; color: #dc2626;}
	.alert .close i{cursor: pointer;}
	.alert .close i:hover{opacity: 0.7;}

/*  --------------- POPUP ---------------  */
	.popup{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background-color: var(--col6);
		padding: 30px;
		display: none;
		z-index: 100;
	}
	.popup > i{
		position: absolute;
		top: -40px;
		right: -40px;
		color: var(--col6);
		font-size: 32px;
		cursor: pointer;
	}
	.popup > div{display: none;}
	.popupoverlay{
		position: fixed;
		cursor: pointer;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: opacity .3s ease-out;
		opacity: 0;
		background-image: radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7));
		z-index: 100;
		display: none;
		animation-name: fadeIn;
		animation-duration: 0.3s;
		animation-fill-mode: both;
	}
	.popupoverlay.open{display: block;}
	.popup.open{display: block;}
	.lpopup{cursor: pointer;}

/*  --------------- SWIPER ---------------  */
	.swiper-pagination-bullet-active{background-color: var(--col1);}

/*  --------------- ANIMACIONES ---------------  */
	.wow, .wowa{animation-duration: 1.7s; transition-timing-function: ease-in-out;}
	.forwards{animation-fill-mode: forwards; opacity: 0;}
	.delay1{animation-delay: calc(1.7s / 4);}
	.delay2{animation-delay: calc((1.7s / 4) * 2);}
	.delay3{animation-delay: calc((1.7s / 4) * 3);}
	.delay4{animation-delay: 1.7s;}
	.vkLeft{animation-name: vkLeft;}
	.vkRight{animation-name: vkRight;}
	.vkTop{animation-name: vkTop;}
	.vkBot{animation-name: vkBot;}
	.vkZoomOut{animation-name: vkZoomOut; transform: scale(1.2); visibility: visible !important; animation-fill-mode: forwards;}
	@keyframes vkLeft{
		0%{opacity: 0; transform: translateX(100px);}
		100%{opacity: 1; transform: translateX(0px);}
	}
	@keyframes vkRight{
		0%{opacity: 0; transform: translateX(-100px);}
		100%{opacity: 1; transform: translateX(0px);}
	}
	@keyframes vkTop{
		0%{opacity: 0; transform: translateY(100px);}
		100%{opacity: 1; transform: translateY(0px);}
	}
	@keyframes vkBot{
		0%{opacity: 0; transform: translateY(-100px);}
		100%{opacity: 1; transform: translateY(0px);}
	}
	@keyframes vkZoomOut{
		0%{transform: scale(1.2);}
		100%{transform: scale(1);}
	}

/*  --------------- HEADER ---------------  */
	body.home:not(.sidr-open) header{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background-color: transparent;
	}
	body.home #sticky-wrapper{height: auto !important;}
	header{
		position: relative;
		z-index: 10 !important;
		transition: background-color 0.3s ease-out;
	}
	.logo, .logo img{
		display: block;
		height: 70px;
	}

	/* MENU */
	header nav ul{display: flex; gap: 50px;}
	header nav ul li{list-style: none;}
	header nav ul li *{
		font-family: var(--font2);
		color: var(--col6);
		font-size: var(--fs5);
	}
	header nav ul li *:hover{color: var(--col1);}
	.is-sticky > header{background-color: var(--col0) !important;}

/*  --------------- FOOTER ---------------  */
	footer address li{
		list-style: none;
		margin-bottom: 15px;
		font-size: var(--fs6);
	}
	footer address li a{color: var(--col6);}
	footer address li a:hover{color: var(--col1);}
	footer .social ul{
		display: flex;
		gap: 5px;
	}
	footer .social ul li{list-style: none;}
	footer .social ul a{
		background-color: var(--col1);
		aspect-ratio: 1/1;
		width: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 3px;
		font-size: var(--fs6);
		color: var(--col0);
	}
	footer .social ul a:hover{
		background-color: var(--col2);
		color: var(--col6);
	}
	footer nav li{
		font-size: var(--fs6);
		margin-bottom: 10px;
		color: var(--col2);
	}
	footer nav li a{color: var(--col6);}
	footer nav li a:hover{color: var(--col1);}

/*  --------------- PAGEHEADER ---------------  */

	/* BREADCRUMB */
	.breadcrumb{margin-top: 15px;}
	.breadcrumb li.mod-breadcrumbs__divider{display: none;}
	body.com_jfilters.results .breadcrumb li:nth-child(3){display: none;}
	.breadcrumb li{display: inline-block;}
	.breadcrumb li:not(:last-child):after{
		content: "▪";
		color: var(--col1);
		margin: 0 10px;
	}
	.breadcrumb li > *{font-size: var(--fs6); color: var(--col0);}
	.breadcrumb li > a:hover{color: var(--col1);}
	.breadcrumb li > span{color: var(--col2);}

/*  --------------- HOME ---------------  */

	/* PORTADA */
	section.portada{
		position: relative;
		height: 100vh;
		overflow: hidden;
	}
	section.portada .video{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 0;
		background-color: var(--col0);
	}
	section.portada .video video {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		opacity: 0.9;
		pointer-events: none;
		min-width: 100%;
		min-height: 100%;
	}
	section.portada .more{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
		padding: 60px;
		opacity: 0;
		z-index: 1;
		animation: fadeIn 1.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s forwards;
	}
	section.portada .more .mouse{
		width: 24px;
		height: 40px;
		border: 2px solid var(--col6);
		display: inline-block;
		border-radius: 30px;
		text-align: center;
		padding-top: 5px;
		cursor: pointer;
		position: relative;
		z-index: 1;
	}
	section.portada .more .mouse span{
		width: 4px;
		height: 7px;
		background-color: var(--col6);
		display: inline-block;
		border-radius: 6px;
	}
	section.portada .more .mouse:hover{background-color: var(--col6);}
	section.portada .more .mouse:hover span{background-color: var(--col1);}

	section.portada h1{
		font-family: var(--font2);
		text-align: center;
		font-size: var(--fs0);
		margin-bottom: 50px;
	}
	section.portada h1 span{
		display: block;
		font-size: var(--fs2);
	}

	body.home .about{border-bottom: 2px solid #ecf0f0;}

/*  --------------- TATTOO MINIATURE ---------------  */
	.tattoos article picture{background-color: var(--col6); transition: background-color 0.3s ease-in-out;}
	.tattoos article picture img{aspect-ratio: 3/4; transition: transform 0.3s ease-in-out !important; mix-blend-mode: multiply;}
	.tattoos .subcats article .tit{
		position: absolute;
		top: 0;
		left: 0;
		color: var(--col6);
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.6);
		text-align: center;
	}
	.tattoos article a:hover picture{background-color: var(--col1);}
	.tattoos article a:hover picture img{transform: scale(1.1) !important;}
	.tattoos .g4 .vkTop:nth-child(8n - 6){animation-delay: 0.1s;}
	.tattoos .g4 .vkTop:nth-child(8n - 5){animation-delay: 0.15s;}
	.tattoos .g4 .vkTop:nth-child(8n - 4){animation-delay:  0.2s;}
	.tattoos .g4 .vkTop:nth-child(8n - 3){animation-delay: 0.2s;}
	.tattoos .g4 .vkTop:nth-child(8n - 2){animation-delay: 0.15s;}
	.tattoos .g4 .vkTop:nth-child(8n - 1){animation-delay:  0.1s;}

	.tattoos .g3 .vkTop:nth-child(6n - 4){animation-delay:  0.2s;}
	.tattoos .g3 .vkTop:nth-child(6n - 3){animation-delay: 0.2s;}
	.tattoos .g3 .vkTop:nth-child(6n - 2){animation-delay: 0.15s;}
	.tattoos .g3 .vkTop:nth-child(6n - 1){animation-delay:  0.1s;}

/*  --------------- FILTERS ---------------  */
	.mod-jfilters_filters{display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; gap: 20px;}
	.jfilters-filter-header, .jfilters-item-link--clear{display: none;}
	.jfilters-filter-container{border: none; padding: 0;}