#logo-site {
  height: 120px;
  margin-left: 100px;
  border-radius: 15px 70px 70px 70px;
}
#logo-site-mobile {
  width: 30%;
  border-radius: 15px 70px 70px 70px;
  position: relative; /* Para que el z-index funcione */
  z-index: 2; /* Asegúrate de que el logo esté delante del card-overlay */
}
@media (max-width: 600px) {
  #logo-footer {
    width: 20%;
    border-radius: 15px 70px 70px 70px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  #logo-footer {
    width: 15%;
    border-radius: 15px 70px 70px 70px;
  }
}
@media (min-width: 993px) {
  #logo-footer {
    width: 10%;
    border-radius: 15px 70px 70px 70px;
  }
}

.full-width-image {
  width: 100%;
  overflow: hidden; /* Esto evitará que la imagen se desborde horizontalmente */
}

.full-width-image img {
  width: 100%;
  height: auto; /* Esto mantendrá la proporción de la imagen */
  display: block; /* Esto elimina cualquier espacio en blanco alrededor de la imagen */
}

.full-width-image {
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 601px) {
  #select2-container {
    width: 70%; /* En pantallas medianas, el ancho es del 70% */
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
  #select2-container {
    width: 70%; /* En pantallas medianas, el ancho es del 70% */
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
}

@media only screen and (min-width: 993px) {
  #select2-container {
    width: 60%; /* En pantallas más grandes, el ancho es del 60% */
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
}