.elementor-111 .elementor-element.elementor-element-fa6e21e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-111 .elementor-element.elementor-element-600bf3f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-111 .elementor-element.elementor-element-4e5d0f5{--display:flex;--min-height:1vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-111 .elementor-element.elementor-element-e7e983a{--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;}.elementor-111 .elementor-element.elementor-element-ae1593c{--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;}.elementor-111 .elementor-element.elementor-element-ab6cbd4{--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;}.elementor-111 .elementor-element.elementor-element-691571d{--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;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-fa6e21e *//* 1. Força o Contêiner a ocupar 100% da tela sem cobrir os outros */
.elementor-111 .elementor-element.elementor-element-fa6e21e {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100vh !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 2. Zera espaçamentos internos do contêiner e dos elementos filhos */
.elementor-111 .elementor-element.elementor-element-fa6e21e,
.elementor-111 .elementor-element.elementor-element-fa6e21e > .e-con-inner,
.elementor-111 .elementor-element.elementor-element-fa6e21e .elementor-widget-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 3. Previne rolagem horizontal na página */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e5d0f5 *//* 1. Força o Contêiner a ocupar 100% da tela sem cobrir os outros */
.elementor-111 .elementor-element.elementor-element-4e5d0f5 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100vh !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 2. Zera espaçamentos internos do contêiner e dos elementos filhos */
.elementor-111 .elementor-element.elementor-element-4e5d0f5,
.elementor-111 .elementor-element.elementor-element-4e5d0f5 > .e-con-inner,
.elementor-111 .elementor-element.elementor-element-4e5d0f5 .elementor-widget-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 3. Previne rolagem horizontal na página */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   FL INOVA — GLOBAL DESIGN SYSTEM
   LEGAL / ADVOCACIA EDITION
   ------------------------------------------------------------
   Identidade:
   • Azul-marinho institucional
   • Dourado fosco
   • Marfim
   • Estética jurídica premium
   • Elegante, sóbria e contemporânea
   ============================================================ */


/* ============================================================
   01. PALETA JURÍDICA
   ============================================================ */

:root {

    /* --------------------------------------------------------
       CORES PRINCIPAIS

       Mantemos alguns nomes antigos --fl-blue para preservar
       compatibilidade com todas as classes já existentes.
       Agora eles representam o DOURADO institucional.
       -------------------------------------------------------- */

    --fl-blue: #B8965A;
    --fl-blue-hover: #C9A968;
    --fl-blue-light: #D6BB7C;
    --fl-blue-glow: #DCC58F;
    --fl-blue-soft: #E6D2A4;
    --fl-blue-pale: #F1E7CF;


    /* ---------- IDENTIDADE LEGAL ---------- */

    --fl-gold: #B8965A;
    --fl-gold-light: #D6BB7C;
    --fl-gold-dark: #806538;

    --fl-navy: #0B1623;
    --fl-navy-light: #111F30;
    --fl-navy-elevated: #172638;

    --fl-ivory: #F7F4ED;


    /* ---------- TEXTOS ---------- */

    --fl-white: #F9F7F1;

    --fl-text:
        #E4E1D9;

    --fl-text-secondary:
        #B4B0A7;

    --fl-text-muted:
        #807D76;


    /* ---------- FUNDOS ---------- */

    --fl-bg:
        #08111B;

    --fl-bg-2:
        #0C1723;

    --fl-bg-3:
        #101D2B;

    --fl-bg-elevated:
        #152435;


    /* ---------- BORDAS ---------- */

    --fl-border:
        rgba(214,187,124,.10);

    --fl-border-light:
        rgba(214,187,124,.16);

    --fl-border-blue:
        rgba(184,150,90,.38);


    /* ---------- GRADIENTES ---------- */

    --fl-gradient:
        linear-gradient(
            135deg,
            #9B7942 0%,
            #B8965A 45%,
            #D1B374 100%
        );

    --fl-gradient-light:
        linear-gradient(
            135deg,
            #B8965A 0%,
            #D6BB7C 50%,
            #F0E0BB 100%
        );

    --fl-gradient-dark:
        linear-gradient(
            135deg,
            #122234 0%,
            #08111B 100%
        );


    /* ---------- SOMBRAS ---------- */

    --fl-glow:
        0 12px 35px rgba(0,0,0,.22);

    --fl-glow-strong:
        0 18px 50px rgba(0,0,0,.32);

    --fl-shadow:
        0 22px 60px rgba(0,0,0,.30);


    /* ---------- RADIUS ---------- */

    --fl-radius-sm: 4px;
    --fl-radius-md: 8px;
    --fl-radius-lg: 12px;
    --fl-radius-xl: 18px;


    /* ---------- TRANSIÇÃO ---------- */

    --fl-transition:
        all .3s cubic-bezier(.22,1,.36,1);
}



/* ============================================================
   02. BASE
   ============================================================ */

html {

    background:
        var(--fl-bg);
}


body {

    background:
        var(--fl-bg);

    color:
        var(--fl-text);

    font-family:
        "Inter",
        "Plus Jakarta Sans",
        Arial,
        sans-serif;

    font-weight:
        400;

    letter-spacing:
        -.005em;
}



/* ============================================================
   03. SELEÇÃO
   ============================================================ */

::selection {

    background:
        var(--fl-gold);

    color:
        #08111B;
}


::-moz-selection {

    background:
        var(--fl-gold);

    color:
        #08111B;
}



/* ============================================================
   04. SCROLLBAR
   ============================================================ */

::-webkit-scrollbar {

    width:
        7px;
}


::-webkit-scrollbar-track {

    background:
        #08111B;
}


::-webkit-scrollbar-thumb {

    background:
        #806538;

    border-radius:
        3px;
}


::-webkit-scrollbar-thumb:hover {

    background:
        var(--fl-gold);
}



/* ============================================================
   05. TIPOGRAFIA JURÍDICA
   ============================================================ */

h1,
h2,
h3,
h4,
h5,
h6 {

    color:
        var(--fl-white);

    font-family:
        "Cormorant Garamond",
        "Libre Baskerville",
        Georgia,
        "Times New Roman",
        serif;

    font-weight:
        600;

    letter-spacing:
        -.025em;

    text-wrap:
        balance;
}



/* ---------- H1 ---------- */

h1 {

    font-size:
        clamp(46px, 6vw, 88px);

    line-height:
        .98;

    letter-spacing:
        -.035em;
}



/* ---------- H2 ---------- */

h2 {

    font-size:
        clamp(38px, 4.6vw, 66px);

    line-height:
        1.02;
}



/* ---------- H3 ---------- */

h3 {

    font-size:
        clamp(28px, 3vw, 43px);

    line-height:
        1.08;
}



/* ---------- H4 ---------- */

h4 {

    font-size:
        clamp(22px, 2vw, 30px);

    line-height:
        1.15;
}



/* ---------- H5 ---------- */

h5 {

    font-size:
        20px;

    line-height:
        1.25;
}



/* ---------- H6 ---------- */

h6 {

    color:
        var(--fl-gold-light);

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        13px;

    font-weight:
        600;

    line-height:
        1.4;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;
}



/* ============================================================
   06. PARÁGRAFOS
   ============================================================ */

p {

    color:
        var(--fl-text);

    font-size:
        16px;

    line-height:
        1.8;

    font-weight:
        400;
}


small {

    color:
        var(--fl-text-secondary);
}



/* ============================================================
   07. LINKS
   ============================================================ */

a {

    color:
        var(--fl-gold-light);

    transition:
        var(--fl-transition);
}


a:hover {

    color:
        var(--fl-blue-pale);
}



/* ============================================================
   08. ELEMENTOR — TIPOGRAFIA
   ============================================================ */

.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5 {

    color:
        var(--fl-white);

    font-family:
        "Cormorant Garamond",
        "Libre Baskerville",
        Georgia,
        serif;
}


.elementor-widget-heading h6 {

    color:
        var(--fl-gold-light);
}


.elementor-widget-text-editor {

    color:
        var(--fl-text);
}



/* ============================================================
   09. TEXTO DE DESTAQUE
   ============================================================ */

.fl-highlight {

    background:
        linear-gradient(
            110deg,
            #A88348,
            #D6BB7C,
            #F0DEB4,
            #B8965A
        );

    background-size:
        220% auto;

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    animation:
        flLegalGradient 9s ease infinite;
}


@keyframes flLegalGradient {

    0% {
        background-position:
            0% 50%;
    }

    50% {
        background-position:
            100% 50%;
    }

    100% {
        background-position:
            0% 50%;
    }

}



/* ============================================================
   10. BOTÕES
   ============================================================ */

.elementor-button,
.fl-btn {

    min-height:
        52px;

    padding:
        14px 28px;

    color:
        #09121C !important;

    background:
        var(--fl-gradient) !important;

    border:
        1px solid rgba(224,197,139,.38);

    border-radius:
        5px;

    font-family:
        "Inter",
        "Plus Jakarta Sans",
        Arial,
        sans-serif;

    font-size:
        14px;

    font-weight:
        600;

    letter-spacing:
        .02em;

    box-shadow:
        0 10px 28px rgba(0,0,0,.18);

    transition:
        transform .3s cubic-bezier(.22,1,.36,1),
        box-shadow .3s ease,
        background .3s ease;
}



/* ---------- HOVER ---------- */

.elementor-button:hover,
.fl-btn:hover {

    color:
        #07101A !important;

    transform:
        translateY(-2px);

    filter:
        none;

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



/* ---------- ACTIVE ---------- */

.elementor-button:active,
.fl-btn:active {

    transform:
        translateY(0)
        scale(.985);
}



/* ============================================================
   11. BOTÃO OUTLINE
   ============================================================ */

.fl-btn-outline {

    color:
        var(--fl-gold-light) !important;

    background:
        transparent !important;

    border:
        1px solid rgba(214,187,124,.42);
}


.fl-btn-outline:hover {

    color:
        #08111B !important;

    background:
        var(--fl-gold) !important;

    border-color:
        var(--fl-gold);
}



/* ============================================================
   12. CARDS
   ============================================================ */

.fl-card {

    position:
        relative;

    background:
        linear-gradient(
            145deg,
            rgba(21,36,53,.94),
            rgba(10,20,31,.96)
        );

    border:
        1px solid rgba(214,187,124,.13);

    border-radius:
        var(--fl-radius-lg);

    box-shadow:
        0 20px 55px rgba(0,0,0,.24);

    backdrop-filter:
        blur(14px);

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

    transition:
        var(--fl-transition);
}


.fl-card:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(214,187,124,.36);

    box-shadow:
        0 26px 65px rgba(0,0,0,.34);
}



/* ============================================================
   13. BORDA DOURADA
   ============================================================ */

.fl-border {

    border:
        1px solid rgba(184,150,90,.34);
}


.fl-border-glow {

    border:
        1px solid rgba(184,150,90,.38);

    box-shadow:
        inset 0 0 20px rgba(184,150,90,.018),
        0 14px 40px rgba(0,0,0,.18);
}



/* ============================================================
   14. BADGE
   ============================================================ */

.fl-badge {

    padding:
        7px 12px;

    color:
        var(--fl-gold-light);

    background:
        rgba(184,150,90,.07);

    border:
        1px solid rgba(184,150,90,.20);

    border-radius:
        3px;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        600;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;
}


.fl-badge::before {

    width:
        5px;

    height:
        5px;

    background:
        var(--fl-gold);

    border-radius:
        0;

    transform:
        rotate(45deg);

    box-shadow:
        none;
}



/* ============================================================
   15. TAGS
   ============================================================ */

.fl-tag {

    padding:
        6px 10px;

    color:
        var(--fl-text-secondary);

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

    border:
        1px solid rgba(214,187,124,.12);

    border-radius:
        3px;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;
}


.fl-tag:hover {

    color:
        var(--fl-gold-light);

    border-color:
        rgba(184,150,90,.35);
}



/* ============================================================
   16. LABEL / EYEBROW
   ============================================================ */

.fl-label,
.fl-eyebrow {

    color:
        var(--fl-gold-light);

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        600;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;
}



/* ============================================================
   17. ÍCONES
   ============================================================ */

.fl-icon {

    width:
        50px;

    height:
        50px;

    color:
        var(--fl-gold-light);

    background:
        rgba(184,150,90,.06);

    border:
        1px solid rgba(184,150,90,.18);

    border-radius:
        6px;
}


.fl-icon:hover {

    color:
        #08111B;

    background:
        var(--fl-gold);

    border-color:
        var(--fl-gold);

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

    transform:
        translateY(-2px);
}



/* ============================================================
   18. DIVISORES
   ============================================================ */

.fl-divider {

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(184,150,90,.48),
            transparent
        );
}



/* ============================================================
   19. GRID / TEXTURA DE FUNDO
   ------------------------------------------------------------
   Remove aparência de dashboard tecnológico.
   Cria uma textura arquitetônica extremamente discreta.
   ============================================================ */

.fl-grid-bg {

    position:
        relative;
}


.fl-grid-bg::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    background-image:
        linear-gradient(
            rgba(214,187,124,.022) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(214,187,124,.022) 1px,
            transparent 1px
        );

    background-size:
        80px 80px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 90%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 90%
        );
}



