/*
 * Experiencias Cinematográficas
 * Estilos exclusivos de la sección.
 * Todas las reglas deben permanecer encapsuladas bajo .df-experiences.
 */

.df-experiences-page #header {
	background: transparent !important;
	border-bottom: 1px solid rgba(255,255,255,.12) !important;
	box-shadow: none !important;
	left: 0;
	position: absolute;
	top: 0;
	transition: background-color .3s ease, border-color .3s ease, backdrop-filter .3s ease;
	width: 100%;
	z-index: 1000;
}

.df-experiences-page #header-wrap,
.df-experiences-page #header.transparent-header #header-wrap,
.df-experiences-page #header.dark #header-wrap,
.df-experiences-page #header .header-row {
	background: transparent !important;
	box-shadow: none !important;
}

.df-experiences-page #header-wrap {
	border: 0 !important;
	transition: background-color .3s ease, backdrop-filter .3s ease;
}

.df-experiences-page .header-wrap-clone {
	display: none !important;
	height: 0 !important;
}

.df-experiences-page #header.dark .menu-container > .menu-item > .menu-link,
.df-experiences-page #header.dark .sub-menu-container .menu-item > .menu-link {
	color: #fff !important;
}

.df-experiences-page #header.dark .menu-container > .menu-item:hover > .menu-link,
.df-experiences-page #header.dark .menu-container > .menu-item.current > .menu-link,
.df-experiences-page #header.dark .sub-menu-container .menu-item:hover > .menu-link {
	color: #d7aa55 !important;
}

.df-experiences-page #primary-menu-trigger .svg-trigger path {
	stroke: #fff !important;
}

.df-experiences-page.df-experiences-page--scrolled #header {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: #0d0d0d !important;
	border-bottom-color: rgba(255,255,255,.08) !important;
	margin: 0 !important;
	max-width: none !important;
	position: fixed;
	right: 0;
	width: 100vw;
}

.df-experiences-page.df-experiences-page--scrolled #header-wrap,
.df-experiences-page.df-experiences-page--scrolled #header .header-row {
	background: #0d0d0d !important;
}

.df-experiences-page.df-experiences-page--scrolled #header-wrap {
	left: 0 !important;
	margin: 0 !important;
	max-width: none !important;
	position: relative !important;
	right: 0 !important;
	top: 0 !important;
	transform: none !important;
	width: 100% !important;
}

@media (min-width: 992px) and (max-width: 1350px) {
	.df-experiences-page #header .menu-container > .menu-item > .menu-link {
		font-size: 11px;
		letter-spacing: .45px;
		padding-left: 7px;
		padding-right: 7px;
	}
}

.df-experiences {
	background: #0d0d0d;
	color: #f5f5f5;
	min-height: 100vh;
}

.df-experiences .df-experiences-section {
	padding: 80px 0;
}

