@charset "utf-8";
/**{
  border: 1px dotted red;
}*/
/*Productes*/
.contenedor_noticias {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
  margin: 0 auto;
}
a.link_noticia {
  display: inline-block;
  text-decoration: none;
  color: inherit; 
}

a.link_noticia:hover .noticia {
  opacity: 0.9;
  transform: scale(1.02);
}
/*Secció de noticia*/
section.noticia {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;/*Per a posicionar el tag_noticia*/
  width: 100%;
  min-height: 20rem;
  padding: 1rem;
  margin-top: 2rem;
  border: 1px solid var(--color-verde-oscuro);
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 5px 6px -2px rgba(0, 0, 0, 0.9);
  transition: all 0.2s ease-in-out;
}
.contenedor_noticias a.link_noticia:nth-child(1) section.noticia {
  background-image: url('../img/noticias/pedra_seca.jpeg')!important;
}
.contenedor_noticias a.link_noticia:nth-child(2) section.noticia {
  background-image: url('../img/noticias/pomponella.jpg')!important;
}
.contenedor_noticias a.link_noticia:nth-child(3) section.noticia {
  background-image: url('../img/noticias/cireres_roins.jpeg')!important;
}
.contenedor_noticias a.link_noticia:nth-child(4) section.noticia {
  background-image: url('../img/noticias/dormancia.jpg')!important;
}
.contenedor_noticias a.link_noticia:nth-child(5) section.noticia {
  background-image: url('../img/noticias/lluita.jpg')!important;
}
/*Tag de la noticia*/
div.tag_noticia {
  font-family: 'Noto Serif', serif;
  font-size: 1.5rem;
  text-align: center;
  color: var(--color-verde-oscuro);
  align-self: center;
  position: absolute;
  top: -2rem; /* Per a que puje un poc per damunt */
  background: linear-gradient(0deg, var(--color-beige-oscuro), var(--color-beige-claro));
  border: 1px solid var(--color-verde-oscuro);
  padding: 0.3rem 0.6rem;
  border-radius: 0.2rem;
  font-weight: bold;
}
/*Textes de la noticia*/
div.textos_noticia{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap:1rem;
}
div.textos_noticia>span{
  display: inline-block;/*Per a poder pintar el fons del span*/
  color: var(--color-verde-oscuro);
  background-color: var(--color-beige-claro);
  border: 1px solid var(--color-verde-oscuro);
  border-radius: 4px;
}
div.textos_noticia>span:nth-of-type(1){
  color: var(--color-verde-oscuro);
  background-color: var(--color-beige-claro);
  opacity: 0.9;
  max-height: 5rem;
  padding: 0 0.2rem;
  overflow: hidden;
  font-size: 1rem;
}
div.textos_noticia>span:nth-of-type(2){
  color: var(--color-verde-oscuro);
  background-color: var(--color-beige-claro);
  opacity: 0.9;
}
/*****************/
/****VERSIÓ PC****/
@media (width >= 992px) {
  a[href="blog.html"]{
    background: linear-gradient(90deg, var(--color-rojo-oscuro) 0%, var(--color-rojo-claro) 50%);
    border-radius: 4px;
    color: var(--color-beige-claro) !important;/*Machaque els estils anteriors, si no no es mostra el colro de la lletra*/
    filter: drop-shadow(1px 1px 1px rgba(36, 4, 7, 0.9));
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    transition: all 0.3s ease-in-out;
  }
  a[href="blog.html"]:hover {
      color: whitesmoke!important; /* 🔹 Blanco roto */
  }
  a.link_noticia {
    width: calc(50% - 2rem);
    margin: 0.5rem;
    flex: 0 auto;
  }
  main {
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    padding: 2rem;
  }
  section.noticia{
    border: 1px solid var(--color-verde-oscuro);
    border-radius: 4px;
  }
}