.news-section {
      width: 100%;
      min-height: 843px;
      background: #f0efee;
      color: #323232;
    }

    .news-section__inner {
      width: 100%;
      max-width: 1691px;
      min-height: 843px;
      margin: 0 auto;
      padding: 84px 37px 116px 41px;
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }


    /* =========================
       HEADER
    ========================= */

    .news-section__header {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      gap: 32px;
    }

    .news-section__title {
      width: 100%;
      max-width: 762px;
      margin: 0;
      font-size: 50px;
      line-height: 43px;
      letter-spacing: -1px;
      color: #333333;
    }

    .news-section__title span {
      color: #b72323;
    }

    .news-section__intro {
      width: 100%;
      max-width: 670px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .news-section__intro p {
      width: 100%;
      margin: 0;
      font-size: 18px;
      line-height: 27px;
      color: #414141;
    }


    /* =========================
       BOTÓN
    ========================= */

    .news-section__button {
      width: 215px;
      height: 43px;
      margin-top: 20px;
      padding: 0 22px 0 25px;

      display: flex;
      align-items: center;
      justify-content: space-between;

      border: 1px solid #c4c4c4;

      font-size: 15px;
      line-height: 17.36px;
      text-decoration: none;
      white-space: nowrap;

      color: #000000;
      transition:
        background-color 0.3s ease,
        color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
    }

    .news-section__button-icon {
      width: 21px;
      height: 20px;
      display: block;
      flex: 0 0 21px;

      object-fit: cover;
      object-position: center;
    }


    /* =========================
       LÍNEA
    ========================= */

    .news-section__rule {
      width: 100vw;
      height: 1px;
      margin: 57px 0 0 50%;
      display: block;
      transform: translateX(-50%);
      background: #b7b7b7;
    }


    /* =========================
       LISTA
    ========================= */

    .news-list {
      width: 100%;
      margin-top: 62px;

      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;

      gap: 44px 21px;
    }

    .news-card {
      width: 100%;
      max-width: 387px;

      display: flex;
      flex: 1 1 320px;
      flex-direction: column;
      align-items: stretch;
    }


    /* =========================
       IMAGEN
    ========================= */

    .news-card__media {
      width: 100%;
      height: 228px;
      position: relative;
      overflow: hidden;
      display: flex;
      background: #7b7b7b;
    }

    .news-card__media::after {
      content: "";
      position: absolute;
      inset: 0;

      background: linear-gradient(
        63deg,
        rgba(2, 2, 2, 0.4) 13%,
        rgba(1, 1, 1, 0.1) 46%,
        rgba(0, 0, 0, 0) 98%
      );

      pointer-events: none;
    }

    .news-card__media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center;
      transition: transform 0.45s ease;
    }


    /* =========================
       BARRA ROJA
    ========================= */

    .news-card__bar {
      width: 100%;
      height: 7px;
      display: block;
      background: #a62323;
    }


    /* =========================
       CONTENIDO
    ========================= */

    .news-card__content {
      padding: 21px 8px 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .news-card h2 {
      width: 100%;
      min-height: 65px;
      margin: 0;
      font-size: 16px;
      line-height: 22px;
      color: #323232;
      transition:
        color 0.3s ease,
        transform 0.3s ease;
    }

    .news-card p {
      width: 100%;
      min-height: 44px;
      margin: 0;
      font-size: 16px;
      line-height: 22px;
      color: #323232;
    }


    /* =========================
       LINK DE NOTICIA
    ========================= */

    .news-card__link {
      margin-top: 22px;
      display: flex;
      align-items: center;
      gap: 9px;

      font-size: 15px;
      line-height: 17.36px;
      text-decoration: none;
      white-space: nowrap;

      color: #323232;
    }

    .news-card__icon {
      width: 24px;
      height: 24px;
      position: relative;

      display: flex;
      align-items: center;
      justify-content: center;

      flex: 0 0 24px;
    }

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

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

    .news-section__button:hover,
    .news-section__button:focus-visible {
      background-color: #f5f5f5;
      color: #750b04;
      transform: translateY(-2px);
    }

    .news-card:hover .news-card__media img {
      transform: scale(1.04);
    }

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

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

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


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

    @media (max-width: 1100px) {

      .news-section {
        min-height: auto;
      }

      .news-section__inner {
        min-height: auto;
        padding: 64px 32px 76px;
      }

      .news-section__title {
        font-size: 46px;
        line-height: 44px;
      }

      .news-section__intro {
        max-width: 100%;
      }

      .news-list {
        gap: 42px 24px;
      }

      .news-card {
        max-width: none;
        flex-basis: calc(50% - 12px);
      }

    }


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

    @media (max-width: 640px) {

      .news-section__inner {
        padding: 44px 24px 58px;
      }

      .news-section__title {
        font-size: 38px;
        line-height: 36px;
        letter-spacing: -0.76px;
      }

      .news-section__intro p {
        font-size: 16px;
        line-height: 24px;
      }

      .news-section__rule {
        margin-top: 36px;
      }

      .news-list {
        margin-top: 38px;
        gap: 34px;
      }

      .news-card {
        flex-basis: 100%;
      }

      .news-card__content {
        padding-right: 0;
        padding-left: 0;
      }

      .news-card h2 {
        min-height: 0;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 22px;
      }

      .news-card p {
        font-size: 16px;
        line-height: 24px;
      }

      .news-card__link {
        margin-top: 12px;
      }

    }