.container-67b5365{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.container-54c586e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.container-69804cc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.container-0ccb967{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.container-0ccb967{background-color:#000000;background-image:url("/assets/images/2026/10/Companheiros-ao-Por-do-Sol.png");background-repeat:no-repeat;background-size:cover;}.container-0ccb967::before{background-color:#000000;--background-overlay:'';}.container-ce63c12{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.container-1d71cf9{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.container-1d71cf9{background-image:url("/assets/images/2026/10/side-view-old-man-sitting-bench-scaled-1.webp");background-size:cover;}.container-1d71cf9::before{background-color:#000000;--background-overlay:'';}.container-59a2409{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.container-59a2409{background-image:url("/assets/images/2026/10/side-view-old-man-sitting-bench-scaled-1.webp");background-size:cover;}.container-59a2409::before{background-color:#000000;--background-overlay:'';}.container-d2d562e{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.container-d2d562e{background-image:url("/assets/images/2026/10/side-view-old-man-sitting-bench-scaled-1.webp");background-size:cover;}.container-d2d562e::before{background-color:#000000;--background-overlay:'';}.container-3a01189{--display:flex;}@media(min-width:1025px){.container-0ccb967{background-attachment:fixed;}.container-1d71cf9{background-attachment:fixed;}.container-59a2409{background-attachment:fixed;}.container-d2d562e{background-attachment:fixed;}}@media(max-width:767px){.container-0ccb967{background-image:url("/assets/images/2026/10/Amor-ao-Entardecer-no-Vale.png");background-size:cover;}.container-0ccb967{--overlay-opacity:0.5;}}





/* =====================================================
   HERO DESKTOP
===================================================== */

.al-hero-familia {

    position: relative;

    width: 100%;

    min-height: 790px;

    display: flex;

    align-items: center;

    overflow: hidden;

    /* BACKGROUND DESKTOP */

    background-image:
        url('/assets/images/2026/10/Justica-e-Familia-a-Luz-Dourada.png');

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

}


.al-hero-familia * {

    box-sizing: border-box;

}



/* =====================================================
   OVERLAY
===================================================== */

.al-familia-overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.88) 0%,
            rgba(0,0,0,.80) 22%,
            rgba(0,0,0,.67) 47%,
            rgba(0,0,0,.48) 72%,
            rgba(0,0,0,.42) 100%
        );

}



/* =====================================================
   CONTAINER
===================================================== */

.al-familia-container {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1260px;

    margin: 0 auto;

    padding:
        0
        0
        65px
        0;

}



/* =====================================================
   CONTEÚDO
===================================================== */

.al-familia-content {

    position: relative;

    z-index: 4;

    width: 100%;

    max-width: 700px;

}



/* =====================================================
   LOGO DESKTOP
===================================================== */

.al-familia-logo {

    position: absolute;

    z-index: 5;

    top: 47%;

    right: 15px;

    width: 330px;

    max-width: 30vw;

    transform:
        translateY(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    pointer-events: none;

}


.al-familia-logo img {

    display: block;

    width: 100%;

    height: auto;

    max-height: 340px;

    object-fit: contain;

    filter:
        drop-shadow(
            0
            14px
            28px
            rgba(0,0,0,.48)
        );

}



/* =====================================================
   TÍTULO
===================================================== */

.al-familia-title {

    margin:
        0
        0
        21px
        0;

    padding: 0;

    font-size: 39px;

    line-height: 1.06;

    font-weight: 400;

    letter-spacing: -1.7px;

}


.al-familia-title span {

    display: block;

}


.al-familia-title-white {

    color: #ffffff;

}


.al-familia-title-gold {

    margin-top: 7px;

    color: #c0a248;

}



/* =====================================================
   DESCRIÇÃO
===================================================== */

.al-familia-description {

    width: 100%;

    max-width: 660px;

    margin:
        0
        0
        35px
        0;

    color: #ffffff;

    font-size: 16.5px;

    line-height: 1.55;

    font-weight: 500;

    letter-spacing: -.2px;

}



/* =====================================================
   ÁREA DO BOTÃO
===================================================== */

.al-familia-button-area {

    display: flex;

    align-items: center;

    margin-bottom: 19px;

}



/* =====================================================
   BOTÃO
===================================================== */

.al-familia-whatsapp-button {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    min-height: 56px;

    padding:
        0
        39px;

    overflow: hidden;

    border-radius: 40px;

    background:
        linear-gradient(
            100deg,
            #c3a950 0%,
            #b09536 50%,
            #9e852e 100%
        );

    color: #ffffff !important;

    text-decoration: none !important;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 1.35px;

    line-height: 1.25;

    box-shadow:
        0
        8px
        20px
        rgba(0,0,0,.18),

        0
        0
        0
        rgba(192,162,72,0);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        filter .3s ease;

    animation:
        alFamiliaButtonPulse
        2.8s
        ease-in-out
        infinite;

}



/* =====================================================
   WHATSAPP
===================================================== */

.al-familia-whatsapp-icon {

    position: relative;

    z-index: 2;

    width: 17px;

    height: 17px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}


.al-familia-whatsapp-icon svg {

    width: 100%;

    height: 100%;

}



/* =====================================================
   TEXTO BOTÃO
===================================================== */

.al-familia-button-text {

    position: relative;

    z-index: 2;

}



/* =====================================================
   BRILHO
===================================================== */

.al-familia-btn-shine {

    position: absolute;

    z-index: 1;

    top: -60%;

    left: -35%;

    width: 17%;

    height: 220%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.20),
            rgba(255,255,255,.9),
            rgba(255,255,255,.20),
            transparent
        );

    transform:
        rotate(18deg);

    filter:
        blur(1px);

    animation:
        alFamiliaShine
        3.2s
        ease-in-out
        infinite;

}



/* =====================================================
   HOVER
===================================================== */

.al-familia-whatsapp-button:hover {

    color: #ffffff !important;

    transform:
        translateY(-3px)
        scale(1.018);

    filter:
        brightness(1.08);

    box-shadow:
        0
        13px
        27px
        rgba(0,0,0,.25),

        0
        0
        32px
        rgba(192,162,72,.35);

}



/* =====================================================
   TEXTO INFERIOR
===================================================== */

.al-familia-footnote {

    margin: 0;

    padding: 0;

    color: #ffffff;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 500;

    letter-spacing: -.2px;

}



/* =====================================================
   CURVA
===================================================== */

.al-familia-wave {

    position: absolute;

    z-index: 6;

    left: 0;

    bottom: -1px;

    width: 100%;

    height: 95px;

    pointer-events: none;

}


.al-familia-wave svg {

    display: block;

    width: 100%;

    height: 100%;

}



/* =====================================================
   ANIMAÇÕES
===================================================== */

@keyframes alFamiliaShine {

    0% {

        left: -35%;

        opacity: 0;

    }


    12% {

        opacity: 1;

    }


    38% {

        left: 125%;

        opacity: 1;

    }


    40%,
    100% {

        left: 125%;

        opacity: 0;

    }

}



@keyframes alFamiliaButtonPulse {

    0%,
    100% {

        box-shadow:
            0
            8px
            20px
            rgba(0,0,0,.18),

            0
            0
            0
            0
            rgba(192,162,72,.27);

    }


    50% {

        box-shadow:
            0
            8px
            20px
            rgba(0,0,0,.20),

            0
            0
            0
            9px
            rgba(192,162,72,0);

    }

}



/* =====================================================
   NOTEBOOK
===================================================== */

@media (max-width: 1350px) {

    .al-familia-container {

        max-width: 1120px;

        padding-left: 30px;

        padding-right: 30px;

    }


    .al-familia-logo {

        right: 35px;

        width: 290px;

    }


    .al-familia-content {

        max-width: 650px;

    }

}



/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {

    .al-hero-familia {

        min-height: 700px;

        background-position:
            center center;

    }


    .al-familia-container {

        padding:
            0
            40px
            65px
            40px;

    }


    .al-familia-content {

        max-width: 570px;

    }


    .al-familia-title {

        font-size: 35px;

    }


    .al-familia-logo {

        width: 235px;

        right: 28px;

        max-width: 24vw;

    }


    .al-familia-description {

        max-width: 560px;

        font-size: 15.5px;

    }

}



/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .al-hero-familia {

        min-height: 820px;

        align-items: flex-start;


        /* ==============================================
           NOVO BACKGROUND MOBILE
        ============================================== */

        background-image:
            url('/assets/images/2026/10/Justica-e-Familia-ao-Entardecer.png');

        background-size:
            cover;

        background-position:
            center center;

        background-repeat:
            no-repeat;

    }



    /* =================================================
       OVERLAY MOBILE
    ================================================= */

    .al-familia-overlay {

        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.72) 0%,
                rgba(0,0,0,.74) 25%,
                rgba(0,0,0,.68) 52%,
                rgba(0,0,0,.76) 100%
            );

    }



    /* =================================================
       CONTAINER
    ================================================= */

    .al-familia-container {

        padding:
            54px
            22px
            90px
            22px;

    }



    /* =================================================
       LOGO CENTRALIZADA
    ================================================= */

    .al-familia-logo {

        position: relative;

        top: auto;

        right: auto;

        width: 200px;

        max-width: 65%;

        margin:
            0
            auto
            31px;

        transform: none;

        pointer-events: none;

    }


    .al-familia-logo img {

        width: 100%;

        max-height: 175px;

        filter:
            drop-shadow(
                0
                10px
                20px
                rgba(0,0,0,.40)
            );

    }



    /* =================================================
       CONTEÚDO
    ================================================= */

    .al-familia-content {

        width: 100%;

        max-width: 100%;

        text-align: center;

    }



    /* =================================================
       TÍTULO
    ================================================= */

    .al-familia-title {

        font-size:
            clamp(
                28px,
                7.7vw,
                34px
            );

        line-height: 1.1;

        letter-spacing: -1.25px;

        margin-bottom: 20px;

    }


    .al-familia-title-white {

        max-width: 520px;

        margin-left: auto;

        margin-right: auto;

    }


    .al-familia-title-gold {

        margin-top: 9px;

    }



    /* =================================================
       DESCRIÇÃO
    ================================================= */

    .al-familia-description {

        max-width: 540px;

        margin:
            0
            auto
            28px;

        font-size: 14.5px;

        line-height: 1.58;

    }



    /* =================================================
       BOTÃO
    ================================================= */

    .al-familia-button-area {

        width: 100%;

        justify-content: center;

    }


    .al-familia-whatsapp-button {

        width: auto;

        max-width:
            calc(100% - 12px);

        min-height: 54px;

        padding:
            10px
            23px;

        gap: 7px;

        border-radius: 35px;

        font-size: 10.8px;

        line-height: 1.35;

        letter-spacing: .7px;

        text-align: center;

    }


    .al-familia-whatsapp-icon {

        width: 17px;

        height: 17px;

    }



    /* =================================================
       TEXTO INFERIOR
    ================================================= */

    .al-familia-footnote {

        font-size: 13.5px;

        line-height: 1.45;

        text-align: center;

    }



    /* =================================================
       CURVA
    ================================================= */

    .al-familia-wave {

        height: 58px;

    }

}



/* =====================================================
   MOBILE PEQUENO
===================================================== */

@media (max-width: 420px) {

    .al-hero-familia {

        min-height: 790px;

        background-image:
            url('/assets/images/2026/10/Justica-e-Familia-ao-Entardecer.png');

        background-size:
            cover;

        background-position:
            center center;

    }


    .al-familia-container {

        padding:
            48px
            18px
            80px;

    }


    .al-familia-logo {

        width: 175px;

        max-width: 62%;

        margin-bottom: 27px;

    }


    .al-familia-title {

        font-size: 27px;

        letter-spacing: -1px;

    }


    .al-familia-description {

        font-size: 13.8px;

        line-height: 1.58;

    }


    .al-familia-whatsapp-button {

        min-height: 50px;

        padding:
            9px
            18px;

        font-size: 9.8px;

        letter-spacing: .45px;

    }


    .al-familia-whatsapp-icon {

        width: 15px;

        height: 15px;

    }


    .al-familia-footnote {

        font-size: 12.8px;

    }

}



