/* Homepage gastronomy: edge-to-edge, independent of protected advertising cards. */
.page-home #convite-a-mesa.gastronomy-zone{width:100%;max-width:none;margin:0;padding:0;scroll-margin-top:100px}
.page-home #convite-a-mesa .mesa-convite-card{border:0;border-radius:0;box-shadow:none;background:#f3f0e8;color:#183c2d;backdrop-filter:none}
.page-home #convite-a-mesa .restaurant-luxury-photo>img{width:100%;height:clamp(320px,65svh,760px);aspect-ratio:auto;object-fit:cover;object-position:center}
.page-home #convite-a-mesa .restaurant-identity-title{font-family:"Cormorant Garamond",serif;font-weight:500}
.gastronomy-content{max-width:1240px;margin:auto;padding:clamp(32px,5vw,72px) clamp(24px,5vw,72px);text-align:center}
.gastronomy-eyebrow{font:600 12px/1.6 "DM Sans",sans-serif;letter-spacing:.18em;margin:0 0 14px}
.gastronomy-content>h2{font:500 clamp(32px,4vw,54px)/1.1 "Cormorant Garamond",serif;max-width:780px;margin:0 auto 18px;text-wrap:balance}
.gastronomy-intro{max-width:640px;margin:0 auto 32px;font:400 16px/1.7 "DM Sans",sans-serif;text-wrap:pretty}
.gastronomy-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;text-align:center}
.gastronomy-options>div{display:flex;flex-direction:column;align-items:center;padding:24px 12px;border-top:1px solid #c6ba9c}
.gastronomy-options h3{font:500 28px/1.2 "Cormorant Garamond",serif;margin:0 0 12px}
.gastronomy-options p{font:400 14px/1.65 "DM Sans",sans-serif;margin:0 0 22px;max-width:280px}
.gastronomy-options a{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid #345f4c;border-radius:5px;background:#183c2d;color:#fff;text-decoration:none;font:500 14px/1.4 "DM Sans",sans-serif}
.gastronomy-options a:hover{background:#305d48}.gastronomy-options a:focus-visible{outline:3px solid #9fb932;outline-offset:4px}
.gastronomy-note{font:400 12px/1.6 "DM Sans",sans-serif;margin:20px 0 0;color:#536158}
@media(max-width:700px){.gastronomy-options{grid-template-columns:1fr;gap:0}.gastronomy-options>div{padding:24px 0}.page-home #convite-a-mesa .restaurant-luxury-photo>img{height:440px}.gastronomy-content{padding:34px 24px}.gastronomy-options a{width:100%;max-width:300px}}

/* Restaurant: one request action, followed by the supplied panoramic photo. */
.page-restaurante .gastronomy-options{grid-template-columns:minmax(0,1fr)}
.page-restaurante .gastronomy-options>div{border:0;padding:8px 0 0}
.page-restaurante .gastronomy-options p{max-width:640px}
.page-restaurante .restaurant-photo-separator{position:relative;width:100%;aspect-ratio:1536 / 616;overflow:hidden;margin:0;background:#183c2d;isolation:isolate}
.page-restaurante .restaurant-photo-separator>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.page-restaurante .restaurant-photo-separator>.booking-visual-action{left:max(5vw,24px);right:auto;bottom:24px;z-index:1}
@media(max-width:700px){.page-restaurante .restaurant-photo-separator>.booking-visual-action{left:16px;bottom:12px}}

/* A visible transition separates the restaurant photograph from World Center. */


/* Preserve the entire three-photo montage on every screen size. */
body.page-restaurante #esplanada-luxury .mesa-convite-photo>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:transparent}

/* Restaurant actions share one centered row, independent of the opening photo. */
body.page-restaurante .gastronomy-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;width:100%;max-width:280px;margin-inline:auto}
body.page-restaurante .gastronomy-actions>a.decifer-action{margin:0;width:100%!important;min-width:0!important;padding-inline:16px!important}
body.page-restaurante #gastronomia-restaurante{scroll-margin-top:32px}
body.page-restaurante.premium-resort main>.restaurant-photo-separator + .esplanada-luxury-card{margin-top:clamp(48px,5vw,72px)}
body.page-restaurante.premium-resort main>.esplanada-luxury-card + .world-center{margin-top:clamp(48px,5vw,72px)}