.noticias{
        width:100%;
        display:flex;
        justify-content:center;
        padding:102px 20px;
        background:linear-gradient(to bottom, #E3E3E3, #BEBEBE);
      }
      
      .noticias .container{
        width:100%;
        display:flex;
        flex-direction:column;
        /*background-color:green;*/
        align-items:center;
        max-width:1339px;
      }
      
      .noticias .tabs{
        width:100%;
        display:flex;
        /*background-color:grey;*/
        gap:57px;
        justify-content:center;
        padding-bottom:71px;
      }
      
      
      .noticias .tabs button.boton{
        text-decoration:none;
        border:none;
        cursor:pointer;
        width:100%;
        display:flex;
        gap:15px;
        padding:13px 10px;
        max-width:335px;
        background:linear-gradient(to right, #5E655B , #323231);
        border-radius:9px;
        align-items:center;
        color:white;
        justify-content:center;
        font-size:21px;
        line-height:28px;
      }
      
        .noticias .tabs button.boton.activo{
        background:linear-gradient(to right, #941442 , #591624);
      }
      
      
      .noticias .tabs .vineta{
        width:15px;
        height:16px;
        flex-shrink:0;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
      }

      .noticias .tabs .vineta img{
        width:100%;
        height:100%;
        object-fit:contain;
        display:block;
      }
      
      .noticias .compilado{
        width:100%;
        display:flex;
        /*background-color:maroon;*/
        gap:40px;
        justify-content:center;
      }

      .noticias .compilado.oculto{
        display:none;
      }

      .noticias .panel-posts{
        width:100%;
        position:relative;
        background:#E9E9E9;
        border-radius:20px;
        padding:44px 28px 48px;
        box-shadow:0 8px 30px rgba(0, 0, 0, 0.08);
      }

      .noticias .puntero-categoria{
        position:absolute;
        top:-28px;
        left:50%;
        width:0;
        height:0;
        border-left:22px solid transparent;
        border-right:22px solid transparent;
        border-bottom:28px solid #E9E9E9;
        transform:translateX(-50%);
        transition:left 0.25s ease;
        pointer-events:none;
        filter:drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.05));
      }
      
      .noticias .noticia{
        width:100%;
        max-width:400px;
        display:flex;
        flex-direction:column;
        /*background-color:lightgrey;*/
      }
      
      .noticias .portada{
        width:100%;
        height:206px;
        display:flex;
        background-color:black;
        border-radius:16px;
      }
      
      .noticias a.vermas{
        text-decoration:none;
        cursor:pointer;
        display:flex;
        width:fit-content;
        padding:9px 9px 9px 20px;
        border-radius:60px;
        background-color:#F4F4F4;
        border:1px solid #AC344D;
        gap:14px;
        align-items:center;
        margin-top:47px;
        color: inherit;
      }
      
      .noticias .flecha{
        width:40px;
        height:40px;
        flex-shrink:0;
        border-radius:50px;
      }
      
      
      .noticias .titular{
        text-align:center;
        font-size:43px;
        line-height:44px;
      }
      
      .noticias .subtexto{
        padding:28px 0 53px 0;
        max-width:780px;
        text-align:center;
        font-size:21px;
        line-height:28px;
      }
      
      .noticias .fecha{
        font-size:16px;
        line-height:18px;
        padding-bottom:14px;
        text-decoration-line: underline;
        text-underline-offset: 2px;
      }
      
      .noticias .tituloNoticia{
        font-size:20px;
        line-height:26px;
        padding-top:30px;
      }
      
      .noticias .textoNoticia{
        font-size:16px;
        line-height:22px;
        padding-top:10px;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:4;
        overflow:hidden;
      }

      .noticias .textoNoticia p{
        margin:0;
      }
      
      .noticias img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }
      
      .noticias .portada img{
        border-radius:16px;
      }



      .linkNoticia{
    text-decoration: none;
    color: inherit;
}

.linkNoticia:hover{
    color: inherit;
}


@media(max-width:900px){

.noticias .compilado {
  flex-direction: column;
  align-items: center;
}

.noticias .noticia{
  max-width: 550px;
}

}








@media (max-width:700px){

  .noticias{
    padding:71.4px 14px;
  }

  .noticias .tabs{
    gap:10px;
    padding-bottom:30.7px;
    align-items:center;
    text-align: left;
  }
  .noticias .tabs .vineta{
    display: none;
  }

  .noticias .tabs button.boton{
    gap:10.5px;
    padding:10px 14px;
    border-radius:6.3px;
    font-size:16px;
    line-height:21px;
    max-width:100%;
    text-align: left;
  }

  .noticias .compilado{
    gap:38px;
  }

  .noticias .panel-posts{
    border-radius:14px;
    padding:30.8px 19.6px 33.6px;
  }

  .noticias .puntero-categoria{
    top:-19.6px;
    border-left:15.4px solid transparent;
    border-right:15.4px solid transparent;
    border-bottom:19.6px solid #E9E9E9;
  }

  .noticias .portada{
    border-radius:11.2px;
  }

  .noticias .portada img{
    border-radius:11.2px;
  }

  .noticias a.vermas{
    padding:6.3px 6.3px 6.3px 14px;
    border-radius:42px;
    gap:9.8px;
    margin-top:32.9px;
  }

  .noticias .subtexto{
    padding:19.6px 0 37.1px 0;
  }

  .noticias .fecha{
    padding-bottom:9.8px;
  }

  .noticias .tituloNoticia{
    padding-top:21px;
  }

  .noticias .textoNoticia{
    padding-top:7px;
  }

  /* Tipografías */

  .noticias .titular{
    font-size:30px;
    line-height:32px;
  }

  .noticias .subtexto{
    font-size:16px;
    line-height:21px;
  }

  .noticias .fecha{
    font-size:16px;
    line-height:13.5px;
  }

  .noticias .tituloNoticia{
    font-size:18px;
    line-height:22px;
  }

  .noticias .textoNoticia{
    font-size:16px;
    line-height:22px;
  }

  

}