@font-face{font-family:PPNeueMontreal;src:url('/assets/fonts/6946be2809dee9d04c7ab074_PPNeueMontreal-Book.woff') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:PPNeueMontreal;src:url('/assets/fonts/6946be2809dee9d04c7ab072_PPNeueMontreal-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:PPNeueMontreal;src:url('/assets/fonts/6946be2809dee9d04c7ab073_PPNeueMontreal-Bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--seo-ink:#030712;--seo-pink:#fe42a0;--seo-soft:#fff0f7;--seo-line:#e5e7eb;--seo-muted:#6b7280}
.seo-home,.seo-page{font-family:PPNeueMontreal,Arial,sans-serif;color:var(--seo-ink)}
.seo-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.seo-eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}
.seo-home{padding:110px 0;background:#fff;border-top:1px solid var(--seo-line)}
.seo-home-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;margin-bottom:54px}
.seo-home h2,.seo-list-hero h1,.seo-industry-hero h1{margin:0;letter-spacing:-.055em;line-height:.94;font-size:clamp(48px,7vw,94px);font-weight:400}
.seo-home h2 span,.seo-list-hero h1 span{color:var(--seo-pink)}
.seo-home-heading>p{margin:0;color:#4b5563;font-size:20px;line-height:1.45}
.seo-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.seo-card{min-height:315px;padding:28px;border:1px solid var(--seo-line);border-radius:26px;color:var(--seo-ink);text-decoration:none;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.seo-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #03071214}
.seo-card small{font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.seo-card h3{font-size:36px;line-height:1;margin:52px 0 16px;letter-spacing:-.04em}
.seo-card p{font-size:17px;line-height:1.45;margin:0 0 30px;color:#4b5563}
.seo-card strong{margin-top:auto;font-size:15px}.seo-card-dark{background:var(--seo-ink);color:#fff;border-color:var(--seo-ink)}
.seo-card-dark p{color:#d1d5db}.seo-card-pink{background:var(--seo-pink);border-color:var(--seo-pink)}
.seo-home-footer{display:flex;justify-content:space-between;gap:24px;margin-top:30px;font-size:14px;color:var(--seo-muted)}
.seo-home-footer a{color:var(--seo-ink);font-weight:700;text-decoration:none;border-bottom:1px solid}
.seo-nav-link{color:#030712!important;text-decoration:none!important}
.seo-page{margin:0;background:#fff}.seo-page *{box-sizing:border-box}.seo-page .knav{z-index:60;background:#fff;border-bottom:1px solid #ececf0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:15px 30px;font-family:PPNeueMontreal,Arial,sans-serif;position:sticky;top:0}.seo-page .knav-brand{justify-self:start;align-items:center;text-decoration:none;display:flex}.seo-page .knav-logo{width:auto;height:26px;display:block}.seo-page .knav-menu{justify-self:center;align-items:center;gap:23px;display:flex}.seo-page .knav-link{color:#4b5563;white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.seo-page .knav-link:hover{color:#030712}.seo-page .knav-right{justify-self:end;align-items:center;display:flex}.seo-page .knav-cta{color:#fff;background:#030712;border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.seo-page .knav-cta svg{width:15px;height:15px}
.seo-button{display:inline-flex;align-items:center;justify-content:center;background:var(--seo-ink);color:#fff!important;text-decoration:none;border-radius:999px;padding:14px 21px;font-weight:700;font-size:14px}
.seo-breadcrumb{display:flex;gap:9px;align-items:center;color:var(--seo-muted);font-size:13px;margin-bottom:48px}.seo-breadcrumb a{color:inherit;text-decoration:none}
.seo-list-hero,.seo-industry-hero{padding:70px 0 95px;background:var(--seo-soft);border-bottom:1px solid #fbcfe3}
.seo-list-hero h1{max-width:980px}.seo-list-hero>div>p:last-child,.seo-industry-hero>div>p:last-of-type{font-size:21px;line-height:1.5;max-width:720px;color:#4b5563;margin:30px 0 0}
.kobra-blog-hero{padding:86px 24px 76px;text-align:center;background:#fff}.kobra-blog-hero .seo-shell{max-width:920px}.kobra-blog-hero .seo-eyebrow{margin-bottom:22px;color:#4b5563}.kobra-blog-hero h1{margin:0;font-size:clamp(42px,4.5vw,58px);font-weight:500;line-height:1.04;letter-spacing:-.025em}.kobra-blog-hero h1 span{color:var(--seo-pink)}.kobra-blog-hero>div>p:last-child{max-width:650px;margin:24px auto 0;color:#4b5563;font-size:18px;line-height:1.5}.kobra-blog-body{padding:70px 0 110px;background:linear-gradient(180deg,#f9fafb,#e5e7eb)}.kobra-blog-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.kobra-blog-heading .seo-eyebrow{margin:0}.kobra-blog-heading>p:last-child{max-width:520px;margin:0;color:#6b7280;font-size:15px;line-height:1.5;text-align:right}
.seo-blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.seo-blog-card{min-width:0;background:#fff;border:1px solid #d9dce1;border-radius:24px;padding:32px;min-height:320px;display:flex;flex-direction:column;box-shadow:0 14px 40px -34px #03071266}.seo-blog-card .seo-eyebrow{width:max-content;max-width:100%;margin:0;padding:7px 12px;border:1px solid #fbcfe3;border-radius:999px;color:#9d174d;font-size:11px;line-height:1.3;letter-spacing:.08em;white-space:normal}.seo-blog-card h2{font-size:32px;font-weight:500;line-height:1.08;letter-spacing:-.025em;margin:34px 0 16px}.seo-blog-card h2 a{color:var(--seo-ink);text-decoration:none}.seo-blog-card>p:not(.seo-eyebrow){font-size:16px;line-height:1.55;color:#4b5563;margin:0 0 30px}.seo-text-link{color:var(--seo-ink);font-weight:700;text-decoration:none;margin-top:auto}.seo-blog-card-featured{background:#0b0b10;border-color:#0b0b10;color:#fff;box-shadow:0 24px 60px -34px #030712}.seo-blog-card-featured .seo-eyebrow{color:#f9a8d4;background:#fe42a01a;border-color:#fe42a066}.seo-blog-card-featured h2 a,.seo-blog-card-featured .seo-text-link{color:#fff}.seo-blog-card-featured>p:not(.seo-eyebrow){color:#d1d5db}
.seo-article{padding:52px 0 100px}.seo-article-hero{max-width:920px;padding:26px 0 64px;border-bottom:1px solid var(--seo-line)}
.seo-article-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-.03em;margin:0 0 28px;font-weight:500}.seo-article-hero>p:last-child{font-size:19px;line-height:1.55;color:#4b5563;max-width:760px}
.seo-article-hero .seo-byline{margin-top:24px;font-size:14px;line-height:1.4;color:var(--seo-muted)}
.seo-byline a{color:inherit;text-underline-offset:3px}
.seo-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:80px;padding-top:62px}.seo-article-content{max-width:760px;min-width:0}
.seo-article-content section{margin-bottom:52px}.seo-article-content h2{font-size:38px;letter-spacing:-.04em;line-height:1.08;margin:0 0 20px}.seo-article-content p{font-size:19px;line-height:1.7;color:#374151;margin:0 0 18px}
.seo-answer{background:var(--seo-ink);color:#fff;border-radius:24px;padding:30px}.seo-answer .seo-eyebrow{color:#f9a8d4}.seo-answer p:last-child{color:#fff;font-size:21px;line-height:1.55;margin:0}
.seo-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--seo-line);border-radius:18px}.seo-comparison table{width:100%;border-collapse:collapse;min-width:650px;background:#fff}.seo-comparison caption{text-align:left;padding:16px 18px;color:var(--seo-muted);font-size:14px}.seo-comparison th,.seo-comparison td{text-align:left;vertical-align:top;padding:17px 18px;border-top:1px solid var(--seo-line);font-size:15px;line-height:1.45}.seo-comparison thead th{background:var(--seo-soft);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.seo-comparison tbody th{width:20%;font-weight:700}
.seo-example{border-left:4px solid var(--seo-pink);padding:8px 0 8px 26px}.seo-example .seo-eyebrow{color:#9d174d}.seo-definitions{background:#f9fafb;border-radius:24px;padding:30px}.seo-definitions ul{margin:0 0 22px;padding-left:22px}.seo-definitions li{font-size:17px;line-height:1.55;color:#374151;margin:12px 0}.seo-definitions a{color:var(--seo-ink);font-weight:700}
.seo-article-aside{position:sticky;top:110px;align-self:start;background:var(--seo-pink);padding:28px;border-radius:24px}.seo-article-aside span{font-size:12px;text-transform:uppercase;letter-spacing:.13em}.seo-article-aside h2{font-size:32px;line-height:1.04;letter-spacing:-.04em}.seo-article-aside p{font-size:16px;line-height:1.5}
.seo-source{background:#f9fafb;border-left:4px solid var(--seo-pink);padding:22px;margin-top:40px}.seo-source a{color:var(--seo-ink)}.seo-next{border-top:1px solid var(--seo-line);padding-top:28px;margin-top:70px}.seo-next a{color:var(--seo-ink);font-weight:700;text-decoration:none}
.seo-related{border-top:1px solid var(--seo-line);padding-top:42px}.seo-related ul{list-style:none;margin:0;padding:0}.seo-related li{padding:14px 0;border-bottom:1px solid var(--seo-line)}.seo-related a{color:var(--seo-ink);font-size:18px;font-weight:700;text-decoration:none}
.seo-checklist{background:var(--seo-soft);border:1px solid #fbcfe3;border-radius:24px;padding:30px}.seo-checklist ul{margin:0;padding-left:22px}.seo-checklist li{font-size:18px;line-height:1.5;margin:12px 0;color:#374151}
.seo-faq details{border-top:1px solid var(--seo-line);padding:20px 0}.seo-faq details:last-child{border-bottom:1px solid var(--seo-line)}.seo-faq summary{cursor:pointer;font-size:19px;font-weight:700;line-height:1.35}.seo-faq details p{font-size:17px;margin:14px 0 0}
.seo-policy{max-width:820px;padding:64px 0 20px}.seo-policy section{margin-bottom:52px}.seo-policy h2{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:0 0 20px}.seo-policy p{font-size:19px;line-height:1.7;color:#374151}
.seo-industry-hero h1{max-width:950px}.seo-hero-actions{display:flex;align-items:center;gap:22px;margin-top:36px}.seo-secondary{color:var(--seo-ink);font-weight:700;text-decoration:none;border-bottom:1px solid}
.seo-industry-body{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.seo-industry-body h2,.seo-dark-band h2{font-size:52px;line-height:1;letter-spacing:-.05em;margin:0}.seo-industry-body ul{list-style:none;margin:0;padding:0}.seo-industry-body li{font-size:20px;line-height:1.4;padding:22px 0;border-bottom:1px solid var(--seo-line)}
.seo-industry-detail{padding:20px 0 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.seo-industry-detail section{border-top:1px solid var(--seo-ink);padding-top:24px}.seo-industry-detail h2{font-size:30px;line-height:1.08;letter-spacing:-.04em;margin:0 0 22px}.seo-industry-detail p{font-size:17px;line-height:1.65;color:#374151}
.seo-process{padding:100px 0;background:var(--seo-soft)}.seo-process h2,.seo-measure h2,.seo-industry-faq>h2{font-size:52px;line-height:1;letter-spacing:-.05em;margin:0 0 50px}.seo-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.seo-process-grid article{background:#fff;border:1px solid #fbcfe3;border-radius:22px;padding:26px}.seo-process-grid span{font-size:13px;color:var(--seo-pink);font-weight:700}.seo-process-grid h3{font-size:27px;margin:35px 0 13px}.seo-process-grid p{font-size:16px;line-height:1.55;color:#4b5563}
.seo-measure{padding:100px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:90px}.seo-measure>div>p:last-child{font-size:18px;line-height:1.6;color:#4b5563;max-width:620px}.seo-measure ul{list-style:none;margin:0;padding:0}.seo-measure li{padding:19px 0;border-bottom:1px solid var(--seo-line);font-size:19px;font-weight:700}
.seo-industry-faq{padding:20px 0 110px}.seo-industry-faq details{max-width:900px;border-top:1px solid var(--seo-line);padding:22px 0}.seo-industry-faq details:last-child{border-bottom:1px solid var(--seo-line)}.seo-industry-faq summary{cursor:pointer;font-size:21px;font-weight:700}.seo-industry-faq details p{font-size:17px;line-height:1.6;color:#4b5563;max-width:780px}
.seo-policy a{color:var(--seo-ink);text-underline-offset:4px}.seo-error{min-height:66vh;display:flex;align-items:center}.seo-error h1{font-size:clamp(56px,8vw,110px)}
.seo-dark-band{background:var(--seo-ink);color:#fff;padding:100px 0}.seo-dark-band h2{max-width:850px}.seo-dark-band>div>p:last-child{max-width:700px;color:#d1d5db;font-size:19px;line-height:1.6}
.seo-footer{background:radial-gradient(700px 320px at 82% 120%,#fe42a01f,#0000 60%),#0b0b10;color:#fff;padding:48px 0 34px}.seo-footer-original{display:grid;grid-template-columns:max-content max-content max-content 1fr;gap:32px;align-items:start}.seo-footer-original span{color:#9ca3af}.seo-footer-original a{color:#fff;text-decoration:none}.seo-footer-original strong{grid-column:1/-1;margin-top:36px;font-size:clamp(70px,15vw,180px);line-height:.8;letter-spacing:.04em}.seo-noscript{font-family:Arial,sans-serif;padding:40px;max-width:900px;margin:auto}.seo-noscript h1{font-size:42px}.seo-noscript p{font-size:18px;line-height:1.5}.seo-noscript a{color:#030712}
.seo-contact-fallback{margin:14px 0 0;font-size:14px;line-height:1.45;color:#4b5563}.seo-contact-fallback a{color:inherit;font-weight:700;text-underline-offset:3px}
.seo-answer .seo-answer-sources{margin:20px 0 0;padding-top:18px;border-top:1px solid #ffffff2e;color:#d1d5db;font-size:13px;line-height:1.55}.seo-answer-sources a{color:#fff;text-underline-offset:3px}.seo-toc{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:34px 0 52px;padding:20px 22px;border:1px solid var(--seo-line);border-radius:18px}.seo-toc strong{margin-right:6px}.seo-toc a{color:#374151;font-size:14px;text-underline-offset:3px}
.seo-playbook{background:var(--seo-soft);border:1px solid #fbcfe3;border-radius:26px;padding:32px}.seo-playbook ol{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0}.seo-playbook li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-top:1px solid #fbcfe3}.seo-playbook li>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--seo-pink);font-size:12px;font-weight:700}.seo-playbook h3{margin:0 0 8px;font-size:24px;letter-spacing:-.03em}.seo-playbook li p{margin:0;font-size:16px;line-height:1.55}
.seo-risk-grid ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0;padding:0}.seo-risk-grid li{border:1px solid var(--seo-line);border-radius:16px;padding:18px;font-size:16px;line-height:1.45;color:#374151}.seo-question-list{margin:0;padding-left:24px}.seo-question-list li{padding:11px 0;font-size:18px;line-height:1.45;color:#374151}.seo-tool-callout{background:var(--seo-ink);color:#fff;border-radius:26px;padding:32px}.seo-tool-callout h2{color:#fff}.seo-tool-callout p:not(.seo-eyebrow){color:#d1d5db}.seo-tool-callout .seo-button{background:var(--seo-pink);color:var(--seo-ink)!important}.seo-aside-link{display:block;margin-top:16px;color:var(--seo-ink);font-weight:700;text-align:center;text-underline-offset:3px}
.seo-planner{border:1px solid var(--seo-line);border-radius:26px;padding:32px}.seo-planner-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.seo-planner label{display:grid;gap:8px;font-weight:700}.seo-planner input{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:12px;padding:14px 16px;font:inherit;color:var(--seo-ink);background:#fff}.seo-planner-output{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.seo-planner-output>div{background:var(--seo-soft);border-radius:16px;padding:18px}.seo-planner-output span{display:block;min-height:36px;font-size:12px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}.seo-planner-output strong{display:block;margin-top:12px;font-size:24px;line-height:1}.seo-planner .seo-planner-note{margin:18px 0 0;font-size:13px;line-height:1.5;color:var(--seo-muted)}.seo-download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.seo-download-grid a{display:flex;flex-direction:column;gap:12px;min-height:130px;padding:20px;border:1px solid var(--seo-line);border-radius:18px;color:var(--seo-ink);text-decoration:none}.seo-download-grid a:hover{border-color:var(--seo-pink)}.seo-download-grid span{font-size:14px;line-height:1.45;color:var(--seo-muted)}
@media(max-width:980px){.seo-page .knav-menu{display:none}}@media(max-width:800px){.seo-shell{width:min(100% - 28px,1180px)}.seo-home{padding:74px 0}.seo-home-heading,.seo-industry-body,.seo-article-layout,.seo-measure{grid-template-columns:minmax(0,1fr);gap:32px}.seo-industry-detail,.seo-process-grid{grid-template-columns:1fr}.seo-industry-detail{padding-bottom:70px}.seo-process{padding:72px 0}.seo-process h2,.seo-measure h2,.seo-industry-faq>h2{font-size:42px}.seo-card-grid,.seo-blog-grid{grid-template-columns:1fr}.seo-card{min-height:260px}.kobra-blog-hero{padding:62px 14px 56px}.kobra-blog-hero h1{font-size:40px}.kobra-blog-hero>div>p:last-child{font-size:16px}.kobra-blog-body{padding:54px 0 76px}.kobra-blog-heading{display:block}.kobra-blog-heading>p:last-child{margin-top:12px;text-align:left}.seo-blog-card{min-height:290px;padding:26px}.seo-blog-card h2{font-size:29px}.seo-page .knav{padding:12px 16px}.seo-page .knav-cta{padding:8px 14px;font-size:13px}.seo-page .knav-cta svg{display:none}.seo-article-aside{position:static}.seo-home-footer{align-items:flex-start;flex-direction:column}.seo-footer-original{grid-template-columns:1fr;gap:18px}.seo-footer-original strong{margin-top:24px}.seo-risk-grid ul,.seo-planner-grid,.seo-planner-output,.seo-download-grid{grid-template-columns:minmax(0,1fr)}.seo-playbook,.seo-planner,.seo-tool-callout{padding:24px}.seo-toc{align-items:flex-start;flex-direction:column}}

/* Capa de contraste: mantiene la composición original y corrige únicamente texto ilegible. */
.seo-answer>p:not(.seo-eyebrow),
.seo-answer .seo-answer-sources,
.seo-answer .seo-answer-sources strong,
.seo-answer .seo-answer-sources a{color:#fff!important}
.seo-tool-callout .seo-eyebrow{color:#f9a8d4!important}
.seo-tool-callout p:not(.seo-eyebrow){color:#e5e7eb!important}
.seo-list-hero h1 span,
.seo-process-grid span{color:#b51663!important}
.seo-list-hero .seo-breadcrumb,
.seo-industry-hero .seo-breadcrumb{color:#4b5563!important}

/* Ajustes de accesibilidad sobre componentes originales; no modifica sus fuentes ni estructura. */
.kseg.svelte-1zjix9 .block.svelte-1zjix9:not(.alt) .title2.svelte-1zjix9{color:#fff!important}
.kseg.svelte-1zjix9 .block.svelte-1zjix9:not(.alt) .eyebrow.svelte-1zjix9{color:#f9a8d4!important}
.kdatos.svelte-5d1esf .eyebrow.svelte-5d1esf,
.kcaso.svelte-1w7rmmr .title.svelte-1w7rmmr .hl.svelte-1w7rmmr,
.kprc.svelte-fe6ldf .title.svelte-fe6ldf .hl.svelte-fe6ldf{color:#b51663!important}
.kequipo.svelte-gm1pp3 .eyebrow.svelte-gm1pp3,
.kequipo.svelte-gm1pp3 .sub.svelte-gm1pp3,
.kequipo.svelte-gm1pp3 .count.svelte-gm1pp3,
.kcaso.svelte-1w7rmmr .eyebrow.svelte-1w7rmmr,
.kcaso.svelte-1w7rmmr .sub.svelte-1w7rmmr,
.kprc.svelte-fe6ldf .eyebrow.svelte-fe6ldf,
.kprc.svelte-fe6ldf .sub.svelte-fe6ldf,
.kcf.svelte-qn5zse .pill.old{color:#4b5563!important}
.kstory .reason .txt b{color:#9d174d!important}
.kstory .bubble.her{background:#b51663!important}
.kstory .wa-link{color:#0057b8!important}
.kstory .wa-msg.out .wa-time{color:#315c29!important}
.kheroa .chat-head .meta span{color:#0b6b2a!important}
.kintg.svelte-au6f7t .word[style*="16B5C3"]{color:#08727c!important}
.kintg.svelte-au6f7t .word[style*="EE7D00"]{color:#9b4800!important}
.kintg.svelte-au6f7t .word[style*="22, 181, 195"]{color:#08727c!important}
.kintg.svelte-au6f7t .word[style*="238, 125, 0"]{color:#9b4800!important}
.pill.amber{color:#7a4b00!important}
.pill.green{color:#086b37!important}
.kheroa .bubble.out small{color:#374151!important}
.kfunc.svelte-8lx4ql .eyebrow.svelte-8lx4ql,
.kfunc.svelte-8lx4ql .num.svelte-8lx4ql,
.card.svelte-1m94a34 .resultado.svelte-1m94a34 .r-s.svelte-1m94a34{color:#4b5563!important}
.delta.up{color:#087a3e!important}
.seo-persona{margin:22px 0 0;font-size:15px;font-weight:700;color:#9d174d;letter-spacing:-.01em}
.seo-directory{padding:76px 0 40px}
.seo-dir-group{margin:0 0 64px}
.seo-dir-title{margin:0 0 34px;padding:0 0 16px;border-bottom:1px solid var(--seo-line);font-size:21px;font-weight:400;letter-spacing:-.02em;color:#9ca3af}
.seo-dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 40px}
.seo-dir-item{display:flex;align-items:flex-start;gap:18px;min-width:0;text-decoration:none;color:inherit}
.seo-dir-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f3f4f6;color:var(--seo-ink);transition:background .18s ease,color .18s ease}
.seo-dir-icon svg{width:22px;height:22px}
.seo-dir-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.seo-dir-name{font-size:17px;font-weight:500;letter-spacing:-.015em;color:var(--seo-ink)}
.seo-dir-desc{font-size:15px;line-height:1.4;color:#6b7280}
.seo-dir-item:hover .seo-dir-icon{background:var(--seo-ink);color:#fff}
.seo-dir-item:hover .seo-dir-name{color:#9d174d}
.seo-dir-item:focus-visible{outline:2px solid var(--seo-pink);outline-offset:8px;border-radius:12px}
@media(max-width:1000px){.seo-dir-grid{grid-template-columns:repeat(2,1fr);gap:34px 28px}}
@media(max-width:640px){.seo-directory{padding:52px 0 24px}.seo-dir-group{margin-bottom:44px}.seo-dir-grid{grid-template-columns:1fr;gap:26px}.seo-dir-title{font-size:18px;margin-bottom:26px}}
.knav-item{position:static;display:flex;align-items:center}
.knav-trigger{display:inline-flex;align-items:center;gap:5px;padding-block:25px;margin-block:-25px}
.knav-caret{width:12px;height:12px;transition:transform .18s ease}
.knav-item:hover .knav-caret,.knav-item:focus-within .knav-caret,.knav-item.is-open .knav-caret{transform:rotate(180deg)}
.knav-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);z-index:70;padding-top:16px;width:min(720px,calc(100vw - 48px));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s}
.knav-item:hover .knav-panel,.knav-item:focus-within .knav-panel,.knav-item.is-open .knav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.knav-panel-inner{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:26px 28px 20px;box-shadow:0 30px 70px -34px rgba(3,7,18,.45)}
.knav-panel-title{margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid #ececf0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9ca3af}
.knav-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.knav-panel-item{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:14px;text-decoration:none;color:inherit;transition:background .15s ease}
.knav-panel-item:hover{background:#f9fafb}
.knav-panel-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f3f4f6;color:#030712;transition:background .15s ease,color .15s ease}
.knav-panel-icon svg{width:18px;height:18px}
.knav-panel-item:hover .knav-panel-icon{background:#030712;color:#fff}
.knav-panel-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.knav-panel-name{font-size:14px;font-weight:500;line-height:1.25;color:#030712}
.knav-panel-desc{font-size:12px;line-height:1.35;color:#6b7280}
.knav-panel-all{display:inline-block;margin:16px 0 0;padding:0 10px;font-size:13px;font-weight:700;color:#030712;text-decoration:none}
.knav-panel-all:hover{color:#9d174d}
@media(max-width:980px){.knav-panel{display:none}}
.kdw-fondo{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(3,7,18,.55);backdrop-filter:blur(3px);overflow-y:auto;font-family:Arial,sans-serif}
.kdw{position:relative;width:min(520px,100%);background:#fff;border-radius:24px;padding:34px 32px 28px;box-shadow:0 40px 90px -40px rgba(3,7,18,.7)}
.kdw-x{position:absolute;top:16px;right:18px;width:32px;height:32px;border:0;border-radius:50%;background:#f3f4f6;color:#374151;font-size:20px;line-height:1;cursor:pointer}
.kdw-x:hover{background:#e5e7eb}
.kdw-eyebrow{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9d174d}
.kdw h2{margin:0 0 10px;font-size:26px;font-weight:500;letter-spacing:-.02em;color:#030712}
.kdw-sub{margin:0 0 22px;font-size:14px;line-height:1.5;color:#4b5563}
.kdw-form label{display:block;margin:0 0 14px;font-size:13px;font-weight:500;color:#374151}
.kdw-form input[type=text],.kdw-form input[type=email],.kdw-form input[type=number],.kdw-form input:not([type]){display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid #d1d5db;border-radius:11px;font-size:15px;font-family:inherit;color:#030712;box-sizing:border-box}
.kdw-form input:focus{outline:2px solid #fe42a0;outline-offset:1px;border-color:transparent}
.kdw-fila{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kdw-esc{margin:4px 0 18px;padding:0;border:0}
.kdw-esc legend{padding:0;margin:0 0 10px;font-size:13px;font-weight:500;color:#374151}
.kdw-esc-lista{display:grid;gap:8px}
.kdw-op{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer}
.kdw-op:hover{background:#f9fafb}
.kdw-op input[type=radio]{appearance:auto;-webkit-appearance:radio;flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:#fe42a0}
.kdw-op:has(input:checked){border-color:#fe42a0;background:#fff5fa}
.kdw-op span{display:flex;flex-direction:column;gap:2px}
.kdw-op strong{font-size:14px;font-weight:500;color:#030712}
.kdw-op em{font-style:normal;font-size:12px;line-height:1.35;color:#6b7280}
.kdw-error{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:13px}
.kdw-enviar{width:100%;padding:14px;border:0;border-radius:999px;background:#030712;color:#fff;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer}
.kdw-enviar:disabled{opacity:.55;cursor:default}
.kdw-nota{margin:12px 0 0;font-size:12px;line-height:1.45;color:#6b7280;text-align:center}
.kdw-codigo{margin:20px 0;padding:16px;border:1px dashed #d1d5db;border-radius:14px;text-align:center;font-size:26px;font-weight:700;letter-spacing:.12em;color:#030712}
.kdw-wa{display:block;padding:14px;border-radius:999px;background:#25d366;color:#04331a;font-size:15px;font-weight:700;text-align:center;text-decoration:none}
.kdw-wa:hover{background:#1eb955}
@media(max-width:560px){.kdw{padding:28px 20px 22px}.kdw-fila{grid-template-columns:1fr}}

/* ── páginas de industria: foto de ambiente y conversación de ejemplo ─────────
   Las fotos son de ambiente y nunca llevan pie con nombre ni cargo: la licencia
   de Pexels prohíbe sugerir respaldo de quien aparece. Ver INDUSTRY_PHOTOS en
   seo-overlay/generate.py.
   El hilo se oculta SÓLO bajo .kconv-anima, que agrega industrias-conversacion.js.
   Sin JS no existe esa clase y la conversación se lee entera. */
.seo-industry-ambiente{margin:0;width:100%;aspect-ratio:1600/720;overflow:hidden;background:var(--seo-soft)}
.seo-industry-ambiente img{display:block;width:100%;height:100%;object-fit:cover}
.kconv{padding:96px 0 104px;background:#f9fafb;border-top:1px solid var(--seo-line);border-bottom:1px solid var(--seo-line)}
.kconv-grid{display:grid;grid-template-columns:1fr .85fr;gap:72px;align-items:start}
.kconv-intro h2{font-size:clamp(34px,3.6vw,48px);line-height:1.04;letter-spacing:-.045em;margin:0}
.kconv-bajada{font-size:19px;line-height:1.6;color:#4b5563;margin:26px 0 34px;max-width:560px}
.kconv-notas{list-style:none;margin:0;padding:0}
.kconv-notas li{display:grid;gap:5px;padding:19px 0;border-top:1px solid var(--seo-line)}
.kconv-notas strong{font-size:15px}
.kconv-notas span{font-size:16px;line-height:1.5;color:#4b5563}
.kconv-hilo{background:#fff;border:1px solid var(--seo-line);border-radius:26px;padding:24px;box-shadow:0 26px 60px -42px #03071299}
.kconv-cabecera{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--seo-line)}
.kconv-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--seo-ink);color:#fff;font-size:15px;font-weight:700}
.kconv-quien{display:grid;gap:2px;min-width:0}
.kconv-quien strong{font-size:15px}
.kconv-quien small{font-size:12.5px;color:var(--seo-muted);line-height:1.35}
.kconv-mensajes{list-style:none;margin:0;padding:22px 4px 4px;display:flex;flex-direction:column;gap:12px;max-height:clamp(345px,48vh,505px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}
.kconv-mensajes::-webkit-scrollbar{width:5px}.kconv-mensajes::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.kconv-mensajes::-webkit-scrollbar-track{background:transparent}
.kconv-seguido{margin-top:-6px}.kconv-agente.kconv-seguido{border-top-left-radius:6px}.kconv-deudor.kconv-seguido{border-top-right-radius:6px}
.kconv-msg{max-width:86%;padding:13px 16px;border-radius:18px;position:relative}
.kconv-msg p{margin:0;font-size:15.5px;line-height:1.5}
.kconv-msg time{display:block;margin-top:6px;font-size:11px;opacity:.55}
.kconv-agente{align-self:flex-start;background:#f3f4f6;border-bottom-left-radius:6px}
.kconv-deudor{align-self:flex-end;background:var(--seo-ink);color:#fff;border-bottom-right-radius:6px}
/* El salto en el tiempo entre el acuerdo y su vencimiento. Es una etiqueta, no
   un mensaje: sin autor, sin hora y centrada, como el separador de día de un chat. */
.kconv-separador{align-self:center;max-width:none;padding:0;margin:14px 0 8px;background:none}
.kconv-separador span{display:inline-block;padding:5px 12px;border-radius:999px;background:#e9eaee;color:#6b7280;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
/* El evento del sistema: no es una burbuja de chat, es lo que quedó anotado.
   Va centrado, ancho completo y con el check dibujándose, para que se lea como
   una confirmación del producto y no como algo que el agente dijo. */
.kconv-evento,.kconv-alerta{align-self:stretch;max-width:none;margin:6px 0;padding:15px 16px 15px 44px;border:1px solid #bbf7d0;border-radius:14px;background:#f0fdf4}
.kconv-evento p,.kconv-alerta p{display:grid;gap:3px;margin:0}
.kconv-evento strong,.kconv-alerta strong{font-size:13px;letter-spacing:.02em;color:#166534}
.kconv-evento span,.kconv-alerta span{font-size:13.5px;line-height:1.45;color:#3f6b4c}
.kconv-evento time,.kconv-alerta time{color:#3f6b4c;opacity:.7}
.kconv-evento::before,.kconv-alerta::before{content:"";position:absolute;left:16px;top:18px;width:16px;height:16px;border-radius:50%;border:1.5px solid #16a34a}
.kconv-evento::after{content:"";position:absolute;left:20.5px;top:22.5px;width:4px;height:7px;border:solid #16a34a;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.kconv-anima .kconv-evento.kconv-visible,.kconv-anima .kconv-alerta.kconv-visible{animation:kconv-anota .42s ease-out}
.kconv-anima .kconv-evento.kconv-visible::after{animation:kconv-check .3s .18s ease-out backwards}
@keyframes kconv-anota{from{transform:scale(.965);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes kconv-check{from{opacity:0;transform:rotate(45deg) scale(.4)}to{opacity:1;transform:rotate(45deg) scale(1)}}
/* La alerta hereda la forma del evento y le cambia color y símbolo. Va DESPUÉS
   del bloque compartido a propósito: misma especificidad, gana el último.
   Un incumplimiento en verde con un check es la clase de detalle que hace que
   el visitante deje de creerle al resto de la página. */
.kconv-alerta{border-color:#fde68a;background:#fffbeb}.kconv-alerta strong{color:#92400e}.kconv-alerta span,.kconv-alerta time{color:#8a6320}.kconv-alerta::before{border-color:#d97706}.kconv-alerta::after{content:"";position:absolute;left:23.2px;top:21px;width:1.6px;height:5px;background:#d97706;box-shadow:0 6.5px 0 0 #d97706;border:0;transform:none}
.kconv-alerta{margin-top:10px}
.kconv-anima .kconv-msg{display:none}
.kconv-anima .kconv-msg.kconv-visible{display:list-item;animation:kconv-entra .3s ease-out}
@keyframes kconv-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.kconv-escribiendo{align-self:flex-start;display:flex;gap:5px;padding:15px 16px;border-radius:18px;border-bottom-left-radius:6px;background:#f3f4f6}
.kconv-escribiendo span{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:kconv-punto 1.1s infinite ease-in-out}
.kconv-escribiendo span:nth-child(2){animation-delay:.16s}
.kconv-escribiendo span:nth-child(3){animation-delay:.32s}
@keyframes kconv-punto{0%,60%,100%{opacity:.32;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:980px){.kconv-grid{grid-template-columns:minmax(0,1fr);gap:40px}.kconv-hilo{position:static}}
@media(max-width:800px){.seo-industry-ambiente{aspect-ratio:4/3}.kconv{padding:64px 0 72px}.kconv-msg{max-width:92%}.kconv-hilo{padding:18px;border-radius:22px}}
@media(prefers-reduced-motion:reduce){.kconv-anima .kconv-msg{display:list-item;animation:none}.kconv-escribiendo span,.kconv-anima .kconv-evento.kconv-visible,.kconv-anima .kconv-evento.kconv-visible::after{animation:none}}

/* ── Hero con la foto detrás del copy ─────────────────────────────────────────
   Variante de apertura de las páginas de industria que ya migraron (educación
   primero). La imagen ocupa la pantalla, el copy va en blanco encima y el
   contraste lo sostienen TRES capas, no una: un velo en degradado, un foco
   radial detrás del bloque de texto y una sombra en la propia tipografía. Con
   una sola capa había que oscurecer tanto la foto que dejaba de leerse como
   fotografía; repartido así, el texto destaca y la imagen sigue viva. */
.seo-hero-foto{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:min(94svh,880px);padding:0;background:var(--seo-ink);border-bottom:0;color:#fff}
.seo-hero-fondo{position:absolute;inset:0;margin:0}
.seo-hero-fondo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
/* Capa 1 — velo vertical: liviano arriba (la foto respira) y denso abajo, que es
   donde cae el texto. Capa 2 — foco elíptico anclado a la izquierda-abajo, justo
   bajo el bloque de copy: apaga el fondo SOLO ahí en vez de aplanar la imagen. */
.seo-hero-velo{position:absolute;inset:0;background:linear-gradient(180deg,#03071280 0%,#0307124d 36%,#030712d9 100%),radial-gradient(110% 76% at 20% 78%,#030712b8 0%,#03071273 46%,#03071200 76%)}
.seo-hero-contenido{position:relative;padding-top:120px;padding-bottom:56px}
.seo-hero-foto .seo-breadcrumb{color:#e5e7eb;margin-bottom:56px;text-shadow:0 1px 10px #030712b3}
.seo-hero-foto .seo-eyebrow{color:#fbcfe3;text-shadow:0 1px 12px #030712cc}
/* Capa 3 — la sombra de la tipografía. Dos sombras: una cerrada que despega la
   letra del fondo y una abierta y difusa que hace de halo cuando detrás cae una
   zona clara (una ventana, un reflejo). Sin la segunda, el titular se pierde
   justo en los puntos donde la foto tiene más luz. */
.seo-hero-foto h1{max-width:1050px;color:#fff;text-wrap:balance;font-size:clamp(42px,5.6vw,76px);line-height:.98;text-shadow:0 2px 14px #030712b3,0 8px 46px #030712a6}
.seo-hero-contenido>p:not(.seo-eyebrow){font-size:20px;line-height:1.5;max-width:660px;color:#f3f4f6;margin:26px 0 0;text-shadow:0 1px 12px #030712cc,0 4px 28px #03071299}
.seo-hero-foto .seo-button{background:#fff;color:var(--seo-ink)!important;box-shadow:0 10px 34px -14px #030712}
.seo-hero-foto .seo-secondary{color:#fff;text-shadow:0 1px 10px #030712b3}
@media(max-width:800px){
  .seo-hero-foto{min-height:96svh}
  .seo-hero-contenido{padding-top:96px;padding-bottom:42px}
  .seo-hero-foto .seo-breadcrumb{margin-bottom:34px}
  /* En vertical el foco se centra: el texto ocupa todo el ancho, no una columna. */
  .seo-hero-velo{background:linear-gradient(180deg,#03071299 0%,#03071266 32%,#030712f5 100%),radial-gradient(130% 62% at 50% 88%,#030712d9 0%,#03071299 48%,#03071200 82%)}
}

/* ── Los tres pasos de «cómo funciona» ────────────────────────────────────────
   Lista de pasos a la izquierda, panel dibujado a la derecha. El panel cambia
   solo cada 7s y también al hacer clic en un paso.

   Sin JS los tres paneles quedan apilados y visibles: la regla que los oculta
   cuelga de `.kpasos-vivo`, clase que sólo pone el script. Es el mismo trato que
   el hilo de conversación — si el JS no carga, se lee todo, más largo pero
   entero. */
.kpasos{padding:104px 0;background:#f9fafb;border-top:1px solid var(--seo-line);border-bottom:1px solid var(--seo-line)}
.kpasos-cabecera{max-width:760px;margin-bottom:58px}
.kpasos-cabecera h2{font-size:clamp(36px,4.4vw,54px);line-height:1.02;letter-spacing:-.045em;margin:0}
.kpasos-cabecera>p:last-child{font-size:19px;line-height:1.55;color:#4b5563;margin:20px 0 0}
.kpasos-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:start}

.kpasos-lista{list-style:none;margin:0;padding:0}
.kpaso{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;padding:24px 22px;border-radius:18px;cursor:default;transition:background .25s ease}
.kpasos-vivo .kpaso{cursor:pointer}
.kpaso-numero{font-size:12px;font-weight:700;letter-spacing:.14em;color:#9ca3af;padding-top:4px;transition:color .25s ease}
.kpaso-texto strong{display:block;font-size:21px;line-height:1.25;letter-spacing:-.02em;margin-bottom:9px}
.kpaso-texto>span{display:block;font-size:16px;line-height:1.6;color:#6b7280}
/* Antes de que el script arranque los pasos se ven todos iguales y legibles; la
   atenuación del inactivo es cosa de la versión con JS. */
.kpasos-vivo .kpaso{opacity:.5;transition:opacity .3s ease,background .25s ease}
.kpasos-vivo .kpaso-activo{opacity:1;background:#fff;box-shadow:0 20px 50px -40px #030712b3}
.kpasos-vivo .kpaso-activo .kpaso-numero{color:var(--seo-pink)}
/* La barra del tiempo restante. Sólo existe en la versión automática: en cuanto
   la persona toca un paso (`kpasos-manual`) desaparece, porque ya no hay cuenta
   regresiva que mostrar. */
.kpaso-barra{position:absolute;left:22px;right:22px;bottom:12px;height:2px;background:#e5e7eb;border-radius:2px;opacity:0}
.kpaso-barra i{display:block;height:100%;width:0;background:var(--seo-pink);border-radius:2px}
.kpasos-vivo .kpaso-activo .kpaso-barra{opacity:1}
.kpasos-vivo .kpaso-activo .kpaso-barra i{animation:kpaso-tiempo 7s linear forwards}
.kpasos-manual .kpaso-barra{display:none}
@keyframes kpaso-tiempo{from{width:0}to{width:100%}}

.kpasos-paneles{position:relative}
.kpaso-vista{background:#fff;border:1px solid var(--seo-line);border-radius:24px;padding:34px;box-shadow:0 30px 70px -50px #030712b3}
.kpaso-vista+.kpaso-vista{margin-top:20px}
.kpasos-vivo .kpaso-vista{display:none;margin-top:0}
.kpasos-vivo .kpaso-vista-activa{display:block;animation:kpaso-entra .38s ease-out}
@keyframes kpaso-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.kpaso-panel{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center}
.kpaso-rotulo{margin:0 0 16px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#9ca3af}
.kpaso-lado{min-width:0}

/* El haz de líneas entre las dos columnas. Son <span> vacíos y no un SVG porque
   sólo tienen que sugerir un flujo: dibujar curvas exactas obligaría a conocer la
   altura de cada tarjeta, que cambia con el texto. */
.kpaso-enlace{display:flex;flex-direction:column;justify-content:center;gap:13px;width:52px}
.kpaso-enlace span{display:block;height:2px;border-radius:2px;background:linear-gradient(90deg,#e5e7eb,var(--seo-pink));background-size:200% 100%;animation:kpaso-flujo 2.4s linear infinite}
.kpaso-enlace span:nth-child(2){animation-delay:.3s}
.kpaso-enlace span:nth-child(3){animation-delay:.6s}
.kpaso-enlace span:nth-child(4){animation-delay:.9s}
.kpaso-enlace-uno{width:44px}
@keyframes kpaso-flujo{from{background-position:100% 0}to{background-position:-100% 0}}

.kpaso-fuentes{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.kpaso-fuentes li{border:1px solid var(--seo-line);border-radius:12px;padding:11px 13px;background:#fff}
.kpaso-fuentes strong{display:block;font-size:14px}
.kpaso-fuentes small{font-size:12.5px;color:#9ca3af}

.kpaso-ficha{border:1px solid #fbcfe3;border-radius:16px;padding:17px;background:var(--seo-soft)}
.kpaso-etiqueta{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9d174d;margin-bottom:8px}
.kpaso-ficha>strong{display:block;font-size:17px;margin-bottom:13px}
.kpaso-ficha dl{margin:0;display:grid;gap:7px}
.kpaso-ficha dl div{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.kpaso-ficha dt{color:#6b7280}
.kpaso-ficha dd{margin:0;font-weight:700}
.kpaso-sello{margin:14px 0 0;padding-top:12px;border-top:1px solid #fbcfe3;font-size:12.5px;color:#9d174d;font-weight:700}

.kpaso-senales{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kpaso-senales li{position:relative;padding:10px 12px 10px 30px;border-radius:12px;background:#f3f4f6;font-size:13.5px;line-height:1.45;color:#374151}
.kpaso-senales li::before{content:"";position:absolute;left:12px;top:15px;width:7px;height:7px;border-radius:50%;background:#9ca3af}

.kpaso-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kpaso-chips li{border:1px solid var(--seo-ink);background:var(--seo-ink);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;color:#fff}
.kpaso-freno{margin:16px 0 0;padding:13px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a;font-size:13px;line-height:1.5;color:#92400e}
.kpaso-freno strong{display:block;margin-bottom:3px}

.kpaso-feed{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.kpaso-feed li{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:baseline;padding:10px 12px;border-radius:10px;font-size:13.5px;line-height:1.45}
.kpaso-feed time{font-size:12px;color:#9ca3af;font-variant-numeric:tabular-nums}
.kpaso-hito{background:#f0fdf4;color:#166534;font-weight:700}
.kpaso-hito time{color:#4d7c5f}
.kpaso-cierre{background:#dcfce7}
.kpaso-marcador{border:1px solid var(--seo-line);border-radius:16px;padding:20px;text-align:center;background:#f9fafb}
.kpaso-marcador strong{display:block;font-size:52px;line-height:1;letter-spacing:-.05em}
.kpaso-marcador span{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:#6b7280}

@media(max-width:1040px){
  .kpasos-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .kpaso{padding:18px 16px}
}
@media(max-width:760px){
  .kpasos{padding:72px 0}
  .kpasos-cabecera{margin-bottom:38px}
  .kpaso-vista{padding:22px;border-radius:20px}
  /* En teléfono el haz horizontal no cabe: las columnas se apilan y las líneas
     pasan a ser un separador corto y centrado. */
  .kpaso-panel{grid-template-columns:minmax(0,1fr);gap:16px}
  .kpaso-enlace,.kpaso-enlace-uno{flex-direction:row;width:auto;justify-content:center;gap:8px}
  .kpaso-enlace span{width:26px;height:2px}
  .kpaso-feed li{grid-template-columns:66px 1fr;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .kpasos-vivo .kpaso-vista-activa{animation:none}
  .kpaso-enlace span{animation:none;background:#e5e7eb}
  .kpaso-barra{display:none}
}
/* La misma caja pero informativa, no de advertencia: en el paso 3 lo que hay
   abajo no es un freno sino lo que sí le llega al equipo. */
.kpaso-nota{background:#f9fafb;border-color:var(--seo-line);color:#4b5563}
.kpaso-nota strong{color:var(--seo-ink)}

/* ── Cierre: réplica de la tarjeta oscura con la que termina la portada ────────
   Los valores están copiados del bundle compilado (`.kcta.svelte-11osyfy`), no
   heredados de él: ese bundle no tiene fuente en este repo y su clase lleva un
   hash que nadie puede reproducir. Ver `cierre_cta()` en generate.py. */
.kcierre{background:#fff;padding:24px 24px 72px}
.kcierre-caja{position:relative;overflow:hidden;max-width:1100px;margin:0 auto;padding:80px 32px 76px;text-align:center;border-radius:28px;background:radial-gradient(700px 360px at 80% -10%,#fe42a038,#0000 60%),radial-gradient(600px 320px at 10% 120%,#fe42a024,#0000 55%),#0b0b10;box-shadow:0 50px 100px -50px #000000b3}
.kcierre-eyebrow{margin:0 0 16px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c}
.kcierre-caja h2{margin:0;color:#fff;font-size:clamp(30px,5vw,56px);font-weight:500;line-height:1.05;letter-spacing:-.025em}
.kcierre-caja h2 span{color:#ffffff8c;font-style:italic}
.kcierre-bajada{max-width:480px;margin:20px auto 0;font-size:17px;line-height:1.55;color:#ffffffb3}
.kcierre-accion{margin:34px 0 0}
.kcierre-accion a{display:inline-flex;align-items:center;gap:9px;padding:16px 28px;border-radius:999px;background:#fff;color:#030712;font-size:16px;font-weight:500;text-decoration:none;box-shadow:0 18px 40px -16px #fe42a080;transition:transform .2s,box-shadow .2s}
.kcierre-accion a:hover{transform:translateY(-2px);box-shadow:0 24px 50px -16px #fe42a0a6}
.kcierre-accion svg{width:18px;height:18px}
.kcierre-nota{margin:18px 0 0;font-size:13.5px;color:#ffffff80}
@media(max-width:760px){.kcierre{padding:16px 14px 56px}.kcierre-caja{padding:56px 22px 52px;border-radius:24px}}

/* ── Precios ──────────────────────────────────────────────────────────────────
   Dos planes, el contraste contra la comisión por éxito y lo que no se factura.
   Reusa el hero claro de las páginas de listado y el cierre oscuro compartido;
   lo único propio son las tarjetas de plan y la comparación. */
.kprecio-hero h1 span{color:var(--seo-pink)}
.kprecio-hero>div>p:last-child{max-width:660px}
.kprecio-planes{padding:70px 0 20px;display:grid;grid-template-columns:1fr 1.15fr;gap:26px;align-items:start}
.kprecio-plan{border:1px solid var(--seo-line);border-radius:26px;padding:34px;background:#fff;display:flex;flex-direction:column;min-height:100%}
.kprecio-plan-destacado{background:var(--seo-ink);border-color:var(--seo-ink);color:#fff;box-shadow:0 40px 80px -48px #030712b3}
.kprecio-etiqueta{margin:0 0 20px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--seo-muted)}
.kprecio-plan-destacado .kprecio-etiqueta{color:#f9a8d4}
.kprecio-cifra{margin:0;font-size:clamp(44px,5vw,64px);font-weight:500;line-height:1;letter-spacing:-.04em}
.kprecio-cifra span{font-size:19px;font-weight:400;letter-spacing:-.01em;margin-left:6px}
.kprecio-sub{margin:16px 0 0;font-size:17px;line-height:1.5;color:#4b5563}
.kprecio-plan-destacado .kprecio-sub{color:#d1d5db}
.kprecio-lista{list-style:none;margin:28px 0 30px;padding:0}
.kprecio-lista li{position:relative;padding:11px 0 11px 27px;font-size:15.5px;line-height:1.45;border-top:1px solid var(--seo-line)}
.kprecio-plan-destacado .kprecio-lista li{border-color:#ffffff26}
.kprecio-lista li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:5px;border:solid var(--seo-pink);border-width:0 0 1.7px 1.7px;transform:rotate(-45deg)}
.kprecio-plan .seo-button,.kprecio-plan .seo-secondary{margin-top:auto;align-self:flex-start}
.kprecio-plan-destacado .seo-button{background:#fff;color:var(--seo-ink)!important}
.kprecio-nota{margin:16px 0 0;font-size:13px;color:#9ca3af}
.kprecio-contraste{padding:96px 0;margin-top:70px;background:var(--seo-soft);border-top:1px solid #fbcfe3;border-bottom:1px solid #fbcfe3}
.kprecio-contraste h2{font-size:clamp(32px,3.6vw,46px);line-height:1.05;letter-spacing:-.04em;margin:0 0 44px;max-width:820px}
.kprecio-comparacion{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.kprecio-comparacion>div{background:#fff;border:1px solid #fbcfe3;border-radius:22px;padding:28px}
.kprecio-comparacion strong{display:block;margin:14px 0 12px;font-size:40px;font-weight:500;letter-spacing:-.03em;color:#9ca3af}
.kprecio-comparacion span{font-size:15.5px;line-height:1.55;color:#4b5563}
.kprecio-rotulo{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--seo-muted)}
.kprecio-nuestro{border-color:var(--seo-ink);box-shadow:0 26px 60px -44px #03071299}
.kprecio-nuestro strong{color:var(--seo-ink)}
.kprecio-fuera{padding:96px 0 30px;display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:start}
.kprecio-fuera h2{font-size:clamp(30px,3.2vw,42px);line-height:1.06;letter-spacing:-.04em;margin:0 0 18px}
.kprecio-fuera>div>p:last-child{font-size:17px;line-height:1.6;color:#4b5563;margin:0;max-width:460px}
.kprecio-fuera ul{list-style:none;margin:0;padding:0}
.kprecio-fuera li{display:grid;gap:6px;padding:20px 0;border-top:1px solid var(--seo-line)}
.kprecio-fuera strong{font-size:16px}
.kprecio-fuera span{font-size:15.5px;line-height:1.5;color:#4b5563}
@media(max-width:900px){
  .kprecio-planes{grid-template-columns:minmax(0,1fr);padding-top:48px}
  .kprecio-comparacion,.kprecio-fuera{grid-template-columns:minmax(0,1fr);gap:22px}
  .kprecio-contraste{padding:68px 0;margin-top:48px}
  .kprecio-fuera{padding:68px 0 20px}
  .kprecio-plan{padding:26px;border-radius:22px}
}
.kprecio-intro{max-width:760px;margin:0 0 40px;font-size:18px;line-height:1.6;color:#4b5563}
.kprecio-cuenta{margin:20px 0 0}
.kprecio-cuenta>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--seo-line);font-size:15.5px}
.kprecio-cuenta dt{color:#6b7280;margin:0}
.kprecio-cuenta dd{margin:0;font-weight:700;white-space:nowrap}
.kprecio-total{border-top:1px solid var(--seo-ink)!important;margin-top:4px}
.kprecio-total dt{color:var(--seo-ink);font-weight:700}
.kprecio-total dd{font-size:21px}
.kprecio-nuestro .kprecio-total dd{color:var(--seo-pink)}
.kprecio-pie{margin:32px 0 0;max-width:860px;font-size:13.5px;line-height:1.6;color:#6b7280}

/* Cómo se calcula: los tres meses posibles de la factura. Existe porque el mínimo
   sólo se entiende viendo cuándo aplica y cuándo desaparece. */
.kprecio-ejemplos{padding:96px 0 20px}
.kprecio-ejemplos-cabecera{max-width:820px;margin:0 0 42px}
.kprecio-ejemplos-cabecera h2{font-size:clamp(30px,3.4vw,44px);line-height:1.06;letter-spacing:-.04em;margin:0 0 20px}
.kprecio-ejemplos-cabecera>p:last-child{margin:0;font-size:18px;line-height:1.6;color:#4b5563}
.kprecio-ejemplos-cabecera strong{color:var(--seo-ink)}
.kprecio-casos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:kcaso}
.kprecio-casos li{position:relative;border:1px solid var(--seo-line);border-radius:22px;padding:28px 26px;background:#fff;display:flex;flex-direction:column}
.kprecio-caso{margin:0 0 18px;font-size:15px;font-weight:700;line-height:1.4}
.kprecio-monto{margin:0 0 14px;font-size:42px;font-weight:500;letter-spacing:-.035em;line-height:1;color:var(--seo-pink)}
.kprecio-casos li:last-child .kprecio-monto{color:#9ca3af}
.kprecio-porque{margin:0;font-size:15px;line-height:1.55;color:#4b5563}
.kprecio-umbral{margin:32px 0 0;padding:22px 24px;border-radius:18px;background:var(--seo-soft);border:1px solid #fbcfe3;font-size:16px;line-height:1.6;color:#4b5563}
.kprecio-umbral strong{color:var(--seo-ink)}
@media(max-width:900px){.kprecio-ejemplos{padding:64px 0 10px}.kprecio-casos{grid-template-columns:minmax(0,1fr);gap:14px}.kprecio-casos li{padding:24px}}
.kprecio-aparte{margin:22px 0 0;padding:30px 32px;border:1px solid var(--seo-line);border-radius:22px;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start;background:#f9fafb}
.kprecio-aparte h3{margin:10px 0 0;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.025em}
.kprecio-aparte>p{margin:0;font-size:16px;line-height:1.6;color:#4b5563}
.kprecio-aparte a{color:var(--seo-ink);font-weight:700;text-underline-offset:3px}
@media(max-width:900px){.kprecio-aparte{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px}}

/* ── Precio dentro de «Cómo funciona» ────────────────────────────────────────
   La página de precios se disolvió acá: el precio es una frase y tres
   condiciones, no merecía una URL propia. */
.kprecio-bloque{padding:96px 0;background:var(--seo-soft);border-top:1px solid #fbcfe3;border-bottom:1px solid #fbcfe3}
.kprecio-bloque-grid{display:grid;grid-template-columns:1fr .95fr;gap:64px;align-items:start}
.kprecio-bloque h2{margin:0;font-size:clamp(38px,4.6vw,60px);line-height:1;letter-spacing:-.045em}
.kprecio-bloque h2 span{color:var(--seo-pink)}
.kprecio-bloque-sub{margin:22px 0 0;font-size:20px;line-height:1.5;color:#4b5563}
.kprecio-condiciones{list-style:none;margin:34px 0 0;padding:0}
.kprecio-condiciones li{display:grid;gap:5px;padding:18px 0;border-top:1px solid #fbcfe3}
.kprecio-condiciones strong{font-size:16px}
.kprecio-condiciones span{font-size:15.5px;line-height:1.55;color:#4b5563}
.kprecio-cuenta-card{background:#fff;border:1px solid #fbcfe3;border-radius:24px;padding:32px;box-shadow:0 26px 60px -44px #03071299}
.kprecio-vs{margin:20px 0 26px;font-size:14.5px;line-height:1.6;color:#6b7280}
.kprecio-vs strong{color:var(--seo-ink)}
.kprecio-cuenta-card .seo-button{width:100%}
/* La demo, tres tramos de quince minutos */
.kdemo{padding:96px 0 30px;display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:start}
.kdemo h2{margin:0 0 16px;font-size:clamp(30px,3.4vw,44px);line-height:1.06;letter-spacing:-.04em}
.kdemo>div>p:last-child{margin:0;font-size:17px;line-height:1.6;color:#4b5563}
.kdemo-lista{list-style:none;margin:0;padding:0;counter-reset:kd}
.kdemo-lista li{display:grid;gap:6px;padding:22px 0;border-top:1px solid var(--seo-line)}
.kdemo-min{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--seo-pink)}
.kdemo-lista strong{font-size:19px;letter-spacing:-.02em}
.kdemo-lista li>span:last-child{font-size:15.5px;line-height:1.55;color:#4b5563}
@media(max-width:900px){
  .kprecio-bloque{padding:64px 0}
  .kprecio-bloque-grid,.kdemo{grid-template-columns:minmax(0,1fr);gap:32px}
  .kprecio-cuenta-card{padding:24px}
  .kdemo{padding:64px 0 20px}
}

/* ── Hero de dos carriles ─────────────────────────────────────────────────────
   El titular dice «de semanas a minutos» y el bloque de al lado lo demuestra:
   un carril acumula días paso a paso, el otro los resuelve casi de golpe. */
.khero{padding:64px 0 78px}
.khero-grid{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center}
.khero-copy h1{max-width:none}
.khero-copy>p:not(.seo-eyebrow){font-size:19px;line-height:1.55;max-width:560px;color:#4b5563;margin:26px 0 0}
.khero-carriles{display:grid;gap:16px}
.khero-carril{background:#fff;border:1px solid #fbcfe3;border-radius:22px;padding:22px 24px}
.khero-kobra{border-color:var(--seo-ink);box-shadow:0 26px 60px -44px #03071299}
.khero-rotulo{margin:0 0 14px;font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--seo-muted)}
.khero-kobra .khero-rotulo{color:var(--seo-pink)}
.khero-pasos{list-style:none;margin:0;padding:0}
.khero-paso{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-top:1px solid var(--seo-line);font-size:14.5px}
.khero-paso:first-child{border-top:0}
.khero-paso span{color:#374151}
.khero-paso em{font-style:normal;font-weight:700;white-space:nowrap;color:#9ca3af}
.khero-kobra .khero-paso em{color:var(--seo-pink)}
.khero-total{display:flex;align-items:baseline;gap:10px;margin:14px 0 0;padding-top:13px;border-top:1px solid var(--seo-ink)}
.khero-total strong{font-size:26px;letter-spacing:-.03em}
.khero-total span{font-size:13px;line-height:1.4;color:var(--seo-muted)}
.khero-kobra .khero-total strong{color:var(--seo-pink)}
/* Animación: sólo cuando el script pone la clase. Sin JS todo queda visible. */
.khero-anima .khero-paso,.khero-anima .khero-total{opacity:0;transform:translateY(6px)}
.khero-anima .khero-paso.khero-visible,.khero-anima .khero-total.khero-visible{opacity:1;transform:none;transition:opacity .32s ease-out,transform .32s ease-out}
@media(max-width:960px){
  .khero{padding:48px 0 60px}
  .khero-grid{grid-template-columns:minmax(0,1fr);gap:38px}
  .khero-copy>p:not(.seo-eyebrow){max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .khero-anima .khero-paso,.khero-anima .khero-total{opacity:1;transform:none}
}

/* ── Barra y tarjetas en el teléfono (2026-08-10) ─────────────────────────────

   1) `style.css` (el CSS heredado de Webflow) trae un `.card` genérico que bajo
   el breakpoint mobile fuerza `width:285rem` y `display:flex;gap:24rem`. Las
   tarjetas de `.kdatos` («3 canales», «2×») y de `.krsc` esperan ocupar toda la
   columna de su grilla, así que quedaban angostas y pegadas a la izquierda. */
.kdatos .card.svelte-5d1esf,
.krsc .card.svelte-5gvgko{width:auto}
.kdatos .card.svelte-5d1esf{display:block} /* el aire lo pone .num{margin-bottom} */

/* 2) Con `.knav-menu` oculto, la grilla `1fr auto 1fr` del nav dejaba una
   columna vacía a la derecha y el CTA no llegaba al borde.
   Ojo con el selector: esta hoja se carga ANTES que el CSS del bundle, así que
   a igual especificidad gana el bundle. El `nav` de más es lo que lo desempata. */
@media(max-width:980px){
  nav.knav.svelte-rfuq4y{display:flex;align-items:center;justify-content:space-between;gap:10px}
  nav.knav .knav-right.svelte-rfuq4y{gap:8px}
}
/* el botón hamburguesa suma ~50px: se compensa apretando logo y CTA para que
   todo entre en el ancho del teléfono sin scroll horizontal. */
@media(max-width:560px){
  nav.knav .knav-logo.svelte-rfuq4y{height:22px}
  nav.knav .knav-cta.svelte-rfuq4y{padding:8px 12px;font-size:12.5px}
}

/* 3) Menú mobile (lo monta nav-industrias.js). */
.knav-burger{display:none;flex-direction:column;align-items:center;justify-content:center;
  width:40px;height:40px;padding:0;flex-shrink:0;background:transparent;border:1px solid #e5e7eb;
  border-radius:12px;color:#030712;cursor:pointer;transition:background .2s ease}
.knav-burger:hover{background:#f3f4f6}
.knav-burger span{display:block;width:17px;height:1.6px;border-radius:2px;background:currentColor;
  transition:transform .25s ease,opacity .2s ease}
.knav-burger span+span{margin-top:4px}
.knav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.knav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.knav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
@media(max-width:980px){.knav-burger{display:flex}}

.knav-mobile{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;overflow-y:auto;
  -webkit-overflow-scrolling:touch;background:#fff;border-top:1px solid #ececf0;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s}
@media(max-width:980px){.knav-mobile{display:block}}
.knav-mobile.is-open{opacity:1;visibility:visible;transform:none}
.knav-mobile ul{list-style:none;margin:0;padding:8px 0 32px}
.knav-mobile>ul>li{border-bottom:1px solid #f1f1f4}
.knav-mobile a,.knav-mobile button{display:flex;align-items:center;justify-content:space-between;
  gap:12px;width:100%;padding:16px 20px;border:0;background:transparent;text-align:left;
  text-decoration:none;color:#111827;font:500 16px/1.2 inherit;cursor:pointer}
.knav-mobile button svg{width:16px;height:16px;flex-shrink:0;color:#9ca3af;transition:transform .22s ease}
.knav-mobile button[aria-expanded="true"] svg{transform:rotate(180deg)}
.knav-mobile-sub{display:none;padding:0 0 8px;background:#fafafb}
.knav-mobile-sub.is-open{display:block}
/* `.knav-mobile a` reparte con space-between (rótulo + chevron); los ítems
   clonados son icono + texto y ahí eso los tira contra el borde derecho. */
.knav-mobile-sub .knav-panel-item{justify-content:flex-start;align-items:flex-start;
  padding:12px 20px 12px 28px;gap:12px;border-radius:0;text-align:left}
.knav-mobile-sub .knav-panel-item:active{background:#f3f4f6}
body.knav-mobile-abierto{overflow:hidden}

/* ── Lo que quedaba cortado en el teléfono (2026-08-10) ───────────────────────
   Tres piezas se pasaban del ancho de su caja, y como la caja recorta
   (`overflow:hidden`) el pedazo sobrante desaparecía sin dejar rastro: no había
   barra de scroll ni nada que avisara que faltaba contenido.

   Misma advertencia de arriba: esta hoja se carga ANTES que el CSS del bundle,
   así que cada regla lleva un ancestro de más para ganar por especificidad. */
@media(max-width:560px){
  /* el stepper del widget («Plan · Llamada · WhatsApp · Pago») pedía 404px
     dentro de 359: se comía «Pago» entero. */
  .kstory .widget .stepper{padding:12px;overflow-x:auto;scrollbar-width:none}
  .kstory .widget .stepper::-webkit-scrollbar{display:none}
  .kstory .widget .step{gap:6px;font-size:11px}
  .kstory .widget .step .num{width:18px;height:18px;font-size:10px}
  .kstory .widget .step-bar{flex:0 0 10px;margin:0 3px}

  /* las pestañas de la ventana del hero (Gestiones · Conversación · Cartera ·
     Llamada) se pasaban por 6px y «Llamada» quedaba mordida. */
  .kheroa .window .tabs{gap:2px;padding:10px 8px 0}
  .kheroa .window .tab{padding:8px 9px;font-size:12.5px}

  /* en los testimonios el logo del cliente empujaba las estrellas fuera. */
  .ktesti .card-top.svelte-1m94a34{gap:10px}
  .ktesti .logo.cliente.svelte-1m94a34{width:104px}
}
@media(max-width:380px){
  .ktesti .logo.cliente.svelte-1m94a34{width:86px}
}
/* pantallas viejas de 320px: ahí ya no alcanza apretando, así que las estrellas
   bajan a su propia línea y las pestañas pierden el aire lateral. */
@media(max-width:340px){
  .kheroa .window .tab{padding:8px 6px}
  .ktesti .card-top.svelte-1m94a34{flex-wrap:wrap}
}

/* El corte de abajo del widget: `.kstory .scene` es `position:absolute;inset:0`,
   así que las escenas no aportan altura y `.stage` se queda con su `min-height`.
   En el teléfono ese mínimo es 300px y las escenas piden hasta 430 — la de
   WhatsApp cortaba el teléfono por la mitad, sin scroll ni aviso. Medido de 360
   a 760px; el extra es para que el stepper (absoluto, abajo) no tape la última
   burbuja. */
@media(max-width:760px){
  .kstory .widget .stage{min-height:486px}
}