/* Estilo automático para a página: home */

  #banner {
      position: relative;
      height: 100vh;
      min-height: 500px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
      margin-top: -150px;

      .img-display {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          z-index: 0;
      }

      .sombra-servico{
        background: #0000009e;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        /* opacity: 0.6; */
        top: 0;
      }

      .box-banner{
          margin-top: 320px;
          position: relative;
          z-index: 2;

          h1{
            font-weight: 700;
            font-size: 48px;
            letter-spacing: 0.16071428rem;
            text-align: center;
            margin-bottom: 35px;
            text-transform: uppercase;
    
              span{
                color: #E8ED0A;
              }
          }

          .alt-efeito{
            margin-top: 100px;
          }

      }


      .selos-banner {
        position: absolute;
        right: 40px;
        width: 120px;
        top: 200px;
        z-index: 10;

        .selo-a{
            width: 120px !important;
            height: 100px;
            object-fit: contain;
            margin-bottom: 10px;
        }
        .selo-b{
            width: 50px !important;
            height: 50px;
            object-fit: contain;
        }
        .selo-c{
            width: 50px !important;
            height: 50px;
            object-fit: contain;
        }
    }

  }
    


#destaques {
    padding: 88px 0;
    background-color: #242424;

    .box-destaques {
        padding: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;

        .item-box-destaque{
            border-left: solid 3px #E8ED0A;
            padding-left: 20px;

            h3{
                font-weight: 450;
                font-size: 24px;
                letter-spacing: 0.16071428rem;
                text-transform: uppercase;
                color: #fff;
    
                span{
                    color: #E8ED0A;
                }
    
            }
        }
    }
}

#sobre {
    padding: 80px 0;
    background: linear-gradient(0deg, #434343 1.09%, #242424 98.97%);

    .img-sobre{
        width: 100%;
        object-fit: cover;
        height: 420px;
        border-radius: 10px;
    }

    h3{
        font-weight: 450;
        font-size: 28px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #E8ED0A;
        display: flex;
        align-items: center;

        img{
            margin-right: 15px;
        }

    }
    
    h2{
        font-weight: 500;
        font-size: 40px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #fff;
    }
    
    p {
        font-weight: 400;
        font-size: 18px;
        line-height: 160%;
        letter-spacing: 0.16071428rem;
        color: #fff;
        margin: 30px 0 40px;
    }

    .btn-padrao{
        font-weight: 500;
        font-size: 18px;
        background-color: #E8ED0A;
        line-height: 100%;
        text-transform: uppercase;
        color: #000 !important;
        padding: 14px 50px;
        display: inline-flex;
        align-items: center;
        width: 290px;
        text-align: center;
        justify-content: center;

        img{
            opacity: 0;
            transition: 300ms all ease-in-out;
        }

        &:hover{
            img{
                margin-left: 8px;
                opacity: 1;
            }
        }
    }
}


#diferenciais {
    padding: 70px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;

    .sombra-servico{
        background: #0000009e;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        /* opacity: 0.6; */
        top: 0;
    }

    h3{
        font-weight: 450;
        font-size: 28px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #E8ED0A;
        display: flex;
        align-items: center;
        margin-bottom: 30px;

        img{
            margin-right: 15px;
        }

    }

    h2{
        font-weight: 450;
        font-size: 40px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 44px;
    }

    .card-diferenciais {
        display: flex;
        background: #242424CC;
        padding: 30px;
        align-items: center;
        margin-bottom: 30px;
        min-height: 150px;

        .icon-dif{
            width: 36px;
            height: 36px;
            object-fit: contain;
            margin-right: 18px;
        }

        p{
            font-weight: 450;
            font-size: 19px;
            letter-spacing: 0.16071428rem;
            text-transform: uppercase;
            color: #fff;
            margin: 0;
        }
    }

    .ocult-mob{
        display: flex;
    }
    .ocult-desk{
        display: none;
    }
}


