body {
    margin:0;
    background:#000;
  }

  .carousel {
    position:relative;
    width:100%;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
  }

  .slide {
    position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    opacity:0;
    transition:opacity 1s ease-in-out;
  }

  .slide.center {
    opacity:1;
    z-index:2;
  }

  .slide.left {
    animation: showLeft 6s infinite;
    z-index:1;
  }

  .slide.right {
    animation: showRight 6s infinite;
    z-index:1;
  }

  @keyframes showLeft {
    0% {opacity:0;}
    15% {opacity:1;}
    30% {opacity:0;}
    100% {opacity:0;}
  }

  @keyframes showRight {
    0%, 30% {opacity:0;}
    45% {opacity:1;}
    60%,100% {opacity:0;}
  }
  .logo-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-logo {
  margin-top: 10px;
  height: 70px;
  width: auto;
  object-fit: contain;
}

img.header-logo{
  width: 50px;
  margin-right: 10px;
}

.album-cover {
    border-radius: 15px;   /* Ajustá el valor a gusto */
    overflow: hidden;
    display: block;
}

img {
  margin: 10px !important;
  border-radius: 1.5rem !important;
}