/* WEBBEARD · Buscador AJAX 1.0 */
.wbas-search-root {
  --wbas-trigger-color: #333;
  --wbas-trigger-bg: transparent;
  --wbas-trigger-border: #e1d5c4;
  --wbas-overlay-bg: #fbf8f4;
  --wbas-overlay-text: #25221f;
  --wbas-overlay-muted: #77716a;
  --wbas-overlay-line: #e0d6c9;
  --wbas-overlay-accent: #a45843;
  --wbas-title-size: 48px;
  --wbas-title-font: Georgia,serif;
  --wbas-result-columns: 4;
  width: 100%;
}
.wbas-search-root, .wbas-search-root * {box-sizing: border-box;}
.wbas-search-trigger {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 10px;
  border-bottom: 1px solid var(--wbas-trigger-border);
  background: var(--wbas-trigger-bg);
  color: var(--wbas-trigger-color);
  font: inherit;
  font-size: 13px;
  line-height: 1.5;
  cursor: pointer;
  text-align: left;
  transition: opacity .2s ease;
}
.wbas-search-trigger:hover {opacity: .72;}
.wbas-search-trigger:focus-visible {outline: 2px solid currentColor; outline-offset: 3px;}
.wbas-search-trigger svg {flex: 0 0 20px; width: 20px; height: 20px;}
.wbas-search-root.wbas-icon-only .wbas-search-trigger {width: auto; border-bottom: 0;}
.wbas-screenreader {position: absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important;}
body.wbas-search-lock {overflow: hidden !important;}
.wbas-search-overlay[hidden], .wbas-results-section[hidden], .wbas-clear[hidden] {display:none!important;}
.wbas-search-overlay {
  --wbas-overlay-bg: #fbf8f4;
  --wbas-overlay-text: #25221f;
  --wbas-overlay-muted: #77716a;
  --wbas-overlay-line: #e0d6c9;
  --wbas-overlay-accent: #a45843;
  --wbas-title-size: 48px;
  --wbas-title-font: Georgia,serif;
  --wbas-result-columns: 4;
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--wbas-overlay-bg) !important;
  color: var(--wbas-overlay-text) !important;
  font-family: inherit;
  line-height: 1.5;
  text-align: left;
  opacity: 1;
}
.wbas-search-overlay, .wbas-search-overlay * {box-sizing: border-box;}
.wbas-search-overlay button, .wbas-search-overlay input {font-family: inherit;}
.wbas-modal-shell {width: min(1160px, 100%); margin: 0 auto; padding: 30px 42px 80px;}
.wbas-modal-toolbar {display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:24px; border-bottom:1px solid var(--wbas-overlay-line);}
.wbas-modal-brand {font-size:10px; letter-spacing:.22em; font-weight:600; color:var(--wbas-overlay-muted);}
.wbas-search-overlay .wbas-close {
  display:flex; align-items:center; justify-content:center;
  width:46px; height:46px; min-width:46px; padding:11px;
  background:transparent; color:var(--wbas-overlay-text); border:1px solid var(--wbas-overlay-line);
  border-radius: 50%; cursor:pointer; box-shadow:none; transition:background .2s ease;
}
.wbas-search-overlay .wbas-close:hover {background:rgba(100,80,60,.08); color:var(--wbas-overlay-text);}
.wbas-close svg {width:20px; height:20px;}
.wbas-modal-heading {margin: 50px 0 28px;}
.wbas-search-overlay h2.wbas-title {font-family:var(--wbas-title-font); font-size:var(--wbas-title-size); font-weight:400; line-height:1.13; letter-spacing:-.035em; margin:0 0 14px; color:var(--wbas-overlay-text); text-transform:none;}
.wbas-search-overlay p.wbas-subtitle {color:var(--wbas-overlay-muted); font-size:14px; line-height:1.6; margin:0;}
.wbas-search-form {display:flex!important; align-items:center; gap:18px; background:transparent; border-bottom:1px solid var(--wbas-overlay-text); padding:7px 0 15px; margin:0!important; position:relative;}
.wbas-search-form>svg {width:25px; height:25px; flex:0 0 25px; color:var(--wbas-overlay-text);}
.wbas-search-overlay input.wbas-query-input {
  all:unset; display:block!important; width:100%!important; height:auto!important; min-height:40px; flex:1 1 auto;
  margin:0!important; padding:0!important; border:none!important; outline:none!important; box-shadow:none!important;
  border-radius:0!important; color:var(--wbas-overlay-text)!important; background:transparent!important;
  font-family:inherit!important; font-size:clamp(16px,2.2vw,23px)!important; font-weight:400!important; line-height:1.4!important;
}
.wbas-query-input::placeholder {color:var(--wbas-overlay-muted); opacity:.85;}
.wbas-search-overlay button.wbas-clear, .wbas-search-overlay button.wbas-submit {
  border:0; border-radius:0; background:transparent; color:var(--wbas-overlay-text); padding:6px;
  margin:0; box-shadow:none; display:flex; align-items:center; justify-content:center;
  width:32px; height:32px; flex:0 0 32px; cursor:pointer;
}
.wbas-search-overlay button.wbas-clear:hover, .wbas-search-overlay button.wbas-submit:hover {color:var(--wbas-overlay-accent); background:transparent;}
.wbas-clear svg, .wbas-submit svg {width:19px; height:19px;}
.wbas-feedback {font-size:13px; color:var(--wbas-overlay-muted); padding:25px 0 0; min-height:38px;}
.wbas-results-section {padding-top:30px;}
.wbas-results-heading {display:flex; align-items:baseline; justify-content:space-between; border-bottom:1px solid var(--wbas-overlay-line); padding-bottom:14px; margin-bottom:21px; text-transform:uppercase; letter-spacing:.13em; font-size:11px; font-weight:600;}
.wbas-results-count {font-size:11px; font-weight:400; letter-spacing:0; color:var(--wbas-overlay-muted);}
.wbas-results {display:grid; grid-template-columns:repeat(var(--wbas-result-columns),minmax(0,1fr)); gap:28px 20px;}
.wbas-results .wbas-result-item {display:block; min-width:0; text-decoration:none!important; border:0; color:var(--wbas-overlay-text);}
.wbas-result-image {display:block; width:100%; aspect-ratio:3 / 4; overflow:hidden; background:#efe9e1;}
.wbas-result-image img {display:block!important; width:100%!important; height:100%!important; object-fit:cover; transition: transform .35s ease;}
.wbas-result-item:hover .wbas-result-image img {transform:scale(1.035);}
.wbas-result-category {display:block; font-size:10px; color:var(--wbas-overlay-muted); letter-spacing:.08em; margin-top:13px; text-transform:uppercase;}
.wbas-result-name {display:block; margin-top:5px; font-size:14px; line-height:1.4; color:var(--wbas-overlay-text);}
.wbas-result-price {display:block; font-size:13px; margin-top:6px; line-height:1.5; color:var(--wbas-overlay-text);}
.wbas-result-price del {opacity:.55; margin-right:4px;}
.wbas-result-price ins {text-decoration:none;}
.wbas-view-all {display:inline-flex; align-items:center; gap:10px; margin-top:30px; color:var(--wbas-overlay-accent)!important; border-bottom:1px solid currentColor; padding-bottom:5px; font-size:13px; text-decoration:none!important;}
.wbas-view-all svg {width:16px; height:16px;}
.wbas-search-overlay button:focus-visible, .wbas-search-overlay a:focus-visible {outline:2px solid var(--wbas-overlay-accent); outline-offset:3px;}
@media(max-width:767px) {
 .wbas-modal-shell {padding:16px 20px 45px;}
 .wbas-modal-toolbar {padding-bottom:13px;}
 .wbas-search-overlay .wbas-close {width:41px; height:41px; min-width:41px;}
 .wbas-modal-heading {margin:30px 0 22px;}
 .wbas-search-overlay h2.wbas-title {font-size:min(var(--wbas-title-size),34px);}
 .wbas-search-overlay p.wbas-subtitle {font-size:12px;}
 .wbas-search-form {gap:9px; padding-bottom:12px;}
 .wbas-search-form>svg {width:20px; height:20px; flex-basis:20px;}
 .wbas-results {grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px;}
 .wbas-result-name {font-size:13px;}
 .wbas-result-price {font-size:12px;}
 .wbas-feedback {font-size:12px;}
}
@media (prefers-reduced-motion:reduce) {
 .wbas-search-overlay *, .wbas-search-trigger {transition:none!important; animation:none!important;}
}
