/* BREKA_REGISTRO_MODULAR_V1
   Capa visual para registro. No modifica validaciones, API ni datos. */
body.registro-modular-v1{
  --breka-primary:#5b5cf0;
  --breka-primary-2:#7c3aed;
  --breka-ink:#131827;
  --breka-muted:#697386;
  --breka-line:#e7e9f1;
  background:
    radial-gradient(circle at 92% 2%,rgba(124,58,237,.14),transparent 28rem),
    radial-gradient(circle at 4% 82%,rgba(91,92,240,.10),transparent 24rem),
    #f7f8fc;
  color:var(--breka-ink);
}
.registro-modular-v1 .brand-panel{
  background:
    radial-gradient(circle at 88% 12%,rgba(124,58,237,.28),transparent 28rem),
    linear-gradient(150deg,#11162a 0%,#171a3b 50%,#22205a 100%);
}
.registro-modular-v1 .brand{color:#fff}
.registro-modular-v1 .eyebrow{color:#d8d6ff}
.registro-modular-v1 .brand-copy>p{color:#c3c6d6}
.registro-modular-v1 .product-preview{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.12);
}
.registro-modular-v1 .preview-kicker{color:#c8c5ff}
.registro-modular-v1 .preview-live{color:#e4e4f2}
.registro-modular-v1 .preview-live i{background:#7ee2ac}
.registro-modular-v1 .preview-stats span,
.registro-modular-v1 .preview-row small{color:#c1c4d4}
.registro-modular-v1 .preview-row em{
  color:#8de5b6;background:rgba(126,226,172,.11)
}
.registro-modular-v1 .benefits li{color:#eff0f8}
.registro-modular-v1 .trust-card{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.12);
}
.registro-modular-v1 .trust-card span{color:#c8cad7}
.registro-modular-v1 .form-panel{
  background:
    radial-gradient(circle at 85% 8%,rgba(124,58,237,.07),transparent 20rem),
    transparent;
}
.registro-modular-v1 .form-card{
  border:1px solid #e4e6ef;
  border-radius:28px;
  box-shadow:0 26px 70px rgba(33,38,76,.11);
}
.registro-modular-v1 .mobile-brand{color:#5b5cf0}
.registro-modular-v1 .step-label{color:#5b5cf0}
.registro-modular-v1 .form-card h2{color:var(--breka-ink)}
.registro-modular-v1 .subtext{color:var(--breka-muted)}
.registro-modular-v1 .signup-progress-line{background:#ececf3}
.registro-modular-v1 .signup-progress-line span{background:linear-gradient(90deg,#5b5cf0,#7c3aed)}
.registro-modular-v1 .signup-progress-step.active,
.registro-modular-v1 .signup-progress-step.done{color:#5b5cf0}
.registro-modular-v1 .signup-progress-step.active b,
.registro-modular-v1 .signup-progress-step.done b{border-color:#5b5cf0}
.registro-modular-v1 .signup-progress-step.done b{
  background:linear-gradient(145deg,#5b5cf0,#7c3aed);
  color:#fff
}
.registro-modular-v1 label{color:#374151}
.registro-modular-v1 input{
  border:1px solid #e0e3ec;
  border-radius:16px;
  background:#fbfbfe;
}
.registro-modular-v1 input:focus{
  border-color:#7778f3;
  box-shadow:0 0 0 4px rgba(91,92,240,.10);
}
.registro-modular-v1 .field-icon{color:#9299aa}
.registro-modular-v1 .show-password{
  background:#f0f1ff;color:#5b5cf0
}
.registro-modular-v1 .check-row input{accent-color:#5b5cf0}
.registro-modular-v1 .primary-btn{
  background:linear-gradient(135deg,#5b5cf0,#6d55e8 52%,#7c3aed);
  box-shadow:0 14px 28px rgba(91,92,240,.24);
}
.registro-modular-v1 .primary-btn:hover{
  background:linear-gradient(135deg,#5051de,#6248da 52%,#7134dc)
}
.registro-modular-v1 .secondary-btn{
  border-color:#e1e3ec;color:#565f70
}
.registro-modular-v1 .reassurance{color:#7b8494}
.registro-modular-v1 .login-link a{color:#5b5cf0}
.registro-modular-v1 .security-note{color:#939aaa}
.registro-modular-v1 .google-btn{
  border-color:#e1e3ec;border-radius:16px
}
.registro-modular-v1 .auth-divider:before,
.registro-modular-v1 .auth-divider:after{background:#e5e7ef}
.registro-modular-v1 .message.success{
  background:#eefaf4;color:#237451;border-color:#cfeedd
}
.registro-modular-v1 .message.error{
  background:#fff2f4;color:#a33a4f;border-color:#ffd8df
}
@media(max-width:900px){
  .registro-modular-v1 .form-panel{
    min-height:100dvh;
    padding:
      max(18px,env(safe-area-inset-top))
      14px
      max(28px,env(safe-area-inset-bottom));
    background:
      radial-gradient(circle at 88% 2%,rgba(124,58,237,.20),transparent 18rem),
      linear-gradient(180deg,#171a3b 0,#171a3b 172px,#f7f8fc 172px,#f7f8fc 100%);
  }
  .registro-modular-v1 .form-card{
    width:min(100%,680px);
    padding:28px 22px 24px;
    border-radius:28px;
    margin:0 auto;
  }
  .registro-modular-v1 .mobile-brand{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 28px;
    color:#fff;
    font-size:0;
  }
  .registro-modular-v1 .mobile-brand::before{
    content:"B";
    width:46px;height:46px;display:grid;place-items:center;
    border-radius:15px;
    background:linear-gradient(145deg,#5b5cf0,#7c3aed);
    color:#fff;
    font-size:21px;
    font-weight:900;
    box-shadow:0 12px 28px rgba(91,92,240,.28);
  }
  .registro-modular-v1 .mobile-brand::after{
    content:"BREKA\A GROUP";
    white-space:pre;
    font-size:20px;
    line-height:1.1;
    letter-spacing:.08em;
    font-weight:900;
    color:#fff;
  }
  .registro-modular-v1 .step-label{
    font-size:11px;letter-spacing:.14em
  }
  .registro-modular-v1 .form-card h2{
    font-size:31px;
    letter-spacing:-.04em;
  }
  .registro-modular-v1 .subtext{
    font-size:14px;
    line-height:1.5;
  }
  .registro-modular-v1 .signup-progress{margin-bottom:24px}
  .registro-modular-v1 .field-grid.two{grid-template-columns:1fr}
  .registro-modular-v1 input{height:56px;font-size:16px}
  .registro-modular-v1 .primary-btn,
  .registro-modular-v1 .secondary-btn,
  .registro-modular-v1 .google-btn{height:56px}
}
@media(max-width:420px){
  .registro-modular-v1 .form-panel{padding-left:12px;padding-right:12px}
  .registro-modular-v1 .form-card{
    padding:25px 18px 22px;border-radius:25px
  }
  .registro-modular-v1 .mobile-brand{margin-bottom:24px}
  .registro-modular-v1 .form-card h2{font-size:29px}
}

/* BREKA_SIGNUP_TABLER_ICONS_V1 */
.registro-modular-v1 .field-icon .breka-icon{width:20px;height:20px}
.registro-modular-v1 .benefits li>span{display:grid;place-items:center}
.registro-modular-v1 .benefits .breka-icon{width:18px;height:18px}
.registro-modular-v1 .reassurance span{display:inline-flex;align-items:center;gap:5px}
.registro-modular-v1 .reassurance .breka-icon{width:14px;height:14px}
.registro-modular-v1 .primary-btn .breka-icon,
.registro-modular-v1 .secondary-btn .breka-icon{width:18px;height:18px}
.registro-modular-v1 .security-note{display:flex;align-items:center;justify-content:center;gap:6px}
.registro-modular-v1 .security-note .breka-icon{width:15px;height:15px}