/* =====================================================
   REDUZIR ANIMAÇÕES
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .al-familia-whatsapp-button,
    .al-familia-btn-shine {

        animation:
            none !important;

    }

}




:root {

    /* CARD 01 - GUARDA E CONVIVÊNCIA */
    --alf-img-1:
        url('/assets/images/2026/10/Consulta-sobre-guarda-familiar.png');


    /* CARD 02 - DIVÓRCIO E PARTILHA */
    --alf-img-2:
        url('/assets/images/2026/10/Consulta-Juridica-sobre-Divorcio-e-Patrimonio.png');


    /* CARD 03 - ALIMENTOS E REVISÃO */
    --alf-img-3:
        url('/assets/images/2026/10/Consulta-Juridica-sobre-Divorcio-e-Bens-1.png');


    /* CARD 04 - UNIÃO ESTÁVEL E PATERNIDADE */
    --alf-img-4:
        url('/assets/images/2026/10/Consulta-de-Guarda-Familiar-no-Escritorio-de-Advocacia.png');

}







/* =========================================================
   SEÇÃO
========================================================= */

.alf-areas-section {

    width: 100%;

    position: relative;

    overflow: hidden;

    background: #ffffff;

    padding:
        90px
        25px
        80px;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

}


.alf-areas-section * {

    box-sizing: border-box;

}


.alf-areas-container {

    width: 100%;

    max-width: 1300px;

    margin: 0 auto;

}



/* =========================================================
   CABEÇALHO
========================================================= */

.alf-areas-header {

    max-width: 850px;

    margin:
        0
        auto
        50px;

    text-align: center;

}


.alf-section-label {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 14px;

    margin-bottom: 18px;

}


.alf-label-line {

    width: 160px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #b99a3e
        );

}


.alf-label-line:last-child {

    background:
        linear-gradient(
            90deg,
            #b99a3e,
            transparent
        );

}


.alf-label-text {

    color: #111111;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: .5px;

    white-space: nowrap;

}


.alf-section-title {

    margin: 0;

    padding: 0;

    color: #101010;

    font-size: 39px;

    line-height: 1.04;

    font-weight: 400;

    letter-spacing: -1.7px;

}


.alf-section-title span {

    color: #b3973d;

}


.alf-section-subtitle {

    max-width: 740px;

    margin:
        18px
        auto
        0;

    color: #666666;

    font-size: 15px;

    line-height: 1.65;

    font-weight: 400;

}



/* =========================================================
   GRID
========================================================= */

.alf-cards-grid {

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap: 20px;

}



/* =========================================================
   CARD
========================================================= */

.alf-service-card {

    position: relative;

    min-width: 0;

    overflow: hidden;

    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            #222222 0%,
            #111111 50%,
            #050505 100%
        );

    border:
        1px solid
        rgba(255,255,255,.06);

    box-shadow:
        0
        15px
        35px
        rgba(0,0,0,.12);

    opacity: .82;

    transform:
        translateY(0)
        scale(1);

    transition:
        transform .55s cubic-bezier(.2,.8,.2,1),
        box-shadow .55s ease,
        border-color .55s ease,
        opacity .55s ease;

}



/* =========================================================
   CARD SELECIONADO
========================================================= */

.alf-service-card.alf-selected {

    opacity: 1;

    transform:
        translateY(-10px)
        scale(1.015);

    border-color:
        rgba(196,162,73,.60);

    box-shadow:
        0
        28px
        55px
        rgba(0,0,0,.22),

        0
        0
        30px
        rgba(196,162,73,.12);

}



/* =========================================================
   ÁREA DA IMAGEM
========================================================= */

.alf-card-image {

    position: relative;

    width: 100%;

    height: 205px;

    overflow: hidden;

    background: #111111;

}


.alf-image-photo {

    position: absolute;

    inset: 0;

    background-repeat: no-repeat;

    background-size: cover;

    transform:
        scale(1.10);

    transition:
        filter .7s ease,
        transform .8s cubic-bezier(.2,.8,.2,1),
        opacity .7s ease;

}



/* =========================================================
   IMAGEM 1
   GUARDA
========================================================= */

.alf-card-image-1
.alf-image-photo {

    background-image:
        var(--alf-img-1);

    background-position:
        center center;

}



/* =========================================================
   IMAGEM 2
   DIVÓRCIO
========================================================= */

.alf-card-image-2
.alf-image-photo {

    background-image:
        var(--alf-img-2);

    background-position:
        center center;

}



/* =========================================================
   IMAGEM 3
   ALIMENTOS
========================================================= */

.alf-card-image-3
.alf-image-photo {

    background-image:
        var(--alf-img-3);

    background-position:
        center center;

}



/* =========================================================
   IMAGEM 4
   UNIÃO ESTÁVEL
========================================================= */

.alf-card-image-4
.alf-image-photo {

    background-image:
        var(--alf-img-4);

    background-position:
        center center;

}



/* =========================================================
   CARD NÃO SELECIONADO
========================================================= */

.alf-service-card:not(.alf-selected)
.alf-image-photo {

    filter:
        grayscale(100%)
        saturate(0%)
        brightness(.66)
        contrast(1.08);

    transform:
        scale(1.10);

}



/* =========================================================
   CARD SELECIONADO
========================================================= */

.alf-service-card.alf-selected
.alf-image-photo {

    filter:
        grayscale(0%)
        saturate(100%)
        brightness(1)
        contrast(1.04);

    transform:
        scale(1.18);

}



/* =========================================================
   OVERLAY DA IMAGEM
========================================================= */

.alf-image-overlay {

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 25%,
            rgba(8,8,8,.08) 48%,
            rgba(8,8,8,.62) 80%,
            #111111 100%
        );

}



/* =========================================================
   NÚMERO
========================================================= */

.alf-card-number {

    position: absolute;

    z-index: 5;

    top: 14px;

    right: 14px;

    width: 39px;

    height: 39px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #f4e4ad;

    background:
        rgba(10,10,10,.65);

    border:
        1px solid
        rgba(196,162,73,.45);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;

    transition:
        background .5s ease,
        color .5s ease,
        transform .5s ease;

}


.alf-service-card.alf-selected
.alf-card-number {

    color: #ffffff;

    background: #b99a3e;

    border-color: #d4bc72;

    transform:
        scale(1.08);

}



/* =========================================================
   CONTEÚDO DO CARD
========================================================= */

.alf-card-content {

    position: relative;

    min-height: 270px;

    padding:
        28px
        24px
        30px;

    text-align: center;

}



/* =========================================================
   ÍCONE
========================================================= */

.alf-card-icon {

    position: relative;

    z-index: 5;

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin:
        -50px
        auto
        22px;

    border-radius: 50%;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #d0b45d 0%,
            #b09338 55%,
            #8d7325 100%
        );

    box-shadow:
        0
        8px
        20px
        rgba(0,0,0,.30);

    transition:
        transform .5s ease,
        box-shadow .5s ease,
        filter .5s ease,
        opacity .5s ease;

}


.alf-card-icon svg {

    width: 20px;

    height: 20px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.alf-service-card:not(.alf-selected)
.alf-card-icon {

    filter:
        grayscale(100%);

    opacity: .62;

}


.alf-service-card.alf-selected
.alf-card-icon {

    filter: none;

    opacity: 1;

    transform:
        translateY(-4px)
        scale(1.10);

    box-shadow:
        0
        12px
        30px
        rgba(190,156,55,.38);

}



/* =========================================================
   TÍTULO DOS CARDS
========================================================= */

.alf-card-content h3 {

    margin:
        0
        0
        15px;

    padding: 0;

    color: #d2b653;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size: 19px;

    line-height: 1.38;

    font-weight: 500;

    letter-spacing: -.4px;

    transition:
        color .5s ease;

}


.alf-service-card:not(.alf-selected)
.alf-card-content h3 {

    color: #aaaaaa;

}


.alf-service-card.alf-selected
.alf-card-content h3 {

    color: #d2b653;

}



/* =========================================================
   TEXTO
========================================================= */

.alf-card-content p {

    margin: 0;

    padding: 0;

    color:
        rgba(255,255,255,.68);

    font-size: 13px;

    line-height: 1.7;

    font-weight: 400;

    transition:
        color .5s ease;

}


.alf-service-card:not(.alf-selected)
.alf-card-content p {

    color:
        rgba(255,255,255,.46);

}


.alf-service-card.alf-selected
.alf-card-content p {

    color:
        rgba(255,255,255,.76);

}



/* =========================================================
   CTA
========================================================= */

.alf-areas-cta {

    width: 100%;

    display: flex;

    justify-content: center;

    margin-top: 58px;

}



/* =========================================================
   BOTÃO WHATSAPP
========================================================= */

.alf-whatsapp-cta {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-height: 58px;

    padding:
        0
        45px;

    overflow: hidden;

    border-radius: 40px;

    background:
        linear-gradient(
            100deg,
            #d0b35c 0%,
            #b4973c 48%,
            #967b29 100%
        );

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.25;

    letter-spacing: 1.25px;

    box-shadow:
        0
        16px
        35px
        rgba(0,0,0,.18);

    animation:
        alfWhatsPulse
        2.7s
        ease-in-out
        infinite;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        filter .3s ease;

}



/* =========================================================
   ÍCONE WHATSAPP
========================================================= */

.alf-btn-whatsapp {

    position: relative;

    z-index: 3;

    width: 19px;

    height: 19px;

    flex-shrink: 0;

}


.alf-btn-whatsapp svg {

    display: block;

    width: 100%;

    height: 100%;

}


.alf-btn-text {

    position: relative;

    z-index: 3;

}



/* =========================================================
   REFLEXO
========================================================= */

.alf-btn-reflexo {

    position: absolute;

    z-index: 1;

    top: -70%;

    left: -40%;

    width: 18%;

    height: 250%;

    transform:
        rotate(20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.15),
            rgba(255,255,255,.95),
            rgba(255,255,255,.22),
            transparent
        );

    filter:
        blur(.5px);

    animation:
        alfReflexo
        3.3s
        ease-in-out
        infinite;

}



/* =========================================================
   HOVER DO BOTÃO
========================================================= */

.alf-whatsapp-cta:hover {

    color: #ffffff !important;

    transform:
        translateY(-4px)
        scale(1.025);

    filter:
        brightness(1.08);

    box-shadow:
        0
        22px
        42px
        rgba(0,0,0,.25),

        0
        0
        30px
        rgba(190,156,55,.28);

}



/* =========================================================
   ANIMAÇÕES
========================================================= */

@keyframes alfReflexo {

    0% {

        left: -40%;

        opacity: 0;

    }


    12% {

        opacity: 1;

    }


    40% {

        left: 125%;

        opacity: 1;

    }


    42%,
    100% {

        left: 125%;

        opacity: 0;

    }

}



