/* Shared presentation for the Génesis, Kairos and Casas del Prado galleries. */
.detail-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);background:#eae8df;align-items:center}
.detail-heading{padding:65px 5vw 70px 6vw;min-width:0}
.detail-status{display:inline-block;border:1px solid #bbbfb3;border-radius:999px;padding:7px 13px;margin:0 0 20px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.detail-status--progress{background:#fbe6d8;border-color:#d97b43;color:#7f3e1c}
.detail-heading .eyebrow{color:#83451f;margin:0 0 22px}
.detail-hero h1{font-size:clamp(54px,5.5vw,88px);line-height:1.02;letter-spacing:-.055em;margin:0 0 25px;overflow-wrap:break-word}
.detail-hero--production h1{font-size:clamp(40px,4.35vw,66px)}
.detail-role{font-size:14px;line-height:1.6;color:#50594c;margin:0 0 28px}
.detail-discover{display:inline-flex;align-items:center;gap:30px;padding:12px 0;border-bottom:1px solid #858d7e;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5}
.detail-visual{min-width:0;margin:0;background:#dcded2}
.detail-visual img{width:100%;height:auto;max-height:760px;display:block;object-fit:contain}
.detail-visual figcaption{padding:15px 20px;font-size:11px;letter-spacing:.03em;line-height:1.6;color:#41483c}
.detail-facts{margin:28px 0 0;max-width:330px}
.detail-facts>div{border-top:1px solid #d0d2c7;padding:17px 0}
.detail-facts dt{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#676e5f;margin-bottom:8px}
.detail-facts dd{margin:0;font-size:17px;line-height:1.55}
.detail-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}
.detail-nav a{display:block;border:1px solid #babfb0;border-radius:999px;padding:10px 15px;text-decoration:none;font-size:13px;line-height:1.5}
.detail-nav a:hover{background:#e6e8dc}
.detail-plans .photo img{background:#fff}
@media(min-width:861px){.detail-hero--production .detail-heading{padding-block:45px}.detail-hero--production{min-height:590px}}
@media(max-width:860px){.detail-hero{grid-template-columns:1fr}.detail-heading{padding:40px 6% 38px}.detail-status{margin-bottom:18px}.detail-hero h1{font-size:clamp(52px,10vw,82px);max-width:12ch}.detail-hero--production h1{font-size:clamp(42px,8.2vw,64px);max-width:13ch}.detail-role{margin-bottom:17px}.detail-visual img{max-height:none}.detail-visual figcaption{padding:12px 6%}}
@media(max-width:380px){header{gap:12px}.back{font-size:12px}.detail-heading{padding-top:32px}.detail-nav a{padding:9px 12px}}