/* Start custom CSS for html, class: .elementor-element-3290a51 *//* CONTENEDOR GENERAL */

.news-article{
    background:#ffffff;
    color:#1f2937;
    font-family:'DM Sans',sans-serif;
}

/* HERO */

.hero-news{
    position:relative;
    min-height:520px;

    background-image:url('https://municipalidaddelolol.cl/wp-content/uploads/2026/06/20260618_115311-scaled.jpg');
    background-size:cover;
    background-position:center;
    border-radius:24px;

    overflow:hidden;
    margin-bottom:60px;
}

.hero-overlay{
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.15) 0%,
        rgba(0,0,0,.65) 100%
    );

    min-height:520px;
    display:flex;
    align-items:flex-end;
}

.hero-content{
    max-width:900px;
    padding:60px;
}

.news-category{
    display:inline-block;

    background:#0F5FAF;
    color:#fff;

    padding:10px 18px;
    border-radius:50px;

    font-size:.85rem;
    font-weight:700;

    margin-bottom:24px;
}

.hero-content h1{
    color:#fff;

    font-size:clamp(2rem,4vw,4rem);
    line-height:1.1;
    font-weight:600;

    margin-bottom:20px;
}

.hero-excerpt{
    color:rgba(255,255,255,.92);

    font-size:1.15rem;
    line-height:1.7;

    max-width:720px;
}

/* CONTENIDO */

.news-container{
    max-width:900px;
    margin:auto;
    padding:0 20px 80px;
}

/* DESTACADO */

.highlight-box{
    display:flex;
    align-items:center;
    gap:25px;

    background:#f8fafc;

    border-left:6px solid #0F5FAF;

    border-radius:20px;

    padding:30px;

    margin-bottom:50px;
}

.highlight-number{
    font-size:4rem;
    font-weight:900;
    color:#0F5FAF;
    line-height:1;
}

.highlight-text{
    font-size:1.2rem;
    font-weight:600;
}

/* LEAD */

.lead{
    font-size:1.35rem;
    line-height:1.9;
    color:#111827;
    font-weight:500;

    margin-bottom:40px;
}

/* PÁRRAFOS */

.news-container p{
    font-size:1.1rem;
    line-height:1.9;
    margin-bottom:28px;
}

/* CITA */

blockquote{
    margin:50px 0;
    padding:30px;

    background:#f8fafc;

    border-left:5px solid #0F5FAF;

    border-radius:16px;

    font-size:1.3rem;
    line-height:1.8;
    font-style:italic;
}

/* TARJETA */

.info-card{
    background:#F5F8FC;

    border-radius:24px;

    padding:35px;

    margin:50px 0;
}

.info-card h2{
    color:#0F5FAF;
    font-size:1.7rem;
    margin-bottom:20px;
}

.info-card ul{
    padding-left:20px;
}

.info-card li{
    margin-bottom:15px;
    line-height:1.8;
    font-size:1.05rem;
}

/* RESPONSIVE */

@media(max-width:768px){

.hero-content{
    padding:35px;
}

.hero-news{
    min-height:420px;
}

.hero-overlay{
    min-height:420px;
}

.highlight-box{
    flex-direction:column;
    text-align:center;
}

.highlight-number{
    font-size:3rem;
}

.lead{
    font-size:1.15rem;
}

}/* End custom CSS */