.elementor-8 .elementor-element.elementor-element-3cf5c1d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-66339d0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-f27b374{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-e40b120{--display:flex;}.elementor-8 .elementor-element.elementor-element-525b562{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-0858c1c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-77103be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-6062947{--display:flex;}.elementor-8 .elementor-element.elementor-element-9cefd3a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-2bdb753{--display:flex;}.elementor-8 .elementor-element.elementor-element-11a685e{--display:flex;}.elementor-8 .elementor-element.elementor-element-7a96fdc{--display:flex;}.elementor-8 .elementor-element.elementor-element-f82c187{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================================
   FL INOVA — GLOBAL DESIGN SYSTEM
   BLUE EDITION
   Base: #3D6AFF
   ============================================================ */


/* ============================================================
   01. PALETA GLOBAL
   ============================================================ */

:root {

    /* ---------- AZUIS ---------- */

    --fl-blue: #3D6AFF;
    --fl-blue-hover: #527BFF;
    --fl-blue-light: #7596FF;
    --fl-blue-glow: #8EA6FF;
    --fl-blue-soft: #A9BBFF;
    --fl-blue-pale: #DCE4FF;


    /* ---------- NEUTROS ---------- */

    --fl-white: #F5F7FF;
    --fl-text: #DDE3F2;
    --fl-text-secondary: #9BA7C0;
    --fl-text-muted: #66728A;


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

    --fl-bg: #05070D;
    --fl-bg-2: #080C16;
    --fl-bg-3: #0B1020;
    --fl-bg-elevated: #0E1424;


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

    --fl-border: #151E34;
    --fl-border-light: #1B2745;
    --fl-border-blue: rgba(61,106,255,.35);


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

    --fl-gradient:
        linear-gradient(
            135deg,
            #3D6AFF 0%,
            #527BFF 45%,
            #7596FF 100%
        );


    --fl-gradient-light:
        linear-gradient(
            135deg,
            #7596FF 0%,
            #A9BBFF 50%,
            #DCE4FF 100%
        );


    --fl-gradient-dark:
        linear-gradient(
            135deg,
            #0B1020 0%,
            #05070D 100%
        );


    /* ---------- GLOW ---------- */

    --fl-glow:
        0 0 35px rgba(61,106,255,.18);

    --fl-glow-strong:
        0 0 60px rgba(61,106,255,.28);


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

    --fl-shadow:
        0 25px 70px rgba(0,0,0,.45);


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

    --fl-radius-sm: 8px;
    --fl-radius-md: 14px;
    --fl-radius-lg: 22px;
    --fl-radius-xl: 30px;


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

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


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

html {

    background: var(--fl-bg);

    scroll-behavior: smooth;
}


body {

    margin: 0;
    padding: 0;

    background: var(--fl-bg);

    color: var(--fl-text);

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

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;

    overflow-x: hidden;
}


*,
*::before,
*::after {

    box-sizing: border-box;
}


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

::selection {

    background: var(--fl-blue);

    color: #FFFFFF;
}


::-moz-selection {

    background: var(--fl-blue);

    color: #FFFFFF;
}


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

::-webkit-scrollbar {

    width: 8px;
}


::-webkit-scrollbar-track {

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


::-webkit-scrollbar-thumb {

    background: var(--fl-blue);

    border-radius: 999px;
}


::-webkit-scrollbar-thumb:hover {

    background: var(--fl-blue-light);
}


/* ============================================================
   05. TIPOGRAFIA
   ============================================================ */

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

    margin-top: 0;

    color: var(--fl-white);

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

    font-weight: 700;

    letter-spacing: -.04em;

    text-wrap: balance;
}


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

h1 {

    color: var(--fl-white);

    font-size:
        clamp(42px, 6vw, 90px);

    line-height: .98;
}


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

h2 {

    color: var(--fl-white);

    font-size:
        clamp(34px, 4.5vw, 68px);

    line-height: 1.02;
}


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

h3 {

    color: var(--fl-white);

    font-size:
        clamp(26px, 3vw, 44px);

    line-height: 1.08;
}


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

h4 {

    color: var(--fl-white);

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

    line-height: 1.15;
}


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

h5 {

    color: var(--fl-white);

    font-size: 19px;

    line-height: 1.25;
}


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

h6 {

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

    font-size: 15px;

    line-height: 1.3;

    letter-spacing: .02em;
}


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

p {

    color: var(--fl-text);

    font-size: 16px;

    line-height: 1.75;
}


small {

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

    font-size: 13px;
}


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

a {

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

    text-decoration: none;

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


a:hover {

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


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

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

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


.elementor-widget-text-editor {

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


.elementor-widget-text-editor a {

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

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


.elementor-widget-text-editor a:hover {

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


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

.fl-highlight {

    background:
        linear-gradient(
            100deg,
            #3D6AFF,
            #7596FF,
            #A9BBFF,
            #3D6AFF
        );

    background-size: 250% auto;

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    animation:
        flGradient 6s ease infinite;
}


@keyframes flGradient {

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

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

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


/* ============================================================
   10. BOTÕES — BASE GLOBAL
   ============================================================ */

.elementor-button,
.fl-btn {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-height: 52px;

    padding:
        14px 25px;

    color: #FFFFFF !important;

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

    border:
        1px solid rgba(117,150,255,.55);

    border-radius: 999px;

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

    font-weight: 700;

    letter-spacing: -.01em;

    box-shadow:
        0 10px 35px rgba(61,106,255,.18);

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


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

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

    color: #FFFFFF !important;

    transform:
        translateY(-3px);

    filter:
        brightness(1.08);

    box-shadow:
        0 16px 45px rgba(61,106,255,.30),
        0 0 35px rgba(61,106,255,.12);
}


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

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

    transform:
        translateY(-1px)
        scale(.985);
}


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

.fl-btn-outline {

    color: var(--fl-white) !important;

    background:
        rgba(61,106,255,.04) !important;

    border:
        1px solid rgba(117,150,255,.30);
}


.fl-btn-outline:hover {

    color: var(--fl-blue-pale) !important;

    background:
        rgba(61,106,255,.10) !important;

    border-color:
        rgba(117,150,255,.65);
}


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

.fl-card {

    position: relative;

    background:
        linear-gradient(
            145deg,
            rgba(14,20,36,.92),
            rgba(7,11,20,.88)
        );

    border:
        1px solid var(--fl-border-light);

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

    box-shadow:
        var(--fl-shadow);

    backdrop-filter:
        blur(18px);

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

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


.fl-card:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(61,106,255,.45);

    box-shadow:
        0 30px 80px rgba(0,0,0,.55),
        0 0 35px rgba(61,106,255,.08);
}


/* ============================================================
   13. BORDAS AZUIS
   ============================================================ */

.fl-border {

    border:
        1px solid var(--fl-border-blue);
}


.fl-border-glow {

    border:
        1px solid rgba(61,106,255,.42);

    box-shadow:
        inset 0 0 25px rgba(61,106,255,.025),
        0 0 30px rgba(61,106,255,.07);
}


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

.fl-badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding:
        8px 13px;

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

    background:
        rgba(61,106,255,.07);

    border:
        1px solid rgba(61,106,255,.20);

    border-radius:
        999px;

    font-family:
        "JetBrains Mono",
        monospace;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.fl-badge::before {

    content: "";

    width: 6px;

    height: 6px;

    background:
        var(--fl-blue);

    border-radius:
        50%;

    box-shadow:
        0 0 12px rgba(61,106,255,.85);
}


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

.fl-tag {

    display: inline-block;

    padding:
        6px 10px;

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

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

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

    border-radius:
        6px;

    font-family:
        "JetBrains Mono",
        monospace;

    font-size: 9px;

    letter-spacing: .08em;

    text-transform: uppercase;
}


.fl-tag:hover {

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

    border-color:
        rgba(61,106,255,.35);
}


/* ============================================================
   16. LABEL TÉCNICO
   ============================================================ */

.fl-label,
.fl-eyebrow {

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

    font-family:
        "JetBrains Mono",
        monospace;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .15em;

    text-transform: uppercase;
}


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

.fl-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 48px;

    height: 48px;

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

    background:
        rgba(61,106,255,.07);

    border:
        1px solid rgba(61,106,255,.18);

    border-radius:
        14px;

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


.fl-icon:hover {

    color:
        #FFFFFF;

    background:
        var(--fl-blue);

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

    box-shadow:
        0 10px 30px rgba(61,106,255,.25);

    transform:
        translateY(-3px);
}


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

.fl-divider {

    width: 100%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(61,106,255,.45),
            transparent
        );
}


/* ============================================================
   19. GRID TECNOLÓGICO
   ============================================================ */

.fl-grid-bg {

    position: relative;
}


.fl-grid-bg::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background-image:

        linear-gradient(
            rgba(61,106,255,.045) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(61,106,255,.045) 1px,
            transparent 1px
        );

    background-size:
        60px 60px;

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

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


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

input,
textarea,
select {

    width: 100%;

    padding:
        14px 16px;

    color:
        var(--fl-white);

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

    border:
        1px solid var(--fl-border-light);

    border-radius:
        12px;

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

    outline: none;

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


input::placeholder,
textarea::placeholder {

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


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

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

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

    box-shadow:
        0 0 0 3px rgba(61,106,255,.08),
        0 0 25px rgba(61,106,255,.06);
}


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

ul.fl-list,
ol.fl-list {

    margin: 0;

    padding: 0;

    list-style: none;
}


.fl-list li {

    position: relative;

    padding-left: 25px;

    margin-bottom: 12px;

    color:
        var(--fl-text);

    line-height: 1.6;
}


.fl-list li::before {

    content: "";

    position: absolute;

    left: 0;

    top: .65em;

    width: 7px;

    height: 7px;

    background:
        var(--fl-blue);

    border-radius: 50%;

    box-shadow:
        0 0 12px rgba(61,106,255,.55);
}


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

img {

    max-width: 100%;

    height: auto;
}


.fl-image {

    overflow: hidden;

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


.fl-image img {

    display: block;

    width: 100%;

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


.fl-image:hover img {

    transform:
        scale(1.035);
}


/* ============================================================
   23. GLOW
   ============================================================ */

.fl-glow {

    box-shadow:
        var(--fl-glow);
}


.fl-glow-strong {

    box-shadow:
        var(--fl-glow-strong);
}


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

.fl-status-dot {

    display: inline-block;

    width: 7px;

    height: 7px;

    margin-right: 7px;

    background:
        var(--fl-blue);

    border-radius: 50%;

    box-shadow:
        0 0 14px rgba(61,106,255,.85);

    animation:
        flStatusPulse 2.2s ease-in-out infinite;
}


@keyframes flStatusPulse {

    0%,
    100% {

        opacity: 1;

        transform: scale(1);
    }

    50% {

        opacity: .55;

        transform: scale(.82);
    }
}


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

.fl-section {

    position: relative;

    width: 100%;

    background:
        var(--fl-bg);

    overflow: hidden;
}


.fl-section-alt {

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


.fl-section-elevated {

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


/* ============================================================
   26. CONTAINERS
   ============================================================ */

.fl-container {

    width:
        min(100% - 40px, 1280px);

    margin-inline:
        auto;
}


.fl-container-wide {

    width:
        min(100% - 48px, 1440px);

    margin-inline:
        auto;
}


/* ============================================================
   27. ELEMENTOR — ESPAÇAMENTOS
   ============================================================ */

.elementor-widget-container > :last-child {

    margin-bottom: 0;
}


.elementor-widget-text-editor p:last-child {

    margin-bottom: 0;
}


.elementor-widget-image img {

    display: block;
}


/* ============================================================
   28. FOCO
   ============================================================ */

:focus-visible {

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

    outline-offset:
        4px;
}


/* ============================================================
   29. MONO / HUD
   ============================================================ */

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

    font-family:
        "JetBrains Mono",
        "Courier New",
        monospace;
}


/* ============================================================
   30. RESPONSIVIDADE — MOBILE
   ============================================================ */

@media (max-width: 767px) {

    body {

        overflow-x: hidden;
    }


    .fl-container,
    .fl-container-wide {

        width:
            min(100% - 32px, 1280px);
    }


    h1 {

        font-size:
            clamp(38px, 11vw, 58px);

        line-height:
            1.02;
    }


    h2 {

        font-size:
            clamp(32px, 9vw, 48px);
    }


    h3 {

        font-size:
            clamp(24px, 7vw, 36px);
    }


    .elementor-button,
    .fl-btn {

        min-height:
            50px;

        padding:
            13px 20px;
    }


    .fl-card:hover {

        transform:
            none;
    }


    .fl-icon:hover {

        transform:
            none;
    }


    .fl-grid-bg::before {

        background-size:
            40px 40px;
    }
}


/* ============================================================
   31. TABLET
   ============================================================ */

@media
(min-width: 768px)
and
(max-width: 1024px) {

    .fl-container,
    .fl-container-wide {

        width:
            min(100% - 40px, 1100px);
    }
}


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

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

    html {

        scroll-behavior:
            auto;
    }


    *,
    *::before,
    *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }
}


/* ============================================================
   FL INOVA — END
   ============================================================ */
   /* =========================================================
   FL INOVA — GLOBAL FULL WIDTH SYSTEM
   REMOVE GAPS / LIMITS / MARGINS DO ELEMENTOR
   ========================================================= */

/* =========================
   01 — RESET DA PÁGINA
   ========================= */

html,
body {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;
}


/* =========================
   02 — ELEMENTOR PAGE
   ========================= */

.elementor-page,
.elementor-page > *,
.elementor {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
}


/* =========================
   03 — SECTIONS ANTIGAS
   ========================= */

.elementor-section {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    border-left: 0 !important;
    border-right: 0 !important;
}


/* Remove largura máxima automática
   dos containers antigos */

.elementor-section > .elementor-container {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================
   04 — CONTAINERS FLEXBOX
   ========================= */

.elementor .e-con,
.elementor .e-con.e-parent,
.elementor .e-con.e-child,
.elementor .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================
   05 — REMOVE GAP ENTRE
   CONTAINERS
   ========================= */

.elementor .e-con {
    --gap: 0px !important;
    --row-gap: 0px !important;
    --column-gap: 0px !important;

    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
}


/* =========================
   06 — PADDING LATERAL
   ESTRUTURAL DO ELEMENTOR
   ========================= */

/*
   IMPORTANTE:
   Isso remove somente o padding
   estrutural dos containers.
*/

.elementor .e-con {
    --padding-top: 0px !important;
    --padding-right: 0px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================
   07 — CONTAINERS INTERNOS
   ========================= */

.elementor .e-con > .e-con-inner,
.elementor .e-con > .elementor-element {
    max-width: none !important;
}


/* =========================
   08 — COLUNAS ANTIGAS
   ========================= */

.elementor-column {
    width: 100%;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================
   09 — WRAPPER DAS COLUNAS
   ========================= */

.elementor-column > .elementor-element-populated {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================
   10 — WRAPPER DOS WIDGETS
   ========================= */

.elementor-widget {
    max-width: 100% !important;
}

.elementor-widget-container {
    max-width: 100% !important;
}


/* =========================
   11 — WIDGET HTML
   ========================= */

.elementor-widget-html {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-widget-html > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================
   12 — ELEMENTOS FL INOVA
   ========================= */

[class^="flx-"],
[class*=" flx-"],
[id^="fl-"],
[id^="flx-"] {
    box-sizing: border-box;
}


/* Seções personalizadas */

section[class^="flx-"],
section[class*=" flx-"],
div[class^="flx-"],
div[id^="fl-"],
div[id^="flx-"] {
    box-sizing: border-box;
}


/* =========================
   13 — FULL BLEED
   PARA SEÇÕES FL INOVA
   ========================= */

.flx-hero,
.flx-hero-v2,
.flx-s2,
.flx-section,
.fl-inova-section {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================
   14 — EVITA OVERFLOW
   ========================= */

.elementor {
    overflow-x: clip !important;
}

body {
    overflow-x: clip !important;
}


/* =========================
   15 — IMAGENS / VÍDEOS
   ========================= */

.elementor img,
.elementor video {
    max-width: 100%;
}


/* =========================
   16 — DESKTOP
   ========================= */

@media (min-width: 1025px) {

    .elementor-section.elementor-section-boxed > .elementor-container {
        width: 100% !important;
        max-width: none !important;
    }

    .elementor-section.elementor-section-boxed {
        width: 100% !important;
        max-width: 100% !important;
    }

    .elementor .e-con {
        width: 100% !important;
        max-width: none !important;
    }

}


/* =========================
   17 — TABLET
   ========================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-section,
    .elementor-container,
    .e-con,
    .e-con-inner {
        width: 100% !important;
        max-width: none !important;
    }

}


/* =========================
   18 — MOBILE
   ========================= */

@media (max-width: 767px) {

    html,
    body,
    .elementor,
    .elementor-page {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-section,
    .elementor-section-boxed,
    .elementor-section-stretched,
    .elementor-container,
    .elementor-column,
    .elementor-widget-wrap,
    .e-con,
    .e-con-inner {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .elementor .e-con {
        gap: 0 !important;
        row-gap: 0 !important;
        column-gap: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}


/* =========================================================
   19 — CORREÇÃO PARA CONTAINERS "BOXED"
   MESMO QUE O ELEMENTOR ESTEJA CONFIGURADO COMO BOXED
   ========================================================= */

.elementor-section-boxed > .elementor-container,
.elementor-section-boxed > .elementor-container > .elementor-column,
.elementor-section-boxed > .elementor-container > .elementor-column > .elementor-element-populated {
    max-width: none !important;
}


/* =========================================================
   20 — REMOVE RECUOS LATERAIS DE ELEMENTOS ESTRUTURAIS
   ========================================================= */

.elementor > .elementor-element,
.elementor-page > .elementor-element {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   21 — GARANTE FULL WIDTH REAL
   ========================================================= */

.elementor-element.elementor-section,
.elementor-element.e-con {
    box-sizing: border-box !important;
}


/* =========================================================
   22 — CORREÇÃO PARA PÁGINAS COM LAYOUT FULL WIDTH
   ========================================================= */

.site,
.site-content,
.content-area,
.elementor-location-single,
.elementor-location-header,
.elementor-location-footer {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   23 — RESET DE MARGENS DE PRIMEIRO / ÚLTIMO ELEMENTO
   ========================================================= */

.elementor > .elementor-element:first-child,
.elementor > .elementor-element:last-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   24 — SEGURANÇA CONTRA ESPAÇO HORIZONTAL
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}


/* =========================================================
   25 — FL INOVA: SEÇÕES VISUAIS SEM FAIXAS LATERAIS
   ========================================================= */

[class*="flx-s"],
[id*="fl-inova-section"] {
    box-sizing: border-box !important;
}/* End custom CSS */