/* ============================================================
   Sobre mim — estilos exclusivos desta página
   Linguagem visual editorial/clean, inspirada na referência
   enviada pelo usuário (headline grande + foto limpa à direita).
   ============================================================ */


/* ---------- hero editorial ---------- */
.sobre-hero{ padding:24px 0 72px; }
.sobre-hero .breadcrumbs{ margin-bottom:1.6rem; }
.sobre-hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:4rem;
  align-items:start;
}
.sobre-hero-copy{ padding-top:1.4rem; }
.sobre-hero-title{
  font-size:clamp(2.1rem, 1.5rem + 2.6vw, 3.6rem);
  line-height:1.04;
  letter-spacing:-.03em;
  margin:.45em 0 1.6rem;
}

/* credenciais — linha simples, separada por pontos terracota */
.sobre-credentials{
  list-style:none; margin:0 0 2.4rem; padding:0;
  display:flex; flex-wrap:wrap; gap:.4rem 1.1rem;
  font-family:var(--f-display); font-weight:600; font-size:.85rem; color:var(--ink-soft);
}
.sobre-credentials li{ display:flex; align-items:center; gap:1.1rem; }
.sobre-credentials li + li::before{ content:""; width:5px; height:5px; border-radius:50%; background:var(--terracotta); }

.sobre-hero-quote{ max-width:30em; margin-bottom:1.7rem; padding-left:1.2rem; border-left:3px solid var(--terracotta); }
.sobre-hero-quote p{
  font-family:var(--f-display); font-weight:600;
  font-size:1.05rem; color:var(--ink); line-height:1.55; letter-spacing:-.01em; margin-bottom:1.1em;
}
.sobre-readmore{
  display:inline-flex; align-items:center; justify-content:center; gap:.5em;
  min-height:44px;
  font-family:var(--f-display); font-weight:600; font-size:.8rem;
  color:var(--ink); background:var(--paper);
  border:1.5px solid var(--ink); border-radius:999px;
  padding:.68em 1.4em;
  transition:background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);
}
.sobre-readmore:hover{ background:var(--ink); color:var(--cream); transform:translateY(-2px); }
.sobre-readmore .arrow{ display:inline-block; transition:transform .18s var(--ease); }
.sobre-readmore:hover .arrow{ transform:translateX(3px); }

.sobre-hero-photo-col{ width:100%; }
.sobre-hero-photo{
  position:relative; width:100%;
  border-radius:22px; overflow:hidden;
  aspect-ratio:4/5;
  background:var(--ink);
  box-shadow:4px 4px 0 var(--terracotta);
}
.sobre-hero-photo{ border:1.5px solid var(--ink); }
.sobre-hero-photo img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%;
}

@media (max-width:900px){
  .sobre-hero{ padding-bottom:48px; }
  .sobre-hero-grid{ grid-template-columns:1fr; gap:2.4rem; }
  .sobre-hero-photo-col{ max-width:420px; margin:0 auto; }
  .sobre-hero-title{ font-size:clamp(1.9rem, 1.5rem + 3vw, 2.6rem); }
}

/* ---------- "minha abordagem" — título à esquerda, texto à direita, fecho em cartão ---------- */
.abordagem{ background:var(--paper-deep); border-top:1.5px solid var(--ink); }
.abordagem-grid{ display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2rem, 6vw, 5rem); align-items:start; }
.abordagem-head{ position:sticky; top:110px; }
.abordagem-head h2{ margin-top:.4em; }
.abordagem-body > p{ font-size:1.05rem; line-height:1.75; }
.abordagem-card{
  margin-top:2.4rem; padding:2rem 2rem 2.1rem;
  background:var(--cream); border:1.5px solid var(--ink); border-radius:22px;
  box-shadow:4px 4px 0 var(--terracotta);
}
.abordagem-card-lead{ font-family:var(--f-display); font-weight:700; font-size:1.15rem; line-height:1.4; letter-spacing:-.01em; color:var(--ink); }
.abordagem-card ul{ list-style:none; padding:0; margin:1.2rem 0 1.6rem; display:flex; flex-direction:column; gap:.55em; }
.abordagem-card li{ position:relative; padding-left:1.3em; font-size:.94rem; color:var(--ink-soft); }
.abordagem-card li::before{ content:""; position:absolute; left:0; top:.55em; width:6px; height:6px; border-radius:50%; background:var(--terracotta); }
@media (max-width:900px){
  .abordagem-grid{ grid-template-columns:1fr; gap:1.2rem; }
  .abordagem-head{ position:static; }
  .abordagem-card{ padding:1.7rem 1.5rem; }
}

