/* ─── Escritório Destaque ─────────────────────────────────────────────────── */

.escritorioDestaque {
    background: url(../../../images/banner-section-destaque-1.png) no-repeat center;
    padding-top: 40px;
    background-size: cover
}

.escritorioDestaque .container {
    align-items: center;
    padding: 0 80px
}

.escritorioDestaque .box-item {
    width: calc(100% / 3);
}

.escritorioDestaque .box-txt.box-item.um .box-texto {
    width: 88%;
}

.escritorioDestaque .box-txt.box-item.um .box-texto .currentTitle {
    position: relative
}

.escritorioDestaque .box-txt.box-item.um .box-texto .currentTitle,
.box-txt.tres h2 {
    font-size: 2rem;
    font-family: 'OwnersText-Regular', sans-serif;
    font-weight: bold !important;

}

.tres span {
    font-family: "AbhayaLibre-Regular", sans-serif !important;
    font-style: italic;
    font-weight: 500 !important;
    font-size: 2.188rem !important;
}

.currentTextFeatured {
    font-family: 'OwnersText-Regular', sans-serif !important;
    font-size: 0.938rem;
    font-weight: 500 !important;
}

.currentBoxLink {
    background-color: var(--color2);
    color: #ffffff;
    text-decoration: none;
    font-family: 'OwnersText-Regular', sans-serif !important;
    padding: 5px 0;
    border-radius: 5px 5px 20px ;
    margin-top: 25px;
    font-family: "OwnersText-Medium";
    font-size: 22px;
    text-align: center;  
    width: max-content;
    padding: 5px 20px;      
}

.currentBoxName p{
    font-family: 'OwnersText-Regular', sans-serif !important;
    font-size: 1.875rem !important;
    font-weight: bold !important;
}


.currentBoxName a {
font-size: 1.25rem;
    font-weight: bold;    
}
.escritorioDestaque .box-txt.box-item.um .box-texto .currentTitle i {
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 2.50rem;
    font-family: "AbhayaLibre-Regular", sans-serif !important;
}

.escritorioDestaque .box-txt.box-item.um {
    width: 21%
}

.escritorioDestaque .box-txt.box-item.um .quotes {
    max-width: 35px;
}

.escritorioDestaque .box-txt.box-item.um .quotes.quotes2 {
    right: 0;
    bottom: -40px;
}

.escritorioDestaque .box.box-item.dois .box-img {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.escritorioDestaque .box.box-item.dois {
    display: flex;
    align-items: center;
    justify-content: center;
}

.escritorioDestaque .box.box-item.dois .box-txt {
    display: flex;
    align-items: center;
    justify-content: center;
}

.escritorioDestaque .box.box-item.dois .box-img img {
    display: block;
    margin: 0 auto;
    z-index: 2;
    position: relative;
    left: 14%;
}
.escritorioDestaque .box-item.tres {
    padding-left: 73px;
}

.escritorioDestaque .box-item.tres .botao {
    background-color: var(--color2);
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 7px;
}

.escritorioDestaque h2,
.escritorioDestaque p {
    color: #454545;
}

.escritorioDestaque h2,
.escritorioDestaque p {
    font-family: "OwnersText-Medium";
}

.escritorioDestaque p,
.escritorioDestaque a.social {
    margin: 0;
    color: #454545;
}

.escritorioDestaque p.destaque {
    margin-bottom: 25px;
    font-size: 15px;
    width: 80%;
    font-weight: bold !important;
}

.escritorioDestaque .box-item.um h2 {
    font-family: "OwnersText-Medium";
}

.escritorioDestaque .box-item.um h2::before {
    content: '\201C';
    font-size: 60px;
    display: inline-block;
    color: #DD9037;
    line-height: 10px;
    position: absolute;
    left: -30px;
    top: 17px;
}

.escritorioDestaque .box-item.um h2::after {
    content: '\201D';
    font-size: 60px;
    display: inline-block;
    vertical-align: text-bottom;
    line-height: 0;
    position: relative;
    top: -3px;
    color: #DD9037;
}

/* Esferas decorativas */
.escritorioDestaque .esfera-laranja {
    background-color: var(--color2);
    width: 20%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    top: 5%;
    right: 0;
}

.escritorioDestaque .esfera-marrom {
    background-color: var(--color3);
    width: 30%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    bottom: 5%;
}

.escritorioDestaque .destaques {
    padding: 30px 0;
    width: 90%;
    justify-content: space-between;
}

.bullet_destaque {
    position: absolute;
    left: 41%;
    transform: translateX(-50%);
    width: 38%
}
#newBanner { display: none; }
#oldBanner { display: block; }

.escritorioDestaque.DisplayBlock#newBanner { display: block; }
.escritorioDestaque.DisplayNone#oldBanner  { display: none; }

@media (min-width: 1025px) and (max-width: 1355px) {
    .escritorioDestaque .container {
        padding: 0 42px
    }
    .escritorioDestaque .box-txt.box-item.um .box-texto .currentTitle,
    .escritorioDestaque .box-txt.box-item.um .box-texto .currentTitle i,
    .box-txt.tres h2,
    .tres span {
        font-size: 1.375rem !important
    }
    .escritorioDestaque .box-txt.box-item.um .box-texto {
        width: 100% 
    }
    .bullet_destaque {
           width: 67%;
           left: 34% 
    }
    .currentBoxName p,
    .currentBoxName a {
        font-size: 1.125rem !important
    }
}


@media (min-width: 1356px) and (max-width: 1600px) {
    .escritorioDestaque .box-txt.box-item.um .box-texto .currentTitle {
        font-size: 1.75rem !important
    }
    .currentBoxName p {
        font-size: 1.25rem !important
    }
    .currentBoxName a {
        font-size: 0.875rem !important
    }
}
@media (min-width: 1280px) and (max-width: 1852px) {
     .bullet_destaque {
        left: 37%;
            width: 60%;
     }
}

@media (max-width: 767px) {
    .escritorioDestaque {
        padding: 40px 0;
    }

    .escritorioDestaque .box-txt.box-item.um .box-texto .currentTitle,
    .escritorioDestaque .box-txt.box-item.um .box-texto .currentTitle i,
    .box-txt.tres h2,
    .tres span{
        font-size: 1.375rem !important
    }

    .escritorioDestaque .box-txt.box-item.um .box-texto {
        width: 63%
    }
    .currentBoxName p,
    .currentBoxName a {
        font-size: 1.125rem !important
    }
    .escritorioDestaque .container {
        padding: 0 35px
    }

    .escritorioDestaque .box.box-item.dois .box-img img {
        width: 58%;
        position: initial
    }
    .bullet_destaque {
        width: 100%;
        left: 29%
    }

    .escritorioDestaque .container.flex {
        flex-direction: column;
    }

    .escritorioDestaque .box-item {
        width: 90%;
    }

    .escritorioDestaque .box-item.tres {
        padding-left: 0;
        padding-top: 40px;
    }

    .escritorioDestaque .box-item .botaoLaranja {
        color: #fff;
    }

    .escritorioDestaque .box-item a {
        color: #454545;
    }

    .box-txt.tres h2 {
        text-align: center;
    }

    .escritorioDestaque p.destaque {
        width: 90%;
        text-align: center;
    }

    .currentBoxLink {
        margin: 0 auto
    }

    .escritorioDestaque .box-txt.box-item.um {
        width: 100%;
    }

    .escritorioDestaque .box-txt.box-item.um .quotes.quotes2 {
        float: right;
        position: unset;
    }
}