/* Upgrade visual 2026 - jvbcoelho.com.br */
:root{
  --jv-ink:#0b1020;
  --jv-ink-2:#11182d;
  --jv-blue:#3157ff;
  --jv-cyan:#62d8ff;
  --jv-soft:#f5f7fb;
  --jv-line:rgba(11,16,32,.09);
  --jv-glow:0 24px 70px rgba(20,31,72,.14);
}

.site-home,.site-bio{background:#f7f8fc;color:#172033}
.site-home .container,.site-bio .container{max-width:1240px}

/* Navegação */
.site-home .header,.site-bio .header{
  background:rgba(247,248,252,.82)!important;
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  border-bottom:1px solid rgba(11,16,32,.06)!important;
}
.site-home .header.scrolled,.site-bio .header.scrolled{box-shadow:0 12px 38px rgba(11,16,32,.08)!important}
.site-home .logo,.site-bio .logo{letter-spacing:-.045em;font-weight:800!important}
.site-home .logo::after,.site-bio .logo::after{content:"";display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--jv-blue);vertical-align:middle;box-shadow:0 0 0 5px rgba(49,87,255,.10)}
.site-home .nav-links,.site-bio .main-nav ul{gap:1.35rem!important}
.site-home .nav-links a,.site-bio .main-nav a{font-size:.9rem!important}
.site-home .btn-outline-nav,.site-bio .btn-back-home{
  border:0!important;background:var(--jv-ink)!important;color:#fff!important;
  padding:.72rem 1rem!important;border-radius:999px!important;box-shadow:0 10px 28px rgba(11,16,32,.16)!important
}
.site-home .btn-outline-nav:hover,.site-bio .btn-back-home:hover{transform:translateY(-2px);background:var(--jv-blue)!important}

