:root{--bg-color: #FFFFFF;--hero-bg: #F8F9FB;--text-primary: #1D1D1F;--text-secondary: #515154;--accent-blue: #0047BB;--accent-green: #00FB84;--accent-blue-deep: #002D7A;--container-width: 1400px;--font-title: "Archivo Black", sans-serif;--font-body: "Inter", sans-serif;--transition-smooth: all .5s cubic-bezier(.16, 1, .3, 1);--card-shadow: 0 10px 30px rgba(0, 71, 187, .08);--header-height: 120px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{max-width:var(--container-width);margin:0 auto;padding:0 5%}.header{position:fixed;top:0;left:0;width:100%;height:100px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition-smooth)}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-wrapper{height:180px;display:flex;align-items:center;transform:translateY(10px);transition:var(--transition-smooth)}.main-logo{height:100%;object-fit:contain}.nav{display:flex;gap:2.5rem}.nav-link{color:var(--text-primary);text-decoration:none;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-smooth)}.nav-link:hover{color:var(--accent-blue)}.btn-header{background:var(--accent-blue);color:#fff;padding:.8rem 2rem;border-radius:50px;font-weight:800;text-decoration:none;transition:var(--transition-smooth)}.hero{min-height:100vh;padding-top:var(--header-height);display:flex;align-items:center;background:linear-gradient(135deg,#0047bb,#00fb84);position:relative;overflow:hidden;color:#fff}.hero-content{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.hero-badge{display:inline-block;background:#fff3;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-size:5.5rem;line-height:.95;margin-bottom:1.5rem;color:#fff}.hero-subtitle{font-size:1.5rem;color:#ffffffe6;margin-bottom:3.5rem;max-width:90%}.hero-actions{display:flex;gap:1.5rem}.btn{padding:1.2rem 2.5rem;border-radius:50px;font-weight:800;text-decoration:none;transition:var(--transition-smooth);border:none;cursor:pointer;font-family:var(--font-body);display:inline-flex;align-items:center;justify-content:center}.btn-hero-primary{background:linear-gradient(135deg,#0047bb,#002d7a);color:#fff;box-shadow:0 10px 30px #0047bb40}.btn-hero-primary:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0047bb59}.btn-hero-secondary{background:#fff;color:var(--accent-blue);border:2px solid rgba(0,71,187,.1)}.btn-hero-secondary:hover{border-color:var(--accent-blue);background:#0047bb05}.hero-image-container{position:relative;display:flex;justify-content:center;align-items:center}.hero-floating-p13{max-width:80%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.3));animation:floatingP13 4s ease-in-out infinite}@keyframes floatingP13{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.02)}}@keyframes floating{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-20px) rotate(-5deg)}}.stats-bar-wrapper{margin-top:-60px;position:relative;z-index:10}.stats-bar{background:#fff;padding:2.5rem;border-radius:35px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 30px 60px #0000000f}.stat-divider{width:1px;height:50px;background:#00000014}.stat-box{text-align:center}.stat-value{display:block;font-size:2rem;font-family:var(--font-title);color:var(--accent-blue)}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:600}.about{padding:10rem 0;background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}.about-images{position:relative;padding-bottom:5rem}.img-wrapper{border-radius:2rem;overflow:hidden;box-shadow:0 30px 60px #0000001a;border:10px solid white;transition:var(--transition-smooth)}.img-wrapper:hover{transform:translateY(-10px) scale(1.02);z-index:10;box-shadow:0 40px 80px #0047bb26}.main-img{width:85%;position:relative;z-index:1}.secondary-img{width:65%;position:absolute;bottom:-3rem;right:0;z-index:2}.img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.about-text h2{font-size:2.8rem;margin-bottom:2rem;line-height:1.2}.about-text p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem}.about-stats{display:flex;gap:3rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05)}.stat-item h4{font-size:2rem;color:var(--accent-blue);font-family:var(--font-title)}.stat-item p{font-size:.9rem;margin:0}.section-tag{color:var(--accent-blue);font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.15em;margin-bottom:1rem;display:block}.vitrine{background:#f8f9fb;padding:10rem 0}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:4rem}.product-card{background:#fff;border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .4s cubic-bezier(.165,.84,.44,1);border:2px solid rgba(0,71,187,.12);position:relative;height:100%}.product-card:hover{transform:translateY(-10px);border-color:var(--accent-blue);box-shadow:0 25px 50px #0047bb26}.product-img-wrapper{width:100%;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:radial-gradient(circle,rgba(0,71,187,.05) 0%,transparent 70%);border-radius:20px}.product-img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.product-card:hover .product-img{transform:scale(1.08) rotate(2deg)}.product-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%}.product-content h3{font-size:1rem;font-weight:800;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.4;min-height:3em;display:flex;align-items:center;justify-content:center}.btn-ug{background:var(--accent-blue);color:#fff;font-weight:700;font-size:.85rem;padding:1rem;border-radius:12px;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.btn-ug:hover{background:#fff;color:var(--accent-blue);border-color:var(--accent-blue)}.loyalty-banner{background:#fff;padding:1.5rem 0;border-top:1px solid rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.03)}.loyalty-container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.loyalty-content{flex:1}.loyalty-badge{display:inline-block;background:var(--accent-blue);color:#fff;padding:.3rem .8rem;border-radius:4px;font-size:.65rem;font-weight:900;letter-spacing:.05em;margin-bottom:.5rem}.loyalty-content h3{font-size:1.4rem;color:var(--text-primary);margin-bottom:.2rem}.loyalty-content h3 span{color:var(--accent-blue)}.loyalty-content p{color:var(--text-secondary);font-size:.95rem;margin:0}.loyalty-image{width:180px;height:80px;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000000d}.loyalty-image img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.loyalty-container{flex-direction:column;text-align:center;gap:1rem}.loyalty-image{width:100%;max-width:200px}}.cta-fun{background:linear-gradient(135deg,#0047bb,#002d7a);padding:6rem 0;text-align:center;color:#fff;position:relative;overflow:hidden}.cta-fun{padding:4rem 0}.cta-fun h2{font-size:2.5rem;margin-bottom:2rem;color:#fff}.timeline-steps{display:flex;justify-content:center;align-items:flex-end;gap:0;max-width:1000px;margin:0 auto}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.step-img-wrapper{height:150px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:1rem}.step-img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,.25));transition:var(--transition-smooth)}.step-img.moto{transform:translate(15px)}.step:hover .step-img{transform:translateY(-10px)}.step:hover .step-img.moto{transform:translate(15px) translateY(-10px)}.step-text{font-family:var(--font-title);font-size:1.1rem;color:#fff;letter-spacing:.1em;margin-bottom:1rem}.step-dot{width:24px;height:24px;background:#fff;border-radius:50%;border:4px solid var(--accent-blue);box-shadow:0 0 0 4px #fff3}.final-dot{background:var(--accent-green);border-color:var(--accent-blue-deep);box-shadow:0 0 20px var(--accent-green)}.step-line{flex:1;height:3px;background:#ffffff4d;margin-bottom:11px}.btn-cta{background:var(--accent-green);color:var(--accent-blue-deep);font-size:1.2rem;padding:1.5rem 3.5rem;border-radius:50px;box-shadow:0 10px 30px #00fb844d}.btn-cta:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00fb8466}.location{padding:8rem 0;background:#f8f9fb}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:flex-start}.location-image-wrapper{margin-bottom:2rem}.location-store-img{width:100%;border-radius:20px;border:4px solid var(--accent-blue);box-shadow:0 15px 30px #0047bb26}.location-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.6}.location-card{padding:3rem;background:#fff;border-radius:30px;box-shadow:0 20px 50px #0047bb1a;border:1px solid rgba(0,71,187,.05);position:relative}.card-title{font-size:2.2rem;margin-bottom:1.5rem;color:var(--accent-blue)}.address{font-size:1.1rem;margin-bottom:2.5rem;display:flex;gap:1rem;color:var(--text-secondary)}.hours-summary{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.hour-block{display:flex;flex-direction:column}.block-label{font-weight:800;color:var(--accent-blue);font-size:.75rem;letter-spacing:.1em;margin-bottom:.5rem}.faq-container{margin-top:2rem}.faq-title{font-size:1.8rem;color:var(--accent-blue);margin-bottom:1.5rem}.faq-item{background:#fff;border-radius:15px;margin-bottom:1rem;box-shadow:0 5px 15px #0000000d;overflow:hidden}.faq-question{padding:1.5rem;font-weight:700;font-size:1.1rem;color:var(--text-primary);cursor:pointer;list-style:none;position:relative;outline:none}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--accent-blue);transition:transform .3s ease}.faq-item[open] .faq-question:after{content:"−";transform:translateY(-50%) rotate(180deg)}.faq-answer{padding:0 1.5rem 1.5rem;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.faq-answer p{margin-bottom:.5rem}.faq-answer ul{margin:.5rem 0 1rem 1.5rem}.footer{padding:2rem 0 1rem;background:#f8f9fb;border-top:1px solid rgba(0,0,0,.05)}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4rem;margin-bottom:2rem}.footer-logo{height:100px;object-fit:contain;margin-bottom:1.5rem}.footer-desc{color:var(--text-secondary);max-width:300px}.footer-links,.footer-contact{display:flex;flex-direction:column;gap:1rem}.footer h4{margin-bottom:1rem;font-size:.9rem;letter-spacing:.1em}.footer a,.footer p{color:var(--text-secondary);text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:.8rem}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-top:4rem;border-top:1px solid rgba(0,0,0,.05)}.legal-info p{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.dev-info p{font-size:.85rem;color:var(--text-secondary)}.floating-actions{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#fff;padding:.8rem 2rem;border-radius:50px;display:flex;gap:2rem;box-shadow:0 20px 50px #0047bb33;z-index:1000}.float-item{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--accent-blue);font-weight:800;font-size:.9rem;padding:.5rem 1rem;border-radius:50px;transition:var(--transition-smooth)}.float-item:hover{background:#0047bb0d}.float-item.highlight{background:var(--accent-green);color:var(--accent-blue-deep)}.float-item.highlight:hover{background:#00e676}@media (max-width: 1024px){.hero-title{font-size:4rem}.hero-content{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.hero-image-fun{width:150px;top:-30px;right:0}.about{padding:4rem 0}.about-grid{grid-template-columns:1fr;gap:2rem}.about-images{margin-bottom:2rem;padding-bottom:2rem;max-width:300px;margin-left:auto;margin-right:auto}.secondary-img{bottom:-1rem;width:65%}.img-wrapper{border-width:4px;border-radius:1rem}.about-text h2{font-size:1.8rem;margin-bottom:1rem}.about-text p{font-size:.95rem;margin-bottom:1rem}.about-stats{margin-top:1.5rem;padding-top:1.5rem;gap:1.5rem}.stat-item h4{font-size:1.5rem}.footer-top{grid-template-columns:1fr 1fr;gap:4rem}}@media (max-width: 768px){.container{padding:0 5%}.header{height:100px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;position:absolute}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem}.logo-wrapper{height:80px;transform:none;position:relative;left:0;top:0}.nav{display:none}.btn-header{position:relative;z-index:1001;padding:.7rem 1.2rem;font-size:.8rem;box-shadow:0 10px 25px #0047bb33}.hero-title{font-size:3rem}.hero-subtitle{margin:0 auto 3rem}.stats-bar{flex-direction:column;gap:2rem}.stat-divider{width:100%;height:1px}.products-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.product-card{padding:1rem;border-radius:16px}.product-img-wrapper{height:140px;padding:.5rem;margin-bottom:1rem}.product-content h3{font-size:.9rem;margin-bottom:1rem}.btn-ug{padding:.8rem;font-size:.75rem}.cta-fun h2{font-size:2rem;margin-bottom:2rem}.timeline-steps{flex-direction:column;align-items:center;gap:0;padding:0 1rem}.step{flex-direction:row;flex-direction:column;width:100%}.step-img-wrapper{height:100px;margin-bottom:.5rem}.step-line{width:3px;height:50px;margin:5px 0;background:linear-gradient(to bottom,#ffffff4d,#ffffff1a)}.step-img.moto{height:110px;transform:translate(10px)}.location{padding:4rem 0}.location-grid{grid-template-columns:1fr;gap:2rem}.location-card{padding:1.5rem}.map-wrapper iframe{min-height:300px!important}.faq-title{font-size:1.5rem}.footer{padding:2rem 0 1rem}.footer-top{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:1rem;padding-top:2rem}.floating-actions{width:90%;bottom:1.5rem;padding:.5rem;gap:.5rem}.float-item{flex:1;flex-direction:column;justify-content:center;font-size:.75rem;padding:.5rem}}
