.waves {
  position: absolute;
  top: 0;
  width: 100%;
  height: 15vh;
  min-height: 80px;
  max-height: 100px;
}

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}

/* Responsive Design */
@media (max-width: 1200px) {
  .waves {
    height: 12vh;
  }
}

@media (max-width: 992px) {
  .waves {
    height: 10vh;
  }
}

@media (max-width: 768px) {
  .waves {
    height: 8vh;
  }

  .parallax > use {
    animation-duration: 20s;
  }
}

@media (max-width: 576px) {
  .waves {
    height: 6vh;
  }

  .parallax > use {
    animation-duration: 15s;
  }
}

@media (max-width: 400px) {
  .waves {
    height: 4vh;
  }

  .parallax > use {
    animation-duration: 10s;
  }
}


.bg-breadcrumb {
  background: linear-gradient(rgba(17, 17, 17, 0.5), rgba(15, 15, 15, 0.5)), url(img/img/35.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}
.bg-breadcrumbn {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(5, 5, 5, 0.5)), url(img/fichas.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}

.bg-breadcrumbnn {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(img/img/233333.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}
.bg-breadcrumbnns {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(img/img/88.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}
.bg-breadcrumbnnns {
  background: linear-gradient(rgba(7, 7, 7, 0.5), rgba(10, 10, 10, 0.5)), url(img/img/35.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}

.bg-breadcrumbnnnns {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(12, 12, 12, 0.5)), url(img/img/35.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}
.bg-breadcrumbnnnnnns {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(19, 18, 18, 0.5)), url(img/img/200.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}
.bg-breadcrumbnnss {
  background: linear-gradient(rgba(3, 3, 3, 0.5), rgba(3, 3, 3, 0.5)), url(img/img/13.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}

.bg-breadcrumbnnsss {
  background: linear-gradient(rgba(10, 10, 10, 0.5), rgba(3, 3, 3, 0.5)), url(img/img/233333.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}

.bg-breadcrumbnnssss {
  background: linear-gradient(rgba(7, 7, 7, 0.5), rgba(15, 15, 15, 0.5)), url(img/img/200.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}
.bg-breadcrumbnnssssss {
  background: linear-gradient(rgba(8, 8, 8, 0.5), rgba(12, 12, 12, 0.5)), url(img/img/5.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}
.bg-breadcrumbs {
  background: linear-gradient(rgba(8, 8, 8, 0.5), rgba(7, 7, 7, 0.5)), url(img/becas.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}

.bg-breadcrumbss {
  background: linear-gradient(rgba(3, 3, 3, 0.5), rgba(3, 3, 3, 0.5)), url(img/img/35.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 170px 0 50px 0;
  
}

.bg-breadcrumb .breadcrumb-item a {
  color: var(--bs-secondary) !important;
}

/* Otros estilos .bg-breadcrumb omitidos para brevedad */

@media (max-width: 1200px) {
  .bg-breadcrumb,
  .bg-breadcrumbn,
  .bg-breadcrumbnn,
  .bg-breadcrumbnns,
  .bg-breadcrumbnnns,
  .bg-breadcrumbnnnns,
  .bg-breadcrumbnnnnnns,
  .bg-breadcrumbnnss,
  .bg-breadcrumbnnsss,
  .bg-breadcrumbnnssss,
  .bg-breadcrumbnnssssss,
  .bg-breadcrumbs,
  .bg-breadcrumbss{
    padding: 140px 0 40px 0;
  }
}

@media (max-width: 992px) {
  .bg-breadcrumb,
  .bg-breadcrumbn,
  .bg-breadcrumbnn,
  .bg-breadcrumbnns,
  .bg-breadcrumbnnns,
  .bg-breadcrumbnnnns,
  .bg-breadcrumbnnnnnns,
  .bg-breadcrumbnnss,
  .bg-breadcrumbnnsss,
  .bg-breadcrumbnnssss,
  .bg-breadcrumbnnssssss,
  .bg-breadcrumbs,
  .bg-breadcrumbss {
    padding: 120px 0 30px 0;
    background-attachment: scroll;
  }
}

@media (max-width: 768px) {
  .bg-breadcrumb,
  .bg-breadcrumbn,
  .bg-breadcrumbnn,
  .bg-breadcrumbnns,
  .bg-breadcrumbnnns,
  .bg-breadcrumbnnnns,
  .bg-breadcrumbnnnnnns,
  .bg-breadcrumbnnss,
  .bg-breadcrumbnnsss,
  .bg-breadcrumbnnssss,
  .bg-breadcrumbnnssssss,
  .bg-breadcrumbs,
  .bg-breadcrumbss{
    padding: 100px 0 20px 0;
    background-size: contain;
  }
}

@media (max-width: 576px) {
  .bg-breadcrumb,
  .bg-breadcrumbn,
  .bg-breadcrumbnn,
  .bg-breadcrumbnns,
  .bg-breadcrumbnnns,
  .bg-breadcrumbnnnns,
  .bg-breadcrumbnnnnnns,
  .bg-breadcrumbnnss,
  .bg-breadcrumbnnsss,
  .bg-breadcrumbnnssss,
  .bg-breadcrumbnnssssss,
  .bg-breadcrumbs,
  .bg-breadcrumbss {
    padding: 80px 0 10px 0;
    background-size: contain;
    background-position: top center;
  }
}
