.peronnas-hero{display:grid;grid-template-columns:51% 49%;min-height:620px;background:#0b1a1f;color:#fff}
.peronnas-hero-copy{padding:clamp(3rem,5vw,6.5rem) clamp(2rem,5vw,6rem);align-self:center}
.peronnas-hero h1{font-size:clamp(3.1rem,4.7vw,5.4rem);letter-spacing:-.05em;max-width:750px}
.peronnas-hero h1 em{color:#98e1e6}
.peronnas-hero .lead{color:#d3e6e7;max-width:610px}
.peronnas-hero .actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}
.peronnas-hero .button.outline{color:#fff;border-color:#8ab5b8}
.peronnas-hero-photo{position:relative;margin:0;min-height:530px}
.peronnas-hero-photo img{width:100%;height:100%;object-fit:cover}
.peronnas-hero figcaption{position:absolute;bottom:1.2rem;right:1.2rem;left:1.2rem;width:max-content;max-width:calc(100% - 2.4rem);background:rgba(11,26,31,.82);color:#fff;padding:.55rem .85rem;font-size:.82rem}
.peronnas-jump{background:#e8f4f3;border-bottom:1px solid #d1e2e1}
.peronnas-jump .wrap{display:flex;gap:clamp(1.2rem,3vw,3.2rem);overflow:auto;white-space:nowrap;padding-block:1rem}
.peronnas-jump a{text-decoration:none;color:#20515a;font-size:.92rem;font-weight:700}
.peronnas-jump a:hover,.peronnas-jump a:focus-visible{text-decoration:underline}
.peronnas-intro-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,.8fr);gap:clamp(2rem,6vw,7rem);align-items:center}
.peronnas-intro h2,.peronnas-final h2{max-width:700px}
.peronnas-local-note{background:#0b1a1f;color:#fff;padding:2.3rem}
.peronnas-local-note>span{display:block;color:#75dae2;font-size:3.2rem;font-weight:700;letter-spacing:-.055em;line-height:1;margin-bottom:1.3rem}
.peronnas-local-note .link-arrow{color:#9fe5e8}
.peronnas-places{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:3rem}
.peronnas-places article{border-top:3px solid #00a0b0;background:#f5f8f7;padding:2rem}
.peronnas-places article>span,.peronnas-sold{font-weight:700;color:#007d88;font-size:.83rem;letter-spacing:.08em;text-transform:uppercase}
.peronnas-places h3{font-size:1.55rem;margin:1rem 0}
.peronnas-places p{color:#53646a;margin:0}
.peronnas-places p a,.peronnas-resources a,.peronnas-sources a{color:#006e79;text-underline-offset:.18em}
.peronnas-resources{margin-top:2.5rem;border-left:3px solid #00a0b0;padding:1rem 1.5rem;background:#f5f8f7}
.peronnas-resources p:last-child{margin:0}
.peronnas-steps,.peronnas-sales{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.peronnas-steps article{background:#fff;border:1px solid #dce7e5;padding:2rem}
.peronnas-steps strong{font-size:2rem;color:#008b99}
.peronnas-steps h3,.peronnas-sales h3{font-size:1.48rem;margin:1.25rem 0 .7rem}
.peronnas-steps p,.peronnas-sales p{color:#53646a;margin:0}
.peronnas-section-lead{max-width:750px;color:#53646a}
.peronnas-sales{margin-top:2rem}
.peronnas-sales article{background:#e8f4f3;padding:2rem;border-bottom:3px solid #00a0b0}
.peronnas-source{font-size:.87rem;color:#53646a;margin:1.2rem 0 0}
.peronnas-source a{color:#006e79;text-underline-offset:.18em}
.peronnas-featured{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.peronnas-featured article{background:#fff;border:1px solid #dce7e5;min-width:0}
.peronnas-featured-photo{display:block;position:relative;aspect-ratio:16/10;overflow:hidden}
.peronnas-featured-photo img{width:100%;height:100%;object-fit:cover}
.peronnas-featured article>div{padding:2rem}
.peronnas-featured h3{font-size:1.8rem;margin:.4rem 0 .9rem}
.peronnas-featured p{color:#53646a}
.peronnas-status{position:absolute;left:0;top:1.25rem;background:#0b1a1f;color:#fff;transform:rotate(-8deg) translateX(-.45rem);padding:.55rem 1.3rem;font-weight:800;letter-spacing:.08em;font-size:.82rem}
.peronnas-final-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(275px,.75fr);gap:clamp(2rem,7vw,8rem);align-items:center}
.peronnas-final-grid .actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.peronnas-final-grid aside{padding:2rem;background:#e8f4f3;display:flex;flex-direction:column;align-items:flex-start}
.peronnas-final-grid aside strong{font-size:1.4rem}
.peronnas-final-grid aside a{margin:.25rem 0}
.peronnas-final-grid aside .link-arrow{margin-top:1.4rem;color:#006e79}
.peronnas-sources{border-top:1px solid #dce7e5;margin-top:3rem;padding-top:1.2rem;font-size:.84rem;color:#53646a}
.peronnas-sources p{margin:0}
@media(max-width:900px){.peronnas-hero{grid-template-columns:1fr}.peronnas-hero-photo{min-height:0;height:410px}.peronnas-hero-copy{padding:3.5rem 5vw}.peronnas-places,.peronnas-steps,.peronnas-sales{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.peronnas-hero-photo{height:300px}.peronnas-hero h1{font-size:clamp(2.8rem,9vw,4rem)}.peronnas-hero .button{width:100%}.peronnas-intro-grid,.peronnas-places,.peronnas-steps,.peronnas-sales,.peronnas-featured,.peronnas-final-grid{grid-template-columns:1fr}.peronnas-places article,.peronnas-steps article,.peronnas-sales article,.peronnas-featured article>div{padding:1.5rem}}