:root{--forest:#243a32;--forest-deep:#152720;--cream:#f4efe5;--paper:#fbf8f1;--terracotta:#b66d4d;--white:#fffdf8;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--forest-deep);font-family:var(--sans)}a{color:inherit}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;color:var(--white);border-bottom:1px solid rgba(255,255,255,.28)}.site-header__inner{min-height:104px;max-width:1440px;margin:auto;padding:0 5vw;display:grid;grid-template-columns:210px 1fr 210px;align-items:center}.brand{width:152px;display:block}.brand img{display:block;width:100%;max-height:72px;object-fit:contain;filter:brightness(0) invert(1)}
.desktop-nav{display:flex;justify-content:center;gap:clamp(22px,3.1vw,52px)}.desktop-nav a,.booking-link{font-size:12px;font-weight:600;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.desktop-nav a{position:relative;padding:42px 0 39px}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:31px;height:1px;background:currentColor;transition:right .25s}.desktop-nav a:hover:after{right:0}.booking-link{justify-self:end;display:flex;gap:14px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.7)}.mobile-menu{display:none}
.hero{position:relative;min-height:100svh;overflow:hidden;color:var(--white);display:flex;flex-direction:column;justify-content:center}.hero__media{position:absolute;inset:0;background:url("../img/fotos/hotel-boutique-casa-andaria.jpg") center 48%/cover no-repeat;transform:scale(1.015);animation:settle 1.8s ease-out forwards}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,27,22,.78),rgba(18,31,27,.49) 43%,rgba(15,25,21,.14) 76%),linear-gradient(0deg,rgba(10,20,16,.55),transparent 40%)}
.hero__content{position:relative;z-index:1;width:min(90%,1440px);margin:84px auto 0;padding:6vh 0 12vh}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.eyebrow span{width:38px;height:1px;background:var(--terracotta)}h1{max-width:800px;margin:0;font-family:var(--serif);font-size:clamp(70px,8.4vw,132px);font-weight:500;line-height:.78;letter-spacing:-.045em}h1 em{color:var(--cream);font-weight:500}
.hero__intro{max-width:510px;margin:38px 0 0 7px;color:rgba(255,253,248,.84);font-family:var(--serif);font-size:clamp(21px,1.65vw,27px);line-height:1.35}.hero__actions{margin:38px 0 0 7px;display:flex;align-items:center;gap:32px}.button{min-height:58px;padding:0 26px;display:inline-flex;align-items:center;gap:28px;background:var(--cream);color:var(--forest-deep);font-size:11px;font-weight:600;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:.2s}.button:hover{background:var(--white);transform:translateY(-2px)}.text-link{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.55);font-size:11px;font-weight:600;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.text-link span{margin-left:13px}
.hero__foot{position:absolute;z-index:1;bottom:0;left:5vw;right:5vw;min-height:82px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.28);color:rgba(255,253,248,.72);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.hero__foot p{display:flex;gap:12px;align-items:center}.hero__foot-icon{font-size:19px;color:var(--cream)}@keyframes settle{from{transform:scale(1.07)}to{transform:scale(1.015)}}
@media(max-width:980px){.site-header__inner{min-height:88px;grid-template-columns:1fr auto}.desktop-nav,.booking-link{display:none}.brand{width:130px}.mobile-menu{display:block;position:relative}.mobile-menu summary{width:48px;height:48px;display:grid;align-content:center;gap:7px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:27px;height:1px;display:block;background:#fff;justify-self:end}.mobile-menu summary span:last-child{width:18px}.mobile-menu nav{position:absolute;top:62px;right:0;width:min(82vw,330px);padding:24px;display:grid;gap:20px;background:var(--forest-deep);box-shadow:0 16px 35px rgba(0,0,0,.2)}.mobile-menu nav a{font-size:12px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.hero__content{margin-top:70px;padding-bottom:15vh}.hero__media{background-position:62% center}}
@media(max-width:640px){.site-header__inner,.hero__content{width:100%;padding-left:24px;padding-right:24px}h1{font-size:clamp(58px,19vw,84px);line-height:.84}.hero__intro{margin-top:28px;font-size:20px}.hero__actions{align-items:flex-start;flex-direction:column;gap:12px;margin-top:28px}.hero__foot{left:24px;right:24px;min-height:64px}.hero__foot p:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__media{animation:none}}