.elementor-widget-jordan_reveal_cards {
	width: 100%;
	min-width: 0;
}

.elementor-widget-jordan_reveal_cards > .elementor-widget-container {
	width: 100%;
	min-width: 0;
}

.jrc-grid {
	--jrc-accent: #c8a16b;
	--jrc-duration: 450ms;
	--jrc-front-overlay: rgba(7,28,50,.72);
	--jrc-back-overlay: rgba(7,28,50,.94);
	--jrc-hover-scale: 1.03;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
	min-width: 0;
}

.jrc-card {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 360px;
	overflow: hidden !important;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 15px;
	background: #0b223a;
	cursor: pointer;
	outline: none;
}

.jrc-grid--entrance .jrc-card {
	opacity: 0;
	transition: opacity var(--jrc-entry-duration, 650ms) ease var(--jrc-entry-delay, 0ms), transform var(--jrc-entry-duration, 650ms) cubic-bezier(.22,.61,.36,1) var(--jrc-entry-delay, 0ms);
}

.jrc-grid--entrance.jrc-entrance-up .jrc-card { transform: translateY(44px); }
.jrc-grid--entrance.jrc-entrance-alternate .jrc-card:nth-child(odd) { transform: translateX(-44px); }
.jrc-grid--entrance.jrc-entrance-alternate .jrc-card:nth-child(even) { transform: translateX(44px); }
.jrc-grid--entrance.jrc-entrance-fade .jrc-card { transform: none; }
.jrc-grid--entrance.jrc-entrance-scale .jrc-card { transform: scale(.94); }
.jrc-grid--entrance .jrc-card.is-entry-visible { opacity: 1; transform: none; }

.jrc-reveal-overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: inherit;
	background-color: var(--jrc-back-overlay) !important;
	background-image: none !important;
	opacity: 0;
	transform: none !important;
	pointer-events: none;
	transition: none;
}

.jrc-card:focus-visible {
	box-shadow: 0 0 0 3px rgba(200,161,107,.5);
}

.jrc-media {
	position: absolute;
	z-index: 1;
	inset: 0;
	width: 100%;
	height: 100%;
}

.jrc-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 700ms cubic-bezier(.2,.65,.3,1);
	will-change: transform;
}

.jrc-face {
	position: absolute;
	z-index: 3;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	box-sizing: border-box;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	padding: 30px;
	color: #fff;
	will-change: opacity, transform;
}

.jrc-front {
	display: flex;
	align-items: flex-end;
	background: linear-gradient(to top, var(--jrc-front-overlay) 2%, transparent 85%) !important;
	opacity: 1 !important;
	transform: translateY(0);
	transition:
		opacity 260ms cubic-bezier(.4,0,.2,1) 80ms,
		transform var(--jrc-duration) cubic-bezier(.2,.65,.3,1) 60ms;
}

.jrc-back {
	display: flex;
	align-items: center;
	overflow-x: hidden;
	overflow-y: auto;
	background: transparent !important;
	opacity: 0 !important;
	transform: translateY(8px);
	pointer-events: none;
	transition:
		opacity 240ms cubic-bezier(.4,0,.2,1),
		transform var(--jrc-duration) cubic-bezier(.2,.65,.3,1);
}

.jrc-back {
	scrollbar-width: thin;
	scrollbar-color: var(--jrc-accent) transparent;
}

.jrc-back::-webkit-scrollbar { width: 4px; }
.jrc-back::-webkit-scrollbar-thumb { border-radius: 4px; background: var(--jrc-accent); }

.jrc-front__inner,
.jrc-back__inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.jrc-grid--align-center .jrc-front__inner,
.jrc-grid--align-center .jrc-back__inner { align-items: center; }
.jrc-grid--align-right .jrc-front__inner,
.jrc-grid--align-right .jrc-back__inner { align-items: flex-end; }

.jrc-icon {
	margin-bottom: 14px;
	color: var(--jrc-accent);
	font-size: 31px;
	line-height: 1;
}

