/*
 * 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='M127 80 C109 80 97 93 91 116 C82 183 72 299 63 420 L35 1034 C33 1082 53 1113 98 1125 C179 1135 343 1138 452 1135 C477 1134 491 1116 494 1084 L542 128 C544 99 538 79 520 72 L127 80 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='M127 80 C109 80 97 93 91 116 C82 183 72 299 63 420 L35 1034 C33 1082 53 1113 98 1125 C179 1135 343 1138 452 1135 C477 1134 491 1116 494 1084 L542 128 C544 99 538 79 520 72 L127 80 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;
}

/* Experiencias en película */
.df-experiences .df-experiences__reels {
	background: radial-gradient(circle at 50% 0, rgba(120,83,30,.15), transparent 37%), #090a0a;
	padding: clamp(90px, 9vw, 140px) 0 clamp(72px, 7vw, 110px);
}

.df-experiences .df-experiences__reels-header { margin: 0 auto clamp(42px, 4.6vw, 66px); max-width: 1020px; text-align: center; }
.df-experiences .df-experiences__reels-header .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-experiences .df-experiences__reels-header .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-experiences .df-experiences__reels-header .df-experience-journey__heading-promise h2 > span { color: #f5f2eb; font: inherit; }
.df-experiences .df-experiences__reels-header .df-experience-journey__heading-promise h2 > strong { color: #c9953f; font: inherit; }
.df-experiences .df-experiences__reels-header .df-experience-journey__heading-promise h2 > .df-experience-journey__heading-stars { align-items: center; color: #d9a342; display: inline-flex; gap: 3px; letter-spacing: 0; text-shadow: 0 0 8px rgba(224,174,84,.48); }
.df-experiences .df-experiences__reels-header .df-experience-journey__heading-stars i { font-size: .45em; font-style: normal; }
.df-experiences .df-experiences__reels-header .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-experiences .df-experiences__reels-header .df-experience-journey__footer-line { background: linear-gradient(90deg, transparent, rgba(199,154,71,.66)); height: 1px; }
.df-experiences .df-experiences__reels-header .df-experience-journey__footer-line:last-child { background: linear-gradient(90deg, rgba(199,154,71,.66), transparent); }
.df-experiences .df-experiences__reels-header .df-experience-journey__heading-promise > .df-experience-journey__footer-line { align-self: start; margin-top: clamp(16px, 1.45vw, 23px); }
.df-experiences .df-experiences__reels-grid { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.df-experiences .df-experiences__reel { aspect-ratio: 16 / 9; background: #111; border: 1px solid rgba(201,154,74,.26); border-radius: 7px; box-shadow: inset 0 0 42px rgba(0,0,0,.42); color: #fff; cursor: pointer; display: block; overflow: hidden; padding: 0; position: relative; text-align: left; }
.df-experiences .df-experiences__reel > img, .df-experiences .df-experiences__reel-video, .df-experiences .df-experiences__reel-shade { height: 100%; inset: 0; position: absolute; width: 100%; }
.df-experiences .df-experiences__reel > img { object-fit: cover; transition: opacity .45s ease, transform .65s ease; }
.df-experiences .df-experiences__reel-video { object-fit: cover; opacity: 0; transition: opacity .45s ease; }
.df-experiences .df-experiences__reel.is-video-ready > img { opacity: 0; }
.df-experiences .df-experiences__reel.is-video-ready .df-experiences__reel-video { opacity: 1; }
.df-experiences .df-experiences__reel-shade { background: linear-gradient(180deg, rgba(2,3,3,.24) 0%, rgba(2,3,3,.1) 37%, rgba(2,3,3,.88) 100%); }
.df-experiences .df-experiences__reel::after { --df-reel-border-angle: 0deg; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; animation: df-reel-border 7.5s linear infinite; background: conic-gradient(from var(--df-reel-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-experiences .df-experiences__reel:nth-child(2)::after { animation-delay: -3.75s; }
@property --df-reel-border-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes df-reel-border { to { --df-reel-border-angle: 360deg; } }
.df-experiences .df-experiences__reel-play { align-items: center; background: rgba(8,8,7,.18); border: 1px solid rgba(239,197,106,.9); border-radius: 50%; bottom: clamp(20px, 2.5vw, 34px); box-shadow: 0 2px 9px rgba(0,0,0,.4), 0 0 10px rgba(215,170,85,.2); color: #e9bf67; display: flex; font-size: clamp(13px, 1.25vw, 17px); height: clamp(38px, 3.6vw, 48px); justify-content: center; padding-left: 3px; position: absolute; right: clamp(20px, 2.5vw, 34px); transition: background-color .35s ease, color .35s ease, transform .35s ease, box-shadow .35s ease; width: clamp(38px, 3.6vw, 48px); z-index: 3; }
.df-experiences .df-experiences__reel-play-label { align-items: center; bottom: clamp(20px, 2.5vw, 34px); color: #e9bf67; display: flex; font: 600 clamp(9px, .8vw, 11px)/1 Poppins, sans-serif; height: clamp(38px, 3.6vw, 48px); letter-spacing: .14em; position: absolute; right: calc(clamp(20px, 2.5vw, 34px) + clamp(38px, 3.6vw, 48px) + 12px); text-transform: uppercase; white-space: nowrap; z-index: 3; }
.df-experiences .df-experiences__reel-copy { bottom: clamp(20px, 2.5vw, 34px); display: flex; flex-direction: column; gap: 5px; left: clamp(24px, 3vw, 42px); position: absolute; z-index: 3; }
.df-experiences .df-experiences__reel-copy em { color: #e4ba61; font: 600 9px/1.4 Poppins, sans-serif; font-style: normal; letter-spacing: .17em; text-transform: uppercase; }
.df-experiences .df-experiences__reel-copy strong { font: 500 clamp(26px, 3vw, 42px)/1.1 Poppins, sans-serif; letter-spacing: -.03em; }
.df-experiences .df-experiences__reel-copy small { color: rgba(255,255,255,.76); font: 400 13px/1.4 Lato, sans-serif; letter-spacing: .06em; margin-top: 2px; }
.df-experiences .df-experiences__reel-copy small i { color: #d7aa55; margin-left: 5px; }
.df-experiences .df-experiences__reel:hover > img, .df-experiences .df-experiences__reel:focus-visible > img { transform: scale(1.045); }
.df-experiences .df-experiences__reel:hover .df-experiences__reel-play, .df-experiences .df-experiences__reel:focus-visible .df-experiences__reel-play { background: rgba(215,170,85,.18); box-shadow: 0 2px 10px rgba(0,0,0,.46), 0 0 16px rgba(215,170,85,.52); color: #fff0bf; transform: scale(1.08); }
.df-experiences .df-experiences__reel:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.df-experiences .df-experiences__reels-benefits { border-top: 1px solid rgba(215,170,85,.2); display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); margin-top: clamp(44px, 5vw, 72px); padding-top: clamp(28px, 3vw, 42px); }
.df-experiences .df-experiences__reels-benefits p { align-items: center; display: flex; gap: 16px; margin: 0; }
.df-experiences .df-experiences__reels-benefits p + p { border-left: 1px solid rgba(215,170,85,.24); padding-left: clamp(20px, 2.5vw, 40px); }
.df-experiences .df-experiences__reels-benefits > p > i { align-items: center; border: 1px solid rgba(215,170,85,.75); border-radius: 50%; color: #d7aa55; display: flex; flex: 0 0 auto; font-size: 22px; height: 52px; justify-content: center; width: 52px; }
.df-experiences .df-experiences__reels-benefits span { color: rgba(247,247,244,.65); display: flex; flex-direction: column; font: 400 13px/1.45 Lato, sans-serif; }
.df-experiences .df-experiences__reels-benefits strong { color: #f4f1e9; font: 600 11px/1.45 Poppins, sans-serif; letter-spacing: .13em; text-transform: uppercase; }

@media (max-width: 767px) {
	.df-experiences .df-experiences__reels { padding: 74px 0 62px; }
	.df-experiences .df-experiences__reels-header { margin-bottom: 34px; }
	.df-experiences .df-experiences__reels-header .df-experience-journey__heading-promise { gap: 16px; grid-template-columns: minmax(20px, 1fr) minmax(0, auto) minmax(20px, 1fr); }
	.df-experiences .df-experiences__reels-header .df-experience-journey__heading-promise h2 { font-size: clamp(18px, 5vw, 22px); gap: 6px; letter-spacing: .04em; }
	.df-experiences .df-experiences__reels-header .df-experience-journey__heading-copy > p { font-size: 12px; margin-top: 10px; }
	.df-experiences .df-experiences__reels-header .df-experience-journey__heading-promise > .df-experience-journey__footer-line { margin-top: 12px; }
	.df-experiences .df-experiences__reels-grid { gap: 18px; grid-template-columns: 1fr; }
	.df-experiences .df-experiences__reel { aspect-ratio: 16 / 9; }
	.df-experiences .df-experiences__reels-benefits { grid-template-columns: 1fr; }
	.df-experiences .df-experiences__reels-benefits p + p { border-left: 0; border-top: 1px solid rgba(215,170,85,.18); padding-left: 0; padding-top: 18px; }
}

@media (prefers-reduced-motion: reduce) {
	.df-experiences .df-experiences__reel-video { display: none; }
}

.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 {
	animation: df-open-now-3d 6.8s cubic-bezier(.18,.72,.22,1) infinite;
	backface-visibility: hidden;
	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);
	transform-origin: 50% 50%;
	transform-style: preserve-3d;
	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 {
	animation: df-open-now-3d 6.8s cubic-bezier(.18,.72,.22,1) infinite;
	backface-visibility: hidden;
	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;
	transform-origin: 50% 50%;
	transform-style: preserve-3d;
	width: clamp(72px, 7vw, 96px);
	z-index: 3;
}

@keyframes df-open-now-3d {
	0%,
	73%,
	100% {
		transform: perspective(760px) rotateY(0deg) scale(1);
	}
	78% {
		transform: perspective(760px) rotateY(-16deg) scale(1.035);
	}
	86% {
		transform: perspective(760px) rotateY(374deg) scale(1.035);
	}
	92% {
		transform: perspective(760px) rotateY(360deg) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.df-experiences .df-experiences__featured-open,
	.df-experiences .df-experiences__destination-open {
		animation: none;
	}
}

.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);
	}
}
/* Contact form */
.df-experiences-page .df-pro-footer .df-footer-cta { display: none; }
.df-experiences .df-experiences__contact { background: #0d0a06; border-bottom: 1px solid rgba(201,149,63,.25); border-top: 1px solid rgba(201,149,63,.25); padding: clamp(72px,7vw,110px) 0; }
.df-experiences .df-experiences__contact-grid { align-items: start; display: grid; gap: clamp(54px,8vw,120px); grid-template-columns: .8fr 1.2fr; }
.df-experiences .df-experiences__contact-kicker { color: #e0ae54; font: 600 11px/1.4 Poppins,sans-serif; letter-spacing: .24em; margin: 0 0 22px; text-transform: uppercase; }
.df-experiences .df-experiences__contact-copy h2 { color: #f5eee3; font: 600 clamp(34px,3.8vw,56px)/1.05 Poppins,sans-serif; margin: 0; }
.df-experiences .df-experiences__contact-copy > p:last-of-type { color: rgba(255,255,255,.62); font-size: 16px; line-height: 1.7; margin: 22px 0 0; }
.df-experiences .df-experiences__whatsapp { align-items: center; border: 1px solid rgba(37,211,102,.65); color: #fff; display: inline-flex; font: 600 11px/1 Poppins,sans-serif; gap: 12px; letter-spacing: .12em; margin-top: 28px; min-height: 52px; padding: 0 22px; text-transform: uppercase; transition: background-color .25s ease,transform .25s ease; }
.df-experiences .df-experiences__whatsapp:hover,.df-experiences .df-experiences__whatsapp:focus-visible { background: rgba(37,211,102,.14); color: #fff; transform: translateY(-2px); }
.df-experiences .df-experiences__whatsapp i { color: #25d366; font-size: 19px; }
.df-experiences .df-experiences__form { display: grid; gap: 20px; grid-template-columns: repeat(2,1fr); }
.df-experiences .df-experiences__form.is-submitting,.df-experiences .df-experiences__form.is-complete { display: none; }
.df-experiences .df-experiences__form > div:nth-child(3),.df-experiences .df-experiences__form .g-recaptcha,.df-experiences .df-experiences__form button { grid-column: 1/-1; }
.df-experiences .df-experiences__form label { color: rgba(255,255,255,.72); display: block; font: 500 10px/1.3 Poppins,sans-serif; letter-spacing: .14em; margin-bottom: 9px; text-transform: uppercase; }
.df-experiences .df-experiences__form input { background: rgba(255,255,255,.035); border: 0; border-bottom: 1px solid rgba(201,149,63,.42); border-radius: 0; color: #fff; height: 50px; padding: 0 12px; width: 100%; }
.df-experiences .df-experiences__form input:focus { border-color: #e0ae54; box-shadow: none; outline: 1px solid transparent; }
.df-experiences .df-experiences__form button { align-items: center; background: linear-gradient(180deg,#f2cb70,#dba640); border: 1px solid rgba(255,232,175,.95); color: #090704; cursor: pointer; display: inline-flex; font: 700 11px/1 Poppins,sans-serif; gap: 20px; justify-content: center; justify-self: start; letter-spacing: .14em; margin-top: 8px; min-height: 56px; padding: 0 28px; text-transform: uppercase; }
.df-experiences .df-experiences__form button:disabled { cursor: wait; opacity: .65; }
.df-experiences .df-experiences__form-honeypot { display: none!important; }
.df-experiences .df-experiences__form-result { font-size: 14px; line-height: 1.55; margin-bottom: 16px; }
.df-experiences .df-experiences__form-result.is-error { color: #ffb0a7; }
.df-experiences .df-experiences__form-progress { align-items: stretch; background: rgba(255,255,255,.035); border: 1px solid rgba(201,149,63,.24); display: flex; flex-direction: column; justify-content: center; min-height: clamp(300px,28vw,440px); padding: clamp(30px,4vw,56px); }
.df-experiences .df-experiences__form-progress > span { color: #e0ae54; display: block; font: 600 11px/1 Poppins,sans-serif; letter-spacing: .18em; margin-bottom: 18px; text-transform: uppercase; }
.df-experiences .df-experiences__form-progress > div { background: rgba(255,255,255,.08); height: 3px; overflow: hidden; position: relative; }
.df-experiences .df-experiences__form-progress > div i { animation: dfExperiencesFormProgress 1.4s cubic-bezier(.22,.61,.36,1) infinite; background: linear-gradient(90deg,rgba(189,125,37,.2),#f0cc79,#bd7d25); box-shadow: 0 0 18px rgba(224,174,84,.34); display: block; height: 100%; width: 46%; }
.df-experiences .df-experiences__form-progress[hidden],.df-experiences .df-experiences__form-success[hidden] { display: none!important; }
.df-experiences .df-experiences__form-success { align-items: center; animation: dfExperiencesSuccessIn .65s cubic-bezier(.22,.61,.36,1) both; background: radial-gradient(circle at 50% 0%,rgba(240,204,121,.16),rgba(255,255,255,.035) 42%,rgba(255,255,255,.018)); border: 1px solid rgba(224,174,84,.44); box-shadow: 0 28px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08); display: flex; flex-direction: column; justify-content: center; min-height: clamp(300px,28vw,440px); padding: clamp(34px,4vw,56px); text-align: center; }
.df-experiences .df-experiences__form-suitcase { background: linear-gradient(145deg,#f0cc79 0%,#bd7d25 62%,#704712 100%); border: 1px solid rgba(255,232,172,.9); border-radius: 12px; box-shadow: 0 0 0 8px rgba(201,149,63,.08),0 22px 45px rgba(0,0,0,.38),inset 0 0 18px rgba(255,244,209,.24); height: 82px; margin: 0 auto 24px; position: relative; width: 112px; }
.df-experiences .df-experiences__form-suitcase::before { border: 5px solid #d6a44d; border-bottom: 0; border-radius: 16px 16px 0 0; content: ''; height: 22px; left: 50%; position: absolute; top: -20px; transform: translateX(-50%); width: 46px; }
.df-experiences .df-experiences__form-suitcase span { background: rgba(50,31,9,.28); bottom: 0; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 2px; }
.df-experiences .df-experiences__form-suitcase i::before,.df-experiences .df-experiences__form-suitcase i::after { background: rgba(255,243,207,.66); border-radius: 2px; content: ''; height: 14px; position: absolute; top: 34px; width: 5px; }
.df-experiences .df-experiences__form-suitcase i::before { left: 28px; }
.df-experiences .df-experiences__form-suitcase i::after { right: 28px; }
.df-experiences .df-experiences__form-success h3 { color: #f5eee3; font-size: clamp(26px,3vw,40px); margin: 18px 0 12px; }
.df-experiences .df-experiences__form-success p { color: #e0ae54; margin: 0; }
@keyframes dfExperiencesFormProgress { 0% { transform: translateX(-110%); } 100% { transform: translateX(230%); } }
@keyframes dfExperiencesSuccessIn { 0% { opacity: 0; transform: translateY(18px) scale(.98); } 100% { opacity: 1; transform: none; } }
@media (max-width:991px) { .df-experiences .df-experiences__contact-grid { grid-template-columns:1fr; } }
@media (max-width:575px) { .df-experiences .df-experiences__form { grid-template-columns:1fr; } .df-experiences .df-experiences__form > div,.df-experiences .df-experiences__form .g-recaptcha,.df-experiences .df-experiences__form button { grid-column:1; } .df-experiences .df-experiences__form button,.df-experiences .df-experiences__whatsapp { width:100%; } }