:root{
  --w-ink: rgba(20,20,20,.88);
  --w-muted: rgba(20,20,20,.58);
  --w-line: rgba(20,20,20,.10);
  --w-line2: rgba(20,20,20,.16);
  --w-shadow: 0 24px 60px rgba(0,0,0,.10);
  --w-radius: 22px;
  --w-radius-sm: 16px;
}

/* Head */
#section-2 .title-section-2{
  font-family:'Cinzel',serif;
  font-weight:600;
  letter-spacing:.04em;
  /*color:var(--w-ink);*/
  color:#7f3a1f;
}
#section-2 .w-kicker{ letter-spacing:.22em; opacity:.9; }
#section-2 .w-subline{
  display:flex; align-items:center; gap:14px;
  margin-top:6px;
}
#section-2 .w-subtext{
  letter-spacing:.16em; text-transform:uppercase;
  font-size:.82rem; color:rgba(20,20,20,.55);
}
#section-2 .w-line{
  height:1px; flex:1;
  background:linear-gradient(90deg, rgba(20,20,20,.18), rgba(20,20,20,0));
}

/* Buttons */
#section-2 .w-btn{
  border-color: rgba(20,20,20,.28) !important;
  color: rgba(20,20,20,.82) !important;
  background: rgba(255,255,255,.45) !important;
  backdrop-filter: blur(10px);
}
#section-2 .w-btn:hover{ background: rgba(255,255,255,.70) !important; }

/* Card */
.w-card2{
  display:block;
  height:100%;
  text-decoration:none;
  border-radius:var(--w-radius);
  overflow:hidden;
  border:1px solid var(--w-line);
  background: rgba(255,255,255,.55);
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
  transform: translateY(0);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  color:inherit;
}
.w-card2-media{
  position:relative;
  height: 240px;
  border-bottom:1px solid var(--w-line);
}
.w-card2-top{
  position:absolute;
  top:14px; left:14px; right:14px;
  display:flex; align-items:center; justify-content:space-between;
  pointer-events:none;
}
.w-pill{
  font-size:.66rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(20,20,20,.14);
  background: rgba(255,255,255,.55);
  color: rgba(20,20,20,.62);
  backdrop-filter: blur(10px);
}
.w-num{
  font-family:'Cinzel',serif;
  font-weight:600;
  letter-spacing:.08em;
  color: rgba(20,20,20,.35);
}

/* Background “photo-like” placeholder */
.w-card2-bg{
  position:absolute; inset:12px;
  border-radius:var(--w-radius-sm);
  transform: scale(1);
  transition: transform .45s ease;
  filter: saturate(.92) contrast(.98);
  background:
    radial-gradient(160px 160px at 25% 25%, rgba(0,0,0,.07), transparent 60%),
    radial-gradient(200px 200px at 80% 30%, rgba(0,0,0,.06), transparent 65%),
    linear-gradient(135deg, rgba(255,255,255,.40), rgba(0,0,0,.04));
}

/* Theme variations (cada card distinta sin romper el estilo) */
.w-theme-boots .w-card2-bg{
  background:
    radial-gradient(220px 180px at 70% 35%, rgba(0,0,0,.08), transparent 62%),
    radial-gradient(180px 140px at 25% 70%, rgba(120,80,40,.10), transparent 65%),
    linear-gradient(135deg, rgba(255,255,255,.40), rgba(0,0,0,.05));
}
.w-theme-saddle .w-card2-bg{
  background:
    radial-gradient(220px 180px at 30% 30%, rgba(0,0,0,.08), transparent 62%),
    radial-gradient(220px 180px at 75% 75%, rgba(60,40,20,.10), transparent 66%),
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(0,0,0,.05));
}
.w-theme-access .w-card2-bg{
  background:
    radial-gradient(220px 180px at 70% 30%, rgba(0,0,0,.08), transparent 62%),
    radial-gradient(160px 160px at 25% 75%, rgba(0,0,0,.06), transparent 66%),
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(0,0,0,.04));
}
.w-theme-leather .w-card2-bg{
  background:
    radial-gradient(240px 190px at 50% 30%, rgba(0,0,0,.08), transparent 62%),
    radial-gradient(220px 180px at 35% 80%, rgba(120,80,40,.12), transparent 66%),
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(0,0,0,.05));
}

/* Icon */
.w-icon2{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(20,20,20,.52);
  opacity:.94;
  transform: translateY(0) scale(1);
  transition: transform .35s ease, color .35s ease;
  pointer-events:none;
}
.w-icon2 svg{ width: 62px; height: 62px; }

.w-card2-body{ padding:18px 18px 20px; }
.w-title2{
  font-family:'Cinzel',serif;
  font-weight:600;
  letter-spacing:.03em;
  color:var(--w-ink);
  margin:0 0 8px;
  font-size:1.12rem;
}
.w-sub2{
  margin:0 0 14px;
  color:var(--w-muted);
  font-size:.92rem;
  line-height:1.35rem;
}
.w-cta2{
  display:flex;
  align-items:center;
  gap:8px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.72rem;
  color: rgba(20,20,20,.70);
}
.w-arrow2{
  display:inline-block;
  transform: translateX(0);
  transition: transform .35s ease;
}

/* Hover: elevación + zoom en “media” */
.w-card2:hover{
  transform: translateY(-8px);
  box-shadow: var(--w-shadow);
  border-color: var(--w-line2);
}
.w-card2:hover .w-card2-bg{ transform: scale(1.035); }
.w-card2:hover .w-icon2{
  transform: translateY(-2px) scale(1.03);
  color: rgba(20,20,20,.68);
}
.w-card2:hover .w-arrow2{ transform: translateX(6px); }

/* Focus */
.w-card2:focus-visible{
  outline:none;
  box-shadow: 0 0 0 3px rgba(20,20,20,.20), var(--w-shadow);
  border-color: rgba(20,20,20,.18);
}

@media (max-width:575.98px){
  .w-card2-media{ height: 220px; }
}


.w-card2-img{
  position:absolute;
  inset:12px;
  width:calc(100% - 24px);
  height:calc(100% - 24px);
  object-fit:cover;
  border-radius:var(--w-radius-sm);
  transition:transform .45s ease;
}
.w-card2:hover .w-card2-img{
  transform:scale(1.04);
}
@media (max-width: 768px) {
  #section-2 .w-card2,
  #section-2 .w-btn {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  #section-2 .w-card2,
  #section-2 .w-card2-bg,
  #section-2 .w-card2-img {
    transition: none;
  }
}