/* house lane: owner review round 3 (2026-10-11). Loads after site.css. */

/*
 * #7, #8: each house hero's casa field carries its pattern across the whole field, not in a strip at its edge.
 * Brand book §9: a tile reads 40 to 120px on screen, presence 10 to 25%, never on the photo, never above 20%
 * behind text. The field holds the H1 and the lead, so every pattern sits at 20% or less. Casa Oro takes the
 * Granada tile (the any-casa pattern); El Pacífico keeps its abanico; Nuestra waves, Andalucía arches, Ruth brick.
 */
.pg-hero-field { position: relative; isolation: isolate; grid-template-columns: 1fr; }
.pg-hero-pat { position: absolute; inset: 0; z-index: -1; height: auto; background: transparent; order: 0; pointer-events: none; }
.pg-hero-pat::before { inset: 0; }
.pg-hero-text { position: relative; }
@media (min-width: 1024px) { .pg-hero-field { grid-template-columns: 1fr; } }

.co-casa-hostel .pg-hero-pat::before { background: url("../patterns/granada-tile-ink.svg") 0 0 / 96px 96px repeat; opacity: 0.12; }
.co-casa-nuestra .pg-hero-pat::before { background: url("../patterns/olas-tile-cal.svg") 0 0 / 64px 32px repeat; opacity: 0.2; }
.co-casa-andalucia .pg-hero-pat::before { background: url("../patterns/arcos-tile-cal.svg") 0 0 / 56px 56px repeat; opacity: 0.13; }
.co-casa-pacifico .pg-hero-pat::before { background: url("../patterns/abanico-tile-azafran.svg") 0 0 / 84px 57px repeat; opacity: 0.14; }
.co-casa-ruth .pg-hero-pat::before { background: url("../patterns/ladrillo-tile-ink.svg") 0 0 / 56px 28px repeat; opacity: 0.11; }
.pg-book .lockup.is-logo { width: 128px; height: auto; } /* #2: El Pacífico shows its own stacked logo */

/* #6: the home's closing bay photo keeps its own 3:2 frame on phones and tablets (no zoom), and opens to 2:1 on wide
   screens, framed a little low so the headland, the water and the boat all stay in. */
.aerial-band img { aspect-ratio: 3 / 2; object-position: 50% 55%; }
@media (min-width: 900px) { .aerial-band img { aspect-ratio: 2 / 1; max-height: 78vh; } }

/* #10: eight house rules read as four rows of two; three columns in the narrow column left an empty slot */
@media (min-width: 1100px) { .pg-rules { grid-template-columns: repeat(2, 1fr); } }

/* 2026-10-20 El Pacífico day pass: a ruled band after "Un día en El Pacífico"; the amount is said once, here. */
.pg-daypass { margin-top: var(--space-6); padding: var(--space-5) var(--space-4); background: var(--surface-raised); border-top: var(--stroke-band) solid var(--sol); }
.pg-daypass .pg-head { margin-bottom: var(--space-3); }
.pg-daypass-in { display: grid; gap: var(--space-3); }
.pg-daypass .t-lead { margin: 0; max-width: 40rem; }
.pg-daypass p { margin: 0; }
@media (min-width: 900px) { .pg-daypass { padding: var(--space-6); } .pg-daypass-in { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--space-6); } }