/* ==========================================================
   CONECTA JOVEM — HOME PURPLE EDITION
   Visual inspirado na referência enviada: claro, premium,
   limpo e com roxo como cor principal.
========================================================== */
:root{
  --cj-purple:#7c3aed;
  --cj-purple-dark:#5b21b6;
  --cj-purple-mid:#8b5cf6;
  --cj-purple-soft:#ede9fe;
  --cj-purple-pale:#f7f4ff;
  --cj-ink:#101828;
  --cj-muted:#667085;
  --cj-line:#e6e8ef;
}

body{background:#f7f8fc!important;color:var(--cj-ink)!important}

/* ---------- Cabeçalho em duas camadas ---------- */
.cj-home-header{
  position:fixed!important;
  top:0;left:0;right:0;
  z-index:2000;
  background:#fff!important;
  border-bottom:1px solid #ececf2;
  box-shadow:0 8px 30px rgba(48,34,86,.06)!important;
}
.cj-home-header>.container{
  height:88px!important;
  width:min(92%,1200px)!important;
}
.cj-topbar{
  height:50px;
  background:#f8f8fb;
  border-bottom:1px solid #ececf2;
}
.cj-topbar-inner{
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:min(92%,1200px)!important;
}
.cj-topbar-message,.cj-topbar-actions{display:flex;align-items:center;gap:10px}
.cj-topbar-message{color:#667085;font-size:.78rem;font-weight:600}
.cj-topbar-badge{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:var(--cj-purple);
  box-shadow:inset 0 0 0 1px #e4ddff;
}
.cj-topbar-link{
  border:0;background:transparent;color:#667085;font:inherit;font-size:.78rem;
  font-weight:600;display:inline-flex;align-items:center;gap:7px;padding:7px 8px;
  border-radius:8px;cursor:pointer;
}
.cj-topbar-link:hover{color:var(--cj-purple);background:#f1edff}
.cj-topbar-login{color:#475467}

.cj-home-header .logo-img{height:48px!important}
.cj-home-header nav ul{gap:27px!important}
.cj-home-header nav ul li a{font-size:.82rem!important;color:#344054!important;font-weight:650!important}
.cj-home-header nav ul li a:hover,.cj-home-header nav ul li a.ativo{color:var(--cj-purple)!important}
.cj-home-header nav ul li:first-child a{color:var(--cj-purple)!important;position:relative}
.cj-home-header nav ul li:first-child a::after{
  content:"";position:absolute;left:0;right:0;bottom:-31px;height:3px;border-radius:999px;background:var(--cj-purple);
}
.cj-home-header .acoes{display:flex!important;align-items:center!important;gap:12px!important;flex-direction:row!important}
.cj-home-header .btn-login{
  display:inline-flex!important;align-items:center;justify-content:center;padding:10px 4px!important;
  color:#344054!important;background:transparent!important;border:0!important;font-size:.84rem;font-weight:700;
}
.cj-home-header .btn-login:hover{color:var(--cj-purple)!important}
.cj-home-header .btn-visitante.cj-home-explore{
  display:inline-flex!important;align-items:center;justify-content:center;padding:11px 17px!important;
  border:1px solid #b9a8f7!important;border-radius:11px!important;background:#fff!important;
  color:var(--cj-purple-dark)!important;font-weight:750!important;font-size:.82rem!important;
  box-shadow:0 3px 10px rgba(124,58,237,.05);
}
.cj-home-header .btn-visitante.cj-home-explore:hover{background:#f7f4ff!important;transform:translateY(-1px)}
.cj-home-header .btn-cadastro{
  display:inline-flex!important;align-items:center;justify-content:center;padding:12px 19px!important;
  border:0!important;border-radius:11px!important;background:linear-gradient(135deg,var(--cj-purple),var(--cj-purple-dark))!important;
  color:#fff!important;font-weight:750!important;font-size:.82rem!important;box-shadow:0 8px 18px rgba(124,58,237,.2);
}
.cj-home-header .btn-cadastro:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(124,58,237,.26)}

/* ---------- Hero ---------- */
.hero-profissional{
  min-height:670px!important;
  padding:177px 0 78px!important;
  color:var(--cj-ink)!important;
  background:
    radial-gradient(circle at 76% 27%,rgba(196,181,253,.30),transparent 28%),
    radial-gradient(circle at 12% 78%,rgba(237,233,254,.65),transparent 26%),
    linear-gradient(135deg,#f5f7ff 0%,#fff 52%,#f6f1ff 100%)!important;
}
.hero-profissional::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;
  background-image:radial-gradient(#d8d2ec 1px,transparent 1px);background-size:20px 20px;
  mask-image:linear-gradient(to right,transparent 55%,#000 82%);
}
.hero-profissional::after{background:#f7f8fc!important;bottom:-170px!important}
.hero-profissional .container{z-index:2}
.hero-grid{gap:55px!important}
.hero-texto{max-width:620px!important}
.hero-badge{
  padding:8px 14px!important;margin-bottom:25px!important;color:#5946a8!important;
  background:#f0edff!important;border:1px solid #e3dcff!important;box-shadow:0 5px 16px rgba(124,58,237,.06);
}
.badge-dot{background:#a78bfa!important;box-shadow:0 0 0 6px rgba(167,139,250,.13)!important}
.hero-profissional h1{
  color:#101828!important;font-size:clamp(2.8rem,5vw,4.35rem)!important;letter-spacing:-2.7px!important;line-height:1.05!important;
}
.hero-profissional h1 span{
  background:linear-gradient(90deg,var(--cj-purple),#a855f7)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.hero-profissional p{color:#667085!important;max-width:600px!important;font-size:1.03rem!important;line-height:1.75!important}
.hero-profissional .btn-principal{
  background:linear-gradient(135deg,var(--cj-purple),var(--cj-purple-dark))!important;
  box-shadow:0 15px 30px rgba(124,58,237,.22)!important;padding:15px 23px!important;border-radius:12px!important;
}
.hero-profissional .btn-principal:hover{box-shadow:0 18px 35px rgba(124,58,237,.28)!important}
.btn-hero-outline{
  color:#344054!important;background:#fff!important;border:1px solid #dfe2ea!important;border-radius:12px!important;
  box-shadow:0 6px 15px rgba(16,24,40,.04);padding:14px 22px!important;
}
.btn-hero-outline:hover{background:#f7f4ff!important;color:var(--cj-purple-dark)!important;border-color:#cfc4ff!important;transform:translateY(-2px)}
.hero-trust{color:#344054!important;margin-top:27px!important}
.trust-avatars span{border-color:#fff!important;background:var(--cj-purple)!important;box-shadow:0 3px 8px rgba(124,58,237,.16)}
.trust-avatars span:first-child{background:#a78bfa!important}
.trust-avatars span:nth-child(2){background:#8b5cf6!important}
.trust-avatars span:nth-child(3){background:#6d28d9!important}
.trust-avatars span:last-child{background:#fff!important;color:#6d28d9!important}
.hero-trust small{color:#98a2b3!important}

.hero-visual{min-height:490px!important}
.hero-image-wrap{
  width:min(100%,500px)!important;padding:22px!important;border-radius:30px!important;
  background:rgba(255,255,255,.84)!important;border:1px solid #ebe8f5!important;
  box-shadow:0 28px 65px rgba(71,50,118,.12)!important;backdrop-filter:blur(10px)!important;
  transform:rotate(1deg)!important;
}
.hero-image-wrap img{border-radius:22px!important;filter:none!important}
.floating-card{
  padding:14px 15px!important;border-radius:15px!important;box-shadow:0 18px 40px rgba(52,38,86,.13)!important;
}
.floating-card-vaga{top:12%!important;left:-3%!important}
.floating-card-match{right:-3%!important;bottom:11%!important}
.floating-icon{background:linear-gradient(135deg,var(--cj-purple),#a855f7)!important}
.match-icon{background:#f3e8ff!important;color:var(--cj-purple-dark)!important}
.hero-bg-orb-1{background:rgba(167,139,250,.12)!important}
.hero-bg-orb-2{background:rgba(124,58,237,.08)!important}

/* ---------- Busca ---------- */
.home-search{background:#f7f8fc!important;padding:0 0 30px!important}
.search-panel{
  grid-template-columns:.82fr 1.8fr!important;padding:25px!important;border-radius:19px!important;
  border:1px solid #e4e6ee!important;box-shadow:0 20px 48px rgba(16,24,40,.08)!important;
}
.search-icon{background:#f0edff!important;color:var(--cj-purple)!important}
.search-heading strong{color:#101828!important}
.search-heading small{color:#667085!important}
.home-search-form label{background:#fbfcfe!important;border-color:#e4e7ec!important}
.home-search-form label:focus-within{border-color:#b9a8f7!important;box-shadow:0 0 0 3px rgba(124,58,237,.08)}
.home-search-form input,.home-search-form select{color:#344054!important}
.search-submit{background:linear-gradient(135deg,var(--cj-purple),var(--cj-purple-dark))!important}
.search-submit:hover{box-shadow:0 10px 25px rgba(124,58,237,.22)!important}

/* ---------- Cards rápidas ---------- */
.quick-benefits{background:#f7f8fc!important;padding:18px 0 52px!important}
.quick-grid>div{background:#fff!important;border-color:#e6e8ef!important;box-shadow:0 8px 24px rgba(16,24,40,.035)!important;border-radius:16px!important}
.quick-grid span{background:#f3e8ff!important;color:var(--cj-purple)!important}
.quick-grid strong{color:#101828!important}
.quick-grid small{color:#667085!important}

/* ---------- Seções abaixo ---------- */
.como-funciona,.beneficios,.empresas,.recomendacao,.cursos,.depoimentos,.home-timeline-section,.home-education-sustainability,.home-video-section,.faq,.cta{background:#f7f8fc!important}
.eyebrow{color:var(--cj-purple)!important;background:#f0edff!important;border-color:#e2dafe!important}
.titulo-secao,.cabecalho-secao h2{color:#101828!important}
.subtitulo{color:#667085!important}
.cards-funciona .card,.beneficio,.home-testimonials article,.home-timeline article,.home-info-card,.faq-item{border-color:#e6e8ef!important;box-shadow:0 10px 30px rgba(16,24,40,.045)!important}
.cards-funciona .icone,.beneficio i,.home-card-icon{color:var(--cj-purple)!important;background:#f0edff!important}
.cards-funciona .card:hover,.beneficio:hover,.home-testimonials article:hover,.home-timeline article:hover{box-shadow:0 18px 40px rgba(124,58,237,.10)!important}
.numeros.home-live-stats{background:linear-gradient(135deg,#7c3aed,#5b21b6)!important}

@media(max-width:1100px){
  .cj-home-header nav ul{gap:17px!important}
  .cj-home-header .acoes{gap:7px!important}
  .hero-grid{gap:30px!important}
}
@media(max-width:900px){
  .cj-topbar-message{font-size:.7rem}
  .cj-topbar-actions{gap:2px}
  .cj-topbar-link span{display:none}
  .cj-home-header>.container{height:76px!important}
  .cj-home-header nav ul li:first-child a::after{display:none}
  .hero-profissional{padding-top:148px!important}
}
@media(max-width:768px){
  .cj-topbar{height:44px}.cj-topbar-inner{height:44px!important}
  .cj-topbar-message span:last-child{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cj-home-header>.container{height:72px!important}
  .cj-home-header .logo-img{height:41px!important}
  .cj-home-header .acoes{display:none!important}
  .hero-profissional{padding:132px 0 80px!important}
  .hero-grid{grid-template-columns:1fr!important}
  .hero-profissional h1{font-size:clamp(2.45rem,9vw,3.35rem)!important}
  .hero-visual{min-height:370px!important}
  .floating-card-vaga{left:0!important}.floating-card-match{right:0!important}
}
@media(max-width:520px){
  .cj-topbar-message{max-width:68vw}.cj-topbar-actions{display:none}
  .cj-home-header .container{width:92%!important}
  .hero-profissional{padding-top:125px!important}
  .hero-botoes{gap:10px!important}
  .hero-profissional .btn-principal,.btn-hero-outline{width:100%!important}
  .hero-image-wrap{padding:13px!important}
  .floating-card{padding:10px 11px!important}
}

/* ==========================================================
   CONECTA JOVEM — CORREÇÃO FINAL DE HEADER + CONTRASTE
   Ajustes de alinhamento, responsividade e tema claro/escuro.
========================================================== */

/* ---------- Variáveis da nova identidade ---------- */
:root{
  --cj-purple:#6d3df5;
  --cj-purple-dark:#4b24b8;
  --cj-purple-mid:#8b5cf6;
  --cj-blue:#2563eb;
  --cj-teal:#14b8a6;
  --cj-light-bg:#f6f8fc;
  --cj-light-surface:#ffffff;
  --cj-light-text:#101828;
  --cj-light-muted:#667085;
  --cj-light-border:#e2e6ef;
}

/* ---------- Header: nunca deixa as palavras ficarem uma embaixo da outra ---------- */
.cj-home-header{overflow:visible!important}
.cj-home-header>.container{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-width:0!important;
}
.cj-home-header .logo{
  flex:0 0 auto!important;
  min-width:max-content!important;
}
.cj-home-header nav{
  flex:1 1 auto!important;
  min-width:0!important;
}
.cj-home-header nav ul{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:clamp(12px,1.7vw,25px)!important;
  min-width:0!important;
}
.cj-home-header nav ul li{flex:0 0 auto!important}
.cj-home-header nav ul li a{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-align:center!important;
  line-height:1.15!important;
  padding:10px 0!important;
}
.cj-home-header .acoes{flex:0 0 auto!important;white-space:nowrap!important}
.cj-home-header .acoes>*{white-space:nowrap!important}
.cj-home-header .btn-login,
.cj-home-header .btn-visitante.cj-home-explore,
.cj-home-header .btn-cadastro{white-space:nowrap!important}

/* O item ativo não cria uma linha extra no cabeçalho */
.cj-home-header nav ul li:first-child a::after{bottom:-25px!important}

/* ---------- Contraste claro ---------- */
body{background:var(--cj-light-bg)!important;color:var(--cj-light-text)!important}
.cj-topbar{background:#f3f5fa!important;border-color:#e3e7ef!important}
.cj-topbar-message,.cj-topbar-link{color:#475467!important}
.cj-topbar-link:hover{color:var(--cj-purple)!important;background:#ebe7ff!important}
.cj-home-header{background:#fff!important;border-color:#e3e6ee!important}
.cj-home-header nav ul li a{color:#344054!important}
.cj-home-header nav ul li a:hover,.cj-home-header nav ul li a.ativo,.cj-home-header nav ul li:first-child a{color:var(--cj-purple)!important}
.cj-home-header .btn-login{color:#344054!important}
.cj-home-header .btn-visitante.cj-home-explore{color:#4b24b8!important;border-color:#b9a9f5!important;background:#fff!important}
.cj-home-header .btn-cadastro{background:linear-gradient(135deg,#6d3df5,#4b24b8)!important}

/* ---------- Hero claro ---------- */
.hero-profissional{
  background:
    radial-gradient(circle at 78% 25%,rgba(139,92,246,.18),transparent 29%),
    radial-gradient(circle at 14% 78%,rgba(37,99,235,.10),transparent 28%),
    linear-gradient(135deg,#f5f7ff 0%,#ffffff 53%,#f5f0ff 100%)!important;
}
.hero-profissional h1{color:#101828!important}
.hero-profissional p{color:#5f6b7a!important}
.hero-badge{color:#5037a0!important;background:#f0edff!important;border-color:#ddd5ff!important}
.hero-profissional .btn-principal,.search-submit{background:linear-gradient(135deg,#6d3df5,#4b24b8)!important}
.btn-hero-outline{color:#344054!important;background:#fff!important;border-color:#dfe3eb!important}
.hero-trust{color:#344054!important}
.hero-trust small{color:#667085!important}

/* ---------- Busca e cards ---------- */
.home-search,.quick-benefits,.como-funciona,.beneficios,.empresas,.recomendacao,.cursos,.depoimentos,.home-timeline-section,.home-education-sustainability,.home-video-section,.faq,.cta{
  background:var(--cj-light-bg)!important;
}
.search-panel,.quick-grid>div,.cards-funciona .card,.beneficio,.home-testimonials article,.home-timeline article,.home-info-card,.faq-item{
  background:#fff!important;
  color:#101828!important;
  border-color:#e2e6ef!important;
}
.search-heading strong,.quick-grid strong,.titulo-secao,.cabecalho-secao h2,.cards-funciona .card h3,.beneficio h3{color:#101828!important}
.search-heading small,.quick-grid small,.subtitulo,.cards-funciona .card p,.beneficio p{color:#667085!important}
.home-search-form label{background:#f9fafc!important;border-color:#e1e5ec!important;color:#475467!important}
.home-search-form input,.home-search-form select{color:#1f2937!important}
.home-search-form input::placeholder{color:#98a2b3!important}

/* ---------- Mobile: cabeçalho limpo, sem menu espremido ---------- */
@media(max-width:1100px){
  .cj-home-header>.container{gap:12px!important}
  .cj-home-header nav ul{gap:13px!important}
  .cj-home-header nav ul li a{font-size:.76rem!important}
  .cj-home-header .acoes{gap:6px!important}
  .cj-home-header .btn-visitante.cj-home-explore{padding:10px 12px!important}
  .cj-home-header .btn-cadastro{padding:11px 14px!important}
}

@media(max-width:900px){
  .cj-home-header>.container{height:72px!important}
  .cj-home-header nav{display:none!important}
  .cj-home-header .acoes{display:none!important}
  .cj-home-header .menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    margin-left:auto!important;
    border:0!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#6d3df5,#4b24b8)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(109,61,245,.22)!important;
  }
  .cj-home-header .logo-img{height:43px!important}
  .hero-profissional{padding-top:132px!important}
}

@media(max-width:768px){
  .cj-topbar{height:42px!important}
  .cj-topbar-inner{height:42px!important}
  .cj-topbar-message{font-size:.68rem!important;gap:7px!important;min-width:0!important}
  .cj-topbar-message span:last-child{max-width:58vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .cj-topbar-actions{gap:2px!important}
  .cj-topbar-link{padding:6px!important}
  .cj-topbar-link span{display:none!important}
  .cj-home-header>.container{height:68px!important;width:92%!important}
  .cj-home-header .logo-img{height:39px!important}
  .cj-home-header .menu-toggle{width:42px!important;height:42px!important;flex-basis:42px!important}
  .hero-profissional{padding:122px 0 78px!important}
}

@media(max-width:520px){
  .cj-topbar-message{max-width:70vw!important}
  .cj-topbar-message span:last-child{max-width:48vw!important}
  .cj-home-header>.container{height:64px!important}
  .cj-home-header .logo-img{height:36px!important}
  .cj-home-header .menu-toggle{width:40px!important;height:40px!important;flex-basis:40px!important}
}

/* ---------- Menu lateral mobile ---------- */
@media(max-width:900px){
  .cj-home-header nav.ativo,
  .cj-home-header nav{
    background:#fff!important;
    color:#101828!important;
  }
  .cj-home-header nav.ativo{display:block!important}
  .cj-home-header nav ul{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  .cj-home-header nav ul li a{
    display:block!important;
    white-space:normal!important;
    text-align:left!important;
    padding:13px 15px!important;
    color:#344054!important;
  }
  .cj-home-header nav ul li:first-child a::after{display:none!important}
  .cj-home-header .fechar-menu{background:#f1efff!important;color:#4b24b8!important}
}

/* Menu mobile no escuro */
@media(max-width:900px){
}

/* ---------- Acessibilidade: foco visível e sem texto cortado ---------- */
.cj-home-header a:focus-visible,
.cj-home-header button:focus-visible,
.hero-profissional a:focus-visible,
.home-search-form input:focus-visible,
.home-search-form select:focus-visible,
.home-search-form button:focus-visible{
  outline:3px solid rgba(109,61,245,.32)!important;
  outline-offset:3px!important;
}

@media(prefers-reduced-motion:reduce){
  .cj-home-header *,.hero-profissional *{transition:none!important}
}

/* ==========================================================
   CONECTA JOVEM — PALETA FINAL
   Roxo + Azul-marinho + Azul-petróleo/teal + Ciano/turquesa
   + branco/cinza claro + gradientes roxo/azul/teal.
========================================================== */
:root{
  --cj-purple:#7C3AED;
  --cj-purple-dark:#4C1D95;
  --cj-purple-mid:#8B5CF6;
  --cj-blue:#2563EB;
  --cj-navy:#0B1730;
  --cj-petrol:#0F4C5C;
  --cj-teal:#0F766E;
  --cj-cyan:#06B6D4;
  --cj-turquoise:#14B8A6;
  --cj-white:#FFFFFF;
  --cj-gray:#F7FAFC;
  --cj-gray-2:#EEF4F8;
  --cj-border:#DCE6EF;
  --cj-gradient:linear-gradient(135deg,#7C3AED 0%,#2563EB 52%,#0F766E 100%);
  --cj-gradient-soft:linear-gradient(135deg,#EDE9FE 0%,#DBEAFE 52%,#CCFBF1 100%);
}

body{background:var(--cj-gray)!important;color:var(--cj-navy)!important}
.cj-home-header{background:rgba(255,255,255,.96)!important;border-color:var(--cj-border)!important}
.cj-topbar{background:var(--cj-gray-2)!important;border-color:var(--cj-border)!important}
.cj-topbar-message,.cj-topbar-link{color:#516176!important}
.cj-topbar-badge{background:var(--cj-gradient-soft)!important;color:var(--cj-purple)!important}
.cj-topbar-link:hover{color:var(--cj-purple)!important;background:#EDE9FE!important}
.cj-home-header nav ul li a{color:#26364D!important}
.cj-home-header nav ul li a:hover,.cj-home-header nav ul li a.ativo,.cj-home-header nav ul li:first-child a{color:var(--cj-purple)!important}
.cj-home-header nav ul li:first-child a::after{background:var(--cj-gradient)!important}
.cj-home-header .btn-login{color:#26364D!important}
.cj-home-header .btn-login:hover{color:var(--cj-purple)!important}
.cj-home-header .btn-visitante.cj-home-explore{color:#4C1D95!important;border-color:#A78BFA!important;background:#fff!important}
.cj-home-header .btn-visitante.cj-home-explore:hover{background:#F5F3FF!important}
.cj-home-header .btn-cadastro{background:var(--cj-gradient)!important;box-shadow:0 8px 20px rgba(37,99,235,.22)!important}

.hero-profissional{
  color:#F8FAFC!important;
  background:
    radial-gradient(circle at 82% 25%,rgba(6,182,212,.22),transparent 26%),
    radial-gradient(circle at 15% 78%,rgba(124,58,237,.24),transparent 30%),
    linear-gradient(120deg,#0B1730 0%,#0F2D4A 48%,#0F4C5C 100%)!important;
}
.hero-profissional::before{background-image:radial-gradient(rgba(103,232,249,.22) 1px,transparent 1px)!important;opacity:.38!important}
.hero-profissional::after{background:var(--cj-gray)!important}
.hero-badge{color:#D9F9FF!important;background:rgba(6,182,212,.12)!important;border-color:rgba(103,232,249,.25)!important}
.badge-dot{background:var(--cj-cyan)!important;box-shadow:0 0 0 6px rgba(6,182,212,.14)!important}
.hero-profissional h1{color:#FFFFFF!important}
.hero-profissional h1 span{background:linear-gradient(90deg,#8B5CF6,#38BDF8,#2DD4BF)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-profissional p{color:#D4E3EE!important}
.hero-profissional .btn-principal{background:var(--cj-gradient)!important;box-shadow:0 15px 30px rgba(37,99,235,.28)!important}
.btn-hero-outline{color:#E8F3F8!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:none!important}
.btn-hero-outline:hover{background:rgba(255,255,255,.15)!important;color:#fff!important;border-color:rgba(103,232,249,.55)!important}
.hero-trust{color:#D4E3EE!important}
.hero-trust small{color:#AFC5D5!important}
.trust-avatars span{border-color:#0F2D4A!important;background:var(--cj-gradient)!important}
.trust-avatars span:first-child{background:#14B8A6!important}
.trust-avatars span:nth-child(2){background:#7C3AED!important}
.trust-avatars span:nth-child(3){background:#2563EB!important}
.trust-avatars span:last-child{background:#fff!important;color:#0F4C5C!important}
.hero-image-wrap{background:rgba(255,255,255,.92)!important;border-color:rgba(255,255,255,.55)!important;box-shadow:0 28px 65px rgba(3,16,32,.30)!important}
.floating-icon{background:var(--cj-gradient)!important}
.match-icon{background:#CCFBF1!important;color:#0F766E!important}
.hero-bg-orb-1{background:rgba(6,182,212,.16)!important}.hero-bg-orb-2{background:rgba(124,58,237,.14)!important}

.home-search,.quick-benefits,.como-funciona,.beneficios,.empresas,.recomendacao,.cursos,.depoimentos,.home-timeline-section,.home-education-sustainability,.home-video-section,.faq,.cta{background:var(--cj-gray)!important}
.search-panel{background:#fff!important;border-color:var(--cj-border)!important}
.search-icon{background:var(--cj-gradient-soft)!important;color:var(--cj-purple)!important}
.search-heading strong,.quick-grid strong,.titulo-secao,.cabecalho-secao h2,.cards-funciona .card h3,.beneficio h3{color:var(--cj-navy)!important}
.search-heading small,.quick-grid small,.subtitulo,.cards-funciona .card p,.beneficio p{color:#627389!important}
.home-search-form label{background:#FBFDFF!important;border-color:var(--cj-border)!important}
.home-search-form label:focus-within{border-color:#67BFD1!important;box-shadow:0 0 0 3px rgba(6,182,212,.12)!important}
.home-search-form input,.home-search-form select{color:#24364D!important}
.home-search-form input::placeholder{color:#8A9AAF!important}
.search-submit{background:var(--cj-gradient)!important}
.quick-grid>div,.cards-funciona .card,.beneficio,.home-testimonials article,.home-timeline article,.home-info-card,.faq-item{background:#fff!important;border-color:var(--cj-border)!important}
.quick-grid span,.cards-funciona .icone,.beneficio i,.home-card-icon{background:var(--cj-gradient-soft)!important;color:var(--cj-purple)!important}
.eyebrow{color:#5B21B6!important;background:#EDE9FE!important;border-color:#DDD6FE!important}
.numeros.home-live-stats{background:var(--cj-gradient)!important}

@media(max-width:900px){
  .cj-home-header .menu-toggle{background:var(--cj-gradient)!important;box-shadow:0 8px 18px rgba(37,99,235,.25)!important}
}

/* ==========================================================
   BOTÃO ENTRAR — MOBILE E TABLETS
   Mantém o acesso ao login sempre visível em telas menores.
========================================================== */
.btn-login-mobile{
  display:none;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  min-height:42px;
  padding:10px 13px;
  border:1px solid #c9bdf8;
  border-radius:12px;
  background:#fff;
  color:#4b24b8;
  text-decoration:none;
  font-weight:800;
  font-size:.88rem;
  white-space:nowrap;
  box-shadow:0 5px 14px rgba(75,36,184,.10);
  transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}
.btn-login-mobile:hover{
  transform:translateY(-1px);
  background:#f4f0ff;
  color:#6d3df5;
}

@media(max-width:900px){
  .cj-home-header .btn-login-mobile{
    display:inline-flex!important;
  }
  .cj-home-header>.container{
    gap:9px!important;
  }
}

@media(max-width:430px){
  .cj-home-header .btn-login-mobile{
    min-height:40px!important;
    padding:9px 10px!important;
    font-size:.82rem!important;
    gap:5px!important;
  }
  .cj-home-header .btn-login-mobile i{
    font-size:.82rem!important;
  }
  .cj-home-header .menu-toggle{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
}

/* ==========================================================
   CORREÇÃO DEFINITIVA — HEADER RESPONSIVO
   Evita que o menu e os botões fiquem sobrepostos em celulares,
   WebViews e navegadores que usam viewport acima de 900px.
========================================================== */
@media (max-width:1100px){
  .cj-home-header>.container{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:92%!important;
    height:68px!important;
  }

  .cj-home-header nav{
    display:none!important;
  }

  .cj-home-header .acoes{
    display:none!important;
  }

  .cj-home-header .logo{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .cj-home-header .logo-img{
    height:40px!important;
    max-width:170px!important;
  }

  .cj-home-header .btn-login-mobile{
    display:inline-flex!important;
    flex:0 0 auto!important;
    margin-left:auto!important;
  }

  .cj-home-header .menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    border:0!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#6d3df5,#4b24b8)!important;
    color:#fff!important;
    cursor:pointer!important;
    box-shadow:0 8px 18px rgba(109,61,245,.22)!important;
  }
}

@media (max-width:700px){
  .cj-topbar{
    height:42px!important;
  }

  .cj-topbar-inner{
    height:42px!important;
    width:92%!important;
  }

  .cj-topbar-message{
    min-width:0!important;
    max-width:100%!important;
    font-size:.68rem!important;
  }

  .cj-topbar-message span:last-child{
    max-width:62vw!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .cj-topbar-actions{
    display:none!important;
  }

  .cj-home-header>.container{
    height:64px!important;
  }

  .cj-home-header .logo-img{
    height:36px!important;
    max-width:150px!important;
  }

  .cj-home-header .btn-login-mobile{
    min-height:40px!important;
    padding:9px 10px!important;
    font-size:.82rem!important;
  }

  .cj-home-header .menu-toggle{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
}

@media (max-width:430px){
  .cj-home-header .btn-login-mobile span{
    display:inline!important;
  }

  .cj-home-header .btn-login-mobile{
    padding:8px 9px!important;
    gap:5px!important;
  }
}

/* ==========================================================
   AJUSTE FINAL DO CABEÇALHO — DESKTOP SEM MENU HAMBÚRGUER
   Desktop/tablet largo mantém menu completo e botões visíveis.
   Menu hambúrguer fica restrito a celulares (até 768px).
========================================================== */
@media (min-width:769px){
  .cj-home-header>.container{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    width:min(94%,1200px)!important;
    height:88px!important;
  }

  .cj-home-header .logo{
    flex:0 1 auto!important;
    min-width:0!important;
  }

  .cj-home-header .logo-img{
    height:46px!important;
    max-width:180px!important;
  }

  .cj-home-header nav{
    display:block!important;
    position:static!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    width:auto!important;
    height:auto!important;
    background:transparent!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .cj-home-header nav ul{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(8px,1.35vw,22px)!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
  }

  .cj-home-header nav ul li{
    flex:0 0 auto!important;
  }

  .cj-home-header nav ul li a{
    display:inline-flex!important;
    align-items:center!important;
    white-space:nowrap!important;
    font-size:clamp(.68rem,.78vw,.82rem)!important;
  }

  .cj-home-header .acoes{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:clamp(6px,.8vw,12px)!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .cj-home-header .btn-login,
  .cj-home-header .btn-visitante.cj-home-explore,
  .cj-home-header .btn-cadastro{
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }

  .cj-home-header .btn-visitante.cj-home-explore{
    padding:10px clamp(10px,1.2vw,17px)!important;
  }

  .cj-home-header .btn-cadastro{
    padding:11px clamp(12px,1.35vw,19px)!important;
  }

  .cj-home-header .btn-login-mobile,
  .cj-home-header .menu-toggle{
    display:none!important;
  }

  .cj-home-header .fechar-menu{
    display:none!important;
  }
}

/* Somente celular: menu hambúrguer e botão Entrar compacto. */
@media (max-width:768px){
  .cj-home-header nav{display:none!important;}
  .cj-home-header .acoes{display:none!important;}
  .cj-home-header .btn-login-mobile{display:inline-flex!important;}
  .cj-home-header .menu-toggle{display:flex!important;}
}

/* ==========================================================
   CORREÇÃO FINAL — HEADER / CORES / TEMA
   - Desktop: menu completo, sem hambúrguer
   - Evita textos quebrados/verticais
   - Remove conflito entre Entrar, Explorar e Cadastrar
   - Contraste consistente nos temas claro e escuro
========================================================== */

/* ---------- Base do cabeçalho ---------- */
.cj-home-header{
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #dfe5ee!important;
  box-shadow:0 8px 28px rgba(15,23,42,.08)!important;
}

.cj-home-header>.container{
  width:min(96%,1400px)!important;
  min-height:78px!important;
  height:78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  flex-wrap:nowrap!important;
}

.cj-home-header .logo{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:150px!important;
}

.cj-home-header .logo-img{
  width:auto!important;
  height:46px!important;
  max-width:180px!important;
  display:block!important;
}

/* ---------- Menu desktop: tudo em uma linha ---------- */
.cj-home-header nav{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  position:static!important;
}

.cj-home-header nav ul{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(10px,1.25vw,22px)!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

.cj-home-header nav ul li{
  display:block!important;
  flex:0 0 auto!important;
  min-width:0!important;
}

.cj-home-header nav ul li a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  font-size:clamp(.72rem,.82vw,.84rem)!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  padding:12px 0!important;
  color:#26364d!important;
}

.cj-home-header nav ul li:first-child a::after{
  bottom:-17px!important;
  height:3px!important;
}

.cj-home-header .fechar-menu{
  display:none!important;
}

/* ---------- Área de ações ---------- */
.cj-home-header .acoes{
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  white-space:nowrap!important;
}

.cj-home-header .acoes>*{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
}

.cj-home-header .btn-login{
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  font-size:.84rem!important;
  font-weight:750!important;
  color:#26364d!important;
}

.cj-home-header .btn-login:hover{
  background:#f1edff!important;
  color:#5b21b6!important;
}

.cj-home-header .btn-visitante.cj-home-explore{
  min-height:42px!important;
  padding:10px 15px!important;
  border:1px solid #b9a8f7!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#4c1d95!important;
  font-size:.82rem!important;
  font-weight:750!important;
  line-height:1!important;
  box-shadow:0 3px 10px rgba(76,29,149,.06)!important;
}

.cj-home-header .btn-cadastro{
  min-height:42px!important;
  padding:10px 16px!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#7c3aed,#2563eb,#0f766e)!important;
  color:#fff!important;
  font-size:.82rem!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
}

.cj-home-header .btn-login-mobile,
.cj-home-header .menu-toggle{
  display:none!important;
}

/* Não repete "Entrar" na barra superior. O botão principal fica no menu. */
.cj-home-header .cj-topbar-login{
  display:none!important;
}

/* ---------- Barra superior ---------- */
.cj-topbar{
  height:44px!important;
  background:#f3f6fa!important;
  border-bottom:1px solid #dfe5ee!important;
}

.cj-topbar-inner{
  height:44px!important;
  width:min(96%,1400px)!important;
  gap:16px!important;
}

.cj-topbar-message,
.cj-topbar-actions{
  min-width:0!important;
}

.cj-topbar-message{
  color:#52647a!important;
  font-size:.76rem!important;
  font-weight:650!important;
  white-space:nowrap!important;
}

.cj-topbar-actions{
  gap:5px!important;
}

.cj-topbar-link{
  color:#52647a!important;
  font-size:.76rem!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

.cj-topbar-link:hover{
  color:#5b21b6!important;
  background:#ebe7ff!important;
}

/* ---------- Tema claro: contraste ---------- */
html .cj-home-header,
.cj-home-header{
  background:rgba(255,255,255,.98)!important;
  border-color:#dfe5ee!important;
}

html .cj-home-header nav ul li a,
.cj-home-header nav ul li a{
  color:#26364d!important;
}

html .cj-home-header nav ul li a:hover,
html .cj-home-header nav ul li a.ativo,
html .cj-home-header nav ul li:first-child a,
.cj-home-header nav ul li a:hover,
.cj-home-header nav ul li a.ativo,
.cj-home-header nav ul li:first-child a{
  color:#6d28d9!important;
}

html .cj-home-header .btn-login,
.cj-home-header .btn-login{
  color:#26364d!important;
}

html .cj-home-header .btn-visitante.cj-home-explore,
.cj-home-header .btn-visitante.cj-home-explore{
  background:#fff!important;
  color:#4c1d95!important;
  border-color:#b9a8f7!important;
}

/* ---------- Tablet/desktop menor: continua SEM hambúrguer ---------- */
@media (min-width:769px) and (max-width:1180px){
  .cj-home-header>.container{
    width:97%!important;
    gap:10px!important;
  }

  .cj-home-header .logo{
    min-width:125px!important;
  }

  .cj-home-header .logo-img{
    height:40px!important;
    max-width:145px!important;
  }

  .cj-home-header nav ul{
    gap:8px!important;
  }

  .cj-home-header nav ul li a{
    font-size:.68rem!important;
  }

  .cj-home-header .acoes{
    gap:5px!important;
  }

  .cj-home-header .btn-login,
  .cj-home-header .btn-visitante.cj-home-explore,
  .cj-home-header .btn-cadastro{
    font-size:.70rem!important;
    min-height:38px!important;
  }

  .cj-home-header .btn-visitante.cj-home-explore{
    padding:8px 9px!important;
  }

  .cj-home-header .btn-cadastro{
    padding:8px 10px!important;
  }
}

/* ---------- Celular: somente aqui entra o hambúrguer ---------- */
@media (max-width:768px){
  .cj-home-header>.container{
    width:92%!important;
    height:70px!important;
    min-height:70px!important;
    gap:8px!important;
  }

  .cj-topbar-message{
    display:none!important;
  }

  .cj-topbar{
    height:40px!important;
  }

  .cj-topbar-inner{
    height:40px!important;
    justify-content:flex-end!important;
  }

  .cj-topbar-actions{
    width:100%!important;
    justify-content:flex-end!important;
  }

  .cj-home-header nav{
    display:none!important;
  }

  .cj-home-header .acoes{
    display:none!important;
  }

  .cj-home-header .btn-login-mobile{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-height:40px!important;
    padding:9px 11px!important;
    border-radius:10px!important;
    white-space:nowrap!important;
    writing-mode:horizontal-tb!important;
    background:#ede9fe!important;
    color:#5b21b6!important;
    border:1px solid #d8ccff!important;
  }

  .cj-home-header .menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    border:0!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#7c3aed,#2563eb,#0f766e)!important;
    color:#fff!important;
  }
}

/* ---------- Evita qualquer quebra vertical acidental ---------- */
.cj-home-header a,
.cj-home-header button,
.cj-home-header span,
.cj-home-header i{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}

.cj-home-header a,
.cj-home-header button{
  transform:none;
}

@media (prefers-reduced-motion:reduce){
  .cj-home-header *{transition:none!important;animation:none!important;}
}