#galeria {
    background: #242424;
    padding: 80px 0;

    h2{
        font-weight: 450;
        font-size: 28px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #E8ED0A;
        margin-bottom: 30px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;

        img{
            margin-right: 7px;
        }

    }

    .alinhar-galeria{
        display: flex;
        justify-content: center;

        .nav-pills {
            display: flex;
            justify-content: space-between;
            border-bottom: 2px solid #151515;
            width: 80%;
    
            .nav-link {
                font-weight: 450;
                font-size: 32px;
                line-height: 100%;
                text-align: center;
                vertical-align: middle;
                text-transform: uppercase;
                color: #fff !important;
            }
        }

    }
    .img-galeria {
        height: 730px;
        width: 100%;
        object-fit: cover;
    }

    .passadores-fach{
        .swiper-button-prev {
            left: -80px;
            background-color: #E8ED0A;
            width: 60px;
            height: 60px;
        }
        .swiper-button-next {
            right: -80px;
            background-color: #E8ED0A;
            width: 60px;
            height: 60px;
        }
    }
    .passadores-area{
        .swiper-button-prev {
            left: -80px;
            background-color: #E8ED0A;
            width: 60px;
            height: 60px;
        }
        .swiper-button-next {
            right: -80px;
            background-color: #E8ED0A;
            width: 60px;
            height: 60px;
        }
    }
    .passadores-apart{
        .swiper-button-prev {
            left: -80px;
            background-color: #E8ED0A;
            width: 60px;
            height: 60px;
        }
        .swiper-button-next {
            right: -80px;
            background-color: #E8ED0A;
            width: 60px;
            height: 60px;
        }
    }

    .swiper-button-prev:after{
        font-size: 20px;
        font-weight: 700;
        color: #151515;
    }
    .swiper-button-next:after {
        font-size: 20px;
        font-weight: 700;
        color: #151515;
    }
    /* .swiper-button-prev:after{
        font-size: 20px;
        font-weight: 700;
        color: #151515;
    }
    .swiper-button-next:after {
        font-size: 20px;
        font-weight: 700;
        color: #151515;
    }
    .swiper-button-prev:after{
        font-size: 20px;
        font-weight: 700;
        color: #151515;
    }
    .swiper-button-next:after {
        font-size: 20px;
        font-weight: 700;
        color: #151515;
    } */

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        background-color: transparent;
        border-bottom: solid 3px #e8ed0a;
        border-radius: 0;
        padding-bottom: 20px;
    }

    .swiper-pagination {
        margin-bottom: -50px;

        .swiper-pagination-bullet {
            width: 40px;
            border-radius: 5px;
            background: #565656;
            opacity: 1;
            transition: 300ms all ease-in-out;
        }
    }
    span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #e8ed0a !important;
        width: 80px !important;
    }
}

#plantas {
    padding: 60px 0;
    background: linear-gradient(0deg, #434343 1.09%, #242424 98.97%);

    h3{
        font-weight: 450;
        font-size: 28px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #E8ED0A;
        display: flex;
        align-items: center;

        img{
            margin-right: 15px;
        }

    }
    
    h2{
        font-weight: 500;
        font-size: 40px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #fff;
    }
    
    .text-plantas {
        font-weight: 400;
        font-size: 18px;
        line-height: 160%;
        letter-spacing: 0.16071428rem;
        color: #fff;
    }

    .moldura-planta {
        border: 2px solid #E8ED0A;

        .img-planta {
            width: 100%;
            object-fit: contain;
            height: 400px;
        }

        .legenda-planta{
            font-weight: 600;
            font-size: 18px;
            line-height: 180%;
            text-align: center;
            background-color: #e8ed0a;
            margin: 0;
            padding: 10px;
            letter-spacing: 0.16071428rem;
        }
        
    }
    ul {
        margin: 0;
        padding: 15px;
        
        li{
            font-weight: 400;
            font-size: 18px;
            line-height: 180%;
            color: #fff;
            letter-spacing: 0.16071428rem;
            
            span{
                font-weight: 700;
            }
        }
    }


    .passadores-planta{

        margin-bottom: 0;
        top: -40px;
        position: relative;


        .swiper-button-prev {
            left: 0px;
            background-color: #E8ED0A;
            width: 60px;
            height: 60px;
        }
        .swiper-button-next {
            left: 80px;
            background-color: #E8ED0A;
            width: 60px;
            height: 60px;
        }
    }
    .swiper-button-prev:after{
        font-size: 20px;
        font-weight: 700;
        color: #151515;
    }
    .swiper-button-next:after {
        font-size: 20px;
        font-weight: 700;
        color: #151515;
    }
}


