:root {
   --greenColor: #abd500;
 }

 body {
   padding: 0;
   margin: 0;
   background-color: #eeeeee;
   font-family: 'Lato', sans-serif;
 }

 .main {
   max-width: 1280px;
   margin: 3rem auto;
   margin-bottom: 4rem;
 }

 .main__h1 {
   font-size: 2.1rem;
   margin-top: 10px;
 }

 .main__description {
   line-height: 24px;
   font-size: 1rem;
 }

 .main__video-text {
   font-size: 14px;
   text-wrap: balance;
   font-style: italic;
   max-width: 800px;
   line-height: 24px;
   font-weight: bold;
   margin-top: 2.5rem;
 }

 .video__link {
   color: blue;
   text-underline-position: under;
 }

 .form {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 }

 .form__headingH2 {
   font-size: 1.4rem;
   margin-bottom: 2rem;
 }

 .form__headingH3 {
   font-size: 18px;
   margin: 2.5rem 0;
 }

 .form__wrapper {
   display: flex;
   flex-direction: column;
   gap: 1.3rem;
 }

 .form__wrapper [required]:valid {
   border: 1.5px solid #abd500;
 }

 .section {
   background-color: #fff;
   padding: 2rem;
 }

 .titleContainer {
   position: relative;
   margin-bottom: 1.5rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   gap: 2rem;
 }

 .titleContainer::before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   width: 100%;
   height: 2%;
   background-color: var(--greenColor);
 }

 .logo {
   display: block;
   width: 100%;
   max-width: 235px;
   order: -1;
 }

 .form__wrapper--personaNatural,
 .form__wrapper--personaJuridica {
   display: none;
 }

 .form__label {
   font-size: 14px;
   color: rgb(38, 38, 38);
   line-height: 20px;
 }

 .form__label--lineHeigth {
   line-height: 23px;
   margin-bottom: 2rem;
 }

 .form__input {
   all: unset;
   padding: 0.7rem;
   border: 1px solid rgb(198, 198, 198);
   font-size: 14px;
   border-radius: 3px;
   background-color: #fff;
   align-items: center;
 }

 .form__selectInput {
   padding: 0.7rem;
   border: 1px solid rgb(198, 198, 198);
   font-size: 14px;
   cursor: pointer;
 }

 .form__footer {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 2rem;
 }

 .form__footer-checkbox {
   width: 100%;
 }

 .form__footer-btnsContainer,
 .form__inputContainer {
   width: 100%;
   display: flex;
   flex-direction: column;
   /*  align-self: baseline; */
 }

 .form__inputContainer {
   position: relative;
   gap: 0.7rem;
 }

 .form__footer-btnsContainer {
   gap: 1rem;
 }

 .form__footer-btn {
   font-family: 'Lato', sans-serif;
   width: 100%;
   height: 55px;
   font-size: 1rem;
   letter-spacing: .1px;
   font-weight: bold;
   background-color: #abd500;
   color: black;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   transition: 0.2s ease-out;
 }

 .form__generatePDF-Btn {
   height: 44px;
 }

 .form__generatePDF-Btn:hover,
 .form__footer-submit:hover {
   background-color: #99c000;
 }

 .form__footer-save {
   background-color: #abd500;
   border: 1.5px solid #99c000;
 }

 .form__footer-save--SavedData {
   background-color: #fff;
 }

 .form__footer-save:hover {
   background-color: #99c000;
 }

 .form__footer-clean {
   background-color: #fff;
   border: 1.5px solid #8e8e8e;
 }

 .form__footer-clean:hover {
   background-color: #d4d4d4;
 }

 .form__footer-clean--disabled {
   background-color: #eee;
   color: #999;
   border: 1.5px solid #c9c9c9;
   cursor: not-allowed;
 }

 .form__footer-clean--disabled:hover {
   background-color: #eee;
 }

 .form__footer-submit--disabled {
   background-color: #eee;
   color: #999;
   border: 1.5px solid #c9c9c9;
   cursor: not-allowed;
 }

 .form__footer-submit--disabled:hover {
   background-color: #eee;
 }

 .form__error {
   text-align: right;
   font-size: 13px;
   color: red;
   font-weight: bold;

   /*    position: absolute;
     top: 100%;
     left: 0;
     grid-column: 1 / -1;/ */
 }

 .form__error--none {
   display: none;
 }

 .form__error--isActive {
   display: block;
   animation: show-message 1s 1 normal 0s ease-out both;
 }

 @keyframes show-message {
   0% {
     visibility: hidden;
     opacity: 0;
   }

   100% {
     visibility: visible;
     opacity: 1;
   }
 }

 .form__radioButtons-Container {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   padding: .8rem 1rem;
   border: 1px solid rgb(197, 197, 197);
 }

 .form__subDivider {
   margin: 1rem 0;
 }

 .form__lineDivider--noHidden,
 .form__lineDivider {
   border-bottom: 1px dotted #9d9d9d;
   grid-column: span 2;
   margin: 1rem 0;
 }

 .form__lineDivider--noHidden {
   margin: 2.5rem 0;
 }

 .form__parragraph {
   font-size: 15px;
   line-height: 24px;
   margin-bottom: 2rem;
 }

 .form__wrapper--ConocimientoIntensificado,
 .form__wrapper--gridColumns,
 .form__wrapper--PersonalContacto,
 .form__wrapper--autTransComercial {
   margin-top: 2rem;
 }

 .form__sociosContainer {
   margin-top: 2.5rem;
 }

 .form__ul,
 .form__ol {
   list-style-type: lower-alpha;
   padding-left: 1rem;
 }

 .form__ul p,
 .form__ol p {
   padding-left: .5rem;
 }

 .form__parragraph--spacing {
   margin-bottom: 1rem;
 }

 .form__link {
   word-wrap: break-word;
 }

 .form__autorizaciones {
   padding: 1.5rem 1rem;
   justify-content: flex-end;
   gap: 1rem;
 }

 .form__label-autorizaciones {
   font-size: 16px;
   font-weight: bold;
 }

 .form__span {
   font-size: 13px;
   color: gray;
 }

 .form__heading--span {
   color: #8b9da5;
   font-size: .9rem;
 }

 .form__input-Disabled {
   background-color: #eeeeee;
 }

 .form__inputContainer--marginBottom {
   margin-bottom: 1.3rem;
 }

 .form__numSocio-desktop {
   display: none;
 }

 .moduleSixDivider {
   margin-top: 4rem;
 }

 .form__radioButtons--representanteLegalPreguntas {
   flex-direction: row;
 }

 .form__autorizacionesContainer {
   margin: 4rem 0;
 }

 .form__wrapper-infoFacturacion {
   margin-bottom: 0 !important;
   padding-bottom: 2rem;
 }

 .form__wrapper--marginBottom {
   margin-bottom: 0 !important;
 }

 .form-label--bold {
   font-weight: bold;
 }

 .form__details {
   position: relative;
   padding: 1rem 2rem;
   border: 1px solid rgb(182, 182, 182);
   border-bottom: transparent;
   background-color: rgb(246, 246, 246);
 }

 .form__details[open] {
   background-color: white;
 }

 .form__details::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 7px;
   height: 100%;
   background-color: var(--greenColor);
   z-index: 999;
 }

 .form__details[open] .form__summary:after {
   content: "-";
   font-size: 2rem;
   background-color: transparent;
   margin-left: 1rem;
 }

 .form__summary {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 1rem;
   font-weight: bold;
   list-style: none;
   cursor: pointer;
 }

 .form__summary::-webkit-details-marker {
   display: none;
 }

 .form__summary::after {
   content: "+";
   font-size: 1.5rem;
   -webkit-transition: 0.1s;
   transition: 0.1s;
   margin-left: 1rem;
 }

 .form__summary:hover {
   color: rgb(136, 136, 136);
 }

 .form__summary--title {
   font-weight: normal;
   margin: 0.5rem 0;
 }

 .form__footer-submit {
   position: relative;
 }

 .form__generatePDF-spinnerContainer,
 .form__footer-spinnerContainer {
   display: none;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .form__generatePDF-spinner,
 .form__footer-spinner {
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: 2px solid rgba(0, 0, 0, 0.2);
   border-top-color: #333;
   animation: spinner 0.8s linear infinite;
   margin-right: 6px;
 }

 @keyframes spinner {
   to {
     transform: rotate(360deg);
   }
 }

 .form__signature-line {
   border-top: 1px solid #ccc;
   margin-top: 39px;
   margin-bottom: 0;
 }

 .form__signature-text {
   position: absolute;
   bottom: -30px;
   width: 100%;
   text-align: center;
   font-style: italic;
   color: rgb(149, 149, 149);
   font-size: 15px;
 }

 .form__generatePDF-text {
   margin: 0;
 }

 .form__signature-container {
   display: none;
 }

 .formsigntext {
   grid-column: span 3;
 }

 .form__details.colorTransparent::before {
   background-color: transparent;
 }

 .form__lineDivider--margin {
   display: none;
 }

 .form__lineDivider--marginTop {
   margin: 3rem auto;
 }

 .form__autTransaccionComercial-footer {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   gap: 1.5rem;
   margin-top: 2rem;
 }

 .form__label--span {
   color: #8b9da5;
 }

 .form__inputContainer--marginTop {
   margin-top: 2rem;
 }

 .form__parragraph--noMargin {
   margin-bottom: 1rem;
 }

 .form__textArea {
   resize: vertical;
   padding: 1rem;
   font-family: "Lato", sans-serif;
 }

 .form__warning {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 2rem;
   padding: 0.6rem 1rem;
   border: 2px solid #fadeaf;
   border-radius: 8px;
   margin-bottom: 2rem;
   background-color: #fef7ea;
 }

 .form__parragraph--alert {
   color: #000;
   margin-top: 2rem;
   font-size: 14px;
   margin: 0;
   font-weight: 800;
   font-style: italic;
 }

 .form__warning-icon {
   max-width: 35px;
 }

 /* ---- Media Queries ---- */

 @media (min-width: 720px) {
   .titleContainer {
     flex-direction: row;
     gap: 6rem;
   }

   .logo {
     order: 2;
   }

   .form__autorizaciones {
     padding: 1.5rem 2rem !important;
     gap: 3rem;
   }

   .form__label--margin {
     margin-right: 2rem;
   }

   .form__wrapper {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 1.6rem;
   }

   .form__radioButtons-Container {
     flex-direction: row;
     padding: .6rem 1rem;
     min-width: 100px;
   }

   .form__subDivider {
     grid-column: span 2;
   }

   .form__inputContainer--representanteLegalPreguntas {
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
   }

   .form__input--gridColumnRelaComercial {
     grid-column: span 2;
   }

   .form__footer-btnsContainer {
     flex-direction: row;
     justify-content: flex-end;
   }

   .form__footer-clean,
   .form__footer-save {
     max-width: 150px;
   }

   .form__footer-submit {
     max-width: 240px;
   }

   .form__heading--span {
     font-size: 1.1rem;
     margin-left: .5rem;
   }

   .form__footer {
     flex-direction: row;
     justify-content: flex-end;
     gap: 4rem;
   }

   .form__autTransaccionComercial-footer {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media (min-width: 1004px) {
   .main {
     gap: 3rem;
   }

   .main__h1 {
     font-size: 2.4rem;
   }

   .main__description {
     font-size: 1.1rem;
     max-width: 650px;
   }

   .section {
     padding: 3.5rem;
     border-radius: 9px;
   }

   .form__headingH2 {
     margin-bottom: 3rem;
   }

   .brMobile {
     display: none;
   }

   .form__numSocio-desktop {
     display: block;
   }

   .form__wrapper {
     grid-template-columns: repeat(3, 1fr);
     align-items: end;
   }

   .form__footer-submit {
     margin: 0;
   }

   .form__subDivider {
     grid-column: span 4;
   }

   .form__wrapper--gridColumns {
     grid-template-columns: 20px 158px 173px 1fr 164px 140px !important;
     align-items: end;
   }

   .form__wrapper--autTransComercial,
   .form__wrapper--PersonalContacto,
   .form__wrapper--ConocimientoIntensificado {
     grid-template-columns: repeat(4, 1fr) !important;
   }

   .form__numSocio-mobile {
     display: none;
   }

   .form__lineDivider,
   .form__inputContainer--representanteLegalPreguntas {
     grid-column: span 4;
   }

   .form__lineDivider--margin {
     display: block;
     margin: 2.5rem auto;
   }

   .form__wrapper--3Columns {
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
   }

   .form__wrapper--firstModule {
     grid-template-columns: repeat(3, 1fr) !important;
   }
 }

 @media (min-width: 1200px) {
   .form__wrapper {
     grid-template-columns: repeat(4, 1fr);
     align-items: end;
   }

   .form__wrapper--ConocimientoIntensificado {
     grid-template-columns: 10px 1fr 140px 110px 1fr 140px 120px !important;
   }
 }

 @media (min-width: 1280px) {
   .form__wrapper--PersonalContacto {
     grid-template-columns: 5px 120px 1fr 140px 120px 100px 110px 120px !important;
   }

   .form__wrapper--autTransComercial {
     grid-template-columns: repeat(4, 1fr) !important
   }
 }