/**
 * Divine Bridge — widgets Elementor (layout + patrón «Jewel» del design system).
 */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

/*
 * Stack hero + barra (contenedor interno Elementor con id db-landing-hero-stack).
 * Debe ir por ENCIMA de los widgets hermanos (features, how-it-works…) en el mismo
 * .e-con exterior: si no, al hacer scroll esos bloques se pintan después en el DOM
 * y tapan la barra fixed. NO usar z-index:0 + isolation aquí: capa todo el subárbol.
 */
#db-landing-hero-stack {
	position: relative;
	z-index: 999980;
}

/*
 * Barra superior: el <nav> es position:absolute y no ocupa flujo; Elementor suele
 * aplicar margin-bottom al widget → hueco bajo la “fila” vacía. Pie: mismo criterio
 * para no duplicar separación con el margen del widget.
 */
.elementor-widget-divine_bridge_landing_nav,
.elementor-widget-divine_bridge_landing_footer {
	margin: 0 !important;
}

.elementor-widget-divine_bridge_landing_nav .elementor-widget-container,
.elementor-widget-divine_bridge_landing_footer .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0;
	overflow: visible;
}

/*
 * Barra: z-index ALTÍSIMO en el wrapper del widget (no solo en el <nav> interno).
 * Si el wrapper queda en 1, todo el subárbol (fixed + panel móvil) compite en esa
 * capa y el hero / secciones Elementor (sticky, motion, z-index 10–999) pasan por encima.
 */
.elementor-widget-divine_bridge_landing_nav {
	position: relative;
	z-index: 999990;
}

/* Hero en la misma pila que la nav: siempre debajo de la barra */
#db-landing-hero-stack > .elementor-widget-divine_bridge_landing_hero {
	position: relative;
	z-index: 0;
}

/*
 * Pie compacto: capa por encima del flujo normal (evita quedar tapado por secciones
 * con transform/sticky y z-index medio) pero siempre por debajo de la barra (999990).
 */
.elementor-widget-divine_bridge_landing_footer {
	position: relative;
	z-index: 10050;
}

/* —— Landing index-plano (widgets BEM; no requieren Tailwind) —— */
.db-landing {
	--db-ld-dark: #0a1128;
	--db-ld-gold: #c5a059;
	--db-ld-gold-bright: #f3d082;
	--db-ld-gray-50: #f9fafb;
	--db-ld-gray-200: #e5e7eb;
	--db-ld-gray-500: #6b7280;
	--db-ld-gray-600: #4b5563;
	--db-ld-max: 80rem;
	box-sizing: border-box;
	font-family: Inter, system-ui, sans-serif;
}

.db-landing *,
.db-landing *::before,
.db-landing *::after {
	box-sizing: border-box;
}

/* Barra superior: colocar la sección/columna padre en position:relative */
.db-landing-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50;
	color: #fff;
	pointer-events: none;
}

/* Fija al viewport (opción del widget) */
.db-landing-nav--fixed {
	position: fixed;
	right: 0;
	z-index: 1100;
	isolation: isolate;
}

.admin-bar .db-landing-nav--fixed {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .db-landing-nav--fixed {
		top: 46px;
	}
}

/*
 * Cristal al scroll: el blur va en .db-landing-nav__glass (hijo), NO en <nav>.
 * backdrop-filter en el ancestro del panel fixed rompe el viewport como containing block
 * y el menú móvil queda recortado / por debajo del contenido al desplazar.
 */
.db-landing-nav--scroll-glass {
	transition:
		border-color 0.35s ease,
		box-shadow 0.35s ease;
}

.db-landing-nav--scroll-glass:not(.db-landing-nav--is-scrolled) {
	border-bottom: 1px solid transparent;
	box-shadow: none;
}

.db-landing-nav--scroll-glass.db-landing-nav--is-scrolled {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 4px 28px rgba(0, 0, 0, 0.18);
}

