@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";:root{--primary-blue: #1a365d;--primary-blue-light: #2b4c7e;--accent-blue: #3182ce;--ocean-blue: #4299e1;--ocean-light: #63b3ed;--sky-blue: #90cdf4;--sand-light: #faf8f5;--sand: #f1ebe0;--sand-dark: #d4c9b8;--gold: #c9a962;--gold-light: #e8d5a3;--gold-hover: #dfc58a;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--success-light: #d1fae5;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .03);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .05);--shadow-glow: 0 0 40px rgba(66, 153, 225, .15);--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--white);color:var(--gray-800);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-weight:600;font-size:.9rem;border-radius:var(--radius-lg);transition:all var(--transition-base);letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));color:var(--white);box-shadow:var(--shadow-md),0 4px 12px #1a365d40}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 20px #1a365d4d;background:linear-gradient(135deg,var(--primary-blue-light),var(--accent-blue))}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--primary-blue);border:2px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--primary-blue)}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:var(--white);box-shadow:0 4px 12px #10b9814d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:var(--white)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:var(--white);box-shadow:0 4px 12px #25d3664d}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(26,54,93,.06);transition:all var(--transition-base)}.header.scrolled{box-shadow:var(--shadow-md);background:#fffffffa}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo{height:55px;width:auto;transition:transform var(--transition-base)}.logo:hover{transform:scale(1.02)}.nav{display:flex;align-items:center;gap:2.5rem}.nav-link{font-weight:500;color:var(--gray-600);transition:all var(--transition-fast);position:relative;padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--ocean-blue));transition:width var(--transition-base);border-radius:2px}.nav-link:hover{color:var(--primary-blue)}.nav-link:hover:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:.5rem}.mobile-menu-btn span{width:24px;height:2px;background:var(--primary-blue);transition:all var(--transition-fast);border-radius:2px}.stories-bar{background:var(--white);padding:1.5rem 0 2rem;margin-top:80px;border-bottom:1px solid var(--gray-200);box-shadow:0 2px 10px #00000008}.stories-container{display:flex;gap:3rem;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:1rem 0}.story-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:all var(--transition-base)}.story-preview:hover{transform:scale(1.08) translateY(-4px)}.story-preview:active{transform:scale(.98)}.story-preview-ring{width:85px;height:85px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#2B9ADE,var(--ocean-blue),#6366f1,#ec4899);background-size:300% 300%;animation:gradientFlow 4s ease infinite;box-shadow:0 6px 20px #2b9ade59;transition:all var(--transition-base)}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.story-preview:hover .story-preview-ring{box-shadow:0 10px 35px #2b9ade80;transform:translateY(-2px)}.story-preview-image{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;border:3px solid var(--white)}.story-preview-info{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-top:.25rem}.story-preview-title{font-weight:700;font-size:.9rem;color:var(--primary-blue);text-align:center;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-preview-subtitle{font-size:.75rem;color:var(--gray-500);text-align:center;font-weight:500}.story-modal{position:fixed;inset:0;background:#000000f2;z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.story-viewer{position:relative;width:100%;max-width:420px;height:90vh;max-height:800px;background:#000;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 25px 80px #00000080;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.story-progress-container{position:absolute;top:0;left:0;right:0;display:flex;gap:4px;padding:12px 16px;z-index:10;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 100%)}.story-progress-bar{flex:1;height:3px;background:#ffffff4d;border-radius:3px;overflow:hidden}.story-progress-fill{height:100%;background:var(--white);border-radius:3px;width:0%;transition:width .1s linear}.story-progress-fill.active{animation:progressFill 5s linear forwards}.story-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:2rem 1rem 1rem;z-index:10}.story-info{display:flex;align-items:center;gap:.75rem}.story-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--white);box-shadow:0 2px 10px #0000004d}.story-title{font-weight:600;font-size:.95rem;color:var(--white);text-shadow:0 1px 3px rgba(0,0,0,.5)}.story-subtitle{font-size:.75rem;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.5)}.story-close{width:36px;height:36px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--white);transition:all var(--transition-fast)}.story-close:hover{background:#ffffff40;transform:scale(1.1)}.story-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.story-image{width:100%;height:100%;object-fit:contain;object-position:center;background:#000;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.story-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:var(--white);transition:all var(--transition-fast);z-index:20;opacity:1;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0003}.story-viewer:hover .story-nav-btn{opacity:1}.story-nav-btn:hover{background:#fff6;transform:translateY(-50%) scale(1.1)}.story-prev-btn{left:10px}.story-next-btn{right:10px}.story-nav-btn.hidden{visibility:hidden}.story-action-container{position:absolute;bottom:3rem;left:0;right:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;pointer-events:none}.story-action-btn{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));color:var(--white);padding:.85rem 2rem;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 25px #1a365d66;transition:all var(--transition-base);animation:fadeInUp .5s ease .3s both;pointer-events:auto}.story-action-btn:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 12px 35px #1a365d80}.story-swipe-hint{color:#ffffffb3;font-size:.8rem;animation:pulse 2s ease infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-banner{position:relative;width:100%;height:85vh;min-height:500px;max-height:800px;overflow:hidden;margin-top:80px}.hero-banner-slides{position:relative;width:100%;height:100%}.hero-banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center top;opacity:0;transform:scale(1.05);transition:opacity .8s ease,transform .8s ease;display:flex;align-items:center;justify-content:flex-start}.hero-banner-slide.active{opacity:1;transform:scale(1);z-index:1}.hero-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0009,#0000004d,#0000001a)}.hero-banner-content{position:relative;z-index:2;padding:0 8%;max-width:600px;color:var(--white);animation:slideContentIn .8s ease .3s both}@keyframes slideContentIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-banner-slide.active .hero-banner-content{animation:slideContentIn .8s ease .3s both}.hero-banner-subtitle{display:inline-block;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--gold);margin-bottom:1rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full)}.hero-banner-title{font-family:var(--font-display);font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 10px rgba(0,0,0,.3)}.hero-banner-description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;opacity:.9;text-shadow:1px 1px 5px rgba(0,0,0,.3)}.hero-banner-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--gold),var(--gold-hover));color:var(--primary-blue);font-size:1rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-base);box-shadow:0 8px 25px #c9a96266}.hero-banner-cta:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #c9a96280}.hero-banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:5}.hero-banner-arrow:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.hero-banner-prev{left:2rem}.hero-banner-next{right:2rem}.hero-banner-dots{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:5}.hero-banner-dot{width:12px;height:12px;border-radius:50%;background:#fff6;border:2px solid transparent;cursor:pointer;transition:all var(--transition-base)}.hero-banner-dot:hover{background:#fff9}.hero-banner-dot.active{background:var(--gold);border-color:var(--white);transform:scale(1.2)}.hero-banner-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#fff3;z-index:5}.hero-banner-progress-bar{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-hover));width:0%;animation:progressFill 5s linear forwards}@keyframes progressFill{0%{width:0%}to{width:100%}}@media(max-width:768px){.hero-banner{height:70vh;min-height:450px}.hero-banner-content{padding:0 5%;max-width:100%}.hero-banner-title{font-size:2.5rem}.hero-banner-description{font-size:1rem}.hero-banner-arrow{width:40px;height:40px}.hero-banner-prev{left:1rem}.hero-banner-next{right:1rem}}.hero-banner-bg-mobile{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center top;z-index:0}.hero-banner-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;z-index:2}.hero-banner-image-desktop{display:none}@media(min-width:1024px){.hero-banner{height:600px;max-height:80vh;background-color:var(--primary-blue-light);overflow:visible}.hero-banner-slide{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary-blue) 100%)}.hero-banner-bg-mobile,.hero-banner-overlay{opacity:.1;filter:blur(20px)}.hero-banner-container{position:relative;max-width:1280px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-banner-content{text-align:left;padding:0;max-width:100%;animation:slideContentIn .8s ease .3s both}.hero-banner-title{font-size:5rem;line-height:1.1}.hero-banner-image-desktop{display:block;position:relative;height:500px;width:100%;animation:fadeInRight 1s ease .5s both}.hero-banner-image-desktop img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);transform:perspective(1000px) rotateY(-5deg);transition:transform .5s ease}.hero-banner-slide:hover .hero-banner-image-desktop img{transform:perspective(1000px) rotateY(0)}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(170deg,var(--white) 0%,var(--sand-light) 50%,rgba(66,153,225,.06) 100%);padding-top:140px;padding-bottom:80px;position:relative;overflow:hidden;animation:heroFadeIn .8s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero:before{content:"";position:absolute;top:-30%;right:-15%;width:60%;height:130%;background:radial-gradient(circle,rgba(66,153,225,.12) 0%,transparent 65%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-20%;left:-10%;width:40%;height:60%;background:radial-gradient(circle,rgba(201,169,98,.1) 0%,transparent 65%);pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;position:relative;z-index:1}.hero-text h1{font-family:var(--font-display);font-size:3.75rem;font-weight:600;color:var(--primary-blue);line-height:1.25;margin-bottom:1.75rem;letter-spacing:-.02em}.hero-text h1 span{background:linear-gradient(135deg,#2b9ade,#00b4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:1.125rem;color:var(--gray-600);margin-bottom:2.5rem;max-width:480px;line-height:1.8}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.hero-buttons .btn{transition:all var(--transition-base)}.hero-buttons .btn:hover{transform:translateY(-3px)}.hero-buttons .btn-primary:hover{box-shadow:0 12px 30px #1a365d59}.hero-buttons .btn-whatsapp:hover{box-shadow:0 12px 30px #25d36673}.hero-image{position:relative;transform:scale(1.05)}.hero-image-main{width:100%;height:550px;object-fit:cover;border-radius:32px;box-shadow:0 30px 60px #1a365d33,0 15px 30px #0000001a}.hero-decoration{position:absolute;width:100%;height:100%;border:3px solid var(--gold);border-radius:32px;top:20px;left:20px;z-index:-1;opacity:.6}.collections{padding:6rem 0;background:var(--white)}.collections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.collection-card{position:relative;height:280px;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card);transition:all var(--transition-base)}.collection-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.collection-card:hover img{transform:scale(1.1)}.collection-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(26,54,93,.85) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem}.collection-name{font-family:var(--font-display);font-size:1.35rem;color:var(--white);font-weight:600;margin-bottom:.25rem}.collection-count{font-size:.85rem;color:#fffc}.section{padding:6rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;background:linear-gradient(135deg,var(--sky-blue),var(--ocean-light));color:var(--primary-blue);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;padding:.5rem 1rem;border-radius:var(--radius-full);margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:2.75rem;color:var(--primary-blue);margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{color:var(--gray-500);font-size:1.1rem;max-width:500px;margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.product-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:all var(--transition-base);cursor:pointer;position:relative}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.product-image-container{position:relative;height:380px;overflow:hidden;background:var(--gray-100)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image{transform:scale(1.08)}.product-badges{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.5rem}.product-badge{padding:.4rem .85rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.product-badge.featured{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--primary-blue)}.product-badge.new{background:linear-gradient(135deg,var(--accent-blue),var(--ocean-blue));color:var(--white)}.product-quick-view{position:absolute;bottom:1rem;left:50%;transform:translate(-50%) translateY(20px);opacity:0;background:var(--white);color:var(--primary-blue);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:.85rem;box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.product-card:hover .product-quick-view{opacity:1;transform:translate(-50%) translateY(0)}.product-gallery-dots{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;opacity:0;transition:opacity var(--transition-fast)}.product-card:hover .product-gallery-dots{opacity:1}.gallery-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:all var(--transition-fast);border:1px solid rgba(255,255,255,.3)}.gallery-dot.active{background:var(--white);transform:scale(1.3)}.product-info{padding:1.5rem}.product-collection{font-size:.75rem;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.product-category{font-size:.8rem;color:var(--accent-blue);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.product-name{font-family:var(--font-display);font-size:1.3rem;color:var(--primary-blue);margin-bottom:.75rem;line-height:1.3}.product-price{font-size:1.2rem;font-weight:700;color:var(--gray-800)}.modal-overlay{position:fixed;inset:0;background:#111827b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:2000;opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--white);border-radius:var(--radius-2xl);max-width:1000px;width:100%;max-height:90vh;overflow:hidden;transform:scale(.9) translateY(30px);transition:all var(--transition-base);box-shadow:var(--shadow-2xl)}.modal-overlay.open .modal{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:1.25rem;right:1.25rem;width:44px;height:44px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--gray-600);z-index:10;transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-100);transform:rotate(90deg);color:var(--gray-800)}.modal-content{display:grid;grid-template-columns:1fr 1fr}.modal-gallery{position:relative;background:var(--gray-100)}.modal-main-image-container{position:relative;overflow:hidden}.modal-main-image{width:100%;height:500px;object-fit:cover;display:block}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fffffff2;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);cursor:pointer;z-index:5;transition:all var(--transition-fast);border:none;opacity:.9}.modal-nav-btn:hover{background:var(--white);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 25px #0003;opacity:1}.modal-prev-btn{left:12px}.modal-next-btn{right:12px}.modal-image-counter{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:.4rem .8rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-thumbnails{display:flex;gap:.75rem;padding:1rem;background:var(--white);overflow-x:auto;scrollbar-width:thin}.modal-thumbnails::-webkit-scrollbar{height:4px}.modal-thumbnails::-webkit-scrollbar-track{background:var(--gray-100)}.modal-thumbnails::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.modal-thumbnail{width:70px;height:70px;min-width:70px;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;opacity:.5;transition:all var(--transition-fast);border:3px solid transparent}.modal-thumbnail.active,.modal-thumbnail:hover{opacity:1;border-color:var(--accent-blue);transform:scale(1.05)}.modal-details{padding:2.5rem;display:flex;flex-direction:column;overflow-y:auto}.modal-collection{font-size:.8rem;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.modal-category{font-size:.85rem;color:var(--accent-blue);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.modal-title{font-family:var(--font-display);font-size:2.25rem;color:var(--primary-blue);margin-bottom:1rem;line-height:1.2}.modal-price{font-size:1.75rem;font-weight:700;color:var(--gray-800);margin-bottom:1.5rem}.modal-description{color:var(--gray-600);line-height:1.8;margin-bottom:2rem;flex-grow:1}.modal-whatsapp{width:100%;padding:1.125rem;font-size:1rem}.about{background:linear-gradient(135deg,var(--sand-light),var(--white));position:relative;overflow:hidden}.about:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:radial-gradient(circle at right,rgba(66,153,225,.08),transparent 70%)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;position:relative;z-index:1}.about-image{border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);height:500px;object-fit:cover}.about-text h2{font-family:var(--font-display);font-size:2.75rem;color:var(--primary-blue);margin-bottom:1.5rem}.about-text p{color:var(--gray-600);margin-bottom:1.25rem;line-height:1.8;font-size:1.05rem}.footer{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));color:var(--white);padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:3rem}.footer-logo{height:70px;margin-bottom:1.5rem;filter:brightness(0) invert(1)}.footer-description{color:#ffffffb3;max-width:320px;line-height:1.7}.footer-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.footer-links{display:flex;flex-direction:column;gap:.875rem}.footer-link{color:#ffffffb3;transition:all var(--transition-fast)}.footer-link:hover{color:var(--white);transform:translate(4px)}.social-link{width:44px;height:44px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.social-link:hover{background:var(--ocean-blue);transform:translateY(-4px)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);position:relative;overflow:hidden;padding:2rem}.login-page:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:150%;background:radial-gradient(circle,rgba(66,153,225,.2) 0%,transparent 60%)}.login-container{background:var(--white);border-radius:var(--radius-2xl);padding:3rem;width:100%;max-width:420px;box-shadow:var(--shadow-2xl);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2rem}.login-logo{height:70px;margin-bottom:1.5rem}.login-title{font-family:var(--font-display);font-size:1.75rem;color:var(--primary-blue);margin-bottom:.5rem}.login-subtitle{color:var(--gray-500);font-size:.95rem}.login-form{margin-bottom:1.5rem}.login-input{padding:1rem 1.25rem;font-size:1rem}.login-input.error{border-color:var(--danger);animation:shake .4s ease}.login-error{display:flex;align-items:center;gap:.5rem;color:var(--danger);font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--danger-light);border-radius:var(--radius-md)}.login-btn{width:100%;padding:1rem;font-size:1rem;margin-top:.5rem}.login-footer{text-align:center}.login-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--gray-500);font-size:.9rem;transition:color var(--transition-fast)}.login-back:hover{color:var(--primary-blue)}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .8s linear infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.admin-layout{min-height:100vh;background:var(--gray-50)}.admin-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-xs)}.admin-logo{height:45px}.admin-title{font-family:var(--font-display);font-size:1.5rem;color:var(--primary-blue)}.admin-user{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--gray-50);border-radius:var(--radius-full);font-size:.9rem;color:var(--gray-600)}.admin-main{padding:2rem;max-width:1400px;margin:0 auto}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-search{display:flex;align-items:center;background:var(--white);border-radius:var(--radius-lg);padding:.75rem 1.25rem;box-shadow:var(--shadow-sm);width:350px;border:2px solid var(--gray-100);transition:all var(--transition-fast)}.admin-search:focus-within{border-color:var(--accent-blue);box-shadow:var(--shadow-md),0 0 0 3px #4299e11a}.admin-search input{border:none;outline:none;width:100%;padding:.25rem .5rem;font-size:.95rem}.products-table-container{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.products-table th,.products-table td{padding:1.25rem 1.5rem;text-align:left;border-bottom:1px solid var(--gray-100)}.products-table th{background:var(--gray-50);font-weight:600;color:var(--gray-600);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.products-table tbody tr{transition:background var(--transition-fast)}.products-table tbody tr:hover{background:var(--gray-50)}.product-table-image{width:70px;height:70px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.product-table-name{font-weight:600;color:var(--gray-800)}.product-table-collection{font-size:.8rem;color:var(--gold);font-weight:500}.action-btn{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.action-btn.edit{background:#4299e11a;color:var(--accent-blue)}.action-btn.edit:hover{background:var(--accent-blue);color:var(--white);transform:scale(1.1)}.action-btn.delete{background:#ef44441a;color:var(--danger)}.action-btn.delete:hover{background:var(--danger);color:var(--white);transform:scale(1.1)}.status-badge{padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.status-badge.featured{background:#c9a96226;color:var(--gold)}.status-badge.active{background:var(--success-light);color:var(--success)}.admin-modal{max-width:650px}.admin-modal-header{padding:1.75rem 2rem;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.admin-modal-title{font-family:var(--font-display);font-size:1.5rem;color:var(--primary-blue)}.admin-modal-body{padding:2rem;max-height:60vh;overflow-y:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:.5rem;font-size:.9rem}.form-input,.form-textarea,.form-select{width:100%;padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--white)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 4px #4299e11a}.form-textarea{min-height:120px;resize:vertical}.image-uploader{border:2px dashed var(--gray-300);border-radius:var(--radius-xl);padding:2.5rem;text-align:center;transition:all var(--transition-fast);cursor:pointer;background:var(--gray-50)}.image-uploader:hover,.image-uploader.dragover{border-color:var(--accent-blue);background:#4299e10d}.image-uploader-icon{font-size:3.5rem;margin-bottom:1rem;filter:grayscale(1);opacity:.6}.image-uploader-text{color:var(--gray-600);margin-bottom:.5rem;font-weight:500}.image-uploader-hint{font-size:.85rem;color:var(--gray-400)}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1.5rem}.image-preview{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.image-preview img{width:100%;height:100px;object-fit:cover}.image-preview-remove{position:absolute;top:.35rem;right:.35rem;width:26px;height:26px;border-radius:50%;background:var(--danger);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.9rem;opacity:0;transition:opacity var(--transition-fast);box-shadow:var(--shadow-md)}.image-preview:hover .image-preview-remove{opacity:1}.confirm-dialog{max-width:420px;text-align:center;padding:2.5rem}.confirm-icon{width:70px;height:70px;border-radius:50%;background:var(--danger-light);color:var(--danger);display:flex;align-items:center;justify-content:center;font-size:2.25rem;margin:0 auto 1.5rem}.confirm-title{font-size:1.35rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem}.confirm-message{color:var(--gray-500);margin-bottom:2rem;line-height:1.6}.confirm-buttons{display:flex;gap:1rem;justify-content:center}@media(max-width:1200px){.collections-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.hero-content{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-text h1{font-size:3rem}.hero-text p{margin:0 auto 2rem}.hero-buttons{justify-content:center}.hero-image{order:-1;max-width:500px;margin:0 auto}.hero-image-main{height:400px}.about-content{grid-template-columns:1fr;gap:3rem}.modal-content{grid-template-columns:1fr}.modal-main-image{height:350px}.footer-content{grid-template-columns:1fr;text-align:center;gap:2rem}.footer-description{margin:0 auto}.footer-links{align-items:center}.footer-social{justify-content:center}}@media(max-width:768px){.container{padding:0 1.25rem}.nav,.mobile-menu-btn{display:flex}.section{padding:4rem 0}.section-title{font-size:2.25rem}.collections-grid{grid-template-columns:1fr}.collection-card{height:200px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-search{width:100%}.products-table-container{overflow-x:auto}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.hero{padding-top:80px}.hero-text h1{font-size:2.25rem}.hero-image-main{height:320px}.hero-buttons{flex-direction:column}.btn{width:100%}.product-image-container{height:320px}.login-container{padding:2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .6s ease forwards}.products-grid .product-card{opacity:0;animation:slideUp .6s ease forwards}.products-grid .product-card:nth-child(1){animation-delay:.05s}.products-grid .product-card:nth-child(2){animation-delay:.1s}.products-grid .product-card:nth-child(3){animation-delay:.15s}.products-grid .product-card:nth-child(4){animation-delay:.2s}.products-grid .product-card:nth-child(5){animation-delay:.25s}.products-grid .product-card:nth-child(6){animation-delay:.3s}.products-grid .product-card:nth-child(7){animation-delay:.35s}.products-grid .product-card:nth-child(8){animation-delay:.4s}.empty-state{text-align:center;padding:5rem 2rem;color:var(--gray-500)}.empty-state-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.4}.empty-state-title{font-size:1.35rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.spinner{width:44px;height:44px;border:3px solid var(--gray-200);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.stats-bar{display:flex;gap:1.5rem;margin-top:2rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#4299e114,#4299e108);border-radius:var(--radius-lg);border:1px solid rgba(66,153,225,.15)}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.9rem}.stat-value{font-weight:700;color:var(--primary-blue)}.logo-container{display:flex;align-items:center;gap:1rem;text-decoration:none}.logo-wrapper{position:relative;padding:6px;border:3px solid var(--gold);border-radius:var(--radius-lg);background:linear-gradient(135deg,#c9a9621a,#c9a9620d);box-shadow:0 2px 8px #c9a96233;transition:all var(--transition-base)}.logo-wrapper:before{content:"";position:absolute;inset:-3px;border:1px solid rgba(201,169,98,.3);border-radius:calc(var(--radius-lg) + 3px);pointer-events:none}.logo-container:hover .logo-wrapper{border-color:var(--accent-blue);box-shadow:0 4px 12px #4299e140;transform:scale(1.02)}.logo-wrapper .logo{height:45px;display:block}.brand-text{display:flex;flex-direction:column}.brand-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--primary-blue);line-height:1.1}.brand-tagline{font-size:.75rem;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.12em}.stories-bar{padding:1rem 0;background:var(--sand-light);margin-top:70px}.stories-section{padding:4rem 0;background:linear-gradient(180deg,var(--white),var(--sand-light))}.stories-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.story-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--transition-base)}.story-preview:hover{transform:translateY(-5px)}.story-preview-ring{width:120px;height:120px;padding:4px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--accent-blue),var(--ocean-blue),var(--gold));background-size:300% 300%;animation:gradientRotate 3s ease infinite;box-shadow:0 4px 20px #c9a9624d}@keyframes gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.story-preview-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--white)}.story-preview-info{display:flex;flex-direction:column;align-items:center;text-align:center}.story-preview-title{font-weight:600;color:var(--primary-blue);font-size:.95rem}.stories-bar .story-preview-title{color:var(--primary-blue)}.story-preview-subtitle{font-size:.8rem;color:var(--gray-500)}.stories-bar .story-preview-subtitle{color:var(--gray-500)}.stories-bar .story-preview-ring{width:80px;height:80px;background:linear-gradient(135deg,var(--gold),var(--white),var(--gold))}.story-modal{position:fixed;inset:0;background:#000000f2;z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.story-viewer{position:relative;width:100%;max-width:420px;height:90vh;max-height:750px;background:var(--gray-900);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 25px 80px #00000080}.story-progress-container{position:absolute;top:0;left:0;right:0;display:flex;gap:4px;padding:12px 12px 0;z-index:10}.story-progress-bar{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.story-progress-fill{height:100%;background:var(--white);width:0;transition:width .1s linear}.story-progress-fill.completed{width:100%}.story-progress-fill.active{width:100%;animation:progressFill 5s linear forwards}@keyframes progressFill{0%{width:0}to{width:100%}}.story-header{position:absolute;top:20px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:10}.story-info{display:flex;align-items:center;gap:10px}.story-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--white)}.story-avatar img{width:100%;height:100%;object-fit:cover}.story-meta{display:flex;flex-direction:column}.story-title{color:var(--white);font-weight:600;font-size:.9rem}.story-subtitle{color:#ffffffb3;font-size:.75rem}.story-close{width:36px;height:36px;border-radius:50%;background:#ffffff1a;color:var(--white);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.story-close:hover{background:#fff3;transform:scale(1.1)}.story-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.story-image{width:100%;height:100%;object-fit:contain;object-position:center;background:#000}.story-nav-hint{position:absolute;top:0;bottom:0;width:33%}.story-nav-prev{left:0;cursor:w-resize}.story-nav-next{right:0;cursor:e-resize}.story-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff26;color:var(--white);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.story-nav-btn:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.story-nav-btn.hidden{opacity:0;pointer-events:none}.story-prev-btn{left:12px}.story-next-btn{right:12px}.product-filters{margin-bottom:2rem}.filters-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.filters-toggle-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-weight:600;color:var(--gray-700);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.filters-toggle-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.filters-badge{background:var(--accent-blue);color:var(--white);font-size:.7rem;padding:.2rem .5rem;border-radius:var(--radius-full);min-width:20px;text-align:center}.sort-select{padding:.75rem 2.5rem .75rem 1rem;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-weight:500;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.sort-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4299e11a}.plussize-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-full);font-weight:600;font-size:.9rem;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast)}.plussize-toggle-btn:hover{border-color:var(--accent-blue);background:var(--sky-blue);transform:translateY(-2px)}.plussize-toggle-btn.active{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));border-color:transparent;color:var(--white);box-shadow:0 4px 15px #1a365d4d}.plussize-toggle-btn .plussize-icon{font-size:1.1rem}.plussize-toggle-btn .check-icon{margin-left:.25rem}.filters-content{display:none;flex-direction:column;gap:1.5rem;margin-top:1.5rem;padding:1.5rem;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:slideUp .3s ease}.filters-content.expanded{display:flex}.filter-group{margin-bottom:.5rem}.filter-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--gray-700);margin-bottom:1rem}.color-options{display:flex;flex-wrap:wrap;gap:.75rem}.color-btn{width:36px;height:36px;border-radius:50%;position:relative;transition:all var(--transition-fast);border:2px solid var(--gray-200)}.color-btn:hover{transform:scale(1.15);box-shadow:0 4px 12px #00000026}.color-btn.active{border-color:var(--primary-blue);box-shadow:0 0 0 3px #1a365d33}.color-swatch{position:absolute;inset:3px;border-radius:50%;background:var(--color);box-shadow:inset 0 1px 3px #0000001a}.color-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.price-options{display:flex;flex-wrap:wrap;gap:.5rem}.price-btn{padding:.6rem 1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;color:var(--gray-600);transition:all var(--transition-fast)}.price-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.price-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--white)}.clear-filters-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--danger-light);color:var(--danger);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;transition:all var(--transition-fast);align-self:flex-start}.clear-filters-btn:hover{background:var(--danger);color:var(--white)}@media(max-width:768px){.stories-container{gap:1.25rem}.story-preview-ring{width:85px;height:85px}.story-preview-title{font-size:.85rem}.story-viewer{max-width:100%;height:100vh;max-height:none;border-radius:0}.logo-wrapper .logo{height:38px}.brand-name{font-size:1.25rem}.brand-tagline{font-size:.65rem}}@media(max-width:480px){.story-preview-ring{width:70px;height:70px}.story-preview-subtitle{display:none}.filters-header{flex-direction:column;align-items:stretch}.sort-select{width:100%}.brand-name{font-size:1rem}.brand-tagline{display:none}}@media(max-width:360px){.brand-text{display:none}.logo-wrapper .logo{height:38px}}.mobile-menu-overlay{display:none}@media(max-width:768px){.mobile-menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:.5rem;gap:5px;z-index:1100;background:transparent;border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-menu-btn:hover{background:var(--gray-100)}.mobile-menu-btn span{width:24px;height:2.5px;background:var(--primary-blue);border-radius:2px;transition:all var(--transition-base);transform-origin:center}.mobile-menu-btn.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-menu-overlay{display:block;position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-base)}.mobile-menu-overlay.open{opacity:1;visibility:visible}.nav{position:fixed;top:0;right:0;width:280px;max-width:85vw;height:100vh;height:100dvh;background:var(--white);flex-direction:column;align-items:stretch;gap:0;padding:5rem 1.5rem 2rem;box-shadow:-10px 0 40px #00000026;transform:translate(100%);transition:transform var(--transition-base);z-index:1000;overflow-y:auto}.nav.open{transform:translate(0)}.nav .nav-link{padding:1rem .5rem;font-size:1.1rem;font-weight:500;color:var(--gray-700);border-bottom:1px solid var(--gray-100);display:flex;align-items:center}.nav .nav-link:last-of-type{border-bottom:none}.nav .nav-link:after{display:none}.nav .nav-link:hover{color:var(--accent-blue);background:var(--gray-50);padding-left:1rem}.nav .nav-whatsapp{margin-top:1.5rem;width:100%;justify-content:center;padding:1rem}.header-content{padding:.75rem 0}.logo-wrapper{padding:5px;border-width:2px}.logo-wrapper .logo{height:40px}.brand-name{font-size:1.15rem}.brand-tagline{font-size:.6rem;letter-spacing:.08em}}@media(max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.product-card{border-radius:var(--radius-lg)}.product-image-container{height:220px}.product-info{padding:1rem}.product-name{font-size:1rem;line-height:1.3}.product-price{font-size:1rem}.product-collection{font-size:.65rem}.product-category{font-size:.7rem}.product-badge{padding:.3rem .6rem;font-size:.65rem}.product-quick-view{display:none}.collections-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.collection-card{height:180px;border-radius:var(--radius-lg)}.collection-name{font-size:1.1rem}.collection-count{font-size:.75rem}.section{padding:3rem 0}.section-header{margin-bottom:2rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:.95rem}.section-tag{font-size:.7rem;padding:.4rem .8rem}.hero{padding-top:80px;min-height:auto;padding-bottom:3rem}.hero-content{gap:2rem}.hero-text h1{font-size:2rem;margin-bottom:1rem}.hero-text p{font-size:1rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;gap:.75rem}.hero-buttons .btn{width:100%;justify-content:center}.hero-image-main{height:280px;border-radius:var(--radius-xl)}.hero-decoration{top:10px;left:10px}.about-content{gap:2rem}.about-image{height:280px;border-radius:var(--radius-xl)}.about-text h2{font-size:1.75rem;margin-bottom:1rem}.about-text p{font-size:.95rem}.footer{padding:3rem 0 1.5rem}.footer-content{gap:2rem;margin-bottom:2rem}.footer-logo{height:50px;margin-bottom:1rem}.footer-description{font-size:.9rem}.footer-title{font-size:1rem}.footer-bottom{font-size:.8rem}.modal{max-height:100vh;max-height:100dvh;border-radius:0;margin:0}.modal-overlay{padding:0}.modal-content{grid-template-columns:1fr;height:100vh;height:100dvh}.modal-main-image{height:45vh;height:45dvh}.modal-details{padding:1.5rem}.modal-title{font-size:1.5rem}.modal-price{font-size:1.35rem;margin-bottom:1rem}.modal-description{font-size:.9rem;margin-bottom:1.5rem}.modal-thumbnails{padding:.75rem;gap:.5rem}.modal-thumbnail{width:60px;height:60px}.modal-close{top:.75rem;right:.75rem;width:38px;height:38px}.product-filters{margin-bottom:1.5rem}.filters-content{padding:1.25rem}.filter-title{font-size:.85rem}.color-btn{width:32px;height:32px}.price-btn{padding:.5rem .85rem;font-size:.8rem}.stories-section{padding:3rem 0}.stories-container{gap:1rem;padding:0 .5rem}.story-preview{gap:.5rem}.story-preview-ring{width:80px;height:80px}.story-preview-image{border-width:3px}.story-preview-title{font-size:.8rem}.story-viewer{width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;border-radius:0}.story-nav-btn{width:36px;height:36px}.story-prev-btn{left:8px}.story-next-btn{right:8px}}@media(max-width:400px){.container{padding:0 1rem}.products-grid{grid-template-columns:1fr;gap:1.25rem}.product-image-container{height:280px}.product-info{padding:1.25rem}.product-name{font-size:1.15rem}.product-price{font-size:1.1rem}.collections-grid{grid-template-columns:1fr}.collection-card{height:160px}.stories-container{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.stories-container::-webkit-scrollbar{display:none}.story-preview{flex-shrink:0}.story-preview-ring{width:70px;height:70px}.hero-text h1{font-size:1.75rem}.hero-image-main{height:240px}.nav{width:100%;max-width:none}.section-title,.about-text h2{font-size:1.5rem}}@media(hover:none)and (pointer:coarse){.btn{min-height:48px}.nav-link{min-height:48px;display:flex;align-items:center}.color-btn{min-width:44px;min-height:44px}.price-btn{min-height:44px}.product-card:hover,.collection-card:hover{transform:none}.product-card:active,.collection-card:active{transform:scale(.98)}}.admin-layout{min-height:100vh;background-color:var(--gray-50);display:flex;flex-direction:column}.admin-header{background-color:var(--white);border-bottom:1px solid var(--gray-200);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.admin-header-left{display:flex;align-items:center;gap:1rem}.admin-logo{height:40px}.admin-title{font-family:var(--font-display);font-size:1.25rem;color:var(--primary-blue);margin:0}.admin-header-right{display:flex;align-items:center;gap:1rem}.admin-user{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--gray-600);margin-right:1rem;padding-right:1rem;border-right:1px solid var(--gray-200)}.admin-main{flex:1;padding:2rem;width:100%;max-width:1400px;margin:0 auto}.admin-tabs{display:flex;gap:1rem;border-bottom:1px solid var(--gray-200);margin-bottom:2rem;overflow-x:auto;padding-bottom:1px}.admin-tab{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;color:var(--gray-500);font-weight:500;border-bottom:2px solid transparent;transition:all .2s;cursor:pointer;white-space:nowrap}.admin-tab:hover{color:var(--primary-blue);background-color:var(--gray-100);border-radius:6px 6px 0 0}.admin-tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue);background-color:transparent}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.admin-search{flex:1;max-width:400px;position:relative}.admin-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--gray-400)}.admin-search input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);outline:none;transition:all .2s}.admin-search input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #1a365d1a}.products-table-container{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--gray-200)}.products-table{width:100%;border-collapse:collapse}.products-table th{background-color:var(--gray-50);padding:1rem;text-align:left;font-weight:600;color:var(--gray-600);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.products-table td{padding:1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.products-table tr:last-child td{border-bottom:none}.product-table-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.product-table-info{display:flex;flex-direction:column;gap:.25rem}.product-table-name{font-weight:600;color:var(--gray-900)}.product-table-collection{font-size:.85rem;color:var(--gray-500)}.product-table-actions{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .2s;color:var(--gray-500)}.action-btn:hover{background-color:var(--gray-100);color:var(--gray-900)}.action-btn.edit:hover{background-color:#eff6ff;color:var(--primary-blue);border-color:#dbeafe}.action-btn.delete:hover{background-color:#fef2f2;color:var(--danger);border-color:#fee2e2}.status-badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background-color:var(--gray-100);color:var(--gray-600)}.status-badge.featured{background-color:#fffbeb;color:#b45309;border:1px solid #fcd34d}.status-badge.active{background-color:#ecfdf5;color:#059669;border:1px solid #6ee7b7}.empty-state{padding:4rem 2rem;text-align:center;color:var(--gray-500)}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.empty-state-title{font-size:1.25rem;color:var(--gray-900);margin-bottom:.5rem}.stats-bar{display:flex;gap:2rem;padding:1rem 2rem;background-color:var(--white);border-top:1px solid var(--gray-200);margin-top:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--gray-600)}.stat-value{font-weight:700;color:var(--gray-900);font-size:1.1rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.admin-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all .2s;display:flex;flex-direction:column}.admin-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.admin-card-image{width:100%;background:var(--gray-100)}.admin-card-content{padding:1rem;flex:1;display:flex;flex-direction:column}.admin-card-content h3{font-size:1rem;margin-bottom:.5rem;color:var(--gray-900)}.admin-card-content p{color:var(--gray-500);font-size:.85rem;margin-bottom:1rem;flex:1}.admin-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--gray-100)}.admin-card-actions{display:flex;gap:.5rem}.admin-card-actions button{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);color:var(--gray-600);transition:all .2s}.admin-card-actions button:hover{background:var(--primary-blue);color:#fff}.admin-card-actions button.delete:hover{background:var(--danger);color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{opacity:1;pointer-events:auto}.modal.admin-modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);overflow:hidden}.admin-modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;background:var(--gray-50)}.admin-modal-title{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin:0}.admin-modal-body{padding:2rem;overflow-y:auto}.admin-modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:1rem;background:var(--gray-50)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;color:var(--gray-700);margin-bottom:.5rem;font-size:.9rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:1rem;transition:all .2s;background:var(--white)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #1a365d1a}.form-textarea{min-height:100px;resize:vertical}.form-row{display:contents}@media(min-width:640px){.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}}.image-uploader{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--gray-50)}.image-uploader:hover{border-color:var(--primary-blue);background:#f0f9ff}.image-uploader.dragover{border-color:var(--primary-blue);background:#e0f2fe}.image-uploader-icon{font-size:2.5rem;margin-bottom:.5rem}.image-uploader-text{font-weight:500;color:var(--gray-700);margin-bottom:.25rem}.image-uploader-hint{font-size:.85rem;color:var(--gray-500)}.image-previews{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.image-preview{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--gray-200)}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;border:none}.image-preview-remove:hover{background:#ef4444e6}@media(min-width:1024px){.hero-banner-split-layout .hero-banner-slide{background-image:none!important;background:linear-gradient(135deg,#1a365d,#0f172a);display:flex;align-items:center;justify-content:center}.hero-banner-split-layout .hero-desktop-bg{display:none!important}.hero-banner-split-layout .hero-banner-container{max-width:1400px;width:100%;padding:0 4rem;display:flex;align-items:center;justify-content:space-between;gap:4rem;height:100%}.hero-banner-split-layout .hero-banner-content{flex:1;max-width:45%;padding:0;text-align:left;display:flex;flex-direction:column;justify-content:center;animation:slideInLeft .8s ease .3s both}.hero-banner-image-wrapper{display:block;flex:1;max-width:50%;height:550px;animation:slideInRight .8s ease .3s both;position:relative}.hero-banner-featured-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:24px;box-shadow:0 25px 60px #00000080;transform:perspective(1000px) rotateY(-2deg);transition:transform .5s ease}.hero-banner-featured-image:hover{transform:perspective(1000px) rotateY(0) scale(1.01)}}@media(max-width:1023px){.hero-banner-image-wrapper{display:none}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.footer{background-color:var(--primary-blue);color:var(--white);padding:4rem 0 2rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-logo{height:60px;width:auto;margin-bottom:1.5rem;background:#fff;padding:5px;border-radius:4px}.footer-description{color:#ffffffb3;line-height:1.6;max-width:300px}.footer-title{color:var(--white);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#ffffffb3;transition:all var(--transition-base)}.footer-link:hover{color:var(--gold);padding-left:5px}.footer-social{display:flex;gap:1rem}.social-link{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:all var(--transition-base)}.social-link:hover{background:var(--gold);color:var(--primary-blue);transform:translateY(-3px)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#ffffff80;font-size:.9rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-description{margin:0 auto}.footer-social{justify-content:center}}