@keyframes alfWhatsPulse {

    0%,
    100% {

        box-shadow:
            0
            16px
            35px
            rgba(0,0,0,.18),

            0
            0
            0
            0
            rgba(190,156,55,.28);

    }


    50% {

        box-shadow:
            0
            16px
            35px
            rgba(0,0,0,.18),

            0
            0
            0
            11px
            rgba(190,156,55,0);

    }

}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .alf-cards-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap: 24px;

    }


    .alf-card-image {

        height: 270px;

    }


    .alf-card-content {

        min-height: 235px;

    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .alf-areas-section {

        padding:
            65px
            17px
            65px;

    }


    .alf-areas-header {

        margin-bottom: 38px;

    }


    .alf-section-label {

        gap: 8px;

    }


    .alf-label-line {

        width: 35px;

    }


    .alf-label-text {

        font-size: 10px;

        letter-spacing: .3px;

    }


    .alf-section-title {

        font-size:
            clamp(
                29px,
                8.2vw,
                35px
            );

        line-height: 1.08;

        letter-spacing: -1.35px;

    }


    .alf-section-subtitle {

        margin-top: 14px;

        font-size: 14px;

        line-height: 1.6;

    }



    /* =====================================================
       CARDS
    ===================================================== */

    .alf-cards-grid {

        grid-template-columns:
            1fr;

        gap: 28px;

    }


    .alf-service-card {

        border-radius: 16px;

    }


    .alf-service-card.alf-selected {

        transform:
            translateY(-5px)
            scale(1.015);

    }



    /* =====================================================
       IMAGENS MOBILE
    ===================================================== */

    .alf-card-image {

        height: 250px;

    }


    .alf-image-photo {

        transform:
            scale(1.08);

    }


    .alf-card-image-1
    .alf-image-photo {

        background-position:
            center center;

    }


    .alf-card-image-2
    .alf-image-photo {

        background-position:
            center center;

    }


    .alf-card-image-3
    .alf-image-photo {

        background-position:
            center center;

    }


    .alf-card-image-4
    .alf-image-photo {

        background-position:
            center center;

    }


    .alf-service-card:not(.alf-selected)
    .alf-image-photo {

        transform:
            scale(1.08);

    }


    .alf-service-card.alf-selected
    .alf-image-photo {

        transform:
            scale(1.14);

    }



    /* =====================================================
       CONTEÚDO
    ===================================================== */

    .alf-card-content {

        min-height: auto;

        padding:
            28px
            24px
            28px;

    }


    .alf-card-content h3 {

        font-size: 18px;

        line-height: 1.4;

    }


    .alf-card-content p {

        font-size: 13.5px;

        line-height: 1.65;

    }



    /* =====================================================
       CTA
    ===================================================== */

    .alf-areas-cta {

        margin-top: 42px;

    }


    .alf-whatsapp-cta {

        width: auto;

        max-width:
            calc(100% - 20px);

        min-height: 54px;

        padding:
            10px
            25px;

        font-size: 11.5px;

        line-height: 1.35;

        letter-spacing: .75px;

        text-align: center;

    }

}



/* =========================================================
   MOBILE PEQUENO
========================================================= */

@media (max-width: 400px) {

    .alf-card-image {

        height: 220px;

    }


    .alf-section-title {

        font-size: 28px;

    }


    .alf-label-line {

        width: 25px;

    }


    .alf-label-text {

        font-size: 9px;

    }


    .alf-card-content h3 {

        font-size: 17px;

    }


    .alf-whatsapp-cta {

        padding:
            9px
            20px;

        min-height: 50px;

        font-size: 10.5px;

        letter-spacing: .6px;

    }

}



/* =========================================================
   ACESSIBILIDADE
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .alf-service-card,
    .alf-image-photo,
    .alf-card-icon,
    .alf-card-number,
    .alf-whatsapp-cta,
    .alf-btn-reflexo {

        animation:
            none !important;

        transition:
            none !important;

    }

}




/* =========================================================
   FONTE
========================================================= */




/* =========================================================
   SEÇÃO
========================================================= */

.al-lawyer-section {

    position:
        relative;

    width:
        100%;

    overflow:
        hidden;

    padding:
        90px
        25px
        95px;

    background:
        linear-gradient(
            135deg,
            #050505 0%,
            #0a0a0a 48%,
            #050505 100%
        );

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

}


.al-lawyer-section * {

    box-sizing:
        border-box;

}


/* =========================================================
   LUZES DECORATIVAS
========================================================= */

.al-lawyer-light {

    position:
        absolute;

    border-radius:
        50%;

    pointer-events:
        none;

    filter:
        blur(100px);

}


.al-lawyer-light-1 {

    width:
        320px;

    height:
        320px;

    left:
        -180px;

    top:
        15%;

    background:
        rgba(188,154,54,.10);

}


.al-lawyer-light-2 {

    width:
        380px;

    height:
        380px;

    right:
        -220px;

    bottom:
        -100px;

    background:
        rgba(188,154,54,.08);

}


/* =========================================================
   CONTAINER
========================================================= */

.al-lawyer-container {

    position:
        relative;

    z-index:
        2;

    width:
        100%;

    max-width:
        1300px;

    margin:
        0 auto;

}


/* =========================================================
   CABEÇALHO
========================================================= */

.al-lawyer-header {

    max-width:
        850px;

    margin:
        0
        auto
        55px;

    text-align:
        center;

}


.al-lawyer-main-title {

    margin:
        0
        0
        20px;

    color:
        #ffffff;

    font-size:
        39px;

    line-height:
        1.08;

    font-weight:
        400;

    letter-spacing:
        -1.7px;

}


.al-lawyer-main-title span {

    color:
        #c0a248;

}


/* =========================================================
   LABEL
========================================================= */

.al-lawyer-label {

    display:
        flex;

    justify-content:
        center;

    align-items:
        center;

    gap:
        12px;

}


.al-lawyer-line {

    width:
        170px;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #b99a3e
        );

}


.al-lawyer-line:last-child {

    background:
        linear-gradient(
            90deg,
            #b99a3e,
            transparent
        );

}


.al-lawyer-label-text {

    color:
        #ffffff;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        .55px;

    white-space:
        nowrap;

}


/* =========================================================
   GRID
========================================================= */

.al-lawyer-grid {

    display:
        grid;

    grid-template-columns:
        minmax(360px,.90fr)
        minmax(0,1.35fr);

    gap:
        58px;

    align-items:
        center;

}


/* =========================================================
   FOTO
========================================================= */

.al-lawyer-photo-wrap {

    width:
        100%;

    opacity:
        0;

    transform:
        translateX(-50px);

    transition:
        opacity .9s ease,
        transform .9s cubic-bezier(.2,.8,.2,1);

}


.al-lawyer-photo-wrap.al-lawyer-show {

    opacity:
        1;

    transform:
        translateX(0);

}


.al-lawyer-photo {

    position:
        relative;

    width:
        100%;

    height:
        575px;

    overflow:
        hidden;

    border-radius:
        45px
        12px
        45px
        12px;

    background:
        #111111;

    border:
        1px solid
        rgba(192,162,72,.24);

    box-shadow:
        0 30px 70px rgba(0,0,0,.45),
        0 0 40px rgba(192,162,72,.06);

}


.al-lawyer-photo img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    object-position:
        center 22%;

    transform:
        scale(1.025);

    filter:
        brightness(.92)
        contrast(1.04);

    transition:
        transform 1s cubic-bezier(.2,.8,.2,1),
        filter .6s ease;

}


.al-lawyer-photo:hover img {

    transform:
        scale(1.08);

    filter:
        brightness(1)
        contrast(1.02);

}


/* =========================================================
   OVERLAY FOTO
========================================================= */

.al-lawyer-photo-overlay {

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    background:
        linear-gradient(
            to bottom,
            transparent 50%,
            rgba(0,0,0,.06) 65%,
            rgba(0,0,0,.85) 100%
        );

}


/* =========================================================
   CANTOS
========================================================= */

.al-photo-corner {

    position:
        absolute;

    width:
        65px;

    height:
        65px;

    pointer-events:
        none;

}


.al-photo-corner-top {

    top:
        14px;

    left:
        14px;

    border-top:
        2px solid #c0a248;

    border-left:
        2px solid #c0a248;

    border-radius:
        18px
        0
        0
        0;

}


.al-photo-corner-bottom {

    right:
        14px;

    bottom:
        14px;

    border-right:
        2px solid #c0a248;

    border-bottom:
        2px solid #c0a248;

    border-radius:
        0
        0
        18px
        0;

}


/* =========================================================
   BADGE
========================================================= */

.al-lawyer-photo-badge {

    position:
        absolute;

    z-index:
        5;

    left:
        25px;

    right:
        25px;

    bottom:
        24px;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    padding:
        15px
        17px;

    border-radius:
        12px;

    color:
        #ffffff;

    background:
        rgba(5,5,5,.67);

    border:
        1px solid
        rgba(255,255,255,.12);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

}


.al-badge-dot {

    width:
        10px;

    height:
        10px;

    flex-shrink:
        0;

    border-radius:
        50%;

    background:
        #c0a248;

    box-shadow:
        0 0 0 5px
        rgba(192,162,72,.13);

}


.al-lawyer-photo-badge strong {

    display:
        block;

    margin-bottom:
        3px;

    color:
        #ffffff;

    font-size:
        13px;

    font-weight:
        600;

}


.al-lawyer-photo-badge div span {

    display:
        block;

    color:
        rgba(255,255,255,.62);

    font-size:
        11px;

}


/* =========================================================
   CONTEÚDO
========================================================= */

.al-lawyer-content {

    opacity:
        0;

    transform:
        translateX(50px);

    transition:
        opacity .9s ease .12s,
        transform .9s cubic-bezier(.2,.8,.2,1) .12s;

}


.al-lawyer-content.al-lawyer-show {

    opacity:
        1;

    transform:
        translateX(0);

}


/* =========================================================
   NOME
========================================================= */

.al-lawyer-name-area {

    position:
        relative;

    padding-bottom:
        23px;

    margin-bottom:
        24px;

    border-bottom:
        1px solid
        rgba(255,255,255,.10);

}


.al-lawyer-small-title {

    display:
        block;

    margin-bottom:
        10px;

    color:
        #ffffff;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        2px;

}


.al-lawyer-name-area h3 {

    margin:
        0
        0
        10px;

    color:
        #c0a248;

    font-size:
        31px;

    line-height:
        1.15;

    font-weight:
        500;

    letter-spacing:
        -1px;

}


.al-lawyer-oab {

    display:
        inline-flex;

    align-items:
        center;

    min-height:
        29px;

    padding:
        0
        13px;

    border-radius:
        30px;

    color:
        #e6d28b;

    background:
        rgba(192,162,72,.09);

    border:
        1px solid
        rgba(192,162,72,.30);

    font-size:
        11px;

    font-weight:
        600;

    letter-spacing:
        .7px;

}


/* =========================================================
   TEXTO
========================================================= */

.al-lawyer-text {

    color:
        rgba(255,255,255,.78);

}


.al-lawyer-text p {

    margin:
        0
        0
        14px;

    font-size:
        14px;

    line-height:
        1.67;

    font-weight:
        400;

    letter-spacing:
        -.15px;

}


.al-lawyer-text strong {

    color:
        #ffffff;

    font-weight:
        600;

}


/* =========================================================
   TEXTO DESTACADO
========================================================= */

.al-lawyer-highlight-text {

    position:
        relative;

    padding:
        15px
        18px;

    border-left:
        3px solid
        #c0a248;

    border-radius:
        0
        8px
        8px
        0;

    background:
        linear-gradient(
            90deg,
            rgba(192,162,72,.10),
            rgba(192,162,72,.015)
        );

    color:
        rgba(255,255,255,.93) !important;

}


/* =========================================================
   MENSAGEM FINAL
========================================================= */

.al-lawyer-message {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        12px;

    margin-top:
        22px;

    padding:
        17px
        18px;

    border-radius:
        12px;

    background:
        rgba(255,255,255,.035);

    border:
        1px solid
        rgba(255,255,255,.08);

}


.al-message-icon {

    width:
        35px;

    height:
        35px;

    flex-shrink:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    color:
        #c0a248;

    background:
        rgba(192,162,72,.09);

}


