/*-- Use For Custom Styling --*/
.contenedor7 {
      display: flex;
      flex-wrap: wrap;
      max-width: 100%;
      justify-content: flex-start;
    }

    .card7 {
      flex: 1 1 20%;
      background-color: #121212;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }
   .cardp {
      flex: 1 1 20%;
      margin: 10px;
      background-color: #121212;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }
.cardp:hover {
  transform: scale(1.03);
  cursor: pointer;
}
    .cardN {
      flex: 1 1 20%;
      margin: 10px;
      background-color: url('../img/bg-1.jpg');
      /*border-radius: 8px;*/
      /*overflow: hidden;*/
      /*box-shadow: 0 2px 6px rgba(0,0,0,0.1);*/
    }

    .imagenp1 {
      width: 100%;
      height: 200px;
      /*background-color: #ccc;*/
      /*background-size: cover;*/
      background-position: center;
      background: url('../img/prensa1.jpg');
      object-fit: cover; /* opcional: recorta para mantener proporción visual */
    }
    .imagenp2 {
      width: 100%;
      height: 200px;
      /*background-color: #ccc;*/
      /*background-size: cover;*/
      background-position: center;
      background: url('../img/prensa2.jpg');
      object-fit: cover; /* opcional: recorta para mantener proporción visual */
    }
    .imagenp3 {
      width: 100%;
      height: 200px;
      /*background-color: #ccc;*/
      /*background-size: cover;*/
      background-position: center;
      background: url('../img/prensa3.jpg');
      object-fit: cover; /* opcional: recorta para mantener proporción visual */
    }

    .leyenda7 {
      padding: 15px;
      line-height: 1.5;
    }

    @media (max-width: 768px) {
      .contenedor7 {
        max-width: 100%;
      }

      .card7 {
        flex: 1 1 100%;
      }
    }

.noticia {
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease;
      position: absolute;
      left: 0;
      right: 0;
      margin-top: 1px;
      padding: 5px;

    }

    .noticia.mostrar {
      opacity: 1;
      visibility: visible;
      position: static;
    }

    .botones {
      margin-bottom: 20px;
    }

    /* Para mantener altura del contenedor al cambiar secciones */
    .contenedor-noticias {
      position: relative;
      min-height: 120px;
 }