:root {
    --c-purple: #53388E;
    --c-orange: #F37053;
    --c-white: #FFF;
    --c-dark-grey: #1B1B1B;
    --c-grey: #6E6E6E;
    --c-light-purple: rgba(168, 168, 212, 0.2);
}

body.home #onetrust-consent-sdk {
    display: none !important;
}

body.home {
    font-family: 'allerregular',sans-serif;
    font-size: 14px;
}

p {
    line-height: 150%;
    margin: 0 0 24px;
    padding: unset;
    letter-spacing: 0;
    font-size: 14px;
    color: #6E6E6E;
}

.list-style-none {
    list-style: none;
}

.m-0 {
    margin: 0;
}

.p-0 {
    padding: 0;
}

.d-flex {
    display: flex;
}


.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

@media (min-width:1400px) {
    .container {
        max-width: 1280px;
    }
}

/* = Main*/
.lpCirurgias__main {
    padding-top: 93px;
}

@media (min-width:960px) {
    .lpCirurgias__main {
        padding-top: 0;
    }
}

/* = Heroe*/
.lpCirurgias__hero {
    position: relative;
}

    .lpCirurgias__hero img {
        width: 100%;
    }

@media (min-width:960px) {
    .lpCirurgias__hero img {
        display: none;
    }

    .lpCirurgias__hero {
        background: url(/Content/lp/neurocirurgia/images/Hero-Desktop.png) no-repeat center center;
        background-size: cover;
        height: 498px;
    }

        .lpCirurgias__hero a {
            display: block;
            width: 100%;
            height: 100%;
        }
}

/* = Breadcrumbs */
.lpCirurgias__breadcrumb {
    display: block;
    padding: 8px 16px;
    margin: 0;
    position: absolute;
    z-index: 1;
}

    .lpCirurgias__breadcrumb li {
        display: inline-block;
    }

        .lpCirurgias__breadcrumb li.active {
            background: none;
        }

        .lpCirurgias__breadcrumb li a {
            font-size: 12px;
            line-height: 16px;
            color: #969696;
            text-decoration: none;
        }

        .lpCirurgias__breadcrumb li.active a {
            color: #F37053;
        }

        .lpCirurgias__breadcrumb li img {
            position: relative;
            top: 2px;
        }


/* = About*/
.lpCirurgias__about {
    padding: 80px 0;
}

    .lpCirurgias__about hr {
        border: 0;
        border-bottom: 1px solid #DADADA;
        margin: 20px 0 70px;
    }

    .lpCirurgias__about h1 {
        font-size: 24px;
        font-weight: 700;
        line-height: 140%;
        margin: 40px 0 24px;
        color: #3C3C3C;
    }


/* = Destaque */
.lpCirurgias__destaque {
    background: #EFEFEF;
    position: relative;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 40px
}

    .lpCirurgias__destaque::before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(56, 34, 111, 0.3) 50%);
        display: block;
        position: absolute;
    }

    .lpCirurgias__destaque img {
        width: 100%;
    }

.lpCirurgias__destaqueConteudo {
    position: absolute;
    bottom: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
}

    .lpCirurgias__destaqueConteudo header {
        font-size: 16px;
        line-height: 150%;
        color: #FFF;
        margin-bottom: 16px;
        font-weight: 700;
    }

    .lpCirurgias__destaqueConteudo p {
        font-size: 12px;
        line-height: 16px;
        color: #FFF;
    }

    .lpCirurgias__destaqueConteudo a {
        background: #F37053;
        color: #FFF;
        font-size: 14px;
        font-weight: 700;
        padding: 12px 24px;
        border-radius: 24px;
        display: inline-block;
        width: 172px;
        text-align: center;
    }

        .lpCirurgias__destaqueConteudo a.purple {
            background: #55489D;
        }

.lpCirurgias__destaque.vertical::before {
    background: #382E7F4D;
    background: linear-gradient(180deg,rgba(56, 46, 127, 0.5) 0%, rgba(243, 112, 83, 0.5) 100%);
}

.lpCirurgias__destaque.vertical .lpCirurgias__destaqueConteudo {
    width: 100%;
}

    .lpCirurgias__destaque.vertical .lpCirurgias__destaqueConteudo p {
        font-size: 18px;
        font-weight: 700;
        line-height: 140%;
        text-align: center;
        max-width: 400px;
        display: block;
        margin: 0 auto 16px;
    }

    .lpCirurgias__destaque.vertical .lpCirurgias__destaqueConteudo a {
        width: 256px;
        display: block;
        margin: auto;
    }

