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

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{

     Fundo igual à logo 

    --bg:#071626;
    --bg2:#0A1E33;
    --bg3:#102845;

     Dourado da logo 

    --gold:#D4AF37;
    --gold2:#E3C66A;
    --gold3:#A87817;

    Branco 

    --white:#FFFFFF;

    /* Texto 

    --text:#D8E0E8;

    /* Card 

    --card:#0C2136;

}

html{

scroll-behavior:smooth;

}

body{

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

background:#071626;

color:#fff;

overflow-x:hidden;

}

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

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{

    /* Fundo igual à logo 

    --bg:#071626;
    --bg2:#0A1E33;
    --bg3:#102845;

    /* Dourado da logo 

    --gold:#D4AF37;
    --gold2:#E3C66A;
    --gold3:#A87817;

    /* Branco 

    --white:#FFFFFF;

    /* Texto 

    --text:#D8E0E8;

    /* Card 

    --card:#0C2136;

}

html{

scroll-behavior:smooth;

}

body{

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

background:#071626;

color:#fff;

overflow-x:hidden;

}

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

.hero{

min-height:100vh;

display:flex;

align-items:center;

position:relative;

overflow:hidden;

padding:140px 0 90px;

background:

radial-gradient(circle at top right,
rgba(255,255,255,.03),
transparent 45%),

linear-gradient(
135deg,
#071626 0%,
#0A1E33 45%,
#071626 100%
);

}

.hero::before{

content:"";

position:absolute;

width:900px;

height:900px;

right:-420px;

top:-260px;

border:1px solid rgba(212,175,55,.08);

border-radius:50%;

}

.hero::after{

content:"";

position:absolute;

width:760px;

height:760px;

left:-480px;

bottom:-420px;

border:1px solid rgba(212,175,55,.06);

border-radius:50%;

}

.hero-tag{

display:inline-block;

color:var(--gold);

font-size:13px;

font-weight:700;

letter-spacing:3px;

margin-bottom:22px;

text-transform:uppercase;

}

.hero h1{

font-size:72px;

font-weight:800;

line-height:1.05;

margin-bottom:28px;

max-width:720px;

letter-spacing:-2px;

}

.hero h1 .gold{

color:var(--gold);

}

.hero p{

font-size:20px;

line-height:1.9;

color:#c7d4e0;

max-width:600px;

margin-bottom:42px;

}

.hero-buttons{

display:flex;

gap:20px;

margin-bottom:45px;

}

.btn-gold{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 38px;

border-radius:50px;

background:linear-gradient(

180deg,

#F1D98B 0%,

#D4AF37 45%,

#B58317 100%

);

color:#071626;

font-weight:700;

box-shadow:

0 18px 40px rgba(212,175,55,.22);

}

.btn-gold:hover{

filter:brightness(1.06);

transform:translateY(-3px);

box-shadow:

0 25px 50px rgba(212,175,55,.35);

}

.btn-outline-custom{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 38px;

border-radius:50px;

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

color:white;

text-decoration:none;

transition:.35s;

}

.btn-outline-custom:hover{

background:white;

color:#061a2d;

}

.card-dark{

background:#0C2136;

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

border-radius:20px;

transition:.35s;

}

.card-dark:hover{

transform:translateY(-8px);

border-color:rgba(216,176,74,.35);

box-shadow:

0 25px 45px rgba(0,0,0,.35);

}

.icon-gold{

color:#D8B04A;

font-size:42px;

margin-bottom:18px;

}

.section-title span{

color:#D8B04A;

}

/*=========================
ESTATÍSTICAS
=========================

.stats-bar{

background:linear-gradient(
180deg,
#081727,
#0b2238
);

padding:38px 0;

margin-top:-2px;

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

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

}

.stats-item{

text-align:center;

}

.stats-item h2{

font-size:54px;

font-weight:800;

color:var(--gold);

margin-bottom:8px;

}

.stats-item p{

font-size:18px;

color:#d7e2ed;

margin:0;

}

.stats-item:not(:last-child){

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

}

.step-icon{

width:90px;

height:90px;

border-radius:50%;

background:#0C2136;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

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

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

}

.step-number{

width:34px;

height:34px;

background:var(--gold);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

color:#071626;

margin:-12px auto 18px;

}

.steps{

position:relative;

}

.steps::before{

content:"";

position:absolute;

top:46px;

left:10%;

width:80%;

border-top:2px dashed rgba(212,175,55,.35);

z-index:0;

}

.project-card{

background:#0e2033;

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

border-radius:18px;

padding:25px;

transition:.35s;

overflow:hidden;

}

.project-card:hover{

transform:translateY(-8px);

border-color:rgba(210,170,54,.5);

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

}

.project-card img{

width:100%;

height:220px;

object-fit:cover;

border-radius:12px;

margin-bottom:18px;

}

.price-card{

width:480px;

margin:auto;

padding:45px;

background:linear-gradient(
180deg,
#0d2236,
#081726
);

border-radius:24px;

border:1px solid rgba(212,175,55,.25);

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

}

.price{

font-size:72px;

font-weight:800;

color:var(--gold);

}

.price-card .btn{

margin-top:35px;

width:100%;

}

.contact-form input,
.contact-form textarea{

background:#10273d;

border:none;

border-radius:14px;

padding:18px;

color:#fff;

font-size:17px;

margin-bottom:18px;

width:100%;

transition:.3s;

}

.contact-form input:focus,
.contact-form textarea:focus{

outline:none;

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

box-shadow:0 0 20px rgba(212,175,55,.18);

}

footer{

background:#071523;

padding:70px 0 30px;

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

} */
 
/*==================================================
ALGERE V2
RESET + VARIÁVEIS + BODY + NAVBAR
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{

    --bg:#071626;
    --bg2:#0A1E33;
    --bg3:#102845;

    --gold:#D4AF37;
    --gold-light:#F2D27A;
    --gold-dark:#A87817;

    --white:#FFFFFF;
    --text:#D9E1EA;

    --card:#0C2136;

    --border:rgba(255,255,255,.06);

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

    --radius:18px;

    --transition:.35s;

}

*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

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

background:linear-gradient(
180deg,
#071626 0%,
#0A1E33 45%,
#071626 100%
);

color:#fff;

overflow-x:hidden;

}

img{

max-width:100%;

display:block;

}

a{

text-decoration:none;

transition:var(--transition);

}

.section-padding{

padding:120px 0;

}

/*========================
NAVBAR
========================*/

.navbar-custom{

background:rgba(7,22,38,.92);

backdrop-filter:blur(14px);

padding:18px 0;

transition:var(--transition);

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

}

.logo-nav{

height:60px;

width:auto;

}

.navbar-nav{

gap:18px;

}

.nav-link{

font-size:14px;

font-weight:600;

letter-spacing:.6px;

color:#fff !important;

position:relative;

}

.nav-link::after{

content:"";

position:absolute;

left:0;

bottom:-6px;

width:0;

height:2px;

background:var(--gold);

transition:.3s;

}

.nav-link:hover::after{

width:100%;

}

.nav-link{

position:relative;

font-weight:600;

transition:.35s;

}

.nav-link::after{

content:"";

position:absolute;

left:0;

bottom:-8px;

width:0;

height:2px;

background:var(--gold);

transition:.35s;

}

.nav-link:hover{

color:var(--gold)!important;

}

.nav-link:hover::after{

width:100%;

}

/*=====================================
NAVBAR AO DESCER
======================================*/

.navbar-scroll{

padding:14px 0 !important;

background:rgba(7,22,38,.94) !important;

backdrop-filter:blur(18px);

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

border-bottom:1px solid rgba(212,175,55,.12);

}

.desktop-btn{

padding:15px 32px;

border-radius:50px;

background:linear-gradient(
180deg,
#F2D27A,
#D4AF37,
#A87817
);

color:#071626!important;

font-weight:700;

box-shadow:0 15px 35px rgba(212,175,55,.25);

}

.desktop-btn:hover{

transform:translateY(-3px);

filter:brightness(1.05);

}

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

.hero{

position:relative;

display:flex;

align-items:center;

min-height:100vh;

padding:150px 0 100px;

overflow:hidden;

background:
radial-gradient(circle at top right,
rgba(212,175,55,.08),
transparent 35%),

linear-gradient(
135deg,
#071626 0%,
#0A1E33 45%,
#071626 100%
);

}

/* linhas decorativas */

.hero::before{

content:"";

position:absolute;

width:900px;

height:900px;

right:-430px;

top:-350px;

border:1px solid rgba(212,175,55,.08);

border-radius:50%;

}

.hero::after{

content:"";

position:absolute;

width:650px;

height:650px;

left:-350px;

bottom:-280px;

border:1px solid rgba(212,175,55,.05);

border-radius:50%;

}

.hero .container{

position:relative;

z-index:5;

}

/*================================*/

.hero-tag{

display:inline-block;

margin-bottom:28px;

font-size:13px;

font-weight:700;

letter-spacing:3px;

color:var(--gold);

text-transform:uppercase;

}

/*================================*/

.hero h1{

font-size:68px;

font-weight:800;

line-height:1.05;

letter-spacing:-2px;

margin-bottom:28px;

max-width:720px;

}

.gold{

color:var(--gold);

}

/*================================*/

.hero p{

max-width:620px;

font-size:20px;

line-height:1.9;

color:var(--text);

margin-bottom:45px;

}

/*================================*/

.hero-buttons{

display:flex;

gap:20px;

margin-bottom:55px;

flex-wrap:wrap;

}

/*================================*/

.btn-gold{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 42px;

border-radius:50px;

background:linear-gradient(
180deg,
#F2D27A,
#D4AF37,
#A87817
);

color:#071626;

font-weight:700;

box-shadow:0 20px 40px rgba(212,175,55,.25);

transition:.35s;

}

.btn-gold:hover{

transform:translateY(-4px);

box-shadow:

0 20px 45px rgba(212,175,55,.35);

filter:brightness(1.05);

}

/*================================*/

.btn-outline-custom{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 42px;

border-radius:50px;

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

color:#fff;

font-weight:600;

}

.btn-outline-custom:hover{

background:#fff;

color:#071626;

}

/*================================*/

.hero-icons{

display:flex;

gap:35px;

flex-wrap:wrap;

}

.hero-icons div{

display:flex;

align-items:center;

gap:10px;

font-size:15px;

color:#d8e2ec;

}

.hero-icons img{

width:22px;

height:22px;

filter:brightness(1.3);

}

/*================================*/

.hero-right{

    display:flex;

    justify-content:center;

    align-items:center;

    padding-left:70px;

}

.hero-logo{

    width:800px;
    height:560px;

    border-radius:50%;

    border:3px solid rgba(226,181,47,.18);

    padding:18px;

    background:transparent;

    object-fit:cover;

    box-shadow:
        0 0 80px rgba(226,181,47,.15);

}

.hero-logo:hover{

    transform:scale(1.20) rotate(-1deg);

}

@keyframes floatLogo{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}

/*================================*/

@media(max-width:991px){

.hero{

padding-top:140px;

text-align:center;

}

.hero h1{

font-size:46px;

}

.hero p{

margin:auto;

margin-bottom:35px;

}

.hero-buttons{

justify-content:center;

}

.hero-icons{

justify-content:center;

margin-bottom:45px;

}

.hero-logo{

max-width:320px;

}



}

@media(max-width:576px){

.hero{

padding-top:120px;

}

.hero h1{

font-size:36px;

line-height:1.15;

}

.hero p{

font-size:17px;

}

.hero-buttons a{

width:100%;

}

.hero-icons{

display:grid;

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

gap:15px;

text-align:left;

}

}

/*==================================================
ESTATÍSTICAS
==================================================*/

.stats-bar{

position:relative;

margin-top:-1px;

padding:45px 0;

background:#081726;

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

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

}

.stat-item{

display:flex;

align-items:center;

gap:18px;

padding:25px;

height:100%;

transition:.35s;

}

.stat-item:hover{

transform:translateY(-6px);

}

.stat-icon{

width:65px;

height:65px;

border-radius:18px;

background:rgba(212,175,55,.08);

display:flex;

align-items:center;

justify-content:center;

}

.stat-icon img{

width:28px;

height:28px;

}

.stat-item h2{

font-size:42px;

font-weight:800;

color:var(--gold);

margin:0;

line-height:1;

}

.stat-item p{

margin:8px 0 0;

font-size:15px;

color:#d5dee8;

}

.stats-bar .col-lg-3{

border-right:1px solid rgba(255,255,255,.05);

}

.stats-bar .col-lg-3:last-child{

border:none;

}

/*==================================================
PROCESSO
==================================================*/

.process{

background:#07192D;

position:relative;

overflow:hidden;

}

.process::before{

content:"";

position:absolute;

width:700px;

height:700px;

right:-350px;

top:-300px;

border:1px solid rgba(212,175,55,.06);

border-radius:50%;

}

.process .section-title{

margin-bottom:80px;

}

.process-card{

position:relative;

background:#0C2136;

padding:35px 28px;

border-radius:22px;

text-align:center;

height:100%;

transition:.35s;

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

overflow:hidden;

}

.process-card:hover{

transform:translateY(-8px);

border-color:rgba(212,175,55,.25);

box-shadow:0 25px 45px rgba(0,0,0,.30);

}

.process-circle{

width:90px;

height:90px;

margin:auto;

margin-bottom:20px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(
180deg,
#132A42,
#0B1F34
);

border:1px solid rgba(212,175,55,.15);

}

.process-circle img{

width:42px;

height:42px;

}

.step{

display:inline-flex;

width:34px;

height:34px;

align-items:center;

justify-content:center;

border-radius:50%;

background:linear-gradient(
180deg,
#F2D27A,
#D4AF37,
#A87817
);

color:#071626;

font-weight:700;

margin-bottom:18px;

}

.process-card h4{

font-size:24px;

font-weight:700;

margin-bottom:18px;

}

.process-card p{

font-size:15px;

line-height:1.8;

color:#d7e2eb;

}

/*==================================================
PORTFÓLIO
==================================================*/

.portfolio{

background:linear-gradient(
180deg,
#071626 0%,
#0b2238 100%
);

position:relative;

}

.project-card{

background:#0c2136;

border-radius:22px;

overflow:hidden;

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

transition:.35s;

height:100%;

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

position: relative;
}

.project-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:4px;

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

opacity:0;

transition:.35s;

}

