/* v20P - main office line (561) 709-2528 in the header / footer / contact, and the home "Próximo evento" strip. */
.mgr-call{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #d9b778;border-radius:99px;background:rgba(20,13,8,.55);
  color:#fbe6b4!important;text-decoration:none;font:700 .86rem/1.1 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.1em;white-space:nowrap}
.mgr-call svg{flex:none;width:18px;height:18px;fill:currentColor}
.mgr-call:hover{background:#d4ac65;color:#20190f!important}
.mgr-call:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mgr-call__num{display:inline}
/* home header: from 941px the nav is visible and space is tight -> the call button lives in the hero instead (mgr-hero-call) */
@media (min-width:941px){.m-home .site-header .mgr-call{display:none}}
@media (min-width:941px) and (max-width:1366px){.ev-body .mgr-call .mgr-call__lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ev-body .mgr-call{padding:8px 11px}}
@media (min-width:941px) and (max-width:1120px){.ev-body .site-header nav a{font-size:.84rem!important;letter-spacing:.04em!important}.ev-body .site-header{gap:14px!important}.ev-body .header-actions{gap:6px!important}}
@media (min-width:941px) and (max-width:1600px){.ev-body .site-header nav{gap:clamp(10px,1.25vw,20px)!important}.ev-body .site-header nav a{letter-spacing:.07em!important}.m-home .site-header nav{gap:clamp(10px,1.25vw,20px)!important}.m-home .site-header nav a{letter-spacing:.07em!important}}
@media (max-width:1280px){.mgr-call .mgr-call__num{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mgr-call{padding:8px 11px}}
.mgr-hero-call{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.mgr-hero-call svg{width:16px;height:16px;fill:currentColor;flex:none}
@media (max-width:520px){.mgr-call{min-height:40px;min-width:40px;justify-content:center;padding:0 10px}.mgr-call .mgr-call__lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.mgr-foot-call,.mgr-foot-events{font-weight:700}
.phone-link--office{font-weight:700}
.directions-call{display:block;margin:6px 0 0;font:600 1rem/1.5 "DM Sans","Segoe UI",sans-serif}
.directions-call a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.directions-call small{display:block;font-size:.88rem;opacity:.9}

/* home "Próximo evento" strip - hidden unless a confirmed upcoming event exists in assets/events.json */
.mgr-next[hidden]{display:none!important}
.mgr-next{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0;padding:14px clamp(16px,4vw,72px);
  background:linear-gradient(180deg,rgba(43,27,16,.86),rgba(22,16,11,.95)),url("ranch-wood-real.webp") center/cover,#1b120b;border-top:1px solid #d9b778;border-bottom:1px solid #d9b778;color:#efe3cb}
.mgr-next__k{font:700 .8rem/1.2 "Barlow Condensed",sans-serif;letter-spacing:.2em;color:#f0cf92;text-transform:uppercase}
.mgr-next__d{display:inline-grid;place-items:center;min-width:58px;padding:6px 8px;border-radius:10px;background:#d4ac65;color:#20190f;font:700 .82rem/1.1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-align:center}
.mgr-next__d b{display:block;font:400 1.35rem/1 "Ultra",Georgia,serif}
.mgr-next__t{flex:1 1 260px;min-width:0;font:600 1rem/1.4 "DM Sans",sans-serif;color:#f7ead0}
.mgr-next__t span{display:block;font-weight:400;color:#e9dcc2}
.mgr-next__a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:8px;background:#d4ac65;color:#20190f!important;text-decoration:none;font:700 .88rem/1.2 "DM Sans",sans-serif}
.mgr-next__a:focus-visible{outline:3px solid #fff;outline-offset:3px}