/* Página de marca — por cima de styles.css, com os mesmos tokens. */
.b-hero{padding-block:clamp(72px,10vw,140px) clamp(40px,6vw,80px)}
.b-hero .mono{color:var(--ew-muted);margin:0 0 20px}
.b-hero h1{font-size:clamp(44px,8vw,112px);line-height:.95;letter-spacing:-.05em;font-weight:600;margin:0 0 24px}
.b-hero p{max-width:34em;font-size:clamp(18px,1.6vw,21px);color:var(--ew-muted);margin:0}
.b-sec{padding-block:clamp(56px,8vw,112px);border-top:1px solid var(--ew-line)}
.b-sec h2{font-size:clamp(30px,4.2vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:600;margin:0 0 14px}
.b-sec>.wrap>p,.b-sec .txt p{max-width:38em;color:var(--ew-muted);margin:0 0 14px}
.b-dois{display:grid;gap:32px;align-items:center}
@media (min-width:900px){.b-dois{grid-template-columns:1fr 1fr}}
.b-simbolos{display:flex;gap:clamp(24px,5vw,64px);align-items:center;justify-content:center;padding:clamp(32px,5vw,64px);border-radius:28px;background:var(--ew-surface);box-shadow:inset 0 0 0 1px var(--ew-line)}
.b-simbolos img{height:clamp(90px,14vw,170px);width:auto}
.b-simbolos .seta{font:500 28px/1 var(--ew-font-mono);color:var(--ew-muted)}
.b-es{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.b-es li{display:flex;gap:14px;align-items:baseline;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.03em;font-weight:600}
.b-es .mono{font-size:12px;color:var(--ew-muted);letter-spacing:.08em;min-width:2.5em}
.b-cores{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:28px;padding:0;list-style:none}
.b-cor{border-radius:20px;overflow:hidden;background:var(--ew-surface);box-shadow:inset 0 0 0 1px var(--ew-line)}
.b-cor i{display:block;height:96px}
.b-cor div{padding:14px 16px;display:grid;gap:2px}
.b-cor b{font-size:16px}
.b-cor span{font:500 12px/1.4 var(--ew-font-mono);color:var(--ew-muted)}
.b-cor.reservada i{opacity:.35}
.c-fit{background:var(--ew-area-fit)}.c-eat{background:var(--ew-area-eat)}.c-party{background:var(--ew-area-party)}.c-culture{background:var(--ew-area-culture)}
.c-shop{background:var(--ew-area-shop)}.c-go{background:var(--ew-area-go)}.c-stay{background:var(--ew-area-stay)}
.c-bg{background:#000;box-shadow:inset 0 0 0 1px #2a2a33}.c-fg{background:#f4f4f0}
.b-tipo{display:grid;gap:20px;margin-top:28px}
@media (min-width:900px){.b-tipo{grid-template-columns:1fr 1fr}}
.b-tipo div{padding:28px;border-radius:24px;background:var(--ew-surface);box-shadow:inset 0 0 0 1px var(--ew-line)}
.b-tipo .grande{font-size:clamp(48px,7vw,88px);line-height:1;letter-spacing:-.05em;font-weight:600;margin:0 0 12px}
.b-tipo .grande.m{font-family:var(--ew-font-mono);letter-spacing:-.02em;font-weight:500}
.b-tipo p{margin:0;color:var(--ew-muted)}
.b-icones{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:28px;padding:0;list-style:none}
.b-icones li{display:grid;justify-items:center;gap:8px;padding:18px 8px;border-radius:18px;background:#f4f4f0;color:#000}
.b-icones img{width:28px;height:28px}
.b-icones span{font:500 11px/1.2 var(--ew-font-mono);color:#55555f;text-align:center}
.b-ecras{display:flex;gap:18px;overflow-x:auto;padding:28px 0 8px;scroll-snap-type:x mandatory}
.b-ecras figure{flex:0 0 clamp(200px,24vw,280px);margin:0;scroll-snap-align:start}
.b-ecras img{width:100%;height:auto;border-radius:28px;box-shadow:0 0 0 1px var(--ew-line)}
.b-ecras figcaption{font:500 12px/1.4 var(--ew-font-mono);color:var(--ew-muted);margin-top:10px}
.b-tempo{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0}
.b-tempo li{display:grid;grid-template-columns:7.5em 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--ew-line)}
.b-tempo .mono{color:var(--ew-muted);padding-top:4px}
.b-tempo b{display:block;font-size:20px;letter-spacing:-.02em;margin-bottom:4px}
.b-tempo p{margin:0;color:var(--ew-muted)}
.b-fora{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.b-fora li{padding:16px 18px;border-radius:16px;background:var(--ew-surface);box-shadow:inset 0 0 0 1px var(--ew-line);color:var(--ew-muted)}
.b-fora b{color:var(--ew-fg)}
.b-app{display:flex;gap:20px;align-items:center;margin-top:24px}
.b-app img{width:96px;height:96px;border-radius:22px}
.foot .b-links{display:flex;gap:18px}