ul {
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}

.wrap-all {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  background: var(--surface-android);
}

.is-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.wrap-card-verificar {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 72px 16px 16px 16px;
  width: 1056px;
  background: var(--surface-container-lowest);
  border-radius: 8px;
  box-shadow: var(--card-shadow-1), var(--card-shadow-2);
}

.wrap-cardata {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0px 16px 16px 16px;
  width: 1056px;
}

.content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.content-header {
  margin: 40px 40px 24px 40px;
  flex-wrap: wrap;
}

.outer-header {
  display: flex;
  width: 1056px;
  margin: 40px 40px 24px 40px;
  justify-content: space-between;
}

.actions {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

li:last-child .ui-state-active {
  margin-top: 16px !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.action {
  display: flex;
  cursor: pointer;
  padding: 24px 40px 24px 0px;
  width: 100%;
  border-radius: 0px;
}

.action:hover {
  background: var(--primary-container);
}

.action-wrappa {
  display: flex;
  align-items: center;
  width: 100%;
}

.is-last-option {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

picture img {
  max-height: 96px;
}

.is-cita img {
  max-height: unset;
  height: 240px;
}

.action-txts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 24px;
  width: 100%;
}

.action-title-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.label {
  font-size: 12px;
  font-weight: 500;
  color: var(--header-on-surface);
  background: var(--secondary);
  padding: 5px 8px;
  border-radius: 5px;
  line-height: 1;
}

.action-title {
  margin-right: 16px;
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--on-surface);
  line-height: 1.2;
  text-align: left;
}

.action-subtitle {
  font-size: 1rem;
  color: var(--on-surface-variant);
  margin: 8px 0px 0px 0px;
  line-height: 1.5;
  text-align: left;
}

h2 {
  padding: 0;
  font-size: 2.125rem;
  font-weight: 300;
  color: var(--on-surface-variant);
  word-break: break-word;
  margin: 0px;
  margin-block-end: 0px !important;
}

p {
  font-size: 1.25rem;
  color: var(--on-surface-variant);
  margin: 24px 0px 0px 0px;
}

.line {
  border-bottom: 1px solid var(--outline-light);
  margin-left: 40px;
}

.action-left-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.action-img {
  margin-left: 40px;
}

.verificarcontent {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  text-align: center;
}

.verificarcontent h2 {
  margin-top: 24px;
}

.verificarcontent p {
  margin-top: 16px;
}

.is-verificar {
  width: 1056px;
}

.action-wrapper {
  display: flex;
  width: 100%;
  cursor: pointer;
}

.actions-visible {
  width: 100%;
  display: flex;
  align-items: center;
}

.actionshidden {
  display: none;
  margin: 16px 40px;
}

.skeleton-wrapper {
  display: flex;
  flex-direction: column;
  width: 300px;
  margin-left: 122px;
  margin-top: 24px;
}

.mo-input-skeleton {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.mo-skeleton-wrapper {
  display: flex;
  align-items: center;
}

.mo-skeleton-img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--skeletons);
  margin-right: 8px;
  aspect-ratio: 1;
}

.is-input {
  border: 0px;
  border-bottom: 1px solid var(--skeletons);
  border-radius: 0px;
}

.mo-skeleton-inner {
  border-radius: 4px;
  background: var(--skeletons);
  width: 200px;
  height: 16px;
  margin-left: 8px;
}

.mo-button-skeleton {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0px;
  border-radius: 8px;
  width: 100px;
  height: 36px;
  background: var(--skeletons);
  align-self: flex-end;
}

.is-next {
  width: 100px !important;
}

.is-visible {
  display: flex !important;
}

.is-hidden {
  display: none !important;
}

.chevicon {
  margin-top: 40px;
  height: 24px;
  width: 24px;
  background-image: url("https://cdn.abanca.io/assets/figures/web/chevron-down-rounded.svg") !important;
}

.cheviconactive {
  margin-top: 40px;
  height: 24px;
  width: 24px;
  background-image: url("https://cdn.abanca.io/assets/figures/web/chevron-up-rounded.svg") !important;
}

@media all and (max-width: 500px) {
  .action-img {
    display: none;
  }

  .actionshidden {
    margin: 16px !important;
  }

  .chevicon {
    margin-top: 18px !important;
  }

  .cheviconactive {
    margin-top: 18px !important;
  }

  .skeleton-wrapper {
    margin-left: 24px !important;
    width: 250px !important;
  }

  .action-left {
    width: 0px;
  }

  .content-header {
    margin: 40px 24px 16px 24px;
  }

  p {
    margin: 16px 0px 0px 0px;
  }
}

@media all and (max-width: 630px) {
  h2 {
    font-size: 1.5rem;
  }

  p {
    font-size: 1rem;
  }

  .is-verificar {
    background: none;
  }

  .section-actions {
    position: fixed;
    bottom: 0px;
    margin: 0px;
    padding: 16px;
    left: 0;
    right: 0;
    background: var(--surface-android);
  }

  .section-actions a {
    margin-top: 0px;
  }

  .notmain {
    position: relative !important;
    text-transform: uppercase !important;
  }

  picture img {
    display: flex;
  }

  .outer-header {
    margin: 40px 40px 24px 86px;
  }
}

@media all and (max-width: 740px) {
  .action-title {
    margin-right: 0px;
  }

  .label {
    margin-top: 8px;
  }
}

@media all and (max-width: 1056px) {

	.wrap-card,
	.wrap-cardata,
	.outer-header {
		width: 100% !important;
		margin: 0 24px 24px 24px
	}

  .is-verificar {
    width: unset !important;
  }
}