:root{
  --lr-black:#111111;
  --lr-gray:#444444;
  --lr-white:#ffffff;
  --lr-glass-brd: rgba(17,17,17,0.08);
  --lr-card-shadow: 0 20px 60px rgba(0,0,0,.10);
}

.lr-values{
  margin: clamp(28px, 6vw, 72px) auto;
  max-width: 1200px;
  padding: 0 16px;
}
.lr-values-head{
  text-align: center;
  margin-bottom: clamp(14px, 3vw, 24px);
}
.lr-values-kicker{
  letter-spacing:.08em; text-transform:uppercase;
  font-size:.82rem; color:#6f6f6f; margin:0 0 6px;
}
.lr-values-title{
  margin:0; color:var(--lr-black);
  font-size: clamp(22px, 4.6vw, 34px);
}

/* Grid */
.lr-values-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(12px, 2.6vw, 20px);
}
.lr-values.cols-2 .lr-values-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.lr-values.cols-3 .lr-values-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.lr-values.cols-4 .lr-values-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); }

@media (max-width: 920px){
  .lr-values.cols-4 .lr-values-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .lr-values.cols-3 .lr-values-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* Card glass */
.lr-values-card{
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.62));
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  backdrop-filter: blur(12px) saturate(150%);
  border: 1px solid var(--lr-glass-brd);
  box-shadow: var(--lr-card-shadow);
  padding: clamp(14px, 3vw, 18px);
  text-align: left;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.lr-values-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(0,0,0,.12);
}

/* Media */
.lr-values-media{
  margin: 0 0 10px; display:flex; align-items:center; justify-content:center;
  height: 64px; /* altura uniforme para iconos/fotos pequeñas */
}
.lr-values-media img, .lr-values-media svg{
  max-height: 64px; max-width: 96px; width:auto; height:auto; display:block;
  filter: saturate(105%) contrast(102%);
}

/* Texto */
.lr-values-card-title{
  margin: 0 0 6px; color: var(--lr-black);
  font-size: clamp(16px, 2.8vw, 18px); font-weight: 700;
}
.lr-values-card-text{
  margin: 0; color: #2b2b2b; line-height: 1.55;
  font-size: clamp(14px, 2.6vw, 15px);
}

/* Compacta (tarjetas más pequeñas) */
.lr-values.is-compact .lr-values-card{
  padding: 12px;
}
.lr-values.is-compact .lr-values-media{
  height: 52px;
}