/* =========================
       HONORIS CAUSA
    ========================= */

    .honoris-section {
      --honoris-mobile-image: url("/inicio/imgs/honoris/honoris_responsive_version.png");

      width: 100%;
      min-height: 608px;
      padding-bottom: 37px;
      background: #f0efee;
      overflow: hidden;
    }

    .honoris-section__inner {
      width: 100%;
      min-height: 571px;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding: 222px 150px 0;
    }

    .honoris-section__image {
      width: 100%;
      height: 535px;
      position: absolute;
      inset: 0 0 auto;
      display: block;
      object-fit: cover;
      object-position: center top;
      transition: transform 0.55s ease;
    }

    .honoris-card {
      width: 492px;
      min-height: 349px;
      padding: 42px 46px 48px 49px;
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      border-right: 1px solid #cecece;
      border-left: 1px solid #cecece;
      background: #f0efee;
      color: #2c2929;
    }

    .honoris-card h1 {
      width: 100%;
      margin: 0;
      font-size: 48px;
      line-height: 40px;
      letter-spacing: 0;
      color: #2c2929;
    }

    .honoris-card p {
      width: 100%;
      max-width: 434px;
      margin: 17px 0 0;
      font-size: 18px;
      line-height: 27px;
      color: #414141;
    }

    .honoris-card__link {
      margin-top: 23px;
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 15px;
      line-height: 17.36px;
      text-decoration: none;
      color: #323232;
      transition:
        color 0.3s ease,
        transform 0.3s ease;
    }

    .honoris-card__icon {
      width: 24px;
      height: 24px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 24px;
    }

    .honoris-card__circle {
      width: 24px;
      height: 24px;
      display: block;
      object-fit: cover;
      object-position: center;
      transition: transform 0.3s ease;
    }

    .honoris-card__arrow {
      width: 7.15px;
      height: 7.75px;
      position: absolute;
      display: block;
      object-fit: cover;
      object-position: center;
      transition: transform 0.3s ease;
    }

    .honoris-section:hover .honoris-section__image {
      transform: scale(1.03);
    }

    .honoris-card__link:hover,
    .honoris-card__link:focus-visible {
      color: #750b04;
      transform: translateY(-1px);
    }

    .honoris-card__link:hover .honoris-card__circle,
    .honoris-card__link:focus-visible .honoris-card__circle {
      transform: scale(1.08);
    }

    .honoris-card__link:hover .honoris-card__arrow,
    .honoris-card__link:focus-visible .honoris-card__arrow {
      transform: translateX(1px);
    }


    /* =========================
       TABLETA
    ========================= */

    @media (max-width: 900px) {

      .honoris-section {
        min-height: auto;
        padding-bottom: 0;
      }

      .honoris-section__inner {
        min-height: auto;
        padding: 245px 48px 48px;
        flex-wrap: wrap;
        justify-content: center;
      }

      .honoris-section__image {
        height: 345px;
        content: var(--honoris-mobile-image);
        object-position: center top;
      }

      .honoris-card {
        width: 100%;
        max-width: 492px;
        min-height: 260px;
        padding: 43px 49px 42px;
        align-items: flex-start;
      }

      .honoris-card h1 {
        font-size: 44px;
        line-height: 42px;
      }

      .honoris-card p {
        font-size: 17px;
        line-height: 25px;
      }

    }


    /* =========================
       MOBILE
    ========================= */

    @media (max-width: 560px) {

      .honoris-section__inner {
        padding: 240px 24px 38px;
      }

      .honoris-section__image {
        height: 350px;
        object-position: center top;
      }

      .honoris-card {
        min-height: auto;
        padding: 34px 28px 38px;
      }

      .honoris-card h1 {
        font-size: 38px;
        line-height: 36px;
      }

      .honoris-card p {
        margin-top: 14px;
        font-size: 16px;
        line-height: 24px;
      }

    }