/* ============================================================
   20. INPUTS
   ============================================================ */

input,
textarea,
select {

    padding:
        15px 16px;

    color:
        var(--fl-white);

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

    border:
        1px solid rgba(214,187,124,.14);

    border-radius:
        5px;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    outline:
        none;

    transition:
        var(--fl-transition);
}


input::placeholder,
textarea::placeholder {

    color:
        #75746F;
}


input:focus,
textarea:focus,
select:focus {

    border-color:
        rgba(214,187,124,.72);

    background:
        rgba(184,150,90,.025);

    box-shadow:
        0 0 0 3px rgba(184,150,90,.06);
}



/* ============================================================
   21. LISTAS
   ============================================================ */

.fl-list li {

    color:
        var(--fl-text);
}


.fl-list li::before {

    width:
        6px;

    height:
        6px;

    background:
        var(--fl-gold);

    border-radius:
        0;

    transform:
        rotate(45deg);

    box-shadow:
        none;
}



/* ============================================================
   22. IMAGENS
   ============================================================ */

.fl-image {

    border-radius:
        8px;

    border:
        1px solid rgba(214,187,124,.10);
}


.fl-image img {

    filter:
        saturate(.85)
        contrast(1.03);

    transition:
        transform .8s cubic-bezier(.22,1,.36,1),
        filter .5s ease;
}


