/*==================================================
                BIZNET DESIGN SYSTEM
==================================================*/

:root{

    --primary:#B95B14;
    --primary-light:#D38345;

    --brown:#5A3712;

    --heading:#221B16;

    --dark:#1F1A16;

    --bg:#F7F3EE;

    --surface:#FFFFFF;

    --text:#252525;

    --muted:#727272;

    --border:#E6DDD2;

    --shadow:
    0 25px 60px rgba(0,0,0,.07);

}


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

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Manrope',sans-serif;

    background:var(--bg);

    color:var(--text);

    line-height:1.8;

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}


/*==================================================
                ELEMENTOS GLOBAIS
==================================================*/

img{

    display:block;

    max-width:100%;

    height:auto;

}

a{

    text-decoration:none;

    transition:.35s ease;

    color:inherit;

}

ul{

    list-style:none;

}

button{

    font-family:inherit;

}

.container{

    width:92%;

    max-width:1320px;

    margin:auto;

}

.narrow{

    max-width:900px;

    margin:auto;

}


/*==================================================
                TYPOGRAPHY
==================================================*/

h1,
h2,
h3,
h4{

    font-family:

    'Cormorant Garamond',

    serif;

    color:var(--heading);

    font-weight:600;

    letter-spacing:-.5px;

}

h1{

    font-size:4.3rem;

    line-height:1.05;

}

h2{

    font-size:3.1rem;

    line-height:1.15;

}

h3{

    font-size:2rem;

    line-height:1.3;

}

h4{

    font-size:1.4rem;

}

p{

    font-size:1.05rem;

    line-height:2;

    color:var(--text);

}


/*==================================================
                SECTIONS
==================================================*/

section{

    position:relative;

    padding:140px 0;

}

section:first-of-type{

    padding-top:200px;

}


/*==================================================
                BUTTONS
==================================================*/

.btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:56px;

    padding:0 32px;

    background:var(--heading);

    color:#fff;

    border-radius:999px;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:.35s;

}

.btn-primary:hover{

    background:var(--primary);

    transform:translateY(-2px);

}

.btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:56px;

    padding:0 30px;

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

    background:#fff;

    color:var(--heading);

    border-radius:999px;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:.35s;

}

.btn-secondary:hover{

    color:var(--primary);

    border-color:var(--primary);

}


/*==================================================
                UTILITÁRIOS
==================================================*/

.read-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:var(--primary);

    font-weight:700;

    transition:.35s;

}

.read-link:hover{

    gap:16px;

}

.editorial-divider{

    width:100%;

    height:1px;

    background:var(--border);

}

::selection{

    background:var(--primary);

    color:#fff;

}

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-track{

    background:var(--bg);

}

::-webkit-scrollbar-thumb{

    background:rgba(0,0,0,.18);

    border-radius:50px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--primary);

}
/*==================================================
                NAVBAR PREMIUM
==================================================*/

.navbar{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    z-index:9999;

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

    backdrop-filter:blur(18px);

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

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

    transition:.35s ease;

}

.navbar.scrolled{

    background:#171411;

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

}

.nav-container{

    width:94%;

    max-width:1500px;

    margin:auto;

    height:90px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

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

.logo{

    display:flex;

    align-items:center;

    flex-shrink:0;

}

.logo img{

    width:auto;

    height:110px;

    transition:.35s;

}

.navbar.scrolled .logo img{

    height:92px;

}

/*==========================
DESKTOP MENU
==========================*/

.desktop-nav{

    display:flex;

    align-items:center;

    gap:40px;

}

.nav-menu{

    display:flex;

    align-items:center;

    gap:34px;

    list-style:none;

}

.nav-menu li{

    position:relative;

}

.nav-menu a{

    position:relative;

    color:#fff;

    font-size:.80rem;

    font-weight:700;

    letter-spacing:1.3px;

    text-transform:uppercase;

    transition:.3s;

}

.nav-menu a:hover{

    color:#D38345;

}

.nav-menu a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:#D38345;

    transition:.3s;

}

