@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
* {
    margin: 0;
    padding: 0;
}

a,
button {
    cursor: pointer;
}
:root {
    --white-base: rgba(254, 254, 254, 1);
    --white-bg: rgba(250, 252, 255, 1);
    --gray-25: rgba(252, 252, 253, 1);
    --gray-50: rgba(249, 250, 251, 1);
    --gray-100: rgba(242, 244, 247, 1);
    --gray-200: rgba(228, 231, 236, 1);
    --gray-300: rgba(208, 213, 221, 1);
    --gray-400: rgba(152, 162, 179, 1);
    --gray-500: rgba(109, 122, 143, 1);
    --gray-600: rgba(71, 84, 103, 1);
    --gray-700: rgba(52, 64, 84, 1);
    --gray-800: rgba(29, 41, 57, 1);
    --gray-900: rgba(16, 24, 40, 1);
    --primary-25: rgba(255, 254, 254, 1);
    --primary-50: rgba(255, 246, 240, 1);
    --primary-100: rgba(255, 236, 222, 1);
    --primary-200: rgba(251, 218, 195, 1);
    --primary-300: rgba(247, 192, 152, 1);
    --primary-400: rgba(245, 169, 115, 1);
    --primary-500: rgba(241, 143, 73, 1);
    --primary-600: rgba(239, 123, 40, 1);
    --primary-700: rgba(225, 107, 22, 1);
    --primary-800: rgba(180, 83, 13, 1);
    --primary-900: rgba(111, 51, 8, 1);
    --blue-25: rgba(245, 250, 255, 1);
--blue-50: rgba(239, 248, 255, 1);
--blue-100: rgba(209, 233, 255, 1);
--blue-200: rgba(178, 221, 255, 1);
--blue-300: rgba(132, 202, 255, 1);
--blue-400: rgba(83, 177, 253, 1);
--blue-500: rgba(46, 144, 250, 1);
--blue-600: rgba(21, 112, 239, 1);
--blue-700: rgba(23, 92, 211, 1);
--blue-800: rgba(24, 73, 169, 1);
--blue-900: rgba(25, 65, 133, 1);

--violet-25: rgba(252, 250, 255, 1);
--violet-50: rgba(249, 245, 255, 1);
--violet-100: rgba(244, 235, 255, 1);
--violet-200: rgba(233, 215, 254, 1);
--violet-300: rgba(214, 187, 251, 1);
--violet-400: rgba(182, 146, 246, 1);
--violet-500: rgba(158, 119, 237, 1);
--violet-600: rgba(127, 86, 217, 1);
--violet-700: rgba(105, 65, 198, 1);
--violet-800: rgba(83, 56, 158, 1);
--violet-900: rgba(66, 48, 125, 1);
--pink-25: rgba(254, 246, 251, 1);
--pink-50: rgba(253, 242, 250, 1);
--pink-100: rgba(252, 231, 246, 1);
--pink-200: rgba(252, 206, 238, 1);
--pink-300: rgba(250, 167, 224, 1);
--pink-400: rgba(246, 112, 199, 1);
--pink-500: rgba(238, 70, 188, 1);
--pink-600: rgba(221, 37, 144, 1);
--pink-700: rgba(193, 21, 116, 1);
--pink-800: rgba(158, 22, 95, 1);
--pink-900: rgba(133, 22, 81, 1);
--success-25: rgba(246, 254, 249, 1);
--success-50: rgba(236, 253, 243, 1);
--success-100: rgba(209, 250, 223, 1);
--success-200: rgba(166, 244, 197, 1);
--success-300: rgba(108, 233, 166, 1);
--success-400: rgba(50, 213, 131, 1);
--success-500: rgba(18, 183, 106, 1);
--success-600: rgba(3, 152, 85, 1);
--success-700: rgba(2, 122, 72, 1);
--success-800: rgba(5, 96, 58, 1);
--success-900: rgba(5, 79, 49, 1);
--warning-25: rgba(255, 252, 245, 1);
--warning-50: rgba(255, 250, 235, 1);
--warning-100: rgba(254, 240, 199, 1);
--warning-200: rgba(254, 223, 137, 1);
--warning-300: rgba(254, 200, 75, 1);
--warning-400: rgba(253, 176, 34, 1);
--warning-500: rgba(247, 144, 9, 1);
--warning-600: rgba(220, 104, 3, 1);
--warning-700: rgba(181, 71, 8, 1);
--warning-800: rgba(147, 55, 13, 1);
--warning-900: rgba(122, 46, 14, 1);
--error-25: rgba(255, 251, 250, 1);
--error-50: rgba(254, 243, 242, 1);
--error-100: rgba(254, 228, 226, 1);
--error-200: rgba(254, 205, 202, 1);
--error-300: rgba(253, 162, 155, 1);
--error-400: rgba(249, 112, 102, 1);
--error-500: rgba(240, 68, 56, 1);
--error-600: rgba(217, 45, 32, 1);
--error-700: rgba(180, 35, 24, 1);
--error-800: rgba(145, 32, 24, 1);
--error-900: rgba(122, 39, 26, 1);
}

body {
    margin: 0;
    background:var(--white-bg);
}

* {
    margin: 0px;
    padding: 0px;
}

* {
  margin: 0;
  padding: 0;
}
.LoginForgotPasswordText{
  font-size: 12px;
  margin-bottom: 1em;
  padding: 0px;
  color: var(--primary-500);
  text-decoration: underline;
 cursor: pointer;
}
.login {
    display: flex;
width: auto;
flex-direction: column;
justify-content: center;
align-items: center;
}

.login__header{
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 10vh;
}
.login__container {
  display: flex;
  width: auto;
  padding: 32px;
  gap: 40px;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
background-color: var(--white-base);
filter: drop-shadow(1px 1px 9px #EDEDED);
}

.login__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.login__isologo {
  width: 160px;
  height: 36px;
}

.form__inputs_inicioSesion {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.inputs__password {
  display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.form__inputs--image--container {
  display: flex;
  flex-direction: row;
  position: absolute;
  padding: 0px;
  margin-left: 271px;
  width: 24px;
  margin-top: 23px;
  height: 24px;
}

.form__inputs--image {
  width: 24px;
  height: 24px;
}

input:focus-visible {
  border-radius: 10px;
  border: 2px solid var(--primary-400);
  background-color: var(--white-base);
  outline: none;
  height: 34px;
}



.form__inputs--text, .form__inputs--text-login {
  display: flex;
  height: 35px;
  width: 94%;
  padding: 0px 8px;
  align-items: center;
  border-radius: 6px;
  border: 2px solid var(--gray-300);
  background: var(--gray-25);
}


.form__inputs--text::placeholder, .form__inputs--text-login::placeholder {
  color: var(--gray-400);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
}

.form__inputs--password {
  display: flex;
  height: 35px;
  padding: 0px 8px;
  align-items: center;
  width: 94%;
margin-top: 4px;
border-radius: 6px;
border: 2px solid var(--gray-300);
background: var(--gray-25);
}

.form__inputs--password::placeholder {
  color: var(--gray-400);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
}

#rc-anchor-container {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
  gap: 32px;

  width: 426px !important;
  height: 65px !important;

  background: rgba(233, 236, 234, 0.25) !important;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1) !important;
  border-radius: 5px;
}

.form__inputs--link {
  display: flex;
  width: 100%;
  height: 25px;
  flex-direction: column;
  justify-content: center;
  color: var(--blue-50);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.login__form h1 {
  width: auto;
  height: auto;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: var(--gray-600);
}

.form__titles--account {
  width: 425px;
  height: 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  /*  text-transform: uppercase; */
  color: var(--gray-600);
}

.login-form__titles--text {
  width: 425px;
  height: 24px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--gray-600);
}

.disabled {
  display: flex;
  width: 146px;
  padding: 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--primary-200);
  color: var(--white-base);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.28px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}


.form__inputs--newaccounts {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 20px;
  width: auto;
  height: 30px;
  justify-self: center;
}

.inputs__newaccounts--signup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.inputs__newaccounts--signup p {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px;
  letter-spacing: 0.26px;
}
.login__contenido {
  display: flex;
  justify-content: center;
  height: 90vh;
  width: 100%;
  align-items: flex-start;
}

.inputs__newaccounts--link {
  color:  #5a57ff;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
}

.inputs__newaccounts--span {
  height: 1px;
  width: 65px;
  background-color: #0c0c0f;
}

.form_container {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}

.form__checkbox {
  display: flex;
  padding: 0px 16px;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  height: 20px;
}

.form_checkbox_box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 14px;
  height: 14px;
  border: 1px solid #d1d1d6;
  border-radius: 4px;
}

.form__checkbox p {
  color: var(--gris-textos, var(--gray-400));
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
}

.form_checkbox_box:checked {
  border-radius: 4px;
  cursor: pointer;
  background-color: var(--primary-500);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC42NjY3IDAuNzkxNjI2TDQuMjUwMDQgNy4yMDgyOUwxLjMzMzM3IDQuMjkxNjMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
/*   width: 24px;
  height: 24px; */
  appearance: none;
  border: 2px solid var(--primary-500);
  padding: 0px;
}

.login__form__titles--text {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: var(--gray-600);
}

.login__form__titles--text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: var(--gray-600);
}

.login__form--buttonIniciarSesion {
  display: flex;
  width: 146px;
  padding: 8.5px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--primary-200);
  color: var(--gray-400);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.28px;
}

.login__image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC42NjY3IDAuNzkxNjI2TDQuMjUwMDQgNy4yMDgyOUwxLjMzMzM3IDQuMjkxNjMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  padding: 24px;
  justify-self: center;
  width: 100%;
  height: 620px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.form__inputs--guard {
  margin: 0px;
}
.form__inputs__email label {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
padding: 0px 6px;
align-items: flex-start;
gap: 10px;
}
.inputs__password__container label {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
padding: 0px 6px;
align-items: flex-start;
gap: 10px;

}
.inputs__password__container .form__inputs--text-login:focus-visible, .form__inputs__email .form__inputs--text-login:focus-visible, .form__inputs__email input:focus-visible{
  height: 35px !important;
}

@media (min-width: 1024px) {
  .inputs__newaccounts--signup {
    font-size: 16px;
  }
}


@media only screen and (max-width: 1024px) {
  #captcha {
    transform: scale(0.9);
    display: flex;
    justify-content: inherit;
    margin-left: 0px;
  }
}

.form__inputs__email {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}


.inputs__password__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  
  align-self: stretch;
}


@media (max-width: 768px) {
  .login__isologo{
    width: 106px;
height: 24px;
  }
  .login__container {
    display: flex;
    width: auto;
    padding: 24px;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: center;
    gap: 40px;
    background-color: var(--white-base);
  }
  .login__form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }
  .form__inputs_inicioSesion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }
  .form__inputs__email {
    gap: 4px;
}
  .form__inputs__email label{
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
    padding: 0px 8px;
    align-items: flex-start;
    gap: 10px;
  }
  .form__inputs--password::placeholder{
    color: var(--gray-400);
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 12px;
    font-style: normal;
    font-weight:300;
    line-height: normal;
    letter-spacing: 0.2px;
  }
  .inputs__password__container label{
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
    padding: 0px 8px;
    align-items: flex-start;
    gap: 10px;
  }
  .form__checkbox p{
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size:   11px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.16px;
  }
  .form__inputs--text, .form__inputs--text-login {
    display: flex;
    height: 0px;
    width: 94%;
   padding: 15px 8px;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    border: 2px solid var(--gray-300);
    background-color: var(--white-base);
  }
 

  .form__inputs--text::placeholder, .form__inputs--text-login::placeholder{
    color: var(--gray-400);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.2px;
  }

  .inputs__password__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    width: 100%;
  }
  .form__inputs--password {
    display: flex;
    height: 0px;
    width: 94%;
    padding: 15px 8px;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    border: 2px solid var(--gray-300);
    background-color: var(--white-base);
  }
  .form__inputs--image--container {
    margin-left: 275px;
    margin-top: 26px;
}
  .form_checkbox_box {
    width: 14px;
    height: 14px;
  }
  .form__inputs--image {
    width: 20px;
    height: 20px;
}
  .login__isologo {
    width: 106.665px;
    height: 24px;
  }
  .form_container {
    gap: 8px;
  }
  .form_checkbox_box:checked{
width: 20px;
height: 20px;
  }
  .form__checkbox {
    display: flex;
    padding: 0px 8px;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    height: 16px;
}

.login__form--buttonIniciarSesion{
  display: flex;
  height: 38px;
  padding: 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
}



.login__formCrearCuenta {
    display: flex;
    width: auto;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    flex-shrink: 0;
}

.form__titles {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;

    width: 425px;
    height: auto;
}

.titles {

    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    color: var(--primary-600);
    text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.form__titlesContainer_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 12px;
    width: 100%;
    height: auto;

}


.form__inputs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 23px;
    width: auto;
    height: 146px;
}

.form__label--text {
    width: auto;
    height: auto;

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;

}

.form__titlesContainer_text p {
    color: var(--gray-600);
    text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    width: 374px;
    height: 45px;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
}

.form__inputs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 23px;
    width: auto;
    height: 146px;
}

.form__label--text {
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;


}

.form__titles--text {
    width: 406.58px;
    height: 16px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: rgba(30, 30, 28, 0.25);

}

.login__form--button {
    width: 406px;
}

.form__input--texts {
    display: flex;
    height: auto;
    padding: 10px 6px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
    border: 2px solid var(--gray-300);
    background-color: var(--white-base);
}

.form__input--texts::placeholder {

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-400);



}

.inputs__cont {
    display: flex;
    justify-content: center;
}

.cont__login--link {
    width: 100px;
    height: 30px;
    text-decoration: none;

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    display: flex;
    align-items: center;
    letter-spacing: 0.005em;

    color: var(--blue-500);

}

#change__screen {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;

    width: 406.58px;
    height: 272px;
}


.disabled {
    display: flex;
    width: 146px;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: var(--primary-600);
    color: var(--white-base);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.28px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}

.disabled:hover {
    border-radius: 8px;
    background: var(--primary-500);
    box-shadow: 0px 2px 4px 0px #D0D5DD;
}

#change__screen--final {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 23px;
    align-self: stretch;


}

.container_form_input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.login__final--form {
    display: flex;
    width: 146px;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: var(--primary-200);
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.28px;

}

.form__inputs--image--containerIniciarSesion {
    display: flex;
    flex-direction: row;
    position: absolute;
    padding: 0px;
    margin-left: 390px;
    width: 24px;
    margin-top: 31px;
    height: 24px;
}

#name-error,
#password-error,
#email-error {
    color: #FF696A;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}

/* @media (min-width:1024px){
    .form__label--text{
font-size: 16px;
    }
   
}
@media (min-width:1336px){
    .form__label--text{
        font-size: 16px;
            }
}
@media (min-width:1920px){
    
    .form__label--text{
        font-size: 18px;
            }
} */
.login__container {
    margin-top: 5em;
}

.login__formRecupero {
    display: flex;
    width: auto;
    height: auto;
    padding: 32px 32px 40px 32px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    flex-shrink: 0;
}

.form__inputsRecupero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.form__titles--Fp {
    font-weight: 600;
    font-size: 1vw;
    margin-bottom: 10px;
}

#mostrar__screen--Fp {
    display: none;
}

#change__screen--Fp {
    display: none;
    width: 100%;
    flex-direction: column;
    font-size: 1.2vw;
}

.cont__login--link {
    width: 100%;
    justify-content: center;
    height: 30px;
    text-decoration: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    display: flex;
    align-items: center;
    letter-spacing: 0.005em;
    color: var(--blue-500);
}

.strongRecupero {
    color: var(--gray-600);
    text-align: center;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px;
    letter-spacing: 0.26px;
}

.form__second__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.form__titles--textRecupero {
    width: 374px;
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    color: var(--gray-600);
    text-align: start;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px;
    letter-spacing: 0.26px;
}

.form_titlesRecupero {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    align-self: stretch;
    width: 100%;
    height: auto;
}

.form__input--textsRecupero {
    display: flex;
    height: auto;
    width: 100%;
    padding: 10px 6px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
    border: 2px solid #E2E7F1;
    background-color: var(--white-base);
}

.fp__btn {

    display: flex;
    width: 146px;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #FFEFE0;
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.28px;
}

#btns__final {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    gap: 20px;
}

.fp__btn--enviar {
    display: flex;
    width: 146px;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #FFEFE0;
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.28px;
}




#screen__Fp--final {
    display: none;
}

#screen__Fp {
    display: none;
}

#Fp__Final {
    display: none;

    flex-direction: column;
    gap: 16px;

    width: 100%;
    height: auto;

}


.fp__btn--confirm {
    display: none;
    width: 146px;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #FFEFE0;
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.28px;
}

.Fp__FinalContraseña {
    width: 100%;
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.fp__btn--enviar--codigo {
    display: flex;
    width: 200px;
    height: 3em;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: var(--primary-600);
    color: var(--white-base);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.28px;

}

.login__formRecupero--password {
    display: flex;
    width: auto;
    height: auto;
    padding: 0px 32px 0px 32px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

.fp__btn--div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fp__btn--div p {
    margin-top: 1em;
    color: var(--gray-600);
    font-size: 14px;
}

.btns__final {
    display: none;
    flex-direction: column;
    align-items: center;
}

.btns__final p {
    margin-top: 1em;
    color: var(--gray-600);
    font-size: 14px;
}

.login__container input:focus-visible {
    border-radius: 10px;
    border: 2px solid var(--primary-400);
    background-color: var(--white-base);
    outline: none;
    height: auto !important;
}

.error__message--forgotPassword {
    font-size: 12px;
    color: var(--gray-600);
    padding-left: 2px;
}
.connectionErrorCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 44px;
    width: 100%;
    height: 100vh;
    border-radius: 8px;
    justify-content: center;
}
.connectionError_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 19px;
    width: 300px;
}
.connectionError_container h1 {
    color: var(--gray-600);
    text-align: center;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.52px;
}
.textConnectionError {
    width: 100%;
    height: 100%;
    color: var(--gray-600);
    text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}

/* @media (max-width: 1440px) {
    .connectionErrorCard{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 32px;
        gap: 32px;
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }
} */
.body{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    position: relative;
    width: 100%;
    height: 100%;
}
.imgInMaintenance{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  }

.inMaintenanceCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    gap: 44px;
    width: 100%;
    height: 100vh;
    border-radius: 8px;
}
.inMaintenance_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 19px;
    text-align: -webkit-center;
    width: 350px;
}
.inMaintenance_container h1 {
    color: var(--gray-600);
    text-align: center;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.52px;
}
.textInMaintenance {
    width: 100%;
    height: 100%;
    color: var(--gray-600);
    text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 19.5px;
    letter-spacing: 0.26px;
}

/* @media (max-width: 1440px) {
    .inMaintenanceCard{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 32px;
        gap: 32px;
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }
} */
.body{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    position: relative;
    width: 100%;
    height: 100%;
}
.imgError404{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* padding: 24px; */
  width: 252px;
  height: 201.97px;
  }

.cardError404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  gap: 44px;
  width: 100%;
  height: 100vh;
  border-radius: 8px;
  justify-content: center;
}
.text_container{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 19px;
  width: 300px;
}
.text_container h1 {
  color: var(--gray-600);
  text-align: center;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.52px;
}
.textError404 {
  width: 100%;
  height: 100%;
  color: var(--gray-600);
  text-align: center;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 19.5px;
  letter-spacing: 0.26px;
}

