<style>

/* HERO */

.noticia-principal{

border-radius:22px;

overflow:hidden;

}


.noticia-img-wrap{

position:relative;

height:480px;

overflow:hidden;

}


.noticia-img{

width:100%;

height:100%;

object-fit:cover;

transition:transform .6s ease;

}


.noticia-principal:hover .noticia-img{

transform:scale(1.05);

}


/* OVERLAY */

.noticia-overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:linear-gradient(
to top,
rgba(0,0,0,.75),
rgba(0,0,0,.15)
);
pointer-events:none;
}


.noticia-overlay-content{

position:absolute;

bottom:40px;

left:40px;

right:40px;

color:#fff;

z-index:2;
pointer-events:none;
}


.noticia-hero-title{

font-size:38px;

font-weight:800;

line-height:1.3;

margin-bottom:18px;

}


.noticia-meta{

font-size:14px;

opacity:.9;

}


/* MINI CARDS */

.noticia-card{

border-radius:18px;

overflow:hidden;

transition:.3s ease;

}


.noticia-card:hover{

transform:translateY(-5px);

box-shadow:0 15px 35px rgba(0,0,0,.10);

}


.mini-img-wrap{

height:220px;

overflow:hidden;

}


.mini-img{

width:100%;

height:100%;

object-fit:cover;

transition:transform .5s ease;

}


.noticia-card:hover .mini-img{

transform:scale(1.05);

}


.mini-title{

font-weight:700;

line-height:1.5;

margin-bottom:12px;

}


/* PANEL */

.panel-side{

border-radius:18px;

position:sticky;

top:110px;

}


.panel-title{

font-weight:800;

}


.list-group-item{

border:none;

padding:14px 0;

font-weight:600;

transition:.2s;

}


.list-group-item:hover{

padding-left:10px;

color:#d4af37;

}


/* STATS */

.stats-box{

background:#fff;

border-radius:18px;

padding:25px 15px;

box-shadow:0 5px 18px rgba(0,0,0,.06);

transition:.25s;

}


.stats-box:hover{

transform:translateY(-4px);

}


.stats-box h2{

font-size:34px;

font-weight:800;

color:#d4af37;

}


/* ORDENANZAS */

.ordenanza-link{

transition:.2s;

font-weight:600;

}


.ordenanza-link:hover{

color:#d4af37 !important;

text-decoration:none;

}


/* EMERGENCIA */

.emergency-box{

background:linear-gradient(
135deg,
#d4af37,
#b8952f
);

color:#fff;

border-radius:18px;

}


/* MOBILE */

