/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./cartridges/app_custom_interceramic/cartridge/client/default/scss/storeLocator.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.store-locator-container .btn-storelocator-search {
  background-color: #f9f9f9;
  border-color: var(--skin-primary-color-1);
  border-radius: 0;
  color: var(--skin-primary-color-1);
}
.store-locator-container .btn-storelocator-search:hover {
  background-color: var(--skin-primary-color-1);
  color: #f9f9f9;
}
.store-locator-container .detect-location {
  margin-bottom: 1em;
}
.store-locator-container .store-name {
  font-weight: 600;
}
.store-locator-container .store-details {
  display: block;
}
@media (min-width: 769px) {
  .store-locator-container .store-details {
    margin-left: 3.125em;
  }
}
.store-locator-container .striped > div:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.store-locator-container .search-form {
  width: 100%;
  margin-bottom: 4rem;
}
@media (min-width: 544px) {
  .store-locator-container .select-store {
    margin-top: -3rem;
  }
}
.store-locator-container .custom-radio .store-details {
  margin-left: 1.125em;
}
.store-locator-container .store-locator-no-results {
  display: none;
}
@media (min-width: 769px) {
  .store-locator-container .results {
    overflow: hidden auto;
    max-height: 21.875em;
  }
}

.customer-page-container-store-locator {
  width: 85%;
  max-width: 1597px;
  padding: 0;
}
.customer-page-container-store-locator .gray-section {
  color: #CFD8DC;
  background: #CFD8DC;
  height: 1px;
  margin-top: 0.5px;
  width: calc(100% - 35px);
}
.customer-page-container-store-locator hr {
  color: #CFD8DC;
}
.customer-page-container-store-locator .red-section {
  width: 35px;
  -webkit-box-flex: 0;
  border-radius: 50px;
  background: #E23A29;
  height: 2px;
}
.customer-page-container-store-locator h1.custom-page-title-store-locator {
  font-size: 28px;
  font-weight: 400;
  text-align: left;
  color: #818181;
}

.btn-outline-secondary-custom {
  background-color: transparent; /* Sin color de fondo */
  color: #818181; /* Color del texto */
  border: 1px solid #818181; /* Color del borde */
}

