/* Comapa · inner pages (Proyectos índice + detalle + gracias). Loads after home.css.
   From Figma "PROYECTOS · Índice editorial" and "Proyecto · Central Romana" (Azul / Oscuro + Mobile). */

html[data-modo="oscuro"]{--line-subtle:#C6C3BD;--ph:#DFD7C9}
html[data-modo="azul"]{--line-subtle:#DBDEDF;--ph:#F1F3F4}

.nav.sub{border-bottom:1px solid var(--line-subtle)}
.nav-links a[aria-current="page"]{color:var(--muted);text-decoration:underline;text-underline-offset:6px}

/* shared page header */
.page-head{padding:var(--section) var(--margin) 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.page-head .display{color:var(--heading)}
.places{display:flex;gap:32px;font-weight:500;font-size:var(--t-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--heading);padding-bottom:12px}

/* índice: editorial rows */
.rows{border-top:1px solid var(--line-subtle)}
.prow{padding-inline:var(--margin);border-bottom:1px solid var(--ink)}
.prow:last-child{border-bottom:0}
.prow-in{display:grid;grid-template-columns:minmax(0,432fr) minmax(0,912fr);min-height:430px}
.ficha{display:flex;flex-direction:column;justify-content:center;gap:32px;padding-right:var(--stack-lg);border-right:1px solid var(--line-subtle)}
.ficha-t{display:grid;gap:8px}
.ficha .kicker{color:var(--heading)}
.ficha .h2 a{text-decoration:none;color:inherit}
.ficha .h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.ficha .caption{color:var(--heading)}
.ficha .pill{align-self:flex-start}
.fotos{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.fotos::-webkit-scrollbar{display:none}
.fotos a,.fotos .ph{flex:1 0 calc((100% - 16px) / 3);scroll-snap-align:start;min-height:430px}
.fotos img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.fotos a{overflow:hidden;display:block}
.fotos a:hover img{transform:scale(1.03)}
.ph{display:grid;place-items:center;background:var(--ph);color:var(--muted);font-weight:500;font-size:var(--t-caption);letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:16px}

/* detalle */
.d-head{padding:var(--section) var(--margin) 48px}
.overview{padding:48px var(--margin)}
.overview-in{display:grid;grid-template-columns:minmax(0,760fr) minmax(0,472fr);column-gap:48px;align-items:start}
.overview .h3{font-family:var(--f-head);font-weight:600;font-size:clamp(28px,1.14vw + 23.5px,40px);line-height:1.15;letter-spacing:-.015em;color:var(--heading);text-wrap:balance}
.overview .intro{margin-top:24px;color:var(--heading);max-width:56ch}
.scope{display:grid;gap:16px}
.scope .kicker{color:var(--heading)}
.scope ol{list-style:none}
.scope li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:16px;color:var(--heading)}
.scope li::after{content:"→";color:var(--ink)}
.d-hero img,.d-hero .ph{width:100%;height:clamp(240px,39vw,560px);object-fit:cover}
.gallery{padding:64px var(--margin) var(--section);display:grid;gap:48px}
.gallery .kicker{color:var(--ink)}
.gallery .big,.gallery .big.ph{width:100%;height:clamp(220px,39vw,560px);object-fit:cover}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cards figure{display:grid;gap:12px}
.cards .ph,.cards img{aspect-ratio:302/462;width:100%;object-fit:cover}
.cards figcaption{color:var(--ink)}
.divider{margin-inline:var(--margin);border:0;border-top:1px solid var(--line-subtle)}
.next{padding:48px var(--margin) var(--section);display:grid;gap:24px}
.next .kicker{color:var(--muted)}
.next a{text-decoration:none;display:grid;gap:16px;justify-self:start}
.next .display{color:var(--heading)}
.next a:hover .display{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:12px}
.next .caption{color:var(--heading)}

/* dark closing band on inner pages */
.cierre{background:var(--band-contact);color:#fff;padding-top:var(--section);transition:background-color .3s}
.cierre-in{display:grid;gap:24px;padding-block:32px var(--section)}
.cierre .kicker{color:#fff}
.cierre .h2{color:#fff}
.cierre .body-l a{text-decoration:none}
.cierre .body-l a:hover{text-decoration:underline;text-underline-offset:4px}

/* gracias */
.thanks{min-height:60vh;padding:var(--section) var(--margin);display:grid;gap:24px;align-content:start}
.thanks .pill{justify-self:start}

@media (max-width:900px){
  .prow-in{grid-template-columns:1fr;min-height:0}
  .ficha{border-right:0;padding:32px 0 24px;gap:24px}
  .fotos{padding-bottom:32px}
  .fotos a,.fotos .ph{flex:0 0 240px;min-height:300px}
  .overview-in{grid-template-columns:1fr;row-gap:48px}
  .cards{grid-template-columns:1fr 1fr}
}

/* pager on light backgrounds (Proyectos rows) */
.pager.on-light{color:var(--ink);gap:16px}
.pager.on-light .pager-track{background:var(--line-subtle)}
.pager.on-light .pager-track i{background:var(--ink)}
.pager.on-light .arrow2{border-color:var(--line-subtle);color:var(--ink);width:44px;height:44px}
.pager.on-light .arrow2:hover{background:var(--ink);color:var(--page);border-color:var(--ink)}
.ficha .pager{margin-top:8px}
.fotos{scroll-behavior:auto}
.fotos a,.fotos .ph{flex:0 0 calc((100% - 16px) / 3)}
@media (max-width:900px){.fotos a,.fotos .ph{flex:0 0 240px}}

/* Proyectos índice · each row fits the screen; less empty space around the title */
:root{--row-h:clamp(280px,52vh,430px)}
.page-head{padding-top:clamp(40px,7vh,88px)}
.prow-in{min-height:var(--row-h)}
.fotos a,.fotos .ph{min-height:0;height:var(--row-h)}
.ficha{gap:clamp(16px,3vh,32px);padding-block:clamp(20px,3vh,32px)}
@media (max-width:900px){.fotos a,.fotos .ph{height:300px}}
.cierre{background:#060F1F}