/* ═══ V2GO — Tipos de carga ════════════════════════════════════
   Fichas blancas redondeadas. Hover: se llena de ámbar. */
.v2-ind__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-6);
  margin-bottom: clamp(var(--s-10), 5vw, var(--s-16));
}
.v2-ind__head .v2-tag { justify-self: start; margin-bottom: var(--s-2); }
.v2-ind__head .v2-lead { justify-self: end; max-width: 46ch; }

.v2-ind__index {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(var(--s-4), 1.6vw, var(--s-6));
}

.v2-ind__row {
  display: flex;
  flex-direction: column;
  gap: var(--s-4);
  padding: clamp(var(--s-6), 2.2vw, var(--s-8));
  min-height: 250px;
  background-color: #fff;
  border-radius: var(--r-xl);
  box-shadow: var(--sh-suave);
  transition: background-color var(--d-base) var(--ease),
              transform var(--d-base) var(--ease),
              box-shadow var(--d-base) var(--ease);
}
.v2-ind__row:hover { background-color: var(--ambar); transform: translateY(-5px); box-shadow: var(--sh-media); }

.v2-ind__num {
  align-self: flex-start;
  padding: 0.35rem 0.8rem;
  border-radius: var(--r-pill);
  background-color: var(--ambar-velo);
  color: var(--ambar-texto);
  font-size: var(--t-xs);
  font-weight: var(--p-bold);
  transition: background-color var(--d-base) var(--ease), color var(--d-base) var(--ease);
}
.v2-ind__row:hover .v2-ind__num { background-color: var(--navy); color: #fff; }

.v2-ind__icon { display: block; color: var(--ambar-hondo); transition: color var(--d-base) var(--ease); }
.v2-ind__icon svg { width: 32px; height: 32px; }
.v2-ind__row:hover .v2-ind__icon { color: var(--navy); }

.v2-ind__title {
  margin-top: auto;
  font-size: var(--t-lg);
  font-weight: var(--p-bold);
  line-height: 1.18;
  letter-spacing: var(--ls-tight);
  color: var(--navy);
}
.v2-ind__desc { font-size: var(--t-base); line-height: var(--lh-normal); color: var(--navy-50); margin: 0; transition: color var(--d-base) var(--ease); }
.v2-ind__row:hover .v2-ind__desc { color: rgba(27,50,64,0.78); }

.v2-ind__disclaimer { margin-top: var(--s-10); font-size: var(--t-base); color: var(--navy-50); max-width: 76ch; }
.v2-ind__disclaimer a { color: var(--navy); font-weight: var(--p-bold); }
.v2-ind__disclaimer a:hover { color: var(--ambar-texto); }

@media (max-width: 1100px) { .v2-ind__index { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px)  { .v2-ind__head .v2-lead { justify-self: start; max-width: none; } }
@media (max-width: 560px)  { .v2-ind__index { grid-template-columns: minmax(0, 1fr); } .v2-ind__row { min-height: 0; } }
