﻿/* Shared Home/Layout styles moved from Site.Master and Default.aspx */

/* Carousel nav positioning on desktop */
@media (min-width: 992px) {
	.owl-carousel .owl-nav,
	.owl-carouselOrange .owl-nav {
		top: -70px !important;
	}
}

.imgFundoHistoria {
	background-image: url(../img/fundoHistoria.webp);
	background-repeat: round;
}

.imgFundoComercio {
	background-image: url(../img/fundoComercio.webp);
	background-repeat: round;
}

.owl-item {
	height: 0;
}

.owl-stage,
.owl-item.active {
	height: auto !important;
}

.owl-carousel,
.owl-carouselOrange,
.owl-stage-outer {
	transition: height 500ms ease-in-out 0s;
}

.bContainerLogoBannerHistoria {
	max-height: 75px !important;
	max-width: 200px !important;
	display: inline-flex !important;
	align-items: center;
	flex-direction: column;
}

.bContainerLogoBannerHistoria img {
	cursor: pointer !important;
	aspect-ratio: 16 / 9 !important;
	width: 100% !important;
	object-fit: contain !important;
	max-width: none !important;
	vertical-align: unset !important;
}

.bContainerImagemBannerHistoria,
.bContainerImagemBannerComercio {
	display: flex;
	max-height: 380px;
	align-items: center;
	flex-direction: column;
	margin-right: 3px !important;
	margin-left: 3px !important;
}

.bContainerImagemBannerHistoria img,
.bContainerImagemBannerComercio img {
	cursor: pointer !important;
	aspect-ratio: 16 / 9 !important;
	width: 100% !important;
	object-fit: cover !important;
}

.embed-responsive {
	height: 380px !important;
}

/* Uniform card heights in brand carousel */
.t66-marcas a.d-block.border,
.t66-marcas a.d-block.text-decoration-none {
	height: 120px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: border-box;
}

.t66-marcas a.d-block.border img {
	max-height: 80px;
	object-fit: contain;
}

.t66-marcas a.d-block.text-decoration-none > div {
	width: 100% !important;
	height: 100% !important;
}

/* Default.aspx styles */
.t66-hero .owl-stage-outer,
.t66-hero .owl-carousel,
.t66-hero .owl-carouselOrange,
.t66-visualizados .owl-carousel {
	background: transparent !important;
}

.t66-hero .owl-carousel .owl-nav button {
	background: transparent !important;
	border: 1px solid rgba(148,163,184,.35) !important;
	color: #94a3b8 !important;
	border-radius: 8px !important;
	transition: background .2s !important;
}

.t66-hero .owl-carousel .owl-nav button:hover {
	background: rgba(148,163,184,.20) !important;
}

.t66-hero .owl-carouselOrange .owl-nav button {
	background: transparent !important;
	border: 1px solid rgba(201,160,90,.3) !important;
	color: #c9a05a !important;
	border-radius: 8px !important;
	transition: background .2s !important;
}

.t66-hero .owl-carouselOrange .owl-nav button:hover {
	background: rgba(201,160,90,.30) !important;
}

@media (max-width: 991.98px) {
	.t66-hero .owl-carousel .owl-nav,
	.t66-hero .owl-carouselOrange .owl-nav {
		display: none !important;
	}
}

.t66-hero .owl-carousel .owl-dot span {
	background: rgba(148,163,184,.25) !important;
	transition: background .2s !important;
}

.t66-hero .owl-carousel .owl-dot.active span {
	background: #94a3b8 !important;
}

.t66-hero .owl-carouselOrange .owl-dot span {
	background: rgba(201,160,90,.25) !important;
	transition: background .2s !important;
}

.t66-hero .owl-carouselOrange .owl-dot.active span {
	background: #c9a05a !important;
}

.t66-eyebrow {
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #c9a05a;
	display: block;
	margin-bottom: 6px;
}

.t66-underline-blue {
	height: 2px;
	width: 60px;
	margin: 8px auto 0;
	background: linear-gradient(90deg, #2a4dfb, #6d83ff);
	border-radius: 2px;
}

.t66-underline-orange {
	height: 2px;
	width: 60px;
	margin: 8px auto 0;
	background: linear-gradient(90deg, #FF8000, #ffb347);
	border-radius: 2px;
}

.t66-underline-gold {
	height: 2px;
	width: 60px;
	margin: 8px auto 0;
	background: linear-gradient(90deg, #c9a05a, #e8c87a);
	border-radius: 2px;
}

.t66-underline-silver {
	height: 2px;
	width: 60px;
	margin: 8px auto 0;
	background: linear-gradient(90deg, #64748b, #c8d6e5);
	border-radius: 2px;
}

.t66-hero .owl-item > div,
.t66-visualizados .owl-item > div {
	border-radius: 12px;
	overflow: hidden;
	transition: transform .25s, box-shadow .25s;
}

.t66-hero .owl-item:hover > div,
.t66-visualizados .owl-item:hover > div {
	transform: translateY(-4px);
	box-shadow: 0 16px 36px rgba(0,0,0,.55);
}

.t66-visualizados .owl-item .card {
	background: transparent !important;
	border: 1px solid rgba(201,160,90,.20) !important;
	border-radius: 12px !important;
	overflow: hidden;
	transition: border-color .25s, transform .25s, box-shadow .25s;
}

.t66-visualizados .owl-item .card:hover {
	border-color: rgba(201,160,90,.55) !important;
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(0,0,0,.45);
}

.t66-visualizados .owl-item .card-body {
	background: transparent !important;
}

.t66-visualizados .t66-card-title {
	display: block;
	font-size: 11px;
	color: rgba(255,255,255,.75);
	margin-bottom: 4px;
	line-height: 1.35;
}

.t66-visualizados .t66-card-price {
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: #c9a05a;
	margin-bottom: 10px;
}

.t66-visualizados .btn-outline-primary {
	border-color: rgba(201,160,90,.45) !important;
	color: #c9a05a !important;
}

.t66-visualizados .btn-outline-primary:hover {
	background: rgba(201,160,90,.15) !important;
	border-color: #c9a05a !important;
}

.t66-eyebrow-silver {
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #94a3b8;
	display: block;
	margin-bottom: 6px;
}

.t66-hero .owl-nav button,
.t66-visualizados .owl-nav button {
	background: transparent !important;
	border: 1px solid rgba(148,163,184,.35) !important;
	color: #94a3b8 !important;
	border-radius: 8px !important;
	transition: background .2s !important;
}

.t66-hero .owl-nav button:hover,
.t66-visualizados .owl-nav button:hover {
	background: rgba(148,163,184,.20) !important;
}

.owl-carousel .owl-dots .owl-dot {
	background-color: #c8d6e5 !important;
}
