/* =========================================
   ABADÁ GUESTS FLIP CARDS
   ========================================= */

   .abada-guests-cards {
	position: relative;

	width: 100%;
	max-width: 100%;

	overflow: hidden;
}


/* =========================================
   SWIPER
   ========================================= */

.abada-guests-cards__swiper {
	width: 100%;

	overflow: visible;

	padding: 18px 0 42px;
}


.abada-guests-cards .swiper-wrapper {
	align-items: stretch;
}


.abada-guests-cards .swiper-slide {
	height: auto;

	display: flex;
}


/* =========================================
   CARD
   ========================================= */

.abada-guest-card {
	position: relative;

	width: 100%;
	height: 560px;

	cursor: pointer;

	perspective: 1400px;

	outline: none;
}


.abada-guest-card:focus-visible {
	outline: 3px solid #FB8400;
	outline-offset: 5px;
	border-radius: 26px;
}


/* =========================================
   INNER — 3D FLIP
   ========================================= */

.abada-guest-card__inner {
	position: relative;

	width: 100%;
	height: 100%;

	transform-style: preserve-3d;

	transition:
		transform 0.75s
		cubic-bezier(0.2, 0.75, 0.25, 1);
}


/* Card virado */
.abada-guest-card.is-flipped .abada-guest-card__inner {
	transform: rotateY(180deg);
}


/* =========================================
   BOTH FACES
   ========================================= */

.abada-guest-card__face {
	position: absolute;
	inset: 0;

	width: 100%;
	height: 100%;

	border: none;
	border-radius: 26px;

	overflow: hidden;

	box-sizing: border-box;

	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;

	box-shadow: 0 14px 35px rgba(2, 12, 59, 0.10);
}


/* =========================================
   FRONT — PHOTO
   ========================================= */

.abada-guest-card__front {
	position: absolute;

	background-color: #020C3B;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	transform: rotateY(0deg);
}


/* Overlay sobre a fotografia */
.abada-guest-card__front::after {
	content: "";

	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			to bottom,
			transparent 20%,
			rgba(2, 12, 59, 0.28) 100%
		);

	z-index: 1;

	pointer-events: none;
}


/* Pequeno sombreado extra no fundo para legibilidade */
.abada-guest-card__front::before {
	content: "";

	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	height: 55%;

	background:
		linear-gradient(
			to top,
			rgba(2, 12, 59, 0.82),
			transparent
		);

	z-index: 1;

	pointer-events: none;
}


/* =========================================
   BADGE
   ========================================= */

.abada-guest-card__badge {
	position: absolute;

	top: 20px;
	left: 20px;

	z-index: 3;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 8px 12px;

	border-radius: 999px;

	background-color: #FB8400;
	color: #ffffff;

	font-size: 10px;
	font-weight: 800;
	line-height: 1;

	letter-spacing: 0.09em;
	text-transform: uppercase;

	box-shadow:
		0 5px 15px
		rgba(0, 0, 0, 0.12);
}


/* =========================================
   FRONT CONTENT
   ========================================= */

.abada-guest-card__front-content {
	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	z-index: 3;

	padding: 28px;

	color: #ffffff;
}


.abada-guest-card__role {
	margin-bottom: 7px;

	font-size: 12px;
	font-weight: 800;

	line-height: 1.2;

	letter-spacing: 0.12em;
	text-transform: uppercase;

	opacity: 0.82;
}


.abada-guest-card__name {
	margin: 0;

	color: inherit;

	font-size: clamp(29px, 2.6vw, 42px);
	font-weight: 800;

	line-height: 1.02;

	letter-spacing: -0.035em;
}


.abada-guest-card__country {
	margin-top: 9px;

	font-size: 14px;
	font-weight: 500;

	opacity: 0.82;
}


/* =========================================
   FRONT — FLIP HINT
   ========================================= */

.abada-guest-card__flip-hint {
	display: inline-flex;
	align-items: center;

	gap: 8px;

	margin-top: 22px;

	font-size: 10px;
	font-weight: 800;

	letter-spacing: 0.10em;
	text-transform: uppercase;

	opacity: 0.72;

	transition:
		opacity 0.2s ease,
		transform 0.2s ease;
}


.abada-guest-card__flip-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 25px;
	height: 25px;

	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 50%;

	font-size: 14px;
}


.abada-guest-card:hover
.abada-guest-card__flip-hint {
	opacity: 1;
	transform: translateX(3px);
}


/* =========================================
   FRONT — SUBTLE HOVER
   ========================================= */

.abada-guest-card__front {
	transition:
		box-shadow 0.25s ease,
		filter 0.25s ease;
}


.abada-guest-card:not(.is-flipped):hover
.abada-guest-card__front {
	box-shadow:
		0 22px 50px
		rgba(2, 12, 59, 0.17);
}


/* =========================================
   BACK
   ========================================= */

.abada-guest-card__back {
	display: flex;

	background-color: #020C3B;
	color: #ffffff;

	transform: rotateY(180deg);
}


/* pequena textura / profundidade visual */
.abada-guest-card__back::before {
	content: "";

	position: absolute;

	width: 260px;
	height: 260px;

	top: -120px;
	right: -100px;

	border-radius: 50%;

	background:
		rgba(251, 132, 0, 0.07);

	pointer-events: none;
}