.nav-menu a:hover::after{

    width:100%;

}

/*==========================
LOGIN
==========================*/

.nav-user{

    display:flex;

    align-items:center;

}

.login-link{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 28px;

    border-radius:50px;

    background:#B95B14;

    color:#fff;

    font-size:.82rem;

    font-weight:700;

    transition:.30s;

}

.login-link:hover{

    background:#D38345;

    transform:translateY(-2px);

}

/*==========================
USER MENU
==========================*/

.user-dropdown{

    position:relative;

}

.user-toggle{

    display:flex;

    align-items:center;

    gap:12px;

    background:none;

    border:none;

    color:#fff;

    cursor:pointer;

    font-size:.85rem;

    font-weight:700;

}

.user-toggle i:first-child{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#B95B14;

}

.dropdown-menu{

    position:absolute;

    top:60px;

    right:0;

    width:260px;

    background:#fff;

    border-radius:16px;

    overflow:hidden;

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

    opacity:0;

    visibility:hidden;

    transform:translateY(15px);

    transition:.30s;

}

.user-dropdown:hover .dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.dropdown-menu a,

.dropdown-menu button{

    width:100%;

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 22px;

    background:none;

    border:none;

    text-align:left;

    color:#333;

    font-size:.92rem;

    cursor:pointer;

    transition:.25s;

}

.dropdown-menu a:hover,

.dropdown-menu button:hover{

    background:#F8F4EF;

    color:#B95B14;

}

/*==========================
BOTÃO HAMBÚRGUER
==========================*/

.menu-toggle{

    display:none;

    width:48px;

    height:48px;

    border:none;

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

    color:#fff;

    border-radius:12px;

    cursor:pointer;

    align-items:center;

    justify-content:center;

    font-size:1.2rem;

    transition:.30s;

}

.menu-toggle:hover{

    background:#B95B14;

}

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

.menu-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9998;

}

.menu-overlay.active{

    opacity:1;

    visibility:visible;

}/*=========================================
            MENU MOBILE
=========================================*/

.menu-toggle{

    display:none;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    border:none;

    border-radius:12px;

    background:transparent;

    color:#fff;

    font-size:1.2rem;

    cursor:pointer;

    transition:.3s ease;

}

.menu-toggle:hover{

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

}

.menu-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;

    visibility:hidden;

    transition:.3s ease;

    z-index:9998;

}

.menu-overlay.active{

    opacity:1;

    visibility:visible;

}

.mobile-menu{

    position:fixed;

    top:0;

    right:-100%;

    width:340px;

    max-width:100%;

    height:100vh;

    background:#171411;

    display:flex;

    flex-direction:column;

    overflow-y:auto;

    transition:right .35s ease;

    z-index:9999;

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

}

.mobile-menu.active{

    right:0;

}

.mobile-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:22px;

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

}

.mobile-header img{

    height:72px;

}

.close-menu{

    display:flex;

    align-items:center;

    justify-content:center;

    width:44px;

    height:44px;

    border:none;

    border-radius:10px;

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

    color:#fff;

    cursor:pointer;

    transition:.3s;

}

.close-menu:hover{

    background:var(--primary);

}

.mobile-menu .nav-menu{

    display:flex;

    flex-direction:column;

    gap:0;

    padding:22px;

    list-style:none;

}

.mobile-menu .nav-menu li{

    width:100%;

}

.mobile-menu .nav-menu a{

    display:flex;

    align-items:center;

    gap:14px;

    width:100%;

    padding:16px 0;

    color:#fff;

    text-decoration:none;

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

    transition:.3s;

}

.mobile-menu .nav-menu a::after{

    display:none;

}

.mobile-menu .nav-menu a:hover{

    color:#D38345;

    padding-left:10px;

}

