/* STRUCTURE: SEARCH */

body .search_desk {
    top: 62px;
}

body .search_modal-busca .search_modal-content-busca header {
    padding: 20px 60px 0;
}

/* CORE: DEFAULTS */
main h2 {
    margin: 0;
    font-size: 28px;
    line-height: 20px;
}

main p {
    font-size: 22px;
    line-height: 33px;
}

/* CORE: FOOTER */

.number-container {
    grid-template-columns: repeat(3, 1fr);
}

.text-number {
    margin-top: 24px;
}

.title-number + .text-number {
    margin-top: 0;
}

.links-container .links-wrapper {
    min-width: calc((100% / 3) - 16px);
    max-width: calc((100% / 3) - 16px);
}

.links-container .links-wrapper:last-child {
    max-width: none;
}

/* SECTION: HERO */

.lp-hero .lp-bgvideo::after {
    bottom: 0;
}

.lp-solucoes .lp-swiper .swiper-slide {
    width: calc((100% - (8px * 2))/3);
}

@media (min-width: 1024px) {
    /* GLOBALS */

    :root {
            --section-max-width: 1124px;
            --section-gap: calc((100% - var(--section-max-width)) + 16px);
            --header-height: 40px;
    }

    /* STRUCTURE: SEARCH */

    body .search_desk {
        position: absolute;
        top: 68px;
        z-index: 999;
    }

    /* CORE: FOOTER */

    .mainFooter {
        background-size: cover;
        background-position: 0% 25%;
    }

    .footer-container {
        max-width: var(--section-max-width);
    }

    .mainFooter .logo {
        position: relative;
        padding-bottom: 32px;
    }
    .mainFooter .logo figure {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
    }
    .mainFooter .logo img {
        display: block;
    }

    .mainFooter .logo p {
        font-size: 14px;
    }

    .dynamic-separator {
        display: inline-block;
        visibility: visible;
    }

    .number-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding-top: 33px;
        padding-bottom: 32px;
        border: 1px solid var(--dark-brown);
        border-left: 0;
        border-right: 0;
    }
    
    .number-container .number-wrapper:nth-child(n) {
        margin: 0;
    }

    .number-container .number-wrapper:nth-child(5) {
        grid-column: 2;
    }

    .number-container .number-wrapper:nth-child(6) {
        grid-column: 3;
    }

    .number-container .text-number {
        margin-top: 24px;
    }

    .number-container .title-number + .text-number {
        margin-top: 0;
    }

    .links-container {
        column-gap: 40px;
    }

    .links-container .links-wrapper {
        min-width: auto;
    }

    /* SECTION: HERO */
    
    .lp-hero {
        margin-top: 0;
    }

    .lp-hero .lp-container {
        padding-top: 88px;
    }
    .lp-hero .lp-content h1{
        font-size: 54px;
    }

    /* COMPONENT: LAYOUT */

    .lp-layout {
        position: relative;
        grid-template-columns: 50% auto;
        gap: var(--section-gap);
    }

    .lp-layout[data-reverse] {
        grid-template-columns: auto 50%;
    }

    .lp-layout figure {
        margin: 0;
        overflow: hidden;
    }

    .lp-layout[data-reverse] figure {
        order: 1;
    }

    .lp-layout figure picture {
        display: flex;
        justify-content: flex-start;
    }

    .lp-layout .lp-container {
        display: grid;
        align-items: center;
        justify-items: start;
    }
    
    .lp-layout[data-reverse] .lp-container {
        justify-items: end;
    }

    .lp-layout .lp-content {
        max-width: calc(var(--section-max-width) - var(--section-gap) - (50% - ((100% - var(--section-max-width))/2)) - 18px);
        gap: 24px;
        text-align: left;
    }

    /* SECTION: ATENDIMENTO */

    .lp-atendimento {
        padding: 48px 0 80px;
    }
    
    .lp-atendimento:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -88px;
        width: 118px;
        height: 325px;
        /*background: url(../svg/grafs.svg) 50% 50% no-repeat;*/
        background-size: cover;
        z-index: 1;
    }

    .lp-atendimento h2 {
        font-size: 32px;
        line-height: 39px;       
    }

    /* SECTION: BENEFICIOS */

    .lp-beneficios {
        gap: 84px;
        padding: 84px 0;
    }

    .lp-beneficios figure[data-bigger] {
        margin-left: -5%;
    }

    .lp-beneficios .lp-michelin picture {
        justify-content: start;
    }

    /* SECTION: CONHECA */

    .lp-conheca {
        padding-top: 124px;
        padding-bottom: 124px;
        background-image: url('../img/bg-conheca.png');
        background-size: cover;

        @supports (background-image: url('../img/bg-conheca.webp')) {
            background-image: url('../img/bg-conheca.webp');
        }
    }

    .lp-conheca .lp-container {
        position: relative;
        display: grid;
        max-width: var(--section-max-width);
        grid-template-columns: 1fr 1fr;
        grid-template-areas: 
            "header videocard"
            "content videocard";
        row-gap: 0;

    }

    .lp-conheca .lp-container:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: calc((100% + 24px)/2);
        border-radius: 16px;
        background: rgba(91, 8, 12, .4);
        backdrop-filter: blur(35px);
        -webkit-backdrop-filter: blur(35px);
    }

    .lp-conheca .lp-header {
        position: relative;
        grid-area: header;
        gap: 6px;
        color: #fff;
        border-radius: 16px 16px 0 0;
        text-align: left;
        padding:25px 32px 20px;
    }

    .lp-conheca .lp-header h2 {
        font-size: 24px;
        line-height: 30px;
        color: inherit;
    }

    .lp-conheca .lp-header p {
        font-size: 18px;
        line-height: 1.2em;
    }

    .lp-conheca .lp-videocard {
        position: relative;
        grid-area: videocard;
        margin: 0;
    }

    .lp-conheca .lp-videocard picture {
        height: 100%;
    }

    .lp-conheca .lp-videocard picture img {
        height: 100%;
        object-fit: cover;
    }

    .lp-conheca .lp-content {
        position: relative;
        grid-area: content;
        padding: 0 32px 32px;
        border-radius: 0 0 16px 16px;
        background: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .lp-conheca .lp-content h3 {
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
    }

    .lp-conheca .lp-address address {
        font-size: 16px;
        line-height: 20px;
    }

    .lp-solucoes{
        padding: 80px 0 32px;
    }
    .lp-solucoes .lp-header{
        padding-bottom: 80px;
    }

    .lp-solucoes .lp-header h2 {
        font-size: 32px;
        line-height: 39px;
    }

    .lp-solucoes .lp-disclaimer {
        max-width: calc(var(--section-max-width) + 48px);
    }
    
    .lp-solucoes .lp-swiper .swiper-container {
        max-width: var(--section-max-width);
    }

    .lp-solucoes .lp-videocard:after {
        background: linear-gradient(0deg, rgba(126,60,63,1) 0%, rgba(206,206,206,1) 100%);
    }
    .lp-solucoes .lp-disclaimer strong{
        padding: 32px 16px;
    }
    .lp-solucoes .lp-disclaimer small{padding:20px 0 50px;}

    #atendimento-especializado{
        background-image: url(../svg/grafismo-bloco2.svg);
        background-position: right 33vw top 67px;
        background-repeat: no-repeat;
    }


    /*  */
    .links-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        padding-top: 33px;
        padding-bottom: 32px;
        justify-content: space-between;
    }

    .links-wrapper {
        display: flex;
        flex-direction: column;
    }

    .links-wrapper .title-number {
        text-align: left;
        font-size: 12px;
        font-family: 'Bradesco';
        font-weight: 400;
        letter-spacing: 0px;
        color: #5B080C;
        opacity: 1;
        margin: 0px;
    }

    .links-wrapper .footer-text {
        text-align: left;
        font-size: 10.4px;
        font-family: 'Bradesco';
        font-weight: 400;
        letter-spacing: 0px;
        color: #5B080C;
        opacity: 1;
    }

    .links-container .links-wrapper:not(:last-child) {
        min-width: auto;
        max-width: none;
    }

    .links-container .links-wrapper:last-child {
        max-width: 158px;
        min-width: auto;
        flex-basis: auto;
    }

    .link-internal {
        display: flex;
        flex-direction: column;
        margin-top: 27px;
    }

    .icon-ref {
        display: flex;
        gap: 4px;
    }

    .link-c-anbima {
        gap: 28px;
        flex-direction: column;
        align-items: flex-end;
        padding: 0;
        border: 0;
    }

}