/* ---------- "o espaço de escuta" — foto do consultório de ponta a ponta, cartão de papel por cima ---------- */
.sobre-espaco{
  position:relative; overflow:hidden; padding:0;
  min-height:clamp(560px, 48vw, 760px);
  display:flex; align-items:center;
  border-top:1.5px solid var(--ink); border-bottom:1.5px solid var(--ink);
}
.sobre-espaco-photo{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:30% 6%;
}
.sobre-espaco-inner{ position:relative; z-index:1; display:flex; justify-content:flex-end; padding-block:72px; }
.sobre-espaco-card{
  width:min(100%, 470px);
  background:var(--cream); border:1.5px solid var(--ink); border-radius:22px;
  box-shadow:4px 4px 0 var(--terracotta);
  padding:2.4rem 2.3rem 2.2rem;
}
.sobre-espaco-card h2{ margin:.35em 0 .55em; }
.sobre-espaco-card p{ font-size:1rem; line-height:1.7; }
.sobre-espaco-quote{
  margin:1.5rem 0 1.7rem; padding-top:1.4rem; border-top:1.5px solid var(--terracotta-line);
  font-family:var(--f-display); font-weight:600; font-size:1.08rem; line-height:1.5;
  letter-spacing:-.01em; color:var(--ink);
}
@media (max-width:900px){
  .sobre-espaco{ display:block; min-height:0; }
  .sobre-espaco-photo{ position:relative; height:auto; aspect-ratio:4/3; object-position:32% 75%; }
  .sobre-espaco-inner{ justify-content:center; margin-top:-56px; padding-block:0 56px; }
  .sobre-espaco-card{ padding:2rem 1.6rem 1.8rem; }
}

/* ---------- "leituras" — referências filosóficas, seção editorial escura ---------- */
.sobre-leituras{
  position:relative; overflow:hidden;
  padding:clamp(72px, 9vw, 120px) 0;
  background-color:var(--ink);
}
.sobre-leituras-icon{
  position:absolute; z-index:0; pointer-events:none;
  right:-30px; top:56px; width:280px; height:210px;
  color:var(--sand); opacity:.09;
}
.sobre-leituras-inner{ position:relative; z-index:1; max-width:860px; margin:0 auto; }
.sobre-leituras-head{ max-width:620px; margin-bottom:3.4rem; }
.sobre-leituras .eyebrow{ color:var(--sand); }
.sobre-leituras-head h2{ color:#FBF7F0; margin:.45em 0 .65em; }
.sobre-leituras-lede{
  font-size:1.08rem; line-height:1.7; color:rgba(251,247,240,.74); max-width:36em;
}
.sobre-leituras-list{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:1fr 1fr; gap:0 3.2rem;
}
.sobre-leituras-list li{
  padding:1.35rem 0; border-top:1px solid rgba(199,183,167,.24);
  display:flex; flex-direction:column; gap:.4em;
}
.sobre-leituras-list strong{
  font-family:var(--f-quote); font-weight:500; font-style:italic; font-size:1.4rem; color:var(--sand);
}
.sobre-leituras-list span{
  font-family:var(--f-body); font-size:.92rem; line-height:1.5; color:rgba(251,247,240,.66);
}
@media (max-width:700px){
  .sobre-leituras{ padding:72px 0 80px; }
  .sobre-leituras-icon{ width:170px; height:128px; right:-25px; top:24px; }
  .sobre-leituras-list{ grid-template-columns:1fr; }
}

/* ---------- encerramento — ilustração emoldurada ao lado da frase ---------- */
.sobre-closing{ background:var(--paper-deep); }
.sobre-closing-grid{
  display:grid; grid-template-columns:1.05fr .95fr;
  gap:clamp(2.5rem, 6vw, 5.5rem); align-items:center;
}
.sobre-closing-art{
  margin:0; aspect-ratio:3/2; overflow:hidden;
  background:#E8D9BF; border:1.5px solid var(--ink); border-radius:22px;
  box-shadow:4px 4px 0 var(--terracotta);
}
.sobre-closing-art img{ width:100%; height:100%; object-fit:cover; display:block; }
.sobre-closing-text{ isolation:isolate; }
.sobre-closing-statement{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.6rem, 1.15rem + 1.6vw, 2.5rem);
  line-height:1.15; letter-spacing:-.03em; color:var(--ink);
  margin:.5em 0 .7em;
}
.sobre-closing-sub{ font-size:1.08rem; line-height:1.7; color:var(--ink-soft); max-width:30em; margin:0; }
@media (max-width:900px){
  .sobre-closing-grid{ grid-template-columns:1fr; }
}