.search-buttons__btn-locator {
  flex: none;
  max-width: 100%;
  margin: 5px 0;
  font-family: Poppins, sans-serif;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
}
@media (min-width: 544px) {
  .search-buttons__btn-locator {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (min-width: 769px) {
  .search-buttons__btn-locator {
    flex: 1;
    margin: 5px;
  }
}

.container-map-search p {
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  color: #818181;
}
@media (min-width: 769px) {
  .container-map-search p {
    font-size: 14px;
  }
}

.sl-label {
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  color: #818181;
  display: block; /* Asegura que el label sea un bloque */
  margin-bottom: 5px;
}

.country-search label {
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  color: #818181;
}

.input-search-google {
  height: 32px;
  padding: 10px 15px; /* Ajustado para tener el padding de forma correcta */
  border-radius: 50px; /* Borde completamente redondeado */
  border: 1px solid #CFD8DC; /* Borde de 1px con color #CFD8DC */
  opacity: 1; /* Opacidad ajustada para ser visible */
}
@media (min-width: 544px) {
  .input-search-google {
    height: 40px;
  }
}
@media (min-width: 769px) {
  .input-search-google {
    height: 48px;
  }
}

.input-search-google:focus {
  border: 3px solid #CFD8DC; /* Mantener el mismo borde en el enfoque */
  outline: none; /* Quitar el borde de enfoque predeterminado */
}

.input-search-autocomplete {
  height: 32px;
  padding: 10px 15px; /* Ajustado para tener el padding de forma correcta */
  border-radius: 50px; /* Borde completamente redondeado */
  border: 1px solid #CFD8DC; /* Borde de 1px con color #CFD8DC */
  opacity: 1; /* Opacidad ajustada para ser visible */
}
@media (min-width: 544px) {
  .input-search-autocomplete {
    height: 40px;
  }
}
@media (min-width: 769px) {
  .input-search-autocomplete {
    height: 48px;
  }
}

.input-search-autocomplete:focus {
  border: 3px solid #CFD8DC; /* Mantener el mismo borde en el enfoque */
  outline: none; /* Quitar el borde de enfoque predeterminado */
}

.text-clear > .text-clear-all {
  color: #E23A29;
  text-decoration: underline;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  cursor: pointer;
}
@media (min-width: 544px) {
  .text-clear > .text-clear-all {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (min-width: 769px) {
  .text-clear > .text-clear-all {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 544px) {
  #btn-store {
    line-height: 14px;
  }
}

.form-control {
  height: auto;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: normal;
  text-align: left;
  color: #CFD8DC;
  padding: 10px 10px 10px 15px;
}
@media (min-width: 769px) {
  .form-control {
    line-height: normal;
    font-size: 16px;
  }
}

#select-country, #select-state, #alcaldia, #input-store-name {
  height: 32px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  text-align: left;
  padding-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
  color: #818181;
}
@media (min-width: 544px) {
  #select-country, #select-state, #alcaldia, #input-store-name {
    height: 40px;
  }
}
@media (min-width: 769px) {
  #select-country, #select-state, #alcaldia, #input-store-name {
    font-size: 16px;
    line-height: 24px;
  }
}

#autocomplete {
  height: 32px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  text-align: left;
  color: #CFD8DC; /* Color del texto cuando el input está vacío */
  padding: 10px 10px 10px 15px;
}
@media (min-width: 544px) {
  #autocomplete {
    height: 40px;
  }
}
@media (min-width: 769px) {
  #autocomplete {
    font-size: 16px;
    line-height: 24px;
  }
}

#autocomplete::placeholder {
  color: #CFD8DC; /* Color del texto del placeholder */
}

#autocomplete:focus,
#autocomplete:not(:placeholder-shown) {
  color: #818181; /* Color del texto ingresado */
}

#input-store-name::placeholder {
  color: #CFD8DC; /* Color del texto del placeholder */
}

#input-store-name:focus,
#input-store-name:not(:placeholder-shown) {
  color: #818181; /* Color del texto ingresado */
}

.form-control option:disabled,
.form-control option[selected] {
  color: #CFD8DC;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: normal;
  padding: 10px 10px 10px 15px;
}

.button-search-store, .button-search-cedis, .button-search-all {
  text-align: center;
  color: #818181;
  font-weight: 400;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
  border: 1px solid #CFD8DC;
}
@media (min-width: 769px) {
  .button-search-store, .button-search-cedis, .button-search-all {
    line-height: 18px;
  }
}

@media (min-width: 769px) {
  .button-search-all {
    min-height: 48px;
  }
}

.not-found-container svg {
  width: 83px;
  height: 89px;
}
@media (min-width: 544px) {
  .not-found-container svg {
    width: 76px;
    height: 82px;
  }
}
@media (min-width: 992px) {
  .not-found-container svg {
    width: 153px;
    height: 166px;
  }
}

.color-change:hover {
  border-color: #55565A; /* Cambiar el color del borde al pasar el cursor */
  color: #55565A !important;
}

.active svg {
  fill: #E23A29;
}

.color-change:hover svg {
  fill: #55565A; /* Cambiar el color de relleno del SVG al pasar el cursor */
}

.buttons-location > .active {
  border-color: #E23A29; /* Cambiar el color del borde al pasar el cursor */
  color: #E23A29;
}

.labelTitleSilider {
  margin-bottom: -30px;
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
}
@media (min-width: 544px) {
  .labelTitleSilider {
    line-height: 14px;
  }
}
@media (min-width: 769px) {
  .labelTitleSilider {
    line-height: 16px;
    font-size: 14px;
  }
}

