:root{
--viva-sfondo:          #1C1C24;
--viva-superficie:      #27272F;
--viva-superficie-alta: #30303A;
--viva-bordo:           #3D3D49;
--viva-testo:           #FFFFFF;
--viva-testo-tenue:     #D6D6DE;
--viva-testo-secondario:#8E8E99;
--viva-rosso:           #ED1C24;
--viva-rosso-cupo:      #3A1218;
--viva-neon:            #ED1C24;
--viva-scheda:          #000000;
--viva-neon-filo:   0 0 6px var(--viva-neon);
--viva-neon-alone:  0 0 4px var(--viva-neon),
0 0 11px color-mix(in srgb, var(--viva-neon) 70%, transparent),
0 0 22px color-mix(in srgb, var(--viva-neon) 38%, transparent);
--viva-neon-tenue:  0 0 5px color-mix(in srgb, var(--viva-neon) 55%, transparent);
--viva-raggio: 6px;
}

body .qt-negative,
body .qt-content-primary-dark,
body .qt-content-primary,
body .qt-content-primary-light,
body .qt-btn-primary, body .btn-primary,
body .qt-secondary, body .qt-btn-secondary, body .btn-secondary,
body nav.qt-menubar ul.qt-desktopmenu a:hover,
body .qt-side-nav a, body .qt-sharepage a,
body a.rsswidget, body .qt-text-neg, body .qt-logo-text,
body .qt-negative .qt-btn-ghost, body .qt-text-neg .qt-btn-ghost,
body .qt-negative h1, body .qt-negative h2, body .qt-negative h3,
body .qt-negative h4, body .qt-negative h5, body .qt-negative h6,
body .qt-negative h1 a, body .qt-negative h2 a, body .qt-negative h3 a,
body .qt-negative h4 a, body .qt-negative h5 a, body .qt-negative h6 a{
color: var(--viva-testo, #FFFFFF);
}
body .qt-mobile-menu, body .qt-menu-social a{
color: var(--viva-testo-tenue, #D6D6DE);
}
body .qt-menubar ul.qt-desktopmenu > li::after,
body .qt-menubar ul.qt-desktopmenu > li > a::after,
body .qt-menubar ul.qt-desktopmenu > li > a::before,
body .qt-negative .qt-btn-ghost,
body .qt-negative .qt-widgets .qt-caption-small,
body .qt-caption-small,
body .qt-negative .qt-caption-small{
border-color: var(--viva-bordo, #3D3D49);
}
body .qt-content-aside a, body .qt-footer a, body .qt-tags a{
color: var(--viva-testo-tenue, #D6D6DE);
}
body .viva-ascolta-voce,
body .viva-ascolta-voce b,
body .viva-ascolta-voce i{
color: var(--viva-testo, #FFFFFF) !important;
}
body .qt-card, body .qt-part-archive-item, body .qt-widgets .widget{
border-color: var(--viva-bordo, #3D3D49);
}
body a.rs-layer.rev-btn,
body a.rs-layer.rev-btn:hover,
body .rs-layer.rev-btn{
color: #FFFFFF !important;
}
body .qt-caption-small span,
body .qt-caption-med span{
background-color: var(--viva-superficie-alta, #30303A);
color: var(--viva-testo, #FFFFFF);
}
body a.rs-layer[style*="background-color:rgba(237,0,7"],
body a.rs-layer[style*="background-color:rgba(255,16,0"],
body .rs-layer[style*="background-color:rgba(237,0,7"],
body .rs-layer[style*="background-color:rgba(255,16,0"]{
color: #FFFFFF !important;
}
body ul#qwShowSelector,
body .qt-show-schedule-menu{
background-color: var(--viva-superficie, #27272F) !important;
border: 1px solid var(--viva-bordo, #3D3D49) !important;
border-radius: var(--viva-raggio, 6px) !important;
overflow: hidden;
}
body ul#qwShowSelector li a,
body .qt-show-schedule-menu li a{
color: var(--viva-testo-tenue, #D6D6DE) !important;
background-color: transparent !important;
}
body ul#qwShowSelector li a:hover,
body .qt-show-schedule-menu li a:hover{
color: var(--viva-testo, #FFFFFF) !important;
}
body ul#qwShowSelector li a.active,
body ul#qwShowSelector li.active a,
body .qt-show-schedule-menu li a.active,
body .qt-show-schedule-menu li.active a{
color: var(--viva-testo, #FFFFFF) !important;
background-color: transparent !important;
}
body ul#qwShowSelector .indicator,
body .qt-show-schedule-menu .indicator{
background-color: var(--viva-neon, #ED1C24) !important;
height: 3px !important;
box-shadow: 0 0 10px var(--viva-neon, #ED1C24),
0 0 20px color-mix(in srgb, var(--viva-neon, #ED1C24) 60%, transparent) !important;
}

html,
.qt-body{
background-color: var(--viva-sfondo, #1C1C24) !important;
}
body{
background-color: var(--viva-sfondo, #1C1C24) !important;
background-image:
radial-gradient(78vw 62vh at 82% 2%,
rgba(237, 28, 36, .15) 0%, rgba(58, 18, 24, .34) 34%, transparent 68%),
radial-gradient(64vw 58vh at 4% 38%,
rgba(237, 28, 36, .09) 0%, rgba(58, 18, 24, .28) 32%, transparent 64%),
radial-gradient(82vw 60vh at 58% 92%,
rgba(237, 28, 36, .08) 0%, rgba(58, 18, 24, .24) 34%, transparent 66%) !important;
background-attachment: fixed, fixed, fixed !important;
background-repeat: no-repeat !important;
}
body .qt-part-archive-item,
body .qt-widgets .widget,
body .qt-card{
background-color: var(--viva-scheda, #000000);
border: 1px solid var(--viva-bordo, #3D3D49);
}
body .qt-menubar,
body .qt-content-primary-dark,
body .qt-desktopmenu a{
background-color: transparent !important;
}
body nav.qt-menubar{
background-color: var(--viva-scheda, #000000) !important;
border-bottom: 1px solid var(--viva-bordo, #3D3D49);
box-shadow: 0 10px 34px -18px rgba(237, 28, 36, .95),
0 1px 0 0 color-mix(in srgb, var(--viva-rosso, #ED1C24) 26%, transparent) !important;
}
body .qt-desktopmenu > li > a{
color: var(--viva-testo-secondario, #8E8E99) !important;
transition: color .18s ease;
}
body .qt-desktopmenu > li > a:hover{
color: var(--viva-testo, #FFFFFF) !important;
}
@media (min-width: 1201px) {
html body nav.qt-menubar ul.qt-desktopmenu > li:not(.qt-logo-link) > a {
font-size: clamp(13px, calc(1.658vw - 6.5px), 16px) !important;
padding-left: 1.4em !important;
padding-right: 1.4em !important;
}
html body nav.qt-menubar ul.qt-desktopmenu:has(.viva-ascolta-voce[aria-pressed="true"]) > li:not(.qt-logo-link) > a {
font-size: clamp(12px, calc((100vw - 360px) / 65), 16px) !important;
}
}
html body .qt-menubar ul.qt-desktopmenu > li{
position: relative !important;
}
html body .qt-menubar ul.qt-desktopmenu > li::after{
content: "" !important;
display: block !important;
position: absolute !important;
left: 8px !important;
right: 8px !important;
width: auto !important;
bottom: -10px !important;
top: auto !important;
height: 4px !important;
border-radius: 3px 3px 0 0 !important;
transform: none !important;
background: var(--viva-neon, #ED1C24) !important;
box-shadow: 0 0 10px var(--viva-neon, #ED1C24),
0 0 22px color-mix(in srgb, var(--viva-neon, #ED1C24) 70%, transparent),
0 -6px 18px -6px color-mix(in srgb, var(--viva-neon, #ED1C24) 55%, transparent) !important;
opacity: 0 !important;
transition: opacity .16s ease-out !important;
pointer-events: none !important;
z-index: 70 !important;
}
html body .qt-menubar ul.qt-desktopmenu > li:hover::after,
html body .qt-menubar ul.qt-desktopmenu > li:focus-within::after,
html body .qt-menubar ul.qt-desktopmenu > li.current-menu-item::after,
html body .qt-menubar ul.qt-desktopmenu > li.current_page_item::after,
html body .qt-menubar ul.qt-desktopmenu > li.current-menu-parent::after,
html body .qt-menubar ul.qt-desktopmenu > li.current-menu-ancestor::after{
opacity: 1 !important;
}
html body .qt-menubar ul.qt-desktopmenu > li.current-menu-item > a,
html body .qt-menubar ul.qt-desktopmenu > li.current_page_item > a,
html body .qt-menubar ul.qt-desktopmenu > li.current-menu-parent > a,
html body .qt-menubar ul.qt-desktopmenu > li.current-menu-ancestor > a,
html body .qt-menubar ul.qt-desktopmenu > li:hover > a,
html body .qt-menubar ul.qt-desktopmenu > li:focus-within > a{
color: var(--viva-testo, #FFFFFF) !important;
position: relative;
z-index: 71;
}
html body .qt-menubar ul.qt-desktopmenu > li > a::after,
html body .qt-menubar ul.qt-desktopmenu > li > a::before,
html body .qt-menubar ul.qt-desktopmenu > li::before{
display: none !important;
}
html body #qtmainmenucontainer ul.sub-menu,
html body #qtmainmenucontainer ul ul,
html body .qt-menubar ul.qt-desktopmenu .sub-menu{
background-color: var(--viva-superficie-alta, #30303A) !important;
border: 1px solid var(--viva-bordo, #3D3D49) !important;
border-radius: var(--viva-raggio, 6px) !important;
padding: 6px !important;
box-shadow: 0 18px 40px -20px #000,
0 0 26px -14px rgba(237, 28, 36, .75) !important;
overflow: hidden;
}
html body #qtmainmenucontainer ul.sub-menu li{
background: transparent !important;
}
html body #qtmainmenucontainer ul.sub-menu a{
color: var(--viva-testo-tenue, #D6D6DE) !important;
background: transparent !important;
font-size: 12.5px !important;
letter-spacing: .06em;
padding: 9px 14px !important;
border-radius: 4px !important;
white-space: nowrap;
}
html body #qtmainmenucontainer ul.sub-menu a:hover{
color: #fff !important;
background: color-mix(in srgb, var(--viva-rosso, #ED1C24) 16%, transparent) !important;
}
html body #qtmainmenucontainer ul.sub-menu .current-menu-item > a{
color: #fff !important;
background: color-mix(in srgb, var(--viva-neon, #ED1C24) 12%, transparent) !important;
}
body .viva-ascolta-voce{
color: var(--viva-rosso, #ED1C24) !important;
font-weight: 700;
letter-spacing: .06em;
white-space: nowrap;
}
body li.qt-menu-btn.right{
margin-left: 6px;
}
body .viva-ascolta-voce:hover{
color: #fff !important;
}
body .qt-caption-small span,
body .qt-caption-med span{
background-color: transparent !important;
color: var(--viva-testo, #FFFFFF);
position: relative;
padding-left: 26px;
font-family: "Roboto Condensed", Roboto, sans-serif;
letter-spacing: .13em;
}
body .qt-caption-small span::before,
body .qt-caption-med span::before{
content: "";
position: absolute; left: 4px; top: 50%; width: 15px; height: 1px;
background: var(--viva-neon, #ED1C24);
box-shadow: var(--viva-neon-filo, 0 0 6px #ED1C24);
}
body .qt-part-schedule-onair-large .qt-caption-med span,
body .qt-part-schedule-onair-large .qt-caption-small span{
background: transparent !important;
color: #fff !important;
border: 1px solid color-mix(in srgb, var(--viva-neon, #ED1C24) 70%, transparent) !important;
border-radius: 999px !important;
padding: 5px 13px !important;
text-shadow: var(--viva-neon-alone, 0 0 4px #ED1C24);
box-shadow: 0 0 10px color-mix(in srgb, var(--viva-neon, #ED1C24) 28%, transparent);
}
body .qt-part-schedule-onair-large .qt-caption-med span::before,
body .qt-part-schedule-onair-large .qt-caption-small span::before{
display: none;
}
body .qt-part-schedule-onair-large{
border-top: 1px solid var(--viva-neon, #ED1C24) !important;
box-shadow: 0 -1px 12px -2px color-mix(in srgb, var(--viva-neon, #ED1C24) 50%, transparent);
}
body .qt-part-schedule-onair-large .qt-btn-primary{
background-color: var(--viva-rosso, #ED1C24) !important;
color: #fff !important;
}
@media (prefers-reduced-motion: reduce){
body{ background-attachment: scroll, scroll, scroll !important; }
}
html body.home .qt-part-schedule-onair-large .qt-caption-med span,
html body.home .qt-part-schedule-onair-large .qt-caption-small span{
border: 1px solid color-mix(in srgb, var(--viva-neon, #ED1C24) 75%, transparent) !important;
background: transparent !important;
color: #fff !important;
}
body .qt-part-show-schedule-day-item--active{
border: 1px solid color-mix(in srgb, var(--viva-neon, #ED1C24) 62%, transparent) !important;
box-shadow: 0 0 0 1px color-mix(in srgb, var(--viva-neon, #ED1C24) 18%, transparent),
0 0 26px -6px color-mix(in srgb, var(--viva-neon, #ED1C24) 52%, transparent) !important;
}
body .qt-part-show-schedule-day-item--active .qt-time{
color: #FFFFFF !important;
text-shadow: 0 0 9px color-mix(in srgb, var(--viva-neon, #ED1C24) 70%, transparent);
}
body .qt-part-show-schedule-day-item--active .qt-accent .qt-time,
body .qt-accent .qt-time{
color: #FFFFFF !important;
text-shadow: none !important;
}
body .qt-part-archive-item__badge{
background: transparent !important;
color: #fff !important;
border: 1px solid color-mix(in srgb, var(--viva-neon, #ED1C24) 70%, transparent) !important;
border-radius: 999px !important;
font-family: "Roboto Condensed", Roboto, sans-serif !important;
font-size: 9px !important;
font-weight: 700 !important;
letter-spacing: .16em !important;
text-transform: uppercase !important;
padding: 4px 11px !important;
text-shadow: var(--viva-neon-alone, 0 0 4px #ED1C24);
box-shadow: 0 0 12px color-mix(in srgb, var(--viva-neon, #ED1C24) 26%, transparent) !important;
}
body .qt-btn.qt-btn-primary,
body a.qt-btn.qt-btn-primary,
body .qt-btn-m.qt-btn-primary{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
background-color: var(--viva-rosso, #ED1C24) !important;
color: #fff !important;
border: 0 !important;
border-radius: 999px !important;
padding: 12px 30px !important;
font-family: "Roboto Condensed", Roboto, sans-serif !important;
font-weight: 700 !important;
font-size: 12.5px !important;
letter-spacing: .15em !important;
text-transform: uppercase !important;
line-height: 1 !important;
box-shadow: 0 10px 30px -14px rgba(237, 28, 36, .9);
transition: filter .18s ease, transform .18s ease;
}
body .qt-btn.qt-btn-primary:hover{
filter: brightness(1.1);
transform: translateY(-1px);
}
body .qt-btn.qt-btn-primary:focus-visible{
outline: 2px solid var(--viva-neon, #ED1C24);
outline-offset: 3px;
}
body .qt-part-archive-item .qt-readmore.qt-btn-primary,
body #viva-barra .qt-btn-primary{
padding: 0 !important;
gap: 0 !important;
}
body #qtfooterwidgets,
body .qt-footerwidgets,
body .qt-footer{
width: 100%;
max-width: none;
background-color: var(--viva-superficie, #27272F) !important;
border-top: 1px solid var(--viva-bordo, #3D3D49);
box-shadow: 0 -18px 50px -40px rgba(237, 28, 36, .9);
margin-top: 40px;
padding-block: 16px 18px;
}
body #qtfooterwidgets .row{
margin-bottom: 0;
}
body .qt-menu-footer{
display: flex;
flex-wrap: wrap;
gap: 6px 20px;
}
body .qt-menu-footer li{
margin: 0 !important;
}
body .qt-menu-footer a{
font-size: 12px;
color: var(--viva-testo-secondario, #8E8E99);
}
body .qt-menu-footer a:hover{
color: var(--viva-testo, #FFFFFF);
}
html body #qtmainmenucontainer ul.qt-desktopmenu > li > a:hover,
html body #qtmainmenucontainer ul.qt-desktopmenu > li:hover > a,
html body .qt-menubar ul.qt-desktopmenu > li > a:hover{
background-color: transparent !important;
color: var(--viva-testo, #FFFFFF) !important;
}
body a,
body button,
body [role="button"],
body label,
body .qt-part-archive-item,
body .qt-part-archive-item a,
body .qt-btn,
body .viva-ricerca__tasto,
body .qt-tags a,
body #viva-barra .viva-tondo,
body #viva-barra .viva-chiudi,
body .qt-show-item-link,
body .qt-header-bg{
cursor: pointer;
}
body .viva-ricerca__input,
body input, body textarea, body select{
cursor: auto;
}
body input[type="range"]{ cursor: pointer; }
body .qt-part-schedule-onair-large .qt-btn-primary,
body .qt-part-schedule-onair-large p:has(> .qt-btn-primary){
display: none !important;
}
body .qt-part-schedule-onair-large{
position: relative;
}
body .qt-part-schedule-onair-large .qt-title a::after{
content: "";
position: absolute;
inset: 0;
z-index: 5;
}
body .qt-part-schedule-onair-large .qt-title a{
position: static;
}
body .qt-part-schedule-onair-large:hover .qt-title a{
color: var(--viva-neon, #ED1C24);
}
body .wpb_wrapper:has(> h5.qt-caption-small),
body .wpb_wrapper:has(> h3.qt-caption-med){
position: relative;
padding-left: 22px;
}
body .wpb_wrapper:has(> h5.qt-caption-small)::before,
body .wpb_wrapper:has(> h3.qt-caption-med)::before{
content: "";
position: absolute;
left: 0;
top: 6px;
bottom: 26px;
width: 2px;
border-radius: 2px;
background: linear-gradient(to bottom,
var(--viva-neon, #ED1C24) 0%,
color-mix(in srgb, var(--viva-neon, #ED1C24) 62%, transparent) 18%,
color-mix(in srgb, var(--viva-neon, #ED1C24) 15%, transparent) 100%);
box-shadow: 0 0 8px color-mix(in srgb, var(--viva-neon, #ED1C24) 55%, transparent);
pointer-events: none;
z-index: 2;
}
body .wpb_wrapper:has(> h5.qt-caption-small) > h5.qt-caption-small span,
body .wpb_wrapper:has(> h3.qt-caption-med) > h3.qt-caption-med span{
padding-left: 0;
}
body .wpb_wrapper:has(> h5.qt-caption-small) > h5.qt-caption-small span::before,
body .wpb_wrapper:has(> h3.qt-caption-med) > h3.qt-caption-med span::before{
display: none;
}
body .wpb_wrapper:has(> h5.qt-caption-small) > p.aligncenter:has(> a.qt-btn),
body .wpb_wrapper:has(> h3.qt-caption-med) > p.aligncenter:has(> a.qt-btn){
display: flex !important;
align-items: center !important;
gap: 14px !important;
text-align: left !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body .wpb_wrapper:has(> h5.qt-caption-small) > p.aligncenter:has(> a.qt-btn)::before,
body .wpb_wrapper:has(> h3.qt-caption-med) > p.aligncenter:has(> a.qt-btn)::before{
content: "";
flex: 0 0 auto;
width: 15px;
height: 2px;
margin-left: -22px;
background: var(--viva-neon, #ED1C24);
box-shadow: var(--viva-neon-filo, 0 0 6px #ED1C24);
}
@media (max-width: 760px){
body .wpb_wrapper:has(> h5.qt-caption-small),
body .wpb_wrapper:has(> h3.qt-caption-med){
padding-left: 13px;
}
body .wpb_wrapper:has(> h5.qt-caption-small) > p.aligncenter:has(> a.qt-btn)::before,
body .wpb_wrapper:has(> h3.qt-caption-med) > p.aligncenter:has(> a.qt-btn)::before{
width: 9px;
margin-left: -13px;
}
}
@media only screen and (max-width: 1200px){
body nav#qtmainmenucontainer{
height: 56px !important;
padding: 0 !important;
line-height: normal !important;
}
body #qtmainmenucontainer ul.hide-on-xl-only{
display: flex !important;
align-items: center;
justify-content: space-between;
width: 100%;
height: 56px;
margin: 0;
padding: 0 clamp(14px, 4vw, 24px);
box-sizing: border-box;
}
body #qtmainmenucontainer ul.hide-on-xl-only > li{
float: none !important;
position: static !important;
height: auto !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
body #qtmainmenucontainer ul.hide-on-xl-only > li:has(.brand-logo){ order: 1; }
body #qtmainmenucontainer ul.hide-on-xl-only > li:has(.qt-menu-switch){ order: 2; }
body #qtmainmenucontainer ul.hide-on-xl-only a.brand-logo{
position: static !important;
transform: none !important;
left: auto !important;
display: block !important;
height: auto !important;
padding: 0 !important;
line-height: 0 !important;
}
body #qtmainmenucontainer ul.hide-on-xl-only a.brand-logo img{
height: 36px !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
}
body #qtmainmenucontainer ul.hide-on-xl-only a.qt-menu-switch{
display: flex !important;
align-items: center;
justify-content: center;
width: 44px !important;
height: 44px !important;
min-width: 0 !important;
margin: 0 -8px 0 0 !important;
padding: 0 !important;
line-height: 1 !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--viva-raggio, 6px) !important;
box-shadow: none !important;
color: var(--viva-testo, #FFFFFF) !important;
}
body #qtmainmenucontainer ul.hide-on-xl-only a.qt-menu-switch i{
font-size: 26px !important;
line-height: 1 !important;
height: auto !important;
margin: 0 !important;
color: inherit !important;
}
body #qtmainmenucontainer ul.hide-on-xl-only a.qt-menu-switch:active{
background: color-mix(in srgb, var(--viva-neon, #ED1C24) 18%, transparent) !important;
}
}
body #qt-mobile-menu.side-nav{
width: min(300px, 86vw) !important;
background: var(--viva-sfondo, #1C1C24) !important;
box-shadow: none !important;
padding-top: 0 !important;
}
body:has(#sidenav-overlay) #qt-mobile-menu.side-nav{
box-shadow: 1px 0 0 var(--viva-bordo, #3D3D49),
24px 0 60px -24px rgba(237, 28, 36, .45) !important;
}
body #qt-mobile-menu a.viva-cassetto-logo{
display: flex !important;
align-items: center;
height: 64px !important;
margin: 0 22px;
padding: 0 !important;
line-height: 0 !important;
background: transparent !important;
border-bottom: 2px solid var(--viva-neon, #ED1C24);
}
body #qt-mobile-menu a.viva-cassetto-logo img{
display: block;
height: 40px !important;
width: auto !important;
max-width: 100% !important;
margin: 0 !important;
}
body #qt-mobile-menu .qt-side-nav{
margin: 8px 0 0 !important;
padding: 0 0 28px !important;
}
body #qt-mobile-menu .qt-side-nav > li{
position: relative;
line-height: 1 !important;
border-bottom: 1px solid var(--viva-bordo, #3D3D49);
background: transparent !important;
}
body #qt-mobile-menu .qt-side-nav > li > a:not(.qt-openthis){
display: block !important;
height: auto !important;
padding: 17px 60px 17px 22px !important;
font-family: "Roboto Condensed", Roboto, sans-serif !important;
font-weight: 700 !important;
font-size: 17px !important;
line-height: 1.15 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: var(--viva-testo, #FFFFFF) !important;
background: transparent !important;
}
body #qt-mobile-menu .qt-side-nav > li.open > a:not(.qt-openthis),
body #qt-mobile-menu .qt-side-nav li.current-menu-item > a,
body #qt-mobile-menu .qt-side-nav li.current-menu-ancestor > a{
box-shadow: inset 3px 0 0 var(--viva-neon, #ED1C24) !important;
}
body #qt-mobile-menu .qt-openthis{
position: absolute !important;
top: 4px !important;
right: 8px !important;
width: 44px !important;
height: 44px !important;
display: flex !important;
align-items: center;
justify-content: center;
padding: 0 !important;
color: var(--viva-testo-tenue, #D6D6DE) !important;
background: transparent !important;
line-height: 1 !important;
}
body #qt-mobile-menu .qt-openthis i{
display: inline-block !important;
font-size: 20px !important;
line-height: 1 !important;
transition: transform .2s ease;
}
body #qt-mobile-menu li.open > .qt-openthis{
color: var(--viva-neon, #ED1C24) !important;
}
body #qt-mobile-menu li.open > .qt-openthis i{
transform: rotate(180deg) !important;
}
body #qt-mobile-menu .sub-menu{
background: var(--viva-scheda, #000000) !important;
margin: 0 !important;
padding: 6px 0 10px !important;
}
body #qt-mobile-menu .sub-menu li{
line-height: 1 !important;
background: transparent !important;
}
body #qt-mobile-menu .sub-menu a{
display: block !important;
height: auto !important;
padding: 12px 22px 12px 36px !important;
font-family: Roboto, system-ui, sans-serif !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 1.25 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
color: var(--viva-testo-tenue, #D6D6DE) !important;
background: transparent !important;
}
body #qt-mobile-menu .sub-menu a:active,
body #qt-mobile-menu .sub-menu li.current-menu-item > a{
color: var(--viva-testo, #FFFFFF) !important;
}
body #sidenav-overlay{
background-color: rgba(0, 0, 0, .65) !important;
}
body .qt-footer-bottom .row > .col:has(> ul.qt-menu-social):not(:has(li)){
display: none !important;
}
body .qt-footer-bottom .row > .col:has(> ul.qt-menu-footer){
width: 100% !important;
margin-left: 0 !important;
}
body .qt-footer-bottom p{
margin: 0 !important;
}
body .qt-footer-bottom ul.qt-menu-footer{
display: flex !important;
flex-wrap: wrap;
gap: 6px 14px;
margin: 8px 0 0 !important;
}
body .qt-footer-bottom ul.qt-menu-footer li{
padding-right: 0 !important;
}
body .qt-footer-bottom{
padding: 18px 0 14px !important;
}
body #qtfooterwidgets,
body .qt-footerwidgets,
body .qt-footer{
margin-top: 32px;
padding-block: 0 !important;
}
body .qt-the-content + hr.qt-spacer-l{
margin-top: 0 !important;
}
@media (max-width: 760px){
body .qt-footer-bottom{
padding: 14px 0 6px !important;
}
body .qt-footer-bottom .col:has(> ul.qt-menu-social):not(:has(li)){
display: none !important;
}
body #qtfooterwidgets,
body .qt-footerwidgets,
body .qt-footer{
margin-top: 28px;
padding-block: 6px 0 !important;
}
}

body .qt-part-archive-item{
background-color: var(--viva-scheda, #000000);
border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px);
overflow: hidden;
transition: border-color .18s ease, transform .18s ease;
}
body .qt-part-archive-item:hover{
border-color: color-mix(in srgb, var(--viva-neon, #ED1C24) 45%, var(--viva-bordo, #3D3D49));
transform: translateY(-2px);
}
body .qt-part-archive-item .qt-item-header{
position: relative;
aspect-ratio: 2500 / 1044;
min-height: 0 !important;
height: auto !important;
max-height: none !important;
overflow: hidden;
background: linear-gradient(118deg, #20202A, #0F0F13);
}
body .qt-part-archive-item .qt-header-bg{
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
}
body .viva-scheda-testo{
display: flex;
flex-direction: column;
gap: 5px;
padding: 11px 13px 13px;
}
body .viva-scheda-testo .qt-title{
margin: 0;
font-family: "Roboto Condensed", Roboto, system-ui, sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
letter-spacing: .005em;
text-transform: uppercase;
}
body .viva-scheda-testo .qt-title a{
color: var(--viva-testo, #FFFFFF);
}
body .viva-scheda-testo .qt-title a:hover{
color: var(--viva-neon, #ED1C24);
}
body .viva-scheda-testo .qt-title a.qt-spacer-s{
margin-top: 0 !important;
}
body .viva-scheda-testo{
justify-content: center;
}
body .viva-scheda-testo .qt-title a.qt-ellipsis-2{
height: auto !important;
line-height: 1.15em !important;
max-height: calc(2 * 1.15em) !important;
}
body .qt-part-archive-item .qt-tags{
margin: 0;
padding: 8px 10px;
}
body .qt-part-archive-item .qt-tags a{
font-family: "Roboto Condensed", Roboto, sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: #fff;
background: rgba(11, 11, 13, .62);
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 999px;
padding: 3px 9px;
}
body .qt-part-archive-item .qt-readmore{
background-color: var(--viva-rosso, #ED1C24) !important;
color: #fff !important;
border-radius: 999px;
}
body .qt-part-archive-item .qt-feedback{
display: none;
}
body .qt-item-member .qt-item-header{
aspect-ratio: 2500 / 1044;
}
body .qt-part-archive-item.qt-item-member .qt-header-mid,
body .qt-part-archive-item.qt-part-archive-item-show .qt-header-mid{
position: absolute !important;
inset: auto 0 0 0 !important;
z-index: 2;
padding: 22px 14px 11px;
background: linear-gradient(to top,
rgba(11, 11, 13, .82) 0%,
rgba(11, 11, 13, .45) 55%,
rgba(11, 11, 13, 0) 100%);
}
body .qt-item-member .qt-title,
body .qt-part-archive-item-show .qt-title{
margin: 0;
font-family: "Roboto Condensed", Roboto, sans-serif;
font-weight: 700;
font-size: 17px;
line-height: 1.1;
text-transform: uppercase;
letter-spacing: .01em;
}
body .qt-item-member .qt-title a,
body .qt-part-archive-item-show .qt-title{
color: #fff;
text-shadow: 0 1px 6px rgba(0, 0, 0, .75);
}
body .qt-part-archive-item-show .qt-header-mid p{
margin: 4px 0 0;
font-size: 11.5px;
line-height: 1.35;
color: var(--viva-testo-secondario, #8E8E99);
}
body .qt-part-archive-item-show .qt-item-header{
aspect-ratio: 2500 / 1044;
}
body a.qt-show-item-link,
body a.qt-show-item-link:hover{
color: inherit;
display: block;
}
body .qt-item-member .qt-item-content-xs{
padding: 11px 13px 13px;
background: transparent;
border: 0;
}
body .qt-item-member .qt-item-content-xs p{
margin: 0;
font-size: 12px;
line-height: 1.45;
color: var(--viva-testo-secondario, #8E8E99);
}
body .qt-item-member .qt-readmore,
body .qt-part-archive-item-show .qt-readmore{
z-index: 3;
}
body .qt-part-archive-item:not(.qt-item-member):not(.qt-part-archive-item-show) .qt-readmore{
display: none !important;
}
body .qt-part-archive-item.qt-part-archive-item-small-text{
position: relative;
cursor: pointer;
}
body .qt-part-archive-item-small-text .viva-scheda-testo .qt-title a::after{
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
body .qt-part-archive-item-small-text .qt-tags{
position: relative;
z-index: 2;
}
body .qt-part-archive-item-small-text:hover .viva-scheda-testo .qt-title a{
color: var(--viva-neon, #ED1C24);
}

body .qt-part-archive-item .qt-tags{
height: auto !important;
max-height: none !important;
overflow: visible !important;
display: flex;
flex-wrap: wrap;
gap: 5px;
padding: 9px 10px 0;
line-height: 1;
}
body .qt-part-archive-item .qt-tags li{
margin: 0 !important;
line-height: 1;
}
body .qt-part-archive-item .qt-tags a{
display: inline-block;
font-size: 12px;
line-height: 1.4;
letter-spacing: .11em;
padding: 5px 12px;
white-space: nowrap;
background: rgba(11, 11, 13, .74);
border-color: rgba(255, 255, 255, .22);
}
body .qt-part-archive-item,
body .qt-widget-sponsor.qt-card,
body .viva-ricerca{
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55),
0 14px 40px -26px rgba(237, 28, 36, .85),
0 2px 14px -8px rgba(237, 28, 36, .35);
}
body .qt-part-archive-item:hover{
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55),
0 16px 46px -22px rgba(237, 28, 36, 1),
0 2px 16px -7px rgba(237, 28, 36, .5);
}
body .qt-part-schedule-onair-large{
box-shadow: 0 -1px 12px -2px color-mix(in srgb, var(--viva-neon, #ED1C24) 50%, transparent),
0 14px 40px -26px rgba(237, 28, 36, .85) !important;
}
body.home .viva-riga-onair .qt-part-schedule-onair-large{
width: 100%;
max-width: none;
}
body.home .qt-part-schedule-onair-large .qt-item-header{
aspect-ratio: var(--viva-onair-rapporto, 2500 / 1044) !important;
height: auto !important;
max-height: none !important;
min-height: 0 !important;
overflow: hidden !important;
background-image: none !important;
background-color: var(--viva-sfondo, #1C1C24) !important;
}
body.home .qt-part-schedule-onair-large .qt-header-bg{
position: absolute !important;
inset: 0 !important;
height: 100% !important;
max-height: none !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
opacity: 1 !important;
}
body.home .qt-part-schedule-onair-large .qt-header-bg img{
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
max-height: none !important;
}
body.home .qtautoupdate-element{
height: auto !important;
max-height: none !important;
}
body.home .viva-riga-onair .qt-part-schedule-onair-large .qt-title{
font-size: clamp(16px, 5.2vw, 46px) !important;
line-height: 1.04 !important;
}
body.home .viva-riga-onair .qt-part-schedule-onair-large .qt-header-mid{
position: absolute !important;
inset: 0 !important;
height: 100% !important;
min-height: 0 !important;
max-height: 100% !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
background: radial-gradient(ellipse 62% 58% at 50% 52%,
rgba(11,11,13,.62) 0%, rgba(11,11,13,.34) 55%, rgba(11,11,13,0) 100%) !important;
}
body.home .viva-riga-onair .qt-part-schedule-onair-large .qt-title,
body.home .viva-riga-onair .qt-part-schedule-onair-large .qt-title a,
body.home .viva-riga-onair .qt-part-schedule-onair-large .qt-small{
text-shadow: 0 2px 10px rgba(0,0,0,.85), 0 0 26px rgba(0,0,0,.6) !important;
}
body .qt-widget-sponsor .banner img,
body .banners .banner img,
body .qt-widget-sponsor img,
body .widget_media_image img{
display: block;
width: 100%;
height: auto;
max-width: 100%;
object-fit: cover;
}
body .qt-widget-sponsor .banner,
body .qt-widget-sponsor .banner a,
body .widget_media_image a{
display: block;
line-height: 0;
background: transparent;
width: 100%;
}
body .qt-widget-sponsor.qt-card{
background: transparent !important;
border: 0 !important;
padding: 0 !important;
border-radius: var(--viva-raggio, 6px);
overflow: hidden;
}
body .qt-widget-sponsor .row.banners{
margin: 0 !important;
}
body .qt-widget-sponsor .col.banner{
padding: 0 !important;
}
body .wpb_widgetised_column{
height: auto !important;
min-height: 0 !important;
}
body .viva-ricerca{
display: flex;
align-items: stretch;
gap: 0;
width: 100%;
background: color-mix(in srgb, var(--viva-superficie, #27272F) 92%, transparent);
border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: 999px;
overflow: hidden;
transition: border-color .18s ease;
}
body .viva-ricerca:focus-within{
border-color: color-mix(in srgb, var(--viva-neon, #ED1C24) 55%, var(--viva-bordo, #3D3D49));
}
body .viva-ricerca__campo{
flex: 1 1 auto;
min-width: 0;
display: flex;
margin: 0;
}
body .viva-ricerca__input{
flex: 1 1 auto;
min-width: 0;
width: 100%;
height: 46px !important;
margin: 0 !important;
padding: 0 20px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--viva-testo, #FFFFFF) !important;
font-family: Roboto, system-ui, sans-serif;
font-size: 14px;
}
body .viva-ricerca__input::placeholder{
color: var(--viva-testo-secondario, #8E8E99);
}
body .viva-ricerca__input:focus{
outline: none !important;
}
body .viva-ricerca__tasto{
flex: 0 0 auto;
height: 46px;
margin: 0;
padding: 0 26px;
border: 0;
cursor: pointer;
background: var(--viva-rosso, #ED1C24);
color: #fff;
font-family: "Roboto Condensed", Roboto, sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: .14em;
text-transform: uppercase;
}
body .viva-ricerca__tasto:hover{ filter: brightness(1.08); }
body .viva-ricerca__tasto:focus-visible{
outline: 2px solid var(--viva-neon, #ED1C24);
outline-offset: -4px;
}
body .screen-reader-text{
position: absolute !important;
width: 1px; height: 1px;
overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
body .viva-scheda-testo .qt-title{
font-size: clamp(16px, calc(0.6vw + 11px), 19px);
line-height: 1.15;
}
body .viva-scheda-testo{
padding: 13px 15px 15px;
gap: 6px;
}
body.home .viva-riga-due > .vc_column_container,
body.home .viva-riga-due > .wpb_column{
padding-left: 18px;
padding-right: 18px;
}
body.home .viva-riga-due{
margin-bottom: 18px;
}
@media (max-width: 760px){
body.home .viva-riga-due > .vc_column_container,
body.home .viva-riga-due > .wpb_column{
padding-left: 10px;
padding-right: 10px;
}
body.home .viva-riga-due > .wpb_column + .wpb_column{
margin-top: 18px;
}
}
body.home .viva-riga-onair .qtautoupdate-element,
body.home .viva-riga-onair .qt-slick-opacity-fx{
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
line-height: 0;
}
body.home .viva-riga-onair .qt-part-schedule-onair-large{
margin: 0 auto !important;
line-height: 1.55;
}
body.home .viva-riga-onair .wpb_wrapper > *{
max-width: 100%;
}
body.home .viva-riga-onair .qt-part-schedule-onair-large{
max-width: 96%;
}
body.home .viva-riga-onair .wpb_single_image,
body.home .viva-riga-onair .vc_single_image-wrapper{
display: block;
max-width: 88%;
margin-left: auto !important;
margin-right: auto !important;
}
body.home .viva-riga-onair .wpb_single_image img{
width: 100%;
height: auto;
border-radius: var(--viva-raggio, 6px);
}
body.home .viva-riga-banner .qt-widget-sponsor,
body .qt-widget-sponsor.qt-card{
max-width: 640px;
margin-left: auto !important;
margin-right: auto !important;
}
body.home .wpb_text_column,
body.home .vc_column_text{
margin-bottom: 0 !important;
}
body.home .qt-caption-small + .vc_empty_space,
body.home .qt-caption-med + .vc_empty_space{
height: 10px !important;
}
body.home .qt-caption-small + .vc_empty_space + .wpb_text_column,
body.home .qt-caption-small + .wpb_text_column{
margin-top: -6px !important;
}
body.home .wpb_text_column p{
margin-top: 0;
margin-bottom: 0;
}
body.home .wpb_wrapper > h5.qt-caption-small span,
body.home .wpb_wrapper > h3.qt-caption-med span,
body.home .wpb_wrapper > h5.qt-caption-small,
body.home .wpb_wrapper > h3.qt-caption-med{
font-size: 18px !important;
line-height: 1.25 !important;
}
body.home .viva-descrizione{
font-size: 15px !important;
line-height: 1.5 !important;
color: var(--viva-testo-tenue, #D6D6DE) !important;
margin: 0 !important;
max-width: 92ch;
}
body.home .wpb_wrapper > .wpb_text_column:has(.viva-descrizione),
body.home .wpb_wrapper > .wpb_text_column:has(.viva-descrizione) .wpb_wrapper{
margin-bottom: 0 !important;
padding-left: 0 !important;
}
body.home rs-module-wrap,
body.home .rev_slider_wrapper,
body.home .forcefullwidth_wrapper_tp_banner{
border-radius: var(--viva-raggio, 6px) !important;
overflow: hidden !important;
border: 1px solid var(--viva-bordo, #3D3D49) !important;
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55),
0 16px 46px -22px rgba(237, 28, 36, 1),
0 2px 16px -7px rgba(237, 28, 36, .5) !important;
}
body.home .qt-part-schedule-onair-large .qt-caption-med,
body.home .qt-part-schedule-onair-large .qt-caption-small{
display: none !important;
}

body .qt-pageheader{
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
position: relative !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
isolation: isolate;
}
body .qt-pageheader > .qt-header-bg{
order: -1;
position: relative !important;
inset: auto !important;
top: auto !important;
left: auto !important;
display: block !important;
width: 100% !important;
height: min(calc(100vw / 2.3946), 560px) !important;
min-height: 0 !important;
max-height: none !important;
opacity: 1 !important;
transform: none !important;
perspective: none !important;
backface-visibility: visible !important;
will-change: auto !important;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-color: transparent !important;
overflow: hidden !important;
cursor: default !important;
border-top: 2px solid var(--viva-neon, #ED1C24);
border-bottom: 2px solid var(--viva-neon, #ED1C24);
box-shadow: 0 0 22px -2px color-mix(in srgb, var(--viva-neon, #ED1C24) 75%, transparent),
0 30px 70px -40px color-mix(in srgb, var(--viva-neon, #ED1C24) 90%, transparent);
z-index: auto !important;
}
body .qt-pageheader > .qt-header-bg::before{
content: "";
position: absolute;
inset: -60px;
z-index: -1;
background-color: #000;
background-image: inherit;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter: blur(40px) brightness(.5) saturate(1.25);
pointer-events: none;
}
body .qt-pageheader > .qt-container{
position: relative !important;
z-index: 1 !important;
align-self: stretch !important;
margin-top: clamp(20px, 2.4vw, 36px) !important;
margin-bottom: 0 !important;
padding: 0 0 0 22px !important;
text-align: left !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 12px;
left: auto !important;
transform: none !important;
}
body .qt-pageheader > .qt-container::before{
content: "" !important;
display: block !important;
height: auto !important;
position: absolute;
left: 0;
top: 4px;
bottom: 4px;
width: 2px;
border-radius: 2px;
background: linear-gradient(var(--viva-neon, #ED1C24),
color-mix(in srgb, var(--viva-neon, #ED1C24) 15%, transparent));
box-shadow: 0 0 8px color-mix(in srgb, var(--viva-neon, #ED1C24) 55%, transparent);
pointer-events: none;
}
body .qt-pageheader > .qt-container > .qt-center{
text-align: left !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body .qt-pageheader h1.qt-caption{
display: block !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
font-family: "Roboto Condensed", Roboto, sans-serif !important;
font-weight: 700 !important;
font-size: clamp(30px, 4.2vw, 62px) !important;
line-height: 1.02 !important;
letter-spacing: .01em !important;
text-transform: uppercase !important;
text-align: left !important;
text-shadow: none !important;
color: var(--viva-testo, #FFFFFF) !important;
}
body .qt-pageheader h1.qt-caption::before,
body .qt-pageheader h1.qt-caption::after{
display: none !important;
}
body .qt-pageheader .qt-tags{
display: flex !important;
flex-wrap: wrap;
gap: 6px;
margin: 0 !important;
padding: 0 !important;
height: auto !important;
overflow: visible !important;
}
body .qt-pageheader .qt-tags li{
margin: 0 !important;
line-height: 1 !important;
}
body .qt-pageheader .qt-tags li:empty{
display: none !important;
}
body .qt-pageheader .qt-tags a{
display: inline-block;
font-family: "Roboto Condensed", Roboto, sans-serif !important;
font-weight: 700 !important;
font-size: 12px !important;
line-height: 1.3 !important;
letter-spacing: .11em !important;
text-transform: uppercase !important;
color: #fff !important;
background: rgba(11, 11, 13, .74) !important;
border: 1px solid rgba(255, 255, 255, .22) !important;
border-radius: 999px !important;
padding: 5px 12px !important;
}
body .qt-pageheader .qt-subtitle,
body .qt-pageheader h4{
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
font-weight: 400 !important;
font-size: 12.5px !important;
line-height: 1.4 !important;
letter-spacing: .06em !important;
text-transform: none !important;
text-align: left !important;
text-shadow: none !important;
color: var(--viva-neon, #ED1C24) !important;
}
body .qt-pageheader > .qt-container > img{
max-height: 120px;
width: auto;
margin: 0 !important;
}
body .qt-pageheader:not(:has(> .qt-header-bg)) > .qt-container{
margin-top: clamp(28px, 3.4vw, 56px) !important;
}
body .qt-pageheader > .qt-container > .viva-condividi--fila{
margin-top: 16px;
}

.viva-filo {
position: fixed;
left: 0;
top: 0;
z-index: 100000;
width: 0;
height: 3px;
pointer-events: none;
background: var(--viva-neon, #ED1C24);
box-shadow: 0 0 10px color-mix(in srgb, var(--viva-neon, #ED1C24) 95%, transparent), 0 0 3px #fff;
opacity: 0;
}
.viva-filo.acceso {
opacity: 1;
}
.viva-filo::after {
content: "";
position: absolute;
right: 0;
top: -2px;
width: 70px;
height: 7px;
border-radius: 50%;
background: radial-gradient(closest-side, rgba(255, 255, 255, .9), rgba(237, 28, 36, 0));
opacity: .7;
}

body.home{
--viva-gut: clamp(16px, 2.8vw, 56px);
--viva-gap: clamp(14px, 1.4vw, 24px);
--viva-stacco: clamp(28px, 3vw, 48px);
--viva-cap-h: 36px;
--viva-lato-w: clamp(360px, 29vw, 560px);
}
body.home .qt-main{
overflow: clip !important;
}
body.home .qt-main .qt-container.qt-spacer-l{
max-width: none !important;
width: 100% !important;
padding-left: var(--viva-gut) !important;
padding-right: var(--viva-gut) !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
body.home .qt-the-content > .vc_row{
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.home .qt-the-content > .viva-riga-slider{
width: calc((min(1293px, 100%) + 100%) / 2 - 2 * var(--viva-gut)) !important;
margin: clamp(14px, 1.6vw, 28px) auto 0 !important;
overflow: visible;
}
body.home .viva-riga-slider .vc_column-inner{
padding: 0 !important;
}
body.home .viva-riga-slider rs-module-wrap,
body.home .viva-riga-slider .rev_slider_wrapper{
border: 1px solid var(--viva-bordo, #3D3D49) !important;
border-radius: var(--viva-raggio, 6px) !important;
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55),
0 8px 18px -10px color-mix(in srgb, var(--viva-neon, #ED1C24) 55%, transparent),
0 22px 44px -26px color-mix(in srgb, var(--viva-neon, #ED1C24) 60%, transparent) !important;
}
body.home .viva-riga-slider rs-module-wrap::after,
body.home .viva-riga-slider .rev_slider_wrapper::after{
content: "";
display: block !important;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: var(--viva-neon, #ED1C24);
box-shadow: 0 0 6px color-mix(in srgb, var(--viva-neon, #ED1C24) 70%, transparent);
z-index: 30;
pointer-events: none;
}
body.home .viva-riga-slider rs-module-wrap::before{
content: "Caricamento in corso\2026";
visibility: visible;
position: absolute;
inset: 0;
z-index: 0;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding-top: 20%;
font: 700 clamp(12px, 1.25vw, 15px)/1 "Roboto Condensed", Arial, sans-serif;
letter-spacing: .22em;
text-transform: uppercase;
color: var(--viva-testo-secondario, #8E8E99);
background: url(../img/logo-radiovivafm.svg) 50% 36% / auto 36% no-repeat,
linear-gradient(100deg, #000 0%, #000 32%, #1d1d24 45%, #2e2e38 50%, #1d1d24 55%, #000 68%, #000 100%) 0 0 / 260% 100% #000;
box-shadow: inset 0 0 0 1px var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px);
pointer-events: none;
animation: viva-slider-luce 2.2s linear 10;
}
body.home .viva-riga-slider:not(.viva-slider-pronto) rs-module-wrap::after,
body.home .viva-riga-slider:not(.viva-slider-pronto) .rev_slider_wrapper::after{
visibility: visible;
background: linear-gradient(90deg, transparent, #fff 60%, var(--viva-neon, #ED1C24)) -60% 0 / 38% 100% no-repeat, var(--viva-neon, #ED1C24);
animation: viva-slider-filo 1.4s cubic-bezier(.6, 0, .4, 1) 15;
}
body.home .viva-riga-slider.viva-slider-pronto rs-module-wrap::before{
content: none;
}
@keyframes viva-slider-luce{
from { background-position: 50% 36%, 130% 0; }
to   { background-position: 50% 36%, -30% 0; }
}
@keyframes viva-slider-filo{
from { background-position: -60% 0, 0 0; }
to   { background-position: 160% 0, 0 0; }
}
@media (prefers-reduced-motion: reduce){
body.home .viva-riga-slider rs-module-wrap::before,
body.home .viva-riga-slider rs-module-wrap::after{ animation: none !important; }
}
body.home .viva-riga-slider rs-progress-bar{
background: color-mix(in srgb, var(--viva-testo-tenue, #D6D6DE) 55%, transparent) !important;
}
body.home .viva-riga-slider .wpb_wrapper{
position: relative;
display: flow-root;
}
body.home .viva-riga-2c{
display: grid !important;
grid-template-columns: minmax(0, 1fr) var(--viva-lato-w);
column-gap: clamp(20px, 2.4vw, 40px);
align-items: stretch;
margin-top: var(--viva-stacco) !important;
}
body.home .viva-riga-2c::before,
body.home .viva-riga-2c::after,
body.home .viva-riga-2c .vc_row::before,
body.home .viva-riga-2c .vc_row::after{
display: none !important;
}
body.home .viva-riga-2c > .wpb_column,
body.home .viva-riga-2c .vc_column_container{
width: auto !important;
float: none !important;
min-width: 0;
}
body.home .viva-riga-2c .vc_column-inner{
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
}
body.home .viva-riga-2c .vc_row.vc_inner{
margin: 0 !important;
}
body.home .viva-principale > .vc_column-inner > .wpb_wrapper{
display: flex;
flex-direction: column;
gap: var(--viva-stacco);
}
body.home .viva-lato > .vc_column-inner{
position: sticky;
top: var(--viva-lato-top, calc(89px + var(--viva-gap)));
}
body.home .viva-lato > .vc_column-inner > .wpb_wrapper{
display: flex;
flex-direction: column;
gap: var(--viva-gap);
}
body.home .viva-riga-2c .wpb_wrapper > h5.qt-caption-small{
margin: 0 0 var(--viva-gap) !important;
}
body.home .viva-riga-2c .wpb_wrapper > .row{
display: grid;
gap: var(--viva-gap);
margin: 0 !important;
}
body.home .viva-riga-2c .wpb_wrapper > .row::before,
body.home .viva-riga-2c .wpb_wrapper > .row::after{
display: none;
}
body.home .viva-riga-2c .wpb_wrapper > .row > .col{
width: auto !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
left: auto !important;
min-width: 0;
}
body.home .viva-riga-2c .qt-part-archive-item{
margin: 0 !important;
height: 100%;
display: flex;
flex-direction: column;
}
body.home .viva-riga-2c .viva-scheda-testo{
flex: 1 1 auto;
}
body.home .viva-blocco-eventi{
display: grid !important;
grid-template-columns: minmax(0, 1fr);
}
body.home .viva-blocco-news{
display: grid !important;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
column-gap: var(--viva-gap);
}
body.home .viva-blocco-eventi .wpb_wrapper > h5.qt-caption-small,
body.home .viva-blocco-news .wpb_wrapper > h5.qt-caption-small{
height: var(--viva-cap-h);
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
}
body.home .viva-eventi .wpb_wrapper > .row,
body.home .viva-news .wpb_wrapper > .row{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.home .viva-promo .wpb_wrapper > .row{
grid-template-columns: minmax(0, 1fr);
margin-bottom: var(--viva-gap) !important;
position: relative;
}
body.home .viva-promo .wpb_wrapper > .row:last-child{
margin-bottom: 0 !important;
}
body.home .viva-blocco-eventi .viva-scheda-testo .qt-title,
body.home .viva-blocco-news .viva-scheda-testo .qt-title{
min-height: calc(2 * 1.15em);
display: flex;
flex-direction: column;
justify-content: center;
}
body.home .viva-promo .wpb_wrapper::before{
display: none !important;
}
body.home .viva-promo .wpb_wrapper > .row::after{
display: block !important;
content: "";
position: absolute;
left: -22px;
top: calc(-1 * (var(--viva-cap-h) + var(--viva-gap)) + 6px);
bottom: 0;
width: 2px;
border-radius: 2px;
background: linear-gradient(to bottom,
var(--viva-neon, #ED1C24) 0%,
color-mix(in srgb, var(--viva-neon, #ED1C24) 62%, transparent) 18%,
color-mix(in srgb, var(--viva-neon, #ED1C24) 15%, transparent) 100%);
box-shadow: 0 0 8px color-mix(in srgb, var(--viva-neon, #ED1C24) 55%, transparent);
pointer-events: none;
}
body.home .viva-sezione .wpb_wrapper > .row{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.home .viva-sezione .wpb_wrapper::before{
bottom: 0 !important;
}
body.home .viva-sezione .wpb_wrapper > p.aligncenter:has(> a.qt-btn){
position: absolute !important;
top: 0;
right: 0;
margin: 0 !important;
display: block !important;
}
body.home .viva-sezione .wpb_wrapper > p.aligncenter:has(> a.qt-btn)::before{
display: none !important;
}
body.home .viva-sezione .wpb_wrapper > p.aligncenter > a.qt-btn{
border-radius: 999px;
}
body.home .viva-vmd-testa{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 18px;
margin-bottom: var(--viva-gap);
}
body.home .viva-vmd-testa .viva-descrizione{
flex: 1 1 240px;
}
body.home .viva-vmd-testa > *:not(.viva-descrizione){
flex: 1 1 320px;
max-width: 560px;
margin: 0 !important;
}
body.home .viva-sezione-vmd .wpb_text_column,
body.home .viva-sezione-vmd .wpb_text_column > .wpb_wrapper{
padding-left: 0 !important;
margin: 0 !important;
}
body.home .viva-sezione-vmd .wpb_text_column > .wpb_wrapper::before{
display: none !important;
}
body.home .qt-the-content > .viva-riga-banner{
width: calc((min(1293px, 100%) + 100%) / 2 - 2 * var(--viva-gut)) !important;
margin: var(--viva-gap) auto 0 !important;
padding: 0 !important;
}
body.home .viva-riga-banner .vc_column-inner{
padding: 0 !important;
}
body.home .viva-riga-banner > .wpb_column > .vc_column-inner > .wpb_wrapper{
position: relative;
padding: 22px 16px 18px;
background: color-mix(in srgb, var(--viva-superficie, #27272F) 60%, transparent);
border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px);
}
body.home .viva-riga-banner > .wpb_column > .vc_column-inner > .wpb_wrapper::after{
content: "Pubblicità";
position: absolute;
top: 6px;
right: 12px;
font: 700 10px/1 "Roboto Condensed", Roboto, sans-serif;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--viva-testo-secondario, #8E8E99);
}
body.home .viva-riga-banner > .wpb_column > .vc_column-inner > .wpb_wrapper::before{
display: none !important;
}
body.home .viva-riga-banner .wpb_widgetised_column,
body.home .viva-riga-banner .wpb_widgetised_column .wpb_wrapper{
padding: 0;
margin: 0 !important;
background: none;
border: 0;
}
body.home .viva-riga-banner .qt-widget-sponsor{
max-width: 800px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.home .viva-lato .qt-part-schedule-onair-large{
max-width: 100% !important;
}
body.home .viva-lato .viva-riga-onair .qt-part-schedule-onair-large{
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
body.home .viva-lato .qt-part-schedule-onair-large{
display: block !important;
background: var(--viva-scheda, #000000) !important;
border: 1px solid var(--viva-bordo, #3D3D49) !important;
border-radius: var(--viva-raggio, 6px) !important;
overflow: hidden !important;
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55),
0 14px 40px -26px rgba(237, 28, 36, .85),
0 2px 14px -8px rgba(237, 28, 36, .35) !important;
transition: border-color .18s ease, transform .18s ease;
}
body.home .viva-lato .qt-part-schedule-onair-large:hover{
border-color: color-mix(in srgb, var(--viva-neon, #ED1C24) 45%, var(--viva-bordo, #3D3D49)) !important;
transform: translateY(-2px);
}
body.home .viva-lato .qt-part-schedule-onair-large .qt-item-header{
display: flex !important;
flex-direction: column !important;
aspect-ratio: auto !important;
height: auto !important;
background: transparent !important;
overflow: visible !important;
}
body.home .viva-lato .qt-part-schedule-onair-large .qt-header-bg{
order: 1;
position: relative !important;
inset: auto !important;
width: 100% !important;
height: auto !important;
aspect-ratio: var(--viva-onair-rapporto, 2500 / 1044);
background-size: cover !important;
transform: none !important;
opacity: 1 !important;
}
body.home .viva-lato .qt-part-schedule-onair-large .qt-header-mid{
order: 2;
position: static !important;
inset: auto !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
padding: 13px 15px 15px !important;
background: transparent !important;
text-align: left !important;
display: block !important;
line-height: 1.3;
}
body.home .viva-lato .qt-part-schedule-onair-large .qt-vi{
display: flex !important;
flex-direction: column;
gap: 6px;
width: 100% !important;
padding: 0 !important;
text-align: left !important;
}
body.home .viva-lato .qt-part-schedule-onair-large hr,
body.home .viva-lato .qt-part-schedule-onair-large h4:empty{
display: none !important;
}
body.home .viva-lato .viva-riga-onair .qt-part-schedule-onair-large .qt-title,
body.home .viva-lato .viva-riga-onair .qt-part-schedule-onair-large .qt-title a{
display: block !important;
margin: 0 !important;
padding: 0 !important;
font-family: "Roboto Condensed", Roboto, sans-serif !important;
font-weight: 700 !important;
font-size: 20px !important;
line-height: 1.15 !important;
letter-spacing: .01em !important;
text-transform: uppercase !important;
text-align: left !important;
color: var(--viva-testo, #FFFFFF) !important;
text-shadow: none !important;
}
body.home .viva-lato .viva-riga-onair .qt-part-schedule-onair-large.qt-negative h4{
margin: 0 !important;
font-family: Roboto, system-ui, sans-serif !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 1.35 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-align: left !important;
color: var(--viva-testo-tenue, #D6D6DE) !important;
text-shadow: none !important;
}
body.home .viva-lato .viva-riga-onair .qt-part-schedule-onair-large .qt-small{
margin: 4px 0 0 !important;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
font-size: 12.5px !important;
letter-spacing: .06em !important;
text-align: left !important;
color: var(--viva-neon, #ED1C24) !important;
text-shadow: none !important;
}
body.home .viva-lato .qt-part-schedule-onair-large .qt-small i{
color: inherit !important;
vertical-align: -1px;
}
body.home .viva-lato .qt-part-schedule-onair-large:hover .qt-title a{
color: var(--viva-neon, #ED1C24) !important;
}
body.home .viva-come .wpb_single_image,
body.home .viva-come .vc_single_image-wrapper,
body.home .viva-pubblicita-lato .wpb_single_image,
body.home .viva-pubblicita-lato .vc_single_image-wrapper,
body.home .viva-v4y .wpb_single_image,
body.home .viva-v4y .vc_single_image-wrapper{
display: block;
width: 100%;
margin: 0 !important;
}
body.home .viva-pubblicita-lato .wpb_single_image img,
body.home .viva-come .wpb_single_image img,
body.home .viva-v4y .wpb_single_image img{
width: 100%;
height: auto;
border-radius: var(--viva-raggio, 6px);
}
@media (max-width: 760px){
body.home .qt-the-content > .viva-riga-slider{
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: 0 !important;
}
body.home .viva-riga-slider rs-module-wrap,
body.home .viva-riga-slider .rev_slider_wrapper{
border: 0 !important;
border-radius: 0 !important;
box-shadow: 0 8px 18px -10px color-mix(in srgb, var(--viva-neon, #ED1C24) 55%, transparent),
0 20px 40px -24px color-mix(in srgb, var(--viva-neon, #ED1C24) 60%, transparent) !important;
}
body.home .viva-riga-slider rs-module-wrap::before{
border-radius: 0;
box-shadow: none;
}
body.home .qt-the-content > .viva-riga-banner{
width: auto !important;
}
}
@media (max-width: 1180px){
body.home .viva-riga-2c{
grid-template-columns: minmax(0, 1fr);
row-gap: var(--viva-stacco);
}
body.home .viva-lato{
order: -1;
}
body.home .viva-lato > .vc_column-inner{
position: static;
}
body.home .viva-lato > .vc_column-inner > .wpb_wrapper{
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
align-items: start;
}
}
@media (max-width: 760px){
body.home .viva-lato > .vc_column-inner > .wpb_wrapper,
body.home .viva-blocco-news{
grid-template-columns: minmax(0, 1fr);
}
body.home .viva-blocco-news{
row-gap: var(--viva-stacco);
}
body.home .viva-eventi .wpb_wrapper > .row,
body.home .viva-news .wpb_wrapper > .row{
row-gap: var(--viva-gap);
}
body.home .viva-blocco-eventi .viva-scheda-testo .qt-title,
body.home .viva-blocco-news .viva-scheda-testo .qt-title{
min-height: 0;
}
body.home .viva-sezione .wpb_wrapper > .row{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.home .viva-sezione .wpb_wrapper > p.aligncenter:has(> a.qt-btn){
position: static !important;
margin-top: var(--viva-gap) !important;
}
body.home .viva-promo .wpb_wrapper > .row::after{
left: -13px;
}
}
@media (max-width: 520px){
body.home .viva-eventi .wpb_wrapper > .row,
body.home .viva-news .wpb_wrapper > .row,
body.home .viva-sezione .wpb_wrapper > .row{
grid-template-columns: minmax(0, 1fr);
}
}

.viva-copertura {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--alone: 0 0 0 1px rgba(11,11,13,.55), 0 14px 40px -26px rgba(237,28,36,.85), 0 2px 14px -8px rgba(237,28,36,.35);
position: relative;
margin: clamp(20px, 3vw, 44px) 0 clamp(36px, 4vw, 64px);
padding-left: 22px;
color: var(--viva-testo);
}
.viva-copertura::before {
content: "";
position: absolute; left: 0; top: 4px; bottom: 4px; width: 2px; border-radius: 2px;
background: linear-gradient(var(--viva-neon), rgba(237,28,36,.15));
box-shadow: 0 0 8px rgba(237,28,36,.55);
}
.viva-copertura h2 {
margin: 0 0 6px !important;
font: 700 18px/1.2 var(--cond) !important;
letter-spacing: .14em !important;
text-transform: uppercase;
color: var(--viva-testo) !important;
}
.viva-copertura__intro { margin: 0 0 18px !important; color: var(--viva-testo-tenue); max-width: 70ch; }
.viva-copertura__strumenti { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: start; }
@media (max-width: 700px) { .viva-copertura__strumenti { grid-template-columns: 1fr; } }
.viva-copertura__cerca { position: relative; }
.viva-copertura__cerca input[type=search] {
box-sizing: border-box !important;
width: 100% !important; height: 56px !important; margin: 0 !important;
padding: 0 116px 0 50px !important;
border-radius: 999px !important; border: 1px solid var(--viva-bordo) !important;
background: var(--viva-scheda) !important; color: var(--viva-testo) !important;
font: 18px Roboto, system-ui, sans-serif !important;
outline: none; box-shadow: none !important;
}
.viva-copertura__cerca input[type=search]:focus { border-color: var(--viva-neon) !important; box-shadow: 0 0 16px -4px rgba(237,28,36,.8) !important; }
.viva-copertura__cerca input[type=search]::placeholder { color: var(--viva-testo-secondario); }
.viva-copertura__cerca > svg { position: absolute; left: 18px; top: 18px; width: 20px; height: 20px; color: var(--viva-testo-secondario); pointer-events: none; }
.viva-copertura__vai {
position: absolute; top: 7px; right: 7px; height: 42px !important; padding: 0 22px !important;
border: 1px solid var(--viva-neon) !important; border-radius: 999px !important;
background: transparent !important; color: #fff !important; box-shadow: 0 0 12px -4px rgba(237,28,36,.9) !important;
font: 700 14px var(--cond) !important; letter-spacing: .1em; text-transform: uppercase; line-height: 1 !important; cursor: pointer;
}
.viva-copertura__vai:hover { background: var(--viva-rosso) !important; }
.viva-copertura__vai:disabled { opacity: .55; cursor: progress; }
.viva-copertura__lista {
position: absolute; z-index: 2000; left: 0; right: 0; top: 62px;
margin: 0 !important; padding: 6px !important; list-style: none;
background: var(--viva-scheda); border: 1px solid var(--viva-bordo); border-radius: 14px;
box-shadow: 0 20px 50px -10px rgba(0,0,0,.9); max-height: 420px; overflow: auto; display: none;
}
.viva-copertura__lista.aperta { display: block; }
.viva-copertura__lista li {
display: flex; justify-content: space-between; gap: 14px; align-items: baseline;
padding: 10px 14px !important; margin: 0 !important; border-radius: 10px; cursor: pointer; list-style: none !important;
}
.viva-copertura__lista li::before { content: none !important; }
.viva-copertura__lista li[aria-selected=true], .viva-copertura__lista li:hover { background: var(--viva-superficie); }
.viva-copertura__lista .nome { font-weight: 700; }
.viva-copertura__lista .prov { color: var(--viva-testo-secondario); font-size: 13px; margin-left: 6px; }
.viva-copertura__lista .fr { font: 700 14px ui-monospace, monospace; color: var(--viva-neon); white-space: nowrap; text-align: right; }
.viva-copertura__lista .no { color: var(--viva-testo-secondario); font: 13px Roboto, sans-serif; }
.viva-copertura__posizione {
height: 56px !important; padding: 0 24px !important; border: 0 !important; border-radius: 999px !important;
background: var(--viva-rosso) !important; color: #fff !important;
font: 700 15px var(--cond) !important; letter-spacing: .1em; text-transform: uppercase;
cursor: pointer; display: inline-flex !important; align-items: center; gap: 10px; white-space: nowrap; line-height: 1 !important;
}
.viva-copertura__posizione:hover { filter: brightness(1.1); }
.viva-copertura__posizione:disabled, .viva-copertura__cerca input:disabled { opacity: .55; cursor: progress; }
.viva-copertura__posizione svg { width: 20px; height: 20px; }
.viva-copertura__spiega { margin: 10px 0 0 !important; color: var(--viva-testo-secondario); font-size: 14px; line-height: 1.5; }
.viva-copertura__risultato {
margin-top: 18px; background: var(--viva-scheda); border: 1px solid var(--viva-bordo);
border-radius: var(--viva-raggio); box-shadow: var(--alone); padding: 20px 22px; display: none;
scroll-margin: 16px 0 100px;
}
.viva-copertura__risultato.visibile { display: block; }
.viva-copertura__risultato .dove { font: 700 22px/1.1 var(--cond); text-transform: uppercase; }
.viva-copertura__risultato .sotto { color: var(--viva-testo-secondario); font-size: 14px; margin-top: 2px; }
.viva-copertura__risultato .frequenze { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 4px; }
.viva-copertura__risultato .freq {
display: inline-flex; align-items: baseline; gap: 6px; padding: 8px 16px; border-radius: 999px;
border: 1px solid var(--viva-neon); box-shadow: 0 0 14px -4px rgba(237,28,36,.9);
}
.viva-copertura__risultato .freq b { font: 700 26px/1 var(--cond); }
.viva-copertura__risultato .freq span { font: 700 13px var(--cond); color: var(--viva-testo-tenue); }
.viva-copertura__risultato .zone { color: var(--viva-testo-secondario); font-size: 13px; margin-top: 8px; }
.viva-copertura__risultato .nonfm { font: 700 20px/1.25 var(--cond); margin: 12px 0 4px; }
.viva-copertura__risultato .dab { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--viva-bordo); color: var(--viva-testo-tenue); }
.viva-copertura__risultato .dab b { color: #fff; font-family: var(--cond); font-size: 18px; letter-spacing: .04em; }
.viva-copertura__risultato .azioni { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.viva-copertura__risultato .azioni a {
padding: 9px 18px; border-radius: 999px; border: 1px solid var(--viva-bordo); text-decoration: none;
color: #fff !important; font: 700 13px var(--cond); letter-spacing: .1em; text-transform: uppercase;
}
.viva-copertura__risultato .azioni a.pieno { background: var(--viva-rosso); border-color: var(--viva-rosso); }
.viva-copertura__contenitore { position: relative; margin-top: 22px; }
.viva-copertura__attesa {
position: absolute; inset: 0; z-index: 1000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
border-radius: var(--viva-raggio); background: #111; color: var(--viva-testo-tenue); font: 700 15px var(--cond); letter-spacing: .12em;
text-transform: uppercase; text-align: center; padding: 20px; transition: opacity .4s;
}
.viva-copertura__attesa.finita { opacity: 0; pointer-events: none; }
.viva-copertura__attesa .tondo {
width: 46px; height: 46px; border-radius: 50%; border: 3px solid rgba(237,28,36,.25); border-top-color: var(--viva-rosso);
box-shadow: 0 0 18px -4px rgba(237,28,36,.8); animation: viva-gira .9s linear infinite;
}
.viva-copertura__attesa.errore .tondo { display: none; }
@keyframes viva-gira { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .viva-copertura__attesa .tondo { animation-duration: 2.5s; } }
.viva-copertura__mappa {
height: clamp(420px, 62vh, 720px); border-radius: var(--viva-raggio);
border: 1px solid var(--viva-bordo); box-shadow: var(--alone); background: #111; z-index: 1;
}
.viva-copertura .leaflet-container { font-family: Roboto, system-ui, sans-serif; background: #111; }
.viva-copertura .leaflet-container.leaflet-grab { cursor: pointer; }
.leaflet-dragging .viva-copertura .leaflet-container.leaflet-grab { cursor: grabbing; }
.viva-copertura .leaflet-marker-icon { background: none; border: 0; }
.viva-copertura .leaflet-marker-icon.leaflet-interactive { pointer-events: none; }
.viva-copertura .pin { display: flex; flex-direction: column; align-items: center; transform: translate(-50%,-100%); pointer-events: auto; }
.viva-copertura .pin .et {
background: var(--viva-scheda); border: 1px solid var(--viva-neon); border-radius: 6px; padding: 3px 7px;
white-space: nowrap; font: 700 12px/1.15 var(--cond); color: #fff; box-shadow: 0 0 10px -2px rgba(237,28,36,.8); text-align: center;
}
.viva-copertura .pin .et small {
display: block; font: 700 9.5px/1.1 var(--cond); color: var(--viva-testo-tenue); letter-spacing: .04em;
max-width: 170px; overflow: hidden; text-overflow: ellipsis;
}
.viva-copertura .pin .punta {
width: 14px; height: 14px; background: var(--viva-rosso); border: 2px solid #fff; border-radius: 50% 50% 50% 0;
transform: rotate(-45deg); margin-top: 3px; box-shadow: 0 0 10px rgba(237,28,36,.9);
}
.viva-copertura .pin.cercato .et { background: var(--viva-rosso); border-color: #fff; font-size: 14px; box-shadow: 0 0 16px rgba(237,28,36,.9); }
.viva-copertura .pin.cercato .et small { color: #fff; }
.viva-copertura .pin.cercato .punta { width: 18px; height: 18px; background: #fff; border-color: var(--viva-rosso); }
.viva-copertura .lontano .pin.cercato .et { display: block; }
.viva-copertura .pin.dab .et { border-color: #fff; background: #000; }
.viva-copertura .pin.dab .punta { background: #fff; border-color: var(--viva-rosso); box-shadow: 0 0 10px rgba(255,255,255,.6); }
.viva-copertura .pin.scelto .et { border: 2px solid #fff; box-shadow: 0 0 16px rgba(237,28,36,.9); }
.viva-copertura .lontano .pin .et { display: none; }
.viva-copertura .lontano .pin.scelto .et { display: block; }
.viva-copertura .lontano .leaflet-marker-icon:hover { z-index: 9999 !important; }
.viva-copertura .lontano .leaflet-marker-icon:hover .pin .et { display: block; }
.viva-copertura .io { width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 4px solid var(--viva-rosso); box-shadow: 0 0 0 8px rgba(237,28,36,.25); }
.viva-copertura .leaflet-control-attribution { background: rgba(0,0,0,.6) !important; color: #aaa !important; }
.viva-copertura .leaflet-control-attribution a { color: #ddd !important; }
.viva-copertura .leaflet-bar a { background: #000 !important; color: #fff !important; border-color: #333 !important; }
.viva-altri {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--alone: 0 0 0 1px rgba(11,11,13,.55), 0 14px 40px -26px rgba(237,28,36,.85), 0 2px 14px -8px rgba(237,28,36,.35);
position: relative; margin: clamp(44px, 5vw, 72px) 0 clamp(40px, 5vw, 80px); padding-left: 22px; color: var(--viva-testo);
}
.viva-altri::before {
content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 2px; border-radius: 2px;
background: linear-gradient(var(--viva-neon), rgba(237,28,36,.15)); box-shadow: 0 0 8px rgba(237,28,36,.55);
}
.viva-altri h2 {
margin: 0 0 18px !important; font: 700 18px/1.2 var(--cond) !important; letter-spacing: .14em !important;
text-transform: uppercase; color: var(--viva-testo) !important;
}
.viva-altri__griglia { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.viva-altri__card {
background: var(--viva-scheda); border: 1px solid var(--viva-bordo); border-radius: var(--viva-raggio);
box-shadow: var(--alone); display: flex; flex-direction: column; overflow: hidden; scroll-margin-top: 110px;
}
.viva-altri__vista {
position: relative; height: 270px; overflow: hidden; display: grid; place-items: center;
border-bottom: 1px solid var(--viva-bordo); background: #0b0b0f;
}
.viva-altri__vista::before {
content: ""; position: absolute; inset: 8%;
background: radial-gradient(closest-side, rgba(237,28,36,.38), rgba(58,18,24,.25) 55%, transparent); filter: blur(6px);
}
.viva-altri__vista > * { position: relative; }
.viva-altri__vista .echo { width: auto !important; height: 230px !important; max-width: none; }
.viva-altri__vista .fire { width: 86% !important; max-width: 340px; height: auto !important; }
.viva-altri__testo { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.viva-altri__occhiello { font: 700 12px var(--cond); letter-spacing: .16em; color: var(--viva-neon); text-transform: uppercase; }
.viva-altri h3 {
margin: 0 !important; font: 700 clamp(24px, 2.4vw, 34px)/1.05 var(--cond) !important; text-transform: uppercase;
color: var(--viva-testo) !important; letter-spacing: 0 !important;
}
.viva-altri p { margin: 0 !important; color: var(--viva-testo-tenue); }
.viva-altri__frasi { display: flex; flex-wrap: wrap; gap: 8px; }
.viva-altri__frasi span {
padding: 6px 14px; border-radius: 999px; border: 1px solid var(--viva-neon);
font: 700 15px var(--cond); letter-spacing: .04em; box-shadow: 0 0 12px -5px rgba(237,28,36,.9);
}
.viva-altri__tasti { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 6px; }
.viva-store {
display: inline-flex !important; align-items: center; gap: 10px; height: 52px; padding: 0 18px 0 14px;
border-radius: 12px; background: #000; border: 1px solid #5a5a66; color: #fff !important; text-decoration: none !important; transition: .15s;
}
.viva-store:hover { border-color: var(--viva-neon); box-shadow: 0 0 16px -4px rgba(237,28,36,.9); }
.viva-store svg { width: 24px; height: 24px; flex: none; }
.viva-store span { display: flex; flex-direction: column; font: 700 17px/1.05 Roboto, system-ui, sans-serif; }
.viva-store small { font: 400 11px/1.2 Roboto, system-ui, sans-serif; color: var(--viva-testo-tenue); letter-spacing: .02em; }
.viva-telefono {
width: 128px; aspect-ratio: 9 / 19; border-radius: 22px; background: #050507; border: 2px solid #34343e; padding: 5px;
box-shadow: 0 30px 60px -30px rgba(0,0,0,.9), 0 0 50px -18px rgba(237,28,36,.55);
}
.viva-telefono .schermo {
height: 100%; border-radius: 17px; overflow: hidden; display: flex; flex-direction: column; align-items: center; padding: 10px 8px;
background: radial-gradient(60% 30% at 50% 40%, rgba(237,28,36,.35), transparent 70%), #0c0c10;
}
.viva-telefono .logo { width: 62px !important; height: auto !important; align-self: flex-start; }
.viva-telefono .onda { width: 80%; height: 2px; margin: 38px 0 32px; background: linear-gradient(90deg, transparent, var(--viva-rosso), transparent); box-shadow: 0 0 12px var(--viva-rosso); }
.viva-telefono .inonda { font: 700 6px var(--cond); letter-spacing: .16em; color: var(--viva-testo-secondario); text-transform: uppercase; display: flex; gap: 4px; align-items: center; }
.viva-telefono .inonda i { width: 4px; height: 4px; border-radius: 50%; background: var(--viva-rosso); }
.viva-telefono .radio { font: 700 11px Roboto, sans-serif; margin: 3px 0 10px; }
.viva-telefono .play { width: 32px; height: 32px; border-radius: 50%; background: var(--viva-rosso); position: relative; }
.viva-telefono .play::after { content: ""; position: absolute; left: 12px; top: 9px; border-left: 10px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }
@media (max-width: 1100px) {
.viva-altri__griglia { grid-template-columns: 1fr; gap: 18px; }
.viva-altri__card { flex-direction: row; }
.viva-altri__vista { flex: 0 0 40%; height: auto; min-height: 260px; border-bottom: 0; border-right: 1px solid var(--viva-bordo); }
}
@media (max-width: 620px) {
.viva-altri__card { flex-direction: column; }
.viva-altri__vista { flex: none; height: 250px; min-height: 0; border-right: 0; border-bottom: 1px solid var(--viva-bordo); }
.viva-altri__vista .echo { height: 210px !important; }
}
.viva-ca {
--margine: clamp(16px, 2.8vw, 56px);
display: grid;
grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
grid-template-areas: "lato mappa";
gap: clamp(28px, 3vw, 48px);
padding: clamp(20px, 3vw, 44px) var(--margine) clamp(40px, 5vw, 80px);
}
.vc_row:has(.viva-ca) { margin-left: 0 !important; margin-right: 0 !important; }
.viva-ca__mappa { grid-area: mappa; min-width: 0; }
.viva-ca__lato { grid-area: lato; min-width: 0; }
.viva-ca .viva-copertura, .viva-ca .viva-altri { margin: 0; }
.qt-main:has(.viva-ca) .qt-pageheader .qt-container {
max-width: none !important; width: auto !important;
margin-left: clamp(16px, 2.8vw, 56px) !important; margin-right: clamp(16px, 2.8vw, 56px) !important;
}
@media (min-width: 1101px) {
.viva-ca__mappa { display: flex; flex-direction: column; }
.viva-ca__mappa > .viva-copertura { flex: 1; display: flex; flex-direction: column; }
.viva-ca .viva-copertura__contenitore { flex: 1; display: flex; flex-direction: column; }
.viva-ca .viva-copertura__mappa { flex: 1; height: auto; min-height: clamp(420px, 62vh, 720px); }
.viva-ca .viva-altri__griglia { grid-template-columns: 1fr; gap: 18px; }
.viva-ca .viva-altri__card { flex-direction: column; }
.viva-ca .viva-altri__vista { height: 180px; min-height: 0; border-right: 0; border-bottom: 1px solid var(--viva-bordo); }
.viva-ca .viva-altri__vista .echo { height: 155px !important; }
.viva-ca .viva-altri__vista .fire { width: 72% !important; }
.viva-ca .viva-telefono { transform: scale(.66); transform-origin: center; }
.viva-ca .viva-altri__testo { padding: 16px 18px 18px; gap: 9px; }
.viva-ca .viva-altri h3 { font-size: 24px !important; }
.viva-ca .viva-store { height: 46px; padding: 0 14px 0 11px; gap: 8px; }
.viva-ca .viva-store svg { width: 21px; height: 21px; }
.viva-ca .viva-store span { font-size: 15px; }
}
@media (max-width: 1100px) {
.viva-ca { grid-template-columns: minmax(0, 1fr); grid-template-areas: "mappa" "lato"; }
}

.viva-palinsesto {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--alone: 0 0 0 1px rgba(11,11,13,.55), 0 14px 40px -26px rgba(237,28,36,.85), 0 2px 14px -8px rgba(237,28,36,.35);
color: var(--viva-testo);
margin: clamp(18px, 3vw, 36px) 0 clamp(40px, 5vw, 80px);
}
.viva-palinsesto__titolo {
position: relative; padding-left: 22px; margin: 0 0 22px !important;
font: 700 clamp(32px, 4.2vw, 58px)/1 var(--cond) !important; text-transform: uppercase !important; color: var(--viva-testo) !important;
letter-spacing: 0 !important; border: 0 !important;
}
.viva-palinsesto__titolo::before {
content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 2px; border-radius: 2px;
background: linear-gradient(var(--viva-neon), rgba(237,28,36,.15)); box-shadow: 0 0 8px rgba(237,28,36,.55);
}
.viva-palinsesto__giorni {
display: flex; gap: 8px; overflow-x: auto; padding: 22px 2px 12px; margin: 0 0 14px; scrollbar-width: none;
}
.viva-palinsesto__giorni::-webkit-scrollbar { display: none; }
.viva-palinsesto__giorni button {
position: relative; flex: 1 0 auto; min-width: 92px; height: 46px !important; padding: 0 16px !important; margin: 0 !important;
border-radius: 999px !important; border: 1px solid var(--viva-bordo) !important; background: #000 !important; color: var(--viva-testo-tenue) !important;
font: 700 14px/1 var(--cond) !important; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; box-shadow: none !important;
}
.viva-palinsesto__giorni button:hover { border-color: var(--viva-neon) !important; }
.viva-palinsesto__giorni button[aria-selected=true] {
background: var(--viva-rosso) !important; border-color: var(--viva-rosso) !important; color: #fff !important;
box-shadow: 0 0 18px -4px rgba(237,28,36,.9) !important;
}
.viva-palinsesto__giorni button.oggi::after {
content: "oggi"; position: absolute; left: 50%; bottom: calc(100% + 5px); transform: translateX(-50%);
font: 700 10px/1 var(--cond); letter-spacing: .16em; text-transform: uppercase; color: var(--viva-neon);
}
.viva-palinsesto__giorni .corto { display: none; }
@media (max-width: 760px) {
.viva-palinsesto__giorni button { min-width: 62px; padding: 0 10px !important; }
.viva-palinsesto__giorni .lungo { display: none; }
.viva-palinsesto__giorni .corto { display: inline; }
}
.viva-palinsesto__riga { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 18px; position: relative; padding-bottom: 12px; }
.viva-palinsesto__riga::before { content: ""; position: absolute; left: 47px; top: 60px; bottom: 4px; width: 2px; border-radius: 2px; background: var(--viva-bordo); }
.viva-palinsesto__riga .ora { position: relative; z-index: 1; text-align: center; padding-top: 12px; }
.viva-palinsesto__riga .ora b { display: block; font: 700 24px/1 var(--cond); padding-bottom: 5px; color: var(--viva-testo); }
.viva-palinsesto__riga .ora small { display: block; font: 700 13px var(--cond); color: var(--viva-testo-secondario); }
.viva-palinsesto__riga.adesso .ora b { color: var(--viva-neon); text-shadow: 0 0 12px rgba(237,28,36,.7); }
.viva-palinsesto .voce { background: var(--viva-scheda); border: 1px solid var(--viva-bordo); border-radius: var(--viva-raggio); box-shadow: var(--alone); overflow: hidden; }
.viva-palinsesto .voce summary {
list-style: none; display: grid; grid-template-columns: minmax(0, 1fr) auto 22px; gap: 16px; align-items: center; padding: 14px 20px; cursor: pointer;
}
.viva-palinsesto .voce summary::-webkit-details-marker { display: none; }
.viva-palinsesto .voce summary:hover { background: var(--viva-superficie); }
.viva-palinsesto .nome { font: 700 22px/1.1 var(--cond); text-transform: uppercase; color: var(--viva-testo); }
.viva-palinsesto .nome small { display: block; margin-top: 4px; font: 400 13px Roboto, sans-serif; color: var(--viva-testo-secondario); text-transform: none; }
.viva-palinsesto .chi { font: 700 13px var(--cond); letter-spacing: .06em; color: var(--viva-neon); text-transform: uppercase; text-align: right; max-width: 340px; }
.viva-palinsesto .freccia {
width: 10px; height: 10px; border-right: 2px solid var(--viva-testo-secondario); border-bottom: 2px solid var(--viva-testo-secondario);
transform: rotate(45deg); transition: .2s; justify-self: center; margin-top: -4px;
}
.viva-palinsesto .voce[open] .freccia { transform: rotate(225deg); margin-top: 4px; }
.viva-palinsesto .replica {
display: inline-block; padding: 2px 8px; margin-left: 4px; border-radius: 999px; border: 1px solid var(--viva-bordo);
font: 700 10px var(--cond); letter-spacing: .14em; color: var(--viva-testo-secondario); text-transform: uppercase; vertical-align: middle;
}
.viva-palinsesto .viva-badge {
position: static; float: none; min-width: 0; height: auto; line-height: 1.3;
display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; margin-left: 4px; border-radius: 999px; background: var(--viva-rosso);
font: 700 11px var(--cond); letter-spacing: .14em; text-transform: uppercase; color: #fff; white-space: nowrap; vertical-align: middle;
}
.viva-palinsesto .viva-badge[hidden], .viva-palinsesto .tempo[hidden] { display: none; }
.viva-palinsesto .viva-badge i { width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: viva-pulsa 1.4s ease-in-out infinite; }
@keyframes viva-pulsa { 50% { opacity: .25; } }
.viva-palinsesto .aperto { display: grid; grid-template-columns: minmax(200px, 300px) minmax(0, 1fr); gap: 20px; padding: 4px 20px 20px; }
.viva-palinsesto .aperto img { width: 100% !important; height: auto !important; aspect-ratio: 2500 / 1044; object-fit: cover; border-radius: 4px; background: #111; display: block; }
.viva-palinsesto .aperto .con { margin-bottom: 6px; font: 700 13px var(--cond); letter-spacing: .06em; color: var(--viva-neon); text-transform: uppercase; }
.viva-palinsesto .aperto p { margin: 0 0 12px !important; color: var(--viva-testo-tenue); font-size: 15px; line-height: 1.55; }
.viva-palinsesto .vai {
font: 700 12px var(--cond); letter-spacing: .14em; text-transform: uppercase; color: #fff !important;
border-bottom: 1px solid var(--viva-neon); padding-bottom: 1px; text-decoration: none !important;
}
.viva-palinsesto .vai:hover { color: var(--viva-neon) !important; }
.viva-palinsesto .tempo { display: flex; align-items: center; gap: 12px; padding: 0 20px 14px; }
.viva-palinsesto .tempo .barra { flex: 1; height: 4px; border-radius: 4px; background: rgba(255,255,255,.12); overflow: hidden; }
.viva-palinsesto .tempo .barra b { display: block; height: 100%; width: 0; background: var(--viva-rosso); box-shadow: 0 0 10px var(--viva-rosso); }
.viva-palinsesto .tempo span { font: 700 12px var(--cond); letter-spacing: .1em; color: var(--viva-testo-tenue); text-transform: uppercase; white-space: nowrap; }
.viva-palinsesto__riga.adesso .voce { border-color: var(--viva-rosso); box-shadow: 0 0 0 1px var(--viva-rosso), 0 0 34px -8px rgba(237,28,36,.9); }
.viva-palinsesto__riga.passato .voce summary { opacity: .5; }
.viva-palinsesto__riga.passato .voce[open] summary, .viva-palinsesto__riga.passato .voce summary:hover { opacity: 1; }
.viva-palinsesto__vuoto { color: var(--viva-testo-secondario); }
@media (max-width: 760px) {
.viva-palinsesto__riga { grid-template-columns: 58px minmax(0, 1fr); gap: 10px; }
.viva-palinsesto__riga::before { left: 28px; top: 52px; }
.viva-palinsesto__riga .ora b { font-size: 18px; }
.viva-palinsesto__riga .ora small { font-size: 12px; }
.viva-palinsesto .voce summary { grid-template-columns: minmax(0, 1fr) 20px; gap: 10px; padding: 12px 14px; }
.viva-palinsesto .chi { display: none; }
.viva-palinsesto .nome { font-size: 19px; }
.viva-palinsesto .aperto { grid-template-columns: 1fr; gap: 12px; padding: 0 14px 16px; }
.viva-palinsesto .tempo { padding: 0 14px 12px; }
.viva-palinsesto .aperto p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
}
#maincontent:has(.viva-palinsesto) { overflow: clip !important; }

.viva-speaker {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--alone: 0 0 0 1px rgba(11,11,13,.55), 0 14px 40px -26px rgba(237,28,36,.85), 0 2px 14px -8px rgba(237,28,36,.35);
--margine: clamp(16px, 2.8vw, 56px);
padding: clamp(18px, 2.4vw, 32px) var(--margine) clamp(40px, 5vw, 80px);
color: var(--viva-testo);
}
.post-type-archive-members .qt-pageheader .qt-container,
.tax-membertype .qt-pageheader .qt-container {
max-width: none !important; width: auto !important;
margin-left: clamp(16px, 2.8vw, 56px) !important; margin-right: clamp(16px, 2.8vw, 56px) !important;
}
.viva-speaker__filtri { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 24px; }
.viva-speaker__filtri a {
display: inline-flex; align-items: center; height: 42px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--viva-bordo);
background: #000; color: var(--viva-testo-tenue) !important; text-decoration: none !important;
font: 700 14px/1 var(--cond); letter-spacing: .12em; text-transform: uppercase;
}
.viva-speaker__filtri a:hover { border-color: var(--viva-neon); }
.viva-speaker__filtri a small { margin-left: 6px; color: var(--viva-testo-secondario); font-size: 12px; }
.viva-speaker__filtri a[aria-current] {
background: var(--viva-rosso); border-color: var(--viva-rosso); color: #fff !important; box-shadow: 0 0 18px -4px rgba(237,28,36,.9);
}
.viva-speaker__filtri a[aria-current] small { color: #fff; }
.viva-speaker__griglia { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 24px; }
@media (max-width: 1000px) { .viva-speaker__griglia { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .viva-speaker__griglia { grid-template-columns: 1fr; } }
.viva-speaker__card {
display: flex; flex-direction: column; background: var(--viva-scheda); border: 1px solid var(--viva-bordo); border-radius: var(--viva-raggio);
overflow: hidden; box-shadow: var(--alone); color: var(--viva-testo) !important; text-decoration: none !important;
transition: transform .2s, box-shadow .2s;
}
.viva-speaker__card:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px var(--viva-rosso), 0 18px 44px -20px rgba(237,28,36,.9); }
.viva-speaker__card[hidden] { display: none; }
.viva-speaker__foto { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: #111; }
.viva-speaker__foto img {
display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; transition: transform .5s;
}
.viva-speaker__card:hover .viva-speaker__foto img { transform: scale(1.04); }
.viva-speaker__tipo {
position: absolute; left: 14px; top: 14px; z-index: 1; display: inline-block; padding: 3px 10px; border-radius: 999px; background: var(--viva-rosso);
font: 700 11px/1.3 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: #fff;
}
.viva-speaker__tipo + .viva-speaker__tipo { left: auto; right: 14px; }
.viva-speaker__corpo { padding: 16px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; border-top: 2px solid var(--viva-rosso); }
.viva-speaker__nome {
margin: 0 !important; font: 700 clamp(24px, 2.3vw, 32px)/1.05 var(--cond) !important; text-transform: uppercase; color: var(--viva-testo) !important;
letter-spacing: 0 !important;
}
.viva-speaker__programmi { font: 700 13px var(--cond); letter-spacing: .06em; color: var(--viva-neon); text-transform: uppercase; }
.viva-speaker__testo {
margin: 0 !important; color: var(--viva-testo-tenue); font-size: 15px; line-height: 1.55;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.viva-speaker__vai {
margin-top: auto; padding-top: 4px; align-self: flex-start; font: 700 12px var(--cond); letter-spacing: .14em; text-transform: uppercase;
color: #fff; border-bottom: 1px solid var(--viva-neon); padding-bottom: 1px;
}
.viva-speaker__vuoto { color: var(--viva-testo-secondario); }
.viva-simili--speaker {
margin-top: clamp(36px, 5vw, 80px);
}
.viva-simili--speaker .viva-simili__riga {
grid-template-columns: 104px minmax(0, 1fr);
padding-right: 18px;
}
.viva-simili--speaker .viva-simili__nome { font-size: 20px; }
.viva-simili--speaker .viva-simili__con { font-size: 12px; line-height: 1.3; }
@media (max-width: 1100px) {
.viva-simili--speaker {
margin-top: clamp(36px, 5vw, 80px);
}
.viva-simili--speaker .viva-simili__riga { grid-template-columns: 92px minmax(0, 1fr); }
.viva-simili--speaker .viva-simili__foto { width: 92px; height: 92px; }
}
body.single-members h5.qt-caption-small { height: auto !important; }
body.single-members h5.qt-caption-small span { display: inline-block; line-height: 1.35; padding-top: 3px; padding-bottom: 3px; }
body.single-members h5.qt-caption-small span::before { top: calc(3px + .675em); }

.viva-programmi {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--alone: 0 0 0 1px rgba(11,11,13,.55), 0 14px 40px -26px rgba(237,28,36,.85), 0 2px 14px -8px rgba(237,28,36,.35);
--margine: clamp(16px, 2.8vw, 56px);
padding: clamp(18px, 2.4vw, 32px) var(--margine) clamp(40px, 5vw, 80px);
color: var(--viva-testo);
}
.post-type-archive-shows .qt-pageheader .qt-container {
max-width: none !important; width: auto !important;
margin-left: clamp(16px, 2.8vw, 56px) !important; margin-right: clamp(16px, 2.8vw, 56px) !important;
}
.viva-programmi__filtri { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 24px; }
.viva-programmi__filtri[hidden] { display: none; }
.viva-programmi__filtri button {
display: inline-flex; align-items: center; height: 42px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--viva-bordo);
background: #000; color: var(--viva-testo-tenue); cursor: pointer; box-shadow: none;
font: 700 14px/1 var(--cond); letter-spacing: .12em; text-transform: uppercase;
}
.viva-programmi__filtri button:hover { border-color: var(--viva-neon); }
.viva-programmi__filtri button:focus { background: #000; }
.viva-programmi__filtri button small { margin-left: 6px; color: var(--viva-testo-secondario); font-size: 12px; }
.viva-programmi__filtri button[aria-pressed="true"] {
background: var(--viva-rosso); border-color: var(--viva-rosso); color: #fff; box-shadow: 0 0 18px -4px rgba(237,28,36,.9);
}
.viva-programmi__filtri button[aria-pressed="true"] small { color: #fff; }
.viva-programmi__griglia { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 24px; }
@media (max-width: 1000px) { .viva-programmi__griglia { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .viva-programmi__griglia { grid-template-columns: 1fr; } }
.viva-programmi__card {
display: flex; flex-direction: column; background: var(--viva-scheda); border: 1px solid var(--viva-bordo); border-radius: var(--viva-raggio);
overflow: hidden; box-shadow: var(--alone); color: var(--viva-testo) !important; text-decoration: none !important;
transition: transform .2s, box-shadow .2s;
}
.viva-programmi__card:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px var(--viva-rosso), 0 18px 44px -20px rgba(237,28,36,.9); }
.viva-programmi__card[hidden] { display: none; }
.viva-programmi__foto { overflow: hidden; aspect-ratio: 2500 / 1044; background: #111; }
.viva-programmi__foto img {
display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; transition: transform .5s;
}
.viva-programmi__card:hover .viva-programmi__foto img { transform: scale(1.04); }
.viva-programmi__corpo { padding: 16px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; border-top: 2px solid var(--viva-rosso); }
.viva-programmi__nome {
margin: 0 !important; font: 700 clamp(22px, 2vw, 28px)/1.05 var(--cond) !important; text-transform: uppercase; color: var(--viva-testo) !important;
letter-spacing: 0 !important;
}
.viva-programmi__sotto { color: var(--viva-testo-secondario); font-size: 14px; line-height: 1.4; margin-top: -2px; }
.viva-programmi__con { font: 700 13px/1.35 var(--cond); letter-spacing: .06em; color: var(--viva-neon); text-transform: uppercase; }
.viva-programmi__orari { display: flex; flex-direction: column; gap: 5px; margin: 2px 0; }
.viva-programmi__orari span {
display: inline-flex; align-self: flex-start; gap: 8px; align-items: center; padding: 4px 11px; border-radius: 999px;
background: #27272F; border: 1px solid var(--viva-bordo); font: 700 13px/1.3 var(--cond); letter-spacing: .04em; color: var(--viva-testo);
}
.viva-programmi__orari span.rep { background: transparent; color: var(--viva-testo-secondario); }
.viva-programmi__orari span.rep b { font: 700 10px var(--cond); letter-spacing: .14em; color: var(--viva-testo-secondario); text-transform: uppercase; }
.viva-programmi__testo {
margin: 0 !important; color: var(--viva-testo-tenue); font-size: 15px; line-height: 1.55;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.viva-programmi__vai {
margin-top: auto; padding-top: 4px; align-self: flex-start; font: 700 12px var(--cond); letter-spacing: .14em; text-transform: uppercase;
color: #fff; border-bottom: 1px solid var(--viva-neon); padding-bottom: 1px;
}
.viva-programmi__vuoto { color: var(--viva-testo-secondario); }
.viva-simili--programmi .viva-simili__nome { font-size: 19px; }
.viva-simili--programmi .viva-simili__con {
font-size: 11.5px; line-height: 1.3; color: var(--viva-rosso, #ED1C24);
}
.viva-simili--programmi .viva-simili__quando { color: var(--viva-testo-secondario, #8E8E99); }
.viva-simili--programmi .viva-simili__quando::before { background: currentColor; box-shadow: none; }
.viva-solo-diretta { display: inline-block; }
.viva-solo-diretta > summary {
cursor: pointer; list-style: none; display: inline-block;
}
.viva-solo-diretta > summary::-webkit-details-marker { display: none; }
.viva-solo-diretta > summary::marker { content: ""; }
.viva-solo-diretta > p {
margin: 14px 0 0 !important; max-width: 46ch;
padding: 12px 16px; border-radius: var(--viva-raggio, 6px);
background: var(--viva-scheda, #000);
border: 1px solid var(--viva-bordo, #3D3D49);
border-left: 3px solid var(--viva-rosso, #ED1C24);
color: var(--viva-testo-tenue, #D6D6DE) !important;
font-size: 15px; line-height: 1.5;
}
.viva-programmi.viva-programmi--speaker { padding: 0; margin: 0 0 clamp(18px, 2.4vw, 30px); }

.viva-podcast {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--margine: clamp(16px, 2.8vw, 56px);
display: flex; flex-direction: column; gap: 14px;
max-width: 1120px;
margin: 0 auto clamp(30px, 4vw, 56px);
padding: 0 var(--margine);
color: var(--viva-testo);
}
.viva-podcast__intro {
max-width: 1120px; margin: 0 auto;
padding: clamp(14px, 2vw, 26px) clamp(16px, 2.8vw, 56px) clamp(16px, 2vw, 24px);
color: var(--viva-testo-secondario) !important; font-size: 16px; line-height: 1.5;
}
.viva-podcast__riga {
display: grid; grid-template-columns: 300px 1fr auto; align-items: center; gap: 22px;
background: var(--viva-scheda, var(--viva-superficie)); border: 1px solid var(--viva-bordo);
border-left: 3px solid transparent; border-radius: var(--viva-raggio); overflow: hidden;
color: var(--viva-testo) !important; text-decoration: none !important;
transition: border-color .2s, background .2s, transform .2s;
}
.viva-podcast__riga:hover,
.viva-podcast__riga:focus-visible {
border-left-color: var(--viva-rosso); background: var(--viva-superficie-alta); transform: translateX(3px);
}
.viva-podcast__foto { display: block; aspect-ratio: 2500 / 1044; overflow: hidden; background: #111; }
.viva-podcast__foto img {
display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover;
}
.viva-podcast__testo { display: flex; flex-direction: column; gap: 6px; padding: 14px 0; min-width: 0; }
.viva-podcast__nome {
font: 700 clamp(20px, 1.7vw, 26px)/1.05 var(--cond); text-transform: uppercase; color: var(--viva-testo);
}
.viva-podcast__con {
font: 700 13px/1.3 var(--cond); letter-spacing: .06em; text-transform: uppercase; color: var(--viva-neon);
}
.viva-podcast__quando {
display: inline-flex; align-items: center; gap: 7px;
font: 700 12px/1 var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--viva-testo-secondario);
}
.viva-podcast__quando::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.viva-podcast__quando.fresca { color: var(--viva-testo); }
.viva-podcast__quando.fresca::before { background: var(--viva-rosso); box-shadow: 0 0 10px 1px rgba(237,28,36,.9); }
.viva-podcast__quando.vecchia { color: #6E6E78; }
.viva-podcast__tasto { display: flex; align-items: center; gap: 12px; padding-right: 22px; }
.viva-podcast__tasto b {
font: 700 13px/1 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--viva-testo);
}
.viva-podcast__play {
display: grid; place-items: center; flex: none; width: 52px; height: 52px; font-size: 24px;
border-radius: 50%; background: var(--viva-rosso); color: #fff;
transition: transform .2s, box-shadow .2s;
}
.viva-podcast__play::before {
content: ""; width: 0; height: 0; margin-left: 14%;
border-left: .34em solid currentColor; border-top: .22em solid transparent; border-bottom: .22em solid transparent;
}
.viva-podcast__riga:hover .viva-podcast__play { transform: scale(1.08); box-shadow: 0 0 22px -4px rgba(237,28,36,.95); }
@media (max-width: 820px) {
.viva-podcast__riga { grid-template-columns: 1fr; gap: 0; }
.viva-podcast__testo { padding: 14px 18px 0; }
.viva-podcast__tasto { padding: 14px 18px 18px; }
}
.viva-simili {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
background: var(--viva-superficie, #111116);
border-top: 1px solid var(--viva-bordo, #3D3D49);
border-bottom: 1px solid var(--viva-bordo, #3D3D49);
padding: clamp(28px, 4vw, 52px) 0;
}
.viva-simili__dentro {
position: relative;
max-width: 1240px; margin: 0 auto;
padding: 0 clamp(16px, 2.8vw, 56px) 0 calc(clamp(16px, 2.8vw, 56px) + 22px);
}
.viva-simili__dentro::before {
content: ""; position: absolute; left: clamp(16px, 2.8vw, 56px); top: 6px; bottom: 14px;
width: 2px; border-radius: 2px;
background: linear-gradient(to bottom, var(--viva-rosso, #ED1C24) 0%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 62%, transparent) 18%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 15%, transparent) 100%);
box-shadow: 0 0 8px color-mix(in srgb, var(--viva-rosso, #ED1C24) 55%, transparent);
pointer-events: none;
}
.viva-simili__titolo {
margin: 0 0 22px !important; color: var(--viva-testo, #fff) !important;
font: 700 15px/1.2 var(--cond) !important; letter-spacing: .14em; text-transform: uppercase;
}
.viva-simili__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.viva-simili__riga {
display: grid; grid-template-columns: 104px minmax(0, 1fr) auto; align-items: center; gap: 14px;
background: var(--viva-scheda, #000); border: 1px solid var(--viva-bordo, #3D3D49);
border-left: 3px solid transparent; border-radius: var(--viva-raggio, 6px); overflow: hidden;
color: var(--viva-testo) !important; text-decoration: none !important;
transition: border-color .2s, background .2s, transform .2s;
}
.viva-simili__riga:hover,
.viva-simili__riga:focus-visible {
border-left-color: var(--viva-rosso, #ED1C24);
background: var(--viva-superficie-alta, #17171d); transform: translateY(-3px);
}
.viva-simili__foto { display: block; width: 104px; height: 104px; overflow: hidden; background: #111; }
.viva-simili__foto img {
display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover;
}
.viva-simili__testo { display: flex; flex-direction: column; gap: 4px; padding: 12px 0; min-width: 0; }
.viva-simili__nome {
font: 700 18px/1.05 var(--cond); text-transform: uppercase; color: var(--viva-testo, #fff);
}
.viva-simili__con {
font: 700 11.5px/1.25 var(--cond); letter-spacing: .06em; text-transform: uppercase;
color: var(--viva-rosso, #ED1C24);
}
.viva-simili__quando {
display: inline-flex; align-items: center; gap: 6px;
font: 700 11px/1 var(--cond); letter-spacing: .1em; text-transform: uppercase;
color: var(--viva-testo-secondario, #8E8E99);
}
.viva-simili__quando::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.viva-simili__quando.fresca { color: var(--viva-testo, #fff); }
.viva-simili__quando.fresca::before { background: var(--viva-rosso, #ED1C24); box-shadow: 0 0 10px 1px rgba(237,28,36,.9); }
.viva-simili__quando.vecchia { color: #6E6E78; }
.viva-simili__play {
display: grid; place-items: center; flex: none; width: 38px; height: 38px; margin-right: 14px;
border-radius: 50%; background: var(--viva-rosso, #ED1C24); color: #fff; font-size: 14px;
box-shadow: 0 0 18px -4px rgba(237,28,36,.9);
}
.viva-simili__play::before { content: "\25B6"; margin-left: 2px; }
@media (max-width: 1100px) {
.viva-simili__lista { grid-template-columns: 1fr; }
}
.viva-puntata {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
margin: clamp(18px, 2.6vw, 30px) 0;
padding: clamp(14px, 1.8vw, 20px) 0;
border-top: 1px solid var(--viva-bordo, #3D3D49);
border-bottom: 1px solid var(--viva-bordo, #3D3D49);
}
.viva-puntata__play {
display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto;
padding: 10px 24px 10px 12px; border: 0; border-radius: 999px; cursor: pointer;
background: var(--viva-rosso, #ED1C24); color: #fff;
box-shadow: 0 10px 30px -14px rgba(237, 28, 36, .9);
transition: filter .15s;
}
.viva-puntata__play:hover { filter: brightness(1.08); }
.viva-puntata__play:focus,
.viva-puntata__play:active { background: var(--viva-rosso, #ED1C24) !important; color: #fff !important; }
.viva-puntata__play:focus-visible { outline: 2px solid var(--viva-rosso, #ED1C24); outline-offset: 3px; }
.viva-puntata--aperta { border-color: color-mix(in srgb, var(--viva-rosso, #ED1C24) 45%, transparent); }
.viva-puntata__play b {
font: 700 14px/1 var(--cond); letter-spacing: .12em; text-transform: uppercase;
}
.viva-puntata__tondo {
display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
background: rgba(0, 0, 0, .28); color: #fff; font-size: 12px;
}
.viva-puntata__tondo::before { content: "\25B6"; margin-left: 2px; }
.viva-puntata--suona .viva-puntata__tondo::before { content: "\25A0"; margin-left: 0; }
.viva-puntata__dati {
display: flex; align-items: center; flex-wrap: wrap; gap: 0 18px;
color: var(--viva-testo-secondario, #8E8E99); font-size: 14px;
}
.viva-puntata__dati b { color: var(--viva-testo, #fff); font-weight: 400; }
.viva-puntata__punto {
width: 4px; height: 4px; border-radius: 50%; background: var(--viva-bordo, #3D3D49); flex: none;
}
@media (max-width: 600px) {
.viva-puntata { gap: 12px; }
.viva-puntata__dati { font-size: 13px; gap: 0 12px; }
}
.viva-puntata--scheda {
display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 0;
margin: clamp(20px, 2.6vw, 28px) 0; padding: 0;
background: var(--viva-scheda, #000); border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px); overflow: hidden;
box-shadow: 0 0 0 1px rgba(11,11,13,.55), 0 14px 40px -26px rgba(237,28,36,.85), 0 2px 14px -8px rgba(237,28,36,.35);
}
.viva-puntata__foto { position: relative; aspect-ratio: 1; background: #111; overflow: hidden; }
.viva-puntata__foto img {
width: 100% !important; height: 100% !important; max-width: none !important;
object-fit: cover; display: block;
}
.viva-puntata__corpo {
padding: 16px 20px; display: flex; flex-direction: column; justify-content: center; gap: 9px;
border-left: 2px solid var(--viva-rosso, #ED1C24);
}
.viva-puntata__nome {
margin: 0 !important; color: var(--viva-testo, #fff) !important;
font: 700 clamp(17px, 1.7vw, 21px)/1.12 var(--cond, "Roboto Condensed", sans-serif) !important;
text-transform: uppercase; letter-spacing: 0 !important;
}
.viva-puntata__sotto { color: var(--viva-testo-secondario, #8E8E99); font-size: 13.5px; }
.viva-puntata__sotto b { color: var(--viva-testo-tenue, #D6D6DE); font-weight: 400; }
.viva-puntata--scheda .viva-puntata__play { align-self: flex-start; margin-top: 2px; }
.viva-puntata--scheda:not(:has(.viva-puntata__foto)) { grid-template-columns: 1fr; }
.viva-puntata--scheda:not(:has(.viva-puntata__foto)) .viva-puntata__corpo {
border-left: 0; border-top: 2px solid var(--viva-rosso, #ED1C24);
}
@media (max-width: 560px) {
.viva-puntata--scheda { grid-template-columns: 1fr; }
.viva-puntata__foto { aspect-ratio: 2 / 1; }
.viva-puntata__corpo { border-left: 0; border-top: 2px solid var(--viva-rosso, #ED1C24); }
}

.viva-404 {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--margine: clamp(16px, 2.8vw, 56px);
position: relative;
min-height: calc(100svh - 300px);
display: flex;
align-items: center;
overflow: hidden;
color: var(--viva-testo, #fff);
}
.viva-404__sfondo {
position: absolute; inset: 0; background: var(--viva-nero, #0B0B0D) url(../img/sfondo-strisce.jpg) center / cover no-repeat;
}
.viva-404__sfondo .velo {
position: absolute; inset: 0;
background: linear-gradient(90deg, rgba(11,11,13,.92) 0%, rgba(11,11,13,.72) 42%, rgba(11,11,13,.25) 78%, rgba(11,11,13,.45));
}
.viva-404__sfondo .strisce,
.viva-404__sfondo .fascia,
.viva-404__sfondo .alone { display: none; }
.viva-404__dentro { position: relative; z-index: 2; width: 100%; padding: clamp(40px, 6vw, 80px) var(--margine); }
.viva-404__codice {
font: 700 clamp(96px, 16vw, 240px)/0.82 var(--cond) !important;
letter-spacing: -.02em;
margin: 0 0 6px !important;
}
.viva-404__titolo {
font: 700 clamp(38px, 6.4vw, 96px)/0.95 var(--cond) !important;
text-transform: uppercase !important; letter-spacing: .01em !important;
color: var(--viva-testo, #fff) !important; margin: 0 0 18px !important; border: 0 !important;
}
.viva-404__glitch { animation: viva-404-scossa 6.5s steps(1, end) infinite; }
.viva-404__glitch .lancetta { animation: viva-404-lampeggio 3.7s steps(1, end) infinite; }
@keyframes viva-404-scossa {
0%, 74%, 100% { transform: none; filter: none; }
76% { transform: translateX(-7px); filter: drop-shadow(6px 0 0 rgba(89,227,255,.55)) drop-shadow(-6px 0 0 rgba(237,28,36,.55)); }
78% { transform: translateX(5px); filter: drop-shadow(-8px 0 0 rgba(89,227,255,.5)) drop-shadow(8px 0 0 rgba(237,28,36,.5)); }
80% { transform: none; filter: none; }
92% { transform: translateX(3px); filter: drop-shadow(-5px 0 0 rgba(89,227,255,.4)) drop-shadow(5px 0 0 rgba(237,28,36,.45)); }
94% { transform: none; filter: none; }
}
@keyframes viva-404-lampeggio {
0%, 62%, 100% { opacity: 1; }
64% { opacity: .25; }
66% { opacity: 1; }
72% { opacity: .4; }
74% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.viva-404__glitch, .viva-404__glitch .lancetta { animation: none; }
}
.viva-404__dice {
color: var(--viva-testo-tenue, #D6D6DE) !important; font-size: 18px !important; line-height: 1.55 !important;
max-width: 680px; margin: 0 !important;
}
.viva-404__dice a { color: #fff !important; border-bottom: 1px solid var(--viva-rosso, #ED1C24); }
.viva-404__scala {
position: relative; max-width: 820px; height: 86px; margin: 64px 0 74px;
border-bottom: 2px solid var(--viva-bordo, #3D3D49);
}
.viva-404__scala i { position: absolute; bottom: 0; width: 2px; background: var(--viva-bordo, #3D3D49); }
.viva-404__scala b {
position: absolute; bottom: -26px; transform: translateX(-50%); white-space: nowrap;
color: var(--viva-testo-secondario, #8E8E99); font: 700 12px var(--cond); letter-spacing: .1em;
}
.viva-404__scala b:first-of-type { transform: translateX(0); }
.viva-404__scala b:last-of-type { transform: translateX(-100%); }
.viva-404__scala .lancetta {
position: absolute; left: 52%; bottom: -12px; width: 3px; height: 104px;
background: var(--viva-rosso, #ED1C24); box-shadow: 0 0 16px rgba(237,28,36,.95);
}
.viva-404__scala .lancetta::after {
content: ""; position: absolute; left: 50%; top: -9px; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%;
background: var(--viva-rosso, #ED1C24); box-shadow: 0 0 18px rgba(237,28,36,.95);
}
.viva-404__scala .croce { position: absolute; left: 52%; bottom: -34px; width: 34px; height: 34px; margin-left: -17px; }
.viva-404__scala .croce::before,
.viva-404__scala .croce::after {
content: ""; position: absolute; left: 50%; top: 0; width: 4px; height: 34px; margin-left: -2px; border-radius: 2px;
background: var(--viva-rosso, #ED1C24); box-shadow: 0 0 14px rgba(237,28,36,.9);
}
.viva-404__scala .croce::before { transform: rotate(45deg); }
.viva-404__scala .croce::after { transform: rotate(-45deg); }
.viva-404__cerca { display: flex; gap: 10px; max-width: 580px; margin: 0 0 22px; align-items: center; }
.viva-404__cerca input[type="search"] {
flex: 1; height: 52px !important; margin: 0 !important; padding: 0 18px !important; box-sizing: border-box !important;
border: 1px solid var(--viva-bordo, #3D3D49) !important; border-radius: 999px !important; background: rgba(0,0,0,.6) !important;
color: #fff !important; font: 400 16px Roboto, system-ui, sans-serif !important; box-shadow: none !important;
}
.viva-404__cerca input[type="search"]:focus { border-color: var(--viva-neon, #ED1C24) !important; }
.viva-404__cerca button {
height: 52px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--viva-rosso, #ED1C24); color: #fff;
font: 700 14px var(--cond); letter-spacing: .14em; text-transform: uppercase; cursor: pointer;
box-shadow: 0 0 18px -4px rgba(237,28,36,.9);
}
.viva-404__dove { display: flex; gap: 10px; flex-wrap: wrap; }
.viva-404__dove a {
display: inline-flex; align-items: center; height: 44px; padding: 0 20px; border-radius: 999px;
border: 1px solid var(--viva-bordo, #3D3D49); background: #000; color: var(--viva-testo-tenue, #D6D6DE) !important;
font: 700 13px var(--cond); letter-spacing: .12em; text-transform: uppercase; text-decoration: none !important;
}
.viva-404__dove a:hover { border-color: var(--viva-neon, #ED1C24); }
.viva-404__dove a.vivo {
background: var(--viva-rosso, #ED1C24); border-color: var(--viva-rosso, #ED1C24); color: #fff !important;
box-shadow: 0 0 18px -4px rgba(237,28,36,.9);
}
@media (max-height: 900px) {
.viva-404__dentro { padding-top: clamp(24px, 3.4vh, 56px); padding-bottom: clamp(24px, 3.4vh, 56px); }
.viva-404__codice { font-size: clamp(80px, 11vh, 200px) !important; }
.viva-404__titolo { font-size: clamp(32px, 5.4vh, 84px) !important; }
.viva-404__dice { font-size: 17px !important; }
.viva-404__scala { height: clamp(52px, 8vh, 86px); margin: clamp(26px, 5vh, 64px) 0 clamp(30px, 6vh, 74px); }
.viva-404__scala .lancetta { height: clamp(66px, 10vh, 104px); }
}
@media (max-width: 700px) {
.viva-404 { min-height: 0; }
.viva-404__scala { height: 66px; margin: 48px 0 58px; }
.viva-404__cerca { gap: 8px; }
.viva-404__cerca input[type="search"] { width: 100% !important; min-width: 0 !important; }
.viva-404__cerca button { flex: 0 0 auto; padding: 0 18px; }
}

.viva-archivio {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--alone: 0 0 0 1px rgba(11,11,13,.55), 0 14px 40px -26px rgba(237,28,36,.85), 0 2px 14px -8px rgba(237,28,36,.35);
--margine: clamp(18px, 5vw, 96px);
padding: clamp(10px, 1.6vw, 20px) var(--margine) clamp(40px, 5vw, 80px);
color: var(--viva-testo);
}
.archive .qt-pageheader .qt-container,
.search .qt-pageheader .qt-container {
max-width: none !important; width: auto !important;
margin-left: clamp(18px, 5vw, 96px) !important; margin-right: clamp(18px, 5vw, 96px) !important;
}
.viva-archivio__quanti {
color: var(--viva-testo-secondario, #8E8E99) !important; font-size: 14px !important; margin: 0 0 22px !important;
}
.viva-archivio__vuoto { color: var(--viva-testo-tenue, #D6D6DE); }
.viva-archivio__vuoto a { color: #fff; border-bottom: 1px solid var(--viva-rosso, #ED1C24); }
.viva-archivio__card {
display: flex; flex-direction: column; background: var(--viva-scheda, #000); border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px); overflow: hidden; box-shadow: var(--alone);
color: var(--viva-testo) !important; text-decoration: none !important; transition: transform .2s, box-shadow .2s;
}
.viva-archivio__card:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px var(--viva-rosso), 0 18px 44px -20px rgba(237,28,36,.9); }
.viva-archivio__foto { overflow: hidden; aspect-ratio: 2500 / 1044; background: #111; }
.viva-archivio__foto img {
display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; transition: transform .5s;
}
.viva-archivio__card:hover .viva-archivio__foto img { transform: scale(1.04); }
.viva-archivio__corpo {
padding: 14px 18px 18px; display: flex; flex-direction: column; gap: 7px; flex: 1; border-top: 2px solid var(--viva-rosso);
}
.viva-archivio__tag { display: flex; gap: 6px; flex-wrap: wrap; }
.viva-archivio__tag i {
font-style: normal; padding: 2px 9px; border-radius: 999px; background: #27272F; border: 1px solid var(--viva-bordo, #3D3D49);
font: 700 10px/1.5 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--viva-testo-tenue, #D6D6DE);
}
.viva-archivio__nome {
margin: 0 !important; font: 700 clamp(17px, 1.35vw, 21px)/1.16 var(--cond) !important; text-transform: uppercase;
letter-spacing: 0 !important; color: var(--viva-testo) !important;
}
.viva-archivio__quando {
color: var(--viva-testo-secondario, #8E8E99); font: 700 12px var(--cond); letter-spacing: .1em; text-transform: uppercase;
}
.viva-archivio__testo {
margin: 0 !important; color: var(--viva-testo-tenue, #D6D6DE); font-size: 14.5px; line-height: 1.5;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.viva-archivio__card.apertura {
display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
max-width: 1200px; margin: 0 auto 22px;
}
.apertura .viva-archivio__foto { aspect-ratio: auto; height: 100%; min-height: 280px; }
.apertura .viva-archivio__corpo { border-top: 0; border-left: 2px solid var(--viva-rosso); justify-content: center; padding: 26px 30px; }
.apertura .viva-archivio__nome { font-size: clamp(24px, 2.6vw, 38px) !important; }
.apertura .viva-archivio__testo { -webkit-line-clamp: 4; font-size: 16px; }
@media (max-width: 820px) {
.viva-archivio__card.apertura { grid-template-columns: 1fr; }
.apertura .viva-archivio__foto { aspect-ratio: 2500 / 1044; min-height: 0; }
.apertura .viva-archivio__corpo { border-left: 0; border-top: 2px solid var(--viva-rosso); padding: 18px 20px 20px; }
}
.viva-archivio__griglia { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 22px; }
@media (max-width: 980px) { .viva-archivio__griglia { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .viva-archivio__griglia { grid-template-columns: 1fr; } }
.viva-archivio__pagine { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 34px; }
.viva-archivio__pagine .page-numbers {
display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px;
border-radius: 999px; border: 1px solid var(--viva-bordo, #3D3D49); background: #000;
font: 700 14px var(--cond); letter-spacing: .08em; color: var(--viva-testo-tenue, #D6D6DE) !important; text-decoration: none !important;
}
.viva-archivio__pagine a.page-numbers:hover { border-color: var(--viva-neon, #ED1C24); }
.viva-archivio__pagine .page-numbers.current {
background: var(--viva-rosso, #ED1C24); border-color: var(--viva-rosso, #ED1C24); color: #fff !important;
box-shadow: 0 0 18px -4px rgba(237,28,36,.9);
}
.viva-archivio__pagine .page-numbers.salto { border: 0; background: none; min-width: 20px; padding: 0; color: var(--viva-testo-secondario, #8E8E99) !important; }
.viva-archivio .viva-eventi { position: relative; margin: 0 0 clamp(26px, 3.4vw, 44px); padding-left: 22px; }
.viva-archivio .viva-eventi::before {
content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 2px; border-radius: 2px;
background: linear-gradient(to bottom, var(--viva-rosso, #ED1C24) 0%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 62%, transparent) 18%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 15%, transparent) 100%);
box-shadow: 0 0 8px color-mix(in srgb, var(--viva-rosso, #ED1C24) 55%, transparent);
pointer-events: none;
}
.viva-eventi__titolo {
display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px;
margin: 0 0 18px !important; color: var(--viva-testo, #fff) !important;
font: 700 15px/1.2 "Roboto Condensed", "Arial Narrow", sans-serif !important;
letter-spacing: .14em !important; text-transform: uppercase !important;
}
.viva-eventi__titolo em {
font: 400 12px/1.2 "Roboto Condensed", sans-serif; letter-spacing: .06em; font-style: normal;
color: var(--viva-testo-secondario, #8E8E99);
}
.viva-eventi__titolo--passati {
position: relative; padding-left: 22px; margin: clamp(26px, 3.4vw, 44px) 0 18px !important;
}
.viva-eventi__titolo--passati::before {
content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; border-radius: 2px;
background: var(--viva-rosso, #ED1C24);
box-shadow: 0 0 8px color-mix(in srgb, var(--viva-rosso, #ED1C24) 55%, transparent);
}
.viva-eventi__vuoto {
margin: 0 !important; padding: clamp(22px, 3vw, 32px) clamp(20px, 3vw, 30px);
background: linear-gradient(135deg, #1b0d0f, #000);
border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px);
color: var(--viva-testo-tenue, #D6D6DE) !important;
font-size: clamp(15px, 1.5vw, 17px); line-height: 1.5;
}
.viva-archivio__quando--evento { color: var(--viva-rosso, #ED1C24) !important; text-transform: capitalize; }
.viva-luogo {
display: flex; align-items: flex-start; gap: 5px; margin: 0 !important;
color: var(--viva-testo-tenue, #D6D6DE); font: 400 13.5px/1.35 var(--cond, "Roboto Condensed", sans-serif);
}
.viva-luogo::before {
content: ""; flex: 0 0 auto; width: 12px; height: 15px; margin-top: 1px; background: var(--viva-rosso, #ED1C24);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='M6 0a6 6 0 0 0-6 6c0 4.5 6 10 6 10s6-5.5 6-10a6 6 0 0 0-6-6zm0 8.4A2.4 2.4 0 1 1 6 3.6a2.4 2.4 0 0 1 0 4.8z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='M6 0a6 6 0 0 0-6 6c0 4.5 6 10 6 10s6-5.5 6-10a6 6 0 0 0-6-6zm0 8.4A2.4 2.4 0 1 1 6 3.6a2.4 2.4 0 0 1 0 4.8z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.viva-scheda-testo .viva-luogo { font-size: 13px; }

.viva-vmd {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--alone: 0 0 0 1px rgba(11,11,13,.55), 0 14px 40px -26px rgba(237,28,36,.85), 0 2px 14px -8px rgba(237,28,36,.35);
}
.viva-vmd-scheda {
--margine: clamp(18px, 5vw, 96px);
padding: 0 0 clamp(40px, 5vw, 72px);
}
.viva-vmd-testa {
display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: 26px; align-items: center;
padding: clamp(20px, 3vw, 44px) var(--margine) clamp(16px, 2vw, 26px);
}
.viva-vmd-testa__cover {
width: 124px; height: 124px; border-radius: 4px; overflow: hidden; background: #111;
box-shadow: 0 14px 40px -26px rgba(237,28,36,.85); border: 1px solid var(--viva-bordo, #3D3D49);
}
.viva-vmd-testa__cover img {
width: 100% !important; height: 100% !important; max-width: none !important;
object-fit: cover; display: block;
transform: scale(1.55);
}
.viva-vmd-testa__titoli { position: relative; padding-left: 24px; min-width: 0; }
.viva-vmd-testa__titoli::before {
content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 2px; border-radius: 2px;
background: linear-gradient(var(--viva-rosso, #ED1C24), rgba(237,28,36,.15));
box-shadow: 0 0 8px rgba(237,28,36,.55);
}
.viva-vmd-testa__pastiglia {
display: inline-block; padding: 5px 12px; border-radius: 999px;
background: rgba(11,11,13,.74); border: 1px solid rgba(255,255,255,.22);
color: #fff !important; text-decoration: none !important;
font: 700 11px var(--cond); letter-spacing: .11em; text-transform: uppercase;
}
.viva-vmd-testa__titoli h1 {
margin: 10px 0 14px !important; color: var(--viva-testo, #fff) !important;
font: 700 clamp(24px, 3vw, 40px)/1.03 var(--cond) !important; text-transform: uppercase;
letter-spacing: 0 !important; border: 0 !important;
}
.viva-vmd-corpo { padding: 0 var(--margine); }
.viva-vmd-corpo .e-con-inner { margin-left: 0 !important; margin-right: 0 !important; }
.viva-vmd-corpo > .elementor > .elementor-element { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 760px) {
.viva-vmd-testa { grid-template-columns: 92px minmax(0, 1fr); gap: 16px; }
.viva-vmd-testa__cover { width: 92px; height: 92px; }
.viva-vmd-testa__titoli { padding-left: 16px; }
}
.viva-vmd__sez,
.viva-vmd-corpo .elementor-widget-heading .elementor-heading-title {
position: relative; padding-left: 20px; margin: 44px 0 18px !important;
font: 700 clamp(20px, 2vw, 28px)/1.1 var(--cond) !important; text-transform: uppercase !important;
color: var(--viva-testo) !important; letter-spacing: 0 !important;
}
.viva-vmd__sez::before,
.viva-vmd-corpo .elementor-widget-heading .elementor-heading-title::before {
content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 2px; border-radius: 2px;
background: var(--viva-rosso, #ED1C24); box-shadow: 0 0 10px rgba(237,28,36,.7);
}
.viva-vmd__testi .viva-vmd__sez { margin-top: 0 !important; }
.viva-vmd-corpo .elementor-widget-text-editor { color: var(--viva-testo-tenue, #D6D6DE); font-size: 16px; line-height: 1.62; }
.viva-vmd-corpo .elementor-widget-text-editor strong { color: #fff; }
.viva-vmd-corpo .elementor-widget-text-editor h3,
.viva-vmd-corpo .elementor-widget-text-editor h4 {
font: 700 20px var(--cond) !important; text-transform: uppercase; color: #fff !important; margin: 18px 0 6px !important;
}
.viva-vmd-corpo .elementor-widget-divider { display: none; }
.viva-vmd__intestazioni {
display: grid; grid-template-columns: 1fr 1fr; gap: 26px; position: sticky; top: 0; z-index: 2;
background: var(--viva-sfondo, #1C1C24); padding: 8px 0; border-bottom: 1px solid var(--viva-bordo, #3D3D49);
}
.viva-vmd__intestazioni div {
font: 700 13px var(--cond); letter-spacing: .16em; text-transform: uppercase; color: var(--viva-testo-secondario, #8E8E99);
}
.viva-vmd__coppia { padding: 16px 0; border-bottom: 1px solid rgba(61,61,73,.5); }
.viva-vmd__eti {
font: 700 12px var(--cond); letter-spacing: .18em; text-transform: uppercase; color: var(--viva-rosso, #ED1C24); margin-bottom: 6px;
}
.viva-vmd__due { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.viva-vmd__riga { white-space: pre-line; line-height: 1.62; }
.viva-vmd__riga.trad { color: var(--viva-testo-tenue, #D6D6DE); }
@media (max-width: 760px) {
.viva-vmd__intestazioni { display: none; }
.viva-vmd__due { grid-template-columns: 1fr; gap: 10px; }
.viva-vmd__riga.trad { padding-left: 12px; border-left: 2px solid var(--viva-rosso, #ED1C24); }
}
.viva-vmd__dischi { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 22px; }
@media (max-width: 620px) { .viva-vmd__dischi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } }
.viva-vmd__disco {
background: var(--viva-scheda, #000); border: 1px solid var(--viva-bordo, #3D3D49); border-radius: var(--viva-raggio, 6px);
overflow: hidden; box-shadow: var(--alone); color: var(--viva-testo) !important; text-decoration: none !important;
transition: transform .2s, box-shadow .2s; display: block;
}
.viva-vmd__disco:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px var(--viva-rosso), 0 18px 44px -20px rgba(237,28,36,.9); }
.viva-vmd__cop { aspect-ratio: 1; background: #111; overflow: hidden; }
.viva-vmd__cop img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform .5s; }
.viva-vmd__disco:hover .viva-vmd__cop img { transform: scale(1.04); }
.viva-vmd__sotto { padding: 14px 16px 16px; border-top: 2px solid var(--viva-rosso, #ED1C24); }
.viva-vmd__sotto h3 {
font: 700 16px/1.2 var(--cond) !important; text-transform: uppercase !important; margin: 0 !important;
color: var(--viva-testo) !important; letter-spacing: 0 !important;
}
.viva-vmd-cerca {
position: relative; display: flex; align-items: center; gap: 12px;
max-width: 820px; margin: 0 auto 6px;
}
.viva-vmd-cerca__lente {
position: absolute; left: 22px; top: 50%; transform: translateY(-50%); z-index: 2;
width: 22px; height: 22px; pointer-events: none;
}
.viva-vmd-cerca__lente svg { width: 22px; height: 22px; fill: none; stroke: var(--viva-testo-secondario, #8E8E99); stroke-width: 2; }
.viva-vmd-cerca__campo {
flex: 1 1 auto; width: 100% !important; height: 62px !important;
padding: 0 22px 0 58px !important; border-radius: 999px !important;
background: #0B0B0D !important; border: 1px solid var(--viva-bordo, #3D3D49) !important;
color: var(--viva-testo, #fff) !important; font: 400 17px Roboto, system-ui, sans-serif !important;
outline: 0; box-shadow: none !important; margin: 0 !important;
transition: border-color .15s, box-shadow .15s;
}
.viva-vmd-cerca__campo::placeholder { color: #6E6E7A; }
.viva-vmd-cerca__campo::-webkit-search-cancel-button { display: none; }
.viva-vmd-cerca__campo:focus {
border-color: var(--viva-rosso, #ED1C24) !important;
box-shadow: 0 0 0 3px rgba(237,28,36,.18) !important;
}
.viva-vmd-cerca__tasto {
flex: 0 0 auto; height: 46px; padding: 0 26px; border: 0; border-radius: 999px; cursor: pointer;
background: var(--viva-rosso, #ED1C24); color: #fff;
font: 700 13px var(--cond); letter-spacing: .14em; text-transform: uppercase;
}
.viva-vmd__stato {
display: flex; align-items: baseline; justify-content: space-between; gap: 18px; flex-wrap: wrap;
padding: 26px 4px 14px; border-bottom: 1px solid rgba(61,61,73,.5); margin-bottom: 22px;
}
.viva-vmd__quanti {
margin: 0 !important; color: var(--viva-testo-tenue, #D6D6DE);
font: 700 13px var(--cond); letter-spacing: .12em; text-transform: uppercase;
}
.viva-vmd__quanti em { font-style: normal; color: var(--viva-testo, #fff); }
.viva-vmd__tutte {
color: var(--viva-rosso, #ED1C24) !important; font: 700 12px var(--cond);
letter-spacing: .12em; text-transform: uppercase; text-decoration: underline !important; text-underline-offset: 3px;
}
.viva-vmd__artista {
margin: 4px 0 0 !important; color: var(--viva-testo-secondario, #8E8E99);
font: 400 13px/1.35 Roboto, system-ui, sans-serif !important;
}
.viva-vmd__ricerca mark { background: none !important; color: var(--viva-rosso, #ED1C24) !important; }
.viva-vmd__disco[hidden] { display: none !important; }
.viva-vmd__niente { padding: 10px 4px 20px; }
.viva-vmd__niente[hidden] { display: none !important; }
.viva-vmd__niente p { margin: 0 0 18px; color: var(--viva-testo-tenue, #D6D6DE); }
.viva-vmd__niente b { color: var(--viva-testo, #fff); }
.viva-vmd__forse {
color: var(--viva-testo-secondario, #8E8E99); font: 700 12px var(--cond);
letter-spacing: .12em; text-transform: uppercase; margin-bottom: 14px;
}
.viva-vmd__prove { display: flex; flex-wrap: wrap; gap: 10px; }
.viva-vmd__prove a {
background: #0B0B0D; border: 1px solid var(--viva-bordo, #3D3D49); border-radius: 999px;
color: var(--viva-testo-tenue, #D6D6DE) !important; text-decoration: none !important;
padding: 9px 18px; font: 400 14px Roboto, system-ui, sans-serif;
}
.viva-vmd__prove a:hover { border-color: var(--viva-rosso, #ED1C24); color: var(--viva-testo, #fff) !important; }
@media (max-width: 620px) {
.viva-vmd-cerca__campo { height: 54px; font-size: 16px !important; }
.viva-vmd-cerca__tasto { height: 40px; padding: 0 18px; }
}

.viva-spotify {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--margine: clamp(16px, 2.8vw, 56px);
display: block;
margin: 0 0 clamp(30px, 4vw, 56px);
color: var(--viva-testo, #fff);
}
.viva-spotify__dentro {
position: relative;
max-width: 1240px;
padding: 0 var(--margine) 0 calc(var(--margine) + 22px);
}
.viva-spotify__dentro::before {
content: ""; position: absolute; left: var(--margine); top: 6px; bottom: 44px;
width: 2px; border-radius: 2px;
background: linear-gradient(to bottom, var(--viva-rosso, #ED1C24) 0%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 62%, transparent) 18%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 15%, transparent) 100%);
box-shadow: 0 0 8px color-mix(in srgb, var(--viva-rosso, #ED1C24) 55%, transparent);
pointer-events: none;
}
.viva-spotify__titolo {
display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px;
margin: 0 0 20px !important; color: var(--viva-testo, #fff) !important;
font: 700 15px/1.2 var(--cond) !important; letter-spacing: .14em !important;
text-transform: uppercase !important;
}
.viva-spotify__titolo em {
font: 400 12px/1.2 var(--cond); letter-spacing: .06em; font-style: normal;
color: var(--viva-testo-secondario, #8E8E99);
}
.viva-spotify__podio {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
margin: 0 0 26px;
}
.viva-spotify__scheda {
position: relative; display: block; overflow: hidden;
background: var(--viva-scheda, #000); border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px);
color: var(--viva-testo, #fff) !important; text-decoration: none !important;
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55), 0 14px 40px -26px rgba(237, 28, 36, .85);
transition: transform .2s, box-shadow .2s;
}
.viva-spotify__scheda:hover,
.viva-spotify__scheda:focus-visible {
transform: translateY(-4px);
box-shadow: 0 0 0 1px var(--viva-rosso, #ED1C24), 0 18px 44px -20px rgba(237, 28, 36, .9);
}
.viva-spotify__foto {
display: block; position: relative; aspect-ratio: 1; overflow: hidden; background: #111;
}
.viva-spotify__foto img {
display: block; width: 100% !important; height: 100% !important; max-width: none !important;
object-fit: cover; transition: transform .5s;
}
.viva-spotify__scheda:hover .viva-spotify__foto img { transform: scale(1.04); }
.viva-spotify__medaglia {
position: absolute; left: 14px; top: 6px; z-index: 2;
font: 700 62px/1 var(--cond); color: var(--viva-testo, #fff);
text-shadow: 0 4px 20px rgba(0, 0, 0, .9);
}
.viva-spotify__scheda:first-child .viva-spotify__medaglia {
color: var(--viva-rosso, #ED1C24); text-shadow: 0 0 26px rgba(237, 28, 36, .75);
}
.viva-spotify__corpo {
display: flex; flex-direction: column; gap: 5px;
padding: 14px 18px 18px; border-top: 2px solid var(--viva-rosso, #ED1C24);
}
.viva-spotify__scheda .viva-spotify__tit { font-size: 22px; white-space: normal; }
.viva-spotify__lista {
display: block; border-top: 1px solid var(--viva-bordo, #3D3D49);
}
.viva-spotify__riga {
position: relative;
display: grid; grid-template-columns: 54px 60px minmax(0, 1fr) auto auto auto;
align-items: center; gap: 16px;
padding: 10px 12px 10px 0;
border-bottom: 1px solid color-mix(in srgb, var(--viva-bordo, #3D3D49) 62%, transparent);
transition: background .15s;
}
.viva-spotify__riga:hover { background: var(--viva-superficie-alta, #30303A); }
.viva-spotify__pos {
text-align: right; font: 700 30px/1 var(--cond); color: #3F3F4C;
}
.viva-spotify__cop {
display: block; width: 60px; height: 60px; overflow: hidden;
border-radius: 4px; background: #111;
}
.viva-spotify__cop img {
display: block; width: 100% !important; height: 100% !important; max-width: none !important;
object-fit: cover;
}
.viva-spotify__testi { display: block; min-width: 0; }
.viva-spotify__tit {
display: block; font: 700 18px/1.15 var(--cond); text-transform: uppercase;
color: var(--viva-testo, #fff) !important; text-decoration: none !important;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.viva-spotify__riga:hover .viva-spotify__tit,
.viva-spotify__tit:focus-visible { color: var(--viva-rosso, #ED1C24) !important; }
.viva-spotify__art {
display: block; font-size: 13px; line-height: 1.35; color: var(--viva-testo-secondario, #8E8E99);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.viva-spotify__dur {
font: 12.5px/1 ui-monospace, Menlo, Consolas, monospace; color: #6C6C7A;
}
.viva-spotify__play {
display: grid; place-items: center; flex: none;
width: 34px; height: 34px; padding: 0;
border: 1px solid var(--viva-bordo, #3D3D49); border-radius: 50%;
background: var(--viva-scheda, #000); color: #fff; cursor: pointer;
transition: background .15s, border-color .15s, transform .15s;
}
.viva-spotify__play::before {
content: "\25B6"; font-size: 11px; line-height: 1; margin-left: 2px;
}
.viva-spotify__play:hover,
.viva-spotify__play:focus-visible {
background: var(--viva-rosso, #ED1C24); border-color: var(--viva-rosso, #ED1C24);
}
.viva-spotify__play.suona {
background: var(--viva-rosso, #ED1C24); border-color: var(--viva-rosso, #ED1C24);
}
.viva-spotify__play.suona::before { content: "\25A0"; margin-left: 0; }
.viva-spotify__play--muto { opacity: .22; cursor: default; }
.viva-spotify__play--muto:hover { background: var(--viva-scheda, #000); border-color: var(--viva-bordo, #3D3D49); }
.viva-spotify__play--grande {
position: absolute; right: 14px; bottom: 14px; z-index: 2;
width: 46px; height: 46px; border: 0;
background: var(--viva-rosso, #ED1C24);
box-shadow: 0 8px 24px rgba(0, 0, 0, .6);
}
.viva-spotify__play--grande::before { font-size: 15px; }
.viva-spotify__play--grande:hover { transform: scale(1.08); }
.viva-spotify__fuori {
display: grid; place-items: center; width: 22px; height: 22px;
color: var(--viva-testo, #fff) !important; opacity: .42; transition: opacity .15s;
}
.viva-spotify__fuori:hover, .viva-spotify__fuori:focus-visible { opacity: 1; }
.viva-spotify__fuori svg { width: 22px; height: 22px; fill: currentColor; }
.viva-spotify__barra {
position: absolute; left: 0; bottom: 0; z-index: 3;
height: 2px; width: 0; background: var(--viva-rosso, #ED1C24);
box-shadow: 0 0 8px rgba(237, 28, 36, .8); pointer-events: none;
}
.viva-spotify__fonte { margin: 18px 0 0 !important; }
.viva-spotify__fonte a {
display: inline-flex; align-items: center; gap: 9px;
color: var(--viva-testo-secondario, #8E8E99) !important; text-decoration: none !important;
font: 700 12px/1 var(--cond); letter-spacing: .12em; text-transform: uppercase;
transition: color .15s;
}
.viva-spotify__fonte a:hover { color: var(--viva-testo, #fff) !important; }
.viva-spotify__fonte svg { width: 18px; height: 18px; fill: currentColor; }
@media (max-width: 1100px) {
.viva-spotify__medaglia { font-size: 48px; }
.viva-spotify__scheda .viva-spotify__tit { font-size: 18px; }
.viva-spotify__corpo { padding: 12px 14px 15px; }
}
@media (max-width: 820px) {
.viva-spotify__podio { grid-template-columns: 1fr; }
.viva-spotify__scheda .viva-spotify__tit { font-size: 22px; }
}
@media (max-width: 700px) {
.viva-spotify { --margine: 10px; }
.viva-spotify__dentro { padding: 0 var(--margine) 0 calc(var(--margine) + 14px); }
.viva-spotify__riga { grid-template-columns: 30px 48px minmax(0, 1fr) auto auto; gap: 10px; }
.viva-spotify__cop { width: 48px; height: 48px; }
.viva-spotify__pos { font-size: 20px; }
.viva-spotify__tit {
font-size: 15px; white-space: normal; overflow: hidden;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.viva-spotify__art { white-space: normal; font-size: 12px; }
.viva-spotify__dur { display: none; }
.viva-spotify__medaglia { font-size: 40px; left: 10px; }
}

.viva-tessere {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--margine: clamp(16px, 2.8vw, 56px);
position: relative;
max-width: 1240px;
margin: 0 auto clamp(30px, 4vw, 52px);
padding: 0 var(--margine) 0 calc(var(--margine) + 22px);
color: var(--viva-testo, #fff);
}
.viva-tessere::before {
content: ""; position: absolute; left: var(--margine); top: 6px; bottom: 10px;
width: 2px; border-radius: 2px;
background: linear-gradient(to bottom, var(--viva-rosso, #ED1C24) 0%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 62%, transparent) 18%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 15%, transparent) 100%);
box-shadow: 0 0 8px color-mix(in srgb, var(--viva-rosso, #ED1C24) 55%, transparent);
pointer-events: none;
}
.viva-tessere__titolo {
display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px;
margin: 0 0 18px !important; color: var(--viva-testo, #fff) !important;
font: 700 15px/1.2 var(--cond) !important; letter-spacing: .14em !important;
text-transform: uppercase !important;
}
.viva-tessere__titolo em {
font: 400 12px/1.2 var(--cond); letter-spacing: .06em; font-style: normal;
color: var(--viva-testo-secondario, #8E8E99);
}
.viva-tessere__muro {
display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px;
}
.viva-tessera {
position: relative; display: block; aspect-ratio: 1; overflow: hidden;
border: 1px solid var(--viva-bordo, #3D3D49); border-radius: var(--viva-raggio, 6px);
background: #111; color: var(--viva-testo, #fff) !important; text-decoration: none !important;
transition: transform .2s, border-color .2s, box-shadow .2s;
}
.viva-tessera:hover,
.viva-tessera:focus-within {
border-color: var(--viva-rosso, #ED1C24); transform: translateY(-3px);
box-shadow: 0 18px 44px -20px rgba(237, 28, 36, .9);
}
.viva-tessera img {
position: absolute; inset: 0; width: 100% !important; height: 100% !important;
max-width: none !important; object-fit: cover; opacity: .5; transition: opacity .4s, transform .4s;
}
.viva-tessera:hover img, .viva-tessera:focus-within img { opacity: .78; transform: scale(1.05); }
.viva-tessera__velo {
position: absolute; inset: 0;
background: linear-gradient(rgba(11, 11, 13, .25), rgba(11, 11, 13, .92));
}
.viva-tessera__eti { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 14px 16px 16px; }
.viva-tessera--natale .viva-tessera__eti { bottom: 38px; padding-bottom: 10px; }
.viva-tessera__grande {
display: block; font: 700 clamp(38px, 3.6vw, 54px)/1 var(--cond); color: #fff;
text-shadow: 0 4px 20px rgba(0, 0, 0, .9); transition: color .2s;
}
.viva-tessera:hover .viva-tessera__grande { color: var(--viva-rosso, #ED1C24); }
.viva-tessera__piccolo {
display: block; margin-top: 4px; font: 700 12px/1.25 var(--cond); letter-spacing: .06em;
text-transform: uppercase; color: var(--viva-testo-tenue, #D6D6DE);
}
.viva-tessera__guarda { position: absolute; inset: 0; z-index: 1; }
.viva-tessera--natale { cursor: pointer; }
.viva-tessera__tondo {
position: absolute; top: 12px; z-index: 3;
display: grid; place-items: center; width: 36px; height: 36px; padding: 0;
border-radius: 50%; border: 0; cursor: pointer; font-size: 12px;
color: #fff; background: var(--viva-rosso, #ED1C24);
box-shadow: 0 8px 24px rgba(0, 0, 0, .6); transition: transform .15s, background .15s, border-color .15s;
}
.viva-tessera__tondo:hover { transform: scale(1.08); }
.viva-tessera__tondo--suona { right: 12px; }
.viva-tessera__tondo--suona::before { content: "\25B6"; margin-left: 2px; }
.viva-tessera__tondo--suona.suona::before { content: "\25A0"; margin-left: 0; }
.viva-tessera__scarica {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; height: 38px;
display: flex; align-items: center; justify-content: center; gap: 8px;
background: rgba(11, 11, 13, .88); border-top: 1px solid var(--viva-bordo, #3D3D49);
color: var(--viva-testo-tenue, #D6D6DE) !important; text-decoration: none !important;
font: 700 11px/1 var(--cond); letter-spacing: .14em; text-transform: uppercase;
transition: background .15s, color .15s;
}
.viva-tessera__scarica:hover,
.viva-tessera__scarica:focus-visible {
background: var(--viva-rosso, #ED1C24); color: #fff !important; border-top-color: var(--viva-rosso, #ED1C24);
}
.viva-tessera__scarica svg { width: 13px; height: 13px; fill: currentColor; flex: none; }
.viva-tessera__barra {
position: absolute; left: 0; bottom: 38px; z-index: 4; height: 3px; width: 0;
background: var(--viva-rosso, #ED1C24); box-shadow: 0 0 8px rgba(237, 28, 36, .8);
pointer-events: none;
}
@media (max-width: 700px) {
.viva-tessere { --margine: 10px; padding: 0 var(--margine) 0 calc(var(--margine) + 14px); }
.viva-tessere__muro { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.viva-tessera__eti { padding: 10px 12px 12px; }
.viva-tessera__piccolo { font-size: 11px; }
.viva-tessera__tondo { width: 32px; height: 32px; }
.viva-tessera__scarica { height: 34px; font-size: 10px; letter-spacing: .1em; }
.viva-tessera--natale .viva-tessera__eti { bottom: 34px; }
.viva-tessera__barra { bottom: 34px; }
}

.viva-partner {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--margine: clamp(16px, 2.8vw, 56px);
position: relative;
display: block;
max-width: 1240px;
margin: 0 auto clamp(30px, 4vw, 52px);
padding: 0 var(--margine) 0 calc(var(--margine) + 22px);
color: var(--viva-testo, #fff);
}
.viva-partner::before {
content: ""; position: absolute; left: var(--margine); top: 6px; bottom: 10px;
width: 2px; border-radius: 2px;
background: linear-gradient(to bottom, var(--viva-rosso, #ED1C24) 0%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 62%, transparent) 18%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 15%, transparent) 100%);
box-shadow: 0 0 8px color-mix(in srgb, var(--viva-rosso, #ED1C24) 55%, transparent);
pointer-events: none;
}
.viva-partner__titolo {
display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px;
margin: 0 0 20px !important; color: var(--viva-testo, #fff) !important;
font: 700 15px/1.2 var(--cond) !important; letter-spacing: .14em !important;
text-transform: uppercase !important;
}
.viva-partner__titolo em {
font: 400 12px/1.2 var(--cond); letter-spacing: .06em; font-style: normal;
color: var(--viva-testo-secondario, #8E8E99);
}
.viva-partner__muro {
display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 18px;
}
.viva-partner__scheda {
display: flex; flex-direction: column; overflow: hidden;
background: var(--viva-scheda, #000); border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px);
color: var(--viva-testo, #fff) !important; text-decoration: none !important;
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55), 0 14px 40px -26px rgba(237, 28, 36, .85);
transition: transform .2s, box-shadow .2s;
}
a.viva-partner__scheda:hover,
a.viva-partner__scheda:focus-visible {
transform: translateY(-4px);
box-shadow: 0 0 0 1px var(--viva-rosso, #ED1C24), 0 18px 44px -20px rgba(237, 28, 36, .9);
}
.viva-partner__scheda--ferma { cursor: default; }
.viva-partner__vetro {
display: grid; place-items: center; background: #fff; padding: 16px;
}
.viva-partner__vetro img {
display: block; width: 100% !important; height: auto !important; max-width: none !important;
aspect-ratio: 1; object-fit: contain;
}
.viva-partner__corpo {
display: flex; flex-direction: column; gap: 4px; flex: 1;
padding: 12px 14px 14px; border-top: 2px solid var(--viva-rosso, #ED1C24);
}
.viva-partner__tipo {
font: 700 10.5px/1.2 var(--cond); letter-spacing: .14em; text-transform: uppercase;
color: var(--viva-rosso, #ED1C24);
}
.viva-partner__nome {
font: 700 15px/1.15 var(--cond); text-transform: uppercase; color: var(--viva-testo, #fff);
}
@media (max-width: 700px) {
.viva-partner { --margine: 10px; padding: 0 var(--margine) 0 calc(var(--margine) + 14px); }
.viva-partner__muro { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
.viva-partner__vetro { padding: 12px; }
.viva-partner__nome { font-size: 13.5px; }
}

.viva-contatti {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
--margine: clamp(16px, 2.8vw, 56px);
--verde: #25D366;
display: block; max-width: 1240px; margin: 0 auto clamp(30px, 4vw, 52px);
padding: 0 var(--margine);
color: var(--viva-testo, #fff);
}
.viva-contatti__icona { width: 1em; height: 1em; fill: currentColor; flex: none; }
.viva-contatti__verde {
position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
padding: clamp(22px, 3vw, 34px) clamp(22px, 3vw, 38px);
background: linear-gradient(135deg, #1b0d0f 0%, #000 60%);
border: 1px solid var(--viva-bordo, #3D3D49); border-radius: var(--viva-raggio, 6px);
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55), 0 18px 50px -28px rgba(237, 28, 36, .95);
overflow: hidden;
}
.viva-contatti__verde::before {
content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
background: var(--viva-rosso, #ED1C24); box-shadow: 0 0 18px rgba(237, 28, 36, .8);
}
.viva-contatti__verde-eti {
display: inline-flex; align-items: center; gap: 9px;
font: 700 12px/1.2 var(--cond); letter-spacing: .16em; text-transform: uppercase;
color: var(--viva-rosso, #ED1C24);
}
.viva-contatti__verde-eti .viva-contatti__icona { width: 17px; height: 17px; }
.viva-contatti__verde-num {
display: block; margin: 2px 0 0;
font: 700 clamp(40px, 6.4vw, 78px)/1 var(--cond); letter-spacing: .01em;
color: #fff !important; text-decoration: none !important;
text-shadow: 0 0 34px rgba(237, 28, 36, .45);
}
.viva-contatti__verde-num:hover { color: var(--viva-rosso, #ED1C24) !important; }
.viva-contatti__verde-nota { font-size: 13.5px; color: var(--viva-testo-secondario, #8E8E99); }
.viva-contatti__sez { position: relative; margin-top: clamp(28px, 3.4vw, 46px); padding-left: 22px; }
.viva-contatti__sez::before {
content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 2px; border-radius: 2px;
background: linear-gradient(to bottom, var(--viva-rosso, #ED1C24) 0%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 62%, transparent) 18%,
color-mix(in srgb, var(--viva-rosso, #ED1C24) 15%, transparent) 100%);
box-shadow: 0 0 8px color-mix(in srgb, var(--viva-rosso, #ED1C24) 55%, transparent);
pointer-events: none;
}
.viva-contatti__titolo {
margin: 0 0 18px !important; color: var(--viva-testo, #fff) !important;
font: 700 15px/1.2 var(--cond) !important; letter-spacing: .14em !important;
text-transform: uppercase !important;
}
.viva-contatti__diretta {
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px;
}
.viva-contatti__grande {
display: flex; align-items: center; gap: 18px; padding: 24px;
background: linear-gradient(135deg, #17171d, #000);
border: 1px solid var(--viva-bordo, #3D3D49); border-radius: var(--viva-raggio, 6px);
color: var(--viva-testo, #fff) !important; text-decoration: none !important;
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55), 0 14px 40px -26px rgba(237, 28, 36, .85);
transition: transform .2s, border-color .2s;
}
.viva-contatti__grande:hover,
.viva-contatti__grande:focus-visible { transform: translateY(-3px); border-color: var(--viva-rosso, #ED1C24); }
.viva-contatti__grande--verde:hover { border-color: var(--verde); }
.viva-contatti__tondo {
display: grid; place-items: center; flex: none; width: 60px; height: 60px; border-radius: 50%;
background: var(--viva-rosso, #ED1C24); color: #fff;
}
.viva-contatti__tondo .viva-contatti__icona { width: 26px; height: 26px; }
.viva-contatti__grande--verde .viva-contatti__tondo { background: var(--verde); color: #08210f; }
.viva-contatti__grande b {
display: block; font: 700 clamp(24px, 2.4vw, 34px)/1 var(--cond); color: #fff;
}
.viva-contatti__grande b + span {
display: block; margin-top: 5px; font: 700 11px var(--cond); letter-spacing: .16em;
text-transform: uppercase; color: var(--viva-rosso, #ED1C24);
}
.viva-contatti__grande--verde b + span { color: var(--verde); }
.viva-contatti__social {
display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;
}
@media (max-width: 1100px) { .viva-contatti__social { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .viva-contatti__social { grid-template-columns: minmax(0, 1fr); } }
.viva-contatti__social-tasto > span { min-width: 0; }
.viva-contatti__social-tasto {
display: flex; align-items: center; gap: 16px; padding: 20px 22px;
border-radius: var(--viva-raggio, 6px); color: #fff !important; text-decoration: none !important;
box-shadow: 0 14px 40px -26px rgba(0, 0, 0, .9);
transition: transform .2s, filter .2s;
}
.viva-contatti__social-tasto:hover,
.viva-contatti__social-tasto:focus-visible { transform: translateY(-3px); filter: brightness(1.08); }
.viva-contatti__social-tasto:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.viva-contatti__social-tasto--facebook { background: #1877F2; }
.viva-contatti__social-tasto--instagram {
background: radial-gradient(circle at 30% 107%, #FDF497 0%, #FDF497 5%, #FD5949 45%, #D6249F 60%, #285AEB 90%);
}
.viva-contatti__social-tasto--youtube { background: #FF0000; --yt-fondo: #FF0000; }
.viva-contatti__social-tasto--tiktok { background: #000; box-shadow: inset 0 0 0 1px #2a2a33, 0 14px 40px -26px rgba(0, 0, 0, .9); }
.viva-contatti__logo { flex: none; width: 40px; height: 40px; }
.viva-contatti__social-tasto b {
display: block; font: 700 clamp(20px, 2vw, 26px)/1 var(--cond); color: #fff;
}
.viva-contatti__social-tasto b + span {
display: block; margin-top: 5px; font: 700 12px var(--cond); letter-spacing: .06em; color: rgba(255, 255, 255, .88);
overflow-wrap: anywhere;
}
.viva-contatti__griglia {
display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px;
}
.viva-contatti__scheda {
position: relative; display: flex; flex-direction: column; gap: 5px; overflow: hidden;
padding: 20px 22px 22px;
background: var(--viva-scheda, #000); border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px);
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55), 0 14px 40px -26px rgba(237, 28, 36, .85);
}
.viva-contatti__scheda::before {
content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
background: var(--viva-rosso, #ED1C24);
}
.viva-contatti__eti {
font: 700 11px var(--cond); letter-spacing: .16em; text-transform: uppercase;
color: var(--viva-rosso, #ED1C24);
}
.viva-contatti__numero {
display: block; font: 700 clamp(26px, 2.4vw, 34px)/1.05 var(--cond);
color: #fff !important; text-decoration: none !important;
}
.viva-contatti__numero:hover { color: var(--viva-rosso, #ED1C24) !important; }
.viva-contatti__nota { font-size: 13.5px; color: var(--viva-testo-secondario, #8E8E99); }
.viva-contatti__mail {
display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: 6px;
font: 700 14px var(--cond); letter-spacing: .03em;
color: var(--viva-testo-tenue, #D6D6DE) !important; text-decoration: none !important;
border-bottom: 1px solid var(--viva-bordo, #3D3D49); padding-bottom: 2px;
}
.viva-contatti__mail:hover { color: #fff !important; border-bottom-color: var(--viva-rosso, #ED1C24); }
.viva-contatti__mail .viva-contatti__icona { width: 15px; height: 15px; }
.viva-contatti__documenti {
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px;
}
.viva-contatti__doc {
position: relative; display: flex; align-items: center; gap: 20px; overflow: hidden;
padding: 26px 24px;
background: var(--viva-scheda, #000); border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px);
color: var(--viva-testo, #fff) !important; text-decoration: none !important;
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55), 0 14px 40px -26px rgba(237, 28, 36, .85);
transition: transform .2s, border-color .2s;
}
.viva-contatti__doc:hover,
.viva-contatti__doc:focus-visible { transform: translateY(-3px); border-color: var(--viva-rosso, #ED1C24); }
.viva-contatti__doc-icona {
display: grid; place-items: center; flex: none; width: 74px; height: 74px;
border-radius: var(--viva-raggio, 6px);
background: linear-gradient(135deg, #1b0d0f, #000);
border: 1px solid var(--viva-bordo, #3D3D49); color: var(--viva-rosso, #ED1C24);
}
.viva-contatti__doc:hover .viva-contatti__doc-icona {
background: var(--viva-rosso, #ED1C24); border-color: var(--viva-rosso, #ED1C24); color: #fff;
}
.viva-contatti__doc-icona .viva-contatti__icona { width: 34px; height: 34px; }
.viva-contatti__doc-testo { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.viva-contatti__doc-testo b {
font: 700 clamp(17px, 1.6vw, 21px)/1.15 var(--cond); letter-spacing: .04em;
text-transform: uppercase; color: #fff;
}
.viva-contatti__doc-testo span { font-size: 13.5px; color: var(--viva-testo-secondario, #8E8E99); }
.viva-contatti__doc-pdf {
position: absolute; right: 14px; top: 14px;
font: 700 10px var(--cond); letter-spacing: .18em; color: var(--viva-testo-secondario, #8E8E99);
border: 1px solid var(--viva-bordo, #3D3D49); border-radius: 3px; padding: 2px 6px;
}
@media (max-width: 700px) {
.viva-contatti { --margine: 12px; }
.viva-contatti__grande { padding: 18px; gap: 14px; }
.viva-contatti__tondo { width: 50px; height: 50px; }
}

.viva-banner { max-width: 800px; margin: 0 auto; }
.viva-banner__uno { display: block; line-height: 0; }
.viva-banner__uno[hidden] { display: none; }
.viva-banner img { display: block; width: 100%; height: auto; border-radius: 2px; }
body.home .viva-riga-banner:not(:has(.viva-banner)) { display: none !important; }

.vf-cookie{
position:fixed; z-index:9500;
left:0; right:0; bottom:98px;
box-sizing:border-box;
padding:18px 20px 16px;
background:var(--viva-superficie,#27272F);
border-top:1px solid var(--viva-bordo,#3D3D49);
box-shadow:0 -14px 40px -14px rgba(0,0,0,.8);
color:var(--viva-testo-tenue,#D6D6DE);
font:400 14px/1.5 Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
max-height:calc(100vh - 98px); overflow:auto;
animation:vf-cookie-su .28s cubic-bezier(.4,0,.2,1);
}
@keyframes vf-cookie-su{ from{ opacity:0; transform:translateY(12px); } }
@media (prefers-reduced-motion:reduce){ .vf-cookie{ animation:none; } }
.vf-cookie__dentro{
position:relative; max-width:1200px; margin:0 auto;
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,380px);
grid-template-areas:"titolo tasti" "messaggio tasti" "categorie categorie";
column-gap:40px; align-items:center;
}
.vf-cookie__titolo{
grid-area:titolo; margin:0 40px 6px 0;
color:var(--viva-testo,#FFFFFF);
font:700 17px/1.25 "Roboto Condensed",Roboto,sans-serif;
text-transform:uppercase; letter-spacing:.02em;
}
.vf-cookie__messaggio{ grid-area:messaggio; margin:0; max-width:78ch; }
.vf-cookie__messaggio a{ color:var(--viva-testo,#FFFFFF); text-decoration:underline; text-underline-offset:2px; }
.vf-cookie__messaggio a:hover{ color:var(--viva-rosso,#ED1C24); }
.vf-cookie__x{
position:absolute; top:-8px; right:-8px;
width:32px; height:32px; padding:0; border:0; border-radius:999px;
background:transparent; color:var(--viva-testo-secondario,#8E8E99); cursor:pointer;
}
.vf-cookie__x svg{ width:18px; height:18px; stroke:currentColor; stroke-width:2; fill:none; display:block; margin:auto; }
.vf-cookie__x:hover, .vf-cookie__x:focus-visible{ color:var(--viva-testo,#FFFFFF); background:var(--viva-superficie-alta,#30303A); }
.vf-cookie__categorie{
grid-area:categorie; margin:14px 0 0; padding-top:12px;
border-top:1px solid var(--viva-bordo,#3D3D49);
display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 28px;
}
.vf-cookie__categorie[hidden]{ display:none; }
.vf-cookie__categoria{ display:flex; gap:12px; align-items:flex-start; cursor:pointer; }
.vf-cookie__categoria input{ flex:0 0 auto; width:18px; height:18px; margin:2px 0 0; accent-color:var(--viva-rosso,#ED1C24); }
.vf-cookie__categoria input:disabled{ opacity:.6; }
.vf-cookie__cat-testo b{ display:block; color:var(--viva-testo,#FFFFFF); font-weight:700; }
.vf-cookie__cat-testo span{ display:block; font-size:13px; color:var(--viva-testo-secondario,#8E8E99); }
.vf-cookie__tasti{ grid-area:tasti; display:flex; flex-wrap:wrap; gap:8px; margin-right:36px; }
.vf-cookie__tasto{
flex:1 1 0; min-width:0; min-height:42px; padding:9px 12px;
border-radius:var(--viva-raggio,6px); cursor:pointer;
font:700 13px/1.2 "Roboto Condensed",Roboto,sans-serif; text-transform:uppercase; letter-spacing:.04em;
}
.vf-cookie__tasto.vf-cookie__x{ flex:none; min-height:0; padding:0; border-radius:999px; }
.vf-cookie__rifiuta, .vf-cookie__accetta{ border:1px solid transparent; color:#FFFFFF; }
.vf-cookie__rifiuta{ background:var(--viva-superficie-alta,#30303A); border-color:var(--viva-testo-secondario,#8E8E99); }
.vf-cookie__accetta{ background:var(--viva-rosso,#ED1C24); border-color:var(--viva-rosso,#ED1C24); }
.vf-cookie__scegli{
flex-basis:100%; order:3; min-height:0; padding:4px 0 0;
border:0; background:none; color:var(--viva-testo-tenue,#D6D6DE);
text-decoration:underline; text-underline-offset:3px;
}
.vf-cookie__rifiuta:hover{ background:var(--viva-bordo,#3D3D49); }
.vf-cookie__accetta:hover{ filter:brightness(1.1); }
.vf-cookie__scegli:hover{ color:var(--viva-testo,#FFFFFF); }
.vf-cookie__tasto:focus-visible, .vf-cookie__messaggio a:focus-visible{ outline:2px solid #FFFFFF; outline-offset:2px; }
@media (max-width:900px){
.vf-cookie__dentro{ grid-template-columns:minmax(0,1fr); grid-template-areas:"titolo" "messaggio" "categorie" "tasti"; }
.vf-cookie__tasti{ margin:14px 0 0; }
.vf-cookie__x{ top:-6px; right:-6px; }
}
@media (max-width:600px){
.vf-cookie{ bottom:76px; max-height:calc(100vh - 76px); padding:14px 16px 12px; }
.vf-cookie__titolo{ font-size:16px; }
.vf-cookie__messaggio{ font-size:13px; }
.vf-cookie__categorie{ grid-template-columns:minmax(0,1fr); gap:10px; }
}
.vf-esterno{
position:relative; width:100%; max-width:100%; min-height:220px; margin:0 0 1.5em;
display:flex; align-items:center; justify-content:center; box-sizing:border-box;
background:var(--viva-scheda,#000000);
border:1px solid var(--viva-bordo,#3D3D49); border-radius:var(--viva-raggio,6px);
color:var(--viva-testo-tenue,#D6D6DE);
}
.vf-esterno__velo{ max-width:520px; padding:20px; text-align:center; font-size:14px; line-height:1.5; }
.vf-esterno__velo p{ margin:0 0 12px; }
.vf-esterno__velo p:last-child{ margin:0; }
.vf-esterno__tasti{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.vf-esterno__velo button{
min-height:40px; padding:8px 16px; border-radius:var(--viva-raggio,6px); cursor:pointer;
font:700 13px/1.2 "Roboto Condensed",Roboto,sans-serif; text-transform:uppercase; letter-spacing:.04em;
}
.vf-esterno__mostra{ background:var(--viva-rosso,#ED1C24); border:1px solid var(--viva-rosso,#ED1C24); color:#FFFFFF; }
.vf-esterno__sempre{ background:transparent; border:1px solid var(--viva-testo-secondario,#8E8E99); color:var(--viva-testo-tenue,#D6D6DE); }
.vf-esterno__mostra:hover{ filter:brightness(1.1); }
.vf-esterno__sempre:hover{ color:#FFFFFF; border-color:#FFFFFF; }

#viva-barra{
position:fixed; left:0; right:0; bottom:0; z-index:9000;
background:var(--viva-scheda,#000000);
border-top:1px solid var(--viva-bordo,#3D3D49);
color:var(--viva-testo-tenue,#D6D6DE);
font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
display:flex; align-items:center; gap:16px;
padding:13px 20px 15px;
box-shadow:0 -10px 34px -18px rgba(237,28,36,.95),
0 -1px 0 0 color-mix(in srgb, var(--viva-rosso,#ED1C24) 26%, transparent);
transform:translateY(100%);
transition:transform .28s cubic-bezier(.4,0,.2,1);
}
#viva-barra.viva-dentro{ transform:none; }
body{ padding-bottom:98px; }
body.viva-ha-barra{ padding-bottom:98px; }
@media (max-width:600px){
body, body.viva-ha-barra{ padding-bottom:76px; }
}
#viva-barra::after{
content:""; position:absolute; left:0; bottom:0; height:2px; width:var(--viva-avanzamento,0%);
background:var(--viva-neon,#ED1C24);
box-shadow:0 0 8px color-mix(in srgb, var(--viva-neon,#ED1C24) 45%, transparent);
transition:width 1s linear;
}
.viva-tondo{
width:46px; height:46px; flex:0 0 auto; border:0; cursor:pointer; border-radius:999px;
background:var(--viva-rosso,#ED1C24); color:#fff; font-size:16px; line-height:1;
display:flex; align-items:center; justify-content:center;
}
.viva-tondo:hover{ filter:brightness(1.08); }
.viva-tondo:focus-visible{ outline:2px solid var(--viva-neon,#ED1C24); outline-offset:3px; }
.viva-cover{
width:54px; height:54px; flex:0 0 auto; border-radius:4px; overflow:hidden;
background:var(--viva-superficie,#27272F); border:1px solid var(--viva-bordo,#3D3D49);
}
.viva-cover img{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:600px){
.viva-cover{ width:44px; height:44px; }
#viva-barra{ gap:11px; padding:10px 13px 12px; }
}
@media (max-width:380px){
.viva-cover{ width:40px; height:40px; }
#viva-barra{ gap:9px; padding:9px 10px 11px; }
}
.viva-testi{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.viva-riga1{ display:flex; align-items:center; gap:9px; min-width:0; }
.viva-onair{
display:inline-flex; align-items:center; gap:6px; flex:0 0 auto;
font-family:"Roboto Condensed",Roboto,sans-serif;
font-size:10.5px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; color:#fff;
text-shadow:0 0 4px rgba(237,28,36,.9), 0 0 11px rgba(237,28,36,.55);
}
.viva-pall{
width:7px; height:7px; border-radius:999px; flex:0 0 auto;
background:var(--viva-rosso,#ED1C24);
box-shadow:0 0 6px var(--viva-rosso,#ED1C24), 0 0 15px rgba(237,28,36,.68);
}
.viva-programma{
font-family:"Roboto Condensed",Roboto,sans-serif; font-weight:700; font-size:15.5px;
color:#fff; text-transform:uppercase; letter-spacing:.01em;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;
}
.viva-brano{
font-size:12.5px; color:var(--viva-testo-secondario,#8E8E99);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.viva-onda{
flex:0 0 auto; width:54px; height:24px; margin-left:12px; align-self:center; display:block;
}
@media (max-width:520px){ .viva-onda{ width:42px; height:20px; margin-left:9px; } }
@media (max-width:380px){ .viva-onda{ display:none; } }
.viva-volume{ display:flex; align-items:center; gap:7px; flex:0 0 auto; margin-left:auto; }
.viva-muto{
background:none; border:0; padding:0; margin:0; cursor:pointer; display:flex; align-items:center;
color:var(--viva-testo-tenue,#D6D6DE);
}
.viva-muto svg{ width:19px; height:19px; fill:currentColor; display:block; }
.viva-muto:hover{ color:var(--viva-testo,#fff); }
.viva-muto[aria-pressed="true"]{ opacity:.45; }
.viva-muto:focus-visible{ outline:2px solid var(--viva-neon,#ED1C24); outline-offset:3px; }
@media (max-width:760px){ .viva-volume{ display:none; } }
#viva-barra .viva-volume input[type=range]{
-webkit-appearance:none; appearance:none; width:110px; height:22px; margin:0; padding:0; border:0;
border-radius:0; background:transparent; box-shadow:none; cursor:pointer; outline:none;
}
#viva-barra .viva-volume input[type=range]::-webkit-slider-runnable-track{
height:4px; border:0; border-radius:2px;
background:linear-gradient(90deg, var(--viva-rosso,#ED1C24) 0 calc(7px + (100% - 14px) * var(--viva-vol, .8)), rgba(255,255,255,.22) 0);
}
#viva-barra .viva-volume input[type=range]::-webkit-slider-thumb{
-webkit-appearance:none; appearance:none; width:14px; height:14px; margin-top:-5px; border:0; border-radius:50%;
background:#fff; box-shadow:0 0 0 2px var(--viva-rosso,#ED1C24), 0 0 8px rgba(237,28,36,.6); transition:transform .12s;
}
#viva-barra .viva-volume input[type=range]:hover::-webkit-slider-thumb{ transform:scale(1.15); }
#viva-barra .viva-volume input[type=range]:focus-visible::-webkit-slider-thumb{ box-shadow:0 0 0 2px var(--viva-rosso,#ED1C24), 0 0 0 5px rgba(237,28,36,.35); }
#viva-barra .viva-volume input[type=range]::-moz-range-track{ height:4px; border:0; border-radius:2px; background:rgba(255,255,255,.22); }
#viva-barra .viva-volume input[type=range]::-moz-range-progress{ height:4px; border-radius:2px; background:var(--viva-rosso,#ED1C24); }
#viva-barra .viva-volume input[type=range]::-moz-range-thumb{ width:14px; height:14px; border:0; border-radius:50%; background:#fff; box-shadow:0 0 0 2px var(--viva-rosso,#ED1C24), 0 0 8px rgba(237,28,36,.6); }
#viva-barra .viva-volume .thumb{ display:none !important; }
#viva-barra .viva-tondo:focus,
#viva-barra .viva-tondo:active{ background:var(--viva-rosso,#ED1C24); color:#fff; }
#viva-barra .viva-muto:focus,
#viva-barra .viva-muto:active,
#viva-barra .viva-torna:focus,
#viva-barra .viva-torna:active,
#viva-barra .viva-chiudi:focus,
#viva-barra .viva-chiudi:active{ background:transparent; }
.viva-muto svg path{ transition:opacity .15s; }
.viva-volume[data-livello="1"] .viva-vol-2,
.viva-volume[data-livello="0"] .viva-vol-1,
.viva-volume[data-livello="0"] .viva-vol-2{ opacity:0; }
.viva-volume span{ font-size:13px; opacity:.6; }
.viva-chiudi{
flex:0 0 auto; background:none; border:0; cursor:pointer; padding:6px;
color:var(--viva-testo-secondario,#8E8E99); font-size:15px; line-height:1;
}
.viva-chiudi:hover{ color:var(--viva-testo-tenue,#D6D6DE); }
.viva-chiudi:focus-visible{ outline:2px solid var(--viva-neon,#ED1C24); outline-offset:2px; }
.viva-ascolta-voce,
.qt-menubar .viva-ascolta > a,
.viva-ascolta > a{
color:var(--viva-rosso,#ED1C24) !important;
font-weight:700 !important;
}
.viva-ascolta > a::before{
content:"\25B6"; margin-right:7px; font-size:.82em; display:inline-block;
}
@media (prefers-reduced-motion:reduce){
#viva-barra{ transition:none; }
#viva-barra::after{ transition:none; }
}
body .qt-mobile-toolbar{
display: none !important;
}
@media (max-width: 760px){
#viva-barra .viva-chiudi{ display: none; }
}
#viva-barra.viva-suona-podcast::after{ display:none; }
#viva-barra.viva-suona-podcast .viva-onair{ display:none; }
.viva-traccia{
position:absolute; left:0; right:0; bottom:0; height:14px; cursor:pointer;
display:flex; align-items:flex-end; touch-action:none; z-index:2;
}
.viva-traccia[hidden]{ display:none; }
.viva-traccia__riga{
position:relative; display:block; width:100%; height:3px; background:var(--viva-bordo,#3D3D49);
}
.viva-traccia__riga b{
position:absolute; left:0; top:0; bottom:0; width:var(--viva-avanzamento,0%);
background:var(--viva-neon,#ED1C24);
box-shadow:0 0 8px color-mix(in srgb, var(--viva-neon,#ED1C24) 45%, transparent);
}
.viva-traccia__riga b::after{
content:""; position:absolute; right:-6px; top:50%; width:12px; height:12px; margin-top:-6px;
border-radius:999px; background:var(--viva-neon,#ED1C24);
opacity:0; transform:scale(.6); transition:opacity .15s, transform .15s;
}
.viva-traccia:hover .viva-traccia__riga b::after,
.viva-traccia:focus-visible .viva-traccia__riga b::after,
.viva-traccia.viva-prende .viva-traccia__riga b::after{ opacity:1; transform:none; }
.viva-traccia:focus-visible{ outline:2px solid var(--viva-neon,#ED1C24); outline-offset:2px; }
body.viva-trascina{ user-select:none; }
.viva-torna{
flex:0 0 auto; border:1px solid var(--viva-bordo,#3D3D49); background:transparent; cursor:pointer;
border-radius:999px; padding:6px 14px; color:var(--viva-testo-tenue,#D6D6DE);
font:700 11px/1.3 "Roboto Condensed","Arial Narrow",sans-serif; letter-spacing:.14em; text-transform:uppercase;
display:none;
}
#viva-barra.viva-suona-podcast .viva-torna{ display:inline-block; }
.viva-torna:hover{ border-color:var(--viva-rosso,#ED1C24); color:#fff; }
.viva-torna:focus-visible{ outline:2px solid var(--viva-neon,#ED1C24); outline-offset:2px; }
#viva-barra.viva-suona-podcast .viva-brano{ font-variant-numeric:tabular-nums; }
.viva-brano__sotto,.viva-brano__tempo{ font-style:normal; }
.viva-brano__tempo{ white-space:nowrap; }
@media (max-width:600px){ .viva-brano__sotto{ display:none; } }
@media (max-width:600px){
.viva-torna{ padding:5px 10px; letter-spacing:.08em; }
}
body.viva-ha-barra #cookie-notice.cn-position-bottom { bottom: 84px; }
@media (max-width:600px){
body.viva-ha-barra #cookie-notice.cn-position-bottom { bottom: 72px; }
}
#viva-barra.viva-con-onda .viva-traccia { height: 30px; align-items: stretch; }
#viva-barra.viva-con-onda { padding-bottom: 32px; }
#viva-barra.viva-con-onda .viva-onda { display: none; }
#viva-barra.viva-con-onda .viva-traccia__riga { align-self: flex-end; background: transparent; }
#viva-barra.viva-con-onda .viva-traccia__riga b { background: transparent; box-shadow: none; }
.viva-forma { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.viva-traccia .viva-traccia__riga { position: relative; z-index: 1; }
body.viva-con-onda, body.viva-ha-barra.viva-con-onda { padding-bottom: 116px; }
body.viva-ha-barra.viva-con-onda #cookie-notice.cn-position-bottom { bottom: 102px; }
@media (max-width: 600px) {
body.viva-con-onda, body.viva-ha-barra.viva-con-onda { padding-bottom: 94px; }
body.viva-ha-barra.viva-con-onda #cookie-notice.cn-position-bottom { bottom: 90px; }
}

body .qt-pushpin-container{
display: none !important;
}
body .viva-condividi{
position: relative;
display: block;
max-width: 190px;
}
body .viva-condividi__avviso{
position: fixed;
left: 50%;
bottom: 104px;
transform: translate(-50%, 16px);
z-index: 9999;
display: flex;
align-items: center;
gap: 12px;
max-width: calc(100vw - 32px);
padding: 16px 22px 16px 18px;
border-radius: 10px;
background: var(--viva-scheda, #000);
border: 1px solid var(--viva-neon, #ED1C24);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .6),
0 0 28px -4px color-mix(in srgb, var(--viva-neon, #ED1C24) 80%, transparent),
0 20px 50px -10px rgba(0, 0, 0, .9);
color: #fff;
font: 700 17px/1.25 "Roboto Condensed", Roboto, sans-serif;
letter-spacing: .02em;
white-space: normal;
opacity: 0;
pointer-events: none;
transition: opacity .22s ease, transform .22s ease;
}
body .viva-condividi__avviso::before{
content: "";
flex: 0 0 26px;
height: 26px;
border-radius: 50%;
background: var(--viva-neon, #ED1C24) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
}
body .viva-condividi__avviso--visibile{
opacity: 1;
transform: translate(-50%, 0);
}
body .qt-pushpin-container,
body .qt-pushpin{
background: transparent !important;
}
body .qt-pushpin-container > hr.qt-spacer-m{
display: none;
}
@media (max-width: 1199px){
body .qt-container > .row:has(> .qt-pushpin-container){
display: block;
}
body .viva-condividi{
margin: 0 0 26px;
}
}
body .qt-sidebar .viva-eventi-widget .qt-caption-small,
body .qt-sidebar .viva-eventi-widget h5{
margin-bottom: 14px;
}
body .viva-eventi-lista{
display: flex;
flex-direction: column;
gap: 14px;
margin: 0;
padding: 0;
list-style: none;
}
body .viva-eventi-lista li{
margin: 0;
padding: 0;
list-style: none;
border: 0;
}
body .viva-evento{
display: flex;
flex-direction: column;
background: var(--viva-scheda, #000);
border: 1px solid var(--viva-bordo, #3D3D49);
border-radius: var(--viva-raggio, 6px);
overflow: hidden;
color: var(--viva-testo, #FFFFFF) !important;
text-decoration: none;
box-shadow: 0 0 0 1px rgba(11, 11, 13, .55),
0 14px 40px -26px rgba(237, 28, 36, .85);
transition: border-color .18s ease, transform .18s ease;
}
body .viva-evento:hover{
border-color: color-mix(in srgb, var(--viva-neon, #ED1C24) 45%, var(--viva-bordo, #3D3D49));
transform: translateY(-2px);
}
body .viva-evento__img{
display: block;
aspect-ratio: 2500 / 1044;
background: #111 center / cover no-repeat;
}
body .viva-evento__testo{
display: flex;
flex-direction: column;
gap: 6px;
padding: 10px 12px 12px;
}
body .viva-evento__titolo{
font: 700 14px/1.2 "Roboto Condensed", Roboto, sans-serif;
text-transform: uppercase;
}
body .viva-evento:hover .viva-evento__titolo{
color: var(--viva-neon, #ED1C24);
}
@media (max-width: 600px){
body .qt-sidebar{
margin-top: 40px !important;
padding-top: 24px !important;
border-top: 1px solid var(--viva-bordo, #3D3D49);
}
}
body .viva-condividi--fila{
display: flex;
align-items: center;
gap: 7px;
flex-wrap: wrap;
max-width: none;
}
body .viva-condividi__eti{
color: var(--viva-testo-secondario, #8E8E99);
font: 700 10px "Roboto Condensed", Roboto, sans-serif;
letter-spacing: .16em;
text-transform: uppercase;
margin-right: 4px;
}
body .viva-condividi__pastiglia{
all: unset;
box-sizing: border-box;
display: inline-flex;
align-items: center;
gap: 8px;
height: 34px;
padding: 0 14px 0 11px;
border-radius: 999px;
cursor: pointer;
border: 1px solid var(--viva-bordo, #3D3D49);
color: var(--viva-testo-tenue, #D6D6DE);
font: 700 11px "Roboto Condensed", Roboto, sans-serif;
letter-spacing: .1em;
text-transform: uppercase;
transition: border-color .18s ease, color .18s ease, background .18s ease;
}
body .viva-condividi__pastiglia svg{ width: 15px; height: 15px; display: block; }
body .viva-condividi__pastiglia:hover,
body .viva-condividi__pastiglia:focus-visible{
border-color: var(--viva-rosso, #ED1C24);
color: #fff;
background: rgba(237, 28, 36, .12);
}
@media (max-width: 760px){
body .viva-condividi__pastiglia b{ display: none; }
body .viva-condividi__pastiglia{ padding: 0 11px; }
body .viva-condividi__pastiglia svg{ width: 17px; height: 17px; }
}

.wpforms-container,
.wpforms-container.wpforms-container-full {
--cond: "Roboto Condensed", "Arial Narrow", sans-serif;
max-width: 760px;
margin: clamp(18px, 2.6vw, 30px) 0 !important;
padding: clamp(20px, 3vw, 32px) !important;
background: var(--viva-scheda, #000) !important;
border: 1px solid var(--viva-bordo, #3D3D49) !important;
border-left: 3px solid var(--viva-rosso, #ED1C24) !important;
border-radius: var(--viva-raggio, 6px) !important;
box-shadow: 0 0 0 1px rgba(11,11,13,.55), 0 14px 40px -26px rgba(237,28,36,.85),
0 2px 14px -8px rgba(237,28,36,.35) !important;
}
.wpforms-container .wpforms-field-label {
display: block !important;
margin-bottom: 7px !important;
color: var(--viva-testo-tenue, #D6D6DE) !important;
font: 700 11px/1.4 var(--cond) !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
}
.wpforms-container .wpforms-required-label { color: var(--viva-rosso, #ED1C24) !important; border: 0; }
.wpforms-container .wpforms-field-sublabel {
margin-top: 5px !important;
color: var(--viva-testo-secondario, #8E8E99) !important;
font-size: 12px !important; text-transform: none; letter-spacing: 0;
}
.wpforms-container .wpforms-field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.wpforms-container .wpforms-field select,
.wpforms-container .wpforms-field textarea {
width: 100% !important;
max-width: none !important;
height: 46px;
padding: 0 14px !important;
background: #17171d !important;
color: var(--viva-testo, #fff) !important;
border: 1px solid var(--viva-bordo, #3D3D49) !important;
border-radius: var(--viva-raggio, 6px) !important;
font: 15px/1.4 Roboto, system-ui, sans-serif !important;
box-shadow: none !important;
transition: border-color .15s, box-shadow .15s;
}
.wpforms-container .wpforms-field textarea { height: auto; min-height: 120px; padding: 12px 14px !important; }
.wpforms-container .wpforms-field input:not([type="checkbox"]):not([type="radio"])::placeholder,
.wpforms-container .wpforms-field textarea::placeholder { color: #6b6b75; }
.wpforms-container .wpforms-field input:not([type="checkbox"]):not([type="radio"]):focus,
.wpforms-container .wpforms-field select:focus,
.wpforms-container .wpforms-field textarea:focus {
outline: none !important;
border-color: var(--viva-rosso, #ED1C24) !important;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--viva-rosso, #ED1C24) 22%, transparent) !important;
}
.wpforms-container .wpforms-field select {
appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, var(--viva-testo-secondario, #8E8E99) 50%),
linear-gradient(135deg, var(--viva-testo-secondario, #8E8E99) 50%, transparent 50%) !important;
background-position: calc(100% - 18px) 21px, calc(100% - 13px) 21px !important;
background-size: 5px 5px !important;
background-repeat: no-repeat !important;
padding-right: 38px !important;
}
.wpforms-container .wpforms-field-checkbox ul,
.wpforms-container .wpforms-field-radio ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.wpforms-container .wpforms-field-checkbox li,
.wpforms-container .wpforms-field-radio li { display: flex; align-items: center; gap: 11px; margin: 0 0 8px !important; }
.wpforms-container .wpforms-field-checkbox input[type="checkbox"],
.wpforms-container .wpforms-field-radio input[type="radio"] {
appearance: none !important; -webkit-appearance: none !important;
flex: 0 0 auto; width: 20px !important; height: 20px !important; margin: 0 !important; cursor: pointer;
background: #17171d !important; border: 1px solid var(--viva-bordo, #3D3D49) !important;
border-radius: 4px !important; position: relative; transition: background .15s, border-color .15s;
}
.wpforms-container .wpforms-field-radio input[type="radio"] { border-radius: 50% !important; }
.wpforms-container .wpforms-field-checkbox input[type="checkbox"]:hover,
.wpforms-container .wpforms-field-radio input[type="radio"]:hover { border-color: var(--viva-rosso, #ED1C24); }
.wpforms-container .wpforms-field-checkbox input[type="checkbox"]:checked,
.wpforms-container .wpforms-field-radio input[type="radio"]:checked {
background: var(--viva-rosso, #ED1C24) !important; border-color: var(--viva-rosso, #ED1C24) !important;
}
.wpforms-container .wpforms-field-checkbox input[type="checkbox"]:checked::after {
content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px;
border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.wpforms-container .wpforms-field-radio input[type="radio"]:checked::after {
content: ""; position: absolute; inset: 5px; border-radius: 50%; background: #fff;
}
.wpforms-container .wpforms-field-checkbox label,
.wpforms-container .wpforms-field-radio label {
color: var(--viva-testo-tenue, #D6D6DE) !important; font-size: 14.5px !important;
text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important;
margin: 0 !important; cursor: pointer;
}
.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-field-html {
color: var(--viva-testo-secondario, #8E8E99) !important;
font-size: 13.5px !important; line-height: 1.55 !important;
}
.wpforms-container .wpforms-field-description a,
.wpforms-container .wpforms-field-html a {
color: var(--viva-testo-tenue, #D6D6DE) !important;
border-bottom: 1px solid var(--viva-rosso, #ED1C24); text-decoration: none !important;
}
.wpforms-container .wpforms-submit-container { margin-top: 26px !important; padding: 0 !important; }
.wpforms-container button[type="submit"] {
background: var(--viva-rosso, #ED1C24) !important;
color: #fff !important;
border: 0 !important;
border-radius: 999px !important;
padding: 14px 34px !important;
font: 700 14px/1 var(--cond) !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
cursor: pointer;
box-shadow: 0 12px 30px -14px rgba(237,28,36,.95);
transition: filter .15s;
}
.wpforms-container button[type="submit"]:hover { filter: brightness(1.08); background: var(--viva-rosso, #ED1C24) !important; }
.wpforms-container button[type="submit"]:focus-visible { outline: 2px solid var(--viva-neon, #ED1C24); outline-offset: 3px; }
.wpforms-container .wpforms-error,
.wpforms-container label.wpforms-error {
color: var(--viva-rosso, #ED1C24) !important; font-size: 13px !important;
text-transform: none !important; letter-spacing: 0 !important; margin-top: 6px !important;
}
.wpforms-container input.wpforms-error,
.wpforms-container select.wpforms-error,
.wpforms-container textarea.wpforms-error { border-color: var(--viva-rosso, #ED1C24) !important; }
.wpforms-confirmation-container-full {
background: linear-gradient(135deg, #1b0d0f, #000) !important;
border: 1px solid var(--viva-bordo, #3D3D49) !important;
border-left: 3px solid var(--viva-rosso, #ED1C24) !important;
border-radius: var(--viva-raggio, 6px);
color: var(--viva-testo-tenue, #D6D6DE) !important;
padding: 18px 20px !important;
}
@media (max-width: 620px) {
.wpforms-container { padding: 18px 16px !important; }
.wpforms-container .wpforms-field input:not([type="checkbox"]):not([type="radio"]),
.wpforms-container .wpforms-field select { height: 44px; }
}