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

/* ── CABECERA ── */
.lch-wrap .lch-how-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-how-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-how-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;
}

/* ── PASOS ── */
.lch-wrap .lch-how-steps-wrap {
  max-width: 1000px; margin: 0 auto;
  animation: lchFadeUp 0.5s 0.2s ease both !important; opacity: 0;
}
.lch-wrap .lch-how-steps { display: flex; flex-direction: column; gap: 32px; }
.lch-wrap .lch-how-step {
  display: flex; align-items: flex-start; gap: 20px; padding-left: 8px;
}
.lch-wrap .lch-how-step-num {
  width: 48px; height: 48px; border-radius: 50%;
  background: var(--lch-blue); color: white;
  font-size: 20px !important; font-weight: 900 !important;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; box-shadow: 0 4px 16px rgba(59,94,245,0.3);
}
.lch-wrap .lch-how-step-content { padding-top: 4px; }
.lch-wrap .lch-how-step-title {
  font-size: 17px !important; font-weight: 800 !important;
  color: var(--lch-black) !important; margin: 0 0 6px !important; line-height: 1.3 !important;
}
.lch-wrap .lch-how-step-text {
  font-size: 14px !important; color: var(--lch-gray1) !important;
  line-height: 1.6 !important; margin: 0 !important;
}

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

/* ── Responsive tablet ── */
@media (min-width: 600px) {
  .lch-wrap .lch-how { padding: 80px 48px; }
  .lch-wrap .lch-how .lch-only-desktop { display: block !important; }
  .lch-wrap .lch-how .lch-only-mobile  { display: none !important; }
}

/* ── Responsive desktop ── */
@media (min-width: 1024px) {
  .lch-wrap .lch-how { padding: 96px 48px; }
  .lch-wrap .lch-how-steps { flex-direction: row; align-items: flex-start; gap: 32px; }
  .lch-wrap .lch-how-step {
    flex: 1; flex-direction: column; align-items: center;
    text-align: center; padding-left: 0; gap: 16px;
  }
  .lch-wrap .lch-how-step-num { width: 56px; height: 56px; font-size: 22px !important; }
  .lch-wrap .lch-how-step-content { padding-top: 0; text-align: center !important; }
  .lch-wrap .lch-how-step-title { font-size: 18px !important; text-align: center !important; }
  .lch-wrap .lch-how-step-text { font-size: 15px !important; text-align: center !important; }
}

/* ── Accesibilidad ── */
@media (prefers-reduced-motion: reduce) {
  .lch-wrap .lch-how-header,
  .lch-wrap .lch-how-steps-wrap { animation: none !important; opacity: 1; transform: none; }
}