.project-card:hover::before{

opacity:1;

}

.project-card:hover{

transform:translateY(-10px);

border-color:rgba(212,175,55,.30);

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

}

.project-card img{

width:100%;

height:240px;

object-fit:cover;

transition:.5s;

border-radius:18px 18px 0 0;

filter:saturate(.9);


}

.project-card:hover img{

transform:scale(1.05);

filter:saturate(1.1);

}



.project-content{

padding:28px;

background:#0C2136;

}

.project-content h4{

font-size:22px;

font-weight:700;

margin-bottom:10px;

}

.project-content p{

font-size:15px;

color:#bfcad5;

margin-bottom:22px;

line-height:1.7;

}

.project-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:13px 24px;

border-radius:40px;

background:transparent;

border:1px solid rgba(212,175,55,.30);

color:var(--gold);

font-weight:600;

transition:.35s;

}

.project-btn:hover{

background:var(--gold);

color:#071626;

transform:translateY(-3px);

}

/*==================================================
BENEFÍCIOS
==================================================*/

.benefits{

background:#07192d;

position:relative;

overflow:hidden;

}

.benefits::before{

content:"";

position:absolute;

left:-250px;

top:-250px;

width:650px;

height:650px;

border:1px solid rgba(212,175,55,.05);

border-radius:50%;

}