.db-landing-nav__glass {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	transition:
		background-color 0.35s ease,
		backdrop-filter 0.35s ease,
		-webkit-backdrop-filter 0.35s ease;
	background-color: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.db-landing-nav--scroll-glass.db-landing-nav--is-scrolled .db-landing-nav__glass {
	background-color: rgba(10, 17, 40, 0.55);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

@media (prefers-reduced-motion: reduce) {
	.db-landing-nav--scroll-glass,
	.db-landing-nav__glass {
		transition-duration: 0.12s;
	}
}

.db-landing-nav__inner {
	pointer-events: auto;
	position: relative;
	z-index: 1;
	max-width: var(--db-ld-max);
	margin-left: auto;
	margin-right: auto;
	padding: 1rem 1.5rem;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.db-landing-nav__logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

.db-landing-nav__logo-img {
	display: block;
	width: auto;
	height: auto;
	max-width: 160px;
}

.db-landing-nav__monogram {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.db-landing-nav__letter {
	color: var(--db-ld-gold);
	font-size: 1.5rem;
	font-family: ui-serif, Georgia, serif;
	line-height: 1;
}

.db-landing-nav__divider {
	width: 2rem;
	height: 2px;
	background: var(--db-ld-gold);
}

.db-landing-nav__tagline {
	font-size: 0.75rem;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	margin-top: 0.25rem;
}

/* Escritorio: enlaces + email */
.db-landing-nav__desktop {
	display: none;
	align-items: center;
	justify-content: flex-end;
	gap: clamp(1rem, 3vw, 2rem);
	flex: 1;
	min-width: 0;
}

.db-landing-nav__menu--desktop {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-end;
	gap: clamp(0.75rem, 2vw, 2rem);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25;
}

/* Misma caja visual que los enlaces (subrayado + padding) para alinear en fila */
.db-landing-nav__menu--desktop .db-landing-nav__link {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
}

.db-landing-nav__email--desktop {
	display: none;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25;
	/* Reserva el hueco del borde inferior de los enlaces (2px + padding) */
	padding-bottom: 0.25rem;
	border-bottom: 2px solid transparent;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.db-landing-nav__desktop {
		display: flex;
	}
}

@media (min-width: 1024px) {
	.db-landing-nav__email--desktop {
		display: flex;
	}
}

/* Móvil: menú hamburguesa */
.db-landing-nav__drawer {
	display: block;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

@media (min-width: 768px) {
	.db-landing-nav__drawer {
		display: none !important;
	}
}

.db-landing-nav__burger {
	list-style: none;
	cursor: pointer;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 0.375rem;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background: rgba(10, 17, 40, 0.35);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 0;
	margin: 0;
	transition:
		background 0.2s ease,
		border-color 0.2s ease;
}

.db-landing-nav__burger::-webkit-details-marker {
	display: none;
}

.db-landing-nav__burger:hover,
.db-landing-nav__burger:focus-visible {
	background: rgba(197, 160, 89, 0.15);
	border-color: var(--db-ld-gold);
	outline: none;
}

.db-landing-nav__burger-line {
	display: block;
	width: 1.25rem;
	height: 2px;
	background: #fff;
	border-radius: 1px;
	transition: transform 0.2s ease;
}

.db-landing-nav__drawer[open] .db-landing-nav__burger-line:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.db-landing-nav__drawer[open] .db-landing-nav__burger-line:nth-child(2) {
	opacity: 0;
}

.db-landing-nav__drawer[open] .db-landing-nav__burger-line:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

/*
 * Panel móvil: z-index muy alto respecto a secciones Elementor (sticky, etc.).
 * Debe quedar por encima del contenido al hacer scroll.
 */
.db-landing-nav__drawer-panel {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	transform: none;
	top: clamp(4.75rem, 22vw, 6.5rem);
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 1.25rem max(1.25rem, env(safe-area-inset-left, 0px)) 1.5rem
		max(1.25rem, env(safe-area-inset-right, 0px));
	background: linear-gradient(180deg, #1a3d6e 0%, #143056 35%, #0d2244 70%, #0a1128 100%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-top: 1px solid rgba(197, 160, 89, 0.25);
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
	z-index: 100000;
}

.db-landing-nav__drawer[open] {
	z-index: 3;
}

.db-landing-nav__email--mobile,
.db-landing-nav__menu--mobile .db-landing-nav__link {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.db-landing-nav__menu--mobile {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.25rem;
	font-size: 1rem;
	font-weight: 500;
}

.db-landing-nav__menu--mobile .db-landing-nav__link {
	display: block;
	padding: 0.65rem 0.5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0;
}

.db-landing-nav__menu--mobile .db-landing-nav__link--current {
	border-bottom-color: var(--db-ld-gold);
}

.db-landing-nav__email--mobile {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(197, 160, 89, 0.2);
	font-size: 0.875rem;
}

.db-landing-nav__link {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
	border-bottom: 2px solid transparent;
	padding-bottom: 0.25rem;
}

.db-landing-nav__link:hover,
.db-landing-nav__link:focus-visible {
	color: var(--db-ld-gold);
}

.db-landing-nav__link--current {
	color: var(--db-ld-gold);
	border-bottom-color: var(--db-ld-gold);
}

.db-landing-nav__email-icon {
	width: 1rem;
	height: 1rem;
	flex-shrink: 0;
}

/* Hero */
.db-landing-hero {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	min-height: 700px;
	padding-top: 5rem;
}

.db-landing-hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.db-landing-hero__picture {
	display: block;
	width: 100%;
	height: 100%;
}

.db-landing-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.db-landing-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(10, 17, 40, 0.9) 0%,
		rgba(10, 17, 40, 0.4) 50%,
		rgba(10, 17, 40, 0.1) 100%
	);
}

/* Parallax leve (transform aplicado por landing-motion.js) */
.db-landing-hero--parallax .db-landing-hero__picture,
.db-landing-hero--parallax .db-landing-hero__img {
	transform-origin: center center;
	will-change: transform;
	backface-visibility: hidden;
}

.db-landing-hero__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: var(--db-ld-max);
	margin: 0 auto;
	padding: 0 1.5rem;
}

.db-landing-hero__copy {
	max-width: 42rem;
}

.db-landing-hero__title {
	margin: 0 0 1.5rem;
	color: #fff;
	font-size: clamp(2.25rem, 5vw, 3.75rem);
	font-weight: 700;
	line-height: 1.15;
	font-family: ui-serif, Georgia, serif;
}

.db-landing-hero__desc {
	margin: 0 0 2.5rem;
	color: #e5e7eb;
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	max-width: 32rem;
}

/*
 * CTA dorado metálico (hero + shop partner): degradado champagne→oro→bronce,
 * bisel superior, borde #FFF2A8, halo dorado y brillo (ref. diseño).
 */
.db-landing-hero__cta {
	position: relative;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	padding: 0.35rem;
	overflow: visible;
	border: 1px solid #fff2a8;
	border-radius: 0.875rem;
	background: linear-gradient(
		180deg,
		#f7d17d 0%,
		#f2cb6a 14%,
		#e5b751 42%,
		#c99732 76%,
		#b88a2e 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.88),
		inset 0 20px 28px -14px rgba(255, 255, 255, 0.22),
		inset 0 -4px 12px rgba(45, 30, 6, 0.32),
		0 0 0 1px rgba(255, 235, 160, 0.5),
		0 6px 20px rgba(229, 183, 81, 0.4),
		0 14px 34px rgba(184, 138, 46, 0.28),
		0 0 44px rgba(247, 209, 125, 0.26);
	transition:
		transform 0.22s cubic-bezier(0.33, 1, 0.68, 1),
		box-shadow 0.22s ease,
		filter 0.2s ease;
}

.db-landing-hero__cta::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	z-index: 1;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.5) 0%,
		rgba(255, 255, 255, 0.12) 32%,
		transparent 58%
	);
}

.db-landing-hero__cta > *:not(.db-gold-btn-beam) {
	position: relative;
	z-index: 3;
}

/*
 * Border beam — sin transform: rotate (evita “marco” girando fuera del botón).
 * Se anima el ángulo del conic-gradient vía @property; la máscara deja solo el anillo del borde.
 */
@property --db-gold-beam-angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

.db-landing-hero__cta .db-gold-btn-beam,
.db-landing-partner__btn--shop .db-gold-btn-beam {
	--db-gold-beam-angle: 0deg;
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 2;
	pointer-events: none;
	box-sizing: border-box;
	background: conic-gradient(
		from var(--db-gold-beam-angle),
		transparent 0deg,
		transparent 58deg,
		rgba(255, 255, 255, 0.35) 78deg,
		rgba(255, 252, 235, 1) 92deg,
		rgba(255, 245, 200, 0.95) 100deg,
		rgba(243, 208, 130, 0.75) 112deg,
		rgba(255, 255, 255, 0.3) 128deg,
		transparent 148deg,
		transparent 360deg
	);
	padding: 1.5px;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask-composite: exclude;
	animation: db-gold-border-beam-angle 2.8s linear infinite;
	opacity: 0.92;
}

@keyframes db-gold-border-beam-angle {
	to {
		--db-gold-beam-angle: 360deg;
	}
}

.db-landing-hero__cta:hover {
	transform: translateY(-2px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.95),
		inset 0 22px 32px -14px rgba(255, 255, 255, 0.28),
		inset 0 -4px 12px rgba(45, 30, 6, 0.22),
		0 0 0 1px rgba(255, 245, 200, 0.62),
		0 9px 28px rgba(247, 209, 125, 0.48),
		0 18px 42px rgba(229, 183, 81, 0.36),
		0 0 54px rgba(255, 236, 160, 0.32);
	filter: brightness(1.04);
}

.db-landing-hero__cta:focus-visible {
	outline: 2px solid #fff8d4;
	outline-offset: 4px;
}

.db-landing-hero__cta:focus-visible:not(:hover) {
	transform: translateY(-1px);
}

.db-landing-hero__cta:active {
	transform: translateY(0) scale(0.985);
	filter: brightness(0.97);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.5) inset,
		0 -2px 8px rgba(40, 28, 6, 0.35) inset,
		0 2px 10px rgba(184, 138, 46, 0.28);
	transition-duration: 0.08s;
}

.db-landing-hero__cta-iconwrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
	padding: 0.75rem;
	border-radius: 0.5rem;
	margin-right: 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.85);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 2px 6px rgba(10, 17, 40, 0.12);
	transition: box-shadow 0.22s ease, transform 0.22s ease;
}

