* {
    margin: auto;
}
body{
    margin: auto
}
:root {
    --cor-01: white;
    --cor-02: #e9dece;
    --cor-03: #99784d;
    --cor-04: #191f27;
    --cor-05: #fefbf3;
    --cor-06: #191f27;
}



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


/* FONTS */
@font-face {
    font-family: Goldenbook;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(fonts/font-04-Goldenbook.woff);
}

@font-face {
    font-family: Goldenbook-Light;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(fonts/font-01-Goldenbook-Light.woff);
}

@font-face {
    font-family: Goldenbook-Bold;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(fonts/font-02-Goldenbook-Bold.woff);
}

@font-face {
    font-family: Arbotek-Light;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(fonts/font-03-Arbotek-Light.woff);
}



/* MAIN */
body {
    font-family: Arbotek-Light;
}

h1 {
    font-size: 50px;
    font-weight: 100;
    font-family: Arbotek-Light;
}
h2 {
    font-size: 45px;
    font-weight: 100;
    font-family: Arbotek-Light;
}
h3 {
    font-size: 40px;
    font-weight: 100;
    font-family: Goldenbook-Light;
}
h4 {
    font-size: 35px;
    font-weight: 100;
    font-family: Arbotek-Light;
}
h5 {
    font-size: 30px;
    font-weight: 100;
    font-family: Arbotek-Light;
}
h6 {
    font-size: 20px;
    font-weight: 100;
    font-family: Goldenbook-Light;
}
p {
    font-size: 18px;
    font-weight: 100;
    font-family: Goldenbook-Light;
    padding: 10px;
}
a {
    text-decoration: none;
}



/* CORES */
.cor-01 {
    color: var(--cor-01);
}
.cor-02 {
    color: var(--cor-02);
}
.cor-03 {
    color: var(--cor-03);
}
.cor-04 {
    color: var(--cor-04);
}
.cor-05 {
    color: var(--cor-05);
}
.bg-cor-01 {
    background-color: var(--cor-01);
}
.bg-cor-02 {
    background-color: var(--cor-02);
}
.bg-cor-03 {
    background-color: var(--cor-03);
}
.bg-cor-04 {
    background-color: var(--cor-04);
}
.bg-cor-05 {
    background-color: var(--cor-05);
}
.bg-cor-06 {
    background-color: var(--cor-06);
}
.inverte{
    filter: invert(1);
}



/* DISPLAY */
.flex{
    display: flex;
}
@media (max-width:600px){
    .flex{
        display: block;
    }
}



/* PADDING */
.pd-zero {
    padding: 0px;
}
.pd-35{
    padding: 35px;
}
.pd-70{
    padding: 70px;
}
@media (max-width:600px){
    .pd-70{
        padding: 35px;
    }
}



/* SECTIONS */
section {
    padding-top: 70px;
    padding-bottom: 70px;
}
section {
    z-index: 2;
}



/* COLUNAS */
.col-1{
    width: 100%;
    display: flex;
    flex-direction: row;
}
.col-2{
    width: 50%;
    display: flex;
    flex-direction: column;
}
@media (max-width:600px){
    .col-2{
        width: 100%;
    }
}



/* TEXTOS */
.txt-bold{
    font-weight: bold;
}
.txt-centro{
    text-align: center;
}
.fsz-40px{
    font-size: 40px;
    font-weight: 100;
    letter-spacing: 5px;
}
@media (max-width:600px){
    .fsz-40px {
        font-size: xx-large;
        font-weight: 100;
        letter-spacing: 0px;
    }
}
.fsz-50px{
    font-size: 50px;
    font-weight: 100;
    letter-spacing: 5px;
}
.p-padrao{
    font-size: 14px;
    line-height: 27px;
    padding: 25px;
    letter-spacing: 2px;
}
@media (max-width:600px){
    .p-padrao {
        padding: 5px;
        letter-spacing: 0px;
    }
}


/* HEADER */
header#header {
    /* position: fixed; */
    position: absolute;
    width: 100%;
    /* background-color: var(--cor-03); */
    backdrop-filter: blur(5px);
    display: flex;
    z-index: 1;
}
img#img-logo-oscar-900 {
    height: 100px;
}



/* SECTIONS */

/* INTRO */
section#intro {
    /* display: flex; */
    color: var(--cor-01);
    background-color: var(--cor-04);
}
div#lancamento {
    flex-direction: column;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
}

div#img-render {
    width: 100%;
    height: 95svh;
    /* object-fit: cover;
    object-position: 50% 50%; */
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-image: url('img/produto-oscar-900-render-intro-2.jpeg');
}

/* PRODUTO */
section#sobre-o-produto {
    padding-top: 0px;
    padding-bottom: 0px;
}
div#sobre-o-oscar-900,
div#marco-zero-do-jardins {
    min-height: 350px;
    padding-top: 70px;
    padding-bottom: 70px;
}
@media (max-width:600px){
    div#sobre-o-oscar-900 {
        min-height: 100px;
    }
}
div#marco-zero-do-jardins {
    display: flex;
}
div#marco-zero-do-jardins h3 {
    margin-left: 35px;
}
div#marco-zero-do-jardins ul {
    margin-left: 15px;
    line-height: 30px;
}
img#txt-metragem-e-vagas {
    /* max-width: 745px; */
    width: 90%;
    margin-left: 35px;
}
@media (max-width:600px){
    img#txt-metragem-e-vagas {
        display: none;
    }
}

/* IMAGENS */
section#imagens {
    flex-direction: column;
    background-color: var(--cor-05);
}

.gallery__list {
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
@media (max-width:600px){
    .gallery__list {
        padding: unset;
    }
}

.gallery__item {
    width: 32%;
    margin: 5px;
}
@media (max-width:600px){
    .gallery__item {
        width: 100%;
    }
}

/* .gallery__item:not(:nth-child(-n+2)) {
    margin-top: 20px;
} */
.gallery__item img {
    width: 100%;
    height: auto;
}
.gallery__item a {
    transition: .5s;
}
.gallery__item a:hover {
    filter: opacity(0.7);
}
.gallery__item a:hover img {
    box-shadow: 0 0 15px #191f27;
}
.lightboxOverlay {
    background-color: #99784d;
}

/* Projetistas */
section#projetistas {
    flex-direction: column;
}
div#txt-projetistas {
    max-width: 800px;
}
section#projetistas img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    filter: grayscale(1);
}
@media (max-width:600px){
    section#projetistas img {
        width: 100px;
        height: 100px;
    }
}
ul#ul-projetistas {
    display: flex;
    flex-wrap: wrap;
}
li#li-projetistas {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 35px;
}
@media (max-width:600px){
    li#li-projetistas {
        width: 25%;
        text-align: center;
    }
}


/* Localizacao */
section#localizacao {
    flex-direction: column;
}
ul#ul-localizacao {
    display: flex;
    flex-wrap: wrap;
}
li#li-localizacao {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 35px;
}
@media (max-width:600px){
    li#li-localizacao {
        width: 25%;
        text-align: center;
    }
}

/* FOOTER */
div#realizacao,
div#incorporação {
    height: 235px;
    text-align: justify;
}
@media (max-width:600px){
    div#realizacao,
    div#incorporação {
        height: -webkit-fill-available;
        width: -webkit-fill-available;
    }
}