/* =========================================================
   SLIDER PRODUTOS - CLASSES RENOMEADAS
========================================================= */

.slider-produtos-container{
    width:100%;
    padding:60px 20px;
    display:flex;
    justify-content:center;
}

.slider-produtos{
    position:relative;
    width:100%;
    max-width:1400px;
    overflow:hidden;

    border-top-left-radius:250px;
    border-bottom-right-radius:250px;


}

/* ===== SLIDES ===== */

.slider-produtos-slides{
    display:flex;
    transition:transform .8s ease;
}

.slider-produtos-item{
    min-width:100%;
    height:650px;
    position:relative;
    overflow:hidden;
    background:#fff;
}

/* ===== IMAGEM ===== */

.slider-produtos-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 1.2s ease;
}

.slider-produtos-item:hover img{
    transform:scale(1.05);
}

/* ===== OVERLAY ===== */

.slider-produtos-overlay{
    position:absolute;
    inset:0;

    background:linear-gradient(
        to right,
        rgba(0,0,0,.75),
        rgba(0,0,0,.15)
    );

    display:flex;
    align-items:center;
    padding:70px;
}

/* ===== CONTEÚDO ===== */

.slider-produtos-content{
    max-width:550px;
    color:#fff;
    animation:sliderFadeUp 1s ease;
}

.slider-produtos-content span{
    display:inline-block;
    margin-bottom:15px;
    padding:10px 18px;

   
    backdrop-filter:blur(10px);

   
    border-radius:50px;

    font-size:14px;
    letter-spacing:1px;
}

.slider-produtos-content h1{
    font-size:65px;
    line-height:1.1;
    margin-bottom:20px;
    font-weight:700;
}

.slider-produtos-content p{
    font-size:17px;
    line-height:1.8;
    margin-bottom:35px;
    color:#f0f0f0;
}





/* ===== BOTÃO ===== */

.slider-produtos-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding: 0px 24px;

    background:#ffffff;
    color:#111;

    text-decoration:none;
    font-weight:600;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.18);

    /* REMOVE ANIMAÇÃO DUPLA */

    transition:transform .4s ease;

    /* ARREDONDAMENTO */

    border-top-left-radius:40px;
    border-bottom-right-radius:40px;
}

/* FUNDO ANIMADO */


.slider-produtos-btn::before{
    content:'';

    position:absolute;

    top:0;
    left:0;

    width:0%;
    height:100%;

    background:#000;

    transition:width .5s ease;

    z-index:0;

    /* REMOVE BORDA/CINZA */

    border:none;
    box-shadow:none;

    /* MESMO ARREDONDAMENTO */

    border-top-left-radius:40px;
    border-bottom-right-radius:40px;
}







/* TEXTO */

.slider-produtos-btn span{
    position:relative;
    z-index:2;

    transition:color .3s ease;
}

/* HOVER */

.slider-produtos-btn:hover::before{
    width:100%;
}

.slider-produtos-btn:hover{
    transform:translateY(-5px);
}

.slider-produtos-btn:hover span{
    color:#fff;
}










/* ===== LOGO ===== */

.slider-produtos-logo{
    position:absolute;

    right:35px;
    bottom:30px;

    z-index:20;

    background:rgba(255,255,255,0.10);
    backdrop-filter:blur(12px);

    padding:12px 18px;

    border-top-left-radius:30px;
    border-bottom-right-radius:30px;

    opacity:0;
    transform:translateY(40px) scale(.8);

    transition:
    opacity .8s ease,
    transform .8s ease;
}

/* ===== LOGO ATIVA ===== */

.slider-produtos-item.active .slider-produtos-logo{
    opacity:1;
    transform:translateY(0) scale(1);
}

/* ===== IMG LOGO ===== */

.slider-produtos-logo img{
    width:130px;
    height:auto;
    object-fit:contain;

    animation:logoFloat 3s ease-in-out infinite;
}

/* ===== ANIMAÇÃO LOGO ===== */

@keyframes logoFloat{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-6px);
    }

    100%{
        transform:translateY(0px);
    }

}

/* ===== BOTÕES ===== */

.slider-produtos-nav{
    position:absolute;

    top:50%;
    transform:translateY(-50%);

    width:60px;
    height:60px;

    border:none;

    border-top-left-radius:50%;
    border-bottom-right-radius:50%;

    cursor:pointer;

    z-index:10;

    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);

    color:#fff;
    font-size:24px;

    transition:.4s;
}

.slider-produtos-nav:hover{
    background:#fff;
    color:#111;
}

.slider-produtos-prev{
    left:25px;
}

.slider-produtos-next{
    right:25px;
}

/* ===== DOTS ===== */

.slider-produtos-dots{
    position:absolute;

    bottom:30px;
    left:50%;

    transform:translateX(-50%);

    display:flex;
    gap:12px;

    z-index:10;
}

.slider-produtos-dot{
    width:13px;
    height:13px;

    border-radius:50%;

    background:rgba(255,255,255,.4);

    cursor:pointer;
    transition:.4s;
}

.slider-produtos-dot.active{
    width:38px;
    border-radius:20px;
    background:#fff;
}

/* ===== ANIMAÇÃO TEXTO ===== */

@keyframes sliderFadeUp{

    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* ===== RESPONSIVO ===== */

@media(max-width:992px){

    .slider-produtos-item{
        height:540px;
    }

    .slider-produtos-overlay{
        padding:40px;
    }

    .slider-produtos-content h1{
        font-size:48px;
    }

}

@media(max-width:768px){

    .slider-produtos-item{
        height:480px;
    }

    .slider-produtos-overlay{
        padding:30px;
    }

    .slider-produtos-content h1{
        font-size:34px;
    }

    .slider-produtos-content p{
        font-size:15px;
    }

    .slider-produtos-btn{
        padding:15px 28px;
        font-size:14px;
    }

    .slider-produtos-nav{
        width:48px;
        height:48px;
        font-size:18px;
    }

    .slider-produtos-logo{
        right:15px;
        bottom:15px;
        padding:10px 14px;
    }

    .slider-produtos-logo img{
        width:90px;
    }

}