/* =========================================================
BMS GESTÃO — ESTILOS EXCLUSIVOS DA PÁGINA
========================================================= */

:root{

    --gestao-primary:#0f35a6;

    --gestao-primary-light:#2f6be2;

    --gestao-primary-dark:#081f59;

    --gestao-secondary:#526fd8;

    --gestao-text:#172342;

    --gestao-text-soft:#68758c;

    --gestao-background:#f5f8ff;

    --gestao-card:#ffffff;

    --gestao-border:rgba(15,53,166,.10);

    --gestao-success:#1ca866;

    --gestao-warning:#f2a93b;

    --gestao-shadow:
        0 24px 60px rgba(19,48,111,.12);

}


/* =========================================================
ELEMENTOS GERAIS
========================================================= */

.gestao-section-container{

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

    margin:0 auto;

    

}

.gestao-section-tag{

    display:inline-flex;

    align-items:center;

    gap:8px;

    width:max-content;

    padding:8px 13px;

    border:1px solid rgba(15,53,166,.12);

    border-radius:999px;

    background:rgba(239,244,255,.92);

    color:var(--gestao-primary);

    font-family:"Poppins",sans-serif;

    font-size:11px;

    font-weight:700;

    letter-spacing:.05em;

    text-transform:uppercase;

}

.gestao-section-tag i{

    font-size:13px;

}

.gestao-section-heading{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

}

.gestao-section-heading-center{

    align-items:center;

    max-width:820px;

    margin:0 auto 55px;

    text-align:center;

}

.gestao-section-heading h2{

    margin:18px 0 0;

    color:#ece3e1;

    font-family:"Montserrat",sans-serif;

    font-size:clamp(34px,4vw,52px);

    font-weight:800;

    line-height:1.12;

    letter-spacing:-.04em;

}


.gestao-section-heading p{

    max-width:720px;

    margin:20px 0 0;

    color:#FFF;

    font-family:"Poppins",sans-serif;

    font-size:15px;

    line-height:1.8;

}

.gestao-primary-button{

    display:inline-flex;

    align-items:center;

    justify-content:space-between;

    gap:22px;

    min-height:56px;

    padding:7px 8px 7px 22px;

    border:0;

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            var(--gestao-primary),
            var(--gestao-primary-light)
        );

    color:#ffffff;

    font-family:"Poppins",sans-serif;

    font-size:13px;

    font-weight:700;

    text-decoration:none;

    box-shadow:
        0 17px 35px rgba(15,53,166,.25);

    cursor:pointer;

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

}

.gestao-primary-button > span{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    border-radius:11px;

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

    transition:transform .3s ease;

}

.gestao-primary-button:hover{

    color:#ffffff;

    transform:translateY(-3px);

    box-shadow:
        0 22px 40px rgba(15,53,166,.32);

}

.gestao-primary-button:hover > span{

    transform:translateX(3px);

}


/* =========================================================
SEÇÃO 1 — HERO
========================================================= */

.gestao-hero{

    position:relative;

    z-index:1;

    display:flex;

    align-items:center;

    min-height:850px;

    overflow:hidden;

    padding:160px 0 90px;

    background:
        linear-gradient(
            135deg,
            #f8faff 0%,
            #edf3ff 52%,
            #f8faff 100%
        );

}

.gestao-hero-background{

    position:absolute;

    inset:0;

    z-index:-5;

    opacity:.34;

    background-image:
        linear-gradient(
            rgba(15,53,166,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(15,53,166,.045) 1px,
            transparent 1px
        );

    background-size:48px 48px;

    mask-image:
        linear-gradient(
            to right,
            transparent,
            #000 24%,
            #000 76%,
            transparent
        );

}

.gestao-hero-decoration{

    position:absolute;

    z-index:-3;

    border-radius:50%;

    filter:blur(3px);

    pointer-events:none;

}

.gestao-hero-decoration-one{

    top:70px;

    right:-170px;

    width:560px;

    height:560px;

    background:
        radial-gradient(
            circle,
            rgba(47,107,226,.18),
            transparent 68%
        );

}

.gestao-hero-decoration-two{

    bottom:-220px;

    left:-160px;

    width:500px;

    height:500px;

    background:
        radial-gradient(
            circle,
            rgba(82,111,216,.12),
            transparent 68%
        );

}

.gestao-hero-container{

    display:grid;

    grid-template-columns:minmax(0,.88fr) minmax(570px,1.12fr);

    align-items:center;

    gap:75px;

    width:min(1380px,calc(100% - 50px));

    margin:0 auto;

}


/* =========================================================
HERO — CONTEÚDO
========================================================= */

.gestao-hero-content{

    position:relative;

    z-index:4;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

}



.gestao-hero-content h1{

    max-width:670px;

    margin:22px 0 0;

    color:var(--gestao-text);

    font-family:"Montserrat",sans-serif;

    font-size:clamp(43px,4.6vw,45px);

    font-weight:800;

    line-height:1.04;

    letter-spacing:-.055em;

    transform: translateY(-55px);

}

.gestao-hero-content h1 span{

    display:block;

    margin-top:8px;

    color:var(--gestao-primary);

}

.gestao-hero-content > p{

    max-width:650px;

    margin:10px 0 0;

    color:var(--gestao-text-soft);

    font-family:"Poppins",sans-serif;

    font-size:16px;

    line-height:1.8;

}

.gestao-hero-benefits{

    display:flex;

    flex-wrap:wrap;

    gap:12px 22px;

    margin-top:29px;

}

.gestao-hero-benefits div{

    display:flex;

    align-items:center;

    gap:8px;

    color:#44516a;

    font-family:"Poppins",sans-serif;

    font-size:12px;

    font-weight:600;

}

.gestao-hero-benefits i{

    color:var(--gestao-primary-light);

    font-size:15px;

}

.gestao-hero-actions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:16px;

    margin-top:34px;

}

