#buscador{
  --teal:#005c72;
  --teal-2:#007ea3;
  --teal-dark:#003f52;
  --blue:#005aa8;
  --ink:#173042;
  --muted:#64748b;
  --line:#d9e2ea;
  --soft:#f5f8fb;
  --green:#178f4e;
}
#buscador, #buscador *{ box-sizing:border-box; }
#buscador{
  font-family:Arial, Helvetica, sans-serif;
  color:var(--ink);
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  margin-top:32px;
  margin-bottom:24px;
  padding:0 20px;
  box-sizing:border-box;
}
#buscador a{ text-decoration:none; }
#buscador button,#buscador input,#buscador select{ font:inherit; }
#buscador button{ cursor:pointer; }

#buscador .hero{ padding:8px 0 24px; }
#buscador h1{
  margin:0;
  color:var(--teal);
  font-size:34px;
  line-height:1.15;
}
#buscador .lead{
  font-size:17px;
  margin:14px 0 22px;
}
#buscador .search-box{
  display:flex;
  width:100%;
  height:56px;
  border:1px solid #b9c9d6;
  border-radius:7px;
  overflow:hidden;
  background:#fff;
}
#buscador .search-box input{
  flex:1 1 auto;
  min-width:0;
  border:0;
  outline:0;
  padding:0 18px;
  font-size:17px;
  height:100%;
}
#buscador .search-box button{
  width:60px;
  flex:0 0 60px;
  border:0;
  background:#fff;
  color:var(--teal);
  display:flex;
  align-items:center;
  justify-content:center;
  border-left:1px solid #b9c9d6;
}
#buscador.empty-searchterm .search-box {
  border: 1px solid #b94a48;
  border-radius: 4px;
}

#buscador.empty-searchterm .search-box:focus,
#buscador.empty-searchterm .search-box:focus-within {
  border-color: #a94442;
  box-shadow: 0 0 0 2px rgba(185, 74, 72, 0.12);
}
#buscador.empty-searchterm .disclaimer {
  margin: 6px 0 12px;
  color: #b94a48;
  font-size: 12px;
  line-height: 1.4;
}
#buscador .hint{
  color:#596b7b;
  font-size:13px;
  margin:12px 0 0;
}

#buscador .results-layout{
  display:grid;
  grid-template-columns:400px 1fr;
  gap:20px;
  margin-top:36px;
}
#buscador .filters{
  border-right:1px solid var(--line);
  padding-right:16px;
}
#buscador .filters h2{
  margin:0 0 20px;
  font-size:19px;
  color:var(--teal);
}
#buscador .filter-card{
  border:1px solid var(--line);
  border-radius:9px;
  padding:16px 16px 18px;
  margin-bottom:18px;
  box-shadow:0 1px 2px rgba(0,0,0,.02);
  background:#fff;
}
#buscador .filter-card h3{
  margin:0 0 14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
  color:var(--teal);
  font-size:16px;
}
#buscador .filter-card label:not(.field-label){
  display:flex;
  gap:9px;
  align-items:center;
  padding:6px 0;
  color:#334155;
  font-size:14px;
}
#buscador input[type="checkbox"]{
  width:17px;
  height:17px;
  accent-color:var(--teal);
  flex-shrink:0;
}
#buscador .field-label{
  display:block;
  color:#334155;
  font-size:12px;
  font-weight:700;
  margin:12px 0 6px;
}

#buscador .multi-select{ position:relative; width:100%; }
#buscador .multi-select-trigger{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 11px;
  border:1px solid #c5d2dd;
  border-radius:6px;
  background:#fff;
  color:#334155;
  text-align:left;
  font-size:14px;
}
#buscador .multi-select-trigger:hover{ border-color:var(--teal); }
#buscador .multi-select-arrow{ flex-shrink:0; transition:transform .2s ease; }
#buscador .multi-select.open .multi-select-arrow{ transform:rotate(180deg); }
#buscador .multi-select-dropdown{
  display:none;
  position:absolute;
  top:calc(100% + 5px);
  left:0;
  width:100%;
  max-height:300px;
  overflow-y:auto;
  background:#fff;
  border:1px solid #c5d2dd;
  border-radius:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  z-index:50;
}
#buscador .multi-select.open .multi-select-dropdown{ display:block; }
#buscador .multi-select-option{
  display:flex !important;
  align-items:flex-start !important;
  gap:9px !important;
  padding:9px 11px !important;
  margin:0 !important;
  cursor:pointer;
  font-size:14px;
}
#buscador .multi-select-option:hover{ background:#f2f7fa; }
#buscador .multi-select-option input{ margin-top:1px; }
#buscador .multi-select-group{ padding-bottom:6px; border-bottom:1px solid #e5ebef; }
#buscador .multi-select-group:last-child{ border-bottom:0; }
#buscador .multi-select-group-title{
  padding:11px 11px 5px;
  color:var(--teal);
  font-size:12px;
  font-weight:700;
  background:#f7fafc;
}
#buscador .multi-select.disabled .multi-select-trigger{
  background:#f3f5f7;
  color:#a0acb7;
  cursor:not-allowed;
}