@media (min-width:960px) {
    .lpCirurgias__destaque {
        margin-top: 40px;
    }
}

/* = Checklist*/
.lpCirurgias__checklist {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .lpCirurgias__checklist li {
        line-height: 150%;
        margin-bottom: 16px;
        font-size: 16px;
        color: #6d6e70;
        text-align: left;
        padding-left: 24px;
        position: relative;
    }

        .lpCirurgias__checklist li::before {
            background: url(/Content/lp/cirurgias-novo/images/check.png);
            content: "";
            display: inline-block;
            width: 20px;
            height: 21px;
            position: absolute;
            left: 0;
            top: 2px;
        }

/* = Tecnologias */
.lpCirurgias__destaqueTecnologias {
    overflow: hidden;
    overflow-x: auto;
    margin: 0 0 40px;
}

    .lpCirurgias__destaqueTecnologias ul {
        display: flex;
        width: 850px;
        list-style: none;
        gap: 16px;
        padding: 0;
        margin: 16px 0;
    }

    .lpCirurgias__destaqueTecnologias li {
        border: 1px solid #DADADA;
        border-radius: 4px;
        padding: 16px;
        width: 273px;
    }

        .lpCirurgias__destaqueTecnologias li header {
            text-align: center;
            margin-bottom: 16px;
            font-size: 12px;
        }

            .lpCirurgias__destaqueTecnologias li header strong {
                font-weight: 700;
                color: #F37053;
                margin-bottom: 8px;
                display: inline-block;
                font-size: 14px;
                text-align: center;
            }

        .lpCirurgias__destaqueTecnologias li p {
            margin-bottom: 0;
            font-size: 12px;
            text-align: center;
        }



@media (min-width: 960px) {

    .lpCirurgias__destaqueTecnologias {
        border-left: 1px solid #DADADA;
    }

        .lpCirurgias__destaqueTecnologias ul {
            width: auto;
            margin: 0;
        }

        .lpCirurgias__destaqueTecnologias li {
            width: auto;
            border: none;
        }

            .lpCirurgias__destaqueTecnologias li header,
            .lpCirurgias__destaqueTecnologias li p {
                text-align: left;
            }
}

/* = Excelencia */
.lpCirurgias__excelencia header {
    margin-bottom: 40px;
}

    .lpCirurgias__excelencia header strong {
        color: #F37053;
        font-size: 12px;
        font-weight: 700;
    }

    .lpCirurgias__excelencia header h2 {
        font-size: 24px;
        line-height: 140%;
        font-weight: 700;
        color: #3C3C3C;
        margin: 8px 0 16px;
    }

.lpCirurgias__excelenciaLista {
    overflow: hidden;
    overflow-x: scroll;
    margin-bottom: 40px;
    padding-bottom: 16px;
}

    .lpCirurgias__excelenciaLista ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        width: 1208px;
    }

        .lpCirurgias__excelenciaLista ul li {
            display: block;
            background-color: #F9F9F9;
            padding: 16px;
            margin-right: 16px;
            width: 260px;
        }

            .lpCirurgias__excelenciaLista ul li header {
                display: flex;
                justify-content: start;
                align-items: center;
                margin-bottom: 36px;
            }

                .lpCirurgias__excelenciaLista ul li header strong {
                    color: #55489D;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 150%;
                }

                .lpCirurgias__excelenciaLista ul li header img {
                    margin-right: 16px;
                }

            .lpCirurgias__excelenciaLista ul li p {
                margin: 0;
                font-size: 14px;
            }

@media (min-width:960px) {
    .lpCirurgias__excelencia {
        padding-left: 70px;
    }

        .lpCirurgias__excelencia header {
            margin-bottom: 24px;
        }

    .lpCirurgias__excelenciaLista {
        overflow: unset;
        overflow-x: unset;
    }

        .lpCirurgias__excelenciaLista ul li header {
            margin-bottom: 16px;
        }

        .lpCirurgias__excelenciaLista ul {
            display: grid;
            grid-template-columns: 1fr 1fr; /* Three equal columns */
            grid-template-rows: auto; /* Rows adjust to content height */
            gap: 10px; /* Space between grid items */
            width: auto;
        }

            .lpCirurgias__excelenciaLista ul li {
                display: inline-block;
                width: 324px;
                margin-right: auto;
                margin: 0 8px;
                height: 258px;
                grid: 1;
            }

                .lpCirurgias__excelenciaLista ul li p {
                    font-size: 13px;
                }
}

