/* A quiet material library in the existing LujoGardens visual language. */
.knowledge-page{--knowledge-muted:#646960}
.knowledge-surface{background:#f4f3f0;padding-bottom:88px}
.knowledge-page [hidden]{display:none!important}
.knowledge-intro{padding-top:30px}
.knowledge-breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--knowledge-muted)}
.knowledge-breadcrumb a:hover{text-decoration:underline}
.knowledge-intro-row{display:grid;grid-template-columns:1.3fr 1fr;gap:72px;align-items:end;padding:44px 0 38px}
.knowledge-intro h1{font-size:clamp(42px,5.2vw,72px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:0}
.knowledge-intro-row>p{max-width:480px;font-size:19px;line-height:1.65;margin:0 0 4px;color:var(--knowledge-muted)}
#knowledge-search-form{background:#fff;border:1px solid #dedfd8;border-radius:18px;display:flex;gap:16px;align-items:center;padding:10px 10px 10px 24px;box-shadow:0 3px 6px #1d211c03}
#knowledge-search-form:focus-within{border-color:#344b35;box-shadow:0 0 0 3px #344b3514}
#knowledge-search-form>svg{width:24px;height:24px;flex-shrink:0;color:#344b35}
#knowledge-search{appearance:none;border:0;background:transparent;color:#1d211c;min-width:0;flex:1;font:inherit;font-size:17px;padding:12px 0;outline:none;box-shadow:none}
#knowledge-search::-webkit-search-cancel-button{appearance:none}
#knowledge-search::placeholder{color:#72756e;opacity:1}
.knowledge-submit{font-size:15px;flex-shrink:0}
#knowledge-search-clear{border:0;display:grid;place-items:center;border-radius:50%;background:#f4f3f0;width:36px;height:36px;flex-shrink:0;cursor:pointer;color:#344b35;padding:7px}
.knowledge-search-hint{margin:11px 0 26px 4px;color:var(--knowledge-muted);font-size:13px}
.knowledge-filter-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:28px}
.knowledge-filters{display:flex;flex-wrap:wrap;gap:8px}
.knowledge-filters button{border:1px solid #dedfd8;background:transparent;color:#464b44;border-radius:30px;padding:11px 17px;font:inherit;font-size:13px;cursor:pointer;transition:background .15s,color .15s}
.knowledge-filters button[aria-pressed=true]{color:#fff;background:#344b35;border-color:#344b35}
.knowledge-filters button:hover:not([aria-pressed=true]){background:#e8e9e2}
[data-knowledge-count]{font-size:13px;color:var(--knowledge-muted);white-space:nowrap;margin:0}
.knowledge-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.knowledge-card{grid-column:span 2;background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;text-decoration:none;border:1px solid transparent;transition:border-color .2s}
.knowledge-card:hover{border-color:#b9c4b4}
.knowledge-card--feature{grid-column:span 3}
.knowledge-card-photo{aspect-ratio:1.65;overflow:hidden;background:#e7e7e1}
.knowledge-card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.knowledge-card--feature .knowledge-card-photo{aspect-ratio:2.05}
.knowledge-card:hover img{transform:scale(1.025)}
.knowledge-card-copy{padding:26px 28px 28px;display:flex;flex-direction:column;flex:1}
.knowledge-card-heading{display:flex;align-items:start;gap:16px;justify-content:space-between}
.knowledge-card h2{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:0;color:#1d211c}
.knowledge-card--feature h2{font-size:32px}
.knowledge-card-arrow{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;background:#f0f3ed;color:#344b35}
.knowledge-card-arrow svg{width:19px;height:19px}
.knowledge-card-copy>p{font-size:15px;line-height:1.7;color:var(--knowledge-muted);margin:15px 0 24px;max-width:58ch}
.knowledge-card--feature .knowledge-card-copy>p{font-size:16px}
.knowledge-topics{list-style:none;margin:auto 0 0;padding:0;display:flex;gap:6px 14px;flex-wrap:wrap;color:#52654c;font-size:12px}
.knowledge-topics li{display:inline;white-space:normal}
.knowledge-topics li+li:before{content:'·';margin-right:14px;color:#93998d}
.knowledge-grid.is-filtered .knowledge-card{grid-column:span 2}
.knowledge-grid.is-filtered .knowledge-card-photo{aspect-ratio:1.65}
.knowledge-grid.is-filtered .knowledge-card h2{font-size:25px}
.knowledge-grid.is-filtered .knowledge-card-copy>p{font-size:15px}
.knowledge-empty{padding:64px 28px;text-align:center;border-radius:24px;background:#fff}
.knowledge-empty h2{font-size:34px;font-weight:500;letter-spacing:-.04em;margin:0 0 16px}
.knowledge-empty p{color:var(--knowledge-muted);max-width:480px;line-height:1.7;margin:0 auto 26px}
.knowledge-empty .pill{border:0;font:inherit;cursor:pointer}
.knowledge-help{margin-top:64px;border-top:1px solid #dedfd8;padding-top:56px;display:flex;justify-content:space-between;align-items:center;gap:56px}
.knowledge-help h2{font-size:clamp(32px,3.1vw,43px);line-height:1.15;letter-spacing:-.045em;font-weight:500;margin:0 0 20px}
.knowledge-help p{max-width:560px;color:var(--knowledge-muted);font-size:16px;line-height:1.7;margin:0}
.knowledge-help-actions{display:flex;align-items:center;flex-direction:column;gap:22px;flex-shrink:0}
.knowledge-text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:#344b35}
.knowledge-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.knowledge-text-link svg{width:18px}
.knowledge-page main :focus-visible{outline:2px solid #344b35;outline-offset:5px}
.knowledge-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1060px){.knowledge-card--feature:nth-child(2) .knowledge-card-copy{order:-1}.knowledge-card--feature:nth-child(2) .knowledge-card-photo{margin-top:auto}}
@media(max-width:1050px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.knowledge-card,.knowledge-card--feature,.knowledge-grid.is-filtered .knowledge-card{grid-column:span 1}.knowledge-card--feature h2{font-size:25px}.knowledge-card-photo,.knowledge-card--feature .knowledge-card-photo{aspect-ratio:1.65}.knowledge-card--feature .knowledge-card-copy>p{font-size:15px}.knowledge-intro-row{gap:40px}.knowledge-filter-row{align-items:start}[data-knowledge-count]{padding-top:12px}.knowledge-help{gap:32px}}
@media(max-width:650px){.knowledge-intro{padding-top:22px}.knowledge-intro-row{display:block;padding:32px 0 26px}.knowledge-intro h1{font-size:48px}.knowledge-intro-row>p{font-size:16px;line-height:1.7;margin-top:22px}.knowledge-search-hint{font-size:12px;line-height:1.6;margin:11px 0 20px}#knowledge-search-form{padding:7px 8px 7px 16px;gap:10px;border-radius:15px}#knowledge-search-form>svg{width:20px}#knowledge-search{font-size:16px;padding:13px 0}.knowledge-submit{padding:2px;gap:0;min-width:42px;min-height:42px}.knowledge-submit .pill-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.knowledge-filter-row{display:block;padding-bottom:22px}.knowledge-filters{gap:7px}.knowledge-filters button{font-size:12px;padding:10px 13px}[data-knowledge-count]{padding-top:18px}.knowledge-grid{grid-template-columns:minmax(0,1fr);gap:22px}.knowledge-card,.knowledge-card--feature{border-radius:22px}.knowledge-card-copy{padding:24px}.knowledge-card h2,.knowledge-grid.is-filtered .knowledge-card h2{font-size:27px}.knowledge-help{margin-top:44px;padding-top:36px;display:block}.knowledge-help-actions{align-items:flex-start;margin-top:28px}.knowledge-surface{padding-bottom:48px}.knowledge-breadcrumb{font-size:12px}}
@media(max-width:359px){.knowledge-intro h1{font-size:42px}.knowledge-card-copy{padding:22px}.knowledge-card h2,.knowledge-grid.is-filtered .knowledge-card h2{font-size:24px}.knowledge-filters button{padding:10px 12px}#knowledge-search{font-size:16px}}
@media(prefers-reduced-motion:reduce){.knowledge-card,.knowledge-card img,.knowledge-filters button{transition:none}.knowledge-card:hover img{transform:none}}

.knowledge-card[href="/keramische-tegels/"] img{object-position:50% 35%}