body{display:flex;flex-direction:column;min-height:100vh;margin:0}footer{margin-top:60px;background-color:#552583;color:#fdb927;text-align:center;padding:20px 0;box-shadow:0 -5px 10px #00000080;font-weight:700;z-index:10;position:relative}footer a{color:#fdb927;text-decoration:none;margin:0 10px;transition:color .3s}footer a:hover{color:#fff}@media (max-width: 768px){footer{padding:15px 10px;font-size:.9rem}footer a{margin:0 6px;font-size:.9rem}img{width:80px;height:120px}}@media (max-width: 480px){footer{font-size:.8rem;padding:12px 8px}footer a{margin:0 5px;font-size:.8rem}img{width:70px;height:100px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}header{z-index:10;position:relative;background-color:#552583;color:#fdb927}img{width:100px;height:150px;object-fit:contain;transition:transform .3s ease,filter .3s ease}img:hover{transform:scale(1.05);filter:drop-shadow(0px 0px 8px #FDB927)}nav{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-shadow:0 4px 12px #0006}.busqueda{display:flex;align-items:center;gap:.5rem;background-color:#f1f1f1;border-radius:25px;padding:5px 10px;width:250px;transition:width .3s ease}.busqueda input:focus{outline:none;width:100%}.busqueda input{border:none;background:transparent;padding:5px 10px;flex:1;font-size:14px}.busqueda button{border:none;background-color:#552583;color:#fff;padding:6px 10px;border-radius:20px;cursor:pointer;transition:background-color .2s ease}.busqueda button:hover{background-color:#fdb927}@media screen and (max-width: 600px){.busqueda{width:180px}}ul{display:flex;gap:15px}ul li{list-style:none}a{color:#fdb927;text-decoration:none;text-transform:uppercase;border-radius:5px;padding:12px 18px;font-weight:700;transition:all .3s ease;position:relative}a:hover{background-color:#fdb927;color:#552583;box-shadow:0 4px 10px #fdb92766}a:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:3px;background:#fdb927;transition:width .3s ease}a:hover:after{width:100%}button{padding:8px 18px;border-radius:25px;border:none;background:#fff;color:#000;font-weight:700;cursor:pointer;transition:all .3s ease}button:hover{background:#fdb927;color:#552583;transform:scale(1.05);box-shadow:0 4px 12px #fdb92780}.nav-links{list-style:none;display:flex;gap:1rem}.hamburger{display:none;font-size:2rem;background:none;border:none;cursor:pointer;color:#fdb927}.backdrop{display:none}.backdrop.show{display:block;position:fixed;inset:0;background:#00000080;z-index:500}@media (max-width: 768px){.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:250px;flex-direction:column;justify-content:center;align-items:center;background:#fff;gap:2rem;transition:right .3s ease-in-out;z-index:1000}.nav-links.open{right:0}.hamburger{display:block}}.registro-container{min-height:100vh;display:flex;flex-direction:column;margin-left:60px;color:gold;text-align:center;padding-top:50px}.titulo{font-size:2.5rem;font-weight:700;margin-bottom:10px;color:gold;margin-top:50px;margin-left:150px}.subtitulo{font-size:1.2rem;margin-bottom:20px;color:gold;margin-top:50px;margin-left:150px}.form-box{background:#800080cc;padding:25px;border-radius:10px;box-shadow:0 0 20px gold;width:350px;text-align:left}.btns{display:flex;justify-content:space-between;margin-top:15px}.form-box .btn-registrar{background-color:gold;color:purple;font-weight:700;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.form-box .btn-volver{background-color:#fff;color:purple;font-weight:700;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.btn-registrar:hover,.btn-volver:hover{opacity:.8}.texto-final{margin-top:20px;font-size:.9rem}.texto-error{margin-top:30px;background-color:gold;width:35%;color:red;font-weight:700}.texto-exito{margin-top:30px;background-color:gold;width:35%;color:green;font-weight:700}@media (max-width: 1024px){.registro-container{margin-left:0;align-items:center;padding:20px}.form-box{margin:0 auto;width:40%}.titulo,.subtitulo{margin-left:0;text-align:center;background-color:#000}.texto-error,.texto-exito{width:80%;text-align:center;background-color:#000}}@media (max-width: 800px){.registro-container{margin-left:0;align-items:center;padding:20px}.form-box{margin:0 auto;width:60%}.titulo,.subtitulo{margin-left:0;text-align:center;background-color:#000}.texto-error,.texto-exito{width:80%;text-align:center;background-color:#000}}@media (max-width: 600px){.titulo{font-size:1.8rem;color:gold;background-color:#000}.subtitulo{font-size:1rem;background-color:#000}.form-box{width:70%;padding:20px}.texto-error,.texto-exito{width:90%;font-size:.85rem;background-color:#000}.form-box input{width:100%}}*{margin:0;padding:0}.inicio-container{min-height:100vh;display:flex;flex-direction:column;margin-left:60px;color:gold;text-align:center;padding-top:50px}.titulo{font-size:2.5rem;font-weight:700;color:gold;margin-top:50px;margin-left:150px}.subtitulo{font-size:1.2rem;color:gold;margin-top:50px;margin-left:150px}.form-box{margin-left:70px;background:#800080cc;padding:25px;border-radius:10px;box-shadow:0 0 20px gold;width:350px;text-align:left}.form-box label{display:block;margin-bottom:15px;font-weight:700}.form-box input{width:100%;padding:8px;margin-top:5px;border:none;border-radius:5px}.botones{display:flex;justify-content:space-between;margin-top:15px}.form-box .btn-iniciar{background-color:gold;color:purple;font-weight:700;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.form-box .btn-regist{background-color:#fff;color:purple;font-weight:700;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.btn-iniciar:hover,.btn-registrar:hover{opacity:.8}.texto-final{padding:10px;margin-right:60%;font-size:.9rem;color:gold}.nba{color:orange;font-weight:700}@media (max-width: 1024px){.inicio-container{margin-left:0;padding:20px;align-items:center}.form-box{margin:0 auto;width:80%}.titulo,.subtitulo{margin-left:0;text-align:center}}@media (max-width: 600px){.titulo{font-size:1.8rem}.subtitulo{font-size:1rem}.form-box{width:90%;padding:20px}.texto-final{margin-right:0;text-align:center;font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}.container{display:grid;grid-template-columns:repeat(2,500px);gap:70px}.main-content{flex:1;padding:20px}h1{align-items:center;font-size:2.5rem;font-weight:700;margin-bottom:10px;color:gold;margin-top:50px;margin-left:150px}form{margin-left:150px;margin-top:150px;background:#800080cc;padding:25px;border-radius:10px;box-shadow:0 0 20px gold;width:350px;text-align:left}label{color:gold;display:block;margin-bottom:15px;font-weight:700}input,textarea{width:100%;padding:8px;margin-top:5px;border:none;border-radius:5px}.btn:nth-child(1){color:#fff;background-color:#28a745}.btn:nth-child(1):hover{background-color:#218838;transform:scale(1.05)}.texto-error{margin-top:20px;margin-left:90px;background-color:gold;padding:10px;color:red;font-weight:700}div .texto-error{width:30%;display:flex;justify-content:center}.new-product{margin-top:200px;background:#fff;border-radius:20px;padding:20px;width:70%;height:60%;box-shadow:0 10px 30px #ffd7004d;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.new-product img{width:100%;height:200px;object-fit:contain;margin-bottom:15px;border-radius:12px;background:#222;padding:10px}.new-product h2{margin:10px 0 5px;color:#000;min-height:45px;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:5px;text-decoration-color:#000;animation:underlineColor 3s infinite linear}.new-product p{margin:5px 0;text-transform:uppercase;color:#000;font-size:.9rem;line-height:1.3;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.new-product p strong{text-transform:uppercase;color:green;font-weight:700}@media (max-width: 1024px){.productos-container{grid-template-columns:repeat(2,1fr);gap:20px}.busqueda{width:200px}}@media (max-width: 768px){.productos-container{grid-template-columns:1fr;gap:15px}.producto-card{max-width:90%;margin:0 auto}.busqueda{width:180px}.busqueda input{font-size:.9rem;padding:8px}.busqueda button{font-size:1rem;padding:6px 10px}}@media (max-width: 480px){.productos-container{grid-template-columns:1fr;gap:10px}.producto-card{max-width:100%;padding:12px}.producto-card h3{font-size:1.1rem}.producto-card p{font-size:.9rem}.busqueda{width:100%;justify-content:center}.busqueda input{width:70%;font-size:.85rem}.busqueda button{padding:5px 8px;font-size:.9rem}}.title{margin:40px auto;padding:30px;width:80%;text-align:center;background:linear-gradient(135deg,#552582e6,#fdb927e6);border-radius:15px;box-shadow:0 6px 18px #0003;color:#fff;animation:fadeIn 1s ease-in-out}.title h1{font-size:2.2rem;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.title h2{font-size:1.4rem;font-weight:400;opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.productos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.productos div{background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 12px #0000001a;text-align:center;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between}.productos div:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.productos img{width:100%;height:180px;object-fit:contain;margin-bottom:10px;border-radius:8px}.productos h2{font-size:1.1rem;margin:8px 0;color:#222;height:50px;overflow:hidden;text-overflow:ellipsis}.productos p:nth-of-type(1){font-size:1.1rem;font-weight:700;color:#27ae60;margin:8px 0}.productos p:nth-of-type(2){font-size:.85rem;color:#555;min-height:60px;max-height:60px;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.productos strong{display:inline-block;margin-top:8px;font-size:.85rem;color:#2980b9}.botones{display:flex;justify-content:space-evenly;gap:12px;margin-top:15px}.botones button{flex:1;max-width:100px;border:none;padding:8px 18px;border-radius:20px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease}.botones .btn-edi:nth-child(1){background-color:#28a745}.botones button:nth-child(1):hover{background-color:#218838;transform:scale(1.05)}.botones button:nth-child(2){background-color:#dc3545}.botones .btn-borrar:nth-child(2):hover{background-color:#c82333;transform:scale(1.05)}.edit-product{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #0000004d;z-index:999;width:80%;max-width:900px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;max-height:90vh;overflow-y:auto}.close-btn{position:absolute;top:25px;right:15px;background:transparent;border:none;font-size:22px;cursor:pointer;color:#333;transition:transform .2s ease}.close-btn:hover{transform:scale(1.2);color:red}.edit-product-content{display:flex;gap:25px;flex-wrap:wrap}.title-edit{text-transform:uppercase;text-decoration:underline;text-decoration-thickness:5px;text-decoration-color:#000;animation:underlineColor 3s infinite linear}@keyframes underlineColor{0%{text-decoration-color:#000}25%{text-decoration-color:orange}50%{text-decoration-color:purple}75%{text-decoration-color:gold}to{text-decoration-color:#28a745}}.product-preview{flex:1;background-color:#222;color:gold;border-radius:10px;padding:15px;text-align:center;box-shadow:0 2px 6px #0000001a}.product-preview img{width:150px;height:auto;border-radius:8px;margin-bottom:10px}.edit-product form{background-color:#222;flex:2;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 6px #ee00ff1a;min-width:0}.edit-product input,.edit-product textarea{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;width:100%;box-sizing:border-box}.edit-product button[type=submit]{background:#fff;color:purple;padding:10px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background .2s ease}.edit-product button[type=submit]:hover{background:green;color:gold}.logo-container{text-align:center;margin:15px 0}.logo-edit{max-width:80px;height:auto;opacity:.9}@media (max-width: 1024px){.productos{grid-template-columns:repeat(1,1fr)}.title{width:100%}.title h1{font-size:1.7rem;font-weight:700;text-transform:uppercase;margin-right:100px;margin-left:100px}.title h2{font-size:1.5rem;font-weight:400;opacity:.9}.edit-product-content{flex-direction:column}.product-preview{flex:1 1 100%;padding:10px}.product-preview img{max-width:120px}.edit-product form{flex:1 1 100%}.edit-product input,.edit-product textarea{font-size:13px}}@media (max-width: 768px){.edit-product form{padding:10px}.edit-product input,.edit-product textarea{font-size:13px}.title h1{font-size:1rem;font-weight:700;text-transform:uppercase;margin-right:100px;margin-left:100px}.title h2{font-size:.8rem;font-weight:400;opacity:.9}}@media (max-width: 600px){.edit-product form{padding:8px}.edit-product input,.edit-product textarea{font-size:12px;padding:8px}.title{width:100%}.title h1{font-size:1rem;font-weight:700;text-transform:uppercase;margin-right:100px;margin-left:100px}.title h2{font-size:.8rem;font-weight:400;opacity:.9}}@media (max-width: 480px){.edit-product form{padding:8px}.edit-product input,.edit-product textarea{font-size:12px;padding:8px}.title{width:100%}.title h1{font-size:1rem;font-weight:700;text-transform:uppercase;margin-right:100px;margin-left:100px}.title h2{font-size:.8rem;font-weight:400;opacity:.9}}.notfound-card{max-width:500px;margin:100px auto;padding:40px 30px;background:#fff;border-radius:15px;box-shadow:0 0 25px #80008066;text-align:center}.notfound-title{font-size:5rem;font-weight:700;color:gold;margin-bottom:10px}.notfound-subtitle{font-size:1.8rem;margin-bottom:15px;color:purple}.notfound-text{font-size:1rem;margin-bottom:25px;color:#333}.notfound-button{display:inline-block;padding:12px 25px;background:gold;color:purple;font-weight:700;border-radius:8px;text-decoration:none;transition:.3s}.notfound-button:hover{background:purple;color:gold}@media (max-width: 768px){.notfound-card{max-width:90%;margin:60px auto;padding:25px 20px}.notfound-title{font-size:3.5rem}.notfound-subtitle{font-size:1.4rem}.notfound-text{font-size:.9rem}.notfound-button{padding:10px 18px;font-size:.9rem}}@media (max-width: 480px){.notfound-card{margin:40px auto;padding:20px 15px;border-radius:10px}.notfound-title{font-size:2.8rem}.notfound-subtitle{font-size:1.2rem}.notfound-text{font-size:.85rem}.notfound-button{padding:8px 16px;font-size:.85rem}}body,html{height:100%;margin:0;padding:0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}body{background-image:url(/Kobe-s-legacy/assets/desktop-wallpaper-kobe-bryant-home-screen-3dMp-TKW.jpg);background-position:center center;background-repeat:no-repeat;background-size:contain;background-attachment:fixed;background-color:#000}header,footer{z-index:10;position:relative}@media (max-width: 768px){body{background-size:cover;background-attachment:scroll}}@media (max-width: 480px){body{background-size:cover;background-position:top center}}@media (max-width: 1024px){.form-container,.notfound-card{width:80%;padding:20px}.busqueda{width:200px}}@media (max-width: 768px){nav{gap:15px}.form-container,.notfound-card{width:90%;padding:15px}footer{font-size:.9rem;padding:15px 5px}}@media (max-width: 480px){.form-container{width:95%;padding:10px}.form-container h1{font-size:1.5rem}.form-container input,.form-container button{font-size:.9rem;padding:10px}.notfound-card{width:95%;padding:10px}.notfound-title{font-size:3rem}.notfound-subtitle{font-size:1.2rem}footer{font-size:.8rem;line-height:1.4}footer a{display:inline-block;margin:5px}}