/**
 * Telefer — About page (Sobre Nós)
 * Figma node 11176:72
 */

:root {
	--telefer-about-accent: #ffc107;
	--telefer-about-glass: rgba(255, 255, 255, 0.05);
	--telefer-about-border: rgba(255, 255, 255, 0.1);
	--telefer-about-text-muted: rgba(255, 255, 255, 0.8);
}

.telefer-about {
	background: #15325f;
	overflow-x: hidden;
}

/* Shared section header */
.telefer-about-section-header {
	text-align: center;
	margin-bottom: clamp(48px, 6vw, 82px);
}

.telefer-about-section-header__title {
	font-family: var(--telefer-font-body);
	font-size: clamp(36px, 4.3vw, 62px);
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
	margin: 0 0 16px;
	letter-spacing: 0.45px;
}

.telefer-about-section-header__subtitle {
	font-family: var(--telefer-font-body);
	font-size: clamp(18px, 1.6vw, 23px);
	font-weight: 400;
	line-height: 1.55;
	color: var(--telefer-about-text-muted);
	margin: 0;
	max-width: 900px;
	margin-inline: auto;
}

/* Hero — Figma node 11085:901 */
.telefer-about-hero {
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 800px;
	min-height: 800px;
	margin: 0 auto;
	padding: 160px clamp(24px, 18.33vw, 352px) 32px;
	background:
		linear-gradient(160.89deg, rgba(0, 0, 0, 0.4) 24.5%, rgba(0, 0, 0, 0) 68.3%),
		#15325f;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.telefer-about-hero__visuals {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
}

