/* Desabilita qualquer comportamento de scroll suave */


body {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
}

/* Estilização do menu */
._menu-container ul {
    list-style: none;
    display: flex;
    margin: 0px;
    padding: 0px;
}

._menu-container ul li {
    position: relative;
}



/* Botão de hambúrguer (para mobile) */
.slideout-btn-open {
    display: none;
    cursor: pointer;
}

.slideout-btn-open .icon-bars,
.slideout-btn-open .icon-close {
    font-size: 24px;
    color: white;
}

/* Social container */
.social-container {
    display: flex;
    align-items: center;

}

.social-container .btn {
    color: white;
    border-radius: 4px 4px 4px 4px;
    padding: 15px 30px 15px 30px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border: none;
    line-height: 1.685em;
    letter-spacing: -0px;
}

.social-container .btn {
    animation: 3.4s cubic-bezier(.2, .5, .9, .6) 2s infinite textura;
    background-image: linear-gradient(45deg, #f65897, #4056f4, #f65897, #4056f4);
    background-size: 400% 200%;
    transition: all .8s;
}

.green,
.green:hover {
    border-radius: 4px 4px 4px 4px;
    padding: 15px 30px 15px 30px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border: none;
    animation: 3.4s cubic-bezier(.2, .5, .9, .6) 2s infinite textura;
    background-image: linear-gradient(45deg, #f65897, #4056f4, #f65897, #4056f4);
    background-size: 400% 200%;
    transition: all .8s;
}

@keyframes textura {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 0;
    }
}

.menu-toggle {
    display: none;
    cursor: pointer;
    font-size: 24px;
    background: none;
    border: none;
    color: white;
}

/* Mobile */
@media screen and (max-width: 767px) {
    ._menu-container {
        display: none;
        position: absolute;
        top: 77px;
        right: 0;
        background-color: #282828;
        width: 100%;
        text-align: left;
        padding: 0;
        z-index: 9;
    }

    ._menu-container ul {
        flex-direction: column;
    }

    ._menu-container ul li {
        line-height: 20px;
        padding: 10px 20px;
    }

    .menu-toggle {
        display: block;
    }

    ._menu-container.active {
        display: block;
    }
}



h1.title {
    color: #213B59;
}

h3.title {
    color: #213B59;
    margin-bottom: 20px;
    font-weight: 500 !important;
}

[d-link] {
    color: #213B59;
}

.form {
    padding: 2rem 0 !important;
}

.box-input {
    margin: 0 0 2rem;
    padding: 0;
}

footer.footer-site {
    background: #010314;
}

.footer-site-bottom {
    background: #010314;
    color: #fff;
}

.footer-site-top ul li {
    align-items: var(--icon-vertical-align, center);
    display: flex;
    font-size: 1rem;
    padding: 0.4rem 0;
    margin: 0px;
}

.footer-site-top .subtitle span {
    font-size: 13px;
    color: #fff;
    padding-right: 5px;
}

.footer {
    background: #f8f8f8;
    /* Cor de fundo */
    padding: 20px 0;
    font-size: 14px;
    color: #333;
}


.footer-left p {
    margin: 0px;
}

.footer-left a {
    color: #007bff;
    text-decoration: none;
}

.footer-left a:hover {
    text-decoration: underline;
}

.footer-right ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-right ul li {
    display: block;
    text-align: right;
    margin: 0px;
    margin-left: 8px;
    margin-right: 8px;
}

.footer-right ul li a {
    text-decoration: none;
    color: #333;
}

.footer-right ul li a:hover {
    color: #007bff;
}

.social-icons {
    display: flex;
    padding: 15px 0px 0px 0px;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    text-decoration: none;
    transition: 0.3s;
}

.social-icons a span {
    font-size: 14px;
    /* Ajuste o tamanho do ícone conforme necessário */
    color: white;
}

/* Estilos específicos para cada rede */
.social-icons a:nth-child(1) {
    background-color: #3b5998;
    /* Facebook */
}

.social-icons a:nth-child(2) {
    background-color: #1c1c1c;
    margin-left: 0.5rem !important;
    /* Instagram */
}

.social-icons a:nth-child(3) {
    background-color: #0077b5;
    margin-left: 0.5rem !important;
    /* LinkedIn */
}

/* Efeito hover */
.social-icons a:hover {
    opacity: 0.8;
}

._wrap-mobile {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

/* 🌍 Desktop (>=768px) */
@media screen and (min-width: 768px) {

    /* Estilização do cabeçalho */
    ._header-site {
        background-color: #535BE6;
        /* Cor de fundo do menu */
        padding: 20px 0;
    }


    .hide-on-mobile {
        display: block !important;
    }

    .hide-on-desktop {
        display: none !important;
    }

    h2._title {
        color: #213B59;
        font-size: 64px;
        line-height: 1;
        text-align: center;
    }


    ._wrap {
        max-width: 1140px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    section.footer-site-top ._wrap div:not(.social-icons) {
        padding: 1.2em 1em;
        width: 25%;
    }

    /* Logo */
    ._logo-container {
        width: 19%;
    }

    ._logo-container img {
        width: 84%;
    }

    ._logo-container img {
        display: inline-block;
        vertical-align: middle;
    }

    ._logo-container img {
        border: none;
        border-radius: 0;
        box-shadow: none;
        height: auto;
        max-width: 100%;
        margin-bottom: 6px;

    }

    ._top-detail {
        min-height: 388px;
        background-repeat: no-repeat;
        background-image: url(../images/bg/_bg-engage-top.jpg);
        background-position: center;
        background-size: cover;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    }

    ._menu-container ul li a {
        text-decoration: none;
        color: white;
        font-size: 17px;
        font-weight: 300;
        padding: 13px 20px;
        transition: color 0.3s ease-in-out;
    }

    ._menu-container ul li a:hover:after {
        background-color: #3f444b;
        height: 3px;
        left: 0;
        width: 100%;
        z-index: 2;
        bottom: -9px;
        content: "";
        display: block;
        position: absolute;
        /* Cor ao passar o mouse */
    }

    ._menu-container ul li a.active:after {
        background-color: #3f444b;
        height: 3px;
        left: 0;
        width: 100%;
        z-index: 2;
        bottom: -9px;
        content: "";
        display: block;
        position: absolute;

    }

    section.footer-site-top {
        padding: 3em 0em 0em 0em;
    }

    .footer-site p,
    .footer-site h3.title,
    .footer-site .subtitle,
    .footer-site a {
        font-family: "DM Sans", serif;
        color: #fff !important;
        font-size: 16px;
        font-weight: 300;
    }


    .container {
        padding: 0.5em 0em;
        max-width: 1140px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #FF8D5C;
    }

    .footer-left,
    .footer-right {
        padding: 10px;
    }


    .footer-site-top ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 20px;
    }

}

/* 📱 Mobile (<768px) */
@media screen and (max-width: 767px) {

    /* Estilização do cabeçalho */
    ._header-site {
        background-color: #535BE6;
        /* Cor de fundo do menu */
        padding: 19px 0;
    }


    .hide-on-mobile {
        display: none !important;
    }

    .hide-on-desktop {
        display: block !important;
    }

    h2._title {
        color: #213B59;
        font-size: 40px;
        line-height: 1;
        text-align: center;
    }

    ._wrap {
        max-width: 1140px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }


    section.footer-site-top ._wrap div:not(.social-icons) {
        padding: 15px;
        width: 100%;
    }

    /* Logo */
    /* ._logo-container {
        width: 100%;
    } */

    ._logo-container img {
        width: 49%;
    }

    ._logo-container img {
        display: inline-block;
        vertical-align: middle;
    }

    ._logo-container img {
        border: none;
        border-radius: 0;
        box-shadow: none;
        height: auto;
        max-width: 100%;
        margin-bottom: 6px;

    }

    ._top-detail {
        min-height: 263px;
        background-repeat: no-repeat;
        background-image: url(../images/bg/_bg-engage-top.jpg);
        background-position: center;
        background-size: cover;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    }

    ._menu-container ul li a {
        text-decoration: none;
        color: white;
        font-size: 17px;
        font-weight: 300;
        padding: 0;
    }

    ._menu-container ul li:hover {
        background-color: #3f444b;

    }

    ._menu-container ul li.active {
        background-color: #3f444b;

    }

    h1.title {
        color: #213B59;
        font-size: 28px;
    }

    section.footer-site-top {
        padding: 30px 0em 0em 0em;
    }

    .footer-site p,
    .footer-site h3.title,
    .footer-site .subtitle,
    .footer-site a {
        font-family: "DM Sans", serif;
        color: #fff !important;
        font-size: 15px;
        font-weight: 300;
    }


    .container {
        padding: 0.5em 0em;
        max-width: 1140px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #FF8D5C;
    }


    .footer-left,
    .footer-right {
        padding: 10px;
        text-align: center;
    }


    .footer-site-top ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
    }


}

.elementor-menu-toggle {
    align-items: center;
    margin: 0 auto;
    background-color: #959BFF;
    border: 0 solid;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    font-size: var(--nav-menu-icon-size, 22px);
    justify-content: center;
    padding: 7.250px;
}

.elementor-menu-toggle .e-font-icon-svg {
    fill: #FFFFFF;
    height: 29px;
    width: 29px
}

/* Ícone "fechar" escondido por padrão */
.elementor-menu-toggle__icon--close {
    display: none;
}

/* Estilização básica para o botão */
.menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}