.benefit-card{

background:#0c2136;

border-radius:22px;

padding:35px;

height:100%;

transition:.35s;

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

}

.benefit-card:hover{

transform:translateY(-8px);

border-color:rgba(212,175,55,.30);

box-shadow:0 25px 45px rgba(0,0,0,.30);

}

.benefit-icon{

width:70px;

height:70px;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

background:rgba(212,175,55,.10);

color:var(--gold);

font-size:30px;

margin-bottom:24px;

}

.benefit-card h3{

font-size:24px;

font-weight:700;

margin-bottom:18px;

}

.benefit-card p{

color:#d8e1ea;

font-size:15px;

line-height:1.8;

}

/*==================================================
NICHOS
==================================================*/

.segments{

background:#081726;

position:relative;

}

.segment-card{

background:#0C2136;

padding:40px 20px;

border-radius:22px;

text-align:center;

transition:.35s;

height:100%;

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

cursor:pointer;

}

.segment-card:hover{

transform:translateY(-10px);

border-color:#d4af37;

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

}

.segment-card i{

font-size:42px;

margin-bottom:20px;

display:block;

color:var(--gold);

}

.segment-card h4{

font-size:20px;

font-weight:600;

color:#fff;

}


/*==================================================
PLANO
==================================================*/

/*==================================================
PLANOS
==================================================*/

