.hola-search {
    --hs-ink:#344333;
    --hs-border:rgba(75,67,49,.18);
    color:var(--hs-ink);
    background:#eee7da;
    border-radius:22px;
    padding:clamp(20px,4vw,60px);
    margin:24px auto;
    width:100%;
    box-sizing:border-box
}
.hola-search * {
    box-sizing:border-box
}
.hola-search-page {
    max-width:1320px;
    width:100%;
    margin:auto;
    padding:24px 16px
}
.hola-search__heading {
    max-width:730px;
    margin-bottom:32px
}
.hola-search__heading>span {
    font-size:11px;
    letter-spacing:.18em;
    font-weight:600
}
.hola-search__heading h2 {
    color:var(--hs-ink);
    font-family:Georgia,serif;
    font-size:clamp(32px,4.5vw,58px);
    line-height:1.12;
    margin:15px 0
}
.hola-search__heading p {
    font-size:16px;
    line-height:1.7;
    opacity:.8
}
.hola-search__form {
    background:rgba(255,252,245,.64);
    border:1px solid var(--hs-border);
    border-radius:16px;
    padding:22px
}
.hola-search label {
    display:flex;
    flex-direction:column;
    gap:7px;
    font-size:12px;
    font-weight:600;
    min-width:0
}
.hola-search input,.hola-search select {
    width:100%;
    min-width:0;
    height:46px;
    background:rgba(255,255,255,.58);
    color:var(--hs-ink);
    border:1px solid var(--hs-border);
    border-radius:8px;
    padding:10px 12px;
    font-size:14px;
    font-weight:400
}
.hola-search__primary {
    display:grid;
    grid-template-columns:1fr 1.5fr 1.25fr 1fr;
    gap:16px
}
.hola-search__secondary {
    display:flex;
    align-items:flex-end;
    flex-wrap:wrap;
    gap:16px;
    margin-top:18px
}
.hola-search__secondary>label {
    flex:1;
    min-width:130px
}
.hola-search button {
    min-height:46px;
    background:var(--hs-ink);
    color:#fffaf0;
    border:1px solid var(--hs-ink);
    border-radius:8px;
    font-size:13px;
    padding:10px 18px;
    cursor:pointer
}
.hola-search button:hover {
    background:#4c604a
}
.hola-search .hola-search__clear,.hola-search__pagination button {
    background:transparent;
    color:var(--hs-ink);
    border-color:var(--hs-border)
}
.hola-search button:disabled {
    opacity:.4;
    cursor:default
}
.hola-search :is(button,input,select,summary):focus-visible {
    outline:3px solid #987333;
    outline-offset:3px
}
.hola-search details {
    position:relative
}
.hola-search summary {
    cursor:pointer;
    min-height:46px;
    padding:12px 8px;
    font-size:13px
}
.hola-search__extra {
    position:absolute;
    top:50px;
    right:0;
    z-index:20;
    background:#faf6ee;
    border:1px solid var(--hs-border);
    padding:20px;
    min-width:240px;
    border-radius:12px;
    box-shadow:0 10px 30px #34433320;
    display:grid;
    gap:16px
}
.hola-search__toolbar {
    border-top:1px solid var(--hs-border);
    margin-top:22px;
    padding-top:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px
}
.hola-search__toolbar p {
    margin:0;
    font-size:14px
}
.hola-search__toolbar label {
    flex-direction:row;
    align-items:center;
    white-space:nowrap
}
.hola-search__toolbar select {
    width:160px
}
.hola-search__results {
    transition:opacity .15s;
    margin-top:14px
}
.hola-search__results[aria-busy=true] {
    opacity:.45;
    pointer-events:none
}
.hola-search__results>.hola-pc {
    margin:0;
    padding:22px 0;
    background:transparent;
    border:0;
    border-radius:0
}
.hola-search__results .hola-pc__inner {
    padding:0;
    max-width:none
}
.hola-search__pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    margin-top:18px;
    font-size:13px
}
.hola-search__status[data-error=true] {
    color:#912d20
}
.hola-search .hola-properties-message {
    padding:35px 18px;
    text-align:center;
    background:#fff9;
    border-radius:12px
}
@media(max-width:900px) {
    .hola-search__primary {
        grid-template-columns:1fr 1fr
    }
    .hola-search__extra {
        right:auto;
        left:0
    }
}
@media(max-width:540px) {
    .hola-search {
        padding:20px 14px;
        border-radius:14px
    }
    .hola-search__form {
        padding:16px
    }
    .hola-search__primary {
        grid-template-columns:1fr
    }
    .hola-search__toolbar {
        align-items:flex-start;
        flex-direction:column;
        gap:12px
    }
    .hola-search__secondary>button[type=submit] {
        flex:1
    }
    .hola-search__pagination {
        gap:10px
    }
    .hola-search__pagination button {
        padding:9px 12px
    }
    .hola-search__heading h2 {
        font-size:34px
    }
}
body #primary.hola-search-page {
    width:100%;
    max-width:1320px;
    flex:1 1 100%;
    border:0;
    float:none
}
.hola-search button[type=submit],.hola-search button[type=submit] span {
    color:#fffaf0
}
.hola-search__heading h2 {
    font-weight:400
}