.fl-image:hover img {

    transform:
        scale(1.025);

    filter:
        saturate(1)
        contrast(1.02);
}



/* ============================================================
   23. GLOW
   ------------------------------------------------------------
   Na identidade jurídica usamos sombra, não neon.
   ============================================================ */

.fl-glow {

    box-shadow:
        0 20px 50px rgba(0,0,0,.20);
}


.fl-glow-strong {

    box-shadow:
        0 24px 70px rgba(0,0,0,.32);
}



/* ============================================================
   24. STATUS
   ============================================================ */

.fl-status-dot {

    width:
        6px;

    height:
        6px;

    background:
        var(--fl-gold);

    box-shadow:
        none;

    animation:
        flLegalStatusPulse 2.5s ease-in-out infinite;
}


@keyframes flLegalStatusPulse {

    0%,
    100% {

        opacity:
            1;

        transform:
            scale(1);
    }

    50% {

        opacity:
            .55;

        transform:
            scale(.85);
    }

}



/* ============================================================
   25. SEÇÕES
   ============================================================ */

.fl-section {

    background:
        var(--fl-bg);
}


.fl-section-alt {

    background:
        var(--fl-bg-2);
}


.fl-section-elevated {

    background:
        var(--fl-bg-3);
}



/* ============================================================
   26. DESTAQUE DECORATIVO JURÍDICO
   ============================================================ */

