/* Shared contemporary UI: self-hosted type, softer actions, compact contact grid. */
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('assets/fonts/manrope-variable.ttf') format('truetype')}
:root{--body-font:Manrope,Arial,sans-serif}
body{font-family:var(--body-font);-webkit-font-smoothing:antialiased}
.button,.text-link,.header nav,.values,.booking-channel{font-family:var(--body-font)}
.button{border-radius:999px;font-weight:650;letter-spacing:-.15px;box-shadow:none;transition:background .2s,border-color .2s,transform .2s}
.button:hover{transform:translateY(-1px)}
.button:focus-visible,.booking-channel:focus-visible{outline:2px solid #315e43;outline-offset:4px}
.header .button{border-radius:999px;background:#477a58;box-shadow:none;padding:12px 20px;font-size:14px;font-weight:650;letter-spacing:-.15px}
.header .button>span[aria-hidden]{display:flex;width:16px;height:16px}
.header .button svg,.hero-action-arrow svg{display:block;width:100%;height:100%}
.cinema-hero .serene-actions{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:12px;max-width:520px}
.cinema-hero .serene-actions .button{font-family:var(--body-font);border-radius:999px;font-size:15px;font-weight:650;letter-spacing:-.2px;min-height:54px;padding:14px 19px;gap:12px;box-shadow:none}
.cinema-hero .serene-actions .hero-discover{background:#fffdf1ad;border-color:#759d7b;color:#355b40}
.cinema-hero .serene-actions .hero-action-arrow{width:16px;height:16px;display:flex;align-items:center}
.values{font-size:15px;font-weight:500;letter-spacing:-.1px;gap:24px;background:#eef2e7;padding-block:27px}
.values>span{display:flex;align-items:center;gap:12px;line-height:1.5}
.values i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#dce8d5;color:#4b7750;font-style:normal;font-size:13px}
.booking-channel{border-radius:20px;background:#f5f7ed;border-color:#dce5d3;box-shadow:none;transition:background .2s,border-color .2s,transform .2s}
.booking-channel:hover{background:#edf3e4;border-color:#8eaf90;transform:translateY(-2px)}
.booking-channel h3{font-family:var(--body-font);font-size:23px;font-weight:600;letter-spacing:-.6px;line-height:1.3}
.booking-channel .channel-icon{border-radius:14px;box-shadow:none}
.channel-action{font-weight:600}
.channel-action .channel-action-full,.channel-action .channel-action-short{font-size:inherit;line-height:inherit}
.channel-action-short{display:none}
@media(max-width:700px){
 .header .button{font-size:14px;min-height:44px;padding:10px 16px;gap:8px}
 .cinema-hero .serene-actions{gap:10px;max-width:440px}
 .cinema-hero .serene-actions .button{font-size:14px;line-height:1.4;min-height:52px;padding:12px 10px;gap:7px}
 .cinema-hero .serene-actions .hero-action-arrow{width:14px;height:14px}
 .cinema-hero .serene-actions .hero-discover .hero-action-arrow{display:none}
 .values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:19px 16px;padding:25px 22px;font-size:13.5px;letter-spacing:0}
 .values>span{align-items:flex-start;gap:8px}
 .values i{flex-basis:20px;width:20px;height:20px;font-size:12px;margin-top:1px}
 .direct-booking.container{width:calc(100% - 28px)}
 .direct-booking .booking-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;align-items:stretch}
 .direct-booking .booking-channel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px auto 1fr auto;padding:18px 16px 10px;column-gap:0;row-gap:0;border-radius:18px;min-width:0;min-height:232px}
 .direct-booking .channel-icon{grid-column:1;grid-row:1;width:44px;height:44px;align-self:start;margin:0;border-radius:12px}
 .direct-booking .channel-icon svg,.direct-booking .channel-whatsapp img{width:25px;height:25px}
 .direct-booking .channel-salon img{width:18px;height:33px}
 .direct-booking .booking-channel h3{grid-column:1;grid-row:2;font-size:18px;font-weight:650;letter-spacing:-.5px;line-height:1.25;margin:14px 0 8px}
 .direct-booking .booking-channel p{grid-column:1;grid-row:3;font-size:13px;line-height:1.6;margin:0 0 14px;color:#5a6e54}
 .direct-booking .channel-action{grid-column:1;grid-row:4;font-size:12px;line-height:1.4;min-height:44px;padding-top:8px;gap:4px;border-color:#dce4d3;align-items:center}
 .channel-action-full{display:none}.channel-action-short{display:inline}
}
@media(max-width:360px){
 .header .button{padding:10px 13px;font-size:13px}
 .cinema-hero .serene-actions{grid-template-columns:1.18fr 1fr;gap:8px}
 .cinema-hero .serene-actions .button{font-size:13px;padding:10px 9px;min-height:52px;gap:5px}
 .cinema-hero .serene-actions .hero-action-arrow{display:none}
 .values{padding:23px 18px;gap:17px 12px;font-size:13px}
 .values>span{gap:6px}.values i{flex-basis:18px;width:18px;height:18px;font-size:11px}
 .direct-booking .booking-channels{gap:10px}
 .direct-booking .booking-channel{padding:15px 12px 9px;min-height:240px}
 .direct-booking .booking-channel h3{font-size:16px;letter-spacing:-.45px}
 .direct-booking .booking-channel p{font-size:12.5px}
 .direct-booking .channel-action{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){.button,.booking-channel{transition:none}.button:hover,.booking-channel:hover{transform:none}}

/* The ritual action remains at the lower right of its photograph. */
.ritual-feature{position:relative}
.ritual-feature>div{position:absolute;inset:0;padding-bottom:115px}
.ritual-feature .button{position:absolute;right:36px;bottom:32px;margin:0;max-width:calc(100% - 72px)}
.cinema-hero #hero-title>span,.cinema-hero #hero-title>em{display:block}
.cinema-hero #hero-title{max-width:650px;text-wrap:balance}
@media(max-width:700px){
 .ritual-feature .button{right:22px;bottom:22px;max-width:calc(100% - 44px)}
 .cinema-hero #hero-title{font-size:clamp(44px,11.5vw,54px);line-height:1.06;letter-spacing:-1.5px}
 .cinema-hero #hero-title em{letter-spacing:-1.3px}
}