/* Input del buscador (Aparece al principio del archivo) */
.dgwt-wcas-open-pirx-compact .dgwt-wcas-suggestions-wrapp {
  padding: 0;
  /* scrollbar-gutter: stable; */
}

/* ================================================== */
/* Estilos principales del buscador (Bloque inferior) */
/* ================================================== */

#dgwt-wcas-search-input-1 {
  box-shadow: none;
  border: 1px solid white;
  height: 48px;
  color: #919191;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  font-family: var(--e-global-typography-primary-font-family) !important;
  border-bottom: 1px solid var(--Grey-grey-200, #d3d3d3);
  border-radius: 0;
  background: transparent;
  padding: 9px 10px 9px 42px !important;
}

/* .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused input#dgwt-wcas-search-input-1 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
} */

#dgwt-wcas-search-input-1:focus {
  /* border: 1px solid white; */
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  top: calc(50% - 16.5px);
}

/* btn lupa */
.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  left: 10px !important;
}

/* btn cerrar */
.dgwt-wcas-style-pirx .dgwt-wcas-preloader {
  margin-right: 0 !important;
  right: 15px !important;
  margin: 0 !important;
}

.crecima .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
  padding: 0;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
  padding: 12px 24px 12px 48px !important;
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp {
  padding: 0;
  border-radius: 0;
  background: transparent !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  right: auto !important;
  left: 10px !important;
  width: 24px !important;
  min-width: 24px;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M15.5%2014.255H14.71L14.43%2013.985C15.41%2012.845%2016%2011.365%2016%209.755C16%206.165%2013.09%203.255%209.5%203.255C5.91%203.255%203%206.165%203%209.755C3%2013.345%205.91%2016.255%209.5%2016.255C11.11%2016.255%2012.59%2015.665%2013.73%2014.685L14%2014.965V15.755L19%2020.745L20.49%2019.255L15.5%2014.255ZM9.5%2014.255C7.01%2014.255%205%2012.245%205%209.755C5%207.265%207.01%205.255%209.5%205.255C11.99%205.255%2014%207.265%2014%209.755C14%2012.245%2011.99%2014.255%209.5%2014.255Z%22%20fill%3D%22%23000B39%22%2F%3E%0A%3C%2Fsvg%3E) center / 24px no-repeat !important;
  top: 50% !important;
  transform: translateY(-50%);
  border: 0 !important;
  box-shadow: none !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
  display: none !important;
}

@media (max-width: 768px) {
  .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    left: 10px !important;
  }
}

/* ver mas resultados */
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more {
  background: transparent;
  padding: 15px 0;
  color: #151515;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  justify-content: center;
  text-decoration: none;
}

.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more {
  padding: 0;
  text-transform: initial;
}

.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.18);
  border: 0 !important;
  /* border-top: 10px solid white !important; */
  padding: 20px 30px 0;
  border-top: 2px solid var(--Brand-Blue-100, #b0c9f5);
  border-radius: 0 0 8px 8px;
  max-height: 900px !important;
  /* top: 118px !important; */
  border-radius: 0 0 8px 8px;
}

.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp::after {
  display: none !important;
}

.dgwt-wcas-suggestions-wrapp > a.dgwt-wcas-suggestion-product:not(:last-child)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  background: #cdd0d6;
}

.crecima .dgwt-wcas-suggestion-selected {
  background-color: transparent;
}

.dgwt-wcas-suggestions-wrapp > a.dgwt-wcas-suggestion-product {
  /* padding: 15px 8px !important; */
  padding: 0 !important;
}

.dgwt-wcas-open-pirx .dgwt-wcas-details-inner,
.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp > .dgwt-wcas-suggestion {
  padding: 5px 0 !important;
}

.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp > a:first-child {
  padding-top: 0 !important;
}

.crecima .dgwt-wcas-si {
  width: 63px;
  height: 63px;
}

.crecima .dgwt-wcas-content-wrapp {
  width: calc(100% - 63px);
}

.crecima .dgwt-wcas-st {
  color: var(--Neutral-N-900, #1f1f1f);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
  font-family: var(--e-global-typography-primary-font-family);
}

.dgwt-wcas-sp {
  display: block;
}

.dgwt-wcas-sp bdi {
  color: #141414;
  text-align: right;
  font-family: var(--e-global-typography-primary-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.dgwt-wcas-sp ins {
  text-decoration: none;
}

.dgwt-wcas-sp ins bdi {
  color: #013879;
}

.dgwt-wcas-has-headings .dgwt-wcas-suggestion-headline .dgwt-wcas-st {
  margin-top: 0;
}

.dgwt-wcas-has-headings .dgwt-wcas-suggestion-headline {
  padding-bottom: 0;
}

.dgwt-wcas-si img {
  padding: 0;
  border: 0;
}

.dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax.dgwt-wcas-suggestion-selected,
.dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax:hover {
  color: var(--Brand-Blue-600, #0049ca);
}

/* ======================== */
/* Versi車n M車vil (Media Query 767px) */
/* ======================== */

@media (max-width: 767px) {
  #dgwt-wcas-search-input-1 {
    background-color: white !important;
  }

  .dgwt-wcas-overlay-mobile > .dgwt-wcas-om-bar.js-dgwt-wcas-om-bar {
    padding: 15px 15px 15px 0 !important;
    height: 75px !important;
    background: #ecf0f6;
  }

  .dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return {
    background: #ecf0f6;
  }

  .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
  .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    display: block !important;
  }

  .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:before {
    display: none;
  }

  .dgwt-wcas-om-bar .dgwt-wcas-has-submit-off .dgwt-wcas-preloader {
    right: 15px !important;
  }

  .dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp {
    box-shadow: none !important;
    top: 80px !important;
    padding: 0 !important;
    padding-top: 20px !important;
  }

  .dgwt-wcas-open-pirx .dgwt-wcas-details-inner,
  .dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp > .dgwt-wcas-suggestion {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .dgwt-wcas-suggestions-wrapp > a.dgwt-wcas-suggestion-product:not(:last-child)::after {
    width: calc(100% - 36px);
  }
}

/* ======================== */
/* Scrollbar styles */
/* ======================== */

.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar {
  width: 10px;
}

.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-track-piece {
  background-color: #fff;
}

.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  outline: 2px solid #fff;
  outline-offset: -2px;
  border: 0.1px solid #b7b7b7;
}

.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-thumb:hover {
  background-color: #909090;
}