.hero_conteudo {
position: absolute !important;
bottom: 0 !important;
height: 30% !important;
min-height: 0 !important;
} .hero-swiper {
width: 100%;
aspect-ratio: 3 / 4;
}
@media (min-width: 768px) {
.hero-swiper {
aspect-ratio: 190 / 90;
}
}
.hero-slide {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
} .hero-gradient {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none; background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.8) 0%,
rgba(0, 0, 0, 0) 35%,
rgba(0, 0, 0, 0) 65%,
rgba(0, 0, 0, 0.6) 100%
);
}
.hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .hero-content {
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
z-index: 3;
width: 90%;
max-width: 1100px;
text-align: center;
} .hero-text-desktop {
font-family: 'Ubuntu', sans-serif;
font-size: 1.7rem;
font-weight: 300;
display: none;
}
.hero-text-mobile {
font-family: 'Ubuntu', sans-serif;
font-size: 1.1rem;
font-weight: 300;
display: block;
}
@media (min-width: 768px) {
.hero-text-desktop {
display: block;
}
.hero-text-mobile {
display: none;
}
} .hero-link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
}
.hero-swiper .swiper-pagination {
bottom: 15px;
z-index: 4;
}
.hero-swiper .swiper-pagination-bullet-active {
background: var(--global-palette1) !important;
}
.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev {
display: flex;
color: #ffffff;
z-index: 5;
} .hero-swiper .swiper-button-next::after,
.hero-swiper .swiper-button-prev::after {
font-size: 16px;
} .hero-swiper .swiper-button-disabled,
.hero-swiper .swiper-button-lock {
display: none !important;
} @media (min-width: 768px) {
.hero-swiper .swiper-button-next::after,
.hero-swiper .swiper-button-prev::after {
font-size: 24px;
}
} .destaque_home_col_wrapper {
display: grid;
}
.destaque_home_titulo_mob {
margin-bottom: 0.65em;
}
.destaque_leia_mais {
text-transform: uppercase;
font-weight: 600;
color: var(--global-palette3);
}
.destaque_leia_mais:hover {
color: var(--global-palette1);
}
.destaque_home:not(:last-child) {
margin-bottom: 2em;
}
@media (max-width: 799.98px) {
.destaque_home_2 .destaque_home_video {
order: 1;
}
.destaque_home_2 .destaque_home_texto {
order: 2;
}
.destaque_home_titulo {
display: none !important;
}
.destaque_home_texto p {
margin-bottom: 0.5em;
}
}
@media (min-width: 800px) {
.destaque_home_col_wrapper {
grid-template-columns: 1fr 1fr;
gap: 3em;
}
.destaque_home:not(:last-child) {
margin-bottom: 3em;
}
.destaque_home_titulo_mob {
display: none !important;
}
} .video_player {
position: relative;
width: 100%;
padding-bottom: 56.25%; height: 0;
background-color: #000;
overflow: hidden;
border-radius: 3px;
}
.video_facade {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .video_overlay {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.video_poster {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-filter: brightness(0.7);
filter: brightness(0.7);
transition: all 0.3s ease;
}
.video_overlay:hover .video_poster {
-webkit-filter: brightness(0.6);
filter: brightness(0.6);
} .video_play_btn {
position: absolute;
width: 59px;
height: 59px;
inset: auto;
z-index: 2;
background: none !important;
border: none;
padding: 0;
cursor: pointer;
transition: transform 0.2s ease;
} .video_facade iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.destaque_apenas_imagem img {
aspect-ratio: 16 / 9;
object-fit: cover;
}