.boxheader1-equipe0Sub,
.boxheader1-equipe1Tit {
    text-transform: uppercase;
    letter-spacing: .2rem
}

*,
body,
nav .links {
    padding: 0;
    margin: 0
}

.navbarMobile .links a,
nav .links a {
    display: block;
    padding: .6rem .5rem;
    font-size: 1.9rem;
    font-weight: 700;
    margin-top: .9rem
}

.footer-list,
.navbarMobile .links li,
nav .links li {
    list-style: none
}

#input_group button,
footer {
    color: var(--color-neutral-40)
}

#footer_copyright,
#input_group {
    background-color: var(--color-neutral-0)
}

.btfaleconosnav,
.btfaleconosnav2,
.button-fixed-whatsapp-link,
.footer-link,
.menuDeck li a,
.navbarMobile .links a,
nav .links a {
    text-decoration: none
}

:root {
    --color-neutral-0: #0e0c0c;
    --color-neutral-10: #171717;
    --color-neutral-30: #a8a29e;
    --color-neutral-40: #f5f5f5
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%
}

* {
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    --card-clr: #161922;
    --body-clr: #191d28;
    --primary-clr: #f0bf6a;
    --heading-clr: #dadada;
    --text-clr: #767a86
}

.logomain {
    height: 13rem
}

.boxheader2--imgLogo {
    height: 60rem;
    width: 100%;
    padding-top: 0
}

.box-menu-link2 {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0
}

.container {
    position: relative;
    margin-top: 3rem
}

.navDescktop,
.navbarMobile {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    font-family: Montserrat, sans-serif;
    padding: 0 5%;
    background-color: #fff
}

.container img {
    display: block;
    width: 100%
}

.navDescktop {
    height: 11.2rem;
    display: flex;
    align-items: center
}

.navDescktop .logo {
    float: left;
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    color: #fff
}

#footer_subscribe p,
.footer-list .footer-link {
    color: var(--color-neutral-30)
}

.navbarMobile .links a {
    color: #fff
}

.test-card-body .quote h2,
.test-card-body .quote i {
    color: var(--heading-clr)
}

nav .links {
    width: 59.1rem;
    float: right;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center
}

nav .links a {
    color: #fff;
    z-index: 100
}

#nav-toggle {
    position: absolute;
    top: 11.6rem;
    left: 92%;
    z-index: 6
}

.navbarMobile {
    height: 25rem;
    display: none;
    align-items: center;
    flex-direction: column
}

.boxEscritoriotitulo,
.boxheader1,
.card--Escritoriotitulo,
.header,
.header2,
.menuDeck,
.profile .profile-desc,
.section-comentarios,
.section-galeria,
.sectionEscritorio,
.test-card-body .quote,
.testimonial-card .profile,
.titulo--Escritoriotitulo {
    display: flex;
    display: flex
}

.header,
.header2 {
    height: 72rem;
    position: relative
}

.header2 {
    background: center/cover no-repeat #0d1020;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.boxheader1--equipButton {
    padding: 2rem 0;
    background: 0 0;
    border-radius: 1rem;
    outline: 0;
    border: none;
    width: auto
}

.boxheader1-equipe0Sub {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: #fff
}

.boxheader1--paragraEquipe00 {
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 2rem
}

.boxheader1--equipButton-link {
    text-decoration: none;
    color: #fff;
    padding: 2rem 4.1rem;
    font-size: 1.6rem;
    background: #3d5975
}

.boxheader1-equipe1Tit {
    font-weight: 500;
    font-size: 4.5rem;
    line-height: 4.3rem;
    margin: 2rem 0
}

.boxheader1--subtitulo,
.boxheader1--subtitulo2 {
    text-transform: uppercase;
    letter-spacing: .2rem;
    font-weight: 600
}

.header {
    background: url("./fund-amor2.avif") center/cover no-repeat #ccc;
    align-items: center;
    justify-content: center;
    padding-top: 6.5rem;
    flex-direction: row
}

.boxheader1 {
    width: 50%;
    height: 53.5rem;
    flex-direction: column;
    color: #e1c873;
    justify-content: space-around;
    padding: 1rem 2.5rem;
    margin-top: 0
}

.descrinav p,
.tuloheadertiadv {
    padding-bottom: .9rem;
    letter-spacing: .1rem
}

.boxheader1--subtitulo2 {
    font-size: 4.4rem;
    line-height: 3.5rem;
    color: #fffffff2
}