.gestao-secondary-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-height:56px;

    padding:0 22px;

    border:1px solid rgba(15,53,166,.14);

    border-radius:14px;

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

    color:var(--gestao-primary);

    font-family:"Poppins",sans-serif;

    font-size:13px;

    font-weight:700;

    text-decoration:none;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;

}

.gestao-secondary-button:hover{

    color:var(--gestao-primary);

    transform:translateY(-3px);

    background:#ffffff;

    border-color:rgba(15,53,166,.25);

}

.gestao-hero-trust{

    display:flex;

    align-items:center;

    gap:12px;

    margin-top:32px;

    padding-top:25px;

    border-top:1px solid rgba(15,53,166,.10);

}

.gestao-hero-trust-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:43px;

    height:43px;

    border-radius:13px;

    background:#e8efff;

    color:var(--gestao-primary);

    font-size:18px;

}

.gestao-hero-trust > div:last-child{

    display:flex;

    flex-direction:column;

    gap:3px;

}

.gestao-hero-trust strong{

    color:#2b3853;

    font-family:"Poppins",sans-serif;

    font-size:11px;

    font-weight:700;

}

.gestao-hero-trust span{

    color:#8390a6;

    font-family:"Poppins",sans-serif;

    font-size:9px;

}


/* =========================================================
HERO — JANELA DO SISTEMA
========================================================= */

.gestao-hero-visual{

    position:relative;

    z-index:3;

    width:100%;

    perspective:1400px;

}

/*=========================================================
PREVIEW DO SISTEMA
=========================================================*/

.gestao-system-preview{

    position:relative;

    width:100%;

    border-radius:28px;

    overflow:hidden;

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

    background:#FFF;

    box-shadow:
        0 40px 90px rgba(17,44,105,.22),
        0 0 0 8px rgba(255,255,255,.25);

    transform:
        perspective(1800px)
        rotateY(-4deg)
        rotateX(1deg);

    transition:.45s;

}

.gestao-system-preview:hover{

    transform:
        perspective(1800px)
        rotateY(-2deg)
        rotateX(.5deg)
        translateY(-8px);

}

.gestao-system-preview img{

    display:block;

    width:100%;

    height:auto;

}

.gestao-system-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:14px 20px;

    border-bottom:1px solid rgba(15,53,166,.08);

    background:#f8faff;

}

.gestao-system-dots{

    display:flex;

    gap:6px;

}

.gestao-system-dots span{

    width:9px;

    height:9px;

    border-radius:50%;

}

.gestao-system-dots span:nth-child(1){

    background:#ff5f57;

}

.gestao-system-dots span:nth-child(2){

    background:#ffbd2e;

}

.gestao-system-dots span:nth-child(3){

    background:#28ca42;

}

.gestao-system-header span:last-child{

    font-size:12px;

    font-weight:600;

    color:#59667f;

}


/* =========================================================
CARDS FLUTUANTES DO HERO
========================================================= */

.gestao-floating-card{

    position:absolute;

    z-index:6;

    display:flex;

    align-items:center;

    gap:11px;

    min-width:185px;

    padding:12px 14px;

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

    border-radius:15px;

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

    box-shadow:
        0 20px 42px rgba(17,44,105,.16);

    backdrop-filter:blur(14px);

    animation:gestaoFloat 5s ease-in-out infinite;

}

.gestao-floating-card-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:37px;

    height:37px;

    border-radius:11px;

    background:
        linear-gradient(
            135deg,
            var(--gestao-primary),
            var(--gestao-primary-light)
        );

    color:#ffffff;

    font-size:14px;

}

.gestao-floating-card > div{

    display:flex;

    flex-direction:column;

    gap:2px;

}

.gestao-floating-card small{

    color:#8a96aa;

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-floating-card strong{

    color:#27344e;

    font-family:"Montserrat",sans-serif;

    font-size:10px;

    font-weight:700;

    white-space:nowrap;

}

.gestao-floating-card-sale{

    top:150px;

    left:-38px;

}

.gestao-floating-card-fiscal{

    top:240px;

    right:-38px;

    animation-delay:-1.6s;

}

.gestao-floating-card-stock{

    bottom:35px;

    left:25px;

    animation-delay:-3.2s;

}

@keyframes gestaoFloat{

    0%,
    100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}


/* =========================================================
SEÇÃO 2 — RECURSOS
========================================================= */

.gestao-section-logo{

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:12px;

}

.gestao-section-logo img{

    display:block;

    width:auto;

    height:90px;

    object-fit:contain;

}


.gestao-resources{

    position:relative;

    padding:110px 0;

    background-image: url("../images/fundosecao4.png");

    background-size: 180%;
   

}



.gestao-resources-grid{

    display:grid;

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

    gap:18px;

}

.gestao-resource-card{

    position:relative;

    display:flex;

    flex-direction:column;

    min-height:320px;

    overflow:hidden;

    padding:27px;

    border:1px solid var(--gestao-border);

    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f9fbff
        );

    box-shadow:
        0 14px 34px rgba(20,48,106,.06);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

.gestao-resource-card::after{

    content:"";

    position:absolute;

    right:-75px;

    bottom:-90px;

    width:190px;

    height:190px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(47,107,226,.09),
            transparent 68%
        );

    pointer-events:none;

}

.gestao-resource-card:hover{

    transform:translateY(-8px);

    border-color:rgba(15,53,166,.20);

    box-shadow:
        0 26px 55px rgba(20,48,106,.12);

}

.gestao-resource-card-featured{

    background:
        linear-gradient(
            145deg,
            #0a286f,
            #1245bb
        );

    border-color:transparent;

}

.gestao-resource-card-wide{

    grid-column:span 2;

}

.gestao-resource-card-top{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

}

.gestao-resource-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:54px;

    height:54px;

    border-radius:16px;

    background:#eaf0ff;

    color:var(--gestao-primary);

    font-size:23px;

    transition:
        transform .35s ease,
        background .35s ease;

}

