/* =====================================================================
   home.css · Dr. Fabio Salomão
   Layout específico da Home. Só grid/spacing próprios da página.
   Cor exclusivamente via var(--…) de tokens.css. Sem hex.
   ===================================================================== */

/* ===== Primeira dobra ===== */
.hero{position:relative;overflow:hidden;background:var(--marfim);border-bottom:1px solid var(--areia-escuro-01);padding:150px 0 110px}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.hero-copy{max-width:640px}
.hero h1{margin-bottom:22px}
.hero .tagline{font-family:var(--font-display);font-size:clamp(24px,2.8vw,30px);line-height:1.25;letter-spacing:-.01em;color:var(--grafite);max-width:20ch;margin-bottom:26px}
.hero .support{max-width:64ch;color:var(--grafite);margin-bottom:30px}
.hero .tags{margin-bottom:34px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px}

/* foto vertical 4:5 */
.hero-media{position:relative}
.hero-media .frame{aspect-ratio:4/5;box-shadow:var(--shadow-img)}
.hero-media .frame .media-ph{min-height:0}

/* blobs do hero: usam .bg-layers/.blob de components.css */
.hero .bg-layers{z-index:0}

/* ===== Módulo duplo Pacientes × Cursos ===== */
.paths{background:var(--marfim);border-top:1px solid var(--marfim-escuro-01)}
.path-card .pc-cta .btn{align-self:flex-start}

/* ===== Teaser Sobre ===== */
.sobre-teaser{background:var(--areia-claro-01)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.sobre-media .frame{aspect-ratio:4/5;box-shadow:var(--shadow-img);border:6px solid var(--marfim);border-radius:var(--radius-img);background:var(--nevoa)}
.sobre-media .frame .img-reveal{border-radius:calc(var(--radius-img) - 6px)}
.sobre-copy h2{margin-bottom:24px}
.sobre-copy p{color:var(--grafite);margin-bottom:18px;max-width:60ch}
.sobre-copy p:last-of-type{margin-bottom:0}
.sobre-copy .btn{margin-top:34px}
.sobre-teaser .closer{margin-top:96px;border:0;border-top:1px solid var(--areia-escuro-01);opacity:.8}

/* ===== Procedimentos ===== */
.procedimentos{background:var(--marfim)}
.proc-cta{display:flex;justify-content:center;margin-top:44px}

/* ===== Consultoria, Mentoria e IA ===== */
.consultoria .split{grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.consultoria .sec-tag{background:var(--marfim);border-color:var(--marfim);color:var(--azul-profundo)}
.consultoria h2{color:var(--grafite);max-width:20ch;margin-bottom:24px}
.consultoria .lead{color:var(--grafite);max-width:56ch;margin-bottom:36px}
.consultoria .c-cta{display:flex}

/* palco de cards flutuantes + mapa de decisão */
.decision-stage{position:relative;min-height:440px}
.decision-stage .float-card .fc-title{color:var(--azul-profundo)}
.decision-stage .float-line line{stroke:var(--azul-profundo)}
.decision-stage .float-line circle{fill:var(--azul-profundo)}

/* ===== Blog e Newsletter ===== */
.blog-news{background:var(--areia-claro-01)}
.bn-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.bn-copy h2{margin-bottom:22px;max-width:18ch}
.bn-copy p{color:var(--grafite);max-width:44ch;margin-bottom:0}
.bn-copy .btn{margin-top:32px}

.news-card{background:var(--marfim);border:1px solid var(--areia-escuro-01);border-radius:var(--radius-img);padding:44px 40px;box-shadow:var(--shadow-soft)}
.news-card h3{color:var(--azul-profundo);margin-bottom:14px}
.news-card .nc-lead{font-size:16px;line-height:1.55;color:var(--grafite);margin-bottom:26px}
.news-form{display:flex;flex-direction:column;gap:18px}
.news-form .btn{width:100%}

/* ===== Empilhamento mobile ===== */
@media (max-width:860px){
  .hero-grid,.split,.consultoria .split,.bn-grid{grid-template-columns:1fr;gap:40px}
  .hero-media{order:-1;max-width:420px}
  .sobre-media{max-width:460px}
  .decision-stage{min-height:400px}
}
@media (max-width:560px){
  .hero{padding:120px 0 80px}
  .news-card{padding:30px 24px}
  .hero-ctas{flex-direction:column;align-items:stretch}
  .hero-ctas .btn{width:100%}
}