.telefer-about-hero__bg-logo {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.telefer-about-hero__bg-logo-frame {
	position: absolute;
	left: 55.1328125%;
	top: -491.56px;
	width: 1324.809px;
	height: 1256.016px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.telefer-about-hero__bg-logo-rotate {
	flex-shrink: 0;
	transform: rotate(-105.752deg);
}

.telefer-about-hero__bg-logo-shape {
	position: relative;
	width: 996.007px;
	height: 1095.565px;
}

.telefer-about-hero__bg-logo-shape img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
}

.telefer-about-hero__image {
	position: absolute;
	bottom: 0;
	left: calc(50% - 42.6px);
	transform: translateX(-50%);
	width: 1756.8px;
	height: 732px;
	z-index: 2;
	overflow: hidden;
}

.telefer-about-hero__image > img {
	position: absolute;
	top: 0;
	left: 23.63%;
	width: 76.39%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center top;
}

.telefer-about-hero__image-gradient {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(179.19deg, rgba(21, 50, 95, 0) 52.4%, #15325f 89.8%);
	pointer-events: none;
}

.telefer-about-hero__bubbles {
	position: absolute;
	left: 78.75%;
	top: 558px;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.telefer-about-hero__bubble {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	border-radius: 99999px;
	background: linear-gradient(to bottom, rgba(153, 153, 153, 0.16), rgba(255, 255, 255, 0.16));
	border: 1px solid rgba(255, 255, 255, 0.24);
	backdrop-filter: blur(2.75px);
	-webkit-backdrop-filter: blur(2.75px);
}

.telefer-about-hero__bubble--logo {
	position: relative;
	width: 56px;
	height: 56px;
	overflow: hidden;
}

.telefer-about-hero__bubble--logo img {
	position: absolute;
	left: 0;
	top: 1.2%;
	width: 475%;
	max-width: none;
	height: 97.59%;
}

.telefer-about-hero__bubble-connector {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 16px;
}

.telefer-about-hero__bubble-connector img {
	display: block;
	width: 16px;
	height: 1px;
	transform: rotate(-90deg);
}

.telefer-about-hero__inner {
	position: relative;
	z-index: 3;
	flex: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 0;
}

.telefer-about-hero__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	max-width: 657px;
	min-height: 504px;
	justify-content: flex-start;
}

.telefer-about-hero__title {
	font-family: var(--telefer-font-alt);
	font-size: clamp(32px, 2.92vw, 56px);
	font-weight: 800;
	line-height: 1.2;
	color: #ffffff;
	margin: 0;
	letter-spacing: -0.96px;
	max-width: 657px;
}

.telefer-about-hero__subtitle {
	font-size: 18px;
	line-height: 28.8px;
	color: #c7c7cc;
	margin: 0;
	max-width: 618px;
}

.telefer-about-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: auto;
	padding: 16px 32px;
	border-radius: 9999px;
	background: #fdb813;
	color: #000000;
	font-size: 16px;
	font-weight: 600;
	line-height: 28px;
	text-decoration: none;
	transition: opacity 0.2s;
	white-space: nowrap;
}

.telefer-about-hero__btn:hover {
	opacity: 0.9;
}

/* History */
.telefer-about-history {
	position: relative;
	padding: clamp(80px, 8.6vw, 124px) clamp(24px, 4.25vw, 61px);
	background: #15325f;
	overflow: hidden;
}

.telefer-about-history__glow {
	position: absolute;
	pointer-events: none;
}

.telefer-about-history__glow--right {
	right: -200px;
	top: 50%;
	width: 824px;
	height: 824px;
}

.telefer-about-history__glow--left {
	left: -400px;
	top: -100px;
	width: 600px;
	height: 600px;
}

.telefer-about-history__glow img {
	width: 100%;
	height: 100%;
}

.telefer-about-history__inner {
	position: relative;
	z-index: 1;
	max-width: 1280px;
	margin: 0 auto;
}

.telefer-about-history__timeline {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: clamp(48px, 5.7vw, 82px);
}

.telefer-about-history__line {
	position: absolute;
	left: 50%;
	top: 40px;
	bottom: 40px;
	width: 3px;
	transform: translateX(-50%);
	background: linear-gradient(180deg, #ffc107 0%, #394f6c 100%);
	border-radius: 999px;
}

.telefer-about-history__item {
	position: relative;
	width: 50%;
}

.telefer-about-history__item--left {
	align-self: flex-start;
	padding-right: clamp(24px, 4.8vw, 62px);
}

.telefer-about-history__item--right {
	align-self: flex-end;
	padding-left: clamp(24px, 4.8vw, 62px);
}

.telefer-about-history__item::before {
	content: '';
	position: absolute;
	top: 48px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--telefer-about-accent);
	border: 7px solid #ffffff;
	box-shadow: 0 0 12px rgba(255, 255, 255, 0.25);
	z-index: 2;
}

.telefer-about-history__item--left::before {
	right: -22px;
	transform: translateX(50%);
}

.telefer-about-history__item--right::before {
	left: -22px;
	transform: translateX(-50%);
}

.telefer-about-history__card {
	background: var(--telefer-about-glass);
	border: 1px solid var(--telefer-about-border);
	border-radius: 21px;
	padding: clamp(24px, 2.9vw, 41px);
	box-shadow: 0 10px 24px rgba(255, 255, 255, 0.1);
}

.telefer-about-history__item--left .telefer-about-history__card {
	text-align: right;
}

.telefer-about-history__card-head {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.telefer-about-history__item--left .telefer-about-history__card-head {
	justify-content: flex-end;
}

.telefer-about-history__icon {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: var(--telefer-about-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.telefer-about-history__year {
	font-size: clamp(28px, 2.7vw, 39px);
	font-weight: 700;
	color: var(--telefer-about-accent);
	line-height: 1.2;
}

.telefer-about-history__card-title {
	font-size: clamp(22px, 2.1vw, 31px);
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 16px;
	line-height: 1.3;
}

.telefer-about-history__card-text {
	font-size: clamp(16px, 1.4vw, 21px);
	line-height: 1.5;
	color: var(--telefer-about-text-muted);
	margin: 0;
}

/* Pillars */
.telefer-about-pillars {
	padding: clamp(80px, 8.6vw, 124px) clamp(24px, 4.25vw, 61px);
	background: linear-gradient(147deg, #1a3a6b 0%, #0a1f44 100%);
}

.telefer-about-pillars__inner {
	max-width: 1280px;
	margin: 0 auto;
}

.telefer-about-pillars__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(16px, 2.1vw, 41px);
}

.telefer-about-pillar-card {
	background: var(--telefer-about-glass);
	border: 1px solid var(--telefer-about-border);
	border-radius: 21px;
	padding: clamp(24px, 2.9vw, 41px);
	box-shadow: 0 10px 24px rgba(255, 255, 255, 0.1);
	min-height: 380px;
}

.telefer-about-pillar-card__icon {
	width: 82px;
	height: 82px;
	border-radius: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 32px;
	box-shadow: 0 13px 10px rgba(0, 0, 0, 0.1), 0 5px 4px rgba(0, 0, 0, 0.1);
}

.telefer-about-pillar-card__icon--yellow {
	background: linear-gradient(135deg, #ffc107, #ffd54f);
}

.telefer-about-pillar-card__icon--blue {
	background: linear-gradient(135deg, #1a3a6b, #2563eb);
}

.telefer-about-pillar-card__icon--navy {
	background: linear-gradient(135deg, #0a1f44, #1a3a6b);
}

.telefer-about-pillar-card__title {
	font-size: clamp(22px, 2.1vw, 31px);
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 20px;
	line-height: 1.3;
}

.telefer-about-pillar-card__text {
	font-size: clamp(16px, 1.4vw, 21px);
	line-height: 1.6;
	color: var(--telefer-about-text-muted);
	margin: 0;
}

/* Team — Figma node 11085:577 */
.telefer-about-team {
	position: relative;
	padding: clamp(32px, 2.5vw, 32px) clamp(24px, 4.25vw, 61px) clamp(72px, 8.6vw, 124px);
	background: #004ca0;
	overflow: hidden;
}

.telefer-about-team__bg {
	position: absolute;
	inset: 0;
	opacity: 0.24;
	pointer-events: none;
	overflow: hidden;
}

.telefer-about-team__bg img {
	position: absolute;
	width: 135.34%;
	height: 198.15%;
	left: -9.54%;
	top: -106.73%;
	max-width: none;
	object-fit: cover;
}

.telefer-about-team::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(-0.63deg, rgba(21, 50, 95, 0) 46.8%, #15325f 84%),
		linear-gradient(178.82deg, rgba(21, 50, 95, 0) 52.4%, #15325f 89.8%);
	pointer-events: none;
}

.telefer-about-team__inner {
	position: relative;
	z-index: 1;
	max-width: 1317px;
	margin: 0 auto;
}

.telefer-about-team__header {
	margin-bottom: clamp(40px, 4.8vw, 61px);
}

.telefer-about-team__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 2.5vw, 32px);
	margin-bottom: clamp(28px, 3.5vw, 33px);
}

.telefer-about-team-card {
	position: relative;
	border-radius: 21px;
	overflow: hidden;
	aspect-ratio: 417.758 / 424.842;
	box-shadow: 0 33px 66px -15.9px rgba(0, 0, 0, 0.25);
}

.telefer-about-team-card__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.telefer-about-team-card__image {
	position: absolute;
	left: 0;
	width: 100%;
	max-width: none;
	object-fit: cover;
}

.telefer-about-team-card--atendimento .telefer-about-team-card__image {
	height: 147.5%;
	top: -15.56%;
}

.telefer-about-team-card--tecnologia .telefer-about-team-card__image {
	height: 99.89%;
	top: 0.06%;
}

.telefer-about-team-card--gestao .telefer-about-team-card__image {
	width: 112.14%;
	height: 110.27%;
	left: -8.93%;
	top: -10.21%;
}

.telefer-about-team-card__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: clamp(20px, 2.5vw, 32px);
	background: linear-gradient(to top, #0a1f44 0%, rgba(10, 31, 68, 0) 46.3%);
}

.telefer-about-team-card__title {
	font-family: var(--telefer-font-body);
	font-size: clamp(18px, 1.7vw, 24px);
	font-weight: 700;
	line-height: 1.55;
	color: var(--telefer-about-accent);
	margin: 0 0 5px;
	letter-spacing: -0.58px;
}

.telefer-about-team-card__subtitle {
	font-family: var(--telefer-font-body);
	font-size: clamp(15px, 1.3vw, 19px);
	font-weight: 400;
	line-height: 1.43;
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
	letter-spacing: -0.2px;
}

.telefer-about-team__footnote {
	font-family: var(--telefer-font-body);
	font-size: clamp(16px, 1.4vw, 21px);
	font-weight: 400;
	line-height: 1.62;
	color: rgba(255, 255, 255, 0.7);
	text-align: center;
	max-width: 988px;
	margin: 0 auto;
	letter-spacing: -0.4px;
}

/* Structure */
.telefer-about-structure {
	position: relative;
	padding: clamp(80px, 8.6vw, 124px) clamp(24px, 4.25vw, 61px);
	background: #004ca0;
	overflow: hidden;
}

.telefer-about-structure__bg {
	position: absolute;
	inset: 0;
	opacity: 0.22;
	pointer-events: none;
}

.telefer-about-structure__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.telefer-about-structure::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(-0.67deg, rgba(21, 50, 95, 0) 46.8%, #15325f 84%), linear-gradient(178.73deg, rgba(21, 50, 95, 0) 52.4%, #15325f 89.8%);
	pointer-events: none;
}

.telefer-about-structure__inner {
	position: relative;
	z-index: 1;
	max-width: 1280px;
	margin: 0 auto;
}

.telefer-about-structure__carousel {
	position: relative;
	padding: 0 56px 56px;
}

.telefer-about-structure__track {
	display: flex;
	gap: 24px;
	overflow: hidden;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.telefer-about-structure__track::-webkit-scrollbar {
	display: none;
}

.telefer-about-structure-card {
	flex: 0 0 calc(50% - 12px);
	background: var(--telefer-about-glass);
	border: 1px solid var(--telefer-about-border);
	border-radius: 21px;
	padding: clamp(28px, 3vw, 42px);
	min-height: 340px;
}

.telefer-about-structure-card__icon {
	width: 72px;
	height: 72px;
	border-radius: 18px;
	background: var(--telefer-about-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
}

.telefer-about-structure-card__title {
	font-size: clamp(22px, 2.1vw, 31px);
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 16px;
	line-height: 1.3;
}

.telefer-about-structure-card__text {
	font-size: clamp(16px, 1.4vw, 21px);
	line-height: 1.6;
	color: var(--telefer-about-text-muted);
	margin: 0 0 24px;
}

.telefer-about-structure-card__badge {
	display: inline-flex;
	padding: 10px 20px;
	border-radius: 13px;
	background: rgba(255, 193, 7, 0.2);
	color: var(--telefer-about-accent);
	font-size: clamp(16px, 1.4vw, 21px);
	font-weight: 600;
}

.telefer-about-structure__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: none;
	background: var(--telefer-about-accent);
	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.1), 0 4px 3px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	z-index: 2;
	transition: opacity 0.2s;
}

.telefer-about-structure__nav:hover {
	opacity: 0.85;
}

.telefer-about-structure__nav--prev {
	left: 0;
}

.telefer-about-structure__nav--next {
	right: 0;
}

.telefer-about-structure__dots {
	display: flex;
	justify-content: center;
	gap: 32px;
	margin-top: 32px;
}

.telefer-about-structure__dot {
	width: 12px;
	height: 12px;
	border: none;
	padding: 0;
	border-radius: 50%;
	background: var(--telefer-about-accent);
	opacity: 0.4;
	cursor: pointer;
	transition: opacity 0.2s, transform 0.2s;
}

.telefer-about-structure__dot.is-active {
	opacity: 1;
	transform: scale(1.3);
}

/* Differentials */
.telefer-about-differentials {
	position: relative;
	padding: clamp(80px, 8.6vw, 124px) clamp(24px, 4.25vw, 61px);
	background: linear-gradient(179deg, rgba(26, 31, 43, 0) 69%, #1a1f2b 99%), #15325f;
	overflow: hidden;
}

.telefer-about-differentials__glow {
	position: absolute;
	inset: 0;
	opacity: 0.1;
	pointer-events: none;
	background:
		radial-gradient(circle at 35% 45%, rgba(255, 193, 7, 0.5) 0%, transparent 40%),
		radial-gradient(circle at 5% 60%, rgba(43, 127, 255, 0.5) 0%, transparent 40%);
	filter: blur(80px);
}

.telefer-about-differentials__inner {
	position: relative;
	z-index: 1;
	max-width: 1280px;
	margin: 0 auto;
}

.telefer-about-differentials__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(16px, 2.1vw, 41px);
}

.telefer-about-diff-card {
	background: var(--telefer-about-glass);
	border: 1px solid var(--telefer-about-border);
	border-radius: 21px;
	padding: clamp(24px, 2.9vw, 41px);
	box-shadow: 0 10px 24px rgba(255, 255, 255, 0.1);
}

.telefer-about-diff-card__icon {
	width: 82px;
	height: 82px;
	border-radius: 21px;
	background: var(--telefer-about-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 32px;
	box-shadow: 0 13px 10px rgba(0, 0, 0, 0.1), 0 5px 4px rgba(0, 0, 0, 0.1);
}

.telefer-about-diff-card__title {
	font-size: clamp(22px, 2.1vw, 31px);
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 24px;
	line-height: 1.3;
}

.telefer-about-diff-card__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.telefer-about-diff-card__list li {
	position: relative;
	padding-left: 23px;
	font-size: clamp(16px, 1.4vw, 21px);
	line-height: 1.5;
	color: var(--telefer-about-text-muted);
}

.telefer-about-diff-card__list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--telefer-about-accent);
}

/* Responsive */
@media (max-width: 1024px) {
	.telefer-about-pillars__grid,
	.telefer-about-team__grid,
	.telefer-about-differentials__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.telefer-about-structure-card {
		flex: 0 0 calc(100% - 0px);
	}

	.telefer-about-history__line {
		left: 22px;
	}

	.telefer-about-history__item,
	.telefer-about-history__item--left,
	.telefer-about-history__item--right {
		width: 100%;
		padding-left: 56px;
		padding-right: 0;
		align-self: stretch;
	}

	.telefer-about-history__item--left .telefer-about-history__card,
	.telefer-about-history__item--right .telefer-about-history__card {
		text-align: left;
	}

	.telefer-about-history__item--left .telefer-about-history__card-head,
	.telefer-about-history__item--right .telefer-about-history__card-head {
		justify-content: flex-start;
	}

	.telefer-about-history__item::before {
		left: 0;
		right: auto;
		transform: translateX(-50%);
	}
}

@media (max-width: 768px) {
	.telefer-about-hero {
		height: auto;
		min-height: auto;
		padding: calc(var(--telefer-header-height) + 32px) 24px 0;
		display: flex;
		flex-direction: column;
	}

	.telefer-about-hero__visuals {
		position: relative;
		inset: auto;
		order: 2;
		width: calc(100% + 48px);
		margin: 24px -24px 0;
		height: 320px;
	}

	.telefer-about-hero__bg-logo {
		display: none;
	}

	.telefer-about-hero__image {
		position: absolute;
		inset: 0;
		left: 0;
		transform: none;
		width: 100%;
		height: 100%;
		margin-top: 0;
	}

	.telefer-about-hero__image > img {
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		min-width: 100%;
	}

	.telefer-about-hero__bubbles {
		display: none;
	}

	.telefer-about-hero__inner {
		order: 1;
	}

	.telefer-about-hero__content {
		min-height: auto;
	}

	.telefer-about-hero__btn {
		margin-top: 16px;
	}

	.telefer-about-structure__carousel {
		padding: 0 0 72px;
	}

	.telefer-about-structure__nav {
		top: auto;
		bottom: 0;
		transform: none;
	}

	.telefer-about-structure__nav--prev {
		left: calc(50% - 56px);
	}

	.telefer-about-structure__nav--next {
		right: calc(50% - 56px);
	}
}

@media (max-width: 640px) {
	.telefer-about-pillars__grid,
	.telefer-about-team__grid,
	.telefer-about-differentials__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.telefer-about-hero__visuals {
		height: 260px;
	}
}