/* 08 Identidad */

.identity { display: grid; align-items: center; }
.identity__inner {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: clamp(48px, 8vw, 128px);
  align-items: center;
}
.identity__mark { position: relative; width: min(100%, 440px); justify-self: center; }
.identity__mark > img { position: relative; width: 100%; animation: swim 10s ease-in-out infinite; }
.identity__logo img { width: clamp(220px, 30vw, 400px); }
.identity__tag {
  margin-top: 10px;
  font-size: clamp(1.125rem, 1.8vw, 1.5rem);
  color: var(--navy);
  letter-spacing: -0.005em;
}
.identity__cols {
  margin-top: clamp(28px, 5vh, 48px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
.identity__cols p {
  border-top: 1px solid var(--line);
  padding-top: 16px;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--text-2);
}
.identity__cols p:nth-child(2) { --d: 100ms; }
.identity__cols em { font-style: normal; color: var(--text); font-weight: 600; }
@media (max-width: 860px) {
  .identity__inner { grid-template-columns: 1fr; }
  .identity__mark { width: min(64%, 300px); }
  .identity__cols { grid-template-columns: 1fr; gap: 18px; }
}

@media (prefers-contrast: more) {
  .identity__cols p { color: #3a3a3c; }
}