.fl-legal-line {

    display:
        inline-block;

    width:
        48px;

    height:
        2px;

    margin-bottom:
        18px;

    background:
        var(--fl-gradient);
}



/* ============================================================
   27. CARD DE ÁREA DE ATUAÇÃO
   ============================================================ */

.fl-legal-card {

    position:
        relative;

    padding:
        32px;

    overflow:
        hidden;

    background:
        linear-gradient(
            145deg,
            rgba(19,33,48,.96),
            rgba(9,19,29,.98)
        );

    border:
        1px solid rgba(214,187,124,.13);

    border-radius:
        10px;

    transition:
        var(--fl-transition);
}


.fl-legal-card::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        2px;

    background:
        linear-gradient(
            90deg,
            var(--fl-gold-dark),
            var(--fl-gold-light),
            transparent
        );

    opacity:
        .65;
}


.fl-legal-card:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(214,187,124,.32);

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



/* ============================================================
   28. BLOCO DE CITAÇÃO / DEPOIMENTO
   ============================================================ */

.fl-quote {

    position:
        relative;

    padding:
        28px 32px;

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

    border-left:
        2px solid var(--fl-gold);

    color:
        var(--fl-text);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(20px, 2vw, 27px);

    font-style:
        italic;

    line-height:
        1.55;
}



/* ============================================================
   29. LABEL JURÍDICO / OAB / CATEGORIAS
   ============================================================ */

.fl-mono,
.fl-code,
.fl-counter,
.fl-status {

    font-family:
        "Inter",
        Arial,
        sans-serif;
}



/* ============================================================
   30. FOCO / ACESSIBILIDADE
   ============================================================ */

:focus-visible {

    outline:
        2px solid var(--fl-gold-light);

    outline-offset:
        4px;
}



/* ============================================================
   31. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    h1 {

        font-size:
            clamp(42px, 12vw, 58px);

        line-height:
            1;
    }


    h2 {

        font-size:
            clamp(34px, 9.5vw, 47px);
    }


    h3 {

        font-size:
            clamp(26px, 7vw, 35px);
    }


    .elementor-button,
    .fl-btn {

        min-height:
            50px;

        padding:
            13px 21px;

        border-radius:
            4px;
    }


    .fl-legal-card {

        padding:
            25px 22px;
    }


    .fl-card:hover,
    .fl-legal-card:hover,
    .fl-icon:hover {

        transform:
            none;
    }


    .fl-grid-bg::before {

        background-size:
            55px 55px;
    }

}



/* ============================================================
   32. REDUÇÃO DE MOVIMENTO
   ============================================================ */

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

    .fl-highlight {

        animation:
            none;
    }

}/* End custom CSS */