/* ===== Featured Grid (colección destacada) ===== */
:root{
  --lr-black:#111111;
  --lr-gray:#444444;
  --lr-white:#ffffff;
  --lr-glass-brd: rgba(17,17,17,0.08);
  --lr-glass-shadow: 0 12px 40px rgba(0,0,0,.08);
}

.lr-featured{
  max-width: var(--lr-max, 1150px);
  margin: 20px auto 48px;
  padding: 0 12px;
}

.lr-featured-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  margin: 0 6px 12px;
}
.lr-featured-title{
  margin:0; font-size: clamp(20px, 3.2vw, 26px); color: var(--lr-black);
  letter-spacing: .2px; font-weight: 700;
}

.lr-featured-grid{
  display: grid;
  grid-template-columns: repeat(var(--lr-cols,3), minmax(0, 1fr));
  gap: 12px;
  list-style: none;
  margin: 0; padding: 0;
}

.lr-card{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--lr-glass-shadow);
  transition: transform .18s ease, box-shadow .18s ease;
  will-change: transform;
}
.lr-card:focus-within,
.lr-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 48px rgba(0,0,0,.10);
}

.lr-card-link{ display:block; text-decoration:none; color:inherit; }

.lr-card-media{
  position: relative;
  margin: 0;
  aspect-ratio: var(--lr-aspect, 4/5);
  background: #f6f6f6;
}

.lr-card-media img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover;
}

/* overlay para “vidrio” general */
.lr-card-overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,.15) 100%);
  pointer-events: none;
}

/* caption estilo glass, pegado al borde inferior */
.lr-card-caption{
  position: absolute; left: 10px; right: 10px; bottom: 10px;
  display:flex; align-items:center; justify-content:space-between; gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.55));
  -webkit-backdrop-filter: blur(12px) saturate(150%); backdrop-filter: blur(12px) saturate(150%);
  border:1px solid var(--lr-glass-brd);
  box-shadow: 0 8px 26px rgba(0,0,0,.08);
}

.lr-card-title{ font-weight: 600; color: var(--lr-black); }
.lr-card-sub{ font-size: .95rem; color: var(--lr-gray); }

/* CTA global debajo del grid */
.lr-featured-cta{
  text-align:center;
  margin-top: 18px;
}

/* Responsive */
@media (max-width: 920px){
  .lr-featured{ margin: 10px auto 36px; }
  .lr-featured-grid{ grid-template-columns: 1fr; gap: 10px; }
  .lr-card{ border-radius: 16px; }
  .lr-card-caption{ left: 8px; right: 8px; bottom: 8px; border-radius: 12px; padding: 10px; }
}