/*
Theme Name: TEMPO
Theme URI: https://www.imagenmarbella.com
Author: Imagen Marbella
Author URI: https://www.imagenmarbella.com
Description: Theme developed for TEMPO
Requires at least: 5.8
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.0
Tags: white, custom-menu, featured-images, portfolio, real-state
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpdomain

TEMPO WordPress Theme, (C) 2022 TEMPO
This theme has only developed for TEMPO site
*/

/**************************/
/******** FONTS ***********/
/**************************/
/*#region */

/* @font-face {
    font-family: "Afacad Flux";
    font-style:normal;
    font-weight: normal;
	font-weight: 100 1000;
    src: url("webfonts/AfacadFlux-VariableFont.woff2") format("woff2"), url("webfonts/AfacadFlux-VariableFont.woff") format("woff"), url("webfonts/AfacadFlux-VariableFont.ttf") format("truetype");
} */

@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap');

/*#endregion */

/**************************/
/******** BASE ************/
/**************************/
/*#region */

:root {
	--color-black: #000000;
	--color-white: #ffffff;
	--color-green-secundary: #A1A97B;
	--color-green-light: #dad9b9;
	--color-green-bg: #475D4C;
	--color-gray-bg: #E9E5E0;
	--color-orange: #E0C9AB;
	/* --color-gray: #D5D5D5; */
	--color-text: #231E17;
	--color-text-light: #DECAAF;
	--color-text-lighter: #E9E5E0;
	--color-text-lightest: #DECAAF;
	--color-text-white: #E5ECE8;
	--color-text-brown: #7C4921;
	--font-title: "Afacad Flux",sans-serif;
	--font-general: "Afacad Flux",sans-serif;
	/* --gutter-x: 0.75rem; */
	--filter-svg-black2white: invert(100%) sepia(100%) saturate(0%) hue-rotate(3deg) brightness(100%) contrast(104%);
	--pseudo-text: "just some text";
	--drag-text: "drag it!";
	--pseudo-pos: 50%;
}
.overflow-hidden {
	overflow: clip !important;
}
.legal-images {
	font-size: 12px;
	line-height: 1.4em;
	margin-top: 24px !important;
}
html {
	scroll-padding-top: 70px;
}
body{
	overflow-x: clip;
	font-family: var(--font-general);
	color: var(--color-text);
	font-size: 16px;
	background-color: var(--color-gray-bg);
	/* background-image: url(images/body-bg-image.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 100vh; */
}
h1{
	font-family: var(--font-title);
	font-size: 36px;
	line-height: 32px;
	color: var(--color-text);
}
h2{
	font-family: var(--font-title);
	font-size: 22px;
	line-height: 32px;
	font-weight: 500;
	color: var(--color-text);
}
h3{
	font-family: var(--font-title);
	font-size: 32px;
	line-height: 40px;
	font-weight: 500;
	color: var(--color-text);
}
h4{
	font-family: var(--font-title); 
	font-size: 20px;
	font-weight: 600;
	color: var(--color-text);
}
h5 {
	font-family: var(--font-title); 
	font-size: 20px;
	font-weight: 600;
	color: var(--color-text);
}
h6 {
	font-family: var(--font-title); 
	font-size: 10px;
	font-weight: 600;
	color: var(--color-text);
}
a {
	color: var(--color-text);
	transition: all ease-in-out 300ms;
	text-decoration: underline;
}
a:hover {
	color: var(--color-text);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}
