@import url(utils/global.css);
@import url(components/card_primary.css);
@import url(components/carousel_infinit.css);
@import url(components/text_title.css);
@import url(components/btn_padrao.css);
@import url(components/card1_infos.css);
@import url(components/card_project.css);
@import url(components/cards_stack.css);
@import url(components/footer_main.css);
@import url(components/tradutor_google-card.css);
@import url(components/modal_info-pj.css);

body {
    background-color: var(--color-dark-1);
}

/* padrão - Cards */
.container_card3,
.container_card2,
.container_card1 {
    display: flex;
    flex-direction: column;
    padding: 50px 26px;
    min-height: 700px;
    position: relative;
}

.overlay_background {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 3;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.576);
}