.boxheader1--subtitulo {
    font-size: 4rem;
    line-height: 4.3rem;
    color: #ab8e57
}

.menuDeck li a,
.tuloheadertiadv {
    color: rgb(71 81 93)
}

.tuloheadertiadv {
    font-size: 1.4rem;
    border-bottom: .2rem solid #e63424
}

.video33,
video {
    background-color: #fff;
    border: 2px solid #000;
    width: 100%
}

.descrinav p {
    color: #ab985a;
    font-size: 1.5rem;
    border-bottom: .2rem solid #fff
}

.videosection {
    position: absolute;
    width: 100%
}

.boxvideo,
.section-header h1,
.testimonials-container,
.video33,
footer,
video {
    position: relative
}

.video33 {
    height: 100%
}

.section-galeria3-videodefundo {
    height: 73rem;
    position: relative;
    background-color: #ccc
}

.boxvideo {
    height: 34rem;
    background: red
}

.descrinav {
    width: 100%;
    background-color: transparent
}

.boxheader1--paragrafago {
    font-size: 2rem;
    line-height: 4rem;
    margin-top: 1.4rem;
    letter-spacing: .2rem;
    font-weight: 800;
    color: rgb(203 97 38)
}

.boxheader2 {
    width: 50%
}

.boxheader2--img {
    height: 43.8rem;
    margin: 2rem;
    width: 85%;
    border-radius: 2rem
}

.sectionEscritorio {
    height: 70rem;
    padding: 4rem;
    justify-content: space-around;
    flex-direction: column;
    background-image: url("./img/segunda-foto-fundo.webp");
    background-color: #ccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.section-heading {
    font-weight: 700;
    margin: 5.5rem 0;
    padding: 2rem 1rem 2rem 3rem;
    font-size: 2.6rem;
    color: #fff;
    background-color: #030524
}

.boxEscritoriotitulo {
    width: 100%;
    align-items: center
}

.titulo--Escritoriotitulo {
    font-size: 2.4rem;
    width: 35.4rem;
    justify-content: center;
    margin-right: 2rem;
    text-align: center
}

.sobre-linhastitulo--Escritoriotitulo {
    width: 86%;
    height: .5rem;
    background: #000
}

.boxs--card--Escritoriotitulo {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    height: auto
}

.card--Escritoriotitulo {
    flex-direction: column;
    align-items: center
}

.section-comentarios,
.test-card-body .quote {
    align-items: center
}

.img--Escritorio {
    height: 25rem;
    width: 28rem;
    border: .4rem solid #fff;
    margin-bottom: -4.1rem;
    z-index: 2;
    border-radius: 50%
}

.boxInformacao-escritorio {
    width: 86%;
    background: #1e2d3b;
    padding: 2.5rem 2rem;
    border: .2rem solid #1e2d3b;
    border-radius: 0 3rem;
    text-align: center
}

.boxInformacao-escritorio--advogados {
    line-height: 8rem;
    color: #fff;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    font-family: sans-serif
}

#footer_copyright h1 {
    font-size: 1.2rem
}

.boxInformacao-escritorio--advogadosDecricao {
    line-height: 3.7rem;
    font-size: 1.7rem;
    padding: .6rem .7rem;
    color: #fff;
    text-align: justify;
    font-weight: 700;
    font-family: sans-serif;
    letter-spacing: .2rem
}

.menuDeck,
footer {
    font-size: 1.6rem
}

.img-prodslid-box {
    height: 70%
}

.boxtituimacard2 {
    height: 30%;
    padding-top: 2rem;
    padding-left: 1.2rem
}

.cardprodubox {
    height: 40rem;
    background-color: #6e6e6e;
    width: 28rem
}

.boxtituimacard2--titulo {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 700
}

.boxtituimacard2--subtitulo {
    font-size: 1.4rem;
    color: #bebebe;
    font-weight: 700
}

.section-galeria {
    height: 64rem;
    flex-direction: column;
    background-image: url("./imagem2/carro.jpg");
    background-color: #ccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.section-comentarios {
    height: 42rem
}

.testimonials-section {
    width: 100%;
    padding: 0 8%
}

.testimonials-section .section-header {
    max-width: 70rem;
    text-align: center;
    margin: 3rem auto 4rem
}

.section-header h1 {
    font-size: 3.6rem;
    color: var(--primary-clr)
}