.jrc-icon svg { display: block; width: 1em; height: 1em; fill: currentColor; }
.jrc-title { margin: 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 27px; font-weight: 700; line-height: 1.16; }
.jrc-title::after { content: ""; display: block; width: 34px; height: 1px; margin: 12px 0 10px; background: var(--jrc-accent); transition: width var(--jrc-duration) ease; }
.jrc-text { color: #d7e0e8; font-size: 15px; line-height: 1.5; }
.jrc-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 17px; color: rgba(255,255,255,.72); font-size: 13px; }
.jrc-more span { color: var(--jrc-accent); }
.jrc-button { display: inline-flex; align-items: center; gap: 9px; margin-top: 20px; padding: 10px 0; border-bottom: 1px solid var(--jrc-accent); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.jrc-button:hover { color: #fff; }

.jrc-card.is-active .jrc-front {
	opacity: 0 !important;
	transform: translateY(-6px);
	background: transparent !important;
	pointer-events: none;
	transition-delay: 0ms;
}

.jrc-card.is-active .jrc-reveal-overlay {
	opacity: 1 !important;
}

.jrc-card.is-active .jrc-back {
	opacity: 1 !important;
	transform: translateY(0);
	pointer-events: auto;
	transition-delay: 120ms, 90ms;
}

.jrc-card.is-active .jrc-media img {
	transform: scale(var(--jrc-hover-scale));
}

.jrc-card.is-active .jrc-title::after { width: 54px; }

/* Zoom suave: transição padrão, contida e sem deslocamento direcional. */
.jrc-grid--effect-zoom .jrc-front {
	transform: scale(1);
	transform-origin: center center;
}

.jrc-grid--effect-zoom .jrc-back {
	transform: scale(.965);
	transform-origin: center center;
}

.jrc-grid--effect-zoom .jrc-card.is-active .jrc-front {
	transform: scale(1.025);
}

.jrc-grid--effect-zoom .jrc-card.is-active .jrc-back {
	transform: scale(1);
}

/* Crossfade puro: nenhuma movimentação entre as faces. */
.jrc-grid--effect-fade .jrc-front,
.jrc-grid--effect-fade .jrc-back,
.jrc-grid--effect-fade .jrc-card.is-active .jrc-front,
.jrc-grid--effect-fade .jrc-card.is-active .jrc-back {
	transform: none;
}

@media (hover: hover) and (pointer: fine) {
	.jrc-card:hover .jrc-reveal-overlay {
		opacity: 1 !important;
	}
	.jrc-card:hover .jrc-front {
		opacity: 0 !important;
		transform: translateY(-6px);
		background: transparent !important;
		pointer-events: none;
		transition-delay: 0ms;
	}
	.jrc-card:hover .jrc-back {
		opacity: 1 !important;
		transform: translateY(0);
		pointer-events: auto;
		transition-delay: 120ms, 90ms;
	}
	.jrc-card:hover .jrc-media img {
		transform: scale(var(--jrc-hover-scale));
	}
	.jrc-card:hover .jrc-title::after { width: 54px; }

	.jrc-grid--effect-zoom .jrc-card:hover .jrc-front {
		transform: scale(1.025);
	}

	.jrc-grid--effect-zoom .jrc-card:hover .jrc-back {
		transform: scale(1);
	}

	.jrc-grid--effect-fade .jrc-card:hover .jrc-front,
	.jrc-grid--effect-fade .jrc-card:hover .jrc-back {
		transform: none;
	}
}

@media (max-width: 767px) {
	.jrc-grid { grid-template-columns: 1fr; gap: 16px; }
	.jrc-card { height: 330px; }
	.jrc-face { padding: 24px; }
	.jrc-title { font-size: 23px; }
	.jrc-text { font-size: 14px; }
	.jrc-more::after { content: "Toque para abrir"; margin-left: 4px; font-size: 10px; letter-spacing: .04em; text-transform: uppercase; opacity: .7; }
}

@media (prefers-reduced-motion: reduce) {
	.jrc-grid--entrance .jrc-card { opacity: 1; transform: none; transition: none; }
	.jrc-face,
	.jrc-media img,
	.jrc-title::after { transition: none; }
}