.db-landing-hero__cta:hover .db-landing-hero__cta-iconwrap {
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 1) inset,
		0 3px 10px rgba(10, 17, 40, 0.14);
}

.db-landing-hero__cta-logo {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	object-fit: contain;
}

.db-landing-hero__cta-text {
	padding-right: 1.5rem;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
}

.db-landing-hero__cta-line1 {
	font-size: 0.875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #0a0a0a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}

.db-landing-hero__cta-line2 {
	font-size: 0.625rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.95);
	text-shadow: 0 1px 2px rgba(10, 17, 40, 0.35);
}

/* Features */
.db-landing-features {
	background: var(--db-ld-gray-50);
	padding: 4rem 0;
}

.db-landing-features__inner {
	max-width: var(--db-ld-max);
	margin: 0 auto;
	padding: 0 1.5rem;
}

.db-landing-features__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 3rem;
	text-align: center;
}

@media (min-width: 768px) {
	.db-landing-features__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.db-landing-features__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1.25rem 1rem;
	border-radius: 0.75rem;
	border: 1px solid transparent;
	transition:
		transform 0.35s cubic-bezier(0.33, 1, 0.68, 1),
		box-shadow 0.35s ease,
		border-color 0.35s ease,
		background-color 0.35s ease;
}

.db-landing-features__item:hover {
	transform: translateY(-6px);
	border-color: rgba(197, 160, 89, 0.22);
	background-color: rgba(255, 255, 255, 0.65);
	box-shadow:
		0 12px 32px rgba(10, 17, 40, 0.08),
		0 4px 12px rgba(197, 160, 89, 0.12);
}

