@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--orange-primary:#e85d04;--orange-light:#f48c06;--orange-dark:#c44d03;--brown-dark:#3d1a00;--brown-medium:#7b4a2d;--bg-dark:#fbf3e4;--bg-card:#f5ead6;--bg-card-hover:#eee0c8;--bg-glass:#e85d040f;--bg-glass-hover:#e85d041a;--text-primary:#2e1700;--text-secondary:#7b4a2d;--text-muted:#b8875a;--border-glass:#b464282e;--border-glass-hover:#e85d0461;--shadow-orange:0 0 30px #e85d0424;--shadow-card:0 4px 24px #64320a1f;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#eee0c8}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#e85d04}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:linear-gradient(135deg,#e85d04 0%,#f48c06 50%,#c44d03 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base);background:#ffffff8c}.glass-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-orange);background:#ffffffb8;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--orange-primary), var(--orange-dark));color:#fff;font-family:var(--font-heading);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #e85d0447}.btn-primary:hover{background:linear-gradient(135deg, var(--orange-light), var(--orange-primary));transform:translateY(-2px);box-shadow:0 8px 25px #e85d046b}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--orange-primary);font-family:var(--font-heading);border-radius:var(--radius-full);border:1.5px solid var(--orange-primary);transition:all var(--transition-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#e85d0414;transform:translateY(-2px);box-shadow:0 4px 15px #e85d0429}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-glass)}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:var(--font-heading)}.form-input{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffffb3;outline:none;padding:.875rem 1.125rem;font-size:.95rem}.form-input:focus{border-color:var(--orange-primary);background:#ffffffe6;box-shadow:0 0 0 3px #e85d041a}.form-input::placeholder{color:var(--text-muted)}.badge{border-radius:var(--radius-full);font-size:.72rem;font-weight:600;font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:.2rem .6rem;display:inline-flex}.badge-available{color:#15803d;background:#22c55e1f;border:1px solid #22c55e40}.badge-unavailable{color:#dc2626;background:#ef44441a;border:1px solid #ef444438}.badge-category{color:var(--orange-primary);background:#e85d041a;border:1px solid #e85d0433}.section-tag{border-radius:var(--radius-full);color:var(--orange-primary);font-size:.8rem;font-weight:600;font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;background:#e85d0414;border:1px solid #e85d042e;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem 1rem;display:inline-flex}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;font-family:var(--font-heading);color:var(--text-primary);margin-bottom:1rem}.section-subtitle{color:var(--text-secondary);max-width:560px;font-size:1.05rem;line-height:1.7}.divider{background:linear-gradient(90deg, transparent, var(--border-glass), transparent);height:1px;margin:3rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-orange{0%,to{box-shadow:0 0 #e85d0459}50%{box-shadow:0 0 0 12px #e85d0400}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:.5s forwards fadeInUp}.animate-fade{animation:.4s forwards fadeIn}.animate-float{animation:3s ease-in-out infinite float}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}@media (max-width:768px){.container{padding:0 1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}@media (max-width:480px){.products-grid{grid-template-columns:1fr 1fr}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#eee0c8 25%,#f5ead6 50%,#eee0c8 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.whatsapp-float{border-radius:var(--radius-full);z-index:1000;width:56px;height:56px;transition:all var(--transition-base);background:#25d366;justify-content:center;align-items:center;animation:2.5s infinite pulse-orange;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #25d36659}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 30px #25d36680}.page-enter{animation:.4s forwards fadeInUp}