/* ═══════════════════════════════════════════
   SUBPÁGINAS — quem sou, procedimentos,
   resultados e localização
═══════════════════════════════════════════ */

/* ── Cabeçalho fixo ── */
.sp-head{
  position:sticky;top:0;z-index:15;
  display:flex;align-items:center;gap:14px;
  padding:calc(var(--safe-t) + 13px) 22px 13px;
  background:rgba(254,247,244,.9);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.back-btn{
  width:34px;height:34px;flex-shrink:0;border-radius:50%;
  border:1px solid var(--line);color:var(--rose-800);font-size:15px;
  display:flex;align-items:center;justify-content:center;transition:border-color .2s;
}
.back-btn:active{border-color:var(--rose-500)}
.sp-title{font-family:var(--ff-display);font-size:21px;font-weight:500;color:var(--ink);flex:1}

.sp-body{
  max-width:468px;margin:0 auto;
  padding:24px 22px calc(var(--safe-b) + 48px);
  display:flex;flex-direction:column;gap:20px;
  animation:fadeU .4s ease both;
}

/* ══════════════════════════════
   QUEM SOU
══════════════════════════════ */
.sobre-foto{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:3/4;background:var(--rose-200);box-shadow:var(--shadow-md)}
.sobre-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}

.sobre-lead{font-family:var(--ff-display);font-size:31px;line-height:1.14;font-weight:500;color:var(--ink)}
.sobre-txt{font-size:15.5px;line-height:1.8;color:var(--ink-2);text-wrap:pretty}
.sobre-txt strong{color:var(--rose-800);font-weight:500}

.sobre-quote{border-left:2px solid var(--rose-400);padding:4px 0 4px 18px}
.sobre-quote p{font-family:var(--ff-display);font-size:20px;line-height:1.55;color:var(--rose-900);font-style:italic}

.sobre-block{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:18px 19px;display:flex;flex-direction:column;gap:9px;
}
.sobre-label{font-family:var(--ff-mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--rose-600)}

.exp-badges{display:flex;flex-wrap:wrap;gap:7px}

/* ══════════════════════════════
   PROCEDIMENTOS
══════════════════════════════ */
.cat-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.cat-tabs::-webkit-scrollbar{display:none}
.ctab{
  flex-shrink:0;border:1px solid var(--line);background:rgba(255,255,255,.7);
  border-radius:999px;padding:9px 16px;font-size:12.5px;color:var(--ink-2);transition:all .2s;
}
.ctab.on{background:var(--rose-500);border-color:var(--rose-500);color:#FFF8F5}

.cat-pane{display:none;flex-direction:column;gap:14px}
.cat-pane.on{display:flex;animation:fadeU .3s ease both}
.cat-desc{font-size:14.5px;line-height:1.75;color:var(--ink-2)}

.proc-card{
  display:flex;align-items:center;gap:14px;cursor:pointer;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:16px 17px;transition:border-color .2s,transform .15s;
}
.proc-card:active{transform:scale(.99)}
@media(hover:hover){.proc-card:hover{border-color:var(--rose-400)}}
.proc-name{font-family:var(--ff-display);font-size:20px;font-weight:500;color:var(--ink);line-height:1.2}
.proc-desc{font-size:12.5px;line-height:1.55;color:var(--dim);margin-top:5px}
.proc-arr{font-size:14px;color:var(--rose-400);flex-shrink:0}

.info-note{
  border:1px dashed var(--rose-300);border-radius:var(--r-md);padding:15px 16px;
  font-size:13px;line-height:1.7;color:var(--ink-2);background:rgba(255,255,255,.5);
}

/* ══════════════════════════════
   PRÉ E PÓS
══════════════════════════════ */
.caso{display:flex;flex-direction:column;gap:9px}
.caso-media{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:#1a1a1a}
.caso-media img{width:100%;height:auto}
.caso-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.caso-proc{font-family:var(--ff-display);font-size:18px;font-weight:500;color:var(--ink)}
.caso-num{font-family:var(--ff-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--rose-400)}
.caso-obs{font-size:12.5px;line-height:1.6;color:var(--dim)}

.aviso{
  font-family:var(--ff-mono);font-size:9.5px;line-height:1.85;letter-spacing:.03em;
  color:var(--dim);text-align:center;padding-top:4px;
}

/* ══════════════════════════════
   LOCALIZAÇÃO
══════════════════════════════ */
.map-box{
  border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);
  height:200px;background:var(--rose-100);
  display:flex;align-items:center;justify-content:center;
}
.map-box iframe{width:100%;height:100%;border:0}
.local-row{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line-soft);padding-top:16px}
.local-row:first-of-type{border-top:none;padding-top:0}
.local-val{font-size:14.5px;line-height:1.8;color:var(--ink-2)}