/* public/css/noticias.css */

/* Asegúrate de que bg-cafe esté definido en style.css como #6B4423 */
.card-header.bg-cafe {
  background-color: #800000;
}

/* Texto del cuerpo de la tarjeta */
.card-body .card-text {
  color: #333;
}

/* Pie de tarjeta */
.card-footer {
  background-color: #f8f9fa;
}

/* Espacio inferior en pantallas pequeñas */
@media (max-width: 767px) {
  .card {
    margin-bottom: 1rem;
  }
}


body {                                                                                                                                                                                                         
      display: flex;                                                                                                                                                                                               
      flex-direction: column;                                                                                                                                                                                      
      min-height: 100vh;                                                                                                                                                                                           
      background-color: #ffffff;                                                                                                                                                                                   
      background-image: url('/images/body-bg.svg');                                                                                                                                                                
      background-repeat: no-repeat;                                                                                                                                                                                
      background-position: top left;
      background-size: auto 100vh;
      background-attachment: fixed;
    }

main {
      flex: 1 0 auto;
      margin-top: 100px; /* margen suficiente para la navbar en móvil */
    }

footer {
      flex-shrink: 0;
    }