/* LQ Old Money Store — editorial commerce layer for PHP public_html. */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@400;500;600&display=swap');
:root{--ink:#0d0d0e;--ivory:#f5f0e9;--gold:#c8a85d;--muted:#756f68;--line:rgba(13,13,14,.17);--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans)}a{color:inherit}.store-header{min-height:78px;padding:18px clamp(18px,5vw,70px);display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);background:rgba(245,240,233,.94);position:sticky;top:0;z-index:3}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:50% 43%;border:1px solid var(--gold)}.brand span{display:grid;gap:3px}.brand b{font-size:11px;letter-spacing:.18em}.brand small{font-size:8px;letter-spacing:.3em;color:var(--gold)}nav{display:flex;gap:25px;margin-left:auto}nav a,.cart-link{font-size:10px;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.cart-link{display:flex;gap:8px;align-items:center}.cart-link b{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font-size:9px}.shop-hero{min-height:64vh;padding:clamp(70px,12vw,150px) clamp(22px,8vw,130px);background:radial-gradient(circle at 72% 20%,rgba(200,168,93,.24),transparent 25%),#181615;color:var(--ivory)}.kicker{font-size:9px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.shop-hero h1,.catalog-heading h2{font:normal clamp(64px,10vw,145px)/.82 var(--serif);letter-spacing:-.04em;margin:30px 0}.shop-hero h1 em,.catalog-heading h2 em,.empty-catalog h3 em{color:var(--gold)}.shop-hero p{max-width:340px;color:rgba(245,240,233,.65);line-height:1.6}.button{display:inline-flex;gap:28px;align-items:center;margin-top:28px;padding:15px 18px;background:var(--ivory);color:var(--ink);font-size:9px;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;border:1px solid transparent}.button span{color:var(--gold);font-size:15px}.button.dark{background:var(--ink);color:var(--ivory)}.button:not(.dark){border-color:rgba(13,13,14,.15)}.setup-note{display:flex;gap:14px;align-items:center;padding:18px clamp(22px,8vw,130px);border-bottom:1px solid var(--line);font-size:12px}.setup-note b{font-family:var(--serif);font-size:18px}.setup-note code{color:var(--gold)}.catalog-shell{padding:clamp(60px,9vw,120px) clamp(22px,8vw,130px)}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.catalog-heading h2{font-size:clamp(55px,7vw,100px);margin-bottom:0}.search-form{display:flex;border-bottom:1px solid var(--ink)}.search-form input{width:210px;border:0;outline:0;background:transparent;padding:12px 0;font:13px var(--sans)}.search-form button{border:0;background:none;font-size:22px;cursor:pointer}.category-row{display:flex;gap:24px;overflow:auto;padding:40px 0 18px;border-bottom:1px solid var(--line)}.category-row a{white-space:nowrap;font-size:10px;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.category-row a.active,.category-row a:hover{color:var(--ink);border-bottom:1px solid var(--gold);padding-bottom:8px}.empty-catalog{max-width:560px;padding:100px 0 80px}.empty-catalog img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 43%;border:1px solid var(--gold)}.empty-catalog span{display:block;margin-top:22px;color:var(--gold);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.empty-catalog h3{font:normal clamp(42px,5vw,74px)/.95 var(--serif);margin:18px 0}.empty-catalog p{max-width:430px;color:var(--muted);line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.product-card{text-decoration:none}.product-media{position:relative;display:block;aspect-ratio:4/5;background:#211e1b;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.product-media>span{position:absolute;left:15px;bottom:14px;color:var(--gold);font-size:9px;letter-spacing:.15em}.product-meta{display:flex;justify-content:space-between;gap:15px;padding-top:14px}.product-meta small{color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.product-meta h3{font:normal 24px var(--serif);margin:5px 0}.product-meta strong{font-size:12px;white-space:nowrap}.store-footer{display:flex;align-items:end;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:60px clamp(22px,8vw,130px);background:var(--ink);color:var(--ivory)}.store-footer p{font:normal 26px var(--serif)}.store-footer p em{color:var(--gold)}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:22px}.footer-socials{display:flex;gap:18px}.footer-socials a{width:18px;height:18px;color:rgba(245,240,233,.6);transition:color .25s ease}.footer-socials a:hover{color:var(--gold)}.footer-socials svg{width:100%;height:100%;display:block}.footer-whatsapp{font-size:10px;color:var(--gold);text-decoration:none;letter-spacing:.12em;text-transform:uppercase}@media(max-width:760px){.footer-right{align-items:flex-start;width:100%}}/* ---------- catálogo robusto: toolbar, chips, filtros, paginación ---------- */
.catalog-toolbar{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}
.filters-trigger{display:none;align-items:center;gap:8px;padding:11px 18px;border:1px solid var(--ink);background:none;font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--ink)}
.filters-trigger span{color:var(--gold);font-size:14px}
.results-count{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0}
.sort-select{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.sort-select select{border:1px solid var(--line);background:transparent;padding:9px 11px;font:11px var(--sans);color:var(--ink)}

.filter-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.chip{font-size:10px;padding:7px 14px;border:1px solid var(--line);border-radius:20px;text-decoration:none;color:var(--ink);letter-spacing:.05em}
.chip.clear{color:var(--gold);border-color:rgba(200,168,93,.4)}

.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:56px;margin-top:36px}
.filters{align-self:start;position:sticky;top:98px}
.filters-head{display:none}
.filter-group{padding:20px 0;border-bottom:1px solid var(--line)}
.filter-group:first-of-type{padding-top:0}
.filter-group h4{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;color:var(--muted);font-weight:400}
.filter-group h4 small{color:var(--gold);text-transform:none;letter-spacing:0}
.filter-group label{display:flex;align-items:center;gap:9px;font-size:12.5px;padding:6px 0;cursor:pointer}
.filter-group label small{color:var(--muted)}
.filter-group input[type="checkbox"]{width:15px;height:15px;accent-color:var(--ink)}
.filter-scroll{max-height:230px;overflow:auto}
.filter-pills{display:flex;flex-wrap:wrap;gap:8px}
.pill-check{display:inline-flex}
.pill-check input{position:absolute;opacity:0;width:0;height:0}
.pill-check span{padding:7px 13px;border:1px solid var(--line);font-size:11px;cursor:pointer;user-select:none}
.pill-check input:checked + span{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.price-inputs{display:flex;align-items:center;gap:8px}
.price-inputs input{width:82px;padding:9px;border:1px solid var(--line);background:transparent;font:12px var(--sans);color:var(--ink)}
.price-inputs span{color:var(--muted)}
.filter-actions{display:flex;flex-direction:column;gap:12px;padding-top:22px}
.filter-actions .button{margin-top:0;justify-content:center;width:100%}
.clear-link{text-align:center;font-size:10px;color:var(--muted);text-decoration:underline;letter-spacing:.05em}
.filters-backdrop{position:fixed;inset:0;background:rgba(13,13,14,.5);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:40}
.filters-backdrop.open{opacity:1;pointer-events:auto}

.product-card{display:block;position:relative}
.product-media{position:relative;display:block;aspect-ratio:4/5;background:#211e1b;overflow:hidden}
.product-media img{width:100%;height:100%;object-fit:cover}
.product-media>span{position:absolute;left:15px;bottom:14px;color:var(--gold);font-size:9px;letter-spacing:.15em}
.discount-badge{position:absolute;top:13px;left:13px;background:var(--gold);color:var(--ink);font-size:9px;padding:5px 9px;letter-spacing:.05em;font-style:normal}
.product-meta{display:flex;justify-content:space-between;gap:15px;padding-top:14px}
.product-meta a{text-decoration:none;color:inherit}
.product-meta small{color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.product-meta h3{font:normal 24px var(--serif);margin:5px 0}
.price-row{display:flex;gap:10px;align-items:baseline}
.price-row s{color:var(--muted);font-size:11px}
.price-row strong{font-size:12px;white-space:nowrap}
.quick-add{margin-top:12px}
.quick-add button{width:100%;padding:11px;border:1px solid var(--line);background:transparent;font-size:9px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--ink);transition:background .25s ease,color .25s ease,border-color .25s ease}
.quick-add button:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink)}

