/* Scope: Cinco puertas. Una sola carrera. */
.ecosystem > .wrap {
  max-width: 1420px;
}

.ecosystem .ecosystem-grid {
  gap: 24px;
}

.ecosystem .eco-card {
  min-height: 540px;
  border: 1px solid transparent;
  border-radius: 20px;
  isolation: isolate;
  transition: transform .42s cubic-bezier(.2,.75,.2,1), box-shadow .42s ease, border-color .42s ease;
}

.ecosystem .eco-card:nth-child(1),
.ecosystem .eco-card:nth-child(2) {
  grid-column: span 6;
  min-height: 570px;
}

.ecosystem .eco-card:nth-child(n+3) {
  grid-column: span 4;
}

.ecosystem .eco-card-hit {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: inherit;
  color: #fff;
  outline: none;
}

.ecosystem .eco-card-hit:focus-visible {
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 6px #2174ff;
}

.ecosystem .eco-card img {
  z-index: -3;
  object-position: center;
  transform: scale(1.002);
}

.ecosystem .eco-card:hover {
  transform: translateY(-10px);
}

.ecosystem .eco-card:hover img {
  transform: scale(1.06);
}

.ecosystem .eco-card.orientation:hover {
  border-color: #a77bff;
  box-shadow: 0 30px 72px #29165a3d, 0 0 30px #8f5cff66;
}

.ecosystem .eco-card.courses:hover {
  border-color: #65a6ff;
  box-shadow: 0 30px 72px #0b3d803d, 0 0 30px #247bff66;
}

.ecosystem .eco-card.certification:hover {
  border-color: #d9b957;
  box-shadow: 0 30px 72px #1a160b55, 0 0 30px #d4aa3666;
}

.ecosystem .eco-card.mentoring:hover {
  border-color: #cbd5df;
  box-shadow: 0 30px 72px #18253645, 0 0 30px #b9c7d866;
}

.ecosystem .eco-card.employment:hover {
  border-color: #6eb1ff;
  box-shadow: 0 30px 72px #082f6445, 0 0 30px #3d97ff66;
}

.ecosystem .eco-overlay {
  z-index: -2;
  background: linear-gradient(180deg, #05080e22 0%, #05080e72 36%, #05080ef8 82%, #05080e 100%);
}

.ecosystem .orientation .eco-overlay {
  background: linear-gradient(180deg, #26104b22 0%, #2c15548f 35%, #170a32f5 78%, #100621 100%);
}

.ecosystem .courses .eco-overlay {
  background: linear-gradient(180deg, #061b4322 0%, #0c36758f 35%, #061c43f5 78%, #04142f 100%);
}

.ecosystem .certification .eco-overlay {
  background: linear-gradient(180deg, #07070733 0%, #231d0b91 35%, #0a0906f7 77%, #050505 100%);
}

.ecosystem .mentoring .eco-overlay {
  background: linear-gradient(180deg, #0b111922 0%, #26354591 35%, #0a111bf7 78%, #050a11 100%);
}

.ecosystem .employment .eco-overlay {
  background: linear-gradient(180deg, #071a3322 0%, #0b477f91 35%, #061a35f7 78%, #030f21 100%);
}

.ecosystem .eco-content {
  padding: 34px;
}

.ecosystem .eco-num {
  right: 30px;
  top: -60px;
  font-size: 76px;
}

.ecosystem .eco-label {
  font-size: 10px;
  letter-spacing: 2px;
}

.ecosystem .eco-card h3 {
  margin: 15px 0 12px;
  font-size: 29px;
  line-height: 1.12;
  letter-spacing: -1px;
}

.ecosystem .eco-card:nth-child(-n+2) h3 {
  font-size: 34px;
}

.ecosystem .eco-card p {
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 1.68;
  color: #f0f4fa;
  text-shadow: 0 2px 12px #000;
}

.ecosystem .card-link {
  min-height: 54px;
  padding: 16px 18px;
  border: 1px solid #ffffff66;
  border-radius: 8px;
  background: #1469dc;
  font-size: 13px;
  transition: background .28s ease, transform .28s ease, box-shadow .28s ease;
}

.ecosystem .orientation .card-link { background: #7245c8; }
.ecosystem .courses .card-link { background: #176edc; }
.ecosystem .certification .card-link { background: #b88c1c; color: #090805; }
.ecosystem .mentoring .card-link { background: #293849; }
.ecosystem .employment .card-link { background: #126fda; }

.ecosystem .eco-card:hover .card-link {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 12px 30px #0005;
}

@media (max-width: 980px) {
  .ecosystem .eco-card,
  .ecosystem .eco-card:nth-child(1),
  .ecosystem .eco-card:nth-child(2),
  .ecosystem .eco-card:nth-child(n+3) {
    grid-column: span 6;
    min-height: 540px;
  }

  .ecosystem .eco-card:last-child {
    grid-column: span 12;
  }
}

@media (max-width: 760px) {
  .ecosystem .ecosystem-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ecosystem .eco-card,
  .ecosystem .eco-card:nth-child(1),
  .ecosystem .eco-card:nth-child(2),
  .ecosystem .eco-card:nth-child(n+3),
  .ecosystem .eco-card:last-child {
    grid-column: 1;
    min-height: 520px;
    margin: 0;
  }

  .ecosystem .eco-content {
    padding: 26px;
  }

  .ecosystem .eco-card h3,
  .ecosystem .eco-card:nth-child(-n+2) h3 {
    font-size: 29px;
  }

  .ecosystem .eco-card p {
    font-size: 15px;
  }

  .ecosystem .card-link {
    min-height: 58px;
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecosystem .eco-card,
  .ecosystem .eco-card img,
  .ecosystem .card-link {
    transition: none;
  }
}