/* ==========================================================================
   Amanda Carvalho — home.css
   Estilos da Home. Depende de base.css (sistema oficial).
   Ajustes conforme AVALIACAO-VARIACOES-HOME-AMANDA.md e
   AVALIACAO-HOME-V3-E-DEMAIS-PAGINAS-AMANDA.md.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Hero — retrato vertical 4:5
   -------------------------------------------------------------------------- */

.hero{
  position:relative;overflow:hidden;
  padding-block:clamp(40px,4vw,72px) clamp(56px,5vw,96px);
  min-height:720px;display:flex;align-items:center;
}
.hero::before{
  content:"";position:absolute;top:50%;right:10%;translate:0 -50%;
  width:min(600px,52vw);aspect-ratio:1;border-radius:50%;
  border:1.5px solid rgba(183,137,97,.30);
  clip-path:polygon(0 0,100% 0,100% 76%,62% 76%,62% 100%,0 100%);
  pointer-events:none;
}
.hero::after{
  content:"";position:absolute;top:46%;right:4%;translate:0 -50%;
  width:min(700px,58vw);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(215,185,140,.20) 0%,rgba(220,205,197,.11) 45%,transparent 70%);
  pointer-events:none;
}
.hero__grid{
  position:relative;z-index:1;width:100%;
  display:grid;grid-template-columns:56fr 44fr;
  gap:clamp(32px,4vw,64px);align-items:center;
}
.hero h1{margin-bottom:20px;max-width:17ch}
.hero__sub{font-size:var(--t-lead);max-width:54ch;color:var(--color-text-muted)}

.hero__prova{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;
  margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border);
  font-size:var(--t-small);font-weight:500;color:var(--color-espresso);
}
.hero__prova li{display:flex;align-items:center;gap:8px}
.hero__prova li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--color-champagne)}
.hero__prova strong{font-weight:700}

.hero__midia{position:relative}
.hero__midia .ph{border-radius:var(--radius-xl)}

@media (max-width:1024px){
  .hero{min-height:0}
  .hero__grid{grid-template-columns:1fr;gap:32px}
  .hero__conteudo{order:1}
  .hero__midia{order:2;max-width:460px;margin-inline:auto;width:100%}
  .hero::before{display:none}
}
@media (min-width:769px) and (max-width:1024px){
  .hero h1{font-size:3.25rem}
}

/* --------------------------------------------------------------------------
   2. Escolha de jornada — foto 4:3 (avaliação 3.2)
   -------------------------------------------------------------------------- */

.jornada__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-grid)}
.jornada{position:relative;border-radius:var(--radius-xl);overflow:hidden}
.jornada .ph{border-radius:0;aspect-ratio:4/3}
.jornada__corpo{padding:clamp(24px,2.4vw,32px);position:relative}
.jornada__corpo::before{
  content:"";position:absolute;top:-46px;right:24px;
  width:92px;height:92px;border-radius:50%;
  border:1px solid rgba(183,137,97,.45);border-bottom-color:transparent;
  pointer-events:none;
}
.jornada--aluna .jornada__corpo::before{
  border:1px solid rgba(183,137,97,.45);border-left-color:transparent;border-top-color:transparent;
  right:auto;left:24px;
}
.jornada h3{margin-bottom:10px}
.jornada p{margin-bottom:22px}
.jornada .btn{width:100%}
.jornada__tag{
  position:absolute;top:16px;left:16px;z-index:2;
  background:rgba(253,249,244,.94);color:var(--color-espresso);
  font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:7px 14px;border-radius:var(--radius-pill);
}
@media (max-width:760px){.jornada__grid{grid-template-columns:1fr}}

/* --------------------------------------------------------------------------
   3. Cursos em destaque — logo após os dois caminhos (avaliação 3.1)
   -------------------------------------------------------------------------- */

.cursos__grid{display:grid;grid-template-columns:52fr 48fr;gap:clamp(32px,4vw,64px);align-items:center}
.cursos__midia{position:relative}
.cursos__midia .ph{border-radius:var(--radius-xl)}
.cursos__selo{
  position:absolute;right:-12px;bottom:-16px;
  background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);
  padding:16px 20px;box-shadow:var(--shadow-card);
  font-size:.8125rem;font-weight:600;color:var(--color-text-muted);line-height:1.35;max-width:220px;
}
.cursos__selo span{
  display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--color-espresso);
  line-height:1.1;margin-bottom:4px;
}

.destaques{display:grid;gap:12px;margin-top:var(--space-6)}
.destaques li{display:flex;gap:12px;align-items:flex-start;font-size:var(--t-body);color:var(--color-graphite)}
.destaques .ico{color:var(--color-bronze);margin-top:2px}

.cursos__nota{
  margin-top:var(--space-5);padding:14px 18px;
  background:rgba(255,253,252,.7);border:1px solid var(--color-border);border-radius:var(--radius-sm);
  font-size:var(--t-small);color:var(--color-text-muted);
}
@media (max-width:900px){
  .cursos__grid{grid-template-columns:1fr}
  .cursos__selo{right:16px;bottom:-20px}
}

/* --------------------------------------------------------------------------
   4. Serviços — 6 cards, foto 4:3, sem nota genérica (avaliação 3.2 e 3.6)
   -------------------------------------------------------------------------- */

.servicos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid)}
.servico .ph{border-radius:0;aspect-ratio:4/3}
.servico h3{font-size:1.375rem;line-height:1.25}