.mobile-user{

    margin-top:auto;

    padding:22px;

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

}

.mobile-login{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    width:100%;

    height:50px;

    border-radius:999px;

    background:var(--primary);

    color:#fff;

    text-decoration:none;

    font-weight:600;

}

.mobile-user-info{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:20px;

    color:#fff;

}

.mobile-user-info i{

    font-size:2rem;

}

.mobile-user-links{

    display:flex;

    flex-direction:column;

    gap:10px;

}

.mobile-user-links a,

.mobile-user-links button{

    display:flex;

    align-items:center;

    gap:12px;

    width:100%;

    padding:14px 0;

    background:none;

    border:none;

    color:#fff;

    text-align:left;

    cursor:pointer;

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

    transition:.3s;

}

.mobile-user-links a:hover,

.mobile-user-links button:hover{

    color:#D38345;

}
/*==================================================
            NAVBAR RESPONSIVE
==================================================*/

@media (max-width:1200px){

    .nav-container{

        width:95%;

    }

    .desktop-nav{

        gap:30px;

    }

    .nav-menu{

        gap:24px;

    }

    .logo img{

        height:100px;

    }

}

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

@media (max-width:992px){

    .navbar{

        background:#171411;

    }

    .nav-container{

        height:82px;

    }

    .logo img{

        height:76px;

    }

    /* Desktop */

    .desktop-nav{

        display:none;

    }

    /* Botão */

    .menu-toggle{

        display:flex;

    }

    /* Painel */

    .mobile-menu{

        display:flex;

    }

}

/*=========================================
768px
=========================================*/

@media (max-width:768px){

    .nav-container{

        width:92%;

        height:78px;

    }

    .logo img{

        height:68px;

    }

    .mobile-menu{

        width:320px;

    }

    .mobile-header{

        padding:20px;

    }

    .mobile-header img{

        height:60px;

    }

    .mobile-menu .nav-menu{

        padding:20px;

    }

    .mobile-menu .nav-menu a{

        font-size:.96rem;

        padding:15px 0;

    }

    .dropdown-menu{

        width:100%;

    }

}

/*=========================================
576px
=========================================*/

@media (max-width:576px){

    .nav-container{

        width:90%;

        height:74px;

    }

    .logo img{

        height:60px;

    }

    .menu-toggle{

        width:44px;

        height:44px;

        font-size:1rem;

    }

    .mobile-menu{

        width:100%;

        max-width:100%;

    }

    .mobile-header{

        padding:18px;

    }

    .mobile-header img{

        height:56px;

    }

    .close-menu{

        width:40px;

        height:40px;

    }

    .mobile-menu .nav-menu{

        padding:18px;

    }

    .mobile-menu .nav-menu a{

        font-size:.94rem;

    }

}

/*=========================================
400px
=========================================*/

@media (max-width:400px){

    .nav-container{

        height:70px;

    }

    .logo img{

        height:54px;

    }

    .menu-toggle{

        width:40px;

        height:40px;

    }

    .mobile-header img{

        height:50px;

    }

    .mobile-menu .nav-menu a{

        font-size:.90rem;

    }

}

/*=========================================
LARGE DESKTOP
=========================================*/

@media (min-width:1400px){

    .nav-container{

        max-width:1600px;

    }

    .nav-menu{

        gap:40px;

    }

    .logo img{

        height:118px;

    }

}
/*==================================================
                EDITORIAL OPENING
==================================================*/

.editorial-opening{

    position:relative;

    padding:220px 0 150px;

    background:var(--bg);

}

.editorial-wrapper{

    max-width:900px;

}

.editorial-label{

    display:inline-flex;

    align-items:center;

    gap:16px;

    margin-bottom:30px;

    color:var(--primary);

    font-size:.72rem;

    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;

}

.editorial-label::before{

    content:"";

    width:55px;

    height:1px;

    background:var(--primary);

}

