
:root{--portal-red:#c49a28}body{background:#f4f4f2}body>header{background:var(--portal-red)!important;color:white;border:0}header .wrap{max-width:1180px}header .site-nav-top{padding:18px 0!important}header .page-menu{border-color:#ffffff40!important;padding:8px 0!important}header .page-menu a{color:white!important}header .brand{background:white;padding:8px 14px;max-width:270px!important;border-radius:2px}header .brand img{width:235px!important;height:auto!important;max-width:100%}header .brand small{display:none}header .button{background:transparent;border:1px solid #ffffff80;color:white}header .language-switcher summary{background:white;color:#102b3e}.directory{background:white;max-width:1260px;margin:0 auto;padding:34px 64px 64px}.intro h1{font:500 clamp(28px,4vw,44px)/1.2 Georgia,serif;color:#303333;margin:10px 0}.intro p{color:#626767}.kicker{font:700 11px/1.5 Arial,sans-serif;letter-spacing:2px;color:var(--portal-red)!important}.directory-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:24px 0 32px}.directory-tools label{font-size:13px;max-width:440px;width:100%}.directory-tools input{display:block;width:100%;padding:13px;border:1px solid #ccc;background:white;border-radius:0;margin-top:6px;color:#222}.directory-tools p{font-size:13px;white-space:nowrap;color:#666}.section-heading{display:flex;align-items:center;gap:20px;margin:24px 0}.section-heading h2{background:var(--portal-red);color:white;padding:10px 16px;font:500 18px/1.3 Arial,sans-serif;margin:0}.section-heading>span{height:4px;border-block:1px solid var(--portal-red);flex:1}.destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.destination{position:relative;display:flex;aspect-ratio:1.8;align-items:center;justify-content:center;overflow:hidden;text-decoration:none;background:#354f45}.destination img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .3s}.destination:after{content:'';position:absolute;inset:0;background:#0004}.destination span{position:relative;z-index:1;color:white;border:2px solid #ffffffb0;padding:12px 16px;text-align:center;font:500 17px/1.3 Arial,sans-serif;max-width:90%;text-shadow:0 1px 4px #000}.destination:hover img{transform:scale(1.05)}.destination:focus-visible{outline:4px solid #bd8836;outline-offset:3px}.destination[hidden]{display:none}.editorial{padding-top:28px}.event-feature{display:block;padding:30px;background:#f7f1e9;border-left:4px solid var(--portal-red);color:#333;text-decoration:none}.event-feature h2{font:36px Georgia,serif;margin:10px 0}.promotion{margin-top:40px;padding:30px;background:#f5f5f3}.promotion .button{background:var(--portal-red);color:white}.appbar{background:var(--portal-red)!important;border-top:0!important}.appbar a,.appbar button{color:white!important}footer{background:#f4f4f2!important;color:#333!important}@media(max-width:760px){.directory{padding:22px 20px 100px}.destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.destination{aspect-ratio:1.25}.destination span{font-size:14px;padding:8px}.section-heading h2{font-size:16px}.directory-tools{align-items:center}.intro h1{font-size:30px}header .wrap{padding-inline:20px}.event-feature{padding:20px}.promotion{padding:20px}}@media(max-width:370px){.destinations{grid-template-columns:1fr}.destination{aspect-ratio:1.8}}

/* Versione 25: grafica condivisa da tutte le pagine */
body{margin:0;color:#343434;font-family:Arial,sans-serif}body>header{border:0!important}header nav{display:block!important}header .page-menu{display:flex!important;flex-wrap:wrap!important;gap:24px!important;justify-content:flex-start!important}header .page-menu a{border:0!important;text-transform:uppercase;font:400 14px/1.4 Arial,sans-serif!important;padding:12px 0!important}header .page-menu a:hover,header .page-menu a[aria-current]{text-decoration:underline;text-underline-offset:8px}body>main{background:white;max-width:1260px;margin:0 auto;box-sizing:border-box}body>main:not(.directory){padding:32px 64px 64px}main h1{font:400 clamp(32px,4.5vw,54px)/1.15 Georgia,serif!important;color:#383838!important;letter-spacing:-.5px!important}main h2{color:#c49a28!important;font-family:Georgia,serif!important;font-weight:400!important}main p,main li{line-height:1.75}.promo-article,.news-article,.moio-wrap{max-width:100%!important;margin:0!important;padding:0!important;background:white!important;box-shadow:none!important;border:0!important}.promo-photo{width:100%;max-height:540px;object-fit:cover;border-radius:0!important}.promo-kicker,.news-label,.moio-kicker{color:#c49a28!important;letter-spacing:1.5px}.promo-intro,.dek,.moio-dek{font-size:20px!important;color:#666!important;max-width:850px}.promo-author,.news-date{font-size:13px;color:#777}.promo-share,.news-share,.moio-share{padding:18px 0!important;border-block:1px solid #ddd;gap:12px;display:flex;flex-wrap:wrap}.promo-share a,.news-share a,.moio-share a{border-radius:0!important}.news-hero,.travel-hero,.page-intro,.moio-hero{background:#f8f5f1!important;color:#343434!important;padding:30px!important;margin:0 0 30px!important}.news-hero p,.travel-hero p,.moio-hero p{color:#555!important}.news-hero:after{display:none}.news-section{padding:24px 0!important;background:white!important}.news-wrap,.wrap{max-width:1140px}.news-card,.travel-card{border-radius:0!important;box-shadow:none!important;border:1px solid #e5e5e5}.news-card img{border-radius:0!important}.news-callout,.moio-callout,.promo-note{border-left:3px solid #c49a28!important;background:#f7f3ee!important;border-radius:0!important;padding:24px!important}.button{border-radius:0!important}.newsletter-box{background:#f7f3ee;border-top:3px solid #c49a28;padding:28px;margin:40px 0 0}.newsletter-box h2{margin-top:0}.newsletter-box a{display:inline-block;background:#c49a28;color:white;padding:12px 20px;text-decoration:none}.portal-footer{max-width:1260px;margin:auto;padding:32px 30px 90px;background:#c49a28!important;color:white!important}.portal-footer a{color:white!important}.portal-footer nav{display:flex;flex-wrap:wrap;gap:20px;margin:16px 0}.newsletter-page{max-width:760px;margin:auto;padding:20px 0}.newsletter-page .request{display:inline-block;padding:15px 24px;background:#c49a28;color:white;text-decoration:none}.section-heading h2{font:500 18px/1.3 Arial,sans-serif!important;color:white!important}.event-feature h2{color:#c49a28!important}@media(max-width:760px){body>main:not(.directory){padding:24px 20px 90px}header .page-menu{gap:15px!important}header .page-menu a{font-size:12px!important;padding:8px 0!important}.news-hero,.travel-hero,.page-intro,.moio-hero{padding:22px 16px!important}main h1{font-size:34px!important}.promo-intro,.dek,.moio-dek{font-size:18px!important}.newsletter-box{padding:22px}.site-nav-top{flex-wrap:wrap!important}.news-article img,.moio-gallery img{max-width:100%;height:auto}}

/* Tema senape: sito e app */
body>header,.portal-footer,.appbar{background:#c49a28!important;color:#242014!important}header .page-menu a,header .button,.portal-footer a,.appbar a,.appbar button{color:#242014!important}header .button{border-color:#242014!important}.section-heading h2,.promotion .button,.newsletter-box a,.newsletter-page .request{background:#c49a28!important;color:#242014!important}.section-heading>span{border-color:#c49a28!important}.newsletter-box,.promo-note,.news-callout,.moio-callout{background:#faf5e6!important;border-color:#c49a28!important}main h2,.kicker,.promo-kicker,.news-label,.moio-kicker,.event-feature h2{color:#765b10!important}.section-heading h2{color:#242014!important}.event-feature,.promotion{background:#faf5e6!important}.appbar a[aria-current="page"]{background:#f2dfa2!important}a:focus-visible,button:focus-visible{outline:3px solid #242014;outline-offset:3px}

/* Testata compatta v27 */
body>header{padding:0!important;margin:0!important;min-height:0!important;height:auto!important;position:relative!important}
body>header>.wrap{padding:10px 24px!important;max-width:1260px!important;margin:auto!important}
header nav.site-nav{display:grid!important;grid-template-columns:200px minmax(0,1fr) 62px!important;align-items:center!important;gap:20px!important;padding:0!important;min-height:0!important}
header .site-nav-top{display:contents!important}
header .site-nav-top>.button{display:none!important}
header .brand.app-logo-brand{grid-column:1;grid-row:1;display:block!important;width:200px!important;max-width:200px!important;padding:4px 8px!important;margin:0!important;box-sizing:border-box!important}
header .brand.app-logo-brand img{display:block!important;width:184px!important;max-width:100%!important;height:auto!important;max-height:58px!important;object-fit:contain!important;margin:0!important}
header .page-menu{grid-column:2;grid-row:1;display:flex!important;justify-content:center!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;margin:0!important;padding:0!important;border:0!important;min-height:0!important}
header .page-menu a{padding:7px 0!important;font-size:12px!important;line-height:1.4!important;white-space:nowrap!important}
header .language-switcher{grid-column:3;grid-row:1;position:relative!important;margin:0!important;align-self:center!important}
header .language-switcher>summary{padding:7px!important;min-height:0!important;min-width:0!important;font-size:13px!important}
header .language-switcher:not([open])>.language-tools{display:none!important}
header .language-switcher[open]>.language-tools{position:absolute!important;top:100%!important;right:0!important;z-index:1000!important;background:white!important;box-shadow:0 8px 24px #0003!important}
@media(max-width:1000px){header nav.site-nav{grid-template-columns:180px minmax(0,1fr) 58px!important;gap:12px!important}header .brand.app-logo-brand{width:180px!important;max-width:180px!important}header .page-menu{gap:8px 14px!important}}
@media(max-width:760px){body>header>.wrap{padding:8px 16px!important}header nav.site-nav{grid-template-columns:minmax(0,1fr) 58px!important;gap:6px 12px!important}header .brand.app-logo-brand{grid-column:1;grid-row:1;width:180px!important}header .language-switcher{grid-column:2;grid-row:1}header .page-menu{grid-column:1 / -1;grid-row:2;justify-content:flex-start!important;gap:3px 14px!important}header .page-menu a{font-size:11px!important;padding:5px 0!important}}

/* Logo ufficiale scelto per il portale, ottobre 2026 */
header nav.site-nav{grid-template-columns:270px minmax(0,1fr) 58px!important}
header .brand.app-logo-brand{width:270px!important;max-width:100%!important;padding:6px 10px!important;background:#fff!important}
header .brand.app-logo-brand img{width:250px!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
@media(max-width:1000px){header nav.site-nav{grid-template-columns:240px minmax(0,1fr) 58px!important;gap:10px!important}header .brand.app-logo-brand{width:240px!important}}
@media(max-width:760px){header nav.site-nav{grid-template-columns:minmax(0,1fr) 58px!important}header .brand.app-logo-brand{width:240px!important;max-width:100%!important}header .brand.app-logo-brand img{width:220px!important}}
