#contentRecommendationWidget_3_-3000_1918,
#contentRecommendationWidget_3_-3000_1915,
div[data-slot-id="3"] {
  background-color: #f9f9fa;
}

.bloque1 {
  max-width: 1170px;
  margin: 40px auto;
  text-align: center;
  margin-top: 70px;
}

.bloque1 .color-naranja {
  color: #ee730a;
}

.bloque1 .title h2 {
  font-size: 32px !important;
  font-weight: bold;
  margin: 40px 0 10px 0;
}

.bloque1 .title h2,
.bloque1 .texto {
  margin-top: 10px;
}

.ubicarTienda {
  text-align: left;
}

.item1 {
  grid-area: busqueda;
  padding: 20px;
}

.item2 {
  grid-area: resultados;
  padding: 20px;
  margin-top: -35px;
}

.item3 {
  grid-area: mapa;
  align-self: center;
  overflow: hidden;
  position: relative;
  min-height: 455px;
}

.form-content {
  background-color: #fff;
  padding: 0 15px;
  display: grid;
  grid-template-areas: "busqueda" "resultados" "mapa";
  grid-gap: 0px 20px;
}

.form-content h2,
.form-content p {
  color: #ff6f29;
}

.form-content .item1 p {
  margin-top: 20px;
}

.form-select {
  background-color: #ffffff;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 15px;
  margin-top: 20px;
}

.form-select span {
  display: block;
  font-size: 13px !important;
  color: #848484;
  margin-left: 3px;
}

.form-select select {
  width: 100%;
  display: block;
  border: 1px solid #333438;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px !important;
  line-height: 1.4;
  color: #555;
  background-color: #fff;
  font-family: BrandonRegular;
}

.form-select-disabled #listCiudad {
  background-color: #eee;
}

#buscarSucursal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.search-btn {
  display: block;
  background-color: #000;
  width: 165px;
  padding: 10px;
  border-radius: 15px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  margin: 20px 65px;
  cursor: pointer;
  transition: 0.2s;
  border: 3px solid transparent;
}

.btnDisabled {
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
  background-color: #bebebe;
}

#map {
  min-width: 100%;
  min-height: 100%;
  position: initial !important;
}

#datosSucursal {
  margin-top: 40px;
  max-height: 261px;
  overflow: auto;
}

#datosSucursal .p1 {
  text-align: center;
  font-size: 22px !important;
}

#datosSucursal .info-sucursal {
  margin-bottom: 20px;
}

#datosSucursal .info-sucursal .nombre-sucursal {
  font-size: 20px !important;
}

#datosSucursal .info-sucursal .desc-sucursal {
  color: #333;
}

.banner {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .search-btn {
    margin: 20px 230px;
  }
  .bloque2 .title h2 {
    font-size: 32px !important;
    font-weight: bold;
    margin: 40px 0 10px 0;
  }
}

@media only screen and (min-width: 992px) {
  .form-content {
    padding: 0 0 0 26px;
    grid-template-areas: "busqueda busqueda mapa mapa mapa mapa" "resultados resultados mapa mapa mapa mapa";
  }
  .item1 {
    min-width: 400px;
  }
  .item2 {
    margin-top: -175px;
  }
  .item3 {
    align-self: end;
    min-width: 600px;
    min-height: 550px;
  }
  .search-btn {
    margin: 0px 85px;
  }
}

@media (min-width: 1200px) {
  .form-content {
    grid-template-areas: "busqueda mapa mapa mapa mapa" "resultados mapa mapa mapa mapa";
    grid-gap: 0px 30px;
  }
  .search-btn {
    margin: 0px 90px;
  }
}