/* ============================================================
   paginas.css — ajustes das páginas internas (Cirurgias, Exames).
   Usam .spec-grid/.spec e .tech-row de especialidades.css;
   aqui só o respiro do topo (header fixo) e a grade dos exames.
   ============================================================ */
.page-head{padding-top:clamp(7rem,16vh,11rem)}
@media(max-width:680px){.page-head{padding-top:8rem}}

.exam-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3.5rem}
@media(max-width:980px){.exam-grid{grid-template-columns:1fr}}

/* ===== CIRURGIAS: cards com foto + descrição ===== */
.proc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}
.proc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);
  display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.proc:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.proc-link{cursor:pointer}
.proc-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.proc-media{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--cream)}
.proc-ph{display:grid;place-items:center;background:linear-gradient(160deg,var(--ink-2),var(--ink))}
.proc-ph span{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(200,146,74,.85);text-align:center;padding:0 1rem}
.proc-body{padding:1.8rem 1.8rem 2rem;display:flex;flex-direction:column;gap:.7rem}
.proc-body h3{font-size:1.35rem}
.proc-body p{color:var(--muted);font-size:.95rem;text-wrap:pretty}
.proc-note{margin-top:2.6rem;color:var(--muted);font-size:.88rem;max-width:70ch}

@media(max-width:980px){.proc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.proc-grid{grid-template-columns:1fr}}

/* ===== EXAMES: linhas clicáveis + modal de redirecionamento ===== */
.exam-link{cursor:pointer;width:100%;text-align:left;font-family:inherit;background:var(--paper);border:1px solid var(--line);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.exam-link:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}

.exam-modal-overlay{position:fixed;inset:0;background:rgba(10,29,32,.6);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;transition:opacity .3s;z-index:200}
.exam-modal-overlay.open{opacity:1;visibility:visible}
.exam-modal{background:var(--paper);border-radius:16px;padding:2.2rem;max-width:420px;width:100%;box-shadow:var(--shadow);transform:translateY(12px);transition:transform .3s}
.exam-modal-overlay.open .exam-modal{transform:translateY(0)}
.exam-modal-tag{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#c8924a;margin-bottom:.4rem}
.exam-modal h3{font-size:1.3rem;margin-bottom:.7rem}
.exam-modal p{color:var(--muted);font-size:.95rem}
.exam-modal-actions{display:flex;gap:.8rem;margin-top:1.6rem}
.exam-modal-cancel,.exam-modal-go{flex:1;text-align:center;padding:.8rem 1rem;border-radius:8px;font-size:.92rem;text-decoration:none;cursor:pointer}
.exam-modal-cancel{background:transparent;border:1px solid var(--line);color:var(--ink)}
.exam-modal-go{background:#25D366;border:none;color:#fff}