.testimonials-container .testimonial-card {
    padding: 2rem
}

.testimonial-card .test-card-body {
    background-color: var(--card-clr);
    box-shadow: .2rem .2rem 2rem rgba(0, 0, 0, .12);
    padding: 2rem
}

.test-card-body .quote i {
    font-size: 4.5rem;
    margin-right: 2rem
}

.test-card-body p {
    margin: 1rem 0 1.5rem;
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--text-clr)
}

.test-card-body .ratings {
    margin-top: 2rem
}

.test-card-body .ratings i {
    font-size: 1.7rem;
    color: var(--primary-clr);
    cursor: pointer
}

.testimonial-card .profile {
    align-items: center;
    margin-top: 2.5rem
}

.profile .profile-image {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1.5rem
}

.profile .profile-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.profile .profile-desc {
    flex-direction: column
}

.profile-desc span:first-child {
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--primary-clr)
}

.profile-desc span:nth-child(2) {
    font-size: 1.5rem;
    color: var(--text-clr)
}

.menuDeck {
    justify-content: space-around;
    max-width: 77rem;
    padding-top: .8rem
}

.menuDeck li {
    padding: .5rem 1rem;
    list-style-type: none
}

.owl-nav {
    position: absolute;
    right: 2rem;
    bottom: -1rem
}

.owl-nav button {
    border-radius: 50% !important
}

.owl-nav .owl-next i,
.owl-nav .owl-prev i {
    padding: 1rem !important;
    border-radius: 50%;
    font-size: 1.8rem !important;
    background-color: var(--card-clr) !important;
    color: var(--primary-clr);
    cursor: pointer;
    transition: .4s
}

.owl-nav .owl-next i:hover,
.owl-nav .owl-prev i:hover {
    background-color: var(--primary-clr) !important;
    color: #e9e9e9
}

.owl-dots {
    margin-top: 1.5rem
}

.owl-dots .owl-dot span {
    background-color: #434753 !important;
    padding: .6rem !important
}

.owl-dot.active span {
    background-color: var(--primary-clr) !important
}

@keyframes appear {
    from {
        opacity: 0;
        transform: translateX(-10rem)
    }

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

.block {
    animation: linear appear;
    animation-timeline: view();
    animation-range: entry 70%
}

footer {
    width: 100%;
    z-index: 998
}

#footer_content {
    background-color: var(--color-neutral-10);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 3rem 3.5rem
}

#footer_contacts h1 {
    margin-bottom: .75rem
}

#footer_social_media {
    display: flex;
    gap: 2rem;
    margin-top: 1.5rem
}

.top-paragrafo {
    margin: 1rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e2d3b
}

.titulofooter {
    font-size: 2rem
}

#footer_social_media .footer-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.5rem;
    width: 3.5rem;
    color: var(--color-neutral-40);
    border-radius: 50%;
    transition: .4s
}

.boxheader1-paragraEquipe00TextoMarcado,
.card:hover h3 {
    color: #fff
}

#footer_social_media .footer-link i {
    font-size: 1.7rem
}

#footer_social_media .footer-link:hover,
#input_group button:hover {
    opacity: .8
}

#instagram {
    background: linear-gradient(#7f37c9, #ff2992, #ff9807)
}

#facebook {
    background-color: #4267b3
}

#whatsapp {
    background-color: #25d366
}

.footer-list {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.footer-list .footer-link {
    transition: .4s
}

.footer-list .footer-link:hover {
    color: #7f37c9
}

#footer_subscribe {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

#input_group {
    display: flex;
    align-items: center;
    border-radius: .4rem
}

#input_group input {
    all: unset;
    padding: .75rem;
    width: 100%
}

#input_group button {
    background-color: #3d5975;
    border: none;
    padding: 15px 1.25rem;
    font-size: 1.8rem;
    height: 100%;
    border-radius: 0 .4rem .4rem 0;
    cursor: pointer;
    transition: .4s
}

#footer_copyright {
    display: flex;
    justify-content: center;
    font-size: .9rem;
    padding: 1.5rem;
    font-weight: 100
}

.topic-text p {
    font-size: 1.6rem;
    margin: .9rem 0
}

.button-fixed-whatsapp-link {
    color: #000;
    position: fixed;
    top: 80%;
    left: 90%;
    z-index: 99
}

.abrir {
    visibility: hidden
}

.button-fixed-whatsapp img {
    height: 6.5rem;
    border-radius: 50%
}

