/* Killa ERP — theme.css v1.0.0 (complementa theme.json) */
:root{
  --kl-navy:var(--wp--preset--color--navy,#0C2548);
  --kl-navy-2:var(--wp--preset--color--navy-2,#11315E);
  --kl-navy-3:var(--wp--preset--color--navy-3,#2E77CC);
  --kl-accent:var(--wp--preset--color--accent,#0BC13E);
  --kl-accent-2:var(--wp--preset--color--accent-2,#007A27);
  --kl-accent-hover:var(--wp--preset--color--accent-hover,#09A836);
  --kl-accent-soft:var(--wp--preset--color--accent-soft,#E7F8EC);
  --kl-tint:var(--wp--preset--color--tint,#F4F7FA);
  --kl-muted:var(--wp--preset--color--muted,#5B6479);
  --kl-line:var(--wp--preset--color--line,#E3E6EE);
  --kl-r:14px;
  --kl-sh:0 10px 30px rgba(14,26,58,.08);
  --kl-sh-lg:0 30px 60px rgba(14,26,58,.25);
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{-webkit-font-smoothing:antialiased}
:where(.wp-site-blocks) :focus-visible{outline:3px solid var(--kl-accent);outline-offset:2px}
.kl-main{margin-block-start:0!important}
.kl-main-front > .wp-block-post-content > *{margin-block:0}
.kl-muted,.kl-muted p{color:var(--kl-muted)}

/* ---------- Cabecera ---------- */
.kl-site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--kl-line)}
.admin-bar .kl-site-header{top:32px}
@media (max-width:782px){.admin-bar .kl-site-header{top:0;position:relative}}
.kl-header{padding-block:8px}
.kl-brand{display:inline-flex;align-items:center;text-decoration:none}
.kl-brand img{display:block;height:48px;width:48px;border-radius:50%}
.kl-nav{font-weight:600;font-size:.95rem;gap:1.3rem}
.kl-nav a{text-decoration:none;color:var(--wp--preset--color--ink)}
.kl-nav a:hover{color:var(--kl-accent-2)}
.kl-nav .kl-nav-login a{border:2px solid var(--kl-line);border-radius:999px;padding:.45em 1.1em}
.kl-nav .kl-nav-cta a{background:var(--kl-accent);color:var(--kl-navy);border-radius:999px;padding:.55em 1.2em;box-shadow:0 8px 20px rgba(11,193,62,.35)}
.kl-nav .kl-nav-cta a:hover{background:var(--kl-accent-hover);color:var(--kl-navy)}
.kl-nav .wp-block-navigation__responsive-container.is-menu-open{padding:24px}
.kl-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:1.1rem}

/* ---------- Secciones ---------- */
.kl-section{padding-block:clamp(56px,8vw,96px)}
.kl-tint{background:var(--kl-tint)}
.kl-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--kl-accent-2);margin-bottom:.6em!important}
.kl-section-head{text-align:center;max-width:720px!important;margin-inline:auto!important;margin-bottom:2.6rem!important}
.kl-section-head p:not(.kl-eyebrow){color:var(--kl-muted)}

/* ---------- Hero ---------- */
.kl-hero{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(1200px 600px at 85% -10%,var(--kl-navy-3),transparent 60%),linear-gradient(160deg,var(--kl-navy) 0%,var(--kl-navy-2) 100%)}
.kl-hero::before{content:"";position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;border:3px solid rgba(46,119,204,.45);box-shadow:0 0 0 18px rgba(11,193,62,.06);pointer-events:none}
.kl-hero > *{position:relative}
.kl-hero h1{color:#fff}
.kl-hero .kl-eyebrow{color:var(--kl-accent)}
.kl-hl{background:none!important;color:var(--kl-accent)!important}
.kl-lead{font-size:1.12rem;color:rgba(255,255,255,.82);max-width:36em}
.kl-hero-grid{gap:48px!important}
.kl-cta-row{gap:12px!important;margin-block:1.6rem 1.2rem!important}
.kl-cta-row .wp-block-buttons{margin:0}
.kl-cta-row p:empty{display:none}
.kl-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0!important;margin:0}
.kl-chips li{font-size:.82rem;padding:.35em .9em;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}

/* Botones: estilos adicionales */
.wp-block-button.is-style-kl-line .wp-block-button__link{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.45)}
.wp-block-button.is-style-kl-line .wp-block-button__link:hover{border-color:#fff;background:transparent;color:#fff}
.wp-block-button.is-style-kl-ghost .wp-block-button__link{background:transparent;color:var(--kl-navy);border:2px solid var(--kl-line)}
.wp-block-button.is-style-kl-ghost .wp-block-button__link:hover{border-color:var(--kl-navy);background:transparent}
.wp-element-button{transition:transform .15s,background .15s}
.wp-element-button:hover{transform:translateY(-1px)}

/* Maqueta del sistema */
.kl-mock{background:#fff;border-radius:var(--kl-r);box-shadow:var(--kl-sh-lg);overflow:hidden;transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);color:var(--wp--preset--color--ink)}
.kl-mock__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#EEF1F7}
.kl-mock__bar i{width:10px;height:10px;border-radius:50%;background:#CBD2E0}
.kl-mock__bar b{margin-left:10px;font-size:.72rem;color:var(--kl-muted);font-weight:600;background:#fff;padding:2px 10px;border-radius:6px}
.kl-mock__body{display:grid;grid-template-columns:120px 1fr;min-height:280px}
.kl-mock__side{background:var(--kl-navy);padding:14px 10px;display:flex;flex-direction:column;gap:4px}
.kl-mock__side span{font-size:.72rem;color:rgba(255,255,255,.65);padding:6px 8px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl-mock__side .on{background:var(--kl-accent);color:var(--kl-navy);font-weight:700}
.kl-mock__main{padding:14px;display:flex;flex-direction:column;gap:12px}
.kl-mock__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kl-mock__kpis div{background:var(--kl-tint);border-radius:8px;padding:8px}
.kl-mock__kpis small{display:block;font-size:.62rem;color:var(--kl-muted)}
.kl-mock__kpis b{color:var(--kl-navy-3);font-size:.7rem;letter-spacing:-1px}
.kl-mock__chart{flex:1;display:flex;align-items:flex-end;gap:8px;padding:10px;background:var(--kl-tint);border-radius:8px;min-height:110px}
.kl-mock__chart i{flex:1;background:linear-gradient(var(--kl-accent),var(--kl-accent-2));border-radius:4px 4px 0 0}
.kl-mock__chart .h40{height:40%}.kl-mock__chart .h48{height:48%}.kl-mock__chart .h58{height:58%}.kl-mock__chart .h62{height:62%}.kl-mock__chart .h70{height:70%}.kl-mock__chart .h75{height:75%}.kl-mock__chart .h88{height:88%}
.kl-mock__rows{display:grid;gap:6px}
.kl-mock__rows span{height:10px;border-radius:5px;background:#E9ECF3}
.kl-mock__rows span:nth-child(2){width:80%}.kl-mock__rows span:nth-child(3){width:60%}

/* ---------- Tarjetas de módulos ---------- */
.kl-cards{gap:18px!important;grid-template-columns:repeat(auto-fit,minmax(min(14.5rem,100%),1fr))!important}
.kl-card{background:#fff;border:1px solid var(--kl-line);border-radius:var(--kl-r);padding:24px 20px;transition:box-shadow .2s,transform .2s}
.kl-card:hover{box-shadow:var(--kl-sh);transform:translateY(-3px)}
.kl-card h3{margin-top:0}
.kl-card p{color:var(--kl-muted);font-size:.94rem;margin:0}
[class*="kl-ico-"]::before{content:"";display:block;width:52px;height:52px;border-radius:12px;margin-bottom:14px;background:var(--kl-accent-soft) var(--kl-ic) center/28px no-repeat}
.kl-ico-factura{--kl-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A27' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10a1 1 0 0 1 1 1v17l-3-2-3 2-3-2-3 2V4a1 1 0 0 1 1-1z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")}
.kl-ico-inventario{--kl-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A27' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4-9 4-9-4z'/%3E%3Cpath d='M3 7v10l9 4 9-4V7'/%3E%3Cpath d='M12 11v10'/%3E%3C/svg%3E")}
.kl-ico-ventas{--kl-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A27' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9M10 19V5M16 19v-7M22 19H2'/%3E%3C/svg%3E")}
.kl-ico-compras{--kl-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A27' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L21 8H6.2'/%3E%3Ccircle cx='9' cy='20' r='1.3'/%3E%3Ccircle cx='18' cy='20' r='1.3'/%3E%3C/svg%3E")}
.kl-ico-contable{--kl-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A27' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M12 11h2M8 15h2M12 15h2M8 18h8'/%3E%3C/svg%3E")}

.kl-ico-caja{--kl-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A27' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='13' r='2.5'/%3E%3Cpath d='M6 7V5h12v2'/%3E%3C/svg%3E")}
.kl-ico-gastos{--kl-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A27' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M16.5 7.5c0-1.9-2-3-4.5-3s-4.5 1.2-4.5 3.2c0 4.6 9 2.4 9 7 0 2-2 3.3-4.5 3.3S7.5 16.8 7.5 15'/%3E%3C/svg%3E")}
.kl-ico-ats{--kl-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A27' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13l2 2 4-4'/%3E%3C/svg%3E")}

/* ---------- Beneficios ---------- */
.kl-split{gap:56px!important}
.kl-checks{list-style:none;padding:0!important;margin:0;display:grid;gap:14px}
.kl-checks li{background:#fff;border:1px solid var(--kl-line);border-radius:10px;padding:16px 18px 16px 52px;position:relative;color:var(--kl-muted)}
.kl-checks li strong{color:var(--kl-navy)}
.kl-checks li::before{content:"";position:absolute;left:18px;top:18px;width:20px;height:20px;border-radius:50%;background:var(--kl-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}

/* ---------- Pasos ---------- */
.kl-steps{gap:18px!important;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))!important}
.kl-step{padding:28px 24px;border-radius:var(--kl-r);border:1px solid var(--kl-line)}
.kl-step h3{margin-top:.2em}
.kl-step p:not(.kl-step-num){color:var(--kl-muted);margin:0}
.kl-step-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--kl-navy);color:var(--kl-accent);font-weight:800;margin:0 0 .6em!important}

/* ---------- Banda de cotización ---------- */
.kl-band{background:linear-gradient(120deg,var(--kl-navy),var(--kl-navy-3));color:#fff;padding-block:48px}
.kl-band h2{color:#fff;margin:0 0 .3em}
.kl-band p{color:rgba(255,255,255,.8);margin:0}
.kl-band .kl-cta-row{margin:0!important}

/* ---------- Preguntas frecuentes ---------- */
.kl-faq{max-width:780px;margin-inline:auto!important}
.kl-faq-item{border-bottom:1px solid var(--kl-line);padding:16px 4px;margin:0!important}
.kl-faq-item summary{cursor:pointer;font-weight:700;color:var(--kl-navy);list-style:none;display:flex;justify-content:space-between;gap:16px}
.kl-faq-item summary::-webkit-details-marker{display:none}
.kl-faq-item summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--kl-accent-2);transition:transform .2s}
.kl-faq-item[open] summary::after{transform:rotate(45deg)}
.kl-faq-item p{color:var(--kl-muted);margin:.8em 0 0}

/* ---------- Contacto / formulario ---------- */
.kl-info-list{list-style:none;padding:0!important;margin:1.2rem 0 0;display:grid;gap:10px}
.kl-info-list li{display:flex;align-items:center;gap:10px;color:var(--kl-muted)}
.kl-icon{width:20px;height:20px;flex:none;color:var(--kl-accent-2)}
.kl-form{background:#fff;border:1px solid var(--kl-line);border-radius:var(--kl-r);padding:28px;box-shadow:var(--kl-sh)}
.kl-form label{display:block;font-size:.88rem;font-weight:600;color:var(--kl-navy);margin-bottom:12px}
.kl-form input[type=text],.kl-form input[type=email],.kl-form input[type=tel],.kl-form select,.kl-form textarea{
  font:inherit;font-weight:400;color:inherit;display:block;width:100%;margin-top:6px;padding:.75em .9em;border:1.5px solid var(--kl-line);border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}
.kl-form input:focus,.kl-form select:focus,.kl-form textarea:focus{outline:none;border-color:var(--kl-accent-2);box-shadow:0 0 0 4px rgba(11,193,62,.2)}
.kl-form .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--kl-muted)}
.kl-form .wpcf7-acceptance input{width:18px;height:18px;margin-top:3px;accent-color:var(--kl-navy)}
.kl-form .wpcf7-list-item{margin:0}
.kl-form .wpcf7-submit{width:100%;cursor:pointer;border:0;border-radius:999px;background:var(--kl-accent);color:var(--kl-navy);font:inherit;font-weight:700;padding:.9em 1.4em;box-shadow:0 8px 20px rgba(11,193,62,.35)}
.kl-form .wpcf7-submit:hover{background:var(--kl-accent-hover)}
.kl-form .wpcf7-not-valid-tip{font-size:.82rem;font-weight:500}
.kl-form .wpcf7 form .wpcf7-response-output{margin:12px 0 0;border-radius:10px;padding:.7em 1em}
.kl-form .kl-cf7-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.kl-form-fallback p{margin:0 0 .8em}
.kl-admin-note{font-size:.85rem;background:#FFF4D6;color:#7A5A00;padding:.7em .9em;border-radius:8px}

/* ---------- Pie ---------- */
.kl-site-footer{margin-block-start:0!important}
.kl-footer{background:var(--kl-navy);color:rgba(255,255,255,.72);padding-block:48px 24px;font-size:.92rem}
.kl-footer a{color:#fff;text-decoration:none}
.kl-footer a:hover{color:var(--kl-accent)}
.kl-footer .kl-brand img{height:56px;width:56px;background:#fff;border-radius:50%;padding:2px}
.kl-footer-title{color:#fff!important;font-size:1rem!important;margin-top:0}
.kl-footer .kl-info-list li{color:rgba(255,255,255,.72)}
.kl-footer-links{list-style:none;padding:0;margin:0 0 .6em;display:grid;gap:6px}
.kl-legal{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;margin-top:24px;font-size:.82rem}

/* ---------- WhatsApp flotante ---------- */
.kl-wa-float{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:60;transition:transform .2s}
.kl-wa-float:hover{transform:scale(1.07);color:#fff}

/* ---------- Páginas internas ---------- */
.kl-page{padding-block:56px 80px}
.kl-page h1{font-size:clamp(1.7rem,3.5vw,2.4rem)}
.kl-page h2{font-size:1.25rem;margin-top:1.6em}
.kl-page p{color:var(--kl-muted)}

/* ---------- Animación suave ---------- */
.kl-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.kl-reveal.is-visible{opacity:1;transform:none}

/* ---------- Responsive ---------- */
@media (max-width:781px){
  .kl-mock{transform:none}
  .kl-hero-grid{gap:32px!important}
  .kl-split{gap:28px!important}
  .kl-form{padding:20px}
  .kl-form .kl-cf7-row{grid-template-columns:1fr}
  .kl-mock__body{grid-template-columns:92px 1fr}
}
@media (max-width:420px){
  .kl-cta-row,.kl-cta-row .wp-block-buttons,.kl-cta-row .wp-block-button{width:100%}
  .kl-cta-row .wp-block-button__link{width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.kl-reveal{opacity:1;transform:none}}

/* Ajustes v1.0.0 */
.kl-card h3,.kl-step h3{margin-bottom:.45em}
.kl-footer > .kl-legal{max-width:var(--wp--style--global--wide-size)!important}
.kl-footer-title{margin-bottom:.8em!important}
@media (max-width:520px){.kl-mock__side span{font-size:.64rem;padding:5px 6px}.kl-mock__body{grid-template-columns:86px 1fr}}
.kl-header-inner{flex-wrap:nowrap!important}
@media (min-width:600px) and (max-width:980px){.kl-nav .kl-nav-sec{display:none}.kl-nav{gap:.9rem}}
.kl-footer .kl-icon{color:var(--kl-accent)}

/* ---------- v1.2.0: Inbox SRI ---------- */
.kl-inbox{background:linear-gradient(180deg,#fff 0%,var(--kl-accent-soft) 100%)}
.kl-checks-compact{gap:10px;margin:1.2rem 0 1.4rem!important}
.kl-checks-compact li{padding:12px 16px 12px 48px}
.kl-checks-compact li::before{top:14px;left:16px}
.kl-inbox-mock{background:#fff;border:1px solid var(--kl-line);border-radius:var(--kl-r);box-shadow:var(--kl-sh-lg);overflow:hidden;font-size:.86rem}
.kl-inbox-mock__top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--kl-navy);color:#fff}
.kl-sri-badge{font-weight:800;letter-spacing:.08em;background:#fff;color:var(--kl-navy);border-radius:6px;padding:2px 10px}
.kl-sync{display:flex;align-items:center;gap:8px;font-size:.8rem;color:rgba(255,255,255,.85)}
.kl-sync i{width:9px;height:9px;border-radius:50%;background:var(--kl-accent);box-shadow:0 0 0 4px rgba(11,193,62,.25);animation:kl-pulse 1.8s infinite}
@keyframes kl-pulse{50%{box-shadow:0 0 0 7px rgba(11,193,62,.05)}}
.kl-inbox-mock__head,.kl-inbox-mock__row{display:grid;grid-template-columns:.8fr 1fr 1.6fr 1fr;gap:10px;align-items:center;padding:11px 18px}
.kl-inbox-mock__head{background:var(--kl-tint);color:var(--kl-muted);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}
.kl-inbox-mock__row{border-top:1px solid var(--kl-line);color:var(--wp--preset--color--ink)}
.kl-blur{display:block;height:10px;width:85%;border-radius:5px;background:#D9DEE7;filter:blur(1.5px)}
.kl-blur.w2{width:65%}.kl-blur.w3{width:75%}
.kl-inbox-mock .st{justify-self:start;font-size:.74rem;font-weight:700;border-radius:999px;padding:3px 10px}
.kl-inbox-mock .st.new{background:#E3EEFA;color:#1F5CA6}
.kl-inbox-mock .st.ok{background:var(--kl-accent-soft);color:var(--kl-accent-2)}
@media (max-width:520px){.kl-inbox-mock{font-size:.76rem}.kl-inbox-mock__head,.kl-inbox-mock__row{padding:10px 12px;gap:6px;grid-template-columns:.7fr .9fr 1fr auto}.kl-inbox-mock .st{padding:3px 8px}}
.kl-inbox-mock .st{white-space:nowrap}
@media (prefers-reduced-motion:reduce){.kl-sync i{animation:none}}

/* ---------- v1.3.0: estilo claro inspirado en la portada de Facebook ---------- */
.kl-hero{color:var(--wp--preset--color--ink);
  background:radial-gradient(900px 520px at 88% 8%,rgba(46,119,204,.10),transparent 60%),radial-gradient(700px 480px at 8% 100%,rgba(11,193,62,.10),transparent 60%),#fff}
.kl-hero::before{right:-90px;top:-150px;width:520px;height:520px;border:3px solid rgba(46,119,204,.55);box-shadow:none;
  -webkit-mask:linear-gradient(200deg,#000 35%,transparent 80%);mask:linear-gradient(200deg,#000 35%,transparent 80%)}
.kl-hero h1{color:var(--kl-navy)}
.kl-hero .kl-eyebrow{color:var(--kl-accent-2)}
.kl-slogan{font-style:italic;font-weight:800;text-transform:none;letter-spacing:.01em;font-size:1.05rem;color:#08912D}
.kl-hl{color:#08912D!important}
.kl-lead{color:var(--kl-muted)}
.kl-chips li{background:#fff;border:1px solid var(--kl-line);color:var(--kl-navy);box-shadow:0 2px 8px rgba(12,37,72,.05)}
.kl-chips li:first-child{background:var(--kl-accent-soft);border-color:rgba(11,193,62,.35);color:var(--kl-accent-2);font-weight:700}
.kl-mock{box-shadow:0 30px 60px rgba(12,37,72,.18);border:1px solid var(--kl-line)}


/* Precio en la banda */
.kl-band{background:linear-gradient(120deg,var(--kl-navy) 0%,#123E75 60%,var(--kl-navy-3) 100%)}
.kl-price{color:var(--kl-accent);font-size:1.25em}

/* Para restaurantes */
.kl-resto{background:var(--kl-tint)}
.kl-resto-mock{background:#fff;border:1px solid var(--kl-line);border-radius:var(--kl-r);box-shadow:var(--kl-sh-lg);overflow:hidden;font-size:.84rem}
.kl-resto-mock__top{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--kl-navy);color:#fff}
.kl-resto-mock__top span{background:var(--kl-accent);color:var(--kl-navy);font-weight:800;border-radius:999px;padding:2px 12px}
.kl-resto-mock__tabs{display:flex;gap:6px;padding:12px 18px 0;flex-wrap:wrap}
.kl-resto-mock__tabs span{border:1px solid var(--kl-line);border-radius:6px;padding:4px 10px;font-size:.74rem;color:var(--kl-muted)}
.kl-resto-mock__tabs .on{background:var(--kl-accent);border-color:var(--kl-accent);color:var(--kl-navy);font-weight:700}
.kl-resto-mock__body{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;padding:14px 18px 18px}
.kl-resto-mock__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kl-resto-mock__grid div{border:1px solid var(--kl-line);border-radius:8px;padding:8px;display:grid;gap:4px;position:relative}
.kl-resto-mock__grid i{width:22px;height:22px;border-radius:6px;background:var(--kl-accent-soft)}
.kl-resto-mock__grid small{font-size:.7rem;color:var(--wp--preset--color--ink);line-height:1.2}
.kl-resto-mock__grid b{position:absolute;top:6px;right:8px;font-size:.7rem;color:var(--kl-accent-2)}
.kl-resto-mock__ticket{border:1px dashed var(--kl-line);border-radius:8px;padding:10px 12px;align-self:start}
.kl-resto-mock__ticket p{display:flex;justify-content:space-between;gap:8px;margin:0 0 6px;font-size:.76rem}
.kl-resto-mock__ticket .tot{border-top:1px solid var(--kl-line);padding-top:6px;font-weight:800;color:var(--kl-navy)}
.kl-resto-mock__ticket em{display:block;margin-top:8px;font-style:normal;font-size:.68rem;color:var(--kl-muted)}
@media (max-width:520px){.kl-resto-mock__body{grid-template-columns:1fr}.kl-resto-mock__grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- v1.3.0: Planes y precios ---------- */
.kl-precios{background:linear-gradient(180deg,#fff 0%,var(--kl-tint) 100%)}
.kl-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 2rem!important;padding:6px;background:#fff;border:1px solid var(--kl-line);border-radius:999px;width:max-content;max-width:100%}
.kl-tab{font:inherit;font-weight:700;font-size:.92rem;border:0;background:transparent;color:var(--kl-navy);padding:.6em 1.2em;border-radius:999px;cursor:pointer}
.kl-tab:hover{background:var(--kl-accent-soft)}
.kl-tab.is-active{background:var(--kl-navy);color:#fff}
.kl-tabs-ready .kl-tabpanel{display:none}
.kl-tabs-ready .kl-tabpanel.is-active{display:block}
.kl-tabpanel{margin-block:0 1.5rem!important}
.kl-plans{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(16.5rem,100%),1fr));gap:20px;align-items:stretch;max-width:1040px!important;margin-inline:auto!important}
.kl-tab-contadores .kl-plans{max-width:720px!important}
.kl-plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--kl-line);border-radius:18px;padding:28px 24px;box-shadow:0 6px 20px rgba(12,37,72,.05)}
.kl-plan > *{margin-block:0!important}
.kl-plan-pop{border:2px solid var(--kl-accent);box-shadow:0 20px 40px rgba(11,193,62,.15);transform:translateY(-8px)}
.kl-plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--kl-accent);color:var(--kl-navy);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:999px;white-space:nowrap}
.kl-plan-name{font-weight:700;color:var(--kl-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.86rem}
.kl-plan-price{margin-top:.5rem!important;color:var(--kl-muted);font-size:1rem}
.kl-plan-price strong{font-size:2.6rem;font-weight:800;color:var(--kl-navy);letter-spacing:-.03em;margin-right:2px}
.kl-plan-pop .kl-plan-price strong{color:var(--kl-accent-2)}
.kl-plan-note{font-size:.82rem;color:var(--kl-muted)}
.kl-plan-sub{margin-top:.6rem!important;font-weight:700;color:var(--kl-navy-3)}
.kl-plan-list{list-style:none;padding:18px 0 0!important;margin:18px 0 22px!important;border-top:1px solid var(--kl-line);display:grid;gap:10px;flex:1}
.kl-plan-list li{position:relative;padding-left:28px;font-size:.93rem;color:var(--wp--preset--color--ink)}
.kl-plan-list li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--kl-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
.kl-plan .wp-block-button,.kl-plan .wp-block-button__link{width:100%;text-align:center}
.kl-plan p:empty{display:none}
.wp-block-button.is-style-kl-cotizar .wp-block-button__link{background:#fff;color:var(--kl-navy);border:2px solid var(--kl-navy)}
.wp-block-button.is-style-kl-cotizar .wp-block-button__link:hover{background:var(--kl-navy);color:#fff}
.wp-block-button.is-style-kl-cotizar-pop .wp-block-button__link{background:var(--kl-accent);color:var(--kl-navy);box-shadow:0 8px 20px rgba(11,193,62,.3)}
.wp-block-button.is-style-kl-cotizar-pop .wp-block-button__link:hover{background:var(--kl-accent-hover)}
/* Tabla facturador */
.kl-fact-table{max-width:760px;margin-inline:auto!important}
.kl-fact-table table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid var(--kl-line);border-radius:16px;overflow:hidden;font-size:.95rem}
.kl-fact-table th{background:linear-gradient(90deg,var(--kl-accent-2),#0E6B3A);color:#fff;text-align:left;padding:14px 18px;font-weight:700;border:0}
.kl-fact-table td{padding:11px 18px;border:0;border-top:1px solid var(--kl-line)}
.kl-fact-table td:first-child{font-weight:700;color:var(--kl-navy-3)}
.kl-fact-table td:last-child{font-weight:800;color:var(--kl-navy);text-align:right;white-space:nowrap}
.kl-fact-table th:last-child{text-align:right}
.kl-fact-table tbody tr:nth-child(even) td{background:var(--kl-tint)}
.kl-fact-table figcaption{text-align:center;color:var(--kl-muted);font-size:.85rem}
.kl-cta-center{margin-top:1.2rem!important}
/* Bot SRI */
.kl-bot{max-width:1040px!important;margin:2.5rem auto 0!important;background:linear-gradient(120deg,var(--kl-accent-soft),#EAF2FC);border:1px solid rgba(11,193,62,.25);border-radius:20px;padding:28px 32px}
.kl-bot h3{font-size:1.6rem;margin:.3em 0 .2em}
.kl-bot p{margin:0;color:var(--kl-muted)}
.kl-bot-badge{display:inline-block;background:var(--kl-accent-2);color:#fff!important;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:999px}
.kl-bot-list{list-style:none;padding:0!important;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kl-bot-list li{position:relative;padding:12px 14px 12px 42px;background:#fff;border-radius:12px;font-weight:600;color:var(--kl-navy)}
.kl-bot-list li::before{content:"";position:absolute;left:14px;top:14px;width:18px;height:18px;border-radius:50%;background:var(--kl-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
/* Logos de clientes */
.kl-clientes{padding-block:48px!important;background:#fff;border-block:1px solid var(--kl-line)}
.kl-logos{gap:28px 44px!important;align-items:center!important}
.kl-logo{margin:0!important}
.kl-logo img{height:72px;width:auto;max-width:170px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.kl-logo img:hover{filter:none;opacity:1}
@media (max-width:781px){
  .kl-tabs{border-radius:16px;width:100%}
  .kl-tab{flex:1 1 45%}
  .kl-plan-pop{transform:none}
  .kl-bot{padding:22px 18px}
  .kl-bot-list{grid-template-columns:1fr}
  .kl-fact-table td,.kl-fact-table th{padding:10px 12px}
  .kl-logo img{height:56px}
}
.kl-plan-list{align-content:start}
.kl-tabpanel > .kl-plans{max-width:1040px!important}
.kl-clientes .kl-eyebrow{text-align:center;margin-bottom:1.4rem!important}
.kl-logo img{max-height:64px}
.kl-bot > .wp-block-columns{max-width:none!important}