*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0A0F2E;--bg2: #111827;--acento: #00C2FF;--texto: #F0F4FF;--suave: #8899AA;--borde: #1E2D45;--radio: 6px;font-family:DM Sans,sans-serif}body{background:var(--bg);color:var(--texto);min-height:100vh}.header{background:rgba(10,15,46,.95);border-bottom:1px solid var(--borde);padding:1rem 2rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header__logo{font-family:Cormorant Garamond,serif;font-size:1.4rem;color:var(--acento);letter-spacing:-.02em}.header__sub{font-size:.78rem;color:var(--suave);letter-spacing:.1em;text-transform:uppercase}.form-wrap{max-width:820px;margin:2.5rem auto;padding:0 1.5rem 4rem}.progress{height:3px;background:var(--borde);border-radius:2px;margin-bottom:.5rem}.progress__bar{height:100%;background:linear-gradient(90deg,#0080CC,var(--acento));border-radius:2px;transition:width .4s ease}.progress__label{font-size:.72rem;color:var(--suave);text-align:right;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem}.paso{animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.paso__header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--borde)}.paso__num{font-family:Cormorant Garamond,serif;font-size:3rem;color:var(--acento);line-height:1;opacity:.6;flex-shrink:0}.paso__header h2{font-size:1.6rem;font-weight:400;color:var(--texto);margin-bottom:.25rem}.paso__header p{font-size:.9rem;color:var(--suave)}.paso__bloque{grid-column:span 2;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--acento);padding:1rem 0 .25rem;border-top:1px solid var(--borde);margin-top:.5rem}.paso__bloque small{color:var(--suave);font-size:.65rem}.campos{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.campo{display:flex;flex-direction:column;gap:.4rem}.campo--full{grid-column:span 2}.campo label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}.campo label small{font-size:.65rem;letter-spacing:0;text-transform:none;color:#556}.campo input,.campo textarea,.campo select{background:var(--bg2);border:1px solid var(--borde);color:var(--texto);font-family:DM Sans,sans-serif;font-size:.95rem;padding:.8rem 1rem;border-radius:var(--radio);outline:none;resize:vertical;transition:border-color .25s;width:100%}.campo input:focus,.campo textarea:focus,.campo select:focus{border-color:var(--acento)}.campo select{cursor:pointer}.campo__hint{font-size:.68rem;color:var(--suave)}.color-input{display:flex;align-items:center;gap:.5rem}.color-input input[type=color]{width:42px;height:42px;padding:2px;border-radius:var(--radio);cursor:pointer;flex-shrink:0}.color-input input[type=text]{flex:1}.presets{margin-bottom:2rem}.preset__label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--suave);margin-bottom:.75rem}.presets__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.preset{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radio);border:1px solid transparent;cursor:pointer;transition:all .25s}.preset:hover{transform:translateY(-2px);border-color:currentColor}.preset__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.preset__nombre{font-size:.82rem;font-weight:500}.servicios-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.servicio-card{display:flex;gap:1rem;align-items:flex-start;background:var(--bg2);border:1px solid var(--borde);border-radius:var(--radio);padding:1.25rem;position:relative}.servicio-card__num{font-family:Cormorant Garamond,serif;font-size:2rem;color:var(--acento);opacity:.4;line-height:1;flex-shrink:0;min-width:28px}.servicios-campos{flex:1}.servicio-card__remove{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--suave);font-size:.85rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:color .2s,background .2s}.servicio-card__remove:hover{color:#f45;background:rgba(255,68,85,.1)}.resumen{margin-top:2rem;background:var(--bg2);border:1px solid var(--borde);border-radius:var(--radio);padding:1.5rem}.resumen__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.resumen__item{display:flex;flex-direction:column;gap:.2rem}.resumen__item span{font-size:.7rem;color:var(--suave);text-transform:uppercase;letter-spacing:.1em}.resumen__item strong{font-size:.95rem;color:var(--texto)}.resumen__colores{display:flex;gap:.4rem;align-items:center;margin-top:.2rem}.resumen__dot{width:18px;height:18px;border-radius:50%;border:1px solid var(--borde)}.nav-pasos{display:flex;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--borde)}.nav-pasos__spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--acento);color:var(--acento);background:transparent;cursor:pointer;transition:all .3s;border-radius:var(--radio);text-decoration:none}.btn:hover:not(:disabled){background:rgba(0,194,255,.08)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--filled{background:var(--acento);color:#0a0f2e;font-weight:600}.btn--filled:hover:not(:disabled){background:#33CFFF}.btn--crear{font-size:.9rem;padding:1rem 2.5rem}.cargando:after{content:"";display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:#0a0f2e;border-radius:50%;animation:spin .7s linear infinite;margin-left:.5rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.error{margin-top:1rem;padding:.85rem 1rem;background:rgba(255,68,85,.1);border:1px solid #ff4455;border-radius:var(--radio);color:#f67;font-size:.9rem}.resultado{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.resultado__inner{text-align:center;max-width:480px;padding:2rem}.resultado__icon{width:72px;height:72px;border-radius:50%;background:rgba(0,194,255,.1);border:2px solid var(--acento);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--acento);margin:0 auto 1.5rem}.resultado__inner h2{font-size:2rem;font-weight:400;margin-bottom:.75rem}.resultado__inner p{color:var(--suave);margin-bottom:2rem}.resultado__links{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 600px){.campos{grid-template-columns:1fr}.campo--full,.paso__bloque{grid-column:span 1}.presets__grid,.resumen__grid{grid-template-columns:1fr 1fr}}