/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ BASE ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
.lch-wrap .lch-sit {
  padding: 64px 20px; background: #FFFFFF;
  width: 100%; max-width: 1200px; margin: 0 auto;
}
.lch-wrap .lch-sit .lch-only-desktop { display: none !important; }
.lch-wrap .lch-sit .lch-only-mobile  { display: block !important; }

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ CABECERA ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
.lch-wrap .lch-sit-header {
  text-align: center; max-width: 640px; margin: 0 auto 36px;
  animation: lchFadeUp 0.5s 0.1s ease both !important; opacity: 0;
}
.lch-wrap .lch-sit-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-sit-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;
}

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ LAYOUT ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
.lch-wrap .lch-sit-body {
  display: flex; flex-direction: column; gap: 40px; margin-bottom: 48px;
  animation: lchFadeUp 0.5s 0.2s ease both !important; opacity: 0;
}

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ CHIPS ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
.lch-wrap .lch-sit-chips-col { width: 100%; display: flex; align-items: center; }
.lch-wrap .lch-sit-chips { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; }
.lch-wrap .lch-sit-chip {
  display: inline-flex; align-items: center; gap: 8px;
  background: #EEF2FF; border-radius: 8px; padding: 10px 14px;
  font-size: 13px !important; font-weight: 600 !important;
  color: var(--lch-gray1) !important; cursor: default;
}

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ TESTIMONIOS ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
.lch-wrap .lch-sit-testimonios-col { width: 100%; }
.lch-wrap .lch-sit-testimonios-title {
  font-size: 18px !important; font-weight: 800 !important;
  color: var(--lch-black) !important; margin: 0 0 20px !important;
}

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ Carrusel mÃƒÆ’Ã‚Â³vil ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
.lch-wrap .lch-sit-carrusel {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 12px;
    scrollbar-width: none;
}
.lch-wrap .lch-sit-carrusel::-webkit-scrollbar { display: none; }

.lch-wrap .lch-sit-testimonio {
  scroll-snap-align: start; flex-shrink: 0; width: 85%;
  background: var(--lch-white); border-radius: 12px; padding: 24px;
  border: 1.5px solid #EBEBEB; display: flex; flex-direction: column; gap: 16px;
}

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ Texto testimonios ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
.lch-wrap .lch-sit-testimonio-texto {
  font-size: 14px !important; color: var(--lch-gray1) !important;
  line-height: 1.65 !important; margin: 0 !important; flex: 1;
}
.lch-wrap .lch-sit-testimonio-texto::before {
  content: '"'; font-size: 32px; color: var(--lch-blue);
  line-height: 0; vertical-align: -12px; margin-right: 4px;
}
.lch-wrap .lch-sit-testimonio-autor {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px !important; font-weight: 700 !important; color: var(--lch-gray2) !important;
}
.lch-wrap .lch-sit-testimonio-autor::before {
  content: '✓'; display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--lch-green); color: white;
  font-size: 10px; font-weight: 700; flex-shrink: 0;
}

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ FOOTER ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
.lch-wrap .lch-sit-footer {
  text-align: center; max-width: 640px; margin: 0 auto;
  animation: lchFadeUp 0.5s 0.3s ease both !important; opacity: 0;
}
.lch-wrap .lch-sit-remate {
  font-size: clamp(15px, 1.3vw + 6px, 18px) !important;
  font-weight: 700 !important; color: var(--lch-black) !important;
  line-height: 1.5 !important; margin: 0 0 28px !important;
}
.lch-wrap .lch-sit-ctas { display: flex; flex-direction: column; gap: 12px; align-items: center; }
.lch-wrap .lch-sit .lch-cta-primary {
  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: 17px 28px;
  font-size: 16px !important; font-weight: 700; cursor: pointer; text-decoration: none;
  transition: background 0.2s, transform 0.15s;
  box-shadow: 0 4px 20px rgba(226,0,26,0.3); width: 100%;
}
.lch-wrap .lch-sit .lch-cta-primary:hover { background: var(--lch-red-dk); transform: translateY(-2px); }
.lch-wrap .lch-sit .lch-cta-primary .lch-arrow { transition: transform 0.2s; }
.lch-wrap .lch-sit .lch-cta-primary:hover .lch-arrow { transform: translateX(4px); }
.lch-wrap .lch-sit .lch-cta-secondary {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: transparent; color: var(--lch-red);
  border: 2px solid var(--lch-red); border-radius: 99px; padding: 15px 28px;
  font-size: 15px !important; font-weight: 700; cursor: pointer; text-decoration: none;
  transition: all 0.2s; width: 100%;
}
.lch-wrap .lch-sit .lch-cta-secondary:hover { background: var(--lch-red-lt); }

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ ANIMACIONES ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
@keyframes lchFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ Responsive tablet ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
@media (min-width: 600px) {
  .lch-wrap .lch-sit { padding: 80px 48px; }
  .lch-wrap .lch-sit .lch-only-desktop { display: block !important; }
  .lch-wrap .lch-sit .lch-only-mobile  { display: none !important; }
  .lch-wrap .lch-sit-ctas { flex-direction: row; justify-content: center; }
  .lch-wrap .lch-sit .lch-cta-primary,
  .lch-wrap .lch-sit .lch-cta-secondary { width: auto; }
  /* .lch-wrap .lch-sit-testimonio { width: 100%; } */
}

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ Responsive desktop ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Â carrusel se convierte en grid 2x2 ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
@media (min-width: 1024px) {
  .lch-wrap .lch-sit { padding: 96px 48px; }
  .lch-wrap .lch-sit-body { flex-direction: row; align-items: flex-start; gap: 48px; }
  .lch-wrap .lch-sit-chips-col { width: 40%; flex-shrink: 0; align-self: center; }
  .lch-wrap .lch-sit-chips { display: flex; flex-wrap: wrap; gap: 10px; }
  .lch-wrap .lch-sit-testimonios-col { width: 60%; }
  .lch-wrap .lch-sit-chip { font-size: 15px !important; padding: 10px 18px; white-space: nowrap; }
  .lch-wrap .lch-sit-carrusel { flex-direction: row; }
  .lch-wrap .lch-sit-carrusel {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    overflow: visible !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;
    padding-bottom: 0 !important;
    gap: 16px !important;
  }
  .lch-wrap .lch-sit-testimonio {
    width: auto !important;
    min-width: 0 !important;
    flex-shrink: unset !important;
    scroll-snap-align: none !important;
  }
}

/* ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ Accesibilidad ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬ÂÃ¢â€šÂ¬ */
@media (prefers-reduced-motion: reduce) {
  .lch-wrap .lch-sit-header,
  .lch-wrap .lch-sit-body,
  .lch-wrap .lch-sit-footer { animation: none !important; opacity: 1; transform: none; }
}

.sticky-button-mobile {
	left: 0;
}