.editorial-wrapper h1{

    max-width:820px;

    margin-bottom:35px;

}

.editorial-text{

    max-width:720px;

}

.editorial-text p{

    color:var(--muted);

    font-size:1.12rem;

    line-height:2;

    margin-bottom:20px;

}

.editorial-text p:first-child{

    color:var(--heading);

    font-size:1.32rem;

    font-weight:500;

}

.editorial-actions{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

    margin-top:50px;

}


/*==================================================
                BRIEFING DA SEMANA
==================================================*/

.weekly-briefing{

    position:relative;

    padding:140px 0;

    background:

    linear-gradient(

        180deg,

        #FCFAF7 0%,

        #FFFFFF 100%

    );

}

.weekly-briefing::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:140px;

    height:2px;

    background:

    linear-gradient(

        90deg,

        transparent,

        var(--primary),

        transparent

    );

}

/*==============================
SECTION HEADER
==============================*/

.section-header{

    max-width:900px;

    margin-bottom:70px;

}

.section-header.center{

    text-align:center;

    margin-inline:auto;

}

.section-header.center p{

    margin:auto;

}

.section-header span{

    display:inline-flex;

    align-items:center;

    gap:16px;

    margin-bottom:20px;

    color:var(--primary);

    font-size:.72rem;

    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;

}

.section-header span::before{

    content:"";

    width:55px;

    height:1px;

    background:var(--primary);

}

.section-header.center span{

    justify-content:center;

}

.section-header h2{

    margin-bottom:22px;

}

.section-header p{

    max-width:760px;

    color:var(--muted);

}

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

.featured-grid{

    display:grid;

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

    gap:35px;

    margin-top:60px;

}

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

.featured-briefing{

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    background:#fff;

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

    padding:35px;

    transition:.35s ease;

    box-shadow:var(--shadow);

}

.featured-briefing:hover{

    transform:translateY(-6px);

    border-color:var(--primary);

}

.featured-meta{

    display:flex;

    justify-content:space-between;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:20px;

}

