.container-input {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.container-input-input {
  display: flex;
  width: 100%;
  padding: var(--spacing-spacing-none, 0px);
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.container-input-main {
  display: flex;

  min-height: var(--spacing-8, 64px);
  padding: var(--spacing-spacing-none, 0px);
  flex-direction: column;
  align-items: flex-start;
  gap: -6px;
  align-self: stretch;
  border-radius: var(--spacing-spacing-none, 0px);
}

.container-input {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: var(--spacing-spacing-sm, 8px);
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--border-border-primary, #666);
  font-size: 14px !important;
}

.container-input-frame {
  display: flex;
  padding: var(--spacing-spacing-none, 0px);
  align-items: flex-start;
  gap: var(--spacing-spacing-sm, 8px);
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--spacing-spacing-none, 0px);
}

.input-text {
  background-color: transparent;
  border: 0;
  color: black;
  outline: none;
  font-family: Roboto;
  font-size: 14px;
  height: 100%;
  width: 100%;
}

.container-label {
  display: flex;
  padding-left: var(--spacing-spacing-md, 0px);
  align-items: flex-end;
  gap: var(--spacing-spacing-none, 0px);
  margin-bottom: -6px;
}

.container-label-text {
  display: flex;
  padding: var(--spacing-spacing-none, 0px) 3px;
  align-items: flex-start;
  gap: 10px;
  border-radius: var(--spacing-spacing-none, 0px);
  background: var(--surface-surface-primary, #fff);
  z-index: 1;
  margin-left: 16px;
  opacity: 0;
}

.show-label {
  opacity: 100;
}

.enlace-registrar {
  display: flex;
  height: var(--Icon-styles-iconSize, 24px);
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.contenedor-input-doble {
  display: flex;
  align-items: flex-end;
  gap: var(--Icon-styles-iconSize, 24px);
  align-self: stretch;
}

.label-inputs-input {
  color: var(--Tokens-Text-textPrimary, #000);

  /* Tipografia/Caption */
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.048px;
}

.checkbox-question {
  display: flex;
  align-items: center;
  gap: 16px;

  background: var(--Tokens-Surface-surfacePrimary, #fff);
}

.checkbox-input {
  display: flex;
  width: var(--Icon-styles-iconSize, 24px);
  height: var(--Icon-styles-iconSize, 24px);
  justify-content: center;
  align-items: center;
  gap: 8px;

  border-radius: 4px;
  border: 1px solid var(--Tokens-Others-borderPrimary, #666);
}

.line-custom {
  width: 100%;
  height: 1px;
  background: var(--color-grey-30, #4d4d4d);
}

.input-text-area {
  display: flex;
  padding: 12px 16px 80px 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;

  border-radius: 8px;
  border: 1px solid var(--border-border-primary, #666);
  background: var(--surface-surface-primary, #fff);
}

.search-bar {
    display: flex;
    width: 100%;
    padding: 4px 8px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--Tokens-Others-borderLight, rgba(102, 102, 102, 0.2));
    background: #fff;
}