/* = Tipos*/
.lpCirurgias__types {
    background-color: #F2F2F9;
    padding: 40px 0;
}

    .lpCirurgias__types header h2 {
        color: #55489D;
        font-size: 24px;
        line-height: 140%;
        font-weight: 700;
        margin: 0 0 16px;
    }

    .lpCirurgias__types header p {
        font-size: 14px;
        line-height: 150%;
    }

.lpCirurgias__itemTipoCirurgia header {
    margin: 0 0 16px;
}

    .lpCirurgias__itemTipoCirurgia header h3 {
        font-size: 18px;
        line-height: 140%;
        font-weight: 700;
        color: #3C3C3C;
    }

.lpCirurgias__itemTipoCirurgia p {
    font-size: 14px;
    color: #6E6E6E;
    line-height: 150%;
}

.lpCirurgias__itemTipoCirurgia img {
    width: 100%;
}


.lpCirurgias__slideTipoCirurgia .glide__bullets {
    position: static;
    display: flex;
    justify-content: center;
    width: 100%;
    transform: none;
    margin-top: 40px;
}

    .lpCirurgias__slideTipoCirurgia .glide__bullets .glide__bullet {
        background-color: #DADADA;
    }

        .lpCirurgias__slideTipoCirurgia .glide__bullets .glide__bullet.glide__bullet--active {
            background-color: #55489D;
        }

.lpCirurgias__slideTipoCirurgia .glide__arrows {
    display: flex;
    justify-content: end;
    gap: 16px;
}

.lpCirurgias__slideTipoCirurgia .glide__arrow {
    position: static;
    padding: 0;
    height: auto;
    width: auto;
    border: none;
    transform: none;
    box-shadow: none;
    text-shadow: none;
}

@media(min-width:960px) {
    .lpCirurgias__types header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 80px;
        align-items: center;
    }

        .lpCirurgias__types header h2 {
            font-size: 32px;
            line-height: 130%;
            margin: 0;
            width: 50%;
        }

        .lpCirurgias__types header p {
            line-height: 150%;
            width: 50%;
            margin: 0;
        }

    .lpCirurgias__itemTipoCirurgia header {
        margin: 0 0 0;
    }

    .lpCirurgias__slideTipoCirurgia .glide__arrow {
        position: absolute;
    }

    .lpCirurgias__slideTipoCirurgia .glide__arrow--right {
        right: -3em;
    }

    .lpCirurgias__slideTipoCirurgia .glide__arrow--left {
        left: -3em;
    }
}

/* = FAQ*/
.lpCirurgias__faq {
    padding: 40px 0;
}

    .lpCirurgias__faq header {
        text-align: center;
        margin-bottom: 32px;
    }

        .lpCirurgias__faq header strong {
            font-size: 12px;
            color: #F37053;
            font-weight: bold;
            margin-bottom: 8px;
            display: block;
        }

        .lpCirurgias__faq header h2 {
            font-size: 24px;
            color: #292D29;
            font-weight: bold;
            margin: 0 0 8px;
            display: block;
            line-height: 140%;
        }

        .lpCirurgias__faq header p {
            font-size: 14px;
            color: #7A837B;
            margin: 0;
            display: block;
            line-height: 150%;
        }

    .lpCirurgias__faq ul li {
        line-height: 150%;
        padding: unset;
        letter-spacing: 0;
        color: #6d6e70;
        font-size: 14px;
    }
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    display: flex;
    background-color: #F9F9F9;
    color: #3C3C3C;
    cursor: pointer;
    padding: 11px 16px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

    .accordion strong {
        margin-right: 16px;
    }
    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .active, .accordion:hover {
        background-color: #ccc;
    }

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.lpCirurgias__Contato {
    display: flex;
    flex-direction: column;
}

.lpCirurgias__ItemContato {
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #F37053;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
    color: #6E6E6E;
    font-size: 12px;
    line-height: 16px;
}

    .lpCirurgias__ItemContato img {
        display: block;
        margin: 0 auto 16px;
    }

    .lpCirurgias__ItemContato strong {
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 8px;
        color: #55489D;
    }