.button-xedfi-whatsapp,
.button-xedfi-whatsapp img {
    width: auto;
    height: auto
}

.button-xedfi-whatsapp {
    border: none;
    background-color: transparent
}

.btfaleconosnav {
    color: #fff;
    font-size: 1.6rem;
    padding: .9rem 2.6rem;
    background: #3d5975;
    border-radius: .5rem;
    margin-top: 1.2rem
}

.container {
    width: 100%;
    background: #fff;
    border-radius: .6rem;
    padding: 2rem 6rem 3rem 4rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .2)
}

.container .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem .4rem
}

.container .content .left-side {
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
    position: relative
}

.content .left-side::before {
    content: '';
    position: absolute;
    height: 70%;
    width: .2rem;
    right: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: #afafb6
}

.content .left-side .details {
    margin: 1.4rem;
    text-align: center
}

.content .left-side .details i {
    font-size: 3rem;
    color: #1e2d3b;
    margin-bottom: 1rem
}

.content .left-side .details .topic {
    font-size: 1.8rem;
    font-weight: 500
}

.content .left-side .details .text-one,
.content .left-side .details .text-two {
    font-size: 1.4rem;
    color: #afafb6
}

.container .content .right-side {
    width: 75%;
    margin-left: 7.5rem
}

.content .right-side .topic-text {
    font-size: 2.5rem;
    font-weight: 600;
    color: #1e2d3b
}

.right-side .input-box {
    height: 5rem;
    width: 100%;
    margin: 1.2rem 0
}

.right-side .input-box input,
.right-side .input-box textarea {
    height: 100%;
    width: 100%;
    border: none;
    outline: 0;
    font-size: 1.6rem;
    background: #f0f1f8;
    border-radius: .6rem;
    padding: 0 1.5rem;
    resize: none
}

.right-side .message-box {
    min-height: 11rem
}

.right-side .input-box textarea {
    padding-top: .6rem
}

.right-side .button {
    display: inline-block;
    margin-top: 1.2rem
}

.enviarButtonform {
    color: #fff;
    font-size: 1.4rem;
    outline: 0;
    border: none;
    padding: .8rem 1.6rem;
    border-radius: .6rem;
    background: #1e2d3b;
    cursor: pointer;
    transition: .3s
}

.enviarButtonform:hover {
    background: #01ac2c
}

