/* pages/estudio.css: solo estilos propios de la página — DANIEL PRADO · ARQUITECTO */
.hero{padding-bottom:clamp(24px,3vw,40px)}
.hero h1{font:500 var(--text-h1)/1.05 var(--font-head);letter-spacing:-.02em;max-width:22ch;margin:0}
.row{border-top:1px solid var(--line-light)}
.alt{background:var(--paper-alt)}
.pair{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,80px);align-items:start}
.pair.rev{grid-template-columns:1.15fr .85fr}
@media(max-width:900px){
  .pair,.pair.rev{grid-template-columns:1fr;gap:32px}
  .pair.rev .media{order:2}
}
.row h2{font:500 var(--text-h2)/1.2 var(--font-head);letter-spacing:-.01em;max-width:20ch;margin:0 0 28px}
.row p{font-size:17px;max-width:60ch;margin:0 0 20px}
.media{margin:0}
.ph{background:var(--paper-alt);border:0px dashed #B9B3A6;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;font:600 var(--text-xs)/1.7 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0px}
.alt .ph{background:var(--paper)}
.ph img{width:100%;height:100%;object-fit:contain;filter:grayscale(0%)}
.ph-photo{aspect-ratio:4/5}
.ph-plan{aspect-ratio:4/3}
.media figcaption{font:400 13px/1.5 var(--font-body);color:var(--muted);margin-top:10px}
.expect-row{border-top:1px solid var(--line-light);padding:20px 0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}
.expect-row:last-child{border-bottom:1px solid var(--line-light)}
.expect-index{font:500 20px/1 var(--font-head);color:var(--accent)}
.expect-row h3{font:600 var(--text-h3)/1.25 var(--font-head);margin:0 0 6px}
.expect-row p{font:400 15px/1.55 var(--font-body);max-width:56ch;margin:0}
.row p.closing-micro{display:block;width:auto;max-width:none;font:600 var(--text-xs)/1.4 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);margin:18px 0 0;white-space:normal;overflow-wrap:anywhere;text-wrap:wrap}
.cta-lead{margin-top:8px}