@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";#start{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}#start h1{font-family:Montserrat,sans-serif;letter-spacing:-10px;font-size:6em;color:#000}#login{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:start;align-items:center}#login h1{margin-top:40px;font-family:Montserrat,sans-serif;letter-spacing:-8px;font-size:4em;color:#000;animation:slideIn 1s ease-out}#login form{margin-top:80px;display:flex;flex-direction:column}#login form input{width:60vw;height:30px;margin-top:20px;font-size:.8em;padding-left:5px}#login form input::placeholder{font-weight:600}#login form button{font-family:Montserrat,sans-serif;width:60vw;letter-spacing:-2px;height:40px;font-weight:600;background-color:#000;color:#fff;font-size:1.5em;margin-top:20px;padding-left:5px;cursor:pointer}#login form .link{cursor:pointer;text-align:right;text-decoration:none;color:#2170e8;margin-top:3px;font-size:.9em;font-family:Roboto,sans-serif}#login .Barra{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:40px;margin-top:50px}#login .Barra hr{height:1px;width:45%;background-color:#000}#login .logExtern{position:relative;display:flex;align-items:center;justify-content:center;width:40vw;height:40px;cursor:pointer;margin-bottom:20px;padding:5px;background-color:#fff;border:1px solid black}#login .logExtern h3{margin-left:20px;font-family:Roboto,sans-serif;font-weight:500}#login .logExtern img{margin-left:5px;left:0;position:absolute;width:30px;height:30px}#login h2{font-size:1.3em;font-family:Roboto,sans-serif;font-weight:500}#login .buttonLink{font-family:Montserrat,sans-serif;width:40vw;letter-spacing:-2px;height:40px;font-weight:600;text-decoration:none;background-color:#000;color:#fff;font-size:1.5em;margin-top:20px;padding-left:5px;display:flex;justify-content:center;align-items:center;cursor:pointer}#login .loginGoogle{width:40vw!important;height:40px!important;opacity:0!important;position:absolute;z-index:1000!important}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}#Register{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:start;align-items:center}#Register h1{margin-top:40px;font-family:Montserrat,sans-serif;letter-spacing:-8px;font-size:4em;color:#000}#Register form{margin-top:80px;display:flex;flex-direction:column}#Register form input{width:60vw;height:30px;margin-top:20px;font-size:.8em;padding-left:5px}#Register form input::placeholder{font-weight:600}#Register form .error{color:red;width:60vw;text-align:center;margin-top:10px}#Register form button{font-family:Montserrat,sans-serif;width:60vw;letter-spacing:-2px;height:40px;font-weight:600;background-color:#000;color:#fff;font-size:1.5em;margin-top:20px;padding-left:5px;cursor:pointer}#Register form .link{cursor:pointer;text-align:right;text-decoration:none;color:#2170e8;margin-top:3px;font-size:.9em;font-family:Roboto,sans-serif}#Register .Barra{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:40px;margin-top:50px}#Register .Barra hr{height:1px;width:45%;background-color:#000}#Register .logExtern{position:relative;display:flex;align-items:center;justify-content:center;width:40vw;height:40px;cursor:pointer;margin-bottom:20px;padding:5px;background-color:#fff;border:1px solid black}#Register .logExtern h3{margin-left:20px;font-family:Roboto,sans-serif;font-weight:500}#Register .logExtern img{margin-left:5px;left:0;position:absolute;width:30px;height:30px}#Register h2{font-size:1.3em;font-family:Roboto,sans-serif;font-weight:500}#Register .buttonLink{font-family:Montserrat,sans-serif;width:40vw;letter-spacing:-2px;height:40px;font-weight:600;text-decoration:none;background-color:#000;color:#fff;font-size:1.5em;margin-top:20px;padding-left:5px;display:flex;justify-content:center;align-items:center;cursor:pointer}#Register .loginGoogle{width:40vw!important;height:40px!important;opacity:0!important;position:absolute;z-index:1000!important}#inicio{display:flex;flex-direction:column;justify-content:start;align-items:start;min-height:calc(100vh - 85px);margin-bottom:20px}#inicio h1{margin-left:20px;margin-top:40px;cursor:pointer;font-family:Montserrat,sans-serif;letter-spacing:-7px;font-size:3.5em;color:#000;animation:slideIn 1s ease-out}#inicio .tituloMarcas{width:100%;display:flex;flex-direction:column}#inicio .tituloMarcas hr{margin-top:20px;height:3px;background-color:#000}#inicio .marcas{box-sizing:border-box;margin-top:40px;width:100%;display:flex;justify-content:space-between;padding:0 20px}#inicio .marcas .marca{display:flex;cursor:pointer;flex-direction:column;align-items:center}#inicio .marcas .marca img{width:50px;height:50px;border-radius:9999}#inicio .marcas .marca h4{align-items:center;font-size:.7em;font-family:Roboto,sans-serif}#inicio .buttonLink{font-family:Montserrat,sans-serif;letter-spacing:-2px;font-weight:400;text-decoration:none;background-color:#000;color:#fff;font-size:1.1em;margin-top:10px;margin-right:20px;padding:0 35px;display:flex;justify-content:center;align-items:center;cursor:pointer}#inicio .articulos{display:flex;width:100%;flex-direction:column;align-items:center}#inicio .articulos .buttonLink{align-self:flex-end}#inicio .productos{margin-top:20px;display:flex;flex-wrap:wrap;width:100%;padding-left:10px;justify-content:flex-start;gap:10px}#inicio .productos .producto{flex:0 1 calc(33.33333333333% - 10px);box-sizing:border-box;margin-bottom:20px}#inicio .productos .producto .productoImg{position:relative}#inicio .productos .producto .productoImg img{height:auto;width:100%;border:1px solid black;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}#inicio .productos .producto .productoImg h6{position:absolute;bottom:8px;left:4px;padding:2px 10px;font-size:.7em;font-weight:900;background-color:#ede8d0;text-align:center;font-family:Roboto,sans-serif}#inicio .productos .producto h3{text-align:center;font-family:Roboto,sans-serif;font-size:.8em}.filter-container{position:fixed;top:0;right:-40%;width:40%;height:100%;background-color:#fff;border-left:1px solid #ccc;box-shadow:-2px 0 5px #00000080;transition:right .3s ease;z-index:1000}.filter-container.show{right:0}.header-row{display:flex;justify-content:space-between;padding:10px;background-color:#f2f2f2;border-bottom:1px solid #ccc}.close-btn{cursor:pointer;font-size:20px}.filter-by-text{font-weight:700}.filter-section{padding:10px;border-bottom:1px solid #ccc}.filter-title{font-weight:700;cursor:pointer}.filter-options{margin-top:5px}.error{color:red;margin:10px 0}button{background-color:#007bff;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:5px}button:hover{background-color:#0056b3}#Nav{display:flex;background-color:#000;align-items:center;justify-content:center;padding:0;width:100%;position:sticky;bottom:0;z-index:1000}#Nav .search{cursor:pointer;margin:-65px 50px 0;background-color:#000;display:flex;justify-content:center;align-items:center;position:relative;width:60px;height:60px;border:5px solid white;border-radius:100000000px}#Nav .home,#Nav .profile{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;margin-top:10px}#Nav .home img,#Nav .profile img{width:30px;height:30px}#Nav .home h4,#Nav .profile h4{color:#fff;font-family:Montserrat,sans-serif;font-size:.8em}#Search{display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:20px;padding-left:0;padding-right:0;min-height:calc(100vh - 85px);margin-bottom:20px;width:100%}#Search .searchBar{display:flex;align-items:center;width:90%;margin-bottom:20px}#Search .searchBar input{padding:12px 15px;font-weight:700;color:#000;background-color:#e4e4e47f;width:70%;border:0;outline:none;border-radius:50px}#Search .searchBar h4{font-family:Montserrat,sans-serif;font-weight:700;cursor:pointer;margin-left:10px}#Search .prendas{width:90%}#Search .prendas h2{font-family:Montserrat,sans-serif;font-weight:600;letter-spacing:-1px;font-size:1.3em;margin-bottom:10px}#Search .productos{display:flex;flex-wrap:wrap;width:100%;gap:10px;justify-content:flex-start}#Search .producto{flex:0 1 calc(50% - 10px);box-sizing:border-box;margin-bottom:20px;background-color:#fff;border:1px solid black;border-radius:10px;overflow:hidden;text-align:center;transition:transform .2s ease}#Search .producto:hover{transform:scale(1.05)}#Search .producto .productoImg{position:relative}#Search .producto .productoImg img{width:100%;height:auto;border-bottom:1px solid black;background-position:center;background-size:cover}#Search .producto .productoImg h6{position:absolute;bottom:8px;left:4px;padding:2px 10px;font-size:1em;font-weight:900;background-color:#ede8d0;text-align:center}#Search .producto h3{font-family:Roboto,sans-serif;font-size:.8em;margin:10px 0}@media (max-width: 400px){#Search .producto{flex:0 1 calc(50% - 5px)}#Search .producto .productoImg h6{font-size:1.2em}}.h2{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.2em;margin-bottom:10px;color:#333}.recientes{width:90%;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:20px}.recientes h2{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.2em;margin-bottom:10px;color:#333}.recientes ul{list-style:none;padding:0;margin:0}.recientes .recent-query{cursor:pointer;color:#007bff;text-decoration:underline;transition:color .3s ease}.recent-query:hover{color:#0056b3}.recientes .recent-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ddd;transition:background-color .3s ease}.recientes .recent-item:last-child{border-bottom:none}.recientes .recent-item span{font-family:Roboto,sans-serif;font-size:1em;color:#555}.recientes .recent-item .block-btn{background-color:#e74c3c;color:#fff;border:none;padding:5px 10px;font-size:.9em;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.recientes .recent-item .block-btn:hover{background-color:#c0392b}.recientes .recent-item:hover{background-color:#f1f1f1}#Prenda{display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:20px;min-height:calc(100vh - 65px)}#Prenda .width100{margin-top:250px}#Prenda h1{font-family:Montserrat,sans-serif;letter-spacing:-7px;font-size:3.5em;cursor:pointer;color:#000;animation:slideIn 1s ease-out}#Prenda hr{width:100%;border:1px solid black}#Prenda .flecha{align-self:flex-start;margin-left:50px;width:20px;height:20px;cursor:pointer}#Prenda h2{font-size:1.8;font-weight:1000;text-align:center;margin-top:10px;font-family:Roboto,sans-serif}#Prenda h3{color:gray}#Prenda .prenda{width:100%;height:40vh;background-position:center;background-size:cover}#Prenda h3{font-family:Montserrat,sans-serif;font-size:900;margin-top:10px;margin-bottom:15px;font-size:1.3em}#Prenda .celeste{background-color:#fff;padding:15px;border:1px solid black;border-radius:15px;color:#000;font-size:1em;font-weight:700;cursor:pointer}#Prenda .negro{cursor:pointer;border:0;font-size:1em;font-weight:700;color:#fff;width:30%;background-color:#000;padding:10px;margin-top:10px}#Probar{display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:40px;min-height:calc(100vh - 65px);background-color:#000}#Probar h1{font-family:Montserrat,sans-serif;letter-spacing:-3px;font-size:2.5em;cursor:pointer;color:#fff;animation:slideIn 1s ease-out}#Probar .video{width:80%;max-height:60vh}#Probar .imagenCross{width:80%;position:relative}#Probar .imagenCross .ImagenPrenda{width:100%;max-height:50vh;height:auto}#Probar .imagenCross .x{position:absolute;right:10px;top:10px;width:20px;cursor:pointer}#Probar .takePicture{width:80%;background-color:#000;border-radius:40px}#Probar .pictureOptions{margin-top:20px;width:60%;display:flex;justify-content:space-around}#Probar .form-control{width:40px;height:40px;position:absolute;left:0;top:0;opacity:0;z-index:10000}#Probar .pictureOptions .contenedor{position:relative;border:2px solid white;border-radius:10px;padding:5px 10px}#Probar .pictureOptions img{width:30px;cursor:pointer;border-radius:10px;height:30px}.cargando .container{position:absolute;top:50%;left:50%;border-radius:50%;height:96px;width:96px;animation:rotate_3922 1.2s linear infinite;background-color:#9b59b6;background-image:linear-gradient(#9b59b6,#84cdfa,#5ad1cd)}.cargando .container span{position:absolute;border-radius:50%;height:100%;width:100%;background-color:#9b59b6;background-image:linear-gradient(#9b59b6,#84cdfa,#5ad1cd)}.cargando .container span:nth-of-type(1){filter:blur(5px)}.cargando .container span:nth-of-type(2){filter:blur(10px)}.cargando .container span:nth-of-type(3){filter:blur(25px)}.cargando .container span:nth-of-type(4){filter:blur(50px)}.cargando .container:after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;background-color:#fff;border:solid 5px #ffffff;border-radius:50%}@keyframes rotate_3922{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.cargando h3{color:#fff;margin-top:200px;font-size:1em;text-align:center;font-family:Montserrat,sans-serif}.cargando{height:100vh;width:100%;position:absolute;z-index:100000000000000;background-color:#000c;display:flex;justify-content:center;align-items:center}#ProbarResultado{display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:20px;min-height:calc(100vh - 65px);background-color:#fff}#ProbarResultado h1{font-family:Montserrat,sans-serif;letter-spacing:-7px;font-size:3.5em;cursor:pointer;color:#000;height:70px;animation:slideIn 1s ease-out}#ProbarResultado .imageResultado{height:calc(100vh - 155px);max-width:100%;object-fit:cover}#ProbarResultado .botones{display:flex;position:absolute;justify-content:space-between;width:100%;bottom:120px;padding:0 20px;z-index:1000000000}#ProbarResultado .botones .comprar{width:60%;padding:10px;font-size:1em;background-color:#2170e8;color:#fff;cursor:pointer;border:none}#ProbarResultado .botones .volver{width:35%;padding:10px;font-size:1em;background-color:#000;color:#fff;cursor:pointer;border:none}#NavProbar{display:flex;background-color:#000;align-items:center;justify-content:center;padding:0;width:100%;position:sticky;bottom:0;z-index:1000}#NavProbar .search{cursor:pointer;margin:-65px 50px 0;background-color:#000;display:flex;justify-content:center;align-items:center;position:relative;width:70px;height:70px;border:5px solid white;border-radius:100000000px}#NavProbar .home,#NavProbar .profile{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;margin-top:10px}#NavProbar .home img,#NavProbar .profile img{width:30px;height:30px}#NavProbar .home h4,#NavProbar .profile h4{color:#fff;font-family:Montserrat,sans-serif;font-size:.8em}#Result{display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:40px;min-height:calc(100vh - 65px);background-color:#fff}#Result h1{font-family:Montserrat,sans-serif;letter-spacing:-3px;font-size:2.5em;cursor:pointer;color:#000;animation:slideIn 1s ease-out}#Perfil{display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:20px;min-height:calc(100vh - 65px)}#Perfil .profilePicture{width:100px;height:100px;margin-top:20px;border-radius:90000px;border:3px solid black}#Perfil h2{font-weight:700;margin-top:20px;font-family:Montserrat,sans-serif;text-transform:capitalize}#Perfil .numberProfile{display:flex;margin-top:20px;width:100%;justify-content:space-evenly}#Perfil .numberProfile div{display:flex;flex-direction:column;align-items:center}#Perfil .numberProfile div h5,#Perfil .numberProfile div h4{font-family:Roboto,sans-serif;font-size:1em}#Perfil .follow{background-color:#000;color:#fff;font-size:1.2em;margin-top:20px;font-family:Montserrat,sans-serif;font-weight:400;padding:2px 20px}#Perfil hr{margin-top:20px;height:3px;width:100%;background-color:#000}#Perfil .articulos{display:flex;width:100%;flex-direction:column;align-items:center}#Perfil .articulos .buttonLink{align-self:flex-end}#Perfil .productos{margin-top:20px;display:flex;flex-wrap:wrap;width:100%;padding-left:10px;justify-content:flex-start;gap:10px}#Perfil .productos .producto{flex:0 1 calc(33.33333333333% - 10px);box-sizing:border-box;margin-bottom:20px}#Perfil .productos .producto .productoImg{position:relative}#Perfil .productos .producto .productoImg img{height:auto;width:100%;border:1px solid black;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}#Perfil .productos .producto .productoImg h6{position:absolute;bottom:8px;left:4px;padding:2px 10px;font-size:.7em;font-weight:900;background-color:#ede8d0;text-align:center;font-family:Roboto,sans-serif}#Perfil .productos .producto h3{text-align:center;font-family:Roboto,sans-serif;font-size:.8em}.width100{width:100%;display:flex;align-items:center;justify-content:center}.dot-wave{margin-bottom:30px;--uib-size: 50px;--uib-speed: .8s;--uib-color: #0d0909;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:var(--uib-size);height:calc(var(--uib-size) * .17);padding-top:calc(var(--uib-size) * .34)}.dot-wave__dot{width:100%;flex-shrink:0;width:calc(var(--uib-size) * .17);height:calc(var(--uib-size) * .17);border-radius:50%;background-color:var(--uib-color);will-change:transform}.dot-wave__dot:nth-child(1){animation:jump824 var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.45) infinite}.dot-wave__dot:nth-child(2){animation:jump824 var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.3) infinite}.dot-wave__dot:nth-child(3){animation:jump824 var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.15) infinite}.dot-wave__dot:nth-child(4){animation:jump824 var(--uib-speed) ease-in-out infinite}@keyframes jump824{0%,to{transform:translateY(0)}50%{transform:translateY(-200%)}}#RegisterUser{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}#RegisterUser form{display:flex;flex-direction:column;justify-content:center;align-items:center}#RegisterUser form input[type=submit]{width:75px;background-color:#000;color:#fff;height:25px}#RegisterUser h3{color:red}*{margin:0;padding:0;box-sizing:border-box}