.btfaleconosnav2 {
    color: #fff;
    font-size: 1.6rem;
    padding: .9rem 2.6rem;
    background: #3d5975;
    border-radius: .5rem;
    margin-top: 0
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

.boxnavbbww {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60%
}

.foorerlogomain {
    background-color: white;
    border-radius: 100px;
    margin-bottom: 2rem;
    margin-top: 2rem;

}

.row {
    display: flex;
    flex-wrap: wrap
}

.column {
    width: 33%;
    padding: 0 1.6rem 1.6rem;
    text-align: center
}

.tituloheaderadv {
    font-size: 1.8rem
}

.card {
    width: 100%;
    height: 100%;
    padding: 3.2rem 2.45rem;
    background: linear-gradient(#fff 50%, #3d5975d3 50%);
    background-size: 100% 200%;
    background-position: 0 2.5%;
    border-radius: .5rem;
    box-shadow: 0 0 3.5rem rgba(0, 0, 0, .12);
    cursor: pointer;
    transition: .5s
}

.pulse {
    animation: 2s infinite pulse
}

.cardh3 {
    font-size: 2rem;
    font-weight: 600;
    color: #060227;
    margin: 1.6rem 0
}

.cardp {
    color: #030524;
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: .03em
}

.icon-wrapper {
    background-color: #3d5975;
    position: relative;
    margin: auto;
    font-size: 3rem;
    height: 7rem;
    width: 7rem;
    color: #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: .5s
}

.card:hover {
    background-position: 0 100%
}

.card:hover .icon-wrapper {
    background-color: #fff;
    color: #2c7bfe
}

.card:hover p {
    color: #f0f0f0
}

@media screen and (max-width:1300px) {
    .boxInformacao-escritorio {
        width: 95%;
        background: #1e2d3b;
        padding: 2.5rem 0;
        border: .2rem solid #1e2d3b;
        border-radius: 0 3rem;
        text-align: center
    }

    .tuloheadertiadv {
        color: #ab985a;
        font-size: 1.4rem;
        border-bottom: .2rem solid #fff;
        padding-bottom: .9rem;
        letter-spacing: .1rem
    }

    html {
        font-size: 60.5%
    }
}

@media screen and (max-width:992px) {

    .button-xedfi-whatsapp,
    .button-xedfi-whatsapp img {
        width: 5.5rem;
        height: 5.5rem
    }

    .boxheader1,
    .header,
    .header2,
    .sectionEscritorio,
    .titulo--Escritoriotitulo {
        display: flex;
        display: flex
    }

    .button-xedfi-whatsapp {
        border: none;
        background-color: transparent
    }

    .menumobile li,
    .menumobile li a:hover {
        height: 6.7rem;
        font-size: 2.5rem;
        width: 100%
    }

    .titulo--Escritoriotitulo {
        font-size: 2.4rem;
        width: 55.4rem;
        justify-content: center;
        margin-right: 2rem;
        text-align: center
    }

    .sobre-linhastitulo--Escritoriotitulo {
        width: 50%;
        height: .5rem;
        background: #000
    }

    .descrinav p {
        color: #ab985a;
        font-size: 1.6rem;
        border-bottom: .2rem solid #fff;
        padding-bottom: .9rem;
        letter-spacing: 0
    }

    .container {
        width: 100%;
        padding: 3rem 4rem 4rem 3.5rem
    }

    .container .content .right-side {
        width: 75%;
        margin-left: 5.5rem
    }

    .boxheader2--imgLogo {
        height: 60rem;
        width: 100%;
        padding-top: 6rem
    }

    .button-fixed-whatsapp-link {
        text-decoration: none;
        color: #000;
        position: fixed;
        top: 80%;
        left: 85%;
        z-index: 99
    }

    .header,
    .header2,
    footer {
        position: relative
    }

    .card {
        width: 100%;
        height: 100%;
        padding: 3.2rem .45rem;
        background: linear-gradient(#fff 50%, #3d5975d3 50%);
        background-size: 100% 200%;
        background-position: 0 2.5%;
        border-radius: .5rem;
        box-shadow: 0 0 3.5rem rgba(0, 0, 0, .12);
        cursor: pointer;
        transition: .5s
    }

    footer {
        width: 100%;
        color: var(--color-neutral-40);
        z-index: 998;
        font-size: 2rem
    }

    .column {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .boxheader2,
    .cardprodubox {
        width: 100%
    }

    .boxvideo {
        height: 63rem;
        background: 0 0
    }

    .section-galeria {
        height: 86rem
    }

    .section-galeria {
        background-image: url("./imagem2/img-zona-sul-portoes-02.jfif");
    }


    .section-galeria3-videodefundo {
        height: 28rem
    }

    .boxheader1--paragrafago {
        font-size: 2rem;
        line-height: 5rem;
        margin-top: 6.4rem;
        letter-spacing: .2rem;
        font-weight: 800
    }

    .boxheader1 {
        width: 100%;
        height: auto;
        flex-direction: column;
        color: #e1c873;
        align-items: center;
        font-size: 2rem;
        justify-content: space-around;
        padding: .4rem 2.5rem;
        margin-top: 13rem
    }

    .boxheader1--equipButton {
        padding: 2.4rem .8rem;
        background: 0 0;
        border-radius: 1rem;
        outline: 0;
        border: none;
        width: 100%
    }

    .top-paragrafo {
        margin: 1rem 0;
        font-size: 1.5rem;
        font-weight: 600;
        color: #1e2d3b
    }

    .header2 {
        height: 137rem;
        background: center/cover no-repeat #0d1020;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .boxs--card--Escritoriotitulo {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        height: 134.7rem
    }

    .btfaleconosnav2 {
        color: #fff;
        font-size: 1.6rem;
        padding: .9rem 2.6rem;
        background: #3d5975;
        border-radius: .5rem;
        text-decoration: none;
        margin-top: 1rem
    }

    .boxInformacao-escritorio--advogadosDecricao {
        line-height: 3.7rem;
        font-size: 2rem;
        padding: .6rem .7rem;
        color: #fff;
        text-align: justify;
        font-weight: 700;
        font-family: sans-serif;
        letter-spacing: 0
    }

    .sectionEscritorio {
        height: 160rem;
        padding: 0;
        justify-content: center;
        flex-direction: column;
        background-image: url(./img/segunda-foto-fundo.webp);
        background-color: #ccc;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .header {
        height: 182rem;
        background: url("./fund-amor2.avif") center/cover no-repeat #ccc;
        align-items: center;
        justify-content: center;
        padding-top: 14.5rem;
        flex-direction: column
    }

    .navDescktop,
    .navbarMobile {
        position: fixed;
        z-index: 10;
        left: 0;
        right: 0;
        top: 0;
        font-family: Montserrat, sans-serif;
        padding: 0 5%;
        background-color: #fff
    }

    .navDescktop {
        height: 11.2rem;
        display: none;
        align-items: center
    }

    .menumobile li,
    .navbarMobile {
        align-items: center;
        display: flex
    }

    .navbarMobile {
        height: 28.2rem;
        flex-direction: column
    }

    #btn-menu {
        height: 4.6rem;
        outline: 0;
        cursor: pointer;
        border: 1.6px solid #fff;
        transition: .2s;
        background-color: #0000;
        padding: .7rem
    }

    #btn-menu.ativar {
        border: .2rem solid red
    }

    #btn-menu.ativar .linha:first-child {
        transform: translateY(8px) rotate(-45deg);
        background-color: red
    }

    #btn-menu.ativar .linha:nth-child(3) {
        transform: translateY(-8px) rotate(45deg);
        background-color: red
    }

    #btn-menu.ativar .linha:nth-child(2) {
        width: 0
    }

    .box-menu-link2 {
        display: flex;
        justify-content: space-between;
        padding: 3rem 0
    }

    .linha {
        position: relative;
        height: .3rem;
        background-color: #bd7676;
        width: 2.5rem;
        display: block;
        margin: .5rem auto;
        transform-origin: center;
        transition: .2s
    }

    .menumobile {
        visibility: hidden;
        transition: .5s;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 29.1rem;
        background-color: #000000ed
    }

    .boxheader2--img {
        height: 43.8rem;
        margin: 2rem;
        width: 92%;
        border-radius: 2rem
    }

    .menumobile li {
        justify-content: center
    }

    .menumobile li a {
        color: #fff;
        text-decoration: none;
        padding: .8rem 2rem
    }

    .menumobile li a:hover {
        background-color: #ffffff2c;
        color: #fffcfc;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .abrir {
        visibility: visible
    }
}

