/* WEB 177 — scoped improvements, no global mascot or approved hero changes. */
.homeStep3 .compaCommunity136 .compaStatVisual{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:4px 0!important;gap:2px!important;min-width:0}
.homeStep3 .compaCommunity136 .compaStatVisual>img{display:block!important;position:relative!important;max-height:clamp(150px,17vw,194px)!important;width:auto!important;max-width:100%!important;object-fit:contain!important;translate:0 2px!important;margin:0 auto -2px!important}
.homeStep3 .compaCommunity136 .compaStatVisual>.communityFollow174{margin:0 auto!important;translate:0 0!important;position:relative!important;z-index:5!important;background:linear-gradient(125deg,#fff38a,#ffd02e)!important;color:#161509!important;border:1px solid #ffe493!important;font-weight:900!important}
@media(max-width:650px){.homeStep3 .compaCommunity136 .compaStatVisual{padding:0!important}.homeStep3 .compaCommunity136 .compaStatVisual>img{max-height:166px!important;translate:0 0!important}}
/* Restore the approved three-column mobile header layout, with two controls in right cell. */
@media(max-width:680px){
 #siteHeader.topbarSafe{display:grid!important;grid-template-columns:minmax(80px,1fr) minmax(76px,auto) minmax(102px,1fr)!important;grid-template-rows:1fr!important;column-gap:3px!important;padding-inline:7px!important;overflow:visible!important}
 #siteHeader .topbarRightSafe{display:contents!important}
 #siteHeader .topbarBrandSafe{grid-column:2!important;grid-row:1!important;justify-self:center!important;min-width:0!important}
 #siteHeader .topbarBrandSafe img{max-width:min(32vw,135px)!important;height:auto!important;max-height:45px!important;object-fit:contain!important}
 #siteHeader .topbarRightSafe>.lang{grid-column:1!important;grid-row:1!important;justify-self:start!important;display:flex!important;gap:1px!important;min-width:0!important}
 #siteHeader .topbarRightSafe>.lang button{min-width:32px!important;min-height:40px!important;padding:5px!important;font-size:11px!important}
 #siteHeader .web175ShareHeader{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important;margin-right:50px!important;order:unset!important;width:37px!important;min-width:37px!important;height:40px!important;position:relative!important}
 #siteHeader #menuToggle{grid-column:3!important;grid-row:1!important;justify-self:end!important;width:46px!important;height:49px!important;padding:7px 5px 15px!important;gap:4px!important;position:relative!important;order:unset!important}
 #siteHeader #menuToggle::after{content:'Menu';position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:9px;line-height:1;color:#ffe4a4;font-weight:800;pointer-events:none}
 html[lang="es"] #siteHeader #menuToggle::after{content:'Menú'}
}
@media(max-width:355px){#siteHeader.topbarSafe{grid-template-columns:minmax(70px,1fr) minmax(65px,auto) minmax(98px,1fr)!important}#siteHeader .topbarBrandSafe img{max-width:28vw!important}#siteHeader .topbarRightSafe>.lang button{min-width:29px!important;font-size:10px!important;padding:4px!important}#siteHeader .web175ShareHeader{width:34px!important;min-width:34px!important;margin-right:48px!important}}
/* Only reservation date and time controls: prevent native intrinsic width escaping the grid. */
@media(max-width:680px){
 #eaReservationForm .ea-form-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:100%!important}
 #eaReservationForm .ea-form-grid>label{width:100%!important;min-width:0!important;max-width:100%!important;grid-column:1/-1!important}
 #eaReservationForm #eaDate,#eaReservationForm #eaTime{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding-inline:10px!important;font-size:16px!important;-webkit-appearance:auto!important;appearance:auto!important}
 #eaReservationForm .ea-form-grid>label>small{max-width:100%!important;overflow-wrap:anywhere!important}
 #eaReservationForm .ea-form-grid>label>span{overflow-wrap:anywhere!important}
}
/* Order widget: visible within public pages, above normal content and below dialogs. */
.web176Order{position:fixed!important;z-index:1150!important;left:max(10px,env(safe-area-inset-left))!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;display:block!important;visibility:visible;pointer-events:auto}
.web176Order[hidden]{display:none!important}
.web176OrderToggle{font-family:inherit!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;min-height:44px!important;box-shadow:0 12px 28px #000b,0 0 0 1px #ffcc5620!important}
.web176OrderDismiss{z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px}
@media(max-width:680px){.web176Order{left:8px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;max-width:min(218px,calc(100vw - 20px))!important}.web176OrderToggle{font-size:12px!important;padding:10px 13px!important}}
body:has(.modal.open) .web176Order,body:has([aria-modal="true"]) .web176Order{visibility:hidden!important;pointer-events:none!important}