body{
font-family:'Inter', sans-serif;
background:white;
color:black;
}

/* NAVBAR */

.navbar{
transition:0.4s;
background:transparent;
}

.navbar .navbar-brand,
.navbar .nav-link{
color:white;
}

.navbar.scrolled{
background:white !important;
box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

.navbar.scrolled .navbar-brand,
.navbar.scrolled .nav-link{
color:black;
}

.navbar-brand{
font-family:'Playfair Display', serif;
font-size:1.4rem;
}

/* HERO */

/* HERO NUOVO CENTRATO */

.hero-home{
height:75vh;
background:url("../immagini/targa_archivio.jpg") center/cover no-repeat;
position:relative;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}

.hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.25));
}

.hero-home-content{
position:relative;
z-index:2;
color:white;
max-width:1000px;
margin:auto;
}

.hero-home-content h1{
font-family:'Playfair Display', serif;
font-size:5rem;
font-weight:800;
line-height:1.1;
margin-bottom:20px;
}

.hero-home-text{
font-size:3rem;
font-weight:500;
}

/* FEATURED */

.featured-article img{
height:420px;
object-fit:cover;
}

.featured-article-body{
padding:25px 0 10px 0;
}

.featured-article h2{
font-family:'Playfair Display', serif;
font-size:2.2rem;
}

/* CARD */

.mag-card img{
height:240px;
object-fit:cover;
}

.mag-card{
border:none;
transition:0.3s;
}

.mag-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.1);
}

/* SIDEBAR */

.sidebar{
position:sticky;
top:100px;
}

.sidebar-box{
padding:20px;
border:1px solid #e9e9e9;
}

/* FOOTER */

footer{
background:#111;
color:white;
padding:60px 0;
margin-top:80px;
}

/* =========================
BANNER KEEP
========================= */

.keep-free-banner {
    position: fixed;
    display: block;
    font: bold 20px "Poppins", Arial, sans-serif;
    background: rgba(255, 255, 255, 0.8);
    color: #000 !important;
    text-decoration: none;
    padding: 5px;
    text-align: center;
    width: 300px;
    z-index: 99999;
    border-top: 5px solid rgb(237, 28, 36);
    border-bottom: 5px solid rgb(237, 28, 36);
    box-shadow: 0 3px 10px rgba(0,0,0,.25);

    left: -59px;
    top: 70px;
    transform: rotate(-45deg);
}


/* MOBILE */
@media (max-width: 768px) {
    .keep-free-banner {
        left: auto;
        top: auto;

        right: 10px;
        bottom: 10px;

        width: auto;
        max-width: 220px;

        transform: none;

        font-size: 14px;
        padding: 6px 10px;

        border-top: 3px solid rgb(237, 28, 36);
        border-bottom: 3px solid rgb(237, 28, 36);
    }
}