/* ======== Banner ======== */
.bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

/* ======== Formulario ======== */
.contents {
    background-color: #fff;
    width: 100%;
}

/* ======== Vista móvil y tablet ======== */
@media (max-width: 991.98px) {
    .bg {
        height: 180px; /* Altura controlada del banner */
    }

    .contents {
        padding: 1.5rem 1rem 2rem; /* Margen ajustado */
        margin-top: 0; /* Elimina espacios entre banner y formulario */
    }

        /* Reduce el espacio vertical entre elementos */
        .contents .container {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
}

/* ======== Vista escritorio ======== */
@media (min-width: 992px) {
    .bg {
        flex: 1;
    }

    .contents {
        flex: 1;
        padding: 2rem 3rem;
    }
}

p {
  color: #b3b3b3;
  font-weight: 300;
  font-size: 14px;  
}

.content {
  padding: 7rem 0; }

h2 {
  font-size: 20px; }

.half, .half .container > .row {
  height: 100vh;
  min-height: 700px; }

.half .contents {
  background: #f6f7fc; }
    
@media (max-width: 991.98px) {
.half .bg {
  height: 200px; } }

.half .contents, .half .bg {
width: 50%; }

@media (max-width: 1199.98px) {
  .half .contents, .half .bg {
    width: 100%; } }
    
.half .bg {
  background-size: cover;
  background-position: center; }
  
.half a {
  color: #888;
  text-decoration: underline; }

.forgot-pass {
  position: relative;
  top: 2px;
  font-size: 13px; 
  text-decoration:none;
  font-weight:normal;
}

  .form-block {
    background: #fff;
    padding: 40px;
    max-width: 550px;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2); }

    .form-block-signup {
      background: #fff;
      padding: 40px;
      max-width: 800px;
      -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2); }

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px; }

  .control .caption {
    position: relative;
    top: .2rem;
    color: #888; }

label:not(.form-check-label):not(.custom-file-label) {
  font-weight: normal;
}
 .sign-up {
  position: relative;
  top: 2px;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
}

/*==================================================================================================*/
.half .contents, .half .bg2 {
  width: 70%; }

@media (max-width: 991.98px) {
  .half .bg2 {
    height: 200px; } }
  
.half .bg2 {
width: 30%; }

@media (max-width: 991.98px) {
.half .contents, .half .bg2 {
    width: 100%; } }
      
.half .bg2 {
background-size: cover;
background-position: center; }

.image-wrapper{
      width:100%;
      height:100%;         
      display:flex;
      justify-content:center;
      align-items:center;
}