#localizacao {
    padding: 80px 0;
    background: #242424;

    .img-localizacao{
        width: 100%;
        object-fit: cover;
        height: 410px;
    }

    h3{
        font-weight: 450;
        font-size: 28px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #E8ED0A;
        display: flex;
        align-items: center;

        img{
            margin-right: 15px;
        }

    }
    
    h2{
        font-weight: 500;
        font-size: 40px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #fff;
    }
    
    p {
        font-weight: 400;
        font-size: 18px;
        line-height: 160%;
        letter-spacing: 0.16071428rem;
        color: #fff;
    }

    .btn-padrao{
        font-weight: 500;
        font-size: 18px;
        background-color: #E8ED0A;
        line-height: 100%;
        text-transform: uppercase;
        color: #000 !important;
        padding: 14px 30px;
        display: inline-flex;
        align-items: center;
        width: 338px;
        text-align: center;
        justify-content: center;

        img{
            opacity: 0;
            transition: 300ms all ease-in-out;
        }

        &:hover{
            img{
                margin-left: 8px;
                opacity: 1;
            }
        }
    }
}

#arquitetura {
    padding: 70px 0 30px;
    background-color: #141414;

    h3{
        font-weight: 450;
        font-size: 28px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #E8ED0A;
        display: flex;
        align-items: center;
        margin-bottom: 30px;

        img{
            margin-right: 15px;
        }

    }

    h2{
        font-weight: 450;
        font-size: 40px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 44px;
    }

    .card-arqui {
        margin-bottom: 40px;

        img{
            width: 100%;
            height: 210px;
            object-fit: cover;
            border-radius: 10px;
        }

        h4{
            font-weight: 600;
            font-size: 24px;
            line-height: 160%;
            letter-spacing: 0.16071428rem;
            color: #fff;
            
            span{
                font-weight: 700;
            }

        }

        p{
            font-weight: 400;
            font-size: 16px;
            line-height: 160%;
            letter-spacing: 0.16071428rem;
            color: #fff;

        }
    }

}

#condicoes {
    padding: 80px 0;
    background-color: #242424;

    h3{
        font-weight: 450;
        font-size: 28px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #E8ED0A;
        display: flex;
        align-items: center;
        margin-bottom: 30px;

        img{
            margin-right: 15px;
        }

    }

    h2{
        font-weight: 450;
        font-size: 40px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 44px;
    }

    .card-condicoes {
        background: #303030;
        padding: 50px;
        display: flex;
        align-items: center;
        flex-direction: column;
        min-height: 230px;
        justify-content: center;
        border-radius: 5px;

        .icon-condicoes {
            width: 110px;
            object-fit: contain;
        }
        .icon-condicoes2 {
            width: 60px;
            object-fit: contain;
        }

        p{
            font-weight: 450;
            font-size: 20px;
            line-height: 100%;
            text-align: center;
            color: #fff;
            margin-top: 20px;
        }
    }

    .img-cond{
        width: 100%;
        height: 436px;
        object-fit: cover;
        border-radius: 10px;
    }
}


#contato {
    padding: 60px 0;
    background: linear-gradient(178.76deg, #434343 1.09%, #242424 98.97%);


    h3 {
        font-weight: 450;
        font-size: 28px;
        letter-spacing: 0.16071428rem;
        text-transform: uppercase;
        color: #E8ED0A;
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        text-align: center;
        justify-content: center;
        
        img{
            margin-right: 15px;
        }

    }

    h2{
        font-weight: 450;
        font-size: 40px;
        line-height: 100%;
        letter-spacing: 0.16071428rem;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 40px;
    }

    .form-label{
        font-weight: 450;
        font-size: 24px;
        line-height: 100%;
        color: #E8ED0A;
        margin-bottom: 20px;
    }

    .form-check-label {
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        vertical-align: middle;
        color: #fff;
    }

    .form-control {
        font-weight: 400;
        font-size: 18px;
        color: #565656;
        line-height: 100%;
        min-height: 50px;
    }
    .form-check-input {
        background-color: transparent;
        margin-right: 8px;
    }
    .col-sm-12.mb-3.form-check {
        display: flex;
        align-items: center;
    }

    .btn-enviar{
        font-weight: 500;
        font-size: 18px;
        background-color: #E8ED0A;
        line-height: 100%;
        text-transform: uppercase;
        color: #000 !important;
        padding: 14px 50px;
        display: inline-flex;
        align-items: center;
        width: 290px;
        text-align: center;
        justify-content: center;

        img{
            opacity: 0;
            transition: 300ms all ease-in-out;
        }

        &:hover{
            img{
                margin-left: 8px;
                opacity: 1;
            }
        }
    }
}




