@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";body{background:radial-gradient(circle at center,#333,#000);font-family:Open Sans,sans-serif,system-ui}:root{--morado-oscuro: #8600d8;--rosa-intenso: #f113a8;--azul-electrico: #113bf4;--azul-cielo: #00edff;--rojo: #d13131;--blanco: #f5f5f5;--negro: #333333}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at center,#333,#000);font-family:Open Sans,sans-serif}p,label,li,h1,h2,h3,h4,h5{color:#f5f5f5}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--azul-cielo);border-radius:20px;cursor:pointer}::-webkit-scrollbar-button{cursor:pointer}::-webkit-scrollbar,::-webkit-scrollbar-button,::-webkit-scrollbar-track{background:#333}.returnBtn{font-size:3rem;height:50px;width:50px;position:fixed;bottom:2%;right:5%;background:none;border:none;color:var(--blanco);background-image:radial-gradient(circle,black,var(--morado-oscuro) 80%);border-radius:50%;z-index:2;cursor:pointer}.returnBtn:hover{transform:scale(1.2);background-image:radial-gradient(circle,black,var(--azul-electrico) 90%);transition:all .5s}.navbar{position:relative;background:linear-gradient(to right,#113bf4,#8600d8,#f113a8);color:var(--blanco);padding:10px 0}.container-navigation{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:0 10px}.brand img{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.brand-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.search-cart{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;cursor:pointer}.search-cart-btn{font-size:2rem;color:var(--blanco)}.search-cart-btn:hover{cursor:pointer;color:var(--negro);transition:color .5s}.navbar-links{position:absolute;top:100%;left:0%;width:100%;flex-direction:column;display:none;align-items:center;text-align:center;justify-content:center}.navbar-links.active{display:flex;flex-direction:column;background:linear-gradient(to right,#113bf4,#8600d8,#f113a8);padding:20px 0;font-size:1.2rem;z-index:2}.navbar-links a{padding:20px 10px;color:var(--blanco);text-decoration:none;transition:color .3s ease}.navbar-links a:hover{color:#000}.hamburger-menu{display:flex;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background-color:var(--blanco);margin:3px 0}#cart-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;padding:.5rem 1rem;font-size:2rem;border:1px solid transparent;border-radius:.5rem;color:var(--blanco);box-shadow:0 0 0 transparent;transition:color .5s}#search-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:2rem;color:var(--blanco);border:1px solid transparent;border-radius:.5rem;box-shadow:0 0 0 transparent;background-color:transparent}.user-btn{background:none;border:none;cursor:pointer}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c;justify-content:center;align-items:center}.modal-content,.login-registerForm,.head-login-register{display:flex;flex-direction:column;align-items:center;justify-content:start}.modal-content{background-color:#0009;border-radius:1rem;padding:20px;border:5px double var(--rosa-intenso);box-shadow:0 0 2rem var(--morado-oscuro);width:90%;height:95%;position:relative}.login-register-logo,h2{height:5rem;font-size:1rem}.login-registerForm{height:100%;width:90%;gap:2rem;font-size:1rem;justify-content:space-evenly}.input-login-register{background-color:transparent;color:var(--rosa-intenso);border:none;border-bottom:1px solid var(--rosa-intenso);font-size:1.5rem;padding:.5rem;outline:none}form label{padding:0rem .5rem;font-size:1rem}.input-login-register:focus{border-color:var(--azul-cielo);color:var(--azul-cielo);transition:ease-in-out .3s}.login-register-submit{color:var(--negro);padding:1rem;font-size:1rem;font-weight:bolder;border:5px double;border-radius:2rem;background:linear-gradient(0deg,var(--morado-oscuro),var(--rosa-intenso));cursor:pointer}.login-register-submit:hover{color:#000;background:linear-gradient(180deg,var(--morado-oscuro),var(--rosa-intenso));box-shadow:0 0 1rem var(--morado-oscuro);transform:scale(1.1);transition:ease .2s}.register-link{color:var(--blanco);text-decoration:none;font-size:1.2rem}.register-link:hover,.back-login-link:hover{color:var(--rosa-intenso);text-align:center;transition:ease .3s}.back-login-link{color:var(--blanco);text-decoration:none;font-size:1rem}.close{position:absolute;top:10px;right:20px;color:var(--rosa-intenso);font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:var(--azul-cielo);transform:scale(1.5);transition:ease .3s;text-decoration:none;cursor:pointer}footer{width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background:radial-gradient(circle at center,#333,#000);color:var(--blanco);font-size:.7rem;margin-top:20px}.container-footer{width:95%;display:flex;flex-direction:column;padding:30px 0;justify-content:space-between;align-items:center;border:2px solid rgba(255,255,255,.1);gap:10px}.brand{display:flex;justify-content:center}.brand img{width:64px;height:64px}.container-sections{display:flex;justify-content:center;align-items:center;width:80%}.content,.contact-footer{width:50%;text-align:center}.content{display:flex;flex-direction:column;align-items:center}.social-footer{display:flex;justify-content:center}.links-social-footer{color:var(--blanco);font-size:1.2rem;padding:5px}.website{text-decoration:none;font-size:1rem;color:var(--blanco)}.container-links-footer,.links-footer{width:100%;display:flex;justify-content:space-evenly;color:var(--blanco);font-size:1rem;text-decoration:none}@media (min-width: 768px){.modal-content{width:50%;height:80%}.login-register-logo,h2{height:6rem;font-size:2rem}form label{padding:0rem 1rem;font-size:1.5rem}.login-register-submit{font-size:1.2rem}.navbar{position:static}.navbar-links{display:flex;position:static;flex-direction:row}.hamburger-menu{display:none}.navbar-links a{padding:10px}.returnBtn{bottom:1%;right:1%;font-size:4rem;height:65px;width:65px}.feature{width:30%;margin:15px}footer{font-size:1rem}.container-footer{gap:50px}.direction-footer{width:50%;word-wrap:break-word}.container-links-footer,.links-footer{font-size:1.3rem}.links-social-footer{font-size:2rem;padding:5px 15px}}#items-in-cart{display:none;position:absolute;font-size:small;background-color:red;border-radius:100%;height:20px;width:20px;text-align:center;bottom:0;right:6px;color:#fff}