/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/GMap.vue?vue&type=style&index=0&id=bda6bb24&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.gmap[data-v-bda6bb24] {
  /*border: 1px solid black;*/
  flex: 1;
  box-sizing: border-box;
}
[data-v-bda6bb24] .gm-ui-hover-effect {
  display: none !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/Geolocator.vue?vue&type=style&index=0&id=93780344&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.geolocator[data-v-93780344] {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: black;
  color: #F9DB4B;
  border-radius: 10px;
  height: 35px;
  margin-top: 10px;
  cursor: pointer;
}
.text[data-v-93780344] {
  margin-left: 0;
  padding-left: 20px;
}
button[data-v-93780344] {
  background: black;
  background-image: url(/img/geolocation.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 35px;
  width: 40px;
  color: white;
  border: none;
  padding: 5px;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 10px;
  font-weight: bold;
  font-size: 10px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/SearchBox.vue?vue&type=style&index=0&id=6f896c4c&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.searchbox[data-v-6f896c4c] {
  display: flex;
  flex: 1;
  flex-direction: row;
  position: relative;
}
input[data-v-6f896c4c], button[data-v-6f896c4c] {
  margin: 0;
  padding: 0 10px;
  height: 25px;
}
input[data-v-6f896c4c] {
  border: 1px solid black;
  background: #F9DB4B;
  color: black;
  flex: 1;
  border-radius: 10px;
  height: 35px;
  background-image: url(/img/lupa.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 20px;
  background-origin: content-box;
}
input[data-v-6f896c4c]:focus {
  outline: none;
}
button[data-v-6f896c4c] {
  position: absolute;
  right: 5px;
  top: 5px;
  background-image: url(/img/lupa.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
  width: 35px;
  border: none;
  background-color: #F9DB4B !important;
  cursor: pointer;
  margin: 0 0 0 5px;
  padding: 0 10px;
  text-transform: uppercase;
  border-radius: 8px;
  font-weight: normal;
  font-size: 10px;
  letter-spacing: 0.10em;
}
button[data-v-6f896c4c]:hover {
  color: black;
}
button[data-v-6f896c4c]:active {
  background-color: #C29D2F;
  border: 1px solid #C29D2F;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/LocationsList.vue?vue&type=style&index=0&id=3da45bf3&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.locationslist[data-v-3da45bf3] {
  width: 100%;
  padding: 0;
}
.box[data-v-3da45bf3] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #C29D2F;
  padding: 20px 0;
}
.box .info[data-v-3da45bf3] {
  cursor: pointer;
}
h2[data-v-3da45bf3] {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  margin: 0;
}
p[data-v-3da45bf3] {
  font-family: Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  margin: 5px 0 0 0;
}
button[data-v-3da45bf3] {
  background: black;
  background-image: url(/img/ruta.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 35px;
  width: 40px;
  color: white;
  border: none;
  padding: 5px;
  cursor: pointer;
  margin: 0 0 0 10px;
  text-transform: uppercase;
  border-radius: 10px;
  font-weight: bold;
  font-size: 10px;
}
button[data-v-3da45bf3]:hover {
  color: white !important;
}
button[data-v-3da45bf3]:active {
  background-color: #1A1A1A;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-7ba5bd90]:focus {
  outline: none;
}
.wrapper[data-v-7ba5bd90] {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
  font-family: Arial, Verdana, sans-serif;
  background-color: #F9DB4B;
}
.loading[data-v-7ba5bd90] {
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #F9DB4B;
  opacity: 0.4;
  background-image: url(/img/loader.gif);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: center center;
}
.loading.active[data-v-7ba5bd90] {
  display: block;
}
h2[data-v-7ba5bd90] {
  font-family: "Londrina Solid", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 32px;
  max-width: 340px;
  padding: 0;
  margin: 10px 0 20px;
}
.col.info[data-v-7ba5bd90] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-basis: 400px;
}
.col.mapa[data-v-7ba5bd90] {
  flex: 1;
}
.row[data-v-7ba5bd90] {
  display: flex;
  flex-direction: row;
}
.row.title[data-v-7ba5bd90] {
  padding: 20px 20px 0 20px;
}
.col.menu[data-v-7ba5bd90] {
  border-bottom: 1px solid black;
  padding: 0 30px 10px 20px;
}
.col.menu p[data-v-7ba5bd90] {
  padding: 20px 0 10px;
  font-size: 15px;
  line-height: 15px;
}
.row.info[data-v-7ba5bd90] {
  flex: 1;
  margin-top: 20px;
  overflow-x: hidden;
  padding: 0 20px 20px 20px;
  overflow-y: scroll;
}
[data-v-7ba5bd90]::-webkit-scrollbar {
  width: 10px;
}
[data-v-7ba5bd90]::-webkit-scrollbar-track {
  background: #E3C845;
}
[data-v-7ba5bd90]::-webkit-scrollbar-thumb {
  background: #131313;
  height: 100px;
}
[data-v-7ba5bd90]::-webkit-scrollbar-thumb:hover {
  background: #1F1F1F;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-google-maps-community-fork/src/components/map.vue?vue&type=style&index=0&id=b30a4152&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.vue-map {
  width: 100%;
  height: 100%;
  min-height: 2rem;
}

/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/styles.css ***!
  \**************************************************************************************************************************************************************/
body {
  margin: 0;
  padding: 0;
}
#arecafe-mapa {
  height: 100%;
}
.gmap {
  width: 100%;
  height: 100%; /* O ajusta según lo necesario */
}
#searchtext{
  margin: 0;
}