:root{--bg: #080808;--bg-2: #101010;--bg-3: #181818;--bg-4: #222222;--surface: #141414;--accent: #e53935;--accent-dk: #b71c1c;--accent-lt: #ef5350;--accent-glow: rgba(229, 57, 53, .25);--accent-line: rgba(229, 57, 53, .5);--text: #f0f0f0;--text-dim: #888888;--text-xdim: #444444;--border: rgba(255, 255, 255, .06);--border-md: rgba(255, 255, 255, .1);--font-display: "Bebas Neue", "Arial Narrow", sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--header-h: 70px;--container: min(1200px, 92vw);--radius: 10px;--radius-lg: 18px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px var(--accent-glow);--transition: .25s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;min-height:calc(100vh - var(--header-h))}.site-header{position:sticky;top:0;z-index:1000;height:var(--header-h);background:#080808f2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:box-shadow var(--transition)}.site-header.scrolled{box-shadow:0 4px 24px #0009}.header-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;height:100%;width:var(--container);margin-inline:auto}.logo-wrap{display:flex;justify-content:center;align-items:center}.site-header .logo{height:46px;width:auto;object-fit:contain;transition:filter var(--transition)}.site-header .logo:hover{filter:drop-shadow(0 0 8px var(--accent-glow))}.nav-left{display:flex;gap:2rem;align-items:center;justify-content:flex-start}.nav-right{display:flex;gap:2rem;align-items:center;justify-content:flex-end}.nav-link{font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);padding:.4rem 0;position:relative;transition:color var(--transition)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.nav-link:hover{color:var(--text)}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:var(--text)}.nav-link.active:after{transform:scaleX(1)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;margin-left:auto;padding:4px}.hamburger span{display:block;height:2px;background:var(--text);border-radius:2px;transition:var(--transition);transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;position:fixed;top:var(--header-h);left:0;right:0;background:#0a0a0afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--accent-line);flex-direction:column;padding:.5rem 0 1.5rem;z-index:999;transform:translateY(-110%);transition:transform var(--transition)}.mobile-nav.open{display:flex;transform:translateY(0)}.mobile-nav .nav-link{padding:1rem 2rem;border-bottom:1px solid var(--border);font-size:1.1rem;letter-spacing:.1em}.mobile-nav .nav-link:last-child{border-bottom:none}.hero-banner{position:relative;width:100%;min-height:80vh;background:var(--bg-2);background-image:url(/assets/banner-bg.jpeg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#000000d1,#140000a6,#000000e6);z-index:1}.hero-banner:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:80px;background:var(--bg);clip-path:polygon(0 100%,100% 0,100% 100%);z-index:2}.hero-content{position:relative;z-index:3;max-width:800px;padding:4rem 2rem}.hero-eyebrow{font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;animation:fadeUp .7s ease both}.hero-title{font-family:var(--font-display);font-size:clamp(4rem,12vw,9rem);font-weight:400;letter-spacing:.05em;color:var(--text);line-height:.95;margin-bottom:1.25rem;animation:fadeUp .7s .1s ease both}.hero-title span{color:var(--accent);display:block}.hero-subtitle{font-size:1.1rem;font-weight:300;color:#f0f0f0b3;margin-bottom:2.5rem;letter-spacing:.1em;text-transform:uppercase;animation:fadeUp .7s .2s ease both}.hero-button{display:inline-flex;align-items:center;gap:.6rem;background:var(--accent);color:var(--text);padding:1rem 2.5rem;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.1em;border-radius:var(--radius);transition:var(--transition);animation:fadeUp .7s .3s ease both;position:relative;overflow:hidden}.hero-button:after{content:"";position:absolute;inset:0;background:#ffffff1f;transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.hero-button:hover{background:var(--accent-lt);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.hero-button:hover:after{transform:scaleX(1)}.catalog-container{width:100%;background:var(--bg)}.catalog-section{width:var(--container);margin-inline:auto;padding:5rem 0 6rem}.catalog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;gap:1rem;flex-wrap:wrap}.catalog-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.08em;color:var(--text);line-height:1}.catalog-title span{color:var(--accent)}.cart-toggle-btn{display:flex;align-items:center;gap:.6rem;background:var(--bg-3);color:var(--text);border:1px solid var(--border-md);padding:.65rem 1.25rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;transition:var(--transition);position:relative}.cart-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.cart-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;line-height:1}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.catalog-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:var(--transition);position:relative}.catalog-card:hover{border-color:var(--accent-line);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.catalog-image{background:var(--bg-4);height:200px;display:flex;justify-content:center;align-items:center;padding:1.5rem;position:relative;overflow:hidden}.catalog-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.4))}.catalog-image img{max-height:150px;width:auto;object-fit:contain;transition:transform .4s ease;position:relative;z-index:1}.catalog-card:hover .catalog-image img{transform:scale(1.06)}.catalog-info{padding:1rem 1.25rem .75rem;flex:1}.catalog-name{font-size:.95rem;font-weight:600;color:var(--text);margin:0 0 .4rem;line-height:1.3}.catalog-price{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.04em;color:var(--accent);margin:0}.catalog-add{display:flex;align-items:center;justify-content:center;gap:.5rem;width:calc(100% - 2.5rem);margin:0 1.25rem 1.25rem;background:var(--accent);color:var(--text);border-radius:var(--radius);padding:.7rem;font-size:.88rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:var(--transition)}.catalog-add:hover{background:var(--accent-lt);transform:translateY(-1px)}.catalog-add:active{transform:translateY(0)}.cart-overlay{position:fixed;inset:0;background:#000000a6;z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cart-sidebar{position:fixed;top:0;right:-400px;width:min(400px,100vw);height:100dvh;background:var(--bg-2);border-left:1px solid var(--accent-line);display:flex;flex-direction:column;z-index:1200;transition:right .35s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px #00000080}.cart-sidebar.open{right:0}.cart-sidebar.mobile{inset:auto 0 -100%;width:100%;height:85dvh;border-left:none;border-top:1px solid var(--accent-line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:bottom .35s cubic-bezier(.4,0,.2,1)}.cart-sidebar.mobile.open{bottom:0}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.cart-header h2{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.08em;color:var(--text)}.cart-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:1.1rem;border-radius:var(--radius);background:var(--bg-4);border:1px solid var(--border);transition:var(--transition)}.cart-close:hover{color:var(--accent);border-color:var(--accent-line)}.cart-items{flex:1;overflow-y:auto;padding:1rem 1.5rem;scrollbar-width:thin;scrollbar-color:var(--bg-4) transparent}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.75rem;color:var(--text-dim);font-size:.95rem;padding:3rem 0}.empty-cart:before{content:"🛒";font-size:3rem;opacity:.3}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;margin-bottom:.6rem;transition:border-color var(--transition)}.cart-item:hover{border-color:var(--border-md)}.cart-item-info{flex:1;min-width:0}.cart-item-name{margin:0 0 .2rem;font-weight:600;font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{margin:0;color:var(--accent);font-weight:600;font-size:.85rem}.cart-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-xdim);font-size:.85rem;flex-shrink:0;border-radius:50%;transition:var(--transition)}.cart-remove:hover{color:var(--accent);background:#e539351a}.cart-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-2)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1rem;color:var(--text-dim)}.cart-total strong{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.04em;color:var(--text)}.cart-buy-btn{width:100%;background:var(--accent);color:var(--text);padding:.95rem;border-radius:var(--radius);font-family:var(--font-display);font-size:1.2rem;letter-spacing:.1em;transition:var(--transition)}.cart-buy-btn:hover{background:var(--accent-lt);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.floating-cart-btn{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--accent);color:var(--text);padding:.85rem 1.5rem;border-radius:50px;font-weight:700;font-size:.9rem;box-shadow:0 6px 24px #e5393566;z-index:1001;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.floating-cart-btn:hover{background:var(--accent-lt);transform:translateY(-2px)}.about-container{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center}.about-nav{position:sticky;top:var(--header-h);z-index:10;background:#080808f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);width:100%;display:flex;justify-content:center;gap:2rem;padding:.75rem 0}.about-nav button{font-family:var(--font-body);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:.5rem .75rem;border-radius:var(--radius);transition:var(--transition);position:relative}.about-nav button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform var(--transition)}.about-nav button:hover{color:var(--text)}.about-nav button:hover:after{transform:scaleX(1)}.about-section{width:var(--container);margin:5rem auto;padding:4rem 3.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.about-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--accent),transparent)}.about-section:hover{border-color:var(--border-md);box-shadow:0 8px 40px #0006}.about-section.alt{background:var(--surface)}.about-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);letter-spacing:.06em;color:var(--text);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.about-title:before{content:"";display:inline-block;width:32px;height:3px;background:var(--accent);flex-shrink:0;margin-bottom:2px}.about-text{font-size:1.05rem;color:#f0f0f0bf;line-height:1.85;max-width:780px}.about-values{display:flex;flex-direction:column;gap:.875rem;max-width:780px}.about-values li{display:flex;align-items:flex-start;gap:1rem;font-size:1.05rem;color:#f0f0f0cc;line-height:1.7;padding:.875rem 1.25rem;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition)}.about-values li:hover{border-color:var(--accent-line)}.about-values li:before{content:"⚡";flex-shrink:0;color:var(--accent);font-size:1rem;margin-top:.15rem}.redes-container{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;padding:5rem 2rem 6rem;text-align:center}.redes-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);letter-spacing:.06em;color:var(--text);line-height:1;margin-bottom:.5rem}.redes-title span{color:var(--accent)}.redes-subtitle{font-size:1rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3.5rem}.redes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;width:100%;max-width:860px}.redes-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.875rem;color:var(--text-dim);font-weight:600;font-size:.95rem;transition:var(--transition)}.redes-card:hover{transform:translateY(-6px);color:var(--text)}.redes-icon{font-size:3rem;transition:transform var(--transition)}.redes-card:hover .redes-icon{transform:scale(1.1)}.redes-card.ig:hover{border-color:#e1306c;box-shadow:0 0 24px #e1306c33}.redes-card.fb:hover{border-color:#1877f2;box-shadow:0 0 24px #1877f233}.redes-card.tt:hover{border-color:#69c9d0;box-shadow:0 0 24px #69c9d033}.redes-card.wa:hover{border-color:#25d366;box-shadow:0 0 24px #25d36633}.instagram{color:#e1306c}.facebook{color:#1877f2}.tiktok{color:#a8d8ea}.whatsapp{color:#25d366}.news-container{min-height:100vh;background:var(--bg);padding:5rem 0 6rem;display:flex;flex-direction:column;align-items:center}.news-header{width:var(--container);margin-bottom:3.5rem}.news-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);letter-spacing:.06em;color:var(--text);line-height:1;margin-bottom:.5rem}.news-title span{color:var(--accent)}.news-subtitle{font-size:.9rem;color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:var(--container)}.news-card:first-child{grid-column:span 2}.news-card:first-child .news-image img{height:320px}.news-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition)}.news-card:hover{border-color:var(--accent-line);transform:translateY(-4px);box-shadow:0 12px 40px #0006}.news-image img{width:100%;height:220px;object-fit:cover;transition:transform .5s ease}.news-card:hover .news-image img{transform:scale(1.04)}.news-content{display:flex;flex-direction:column;flex:1;padding:1.5rem;gap:.6rem}.news-content h2{font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.4;margin:0}.news-date{font-size:.78rem;color:var(--accent);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.news-content p{font-size:.9rem;color:#f0f0f0a6;line-height:1.65;flex:1;margin:0}.news-button{align-self:flex-start;background:transparent;border:1px solid var(--accent-line);color:var(--accent);padding:.55rem 1.1rem;border-radius:var(--radius);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:var(--transition);margin-top:.25rem}.news-button:hover{background:var(--accent);color:var(--text);border-color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.news-grid{grid-template-columns:1fr 1fr}.news-card:first-child{grid-column:span 2}}@media (max-width: 700px){:root{--header-h: 60px;--container: 94vw}.nav-left,.nav-right{display:none}.hamburger{display:flex}.logo-wrap{justify-content:flex-start;margin-left:0}.header-grid{grid-template-columns:auto 1fr auto;padding:0 1rem}.hero-banner{min-height:70vh}.hero-title{font-size:clamp(3rem,16vw,5rem)}.hero-button{font-size:1.1rem;padding:.9rem 2rem}.catalog-section{padding:3rem 0 4rem}.catalog-header{flex-direction:column;align-items:flex-start}.cart-toggle-btn{display:none}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.catalog-image{height:160px}.catalog-image img{max-height:120px}.catalog-info{padding:.75rem 1rem .5rem}.catalog-name{font-size:.88rem}.catalog-price{font-size:1.25rem}.catalog-add{width:calc(100% - 2rem);margin:0 1rem .875rem;padding:.65rem;font-size:.8rem}.about-nav{gap:1rem;padding:.6rem 1rem}.about-nav button{font-size:.8rem}.about-section{padding:2.5rem 1.5rem;margin:2.5rem auto}.about-title{font-size:2rem}.about-text{font-size:.95rem}.about-values li{font-size:.9rem}.redes-container{padding:3rem 1rem 4rem}.redes-grid{grid-template-columns:1fr 1fr;max-width:100%}.redes-card{padding:1.75rem 1rem}.news-container{padding:3rem 0 4rem}.news-grid{grid-template-columns:1fr}.news-card:first-child{grid-column:span 1}.news-card:first-child .news-image img{height:220px}}@media (max-width: 420px){.catalog-grid{grid-template-columns:1fr 1fr;gap:.6rem}.catalog-image{height:130px}.catalog-image img{max-height:100px}.redes-grid{grid-template-columns:1fr 1fr}.floating-cart-btn{padding:.75rem 1.25rem;font-size:.85rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}