/* ── BASE ── */
.lch-wrap .lch-sep {
  --lch-sep-bg: #3B5EF5; /* ← CAMBIAR COLOR DE FONDO AQUÍ */
  background: var(--lch-sep-bg);
  padding: 64px 20px;
  width: 100%;
  text-align: center;
}

/* ── Visibilidad por dispositivo ── */
.lch-wrap .lch-sep .lch-only-desktop { display: none !important; }
.lch-wrap .lch-sep .lch-only-mobile  { display: block !important; }

.lch-wrap .lch-sep-inner {
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  animation: lchFadeUp 0.5s 0.1s ease both !important; opacity: 0;
}

/* ── TÍTULO ── */
.lch-wrap .lch-sep-title {
  font-size: clamp(22px, 3.5vw, 38px) !important;
  font-weight: 900 !important;
  color: var(--lch-white) !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  letter-spacing: -0.5px;
}

/* ── SUBTÍTULO ── */
.lch-wrap .lch-sep-sub {
  font-size: clamp(16px, 1.3vw + 6px, 20px) !important;
  color: rgba(255,255,255,0.85) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  font-weight: 600 !important;
}

/* ── TEXTO ── */
.lch-wrap .lch-sep-text {
  font-size: clamp(14px, 1vw + 6px, 17px) !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* ── CTAs ── */
.lch-wrap .lch-sep-ctas {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  margin-top: 8px;
}
.lch-wrap .lch-sep-ctas--hidden { display: none !important; }

.lch-wrap .lch-sep-cta-primary {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--lch-white); color: var(--lch-blue);
  border: none; border-radius: 99px; padding: 17px 32px;
  font-size: 16px !important; font-weight: 800; cursor: pointer; text-decoration: none;
  transition: background 0.2s, transform 0.15s;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15); width: 100%;
}
.lch-wrap .lch-sep-cta-primary:hover { background: #f0f4ff; transform: translateY(-2px); }
.lch-wrap .lch-sep-cta-primary .lch-arrow { transition: transform 0.2s; }
.lch-wrap .lch-sep-cta-primary:hover .lch-arrow { transform: translateX(4px); }
.lch-wrap .lch-sep-cta-primary--hidden { display: none !important; }

.lch-wrap .lch-sep-cta-secondary {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: transparent; color: var(--lch-white);
  border: 2px solid rgba(255,255,255,0.6); border-radius: 99px; padding: 15px 32px;
  font-size: 15px !important; font-weight: 700; cursor: pointer; text-decoration: none;
  transition: all 0.2s; width: 100%;
}
.lch-wrap .lch-sep-cta-secondary:hover { border-color: white; background: rgba(255,255,255,0.1); }
.lch-wrap .lch-sep-cta-secondary--hidden { display: none !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-sep { padding: 80px 48px; }
  .lch-wrap .lch-sep .lch-only-desktop { display: block !important; }
  .lch-wrap .lch-sep .lch-only-mobile  { display: none !important; }
  .lch-wrap .lch-sep-ctas { flex-direction: row; justify-content: center; }
  .lch-wrap .lch-sep-cta-primary,
  .lch-wrap .lch-sep-cta-secondary { width: auto; }
}

/* ── Responsive desktop ── */
@media (min-width: 1024px) {
  .lch-wrap .lch-sep { padding: 96px 48px; }
}

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