.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto; */
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.desactivado {
    opacity: .4;
    cursor: default !important;
    pointer-events: none; 
}

.iconos {
  background-color: white !important; 
  border: white !important; 
  padding-left: 7px;
}

.alinearTexto {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1px) and (max-width: 280px) {
  .linesPicture {
    position: absolute;
    height: 450px;
    width: 335px;
    top: 70px;
    left: 11px;
    z-index: 1;
  }
}

@media (min-width: 280px) and (max-width: 320px) {
  .linesPicture {
    position: absolute;
    height: 450px;
    width: 276px;
    top: 70px;
    left: 2px;
    z-index: 1;
  }
}

@media (min-width: 320px) and (max-width: 360px) {
  .linesPicture {
    position: absolute;
    height: 450px;
    width: 300px;
    top: 70px;
    left: 9px;
    z-index: 1;
  }
}

@media (min-width: 360px) and (max-width: 375px) {
  .linesPicture {
    position: absolute;
    height: 450px;
    width: 335px;
    top: 70px;
    left: 13px;
    z-index: 1;
  }
}

@media (min-width: 375px) and (max-width: 411px) {
  .linesPicture {
    position: absolute;
    height: 450px;
    width: 345px;
    top: 70px;
    left: 13px;
    z-index: 1;
  }
}

@media (min-width: 411px) and (max-width: 540px) {
  .linesPicture {
    position: absolute;
    height: 450px;
    width: 335px;
    top: 70px;
    left: 38px;
    z-index: 1;
  }
}

@media (min-width: 540px) and (max-width: 576px) {
  .linesPicture {
    position: absolute;
    height: 450px;
    width: 335px;
    top: 70px;
    left: 104px;
    z-index: 1;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .linesPicture {
    position: absolute;
    height: 450px;
    width: 345px;
    top: 70px;
    left: 130px;
    z-index: 1;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .linesPicture {
    position: absolute;
    height: 400px;
    width: 345px;
    top: 70px;
    left: 420px;
    z-index: 1;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .linesPicture {
    position: absolute;
    height: 400px;
    width: 345px;
    top: 70px;
    left: 595px;
    z-index: 1;
  }
}

@media (min-width: 1200px) and (max-width: 1800px) {
  .linesPicture {
    position: absolute;
    height: 400px;
    width: 340px;
    top: 73px;
    left: 715px;
    z-index: 1;
  }
}

@media (min-width: 1800px) {
  .linesPicture {
    position: absolute;
    height: 400px;
    width: 340px;
    top: 73px;
    left: 1016px;
    z-index: 1;
  }
}