:root{--bg-color:#fff;--bg-secondary:#fdfdfd;--text-main:#1a1a1a;--text-muted:#555;--brand-red:#d32f2f;--brand-red-hover:#b71c1c;--brand-yellow:#fbc02d;--border-color:#f0f0f0;--font-family:"Inter", sans-serif;--font-display:"Playfair Display", serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:50px;--shadow-subtle:0 4px 20px #0000000a;--shadow-float:0 12px 30px #00000014}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-main);-webkit-font-smoothing:antialiased;background-color:#f7f7f7;line-height:1.6}.app-container{background-color:var(--bg-color);max-width:600px;min-height:100vh;box-shadow:var(--shadow-float);margin:0 auto;overflow:hidden}h1,h2,h3{color:var(--text-main);line-height:1.2}.font-display{font-family:var(--font-display)}.btn-primary{background-color:var(--brand-red);color:var(--bg-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-pill);cursor:pointer;text-align:center;letter-spacing:.5px;border:none;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #d32f2f4d}.btn-primary:hover{background-color:var(--brand-red-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d32f2f66}.btn-large{width:100%;padding:1.2rem;font-size:1.1rem}.header{text-align:center;background:var(--bg-color);position:relative}.hero-image-container{width:100%;height:350px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{background:linear-gradient(#0000001a,#fff);width:100%;height:100%;position:absolute;top:0;left:0}.header-content{padding:0 var(--spacing-lg) var(--spacing-xl);z-index:2;margin-top:-80px;position:relative}.logo{max-width:150px;height:auto;margin:0 auto var(--spacing-md);display:block}.header .title{color:var(--text-main);margin-bottom:var(--spacing-sm);font-size:2.2rem;font-weight:700;font-family:var(--font-display)}.header .subtitle{color:var(--text-muted);margin-bottom:var(--spacing-lg);max-width:90%;margin-left:auto;margin-right:auto;font-size:1.05rem}.category-filters-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:var(--spacing-sm);overflow-x:auto}.category-filters-container::-webkit-scrollbar{display:none}.category-filters{gap:var(--spacing-sm);padding:0 var(--spacing-xs);min-width:max-content;margin:0 auto;display:flex}.filter-btn{background-color:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;font-size:.9rem;font-weight:600;font-family:var(--font-family);padding:8px 16px;transition:all .2s}.filter-btn:hover{border-color:var(--brand-red);color:var(--brand-red)}.filter-btn.active{background-color:var(--brand-red);color:#fff;border-color:var(--brand-red);box-shadow:0 4px 10px #d32f2f33}.main-content{background-color:var(--bg-secondary);padding-bottom:var(--spacing-xxl)}.category-section{margin-bottom:var(--spacing-xxl)}.category-banner{width:100%;height:200px;margin-bottom:var(--spacing-lg);overflow:hidden}.category-banner-image{object-fit:cover;object-position:center;width:100%;height:100%}.category-header{padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center}.category-title{color:var(--brand-red);font-size:2rem;font-weight:700;font-family:var(--font-display);margin-bottom:var(--spacing-xs)}.category-description{color:var(--text-muted);max-width:90%;margin:0 auto;font-size:.95rem;font-style:italic}.frozen-badge{color:#1565c0;border-radius:var(--radius-pill);background-color:#e3f2fd;border:1px solid #bbdefb;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.frozen-icon{font-size:1rem}.products-grid{gap:var(--spacing-lg);padding:0 var(--spacing-md);flex-direction:column;display:flex}.product-card{background-color:var(--bg-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);border:1px solid var(--border-color);transition:transform .3s,box-shadow .3s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-float);transform:translateY(-4px)}.product-image-container{background-color:#f9f9f9;width:100%;height:240px;position:relative}.product-image{object-fit:cover;object-position:center;width:100%;height:100%}.price-badge{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-pill);z-index:2;border:2px solid #fff;padding:8px 18px;position:absolute;bottom:-15px;right:20px;box-shadow:0 4px 10px #d32f2f66}.price-value{letter-spacing:.5px;font-size:1.15rem;font-weight:700}.product-info{padding:var(--spacing-md);padding-top:var(--spacing-lg)}.product-card.no-image .product-info{padding-top:var(--spacing-md)}.product-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.product-header .product-name{margin-bottom:0}.product-name{margin-bottom:var(--spacing-xs);color:var(--text-main);font-size:1.4rem;font-weight:700;font-family:var(--font-display)}.price-badge-inline{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-pill);white-space:nowrap;padding:6px 14px;font-size:1.15rem;font-weight:700}.product-ingredients-section{margin-top:var(--spacing-xs)}.ingredients-label{display:none}.product-ingredients-list{color:var(--text-muted);font-size:.95rem;font-weight:400;line-height:1.5;list-style:none}.product-ingredients-list li{margin-bottom:2px;padding-left:14px;position:relative}.product-ingredients-list li:before{content:"•";color:var(--brand-yellow);font-weight:700;position:absolute;left:0}.footer{background-color:var(--bg-color);padding:var(--spacing-xl) var(--spacing-lg);border-top:1px solid var(--border-color)}.info-section{margin-bottom:var(--spacing-xl);background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px dashed #ddd}.info-title{color:var(--text-main);margin-bottom:var(--spacing-sm);font-size:1.2rem;font-weight:700;font-family:var(--font-display)}.info-list{color:var(--text-muted);font-size:.9rem;list-style:none}.info-list li{margin-bottom:var(--spacing-xs);padding-left:14px;position:relative}.info-list li:before{content:"•";color:var(--brand-yellow);font-weight:700;position:absolute;left:0}.contact-section{text-align:center}.contact-links{justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.contact-link{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.contact-link:hover{color:var(--brand-red)}.contact-link:after{content:"";background-color:var(--brand-red);width:0;height:2px;transition:width .2s;position:absolute;bottom:-4px;left:0}.contact-link:hover:after{width:100%}.whatsapp-float{color:#fff;z-index:100;background-color:#25d366;border-radius:50px;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:2px 2px 15px #0003}.whatsapp-float:hover{color:#fff;transform:scale(1.1)}@media (width<=767px){.whatsapp-float{width:50px;height:50px;bottom:20px;right:20px}.whatsapp-float svg{width:26px;height:26px}}@media (width>=768px){body{background-color:var(--bg-color);padding:0}.app-container{max-width:100%;box-shadow:none;border-radius:0}.header-content,.category-section,.info-section{max-width:1100px;margin-left:auto;margin-right:auto}.hero-image-container{height:300px}.header-content{margin-top:-140px}.logo{max-width:180px}.header .title{font-size:3rem}.btn-large{width:auto;padding:1rem 3rem}.category-banner{border-radius:var(--radius-lg);max-width:1100px;margin-left:auto;margin-right:auto}.products-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}}@media (width>=1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}