.al-message-icon svg {

    width:
        19px;

    height:
        19px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.al-lawyer-message p {

    margin:
        0;

    color:
        rgba(255,255,255,.75);

    font-size:
        13px;

    line-height:
        1.55;

}


.al-lawyer-message strong {

    color:
        #ffffff;

    font-weight:
        600;

}


/* =========================================================
   CTA
========================================================= */

.al-lawyer-cta {

    margin-top:
        27px;

}


/* =========================================================
   BOTÃO
========================================================= */

.al-lawyer-whatsapp {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    min-height:
        58px;

    padding:
        0
        40px;

    overflow:
        hidden;

    border-radius:
        40px;

    background:
        linear-gradient(
            100deg,
            #d0b35c 0%,
            #b4973c 48%,
            #967b29 100%
        );

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size:
        13px;

    line-height:
        1.3;

    font-weight:
        700;

    letter-spacing:
        1px;

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.30);

    animation:
        alLawyerPulse
        2.7s
        ease-in-out
        infinite;

    transition:
        transform .3s ease,
        filter .3s ease,
        box-shadow .3s ease;

}


.al-lawyer-whatsapp:hover {

    color:
        #ffffff !important;

    transform:
        translateY(-4px)
        scale(1.018);

    filter:
        brightness(1.08);

    box-shadow:
        0 22px 42px rgba(0,0,0,.38),
        0 0 30px rgba(190,156,55,.20);

}


/* =========================================================
   ÍCONE
========================================================= */

.al-lawyer-whatsapp-icon {

    position:
        relative;

    z-index:
        3;

    width:
        19px;

    height:
        19px;

    flex-shrink:
        0;

}


.al-lawyer-whatsapp-icon svg {

    width:
        100%;

    height:
        100%;

    display:
        block;

}


.al-lawyer-btn-text {

    position:
        relative;

    z-index:
        3;

}


/* =========================================================
   REFLEXO
========================================================= */

.al-lawyer-btn-shine {

    position:
        absolute;

    z-index:
        1;

    top:
        -70%;

    left:
        -40%;

    width:
        18%;

    height:
        250%;

    transform:
        rotate(20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.15),
            rgba(255,255,255,.95),
            rgba(255,255,255,.22),
            transparent
        );

    animation:
        alLawyerShine
        3.3s
        ease-in-out
        infinite;

}


/* =========================================================
   ANIMAÇÕES
========================================================= */

@keyframes alLawyerShine {

    0% {

        left:
            -40%;

        opacity:
            0;

    }

    12% {

        opacity:
            1;

    }

    40% {

        left:
            125%;

        opacity:
            1;

    }

    42%,
    100% {

        left:
            125%;

        opacity:
            0;

    }

}


@keyframes alLawyerPulse {

    0%,
    100% {

        box-shadow:
            0 15px 35px rgba(0,0,0,.30),
            0 0 0 0 rgba(192,162,72,.28);

    }

    50% {

        box-shadow:
            0 15px 35px rgba(0,0,0,.30),
            0 0 0 10px rgba(192,162,72,0);

    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .al-lawyer-grid {

        grid-template-columns:
            .85fr
            1.15fr;

        gap:
            35px;

    }


    .al-lawyer-photo {

        height:
            560px;

    }


    .al-lawyer-name-area h3 {

        font-size:
            27px;

    }


    .al-lawyer-text p {

        font-size:
            13px;

        line-height:
            1.58;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .al-lawyer-section {

        padding:
            65px
            17px
            70px;

    }


    .al-lawyer-header {

        margin-bottom:
            35px;

    }


    .al-lawyer-main-title {

        font-size:
            clamp(
                29px,
                8.2vw,
                35px
            );

        line-height:
            1.08;

        letter-spacing:
            -1.35px;

    }


    .al-lawyer-label {

        gap:
            8px;

    }


    .al-lawyer-line {

        width:
            38px;

    }


    .al-lawyer-label-text {

        font-size:
            10px;

    }


    /* GRID */

    .al-lawyer-grid {

        display:
            flex;

        flex-direction:
            column;

        gap:
            35px;

    }


    /* FOTO */

    .al-lawyer-photo-wrap {

        transform:
            translateY(35px);

    }


    .al-lawyer-photo-wrap.al-lawyer-show {

        transform:
            translateY(0);

    }


    .al-lawyer-photo {

        height:
            500px;

        border-radius:
            30px
            10px
            30px
            10px;

    }


    .al-lawyer-photo img {

        object-position:
            center 17%;

        transform:
            scale(1.03);

    }


    .al-lawyer-photo-badge {

        left:
            17px;

        right:
            17px;

        bottom:
            17px;

    }


    /* CONTEÚDO */

    .al-lawyer-content {

        width:
            100%;

        transform:
            translateY(35px);

    }


    .al-lawyer-content.al-lawyer-show {

        transform:
            translateY(0);

    }


    .al-lawyer-name-area {

        text-align:
            left;

    }


    .al-lawyer-name-area h3 {

        font-size:
            27px;

        line-height:
            1.2;

    }


    .al-lawyer-text p {

        font-size:
            14px;

        line-height:
            1.68;

    }


    .al-lawyer-highlight-text {

        padding:
            15px
            16px;

    }


    .al-lawyer-message {

        padding:
            15px;

    }


    /* BOTÃO */

    .al-lawyer-cta {

        width:
            100%;

    }


    .al-lawyer-whatsapp {

        width:
            100%;

        min-height:
            64px;

        padding:
            12px
            18px;

        font-size:
            11.5px;

        line-height:
            1.4;

        letter-spacing:
            .8px;

        text-align:
            center;

    }

}


/* =========================================================
   MOBILE PEQUENO
========================================================= */

@media (max-width: 420px) {

    .al-lawyer-photo {

        height:
            450px;

    }


    .al-lawyer-name-area h3 {

        font-size:
            24px;

    }


    .al-lawyer-main-title {

        font-size:
            28px;

    }

}


/* =========================================================
   ACESSIBILIDADE
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .al-lawyer-photo-wrap,
    .al-lawyer-content,
    .al-lawyer-photo img,
    .al-lawyer-whatsapp,
    .al-lawyer-btn-shine {

        animation:
            none !important;

        transition:
            none !important;

    }

}




:root {

    /* BACKGROUND DESKTOP */
    --al-familia-alerta-bg-desktop:
        url('/assets/images/2026/10/Justica-e-Familia-a-Luz-Dourada.png');


    /* BACKGROUND MOBILE */
    --al-familia-alerta-bg-mobile:
        url('/assets/images/2026/10/Justica-e-Familia-ao-Entardecer.png');

}







/* =========================================================
   SEÇÃO
========================================================= */

.al-familia-alerta-section {

    position:
        relative;

    z-index:
        1;

    width:
        100%;

    margin:
        0;

    padding:
        105px
        25px;

    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;

    overflow:
        hidden;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

}


.al-familia-alerta-section * {

    box-sizing:
        border-box;

}



/* =========================================================
   REMOVE PSEUDO ELEMENTOS DA SEÇÃO
========================================================= */

.al-familia-alerta-section::before,
.al-familia-alerta-section::after {

    content:
        none !important;

    display:
        none !important;

}



/* =========================================================
   FUNDO FIXO
   DESKTOP
========================================================= */

.al-familia-alerta-fixed-bg {

    position:
        fixed;

    top:
        0;

    left:
        0;

    right:
        0;

    bottom:
        0;

    width:
        100vw;

    height:
        100vh;

    height:
        100dvh;

    z-index:
        0;

    pointer-events:
        none;

    opacity:
        0;


    /* =====================================================
       OVERLAY PRETO + IMAGEM DESKTOP
    ===================================================== */

    background-image:

        linear-gradient(
            rgba(0,0,0,.72),
            rgba(0,0,0,.72)
        ),

        var(
            --al-familia-alerta-bg-desktop
        );


    background-position:
        center center;

    background-repeat:
        no-repeat;

    background-size:
        cover;

    will-change:
        clip-path;

}



/* =========================================================
   CONTAINER
========================================================= */

.al-familia-alerta-container {

    position:
        relative;

    z-index:
        5;

    width:
        100%;

    max-width:
        900px;

    margin:
        0 auto;

    text-align:
        center;

}



/* =========================================================
   LABEL
========================================================= */

.al-familia-alerta-label {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    margin-bottom:
        22px;

}


.al-familia-alerta-line {

    width:
        120px;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #c0a248
        );

}


.al-familia-alerta-line:last-child {

    background:
        linear-gradient(
            90deg,
            #c0a248,
            transparent
        );

}


.al-familia-alerta-label-text {

    color:
        #ffffff;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        1.7px;

    white-space:
        nowrap;

    text-shadow:
        0
        2px
        8px
        rgba(0,0,0,.60);

}



/* =========================================================
   TÍTULO
========================================================= */

.al-familia-alerta-title {

    max-width:
        850px;

    margin:
        0
        auto
        26px;

    color:
        #ffffff;

    font-size:
        clamp(
            36px,
            4.2vw,
            52px
        );

    line-height:
        1.06;

    font-weight:
        400;

    letter-spacing:
        -2px;

    text-shadow:
        0
        3px
        18px
        rgba(0,0,0,.68);

}


.al-familia-alerta-title span {

    color:
        #c0a248;

}



/* =========================================================
   TEXTO PRINCIPAL
========================================================= */

.al-familia-alerta-text {

    max-width:
        780px;

    margin:
        0 auto;

}


.al-familia-alerta-text p {

    margin:
        0;

    color:
        rgba(255,255,255,.91);

    font-size:
        16px;

    line-height:
        1.75;

    font-weight:
        400;

    text-shadow:
        0
        2px
        10px
        rgba(0,0,0,.70);

}



/* =========================================================
   DESTAQUE
========================================================= */

.al-familia-alerta-destaque {

    position:
        relative;

    max-width:
        760px;

    margin:
        36px
        auto
        0;

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

    padding:
        21px
        24px;

    text-align:
        left;

    overflow:
        hidden;

    border:
        1px solid
        rgba(192,162,72,.27);

    border-left:
        3px solid
        #c0a248;

    border-radius:
        0
        12px
        12px
        0;

    background:
        linear-gradient(
            110deg,
            rgba(10,10,10,.87),
            rgba(5,5,5,.74)
        );

    backdrop-filter:
        blur(7px);

    -webkit-backdrop-filter:
        blur(7px);

    box-shadow:
        0
        15px
        35px
        rgba(0,0,0,.20);

}



/* =========================================================
   DETALHE DOURADO DO DESTAQUE
========================================================= */

.al-familia-alerta-destaque::after {

    content:
        "";

    position:
        absolute;

    top:
        0;

    right:
        0;

    width:
        150px;

    height:
        100%;

    pointer-events:
        none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(192,162,72,.035)
        );

}



/* =========================================================
   ÍCONE
========================================================= */

.al-familia-alerta-icon {

    position:
        relative;

    z-index:
        2;

    width:
        42px;

    height:
        42px;

    flex-shrink:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    color:
        #c0a248;

    background:
        rgba(192,162,72,.11);

    border:
        1px solid
        rgba(192,162,72,.30);

}


.al-familia-alerta-icon svg {

    width:
        21px;

    height:
        21px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}



/* =========================================================
   TEXTO DO DESTAQUE
========================================================= */

.al-familia-alerta-destaque p {

    position:
        relative;

    z-index:
        2;

    margin:
        0;

    color:
        rgba(255,255,255,.88);

    font-size:
        14px;

    line-height:
        1.65;

}


.al-familia-alerta-destaque strong {

    color:
        #ffffff;

    font-weight:
        600;

}



/* =========================================================
   CTA
========================================================= */

.al-familia-alerta-cta {

    position:
        relative;

    z-index:
        5;

    margin-top:
        37px;

    display:
        flex;

    justify-content:
        center;

}



/* =========================================================
   BOTÃO
========================================================= */

