/* Versão mais leve do site (06/11/2026): por cima do site.css original.
   Barra fixa sem caixa, menos blocos, mais respiro e seções mais simples. */

/* Barra fixa sem caixa: só um fundo quase transparente que ganha leve desfoque */
.site-header{
  top:0;left:0;transform:none;width:100%;min-height:76px;border:0;border-radius:0;box-shadow:none;
  padding:10px max(5vw,calc((100vw - var(--max))/2));
  background:color-mix(in srgb,var(--paper) 82%,transparent);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:border-color .3s,background .3s
}
.site-header.rolou{border-bottom-color:var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent)}
.site-header .brand img{width:150px;height:auto}
.nav{gap:clamp(18px,2.2vw,34px)}
.nav .button-small{min-height:44px;border-radius:999px;padding:8px 18px 8px 12px}

/* Topo */
.hero{min-height:min(860px,100svh);padding-top:120px;background:linear-gradient(160deg,#fbfaf6,var(--sage-soft))}
.hero:before{display:none}
.hero h1{font-size:clamp(2.9rem,4.6vw,5.1rem)}
.hero-visual{height:clamp(520px,74svh,700px);border-radius:32px 32px 140px 32px;box-shadow:0 30px 80px #3446401f}
.hero-visual>img:first-child{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.hero-mark{opacity:.16;width:230px;top:-60px;right:-56px}
.hero .button,.contact .button{border-radius:999px}

/* Identificação: só texto e etiquetas, sem foto de banco */
.recognition{background:var(--surface);padding-top:120px;padding-bottom:120px}
.recognition-copy{max-width:860px}
.recognition-copy h2{font-size:clamp(2.3rem,3.8vw,3.9rem)}
.recognition-copy>p:not(.eyebrow){font-size:1.1rem;max-width:640px}
.recognition-list{margin-top:44px}
.recognition-list span{border-radius:999px;background:transparent;padding:9px 16px;font-size:14px}

/* Sobre: foto em P&B ao lado do texto, sem moldura decorativa */
.about{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:clamp(40px,7vw,110px);background:var(--paper);
  padding:120px max(5vw,calc((100vw - var(--max))/2))}
.about .portrait-frame{width:100%;max-width:500px;justify-self:end;border-radius:250px 250px 28px 28px;box-shadow:0 30px 80px #34464024}
.about-copy{background:none;padding:0}
.about-copy h2{font-size:clamp(2.6rem,4vw,4.2rem);margin-bottom:26px}
.about-copy p{color:var(--ink-soft);max-width:560px}
.about-copy ul{margin-top:34px;max-width:560px}

/* TCC */
.tcc{background:var(--surface)}
.tcc-map article{min-height:0;padding:30px;box-shadow:none}

/* Temas: lista simples em duas colunas */
.help{background:var(--paper)}
.help-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(30px,6vw,90px);border-top:1px solid var(--line)}
.help-list li{display:grid;gap:4px;padding:22px 0;border-bottom:1px solid var(--line)}
.help-list strong{font-size:1.08rem;font-weight:700}
.help-list span{color:var(--ink-soft);font-size:.97rem}

/* Como começar: 3 passos */
.process{background:var(--surface)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}
.steps li{border-top:1px solid var(--line);padding-top:24px}
.steps li>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sage);color:var(--accent);font-weight:750;font-size:14px;margin-bottom:18px}
.steps h3{font-size:1.3rem;margin-bottom:8px}
.steps p{color:var(--ink-soft);margin:0}
.modes{margin-top:72px}
.modes article{min-height:0;padding:30px;border:0}
.modes h3{margin-top:28px}

/* Dúvidas */
.faq{background:var(--paper)}

/* Contato final: uma coluna, sem cartão */
.contact{display:block;text-align:left}
.contact-copy{max-width:820px}
.contact-copy h2{font-size:clamp(2.6rem,4.4vw,4.6rem)}

.content-section{background:var(--surface)}
.content-grid h2{font-size:clamp(2.2rem,3.4vw,3.4rem)}

@media (width<=1100px){
  .help-list{grid-template-columns:1fr}
}
@media (width<=780px){
  .site-header{min-height:64px;padding:8px 16px;top:0;width:100%}
  .site-header .brand img,.brand,.brand img{width:120px}
  .nav{top:64px;left:12px;right:12px}
  .hero{padding:92px 20px 32px;min-height:0}
  .hero h1{font-size:clamp(2.4rem,10vw,3.4rem)}
  .hero-visual{height:clamp(380px,58svh,520px);border-radius:26px 26px 80px 26px}
  .hero-visual>img:first-child{object-position:58% 18%}
  .hero-mark{width:150px;top:-36px;right:-34px}
  .recognition{padding:78px 20px}
  .about{grid-template-columns:1fr;padding:78px 20px;gap:36px}
  .about .portrait-frame{justify-self:center;max-width:360px;border-radius:180px 180px 24px 24px}
  .steps{grid-template-columns:1fr;gap:28px}
  .modes{margin-top:44px}
  .modes article{padding:26px}
  .modes h3{margin-top:22px}
}

/* Ajustes finos */
.section-heading .eyebrow,.content-grid .eyebrow,.about-copy .eyebrow,.recognition-copy .eyebrow{font-size:11px;margin-bottom:22px;color:var(--accent);max-width:none}
.about-copy p:not(.eyebrow){margin-bottom:16px}
.contact-copy h2{margin-bottom:22px}
.tcc .section-heading p:not(.eyebrow),.recognition-copy>p:not(.eyebrow){color:var(--ink-soft)}
@media (width<=780px){
  .menu-button{background:transparent;border:1px solid var(--line);border-radius:999px;width:44px;height:44px;padding:13px 11px}
  .menu-button span:not(.sr-only){background:var(--ink)}
}

/* Logo da barra sem corte (o site.css limitava a caixa a 56px de altura) */
.site-header .brand{width:auto;height:auto;overflow:visible}
@media (width<=780px){.site-header .brand{width:auto}}