.featured-meta span{

    color:var(--primary);

    font-size:.68rem;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.featured-briefing h3{

    font-size:1.45rem;

    line-height:1.45;

    margin-bottom:18px;

}

.featured-briefing p{

    color:var(--muted);

    font-size:.95rem;

    line-height:1.9;

    margin-bottom:28px;

}

.featured-briefing .read-link{

    margin-top:auto;

}

/*==============================
RESPONSIVO
==============================*/

@media (max-width:992px){

    .featured-grid{

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

    }

}

@media (max-width:768px){

    .editorial-opening{

        padding:170px 0 90px;

    }

    .editorial-wrapper h1{

        font-size:2.8rem;

    }

    .section-header h2{

        font-size:2.2rem;

    }

    .featured-grid{

        grid-template-columns:1fr;

        gap:25px;

    }

}

@media (max-width:576px){

    .editorial-wrapper h1{

        font-size:1.8rem;

    }

    .editorial-text p{

        font-size:0.94rem;

    }

    .featured-briefing{

        padding:25px;

    }

}
/*==================================================
                BRIEFINGS
==================================================*/

.briefings-overview{

    padding:140px 0;

    background:#FFFFFF;

}

.briefing-types{

    display:grid;

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

    gap:35px;

    margin-top:60px;

}

.briefing-types article{

    background:#FCFAF7;

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

    padding:35px;

    transition:.35s ease;

    box-shadow:var(--shadow);

}

.briefing-types article:hover{

    transform:translateY(-6px);

    border-color:var(--primary);

}

.briefing-number{

    color:var(--primary);

    font-size:.72rem;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

    text-transform:uppercase;

}

.briefing-types h3{

    margin-bottom:16px;

    font-size:1.55rem;

    line-height:1.35;

}

.briefing-types p{

    color:var(--muted);

    line-height:1.9;

}


/*==================================================
                TEMAS ESTRATÉGICOS
==================================================*/

.strategic-topics{

    padding:150px 0;

    background:

    linear-gradient(

        180deg,

        #FFFFFF 0%,

        #FCFAF7 100%

    );

}

.topics-list{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

.topics-list a{

    display:block;

    background:#FFFFFF;

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

    padding:35px;

    transition:.35s ease;

    box-shadow:var(--shadow);

}

.topics-list a:hover{

    transform:translateY(-5px);

    border-color:var(--primary);

}

.topics-list h3{

    font-size:1.55rem;

    margin-bottom:14px;

    color:var(--heading);

}

.topics-list p{

    color:var(--muted);

    line-height:1.9;

}

.topic-arrow{

    display:none;

}


/*==================================================
            PORQUE EXISTE A BIZNET
==================================================*/

.why-biznet{

    position:relative;

    padding:170px 0;

    overflow:hidden;

    background:

    linear-gradient(

        135deg,

        #FFFFFF 0%,

        #FAF7F2 100%

    );

}

.why-biznet::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:140px;

    height:2px;

    background:

    linear-gradient(

        90deg,

        transparent,

        var(--primary),

        transparent

    );

}

.why-grid{

    display:grid;

    grid-template-columns:360px 1fr;

    gap:100px;

    align-items:start;

}

.why-title{

    position:sticky;

    top:140px;

}

.why-title span{

    display:inline-block;

    margin-bottom:18px;

    color:var(--primary);

    font-size:.72rem;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

.why-title h2{

    font-size:2.45rem;

    line-height:1.15;

}

.why-content{

    max-width:760px;

}

.why-content .lead{

    color:var(--heading);

    font-size:1.35rem;

    font-weight:500;

    line-height:1.8;

    margin-bottom:35px;

}

.why-content p{

    color:var(--muted);

    line-height:2;

    margin-bottom:22px;

}


/*==================================================
                RESPONSIVO
==================================================*/

@media (max-width:992px){

    .briefing-types{

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

    }

    .topics-list{

        grid-template-columns:1fr;

    }

    .why-grid{

        grid-template-columns:1fr;

        gap:60px;

    }

    .why-title{

        position:relative;

        top:auto;

    }

}

@media (max-width:768px){

    .briefing-types{

        grid-template-columns:1fr;

    }

    .briefing-types article,

    .topics-list a{

        padding:28px;

    }

    .why-title h2{

        font-size:2rem;

    }

}

@media (max-width:576px){

    .briefings-overview,

    .strategic-topics,

    .why-biznet{

        padding:90px 0;

    }

    .briefing-types h3,

    .topics-list h3{

        font-size:1.35rem;

    }

}
/*==================================================
                METODOLOGIA BIZNET
==================================================*/

.biznet-methodology{

    position:relative;

    padding:180px 0;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        #1d1713 0%,
        #2a211b 45%,
        #3a2d23 100%
    );

}

.biznet-methodology::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(212,163,95,.06);

}

.biznet-methodology .section-header{

    margin-bottom:90px;

}

.biznet-methodology .section-header span{

    color:#D4A35F;

}

.biznet-methodology .section-header h2{

    color:#fff;

}

.biznet-methodology .section-header p{

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

}

/*==============================
FLOW
==============================*/

.methodology-flow{

    position:relative;

    display:grid;

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

    gap:50px;

}

.methodology-flow::before{

    content:"";

    position:absolute;

    left:8%;

    right:8%;

    top:32px;

    height:2px;

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

}

.flow-item{

    position:relative;

    z-index:2;

    text-align:center;

}

.flow-number{

    width:64px;

    height:64px;

    margin:auto auto 28px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        #D4A35F,
        #C27C2C
    );

    color:#fff;

    font-weight:700;

    box-shadow:0 15px 35px rgba(212,163,95,.18);

}

.flow-item h3{

    color:#fff;

    font-size:1.25rem;

    margin-bottom:15px;

}

