.apwr-rotator{
position: relative;
max-width: 728px;
margin: 20px auto;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 4px 14px rgba(0,0,0,.2); aspect-ratio: 728 / 90;
}
.apwr-slide{
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 900ms ease-in-out;
pointer-events: none;
}
.apwr-slide.is-active{
opacity: 1;
pointer-events: auto;
} .apwr-slide img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 768px){
.apwr-rotator{ max-width: 95%; } .apwr-rotator{
--labelH: 18px;
position: relative;
width: 100%;
max-width: 728px;
margin: 20px auto;
border-radius: 12px;
box-shadow: 0 4px 14px rgba(0,0,0,.2);
background: #111;
overflow: hidden; aspect-ratio: 728 / 108;
} .apwr-label{
position: absolute;
top: 0;
left: 0;
right: 0;
height: var(--labelH);
display: flex;
align-items: center;
padding: 0 10px;
font-size: 10px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
color: #bbb;
z-index: 10;
pointer-events: none;
} .apwr-slide{
position: absolute;
left: 0;
right: 0;
top: var(--labelH);
bottom: 0;
opacity: 0;
transition: opacity 900ms ease-in-out;
pointer-events: none;
z-index: 1;
}
.apwr-slide.is-active{
opacity: 1;
pointer-events: auto;
} .apwr-slide img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} @media (max-width: 480px){
.apwr-rotator{ --labelH: 16px; }
.apwr-label{ font-size: 9px; }
} .apwr-rotator{
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
.apwr-slide,
.apwr-slide img{
max-width: 100%;
} @media (max-width: 768px){
.apwr-slide img{
object-fit: contain !important; background: #111; }
} .apwr-rotator{
display: block;
width: 100% !important;
max-width: 728px !important; aspect-ratio: 728 / 108; height: auto !important;
margin: 20px auto 30px !important; }
.apwr-slide{
position: absolute;
left: 0; right: 0;
top: var(--labelH, 18px);
bottom: 0;
}
.apwr-rotator{ overflow: hidden; } @media (max-width:768px){
.site-title,
.site-description,
.entry-title,
.page-title,
.elementor-heading-title{
position: relative !important;
line-height: 1.25 !important;
margin-top: 12px !important;
height: auto !important;
}
} @media (max-width: 768px){ .hero, .hero-content, .slider, .slider-content, .slide-content,
.page-title, .page-title-wrap, .entry-header, .header-title{
height: auto !important;
min-height: 0 !important;
} .site-description, .tagline, .subtitle, .sub-title, .subheading,
.hero-subtitle, .slide-subtitle, .slider-caption, .caption-subtitle,
.elementor-widget-heading .elementor-heading-title em{
position: static !important;
display: block !important;
transform: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
margin: 10px 0 0 !important;
line-height: 1.2 !important;
white-space: normal !important;
} .site-title, .page-title h1, .entry-title, .elementor-heading-title{
position: relative !important;
z-index: 2 !important;
line-height: 1.2 !important;
}
} @media (max-width: 768px){
.apwr-hero-sub,
.apwr-hero-sub *{
position: static !important;
transform: none !important;
}
.apwr-hero-sub{
margin-top: 10px !important;
margin-bottom: 18px !important;
line-height: 1.35 !important;
}
.apwr-hero-sub p{
margin: 0 0 10px !important;
line-height: 1.35 !important;
white-space: normal !important;
}
.apwr-hero-sub em,
.apwr-hero-sub i{
display: block !important; margin-top: 6px !important;
}
}	
@media (max-width:768px){
.apwr-hero-sub em{
opacity: .85;
font-size: 0.95em;
}
}	
.ap-card h5{
background:#1a1a1a;
display:inline-block;
padding:6px 12px;
border-radius:20px;
}	
.ap-card .elementor-button{
background:#e53935 !important;
color:#fff !important;
border:none !important;
}
.ap-card .elementor-button:hover{
background:#ff3b3b !important;
}
.ap-card{
display:flex;
flex-direction:column;
justify-content:space-between;
}
.ap-card .elementor-button-wrapper{
margin-top:auto;
}  .elementor-widget-image{
position: relative;
} .ap-coming-badge{
position: absolute;
top: 12px;
left: 12px;
z-index: 9999;
background: #ffcc00;
color: #000;
font-weight: 900;
font-size: 11px;
letter-spacing: 1px;
padding: 7px 12px;
border-radius: 10px;
line-height: 1;
text-transform: uppercase;
box-shadow: 0 6px 18px rgba(0,0,0,0.45);
} @media (max-width: 768px){
.ap-coming-badge{
top: 10px;
left: 10px;
font-size: 10px;
padding: 6px 10px;
}
} .ap-coming::before,
.ap-coming::after,
.ap-card.ap-coming::before,
.ap-card.ap-coming::after,
.ap-coming.elementor-widget-image::before,
.ap-coming.elementor-widget-image::after{
content: none !important;
display: none !important;
} @media (min-width: 769px){
.apwr-rotator{
position: relative !important;
overflow: visible !important; }
.apwr-rotator::after{
content: "SPAZIO SPONSOR" !important;
position: absolute !important;
top: -18px !important; left: 0 !important;
z-index: 99999 !important;
display: inline-block !important;
padding: 6px 10px !important;
border-radius: 8px !important;
background: rgba(0,0,0,.65) !important;
color: #fff !important;
font-weight: 800 !important;
font-size: 12px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
line-height: 1 !important;
pointer-events: none !important;
}
} .apwr-rotator{
overflow: visible !important; }
.apwr-label{
z-index: 9999 !important; }
.apwr-slide,
.apwr-slide img{
z-index: 1 !important; }