.header {
    background-color: #ef3829;
    padding: 10px 0px 15px 0px;
  }
  
  .footer {
    background-color: #000000;
    color: white;
    padding: 10px 0px 15px 0px;
    /*margin-top: -7%;*/
  }
  
  .logo-footer {
    width: 6%;
    height: 6%;
    padding: 0 15px;
  }
  
  .logo {
    width: 10%;
    height: 10%;
    padding: 0 15px;
  }
  
  .text-footer {
    vertical-align: -webkit-baseline-middle;
    font-size: small;
    color: #ffffff;
  }
  
  .div-formulario {
    display: flex;
    flex-direction: column;
    /* padding: 10% 45% 5% 5%; */
  }
  
  .div-terminos {
    height: 25em;
    text-align: justify;
    overflow: auto; /* Añade un scrollbar */
  }
  
  /* Template terminos y condiciones*/
  
  .check-terminos {
    width: 15px;height: 15px;
  }
  
  .text-terminos {
    color:#1097AE;
    text-decoration: underline;
    margin-left: 18px;
    margin-top: 34px;
    width: 17px;
    height: 17px; 
    font-size: 1.15rem;
  }
  
  .spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  
  .spinner-container img {
    max-width: 100%;
  }