.flow-item p{

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

    max-width:220px;

    margin:auto;

}

.flow-item:hover .flow-number{

    transform:scale(1.08);

    transition:.35s;

}

.flow-item:hover h3{

    color:#D4A35F;

}


/*==================================================
            BIZNET PARA ORGANIZAÇÕES
==================================================*/

.biznet-organisations{

    position:relative;

    padding:180px 0;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        #ffffff 0%,
        #f8f4ee 100%
    );

}

.biznet-organisations::before{

    content:"";

    position:absolute;

    top:-220px;

    left:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(196,90,0,.04);

}

.organisation-wrapper{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:100px;

}

.organisation-left{

    position:sticky;

    top:140px;

}

.organisation-left span{

    display:inline-block;

    margin-bottom:18px;

    color:var(--primary);

    font-size:.72rem;

    letter-spacing:3px;

    font-weight:700;

    text-transform:uppercase;

}

.organisation-left h2{

    margin-bottom:25px;

}

.organisation-left p{

    color:var(--muted);

}

.organisation-services{

    position:relative;

    display:flex;

    flex-direction:column;

    gap:45px;

    padding-left:60px;

}

.organisation-services::before{

    content:"";

    position:absolute;

    left:18px;

    top:5px;

    bottom:5px;

    width:2px;

    background:linear-gradient(
        180deg,
        rgba(196,90,0,.35),
        rgba(196,90,0,.08)
    );

}

.organisation-services article{

    position:relative;

    transition:.35s;

}

.organisation-services article::before{

    content:"";

    position:absolute;

    left:-53px;

    top:5px;

    width:14px;

    height:14px;

    border-radius:50%;

    background:var(--primary);

    box-shadow:0 0 0 8px rgba(196,90,0,.10);

}

.organisation-services article:hover{

    transform:translateX(10px);

}

.organisation-services h3{

    margin-bottom:12px;

}

.organisation-services p{

    color:var(--muted);

    max-width:520px;

}


/*==================================================
            PARCEIRO ESTRATÉGICO
==================================================*/

.partner-section{

    background:#fff;

    padding:190px 0;

}

.partner-grid{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:100px;

    align-items:center;

}

.partner-logo{

    display:flex;

    justify-content:center;

}

.partner-logo img{

    max-width:180px;

    opacity:.9;

    transition:.35s;

}

.partner-logo img:hover{

    opacity:1;

    transform:scale(1.04);

}

.partner-content span{

    display:block;

    margin-bottom:20px;

    color:var(--primary);

    font-size:.75rem;

    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;

}

.partner-content h2{

    margin-bottom:25px;

}

.partner-content p{

    max-width:760px;

    margin-bottom:20px;

}

.partner-content a{

    display:inline-block;

    color:var(--primary);

    font-weight:700;

}

.partner-content a:hover{

    letter-spacing:.5px;

}


/*==================================================
RESPONSIVO
==================================================*/

@media(max-width:992px){

    .methodology-flow{

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

    }

    .methodology-flow::before{

        display:none;

    }

    .organisation-wrapper{

        grid-template-columns:1fr;

        gap:60px;

    }

    .organisation-left{

        position:relative;

        top:auto;

    }

    .partner-grid{

        grid-template-columns:1fr;

        gap:50px;

        text-align:center;

    }

}

@media(max-width:768px){

    .methodology-flow{

        grid-template-columns:1fr;

    }

    .organisation-services{

        padding-left:35px;

    }

    .organisation-services article::before{

        left:-28px;

    }

}

@media(max-width:576px){

    .biznet-methodology,

    .biznet-organisations,

    .partner-section{

        padding:90px 0;

    }

    .organisation-left h2,

    .partner-content h2{

        font-size:2rem;

    }

}
/*==================================================
                NEWSLETTER
==================================================*/

