/* CAROUSEL */
.carousel-container{
    position: relative;
    width: 100%;
    height: 500px; /* 👈 MAIS ALTO */
    overflow: hidden;
}

/* SLIDES */
.slide{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease;
}

.slide.active{
    opacity: 1;
    z-index: 1;
}

/* IMAGEM */
.slide img{
    width: 100%;
    height: 100%;
}

/* OVERLAY */
.overlay{
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    color: white;
    opacity: 0;
}

/* TEXTO ANIMADO */
.slide.active .overlay{
    animation: slideText 1s ease forwards;
}

@keyframes slideText{
    from{
        transform: translateY(20px);
        opacity: 0;
    }
    to{
        transform: translateY(-50%);
        opacity: 1;
    }
}

.overlay h2{
    font-size: 32px;
    margin-bottom: 10px;
    color: white;
}

.overlay p{
    margin-bottom: 15px;
    color: white;
}

/* BOTÃO */
.btn{
    padding: 10px 20px;
    background: linear-gradient(to left, rgb(0,248,220), rgb(0,180,223));
    color: white;
    border-radius: 4px;
}

/* MOBILE */
@media (max-width:768px){
    .carousel-container{
        height: 320px;
    }

    .overlay h2{
        font-size: 20px;
    }
}