/* ================= PREMIUM BANNER ================= */

.premium-banner-section{
display:flex;
justify-content:center;
padding:20px 12px;
}

.premium-banner-container{
position:relative;
width:100%;
max-width:1100px;
height:246px;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

/* SLIDES */

.premium-banner-slide{
position:absolute;
inset:0;
opacity:0;
transition:opacity 1s ease;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:flex;
align-items:center;
justify-content:center;
}

.premium-banner-slide.active{
opacity:1;
z-index:2;
}

/* OVERLAY */

.premium-banner-overlay{
position:absolute;
inset:0;
background:linear-gradient(to top,
rgba(0,0,0,0.7),
rgba(0,0,0,0.4),
transparent);
display:flex;
align-items:center;
justify-content:center;
padding:20px;
}

/* TEXTO */

.premium-banner-content{
text-align:center;
color:white;
max-width:600px;
}

.premium-banner-content h2{
font-size:28px;
font-weight:700;
margin-bottom:8px;
}

.premium-banner-content p{
font-size:16px;
opacity:.9;
}

/* INDICADORES */

.premium-banner-dots{
position:absolute;
bottom:12px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:8px;
}

.banner-dot{
width:10px;
height:10px;
border-radius:50%;
background:rgba(255,255,255,.5);
cursor:pointer;
transition:.3s;
}

.banner-dot.active{
background:white;
transform:scale(1.3);
}

/* ================= RESPONSIVO ================= */

@media(max-width:768px){

.premium-banner-container{
height:calc(100vw * 0.35);
}

.premium-banner-content h2{
font-size:20px;
}

.premium-banner-content p{
font-size:14px;
}

}

@media(max-width:480px){

.premium-banner-content h2{
font-size:18px;
}

}