.showcase{--noir: #080c18;--panel: #121a2e;--panel-line: #253150;--gold: #e8e4da;--gold-soft: #ffffff;--ivory: #f4efe6;--ivory-muted: #a5adc4;background:var(--noir);color:var(--ivory);font-family:Jost,system-ui,sans-serif;font-weight:300;min-height:100vh;letter-spacing:.01em}.showcase h1,.showcase h2,.showcase h3,.showcase .serif{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;letter-spacing:.03em}.showcase a{color:inherit;text-decoration:none}.showcase button{font-family:inherit;letter-spacing:.08em}.pub-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px 40px;background:linear-gradient(to bottom,rgba(8,12,24,.85),transparent);transition:background .3s ease,padding .3s ease,box-shadow .3s ease}.pub-nav.scrolled{background:#080c18f5;padding:14px 40px;box-shadow:0 1px 0 var(--panel-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pub-nav .logo{font-family:Cormorant Garamond,serif;font-size:1.7em;letter-spacing:.32em;font-weight:500}.pub-nav .links{display:flex;gap:32px;font-size:.78em;text-transform:uppercase;letter-spacing:.14em}.pub-nav .links a{opacity:.82;transition:opacity .2s}.pub-nav .links a:hover{opacity:1;color:var(--gold-soft)}.pub-nav .actions{display:flex;align-items:center;gap:20px;font-size:.78em;text-transform:uppercase;letter-spacing:.1em}.pub-nav .actions a.whatsapp{border:1px solid var(--gold);padding:8px 18px;border-radius:2px;color:var(--gold-soft)}.pub-nav .actions a.whatsapp:hover{background:var(--gold);color:var(--noir)}.pub-nav .admin-link{opacity:.4;font-size:.9em}.pub-nav .admin-link:hover{opacity:.8}.pub-nav .burger{display:none}@media (max-width: 860px){.pub-nav{padding:16px 20px}.pub-nav .links{display:none}.pub-nav .logo{font-size:1.3em;letter-spacing:.22em}}.hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;margin-top:-84px;background:linear-gradient(180deg,#080c1826,#080c1859 55%,#080c18f2),radial-gradient(ellipse at 30% 20%,#1c2740,#080c18 60%),linear-gradient(135deg,#131b30,#080c18);background-blend-mode:normal;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(244,239,230,.1),transparent 40%),radial-gradient(circle at 80% 70%,rgba(244,239,230,.06),transparent 45%)}.hero-content{position:relative;padding:0 40px 72px;max-width:640px}.hero-eyebrow{font-size:.78em;text-transform:uppercase;letter-spacing:.3em;color:var(--gold-soft);margin-bottom:18px}.hero-title{font-size:clamp(2.6em,6vw,4.2em);line-height:1.05;margin:0 0 20px}.hero-sub{font-size:1.05em;color:var(--ivory-muted);max-width:460px;margin-bottom:32px;font-style:italic;font-family:Cormorant Garamond,serif}.hero-actions{display:flex;gap:16px}.btn-gold,.btn-outline{display:inline-block;padding:14px 30px;font-size:.78em;text-transform:uppercase;letter-spacing:.16em;border-radius:2px;transition:all .25s}.showcase .btn-gold{background:var(--gold);color:var(--noir)}.showcase .btn-gold:hover{background:var(--gold-soft)}.showcase .btn-outline{border:1px solid var(--ivory-muted);color:var(--ivory)}.showcase .btn-outline:hover{border-color:var(--gold-soft);color:var(--gold-soft)}.pub-section{padding:90px 40px;max-width:1400px;margin:0 auto}.section-head{text-align:center;margin-bottom:56px}.section-eyebrow{font-size:.75em;text-transform:uppercase;letter-spacing:.3em;color:var(--gold);margin-bottom:10px}.section-title{font-size:2.4em;margin:0}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px}.piece-card{position:relative;display:block;overflow:hidden;background:var(--panel)}.piece-media{aspect-ratio:3 / 4;width:100%;object-fit:cover;display:block;transition:transform .6s ease}.piece-card:hover .piece-media{transform:scale(1.045)}.piece-media-placeholder{aspect-ratio:3/4;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1c2740,#0a0e1a 70%);position:relative;overflow:hidden}.piece-media-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 25%,rgba(244,239,230,.16),transparent 55%)}.piece-media-placeholder span{position:relative;font-family:Cormorant Garamond,serif;font-style:italic;color:var(--gold-soft);font-size:1.3em;text-align:center;padding:0 24px;opacity:.85}.piece-info{padding:18px 4px 28px}.piece-category{font-size:.7em;text-transform:uppercase;letter-spacing:.16em;color:var(--ivory-muted);margin-bottom:6px}.piece-name{font-size:1.2em;margin:0 0 8px}.piece-price{font-size:.85em;color:var(--gold-soft)}.piece-status{position:absolute;top:14px;left:14px;font-size:.65em;text-transform:uppercase;letter-spacing:.12em;padding:5px 12px;border-radius:2px;background:#0a0b0db3;color:var(--gold-soft);border:1px solid rgba(244,239,230,.4)}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;margin-top:40px}.highlight-tile{position:relative;aspect-ratio:3/4;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(160deg,#182238,#080c18 75%);overflow:hidden}.highlight-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 20%,rgba(244,239,230,.14),transparent 50%)}.highlight-tile span{position:relative;padding:26px 0;font-family:Cormorant Garamond,serif;font-size:1.4em;letter-spacing:.06em}.pub-footer{border-top:1px solid var(--panel-line);padding:60px 40px 32px;text-align:center}.pub-footer .logo{font-family:Cormorant Garamond,serif;font-size:1.5em;letter-spacing:.3em;margin-bottom:14px}.pub-footer .tagline{color:var(--ivory-muted);font-style:italic;font-family:Cormorant Garamond,serif;margin-bottom:24px}.pub-footer .contact-line{font-size:.85em;letter-spacing:.08em;margin-bottom:32px}.pub-footer .contact-line a{color:var(--gold-soft)}.pub-footer .fine-print{font-size:.72em;color:var(--ivory-muted);opacity:.6;letter-spacing:.05em}.showcase .filter-tabs{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-bottom:50px}.showcase .filter-tabs button,.showcase .filter-tabs button:hover,.showcase .filter-tabs button:focus{background:none;border:none;border-radius:0;color:var(--ivory-muted);font-size:.8em;text-transform:uppercase;letter-spacing:.14em;padding:6px 2px;border-bottom:1px solid transparent;cursor:pointer}.showcase .filter-tabs button.active{color:var(--gold-soft);border-color:var(--gold)}.detail-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 40px;max-width:1300px;margin:0 auto}.detail-media{aspect-ratio:3/4;border-radius:2px;overflow:hidden}.showcase .detail-back{display:inline-block;margin:32px 0 0 40px;font-size:.78em;text-transform:uppercase;letter-spacing:.14em;color:var(--ivory-muted)}.showcase .detail-back:hover{color:var(--gold-soft)}.detail-category{font-size:.78em;text-transform:uppercase;letter-spacing:.16em;color:var(--ivory-muted);margin-bottom:14px}.detail-title{font-size:2.6em;margin:0 0 18px}.detail-desc{color:var(--ivory-muted);line-height:1.7;margin-bottom:28px;max-width:460px}.detail-price{font-size:1.4em;color:var(--gold-soft);font-family:Cormorant Garamond,serif;margin-bottom:6px}.detail-deposit{color:var(--ivory-muted);font-size:.85em;margin-bottom:40px}.detail-cal-legend{display:flex;gap:20px;font-size:.8em;color:var(--ivory-muted);margin-bottom:18px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.dot.free{background:#7fae8c}.dot.taken{background:#b3665f}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.cal-dow{font-size:.7em;color:var(--ivory-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.cal-day{padding:8px 0;border-radius:2px;font-size:.82em;background:#7fae8c24;color:#bfe0c6}.cal-day.taken{background:#b3665f29;color:#e3b3ae}.detail-months{display:flex;gap:40px;flex-wrap:wrap}.month-block{flex:1;min-width:240px}.month-label{font-family:Cormorant Garamond,serif;font-size:1.15em;margin-bottom:12px}.detail-cta{color:var(--ivory-muted);font-size:.85em;margin-top:28px;font-style:italic;font-family:Cormorant Garamond,serif}@media (max-width: 860px){.detail-wrap{grid-template-columns:1fr;gap:24px;padding:30px 20px}.detail-back{margin:20px 0 0 20px}.pub-section{padding:60px 20px}}.piece-colors{position:absolute;bottom:12px;left:12px;display:flex;gap:5px}.color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(244,239,230,.5);box-shadow:0 1px 3px #0006}.showcase .color-filter-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:32px}.showcase .color-filter-row button{width:30px;height:30px;border-radius:50%;padding:0;border:2px solid transparent;cursor:pointer;position:relative}.showcase .color-filter-row button.active{border-color:var(--gold)}.showcase .color-filter-row button:after{content:attr(data-name);position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:.65em;white-space:nowrap;color:var(--ivory-muted);opacity:0;transition:opacity .15s}.showcase .color-filter-row button:hover:after{opacity:1}.gallery{position:relative}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;padding:0;background:#080c188c;color:var(--ivory);border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;font-size:1.1em;cursor:pointer}.gallery-arrow.prev{left:14px}.gallery-arrow.next{right:14px}.gallery-arrow:hover{background:var(--gold);color:var(--noir)}.gallery-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}.gallery-dots span{width:6px;height:6px;border-radius:50%;background:var(--panel-line)}.gallery-dots span.active{background:var(--gold)}.carousel-viewport{overflow:hidden}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.65,0,.35,1)}.carousel-track .piece-card{flex:0 0 auto;width:260px;margin-right:4px}:root{--color-primary: #c6a15b;--color-primary-dark: #ad8a49;--color-bg: #0b0c10;--color-surface: #161920;--color-border: #2b2f38;--color-text: #ece7dd;--color-muted: #928d83;--color-sidebar: #08090c;--radius: 8px}*{box-sizing:border-box}body{margin:0;font-family:Jost,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text)}a{color:var(--color-primary)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;border-radius:var(--radius);background:var(--color-primary);color:#16130c;font-weight:500;padding:8px 16px}button:hover{background:var(--color-primary-dark)}button.secondary{background:var(--color-border);color:var(--color-text)}button.danger{background:#8a4842;color:#f5e6e4}button.danger:hover{background:#713a35}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:#0f1116;color:var(--color-text)}input::placeholder,textarea::placeholder{color:#5c584f}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.page{max-width:1100px;margin:0 auto;padding:24px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--color-border)}th{color:var(--color-muted);font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.04em}.status-badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.78em;font-weight:500;border:1px solid transparent;background:#ffffff0f;color:var(--color-muted)}.status-available,.status-returned{background:#7fae8c29;color:#a9d3b2;border-color:#7fae8c4d}.status-rented,.status-ongoing{background:#c6a15b2e;color:#e0c48c;border-color:#c6a15b59}.status-cleaning{background:#7a97c42e;color:#a9c2e8;border-color:#7a97c452}.status-damaged,.status-late{background:#b3665f33;color:#e3a9a3;border-color:#b3665f59}.status-retired,.status-cancelled{background:#ffffff12;color:#a39e94}.status-booked{background:#9682c82e;color:#cabcea;border-color:#9682c852}.error-text{color:#e3a9a3}.muted{color:var(--color-muted)}.admin-shell{display:flex;min-height:100vh}.admin-nav{width:220px;background:var(--color-sidebar);border-right:1px solid var(--color-border);color:var(--color-text);padding:20px 0;flex-shrink:0}.admin-nav a{display:block;padding:10px 20px;color:var(--color-muted);text-decoration:none;font-size:.92em}.admin-nav a.active,.admin-nav a:hover{color:var(--color-primary);background:#c6a15b14}.admin-nav .brand{padding:0 20px 24px;font-family:Cormorant Garamond,Georgia,serif;font-size:1.5em;letter-spacing:.28em;color:var(--color-text)}.admin-nav .brand img{display:block;max-width:100%;max-height:44px}.admin-content{flex:1;padding:24px}.admin-content h2,.admin-content h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;letter-spacing:.02em}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.catalog-card{display:block;text-decoration:none;color:inherit}.catalog-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);background:#1c1f26}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:.9em;color:var(--color-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{width:360px;max-width:90vw}.modal-box label{display:flex;flex-direction:column;gap:4px;font-size:.9em;color:var(--color-muted)}
