:root{--color-bg-primary: #121212;--color-bg-secondary: #1e1e1e;--color-text-primary: #f0f0f0;--color-text-secondary: #a0a0a0;--color-accent-gold-hover: #F4CF57;--color-accent-silver: #E0E0E0;--color-navbar-bg: rgba(30, 30, 30, .95);--color-border-subtle: rgba(255, 255, 255, .1);--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 5rem;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}[data-theme=light]{--color-bg-primary: #faf9f6;--color-bg-secondary: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-accent-gold: #b39024;--color-accent-gold-hover: #d4af37;--color-accent-silver: #94a3b8;background-image:radial-gradient(circle at 10% 20%,rgba(0,0,0,.03) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,0,0,.03) 0%,transparent 20%);--color-navbar-bg: rgba(255, 255, 255, .95);--color-border-subtle: rgba(0, 0, 0, .1)}[data-theme=silver]{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-accent-gold: #94a3b8;--color-accent-gold-hover: #cbd5e1}[data-theme=rose]{--color-bg-primary: #1c1014;--color-bg-secondary: #2d1b22;--color-accent-gold: #e29e9e;--color-accent-gold-hover: #ffc2c2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.03) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.03) 0%,transparent 20%);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-accent-gold)}button{cursor:pointer;border:none;font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-gold{color:var(--color-accent-gold)}.text-silver{color:var(--color-accent-silver)}.btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;font-family:var(--font-body);font-size:.9rem;line-height:1;text-align:center;text-decoration:none}.btn{background-color:var(--color-accent-gold);color:var(--color-bg-primary);border:1px solid var(--color-accent-gold)}.btn:hover{background-color:var(--color-accent-gold-hover);border-color:var(--color-accent-gold-hover);transform:translateY(-2px);color:var(--color-bg-primary)}.btn-outline{background-color:transparent;border:1px solid var(--color-accent-gold);color:var(--color-accent-gold)}.btn-outline:hover{background-color:var(--color-accent-gold);color:var(--color-bg-primary);transform:translateY(-2px);box-shadow:0 5px 15px #d4af3733}.section-title{font-size:2rem;text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:2px}.navbar{background-color:var(--color-navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--color-border-subtle)}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:.5rem}.navbar-menu{display:flex;gap:var(--spacing-lg)}.navbar-menu a{font-family:var(--font-body);font-weight:500;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;color:var(--color-text-secondary);transition:color .3s ease}.navbar-menu a:hover{color:var(--color-accent-gold)}.navbar-toggle{display:none;cursor:pointer;color:var(--color-text-primary)}@media(max-width:768px){.navbar-toggle{display:block}.navbar-menu{position:absolute;top:100%;left:0;width:100%;flex-direction:column;background-color:var(--color-bg-primary);padding:var(--spacing-lg);gap:var(--spacing-lg);transform:translateY(-150%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--color-accent-gold);text-align:center}.navbar-menu.active{transform:translateY(0);box-shadow:0 10px 30px #00000080}.navbar-menu a{font-size:1.1rem;display:block}}.theme-switcher{position:relative;margin-left:var(--spacing-md);display:flex;align-items:center}.theme-toggle-btn{background:transparent;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .3s ease;cursor:pointer}.theme-toggle-btn:hover{background:#ffffff0d;color:var(--color-accent-gold);border-color:var(--color-accent-gold)}.theme-menu{position:absolute;top:100%;right:0;margin-top:10px;background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;box-shadow:0 10px 25px #00000080;z-index:1001}.theme-switcher:hover .theme-menu{opacity:1;visibility:visible;transform:translateY(0)}.theme-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--color-text-secondary);font-size:.9rem;text-align:left;border-radius:4px;cursor:pointer;transition:background-color .2s;font-family:var(--font-body)}.theme-option:hover{background:#ffffff0d;color:var(--color-text-primary)}.theme-option.active{background:#ffffff14;color:var(--color-accent-gold)}.theme-preview{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.2)}@media(max-width:768px){.theme-switcher{margin-left:0;margin-top:var(--spacing-md);justify-content:center}.theme-menu{left:50%;right:auto;transform:translate(-50%) translateY(-10px);width:200px}.theme-switcher:hover .theme-menu{transform:translate(-50%) translateY(0)}}.footer{background-color:var(--color-bg-secondary);padding:var(--spacing-xl) 0 var(--spacing-lg);margin-top:auto;border-top:1px solid var(--color-border-subtle)}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section h3{color:var(--color-accent-gold);margin-bottom:var(--spacing-md);font-family:var(--font-heading);font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.footer-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:.8rem;font-size:.95rem}.icon-inline{color:var(--color-accent-gold)}.social-link{display:inline-flex;align-items:center;gap:.8rem;color:var(--color-text-primary);font-weight:500;transition:color .3s ease}.social-link:hover{color:var(--color-accent-gold)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle);color:#666;font-size:.85rem}.hero{min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#000000e6,#141414b3),url(https://images.unsplash.com/photo-1615887023516-9b6c50f83e82?q=80&w=1920&auto=format&fit=crop);background-size:cover;background-position:center;padding:var(--spacing-xl) 0;border-bottom:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.hero-content{position:relative;z-index:2}.hero-title{font-family:var(--font-heading);font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--color-text-primary);letter-spacing:-2px}.hero-subtitle{font-family:var(--font-body);font-size:1.2rem;color:var(--color-text-secondary);max-width:650px;margin:0 auto var(--spacing-xl);font-weight:300}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center}.section{padding:var(--spacing-xl) 0}.bg-secondary{background-color:var(--color-bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);text-align:center}.feature-card{padding:var(--spacing-xl) var(--spacing-lg);border:1px solid rgba(255,255,255,.05);background:#ffffff05;border-radius:4px;transition:all .4s ease}.feature-card:hover{transform:translateY(-10px);border-color:var(--color-accent-gold);background:#ffffff0d;box-shadow:0 20px 40px #0006}.feature-icon{color:var(--color-accent-gold);margin-bottom:var(--spacing-lg);transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-card h3{margin-bottom:var(--spacing-sm);font-size:1.5rem}.feature-card p{color:var(--color-text-secondary)}@media(max-width:768px){.hero-title{font-size:2.5rem}}.product-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:4px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.product-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0006;border-color:var(--color-accent-gold)}.product-image-placeholder{height:280px;background-color:#222;display:flex;align-items:center;justify-content:center;color:#444;font-weight:700;text-transform:uppercase;letter-spacing:2px;position:relative}.product-image-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 80%,rgba(0,0,0,.4))}.product-info{padding:var(--spacing-lg)}.product-category{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.product-title{margin:var(--spacing-sm) 0 var(--spacing-sm);font-size:1.25rem;font-family:var(--font-heading);letter-spacing:.5px}.product-price{color:var(--color-accent-gold);font-weight:700;font-size:1.2rem;margin-bottom:1rem}.products-page{padding-bottom:var(--spacing-xl)}.category-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:transparent;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1);padding:10px 30px;border-radius:4px;transition:all .3s ease;font-size:.9rem;font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase}.filter-btn:hover,.filter-btn.active{background-color:var(--color-accent-gold);color:#121212;border-color:var(--color-accent-gold);transform:translateY(-2px);font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem}.custom-orders-container{max-width:800px;margin:0 auto;text-align:center}.custom-order-card{background-color:var(--color-bg-secondary);padding:var(--spacing-xl);border-radius:8px;border:1px solid var(--color-border-subtle);text-align:left;box-shadow:0 4px 20px #0003;margin:0 auto}h3.custom-order-title{margin-bottom:var(--spacing-md);color:var(--color-accent-gold);font-family:var(--font-heading);font-size:1.5rem}.custom-order-description{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);line-height:1.8;font-size:1.05rem}.how-it-works{text-align:left;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#ffffff05;border-radius:4px}.how-it-works h4{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:1.2rem}.how-it-works ol{margin-left:1.5rem;list-style:decimal;color:var(--color-text-secondary)}.how-it-works li{margin-bottom:.8rem}.whatsapp-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:1.1rem;padding:12px 24px}.about-container{max-width:800px;margin:0 auto}.about-content{line-height:1.8;color:var(--color-text-secondary);font-size:1.1rem}.about-content p{margin-bottom:var(--spacing-lg)}.about-intro{font-size:1.25rem;color:var(--color-text-primary);font-weight:300}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;align-items:start}.contact-info-title,.contact-form-title{margin-bottom:1.5rem;color:var(--color-accent-gold);font-size:1.4rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem;background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:8px;border:1px solid var(--color-border-subtle)}.contact-item{display:flex;align-items:center;gap:1rem;color:var(--color-text-secondary);font-size:1.05rem}.contact-form{display:flex;flex-direction:column;gap:1.2rem;background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:8px;border:1px solid var(--color-border-subtle)}.form-input,.form-textarea{padding:1rem;background:#8080801a;border:1px solid var(--color-border-subtle);border-radius:4px;color:var(--color-text-primary);font-family:var(--font-body);transition:border-color .3s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent-gold)}
