/* Estilo automático para a página: home-2 */
#banner{
    .myBanner {
      width: 100%;
      height: 760px;
      position: relative;
      z-index: 1;
    }
    
    .swiper-slide {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;

      h1{
        margin-bottom: 40px;
      }
      h2{
        margin-top: 20px;
      }
      .slide-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
        pointer-events: none; /* IMPORTANTE: permite que os eventos passem através do vídeo */
      }
      /* NOVA CLASSE PARA IMAGEM - mesma estilização do vídeo */
      .slide-bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
        pointer-events: none; /* IMPORTANTE: permite que os eventos passem através da imagem */
      }
    }
    
    
    .swiper-slide::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      z-index: 2;
      pointer-events: none; /* IMPPORTANTE: não bloqueia os cliques */
    }
    
    .swiper-slide .container {
      position: relative;
      z-index: 3;
      height: 100%;
      display: flex;
      align-items: center;
      pointer-events: none; /* Área não clicável por padrão */
    }
    
    .swiper-slide .container a,
    .swiper-slide .container button {
      pointer-events: auto; /* Estes elementos podem ser clicados */
    }
    
    /* Para garantir que o Swiper detecte os eventos de arrasto */
    .swiper-wrapper {
      z-index: 4;
    }
    
    .swiper-pagination {
      z-index: 5;
    }

    .swiper-pagination-bullet{
        border-radius: 0;
        background-color: var(--branco);
        opacity: 1;
    }
    
    .swiper-pagination-bullet-active{
        background-color: var(--azulescuro);
    }
}

#sobre{
    padding: 90px 0;

    h3{
        margin-top: 16px;
    }
    .text-sobre{
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        color: var(--cinza);
        margin: 0;

    }
    .moldura {
        position: relative;
        height: 100%;

        .img-sobre{
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px;
            margin-top: 20px;
        }
        .btn-padrao {
            position: absolute;
            bottom: 0;
            right: 0;
        }
    }

    .passadores-sobre {
        opacity: 0;
    }

    .nome-cargo {
        position: absolute;
        bottom: 0;
        left: 10px;
        color: #fff;
        text-transform: uppercase;

        .nome-sobre {
            font-size: 16px;
            font-weight: 700;
            margin: 0;
        }
        .cargo-sobre {
            font-size: 13px;
        }
    }

}

#empreendimentos{
    background: var(--laranjaClaro);
    padding: 60px 0;

    .swiper-wrapper{
        padding: 20px 0;
    }

    h3 {
        margin-top: 16px;
    }

    .passadores-emp {
        .swiper-button-prev {
            background-color: var(--azul);
            width: 50px;
            height: 50px;
            border-radius: 8px;
            left: 20px;
        }
        .swiper-button-next {
            background-color: var(--azul);
            width: 50px;
            height: 50px;
            border-radius: 8px;
            right: 20px;
        }
        .swiper-button-prev:after {
            font-size: 12px;
            font-weight: 900;
            color: var(--branco);
        }
        .swiper-button-next:after {
            font-size: 12px;
            font-weight: 900;
            color: var(--branco);
        }
    }
}

#blog{
    padding: 88px 0;
    
    h2{
        text-align: center;
    }
    h3{
        margin-top: 16px;
        text-align: center;
    }

    .swiper-button-prev {
        background-color: var(--azul);
        width: 50px;
        height: 50px;
        border-radius: 8px;
        left: -70px;
    }
    .swiper-button-next {
        background-color: var(--azul);
        width: 50px;
        height: 50px;
        border-radius: 8px;
        right: -70px;
    }
    .swiper-button-prev:after {
        font-size: 12px;
        font-weight: 900;
        color: var(--branco);
    }
    .swiper-button-next:after {
        font-size: 12px;
        font-weight: 900;
        color: var(--branco);
    }
}

#mcmv {
    padding: 0 0 80px 0;

    .sombra-servico {
        background: #00000040;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0;
        border-radius: 8px;
    }

    .z-index-text{
        position: relative;
        z-index: 10;
    }
    .box-mcmv {
        min-height: 440px;
        display: flex;
        align-items: center;
        padding: 30px;
        background-repeat: no-repeat;
        border-radius: 8px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .titulo-mcmv{
        font-weight: 500;
        font-size: 36px;
        line-height: 120%;
        margin-top: 24px;
        color: var(--branco);
    }
    .texto-mcmv{
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        margin-bottom: 24px;
        color: var(--branco);
    }
}

#acompanhe{
    padding: 80px 0;
    background-color: var(--verde);

    .text-acompanhe{
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        color: var(--cinza);
        margin-bottom: 24px;
    }
    
}

/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
     #sobre {
        text-align: center;
        display: block;

        .moldura{
            .img-sobre {
                margin-top: 30px;
            }
        }
        .card-padrao {
            .texto-card-padrao {
                min-height: 340px;
            }
        }

        .passadores-sobre {
            opacity: 1;
            
            .swiper-button-prev {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                left: -20px;
            }
            .swiper-button-next {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                right: -20px;
            }
            .swiper-button-prev:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
            .swiper-button-next:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
        }
    }

    #empreendimentos {
        text-align: center;
        display: block;

        .passadores-emp {
            bottom: -57px;
            position: relative;

            .swiper-button-prev {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                left: 20px;
            }
            .swiper-button-next {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                right: 20px;
            }
            .swiper-button-prev:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
            .swiper-button-next:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
        }
    }

    #mcmv {
        .titulo-mcmv {
            font-size: 28px;
        }
    }

    
    #blog{
        .passadores {
            bottom: -57px;
            position: relative;

            .swiper-button-prev {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                left: 0;
            }
            .swiper-button-next {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                right: 0;
            }
            .swiper-button-prev:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
            .swiper-button-next:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
        }
    }
    #acompanhe {
        .img-insta{
            width: 100%;
            object-fit: cover;
            height: 350px;
            margin-top: 40px;
            border-radius: 16px;
        }
    }
}

/* MOBILE */
@media all and (max-width: 767px) { 
    #banner {
        text-align: center;
        .myBanner {
            height: 530px;
        }
    }
    #sobre {
        text-align: center;
        display: block;

        .passadores-sobre {
            bottom: -57px;
            position: relative;
            opacity: 1;   

            .swiper-button-prev {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                left: 0;
            }
            .swiper-button-next {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                right: 0;
            }
            .swiper-button-prev:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
            .swiper-button-next:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
        }
    }

    #empreendimentos {
        text-align: center;
        display: block;

        .passadores-emp {
            bottom: -57px;
            position: relative;

            .swiper-button-prev {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                left: 0;
            }
            .swiper-button-next {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                right: 0;
            }
            .swiper-button-prev:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
            .swiper-button-next:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
        }
    }

    #blog{
        .passadores {
            bottom: -57px;
            position: relative;

            .swiper-button-prev {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                left: 0;
            }
            .swiper-button-next {
                background-color: var(--azul);
                width: 50px;
                height: 50px;
                border-radius: 8px;
                right: 0;
            }
            .swiper-button-prev:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
            .swiper-button-next:after {
                font-size: 12px;
                font-weight: 900;
                color: var(--branco);
            }
        }
    }

    #mcmv {
        .box-mcmv {
            min-height: 580px;
            display: flex;
            align-items: flex-end;
        }
        .titulo-mcmv {
            font-size: 28px;
        }
    }


    #acompanhe {
        .img-insta{
            width: 100%;
            object-fit: cover;
            height: 350px;
            margin-top: 40px;
            border-radius: 16px;
        }
    }
}