@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap";:root{--color-primary: #01A0AD;--color-secondary: #EC008C;--color-text: #000000;--color-bg: #F8F8F8;--font-primary: "Montserrat", sans-serif;--font-secondary: "Quicksand", sans-serif;--transition: all .3s ease;--container-width: 1400px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;margin-bottom:1rem}.container{max-width:var(--container-width);margin:0 auto;padding:0 1rem}.header-wrapper{background:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.header{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-width);margin:0 auto;padding:.8rem 1rem}.header-logo img{height:40px}.header-nav{display:flex;gap:1rem;align-items:center}.nav-link{text-decoration:none;color:var(--color-text);font-weight:700;font-size:.85rem;padding:.5rem 1rem;border-radius:20px;transition:var(--transition);text-transform:uppercase}.nav-link:hover,.nav-link.active{background-color:var(--color-primary);color:#fff}.header-actions{display:flex;gap:1rem;align-items:center}.btn{padding:.75rem 1.5rem;border:none;border-radius:5px;font-family:var(--font-primary);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#018a96;transform:translateY(-2px);box-shadow:0 5px 15px #01a0ad4d}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover{background:#d10079;transform:translateY(-2px);box-shadow:0 5px 15px #ec008c4d}.admin-icon{width:40px;height:40px;border-radius:50%;background:var(--color-text);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.admin-icon:hover{background:var(--color-primary);transform:scale(1.1)}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#01a0ad0d,#ec008c0d);padding:4rem 2rem}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;color:var(--color-text)}.hero-content p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto 2rem;font-family:var(--font-secondary)}.section{padding:4rem 1rem}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:var(--container-width);margin:0 auto}.card{background:#fff;border-radius:10px;padding:2rem;text-align:center;transition:var(--transition);border:1px solid #f0f0f0}.card-icon{font-size:3rem;margin-bottom:1rem;color:var(--color-primary)}.card h3{font-size:1.3rem;margin-bottom:.5rem}.card p{color:#666;font-family:var(--font-secondary);font-size:.95rem}.card-hover-lift{cursor:pointer}.card-hover-lift:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000026}.card-hover-shadow:hover{box-shadow:0 5px 20px #0000001a}.card-clean{background:#fff;padding:2.5rem 1.5rem;border-radius:12px;text-align:center;box-shadow:0 10px 30px #0000000d;transition:var(--transition);border:none;display:flex;flex-direction:column;align-items:center}.card-clean:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000014}.card-icon-circle{width:60px;height:60px;background:#fff;border-radius:50%;margin-bottom:1.5rem;font-size:2rem;color:var(--color-text)}.card-clean h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.card-clean p{font-size:.9rem;color:#666;font-family:var(--font-secondary);line-height:1.5}.feature-icon{font-size:2.5rem;margin-bottom:1.5rem;color:var(--color-text)}.y-listo-bar{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:12px;padding:1.5rem;margin:2rem 0;color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 20px #01a0ad33}.y-listo-content{display:flex;align-items:center;gap:1rem}.check-circle{width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1rem}.y-listo-bar h3{margin:0;font-size:1.4rem;font-weight:700}.final-cta-card{background:#fff;border-radius:12px;padding:2.5rem 3rem;text-align:center;box-shadow:0 8px 30px #00000012;position:relative;overflow:hidden;max-width:700px;margin:0 auto 80px}.final-cta-card h2{font-size:2rem;color:#0f172a;margin-bottom:.75rem}.final-cta-card p{color:#64748b;font-size:1rem;margin-bottom:2rem;font-family:var(--font-secondary)}.btn-white{background:#fff;color:var(--color-primary);font-weight:700}.btn-white:hover{background:#f8f8f8;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.customizer-container{min-height:100vh;padding:0;max-width:1400px;margin:0 auto;display:flex;flex-direction:column}.step-indicator-container{display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #eee;gap:0}.step-item{display:flex;align-items:center;gap:.6rem;opacity:.5;transition:var(--transition)}.step-item.active,.step-item.completed{opacity:1}.step-item .step-circle{width:36px;height:36px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;transition:var(--transition);flex-shrink:0}.step-item.active .step-circle{background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #01a0ad33}.step-item.completed .step-circle{background:#10b981;color:#fff}.step-item .step-label{font-size:.85rem;font-weight:600;color:#64748b;white-space:nowrap}.step-item.active .step-label{color:var(--color-primary);font-weight:700}.step-item.completed .step-label{color:#10b981}.step-connector{height:2px;width:60px;background:#e2e8f0;margin:0 .5rem;flex-shrink:0;transition:var(--transition)}.step-connector.completed{background:#10b981}.customizer-content{flex:1;display:flex;gap:0;background:#fff;padding:0}.customizer-panel{flex:1.5;display:flex;flex-direction:column;padding:2rem;border-right:1px solid #f0f0f0;min-height:calc(100vh - 80px)}.preview-panel{flex:1;background:#f8f8f8;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);position:sticky;top:0;height:calc(100vh - 80px);overflow:hidden}.brand-grid,.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.brand-card,.model-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;transition:var(--transition)}.brand-card:hover,.model-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 5px 15px #01a0ad33}.brand-card.selected,.model-card.selected{border-color:var(--color-primary);background:#01a0ad0d}.brand-card img{width:100%;height:80px;-o-object-fit:contain;object-fit:contain;margin-bottom:.5rem;display:block}.model-card img{width:100%;height:160px;-o-object-fit:contain;object-fit:contain;margin-bottom:.5rem;display:block}.navigation-buttons{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#01a0ad0d,#ec008c0d)}.login-card{background:#fff;border-radius:15px;padding:3rem;box-shadow:0 10px 40px #0000001a;width:100%;max-width:450px}.login-card h2{text-align:center;margin-bottom:.5rem}.login-card p{text-align:center;color:#666;margin-bottom:2rem;font-family:var(--font-secondary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:5px;font-family:var(--font-primary);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #01a0ad1a}.btn-full{width:100%}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@media(max-width:1024px){.header-nav{display:none}.hero-content h1{font-size:2.8rem}.section-title{font-size:2rem}.card-grid{grid-template-columns:repeat(2,1fr)}.customizer-content{flex-direction:column}.customizer-panel{border-right:none;border-bottom:1px solid #f0f0f0;min-height:auto}.preview-panel{position:relative;height:auto;min-height:400px}.step-indicator-container{flex-wrap:wrap;gap:.5rem;padding:1rem}.step-connector{width:30px}}@media(max-width:768px){.header{padding:.8rem 1rem}.header-nav{display:none}.hero{min-height:50vh;padding:3rem 1rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.section{padding:2.5rem 1rem}.section-title{font-size:1.6rem;margin-bottom:2rem}.card-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.card-clean{padding:1.5rem 1rem}.y-listo-bar{padding:1.2rem}.y-listo-content{flex-direction:column;text-align:center;gap:.5rem}.y-listo-bar h3{font-size:1.1rem}.final-cta-card{padding:2rem 1.5rem;margin-bottom:40px}.final-cta-card h2{font-size:1.3rem}.step-indicator-container{flex-wrap:wrap;gap:.25rem;padding:.75rem .5rem}.step-item .step-circle{width:28px;height:28px;font-size:.8rem}.step-item .step-label{font-size:.7rem}.step-item{gap:.3rem}.step-connector{width:15px;margin:0 .2rem}.customizer-panel{padding:1rem;min-height:auto}.preview-panel{padding:1rem;min-height:350px}.brand-grid,.model-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.brand-card,.model-card{padding:1rem}.login-card{margin:1rem;padding:2rem}}@media(max-width:480px){.hero-content h1{font-size:1.6rem}.hero-content p{font-size:.9rem}.btn{padding:.6rem 1rem;font-size:.85rem}.card-grid{grid-template-columns:1fr}.card-clean h3{font-size:1rem}.card-clean p{font-size:.85rem}.y-listo-bar h3{font-size:1rem}.final-cta-card{padding:1.5rem 1rem}.final-cta-card h2{font-size:1.1rem}.brand-grid,.model-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.preview-panel{min-height:280px;padding:.75rem}.preview-panel>div{transform:scale(.75);transform-origin:top center}}