/* HOME NOTICIAS */

:root {
    --colorNoticias : #ffffffff;
    --shadowNoticias : #466f70ff;
}
.cuerpo-principal-noticias{
    display: flex;
    flex-direction: column;
    overflow-x: clip;
    /* align-items : center; */
    /* border: solid 1px black; */
    height : 400vh;
    width : 65vw;
}

.titulo-pag-noticias{
    color: #ffffffff;
    font-weight: 300;
    font-size : 2rem;
    width : 100%;
    background-color : #21585aff;
    padding : 2.5px 5px;
    border-radius : .2cap;
}

.noticia-destacada{
    width : 100%;
    height : 15%;
    margin-bottom : 3vh;
    background-color : white;
    box-shadow: 1px 1px 10px #cfcfcfff;
    border-radius : .5cap;
    /* border : solid 2px #dfdedaff; */
    /* border: solid 1px red; */
    &:hover{
        cursor: pointer;
        background-color: #dfdfdfff;
    }

    a{
        padding : 5px;
        height:100%;
        width:100%;
        display: flex;
        flex-direction : column;
        gap:2%;
    }
}

.grid-noticias{
    width : 100%;
    height : 80%;
    display : flex;
    flex-wrap: wrap;
    /* justify-content : center; */
    gap : 2%;
    /* border: solid 1px blue; */
}

.noticia-item{
    width : 49%;
    /* margin-top : 5px; */
    height : 55vh;
    display : flex;
    flex-direction: column;
    justify-content : space-between;
    background-color : white;
    box-shadow: 1px 1px 10px #cfcfcfff;
    border-radius : .5cap;
    padding : 5px;
    /* border : solid 2px #dfdedaff; */
    &:hover{
        cursor: pointer;
        background-color: #dfdfdfff;
    }

    a{
        padding : 5px;
        height:100%;
        width:100%;
        display: flex;
        flex-direction : column;
        gap:2%;
    }
}

.noticia-img{
    width : 100%;
    height : 65%;
}

.noticia-img-destacada{
    height : 70%;
}

.img-not{
    width : 100%;
    height : 100%;
}

.noticia-contenido{
    /* border: solid 1px black; */
    height : 25%;
    display : flex;
    flex-direction : column;
    justify-content : space-evenly;
    text-transform: none;
}

.noticia-bajada{
    font-size :.8rem;
    font-weight : 350;
    color : #363333ff;
    white-space: nowrap;      /* Evita que el texto baje a la siguiente línea */
    overflow: hidden;         /* Oculta el texto que se desborda */
    text-overflow: ellipsis;
    text-transform: none; 
}

.noticia-detalle-contenido, .noticia-detalle-bajada{
    text-transform: none;

    p{
        text-transform: none;
    }
}

.noticia-titulo{
    font-size :1.2rem;
    font-weight : 400;
    color : #237f81;

}

.noticia-categoria{
    color : var(--naranja);
    font-weight : 400;
}

/* .noticia-epigrafe{
    color : #000000ff;
    font-weight : 350;
    font-size : 1.1rem;
} */


.noticia-fecha{
    color : #6f7879ff;
    font-weight : 300;
    font-size : .8rem;
}




/* DETALLE NOTICIAS */
.cuerpo-principal-detalle-noticia{
    display: flex;
    flex-direction : column;
    gap: 1.5vh;
    overflow-x : clip;
    width : 65vw;
}

.noticia-detalle-titulo{
    color: var(--verdePrincipal);
    font-weight: 400;
    font-size : 2rem;
    width : 100%;
}

.noticia-detalle-fecha{
    color : #6f7879ff;
    font-weight : 300;
    font-size : 1rem;
}

.noticia-detalle-categoria{
    color : var(--naranja);
    font-weight : 400;
}

.noticia-detalle-img{
    width: 100%;
    height: 50vh;
    border-radius : .5cap;
    margin : 2.5vh 0;
}

.img-detalle-not{
    height: 100%;
    width: 100%;
    border-radius : .5cap;
    box-shadow: 1px 1px 10px #cfcfcfff;
}

/* .noticia-detalle-contenido{
    color: blue;
} */


.paginador {
    display: flex;
    justify-content: center;
    gap: 8px;
    /* height : 4%; */
}

.pag-btn {
    padding: 8px 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
}

.pag-btn:hover {
    background-color: #f0f0f0;
}

.pag-activa {
    background-color: #333;
    color: #fff;
    border-color: #333;
    pointer-events: none;
}

.pag-puntos {
    padding: 8px 6px;
    color: #999;
}