p {
	font-size: 16px;
	line-height: 140%;
	color: var(--color-text);
	margin-top: 0;
	margin-bottom: 16px;
	font-family: var(--font-general); 
	font-weight: 300;
}
ol, ul {
	padding-left: 24px;
}
hr {
	margin: 16px 0;
	border: 0;
	opacity: 1;
}
strong {
	font-weight: 600;
}
.wp-block-columns {
	margin-bottom: 0px !important;
	gap:16px;
}
.link-cover-absolute {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.ic-show-mobile,
.ic-hide-desktop {
	display: none !important;
}
.ic-show-desktop {
	display: block;
}
.bg-cover {
	background-position: center center;
	background-size: cover;
}
.ar-169 {
	aspect-ratio: 16 / 9;
}
.ar-43 {
	aspect-ratio: 4 / 3;
}
a.link-absolute {
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:9px;
	z-index: 1;
}
.wpcf7-spinner {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.wpcf7-response-output {
	display: none !important;
}
.cmplz-message p {
	font-size: 16px;
	line-height: normal;
}
*:disabled {
	pointer-events: unset !important;
	opacity: 0.5 !important;
	cursor: not-allowed !important;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
	content:none !important;
}
.widget-header-left:empty {
	display: none !important;
}
.slick-dots {
	padding:0;
	margin:0;
	list-style: none;
	display: flex;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	justify-content: center;
    align-items: center;
    gap: 24px;
    font-size: 0;
	margin-bottom: 24px;

	li {
		button {
			background-color: transparent;
			border: solid 1px white;
			border-radius: 200px;
			width: 12px;
			height: 12px;
			display: block;
			padding: 0;
		}
		&.slick-active {
			button {
				background-color: white;
			}
		}
	}
}

.imgl-pin-data {
    background-color: transparent !important;
	/* background-image: url('images/icons/map/dot.svg'); */
	background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	border: none !important;
    border-width: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

@media (max-width: 991px) {
	body {
		background-image: none;
	}
	.ic-hide-mobile,
	.ic-show-desktop {
		display: none !important;
	}
	.ic-show-mobile,
	.ic-hide-desktop {
		display: block;
	}
	.widget-header-right:has(.ic-hide-mobile) {
		display:none;
	}
}
figure {
	margin:0;
}
/*#endregion */

/**************************/
/******** STRUCTURE *******/
/**************************/
/*#region */
.widget-header-right:empty {
	display: none;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.main-menu .navbar-dark .navbar-nav .nav-link {
	width: 100%;
	padding-right: var(--gutter-x, 0.75rem);
	padding-left: var(--gutter-x, 0.75rem);
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 576px) {
	.container-sm, .container, .main-menu .navbar-dark .navbar-nav .nav-link {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container-md, .container-sm, .container, .main-menu .navbar-dark .navbar-nav .nav-link {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container-lg, .container-md, .container-sm, .container, .main-menu .navbar-dark .navbar-nav .nav-link {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container, .main-menu .navbar-dark .navbar-nav .nav-link {
		max-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .main-menu .navbar-dark .navbar-nav .nav-link {
		max-width: 1300px;
	}
}
/*#endregion */

/**************************/
/********* HEADER *********/
/**************************/
/*#region */

.main-header {
	padding-top: 32px;
	padding-bottom: 32px;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 99;
	transition: all 300ms linear;
	transform: translateY(-100%);
	&.scrup {
		transform: none;
	}
	&.scrtop {
		transform: none;
		backdrop-filter: none;
	}
	.container {
		display: flex;
		justify-content: space-between;
        align-items: flex-start;
	}
	.logo-header {
		filter: invert(7%) sepia(15%) saturate(1161%) hue-rotate(356deg) brightness(99%) contrast(90%);
		transition: all 300ms linear;
	}
	.light-menu {
		opacity: 0;
		transition: all 300ms linear;
	}
	.dark-menu {
		opacity: 1;
		transition: all 300ms linear;
	}
	&.scrolled {
		/* background-color: #ffffff2d; */
		backdrop-filter: blur(10px);
	}
	&.light-header {
		.logo-header {
			filter: invert(87%) sepia(2%) saturate(450%) hue-rotate(354deg) brightness(101%) contrast(105%);
			transition: all 300ms linear;
		}
		.light-menu {
			opacity: 1;
			transition: all 300ms linear;
		}
		.dark-menu {
			opacity: 0;
			transition: all 300ms linear;
		}
	}
}

#ic-mobile-switcher {
	width: 57px;
	height: 40px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	figure {
		position: absolute;
		top:0;
		left:0;
		transition: all 300ms linear;
		margin:0;
	}
	.close-menu {
		z-index: 100;
		opacity: 0;
	}
	.open-menu {
		z-index: 101;
	}
	&.open {
		.open-menu {
			opacity: 0;
			transition: all 300ms linear;
		}
		.close-menu {
			opacity: 1;
			transition: all 300ms linear;
		}
	}
}

.mobile-nav-wrapper {
	overflow-y: auto;
	transform: translateX(100%);
	opacity: 0;
	gap:32px;
	position: absolute;
	right: 0;
	top: 0;
	width: fit-content;
	background-color: var(--color-text);
	color: var(--color-text-light);
	height: 100vh;
	transition: all 300ms linear;
	display: flex;
	flex-direction: column;
	padding: 95px 40px 40px 40px;

	
	.menu {
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap:30px;
		text-align: left;
		list-style: none;
		.menu-item {
			a {
				display: block;
				color: var(--color-text-light);
				font-size: 45px;
				font-style: normal;
				font-weight: 400;
				text-transform: uppercase;
				text-decoration: none;
			}
		}
	}
	.wpml-ls {
		padding:0;
		ul {
			.wpml-ls-item {
				.wpml-ls-link {
					opacity: 0.5;
					color: var(--color-text-light);
					padding-left: 0;
				}
				&.wpml-ls-current-language {
					opacity: 1;
					.wpml-ls-link {
						opacity: 1;
					}
				}
			}
		}
	}
	.agent-area-wrapper {
		margin-top: 320px;
		a {
			color: var(--color-text-light);
			text-decoration: none;
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			text-transform: uppercase;
		}
	}
	&.active {
		transition: all 300ms linear;
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 1399px) {
	
}
@media (max-width: 1199px) {
	
}
@media (max-width: 991px) {
	.main-header {
		padding-top: 24px;
		padding-bottom: 24px;
		.widget-header-left {
			figure {
				img {
					filter: brightness(0);
				}
			}
		}
	}
	.mobile-nav-wrapper {
		padding-top: 40px;
		width: 100vw;
		.menu {
			.menu-item {
				a {
					font-size: 28px;
				}
			}
		}
		.agent-area-wrapper {
			margin-top: 146px;
		}
	}
}

/*#endregion */

/**************************/
/********* FOOTER *********/
/**************************/
/*#region */
.main-footer {
	background-color: var(--color-text);
	padding-top: 72px;
	padding-bottom: 24px;
	p, a {
		color: var(--color-text-lighter);
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		margin:0;
	}
	a {
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
	ul.menu {
		list-style: none;
		margin: 0;
		padding:0;
		display: flex;
		gap:24px;
		justify-content: center;
		.menu-item {
			position: relative;
			&::after {
				content:'|';
				position: absolute;
				top: 0px;
				right: -16px;
				color: var(--color-text-lighter);
			}
			&:last-child {
				&::after {
					content: none;
				}
			}
		}
	}
	.footer-wrapper {
		display: flex;
		justify-content: space-between;
        align-items: flex-start;
		.address-wrapper {
			.wp-block-group__inner-container {
				display: flex;
				flex-direction: column;
				gap:8px;
				margin-bottom: 32px;
			}
		}
	}
	.bottom-footer {
		display: flex;
		flex-direction: column;
		gap:8px;
		margin-top: 48px;
		p {
			font-size: 16px;
			&.text-small {
				opacity: 0.6;
				font-size: 13px;
				font-style: normal;
				font-weight: 300;
				line-height: 100%; /* 13px */
			}
		}
	}
}
#toTop{
	position: fixed;
	bottom: 5rem;
	right: 1rem;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0;
	cursor: pointer;
	filter: drop-shadow(0px 0px 1px black);
}
@media (max-width: 991px) {
	.main-footer {
		.footer-wrapper {
			flex-direction: column;
			align-items: center;
			gap:48px;
			.footer-one {
				order: 1;
			}
			.footer-two {
				order: 3;
			}
			.footer-three {
				order: 2;
			}
		}
		ul.menu {
			flex-direction: column;
            text-align: center;
            gap: 8px;
		}
		.bottom-footer {
			gap:16px;
		}
	}

}

/*#endregion */

.link-arrow-brown {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	&::before {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="7" viewBox="0 0 6 7" fill="none"><path d="M5.25 3.03101L1.91354e-07 6.06209L4.5634e-07 -8.31992e-05L5.25 3.03101Z" fill="%237C4921"/></svg>');
	}
	a {
		font-weight: 400;
		color: var(--color-text-brown);
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
}
.link-arrow-white {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	&::before {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="7" viewBox="0 0 6 7" fill="none"><path d="M5.25 3.03101L1.91354e-07 6.06209L4.5634e-07 -8.31992e-05L5.25 3.03101Z" fill="%23FFFFFF"/></svg>');
	}
	a {
		font-size: 18px;
		font-weight: 300;
		color: white;
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
}
.link-arrow-light {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	&::before {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="7" viewBox="0 0 6 7" fill="none"><path d="M5.25 3.03101L1.91354e-07 6.06209L4.5634e-07 -8.31992e-05L5.25 3.03101Z" fill="%23DECAAF"/></svg>');
	}
	a {
		font-weight: 400;
		color: var(--color-text-lightest);
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
}
.link-arrow-dark {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	font-size: 18px;
	&::before {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="7" viewBox="0 0 6 7" fill="none"><path d="M5.25 3.03101L1.91354e-07 6.06209L4.5634e-07 -8.31992e-05L5.25 3.03101Z" fill="%23231E17"/></svg>');
	}
	a {
		font-weight: 300;
		color: var(--color-text);
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
}

/**************************/
/********* HOME *********/
/**************************/
/*#region */
.hero-header {
	position: relative;

	.wp-block-cover {
		width: 100vw;
		height: 100vh;
		align-items: flex-start;
		padding:0;
		/* padding-top: 200px; */
		/* padding-top: 20vh; */

		/* .wp-block-cover__image-background{
			background-position: 50% 75% !important;
		} */

		.wp-block-cover__inner-container {
			.scroll-video {
				width: 100vw;
				height: 100vh;
				object-fit: cover;
			}

			.wp-block-heading {
				color: var(--color-text);
				font-size: 50px;
				font-weight: 200;
				line-height: 107%;
				text-transform: uppercase;
				margin-bottom: 16px;
			}
			p {
				color: var(--color-text);
				font-size: 16px;
				font-weight: 400;
				line-height: 24.302px;
				letter-spacing: 0.16px;
				text-transform: uppercase;
			}
		}
	}
}

.floating-title {
	position: absolute;
    bottom: 15vh;
    z-index: 90;
    left: calc((100vw - 1300px) / 2);
	font-size: 75px;
	line-height: normal;
	color: var(--color-gray-bg);
	font-weight: 200;
	text-transform: uppercase;
	max-width: 70vw;
	img {
		width: 600px !important;
        height: auto;
        vertical-align: baseline;
        margin-right: 48px;
	}
	br {
		display: none;
	}
}
@media (max-width: 1800px) {
	.floating-title {
		left: 0;
		width: 100%;
		text-align: center !important;
		max-width: unset;
		img {
			display: block;
			margin: 0 auto;
		}
	}
}
@media (max-width: 1399px) {
	
}
@media (max-width: 1199px) {
	
}
@media (max-width: 991px) {
	.floating-title {
		left: 0;
        bottom: 57vh;
        font-size: 45px;
        line-height: 45px;
        width: 100%;
        text-align: center !important;
		img {
			width: 260px !important;
			margin-bottom: 24px;
		}
		br {
			display: block;
		}
	}
}


/* =========================================================
   HERO REVEAL SCROLL EFFECT - TEMPO
   Efecto:
   - La imagen empieza como un cuadro central.
   - El cuadro crece hasta pantalla completa.
   - Al mismo tiempo, la imagen escala de 0.8 a 1.
   - Después continúa el scroll normal.
   ========================================================= */

.hero-header {
    position: relative !important;
    overflow: visible !important;
}

/* El JS añade esta clase al contenedor real del efecto */
.hero-reveal-wrapper {
    position: relative !important;
    height: 220vh !important;
    overflow: visible !important;
}

/* Bloque cover de Gutenberg */
.hero-reveal-wrapper .wp-block-cover,
.hero-reveal-wrapper.wp-block-cover {
    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    z-index: 10;
	padding: 0;

    clip-path: inset(
        var(--hero-reveal-inset, 36%)
        var(--hero-reveal-inset, 36%)
        var(--hero-reveal-inset, 36%)
        var(--hero-reveal-inset, 36%)
    );

    transform: scale(var(--hero-reveal-scale, 0.8));
    transform-origin: center center;

    will-change: clip-path, transform;
}

/* Cuando la animación todavía no ha empezado */
.hero-reveal-wrapper .wp-block-cover.is-before-reveal,
.hero-reveal-wrapper.wp-block-cover.is-before-reveal {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Durante la animación: la imagen queda fija en pantalla */
.hero-reveal-wrapper .wp-block-cover.is-revealing,
.hero-reveal-wrapper.wp-block-cover.is-revealing {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
}

/* Cuando la animación ha terminado */
.hero-reveal-wrapper .wp-block-cover.is-after-reveal,
.hero-reveal-wrapper.wp-block-cover.is-after-reveal {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
}

/* Imagen del cover */
.hero-reveal-wrapper .wp-block-cover img,
.hero-reveal-wrapper .wp-block-cover .wp-block-cover__image-background,
.hero-reveal-wrapper.wp-block-cover img,
.hero-reveal-wrapper.wp-block-cover .wp-block-cover__image-background {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Overlay de Gutenberg */
.hero-reveal-wrapper .wp-block-cover .wp-block-cover__background,
.hero-reveal-wrapper.wp-block-cover .wp-block-cover__background {
    position: absolute !important;
    inset: 0 !important;
}

/* Contenido interior */
.hero-reveal-wrapper .wp-block-cover .wp-block-cover__inner-container,
.hero-reveal-wrapper.wp-block-cover .wp-block-cover__inner-container {
    position: relative !important;
    z-index: 2 !important;
}

/* Evitar scroll horizontal */
html,
body {
    overflow-x: hidden;
}




.index-intro {
	padding-top: 120px;
	padding-bottom: 120px;
	.wp-block-columns {
		gap:72px;
	}
	.wp-block-heading {
		color: var(--color-text);
		text-align: center;
		font-size: 75px;
		font-style: normal;
		font-weight: 200;
		line-height: 104%;
		text-transform: uppercase;
		margin-bottom: 48px;
	}
	p {
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 140%;
	}
}
.el-proyecto {
	padding-top: 120px;
	padding-bottom: 120px;
	.wp-block-columns {
		gap:72px;
		p {
			margin:0;
		}
		.wp-block-column:nth-child(1) {
			display: flex;
			flex-direction: column;
			gap:16px;
			justify-content: flex-end;
			p.big-text {
				font-size: 75px;
				font-style: normal;
				font-weight: 200;
				line-height: 104%;
				text-transform: uppercase;
			}
		}
		.wp-block-column:nth-child(3) {
			padding-top: 120px;
            display: flex;
            flex-direction: column;
            gap: 24px;
		}
	}
	.floating-numbers {
		position: relative;
		height: 600px;
		p {
			margin: 0;
		}
		.wp-block-group {
			max-width: 230px;
			z-index: 999;
			&:nth-child(1) {
				position: absolute;
				left: 0;
				top: 240px;
			}
			&:nth-child(2) {
				position: absolute;
				left: 30%;
				bottom:0;
			}
			&:nth-child(3) {
				position: absolute;
				left: 50%;
				top: 120px;
			}
			&:nth-child(4) {
				position: absolute;
				left: 60%;
				bottom:0;
			}
			&:nth-child(5) {
				position: absolute;
				right: 0;
				top: 120px;
			}
		}
		p:has(strong){
			text-transform: uppercase;
			color: #231E17;
			font-family: "Afacad Flux";
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 103.68%;
			text-transform: uppercase;
			display: flex;
			align-items: flex-end;
			strong {
				display: block;
				font-size: 123px;
				font-weight: 400;
				line-height: 0.7;
			}
		}
	}
}
.espacios-comunes {
	padding-top: 160px;
	background-color: var(--color-text);
	.wp-block-columns {
		gap:0;
	}
	.wp-block-heading, p {
		color: var(--color-text-lighter);
		max-width: 445px;
	}
	.wp-block-heading {
		font-size: 50px;
		font-style: normal;
		font-weight: 200;
		line-height: 48px;
		margin-bottom: 72px;
	}
	figure {
		margin:0;
	}
}
.espacios-residentes {
	padding-bottom: 160px;
	padding-top: 160px;
	border-top: solid 1px var(--color-text-white);
	background-color: var(--color-text);
	.wp-element-caption {
		color: var(--color-text-lighter);
		font-weight: 300;
		width: 432px;
		max-width: 95vw;
	}
	.wp-block-heading {
		color: var(--color-text-lighter);
		text-align: right;
		font-size: 92px;
		font-weight: 100;
		letter-spacing: -0.92px;
		text-transform: uppercase;
		line-height: normal;
	}
	.carousel1slide {
		width: 130%;
		cursor: none;
		.slick-slider {
			overflow: visible;
			.slick-list {
				overflow: visible;
				.wp-block-image {
					margin-right: 32px;
				}
			}
		}
	}
}
#floating-cursor {
	position: fixed;
	/* filter: invert(1); */
	z-index: 99999;
	pointer-events: none;
	height: 70px;
	width: 52px;
	display: none;
	img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

.lugar-favorito {
	position: relative;
	&::before {
		content: '';
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 160px;
		background-color: var(--color-text);
		z-index: -1;
	}
	.images {
		.wp-block-group__inner-container {
			display: flex;
			gap:16px;
			justify-content: center;
			figure {
				max-width: 320px;
				border-radius: 8px;
				overflow: hidden;
			}
		}
	}
	.wp-block-heading {
		color: var(--color-text);
		text-align: center;
		font-size: 75px;
		font-style: normal;
		font-weight: 200;
		line-height: 121px;
		text-transform: uppercase;
	}
	.textos {
		max-width: 725px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		p {
			font-size: 16px;
			font-style: normal;
			font-weight: 300;
			line-height: 140%;
			strong {
				font-size: 25px;
				font-style: normal;
				font-weight: 300 !important;
				line-height: 24px;
				letter-spacing: 0.25px;
				text-transform: uppercase;
			}
		}
	}
}
.marbella-cerca {
	position: relative;
	background-color: var(--color-text);
	&::before {
		content: '';
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 64px;
		background-color: var(--color-gray-bg);
	}
	figure {
		position: relative;
		z-index: 1;
	}
	.wp-block-heading, p {
		color: var(--color-text-white);
	}
	.wp-block-columns {
		align-items: center !important;
		.wp-block-heading {
			font-size: 75px;
			font-style: normal;
			font-weight: 200;
			line-height: 80px;
			text-transform: uppercase;
			margin-bottom: 56px;
		}
	}
}
.wp-block-separator {
	border-top: solid 1px #7C4921;
	margin: 64px 0;
}
.ic-imagemap {
	position: relative;
	background-color: var(--color-text);
	padding-top: 72px;
	.wp-block-group__inner-container {
		position: relative;
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
	}
}
.contact-wrapper {
	padding-top: 172px;
	padding-bottom: 172px;
	.container {
		.wp-block-heading {
			font-size: 75px;
			font-style: normal;
			font-weight: 200;
			line-height: 75%;
			text-transform: uppercase;
			margin-bottom: 24px;
		}
	}
}
.wpcf7 {
	margin-top: 48px;
	label {
		width: 100%;
	}
	p {
		margin-bottom: 24px;
	}
	.form-select,
	.form-control {
		width: 100%;
        background-color: transparent;
        border-bottom: solid 1px var(--color-text-brown);
        border-radius: 0;
	}
	.wpcf7-phonetext {
		width: 100%;
		background: transparent;
		border: none;
		border-bottom: solid 1px var(--color-text-brown);
		height: 38px;
	}
	input[type=checkbox] {
		width: 20px;
		height: 20px;
		background-color: transparent;
		border-radius: 0;
		vertical-align: middle;
		border: solid 1px black;
		appearance: none;
		-webkit-appearance: none;
		outline: none;
		cursor: pointer;
		flex-shrink: 0;

		&:checked::after {
			border-color: var(--color-text);
			border-style: solid;
			border-width: 0 0.25em 0.25em 0;
			box-sizing: border-box;
			content: '';
			aspect-ratio: 1 / 1.8;
			rotate: 40deg;
			width: 7px;
			display: block;
			margin-left: 6px;
			margin-top: 2px;
		}
	}
	.legals {
		.wpcf7-list-item {
			margin-left: 0px;
			label {
				display: flex;
				gap:16px;
				align-items: center;
			}
		}
	}
	input[type=submit]{
		background-color: var(--color-text-brown);
		display: flex;
		width: 100%;
		max-width: 190px;
		height: 34px;
		color: var(--color-text-lighter);
		text-align: center !important;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		border-radius: 0;
		margin-top: 32px;
		border: 0 !important;
		line-height: 0;
	}
}
.espacios-comunes {
	.wp-block-columns {
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
		.leftcol {
			width: 50%;
			& > * {
				margin-left: calc((1920px - 1300px) / 2 + 12px);
			}
		}
		.rightcol {
			width: 50%;
			figure {
				margin: 0;
				height: 600px;
				width: 100%;
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: bottom left;
				}
			}
		}
	}
}
@media (max-width: 1919px) {
	.espacios-comunes {
		.wp-block-columns {
			.leftcol {
				& > * {
					margin-left: calc((100vw - 1300px) / 2 + 12px);
				}
			}
		}
	}
}
@media (max-width: 1399px) {
	.espacios-comunes {
		.wp-block-columns {
			.leftcol {
				& > * {
					margin-left: calc((100vw - 1140px) / 2 + 12px);
				}
			}
		}
	}
}
@media (max-width: 1199px) {
	.espacios-comunes {
		.wp-block-columns {
			.leftcol {
				& > * {
					margin-left: calc((100vw - 960px) / 2 + 12px);
				}
			}
		}
	}
	.contact-wrapper {
		padding-top: 96px;
		padding-bottom: 96px;
		.container {
			.wp-block-heading {
				font-size: 45px;
				font-style: normal;
				font-weight: 200;
				line-height: 75%;
				text-transform: uppercase;
				margin-bottom: 24px;
			}
		}
	}
}
@media (max-width: 991px) {
	.contact-wrapper {
		padding-top: 64px;
		padding-bottom: 64px;
		.container {
			.wp-block-heading {
				font-size: 45px;
				font-style: normal;
				font-weight: 200;
				line-height: 75%;
				text-transform: uppercase;
				margin-bottom: 24px;
			}
		}
	}
	.espacios-residentes {
		.carousel1slide {
			width: 95%;
			.slick-slider {
				.slick-list {
					.wp-block-image {
						margin-right: 16px;
					}
				}
			}
			.wp-element-caption {
				width: fit-content;
			}
		}
	}
}
.espacios-residentes {
	position: relative;
	.container {
		position: relative;
	}
	/* .wp-block-heading {
		position: absolute;
		top:30vh;
		right: 0;
		transform: translateY(-120%);
	} */
	.horizontal-scroll-section {
		padding-top: 30vh;
		.horizontal-scroll {
			overflow: visible;
			.item img {
				height: 50vh;
				width: auto;
			}
		}
	}
}
.ic-imagemap {
	.imgl-ico-lbl {
		font-family: var(--font-title) !important;
		font-weight: 300 !important;
	}
}



















.video-wrapper {
    background-color: #475D4C;
    position: relative;
    overflow: clip;
}

.video-wrapper .wp-block-video {
    position: relative;
    overflow: hidden;

    /* Este elemento mide su paso por el viewport */
    view-timeline-name: --video-parallax;
    view-timeline-axis: block;
}

.video-wrapper .wp-block-video video {
    display: block;
    width: 100%;

    /* Un poco más grande para que no aparezcan huecos */
    transform-origin: center;

    animation: video-parallax 1ms linear both;
    animation-timeline: --video-parallax;

    /* Desde que empieza a entrar hasta que termina de salir */
    animation-range: entry 0% exit 100%;
}

@keyframes video-parallax {
    from {
        transform: translateY(-8%) scale(1.16);
    }

    to {
        transform: translateY(8%) scale(1.16);
    }
}

.blur-text .blur-word {
    display: inline-block;
    white-space: nowrap;
}

.blur-text .blur-char {
    display: inline-block;

    opacity: 0;
    filter: blur(12px);
    transform: translateY(0.2em);

    transition:
        opacity 0.8s cubic-bezier(.22, 1, .36, 1),
        filter 1s cubic-bezier(.22, 1, .36, 1),
        transform 0.9s cubic-bezier(.22, 1, .36, 1);

    transition-delay: calc(var(--char-index) * 20ms);

    will-change: opacity, filter, transform;
}

.blur-text.is-visible .blur-char {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {

    .blur-text .blur-char {
        opacity: 1;
        filter: none;
        transform: none;
        transition: none;
    }

}



.floating-numbers > .wp-block-group__inner-container > .wp-block-group {
    view-timeline-name: --number-item;
    view-timeline-axis: block;
}
.floating-numbers > .wp-block-group__inner-container > .wp-block-group
> .wp-block-group__inner-container > p {

    animation-name: text-slide-up;
    animation-duration: 1ms;
    animation-timing-function: linear;
    animation-fill-mode: both;

    animation-timeline: --number-item;

    will-change: transform, opacity, clip-path;
}
.floating-numbers > .wp-block-group__inner-container > .wp-block-group
> .wp-block-group__inner-container > p:first-child {

    animation-range: entry 150% entry 350%;
}
.floating-numbers > .wp-block-group__inner-container > .wp-block-group
> .wp-block-group__inner-container > p:nth-child(2) {

    animation-range: entry 130% cover 25%;
}
@keyframes text-slide-up {

    from {
        opacity: 0;
        transform: translateY(1.1em);
        clip-path: inset(100% 0 0 0);
    }

    to {
        opacity: 1;
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
    }
}
.floating-numbers {
	.venues-img-wrap {
		position: absolute;
		opacity: 0;
		aspect-ratio: 4 / 3;
		width: 250px;
		height: auto;
		z-index: 99;
		transform: translateX(-50%);
		.venues-img {
			aspect-ratio: 4/3;
			width: 100%;
			height: auto;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
		}
	}
}






/* Sección que se quedará fija */
.horizontal-scroll-section {
    position: relative;
}


/* Contenedor que se moverá horizontalmente */
.horizontal-scroll {
    display: flex;
	gap:72px;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
}


/* Los elementos no deben encogerse */
.horizontal-scroll > * {
    flex: 0 0 auto;
}









@media (min-width: 1700px) {

}
@media (max-width: 991px) {
	.hero-header {
		.wp-block-cover {
			.wp-block-cover__inner-container {
				.wp-block-heading {
					font-size: 45px;
					font-weight: 400;
					line-height: 106.987%;
					text-transform: uppercase;
					br {
						display: none;
					}
				}
				p {
					color: #7C4921;
					font-size: 16px;
					font-weight: 400;
					letter-spacing: 0.16px;
					text-transform: uppercase;
				}
			}
		}
	}
	.index-intro {
		.wp-block-columns {
			gap:16px;
		}
		.wp-block-heading {
			font-size: 45px;
		}
	}
	.el-proyecto {
		.wp-block-columns {
			gap:32px;
			.wp-block-column:nth-child(1) {
				p.big-text {
					font-size: 45px;
				}
			}
			.wp-block-column:nth-child(3) {
				padding-top: 32px;
			}
		}
		.floating-numbers {
			margin-top: 72px;
			height: fit-content;
			.wp-block-group {
				max-width: 230px;
				margin-bottom: 32px;
				&:nth-child(1) {
					position: unset;
					left: unset;
					top: unset;
				}
				&:nth-child(2) {
					position: unset;
					left: unset;
					bottom: unset;
				}
				&:nth-child(3) {
					position: unset;
					left: unset;
					top: unset;
				}
				&:nth-child(4) {
					position: unset;
					left: unset;
					bottom: unset;
				}
				&:nth-child(5) {
					position: unset;
					right: unset;
					top: unset;
				}
			}
			
		}
	}
	@keyframes text-slide-up {

		from {
			opacity: 1;
			transform: translateY(0);
			clip-path: inset(0 0 0 0);
		}

		to {
			opacity: 1;
			transform: translateY(0);
			clip-path: inset(0 0 0 0);
		}
	}
	.espacios-comunes {
		padding-top: 72px;
		padding-left: 12px;
		padding-right: 12px;
		.wp-block-heading {
			font-size: 45px;
			margin-bottom: 32px;
		}
		.wp-block-columns {
			gap:32px;
			.leftcol {
				& > * {
					margin-left: 0;
				}
			}
			.rightcol {
				figure {
					height: 300px;
				}
			}
		}
	}
	.espacios-residentes {
		padding-bottom: 32px;
		padding-top: 32px;
		.wp-block-heading {
			font-size: 70px;
			line-height: 70px;
			position: relative;
            top: unset;
            right: unset;
            transform: none;
			margin-bottom: 24px;
		}
		.horizontal-scroll-section {
			padding-top: 72px;
			.horizontal-scroll {
				display: block;
				width: 100%;
				.item {
					width: 100%;
					height: auto;
					margin-bottom: 24px;
					img {
						width: 100%;
						height: auto;
					}
				}
			}
		}
	}
	.lugar-favorito {
		.wp-block-heading {
			font-size: 45px;
			line-height: normal;
            margin-top: 32px;
            margin-bottom: 32px;
		}
		.images {
			padding-left: 12px;
			padding-right: 12px;
		}
		.textos {
			padding-left: 12px;
			padding-right: 12px;
			p {
				strong {
					font-size: 20px;
					font-style: normal;
					font-weight: 400;
					line-height: 24px;
					letter-spacing: 0.2px;
					text-transform: uppercase;
				}
			}
		}
	}
	.wp-block-separator {
		border-top: solid 1px #7C4921;
		margin: 32px 0;
	}
	.marbella-cerca {
		padding-top: 32px;
		&::before {
			content: none;
		}
		.wp-block-columns {
			flex-direction: column-reverse;
			.wp-block-heading {
				font-size: 45px;
				font-style: normal;
				font-weight: 400;
				line-height: 60px;
				text-transform: uppercase;
				margin-bottom: 32px;
			}
		}
	}
	.ic-imagemap {
		> div{
			position: relative;
			&::after{
				content: '';
				position: absolute;
				right: 0;
				bottom: 0;
				background-image: url("images/icons/swipe2.svg");
				background-repeat: no-repeat;
				width: 50px;
				height: 50px;
				filter: var(--filter-svg-black2white);
			}
		}

		.imgl-map .imgl-image {
			width: 1920px !important;
		}

		.imgl-map {
			overflow-x: auto;
			overflow-y: hidden;
		}
		

	}
}
/*#endregion */


/**************************/
/********* PROYECT *********/
/**************************/
/*#region */
.hero-header-secondary {
	position: relative;

	.wp-block-cover {
		width: 100vw;
		height: 100vh;
		align-items: flex-start;
		/* padding-top: 200px; */
		padding-top: 20vh;

		/* .wp-block-cover__image-background{
			background-position: 50% 75% !important;
		} */

		.wp-block-cover__inner-container {

			.wp-block-heading {
				color: var(--color-text);
				font-size: 75px;
				font-weight: 200;
				line-height: 107%;
				text-transform: uppercase;
				margin-bottom: 16px;
			}
			p {
				color: var(--color-text);
				font-size: 16px;
				font-weight: 400;
				line-height: 24.302px;
				letter-spacing: 0.16px;
				text-transform: uppercase;
			}
		}
	}
}
.intro-proyecto {
	padding-top: 132px;
	padding-bottom: 132px;
	.wp-block-columns {
		align-items: center !important;
	}
	.wp-block-heading {
		font-size: 55px;
		font-style: normal;
		font-weight: 200;
		line-height: 107%;
	}
}
.poroyecto-carac {
	padding-bottom: 200px;
	.wp-block-columns {
		gap:32px !important;
		.wp-block-heading {
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			line-height: 24px;
			letter-spacing: 0.2px;
			text-transform: uppercase;
		}
		p {
			font-weight: 500;
		}
		.leftcol {

		}
		.centercol {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			position: relative;
			padding-top: 24px;
			&::before {
				content:'';
				width: 100vw;
				height: 1px;
				background-color: var(--color-text);
				position: absolute;
				left: 0;
				top: 0;
			}
			figure {
				margin-bottom: -96px;
			}
		}
		.rightcol {
			padding-top: 24px;
		}
		.ic-table {
			margin-bottom: 16px;
			overflow: visible;
			table {
				tr {
					td {
						position: relative;
						border:none;
						padding:16px 0;
						vertical-align: text-top;
						strong {
							white-space: nowrap;
							
						}
						&:nth-child(1) {
							&::before {
								content:'';
								width: 50vw;
								height: 1px;
								background-color: var(--color-text);
								position: absolute;
								left: 0;
								top: 0;
							}
						}
						&:nth-child(2) {
							width: 48px;
						}
					}
				}
			}
		}
	}
}
.proyecrto-proporciones {
	padding-top: 180px;
	padding-bottom: 180px;
	background-color: var(--color-text);
	color: var(--color-text-white);
	h2, p {
		color: var(--color-text-white);
	}
	.wp-block-columns {
		align-items: center !important;
		.wp-block-column {
			position: relative;
			&:nth-child(1) {
				/* padding-left: 32px;
				border-left: solid 1px var(--color-text-white); */
			}
			figure {
				/* position: absolute;
				top:50%;
				left:-15%;
				transform: translateY(-50%);
				width: 115%; */
			}
		}
	}
	.wp-block-heading {
		margin-bottom: 80px;
		color: var(--color-text-white);
		font-size: 32px;
		font-style: normal;
		font-weight: 200;
		line-height: 40px;
		text-transform: uppercase;
		max-width: 432px;
		position: relative;
		/* &::before {
			content: '';
			width: 2px;
			height: 100%;
			background-color: var(--color-text-white);
			top: 0;
			left: -32px;
			position: absolute;
		} */
	}
	p {
		max-width: 322px;
	}
	.slick-arrow {
		border: none;
		background: none;
		background-color: transparent;
		padding: 0;
		margin:0;
		width: 20px;
		height: 20px;
		font-size: 0;
		position: absolute;
		transform: translateY(150%);
	}
	.slick-prev {
		background-image: url(/wp-content/themes/tempo/images/slick-left.png);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		left: 0;
		bottom: 0;
	}
	.slick-next {
		background-image: url(/wp-content/themes/tempo/images/slick-right.png);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		left: 30px;
		bottom: 0;
	}
}
.proyecto-despierta {
	padding-top: 148px;
	padding-bottom: 148px;
	padding-left: calc((100vw - 1300px) / 2 + 12px);
	.wp-block-cover {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 7;
		align-items: flex-start !important;
		padding: 36px 40px;
		p {
			color: var(--color-text-white);
			font-size: 55px;
			font-style: normal;
			font-weight: 200;
			line-height: 101%;
			margin: 0;
		}
	}
	p {
		margin-top: 40px;
		margin-left: 40px;
		max-width: 433px;
	}
}
.proyecto-mas-alla {
	gap:120px;
	align-items: center !important;
	.wp-block-column {
		&:nth-child(2) {
			h2, p {
				padding-right: calc((100vw - 1300px) / 2 + 12px);
			}
		}
	}
	.wp-block-heading {
		font-size: 55px;
		font-style: normal;
		font-weight: 200;
		line-height: 107%;
		margin-bottom: 120px;
	}
}
.proyecto-muy-cerca {
	padding-top: 100px;
	position: relative;
	&::after {
		content: '';
		display: block;
		width: 200vw;
		height: 1px;
		background-color: var(--color-text-brown);
		bottom: 0;
		left: -50vw;
		position: absolute;
	}
	text-align: center;
	.wp-block-heading {
		font-size: 75px;
		font-style: normal;
		font-weight: 200;
		line-height: 96px;
		text-transform: uppercase;
	}
	.link-arrow-brown {
		margin-bottom: 0;
	}
	.wp-block-columns {
		gap:56px;
		align-items: flex-end !important;
	}
}




@media (max-width: 1399px) {
	.proyecto-despierta {
		padding-left: calc((100vw - 1140px) / 2 + 12px);
	}
	.proyecto-mas-alla {
		.wp-block-column {
			&:nth-child(2) {
				h2, p {
					padding-right: calc((100vw - 1140px) / 2 + 12px);
				}
			}
		}
	}
}
@media (max-width: 1199px) {
	.proyecto-despierta {
		padding-left: calc((100vw - 960px) / 2 + 12px);
	}
	.proyecto-mas-alla {
		.wp-block-column {
			&:nth-child(2) {
				h2, p {
					padding-right: calc((100vw - 960px) / 2 + 12px);
				}
			}
		}
	}
}





@media (max-width: 1700px) {

}
@media (max-width: 991px) {
	.proyecto-despierta {
		padding-left: 0;
	}
	.hero-header-secondary {
		.wp-block-cover {
			.wp-block-cover__inner-container {
				.wp-block-heading {
					font-size: 45px;
					margin-bottom: 16px;
				}
			}
		}
	}
	.intro-proyecto {
		padding-top: 72px;
    	padding-bottom: 72px;
		.wp-block-heading {
			font-size: 45px;
		}
	}
	.poroyecto-carac {
		padding-bottom: 72px;
		.wp-block-columns {
			gap:16px !important;
			.wp-block-heading {
				font-size: 20px;
				font-style: normal;
				font-weight: 400;
				line-height: 24px;
				letter-spacing: 0.2px;
				text-transform: uppercase;
			}
			p {
				font-weight: 500;
			}
			.leftcol {

			}
			.centercol {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				position: relative;
				padding-top: 24px;
				&::before {
					content:none;
				}
				figure {
					margin-bottom: unset;
				}
			}
			.rightcol {
				padding-top: 24px;
			}
			.ic-table {
				margin-bottom: 16px;
				overflow: visible;
				table {
					tr {
						td {
							position: relative;
							border:none;
							padding:16px 0;
							vertical-align: text-top;
							strong {
								white-space: nowrap;
								
							}
							&:nth-child(1) {
								&::before {
									content:'';
									width: 100vw;
									height: 1px;
									background-color: var(--color-text);
									position: absolute;
									left: 0;
									top: 0;
								}
							}
							&:nth-child(2) {
								width: 48px;
							}
						}
					}
				}
			}
		}
	}
	.proyecrto-proporciones {
		padding-top: 64px;
		padding-bottom: 64px;
		background-color: var(--color-text);
		color: var(--color-text-white);
		h2, p {
			color: var(--color-text-white);
		}
		.wp-block-columns {
			align-items: center !important;
			margin-bottom: 32px !important;
			.wp-block-column {
				position: relative;
				&:nth-child(1) {
					padding-left: 32px;
					/* border-left: solid 1px var(--color-text-white); */
				}
				figure {
					&:nth-child(1) {
						position: relative;
                        top: unset;
                        left: unset;
                        transform: none;
					}
					&:nth-child(2) {
						position: relative;
						top:unset;
						left:unset;
						transform: none;
						width: 100%;
					}
				}
			}
		}
		.wp-block-heading {
			margin-bottom: 32px;
			color: var(--color-text-white);
			font-size: 32px;
			font-style: normal;
			font-weight: 200;
			line-height: 40px;
			text-transform: uppercase;
			max-width: 432px;
			position: relative;
			/* &::before {
				content: '';
				width: 2px;
				height: 100%;
				background-color: var(--color-text-white);
				top: 0;
				left: -32px;
				position: absolute;
			} */
		}
		p {
			max-width: 322px;
		}
		.slick-prev {
			left: calc(50% - 30px);
			bottom: 0;
		}
		.slick-next {
			left: calc(50% + 10px);
			bottom: 0;
		}
	}
	.proyecto-despierta {
		padding-top: 32px;
		padding-bottom: 32px;
		padding-left: 0;
		padding-right: 0;
		.wp-block-cover {
			width: 100%;
			height: auto;
			aspect-ratio: 16 / 7;
			align-items: flex-start !important;
			padding: 24px;
			p {
				color: var(--color-text-white);
				font-size: 24px !important;
				font-style: normal;
				font-weight: 400;
				line-height: 100%;
				margin: 0;
			}
		}
		p {
			margin-top: 16px;
			margin-left: 12px;
			margin-right: 12px;
			max-width: 100%;
		}
	}
	.proyecto-mas-alla {
		gap:16px;
		align-items: center !important;
		padding-left: 12px;
		padding-right: 12px;
		.wp-block-column {
			&:nth-child(2) {
				h2, p {
					padding-right: unset;
				}
			}
		}
		.wp-block-heading {
			font-size: 45px;
			font-style: normal;
			font-weight: 200;
			line-height: 107%;
			margin-bottom: 24px;
		}
	}
	.proyecto-muy-cerca {
		padding-top: 32px;
		position: relative;
		text-align: center;
		&::after {
			content: none;
		}
		.wp-block-heading {
			font-size: 45px;
			font-style: normal;
			font-weight: 200;
			line-height: normal;
			text-transform: uppercase;
		}
		.link-arrow-brown {
			margin-bottom: 0;
		}
		.wp-block-columns {
			margin-top: 32px;
			gap:16px;
			align-items: flex-end !important;
			.wp-block-column:nth-child(1),
			.wp-block-column:nth-child(3) {
				display: none;
			}
		}
	}
}
/*#endregion */

/**************************/
/********* ESPACIOS *********/
/**************************/
/*#region */
.intro-espacios {
	padding-top: 175px;
	padding-bottom: 175px;
	text-align: center;
	.wp-block-columns {
		justify-content: center;
	}
	.logo {
		margin-bottom: -32px;
		position: relative;
		z-index: 1;
	}
	.wp-block-heading {
		font-size: 20px;
		font-style: normal;
		font-weight: 300;
		line-height: 24px;
		letter-spacing: 0.2px;
		text-transform: uppercase;
		margin-top: 50px;
		margin-bottom: 24px;
	}
	.images {
		gap: 8px;
	}
	.textos {
		gap:40px;
		.wp-block-column {
			&:nth-child(1) {
				text-align: right;
			}
			&:nth-child(2) {
				text-align: left;
			}
		}
	}
}
.proporcion-exacta {
	.wp-block-columns {
		gap:0;
		.leftcol {
			& > * {
				margin-left: calc((100vw - 1300px) / 2 + 12px);
			}
		}
	}
	.wp-block-heading, p {
		max-width: 545px;
	}
	.wp-block-heading {
		font-size: 50px;
		font-style: normal;
		font-weight: 200;
		line-height: 48px; /* 96% */
	}
	figure {
		margin:0;
	}
	.leftcol {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}
}
@media (max-width: 1399px) {
	.proporcion-exacta {
		.wp-block-columns {
			.leftcol {
				& > * {
					margin-left: calc((100vw - 1140px) / 2 + 12px);
				}
			}
		}
	}
}
@media (max-width: 1199px) {
	.proporcion-exacta {
		.wp-block-columns {
			.leftcol {
				& > * {
					margin-left: calc((100vw - 960px) / 2 + 12px);
				}
			}
		}
	}
}
.espacios-wrapper {
	padding-top: 224px;
	.slick-arrow {
		border: none;
		background: none;
		background-color: transparent;
		padding: 0;
		margin:0;
		width: 40px;
		height: 40px;
		font-size: 0;
		position: absolute;
		/* transform: translateY(150%); */
		z-index: 9;
	}
	.slick-prev {
		background-image: url(/wp-content/themes/tempo/images/slick-left.png);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		left: 65%;
		bottom: 0;
	}
	.slick-next {
		background-image: url(/wp-content/themes/tempo/images/slick-right.png);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		left: calc(65% + 60px);
		bottom: 0;
	}
}
.espacios-mantenerse {
	align-items: center !important;
	.wp-block-heading {
		font-size: 75px;
		font-style: normal;
		font-weight: 200;
		line-height: 63px;
		letter-spacing: 0.75px;
		text-transform: uppercase;
		max-width: 545px;
		margin-bottom: 9%;
	}
	p {
		max-width: 322px;
	}
	.image-col {

	}
	.text-col {
		.wp-block-heading {
			margin-left: -5%;
		}
		p {
			margin-left: 10%;
		}
	}
}
.espacio-distinto {
	padding-top: 132px;
	.wp-block-heading {
		font-size: 50px;
		font-style: normal;
		font-weight: 200;
		line-height: 48px;
		margin-bottom: 24px;
	}
}
.espacio-distinto-images {
	gap: 24px;
	.wp-block-cover {
		height: 675px;
		.wp-block-cover__inner-container {
			height: 100%;
			display: flex;
            flex-direction: column;
            justify-content: space-between;
            max-width: 450px;
			p {
				transition: all 300ms linear;
				opacity: 0;
				transform: translateY(100%);
				&:nth-child(1) {
					opacity: 1;
					transform: none;
				}
			}
		}
		img {
			transition: all 300ms linear;
		}
		&:hover {
			.wp-block-cover__inner-container {
				p {
					opacity: 1;
					transition: all 300ms linear;
					transform: none;
				}
			}
			img {
				transform: scale(1.1);
				transition: all 300ms linear;
			}
		}
	}

}
.nobgcolor {
	background-color: transparent;
}
.volver-casa {
	align-items: center !important;
	margin-top: 144px;
	.wp-block-heading {
		font-size: 55px;
		font-style: normal;
		font-weight: 200;
		line-height: 107%;
		margin-bottom: 88px;
		max-width: 544px;
	}
	p {
		max-width: 400px;
	}
	.text-col {
		padding-left: 5%;
	}
}


@media (max-width: 1700px) {

}
@media (max-width: 991px) {
	.intro-espacios {
		padding-top: 32px;
		padding-bottom: 32px;
		text-align: center;
		.wp-block-columns {
			justify-content: center;
			flex-wrap: nowrap !important;
			&.textos {
				flex-wrap: wrap !important;
				gap: 0px;
				.wp-block-column {
					&:nth-child(1) {
						text-align: left;
					}
					&:nth-child(2) {
						text-align: left;
					}
				}
			}
		}
	}
	.proporcion-exacta {
		padding-left: 12px;
		padding-right: 12px;
		.wp-block-columns {
			gap:0;
			.leftcol {
				& > * {
					margin-left: 0;
				}
			}
		}
		.wp-block-heading, p {
			max-width: 545px;
		}
		.wp-block-heading {
			font-size: 35px;
			font-style: normal;
			font-weight: 200;
			line-height: 95%;
			margin-bottom: 24px;
		}
		figure {
			margin:0;
		}
		.leftcol {
			display: flex;
			flex-direction: column;
			justify-content: space-evenly;
		}
	}
	.espacios-wrapper {
		padding-top: 72px;
		padding-bottom: 72px;
		.slick-prev {
			left: calc(50% - 50px);
			bottom: -60px;
		}
		.slick-next {
			left: calc(50% + 10px);
			bottom: -60px;
		}
	}
	.espacios-mantenerse {
		align-items: center !important;
		.wp-block-heading {
			font-size: 45px;
			font-style: normal;
			font-weight: 200;
			line-height: 95%;
			letter-spacing: 0.75px;
			text-transform: uppercase;
			max-width: 545px;
			margin-bottom: 24px;
		}
		p {
			max-width: unset;
		}
		.image-col {

		}
		.text-col {
			padding-left: 12px;
			padding-right: 12px;
			/* margin-top: -24px; */
            filter: drop-shadow(0px 0px 1px var(--color-gray-bg));
			.wp-block-heading {
				margin-left: 0;
			}
			p {
				margin-left: 0;
			}
		}
	}
	.espacio-distinto {
		padding-top: 32px;
		.wp-block-heading {
			font-size: 45px;
			font-style: normal;
			font-weight: 200;
			line-height: 95%;
			margin-bottom: 24px;
		}
	}
	.espacio-distinto-images {
		gap: 12px;
		.wp-block-cover {
			height: auto;
			width: 100%;
			aspect-ratio: 1;
			.wp-block-cover__inner-container {
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				max-width: 450px;
				p {
					transition: all 300ms linear;
					opacity: 1;
					transform: none;
				}
			}
			img {
				transition: all 300ms linear;
			}
		}

	}
	.volver-casa {
		align-items: center !important;
		margin-top: 32px;
		.wp-block-heading {
			font-size: 45px;
			font-style: normal;
			font-weight: 200;
			line-height: 95%;
			margin-bottom: 32px;
			max-width: 544px;
		}
		p {
			max-width: unset;
		}
		.text-col {
			padding-left: 12px;
			padding-right: 12px;
		}
	}
}
/*#endregion */

/**************************/
/********* MARBELLA *********/
/**************************/
/*#region */
.marbella-intro {
	padding-top: 65px;
	.wp-block-heading {
		font-size: 23px;
		font-style: normal;
		font-weight: 400;
		line-height: 107%;
		text-transform: uppercase;
		margin-bottom: 24px;
		margin-top: 48px;
		max-width: 322px;
	}
	p {
		max-width: 544px;
	}
	.wp-block-columns {
		gap: 8px;
	}
	.distancias {
		margin-top: 88px;
	}
	.image-col {
		position: relative;
		figure {
			width: 100%;
			height: 100%;
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
	}
}
.marbella-unica {
	border-top: solid 1px var(--color-text-brown);
	padding-top: 130px;
	.wp-block-cover {
		aspect-ratio: 19 / 9;
		min-height: 900px;
		max-width: 100%;
		
		.wp-block-cover__inner-container,
		.container {
			position: relative;
			height: 100%;
		}
	}
	.wp-block-heading {
		color: var(--color-text-white);
		font-size: 16px !important;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		max-width: 550px;
		position: absolute;
		right:0;
		top: 25%;
		text-align: left;
	}
	p {
		position: absolute;
		display: flex;
		justify-content: space-evenly;
		flex-direction: column;
        aspect-ratio: 1;
        width: 22%;
        border-radius: 25px;
        background: rgba(233, 229, 224, 0.48);
        backdrop-filter: blur(6.449999809265137px);
        padding: 32px;
		text-align: center;

		strong {
			font-size: 32px;
			font-style: normal;
			font-weight: 300;
			line-height: 107%;
			text-transform: uppercase;
			display: block;
		}

		&:nth-child(2) {
			top:15%;
			left: 0%;
		}
		&:nth-child(3) {
			top:15%;
			left: 26%;
		}
		&:nth-child(4) {
			bottom:15%;
			left: 0%;
		}
		&:nth-child(5) {
			bottom:15%;
			right: 26%;
		}
		&:nth-child(6) {
			bottom:15%;
			right: 0;
		}
	}
}
.marbella-todo-cabe {
	padding-top: 148px;
	.wp-block-columns {
		align-items: flex-end !important;
		gap: 8px;
		margin-bottom: 42px !important;
		position: relative;
		&:nth-child(1) {
			&::after {
				content: '';
				display: block;
				position: absolute;
				width: 200vw;
				height: 1px;
				bottom: 0;
				left: -50vw;
				background-color: var(--color-text-brown);
			}
		}
	}
}
.destino-deslumbrante {
	margin-top: 62px;
	position: relative;
	background-color: var(--color-text);
	&::before {
		content: '';
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 64px;
		background-color: var(--color-gray-bg);
	}
	figure {
		position: relative;
		z-index: 1;
	}
	.wp-block-heading, p {
		color: var(--color-text-white);
	}
	p {
		max-width: 500px;
	}
	.wp-block-columns {
		align-items: center !important;
		.wp-block-heading {
			font-size: 55px;
			font-style: normal;
			font-weight: 200;
			line-height: 107%;
			margin-bottom: 56px;
			max-width: 544px;
		}
	}
	.big-text {
		max-width: unset;
		font-size: 100px;
		font-style: normal;
		font-weight: 200;
		line-height: normal;
		text-transform: uppercase;
		white-space: nowrap;
		text-align: right;
	}
}
.marbella-minutos {
	padding-top: 72px;
	padding-bottom: 72px;
	.wp-block-heading {
		font-size: 75px;
		font-style: normal;
		font-weight: 200;
		line-height: 107%;
	}
	.wp-block-list {
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			position: relative;
			padding: 8px 0;
			display: flex;
			justify-content: space-between;
			font-weight: 200;
			strong {
				color: var(--color-text-brown);
				font-weight: 400;
			}
			&::after {
				content: '';
				display: block;
				width: 100vw;
				height: 1px;
				background-color: var(--color-text);
				position: absolute;
				bottom: 0;
				left: 0;
			}
		}
	}
}



@media (max-width: 1700px) {

}
@media (max-width: 991px) {
	.marbella-intro {
		padding-top: 32px;
		.wp-block-heading {
			font-size: 23px;
			font-style: normal;
			font-weight: 400;
			line-height: 107%;
			text-transform: uppercase;
			margin-bottom: 24px;
			margin-top: 0;
			max-width: 322px;
		}
		p {
			max-width: unset;
		}
		.wp-block-columns {
			gap: 8px;
		}
		.distancias {
			margin-top: 32px;
			flex-wrap: nowrap !important;
		}
		.images-wrapper {
			flex-wrap: nowrap !important;
		}
		.image-col {
			position: relative;
			figure {
				width: 100%;
				height: auto;
				aspect-ratio: 1;
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}
	}
	.marbella-unica {
		border-top: none;
		padding-top: 56px;
		.wp-block-cover {
			aspect-ratio: unset;
			min-height: unset;
			
			.wp-block-cover__inner-container,
			.container {
				position: relative;
				height: 100%;
			}
		}
		.wp-block-heading {
			color: var(--color-text-white);
			font-size: 16px !important;
			font-style: normal;
			font-weight: 400;
			line-height: 140%;
			max-width: 550px;
			position: unset;
			right:unset;
			top: unset;
			text-align: left;
		}
		p {
			position: unset;
			display: block;
			width: fit-content;
			border-radius: 8px;
			background: rgba(233, 229, 224, 0.48);
			backdrop-filter: blur(6.449999809265137px);
			padding: 12px;
			text-align: left;
			aspect-ratio: unset;

			strong {
				font-size: 16px;
				font-style: normal;
				font-weight: 400;
				line-height: normal;
				text-transform: uppercase;
				display: inline;
			}

			/* &:nth-child(2) {
				top:15%;
				left: 0%;
			}
			&:nth-child(3) {
				top:15%;
				left: 26%;
			}
			&:nth-child(4) {
				bottom:15%;
				left: 0%;
			}
			&:nth-child(5) {
				bottom:15%;
				right: 26%;
			}
			&:nth-child(6) {
				bottom:15%;
				right: 0;
			} */
		}
	}
	.marbella-todo-cabe {
		padding-top: 56px;
		.wp-block-columns {
			align-items: flex-end !important;
			gap: 8px;
			margin-bottom: 42px !important;
			position: relative;
			&:nth-child(1) {
				&::after {
					content: none;
				}
			}
		}
		.images-wrapper {
			.wp-block-column {
				flex-basis: unset !important;
				width: 50%;
			}
			.wp-block-column:nth-child(2),
			.wp-block-column:nth-child(4) {
				display: none;
			}
		}
	}
	.destino-deslumbrante {
		margin-top: 32px;
		padding-top: 32px;
		position: relative;
		background-color: var(--color-text);
		&::before {
			content: none;
		}
		figure {
			position: relative;
			z-index: 1;
		}
		.wp-block-heading, p {
			color: var(--color-text-white);
		}
		p {
			max-width: unset;
		}
		.wp-block-columns {
			align-items: center !important;
			.wp-block-heading {
				font-size: 40px;
				font-style: normal;
				font-weight: 200;
				line-height: 107%;
				margin-bottom: 24px;
				max-width: 544px;
			}
		}
		.big-text {
			max-width: unset;
			font-size: 55px;
			font-style: normal;
			font-weight: 200;
			line-height: normal;
			text-transform: uppercase;
			white-space: nowrap;
			text-align: right;
		}
	}
	.marbella-minutos {
		padding-top: 32px;
		padding-bottom: 32px;
		.wp-block-heading {
			font-size: 45px;
			font-style: normal;
			font-weight: 200;
			line-height: 107%;
		}
		.wp-block-list {
			list-style: none;
			padding: 0;
			margin: 0;
			li {
				position: relative;
				padding: 8px 0;
				display: flex;
				justify-content: space-between;
				font-weight: 200;
				strong {
					color: var(--color-text-brown);
					font-weight: 400;
				}
				&::after {
					content: '';
					display: block;
					width: 100vw;
					height: 1px;
					background-color: var(--color-text);
					position: absolute;
					bottom: 0;
					left: 0;
				}
			}
		}
	}
}
/*#endregion */













/**************************/
/********* GRACIAS *********/
/**************************/
/*#region */
.gracias-wrapper {
	margin-top: 176px;
	margin-bottom: 176px !important;
	align-items: center !important;
	.wp-block-heading {
		font-size: 75px;
		font-style: normal;
		font-weight: 200;
		line-height: 120%;
		letter-spacing: 0.75px;
		text-transform: uppercase;
		margin-bottom: 32px;
	}
}

@media (max-width: 1700px) {

}
@media (max-width: 991px) {
	.gracias-wrapper {
		margin-top: 132px;
		margin-bottom: 72px !important;
		align-items: center !important;
		.wp-block-heading {
			font-size: 45px;
			font-style: normal;
			font-weight: 200;
			line-height: 120%;
			letter-spacing: 0.75px;
			text-transform: uppercase;
			margin-bottom: 32px;
		}
		.text-col {
			padding-left: 12px;
			padding-right: 12px;
		}
	}
}
/*#endregion */


/**************************/
/********* PRIVACY *********/
/**************************/
/*#region */
.legal-page {
	margin-top: 200px;
	margin-bottom: 200px;
	h1.wp-block-heading {
		text-align: center;
		font-size: 75px;
		font-style: normal;
		font-weight: 400;
		line-height: 104%;
		text-transform: uppercase;
		margin-bottom: 136px;
	}
	.wp-block-columns {
		margin-bottom: 56px !important;
		.wp-block-heading {
			color: var(--color-text-brown);
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			line-height: 107%;
			text-transform: uppercase;
			max-width: 330px;
			margin-bottom: 24px;
		}
	}
}

@media (max-width: 1700px) {

}
@media (max-width: 991px) {
	.legal-page {
		margin-top: 150px;
		margin-bottom: 100px;
		h1.wp-block-heading {
			text-align: center;
			font-size: 45px;
			font-style: normal;
			font-weight: 400;
			line-height: 104%;
			text-transform: uppercase;
			margin-bottom: 72px;
		}
		.wp-block-columns {
			margin-bottom: 48px !important;
			.wp-block-heading {
				color: var(--color-text-brown);
				font-size: 20px;
				font-style: normal;
				font-weight: 400;
				line-height: 107%;
				text-transform: uppercase;
				max-width: 330px;
				margin-bottom: 24px;
			}
		}
	}
}
/*#endregion */







/**************************/
/********* HOME *********/
/**************************/
/*#region */


@media (min-width: 1700px) {

}
@media (min-width: 991px) {

}
/*#endregion */