/* Parque Genil uses shared Outfit typography, including headings. */
body.parque-page,#parque-genil{--display:'Outfit',sans-serif;--body:'Outfit',sans-serif;--bv-serif:var(--display);--bv-sans:var(--body);font-family:var(--body);font-synthesis:none}
body.parque-page h1,body.parque-page h2,body.parque-page h3,#parque-genil h2{font-family:var(--display);font-weight:400!important}
body.parque-page button,body.parque-page input,body.parque-page select,body.parque-page textarea{font-family:var(--body)}
body.parque-page .ag-hero h1{font-size:clamp(48px,6.2vw,88px);max-width:940px;line-height:1.04}
body.parque-page .ag-hero__lead{max-width:610px;font-size:18px;line-height:1.55}
body.parque-page .ag-section h2{font-size:clamp(34px,4.3vw,58px)}
.parque-page .ag-places__name{color:inherit;text-decoration:none}
.parque-page .ag-places__name:hover{text-decoration:underline;text-underline-offset:3px}
.parque-page .ag-map{min-height:460px}
.parque-page .ag-pin-home{font-family:var(--body)}
#parque-genil .home-project__button,#parque-genil .home-project__description,#parque-genil .home-project__lead{font-family:var(--body)}
@media(max-width:800px){
 .parque-page .ag-map{min-height:380px}
}
@media(max-width:700px){
 body.parque-page .ag-hero h1{font-size:clamp(42px,11.8vw,62px);line-height:1.03}
 body.parque-page .ag-hero__lead{font-size:16px;line-height:1.55}
 body.parque-page .ag-section h2{font-size:36px}
 .parque-page .ag-places{font-size:14px}
}

/* ---- Las viviendas: each home has the «por dentro» carousel with its own
   photos, and its plan underneath; the second home follows below. ---- */
.pg-home{max-width:1240px;margin:0 auto 88px}
.pg-home:last-of-type{margin-bottom:0}
.pg-home+.pg-home{padding-top:72px;border-top:1px solid var(--ag-line)}
.pg-home__head{max-width:1240px;margin:0 auto 32px}
.pg-home__head h3{margin:0 0 14px;font-size:clamp(32px,3.6vw,48px);line-height:1.05}
.pg-home__head p:not(.ag-eyebrow){max-width:560px;margin:0;color:var(--grey);font-size:16px;line-height:1.7}
.pg-home .ag-refs__track{margin-bottom:36px}
.parque-home{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--brand-paper);border:1px solid var(--ag-line)}
.parque-home__plan{position:relative;display:flex;align-items:center;justify-content:center;padding:26px 26px 52px;background:var(--brand-beige);border-right:1px solid var(--ag-line);line-height:0}
.parque-home__plan img{display:block;width:auto;max-width:100%;height:440px;object-fit:contain}
.parque-home__plan:hover .ag-type__zoom{text-decoration:underline;text-underline-offset:4px}
.parque-home__body{display:flex;flex-direction:column;padding:34px}
.parque-home__body .ag-link{margin-top:auto;align-self:flex-start}
.parque-home .ag-type__count{font-family:var(--body);font-size:11px;letter-spacing:.09em}
.parque-home .ag-type__area{margin-bottom:18px}
.parque-home .ag-type__area strong{font-family:var(--body);font-weight:400;font-size:34px}
.parque-home .ag-type__features{margin-bottom:24px}
@media(max-width:800px){
 .pg-home{margin-bottom:64px}
 .pg-home+.pg-home{padding-top:52px}
 .parque-home{grid-template-columns:minmax(0,1fr)}
 .parque-home__plan{padding:18px 16px 46px;border-right:0;border-bottom:1px solid var(--ag-line)}
 .parque-home__plan img{height:auto;max-height:420px}
 .parque-home__body{padding:22px}
}

/* Interactive plan of the two homes: the m² under each number, as in Juan Pablo II 70. */
.jp-unit__m2 { fill: var(--brand-anthracite); fill-opacity: .72; font-size: 30px; letter-spacing: .02em; pointer-events: none; filter: url(#agHalo); }
.ag-plan.is-armed:not(.is-in) .jp-unit__m2 { opacity: 0; }
.ag-plan.is-in .jp-unit__m2 { animation: ag-fade .7s ease backwards; animation-delay: calc(var(--i) * 60ms + 600ms); }
.ag-plan.is-focusing .ag-unit:not(.is-active) .jp-unit__m2 { opacity: .4; }
.pg-floor { max-width: 1100px; margin-bottom: 64px; }
.pg-home__reserved { color: var(--brand-anthracite); font-weight: 600; }
.pg-floor .ag-plan-card__area { margin: 4px 0 0; color: var(--brand-anthracite); font-size: 15px; font-variant-numeric: tabular-nums; }
@media (max-width: 700px) {
    .pg-floor .ag-plan { width: 780px; }
}