*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Montserrat,sans-serif;
}

body{
background:#05070d;
color:white;
line-height:1.6;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

/* HEADER */

.header{
width:100%;
position:fixed;
top:0;
left:0;
background:#05070d;
z-index:1000;
border-bottom:1px solid rgba(255,255,255,0.05);
}

.container.nav{
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 0;
margin-top: 0.7rem;
}

@media (max-width: 768px) {
  .container.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    flex-direction: column;
    margin-top: 0.7rem;
  }
}

@media (max-width: 768px) {
  .btn-header {
    display: none;
  }
}


.logo img{
max-height:70px;
width:auto;
display:block;

/* animação flutuando */
animation:logoFlutuando 4s ease-in-out infinite;

/* suavidade */
transition:transform .3s ease;
}

/* leve destaque no hover */
.logo img:hover{
transform:scale(1.08);
}

/* keyframes flutuação */
@keyframes logoFlutuando{
0%{
transform:translateY(0px);
}
50%{
transform:translateY(-8px);
}
100%{
transform:translateY(0px);
}
}


nav{
display:flex;
align-items:center;
gap:20px;
}

nav a{
color:white;
text-decoration:none;
font-size:0.9rem;
transition:.3s;
}

nav a:hover{
color:#9aa4ea;
}

.btn-header{
background:linear-gradient(90deg,#05070d,#3E1D56);
border:none;
padding:10px 20px;
border-radius:8px;
color:white;
cursor:pointer;
text-decoration: none;
}

/* HERO */

.hero{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:160px 20px 80px;
background:linear-gradient(120deg, #00030a, #220a32);
}

.hero-content{
max-width:800px;
}

.tag{
color:#815a9f;
font-size:.8rem;
letter-spacing:2px;
}

.hero h1{
font-size:3.2rem;
margin:20px 0;
font-weight:900;
}

.hero h1 span{
color:#815a9f;
}

.hero p{
color:#aaa;
margin-bottom:30px;
}

.hero-buttons{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
}

.btn-primary{
background:linear-gradient(90deg,#05070d,#3E1D56);
border:none;
padding:14px 26px;
border-radius:10px;
color:white;
font-weight:bold;
cursor:pointer;
text-decoration: none;
}

.btn-outline{
background:transparent;
border:2px solid #815a9f;
padding:14px 26px;
border-radius:10px;
color:white;
cursor:pointer;
text-decoration: none;
}

/* SOLUÇÕES */

.solucoes{
padding:140px 20px;
background:#070b14;
}

.solucoes-topo{
max-width:760px;
margin:auto;
text-align:center;
margin-bottom:70px;
}

.solucoes-topo h2{
font-size:2.8rem;
margin:20px 0;
}

.cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
align-items:stretch;
}

.card{
background:#0b1f3a;
border-radius:18px;
overflow:hidden;
transition:.35s;
box-shadow:0 12px 30px rgba(0,0,0,0.5);
display:flex;
flex-direction:column;
height:100%;
}

.card img{
width:100%;
height:240px;
object-fit:cover;
flex-shrink:0;
}

.card-content{
padding:30px;
background:linear-gradient(90deg,#05070d,#3E1D56);
flex:1;
display:flex;
flex-direction:column;
justify-content:flex-start;
}

.card:hover{
transform:translateY(-12px);
}

/* TABLET PADRÃO */
@media(max-width:1024px){

.cards{
grid-template-columns:repeat(2,1fr);
gap:25px;
}

}

/* MOBILE PADRÃO */
@media(max-width:768px){

.cards{
grid-template-columns:1fr;
gap:25px;
}

.card img{
height:200px;
}

.card-content{
padding:22px;
}

}

/* MOBILE PEQUENO */
@media(max-width:480px){

.card img{
height:170px;
}

.card-content{
padding:18px;
}

}


/* ===== CTA MARCAS ULTRA PROFISSIONAL ===== */

.cta{
background:radial-gradient(circle at top, #000000 0%, #000000 70%);
padding:30px 0;
overflow:hidden;
position:relative;
}

/* FADE LATERAL */
.cta::before,
.cta::after{
content:"";
position:absolute;
top:0;
width:200px;
height:100%;
z-index:5;
pointer-events:none;
}

.cta::before{
left:0;
background:linear-gradient(to right,#05070d,transparent);
}

.cta::after{
right:0;
background:linear-gradient(to left,#05070d,transparent);
}

.marcas-wrapper{
display:flex;
flex-direction:column;
gap:35px;
}

.slider{
overflow:hidden;
width:100%;
}

.slide-track{
display:flex;
width:calc(280px * 12);
}

/* DIREÇÕES */
.linha1 .slide-track{
animation:scrollLeft 32s linear infinite;
}

.linha2 .slide-track{
animation:scrollRight 32s linear infinite;
}

/* PAUSA HOVER */
.slider:hover .slide-track{
animation-play-state:paused;
}

/* CARD */
.marca{
width:280px;
height:120px;
display:flex;
align-items:center;
justify-content:center;
margin:0 12px;
border-radius:18px;
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.06);
backdrop-filter:blur(12px);
transition:0.4s;
}

.marca img{
max-width:120px;
filter:grayscale(100%) brightness(0.75);
transition:0.4s;
}

/* HOVER PREMIUM */
.marca:hover{
transform:translateY(-10px) scale(1.08);
box-shadow:
0 20px 45px rgba(0,0,0,0.5),
0 0 30px rgba(62,29,86,0.6);
background:rgba(255,255,255,0.08);
}

.marca:hover img{
filter:grayscale(0%) brightness(1.15);
}

/* ANIMAÇÕES */
@keyframes scrollLeft{
0%{ transform:translateX(0); }
100%{ transform:translateX(calc(-280px * 6)); }
}

@keyframes scrollRight{
0%{ transform:translateX(calc(-280px * 6)); }
100%{ transform:translateX(0); }
}

/* MOBILE */
@media(max-width:768px){

.cta{
padding:80px 0;
}

.marca{
width:190px;
height:90px;
margin:0 8px;
}

.marca img{
max-width:110px;
}

.slide-track{
width:calc(190px * 12);
}

@keyframes scrollLeft{
0%{ transform:translateX(0); }
100%{ transform:translateX(calc(-190px * 6)); }
}

@keyframes scrollRight{
0%{ transform:translateX(calc(-190px * 6)); }
100%{ transform:translateX(0); }
}

}

.footer{
background:linear-gradient(140deg,#05070d,#140021,#3E1D56);
padding:80px 20px;
color:#ccc;
position:relative;
overflow:hidden;
}

.footer::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:2px;
background:linear-gradient(90deg,transparent,#9f67ff,transparent);
animation:linhaGlow 4s linear infinite;
}

@keyframes linhaGlow{
0%{ transform:translateX(-100%); }
100%{ transform:translateX(100%); }
}

.footer-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:45px;
}

.footer h3,
.footer h4{
color:#d7a8ff;
margin-bottom:15px;
}

.footer a{
color:#fff;
text-decoration:none;
margin-top:10px;
display:block;
transition:0.35s;
}

.footer a:hover{
color:#c9b3ff;
transform:translateX(6px);
}

h2.cases-titulo {
    text-align: center;
    background: linear-gradient(90deg, #2f1243, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.dev{
margin-top:12px;
font-size:14px;
text-align:center;
color:#aaa;
}

.dev a{
display:inline-block;
color:#d7a8ff;
font-weight:600;
margin-left:6px;
padding:6px 12px;
border-radius:8px;
background:rgba(255,255,255,0.04);
transition:0.35s;
}

.dev a:hover{
transform:translateY(-3px) scale(1.05);
background:linear-gradient(45deg,#7c3aed,#bb80e3);
color:#fff;
box-shadow:0 0 20px rgba(124,58,237,0.6);
}

.copy{
text-align:center;
margin-top:35px;
font-size:13px;
color:#8e80a8;
}

/* ADIÇÃO MINIMA PRA REDES */
.redes a{
font-size:22px;
color:#fff;
display:inline-block;
margin-top:10px;
transition:0.3s;
}

.redes a:hover{
transform:scale(1.15);
color:#d7a8ff;
}

/* REDES */
.redes{
margin-top:15px;
display: ruby-text;
}

.insta{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
background:rgba(255,255,255,0.05);
font-size:20px;
transition:0.35s;
}

.insta:hover{
transform:scale(1.15) rotate(5deg);
background:linear-gradient(45deg,#833ab4,#fd1d1d,#fcb045);
box-shadow:0 0 20px rgba(255,0,150,0.4);
}

i.fa-brands.fa-instagram {
    color: #d6b4ef;
}

/* BOTTOM */
.footer-bottom{
margin-top:50px;
text-align:center;
border-top:1px solid rgba(255,255,255,0.05);
padding-top:20px;
}

.copy{
font-size:13px;
color:#9a8bb5;
margin-bottom:8px;
}

/* DESENVOLVIDO */
.dev{
font-size:14px;
color:#bbb;
animation:fadeUp 1.2s ease;
}

.dev span{
color:#d7a8ff;
font-weight:600;
}

/* ANIMAÇÃO */
@keyframes fadeUp{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}


/* MOBILE PEQUENO */

@media(max-width:480px){

.hero h1{
font-size:1.8rem;
}

.solucoes-topo h2{
font-size:1.6rem;
}

.card img{
height:180px;
}

}

.reuniao-page{
display:flex;
min-height:100vh;
font-family:Arial, sans-serif;
}

.reuniao-left{
flex:1;
position:relative;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
padding:150px 40px;
overflow:hidden;
background:#05070d;
}

.gato-float{
position:absolute;
width:90%;
max-width:550px;
z-index:1;
animation:flutuar 4s ease-in-out infinite;
pointer-events:none;
}

@keyframes flutuar{
0%{transform:translateY(0);}
50%{transform:translateY(-18px);}
100%{transform:translateY(0);}
}


.reuniao-overlay{
position:absolute;
width:100%;
height:100%;
background:linear-gradient(90deg, #05070d, #3E1D56);
opacity:0.9;
top:0;
left:0;
}

.reuniao-texto{
position:relative;
z-index:2;
max-width:500px;
}

.reuniao-texto{
position:relative;
z-index:2;
max-width:520px;
text-align:left;
}

.reuniao-texto h1{
font-size:42px;
line-height:1.2;
margin-bottom:18px;
font-weight:800;
color: #2f1243;
}

.reuniao-texto p{
font-size:17px;
line-height:1.6;
color:#666;
}

/* ===== MOBILE ===== */
@media(max-width:768px){

.reuniao-texto{
text-align:center;
margin:auto;
}

.reuniao-texto h1{
font-size:30px;
}

.reuniao-texto p{
font-size:15px;
}

}

.reuniao-right{
flex:1;
background:#ffffff;
display:flex;
flex-direction:column;
justify-content:center;
padding:60px;
}

.reuniao-right h2{
font-size:28px;
margin-bottom:5px;
color:#2f1243;
}

.reuniao-sub{
margin-bottom:25px;
color:#666;
}

#reuniaoForm{
display:flex;
flex-direction:column;
gap:15px;
}

#reuniaoForm input,
#reuniaoForm select{
padding:15px;
border-radius:8px;
border:1px solid #ccc;
font-size:16px;
}

#reuniaoForm button{
padding:15px;
border:none;
border-radius:8px;
background:linear-gradient(90deg, #05070d, #3E1D56);
color:#fff;
font-size:16px;
cursor:pointer;
transition:0.3s;
}

#reuniaoForm button:hover{
transform:scale(1.03);
}

@media(max-width:900px){
.reuniao-page{
flex-direction:column;
}
.reuniao-right{
padding:30px;
}
}

*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif;}

body{background:#05070d;color:#fff;}

.feedback-hero{
background:linear-gradient(90deg,#05070d,#3E1D56);
padding:37px 20px;
text-align:center;
}

.feedback-hero h1{font-size:56px;margin-bottom:20px;}
.feedback-hero p{color:#c9b3ff;font-size:20px;}

.container{max-width:1500px;margin:auto;}

.feedback{padding:120px 20px;}

.feedback-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
gap:50px;
}

.feedback-card{
display:flex;
gap:30px;
padding:40px 30px;
border-radius:26px;
background:rgba(255,255,255,0.04);
backdrop-filter:blur(20px);
border:1px solid rgba(187,128,227,0.2);
transition:0.4s;
}

.feedback-card:hover{
transform:translateY(-12px) scale(1.02);
box-shadow:0 0 80px rgba(187,128,227,0.25);
}

.cliente-img img{
width:140px;height:140px;
border-radius:20px;
object-fit:cover;
border:3px solid #bb80e3;
}

.cliente-info h2{font-size:26px;}
.cliente-info span{color:#d7a8ff;display:block;margin-bottom:10px;}

.estrelas{color:#ffd700;font-size:20px;margin-bottom:10px;}

.depoimento{color:#ddd;margin-bottom:20px;line-height:1.6;}

.resultados{display:flex;gap:20px;}
.resultados div{
background:rgba(255,255,255,0.05);
padding:12px 16px;
border-radius:12px;
text-align:center;
}

.resultados strong{font-size:26px;color:#bb80e3;display:block;}

@media(max-width:900px){

.feedback-hero h1{font-size:34px;}

.feedback-card{
flex-direction:column;
text-align:center;
align-items:center;
margin-left: -0.7rem;
}

.feedback-grid{
grid-template-columns:1fr;
}

}

.voltar-area{
width:100%;
max-width:1200px;
margin:20px auto 0;
padding:0 20px;
}

.btn-voltar{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 20px;
background:linear-gradient(90deg, #05070d, #3E1D56);
color:#fff;
text-decoration:none;
border-radius:8px;
font-weight:600;
font-size:14px;
transition:0.3s ease;
}

.btn-voltar:hover{
transform:translateY(-2px);
box-shadow:0 10px 20px rgba(0,0,0,0.25);
filter:brightness(1.2);
}

/* MOBILE */
@media(max-width:768px){
.voltar-area{
margin:15px auto;
}

.btn-voltar{
font-size:13px;
padding:9px 15px;
}
}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Montserrat,sans-serif;
}

body{
background:#05070d;
color:#fff;
line-height:1.7;
overflow-x:hidden;
}

/* HEADER */

.header{
position:fixed;
top:0;
left:0;
width:100%;
background:rgba(5,7,13,0.85);
backdrop-filter:blur(15px);
padding:10px;
text-align:center;
border-bottom:1px solid rgba(255,255,255,0.05);
z-index:999;
}

.logo{
font-size:24px;
font-weight:800;
background:linear-gradient(90deg, #d7a8ff, #d7a8ff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
letter-spacing:1px;
}

/* SEÇÃO */

.politica{
min-height:100vh;
padding:160px 20px 100px;
background:linear-gradient(140deg,#05070d,#140021,#3E1D56);
display:flex;
justify-content:center;
align-items:flex-start;
}

.politica-container{
max-width:950px;
width:100%;
padding:60px;
border-radius:24px;
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.08);
backdrop-filter:blur(25px);
box-shadow:
0 30px 80px rgba(0,0,0,0.7),
inset 0 0 40px rgba(255,255,255,0.02);
position:relative;
}

/* LINHA TOP PREMIUM */

.politica-container::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:2px;
background:linear-gradient(90deg,transparent,#c9b3ff,transparent);
}

.politica h1{
font-size:42px;
text-align:center;
margin-bottom:12px;
font-weight:900;
}

.atualizacao{
text-align:center;
margin-bottom:45px;
color:#c9b3ff;
font-size:14px;
letter-spacing:1px;
}

/* TEXTO */

.politica-box h2{
margin-top:28px;
margin-bottom:12px;
font-size:24px;
font-weight:700;
color:#d7a8ff;
}

.politica-box p{
color:#e0e0e0;
font-size:16px;
}

/* BOTÃO */

.btn-voltar{
display:inline-block;
margin-top:35px;
padding:15px 26px;
border-radius:12px;
background:linear-gradient(90deg,#05070d,#3E1D56);
color:#fff;
font-weight:700;
text-decoration:none;
transition:0.35s;
}

.btn-voltar:hover{
transform:translateY(-4px) scale(1.03);
box-shadow:
0 20px 40px rgba(0,0,0,0.5),
0 0 30px rgba(201,179,255,0.4);
filter:brightness(1.2);
}

/* MOBILE */

@media(max-width:768px){

.politica{
padding:130px 15px 70px;
}

.politica-container{
padding:35px;
}

.politica h1{
font-size:30px;
}

.politica-box h2{
font-size:20px;
}

}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Arial, Helvetica, sans-serif;
}

html,body{
  height:100%;
}

/* WRAPPER PRINCIPAL */
.vx-wrapper{
  display:flex;
  height:100vh;
}

/* ================= LADO ESQUERDO ================= */

.vx-left-side{
  flex:1;
  background:linear-gradient(140deg,#05070d,#140021,#3E1D56);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:60px;
  color:#fff;
}

.vx-brand-box{
  max-width:400px;
}

.vx-brand-box h1{
  font-size:42px;
  margin-bottom:15px;
}

.vx-brand-box p{
  font-size:16px;
  color:#ccc;
}

/* ================= LADO DIREITO ================= */

.vx-right-side{
  flex:1;
  background:#f4f4f4;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
}

.vx-form-container{
  width:100%;
  max-width:420px;
  text-align:center;
}

.vx-logo{
  width:60px;
  margin-bottom:20px;
}

.vx-mini-text{
  font-size:14px;
  color:#777;
}

.vx-form-container h2{
  margin:15px 0 30px 0;
  font-size:26px;
  color:#222;
}

/* FORM */

.vx-form{
  display:flex;
  flex-direction:column;
  gap:15px;
}

.vx-form input,
.vx-form select{
  padding:14px;
  border-radius:10px;
  border:1px solid #ddd;
  font-size:14px;
  outline:none;
  transition:0.3s;
}

.vx-form input:focus,
.vx-form select:focus{
  border-color:#3E1D56;
}

.vx-form button{
  padding:14px;
  border:none;
  border-radius:10px;
  background:#3E1D56;
  color:#fff;
  font-size:15px;
  cursor:pointer;
  transition:0.3s;
}

.vx-form button:hover{
  opacity:0.9;
}

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

@media(max-width:900px){

  .vx-wrapper{
    flex-direction:column;
  }

  .vx-left-side{
    height:40vh;
    text-align:center;
  }

  .vx-right-side{
    height:60vh;
  }

}

.vx-phone-group{
  display:flex;
  gap:10px;
}

.vx-phone-group select{
  width:45%;
}

.vx-phone-group input{
  width:55%;
}

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

.vx-logo-main{
  width:100%;
  margin-bottom:25px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.vx-logo-main img{
  width:120px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  transition:0.4s ease;
  margin-left: 3rem;

  /* animação flutuando */
  animation: floatLogo 3s ease-in-out infinite;
}

.vx-logo-main img:hover{
  transform:scale(1.05);
}

/* animação */
@keyframes floatLogo {
  0%{
    transform: translateY(0px);
  }
  50%{
    transform: translateY(-10px);
  }
  100%{
    transform: translateY(0px);
  }
}




/* MOBILE */
@media(max-width:900px){

  .vx-logo-main{
    justify-content:center;
    margin-bottom:15px;
    margin-left: -1.7rem;
  }

  .vx-logo-main img{
    width:90px;

    /* flutuação no mobile */
    animation: floatLogo 4s ease-in-out infinite;
  }

}



/* MOBILE */
@media(max-width:900px){

  .vx-logo-main{
    justify-content:center;
    margin-bottom:15px;
  }

  .vx-logo-main img{
    width:90px;
  }

}

.copyright {
  text-align: center;
  font-size: 14px;
  color: #aaa;
  margin-top: 15px;
}

.vx-texto-form{
  font-size:15px;
  color:#666;
  margin-bottom:20px;
  text-align:center;
}