.plans{
    background:linear-gradient(180deg,#071626,#081726);
}

.plan-card{

    background:#fff;

    border-radius:25px;

    padding:45px;

    height:100%;

    display:flex;

    flex-direction:column;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    border:1px solid rgba(212,175,55,.18);

    transition:.35s;

}

.plan-card:hover{

    transform:translateY(-8px);

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

}

.plan-header{

    text-align:center;

    margin-bottom:30px;

}

.plan-header h3{

    font-size:34px;

    font-weight:700;

    color:#071626;

    margin-bottom:15px;

}

.plan-header p{

    color:#666;

    font-size:16px;

    line-height:1.8;

    margin:0;

}

.agenda-highlight{

    background:#FFF8E6;

    border:1px solid rgba(212,175,55,.30);

    border-radius:14px;

    padding:18px;

    color:#A77A00 !important;

    font-weight:600;

}

/*==========================
PREÇO
==========================*/

.plan-price{

    text-align:center;

    margin:35px 0 10px;

}

.plan-price span{

    display:block;

    color:var(--gold);

    font-size:24px;

    font-weight:700;

}

.plan-price h2{

    margin:5px 0;

    font-size:92px;

    font-weight:800;

    line-height:1;

    color:#071626;

}

.plan-price p{

    margin:0;

    color:#666;

    font-size:17px;

}

.plan-month{

    text-align:center;

    margin-bottom:35px;

}

.plan-month p{

    margin:0;

    color:var(--gold);

    font-size:24px;

    font-weight:700;

}

/*==========================
LISTA
==========================*/

.plan-list{

    list-style:none;

    padding:0;

    margin:0;

    flex:1;

}

.plan-list li{

    display:flex;

    align-items:center;

    gap:10px;

    padding:12px 0;

    border-bottom:1px solid #ececec;

    color:#555;

    font-size:16px;

}

.plan-list li:last-child{

    border-bottom:none;

}

.plan-list i{

    color:var(--gold);

    font-size:18px;

}

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

.plan-card .btn{

    height:60px;

    font-size:16px;

    font-weight:700;

}


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

.cta{

padding:100px 0;

background:linear-gradient(
135deg,
#081726,
#0A2137
);

position:relative;

overflow:hidden;

}

.cta::before{

content:"";

position:absolute;

width:700px;

height:700px;

right:-350px;

top:-350px;

border-radius:50%;

background:rgba(212,175,55,.05);

filter:blur(40px);

}

.cta h2{

font-size:52px;

font-weight:800;

line-height:1.2;

margin-bottom:25px;

}

.cta p{

font-size:18px;

color:#d6dfe8;

line-height:1.9;

}


/*==================================================
CONTATO
==================================================*/

.contact{

background:#071626;

}

.contact-form{

display:flex;

flex-direction:column;

gap:18px;

}

.contact-form input,

.contact-form textarea{

width:100%;

padding:18px;

background:#0C2136;

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

border-radius:14px;

color:#fff;

font-size:16px;

transition:.35s;

}

.contact-form input:focus,

.contact-form textarea:focus{

outline:none;

border-color:rgba(212,175,55,.35);

box-shadow:0 0 18px rgba(212,175,55,.18);

}

.contact-form textarea{

resize:none;

min-height:180px;

}


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

footer{

background:#04111D;

padding:80px 0 35px;

text-align:center;

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

position:relative;  

}

.footer-logo img{

width:230px;

margin:auto;

margin-bottom:25px;

}

.footer-social{

display:flex;

justify-content:center;

gap:18px;

margin:35px 0;

}

.footer-social a{

width:54px;

height:54px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#0C2136;

color:var(--gold);

font-size:22px;

transition:.35s;

}

.footer-social a:hover{

background:var(--gold);

color:#071626;

transform:translateY(-6px);

}

footer hr{

margin:35px 0;

border-color:rgba(255,255,255,.08);

}

footer p{

color:#aeb8c2;

}

footer::before{

content:"";

position:absolute;

top:0;

left:50%;

transform:translateX(-50%);

width:300px;

height:2px;

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

}


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

@media(max-width:991px){

.section-padding{

padding:90px 0;

}

.section-title{

text-align:center;

margin-bottom:70px;

}

.section-title h2{

font-size:52px;

font-weight:800;

line-height:1.2;

margin-bottom:20px;

letter-spacing:-1px;

}

.section-title p{

font-size:18px;

line-height:1.9;

max-width:760px;

margin:auto;

color:#C8D5E1;

}

section{

position:relative;

padding:120px 0;

}

.section-mini-title{

display:inline-block;

margin-bottom:15px;

letter-spacing:3px;

font-size:13px;

font-weight:700;

color:var(--gold);

}

.section-title::after{

content:"";

display:block;

width:90px;

height:4px;

margin:25px auto 0;

border-radius:20px;

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

}

.cta h2{

font-size:36px;

}

.plan-card{

padding:35px;

}

.hero-icons{

justify-content:center;

}

}

@media(max-width:576px){

.section-title h2{

font-size:30px;

}

.hero h1{

font-size:36px;

}

.plan-price h2{

font-size:60px;

}

.footer-logo img{

width:170px;

}

.hero-buttons{

flex-direction:column;

}

.hero-buttons a{

width:100%;

}

}

.portfolio .row{

row-gap:30px;

}

.project-category{

display:inline-block;

margin-bottom:14px;

padding:6px 14px;

border-radius:30px;

background:rgba(212,175,55,.10);

color:var(--gold);

font-size:12px;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

}

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

.project-card,
.benefit-card,
.segment-card,
.process-card,
.plan-card{

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

}

.project-card:hover,
.benefit-card:hover,
.segment-card:hover,
.process-card:hover,
.plan-card:hover{

transform:translateY(-12px);

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

}

.navbar-custom{

transition:.35s;

}

.hero-icon{
    color: var(--gold);
    font-size:22px;
    margin-right:10px;
}

.stat-icon{

font-size:34px;

color:#D4AF37;

}

.process-icon{

font-size:42px;

color:#D4AF37;

}

.hero-image img{

width:100%;

max-width:680px;

display:block;

margin:auto;

filter:
drop-shadow(0 25px 45px rgba(0,0,0,.65));

transition:.5s;

}

.hero-image{

display:flex;

justify-content:center;

align-items:center;

}

.hero-image{

position:relative;

}

.hero-image::before{

content:"";

position:absolute;

width:520px;

height:520px;

background:radial-gradient(circle,
rgba(212,175,55,.22),
transparent 70%);

border-radius:50%;

z-index:-1;

filter:blur(25px);

}

.hero-image img{

animation:float 6s ease-in-out infinite;

}

@keyframes float{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-10px);
}

