/*==================================
    TABLET
===================================*/

@media (max-width:1024px){

    .hero{

        flex-direction: column;

        justify-content: center;

        text-align: center;

        gap: 60px;

        padding-top: 140px;

        padding-bottom: 80px;

        min-height: auto;

    }

    .hero-content{

        align-items: center;

        text-align: center;

        order:2;

    }

    .hero-text{

        align-items:center;

    }

    .hero-image{

        order:1;

        width:100%;

        display:flex;

        justify-content:center;

    }

    .hero-imagem-wrapper{

        width:100%;

        display:flex;

        justify-content:center;

    }

    .hero-photo{

        width:80%;

        max-width:520px;

    }

    .hero-imagem-wrapper::before{

        width:420px;

        height:420px;

        filter:blur(70px);

    }

    .hero-buttons{

        justify-content:center;

    }

}
/*==================================
    CELULAR
===================================*/

@media (max-width:768px){

    .hero{

        width:92%;

        gap:40px;

        padding-top:120px;

    }

    .hero-photo{

        width:95%;

        max-width:430px;

    }

    .hero-imagem-wrapper::before{

        width:340px;

        height:340px;

        filter:blur(60px);

    }

    .hero-text h1{

        font-size:3rem;

    }

    .hero-text p{

        font-size:1rem;

    }

    .hero-buttons{
    
        flex-direction:column;

        width:100%;

    }

    .hero-buttons .btn{

        width:100%;

        max-width:320px;

        text-align:center;

    }

}
@media(max-width:900px){

    .nav-links{

        display:none;

    }

    .btn-contato{

        padding:12px 18px;

    }

}
/*==================================
    SOBRE — TABLET
===================================*/

@media (max-width:1024px){

    .about{
        padding:90px 6%;
    }

    .about-container{
        flex-direction:column;
        gap:55px;
    }

    .about-image-wrapper,
    .about-content{
        width:100%;
    }

    .about-image-wrapper{
        justify-content:center;
    }

    .about-photo{
        max-width:500px;
    }

    .about-content{
        text-align:center;
    }

    .about-content h3{
        font-size:2.1rem;
    }

    .about-content p{
        max-width:750px;
        margin-left:auto;
        margin-right:auto;
    }

    .about-buttons{
        justify-content:center;
    }

}
/*==================================
    SOBRE — CELULAR
===================================*/

@media (max-width:768px){

    .about{
        padding:75px 5%;
    }

    .section-title{
        margin-bottom:45px;
    }

    .section-title h2{
        font-size:2.3rem;
    }

    .about-container{
        gap:40px;
    }

    .about-photo{
        width:95%;
        max-width:430px;
    }

    .about-image-wrapper::before{
        width:320px;
        height:320px;
    }

    .about-content h3{
        font-size:1.8rem;
    }

    .about-items,
    .about-cards{
        grid-template-columns:1fr;
    }

    .about-card{
        padding:20px;
    }

    .about-card p{
        font-size:1rem;
    }

    .about-buttons{
        justify-content:center;
    }

}
/*==================================
    GALERIA — TABLET
===================================*/

@media (max-width:1024px){

    .gallery{
        padding:90px 6%;
    }

    .gallery-grid{
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }

    .gallery-card img{
        height:400px;
    }

}
/*==================================
    GALERIA — CELULAR
===================================*/

@media (max-width:768px){

    .gallery{
        padding:75px 5%;
    }

    .gallery-header{
        margin-bottom:40px;
    }

    .gallery-header h2{
        font-size:2.3rem;
    }

    .gallery-filters{
        gap:10px;
        margin-bottom:40px;
    }

    .filter-btn{
        padding:10px 18px;
        font-size:.85rem;
    }

    .gallery-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .gallery-card{
        max-width:520px;
        width:100%;
        margin:0 auto;
    }

    .gallery-card img{
        height:500px;
    }

    .gallery-overlay{
        opacity:1;
        padding:22px;

        background:linear-gradient(
            to top,
            rgba(0,0,0,.9),
            transparent 55%
        );
    }

    .gallery-overlay i,
    .gallery-overlay h3,
    .gallery-overlay span{
        opacity:1;
        transform:translateY(0);
    }

}
/*==================================
    AVALIAÇÕES — TABLET
===================================*/

@media (max-width:1024px){

    .testimonials{
        padding:90px 6%;
    }

    .testimonial-container{
        grid-template-columns:repeat(2,1fr);
    }

    .testimonial-card:last-child{
        grid-column:1 / -1;
        max-width:520px;
        width:100%;
        justify-self:center;
    }

}
/*==================================
    AVALIAÇÕES — CELULAR
===================================*/

