/* ==========================================================================
   cuponidad-v2 / pages/auth.css
   Registro (página completa), recuperar/nueva contraseña.
   Real: resources/views/pages/registro.blade.php
         resources/views/pages/recoverpassword.blade.php
         resources/views/pages/resetpassword.blade.php
   Todas usan Bootstrap (.container/.form-control/.btn), scopeado bajo
   ".content-wrapper" para no afectar otras páginas.
   ========================================================================== */

.content-wrapper { font-family: var(--cd2-font-base); }

/* Página de registro completa ------------------------------------------------ */
.content-wrapper #needs-validation-register { background: var(--cd2-surface); }
.content-wrapper #needs-validation-register .shadow-sm {
  box-shadow: none !important; border: 1px solid var(--cd2-border); border-radius: var(--cd2-radius-lg);
}
.content-wrapper #needs-validation-register .bg-light { background: none !important; }
.content-wrapper #needs-validation-register .form-control {
  border: 1px solid var(--cd2-border); border-radius: var(--cd2-radius-sm); font-size: var(--cd2-fs-sm);
}
.content-wrapper #needs-validation-register .form-control:focus { border-color: var(--cd2-primary); }
.content-wrapper #needs-validation-register label { font-size: var(--cd2-fs-sm); color: var(--cd2-text); }
.content-wrapper #needs-validation-register .linkCustom { color: var(--cd2-primary); }
.content-wrapper #needs-validation-register .btn-primary {
  background: var(--cd2-primary) !important; border-color: var(--cd2-primary) !important;
  border-radius: var(--cd2-radius-pill) !important;
}

/* Perfil (micuenta) reusa el mismo id de formulario en otra vista;
   #needs-validation-perfil se cubre en pages/account.css */

/* Recuperar / nueva contraseña (layout "fullview", sin header/footer) ------ */
.logo-container { text-align: center; padding: 24px 0 8px; }
.logo-container img { height: 44px; width: auto; }
.content-wrapper.p-3 {
  max-width: 440px; margin: 0 auto; background: var(--cd2-surface);
  border: 1px solid var(--cd2-border); border-radius: var(--cd2-radius-lg);
  padding: 28px !important;
}
.content-wrapper.p-3 h1 { font-size: var(--cd2-fs-xl); color: var(--cd2-title); }
.content-wrapper.p-3 .form-control {
  border: 1px solid var(--cd2-border); border-radius: var(--cd2-radius-sm); height: 42px;
}
.content-wrapper.p-3 .btn-primary {
  background: var(--cd2-primary) !important; border-color: var(--cd2-primary) !important;
  border-radius: var(--cd2-radius-pill) !important;
}
.content-wrapper.p-3 .btn-secondary {
  background: var(--cd2-chip) !important; border-color: var(--cd2-border) !important;
  color: var(--cd2-title) !important; border-radius: var(--cd2-radius-pill) !important;
}

@media (max-width: 480px) {
  .content-wrapper.p-3 { border: 0; border-radius: 0; padding: 20px !important; }
}