100%{
transform:translateY(0px);
}

}

.navbar-brand img{

height:72px;

width:auto;

border-radius:16px;

padding:6px;

background:#0c1b2d;

box-shadow:
0 0 30px rgba(212,175,55,.25);

transition:.35s;

}
.navbar-brand img:hover{

transform:scale(1.06);

box-shadow:
0 0 40px rgba(212,175,55,.45);



}

@media (max-width:991px){

.hero-right{

    position:absolute;

    inset:0;

    display:flex;
    justify-content:center;
    align-items:center;

    z-index:0;

    pointer-events:none;

}

.hero-logo{

    width:330px;

    opacity:.08;

    filter:none;

}

.hero-left{

    position:relative;

    z-index:2;

}

}

/* ==========================================================
   SERVIÇOS PERSONALIZADOS
========================================================== */

.custom-services{
    padding:90px 0;
    background:#0d2236;
    border-top:1px solid rgba(201,157,51,.25);
}

.custom-services .section-subtitle{
    color:#d4a72c;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:14px;
    font-weight:700;
    margin-bottom:10px;
}

.custom-services h2{
    color:#fff;
    font-size:48px;
    font-weight:800;
    margin-bottom:15px;
}

.custom-services h2 span{
    color:#d4a72c;
}

.custom-services .section-description{
    color:#c8d4df;
    font-size:18px;
    max-width:850px;
    margin-bottom:60px;
}