.gestao-resource-card:hover .gestao-resource-icon{

    transform:rotate(-5deg) scale(1.06);

}

.gestao-resource-number{

    color:#d8dfeb;

    font-family:"Montserrat",sans-serif;

    font-size:15px;

    font-weight:800;

}

.gestao-resource-card h3{

    position:relative;

    z-index:2;

    margin:25px 0 0;

    color:var(--gestao-text);

    font-family:"Montserrat",sans-serif;

    font-size:21px;

    font-weight:800;

    line-height:1.25;

}

.gestao-resource-card > p{

    position:relative;

    z-index:2;

    margin:15px 0 0;

    color:var(--gestao-text-soft);

    font-family:"Poppins",sans-serif;

    font-size:12px;

    line-height:1.75;

}

.gestao-resource-details{

    position:relative;

    z-index:2;

    display:flex;

    flex-wrap:wrap;

    gap:8px 14px;

    margin-top:auto;

    padding-top:24px;

}

.gestao-resource-details span{

    display:flex;

    align-items:center;

    gap:6px;

    color:#58667e;

    font-family:"Poppins",sans-serif;

    font-size:9px;

    font-weight:600;

}

.gestao-resource-details i{

    color:var(--gestao-primary-light);

    font-size:13px;

}

.gestao-resource-card-featured .gestao-resource-icon{

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

    color:#ffffff;

}

.gestao-resource-card-featured .gestao-resource-number{

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

}

.gestao-resource-card-featured h3{

    color:#ffffff;

}

.gestao-resource-card-featured > p{

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

}

.gestao-resource-card-featured .gestao-resource-details span{

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

}

.gestao-resource-card-featured .gestao-resource-details i{

    color:#91b4ff;

}


/* =========================================================
SEÇÃO 3 — INTELIGÊNCIA
========================================================= */

.gestao-intelligence{

    position:relative;

    overflow:hidden;

    padding:115px 0;

    background:
        linear-gradient(
            145deg,
            #f4f7fd,
            #eaf1ff
        );

}

.gestao-intelligence::before{

    content:"";

    position:absolute;

    top:-250px;

    left:-180px;

    width:560px;

    height:560px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(47,107,226,.11),
            transparent 68%
        );

}

.gestao-intelligence-container{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);

    align-items:center;

    gap:85px;

}


/* =========================================================
INTELIGÊNCIA — DASHBOARD
========================================================= */

.gestao-intelligence-visual{

    position:relative;

}

.gestao-intelligence-dashboard{

    position:relative;

    overflow:hidden;

    padding:25px;

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

    border-radius:25px;

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

    box-shadow:
        0 35px 80px rgba(17,46,109,.17);

}

.gestao-intelligence-dashboard-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding-bottom:18px;

    border-bottom:1px solid rgba(15,53,166,.08);

}

.gestao-intelligence-dashboard-header > div{

    display:flex;

    flex-direction:column;

    gap:4px;

}

.gestao-intelligence-dashboard-header span{

    color:#8a96aa;

    font-family:"Poppins",sans-serif;

    font-size:9px;

    letter-spacing:.05em;

    text-transform:uppercase;

}

.gestao-intelligence-dashboard-header strong{

    color:#24314c;

    font-family:"Montserrat",sans-serif;

    font-size:15px;

    font-weight:700;

}

.gestao-intelligence-dashboard-header button{

    display:inline-flex;

    align-items:center;

    gap:7px;

    padding:9px 12px;

    border:1px solid rgba(15,53,166,.09);

    border-radius:9px;

    background:#f6f8fd;

    color:#5d6a81;

    font-family:"Poppins",sans-serif;

    font-size:9px;

}

.gestao-intelligence-main-metric{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    margin-top:23px;

    padding:20px;

    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            #0a286f,
            #174cbd
        );

}

.gestao-intelligence-main-metric > div:first-child{

    display:flex;

    flex-direction:column;

    gap:7px;

}

.gestao-intelligence-main-metric span{

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

    font-family:"Poppins",sans-serif;

    font-size:9px;

}

.gestao-intelligence-main-metric strong{

    color:#ffffff;

    font-family:"Montserrat",sans-serif;

    font-size:27px;

    font-weight:800;

}

.gestao-intelligence-main-metric small{

    color:#a8c2ff;

    font-family:"Poppins",sans-serif;

    font-size:8px;

}

.gestao-intelligence-progress{

    display:flex;

    align-items:center;

    flex-direction:column;

    gap:7px;

}

.gestao-intelligence-progress-circle{

    display:flex;

    align-items:center;

    justify-content:center;

    width:74px;

    height:74px;

    border-radius:50%;

    background:
        conic-gradient(
            #91b3ff 0 82%,
            rgba(255,255,255,.13) 82% 100%
        );

    position:relative;

}

.gestao-intelligence-progress-circle::after{

    content:"";

    position:absolute;

    inset:8px;

    border-radius:50%;

    background:#123a94;

}

.gestao-intelligence-progress-circle span{

    position:relative;

    z-index:2;

    color:#ffffff;

    font-family:"Montserrat",sans-serif;

    font-size:15px;

    font-weight:800;

}

