/* ===============================
   HERO SLIDER PREMIUM
================================ */

#cinematicSlider .carousel-item{
    position: relative;
    min-height: 350px;
    padding: 40px 0;
    display:flex;
    align-items:flex-start;
    overflow:hidden;
}

/* Cinematic zoom */
#cinematicSlider .carousel-item.active{
    animation: cinematicZoom 8s ease forwards;
}

@keyframes cinematicZoom{
0%{transform:scale(1);}
100%{transform:scale(1.04);}
}

/* Background */
#cinematicSlider .carousel-item{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

/* Overlay */
#cinematicSlider .carousel-item::before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(to right,rgba(0,0,0,0.55),rgba(0,0,0,0.25));
}

/* Conteúdo */
#cinematicSlider .container{
position:relative;
z-index:3;
height:100%;
}

/* coluna texto */
.slide-content{

display:flex;
flex-direction:column;
justify-content:flex-start;

opacity:0;
transform:translateY(30px);
transition:all 1s ease;

max-width:650px;
min-height:260px;
}

#cinematicSlider .carousel-item.active .slide-content{
opacity:1;
transform:translateY(0);
}

/* ===============================
TIPOGRAFIA
================================ */

.slide-title{
font-size:42px;
font-weight:700;
color:#ffffff;
margin-bottom:5px;
}

.slide-subtitle{
font-size:24px;
font-weight:500;
color:#76fd93;
margin-bottom:6px;
}

.slide-text{
font-size:17px;
font-weight:300;
color:#eaeaea;
}

/* ===============================
BOTÃO
================================ */

.btn-premium{

margin-top:auto;

padding:14px 34px;
font-size:16px;
font-weight:600;

border:none;
border-radius:40px;

background:linear-gradient(135deg,#76fd93,#036b19);
color:#fff;

transition:0.3s;
width:max-content;
}

.btn-premium:hover{
transform:translateY(-4px);
box-shadow:0 12px 28px rgba(0,0,0,0.3);
}

/* ===============================
IMAGEM PRINCIPAL
================================ */

.slide-image{

height:auto;
width:auto;

max-height:300px;
max-width:100%;

object-fit:contain;
display:block;
margin:auto;

animation:float 7s ease-in-out infinite;
filter:drop-shadow(0 30px 60px rgba(0,0,0,0.4));

}

@keyframes float{
0%{transform:translateY(0)}
50%{transform:translateY(-12px)}
100%{transform:translateY(0)}
}

/* Blur cinematográfico */
.carousel-item-next,
.carousel-item-prev{
filter:blur(8px);
}

/* ===============================
RESPONSIVO
================================ */

@media(max-width:768px){

#cinematicSlider .carousel-item{
min-height:260px;
}

.slide-title{
font-size:30px;
}

.slide-subtitle{
font-size:20px;
}

.slide-text{
font-size:14px;
}

.slide-image{
max-height:200px;
}

}