.titulation_LEAN {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0 auto;
  padding: 0px;
  gap: var(--large);
  width: calc(100% - 0px);
  max-width: calc(var(--base) * 200);
  height: auto;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.titulation_LEAN.left {
  align-content: flex-start;
  text-align: left;
  margin: 0px;
}

.titulation_LEAN.center {
  align-content: center;
  text-align: center;
}

.titulation_LEAN.right {
  align-content: flex-end;
  text-align: right;
}

@media (min-width: 1760px) {
  .titulation_LEAN {
    max-width: calc(var(--base) * 270);
  }
}

.titulation_LEAN .titles {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0px;
  gap: var(--small);
  width: auto;
  max-width: calc(100% - 0px);
  height: auto;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.titulation_LEAN.left .titles {
  align-content: flex-start;
  text-align: left;
}

.titulation_LEAN.center .titles {
  align-content: center;
  text-align: center;
}

.titulation_LEAN.right .titles {
  align-content: flex-end;
  text-align: right;
}

.titulation_LEAN .titles .subtitle {
  width: auto;
  max-width: calc(100% - 0px);
  color: var(--texts);
}

.titulation_LEAN .titles .title {
  width: auto;
  max-width: calc(100% - 0px);
  color: var(--texts);
}

.titulation_LEAN .titles .flag {
  display: flex;
  flex-direction: row;
  padding: 0px;
  gap: var(--small);
  width: calc(100vw - 0px);
  max-width: calc(var(--base) * 52);
  height: var(--base);
  border-radius: 512px;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
  overflow: hidden;
}

.titulation_LEAN.left .titles .flag {
  margin: 0px auto 0px 0px;
}

.titulation_LEAN.titulation_LEAN.center .titles .flag {
  margin: 0px auto;
}

.titulation_LEAN.right .titles .flag {
  margin: 0px 0px 0px auto;
}

.titulation_LEAN .titles .stripe {
  height: calc(100% - 0px);
  border-radius: 512px;
}

.titulation_LEAN .titles .stripe:nth-child(1) {
  width: calc(24% - 0px);
  background: var(--principal);
}

.titulation_LEAN .titles .stripe:nth-child(2) {
  width: calc(76% - 0px);
  background: var(--second);
}

.titulation_LEAN .textual_content {
  width: auto;
  max-width: calc(100% - 0px);
  color: var(--texts);
}

.titulation_LEAN .actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: var(--extra_small);
  width: auto;
  max-width: calc(100% - 0px);
  height: auto;
  margin: 0px auto;
  padding: 0px;
}