.al-familia-alerta-button {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    min-height:
        60px;

    padding:
        0
        42px;

    overflow:
        hidden;

    border:
        0 !important;

    border-radius:
        40px;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    background:
        linear-gradient(
            100deg,
            #d0b35c 0%,
            #b4973c 48%,
            #967b29 100%
        );

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size:
        13px;

    line-height:
        1.3;

    font-weight:
        700;

    letter-spacing:
        .9px;

    box-shadow:
        0
        15px
        35px
        rgba(0,0,0,.40);

    animation:
        alFamiliaAlertaPulse
        2.8s
        ease-in-out
        infinite;

    transition:
        transform .3s ease,
        filter .3s ease,
        box-shadow .3s ease;

}


.al-familia-alerta-button:hover,
.al-familia-alerta-button:focus {

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    transform:
        translateY(-4px)
        scale(1.02);

    filter:
        brightness(1.08);

    box-shadow:
        0
        22px
        45px
        rgba(0,0,0,.45),

        0
        0
        30px
        rgba(192,162,72,.20);

}



/* =========================================================
   WHATSAPP
========================================================= */

.al-familia-alerta-whatsapp {

    position:
        relative;

    z-index:
        3;

    width:
        19px;

    height:
        19px;

    flex-shrink:
        0;

}


.al-familia-alerta-whatsapp svg {

    display:
        block;

    width:
        100%;

    height:
        100%;

}


.al-familia-alerta-button-text {

    position:
        relative;

    z-index:
        3;

}



/* =========================================================
   REFLEXO DO BOTÃO
========================================================= */

.al-familia-alerta-shine {

    position:
        absolute;

    z-index:
        1;

    top:
        -70%;

    left:
        -40%;

    width:
        18%;

    height:
        250%;

    transform:
        rotate(20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.15),
            rgba(255,255,255,.95),
            rgba(255,255,255,.20),
            transparent
        );

    animation:
        alFamiliaAlertaShine
        3.3s
        ease-in-out
        infinite;

}



/* =========================================================
   ANIMAÇÕES
========================================================= */

@keyframes alFamiliaAlertaShine {

    0% {

        left:
            -40%;

        opacity:
            0;

    }


    12% {

        opacity:
            1;

    }


    40% {

        left:
            125%;

        opacity:
            1;

    }


    42%,
    100% {

        left:
            125%;

        opacity:
            0;

    }

}