@media(max-width:991px){

.noticia-img-wrap{

height:320px;

}


.noticia-overlay-content{

left:20px;

right:20px;

bottom:20px;
pointer-events:none;
}


.noticia-hero-title{

font-size:26px;

}


.panel-side{

position:relative;

top:0;

}

/* HERO */

.page-header{
background:
linear-gradient(
rgba(0,0,0,.55),
rgba(0,0,0,.55)
),
url('recursos/varios/obra.png');

background-size:cover;
background-position:center;
}


/* CARD */

.noticia-detalle-card{
border-radius:20px;
overflow:hidden;
}


/* IMAGEN */

.noticia-img{
width:100%;
max-height:520px;
object-fit:cover;
}


/* META */

.noticia-meta{
font-size:14px;
line-height:1.8;
}


/* RESUMEN */

.noticia-resumen{
font-size:18px;
line-height:1.9;
border-left:5px solid #d4af37;
}


/* CONTENIDO */

.contenido-noticia{
font-size:17px;
line-height:2;
text-align:justify;
color:#333;
}


/* MÁS NOTICIAS */

.list-group-item a{
font-weight:600;
color:#333;
transition:.2s;
}

.list-group-item a:hover{
color:#d4af37;
text-decoration:none;
}


/* MOBILE */

@media(max-width:991px){

.page-header{
min-height:250px !important;
}

.page-header h1{
font-size:28px;
}

.noticia-meta span{
display:block;
margin-bottom:8px;
margin-left:0 !important;
}

.noticia-resumen{
font-size:16px;
}

.contenido-noticia{
font-size:16px;
line-height:1.9;
}



/* HERO */

.page-header{
background:
linear-gradient(
rgba(0,0,0,.55),
rgba(0,0,0,.55)
),
url('recursos/varios/obra.png');

background-size:cover;
background-position:center;
}


/* CARD */

.noticia-detalle-card{
border-radius:20px;
overflow:hidden;
}


/* IMAGEN */

.noticia-img{
width:100%;
max-height:520px;
object-fit:cover;
}


/* META */

.noticia-meta{
font-size:14px;
line-height:1.8;
}


/* RESUMEN */

.noticia-resumen{
font-size:18px;
line-height:1.9;
border-left:5px solid #d4af37;
}


/* CONTENIDO */

.contenido-noticia{
font-size:17px;
line-height:2;
text-align:justify;
color:#333;
}


/* =========================================
FORMATOS HEREDADOS ANTIGUOS
========================================= */

.contenido-noticia font{

font-size:inherit !important;
font-family:inherit !important;
color:inherit !important;

}


/* SUBTITULOS */

.contenido-noticia font b,
.contenido-noticia b,
.contenido-noticia strong{

display:block;

font-size:24px;

font-weight:700;

color:#0d3b66;

line-height:1.5;

margin-top:30px;

margin-bottom:18px;

border-left:5px solid #d4af37;

padding-left:15px;

}


/* PARRAFOS */

.contenido-noticia p{

margin-bottom:18px;

line-height:2;

}


/* IMAGENES INTERNAS */

.contenido-noticia img{

max-width:100%;

height:auto;

display:block;

margin:25px auto;

border-radius:12px;

box-shadow:0 5px 20px rgba(0,0,0,.10);

}


/* TABLAS */

.contenido-noticia table{

width:100%;

margin:20px 0;

}


/* LISTAS */

.contenido-noticia ul,
.contenido-noticia ol{

padding-left:25px;

margin-bottom:20px;

}


/* MÁS NOTICIAS */

.list-group-item a{
font-weight:600;
color:#333;
transition:.2s;
}

.list-group-item a:hover{
color:#d4af37;
text-decoration:none;
}


/* MOBILE */

@media(max-width:991px){

.page-header{
min-height:250px !important;
}

.page-header h1{
font-size:28px;
}

.noticia-meta span{
display:block;
margin-bottom:8px;
margin-left:0 !important;
}

.noticia-resumen{
font-size:16px;
}

.contenido-noticia{
font-size:16px;
line-height:1.9;
}


/* SUBTITULOS MOBILE */

.contenido-noticia font b,
.contenido-noticia b,
.contenido-noticia strong{

font-size:20px;

}

}

.sidebar-sticky{
position:sticky;
top:110px;
}

.panel-title{
font-weight:800;
}

.emergency-box{
background:linear-gradient(
135deg,
#d4af37,
#b8952f
);

color:#fff;

border-radius:18px;
}

.emergency-box .card-body{
padding:25px;
}

.emergency-box h5{
font-weight:800;
}

.noticia-img,
.mini-img{
cursor:pointer;
}


/* destacada*/
/* TITULO DESTACADO */

/* =========================================
TITULO NOTICIA DESTACADA
========================================= */

.noticia-overlay-content .titulo-destacado{

display:inline-block !important;

background:#d4af37 !important;

padding:12px 18px !important;

border-radius:8px !important;

margin-bottom:15px;

}

.noticia-overlay-content .titulo-destacado .noticia-hero-title{

margin:0 !important;

color:#fff !important;

font-size:38px !important;

font-weight:800 !important;

line-height:1.3 !important;

}

.titulo-destacado .noticia-hero-title{

margin:0;

color:#fff;

font-size:36px;

font-weight:800;

line-height:1.3;

text-shadow:1px 1px 3px rgba(0,0,0,.35);

}

@media(max-width:991px){

.titulo-destacado{

padding:12px 15px;

}

.titulo-destacado .noticia-hero-title{

font-size:24px;

}

}

</style>