*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#000;font-family:Courier New,Courier,monospace;font-size:2rem}html{font-size:62.5%}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.primary{color:#fff}.secondary{color:#f5f5f5}.disabled{color:green}h1{text-align:center;justify-content:center;margin:1rem 0;font-family:Chinese Rocks Rg,sans-serif;font-size:5rem}p{width:90%;margin:auto;font-size:2.5rem}.btn{width:25%;font-size:2rem;font-style:bold;color:#000;cursor:pointer;background-color:#cb8719;border-radius:.5rem;padding:1rem}.btn:hover{background-color:#ffe600}ul{list-style:none}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.header{z-index:20;background-color:#000;border-bottom:1px solid #363636;justify-content:space-between;align-items:center;display:flex;position:relative}.header-logo{justify-content:left;align-items:center;display:flex}.header-logo img{width:4rem;height:auto;margin-left:1.5rem}.header-logo a{color:#fff;margin-left:1.5rem;font-family:Chinese Rocks Rg,sans-serif;font-size:4rem;text-decoration:none}.nav{position:relative}.nav-list{justify-content:flex-end;gap:1rem;margin-right:1rem;padding:1rem;list-style:none;display:flex}.nav-list li{font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700}.nav-list a{color:#fff;padding:1rem;text-decoration:none;display:inline-block}.nav-list a:hover{color:#cb8719}#menu-toggle{display:none}.menu-icon{cursor:pointer;z-index:25;flex-direction:column;padding:1rem;display:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.menu-icon span{background:#fff;width:25px;height:3px;margin:4px 0;transition:all .3s}@media (width<=768px){.nav{position:relative}.menu-icon{display:flex}.nav-list{z-index:15;background:#000000f2;border-radius:0 0 0 10px;flex-direction:column;align-items:center;width:200px;transition:transform .3s;position:fixed;top:70px;right:0;transform:translate(100%)}#menu-toggle:checked+.menu-icon+.nav-list{transform:translate(0)}.nav-list li{font-size:1.2rem}.nav-list a{text-align:center;width:100%;padding:15px}}.hero{justify-content:center;align-items:center;width:100%;height:90vh;display:flex;position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:#0000008c;position:absolute;inset:0}.hero:before{content:"";background:#0000008c;position:absolute;inset:0}.hero-content{text-align:center;color:#fff;max-width:1600px;padding:20px;position:relative}.hero-content h1{letter-spacing:2px;text-transform:uppercase;text-shadow:2px 2px 10px #000c;margin-bottom:15px;font-size:4rem}.hero-content p{color:#ddd;margin-bottom:20px;font-size:2rem;line-height:1.5}.btn-hero{color:#000;background-color:#cb8719;border-radius:6px;padding:12px 25px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-hero:hover{color:#fff;background-color:red}@media (width<=768px){.hero{background-position:50%;height:auto;min-height:80vh;padding:40px 15px}.hero-img{object-position:center}.hero-content{max-width:100%;padding:10px}.hero-content h1{font-size:1.6rem;line-height:1.2}.hero-content p{font-size:.95rem;line-height:1.4}.btn-hero{width:50%;padding:14px;font-size:1.5rem}}.itemlist-container{width:100%;padding:20px 0}.itemlist-header{text-align:center;margin-bottom:30px}.itemlist-header h1{color:#fff;margin-bottom:5px}.itemlist-header p{color:#aaa}.itemlist-content{width:80%;margin:0 auto}@media (width<=768px){.itemlist-header h1{font-size:1.5rem}.itemlist-header p{font-size:.9rem}.itemlist-content{width:95%}}.contenedor-productos{flex-wrap:wrap;justify-content:center;gap:2rem;margin:2rem;display:flex}.contenedor-productos p{margin:auto;padding:1rem}.card{cursor:pointer;border-radius:12px;width:100%;max-width:360px;height:420px;position:relative;overflow:hidden}.card img{object-fit:fill;width:100%;height:100%;transition:transform .4s}.card:hover img{transform:scale(1.08)}.card-overlay{background:linear-gradient(#0000,#000c);flex-direction:column;gap:10px;width:100%;padding:10px;display:flex;position:absolute;bottom:0}.card-overlay h3{color:#fff;margin:0;font-size:1rem}.btn-info{color:#000;text-align:center;opacity:0;background-color:#cb8719;border-radius:5px;padding:6px;text-decoration:none;transition:all .3s;transform:translateY(10px)}.card:hover .btn-info{opacity:1;transform:translateY(0)}@media (width<=768px){.card{max-width:100%;height:260px}.card:hover img{transform:none}.card-overlay{background:linear-gradient(#0003,#000000e6)}.btn-info{opacity:.75;color:#cb8719;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000008e;width:100%;padding:8px;font-size:2rem;transform:translateY(0)}.contenedor-productos{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;padding:10px;display:grid}}.card-detail{color:#fff;background-color:#1e1e1e;border-radius:12px;gap:30px;max-width:1000px;margin:40px auto;padding:20px;display:flex}.detail-img{flex:1;max-width:500px}.detail-img img{object-fit:cover;border-radius:10px;width:100%;height:100%}.detail-info{flex-direction:column;flex:1;justify-content:space-between;display:flex}.detail-top h2{margin-bottom:10px;font-size:2.5rem}.detail-version{color:#888;margin-bottom:20px;font-size:2rem}.detail-description{color:#ccc;font-size:1.5rem;line-height:1.5}.detail-bottom{flex-direction:column;gap:10px;padding-top:15px;display:flex}.detail-modo,.detail-category{color:#888;font-size:1.5rem}.p-price{color:#cb8719;font-size:1.4rem;font-weight:700}.btn-buy{cursor:pointer;background-color:#cb8719;border:none;border-radius:6px;width:100%;padding:12px;font-size:1.5rem;transition:all .2s}.btn-buy:hover{color:#fff;background-color:red}@media (width<=768px){.card-detail{flex-direction:column;padding:10px}.detail-img{max-width:100%}.detail-info h2{font-size:1.4rem}.detail-description{font-size:.95rem}.detail-footer{flex-direction:column;align-items:stretch;gap:10px}.btn-buy{width:100%;padding:12px}.p-price{text-align:center}.detail-description{max-height:150px;overflow-y:auto}}.footer{border-top:1px solid #363636;justify-content:space-between;align-items:center;margin-top:auto;padding:1.5rem;display:flex}.footer p{margin-left:2rem;font-size:1.6rem}.footer div{gap:1.5rem;margin-right:2rem;display:flex}.footer div a{color:#fff;font-size:2rem;text-decoration:none;transition:all .3s}.footer div a:hover{color:#cb8719;transform:scale(1.2)}@media (width<=768px){.footer{text-align:center;flex-direction:column;gap:1rem}.footer p{margin:0;font-size:1rem}.footer div{margin:0}}