.slider-container {
  font-family: Poppins, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  color: #818181;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 50px auto;
}
@media (min-width: 769px) {
  .slider-container {
    font-size: 12px;
  }
}

.slider {
  appearance: none;
  width: 75%;
  height: 5px;
  background: #E23A29;
  outline: none;
  opacity: 0.7;
  transition: 0.2s;
  transition: opacity 0.2s;
}
@media (min-width: 544px) {
  .slider {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .slider {
    width: 80%;
  }
}

.slider::-webkit-slider-thumb {
  appearance: none;
  width: 30px; /* Ajusta el tamaño de acuerdo a tu imagen SVG */
  height: 30px; /* Ajusta el tamaño de acuerdo a tu imagen SVG */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgzMDJfMTIwNTg4KSI+CjxjaXJjbGUgY3g9IjEyLjAwMjYiIGN5PSIxMi4wMDI2IiByPSIxMC42NjY3IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIgMEM5LjYyNjYzIDAgNy4zMDY1NSAwLjcwMzc4OCA1LjMzMzE2IDIuMDIyMzZDMy4zNTk3NyAzLjM0MDk0IDEuODIxNyA1LjIxNTA5IDAuOTEzNDUxIDcuNDA3OEMwLjAwNTE5OTQzIDkuNjAwNTEgLTAuMjMyNDQxIDEyLjAxMzMgMC4yMzA1ODIgMTQuMzQxMUMwLjY5MzYwNSAxNi42Njg5IDEuODM2NDkgMTguODA3MSAzLjUxNDcyIDIwLjQ4NTNDNS4xOTI5NSAyMi4xNjM1IDcuMzMxMTUgMjMuMzA2NCA5LjY1ODkyIDIzLjc2OTRDMTEuOTg2NyAyNC4yMzI0IDE0LjM5OTUgMjMuOTk0OCAxNi41OTIyIDIzLjA4NjZDMTguNzg0OSAyMi4xNzgzIDIwLjY1OTEgMjAuNjQwMiAyMS45Nzc2IDE4LjY2NjhDMjMuMjk2MiAxNi42OTM1IDI0IDE0LjM3MzQgMjQgMTJDMjQgOC44MTc0IDIyLjczNTcgNS43NjUxNiAyMC40ODUzIDMuNTE0NzJDMTguMjM0OCAxLjI2NDI4IDE1LjE4MjYgMCAxMiAwVjBaTTEyIDIyQzEwLjAyMjIgMjIgOC4wODg3OSAyMS40MTM1IDYuNDQ0MyAyMC4zMTQ3QzQuNzk5ODEgMTkuMjE1OSAzLjUxODA5IDE3LjY1NDEgMi43NjEyMSAxNS44MjY4QzIuMDA0MzMgMTMuOTk5NiAxLjgwNjMgMTEuOTg4OSAyLjE5MjE1IDEwLjA0OTFDMi41NzggOC4xMDkyOSAzLjUzMDQxIDYuMzI3NDYgNC45Mjg5NCA0LjkyODkzQzYuMzI3NDYgMy41MzA0MSA4LjEwOTI5IDIuNTc4IDEwLjA0OTEgMi4xOTIxNUMxMS45ODg5IDEuODA2MyAxMy45OTk2IDIuMDA0MzMgMTUuODI2OCAyLjc2MTJDMTcuNjU0MSAzLjUxODA4IDE5LjIxNTkgNC43OTk4MSAyMC4zMTQ3IDYuNDQ0M0MyMS40MTM1IDguMDg4NzkgMjIgMTAuMDIyMiAyMiAxMkMyMiAxNC42NTIyIDIwLjk0NjQgMTcuMTk1NyAxOS4wNzExIDE5LjA3MTFDMTcuMTk1NyAyMC45NDY0IDE0LjY1MjIgMjIgMTIgMjJaIiBmaWxsPSIjRTIzQTI5Ii8+CjxjaXJjbGUgY3g9IjEyLjAwMjYiIGN5PSIxMi4wMDI2IiByPSI2LjY2NjY3IiBmaWxsPSIjRTIzQTI5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODMwMl8xMjA1ODgiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* Ajusta la imagen al contenedor */
  border: none; /* Elimina el borde */
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 30px; /* Ajusta el tamaño de acuerdo a tu imagen SVG */
  height: 30px; /* Ajusta el tamaño de acuerdo a tu imagen SVG */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgzMDJfMTIwNTg4KSI+CjxjaXJjbGUgY3g9IjEyLjAwMjYiIGN5PSIxMi4wMDI2IiByPSIxMC42NjY3IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIgMEM5LjYyNjYzIDAgNy4zMDY1NSAwLjcwMzc4OCA1LjMzMzE2IDIuMDIyMzZDMy4zNTk3NyAzLjM0MDk0IDEuODIxNyA1LjIxNTA5IDAuOTEzNDUxIDcuNDA3OEMwLjAwNTE5OTQzIDkuNjAwNTEgLTAuMjMyNDQxIDEyLjAxMzMgMC4yMzA1ODIgMTQuMzQxMUMwLjY5MzYwNSAxNi42Njg5IDEuODM2NDkgMTguODA3MSAzLjUxNDcyIDIwLjQ4NTNDNS4xOTI5NSAyMi4xNjM1IDcuMzMxMTUgMjMuMzA2NCA5LjY1ODkyIDIzLjc2OTRDMTEuOTg2NyAyNC4yMzI0IDE0LjM5OTUgMjMuOTk0OCAxNi41OTIyIDIzLjA4NjZDMTguNzg0OSAyMi4xNzgzIDIwLjY1OTEgMjAuNjQwMiAyMS45Nzc2IDE4LjY2NjhDMjMuMjk2MiAxNi42OTM1IDI0IDE0LjM3MzQgMjQgMTJDMjQgOC44MTc0IDIyLjczNTcgNS43NjUxNiAyMC40ODUzIDMuNTE0NzJDMTguMjM0OCAxLjI2NDI4IDE1LjE4MjYgMCAxMiAwVjBaTTEyIDIyQzEwLjAyMjIgMjIgOC4wODg3OSAyMS40MTM1IDYuNDQ0MyAyMC4zMTQ3QzQuNzk5ODEgMTkuMjE1OSAzLjUxODA5IDE3LjY1NDEgMi43NjEyMSAxNS44MjY4QzIuMDA0MzMgMTMuOTk5NiAxLjgwNjMgMTEuOTg4OSAyLjE5MjE1IDEwLjA0OTFDMi41NzggOC4xMDkyOSAzLjUzMDQxIDYuMzI3NDYgNC45Mjg5NCA0LjkyODkzQzYuMzI3NDYgMy41MzA0MSA4LjEwOTI5IDIuNTc4IDEwLjA0OTEgMi4xOTIxNUMxMS45ODg5IDEuODA2MyAxMy45OTk2IDIuMDA0MzMgMTUuODI2OCAyLjc2MTJDMTcuNjU0MSAzLjUxODA4IDE5LjIxNTkgNC43OTk4MSAyMC4zMTQ3IDYuNDQ0M0MyMS40MTM1IDguMDg4NzkgMjIgMTAuMDIyMiAyMiAxMkMyMiAxNC42NTIyIDIwLjk0NjQgMTcuMTk1NyAxOS4wNzExIDE5LjA3MTFDMTcuMTk1NyAyMC45NDY0IDE0LjY1MjIgMjIgMTIgMjJaIiBmaWxsPSIjRTIzQTI5Ii8+CjxjaXJjbGUgY3g9IjEyLjAwMjYiIGN5PSIxMi4wMDI2IiByPSI2LjY2NjY3IiBmaWxsPSIjRTIzQTI5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODMwMl8xMjA1ODgiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* Ajusta la imagen al contenedor */
  border: none; /* Elimina el borde */
  cursor: pointer;
}

@media (min-width: 544px) {
  .found-stores-container {
    border-top: 1px solid #ccc; /* Color gris claro */
  }
}

.card-container-stores {
  height: auto;
}
@media (min-width: 544px) {
  .card-container-stores {
    height: 200px;
  }
}

.card-container-stores h3 {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  background: #55565A;
  color: #FFF;
  min-height: 26px;
}

.card-container__body {
  font-family: Poppins, sans-serif;
  color: #757575;
}

.body-container-locations {
  margin-top: 16px;
}

.body-container-locations__links a {
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: underline;
}

.link-red {
  color: #E23A29;
}

.link-gray {
  color: #818181;
}

.link-blue {
  color: #00A7FF;
}

.found-stores-container h2 {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  color: #818181;
}
@media (min-width: 769px) {
  .found-stores-container h2 {
    font-size: 20px;
    line-height: 24px;
  }
}

/* Estilos generales para .found-stores-container__cards-container */
.found-stores-container__cards-container {
  max-height: 380px; /* Altura máxima del contenedor */
  overflow-y: auto; /* Habilitar scroll vertical */
  scrollbar-width: thin; /* Ancho del scrollbar en Firefox */
  scrollbar-color: transparent transparent; /* Color del scrollbar en Firefox */
  -ms-overflow-style: none; /* Ocultar el scroll en Internet Explorer y Edge */
}
@media (min-width: 544px) {
  .found-stores-container__cards-container {
    max-height: 440px;
  }
}

/* Estilos para scrollbar en WebKit de .found-stores-container__cards-container */
.found-stores-container__cards-container::-webkit-scrollbar {
  width: 4px; /* Ancho del scrollbar */
  background: transparent; /* Fondo transparente */
  padding-left: 2px;
}

/* Estilos para scrollbar-thumb en WebKit de .found-stores-container__cards-container */
.found-stores-container__cards-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0); /* Color del scrollbar transparente por defecto */
  border-radius: 4px; /* Borde redondeado del scrollbar */
  transition: background-color 0.3s ease; /* Transición suave del color */
}

