.phero{background:radial-gradient(ellipse 70% 85% at 50% 40%,var(--white) 0%,var(--mist-2) 50%,var(--mist) 100%);text-align:center;padding-block:clamp(40px,7vw,88px) clamp(48px,7vw,84px)}
.crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;font:300 .7rem/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}.crumbs [aria-current]{color:var(--ink)}
.phero .ptag{display:block;font:300 .72rem/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}
.phero h1{font:600 clamp(1.8rem,4.6vw,3rem)/1.1 var(--display);text-transform:uppercase;max-width:22ch;margin:14px auto 0}
.phero .lead{margin-top:22px}
.pmeta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.pmeta div{display:grid;gap:4px;padding:14px 20px;background:color-mix(in srgb,var(--white) 70%,transparent);border:1px solid var(--line);border-radius:6px;min-width:180px}
.pmeta span{font:300 .66rem/1.3 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pmeta b{font:500 .95rem/1.3 var(--body)}
section.art{padding-block:clamp(56px,8vw,100px)}
.prose{max-width:780px}
.prose h2{font-size:clamp(1.3rem,2.6vw,1.7rem);text-align:left;margin:52px 0 16px}
.prose h2:first-child{margin-top:0}
.prose p{color:var(--ink-2);margin-bottom:16px;text-wrap:pretty}
.prose ul{margin:4px 0 20px;padding:0;list-style:none;display:grid;gap:10px}
.prose li{padding-left:20px;position:relative;color:var(--ink-2)}
.prose li::before{content:"";position:absolute;left:0;top:.85em;width:9px;height:1px;background:var(--ink)}
.prose li b{color:var(--ink);font-weight:500}
.prose a,.tlinks a,.flinks a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ink) 35%,transparent);text-underline-offset:3px}
.prose a:hover,.tlinks a:hover{text-decoration-color:var(--ink)}
.tlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:28px;font:400 .78rem/1.5 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tlinks b{font-weight:400;color:var(--ink-2)}
.panel .more{text-decoration:none}
.flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font:400 .76rem/1.5 var(--body);letter-spacing:.12em;text-transform:uppercase}
footer .flinks a{color:color-mix(in srgb,var(--white) 85%,transparent);text-decoration-color:color-mix(in srgb,var(--white) 30%,transparent)}
@media (max-width:640px){.pmeta{flex-direction:column;align-items:stretch;max-width:340px;margin-inline:auto}.prose h2{margin-top:40px}}.mapa{border:0;width:100%;height:clamp(300px,45vw,440px);border-radius:8px;box-shadow:var(--shadow);display:block;margin-top:8px}
.local{max-width:780px;margin-inline:auto;text-align:center}
.local p{color:var(--ink-2);margin-bottom:16px}
.local p:last-child{margin-bottom:0}