.gestao-intelligence-progress > small{

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

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-intelligence-chart{

    position:relative;

    height:225px;

    margin-top:20px;

    padding:20px 15px 0;

    border:1px solid rgba(15,53,166,.07);

    border-radius:17px;

    background:#f9fbff;

}

.gestao-intelligence-chart-lines{

    position:absolute;

    inset:20px 15px 32px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}

.gestao-intelligence-chart-lines span{

    display:block;

    width:100%;

    height:1px;

    background:rgba(15,53,166,.07);

}

.gestao-intelligence-chart-bars{

    position:relative;

    z-index:2;

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    height:100%;

    gap:13px;

}

.gestao-intelligence-chart-bars > div{

    display:flex;

    align-items:center;

    flex-direction:column;

    justify-content:flex-end;

    flex:1;

    height:100%;

    gap:8px;

}

.gestao-intelligence-chart-bars div > span{

    display:block;

    width:62%;

    height:var(--chart-height);

    min-height:25px;

    border-radius:8px 8px 3px 3px;

    background:#cfdaf1;

}

.gestao-intelligence-chart-bars div.active > span{

    background:
        linear-gradient(
            to top,
            var(--gestao-primary),
            #6491ef
        );

    box-shadow:
        0 10px 20px rgba(15,53,166,.18);

}

.gestao-intelligence-chart-bars small{

    color:#8995aa;

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-intelligence-chart-bars div.active small{

    color:var(--gestao-primary);

    font-weight:700;

}

.gestao-intelligence-dashboard-footer{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:10px;

    margin-top:15px;

}

.gestao-intelligence-dashboard-footer > div{

    display:flex;

    align-items:center;

    gap:9px;

    padding:11px;

    border:1px solid rgba(15,53,166,.07);

    border-radius:12px;

    background:#ffffff;

}

.gestao-intelligence-footer-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:34px;

    height:34px;

    border-radius:10px;

    background:#eaf0ff;

    color:var(--gestao-primary);

    font-size:14px;

}

.gestao-intelligence-dashboard-footer div > div{

    display:flex;

    flex-direction:column;

    min-width:0;

    gap:2px;

}

.gestao-intelligence-dashboard-footer span{

    color:#8a96a9;

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-intelligence-dashboard-footer strong{

    color:#27334e;

    font-family:"Montserrat",sans-serif;

    font-size:11px;

    font-weight:800;

}

.gestao-intelligence-floating-card{

    position:absolute;

    right:-36px;

    bottom:45px;

    display:flex;

    align-items:center;

    gap:11px;

    min-width:210px;

    padding:14px;

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

    border-radius:15px;

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

    box-shadow:
        0 20px 45px rgba(16,44,104,.16);

    animation:gestaoFloat 5s ease-in-out infinite;

}

.gestao-intelligence-floating-card > span{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:40px;

    height:40px;

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            var(--gestao-primary),
            var(--gestao-primary-light)
        );

    color:#ffffff;

}

.gestao-intelligence-floating-card > div{

    display:flex;

    flex-direction:column;

    gap:3px;

}

.gestao-intelligence-floating-card small{

    color:#8b96aa;

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-intelligence-floating-card strong{

    color:#27344e;

    font-family:"Montserrat",sans-serif;

    font-size:10px;

    font-weight:700;

}


/* =========================================================
INTELIGÊNCIA — CONTEÚDO
========================================================= */

.gestao-intelligence-content{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

}

.gestao-intelligence-content h2{

    margin:20px 0 0;

    color:var(--gestao-text);

    font-family:"Montserrat",sans-serif;

    font-size:clamp(35px,4vw,52px);

    font-weight:800;

    line-height:1.12;

    letter-spacing:-.04em;

}

.gestao-intelligence-content h2 span{

    color:var(--gestao-primary);

}

.gestao-intelligence-content > p{

    margin:20px 0 0;

    color:var(--gestao-text-soft);

    font-family:"Poppins",sans-serif;

    font-size:14px;

    line-height:1.8;

}

.gestao-intelligence-benefits{

    display:grid;

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

    gap:12px;

    width:100%;

    margin:30px 0;

}

.gestao-intelligence-benefits > div{

    display:flex;

    align-items:center;

    gap:11px;

    min-height:82px;

    padding:13px;

    border:1px solid rgba(15,53,166,.08);

    border-radius:14px;

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

}

.gestao-intelligence-benefits > div > span{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:39px;

    height:39px;

    border-radius:11px;

    background:#e8efff;

    color:var(--gestao-primary);

    font-size:16px;

}

.gestao-intelligence-benefits div > div{

    display:flex;

    flex-direction:column;

    gap:3px;

}

.gestao-intelligence-benefits strong{

    color:#2b3852;

    font-family:"Poppins",sans-serif;

    font-size:10px;

    font-weight:700;

}

.gestao-intelligence-benefits small{

    color:#8390a5;

    font-family:"Poppins",sans-serif;

    font-size:8px;

    line-height:1.4;

}

/* =========================================================
RECURSOS COMPLEMENTARES
========================================================= */

.gestao-more-features{

    position:relative;

    overflow:hidden;

    padding:90px 0 110px;

    background-image: url("../images/fundosecao4.png");

    background-size: 100%;

     background-repeat:no-repeat;

}

.gestao-more-features::before{

    content:"";

    position:absolute;

    top:40%;

    left:50%;

    width:900px;

    height:420px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(47,107,226,.07),
            transparent 68%
        );

    transform:translate(-50%,-50%);

    pointer-events:none;

}

.gestao-more-features .gestao-section-container{

    position:relative;

    z-index:2;

}

.gestao-mini-grid{

    display:grid;

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

    gap:16px;

}

.gestao-mini-card{

    position:relative;

    display:flex;

    flex-direction:column;

    min-height:315px;

    overflow:hidden;

    padding:24px 21px;

    border:1px solid rgba(15,53,166,.09);

    border-radius:19px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f8faff
        );

    box-shadow:
        0 13px 30px rgba(20,48,106,.06);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;

}

.gestao-mini-card::after{

    content:"";

    position:absolute;

    right:-60px;

    bottom:-70px;

    width:150px;

    height:150px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(47,107,226,.09),
            transparent 68%
        );

    pointer-events:none;

}

.gestao-mini-card:hover{

    transform:translateY(-7px);

    border-color:rgba(15,53,166,.20);

    box-shadow:
        0 25px 48px rgba(20,48,106,.12);

}

.gestao-mini-card-icon{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:center;

    width:50px;

    height:50px;

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            #0f35a6,
            #2f6be2
        );

    color:#ffffff;

    font-size:21px;

    box-shadow:
        0 12px 24px rgba(15,53,166,.18);

    transition:transform .35s ease;

}