/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {

    #destaques{
        .item-box-destaque{
            margin-bottom: 30px;
        }
    }

    #galeria {
        .alinhar-galeria {
            .nav-pills {
                display: flex;
                border-bottom: 2px solid #151515;
                width: 100%;
                flex-direction: row;
                flex-wrap: nowrap;
            }
        }
        .img-galeria {
            height: 460px;
        }
    }

    #plantas {
        padding: 60px 0 100px;

        .passadores-planta {
            margin-bottom: 0;
            top: 30px;
            position: relative;
            right: 0;
        }
    }
    
    #galeria {

        .passadores-fach {
            .swiper-button-next {
                right: 10px;
            }
            .swiper-button-prev {
                left: 10px;
            }
        }
        .passadores-area {
            .swiper-button-next {
                right: 10px;
            }
            .swiper-button-prev {
                left: 10px;
            }
        }
        .passadores-apart {
            .swiper-button-next {
                right: 10px;
            }
            .swiper-button-prev {
                left: 10px;
            }
        }
    }
    
}

/* MOBILE */
@media all and (max-width: 767px) { 


    
    #banner {
        padding: 80px 40px;

        .box-banner {
            margin-top: 90px;

            .passadores {
                top: 150px;
                position: relative;
            }
        }
        h1 {
            font-size: 32px !important;
        }
        .selo-banner{
            width: 100%;
        }
        .selos-banner {
            position: absolute;
            width: 130px;
            top: 610px;
            z-index: 10;
            right: inherit;
        }

        .img-sobre {
            height: 230px;
            margin-bottom: 30px;
        }
        
    }



    #destaques {
        .box-destaques {
            .item-box-destaque {
                margin-bottom: 60px;
            }
        }
    }

    #sobre{
        padding: 0px 40px 80px;

        .img-sobre {
            height: 290px;
            margin-bottom: 30px;
        }

        h3 {
            font-size: 20px;
        }
        h2 {
            font-size: 26px;
        }
    }

    #diferenciais{
        padding: 80px 40px;

        h3 {
            font-size: 20px;
        }
        h2 {
            font-size: 26px;
        }
        .sombra-servico {
            left: 0;
        }

        .ocult-mob{
            display: none;
        }
        .ocult-desk{
            display: block;
        }

        .passadores-diferenciais{
            position: relative;

            .swiper-button-prev {
                left: 0px;
                background-color: #E8ED0A;
                width: 60px;
                height: 60px;
            }
            .swiper-button-next {
                right: 0px;
                background-color: #E8ED0A;
                width: 60px;
                height: 60px;
            }

            .swiper-button-prev:after{
                font-size: 20px;
                font-weight: 700;
                color: #151515;
            }
            .swiper-button-next:after {
                font-size: 20px;
                font-weight: 700;
                color: #151515;
            }
        }
    }

    #galeria {
        .alinhar-galeria {
            .nav-pills {
                .nav-link {
                    margin-bottom: 30px;
                }
            }
        }

        .passadores-fach {
            .swiper-button-next {
                right: 10px;
            }
            .swiper-button-prev {
                left: 10px;
            }
        }
        .passadores-area {
            .swiper-button-next {
                right: 10px;
            }
            .swiper-button-prev {
                left: 10px;
            }
        }
        .passadores-apart {
            .swiper-button-next {
                right: 10px;
            }
            .swiper-button-prev {
                left: 10px;
            }
        }

        .img-galeria {
            height: 340px;
        }
    }


    #plantas {
        padding: 60px 0 110px;

        .passadores-planta {
            margin-bottom: 0;
            position: relative;
            bottom: -60px;
            top: auto;

            .swiper-button-next {
                right: 0;
                left: auto;
            }
        }
    }


    #localizacao {
        padding: 80px 40px;

        .img-localizacao {
            height: 230px;
            margin-bottom: 30px;
        }
        h3 {
            font-size: 20px;
        }
        h2 {
            font-size: 26px;
        }
    }

    #arquitetura{
        padding: 80px 40px;

        h3 {
            font-size: 20px;
        }
        h2 {
            font-size: 26px;
        }

        .card-arqui {
            img {
                height: 210px;
                margin-bottom: 20px;
            }
        }
        
    }

    #condicoes {
        padding: 80px 40px;

        h3 {
            font-size: 20px;
        }
        h2 {
            font-size: 26px;
        }
        .card-condicoes {
            margin-bottom: 30px;    
            min-height: 150px;
            padding: 30px 0px;
        }
        .img-cond {
            height: 250px;
        }
    }

    #contato {
        padding: 80px 40px;

        h3 {
            font-size: 20px;
        }
        h2 {
            font-size: 26px;
        }

    }
}