.body{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  position: relative;
  width: 100%;
  height: 100%;
}
.tooltip-containerBP{
  position: relative;
  display: inline-block!important;
}
.tooltip-container{
  position: relative;
  display: flex;
}
.tooltip,
.tooltip-menu-secundario .tooltip  {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: auto;
  right: -16px;
  top: calc(-100% + 18px);
  transform: translateX(100%);
  white-space: nowrap;
  padding: 8px 12px;
  height: 24px;
  z-index: 5;
  border-radius: 6px;
  background: var(--gray-100, #F2F4F7);
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.14px;
}

@media (max-width:1439px) {
  .tooltip,
  .tooltip-menu-secundario .tooltip {
    top: calc(-100% + 11px);
    right: -17px;
    height: 24px;

    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.12px;
  }
}
.positivo{
    width: 100px;
    height: 22.5px;
}
* {
    margin: 0;
    padding: 0;
}

.bodyBox {
    align-items: flex-start;
    border-radius: 6px;
    border: 1px solid var(--gray-300);
    background-color: var(--white-base);
    bottom: 50px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 6.8em;
    padding: 16px;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.bodyBox.closed {
    left: 84px;
    width: 12em;
}

.bodyBox.expanded {
    left: 241px;
}

.bodyBoxUP,
.bodyBoxDown {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.bodyBoxUP {
    gap: 6px;
}

.bodyBoxDown {
    gap: 16px;
}

.bodyBoxDown {
    padding: 8px;
    border-radius: 8px;
}

.bodyBoxPerfil {
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: stretch;
}

.bodyBoxImg {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;

}

.bodyBoxImgSecond {
    margin-left: 4px;
}

.bodyBoxPerfil img,
.bodyBoxCompany img {
    width: 24px;
    height: 24px;
}



.bodyBoxCompany {
    display: flex;
    align-items: center;
    align-self: stretch;
    /* padding: 0px 8px 0px 4px; */
    gap: 6px;
}

.dividerBox {
    border: 0.5px solid #E2E4E3;
    width: 100%;
}

.bodyBoxCountryContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    /* margin-bottom: 16px; */
}

.bodyBoxCountryContainer p {
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    /* 136.364% */
    letter-spacing: 0.22px;
}

.bodyBoxCountry {
    display: flex;
    height: 32px;
    padding: 4px 8px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gray-300);
    background-color: var(--white-base);
}

.custom-option {
    display: flex;
    padding: 8px;
    gap: 8px;
    border-radius: 8px;
    background-color: var(--white-base);
}

.bodyBoxTextItem {
    width: 100%;
    padding: 4px 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bodyBoxLeftItem {
    display: flex;
    align-self: stretch;
    justify-content: space-between;
    align-items: center;

    gap: 4px;
    margin-bottom: 16px;
}

.bodyBoxRightItem {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    gap: 4px;
    flex-direction: column;

}

.bodyBoxBuyerPersona {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.bodyBoxBuyerPersona img {
    height: 24px;
    width: 24px;

}

.bodyBoxBuyerPersona p {
    align-self: center;
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: max-content;
}

.bodyBoxItemText {
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.32px;
}

.bodyBoxItemTextSecond {
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.26px;
}

.bodyBoxValue {
    color: var(--gray-800);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.26px;
}

/* .bodyBoxItemText{
    color: var(--sistem-texto-negro-texto, #707477);
    font-weight: 500;
}
.bodyBoxItemTextSecond{
    color: var(--sistem-texto-negro-texto, #707477);
    font-weight: 300;
}
.bodyBoxValue{
    color: var(--sistem-texto-negro-prrafo, #34343F);
    font-weight: 400;
} */




.absoluteFlag {
    position: absolute;
    left: 25%;
}

.css-os8l6b-singleValue {
    padding-left: 20%;
}

.css-1lyzeu2-placeholder,
.css-1t38kps-placeholder,
.css-os8l6b-singleValue {
    padding-left: 20%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    width: 80%;
    font-size: 12px;
}

.css-1t38kps-placeholder {
    padding-left: 20%;
    font-size: 12px;
}

.imgBuyerPersona {
    border-radius: 6px;

    display: flex;
    width: 52px;
    height: 52px;
    justify-content: center;
    align-items: center;


}

.imgAmplifyPersona {
    border-radius: 6px;

    display: flex;
    width: 52px;
    height: 52px;
    justify-content: center;
    align-items: center;

}

.bodyBoxLeftItem {
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: stretch;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.bodyBoxLeftItemNone {
 /*    overflow: hidden; */
    gap: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    margin-bottom: 0em;
    width: 100%;
    transition: all .5s ease;
    height: 100%;
    display: flex;
    align-items: center;
}

.css-1n6sfyn-MenuList {
    height: 10em;
}

.css-1ipe7nu-container {
    width: 80%;
}

.BoxUserNameMenu {
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px; /* 121.875% */
    letter-spacing: 0.32px;
}

.css-3mrmOx-menu {
    height: 248px;
}

.bodyBoxLeftItem {
    width: 100px;
    /* Ajusta el ancho del contenedor */
}

.chartBoxNavbar {
    position: absolute;
    right: -18px;
}

.PopUpboxNavbarData {
    display: none;
}

.bodyBoxLeftItemAmHover:hover .PopUpboxNavbarData {
    position: absolute;
    height: 49px;
    z-index: 4;
    display: flex;
    width: max-content;
    padding:10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    border-radius: 4px;
    border: 1px solid var(--gray-300);
    background-color: var(--white-base);
    left: 16.8em;
    
}
.PopUpboxNavbarDataSecond{
    bottom: 0px;
}

.PopUpboxNavbarDataTitle {
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.24px;
}

.PopUpboxNavbarDataText {
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.24px;
}

.PopUpboxNavbarDataNumbers {
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.24px;
}

.PopUpboxNavbarDataSpan {
    color: var(--gray-800);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}

@media (max-width:1439px) {

    .bodyBox.closed {
        left: 68px;
  
    }

    .bodyBox.expanded {
        left: 164px;
    }
}

@media (min-width: 1920px) {
  
    .bodyBox.expanded {
        left: 272px;
    }
    .bodyBoxLeftItemAmHover:hover .PopUpboxNavbarData{
        left: 19em;
    }
}
.navBarFlagCountry {
    width: 1.2em !important;
    height: 1.2em !important;
    object-fit: contain;
    }
.ListEnterpricesBox {
    border-radius: 6px;
    border: 1px solid var(--gray-300);
    background-color: var(--white-base);
    display: flex;
    width: 190px;
    padding: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: absolute;
    bottom: 2px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 280px;
}

.PopUpboxNavbarDataListEnterprices {
    border-radius: 6px;
    border: 1px solid var(--gray-300);
    background-color: var(--white-base);
    display: flex;
    width: max-content;
    padding: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: absolute;
    height: 1em;
    top: 0;
    /* Ajusta la posición verticalmente según tus necesidades */
    left: 100px;

}

.ListEnterpricesBox.closed {
    left: 84px;
    width: 12em;
}

.ListEnterpricesBox.expanded {
    left: 267px;
    width: 16.875em;
    margin-left: 4px;
}

.ListEnterpricesBox.closed {
    width: 18em
}

.ListEnterprices, .ListEnterpricesInputs {
    display: flex;
    flex-direction: column;
    text-overflow: ellipsis;
    align-items: start;
    justify-content: start;
    width: 100%;
    border-radius: 6px  !important;
    background: transparent !important;
    height: 36px;


}

.ListEnterpricesButton {
    display: flex;
    justify-content: flex-start !important;
    width: 100% !important
}

.ListEnterpricesButton p {
    text-align: start !important;

    text-overflow: ellipsis;
    color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 12.5px;
    /* 89.286% */
    letter-spacing: 0.28px;

}

.imagenNavEnterPrice {
    width: 1.5em;
    height: 1.5em;
}

.ListEnterprices:hover {
    border-radius: 6px !important;
    background: var(--blue-50) !important;
}
.InputListEnterpricesBox{
    border-radius: 10px;
    border: 2px solid var(--gray-300);
    outline: none;
    height: 34px;
    text-indent:6px;
    width: 98%;
    color: var(--gray-400);
    font-size: 12px;
}
.InputListEnterpricesBox::-webkit-input-placeholder{
 padding-left: 1px;
 color:2px solid var(--gray-300); ;
}

.enterpriceposition{
  display: flex;
  justify-content: space-between;
}
/* Boton para expandir */
.boxBrandButton{
  display: flex;
  width: 100%;
  justify-content: center;
height: 20px;
padding: 16px 0px;
}
.toggleButton, 
.toggleButtonOpen {
  display: flex;
  border: solid 0.5 var(--gray-50); 
  flex-direction: row;
  align-items: flex-start;
  padding: 8px;
  gap: 10px;
  position: absolute;
  top: 14px;
  border-radius: 4px;
  background-color: var(--white-base);
  cursor: pointer;

}
.toggleButton{
  left: 55px;
}
.toggleButtonOpen{
  left: 214px;
}
.toggleButton img,
.toggleButtonOpen img{
  width: 24px;
  height: 24px;
}

/* Navbar */
.navbar {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 64px; /* ancho total de 80px - 16px de padding */
  height: -webkit-fill-available;
  gap: 80px;
  background-color: var(--white-base);
  z-index: 999;
}
.navbarLink {
  display: flex;
}
.navbarLink span{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.14px;
}
.IconContainerNav{
  width: 24px;
  height: 24px;
}

.active{  background: var(--white-base); }
/* Navbar cerrado */
.menuPrincipal{
  height: 100%;
}
.menuPrincipal,
.menuSecundario {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 62px;
  align-items: center;
}
.navbarRectangleDefault{
  display: flex;
  width: 4px;
  height: 44px;
  flex-shrink: 0;
  background: transparent;
}
.menuPrincipal a,
.menuSecundario a,
.menuSecundario button{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
}
.menuPrincipal a:hover,
.menuSecundario a:hover,
.menuSecundario button:hover {
  border-radius: 6px;
  border: 0.25px solid var(--gray-300);
  background: var(--gray-100);
  height: 43px;
  width: 43px;
}
/* .selected {
  background: var(--gray-100);
  border-radius: 8px;

} */

/* Navbar abierto */
.navbar.expanded {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0px;
  width: 234px; 
  height: -webkit-fill-available;/* largo total de 900px - 24px de padding */
  gap: 72px;
  background-color: var(--white-base);
  filter: drop-shadow(1px 1px 9px #EDEDED) 
}
.boxBrandNav {
  display: flex;
  align-self: center;
  padding: 16px 0px;
height: 20px;
justify-content: center;
}
.brandSimpleNavbar{
  width: 27px;
  height: 28px;

}
.positivo{
  width: 124px;
  height: 28px;

}
.menuContentContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
/* .menuPrincipalAbierto{
  height: 500px;
} */
.menuPrincipalAbierto,
.menuSecundarioAbierto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  margin-right: 12px;
}
.menuPrincipalAbierto{
  height: 100%;
}

.divider{
  border: 1px solid #E2E4E3;
  width: 100%;
}

.menuPrincipalAbierto a,
.menuSecundarioAbierto a,
.menuSecundarioAbierto button{
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 44px;
  width: 208px;
  gap: 12px;
  border-radius: 8px;
}
/* .menuPrincipalAbierto a:hover,
.menuSecundarioAbierto a:hover {
  border-radius: 6px;
border: 0.25px solid var(--gray-300);
background: var(--gray-100);
} */
 .ImagenSeparacionNavbar{
  display: none;
  }
.navbarLink:hover .ImagenSeparacionNavbar{
display: block;
}
.menuSecundarioAbierto button{
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-direction: row;
  height: 48px;
  gap: 4px;
  border-radius: 8px;
  width: 100%;
}


/*  768 */

.separaciónTextoImagen{
  width: 100%;
  display: flex;
  justify-content:space-between ;
}

/* desde 1920 */

/* nuevos estilos navs */
.navbarLinkContainer{
  display: flex;
  gap: 10px;
  align-items: center;
  width: -webkit-fill-available;
}


.itemNavLinkselected .navbarRectangleHover{
  display: flex;
  width: 4px;
  height: 44px;
  flex-shrink: 0;
  background: var(--primary-600);
}

.itemNavLinkselected:hover .navbarRectangleHover {
  background: var(--gray-800); 
}

.navbarLink:hover{
  border-radius: 6px;
background: var(--gray-100);
height: 44px;
width: 208px;
}

.navbarLinkContainer:hover {
  display: flex;
  align-items: center;

}
.navbarLinkContainer:hover .navbarRectangleHover{
  background: var(--gray-800);
}
.navbarLink:hover span{
  color: var(--gray-800);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.15px;
}
.selected span{
  color: var(--gray-800);
  font-weight: 600;
}
.BPIcon, .navbarLink:hover .BPIcon{
  stroke: #1D2939;
  fill: none;
}
.AmplifyIcon, .navbarLink:hover .AmplifyIcon{
  stroke: #1D2939;
}
.selected .AmplifyIcon{
  stroke: var(--primary-400);
}
.selected .BPIcon{
  fill: var(--primary-400);
  stroke: var(--primary-400);
}
.helpIcon, .navbarLink:hover .helpIcon{
  stroke: #1D2939;
  fill: none;
}
.selected .helpIcon{
  fill: var(--primary-400);
  stroke: transparent;
}

.dividerNavPrincipal{
  border: 1px solid var(--gray-300);
}
.contentClosed .dividerNavPrincipal {
  width: 44px;
display: flex;
align-self: center;

}
.navbar.expanded .dividerNavPrincipal{
  width: 176px;
  display: flex;
align-self: center;
}

.navbarLink img{
  width: 1.5em;
  height: 1.5em;
  object-fit: cover;
}

@media (min-width: 1920px){
  .boxBrandNav img{
    width: 124.444px;
    height: 28px;
  }
  .toggleButtonOpen {
    display: none;
  }
  .navbar.expanded{
    padding: 24px 16px;
  }
 
}
@media (max-width: 1439px) {
  .toggleButton{
    display: none;
  }
  .boxBrandNav img{
    width: 80px;
    height: 18px;
  }
  .navbar{
    width: 78px; 
    height: -webkit-fill-available;
    border-radius: 2px;
    
  }
  
  .navbar.expanded{
    width: 144px;
    height: -webkit-fill-available;
    padding: 24px 8px;
  }
  .navbarLink img{
    display: flex;
    width: 20px;
    height: 20px;
  }
  .navbarLink span{
    font-size: 12px;
    letter-spacing: -0.12px;
  }
 
  
 
  .menuSecundario button{
    width: 44px;
    height: 44px;
    padding: 12px;
    gap: 10px;
  }
  .toggleButtonOpen img,
  .toggleButton img{
    width: 16px;
    height: 16px;
  }
  .toggleButton {
    left: 45px;
    top: 15px;
  }
  .toggleButtonOpen{
    left: 140px;
    top: 16px;
  }
  .menuPrincipalAbierto a,
  .menuSecundarioAbierto a{
    display: flex;
    height: 36px;
    padding: 0px 12px;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    width: 120px;
  }
  .menuSecundarioAbierto button{
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-direction: row;
    height: 36px;
    gap: 2px;
    border-radius: 8px;
    width: 100%;
  }
  .menuPrincipal{
    width: 100%;
  }
 
}
.cardAcordeon {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  background-color: var(--white-base);
}
.card-header {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  padding: 12px 16px;
  gap: 10px;
  border-radius: 8px;
}
.card-header h2 {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.5px; 
  letter-spacing: 0.26px;
}
.card-body {
  border-radius: 0px 0px 8px 8px;
  padding: 12px 16px;
}
.card-body p {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 19.5px; 
  letter-spacing: 0.26px;
}
.card-body-hipervinculo{
  display: flex;
}
#card-body-hipervinculo-text{  
    margin-left: 4px;
  font-size: 12px;}
.acordeonListContainer ul{
list-style:lower-alpha;
display: flex;
padding: 12px 16px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.acordeonListContainer ul li{
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 19.5px; 
letter-spacing: 0.26px;
}

* {
  margin: 0;
  padding: 0;
}


.navbar_toggle_button {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 10;
  padding: 8px;
  background-color: transparent;
  border: none;
  color: var(--white-base);
  font-size: 16px;
  cursor: pointer;
}

.FAQs_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: margin-left 0.5s ease;
  padding: 24px 32px;
  gap: 32px;
  flex: 1 0 0;
  align-self: stretch;
}

.FAQs_container.navbar-open {
  margin-left: 220px;
}

.FAQs_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 80%;
  gap: 16px;
}

.FAQs_header h2{
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
}
.headerText {
  color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 19.5px; /* 150% */
letter-spacing: 0.26px;
}
.FAQs_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 80%;
}
@media (max-width:1439px) {
  .FAQs_body {
    width: 100%;
}
.FAQs_header{
  align-self: flex-start;
}
}
* {
    margin: 0;
    padding: 0;
}

.ChartsGraphics {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    gap: 32px;
    width: 100%;
    height: auto;
    background: var(--gray-white);
    border-radius: 8px;
    background-color: var(--white-base);

}




.barsBenchamarkGenero {
    display: flex;
    width: 100%;
    height: 12em;
    justify-content: center;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 10px;
    background: var(--gray-100);
}

.ChartsGraphicsContainer {
    width: 100%;
    height: auto;
    display: flex;
    gap: 32px;
    flex-direction: column;
    align-items: flex-start;

}

.ChartsGraphicsTitle {

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;

    display: flex;
    align-items: center;
    text-transform: uppercase;

    color: var(--gray-600);


}

.ChartsGraphicsText {

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    height: auto;
    color: var(--gray-600);
}

.buttonPrimaryCharts {
  width: 40px;
  height: 40px;
  display: flex;
  background: var(--primary-default);
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  box-shadow: 4px 4px 4px #DEDEDE;
  
}
.imgButtonFlotante{
  width: 24px;
  height: 24px;
}
.buttonPrimaryCharts:hover {
  background: var(--primary-hover);
  box-shadow: 4px 4px 4px #dedede;
  border-radius: 5px;
}

.buttonPrimary:active {
  background: var(--primary-pressed);
}

.buttonPrimary:disabled {
  background: var(--primary-disable);
  border: 1px solid var(--primary-default);
  border-radius: 5px;
}
.noLine {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7.2px 14.4px;
  gap: 4px;
  width: 91.8px;
  height: 44.4px;
  background: var(--gray-white);
  border-radius: 5px;
  font-weight: 400;
  font-size: 20px;
  border: none;
}

* {
    margin: 0;
    padding: 0;
}

.DashboardTitle {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',  sans-serif;

    font-style: normal;
    font-weight: 300;
    font-size: 26px;
    line-height: 30px;
    display: flex;
    align-items: center;
    letter-spacing: 0.015em;
    color: var(--gray-600);
}

.DashboardTitle span {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    display: flex;
    align-items: center;
    letter-spacing: 0.015em;
    color: var(--gray-600);
    margin-left: 5px;
}

.DashboardTitleTwo {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    display: flex;
    align-items: center;
    letter-spacing: 0.015em;
    color: var(--gray-600);
}

.dobleDoughnut {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
    height: 100%;
}

.dobleDoughnutdiv {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: 100%;
}

.chartDataNseText {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--gray-600);
    justify-content: center;
}

.dobleDoughnutContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    margin-bottom: 32px;
    width: 582.5px;
    height: 88px;
}

.dobleDoughnutContent p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    min-height: 72px;
    align-items: center;
    color: var(--gray-600);
}

.dobleDoughnutContent h3 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.barGender {
    padding: 0px;
}

.buyerPerson {
    display: flex;
    justify-content: center;
}




.statusCarga {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    color: var(--gray-600);
    padding: 20px;
    text-align-last: center;
    margin-bottom: 1vw;
}

.containerChartsh3 {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 2vw 4vw;
}

.barsBenchamarkGeneroConTitulo h3 {
    margin: 0px;
    padding: 0px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
    width: 100%;
}

.ChartsGraphicsText {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    color: var(--gray-600);
}

.barTitle .ChartsGraphics {
    padding: 0px;
    background-color: var(--gray-100)!important;
}

.barTitle .ChartsGraphicsMale {
    padding: 0px;
}

.buyerPerson .doughnut-chart {
    width: 90%;
    margin-top: 32px;
}


.dobleDoughnutContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    gap: 32px;
    width: 100%;
    height: 100%;
    background-color: var(--white-base);
    border: 1px solid #e2e7f1;
    border-radius: 8px;
}

.dobleDoughnutContentText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: 100%;
}

.dobleDoughnutText {
    width: 100%;
    height: 100%;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    color: var(--gray-600);
}

.chartsSelect {
    border: 1px solid #e2e7f1;
    border-radius: 4px 4px 0px 0px;
    margin-bottom: 18px;
}

.dobleSpineChartsWithTitleReverse {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    margin-top: 32px;
}

.dobleSpineChartsWithTitleReverse h3 {
    padding: 16px 17px 1px 0px;
}

.dobleSpineChartsContainerWithTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    gap: 32px;
    width: 100%;
    height: 100%;
    background-color: var(--white-base);
    border: 1px solid #e2e7f1;
    border-radius: 8px;
}

.dobleDoughnutdivWithTitle {
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 8px;
    gap: 16px;
    width: 100%;
    align-self: center;
    height: 100%;
}

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

.barDivContainerGraph {
    width: 100%;
}

.dobleDoughnutContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
    height: auto;
}

.dobleDoughnutContenth3 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.dobleDoughnutContent p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    color: var(--gray-600);
}


.dobleSpineChartsWithTitle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: auto;
}

.educationContainerText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: auto;
}

.educationContainerText h3 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.dobleSpineChartsContainerText {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    color: var(--gray-600);
}

.containerCharts {
    display: flex;
    width: 100%;
}

.dashboardVerticalMenuContainer {
    display: flex;
    flex-direction: column;
}

.verticalMenu {
    position: fixed;
    width: 93%;
    right: 0px;
    background-color: var(--white-base);
    z-index: 3;
}


.Dashboard {
    width: 85%;
    /* margin-left: 32px; */
  
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: flex-start;
    padding-top: 32px;
    padding-right: 0px;
    padding-bottom: 0px;
    gap: 32px;
    align-self: center;
}

/* .caracteristicasSocioDemograficas {
    border: 1px solid #e2e7f1;
    align-self: center;
    width: 100%;
} */

.buttonContainer {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
    margin-bottom: 32px;
    position: fixed;
    left: 96%;
    top: 90%;
}

.chartsSelectContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 32px;
    margin-top: 32px;
    width: 100%;
    height: auto;
}

.chartsSelect {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
    padding: 8px;
    width: 100%;
    height: 40px;
    background-color: var(--white-base);
    border: 1px solid #e2e7f1;
    border-radius: 4px;
}

.chartsSelectTwo {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
    padding: 8px;
    width: 50%;
    height: 40px;
    background-color: var(--white-base);
    border: 1px solid #e2e7f1;
    border-radius: 4px;
}

.boxErrorOne {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.boxErrorOne div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    height: 100vh;
    margin: auto;
    padding: auto;
    justify-content: center;
    gap: 32px;
}

.seleccionarMunicipio {
    padding: 8px 0px;
    align-self: flex-start !important;
}

.educationContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: 100%;
}

.consumoContainer, .dobleDoughnutdivCLTextAndTitleCL {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    width: 100%;
    height: auto;
}

.barsBenchamarkGeneroConTitulo {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: 100%;
}

.barsBenchamarkGeneroConTitulo h3 {
    margin: 0px;
    padding: 0px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
    width: 100%;
}



.material_block {
    width: 580px;
    padding: 20px;
    background-color: var(--white-base);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    margin: auto;
}

.spinner {
    -webkit-animation: rotation 1.35s linear infinite;
    animation: rotation 1.35s linear infinite;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

.circle {
    stroke-dasharray: 180;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: turn 1.35s ease-in-out infinite;
    animation: turn 1.35s ease-in-out infinite;
}

@-webkit-keyframes turn {
    0% {
        stroke-dashoffset: 180;
    }
    50% {
        stroke-dashoffset: 45;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 180;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes turn {
    0% {
        stroke-dashoffset: 180;
    }
    50% {
        stroke-dashoffset: 45;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 180;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@-webkit-keyframes loader1 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loader1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 1305) {
    .verticalMenu {
        width: 94%;
    }
}

.dobleSpineChartsContainer {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: 100%;
}

.dobleDoughnutdivTextAndTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
    height: auto;
}

.dobleDoughnutdivTextAndTitle h3 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.dobleDoughnutdivTextAndTitle p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    color: var(--gray-600);
}

.selectMunicipioContainer {
    width: 100%;
}

.barTitle {
    margin-top: 2em;
    display: flex;
    flex-direction: column;
    width: 80%;
}

.verticalBar {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
    gap: 32px;
    width: 100%;
    height: 100%;
    background-color: var(--white-base);
    border: 1px solid #E2E7F1;
    border-radius: 8px;
}

.verticalBarText {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.verticalBar h2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.verticalBar p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.finalGraph {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
    gap: 32px;
    /* width: 100%; */
    height: auto;
    background-color: var(--gray-600)!important;
    border: 1px solid #E2E7F1;
    border-radius: 8px;
}

.finalGraphText {
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.buyerPersonText {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

button {
    background: none;
    border: none;
}
.apexcharts-legend-marker {
    border-radius: 50% !important;
}



.divDoughnutGénero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: auto;
    height: auto;
}

.divDoughnutGénero h3 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.divDoughnutGénero p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    color: var(--gray-600);
}



.dobleDoughnutdivContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: auto;
    height: auto;
}

.dobleDoughnutdivContent h3 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.dobleDoughnutdivContent p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--gray-600);
}

.barGSE {
    padding: 0 !important;
}

.retailContainer {
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: auto;
}

.retailContainerText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: auto;
}

.retailContainerText h3 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.retailContainerText p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--gray-600);
}




.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left,
.apexcharts-legend.apx-legend-position-top.apexcharts-align-left,
.apexcharts-legend.apx-legend-position-right,
.apexcharts-legend.apx-legend-position-left {
    position: absolute !important;
    left: auto !important;
    top: 51px !important;
    right: 282px !important;
}

.serviciosContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: auto;
}

.serviciosContainerText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: auto;
}

.serviciosContainerText h3 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.serviciosContainerText p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--gray-600);
}

@media (max-width:1024px) {
    .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left,
    .apexcharts-legend.apx-legend-position-top.apexcharts-align-left,
    .apexcharts-legend.apx-legend-position-right,
    .apexcharts-legend.apx-legend-position-left {
        right: 2px !important;
    }
    .buttonContainer {
        display: flex;
        justify-content: flex-end;
        margin-top: 32px;
        margin-bottom: 32px;
        position: fixed;
        left: 94%;
        top: 90%;
    }
}

/* @media (max-width:1440px) {
    .dashboardVerticalMenuContainer {
        margin-right: 32px;
    }
} */

@media (min-width:2000px) {
    .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left,
    .apexcharts-legend.apx-legend-position-top.apexcharts-align-left,
    .apexcharts-legend.apx-legend-position-right,
    .apexcharts-legend.apx-legend-position-left {
        right: 600px !important;
    }
}
* {
    margin: 0;
    padding: 0;
}

.ChartsGraphicsCL {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 40px 40px 40px;
    gap: 24px;
    /* width: 100%; */
    height: auto;
    border-radius: 10px;
    border: 1px solid var(--gray-300);
    background-color: var(--white-base);
    /* box-shadow: 1px 1px 9px 0px #EDEDED; */
    max-width: 956px;

}

.barsBenchamarkGenero {
    display: flex;
    width: 94%;
    justify-content: center;

}

.barsBenchamarkGeneroPropio {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 10px;
}

.ChartsGraphicsContainerCL {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
}

.ChartsGraphicsContainerCL h2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 18px;
    font-weight: 600;
    color: var(--gray-600);
    line-height: normal;
    letter-spacing: 0.28px;
    font-style: normal;
    display: flex;
    align-items: center;
}

.ChartsGraphicsContainerCL p {
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px;
    letter-spacing: 0.24px;
    height: auto;
}

.divChartContainer {
   margin: 1em;

}

.chart {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
}

.first-bar {
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
}

.last-bar {
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
}

.chartPropioDivBars {
   display: flex;
   width: 90%;
   height: 3em;
   justify-content: center;
   align-items: flex-end;
   align-self: center;
}