.db-landing-features__item:hover .db-landing-features__icon {
	transform: scale(1.08);
	color: var(--db-ld-gold-bright);
}

.db-landing-features__icon {
	margin-bottom: 1rem;
	color: var(--db-ld-gold);
	display: flex;
	align-items: center;
	justify-content: center;
	transition:
		transform 0.35s cubic-bezier(0.33, 1, 0.68, 1),
		color 0.3s ease;
}

.db-landing-icon--feature {
	width: 3rem;
	height: 3rem;
}

.db-landing-features__title {
	margin: 0 0 0.5rem;
	font-size: 1.25rem;
	font-weight: 700;
	color: #111827;
}

.db-landing-features__text {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.625;
	color: var(--db-ld-gray-600);
	max-width: 20rem;
}

/* How it works */
.db-landing-how {
	background: #fff;
	padding: 5rem 0;
}

.db-landing-how__inner {
	max-width: var(--db-ld-max);
	margin: 0 auto;
	padding: 0 1.5rem;
}

.db-landing-how__heading {
	margin: 0 0 4rem;
	text-align: center;
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	font-family: ui-serif, Georgia, serif;
	color: #111827;
}

.db-landing-how__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
}

@media (min-width: 768px) {
	.db-landing-how__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.db-landing-how__card {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 0.5rem;
	margin: -0.5rem;
	border-radius: 0.75rem;
	border: 1px solid transparent;
	transition:
		transform 0.4s cubic-bezier(0.33, 1, 0.68, 1),
		box-shadow 0.4s ease,
		border-color 0.4s ease;
}

.db-landing-how__card:hover {
	transform: translateY(-5px);
	border-color: rgba(197, 160, 89, 0.2);
	box-shadow:
		0 16px 40px rgba(10, 17, 40, 0.09),
		0 6px 16px rgba(197, 160, 89, 0.1);
}

.db-landing-how__figure {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 0.5rem;
	border: 1px solid var(--db-ld-gray-200);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	transition:
		box-shadow 0.4s ease,
		border-color 0.4s ease;
}

.db-landing-how__card:hover .db-landing-how__figure {
	border-color: rgba(197, 160, 89, 0.35);
	box-shadow: 0 8px 24px rgba(10, 17, 40, 0.12);
}

.db-landing-how__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.55s cubic-bezier(0.33, 1, 0.68, 1);
}

