:root{--bg: #fbf8f4;--beige: #dbc6b0;--gold: #d4af37;--text: #1a1a1a;--muted: #6b6b6b;--card: #fff;--ring: rgba(212, 175, 55, .35);--radius: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:24px}header{position:sticky;top:0;background:#fbf8f4cc;backdrop-filter:blur(8px);border-bottom:1px solid #eee;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-family:Cormorant Garamond,serif;font-weight:600;letter-spacing:.6px;margin:0;font-size:26px}.logo{width:22px;height:42px;border-radius:12px;background-image:url(/Logo-oli.png);background-repeat:no-repeat;background-position:center;background-size:contain;display:grid;place-items:center}.whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:10px 14px;border-radius:999px;font-weight:600;box-shadow:0 6px 18px #25d36640;transition:.2s;white-space:nowrap}.whatsapp-btn:hover{transform:translateY(-1px)}.whatsapp-btn svg{flex-shrink:0}.hero{padding:36px 24px}.hero-card{border:1px solid #eee;background:linear-gradient(180deg,#fff,#faf7f2);border-radius:24px;padding:28px;display:grid;gap:12px;box-shadow:0 10px 30px #0000000a}.hero h2{font-family:Cormorant Garamond,serif;font-size:34px;line-height:1.1;margin:0}.hero p{color:var(--muted);margin:0}.hr{height:1px;background:linear-gradient(90deg,transparent,#e9e1d7,transparent);margin:24px 0}.filters{display:grid;grid-template-columns:1fr 160px 160px;gap:12px;margin:24px 0}.input,.select{border:1px solid #e6e0d8;background:#fff;border-radius:12px;padding:12px 14px;font:inherit}.input:hover,.select:hover{border-color:#ddcfb8}.input:focus,.select:focus{outline:none}.input:focus-visible,.select:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px var(--ring);border-radius:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.input::-moz-focus-inner,.select::-moz-focus-inner{border:0}.hero-full{position:relative;min-height:68vh;background:radial-gradient(1200px 600px at 20% 10%,#fff,#fbf8f4 40%,#f2eadf);background-size:cover;background-position:center;display:grid;align-items:end;border-bottom:1px solid #eee}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff40,#fbf8f4bf 60%,#fbf8f4)}.hero-inner{position:relative;padding:56px 24px 36px}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.badge{padding:6px 10px;border-radius:999px;border:1px solid #eadfd3;background:#fff;font-size:12px}.hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(28px,6vw,54px);line-height:1.05;margin:6px 0 8px;letter-spacing:.2px;color:var(--text)}.hero-sub{color:var(--muted);margin:0 0 14px;max-width:720px}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 6px}.hero-note{font-size:12px;color:#7b7b7b;margin-top:6px}.banners{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 10px}.banner{position:relative;border:1px solid #eee;border-radius:16px;padding:16px;background:linear-gradient(135deg,#fff,#faf7f2);box-shadow:0 8px 22px #0000000a;transition:transform .15s ease,box-shadow .15s ease}.banner:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0000000f}.banner .badge{position:absolute;top:12px;right:12px;font-size:11px}.btitle{font-weight:800;font-size:18px;margin-top:8px}.bsub{color:#7c7c7c;font-size:13px}@media (max-width: 960px){.banners{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.whatsapp-btn{padding:10px;border-radius:50%}.whatsapp-btn .whatsapp-label{display:none}.banners{grid-template-columns:1fr}.hero-full{min-height:58vh;background-position:left}.grid,.filters{grid-template-columns:1fr}}.card{position:relative;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;display:flex;flex-direction:column}.card .img{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f9f9f9;display:flex;align-items:center;justify-content:center}.card .img img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .4s ease}.card:hover{transform:translateY(-6px);box-shadow:0 10px 22px #00000026,0 0 0 2px #d4af37}.card:hover .img img{transform:scale(1.08)}.card .tag{position:absolute;top:10px;left:10px;background:#111;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;letter-spacing:.4px;box-shadow:0 2px 6px #0003;text-transform:uppercase;z-index:5;opacity:1;visibility:visible;transition:none}.card .tag.Top{background:linear-gradient(90deg,#d4af37,#f6e27a);color:#111}.card .tag.Popular{background:#333}.card .tag.Premium{background:#6c2bb0}.img{height:160px;background:linear-gradient(135deg,#f4ede5,#fff);display:grid;place-items:center}.img span{font-family:Cormorant Garamond,serif;color:#111;font-size:18px;letter-spacing:.3px}.body{padding:14px 14px 12px}.brand-name{font-size:12px;color:#7a6f62;text-transform:uppercase;letter-spacing:.12em}.title{font-weight:700;margin:4px 0 2px}.meta{font-size:12px;color:#8a8a8a}.prices{display:flex;gap:10px;margin:10px 0 2px}.pill{border:1px solid #eadfd3;border-radius:999px;padding:6px 10px;background:#fff}.cta{display:flex;gap:10px;padding:12px 14px 16px}.btn{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:10px;border:1px solid #e6e0d8;padding:10px 12px;background:#fff;font-weight:600}.btn.gold{background:linear-gradient(180deg,#f4e6b8,#e8d285);border-color:#eadb9a}.btn:hover{filter:saturate(1.05);transform:translateY(-1px)}footer{margin:40px 0 24px;color:#888;font-size:12px;text-align:center}.mini{display:flex;gap:10px;flex-wrap:wrap}.note{font-size:12px;color:#777;margin-top:6px}