.df-experiences .df-experiences__hero {
	align-items: stretch;
	background: #090a0a;
	display: flex;
	isolation: isolate;
	min-height: 100svh;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.df-experiences .df-experiences__hero-media,
.df-experiences .df-experiences__hero-overlay,
.df-experiences .df-experiences__hero-grain {
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.df-experiences .df-experiences__hero-media {
	background-color: #090a0a;
	background-image: url('../images/experiencias-cinematograficas/hero-poster.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}

.df-experiences .df-experiences__hero-video {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

.df-experiences .df-experiences__hero-media.is-video-fallback .df-experiences__hero-video {
	display: none;
}

.df-experiences .df-experiences__hero-overlay {
	background:
		linear-gradient(180deg, rgba(3,4,4,.26) 0%, rgba(3,4,4,.08) 30%, rgba(3,4,4,.84) 100%),
		linear-gradient(90deg, rgba(3,4,4,.88) 0%, rgba(3,4,4,.58) 42%, rgba(3,4,4,.10) 78%, rgba(3,4,4,.18) 100%);
	z-index: 1;
}

.df-experiences .df-experiences__hero-grain {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.22'/%3E%3C/svg%3E");
	mix-blend-mode: soft-light;
	opacity: .13;
	z-index: 2;
}

.df-experiences .df-experiences__hero-container {
	display: flex;
	min-height: 100svh;
	padding-bottom: clamp(88px, 11vh, 132px);
	padding-top: clamp(150px, 22vh, 220px);
	position: relative;
	z-index: 3;
}

.df-experiences .df-experiences__hero-content {
	align-self: flex-end;
	max-width: 820px;
}

.df-experiences .df-experiences__hero-kicker {
	color: #d7aa55;
	font: 700 12px/1.4 Poppins, Arial, sans-serif;
	letter-spacing: .26em;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.df-experiences .df-experiences__hero-title {
	color: #f7f7f4;
	font: 700 clamp(48px, 6.2vw, 88px)/.98 Poppins, Arial, sans-serif;
	letter-spacing: -.025em;
	margin: 0;
	max-width: 800px;
	text-transform: uppercase;
}

.df-experiences .df-experiences__hero-copy {
	color: #d7aa55;
	font: 400 clamp(18px, 1.65vw, 23px)/1.55 Lato, Arial, sans-serif;
	letter-spacing: .01em;
	margin: 26px 0 0;
	max-width: 610px;
}

.df-experiences .df-experiences__hero-copy strong {
	background: linear-gradient(180deg, #fff0bd 0%, #e2b85f 38%, #bd7d25 72%, #f0cc79 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: #d7aa55;
	filter: drop-shadow(0 2px 8px rgba(191,126,34,.2));
	font-weight: 700;
	-webkit-text-fill-color: transparent;
}

.df-experiences .df-experiences__hero-copy > span {
	color: rgba(247,247,244,.86);
}

.df-experiences .df-experiences__hero-action {
	margin-top: 34px;
}

.df-experiences .df-experiences__hero-cta {
	align-items: center;
	background: linear-gradient(180deg, #e5b958 0%, #c58f2e 100%);
	border: 1px solid #f0c76c;
	color: #080706;
	display: inline-flex;
	font: 700 12px/1 Poppins, Arial, sans-serif;
	gap: 17px;
	justify-content: center;
	letter-spacing: .16em;
	min-height: 56px;
	padding: 0 25px;
	text-transform: uppercase;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}

.df-experiences .df-experiences__hero-cta i {
	font-size: 15px;
	transition: transform .25s ease;
}

.df-experiences .df-experiences__hero-cta:hover,
.df-experiences .df-experiences__hero-cta:focus-visible {
	background: #d7aa55;
	border-color: #d7aa55;
	color: #07110f;
	transform: translateY(-2px);
}

.df-experiences .df-experiences__hero-cta:hover i,
.df-experiences .df-experiences__hero-cta:focus-visible i {
	transform: translateY(3px);
}

.df-experiences .df-experiences__hero-cta:focus-visible,
.df-experiences .df-experiences__hero-scroll:focus-visible {
	outline: 2px solid #f7f7f4;
	outline-offset: 4px;
}

.df-experiences .df-experiences__hero-scroll {
	bottom: 28px;
	height: 42px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 28px;
	z-index: 4;
}

.df-experiences .df-experiences__hero-scroll::before {
	border: 1px solid rgba(255,255,255,.55);
	border-radius: 18px;
	content: '';
	inset: 0;
	position: absolute;
}

.df-experiences .df-experiences__hero-scroll span {
	animation: df-experiences-scroll 1.8s infinite;
	background: #d7aa55;
	height: 6px;
	left: 50%;
	position: absolute;
	top: 9px;
	transform: translateX(-50%);
	width: 1px;
}

@keyframes df-experiences-scroll {
	0% { opacity: 0; transform: translate(-50%,0); }
	40% { opacity: 1; }
	100% { opacity: 0; transform: translate(-50%,13px); }
}

.df-experiences.is-hero-ready [data-hero-reveal] {
	animation: df-experiences-hero-reveal .7s cubic-bezier(.22,.61,.36,1) both;
}

.df-experiences.is-hero-ready [data-hero-reveal]:nth-child(2) { animation-delay: .10s; }
.df-experiences.is-hero-ready [data-hero-reveal]:nth-child(3) { animation-delay: .20s; }
.df-experiences.is-hero-ready [data-hero-reveal]:nth-child(4) { animation-delay: .30s; }

@keyframes df-experiences-hero-reveal {
	from {
		opacity: 0;
		transform: translateY(18px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.df-experiences .df-experiences__intro {
	--df-intro-space: 32px;
	background: #080909;
	overflow: hidden;
	padding: clamp(170px, 12vw, 210px) 0 clamp(180px, 13vw, 220px);
	position: relative;
}

.df-experiences .df-experiences__intro::before {
	background: url('../images/experiencias-cinematograficas/intro-concrete-floor-v2.jpg') center bottom / cover no-repeat;
	content: '';
	inset: 0;
	opacity: .38;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.df-experiences .df-experiences__intro-grid {
	align-items: center;
	display: grid;
	gap: clamp(28px, 3vw, 52px);
	grid-template-columns: minmax(0, 1fr) minmax(300px, .95fr) minmax(0, 1fr);
	position: relative;
	z-index: 2;
}

.df-experiences .df-experiences__intro-left {
	align-self: center;
	grid-column: 1;
	padding-top: clamp(150px, 13vw, 210px);
}

.df-experiences .df-experiences__intro-right {
	align-self: center;
	grid-column: 3;
	padding-top: clamp(78px, 7vw, 112px);
}

.df-experiences .df-experiences__intro-kicker {
	color: #d7aa55;
	font: 700 11px/1.5 Poppins, Arial, sans-serif;
	letter-spacing: .25em;
	margin: 0 0 26px;
	text-transform: uppercase;
}

.df-experiences .df-experiences__intro-title {
	color: #f7f7f4;
	font: 600 clamp(40px, 3.45vw, 56px)/1.12 Poppins, Arial, sans-serif;
	letter-spacing: -.025em;
	margin: 0;
	max-width: 470px;
}

.df-experiences .df-experiences__intro-copy {
	align-self: start;
	color: rgba(247,247,244,.72);
	font: 400 clamp(18px, 1.35vw, 21px)/1.75 Lato, Arial, sans-serif;
	max-width: 560px;
	padding-top: 0;
}

.df-experiences .df-experiences__intro-copy p {
	margin: 0;
}

.df-experiences .df-experiences__intro-copy p + p {
	color: rgba(247,247,244,.92);
	margin-top: 82px;
	padding-top: 54px;
	position: relative;
}

.df-experiences .df-experiences__intro-copy p + p::before {
	background: #d7aa55;
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	width: 44px;
}

.df-experiences .df-experiences__intro-highlight {
	align-self: start;
	color: #f7f7f4;
	font: 600 clamp(20px, 1.65vw, 27px)/1.25 Poppins, Arial, sans-serif;
	letter-spacing: -.01em;
	margin: 70px 0 0;
	max-width: 640px;
	padding-top: 28px;
	position: relative;
	text-transform: uppercase;
}

.df-experiences .df-experiences__intro-highlight::before {
	background: #d7aa55;
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	width: 64px;
}

.df-experiences .df-experiences__intro-final {
	color: rgba(247,247,244,.62);
	font: 400 17px/1.7 Lato, Arial, sans-serif;
	border-top: 1px solid rgba(255,255,255,.09);
	margin: 64px 0 0;
	max-width: 520px;
	padding-top: 46px;
}

.df-experiences .df-experiences__intro-closing {
	border-left: 2px solid rgba(215,170,85,.72);
	color: #f7f7f4;
	font: 600 clamp(23px, 1.9vw, 30px)/1.3 Poppins, Arial, sans-serif;
	letter-spacing: .015em;
	margin: 74px 0 0 -22px;
	padding-left: 22px;
}

.df-experiences .df-experiences__intro-closing span {
	display: block;
}

.df-experiences .df-experiences__intro-number {
	color: rgba(255,255,255,.04);
	font: 600 clamp(190px, 18vw, 286px)/.78 Poppins, Arial, sans-serif;
	left: max(24px, calc((100vw - 1320px) / 2));
	letter-spacing: -.08em;
	pointer-events: none;
	position: absolute;
	top: clamp(74px, 6vw, 98px);
	z-index: 1;
}

.df-experiences .df-experiences__intro-device {
	align-self: center;
	grid-column: 2;
	margin: 0;
	position: relative;
	z-index: 3;
}

.df-experiences .df-experiences__intro-device::after {
	background: rgba(255,255,255,.045);
	border-radius: 50%;
	bottom: -18px;
	content: '';
	filter: blur(18px);
	height: 46px;
	left: 9%;
	position: absolute;
	width: 82%;
	z-index: -1;
}

.df-experiences .df-experiences__intro-device-motion {
	margin: 0 auto;
	max-width: 430px;
	width: 100%;
}

.df-experiences .df-experiences__intro-phone {
	--df-device-rotate: 0deg;
	position: relative;
	transform: rotate(var(--df-device-rotate));
	transform-origin: 50% 78%;
	transition: transform .75s cubic-bezier(.22,.61,.36,1);
	width: 100%;
}

.df-experiences .df-experiences__intro-screen {
	background: #111 url('../images/experiencias-cinematograficas/capadocia-poster.jpg') center center / cover no-repeat;
	inset: 0;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 597 1172'%3E%3Cpath fill='white' d='M128 74 C109 74 96 85 90 106 C81 172 72 293 63 415 L35 1034 C33 1082 53 1113 98 1125 C179 1135 343 1138 452 1135 C477 1134 491 1116 494 1084 L542 116 C544 86 538 66 520 60 L128 74 Z'/%3E%3C/svg%3E");
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 597 1172'%3E%3Cpath fill='white' d='M128 74 C109 74 96 85 90 106 C81 172 72 293 63 415 L35 1034 C33 1082 53 1113 98 1125 C179 1135 343 1138 452 1135 C477 1134 491 1116 494 1084 L542 116 C544 86 538 66 520 60 L128 74 Z'/%3E%3C/svg%3E");
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

.df-experiences .df-experiences__intro-video {
	display: block;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	transition: opacity .65s ease;
	width: 100%;
}

.df-experiences .df-experiences__intro-screen.is-media-fallback .df-experiences__intro-video {
	opacity: 0;
}

.df-experiences .df-experiences__intro-phone-frame {
	display: block;
	height: auto;
	pointer-events: none;
	position: relative;
	width: 100%;
	z-index: 2;
}

.df-experiences .df-experiences__intro-play {
	align-items: center;
	background: rgba(5,5,5,.72);
	border: 1px solid rgba(215,170,85,.9);
	border-radius: 50%;
	box-shadow: 0 0 0 7px rgba(5,5,5,.18), 0 0 28px rgba(201,149,63,.24);
	cursor: pointer;
	display: flex;
	height: 72px;
	justify-content: center;
	left: 50%;
	padding: 0;
	position: absolute;
	top: 49%;
	transform: translate(-50%,-50%);
	transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease;
	width: 72px;
	z-index: 4;
}

.df-experiences .df-experiences__intro-play span {
	border-bottom: 9px solid transparent;
	border-left: 15px solid #e2b85f;
	border-top: 9px solid transparent;
	display: block;
	height: 0;
	margin-left: 4px;
	width: 0;
}

.df-experiences .df-experiences__intro-play:hover,
.df-experiences .df-experiences__intro-play:focus-visible {
	background: rgba(201,149,63,.92);
	border-color: #f1cf81;
	box-shadow: 0 0 0 7px rgba(5,5,5,.22), 0 0 38px rgba(201,149,63,.46);
	outline: none;
	transform: translate(-50%,-50%) scale(1.06);
}

.df-experiences .df-experiences__intro-play:hover span,
.df-experiences .df-experiences__intro-play:focus-visible span {
	border-left-color: #080706;
}

.df-experiences .df-experiences__video-modal[hidden] {
	display: none;
}

.df-experiences .df-experiences__video-modal {
	align-items: center;
	background: rgba(2,2,2,.97);
	display: flex;
	inset: 0;
	justify-content: center;
	padding: clamp(24px, 5vw, 72px);
	position: fixed;
	z-index: 100000;
}

.df-experiences .df-experiences__video-player {
	aspect-ratio: 16 / 9;
	background: #000;
	max-height: calc(100svh - 96px);
	width: min(92vw, 1440px);
}

.df-experiences .df-experiences__video-player iframe {
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
}

.df-experiences .df-experiences__video-close {
	background: transparent;
	border: 1px solid rgba(255,255,255,.32);
	border-radius: 50%;
	cursor: pointer;
	height: 46px;
	padding: 0;
	position: fixed;
	right: clamp(18px, 2.5vw, 38px);
	top: clamp(18px, 2.5vw, 38px);
	transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
	width: 46px;
	z-index: 2;
}

.df-experiences .df-experiences__video-close::before,
.df-experiences .df-experiences__video-close::after {
	background: #fff;
	content: '';
	height: 1px;
	left: 12px;
	position: absolute;
	top: 22px;
	transform: rotate(45deg);
	width: 20px;
}

.df-experiences .df-experiences__video-close::after {
	transform: rotate(-45deg);
}

.df-experiences .df-experiences__video-close:hover,
.df-experiences .df-experiences__video-close:focus-visible {
	background: #c9953f;
	border-color: #c9953f;
	outline: none;
	transform: rotate(90deg);
}

body.df-experiences-video-open {
	overflow: hidden;
}

.df-experiences .df-experiences__intro-caption {
	color: rgba(247,247,244,.42);
	font: 600 9px/1.5 Poppins, Arial, sans-serif;
	letter-spacing: .19em;
	margin: 68px 0 0;
	padding-left: 36px;
	position: relative;
	text-transform: uppercase;
}

.df-experiences .df-experiences__intro-caption::before {
	background: #d7aa55;
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	top: 7px;
	width: 18px;
}

.df-experiences .df-experiences__intro-caption span {
	display: block;
}

.df-experiences .df-experiences__intro-caption span + span {
	font-family: Lato, Arial, sans-serif;
	font-weight: 400;
	letter-spacing: .13em;
	margin-top: 8px;
	text-transform: none;
}

.df-experiences.has-intro-motion .df-experiences__intro [data-intro-number],
.df-experiences.has-intro-motion .df-experiences__intro [data-intro-device],
.df-experiences.has-intro-motion .df-experiences__intro [data-intro-caption],
.df-experiences.has-intro-motion .df-experiences__intro [data-intro-reveal] {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 1.05s ease, transform 1.05s cubic-bezier(.22,.61,.36,1);
}

.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible [data-intro-number],
.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible [data-intro-device],
.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible [data-intro-caption],
.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible [data-intro-reveal] {
	opacity: 1;
	transform: translateY(0);
}

.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible [data-intro-device] { transition-delay: .24s; }
.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible [data-intro-caption] { transition-delay: .56s; }
.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible .df-experiences__intro-kicker { transition-delay: .76s; }
.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible .df-experiences__intro-title { transition-delay: .90s; }
.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible .df-experiences__intro-highlight { transition-delay: 1.04s; }
.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible .df-experiences__intro-copy { transition-delay: 1.18s; }
.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible .df-experiences__intro-final { transition-delay: 1.30s; }
.df-experiences.has-intro-motion .df-experiences__intro.is-intro-visible .df-experiences__intro-closing { transition-delay: 1.42s; }

@media (min-width: 1440px) {
	.df-experiences .df-experiences__intro-title {
		max-width: 490px;
	}
}

@media (max-width: 991px) {
	.df-experiences-page #header,
	.df-experiences-page #header-wrap,
	.df-experiences-page #header.transparent-header #header-wrap,
	.df-experiences-page #header.dark #header-wrap {
		background: transparent !important;
	}

	.df-experiences-page #header.dark .primary-menu,
	.df-experiences-page #header.dark .menu-container,
	.df-experiences-page #header.dark .sub-menu-container {
		background: rgba(5,5,5,.98) !important;
	}

	.df-experiences-page #header.dark .menu-container {
		border-color: rgba(255,255,255,.10) !important;
	}

	.df-experiences-page.df-experiences-page--scrolled #header {
		background: #0d0d0d !important;
	}

	.df-experiences .df-experiences__hero-media {
		background-image: url('../images/experiencias-cinematograficas/hero-poster.jpg');
		background-position: center center;
	}

	.df-experiences .df-experiences__hero-media.has-mobile-hero {
		background-image: url('../images/experiencias-cinematograficas/hero-mobile.jpg');
	}

	.df-experiences .df-experiences__hero-video {
		display: none;
	}

	.df-experiences .df-experiences__hero-container {
		padding-bottom: 96px;
		padding-top: 150px;
	}

	.df-experiences .df-experiences__hero-overlay {
		background:
			linear-gradient(180deg, rgba(3,4,4,.30) 0%, rgba(3,4,4,.08) 25%, rgba(3,4,4,.90) 100%),
			linear-gradient(90deg, rgba(3,4,4,.78) 0%, rgba(3,4,4,.30) 86%);
	}

	.df-experiences .df-experiences__hero-title {
		font-size: clamp(42px, 10vw, 68px);
	}

	.df-experiences .df-experiences__intro {
		--df-intro-space: 28px;
		padding: 150px 0 160px;
	}

	.df-experiences .df-experiences__intro-grid {
		align-items: start;
		gap: 0;
		grid-template-areas:
			'device'
			'kicker'
			'title'
			'copy'
			'highlight'
			'caption'
			'final'
			'closing';
		grid-template-columns: minmax(0, 1fr);
	}

	.df-experiences .df-experiences__intro-left,
	.df-experiences .df-experiences__intro-right {
		display: contents;
	}

	.df-experiences .df-experiences__intro-device {
		grid-area: device;
		justify-self: center;
		margin-bottom: 110px;
		width: min(430px, 72vw);
	}

	.df-experiences .df-experiences__intro-kicker { grid-area: kicker; }
	.df-experiences .df-experiences__intro-title { grid-area: title; }
	.df-experiences .df-experiences__intro-copy { grid-area: copy; }
	.df-experiences .df-experiences__intro-highlight { grid-area: highlight; }
	.df-experiences .df-experiences__intro-caption { grid-area: caption; }
	.df-experiences .df-experiences__intro-final { grid-area: final; }
	.df-experiences .df-experiences__intro-closing { grid-area: closing; }

	.df-experiences .df-experiences__intro-copy {
		margin-top: 72px;
		max-width: 650px;
	}

	.df-experiences .df-experiences__intro-final {
		max-width: 650px;
	}
}

@media (max-width: 575px) {
	.df-experiences .df-experiences__hero-container {
		padding-bottom: 88px;
		padding-top: 130px;
	}

	.df-experiences .df-experiences__hero-kicker {
		font-size: 10px;
		letter-spacing: .22em;
		margin-bottom: 14px;
	}

	.df-experiences .df-experiences__hero-title {
		font-size: clamp(38px, 12vw, 50px);
		line-height: 1.01;
	}

	.df-experiences .df-experiences__hero-copy {
		font-size: 17px;
		line-height: 1.48;
		margin-top: 20px;
	}

	.df-experiences .df-experiences__hero-action {
		margin-top: 28px;
	}

	.df-experiences .df-experiences__hero-cta {
		font-size: 10px;
		gap: 12px;
		letter-spacing: .14em;
		min-height: 52px;
		padding: 0 19px;
	}

	.df-experiences .df-experiences__hero-scroll {
		bottom: 22px;
	}

	.df-experiences .df-experiences__intro {
		--df-intro-space: 24px;
		padding: 112px 0 128px;
	}

	.df-experiences .df-experiences__intro-grid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.df-experiences .df-experiences__intro-number {
		font-size: 148px;
		left: 15px;
		top: 52px;
	}

	.df-experiences .df-experiences__intro-kicker {
		font-size: 10px;
		letter-spacing: .21em;
		margin-bottom: var(--df-intro-space);
	}

	.df-experiences .df-experiences__intro-device {
		margin-bottom: 92px;
		width: min(292px, 82vw);
	}

	.df-experiences .df-experiences__intro-play {
		height: 58px;
		width: 58px;
	}

	.df-experiences .df-experiences__video-modal {
		padding: 56px 12px 24px;
	}

	.df-experiences .df-experiences__video-player {
		width: 100%;
	}

	.df-experiences .df-experiences__intro-title {
		font-size: clamp(34px, 10vw, 44px);
		line-height: 1.13;
		max-width: 330px;
	}

	.df-experiences .df-experiences__intro-copy {
		font-size: 17px;
		line-height: 1.68;
		margin-top: 58px;
		padding-top: 0;
	}

	.df-experiences .df-experiences__intro-copy p + p {
		margin-top: 62px;
		padding-top: 44px;
	}

	.df-experiences .df-experiences__intro-highlight {
		font-size: clamp(25px, 7.5vw, 31px);
		margin-top: 64px;
		padding-top: 24px;
	}

	.df-experiences .df-experiences__intro-caption {
		margin-top: 54px;
	}

	.df-experiences .df-experiences__intro-final {
		font-size: 16px;
		margin-top: 62px;
		padding-top: 40px;
	}

	.df-experiences .df-experiences__intro-closing {
		font-size: clamp(21px, 6.4vw, 27px);
		margin: 68px 0 0;
		padding-left: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.df-experiences .df-experiences__hero-scroll span {
		animation: none;
	}

	.df-experiences.is-hero-ready [data-hero-reveal] {
		animation: none;
	}

	.df-experiences .df-experiences__hero-cta,
	.df-experiences .df-experiences__hero-cta i {
		transition: none;
	}

	.df-experiences.has-intro-motion .df-experiences__intro [data-intro-number],
	.df-experiences.has-intro-motion .df-experiences__intro [data-intro-device],
	.df-experiences.has-intro-motion .df-experiences__intro [data-intro-caption],
	.df-experiences.has-intro-motion .df-experiences__intro [data-intro-reveal] {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Experiencias: reemplazo de acentos globales teal por dorado */
.df-experiences-page .df-pro-footer {
	border-top-color: rgba(215,170,85,.28) !important;
}

.df-experiences-page .df-pro-footer .df-footer-kicker,
.df-experiences-page .df-pro-footer a:hover {
	color: #d7aa55 !important;
}

.df-experiences-page .df-pro-footer .df-footer-btn {
	border-color: rgba(215,170,85,.58) !important;
}

.df-experiences-page .df-pro-footer .df-footer-btn-primary {
	background: linear-gradient(135deg, #d7aa55, #a96e1d) !important;
	box-shadow: 0 18px 46px rgba(201,149,63,.22) !important;
}

/* Relatos fotográficos */
.df-experiences .df-experiences__story {
	background: #050607;
	color: #f5f2eb;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.df-experiences .df-experiences__story-stage {
	aspect-ratio: 16 / 9;
	height: min(56.25vw, 780px);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.df-experiences .df-experiences__story-slides,
.df-experiences .df-experiences__story-slide,
.df-experiences .df-experiences__story-slide > img,
.df-experiences .df-experiences__story-shade {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.df-experiences .df-experiences__story-slide {
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s cubic-bezier(.22,.61,.36,1);
}

.df-experiences .df-experiences__story-slide.is-active {
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
}

.df-experiences .df-experiences__story-slide > img {
	object-fit: cover;
	object-position: center;
	transform: scale(1.015);
	transition: transform 7s ease;
}

.df-experiences .df-experiences__story-slide.is-active > img {
	transform: scale(1.045);
}

.df-experiences .df-experiences__story-shade {
	background: linear-gradient(90deg, rgba(3,4,4,.94) 0%, rgba(3,4,4,.78) 24%, rgba(3,4,4,.4) 45%, rgba(3,4,4,.08) 68%), linear-gradient(180deg, rgba(3,4,4,.24), transparent 35%, rgba(3,4,4,.34));
}

.df-experiences .df-experiences__story-copy {
	left: clamp(34px, 7vw, 116px);
	max-width: min(520px, 39vw);
	position: absolute;
	top: 17%;
	z-index: 2;
}

.df-experiences .df-experiences__story-meta {
	align-items: flex-end;
	display: flex;
	gap: 24px;
	margin-bottom: clamp(34px, 3.6vw, 56px);
}

.df-experiences .df-experiences__story-meta strong {
	color: #c9953f;
	font: 300 clamp(42px, 4vw, 64px)/1 Poppins, sans-serif;
	padding-bottom: 16px;
	position: relative;
}

.df-experiences .df-experiences__story-meta strong::after {
	background: linear-gradient(90deg, #c9953f, rgba(201,149,63,.18));
	bottom: 0;
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	width: 136px;
}

.df-experiences .df-experiences__story-meta span {
	color: #c9953f;
	font: 500 13px/1.4 Poppins, sans-serif;
	letter-spacing: .22em;
	padding-bottom: 3px;
	text-transform: uppercase;
}

.df-experiences .df-experiences__story-copy h2 {
	color: #f6f3ed;
	font: 500 clamp(38px, 4.3vw, 70px)/.98 Poppins, sans-serif;
	letter-spacing: -.035em;
	margin: 0;
	text-transform: uppercase;
}

.df-experiences .df-experiences__story-copy h2 strong {
	color: #c9953f;
	display: block;
	font-weight: 500;
}

.df-experiences .df-experiences__story-rule {
	background: linear-gradient(90deg, #c9953f, rgba(201,149,63,.2), transparent);
	display: block;
	height: 1px;
	margin: clamp(24px, 2.4vw, 38px) 0 20px;
	position: relative;
	width: 122px;
}

.df-experiences .df-experiences__story-rule::after {
	background: #fff1bd;
	box-shadow: 0 0 10px rgba(224,174,84,.86);
	content: '';
	height: 5px;
	left: 74%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	width: 5px;
}

.df-experiences .df-experiences__story-copy > p {
	color: rgba(245,242,235,.82);
	font: 400 clamp(15px, 1.25vw, 19px)/1.55 Lato, sans-serif;
	margin: 0;
}

.df-experiences .df-experiences__story-credit {
	align-items: center;
	bottom: clamp(72px, 8vw, 112px);
	display: flex;
	gap: 15px;
	left: clamp(34px, 7vw, 116px);
	margin: 0;
	position: absolute;
	z-index: 2;
}

.df-experiences .df-experiences__story-camera {
	align-items: center;
	border: 1px solid rgba(201,149,63,.8);
	border-radius: 50%;
	color: #c9953f;
	display: flex;
	font: 400 25px/1 Poppins, sans-serif;
	height: 54px;
	justify-content: center;
	width: 54px;
}

.df-experiences .df-experiences__story-camera i {
	align-items: center;
	color: #d7a54b;
	display: flex;
	font-size: 25px;
	height: 100%;
	justify-content: center;
	line-height: 1;
	margin: 0;
	width: 100%;
}

.df-experiences .df-experiences__story-camera i::before {
	margin: 0;
}

.df-experiences .df-experiences__story-credit p {
	margin: 0;
}

.df-experiences .df-experiences__story-credit strong,
.df-experiences .df-experiences__story-credit span {
	display: block;
}

.df-experiences .df-experiences__story-credit strong {
	color: #c9953f;
	font: 500 15px/1.35 Poppins, sans-serif;
}

.df-experiences .df-experiences__story-credit span {
	color: rgba(255,255,255,.62);
	font: 500 10px/1.5 Poppins, sans-serif;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.df-experiences .df-experiences__story-arrow {
	align-items: center;
	background: rgba(4,5,5,.25);
	border: 1px solid rgba(255,255,255,.42);
	border-radius: 50%;
	color: #d7a54b;
	cursor: pointer;
	display: flex;
	font: 300 44px/1 Poppins, sans-serif;
	height: 58px;
	justify-content: center;
	padding: 0 0 5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color .3s ease, border-color .3s ease, color .3s ease;
	width: 58px;
	z-index: 4;
}

.df-experiences .df-experiences__story-arrow:hover,
.df-experiences .df-experiences__story-arrow:focus-visible {
	background: rgba(201,149,63,.16);
	border-color: #c9953f;
	color: #f4c972;
}

.df-experiences .df-experiences__story-arrow--prev { left: 26px; }
.df-experiences .df-experiences__story-arrow--next { right: 26px; }

.df-experiences .df-experiences__story-pagination {
	align-items: center;
	bottom: 28px;
	display: flex;
	gap: clamp(28px, 3.5vw, 58px);
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	z-index: 4;
}

.df-experiences .df-experiences__story-pagination button {
	background: none;
	border: 0;
	color: rgba(255,255,255,.76);
	cursor: pointer;
	font: 400 14px/1 Poppins, sans-serif;
	padding: 12px 0;
	position: relative;
}

.df-experiences .df-experiences__story-pagination button.is-active {
	color: #c9953f;
}

.df-experiences .df-experiences__story-pagination button.is-active::after {
	background: linear-gradient(90deg, #c9953f, #f0c46d, #c9953f);
	bottom: 0;
	box-shadow: 0 0 8px rgba(224,174,84,.58);
	content: '';
	height: 1px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 106px;
}

.df-experiences .df-experiences__story-reflections {
	filter: blur(.8px) saturate(.72) contrast(.92) brightness(.58);
	height: 92px;
	opacity: .26;
	overflow: hidden;
	pointer-events: none;
	position: relative;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.88), transparent);
	mask-image: linear-gradient(to bottom, rgba(0,0,0,.88), transparent);
}

.df-experiences .df-experiences__story-reflections img {
	display: block;
	height: min(56.25vw, 780px);
	left: 0;
	object-fit: cover;
	object-position: center;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(1.015, -1.015);
	transform-origin: center center;
	transition: opacity 1s ease, transform 7s ease;
	width: 100%;
}

.df-experiences .df-experiences__story-reflections img.is-active {
	opacity: 1;
	transform: scale(1.045, -1.045);
}

@media (max-width: 767px) {
	.df-experiences .df-experiences__story-stage {
		aspect-ratio: 4 / 5;
		height: auto;
	}

	.df-experiences .df-experiences__story-copy {
		left: 24px;
		max-width: calc(100% - 48px);
		top: 10%;
	}

	.df-experiences .df-experiences__story-copy h2 {
		font-size: clamp(34px, 10vw, 48px);
		max-width: 330px;
	}

	.df-experiences .df-experiences__story-meta {
		margin-bottom: 32px;
	}

	.df-experiences .df-experiences__story-credit {
		bottom: 88px;
		left: 24px;
	}

	.df-experiences .df-experiences__story-arrow {
		height: 46px;
		width: 46px;
	}

	.df-experiences .df-experiences__story-arrow--prev { left: 12px; }
	.df-experiences .df-experiences__story-arrow--next { right: 12px; }

	.df-experiences .df-experiences__story-pagination {
		bottom: 18px;
		gap: 26px;
	}

	.df-experiences .df-experiences__story-pagination button.is-active::after {
		width: 62px;
	}

	.df-experiences .df-experiences__story-reflections {
		height: 64px;
	}

	.df-experiences .df-experiences__story-reflections img {
		height: 125vw;
	}
}

@media (prefers-reduced-motion: reduce) {
	.df-experiences .df-experiences__story-slide,
	.df-experiences .df-experiences__story-slide > img,
	.df-experiences .df-experiences__story-reflections img {
		transition: none;
	}
}

/* Todo está pensado */
.df-experiences .df-experiences__included {
	background-color: #050505;
	background-image: url('../images/experiencias-cinematograficas/fondo-cuero-negro-fino.jpg');
	background-position: center top;
	background-repeat: repeat;
	background-size: 640px 640px;
	color: #f5f2eb;
	overflow: hidden;
	padding: clamp(64px, 4.2vw, 76px) 0 clamp(60px, 4vw, 72px);
	position: relative;
}

.df-experiences .df-experiences__included::before {
	background: rgba(0,0,0,.46);
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.df-experiences .df-experiences__included::after {
	background: linear-gradient(180deg, #050505 0%, rgba(5,5,5,.88) 28%, rgba(5,5,5,.38) 66%, transparent 100%);
	content: '';
	height: clamp(100px, 10vw, 150px);
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}

.df-experiences .df-experiences__included > .container {
	position: relative;
	z-index: 1;
}

.df-experiences .df-experiences__included-header {
	margin: 0 auto clamp(42px, 3vw, 52px);
	max-width: 1120px;
	text-align: center;
}

.df-experiences .df-experiences__included-header h2 {
	color: #f6f3ed;
	font: 500 clamp(32px, 3vw, 48px)/1.12 Poppins, sans-serif;
	letter-spacing: -.025em;
	margin: 0;
	text-transform: uppercase;
}

.df-experiences .df-experiences__included-header h2 span {
	color: #c49a43;
	display: block;
	font-size: .48em;
	font-weight: 500;
	letter-spacing: .12em;
	margin-top: 16px;
}

.df-experiences .df-experiences__included-heading-line {
	background: linear-gradient(90deg, transparent, rgba(196,154,67,.76), transparent);
	height: 1px;
	margin: clamp(22px, 2vw, 30px) auto 0;
	max-width: 520px;
	position: relative;
}

.df-experiences .df-experiences__included-heading-line::after {
	background: #ffe6a2;
	box-shadow: 0 0 10px rgba(196,154,67,.78);
	content: '';
	height: 5px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	width: 5px;
}

.df-experiences .df-experiences__included-grid {
	display: grid;
	gap: clamp(48px, 5vw, 84px);
	grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
}

.df-experiences .df-experiences__included-column > h3 {
	color: #c49a43;
	font: 500 clamp(17px, 1.5vw, 23px)/1.3 Poppins, sans-serif;
	letter-spacing: .2em;
	margin: 0 0 clamp(28px, 2.5vw, 38px);
	padding-bottom: 18px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.df-experiences .df-experiences__included-column > h3::after {
	background: rgba(196,154,67,.72);
	bottom: 0;
	content: '';
	height: 1px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 92px;
}

.df-experiences .df-experiences__included-divider {
	background: linear-gradient(180deg, transparent, rgba(196,154,67,.22) 8%, rgba(196,154,67,.4) 50%, rgba(196,154,67,.22) 92%, transparent);
	position: relative;
}

.df-experiences .df-experiences__included-divider::after {
	background: #ffe6a2;
	box-shadow: 0 0 11px rgba(196,154,67,.78);
	content: '';
	height: 5px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	width: 5px;
}

.df-experiences .df-experiences__included-item {
	align-items: start;
	display: grid;
	gap: clamp(20px, 2vw, 30px);
	grid-template-columns: 54px minmax(0, 1fr);
	margin-bottom: clamp(14px, 1vw, 18px);
}

.df-experiences .df-experiences__included-item:last-child {
	margin-bottom: 0;
}

.df-experiences .df-experiences__included-item svg {
	fill: none;
	height: 34px;
	margin: 4px auto 0;
	stroke: #c49a43;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.45;
	width: 34px;
}

.df-experiences .df-experiences__included-icon-3d {
	display: block;
	height: 46px;
	margin: -2px auto 0;
	object-fit: contain;
	width: 46px;
}

.df-experiences .df-experiences__included-item > div {
	border-bottom: 1px solid rgba(194,151,61,.28);
	min-height: 64px;
	padding: 0 0 14px 20px;
	position: relative;
}

.df-experiences .df-experiences__included-item > div::before {
	background: linear-gradient(180deg, rgba(196,154,67,.75), rgba(196,154,67,.24));
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	height: 44px;
	width: 1px;
}

.df-experiences .df-experiences__included-item h4 {
	color: #f7f4ee;
	font: 500 clamp(13px, 1.05vw, 16px)/1.4 Poppins, sans-serif;
	letter-spacing: .13em;
	margin: 0 0 7px;
	text-transform: uppercase;
}

.df-experiences .df-experiences__included-item p {
	color: rgba(255,255,255,.58);
	font: 400 clamp(14px, 1vw, 16px)/1.55 Lato, sans-serif;
	margin: 0;
}

.df-experiences .df-experiences__included-closing {
	align-items: center;
	display: grid;
	gap: clamp(20px, 3vw, 44px);
	grid-template-columns: minmax(30px, 1fr) auto minmax(30px, 1fr);
	margin: clamp(36px, 3vw, 48px) auto 0;
	max-width: 1080px;
	text-align: center;
}

.df-experiences .df-experiences__included-closing > span {
	background: linear-gradient(90deg, transparent, rgba(196,154,67,.58));
	height: 1px;
}

.df-experiences .df-experiences__included-closing > span:last-child {
	background: linear-gradient(90deg, rgba(196,154,67,.58), transparent);
}

.df-experiences .df-experiences__included-closing p {
	color: rgba(245,242,235,.78);
	font: 500 clamp(12px, 1vw, 15px)/1.5 Poppins, sans-serif;
	letter-spacing: .18em;
	margin: 0;
	text-transform: uppercase;
}

.df-experiences .df-experiences__included-closing strong {
	color: #c49a43;
	display: block;
	font-size: 1.42em;
	font-weight: 500;
	letter-spacing: .25em;
	margin-top: 7px;
}

.df-experiences .df-experiences__included.has-included-motion [data-included-reveal] {
	opacity: 0;
	transform: translateY(15px);
}

.df-experiences .df-experiences__included.has-included-motion.is-included-visible [data-included-reveal] {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .72s ease, transform .72s cubic-bezier(.22,.61,.36,1);
}

.df-experiences .df-experiences__included.has-included-motion.is-included-visible .df-experiences__included-column [data-included-reveal]:nth-child(2) { transition-delay: .08s; }
.df-experiences .df-experiences__included.has-included-motion.is-included-visible .df-experiences__included-column [data-included-reveal]:nth-child(3) { transition-delay: .14s; }
.df-experiences .df-experiences__included.has-included-motion.is-included-visible .df-experiences__included-column [data-included-reveal]:nth-child(4) { transition-delay: .20s; }
.df-experiences .df-experiences__included.has-included-motion.is-included-visible .df-experiences__included-column [data-included-reveal]:nth-child(5) { transition-delay: .26s; }
.df-experiences .df-experiences__included.has-included-motion.is-included-visible .df-experiences__included-column [data-included-reveal]:nth-child(6) { transition-delay: .32s; }
.df-experiences .df-experiences__included.has-included-motion.is-included-visible .df-experiences__included-column [data-included-reveal]:nth-child(7) { transition-delay: .38s; }
.df-experiences .df-experiences__included.has-included-motion.is-included-visible .df-experiences__included-closing { transition-delay: .46s; }

@media (max-width: 991px) {
	.df-experiences .df-experiences__included-grid {
		gap: 72px;
		grid-template-columns: minmax(0, 1fr);
	}

	.df-experiences .df-experiences__included-divider {
		display: none;
	}
}

@media (max-width: 767px) {
	.df-experiences .df-experiences__included {
		padding: 68px 0 64px;
	}

	.df-experiences .df-experiences__included-header {
		margin-bottom: 48px;
	}

	.df-experiences .df-experiences__included-header h2 {
		font-size: clamp(27px, 8vw, 36px);
	}

	.df-experiences .df-experiences__included-header h2 span {
		font-size: .44em;
		letter-spacing: .08em;
		line-height: 1.5;
	}

	.df-experiences .df-experiences__included-item {
		gap: 14px;
		grid-template-columns: 42px minmax(0, 1fr);
	}

	.df-experiences .df-experiences__included-item svg {
		height: 30px;
		width: 30px;
	}

	.df-experiences .df-experiences__included-icon-3d {
		height: 38px;
		width: 38px;
	}

	.df-experiences .df-experiences__included-item > div {
		padding-left: 14px;
	}

	.df-experiences .df-experiences__included-closing {
		gap: 14px;
		grid-template-columns: 30px minmax(0, auto) 30px;
		margin-top: 48px;
	}

	.df-experiences .df-experiences__included-closing p {
		font-size: 10px;
		letter-spacing: .11em;
	}

	.df-experiences .df-experiences__included-closing strong {
		letter-spacing: .14em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.df-experiences .df-experiences__included.has-included-motion [data-included-reveal] {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Tu viaje, tu película */
.df-experience-journey {
	background: #050607;
	color: #f5f2eb;
	overflow: hidden;
	padding: clamp(72px, 6vw, 96px) 0 clamp(64px, 5vw, 88px);
}

.df-experience-journey .df-experience-journey__container {
	margin: 0 auto;
	max-width: 1600px;
	padding: 0 clamp(20px, 3.2vw, 56px);
	width: 100%;
}

.df-experience-journey .df-experience-journey__header {
	margin: 0 auto clamp(68px, 6vw, 96px);
	max-width: 1380px;
	text-align: center;
}

.df-experience-journey .df-experience-journey__title {
	align-items: center;
	display: flex;
	font: 500 clamp(32px, 3vw, 48px)/1.08 Poppins, sans-serif;
	gap: clamp(18px, 2vw, 34px);
	justify-content: center;
	letter-spacing: .025em;
	margin: 0;
	text-shadow: 0 8px 30px rgba(0,0,0,.34);
	text-transform: uppercase;
}

.df-experience-journey .df-experience-journey__title .df-experience-journey__title-light {
	background: linear-gradient(180deg, #fff 0%, #f5f0e6 58%, #d8d2c7 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: #f7f3eb;
}

.df-experience-journey .df-experience-journey__title .df-experience-journey__title-gold {
	background: linear-gradient(180deg, #e3b45d 0%, #c88c2f 62%, #a86d20 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: #c9953f;
}

.df-experience-journey .df-experience-journey__title-spark {
	background: linear-gradient(90deg, transparent, rgba(215,170,85,.9), transparent);
	height: 1px;
	position: relative;
	width: clamp(34px, 4vw, 62px);
}

.df-experience-journey .df-experience-journey__title-spark::after,
.df-experience-journey .df-experience-journey__title-line::after,
.df-experience-journey .df-experience-journey__footer::after {
	background: #ffe3a0;
	box-shadow: 0 0 5px #fff0bd, 0 0 14px rgba(215,170,85,.86);
	content: '';
	height: 5px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 5px;
}

.df-experience-journey .df-experience-journey__title-line {
	background: linear-gradient(90deg, transparent, rgba(199,154,71,.72) 25%, rgba(199,154,71,.72) 75%, transparent);
	height: 1px;
	margin: clamp(24px, 2.6vw, 38px) auto 0;
	max-width: 1260px;
	position: relative;
}

.df-experience-journey .df-experience-journey__subtitle {
	color: rgba(255,255,255,.84);
	font: 400 clamp(12px, 1.25vw, 18px)/1.6 Poppins, sans-serif;
	letter-spacing: .28em;
	margin: clamp(20px, 2.2vw, 32px) 0 0;
	text-transform: uppercase;
}

.df-experience-journey .df-experience-journey__subtitle strong {
	color: #c9953f;
	font-weight: 400;
}

.df-experience-journey .df-experience-journey__subtitle--closing {
	margin: clamp(14px, 2.5vw, 38px) auto 0;
	text-align: center;
}

.df-experience-journey .df-experience-journey__heading-promise {
	align-items: center;
	display: grid;
	gap: clamp(20px, 3vw, 46px);
	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
	margin: 0 auto;
	max-width: 1020px;
	position: relative;
	text-align: center;
}

.df-experience-journey .df-experience-journey__heading-promise::after {
	content: none;
}

.df-experience-journey .df-experience-journey__heading-promise h2 {
	align-items: center;
	display: flex;
	font: 500 clamp(28px, 2.5vw, 40px)/1.15 Poppins, sans-serif;
	gap: clamp(10px, 1.1vw, 18px);
	justify-content: center;
	letter-spacing: .08em;
	margin: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.df-experience-journey .df-experience-journey__heading-promise h2 > span,
.df-experience-journey .df-experience-journey__heading-promise h2 > strong {
	display: inline;
}

.df-experience-journey .df-experience-journey__heading-promise h2 > span {
	color: #f5f2eb;
	font: inherit;
}

.df-experience-journey .df-experience-journey__heading-promise h2 > strong {
	color: #c9953f;
	font: inherit;
}

.df-experience-journey .df-experience-journey__heading-promise h2 > .df-experience-journey__heading-stars {
	align-items: center;
	color: #d9a342;
	display: inline-flex;
	font: inherit;
	gap: 3px;
	letter-spacing: 0;
	text-shadow: 0 0 8px rgba(224,174,84,.48);
}

.df-experience-journey .df-experience-journey__heading-stars i {
	font-size: .45em;
	font-style: normal;
}

.df-experience-journey .df-experience-journey__heading-copy > p {
	color: rgba(245,242,235,.68);
	font: 400 clamp(13px, 1vw, 16px)/1.6 Lato, sans-serif;
	letter-spacing: .08em;
	margin: 14px 0 0;
}

.df-experience-journey .df-experience-journey__heading-promise > .df-experience-journey__footer-line {
	align-self: start;
	margin-top: clamp(16px, 1.45vw, 23px);
}

.df-experience-journey .df-experience-journey__grid {
	display: grid;
	gap: 48px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.df-experience-journey .df-experience-journey__card {
	aspect-ratio: 3 / 4.7;
	background: #050607;
	border: 1px solid rgba(201,154,74,.16);
	border-radius: 6px;
	box-shadow: inset 0 0 42px rgba(0,0,0,.42);
	overflow: hidden;
	position: relative;
	transition: border-color .45s ease, box-shadow .45s ease;
}

@property --df-journey-border-angle {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}

.df-experience-journey .df-experience-journey__card::after {
	--df-journey-border-angle: 0deg;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	animation: df-journey-border 7.5s linear infinite;
	background: conic-gradient(from var(--df-journey-border-angle), transparent 0deg 312deg, rgba(199,154,71,.06) 320deg, rgba(215,170,85,.62) 332deg, #fff3c6 340deg, rgba(215,170,85,.54) 348deg, transparent 358deg);
	content: '';
	filter: drop-shadow(0 0 4px rgba(215,170,85,.72));
	inset: 0;
	mask-composite: exclude;
	padding: 1px;
	pointer-events: none;
	position: absolute;
	z-index: 5;
}

.df-experience-journey .df-experience-journey__card:nth-child(2)::after { animation-delay: -1.8s; }
.df-experience-journey .df-experience-journey__card:nth-child(3)::after { animation-delay: -3.6s; }
.df-experience-journey .df-experience-journey__card:nth-child(4)::after { animation-delay: -5.4s; }

@keyframes df-journey-border {
	to {
		--df-journey-border-angle: 360deg;
	}
}

.df-experience-journey .df-experience-journey__image {
	color: transparent;
	font-size: 0;
	height: 100%;
	inset: 0;
	object-fit: cover;
	object-position: center center;
	position: absolute;
	transition: transform .8s cubic-bezier(.22,.61,.36,1);
	width: 100%;
}

.df-experience-journey .df-experience-journey__shade {
	background:
		linear-gradient(90deg, rgba(2,3,4,.84) 0%, rgba(2,3,4,.68) 28%, rgba(2,3,4,.4) 54%, rgba(2,3,4,.12) 82%, rgba(2,3,4,.04) 100%),
		linear-gradient(180deg, rgba(2,3,4,.44) 0%, rgba(2,3,4,.08) 36%, rgba(2,3,4,.1) 72%, rgba(2,3,4,.46) 100%);
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.df-experience-journey .df-experience-journey__icon-stage {
	height: clamp(76px, 5.8vw, 94px);
	left: 18px;
	position: absolute;
	right: 18px;
	top: 18px;
	z-index: 3;
}

.df-experience-journey .df-experience-journey__icon-stage::before {
	content: none;
}

.df-experience-journey .df-experience-journey__icon-line {
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(215,170,85,.26) 10%,
		rgba(215,170,85,.78) 38%,
		transparent 42%,
		transparent 58%,
		rgba(215,170,85,.78) 62%,
		rgba(215,170,85,.26) 90%,
		transparent 100%
	);
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

.df-experience-journey .df-experience-journey__icon-line::after {
	animation: df-journey-line-glow 7s cubic-bezier(.45,0,.55,1) infinite;
	background: linear-gradient(90deg, transparent 0%, #fff1bd 7%, rgba(255,220,124,.3) 14%, transparent 24% 76%, rgba(255,220,124,.3) 86%, #fff1bd 93%, transparent 100%);
	box-shadow: 0 0 7px rgba(225,171,66,.72);
	content: '';
	height: 1px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scaleX(0);
	transform-origin: center;
	width: 100%;
}

.df-experience-journey .df-experience-journey__icon {
	animation: df-journey-medallion-glow 5.5s ease-in-out infinite;
	align-items: center;
	background: #050607;
	border: 1px solid #ffe9a9;
	border-radius: 50%;
	box-shadow: 0 0 18px rgba(211,155,54,.58), 0 0 3px rgba(255,229,159,.88), inset 0 1px 1px rgba(255,255,255,.78);
	display: flex;
	height: clamp(66px, 4.8vw, 82px);
	justify-content: center;
	left: 50%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: box-shadow .45s ease;
	width: clamp(66px, 4.8vw, 82px);
}

.df-experience-journey .df-experience-journey__icon img {
	flex: 0 0 auto;
	height: 123%;
	max-width: none;
	object-fit: cover;
	width: 123%;
}

@keyframes df-journey-line-glow {
	0%, 18% { opacity: 0; transform: scaleX(0); }
	28% { opacity: .92; }
	68% { opacity: .92; transform: scaleX(1); }
	80%, 100% { opacity: 0; transform: scaleX(1); }
}

@keyframes df-journey-medallion-glow {
	0%, 100% { box-shadow: 0 0 14px rgba(211,155,54,.44), 0 0 3px rgba(255,229,159,.72), inset 0 1px 1px rgba(255,255,255,.78); }
	50% { box-shadow: 0 0 21px rgba(211,155,54,.62), 0 0 5px rgba(255,229,159,.9), inset 0 1px 1px rgba(255,255,255,.78); }
}

.df-experience-journey .df-experience-journey__card:nth-child(2) .df-experience-journey__icon-stage::before,
.df-experience-journey .df-experience-journey__card:nth-child(2) .df-experience-journey__icon-line::after,
.df-experience-journey .df-experience-journey__card:nth-child(2) .df-experience-journey__icon { animation-delay: -1.4s; }

.df-experience-journey .df-experience-journey__card:nth-child(3) .df-experience-journey__icon-stage::before,
.df-experience-journey .df-experience-journey__card:nth-child(3) .df-experience-journey__icon-line::after,
.df-experience-journey .df-experience-journey__card:nth-child(3) .df-experience-journey__icon { animation-delay: -2.8s; }

.df-experience-journey .df-experience-journey__card:nth-child(4) .df-experience-journey__icon-stage::before,
.df-experience-journey .df-experience-journey__card:nth-child(4) .df-experience-journey__icon-line::after,
.df-experience-journey .df-experience-journey__card:nth-child(4) .df-experience-journey__icon { animation-delay: -4.2s; }

.df-experience-journey .df-experience-journey__icon svg {
	fill: none;
	height: 54%;
	stroke: #17110a;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 54%;
}

.df-experience-journey .df-experience-journey__content {
	left: 0;
	padding: clamp(24px, 2.15vw, 36px);
	position: absolute;
	right: 0;
	top: clamp(122px, 8.8vw, 148px);
	z-index: 2;
}

.df-experience-journey .df-experience-journey__number {
	color: #d39b3f;
	font: 300 clamp(3rem, 3.8vw, 5.2rem)/.95 Poppins, sans-serif;
	letter-spacing: -.035em;
	margin: 0 0 clamp(38px, 3.5vw, 52px);
	position: relative;
}

.df-experience-journey .df-experience-journey__number::after {
	background: linear-gradient(90deg, #d4a24c, rgba(212,162,76,.38), transparent);
	bottom: -16px;
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	width: clamp(70px, 6vw, 96px);
}

.df-experience-journey .df-experience-journey__card-title {
	border-left: 1px solid rgba(201,154,74,.55);
	font: 500 clamp(22px, 1.65vw, 30px)/1.14 Poppins, sans-serif;
	letter-spacing: -.015em;
	margin: 0 0 clamp(50px, 4vw, 64px) -18px;
	max-width: 330px;
	padding: 4px 0 4px 18px;
	position: relative;
	text-transform: uppercase;
}

.df-experience-journey .df-experience-journey__card-title::after {
	background:
		radial-gradient(circle at 68% center, #fff7d5 0 1px, #f5c766 2px, rgba(215,170,85,.3) 4px, transparent 8px),
		linear-gradient(90deg, #d4a24c, rgba(212,162,76,.28) 68%, transparent);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 16px, 100% 1px;
	bottom: clamp(-34px, -2.4vw, -28px);
	content: '';
	height: 16px;
	left: 18px;
	position: absolute;
	width: min(180px, 72%);
}

.df-experience-journey .df-experience-journey__card-title span,
.df-experience-journey .df-experience-journey__card-title strong {
	display: block;
}

.df-experience-journey .df-experience-journey__card-title .df-experience-journey__title-white {
	color: #f7f3eb;
}

.df-experience-journey .df-experience-journey__card-title strong {
	color: #cf9639;
	font-weight: 400;
}

.df-experience-journey .df-experience-journey__copy {
	color: rgba(247,243,235,.9);
	font: 300 clamp(15px, 1.08vw, 18px)/1.62 Lato, sans-serif;
	margin: 0;
	max-width: 250px;
}

.df-experience-journey .df-experience-journey__card:hover {
	border-color: rgba(226,179,91,.26);
	box-shadow: inset 0 0 42px rgba(0,0,0,.36), inset 0 0 0 1px rgba(215,170,85,.05);
}

.df-experience-journey .df-experience-journey__card:hover .df-experience-journey__icon {
	box-shadow: 0 0 25px rgba(221,167,67,.62), inset 0 1px 1px rgba(255,255,255,.72);
}

.df-experience-journey .df-experience-journey__card:hover .df-experience-journey__image {
	transform: scale(1.025);
}

.df-experience-journey .df-experience-journey__footer {
	align-items: center;
	display: grid;
	gap: clamp(20px, 3vw, 46px);
	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
	margin: clamp(58px, 6vw, 90px) auto 0;
	max-width: 1020px;
	position: relative;
	text-align: center;
}

.df-experience-journey .df-experience-journey__footer-line {
	background: linear-gradient(90deg, transparent, rgba(199,154,71,.66));
	height: 1px;
}

.df-experience-journey .df-experience-journey__footer-line:last-of-type {
	background: linear-gradient(90deg, rgba(199,154,71,.66), transparent);
}

.df-experience-journey .df-experience-journey__footer p {
	margin: 0;
	text-transform: uppercase;
}

.df-experience-journey .df-experience-journey__footer span:not(.df-experience-journey__footer-line),
.df-experience-journey .df-experience-journey__footer strong {
	display: block;
}

.df-experience-journey .df-experience-journey__footer p span {
	color: rgba(255,255,255,.72);
	font: 400 12px/1.5 Poppins, sans-serif;
	letter-spacing: .38em;
}

.df-experience-journey .df-experience-journey__footer strong {
	color: #c9953f;
	font: 500 clamp(25px, 2.2vw, 36px)/1.2 Poppins, sans-serif;
	letter-spacing: .2em;
}

.df-experience-journey.is-journey-motion .df-experience-journey__header,
.df-experience-journey.is-journey-motion .df-experience-journey__card,
.df-experience-journey.is-journey-motion .df-experience-journey__footer {
	opacity: 0;
	transform: translateY(18px);
}

.df-experience-journey.is-journey-motion.is-journey-visible .df-experience-journey__header,
.df-experience-journey.is-journey-motion.is-journey-visible .df-experience-journey__card,
.df-experience-journey.is-journey-motion.is-journey-visible .df-experience-journey__footer {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .82s ease, transform .82s cubic-bezier(.22,.61,.36,1);
}

.df-experience-journey.is-journey-motion.is-journey-visible .df-experience-journey__card:nth-child(1) { transition-delay: .16s; }
.df-experience-journey.is-journey-motion.is-journey-visible .df-experience-journey__card:nth-child(2) { transition-delay: .28s; }
.df-experience-journey.is-journey-motion.is-journey-visible .df-experience-journey__card:nth-child(3) { transition-delay: .40s; }
.df-experience-journey.is-journey-motion.is-journey-visible .df-experience-journey__card:nth-child(4) { transition-delay: .52s; }
.df-experience-journey.is-journey-motion.is-journey-visible .df-experience-journey__footer { transition-delay: .62s; }

@media (max-width: 1199px) {
	.df-experience-journey .df-experience-journey__title {
		font-size: clamp(30px, 4.2vw, 42px);
	}

	.df-experience-journey .df-experience-journey__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.df-experience-journey .df-experience-journey__card {
		aspect-ratio: 3 / 4.7;
	}
}

@media (max-width: 767px) {
	.df-experience-journey {
		padding: 64px 0 72px;
	}

	.df-experience-journey .df-experience-journey__container {
		padding: 0 18px;
	}

	.df-experience-journey .df-experience-journey__header {
		margin-bottom: 58px;
	}

	.df-experience-journey .df-experience-journey__title {
		flex-direction: column;
		font-size: clamp(27px, 7.5vw, 36px);
		gap: 14px;
		letter-spacing: .015em;
	}

	.df-experience-journey .df-experience-journey__title-spark {
		width: 80px;
	}

	.df-experience-journey .df-experience-journey__subtitle {
		font-size: 11px;
		letter-spacing: .18em;
	}

	.df-experience-journey .df-experience-journey__subtitle span,
	.df-experience-journey .df-experience-journey__subtitle strong {
		display: block;
	}

	.df-experience-journey .df-experience-journey__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.df-experience-journey .df-experience-journey__card {
		aspect-ratio: 3 / 4.7;
	}

	.df-experience-journey .df-experience-journey__content {
		padding: 26px;
	}

	.df-experience-journey .df-experience-journey__footer,
	.df-experience-journey .df-experience-journey__heading-promise {
		gap: 16px;
		grid-template-columns: minmax(20px, 1fr) minmax(0, auto) minmax(20px, 1fr);
	}

	.df-experience-journey .df-experience-journey__footer p span {
		font-size: 9px;
		letter-spacing: .22em;
	}

	.df-experience-journey .df-experience-journey__footer strong {
		font-size: 25px;
		letter-spacing: .16em;
	}

	.df-experience-journey .df-experience-journey__heading-promise h2 {
		font-size: clamp(18px, 5vw, 22px);
		gap: 6px;
		letter-spacing: .04em;
	}

	.df-experience-journey .df-experience-journey__heading-copy > p {
		font-size: 12px;
		margin-top: 10px;
	}

	.df-experience-journey .df-experience-journey__heading-promise > .df-experience-journey__footer-line {
		margin-top: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.df-experience-journey.is-journey-motion .df-experience-journey__header,
	.df-experience-journey.is-journey-motion .df-experience-journey__card,
	.df-experience-journey.is-journey-motion .df-experience-journey__footer {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.df-experience-journey .df-experience-journey__card,
	.df-experience-journey .df-experience-journey__icon,
	.df-experience-journey .df-experience-journey__image {
		transition: none;
	}

	.df-experience-journey .df-experience-journey__card::after {
		animation: none;
		background: rgba(215,170,85,.2);
	}

	.df-experience-journey .df-experience-journey__icon-stage::before,
	.df-experience-journey .df-experience-journey__icon-line::after,
	.df-experience-journey .df-experience-journey__icon {
		animation: none;
	}
}

/* Experiencia próxima */
.df-experiences .df-experiences__collaboration {
	background: #080909;
	padding: clamp(62px, 6vw, 86px) 0;
}

.df-experiences .df-experiences__collaboration-inner {
	align-items: center;
	display: grid;
	gap: clamp(20px, 3vw, 46px);
	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
	position: relative;
}

.df-experiences .df-experiences__collaboration p {
	background: linear-gradient(180deg, #fff0bd 0%, #e2b85f 38%, #bd7d25 72%, #f0cc79 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: #d7aa55;
	filter: drop-shadow(0 2px 8px rgba(191,126,34,.2));
	font: 500 clamp(15px, 1.5vw, 22px)/1.4 Poppins, sans-serif;
	letter-spacing: .2em;
	margin: 0;
	text-align: center;
	text-shadow: 0 0 18px rgba(215,170,85,.18);
	text-transform: uppercase;
	-webkit-text-fill-color: transparent;
}

.df-experiences .df-experiences__collaboration-inner::before,
.df-experiences .df-experiences__collaboration-inner::after {
	background:
		radial-gradient(circle at center, #fff 0 1px, #ffd16c 2px 3px, rgba(230,164,50,.56) 4px, transparent 9px),
		linear-gradient(90deg, transparent, rgba(199,154,71,.22) 18%, rgba(224,177,82,.78) 50%, rgba(199,154,71,.22) 82%, transparent);
	background-position: center, center;
	background-repeat: no-repeat;
	background-size: 20px 20px, 100% 1px;
	content: '';
	height: 20px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: min(330px, 34vw);
}

.df-experiences .df-experiences__collaboration-inner::before {
	top: -38px;
}

.df-experiences .df-experiences__collaboration-inner::after {
	bottom: -38px;
}

.df-experiences .df-experiences__collaboration-line {
	background:
		radial-gradient(circle at right center, #fff 0 1px, #ffd16c 2px 3px, rgba(230,164,50,.5) 4px, transparent 9px),
		linear-gradient(90deg, transparent, rgba(199,154,71,.68));
	background-position: right center, center;
	background-repeat: no-repeat;
	background-size: 20px 20px, 100% 1px;
	height: 20px;
	width: 100%;
}

.df-experiences .df-experiences__collaboration-line:last-child {
	background:
		radial-gradient(circle at left center, #fff 0 1px, #ffd16c 2px 3px, rgba(230,164,50,.5) 4px, transparent 9px),
		linear-gradient(90deg, rgba(199,154,71,.68), transparent);
	background-position: left center, center;
	background-repeat: no-repeat;
	background-size: 20px 20px, 100% 1px;
}

.df-experiences .df-experiences__featured {
	background: #080909;
	padding: 0 0 clamp(110px, 10vw, 160px);
}

.df-experiences .df-experiences__featured-card {
	min-height: clamp(560px, 63vw, 760px);
	overflow: hidden;
	position: relative;
}

.df-experiences .df-experiences__featured-media,
.df-experiences .df-experiences__featured-media img,
.df-experiences .df-experiences__featured-overlay {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.df-experiences .df-experiences__featured-media img {
	object-fit: cover;
}

.df-experiences .df-experiences__featured-overlay {
	background: linear-gradient(90deg, rgba(4,5,5,.92) 0%, rgba(4,5,5,.52) 48%, rgba(4,5,5,.08) 78%), linear-gradient(0deg, rgba(4,5,5,.54), transparent 45%);
}

.df-experiences .df-experiences__featured-open {
	filter: contrast(1.18) saturate(1.08) drop-shadow(0 8px 14px rgba(0,0,0,.38));
	height: auto;
	opacity: 1;
	position: absolute;
	right: clamp(38px, 5vw, 76px);
	top: clamp(34px, 4vw, 58px);
	width: clamp(138px, 13vw, 190px);
	z-index: 3;
}

.df-experiences .df-experiences__featured-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: clamp(560px, 63vw, 760px);
	max-width: 620px;
	padding: clamp(56px, 7vw, 100px);
	position: relative;
	z-index: 2;
}

.df-experiences .df-experiences__featured-kicker,
.df-experiences .df-experiences__destinations-kicker,
.df-experiences .df-experiences__destination-status {
	color: #d7aa55;
	font: 600 11px/1.4 Poppins, sans-serif;
	letter-spacing: .22em;
	margin: 0 0 22px;
	text-transform: uppercase;
}

.df-experiences .df-experiences__featured-title {
	color: #f6f4ef;
	font: 600 clamp(62px, 8vw, 118px)/.88 Poppins, sans-serif;
	letter-spacing: -.035em;
	margin: 0 0 30px;
	text-transform: uppercase;
}

.df-experiences .df-experiences__featured-copy {
	color: rgba(246,244,239,.82);
	font: 400 clamp(18px, 1.5vw, 23px)/1.65 Lato, sans-serif;
	margin: 0 0 38px;
}

.df-experiences .df-experiences__featured-cta,
.df-experiences .df-experiences__destinations-all {
	align-items: center;
	align-self: flex-start;
	background: transparent;
	border: 1px solid rgba(255,255,255,.5);
	color: #fff;
	display: inline-flex;
	font: 600 12px/1 Poppins, sans-serif;
	gap: 18px;
	letter-spacing: .12em;
	padding: 18px 22px;
	text-transform: uppercase;
	transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}

.df-experiences .df-experiences__destinations-all {
	cursor: pointer;
}

.df-experiences .df-experiences__featured-cta:hover,
.df-experiences .df-experiences__featured-cta:focus-visible,
.df-experiences .df-experiences__destinations-all:hover,
.df-experiences .df-experiences__destinations-all:focus-visible {
	background: #d7aa55;
	border-color: #d7aa55;
	color: #07100e;
}

/* Catálogo de destinos */
.df-experiences .df-experiences__destinations {
	background: #0d0d0d;
	padding: clamp(120px, 11vw, 180px) 0;
}

.df-experiences .df-experiences__destinations-header {
	align-items: end;
	display: grid;
	gap: 50px;
	grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
	margin-bottom: 70px;
}

.df-experiences .df-experiences__destinations-title {
	color: #f6f4ef;
	font: 600 clamp(42px, 5vw, 72px)/1.02 Poppins, sans-serif;
	letter-spacing: -.03em;
	margin: 0;
	max-width: 760px;
	text-transform: uppercase;
}

.df-experiences .df-experiences__destinations-intro {
	color: rgba(246,244,239,.68);
	font: 400 18px/1.75 Lato, sans-serif;
	margin: 0;
}

.df-experiences .df-experiences__destinations-controls {
	align-items: center;
	display: none;
	gap: 18px;
	justify-content: flex-end;
	margin-bottom: 26px;
}

.df-experiences .df-experiences__destinations-arrow {
	align-items: center;
	background: transparent;
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 0;
	color: #fff;
	display: inline-flex;
	font-size: 20px;
	height: 44px;
	justify-content: center;
	padding: 0;
	transition: background-color .25s ease, border-color .25s ease, opacity .25s ease;
	width: 48px;
}

.df-experiences .df-experiences__destinations-arrow:hover,
.df-experiences .df-experiences__destinations-arrow:focus-visible {
	background: #d7aa55;
	border-color: #d7aa55;
	color: #07100e;
}

.df-experiences .df-experiences__destinations-arrow:disabled {
	opacity: .28;
}

.df-experiences .df-experiences__destinations-counter {
	color: rgba(255,255,255,.5);
	font: 500 11px/1 Poppins, sans-serif;
	letter-spacing: .16em;
	margin: 0 4px;
}

.df-experiences .df-experiences__destinations-track {
	display: grid;
	gap: 26px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding-bottom: 18px;
}

.df-experiences .df-experiences__destination-card[hidden] {
	display: none;
}

.df-experiences .df-experiences__destination-card {
	background: #080909;
	min-height: 650px;
	overflow: hidden;
	position: relative;
	scroll-snap-align: start;
}

@property --df-bookable-glow-angle {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}

.df-experiences .df-experiences__destination-card.is-bookable::after {
	--df-bookable-glow-angle: 0deg;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	animation: df-bookable-border 6s linear infinite;
	background: conic-gradient(from var(--df-bookable-glow-angle), transparent 0deg 286deg, rgba(199,154,71,.15) 306deg, #d7aa55 326deg, #fff1bd 338deg, #d7aa55 350deg, transparent 360deg);
	content: '';
	filter: drop-shadow(0 0 4px rgba(215,170,85,.75));
	inset: 0;
	mask-composite: exclude;
	padding: 1px;
	pointer-events: none;
	position: absolute;
	z-index: 5;
}

@keyframes df-bookable-border {
	to {
		--df-bookable-glow-angle: 360deg;
	}
}

.df-experiences .df-experiences__destination-media,
.df-experiences .df-experiences__destination-media img,
.df-experiences .df-experiences__destination-overlay {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.df-experiences .df-experiences__destination-media img {
	object-fit: cover;
	transition: transform 1s cubic-bezier(.22,.61,.36,1);
}

.df-experiences .df-experiences__destination-card:hover .df-experiences__destination-media img {
	transform: scale(1.025);
}

.df-experiences .df-experiences__destination-overlay {
	background: linear-gradient(180deg, rgba(3,4,4,.12) 10%, rgba(3,4,4,.38) 48%, rgba(3,4,4,.96) 100%);
}

.df-experiences .df-experiences__destination-open {
	filter: contrast(1.18) saturate(1.08) drop-shadow(0 6px 12px rgba(0,0,0,.42));
	height: auto;
	position: absolute;
	right: 22px;
	top: 22px;
	width: clamp(72px, 7vw, 96px);
	z-index: 3;
}

.df-experiences .df-experiences__destination-content {
	bottom: 0;
	left: 0;
	padding: 36px;
	position: absolute;
	right: 0;
	z-index: 2;
}

.df-experiences .df-experiences__destination-status {
	font-size: 9px;
	margin-bottom: 15px;
}

.df-experiences .df-experiences__destination-name {
	color: #fff;
	font: 600 clamp(34px, 3vw, 48px)/1 Poppins, sans-serif;
	letter-spacing: -.02em;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.df-experiences .df-experiences__destination-eyebrow {
	color: #fff;
	font: 600 14px/1.55 Poppins, sans-serif;
	letter-spacing: .06em;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.df-experiences .df-experiences__destination-description {
	color: rgba(255,255,255,.68);
	font: 400 15px/1.6 Lato, sans-serif;
	margin: 0 0 22px;
}

.df-experiences .df-experiences__destination-link {
	align-items: center;
	background: rgba(8,9,9,.52);
	border: 1px solid rgba(255,255,255,.28);
	color: rgba(255,255,255,.76);
	display: inline-flex;
	font: 600 11px/1 Poppins, sans-serif;
	gap: 16px;
	letter-spacing: .13em;
	padding: 15px 18px;
	text-transform: uppercase;
	transition: background-color .28s ease, border-color .28s ease, color .28s ease, transform .28s ease;
}

.df-experiences .df-experiences__destination-link:hover,
.df-experiences .df-experiences__destination-link:focus-visible {
	background: rgba(255,255,255,.1);
	border-color: rgba(255,255,255,.52);
	color: #fff;
	transform: translateY(-2px);
}

.df-experiences .df-experiences__destination-card.is-bookable .df-experiences__destination-link {
	background: linear-gradient(180deg, #e5b958 0%, #c58f2e 100%);
	border-color: #f0c76c;
	box-shadow: 0 8px 22px rgba(190,133,35,.28), inset 0 1px 0 rgba(255,255,255,.5);
	color: #080706;
	font-weight: 700;
	position: relative;
}

.df-experiences .df-experiences__destination-card.is-bookable .df-experiences__destination-link::before {
	background: radial-gradient(ellipse at center, rgba(255,255,255,.95) 0%, rgba(255,211,113,.72) 24%, transparent 72%);
	content: '';
	height: 5px;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: -3px;
	transform: translateX(-50%);
	width: 46px;
}

.df-experiences .df-experiences__destination-card.is-bookable .df-experiences__destination-link:hover,
.df-experiences .df-experiences__destination-card.is-bookable .df-experiences__destination-link:focus-visible {
	background: linear-gradient(180deg, #f0c96d 0%, #d49c36 100%);
	border-color: #f6d487;
	box-shadow: 0 10px 28px rgba(205,147,46,.4), inset 0 1px 0 rgba(255,255,255,.58);
	color: #050403;
}

.df-experiences .df-experiences__destinations-footer {
	display: flex;
	justify-content: center;
	padding-top: 62px;
}

.df-experiences .df-experiences__destinations-stories {
	display: flex;
	justify-content: center;
	padding-top: clamp(32px, 3vw, 44px);
}

.df-experiences .df-experiences__destinations-stories-link {
	align-items: center;
	background: transparent;
	border: 1px solid rgba(215,170,85,.72);
	color: #d7aa55;
	display: inline-flex;
	font: 600 12px/1 Poppins, sans-serif;
	gap: 20px;
	letter-spacing: .14em;
	padding: 18px 24px;
	text-transform: uppercase;
	transition: background-color .3s ease, border-color .3s ease, color .3s ease, transform .3s ease;
}

.df-experiences .df-experiences__destinations-stories-link:hover,
.df-experiences .df-experiences__destinations-stories-link:focus-visible {
	background: #d7aa55;
	border-color: #d7aa55;
	color: #080909;
	transform: translateY(-2px);
}

.df-experiences .df-experiences__destinations.is-expanded .df-experiences__destinations-controls {
	display: none;
}

.df-experiences .df-experiences__destinations.is-expanded .df-experiences__destinations-track {
	display: grid;
	grid-auto-flow: row;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	overflow: visible;
	scroll-snap-type: none;
}

@media (max-width: 991px) {
	.df-experiences .df-experiences__featured-card,
	.df-experiences .df-experiences__featured-content {
		min-height: 680px;
	}

	.df-experiences .df-experiences__destinations-header {
		align-items: start;
		grid-template-columns: 1fr;
		margin-bottom: 52px;
	}

	.df-experiences .df-experiences__destinations-track {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.df-experiences .df-experiences__destinations.is-expanded .df-experiences__destinations-track {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575px) {
	.df-experiences .df-experiences__collaboration {
		padding: 54px 0;
	}

	.df-experiences .df-experiences__collaboration-inner {
		gap: 14px;
		grid-template-columns: minmax(18px, 1fr) minmax(0, auto) minmax(18px, 1fr);
	}

	.df-experiences .df-experiences__collaboration p {
		font-size: 10px;
		letter-spacing: .14em;
	}

	.df-experiences .df-experiences__collaboration-inner::before {
		top: -32px;
	}

	.df-experiences .df-experiences__collaboration-inner::after {
		bottom: -32px;
	}

	.df-experiences .df-experiences__featured {
		padding: 0 0 96px;
	}

	.df-experiences .df-experiences__destinations {
		padding: 96px 0;
	}

	.df-experiences .df-experiences__featured-card,
	.df-experiences .df-experiences__featured-content {
		min-height: 620px;
	}

	.df-experiences .df-experiences__featured-content {
		padding: 34px 26px;
	}

	.df-experiences .df-experiences__featured-open {
		right: 18px;
		top: 20px;
		width: 94px;
	}

	.df-experiences .df-experiences__featured-title {
		font-size: 56px;
	}

	.df-experiences .df-experiences__destinations-header {
		gap: 30px;
	}

	.df-experiences .df-experiences__destinations-intro {
		font-size: 16px;
	}

	.df-experiences .df-experiences__destinations-controls {
		justify-content: space-between;
	}

	.df-experiences .df-experiences__destinations-track {
		gap: 16px;
		grid-template-columns: minmax(0, 1fr);
	}

	.df-experiences .df-experiences__destination-card {
		min-height: 590px;
	}

	.df-experiences .df-experiences__destination-content {
		padding: 26px;
	}

	.df-experiences .df-experiences__destination-open {
		right: 16px;
		top: 16px;
		width: 76px;
	}

	.df-experiences .df-experiences__destination-description {
		font-size: 14px;
	}

	.df-experiences .df-experiences__destinations.is-expanded .df-experiences__destinations-track {
		grid-template-columns: minmax(0, 1fr);
		margin-right: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.df-experiences .df-experiences__destinations-track {
		scroll-behavior: auto;
	}

	.df-experiences .df-experiences__destination-media img {
		transition: none;
	}

	.df-experiences .df-experiences__destination-card.is-bookable::after {
		animation: none;
		background: rgba(215,170,85,.72);
	}
}