.pagination{display:flex;gap:8px;justify-content:center;margin-top:64px;flex-wrap:wrap}
.pagination a{padding:9px 14px;border:1px solid var(--line);font-size:11px;text-decoration:none;color:var(--ink)}
.pagination a.active{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.pagination span{padding:9px 4px;color:var(--muted);font-size:11px}

.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(16px);background:var(--ink);color:var(--ivory);padding:15px 24px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:60;border:1px solid var(--gold)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:760px){.store-header{gap:15px;padding:14px 18px}.store-header nav{display:none}.cart-link{margin-left:auto}.shop-hero{min-height:65vh;padding:92px 22px 60px}.shop-hero h1{font-size:75px}.catalog-shell{padding:70px 22px}.catalog-heading{display:block}.catalog-heading h2{font-size:60px}.search-form{margin-top:30px}.search-form input{flex:1;width:auto}.category-row{gap:18px;margin-right:-22px}.product-grid{grid-template-columns:repeat(2,1fr);gap:18px}.store-footer{display:grid;align-items:start;padding:48px 22px}.store-footer p{margin:20px 0}
  .catalog-toolbar{justify-content:space-between}
  .filters-trigger{display:inline-flex}
  .sort-select{margin-left:0}
  .catalog-layout{display:block}
  .filters{position:fixed;top:0;right:0;bottom:0;width:min(88vw,360px);background:var(--ivory);z-index:41;transform:translateX(100%);transition:transform .35s cubic-bezier(.22,1,.36,1);overflow:auto;padding:20px 22px calc(24px + env(safe-area-inset-bottom))}
  .filters.open{transform:translateX(0)}
  .filters-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--ivory)}
  .filters-head span{font:normal 20px var(--serif)}
  .filters-head button{border:0;background:none;font-size:18px;cursor:pointer;color:var(--ink)}
}