.gestao-mini-card:hover .gestao-mini-card-icon{

    transform:rotate(-5deg) scale(1.06);

}

.gestao-mini-card h3{

    position:relative;

    z-index:2;

    margin:22px 0 0;

    color:var(--gestao-text);

    font-family:"Montserrat",sans-serif;

    font-size:17px;

    font-weight:800;

    line-height:1.3;

}

.gestao-mini-card > p{

    position:relative;

    z-index:2;

    margin:13px 0 0;

    color:var(--gestao-text-soft);

    font-family:"Poppins",sans-serif;

    font-size:11px;

    line-height:1.7;

}

.gestao-mini-card-details{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    gap:8px;

    margin-top:auto;

    padding-top:21px;

    border-top:1px solid rgba(15,53,166,.07);

}

.gestao-mini-card-details span{

    display:flex;

    align-items:flex-start;

    gap:7px;

    color:#5c6980;

    font-family:"Poppins",sans-serif;

    font-size:8px;

    font-weight:600;

    line-height:1.5;

}

.gestao-mini-card-details i{

    flex-shrink:0;

    color:var(--gestao-primary-light);

    font-size:12px;

}

/* =========================================================
SEÇÃO 4 — TELAS DO SISTEMA
========================================================= */

.gestao-system-features{

    padding:115px 0;

    background:#ffffff;

}

.gestao-system-features-grid{

    display:grid;

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

    gap:19px;

}

.gestao-interface-card{

    position:relative;

    display:flex;

    flex-direction:column;

    min-height:485px;

    overflow:hidden;

    padding:21px;

    border:1px solid rgba(15,53,166,.09);

    border-radius:21px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f8faff
        );

    box-shadow:
        0 17px 40px rgba(20,48,106,.07);

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

}

.gestao-interface-card:hover{

    transform:translateY(-7px);

    box-shadow:
        0 28px 58px rgba(20,48,106,.13);

}

.gestao-interface-card-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    padding-bottom:17px;

    border-bottom:1px solid rgba(15,53,166,.08);

}

.gestao-interface-card-header > div{

    display:flex;

    align-items:center;

    gap:10px;

    min-width:0;

}

.gestao-interface-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:41px;

    height:41px;

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            var(--gestao-primary),
            var(--gestao-primary-light)
        );

    color:#ffffff;

    font-size:17px;

}

.gestao-interface-card-header > div > div{

    display:flex;

    flex-direction:column;

    min-width:0;

    gap:2px;

}

.gestao-interface-card-header span{

    color:#8a96aa;

    font-family:"Poppins",sans-serif;

    font-size:7px;

    letter-spacing:.04em;

    text-transform:uppercase;

}

.gestao-interface-card-header strong{

    overflow:hidden;

    color:#27344e;

    font-family:"Montserrat",sans-serif;

    font-size:11px;

    font-weight:700;

    text-overflow:ellipsis;

    white-space:nowrap;

}

.gestao-interface-status{

    display:inline-flex;

    align-items:center;

    gap:5px;

    flex-shrink:0;

    padding:6px 8px;

    border-radius:999px;

    background:#edf3ff;

    color:var(--gestao-primary);

    font-family:"Poppins",sans-serif;

    font-size:7px;

    font-weight:700;

    text-transform:none !important;

}

.gestao-interface-status.live{

    background:#e9f8f0;

    color:#148d57;

}

.gestao-interface-status.live > span{

    display:block;

    width:6px;

    height:6px;

    border-radius:50%;

    background:#1aaf66;

    box-shadow:
        0 0 0 4px rgba(26,175,102,.11);

}


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

.gestao-interface-summary{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    margin-top:18px;

    padding:18px;

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            #0b2a76,
            #184dbd
        );

}

.gestao-interface-summary > span{

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

    font-family:"Poppins",sans-serif;

    font-size:8px;

}

.gestao-interface-summary strong{

    margin-top:4px;

    color:#ffffff;

    font-family:"Montserrat",sans-serif;

    font-size:23px;

    font-weight:800;

}

.gestao-interface-summary small{

    margin-top:7px;

    color:#aac3ff;

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-interface-list{

    display:flex;

    flex-direction:column;

    gap:9px;

    margin-top:14px;

}

.gestao-interface-list > div{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    padding:11px;

    border:1px solid rgba(15,53,166,.07);

    border-radius:12px;

    background:#ffffff;

}

.gestao-interface-client{

    display:flex;

    align-items:center;

    gap:8px;

    min-width:0;

}

.gestao-interface-client > span:first-child{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:31px;

    height:31px;

    border-radius:9px;

    background:#eaf0ff;

    color:var(--gestao-primary);

    font-family:"Montserrat",sans-serif;

    font-size:7px;

    font-weight:800;

}

.gestao-interface-client > span:last-child{

    display:flex;

    flex-direction:column;

    min-width:0;

    gap:2px;

}

.gestao-interface-client strong{

    overflow:hidden;

    color:#3a465e;

    font-family:"Poppins",sans-serif;

    font-size:8px;

    font-weight:700;

    text-overflow:ellipsis;

    white-space:nowrap;

}

.gestao-interface-client small{

    color:#909bad;

    font-family:"Poppins",sans-serif;

    font-size:6px;

}

.gestao-interface-value{

    display:flex;

    align-items:flex-end;

    flex-direction:column;

    flex-shrink:0;

    gap:3px;

}

.gestao-interface-value strong{

    color:#2e3b55;

    font-family:"Montserrat",sans-serif;

    font-size:8px;

    font-weight:800;

}

.gestao-interface-value small{

    padding:3px 5px;

    border-radius:5px;

    font-family:"Poppins",sans-serif;

    font-size:6px;

    font-weight:700;

}

.gestao-interface-value small.open{

    background:#fff3dd;

    color:#b57412;

}

.gestao-interface-value small.scheduled{

    background:#e9f1ff;

    color:var(--gestao-primary);

}


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

.gestao-cash-balance{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-height:130px;

    margin-top:18px;

    border:1px solid rgba(15,53,166,.08);

    border-radius:16px;

    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(47,107,226,.11),
            transparent 62%
        ),
        #f7f9fe;

}

