.mallorca-hotels-page{overflow-x:hidden;background:#fbfaf7}
.mallorca-hotels-hero{padding:clamp(3.5rem,7vw,7rem) 0 clamp(4rem,8vw,7rem);background:linear-gradient(135deg,#fbfaf7 0 72%,#eee1cd 72%)}
.mallorca-hotels-hero__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(28rem,.88fr);gap:clamp(3rem,5vw,5rem);align-items:center}
.mallorca-hotels-hero__copy{min-width:0}
.mallorca-hotels-hero h1{max-width:none;margin:.55rem 0 1.15rem;font-size:clamp(3rem,4vw,4.25rem);line-height:.98;letter-spacing:-.044em;hyphens:none;word-break:normal;overflow-wrap:normal}
.mallorca-hotels-hero h1 span{display:block;white-space:nowrap}
.mallorca-hotels-hero .lead{max-width:44rem;font-size:clamp(1.15rem,1.45vw,1.38rem);line-height:1.72}
.mallorca-hotels-hero__actions{margin:2rem 0 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.mallorca-hotels-textlink{color:#173f36;font-weight:800}
.mallorca-hotels-hero__note{max-width:43rem;padding-left:1rem;border-left:3px solid #c97852;color:var(--color-muted);font-size:.92rem;line-height:1.65}
.mallorca-hotels-hero__collage{position:relative;min-height:43rem}
.mallorca-hotels-hero__collage .mallorca-hotel-story__media{position:absolute;width:72%;margin:0}
.mallorca-hotels-hero__collage .mallorca-hotel-story__media:first-child{top:0;right:0;z-index:2}
.mallorca-hotels-hero__collage .mallorca-hotel-story__media:last-child{left:0;bottom:0;width:58%}
.mallorca-hotels-hero__collage picture{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:.25rem 5rem .25rem .25rem;box-shadow:0 28px 75px rgba(39,48,40,.18)}
.mallorca-hotels-hero__collage img{width:100%;height:100%;object-fit:cover}
.mallorca-hotels-hero__collage figcaption{font-size:.68rem}
.mallorca-booking-entry{padding:2.2rem 0;background:#173f36;color:#fff}
.mallorca-booking-entry__inner{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}
.mallorca-booking-entry h2{margin:.2rem 0 .55rem;color:#fff;font-size:clamp(2rem,3.4vw,3.4rem)}
.mallorca-booking-entry p:last-child{max-width:52rem;color:rgba(255,255,255,.72)}
.mallorca-booking-entry .button{background:#f3e4cd;color:#173f36}
.mallorca-hotels-stories{padding:clamp(5rem,9vw,9rem) 0}
.mallorca-hotels-stories__heading{max-width:70rem;margin-bottom:clamp(4rem,8vw,8rem)}
.mallorca-hotels-stories__heading h2{max-width:16ch;font-size:clamp(3rem,5vw,5rem)}
.mallorca-hotels-stories__heading>p:last-child{max-width:50rem;margin-top:1.2rem;font-size:1.16rem;line-height:1.75}
.mallorca-hotel-story{max-width:1280px;margin:0 auto clamp(6rem,12vw,12rem);padding:0 1.25rem;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);gap:clamp(2.5rem,6vw,6rem);align-items:center;scroll-margin-top:8rem}
.mallorca-hotel-story--reverse .mallorca-hotel-story__media{order:2}
.mallorca-hotel-story__media{min-width:0;margin:0}
.mallorca-hotel-story__media picture{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:.3rem 5rem .3rem .3rem;background:#e8dfd1;box-shadow:0 22px 65px rgba(48,44,35,.14)}
.mallorca-hotel-story--reverse .mallorca-hotel-story__media picture{border-radius:5rem .3rem .3rem .3rem}
.mallorca-hotel-story__media img{display:block;width:100%;height:100%;object-fit:cover}
.mallorca-hotel-story__media figcaption{margin-top:.7rem;color:#776f64;font-family:Georgia,serif;font-size:.75rem;font-style:italic}
.mallorca-hotel-story__number{color:#c97852;font-family:Georgia,serif;font-size:1.6rem}
.mallorca-hotel-story__place{margin-top:1.2rem;color:#a65335;font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.mallorca-hotel-story h3{margin:.3rem 0 1rem;font-size:clamp(2.7rem,4.5vw,4.7rem);line-height:1}
.mallorca-hotel-story__tags{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}
.mallorca-hotel-story__tags span{padding:.48rem .76rem;border:1px solid #bda98d;border-radius:999px;color:#173f36;font-size:.78rem;font-weight:700}
.mallorca-hotel-story__description{color:var(--color-muted);font-size:1.08rem;line-height:1.8}
.mallorca-hotel-story__fit{margin:1.5rem 0;padding:1rem 0 1rem 1.1rem;border-left:3px solid #c97852}
.mallorca-hotel-story__fit p{margin-top:.35rem;color:var(--color-muted);line-height:1.65}
.mallorca-hotel-story__copy small{margin-top:1rem;display:block;color:#776f64;font-size:.72rem;line-height:1.6}
.mallorca-hotels-map-section{padding:clamp(5rem,9vw,8rem) 0;background:#173f36;color:#fff}
.mallorca-hotel-map{display:grid;grid-template-columns:minmax(17rem,.65fr) minmax(22rem,1fr) minmax(15rem,.6fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.mallorca-hotel-map h2{color:#fff;font-size:clamp(2.6rem,4vw,4.4rem)}
.mallorca-hotel-map__heading>p:last-child{margin-top:1rem;color:rgba(255,255,255,.72);font-size:1.04rem;line-height:1.7}
.mallorca-hotel-map svg{width:100%;overflow:visible}
.mallorca-hotel-map__island{fill:#eee1cd;stroke:#d5c19f;stroke-width:.8}
.mallorca-hotel-map svg a circle{fill:#c97852;stroke:#fff;stroke-width:1;transition:transform .2s ease,fill .2s ease;transform-box:fill-box;transform-origin:center}
.mallorca-hotel-map svg a text{fill:#fff;font:700 3.3px Arial,sans-serif;text-anchor:middle;pointer-events:none}
.mallorca-hotel-map svg a:hover circle,.mallorca-hotel-map svg a:focus circle{fill:#0f302a;transform:scale(1.35)}
.mallorca-hotel-map__legend{margin:0;padding:0;list-style:none}
.mallorca-hotel-map__legend li+li{border-top:1px solid rgba(255,255,255,.16)}
.mallorca-hotel-map__legend a{padding:.85rem 0;display:flex;flex-direction:column;color:#fff;text-decoration:none}
.mallorca-hotel-map__legend span{color:rgba(255,255,255,.62);font-size:.82rem}
.mallorca-hotels-search{padding:clamp(5rem,9vw,9rem) 0;background:linear-gradient(#eee1cd 0 50%,#fbfaf7 50%)}
.mallorca-hotels-search__intro{max-width:62rem;margin-bottom:2.5rem}
.mallorca-hotels-search__intro h2{font-size:clamp(3rem,5vw,5.2rem)}
.mallorca-hotels-search__intro p:last-child{max-width:53rem;margin-top:1rem;color:var(--color-muted);font-size:1.1rem;line-height:1.7}
.mallorca-hotels-search .tbe-frame{border:0;border-left:5px solid #c97852;background:#fbfaf7;box-shadow:0 25px 70px rgba(52,50,38,.15)}
.mallorca-hotels-method{padding:clamp(5rem,8vw,8rem) 0;background:#fbfaf7}
.mallorca-hotels-method__grid{display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);gap:clamp(3rem,8vw,8rem)}
.mallorca-hotels-method__grid>div:last-child{font-size:1.08rem;line-height:1.8}
.mallorca-hotels-method li{margin:.65rem 0}
.mallorca-hotels-next{padding:clamp(5rem,8vw,8rem) 0;background:#173f36;color:#fff}
.mallorca-hotels-next h2{max-width:18ch;color:#fff}
.mallorca-hotels-next>div>div{margin-top:2.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18)}
.mallorca-hotels-next a{min-height:13rem;padding:1.5rem;display:flex;flex-direction:column;background:#173f36;color:#fff;text-decoration:none}
.mallorca-hotels-next a:hover{background:#0f302a}
.mallorca-hotels-next span{margin-top:auto;padding-top:1rem;color:rgba(255,255,255,.64);font-size:.82rem}
@media(max-width:1050px){.mallorca-hotels-hero__grid{grid-template-columns:1fr 1fr}.mallorca-hotel-map{grid-template-columns:1fr 1.2fr}.mallorca-hotel-map__legend{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0 1rem}.mallorca-hotels-next>div>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.mallorca-hotels-hero{background:#fbfaf7}.mallorca-hotels-hero__grid,.mallorca-booking-entry__inner,.mallorca-hotels-method__grid{grid-template-columns:1fr}.mallorca-hotels-hero h1{font-size:clamp(2.8rem,9vw,4.4rem)}.mallorca-hotels-hero__collage{min-height:34rem}.mallorca-booking-entry__inner{gap:1.5rem}.mallorca-hotel-story,.mallorca-hotel-story--reverse{grid-template-columns:1fr;margin-bottom:6rem}.mallorca-hotel-story--reverse .mallorca-hotel-story__media{order:0}.mallorca-hotel-story__media picture,.mallorca-hotel-story--reverse .mallorca-hotel-story__media picture{border-radius:.3rem 4rem .3rem .3rem}}
@media(max-width:680px){.mallorca-hotels-hero{padding:3rem 0 4rem}.mallorca-hotels-hero h1{font-size:clamp(2.2rem,9.2vw,3.2rem)}.mallorca-hotels-hero .lead{font-size:1.05rem}.mallorca-hotels-hero__collage{min-height:27rem}.mallorca-hotels-hero__actions{align-items:stretch;flex-direction:column}.mallorca-hotels-hero__actions .button{text-align:center}.mallorca-hotel-map{grid-template-columns:1fr}.mallorca-hotel-map__legend{grid-column:auto;grid-template-columns:1fr 1fr}.mallorca-hotels-next>div>div{grid-template-columns:1fr}.mallorca-hotel-story h3{font-size:clamp(2.35rem,11vw,3.3rem)}}
@media(max-width:390px){.mallorca-hotels-hero h1 span{white-space:normal}}
@media(max-width:440px){.mallorca-hotels-hero__collage{min-height:22rem}.mallorca-hotel-map__legend{grid-template-columns:1fr}.mallorca-hotel-story{padding:0 1rem}.mallorca-hotel-story__media picture{aspect-ratio:4/3}}