/* Kandala · páginas de aterrizaje (plantilla «Kandala · Landing»). Prefijo kl-. */
.kl{--kl-ink:#173B39;--kl-text:#36594D;--kl-muted:#5B6B62;--kl-teal:#17B5B9;--kl-teal-ink:#0D6A6D;--kl-eyebrow:#086F76;--kl-paper:#FAF7F0;--kl-card:#FFFDF9;--kl-kraft:#EEE3D5;--kl-kraft-line:#E1D4C1;--kl-sage:#DFEEE5;--kl-sage-line:#C9DBCF;--kl-line:#D8DED3;color:var(--kl-ink);font-family:Karla,system-ui,sans-serif;font-size:17px;line-height:1.55;padding:0 0 88px}
.kl *{box-sizing:border-box}
.kl p{margin:0}
.kl h1,.kl h2,.kl h3{font-family:Outfit,system-ui,sans-serif;font-weight:500;color:var(--kl-ink);margin:0;text-wrap:balance}
.kl a{color:var(--kl-teal-ink)}
.kl a:hover{color:#0A4A4C}
.kl img{display:block;max-width:100%;height:auto}
.kl-crumbs{font-size:14px;color:var(--kl-muted);padding:28px 0 20px}
.kl-crumbs a{text-decoration:none}
.kl-crumbs a:hover{text-decoration:underline}
.kl-eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--kl-eyebrow);margin:0}
.kl-eyebrow::before{content:"";flex:0 0 24px;height:9px;border-bottom:2px solid var(--kl-teal);border-radius:0 0 50% 50%}
.kl-eyebrow--warm{color:#9A4A2E}
.kl-h2{font-size:40px;line-height:1.1;letter-spacing:-.8px}
.kl-section{margin-top:96px}
.kl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}
.kl-head>div{display:flex;flex-direction:column;gap:12px;max-width:720px}
.kl-head>p,.kl-head>a{max-width:380px}
.kl-head>a{font-weight:700;white-space:nowrap}
.kl-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.kl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;border:1.5px solid transparent;transition:background-color .14s,border-color .14s,color .14s}
.kl .kl-btn--dark{background:var(--kl-ink);color:var(--kl-paper)}
.kl .kl-btn--dark:hover{background:#0F4E52;color:#fff}
.kl .kl-btn--line{border-color:var(--kl-ink);color:var(--kl-ink)}
.kl .kl-btn--line:hover{background:var(--kl-ink);color:var(--kl-paper)}
.kl .kl-btn--teal{background:var(--kl-teal);color:#102B29}
.kl .kl-btn--teal:hover{background:#5BD0D0;color:#102B29}
.kl .kl-btn--ghost{border-color:#A8C3BA;color:var(--kl-paper)}
.kl .kl-btn--ghost:hover{background:var(--kl-paper);color:var(--kl-ink)}
.kl-btn svg{flex:0 0 auto}
/* Hero */
.kl-hero{background:var(--kl-kraft);border:1px solid var(--kl-kraft-line);border-radius:28px;padding:56px 56px 48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:center}
.kl-hero__copy{display:flex;flex-direction:column;gap:22px}
.kl-hero h1{font-size:50px;line-height:1.04;letter-spacing:-1.4px}
.kl-lead{font-size:19px;line-height:1.55;color:var(--kl-text);max-width:30em}
.kl .kl-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:4px 0 0;padding:0;list-style:none;font-size:15px;color:var(--kl-text)}
.kl-trust li{display:inline-flex;align-items:center;gap:8px;margin:0}
.kl-trust strong{color:var(--kl-ink)}
.kl-hero__media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;height:460px}
.kl-hero__media figure{margin:0;border-radius:20px;overflow:hidden;background:var(--kl-card);border:1px solid var(--kl-kraft-line)}
.kl-hero__media figure:first-child{grid-row:span 2}
.kl-hero__media img{width:100%;height:100%;object-fit:cover}
/* Presupuestos */
.kl-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.kl-tier{background:var(--kl-card);border:1px solid var(--kl-line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:16px}
.kl-tier__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.kl-tier h3{font-size:24px}
.kl-tier__top span{font-size:14px;color:var(--kl-muted)}
.kl-tier>p{font-size:15px;color:var(--kl-text)}
.kl-item{display:flex;gap:14px;align-items:center;padding-top:14px;border-top:1px solid #ECE7DC;text-decoration:none;color:var(--kl-ink)}
.kl .kl-item{color:var(--kl-ink)}
.kl-item img{width:88px;height:88px;flex:0 0 88px;border-radius:14px;object-fit:cover;background:var(--kl-kraft)}
.kl-item__txt{display:flex;flex-direction:column;gap:3px;line-height:1.35}
.kl-item__name{font-weight:700;font-size:16px}
.kl-item:hover .kl-item__name{text-decoration:underline}
.kl-item__price{font-size:15px;color:var(--kl-text)}
.kl-item__price small{font-size:12px;color:var(--kl-muted)}
.kl-item__note{font-size:13px;color:var(--kl-muted)}
.kl-tier--dark{background:var(--kl-ink);border-color:var(--kl-ink)}
.kl-tier--dark h3,.kl-tier--dark .kl-item,.kl .kl-tier--dark .kl-item{color:var(--kl-paper)}
.kl-tier--dark>p,.kl-tier--dark .kl-item__price{color:#D3E0D9}
.kl-tier--dark .kl-tier__top span,.kl-tier--dark .kl-item__price small,.kl-tier--dark .kl-item__note{color:#BFD3CC}
.kl-tier--dark .kl-item{border-top-color:#2E5552}
.kl-tier--dark .kl-btn{margin-top:auto;align-self:flex-start;min-height:48px;padding:0 22px;font-size:15px}
/* Para quién */
.kl-audience{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.kl .kl-aud{background:var(--kl-sage);border:1px solid var(--kl-sage-line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;min-height:190px;text-decoration:none;color:var(--kl-ink);transition:transform .22s,box-shadow .22s}
.kl .kl-aud:hover{transform:translateY(-3px);box-shadow:0 14px 30px #173B3914;color:var(--kl-ink)}
.kl-aud strong{font-family:Outfit,system-ui,sans-serif;font-size:21px;font-weight:500}
.kl-aud span{font-size:15px;line-height:1.5;color:var(--kl-text)}
/* Pasos */
.kl-steps-box{background:var(--kl-card);border:1px solid #E6DFD2;border-radius:28px;padding:56px}
.kl .kl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;counter-reset:kl}
.kl-steps li{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:2px solid var(--kl-ink);margin:0;counter-increment:kl}
.kl-steps li::before{content:"0" counter(kl);font-family:Outfit,system-ui,sans-serif;font-size:28px;color:var(--kl-teal-ink);line-height:1.2}
.kl-steps strong{font-size:18px}
.kl-steps span{font-size:15px;color:var(--kl-text)}
/* Por qué */
.kl-why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;align-items:center}
.kl-why__media{margin:0;border-radius:24px;overflow:hidden;background:#E2D3BE;aspect-ratio:3/2}
.kl-why__media img{width:100%;height:100%;object-fit:cover}
.kl-why__copy{display:flex;flex-direction:column;gap:22px}
.kl .kl-checks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.kl-checks li{display:flex;gap:14px;margin:0;color:var(--kl-text)}
.kl-checks li::before{content:"";flex:0 0 22px;height:22px;margin-top:2px;background:var(--kl-teal-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat}
.kl-checks strong{color:var(--kl-ink)}
/* FAQ */
.kl-faq-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.kl-faq-intro{grid-column:span 4;display:flex;flex-direction:column;gap:12px}
.kl-faq-intro p{font-size:16px;color:var(--kl-text);margin-top:6px}
.kl-faq{grid-column:span 8;border-bottom:1px solid var(--kl-line)}
.kl-faq details{border-top:1px solid var(--kl-line)}
.kl-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:Outfit,system-ui,sans-serif;font-size:20px;font-weight:500;color:var(--kl-ink)}
.kl-faq summary::-webkit-details-marker{display:none}
.kl-faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--kl-teal-ink);flex:0 0 auto}
.kl-faq details[open] summary::after{content:"−"}
.kl-faq summary:focus-visible{outline:3px solid var(--kl-teal);outline-offset:2px;border-radius:6px}
.kl-faq-a{padding:0 0 22px;font-size:16px;color:var(--kl-text);max-width:40em}
/* Cierre */
.kl-cta{background:var(--kl-ink);border-radius:28px;padding:64px 72px;display:flex;justify-content:space-between;align-items:center;gap:48px}
.kl-cta__copy{display:flex;flex-direction:column;gap:14px;max-width:640px}
.kl-cta h2{font-size:44px;line-height:1.08;letter-spacing:-1px;color:var(--kl-paper)}
.kl-cta p{font-size:18px;color:#D3E0D9}
.kl-cta .kl-btns{flex-direction:column;align-items:stretch;min-width:300px}
.kl-cta .kl-btn{font-size:17px;min-height:54px}
/* Responsive */
@media (max-width:1100px){
.kl-hero h1{font-size:46px}
.kl-hero{grid-template-columns:1fr;row-gap:32px}
.kl-hero__media{height:380px}
.kl-tiers{grid-template-columns:1fr 1fr}
.kl-audience{grid-template-columns:1fr 1fr}
.kl .kl-steps{grid-template-columns:1fr 1fr;row-gap:32px}
.kl-cta{flex-direction:column;align-items:flex-start;padding:48px}
.kl-cta .kl-btns{width:100%;flex-direction:row;flex-wrap:wrap}
}
@media (max-width:767px){
.kl{font-size:16px;padding-bottom:56px}
.kl-crumbs{padding:16px 0 12px;font-size:13px}
.kl-hero{margin:0 -8px;padding:28px 20px;border-radius:22px;row-gap:22px}
.kl-hero h1{font-size:34px;letter-spacing:-.8px;line-height:1.06}
.kl-lead{font-size:17px}
.kl-hero__media{order:2;height:auto;grid-template-columns:1fr;grid-template-rows:auto}
.kl-hero__media figure{display:none}
.kl-hero__media figure:first-child{display:block;grid-row:auto;aspect-ratio:4/3}
.kl-hero__copy .kl-btns{order:3}
.kl-btns{flex-direction:column;align-items:stretch}
.kl-btn{width:100%}
.kl .kl-trust{flex-direction:column;gap:8px}
.kl-section{margin-top:64px}
.kl-h2{font-size:28px;letter-spacing:-.5px;line-height:1.12}
.kl-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}
.kl-tiers,.kl .kl-steps{grid-template-columns:1fr}
.kl-tier{padding:18px}
.kl-item img{width:76px;height:76px;flex-basis:76px}
.kl-audience{gap:12px}
.kl .kl-aud{padding:16px;min-height:150px}
.kl-aud strong{font-size:18px}
.kl-aud span{font-size:14px}
.kl-steps-box{margin:0 -8px;padding:28px 20px;border-radius:22px}
.kl .kl-steps{gap:18px}
.kl-steps li{flex-direction:row;flex-wrap:wrap;column-gap:14px;row-gap:4px;padding-top:14px}
.kl-steps li::before{font-size:22px;width:34px}
.kl-steps strong{flex:1 1 calc(100% - 48px);font-size:17px}
.kl-steps span{flex:1 1 100%;padding-left:48px}
.kl-why{grid-template-columns:1fr;row-gap:22px}
.kl-why__media{aspect-ratio:4/3}
.kl-faq-wrap{grid-template-columns:1fr}
.kl-faq-intro,.kl-faq{grid-column:auto}
.kl-faq-intro{margin-bottom:18px}
.kl-faq summary{font-size:18px;padding:18px 0}
.kl-cta{margin:0 -8px;padding:32px 20px;border-radius:22px;gap:20px}
.kl-cta h2{font-size:30px;letter-spacing:-.6px}
.kl-cta p{font-size:16px}
.kl-cta .kl-btns{flex-direction:column;min-width:0}
}
@media (prefers-reduced-motion:reduce){.kl .kl-aud,.kl-btn{transition:none}.kl .kl-aud:hover{transform:none}}

/* Sin el margen superior de las páginas normales */
body.kl-landing.ast-plain-container.ast-no-sidebar #primary{margin-top:0;margin-bottom:0}