/* Componenti SEO: hero <img>, breadcrumb, faq, zone, correlati */
h1,h2,h3,h4,h5,h6{text-transform:uppercase}
.hero__rating{background:#fff;color:var(--color-fg)}
.hero__rating strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.hero__rating img{height:22px;width:auto}
.callbar__label{display:flex;align-items:center;gap:18px;max-width:none}
.callbar__label span{max-width:28ch}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:62px;height:60px;object-fit:contain;background:#fff;border-radius:8px;padding:2px;flex:none}
.hero__media{position:relative;min-height:340px;overflow:hidden;background:var(--color-dark)}
.hero__media picture,.hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.breadcrumb{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);font-size:.85rem}
.breadcrumb .container{display:flex;gap:8px;align-items:center;padding-block:10px;color:var(--color-fg-muted)}
.breadcrumb a{color:var(--color-accent)}
.breadcrumb span[aria-hidden]{opacity:.5}
.faq .container{max-width:880px}
.faq h2{text-align:center;text-transform:uppercase;margin-bottom:28px}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq details{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:0}
.faq summary{cursor:pointer;padding:16px 20px;font-family:var(--font-head);font-weight:700;letter-spacing:var(--tracking-head);list-style:none;position:relative;color:var(--color-fg)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:14px;font-size:1.4rem;color:var(--color-accent)}
.faq details[open] summary::after{content:"–"}
.faq .faq-a{padding:0 20px 18px}
.faq .faq-a p{color:var(--color-fg-muted);margin:0}
.zone .container{text-align:center}
.zone h2{text-transform:uppercase}
.zone .lead-p{color:var(--color-fg-muted);max-width:60ch;margin:0 auto 22px}
.zone-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:center;padding:0;margin:0}
.zone-list li{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:999px;padding:8px 18px;font-size:.9rem}
.related .container{text-align:center}
.related h2{text-transform:uppercase}
.related-list{list-style:none;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:0;margin:22px 0 0}
.related-list a{display:inline-block;padding:10px 20px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-accent)}
.related-list a:hover{background:var(--color-accent);color:#fff;text-decoration:none}
img{height:auto}