/**
 * MINARQ — Bloque 04 | CSS encapsulado y autónomo.
 * No altera Header, Hero, ni los Bloques 02 y 03.
 * Ajustar tamaños y espacios SOLO tras comparar con la referencia aprobada.
 */
.minarq-why,
.minarq-why * { box-sizing: border-box; }

.minarq-why {
  --b04-blue: #192B38;
  --b04-white: #F5F6F4;
  --b04-steel: #DDE2E4;
  --b04-orange: #E28A4A;
  --b04-divider: rgba(221, 226, 228, .25);
  display: block;
  width: 100%;
  color: var(--b04-white);
  background:
    radial-gradient(ellipse at 32% 28%, rgba(72, 98, 113, .09), transparent 62%),
    var(--b04-blue);
  padding-block: clamp(84px, 8.5vw, 144px);
  overflow: clip;
}

.minarq-why__container {
  width: calc(100% - 2 * clamp(24px, 4.8vw, 80px));
  max-width: 1512px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, .44fr) minmax(0, .56fr);
  column-gap: clamp(56px, 5.3vw, 92px);
  align-items: start;
}

.minarq-why__intro { min-width: 0; }

.minarq-why__eyebrow {
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 18px;
  color: var(--b04-white);
  font-size: clamp(12px, 1vw, 16px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.minarq-why__eyebrow-line {
  display: block;
  flex: 0 0 69px;
  width: 69px;
  height: 4px;
  background: var(--b04-orange);
}

.minarq-why__heading {
  max-width: 620px;
  margin: 34px 0 0;
  color: var(--b04-white);
  font-family: inherit;
  font-weight: 800;
  font-size: clamp(40px, 4.08vw, 70px);
  line-height: 1.065;
  letter-spacing: -.037em;
  text-wrap: balance;
}

.minarq-why__summary {
  max-width: 620px;
  margin: 42px 0 0;
  color: var(--b04-steel);
  font-weight: 400;
  font-size: clamp(17px, 1.38vw, 23px);
  line-height: 1.52;
}

.minarq-why__cta {
  display: inline-flex;
  align-items: center;
  gap: clamp(14px, 2vw, 32px);
  width: fit-content;
  max-width: 100%;
  margin-top: 53px;
  padding: 5px 0;
  color: var(--b04-orange);
  font-size: clamp(17px, 1.36vw, 23px);
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: color .18s ease;
}
.minarq-why__cta:hover { color: #F5B178; }
.minarq-why__cta:focus-visible {
  outline: 2px solid var(--b04-orange);
  outline-offset: 5px;
}
.minarq-why__cta-arrow {
  display: block;
  flex: 0 0 auto;
  transition: transform .18s ease;
}
.minarq-why__cta:hover .minarq-why__cta-arrow { transform: translateX(5px); }

.minarq-why__features {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.minarq-why__feature {
  min-width: 0;
  margin: 0;
  padding: 0;
}
.minarq-why__feature:nth-child(odd) { padding-right: clamp(24px, 3vw, 52px); }
.minarq-why__feature:nth-child(even) {
  border-left: 1px solid var(--b04-divider);
  padding-left: clamp(24px, 3vw, 52px);
}
.minarq-why__feature:nth-child(-n + 2) {
  padding-bottom: clamp(44px, 5.15vw, 80px);
  border-bottom: 1px solid var(--b04-divider);
}
.minarq-why__feature:nth-child(n + 3) { padding-top: clamp(39px, 3vw, 51px); }

.minarq-why__feature-line {
  display: block;
  width: 56px;
  height: 4px;
  background: var(--b04-orange);
  margin-bottom: 22px;
}
.minarq-why__feature-title {
  max-width: 340px;
  margin: 0;
  color: var(--b04-white);
  font-family: inherit;
  font-size: clamp(25px, 2.02vw, 34px);
  font-weight: 750;
  line-height: 1.14;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.minarq-why__feature-desc {
  max-width: 360px;
  margin: 24px 0 0;
  color: var(--b04-steel);
  font-size: clamp(17px, 1.33vw, 21px);
  font-weight: 400;
  line-height: 1.46;
}

@media (max-width: 1199px) {
  .minarq-why__container { grid-template-columns: minmax(0, .46fr) minmax(0, .54fr); column-gap: 46px; }
  .minarq-why__heading { font-size: clamp(38px, 4.05vw, 54px); }
  .minarq-why__feature-title { font-size: clamp(22px, 2.3vw, 28px); }
  .minarq-why__feature-desc { font-size: 16px; }
  .minarq-why__summary { font-size: 17px; }
}

@media (max-width: 899px) {
  .minarq-why { padding-block: 78px; }
  .minarq-why__container { grid-template-columns: minmax(0, 1fr); row-gap: 68px; }
  .minarq-why__heading { max-width: 720px; font-size: clamp(40px, 6vw, 57px); }
  .minarq-why__summary { max-width: 710px; font-size: 18px; }
  .minarq-why__features { max-width: 100%; }
  .minarq-why__feature-title { font-size: 26px; }
  .minarq-why__feature-desc { font-size: 17px; }
}

@media (max-width: 599px) {
  .minarq-why { padding-block: 68px 76px; }
  .minarq-why__container { width: calc(100% - 44px); row-gap: 52px; }
  .minarq-why__eyebrow { gap: 14px; font-size: 11px; letter-spacing: .15em; }
  .minarq-why__eyebrow-line { flex-basis: 34px; width: 34px; height: 3px; }
  .minarq-why__heading { margin-top: 29px; font-size: clamp(36px, 10vw, 44px); line-height: 1.10; }
  .minarq-why__summary { margin-top: 29px; font-size: 16px; line-height: 1.6; }
  .minarq-why__cta { margin-top: 32px; font-size: 17px; gap: 12px; }
  .minarq-why__cta-arrow { width: 29px; }
  .minarq-why__features { grid-template-columns: 1fr; }
  .minarq-why__feature,
  .minarq-why__feature:nth-child(odd),
  .minarq-why__feature:nth-child(even),
  .minarq-why__feature:nth-child(-n + 2),
  .minarq-why__feature:nth-child(n + 3) {
    border-left: 0;
    border-bottom: 1px solid var(--b04-divider);
    padding: 0 0 34px;
    margin: 0 0 34px;
  }
  .minarq-why__feature:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
  .minarq-why__feature-line { width: 42px; height: 3px; margin-bottom: 18px; }
  .minarq-why__feature-title { font-size: 26px; }
  .minarq-why__feature-desc { margin-top: 16px; font-size: 16px; line-height: 1.6; }
}

@media (prefers-reduced-motion: reduce) {
  .minarq-why__cta,
  .minarq-why__cta-arrow { transition: none; }
  .minarq-why__cta:hover .minarq-why__cta-arrow { transform: none; }
}