:root{
    --marrom:#282426;
    --dourado:#c5a875;
    --bronze: #aa7646;
}


.text-bronze{
color: var(--bronze);
}
.text-dourado{
    color: var(--dourado);
}

.text-marrom{
    color: var(--marrom);
}


.bg-marrom{
    background-color: var(--marrom);
}
@font-face {
    font-family: 'Didot';
    src: url('fonts/Didot-Italic.eot');
    src: url('fonts/Didot-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Didot-Italic.woff2') format('woff2'),
        url('fonts/Didot-Italic.woff') format('woff'),
        url('fonts/Didot-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



@font-face {
    font-family: 'Codec Pro';
    src: url('fonts/CodecPro-Regular.eot');
    src: url('fonts/CodecPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/CodecPro-Regular.woff2') format('woff2'),
        url('fonts/CodecPro-Regular.woff') format('woff'),
        url('fonts/CodecPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('fonts/CodecPro-Bold.eot');
    src: url('fonts/CodecPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CodecPro-Bold.woff2') format('woff2'),
        url('fonts/CodecPro-Bold.woff') format('woff'),
        url('fonts/CodecPro-Bold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


html{

scroll-behavior: smooth;
overflow-x: hidden;

}

.dt{
    font-family: 'Didot' !important;
}

body{
   font-family: 'Codec Pro' !important;
}

.ls{
letter-spacing: 4px !important;
}


.banner1{background: linear-gradient(#28242680 , #28242680) , url('../img/banner/01.webp');}
.banner2{background: linear-gradient(#28242680 , #28242680) , url('../img/banner/02.webp');}
.banner3{background: linear-gradient(#28242680 , #28242680) , url('../img/banner/03.webp');}
.banner4{background: linear-gradient(#28242680 , #28242680) , url('../img/banner/04.webp');}

@media (max-width:800px ){
.banner1{background: linear-gradient(#28242680 , #28242680) , url('../img/banner/01-mb.webp');}
.banner2{background: linear-gradient(#28242680 , #28242680) , url('../img/banner/02-mb.webp');}
.banner3{background: linear-gradient(#28242680 , #28242680) , url('../img/banner/03-md.webp');}
.banner4{background: linear-gradient(#28242680 , #28242680) , url('../img/banner/04-md.webp');}
}


header {
    background-position: right; /* Define a posição inicial à direita */
    background-repeat: no-repeat;
    background-size: cover;

}



#contato{


    background-image: url('../img/bg-form.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: ;

}

#inimaginavel{

    background-image: url('../img/bg-inimaginavel.png');
    background-position: top 103% right -20%;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: ;

}

#funcionalidades{
    
    background:  url('../img/bg-funcionalidades.png') , linear-gradient(var(--marrom) , var(--marrom) );
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: ;

    }



    input{

        background: #0000 !important;
        border: none !important;
        border-bottom: 2px solid #fff !important;
        border-radius: 0px !important;
        height: calc(1.5em + 0.75rem + -10px) !important;
color: var(--dourado) !important;

    }

    label{
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;

    }

textarea{
  background: #0000 !important;
  border: 2px solid #fff !important;
  border-radius: 0px !important;
  color: var(--dourado) !important;
}


input::placeholder , textarea::placeholder{

color: var(--dourado) !important;

}

button.btn.btn-warning.bg-bege.btn-block.mt-5.mb-4.text-uppercase.grafie {
    background: #fff;
    border: none !important;
    border-radius: 0;
}

.mapa{

background-image: url('../img/mapa.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 600px;
height: 60vh;

}
.cta {
    padding: 10px 5rem !important; 
    font-size: 15px !important; 
    letter-spacing: 0.2rem !important; 
    border-radius: unset !important; 
}

.borda{

    border-top: 1px solid #c5a875;

}

.lh{

    line-height: 1.8rem !important;

}

.carousel-control-prev {
    left: -120px !important;
}

.carousel-control-next {
    right: -120 !important;
    rotate: 180deg;
}

.bg{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 80vh;

}

.bg-galeria{
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}


.conteudohome{
position: absolute !important;
top: 0;
height: 100%;
}

.txtp{
font-family: 8px !important;
}

.linkgaleria{
    transition: transform 0.3s;
}
.linkgaleria:hover{
    transform: scale(1.2); 
}
.box-galeria{
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
  
  }
  
  .galeria {
      display: flex;
      justify-content: center;
      gap: 1rem;
  }

  @media (max-width: 800px){

    .conteudohome {
        width: 70%;
    }


    #inimaginavel{

            background-image: unset;

    }

    #carouselIdyoo .carousel-inner {
        transition: opacity 1s ease-in-out;
    }
    
    #carouselIdyoo .carousel-inner .item {
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }
    
    #carouselIdyoo .carousel-inner .active {
        opacity: 1;
    }

    .carocelyoo  {
       
width: 50px !important;

    }

    img.img-fluid.imgyoo {
        border-radius: 50% !important;
    }
    .imgyoo {
        border-radius: 50% !important;
    }

    #funcionalidades {
        background:  linear-gradient(var(--marrom) , var(--marrom) );
        
    }

    a.btn.btn-light.cta.my-3 {
        width: 100%;
    }
    a.btn.btn-light.cta.my-3 {
        font-size: 11px !important;
    }

    .carousel-control-prev {
        left: 0px !important;
    }
    
    .carousel-control-next {
        right: 0 !important;
        rotate: 180deg;
    }
    

    .borda{

        border-top: none !important;
    
    }

    .mapa {
        background-image: url(../img/mapa.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 350;
        height: 40vw;
    width: 100%;
      
    }


  }

a.nav-link.text-white.text-uppercase.ls {
    font-size: 8px;
}

a.nav-link.text-white.text-uppercase.ls:hover {
    font-size: 9px;
    color: #c5a875 !important;
}