*{margin:0;padding:0;box-sizing:border-box}:root{--cube-red: #dc143c;--cube-blue: #1e90ff;--cube-green: #cd3232;--cube-yellow: #ffd700;--cube-orange: #ff6347;--cube-white: #ffffff;--dark-bg: #1a1a1a;--light-bg: #f8f9fa;--text-dark: #000000;--text-light: #666666;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .2);--gradient-primary: linear-gradient(135deg, var(--cube-red), var(--cube-orange));--gradient-secondary: linear-gradient(135deg, var(--cube-blue), var(--cube-green))}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden;scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#f8f9fa,#e9ecef);z-index:-2;overflow:hidden}.floating-cube{position:absolute;width:30px;height:30px;background:var(--gradient-primary);opacity:.1;animation:float 20s infinite linear;border-radius:4px}.floating-cube:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-cube:nth-child(2){top:60%;left:80%;animation-delay:-7s;background:var(--gradient-secondary)}.floating-cube:nth-child(3){top:80%;left:30%;animation-delay:-14s;background:linear-gradient(135deg,var(--cube-yellow),var(--cube-green))}.navbar{position:fixed!important;top:0!important;left:0!important;width:100%!important;background:#fffffff2!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-bottom:3px solid var(--cube-blue)!important;z-index:1000!important;transition:all .3s ease!important}.navbar.scrolled{background:var(--cube-black)!important;box-shadow:0 2px 20px var(--cube-red)!important}.nav-container{max-width:1200px!important;margin:0 auto!important;padding:0 20px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;height:70px!important}.nav-logo{display:flex!important;align-items:center!important;font-family:Orbitron,monospace!important;font-weight:900!important;font-size:1.5rem!important;color:var(--cube-orange)!important;text-decoration:none!important}.nav-logo i{font-size:2rem!important;margin-right:10px!important;background:var(--gradient-primary)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.nav-menu{display:flex!important;list-style:none!important;gap:2rem!important}.nav-link{text-decoration:none!important;color:red!important;font-weight:600!important;transition:all .3s ease!important;position:relative!important}.nav-link:hover,.nav-link.active{color:var(--cube-green)!important}.nav-link:after{content:""!important;position:absolute!important;bottom:-5px!important;left:0!important;width:0!important;height:3px!important;background:linear-gradient(to right,var(--cube-red),var(--cube-orange),var(--cube-yellow),var(--cube-green),var(--cube-blue))!important;transition:width .3s ease!important}.nav-link:hover:after,.nav-link.active:after{width:100%!important}.hamburger{display:none!important;flex-direction:column!important;cursor:pointer!important;z-index:1001!important}.hamburger span{width:25px!important;height:3px!important;background:var(--cube-red)!important;margin:3px 0!important;transition:.3s!important;border-radius:2px!important}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)!important;background:var(--cube-yellow)!important}.hamburger.active span:nth-child(2){opacity:0!important}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)!important;background:var(--cube-green)!important}@media (max-width: 768px){.nav-menu{display:none!important;flex-direction:column!important;position:absolute!important;top:70px!important;left:0!important;width:100%!important;background:#fffffff2!important;padding:1rem 0!important}.nav-menu.active,.hamburger{display:flex!important}}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;background:#fff!important;overflow:hidden;color:var(--text-dark)}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{animation:slideInLeft 1s ease-out}.hero-title{font-family:Orbitron,monospace;font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem;color:#00f!important}.hero-title .highlight{background:var(--cube-red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--cube-red);margin-bottom:2rem;line-height:1.8;font-weight:500}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-buttons a{padding:12px 24px;border-radius:8px;font-weight:700;text-decoration:none;transition:all .3s ease;background:var(--cube-blue);color:var(--cube-white)}.hero-buttons a:hover{background:var(--cube-red);transform:translateY(-3px)}.hero-cube{display:flex;justify-content:center;align-items:center;perspective:1000px;animation:slideInRight 1s ease-out}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);animation:bounce 2s infinite;cursor:pointer}.scroll-indicator i{font-size:1.5rem;color:var(--cube-blue)}.btn{display:inline-flex;align-items:center;padding:12px 24px;border:none;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #dc143c4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc143c66}.btn-secondary{background:transparent;color:var(--cube-red);border:2px solid var(--cube-red)}.btn-secondary:hover{background:var(--cube-red);color:#fff;transform:translateY(-2px)}.btn i{margin-right:8px}.section-header{text-align:center;margin-bottom:4rem;animation:fadeInUp .8s ease-out}.section-title{font-family:Orbitron,monospace;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#000!important}.section-subtitle{font-size:1.1rem;color:var(--text-light);max-width:600px;margin:0 auto}.about-section{padding:6rem 0;background:#fff!important}.section-header{color:#000!important}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text h3{font-family:Orbitron,monospace;font-size:1.8rem;margin-bottom:1.5rem;color:var(--cube-red)}.about-text p{margin-bottom:1.5rem;line-height:1.8;color:#000!important}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.stat-item{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#0324f9a0,#0324f9a0);border-radius:12px;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-family:Orbitron,monospace;font-size:2rem;font-weight:900;color:var(--cube-red);margin-bottom:.5rem}.stat-label{color:var(--light-bg);font-weight:500}.about-features{display:flex;flex-direction:column;gap:1.5rem}.feature-card{display:flex;align-items:center;padding:1.5rem;background:#0324f9a0!important;border-radius:12px;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 30px red}.feature-icon{width:60px;height:60px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin-right:1.5rem;flex-shrink:0}.feature-icon i{font-size:1.5rem;color:#f9f1f1}.feature-card h4{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#fff!important}.feature-card p{color:#fff!important;line-height:1.6}:root{--cube-red: #e63946;--cube-blue: #1d3557;--cube-green: #2a9d8f;--cube-yellow: #f1c40f;--cube-orange: #f77f00;--cube-white: #ffffff;--cube-black: #000000;--text-dark: #1a1a1a;--text-light: #555555;--shadow: rgba(0, 0, 0, .15);--shadow-hover: rgba(0, 0, 0, .25)}.products-section{padding:6rem 0;background:var(--cube-white)!important}.product-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid var(--cube-blue);background:var(--cube-blue);color:var(--cube-white);border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:var(--cube-yellow);border-color:var(--cube-yellow);color:var(--cube-black);transform:translateY(-2px)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.product-card{background:var(--cube-white);border-radius:16px;overflow:visible;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease;animation:fadeInUp .8s ease-out;position:relative}.product-card:hover{transform:translateY(-10px);box-shadow:0 10px 40px var(--shadow-hover)}.product-image{position:relative;height:250px;overflow:hidden;border-radius:16px 16px 0 0}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.1)}.product-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1d3557b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.product-card:hover .product-overlay{opacity:1}.btn-view{padding:10px 20px;background:var(--cube-yellow);color:var(--cube-black);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view:hover{background:var(--cube-green);color:var(--cube-white)}.product-info{padding:1.5rem;position:relative;z-index:10;background:var(--cube-white)}.product-actions{margin-top:1rem;position:relative;z-index:15}.product-info h3{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--cube-blue)}.product-info p{color:var(--text-light);margin-bottom:1rem;line-height:1.6}.product-price{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--cube-red);margin-bottom:.5rem}.product-stock{color:var(--text-light);font-size:.9rem;margin-bottom:1rem}.learn-section{padding:6rem 0;background:#fff!important}.skill-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.level-card{background:#fff!important;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary)}.level-card.intermediate:before{background:var(--gradient-secondary)}.level-card.advanced:before{background:linear-gradient(135deg,var(--cube-yellow),var(--cube-green))}.level-card:hover{transform:translateY(-10px);box-shadow:0 10px 40px var(--shadow-hover)}.level-icon{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.level-card.intermediate .level-icon{background:var(--gradient-secondary)}.level-card.advanced .level-icon{background:linear-gradient(135deg,var(--cube-yellow),var(--cube-green))}.level-icon i{font-size:2rem;color:#fff}.level-card h3{font-family:Orbitron,monospace;font-size:1.5rem;margin-bottom:1rem;color:var(--text-dark)}.level-card p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.6}.level-card ul{list-style:none;margin-bottom:2rem}.level-card li{color:var(--text-light);position:relative;padding:.5rem 0 .5rem 1.5rem}.level-card li:before{content:"✓";position:absolute;left:0;color:var(--cube-green);font-weight:700}.learning-resources{text-align:center}.learning-resources h3{font-family:Orbitron,monospace;font-size:2rem;margin-bottom:2rem;color:var(--text-dark)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.resource-card{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease}.resource-card:hover{transform:translateY(-5px);box-shadow:0 6px 30px var(--shadow-hover)}.resource-card i{font-size:3rem;color:var(--cube-red);margin-bottom:1rem}.resource-card h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.resource-card p{color:var(--text-light);line-height:1.6}.glossary-section{margin:4rem 0 2rem;text-align:center}.glossary-section h3{font-family:Orbitron,monospace;font-size:2rem;margin-bottom:1.5rem;color:var(--cube-red)}.glossary-card{background:#fff;border-radius:12px;padding:2rem 1.5rem;max-width:600px;margin:0 auto;box-shadow:0 4px 20px var(--shadow);display:flex;justify-content:center}.glossary-list{list-style:none;padding:0;margin:0;text-align:left}.glossary-list li{font-size:1.1rem;color:var(--text-dark);margin-bottom:.7rem;padding-left:.5rem}.glossary-list strong{color:var(--cube-red);font-weight:700;margin-right:.5rem}.video-grid{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.video-container{flex:1 1 320px;max-width:360px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.video-title{margin-top:.7rem;font-size:1.05rem;font-weight:600;color:var(--cube-red, #e53935);text-align:center}@media (max-width: 1100px){.video-grid{flex-direction:column;align-items:center;gap:1.5rem}}.contact-form{background:var(--cube-white)!important}.form-group input,.form-group textarea,.form-group select,.form-group select option{background:var(--cube-white)!important;color:var(--text-dark)!important}.contact-item{background:var(--cube-white)!important}.fixed-label{display:block!important;margin-bottom:5px!important;font-size:.9rem!important;color:var(--text-light)!important;position:static!important}.contact-section{padding:6rem 0;background:#fff!important}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch}.contact-info{height:100%;display:flex;flex-direction:column;gap:2rem;justify-content:center}.contact-item{display:flex;align-items:center;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease}.contact-item:hover{transform:translateY(-5px);box-shadow:0 6px 30px var(--shadow-hover)}.contact-icon{width:60px;height:60px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin-right:1.5rem;flex-shrink:0}.contact-icon i{font-size:1.5rem;color:#fff}.contact-details h4{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#000!important}.contact-details p{color:var(--text-light)!important;line-height:1.6}.contact-form{height:100%;background:var(--text-dark);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #00f,0 1.5px 6px #00f;border:1.5px solid rgba(220,20,60,.1)}.form-group{position:relative;margin-bottom:1.7rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;border:1.5px solid #444;background:#00f;color:#fff;font-size:1rem;border-radius:10px;margin-top:6px;transition:border-color .3s,box-shadow .3s;outline:none;box-shadow:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--cube-red);box-shadow:0 0 0 2px #dc143c26}.form-group select{color:#fff!important;background:#18181b!important;border:1.5px solid #444!important;border-radius:10px}.form-group select option{background:#232326!important;color:#c01212!important}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--cube-red)}.form-group label,.fixed-label{color:var(--cube-red)!important;font-weight:600;font-size:1rem!important;margin-bottom:4px!important;letter-spacing:.5px;position:static!important;background:none!important}.form-group input::placeholder,.form-group textarea::placeholder{color:#bbb;opacity:1}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{top:-5px;font-size:.8rem;color:var(--cube-red)}.form-line{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.form-group input:focus~.form-line,.form-group textarea:focus~.form-line{width:100%}.fixed-label{display:block;margin-bottom:5px;font-size:.9rem;color:var(--text-light)}.whatsapp-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;transition:color .3s}.whatsapp-link:hover{color:#25d366!important}.whatsapp-link:hover:after{content:"";font-family:"Font Awesome 6 Brands";margin-left:8px;font-size:.9em}.button{--text: #fff;--plane: var(--cube-white, #e53935);--background: transparent;min-width:200px;width:auto;padding:0 32px;height:60px;display:flex;align-items:center;justify-content:center;position:relative;border:0;background:var(--gradient-primary);border-radius:30px;box-shadow:0 4px 15px #dc143c26;color:var(--text);cursor:pointer;outline:none;font-family:Orbitron,Inter,sans-serif;transition:background .3s}.button .btn-layer{display:block;position:absolute;top:-20px;left:0;width:100%;height:100px;z-index:2;pointer-events:none;fill:transparent}.button .plane{z-index:3;position:absolute;left:32px;display:block;width:26px;height:28px;fill:var(--plane);transform:translateZ(0);perspective:500px}.button>ul{width:100%;text-align:center;list-style:none;padding:0 5px 0 0;position:relative;overflow:hidden}.button>ul>li{display:inline-block;position:relative;z-index:2;padding-left:48px;font:600 1.1rem Orbitron,Inter,sans-serif;transition:transform .3s ease 0s,opacity .3s ease 0s}.button>ul>li:first-child{opacity:1}.button>ul>li:last-child{position:absolute;left:0;top:100%;opacity:0}.button.active .plane{animation:1.5s orbit alternate linear}.button.active>ul>li{transform:translateY(-100%);transition:transform .3s ease 1.2s,opacity .3s ease 1.2s}.button.active>ul>li:first-child{opacity:0}.button.active>ul>li:last-child{opacity:1}@keyframes orbit{0%{transform:rotateX(0) translateZ(60px) scaleZ(1);animation-timing-function:ease-in}10%{z-index:3;transform:rotate3d(1,.6,0,-10deg) translateZ(60px) scaleZ(1);animation-timing-function:ease-out}20%{z-index:3;transform:rotate3d(1,.6,0,30deg) translateZ(60px) scaleZ(1);animation-timing-function:ease-out}30%{z-index:3;transform:rotate3d(1,.6,0,35deg) translateZ(60px) scaleZ(1)}40%{z-index:1;transform:rotate3d(1,.6,0,120deg) translateZ(60px) scale3d(.7,.7,1)}70%{z-index:1;transform:rotate3d(1,.6,0,240deg) translateZ(60px) scale3d(.7,.7,1);animation-timing-function:ease-out}to{z-index:3;transform:rotateX(360deg) translateZ(60px) scaleZ(1)}}.footer{background:#dcdcdc!important;color:#000!important;padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:2rem}.footer-logo{display:flex;align-items:center;font-family:Orbitron,monospace;font-weight:900;font-size:1.5rem;margin-bottom:1rem}.footer-logo i{font-size:2rem;margin-right:10px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section p{color:#000;line-height:1.6;margin-bottom:1.5rem}.footer-section h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--cube-green)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#000!important;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--cube-orange)}.social-links{display:flex;gap:1rem}.social-link{width:40px;height:40px;border-radius:50%;background:var(--cube-blue);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--cube-red);transform:translateY(-3px)}.newsletter-form{display:flex;gap:.5rem}.newsletter-form input{flex:1;padding:12px;border:1px solid var(--cube-green);border-radius:6px;background:var(--cube-white);color:var(--cube-black);outline:none}.newsletter-form input::placeholder{color:var(--cube-blue)}.newsletter-form button{padding:12px 16px;background:var(--gradient-primary);border:none;border-radius:6px;color:var(--cube-white);cursor:pointer;transition:all .3s ease}.newsletter-form button:hover{transform:translateY(-2px)}.footer-bottom{border-top:2px solid var(--cube-orange);padding-top:2rem}.footer-legal{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.legal-links{display:flex;gap:2rem}.legal-links a{color:#000;text-decoration:none;transition:color .3s ease}.legal-links a:hover{color:var(--cube-yellow)!important}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--gradient-primary);border:none;color:#fff;cursor:pointer;box-shadow:0 4px 15px #dc143c4d;transition:all .3s ease;opacity:0;visibility:hidden;z-index:1000}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px #dc143c66}.page-section{padding-top:120px;min-height:100vh}.team-section{margin-top:4rem;text-align:center}.team-section h3{font-family:Orbitron,monospace;font-size:2rem;margin-bottom:2rem;color:var(--cube-red)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.team-member{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease}.team-member:hover{transform:translateY(-5px);box-shadow:0 6px 30px var(--shadow-hover)}.member-avatar{width:80px;height:80px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;color:#fff;font-size:2.5rem}.team-member h4{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-dark)}.member-role{color:var(--cube-red);font-weight:600;margin-bottom:1rem}.team-member p:last-child{color:var(--text-light);line-height:1.6}.product-info-section{margin-top:4rem;text-align:center}.product-info-section h3{font-family:Orbitron,monospace;font-size:2rem;margin-bottom:2rem;color:var(--text-dark)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.info-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 6px 30px var(--shadow-hover)}.info-card i{font-size:2.5rem;color:var(--cube-red);margin-bottom:1rem}.info-card h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.info-card p{color:var(--text-light);line-height:1.6}.algorithms-section,.tips-section{margin-top:4rem}.algorithms-section h3,.tips-section h3{font-family:Orbitron,monospace;font-size:2rem;margin-bottom:2rem;color:var(--text-dark);text-align:center}.algorithms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.algorithm-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease}.algorithm-card:hover{transform:translateY(-5px);box-shadow:0 6px 30px var(--shadow-hover)}.algorithm-card h4{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--cube-red)}.algorithm-notation{font-family:Courier New,monospace;background:var(--light-bg);padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:700;color:var(--text-dark);border-left:4px solid var(--cube-red)}.algorithm-card p{color:var(--text-light);line-height:1.6}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.tip-card{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease}.tip-card:hover{transform:translateY(-5px);box-shadow:0 6px 30px var(--shadow-hover)}.tip-icon{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.tip-icon i{font-size:1.5rem;color:#fff}.tip-card h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.tip-card p{color:var(--text-light);line-height:1.6}.faq-section{margin-top:4rem}.faq-section h3{font-family:Orbitron,monospace;font-size:2rem;margin-bottom:2rem;color:var(--text-dark);text-align:center}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.faq-item{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease}.faq-item:hover{transform:translateY(-5px);box-shadow:0 6px 30px var(--shadow-hover)}.faq-item h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--cube-red)}.faq-item p{color:var(--text-light);line-height:1.6}.text-center{text-align:center}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.loading{opacity:.6;pointer-events:none}.pagination-container{background:#1d3557b3!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:1.5rem;border-radius:12px;margin:3rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border:1px solid rgba(255,255,255,.2)!important}.pagination-info{display:flex;align-items:center;gap:1rem;color:#fff!important;font-size:.9rem;font-weight:500}.items-per-page-select{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;border-radius:6px;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.items-per-page-select option{background:#333;color:red}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.6rem .8rem;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pagination-btn:hover:not(:disabled){background:var(--cube-red);border-color:var(--cube-red);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{padding:.6rem .8rem;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#1d3557b3;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:40px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pagination-number:hover{background:#fff3;transform:translateY(-2px)}.pagination-number.active{background:var(--cube-red);border-color:var(--cube-red);color:#000;font-weight:600}.pagination-ellipsis{padding:.6rem .8rem;color:#fff9;font-size:.9rem}@media (max-width: 768px){.pagination-container{flex-direction:column;text-align:center;gap:1.5rem}.pagination-info{order:2;flex-direction:column;gap:.5rem}.pagination-controls{order:1}.pagination-numbers{flex-wrap:wrap;justify-content:center}}.pagination-container{background:#1d3557b3!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important}.pagination-controls{background:#1d3557b3!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:1rem!important;border-radius:12px!important;display:flex!important;gap:.5rem!important;align-items:center!important;justify-content:center!important}.pagination-btn,.items-per-page-select,.pagination-number,.pagination-numbers{background:transparent!important;border-color:#ffffff26!important;color:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.pagination-number{color:#fff!important}.pagination-number:hover,.pagination-btn:hover:not(:disabled){filter:brightness(1.05)!important}.section-header{background:#fff!important;padding:2rem!important;border-radius:12px!important;text-align:center}.section-title,.section-subtitle{color:#000!important}.cart-link:hover{background:#fff;transform:scale(1.1)}.user-menu{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;padding:.5rem 0;border:1px solid #e2e8f0}.user-menu-item{padding:12px 20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;color:#4a5568}.user-menu-item:hover{background:#f7fafc;transform:translate(5px)}.user-menu-item i{width:16px;text-align:center}.user-menu-separator{height:1px;background:#e2e8f0;margin:.5rem 0}.user-menu-item.admin-option{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;margin:.5rem;border-radius:8px}.user-menu-item.admin-option:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translate(5px)}.add-to-cart-btn{background:linear-gradient(135deg,var(--cube-red),#ff4757);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:20;pointer-events:auto}.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #dc143c4d;z-index:25}.stock-badge{position:absolute;top:10px;right:10px;background:var(--cube-red);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:700;z-index:30}.auth-nav-item{position:relative}.auth-btn{background:linear-gradient(135deg,var(--cube-red),#ff4757);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #dc143c4d}.cart-nav-item{position:relative}.cart-link{color:#fff!important;text-decoration:none;display:flex;align-items:center;position:relative;padding:.5rem;border-radius:8px;transition:all .3s ease}.cart-link:hover{background:#ffffff1a;transform:scale(1.1)}.cart-counter{position:absolute;top:-5px;right:-5px;background:var(--cube-red);color:#fff;font-size:.8rem;font-weight:700;padding:2px 6px;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .3s ease}.cart-counter.show{transform:scale(1)}.auth-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.auth-modal-overlay.show{opacity:1;visibility:visible}.auth-modal{background:#fff;border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s ease}.auth-modal-overlay.show .auth-modal{transform:scale(1)}.auth-header{background:linear-gradient(135deg,var(--cube-red),#ff4757);color:#fff;padding:1.5rem;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.auth-header h3{margin:0;font-size:1.3rem}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#fff3}.auth-content{padding:2rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#2c3e50}.form-group input{padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:var(--cube-red)}.auth-submit-btn{background:linear-gradient(135deg,var(--cube-red),#ff4757);color:#fff;border:none;padding:.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #dc143c4d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-toggle{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.auth-toggle button{background:none;border:none;color:var(--cube-red);font-weight:600;cursor:pointer;text-decoration:underline}.user-menu{background:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;overflow:hidden}.user-menu-item{padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #f1f1f1}.user-menu-item:hover{background:#f8f9fa}.user-menu-item:last-child{border-bottom:none}.add-to-cart-btn{background:linear-gradient(135deg,var(--cube-red),#ff4757);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #dc143c4d}.add-to-cart-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.add-to-cart-btn.pulse{animation:pulse .3s ease}@media (max-width: 768px){.auth-btn{padding:.4rem .8rem;font-size:.8rem}.auth-modal{width:95%;margin:1rem}.auth-content{padding:1.5rem}}:root{--cube-green: #28a745;--gradient-primary: linear-gradient(135deg, #dc143c, #ff6b6b)}.cart-section{padding:6rem 0;background:#333;min-height:100vh}.cart-content{margin-top:2rem}.empty-cart{text-align:center;padding:4rem 0}.empty-cart-icon{font-size:6rem;color:var(--cube-red);margin-bottom:2rem}.empty-cart h3{font-size:2rem;color:#fff;margin-bottom:1rem}.empty-cart p{font-size:1.1rem;color:#ccc;margin-bottom:2rem}.cart-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.cart-items h3{color:#fff;font-size:1.5rem;margin-bottom:2rem;font-family:Orbitron,monospace}.cart-items-list{display:flex;flex-direction:column;gap:1rem}.cart-item{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease}.cart-item:hover{transform:translateY(-2px);box-shadow:0 6px 30px var(--shadow-hover)}.cart-item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex:1}.cart-item-info h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-dark)}.cart-item-price{font-family:Orbitron,monospace;font-size:1.2rem;font-weight:700;color:var(--cube-red);margin-bottom:.5rem}.cart-item-controls{display:flex;align-items:center;gap:1rem}.quantity-controls{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden}.quantity-btn{background:var(--light-bg);border:none;padding:.5rem .75rem;cursor:pointer;font-weight:700;transition:background .2s ease}.quantity-btn:hover{background:var(--cube-red);color:#fff}.quantity-input{border:none;text-align:center;width:50px;padding:.5rem;font-weight:600}.remove-btn{background:#dc3545;border:none;color:#fff;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.remove-btn:hover{background:#c82333;transform:scale(1.05)}.summary-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px var(--shadow);position:sticky;top:100px}.summary-card h3{font-family:Orbitron,monospace;font-size:1.3rem;margin-bottom:1.5rem;color:var(--text-dark);text-align:center}.summary-line.total{font-family:Orbitron,monospace;font-size:1.2rem;font-weight:700;color:var(--cube-red);border-bottom:none;margin-top:1rem;padding-top:1rem;border-top:2px solid var(--cube-red)}.checkout-section{margin-top:2rem}.checkout-btn{width:100%;margin-bottom:1rem;padding:1rem;font-size:1.1rem}.continue-shopping{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--cube-red);text-decoration:none;padding:.75rem;border-radius:6px;transition:all .3s ease}.continue-shopping:hover{background:var(--light-bg);transform:translateY(-2px)}@media (max-width: 768px){.cart-grid{grid-template-columns:1fr;gap:2rem}.cart-item{flex-direction:column;text-align:center}.cart-item-image{width:100px;height:100px}}.checkout-section{padding:6rem 0;background:#333;min-height:100vh}.checkout-content{margin-top:2rem}.checkout-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.checkout-form{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px var(--shadow)}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{font-family:Orbitron,monospace;color:var(--text-dark);font-size:1.3rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form-section h3 i{color:var(--cube-red)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;color:#333}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--cube-red);box-shadow:0 0 0 3px #dc143c1a}.form-group input[readonly]{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.payment-methods{display:flex;flex-direction:column;gap:1rem}.payment-option{position:relative}.payment-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.payment-option label{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.payment-option label:hover{border-color:var(--cube-red);background:#dc143c0d}.payment-option input[type=radio]:checked+label{border-color:var(--cube-red);background:#dc143c1a;color:var(--cube-red)}.payment-option label i{font-size:1.5rem;color:var(--cube-red)}.form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:2rem;border-top:2px solid #f0f0f0}.order-summary{position:sticky;top:100px}.summary-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px var(--shadow)}.summary-card h3{font-family:Orbitron,monospace;font-size:1.4rem;margin-bottom:1.5rem;color:var(--text-dark);text-align:center;border-bottom:2px solid var(--cube-red);padding-bottom:1rem}.order-items{margin-bottom:1.5rem;max-height:300px;overflow-y:auto}.order-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee}.order-item:last-child{border-bottom:none}.order-item-image{width:50px;height:50px;border-radius:6px;overflow:hidden;flex-shrink:0}.order-item-image img{width:100%;height:100%;object-fit:cover}.order-item-info{flex:1}.order-item-info h4{font-size:.9rem;font-weight:600;margin-bottom:.25rem;color:var(--text-dark)}.order-item-price{font-family:Orbitron,monospace;font-size:.9rem;color:var(--cube-red);font-weight:700}.order-item-quantity{font-size:.8rem;color:#666}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.summary-line.total{font-family:Orbitron,monospace;font-size:1.3rem;font-weight:700;color:var(--cube-red);border-bottom:none;margin-top:1rem;padding-top:1rem;border-top:2px solid var(--cube-red)}.shipping-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.shipping-info p{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#666;font-size:.9rem}.shipping-info i{color:var(--cube-red)}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group.success input,.form-group.success select,.form-group.success textarea{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.success-message{color:#28a745;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.btn-loading{position:relative;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;margin:auto;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;top:0;left:0;right:0;bottom:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.checkout-grid{grid-template-columns:1fr;gap:2rem}.checkout-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.order-summary{position:static;order:-1}}.confirmacion-section{padding:6rem 0;background:#333;min-height:100vh}.loading-state,.error-state,.success-state{text-align:center;padding:2rem}.loading-state{color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(220,20,60,.2);border-left:4px solid var(--cube-red);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.error-state{color:#fff}.error-icon{font-size:4rem;color:#dc3545;margin-bottom:1rem}.error-actions{margin-top:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.success-state{color:#fff}.success-header{margin-bottom:3rem}.success-icon{font-size:5rem;color:#28a745;margin-bottom:1rem;animation:bounceIn .6s ease}.success-title{font-family:Orbitron,monospace;font-size:2.5rem;color:#fff;margin-bottom:.5rem}.success-subtitle{font-size:1.2rem;color:#ccc;margin-bottom:0}.confirmation-content{max-width:1200px;margin:0 auto}.confirmation-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.order-summary-card,.delivery-info-card,.notas-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.card-header h3{font-family:Orbitron,monospace;color:var(--text-dark);font-size:1.3rem;display:flex;align-items:center;gap:.5rem;margin:0}.card-header i{color:var(--cube-red)}.order-id{text-align:right;font-family:Orbitron,monospace}.order-id span{color:#666;font-size:.9rem}.order-id strong{display:block;color:var(--cube-red);font-size:1.1rem}.order-details{margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.detail-row:last-child{border-bottom:none}.status-badge{background:#ffc107;color:#000;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase}.status-badge.pendiente{background:#ffc107;color:#000}.status-badge.confirmado{background:#17a2b8;color:#fff}.status-badge.enviado{background:#6f42c1;color:#fff}.status-badge.entregado{background:#28a745;color:#fff}.status-badge.cancelado{background:#dc3545;color:#fff}.order-items{margin-bottom:2rem}.order-items h4{color:var(--text-dark);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.order-items h4 i{color:var(--cube-red)}.producto-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee}.producto-item:last-child{border-bottom:none}.producto-imagen{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.producto-imagen img{width:100%;height:100%;object-fit:cover}.producto-info{flex:1}.producto-info h5{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-dark)}.producto-info p{color:#666;font-size:.875rem;margin:0}.producto-precio{font-family:Orbitron,monospace;font-weight:700;color:var(--cube-red)}.order-totals{border-top:2px solid #f0f0f0;padding-top:1rem}.total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.total-row.final-total{font-family:Orbitron,monospace;font-size:1.3rem;font-weight:700;color:var(--cube-red);border-top:2px solid var(--cube-red);margin-top:.5rem;padding-top:1rem}.delivery-details h4{color:var(--text-dark);font-size:1.1rem;margin-bottom:.75rem;margin-top:1.5rem}.delivery-details h4:first-child{margin-top:0}.delivery-details p{color:#666;margin-bottom:.5rem;line-height:1.5}.timeline-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;color:#666}.timeline-item i{color:var(--cube-red);width:16px}.notas-container{margin-bottom:2rem}.notas-card h4{color:var(--text-dark);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.notas-card h4 i{color:var(--cube-red)}.notas-card p{color:#666;line-height:1.6;margin:0}.confirmation-actions{text-align:center;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-large{padding:1rem 2rem;font-size:1.1rem;font-weight:600}.btn-outline{background:transparent;border:2px solid var(--cube-red);color:var(--cube-red)}.btn-outline:hover{background:var(--cube-red);color:#fff}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.confirmation-grid{grid-template-columns:1fr;gap:1.5rem}.order-summary-card,.delivery-info-card{padding:1.5rem}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.confirmation-actions{flex-direction:column;align-items:center}.success-title{font-size:2rem}.producto-item{flex-direction:column;text-align:center;gap:.5rem}}.mis-pedidos-section{padding:6rem 0;background:#333;min-height:100vh}.loading-state,.not-logged-state,.empty-state,.error-state{text-align:center;padding:4rem 2rem;color:#fff}.not-logged-content,.empty-content,.error-content{max-width:500px;margin:0 auto}.not-logged-content i,.empty-content i,.error-content i{font-size:4rem;margin-bottom:1.5rem}.not-logged-content i{color:#ffc107}.empty-content i{color:var(--cube-red)}.error-content i{color:#dc3545}.not-logged-content h2,.empty-content h2,.error-content h2{font-family:Orbitron,monospace;font-size:2rem;margin-bottom:1rem}.not-logged-content p,.empty-content p,.error-content p{font-size:1.1rem;margin-bottom:2rem;color:#ccc}.pedidos-content{max-width:1200px;margin:0 auto}.pedidos-filters{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:2rem;flex-wrap:wrap;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{color:#fff;font-weight:600;font-size:.9rem}.filter-group select{padding:.75rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffffe6;color:#333;font-size:.9rem;transition:all .3s ease}.filter-group select:focus{outline:none;border-color:var(--cube-red);box-shadow:0 0 0 3px #dc143c33}.pedidos-summary{margin-bottom:3rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stat-card:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 32px #dc143c33}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--cube-red),#ff1744);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.stat-info{flex:1}.stat-number{display:block;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700;color:#fff;line-height:1}.stat-label{display:block;font-size:.9rem;color:#ccc;margin-top:.25rem}.pedidos-list{display:flex;flex-direction:column;gap:1.5rem}.pedido-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.pedido-card:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 32px #dc143c33}.pedido-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.pedido-info h3{font-family:Orbitron,monospace;color:#fff;font-size:1.2rem;margin-bottom:.5rem}.pedido-date{color:#ccc;font-size:.9rem}.pedido-status{display:flex;align-items:center;gap:1rem}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:.25rem}.status-badge.pendiente{background:#ffc10733;color:#ffc107;border:1px solid #ffc107}.status-badge.confirmado{background:#17a2b833;color:#17a2b8;border:1px solid #17a2b8}.status-badge.enviado{background:#6f42c133;color:#6f42c1;border:1px solid #6f42c1}.status-badge.entregado{background:#28a74533;color:#28a745;border:1px solid #28a745}.status-badge.cancelado{background:#dc354533;color:#dc3545;border:1px solid #dc3545}.pedido-total{font-family:Orbitron,monospace;font-size:1.3rem;font-weight:700;color:var(--cube-red)}.pedido-details{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}.pedido-productos{display:flex;gap:1rem;flex-wrap:wrap}.producto-preview{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.producto-preview img{width:100%;height:100%;object-fit:cover}.productos-count{background:#dc143ce6;color:#fff;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.pedido-actions{display:flex;flex-direction:column;gap:.5rem}.action-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.primary{background:var(--cube-red);color:#fff}.action-btn.primary:hover{background:#b71c1c;transform:translateY(-1px)}.action-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-btn.secondary:hover{background:#fff3}.pagination-container{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem}.pagination-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.pagination-btn:hover:not(:disabled){background:var(--cube-red);border-color:var(--cube-red)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#fff;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.modal-header h3{font-family:Orbitron,monospace;color:var(--text-dark);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#f0f0f0;color:var(--cube-red)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #eee}@media (max-width: 768px){.pedidos-filters{flex-direction:column;gap:1rem}.filter-group{min-width:auto;width:100%}.summary-stats{grid-template-columns:1fr}.stat-card{padding:1rem}.pedido-header{flex-direction:column;align-items:flex-start}.pedido-details{grid-template-columns:1fr;gap:1rem}.pedido-actions{flex-direction:row;justify-content:space-between}.pagination{flex-direction:column;gap:1rem}.modal-content{margin:1rem;max-width:none}}.oauth-section{margin-bottom:1.5rem}.btn-oauth{width:100%;padding:.75rem 1rem;border:2px solid #e1e5e9;background:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;margin-bottom:.75rem}.btn-google{color:#4285f4;border-color:#4285f4}.btn-google:hover{background:#4285f4;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.btn-github{color:#24292e;border-color:#24292e}.btn-github:hover{background:#24292e;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #24292e33}.btn-oauth:active{transform:translateY(0)}.oauth-divider{text-align:center;margin:1.5rem 0;position:relative}.oauth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9}.oauth-divider span{background:#fff;padding:0 1rem;color:#6c757d;font-size:.85rem;position:relative;z-index:1}.auth-modal{max-width:420px;width:90%;max-height:90vh;overflow-y:auto}@media (max-width: 480px){.btn-oauth{font-size:.9rem;padding:.7rem .8rem}}