.db-landing-how__card:hover .db-landing-how__img {
	transform: scale(1.04);
}

.db-landing-how__row {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}

.db-landing-how__badge {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	margin-top: 0.25rem;
	padding: 0.5rem;
	border-radius: 9999px;
	background: var(--db-ld-gold);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.db-landing-icon--process {
	width: 1rem;
	height: 1rem;
}

.db-landing-how__title {
	margin: 0 0 0.25rem;
	font-size: 1.125rem;
	font-weight: 700;
	color: #111827;
}

.db-landing-how__text {
	margin: 0;
	font-size: 0.875rem;
	color: var(--db-ld-gray-500);
	line-height: 1.5;
}

/* Partner CTA */
.db-landing-partner {
	position: relative;
	overflow: hidden;
	background: var(--db-ld-dark);
	color: #fff;
	padding: 5rem 0;
}

.db-landing-partner__glow {
	position: absolute;
	pointer-events: none;
	filter: blur(100px);
	z-index: 0;
}

.db-landing-partner__glow--tr {
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: rgba(30, 58, 138, 0.1);
}

.db-landing-partner__glow--bl {
	bottom: 0;
	left: 0;
	width: 33%;
	height: 50%;
	background: rgba(197, 160, 89, 0.05);
	filter: blur(80px);
}

.db-landing-partner__inner {
	position: relative;
	z-index: 1;
	max-width: var(--db-ld-max);
	margin: 0 auto;
	padding: 0 1.5rem;
}

.db-landing-partner__grid {
	display: grid;
	gap: 3rem;
}

.db-landing-partner__main {
	text-align: center;
}

@media (min-width: 1024px) {
	.db-landing-partner__main {
		text-align: left;
	}
}

.db-landing-partner__logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 2rem;
}

@media (min-width: 1024px) {
	.db-landing-partner__logo {
		align-items: flex-start;
	}
}

.db-landing-partner__logo-img {
	display: block;
	width: auto;
	height: auto;
	max-width: 200px;
}