/* GRID */

.services-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/* CARD */

.service-card{

    background:#102840;

    border:1px solid rgba(212,167,44,.20);

    border-radius:20px;

    padding:35px;

    transition:

    transform .35s,

    box-shadow .35s,

    border-color .35s,

    background .35s;

    position:relative;

    overflow:hidden;
}

/* brilho */

.service-card::before{

content:"";

position:absolute;

top:-80px;

right:-80px;

width:180px;

height:180px;

background:rgba(212,167,44,.08);

border-radius:50%;

transition:.4s;
}

.service-card:hover::before{

transform:scale(1.4);

}

.service-card:hover{

transform:translateY(-10px);

border-color:#d4a72c;

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

/* icone */

.service-card i{

font-size:44px;

color:#d4a72c;

margin-bottom:22px;

display:block;
}

.service-card h4{

font-size:30px;

color:#fff;

margin-bottom:15px;

font-weight:700;
}

.service-card p{

font-size:17px;

line-height:1.8;

color:#c5d1dc;

margin:0;
}

/* CTA */

.custom-cta{

margin-top:70px;

text-align:center;
}

.custom-cta h3{

font-size:42px;

color:#fff;

font-weight:800;

margin-bottom:18px;
}

.custom-cta p{

font-size:18px;

color:#c5d1dc;

margin-bottom:35px;
}

.custom-cta .btn{

padding:18px 48px;

border-radius:60px;

font-size:18px;

font-weight:700;

background:linear-gradient(180deg,#efcb58,#c99818);

color:#071827;

transition:.35s;

box-shadow:0 0 40px rgba(212,167,44,.25);
}

.custom-cta .btn:hover{

transform:translateY(-4px);

box-shadow:0 0 55px rgba(212,167,44,.45);
}

/* RESPONSIVO */

@media(max-width:1200px){

.services-grid{

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

}

}

@media(max-width:768px){

.services-grid{

grid-template-columns:1fr;

}

.custom-services h2{

font-size:36px;

}

.service-card{

padding:28px;

}

.custom-cta h3{

font-size:32px;

}

}

/*=====================================
ANIMAÇÃO DOS CARDS
======================================*/

.process-card,
.project-card,
.benefit-card,
.segment-card,
.plan-card,
.service-card,
.stat-item{

opacity:0;

transform:translateY(45px);

transition:

opacity .8s ease,

transform .8s ease;

}

.show-element{

opacity:1 !important;

transform:translateY(0) !important;

}

.email-popup{

position:fixed;

inset:0;

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

display:none;

justify-content:center;

align-items:center;

z-index:99999;

backdrop-filter:blur(4px);

}

.email-popup.show{

display:flex;

}

.email-box{

background:#0d2236;

padding:35px;

border-radius:20px;

width:340px;

text-align:center;

border:1px solid rgba(212,175,55,.25);

box-shadow:0 20px 60px rgba(0,0,0,.45);

}

.email-box i{

font-size:42px;

color:#d4af37;

margin-bottom:15px;

}

.email-box h4{

color:#fff;

margin-bottom:15px;

}

.email-box p{

color:#d7dfe8;

font-size:18px;

margin-bottom:25px;

}

.email-box button{

background:linear-gradient(180deg,#f0d06e,#d4af37);

border:none;

padding:14px 28px;

border-radius:40px;

font-weight:700;

cursor:pointer;

}

/*==================================================
PORTFÓLIO COM VÍDEOS
==================================================*/

.project-card{

background:#0c2136;

border-radius:22px;

overflow:hidden;

border:1px solid rgba(212,175,55,.12);

transition:.35s;

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

height:100%;

}

.project-card:hover{

transform:translateY(-8px);

border-color:rgba(212,175,55,.35);

box-shadow:0 25px 55px rgba(0,0,0,.35);

}

/* PREVIEW */

.project-preview{

position:relative;

height:240px;

overflow:hidden;

background:#081726;

}

.project-video{

width:100%;

height:100%;

object-fit:cover;

display:block;

transition:.6s;

}

/* Zoom no vídeo */

.project-card:hover .project-video{

transform:scale(1.08);

}

/* Overlay */

.project-overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

display:flex;

justify-content:center;

align-items:center;

background:rgba(8,23,38,.55);

opacity:0;

transition:.35s;

backdrop-filter:blur(3px);

}

.project-card:hover .project-overlay{

opacity:1;

}

/* Gradiente superior */

.project-preview::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:50px;

background:linear-gradient(to bottom,

rgba(8,23,38,.90),

transparent);

z-index:2;

}

/* Gradiente inferior */

.project-preview::after{

content:"";

position:absolute;

bottom:0;

left:0;

width:100%;

height:60px;

background:linear-gradient(to top,

rgba(8,23,38,.95),

transparent);

z-index:2;

}

/* Conteúdo */

.project-content{

padding:28px;

}

.project-category{

display:inline-block;

padding:6px 14px;

border-radius:30px;

background:rgba(212,175,55,.12);

color:#d4af37;

font-size:12px;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

margin-bottom:14px;

}

.project-content h4{

font-size:22px;

font-weight:700;

color:#fff;

margin-bottom:12px;

}

.project-content p{

font-size:15px;

line-height:1.7;

color:#c6d2dd;

margin-bottom:22px;

}

/* Botão */

.project-btn{

display:inline-flex;

justify-content:center;

align-items:center;

padding:12px 26px;

border-radius:40px;

background:linear-gradient(180deg,#f0d06e,#d4af37);

color:#071726;

font-weight:700;

text-decoration:none;

transition:.35s;

border:none;

}

.project-btn:hover{

transform:translateY(-3px);

box-shadow:0 12px 30px rgba(212,175,55,.35);

color:#071726;

}

/* Responsivo */

@media(max-width:991px){

.project-preview{

height:220px;

}

}

@media(max-width:768px){

.project-preview{

height:200px;

}

.project-content{

padding:22px;

}

}

/*====================================================
            RESPONSIVIDADE - CELULAR
=====================================================*/

@media (max-width:768px){

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

.header-btn{
    display:none !important;
}

/*=========================
NAVBAR
=========================*/

.navbar{

    padding:15px 0;

}

.navbar-brand{

    margin:0 auto;

}

.logo{

    max-width:140px;

}

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

.hero{

    text-align:center;

    padding-top:140px;
    padding-bottom:80px;

}

.hero .row{

    justify-content:center;
    align-items:center;

}

.hero-content{

    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;

}

.hero h1{

    font-size:2.6rem;
    line-height:1.15;

}

.hero p{

    font-size:1.1rem;
    max-width:100%;

}

.hero-buttons{

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px;
    width:100%;

}

.hero-buttons .btn{

    width:90%;
    max-width:340px;

}

/*=========================
SEÇÕES
=========================*/

.section-title{

    text-align:center;

}

.section-title h2{

    font-size:48px;

    margin-bottom:18px;

}

.section-title p{

    max-width:760px;

    margin:auto;

    font-size:18px;

    line-height:1.8;

}

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

.process-card,
.service-card,
.plan-card,
.project-card,
.benefit-card,
.segment-card{

    margin-bottom:25px;

}

/*=========================
ESTATÍSTICAS
=========================*/

.stats{

    text-align:center;

}

.stat-item{

    padding:20px 10px;

}

.stat-item h2{

    font-size:2.4rem;

}

.stat-item h3{

    font-size:1.2rem;

}

.stat-item p{

    font-size:0.95rem;

}

/*=========================
SEGUNDA A SÁBADO
=========================*/

.stat-item:last-child h2{

    font-size:1.8rem;

    line-height:1.1;

}

/*=========================
ÍCONES
=========================*/

.stat-icon{

    width:75px;
    height:75px;

}

.stat-icon i{

    font-size:30px;

}

/*=========================
BOTÕES
=========================*/

.btn{

    width:100%;
    max-width:340px;

}

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

footer{

    text-align:center;

}

.footer-social{

    justify-content:center;

}

}

/*==================================================
RESPONSIVIDADE CELULAR
==================================================*/

@media (max-width: 991px){

.desktop-btn{

display:none !important;

}

}

@media (max-width:991px){

.hero{

text-align:center;

padding-top:120px;

padding-bottom:70px;

}

.hero .row{

flex-direction:column-reverse;

}

.hero h1{

font-size:2.2rem;

line-height:1.2;

margin-top:20px;

}

.hero p{

font-size:1rem;

max-width:100%;

margin:20px auto;

}

.hero-buttons{

display:flex;

flex-direction:column;

align-items:center;

gap:15px;

}

.hero-buttons a{

width: 260px;

max-width:320px;

text-align:center;

}

.hero-icons{

justify-content:center;

gap:18px;

margin-top:35px;

}

.hero-right{

display:flex;

justify-content:center;

margin-bottom:35px;

}

.hero-logo{

max-width:280px;

width:100%;

}

}

@media (max-width:991px){

.stats-bar{

padding:25px 0;

}

.stat-item{

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

text-align:center;

padding:25px 10px;

}

.stat-item h2{

font-size:2rem;

margin-top:12px;

}

.stat-item p{

font-size:.95rem;

margin-top:8px;

}

.stat-icon{

margin-bottom:10px;

}

}

@media (max-width:991px){

.stats-bar .col-6:last-child h2{

font-size:1.35rem;

line-height:1.3;

}

}

@media (max-width:991px){

.hero-icons{

display:grid;

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

gap:18px;

text-align:center;

}

.hero-icons div{

display:flex;

flex-direction:column;

align-items:center;

}

.hero-icon{

font-size:30px;

margin-bottom:8px;

}

}

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

@media (max-width:991px){

.navbar .container{

display:flex;
align-items:center;
justify-content:space-between;

}

.logo-nav{

width:105px;
height:auto;

}

.navbar-brand{

margin:0;

}

.navbar-toggler{

margin:0;

}

}

/*==========================
BENEFÍCIOS MOBILE
===========================*/

@media (max-width:991px){

.benefits .section-title{

text-align:center;

}

.benefits .section-title p{

max-width:95%;
margin:auto;

}

.benefit-card{

text-align:center;

padding:35px 25px;

}

.benefit-icon{

display:flex;
justify-content:center;
align-items:center;

margin:0 auto 20px;

}

.benefit-card h3{

text-align:center;

margin-bottom:18px;

}

.benefit-card p{

text-align:center;

margin:0 auto;

}

}

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

@media (max-width:991px){

.cta{

text-align:center;

}

.cta .row{

justify-content:center;

}

.cta h2{

text-align:center;

}

.cta p{

text-align:center;

max-width:95%;
margin:25px auto;

}

.cta .text-lg-end{

text-align:center !important;

margin-top:30px;

}

.cta .btn{

display:inline-block;

width:90%;
max-width:320px;

}

}

@media (max-width:991px){

.navbar-nav{

text-align:center;
width:100%;

}

.navbar-nav .nav-item{

margin:12px 0;

}

.navbar-nav .nav-link{

font-size:1.2rem;
font-weight:600;

}

}





/*==================================================
PROJETOS PERSONALIZADOS
==================================================*/

.custom-project-card{

    background:linear-gradient(135deg,#071426,#0e223b);

    border-radius:28px;

    padding:60px;

    color:#fff;

    overflow:hidden;

    position:relative;

}

.custom-project-card::before{

    content:"</>";

    position:absolute;

    right:-10px;

    top:-20px;

    font-size:180px;

    font-weight:800;

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

}

.custom-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:40px;

    background:rgba(212,175,55,.12);

    border:1px solid rgba(212,175,55,.3);

    color:var(--gold);

    font-size:13px;

    letter-spacing:2px;

    margin-bottom:20px;

}

.custom-project-card h3{

    font-size:42px;

    margin-bottom:20px;

    color:#fff;

}

.custom-project-card p{

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

    line-height:1.9;

    font-size:18px;

}

.custom-features{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-top:35px;

}

.custom-features span{

    display:flex;

    align-items:center;

    gap:8px;

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

    padding:12px 18px;

    border-radius:40px;

    font-size:15px;

}

.custom-features i{

    color:var(--gold);

}

.custom-project-card .btn{

    padding:18px 34px;

    font-size:17px;

}

.agenda-highlight{

    background:#FFF8E8;

    border:1px solid rgba(212,175,55,.30);

    border-radius:15px;

    padding:18px;

    color:#A77A00!important;

    font-size:16px;

    line-height:1.7;

    font-weight:600;

}

.plan-card .btn{

    margin-top:30px;

}