:root {
    /* espacamento padrao */
    --py-lg: 120px;
    --py-sm: 80px;
    /* espacamento padrao */
}


h1,
h2,
h3,
h4 {
    font-family: 'Oswald';
    text-transform: uppercase;
}

.overlay {
    &:after {
        content: '';
        background-color: rgba(0, 0, 0, 0.14);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.overflow-hidden {
    overflow: hidden;
}

.subtitulo {
    color: #b8babf;
    font-size: 15px;
    text-transform: uppercase;
}

.btn-outline {
    border: 2px solid #fff;
    padding: 1px 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 4px;
    font-family: 'Oswald';

    img {
        filter: invert(100%) sepia(17%) saturate(0%) hue-rotate(181deg) brightness(113%) contrast(101%);
        width: 20px;
        object-fit: contain;
    }

    &:hover {
        background-color: #fff;
        color: #1b1b1b;
        img {
            filter: invert(0%) sepia(11%) saturate(4%) hue-rotate(317deg) brightness(102%) contrast(79%);
        }
    }
}

/* topo */
.topo {
    padding: 200px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    h1 {
        font-size: 128px;
        line-height: 1;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .75px;
    }

    .subtitulo {
        gap: 0 20px;
        color: #fff;

        p {
            font-weight: 700;
            letter-spacing: 4px;
            font-family: 'Oswald';
        }

    }

    .botoes {
        gap: 0 20px;
    }

    
}

@media (max-width: 992px) {
    .topo {
        padding: var(--py-lg) 0;

        h1 {
            font-size: 48px;
        }

        .botoes {
            gap: 14px 0;
        }
    }
}


/* topo */

/* bloco_destaque */
.bloco_destaque {
    padding: var(--py-lg) 0;

    h2 {
        margin: 32px 0 20px;
        font-size: 48px;
    }

    p {
        color: #74777d;
    }

    ul {
        color: #74777d;
    }

    .lista {
        gap: 15px;
        position: relative;
        z-index: 1;

        ul {
            
        }
    }

    .img-fundo {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 17%;
        padding-bottom: 120px;
        z-index: 0;
    }
}

@media (max-width: 992px) {
    .bloco_destaque {
        padding: var(--py-sm) 0;

        h2 {
            font-size: 32px;
        }

        .img-fundo {
            width: 100%;
            padding-bottom: 0px;
            opacity: .8;
        }
    }
}
/* bloco_destaque */

/* bloco_descritivo_botoes */
.bloco_descritivo_botoes {
    padding: var(--py-lg) 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

    h2 {
        font-size: 48px;
    }

    &.overlay {
        &:after {
            background-color: rgba(0, 0, 0, 0.49);
        }
    }

    .texto-adicional {
        color: rgba(255,255,255,.5);
        text-transform: uppercase;
        font-weight: 500;
    }

    a.link {
        color: rgba(255,255,255,.7);
        text-transform: uppercase;
        font-family: 'Oswald';

        &:hover {
            color: #fff;
        }
    }
}

@media (max-width: 992px) {
    .bloco_descritivo_botoes {
        padding: var(--py-lg) 0;

        h2 {
            font-size: 32px;
        }
    }
}
@media (min-width: 993px) {
    .bloco_descritivo_botoes {
        .btn-outline {
            width: fit-content;
        }

        .link {
            font-size: 40px;
        }
    }
}
/* bloco_descritivo_botoes */