/* ── BASE ── */
.lch-wrap .lch-tar {
  padding: 64px 20px; background: var(--lch-white); width: 100%;
}
.lch-wrap .lch-tar .lch-only-desktop { display: none !important; }
.lch-wrap .lch-tar .lch-only-mobile  { display: block !important; }

/* ── CABECERA ── */
.lch-wrap .lch-tar-header {
  text-align: center; max-width: 640px; margin: 0 auto 48px;
  animation: lchFadeUp 0.5s 0.1s ease both !important; opacity: 0;
}
.lch-wrap .lch-tar-title {
  font-size: clamp(22px, 3.5vw, 38px) !important;
  font-weight: 900 !important; color: var(--lch-black) !important;
  line-height: 1.25 !important; margin: 0 0 16px !important;
  letter-spacing: -0.5px; text-align: center !important;
}
.lch-wrap .lch-tar-sub {
  font-size: clamp(15px, 1.3vw + 6px, 18px) !important;
  color: var(--lch-gray1) !important; line-height: 1.6 !important;
  margin: 0 !important; text-align: center !important;
}

/* ── GRID ── */
.lch-wrap .lch-tar-grid {
  display: flex; flex-direction: column; gap: 24px;
  max-width: 1100px; margin: 0 auto;
  animation: lchFadeUp 0.5s 0.2s ease both !important; opacity: 0;
}

/* ── TARJETA BASE ── */
.lch-wrap .lch-tar-card {
  background: #F8F9FA; border-radius: 16px; border: 2px solid #EBEBEB;
  display: flex; flex-direction: column; overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
}
.lch-wrap .lch-tar-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.08); transform: translateY(-3px);
}

/* ── TARJETA DESTACADA ── */
.lch-wrap .lch-tar-card--featured {
  background: var(--lch-white); border-color: var(--lch-blue);
  box-shadow: 0 8px 32px rgba(59,94,245,0.12);
}
.lch-wrap .lch-tar-card--featured:hover { box-shadow: 0 12px 40px rgba(59,94,245,0.2); }

/* ── IMAGEN ── */
.lch-wrap .lch-tar-img {
  width: 100%; height: 180px;
  object-fit: cover; object-position: center;
  display: block; flex-shrink: 0; background: #e8e8e8;
}

/* ── BADGE — dentro del cuerpo, debajo de la imagen ── */
.lch-wrap .lch-tar-badge {
  display: none;
  font-size: 12px !important; font-weight: 700 !important;
  padding: 5px 14px; border-radius: 99px; white-space: nowrap;
  color: white; align-self: flex-start;
}
.lch-wrap .lch-tar-badge--visible { display: inline-block; }
.lch-wrap .lch-tar-card--featured .lch-tar-badge--visible { background: var(--lch-blue); }
.lch-wrap .lch-tar-card:not(.lch-tar-card--featured) .lch-tar-badge--visible { background: var(--lch-gray2); }

/* ── CONTENIDO CARD ── */
.lch-wrap .lch-tar-card-body {
  padding: 20px 24px 28px;
  display: flex; flex-direction: column; gap: 14px; flex: 1;
}
.lch-wrap .lch-tar-card-title {
  font-size: 20px !important; font-weight: 900 !important;
  color: var(--lch-black) !important; margin: 0 !important; line-height: 1.2 !important;
}
.lch-wrap .lch-tar-card--featured .lch-tar-card-title { color: var(--lch-blue) !important; }
.lch-wrap .lch-tar-card-desc {
  font-size: 14px !important; color: var(--lch-gray1) !important;
  line-height: 1.5 !important; margin: 0 !important;
}

/* ── FEATURES ── */
.lch-wrap .lch-tar-features {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 8px;
}
.lch-wrap .lch-tar-feature {
  font-size: 14px !important; color: var(--lch-gray1) !important;
  padding-left: 20px; position: relative;
}
.lch-wrap .lch-tar-feature::before {
  content: '✓'; position: absolute; left: 0;
  color: var(--lch-green); font-weight: 700;
}
.lch-wrap .lch-tar-feature--highlight { color: var(--lch-green) !important; font-weight: 700 !important; }
.lch-wrap .lch-tar-feature--highlight::before { content: '⭐'; }

/* ── CTA ── */
.lch-wrap .lch-tar-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--lch-red); color: var(--lch-white);
  border: none; border-radius: 99px; padding: 15px 28px;
  font-size: 15px !important; font-weight: 700 !important;
  cursor: pointer; text-decoration: none;
  transition: background 0.2s, transform 0.15s;
  box-shadow: 0 4px 20px rgba(226,0,26,0.25); margin-top: auto;
}
.lch-wrap .lch-tar-cta:hover { background: var(--lch-red-dk); transform: translateY(-2px); }
.lch-wrap .lch-tar-card--featured .lch-tar-cta {
  background: var(--lch-blue); box-shadow: 0 4px 20px rgba(59,94,245,0.3);
}
.lch-wrap .lch-tar-card--featured .lch-tar-cta:hover { background: #2d4de0; }

/* ── ANIMACIONES ── */
@keyframes lchFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive tablet ── */
@media (min-width: 600px) {
  .lch-wrap .lch-tar { padding: 80px 48px; }
  .lch-wrap .lch-tar .lch-only-desktop { display: block !important; }
  .lch-wrap .lch-tar .lch-only-mobile  { display: none !important; }
  .lch-wrap .lch-tar-grid { flex-direction: row; align-items: stretch; }
  .lch-wrap .lch-tar-card { flex: 1; }
}

/* ── Responsive desktop ── */
@media (min-width: 1024px) {
  .lch-wrap .lch-tar { padding: 96px 48px; }
  .lch-wrap .lch-tar-card:nth-child(1) { order: 2; }
  .lch-wrap .lch-tar-card:nth-child(2) { order: 1; }
  .lch-wrap .lch-tar-card:nth-child(3) { order: 3; }
  .lch-wrap .lch-tar-card--featured { transform: scale(1.04); z-index: 1; }
  .lch-wrap .lch-tar-card--featured:hover { transform: scale(1.04) translateY(-3px); }
  .lch-wrap .lch-tar-card-title { font-size: 22px !important; }
  .lch-wrap .lch-tar-card-desc { font-size: 15px !important; }
  .lch-wrap .lch-tar-feature { font-size: 15px !important; }
}

/* ── Accesibilidad ── */
@media (prefers-reduced-motion: reduce) {
  .lch-wrap .lch-tar-header,
  .lch-wrap .lch-tar-grid { animation: none !important; opacity: 1; transform: none; }
  .lch-wrap .lch-tar-card { transition: none; }
  .lch-wrap .lch-tar-card--featured { transform: scale(1.04); }
}