.newsletter-section{

    position:relative;

    overflow:hidden;

    padding:200px 0;

    text-align:center;

    background:linear-gradient(
        135deg,
        #181310 0%,
        #231B16 45%,
        #30251D 100%
    );

}

.newsletter-wrapper{

    max-width:760px;

    margin:auto;

}

.newsletter-wrapper span{

    display:block;

    margin-bottom:20px;

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

    font-size:.75rem;

    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;

}

.newsletter-wrapper h2{

    color:#fff;

    font-size:3.5rem;

    line-height:1.1;

    margin-bottom:30px;

}

.newsletter-wrapper p{

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

    margin-bottom:40px;

}

.newsletter-form{

    display:flex;

    max-width:620px;

    margin:50px auto;

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

}

.newsletter-form input{

    flex:1;

    border:none;

    outline:none;

    background:transparent;

    color:#fff;

    font-size:1rem;

    padding:18px 0;

}

.newsletter-form input::placeholder{

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

}

.newsletter-form button{

    border:none;

    background:none;

    color:#fff;

    cursor:pointer;

    font-size:.85rem;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    transition:.3s;

}

.newsletter-form button:hover{

    color:var(--primary-light);

}

.newsletter-links{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:35px;

    margin:40px 0;

}

.newsletter-links a{

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

}

.newsletter-links a:hover{

    color:#fff;

}

.closing-message{

    margin-top:45px;

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

    font-style:italic;

}


/*==================================================
                    FOOTER
==================================================*/

.footer{

    background:#171411;

    padding:70px 0 25px;

}

.footer-content{

    display:grid;

    grid-template-columns:1.4fr 1fr 1fr;

    gap:60px;

    padding-bottom:45px;

}

.footer-brand{

    padding-right:30px;

}

.footer-logo{

    width:170px;

    margin-bottom:25px;

}

.footer-brand p{

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

}

.footer-column{

    position:relative;

    padding-left:40px;

}

.footer-column::before{

    content:"";

    position:absolute;

    left:0;

    top:5px;

    width:1px;

    height:170px;

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

}

.footer-column h4{

    margin-bottom:30px;

    color:#fff;

    font-size:1rem;

    letter-spacing:3px;

}

.footer-column a{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:18px;

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

    transition:.3s;

}

.footer-column a:hover{

    color:#fff;

    transform:translateX(6px);

}

.footer-column a i{

    width:18px;

    color:var(--primary);

}

.footer-bottom{

    padding-top:20px;

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

    text-align:center;

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

    font-size:.90rem;

}


/*==================================================
            RESPONSIVO GERAL
==================================================*/

@media(max-width:992px){

    h1{

        font-size:3.3rem;

    }

    h2{

        font-size:2.5rem;

    }

    section{

        padding:110px 0;

    }

}

@media(max-width:768px){

    section{

        padding:90px 0;

    }

    h1{

        font-size:2.6rem;

    }

    h2{

        font-size:2rem;

    }

    p{

        font-size:1rem;

    }

    .newsletter-section{

        padding:110px 0;

    }

    .newsletter-wrapper h2{

        font-size:2.3rem;

    }

    .newsletter-form{

        flex-direction:column;

        gap:18px;

        border:none;

    }

    .newsletter-form input{

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

    }

    .newsletter-form button{

        width:100%;

        height:54px;

        border-radius:999px;

        background:var(--primary);

    }

    .footer-content{

        grid-template-columns:1fr;

        gap:35px;

    }

    .footer-column{

        padding-left:0;

    }

    .footer-column::before{

        display:none;

    }

}

@media(max-width:576px){

    .container{

        width:90%;

    }

    h1{

        font-size:2.2rem;

    }

    h2{

        font-size:1.8rem;

    }

    .newsletter-wrapper h2{

        font-size:1.9rem;

    }

    .newsletter-links{

        flex-direction:column;

        gap:18px;

    }

    .footer{

        padding:55px 0 25px;

    }

}