@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";html,body{margin:0;padding:0;width:100%;min-height:100%}#root{min-width:100%;min-height:100%;font-family:Open Sans,sans-serif,Arial,Helvetica}body{min-height:100%;width:100%}.loading{width:100%;height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:40px}.loading span{margin:0;padding:0;font-size:1.3rem}.no-results{width:100%;height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:40px}.no-results-icon{font-size:40px}.no-results-text{margin:0;padding:0;font-size:1.3rem}.categories-options{height:8vh;background-color:#80808018;display:grid;grid-template-columns:repeat(5,1fr);place-items:center;gap:25px;padding:10px}.category{width:18vw;height:80%;border:solid 1px gray;background-color:#fff;font-size:1.1rem;outline:none;font-weight:500;border-radius:6px}.category:hover{background-color:#11111173;cursor:pointer;color:#fff}.active-btn{background-color:#11111173;color:#fff}@media(min-width:769px)and (max-width:1024px)and (orientation:portrait){.categories-options{height:8vh}.category{width:100%;height:50%;font-size:1.1rem;font-weight:600}}@media(min-width:769px)and (max-width:1365px)and (orientation:landscape){.categories-options{height:15vh}.category{width:100%;height:50%;font-size:1.4rem;font-weight:600}}@media(max-width:768px){.categories-options{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:25vh}.categories-options>:last-child{grid-column:1 / -1}.category{width:100%;height:100%;font-size:1.2rem;font-weight:600}}@media(max-height:500px){.categories-options{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:55vh}.categories-options>:last-child{grid-column:1 / -1}.category{width:100%;height:100%;font-size:1.3rem;font-weight:600}}.container-products{background-color:#80808018;width:100%;display:grid;grid-template-columns:repeat(4,1fr);place-items:center;padding-top:10px;padding-bottom:10px;column-gap:10px}.Products-total{margin-left:2%;font-size:1.2rem;width:100vw;font-weight:500}@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait){.container-products{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px)and (max-width:1365px)and (orientation:landscape){.container-products{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.container-products{grid-template-columns:1fr}}@media(max-height:500px){.container-products{grid-template-columns:repeat(2,1fr)}}.container-card{background-color:#fff;width:21vw;min-height:40vh;border-radius:6%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:20px;padding-bottom:15px;box-shadow:5px 5px 10px #0000001a,-5px -5px 10px #0000001a;gap:5px;margin-top:10px;margin-bottom:10px}.container-image{border-radius:8%;height:200px;width:200px;display:flex;justify-content:center;align-items:center;border:solid 1px rgba(80,79,79,.541)}.image-product{height:98%;width:98%;object-fit:contain}.name-price{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow-wrap:anywhere;min-height:10%;width:70%;padding:5px 5px 0;gap:5px;box-sizing:border-box}.name-price h3{margin:0}.name-price span{font-size:20px;margin:0;width:100%}.buttons{height:auto;min-height:8vh;width:80%;padding:0 5px;display:flex;justify-content:space-around;align-items:center;text-align:center;gap:15px;box-sizing:border-box}.whatsApp{width:45px;height:45px;border-radius:50%;background-color:#25d366;display:flex;align-items:center;justify-content:center;text-align:center;border:none;outline:none}.container-id{width:50%;overflow-wrap:anywhere;word-break:break-word;display:flex}.id-product{font-size:18px;font-weight:550}.icon-whatsApp{font-size:40px;color:#fff}.details{background:linear-gradient(135deg,#3b82f6,#063497);height:80%;width:65%;font-size:18px;border-radius:8px;border:none;outline:none;text-align:center;color:#fff}.whatsApp:hover{background-color:#13b44e;cursor:pointer}.details:hover{background:linear-gradient(135deg,#063497,#3b82f6);color:#fff;cursor:pointer}@media(min-width:769px)and (max-width:1024px)and (orientation:portrait){.container-card{width:45vw;min-height:40vh;border-radius:6%;padding-bottom:10px}.container-image{height:300px;width:300px}.name-price{gap:15px}.name-price h3{margin:0;font-size:1.6rem}.name-price span{font-size:1.7rem;margin:0;width:100%}.id-product{font-size:1.6rem}.whatsApp{width:65px;height:65px}.icon-whatsApp{font-size:45px}}@media(min-width:769px)and (max-width:1365px)and (orientation:landscape){.container-card{width:30vw;min-height:50vh;border-radius:6%}.container-image{height:280px;width:280px}.name-price{gap:15px}.name-price h3{margin:0;font-size:1.6rem}.name-price span{font-size:1.6rem;margin:0;width:100%}.id-product{font-size:1.6rem}.whatsApp{width:70px;height:70px}.icon-whatsApp{font-size:60px}}@media(max-width:768px){.container-card{width:80vw;min-height:40vh;border-radius:6%;padding-bottom:10px}.container-image{height:220px;width:220px}.name-price{gap:15px}.name-price h3{margin:0;font-size:1.5rem}.name-price span{font-size:1.3rem;margin:0;width:100%}.id-product{font-size:1.4rem}.whatsApp{width:55px;height:55px}.icon-whatsApp{font-size:45px}}@media(max-height:500px){.container-card{width:40vw;min-height:40vh;border-radius:6%;padding-bottom:20px}.container-image{height:240px;width:240px}.name-price{gap:15px}.name-price h3{margin:0;font-size:1.6rem}.name-price span{font-size:1.4rem;margin:0;width:100%}.id-product{font-size:1.5rem}.whatsApp{width:55px;height:55px}.icon-whatsApp{font-size:45px}}.principal-container{background-color:#111;display:flex;justify-content:center;align-items:center;height:16vh}.container-search{height:15vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:80%;border-radius:8px}.container-search>label{font-size:1.1rem;margin-right:46%;color:#fff}#search-product{height:40%;font-size:1.1rem;width:60%;border-radius:6px;border:solid 1px gray;text-indent:10px}#search-product:focus{border:solid 1px gray;outline:none}@media(min-width:769px)and (max-width:1024px)and (orientation:portrait){.principal-container{height:10vh}.container-search{height:100%;width:95%}.container-search>label{font-size:1.4rem;margin-right:45%}#search-product{font-size:1.2rem;width:70%}}@media(min-width:769px)and (max-width:1365px)and (orientation:landscape){.principal-container{height:18vh}.container-search{height:100%;width:95%}.container-search>label{font-size:1.5rem;margin-right:43.5%}#search-product{font-size:1.4rem;width:60%}}@media(max-width:768px){.principal-container{height:16vh}.container-search{height:100%;width:95%}.container-search>label{font-size:1.3rem;margin-right:42%}#search-product{font-size:1.3rem;width:90%}}@media(max-height:500px){.principal-container{height:35vh}.container-search{height:100%;width:95%}.container-search>label{font-size:1.3rem;margin-right:56%}#search-product{font-size:1.3rem;width:80%}}.footer-catalog{background-color:#000000ce;height:16vh;display:grid;grid-template-columns:1.2fr 1fr 1fr;color:#fff;font-size:15px;text-align:center}.adress{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.adress>address>a{color:#fff}.contact-us{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.social-networks{display:flex;align-items:center;justify-content:center;width:100%;gap:20px}.tikTok-logo,.whatsApp-logo,.logo-sending{color:#fff;font-size:24px}.more-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}@media(min-width:769px)and (max-width:1024px)and (orientation:portrait){.adress,.contact-us{text-align:center}.more-info{flex-direction:column;text-align:center}.logo-sending{font-size:24px}.tikTok-logo,.whatsApp-logo{color:#fff;font-size:30px}}@media(max-width:768px){.footer-catalog{height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.adress{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.contact-us{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.social-networks{height:100%;width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.more-info{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.tikTok-logo,.whatsApp-logo{color:#fff;font-size:30px}}@media(max-height:500px){.footer-catalog{height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.adress{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.contact-us{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.social-networks{height:100%;width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.more-info{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:15px;padding-bottom:15px}.tikTok-logo,.whatsApp-logo{color:#fff;font-size:30px}}.header-catalog{background-color:#000;height:12vh;display:flex;flex-direction:row;color:#fff;justify-content:space-between;align-items:center}.title{width:40%;height:100%;display:flex;justify-content:space-around;align-items:center}.title-text{font-size:2.5rem}.logo-taller{width:60px;height:60px}.information{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:45%;height:100%}.title-information{font-size:1.9rem}@media(min-width:769px)and (max-width:1024px)and (orientation:portrait){.header-catalog{justify-content:space-evenly}.title{width:25%}.logo-taller{width:70px;height:70px}.information{width:70%}.title-information{font-size:1.8rem}}@media(max-width:768px){.information{display:none}.title{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.title-text{font-size:2.8rem}}@media(max-height:500px){.header-catalog{background-color:#000;height:22vh;display:flex;flex-direction:row;color:#fff;justify-content:space-between;align-items:center}.title{width:30%}.title-text{font-size:2.5rem}.logo-taller{width:60px;height:60px}.information{width:70%;justify-content:center;gap:10px}.title-information{font-size:1.8rem}}