.servicos__rodape{
  margin-top:var(--space-7);display:flex;flex-wrap:wrap;gap:24px;
  align-items:center;justify-content:space-between;
}
.servicos__aviso{
  font-size:var(--t-small);color:var(--color-text-muted);margin:0;
  max-width:62ch;padding-left:16px;border-left:1px solid var(--color-champagne);
}
@media (max-width:960px){.servicos__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.servicos__grid{grid-template-columns:1fr}}

/* --------------------------------------------------------------------------
   5. Posicionamento
   -------------------------------------------------------------------------- */

.manifesto{position:relative;overflow:hidden}
.manifesto::before{
  content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;
  width:min(620px,84vw);aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(215,185,140,.20);
  clip-path:polygon(0 0,100% 0,100% 70%,58% 70%,58% 100%,0 100%);
  pointer-events:none;
}
.manifesto h2{max-width:18ch;margin-inline:auto;line-height:1.08}
.manifesto__texto{max-width:62ch;margin:var(--space-6) auto 0;font-size:var(--t-lead)}

/* --------------------------------------------------------------------------
   6. Resultados — 4 imagens, sem filtros
   -------------------------------------------------------------------------- */

.galeria{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:var(--space-6)}
.galeria figure{margin:0}
.galeria .ph{border-radius:var(--radius-lg)}
.galeria__legenda{display:block;margin-top:10px;font-size:.8125rem}
@media (max-width:800px){.galeria{grid-template-columns:repeat(2,1fr)}}

/* --------------------------------------------------------------------------
   7. Sobre Amanda
   -------------------------------------------------------------------------- */

.sobre__grid{display:grid;grid-template-columns:42fr 58fr;gap:clamp(32px,4vw,72px);align-items:center}
.sobre__midia{position:relative}
.sobre__midia .ph{border-radius:var(--radius-xl);position:relative;z-index:1}
.sobre__midia::before{
  content:"";position:absolute;left:-20px;bottom:-20px;
  width:160px;height:160px;border-radius:var(--radius-xl);background:var(--color-rose);
}
.sobre__numeros{
  display:flex;flex-wrap:wrap;gap:32px;margin-top:var(--space-6);
  padding-top:24px;border-top:1px solid var(--color-border);
}
.sobre__numeros div{min-width:110px}
.sobre__numeros strong{
  display:block;font-family:var(--font-display);font-size:2.5rem;font-weight:600;
  color:var(--color-espresso);line-height:1;
}
.sobre__numeros span{font-size:.8125rem;color:var(--color-text-muted)}
@media (max-width:900px){
  .sobre__grid{grid-template-columns:1fr}
  .sobre__midia{max-width:420px}
}

/* --------------------------------------------------------------------------
   8. Avaliações
   -------------------------------------------------------------------------- */

.prova-google{
  display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;
  background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);
  padding:20px 26px;margin-bottom:var(--space-6);
}
.prova-google__nota{
  display:flex;align-items:baseline;gap:10px;margin:0;
  font-family:var(--font-display);font-size:2.25rem;font-weight:600;color:var(--color-espresso);line-height:1;
}
.estrelas{display:inline-flex;gap:2px;color:var(--color-bronze)}
.estrelas .ico{width:16px;height:16px;fill:currentColor;stroke:none}
.prova-google p{margin:0;font-size:.9375rem}

.avaliacoes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid)}
.avaliacao{
  background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);
  padding:clamp(20px,2vw,28px);box-shadow:var(--shadow-card);
  display:flex;flex-direction:column;gap:14px;
}
.avaliacao__texto{font-family:var(--font-display);font-size:1.25rem;line-height:1.45;color:var(--color-graphite);margin:0}
.avaliacao__autor{margin-top:auto;font-size:.8125rem;color:var(--color-text-muted)}
.avaliacao__autor strong{display:block;color:var(--color-espresso);font-size:.9375rem}
@media (max-width:900px){.avaliacoes__grid{grid-template-columns:1fr}}

/* Marcador de desenvolvimento — remover antes da publicação */
.dev{
  font-size:.75rem;line-height:1.45;color:#8A3E3E;margin:0;
  background:#F6EDE9;border:1px dashed rgba(138,62,62,.35);border-radius:var(--radius-sm);
  padding:10px 12px;
}

/* --------------------------------------------------------------------------
   9. Localização
   -------------------------------------------------------------------------- */

.local__grid{display:grid;grid-template-columns:55fr 45fr;gap:clamp(32px,4vw,64px);align-items:center}
.local__midia .ph{border-radius:var(--radius-xl)}
.local__dados{display:grid;gap:20px;margin-top:var(--space-6)}
.local__dados div{display:flex;gap:14px;align-items:flex-start}
.local__dados p{margin:0;line-height:1.55;color:var(--color-graphite)}
.local__dados a{color:var(--color-graphite);text-decoration:underline;text-underline-offset:3px}
.local__dados a:hover{color:var(--color-espresso)}
.local__dados .rotulo{
  display:block;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  margin-bottom:2px;
}
@media (max-width:900px){
  .local__grid{grid-template-columns:1fr}
  .local__midia{order:-1}
}

/* --------------------------------------------------------------------------
   10. CTA final — sem fotografia
   -------------------------------------------------------------------------- */

.cta-final{position:relative;overflow:hidden;text-align:center}
.cta-final::before{
  content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;
  width:min(560px,80vw);aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(215,185,140,.18);
  clip-path:polygon(0 0,100% 0,100% 72%,60% 72%,60% 100%,0 100%);
  pointer-events:none;
}
.cta-final .wrap{position:relative;z-index:1}
.cta-final h2{max-width:20ch;margin-inline:auto}
.cta-final p{max-width:54ch;margin:20px auto 0;font-size:var(--t-lead)}