/* Shared public interface: the account's readable type and calm controls. */
:root{--a57-heading:Georgia,'Times New Roman',serif;--a57-ui:Arial,Helvetica,sans-serif;--radius:12px}
body{font-family:var(--a57-ui);background:#050505}
button,input,select,textarea{font-family:var(--a57-ui)}
h1,h2,h3,.hero-quote,.section-title,.event-card-title,.event-detail-title,.footer-brand,.plan h2{font-family:var(--a57-heading);font-weight:400;text-transform:none;line-height:1.12}
h1,.hero h1,.hero-quote,.event-detail-title{font-size:clamp(36px,6vw,68px);max-width:20ch;overflow-wrap:normal}
h2,.section-head h2,.section> .section-inner>h2{font-size:clamp(28px,3.5vw,42px)}
h3,.event-card-title,.section-title{font-size:clamp(24px,2.6vw,32px)}
.eyebrow,.badge,.event-card-date,.event-status,.footer-label,.identity-sub{font-family:var(--a57-ui);font-weight:400;font-size:13px;line-height:1.4;text-transform:none;letter-spacing:0}
.btn,.filter-chip,.nav-account,.nav-cta,.event-primary-btn,.event-secondary-btn,.event-account-btn,button{border-radius:9px;font-family:var(--a57-ui);text-transform:none;line-height:1.35}
.site-header,.event-header,.identity-header{border-bottom:1px solid #f5efdf26;background:#050505}
.nav-links,.nav-account,.nav-cta,.event-nav,.club-header nav{font-family:var(--a57-ui);font-size:14px}
.hero h1{margin:24px 0}.hero .lead{font-family:var(--a57-ui);font-size:18px;line-height:1.6}.hero{min-height:0}.hero-inner{padding-top:48px;padding-bottom:48px}
.hero-wordmark{max-width:420px}.home-destinations{max-width:1180px;margin:0 auto;padding:16px 24px 64px}
.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.destination-card{display:block;padding:26px;border:1px solid #f5efdf26;border-radius:14px;background:#15120f;text-decoration:none;color:#f5efdf;min-width:0}
.destination-card:hover{border-color:#b8ada0}.destination-card h2{font-size:28px;margin:0 0 16px}.destination-card h2 span{float:right;font:22px Arial;color:#b8ada0}.destination-card p{font:15px/1.6 var(--a57-ui);color:#b8ada0;margin:0;overflow-wrap:anywhere}
.page-wayfinding{display:flex;align-items:center;gap:24px;max-width:1180px;margin:28px auto 0;padding:0 24px;font:14px/1.5 var(--a57-ui);color:#b8ada0}.page-wayfinding a{color:#f5efdf;text-decoration:none}.page-wayfinding+.section{padding-top:32px}
.simple-footer{padding:32px 24px;border-top:1px solid #f5efdf26;text-align:center;color:#b8ada0;font:13px/1.6 var(--a57-ui)}.simple-footer a{color:inherit}
.program-card,.event-card,.account,.summary-box,.form-card{border-radius:14px;box-shadow:none}
.chip strong,.summary-box .row strong,.my-reservation .when,.balance-value{font-family:var(--a57-ui);font-weight:600;line-height:1.4}
.account-panel{box-sizing:border-box;width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #f5efdf33;border-radius:18px;background:#100e0c;color:#f5efdf;overflow:auto}
.account-panel::backdrop{background:#000b;backdrop-filter:blur(5px)}
.account-panel-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;background:#100e0c;border-bottom:1px solid #f5efdf26}
.account-panel-header h2{font-size:24px;margin:0}.account-panel-header button{padding:10px 14px;border:1px solid #f5efdf55;background:transparent;color:#f5efdf;font-size:14px;cursor:pointer}
.account-panel details.account{margin:0;border:0;background:transparent;border-radius:0;padding:0}.account-panel details>summary{display:none}.account-panel .detail-content{padding:24px}.account-panel details>h2{display:none}
html:has(.account-panel[open]){overflow:hidden}
.mesa-view-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:12px 0;background:#050505;border-bottom:1px solid #f5efdf26;margin-bottom:24px}.mesa-view-nav h1{font-size:26px;margin:0 auto 0 0}.mesa-view-nav button{padding:10px 12px;background:transparent;border:1px solid #f5efdf33;color:#f5efdf}.mesa-view-nav button[aria-current=page]{background:#f5efdf;color:#211b17}
body[data-mesa-view=account] .categories-nav,body[data-mesa-view=account] .recomendados,body[data-mesa-view=account] #menuSection,body[data-mesa-view=menu] #accountSection,body[data-mesa-view=menu] #heroSection{display:none}
body[data-mesa-view] #heroSection{display:none}
@media(max-width:700px){.destination-grid{grid-template-columns:1fr}.destination-card{padding:22px}.home-destinations{padding:8px 20px 40px}.hero-inner{padding:32px 20px}.hero-wordmark{max-width:250px}.nav{flex-wrap:wrap;gap:16px;padding:16px 20px}.nav-links{order:3;display:flex;flex-basis:100%;overflow:auto;flex-wrap:nowrap;gap:22px;padding-bottom:4px}.nav-links a{white-space:nowrap}.nav-account{margin-left:auto}.account-panel{width:100%;max-height:100dvh;height:100dvh;border:0;border-radius:0}.account-panel-header{padding:16px 20px}.account-panel .detail-content{padding:20px}.event-card-title{font-size:30px}.mesa-view-nav h1{font-size:23px}}
.account-plan-trigger{display:block;width:100%;text-align:left;padding:24px;margin:0 0 24px;border:1px solid #f5efdf26;border-radius:14px;background:#100e0c;color:#f5efdf;font:15px/1.4 Arial,sans-serif;cursor:pointer}.account-plan-trigger[hidden]{display:none}
.account-panel #plansSection{margin:0;padding:24px}.account-panel .plans{grid-template-columns:1fr}.account-panel .subscription-note{margin-bottom:0}
@media(max-width:700px){.account-panel{max-width:100%;margin:0}.event-header{flex-wrap:wrap;gap:12px}.event-header>*{min-width:0}.event-nav{flex-wrap:wrap;gap:12px}.event-hero h1{font-size:40px;overflow-wrap:anywhere}}
.events-home,.events-list-section,.my-passes-section,.events-home>*{min-width:0}
.events-hero{min-height:180px;border:1px solid #f5efdf26;border-radius:14px;box-shadow:none;background:#15120f;padding:32px}
.events-hero h1,.event-poster-card h1{font:400 clamp(36px,6vw,68px)/1.12 var(--a57-heading);text-transform:none;overflow-wrap:anywhere}
.section-title-row h2{font:400 clamp(26px,3.5vw,40px)/1.15 var(--a57-heading);text-transform:none}
.section-title-row>div{min-width:0}.section-count{flex-shrink:0;border-radius:50%;font:20px var(--a57-ui)}
.menu-toggle,.event-brand span,.event-back-btn,.event-card-cta,.chip,.amount-chip{font-family:var(--a57-ui);text-transform:none;font-weight:400}
@media(max-width:700px){.events-home{gap:32px}.events-hero{padding:24px}.event-header nav{flex-wrap:wrap;gap:12px}.event-header .event-brand{flex-shrink:0}.event-header{justify-content:space-between}}
.event-header .event-account-btn{max-width:none;white-space:normal;text-overflow:clip;padding:10px 14px;font:14px/1.35 var(--a57-ui)}