@keyframes alFamiliaAlertaPulse {

    0%,
    100% {

        box-shadow:
            0
            15px
            35px
            rgba(0,0,0,.40),

            0
            0
            0
            0
            rgba(192,162,72,.28);

    }


    50% {

        box-shadow:
            0
            15px
            35px
            rgba(0,0,0,.40),

            0
            0
            0
            10px
            rgba(192,162,72,0);

    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {


    .al-familia-alerta-section {

        padding:
            80px
            18px;

    }



    /* =====================================================
       BACKGROUND MOBILE
    ===================================================== */

    .al-familia-alerta-fixed-bg {

        background-image:

            linear-gradient(
                rgba(0,0,0,.72),
                rgba(0,0,0,.72)
            ),

            var(
                --al-familia-alerta-bg-mobile
            );


        background-position:
            center center;

        background-repeat:
            no-repeat;

        background-size:
            cover;

    }



    /* =====================================================
       LABEL
    ===================================================== */

    .al-familia-alerta-label {

        gap:
            8px;

        margin-bottom:
            19px;

    }


    .al-familia-alerta-line {

        width:
            45px;

    }


    .al-familia-alerta-label-text {

        font-size:
            9px;

        letter-spacing:
            1.15px;

    }



    /* =====================================================
       TÍTULO
    ===================================================== */

    .al-familia-alerta-title {

        margin-bottom:
            22px;

        font-size:
            clamp(
                31px,
                8.5vw,
                38px
            );

        line-height:
            1.08;

        letter-spacing:
            -1.5px;

    }



    /* =====================================================
       TEXTO
    ===================================================== */

    .al-familia-alerta-text p {

        font-size:
            14px;

        line-height:
            1.7;

    }



    /* =====================================================
       DESTAQUE
    ===================================================== */

    .al-familia-alerta-destaque {

        margin-top:
            29px;

        align-items:
            flex-start;

        gap:
            12px;

        padding:
            18px
            16px;

        background:
            linear-gradient(
                110deg,
                rgba(8,8,8,.89),
                rgba(4,4,4,.77)
            );

        backdrop-filter:
            blur(7px);

        -webkit-backdrop-filter:
            blur(7px);

    }


    .al-familia-alerta-icon {

        width:
            38px;

        height:
            38px;

    }


    .al-familia-alerta-icon svg {

        width:
            19px;

        height:
            19px;

    }


    .al-familia-alerta-destaque p {

        font-size:
            13px;

        line-height:
            1.6;

    }



    /* =====================================================
       BOTÃO
    ===================================================== */

    .al-familia-alerta-cta {

        margin-top:
            31px;

    }


    .al-familia-alerta-button {

        width:
            auto;

        max-width:
            calc(100% - 10px);

        min-height:
            56px;

        padding:
            11px
            25px;

        font-size:
            11px;

        line-height:
            1.4;

        letter-spacing:
            .65px;

        text-align:
            center;

    }

}



/* =========================================================
   MOBILE PEQUENO
========================================================= */

@media (max-width: 400px) {

    .al-familia-alerta-section {

        padding:
            72px
            16px;

    }


    .al-familia-alerta-title {

        font-size:
            30px;

    }


    .al-familia-alerta-line {

        width:
            32px;

    }


    .al-familia-alerta-label-text {

        font-size:
            8.5px;

    }


    .al-familia-alerta-button {

        min-height:
            52px;

        padding:
            10px
            20px;

        font-size:
            10px;

    }

}



/* =========================================================
   ACESSIBILIDADE
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .al-familia-alerta-button,
    .al-familia-alerta-shine {

        animation:
            none !important;

        transition:
            none !important;

    }

}





/* SEÇÃO */
.al-diferenciais-section {
  position:relative;
  isolation:isolate;
  width:100%;
  overflow:hidden;
  padding:90px 25px;
  background:linear-gradient(145deg,#040404,#090909 50%,#030303);
  font-family:'Montserrat',Arial,sans-serif;
}

.al-diferenciais-section * {
  box-sizing:border-box;
}

/* MARCA D'ÁGUA */
.al-diferenciais-watermark {
  position:absolute;
  z-index:0;
  top:50%;
  left:-120px;
  width:650px;
  max-width:48vw;
  transform:translateY(-50%);
  opacity:.085;
  pointer-events:none;
  user-select:none;
}

.al-diferenciais-watermark img {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:brightness(1.35) contrast(1.05);
}

.al-diferenciais-watermark::after {
  content:"";
  position:absolute;
  inset:-5%;
  background:radial-gradient(
    ellipse at center,
    transparent 30%,
    rgba(5,5,5,.12) 65%,
    rgba(5,5,5,.68) 100%
  );
}

/* CONTAINER */
.al-diferenciais-container {
  position:relative;
  z-index:5;
  max-width:1300px;
  width:100%;
  margin:0 auto;
}

/* CABEÇALHO */
.al-diferenciais-header {
  max-width:850px;
  margin:0 auto 52px;
  text-align:center;
}

.al-diferenciais-title {
  margin:0 0 20px;
  color:#ffffff;
  font-size:39px;
  line-height:1.08;
  font-weight:400;
  letter-spacing:-1.7px;
}

.al-diferenciais-title span {
  color:#c0a248;
}

.al-diferenciais-label {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}

.al-diferenciais-line {
  width:190px;
  height:1px;
  background:linear-gradient(90deg,transparent,#b99a3e);
}

.al-diferenciais-line:last-child {
  background:linear-gradient(90deg,#b99a3e,transparent);
}

.al-diferenciais-label-text {
  color:#ffffff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.7px;
  white-space:nowrap;
}

/* CARROSSEL */
.al-diferenciais-carousel {
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  width:100%;
}

.al-diferenciais-viewport {
  position:relative;
  flex:1 1 auto;
  min-width:0;
  width:100%;
  overflow:hidden;
  padding:14px 3px 20px;
}

.al-diferenciais-track {
  --al-gap:20px;
  display:flex;
  align-items:stretch;
  gap:var(--al-gap);
  width:100%;
  will-change:transform;
  transition:transform .62s cubic-bezier(.22,.61,.36,1);
}

.al-diferencial-slide {
  position:relative;
  flex:0 0 calc((100% - var(--al-gap)*2)/3);
  min-width:0;
}

/* CARD */
.al-diferencial-card-inner {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  height:100%;
  min-height:390px;
  padding:34px 28px;
  overflow:hidden;
  text-align:center;
  border-radius:16px;
  background:linear-gradient(
    145deg,
    rgba(32,32,32,.95),
    rgba(23,23,23,.95)
  );
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 18px 40px rgba(0,0,0,.20);
  opacity:.67;
  transform:scale(.965);
  transition:
    opacity .4s ease,
    transform .4s ease,
    border-color .4s ease,
    background .4s ease,
    box-shadow .4s ease;
}

.al-diferencial-card-inner::before {
  content:"";
  position:absolute;
  top:-110px;
  left:50%;
  width:240px;
  height:190px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(192,162,72,.17),
    transparent 70%
  );
  opacity:0;
  pointer-events:none;
  transition:opacity .4s ease;
}

/* CARD ATIVO */
.al-diferencial-card-inner.al-diferencial-selected {
  opacity:1;
  transform:translateY(-6px) scale(1);
  border-color:rgba(192,162,72,.50);
  background:linear-gradient(
    145deg,
    rgba(41,41,41,.98),
    rgba(23,23,23,.98)
  );
  box-shadow:
    0 27px 55px rgba(0,0,0,.33),
    0 0 30px rgba(192,162,72,.09);
}

.al-diferencial-selected::before {
  opacity:1;
}

/* ÍCONES */
.al-diferencial-icon {
  position:relative;
  z-index:2;
  width:74px;
  height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-bottom:24px;
  border-radius:22px;
  color:rgba(255,255,255,.60);
  background:linear-gradient(
    145deg,
    rgba(255,255,255,.07),
    rgba(255,255,255,.018)
  );
  border:1px solid rgba(255,255,255,.09);
  transition:all .4s ease;
}

.al-diferencial-icon svg {
  width:34px;
  height:34px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.al-diferencial-selected .al-diferencial-icon {
  color:#ffffff;
  background:linear-gradient(
    135deg,
    #d0b45d,
    #b4973c 52%,
    #887020
  );
  border-color:rgba(225,200,120,.75);
  transform:translateY(-5px) scale(1.055);
  box-shadow:
    0 14px 35px rgba(192,162,72,.25),
    0 0 30px rgba(192,162,72,.12);
}

/* TEXTOS */
.al-diferencial-card-inner h3 {
  position:relative;
  z-index:2;
  margin:0 0 17px;
  color:#aaaaaa;
  font-size:20px;
  line-height:1.3;
  font-weight:500;
}

.al-diferencial-selected h3 {
  color:#d0b24f;
}

.al-diferencial-card-inner p {
  position:relative;
  z-index:2;
  margin:0;
  max-width:330px;
  color:rgba(255,255,255,.52);
  font-size:13.5px;
  line-height:1.64;
}

.al-diferencial-selected p {
  color:rgba(255,255,255,.88);
}

/* SETAS */
.al-diferenciais-nav {
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  z-index:10;
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(192,162,72,.40) !important;
  border-radius:50%;
  cursor:pointer;
  color:#d0b24f !important;
  background:linear-gradient(145deg,#181818,#0c0c0c) !important;
  outline:none !important;
  transition:all .3s ease;
}

.al-diferenciais-nav svg {
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.al-diferenciais-nav:hover {
  transform:scale(1.09);
  color:#ffffff !important;
  border-color:#c0a248 !important;
  background:linear-gradient(135deg,#d0b45d,#a8872e) !important;
}

/* INDICADORES */
.al-diferenciais-dots {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:17px;
}

.al-diferenciais-dot {
  appearance:none;
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  cursor:pointer;
  background:rgba(255,255,255,.22);
  transition:width .3s ease,background .3s ease;
}

.al-diferenciais-dot.al-active {
  width:25px;
  border-radius:10px;
  background:#c0a248;
}

/* =========================================================
   BOTÃO WHATSAPP
========================================================= */

.al-diferenciais-cta {
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:48px;
}

.al-diferenciais-whatsapp {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:58px;
  max-width:100%;
  padding:0 43px;
  overflow:hidden;
  border:0 !important;
  border-radius:40px;
  background:linear-gradient(
    100deg,
    #d0b35c,
    #b4973c 48%,
    #967b29
  ) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-family:'Montserrat',Arial,sans-serif;
  font-size:13px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:1px;
  text-align:center;
  animation:alDiferenciaisPulse 2.8s ease-in-out infinite;
}

.al-diferenciais-whatsapp:hover,
.al-diferenciais-whatsapp:focus,
.al-diferenciais-whatsapp:active {
  color:#ffffff !important;
  text-decoration:none !important;
}

.al-diferenciais-whatsapp-icon {
  position:relative;
  z-index:3;
  width:19px;
  height:19px;
  flex-shrink:0;
}

.al-diferenciais-whatsapp-icon svg {
  width:100%;
  height:100%;
  display:block;
}

.al-diferenciais-btn-text {
  position:relative;
  z-index:3;
}

/* BRILHO */
.al-diferenciais-btn-shine {
  position:absolute;
  z-index:1;
  top:-70%;
  left:-40%;
  width:18%;
  height:250%;
  transform:rotate(20deg);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.15),
    rgba(255,255,255,.95),
    rgba(255,255,255,.22),
    transparent
  );
  animation:alDiferenciaisShine 3.3s infinite;
}

@keyframes alDiferenciaisShine {
  0% {left:-40%;opacity:0}
  12% {opacity:1}
  40% {left:125%;opacity:1}
  42%,100% {left:125%;opacity:0}
}

@keyframes alDiferenciaisPulse {
  0%,100% {
    box-shadow:
      0 15px 35px rgba(0,0,0,.35),
      0 0 0 0 rgba(192,162,72,.28);
  }
  50% {
    box-shadow:
      0 15px 35px rgba(0,0,0,.35),
      0 0 0 10px rgba(192,162,72,0);
  }
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px) {
  .al-diferenciais-track {
    --al-gap:18px;
  }

  .al-diferencial-slide {
    flex:0 0 calc((100% - var(--al-gap))/2);
  }

  .al-diferenciais-nav {
    width:48px;
    height:48px;
    flex-basis:48px;
  }

  .al-diferenciais-watermark {
    width:520px;
    left:-150px;
    opacity:.075;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {
  .al-diferenciais-section {
    padding:65px 12px 70px;
  }

  .al-diferenciais-watermark {
    top:52%;
    left:50%;
    width:115vw;
    max-width:440px;
    opacity:.065;
    transform:translate(-50%,-50%);
  }

  .al-diferenciais-watermark img {
    filter:brightness(1.55) contrast(1.04);
  }

  .al-diferenciais-header {
    margin-bottom:36px;
    padding:0 6px;
  }

  .al-diferenciais-title {
    font-size:clamp(29px,8.2vw,35px);
    letter-spacing:-1.35px;
  }

  .al-diferenciais-label {
    gap:8px;
  }

  .al-diferenciais-line {
    width:38px;
  }

  .al-diferenciais-label-text {
    font-size:9.5px;
  }

  .al-diferenciais-carousel {
    gap:6px;
  }

  .al-diferenciais-viewport {
    padding:12px 2px 18px;
  }

  .al-diferenciais-track {
    --al-gap:14px;
  }

  .al-diferencial-slide {
    flex:0 0 100%;
  }

  .al-diferencial-card-inner {
    min-height:0;
    height:auto;
    padding:30px 20px 32px;
  }

  .al-diferencial-card-inner.al-diferencial-selected {
    transform:translateY(-4px) scale(.985);
  }

  .al-diferencial-icon {
    width:68px;
    height:68px;
    margin-bottom:21px;
  }

  .al-diferencial-icon svg {
    width:31px;
    height:31px;
  }

  .al-diferencial-card-inner h3 {
    font-size:19px;
  }

  .al-diferencial-card-inner p {
    max-width:300px;
    font-size:14px;
    line-height:1.66;
  }

  .al-diferenciais-nav {
    width:36px;
    height:36px;
    flex:0 0 36px;
  }

  .al-diferenciais-nav svg {
    width:18px;
    height:18px;
  }

  .al-diferenciais-cta {
    margin-top:36px;
  }

  .al-diferenciais-whatsapp {
    width:auto !important;
    max-width:calc(100% - 12px);
    min-height:52px;
    padding:10px 18px;
    gap:7px;
    font-size:10px;
    line-height:1.4;
    letter-spacing:.4px;
  }

  .al-diferenciais-whatsapp-icon {
    width:16px;
    height:16px;
  }

  .al-diferenciais-btn-text {
    white-space:normal;
  }
}

/* MOBILE PEQUENO */
@media(max-width:400px) {
  .al-diferenciais-section {
    padding-left:8px;
    padding-right:8px;
  }

  .al-diferenciais-carousel {
    gap:4px;
  }

  .al-diferenciais-nav {
    width:33px;
    height:33px;
    flex-basis:33px;
  }

  .al-diferenciais-nav svg {
    width:17px;
    height:17px;
  }

  .al-diferencial-card-inner {
    padding:28px 16px 30px;
  }

  .al-diferenciais-title {
    font-size:28px;
  }

  .al-diferenciais-whatsapp {
    min-height:49px;
    padding:9px 14px;
    font-size:9.5px;
    letter-spacing:.2px;
  }

  .al-diferenciais-whatsapp-icon {
    width:15px;
    height:15px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .al-diferenciais-track {
    transition:none !important;
  }

  .al-diferenciais-whatsapp,
  .al-diferenciais-btn-shine {
    animation:none !important;
  }
}





/* RESET */
.al-contato,
.al-contato * {
    box-sizing: border-box;
}

/* SEÇÃO */
.al-contato {
    position: relative;
    width: 100%;
    min-height: 620px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 95px 25px;
    background: #f3f3f3;
    font-family: 'Montserrat', Arial, sans-serif;
}

/* FORMAS PRETAS */
.al-contato-shape {
    position: absolute;
    left: 0;
    width: 100%;
    height: 34px;
    background: #050505;
    z-index: 1;
    pointer-events: none;
}

.al-contato-shape-top {
    top: 0;
    clip-path: polygon(
        0 0,
        100% 0,
        100% 35%,
        78% 68%,
        55% 38%,
        32% 72%,
        0 40%
    );
}

.al-contato-shape-bottom {
    bottom: 0;
    clip-path: polygon(
        0 60%,
        30% 30%,
        52% 65%,
        76% 28%,
        100% 60%,
        100% 100%,
        0 100%
    );
}

/* CONTAINER */
.al-contato-container {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

/* CABEÇALHO */
.al-contato-header {
    width: 100%;
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.al-contato-titulo {
    margin: 0 0 18px;
    color: #111111;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 500;
    letter-spacing: -1.2px;
}

.al-contato-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.al-contato-label span {
    width: 150px;
    height: 1px;
    background: linear-gradient(
        90deg, transparent, #c0a248
    );
}

.al-contato-label span:last-child {
    background: linear-gradient(
        90deg, #c0a248, transparent
    );
}

.al-contato-label strong {
    color: #222222;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .7px;
    white-space: nowrap;
}

/* GRID */
.al-contato-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: stretch;
    gap: 28px;
}

/* CARD CONTATO */
.al-contato-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 36px 34px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 18px 45px rgba(0,0,0,.07);
}

.al-contato-mini-label {
    display: inline-block;
    margin-bottom: 9px;
    color: #b59840;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px;
}

.al-contato-info-top h3 {
    margin: 0 0 13px;
    color: #111111;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -.7px;
}

.al-contato-info-top p {
    margin: 0 0 28px;
    color: #666666;
    font-size: 13.5px;
    line-height: 1.65;
}

/* LINKS */
.al-contato-links {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.al-contato-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    padding: 13px 15px;
    color: #151515 !important;
    text-decoration: none !important;
    border-radius: 12px;
    background: #f7f7f7;
    border: 1px solid rgba(0,0,0,.045);
    transition:
        color .3s ease,
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.al-contato-link:hover {
    color: #b59840 !important;
    transform: translateX(4px);
    background: #ffffff;
    border-color: rgba(192,162,72,.30);
}

/* ÍCONES */
.al-contato-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    color: #b59840;
    background: rgba(192,162,72,.09);
}

.al-contato-icon svg {
    width: 20px;
    height: 20px;
    display: block;
}

/* TEXTOS DOS LINKS */
.al-contato-link-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.al-contato-link-content small {
    margin-bottom: 2px;
    color: #888888;
    font-size: 9.5px;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.al-contato-link-content strong {
    color: #181818;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
    word-break: break-word;
}

/* CARD LOCALIZAÇÃO */
.al-localizacao-card {
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(
        145deg, #181818, #080808
    );
    box-shadow: 0 20px 50px rgba(0,0,0,.16);
}

/* FOTO */
.al-localizacao-imagem {
    position: relative;
    width: 100%;
    height: 275px;
    display: block;
    overflow: hidden;
}

.al-localizacao-imagem img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.02);
    transition: transform .7s cubic-bezier(.2,.8,.2,1);
}

.al-localizacao-imagem:hover img {
    transform: scale(1.08);
}

/* OVERLAY */
.al-localizacao-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,.03),
        rgba(0,0,0,.08) 45%,
        rgba(0,0,0,.75) 100%
    );
    pointer-events: none;
}

/* PIN */
.al-localizacao-pin {
    position: absolute;
    left: 22px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(
        135deg, #d0b45d, #a5872e
    );
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.al-localizacao-pin svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* LOCALIZAÇÃO */
.al-localizacao-content {
    padding: 27px 28px 30px;
}

.al-localizacao-label {
    display: block;
    margin-bottom: 8px;
    color: #c0a248;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.al-localizacao-content h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 23px;
    line-height: 1.25;
    font-weight: 500;
}

.al-localizacao-content p {
    margin: 0 0 21px;
    color: rgba(255,255,255,.66);
    font-size: 13px;
    line-height: 1.65;
}

/* BOTÃO MAPS */
.al-localizacao-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 49px;
    padding: 0 23px;
    overflow: hidden;
    border-radius: 30px;
    color: #ffffff !important;
    text-decoration: none !important;
    background: linear-gradient(
        100deg,
        #d0b35c,
        #b4973c 48%,
        #967b29
    ) !important;
    font-size: 10.5px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .8px;
    transition:
        transform .3s ease,
        filter .3s ease;
}

.al-localizacao-btn:hover {
    color: #ffffff !important;
    transform: translateY(-3px);
    filter: brightness(1.07);
}

.al-localizacao-btn-icon {
    position: relative;
    z-index: 3;
    width: 17px;
    height: 17px;
}

.al-localizacao-btn-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.al-localizacao-btn-text {
    position: relative;
    z-index: 3;
}

/* BRILHO BOTÃO MAPS */
.al-localizacao-btn-shine {
    position: absolute;
    z-index: 1;
    top: -80%;
    left: -40%;
    width: 18%;
    height: 270%;
    transform: rotate(20deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.15),
        rgba(255,255,255,.9),
        rgba(255,255,255,.15),
        transparent
    );
    animation: alLocalShine 3.3s ease-in-out infinite;
}

@keyframes alLocalShine {
    0% {
        left: -40%;
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    40% {
        left: 125%;
        opacity: 1;
    }

    42%, 100% {
        left: 125%;
        opacity: 0;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .al-contato {
        min-height: auto;
        padding: 75px 17px;
    }

    .al-contato-shape {
        height: 25px;
    }

    .al-contato-header {
        margin-bottom: 31px;
    }

    .al-contato-titulo {
        margin-bottom: 16px;
        font-size: 29px;
    }

    .al-contato-label {
        gap: 7px;
    }

    .al-contato-label span {
        width: 42px;
    }

    .al-contato-label strong {
        font-size: 9px;
        letter-spacing: .4px;
    }

    /* UMA COLUNA */
    .al-contato-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .al-contato-info {
        padding: 27px 20px;
        border-radius: 15px;
    }

    .al-contato-info-top h3 {
        font-size: 23px;
    }

    .al-contato-info-top p {
        margin-bottom: 23px;
        font-size: 13px;
    }

    .al-contato-link {
        padding: 11px 12px;
        gap: 11px;
    }

    .al-contato-icon {
        width: 35px;
        height: 35px;
    }

    .al-contato-icon svg {
        width: 18px;
        height: 18px;
    }

    .al-contato-link-content strong {
        font-size: 13px;
    }

    .al-localizacao-card {
        border-radius: 15px;
    }

    .al-localizacao-imagem {
        height: 235px;
    }

    .al-localizacao-content {
        padding: 23px 20px 25px;
    }

    .al-localizacao-content h3 {
        font-size: 21px;
    }

    .al-localizacao-content p {
        font-size: 12.5px;
    }

    .al-localizacao-btn {
        min-height: 47px;
        padding: 0 20px;
        font-size: 10px;
    }
}

/* MOBILE PEQUENO */
@media (max-width: 400px) {

    .al-contato-label span {
        width: 28px;
    }

    .al-contato-label strong {
        font-size: 8.5px;
    }

    .al-localizacao-imagem {
        height: 215px;
    }
}

/* ACESSIBILIDADE */
@media (prefers-reduced-motion: reduce) {

    .al-localizacao-imagem img,
    .al-localizacao-btn,
    .al-localizacao-btn-shine,
    .al-contato-link {
        animation: none !important;
        transition: none !important;
    }
}





/* RESET */
.al2-faq-section,
.al2-faq-section * {
  box-sizing: border-box;
}

.al2-faq-container::before,
.al2-faq-container::after,
.al2-faq-list::before,
.al2-faq-list::after {
  content: none !important;
  display: none !important;
}

/* SEÇÃO E IMAGEM DE FUNDO */
.al2-faq-section {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 80px 25px 85px;
  overflow: hidden;
  font-family: 'Montserrat', Arial, sans-serif;

  background-image:
    linear-gradient(
      rgba(0,0,0,.76),
      rgba(0,0,0,.76)
    ),
    url('/assets/images/2026/10/Maos-que-Acolhem-em-Familia.png') !important;

  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed;
}

.al2-faq-section::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(
    circle at center,
    rgba(0,0,0,.03) 0%,
    rgba(0,0,0,.14) 100%
  );
}

/* CONTAINER */
.al2-faq-container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}

/* CABEÇALHO */
.al2-faq-header {
  width: 100%;
  max-width: 850px;
  margin: 0 auto 42px;
  text-align: center;
  opacity: 0;
  transform: translateY(25px);
  transition:
    opacity .8s ease,
    transform .8s ease;
}

.al2-faq-header.al2-inview {
  opacity: 1;
  transform: translateY(0);
}

.al2-faq-title {
  margin: 0 0 20px;
  color: #ffffff;
  font-size: 39px;
  line-height: 1.08;
  font-weight: 400;
  letter-spacing: -1.7px;
  text-shadow: 0 3px 15px rgba(0,0,0,.65);
}

.al2-faq-title span {
  color: #c0a248;
}

.al2-faq-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.al2-faq-line {
  width: 190px;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    #b99a3e
  );
}

.al2-faq-line:last-child {
  background: linear-gradient(
    90deg,
    #b99a3e,
    transparent
  );
}

.al2-faq-label-text {
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.8px;
  white-space: nowrap;
}

/* GRID DESKTOP */
.al2-faq-list {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  align-items: start;
  gap: 12px 16px;
}

/* CARD */
.al2-faq-item {
  position: relative;
  width: 100%;
  height: auto !important;
  min-height: 0;
  max-height: none;
  margin: 0;
  align-self: start;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.055);

  background: linear-gradient(
    110deg,
    rgba(17,17,17,.96) 0%,
    rgba(8,8,8,.94) 100%
  );

  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  opacity: 0;
  transform: translateY(22px);

  transition:
    opacity .6s ease,
    transform .6s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.al2-faq-item.al2-inview {
  opacity: 1;
  transform: translateY(0);
}

.al2-faq-item.al2-faq-active {
  border-color: rgba(192,162,72,.38);
  box-shadow: 0 15px 35px rgba(0,0,0,.28);
}

.al2-faq-conversion {
  border-color: rgba(192,162,72,.16);
}

/* BOTÃO DA PERGUNTA */
.al2-faq-question {
  appearance: none !important;
  -webkit-appearance: none !important;

  position: relative;
  width: 100% !important;
  height: auto !important;
  min-height: 76px;
  max-height: none !important;

  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;

  margin: 0;
  padding: 18px 20px;
  overflow: visible !important;

  border: 0 !important;
  outline: 0 !important;
  cursor: pointer;
  text-align: left;

  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: normal !important;

  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 500;

  transition:
    color .3s ease,
    background .3s ease;
}

.al2-faq-question:hover {
  color: #d0b24f !important;
  background: rgba(255,255,255,.02) !important;
}

.al2-faq-active .al2-faq-question {
  color: #d0b24f !important;
}

.al2-faq-question::before,
.al2-faq-question::after {
  content: none !important;
  display: none !important;
}

/* TEXTO DA PERGUNTA */
.al2-faq-question-text {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* SETA */
.al2-faq-arrow {
  position: relative;
  display: block;
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  margin-top: -4px;

  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;

  transform: rotate(45deg);
  transition: transform .3s ease;
}

.al2-faq-active .al2-faq-arrow {
  margin-top: 4px;
  transform: rotate(225deg);
}

/* ANIMAÇÃO DE ABERTURA */
.al2-faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  width: 100%;
  opacity: 0;

  transition:
    grid-template-rows .45s cubic-bezier(.2,.8,.2,1),
    opacity .3s ease;
}

.al2-faq-active .al2-faq-answer {
  grid-template-rows: 1fr;
  opacity: 1;
}

.al2-faq-answer-inner {
  min-height: 0;
  overflow: hidden;
  padding: 0 44px;
  transition: padding .4s ease;
}

.al2-faq-active .al2-faq-answer-inner {
  padding: 2px 44px 25px;
}

/* TEXTO DAS RESPOSTAS */
.al2-faq-answer p {
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 13.5px;
  line-height: 1.72;
  font-weight: 400;
}

.al2-faq-answer strong {
  color: #ffffff;
  font-weight: 600;
}

.al2-faq-active .al2-faq-answer-inner > * {
  animation: al2Answer .5s ease both;
}

@keyframes al2Answer {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* DESTAQUE DA ÚLTIMA PERGUNTA */
.al2-faq-highlight {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 20px 0 13px;
  padding: 14px 15px;

  border-left: 3px solid #c0a248;
  border-radius: 0 8px 8px 0;

  background: linear-gradient(
    90deg,
    rgba(192,162,72,.14),
    rgba(192,162,72,.015)
  );
}

.al2-faq-highlight-icon {
  width: 29px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;

  color: #d0b24f;
  background: rgba(192,162,72,.15);

  font-size: 15px;
  font-weight: 700;
}

.al2-faq-highlight p {
  color: #ffffff;
  font-size: 12.5px;
  line-height: 1.55;
}

/* CONTATO */
.al2-faq-contact {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
}

.al2-faq-contact-icon {
  color: #c0a248;
  font-size: 16px;
}

.al2-faq-contact p {
  color: rgba(255,255,255,.78);
  font-size: 12.5px;
}

/* ÁREA DO WHATSAPP */
.al2-faq-cta {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 58px;

  opacity: 0;
  transform: translateY(25px);

  transition:
    opacity .7s ease,
    transform .7s ease;
}

.al2-faq-cta.al2-inview {
  opacity: 1;
  transform: translateY(0);
}

/* BOTÃO WHATSAPP */
.al2-faq-whatsapp {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  min-height: 58px;
  padding: 0 40px;
  overflow: hidden;
  border-radius: 40px;

  background: linear-gradient(
    100deg,
    #d0b35c 0%,
    #b4973c 48%,
    #967b29 100%
  ) !important;

  color: #ffffff !important;
  text-decoration: none !important;

  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .9px;

  box-shadow: 0 15px 35px rgba(0,0,0,.35);
  animation: al2Pulse 2.8s ease-in-out infinite;

  transition:
    transform .3s ease,
    filter .3s ease,
    box-shadow .3s ease;
}

.al2-faq-whatsapp:hover {
  color: #ffffff !important;
  transform: translateY(-3px) scale(1.02);
  filter: brightness(1.06);
}

.al2-faq-whatsapp-icon {
  position: relative;
  z-index: 3;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.al2-faq-whatsapp-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.al2-faq-btn-text {
  position: relative;
  z-index: 3;
}

/* EFEITO DE REFLEXO */
.al2-faq-btn-shine {
  position: absolute;
  z-index: 1;
  top: -70%;
  left: -40%;
  width: 18%;
  height: 250%;

  transform: rotate(20deg);

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.15),
    rgba(255,255,255,.95),
    rgba(255,255,255,.20),
    transparent
  );

  animation: al2Shine 3.3s ease-in-out infinite;
}

@keyframes al2Shine {
  0% {
    left: -40%;
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  40% {
    left: 125%;
    opacity: 1;
  }
  42%, 100% {
    left: 125%;
    opacity: 0;
  }
}

/* PULSAÇÃO DO BOTÃO */
@keyframes al2Pulse {
  0%, 100% {
    box-shadow:
      0 15px 35px rgba(0,0,0,.35),
      0 0 0 0 rgba(192,162,72,.28);
  }

  50% {
    box-shadow:
      0 15px 35px rgba(0,0,0,.35),
      0 0 0 10px rgba(192,162,72,0);
  }
}

/* TABLET */
@media (max-width: 950px) {
  .al2-faq-list {
    gap: 10px;
  }

  .al2-faq-question {
    min-height: 82px;
    padding: 17px;
    font-size: 13.5px;
  }

  .al2-faq-answer-inner {
    padding: 0 39px;
  }

  .al2-faq-active .al2-faq-answer-inner {
    padding: 2px 39px 22px;
  }
}

/* MOBILE */
@media (max-width: 767px) {

  .al2-faq-section {
    padding: 60px 17px 65px;

    background-image:
      linear-gradient(
        rgba(0,0,0,.78),
        rgba(0,0,0,.78)
      ),
      url('/assets/images/2026/10/Maos-que-Acolhem-em-Familia.png') !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
  }

  /* UMA COLUNA */
  .al2-faq-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .al2-faq-header {
    margin-bottom: 32px;
  }

  .al2-faq-title {
    font-size: clamp(28px,8vw,35px);
    line-height: 1.1;
    letter-spacing: -1.3px;
  }

  .al2-faq-label {
    gap: 8px;
  }

  .al2-faq-line {
    width: 42px;
  }

  .al2-faq-label-text {
    font-size: 9px;
    letter-spacing: 1.2px;
  }

  .al2-faq-item {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  .al2-faq-question {
    width: 100% !important;
    height: auto !important;
    min-height: 62px !important;
    max-height: none !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 13px !important;

    padding: 18px 17px !important;
    overflow: visible !important;
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .al2-faq-question-text {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;

    white-space: normal !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;

    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .al2-faq-arrow {
    flex: 0 0 9px !important;
    margin-top: 6px !important;
  }

  .al2-faq-active .al2-faq-arrow {
    margin-top: 8px !important;
  }

  .al2-faq-answer-inner {
    padding: 0 43px;
  }

  .al2-faq-active .al2-faq-answer-inner {
    padding: 3px 18px 22px 43px;
  }

  .al2-faq-answer p {
    font-size: 13.5px;
    line-height: 1.65;
  }

  .al2-faq-cta {
    margin-top: 45px;
  }

  .al2-faq-whatsapp {
    width: 100%;
    min-height: 63px;
    padding: 12px 17px;
    font-size: 11.5px;
    line-height: 1.4;
    letter-spacing: .7px;
    text-align: center;
  }
}

/* CELULARES PEQUENOS */
@media (max-width: 400px) {
  .al2-faq-title {
    font-size: 28px;
  }

  .al2-faq-question,
  .al2-faq-question-text {
    font-size: 13.5px !important;
  }

  .al2-faq-active .al2-faq-answer-inner {
    padding-left: 18px;
  }

  .al2-faq-label-text {
    font-size: 8px;
  }

  .al2-faq-line {
    width: 26px;
  }
}

/* ACESSIBILIDADE */
@media (prefers-reduced-motion: reduce) {
  .al2-faq-header,
  .al2-faq-item,
  .al2-faq-answer,
  .al2-faq-answer-inner,
  .al2-faq-cta,
  .al2-faq-whatsapp,
  .al2-faq-btn-shine,
  .al2-faq-arrow {
    animation: none !important;
    transition: none !important;
  }
}



/* =========================================================
   FONTE
========================================================= */




/* =========================================================
   RODAPÉ
========================================================= */

.al-footer-final {

    width: 100%;

    background:
        #050505;

    padding:
        24px
        20px;

    border-top:
        1px solid
        rgba(192,162,72,.35);

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

}



/* =========================================================
   RESET RODAPÉ
========================================================= */

.al-footer-final * {

    box-sizing:
        border-box;

}



/* =========================================================
   CONTAINER
========================================================= */

.al-footer-final-container {

    width:
        100%;

    max-width:
        1200px;

    margin:
        0 auto;

    display:
        grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items:
        center;

    gap:
        28px;

}



/* =========================================================
   LOGO
========================================================= */

.al-footer-logo {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        145px;

    flex-shrink:
        0;

    text-decoration:
        none !important;

}


.al-footer-logo img {

    display:
        block;

    width:
        100%;

    height:
        auto;

    max-height:
        70px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0
            5px
            12px
            rgba(0,0,0,.35)
        );

    transition:
        transform .3s ease,
        filter .3s ease;

}


.al-footer-logo:hover img {

    transform:
        scale(1.04);

    filter:
        drop-shadow(
            0
            7px
            16px
            rgba(192,162,72,.14)
        );

}



/* =========================================================
   TEXTOS
========================================================= */

.al-footer-final p {

    margin:
        0;

    color:
        rgba(255,255,255,.70);

    font-size:
        12px;

    line-height:
        1.6;

    font-weight:
        400;

}


.al-footer-final strong {

    color:
        #ffffff;

    font-weight:
        500;

}



/* =========================================================
   COPYRIGHT
========================================================= */

.al-footer-textos {

    min-width:
        0;

}



/* =========================================================
   WAGNO SITES
========================================================= */

.al-footer-creditos {

    white-space:
        nowrap;

    text-align:
        right;

}


.al-footer-creditos a {

    position:
        relative;

    color:
        #c0a248 !important;

    text-decoration:
        none !important;

    font-weight:
        600;

    transition:
        color .3s ease;

}



/* LINHA ANIMADA */

.al-footer-creditos a::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    bottom:
        -3px;

    width:
        0;

    height:
        1px;

    background:
        #c0a248;

    transition:
        width .3s ease;

}


.al-footer-creditos a:hover {

    color:
        #ffffff !important;

}


.al-footer-creditos a:hover::after {

    width:
        100%;

}



/* =========================================================
   WHATSAPP
   RESET
========================================================= */

#al-whatsapp-float,
#al-whatsapp-float * {

    box-sizing:
        border-box;

}



/* =========================================================
   WHATSAPP FIXO
========================================================= */

#al-whatsapp-float {

    position:
        fixed !important;

    right:
        20px !important;

    bottom:
        20px !important;

    top:
        auto !important;

    left:
        auto !important;


    width:
        65px !important;

    height:
        65px !important;


    min-width:
        65px !important;

    min-height:
        65px !important;


    max-width:
        65px !important;

    max-height:
        65px !important;


    display:
        block !important;


    margin:
        0 !important;

    padding:
        0 !important;


    z-index:
        2147483647 !important;


    opacity:
        1 !important;

    visibility:
        visible !important;


    animation:
        alWhatsappFloat
        3s
        ease-in-out
        infinite !important;

}



/* =========================================================
   CÍRCULO VERDE
========================================================= */

#al-whatsapp-float > a {

    position:
        relative;


    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;


    width:
        65px !important;

    height:
        65px !important;


    min-width:
        65px !important;

    min-height:
        65px !important;


    max-width:
        65px !important;

    max-height:
        65px !important;


    margin:
        0 !important;

    padding:
        0 !important;


    background:
        #25D366 !important;


    border:
        none !important;


    border-radius:
        50% !important;


    color:
        #ffffff !important;


    text-decoration:
        none !important;


    cursor:
        pointer;


    box-shadow:
        0
        4px
        12px
        rgba(0,0,0,.30);


    animation:
        alWhatsappPulse
        2s
        infinite !important;


    transition:
        transform .25s ease,
        box-shadow .25s ease;

}



/* =========================================================
   HOVER WHATSAPP
========================================================= */

#al-whatsapp-float > a:hover {

    transform:
        scale(1.14);


    box-shadow:
        0
        7px
        18px
        rgba(0,0,0,.38);

}



/* =========================================================
   ÍCONE WHATSAPP
========================================================= */

#al-whatsapp-float > a > svg {

    display:
        block !important;


    width:
        34px !important;

    height:
        34px !important;


    min-width:
        34px !important;

    min-height:
        34px !important;


    max-width:
        34px !important;

    max-height:
        34px !important;


    flex-shrink:
        0;


    fill:
        #ffffff !important;

}