.textChartPropioDivBars {
   margin-bottom: 3em;
   color: var(--gray-800);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   ;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 0.24px;
}

.chartPropioDivPrimerElemento {
   margin-bottom: 2em;
}

.chartPropioDiv {
   display: flex;
   flex-direction: column;
   width: 100%;
   justify-content: flex-end;
   align-items: flex-start;
   height: 12em;

}

.bar {
   display: flex;
   position: relative;
   justify-content: center;
   align-items: center;
   height: 2.5em;
}


.bar-label {
   padding: 10px;
   position: absolute;
   top: -45%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 0.26px;
   font-size: 12px;

}

.barDotsElement {
   margin-top: 1px;
   border-radius: 50%;
   width: 0.8em;
   height: 0.8em;
}

.barDotsElementText {
   padding: 0 5px;
   color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 0.26px;
   font-size: 12px;
}

.barDotsDisabled {
   opacity: 40%;
}

.barDotsContainer {
   width: 100%;
   display: flex;
   justify-content: center;
   margin-top: 1em;
}

.barDots {
   display: flex;
   align-items: center;
   justify-content: center;
}

.tooltipBarrasPropio {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   right: -16px;
   top: calc(-100% + 14px);
   transform: translateX(80%);
   white-space: nowrap;
   padding: 10px 10px;
   border-radius: 6px;
   z-index: 5;
   background-color: white;
   opacity: 0.97;
   color: black;
   border: 1px solid var(--gray-200);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: -0.14px;

}

.dotTooltipPropio {
   width: 1em;
   height: 1em;
   border-radius: 10px;
   margin-right: 0.5em
}

.quantityLabelPropio {
   margin-left: 0.5em;
   font-weight: bold
}

.chartPropioDivBarsNone {
   display: none;
}
/* TEXTOS */
/* H2 */
.dobleDoughnutContentTextCL h2,
.Dashboard h2,
.dobleSpineChartsContainerWithTitleCL h2,
.verticalBarCL h2,
.finalGraph h2,
.dobleDoughnutContentTextCL h2,
.consumoContainer h2,
.buyerPersonTextCl h2 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.28px;
  color: var(--gray-800);

  font-style: normal;
}

.dobleSpineChartsContainerWithTitleCL h2,
.verticalBarCL h2,
.finalGraph h2,
.dobleDoughnutContentTextCL h2,
.consumoContainer h2,
.dobleDoughnutContentTextCL h2,
.Dashboard h2 {
  display: flex;
  align-items: center;
}

.consumoContainer h2,
.verticalBarCL h2,
.finalGraph h2,
.consumoContainer h2 {
  text-transform: none;
}

/* .dobleDoughnutContentTextCL h2, .Dashboard h2{
  margin-left: 5px;
} */

/* H3 */
.dobleDoughnutContentCL h3,
.containerChartsh3,
.dobleDoughnutdivCLWithTitleCL h3,
.dobleDoughnutdivCLTextAndTitleCL h3,
.barsBenchamarkGeneroConTituloCl h3,
.dobleDoughnutContentCL h3,
.educationContainerText h3,
.viviendasContainer h3,
.divDoughnutGeneroCL h3,
.dobleDoughnutdivContentCL h3,
.barDivContainerGraphCL h3,
.retailContainerText h3,
.serviciosContainerText h3,
.vehiculosContainerContentText h3,
.dobleDoughnutdivTextAndTitleCL h3,
.dobleDoughnutContentCLTasacion h3,
.dobleDoughnutContentCLGraficos h3 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.28px;
  color: var(--gray-800);

  font-style: normal;
}

.ChartClDownload {
  display: flex;
}

.ChartClDownload p {
  margin-right: 6px;
}

.DashboardTitleCL {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.dobleDoughnut {
  align-self: center;
  width: 100%;
}

.dobleDoughnutdivCLWithTitleCL {
  display: flex;
  flex-direction: column;
  width: 45%;
  height: 93.59%;
  padding: 16px;
  align-items: center;
  gap: 8px;

}

/* .dobleDoughnutdivCLWithTitle{

} */
.dobleDoughnutContentCL h3,
.dobleDoughnutdivContentCL h3,
.divDoughnutGeneroCL h3,
.barsBenchamarkGeneroConTituloCl h3,
.retailContainerText h3,
.serviciosContainerText h3,
.dobleDoughnutContentCLGraficos h3 {
  display: flex;
  align-items: center;
}

.containerChartsh3 {
  margin: 2vw 4vw;
}

.barsBenchamarkGeneroConTituloCl h3 {
  margin: 0px;
  padding: 0px;
  width: auto;
  display: flex;
  align-self: flex-start;
}

.dobleSpineChartsWithTitleReverse h3 {
  padding: 16px 17px 1px 0px;
}

/* p */
.dobleDoughnutContentCL p,
.selectGrupoSocioeconomico p,
.barDivContainerGraphCL p,
.serviciosContainerText p,
.dobleDoughnutdivTextAndTitleCL p,
.verticalBarCL p,
.dobleDoughnutdivCLWithTitleCL p,
.dobleDoughnutdivCLTextAndTitleCL p,
.divDoughnutGeneroCL p,
.dobleDoughnutdivContentCL p,
.retailContainerText p,
.finalGraph p,
.dobleDoughnutContentTextCL p,
.consumoContainer p,
.vehiculosContainerContentText p,
.dobleDoughnutContentCLTasacion p,
.dobleDoughnutContentCLGraficos p {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 200% */
  letter-spacing: 0.15px;
}



.divDoughnutGeneroCL p,
.dobleDoughnutdivContentCL p {
  height: 78px;
}

.finalGraph p {
  width: 100%;
  height: auto;
  line-height: 21px;

}

.finalGraph:last-child p {
  width: 100%;
  height: auto;
  line-height: 21px;
  font-weight: 300;
}

.dobleDoughnutdivCLCL {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  background: var(--gray-100);
  padding: 16px;
  width: 100%;
}

/* Subtextos de graficos */
.chartDataNseTextCL {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  color: var(--gray-600);
  width: auto;
}

.chartDataNseTextCL p {
  margin: 0 200px;
  text-align: start;
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
  font-size: 12px;
  font-style: normal;
  font-weight: 200;
  line-height: 18px;
  /* 150% */
}

/* Generales */
.containerCharts {
  display: flex;
  width: 100%;
}

strong {
  color: var(--gray-800) !important;
}

.finalGraphText strong {
  color: var(--gray-500) !important;

}

.finalGraphText p {
  line-height: 21px;
  font-weight: 300;
  letter-spacing: 0.4px;
  color: var(--gray-500) !important;

}

.dashboardVerticalMenuContainer {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.Dashboard {
  width: 100%;
  /* margin-left: 32px; */
  display: flex;
  flex-direction: column;
  height: auto;
  align-items: flex-start;
  padding-top: 32px;
  padding-right: 0px;
  padding-bottom: 0px;
  gap: 32px;
  align-self: center;
}

/* Nivel porcentual de completitud en variables del cliente */
.caracteristicasSocioDemograficas {
  width: 100%;
  max-width: 1144px;
}

/* Cards Generales */
.dobleDoughnutContainerCL,
.dobleSpineChartsContainerWithTitleCL,
.verticalBarCL,
.finalGraph {
  padding: 24px 40px 40px 40px;
  gap: 24px;
  width: 100%;
  max-width: 956px;
  border-radius: 10px;
  border: 1px solid var(--gray-300);
  background: var(--white-base);
  color: var(--gray-300);
  /* box-shadow: 1px 1px 9px 0px #EDEDED; */
}

.dobleDoughnutContainerCL,
.dobleSpineChartsContainerWithTitleCL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  width: 100%;
}

.ChartsGraphicsCL,
.finalGraph {

  display: flex;
}

.verticalBarCL {
  height: auto;
}

.finalGraph {
  border-radius: 10px;
  background-color: var(--white-base) !important;
}

.finalGraphContenedor {
  border-radius: 8px;
  padding: 24px 0px;
  gap: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
}



.dobleDoughnutContentCL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: 582.5px;
  height: 88px;
  align-self: flex-start;
}

.dobleDoughnutCL {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
  width: 100%;
  height: 100%;
}



.boxTablaTemplate {
  overflow-y: scroll;
  overflow-x: hidden;
}

.boxTablaTemplate::-webkit-scrollbar {
  width: 8px;
}

.boxTablaTemplate::-webkit-scrollbar-thumb {
  background-color: var(--primary-default);
  border-radius: 5px;
}

/* .distribucionporColonia {
  width: 50%;
} */
.barGender {
  padding: 0px;
}

.buyerPerson {
  display: flex;
  justify-content: center;
}

.barTitle .ChartsGraphics {
  padding: 0px;
}

.buyerPerson .doughnut-chart {
  width: 90%;
  margin-top: 32px;
}

.doughnut-chart {
  margin-top: -7px;
}

.anchoContenedorBarEdad {
  border-radius: 8px;
  background: var(--gray-100);
  gap: 24px;
  width: 100%;
  height: 344px;
}

.selectGrupoSocioeconomico {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;

}

.selectGrupoSocioeconomico select {
  padding: 10px 16px 10px 6px;
  gap: 10px;
  width: 440px;
  height: 38px;
  background: var(--white-base);
  border: 1.5px solid #E2E7F1;
  border-radius: 8px;
  color: var(--gray-600);
}

.dobleDoughnutContentTextCL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: 100%;

}

.chartsSelect {
  border: 1px solid var(--gray-border);
  border-radius: 4px 4px 0px 0px;
  margin-bottom: 18px;
}

.dobleSpineChartsWithTitleReverse {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  margin-top: 32px;
}

.dobleDoughnutdivWithTitleCLdonut {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  gap: 24px;
}

.dobleDoughnutdivCLWithTitleCLdonut {
  display: flex;
  flex-direction: column;
  margin: 15px;
  gap: 8px;
  border-radius: 8px;
  background: var(--gray-100);
  width: auto;
  align-self: flex-start;
}

.dobleDoughnutdivCLWithTitleCLdonutTasacion {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  background: var(--gray-100);
  width: auto;
  align-self: flex-start;
}

.dobleDoughnutdivWithTitleCL {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 100%;
  align-self: center;
  height: 100%;
}

.paddingTasacion {
  padding: 16px;
}

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

.barDivContainerGraphCL {
  width: 96.5%;
  display: flex;
  align-self: center;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  padding: 16px;
  background-color: var(--gray-100);
  border-radius: 8px;
}

.dobleDoughnutContentCL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: 100%;
  height: auto;
}

.dobleDoughnutContentCLGraficos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: auto;
  height: 88px;
}

.dobleDoughnutContentCLEdad {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: 100%;
  height: 18px;
  margin-bottom: 12px;
}

.dobleSpineChartsWithTitle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  width: 100%;
  height: auto;
}

.dobleSpineChartsWithTitleGender {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  border-radius: 8px;
  background-color: var(--gray-100);
  width: 100%;
  height: auto;
}

.dobleSpineChartsWithTitleFlex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: auto;
  align-self: flex-start;
}

.educationContainerText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: auto;
}

.verticalMenu {
  position: fixed;
  width: 93%;
  right: 0px;
  background-color: var(--white-base);
  z-index: 3;
}

.buttonContainer {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
  margin-bottom: 32px;
  position: fixed;
  left: 96%;
  top: 90%;
}

.chartsSelectContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 24px;
  margin-top: 0px;
  width: 100%;
  height: auto;
}

.chartsSelect {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: center;
  padding: 8px;
  width: 100%;
  height: 40px;
  background: var(--white-base);
  border: 1px solid var(--gray-border);
  border-radius: 4px;
}

.chartsSelectTwo {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: center;
  padding: 8px;
  width: 50%;
  height: 40px;
  background: var(--white-base);
  border: 1px solid var(--gray-border);
  border-radius: 4px;
}

.verticalBarGraphicsCL {
  flex-direction: column;
  align-items: flex-start;
  /* padding: 32px 32px 0 32px; */
  gap: 32px;
  width: 100%;
  height: auto;
}

.boxErrorOne {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.boxErrorOne div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin: auto;
  padding: auto;
  justify-content: center;
  gap: 32px;
}

.seleccionarMunicipio {
  padding: 8px 0px;
  align-self: flex-start !important;
}

.educationContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
  width: 100%;
  height: 100%;
}

.consumoContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: auto;
}

.barsBenchamarkGeneroConTituloCl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 95%;
  height: 100%;
  padding: 24px;
  background-color: var(--gray-100);
  border-radius: 10px;
}

.vehiculosContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 40px
}

.vehiculosContainerContentText {
  display: flex;
  gap: 8px;
  flex-direction: column;
  width: 100%;
}

.vehiculosContainerContent {
  display: flex;
  flex-direction: column;
  width: auto;
  align-self: center;
  gap: 8px;
  border-radius: 8px;
  background: var(--gray-100, #F2F4F7);
  padding: 16px;
}

.doughnut-chart-complete-CL {
  width: auto;
  padding: 24px;
}

.doughnut-chartCL {
  width: 100%;
}

.doughnut-chart-bar-cars-CL {
  padding: 0px 24px;
}

.chartDataContenedor {
  border-radius: 8px;
  background: var(--gray-100);
  gap: 24px;
  width: 387px;
  height: 363px;
  display: flex;
  justify-content: center;
}

.viviendasContainer {
  height: auto;
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: 8px;
  width: auto;
  border-radius: 8px;
  background: var(--gray-100);
  padding: 16px;

}

.viviendasContainerTitle {
  height: 19px;
}

.dobleDoughnutdivCL {
  display: flex;
  width: 50%;
  height: auto;
  border-radius: 8px;
  background: var(--gray-100);
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.chartDataContenedorGraphicCL{
  border-radius: 8px;
  background: var(--gray-100);
  gap: 24px;
  width: 100%;

  display: flex;
  justify-content: center;
}
.divGraphicCL {
  display: flex;
  width: 97%;
  height: auto;
  border-radius: 8px;
  background: var(--gray-100);
  padding: 16px;
  flex-direction: column;
  gap: 8px;
}
.divGraphicCLQVehiculos{
  display: flex;
  width: 97%;
  height: auto;
  border-radius: 8px;
  background: var(--gray-100);
  padding: 24px;
  flex-direction: column;
  gap: 8px;
}
.divGraphicCL h3, .divGraphicCLQVehiculos h3{
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.28px;
  color: var(--gray-800);
  font-style: normal;
}
.anchoContenedorBar {
  width: 482px;
  height: 100%;
}

.contenedorFlexFondo {
  display: flex;
  justify-content: center;
  width: 843px;
  align-self: center;
}

.chartDataContenedorDisposicionGastos {
  width: 96.3%;
  height: auto;
  padding: 16px;
  background: var(--gray-100);
  border-radius: 8px;
}

.dobleDoughnutdivCLWithTitle {
  width: 96.34%;
  border-radius: 8px;
  background: var(--gray-100);
  padding: 16px;
}

/* .viviendasContainer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  width: 100%;
} */
/*  .dobleDoughnutdivCLWithTitle{
  height: auto;
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    width: 97%; 
    padding: 16px;
    border-radius: 8px;
background: var(--gray-100);


} */

.viviendaTercerGraficoContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.material_block {
  width: 580px;
  padding: 20px;
  background-color: var(--white-base);
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); */
  margin: auto;
}

.spinner {
  -webkit-animation: rotation 1.35s linear infinite;
  animation: rotation 1.35s linear infinite;
}

.dobleSpineChartsContainerCL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 28px;
  width: 100%;
  height: auto;
}

.dobleDoughnutdivTextAndTitleCL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: 533px;
  height: auto;
}

.selectMunicipioContainer {
  width: 100%;
}

.barTitle {
  margin-top: 0em;
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: -webkit-center;
}

.barsGender {
  background: var(--gray-100) !important;
}

.verticalBarText {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ProfileGraphText {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: var(--gray-100);
  border-radius: 0.5em;
  padding: 1em;
}

.finalGraphText {
  display: flex;
  margin-top: 2em;
  margin-bottom: 2.5em;
  box-shadow: 2px 2px 2px 1px rgba(74, 73, 73, 0.2);
  border-radius: 0.7em;
  padding:48px 60px; 
  background-color: var(--white-base);
  min-height: 32em;

}

.ProfileGraphTextDivContainer {
  display: flex;
}

.ButtonsProfileGraphButtonClContainer {
  display: flex;
  flex-direction: column;
}

.buyerPersonTextCl {
  display: flex;
  flex-direction: column;

}

.buyerPersonTextCl h2 {
  margin-bottom: 16px;
}

.buyerPersonTextCl p {
  font-size: 12px;
  line-height: normal;

}

button {
  background: none;
  border: none;
}

.apexcharts-legend-marker {
  border-radius: 50% !important;
}

.divDoughnutGeneroCL,
.dobleDoughnutdivCLContentCL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: auto;
  height: 107px;
}

.dobleDoughnutdivContentCL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: auto;
  height: auto;
}

.barGSE {
  padding: 0 !important;
}

.apexcharts-canvas {
  width: 100% !important;

}

.retailContainer {
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: auto;
}

.retailContainerText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
  width: 100%;
  height: auto;
}

.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left,
.apexcharts-legend.apx-legend-position-top.apexcharts-align-left,
.apexcharts-legend.apx-legend-position-right,
.apexcharts-legend.apx-legend-position-left {
  position: absolute !important;
  left: auto !important;
  top: 51px !important;
  right: 282px !important;
}

.SMVGSAlto {
  height: auto;
}

.serviciosContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
  width: 100%;
  height: auto;
}

.serviciosContainerText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: auto;
}

.columnsDobleSpineChartsWithTitle {
  flex-direction: column;
}

.contenedorFlexFondoVivencia {
  width: auto;
}

.dobleDoughnutContentCLTasacion {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  height: 68px;
  width: 100%;
  align-self: flex-start;
}

.graphicNivelPorcentual {
  /*  display: flex; */
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--gray-100);
}

.dobleDoughnutVivienda {
  display: flex;
  justify-content: center;
  align-content: center;
  /* width: 100%; */
  align-items: start;
  align-self: flex-start;
  flex-direction: column;
}

