@import"https://fonts.googleapis.com/css2?family=Gabarito&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Gabarito,cursive}.App{display:flex;flex-direction:column;align-items:center;height:100vh}.search{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;margin-top:10px}.search input{width:300px;height:40px;padding:5px;margin-bottom:10px;margin-top:10px;outline:none;animation:input-animation 1s}@keyframes input-animation{0%{width:0px;border:0px solid #000}to{width:300px;border:1px solid #000}}.search input:focus{border:2px solid #000}.hot{width:200px;height:200px;margin:10px}.inicio p{font-size:30px;font-weight:700;text-align:center;color:#fc5226;margin:10px}.hot img{width:100%;height:100%;object-fit:cover;animation:scale 2s infinite alternate}@keyframes scale{0%{transform:scale(.9)}to{transform:scale(1.1)}}.products-contenedor{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 20px)}.product-card{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid #000;width:80%;height:calc(100% - 20px);padding:10px;margin:10px;animation:card-animation 1s}.contenedor-izq{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:40%}.product-img{position:relative;width:80%}.product-img img{width:100%;height:100%;object-fit:cover}.hot-img{position:absolute;top:70px;left:120px;width:150px}.hot-img img{width:100%;height:100%;object-fit:cover}.contenedor-sku{display:flex;flex-direction:column;justify-content:start;width:80%}.contenedor-sku p{font-size:10px;text-align:left}.contenedor-derecha{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:60%;height:100%}.contenedor-desc{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border:1px solid grey;width:95%}.contenedor-desc p{padding:10px;margin:10px;font-size:12px;text-align:center;font-weight:700}.contenedor-precios{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%}.precio,.precio-eft{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}.precio-actual{font-size:18px;font-weight:700;text-align:center}.precio-ahora{font-size:18px;text-align:center;font-weight:700}.text{font-size:12px;text-align:center}.text-ef{font-size:18px;color:red;text-align:center}.precio-efectivo{font-size:25px;font-weight:700;color:red;text-align:center}.conteendor-info{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.info-coutas{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px}.info-coutas p{font-size:15px;text-align:center;padding-left:20px;font-weight:700}.info-medidas{width:100%;display:flex;justify-content:center;align-items:center}.info-medidas p{font-size:10px;text-align:center;margin:10px}.inicio{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.sk-chase{width:40px;height:40px;margin:15px;position:relative;animation:sk-chase 2.5s infinite linear both}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}.sk-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:#000;border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}.sk-chase-dot:nth-child(1){animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{to{transform:rotate(360deg)}}@keyframes sk-chase-dot{80%,to{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}to,0%{transform:scale(1)}}@keyframes card-animation{0%{scale:.5;width:50%;border:0px solid #000}to{scale:1;width:80%;border:1px solid #000}}:root{--primary-color: #353534;--primary-light: #5a5958;--primary-dark: #252423;--accent-color: #f8f9fa;--text-color: #353534;--text-light: #6c757d;--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--border-radius: 8px;--box-shadow: 0 2px 10px rgba(53, 53, 52, .1)}*{font-family:Poppins,sans-serif}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;padding:1rem}.error-message{text-align:center;padding:1.5rem;background:var(--accent-color);border:1px solid var(--error-color);border-radius:var(--border-radius);margin:1rem;box-shadow:var(--box-shadow)}.error-message p{margin:.5rem 0;font-size:1rem;color:var(--error-color);font-weight:500}.countdown{font-weight:600;color:var(--primary-color);background:rgba(53,53,52,.1);padding:.2rem .6rem;border-radius:4px}.welcome-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;min-height:50vh}.welcome-content h1{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;color:var(--primary-color);line-height:1.3}.welcome-subtitle{font-size:1rem;color:var(--text-light);margin-bottom:2rem;font-weight:400}.product-card{background:white;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:all .2s ease;border:1px solid #e9ecef}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #35353426}.product-img img{width:100%;height:180px;object-fit:cover;transition:transform .2s ease}.product-card:hover .product-img img{transform:scale(1.02)}.search{padding:1rem;display:flex;justify-content:center}.search input{width:100%;max-width:400px;padding:.8rem 1.2rem;font-size:1rem;font-weight:400;border:2px solid #e9ecef;border-radius:var(--border-radius);background:white;box-shadow:var(--box-shadow);transition:all .2s ease;color:var(--text-color)}.search input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 4px 15px #35353426}.search input::placeholder{color:var(--text-light);font-weight:400}.precio-actual{font-size:1.2rem;font-weight:600;color:var(--primary-color)}.precio-ahora{font-size:1.2rem;font-weight:600;color:var(--error-color)}.precio-antes{text-decoration:line-through;color:var(--text-light);font-weight:400}.precio-efectivo{color:var(--success-color);font-weight:600;font-size:1.1rem}.text-ef{color:var(--success-color);font-weight:500}.contenedor-desc p{color:var(--text-color);font-size:.9rem;line-height:1.4;margin:0;font-weight:400}.contenedor-sku .sku{font-weight:600;color:var(--primary-color);font-size:.9rem;margin:0}.text-info{font-size:.8rem;color:var(--text-light);margin:.2rem 0;font-weight:400}.text-medidas{font-size:.8rem;color:var(--text-color);margin:.1rem 0;font-weight:400}.contenedor-izq,.contenedor-derecha{padding:1rem}.contenedor-precios{margin:.8rem 0}.conteendor-info{border-top:1px solid #f1f3f4;padding-top:.8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-card{animation:fadeIn .3s ease-out}.loading-container{display:flex;justify-content:center;align-items:center;margin-top:1rem}@media (max-width: 768px){.products-grid{grid-template-columns:1fr;gap:.8rem;padding:.5rem}.welcome-content{padding:1.5rem 1rem;min-height:40vh}.welcome-content h1{font-size:1.5rem}.welcome-subtitle{font-size:.9rem}.search{padding:.8rem}.search input{font-size:.9rem;padding:.7rem 1rem}.contenedor-izq,.contenedor-derecha{padding:.8rem}}