/* Contenedor principal de la sección "locales" */
.locales {
  position: relative;
  height: 100%;
  width: 100%;
  color: #fff;
}

.locales--titulos {
  color: #4f0949;
  font-size: 2.5em;
  width: 100%;
  padding: 0.3em 0 0 2.5em;
}

.locales--titulos h3 {
  display: flex;
  flex-direction: column;
}
.locales--titulos span {
  transition: all 0.5s;
}

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

/* define el contenedor de la presentación y su estilo */
.locales--presentacion {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100vh;
}

/*define el estilo de los elementos de la sección "pioneros" */
.locales--pioneros {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.locales--pioneros .lc--pioneros-sbTituloP1 {
  font-size: 2em;
  color: #4f0949;
  padding: 0.2em;
  margin-bottom: 0.2em;
}

.locales--pioneros .lc--pioneros-sbTituloP2 {
  display: flex;
  color: #85bc21;
  font-size: 1.5em;
  margin-bottom: 2em;
  transition: all 0.5s;
}

.sbTituloP2--escondido {
  transform: translate(0, 100%);
  opacity: 0;
}

/* Comentario: define el estilo del texto de la sección "pioneros" */
.locales p {
  position: relative;
  width: 420px;
  color: #4f0949;
}
/* Comentario: define el estilo del texto en negrita de la sección "pioneros" */
.locales p b {
  color: #85bc21;
}

/* Comentario: define el estilo de los elementos de la sección "ubicacion" */
.locales--ubicacion {
  width: 100%;
  height: 100%;
}

/* Comentario: define el estilo de los elementos del slider */
.container-lc-slider {
  height: 100%;
  width: 100%;
  padding: 0 2em;
}

.container-lc-slider ul li {
  height: 100%;
  width: 100%;
  display: flex;
}

.container-lc-slider img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.container-lc-slider .slide-direccion {
  position: absolute;
  /*top: 2%;*/
  top: 50%;
  transform: translate(0, -50%); /*esto es temporal hasta las nuevas fotos de los locales*/
  left: 0;
  color: #fff;
  height: 55px;
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
  /*background-color: #4f094970;*/ /*fondo del texto de las imagenes de los locales*/
}

.slide-direccion-ciudad{
 color: #85bc21;   
}

.container-lc-slider li .numeros {
  color: #fff;
}
/* Comentario: define el estilo de los botones del slider */
.slider--btn {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 65%;
  background-color: #85bc21;
  border: solid 1px #85bc21;
  box-shadow: 0 0 4px #85bc21;
  border-radius: 50%;
  transition: background-color 0.3s, border 0.3s;
  z-index: 3;
}
.slider--btn:hover {
  cursor: pointer;
  background-color: #efefef;
  border: solid 1px #efefef;
}
.btn--right {
  left: 50.58%;
}

.slider--btn span {
  position: absolute;
  height: 5px;
  width: 16px;
  background-color: #4f0949;
  border-radius: 20px;
  top: 50%;
}

.btn--right span:nth-child(1) {
  left: 24%;
  transform: rotate(48deg);
}

.btn--right span:nth-child(2) {
  left: 41%;
  transform: rotate(-52deg);
}

@media (max-width: 1024px) {
  .locales {
    padding-bottom: 6em;
  }
  .locales--titulos {
    width: 100%;
    font-size: 1.5em;
    padding: 1em 0;
    align-items: center;
    text-align: center;
  }
  .locales--datos {
    flex-direction: column;
    height: 100%;
    gap: 2em;
  }
  .container-lc-slider {
    overflow: hidden;
    height: 500px;
  }
  .locales p {
    width: 80%;
  }
  .container-lc-slider img {
    object-fit: cover;
  }
  .slider--btn {
    top: 88.5%;
  }
  .btn--right {
    left: 43%;
  }
  .locales--presentacion {
    height: 100%;
  }
  .peralta {
    text-align: center;
    width: 100px;
    font-size: small;
  }
  .lc--pioneros-sbTituloP1{
      text-align: center;
      font-size: 1em;
  }
    .locales--pioneros .lc--pioneros-sbTituloP2 {
    margin-bottom: 1em;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .container-lc-slider {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container-lc-slider ul {
    width: 60%;
  }
  .btn--right {
    left: 47%;
  }
  .locales p {
    width: 45%;
  }

}

.container-lc-slider .slide-direccion {
    height: auto;
    min-height: 55px;
}

.container-lc-slider .slide-direccion,
.container-lc-slider .lc--estado {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.container-lc-slider .lc--estado {
    margin-top: 6px;
}

.container-lc-slider li .numeros {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}