.hero-productos[data-astro-cid-d326op7z]{position:relative;height:35vh;min-height:280px;max-height:350px;overflow:visible;border-bottom:4px solid red}.hero-bg[data-astro-cid-d326op7z]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.hero-bg[data-astro-cid-d326op7z] img[data-astro-cid-d326op7z]{object-fit:cover;width:100%;height:100%}.bg-overlay[data-astro-cid-d326op7z]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000c,#0009,#0006);z-index:2}.decorative-elements[data-astro-cid-d326op7z]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:hidden}.floating-shape[data-astro-cid-d326op7z]{position:absolute;background:linear-gradient(45deg,#f006,#ff640033);border:2px solid rgba(255,0,0,.5)}.shape-1[data-astro-cid-d326op7z]{top:20%;right:15%;width:80px;height:80px;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.shape-2[data-astro-cid-d326op7z]{bottom:25%;left:10%;width:60px;height:60px;transform:rotate(45deg)}.animated-lines[data-astro-cid-d326op7z]{position:absolute;width:100%;height:100%}.line-1[data-astro-cid-d326op7z],.line-2[data-astro-cid-d326op7z]{position:absolute;height:2px;background:linear-gradient(90deg,transparent,red,transparent);opacity:.7}.line-1[data-astro-cid-d326op7z]{top:30%;left:0;width:30%}.line-2[data-astro-cid-d326op7z]{bottom:30%;right:0;width:25%}.hero-content[data-astro-cid-d326op7z]{position:relative;z-index:4;height:100%;max-width:1400px;margin:0 auto;padding:30px 50px;display:flex;flex-direction:column;justify-content:center;overflow:visible}.hero-main[data-astro-cid-d326op7z]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.text-section[data-astro-cid-d326op7z]{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:800px}.badge[data-astro-cid-d326op7z]{position:relative;display:flex;align-items:center;gap:15px}.badge-line[data-astro-cid-d326op7z]{width:50px;height:3px;background:linear-gradient(90deg,red,#f44);position:relative;overflow:hidden}.badge-line[data-astro-cid-d326op7z]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite}.badge[data-astro-cid-d326op7z] span[data-astro-cid-d326op7z]{color:red;text-transform:uppercase;font-size:14px;font-family:Font-bold;letter-spacing:2px;position:relative}.badge-glow[data-astro-cid-d326op7z]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:50px;height:20px;background:red;filter:blur(10px);opacity:.3;animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{opacity:.2;transform:translateY(-50%) scale(.8)}to{opacity:.4;transform:translateY(-50%) scale(1.2)}}.text-section[data-astro-cid-d326op7z] h1[data-astro-cid-d326op7z]{margin:0;font-size:36px;color:#fff;font-family:Font-bold;line-height:1.2}.highlight[data-astro-cid-d326op7z]{color:red;position:relative}.highlight[data-astro-cid-d326op7z]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,red,transparent);animation:highlight-expand 2s ease-out}@keyframes highlight-expand{0%{width:0}to{width:100%}}.animated-text[data-astro-cid-d326op7z]{background:linear-gradient(45deg,#fff,red,#fff);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-gradient 3s ease-in-out infinite}@keyframes text-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description[data-astro-cid-d326op7z]{margin:0;font-size:16px;line-height:1.6;color:#ffffffe6;font-family:Font;text-shadow:1px 1px 2px rgba(0,0,0,.5);max-width:600px}.productos-section[data-astro-cid-d326op7z]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:60px 0 80px;position:relative;z-index:1;isolation:isolate}.productos-container[data-astro-cid-d326op7z]{width:100%;max-width:1600px;margin:0 auto;position:relative}@media (max-width: 768px){.hero-productos[data-astro-cid-d326op7z]{height:auto;min-height:250px;max-height:280px}.hero-content[data-astro-cid-d326op7z]{padding:20px}.hero-main[data-astro-cid-d326op7z]{gap:15px}.text-section[data-astro-cid-d326op7z]{gap:12px}.text-section[data-astro-cid-d326op7z] h1[data-astro-cid-d326op7z]{font-size:24px}.hero-description[data-astro-cid-d326op7z]{font-size:14px}.floating-shape[data-astro-cid-d326op7z]{display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){.hero-productos[data-astro-cid-d326op7z]{min-height:260px;max-height:320px}.hero-content[data-astro-cid-d326op7z]{padding:25px 30px}.hero-main[data-astro-cid-d326op7z]{gap:18px}.text-section[data-astro-cid-d326op7z] h1[data-astro-cid-d326op7z]{font-size:30px}.productos-grid-react[data-astro-cid-d326op7z]{grid-template-columns:repeat(2,1fr);gap:30px}}@media only screen and (min-width: 1024px) and (max-width: 1440px){.hero-productos[data-astro-cid-d326op7z]{min-height:270px;max-height:340px}.hero-content[data-astro-cid-d326op7z]{padding:35px 40px}.text-section[data-astro-cid-d326op7z] h1[data-astro-cid-d326op7z]{font-size:34px}}*{-webkit-scroll-behavior:smooth;scroll-behavior:smooth}.selector-and-products{max-width:1600px;margin:0 auto;padding:0 20px}.selector-container{position:relative;width:100%;max-width:800px;margin:0 auto 60px}.selector-button{background:#1a1a1a;border:2px solid #333;border-radius:0;padding:0;cursor:pointer;display:flex;align-items:stretch;transition:all .4s cubic-bezier(.175,.885,.32,1.275);min-height:80px;box-shadow:0 10px 30px #0003;position:relative;overflow:hidden}.selector-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,0,.1),transparent);transition:left .6s ease}.selector-button:hover:before{left:100%}.selector-button:hover{border-color:red;transform:translateY(-2px);box-shadow:0 15px 40px #f003}.selector-button.open{border-color:red;box-shadow:0 15px 40px #ff00004d}.selector-left{display:flex;align-items:center;gap:20px;padding:20px 24px;flex:1;position:relative;z-index:2}.selector-badge{display:flex;align-items:center;gap:10px;flex-shrink:0}.badge-line{width:30px;height:2px;background:linear-gradient(90deg,red,#f44);position:relative;overflow:hidden}.badge-text{color:red;font-size:11px;font-family:Font-bold;text-transform:uppercase;letter-spacing:2px}.selector-content{display:flex;flex-direction:column;gap:4px;flex:1}.category-name{color:#fff;font-size:20px;font-family:Font-bold;line-height:1.2;margin:0}.category-desc{color:#aaa;font-size:13px;font-family:Font;text-transform:uppercase;letter-spacing:1px}.selector-right{display:flex;align-items:center;justify-content:center;width:60px;background:#ff00001a;border-left:1px solid #333;transition:all .3s ease;position:relative;z-index:2}.selector-button:hover .selector-right{background:#f003;border-left-color:red}.chevron-icon{transition:all .3s ease;flex-shrink:0;color:#999}.chevron-icon.rotate{transform:rotate(180deg);color:red}.selector-dropdown{position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:2px solid red;border-top:none;z-index:1000;overflow:hidden;max-height:400px;overflow-y:auto;animation:dropdownSlide .3s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:15px 20px;background:red;border-bottom:1px solid #333}.dropdown-header span{color:#fff;font-size:12px;font-family:Font-bold;text-transform:uppercase;letter-spacing:2px}.dropdown-item{padding:0;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #333;display:flex;align-items:center;gap:15px;position:relative;animation:itemSlide .4s ease both}@keyframes itemSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#2a2a2a;transform:translate(0)}.dropdown-item.selected{background:#ff00001a;border-left:4px solid red}.item-badge{padding:20px;display:flex;align-items:center;flex-shrink:0}.item-line{width:20px;height:2px;background:#666;transition:all .3s ease}.dropdown-item:hover .item-line,.dropdown-item.selected .item-line{background:red;width:25px}.item-content{display:flex;flex-direction:column;gap:4px;flex:1;padding:20px 0}.item-name{font-size:16px;font-family:Font-bold;color:#fff;line-height:1.2;transition:color .3s ease}.dropdown-item:hover .item-name,.dropdown-item.selected .item-name{color:red}.item-desc{font-size:12px;color:#aaa;font-family:Font;text-transform:uppercase;letter-spacing:1px}.selected-indicator{padding:20px;color:red;font-size:18px;font-family:Font-bold;flex-shrink:0;animation:checkAppear .3s ease}@keyframes checkAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.productos-grid-react{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:40px;margin-top:40px;transition:all .3s ease}.productos-grid-react.changing{opacity:.5;transform:translateY(10px)}.product{animation:productAppear .6s ease both}.product{width:100%;background:#fff;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 40px #00000026;position:relative;transform:perspective(1000px) rotateY(-2deg);aspect-ratio:1 / 1}.product:hover{transform:perspective(1000px) rotateY(0) translateY(-5px) scale(1.02);box-shadow:0 25px 50px #0003}.product:hover .image-overlay{opacity:.3}.product:hover .cta-arrow{transform:translate(5px)}.product:hover .badge-line{width:60px}.product-image{position:relative;width:100%;height:60%;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product:hover .product-image img{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0000001a,#ad000033);opacity:0;transition:opacity .4s ease}.product-content{padding:20px;display:flex;flex-direction:column;gap:12px;height:40%;justify-content:space-between}.product-badge{display:flex;align-items:center;gap:10px}.badge-line{width:40px;height:2px;background:linear-gradient(90deg,red,#f44);transition:width .3s ease;position:relative;overflow:hidden}.badge-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.category{color:red;font-size:12px;font-family:Font-bold;text-transform:uppercase;letter-spacing:1px}.product-title{margin:0;font-size:20px;color:#1a1a1a;font-family:Font-bold;line-height:1.2;transition:color .3s ease}.product:hover .product-title{color:red}.product-description{margin:0;color:#666;font-size:12px;line-height:1.4;font-family:Font;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.product-cta{display:flex;align-items:center;gap:8px;margin-top:auto}.cta-text{color:#333;font-size:12px;font-family:Font-bold;transition:color .3s ease}.product:hover .cta-text{color:red}.cta-arrow{color:red;font-size:16px;font-weight:700;transition:transform .3s ease}.no-products{text-align:center;padding:80px 40px;grid-column:1 / -1;background:#1a1a1a;border:2px solid #333;margin-top:20px;animation:noProductsAppear .5s ease}.no-products-badge{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.no-products-badge .badge-line{width:40px}.no-products-badge span{color:red;font-size:12px;font-family:Font-bold;text-transform:uppercase;letter-spacing:2px}.no-products h3{color:#fff;font-size:24px;font-family:Font-bold;margin:0 0 15px}.no-products p{color:#aaa;font-size:16px;font-family:Font;margin:0;line-height:1.6}@keyframes productAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes noProductsAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.selector-container{margin-bottom:40px;max-width:100%}.selector-button{min-height:70px}.selector-left{padding:16px 20px;gap:15px}.selector-right{width:50px}.category-name{font-size:18px}.category-desc{font-size:12px}.item-name{font-size:15px}.item-desc{font-size:11px}.item-content{padding:15px 0}.item-badge,.selected-indicator{padding:15px}.no-products{padding:60px 20px;margin-top:15px}.no-products h3{font-size:20px}.no-products p{font-size:14px}.productos-grid-react{grid-template-columns:1fr;gap:25px}.product-content{padding:15px;gap:10px}.product-title{font-size:18px}.product-image{height:60%}.product-description{font-size:11px;-webkit-line-clamp:2}}
