:root{--coro-avviso-height:100px;--coro-nav-height:0px}
#coro-avviso{all:initial;position:fixed;inset:0 0 auto;z-index:2147483647;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 36px;background:#245044;color:#fff;font:15px/1.5 Arial,Helvetica,sans-serif;text-align:left;letter-spacing:normal}
#coro-avviso *{all:unset;box-sizing:border-box}
#coro-avviso .coro-avviso-copy{min-width:0;flex:1}
#coro-avviso .coro-avviso-title{display:block;margin:0;font:700 16px/1.5 Arial,Helvetica,sans-serif;color:#fff;text-transform:none}
#coro-avviso .coro-avviso-text{display:block;margin:0;font:400 15px/1.5 Arial,Helvetica,sans-serif;color:#fff}
#coro-avviso .coro-avviso-link{flex:none;display:inline-flex;align-items:center;min-height:44px;color:#fff;font:700 15px/1.5 Arial,Helvetica,sans-serif;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer}
#coro-avviso .coro-avviso-link:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:2px}
#coro-avviso-spazio{all:initial;display:block;height:var(--coro-avviso-height);flex-shrink:0;pointer-events:none}
html.coro-avviso-attivo{scroll-padding-top:calc(var(--coro-avviso-height) + var(--coro-nav-height) + 16px)}
.coro-avviso-attivo #mainNav{top:var(--coro-avviso-height)!important}
.coro-avviso-attivo .page-top{top:var(--coro-avviso-height)}
.coro-avviso-attivo body#index-page{padding-top:var(--coro-avviso-height);box-sizing:border-box}
.coro-avviso-attivo body#index-page>#coro-avviso-spazio{display:none}
.coro-avviso-attivo body#index-page>article.main{height:calc(100vh - var(--coro-avviso-height))}
.coro-avviso-attivo .pswp{top:var(--coro-avviso-height);height:calc(100% - var(--coro-avviso-height))}
.coro-avviso-attivo .lightbox{top:var(--coro-avviso-height);height:calc(100% - var(--coro-avviso-height))}
.coro-avviso-attivo #contact h2:focus{outline:2px solid #fff;outline-offset:6px}
@media(max-width:767px){
  #coro-avviso{padding:10px 16px;gap:2px 16px;flex-wrap:wrap}
  #coro-avviso .coro-avviso-copy{flex-basis:100%}
  #coro-avviso .coro-avviso-title{font-size:14px;line-height:1.4}
  #coro-avviso .coro-avviso-text{font-size:14px;line-height:1.4}
  #coro-avviso .coro-avviso-link{font-size:14px;line-height:1.4}
}