.gestao-cash-balance span{

    color:#8b96a9;

    font-family:"Poppins",sans-serif;

    font-size:8px;

}

.gestao-cash-balance strong{

    margin-top:6px;

    color:#22304b;

    font-family:"Montserrat",sans-serif;

    font-size:25px;

    font-weight:800;

}

.gestao-cash-balance small{

    margin-top:6px;

    color:#939daf;

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-cash-values{

    display:grid;

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

    gap:9px;

    margin-top:12px;

}

.gestao-cash-values > div{

    display:flex;

    align-items:center;

    gap:9px;

    min-width:0;

    padding:11px;

    border:1px solid rgba(15,53,166,.07);

    border-radius:12px;

    background:#ffffff;

}

.gestao-cash-values > div > span{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:32px;

    height:32px;

    border-radius:9px;

    font-size:13px;

}

.gestao-cash-values span.entry{

    background:#e9f8f0;

    color:#15915a;

}

.gestao-cash-values span.exit{

    background:#fff0ed;

    color:#d85f4c;

}

.gestao-cash-values div > div{

    display:flex;

    flex-direction:column;

    min-width:0;

    gap:2px;

}

.gestao-cash-values small{

    color:#8d98aa;

    font-family:"Poppins",sans-serif;

    font-size:6px;

}

.gestao-cash-values strong{

    color:#33405a;

    font-family:"Montserrat",sans-serif;

    font-size:8px;

    font-weight:800;

}

.gestao-cash-progress{

    margin-top:15px;

}

.gestao-cash-progress > div{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

}

.gestao-cash-progress span,
.gestao-cash-progress strong{

    color:#68758c;

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-cash-progress strong{

    color:var(--gestao-primary);

}

.gestao-cash-progress > span{

    display:block;

    width:100%;

    height:7px;

    overflow:hidden;

    margin-top:7px;

    border-radius:999px;

    background:#e5eaf3;

}

.gestao-cash-progress > span > span{

    display:block;

    width:79%;

    height:100%;

    border-radius:inherit;

    background:
        linear-gradient(
            90deg,
            var(--gestao-primary),
            #6a95f0
        );

}


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

.gestao-stock-search{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:18px;

    padding:10px 11px;

    border:1px solid rgba(15,53,166,.08);

    border-radius:10px;

    background:#f7f9fd;

    color:#9aa4b4;

}

.gestao-stock-search i{

    font-size:11px;

}

.gestao-stock-search span{

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-stock-product{

    display:flex;

    align-items:center;

    gap:13px;

    margin-top:13px;

    padding:14px;

    border:1px solid rgba(15,53,166,.07);

    border-radius:14px;

    background:#ffffff;

}

.gestao-stock-product-image{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:56px;

    height:56px;

    border-radius:14px;

    background:#edf2fc;

    color:var(--gestao-primary);

    font-size:22px;

}

.gestao-stock-product-info{

    display:flex;

    flex-direction:column;

    min-width:0;

    gap:3px;

}

.gestao-stock-product-info span{

    color:#8d98aa;

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-stock-product-info strong{

    overflow:hidden;

    color:#2d3953;

    font-family:"Montserrat",sans-serif;

    font-size:10px;

    font-weight:700;

    text-overflow:ellipsis;

    white-space:nowrap;

}

.gestao-stock-product-info small{

    color:#969faf;

    font-family:"Poppins",sans-serif;

    font-size:6px;

}

.gestao-stock-numbers{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:8px;

    margin-top:12px;

}

.gestao-stock-numbers > div{

    display:flex;

    align-items:center;

    flex-direction:column;

    justify-content:center;

    min-height:78px;

    padding:9px;

    border:1px solid rgba(15,53,166,.07);

    border-radius:11px;

    background:#f9faff;

    text-align:center;

}

.gestao-stock-numbers span{

    color:#8d98aa;

    font-family:"Poppins",sans-serif;

    font-size:6px;

}

.gestao-stock-numbers strong{

    margin-top:5px;

    color:#2d3953;

    font-family:"Montserrat",sans-serif;

    font-size:13px;

    font-weight:800;

}

.gestao-stock-numbers strong.normal{

    padding:4px 6px;

    border-radius:6px;

    background:#e7f7ef;

    color:#158b56;

    font-family:"Poppins",sans-serif;

    font-size:7px;

}


/* =========================================================
RODAPÉ DOS CARDS DE INTERFACE
========================================================= */

.gestao-interface-card-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    margin-top:auto;

    padding-top:17px;

    border-top:1px solid rgba(15,53,166,.08);

}

.gestao-interface-card-footer > span{

    display:flex;

    align-items:center;

    gap:5px;

    color:#8b96a9;

    font-family:"Poppins",sans-serif;

    font-size:6px;

}

.gestao-interface-card-footer > span i{

    color:var(--gestao-primary-light);

    font-size:10px;

}

.gestao-interface-card-footer button{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:0;

    border:0;

    background:transparent;

    color:var(--gestao-primary);

    font-family:"Poppins",sans-serif;

    font-size:7px;

    font-weight:700;

    cursor:pointer;

}


/* =========================================================
SEÇÃO 5 — CTA FINAL
========================================================= */

.gestao-final-cta{

    position:relative;

    overflow:hidden;

    padding:90px 0;

    background:
        linear-gradient(
            145deg,
            #071c50,
            #0d318e 55%,
            #174cb8
        );

}

.gestao-final-cta::before{

    content:"";

    position:absolute;

    inset:0;

    opacity:.18;

    background-image:
        linear-gradient(
            rgba(255,255,255,.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.07) 1px,
            transparent 1px
        );

    background-size:48px 48px;

}

.gestao-final-decoration{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

}

.gestao-final-decoration-one{

    top:-210px;

    right:-130px;

    width:530px;

    height:530px;

    background:
        radial-gradient(
            circle,
            rgba(112,159,255,.25),
            transparent 68%
        );

}

.gestao-final-decoration-two{

    bottom:-260px;

    left:-180px;

    width:600px;

    height:600px;

    background:
        radial-gradient(
            circle,
            rgba(100,145,240,.18),
            transparent 68%
        );

}

.gestao-final-container{

    position:relative;

    z-index:2;

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

    margin:0 auto;

}

.gestao-final-card{

    display:grid;

    grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr);

    align-items:center;

    gap:65px;

    padding:50px 58px;

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

    border-radius:27px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(242,247,255,.96)
        );

    box-shadow:
        0 38px 85px rgba(4,19,58,.30);

    backdrop-filter:blur(18px);

}

.gestao-final-content{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

}

.gestao-final-logo{

    display:flex;

    align-items:center;

    margin-bottom:18px;

}

.gestao-final-logo img{

    display:block;

    width:auto;

    max-width:170px;

    max-height:58px;

    object-fit:contain;

}

.gestao-final-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:7px;

    color:var(--gestao-primary);

    font-family:"Poppins",sans-serif;

    font-size:10px;

    font-weight:700;

    letter-spacing:.06em;

    text-transform:uppercase;

}

