/* --- Contenedor Principal de la Noticia --- */
#noticias .noticia_bloque {
    margin-bottom: 1rem;
}

#noticias .noticia_interna {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: transparent; /* O el fondo que prefieras */
    transition: transform 0.3s ease;
}

/* --- Gestión de la Imagen (Ratio y Hover) --- */
#noticias .noticia_img_wrap {
    position: relative;
    overflow: hidden;
    margin: 0;
    border-radius: 1rem; /* Aquí controlas el redondeado (Bootstrap rounded-4) */
    aspect-ratio: 4 / 3; /* El ratio que querías */
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

#noticias .noticia_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease-in-out;
}

/* Hover: Zoom en imagen y cambio de color en título */
#noticias .noticia_bloque:hover .noticia_img_wrap img {
    transform: scale(1.05);
}

#noticias .noticia_bloque:hover .titulo_not a {
    color: #647C04;
}

/* --- Contenido y Tipografía --- */
#noticias .noticia_contenido {
    padding: 1.5rem 0; /* Espaciado interno clásico */
    display: flex;
    flex-direction: column;
    flex-grow: 1;

}
#noticias .categoria {
    font-size: 11px;
    color: #647C04;
    text-transform: uppercase;
     letter-spacing: 0.15em;
    font-weight: 500;
}

#noticias .fecha_not {
    font-size: 11px;
    font-weight: 500;
    color: #a8a29e;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

#noticias .titulo_not {
    font-size: clamp(1.3em, 1.3em + 0.2vw, 1.4em);
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.3;
}

#noticias .titulo_not a {
    text-decoration: none;
    color: #1c1917;
    transition: color 0.3s ease;
}

#noticias .texto_not {
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    /* Truncado a 3 líneas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --- Botón / Enlace --- */
.noticia_interna .efecto_boton {
    margin-top: auto; /* Empuja el botón al final si las cajas son de distinta altura */
    padding: 0;
    background: transparent;
    border: none;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: #1c1917;
    text-align: left;
    display: inline-flex;
    align-items: center;
    letter-spacing: 1px;
    gap: 0.5rem;
}

.noticia_interna:hover  .efecto_boton{
    color: #647C04;
}


#paginacion {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

#paginacion .pagination {
    gap: 0.5rem;
}


/*------------------ ficha --------------------*/
.fondo_adornos {   padding: 10px 0px; background-color: #efefef;}

.ficha_noticia .caja_noticia_g h1{font-size:clamp(1.375rem, 1.173rem + 1.01vw, 2.5rem); color:#000; }
.ficha_noticia .caja_noticia_g h2{font-size:clamp(1.25rem, 1.138rem + 0.56vw, 1.875rem); color:#00847C; text-align: left;}
.ficha_noticia .caja_noticia_g h3{font-size:clamp(1.125rem, 1.046rem + 0.39vw, 1.563rem); color:#000;}
.ficha_noticia .caja_noticia_g h4{font-size:clamp(1.063rem, 1.006rem + 0.28vw, 1.375rem); color:#00847C;}





.ficha_noticia .fecha_redes{display: flex; justify-content: space-between;}
.ficha_noticia .fecha_redes .fecha_g{font-size: 1.1em;  line-height:90%;  color:#fff; padding: 8px 15px; border-radius: 50px;}
.ficha_noticia .lista_redes{ margin-bottom: 0px;}
.ficha_noticia .lista_redes li {
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px 0px 0;
}

.ficha_noticia .lista_redes li i {
    line-height: 30px !important;
}

.ficha_noticia .lista_redes li a {
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    height: 30px;
    text-align: center;
    width: 30px;
    display: inline-block;

}

.ficha_noticia .lista_redes a:hover { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.7);}

.facebook { background-color: #3B5998;}
.twitter { background-color: #00A0D1;}
.youtube { background-color: #C4302B;}
.instagram { background-color: #825C48;}
.whatsapp { background-color: #3DC24F;}
.email { background-color: #f6d317;}



.ficha_noticia .caja_noticia_g .texto a:hover{font-weight: bolder;}
.ficha_noticia .caja_noticia_g  img{border-radius: 10px;}

/*--columna dcha--*/
.ficha_noticia  .columna_dcha .titular_columna{ font-weight:600;   line-height:100%; font-size:1.5em;  color:#000; padding-left: 83px; }
.ficha_noticia .not_peke h2{    line-height:110%; font-size:clamp(1.1rem, 1.046rem + 0.27vw, 1.2rem);  color:#333;  margin-bottom: 5px;}

.ficha_noticia .not_peke .caja_not a{display: grid; grid-template-columns:60px auto; color:#666;}

.ficha_noticia .not_peke .fecha_not{height: 65px; width: 65px; border-radius: 13px; display: flex; align-items: center; flex-direction: column; justify-content: center;
    font-size: clamp(1rem, 5vw, 1.3rem); text-align: center; line-height: 100%; text-transform: uppercase; color:#fff; transition: color 1s linear;}
.ficha_noticia .not_peke .fecha_not span{ display: block; line-height: 100%; font-size: 0.9em; color:#ffffff90 ;}
.ficha_noticia .not_peke .fecha_not b{ color:#ffffff!important ;}
.ficha_noticia .not_peke .caja_not .noticia-body {position: relative;}
.ficha_noticia .not_peke .caja_not .noticia-body .sinopsis{margin-bottom:5px;}
.ficha_noticia .not_peke .caja_not a:hover .btn{transition: box-shadow 1s linear;}
.ficha_noticia .not_peke .caja_not a:hover .btn{   box-shadow: 10px 12px 34px #8f8f8f, -15px 1px 38px #8f8f8f;}
.ficha_noticia .not_peke .sinopsis{
    display: block;
    display: -webkit-box;
    line-height: 140%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ficha_noticia  .ver_mas {
    font-size: 0.85em;
    font-weight: 400;
    padding: 2px ;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 1px;
    transition: all 1s linear !important;
}
.ficha_noticia .not_peke .sinopsis p{margin-bottom: 3px; font-size: 0.85em; line-height: 130%;}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .ficha_noticia  .columna_dcha {margin-top: 40px;}

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .ficha_noticia  .columna_dcha {margin-top: 40px;}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399px){
    .ficha_noticia .caja_noticia_g .texto{text-align: justify;}

}
/* Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .ficha_noticia .caja_noticia_g .texto{text-align: justify;}

}

