body { background-color:#f6f6f6; }
  .registro-wrapper{
    min-height: calc(100vh - 120px);
    display:flex; align-items:center; justify-content:center; padding:20px;
  }
  .registro-card{
    background:#fff; border-radius:14px; box-shadow:0 8px 30px rgba(0,0,0,.08);
    width:100%; max-width:520px; overflow:hidden;
  }
  .registro-header{
    background:#6CA925; color:#fff; text-align:center; padding:16px 18px;
    font-weight:700; font-size:20px;
  }
  .registro-body{ padding:24px 26px; }
  .input-group-text{ background:#f3f7ef; color:#6CA925; border:1px solid #dee2e6; }
  .btn-registrarse{ background:#fdd835; border:none; color:#000; font-weight:700; border-radius:10px; width:100%; padding:10px; font-size:16px; }
  .btn-registrarse:hover{ background:#fbc02d; }
  .login-link{ text-align:center; margin-top:12px; font-size:14px; }
  .login-link a{ color:#6CA925; text-decoration:none; font-weight:600; }
  .login-link a:hover{ text-decoration:underline; }
  /* Si tus widgets no traen form-control, este bloque da estilo tipo Bootstrap */
  .auth-form input[type="text"],
  .auth-form input[type="email"],
  .auth-form input[type="password"],
  .auth-form input[type="tel"],
  .auth-form input[type="date"],
  .auth-form select,
  .auth-form textarea{
    width:100%; padding:.6rem .75rem; border:1px solid #dee2e6; border-radius:.5rem;
    transition:border-color .15s, box-shadow .15s; background:#fff; color:#212529;
  }
  .auth-form input:focus, .auth-form select:focus, .auth-form textarea:focus{
    border-color:#6CA925; box-shadow:0 0 0 .2rem rgba(108,169,37,.15); outline:0;
  }

  /* =========================
   LOGIN (Django registration/login.html)
   ========================= */
.login-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  padding:20px;
}

.login-logo img{
  max-width:180px;
  margin-bottom:20px;
  height:auto;
  display:block;
}

.login-card{
  background:#fff;
  border-radius:15px;
  padding:35px 40px;
  box-shadow:0 8px 30px rgba(0,0,0,.18);
  width:100%;
  max-width:420px;
  text-align:center;
  overflow:hidden;
}

.login-header{
  background-color:#6CA925;
  color:#fff;
  padding:18px;
  font-weight:700;
  font-size:24px;
  border-radius:12px 12px 0 0;
  margin:-35px -40px 30px -40px;
}

.form-label{
  text-align:left;
  display:block;
  font-weight:500;
  color:#444;
  margin-bottom:5px;
}

/* Por si Django renderiza inputs sin clase */
.login-card input[type="text"],
.login-card input[type="password"],
.login-card input[type="email"]{
  width:100%;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid #ccc;
  margin-bottom:18px;
  font-size:15px;
}

.btn-login{
  background-color:#fdd835;
  border:none;
  color:#000;
  font-weight:700;
  width:100%;
  padding:12px;
  border-radius:8px;
  font-size:16px;
  transition:background .2s ease;
}

.btn-login:hover{ background-color:#fbc02d; }

.extra-links{ margin-top:18px; }

.extra-links a{
  color:#6CA925;
  font-size:14px;
  display:block;
  margin-bottom:5px;
  text-decoration:none;
}

.social-icons{ margin-top:20px; }

.social-icons a{
  display:inline-block;
  margin:0 8px;
  font-size:20px;
  color:#6CA925;
  transition:transform .2s ease;
}

.social-icons a:hover{
  transform:scale(1.2);
  color:#558c1f;
}


/* =========================
   FONDO LOGIN CON IMAGEN
   ========================= */
.login-wrapper{
  background:
    linear-gradient(
      rgba(46, 125, 50, 0.65),
      rgba(46, 125, 50, 0.65)
    ),
    url("../img/login-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}