/* El séptimo caso cierra la grilla con una pieza editorial de ancho completo. */
.case-card.case-7 {
  grid-column: span 12;
  min-height: 415px;
}

.case-card.case-7 .project-media {
  height: 235px;
}

.case-card.case-7 .project-desc {
  max-width: 820px;
}

/* Portada editorial para proyectos que se presentan con identidad de marca. */
.project-brand-cover {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  overflow: hidden;
  place-items: center;
}

.project-brand-cover-leviatan {
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 49%, rgba(48, 186, 255, .35), transparent 0 18%, transparent 19%),
    radial-gradient(circle at 50% 50%, rgba(11, 106, 177, .36), transparent 0 32%, transparent 33%),
    linear-gradient(135deg, #071526, #06090f 65%, #071a2a);
}

.project-brand-cover-leviatan::before,
.project-brand-cover-leviatan::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(86, 207, 255, .24);
  border-radius: 50%;
}

.project-brand-cover-leviatan::before {
  width: 195px;
  height: 195px;
  box-shadow: 0 0 55px rgba(0, 181, 255, .22), inset 0 0 22px rgba(91, 208, 255, .08);
}

.project-brand-cover-leviatan::after {
  width: 310px;
  height: 310px;
  border-color: rgba(86, 207, 255, .1);
}

.case-card .project-brand-cover-leviatan img {
  position: absolute;
  z-index: 1;
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .94;
  filter: none;
  transform: none;
}

.case-card:hover .project-brand-cover-leviatan img {
  filter: none;
  transform: scale(1.04);
}

.brand-cover-signal,
.brand-cover-mark {
  position: absolute;
  z-index: 2;
  color: rgba(207, 243, 255, .75);
  font: 8px 'DM Mono', monospace;
  letter-spacing: .11em;
}

.brand-cover-signal { top: 17px; left: 17px; }
.brand-cover-mark { right: 17px; bottom: 15px; color: var(--cyan); }

.project-brand-cover-leviatan > i {
  position: absolute;
  z-index: -1;
  width: 130%;
  height: 1px;
  rotate: -28deg;
  background: linear-gradient(90deg, transparent, rgba(82, 207, 255, .34), transparent);
}

.project-brand-cover-avax {
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 48%, rgba(255, 90, 91, .24), transparent 0 18%, transparent 19%),
    radial-gradient(circle at 50% 50%, rgba(232, 65, 66, .28), transparent 0 35%, transparent 36%),
    linear-gradient(135deg, #28090d, #0b090d 66%, #2a0a0e);
}

.project-brand-cover-avax::before,
.project-brand-cover-avax::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(255, 116, 116, .22);
  border-radius: 50%;
}

.project-brand-cover-avax::before {
  width: 205px;
  height: 205px;
  box-shadow: 0 0 58px rgba(232, 65, 66, .17), inset 0 0 26px rgba(255, 121, 121, .08);
}

.project-brand-cover-avax::after {
  width: 325px;
  height: 325px;
  border-color: rgba(255, 126, 126, .08);
}

.case-card .project-brand-cover-avax img {
  position: relative;
  z-index: 1;
  display: block;
  width: min(39%, 174px);
  height: 54%;
  object-fit: contain;
  opacity: 1;
  filter: drop-shadow(0 0 20px rgba(255, 79, 80, .4));
  transform: none;
}

.case-card:hover .project-brand-cover-avax img {
  filter: drop-shadow(0 0 28px rgba(255, 83, 84, .68));
  transform: scale(1.04);
}

.project-brand-cover-avax .brand-cover-signal { color: rgba(255, 222, 222, .76); }
.project-brand-cover-avax .brand-cover-mark { color: #ff7273; }

.project-brand-cover-avax > i {
  position: absolute;
  z-index: -1;
  width: 130%;
  height: 1px;
  rotate: 29deg;
  background: linear-gradient(90deg, transparent, rgba(255, 104, 104, .33), transparent);
}

@media (max-width: 1000px) {
  .case-card.case-7 {
    grid-column: span 6;
    min-height: 405px;
  }

  .case-card.case-7 .project-media {
    height: 220px;
  }
}

@media (max-width: 520px) {
  .case-card.case-7 {
    grid-column: span 1;
    min-height: 385px;
  }

  .case-card.case-7 .project-media {
    height: 194px;
  }
}