.gestao-final-content h2{

    max-width:720px;

    margin:15px 0 0;

    color:var(--gestao-text);

    font-family:"Montserrat",sans-serif;

    font-size:clamp(32px,3.2vw,46px);

    font-weight:800;

    line-height:1.12;

    letter-spacing:-.04em;

}

.gestao-final-content h2 span{

    color:var(--gestao-primary);

}

.gestao-final-content > p{

    max-width:710px;

    margin:19px 0 0;

    color:var(--gestao-text-soft);

    font-family:"Poppins",sans-serif;

    font-size:14px;

    line-height:1.75;

}

.gestao-final-features{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px 18px;

    margin-top:25px;

}

.gestao-final-features span{

    display:flex;

    align-items:center;

    gap:7px;

    color:#526078;

    font-family:"Poppins",sans-serif;

    font-size:9px;

    font-weight:600;

}

.gestao-final-features i{

    color:var(--gestao-primary-light);

    font-size:13px;

}

.gestao-final-side{

    display:flex;

    flex-direction:column;

    padding-left:42px;

    border-left:1px solid rgba(15,53,166,.11);

}

.gestao-final-trust{

    display:grid;

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

    gap:12px;

}

.gestao-final-trust > div{

    display:flex;

    align-items:center;

    flex-direction:column;

    justify-content:center;

    min-height:100px;

    padding:14px;

    border:1px solid rgba(15,53,166,.08);

    border-radius:15px;

    background:#ffffff;

    text-align:center;

}

.gestao-final-trust strong{

    color:var(--gestao-primary);

    font-family:"Montserrat",sans-serif;

    font-size:19px;

    font-weight:800;

}

.gestao-final-trust span{

    margin-top:4px;

    color:#8290a5;

    font-family:"Poppins",sans-serif;

    font-size:7px;

}

.gestao-final-button{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    width:100%;

    min-height:57px;

    margin-top:17px;

    padding:7px 8px 7px 18px;

    border:0;

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            var(--gestao-primary),
            var(--gestao-primary-light)
        );

    color:#ffffff;

    font-family:"Poppins",sans-serif;

    font-size:11px;

    font-weight:700;

    cursor:pointer;

    box-shadow:
        0 16px 30px rgba(15,53,166,.24);

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

}

.gestao-final-button > span{

    display:flex;

    align-items:center;

    justify-content:center;

    width:41px;

    height:41px;

    border-radius:11px;

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

}

.gestao-final-button:hover{

    transform:translateY(-3px);

    box-shadow:
        0 22px 38px rgba(15,53,166,.31);

}

.gestao-final-note{

    display:flex;

    align-items:flex-start;

    gap:8px;

    margin-top:15px;

    color:#7d899d;

}

.gestao-final-note i{

    flex-shrink:0;

    color:var(--gestao-primary-light);

    font-size:13px;

}

.gestao-final-note span{

    font-family:"Poppins",sans-serif;

    font-size:7px;

    line-height:1.55;

}


/* =====================================
CTA FINAL PREMIUM HORIZONTAL
===================================== */

.receita-final-cta{

    position:relative;

    overflow:hidden;

    padding:75px 0;

    background-image:url("../images/sugestao2.png");
}

.receita-final-container{

    position:relative;

    z-index:5;

    width:min(1320px,calc(100% - 80px));

    margin:0 auto;

}

.receita-final-card{

    position:relative;

    display:grid;

    grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);

    align-items:center;

    gap:65px;

    overflow:hidden;

    padding:48px 58px;

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

    border-radius:30px;

    background:#ffffffd9;
    box-shadow:
        0 38px 85px rgba(0,11,45,.30),
        inset 0 1px 0 rgba(255,255,255,.95);

}

.receita-final-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:
        linear-gradient(
            90deg,
            #0f35a6,
            #3974ef,
            #76a8ff,
            #3974ef,
            #0f35a6
        );

}

.receita-final-card::after{

    content:"";

    position:absolute;

    top:-160px;

    right:-120px;

    width:360px;

    height:360px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(47,107,226,.12),
            transparent 68%
        );

    pointer-events:none;

}

.receita-final-content{

    position:relative;

    z-index:3;

    max-width:770px;

    text-align:left;

}

.receita-final-logo{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    margin-bottom:16px;

}

.receita-final-logo img{

    display:block;

    width:205px;

    max-width:100%;

    height:auto;

    transform:translateX(500px);

}