/* =========================================================
   NOTIFICAÇÃO VERMELHA
========================================================= */

#al-whatsapp-float
.al-whatsapp-notification {

    position:
        absolute !important;


    top:
        -5px !important;

    right:
        -5px !important;


    width:
        23px !important;

    height:
        23px !important;


    min-width:
        23px !important;

    min-height:
        23px !important;


    max-width:
        23px !important;

    max-height:
        23px !important;


    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;


    margin:
        0 !important;

    padding:
        0 !important;


    background:
        #e5231b !important;


    color:
        #ffffff !important;


    border:
        2px solid
        #ffffff !important;


    border-radius:
        50% !important;


    font-family:
        Arial,
        Helvetica,
        sans-serif;


    font-size:
        12px !important;


    font-weight:
        800 !important;


    line-height:
        1 !important;


    z-index:
        10;


    box-shadow:
        0
        3px
        9px
        rgba(0,0,0,.30);


    animation:
        alWhatsappNotificationPulse
        2.4s
        ease-in-out
        infinite;

}



/* =========================================================
   ANIMAÇÃO NOTIFICAÇÃO
========================================================= */

@keyframes alWhatsappNotificationPulse {

    0%,
    70%,
    100% {

        transform:
            scale(1);

    }


    78% {

        transform:
            scale(1.20);

    }


    86% {

        transform:
            scale(1);

    }


    93% {

        transform:
            scale(1.10);

    }

}



