/* Start custom CSS for html, class: .elementor-element-3290a51 *//* ===================================================
UX/UI MUNICIPALIDAD DE LOLOL
ESTILO EDITORIAL PREMIUM
=================================================== */

.lolol-news{

```
max-width:1100px;
margin:auto;
padding:40px 20px;
font-family:'Inter',sans-serif;
color:#1f2937;
```

}

/* HERO */

.hero-news{

```
margin-bottom:70px;
```

}

.hero-category{

```
display:inline-block;
color:#0f766e;
font-size:.85rem;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:15px;
```

}

.hero-news h1{

```
font-size:clamp(2.2rem,5vw,4rem);
line-height:1.1;
margin-bottom:20px;
font-weight:800;
```

}

.hero-lead{

```
font-size:1.3rem;
color:#6b7280;
max-width:800px;
margin-bottom:35px;
```

}

.hero-news img{

```
width:100%;
border-radius:20px;
display:block;
```

}

/* BLOQUES */

.content-block{

```
max-width:820px;
margin:80px auto;
```

}

.content-block h2{

```
font-size:2rem;
margin:30px 0 20px;
```

}

.content-block p{

```
font-size:1.08rem;
line-height:1.9;
margin-bottom:20px;
```

}

.content-block img{

```
width:100%;
border-radius:16px;
```

}

/* ALCALDE */

.featured-authority{

```
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;

margin:90px 0;

background:#f8fafc;
padding:40px;
border-radius:24px;
```

}

.authority-image img{

```
width:100%;
border-radius:20px;
```

}

.authority-content h2{

```
font-size:2.2rem;
line-height:1.2;
margin-bottom:20px;
```

}

/* GLORIA */

.source-card{

```
display:grid;
grid-template-columns:220px 1fr;
gap:40px;

margin:90px 0;

align-items:center;
```

}

.source-photo img{

```
width:100%;
border-radius:20px;
```

}

.source-position{

```
color:#6b7280;
margin-bottom:20px;
```

}

.source-info blockquote{

```
font-size:1.25rem;
line-height:1.7;
color:#374151;
border-left:4px solid #0f766e;
padding-left:20px;
```

}

/* TAG */

.section-tag{

```
display:inline-block;

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

letter-spacing:.08em;

text-transform:uppercase;

color:#0f766e;

margin-bottom:15px;
```

}

/* CITA */

.quote-section{

```
max-width:900px;
margin:100px auto;

text-align:center;
```

}

.quote-section blockquote{

```
font-size:2rem;
line-height:1.5;
font-weight:600;
color:#111827;
```

}

/* GALERIA */

.gallery-section{

```
margin:100px 0;
```

}

.section-header{

```
text-align:center;
margin-bottom:40px;
```

}

.gallery-grid{

```
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
```

}

.gallery-grid img{

```
width:100%;
border-radius:18px;
```

}

.gallery-section p{

```
max-width:800px;
margin:30px auto 0;
text-align:center;
```

}

/* CIERRE */

.closing-section{

```
margin-top:100px;
```

}

.closing-section img{

```
width:100%;
border-radius:20px;
margin-bottom:30px;
```

}

.closing-content{

```
max-width:800px;
margin:auto;
text-align:center;
```

}

.closing-content h2{

```
font-size:2.3rem;
margin-bottom:20px;
```

}

/* RESPONSIVE */

@media(max-width:900px){

```
.featured-authority,
.source-card{

    grid-template-columns:1fr;
}

.gallery-grid{

    grid-template-columns:1fr;
}

.hero-lead{

    font-size:1.1rem;
}

.quote-section blockquote{

    font-size:1.4rem;
}
```

}/* End custom CSS */