@media screen and (max-width:768px) {
    .container {
        margin: 4rem 0;
        height: 100%
    }

    .container .content {
        flex-direction: column-reverse
    }

    .container .content .left-side {
        width: 100%;
        flex-direction: row;
        margin-top: 4rem;
        justify-content: center;
        flex-wrap: wrap
    }

    .container .content .left-side::before {
        display: none
    }

    .container .content .right-side {
        width: 100%;
        margin-left: 0
    }

    .column {
        flex: 0 50%;
        max-width: 50%
    }

    #footer_content {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem
    }

    .navbarMobile .logo {
        float: none;
        width: auto;
        justify-content: center
    }

    .navbarMobile .links {
        float: none;
        position: fixed;
        z-index: 9;
        left: 0;
        right: 0;
        top: 100px;
        bottom: 100%;
        width: auto;
        height: auto;
        flex-direction: column;
        justify-content: space-evenly;
        background-color: rgba(0, 0, 0, .8);
        overflow: hidden;
        box-sizing: border-box;
        transition: .5s ease-in-out
    }

    .navbarMobile .links a {
        font-size: 2rem
    }

    .navbarMobile :checked~.links {
        bottom: 0
    }

    .navbarMobile .icon-burger {
        display: block
    }

    .navbarMobile :checked~.icon-burger .line:first-child {
        transform: translateY(10px) rotate(225deg)
    }

    .navbarMobile :checked~.icon-burger .line:nth-child(3) {
        transform: translateY(-10px) rotate(-225deg)
    }

    .navbarMobile :checked~.icon-burger .line:nth-child(2) {
        opacity: 0
    }
}

@media screen and (max-width:500px) {
    #footer_content {
        grid-template-columns: repeat(1, 1fr);
        padding: 3rem 2rem
    }

    .tuloheadertiadv {
        color: #ab985a;
        font-size: 1.7rem;
        border-bottom: .2rem solid #fff;
        padding-bottom: .9rem;
        letter-spacing: .1rem
    }

    .sectionEscritorio {
        height: 200rem;
        padding: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        background-image: url(./img/segunda-foto-fundo.webp);
        background-color: #ccc;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media screen and (max-width:417px) {
    html {
        font-size: .5rem
    }
}