.db-landing-partner__monogram {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.db-landing-partner__letter {
	color: var(--db-ld-gold);
	font-size: 1.875rem;
	font-family: ui-serif, Georgia, serif;
}

.db-landing-partner__divider {
	width: 2.5rem;
	height: 2px;
	background: var(--db-ld-gold);
}

.db-landing-partner__brand {
	margin-top: 0.5rem;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.4em;
	text-transform: uppercase;
}

.db-landing-partner__subbrand {
	margin-top: 0.25rem;
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	opacity: 0.6;
}

.db-landing-partner__heading {
	margin: 0 0 1rem;
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 700;
	line-height: 1.2;
	font-family: ui-serif, Georgia, serif;
}

.db-landing-partner__desc {
	margin: 0 0 2rem;
	color: #9ca3af;
	font-size: 1.125rem;
	max-width: 36rem;
}

.db-landing-partner__actions {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: stretch;
	justify-content: center;
	overflow: visible;
}

@media (min-width: 640px) {
	.db-landing-partner__actions {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
}

@media (min-width: 1024px) {
	.db-landing-partner__actions {
		justify-content: flex-start;
	}
}

.db-landing-partner__btn {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	border-radius: 0.625rem;
	transition:
		transform 0.22s cubic-bezier(0.33, 1, 0.68, 1),
		box-shadow 0.22s ease,
		filter 0.2s ease,
		background 0.22s ease,
		border-color 0.22s ease;
}

.db-landing-partner__btn--shop {
	position: relative;
	padding: 0.35rem;
	overflow: visible;
	border: 1px solid #fff2a8;
	border-radius: 0.875rem;
	background: linear-gradient(
		180deg,
		#f7d17d 0%,
		#f2cb6a 14%,
		#e5b751 42%,
		#c99732 76%,
		#b88a2e 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.88),
		inset 0 20px 28px -14px rgba(255, 255, 255, 0.22),
		inset 0 -4px 12px rgba(45, 30, 6, 0.32),
		0 0 0 1px rgba(255, 235, 160, 0.5),
		0 6px 20px rgba(229, 183, 81, 0.4),
		0 14px 34px rgba(184, 138, 46, 0.28),
		0 0 44px rgba(247, 209, 125, 0.26);
}

.db-landing-partner__btn--shop::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	z-index: 1;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.5) 0%,
		rgba(255, 255, 255, 0.12) 32%,
		transparent 58%
	);
}

.db-landing-partner__btn--shop > *:not(.db-gold-btn-beam) {
	position: relative;
	z-index: 3;
}

.db-landing-partner__btn--shop:hover {
	transform: translateY(-2px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.95),
		inset 0 22px 32px -14px rgba(255, 255, 255, 0.28),
		inset 0 -4px 12px rgba(45, 30, 6, 0.22),
		0 0 0 1px rgba(255, 245, 200, 0.62),
		0 9px 28px rgba(247, 209, 125, 0.48),
		0 18px 42px rgba(229, 183, 81, 0.36),
		0 0 54px rgba(255, 236, 160, 0.32);
	filter: brightness(1.04);
}

.db-landing-partner__btn--shop:focus-visible {
	outline: 2px solid #fff8d4;
	outline-offset: 4px;
}

.db-landing-partner__btn--shop:focus-visible:not(:hover) {
	transform: translateY(-1px);
}

.db-landing-partner__btn--shop:active {
	transform: translateY(0) scale(0.985);
	filter: brightness(0.97);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.5) inset,
		0 -2px 8px rgba(40, 28, 6, 0.35) inset,
		0 2px 10px rgba(184, 138, 46, 0.28);
	transition-duration: 0.08s;
}

.db-landing-partner__btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
	padding: 0.5rem;
	border-radius: 0.5rem;
	margin-right: 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.85);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 2px 6px rgba(10, 17, 40, 0.12);
	transition: box-shadow 0.22s ease;
}

.db-landing-partner__btn--shop:hover .db-landing-partner__btn-icon {
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 1) inset,
		0 3px 10px rgba(10, 17, 40, 0.14);
}

.db-landing-partner__btn-icon img {
	width: 1.25rem;
	height: 1.25rem;
	object-fit: contain;
	display: block;
}

.db-landing-partner__btn-text {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	text-align: left;
	padding-right: 1.5rem;
}

.db-landing-partner__btn-line1 {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #0a0a0a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}

.db-landing-partner__btn-line2 {
	font-size: 0.625rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.95);
	text-shadow: 0 1px 2px rgba(10, 17, 40, 0.35);
}

.db-landing-partner__btn--outline {
	padding: 0.35rem 0.3rem;
	border: 2px solid rgba(197, 160, 89, 0.55);
	background: rgba(10, 17, 40, 0.55);
	backdrop-filter: blur(6px);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 2px 12px rgba(0, 0, 0, 0.25);
}

