@charset "UTF-8";

body {
    font-family: 'Inter';
    font-weight: normal;
    --bottom-space-whats-btn: 1rem;
    background-color: #000;
}



nav {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    border-bottom: 1px solid #757575;
}

nav>.container {
    display: flex;
    color: #fff;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

nav .cont-logo .logo {
    width: 150px;
    padding: 10px 10px 10px 0px;
}

nav .menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

nav .menu .item-menu {
    margin: 0 10px;
    font-family: 'Sora';
    font-size: .85rem;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}

.center-container {
    width: 80%;
    max-width: 1000px;
    padding: 20px;
}

@keyframes fade-item-menu {
    from {
        transform: translateX(50px);
        opacity: 0;
    }

    to {
        transform: translateX(0px);
        opacity: 1;
    }
}


/*** SECTION ORCAMENTO ***/

.sc-orcamento {
    position: relative;
    text-align: center;
    padding: 6rem 0;
}

.sc-orcamento .cont-btn-orcamento {
    margin-top: 3rem;
    margin-bottom: 10rem;
}

.sc-orcamento .cont-dados-contato {
    text-align: left;
}

.sc-orcamento .cont-dados-contato h1 {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 2rem;
    background: linear-gradient(45deg, #fff, #999999);
    background-clip: text;
    color: transparent;
    transition: 2s ease-out;
}

.sc-orcamento .cont-dados-contato .item-contato {
    padding: 1rem 0;
}

.sc-orcamento .cont-dados-contato .item-contato a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.sc-orcamento .cont-dados-contato .item-contato a:before {
    content: "";
    display: inline-block;
    width: 3rem;
    aspect-ratio: 1;
    margin-right: 1rem;
    border-radius: 50%;
    border: 1px solid rgb(149 149 149 / 30%);
    background-size: 1.8rem, 200% 200%;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 25px rgb(255 255 255 / .3);
}

.sc-orcamento .cont-dados-contato .item-contato.item-mail a:before {
    background-image: url(../image/icon_email.svg), linear-gradient(45deg, #666666, transparent);
}

.sc-orcamento .cont-dados-contato .item-contato.item-whats a:before {
    background-image: url(../image/icon_whats.svg), linear-gradient(45deg, #666666, transparent);
}

.sc-orcamento .cont-dados-contato .item-contato.item-insta a:before {
    background-image: url(../image/icon_insta.svg), linear-gradient(45deg, #666666, transparent);
}

.sc-orcamento .cont-dados-contato .item-contato.item-youtube a:before {
    background-image: url(../image/icon_yt.svg), linear-gradient(45deg, #666666, transparent);
}

.sc-orcamento .cont-form-contato {
    text-align: left;
    color: #fff;
    position: relative;
}

.sc-orcamento .cont-form-contato .form-control {
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 3rem;
    padding: 1rem;
    color: #fff;
}

.sc-orcamento .cont-form-contato .btn-send {
    background-color: #fff;
    padding: 1rem;
    width: 100%;
    border-radius: 3rem;
    margin-top: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.sc-orcamento .cont-form-contato .btn-send:after {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
    background-position: center;
    background-size: 1.75rem;
}


.sc-orcamento .cont-form-contato .form-actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 90%);
    border-radius: 3px;
    padding: 1rem;
    text-align: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sc-orcamento .cont-form-contato .form-actions[data-status=''] {
    display: none !important;
}

.sc-orcamento .cont-form-contato .form-actions[data-status] .icon-status {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.sc-orcamento .cont-form-contato .form-actions[data-status]:after {
    content: '';
    margin-top: 1rem;
    white-space: pre-wrap;
}

.sc-orcamento .cont-form-contato .form-actions .icon-status.sending {
    background-color: #fff;
}

.sc-orcamento .cont-form-contato .form-actions .icon-status.success {
    background-color: #4caf50;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.sc-orcamento .cont-form-contato .form-actions .icon-status.error {
    background-color: #f44336;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-x-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.sc-orcamento .cont-form-contato .form-actions[data-status='SENDING']:after {
    content: 'Enviando';
}

.sc-orcamento .cont-form-contato .form-actions[data-status='SUCCESS']:after {
    content: 'Obrigado pelo contato!\AVocê receberá um retorno em breve ;)';
}

.sc-orcamento .cont-form-contato .form-actions[data-status='ERROR']:after {
    content: 'Houve um erro ao entrar em contato\A Contate o criador do site';
}

.sc-orcamento .cont-form-contato .form-actions[data-status='SENDING'] .icon-status.sending,
.sc-orcamento .cont-form-contato .form-actions[data-status='SUCCESS'] .icon-status.success,
.sc-orcamento .cont-form-contato .form-actions[data-status='ERROR'] .icon-status.error {
    display: block;
}



/*** SECTION FOOTER ***/

.sc-footer {
    background: #000;
    color: #fff;
    border-top: 1px solid #fff;
    padding: 2rem 0;
}

.sc-footer .cont-itens-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sc-footer .cont-itens-footer .item-menu {
    padding: .5rem 0;
    font-weight: 200;
}

.sc-footer .cont-logo-footer {
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size: .8rem;
    color: #ccc;
}

.sc-footer .cont-logo-footer .logo {
    margin-bottom: 1rem;
}

.sc-footer .cont-icons-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.sc-footer .cont-icons-footer .item-contato {}

.sc-footer .cont-icons-footer .item-contato a:before {
    content: "";
    display: inline-block;
    width: 2.75rem;
    aspect-ratio: 1;
    margin: .5rem;
    border-radius: 50%;
    border: 1px solid rgb(149 149 149 / 30%);
    background-size: 1.5rem, 200% 200%;
    background-repeat: no-repeat;
    background-position: center;
}

.sc-footer .cont-icons-footer .item-contato.item-mail a:before {
    background-image: url(../image/icon_email.svg), linear-gradient(45deg, #666666, transparent);
}

.sc-footer .cont-icons-footer .item-contato.item-whats a:before {
    background-image: url(../image/icon_whats.svg), linear-gradient(45deg, #666666, transparent);
}

.sc-footer .cont-icons-footer .item-contato.item-insta a:before {
    background-image: url(../image/icon_insta.svg), linear-gradient(45deg, #666666, transparent);
}


body.withgrecaptcha-badge-visible {
    --bottom-space-whats-btn: 6rem;
}

a.btn-call-whats {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: block;
    position: fixed;
    right: 1rem;
    bottom: var(--bottom-space-whats-btn);
    background-color: #4CAF50;
    z-index: 1;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232'/%3E%3C/svg%3E");
    background-size: 1.5rem;
    background-position: center;
    background-repeat: no-repeat;
}






@media (max-width: 1400px) {
    nav .cont-logo .logo {
        width: 175px;
    }
}

@media (max-width: 992px) {
    .center-container {
        width: 100%;
    }

    .sc-footer .center-container {
        width: 80%;
        margin: 0 auto 2rem;
    }

    .sc-portfolio {
        text-align: center;
    }

    .sc-portfolio .titulo-portfolio {
        width: 80%;
        margin: 3rem auto;
    }

    .sc-portfolio .cont-jobs .btn-portfolio {
        top: 100%;
    }
}

@media (max-width: 768px) {
    #modal-orcamento .modal-content {
        padding-left: 0;
    }

    #modal-orcamento .modal-content .modal-header {
        padding-left: 15px;
    }

    #modal-orcamento .modal-content .modal-body {
        transform: translateX(00px);
        padding: 1rem;
        overflow: visible;
    }

    #modal-orcamento.show .modal-content .modal-body {
        transform: translateX(0px);
    }
}

@media (max-width: 576px) {
    .sc-footer .center-container {
        width: 90%;
    }

    .sc-orcamento .titulo-orcamento h2 {
        left: 0;
    }

}





::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #222;
}