body {
  --background_CTA: url("/assets/img/./2_images/COMMS_%20Image_%2009%20-%20Light%20_2026-06-10%20_V01.webp");
}

@media (prefers-color-scheme: dark) {
  body {
    --background_CTA: url("/assets/img/./2_images/COMMS_%20Image_%2009%20-%20Dark%20_2026-06-10%20_V01.webp");
  }
}

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

.sections_LEAN .element {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin: 0px auto;
  padding: var(--header_space) var(--sides) var(--contents);
  width: calc(100% - calc(var(--sides) * 2));
  height: auto;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 1;
}

.sections_LEAN .element .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px auto;
  padding: 0px;
  gap: var(--extra_extra_large);
  width: calc(100% - 0px);
  height: auto;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

@media (min-width: 1136px) {
  .sections_LEAN .element .content, .sections_LEAN.vertical_horizontal .element .content {
    flex-direction: row !important;
    align-content: center !important;
    justify-content: center !important;
  }
}

@media (min-width: 1136px) {
  .sections_LEAN.vertical .element .content {
    flex-direction: column !important;
    align-content: center !important;
    justify-content: center !important;
  }
}

.sections_LEAN.CTA .element .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: var(--extra_extra_large);
  width: calc(100% - 0px);
  height: auto;
  background: var(--light);
  border: calc(var(--minimum) / 2) solid var(--support);
  border-radius: var(--small);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  overflow: hidden;
}

@media (min-width: 1136px) {
  .sections_LEAN.CTA .element .content {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: stretch;
  }
}

.sections_LEAN .element .content .column {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px auto;
  padding: 0px;
  gap: var(--extra_extra_large);
  width: calc(100% - 0px);
  height: auto;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.sections_LEAN.CTA .element .content .column {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--contents);
  gap: var(--extra_extra_large);
  width: calc(100% - calc(var(--contents) * 2));
  height: auto;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

@media (min-width: 1136px) {
  .sections_LEAN .element .content .column {
    width: calc(50% - var(--medium)) !important;
    justify-content: center;
  }
}

@media (min-width: 1136px) {
  .sections_LEAN.vertical .element .content .column {
    width: calc(100% - 0px) !important;
  }
}

@media (min-width: 1136px) {
  .sections_LEAN.CTA .element .content .column {
    width: calc(50% - calc(calc(var(--contents) * 2) + 0px)) !important;
  }
}

.sections_LEAN.left .element .content .column .titulation_LEAN, .sections_LEAN.left .element .content .column .titulation_LEAN .titles {
  align-content: flex-start !important;
  text-align: left !important;
}

.sections_LEAN.left .element .content .column .titulation_LEAN .titles .flag, .sections_LEAN.left .element .content .column .titulation_LEAN .actions {
  margin: 0px auto 0px 0px !important;
}

.sections_LEAN.center .element .content .column .titulation_LEAN, .sections_LEAN.center .element .content .column .titulation_LEAN .titles {
  align-content: center !important;
  text-align: center !important;
}

.sections_LEAN.center .element .content .column .titulation_LEAN .titles .flag, .sections_LEAN.center .element .content .column .titulation_LEAN .actions {
  margin: 0px autos !important;
}

.sections_LEAN.right .element .content .column .titulation_LEAN, .sections_LEAN.right .element .content .column .titulation_LEAN .titles {
  align-content: flex-end !important;
  text-align: right !important;
}

.sections_LEAN.right .element .content .column .titulation_LEAN .titles .flag, .sections_LEAN.right .element .content .column .titulation_LEAN .actions {
  margin: 0px 0px 0px auto !important;
}

@media (min-width: 1136px) {
  .sections_LEAN.CTA .element .content .column .titulation_LEAN, .sections_LEAN.CTA .element .content .column .titulation_LEAN .titles {
    align-content: flex-start !important;
    text-align: left !important;
  }
}

@media (min-width: 1136px) {
  .sections_LEAN.CTA .element .content .column .titulation_LEAN .titles .flag, .sections_LEAN.CTA .element .content .column .titulation_LEAN .actions {
    margin: 0px auto 0px 0px !important;
  }
}

.sections_LEAN .element .content .column.image {
  width: calc(100% - 0px);
  aspect-ratio: 1 / 1;
  border-radius: var(--contents);
  background-color: var(--light);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.sections_LEAN.CTA .element .content .column.image_content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  isolation: isolate;
  width: calc(100% - 0px);
  height: auto;
  aspect-ratio: 1 / 1;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  overflow: hidden;
}

.sections_LEAN.CTA .element .content .column.image_content .image_value {
  position: absolute;
  width: calc(116% - 0px);
  height: auto;
  aspect-ratio: 1 / 1;
  background-image: var(--background_CTA);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  flex: none;
  order: 0;
  flex-grow: 0;
  z-index: 0;
}

@media (min-width: 712px) {
  .sections_LEAN .element .content .column.image {
    aspect-ratio: 16 / 9 !important;
  }
}

@media (min-width: 1136px) {
  .sections_LEAN .element .content .column.image {
    width: calc(50% - calc(var(--extra_extra_large) / 2)) !important;
    aspect-ratio: auto !important;
  }
}

@media (min-width: 1136px) {
  .sections_LEAN.CTA .element .content .column.image_content {
    width: calc(50% - calc(var(--extra_extra_large) / 2));
    aspect-ratio: auto;
  }
}

@media (min-width: 1136px) {
  .sections_LEAN.CTA .element .content .column.image_content .image_value {
    width: calc(100% - 0px);
  }
}

@media (min-width: 1764px) {
  .sections_LEAN.CTA .element .content .column.image_content .image_value {
    bottom: 0px;
  }
}