.receita-final-eyebrow{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-bottom:15px;

    padding:8px 14px;

    border:1px solid rgba(15,53,166,.11);

    border-radius:999px;

    background:#edf3ff;

    color:#0f35a6;

    font-family:"Montserrat",sans-serif;

    font-size:10px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.receita-final-content h2{

    max-width:750px;

    margin:0;

    color:#142142;

    font-family:"Montserrat",sans-serif;

    font-size:clamp(32px,3.1vw,46px);

    font-weight:750;

    line-height:1.08;

    letter-spacing:-.038em;

}

.receita-final-description{

    max-width:730px;

    margin:19px 0 0;

    color:#66738b;

    font-family:"Poppins",sans-serif;

    font-size:15px;

    line-height:1.75;

}

.receita-final-features{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:flex-start;

    gap:12px 23px;

    margin-top:24px;

}

.receita-final-features span{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#35435f;

    font-family:"Poppins",sans-serif;

    font-size:12px;

    font-weight:600;

}

.receita-final-features i{

    color:#2367d9;

    font-size:15px;

}

.receita-final-side{

    position:relative;

    z-index:3;

    display:flex;

    flex-direction:column;

    align-items:stretch;

    justify-content:center;

    padding-left:42px;

    border-left:1px solid rgba(15,53,166,.10);

}

.receita-final-trust{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:24px;

    margin-bottom:28px;

}

.receita-final-trust-item{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

}

.receita-final-trust-item strong{

    color:#0f35a6;

    font-family:"Montserrat",sans-serif;

    font-size:25px;

    font-weight:800;

    line-height:1;

}

.receita-final-trust-item span{

    margin-top:6px;

    color:#7e899e;

    font-family:"Poppins",sans-serif;

    font-size:10px;

    font-weight:600;

    letter-spacing:.05em;

    text-transform:uppercase;

}

.receita-final-trust-line{

    width:1px;

    height:48px;

    background:rgba(15,53,166,.13);

}

.receita-final-button{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:18px;

    width:100%;

    min-height:60px;

    padding:8px 9px 8px 23px;

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

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            #0f35a6 0%,
            #2863dc 58%,
            #397cf4 100%
        );

    color:#ffffff;

    text-decoration:none;

    font-family:"Montserrat",sans-serif;

    font-size:13px;

    font-weight:700;

    box-shadow:
        0 17px 34px rgba(15,53,166,.27),
        inset 0 1px 0 rgba(255,255,255,.22);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;

}

.receita-final-button:hover{

    color:#ffffff;

    transform:translateY(-4px);

    background:
        linear-gradient(
            135deg,
            #1647c2 0%,
            #3472eb 58%,
            #4b8cff 100%
        );

    box-shadow:
        0 22px 42px rgba(15,53,166,.34),
        inset 0 1px 0 rgba(255,255,255,.28);

}

.receita-final-button-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:44px;

    height:44px;

    border-radius:11px;

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

    font-size:16px;

    transition:
        transform .35s ease,
        background .35s ease;

}

.receita-final-button:hover .receita-final-button-icon{

    transform:translateX(3px);

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

}

.receita-final-note{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    margin:13px 0 0;

    color:#7b879b;

    font-family:"Poppins",sans-serif;

    font-size:10px;

    line-height:1.5;

    text-align:center;

}

.receita-final-note i{

    color:#2c6ddd;

    font-size:13px;

}

.receita-final-card-glow{

    position:absolute;

    right:-40px;

    bottom:-170px;

    width:310px;

    height:310px;

    border-radius:50%;

    background:rgba(47,107,226,.15);

    filter:blur(50px);

    pointer-events:none;

}

.receita-final-grid{

    position:absolute;

    inset:0;

    opacity:.17;

    background-image:
        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );

    background-size:55px 55px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 20%,
            #000 80%,
            transparent
        );

    pointer-events:none;

}

.receita-final-decoration{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

}

.receita-final-decoration-left{

    top:-230px;

    left:-210px;

    width:430px;

    height:430px;

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

    box-shadow:
        0 0 0 55px rgba(255,255,255,.023),
        0 0 0 110px rgba(255,255,255,.015);

}

.receita-final-decoration-right{

    right:-150px;

    bottom:-190px;

    width:350px;

    height:350px;

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

    box-shadow:
        0 0 0 48px rgba(255,255,255,.023),
        0 0 0 96px rgba(255,255,255,.015);

}


/* =========================================================
RESPONSIVIDADE — TELAS GRANDES
========================================================= */




/* =========================================================
RESPONSIVIDADE — NOTEBOOKS
========================================================= */




/* =========================================================
RESPONSIVIDADE — TABLETS
========================================================= */




/* =========================================================
RESPONSIVIDADE — CELULARES GRANDES
========================================================= */




/* =========================================================
RESPONSIVIDADE — CELULARES
========================================================= */



/* =========================================================
RESPONSIVIDADE — APENAS DESKTOPS
========================================================= */

/* NOTEBOOKS */

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

    .gestao-section-container{
        width:min(1100px,calc(100% - 50px));
    }

    .gestao-hero-container{
        width:min(1180px,calc(100% - 60px));
        grid-template-columns:.9fr 1.1fr;
        gap:50px;
    }

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

    .gestao-mini-grid{
        grid-template-columns:repeat(5,1fr);
    }

    .gestao-system-features-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

/* DESKTOP */

@media screen and (min-width:1280px) and (max-width:1599px){

    .gestao-section-container{
        width:min(1260px,calc(100% - 60px));
    }

}

/* MONITORES GRANDES */

@media screen and (min-width:1600px) and (max-width:1919px){

    .gestao-section-container{
        width:min(1500px,calc(100% - 80px));
    }

    .gestao-hero-container{
        width:min(1550px,calc(100% - 80px));
    }

}

/* FULL HD / 2K / 4K */

@media screen and (min-width:1920px){

    .gestao-section-container{
        width:min(1680px,calc(100% - 100px));
    }

    .gestao-hero-container{
        width:min(1760px,calc(100% - 100px));
    }

    .gestao-hero{
        min-height:980px;
    }

}