/* Estilos para scrollbar-track en WebKit de .found-stores-container__cards-container */
.found-stores-container__cards-container::-webkit-scrollbar-track {
  background: transparent; /* Color del fondo del scrollbar */
}

/* Estilos para scrollbar en Firefox de .found-stores-container__cards-container */
.found-stores-container__cards-container:hover {
  scrollbar-color: rgba(0, 0, 0, 0.5) transparent; /* Color del scrollbar cuando se muestra en Firefox */
}

.not-found-container span {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #818181;
}
@media (min-width: 769px) {
  .not-found-container span {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .not-found-container span {
    font-size: 20px;
    line-height: 22px;
  }
}

@media (min-width: 769px) and (max-width: 773px) {
  .not-found-container span {
    font-size: 17px;
  }
}
.not-found-container {
  border: 1px solid #818181;
}

#map {
  height: 550px; /* Adjust height for mobile */
  position: relative;
  display: block;
  width: 100%;
}
@media (min-width: 544px) {
  #map {
    height: 100%;
  }
}

/* Estilo básico para el select */
.select-custom {
  position: relative; /* Necesario para posicionar el ::after */
  appearance: none; /* Remueve la apariencia por defecto en Firefox */
  width: 75%; /* Ancho del select */
  padding: 10px; /* Espaciado interno */
  background-color: #f0f0f0; /* Color de fondo */
  border: 1px solid #ccc; /* Borde */
}

