.contenedor-flex-buscador{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.contenedor-noticias-search{
    position: relative;
}
.contenedor-noticias-search input{
    padding: 10px 20px;
    border: 2px solid var(--border-light);
    border-radius: 10px;
    outline: none;
    font-size: 14px;
}

.contenedor-noticias-search span{
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    pointer-events: none; /* para que no bloquee el click en el input */
}

.contenedor-noticias-search span i{
  color: var(--AzulFuerte);
}



.container-noticia-grande {
     /* Referencia para los hijos absolutos */
  position: relative;
  border-radius: 15px;
  overflow: hidden;          /* La imagen no se sale del borde redondeado */
  background-color: var(--ColorWhite);
  padding: 20px;
  margin: 30px 0px;
}

.noticia-img {

  width: 100%;
    /*height: 600px;*/
    object-fit: cover;
    object-position: top;
  display: block;
  border-radius: 10px;
}

.noticia-overlay {
  position: absolute;        /* Se superpone sobre la imagen */
  bottom: 0;
  left: 50px;
  right: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 35px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.noticia-fecha {
  display: inline-block;
  align-items: center;
  gap: 6px;
  background: var(--colorCeleste);
  padding: 10px 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 12px;
 /* margin-bottom: 8px;*/
  color: var(--ColorWhite);
  font-size: 18px;
  padding-left: 25px;
}

.noticia-titulo {
  color: var(--AzulSwipper);
  font-weight: 600;
  background: rgba(255,255,255,0.15);
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 30px;
  line-height: 1.2;
  /*padding-left: 25px;*/
  padding: 10px 25px ;
}

.btn-leer {
  background: white;
  padding: 14px 18px;
  border-radius: 15px;
  text-decoration: none;
  color:var(--AzulSwipper);
  font-size: 14px;
  white-space: nowrap;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.btn-leer:hover{
  background-color: var(--AzulFuerte);
  color: var(--ColorWhite);
}

.noticia-info{
  background: linear-gradient(
  to right,
  #FFFFFF,
  #F2F2F2,
  #FFFFFF

);
max-width: 500px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


/**/
.flex-contenedor-blog-noticia {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 20px;
}
.blog-noticia {
  /* ya no necesitas width ni min-width, el grid lo maneja */
  background-color: var(--ColorWhite);
  border-radius: 15px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-sizing: border-box;
}
.contenedor-img-blog {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.contenedor-img-blog img{
  width: 100%;
  overflow: hidden;

}
.noticia-fecha-pequeña{
  position: absolute;
  bottom: 3px;
  background: var(--colorCeleste);
  font-size: 12px;
  color: var(--ColorWhite);

  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  font-size: 12px;
  border-top-right-radius: 6px;
}

.info-blog-noticia{
  color: var(--AzulSwipper);
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 40px;
}

.button-blog-leer .leer-publicacion{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--AzulSwipper);
  font-weight: 700;
  transition: color 0.25s ease;
}

.button-blog-leer .leer-publicacion:hover{
  color: var(--colorCeleste);
}

.blog-noticia:hover .leer-publicacion {
  color: var(--colorCeleste);
}

/*NOTICIAS -2 */
.contenedor-img-not-2{
  width: 100%;
  height: auto;
  margin-top: 30px;
}

.noticia-fecha-not-2{
  bottom: 3px;
  background: var(--colorCeleste);
  font-size: 12px;
  color: var(--ColorWhite);

  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 14px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 10px;
  margin-bottom: 25px;
  margin-top: 20px;
}
.contenedor-text-not-2{
  margin: 40px 0px;
}
.contenedor-img-not-2 img{
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  height: auto;
}

.contenedor-text-not-2 ul,.contenedor-text-not-2 ol{
    margin-left: 25px;
}


.contenedor-text-not-2 ul li{
    margin-left: 25px;
    list-style: disc;
}

.contenedor-text-not-2 ol li{
    margin-left: 25px;
    list-style: decimal;
}

.contenedor-noticias-imagenes-2{
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 30px;
  align-items:center;
}
.contenedor-noticias-imagenes-2 img{
  width: 48%;
  height: auto;
}

@media (max-width:800px ) {
 .flex-contenedor-blog-noticia {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}
.noticia-titulo{
  font-size: 22px;
}
.noticia-fecha{
  font-size: 14px;
}
}

@media (max-width: 500px) {
 .noticia-titulo{
  font-size: 16px;
 }

 .noticia-overlay{
  left: 30px;
  right: 30px;
 }
}