#buscador .filter-actions{
  display: flex;
  margin-top: 25px;
  justify-content: space-between;
}
#buscador .primary-btn{
  border:0;
  border-radius:6px;
  background:var(--teal);
  color:#fff;
  padding:11px 14px;
  font-weight:700;
  font-size:14px;
}
#buscador .text-btn{
  border:0;
  background:transparent;
  color:var(--blue);
  padding:9px 4px;
  font-size:14px;
}

#buscador .results-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-bottom:14px;
}
#buscador .orden-label{ font-size:14px; color:#334155; }
#buscador #ordenSelect{
  border:1px solid #c5d2dd;
  border-radius:6px;
  padding:8px 10px;
  font-size:14px;
  background:#fff;
}
#buscador .tipo-count{ color:#728397; font-size:13px; }

#buscador .searchRes{
  position:relative;
  padding-left:56px;
  padding-top:34px;
}
#buscador .searchRes::before{
  content:"";
  position:absolute;
  left:16px;
  top:16px;
  width:28px;
  height:28px;
  border-radius:6px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:14px 14px;
}
#buscador .searchRes[data-workspace="website"]::before{
  background-color:#eef3f7;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23005c72' d='M320 464c8.8 0 16-7.2 16-16V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320zM0 64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64z'/%3E%3C/svg%3E");
}
#buscador .searchRes[data-workspace="noticias-app"]::before{
  background-color:#eaf7ef;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23178f4e' d='M168 80c-13.3 0-24 10.7-24 24V408c0 8.4-1.4 16.5-4.1 24H440c13.3 0 24-10.7 24-24V104c0-13.3-10.7-24-24-24H168zM72 480c-39.8 0-72-32.2-72-72V112C0 98.7 10.7 88 24 88s24 10.7 24 24V408c0 13.3 10.7 24 24 24s24-10.7 24-24V104c0-39.8 32.2-72 72-72H440c39.8 0 72 32.2 72 72V408c0 39.8-32.2 72-72 72H72zM176 136c0-13.3 10.7-24 24-24h96c13.3 0 24 10.7 24 24v80c0 13.3-10.7 24-24 24H200c-13.3 0-24-10.7-24-24V136zm200-24h32c13.3 0 24 10.7 24 24s-10.7 24-24 24H376c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80h32c13.3 0 24 10.7 24 24s-10.7 24-24 24H376c-13.3 0-24-10.7-24-24s10.7-24 24-24zM200 272H408c13.3 0 24 10.7 24 24s-10.7 24-24 24H200c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80H408c13.3 0 24 10.7 24 24s-10.7 24-24 24H200c-13.3 0-24-10.7-24-24s10.7-24 24-24z'/%3E%3C/svg%3E");
}
#buscador .searchRes::after{
  content: attr(data-tipo-label);
  position:absolute;
  left:56px;
  top:16px;
  font-size:12px;
  font-weight:700;
  padding:2px 10px;
  border-radius:12px;
}
#buscador .searchRes[data-workspace="website"]::after{ color:#005c72; background:#eef3f7; }
#buscador .searchRes[data-workspace="noticias-app"]::after{ color:#178f4e; background:#eaf7ef; }

#buscador .results-list{ display:flex; flex-direction:column; gap:16px; }
.main-searchRes{
    width: 100%;
}
#buscador .main-searchRes--title{ text-align:center; }
#buscador .main-searchRes--title h2{ color:var(--teal); font-size:19px; margin:0 0 6px; }
#buscador .main-searchRes > h2{ font-size:16px; color:#334155; font-weight:400; margin:0 0 18px; }
#buscador .main-searchRes > h3{ color:#234b61; font-size:15px; margin:0 0 18px; }
#buscador .searchRes{
  border:1px solid var(--line);
  border-radius:9px;
  padding:18px 20px;
  background:#fff;
  box-shadow:0 2px 3px rgba(3,70,92,.03);
}
#buscador .searchRes-url a{
  color:var(--blue);
  font-size:18px;
  font-weight:600;
  line-height:1.3;
}
#buscador .searchRes-top{
  margin-bottom:4px;
}
#buscador .searchRes-date{
  color:#728397;
  font-size:13px;
  margin-top:10px;
}
#buscador .searchRes-date p{ margin:0; }
#buscador .searchRes-date span:first-child{ display:none; }
#buscador .searchRes-info{ color:#334155; font-size:15px; line-height:1.5; margin:2px 0 0; }
#buscador .searchRes-info p{ margin:0; }

#buscador .no-results {
  margin: 16px 0 24px;
  padding: 16px 20px;
  background: #f7fafc;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: #334155;
}
#buscador .no-results p { margin: 0 0 8px; }
#buscador .no-results p:last-child { margin-bottom: 0; }
#buscador .no-results a {
  color: var(--blue);
  font-weight: 600;
  text-decoration: underline;
}

#buscador .searchRes-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
#buscador .searchRes-tag{
  display:inline-block;
  padding:4px 14px;
  border:1.5px solid var(--teal-dark);
  border-radius:14px;
  color:var(--teal-dark);
  font-size:13px;
  font-weight:600;
  background:#fff;
}

@media (max-width:900px){
  #buscador .results-layout{
    grid-template-columns:1fr;
  }
  #buscador .filters{
    border-right:0;
    padding-right:0;
    border-bottom:1px solid var(--line);
    padding-bottom:20px;
    margin-bottom:8px;
  }

  #buscador .filter-actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:16px;
    flex-wrap:wrap;
  }

}