/* Opción seleccionada (simulado con ::after) */
.select-custom::after {
  content: "▼"; /* Código Unicode para una flecha hacia abajo */
  position: absolute; /* Posición absoluta con respecto al select */
  top: calc(50% - 4px); /* Alinea verticalmente */
  right: 10px; /* Ajusta el espacio a la derecha */
  font-size: 12px; /* Tamaño de la flecha */
  pointer-events: none; /* Evita que el ::after afecte la interacción con el select */
}

/* Estilo para el contenedor del form-group */
.form-group {
  position: relative; /* Asegura que el contenido ::after respete este contenedor */
  display: inline-block; /* Mantiene el comportamiento del form-group */
}

/* Estilo base para el select */
.form-group select, .form-group select.form-control, .form-group select.form-control.is-invalid {
  appearance: none;
  background-image: url("../../images/select-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 10px 6px;
  width: 100%;
  background-color: #FFF;
}

.container-map-search__search > .search-buttons > .btn-secondary-hover:hover {
  background-color: #77787E;
  color: #FFF;
}

@media (max-width: 543px) {
  .wrapper-found-store {
    border-top: 1px solid #ccc;
    margin-top: 10px;
  }
}
/* Estilo para redondear los inputs y ajustar su altura */
.input-origin {
  border-radius: 16px; /* Hace que los bordes sean redondeados */
  height: 32px; /* Ajusta la altura */
  padding: 0 12px; /* Añade un poco de padding para que el texto no esté pegado a los bordes */
  box-sizing: border-box; /* Asegura que el padding no incremente la altura total del input */
  border: 1px solid #ccc; /* Añade un borde gris claro */
  width: calc(100% - 32px); /* Ajusta el ancho del input para que no sobresalga del contenedor */
}

/* Estilo para el contenedor del input y el icono */
.input-container {
  display: flex;
  align-items: center;
  margin-bottom: 8px; /* Espacio entre los contenedores de input */
}

/* Ocultar los inputs de tipo radio */
.transport-option input[type=radio] {
  display: none;
}

/* Estilo para los iconos */
.transport-option .material-symbols-outlined {
  cursor: pointer;
  font-size: 24px; /* Ajusta el tamaño del icono según tus necesidades */
  transition: color 0.3s ease;
}

/* Estilo para el estado seleccionado */
.transport-option input[type=radio]:checked + .material-symbols-outlined {
  color: #E23A29; /* Cambia el color del icono seleccionado */
}

#exit-street-view {
  top: 60px;
  left: 15px;
  background-color: #818181;
  color: white;
  border: none;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
  opacity: 0.8;
  display: none;
  z-index: 2;
  position: absolute;
}