@media (min-width:960px) {
    .lpCirurgias__Contato {
        flex-direction: row;
        gap: 16px;
        margin: 64px 0 80px;
    }
}
/* = Posts*/
.lpCirurgias__posts {
    padding: 40px 0;
}

    .lpCirurgias__posts header {
        margin-bottom: 32px;
    }

        .lpCirurgias__posts header strong {
            font-size: 12px;
            color: #F37053;
            font-weight: bold;
            line-height: 16px;
            display: block;
            margin-bottom: 8px;
        }

        .lpCirurgias__posts header h2 {
            color: #1B1B1B;
            font-size: 24px;
            font-weight: 700;
            line-height: 140%;
            margin: 0 0 8px;
        }

        .lpCirurgias__posts header p {
            margin-bottom: 40px;
        }

        .lpCirurgias__posts header a {
            color: #F37053;
            font-size: 14px;
            display: flex;
            gap: 8px;
            justify-content: start;
            font-weight: 700;
            line-height: 150%;
            align-items: center;
        }

.lpCirurgias__itemPosts img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 16px;
}

.lpCirurgias__itemPosts {
    width: 300px;
}

    .lpCirurgias__itemPosts header {
        margin: 0 0 8px;
    }

        .lpCirurgias__itemPosts header strong {
            background-color: #F0587D1A;
            font-size: 10px;
            border-radius: 4px;
            padding: 4px;
            display: inline-block;
            line-height: 16px;
            margin-bottom: 8px;
        }

        .lpCirurgias__itemPosts header h3 {
            margin: 0 0 8px;
            color: #55489D;
            font-size: 18px;
            font-weight: 700;
            line-height: 140%;
        }

    .lpCirurgias__itemPosts p {
        font-size: 14px;
        line-height: 150%;
        color: #6E6E6E;
        margin: 0 0 8px;
    }

.lpCirurgias__slidePosts .glide__arrows {
    display: none;
}

.lpCirurgias__slidePosts .glide__bullets {
    position: static;
    display: flex;
    justify-content: center;
    width: 100%;
    transform: none;
    margin-top: 40px;
}

    .lpCirurgias__slidePosts .glide__bullets .glide__bullet {
        background-color: #DADADA;
    }

        .lpCirurgias__slidePosts .glide__bullets .glide__bullet.glide__bullet--active {
            background-color: #55489D;
        }

.lpCirurgias__slidePosts .splide__arrows {
    display: none;
}

.lpCirurgias__slidePosts .splide__pagination .splide__pagination__page.is-active {
    background-color: #55489D;
}

.lpCirurgias__slidePosts .splide__pagination {
    bottom: -1.5em;
}


/* = Médicos */
.lpCirurgias__doctors {
    background-color: #55489D;
    color: #FFF;
    padding: 16px;
}

    .lpCirurgias__doctors header {
    }

        .lpCirurgias__doctors header strong {
            color: #F37053;
            font-size: 10px;
            border-radius: 4px;
            padding: 4px;
            display: block;
            line-height: 16px;
            margin-bottom: 8px;
            text-align: center;
        }

        .lpCirurgias__doctors header h2 {
            color: #FFF !important;
            font-size: 24px !important;
            font-weight: 700 !important;
            line-height: 140% !important;
            margin: 0 0 8px !important;
        }

        .lpCirurgias__doctors header p {
            color: #FFF !important;
            text-align: center;
            font-size: 14px;
        }

    .lpCirurgias__doctors .barraBusca {
        background: #FFF;
        padding: 32px 0 !important;
        border-radius: 8px;
    }

        .lpCirurgias__doctors .barraBusca h2,
        .lpCirurgias__doctors .barraBusca p {
            display: none;
        }

    .lpCirurgias__doctors #busca-medico .search {
        border: none;
        border-radius: unset;
    }

    .lpCirurgias__doctors .encontre-um-medico {
        border: none;
        float: none;
    }

        .lpCirurgias__doctors .encontre-um-medico .abas {
            margin: 0 !important;
        }
/* = Conteudo */