/* Home hero */
.site-home .hero{
  position:relative;isolation:isolate;overflow:hidden;
  padding-top:150px!important;padding-bottom:92px!important;
  background:
    radial-gradient(circle at 79% 24%,rgba(98,216,255,.18),transparent 29%),
    radial-gradient(circle at 17% 13%,rgba(49,87,255,.14),transparent 26%),
    linear-gradient(180deg,#fbfcff 0%,#f5f7fb 100%)!important;
}
.site-home .hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.42;
  background-image:linear-gradient(rgba(11,16,32,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,16,32,.035) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 90%);
}
.site-home .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;gap:72px!important;align-items:center!important}
.site-home .hero h1{font-size:clamp(3rem,6vw,5.6rem)!important;line-height:.98!important;letter-spacing:-.06em!important;max-width:840px;color:var(--jv-ink)!important;background:none!important;-webkit-text-fill-color:initial!important;margin-bottom:1.65rem!important}
.site-home .hero h1 span{background:linear-gradient(90deg,var(--jv-blue),#1587c9);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.site-home .hero-badge{display:inline-flex!important;align-items:center!important;gap:.55rem!important;border:1px solid rgba(49,87,255,.13)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 8px 30px rgba(49,87,255,.08)!important;color:#253b9a!important;padding:.55rem .88rem!important;border-radius:999px!important}
.site-home .hero .btn{border-radius:999px!important;padding:1rem 1.35rem!important}
.site-home .hero .btn-primary{background:var(--jv-ink)!important;box-shadow:0 16px 32px rgba(11,16,32,.18)!important}
.site-home .hero .btn-primary:hover{background:var(--jv-blue)!important}
.site-home .hero .btn-outline{border-color:var(--jv-line)!important;background:rgba(255,255,255,.76)!important;color:var(--jv-ink)!important;box-shadow:0 12px 30px rgba(11,16,32,.06)!important}
.site-home .hero-stats{margin-top:42px!important;padding-top:24px!important;border-top:1px solid var(--jv-line)!important;gap:0!important}
.site-home .stat-item{padding:0 24px!important;border-right:1px solid var(--jv-line)}
.site-home .stat-item:first-child{padding-left:0!important}.site-home .stat-item:last-child{border-right:0}
.site-home .stat-number{color:var(--jv-ink)!important;font-size:1.8rem!important;letter-spacing:-.05em}
.site-home .hero-image{position:relative;padding:26px!important}
.site-home .hero-image::before{content:"";position:absolute;inset:5% 0 2% 9%;border-radius:42px;background:linear-gradient(145deg,var(--jv-ink),#17254b);transform:rotate(3deg);box-shadow:var(--jv-glow);z-index:-1}
.site-home .hero-image img{border-radius:36px!important;box-shadow:0 24px 70px rgba(11,16,32,.22)!important;max-width:430px!important;aspect-ratio:4/5;object-fit:cover;object-position:top center}
.site-home .experience-badge{bottom:6px!important;left:auto!important;right:0!important;transform:none!important;border:1px solid rgba(255,255,255,.6);border-radius:18px!important;box-shadow:0 20px 45px rgba(11,16,32,.18)!important}

/* Marcas */
.site-home .clients{background:#fff!important;border-top:1px solid var(--jv-line);border-bottom:1px solid var(--jv-line);padding:26px 0!important}
.site-home .clients-grid{gap:44px!important}
.site-home .clients-grid img{filter:grayscale(1);opacity:.55;transition:.25s ease;max-height:46px!important}
.site-home .clients-grid img:hover{filter:grayscale(0);opacity:1;transform:translateY(-2px)}

/* Seções e cards */
.site-home section:not(.hero):not(.cta-section),.site-bio section{padding-top:92px!important;padding-bottom:92px!important}
.site-home .section-header,.site-bio .section-subtitle{margin-bottom:48px!important}
.site-home .section-header h2,.site-bio section> .container>h2{color:var(--jv-ink)!important;letter-spacing:-.045em!important}
.site-home .service-card,.site-home .step,.site-home .testimonial-card,.site-bio .about-card,.site-bio .experience-card,.site-bio .event-card,.site-bio .portfolio-item,.site-bio .skill-category,.site-bio .education-card{
  border:1px solid var(--jv-line)!important;border-radius:24px!important;box-shadow:0 10px 34px rgba(11,16,32,.055)!important;background:rgba(255,255,255,.92)!important
}
.site-home .service-card{padding:32px!important;position:relative;overflow:hidden}
.site-home .service-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--jv-blue),var(--jv-cyan));opacity:.85}
.site-home .service-card:hover,.site-bio .experience-card:hover,.site-bio .portfolio-item:hover{transform:translateY(-7px)!important;box-shadow:0 24px 55px rgba(11,16,32,.12)!important}
.site-home .service-icon{background:linear-gradient(135deg,var(--jv-ink),#20366c)!important;color:#fff!important;border-radius:17px!important;width:54px!important;height:54px!important}
.site-home .service-features li i{color:var(--jv-blue)!important}

.site-home .methodology{background:#fff!important;position:relative}
.site-home .methodology-steps{gap:18px!important}
.site-home .step{padding:30px 22px!important}
.site-home .step-number{background:var(--jv-ink)!important;color:#fff!important;box-shadow:0 8px 20px rgba(11,16,32,.16)!important}

.site-home .results{background:var(--jv-ink)!important;position:relative;overflow:hidden}
.site-home .results::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(49,87,255,.16);filter:blur(80px);right:-160px;top:-220px}
.site-home .results .section-header h2,.site-home .results .section-header p{color:#fff!important}
.site-home .results .section-header p{opacity:.66}
.site-home .result-item{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:22px!important;box-shadow:none!important;backdrop-filter:blur(10px)}
.site-home .result-item h3{color:#fff!important}.site-home .result-item p{color:rgba(255,255,255,.72)!important}

.site-home .testimonials{background:#f7f8fc!important}
.site-home .testimonial-card{padding:34px!important}

/* CTA */
.site-home .cta-section{
  padding:90px 0!important;background:
  radial-gradient(circle at 85% 15%,rgba(98,216,255,.16),transparent 28%),
  linear-gradient(135deg,#0b1020,#152751)!important;
}
.site-home .cta-section .cta-grid{gap:56px!important}
.site-home .cta-form{border-radius:26px!important;padding:30px!important;box-shadow:0 28px 70px rgba(0,0,0,.24)!important;border:1px solid rgba(255,255,255,.18)!important}
.site-home .cta-form input,.site-home .cta-form textarea{border-radius:13px!important;background:#f8f9fc!important}
.site-home .cta-form button{border-radius:999px!important;background:var(--jv-ink)!important}
.site-home .diagnostico-launch{
  display:inline-flex;align-items:center;gap:.7rem;margin-top:16px;padding:.95rem 1.18rem;border-radius:999px;background:#fff;color:var(--jv-ink);font-weight:800;text-decoration:none;box-shadow:0 16px 35px rgba(0,0,0,.16)
}
.site-home .diagnostico-launch:hover{transform:translateY(-2px);background:var(--jv-cyan)}

.site-home .footer{background:#080c18!important}
.site-home .whatsapp-float a{box-shadow:0 14px 40px rgba(37,211,102,.28)!important}

/* BIO */
.site-bio .hero{padding-top:148px!important;background:
 radial-gradient(circle at 16% 12%,rgba(49,87,255,.14),transparent 28%),
 radial-gradient(circle at 88% 8%,rgba(98,216,255,.16),transparent 24%),
 linear-gradient(180deg,#fbfcff,#f4f6fb)!important;overflow:hidden}
.site-bio .hero-grid{gap:72px!important;align-items:center!important}
.site-bio .hero h1{font-size:clamp(3rem,5vw,5rem)!important;line-height:1!important;letter-spacing:-.06em!important;color:var(--jv-ink)!important}
.site-bio .hero p{font-size:1.13rem!important;line-height:1.75!important}
.site-bio .hero .btn{background:var(--jv-ink)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 14px 34px rgba(11,16,32,.18)!important}
.site-bio .hero-image img{border-radius:34px!important;box-shadow:0 28px 70px rgba(11,16,32,.18)!important;aspect-ratio:4/5;object-fit:cover;object-position:top center}
.site-bio #about,.site-bio #events,.site-bio #skills{background:#f6f8fc!important}
.site-bio #experience,.site-bio #portfolio,.site-bio #education{background:#fff!important}
.site-bio .about-grid{gap:24px!important}
.site-bio .about-card{padding:30px!important}
.site-bio .experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.site-bio .experience-card{padding:28px!important;position:relative;overflow:hidden;transition:.28s ease}
.site-bio .experience-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--jv-blue),var(--jv-cyan))}
.site-bio .experience-company{color:var(--jv-blue)!important;font-weight:700!important}
.site-bio .responsibilities li i{color:var(--jv-blue)!important}
.site-bio .event-card{transition:.25s ease}
.site-bio .portfolio-item{overflow:hidden;transition:.28s ease}
.site-bio .item-media img,.site-bio .item-media video{transition:transform .4s ease}.site-bio .portfolio-item:hover .item-media img,.site-bio .portfolio-item:hover .item-media video{transform:scale(1.035)}
.site-bio .skill-category li{background:#eef2ff!important;color:#263da6!important}
.site-bio .footer{background:#080c18!important}

@media(max-width:980px){
  .site-home .hero-grid,.site-bio .hero-grid{grid-template-columns:1fr!important;gap:38px!important}
  .site-home .hero-image,.site-bio .hero-image{max-width:520px;margin:0 auto}
  .site-home .hero h1{font-size:clamp(2.8rem,9vw,4.8rem)!important}
  .site-bio .experience-grid{grid-template-columns:1fr!important}
}
@media(max-width:768px){
  .site-home .hero,.site-bio .hero{padding-top:112px!important;padding-bottom:64px!important}
  .site-home section:not(.hero):not(.cta-section),.site-bio section{padding-top:68px!important;padding-bottom:68px!important}
  .site-home .hero-grid,.site-bio .hero-grid{text-align:left!important}
  .site-home .hero-image,.site-bio .hero-image{order:initial!important}
  .site-home .hero h1,.site-bio .hero h1{font-size:clamp(2.55rem,12vw,3.7rem)!important}
  .site-home .hero-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
  .site-home .stat-item{padding:0 10px!important}.site-home .stat-label{font-size:.68rem!important}
  .site-home .hero-image{padding:12px!important}.site-home .hero-image::before{border-radius:28px}
  .site-home .hero-image img,.site-bio .hero-image img{border-radius:26px!important}
  .site-home .experience-badge{right:6px!important;bottom:-6px!important}
}