body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    background: var(--background-gradient);
    background-attachment: fixed;
    background-size: cover;
    color: var(--text-color);
    line-height: 1.6;
    position: relative;
    overflow-x: hidden;
  }
  
  img {
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease;
  }

  
  h1 {
    /* Estilos generales para los h1 si los hay */
    text-align: center;
    margin-bottom: 20px;
  }
  
  .card.h-100 {
    /* Estilos para las tarjetas */
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }
  
  .card-img-top {
    /* Estilos para las imágenes */
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  
  .card-body {
    /* Estilos para el cuerpo de la tarjeta si los hay */
    padding: 15px;
  }