.pointer {
  cursor: pointer;
}

@media (min-width: 544px) {
  .container-map-search__map {
    height: 67vh;
    position: sticky;
    top: 165px;
  }
}

.map-marker {
  float: left;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 0.375em;
  color: #fff;
  background-color: #7ed0ee;
  position: relative;
}
.map-marker::after {
  position: absolute;
  bottom: -0.625em;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em 0.5em 0;
  border-color: #7ed0ee transparent transparent transparent;
}

.store-details {
  display: block;
  margin-left: 3.125em;
}

.gm-style-iw .store-details {
  margin-left: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}
.gm-style-iw a {
  color: var(--skin-link-color-1);
}

.map-canvas {
  display: none;
}
@media (min-width: 544px) {
  .map-canvas {
    height: 28.125em;
    display: block;
  }
}

.store-name {
  font-weight: 600;
}

.store-locator-no-api-key {
  display: none;
}

.store-locator-no-results {
  display: none;
}

.store-locator-hero {
  background-image: url("../images/storelocator.jpg");
  margin-bottom: 0.625em;
}
@media (min-width: 544px) {
  .store-locator-hero {
    display: none;
  }
}

@media (min-width: 769px) {
  .results {
    overflow: hidden auto;
    max-height: 21.875em;
    margin-right: -0.938em;
  }
}

.text-alert-autocomplete {
  font-size: 10px;
}
@media (min-width: 769px) {
  .text-alert-autocomplete {
    font-size: 12px;
  }
}

/*# sourceMappingURL=default\css\storeLocator.css.map*/