@import url('../styles.css');
body{background:var(--paper)}
.page-header{position:relative;padding-top:82px;background:var(--paper)}
.page-hero{min-height:450px;padding:5rem max(1.4rem,8vw);display:flex;align-items:end;color:#fff;background-position:center;background-size:cover;position:relative}
.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,35,31,.88),rgba(8,35,31,.2))}
.page-hero>div{position:relative;max-width:850px}.page-hero h1{font:500 clamp(3.3rem,6vw,6.4rem)/.95 var(--serif);letter-spacing:-.045em;margin:.6rem 0}.page-hero p{max-width:650px;font-size:18px;color:rgba(255,255,255,.84)}
.double{background-image:url('../assets/habitacion-doble-balcon.webp')}.single{background-image:url('../assets/bano-hostal-larios.webp')}.triple{background-image:url('../assets/habitacion-triple.webp')}.arrival{background-image:url('../assets/hostal-larios-calle-larios.webp')}
.crumbs,.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:10px}.page-wrap{padding:clamp(4rem,8vw,7rem) max(1.4rem,8vw);display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:7vw}.page-copy{max-width:800px}.page-copy .lead{font-size:22px;color:var(--ink)}.page-copy h2{font:500 clamp(2.2rem,4vw,3.8rem)/1 var(--serif);margin:3rem 0 1rem}.page-copy p,.page-copy li{color:#5d6966}.facts{display:grid;grid-template-columns:repeat(2,1fr);padding:0;list-style:none;border-top:1px solid var(--line);margin:2.5rem 0}.facts li{padding:1.1rem 0;border-bottom:1px solid var(--line)}.facts li:nth-child(odd){border-right:1px solid var(--line)}.facts li:nth-child(even){padding-left:1.2rem}.notice{padding:1.2rem 1.4rem;background:var(--sand);border-left:3px solid #cda65f}.page-side{align-self:start;position:sticky;top:1.5rem;background:var(--green);color:#fff;padding:2rem}.page-side strong{display:block;font:500 28px var(--serif)}.page-side p{font-size:13px;color:rgba(255,255,255,.72)}.page-side a{display:block;text-align:center;background:var(--lime);color:var(--green);padding:.9rem;margin-top:1.4rem;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.route{padding:1.5rem 0;border-top:1px solid var(--line)}.route h2{font-size:30px;margin:.4rem 0}.route b{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#77827f}.page-footer{padding:3rem max(1.4rem,8vw);background:#0b2926;color:#fff;display:flex;justify-content:space-between;gap:2rem;font-size:12px}.page-footer img{width:230px;filter:brightness(0) invert(1)}
@media(max-width:900px){.page-header{padding-top:70px}.page-wrap{grid-template-columns:1fr}.page-side{position:static}.page-hero{min-height:380px}.page-header .site-header nav.open{display:flex}}
@media(max-width:560px){.page-hero{min-height:340px;padding:3rem 1.4rem}.page-hero h1{font-size:3.2rem}.facts{grid-template-columns:1fr}.facts li:nth-child(odd){border-right:0}.facts li:nth-child(even){padding-left:0}.page-footer{flex-direction:column}}
.page-side{top:105px}