/* Local Overrides  */

/* Hero animation */
html.ac-gn-segmentbar-visible .section-hero .canvas-wrapper {
	top: var(--r-globalnav-segmentbar-height);
}
html.ac-ls-visible .section-hero .canvas-wrapper {
	top: var(--r-localeswitcher-height);
}
html.ac-gn-segmentbar-visible.ac-ls-visible .section-hero .canvas-wrapper {
	top: calc(
		var(--r-globalnav-segmentbar-height) + var(--r-localeswitcher-height)
	);
}

@media only screen and (max-width: 734px) {
	.typography-headline-super-bold {
		font-size: 31px;
	}
}

.section-get-started h2 {
	width: 570px;
}
@media only screen and (max-width: 734px) {
	.section-get-started h2 {
		width: 260px;
	}
}

/* Hero section */

@media only screen and (max-width: 734px) {
	.section-hero .hero-content {
		padding-block-start: 30px;
	}
}

/* Ribbon */
.section-hero .ribbon {
	background: none;
}

/* Transit  */

@media only screen and (min-width: 1069px) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.boarding-passes
		.front-face
		h3 {
		padding-left: 23px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.boarding-passes
		.front-face
		h3 {
		padding-left: 18px;
	}
}
@media only screen and (max-width: 734px) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.boarding-passes
		.front-face
		h3 {
		padding-left: 0;
	}
}

@media only screen and (max-width: 734px) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.boarding-passes
		.flight {
		top: 233px;
	}
}
/* Boarding pass*/

@media only screen and (max-width: 734px) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.boarding-passes
		.overview-boarding-pass {
		margin: 0 20px 0;
	}
}

@media only screen and (max-width: 342px) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.boarding-passes
		.overview-boarding-pass {
		margin: auto;
	}
}

/* Paymetn section Add a card BOC */
@media only screen and (min-width: 735px) {
	.tile.add-a-card .back-face.custom-no-img .content-column {
		width: 90%;
	}
	.tile.add-a-card .back-face.custom-no-img .content-column .custom-column {
		max-width: 90%;
	}
}

/* Seu app Carteira também leva segurança. */
@media only screen and (min-width: 1069px) {
	.section-privacy h2 {
		width: 587px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-privacy h2 {
		width: 430px;
	}
}

/* Entradas */
@media only screen and (min-width: 1069px) {
	.section-transit-and-tickets .tile-header h2 br {
		display: block;
	}
}
/* Section Identity */

.section.section-identity .tiles-container {
	padding-bottom: 0px;
}

@media only screen and (max-width: 734px) {
	.section-identity {
		min-height: 0px;
	}
}
/* Section Router */
.section-routers .router {
	width: 100% !important;
}
/* Payments */
@media only screen and (min-width: 1069px) {
	.in-store-icon-group {
		margin-left: -15px;
	}
}
/* apple pay iconx */
.section-payments .apple-pay .bottom {
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 122px;
	width: 714px;
	left: 50%;
	transform: translateX(calc(-50% + 20px));
}

@media only screen and (max-width: 1068px) {
	.section-payments .apple-pay .bottom {
		width: 502px;
		bottom: 55px;
		transform: translateX(calc(-50% + 13px));
	}
}

@media only screen and (max-width: 734px) {
	.section-payments .apple-pay .bottom {
		transform: translateX(calc(-50% + 5px));
		width: 264px;
		bottom: 56px;
		padding-top: 15px;
		position: relative;
		bottom: auto;
	}
}

/* Center Apple Pay tile content */

@media only screen and (max-width: 733px) {
	.section-payments .apple-pay .bottom {
		text-align: center;
		left: 48%;
	}
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
	.section-payments .apple-pay .bottom {
		text-align: center;
		width: 550px;
		left: 48%;
	}
}

@media only screen and (min-width: 1069px) {
	.section-payments .apple-pay .bottom {
		text-align: center;
		left: 48%;
	}
}

/* Privacy*/
@media only screen and (max-width: 1069px) {
	.section-privacy .video-wrapper.ended .end-frame {
		opacity: 0;
		pointer-events: all;
	}
}

/* Section Car-Keys */

.section.section-keys.tiles-grid
	.custom-grid-car-key.dark
	.back-face.car-key
	.content-column-copy
	> p {
	margin-right: 35px;
}

.custom-grid-2-car-key.custom-car-copy .typography-headline-super-bold {
	padding-top: 68px;
}

.custom-grid-car-key {
	display: flex;
	flex-wrap: wrap;
}

.custom-grid-2-car-key {
	flex-basis: 50%;
	flex-grow: 1;
}
section.section.section-keys.tiles-grid
	div.tile.full.custom-grid-car-key
	div.back-face.car-key
	div.content-column-copy {
	max-width: 90%;
}

@media only screen and (min-width: 1069px) {
	.custom-car-img {
		padding-top: 27px;
	}
	#overview-car-key-1 {
		padding-left: 40px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.custom-car-img {
		padding-top: 27px;
	}
	#overview-car-key-1 {
		padding-left: 40px;
	}

	.custom-grid-2-car-key.custom-car-copy .typography-headline-super-bold {
		padding-top: 31px;
	}
}

@media only screen and (max-width: 734px) {
	.custom-grid-2-car-key.custom-car-img {
		display: flex;
		justify-content: center;
		position: relative;
		padding-top: 170px;
	}

	.custom-grid-2-car-key.custom-car-copy {
		position: absolute;
	}
	.custom-grid-2-car-key.custom-car-copy .typography-headline-super-bold {
		max-width: 295px;
		padding-top: 0px;
	}
}

/* Sports */

.section-transit-and-tickets.tiles-grid
	.tiles-container
	.tile.sports-and-events
	.left {
	height: auto;
}

.section-transit-and-tickets.tiles-grid
	.tiles-container
	.tile.sports-and-events
	.back-face
	.overview-back-movies-and-events {
	position: absolute;
	bottom: 0;
	height: 648px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.sports-and-events
		.back-face
		.overview-back-movies-and-events {
		height: 425px;
	}
}

@media only screen and (max-width: 734px) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.sports-and-events
		.front-face {
		flex-direction: column;
		padding: 40px 26px;
		gap: 40px;
	}
}