Machine Readiness
Stored receipt and evidence
24
80
0
0
0
Samples
Offer samples
No stored offer samples.
Samples
Action samples
No stored action samples.
Samples
Product samples
No stored product samples.
Document
robots.txt
Not stored for this site.
Document
llms.txt
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Ter crédito não precisa ser complicado. KSK + TIM com parcelas acessíveis, até 36 meses para pagar e benefícios exclusivos." />
<meta name="keywords" content="Consórcio KSK, TIM, celular, consórcio, iPhone, Samsung, parcelas sem juros" />
<meta name="author" content="KSK Consórcio" />
<meta property="og:title" content="Consórcio KSK + TIM | Ter crédito não precisa ser complicado" />
<meta property="og:description" content="Crédito programado com KSK + TIM: parcelas acessíveis, até 36 meses e benefícios exclusivos." />
<meta property="og:type" content="website" />
<meta name="robots" content="index, follow" />
<title>Consórcio KSK + TIM | Crédito descomplicado</title>
<link href="/Ksk_Consorcio_files/bootstrap.min.css" rel="stylesheet" />
<script>
window.tailwind = window.tailwind || {};
window.tailwind.config = window.tailwind.config || {};
window.tailwind.config.important = '#lp-ksk-tim';
window.tailwind.config.corePlugins = window.tailwind.config.corePlugins || {};
window.tailwind.config.corePlugins.preflight = false;
</script>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@font-face {
font-family: 'LTStreak';
src: url('/fonts/LTStreak-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'LTStreak';
src: url('/fonts/LTStreak-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'LTStreak';
src: url('/fonts/LTStreak-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'timsans';
src: url('/fonts/timsans-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'timsans';
src: url('/fonts/timsans-medium.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'timsans';
src: url('/fonts/timsans-light.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'timsans';
src: url('/fonts/timsans-bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
body { font-family: 'LTStreak', sans-serif; }
.lp-ksk-tim, .lp-ksk-tim *, .lp-ksk-tim *::before, .lp-ksk-tim *::after { box-sizing: border-box; font-family: 'timsans', sans-serif; }
html { scroll-behavior: smooth; }
/* Compatibilidade de estilo do chat herdada da LP antiga (style.css) */
#chat #send-message textarea {
width: 100%;
font-size: 1rem;
touch-action: manipulation;
padding: 1rem;
min-height: 7rem;
max-height: 7rem;
}
.hero-bg {
background-color: #0026D9;
background-image: url(/images/dots.png);
}
.plans-bg { background: linear-gradient(180deg, #001a99 0%, #0022bb 100%); }
.vantagens-bg { background: linear-gradient(180deg, #001a99 0%, #0033cc 100%); }
.jornada-bg { background: #003399; }
.texto-azul-escuro {
color: #002198 !important;
}
.fundo-cinza-claro {
background-color: #F0F1F24D
}
.bg-azul {
background-color: #0026D9;
}
/* Scroll-snap carousel */
.snap-x { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.snap-start { scroll-snap-align: start; }
.no-scroll::-webkit-scrollbar { display: none; }
.no-scroll { -ms-overflow-style: none; scrollbar-width: none; }
/* FAQ */
.lp-ksk-tim details > summary { list-style: none; }
.lp-ksk-tim details > summary::-webkit-details-marker { display: none; }
.lp-ksk-tim details[open] .chevron { transform: rotate(180deg); }
.lp-ksk-tim .chevron { transition: transform .25s ease; }
.lp-ksk-tim .faq-list {
display: grid;
gap: 10px;
}
.lp-ksk-tim .faq-item {
border: 1px solid #d9e3ff;
border-radius: 14px;
background: #f7f9ff;
padding: 10px 14px;
transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.lp-ksk-tim .faq-item[open] {
background: #ffffff;
border-color: #b8c9ff;
box-shadow: 0 8px 22px rgba(15, 47, 122, .08);
}
.lp-ksk-tim .faq-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
cursor: pointer;
}
.lp-ksk-tim .faq-title {
font-size: .96rem;
line-height: 1.4;
font-weight: 700;
color: #0f2f7a;
}
.lp-ksk-tim .faq-answer {
margin-top: 8px;
padding-right: 26px;
font-size: .93rem;
line-height: 1.55;
color: #42526b;
}
.lp-ksk-tim .ksk-footer {
position: relative;
overflow: hidden;
color: #eef4ff;
background-color: #0026D9;
}
.lp-ksk-tim .ksk-footer::before {
content: "";
position: absolute;
inset: 0;
background: url('/images/dots.png') center/150px;
opacity: .12;
pointer-events: none;
}
.lp-ksk-tim .ksk-footer::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 67% 36%, rgba(158, 194, 255, .24) 0%, rgba(158, 194, 255, 0) 32%),
radial-gradient(circle at 94% 80%, rgba(146, 186, 243, .2) 0%, rgba(146, 186, 243, 0) 34%);
pointer-events: none;
}
.lp-ksk-tim .ksk-footer-inner {
position: relative;
z-index: 1;
}
.lp-ksk-tim .ksk-footer-grid {
display: grid;
grid-template-columns: minmax(170px, 220px) minmax(170px, 200px) minmax(220px, 330px) minmax(150px, 180px) minmax(240px, 340px);
gap: 26px;
align-items: start;
}
.lp-ksk-tim .ksk-footer-logo {
width: min(180px, 100%);
height: auto;
margin-bottom: 18px;
display: block;
}
.lp-ksk-tim .ksk-footer-social {
display: flex;
align-items: center;
gap: 12px;
}
.lp-ksk-tim .ksk-footer-social-link {
width: 48px;
height: 48px;
border-radius: 8px;
background: #7dcbff;
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
box-shadow: 0 8px 18px rgba(15, 47, 122, .2);
}
.lp-ksk-tim .ksk-footer-social-link:hover {
transform: translateY(-1px);
background: #8dd5ff;
box-shadow: 0 10px 20px rgba(15, 47, 122, .26);
}
.lp-ksk-tim .ksk-footer-social-link img {
width: 22px;
height: 22px;
display: block;
}
.lp-ksk-tim .ksk-footer-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.lp-ksk-tim .ksk-footer-title {
margin: 0 0 4px;
color: #ffffff;
font-size: 1.08rem;
line-height: 1.25;
font-weight: 700;
}
.lp-ksk-tim .ksk-footer-feature-link {
color: #ffffff;
font-size: 1.08rem;
line-height: 1.34;
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.lp-ksk-tim .ksk-footer-link {
color: #eef4ff;
font-size: 1.02rem;
line-height: 1.35;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.lp-ksk-tim .ksk-footer-link:hover,
.lp-ksk-tim .ksk-footer-feature-link:hover {
color: #ffffff;
}
.lp-ksk-tim .ksk-footer-text {
margin: 0;
color: #eef4ff;
font-size: 1.02rem;
line-height: 1.4;
}
.lp-ksk-tim .ksk-footer-contact-block {
margin-top: 6px;
display: flex;
flex-direction: column;
gap: 8px;
}
.lp-advantages {
margin-top: 28px;
background: radial-gradient(circle at 50% 0%, rgba(95, 108, 138, 0.3), transparent 50%), #111217;
padding: 80px 0 74px;
position: relative;
overflow: hidden;
min-height: 70vh;
}
.lp-advantages::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.34;
background:
repeating-radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12) 8%, transparent 9%, transparent 17%),
radial-gradient(circle at 50% -12%, rgba(186, 192, 204, 0.34), transparent 52%);
}
.lp-advantages .lp-section {
position: relative;
z-index: 1;
text-align: center;
}
.lp-advantages h2 {
margin: 0;
color: #f2f3f5;
font-size: clamp(1.8rem, 2.4vw, 2.8rem);
line-height: 1.05;
letter-spacing: -0.02em;
font-weight: 600;
}
.lp-advantages p {
margin: 18px 0 0;
color: #d1d4da;
font-size: 1.1rem;
}
.lp-advantage-grid {
margin-top: 44px;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 22px;
}
.lp-advantage-card {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 26px;
padding: 42px 34px;
text-align: left;
background: rgba(24, 28, 39, 0.58);
backdrop-filter: blur(3px);
}
.lp-advantage-card h2{
font-size: clamp(1.8rem, 2.4vw, 2rem);
}
/* Skeleton shimmer for missing images */
.img-ph {
background: linear-gradient(110deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.13) 50%,rgba(255,255,255,.06) 75%);
background-size: 200% 100%;
animation: shimmer 1.6s infinite;
}
.img-ph-light {
background: linear-gradient(110deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);
background-size: 200% 100%;
animation: shimmer 1.6s infinite;
}
@keyframes shimmer { to { background-position: -200% 0; } }
/* WhatsApp pulse */
.wpp-pulse { animation: wpp 2.4s ease-in-out infinite; }
@keyframes wpp {
0%,100% { box-shadow: 0 0 0 0 rgba(37,211,102,.5); }
50% { box-shadow: 0 0 0 14px rgba(37,211,102,0); }
}
/* Desktop Responsive Styles */
@media (min-width: 768px) {
.hero-content-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
align-items: center;
}
.hero-text-col {
order: 1;
}
.hero-logo-col {
order: 2;
}
.hero-img-wrapper {
margin-top: 2rem;
}
.como-funciona-grid {
grid-template-columns: repeat(2, 1fr);
}
.vantagens-grid {
grid-template-columns: repeat(2, 1fr);
}
.lp-advantage-grid{
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.hero-content-wrapper {
gap: 4rem;
}
.como-funciona-grid {
grid-template-columns: repeat(4, 1fr);
}
.vantagens-grid {
grid-template-columns: repeat(3, 1fr);
}
.lp-advantage-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1280px) {
.como-funciona-grid {
grid-template-columns: repeat(4, 1fr);
}
.vantagens-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.lp-ksk-tim .hero-nav-link {
color: #ffffff;
opacity: .9;
font-size: .95rem;
font-weight: 600;
transition: opacity .2s ease;
}
.lp-ksk-tim .hero-nav-link:hover { opacity: 1; }
.lp-ksk-tim .cta-layout {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
.lp-ksk-tim .cta-layout .cta-btn {
width: 100%;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 32px;
line-height: 1.2;
font-size: 1rem;
text-align: center;
}
.lp-ksk-tim .cta-layout .cta-btn.cta-primary-full {
grid-column: 1 / -1;
}
@media (min-width: 640px) {
.lp-ksk-tim .cta-layout {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
}
.lp-ksk-tim .hero-media-carousel {
position: relative;
width: 100%;
max-width: 560px;
margin: 0 auto;
border-radius: 18px;
overflow: hidden;
background: rgba(0, 0, 0, .22);
box-shadow: 0 24px 56px rgba(0, 0, 0, .28);
}
.lp-ksk-tim .hero-media-slide {
display: none;
width: 100%;
aspect-ratio: 16 / 9;
background: #021a4c;
}
.lp-ksk-tim .hero-media-slide.is-active { display: block; }
.lp-ksk-tim .hero-media-slide img,
.lp-ksk-tim .hero-media-slide video {
width: 100%;
height: 100%;
display: block;
}
.lp-ksk-tim .hero-media-slide video {
object-fit: cover;
}
.lp-ksk-tim .hero-media-slide img {
object-fit: cover;
object-position: center;
cursor: zoom-in;
background: #021a4c;
}
.lp-ksk-tim .hero-media-slide img:focus-visible {
outline: 2px solid #ffffff;
outline-offset: -2px;
}
.lp-ksk-tim .hero-media-dots {
display: flex;
gap: 8px;
justify-content: center;
margin-top: 14px;
}
.lp-ksk-tim .hero-media-dot {
width: 9px;
height: 9px;
border-radius: 999px;
border: 0;
background: rgba(255, 255, 255, .45);
cursor: pointer;
padding: 0;
}
.lp-ksk-tim .hero-media-dot.is-active { background: #ffffff; }
.lp-ksk-tim .hero-image-lightbox {
position: fixed;
inset: 0;
z-index: 1200;
background: rgba(2, 10, 28, .88);
display: none;
align-items: center;
justify-content: center;
padding: 24px;
}
.lp-ksk-tim .hero-image-lightbox.is-open {
display: flex;
}
.lp-ksk-tim .hero-image-lightbox img {
width: 100%;
max-width: 1280px;
max-height: 90vh;
object-fit: contain;
border-radius: 12px;
box-shadow: 0 20px 42px rgba(0, 0, 0, .45);
background: #021a4c;
}
.lp-ksk-tim .hero-image-lightbox-close {
position: absolute;
top: 16px;
right: 16px;
width: 42px;
height: 42px;
border: 0;
border-radius: 999px;
color: #ffffff;
background: rgba(255, 255, 255, .16);
font-size: 28px;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.lp-ksk-tim .trust-divider-section {
position: relative;
z-index: 22;
margin-top: -34px;
padding: 0 0 6px 0;
background: transparent;
}
.lp-ksk-tim .trust-divider-grid {
display: grid;
grid-template-columns: repeat(2, minmax(280px, 360px));
column-gap: 64px;
row-gap: 14px;
max-width: none;
justify-content: center;
margin: 0 auto;
}
.lp-ksk-tim .trust-badge {
border: 1px solid rgba(0, 38, 217, .2);
background: #ffffff;
border-radius: 16px;
padding: 6px 10px;
min-height: 62px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-shadow: 0 14px 30px rgba(0, 26, 97, .16);
}
.lp-ksk-tim .trust-badge img {
width: 100%;
height: auto;
max-height: 40px;
object-fit: contain;
display: block;
}
.lp-ksk-tim .trust-badge--reclame img {
display: block;
width: 90%;
max-width: 304px;
height: auto;
max-height: 50px;
margin: 0 auto;
object-fit: contain;
transform: none;
}
@media (max-width: 767px) {
.lp-ksk-tim .trust-divider-section {
margin-top: -24px;
padding-bottom: 4px;
}
.lp-ksk-tim .trust-divider-grid {
grid-template-columns: 1fr;
gap: 12px;
max-width: 520px;
}
.lp-ksk-tim .trust-badge {
min-height: 58px;
padding: 6px 10px;
}
.lp-ksk-tim .trust-badge img {
max-height: 36px;
}
.lp-ksk-tim .trust-badge--reclame img {
width: 88%;
max-width: 256px;
height: auto;
max-height: 44px;
margin: 0 auto;
transform: none;
}
}
.lp-ksk-tim .compare-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
border-radius: 16px;
border: 1px solid #e3e8f4;
}
.lp-ksk-tim .compare-table th,
.lp-ksk-tim .compare-table td {
padding: 14px 12px;
text-align: left;
vertical-align: top;
font-size: .9rem;
line-height: 1.45;
}
.lp-ksk-tim .compare-table thead th {
background: #0f2f7a;
color: #fff;
font-weight: 700;
}
.lp-ksk-tim .compare-table tbody tr:nth-child(even) td {
background: #f7f9ff;
}
.lp-ksk-tim .compare-table tbody td:first-child {
font-weight: 700;
color: #0f2f7a;
width: 28%;
}
.lp-ksk-tim .compare-switch {
display: inline-flex;
align-items: center;
gap: 4px;
margin: 0 0 14px;
padding: 4px;
border-radius: 999px;
border: 1px solid #d4defa;
background: #eef3ff;
}
.lp-ksk-tim .compare-switch-btn {
appearance: none;
border: 0;
background: transparent;
color: #12327d;
border-radius: 999px;
padding: 8px 14px;
line-height: 1;
font-size: .9rem;
font-weight: 700;
min-width: 70px;
cursor: pointer;
transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.lp-ksk-tim .compare-switch-btn.is-active {
background: #0026d9;
color: #ffffff;
box-shadow: 0 8px 18px rgba(0, 38, 217, .28);
}
.lp-ksk-tim .compare-switch-btn:focus-visible {
outline: 2px solid #12327d;
outline-offset: 2px;
}
.lp-ksk-tim .compare-panel[hidden] {
display: none !important;
}
.lp-ksk-tim .como-funciona-card {
background: linear-gradient(180deg, #f1f5ff 0%, #e7eeff 100%);
border: 1px solid #c8d6ff;
box-shadow: 0 10px 22px rgba(0, 38, 217, .12);
}
.lp-ksk-tim .como-funciona-card-header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
margin-bottom: 10px;
}
.lp-ksk-tim .como-funciona-card-icon {
width: 24px;
height: 24px;
display: block;
object-fit: contain;
}
.lp-ksk-tim .como-funciona-card h3 {
color: #002198 !important;
font-weight: 600;
line-height: 1.35;
margin: 0;
}
.lp-ksk-tim .pricing-section-subtitle {
max-width: 760px;
margin: 0 auto 22px;
color: rgba(255, 255, 255, .88);
text-align: center;
font-size: 1rem;
line-height: 1.55;
}
.lp-ksk-tim .pricing-carousel {
position: relative;
width: 100%;
padding: 0 46px;
}
.lp-ksk-tim .pricing-carousel-track {
display: flex;
gap: 16px;
align-items: stretch;
width: 100%;
overflow-x: auto;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
touch-action: pan-x;
padding: 4px 2px 14px;
}
.lp-ksk-tim .pricing-carousel-track::-webkit-scrollbar {
display: none;
}
.lp-ksk-tim .pricing-card {
flex: 0 0 min(280px, calc(100vw - 4.75rem));
min-width: 0;
min-height: 398px;
display: flex;
flex-direction: column;
border: 1px solid #dce6ff;
box-shadow: 0 10px 22px rgba(2, 27, 130, .18);
}
.lp-ksk-tim .pricing-card-top {
border-radius: 14px;
padding: 16px;
margin-bottom: 14px;
background: linear-gradient(180deg, #f4f7ff 0%, #eaf1ff 100%);
border: 1px solid #d9e4ff;
}
.lp-ksk-tim .pricing-card-tag {
color: #5972a7;
font-size: .78rem;
line-height: 1.2;
letter-spacing: .08em;
text-transform: uppercase;
margin: 0 0 10px;
}
.lp-ksk-tim .pricing-card-value {
margin: 0 0 10px;
color: #0f2f7a;
font-size: 1.8rem;
line-height: 1.05;
font-weight: 800;
white-space: nowrap;
}
.lp-ksk-tim .pricing-card-price {
margin: 0;
color: #334563;
font-size: .98rem;
line-height: 1.4;
}
.lp-ksk-tim .pricing-card-price strong {
color: #0026d9;
font-weight: 800;
}
.lp-ksk-tim .pricing-card-divider {
height: 1px;
margin: 0 2px 14px;
background: linear-gradient(90deg, rgba(0, 38, 217, 0) 0%, rgba(0, 38, 217, .18) 18%, rgba(0, 38, 217, .18) 82%, rgba(0, 38, 217, 0) 100%);
}
.lp-ksk-tim .pricing-card-body {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 18px;
}
.lp-ksk-tim .product-image {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.lp-ksk-tim .pricing-card-list-title {
margin: 0;
color: #0f2f7a;
font-size: .9rem;
line-height: 1.3;
font-weight: 700;
}
.lp-ksk-tim .pricing-card-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.lp-ksk-tim .pricing-card-list li {
position: relative;
padding-left: 14px;
color: #42526b;
font-size: .92rem;
line-height: 1.42;
}
.lp-ksk-tim .pricing-card-list li::before {
content: "";
position: absolute;
top: .5em;
left: 0;
width: 6px;
height: 6px;
border-radius: 999px;
background: #1a98ff;
transform: translateY(-50%);
}
.lp-ksk-tim .pricing-disclaimer {
max-width: 920px;
margin: 18px auto 0;
color: rgba(255, 255, 255, .74);
text-align: center;
font-size: .9rem;
line-height: 1.55;
}
.lp-ksk-tim .pricing-carousel-btn {
position: absolute;
top: calc(50% - 8px);
transform: translateY(-50%);
z-index: 4;
width: 38px;
height: 38px;
border-radius: 999px;
border: 1px solid rgba(0, 38, 217, .35);
background: rgba(255, 255, 255, .96);
color: #0026d9;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
box-shadow: 0 10px 20px rgba(0, 31, 132, .22);
transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.lp-ksk-tim .pricing-carousel-btn:hover {
background: #ffffff;
transform: translateY(-50%) scale(1.04);
}
.lp-ksk-tim .pricing-carousel-btn:focus-visible {
outline: 2px solid #ffffff;
outline-offset: 2px;
box-shadow: 0 0 0 2px rgba(0, 38, 217, .45);
}
.lp-ksk-tim .pricing-carousel-btn:disabled {
opacity: .42;
cursor: default;
box-shadow: none;
transform: translateY(-50%);
}
.lp-ksk-tim .pricing-carousel-btn--prev {
left: 2px;
}
.lp-ksk-tim .pricing-carousel-btn--next {
right: 2px;
}
@media (min-width: 768px) {
.lp-ksk-tim .pricing-card {
flex-basis: 292px;
}
}
@media (max-width: 767px) {
.lp-ksk-tim .pricing-carousel {
padding: 0 36px;
}
.lp-ksk-tim .pricing-carousel-btn {
width: 34px;
height: 34px;
font-size: 1.2rem;
}
.lp-ksk-tim .pricing-card {
min-height: 384px;
}
}
@media (max-width: 1279px) {
.lp-ksk-tim .ksk-footer-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px 20px;
}
}
@media (max-width: 991px) {
.lp-ksk-tim .ksk-footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lp-ksk-tim .ksk-footer-col {
gap: 8px;
}
}
@media (max-width: 767px) {
.lp-ksk-tim .hero-nav-items {
width: 100%;
justify-content: space-between;
}
.lp-ksk-tim .hero-nav-link {
font-size: .84rem;
}
.lp-ksk-tim .compare-table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.lp-ksk-tim .pricing-carousel {
padding: 0 34px;
}
.lp-ksk-tim .pricing-carousel-btn {
width: 32px;
height: 32px;
font-size: 1.2rem;
}
.lp-ksk-tim .faq-title {
font-size: .9rem;
}
.lp-ksk-tim .faq-answer {
font-size: .88rem;
padding-right: 0;
}
.lp-ksk-tim .ksk-footer-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.lp-ksk-tim .ksk-footer-logo {
width: 145px;
margin-bottom: 14px;
}
.lp-ksk-tim .ksk-footer-social-link {
width: 44px;
height: 44px;
}
.lp-ksk-tim .ksk-footer-link,
.lp-ksk-tim .ksk-footer-text,
.lp-ksk-tim .ksk-footer-feature-link {
font-size: .96rem;
}
}
</style>
<script type="module" crossorigin src="/assets/index-8ed8d136.js"></script>
<link rel="stylesheet" href="/assets/index-5b86532f.css">
</head>
<body class="bg-white overflow-x-hidden">
<div id="lp-ksk-tim" class="lp-ksk-tim">
<!-- ═══════════════════════════════
HERO
═══════════════════════════════ -->
<section id="inicio" class="hero-bg relative overflow-hidden pb-10 sm:pb-12">
<header class="w-full max-w-6xl mx-auto px-6 sm:px-8 lg:px-12 pt-5">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<a href="#inicio" class="inline-flex">
<img src="/images/logo-header.png" alt="KSK Consórcio" class="h-10 sm:h-12 w-auto" />
</a>
<nav class="hero-nav-items flex items-center gap-4 sm:gap-6" aria-label="Menu principal">
<a href="#produtos" class="hero-nav-link">Planos</a>
<a href="#ajuda" class="hero-nav-link">Ajuda</a>
<a href="https://netatend.kasinskiconsorcio.com.br/login" target="_blank" rel="noopener noreferrer" class="hero-nav-link">Minha área</a>
</nav>
</div>
</header>
<div class="w-full max-w-6xl mx-auto px-6 sm:px-8 lg:px-12 pt-8 sm:pt-12">
<div class="hero-content-wrapper">
<div class="hero-text-col relative z-10 pb-4 lg:pb-8">
<h1 class="text-4xl sm:text-4xl md:text-5xl lg:text-5xl xl:text-6xl text-white leading-tight mb-4 font-light">
Ter <span class="font-bold">CRÉDITO</span> não precisa ser complicado
</h1>
<p class="text-white sm:text-base opacity-90 leading-relaxed mb-7 max-w-lg">
Menores parcelas do mercado, até 36 meses para pagar e vantagens exclusivas na parceria KSK + TIM.
</p>
<div class="cta-layout">
<a href="#" data-open-chat="true"
class="cta-btn cta-primary-full block text-center bg-white text-blue-800 rounded-lg sm:text-base hover:bg-blue-50 active:scale-95 transition-all duration-150 shadow-lg">
Quero meu celular novo
</a>
<a href="https://api.whatsapp.com/send?phone=551134108100" target="_blank" rel="noopener noreferrer"
class="cta-btn block text-center bg-transparent text-white border border-white rounded-lg sm:text-base hover:bg-white/10 active:scale-95 transition-all duration-150">
Falar com atendente
</a>
<a href="https://api.whatsapp.com/send?phone=551152422262" target="_blank" rel="noopener noreferrer"
class="cta-btn block text-center bg-[#25D366] text-white rounded-lg sm:text-base hover:bg-[#1EBE5A] active:scale-95 transition-all duration-150 shadow-lg">
Comprar no WhatsApp
</a>
</div>
</div>
<div class="hero-logo-col pb-2 sm:pb-0">
<div class="hero-media-carousel" data-hero-carousel>
<div class="hero-media-slide is-active" data-hero-slide>
<video data-hero-video controls playsinline preload="metadata" autoplay>
<source src="https://meu-ksk.s3.us-east-1.amazonaws.com/chamadof.mp4" type="video/mp4" />
</video>
</div>
<div class="hero-media-slide" data-hero-slide>
<img
src="/images/banner-hero-1.png"
alt="Banner KSK Consórcio TIM - destaque 1"
data-expandable-image
tabindex="0"
role="button"
aria-label="Expandir imagem do banner 1"
/>
</div>
<div class="hero-media-slide" data-hero-slide>
<img
src="/images/banner-hero-2.png"
alt="Banner KSK Consórcio TIM - destaque 2"
data-expandable-image
tabindex="0"
role="button"
aria-label="Expandir imagem do banner 2"
/>
</div>
</div>
<div class="hero-media-dots" aria-label="Controle do banner">
<button type="button" class="hero-media-dot is-active" data-hero-dot="0" aria-label="Item 1"></button>
<button type="button" class="hero-media-dot" data-hero-dot="1" aria-label="Item 2"></button>
<button type="button" class="hero-media-dot" data-hero-dot="2" aria-label="Item 3"></button>
</div>
</div>
</div>
</div>
</section>
<div class="hero-image-lightbox" data-hero-lightbox aria-hidden="true">
<button type="button" class="hero-image-lightbox-close" data-hero-lightbox-close aria-label="Fechar imagem">×</button>
<img src="" alt="" data-hero-lightbox-image />
</div>
<!--<section class="trust-divider-section">-->
<!-- <div class="max-w-6xl mx-auto px-6 sm:px-8 lg:px-12">-->
<!-- <div class="trust-divider-grid">-->
<!-- <div class="trust-badge">-->
<!-- <img-->
<!-- src="/images/insignia-banco-central.png"-->
<!-- alt="Autorizada e fiscalizada pelo Banco Central do Brasil"-->
<!-- loading="lazy"-->
<!-- decoding="async"-->
<!-- />-->
<!-- </div>-->
<!-- <div class="trust-badge trust-badge--reclame">-->
<!-- <img-->
<!-- src="/images/insignia-reclame-aqui.png"-->
<!-- alt="Verificada por ReclameAQUI"-->
<!-- loading="lazy"-->
<!-- decoding="async"-->
<!-- />-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<!-- ==================================
COMO FUNCIONA
================================== -->
<section class="bg-white py-14 sm:py-20">
<div class="max-w-6xl mx-auto px-6 sm:px-8 lg:px-12">
<h2 class="text-2xl sm:text-3xl font-medium text-gray-900 text-center mb-3">Como funciona</h2>
<p class="text-gray-600 text-sm sm:text-base text-center mb-10 leading-relaxed max-w-4xl mx-auto">
O consórcio é uma forma simples de conquistar seu novo celular, com parcelas acessíveis, possibilidade de contemplação desde a primeira assembleia e opção de acelerar usando lance. Tudo isso sem comprometer o limite do cartão.
</p>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
<article class="como-funciona-card rounded-2xl p-4">
<div class="como-funciona-card-header">
<img class="como-funciona-card-icon" src="/Ksk_Consorcio_files/percent-1.svg" alt="">
<h3 class="text-gray-900 texto-azul-escuro sm:text-base">Menores parcelas do mercado</h3>
</div>
<p class="text-sm">Parcelas que cabem no seu orçamento e aliviam o seu dia a dia.</p>
</article>
<article class="como-funciona-card rounded-2xl p-4">
<div class="como-funciona-card-header">
<img class="como-funciona-card-icon" src="/images/shopping-cart.svg" alt="">
<h3 class="text-gray-900 texto-azul-escuro sm:text-base">Poder de compra à vista</h3>
</div>
<p class="text-sm">Com o consórcio você constrói seu crédito e, na contemplação, tem o valor total para comprar o seu celular de uma vez.</p>
</article>
<article class="como-funciona-card rounded-2xl p-4">
<div class="como-funciona-card-header">
<img class="como-funciona-card-icon" src="/Ksk_Consorcio_files/acute-1.svg" alt="">
<h3 class="text-gray-900 texto-azul-escuro sm:text-base">Tem pressa? Dê um Lance!</h3>
</div>
<p class="text-sm">Ofereça um lance e antecipe a conquista do seu celular. Flexibilidade total para quem quer agilizar o processo.</p>
</article>
<article class="como-funciona-card rounded-2xl p-4">
<div class="como-funciona-card-header">
<img class="como-funciona-card-icon" src="/Ksk_Consorcio_files/beenhere.svg" alt="">
<h3 class="text-gray-900 texto-azul-escuro sm:text-base">Disponível para negativados</h3>
</div>
<p class="text-sm">Você pode contratar mesmo estando negativado, mas precisa estar regularizado na contemplação.</p>
</article>
<article class="como-funciona-card rounded-2xl p-4">
<div class="como-funciona-card-header">
<img class="como-funciona-card-icon" src="/Ksk_Consorcio_files/money_off.svg" alt="">
<h3 class="text-gray-900 texto-azul-escuro sm:text-base">Sem usar cartão de crédito</h3>
</div>
<p class="text-sm">O consórcio possibilita longos parcelamentos e não compromete o seu limite do cartão. Pague em até 36x.</p>
</article>
</div>
</div>
</section>
<!-- ==================================
PLANOS E VALORES
================================== -->
<section id="produtos" class="bg-azul py-14 sm:py-20">
<div class="max-w-6xl mx-auto px-4 sm:px-8 lg:px-12">
<h2 class="text-3xl sm:text-3xl text-white text-center mb-3">Produtos</h2>
<p class="pricing-section-subtitle">
Compare as opções de crédito e descubra a forma mais inteligente de realizar sua próxima conquista.
</p>
<div class="pricing-carousel" data-pricing-carousel>
<button type="button" class="pricing-carousel-btn pricing-carousel-btn--prev" data-pricing-prev aria-label="Mostrar card anterior">‹</button>
<button type="button" class="pricing-carousel-btn pricing-carousel-btn--next" data-pricing-next aria-label="Mostrar próximo card">›</button>
<div class="pricing-carousel-track" data-pricing-track>
<article class="pricing-card snap-start flex-shrink-0 bg-white rounded-2xl p-5 hover:shadow-2xl hover:-translate-y-1 transition-all duration-200">
<div class="pricing-card-top">
<p class="pricing-card-tag">Crédito programado</p>
<h3 class="pricing-card-value">R$ 10.000,00</h3>
<p class="pricing-card-price">A partir de: <strong>R$ 408</strong></p>
</div>
<div class="">
<img src="/images/10k.png" class="product-image">
</div>
<div class="pricing-card-divider" aria-hidden="true"></div>
<div class="pricing-card-body">
<p class="pricing-card-list-title">Produtos sugeridos</p>
<ul class="pricing-card-list">
<li>iPhone 17</li>
<li>Note gamer Alienware 16 Aurora</li>
<li>Drone DJI Mini 4 Pro</li>
<li>Headset Astro A50 X</li>
</ul>
</div>
<a href="#" data-open-chat="true" class="bot-button mt-auto block w-full text-center bg-azul text-white font-light rounded-lg py-2 hover:bg-blue-800 transition-colors">Contratar</a>
</article>
<article class="pricing-card snap-start flex-shrink-0 bg-white rounded-2xl p-5 hover:shadow-2xl hover:-translate-y-1 transition-all duration-200">
<div class="pricing-card-top">
<p class="pricing-card-tag">Crédito programado</p>
<h3 class="pricing-card-value">R$ 9.000,00</h3>
<p class="pricing-card-price">A partir de: <strong>R$ 367</strong></p>
</div>
<div class="">
<img src="/images/9k.png" class="product-image">
</div>
<div class="pricing-card-divider" aria-hidden="true"></div>
<div class="pricing-card-body">
<p class="pricing-card-list-title">Produtos sugeridos</p>
<ul class="pricing-card-list">
<li>Galaxy S26+</li>
<li>Note Galaxy Book4 Ultra</li>
<li>Galaxy Watch7 + Galaxy Buds4</li>
</ul>
</div>
<a href="#" data-open-chat="true" class="bot-button mt-auto block w-full text-center bg-azul text-white font-light rounded-lg py-2 hover:bg-blue-800 transition-colors">Contratar</a>
</article>
<article class="pricing-card snap-start flex-shrink-0 bg-white rounded-2xl p-5 hover:shadow-2xl hover:-translate-y-1 transition-all duration-200">
<div class="pricing-card-top">
<p class="pricing-card-tag">Crédito programado</p>
<h3 class="pricing-card-value">R$ 8.000,00</h3>
<p class="pricing-card-price">A partir de: <strong>R$ 326</strong></p>
</div>
<div class="">
<img src="/images/8k.png" class="product-image">
</div>
<div class="pricing-card-divider" aria-hidden="true"></div>
<div class="pricing-card-body">
<p class="pricing-card-list-title">Produtos sugeridos</p>
<ul class="pricing-card-list">
<li>Galaxy S26</li>
<li>Note Galaxy Book4</li>
<li>Galaxy Tab S10 FE + Galaxy Watch7</li>
</ul>
</div>
<a href="#" data-open-chat="true" class="bot-button mt-auto block w-full text-center bg-azul text-white font-light rounded-lg py-2 hover:bg-blue-800 transition-colors">Contratar</a>
</article>
<article class="pricing-card snap-start flex-shrink-0 bg-white rounded-2xl p-5 hover:shadow-2xl hover:-translate-y-1 transition-all duration-200">
<div class="pricing-card-top">
<p class="pricing-card-tag">Crédito programado</p>
<h3 class="pricing-card-value">R$ 7.000,00</h3>
<p class="pricing-card-price">A partir de: <strong>R$ 285</strong></p>
</div>
<div class="">
<img src="/images/7k.png" class="product-image">
</div>
<div class="pricing-card-divider" aria-hidden="true"></div>
<div class="pricing-card-body">
<p class="pricing-card-list-title">Produtos sugeridos</p>
<ul class="pricing-card-list">
<li>Xiaomi 15T Pro</li>
<li>Lenovo LOQ 15</li>
<li>Nintendo Switch OLED</li>
</ul>
</div>
<a href="#" data-open-chat="true" class="bot-button mt-auto block w-full text-center bg-azul text-white font-light rounded-lg py-2 hover:bg-blue-800 transition-colors">Contratar</a>
</article>
<article class="pricing-card snap-start flex-shrink-0 bg-white rounded-2xl p-5 hover:shadow-2xl hover:-translate-y-1 transition-all duration-200">
<div class="pricing-card-top">
<p class="pricing-card-tag">Crédito programado</p>
<h3 class="pricing-card-value">R$ 6.000,00</h3>
<p class="pricing-card-price">A partir de: <strong>R$ 244</strong></p>
</div>
<div class="">
<img src="/images/6k.png" class="product-image">
</div>
<div class="pricing-card-divider" aria-hidden="true"></div>
<div class="pricing-card-body">
<p class="pricing-card-list-title">Produtos sugeridos</p>
<ul class="pricing-card-list">
<li>Motorola Razr 60</li>
<li>ASUS Vivobook 15</li>
<li>Galaxy Buds3 Pro + Galaxy Buds3</li>
</ul>
</div>
<a href="#" data-open-chat="true" class="bot-button mt-auto block w-full text-center bg-azul text-white font-light rounded-lg py-2 hover:bg-blue-800 transition-colors">Contratar</a>
</article>
<article class="pricing-card snap-start flex-shrink-0 bg-white rounded-2xl p-5 hover:shadow-2xl hover:-translate-y-1 transition-all duration-200">
<div class="pricing-card-top">
<p class="pricing-card-tag">Crédito programado</p>
<h3 class="pricing-card-value">R$ 5.000,00</h3>
<p class="pricing-card-price">A partir de: <strong>R$ 204</strong></p>
</div>
<div class="">
<img src="/images/5k.png" class="product-image">
</div>
<div class="pricing-card-divider" aria-hidden="true"></div>
<div class="pricing-card-body">
<p class="pricing-card-list-title">Produtos sugeridos</p>
<ul class="pricing-card-list">
<li>POCO F7 Pro</li>
<li>Lenovo IdeaPad 1i</li>
<li>Redmi Watch 5 PRO + Redmi Watch 5</li>
</ul>
</div>
<a href="#" data-open-chat="true" class="bot-button mt-auto block w-full text-center bg-azul text-white font-light rounded-lg py-2 hover:bg-blue-800 transition-colors">Contratar</a>
</article>
<article class="pricing-card snap-start flex-shrink-0 bg-white rounded-2xl p-5 hover:shadow-2xl hover:-translate-y-1 transition-all duration-200">
<div class="pricing-card-top">
<p class="pricing-card-tag">Crédito programado</p>
<h3 class="pricing-card-value">R$ 4.000,00</h3>
<p class="pricing-card-price">A partir de: <strong>R$ 163</strong></p>
</div>
<div class="">
<img src="/images/4k.png" class="product-image">
</div>
<div class="pricing-card-divider" aria-hidden="true"></div>
<div class="pricing-card-body">
<p class="pricing-card-list-title">Produtos sugeridos</p>
<ul class="pricing-card-list">
<li>Motorola Edge 60 Neo</li>
<li>Galaxy Tab S10 FE</li>
<li>JBL Boombox 3 + Xiaomi S4 SmartWatch</li>
</ul>
</div>
<a href="#" data-open-chat="true" class="bot-button mt-auto block w-full text-center bg-azul text-white font-light rounded-lg py-2 hover:bg-blue-800 transition-colors">Contratar</a>
</article>
<article class="pricing-card snap-start flex-shrink-0 bg-white rounded-2xl p-5 hover:shadow-2xl hover:-translate-y-1 transition-all duration-200">
<div class="pricing-card-top">
<p class="pricing-card-tag">Crédito programado</p>
<h3 class="pricing-card-value">R$ 3.000,00</h3>
<p class="pricing-card-price">A partir de: <strong>R$ 122</strong></p>
</div>
<div class="">
<img src="/images/3k.png" class="product-image">
</div>
<div class="pricing-card-divider" aria-hidden="true"></div>
<div class="pricing-card-body">
<p class="pricing-card-list-title">Produtos sugeridos</p>
<ul class="pricing-card-list">
<li>POCO X7 Pro</li>
<li>Redmi Watch 5 + Redmi Buds 6 Lite</li>
</ul>
</div>
<a href="#" data-open-chat="true" class="bot-button mt-auto block w-full text-center bg-azul text-white font-light rounded-lg py-2 hover:bg-blue-800 transition-colors">Contratar</a>
</article>
<article class="pricing-card snap-start flex-shrink-0 bg-white rounded-2xl p-5 hover:shadow-2xl hover:-translate-y-1 transition-all duration-200">
<div class="pricing-card-top">
<p class="pricing-card-tag">Crédito programado</p>
<h3 class="pricing-card-value">R$ 2.000,00</h3>
<p class="pricing-card-price">A partir de: <strong>R$ 81</strong></p>
</div>
<div class="">
<img src="/images/2k.png" class="product-image">
</div>
<div class="pricing-card-divider" aria-hidden="true"></div>
<div class="pricing-card-body">
<p class="pricing-card-list-title">Produtos sugeridos</p>
<ul class="pricing-card-list">
<li>Redmi Note 14 Pro 5G</li>
<li>JBL Charge 6</li>
<li>Redmi Buds 6 Play</li>
</ul>
</div>
<a href="#" data-open-chat="true" class="bot-button mt-auto block w-full text-center bg-azul text-white font-light rounded-lg py-2 hover:bg-blue-800 transition-colors">Contratar</a>
</article>
<article class="pricing-card snap-start flex-shrink-0 bg-white rounded-2xl p-5 hover:shadow-2xl hover:-translate-y-1 transition-all duration-200">
<div class="pricing-card-top">
<p class="pricing-card-tag">Crédito programado</p>
<h3 class="pricing-card-value">R$ 1.000,00</h3>
<p class="pricing-card-price">A partir de: <strong>R$ 40</strong></p>
</div>
<div class="">
<img src="/images/1k.png" class="product-image">
</div>
<div class="pricing-card-divider" aria-hidden="true"></div>
<div class="pricing-card-body">
<p class="pricing-card-list-title">Produtos sugeridos</p>
<ul class="pricing-card-list">
<li>Moto G05</li>
<li>Moto Buds 065</li>
</ul>
</div>
<a href="#" data-open-chat="true" class="bot-button mt-auto block w-full text-center bg-azul text-white font-light rounded-lg py-2 hover:bg-blue-800 transition-colors">Contratar</a>
</article>
</div>
</div>
<p class="pricing-disclaimer">
Os produtos sugeridos são meramente ilustrativos e têm o objetivo de exemplificar as possibilidades de uso do crédito. A KSK não garante a disponibilidade dos itens apresentados, nem a equivalência exata de seus preços.
</p>
</div>
</section>
<!-- ==================================
VANTAGENS EXCLUSIVAS TIM
================================== -->
<section class="py-14 sm:py-20">
<div class="max-w-6xl mx-auto px-6 sm:px-8 lg:px-12 lg:grid lg:grid-cols-2 lg:gap-12 lg:items-center">
<div class="mb-8 lg:mb-0">
<img src="/images/friends.png" alt="Clientes satisfeitos com o crédito KSK + TIM" class="w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-full mx-auto lg:mx-0 rounded-2xl object-cover img-ph" style="min-height:220px;" />
</div>
<div>
<h2 class="text-3xl sm:text-3xl mb-3">Seu crédito na prática</h2>
<div class="compare-switch" data-compare-switch role="tablist" aria-label="Selecionar prazo do comparativo">
<button
type="button"
class="compare-switch-btn is-active"
data-compare-target="36"
role="tab"
aria-selected="true"
aria-controls="compare-table-36"
id="compare-tab-36"
>
36x
</button>
<button
type="button"
class="compare-switch-btn"
data-compare-target="24"
role="tab"
aria-selected="false"
aria-controls="compare-table-24"
id="compare-tab-24"
tabindex="-1"
>
24x
</button>
</div>
<div class="compare-panel" data-compare-panel="36" id="compare-table-36" role="tabpanel" aria-labelledby="compare-tab-36" aria-hidden="false">
<table class="compare-table" aria-label="Tabela comparativa de mensalidades por crédito em 36 vezes">
<thead>
<tr>
<th>Crédito</th>
<th>Empréstimo</th>
<th>Crediário</th>
<th>KSK Consórcio</th>
</tr>
</thead>
<tbody>
<tr>
<td>R$ 2.000,00</td>
<td>R$ 176,06</td>
<td>R$ 213,30</td>
<td>R$ 81,61</td>
</tr>
<tr>
<td>R$ 4.000,00</td>
<td>R$ 352,12</td>
<td>R$ 426,60</td>
<td>R$ 163,22</td>
</tr>
<tr>
<td>R$ 6.000,00</td>
<td>R$ 528,19</td>
<td>R$ 639,90</td>
<td>R$ 244,82</td>
</tr>
<tr>
<td>R$ 8.000,00</td>
<td>R$ 704,25</td>
<td>R$ 853,21</td>
<td>R$ 326,43</td>
</tr>
<tr>
<td>R$ 10.000,00</td>
<td>R$ 880,31</td>
<td>R$ 1.066,51</td>
<td>R$ 408,04</td>
</tr>
</tbody>
</table>
</div>
<div class="compare-panel" data-compare-panel="24" id="compare-table-24" role="tabpanel" aria-labelledby="compare-tab-24" aria-hidden="true" hidden>
<table class="compare-table" aria-label="Tabela comparativa de mensalidades por crédito em 24 vezes">
<thead>
<tr>
<th>Crédito</th>
<th>Empréstimo</th>
<th>Crediário</th>
<th>KSK Consórcio</th>
</tr>
</thead>
<tbody>
<tr>
<td>R$ 2.000,00</td>
<td>R$ 205,79</td>
<td>R$ 245,16</td>
<td>R$ 114,10</td>
</tr>
<tr>
<td>R$ 4.000,00</td>
<td>R$ 411,58</td>
<td>R$ 490,31</td>
<td>R$ 228,20</td>
</tr>
<tr>
<td>R$ 6.000,00</td>
<td>R$ 617,37</td>
<td>R$ 735,47</td>
<td>R$ 342,31</td>
</tr>
<tr>
<td>R$ 8.000,00</td>
<td>R$ 823,16</td>
<td>R$ 980,62</td>
<td>R$ 456,41</td>
</tr>
<tr>
<td>R$ 10.000,00</td>
<td>R$ 1.028,95</td>
<td>R$ 1.225,78</td>
<td>R$ 570,51</td>
</tr>
</tbody>
</table>
</div>
<div class="mt-8 cta-layout">
<a href="#" data-open-chat="true" class="cta-btn cta-primary-full block text-center bg-azul text-white rounded-lg sm:text-base hover:bg-blue-700 active:scale-95 transition-all duration-150 shadow-lg">Quero meu celular novo</a>
<a href="https://api.whatsapp.com/send?phone=551134108100" target="_blank" rel="noopener noreferrer" class="cta-btn block text-center bg-transparent text-blue-800 border border-blue-700 rounded-lg sm:text-base hover:bg-blue-50 active:scale-95 transition-all duration-150">Falar com atendente</a>
<a href="https://api.whatsapp.com/send?phone=551152422262" target="_blank" rel="noopener noreferrer" class="cta-btn block text-center bg-[#25D366] text-white rounded-lg sm:text-base hover:bg-[#1EBE5A] active:scale-95 transition-all duration-150 shadow-lg">Comprar no WhatsApp</a>
</div>
</div>
</div>
</section>
<!-- ==================================
SUA JORNADA
================================== -->
<section class="lp-advantages" id='vantagens-ksk'>
<div class="lp-section">
<h2>Vantagens que só a KSK</h2>
<h2>Consórcio oferece</h2>
<p>Você garante muito mais por muito menos.</p>
<div class="flex justify-center px-8">
<div class="lp-advantage-grid max-w-[1320px]">
<article class="lp-advantage-card">
<img class="w-10 block mb-3" src="/images/shopping-cart.svg" />
<h2>Sobrou crédito? Leve acessórios para o carrinho</h2>
</article>
<article class="lp-advantage-card">
<img class="w-10 block mb-3" src="/images/shield-check.svg" />
<h2>Seguro prestamista incluso na parcela</h2>
</article>
<article class="lp-advantage-card">
<img class="w-10 block mb-3" src="/images/message-circle.svg" />
<h2>Atendimento via WhatsApp - 100% digital</h2>
</article>
</div>
</div>
</div>
</section>
<!-- ==================================
FAQ
================================== -->
<section id="ajuda" class="bg-white pt-14 sm:pt-20">
<div class="max-w-4xl mx-auto px-6 sm:px-8 lg:px-12">
<h2 class="text-xl sm:text-2xl font-black text-gray-900 text-center mb-6">FAQ - Principais dúvidas</h2>
<div class="faq-list" data-faq-list>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">1. O que é o Crédito Programado da KSK em parceria com a TIM?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">É uma forma inteligente de comprar eletrônicos de maneira planejada, participando de reuniões mensais para liberação do limite de crédito.</p>
</details>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">2. Como posso antecipar minha liberação de compra?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">Você pode antecipar por meio da aceleração de liberação, adiantando parcelas para aumentar suas chances.</p>
</details>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">3. Como funcionam a seleção mensal e a aceleração de liberação?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">As liberações ocorrem por seleção mensal baseada na Loteria Federal e por aceleração com antecipação de parcelas.</p>
</details>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">4. Preciso ser cliente TIM para participar?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">Não. Qualquer pessoa pode participar do Crédito Programado de eletrônicos da KSK.</p>
</details>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">5. E se eu não for selecionado?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">Seu registro continua participando automaticamente das seleções mensais, desde que as mensalidades estejam em dia.</p>
</details>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">6. Posso usar o limite para qualquer eletrônico?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">Sim. O limite pode ser usado para smartphones, notebooks, TVs e outros eletrônicos.</p>
</details>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">7. Existe análise de crédito?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">Sim. A análise ocorre na adesão e no momento da liberação de compra.</p>
</details>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">8. Onde solicito a segunda via da mensalidade?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">Pelo WhatsApp: (11) 3410-8100.</p>
</details>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">9. O que acontece se eu atrasar o pagamento?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">O atraso pode suspender temporariamente sua participação nas seleções e impedir a liberação de compra.</p>
</details>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">10. Quero cancelar minha participação. Como faço?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">Para solicitar o encerramento do registro, envie mensagem para o WhatsApp (11) 3410-8100.</p>
</details>
<details class="faq-item group" data-faq-item>
<summary class="faq-summary">
<span class="faq-title">11. Cancelei meu registro. O que acontece agora?</span>
<svg class="chevron w-5 h-5 text-blue-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<p class="faq-answer">Você participa das seleções entre registros encerrados para receber os valores pagos, conforme as regras do contrato.</p>
</details>
</div>
</div>
</section>
<!-- ═══════════════════════════════
FOOTER
═══════════════════════════════ -->
<footer class="ksk-footer mt-8 sm:mt-10 py-10 sm:py-12">
<div class="ksk-footer-inner max-w-6xl mx-auto px-6 sm:px-8 lg:px-12">
<div class="ksk-footer-grid">
<div class="ksk-footer-col">
<a href="https://kskconsorcio.com.br/" class="w-full" target="_blank" rel="noopener noreferrer" aria-label="KSK Consórcio">
<img src="/images/ksk-logo.png" alt="KSK Consórcio" class="ksk-footer-logo" loading="lazy" decoding="async" />
</a>
<div class="ksk-footer-social">
<a href="https://www.linkedin.com/company/ksk-cons%C3%B3rcio/" target="_blank" rel="noopener noreferrer" class="ksk-footer-social-link" aria-label="LinkedIn KSK Consórcio">
<img src="/wp-content/uploads/2025/07/streamline_linkedin.svg" alt="" aria-hidden="true" />
</a>
<a href="https://www.instagram.com/kskconsorciooficial/" target="_blank" rel="noopener noreferrer" class="ksk-footer-social-link" aria-label="Instagram KSK Consórcio">
<img src="/wp-content/uploads/2025/07/proicons_instagram.svg" alt="" aria-hidden="true" />
</a>
<a href="https://www.facebook.com/kskconsorcios" target="_blank" rel="noopener noreferrer" class="ksk-footer-social-link" aria-label="Facebook KSK Consórcio">
<img src="/wp-content/uploads/2025/07/basil_facebook-outline.svg" alt="" aria-hidden="true" />
</a>
</div>
</div>
<div class="ksk-footer-col">
<a href="https://devolucao-de-grupos-encerrados.kskconsorcio.com.br/" target="_blank" rel="noopener noreferrer" class="ksk-footer-feature-link">
Devolução<br />de grupos<br />encerrados
</a>
</div>
<div class="ksk-footer-col">
<h3 class="ksk-footer-title">Links importantes</h3>
<a href="https://meuksk.com/wp-content/regulamento.pdf" target="_blank" rel="noopener noreferrer" class="ksk-footer-link">Regulamento vigente</a>
<a href="https://kskconsorcio.com.br/wp-content/uploads/2026/01/Calendario-Assembleia-2026-2.pdf" target="_blank" rel="noopener noreferrer" class="ksk-footer-link">Calendário de Assembleias e Vencimentos</a>
<a href="https://kskconsorcio.com.br/wp-content/uploads/2025/07/KSK-Politica-de-Privacidade-e-Protecao-de-Dados-18.6.25-Publico-v1.pdf" target="_blank" rel="noopener noreferrer" class="ksk-footer-link">Política de Privacidade</a>
<a href="https://kskconsorcio.com.br/politicas-de-cookies/" target="_blank" rel="noopener noreferrer" class="ksk-footer-link">Política de Cookies</a>
<a href="https://kskconsorcio.com.br/relatorio-de-ouvidoria/" target="_blank" rel="noopener noreferrer" class="ksk-footer-link">Relatórios de ouvidoria</a>
<a href="https://kskconsorcio.com.br/demonstracao-financeira/" target="_blank" rel="noopener noreferrer" class="ksk-footer-link">Demonstração financeira</a>
</div>
<div class="ksk-footer-col">
<h3 class="ksk-footer-title">Dúvidas frequentes</h3>
<a href="https://kskconsorcio.com.br/perguntas-frequentes/" target="_blank" rel="noopener noreferrer" class="ksk-footer-link">FAQ</a>
</div>
<div class="ksk-footer-col">
<h3 class="ksk-footer-title">Ouvidoria</h3>
<a href="mailto:ouvidoria@kskconsorcio.com.br" class="ksk-footer-link">ouvidoria@kskconsorcio.com.br</a>
<div class="ksk-footer-contact-block">
<h3 class="ksk-footer-title">Contato e localização</h3>
<p class="ksk-footer-text">Alameda Araguaia, 2044 - Torre 2 - 9º andar - Barueri, SP</p>
<p class="ksk-footer-text">(11) 3410-8100</p>
<p class="ksk-footer-text">0800 771 4446<br />Somente telefone fixo</p>
<a href="mailto:contato@kskconsorcio.com.br" class="ksk-footer-link">contato@kskconsorcio.com.br</a>
</div>
</div>
</div>
</div>
<div class="max-w-6xl mx-auto px-6 sm:px-8 lg:px-12 mt-10">
<div class="trust-divider-grid">
<div class="trust-badge">
<img
src="/images/insignia-banco-central.png"
alt="Autorizada e fiscalizada pelo Banco Central do Brasil"
loading="lazy"
decoding="async"
/>
</div>
<div class="trust-badge trust-badge--reclame">
<img
src="/images/insignia-reclame-aqui.png"
alt="Verificada por ReclameAQUI"
loading="lazy"
decoding="async"
/>
</div>
</div>
</div>
</footer>
<!-- WhatsApp Floating -->
<a href="#" data-open-chat="true" data-chat-launcher="floating"
aria-label="Abrir chat de compra"
class="floating-btn fixed bottom-5 right-5 sm:bottom-8 sm:right-8
w-14 h-14 sm:w-16 sm:h-16 rounded-full flex items-center justify-center z-50 shadow-2xl">
<img src="/Ksk_Consorcio_files/icon-cart-white.svg" alt="" aria-hidden="true" />
</a>
</div>
<script>
(function () {
var root = document.getElementById('lp-ksk-tim');
if (!root || typeof root.querySelector !== 'function') return;
var switchContainer = root.querySelector('[data-compare-switch]');
if (!switchContainer) return;
var buttons = switchContainer.querySelectorAll('[data-compare-target]');
var panels = root.querySelectorAll('[data-compare-panel]');
var currentLabel = root.querySelector('[data-compare-current]');
if (!buttons || !buttons.length || !panels || !panels.length) return;
function setActiveComparison(target) {
if (!target) return;
for (var btnIndex = 0; btnIndex < buttons.length; btnIndex += 1) {
var buttonTarget = buttons[btnIndex].getAttribute('data-compare-target');
var isActiveButton = buttonTarget === target;
buttons[btnIndex].classList.toggle('is-active', isActiveButton);
buttons[btnIndex].setAttribute('aria-selected', isActiveButton ? 'true' : 'false');
buttons[btnIndex].setAttribute('tabindex', isActiveButton ? '0' : '-1');
}
for (var panelIndex = 0; panelIndex < panels.length; panelIndex += 1) {
var panelTarget = panels[panelIndex].getAttribute('data-compare-panel');
var isActivePanel = panelTarget === target;
if (isActivePanel) {
panels[panelIndex].removeAttribute('hidden');
} else {
panels[panelIndex].setAttribute('hidden', 'hidden');
}
panels[panelIndex].setAttribute('aria-hidden', isActivePanel ? 'false' : 'true');
}
if (currentLabel) {
currentLabel.textContent = target + ' parcelas';
}
}
function moveFocus(currentIndex, offset) {
if (!buttons.length) return;
var nextIndex = currentIndex + offset;
if (nextIndex < 0) nextIndex = buttons.length - 1;
if (nextIndex >= buttons.length) nextIndex = 0;
var nextButton = buttons[nextIndex];
if (nextButton && typeof nextButton.focus === 'function') {
nextButton.focus();
}
if (nextButton) {
setActiveComparison(nextButton.getAttribute('data-compare-target'));
}
}
for (var i = 0; i < buttons.length; i += 1) {
(function (button, buttonIndex) {
button.addEventListener('click', function () {
setActiveComparison(button.getAttribute('data-compare-target'));
});
button.addEventListener('keydown', function (event) {
var key = event.key || event.code;
if (key === 'ArrowRight' || key === 'Right') {
event.preventDefault();
moveFocus(buttonIndex, 1);
return;
}
if (key === 'ArrowLeft' || key === 'Left') {
event.preventDefault();
moveFocus(buttonIndex, -1);
return;
}
if (key === 'Enter' || key === ' ' || key === 'Spacebar' || key === 'Space') {
event.preventDefault();
setActiveComparison(button.getAttribute('data-compare-target'));
}
});
})(buttons[i], i);
}
setActiveComparison('36');
})();
(function () {
var root = document.getElementById('lp-ksk-tim');
if (!root || typeof root.querySelector !== 'function') return;
var faqList = root.querySelector('[data-faq-list]');
if (!faqList) return;
var faqItems = faqList.querySelectorAll('[data-faq-item]');
if (!faqItems || faqItems.length < 2) return;
function closeOtherItems(activeItem) {
for (var i = 0; i < faqItems.length; i += 1) {
if (faqItems[i] === activeItem) continue;
faqItems[i].open = false;
}
}
for (var itemIndex = 0; itemIndex < faqItems.length; itemIndex += 1) {
(function (item) {
item.addEventListener('toggle', function () {
if (item.open) {
closeOtherItems(item);
}
});
})(faqItems[itemIndex]);
}
})();
(function () {
var root = document.getElementById('lp-ksk-tim');
if (!root) return;
var carousel = root.querySelector('[data-hero-carousel]');
if (!carousel) return;
var slides = carousel.querySelectorAll('[data-hero-slide]');
var dots = root.querySelectorAll('[data-hero-dot]');
if (!slides || !slides.length) return;
var index = 0;
var timer = null;
var videoFallbackTimer = null;
var imageRotationMs = 6500;
var maxVideoFallbackMs = 45000;
var hasStarted = false;
var completedRounds = 0;
function getVideoInSlide(slideIndex) {
if (slideIndex < 0 || slideIndex >= slides.length) return null;
return slides[slideIndex].querySelector('video');
}
function clearTimers() {
if (timer) clearTimeout(timer);
if (videoFallbackTimer) clearTimeout(videoFallbackTimer);
timer = null;
videoFallbackTimer = null;
}
function getVideoFallbackMs(video) {
if (!video) return maxVideoFallbackMs;
var duration = Number(video.duration);
if (isFinite(duration) && duration > 0) {
return Math.min(maxVideoFallbackMs, Math.max(7000, Math.floor(duration * 1000) + 1500));
}
return maxVideoFallbackMs;
}
function safePlay(video, preferMuted) {
if (!video || typeof video.play !== 'function') return;
video.muted = !!preferMuted;
var playAttempt = video.play();
if (playAttempt && typeof playAttempt.catch === 'function') {
playAttempt.catch(function () {
if (!video.muted) {
video.muted = true;
}
var fallbackAttempt = video.play();
if (fallbackAttempt && typeof fallbackAttempt.catch === 'function') {
fallbackAttempt.catch(function () {});
}
});
}
}
function pauseOtherVideos(activeIndex) {
for (var i = 0; i < slides.length; i += 1) {
if (i === activeIndex) continue;
var video = slides[i].querySelector('video');
if (video && typeof video.pause === 'function') {
video.pause();
}
}
}
function scheduleImageAdvance() {
if (slides.length < 2 || document.hidden) return;
var activeVideo = getVideoInSlide(index);
if (activeVideo) return;
timer = setTimeout(function () {
showSlide(index + 1);
}, imageRotationMs);
}
function scheduleVideoFallback(video) {
if (!video) return;
if (videoFallbackTimer) clearTimeout(videoFallbackTimer);
videoFallbackTimer = setTimeout(function () {
if (document.hidden) return;
var activeVideo = getVideoInSlide(index);
if (activeVideo !== video) return;
showSlide(index + 1);
}, getVideoFallbackMs(video));
}
function activateVideo(video, shouldResetPlayback) {
if (!video) return;
if (shouldResetPlayback) {
try {
video.currentTime = 0;
} catch (_) {
// Safari/iOS pode bloquear reset do currentTime durante carregamento.
}
}
var shouldMute = completedRounds >= 1;
safePlay(video, shouldMute);
scheduleVideoFallback(video);
}
function showSlide(nextIndex) {
if (nextIndex < 0) nextIndex = slides.length - 1;
if (nextIndex >= slides.length) nextIndex = 0;
var previousIndex = index;
var isFirstRender = !hasStarted;
var shouldResetPlayback = isFirstRender || nextIndex !== previousIndex;
hasStarted = true;
if (!isFirstRender && previousIndex === slides.length - 1 && nextIndex === 0) {
completedRounds += 1;
}
index = nextIndex;
for (var i = 0; i < slides.length; i += 1) {
slides[i].classList.toggle('is-active', i === index);
}
for (var d = 0; d < dots.length; d += 1) {
dots[d].classList.toggle('is-active', d === index);
}
clearTimers();
pauseOtherVideos(index);
var activeVideo = getVideoInSlide(index);
if (activeVideo) {
activateVideo(activeVideo, shouldResetPlayback);
return;
}
scheduleImageAdvance();
}
for (var dotIndex = 0; dotIndex < dots.length; dotIndex += 1) {
(function (currentDotIndex) {
dots[currentDotIndex].addEventListener('click', function () {
showSlide(currentDotIndex);
});
})(dotIndex);
}
for (var slideIndex = 0; slideIndex < slides.length; slideIndex += 1) {
var slideVideo = slides[slideIndex].querySelector('video');
if (!slideVideo) continue;
slideVideo.addEventListener('ended', function () {
if (!slides[index].contains(this)) return;
if (videoFallbackTimer) clearTimeout(videoFallbackTimer);
showSlide(index + 1);
});
var readinessHandler = function () {
if (slides[index].contains(this)) {
safePlay(this, completedRounds >= 1);
scheduleVideoFallback(this);
}
};
slideVideo.addEventListener('load', readinessHandler);
slideVideo.addEventListener('loadeddata', readinessHandler);
slideVideo.addEventListener('loadedmetadata', readinessHandler);
slideVideo.addEventListener('canplay', readinessHandler);
slideVideo.addEventListener('canplaythrough', readinessHandler);
}
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
clearTimers();
var currentVideo = getVideoInSlide(index);
if (currentVideo && typeof currentVideo.pause === 'function') {
currentVideo.pause();
}
return;
}
var activeVideo = getVideoInSlide(index);
if (activeVideo) {
safePlay(activeVideo, completedRounds >= 1);
scheduleVideoFallback(activeVideo);
return;
}
scheduleImageAdvance();
});
showSlide(0);
})();
(function () {
var root = document.getElementById('lp-ksk-tim');
if (!root) return;
var carousel = root.querySelector('[data-pricing-carousel]');
var track = carousel ? carousel.querySelector('[data-pricing-track]') : null;
var prevBtn = carousel ? carousel.querySelector('[data-pricing-prev]') : null;
var nextBtn = carousel ? carousel.querySelector('[data-pricing-next]') : null;
if (!carousel || !track) return;
var cards = Array.prototype.slice.call(track.querySelectorAll('.pricing-card'));
if (!cards.length) return;
var prefersReducedMotion = false;
try {
prefersReducedMotion = !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches);
} catch (_) {
prefersReducedMotion = false;
}
function getGapPx() {
var styles = window.getComputedStyle(track);
var raw = styles.columnGap || styles.gap || '0';
var parsed = parseFloat(raw);
return isFinite(parsed) ? parsed : 0;
}
function getCardStepPx() {
var first = cards[0];
if (!first) return 0;
return first.getBoundingClientRect().width + getGapPx();
}
function getMaxScrollLeft() {
return Math.max(0, track.scrollWidth - track.clientWidth);
}
function clampScrollLeft(value) {
if (value < 0) return 0;
var max = getMaxScrollLeft();
if (value > max) return max;
return value;
}
function scrollTrackTo(left) {
var target = clampScrollLeft(left);
if (prefersReducedMotion || typeof track.scrollTo !== 'function') {
track.scrollLeft = target;
return;
}
try {
track.scrollTo({left: target, behavior: 'smooth'});
} catch (_) {
track.scrollLeft = target;
}
}
function nudge(direction) {
var step = getCardStepPx();
if (!step) return;
scrollTrackTo(track.scrollLeft + (direction * step));
}
function updateButtons() {
var maxScrollLeft = getMaxScrollLeft();
var currentScrollLeft = track.scrollLeft;
var tolerance = 2;
if (prevBtn) {
var disablePrev = currentScrollLeft <= tolerance || maxScrollLeft <= tolerance;
prevBtn.disabled = disablePrev;
prevBtn.setAttribute('aria-disabled', disablePrev ? 'true' : 'false');
}
if (nextBtn) {
var disableNext = currentScrollLeft >= (maxScrollLeft - tolerance) || maxScrollLeft <= tolerance;
nextBtn.disabled = disableNext;
nextBtn.setAttribute('aria-disabled', disableNext ? 'true' : 'false');
}
}
if (prevBtn) {
prevBtn.addEventListener('click', function () {
nudge(-1);
});
}
if (nextBtn) {
nextBtn.addEventListener('click', function () {
nudge(1);
});
}
track.addEventListener('scroll', updateButtons, {passive: true});
window.addEventListener('resize', function () {
updateButtons();
});
updateButtons();
})();
(function () {
var root = document.getElementById('lp-ksk-tim');
if (!root || typeof root.querySelectorAll !== 'function') return;
var expandableImages = root.querySelectorAll('[data-expandable-image]');
if (!expandableImages || !expandableImages.length) return;
var lightbox = document.querySelector('[data-hero-lightbox]');
var lightboxImage = lightbox ? lightbox.querySelector('[data-hero-lightbox-image]') : null;
var lightboxClose = lightbox ? lightbox.querySelector('[data-hero-lightbox-close]') : null;
if (!lightbox || !lightboxImage) return;
var previousBodyOverflow = '';
function setLightboxState(isOpen) {
lightbox.classList.toggle('is-open', isOpen);
lightbox.setAttribute('aria-hidden', isOpen ? 'false' : 'true');
if (isOpen) {
previousBodyOverflow = document.body.style.overflow || '';
document.body.style.overflow = 'hidden';
return;
}
document.body.style.overflow = previousBodyOverflow;
}
function closeLightbox() {
if (!lightbox.classList.contains('is-open')) return;
setLightboxState(false);
lightboxImage.removeAttribute('src');
}
function openLightboxFromImage(imageEl) {
if (!imageEl) return;
var src = imageEl.currentSrc || imageEl.getAttribute('src');
if (!src) return;
lightboxImage.setAttribute('src', src);
lightboxImage.setAttribute('alt', imageEl.getAttribute('alt') || 'Imagem do banner');
setLightboxState(true);
}
for (var i = 0; i < expandableImages.length; i += 1) {
(function (imageEl) {
imageEl.addEventListener('click', function () {
openLightboxFromImage(imageEl);
});
imageEl.addEventListener('keydown', function (event) {
var key = event.key || event.code;
if (key === 'Enter' || key === ' ' || key === 'Spacebar' || key === 'Space') {
event.preventDefault();
openLightboxFromImage(imageEl);
}
});
})(expandableImages[i]);
}
if (lightboxClose) {
lightboxClose.addEventListener('click', function () {
closeLightbox();
});
}
lightbox.addEventListener('click', function (event) {
if (event.target === lightbox) {
closeLightbox();
}
});
document.addEventListener('keydown', function (event) {
var key = event.key || event.code;
if (key === 'Escape' || key === 'Esc') {
closeLightbox();
}
});
})();
</script>
<div id="root"></div>
</body>
</html>
Document
llms-full.txt
Not stored for this site.