.lpCirurgias__conteudo {
    padding: 80px 0;
}

    .lpCirurgias__conteudo h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 130%;
        color: var(--c-dark-grey);
        margin: 0 0 16px;
    }

        .lpCirurgias__conteudo h2.medium {
            font-size: 18px;
        }

    .lpCirurgias__conteudo p {
        color: var(--c-grey);
        line-height: 150%;
        padding: 0;
        margin-bottom: 24px;
        font-size: 14px;
    }

        .lpCirurgias__conteudo p.secao {
            color: var(--c-orange);
            margin-bottom: 0;
        }

            .lpCirurgias__conteudo p.secao strong {
                font-weight: 700;
            }

    .lpCirurgias__conteudo a.botaoGrande {
        display: inline-block;
        padding: 16px 24px;
        background: var(--c-orange);
        border-radius: 25px;
        color: #FFF;
        margin: 24px 0;
    }

    .lpCirurgias__conteudo a.botaoGrande--purple {
        background: var(--c-purple);
        color: #FFF;
    }

    .lpCirurgias__conteudo img.mosaico {
        width: 100%;
    }

    .lpCirurgias__conteudo .cards {
        display: flex;
        padding: 0;
        margin: 0;
        list-style: none;
        gap: 16px;
        flex-wrap: wrap;
    }

        .lpCirurgias__conteudo .cards li {
            border: 1px solid #DADADA;
            padding: 24px 16px;
            border-radius: 8px;
        }

            .lpCirurgias__conteudo .cards li p {
                font-size: 14px;
                line-height: 110%;
            }

            .lpCirurgias__conteudo .cards li h3 {
                margin: 0;
                padding: 0;
                font-size: 16px;
                line-height: 100%;
                margin-bottom: 16px;
                display: flex;
                gap: 8px;
                justify-content: start;
                align-items: center;
                color: #1B1B1B;
                font-weight: 700;
            }

    .lpCirurgias__conteudo .checklist-1 {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

        .lpCirurgias__conteudo .checklist-1 li {
            width: 100%;
            display: flex;
            justify-content: start;
            align-items: center;
            color: var(--c-grey);
            line-height: 150%;
            font-size: 14px;
        }

.lpCirurgias__conteudo {
    width: 100%;
}

lpCirurgias__conteudo--purple {
    background-color: var(--c-purple);
}

.lpCirurgias__Contato--light-purple {
    background-color: var(--c-light-purple);
}

.lpCirurgias__conteudo--purple h2 {
    color: var(--c-orange);
}

.lpCirurgias__conteudo--purple p {
    color: #FFF;
}

.lpCirurgias__conteudo--purple .list {
    color: #FFF;
    padding: 0;
    margin: 0;
    list-style-position: inside;
}

    .lpCirurgias__conteudo--purple .list li {
        color: #FFF;
        line-height: 150%;
        padding: 0;
        font-size: 14px;
        margin-bottom: 16px;
    }


@media(min-width:960px) {
    .lpNeurologia__conteudo {
        padding: 88px 0;
    }

        .lpNeurologia__conteudo h2 {
            font-size: 36px;
        }

            .lpNeurologia__conteudo h2.medium {
                font-size: 28px;
            }


        .lpNeurologia__conteudo .cards li {
            height: 173px;
            width: 276px;
        }

        .lpNeurologia__conteudo .checklist-1 li {
            width: 50%;
        }
}

/*= Slide Medicos */
.glide.lpNeurologia__slideMedicos {
    width: 70%;
    margin: auto;
}

.lpNeurologia__slideMedicos .glide__bullets {
    position: relative;
    padding: 24px 0;
    text-align: center;
    width: 100%;
    top: 0;
    left: 0;
    transform: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .lpNeurologia__slideMedicos .glide__bullets .glide__bullet {
    }

.lpNeurologia__slideMedicos img {
    border-radius: 8px;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center top;
}

.lpNeurologia__slideMedicos h6 {
    font-size: 16px;
    line-height: 100%;
    font-weight: 700;
    color: var(--c-purple);
    margin: 16px 0 0;
}

.lpNeurologia__slideMedicos p {
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    color: var(--c-dark-grey);
    padding: 0;
    margin: 6px 0;
}

    .lpNeurologia__slideMedicos p.small {
        font-size: 12px;
        color: var(--c-grey);
        letter-spacing: -0.12px;
    }


@media(min-width:960px) {
    .lpNeurologia__slide1 .glide__slide {
        height: 545px;
    }

        .lpNeurologia__slide1 .glide__slide img {
            height: 100%;
        }
}

.h-desktop {
    display: block;
}

@media(min-width:960px) {
    .h-desktop {
        display: none;
    }
}