.db-landing-partner__btn--outline:hover {
	transform: translateY(-2px);
	border-color: rgba(243, 208, 130, 0.65);
	background: rgba(197, 160, 89, 0.14);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.1) inset,
		0 4px 20px rgba(197, 160, 89, 0.12),
		0 12px 32px rgba(0, 0, 0, 0.35);
}

.db-landing-partner__btn--outline:focus-visible {
	outline: 2px solid var(--db-ld-gold-bright);
	outline-offset: 3px;
}

.db-landing-partner__btn--outline:active {
	transform: translateY(0) scale(0.99);
	transition-duration: 0.08s;
}

.db-landing-partner__btn-outline-icon {
	padding: 0.5rem;
	margin-right: 0.5rem;
	display: inline-flex;
	color: var(--db-ld-gold);
}

.db-landing-partner__svg-user {
	width: 1.5rem;
	height: 1.5rem;
}

.db-landing-partner__btn-gold {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--db-ld-gold);
}

.db-landing-partner__btn-muted {
	font-size: 0.625rem;
	font-weight: 500;
	color: #9ca3af;
}

/* Footer (solo color sólido por defecto; la imagen la añade Elementor en el widget) */
.db-landing-foot {
	background-color: var(--db-ld-dark);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding: 2rem 0;
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.75rem;
}

.db-landing-foot__brand {
	width: 100%;
	text-align: center;
}

.db-landing-foot__logo {
	display: block;
	width: auto;
	height: auto;
	max-width: 140px;
	margin: 0 auto;
	opacity: 0.9;
}

@media (min-width: 768px) {
	.db-landing-foot__brand {
		width: auto;
		text-align: left;
	}

	.db-landing-foot__logo {
		margin: 0;
	}
}

.db-landing-foot__inner {
	max-width: var(--db-ld-max);
	margin: 0 auto;
	padding: 0 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	justify-content: space-between;
}

@media (min-width: 768px) {
	.db-landing-foot__inner {
		flex-direction: row;
	}
}

.db-landing-foot__store {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
	justify-content: center;
}

.db-landing-foot__store-label {
	color: var(--db-ld-gold);
	font-weight: 600;
}

.db-landing-foot__store-link {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.db-landing-foot__store-link:hover,
.db-landing-foot__store-link:focus-visible {
	color: var(--db-ld-gold);
}

.db-landing-foot__store-text {
	color: inherit;
}

.db-landing-foot__social {
	display: flex;
	gap: 1.5rem;
	align-items: center;
}

.db-landing-foot__icon {
	color: inherit;
	transition: color 0.2s ease;
	display: flex;
}

.db-landing-foot__icon:hover,
.db-landing-foot__icon:focus-visible {
	color: var(--db-ld-gold);
}

.db-landing-foot__svg {
	width: 1.25rem;
	height: 1.25rem;
	fill: currentColor;
}

.db-feature-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
}

.db-feature-card__overline {
	margin: 0;
}

.db-feature-card__title {
	margin: 0;
}

.db-feature-card__text {
	margin: 0;
}

/* Botón Jewel (tarjetas): degradado, sombra y foco alineados al resto del landing */
.db-feature-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	box-sizing: border-box;
	background-color: transparent;
	background-image: linear-gradient(
		145deg,
		var(--db-jewel-a, #775a19) 0%,
		var(--db-jewel-b, #4d3a11) 100%
	);
	color: var(--db-jewel-fg, #1c1408);
	border: none;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.2) inset,
		0 1px 2px rgba(28, 20, 8, 0.15),
		0 4px 14px rgba(77, 58, 17, 0.22);
	transition:
		filter 0.22s ease,
		transform 0.22s cubic-bezier(0.33, 1, 0.68, 1),
		box-shadow 0.22s ease,
		color 0.2s ease;
}

.db-feature-card__btn:hover {
	filter: brightness(1.09);
	transform: translateY(-2px);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.28) inset,
		0 2px 4px rgba(28, 20, 8, 0.12),
		0 8px 22px rgba(77, 58, 17, 0.3);
}

.db-feature-card__btn:focus-visible {
	outline: 2px solid var(--db-jewel-a, #775a19);
	outline-offset: 3px;
	filter: brightness(1.06);
}

.db-feature-card__btn:active {
	transform: translateY(0) scale(0.985);
	filter: brightness(0.97);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.12) inset,
		0 2px 6px rgba(28, 20, 8, 0.2);
	transition-duration: 0.08s;
}

