.registro-page{background:var(--bg-base,#0a0a0f);min-height:100vh;color:var(--text-primary,#f0f0f0);flex-direction:column;align-items:center;padding:2rem 1rem;font-family:Inter,sans-serif;display:flex}.registro-header{width:100%;max-width:800px;margin-bottom:2rem}.registro-logo{color:inherit;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.registro-progress{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.registro-progress-step{opacity:.35;align-items:center;gap:.5rem;transition:opacity .3s;display:flex}.registro-progress-step.active{opacity:1}.registro-progress-step.completed{opacity:.7}.registro-progress-dot{border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.registro-progress-step.active .registro-progress-dot{border-color:var(--brand-coral,#ff6b6b);color:var(--brand-coral,#ff6b6b);background:#ff6b6b26}.registro-progress-step.completed .registro-progress-dot{color:#22c55e;background:#22c55e26;border-color:#22c55e}.registro-progress-label{color:var(--text-secondary,#a0a0b0);font-size:.8rem;font-weight:500}.registro-card{background:var(--bg-card,#ffffff08);border:1px solid var(--border,#ffffff0f);border-radius:16px;width:100%;max-width:480px;padding:2rem;animation:.4s fadeInUp}.registro-card-wide{max-width:720px}.registro-card-icon{margin-bottom:.75rem;font-size:2.5rem}.registro-card h2{margin-bottom:.25rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.registro-card p{color:var(--text-secondary,#a0a0b0);margin-bottom:1.5rem;font-size:.9rem}.registro-field{margin-bottom:1.25rem}.registro-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#a0a0b0);margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.registro-field input,.registro-field select,.registro-field textarea{border:1px solid var(--border,#ffffff14);width:100%;color:var(--text-primary,#f0f0f0);background:#0000004d;border-radius:10px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.registro-field input:focus,.registro-field select:focus,.registro-field textarea:focus{border-color:var(--brand-coral,#ff6b6b)}.registro-field input::placeholder{color:#ffffff40}.registro-field-hint{color:var(--text-muted,#ffffff59);margin-top:.35rem;font-size:.75rem}.registro-puntos-selector,.registro-descuento-selector{flex-wrap:wrap;gap:.5rem;display:flex}.registro-punto-btn{border:1px solid var(--border,#ffffff14);color:var(--text-primary,#f0f0f0);cursor:pointer;text-align:center;background:#0000004d;border-radius:10px;min-width:50px;padding:.6rem 1rem;font-family:inherit;font-weight:600;transition:all .2s}.registro-punto-btn:hover{border-color:var(--brand-coral,#ff6b6b)}.registro-punto-btn.active{border-color:var(--brand-coral,#ff6b6b);color:var(--brand-coral,#ff6b6b);background:#ff6b6b26}.registro-tipo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.registro-tipo-card{border:2px solid var(--border,#ffffff0f);cursor:pointer;text-align:left;color:inherit;background:#0000004d;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;font-family:inherit;transition:all .2s;display:flex}.registro-tipo-card:hover{background:#ff6b6b08;border-color:#ff6b6b4d;transform:translateY(-2px)}.registro-tipo-card.selected{border-color:var(--brand-coral,#ff6b6b);background:#ff6b6b14;box-shadow:0 0 20px #ff6b6b1a}.registro-tipo-icon{font-size:1.5rem}.registro-tipo-nombre{font-size:.9rem;font-weight:700}.registro-tipo-desc{color:var(--text-secondary,#a0a0b0);margin-bottom:0;font-size:.75rem;line-height:1.4}.registro-tipo-ejemplo{color:var(--text-muted,#ffffff59);font-size:.7rem;font-style:italic}.registro-btn-next{background:var(--brand-gradient,linear-gradient(135deg,#ff6b6b,#ffa07a));color:#fff;cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:.85rem;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.registro-btn-next:hover{opacity:.9;transform:translateY(-1px)}.registro-btn-next:disabled{opacity:.5;cursor:not-allowed;transform:none}.registro-btn-final{padding:1rem;font-size:1.1rem}.registro-btn-back{width:100%;color:var(--text-secondary,#a0a0b0);border:1px solid var(--border,#ffffff14);cursor:pointer;background:0 0;border-radius:12px;padding:.75rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.registro-btn-back:hover{color:var(--text-primary,#f0f0f0);border-color:#fff3}.registro-btn-group{gap:.75rem;margin-top:1rem;display:flex}.registro-btn-group .registro-btn-back{flex:none;width:auto;padding:.75rem 1.5rem}.registro-btn-group .registro-btn-next{flex:1}.registro-btn-location{color:#22c55e;cursor:pointer;background:#22c55e1a;border:1px dashed #22c55e4d;border-radius:12px;width:100%;margin-bottom:1rem;padding:.85rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.registro-btn-location:hover{background:#22c55e26;border-color:#22c55e}.registro-btn-location:disabled{opacity:.5;cursor:not-allowed}.registro-location-detected{color:#22c55e;background:#22c55e14;border:1px solid #22c55e33;border-radius:10px;margin-bottom:1rem;padding:.75rem;font-size:.85rem}.registro-skip-hint{color:var(--text-muted,#ffffff59);text-align:center;margin:.5rem 0 0;font-size:.8rem}.registro-btn-choice{color:var(--text-secondary,#a0a0b0);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s}.registro-btn-choice:hover{background:#ffffff14;border-color:#fff3}.registro-btn-choice.active{color:#a5b4fc;background:#6366f126;border-color:#6366f1}.registro-info-alert{color:#93c5fd;background:#3b82f614;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.85rem;line-height:1.5}.registro-color-grid{flex-wrap:wrap;gap:.5rem;display:flex}.registro-color-btn{cursor:pointer;border:3px solid #0000;border-radius:50%;width:40px;height:40px;transition:all .2s}.registro-color-btn:hover{transform:scale(1.15)}.registro-color-btn.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 15px #fff3}.registro-card-preview{border:2px solid;border-radius:16px;margin:1.5rem 0;overflow:hidden}.registro-card-preview-header{color:#fff;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.registro-card-preview-logo{background:#fff3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:800;display:flex}.registro-card-preview-header span{font-size:1.1rem;font-weight:700}.registro-card-preview-body{background:#0000004d;padding:1rem 1.25rem}.registro-card-preview-body p{color:var(--text-secondary,#a0a0b0);margin-bottom:.75rem;font-size:.85rem}.registro-card-preview-dots{flex-wrap:wrap;gap:.4rem;display:flex}.registro-card-preview-dot{border:2px solid;border-radius:50%;width:24px;height:24px;transition:all .2s}.registro-card-preview-type-info{background:#ffffff08;border-radius:8px;padding:.5rem;color:var(--text-primary,#f0f0f0)!important;font-size:.85rem!important}.registro-preview{margin:1.25rem 0}.registro-preview-label{color:var(--text-muted,#ffffff59);font-size:.8rem;margin-bottom:.5rem!important}.registro-preview-card{background:#ff6b6b0d;border:1px solid #ff6b6b1f;border-radius:10px;padding:.75rem 1rem;font-size:.9rem}.registro-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;justify-content:space-between;align-items:center;width:100%;max-width:480px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.registro-error button{color:#f87171;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.2rem}.registro-success{text-align:center;max-width:560px}.registro-success-confetti{margin-bottom:1rem;font-size:3rem}.registro-success h2{color:#22c55e}.registro-success-info{text-align:left;margin:1.5rem 0}.registro-success-item{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.registro-success-label{color:var(--text-muted,#ffffff59);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.registro-success-value{font-size:1rem;font-weight:600}.registro-success-link{color:var(--brand-coral,#ff6b6b);word-break:break-all;font-weight:600;text-decoration:none}.registro-success-link:hover{text-decoration:underline}.registro-success-slug{background:#6366f10f;border-radius:12px;border:1px solid #6366f126!important;border-bottom:none!important}.registro-slug-box{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.registro-slug-value{color:#a78bfa;letter-spacing:.02em;background:#0006;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:.6rem .75rem;font-family:Courier New,monospace;font-size:1.05rem;font-weight:700}.registro-slug-copy{color:#a78bfa;cursor:pointer;white-space:nowrap;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;padding:.6rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.registro-slug-copy:hover{background:#6366f140}.registro-slug-warning{line-height:1.5;color:#fbbf24!important;margin-top:.5rem!important;margin-bottom:0!important;font-size:.8rem!important}.registro-success-next{text-align:left;margin:1.5rem 0}.registro-success-next h3{margin-bottom:.75rem;font-size:1rem;font-weight:700}.registro-success-next ol{counter-reset:step;padding:0;list-style:none}.registro-success-next li{color:var(--text-secondary,#a0a0b0);border-bottom:1px solid #ffffff08;padding:.5rem 0;font-size:.9rem}.registro-main{justify-content:center;width:100%;display:flex}@media (max-width:600px){.registro-page{padding:1rem .75rem}.registro-card,.registro-card-wide{padding:1.5rem}.registro-tipo-grid{grid-template-columns:1fr}.registro-progress{gap:.35rem}.registro-progress-label{display:none}.registro-btn-group{flex-direction:column-reverse}.registro-btn-group .registro-btn-back{text-align:center;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