.TitleBarsChartsGraphics {
  text-align: start;
  color: var(--gray-800, #1D2939);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

.circle {
  stroke-dasharray: 180;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: turn 1.35s ease-in-out infinite;
  animation: turn 1.35s ease-in-out infinite;
}

.doughnut-chart-complete-CL {
  position: relative;
  right: 0;
}



.doughnut-chart-complete-CL .apexcharts-legend.apx-legend-position-right {
  top: 35px !important;
  left: 33em !important;
  position: absolute !important;
  width: max-content;
}

.doughnut-chartCL-Pie-viviendas #apexchartspie {
  display: flex;
  justify-self: center;
  justify-content: center;

}

.doughnut-chartCL-Pie-viviendas .apexcharts-legend.apx-legend-position-bottom {
  top: 18.5em !important;
  position: absolute !important;
  width: max-content;
  height: min-content !important;
}

.doughnut-chartCL-Pie-viviendasRefeComercial .apexcharts-legend.apx-legend-position-bottom {
  left: 6em !important;
}

.dobleDoughnutVivienda p {
  height: 54px;
}

.displaynoneGraph {
  display: none;
}

.flex {
  display: flex;
}

@-webkit-keyframes turn {
  0% {
    stroke-dashoffset: 180;
  }

  50% {
    stroke-dashoffset: 45;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 180;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}

@keyframes turn {
  0% {
    stroke-dashoffset: 180;
  }

  50% {
    stroke-dashoffset: 45;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 180;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}

@-webkit-keyframes loader1 {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes loader1 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.finalGraphTextTxtImg {
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.finalGraphTextTxtImg p{
  font-size: 13px;
}
.finalGraphTextTxtImg:first-child img {
  margin-right: 0.5em;
  width: 2em;
  object-fit: contain;

}

.finalGraphTextTxtImgBp {
  font-size: 1em !important;
  color: var(--gray-800) !important;

}
.ButtonsProfileGraphButtonClContainer strong {
  
  color: var(--gray-700) !important;
}
.ButtonsProfileGraphButtonClContainer p {
  margin-left: 8px;
}
.StrongTitleGraphCl {
  margin-top: 1em;

}

.StrongTxtTitleGraphCl {
  color: var(--gray-600);
  line-height: 21px;
  letter-spacing: 2%;

}

.ButtonsProfileGraphTextCl {
  height: auto;
  display: flex;
  flex-direction: column;
}

.ButtonsProfileGraphButtonCl {
  margin-top: 2em;
  padding: 1em;
  border-radius: 0.5em;
  box-shadow: 2px 2px 2px 1px rgba(74, 73, 73, 0.2);
  width: 15em;
  margin-right: 1em;
  display: flex;
  justify-content: space-between;
  background-color: var(--white-base);
}

.firstButtonGraphCl {
  background-color: var(--violet-200);
}

.secondButtonGraphCl {
  background-color: var(--error-200);
}

.threeButtonGraphCl {
  background-color: var(--blue-200);
}

.fourButtonGraphCl {
  background-color: var(--success-200);
}

.fiveButtonGraphCl {
  background-color: var(--pink-200);
}

@media only screen and (max-width: 1305) {
  .verticalMenu {
    width: 94%;
  }
}

@media (max-width:1024px) {

  .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left,
  .apexcharts-legend.apx-legend-position-top.apexcharts-align-left,
  .apexcharts-legend.apx-legend-position-right,
  .apexcharts-legend.apx-legend-position-left {
    right: 2px !important;
  }

  .buttonContainer {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
    margin-bottom: 32px;
    position: fixed;
    left: 94%;
    top: 90%;
  }

  .dobleDoughnutdivCLWithTitleCLdonut,
  .dobleDoughnutdivCLWithTitleCLdonutTasacion {
    width: 97%;
  }
}

/* @media (max-width:1440px) {
  .dashboardVerticalMenuContainer {
    margin-right: 32px;
  }
} */

@media (min-width: 1440px) {
  .dobleDoughnutdivCLWithTitleCLdonut {
    width: 96.5%;
    margin-top: 15px;
  }

  .dobleDoughnutdivCLWithTitleCLdonut,
  .dobleDoughnutdivCLWithTitleCLdonutTasacion {
    width: 96.5%;
  }

  .amplify_body_container.navbar-open.tablero,
  .amplify_body_container.tablero {
    width: 100%;
  }

  .caracteristicasSocioDemograficas {
    max-width: 1038px;
    align-self: center;
  }

}

@media (min-width:1920px) {

  .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left,
  .apexcharts-legend.apx-legend-position-top.apexcharts-align-left,
  .apexcharts-legend.apx-legend-position-right,
  .apexcharts-legend.apx-legend-position-left {
    right: 600px !important;
  }

  .dobleDoughnutContainerCL,
  .dobleSpineChartsContainerWithTitleCL,
  .finalGraph,
  .verticalBarCL {
    max-width: 876px;
  }
}

.css-xae7kp-container {
  width: auto !important;
  height: 100% !important;
  background-color: var(--gray-100);
  margin-bottom: 24px;
}

.css-1f43avz-a11yText-A11yText {
  padding-left: 8px !important;
}

.css-pt76tv-menu {
  margin-top: 0px !important;
  margin-bottom: 0px !important;

}

.css-pt76tv-menu {
  width: 481px !important;
  z-index: 9 !important;
}

.apexcharts-toolbar {
  z-index: 1 !important;
}


.chartDataContenedordonut {
  width: auto !important;
}

/* .dobleDoughnutContainerCL{
  max-width: 876px;
} */

@media (min-width:1920px) {
  .ChartsGraphicsCL {
    max-width: 878px;
  }
}

/*  css-pt76tv-menu" */
@media (min-width:1024px) and (max-width:1439px) {
  .dobleDoughnutdivCLWithTitleCLdonutTasacion {
    width: 97%;
  }
}

.dobleDoughnutdivCLdonut {
  width: 30% !important;
}

.dobleDoughnutdivCLdonutBars {
  width: 70% !important;
  ;
}

.apexcharts-tooltip {
  color: var(--gray-600);
}
.mainWalkthrough {
  display: flex;
  justify-items: center;
  align-items: center;
  background: var(--white-bg);
  justify-content: center;
  height: 100vh;
}
.cardContainerWalkthrough{
  margin: 0 47px;
  /* width: 375px; */
}
.arrow {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.hidden {
  visibility: hidden;
}


.walkthrough {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    width: 399px;
    border-radius: 20px;
background-color: var(--white-base);
filter: drop-shadow(1px 1px 9px #EDEDED);

}
.walkthrough img {
    width: 252px;
    height: 252px;
    padding: 24px;
    margin-bottom: 32px;
}
.walkthrough_text_container {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 14px;
    align-items: center;
    margin-bottom: 60px;
}
.walkthrough_text_container h2{
    color: var(--gray-600);
    text-align: center;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.32px;
}
.walkthrough_text_container p{
    color: var(--gray-600);
    text-align: center;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 19.5px; /* 150% */
    letter-spacing: 0.26px;
}
.walkthrough_btn_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 70px;
    gap: 24px;
}
.dotsContainerW{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.dotsW{
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--gray-200);
}
.dotsW.active{
    background-color: #FFA800;
}
.OmitirPrimaryWalktrough{
    color: var(--primary-500);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}
.buttonWalkthrough{
    display: flex;
    width: 146px;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 26px 0px;
    border-radius: 8px;
    color: var(--white-base);
    background: var(--primary-600);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.28px;
    cursor: pointer;
}
.buttonWalkthrough:hover{
    border-radius: 8px;
    background: var(--primary-500);
    
    /* hover */
    box-shadow: 0px 2px 4px 0px #D0D5DD;
}
.strongW{
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 19.5px;
letter-spacing: 0.26px;
}
@media only screen and (max-width: 1024px) {
    .glider-track {
        width: 1680px;
        height: 600px;
    }
}
@media (max-width:1224px) {
    .walkthrough {
        padding: 24px;
        gap: 24px;
    }
    .walkthrough img {
        width: 180px;
        height: 180px;
        margin-bottom: 0px;
        padding: 0px;
     
    }
    .walkthrough_text_container{
        gap: 8px;
        margin: 0px;
    }
}
* {
  margin: 0;
  padding: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.bodyTextLoader p{
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: var(--gray-600);
  height: auto;
  width: auto;
}

.buttonPrimaryLoader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7.2px 14.4px;
  background: var(--primary-600);
  border-radius: 5px;
  font-weight: 400;
  font-size: 19px;
  line-height: 30px;
  letter-spacing: 0.015em;
  color: var(--gray-600);
  border: none;
  width: 222.8px;
  height: 44.4px;
  cursor: pointer;
}
.buttonPrimary:hover {
  background: var(--primary-500);
    box-shadow: 4px 4px 4px #dedede;
    border-radius: 5px;
}

.buttonPrimary:active {
  background: var(--primary-600);
}

.buttonPrimary:disabled {
  background: var(--primary-200);
  border-radius: 5px;
}
.noLine {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7.2px 14.4px;
  gap: 4px;
  width: 91.8px;
  height: 44.4px;
  background-color: var(--white-base);
  border-radius: 5px;
  font-weight: 400;
  font-size: 20px;
  border: none;
}

.walkthroughLoader{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: 339px;
}

.boxLoader{
	display: inline-block;
	height: 100px;
	width: 33.3%;
	
	position: relative;
	/*margin:0 -4px -5px -2px;*/
	transition: all .2s ease;
}


.loader1{
	position: relative;
	height: 80px;
	width: 80px;
	border-radius: 80px;
	border: 3px solid  var( --primary-default);

	top: 28%;
	top: -webkit-calc(50% - 43px);
	top: calc(50% - 43px);
	left: 35%;
	left: -webkit-calc(50% - 43px);
	left: calc(50% - 43px);

	-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
	-webkit-animation: loader1 3s linear infinite;
			animation: loader1 3s linear infinite;
}

.loader1:after{
	content: "";
	position: absolute;
	top: -5px;
	left: 20px;
	width: 11px;
	height: 11px;
	border-radius: 10px;
	background-color:var( --primary-default);
}

@-webkit-keyframes loader1{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes loader1{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

.bodyLoader{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
}
* {
    margin: 0;
    padding: 0;
}

.terminosyCondiciones {
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
}

.terminosyCondiciones p {
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.terminosyCondiciones h2 {
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.terminosyCondiciones h1 {
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.39px;
}

.terminosyCondiciones_container_contenido {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    border-radius: 20px;
    background-color: var(--white-base);
    box-shadow: 6px 2px 20px 0px rgba(172, 172, 172, 0.25);
}

.terminosyCondiciones_containerTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    height: 30px;
    justify-content: center;
}

.terminosyCondiciones_container {
    display: flex;
    flex-direction: column;
    margin-left: 7%;
    width: 90%;
    gap: 32px;
}

.badgedSolid {
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 10.5px;
  line-height: 15%;
  align-items: center;
  text-align: center;
  letter-spacing: 0.005em;
  color: #ffffff;
  width: fit-content;
  padding: 10.2px 7.2px;
}
.badgedSoft {
  display: flex;
  flex-direction: row;
  padding: 10.2px 7.2px;
  font-style: normal;
  color: white;
  font-weight: 400;
  font-size: 10.5px;
  line-height: 15%;
  align-items: center;
  text-align: center;
  letter-spacing: 0.005em;
  width: fit-content;
  border-radius: 10px;
  border: 0.25px solid;
}

.badgedCompleteSoft {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #00E5B1;
  border-radius: 10px;
}
.badgedNoSuccessSoft {
  display: inline-flex;
height: 8px;
padding: 6.2px 4.2px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 6px;
border: 0.25px solid #FF4560;
background: rgba(255, 77, 104, 0.15);
color: #FF4560;
text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.05px;
}
.badgedProgressSolid {
  background: #feb019;
}
.badgedCompleteSolid {
  background: #00d8b6;
}
.badgedNoSuccessSolid {
  background: #ff4560;
} 
.badgedSolid {
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 10.5px;
  line-height: 15%;
  align-items: center;
  text-align: center;
  letter-spacing: 0.005em;
  color: var(--gray-600);
  width: fit-content;
  padding: 10.2px 7.2px;
}
.badgedSoft {
  display: flex;
  flex-direction: row;
  padding: 6.2px 7.2px;
  font-style: normal;
  font-weight: 400;
  font-size: 10.5px;
  line-height: 108%;
  align-items: center;
  text-align: center;
  letter-spacing: 0.005em;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  border: 0.25px solid;
}
.badgedCompleteSoft {
  display: inline-flex;
  height: 8px;
  padding: 6.2px 4.2px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 6px;
  border: 0.25px solid  #43D39E;
  background: rgba(0, 229, 177, 0.20);
color:  #00E5B1;
text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.05px;
}
.badgedProgressSoft {
  display: inline-flex;
  height: 20.4px;
  padding: 6.2px 4.2px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.modelando{
  display: inline-flex;
  height: 8px;
  padding: 6.2px 4.2px;
  border-radius: 6px;
  border: 0.25px solid var(--primary-500);
  background: rgba(255, 140, 0, 0.20);
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: var(--primary-500);
  text-align: center;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05px;
}
.perfilEnConstruccion{   
  display: inline-flex;
  height: 8px;
  padding: 6.2px 4.2px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 6px;
  border: 0.25px solid var(--gray-600);
  background: var(--gray-50);
  color: var(--gray-600);
  text-align: center;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05px;
}
.badgedSinExito{
  display: inline-flex;
  height: 8px;
  padding: 6.2px 4.2px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 6px;
  border: 0.25px solid #FF4560;
  background: rgba(255, 77, 104, 0.15);
  color: #FF4560;
  text-align: center;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05px;
}
.badgedProgressSolid {
  background: var(--yellow);
}
.badgedCompleteSolid {
  background: #00d8b6;
}
.badgedNoSuccessSolid {
  background: var(--red);
}
@media (max-width:1439px) {
  .badgedNoSuccessSoft{
    display: flex;
    width: 40px;
    height: 10px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #FF4560;
text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 8px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.04px;
border-radius: 6px;
border: 0.25px solid #FF4560;
background: rgba(255, 77, 104, 0.15);
  }
  
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.spinner_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-bg);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;

}

.spinner__circle {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: #FF8C00;
  border-radius: 100%;
  animation: spin 1s infinite linear; 
}

.spinner__circle-inner,
.spinner__circle-gradient {
  position: absolute;
  width: 33px;
  height: 33px;
  transform: translate(-50%, -50%);
	border-radius: 3px; 
}

.spinner__circle-inner {
  top: 50%;
  left: 50%;
  background-color: #F5F8FB;
  border-radius: 100%;
}

.spinner__circle-gradient {
  top: -24px;
  left: 6px;
  background-color: #FF8C00;
  background-image: -moz-linear-gradient(0deg, #F5F8FB 0%, #FF8C00 80%);
  background-image: -webkit-linear-gradient(0deg, #F5F8FB 0%, #FF8C00 80%);
  background-image: linear-gradient(0deg, #F5F8FB 0%, #FF8C00 80%);
  transform: rotate(-50deg);
	animation-direction: reverse;
}



.popUpBP {
  display: flex;
  width: 130px;

  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  border-radius: 8px;
  background-color: var(--white-base);
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
  transform: translate(-50%, -50%);
}
.popUpBPContent, .popUpBPContentDisabled{
  display: flex;
  height: 32px;
  align-items: center;
  padding: 0px 8px;
  gap: 3px;
  align-self: stretch;
  cursor: pointer;
}
 
.popUpBPContent span{
  color: var(--secondary-gray-600, #475467);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.popUpBPContentDisabled span{
  color: var(--gray-400);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.24px;
}
.PopUpVisualizar{
  width: 22px;
  height: 22px;
}
.PopUpDescargar{
width: 24px;
height: 24px;
}
.PopUpTrash{
  width: 24px;
height: 24px;
}
.IconEliminar{
  margin-left: 2px;
  margin-right: 4px;
}
.rotatingSVG {
  display: inline-block;
  animation: rotate 2s linear infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.popUpBPContent
.popUpBPContentDesactivado{
color: var(--gray-400);
}
.popUpBPContent:hover{
background:var(--gray-100);
padding: 0px 8px;
border-radius: 6px;
}
a {
  text-decoration: none;
}

/* Badget */
.procesandoDatos,
.modelandoDatos,
.analizandoPerfiles,
.badgedConExito,
.badgedSinExito {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 6.2px 4.2px;
  height: 8px;
  border-radius: 6px;

  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05px;
}

.procesandoDatos,
.modelandoDatos,
.analizandoPerfiles {
  width: 111.6px;
}

.badgedConExito,
.badgedSinExito {
  width: 46px;
}

.procesandoDatos {
  border: 0.25px solid var(--gray-300);
  background: var(--gray-50);
}

.modelandoDatos {
  border: 0.25px solid var(--gray-300);
  background: var(--gray-200);
}

.analizandoPerfiles {
  border: 0.25px solid var(--warning-300);
  background: var(--warnig-100);
}

.badgedConExito {
  border: 0.25px solid var(--success-300);
  background: var(--success-100, );
}

.badgedSinExito {
  border: 0.25px solid var(--error-300);
  background: var(--error-100);
}

/* General */
.tablaHome, .tablaHomeAdmin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 20px;
  max-height: 800px;
  border: .5px solid var(--gray-300);
}
.tablaHome{
  overflow-y: auto;
}

.tablePrincipalContainer {
  display: flex;
  flex-direction: column;
  width: 960px;


}

.tableContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  width: 908px;

  background-color: var(--white-base);
  filter: drop-shadow(1px 1px 9px #EDEDED);
}

/* Header Contenedor*/
.tableHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  background-color: var(--white-base);
}

.tableHeader p {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.32px;
}

.search-input {
  position: relative;
  display: flex;
  align-items: center;
}

.search-input input {
  display: flex;
  width: 300px;
  align-items: center;
  height: 36px;
  font-size: 12px;
}

.search-input input::placeholder {
  color: var(--gray-400);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.28px;
}

.inputSearchHome:focus-visible {
  border-radius: 10px;
  border: 2px solid var(--primary-400);
  background-color: var(--white-base);
  height: 34px;
}

.inputSearchHome::placeholder {
  padding-left: 24px;
}

.search-input img {
  position: absolute;
  margin-left: 9px;
}

.tableTabs {
  display: flex;
  align-items: center;
  align-self: stretch;
  /* gap: 4px; */
}

.tableTabs .tabsNoActive,
.tableTabs .tabsActive {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 20px 20px 0px 0px;
  border-top: 2px solid var(--gray-300);
  border-right: 2px solid var(--gray-300);
  border-left: 2px solid var(--gray-300);

  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.tableTabs .tabsNoActive {
  background: var(--gray-50);
  color: var(--gray-600);
}

.tableTabs button.tabsActive {
  background-color: var(--white-base);
  color: var(--primary-500);
}

/* TABLA: Header */
.tableContainer table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 20px;
  table-layout: fixed;
}

.tableContainer thead {
  border-bottom: 1px solid var(--gray-300);
}

.tableContainer tr {
  border-bottom: 0.5px solid var(--gray-300);
}

.tableContainer th {
  height: 46px;
  padding: 0px 8px;
  border-bottom: 0.5px solid var(--gray-300);
  background: var(--white-bg);
}

.thFilter {
  color: var(--gray-500);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.24px;
}

.thRegistro,
.thAction {
  width: 85px;
}

.thEstado,
.thFecha {
  width: 130px;
}

.thProceso {
  width: 120px;
}

.thHeader {
  display: flex;
  padding: 8px;
}

/* TABLA: Filtro */
.thHeader.thHovered {
  border-radius: 8px;
  border: 3px solid var(--blue-50);
}

.thInnerContainer:hover {
  border: 1px solid var(--blue-200);
}

.thInnerContainer {
  display: flex;
  padding: 8px 8px 8px 4px;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
}

.thInnerContainer.thSorted {
  border: 1px solid var(--blue-500);
}

.thHeader.thSorted {
  border-radius: 8px;
  border: 3px solid var(--blue-100);
}

/* TABLA: Body */
.tableContainer td {
  height: 48px;
  padding: 0px 16px;
}
.tableContainer .tdShortPadding {
  padding: 0px 8px;
}
.tdName,
.tdOrganization,
.tdIndustry,
.tdAmount,
.tdCreated,
.tdBadged,
.verticalIcon {
  /* color: var(--texto-negro-texto, #707477); */
  color: var(--gray-500);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.24px;
  overflow: hidden;
  white-space: revert;
}

.tdName,
.tdAmount {
  font-weight: 500;
}

.tdOrganization,
.tdIndustry,
.tdCreated {
  font-weight: 400;
}

.verticalIcon {
  text-align: center;
}

/* Buyer Persona */
/* Amplify */
.tableBuyerPerson,
.tableAmplify {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.thAdminAmplify {
  width: 70px;
}
.thAdminName,.thAdminPais, .thAdminEstado{
  width: 90px;
}
.thAdminEstado{
width: 110px;
}
 .thAdminBuyerPerson,.thAdminActions {
width: 105px;
}

.thFechaDeCreacion{
  width: 7em;

}
.thFechaDeCreacion .thHeader{
 padding: 0px;
}
.thAdminUserActive{
  width:90px ;
}
.tdFlagTextAdmin{
display: flex;
align-items: center;
justify-content:start;
text-overflow: ellipsis;
white-space: nowrap;
}
.tdFlagTextAdmin img{
  margin-right: 0.3em;
  }
  .activeUserOrganization, .inactiveUserOrganization{
    width: 68px;
    padding: 5px ;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content:center;
height: 20px;
cursor: pointer;
  }
  .activeUserOrganizationPopUp, .inactiveUserOrganizationPopUp{
    width: 68px;
    padding: 5px ;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content:center;
height: 20px;
cursor: pointer;
  }
  .activeUserOrganization,.activeUserOrganizationPopUp{
    background-color: var(--success-100);
    border: solid 0.25px var(--success-300);
  }
  .inactiveUserOrganization , .inactiveUserOrganizationPopUp{
    background-color: var(--gray-100);
    border: solid 1px var(--gray-300);
  }
  .inactiveUserOrganization img, .activeUserOrganization img{
    width: min-content;
    height: min-content;
    margin: 0px  6px;

    align-self: center;
  }

@media screen and (max-width: 1024px) {
  .tablePrincipalContainer {
    width: 90%;
  }

  .tableContainer {
    width: 95%
  }

  .thRegistro,
  .thAction {
    width: 40px;
  }

  .thEstado {
    width: 100px;
  }

  .thFecha {
    width: 90px;
  }
}


@media (max-width:1439px) {
  .tableContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    border-radius: 20px 20px 20px 20px;
    border: 2px solid var(--gray-300);
    background-color: var(--white-base);
  }

  .tableTabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    /* gap: 4px; */
    align-self: flex-start;
    width: 100%;
  }

  .tablePrincipalContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .tabla {
    overflow-x: auto;
    display: block;
  }

  th,
  td {
    white-space: nowrap;
  }

  .tdName,
  .tdOrganization,
  .tdIndustry,
  .tdAmount,
  .tdCreated {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .filtro-options {
    margin-top: 5px;
    border: none;
  }

  .thFilter {
    color: var(--gray-500);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.24px;
  }

  .tdIndustry {
    overflow: hidden;
    white-space: revert;
  }

  .tdName {
    overflow: hidden;
    white-space: revert;
  }

  .extraccionDeDatos {
    display: inline-flex;
    height: 10px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 6px;
    background: var(--gray-600);
    color: var(--white-base);
    text-align: center;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    letter-spacing: 0.04px;
  }

  .badgedSinExito {
    display: inline-flex;
    height: 10px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: var(--error-300);
    text-align: center;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.04px;
  }

  .modelando {
    display: inline-flex;
    height: 10px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 6px;
    border: 0.25px solid var(--primary-500);
    background: rgba(255, 140, 0, 0.20);
    color: var(--primary-500);
    text-align: center;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.04px;
  }

  .perfilEnConstruccion {
    display: inline-flex;
    height: 10px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 6px;
    border: 0.25px solid var(--gray-600);
    background: var(--gray-50);
    color: var(--gray-600);
    text-align: center;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.04px;
  }

  .badgedCompleteSoft {
    display: inline-flex;
    height: 10px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #00E5B1;
    text-align: center;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.04px;
    border-radius: 6px;
    border: 0.25px solid #43D39E;
    background: rgba(0, 229, 177, 0.20);
  }
}

.PopUpEliminar {
  z-index: 999;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: rgba(0,0,0,.7);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
}

.PopUpEliminarContainer {
  display: flex;
  width: 374px;
  height: 189px;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 20px;
  background: #FEFEFE;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
}

.PopUpEliminarContainer h2 {
  color: #0C0C0F;
  align-self: center;
  text-align: center;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.32px;
  min-width: 236px;
  height: 49px;
  max-width: 70%;
}

.PopUpEliminarContainer p {
  color: var(--gray-600);
  text-align: center;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px;
  /* 162.5% */
  letter-spacing: 0.24px;
}

.PopUpEliminarContainerButton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  align-self: stretch;
}
.PopUpEliminarContainerButtonElementCancelar{
  display: flex;
width: 146px;
height: 38px;
padding: 8px 12px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 8px;
border: 1.5px solid var(--gray-300);
background: var(--base);
}
.PopUpEliminarContainerButtonElement{
  display: flex;
width: 146px;
height: 38px;
padding: 8px 12px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 8px;
background: var(--primary-600);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
color: var(--white-base);
}
.imgLupaBuscador {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tablePrincipalContainer {
  position: relative;
}
.lastItemClass{
  border-bottom: 0px !important;
}
.nombreAdminThHeader{
  border-radius: 1.2em 0px 0px 0px !important;
}
.iconAdminThHeader{
  border-radius:0px 1.2em 0px 0px !important;
}



.amplifyTablaButtons{
    margin-top: 1.5em
}
.page-link,
.buttonActiveOrange{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px;
    width: 20px;
    height: 20px;
    gap: 10px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px; /* 139.286% */
    letter-spacing: 0.28px;
}
.buttonActiveOrange{
    color: var(--primary-500)!important;
}
.page-link{
    color: var(--gray-600);
}
.mainCardBuyerPersona{
  width: 100%;
}
.cardBuyerPersona{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 119px;
  gap: 6px;
  align-self: stretch;
  border-radius: 10px;
border: 0.5px solid var(--gray-300);
background-color: var(--white-base);
box-shadow: 1px 1px 9px 0px #EDEDED;
}
.cardBPIcon{
  display: flex;
  width: 70px;
  height: 70px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  background: var(--primary-200);
}
.cardBPContainer{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  padding: 0px;
  width: 100%;
  height: 80px;
}
.cardBPText{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
}
.cardBPTitle,
.cardBPClient,
.cardBPValue,
.cardBPValueTotal{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
  line-height: normal;
  
}
.cardBPTitle{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.28px;
}
.cardBPClient{
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.26px;
}
.cardBPValue{
  color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.26px;
}
.modalMasCreditosTextEnlace{
cursor: pointer;
text-decoration: underline;
color: var(--gray-600);
}
.cardBPValueTotal{
  color:var(--blue-700);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.48px;
}
.cardBPProgressBar{
  width: 100%;
  height: 8px;
  border-radius: 20px;
  background: var(--gray-100);
}
.cardBPProgressBarActive{
  height: 8px;
  border-radius: 20px;
  background: var(--primary-400);
}
.modalMasCreditosTotal{
  display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
/* left: 50%;
transform: translate(17em); */
margin-top: 15.5em;
    margin-left: 40em;
z-index: 1;
}
.modalMasCreditosArrow{
  display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.modalMasCreditosArrow img{
  z-index: 1;
}
.modalMasCreditos{
  display: flex;
  width: 296px;
padding: 12px;
align-items: flex-start;
gap: 8px;
border-radius: 8px;
background-color: var(--white-base);
box-shadow: 0px 15px 35px 0px rgba(103, 110, 118, 0.08), 0px 5px 15px 0px rgba(0, 0, 0, 0.12);

}
.modalMasCreditosConteiner{
  display: flex;
width: 320px;
padding: 12px;
align-items: flex-start;
gap: 8px;
}
.modalMasCreditosContent{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.modalMascreditosTitle{
  color: var(--gray-900);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 18px; /* 150% */
}
.modalMasCreditosText{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 150% */
}

.modalMasCreditosPosition{
  display: flex;
    flex-direction: column;
    align-items: flex-end;
}
@media  (max-width:1124px) {
  .cardBuyerPersona{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 6px;
    flex: 1 0;
    width: 96%;
  }  
  .cardBPTexto{
    color: var(--gray-600);
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.22px;
  }
  .cardBuyerPersonaValor p{
    color: var(--gray-600);
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.4px;
  }
 }

/* @media (max-width:1000px){
  .modalMasCreditosTotal{
    transform: translate(8em);
    margin-top: 16.5em;
  }
}
@media (max-width:1400px) {
  .modalMasCreditosTotal{
    transform: translate(8em);
    margin-top: 16.5em;
  }
} */

.cardAmplify{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 119px;
  gap: 6px;
  align-self: stretch;
  border-radius: 10px;
border: 0.5px solid var(--gray-300);
background-color: var(--white-base);
box-shadow: 1px 1px 9px 0px #EDEDED;
}
.cardAmplifyIcon{
  display: flex;
  width: 70px;
  height: 70px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  background: var(--blue-100);
}
.cardAmplifyContainer{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  padding: 0px;
  width: 100%;
  height: 80px;
}
.cardAmplifyText{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
}
.cardAmplifyTitle,
.cardAmplifyClient,
.cardAmplifyValue{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
  line-height: normal;
  color: var(--gray-600);
}
.cardAmplifyTitle{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.28px;
}
.cardAmplifyClient{
  color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.26px;
}
.cardAmplifyValue{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.26px;
}
.cardAmplifyValueTotal{
  font-weight: 600;
  color:var(--blue-700);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 24px;
font-style: normal;
line-height: normal;
letter-spacing: 0.48px;
}
.cardAmplifyProgressBar{
  width:100%;
  height: 8px;
  border-radius: 20px;
  background: var(--gray-100);
}
.cardAmplifyProgressBarActive{
  width: 114.393px;
  height: 8px;
  border-radius: 20px;
  background: var(--blue-300);
}
.descubristeContainer, .esteMesContainer, .disponiblesContainer {
  display: flex;
  flex-direction: column;
padding: 16px 24px;
justify-content: center;
gap: 12px;
height: 88px;
width: 100%;
}
.verticalDivider{
  display: flex;
  height: 100px;
  border: 1px solid var(--gray-300);
}
.disponiblesContainer{
  flex-direction: row;
}
.descubristeContainerIcon, .esteMesContainerIcon, .disponiblesContainerIcon{
  display: flex;
align-items: center;
gap: 4px;
}
.descubristeContainerIcon p, .esteMesContainerIcon p, .disponiblesContainerIcon p{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.28px;
}
.descubristeContainerValue, .esteMesContainerValue{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 4px;
}
.descubristeValue, .esteMesValue, .disponiblesValue{
  color: var(--gray-700);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
}
.disponiblesValue{
  height: 27px;
}
.descubristeClientesPotenciales, .esteMesClientesPotenciales, .disponiblesClientesPotenciales{
  color: var(--gray-500);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.26px;
}

.disponiblesCantClientes{
  display: flex;
align-items: flex-end;
gap: 6px;
height: 21px;
}
.disponiblesMasCreditosContainer{
  display: flex;
justify-content: center;
align-items: center;
gap: 2px;

}
.disponiblesMasCreditos{
  color: var(--primary-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
width: 159px;
cursor: pointer;
}
.disponiblesChart{
  display: flex;
width: 81px;
height: 81px;
justify-content: center;
align-items: center;
align-self: center;
}
.disponiblesContainerContent{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.closeModal{
  cursor: pointer;
}
.disponiblesContainerSubContent{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media  (max-width:1124px) {
	.cardAmplify {
		display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 6px;
    width: 90%;
	}
	.cardAmplifyTexto{
		color: var(--gray-600);
		    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.22px;
	}
	.cardAmplifyValor p {
		color: var(--gray-600);
		    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing: 0.4px;
	}

}


*{
  margin: 0;
  padding: 0;
}
.home{
  display: flex;
  flex-direction: column;
  width: 96%;
  height: 100vh;
  background: var(--white-bg);
}
.userContainer{
  display: flex;
width: 960px;
height: 90px;
justify-content: space-between;
align-items: center;

}
.home_body_container {
  transition: margin-left 0.5s ease;
  height: 100vh;
  align-self: center;
  position: relative;
}
.home_body_container.navbar-open {
  margin-left: 140px;
}
.headerHome{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 99.5%;
  height: 10%;
  gap: 10px;
}
.userContainer h1{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.64px;

}
.userContainer span{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.64px;
}
.mainHome{
  display: flex;
  width: 960px;
  padding: 24px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
}
.homeBodyCardsState{
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 32px;
  justify-content: space-between;
}
.tableContainerProcessExecuted{
  display: flex;
  flex-direction: column;
}


.loader1Home {
  height: 80px;
  width: 80px;
  border-radius: 80px;
  border: 3px solid var(--primary-default);
  top: 28%;
  top: -webkit-calc(50% - 43px);
  top: calc(50% - 43px);
  left: 35%;
  left: -webkit-calc(50% - 43px);
  left: calc(50% - 43px);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: loader1 3s linear infinite;
  animation: loader1 3s linear infinite;
}
.loader1Home:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 20px;
  width: 11px;
  height: 11px;
  border-radius: 10px;
  background-color: var(--primary-default);
}
.createNewBuyerPersona{
  display: flex;
width: 11.875rem;
height: 2.375rem;
padding: 0.5rem 0.75rem;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 0.5rem;
background: var(--primary-600);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
color: var(--white-base);
 font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 21px; /* 150% */
letter-spacing: 0.28px;
}
.modalAmplify{
  display: flex;
width: 174px;
padding: 8px;
align-items: flex-start;
border-radius: 4px;
background-color: var(--white-base);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30);
position: absolute;

/* left: 50%;
transform: translate(25.3em); */
margin-top: 4.5em;
    margin-left: 48.1em;
}
.modalAmplifyConteiner{
  width: 100%;
}
.modalAmplifyContentItem{
  display: flex;
  height: 40px;
  padding: 4px 8px;
  align-items: center;
  gap: 6px;
  align-self: stretch;
}
.modalAmplifyContentItem:hover{
  border-radius: 6px;
background: var(--secondary-gray-100, #F2F4F7);
}
.modalAmplifyContentItem button{
  color: var(--gray-600);
 font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@-webkit-keyframes loader1 {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
}
@keyframes loader1 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}
.spinner_container_homeProcess{
  position: fixed;
  top: 0;
  left: 185px;
  width: 90%;
  height: 100%;
  background-color: var(--white-bg);
  z-index: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  display: flex;
}

@media (max-width:1439px){
  .home_body_container.navbar-open {
    width: 960px;
  }
  .tableContainerProcessExecuted{
    display: flex;
    flex-direction: column;
    align-self: center;
    align-items: center;
    width: 100%;
  }
 
}

@media (max-width:1439px) {
  .spinner_container_homeProcess{
   left: 0;
   width: 100%;
  }
}
@media (min-width:1920px) {
  .userContainer{
   margin-top: 7em;
  }
}
.spinner__circle_homeProcess {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: #FF8C00;
  border-radius: 100%;
  animation: spin 1s infinite linear; 
}

.spinner__circle-inner_homeProcess,
.spinner__circle-gradient_homeProcess {
  position: absolute;
  width: 33px;
  height: 33px;
  transform: translate(-50%, -50%);
	border-radius: 3px; 
}

.spinner__circle-inner_homeProcess {
  top: 50%;
  left: 50%;
  background-color: #F5F8FB;
  border-radius: 100%;
}

.spinner__circle-gradient_homeProcess {
  top: -24px;
  left: 6px;
  background-color: #FF8C00;
  background-image: -moz-linear-gradient(0deg, #F5F8FB 0%, #FF8C00 80%);
  background-image: -webkit-linear-gradient(0deg, #F5F8FB 0%, #FF8C00 80%);
  background-image: linear-gradient(0deg, #F5F8FB 0%, #FF8C00 80%);
  transform: rotate(-50deg);
	animation-direction: reverse;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@media (min-width:1920px){
  .home_body_container.navbar-open{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
  }
  .headerHome{
    align-self: center;
  }
  .mainHome{
    align-self: center;
  }
}  

.popUpMensajeExito{
    display: flex;
    align-items: center;
    align-self: flex-end;
    width: 360px;
    padding: 24px;
    gap: 24px;
    border-radius: 10px;
    background-color: var(--white-base);
    box-shadow: 8px 8px 12px 0px rgba(168, 168, 168, 0.10);
    position: absolute;
    z-index: 9;
    right: -35%;
    top: 0.5em;
}
.popUpMensajeExitoContenido{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}
.popUpMensajeExitoContenidoTitulo{
    color: var(--gray-600);
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.32px;
}
.popUpMensajeExitoContenidoTexto{
    color: var(--gray-600);
    text-align: center;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 19.5px; 
    letter-spacing: 0.26px;
}
.horizontal-bar {
    width: 304px;
    height: 8px;
    border-radius: 20px;
    background: var(--success-400);
}
@media (min-width:1440px){
    .popUpMensajeExito{  
        right: -45%;
    }
}
.popUpMensajeErrorBody{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}
.popUpMensajeError{
display: flex;
width: 448px;
padding: 24px;
height: 217px;
flex-direction: column;
align-items: center;
gap: 60px;

border-radius: 20px;
border: 1.5px solid var(--gray-300);
background-color: var(--white-base);
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
}
.popUpMensajeErrorContenido{
    display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
align-self: stretch;
}
.popUpMensajeErrorContenidoTitulo{
    color: var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.32px;
}
.popUpMensajeErrorContenidoTexto{
    color: var(--gray-600);
text-align: center;
 font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 19.5px; /* 162.5% */
letter-spacing: 0.24px;
}
.popUpMensajeErrorBotonContenedor{
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
}
.popUpMensajeErrorBoton{
    display: flex;
width: 190px;
padding: 8px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
background: var(--primary-600);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
color:  var(--white-base);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 21px; 
letter-spacing: 0.28px;
}
.popUpMensajeErrorBoton:hover{
    border-radius: 8px;
background: var(--primary-500);
box-shadow: 0px 2px 4px 0px #D0D5DD;
}
@media (max-width:1439px){
    .popUpMensajeError{
        display: flex;
        width: 304px;
        height: 190px;
        padding: 24px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
.popUpMensajeErrorBotonContenedor img{
    width: 32px;
    height: 32px;
}
   
    .popUpMensajeErrorBoton{
        display: flex;
        height: 28px;
        width: 106px;
        padding: 8px 12px;
        align-items: center;
        gap: 10px;
        color: var(--white-base);
    }
}
@font-face {
  font-family: 'I';
  src: url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
}

.Configuracion{
  display: flex;
  width: 433px;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  background-color: var(--white-base);
  align-self: center;
  filter: drop-shadow(1px 1px 9px #EDEDED);

}
.Configuracion_FormContainer h1{
  margin-bottom: 16px;
} 
.Configuracion_FormContainer{
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.Configuracion_FormContainer p {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0px 8px;
}
.formConfig {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  margin: 16px 0;
}
.SelectConfig{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 38px;
  width: 100%;
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.26px;
}
.SelectConfig:focus{
  outline: none;
  border-radius: 10px;
  border: 2px solid var(--primary-400);
  background-color: var(--white-base);
}
.selectConfigText{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
.Configuracion_botones {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-self: flex-end;
  padding: 0px;
  gap: 16px;
}
.secondaryButton {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  width: 122px;
  height: 40px;
  background-color: var(--white-base);
  color: var(--gray-600);
  border: 1.5px solid #E2E4E3;
  border-radius: 20px;
  cursor: pointer;
}
.primaryButton{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  gap: 10px;  
  width: 122px;
  height: 40px;
  background: var(--primary-600);
  color: var(--white-base);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  cursor: pointer;
}

@media (max-width:1439px){
  .Configuracion{
    display: flex;
    width: 301px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
  .SelectConfig{
    display: flex;
    height: 32px;
    padding: 0px 8px;
  }
  .btnPrimaryBuyerPersona{
    display: flex;
height: 38px;
padding: 8px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
width: 120px;
  }
  .btnSecondary{
width: 144px;
  }
  .Configuracion_botones{
    gap: 12px;
  }
}

.css-t3ipsp-control{
  width: 433px!important;
  height: 38px!important;
  box-shadow: none!important;
  border-radius: 10px !important;
  border: 2px solid var(--gray-300)!important;
  background: var(--white-base)!important;
  padding: 0px 8px!important;
  margin: 0px!important;
  font-size: 12px!important;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',  sans-serif !important;

  color: var(--gray-600)!important;
}
.css-t3ipsp-control:hover {
  box-shadow: none!important;
  border-radius: 10px!important;
  border: 2px solid var(--primary-400)!important;
  background: var(--white-base)!important;
margin: 0px!important;
}


/* #react-select-4-listbox{
  height: 100px!important; 
  max-height: 100px!important;
} */
.css-1nmdiq5-menu{
  height: auto!important;
  font-size: 12px!important;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',  sans-serif !important;
  color: var(--gray-600)!important;
  margin-top: 0px!important;
  margin-bottom: 0px!important;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10)!important;
  border-radius: 6px!important;
  
  }
  
/* .css-15lsz6c-indicatorContainer{
padding: 0px!important;
} */

.progresBarAmplify{
  width: 100%;
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.progressBar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
}
.progressBar::before{
  content: "";
  position: absolute;
  background: var(--gray-300);

  border-radius: 5px;
  height: 2px;
  width: 100%;
  z-index: -1;
  transition: 0.4s ease;
  
}
.progress{
  position: absolute;
  background: var(--gray-900);

  border-radius: 5px;
  height: 2px;
  width: 50%;
  z-index: -1;
  transition: 0.4s ease;
}
.circleBar {
  background-color: var(--gray-300);
  color: var(--gray-300);
  border-radius: 50%;
  height: 8px;
  width: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--gray-300);
  transition: 0.4s ease;
}
.circleBar.activeBar {
  background-color: var(--white-base);
  color: var(--white-base);
  border: 2px solid var(--gray-900);
}
.circleBar.lastActiveBar{
  background-color: var(--gray-900);
  color: var(--gray-900);
  border: 2px solid var(--gray-900);
}
.progressContainerText {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 8px 0;
  width: 108%;
}
.progressContainerText p {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
}
.progressContainerText p.activeBar {
  color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.24px;
}
@font-face {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  src: url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
}

* {
  margin: 0;
  padding: 0;
}
.bayerPerson_body_container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.headerBuyerPerson{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  width: 50%;
  height: 10vh; 
}
.mainBuyerPerson{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 32px;
  width: 500px;
  gap: 32px;
  flex: 1 0 0;
  filter: drop-shadow(1px 1px 9px #EDEDED);

}
.buyerPersona-title{
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.32px;
}

.mainBuyerPersona-title{
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.36px;
}



/*  */

.Confirmacion{
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  width: 388px;
  padding: 16px;
  gap: 24px;
  border-radius: 20px;
  background-color: var(--white-base);
  filter: drop-shadow(1px 1px 9px #EDEDED);

}
.Confirmacion_FormContainer{
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 16px;
}
.imgConfirmacionBP{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  background: var(---blue-25);
}
.negativeBackground{
  background: var(--error-25);
}
.imgConfirmacionBP img{
  display: flex;
  align-items: flex-start;
  width: 200px;
  height: 200px;
  padding: 24px;
}
.Confirmacion_resumen{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 328px;
}
.Confirmacion_box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  /* gap: 16px; */
}
.Confirmacion_boxText{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}
.Confirmacion_text{
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 2px;
}
.Confirmacion_textIcon img{
  width: 24px;
  height: 24px;
}
.Confirmacion_textIcon{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background: var(--blue-25);
}
.Confimacion_line{
  width: 307px;
  height: 1.5px;
  background: var(--gray-300);
  margin-top: 16px;
  margin-bottom: 4px;
}
.Confirmacion_boxCreditos{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: 12px;
}
.Confirmacion_Creditos{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
min-width: 100px;
  padding: 8px 2px;
  gap: 2px;
  flex: 1 0 0;
}

/* Textos */
.Confirmacion_title, .Confirmacion_text p,
.signsCred, .TextCred {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
  line-height: 19.5px; 
}
.Confirmacion_title, .Confirmacion_text p,
.Creditos{
  color: var(--gray-600);
}
.signsCred, .TextCred{
  color: var(--gray-400);
}
.Confirmacion_title{
  color: var(--gray-600);
  text-align: center;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.5px; /* 121.875% */
  letter-spacing: 0.32px;
}
.Confirmacion_text p{
  color: var(--gray-600);
  text-align: center;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 162.5% */
  letter-spacing: 0.24px;
}
.signsCred{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.4px;
}
.TextCred{
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.28px;
}
.Creditos{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.4px;
}
.negativeCred{
  color: var(--error-400);
}
.negativeText{
  color: var(--error-400);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
}
/* Botones */
.ConfirmacionBP{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.btnSecondary_ConfirmacionBP, .btnPrimary_ConfirmacionBP{
  display: flex;
  height: 40px;
  padding: 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: 8px;
  cursor: pointer;

  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px; 
  letter-spacing: 0.28px;
}
.btnSecondary_ConfirmacionBP {
  border-radius: 8px;
border: 1.5px solid var(--gray-300);
background-color: var(--white-base);
color: var(--gray-600);

}
.btnSecondary_ConfirmacionBP:hover{
  border-radius: 8px;
border: 1.5px solid var(--gray-300);
background-color: var(--white-base);

/* hover */
box-shadow: 0px 2px 4px 0px #D0D5DD;
}
.btnPrimary_ConfirmacionBP{
  color: var(--white-base);

  border-radius: 8px;
  background: var(--primary-600);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
 
}
.btnPrimary_ConfirmacionBP:hover{
  border-radius: 8px;
background: var(--primary-500);
box-shadow: 0px 2px 4px 0px #D0D5DD;
}
/* MediaQuerys */
@media (max-width:1439px) {
  .Confirmacion{
    display: flex;
    width: 384px;
    height: 470px;
    padding: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0px;
  }
  .Confirmacion_FormContainer{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
  }

  .imgConfirmacionBP{
    width: 388px;
    height: 200px;
    align-self: center;
  }
  .imgConfirmacionBP img{
    width: 152px;
    height: 152px;
  }
}
.select {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  width: 100%;
  height: 40px;
  background-color: var(--white-base);
  border: 1px solid #e2e7f1;
  border-radius: 4px;
}

.boxToggle {
  display: flex;
  gap: 6px;
  align-items: center;
}
.selectToggle{
  display: flex;
}
.switch {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 14px;
  padding: 2px;
}
.sliderSwitch.round {
  border-radius: 34px;
  width: 26px;
  height: 14px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.sliderSwitch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--white-base);
   -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #e2e7f1;
  border-radius: 10px;
  
}

.sliderSwitch:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 2px;
  background-color: #e2e7f1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .sliderSwitch {
  background-color: var(--primary-500);
  border-color: var(--primary-500);
}


input:checked + .sliderSwitch:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  background-color: var(--white-base);
   border: none;
}

.sliderSwitch.round:before {
  border-radius: 50%;
}


*{
  margin: 0;
  padding: 0;
}
.formContainer{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  padding: 32px;
  gap: 24px;
  width: 436px;
  border-radius: 20px;
  background-color: var(--white-base);
  filter: drop-shadow(1px 1px 9px #EDEDED);
}
.contentContainer{
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 32px;
}
.contentContainer select {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 38px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: var(--gray-600);
}
.contentContainer select:focus {
  outline: none;
  border-radius: 10px;
  border: 2px solid var(--primary-400);
  background-color: var(--white-base);
}
.InputConfigAA{
  padding: 0px 8px;
  height: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  width: 516px;
}
.InputConfigAA::placeholder{
  color: var(--gray-400);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.28px;
}
.textCargaTuArchivo{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.24px;
}
.InputConfig{
  padding: 0px 8px;
  height: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  width: auto;
}
.toggleText{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.24px;

}
.InputConfig::placeholder{
  color: var(--gray-400);
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.24px;
}
select:focus-visible{
  border-radius: 10px;
  border: 2px solid var(--primary-400);
  background-color: var(--white-base);
}
.inputContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  width: 100%;
}
.companyName{
  margin-top: 10px;
}
.containerTextOne{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
}

.toggleContainer{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 6px;
  width: 100%;
  height: 20px;
}
.toggleContainer img{
  width: 16px;
  height: 16px;
}
/* .toggleContainer p{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
  font-weight: 200;
  font-size: 12px;
  line-height: normal;
  display: flex;
  align-items: center;
  letter-spacing: 0.24px;
  color: var(--gray-600);
} */
.textInputContainer {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0 6px;
}
.buttonsContainerPaso{
  display: flex;
  gap: 16px;
  width: 100%;
  height: 40px;
  place-content: flex-end;
}
.btnDisabled{
  display: flex;
  width: 146px;
  height: 38px;
  padding: 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--primary-200);
  color: var(--gray-400);
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.28px;
}
.btnSecondary{
  display: flex;
  width: 146px;
  padding: 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  color: var(--gray-600);
  border: 1.5px solid var(--gray-300);
  background-color: var(--white-base);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 21px; /* 150% */
letter-spacing: 0.28px;
}
.btnSecondary:hover{
  border-radius: 8px;
  border: 0.5px solid var(--gray-300);
  background-color: var(--white-base);
  box-shadow: 0px 2px 4px 0px #D0D5DD;
}
.btnPrimary{
  display: flex;
width: 146px;
height: 38px;
/* padding: 8px 12px; */
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 8px;
background: var(--primary-600);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
color: var(--white-base);

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 21px; /* 150% */
letter-spacing: 0.28px;
}
.btnPrimaryBuyerPersona{
  display: flex;
width: 146px;
height: 38px;
padding: 8px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 8px;
background: var(--primary-600);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
color: var(--white-base);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 21px; /* 150% */
letter-spacing: 0.28px;
}
.btnPrimaryBuyerPersona:hover{
  display: flex;
width: 146px;
height: 38px;
padding: 8px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 8px;
background: var(--primary-500);
box-shadow: 0px 2px 4px 0px #D0D5DD;
}
.btnPrimary:hover{background: var(--primary-500);
  box-shadow: 0px 2px 4px 0px #D0D5DD;
}
.textInputContainerBP{
  color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0px 6px;
}

.segmentacionContainer{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
}
.uploadContainer{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
}
.uploadContainer p{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.24px;
}
.boxCargarArchivos {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 20px;
  border: 1.5px dashed #E2E4E3;
  background-color: var(--white-base);
  cursor: pointer;
}
.textContainerUpload{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.textUpload{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.textUpload p:nth-child(1){
  color: var(--blue-500);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.textUpload p:nth-child(2){
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 200;
  line-height: 19.5px; 
  letter-spacing: 0.26px;
}
.textContainerUpload p{
  color: var(--gray-600);
  text-align: center;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 19.5px; 
  letter-spacing: 0.26px;
  display:flex;
  align-content: flex-start;
}

.inputsBuyerPersona{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.infoIcon.hovered {
  opacity: 0.5;
  cursor: pointer; /* Cambia el cursor al hacer hover */
}

.contenedorIngresaTuBaseDeDatos{
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
}
.segmentacionContenedorPrincipal{
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.containerBPTitleSelects{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
@media (max-width:1439px){
 
  .formContainer{
    display: flex;
width: 432px;
padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
filter: drop-shadow(1px 1px 9px #EDEDED);

  }
  .InputConfig{
    display: flex;
    height: 36px;
    padding: 0px 8px;
    justify-content: space-between;
    align-items: center;
  }
  .InputConfig::placeholder{
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.22px;
  }
.contentContainer select{
  display: flex;
height: 38px;
}
.inputContainer{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: stretch;
}
.textInputContainer{
  color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sliderSwitch.round {
  border-radius: 34px;
  width: 26px;
  height: 14px;
}
.toggleContainer{
  display: flex;
align-items: center;
gap: 6px;
align-self: stretch;
margin: 0;
width: 100%;
}

.sliderSwitch:before{
  bottom: 2px;
  content: "";
  height: 10px;
  left: 2px;
  position: absolute;
  transition: .4s;
  width: 10px;
  background-color: #e2e7f1;
}
.uploadContainer{
  height: auto;
}
.uploadContainer p{
  color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;

}
.btnDisabled{
  display: flex;
width: 146px;
height: 38px;
padding: 8px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: 0.28px;
}
.btnPrimaryBuyerPersona{
  width: 144px;
  height: 38px;
  display: flex;
padding: 8px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 8px;
background: var(--primary-500);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.btnPrimaryBuyerPersona:hover{
  display: flex;
  height: 38px;
  padding: 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 144px;
}

.btnSecondary{
  display: flex;
  padding: 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 146px;
  height: 38px;
  border-radius: 8px;
  border: 0.5px solid  #E2E4E3;
  background-color: var(--white-base);
}

.textUpload p:nth-child(1) {
  color: var(--blue-500);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.textUpload p:nth-child(2){
  color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 162.5% */
  letter-spacing: 0.24px;
}
.boxCargarArchivos{
  height: 82px;
  width: 402px;
    align-self: center;
}
.buttonsContainerPaso{
  height: 38px;
}
}

.css-tj5bde-Svg{
fill: var(--gray-500)!important;
}
.css-115q2pj-control, .css-1057n9p-control{
  box-shadow: none!important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.spinner_containerGris {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--white-bg);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}

.spinner__circleGris {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: var(--gray-500);
  border-radius: 100%;
  animation: spin 1s infinite linear; 
}

.spinner__circle-innerGris,
.spinner__circle-gradientGris {
  position: absolute;
  width: 33px;
  height: 33px;
  transform: translate(-50%, -50%);
	border-radius: 3px; 
}

.spinner__circle-innerGris {
  top: 50%;
  left: 50%;
  background-color: #F5F8FB;
  border-radius: 100%;
}

.spinner__circle-gradientGris {
  top: -24px;
  left: 6px;
  background-color: #6D7A8F;
  background-image: -moz-linear-gradient(0deg, #F5F8FB 0%, #6D7A8F 80%);
  background-image: -webkit-linear-gradient(0deg, #F5F8FB 0%, #6D7A8F 80%);
  background-image: linear-gradient(0deg, #F5F8FB 0%, #6D7A8F 80%);
  transform: rotate(-50deg);
	animation-direction: reverse;
}

.tooltip-container {
  position: relative;
  display: flex;
}

.tooltip-component {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;

}

.TooltipBPText {
  right: -16px;
  top: calc(-100% - 90px);
  width: 165px;
  padding: 16px;
  border-radius: 10px;
  background-color: var(--white-base);
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);

  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
  letter-spacing: 0.24px;
}
.procesoExitosoContainer{
   display: flex;
width: auto;
height: 100vh;
padding: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.procesoExitosoCard{
    display: flex;
padding: 20px;
flex-direction: column;
align-items: center;
gap: 44px;
}
.procesoExitosoTexto{
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 19px;
}
.procesoExitosoTexto h1{
    color: var(--gray-600);
text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.52px;

}
.procesoExitosoTexto p{
    color: var(--gray-600);
text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 19.5px; 
letter-spacing: 0.26px;
}
.procesoExitosoButton{
    display: flex;
width: 146px;
padding: 8px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
background: var(--primary-600);
color: var(--white-base);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 21px; 
letter-spacing: 0.28px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);

}
.procesoExitosoButton:hover{
    border-radius: 8px;
background: var(--primary-500, #F18F49);

box-shadow: 0px 2px 4px 0px #D0D5DD;
}
.recuperoExitosoContainer{
   display: flex;
width: auto;
height: 100vh;
padding: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.recuperoExitosoCard{
    display: flex;
width: 438px;
height: 510px;
padding: 32px 32px 40px 32px;
flex-direction: column;
align-items: center;
gap: 37px;
flex-shrink: 0;
border-radius: 20px;
background-color: var(--white-base);
box-shadow: 8px 8px 12px 0px rgba(168, 168, 168, 0.10);
}

.recuperoExitosoTexto{
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 19px;
}
.recuperoExitosoTexto h1{
    color: var(--primary-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.32px;

}
.recuperoExitosoTexto p{
    color: var(--gray-600);
text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 19.5px; 
letter-spacing: 0.26px;
}
.recuperoExitosoButton{
    display: flex;
width: 146px;
padding: 8px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
background: var(--primary-600);
color: var(--white-base);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 21px; 
letter-spacing: 0.28px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.recuperoExitosoButton:hover{
    border-radius: 8px;
background: var(--primary-500);
box-shadow: 0px 2px 4px 0px #D0D5DD;
}
.amplifyCardBuyerPersona {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  border: 1px solid var(--gray-300);
  background-color: var(--white-base);
  width: auto;
  height: min-content;
}
.amplifyCardContentBuyerPersona {
  display: flex;
  padding: 8px;
  align-items: center;
  gap:32px;
  border-bottom: 1px solid var(--gray-100);
  width: 100%;
}
.amplifyCardTitleBuyerPersona {
  display: flex;
  align-items: center;
  gap: 4px;
  width: auto;
}
.amplifyCardTitleBuyerPersona img {
  width: 6px;
  height: 6px;
  fill: var(--violet-400);
}
.amplifyCardTitleBuyerPersona p {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 150% */
  letter-spacing: 0.2px;
}
.input-containerPerfiles {
  display: flex;
  width: 182px;
height: 36px;
gap: 2px;
align-items: center;
flex-shrink: 0;
}

.input-containerPerfiles:focus-visible{
  border-radius: 10px;
  border: 2px solid var(--primary-400);
  background-color: var(--white-base);
}
.input-containerPerfiles.focused {
  border-radius: 10px;
  border: 2px solid var(--primary-400);
  background-color: var(--white-base);
}
.custom-input {
  border: 0px solid var(--gray-300);
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.28px;
  width: 60px;
}
.custom-input:focus-visible{
  border:none!important;
    outline: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.personas-text {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}


.inputBuyerPersona {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
  border: 2px solid transparent;
  transition: border-color 0.3s ease;
}

.completoConExito p,
.completoConAtencion p,
.inputTotalContainer p {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 139.286% */
  letter-spacing: 0.28px;
}

.inputTotalText {
  width: 100%;
  /* margin-left: 39px; */
  gap: 4px;
  margin-left: 34px;
  display: flex;
}

@media (max-width:1439px) {
  .inputTotalText {
    margin-left: 12px;
  }
  
}
.inputTotalText img {
  margin-left: 10px;
}


.inputTotalContainer {
  display: flex;
  justify-content: space-between;
  width: 315px;
  height: 21px;
    background: var(--gray-25);
  align-items: center;
  gap: 4px;
}

@media (min-width:1440px) {
  .inputTotalContainer{
    height: 36px;
  }
  
}
.completoConAtencion {
  display: flex;
  padding: 0px 16px;
  align-items: center;
  align-self: stretch;
  border: 1.5px solid var(--warning-300);
background: var(--warning-25);
}

.completoConExito {
  display: flex;
  padding: 0px 16px;
  align-items: center;
  align-self: stretch;
  border: 1.5px solid var(--success-400);
  background: var(--gray-25);
}

.atencionText {
  color: var(--error-400);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
  display: flex;
  margin-top: 4px;
padding: 0px 16px;
align-items: flex-start;
gap: 10px;
}
.iconDefault{
  visibility: hidden;
}
.default{
  display: flex;
  padding: 0px 16px;
  align-items: center;
  align-self: stretch;
  border: 2px solid transparent;
  background: var(--gray-25);

}
@media (max-width:1439px){
  .amplifyCardBuyerPersona{
    width: 353px;
  }
  .input-containerPerfiles{
    width: 192px;
  }
  .inputTotalContainer{
    display: flex;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    width: 60%;
  }
  .amplifyCardTitleBuyerPersona p {
    width: 97px;
  }
  .custom-input::placeholder{
    color: var(--gray-400);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
  }
  
  .inputTotalContainer{
    width: auto;
    gap: 32px;
  }

}

.inputTotalTextPrincipal{
  display: flex;
  width: 144px;

}
@media (min-width:1440px){
  .amplifyCardBuyerPersona{
    width: 355px;
  }
/*   .inputTotalText{
    margin-left: 43px;
  } */
}


.buyerPersonaCardContent{
  width: 588px;
}
.buyerPersonaTextContainer{
 display: flex;
width: 691px;
padding: 24px;
flex-direction: column;
align-items: flex-start;
gap: 16px;

}

.buyerPersonaTextContent{
  display: flex;
  padding: 24px 24px 12px 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 10px 10px 0px 0px;
  border: 1.5px solid var(--gray-300);
  background-color: var(--white-base);
  }
  .buyerPersonaText{
    display: flex;
    padding: 12px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 0px 0px 10px 10px;
    border-right: 1.5px solid var(--gray-300);
    border-bottom: 1.5px solid var(--gray-300);
    border-left: 1.5px solid var(--gray-300);
    background-color: var(--white-base);

  }
  .buyerPersonaTextTitleImg{
      display: flex;
  align-items: center;
  gap: 4px;
  flex-direction: row;
  }
  .buyerPersonaTextTitleImg p{
    color: var(--gray-600);
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.26px;
  }
  .buyerPersonaTextTitleImg p span{
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.26px;
  }
  .buyerPersonaTextTitleOne{
        display: flex;
    align-items: center;
    gap: 4px;
  }
  .buyerPersonaTextTitleOne p{
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.28px;
  }
  .buyerPersonaText{
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
  }
 
  .buyerPersonaText h2{
    color: var(--gray-600);
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px; /* 161.538% */
  }
  .buyerPersonaText p{
    color: var(--gray-600);
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 161.538% */
  }
  .buyerPersonaContent{
    display: flex;
    padding: 12px 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 10px 10px 0px 0px;
    border: 1.5px solid var(--gray-300);
    background-color: var(--white-base);
  }
  @media (min-width:1440px){
    .buyerPersonaContent{
      width: 553px;

    }
    .buyerPersonaText{
      width: 553px;
    }
  }
  
  .buyerPersonaTextTitleCard{
    color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 21px; /* 161.538% */
letter-spacing: 0.26px;
  }
  
  
.sliderBarGenero {
  text-align-last: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.sliderBar {
  margin-bottom: 1vh;
  height: 8px !important;
  background: #F5A973;
}
.sliderInput {
  display: flex;
  width: 67px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.sliderInput input{
  display: flex;
  width: 34px;
height: 34px;
  justify-content: center;
  align-items: center;
  

  color: var(--gray-400);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.24px;
}
.sliderInput label{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px; /* 161.538% */
  letter-spacing: 0.26px;
}
@media (max-width:1024px){
  .css-vruit9-Slider{

    margin-bottom: 20px;
  }
  .sliderBarGenero{
    align-self: flex-start;
  }
}
.cardSliderBarGeneroContainer{
  display: flex;
  width: 359px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 10px;
  border: 1.5px solid var(--gray-300);
  background-color: var(--white-base);
}
.cardSliderBarGeneroTitle,
.cardSliderBarGeneroTexto {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  
  font-style: normal;
  line-height: 19.5px; 
  letter-spacing: 0.26px;
}
.cardSliderBarGeneroTitle{
  color: var(--gray-600);
    font-weight: 600;

  font-size: 16px;
}
.cardSliderBarGeneroTexto{
  color: var(--gray-600);
  font-size: 12px;
  font-weight: 400;
 }

.cardDatosEconomicos{
    display: flex;
    width: 359px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 10px;
    border: 1.5px solid var(--gray-300);
    background-color: var(--white-base);
}
.cardDatosEconomicosTitulo,
.cardDatosEconomicosTexto{
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


    font-style: normal;
    line-height: 19.5px; 
    letter-spacing: 0.26px;
}
.cardDatosEconomicosTitulo{
    color: var(--gray-600);
    font-weight: 600;
    font-size: 16px;
}
.cardDatosEconomicosTexto{
    color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-weight: 400;
}
.cardDatosEconomicosSelector{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.cardDatosEconomicosSelector p,
.cardDatosEconomicosSelector select{
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-style: normal;
    line-height: normal;
}
.cardDatosEconomicosSelector p{
    color: var(--gray-600);
    font-size: 12px;
    font-weight: 400;
}
.cardDatosEconomicosSelector select{
    display: flex;
    height: 38px;
    padding: 0px 8px;
    justify-content: center;
    gap: 10px;
    align-self: stretch;

    color: var(--gray-600);
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.26px;
}
.cardDatosEconomicosSelector select:focus {
    outline: none;
    border-radius: 10px;
border: 2px solid var(--primary-400);
background-color: var(--white-base);
  }

  @media (max-width:1439px) {
    .cardDatosEconomicos{
        display: flex;
        width: 359px;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
  }
  .css-b62m3t-container{
    width: 100%;
}
.css-13cymwt-control{
    border: none!important;
   
}

.css-lgh12g-control, .css-1cckwem-control, .css-10sl92e-control,.css-2l2ysc-control, .css-13cymwt-control, .css-3kd8s5-control,.css-13mvri2-control, .css-tkzrsg-control, .css-4vr87o-control, .css-1057n9p-control, .css-i8wigj-control {
    border-radius: 10px!important;
    border: 2px solid var(--gray-300)!important;
box-shadow: none!important;
font-size: 12px!important;
 font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',  sans-serif !important;
color: var(--gray-600)!important;
font-weight: 400!important;
padding-left: 8px;
}
.css-1057n9p-control{
    border:2px solid var(--primary-500)!important;
}
.css-1cckwem-control{
    width: 190px!important;
    padding-left: 8px!important;
}
.css-tkzrsg-control:hover{
border-color: var(--gray-300)!important;
}
.css-1yzwmfm-control, .css-1c58wh6-control, .css-qbdosj-Input, .css-1dimb5e-singleValue{
    padding-left: 8px!important;
}
.css-1c58wh6-control{
    width: 190px!important;
}
.css-1yzwmfm-control:active{
    border-color: var(--gray-300)!important;
    padding-left: 8px!important;
}
.css-1yzwmfm-control:hover{
    border-color: var(--gray-300)!important; 
    padding-left: 8px!important;
}
.css-tkzrsg-control{
    padding-left: 8px!important;
}
.css-1yy2nbg-placeholder{
    padding-left: 8px;
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.cardDatosGeo{
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  border-radius: 10px;
  border: 1.5px solid var(--gray-300);
  background-color: var(--white-base);
  width: 578px;
}
.cardTitleDatosGeo,
.cardTextDatosGeo{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
  line-height: 19.5px; 
  letter-spacing: 0.26px;
}
.cardTitleDatosGeo{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 19.5px; /* 121.875% */
letter-spacing: 0.32px;
}
.cardTextDatosGeo{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-weight: 400;
}
.cardContentDatosGeo{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}
.formDatosGeo{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex-shrink: 0;
  width: auto;
}
.formDatosGeo.region{
  width: 182px;
}
.formDatosGeo.comuna{
  width: 190px;
}
.labelDatosGeo{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0px 8px;
}
.labelDatosGeo.Porcentaje{
  padding: 0px 0px;
}
.selectDatosGeo{
  display: flex;
  gap: 10px;
height: 38px;
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal; 
  letter-spacing: 0.26px;
}
.selectDatosGeo:focus {
  outline: none;
  border-radius: 10px;
  border: 2px solid var(--primary-400);
  background-color: var(--white-base);
}
.selectDatosGeo.region{
  width: 184px;
}
.selectDatosGeo.comuna{
  width: 190px;
}
.inputContainerDatosGeo{
  display: flex;
  align-items: center;
  gap: 4px;
}
.inputDatosGeo{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 46px;
  height: 36px;
  padding: 0px 8px;
  flex: 1 0;
  border-radius: 6px;
  border: 2px solid var(--gray-300);
  background: var(--gray-25);
  outline-color: var(--primary-500);
}

.inputContainerDatosGeo p{
  color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 139.286% */
  letter-spacing: 0.28px;
}
.buttonNuevosCamposContenedor{
  display: flex;
  gap: 6px;
}
.imgNuevoCampos{
  width: 18px;
  height: 18px;
  
}
.buttonNuevosCampos{
  border-radius: 4px;
border: 0.5px solid  #E2E4E3;
background-color: var(--white-base);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
}
.campoAdicional {
  display: flex;
  width: auto;
  align-items: center;
  gap: 16px;
}

.inputDatosGeo.invalid {
  border: 2px solid var(--primary-500);
}
.warningData{
  color:var(--warning-500);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-weight: 400;
font-style: normal;
line-height: 19.5px; /* 243.75% */
letter-spacing: 0.16px;
align-self: end;
}
@media (max-width:1024px){
  .selectDatosGeo.region{
    width: 100%;
  }
 
}
a {
  text-decoration: none;
}

.automaticoTexts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.amplifyPrincipalContainer {
  display: flex;
  flex-direction: column;
  align-self: flex-start;


}

.amplifyTabs {
  display: flex;
  /* gap: 4px; */
}

.amplifyTabs button,
.amplifyTabs button.tabsActive {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 10px 10px 0px 0px;
  border-top: 0.5px solid var(--gray-300);
  border-right: 0.5px solid var(--gray-300);
  border-left: 0.5px solid var(--gray-300);
  background: var(--gray-50);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.amplifyTabs button {
  background: var(--gray-50);
  color: var(--gray-600);
}

.amplifyTabs button.tabsActive {
  background-color: var(--white-base);
  color: var(--primary-500);
}

.amplifyContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 32px;
  gap: 24px;
  border-radius: 0px 0px 10px 10px;
  border: 0.5px solid var(--gray-300);
  background-color: var(--white-base);
  width: 1107px;
  filter: drop-shadow(1px 1px 9px #EDEDED);

}

.amplifyContainerExtend {
  width: 1232px;
  padding: 24px 32px;
}

.automaticoContainer {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.automaticoContainer h1,
.automaticoContainerText {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
}

.automaticoContainer h1 {
  color: var(--gray-600);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.automaticoContainerText {
  font-size: 12px;
  font-weight: 400;
  line-height: 19.5px;
  /* 139.286% */
  letter-spacing: 0.28px;
}

.solicitudBuyerPersonaAutomatico {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  width: 100%;
}

.solicitudBPAutomaticoExtend {
  width: 1232px;
}

.containerInputAmplify {
  display: flex;
  /* padding: 10px 6px; */
  flex-direction: column;
  justify-content: center;

  align-self: stretch;
  gap: 8px;
  width: 100%;
}

.containerInputAmplify select {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 38px;
  padding: 0px 8px;
  border-radius: 8px;
  border: 2px solid var(--gray-300);
  background-color: var(--white-base);
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.26px;
}

.containerInputAmplify select:focus {
  border-radius: 10px;
  border: 2px solid var(--primary-400);
  background-color: var(--white-base);
}

.Confirmacion_botones {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.containerInputAmplify option {
  border-radius: 8px;
  background-color: var(--white-base);
  box-shadow: 6px 2px 20px 0px rgba(172, 172, 172, 0.25);
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 19.5px;
  /* 150% */
  letter-spacing: 0.26px;
}

.containerInputAmplify p {
  padding: 0px 6px;
  color: var(--gray-600);
  font-size: 12px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-weight: 400;
}

.contenedorBotonesAmplify {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}



.buyerPersonaCardContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 30%;
}

.buyerPersonaCardContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}

.buyerPersonaCardTextoPerfiles {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.amplifyDesplegableContainer {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 20px;
  border: 1.5px solid var(--gray-300);
  background-color: var(--white-base);
  width: 1060px;
  align-self: center;
}

.cardCantidadPerfiles {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 12px;
  border: 0.5px solid var(--gray-300);
  background-color: var(--white-base);
  width: 1012px;
}

.cardCantidadPerfilesHeader {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.cardCantidadPerfilesHeader p {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  line-height: 19.5px;
  letter-spacing: 0.26px;
}

.cardCantidadPerfilesHeader h2 {
  color: var(--gray-600);
  font-weight: 600;
  font-size: 16px;
}

.cardCantidadPerfilesHeader p {
  color: var(--gray-600);
  font-size: 12px;
  font-weight: 400;
  line-height: 19.5px;
  /* 139.286% */
  letter-spacing: 0.28px;
}

.inline-paragraph {
  display: inline;

}

.TextSecondPerfiles {
  color: var(--gray-600);
  font-weight: 400;
}

.cardContainerDatosEcoGen {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  gap: 24px;
}

.cardCantidadPerfilesBody,
.cardDatosEcoGeo {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;

  width: 999px;
}

.cardDatosEcoGeo {
  flex-direction: column;
}

.cardContainerDatosGeo {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.Confirmacion_botones {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

@media (max-width:1439px) {

  .cardDatosEcoGeo {
    flex-direction: column;
  }

  .buyerPersonaCardContent {
    width: 100%;
  }

  .amplifyContainerExtend {
    width: 1080px;
  }
}

@media (min-width:1441px) {
  .amplifyContainer {
    width: 1107px;
  }

  .amplifyContainerExtend {
    width: 1232px;
    padding: 24px 32px;
  }

  .solicitudBPAutomaticoExtend {
    width: 1232px;
  }
}

/* .css-13cymwt-control, .css-t3ipsp-control, .css-1osikpm-container, .css-1nmdiqa5-menu{
  width: 20em !important;
} */
@media (min-width:1920px) {
  .cardCantidadPerfiles {
    width: 1012px;

  }
}

.css-19bb58m {
  margin: 0px !important;
  padding: 0px !important;
  padding-left: 8px !important;
}

.css-hlgwow {
  padding: 0px 0px !important;

}

.selectBox .input-container.css-1cfo1cf {
  height: 10px !important;
}

.selectBox__input {
  font-size: 12px !important;

}

.css-1wy0on6 {
  box-sizing: inherit;
}

.css-1cfo1cf {
  min-height: 5px !important;
  max-height: auto !important;
  display: flex !important;
  align-items: center !important;
}

@media (min-width:1920px) {
  .anchoInputAA {
    width: 523px;
  }

  .selectBox__control {
    width: 523px !important;
  }
}

/* Estilos para el cuadro de selección */
.custom-select {
  width: 154px;
  height: 32px;
}

/* Estilos para el contenedor del cuadro de selección */
.custom-control {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  height: 38px;
  min-height: 24px;
  border-radius: 8px;
  color: #707477;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.24px;
}

/* Estilos para el valor seleccionado */
.custom-value {
  color: #707477;
  background-color: #F0F0F0;
}

/* Estilos para las opciones */
.custom-option {
  color: #0C0C0F;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 12.5px;
  letter-spacing: 0.2px;
}

/* Estilos para la opción cuando está enfocada */
.custom-option:focus {
  background-color: #f0f0f0;
}

/* Estilos para la opción cuando está seleccionada */
.custom-option:selected {
  color: white;
  background-color: #F18F49;
}

.manualesContainer{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.manualesContainer h1{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}
.automaticoContainerText,
.manualesContainerText{
  color: var(--gray-600);
  font-size: 12px;
  font-weight: 400;
  line-height: 19.5px; /* 139.286% */
  letter-spacing: 0.28px;
}

.manualesContainerInputSolicitud{
  display: flex;
  width: 427px;
  flex-direction: column;
  gap: 4px;
  height: 57px;
}
.manualesContainerLabelSolicitudText{
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  padding: 0px 6px;
  align-items: flex-start;
  gap: 10px;
}
.manualesContainerInputSolicitud input{
  display: flex;
  width: 236px;
  height: 36px;
  padding: 0px 8px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  border: 2px solid var(--gray-300);
  background-color: var(--white-base);
}
.manualesContainerInputSolicitudText{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 139.286% */
  letter-spacing: 0.28px;
}
.manualesContainerInputSolicitud input:focus{
  border-radius: 10px;
  border: 2px solid var(--primary-400);
  background-color: var(--white-base);
}
.manualesContainerInputSolicitud input::placeholder{
  color: var(--gray-400);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.28px;
}
.manualesBotonesContainer{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.loaderLottieContainer{
  display: inline-flex;
  padding: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: center;
  gap: 24px;
background-color: var(--white-base);
filter: drop-shadow(1px 1px 9px #EDEDED);
}
.containerGift{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.textGiftContainer{
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
}
.textGift{
  color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 162.5% */
  letter-spacing: 0.24px;
}
.textGiftBuscando{
  color: var(--gray-900);
text-align: center;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 19.5px; /* 139.286% */
letter-spacing: 0.28px;
}
.textLoaderLottie{
  color: var(--gray-900);
  text-align: center;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; 
  letter-spacing: 0.28px;
}
.amplifyManualFiltros {
    width: 1060px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    border-radius: 10px;
    border: 0.5px solid var(--gray-300);
    background-color: var(--white-base);
}
.amplifyManualFiltroRegion {
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    gap: 6px;
}
.amplifyManualFiltroLabel {
    display: flex;
    padding: 0px 8px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    color:  var(--gray-600);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.amplifyManualFiltroContainer {
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    gap: 16px;
    min-width: 600px
}
.amplifyManualFiltroContainerSelect {
    display: flex;
    flex-direction: column;
    align-self: center;
    gap: 6px;
    width: 244px;
}
.amplifyManualFiltroContainerSelectCheckbox {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    gap: 6px;
}
.amplifyManualFiltroImgDelete {
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.css-3w2yfm-ValueContainer {
    min-width: none;
    flex-wrap: initial !important;
    -webkit-flex-wrap: initial !important;

}
.css-1p3m7a8-multiValue {
    min-width: max-content !important;
}
.css-dn2fk8-container {
    height: 38px !important;
    min-width: 200px;
}
.css-nwhe5y-container{
    height: 38px!important;
}
.botonManualesContenedor, .botonManualesContenedorPrimero {
    display: flex;
    align-self: end;
    gap: 8px;
    margin-left: 0
}
.ButtonManual {
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 0.5px solid #E2E4E3;
    background-color: var(--white-base);
}
.ButtonManualMas {
    margin-left: 0px;
}
.inputManuales {
    display: flex;
height: 36px;
    width: 66px;
    align-items: center;
    align-self: stretch;
    background-color: var(--white-base);
}
.inputManualesGuion{
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px; /* 139.286% */
    letter-spacing: 0.28px;
    margin-left: -12px;
    margin-right: -12px;
}
.inputManualesGuionPrimero{
    margin-top: 22px;
}
.inputManualesPrimero {
    margin-top: 21px;
}
.selectManualesInt__control{
  padding: 0px 8px;
 min-width: 460px!important;
  border-radius: 10px!important;
border: 2px solid var(--gray-300)!important;
background: var(--gray-25)!important;  
}
/* .css-w1iznm-control{
    min-width: 460px!important;
} */
.primerSelectAM__control{
  padding: 0px 8px;
  width: 244px;
  height: 38px!important;
  border-radius: 10px!important;
border: 2px solid var(--gray-300)!important;
background: var(--white-base)!important;
}
.primerSelectAM__menu,
.selectManualesInt__menu{
    display: flex;
    padding: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin: 0px!important;
    border-radius: 6px;
    background: var(--white-base)!important;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10)!important;
}
.primerSelectAM__menu.css-pt76tv-menu{
    width: 244px!important;
    margin-top: 8px!important;
}
.selectAnchoMayorActive{
    min-width: 244px;
    max-width: 344px;
    
}
.primerSelectAM__single-value,
.selectManualesInt__single-value,
.inputManuales, .css-qbdosj-Input, .css-i8wigj-control, .css-2olqon-control,.css-i8wigj-control{
    color: var(--gray-600)!important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 12px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 19.5px; /* 139.286% */
    letter-spacing: 0.28px!important;
}
.css-i8wigj-control{
    width: 481px!important;
    height: 38px!important;
}
.css-2olqon-control{
    padding-left: 8px!important;
}
.primerSelectAM__control--is-focused,
.selectManualesInt__control--is-focused,
.inputManuales:focus, .css-i8wigj-control:focus{
    border-radius: 10px!important;
    border: 2px solid var(--primary-400)!important;
    box-shadow: 2px solid var(--primary-400)!important;
}
.primerSelectAM__placeholder,
.selectManualesInt__placeholder,
.placeholderSelectManualesInt,
.inputManuales.inputManualesPrimero::placeholder,
.inputManuales::placeholder, .primerSelectAM__control::placeholder, .css-104q2g0-placeholder, .css-i8wigj-control::placeholder {
    color: var(--gray-400)!important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 12px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
    letter-spacing: 0.28px!important;
    padding: 0px!important;
}
.css-104q2g0-placeholder, .css-1dimb5e-singleValue{
    margin-left: 0px!important;
    margin-right: 0px!important;
}
@media (max-width:1919px){
    .amplifyManualFiltros{
        max-width: 1100px;
    }
}
@media (min-width:1920px){
    .amplifyManualFiltros{
        max-width: 1100px;
    }

.css-1dyz3mf{
    flex-wrap: nowrap !important;
} 
 }
 .ValTextManuales::first-letter {
    text-transform: uppercase !important
 }

 .selectManualesInt__single-value{
    width: 100%!important;
 }
*{
  margin: 0px;
  padding: 0px;
}
.SelectedCheckBox{
/*   position: absolute; */
  left: 200px;
  width: 100%;
}
.selectCheckBox__control--is-focused {
  border-radius: 10px;
  border: 2px solid var(--primary-400)!important;
  box-shadow: 2px solid var(--primary-400)!important;
}
.selectCheckBox__control{
  display: flex;
  height: auto;
  align-items: center;

  align-content: center;
  background: var(--gray-25);

  min-width: 460px;
}
.css-4qk116-option{
  display: flex;
  padding: 6px!important;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  align-self: center;
  max-width: 100%;
  overflow-x: hidden;
}
.selectCheckBox__option{
  padding: 6px!important; 
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background-color: var(--white-base)!important;
  /* Texto options */
  color: var(--gray-600)!important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 12px!important;
  font-style: normal!important;
  font-weight: 300!important;
  line-height: 19.5px; 
  letter-spacing: 0.28px!important;
}
.selectCheckBox__placeholder{
  color: var(--gray-400)!important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 12px!important;
  font-style: normal!important;
  font-weight: 400!important;
  line-height: normal!important;
  letter-spacing: 0.28px!important;
}
.css-wsp0cs-MultiValueGeneric,.css-12a83d4-MultiValueRemove{
  display: flex;
  padding: 4px 6px;
  align-items: center;
  gap: 4px;
  border-radius: 4px!important;
  border: 0.5px 0.5px 0.5px 0px solid  #D9D9D9;
  background: var(--gray-100);
}
.selectCheckBox__multi-value__label,
.selectCheckBox__multi-value .css-1p3m7a8-multiValue{
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 10px!important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
}
.selectCheckBox__value-container--has-value,
.selectCheckBox__value-container,
.selectCheckBox__value-container--is-multi{
  flex-wrap: nowrap!important;
}
.css-12a83d4-MultiValueRemove svg{
  display: none;
}
.css-12a83d4-MultiValueRemove {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIj4KIAogIDxnIG1hc2s9InVybCgjbWFzazBfNjkzNV8xODQ3OSkiPgogICAgPHBhdGggc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy4yIDkuMTUzNEwyLjg0NjE1IDguNzk5NTVMNS42NDYxNSA1Ljk5OTU1TDIuODQ2MTUgMy4xOTk1NUwzLjIgMi44NDU3TDYgNS42NDU3TDguOCAyLjg0NTdMOS4xNTM4NSAzLjE5OTU1TDYuMzUzODUgNS45OTk1NUw5LjE1Mzg1IDguNzk5NTVMOC44IDkuMTUzNEw2IDYuMzUzNEwzLjIgOS4xNTM0WiIgZmlsbD0iIzM0MzQzRiIvPgogIDwvZz4KPC9zdmc+);
  background-repeat: no-repeat;
  padding: 4px 6px;
  background-position: center;
  gap: 4px;
  width: 15px;
  border-radius: 0px 4px 4px 0px!important;
}

.css-1p3m7a8-multiValue{
  border-radius: 4px;
  border: 0.5px solid  #D9D9D9;
  background-color: var(--gray-100)!important;
}
.css-1u9des2-indicatorSeparator{
  display: none;
}
.css-1xc3v61-indicatorContainer{
  height: 35px;
}
.css-1xc3v61-indicatorContainer{
  padding: 6px;
}
.css-qbdosj-Input{
/*   padding-left: 8px!important; */
  margin: 0px!important;
  width: 100%!important;

}

.css-1fdsijx-ValueContainer{
  padding: 0px 0px!important;
}
.css-d7l1ni-option:hover{
  display: flex;
  padding: 6px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 4px;
}

.selectCheckBox__option:hover{
  padding: 6px 0px;
}
.css-d7l1ni-option:active{
  background: none!important;  
}
.css-tr4s17-option:active{
  background: none!important;
}

.selectCheckBox__menu-list {
  display: flex;
  width: 100%;
  padding: 8px!important;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 4px;
  background-color: var(--white-base);
  max-height: 300px;
  overflow-y: auto; /* Cambiado a 'auto' para desplazamiento vertical automático */
  overflow-x: hidden;
}

.selectCheckBox__menu {
  top: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 8px;
  gap: 8px;
  border-radius: 6px!important;
  background: var(--white-base)!important;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10)!important;
  margin: 0px!important;
  overflow-y: auto; 
  overflow-x: hidden; 
  scroll-behavior: smooth;
}
.css-4qk116-option:hover{
  border-radius: 4px;
  background: var(--primary-50);
}
.css-1fds1jx-ValueContainer{
  min-width: 436px!important;
}
.react-select-container .css-1n6sfyn-MenuList{
  min-width: 440px;
}
.css-1hex30e-control{
  border-radius: 6px!important;
  border: 1.5px solid var(--gray-300)!important;
  background: var(--white-base)!important;
}




/* .selectBox__option--is-selected {
  background-color: #EFF8FF!important; 

} */


/* Agrega cualquier otro estilo personalizado que necesites */

/* SelectBox.css */

/* Estilos para el contenedor del select */
.SelectBox {
  height: 38px;
}
.css-1osikpm-container {
  position: relative;
  box-sizing: border-box;
  width: 100%!important;
  height: 38px!important;
}
/* Estilos para el control del select */
.selectBox__control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer!important;
  width: 575px!important;
  height: 38px;
  padding: 0px 8px;
  border-radius: 10px!important;
  border: 2px solid var(--gray-300)!important;
  background: var(--white-base)!important;
}
.selectBox__control--is-focused {
  outline: none;
  border-radius: 10px;
  border: 2px solid var(--primary-400)!important;
  box-shadow: 2px solid var(--primary-400)!important;
}
.selectBox__placeholder{
  color: var(--gray-400)!important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 12px!important;
  font-style: normal!important;
  font-weight: 400!important;
  line-height: normal!important;
  letter-spacing: 0.28px!important;
}
/* Estilos para el menú de opciones */
.selectBox__menu,
.selectBox__menu-list {
  top: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  
  color: var(--gray-600)!important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 12px!important;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 139.286% */
  letter-spacing: 0.28px;
}
.selectBox__menu{
  padding: 8px;
  gap: 8px;
  border-radius: 6px!important;
  background: var(--white-base)!important;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10)!important;
  margin: 0px;
  overflow-y: auto;
}
.selectBox__menu-list{
  box-sizing: content-box;
}
/* Estilos para el separador del indicador */
/* .selectBox-indicator-separator {
  display: none;
} */
/* Estilos para las opciones */
.selectBox__option {
  padding: 6px!important;
  cursor: pointer!important;

  color: var(--gray-600)!important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 12px!important;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 139.286% */
  letter-spacing: 0.28px;
}
.selectBox-option:active {
  background: white!important;
}

/* Estilos para el valor seleccionado */
.selectBox__single-value {
  color: var(--gray-600)!important;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 139.286% */
  letter-spacing: 0.28px;
  background-color: transparent!important;
}
@media (min-width:1440px){
  .selectBox__control{
    width: 535px;
  }
  .selectBox__menu{
    min-width: 535px;
  }
}
.css-1jd79bt-option{
  background-color: var(--white-base)!important;
  color: var(--gray-600)!important;
  font-size: 12px!important;
  font-weight: 400!important;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',  sans-serif !important;

}
.react-select__option:hover{
  background: pink!important;
}

* {
    margin: 0;
    padding: 0;
}

.inputGeneral{
    display: flex;
    width: -webkit-fill-available;
height: 34px;
    align-items: center;
    flex-shrink: 0;
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px; /* 139.286% */
    letter-spacing: 0.28px;
    border-radius: 10px;
border: 0.5px solid var(--secondary-gray-300, #D0D5DD);
}
.inputGeneral::placeholder{
    color: var(--gray-400);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
}

.progresBarAmplify{
  width: 100%;
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.progressBar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
}
.progressBar::before{
  content: "";
  position: absolute;
  background: var(--gray-300);

  border-radius: 5px;
  height: 2px;
  width: 100%;
  z-index: -1;
  transition: 0.4s ease;
  
}
.progress{
  position: absolute;
  background: var(--gray-300);

  border-radius: 5px;
  height: 2px;
  width: 50%;
  z-index: -1;
  transition: 0.4s ease;
}
.circleBar {
  background-color: var(--gray-300);
  color: var(--gray-300);
  border-radius: 50%;
  height: 8px;
  width: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--gray-300);
  transition: 0.4s ease;
}
.circleBar.activeBar {
  background-color: var(--white-base);
  color: var(--white-base);
  border: 2px solid var(--gray-900);
}
.circleBar.lastActiveBar{
  background-color: var(--gray-900);
  color: var(--gray-900);
  border: 2px solid var(--gray-900);
}
.progressContainerText {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 8px 0;
  width: 108%;
}
.progressContainerText p {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
}
.progressContainerText p.activeBar {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
}
* {
  margin: 0;
  padding: 0;
}
.amplify_body_container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.headerAmplify{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  width: 50%;
  height: 10vh; 
}
.mainAmplify{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: center;
}

@media (min-width:1440px){
  .headerAmplify{
    align-self: center;
  }
  .mainAmplify{
    align-self: center;
  }
} 

/* Generales */

.borde-radius-gris{
  border-radius: 10px;
  border: 0.5px solid var(--gray-300);
  background-color: var(--white-base);
}
.borde-inputs-generales{
  border-radius: 10px;
  border: 2px solid var(--gray-300);
  background-color: var(--white-base);
padding: 0px 8px;
}

.strong{
  color: var(--gray-800);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 19.5px;
letter-spacing: 0.24px;
}

.vertical-progress-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .dot {
    position: relative;
    width: 5px;
    height: 5px;
    background-color: #D9D9D9;
    border-radius: 50%;
    margin: 12px 0;
  }
  
  .dot::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 28px;
    background-color: #D9D9D9;
  }
  
  .dot:last-child::before {
    content: none; /* Oculta la línea después del último punto */
  }
  
  .dotOrange{
    background-color: var(--warning-400);
  }
  .dotGreen{
    background-color: var(--success-400);
  }
.amplifySolicitudClones {
  display: flex;
  width: 386px;
  height: auto;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  gap: 40px;
  background-color: var(--white-base);
  filter: drop-shadow(1px 1px 9px #EDEDED);
}

.amplifySolicitudClonesBuenaNoticia {
  display: flex;
  width: 386px;
  height: 524px;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  gap: 40px;
  background-color: var(--white-base);
  filter: drop-shadow(1px 1px 9px #EDEDED);

}

.SolicitudClonesContenedorImg {
  display: flex;
  width: 340px;
  height: 173px;
  padding: 24px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: 20px;
}

.SolicitudClonesContenedorImg img {
  height: 163px;
  width: 163px;
}

.SolicitudClonesContenedorImg.Encontrados {
  background: var(--success-25);
}

.SolicitudClonesContenedorImg.EncontradosWarning {
  background: var(--warning-25);
}

.SolicitudClonesContenedorImg.NoEncontrados {
  background: var(--error-25);
}

.amplifySolicitudClonesContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.SolicitudClonesContenedor {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  height: auto;

}

.amplifySolicitudContenedorPrincipal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.solicitudClonesTitle {
  color: var(--gray-900);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.32px;
}

.SolicitudClonesContenedorTitle {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: center;
}

.SolicitudClonesContenedorTitle img {
  width: 24px;
  height: 24px;
}

.SolicitudClonesContenedor p {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
}

.SolicitudClonesContenedorTitle h2 {
  color: var(--gray-900);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.32px;
}

.SolicitudClonesContenedor p {
  color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
width: 100%;
}

.SolicitudClonesContenedorEncontrados {
  width: 226px;
  padding: 0px 8px;
}

.SolicitudClonesImgEncontrados {
  display: flex;
}

.SolicitudClonesCardDatosContenedor {
  display: flex;
  width: 210px;
  padding: 0px 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

/* .SolicitudClonesCardDatos, */
.SolicitudClonesCardDetalle {
  display: flex;
  /* padding: 2px 24px; */
  align-items: center;
  gap: 6px;
  /* align-self: stretch; */
  border-radius: 10px;

  width: 100%;
  align-self: center;

}

.SolicitudClonesCardDetalle p {
  cursor: pointer;
  color: var(--blue-500);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
}

.SolicitudClonesCardDatos {
  display: flex;
  height: 32px;
  padding: 0px 4px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
}

.SolicitudClonesCardDetalle {
  justify-content: flex-end;
}

.SolicitudClonesDatosText {
  display: flex;
  align-items: center;
  gap: 4px;
}

.amplifySolicitudContenido {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  height: 494px;
  width: 100%;
}

.SolicitudClonesCardDatos p {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  /* 100% */
  letter-spacing: 0.24px;
}

.SolicitudClonesCardDatos.Encontrados p,
.SolicitudClonesCardDatos.Solicitados p {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  /* 100% */
  letter-spacing: 0.24px;
}

.SolicitudClonesCardDetalle a {
  color: var(--blue-500);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-decoration-line: underline;
}

.botonesCardEncontrados {
  justify-content: center;
}

.Confirmacion_botones.NoEncontrados {
  align-self: center;
}

.btnCardEncontradosAmplificar {
  width: 186px;
}

.solicitudClonesContenedorDatos {
  width: 100%;
}

.cardEncontradosCenter {
  align-items: center;
}

.solicitudClonesContenedorInterno {
  display: flex;
  padding: 0px 24px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  height: auto;
}

.solicitudClonesContenedorInternoManuales {
  display: flex;
  padding: 0px 24px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}

.SolicitudClonesCardDatosContenedorManuales {
  display: flex;
  height: 32px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 4px;
  /* background: var(--gray-25); */

  /* width: 47vw;
  padding: 0px 0px;
  gap: 2px;  */
}

@media(min-width:768px) {
  .SolicitudClonesCardDatosContenedorManuales {
    display: flex;
    /* width: 47vw; */
    /* padding: 0px 0px; */
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 210px;
    padding: 0px 8px;
  }
}

@media(min-width:1024px) {
  .SolicitudClonesCardDatosContenedorManuales {
    display: flex;
    /* width: auto;
    padding: 0px 0px; */
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 210px;
    padding: 0px 8px;
  }
}

@media(min-width:1440px) {
  .SolicitudClonesCardDatosContenedorManuales {
    display: flex;
    height: 32px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 210px;
    padding: 0px 8px;

    /* width: 90%; */
    /* padding: 0px 24px; */
    /* width: 22vw;
    padding: 0px 0px;
    gap: 2px; */
  }
}

@media(min-width:1440px) {
  .SolicitudClonesCardDatosContenedorManuales {
    display: flex;
    height: 32px;
    padding: 0px 0px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: auto;

  }
}

@media(min-width:2560px) {
  .SolicitudClonesCardDatosContenedorManuales {
    display: flex;
    /* width: 13vw; */
    /* padding: 0px 0px; */
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 210px;
    padding: 0px 8px;
  }
}
.amplifyCardContainerResumen{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.amplifyCardResumenTabla {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 20px;
  border: 1.5px solid var(--gray-300);
  background: var(--gray-50);
  width: 258px;
}
.amplifyCardResumenContainer{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}
.amplifyCardContainerResumen h2,
.titleResumenBP p,
.resumenBPDatosText p{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
}
.amplifyCardContainerResumen h2{
  color: var(--gray-500);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.28px;
  padding: 0px 16px;
  /* margin-bottom: 16px; */
}
.resumenBP{
  width: 242px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 8px;
  border-radius: 10px;
  border: 1.5px solid var(--gray-300);
  background-color: var(--white-base);
  align-self: center;
}
.resumenPerfiles{
  display: flex;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
}
.titleResumenBP{
  display: flex;
  padding: 8px 0px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.titleResumenBP p{
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px; /* 92.308% */
  letter-spacing: 0.26px;
}
.resumenBPCardDatos,
.resumenGeneralDatos{
  display: flex;
  height: 28px;
  padding: 0px 4px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 96%;
}
.resumenBPDatosText,
.resumenBPDatosTextTotal{
  display: flex;
  align-items: center;
  gap: 2px;
  align-self: stretch;
}
.resumenBPDatosText img,
.resumenBPDatosTextTotal img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.resumenBPDatosText p,
.resumenBPCardDatos p,
.resumenGeneralDatos p {
  color: var(--gray-500);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 12px; /* 100% */
  letter-spacing: 0.24px;
}
.resumenBPDatosText.solicitados {
  font-weight: 500;
  
}
.resumenBPDatosText.solicitados2,
.resumenBPDatosText.buscados2  {
  color: var(--gray-600);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 12px; /* 100% */
  letter-spacing: 0.24px;
}
.resumenBPDatosText.encontrados2{
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.24px;
}
.amplifyCardResumenTabla h3{
  color: var(--gray-500);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
  display: flex;
  /* height: 32px; */
  padding: 0px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.solicitadosBlack{
  color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 12px; /* 100% */
letter-spacing: 0.24px;
}
.dividerResumenTabla{
  border: 0.5px solid #E2E4E3;
  width: 100%;
}
.resumenGeneral{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.resumenGeneralContenidoContainer{
  width: 258px;
  display: flex;
  padding: 8px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: center;
  border-radius: 10px;
background-color: var(--white-base);
}
.borderOrange{
border: 1.5px solid var(--warning-300);
}
.borderGreen{
  border: 1.5px solid var(--success-300);
}
.redLegendSolicitados{
  color: var(--error-400);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
  display: flex;
    justify-content: start;
    align-items: self-start;
    gap: 4px;
    width: 100%;
    margin-left: 28px;
}
.busquedaOrange {
  color: var(--warning-500)  !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 11px  !important;
  font-style: normal  !important;
  font-weight: 500  !important;
  line-height: 12px  !important;
  letter-spacing: 0.22px  !important;
  text-decoration-line: underline  !important;
}
.resumenGeneralContenedor{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}
.resumenBPCardPBDatos{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 100%;
}
.resumenBPCardDatosContainer{
  width: 100%;
}
.resumenDatosTextSolicitados{
  color: var(--gray-600);
font-weight: 500!important;
}

.resumenGeneralDatosContainer{
  display: flex;
width: 86%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.amplifyModalTablaError {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 155px;
  padding: 16px;
  border-radius: 10px;
  background-color: var(--white-base);
  box-shadow: 8px 8px 12px 0px rgba(168, 168, 168, 0.10);
  right: 6px;
  
}
.amplifyModalTablaError p {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 10px;
  font-style: normal;
  font-weight: 300;
  line-height: 15px; 
  letter-spacing: 0.2px;
}
.amplifyCardTabla{
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* width: 805px; */
}
.amplifyTitleTabla{
  color: var(--gray-500);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.28px;
  padding: 0px 16px;
}
.amplifyTabla{
  display: flex;
  width: 884px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  border-radius: 20px;
  border: 1.5px solid var(--gray-300);
}
.amplifyTablaThead{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 20px 20px 0px 0px;
  background: var(--gray-50);
}

.amplifyTablaTbody tr{
  width: auto;
  height: 15.5px;
  display: flex;
  justify-content: space-around;
  padding: 16px;
}
.amplifyTablaThead tr{
  display: flex;
}
.amplifyTablaRow:first-child {
  border-top: 0.5px solid var(--gray-300);
}
.amplifyTablaRow:not(:last-of-type) {
  border-bottom: 0.5px solid var(--gray-300);
}
.amplifyTablaThead th,
.amplifyTablaTbody td{
  display: flex;
  align-items: center;
  align-content: center;
  /* justify-content: space-between; */
  height: 48px;
  padding: 0px 16px;
  align-self: center;
}
.amplifyTablaHead {
  display: flex;
  /* padding: 10px 16px; */
  align-items: stretch;
  justify-content: space-between;
}
.amplifyTablaHead,
.amplifyTablaTbody p{
  color: var(--gray-500);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.24px;
}
.amplifyTablaHead{
  font-weight: 600;
}
.amplifyTablaFilaComuna{ 
  font-weight: 500!important;
}
.amplifyTablaFilaComuna::first-letter{
  text-transform: uppercase;
}

.amplifyTablaTbody p{
  font-weight: 400;
} 
.amplifyTablaTbody {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  /* margin-bottom: 32px; */
}
.amplifyTablaTbody input{
  display: flex;
  align-items: center;
  outline-color: var(--primary-500);
  width: 105px;
  height: 32px;

  color: var(--gray-500);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 125% */
  letter-spacing: 0.24px;
}
.input-container {
  position: relative;
}
.warning-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.amplifyTablaFila.Comuna{
  min-width: 173px;
  max-width: 230px;
}
.amplifyTablaFila.BP{
  min-width: 92px;
  max-width: 124px;
  justify-content: center;
}
.amplifyTablaFila.Genero{
  min-width: 78px;
  max-width: 110px;
  justify-content: center;
}
.amplifyTablaFila.Estado{
  min-width: 75px;
  max-width: 107px;
  justify-content: center;
}
.amplifyTablaFila.Encontrado{
  min-width: 79px;
  max-width:111px ;
}
.amplifyTablaFila.Solicitado{
  padding: 6px 16px;
 min-width: 170px;
 max-width: 202px;
 height: 36px;
}
.amplifyTablaButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  background-color: var(--white-base);
  width: 100%;
  border-radius: 0 0 20px 20px;
}
.amplifyTablaButtons button {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border: none;
  border-radius: 8px;
  background-color: var(--white-base);
  cursor: pointer;
}

.amplifyTablaButtons button img {
  width: 20px;
  height: 20px;
}
.amplifyTablaButtons button:hover {
  background-color: var(--primary-100); 
}
.page-link{
  cursor: pointer;
}
.amplifyTablaPaginacion {
  display: flex;
  width: 20px;
  justify-content: center;
  align-items: center; 
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; 
  letter-spacing: 0.26px;
}
.amplifyTablaRow.selected-row {
  background-color: var(--primary-50);
}
.dimmed-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 1000; 
  pointer-events: none; 
}
.iconEstado{
width: 15px;
height: 15px;
}
@media (min-width:1440px) {
  .amplifyTabla{
    width: 805px;
  }
  .amplifyTablaTbody input{
    width: 71px;
  }
  .amplifyTablaFila.Solicitado{
    min-width: 91px;
    max-width: 123px;
    justify-content: center;
  }
}


.amplifyModalTablaExito {
  display: flex;
  width: auto;
  padding: 32px;
  flex-direction: column;
  height: auto;
  align-items: center;
  border-radius: 20px;
  background-color: var(--white-base);
  box-shadow: 8px 8px 12px 0px rgba(168, 168, 168, 0.10);
  left: 40%;
  top: 30%;
  position: absolute;
}
.imgModalExito{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 367px;
  height: 216px;
  padding: 24px;
  border-radius: 20px;
  margin-bottom: 24px;
}
.imgModalExito img{
  width: 252px;
  height: 252px;
}
.amplifyModalTablaExito h2,
.amplifyModalTablaExito p {
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
}
.amplifyModalTablaExito h2 {
  color: var(--gray-600);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.32px;
}
.modalExitoCntenido{
  display: flex;
flex-direction: column;
align-items: center;
gap: 16px;

}
.Confirmacion_botones .cardExitoBotones{
  align-items: center;
}
.cardExitoBotones button{
  width: 199px;
  height: 40px;
}

.amplifyModalTablaExito p {
  font-size: 12px;
  font-weight: 400;
  line-height: 19.5px; 
  letter-spacing: 0.26px;
  margin-bottom: 60px;
}
@media (min-width:1439px){
  .amplifyModalTablaExito{
    left: 35%;
    top: 16%;
  }
}
@media (min-width:1921px) {
  .amplifyModalTablaExito{
width: auto;
height: auto;
left: 46%;
top: 16%;

  }
}
.amplifyTablaContainer{
  width: 1194px;
  display: flex;
  padding: 24px ;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  filter: drop-shadow(1px 1px 9px #EDEDED);

}
.amplifyTablaContainerText{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.amplifyTablaContainerText h2,
.amplifyTablaContainerText p{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
}
.amplifyTablaContainerText h2{
  color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.32px;
}
.amplifyTablaContainerText p{
  color: var(--gray-600);
  font-size: 12px;
  font-weight: 400;
  line-height: 19.5px; 
  letter-spacing: 0.26px;
}
.amplifyTablaContainerCards{
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
}
.amplifyTablaContainerButtons {
  display: flex;
justify-content: flex-end;
align-items: center;
gap: 16px;
align-self: stretch;
}
/* Estilos para el fondo gris que cubre toda la pantalla */
.greyBackgroundModal {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

/* Estilos para el contenido del modal */
.ModalExitoDetalle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border-radius: 5px;
  z-index: 1000;
  overflow: hidden;
}


@media (max-width: 1920px){
  .ModalExitoDetalle {
   height: 110vh;
   width: 118vw;

  }
 
}
@media (max-width: 1440px){
  .ModalExitoDetalle {
    height: 100vh;
   width: 100vw;
  }
  .amplifyTablaContainer{
    align-self: flex-start;
  }
}
@media (min-width:1440px) {
  .amplifyTablaContainer{
   width: 1123px;
  }
}
@media (min-width:1520px) {
  .amplifyTablaContainer{
    align-self: center;
  }
}
@media (min-width:1919px){
  .ModalExitoDetalle{
    top: 64%;
    left: 50%;
    width: 100%;
    height: 100%;
  }
}

.amplifyCardDescarga {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  width: 436px;
  height: 500px;
  padding: 24px 32px;
  border-radius: 20px;
  border: 2px solid var(--gray-300);
    background-color: var(--white-base);
    filter: drop-shadow(1px 1px 9px #EDEDED);

}
.amplifyCardDescarga img {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  width: 252px;
  height: 252px;
  padding: 24px;
}
.amplifyCardDescarga h2, 
.amplifyCardDescarga p {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  font-style: normal;
  text-align: center;
}
.amplifyCardDescarga h2 {
  color: var(--success-400);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.48px;
  
}
.amplifyCardDescarga p {
  color: var(--gray-600);
  text-align: center;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 162.5% */
  letter-spacing: 0.24px;
}
.amplifyCardDescarga p:nth-of-type(1){

  margin-bottom: 60px;
}

.amplifyCardDescargaTextos{
  display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
align-self: stretch;
}
*{
  margin: 0;
  padding: 0;
}

.loginError{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.loginErrorCard {
  display: flex;
padding: 20px;
flex-direction: column;
align-items: center;
gap: 44px;
}
.loginErrorCard img{
  width: 252px;
height: 252px;
}
.loginError_container{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 19px;
  width: 300px;
}
.loginError_container h1 {
  color: var(--gray-600);
text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.52px;
}
.textLoginError {
  height: 48px;
  width: 330px;
  display: flex;
  align-items: flex-start;
  gap: 19px;
  color: var(--gray-600);
text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 24px; /* 184.615% */
}
.btnPrimaryLoginError{
  display: flex;
  width: 122px;
  padding: 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--primary-600);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  
color: var(--white-base);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 21px; /* 150% */
letter-spacing: 0.28px;

}
.btnPrimaryLoginError:hover{
  border-radius: 8px;
  background: var(--primary-500);
  box-shadow: 0px 2px 4px 0px #D0D5DD;
}
@media (max-width: 1024px) {
  .loginErrorCard img{
    width: 200px;
    height: 200px;
  }
}


* {
    margin: 0;
    padding: 0;
}

.amplifyModalTablaNoCreditsGeneral {
    background-color: var(--white-base);
    position: relative;
    top: 17vh;
    display: flex;
    width: 384px;
    height: 100%;
    gap: 40px;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
    border: 1.5px solid var(--gray-300);
    filter: drop-shadow(1px 1px 9px #EDEDED);


}

.amplifyModalTablaNoCreditsContainer {
    display: flex;
    padding: 0px 24px;
    flex-direction: column;
    justify-content: start;
    align-self: stretch;
    gap: 12px;

}

.amplifyModalTablaNoCredits {
    display: flex;
    padding: 0px 24px;
    gap: 4px;
    align-items: center;
}

.amplifyModalTablaNoCredits img {
    width: 24px;
    height: 24px;
}

.amplifyModalContentImg {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.modalNoCreditsText {
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    ;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: 356px;
}

.amplifyModalTablaNoCreditsContainer .amplifyModalTablaNoCredits h2 {
    color: var(--gray-600);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.32px;

}

.ConfirmacionBotonesNoCreditsContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ConfirmacionBotonesNoCredits {
    display: flex;
    gap: 16px;
    align-self: center;
    width: 146px;
    height: 38px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--primary-600);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
    color: var(--white-base);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    ;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.28px;
}

.ConfirmacionBotonesNoCredits:hover {
    border-radius: 8px;
    background: var(--primary-500);
    box-shadow: 0px 2px 4px 0px var(--gray-300);
}

.imgModalExitoNoCredits {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: var(--success-25);
    background-color: var(--warning-50);
    padding: 0px;
    width: 388px;
    height: 220px;
}

.imgModalExitoNoCredits img {
    object-fit: cover;
    width: 234px;
    padding: 0px;
    height: 250px;

}
.amplifyResumen_body_container {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.amplifyResumen_data_container {
    display: flex;
    width: 26.25rem;
    padding: 1rem;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.AmplifyResumenDatosCardContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.AmplifyResumenDatosCardContainer p {
    color: var(--gray-600);
    text-align: center;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.21875rem;
    /* 162.5% */
    letter-spacing: 0.015rem;
}

.imgContainerAmplifyResumen {
    border-radius: 0.375rem;
    background: var(--blue-25);
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
}

.headerAmplifyResumen {

    width: 676px;
}

.mainAmplifyResumen {
    height: 100%;
    width: 420px;
    background-color: var(--white-base);
    padding: 1rem;
    border-radius: 1.25rem;
    border: 2px solid var(--gray-300);
    box-shadow: 1px 1px 9px 0px #EDEDED;
}

.AmplifyResumenDatosContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.375rem;
    align-self: stretch;

}

.AmplifyResumenDatosCard {
    display: flex;
    width: 20rem;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5em 0;
    justify-content: flex-start;
}

.TitleAmplifyResumenDatos {
    color: var(--gray-600);
    text-align: center;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.21875rem;
    /* 121.875% */
    letter-spacing: 0.02rem;
}

.mainAmplifyResumenImgContainer {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 0.625rem;
    background: var(--blue-25);
    margin-bottom: 1em;
}

.AmplifyResumenDatosContainer div h2 {
    color: var(--gray-400);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 0.75rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.21875rem;
    /* 162.5% */
    letter-spacing: 0.015rem;
}

.AmplifyResumenDatosContainer div p {
    color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.21875rem;
    /* 108.333% */
    letter-spacing: 0.0225rem;
}

.AmplifyResumenDatosContainerDatosDinamicos {
    display: flex;
    padding: 0.5rem 0.125rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.125rem;
    flex: 1 0 0;
}


.signosAmplifyResumenDatosContainer {
    color: var(--gray-400);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.21875rem;
    /* 97.5% */
    letter-spacing: 0.025rem;
}

.lineAmplifyResumenDatosContainer {
    width: 19.1875rem;
    height: 0.09375rem;
    background: var(--gray-300);
    margin-left: 12%;
}

.AmplifyResumenButtonsCard {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
    width: 100%;
    margin-top: 1.5rem
}

.AmplifyResumenButtonCancelar {
    display: flex;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
    border: 1.5px solid var(--gray-300);
    background-color: var(--white-base);
    color: var(--gray-500);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.3125rem; /* 150% */
letter-spacing: 0.0175rem;
}

.AmplifyResumenButtonGenerar {
    display: flex;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
    background: var(--primary-600);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
    color: var(--white-base);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.3125rem; /* 150% */
letter-spacing: 0.0175rem;
}
.cardHomeEmpty{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    width: 300px;
    padding: 24px;
    gap: 44px;
}

.homeEmptyMain{
    display: flex;
    width: 960px;
    padding: 24px 0px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    flex: 1 0;
}
.cardHomeEmptyAuto{
    display: flex;
padding: 24px;
flex-direction: column;
align-items: center;
gap: 44px;
width: 404px;
align-self:center;
}
.homeEmptyImg{
    display: flex;
width: 252px;
height: 252px;
padding: 24px;
align-items: flex-start;
}
.homeEmptyImg img{
    width: 100%;
}
.cardHomeEmptyContent{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}
.cardHomeEmptyTitle{
    color: var(--gray-600);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.32px;
}
.cardHomeEmptyContentContainer{
    display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
align-self: stretch;
}
.cardHomeEmptyText{
    color: var(--gray-600);
text-align: center;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 19.5px; /* 162.5% */
letter-spacing: 0.24px;
}
.cardHomeEmptyButtons{
    display: flex;
justify-content: center;
align-items: center;
gap: 24px;
}
.bntSecondaryHE{
    width: 190px;
}
.createNewBuyerPersona:hover{
    border-radius: 8px;
    background: var(--primary-500);
    box-shadow: 0px 2px 4px 0px #D0D5DD;
  }
.CodeVerificationTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.codeVerfication .login__formRecupero {
    display: flex;
    width: auto;
    height: auto;
    padding: 0px 32px 40px 32px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    flex-shrink: 0;
}

.CodeVerificationTitle h3 {
    margin-bottom: 1em;
    color: var(--gray-600);
}

.codeVerificationUl {
    font-size: 12px;
    padding-left: 2em;

}

.VerificationCodeVerification li {
    color: var(--gray-600);
    font-size: 12px;
    margin-left: 3em;
}

.form__titles--textRecupero--CodeVerification {
    padding-left: 5px;
    font-size: 12px;
    color: var(--gray-600);

}

.VerificationCodeVerification {
    display: flex;
    justify-content: start;
    width: 100%;
    flex-direction: column;
}
.form__input--texts:focus-visible{
height: auto !important;
}
.form__input--texts--error {
    border: 2px solid var(--primary-400);
    }
.error-message{
    font-size: 12px;
    color: var(--primary-600);
}
.CodeVerficationEye img, .CodeVerficationEyeBottom img{
    width: 1.3em;
}
.CodeVerficationEye{
    position: absolute;
  margin-top: 40px;
  margin-left: 68%;
    }
.CodeVerficationEyeBottom{
    position: absolute;
  margin-top: 90px;
  margin-left: 68%;
    }
.greyBackgroundModalPopUpNewCompany {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    color: var(--gray-600);
}
.greyBackgroundModalPopUpNewCompany input{
   border:solid 1px var(--gray-300);
   padding-left: 10px;
}

.ModalExitoDetalleNewCompany {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 5px;
    z-index: 1000;
    overflow: hidden;
}

.amplifyModalTablaExitoPopUpNewCompany {
    width: 563px;
    height: 328px;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: start;
    border-radius: 20px;
    background-color: var(--white-base);
    box-shadow: 8px 8px 12px 0px rgba(168, 168, 168, 0.10);
    left: 40%;
    top: 30%;
    position: absolute;
    justify-content: space-between;

}

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

.divPopUpAdminButtons button {
    margin: 1em;
}
.AdminInputBPAMNewCompany{
    width: 340px;
    height: 34px;
    border-radius: 8px;
    
}
.amplifyModalTablaExitoPopUpNewCompany p{
    margin-bottom: 5px;
}
.SelectFlags{
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 1em;
}
.SelectFlags img {
   padding-right:0.5em;
}
@media (min-width:1439px) {
    .amplifyModalTablaExitoPopUpNewCompany {
        left: 35%;
        top: 16%;
    }
}

@media (min-width:1921px) {
    .amplifyModalTablaExitoPopUpNewCompany {
        width: auto;
        height: auto;
        left: 46%;
        top: 16%;

    }
}

@media (max-width: 1920px) {
    .ModalExitoDetalleNewCompany {
        height: 110vh;
        width: 118vw;

    }

}

@media (max-width: 1440px) {
    .ModalExitoDetalleNewCompany {
        height: 100vh;
        width: 100vw;
    }
}

@media (min-width:1919px) {
    .ModalExitoDetallePopUpAdmin {
        top: 64%;
        left: 50%;
        width: 100%;
        height: 100%;
    }
}
.mainAdminUser .tdName {
    margin-left: 8px;
}

.mainAdminUser table {
    border-collapse: collapse;
    border: none;
}

.mainAdminUser table input {
    padding-left: 5px;
    color: var(--gray-600);
}

.headerAdmin .adminBreadCrums {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-top: 40px;
    padding-left: 80px;
}

.headerAdmin .adminBreadCrums img {
    width: 8px;
    height: 13px;
    object-fit: contain;
}

.headerAdmin .adminBreadCrums .firstTextHeaderAdmin {
    color: var(--gray-400);
}

.adminTitle {
    padding-top: 40px;
    padding-left: 80px;
}

.adminTitle p {
    font-size: 32px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

.mainAdminUser {
    padding-top: 20px;
    padding-left: 20px;
    color: var(--gray-600);
    background-color: var(--white-base);
    border: 1.5px solid var(--gray-300);
    border-radius: 15px;
    margin-top: 40px;
    margin-left: 80px;
    max-width: 1050px;
    width: 86%;
    overflow: hidden;
    align-self: center;
}

.headerMainAdmin {
    display: flex;
}

.headerMainAdminInput,
.AdminInputPassword,
.AdminInputBPAM {
    display: flex;
    width: 340px;
    height: 36px;
    align-items: start;
    flex-shrink: 0;
    border-radius: 10px;
    border: 2px solid var(--gray-300);
    background-color: var(--white-base);
    padding-left: 5px;

}

.headerMainAdminInput {
    font-weight: 300;
    color: var(--gray-600);
}

.divAdminUserName p,
.divContainerAdminCountry p {
    margin-bottom: 5px;
}

.mainAdminUser .thAdminBuyerPerson {
    width: 7em;
}

.mainAdminUser .verticalIconAdmin img {
    width: 14px;
}

.mainAdminUser .verticalIconAdmin {
    text-align: start;
}

.mainAdminUser .thAdminUserAmplify {
    width: 8em;
}

.thAdminNameUser {
    width: 175px;
}

.AdminInputBPAM,
.AdminInputPassword {
    width: 70px;
    height: 34px;
}

.divContainerAdminCountry {
    margin-left: 62px;
}

.divAdminCountry {
    display: flex;
}

.thAdminCountry {
    width: 90px;
}


.AdminSaveChangeButtons {
    display: flex;
    justify-content: end;
}

.containerAdmin th {
    background-color: var(--gray-50);
}

.containerAdmin .thFechaDeCreacion {
    padding-left: 0.5em;

}

.mainAdminUser thead tr {
    height: 3em;
}

.mainAdminUser tbody tr {
    height: 4em;
    border-top: solid 1px var(--gray-300);
}

.mainAdminUser tbody .thAdminEstado {
    width: 112px;
}

.admin_body_container {
    display: flex;
    margin-left: 80px;
    flex-direction: column;
}

@keyframes animation {
    from {
        background-color: var(--gray-400)
    }

    to {
        background-color: var(--primary-600)
    }
}

.btnUsuarioAdminTable {
    background-color: var(--gray-400);
    color: var(--white-base);
    width: 98px;
    height: 38px;
    border-radius: 7px;
}

.btnUsuarioAdminTable:hover {
    background-color: var(--primary-600);
    animation-name: animation;
    animation-duration: 1s;
}

.thFechaDeCreacionAdminUser {
    width: 11em;
}

.mainAdminUser .btnSecondary,
.mainAdminUser .btnPrimary {
    margin: 1em;
}

.divAdminCountry {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.divAdminCountry img {
    margin-right: 5px;
    object-fit: contain;
}

.mainAdminUserTitle {
    margin: 2em 0 10px 0;
    font-weight: 500;
}

.btnUsuarioAdminTable {
    margin-top: 1em;
    margin-bottom: 2em;
}

.userOrganizationSelect .css-19pb2od-control {
    height: 33px;
}

.verticalIconStars {
    text-align: start;
}

.thAdminTableUserActive {
    width: 157px;
}

.AdminTableInputPassword {
    width: 85%;
}

.thAdminEstadoTable {
    width: 118px;
}

.error-message-admin {
    position: absolute;
    font-size: 10px;
    color: var(--gray-600);
    background-color: white;
    border: solid 1px var(--gray-600);
    border-radius: 1em 1em 1em 1em;
    padding: 3px;
    width: 14em;
    translate: 100% -82%;

}
.thAdminEstadoTableAdmin{
    width: 180px;
}
.btnDisabledAdminTable{
background-color: var(--primary-200);
color: var(--gray-400);}
.greyBackgroundModalAdminPopUp {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    color: var(--gray-600);
}

.greyBackgroundModalAdminPopUp input {
    border: solid 1px var(--gray-300);
    padding-left: 10px;
}

.ModalExitoDetallePopUpAdmin {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 5px;
    z-index: 1000;
    overflow: hidden;
}

.amplifyModalTablaExitoPopUpAdmin,
.amplifyModalTablaExitoPopUpAdminTarget {
    width: 563px;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: start;
    border-radius: 20px;
    background-color: var(--white-base);
    box-shadow: 8px 8px 12px 0px rgba(168, 168, 168, 0.10);
    left: 40%;
    top: 30%;
    position: absolute;
    justify-content: space-between;

}

.amplifyModalTablaExitoPopUpAdmin {
    height: 366px;
    justify-content: space-evenly;
}

.amplifyModalTablaExitoPopUpAdminTarget {
    height: 466px;
}

.amplifyModalTablaExitoPopUpAdminTargetHeight {
    height: 300px;
}


.amplifyModalTablaExitoPopUpAdmin input,
.amplifyModalTablaExitoPopUpAdminTarget input {
    color: var(--gray-600);
}


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

.divPopUpAdminButtons button {
    margin: 1em;
}

.AdminInputBPAMPopUp,
.AdminInputPasswordPopUp {
    width: 340px;
    height: 34px;
    border-radius: 8px;

}

.amplifyModalTablaExitoPopUpAdmin p {
    margin-bottom: 5px;
}

.activeUserOrganization,
.inactiveUserOrganization {
    font-size: 12px;
}

.amplifyModalTablaExitoPopUpAdminP {
    margin-bottom: 0.3em;
}

.AdminInputBPAMPopUptext {
    font-size: 12px;
    margin-left: 1em;
    color: var(--primary-600);
}

.greyBackgroundModalAdminPopUp .AdminInputBPAMPopUpInput {
    border: 1px solid var(--primary-600) !important;
}

.error-message-admin-popupadmin {
    position: absolute;
    font-size: 10px;
    color: var(--gray-600);
    background-color: white;
    border: solid 1px var(--gray-600);
    border-radius: 1em 1em 1em 1em;
    padding: 3px;
    width: 14em;
    translate: 250% -82%;
}

.userOrganizationSelect {
    width: 10em !important
}

.EyePasswordAdmin {
    position: absolute;
    margin-left: 51%;
    margin-top: 1%;

}

.EyeAdmin {
    object-fit: contain;
    width: 25px;
    height: 25px;
}

@media (min-width:1439px) {
    .amplifyModalTablaExitoPopUpAdmin {
        left: 35%;
        top: 16%;
    }
}

@media (min-width:1921px) {
    .amplifyModalTablaExitoPopUpAdmin {
        width: auto;
        height: auto;
        left: 46%;
        top: 16%;

    }
}

@media (max-width: 1920px) {
    .ModalExitoDetallePopUpAdmin {
        height: 110vh;
        width: 118vw;

    }

}

@media (max-width: 1440px) {
    .ModalExitoDetallePopUpAdmin {
        height: 100vh;
        width: 100vw;
    }
}

@media (min-width:1919px) {
    .ModalExitoDetallePopUpAdmin {
        top: 64%;
        left: 50%;
        width: 100%;
        height: 100%;
    }
}

/*# sourceMappingURL=main.css.map*/