.db-feature-card__btn--static {
	cursor: default;
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	.db-landing-hero__cta,
	.db-landing-partner__btn,
	.db-feature-card__btn {
		transition-duration: 0.15s;
		transition-property: opacity, box-shadow, filter;
	}

	.db-landing-hero__cta:hover,
	.db-landing-hero__cta:focus-visible,
	.db-landing-hero__cta:active,
	.db-landing-partner__btn--shop:hover,
	.db-landing-partner__btn--shop:focus-visible,
	.db-landing-partner__btn--shop:active,
	.db-landing-partner__btn--outline:hover,
	.db-landing-partner__btn--outline:active,
	.db-feature-card__btn:hover,
	.db-feature-card__btn:active {
		transform: none;
	}

	.db-landing-hero__cta .db-gold-btn-beam,
	.db-landing-partner__btn--shop .db-gold-btn-beam {
		animation: none;
		opacity: 0.35;
	}

	.db-landing-features__item,
	.db-landing-features__item:hover,
	.db-landing-features__icon,
	.db-landing-how__card,
	.db-landing-how__card:hover,
	.db-landing-how__img {
		transition: none !important;
		transform: none !important;
	}

	.db-landing-reveal .db-landing-features__item,
	.db-landing-reveal .db-landing-how__heading,
	.db-landing-reveal .db-landing-how__card,
	.db-landing-reveal .db-landing-partner__grid,
	.db-landing-reveal .db-landing-foot__inner {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

.db-feature-card--align-left {
	align-items: flex-start;
	text-align: left;
}

.db-feature-card--align-center {
	align-items: center;
	text-align: center;
}

.db-feature-card--align-right {
	align-items: flex-end;
	text-align: right;
}

/* —— Revelado al scroll (landing-motion.js) —— */
.db-landing-reveal .db-landing-features__item {
	opacity: 0;
	transform: translateY(1.5rem);
	transition:
		opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s ease,
		border-color 0.35s ease,
		background-color 0.35s ease;
}

.db-landing-reveal .db-landing-how__heading,
.db-landing-reveal .db-landing-how__card,
.db-landing-reveal .db-landing-partner__grid,
.db-landing-reveal .db-landing-foot__inner {
	opacity: 0;
	transform: translateY(1.5rem);
	transition:
		opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.db-landing-reveal .db-landing-how__card {
	transition:
		opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.4s ease,
		border-color 0.4s ease;
}

.db-landing-reveal.db-landing-reveal--visible .db-landing-features__item,
.db-landing-reveal.db-landing-reveal--visible .db-landing-how__heading,
.db-landing-reveal.db-landing-reveal--visible .db-landing-how__card,
.db-landing-reveal.db-landing-reveal--visible .db-landing-partner__grid,
.db-landing-reveal.db-landing-reveal--visible .db-landing-foot__inner {
	opacity: 1;
	transform: none;
}

.db-landing-reveal.db-landing-reveal--visible .db-landing-features__item:nth-child(1) {
	transition-delay: 0.05s;
}

.db-landing-reveal.db-landing-reveal--visible .db-landing-features__item:nth-child(2) {
	transition-delay: 0.12s;
}

.db-landing-reveal.db-landing-reveal--visible .db-landing-features__item:nth-child(3) {
	transition-delay: 0.19s;
}

.db-landing-reveal.db-landing-reveal--visible .db-landing-how__card:nth-child(1) {
	transition-delay: 0.06s;
}

.db-landing-reveal.db-landing-reveal--visible .db-landing-how__card:nth-child(2) {
	transition-delay: 0.14s;
}

.db-landing-reveal.db-landing-reveal--visible .db-landing-how__card:nth-child(3) {
	transition-delay: 0.22s;
}

/* Editor Elementor: ver contenido sin esperar al scroll */
.elementor-editor-active .db-landing-reveal .db-landing-features__item,
.elementor-editor-active .db-landing-reveal .db-landing-how__heading,
.elementor-editor-active .db-landing-reveal .db-landing-how__card,
.elementor-editor-active .db-landing-reveal .db-landing-partner__grid,
.elementor-editor-active .db-landing-reveal .db-landing-foot__inner {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}