.LineaSeparadoraNoticias
{
    width: 100%;
    border-top: 1px solid var(--color-gris-claro);
}

.CalendarioNoticia
{
    position: relative;
    background: var(--color-fondo-principal);
    padding: 10px 10px 5px 10px;
    display: inline-block;
    text-align: left;
    border-radius: 4px;
    margin-top: 20px;
}

.CalendarioNoticiaListado
{
    position: relative;
    background: var(--color-fondo-principal);
    padding: 10px 10px 5px 10px;
    display: inline-block;
    text-align: left;
    border-radius: 4px;
}

.DiaCalendarioNoticia
{
    position: relative;
    font-size: var(--tamanyo-letra-T3);
    color: var(--color-blanco);
    display: inline-block;
}

.MesCalendarioNoticia
{
    position: relative;
    font-size: var(--tamanyo-letra-texto);
    color: var(--color-blanco);
    margin-left: 2px;
    display: inline-block;
}

.AnyoCalendarioNoticia
{
    position: relative;
    font-size: var(--tamanyo-letra-1);
    color: var(--color-blanco);
    display: block;
    text-align: center;
}

.FechaNoticia
 {
    font-family: var(--tipografia-texto);
    text-align: justify;
    font-size: var(--tamanyo-letra-2);
    color: var(--color-primario);
    font-weight: bold;
 }

 .TituloNoticia, a.TituloNoticia:link, a.TituloNoticia:active, a.TituloNoticia:visited
 {
    color: var(--color-titulo-negro);
    font-family: var(--tipografia-titulo);
    text-align: justify;
    font-size: var(--tamanyo-letra-texto);
    font-weight: bold;
    text-decoration: none;
 }

 a.TituloNoticia:hover
 {
    color: var(--color-titulo-negro);
    font-family: var(--tipografia-titulo);
    text-align: justify;
    font-size: var(--tamanyo-letra-texto);
    font-weight: bold;
    text-decoration: none;
 }

 .TituloNoticiaDetalle
 {
    color: var(--color-titulo-negro);
    font-family: var(--tipografia-titulo);
    font-weight: 900;
    letter-spacing: 0.02em;
    font-size: var(--tamanyo-letra-titulo);
    text-align: left;
    text-decoration: none;
 }

 .ContenidoTituloNoticia
 {
     padding: 0;
     font-size: var(--tamanyo-letra-T1);
     line-height: 1.2;
     margin-bottom: 12px;
     height: auto;
     min-height: 0;
     max-width: 70%;
     overflow-wrap: anywhere;
     word-break: break-word;
 }

 .TituloNoticiaListado, a.TituloNoticiaListado:visited, a.TituloNoticiaListado:link, a.TituloNoticiaListado:active
 {
    color: var(--color-blanco);
    font-family: var(--tipografia-titulo);
    text-align: justify;
    text-decoration: none;
    font-size: var(--tamanyo-letra-texto);
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
 }

 a.TituloNoticiaListado:hover
 {
    text-decoration: none;
 }

 .TituloNoticiaListadoNombre,
 a.TituloNoticiaListadoNombre:visited,
 a.TituloNoticiaListadoNombre:link,
 a.TituloNoticiaListadoNombre:active
 {
    color: var(--color-titulo-negro);
    font-family: var(--tipografia-titulo);
    font-weight: 700;
    text-align: start;
    text-decoration: none;
    font-size: var(--tamanyo-letra-texto);
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.2;
 }

 a.TituloNoticiaListadoNombre:hover
 {
    text-decoration: none;
 }

 .ContenidoFechaNoticia
 {
    margin-bottom: 15px;
 }

 .TextoFechaNoticia
 {
    color: var(--color-texto);
    font-family: var(--tipografia-texto);
    text-align: justify;
    font-style: italic;
 }

 .TextoNoticia
 {
    color: var(--color-texto);
    font-family: var(--tipografia-texto);
    font-size: var(--tamanyo-letra-texto);
    font-weight: 400;
    line-height: 28px;
    text-align: justify;
 }

 .ContenidoDescripcionNoticia
 {
     text-align: justify;
 }

 .TextoDescripcionNoticiaListado
 {
    color: var(--color-texto);
    font-family: var(--tipografia-texto);
    font-weight: 400;
    text-align: justify;
    font-size: var(--tamanyo-letra-1);
 }

 .ContenedorImagenNoticia
 {
     width: 100%;
     height: auto;
     flex: 0 0 auto;
 }

 .ImagenNoticiaCapa
 {
     width: 100%;
     max-height: none;
     overflow: hidden;
 }

 .ImagenNoticia
 {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 0 !important;
 }

 .ContenedorNoticias {
    width: 100%;
    max-width: 100%;
    position: relative;
    box-sizing: border-box;
 }

 .ContenedorContenidoNoticia
 {
    width: 100%;
    height: auto;
    min-height: 0;
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    box-sizing: border-box;
    flex: 1 1 auto;
 }

 .ContenedorContenidoNoticia .ContenidoDescripcionNoticia
 {
    margin-top: 0.15rem;
 }

 .ContenedorContenidoNoticia .LineaSeparadoraNoticias
 {
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;
 }

 .ContenedorNoticia{
    padding: 0 13px !important;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: auto;
}


/* Extras del listado Visual (ctrListadoNoticiasVisual.ascx).
   Columnas: BootstrapColsItems / listado-columnas-N (no tocar aquí).
   stretch = misma altura en cada fila. */
#SectionNoticias .ContenedorNoticias.row,
#SectionNoticias .ContenedorNoticias.listado-rejilla {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

#SectionNoticias .ContenedorNoticia {
    min-width: 0;
    height: auto;
    align-self: stretch;
    display: flex;
    flex-direction: column;
}

#SectionNoticias .ContenedorImagenNoticia {
    flex: 0 0 auto;
}

#SectionNoticias .ContenedorContenidoNoticia {
    flex: 1 1 auto;
    min-width: 0;
}

#SectionNoticias .CalendarioNoticiaListado {
    margin-bottom: 0.35rem;
}

#SectionNoticias .ContenidoTituloNoticia {
    max-width: 70%;
    overflow-wrap: break-word;
    word-break: break-word;
}

#SectionNoticias .ContenidoDescripcionNoticia {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: break-word;
}

#SectionNoticias .BtnNoticiasListadoVisualLeerMas {
    margin-top: auto;
    padding-top: 1rem;
    flex: 0 0 auto;
}

#SectionNoticias .BtnNoticiasListadoVisualLeerMas .CapaBtnAnyadir {
    width: 100%;
    margin: 0;
    float: none;
}

.PaginadorNoticiasListadoVisual {
    text-align: center;
}

.PaginadorNoticiasListadoVisual .Paginador {
    margin: 0 4px;
    text-decoration: none;
}