/* =========================================================
   ONDAS VERDES
========================================================= */

@keyframes alWhatsappPulse {

    0% {

        box-shadow:

            0
            0
            0
            0
            rgba(37,211,102,.60),

            0
            4px
            12px
            rgba(0,0,0,.30);

    }


    70% {

        box-shadow:

            0
            0
            0
            16px
            rgba(37,211,102,0),

            0
            4px
            12px
            rgba(0,0,0,.30);

    }


    100% {

        box-shadow:

            0
            0
            0
            0
            rgba(37,211,102,0),

            0
            4px
            12px
            rgba(0,0,0,.30);

    }

}



/* =========================================================
   MOVIMENTO FLUTUANTE
========================================================= */

@keyframes alWhatsappFloat {

    0%,
    100% {

        transform:
            translateY(0);

    }


    50% {

        transform:
            translateY(-6px);

    }

}



/* =========================================================
   TABLET DO RODAPÉ
========================================================= */

@media (max-width: 900px) {

    .al-footer-final-container {

        grid-template-columns:
            auto
            1fr;

        gap:
            18px
            25px;

    }


    .al-footer-creditos {

        grid-column:
            2;

        text-align:
            left;

    }


    .al-footer-logo {

        grid-row:
            1 / 3;

    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {


    /* =====================================================
       RODAPÉ
    ===================================================== */

    .al-footer-final {

        padding:
            26px
            18px
            22px;

    }


    .al-footer-final-container {

        display:
            flex;

        flex-direction:
            column;

        justify-content:
            center;

        align-items:
            center;

        gap:
            8px;

        text-align:
            center;

    }


    .al-footer-logo {

        width:
            135px;

        margin-bottom:
            9px;

    }


    .al-footer-logo img {

        max-height:
            64px;

    }


    .al-footer-final p {

        font-size:
            11px;

        line-height:
            1.65;

    }


    .al-footer-creditos {

        white-space:
            normal;

        text-align:
            center;

    }



    /* =====================================================
       WHATSAPP MOBILE
    ===================================================== */

    #al-whatsapp-float {

        right:
            15px !important;


        bottom:
            18px !important;


        width:
            58px !important;

        height:
            58px !important;


        min-width:
            58px !important;

        min-height:
            58px !important;


        max-width:
            58px !important;

        max-height:
            58px !important;

    }


    #al-whatsapp-float > a {

        width:
            58px !important;

        height:
            58px !important;


        min-width:
            58px !important;

        min-height:
            58px !important;


        max-width:
            58px !important;

        max-height:
            58px !important;

    }


    #al-whatsapp-float > a > svg {

        width:
            31px !important;

        height:
            31px !important;


        min-width:
            31px !important;

        min-height:
            31px !important;


        max-width:
            31px !important;

        max-height:
            31px !important;

    }


    #al-whatsapp-float
    .al-whatsapp-notification {

        top:
            -4px !important;

        right:
            -4px !important;


        width:
            21px !important;

        height:
            21px !important;


        min-width:
            21px !important;

        min-height:
            21px !important;


        max-width:
            21px !important;

        max-height:
            21px !important;


        font-size:
            11px !important;

    }

}



/* =========================================================
   MOBILE PEQUENO
========================================================= */

@media (max-width: 400px) {

    .al-footer-logo {

        width:
            120px;

    }


    .al-footer-final {

        padding-left:
            15px;

        padding-right:
            15px;

    }


    #al-whatsapp-float {

        right:
            12px !important;

        bottom:
            15px !important;

    }

}



/* =========================================================
   ACESSIBILIDADE
========================================================= */

@media (prefers-reduced-motion: reduce) {

    #al-whatsapp-float,

    #al-whatsapp-float > a,

    #al-whatsapp-float
    .al-whatsapp-notification {

        animation:
            none !important;

    }

}