:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:flex-start;min-height:100vh;width:100%}.navLinks{list-style:none;display:flex;margin:0 30px;padding:0;gap:30px}.navLinks li{display:inline-block;padding:0}.navLinks li a{text-decoration:none;color:#000;font-size:16px;font-weight:500;transition:all .3s ease}.navLinks li:hover{color:#f7c42e;transform:scale(1.05)}.image-home{width:100%;height:auto;height:90vh;object-fit:cover}@media (max-width: 768px){.image-home{max-height:60vh;border-radius:8px}}@media (max-width: 480px){.image-home{max-height:70vh;border-radius:6px}}@media (max-width: 768px){.navLinks{gap:15px;margin:0 15px}.navLinks li a{font-size:14px}}@media (max-width: 899px){.navLinks{display:none}.mobile-menu{position:absolute;top:60px;left:0;right:0;background:#75757580;box-shadow:0 4px 12px #0000001a;z-index:1000}.mobile-menu .navLinks{display:flex;flex-direction:column;gap:0;margin:0;padding:20px}.mobile-menu .navLinks li{border-bottom:1px solid #eee;width:100%}.mobile-menu .navLinks li:last-child{border-bottom:none}.mobile-menu .navLinks li a{display:block;padding:15px 0;width:100%;text-align:center;font-size:16px;color:#fff;font-weight:700}}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;color:#fff;opacity:1;background:#f7c42e33}.swiper-pagination-bullet-active{color:#fff;background:#f7c42e}#root{width:100%}.landing-navbar{background:#f7c42e;padding:1rem 0;position:relative;z-index:1000;box-shadow:0 2px 10px #0000001a}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.navbar-logo h1{color:#fff;font-size:2rem;font-weight:700;margin:0;letter-spacing:2px}.navbar-links{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.navbar-links li a{color:#333;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease}.navbar-links li a:hover{color:#fff}.navbar-auth{display:flex;align-items:center}.google-login-btn{display:flex;align-items:center;gap:.5rem;background:#fff;color:#333;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.google-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.google-icon{width:18px;height:18px}.user-info{display:flex;align-items:center;gap:1rem;background:#ffffffe6;padding:.5rem 1rem;border-radius:25px;box-shadow:0 2px 5px #0000001a}.user-details{display:flex;align-items:center;gap:.75rem}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #f7c42e}.logout-btn{display:flex;align-items:center;justify-content:center;background:#f7c42e;color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0003}.logout-btn:hover{background:#ffc516;transform:scale(1.05);box-shadow:0 4px 10px #dc354566}.logout-icon{width:18px;height:18px}@media (max-width: 768px){.navbar-container{padding:0 1rem}.navbar-links{display:none}.navbar-logo h1{font-size:1.5rem}.google-login-btn{padding:.5rem 1rem;font-size:.9rem}.user-info{padding:.4rem .8rem;gap:.5rem}.user-avatar{width:28px;height:28px}.logout-btn{width:32px;height:32px}}.hero-section{flex:1;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:stretch;text-align:center;position:relative}.hero-content{z-index:30;margin-top:-20px}.hero-title{font-size:3.5rem;font-weight:700;color:#333;margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:#555;margin-bottom:2rem;font-weight:500}.hero-cta-btn{background:#f7c42e;color:#333;border:none;padding:1rem 2rem;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;position:relative;z-index:25;animation:heartbeat 2.5s infinite ease-in-out,bounce-in .8s ease-out}.hero-cta-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #0006;background:#272727;color:#fff}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce-in{0%{transform:translateY(30px);opacity:0}60%{transform:translateY(-10px);opacity:1}80%{transform:translateY(5px)}to{transform:translateY(0)}}.hero-image{position:absolute;bottom:40px;left:0;right:0;z-index:10;display:flex;justify-content:center}.machinery-image{width:100%;height:auto;max-height:55vh;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}@media (max-width: 768px){.hero-container{flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 0;height:100vh}.hero-content{margin-top:80px;margin-bottom:2rem;order:1}.hero-title{font-size:2.5rem;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem}.hero-cta-btn{padding:.8rem 1.5rem;font-size:1rem;margin-bottom:2rem}.hero-image{position:relative;bottom:auto;order:2;margin-bottom:2rem}.machinery-image{max-height:35vh;width:90%}}.landing-footer{background:#f7c42ee6;padding:60px 10px 10px;text-align:center;position:absolute;bottom:0;left:0;right:0;z-index:1}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-text{color:#fff;font-size:1rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.landing-footer{position:relative;bottom:auto;order:3;margin-top:auto;padding:10px 0}.footer-text{font-size:1.4rem}.footer-container{padding:0 10px}}.floating-cards-container{position:absolute;inset:0;pointer-events:none;z-index:0}.floating-card{position:absolute;background:#fff;border-radius:20px;box-shadow:0 8px 25px #00000026;padding:1rem;width:180px;pointer-events:auto;transition:transform .3s ease}.floating-card:hover{transform:translateY(-5px)!important}.card-left{top:20%;left:10%;animation:float 4s ease-in-out infinite}.card-right{top:40%;right:5%;animation:floatReverse 4s ease-in-out infinite;animation-delay:2s}.card-content{display:flex;flex-direction:column}.card-image-container{position:relative;display:flex;justify-content:center;align-items:center;height:100px;margin-bottom:1rem;background-color:#d7d7d7;border-radius:10px}.card-rating{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:.2rem;background:#ffffffe6;padding:.2rem .5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;z-index:2}.star{font-size:.8rem}.rating-number{font-size:.8rem;font-weight:600;color:#333}.card-machinery-image{max-width:100%;max-height:100%;object-fit:contain}.card-info{width:100%}.card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.card-title{font-size:1rem;font-weight:700;color:#333;margin:0}.heart-icon{font-size:1.2rem;color:#ccc;cursor:pointer}.heart-icon:hover{color:#ff6b6b}.card-category{font-size:.7rem;color:#999;margin:0 0 2px;text-transform:uppercase;letter-spacing:.5px}.card-pricing{display:flex;flex-direction:column;gap:.2rem}.card-price-old{font-size:.8rem;color:#999;text-decoration:line-through;margin:0}.card-price-current{font-size:1.1rem;font-weight:700;color:#f7c42e;margin:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}@media (max-width: 768px){.floating-cards-container{display:none}}.landing-page{width:100%;height:100vh;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.floating-card{animation:float 3s ease-in-out infinite}.floating-card:nth-child(2n){animation:floatReverse 3s ease-in-out infinite;animation-delay:1.5s}@media (max-width: 768px){.landing-page{min-height:100vh}}.categories-container{text-align:center;max-width:1200px;margin:0 auto}.categories-title{font-size:2.5rem;font-weight:600;color:#333;margin-bottom:1.5rem}.categories-cards{display:flex;gap:2rem;justify-content:center;align-items:center}.category-card{width:450px;height:200px;border-radius:20px;position:relative;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 25px #00000026}.category-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000040}.category-card-selected{background:linear-gradient(135deg,#f7c42ee6,#f7c42eb3),url(/assets/cardmaquinaria-D9a1ueig.jpeg);background-size:cover;background-position:center}.category-card-materials{background:linear-gradient(135deg,#6c757dcc,#6c757d99),url(/assets/cardmaterial-Da3vqtLr.jpeg);background-size:cover;background-position:center}.card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.category-card-title{font-size:1.6rem;font-weight:700;margin:0 0 .5rem;letter-spacing:1px}.card-subtitle{font-size:1.1rem;font-weight:500;margin:0;opacity:.9}@media (max-width: 768px){.categories-cards{flex-direction:column;gap:1.5rem}.category-card{width:90%;max-width:400px}.categories-title{font-size:2rem;margin-bottom:2rem}.category-card-title{font-size:1.8rem}.card-subtitle{font-size:1rem}}.loader{width:50px;aspect-ratio:1;display:grid;border:4px solid #0000;border-radius:50%;border-color:#ff4800 #0000;animation:l16 1s infinite linear}.loader:before,.loader:after{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%}.loader:before{border-color:#F7C42E #0000;animation:inherit;animation-duration:.5s;animation-direction:reverse}.loader:after{margin:8px}@keyframes l16{to{transform:rotate(1turn)}}