.MemoriaPresentacionPresidente {
  margin: 100px 0; }
  .MemoriaPresentacionPresidente .image-text {
    display: flex;
    gap: 24px;
    margin-bottom: 48px; }
    .MemoriaPresentacionPresidente .image-text .image-container {
      min-width: 460px;
      width: 460px;
      height: 280px;
      border-radius: 18px;
      position: relative; }
      .MemoriaPresentacionPresidente .image-text .image-container .box {
        background-color: rgba(226, 35, 26, 0.9);
        padding: 18px;
        border-radius: 18px;
        width: fit-content;
        max-width: 200px;
        color: #fff;
        display: flex;
        flex-direction: column;
        gap: 12px;
        position: absolute;
        top: -30px;
        left: -30px;
        transition: .3s all ease-in-out;
        opacity: 0;
        visibility: hidden; }
        .MemoriaPresentacionPresidente .image-text .image-container .box .name > * {
          font-weight: 500;
          font-size: 21px;
          line-height: 1;
          letter-spacing: 0.4px;
          margin: 0; }
        .MemoriaPresentacionPresidente .image-text .image-container .box .description > * {
          font-weight: 400;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0.4px;
          margin: 0; }
        @media screen and (max-width: 1200px) {
          .MemoriaPresentacionPresidente .image-text .image-container .box {
            left: -15px !important; } }
      .MemoriaPresentacionPresidente .image-text .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 18px; }
      @media screen and (max-width: 1200px) {
        .MemoriaPresentacionPresidente .image-text .image-container {
          width: 100% !important;
          height: auto !important;
          min-width: unset !important; } }
    .MemoriaPresentacionPresidente .image-text .text .title > * {
      color: var(--real-black);
      font-family: var(--font-secondary);
      font-weight: 200;
      text-transform: uppercase;
      text-wrap: balance;
      font-size: 35px;
      line-height: 1;
      letter-spacing: 1.75px; }
      @media (min-width: 1200px) {
        .MemoriaPresentacionPresidente .image-text .text .title > * {
          font-size: 45px;
          letter-spacing: 2.5px; } }
      @media (min-width: 1850px) {
        .MemoriaPresentacionPresidente .image-text .text .title > * {
          font-size: 63px;
          letter-spacing: 3.15px; } }
    .MemoriaPresentacionPresidente .image-text .text .subtitle > * {
      color: var(--real-black);
      font-family: var(--font-secondary);
      font-weight: 300;
      text-wrap: balance;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 1;
      letter-spacing: 0.4px; }
      @media (min-width: 1200px) {
        .MemoriaPresentacionPresidente .image-text .text .subtitle > * {
          font-size: 26px;
          letter-spacing: 0.85px; } }
      @media (min-width: 1850px) {
        .MemoriaPresentacionPresidente .image-text .text .subtitle > * {
          font-size: 35px;
          letter-spacing: 1.25px; } }
    .MemoriaPresentacionPresidente .image-text .text .quote {
      max-width: 90%;
      margin-top: 24px; }
      .MemoriaPresentacionPresidente .image-text .text .quote > * {
        color: var(--black);
        font-style: normal;
        font-weight: 400;
        text-wrap: balance;
        font-size: 16px;
        line-height: 1.3;
        font-style: italic; }
        @media (min-width: 1200px) {
          .MemoriaPresentacionPresidente .image-text .text .quote > * {
            font-size: 18px; } }
        @media (min-width: 1850px) {
          .MemoriaPresentacionPresidente .image-text .text .quote > * {
            font-size: 20px; } }
    @media screen and (max-width: 1200px) {
      .MemoriaPresentacionPresidente .image-text {
        flex-direction: column !important; } }
  .MemoriaPresentacionPresidente .large-text > * {
    color: var(--black);
    font-style: normal;
    font-weight: 400;
    text-wrap: balance;
    font-size: 14px;
    line-height: 1.3; }
    @media (min-width: 1200px) {
      .MemoriaPresentacionPresidente .large-text > * {
        font-size: 16px; } }
    @media (min-width: 1850px) {
      .MemoriaPresentacionPresidente .large-text > * {
        font-size: 18px; } }
  .MemoriaPresentacionPresidente .viewport .box {
    opacity: 1 !important;
    visibility: visible !important; }
  .MemoriaPresentacionPresidente.v2 .image-text {
    flex-direction: row-reverse; }
    .MemoriaPresentacionPresidente.v2 .image-text .text {
      text-align: right;
      padding-right: 48px; }
      .MemoriaPresentacionPresidente.v2 .image-text .text .quote {
        margin-left: auto;
        margin-right: 0; }
      @media screen and (max-width: 1200px) {
        .MemoriaPresentacionPresidente.v2 .image-text .text {
          padding-right: 0; } }