/* ==========================================================================
   Cesar Gomez
   ========================================================================== */
   *,
   *::after,
   *::before {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }
   /* ::selection {
     background: #fe57a1;
     color: #fff;
     text-shadow: none;
   }
   ::-webkit-scrollbar {
     background-color: white;
     display: block !important;
     height: 10px;
     margin: 0;
     width: 15px;
   }
   ::-webkit-scrollbar-track {
     background: linear-gradient(#ecf8fa, #95d5e3);
     height: 10px;
     margin: 0;
     width: 10px;
   }
   ::-webkit-scrollbar-thumb {
     background: linear-gradient(#fc8f3a, #ffd100);
     border-radius: 5px;
     height: 10px;
     margin: 0;
     opacity: 0.5;
     width: 10px;
   } */
   html {
     scroll-behavior: smooth;
   }
   body {
     background: #efefef;
     font-size: 16px;
     /* font-family: "Montserrat", sans-serif; */
     font-family: "Raleway", sans-serif;
     /* letter-spacing: -1px;
     letter-spacing: -0.5px; */
   }
   .registro {
     background: #fc8f3a url(../img/registro-bg.png) no-repeat center center fixed;
     background-size: cover;
     min-height: 100vh;
     display: flex;
     justify-content: center;
   }
   @media only screen and (max-width: 529px) {
     .registro {
       flex-direction: column;
       justify-content: flex-start;
       padding: 0px 2vw;
     }
   }
   .registro-col.left {
     width: 50%;
     display: flex;
     flex-direction: column;
     justify-content: end;
     border-right: 8px solid #000;
     padding: 35px;
     padding: 3.35vw;
   }
   @media only screen and (min-width: 1045px) {
    .registro-col.left {
      padding: 35px;
    }
   }
   @media only screen and (max-width: 770px) {
     .registro-col.left {
       width: 40%;
     }
   }
   @media only screen and (max-width: 600px) {
     .registro-col.left {
       width: 30%;
     }
   }
   @media only screen and (max-width: 529px) {
     .registro-col.left {
       width: 100%;
       padding-top: 35px;
       border: 0;
       align-items: center;
       justify-content: center;
       flex-direction: column-reverse;
     }
   }
   .registro-col.right {
     width: 50%;
     padding: 3.35vw;
   }
   @media only screen and (min-width: 1045px) {
     .registro-col.right {
       padding: 35px;
     }
   }
   @media only screen and (max-width: 770px) {
     .registro-col.right {
       width: 60%;
     }
   }
   @media only screen and (max-width: 600px) {
     .registro-col.right {
       width: 70%;
     }
   }
   @media only screen and (max-width: 529px) {
     .registro-col.right {
       width: 100%;
     }
   }
   .registro-logo {
     display: inline-block;
     text-align: center;
   }
   .registro-logo img {
     width: 100%;
     max-width: 100%;
     height: auto;
   }
   @media only screen and (max-width: 529px) {
     .registro-logo-img {
       width: 70% !important;
       margin-bottom: 60px;
     }
   }
   .registro-titulo {
     text-align: right;
     font-size: 9.63vw;
     margin-bottom: 45px;
   }
   @media only screen and (min-width: 1045px) {
     .registro-titulo {
       font-size: 100px;
     }
   }
   @media only screen and (max-width: 770px) {
     .registro-titulo {
       font-size: 6.2vw;
     }
   }
   @media only screen and (max-width: 529px) {
     .registro-titulo {
       font-size: 12vw;
       text-align: center;
       margin-bottom: 20px;
     }
     .registro-titulo br {
       display: none;
     }
   }
   .registro-text {
     font-size: 4.59vw;
     margin-bottom: 40px;
   }
   @media only screen and (min-width: 1045px) {
     .registro-text {
       font-size: 48px;
     }
   }
   @media only screen and (max-width: 933px) {
     .registro-text {
       font-size: 35px;
       margin-top: 2vw;
       margin-bottom: 3vw;
     }
   }
   @media only screen and (max-width: 529px) {
     .registro-text {
       font-size: 8vw;
       font-size: 6vw;
       margin-top: 2vw;
     }
   }
   .registro-form {
     display: flex;
     flex-direction: column;
     gap: 15px;
     width: 60%;
     min-width: 320px;
   }
   @media only screen and (max-width: 360px) {
     .registro-form {
       width: 100%;
       min-width: auto;
     }
   }
   .registro-form-item.center {
     display: flex;
     align-items: center;
   }
   .registro-form-control {
     display: block;
     width: 100%;
     padding: 8px 12px;
     border: 0;
     color: #000;
     font-weight: 600;
   }
   @media only screen and (max-width: 360px) {
     .registro-form-control {
       padding: 8px 2vw;
     }
   }
   .registro-form-control::placeholder {
     color: #000;
     font-weight: 600;
   }
   .registro-form-label {
     font-weight: 600;
     font-size: 22px;
     display: inline-block;
   }
   @media only screen and (max-width: 529px) {
     .registro-form-label {
       font-size: 16px;
     }
   }
   .registro-form-label a {
     font-size: 20px;
     text-decoration: none;
     color: #000;
     transition: all 0.1s linear;
   }
   .registro-form-label a:hover {
     color: #8c0a00;
   }
   .registro-form-ck {
     width: 32px;
     height: 32px;
     display: inline-block;
     vertical-align: center;
     margin-left: 10px;
   }
   @media only screen and (max-width: 529px) {
    .registro-form-ck {
      width: 25px;
      height: 25px;
    }
  }
   .registro-form-btn {
     display: inline-block;
     text-decoration: none;
     color: #000;
     background: #fff;
     border: 4px solid #000;
     font-weight: 600;
     padding: 5px 35px;
     font-size: 18px;
   }
   @media only screen and (max-width: 529px) {
     .registro-form-btn {
       padding: 5px 35px;
       font-size: 16px;
       border: 3px solid #000;
       margin-top: 10px;
     }
   }
   .registro-form-btn:disabled {
    background: #ccc;
    border-color: #333;
  }
   label.error {
     display: inline-block;
     font-size: 14px;
     color: #8c0a00;
     font-weight: 600;
   }