@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600;700&family=Satisfy&display=swap";:root{--primary: #8B7355;--primary-light: #A68A6F;--primary-dark: #6B5744;--bg-light: #FAFAFA;--bg-white: #FFFFFF;--text-dark: #2C2C2C;--text-gray: #6B7280;--border-light: #E5E7EB}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:Inter,sans-serif;scroll-behavior:smooth;background:#fafafa;color:#2c2c2c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;line-height:1.2;font-weight:700}p{line-height:1.6}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}button,a,input,select,textarea{transition:all .3s ease}.card-shadow{box-shadow:0 1px 3px #0000001a}.card-shadow-hover:hover{box-shadow:0 10px 25px #8b735526}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.font-display{font-family:Playfair Display,serif}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;display:none!important}input[type=number]{-moz-appearance:textfield!important}.header-scrolled{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #00000014}.logo-emoji{display:inline-block;animation:sparkle 3s ease-in-out infinite}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(8deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.15) rotate(-8deg)}}.nav-link{position:relative;overflow:hidden}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width .3s ease}.nav-link:hover:after{width:100%}.cart-icon{position:relative;transition:all .3s ease}.cart-icon:hover{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(139,115,85,.3))}.cart-icon.pulse{animation:cartPulse .5s ease}@keyframes cartPulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}#mobile-menu{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0}#mobile-menu.open{max-height:500px;opacity:1}.hero-carousel{position:relative;min-height:70vh;overflow:hidden}@media(min-width:768px){.hero-carousel{min-height:92vh}}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s cubic-bezier(.4,0,.2,1);transform:scale(1.05)}.hero-slide.active{opacity:1;animation:zoomOut 20s ease-in-out infinite}@keyframes zoomOut{0%{transform:scale(1.1)}to{transform:scale(1)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0000004d,#0003,#0000004d);z-index:1}.hero-nav-btn{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:transparent;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.hero-nav-btn.active,.hero-nav-btn:hover{background:#fff;border-color:#fff;box-shadow:0 0 20px #fffc;transform:scale(1.2)}.card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;cursor:pointer}.card:hover{background:#fff;border-color:var(--primary);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.card .foto{transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover .foto{transform:scale(1.1)}.category-pill{background:#fff;color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #E5E7EB;cursor:pointer;padding:.75rem 1.5rem;border-radius:9999px;font-weight:500}.category-pill:hover,.category-pill.active{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d;border-color:var(--primary)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.fade-in.appear{opacity:1;transform:translateY(0)}.scroll-container{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary) rgba(255,255,255,.1);padding:.5rem 0}.scroll-container::-webkit-scrollbar{height:8px}.scroll-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.scroll-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.scroll-row{display:flex;gap:1.75rem;padding:.75rem 0;min-width:max-content}.scroll-item{flex-shrink:0;width:330px}.floating-whatsapp{position:fixed;bottom:24px;right:24px;z-index:40;animation:whatsapp-float 3s ease-in-out infinite}@keyframes whatsapp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-card{background:#fff;border-radius:1rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #E5E7EB;position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transform:scaleX(0);transition:transform .4s ease}.about-card:hover:before{transform:scaleX(1)}.about-card:hover{transform:translateY(-8px);background:#fff;box-shadow:0 12px 32px #0000001f;border-color:var(--primary)}.about-card .icon-circle{transition:all .4s cubic-bezier(.4,0,.2,1)}.about-card:hover .icon-circle{transform:scale(1.15) rotate(10deg);box-shadow:0 8px 24px #0000004d}.btn-primary{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d2c1b64d}.btn-primary:hover:before{opacity:1}.add-to-cart{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-to-cart:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.add-to-cart:active:after{width:300px;height:300px}.hero-title{font-size:2.25rem;line-height:1.15;text-shadow:0 4px 20px rgba(0,0,0,.5);letter-spacing:-.02em}@media(min-width:640px){.hero-title{font-size:3.5rem}}@media(min-width:768px){.hero-title{font-size:4.5rem}}.section-title{font-size:2rem;line-height:1.2;color:#2c2c2c}@media(min-width:768px){.section-title{font-size:2.75rem}}.section-padding{padding:3.5rem 0}@media(min-width:768px){.section-padding{padding:6rem 0}}.checkout-card{background:#fff;border:1px solid #E5E7EB;transition:all .3s cubic-bezier(.4,0,.2,1)}.checkout-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #00000014}.form-input{background:#fff;border:2px solid #E5E7EB;transition:all .3s ease}.form-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #8b73551a;outline:none}.cart-item{background:#fff;border:1px solid #E5E7EB;transition:all .3s ease}.cart-item:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 4px 12px #0000000f}.loading-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.notification{position:fixed;top:1rem;right:1rem;z-index:9999;padding:1rem 1.5rem;border-radius:.75rem;box-shadow:0 10px 40px #0000004d;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification.success{background:linear-gradient(135deg,#22c55ee6,#15803de6);color:#fff}.notification.error{background:linear-gradient(135deg,#ef4444e6,#b91c1ce6);color:#fff}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.glass-effect{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #E5E7EB}.glow-text{text-shadow:0 2px 8px rgba(139,115,85,.2)}.glow-box{box-shadow:0 4px 20px #8b735526}.hero-section{position:relative;min-height:50vh;overflow:hidden}@media(min-width:768px){.hero-section{min-height:60vh}}.mobile-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.mobile-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:1024px){.mobile-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}@media(min-width:1280px){.mobile-grid{grid-template-columns:repeat(4,1fr)}}.grid-item{animation:fadeInUp .6s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.grid-item:nth-child(1){animation-delay:.1s}.grid-item:nth-child(2){animation-delay:.2s}.grid-item:nth-child(3){animation-delay:.3s}.grid-item:nth-child(4){animation-delay:.4s}.grid-item:nth-child(5){animation-delay:.5s}.grid-item:nth-child(6){animation-delay:.6s}.grid-item:nth-child(7){animation-delay:.7s}.grid-item:nth-child(8){animation-delay:.8s}@keyframes progress{0%{width:0%}to{width:100%}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes emoji-float{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes confetti{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-progress{animation:progress 4s ease-in-out forwards}.animate-fade-in{animation:fade-in .5s ease-out}.animate-float{animation:emoji-float 4s ease-in infinite}.animate-confetti{animation:confetti 3s ease-in infinite}.animate-fadeIn{animation:fadeIn .5s ease-out}@keyframes progress-ring{0%{stroke-dashoffset:283}to{stroke-dashoffset:0}}.animate-progress-ring{animation:progress-ring 2s ease-in-out infinite}