/* =========================================
   BACK CONTENT
   ========================================= */

.abada-guest-card__back-content {
	position: relative;

	z-index: 2;

	display: flex;
	flex-direction: column;

	width: 100%;
	height: 100%;

	padding: 32px;

	box-sizing: border-box;
}


.abada-guest-card__back-label {
	margin-bottom: 12px;

	color: #FB8400;

	font-size: 11px;
	font-weight: 800;

	line-height: 1;

	letter-spacing: 0.14em;
	text-transform: uppercase;
}


.abada-guest-card__back-name {
	margin: 0;

	color: inherit;

	font-size: clamp(27px, 2.3vw, 38px);
	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -0.03em;
}


/* =========================================
   HIGHLIGHT
   ========================================= */

.abada-guest-card__highlight {
	margin-top: 24px;

	padding-left: 15px;

	border-left: 3px solid #FB8400;

	font-size: 17px;
	font-weight: 700;

	line-height: 1.35;
}


/* =========================================
   BIO
   ========================================= */

.abada-guest-card__bio {
	margin-top: 24px;

	font-size: 14px;
	font-weight: 400;

	line-height: 1.65;

	opacity: 0.82;

	overflow-y: auto;

	scrollbar-width: thin;
}


/* =========================================
   EXTRA INFO
   ========================================= */

.abada-guest-card__extra {
	display: inline-flex;
	align-items: center;

	align-self: flex-start;

	margin-top: 22px;

	padding: 8px 12px;

	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 999px;

	font-size: 11px;
	font-weight: 700;

	line-height: 1.2;

	letter-spacing: 0.04em;
}


/* =========================================
   BACK HINT
   ========================================= */

.abada-guest-card__back-hint {
	display: flex;
	align-items: center;

	gap: 8px;

	margin-top: auto;
	padding-top: 22px;

	font-size: 10px;
	font-weight: 800;

	letter-spacing: 0.12em;
	text-transform: uppercase;

	opacity: 0.65;
}


/* =========================================
   NAVIGATION
   ========================================= */

.abada-guests-cards__navigation {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 12px;

	margin-top: 8px;
}


.abada-guests-cards__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 48px;
	height: 48px;

	padding: 0;

	border: 1px solid rgba(2, 12, 59, 0.14);
	border-radius: 50%;

	background-color: #ffffff;
	color: #020C3B;

	cursor: pointer;

	font-size: 20px;
	line-height: 1;

	transition:
		transform 0.2s ease,
		background-color 0.2s ease,
		color 0.2s ease;
}


.abada-guests-cards__arrow:hover {
	transform: translateY(-2px);

	background-color: #020C3B;
	color: #ffffff;
}


.abada-guests-cards__arrow.swiper-button-disabled {
	opacity: 0.3;

	cursor: default;

	transform: none;
}


/* =========================================
   PAGINATION
   ========================================= */

.abada-guests-cards__pagination {
	position: relative !important;

	margin-top: 20px;

	text-align: center;
}


.abada-guests-cards__pagination
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;

	margin: 0 5px !important;

	background-color: #020C3B;

	opacity: 0.25;
}


.abada-guests-cards__pagination
.swiper-pagination-bullet-active {
	background-color: #FB8400;

	opacity: 1;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

	.abada-guests-cards__swiper {
		padding-top: 12px;
	}

	.abada-guest-card__front-content {
		padding: 24px;
	}

	.abada-guest-card__back-content {
		padding: 27px;
	}

	.abada-guest-card__name {
		font-size: 31px;
	}

	.abada-guest-card__back-name {
		font-size: 29px;
	}

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

	.abada-guests-cards {
		overflow: hidden;
	}


	.abada-guests-cards__swiper {
		overflow: visible;

		padding-top: 6px;
		padding-bottom: 26px;
	}


	.abada-guest-card {
		height: 510px;
	}


	.abada-guest-card__face {
		border-radius: 22px;
	}


	.abada-guest-card__badge {
		top: 16px;
		left: 16px;

		padding: 7px 10px;

		font-size: 9px;
	}


	.abada-guest-card__front-content {
		padding: 22px;
	}


	.abada-guest-card__name {
		font-size: 29px;
	}


	.abada-guest-card__country {
		font-size: 13px;
	}


	.abada-guest-card__flip-hint {
		margin-top: 18px;
	}


	.abada-guest-card__back-content {
		padding: 24px;
	}


	.abada-guest-card__back-name {
		font-size: 28px;
	}


	.abada-guest-card__highlight {
		margin-top: 20px;

		font-size: 16px;
	}


	.abada-guest-card__bio {
		margin-top: 20px;

		font-size: 13px;
		line-height: 1.55;
	}


	.abada-guest-card__extra {
		margin-top: 18px;
	}


	/*
	 * No mobile usamos swipe,
	 * portanto escondemos as setas.
	 */
	.abada-guests-cards__navigation {
		display: none;
	}


	.abada-guests-cards__pagination {
		margin-top: 13px;
	}

}


/* =========================================
   REDUCED MOTION
   ========================================= */

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

	.abada-guest-card__inner {
		transition: none;
	}

}