@media (max-width:768px){

    .testimonials{
        padding:75px 5%;
    }

    .testimonial-container{
        grid-template-columns:1fr;
        gap:22px;
        margin-top:40px;
    }

    .testimonial-card,
    .testimonial-card:last-child{
        grid-column:auto;
        max-width:520px;
        width:100%;
        justify-self:center;
        padding:24px;
    }

}

@media (max-width:480px){

    .section-title h2,
    .gallery-header h2,
    .section-header h2{
        font-size:2rem;
    }

    .gallery-card img{
        height:430px;
    }

    .filter-btn{
        flex:1 1 calc(50% - 10px);
    }

}
/*==================================
    CONTATO
===================================*/

@media (max-width:1024px){

    .contact{

        padding:90px 6%;

    }

    .contact-container{

        grid-template-columns:1fr;

        gap:45px;

    }

    .contact-info{

        max-width:700px;

        margin:auto;

    }

    .contact-map iframe{

        height:380px;

    }

}

@media (max-width:768px){

    .contact{

        padding:75px 5%;

    }

    .contact-container{

        gap:35px;

    }

    .contact-item{

        padding:18px;

        gap:15px;

    }

    .contact-item i{

        font-size:1.6rem;

    }

    .contact-map iframe{

        height:300px;

    }

}

@media (max-width:480px){

    .contact-item{

        flex-direction:column;

        text-align:center;

    }

}
/*==================================
    FOOTER
===================================*/

@media (max-width:1024px){

    .footer-content{

        grid-template-columns:1fr 1fr;

        gap:40px;

    }

}

@media (max-width:768px){

    .footer{

        padding:60px 5% 25px;

    }

    .footer-content{

        grid-template-columns:1fr;

        text-align:center;

        gap:35px;

    }

    .footer-logo{

        display:flex;

        flex-direction:column;

        align-items:center;

    }

    .footer-logo p{

        max-width:350px;

    }

    .footer-links,

    .footer-social{

        align-items:center;

    }

    .footer-bottom{

        margin-top:35px;

    }

}

@media (max-width:480px){

    .footer-logo img{

        width:60px;

    }

}
/* fumaça */
@media(max-width:768px){

    .smoke{

        width:400px;

        opacity:.06;

    }

    .smoke4,

    .smoke5,

    .smoke6{

        display:none;

    }
    .hero-text h1{

    font-size:clamp(2.5rem,6vw,4.5rem);

}

.section-title h2,

.gallery-header h2,

.section-header h2{

    font-size:clamp(2rem,5vw,3rem);

}

}
@media (max-width: 768px){

    .scroll-indicator{
        display: none !important;
    }

}
/*==================================
    MENU MOBILE
===================================*/

@media (max-width:1024px){
    
    .nav-container{
        position:relative;
    }

    .menu-toggle{
        display:flex;
    }

    .btn-contato{
        padding:12px 18px;
    }

    .nav-links{
        position:fixed;

        top:0;
        right:-100%;

        width:min(320px, 82%);
        height:100dvh;

        padding:110px 35px 40px;

        display:flex;
        flex-direction:column;
        align-items:flex-start;

        gap:28px;

        background:rgba(5,5,5,.97);

        border-left:1px solid rgba(212,175,55,.25);

        backdrop-filter:blur(18px);

        box-shadow:-15px 0 50px rgba(0,0,0,.55);

        transition:right .4s ease;

        z-index:1050;

        overflow-y:auto;
    }

    .nav-links.active{
        right:0;
    }

    .nav-links li{
        width:100%;
    }

    .nav-links a{
        display:block;
        width:100%;

        font-size:1.05rem;

        padding-bottom:12px;

        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .mobile-schedule{
        display:block;
    }

    .mobile-schedule a{
        color:var(--cor-fundo);
        background:var(--cor-dourado);

        border-radius:999px;
        border-bottom:none;

        padding:14px 20px;

        text-align:center;
        font-weight:600;
    }

}
.menu-toggle.active span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2){
    opacity:0;
}

.menu-toggle.active span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
}
@media (max-width:576px){

    header .btn-contato{
        display:none;
    }

    .nav-container{
        width:92%;
    }

}
@media (max-width:768px){  /*voltar ao topo*/

    .back-to-top{
        right:16px;
        bottom:16px;

        width:46px;
        height:46px;

        font-size:1rem;
    }

}
@media (max-width:768px){

    .reveal-left,
    .reveal-right{
        transform:translateY(45px);
    }

}
@media (max-width:1100px){

    header{
        background:rgba(5,5,5,.82);
        backdrop-filter:blur(12px);
    }

    header.scrolled{
        background:rgba(5,5,5,.97);
    }

}@media (max-width:768px){

    .whatsapp-float{
        right:16px;
        bottom:75px;

        width:46px;
        height:46px;

        font-size:1.45rem;
    }

}