/* Hacer que todo el body ocupe al menos toda la pantalla */
html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

/* El contenido principal ocupa todo lo que sobra */
main {
  flex: 1 0 auto;
}

/* Footer siempre abajo y efecto neon */
footer {
  flex-shrink: 0;
  transition: 0.3s ease-in-out;
}



#carouselMarcas img {
  width: 100%;         /* ocupa todo el ancho */
  height: 20em;       /* ajustá este valor según te guste (200-400px suele ir bien) */
  object-fit: cover;   /* recorta para que no se deforme */
}

    body {
      font-family: 'Open Sans', sans-serif;
      background: #fff;
      color: #111;
    }

    /* Titulares */
   

    /* Noticia destacada */
    .noticia-destacada h2 {
      font-size: 2rem;
      font-weight: 700;
    }
    .noticia-destacada img {
      max-height: 400px;
      object-fit: cover;
    }

    /* Noticias medianas */
    .card h5 {
      font-family: 'Merriweather', serif;
      font-size: 1.2rem;
    }

    /* Sidebar estilo periódico */
    .noticia-lista li {
      border: none;
      padding: 10px 0;
      border-bottom: 1px solid #ddd;
      font-size: 0.95rem;
    }
    .noticia-lista li a {
      text-decoration: none;
      color: #111;
    }
    .noticia-lista li a:hover {
      text-decoration: underline;
    }