/* Style block 0 */

@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/extracted_assets/asset_0.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/extracted_assets/asset_1.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/extracted_assets/asset_2.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/extracted_assets/asset_3.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/extracted_assets/asset_4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/extracted_assets/asset_5.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/extracted_assets/asset_6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/extracted_assets/asset_7.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(/extracted_assets/asset_8.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(/extracted_assets/asset_9.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/extracted_assets/asset_10.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/extracted_assets/asset_11.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/extracted_assets/asset_12.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/extracted_assets/asset_13.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--navy:#0D184C;--blue:#2563FF;--cyan:#06B6D4;--violet:#7C3AED;--ink:#172554;--muted:#64748B;--line:#E7EBF2;--soft:#F7F9FC;--green:#16A34A;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}
.nav{height:76px;position:sticky;top:0;z-index:100;background:#ffffffee;backdrop-filter:blur(18px);border-bottom:1px solid #eef1f5}.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-family:"Poppins",ui-sans-serif,system-ui,sans-serif;font-size:25px;font-weight:950;letter-spacing:-.07em;color:var(--navy)}.logo span{font-weight:950}.logo i{font-style:normal;color:var(--blue)}.links{font-family:"Poppins",ui-sans-serif,system-ui,sans-serif;display:flex;gap:30px;font-size:12px;font-weight:800;color:#536174}.links a:hover{color:var(--blue)}.navcta{display:flex;gap:9px}.btn{font-family:"Poppins",ui-sans-serif,system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;border:1px solid var(--line);font-size:12px;font-weight:900;transition:.22s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 12px 30px #2563ff22}.ghost{background:#fff;color:var(--navy)}
.hero{position:relative;overflow:hidden;padding:88px 0 105px;background:radial-gradient(circle at 80% 20%,#e5fbff 0,transparent 26%),radial-gradient(circle at 100% 75%,#eef0ff 0,transparent 31%),#fff}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #dbe8ff;border-radius:50%;right:-270px;top:100px;opacity:.65}.heroGrid{display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center}.eyebrow{font-family:"Poppins",ui-sans-serif,system-ui,sans-serif;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #dce6ff;border-radius:999px;background:#f5f8ff;color:var(--blue);font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #dcfce7}h1,h2,h3,h4,h5,h6{font-family:"Poppins",ui-sans-serif,system-ui,sans-serif}h1{font-size:clamp(47px,6vw,76px);line-height:.96;letter-spacing:-.078em;color:var(--navy);margin:21px 0}.grad{background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.68;color:var(--muted);max-width:650px}.hero p strong{color:var(--navy)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:29px 0 19px}.trust{display:flex;flex-wrap:wrap;gap:19px;font-size:10px;font-weight:800;color:#748196}.trust span:before{content:"✓";color:var(--green);margin-right:6px}
.visual{position:relative;min-height:550px}.orb{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#dffaff 0,#eaf0ff 48%,transparent 70%);left:50%;top:35px;transform:translateX(-50%)}.phone{position:absolute;z-index:2;top:15px;left:50%;transform:translateX(-50%);width:330px;border:1px solid #d9e2ef;border-radius:32px;background:#fff;overflow:hidden;box-shadow:0 35px 90px #0d184c20}.phead{display:flex;gap:10px;padding:17px;border-bottom:1px solid #e8edf4;align-items:center}.avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,var(--cyan),var(--blue))}.phead b{font-size:11px}.phead small{display:block;font-size:9px;color:#738096;margin-top:3px}.chat{padding:17px;background:#f6f9fc;min-height:455px}.bubble{max-width:86%;margin:8px 0;padding:10px 12px;border:1px solid #e1e8f1;border-radius:16px;background:#fff;font-size:10px;line-height:1.55}.me{margin-left:auto;background:#dcf7e6;border-color:#c9ecd7}.status{text-align:right;font-size:8px;color:#94a3b8;margin-top:9px}.tag{position:absolute;z-index:4;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 15px;box-shadow:0 20px 55px #0d184c15;font-size:10px}.tag b{display:block;color:var(--navy);margin-bottom:4px}.tag span{color:var(--muted);font-size:9px}.tag.one{left:0;top:95px}.tag.two{right:-4px;top:245px}.tag.three{left:20px;bottom:40px}.miniIcon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf4ff;color:var(--blue);margin-right:7px;vertical-align:middle;font-weight:950}
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;background:#fff}.stripin{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#8390a3;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.section{padding:100px 0}.soft{background:var(--soft)}.k{font-family:"Poppins",ui-sans-serif,system-ui,sans-serif;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}h2{font-size:clamp(38px,5vw,59px);line-height:1;letter-spacing:-.07em;color:var(--navy);margin:12px 0 18px}.lead{font-size:16px;line-height:1.7;color:var(--muted);max-width:760px}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:45px}.pillar{padding:30px;border:1px solid var(--line);background:#fff;border-radius:22px;min-height:210px}.picon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef4ff;color:var(--blue);font-size:20px;font-weight:950;margin-bottom:23px}.pillar h3{font-family:"Poppins",ui-sans-serif,system-ui,sans-serif;margin:0 0 9px;font-size:20px;color:var(--navy)}.pillar p{margin:0;font-size:11px;line-height:1.7;color:var(--muted)}

/* Kiubot 5 pilares + ciclo integral */
.pillars.five{grid-template-columns:repeat(5,1fr);gap:14px}.pillars.five .pillar{min-height:245px;padding:26px 22px}.pillars.five .picon{margin-bottom:18px}.pillars.five .pillar h3{font-size:18px}.cycle{background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%)}.moments{display:grid;grid-template-columns:1.35fr .9fr .95fr;gap:15px;margin-top:45px;text-align:left}.moment{padding:25px;border:1px solid var(--line);border-radius:23px;background:#fff;min-height:270px;box-shadow:0 14px 45px #0d184c08}.moment.before{border-top:3px solid var(--blue)}.moment.during{border-top:3px solid var(--cyan)}.moment.after{border-top:3px solid var(--violet)}.momentTop{display:flex;align-items:center;gap:13px;margin-bottom:22px}.momentNum{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef4ff;color:var(--blue);font-size:12px;font-weight:950}.during .momentNum{background:#e9fbfe;color:#0891b2}.after .momentNum{background:#f2eaff;color:var(--violet)}.momentTop small{font-size:8px;letter-spacing:.13em;font-weight:950;color:#748196}.momentTop h3{font-family:"Poppins",ui-sans-serif,system-ui,sans-serif;margin:4px 0 0;color:var(--navy);font-size:22px}.states{display:flex;flex-wrap:wrap;gap:8px}.states span{padding:8px 10px;border:1px solid #e4e9f0;border-radius:999px;background:#fafbfd;color:#536174;font-size:9px;font-weight:800}.before .states span{border-color:#dce6ff}.during .states span{border-color:#d5f4f8}.after .states span{border-color:#e7dafa}.cycleBottom{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:25px;font-size:10px;color:#748196}.cycleBottom b{color:var(--navy)}.cycleBottom strong{color:var(--blue)}.tag.four{right:25px;bottom:35px}

.problem{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.painGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pain{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.pain b{display:block;font-size:13px;color:var(--navy);margin-bottom:6px}.pain p{font-size:10px;line-height:1.55;color:var(--muted);margin:0}.pain .picon{margin:0 0 12px;width:37px;height:37px;font-size:15px}
.demo{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}.scenario{display:grid;gap:9px;margin-top:30px}.scenario button{border:1px solid #27386f;background:#111d4e;color:#dce7ff;border-radius:13px;padding:14px 15px;text-align:left;font:inherit;font-size:11px;font-weight:850;cursor:pointer;transition:.2s}.scenario button.active,.scenario button:hover{background:#203a86;border-color:#4869d6;transform:translateX(3px)}.demoPhone{border-radius:25px;background:#fff;border:1px solid #dce5f1;box-shadow:0 28px 75px #0d184c18;overflow:hidden}.demoTop{padding:14px 17px;border-bottom:1px solid #e8edf4;display:flex;align-items:center;gap:10px}.demoBody{padding:23px;background:#f5f8fb;min-height:380px}.demoBubble{max-width:78%;padding:12px 14px;background:#fff;border:1px solid #e0e7ef;border-radius:16px;margin:9px 0;font-size:11px;line-height:1.55}.demoBubble.me{margin-left:auto;background:#dcf7e6;border-color:#c9ecd7}.demoResult{margin-top:18px;padding:12px 14px;border-radius:13px;background:#edfdf4;border:1px solid #ccefd9;color:#166534;font-size:10px;font-weight:850}
.impact{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.calc{background:#fff;border:1px solid var(--line);border-radius:23px;padding:26px;box-shadow:0 20px 60px #0d184c0c}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field label{display:block;font-size:9px;color:#66758b;font-weight:850;margin-bottom:7px}.value{font-size:20px;color:var(--navy);font-weight:950;margin-top:5px}.field input{width:100%;accent-color:var(--blue)}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.res{padding:13px;border:1px solid #e5eaf1;border-radius:12px}.res small{font-size:7px;color:#7c8ca3}.res strong{display:block;font-size:15px;color:var(--navy);margin-top:4px}.hint{font-size:9px;color:#7c8ca3;line-height:1.5;margin-top:12px}
.segments{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:42px}.seg{padding:22px 16px;border:1px solid var(--line);border-radius:18px;background:#fff;min-height:150px}.seg span{font-size:22px}.seg b{display:block;margin-top:17px;font-size:11px;color:var(--navy)}.seg p{font-size:9px;line-height:1.5;color:var(--muted);margin:6px 0 0}
.diff{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}.diffbox{border-radius:23px;padding:31px;border:1px solid var(--line);background:#fff}.diffbox.featured{background:var(--navy);border-color:var(--navy);color:#fff}.diffbox h3{font-size:24px;letter-spacing:-.04em;margin:0 0 18px}.diffbox p,.diffbox li{font-size:11px;line-height:1.7;color:var(--muted)}.featured p,.featured li{color:#bdc9df}.diffbox ul{padding-left:18px;margin-bottom:0}.accent{color:var(--blue);font-weight:950}.featured .accent{color:#67e8f9}
.case{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.caseCard{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;box-shadow:0 20px 60px #0d184c0b}.caseHead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf4;padding-bottom:17px}.caseHead b{font-size:15px}.caseHead span{font-size:9px;color:var(--green);font-weight:900}.caseStats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.caseStat{padding:16px;border-radius:13px;background:var(--soft)}.caseStat strong{display:block;font-size:24px;color:var(--navy)}.caseStat small{font-size:8px;color:var(--muted)}
.eco{background:linear-gradient(180deg,#fff,#f7f9ff)}.flow{margin-top:46px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px}.node{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center}.node b{display:block;font-size:12px;color:var(--navy);margin-top:10px}.node small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.arrow{font-size:25px;color:#9aa8bd}.human{margin-top:18px;text-align:center;font-size:10px;color:var(--muted)}
.security{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}.securityCard{padding:27px;border:1px solid var(--line);border-radius:20px;background:#fff}.securityCard b{font-size:14px;color:var(--navy)}.securityCard p{font-size:10px;line-height:1.6;color:var(--muted)}
.faq{max-width:820px;margin:40px auto 0}.faq details{border-bottom:1px solid var(--line);padding:18px 5px}.faq summary{cursor:pointer;font-size:13px;font-weight:900;color:var(--navy)}.faq p{font-size:11px;line-height:1.65;color:var(--muted);margin:10px 0 0}
.final{padding:105px 0;background:linear-gradient(135deg,var(--navy),#172d76 52%,#2563ff);color:#fff;text-align:center;position:relative;overflow:hidden}.final:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff20;border-radius:50%;left:-220px;top:-180px}.final h2{color:#fff;max-width:850px;margin:12px auto 18px}.final p{max-width:620px;margin:0 auto 26px;color:#d8e2ff;font-size:14px;line-height:1.65}.final .ghost{background:#fff;border-color:#fff}
footer{background:#071039;color:#8e9db8;padding:44px 0 22px}.foot{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:34px}.foot h4{font-size:10px;color:#fff;margin:0 0 12px}.foot a,.foot p{font-size:9px;line-height:1.9}.copy{border-top:1px solid #1a2850;margin-top:28px;padding-top:15px;font-size:8px}
@media(max-width:950px){.links{display:none}.heroGrid,.problem,.demo,.impact,.case,.security{grid-template-columns:1fr}.visual{min-height:580px}.segments{grid-template-columns:repeat(3,1fr)}.flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}.pillars,.diff{grid-template-columns:1fr}.foot{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:620px){.navcta .ghost{display:none}.hero{padding:65px 0 75px}h1{font-size:48px}.visual{min-height:520px}.phone{width:290px}.tag{display:none}.painGrid,.fields,.results,.caseStats{grid-template-columns:1fr}.segments{grid-template-columns:1fr 1fr}.stripin{justify-content:center}.section{padding:76px 0}.foot{grid-template-columns:1fr 1fr}.final{padding:78px 0}}

.brandLogo{display:block;width:128px;height:auto;object-fit:contain}
.footerLogo{width:158px;filter:brightness(0) invert(1);opacity:.96}
@media(max-width:760px){.brandLogo{width:112px}.footerLogo{width:140px}}

/* Brand narrative: Empatía + Relación + Experiencia */
.triad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px}.triadCard{position:relative;overflow:hidden;padding:34px 30px;border:1px solid var(--line);border-radius:25px;background:#fff;text-align:left;min-height:235px;box-shadow:0 18px 55px #0d184c08}.triadCard:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;top:-50px;background:linear-gradient(135deg,#e8f7ff,#eef0ff);opacity:.9}.triadIcon{position:relative;z-index:1;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eef4ff;color:var(--blue);font-size:21px;font-weight:950;margin-bottom:25px}.triadCard:nth-child(2) .triadIcon{background:#e9fbfe;color:#0891b2}.triadCard:nth-child(3) .triadIcon{background:#f2eaff;color:var(--violet)}.triadCard h3{position:relative;z-index:1;margin:0 0 9px;font-size:25px;letter-spacing:-.04em;color:var(--navy)}.triadCard p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.triadCard strong{color:var(--navy)}.relationshipBand{margin-top:24px;padding:20px 24px;border-radius:18px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:850}.relationshipBand span{color:#67e8f9}.experienceLine{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}.experienceLine span{padding:9px 12px;border-radius:999px;background:#f7f9fc;border:1px solid var(--line);font-size:9px;font-weight:850;color:#536174}.experienceLine b{color:var(--blue)}
@media(max-width:900px){.triad{grid-template-columns:1fr}.relationshipBand{flex-direction:column;text-align:center}.experienceLine{justify-content:flex-start}}

/* Style block 1 */

/* V23 — Hero centered typography */
.heroGrid > div:first-child{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.heroGrid > div:first-child .eyebrow{
  justify-content:center;
}
.heroGrid > div:first-child .actions{
  justify-content:center;
}
.heroGrid > div:first-child .trust{
  justify-content:center;
}
.heroGrid > div:first-child .hero-title-final{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.heroGrid > div:first-child > p{
  text-align:center;
  max-width:680px;
}

/* Style block 2 */

/* V24 — Hero alto, centrado y elevado */
.hero{
  min-height:760px;
  display:flex;
  align-items:flex-start;
  padding-top:54px;
}
.heroGrid{
  width:100%;
  align-items:flex-start;
}
.heroGrid > div:first-child{
  justify-content:flex-start;
  align-self:flex-start;
  padding-top:18px;
}
.heroGrid > div:first-child .hero-title-final{
  margin-top:20px;
  margin-bottom:18px;
  text-align:center;
}
.heroGrid > div:first-child > p{
  text-align:center;
  margin-top:0;
}
.heroGrid > div:first-child .actions{
  margin-top:24px;
}
.heroGrid > div:first-child .trust{
  margin-top:22px;
}
.heroGrid .visual{
  align-self:flex-start;
  margin-top:0;
}

/* Desktop: headline remains visually centered in its half,
   while the whole hero starts higher on screen. */
@media (min-width: 900px){
  .hero{
    padding-top:34px;
  }
  .heroGrid{
    align-items:flex-start;
  }
}

/* Mobile: keep the elevated, centered composition without excessive height. */
@media (max-width: 899px){
  .hero{
    min-height:auto;
    padding-top:28px;
  }
  .heroGrid > div:first-child{
    padding-top:0;
  }
  .heroGrid .visual{
    margin-top:26px;
  }
}

/* Style block 3 */

/* V25 — Hero: text centered, phone visual below */
.hero{
  display:block !important;
  min-height:auto !important;
  padding-top:48px !important;
  text-align:center;
}
.heroGrid{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  width:100%;
  gap:44px !important;
}
.heroGrid > div:first-child{
  width:100% !important;
  max-width:900px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding-top:0 !important;
  text-align:center !important;
}
.heroGrid > div:first-child .eyebrow{
  justify-content:center !important;
  text-align:center !important;
}
.heroGrid > div:first-child .hero-title-final{
  width:100% !important;
  max-width:900px !important;
  text-align:center !important;
  margin:20px auto 18px !important;
}
.heroGrid > div:first-child > p{
  width:100% !important;
  max-width:760px !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.heroGrid > div:first-child .actions,
.heroGrid > div:first-child .trust{
  justify-content:center !important;
}
.heroGrid .visual{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  align-self:center !important;
  display:flex !important;
  justify-content:center !important;
}
@media (max-width:899px){
  .hero{
    padding-top:28px !important;
  }
  .heroGrid{
    gap:30px !important;
  }
  .heroGrid > div:first-child .hero-title-final{
    font-size:clamp(38px,10vw,58px) !important;
  }
  .heroGrid .visual{
    max-width:520px !important;
  }
}

/* Style block 4 */

/* V179 · Caso PhysioNor con cifras */
#caso .cz-flow{margin-top:4px}
#caso .cz-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#E7EBF2;margin-bottom:18px}
#caso .cz-bar span{width:0;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
#caso .cz-flow.in .cz-bar span{width:var(--w)}
#caso .cz-ok{background:#C9D6F5}
#caso .cz-lost{background:#F59E8B;transition-delay:.25s !important}
#caso .cz-rec{background:linear-gradient(90deg,#2563FF,#06B6D4);transition-delay:.55s !important}
#caso .cz-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#caso .cz-steps li{padding:16px 16px 14px;border-radius:14px;background:#F5F8FF;border:1px solid rgba(16,28,59,.07);position:relative}
#caso .cz-steps li::before{content:"";position:absolute;left:16px;top:0;width:28px;height:3px;border-radius:0 0 3px 3px}
#caso .cz-s1::before{background:#C9D6F5}#caso .cz-s2::before{background:#F59E8B}#caso .cz-s3::before{background:#06B6D4}
#caso .cz-steps strong{display:block;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:30px;font-weight:700;line-height:1.1;color:#0A1030;letter-spacing:-.02em}
#caso .cz-s3 strong{color:#2563FF}
#caso .cz-steps span{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:#5B6788}
#caso .cz-money{padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.18)}
#caso .cz-money strong{display:block;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:40px;font-weight:700;letter-spacing:-.025em;line-height:1.05;color:#fff}
#caso .cz-money span{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:#BFD0F2;max-width:30ch}
#caso .dk-caseAside .dk-quoteMark{display:none}
@media(max-width:720px){#caso .cz-steps{gap:8px}#caso .cz-steps li{padding:12px 10px 10px}#caso .cz-steps li::before{left:10px}#caso .cz-steps strong{font-size:24px}#caso .cz-steps span{font-size:11.5px}#caso .cz-money strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){#caso .cz-bar span{transition:none;width:var(--w)}}
/* Nav móvil: CTA en una línea */
.navcta .btn{white-space:nowrap}
@media(max-width:620px){.navcta .primary{padding-left:14px !important;padding-right:14px !important;font-size:13px !important}}

/* Style block 5 */

/* KIUBOT — FINAL TYPOGRAPHY HIERARCHY */
:root{
  --font-display:"Poppins",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Roboto",ui-sans-serif,system-ui,sans-serif;
}

/* Body / long-form readability */
body{
  font-family:var(--font-body);
  font-weight:400;
}

/* Display hierarchy */
h1{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.035em;
}
h2{
  font-family:var(--font-display);
  font-weight:600;
  letter-spacing:-.025em;
}
h3,h4,h5,h6{
  font-family:var(--font-display);
  font-weight:600;
  letter-spacing:-.015em;
}

/* Brand and conversion UI */
.logo,.links,.btn,.eyebrow,.k{
  font-family:var(--font-display);
  font-weight:600;
}
.hero h1{font-weight:700}
.hero h1 strong,.hero h1 b{font-weight:700}

/* Supporting copy */
p,.lead,.hint,.pain p,.pillar p,.hero p,.bubble,.demoBubble,
.field label,.res small,.trust,.states span,.cycleBottom,.tag span,
.momentTop small,.copy{
  font-family:var(--font-body);
  font-weight:400;
}

/* Medium emphasis inside body */
strong,b{
  font-family:var(--font-body);
  font-weight:500;
}
p strong,p b,.lead strong,.lead b{
  font-weight:500;
}

/* Metrics / numbers: stronger visual hierarchy */
.metric,.metric strong,.stat,.stat strong,.number,.result-value{
  font-family:var(--font-display);
  font-weight:700;
}

/* Style block 6 */

/* ============================================================
   V26 — TEXTO CENTRADO EN TODA LA PÁGINA
   ============================================================ */

/* Base: todo el contenido centrado */
body,
.wrap, .navin, .stripin,
.hero, .heroGrid, .visual,
.section, .cycle, .eco, .final, footer,
.problem, .demo, .impact, .case, .security,
h1, h2, h3, h4, h5, h6,
p, .lead, .hint, .k, .eyebrow,
.pillar, .triadCard, .moment, .pain, .seg,
.diffbox, .securityCard, .node, .caseCard, .caseStat,
.calc, .field, .res, .faq, .foot, .copy{
  text-align:center;
}

/* Elementos flex: centrar su distribución */
.actions, .trust, .states, .experienceLine, .cycleBottom,
.momentTop, .phead, .caseHead, .relationshipBand, .stripin, .navcta{
  justify-content:center;
}
.momentTop, .phead, .caseHead{
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.caseHead{text-align:center}

/* Iconos y bloques con ancho fijo: centrarlos */
.picon, .triadIcon, .momentNum, .avatar, .miniIcon,
.brandLogo, .footerLogo{
  margin-left:auto;
  margin-right:auto;
}
.pain .picon{margin:0 auto 12px}
.picon{margin-left:auto;margin-right:auto}

/* Listas: sin viñetas colgando a la izquierda */
.diffbox ul{
  list-style:none;
  padding-left:0;
  margin-left:auto;
  margin-right:auto;
}
.diffbox li{text-align:center}

/* FAQ centrado */
.faq details{text-align:center}
.faq summary{text-align:center;display:block}
.faq p{text-align:center;margin-left:auto;margin-right:auto;max-width:640px}

/* Calculadora */
.field label{text-align:center}
.field .value{text-align:center}
.res small, .res strong{display:block;text-align:center}

/* Demo: botones de escenario centrados */
.scenario button{text-align:center}

/* Bloques de texto largos: medida legible y centrada */
.lead, .hero p, .hint,
.pillar p, .triadCard p, .pain p, .seg p,
.diffbox p, .securityCard p, .eco p, .node small{
  margin-left:auto;
  margin-right:auto;
}

/* Estados y chips centrados dentro de sus tarjetas */
.states{justify-content:center}
.moment{text-align:center}

/* Footer centrado */
.foot{text-align:center}
.foot h4{text-align:center}
.foot a, .foot p{display:block;text-align:center}
.foot p{margin-left:auto;margin-right:auto}
.copy{text-align:center}

/* Franja superior */
.stripin{justify-content:center;text-align:center}

/* EXCEPCIÓN: la simulación de WhatsApp mantiene alineación real de chat */
.chat, .demoBody{text-align:left}
.bubble, .demoBubble{text-align:left}
.bubble.me, .demoBubble.me{text-align:left;margin-left:auto}
.status{text-align:right}
.demoResult{text-align:left}
.tag, .tag b, .tag span{text-align:left}
.phead > div, .demoTop > div{text-align:left}
.phead, .demoTop{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}
.phead .avatar, .demoTop .avatar{margin:0}

/* Secciones a dos columnas -> una sola columna centrada en pantalla */
.problem, .demo, .impact, .case{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  gap:42px;
}
.problem > div:first-child,
.demo > div:first-child,
.impact > div:first-child,
.case > div:first-child{
  width:100%;
  max-width:840px;
}
.painGrid{width:100%;max-width:920px}
.demoPhone{width:100%;max-width:620px}
.calc{width:100%;max-width:800px}
.caseCard{width:100%;max-width:760px}
.scenario{max-width:540px;margin-left:auto;margin-right:auto}
.security{max-width:920px;margin-left:auto;margin-right:auto}
.case .btn, .impact .btn{margin-left:auto;margin-right:auto}

/* ============================================================
   V26.2 — CENTRADO REAL EN PANTALLA + APROVECHAR TODO EL ANCHO
   ============================================================ */
.wrap{
  width:min(1440px,94%) !important;
  max-width:1440px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
/* el hero heredaba width:100% y quedaba pegado a la izquierda */
.heroGrid{
  width:min(1440px,94%) !important;
  max-width:1440px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  align-items:center !important;
}
.heroGrid > div:first-child{
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center !important;
}
.heroGrid .visual{
  max-width:880px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center !important;
}
.heroGrid > div:first-child .hero-title-final{
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.heroGrid > div:first-child > p{
  max-width:820px !important;
}

/* que los bloques internos ocupen el ancho disponible y queden centrados */
.problem > div:first-child,
.demo > div:first-child,
.impact > div:first-child,
.case > div:first-child{max-width:1000px !important}
.painGrid{max-width:1100px !important}
.demoPhone{max-width:760px !important}
.calc{max-width:1000px !important}
.caseCard{max-width:900px !important}
.security{max-width:1100px !important}
.faq{max-width:960px !important}
.lead{max-width:900px !important;margin-left:auto !important;margin-right:auto !important}
.final h2{max-width:1000px !important}
.final p{max-width:760px !important}

/* todo el contenido centrado horizontalmente */
.wrap > *{margin-left:auto;margin-right:auto}

/* etiquetas flotantes: pegadas al celular, no a los bordes */
.heroGrid .visual{max-width:820px !important;position:relative}
.tag{max-width:170px !important}
.tag.one{left:calc(50% - 345px) !important;right:auto !important;top:88px !important}
.tag.two{right:calc(50% - 345px) !important;left:auto !important;top:238px !important}
.tag.three{left:calc(50% - 335px) !important;right:auto !important;bottom:44px !important}
.tag.four{right:calc(50% - 335px) !important;left:auto !important;bottom:44px !important}
@media (max-width:1150px){.tag{display:none !important}}

/* ============================================================
   V26.3 — PORTADA: FONDO NAVY + CIAN + MORADO (impacto visual)
   ============================================================ */
.hero{
  position:relative;
  isolation:isolate;
  color:#fff;
  background:
    radial-gradient(58% 62% at 80% 8%,  rgba(6,182,212,.40) 0%, transparent 62%),
    radial-gradient(56% 66% at 12% 92%, rgba(124,58,237,.46) 0%, transparent 64%),
    radial-gradient(90% 80% at 50% -10%, rgba(37,99,255,.34) 0%, transparent 68%),
    linear-gradient(158deg,#060C28 0%, #0D184C 42%, #14246B 72%, #1B2E86 100%) !important;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute; inset:-22% -12%;
  z-index:0; pointer-events:none;
  background:
    radial-gradient(closest-side, rgba(34,211,238,.55), transparent 100%) 14% 22%/46% 54% no-repeat,
    radial-gradient(closest-side, rgba(139,92,246,.52), transparent 100%) 86% 76%/50% 56% no-repeat,
    radial-gradient(closest-side, rgba(59,130,246,.44), transparent 100%) 60% 4%/44% 48% no-repeat,
    radial-gradient(closest-side, rgba(6,182,212,.34), transparent 100%) 40% 96%/40% 44% no-repeat;
  filter:blur(44px);
  animation:kbAurora 22s ease-in-out infinite alternate;
}
@keyframes kbAurora{
  0%  {transform:translate3d(-2%,-1%,0) scale(1)}
  50% {transform:translate3d(2.5%,2%,0)  scale(1.07)}
  100%{transform:translate3d(-1%,1.5%,0) scale(1.03)}
}
.hero:after{
  border-color:rgba(255,255,255,.14) !important;
  opacity:.9 !important;
  z-index:1;
}
.hero .wrap.heroGrid{position:relative; z-index:3}

.hero h1, .hero .hero-title-final{color:#fff !important}
.hero .grad{
  background:linear-gradient(96deg,#67E8F9 0%, #A5B4FC 48%, #C4B5FD 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.hero p{color:#C4D2F2 !important}
.hero p strong{color:#fff !important}
.hero .eyebrow{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#A5F3FC !important;
  backdrop-filter:blur(8px);
}
.hero .trust{color:#9FB2DA !important}
.hero .trust span:before{color:#4ADE80 !important}

.hero .btn.primary{
  background:linear-gradient(96deg,#2563FF,#06B6D4) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 16px 44px rgba(6,182,212,.36), inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
.hero .btn.primary:hover{box-shadow:0 22px 56px rgba(6,182,212,.46) !important}
.hero .btn.ghost{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#fff !important;
  backdrop-filter:blur(10px);
}
.hero .btn.ghost:hover{background:rgba(255,255,255,.16) !important}

.hero .orb{
  background:radial-gradient(circle, rgba(103,232,249,.36) 0%, rgba(124,58,237,.24) 42%, transparent 72%) !important;
  filter:blur(6px);
}
.hero .phone{
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 40px 110px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.08) !important;
}
.hero .tag{
  background:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.5) !important;
  box-shadow:0 22px 60px rgba(3,7,30,.45) !important;
  backdrop-filter:blur(10px);
}
.strip{border-top:0 !important}

@media (prefers-reduced-motion:reduce){
  .hero::before{animation:none !important}
}

/* corrección: el contenido del celular y las etiquetas vuelven a su color oscuro */
.hero .phone, .hero .tag{color:#233255}
.hero .phone b, .hero .phead b{color:#0D184C !important}
.hero .phead small{color:#738096 !important}
.hero .bubble{color:#233255 !important}
.hero .bubble.me{color:#14532D !important}
.hero .status{color:#94A3B8 !important}
.hero .avatar{color:#fff !important}
.hero .tag b{color:#0D184C !important}
.hero .tag span{color:#64748B !important}
.hero .tag .miniIcon{color:#2563FF !important;background:#EDF4FF !important}

/* ============================================================
   V26.4 — PORTADA MÁS OSCURA / TECH
   ============================================================ */
.hero{
  background:
    radial-gradient(42% 46% at 82% 6%,  rgba(6,182,212,.30) 0%, transparent 66%),
    radial-gradient(44% 52% at 10% 94%, rgba(124,58,237,.34) 0%, transparent 68%),
    radial-gradient(70% 55% at 50% -8%, rgba(37,99,255,.22) 0%, transparent 70%),
    linear-gradient(180deg,#01030C 0%, #04081C 38%, #060D28 68%, #08122F 100%) !important;
  border-bottom:1px solid rgba(125,211,252,.16) !important;
}
.hero::before{
  inset:-18% -10% !important;
  background:
    radial-gradient(closest-side, rgba(34,211,238,.42), transparent 100%) 16% 20%/40% 46% no-repeat,
    radial-gradient(closest-side, rgba(139,92,246,.44), transparent 100%) 84% 80%/44% 50% no-repeat,
    radial-gradient(closest-side, rgba(37,99,255,.30), transparent 100%) 58% 2%/38% 42% no-repeat !important;
  filter:blur(58px) !important;
  opacity:.9;
}
.hero:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  right:auto !important;
  top:auto !important;
  border:0 !important;
  border-radius:0 !important;
  opacity:1 !important;
  z-index:1 !important;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(125,211,252,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.075) 1px, transparent 1px);
  background-size:68px 68px;
  -webkit-mask-image:radial-gradient(78% 72% at 50% 34%, #000 0%, rgba(0,0,0,.55) 52%, transparent 82%);
  mask-image:radial-gradient(78% 72% at 50% 34%, #000 0%, rgba(0,0,0,.55) 52%, transparent 82%);
}
.hero p{color:#A7B7DC !important}
.hero .trust{color:#8296C2 !important}
.hero .eyebrow{
  background:rgba(125,211,252,.07) !important;
  border-color:rgba(125,211,252,.26) !important;
  color:#7DD3FC !important;
}
.hero .grad{
  background:linear-gradient(96deg,#22D3EE 0%, #7DD3FC 45%, #A78BFA 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}
.hero .orb{
  background:radial-gradient(circle, rgba(34,211,238,.28) 0%, rgba(124,58,237,.20) 44%, transparent 74%) !important;
}
.hero .phone{
  box-shadow:0 50px 130px rgba(0,0,0,.72), 0 0 0 1px rgba(125,211,252,.14) !important;
  border-color:rgba(125,211,252,.16) !important;
}
.hero .tag{box-shadow:0 26px 70px rgba(0,0,0,.6) !important}
.hero .btn.ghost{
  background:rgba(125,211,252,.07) !important;
  border-color:rgba(125,211,252,.26) !important;
}
.hero .btn.ghost:hover{background:rgba(125,211,252,.14) !important}

/* malla técnica un punto más visible */
.hero:after{
  background-image:
    linear-gradient(rgba(125,211,252,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.13) 1px, transparent 1px) !important;
  background-size:58px 58px !important;
}

/* ============================================================
   V26.5 — PORTADA: MESH GRADIENT (navy profundo -> azul eléctrico)
   Referencia: degradado suave con arco oscuro al centro-izquierda
   ============================================================ */
.hero{
  background:
    /* borde violeta a la derecha */
    radial-gradient(58% 92% at 106% 44%, rgba(96,64,255,.78) 0%, rgba(70,60,255,0) 60%),
    /* masa azul eléctrico */
    radial-gradient(78% 118% at 94% 54%, #2A46FF 0%, rgba(28,58,225,.72) 30%, rgba(12,26,110,.25) 58%, rgba(4,12,34,0) 76%),
    /* vacio oscuro: el arco del centro */
    radial-gradient(62% 128% at 32% 56%, #00050E 0%, rgba(0,5,14,.94) 40%, rgba(0,5,14,.45) 62%, rgba(0,5,14,0) 78%),
    /* base navy a la izquierda */
    radial-gradient(96% 120% at 4% 26%, #072057 0%, #05163C 42%, #030E26 78%, #020A1C 100%),
    #020A1C !important;
  border-bottom:0 !important;
}
/* la masa azul respira lentamente */
.hero::before{
  inset:-14% -12% !important;
  background:
    radial-gradient(closest-side, rgba(42,70,255,.55), transparent 100%) 96% 54%/62% 92% no-repeat,
    radial-gradient(closest-side, rgba(124,74,255,.42), transparent 100%) 108% 40%/40% 70% no-repeat,
    radial-gradient(closest-side, rgba(0,5,14,.85), transparent 100%) 30% 58%/56% 104% no-repeat !important;
  filter:blur(70px) !important;
  opacity:.85 !important;
  animation:kbMesh 26s ease-in-out infinite alternate !important;
}
@keyframes kbMesh{
  0%  {transform:translate3d(0,0,0) scale(1)}
  50% {transform:translate3d(-3%,1.5%,0) scale(1.08)}
  100%{transform:translate3d(1.5%,-1%,0) scale(1.03)}
}
/* fuera la malla técnica: el fondo es limpio, tipo mesh */
.hero:after{
  background-image:none !important;
  opacity:0 !important;
  display:none !important;
}
/* ajustes de legibilidad sobre el nuevo fondo */
.hero p{color:#B9C7EC !important}
.hero .trust{color:#93A6D2 !important}
.hero .grad{
  background:linear-gradient(96deg,#5EEAFF 0%, #9DB4FF 46%, #C4B5FD 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}
.hero .eyebrow{
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.24) !important;
  color:#A5F3FC !important;
}
.hero .orb{
  background:radial-gradient(circle, rgba(94,234,255,.20) 0%, rgba(80,70,255,.16) 46%, transparent 74%) !important;
}
.hero .phone{
  box-shadow:0 54px 140px rgba(0,4,16,.78), 0 0 0 1px rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.16) !important;
}
.hero .btn.primary{
  background:linear-gradient(96deg,#3B5BFF,#22D3EE) !important;
  box-shadow:0 18px 48px rgba(59,91,255,.42), inset 0 0 0 1px rgba(255,255,255,.14) !important;
}
.hero .btn.ghost{
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.26) !important;
}
.hero .btn.ghost:hover{background:rgba(255,255,255,.17) !important}

/* ============================================================
   V27 — PORTADA INTERACTIVA: agenda en vivo + WhatsApp
   ============================================================ */
.heroGrid .visual.kb-stage{
  max-width:1240px !important;
  min-height:auto !important;
  position:relative;
  display:block !important;
  padding-bottom:96px;
  text-align:left;
}
.kb-stage .orb{
  width:min(760px,88%) !important;
  height:auto !important;
  aspect-ratio:1;
  top:-40px !important;
  filter:blur(8px);
}

/* ---------- laptop ---------- */
.kb-laptop{position:relative;z-index:2;width:100%;filter:drop-shadow(0 60px 120px rgba(0,4,20,.7))}
.kb-lid{
  position:relative;
  border-radius:20px;
  padding:14px;
  background:linear-gradient(180deg,#101B3E,#0A1230);
  box-shadow:inset 0 0 0 1px rgba(140,180,255,.22), 0 0 0 1px rgba(0,0,0,.5);
}
.kb-cam{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#2B3B69}
.kb-screen{
  border-radius:12px;
  background:linear-gradient(165deg,#050B22 0%,#071031 55%,#0A1740 100%);
  box-shadow:inset 0 0 0 1px rgba(125,170,255,.16);
  padding:clamp(12px,1.4vw,20px);
  display:flex;flex-direction:column;gap:clamp(9px,.9vw,14px);
  container-type:inline-size;
}
.kb-base{
  height:12px;margin:0 auto;width:88%;
  border-radius:0 0 14px 14px;
  background:linear-gradient(180deg,#16224C,#0B1330);
  box-shadow:inset 0 1px 0 rgba(160,195,255,.25);
}
.kb-base::after{content:"";display:block;width:16%;height:4px;margin:0 auto;border-radius:0 0 6px 6px;background:#0A1330}

/* ---------- cabecera ---------- */
.kb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.kb-who{display:flex;align-items:center;gap:10px}
.kb-doc{
  width:clamp(26px,3cqi,34px);aspect-ratio:1;border-radius:50%;
  display:grid;place-items:center;flex:none;
  background:linear-gradient(140deg,#22D3EE,#3B5BFF);color:#04122E;
  font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;
  box-shadow:0 0 0 2px rgba(125,211,252,.3);
}
.kb-title{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.kb-title b{font-family:'Poppins',sans-serif;font-weight:600;color:#fff;font-size:clamp(13px,1.35cqi,19px);letter-spacing:-.02em}
.kb-title i{font-style:normal;color:#8FA4D2;font-size:clamp(10px,1cqi,13px)}
.kb-live{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  padding:6px 12px;border-radius:999px;
  background:rgba(16,185,129,.12);border:1px solid rgba(52,211,153,.34);
  color:#6EE7B7;font-size:clamp(9px,.85cqi,12px);font-weight:500;
}
.kb-pulse{width:6px;height:6px;border-radius:50%;background:#34D399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:kbPulse 2.2s ease-out infinite}
@keyframes kbPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}

/* ---------- fuentes de agenda ---------- */
.kb-srcs{display:flex;gap:7px;flex-wrap:wrap}
.kb-src{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 12px;border-radius:10px;
  border:1px solid rgba(125,170,255,.16);background:rgba(255,255,255,.035);
  color:#B4C6EC;font-size:clamp(9px,.85cqi,12px);font-weight:500;white-space:nowrap;
}
.kb-src.on{border-color:rgba(59,91,255,.6);background:rgba(59,91,255,.16);color:#fff}
.kb-src i{font-style:normal;display:grid;place-items:center;width:14px;height:14px;flex:none;font-size:9px;border-radius:3px}
.kb-g{background:#fff;color:#4285F4;font-weight:800}
.kb-ms{background:linear-gradient(135deg,#F25022 50%,#7FBA00 50%)}
.kb-ap{color:#E6EDFB;font-size:12px !important}
.kb-sq{border:1.5px solid #9FB4DE;border-radius:3px}
.kb-co{color:#8FA4D2;font-size:8px !important}

/* ---------- banner ---------- */
.kb-banner{
  padding:11px 15px;border-radius:11px;
  background:rgba(59,91,255,.14);border:1px solid rgba(99,140,255,.3);
  color:#CBD9F8;font-size:clamp(10px,.92cqi,13px);line-height:1.5;
  transition:background .45s ease,border-color .45s ease;
}
.kb-banner b{color:#7DD3FC;font-weight:700}
.kb-banner strong{color:#fff;font-weight:700}
.kb-banner.win{background:rgba(6,182,212,.16);border-color:rgba(34,211,238,.44)}

/* ---------- calendario ---------- */
.kb-cal{display:flex;flex-direction:column;gap:6px}
.kb-days,.kb-row{display:grid;grid-template-columns:52px repeat(3,1fr);gap:7px;align-items:center}
.kb-day{display:flex;flex-direction:column;padding-left:4px}
.kb-day em{font-style:normal;font-size:9px;letter-spacing:.16em;color:#7B8FBC;font-weight:600}
.kb-day b{font-family:'Poppins',sans-serif;font-size:clamp(14px,1.3cqi,19px);color:#fff;font-weight:600;line-height:1.1}
.kb-h{font-size:clamp(9px,.85cqi,12px);color:#7B8FBC;text-align:right;padding-right:4px;font-variant-numeric:tabular-nums}
.kb-lunch .kb-h{font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.kb-gap{height:12px;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid rgba(125,170,255,.07)}

.kb-slot{
  position:relative;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:9px 11px;border-radius:9px;min-height:44px;
  border:1px solid rgba(125,170,255,.14);
  background:rgba(255,255,255,.035);
  transition:background .5s ease,border-color .5s ease,box-shadow .5s ease,transform .35s ease;
}
.kb-slot .kb-s{display:flex;flex-direction:column;gap:2px;min-width:0}
.kb-slot b{font-family:'Poppins',sans-serif;font-weight:600;font-size:clamp(10px,.98cqi,14px);color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-slot small{font-size:clamp(8.5px,.82cqi,11.5px);color:#8FA4D2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-av{
  width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;
  font-size:8px;font-weight:700;color:#fff;background:#2E5BEA;font-family:'Poppins',sans-serif;
}
.kb-av.g{background:#10B981}
.kb-slot.busy{background:rgba(46,91,234,.13);border-color:rgba(96,140,255,.34);border-left:3px solid #3B5BFF}
.kb-slot.done{background:rgba(16,185,129,.12);border-color:rgba(52,211,153,.32);border-left:3px solid #10B981}
.kb-slot.done small{color:#6EE7B7}
.kb-slot.free b{color:#6C80AC;font-weight:400;font-family:inherit}
.kb-slot.block{
  border-color:rgba(125,170,255,.14);
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 6px, transparent 6px 12px),
    rgba(255,255,255,.02);
}
.kb-slot.block b{color:#A9BADF}

/* estados de la animación */
.kb-slot.released{
  background:rgba(139,92,246,.16) !important;border-color:rgba(167,139,250,.5) !important;border-left:3px solid #8B5CF6 !important;
}
.kb-slot.released b{text-decoration:line-through;color:#DDD3FE}
.kb-slot.released small{color:#C4B5FD}
.kb-slot.released .kb-av{background:#8B5CF6}
.kb-slot.offered{
  background:rgba(245,158,11,.14) !important;border-color:rgba(251,191,36,.5) !important;border-left:3px solid #F59E0B !important;
  animation:kbOffer 1.1s ease-in-out infinite;
}
.kb-slot.offered b{color:#FDE68A;font-weight:600;font-family:'Poppins',sans-serif}
.kb-slot.offered small{color:#FCD34D}
@keyframes kbOffer{0%,100%{box-shadow:0 0 0 0 rgba(251,191,36,0)}50%{box-shadow:0 0 0 5px rgba(251,191,36,.16)}}
.kb-slot.recovered{
  background:rgba(6,182,212,.18) !important;border-color:#22D3EE !important;border-left:3px solid #22D3EE !important;
  box-shadow:0 0 0 1px rgba(34,211,238,.5), 0 0 34px rgba(34,211,238,.34) !important;
  transform:translateY(-1px);
}
.kb-slot.recovered b{color:#fff;font-weight:600;font-family:'Poppins',sans-serif}
.kb-slot.recovered small{color:#A5F3FC}
.kb-slot.recovered .kb-av{background:#06B6D4}
.kb-badge{
  position:absolute;top:-9px;right:8px;
  padding:3px 9px;border-radius:999px;
  background:#22D3EE;color:#04263A;
  font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease;
  pointer-events:none;
}
.kb-slot.recovered .kb-badge{opacity:1;transform:translateY(0)}

/* ---------- leyenda ---------- */
.kb-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(125,170,255,.12)}
.kb-legend em{font-style:normal;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7B8FBC;font-weight:600}
.kb-legend i{font-style:normal;font-size:clamp(9px,.85cqi,12px);color:#7B8FBC}
.kb-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;border-radius:999px;font-size:clamp(9px,.85cqi,12px);font-weight:500;
  border:1px solid;white-space:nowrap;
}
.kb-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.kb-chip.c1{color:#93B4FF;border-color:rgba(96,140,255,.4);background:rgba(46,91,234,.12)}
.kb-chip.c2{color:#C4B5FD;border-color:rgba(167,139,250,.4);background:rgba(139,92,246,.12)}
.kb-chip.c3{color:#FCD34D;border-color:rgba(251,191,36,.4);background:rgba(245,158,11,.12)}
.kb-chip.c4{color:#67E8F9;border-color:rgba(34,211,238,.4);background:rgba(6,182,212,.12)}
.kb-chip.c5{color:#6EE7B7;border-color:rgba(52,211,153,.4);background:rgba(16,185,129,.12)}

/* ---------- teléfono ---------- */
.kb-phone{
  position:absolute;z-index:5;right:-6px;bottom:0;
  width:min(268px,30%);
  border-radius:26px;overflow:hidden;
  background:#fff;
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 40px 90px rgba(0,4,20,.72), 0 0 0 6px rgba(8,16,44,.9);
  text-align:left;
}
.kb-pbar{display:flex;align-items:center;gap:9px;padding:11px 13px;background:#0B5C4A;color:#fff}
.kb-pav{width:29px;height:29px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#22D3EE,#3B5BFF);font-family:'Poppins',sans-serif;font-weight:700;font-size:12px;color:#fff}
.kb-pname{flex:1;min-width:0}
.kb-pname b{display:block;font-family:'Poppins',sans-serif;font-weight:600;font-size:12px;color:#fff}
.kb-pname small{display:block;font-size:9px;color:#A7E8D5}
.kb-wa{font-size:14px;color:#9FE6D0}
.kb-chat{
  padding:12px;min-height:290px;
  display:flex;flex-direction:column;gap:7px;justify-content:flex-end;
  background:#ECE5DD;
  background-image:radial-gradient(rgba(255,255,255,.55) 1px, transparent 1px);
  background-size:14px 14px;
}
.kb-msg{
  max-width:88%;padding:8px 10px;border-radius:12px 12px 12px 3px;
  background:#fff;color:#1F2A44;font-size:11px;line-height:1.5;
  box-shadow:0 1px 2px rgba(0,0,0,.14);
  animation:kbIn .34s cubic-bezier(.2,.8,.3,1) both;
}
.kb-msg.me{align-self:flex-end;background:#DCF8C6;border-radius:12px 12px 3px 12px;color:#14361F}
.kb-msg.sys{
  align-self:center;max-width:96%;text-align:center;
  background:rgba(6,182,212,.16);color:#04566B;border:1px solid rgba(6,182,212,.4);
  border-radius:8px;font-size:9.5px;font-weight:700;letter-spacing:.03em;box-shadow:none;
}
.kb-msg .kb-t{display:block;margin-top:3px;font-size:8px;color:#8CA0B3;text-align:right}
.kb-msg.me .kb-t{color:#6F9B72}
@keyframes kbIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.kb-typing{display:flex;gap:3px;align-self:flex-start;padding:10px 12px;background:#fff;border-radius:12px 12px 12px 3px;box-shadow:0 1px 2px rgba(0,0,0,.14)}
.kb-typing i{width:5px;height:5px;border-radius:50%;background:#9AA8BC;animation:kbDot 1.1s ease-in-out infinite}
.kb-typing i:nth-child(2){animation-delay:.16s}
.kb-typing i:nth-child(3){animation-delay:.32s}
@keyframes kbDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.kb-pfoot{padding:9px;background:#F4F6F8;border-top:1px solid #E2E7EE}
.kb-replay{
  width:100%;padding:9px 12px;border-radius:9px;cursor:pointer;
  border:1px solid #CBD7E8;background:#fff;color:#0D184C;
  font-family:'Poppins',sans-serif;font-weight:600;font-size:11px;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.kb-replay:hover{background:#EEF3FF;border-color:#9CB6E8;transform:translateY(-1px)}
.kb-replay:focus-visible{outline:3px solid #22D3EE;outline-offset:2px}

/* ---------- responsive ---------- */
@container (max-width: 640px){
  .kb-days,.kb-row{grid-template-columns:40px repeat(3,1fr);gap:5px}
  .kb-slot{padding:7px 8px;min-height:38px}
  .kb-av{width:18px;height:18px;font-size:7px}
}
@media (max-width:1080px){
  .kb-phone{position:relative;right:auto;bottom:auto;width:min(300px,86%);margin:26px auto 0;display:block}
  .heroGrid .visual.kb-stage{padding-bottom:0}
}
@media (max-width:620px){
  .kb-lid{padding:8px;border-radius:14px}
  .kb-screen{padding:11px;border-radius:9px}
  .kb-srcs .kb-src:nth-child(n+4){display:none}
  .kb-legend .kb-chip:nth-child(n+5){display:none}
  .kb-legend i{display:none}
}
@media (prefers-reduced-motion:reduce){
  .kb-msg{animation:none !important}
  .kb-slot.offered{animation:none !important}
  .kb-pulse{animation:none !important}
}

/* el teléfono va al costado: no puede tapar la columna del viernes */
.kb-laptop{width:75% !important}
.kb-phone{
  right:0 !important; bottom:6% !important;
  width:min(262px,24%) !important;
}
@media (max-width:1080px){
  .kb-laptop{width:100% !important}
  .kb-phone{position:relative !important;right:auto !important;bottom:auto !important;width:min(300px,86%) !important;margin:26px auto 0}
}

/* ============================================================
   V28 — SECCIÓN EXPERIENCIA: fondo navy + tarjetas de marca
   ============================================================ */
#experiencia{
  background:
    radial-gradient(52% 58% at 84% 4%,  rgba(6,182,212,.20) 0%, transparent 64%),
    radial-gradient(48% 60% at 8% 96%,  rgba(124,58,237,.24) 0%, transparent 66%),
    linear-gradient(180deg,#070F2E 0%, #0B1543 46%, #0D184C 100%) !important;
  color:#DDE6FA;
  position:relative;
  overflow:hidden;
}
#experiencia .k{color:#67E8F9 !important}
#experiencia h2{color:#fff !important}
#experiencia > .wrap > .lead{color:#AFC0E6 !important}

/* ---------- tarjetas de la tríada ---------- */
.kbx-triad{gap:18px !important;margin-top:52px !important}
.triadCard.kbx-card{
  position:relative;
  display:flex;flex-direction:column;align-items:center;gap:0;
  padding:38px 30px 26px !important;
  min-height:0 !important;
  border:1px solid rgba(125,180,255,.28) !important;
  border-radius:26px !important;
  background:linear-gradient(158deg,#16307F 0%, #2158E8 46%, #1394C9 100%) !important;
  box-shadow:0 26px 70px rgba(4,10,40,.55), inset 0 1px 0 rgba(255,255,255,.22) !important;
  overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease;
}
.triadCard.kbx-card:hover{transform:translateY(-5px);box-shadow:0 34px 88px rgba(4,10,40,.62), inset 0 1px 0 rgba(255,255,255,.28) !important}
.triadCard.kbx-card:after{
  content:"" !important;
  position:absolute !important;
  width:220px !important;height:220px !important;
  right:-80px !important;top:-90px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(255,255,255,.24) 0%, transparent 68%) !important;
  opacity:1 !important;
}
.kbx-rel.triadCard.kbx-card{background:linear-gradient(158deg,#132A76 0%, #2563FF 50%, #22B6E0 100%) !important}
.kbx-exp.triadCard.kbx-card{background:linear-gradient(158deg,#1B2A8C 0%, #3D63FF 46%, #06B6D4 104%) !important}

.triadCard.kbx-card h3{
  position:relative;z-index:2;
  color:#fff !important;
  font-size:clamp(24px,2.1vw,30px) !important;
  margin:22px 0 10px !important;
  letter-spacing:-.03em;
}
.triadCard.kbx-card p{
  position:relative;z-index:2;
  color:#DCE8FF !important;
  font-size:13.5px !important;
  line-height:1.7 !important;
  max-width:34ch;
}
.triadCard.kbx-card strong{color:#fff !important;font-weight:700 !important}

/* ---------- isotipo grande ---------- */
.triadIcon.kbx-icon{
  position:relative;z-index:2;
  width:96px !important;height:96px !important;
  border-radius:28px !important;
  display:grid !important;place-items:center !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 18px 44px rgba(2,8,34,.45), inset 0 1px 0 rgba(255,255,255,.4);
  margin:0 auto !important;
  color:#fff !important;
  backdrop-filter:blur(6px);
}
.triadIcon.kbx-icon svg{position:relative;z-index:2;width:52px;height:52px;fill:#fff;filter:drop-shadow(0 4px 14px rgba(0,0,0,.3))}
.kbx-rel .triadIcon.kbx-icon svg{fill:none;stroke:#fff}
.kbx-halo{
  position:absolute;inset:-14px;border-radius:36px;
  background:radial-gradient(circle, rgba(255,255,255,.34) 0%, transparent 66%);
  animation:kbxHalo 3.4s ease-in-out infinite;
}
@keyframes kbxHalo{0%,100%{transform:scale(.9);opacity:.5}50%{transform:scale(1.1);opacity:.95}}
.kbx-emp .triadIcon.kbx-icon svg{animation:kbxBeat 2.2s ease-in-out infinite}
@keyframes kbxBeat{0%,100%{transform:scale(1)}14%{transform:scale(1.16)}28%{transform:scale(1)}42%{transform:scale(1.1)}56%{transform:scale(1)}}
.kbx-rel .triadIcon.kbx-icon svg{animation:kbxSway 4s ease-in-out infinite}
@keyframes kbxSway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.kbx-exp .triadIcon.kbx-icon svg{animation:kbxSparkle 3.6s ease-in-out infinite}
@keyframes kbxSparkle{0%,100%{transform:rotate(0) scale(1);opacity:1}40%{transform:rotate(18deg) scale(1.12);opacity:.85}70%{transform:rotate(-8deg) scale(1.04)}}

/* ---------- franja de animación en cada tarjeta ---------- */
.kbx-anim{
  position:relative;z-index:2;
  width:100%;margin-top:22px;
  padding:14px 16px 12px;
  border-radius:16px;
  background:rgba(3,10,40,.3);
  border:1px solid rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:74px;
  overflow:hidden;
}
.kbx-tag{
  position:absolute;left:0;right:0;bottom:6px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.62);text-align:center;
}

/* EMPATÍA — trazo de latido que se dibuja */
.kbx-ecg{width:100%;height:40px;margin-bottom:6px}
.kbx-ecg path{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.kbx-ecg .kbx-base{stroke:rgba(255,255,255,.2)}
.kbx-ecg .kbx-draw{
  stroke:#A5F3FC;
  stroke-dasharray:420;stroke-dashoffset:420;
  filter:drop-shadow(0 0 6px rgba(165,243,252,.9));
  animation:kbxTrace 3.2s linear infinite;
}
@keyframes kbxTrace{0%{stroke-dashoffset:420}70%{stroke-dashoffset:0}100%{stroke-dashoffset:-420}}

/* RELACIÓN — pulso que viaja entre paciente y Kiubot */
.kbx-a-rel{gap:12px;padding-bottom:20px}
.kbx-node{
  width:38px;height:38px;flex:none;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.94);color:#123;
  font-family:'Poppins',sans-serif;font-weight:700;font-size:11px;
  box-shadow:0 6px 18px rgba(2,8,34,.4);
}
.kbx-node.kbx-k{background:linear-gradient(140deg,#22D3EE,#3B5BFF);color:#fff}
.kbx-track{
  position:relative;flex:1;height:2px;max-width:120px;border-radius:2px;
  background:repeating-linear-gradient(90deg, rgba(255,255,255,.55) 0 6px, transparent 6px 12px);
}
.kbx-pulse{
  position:absolute;top:50%;left:0;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;
  background:#A5F3FC;box-shadow:0 0 12px 3px rgba(165,243,252,.85);
  animation:kbxTravel 3s ease-in-out infinite;
}
@keyframes kbxTravel{
  0%{left:0;transform:scale(.7)}
  25%{transform:scale(1.15)}
  48%{left:calc(100% - 9px);transform:scale(1)}
  52%{left:calc(100% - 9px)}
  96%{left:0;transform:scale(1)}
  100%{left:0;transform:scale(.7)}
}

/* EXPERIENCIA — mini conversación que avanza sola */
.kbx-a-exp{flex-direction:column;align-items:stretch;gap:5px;padding:12px 14px 16px}
.kbx-b{
  align-self:flex-start;max-width:84%;
  padding:5px 9px;border-radius:9px 9px 9px 3px;
  background:rgba(255,255,255,.94);color:#1B2A4A;
  font-size:10px;line-height:1.35;font-weight:500;
  opacity:0;transform:translateY(6px);
  animation:kbxBub 5.4s ease-in-out infinite;
}
.kbx-b.b2{align-self:flex-end;border-radius:9px 9px 3px 9px;background:rgba(220,248,198,.96);color:#14361F;animation-delay:.9s}
.kbx-b.b3{align-self:center;background:rgba(6,182,212,.9);color:#012C38;border-radius:999px;font-weight:700;font-size:9.5px;letter-spacing:.04em;animation-delay:1.8s}
@keyframes kbxBub{
  0%{opacity:0;transform:translateY(6px)}
  10%{opacity:1;transform:translateY(0)}
  72%{opacity:1;transform:translateY(0)}
  84%{opacity:0;transform:translateY(-4px)}
  100%{opacity:0;transform:translateY(6px)}
}
.kbx-bar{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.22);margin-top:6px;overflow:hidden}
.kbx-bar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#A5F3FC,#fff);animation:kbxFill 5.4s ease-in-out infinite}
@keyframes kbxFill{0%{width:0}12%{width:34%}42%{width:70%}66%{width:100%}86%{width:100%}100%{width:0}}

/* ---------- resto de la sección sobre navy ---------- */
#experiencia .relationshipBand{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(125,211,252,.34) !important;
  color:#fff !important;
  backdrop-filter:blur(8px);
}
#experiencia .relationshipBand span{color:#67E8F9 !important}
#experiencia .experienceLine span{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(125,180,255,.24) !important;
  color:#C3D2F0 !important;
}
#experiencia .experienceLine b{color:#67E8F9 !important}
#experiencia .pillars.five .pillar{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(125,180,255,.2) !important;
}
#experiencia .pillars.five .pillar h3{color:#fff !important}
#experiencia .pillars.five .pillar p{color:#A9BADF !important}
#experiencia .pillars.five .picon{
  background:rgba(125,211,252,.14) !important;
  color:#7DD3FC !important;
  border:1px solid rgba(125,211,252,.28);
}

@media (max-width:900px){
  .triadCard.kbx-card{padding:30px 24px 22px !important}
  .triadIcon.kbx-icon{width:82px !important;height:82px !important;border-radius:24px !important}
  .triadIcon.kbx-icon svg{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){
  .kbx-halo,.kbx-emp .triadIcon.kbx-icon svg,.kbx-rel .triadIcon.kbx-icon svg,
  .kbx-exp .triadIcon.kbx-icon svg,.kbx-ecg .kbx-draw,.kbx-pulse,.kbx-b,.kbx-bar i{
    animation:none !important;
  }
  .kbx-ecg .kbx-draw{stroke-dashoffset:0}
  .kbx-b{opacity:1;transform:none}
  .kbx-bar i{width:100%}
}

/* ============================================================
   V29 — ISOTIPOS: color propio + triple borde + fondo contrastado
   ============================================================ */
.triadCard.kbx-card .triadIcon.kbx-icon{
  background:#FFFFFF !important;
  border:2px solid var(--kbx-c) !important;
  backdrop-filter:none !important;
  box-shadow:
    0 0 0 5px var(--kbx-r1),
    0 0 0 11px var(--kbx-r2),
    0 0 0 18px var(--kbx-r3),
    0 20px 46px rgba(2,8,34,.42) !important;
}
.triadCard.kbx-card .triadIcon.kbx-icon svg{
  fill:var(--kbx-c);
  stroke:none;
  filter:drop-shadow(0 3px 10px var(--kbx-r1));
}
.kbx-rel .triadIcon.kbx-icon svg{fill:none !important;stroke:var(--kbx-c) !important}
.triadCard.kbx-card .kbx-halo{
  inset:-30px;
  border-radius:44px;
  background:radial-gradient(circle, var(--kbx-r2) 0%, transparent 68%);
}
.kbx-emp{--kbx-c:#2563FF;--kbx-r1:rgba(37,99,255,.42);--kbx-r2:rgba(37,99,255,.24);--kbx-r3:rgba(37,99,255,.12)}
.kbx-rel{--kbx-c:#06B6D4;--kbx-r1:rgba(6,182,212,.42);--kbx-r2:rgba(34,211,238,.26);--kbx-r3:rgba(34,211,238,.13)}
.kbx-exp{--kbx-c:#7C3AED;--kbx-r1:rgba(124,58,237,.44);--kbx-r2:rgba(139,92,246,.26);--kbx-r3:rgba(139,92,246,.13)}
.triadCard.kbx-card{padding-top:52px !important}
.kbx-triad{margin-top:60px !important}
@media (max-width:900px){.triadCard.kbx-card{padding-top:44px !important}}

/* ============================================================
   V30 — Avatares en las tarjetas + fondos azules con más impacto
   ============================================================ */

/* ---------- fondos: cada tarjeta con su propio carácter ---------- */
.triadCard.kbx-card{
  isolation:isolate;
  border-radius:28px !important;
  padding-bottom:24px !important;
}
.kbx-emp.triadCard.kbx-card{
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(103,232,249,.34) 0%, transparent 58%),
    linear-gradient(152deg,#0B1C63 0%, #1D46D6 46%, #2F86E8 100%) !important;
}
.kbx-rel.triadCard.kbx-card{
  background:
    radial-gradient(110% 90% at 0% 0%, rgba(34,211,238,.38) 0%, transparent 56%),
    linear-gradient(196deg,#0D2A78 0%, #1F5BF5 44%, #17A8DA 100%) !important;
}
.kbx-exp.triadCard.kbx-card{
  background:
    radial-gradient(120% 100% at 50% 118%, rgba(124,58,237,.44) 0%, transparent 60%),
    linear-gradient(168deg,#132279 0%, #2D57FF 42%, #12A6D8 100%) !important;
}

/* trama propia por tarjeta + destello que recorre la superficie */
.triadCard.kbx-card::before{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  border-radius:inherit;
  opacity:.55;
}
.kbx-emp.triadCard.kbx-card::before{
  background-image:radial-gradient(rgba(255,255,255,.5) 1px, transparent 1.4px);
  background-size:16px 16px;
  -webkit-mask-image:linear-gradient(200deg,#000 0%,transparent 62%);
  mask-image:linear-gradient(200deg,#000 0%,transparent 62%);
}
.kbx-rel.triadCard.kbx-card::before{
  background-image:repeating-linear-gradient(56deg, rgba(255,255,255,.16) 0 1.5px, transparent 1.5px 13px);
  -webkit-mask-image:linear-gradient(160deg,#000 0%,transparent 72%);
  mask-image:linear-gradient(160deg,#000 0%,transparent 72%);
}
.kbx-exp.triadCard.kbx-card::before{
  background-image:repeating-radial-gradient(circle at 50% 116%, rgba(255,255,255,.2) 0 1.4px, transparent 1.4px 20px);
  -webkit-mask-image:linear-gradient(0deg,#000 0%,transparent 70%);
  mask-image:linear-gradient(0deg,#000 0%,transparent 70%);
}
/* brillo diagonal que barre la tarjeta */
.triadCard.kbx-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:auto !important;height:auto !important;right:auto !important;top:auto !important;
  border-radius:inherit !important;
  z-index:1 !important;
  pointer-events:none;
  background:linear-gradient(104deg, transparent 32%, rgba(255,255,255,.22) 47%, rgba(255,255,255,.05) 55%, transparent 68%) !important;
  background-size:260% 100% !important;
  background-position:170% 0 !important;
  animation:kbxSweep 7s ease-in-out infinite !important;
  opacity:1 !important;
}
.kbx-rel.triadCard.kbx-card::after{animation-delay:1.6s !important}
.kbx-exp.triadCard.kbx-card::after{animation-delay:3.2s !important}
@keyframes kbxSweep{
  0%,58%{background-position:170% 0}
  92%,100%{background-position:-70% 0}
}
/* filo superior luminoso */
.triadCard.kbx-card{box-shadow:0 28px 74px rgba(3,9,38,.6), inset 0 1.5px 0 rgba(255,255,255,.42) !important}

.triadCard.kbx-card > *{position:relative;z-index:2}

/* ---------- franja de avatares ---------- */
.kbx-anim{
  background:rgba(3,10,40,.32) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  border-radius:18px !important;
  backdrop-filter:blur(4px);
  min-height:0 !important;
  padding:16px 14px 22px !important;
  margin-top:24px !important;
}
.kbx-tag{
  bottom:7px !important;
  font-size:8.5px !important;
  color:rgba(255,255,255,.66) !important;
}

/* fila de personas (Empatía y Experiencia) */
.kbx-people{display:grid !important;grid-template-columns:repeat(3,1fr);gap:8px;align-items:start}
.kbx-p{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
.kbx-face{
  position:relative;
  width:clamp(44px,4.4vw,54px);aspect-ratio:1;border-radius:50%;
  overflow:hidden;flex:none;
  background:#EDF3FF;
  box-shadow:0 0 0 2px rgba(255,255,255,.7), 0 8px 18px rgba(2,8,34,.42);
  transition:box-shadow .45s ease, transform .45s ease;
}
.kbx-face svg{width:100%;height:100%;display:block}
.kbx-p b{
  font-family:'Poppins',sans-serif;font-weight:600;font-size:11px;letter-spacing:-.01em;
  color:rgba(255,255,255,.72);transition:color .45s ease;
}
.kbx-p i{
  font-style:normal;font-size:8.5px;letter-spacing:.06em;
  color:rgba(255,255,255,.5);
}
/* el foco recorre a las tres personas */
.kbx-p{animation:kbxFocus 5.7s ease-in-out infinite}
.kbx-p.p2{animation-delay:1.9s}
.kbx-p.p3{animation-delay:3.8s}
@keyframes kbxFocus{
  0%,100%{transform:translateY(0)}
  6%{transform:translateY(-5px)}
  27%{transform:translateY(-5px)}
  34%{transform:translateY(0)}
}
.kbx-p .kbx-face{animation:kbxRing 5.7s ease-in-out infinite}
.kbx-p.p2 .kbx-face{animation-delay:1.9s}
.kbx-p.p3 .kbx-face{animation-delay:3.8s}
@keyframes kbxRing{
  0%,100%{box-shadow:0 0 0 2px rgba(255,255,255,.55), 0 8px 18px rgba(2,8,34,.42)}
  8%,27%{box-shadow:0 0 0 3px #fff, 0 0 0 9px rgba(255,255,255,.28), 0 10px 24px rgba(2,8,34,.5)}
  36%{box-shadow:0 0 0 2px rgba(255,255,255,.55), 0 8px 18px rgba(2,8,34,.42)}
}
.kbx-p b{animation:kbxWord 5.7s ease-in-out infinite}
.kbx-p.p2 b{animation-delay:1.9s}
.kbx-p.p3 b{animation-delay:3.8s}
@keyframes kbxWord{
  0%,100%{color:rgba(255,255,255,.7)}
  8%,27%{color:#fff}
  36%{color:rgba(255,255,255,.7)}
}

/* ---------- Relación: paciente <-> equipo ---------- */
.kbx-bond{
  display:grid !important;
  grid-template-columns:auto 1fr auto;
  align-items:center;gap:10px;
  padding-bottom:34px !important;
}
.kbx-side{display:flex;flex-direction:column;align-items:center;gap:6px}
.kbx-side em{font-style:normal;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.kbx-stack{display:flex;align-items:center}
.kbx-stack .kbx-face{width:clamp(38px,3.8vw,46px);margin-left:-13px;box-shadow:0 0 0 2.5px rgba(9,20,60,.55), 0 6px 16px rgba(2,8,34,.4)}
.kbx-stack .kbx-face:first-child{margin-left:0}
.kbx-stack .kbx-face.s1{z-index:3}
.kbx-stack .kbx-face.s2{z-index:2}
.kbx-stack .kbx-face.s3{z-index:1}
.kbx-bond .kbx-track{
  position:relative;height:2px;max-width:none;border-radius:2px;
  background:repeating-linear-gradient(90deg, rgba(255,255,255,.6) 0 6px, transparent 6px 12px);
}
.kbx-bond .kbx-pulse{
  position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;border-radius:50%;
  background:#fff;box-shadow:0 0 14px 4px rgba(165,243,252,.9);
  animation:kbxTravel 5.7s ease-in-out infinite;
}
@keyframes kbxTravel{
  0%{left:0;opacity:0;transform:scale(.6)}
  8%{opacity:1;transform:scale(1)}
  42%{left:calc(100% - 10px);opacity:1;transform:scale(1)}
  50%{left:calc(100% - 10px);opacity:1}
  88%{left:0;opacity:1;transform:scale(1)}
  100%{left:0;opacity:0;transform:scale(.6)}
}
.kbx-steps{
  position:absolute;left:0;right:0;bottom:9px;
  display:flex;justify-content:center;gap:7px;
}
.kbx-steps span{
  padding:3px 9px;border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
  font-family:'Poppins',sans-serif;font-weight:600;font-size:9px;
  color:rgba(255,255,255,.62);
  animation:kbxStep 5.7s ease-in-out infinite;
}
.kbx-steps .s2{animation-delay:1.9s}
.kbx-steps .s3{animation-delay:3.8s}
@keyframes kbxStep{
  0%,100%{background:rgba(255,255,255,.08);color:rgba(255,255,255,.62);border-color:rgba(255,255,255,.28)}
  8%,27%{background:#fff;color:#0D184C;border-color:#fff}
  36%{background:rgba(255,255,255,.08);color:rgba(255,255,255,.62);border-color:rgba(255,255,255,.28)}
}

@media (max-width:900px){
  .kbx-face{width:48px}
  .kbx-p b{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){
  .triadCard.kbx-card::after,.kbx-p,.kbx-p .kbx-face,.kbx-p b,.kbx-bond .kbx-pulse,.kbx-steps span{
    animation:none !important;
  }
  .triadCard.kbx-card::after{opacity:.25 !important}
  .kbx-p b{color:#fff !important}
  .kbx-steps span{background:rgba(255,255,255,.14);color:#fff}
}

/* aire para que la leyenda no choque con los nombres */
.kbx-people{padding-bottom:30px !important}
.kbx-people.kbx-team{padding-bottom:34px !important}
.kbx-anim .kbx-tag{bottom:8px !important}

/* ============================================================
   V31 — Empatía azul · Relación celeste · Experiencia morada
          Kiubot + WhatsApp interactúan y desatan la lluvia
   ============================================================ */

/* ---------- fondos por tarjeta ---------- */
.kbx-emp.triadCard.kbx-card{
  background:
    radial-gradient(120% 92% at 100% 0%, rgba(96,165,250,.42) 0%, transparent 58%),
    linear-gradient(152deg,#0A1866 0%, #1B44DC 46%, #2E6BF0 100%) !important;
  border-color:rgba(147,197,253,.4) !important;
}
.kbx-rel.triadCard.kbx-card{
  background:
    radial-gradient(112% 92% at 0% 0%, rgba(165,243,252,.46) 0%, transparent 56%),
    linear-gradient(196deg,#06496B 0%, #0C87BC 42%, #22C6E8 100%) !important;
  border-color:rgba(165,243,252,.46) !important;
}
.kbx-exp.triadCard.kbx-card{
  background:
    radial-gradient(122% 100% at 50% 118%, rgba(216,180,254,.44) 0%, transparent 60%),
    linear-gradient(168deg,#38127E 0%, #6D28D9 44%, #A855F7 100%) !important;
  border-color:rgba(216,180,254,.44) !important;
}
.kbx-rel.triadCard.kbx-card::before{
  background-image:repeating-linear-gradient(56deg, rgba(255,255,255,.2) 0 1.5px, transparent 1.5px 13px);
}
.kbx-exp.triadCard.kbx-card::before{
  background-image:repeating-radial-gradient(circle at 50% 116%, rgba(255,255,255,.24) 0 1.4px, transparent 1.4px 20px);
}

/* isotipo: el color propio en el trazo, anillos blancos para que resalten */
.kbx-emp{--kbx-c:#2563FF;--kbx-r1:rgba(37,99,255,.5);--kbx-r2:rgba(255,255,255,.3);--kbx-r3:rgba(255,255,255,.14)}
.kbx-rel{--kbx-c:#0891B2;--kbx-r1:rgba(8,145,178,.5);--kbx-r2:rgba(255,255,255,.32);--kbx-r3:rgba(255,255,255,.15)}
.kbx-exp{--kbx-c:#7C3AED;--kbx-r1:rgba(124,58,237,.5);--kbx-r2:rgba(255,255,255,.3);--kbx-r3:rgba(255,255,255,.14)}

/* ---------- escenario de interacción ---------- */
.kbx-flow{
  position:relative;
  display:block !important;
  padding:18px 16px 34px !important;
  overflow:hidden;
  min-height:0 !important;
}
.kbx-line{
  position:relative;z-index:3;
  display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:10px;
}

/* isotipo Kiubot que emite */
.kbx-bot{
  width:44px;height:44px;flex:none;border-radius:14px;
  display:grid;place-items:center;
  background:#fff;
  box-shadow:0 0 0 2px rgba(255,255,255,.5), 0 8px 20px rgba(2,8,34,.4);
  animation:kbxEmit 6s ease-in-out infinite;
}
.kbx-bot svg{width:30px;height:30px}
@keyframes kbxEmit{
  0%,100%{box-shadow:0 0 0 2px rgba(255,255,255,.5), 0 8px 20px rgba(2,8,34,.4)}
  6%{box-shadow:0 0 0 4px #fff, 0 0 26px 6px rgba(255,255,255,.5), 0 8px 20px rgba(2,8,34,.4);transform:scale(1.06)}
  16%{box-shadow:0 0 0 2px rgba(255,255,255,.5), 0 8px 20px rgba(2,8,34,.4);transform:scale(1)}
}

/* el cable por donde viaja WhatsApp */
.kbx-wire{
  position:relative;height:2px;border-radius:2px;
  background:repeating-linear-gradient(90deg, rgba(255,255,255,.62) 0 6px, transparent 6px 12px);
}
.kbx-wa{
  position:absolute;top:50%;left:0;
  width:26px;height:26px;margin-top:-13px;
  border-radius:50%;background:#fff;
  display:grid;place-items:center;
  box-shadow:0 4px 14px rgba(2,8,34,.45), 0 0 0 2px rgba(255,255,255,.35);
  animation:kbxSend 6s cubic-bezier(.55,.05,.3,1) infinite;
}
.kbx-wa svg{width:19px;height:19px}
@keyframes kbxSend{
  0%,4%{left:0;opacity:0;transform:scale(.5)}
  10%{opacity:1;transform:scale(1)}
  34%{left:calc(100% - 26px);opacity:1;transform:scale(1)}
  44%{left:calc(100% - 26px);opacity:1;transform:scale(1.16)}
  56%{left:calc(100% - 26px);opacity:1;transform:scale(1)}
  92%{left:calc(100% - 26px);opacity:0;transform:scale(.7)}
  100%{left:0;opacity:0;transform:scale(.5)}
}

/* las tres personas */
.kbx-crowd{display:flex;align-items:flex-end;gap:6px}
.kbx-face{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none}
.kbx-ph{
  display:block;
  width:clamp(42px,4.2vw,52px);aspect-ratio:1;border-radius:50%;
  overflow:hidden;background:#EEF4FF;
  box-shadow:0 0 0 2px rgba(255,255,255,.55), 0 8px 18px rgba(2,8,34,.42);
  transition:box-shadow .3s ease;
  animation:kbxReact 6s ease-in-out infinite;
}
.kbx-ph svg{width:100%;height:100%;display:block}
.kbx-face em{
  font-style:normal;font-size:8.5px;letter-spacing:.03em;
  color:rgba(255,255,255,.66);white-space:nowrap;
}
.kbx-face.f2 .kbx-ph{animation-delay:.14s}
.kbx-face.f3 .kbx-ph{animation-delay:.28s}
@keyframes kbxReact{
  0%,38%{transform:translateY(0) scale(1);box-shadow:0 0 0 2px rgba(255,255,255,.5), 0 8px 18px rgba(2,8,34,.42)}
  46%{transform:translateY(-7px) scale(1.09);box-shadow:0 0 0 3px #fff, 0 0 0 10px rgba(255,255,255,.24), 0 12px 26px rgba(2,8,34,.5)}
  60%{transform:translateY(0) scale(1.03)}
  86%{transform:translateY(0) scale(1);box-shadow:0 0 0 2px rgba(255,255,255,.5), 0 8px 18px rgba(2,8,34,.42)}
  100%{transform:translateY(0) scale(1)}
}

/* ---------- lluvia ---------- */
.kbx-rain{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit}
.kbx-drop{
  position:absolute;top:-18px;left:var(--x);
  width:16px;height:16px;
  opacity:0;
  animation:kbxFall 6s cubic-bezier(.35,.1,.5,1) infinite;
  animation-delay:var(--d);
}
.kbx-drop svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 5px rgba(2,8,34,.4))}
.fx-kbxHeart .kbx-drop svg{fill:#FF5D8F}
.fx-kbxHeart .kbx-drop:nth-child(3n) svg{fill:#FF8FB1}
.fx-kbxHeart .kbx-drop:nth-child(4n) svg{fill:#fff}
.fx-kbxThumb .kbx-drop svg{fill:#FFD34D}
.fx-kbxThumb .kbx-drop:nth-child(3n) svg{fill:#fff}
.fx-kbxThumb .kbx-drop:nth-child(5n) svg{fill:#A5F3FC}
.fx-kbxStar .kbx-drop svg{fill:#FFD84D}
.fx-kbxStar .kbx-drop:nth-child(3n) svg{fill:#fff}
.fx-kbxStar .kbx-drop:nth-child(4n) svg{fill:#E9D5FF}
@keyframes kbxFall{
  0%,40%{transform:translateY(-14px) scale(var(--s)) rotate(0);opacity:0}
  46%{opacity:1}
  84%{opacity:.9}
  92%,100%{transform:translateY(150px) scale(var(--s)) rotate(var(--r));opacity:0}
}

/* ---------- palabras en negrita ---------- */
.kbx-steps{
  position:relative;z-index:3;
  display:flex;justify-content:center;gap:6px;
  margin-top:14px;flex-wrap:wrap;
}
.kbx-steps span{
  padding:4px 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.1);
  font-family:'Poppins',sans-serif;font-weight:600;font-size:10px;
  color:rgba(255,255,255,.72);
  animation:kbxStep 6s ease-in-out infinite;
}
.kbx-steps .s2{animation-delay:.5s}
.kbx-steps .s3{animation-delay:1s}
@keyframes kbxStep{
  0%,36%{background:rgba(255,255,255,.1);color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.3)}
  48%,72%{background:#fff;color:#0D184C;border-color:#fff}
  84%,100%{background:rgba(255,255,255,.1);color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.3)}
}
.kbx-flow .kbx-tag{bottom:10px !important;z-index:3}

@media (max-width:1080px){
  .kbx-crowd{gap:4px}
  .kbx-ph{width:44px}
  .kbx-face em{font-size:8px}
}
@media (max-width:900px){
  .kbx-ph{width:52px}
  .kbx-face em{font-size:9px}
}
@media (prefers-reduced-motion:reduce){
  .kbx-bot,.kbx-wa,.kbx-ph,.kbx-drop,.kbx-steps span{animation:none !important}
  .kbx-wa{left:calc(100% - 26px);opacity:1;transform:none}
  .kbx-drop{opacity:.85;transform:translateY(var(--x)) }
  .kbx-drop:nth-child(n+7){display:none}
  .kbx-steps span{background:rgba(255,255,255,.16);color:#fff}
}

/* ajustes de aire y legibilidad en la franja de interacción */
.kbx-flow{padding:20px 16px 48px !important}
.kbx-crowd{gap:8px}
.kbx-ph{width:clamp(46px,4.7vw,58px) !important}
.kbx-face em{
  font-size:9px !important;font-weight:500 !important;
  color:rgba(255,255,255,.86) !important;
  text-shadow:0 1px 3px rgba(2,8,34,.6);
}
.kbx-steps{margin-top:16px !important}
.kbx-flow .kbx-tag{
  bottom:11px !important;
  color:rgba(255,255,255,.78) !important;
  text-shadow:0 1px 4px rgba(2,8,34,.75);
}
@media (max-width:1180px){
  .kbx-ph{width:46px !important}
  .kbx-face em{font-size:8px !important}
  .kbx-bot{width:38px;height:38px}
  .kbx-bot svg{width:25px;height:25px}
}

/* nombres/cargos legibles bajo cada avatar */
.kbx-crowd{align-items:flex-start !important}
.kbx-face{gap:8px !important}
.kbx-face em{
  display:inline-block;line-height:1;
  padding:3px 8px;border-radius:999px;
  background:rgba(4,11,44,.5);
  border:1px solid rgba(255,255,255,.2);
  text-shadow:none !important;
  color:#fff !important;
}

/* isotipo original de Kiubot */
.kbx-bot{background:#fff !important;padding:6px}
.kbx-bot img{width:100%;height:auto;display:block}

/* Empatía y Relación con la misma trama de círculos concéntricos */
.kbx-emp.triadCard.kbx-card::before,
.kbx-rel.triadCard.kbx-card::before{
  background-image:repeating-radial-gradient(circle at 50% 116%, rgba(255,255,255,.24) 0 1.4px, transparent 1.4px 20px) !important;
  background-size:auto !important;
  -webkit-mask-image:linear-gradient(0deg,#000 0%,transparent 70%) !important;
  mask-image:linear-gradient(0deg,#000 0%,transparent 70%) !important;
}

/* los cargos ya no se cortan: se ajustan al ancho del avatar */
.kbx-face{max-width:82px}
.kbx-face em{
  white-space:normal !important;
  text-align:center;
  line-height:1.3;
  font-size:8.5px !important;
  padding:3px 7px;
  max-width:100%;
}
@media (max-width:1180px){.kbx-face{max-width:70px}.kbx-face em{font-size:7.5px !important;padding:2px 5px}}

/* ============================================================
   V33 — Banner de marca en marquesina + Experiencia con el fondo del hero
   ============================================================ */
.strip.kb-marquee{
  border-top:0 !important;
  border-bottom:1px solid var(--line) !important;
  background:#fff !important;
  padding:0 !important;
  overflow:hidden;
}
.kb-mq{
  position:relative;
  width:100%;
  padding:20px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.kb-mqtrack{
  display:flex;width:max-content;
  animation:kbMarquee 34s linear infinite;
}
.kb-marquee:hover .kb-mqtrack{animation-play-state:paused}
.kb-mqset{display:flex;align-items:center;gap:46px;padding-right:46px}
.kb-mqi{
  display:inline-flex;align-items:center;gap:11px;white-space:nowrap;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:15px;letter-spacing:-.01em;
  color:#33436B;
}
.kb-mqi i{
  display:grid;place-items:center;flex:none;
  width:38px;height:38px;border-radius:11px;
  background:#F1F5FD;border:1px solid #E3EAF6;
}
.kb-mqi i svg{width:21px;height:21px;display:block}
@keyframes kbMarquee{from{transform:translateX(0)}to{transform:translateX(-33.3333%)}}
@media (max-width:620px){
  .kb-mqi{font-size:13.5px;gap:9px}
  .kb-mqi i{width:32px;height:32px;border-radius:9px}
  .kb-mqi i svg{width:18px;height:18px}
  .kb-mqset{gap:32px;padding-right:32px}
}
@media (prefers-reduced-motion:reduce){
  .kb-mqtrack{animation:none !important}
}

/* la sección Experiencia toma el mismo fondo que la portada */
#experiencia{
  background:
    radial-gradient(58% 92% at 106% 44%, rgba(96,64,255,.72) 0%, rgba(70,60,255,0) 60%),
    radial-gradient(78% 118% at 94% 54%, #2A46FF 0%, rgba(28,58,225,.68) 30%, rgba(12,26,110,.24) 58%, rgba(4,12,34,0) 76%),
    radial-gradient(62% 128% at 32% 56%, #00050E 0%, rgba(0,5,14,.94) 40%, rgba(0,5,14,.45) 62%, rgba(0,5,14,0) 78%),
    radial-gradient(96% 120% at 4% 26%, #072057 0%, #05163C 42%, #030E26 78%, #020A1C 100%),
    #020A1C !important;
}

/* palabras largas (Kinesiólogo, Enfermera) parten en vez de cortarse */
.kbx-face em{overflow-wrap:anywhere;hyphens:auto}

/* ============================================================
   V34 — La marquesina toma el fondo de la portada
   ============================================================ */
.strip.kb-marquee{
  border-top:0 !important;
  border-bottom:1px solid rgba(125,211,252,.18) !important;
  background:
    radial-gradient(46% 240% at 104% 50%, rgba(96,64,255,.78) 0%, rgba(70,60,255,0) 62%),
    radial-gradient(62% 280% at 92% 55%, #2A46FF 0%, rgba(28,58,225,.7) 30%, rgba(12,26,110,.22) 60%, rgba(4,12,34,0) 78%),
    radial-gradient(48% 320% at 33% 56%, #00050E 0%, rgba(0,5,14,.94) 42%, rgba(0,5,14,.4) 64%, rgba(0,5,14,0) 80%),
    radial-gradient(92% 320% at 3% 38%, #072057 0%, #05163C 44%, #030E26 78%, #020A1C 100%),
    #020A1C !important;
}
.kb-mqi{color:#E4ECFF !important}
.kb-mqi i{
  background:rgba(255,255,255,.1) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  backdrop-filter:blur(6px);
  box-shadow:0 6px 18px rgba(2,8,34,.35);
}

/* iconos aclarados para que respiren sobre el fondo oscuro */
.kb-mqi i svg [fill="#2563FF"]{fill:#7DA8FF}
.kb-mqi i svg [fill="#1E40AF"]{fill:#3C64D8}
.kb-mqi i svg [stroke="#1E40AF"]{stroke:#3C64D8}
.kb-mqi i svg [fill="#7C3AED"]{fill:#A78BFA}
.kb-mqi i svg [fill="#A78BFA"]{fill:#DDD3FE}
.kb-mqi i svg [stroke="#2563FF"]{stroke:#93C5FD}
.kb-mqi i svg [stroke="#06B6D4"]{stroke:#5EEAFF}
.kb-mqi i svg [fill="#22D3EE"]{fill:#7DF0FF}

/* ============================================================
   V35 — Franja y sección Experiencia en un navy oscuro plano
   ============================================================ */
.strip.kb-marquee{
  background:#060E2E !important;
  border-top:1px solid rgba(125,211,252,.14) !important;
  border-bottom:1px solid rgba(125,211,252,.14) !important;
}
#experiencia{
  background:#060E2E !important;
}

/* ============================================================
   V36 — Navegación completa + Implementación y Precio
   ============================================================ */
.links{gap:20px !important;font-size:13px !important}
.links a{white-space:nowrap}
@media (max-width:1280px){.links{gap:15px !important;font-size:12.5px !important}}
@media (max-width:1120px){.navcta .ghost{display:none}}

/* ---------- Implementación ---------- */
.kbi-steps{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  margin-top:48px;text-align:left;
}
.kbi-step{
  position:relative;display:flex;flex-direction:column;gap:8px;
  padding:26px 22px 22px;border-radius:22px;
  border:1px solid var(--line);background:#fff;
  box-shadow:0 14px 42px rgba(13,24,76,.06);
  transition:transform .22s ease, box-shadow .22s ease;
}
.kbi-step:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(13,24,76,.1)}
.kbi-n{
  display:inline-grid;place-items:center;width:42px;height:28px;border-radius:8px;
  background:#EEF4FF;color:var(--blue);
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.08em;
  margin-bottom:6px;
}
.kbi-step b{font-family:'Poppins',sans-serif;font-weight:600;font-size:19px;color:var(--navy);letter-spacing:-.02em}
.kbi-step em{
  font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);
}
.kbi-step p{font-size:13.5px;line-height:1.62;color:var(--muted);margin:0}
.kbi-step small{
  margin-top:auto;padding-top:12px;border-top:1px solid #EDF1F8;
  font-size:11.5px;line-height:1.5;color:#7B8AA6;
}
.kbi-note{
  max-width:66ch;margin:26px auto 0;
  font-size:12.5px;line-height:1.6;color:#8493AC;
}

/* ---------- Precio ---------- */
.kbp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;text-align:left;align-items:start}
.kbp-card{
  position:relative;display:flex;flex-direction:column;gap:6px;
  padding:32px 28px;border-radius:24px;
  border:1px solid var(--line);background:#fff;
  box-shadow:0 16px 46px rgba(13,24,76,.07);
}
.kbp-card b{font-family:'Poppins',sans-serif;font-weight:600;font-size:23px;color:var(--navy);letter-spacing:-.03em}
.kbp-card em{font-style:normal;font-size:12.5px;color:var(--muted)}
.kbp-card ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.kbp-card li{display:flex;gap:10px;font-size:13.5px;line-height:1.55;color:#3B4A6E}
.kbp-card li::before{content:"✓";color:var(--green);font-weight:700;flex:none}
.kbp-price{
  margin-top:24px;padding-top:18px;border-top:1px solid #EDF1F8;
  font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;color:var(--navy);
}
.kbp-card.featured{
  background:linear-gradient(165deg,#0D184C,#16276E 58%,#1E43C7);
  border-color:#0D184C;color:#fff;
  box-shadow:0 30px 74px rgba(13,24,76,.28);
}
.kbp-card.featured b{color:#fff}
.kbp-card.featured em{color:#BFD0F2}
.kbp-card.featured li{color:#DCE6FC}
.kbp-card.featured li::before{color:#67E8F9}
.kbp-card.featured .kbp-price{color:#fff;border-top-color:rgba(255,255,255,.2)}
.kbp-tag{
  position:absolute;top:-11px;left:28px;
  padding:5px 12px;border-radius:999px;background:#22D3EE;color:#04263A;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
}
.kbp-cta{margin-top:38px;display:flex;flex-direction:column;align-items:center;gap:6px}

@media (max-width:1080px){
  .kbi-steps{grid-template-columns:1fr 1fr}
  .kbp-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .kbi-steps{grid-template-columns:1fr}
}

/* ============================================================
   V37 — Portada: celular encima del calendario, ambos centrados
   ============================================================ */
.heroGrid .visual.kb-stage{
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-bottom:62px !important;
}
.kb-laptop{
  width:100% !important;
  max-width:1060px !important;
  margin:0 auto !important;
}
.kb-phone{
  position:absolute !important;
  left:-10px !important;
  right:auto !important;
  bottom:-16px !important;
  width:min(238px,22%) !important;
  z-index:6;
  box-shadow:0 44px 100px rgba(0,4,20,.8), 0 0 0 6px rgba(8,16,44,.92), 0 0 0 7px rgba(125,211,252,.18) !important;
}
.kb-chat{min-height:250px !important}
/* la columna del viernes (donde ocurre la recuperación) nunca queda tapada */
@media (max-width:1080px){
  .kb-laptop{max-width:100% !important}
  .kb-phone{
    position:relative !important;
    left:auto !important;bottom:auto !important;
    width:min(300px,86%) !important;
    margin:26px auto 0 !important;
  }
}

/* el celular se apoya en la esquina inferior izquierda, sin tapar la agenda */
.kb-phone{
  width:min(224px,21%) !important;
  left:-34px !important;
  bottom:-34px !important;
}
.kb-chat{min-height:176px !important}
.kb-pfoot{padding:8px !important}
.kb-replay{padding:8px 10px !important;font-size:10.5px !important}
@media (max-width:1080px){
  .kb-phone{width:min(300px,86%) !important;left:auto !important;bottom:auto !important}
  .kb-chat{min-height:250px !important}
}

/* el chat muestra siempre los últimos mensajes en una ventana fija */
.kb-phone .kb-chat{
  min-height:198px !important;
  max-height:198px !important;
  overflow:hidden !important;
  justify-content:flex-end !important;
}
.kb-phone .kb-msg{font-size:10.5px;padding:7px 9px}
.kb-phone{left:-44px !important;bottom:-30px !important}
@media (max-width:1080px){
  .kb-phone .kb-chat{min-height:260px !important;max-height:none !important}
  .kb-phone{left:auto !important;bottom:auto !important}
}

/* ============================================================
   V38 — Descripción del hero: centrada y descendente
   ============================================================ */
.heroGrid > div:first-child > p.heroLead{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  gap:2px;
  max-width:none !important;
  width:100% !important;
}
.heroLead span{display:block;text-align:center;line-height:1.5}
.heroLead span:nth-child(1){max-width:44ch}
.heroLead span:nth-child(2){max-width:36ch;opacity:.94}
.heroLead span:nth-child(3){max-width:30ch;opacity:.88}
@media (max-width:760px){
  .heroLead span{max-width:34ch !important;opacity:1 !important}
  .heroLead{gap:0 !important}
}

/* cada frase en una sola línea: escalera descendente limpia */
@media (min-width:900px){
  .heroLead span{white-space:nowrap;max-width:none !important}
}
@media (max-width:899px){
  .heroLead span{white-space:normal;max-width:32ch !important;opacity:1 !important}
}

/* ============================================================
   V39 — Descripción en dos líneas · celular a la derecha, más alto
   ============================================================ */
.heroLead span:nth-child(2){opacity:.9}
.heroLead span:nth-child(3){display:none}

/* ---------- el celular: marco de dispositivo, a la derecha ---------- */
.kb-phone{
  left:auto !important;
  right:-38px !important;
  bottom:-46px !important;
  width:min(268px,25%) !important;
  padding:15px 8px 9px !important;
  border:0 !important;
  border-radius:40px !important;
  background:linear-gradient(168deg,#1A2A57 0%, #101B3E 42%, #080F2C 100%) !important;
  overflow:visible !important;
  box-shadow:
    0 52px 120px rgba(0,4,20,.88),
    0 0 0 1px rgba(125,211,252,.26),
    0 0 46px rgba(34,211,238,.22),
    inset 0 1px 0 rgba(255,255,255,.2) !important;
  z-index:6;
}
/* isla dinámica */
.kb-phone::before{
  content:"";
  position:absolute;top:6px;left:50%;transform:translateX(-50%);
  width:58px;height:5px;border-radius:99px;
  background:rgba(160,190,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
/* botones laterales */
.kb-phone::after{
  content:"";
  position:absolute;right:-2px;top:88px;
  width:2px;height:54px;border-radius:2px;
  background:linear-gradient(180deg,rgba(160,190,255,.5),rgba(160,190,255,.14));
}
.kb-pbar{border-radius:26px 26px 0 0 !important;padding:12px 13px !important}
.kb-pfoot{border-radius:0 0 26px 26px !important}
.kb-phone .kb-chat{
  min-height:318px !important;
  max-height:318px !important;
  overflow:hidden !important;
  justify-content:flex-end !important;
}
.kb-phone .kb-msg{font-size:11px;padding:8px 10px}
/* reflejo sutil sobre la pantalla */
.kb-phone .kb-chat{
  background-image:
    linear-gradient(122deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 34%),
    radial-gradient(rgba(255,255,255,.55) 1px, transparent 1px) !important;
  background-size:auto, 14px 14px !important;
}

@media (max-width:1080px){
  .kb-phone{
    position:relative !important;
    right:auto !important;bottom:auto !important;
    width:min(300px,86%) !important;
    margin:30px auto 0 !important;
  }
  .kb-phone::after{display:none}
  .kb-phone .kb-chat{min-height:280px !important;max-height:none !important}
}
@media (max-width:899px){
  .heroLead span{white-space:normal;max-width:32ch !important;opacity:1 !important}
}

/* ============================================================
   V40 — Sin franja de sellos · calendario más arriba
          celular alineado por abajo con el laptop
   ============================================================ */
.heroGrid{gap:26px !important}
.heroGrid > div:first-child .actions{margin-bottom:0 !important}
.heroGrid .visual.kb-stage{padding-bottom:0 !important}
.hero{padding-bottom:clamp(46px,5vw,72px) !important}

/* el celular sube: su borde inferior calza con el del laptop */
.kb-phone{
  bottom:0 !important;
  right:-30px !important;
}

@media (max-width:1080px){
  .kb-phone{bottom:auto !important;right:auto !important}
}

/* ============================================================
   V41 — El móvil: tema oscuro del calendario, burbujas blancas y celestes
   ============================================================ */
.kb-pav{
  background:#fff !important;
  padding:4px;
  box-shadow:0 0 0 1px rgba(125,211,252,.35), 0 4px 12px rgba(0,4,20,.45);
}
.kb-pav img{width:100%;height:100%;object-fit:contain;display:block}

/* barra superior: el mismo gris azulado del calendario */
.kb-pbar{
  background:linear-gradient(180deg,#111C42,#0B1434) !important;
  border-bottom:1px solid rgba(125,211,252,.16);
}
.kb-pname b{color:#fff !important}
.kb-pname small{color:#7DD3FC !important}
.kb-wa{color:#22D3EE !important}

/* pantalla del chat */
.kb-phone .kb-chat{
  background-color:#080F2C !important;
  background-image:
    linear-gradient(124deg, rgba(125,211,252,.09) 0%, rgba(125,211,252,0) 36%),
    radial-gradient(rgba(125,211,252,.12) 1px, transparent 1px) !important;
  background-size:auto, 15px 15px !important;
}

/* burbujas de Kiubot: blancas */
.kb-phone .kb-msg{
  background:#FFFFFF !important;
  color:#16224B !important;
  border:1px solid rgba(125,211,252,.2);
  box-shadow:0 4px 12px rgba(0,4,20,.4) !important;
}
.kb-phone .kb-msg .kb-t{color:#93A3BF !important}

/* burbujas del paciente: celeste del isotipo */
.kb-phone .kb-msg.me{
  background:linear-gradient(150deg,#8FF0FF,#38CFEA) !important;
  color:#032B3B !important;
  border-color:rgba(255,255,255,.4);
}
.kb-phone .kb-msg.me .kb-t{color:#08536B !important}

/* sello del sistema */
.kb-phone .kb-msg.sys{
  background:rgba(34,211,238,.14) !important;
  border:1px solid rgba(34,211,238,.45) !important;
  color:#A5F3FC !important;
  box-shadow:none !important;
}

/* burbuja de "escribiendo" */
.kb-phone .kb-typing{
  background:#FFFFFF !important;
  border:1px solid rgba(125,211,252,.2);
  box-shadow:0 4px 12px rgba(0,4,20,.4);
}
.kb-phone .kb-typing i{background:#7C90AE}

/* pie */
.kb-pfoot{
  background:#0B1434 !important;
  border-top:1px solid rgba(125,211,252,.16) !important;
}
.kb-replay{
  background:rgba(125,211,252,.1) !important;
  border:1px solid rgba(125,211,252,.32) !important;
  color:#CFF3FF !important;
}
.kb-replay:hover{background:rgba(125,211,252,.2) !important;border-color:rgba(125,211,252,.55) !important}

/* ============================================================
   V42 — El calendario reacciona en simultáneo: confirmación,
          recuperación, control y encuesta contra la leyenda
   ============================================================ */
.kb-slot.confirmed{
  background:rgba(46,91,234,.24) !important;
  border-color:#60A5FA !important;
  border-left:3px solid #3B5BFF !important;
  box-shadow:0 0 0 1px rgba(96,165,250,.4), 0 0 22px rgba(59,91,255,.28) !important;
}
.kb-slot.confirmed small{color:#BFD7FF !important}
.kb-slot.confirmed small::before{content:"✓ ";color:#7DD3FC;font-weight:700}

.kb-slot.survey{
  background:rgba(16,185,129,.22) !important;
  border-color:#34D399 !important;
  border-left:3px solid #10B981 !important;
  box-shadow:0 0 0 1px rgba(52,211,153,.4), 0 0 22px rgba(16,185,129,.26) !important;
}
.kb-slot.survey small{color:#8FF3CE !important}
.kb-slot.survey small::before{content:"★ ";color:#FCD34D}
.kb-slot.survey .kb-av{background:#10B981}

.kb-slot.control{
  background:rgba(99,102,241,.24) !important;
  border-color:#A5B4FC !important;
  border-left:3px solid #6366F1 !important;
  box-shadow:0 0 0 1px rgba(165,180,252,.4), 0 0 22px rgba(99,102,241,.28) !important;
}
.kb-slot.control b{font-family:'Poppins',sans-serif;font-weight:600;color:#fff}
.kb-slot.control small{color:#C7D2FE !important}
.kb-slot.control small::before{content:"↻ ";color:#A5B4FC}
.kb-slot.control .kb-av{background:#6366F1}

/* destello al cambiar de estado */
.kb-slot.flash{animation:kbFlash .95s ease-out}
@keyframes kbFlash{
  0%{transform:scale(1)}
  22%{transform:scale(1.035)}
  100%{transform:scale(1)}
}

/* la leyenda se enciende junto con el estado */
.kb-legend .kb-chip{transition:box-shadow .35s ease, transform .35s ease, opacity .35s ease;opacity:.55}
.kb-legend .kb-chip.on{
  opacity:1;
  transform:translateY(-1px);
  box-shadow:0 0 0 1px currentColor, 0 0 18px -2px currentColor;
}
@media (prefers-reduced-motion:reduce){
  .kb-slot.flash{animation:none}
  .kb-legend .kb-chip{opacity:1}
}

/* ============================================================
   V43 — Chat y agenda en lockstep · reproducción automática
   ============================================================ */
/* nuevos estados en la leyenda */
.kb-chip.c6{color:#A5B4FC;border-color:rgba(165,180,252,.4);background:rgba(99,102,241,.12)}
.kb-chip.c7{color:#FCD34D;border-color:rgba(252,211,77,.4);background:rgba(245,158,11,.12)}

/* separador de conversación dentro del chat */
.kb-who2{
  align-self:center;margin:6px 0 2px;
  padding:3px 10px;border-radius:999px;
  background:rgba(125,211,252,.12);
  border:1px solid rgba(125,211,252,.28);
  color:#A5F3FC;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;
  animation:kbIn .34s ease both;
}

/* el pie ya no invita a hacer click: informa que corre solo */
.kb-livechat{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:9px 12px;border-radius:10px;
  background:rgba(125,211,252,.08);
  border:1px solid rgba(125,211,252,.22);
  color:#A9C6E8;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;
  text-align:center;line-height:1.4;
}
.kb-dotlive{
  width:6px;height:6px;flex:none;border-radius:50%;background:#34D399;
  box-shadow:0 0 0 0 rgba(52,211,153,.6);
  animation:kbPulse 2.2s ease-out infinite;
}
@media (prefers-reduced-motion:reduce){.kb-dotlive{animation:none}}

/* ============================================================
   V44 — "La nueva categoría de agentes" en grande
   ============================================================ */
#experiencia .k.kbig{
  display:block;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif !important;
  font-weight:600 !important;
  font-size:clamp(24px,3vw,42px) !important;
  letter-spacing:-.03em !important;
  text-transform:none !important;
  line-height:1.1;
  margin:0 auto 14px !important;
  background:linear-gradient(96deg,#22D3EE 0%, #7DD3FC 46%, #A78BFA 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent !important;
}
#experiencia .k.kbig::before{display:none !important}
#experiencia h2{margin-top:4px !important}

/* ============================================================
   V45 — "El asistente IA empático y personalizado" más grande
   ============================================================ */
#experiencia h2{
  font-size:clamp(40px,5.6vw,78px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  max-width:20ch;
  margin-left:auto !important;
  margin-right:auto !important;
}
#experiencia .k.kbig{
  font-size:clamp(20px,2.3vw,32px) !important;
  margin-bottom:10px !important;
}
#experiencia > .wrap > .lead{
  font-size:clamp(16px,1.35vw,19px) !important;
  margin-top:20px !important;
}

/* ============================================================
   V46 — Descripción de Experiencia: dos líneas paralelas
   ============================================================ */
#experiencia .lead.expLead{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  max-width:none !important;
}
#experiencia .expLead span{
  display:block;
  width:min(100%,700px);
  margin-inline:auto;
  text-align:justify;
  text-align-last:justify;
  -moz-text-align-last:justify;
  line-height:1.5;
}
#experiencia .expLead strong{color:#fff;font-weight:600}
@media (max-width:760px){
  #experiencia .expLead span{
    width:100%;
    text-align:center;
    text-align-last:center;
    -moz-text-align-last:center;
  }
  #experiencia .lead.expLead{gap:0}
}

/* menos estiramiento entre palabras: el bloque se ajusta a la línea más larga */
#experiencia .expLead span{width:min(100%,652px) !important;word-spacing:-.01em}

/* el bloque se ajusta al texto completo: dos líneas del mismo ancho */
#experiencia .expLead span{width:min(100%,812px) !important;word-spacing:normal}

/* ancho suficiente para que cada frase entre en una sola línea */
#experiencia .expLead span{width:min(100%,1000px) !important}
#experiencia .lead.expLead{gap:2px}
@media (max-width:1080px){
  #experiencia .expLead span{
    width:100% !important;max-width:62ch;
    text-align:center;text-align-last:center;-moz-text-align-last:center;
  }
}

/* ============================================================
   V48 — Banner superior: cápsula de vidrio oscuro, tech y de marca
   ============================================================ */
.kbProgress{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:200;
  background:rgba(125,211,252,.1);pointer-events:none;
}
.kbProgress i{
  display:block;height:100%;width:100%;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,#22D3EE 0%, #2563FF 52%, #A78BFA 100%);
  box-shadow:0 0 12px rgba(34,211,238,.7);
  transition:transform .12s linear;
}

.nav{
  background:transparent !important;
  backdrop-filter:none !important;
  border-bottom:0 !important;
  height:auto !important;
  padding:14px 0 !important;
  top:0 !important;
  z-index:100;
}
.nav .navin{
  height:auto !important;
  padding:9px 10px 9px 20px;
  border-radius:22px;
  background:rgba(7,14,42,.72);
  border:1px solid rgba(125,211,252,.2);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  box-shadow:
    0 18px 44px rgba(2,8,34,.5),
    inset 0 1px 0 rgba(255,255,255,.14);
  transition:background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.nav.is-scrolled .navin{
  background:rgba(5,11,34,.9);
  border-color:rgba(125,211,252,.3);
  box-shadow:0 22px 54px rgba(2,8,34,.65), inset 0 1px 0 rgba(255,255,255,.16);
}
/* filo luminoso superior de la cápsula */
.nav .navin{position:relative;overflow:hidden}
.nav .navin::before{
  content:"";position:absolute;left:16%;right:16%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,211,252,.85),transparent);
}

.brandLogo{width:124px !important}

.links{
  color:#9FB4DC !important;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif !important;
  font-weight:500 !important;
  font-size:13px !important;
  gap:22px !important;
}
.links a{color:#9FB4DC;transition:color .2s ease}
.links a:hover{color:#fff !important}
.links a::after{
  height:2px !important;
  background:linear-gradient(90deg,#22D3EE,#2563FF) !important;
  box-shadow:0 0 10px rgba(34,211,238,.7);
  border-radius:2px;
}

.navcta .btn{border-radius:14px !important}
.navcta .ghost{
  background:rgba(125,211,252,.08) !important;
  border:1px solid rgba(125,211,252,.26) !important;
  color:#DCEBFF !important;
}
.navcta .ghost:hover{background:rgba(125,211,252,.16) !important;border-color:rgba(125,211,252,.45) !important}
.navcta .primary{
  background:linear-gradient(96deg,#2563FF,#22D3EE) !important;
  border-color:transparent !important;
  box-shadow:0 12px 30px rgba(37,99,255,.35), inset 0 0 0 1px rgba(255,255,255,.16) !important;
}
.navcta .primary:hover{box-shadow:0 16px 40px rgba(34,211,238,.45) !important}

@media (max-width:1120px){
  .nav .navin{padding-left:16px}
  .brandLogo{width:108px !important}
}
@media (max-width:620px){
  .nav{padding:10px 0 !important}
  .nav .navin{border-radius:18px;padding:8px 8px 8px 14px}
}
@media (prefers-reduced-motion:reduce){
  .kbProgress i{transition:none}
}

/* la cápsula flota sobre el contenido, sin banda blanca detrás */
.nav{position:fixed !important;left:0;right:0;top:0 !important}
.hero{padding-top:104px !important}
section[id], div[id]{scroll-margin-top:104px}
@media (max-width:620px){
  .hero{padding-top:88px !important}
  section[id], div[id]{scroll-margin-top:88px}
}

/* ============================================================
   V49 — Descripción centrada y descendente, sin justificar
   ============================================================ */
#experiencia .expLead span{
  width:auto !important;
  max-width:none !important;
  text-align:center !important;
  text-align-last:center !important;
  -moz-text-align-last:center !important;
  word-spacing:normal !important;
  white-space:nowrap;
}
#experiencia .expLead span:last-child{opacity:.92}
#experiencia .lead.expLead{gap:4px}
@media (max-width:1180px){
  #experiencia .expLead span{white-space:normal;max-width:60ch !important;opacity:1 !important}
}

/* ============================================================
   V51 — "y retiene pacientes." con degradado vivo y en movimiento
   ============================================================ */
.hero h1 .grad{
  background:linear-gradient(100deg,
    #22D3EE 0%,
    #67E8F9 14%,
    #7DA8FF 30%,
    #4F7BFF 44%,
    #A78BFA 60%,
    #E879F9 74%,
    #5EEAFF 90%,
    #22D3EE 100%) !important;
  background-size:260% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  filter:drop-shadow(0 0 28px rgba(94,234,255,.35)) drop-shadow(0 0 60px rgba(167,139,250,.22));
  animation:kbGrad 9s ease-in-out infinite;
}
@keyframes kbGrad{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@media (prefers-reduced-motion:reduce){
  .hero h1 .grad{animation:none;background-position:22% 50% !important}
}

/* ============================================================
   V52 — "y retiene pacientes.": cian → celeste → violeta → fucsia
   ============================================================ */
.hero h1 .grad{
  background:linear-gradient(100deg,
    #06B6D4 0%,
    #22D3EE 12%,
    #67E8F9 28%,
    #8B5CF6 56%,
    #A855F7 72%,
    #E879F9 88%,
    #06B6D4 100%) !important;
  background-size:240% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  filter:drop-shadow(0 0 26px rgba(34,211,238,.34)) drop-shadow(0 0 60px rgba(232,121,249,.24));
  animation:kbGrad 9s ease-in-out infinite;
}
@media (prefers-reduced-motion:reduce){
  .hero h1 .grad{animation:none;background-position:18% 50% !important}
}

/* los cuatro colores visibles a la vez a lo largo de la frase */
.hero h1 .grad{
  background:linear-gradient(98deg,
    #06B6D4 0%,
    #22D3EE 14%,
    #7DD3FC 32%,
    #818CF8 52%,
    #A855F7 72%,
    #E879F9 92%,
    #F0ABFC 100%) !important;
  background-size:128% 100% !important;
  animation:kbGrad2 10s ease-in-out infinite !important;
}
@keyframes kbGrad2{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@media (prefers-reduced-motion:reduce){
  .hero h1 .grad{animation:none !important;background-position:40% 50% !important}
}

/* el shorthand background reseteó el recorte: se vuelve a fijar */
.hero h1 .grad{
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  filter:drop-shadow(0 0 26px rgba(34,211,238,.32)) drop-shadow(0 0 58px rgba(232,121,249,.26)) !important;
}

/* ============================================================
   V53 — "y retiene pacientes." con los azules del isotipo + violeta y fucsia
          (muestreados del logo: #4ACFFE -> #053EFD)
   ============================================================ */
.hero h1 .grad{
  background:linear-gradient(97deg,
    #5CD6FE 0%,
    #2ABBFE 13%,
    #1176FD 29%,
    #053EFD 44%,
    #4B36F5 58%,
    #8B5CF6 72%,
    #C026D3 86%,
    #F472E6 100%) !important;
  background-size:132% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  filter:
    drop-shadow(0 0 18px rgba(42,187,254,.45))
    drop-shadow(0 0 44px rgba(5,62,253,.38))
    drop-shadow(0 0 72px rgba(192,38,211,.32)) !important;
  animation:kbGrad2 11s ease-in-out infinite !important;
}
@media (prefers-reduced-motion:reduce){
  .hero h1 .grad{animation:none !important;background-position:34% 50% !important}
}

/* ============================================================
   V54 — El titular no se pierde contra el fondo
   ============================================================ */
/* 1 · velo oscuro detrás del bloque de texto de la portada */
.heroGrid > div:first-child{position:relative;isolation:isolate}
.heroGrid > div:first-child::before{
  content:"";
  position:absolute;z-index:-1;pointer-events:none;
  left:50%;top:-8%;transform:translateX(-50%);
  width:min(1240px,124%);height:120%;
  background:radial-gradient(56% 60% at 50% 44%,
    rgba(1,4,18,.94) 0%,
    rgba(1,4,18,.8) 40%,
    rgba(1,4,18,.42) 62%,
    rgba(1,4,18,0) 78%);
  filter:blur(10px);
}

/* 2 · los azules del isotipo, un punto más luminosos que el fondo */
.hero h1 .grad{
  background:linear-gradient(97deg,
    #7FE4FF 0%,
    #43CEFD 14%,
    #2ABBFE 28%,
    #3B7BFF 44%,
    #6D5BFF 58%,
    #A78BFA 72%,
    #DA3FE8 87%,
    #FB8BF2 100%) !important;
  background-size:132% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  filter:
    drop-shadow(0 0 16px rgba(67,206,253,.5))
    drop-shadow(0 0 40px rgba(109,91,255,.4))
    drop-shadow(0 0 70px rgba(218,63,232,.3)) !important;
  animation:kbGrad2 11s ease-in-out infinite !important;
}

/* 3 · sombra oscura pegada a la letra: recorta el contorno contra el azul del fondo */
.hero h1{
  text-shadow:
    0 2px 2px rgba(1,4,18,.55),
    0 0 22px rgba(1,4,18,.75),
    0 0 46px rgba(1,4,18,.6);
}
.hero .heroLead span{text-shadow:0 1px 16px rgba(1,4,18,.8)}
.hero .eyebrow{box-shadow:0 8px 26px rgba(1,4,18,.6)}

@media (prefers-reduced-motion:reduce){
  .hero h1 .grad{animation:none !important;background-position:34% 50% !important}
}

/* la sombra de texto tapaba el degradado: se quita del span y se
   reemplaza por un halo oscuro dibujado por detrás */
.hero h1 .grad{
  text-shadow:none !important;
  filter:
    drop-shadow(0 0 14px rgba(1,4,18,.95))
    drop-shadow(0 3px 10px rgba(1,4,18,.8))
    drop-shadow(0 0 26px rgba(67,206,253,.42))
    drop-shadow(0 0 54px rgba(109,91,255,.34))
    drop-shadow(0 0 84px rgba(218,63,232,.26)) !important;
}
.hero h1{
  text-shadow:
    0 2px 3px rgba(1,4,18,.6),
    0 0 24px rgba(1,4,18,.8) !important;
}

/* el fondo vuelve a quedar tal cual: se retira el velo oscuro */
.heroGrid > div:first-child::before{content:none !important;display:none !important}
.heroGrid > div:first-child{isolation:auto}

/* la separación la sigue dando el halo propio de las letras */
.hero h1 .grad{
  filter:
    drop-shadow(0 0 12px rgba(1,4,18,.9))
    drop-shadow(0 2px 8px rgba(1,4,18,.75))
    drop-shadow(0 0 28px rgba(67,206,253,.5))
    drop-shadow(0 0 56px rgba(109,91,255,.4))
    drop-shadow(0 0 88px rgba(218,63,232,.3)) !important;
}

/* sin sombras ni resplandores: solo el degradado limpio */
.hero h1{text-shadow:none !important}
.hero h1 .grad{
  filter:none !important;
  text-shadow:none !important;
}
.hero .heroLead span{text-shadow:none !important}
.hero .eyebrow{box-shadow:none !important}

/* la marquesina lleva más conceptos: ritmo un poco más largo */
.kb-mqtrack{animation-duration:52s !important}

/* doce conceptos en la franja: ritmo ajustado */
.kb-mqtrack{animation-duration:60s !important}

/* ============================================================
   V60 — Botón Producto con menú desplegable en la cápsula
   ============================================================ */
.nav .navin{overflow:visible !important}
.links{align-items:center}

.navItem{position:relative;display:flex;align-items:center}
.navTrigger{
  display:inline-flex;align-items:center;gap:6px;
  background:none;border:0;cursor:pointer;padding:4px 0;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:500;font-size:13px;color:#9FB4DC;
  transition:color .2s ease;
}
.navTrigger svg{width:11px;height:11px;transition:transform .25s ease;opacity:.8}
.navItem:hover .navTrigger,
.navItem:focus-within .navTrigger{color:#fff}
.navItem:hover .navTrigger svg,
.navItem:focus-within .navTrigger svg{transform:rotate(180deg)}

/* puente invisible para que el cursor llegue al menú */
.navMenu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}

.navMenu{
  position:absolute;top:calc(100% + 18px);left:50%;
  transform:translateX(-50%) translateY(-8px);
  width:min(660px,92vw);
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  padding:16px;
  border-radius:20px;
  background:rgba(6,13,38,.94);
  border:1px solid rgba(125,211,252,.24);
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  box-shadow:0 30px 70px rgba(1,5,22,.7), inset 0 1px 0 rgba(255,255,255,.12);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s ease, transform .22s ease, visibility .22s;
  z-index:120;
  text-align:left;
}
.navItem:hover .navMenu,
.navItem:focus-within .navMenu{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.navCol{display:flex;flex-direction:column;gap:2px}
.navColTitle{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:#7DD3FC;padding:4px 10px 8px;
}
.navMenu a{
  display:flex;align-items:flex-start;gap:11px;
  padding:9px 10px;border-radius:12px;
  transition:background .18s ease, transform .18s ease;
}
.navMenu a:hover{background:rgba(125,211,252,.1);transform:translateX(2px)}
.navMenu a::after{display:none}
.navMenu .ni{
  display:grid;place-items:center;flex:none;
  width:30px;height:30px;border-radius:9px;
  font-style:normal;font-size:14px;
  background:rgba(59,91,255,.16);color:#7DA8FF;
  border:1px solid rgba(125,170,255,.22);
}
.navMenu .ni.c{background:rgba(6,182,212,.16);color:#5EEAFF;border-color:rgba(94,234,255,.24)}
.navMenu .ni.v{background:rgba(139,92,246,.18);color:#C4B5FD;border-color:rgba(196,181,253,.24)}
.navMenu .ni.p{background:rgba(236,72,153,.16);color:#F9A8D4;border-color:rgba(249,168,212,.24)}
.navMenu .ni.g{background:rgba(16,185,129,.16);color:#6EE7B7;border-color:rgba(110,231,183,.24)}
.navMenu a span{display:flex;flex-direction:column;gap:2px;min-width:0}
.navMenu a b{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:13.5px;color:#fff;letter-spacing:-.01em;
}
.navMenu a em{font-style:normal;font-size:11px;line-height:1.45;color:#93A8CE}
.navMenu .navBig b{font-size:14px}

@media (max-width:1120px){
  .navMenu{width:min(560px,94vw);grid-template-columns:1fr}
  .navMenu .navCol:last-child{padding-top:6px;border-top:1px solid rgba(125,211,252,.14)}
}
@media (prefers-reduced-motion:reduce){
  .navMenu{transition:none}
  .navTrigger svg{transition:none}
}

/* el panel se ancla al botón Producto, no al centro */
.navMenu{
  left:-14px !important;
  transform:translateY(-8px) !important;
}
.navItem:hover .navMenu,
.navItem:focus-within .navMenu{transform:translateY(0) !important}

/* ============================================================
   V64 — Menús desplegables por sección
   ============================================================ */
.navMenu.one{width:min(400px,92vw) !important;grid-template-columns:1fr !important}
.navMenu.two{width:min(640px,94vw) !important;grid-template-columns:1.05fr .95fr !important}
.navMenu .navCol + .navCol{border-left:1px solid rgba(125,211,252,.14);padding-left:12px}
.links{gap:18px !important}
@media (max-width:1320px){.links{gap:13px !important;font-size:12.5px !important}.navTrigger{font-size:12.5px}}
@media (max-width:1180px){
  .navMenu.two{grid-template-columns:1fr !important;width:min(420px,94vw) !important}
  .navMenu .navCol + .navCol{border-left:0;padding-left:0;padding-top:6px;border-top:1px solid rgba(125,211,252,.14)}
}

/* ============================================================
   V65 — Iconos del menú con el degradado del isotipo
   ============================================================ */
.navMenu .ni,
.navMenu .ni.c,
.navMenu .ni.v,
.navMenu .ni.p,
.navMenu .ni.g,
.navMenu .ni.b{
  background:linear-gradient(152deg,#5CD6FE 0%, #2ABBFE 26%, #1176FD 60%, #053EFD 100%) !important;
  color:#fff !important;
  border:1px solid rgba(160,215,255,.45) !important;
  box-shadow:0 6px 16px rgba(5,62,253,.34), inset 0 1px 0 rgba(255,255,255,.32);
  text-shadow:0 1px 2px rgba(2,10,40,.35);
}
.navMenu a:hover .ni{
  box-shadow:0 8px 22px rgba(42,187,254,.5), inset 0 1px 0 rgba(255,255,255,.4);
}

/* ============================================================
   V66 — Menú Compara: diez comparativas en dos columnas
   ============================================================ */
.navMenu.vs{
  width:min(560px,94vw) !important;
  grid-template-columns:1fr 1fr !important;
}
.navMenu.vs .navCol + .navCol{border-left:0;padding-left:0}
.navMenu .navVs{padding:7px 10px}
.navMenu .navVs .ni{
  width:26px;height:26px;border-radius:8px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9px;font-weight:600;letter-spacing:.04em;
}
.navMenu .navVs b{font-size:13px;white-space:nowrap}
@media (max-width:1180px){
  .navMenu.vs{grid-template-columns:1fr 1fr !important;width:min(500px,94vw) !important}
  .navMenu.vs .navCol + .navCol{border-top:0;padding-top:0}
}

/* ============================================================
   V67 — Industria "Salud & Bienestar" con sus 5 áreas
   ============================================================ */
.navIndustry{margin-bottom:4px}
.navIndustry b{font-size:15px !important}
.navAreas{
  display:flex;flex-direction:column;gap:1px;
  margin-left:16px;padding-left:12px;
  border-left:1px solid rgba(125,211,252,.24);
}
.navAreas .navArea{padding:7px 10px}
.navAreas .navArea .ni{width:26px;height:26px;border-radius:8px;font-size:12px}
.navAreas .navArea b{font-size:12.5px}
.navAreas .navArea em{font-size:10.5px}

/* ============================================================
   V68 — Dashboard en Producto · el texto no se sale del panel
   ============================================================ */
.navMenu .navCol{min-width:0}
.navMenu a span{min-width:0;flex:1 1 auto}
.navMenu a em{
  overflow-wrap:anywhere;
  word-break:normal;
  white-space:normal;
}
.navMenu a b{white-space:normal}
.navMenu.two{width:min(680px,94vw) !important}
.navMenu .navVs b{white-space:nowrap}
.navMenu .ni svg{display:block}

/* ============================================================
   V69 — "y retiene pacientes." con el degradado de referencia
          cian plano -> transición corta -> violeta plano
   ============================================================ */
.hero h1 .grad{
  background:linear-gradient(96deg,
    #2FE7FE 0%,
    #34E7FE 34%,
    #45DBFE 44%,
    #6DABFD 56%,
    #9585FD 66%,
    #AC72FD 76%,
    #AF6EFD 100%) !important;
  background-size:100% 100% !important;
  background-position:0 0 !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  filter:none !important;
  text-shadow:none !important;
  animation:none !important;
}
.hero h1{text-shadow:none !important}

/* ============================================================
   V70 — PRECIOS: base Kiubot + selector de ciclo (Monday)
          + tarjetas de plan con métricas (Vambe)
   ============================================================ */
#precio{
  background:#060E2E !important;
  color:#DDE6FA;
  position:relative;overflow:hidden;
}
#precio::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(48% 42% at 84% 0%, rgba(42,187,254,.16) 0%, transparent 62%),
    radial-gradient(44% 46% at 8% 100%, rgba(139,92,246,.16) 0%, transparent 64%);
}
#precio > .wrap{position:relative;z-index:1}
#precio .k{color:#5EEAFF !important}
#precio h2{color:#fff !important}
#precio > .wrap > .lead{color:#A9BCE0 !important}

/* ---------- selector mensual / anual ---------- */
.kp-switch{
  display:inline-flex;align-items:center;gap:4px;
  margin:30px auto 0;padding:5px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(125,211,252,.24);
}
.kp-opt{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 20px;border-radius:999px;border:0;cursor:pointer;
  background:transparent;color:#A9BCE0;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:13.5px;
  transition:background .2s ease,color .2s ease;
}
.kp-opt:hover{color:#fff}
.kp-opt.is-on{
  background:linear-gradient(96deg,#2563FF,#22D3EE);
  color:#fff;
  box-shadow:0 8px 22px rgba(37,99,255,.35);
}
.kp-save{
  padding:2px 7px;border-radius:999px;
  background:rgba(255,255,255,.22);
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.04em;
}
.kp-opt:not(.is-on) .kp-save{background:rgba(52,211,153,.18);color:#6EE7B7}

/* ---------- franja freemium ---------- */
.kp-free{
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  margin:26px auto 0;padding:14px 22px;
  border-radius:16px;
  background:linear-gradient(96deg,#22D3EE 0%, #2563FF 62%, #4F46E5 100%);
  color:#fff;
  box-shadow:0 18px 44px rgba(37,99,255,.32);
  font-size:14px;
}
.kp-freeTag{
  padding:5px 11px;border-radius:999px;
  background:rgba(255,255,255,.22);
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
}
.kp-free b{font-weight:700}
.kp-freeDot{opacity:.6}
.kp-freeCta{
  padding:8px 16px;border-radius:11px;
  background:#fff;color:#123;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:13px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.kp-freeCta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(2,8,34,.4)}

/* ---------- rejilla de planes ---------- */
.kp-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;
  margin-top:26px;align-items:stretch;text-align:left;
}
.kp-card{
  position:relative;display:flex;flex-direction:column;
  padding:26px 22px 24px;border-radius:22px;
  background:#fff;
  border:1px solid rgba(125,211,252,.18);
  box-shadow:0 18px 44px rgba(1,6,26,.4);
  transition:transform .22s ease, box-shadow .22s ease;
}
.kp-card:hover{transform:translateY(-5px);box-shadow:0 28px 62px rgba(1,6,26,.55)}
.kp-head{display:flex;flex-direction:column;gap:3px;margin-bottom:16px}
.kp-name{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:20px;color:#0D184C;letter-spacing:-.02em;
}
.kp-for{font-size:11.5px;color:#7B8AA6}

.kp-price{display:flex;align-items:baseline;gap:6px}
.kp-price em{
  font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5C6B87;
}
.kp-price strong{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:700;font-size:clamp(30px,2.9vw,40px);
  letter-spacing:-.045em;line-height:1;
  font-variant-numeric:tabular-nums;
  background:linear-gradient(96deg,#2FE7FE 0%, #2ABBFE 30%, #2563FF 72%, #7C3AED 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.kp-per{display:block;margin-top:6px;font-size:11.5px;color:#7B8AA6}
.kp-per .kp-bill{
  display:inline-block;font-style:normal;margin-left:4px;
  padding:2px 7px;border-radius:999px;
  background:#E8F8EE;color:#166534;font-weight:600;font-size:10px;
}

.kp-meters{display:flex;gap:7px;margin:16px 0 14px;flex-wrap:wrap}
.kp-meter{
  display:inline-flex;align-items:baseline;gap:5px;
  padding:6px 10px;border-radius:9px;
  background:#F1F5FD;border:1px solid #E1E9F6;
  font-size:10.5px;color:#5C6B87;white-space:nowrap;
}
.kp-meter i{
  font-style:normal;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:700;font-size:13px;color:#0D184C;font-variant-numeric:tabular-nums;
}

.kp-feats{
  list-style:none;padding:0;margin:0 0 20px;
  display:grid;gap:9px;
  padding-top:16px;border-top:1px solid #EDF1F8;
}
.kp-feats li{
  display:flex;gap:9px;font-size:12.5px;line-height:1.5;color:#3B4A6E;
}
.kp-feats li::before{
  content:"✓";flex:none;
  color:#2563FF;font-weight:700;font-size:12px;
}
.kp-cta{
  margin-top:auto;display:block;text-align:center;
  padding:12px 14px;border-radius:12px;
  border:1px solid #D5E1F6;background:#F5F8FF;color:#0D184C;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:13px;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.kp-cta:hover{background:#E7EFFF;border-color:#B7CDF3;transform:translateY(-2px)}

/* ---------- plan destacado ---------- */
.kp-card.is-featured{
  background:linear-gradient(168deg,#0B1A5E 0%, #14319E 46%, #0E7FC4 100%);
  border-color:rgba(94,234,255,.55);
  box-shadow:0 30px 70px rgba(2,10,44,.7), 0 0 0 1px rgba(94,234,255,.3);
  transform:translateY(-10px);
}
.kp-card.is-featured:hover{transform:translateY(-14px)}
.kp-badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  padding:5px 13px;border-radius:999px;
  background:linear-gradient(96deg,#22D3EE,#7C3AED);
  color:#fff;white-space:nowrap;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  box-shadow:0 8px 20px rgba(34,211,238,.4);
}
.is-featured .kp-name{color:#fff}
.is-featured .kp-for{color:#A5C4F5}
.is-featured .kp-price em{color:#9FC4F0}
.is-featured .kp-price strong{
  background:linear-gradient(96deg,#7FF0FF,#C4B5FD);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.is-featured .kp-per{color:#A5C4F5}
.is-featured .kp-per .kp-bill{background:rgba(52,211,153,.2);color:#6EE7B7}
.is-featured .kp-meter{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#C7D8F5}
.is-featured .kp-meter i{color:#fff}
.is-featured .kp-feats{border-top-color:rgba(255,255,255,.18)}
.is-featured .kp-feats li{color:#DCE8FC}
.is-featured .kp-feats li::before{color:#7FF0FF}
.is-featured .kp-cta{
  background:linear-gradient(96deg,#2563FF,#22D3EE);
  border-color:transparent;color:#fff;
  box-shadow:0 12px 30px rgba(34,211,238,.4);
}
.is-featured .kp-cta:hover{box-shadow:0 18px 40px rgba(34,211,238,.5)}

/* ---------- pie ---------- */
.kp-foot{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin-top:34px;text-align:left;
}
.kp-fitem{
  padding:20px 22px;border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(125,211,252,.18);
}
.kp-fitem b{
  display:block;margin-bottom:6px;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:14px;color:#fff;
}
.kp-fitem span{font-size:12.5px;line-height:1.6;color:#A9BCE0}
#precio .kbi-note{color:#7E93C4 !important;margin-top:22px !important}

@media (max-width:1240px){
  .kp-grid{grid-template-columns:repeat(3,1fr)}
  .kp-card.is-featured{transform:none}
  .kp-card.is-featured:hover{transform:translateY(-5px)}
}
@media (max-width:860px){
  .kp-grid{grid-template-columns:repeat(2,1fr)}
  .kp-foot{grid-template-columns:1fr}
}
@media (max-width:620px){
  .kp-grid{grid-template-columns:1fr}
  .kp-free{flex-direction:column;text-align:center;gap:9px}
  .kp-freeDot{display:none}
}
@media (prefers-reduced-motion:reduce){
  .kp-card,.kp-cta,.kp-freeCta{transition:none}
}

/* la etiqueta "facturado anual" solo aparece en el ciclo anual */
.kp-per .kp-bill[hidden]{display:none !important}

/* ============================================================
   V71 — PRECIOS: título con degradado, UF/USD, iconos por plan
   ============================================================ */
#precio .kp-title{
  color:#fff !important;
  font-size:clamp(30px,3.6vw,52px) !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
  max-width:22ch;margin:0 auto !important;
}
#precio .kp-sub{
  display:block;margin-top:10px;
  font-size:clamp(19px,2vw,29px);
  line-height:1.22;letter-spacing:-.025em;
  max-width:26ch;margin-left:auto;margin-right:auto;
  background:linear-gradient(96deg,
    #2FE7FE 0%, #34E7FE 30%, #45DBFE 42%,
    #6DABFD 56%, #9585FD 68%, #AC72FD 80%, #AF6EFD 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;
}
#precio .kp-lead{
  color:#A9BCE0 !important;
  margin-top:18px !important;
  font-size:16px !important;
}

/* ---------- controles ---------- */
.kp-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.kp-cur-switch .kp-opt{padding:9px 18px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12.5px;letter-spacing:.06em}

/* ---------- franja: solo el CTA ---------- */
.kp-free{
  display:flex;justify-content:center;
  margin:22px auto 0;padding:16px;
  border-radius:18px;
  background:linear-gradient(96deg,#22D3EE 0%, #2563FF 62%, #6D28D9 100%);
  box-shadow:0 18px 44px rgba(37,99,255,.32);
}
.kp-freeCta{
  padding:13px 30px;border-radius:13px;
  background:#fff;color:#0D184C;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:15px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.kp-freeCta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(2,8,34,.45)}

/* ---------- cabecera de la tarjeta ---------- */
.kp-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.kp-icon{
  display:grid;place-items:center;flex:none;
  width:44px;height:44px;border-radius:13px;
  background:linear-gradient(152deg,#5CD6FE 0%, #2ABBFE 28%, #1176FD 62%, #053EFD 100%);
  color:#fff;
  box-shadow:0 8px 20px rgba(5,62,253,.34), inset 0 1px 0 rgba(255,255,255,.34);
}
.kp-icon svg{width:23px;height:23px;display:block}
.kp-head{display:flex;flex-direction:column;gap:2px;margin:0 !important}

/* ---------- precio con + IVA a la derecha ---------- */
.kp-priceRow{display:flex;align-items:center;gap:10px}
.kp-price{display:flex;align-items:baseline;gap:6px}
.kp-per{
  font-size:10.5px;line-height:1.25;color:#7B8AA6;
  padding-left:10px;border-left:1px solid #E4EAF5;
  margin-top:0 !important;
}
.is-featured .kp-per{color:#A5C4F5;border-left-color:rgba(255,255,255,.24)}
.kp-since{
  display:block;margin-top:8px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#8492AD;
}
.is-featured .kp-since{color:#9FC4F0}
.kp-since .kp-bill{
  display:inline-block;font-style:normal;margin-left:6px;
  padding:2px 7px;border-radius:999px;letter-spacing:.04em;
  background:#E8F8EE;color:#166534;font-weight:600;text-transform:none;
}
.kp-since .kp-bill[hidden]{display:none !important}
.is-featured .kp-since .kp-bill{background:rgba(52,211,153,.2);color:#6EE7B7}

/* ---------- métricas en una sola línea ---------- */
.kp-meters{display:flex;gap:6px;margin:15px 0 0;flex-wrap:nowrap}
.kp-meter{flex:1 1 0;min-width:0;justify-content:center;white-space:nowrap;padding:7px 6px}
.kp-meter i{font-size:12.5px}

/* ---------- oferta e implementación ---------- */
.kp-offer{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.kp-line{
  display:flex;align-items:center;gap:7px;
  padding:7px 10px;border-radius:9px;
  background:#F4F7FD;border:1px solid #E4EBF7;
  font-size:11px;color:#4A5876;line-height:1.35;
}
.kp-line b{font-weight:700;color:#0D184C}
.kp-line.hot{
  background:linear-gradient(96deg, rgba(34,211,238,.16), rgba(37,99,255,.14));
  border-color:rgba(37,99,255,.28);
}
.kp-line.hot b{color:#0B5F86}
.kp-line::before{
  content:"";flex:none;width:6px;height:6px;border-radius:50%;
  background:linear-gradient(140deg,#22D3EE,#2563FF);
}
.is-featured .kp-line{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);color:#C7D8F5}
.is-featured .kp-line b{color:#fff}
.is-featured .kp-line.hot{background:rgba(127,240,255,.16);border-color:rgba(127,240,255,.4)}
.is-featured .kp-line.hot b{color:#7FF0FF}

/* ---------- funcionalidades con icono ---------- */
.kp-feats{margin-top:16px !important;gap:10px}
.kp-feats li{align-items:flex-start;gap:10px}
.kp-feats li::before{display:none}
.kp-fi{
  display:grid;place-items:center;flex:none;
  width:24px;height:24px;border-radius:8px;
  background:#EDF4FF;color:#2563FF;
  border:1px solid #DCE8FC;
}
.kp-fi svg{width:14px;height:14px;display:block}
.is-featured .kp-fi{background:rgba(127,240,255,.14);color:#7FF0FF;border-color:rgba(127,240,255,.28)}

@media (max-width:1240px){
  .kp-meters{flex-wrap:wrap}
  .kp-meter{flex:1 1 auto}
}
@media (max-width:620px){
  #precio .kp-title{font-size:30px !important}
  #precio .kp-sub{font-size:20px}
}

/* ============================================================
   V72 — Precios: titular en una línea, CTA suelto, iconos arriba
          a la derecha, placa de precio y oferta en azul/violeta
   ============================================================ */
#precio .kp-title{max-width:none !important}
#precio .kp-t1{
  display:block;white-space:nowrap;
  font-size:clamp(22px,3vw,46px);
  line-height:1.08;
}
#precio .kp-sub{
  max-width:none;
  font-size:clamp(17px,1.9vw,28px);
  line-height:1.28;
  margin-top:14px;
}

/* CTA suelto, sin banner */
.kp-free{display:none !important}
.kp-startWrap{display:flex;justify-content:center;margin-top:18px}
.kp-start{
  display:inline-flex;align-items:center;justify-content:center;
  padding:15px 40px;border-radius:14px;
  background:linear-gradient(96deg,#2563FF 0%, #4F46E5 55%, #7C3AED 100%);
  color:#fff;border:1px solid rgba(167,139,250,.5);
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:15.5px;
  box-shadow:0 16px 40px rgba(79,70,229,.42), inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .18s ease, box-shadow .18s ease;
}
.kp-start:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(124,58,237,.5)}
.kp-controls{margin-top:32px}

/* ---------- icono del plan arriba a la derecha ---------- */
.kp-card{position:relative;padding-top:28px}
.kp-icon{
  position:absolute;top:20px;right:20px;
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
}
.kp-icon svg{width:22px;height:22px}
.kp-head{margin:0 0 16px !important;padding-right:52px}

/* ---------- placa de precio: encuadra hasta el IVA ---------- */
.kp-plate{
  border:1px solid #E1E9F6;border-radius:14px;
  background:#F7FAFF;
  padding:14px 16px 12px;
}
.is-featured .kp-plate{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.kp-priceRow{justify-content:flex-start}
.kp-since{
  display:block;margin-top:10px;padding-top:10px;
  border-top:1px dashed #DCE5F5;
  font-size:9.5px;letter-spacing:.07em;
}
.is-featured .kp-since{border-top-color:rgba(255,255,255,.24)}

/* ---------- oferta en azul eléctrico + violeta ---------- */
.kp-line.hot{
  background:linear-gradient(96deg, rgba(37,99,255,.16), rgba(124,58,237,.18)) !important;
  border-color:rgba(124,58,237,.34) !important;
  color:#3A2E7A !important;
}
.kp-line.hot b{color:#4C1D95 !important}
.kp-line.hot::before{background:linear-gradient(140deg,#2563FF,#7C3AED) !important}
.is-featured .kp-line.hot{
  background:linear-gradient(96deg, rgba(99,102,241,.34), rgba(167,139,250,.32)) !important;
  border-color:rgba(196,181,253,.55) !important;
  color:#E7E0FF !important;
}
.is-featured .kp-line.hot b{color:#DDD3FE !important}

/* ---------- badge más grande ---------- */
.kp-badge{
  top:-15px;
  padding:8px 26px;
  font-size:11px;letter-spacing:.16em;
  box-shadow:0 10px 26px rgba(124,58,237,.45);
}

@media (max-width:760px){
  #precio .kp-t1{white-space:normal;font-size:28px}
}

/* el botón va bajo el subtítulo, antes de los selectores */
.kp-startWrap{margin-top:22px !important;margin-bottom:4px}
.kp-controls{margin-top:30px !important}
.kp-grid{margin-top:34px !important}
.kp-since{font-size:9px !important;letter-spacing:.05em !important;line-height:1.4}

/* la moneda al mismo tamaño que el precio */
.kp-price em.kp-cur{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif !important;
  font-weight:700 !important;
  font-size:clamp(30px,2.9vw,40px) !important;
  letter-spacing:-.045em !important;
  line-height:1 !important;
  text-transform:none !important;
  background:linear-gradient(96deg,#2FE7FE 0%, #2ABBFE 30%, #2563FF 72%, #7C3AED 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
}
.is-featured .kp-price em.kp-cur{
  background:linear-gradient(96deg,#7FF0FF,#C4B5FD);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
}

/* ============================================================
   V73 — Precios: titular con degradado, fila única de acciones,
          precio sin recuadro, UF plana, iconos planos
   ============================================================ */
#precio .kp-t1{
  display:block;white-space:nowrap;
  font-size:clamp(26px,4.4vw,64px) !important;
  line-height:1.04;letter-spacing:-.04em;
  background:linear-gradient(96deg,
    #2FE7FE 0%, #34E7FE 30%, #45DBFE 42%,
    #6DABFD 56%, #9585FD 68%, #AC72FD 80%, #AF6EFD 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent;
}
#precio .kp-sub{
  display:block;margin-top:16px;
  color:#DCE7FA !important;
  background:none !important;-webkit-text-fill-color:#DCE7FA;
  font-size:clamp(16px,1.6vw,24px) !important;
  font-weight:500;line-height:1.34;letter-spacing:-.015em;
  max-width:36ch;margin-left:auto;margin-right:auto;
}
#precio .kp-sub .grad{
  background:linear-gradient(96deg,#2FE7FE 0%, #45DBFE 28%, #6DABFD 54%, #AC72FD 82%, #AF6EFD 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent;
}

.kp-actions{
  display:flex;align-items:center;justify-content:center;
  gap:12px;flex-wrap:wrap;margin-top:32px;
}
.kp-actions .kp-start{padding:13px 30px;font-size:14.5px}
.kp-startWrap,.kp-controls{display:none !important}
.kp-grid{margin-top:34px !important}

.kp-plate{border:0 !important;background:none !important;padding:0 !important}
.kp-since{border-top:0 !important;padding-top:0 !important;margin-top:8px !important}

.kp-price em.kp-cur{
  background:none !important;-webkit-text-fill-color:#5C6B87;
  color:#5C6B87 !important;
  font-weight:400 !important;
  font-size:clamp(20px,1.9vw,26px) !important;
  letter-spacing:-.01em !important;
}
.is-featured .kp-price em.kp-cur{color:#9FC4F0 !important;-webkit-text-fill-color:#9FC4F0}

.kp-icon{
  background:rgba(37,99,255,.1) !important;
  border:1px solid rgba(37,99,255,.24);
  box-shadow:none !important;
  color:#2563FF !important;
}
.is-featured .kp-icon{
  background:rgba(127,240,255,.12) !important;
  border-color:rgba(127,240,255,.34);
  color:#7FF0FF !important;
}
.kp-icon svg{filter:none !important}

@media (max-width:900px){
  #precio .kp-t1{white-space:normal;font-size:30px !important}
  .kp-actions{flex-direction:column}
}

/* los márgenes automáticos separaban los controles: se anulan */
.kp-actions .kp-switch{margin:0 !important}
.kp-actions > *{margin-left:0 !important;margin-right:0 !important}

/* ============================================================
   V74 — Precios: rayo del isotipo en Pro, Oferta/Implementación
          sin sombra y "A partir del mes 3" al ancho del precio
   ============================================================ */
.kp-offer,.kp-line,.kp-line.hot,.kp-line b,.kp-line::before{
  box-shadow:none !important;text-shadow:none !important;filter:none !important;
}

/* la placa se ajusta al ancho de la fila de precio (UF … + IVA) */
.kp-plate{width:-moz-fit-content !important;width:fit-content !important;max-width:100%}
.kp-priceRow{width:-moz-max-content;width:max-content;max-width:100%}

/* la leyenda ocupa exactamente ese ancho y va encuadrada */
.kp-since{
  display:block;box-sizing:border-box;
  width:0;min-width:100%;
  margin-top:10px !important;
  padding:6px 8px !important;
  border:1px solid #E1E9F6 !important;border-radius:9px;
  background:#F7FAFF;
  text-align:center;white-space:normal;
  font-size:8.6px !important;letter-spacing:.045em !important;line-height:1.38;
}
.is-featured .kp-since{
  border-color:rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.08);
}


/* ============================================================
   V75 — Precios: sin encuadres, iconos limpios, implementación
          por plan, CTA "Contratar", subtítulo mayor y
          etiquetas de ahorro con el color de marca
   ============================================================ */

/* 1 · "A partir del mes 3 en adelante" sin recuadro */
.kp-plate{width:auto !important;max-width:none}
.kp-priceRow{width:auto}
.kp-since{
  width:auto !important;min-width:0 !important;
  padding:0 !important;border:0 !important;background:none !important;
  text-align:left;margin-top:9px !important;
  font-size:9.2px !important;letter-spacing:.06em !important;
}
.is-featured .kp-since{background:none !important;border:0 !important}

/* 2 · iconos de funcionalidades: solo el trazo */
.kp-fi{
  background:none !important;border:0 !important;
  width:20px !important;height:20px !important;
  border-radius:0 !important;color:#2563FF !important;
}
.kp-fi svg{width:19px !important;height:19px !important}
.is-featured .kp-fi{background:none !important;border:0 !important;color:#7FF0FF !important}
.kp-feats li{gap:11px}

/* 5 · subtítulo más grande */
#precio .kp-sub{
  font-size:clamp(19px,2.15vw,32px) !important;
  line-height:1.28;max-width:32ch;
  margin-top:18px;
}

/* 7 · descuento anual y "facturado anual" con los colores de marca */
.kp-opt:not(.is-on) .kp-save{
  background:linear-gradient(96deg,rgba(47,231,254,.22),rgba(124,58,237,.26)) !important;
  border:1px solid rgba(94,234,255,.45);
  color:#9DEBFF !important;font-weight:600;
}
.kp-opt.is-on .kp-save{
  background:rgba(255,255,255,.24) !important;color:#fff !important;
}
.kp-since .kp-bill{
  background:linear-gradient(96deg,#22D3EE,#2563FF) !important;
  color:#fff !important;border:0;
}
.is-featured .kp-since .kp-bill{
  background:linear-gradient(96deg,#7FF0FF,#A78BFA) !important;
  color:#0B1A5E !important;
}


/* ============================================================
   V76 — Precios: subtítulo mayor en 2 filas + Condiciones generales
   ============================================================ */
#precio .kp-sub{
  max-width:none !important;
  font-size:clamp(20px,2.55vw,38px) !important;
  line-height:1.24 !important;
}
#precio .kp-s1,#precio .kp-s2{display:block;white-space:nowrap}
#precio .kp-s2{margin-top:2px}

/* ---------- Condiciones generales ---------- */
.kp-terms{
  margin-top:38px;padding:30px 34px;border-radius:22px;text-align:left;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(125,211,252,.2);
}
.kp-termsTitle{
  display:block;margin-bottom:20px;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:19px;letter-spacing:-.02em;color:#fff;
}
.kp-termsList{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 34px;
}
.kp-termsList li{
  position:relative;padding-left:16px;
  font-size:12.5px;line-height:1.62;color:#A9BCE0;
}
.kp-termsList li::before{
  content:"";position:absolute;left:0;top:8px;
  width:6px;height:6px;border-radius:50%;
  background:linear-gradient(140deg,#22D3EE,#7C3AED);
}
.kp-termsList b{
  color:#fff;font-weight:600;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
}
.kp-termsList b::after{content:" · "}
.kp-termsList span{display:inline}

@media (max-width:900px){
  #precio .kp-s1,#precio .kp-s2{white-space:normal}
  #precio .kp-sub{font-size:19px !important}
  .kp-termsList{grid-template-columns:1fr}
  .kp-terms{padding:24px 22px}
}


/* ============================================================
   V77 — EL PROBLEMA: cinco columnas de alto impacto
   ============================================================ */
#problema{
  background:#060E2E !important;color:#DDE6FA;
  position:relative;overflow:hidden;
}
#problema::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(46% 40% at 12% 0%, rgba(42,187,254,.16) 0%, transparent 62%),
    radial-gradient(44% 44% at 92% 100%, rgba(139,92,246,.18) 0%, transparent 64%);
}
#problema > .wrap{position:relative;z-index:1}
#problema .k{color:#5EEAFF !important}
#problema .kpb-h2{
  color:#fff !important;
  font-size:clamp(30px,4vw,58px) !important;
  line-height:1.05;letter-spacing:-.04em;margin:12px 0 16px;
}
#problema .kpb-h2 .grad{
  background:linear-gradient(96deg,#2FE7FE 0%, #45DBFE 26%, #6DABFD 52%, #AC72FD 80%, #E879F9 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent;
}
#problema .kpb-sub{color:#A9BCE0 !important;max-width:62ch}

.kpb-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;margin-top:44px;text-align:left;align-items:stretch;
}
.kpb-card{
  position:relative;display:flex;flex-direction:column;
  padding:30px 22px 26px;border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,.028) 100%);
  border:1px solid rgba(125,211,252,.18);
  overflow:hidden;
  transition:transform .24s ease, border-color .24s ease, background .24s ease;
}
.kpb-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:var(--acc);
}
.kpb-card::after{
  content:"";position:absolute;width:190px;height:190px;border-radius:50%;
  right:-90px;top:-100px;opacity:.16;pointer-events:none;
  background:var(--acc);filter:blur(6px);
}
.kpb-card:hover{
  transform:translateY(-6px);
  border-color:var(--accLine);
  background:linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.04) 100%);
}
.kpb-card.c1{--acc:linear-gradient(120deg,#2FE7FE,#22D3EE);--accLine:rgba(47,231,254,.5);--dot:#2FE7FE}
.kpb-card.c2{--acc:linear-gradient(120deg,#38BDF8,#2563FF);--accLine:rgba(56,189,248,.5);--dot:#4FB6FE}
.kpb-card.c3{--acc:linear-gradient(120deg,#2563FF,#6366F1);--accLine:rgba(99,102,241,.55);--dot:#7C8CFF}
.kpb-card.c4{--acc:linear-gradient(120deg,#7C3AED,#A855F7);--accLine:rgba(168,85,247,.55);--dot:#B98CFD}
.kpb-card.c5{--acc:linear-gradient(120deg,#C026D3,#E879F9);--accLine:rgba(232,121,249,.55);--dot:#EC9BFB}

.kpb-num{
  position:absolute;right:18px;top:16px;z-index:1;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:700;font-size:34px;letter-spacing:-.06em;
  color:rgba(255,255,255,.12);
}
.kpb-ico{
  position:relative;z-index:1;display:grid;place-items:center;
  width:50px;height:50px;border-radius:16px;margin-bottom:20px;
  background:var(--acc);color:#04102F;
}
.kpb-ico svg{width:26px;height:26px;display:block}
.kpb-title{
  position:relative;z-index:1;margin:0 0 8px;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:19px;line-height:1.18;
  letter-spacing:-.025em;color:#fff;
}
.kpb-lead{
  position:relative;z-index:1;margin:0 0 18px;
  font-size:12px;line-height:1.55;color:#9FB4DC;
}
.kpb-label{
  position:relative;z-index:1;display:block;margin-bottom:10px;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.12);
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#7E93C4;
}
.kpb-list{
  position:relative;z-index:1;list-style:none;margin:0;padding:0;
  display:grid;gap:8px;
}
.kpb-list li{
  position:relative;padding-left:15px;
  font-size:12px;line-height:1.45;color:#CBD9F3;
}
.kpb-list li::before{
  content:"";position:absolute;left:0;top:6px;
  width:6px;height:6px;border-radius:50%;background:var(--dot);
}

.kpb-band{
  margin-top:34px;padding:20px 26px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(125,211,252,.2);
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(15px,1.5vw,21px);font-weight:600;letter-spacing:-.02em;color:#DCE7FA;
}
.kpb-band .grad{
  background:linear-gradient(96deg,#2FE7FE 0%, #6DABFD 46%, #AC72FD 78%, #E879F9 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent;
}

@media (max-width:1180px){ .kpb-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:820px){ .kpb-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){
  .kpb-grid{grid-template-columns:1fr}
  .kpb-card{padding:26px 20px 22px}
}
@media (prefers-reduced-motion:reduce){ .kpb-card{transition:none} }


/* V77b — el problema: alineación a la izquierda dentro de las tarjetas */
.kpb-card,.kpb-card h3,.kpb-card p,.kpb-card ul,.kpb-card li,.kpb-card span{
  text-align:left !important;
}
.kpb-lead{min-height:3.2em}
.kpb-title{min-height:2.2em;display:flex;align-items:flex-start}


/* ============================================================
   V78 — EL PROBLEMA: impacto visual de marca
   ============================================================ */
#problema{
  background:
    radial-gradient(52% 46% at 14% 4%,  rgba(47,231,254,.20) 0%, transparent 60%),
    radial-gradient(48% 44% at 50% 0%,  rgba(37,99,255,.26) 0%, transparent 62%),
    radial-gradient(54% 52% at 88% 12%, rgba(139,92,246,.24) 0%, transparent 64%),
    radial-gradient(60% 54% at 74% 100%,rgba(232,121,249,.16) 0%, transparent 62%),
    radial-gradient(58% 50% at 8% 96%,  rgba(34,211,238,.14) 0%, transparent 60%),
    #04091F !important;
  padding:112px 0 104px !important;
}
#problema::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(72% 62% at 50% 42%, #000 0%, transparent 100%);
  mask-image:radial-gradient(72% 62% at 50% 42%, #000 0%, transparent 100%);
}
#problema::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:220px;
  pointer-events:none;z-index:0;
  background:linear-gradient(180deg, transparent, rgba(4,9,31,.9));
}

#problema .k{
  display:inline-block;padding:8px 16px;border-radius:999px;
  background:rgba(94,234,255,.1);border:1px solid rgba(94,234,255,.32);
  color:#7FF0FF !important;letter-spacing:.18em;
}
#problema .kpb-h2{
  font-size:clamp(32px,4.4vw,64px) !important;
  margin:20px 0 16px !important;
}

/* cascada que une las 5 columnas */
.kpb-grid{position:relative;gap:16px}
.kpb-grid::before{
  content:"";position:absolute;left:6%;right:6%;top:61px;height:2px;z-index:0;
  background:linear-gradient(90deg,
    rgba(47,231,254,0) 0%, #2FE7FE 8%, #38BDF8 30%,
    #6366F1 52%, #A855F7 74%, #E879F9 92%, rgba(232,121,249,0) 100%);
  opacity:.5;
}
@media (max-width:1180px){ .kpb-grid::before{display:none} }

.kpb-card{
  padding:32px 22px 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.085) 0%, rgba(6,14,46,.55) 62%, rgba(6,14,46,.72) 100%) !important;
  border:1px solid rgba(148,197,255,.18) !important;
  backdrop-filter:blur(10px);
  box-shadow:0 26px 60px rgba(1,5,22,.55);
}
.kpb-card::before{height:2px;box-shadow:0 0 22px 1px var(--accLine)}
.kpb-card::after{width:230px;height:230px;right:-105px;top:-118px;opacity:.22;filter:blur(14px)}
.kpb-card:hover{
  transform:translateY(-8px);
  box-shadow:0 34px 78px rgba(1,5,22,.7), 0 0 0 1px var(--accLine);
}

.kpb-num{
  right:20px;top:18px;font-size:44px !important;
  color:transparent !important;
  -webkit-text-stroke:1.4px rgba(255,255,255,.22);
  opacity:.9;
}

.kpb-ico{
  position:relative;width:58px !important;height:58px !important;
  border-radius:19px !important;margin-bottom:22px !important;
  color:#04102F !important;
  box-shadow:0 12px 30px -6px var(--accLine), inset 0 1px 0 rgba(255,255,255,.42);
}
.kpb-ico svg{width:29px !important;height:29px !important;stroke-width:2}
.kpb-ico::after{
  content:"";position:absolute;inset:-7px;border-radius:24px;
  border:1px solid var(--accLine);opacity:.55;
  animation:kpbPulse 3.4s ease-out infinite;
}
.kpb-card.c2 .kpb-ico::after{animation-delay:.35s}
.kpb-card.c3 .kpb-ico::after{animation-delay:.7s}
.kpb-card.c4 .kpb-ico::after{animation-delay:1.05s}
.kpb-card.c5 .kpb-ico::after{animation-delay:1.4s}
@keyframes kpbPulse{
  0%{transform:scale(1);opacity:.55}
  60%,100%{transform:scale(1.22);opacity:0}
}

.kpb-title{font-size:20px !important;color:#fff !important}
.kpb-lead{color:#9DB3DE !important}
.kpb-label{color:#89A0D0 !important;border-top-color:rgba(148,197,255,.2) !important}
.kpb-list li{color:#D6E3F8 !important;font-size:12.3px}
.kpb-list li::before{box-shadow:0 0 10px 1px var(--dot)}

.kpb-band{
  margin-top:38px !important;padding:24px 30px !important;
  background:linear-gradient(96deg, rgba(37,99,255,.16), rgba(124,58,237,.18)) !important;
  border:1px solid rgba(148,197,255,.28) !important;
  box-shadow:0 22px 60px rgba(2,10,44,.5);
  font-size:clamp(16px,1.7vw,24px) !important;
}

/* entrada al hacer scroll */
.kpb-card{opacity:0;transform:translateY(26px)}
.kpb-card.kpb-in{opacity:1;transform:none;transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1)}
.kpb-card.kpb-in:hover{transform:translateY(-8px)}
.kpb-card.c2.kpb-in{transition-delay:.09s}
.kpb-card.c3.kpb-in{transition-delay:.18s}
.kpb-card.c4.kpb-in{transition-delay:.27s}
.kpb-card.c5.kpb-in{transition-delay:.36s}

@media (prefers-reduced-motion:reduce){
  .kpb-card{opacity:1;transform:none}
  .kpb-ico::after{animation:none}
}


/* ============================================================
   V79 — EL PROBLEMA: panel azul de marca + columnas blancas
   ============================================================ */
#problema{padding:96px 0 100px !important}
#problema .k{display:none !important}

/* panel secundario: azul del isotipo Kiubot */
.kpb-stage{
  position:relative;z-index:1;
  margin-top:4px;padding:54px 46px 50px;
  border-radius:38px;overflow:hidden;
  background:linear-gradient(152deg,#0A2ED6 0%, #1257F2 40%, #1D8FFC 74%, #2ABBFE 100%);
  border:1px solid rgba(148,214,255,.42);
  box-shadow:0 40px 110px rgba(3,24,110,.62), inset 0 1px 0 rgba(255,255,255,.24);
}
.kpb-stage::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(46% 44% at 88% 4%, rgba(255,255,255,.22) 0%, transparent 62%),
    radial-gradient(52% 48% at 6% 96%, rgba(124,58,237,.32) 0%, transparent 64%);
}
.kpb-stage > *{position:relative;z-index:1}

#problema .kpb-h2{
  margin:0 0 34px !important;
  font-size:clamp(30px,4.1vw,60px) !important;
  color:#fff !important;
}
#problema .kpb-h2 .grad{
  background:linear-gradient(96deg,#B9FBFF 0%, #7FF0FF 34%, #CFE0FF 66%, #E6C6FF 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent;
}

/* línea de cascada sobre el panel azul */
.kpb-grid{margin-top:0 !important}
.kpb-grid::before{
  top:63px;left:7%;right:7%;opacity:.55;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%, rgba(255,255,255,.85) 12%,
    rgba(255,255,255,.85) 88%, rgba(255,255,255,0) 100%);
}

/* ---------- columnas blancas ---------- */
.kpb-card{
  background:#fff !important;
  border:1px solid rgba(13,24,76,.08) !important;
  backdrop-filter:none;
  box-shadow:0 22px 52px rgba(3,20,86,.32) !important;
  padding:30px 22px 26px !important;
}
.kpb-card::after{opacity:.13;filter:blur(16px)}
.kpb-card:hover{
  transform:translateY(-8px);
  box-shadow:0 34px 74px rgba(3,20,86,.44), 0 0 0 1px var(--accLine) !important;
}
.kpb-card::before{box-shadow:0 0 18px 0 var(--accLine)}

.kpb-num{
  color:transparent !important;
  -webkit-text-stroke:1.4px rgba(13,24,76,.16);
  opacity:1;
}
.kpb-ico{
  color:#fff !important;
  box-shadow:0 12px 26px -8px var(--accLine), inset 0 1px 0 rgba(255,255,255,.4);
}
.kpb-ico::after{opacity:.42}

.kpb-title{
  color:#0D184C !important;font-size:19.5px !important;
  min-height:2.3em;margin-bottom:16px !important;
}

/* ---------- lista lineal, sin viñetas ---------- */
.kpb-list{gap:0 !important}
.kpb-list li{
  padding:9px 0 !important;
  border-top:1px solid #EDF1F8;
  color:#3B4A6E !important;font-size:12.6px !important;line-height:1.45;
}
.kpb-list li:first-child{border-top:0}
.kpb-list li::before{display:none !important}

/* ---------- franja de cierre sobre el panel ---------- */
.kpb-band{
  margin-top:34px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:none;
  color:#fff !important;
}
.kpb-band .grad{
  background:linear-gradient(96deg,#B9FBFF 0%, #7FF0FF 40%, #E6C6FF 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent;
}

@media (max-width:900px){
  .kpb-stage{padding:34px 20px 30px;border-radius:26px}
}


/* V79b — columnas blancas: limpiar velos de color */
.kpb-card{background:#fff !important}
.kpb-card::after{
  width:150px !important;height:150px !important;
  right:-70px !important;top:-78px !important;
  opacity:.10 !important;filter:blur(10px) !important;
}
.kpb-ico::after{
  inset:-5px !important;border-radius:22px !important;opacity:.3 !important;
}
.kpb-card:hover .kpb-ico::after{opacity:.5 !important}
.kpb-title{margin-bottom:14px !important}
.kpb-list li{color:#42527A !important}


/* ============================================================
   V80 — EL PROBLEMA: filas horizontales, sin números,
          descripción encadenada en una sola línea
   ============================================================ */
#problema .kpb-h2{margin:0 0 30px !important;line-height:1.04}
#problema .kpb-t1,#problema .kpb-t2{display:block}
#problema .kpb-t2{margin-top:2px}

/* de columnas a filas */
.kpb-grid{
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.kpb-grid::before{display:none !important}

.kpb-card{
  display:grid !important;
  grid-template-columns:70px minmax(230px,300px) 1fr;
  align-items:center;
  gap:0 24px;
  padding:20px 26px !important;
  border-radius:18px !important;
  opacity:1;transform:none;
}
.kpb-card::after{display:none !important}
.kpb-card::before{
  top:0;bottom:0;left:0;right:auto;
  width:3px;height:auto;
  border-radius:18px 0 0 18px;
}
.kpb-card:hover{transform:translateX(5px);}
.kpb-card.kpb-in:hover{transform:translateX(5px)}

.kpb-ico{
  grid-row:1;margin:0 !important;
  width:52px !important;height:52px !important;border-radius:17px !important;
}
.kpb-ico svg{width:27px !important;height:27px !important}
.kpb-title{
  grid-row:1;margin:0 !important;min-height:0 !important;
  align-items:center;font-size:19px !important;line-height:1.2;
}
.kpb-chain{
  grid-row:1;margin:0 !important;
  font-size:13.4px;line-height:1.55;color:#42527A;
  border-left:1px solid #E7EDF8;padding-left:24px;
}

/* animación de entrada: de abajo hacia arriba, escalonada */
.kpb-card{opacity:0;transform:translateY(16px)}
.kpb-card.kpb-in{opacity:1;transform:none}

@media (max-width:980px){
  .kpb-card{
    grid-template-columns:52px 1fr;
    gap:8px 16px;align-items:start;
  }
  .kpb-title{grid-column:2}
  .kpb-chain{grid-column:1 / -1;grid-row:2;border-left:0;padding-left:0;margin-top:10px !important}
}


/* ============================================================
   V81 — EL PROBLEMA: 2 columnas (la 5ª ocupa el ancho completo)
   ============================================================ */
.kpb-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}
.kpb-card{
  grid-template-columns:56px 1fr !important;
  align-items:start !important;
  gap:0 18px !important;
  padding:24px 26px !important;
}
.kpb-card.c5{grid-column:1 / -1}

.kpb-ico{
  grid-column:1;grid-row:1;
  width:52px !important;height:52px !important;
}
.kpb-title{
  grid-column:2;grid-row:1;
  min-height:52px !important;align-items:center !important;
  font-size:19px !important;
}
.kpb-chain{
  grid-column:2;grid-row:2;
  border-left:0 !important;padding-left:0 !important;
  margin-top:10px !important;
  font-size:13.2px;line-height:1.58;
}

@media (max-width:820px){
  .kpb-grid{grid-template-columns:1fr !important}
  .kpb-card.c5{grid-column:auto}
}
@media (max-width:520px){
  .kpb-card{grid-template-columns:48px 1fr !important;padding:20px !important}
  .kpb-chain{grid-column:1 / -1}
}


/* ============================================================
   V82 — EL PROBLEMA: rail de categorías + carrusel
   ============================================================ */
#problema{
  background:
    radial-gradient(52% 46% at 14% 4%,  rgba(47,231,254,.18) 0%, transparent 60%),
    radial-gradient(48% 44% at 50% 0%,  rgba(37,99,255,.24) 0%, transparent 62%),
    radial-gradient(54% 52% at 88% 12%, rgba(139,92,246,.22) 0%, transparent 64%),
    #04091F !important;
  padding:92px 0 96px !important;position:relative;overflow:hidden;
}
#problema > .wrap{position:relative;z-index:1;width:min(1440px,94%);margin-inline:auto}

.pbx-stage{
  position:relative;border-radius:38px;overflow:hidden;
  padding:44px 0 46px 44px;
  background:linear-gradient(152deg,#0A2ED6 0%, #1257F2 40%, #1D8FFC 74%, #2ABBFE 100%);
  border:1px solid rgba(148,214,255,.42);
  box-shadow:0 40px 110px rgba(3,24,110,.62), inset 0 1px 0 rgba(255,255,255,.24);
}
.pbx-stage::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(46% 44% at 92% 6%, rgba(255,255,255,.2) 0%, transparent 62%),
    radial-gradient(52% 48% at 4% 96%, rgba(124,58,237,.3) 0%, transparent 64%);
}
.pbx-shell{position:relative;z-index:1;display:grid;grid-template-columns:330px 1fr;gap:34px;align-items:start}

/* ---------- rail izquierdo ---------- */
.pbx-rail{display:flex;flex-direction:column;gap:11px}
.pbx-railHead{
  padding:24px 24px 22px;border-radius:20px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.26);
  backdrop-filter:blur(8px);
}
.pbx-railHead b{
  display:block;margin-bottom:10px;color:#fff;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:21px;line-height:1.18;letter-spacing:-.025em;
}
.pbx-railHead span{display:block;font-size:12.5px;line-height:1.55;color:#D6E9FF}

.pbx-pill{
  display:flex;align-items:center;gap:13px;width:100%;
  padding:12px 20px 12px 12px;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  color:#EAF4FF;text-align:left;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:14px;line-height:1.18;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.pbx-pill i{
  flex:none;display:grid;place-items:center;
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.3);
  font-style:normal;font-size:17px;font-weight:400;line-height:1;
  transition:background .2s ease, color .2s ease, transform .3s ease;
}
.pbx-pill:hover{background:rgba(255,255,255,.17);transform:translateX(3px)}
.pbx-pill.is-on{
  background:#fff;color:#0B2FD9;border-color:#fff;
  box-shadow:0 12px 28px rgba(2,16,80,.32);
}
.pbx-pill.is-on i{background:#0B2FD9;color:#fff;border-color:#0B2FD9;transform:rotate(45deg)}

/* ---------- carrusel ---------- */
.pbx-carousel{position:relative;min-width:0}
.pbx-viewport{overflow:hidden;padding:6px 0 10px}
.pbx-track{display:flex;gap:18px;transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}

.pbx-slide{
  flex:none;width:360px;
  display:flex;flex-direction:column;
  padding:14px 14px 20px;border-radius:22px;
  background:#fff;border:1px solid rgba(13,24,76,.08);
  box-shadow:0 22px 52px rgba(3,20,86,.3);
  opacity:.34;transform:scale(.94);
  transition:opacity .45s ease, transform .45s ease, box-shadow .45s ease;
}
.pbx-slide.is-active{opacity:1;transform:scale(1);box-shadow:0 30px 70px rgba(2,14,70,.46)}
.pbx-slide.a1{--acc:linear-gradient(150deg,#2FE7FE,#22D3EE);--line:rgba(47,231,254,.5)}
.pbx-slide.a2{--acc:linear-gradient(150deg,#38BDF8,#2563FF);--line:rgba(56,189,248,.5)}
.pbx-slide.a3{--acc:linear-gradient(150deg,#2563FF,#6366F1);--line:rgba(99,102,241,.55)}
.pbx-slide.a4{--acc:linear-gradient(150deg,#7C3AED,#A855F7);--line:rgba(168,85,247,.55)}
.pbx-slide.a5{--acc:linear-gradient(150deg,#C026D3,#E879F9);--line:rgba(232,121,249,.55)}

.pbx-visual{
  position:relative;height:212px;border-radius:16px;overflow:hidden;
  background:var(--acc);
  display:grid;place-items:center;
}
.pbx-visual::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(60% 60% at 78% 12%, rgba(255,255,255,.34) 0%, transparent 62%),
    radial-gradient(70% 70% at 10% 100%, rgba(4,16,60,.34) 0%, transparent 66%);
}
.pbx-glyph{position:relative;z-index:1;color:#fff;opacity:.95}
.pbx-glyph svg{width:82px;height:82px;stroke-width:1.5}
.pbx-chip{
  position:absolute;left:14px;right:14px;bottom:14px;z-index:2;
  display:flex;align-items:center;gap:11px;
  padding:10px 14px;border-radius:14px;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(10px);
  box-shadow:0 12px 26px rgba(2,14,70,.24);
}
.pbx-chipIco{
  flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:var(--acc);color:#fff;
}
.pbx-chipIco svg{width:18px;height:18px}
.pbx-chip b{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:500;font-size:12.5px;line-height:1.35;color:#0D184C;
}

.pbx-title{
  margin:18px 4px 8px;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:21px;letter-spacing:-.025em;color:#0D184C;
}
.pbx-desc{
  margin:0 4px 18px;font-size:13px;line-height:1.6;color:#42527A;
  flex:1 1 auto;
}
.pbx-cta{
  align-self:flex-start;margin:0 4px;
  padding:11px 20px;border-radius:12px;
  border:1px solid #D5E1F6;background:#F5F8FF;color:#0D184C;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:13px;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.pbx-slide.is-active .pbx-cta{background:#fff;border-color:#C7D8F5}
.pbx-cta:hover{background:#E7EFFF;border-color:#B7CDF3;transform:translateY(-2px)}

.pbx-nav{
  position:absolute;top:112px;z-index:5;
  width:44px;height:44px;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;
  background:rgba(6,20,70,.55);border:1px solid rgba(255,255,255,.34);
  color:#fff;font-size:24px;line-height:1;padding-bottom:3px;
  backdrop-filter:blur(6px);
  transition:background .2s ease, transform .2s ease;
}
.pbx-nav:hover{background:rgba(6,20,70,.8);transform:scale(1.06)}
.pbx-nav.prev{left:-22px}
.pbx-nav.next{right:22px}
.pbx-nav[disabled]{opacity:.3;cursor:default;transform:none}

@media (max-width:1080px){
  .pbx-shell{grid-template-columns:1fr;gap:26px}
  .pbx-stage{padding:32px 0 34px 26px}
  .pbx-rail{flex-direction:row;flex-wrap:wrap;padding-right:26px}
  .pbx-railHead{flex:1 1 100%}
  .pbx-pill{width:auto}
  .pbx-pill span br{display:none}
  .pbx-nav.prev{left:-14px}
}
@media (max-width:560px){
  .pbx-slide{width:280px}
  .pbx-stage{border-radius:26px;padding:24px 0 26px 18px}
  .pbx-nav{display:none}
}
@media (prefers-reduced-motion:reduce){
  .pbx-track,.pbx-slide,.pbx-pill{transition:none}
}


/* V82b — carrusel del problema: alineación y flechas */
.pbx-slide,.pbx-slide h3,.pbx-slide p,.pbx-slide a,.pbx-chip b,
.pbx-railHead,.pbx-railHead b,.pbx-railHead span,.pbx-pill,.pbx-pill span{
  text-align:left !important;
}
.pbx-nav{top:150px}
.pbx-nav.prev{left:10px}
.pbx-nav.next{right:26px}
.pbx-desc{flex:0 0 auto;margin-bottom:22px}
.pbx-slide{padding-bottom:22px}


/* ============================================================
   V83 — EL PROBLEMA: navy plano y título fuera del encuadre
   ============================================================ */
#problema{background:#040A22 !important;padding:88px 0 96px !important}
#problema::before,#problema::after{display:none !important}

.pbx-h2{
  margin:0 0 26px !important;text-align:center;
  color:#fff !important;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:700;
  font-size:clamp(22px,3.15vw,50px) !important;
  line-height:1.06;letter-spacing:-.04em;
  white-space:nowrap;
}
.pbx-h2 .grad{
  background:linear-gradient(96deg,#2FE7FE 0%, #45DBFE 26%, #6DABFD 54%, #AC72FD 82%, #E879F9 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent;
}

.pbx-stage{
  background:#0A1440 !important;
  border:1px solid rgba(125,211,252,.22) !important;
  box-shadow:0 34px 90px rgba(1,6,26,.6) !important;
}
.pbx-stage::before{display:none !important}

.pbx-railHead{
  padding:20px 22px !important;
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(125,211,252,.2) !important;
}
.pbx-railHead span{color:#A9BCE0 !important;font-size:13px}

.pbx-pill{
  background:rgba(255,255,255,.05);
  border-color:rgba(125,211,252,.2);
  color:#CBD9F3;
}
.pbx-pill:hover{background:rgba(255,255,255,.1)}
.pbx-pill i{background:rgba(255,255,255,.08);border-color:rgba(125,211,252,.26)}
.pbx-pill.is-on{
  background:#fff;color:#0B2FD9;border-color:#fff;
  box-shadow:0 12px 28px rgba(1,6,26,.5);
}

.pbx-slide{opacity:.28}
.pbx-slide.is-active{opacity:1}

@media (max-width:860px){
  .pbx-h2{white-space:normal;font-size:26px !important}
}


/* ============================================================
   V84 — EL PROBLEMA: fondo navy plano, encuadre como estaba
   ============================================================ */
.pbx-stage{
  background:linear-gradient(152deg,#0A2ED6 0%, #1257F2 40%, #1D8FFC 74%, #2ABBFE 100%) !important;
  border:1px solid rgba(148,214,255,.42) !important;
  box-shadow:0 40px 110px rgba(3,24,110,.62), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
.pbx-stage::before{
  display:block !important;
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(46% 44% at 92% 6%, rgba(255,255,255,.2) 0%, transparent 62%),
    radial-gradient(52% 48% at 4% 96%, rgba(124,58,237,.3) 0%, transparent 64%);
}
.pbx-railHead{
  padding:24px 24px 22px !important;
  background:rgba(255,255,255,.13) !important;
  border-color:rgba(255,255,255,.26) !important;
}
.pbx-railHead span{color:#D6E9FF !important;font-size:12.5px}
.pbx-pill{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.2);
  color:#EAF4FF;
}
.pbx-pill:hover{background:rgba(255,255,255,.17)}
.pbx-pill i{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
.pbx-pill.is-on{
  background:#fff;color:#0B2FD9;border-color:#fff;
  box-shadow:0 12px 28px rgba(2,16,80,.32);
}
.pbx-pill.is-on i{background:#0B2FD9;color:#fff;border-color:#0B2FD9}
.pbx-slide{opacity:.34}
.pbx-slide.is-active{opacity:1}


/* ============================================================
   V85 — EL PROBLEMA: iconos por cada componente del problema
   ============================================================ */
.pbx-desc{margin-bottom:14px !important}
.pbx-facets{
  list-style:none;margin:0 4px 18px;padding:14px 0 0;
  border-top:1px solid #EDF1F8;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 12px;
}
.pbx-facets li{
  display:flex;align-items:center;gap:8px;min-width:0;
  font-size:11.4px;line-height:1.3;color:#42527A;
}
.pbx-fi{
  flex:none;display:grid;place-items:center;
  width:26px;height:26px;border-radius:9px;
  background:var(--acc);color:#fff;
  box-shadow:0 6px 14px -5px var(--line);
}
.pbx-fi svg{width:15px;height:15px;display:block}
.pbx-cta{margin-top:auto}
.pbx-slide{padding-bottom:20px}
@media (max-width:560px){
  .pbx-facets{grid-template-columns:1fr}
}


/* V86 — iconos de componentes: solo iconos, juntos en una fila */
.pbx-facets{
  display:flex !important;flex-wrap:wrap;
  gap:8px !important;
  margin:0 4px 18px !important;padding:14px 0 0 !important;
}
.pbx-facets li{gap:0 !important;font-size:0 !important}
.pbx-fi{
  width:34px !important;height:34px !important;border-radius:11px !important;
  transition:transform .18s ease;
}
.pbx-fi svg{width:18px !important;height:18px !important}
.pbx-facets li:hover .pbx-fi{transform:translateY(-2px)}
@media (max-width:560px){ .pbx-facets{flex-wrap:wrap} }


/* ============================================================
   V87 — Gestión a ciegas: captura del panel con movimiento
   ============================================================ */
.pbx-shot{
  background:#050B24 !important;
  position:relative;overflow:hidden;
}
.pbx-shot .pbx-img{
  position:absolute;top:50%;left:50%;
  width:150%;max-width:none;height:auto;
  transform:translate(-50%,-50%) scale(1);
  transform-origin:center;
  animation:pbxPan 18s ease-in-out infinite alternate;
  filter:saturate(1.06) contrast(1.05);
}
@keyframes pbxPan{
  0%   { transform:translate(-58%,-62%) scale(1.16) }
  50%  { transform:translate(-50%,-50%) scale(1.06) }
  100% { transform:translate(-42%,-38%) scale(1.16) }
}
/* contraste: viñeta de marca sobre la captura */
.pbx-shot::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg, rgba(5,11,36,.10) 0%, rgba(5,11,36,.62) 74%, rgba(5,11,36,.86) 100%),
    radial-gradient(120% 90% at 50% 0%, rgba(192,38,211,.30) 0%, transparent 62%);
  mix-blend-mode:normal;
}
/* barrido de luz */
.pbx-shot .pbx-shine{
  position:absolute;top:-40%;left:-60%;width:45%;height:180%;z-index:2;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.34), transparent);
  transform:rotate(12deg);
  animation:pbxShine 6.5s ease-in-out infinite;
}
@keyframes pbxShine{
  0%,62%{left:-60%;opacity:0}
  70%{opacity:.9}
  100%{left:120%;opacity:0}
}
/* línea de escaneo */
.pbx-shot .pbx-scan{
  position:absolute;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg, transparent, #E879F9, #7FF0FF, transparent);
  box-shadow:0 0 18px 2px rgba(232,121,249,.55);
  animation:pbxScan 5.2s linear infinite;
}
@keyframes pbxScan{
  0%{top:-4%;opacity:0}
  12%{opacity:.9}
  88%{opacity:.9}
  100%{top:104%;opacity:0}
}
.pbx-shot .pbx-chip{z-index:3}
.pbx-slide.a5:not(.is-active) .pbx-img{animation-play-state:paused}
.pbx-slide.a5:not(.is-active) .pbx-scan,
.pbx-slide.a5:not(.is-active) .pbx-shine{opacity:0;animation:none}

@media (prefers-reduced-motion:reduce){
  .pbx-shot .pbx-img{animation:none;transform:translate(-50%,-50%) scale(1.08)}
  .pbx-shot .pbx-scan,.pbx-shot .pbx-shine{display:none}
}


/* V87b — captura del panel: recorrido vertical legible y mejor contraste */
.pbx-shot .pbx-img{
  position:absolute !important;inset:0 !important;
  top:0 !important;left:0 !important;
  width:100% !important;height:100% !important;max-width:none;
  object-fit:cover;object-position:50% 0%;
  transform:none !important;
  animation:pbxPan 17s ease-in-out infinite alternate !important;
  filter:saturate(1.04) contrast(1.03) brightness(1.02);
}
@keyframes pbxPan{
  0%   { object-position:50% 0% }
  100% { object-position:50% 100% }
}
.pbx-shot::after{
  background:
    linear-gradient(180deg, rgba(5,11,36,.28) 0%, rgba(5,11,36,0) 26%,
                    rgba(5,11,36,.30) 60%, rgba(5,11,36,.88) 100%),
    radial-gradient(90% 70% at 92% 4%, rgba(232,121,249,.34) 0%, transparent 60%) !important;
}
.pbx-shot{
  border:1px solid rgba(232,121,249,.45);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 10px 26px -12px rgba(192,38,211,.6);
}
.pbx-shot .pbx-scan{
  height:1.5px;opacity:.75;
  animation-duration:6.5s;
}
.pbx-shot .pbx-shine{opacity:.7}
.pbx-shot .pbx-chip{background:rgba(255,255,255,.94)}


/* V88 — captura del panel: sin recorrido vertical (fija), resto igual */
.pbx-shot .pbx-img{
  animation:none !important;
  object-position:50% 0% !important;
}


/* ============================================================
   V89 — Atención burocrática: foto del tótem con duotono violeta
   ============================================================ */
.pbx-shot--v{
  background:#0B0A3C !important;
  border-color:rgba(168,85,247,.5) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 10px 26px -12px rgba(124,58,237,.66) !important;
}
.pbx-shot--v .pbx-img{
  object-position:22% 50% !important;
  filter:saturate(.72) contrast(1.14) brightness(.94) !important;
}
/* capa de color de marca sobre la foto */
.pbx-shot--v::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(150deg,#4C1D95 0%, #7C3AED 46%, #A855F7 100%);
  mix-blend-mode:soft-light;opacity:.78;
}
/* viñeta para que el chip se lea limpio */
.pbx-shot--v::after{
  background:
    linear-gradient(180deg, rgba(7,6,42,.34) 0%, rgba(7,6,42,.06) 30%,
                    rgba(7,6,42,.42) 62%, rgba(7,6,42,.9) 100%) !important,
    radial-gradient(85% 70% at 90% 6%, rgba(168,85,247,.42) 0%, transparent 62%) !important;
}
.pbx-shot--v .pbx-shine{
  background:linear-gradient(100deg, transparent, rgba(214,190,255,.4), transparent);
  animation-duration:7.5s;opacity:.8;
}
.pbx-shot--v .pbx-chip{background:rgba(255,255,255,.94);z-index:4}


/* ============================================================
   V90 — Experiencia fragmentada: foto con duotono azul de marca
   ============================================================ */
.pbx-shot--b{
  background:#061138 !important;
  border-color:rgba(99,102,241,.5) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 10px 26px -12px rgba(37,99,255,.66) !important;
}
.pbx-shot--b .pbx-img{
  object-position:38% 50% !important;
  filter:saturate(.7) contrast(1.14) brightness(.95) !important;
}
.pbx-shot--b::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(150deg,#0B2FD9 0%, #2563FF 48%, #6366F1 100%);
  mix-blend-mode:soft-light;opacity:.8;
}
.pbx-shot--b::after{
  background:
    linear-gradient(180deg, rgba(4,10,40,.34) 0%, rgba(4,10,40,.06) 30%,
                    rgba(4,10,40,.42) 62%, rgba(4,10,40,.9) 100%) !important,
    radial-gradient(85% 70% at 90% 6%, rgba(99,102,241,.42) 0%, transparent 62%) !important;
}
.pbx-shot--b .pbx-shine{
  background:linear-gradient(100deg, transparent, rgba(190,215,255,.42), transparent);
  animation-duration:8s;opacity:.8;
}
.pbx-shot--b .pbx-chip{background:rgba(255,255,255,.94);z-index:4}


/* V90b — experiencia fragmentada: más luz y encuadre del móvil */
.pbx-shot--b .pbx-img{
  object-position:44% 46% !important;
  filter:saturate(.78) contrast(1.1) brightness(1.06) !important;
}
.pbx-shot--b::before{opacity:.62}
.pbx-shot--b::after{
  background:
    linear-gradient(180deg, rgba(4,10,40,.22) 0%, rgba(4,10,40,0) 32%,
                    rgba(4,10,40,.26) 60%, rgba(4,10,40,.82) 100%) !important,
    radial-gradient(85% 70% at 90% 6%, rgba(99,102,241,.34) 0%, transparent 62%) !important;
}
.pbx-shot--b .pbx-chip b{font-size:11.9px;line-height:1.3}


/* ============================================================
   V91 — Pérdida de ingresos y Procesos manuales: mockups de UI
   ============================================================ */
.pbx-shot--c,.pbx-shot--s{background:#04102F !important}
.pbx-shot--c .pbx-img,.pbx-shot--s .pbx-img{
  object-position:50% 0% !important;
  filter:saturate(1.02) contrast(1.04) brightness(1.02) !important;
}
/* cian para pérdida de ingresos */
.pbx-shot--c{
  border-color:rgba(47,231,254,.5) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 10px 26px -12px rgba(34,211,238,.6) !important;
}
.pbx-shot--c::after{
  background:
    linear-gradient(180deg, rgba(4,16,47,.20) 0%, rgba(4,16,47,0) 30%,
                    rgba(4,16,47,.30) 60%, rgba(4,16,47,.86) 100%) !important,
    radial-gradient(85% 70% at 90% 6%, rgba(47,231,254,.36) 0%, transparent 62%) !important;
}
.pbx-shot--c .pbx-shine{background:linear-gradient(100deg,transparent,rgba(190,246,255,.42),transparent);animation-duration:7s}
/* celeste para procesos manuales */
.pbx-shot--s{
  border-color:rgba(56,189,248,.5) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 10px 26px -12px rgba(37,99,255,.6) !important;
}
.pbx-shot--s::after{
  background:
    linear-gradient(180deg, rgba(4,16,47,.20) 0%, rgba(4,16,47,0) 30%,
                    rgba(4,16,47,.30) 60%, rgba(4,16,47,.86) 100%) !important,
    radial-gradient(85% 70% at 90% 6%, rgba(56,189,248,.36) 0%, transparent 62%) !important;
}
.pbx-shot--s .pbx-shine{background:linear-gradient(100deg,transparent,rgba(196,230,255,.42),transparent);animation-duration:7.8s}
.pbx-shot--c .pbx-chip,.pbx-shot--s .pbx-chip{background:rgba(255,255,255,.94);z-index:4}


/* ============================================================
   V95 — IMPACTO: calculadora de alto impacto visual
   ============================================================ */
#impacto{
  background:
    radial-gradient(48% 44% at 10% 2%,  rgba(47,231,254,.16) 0%, transparent 60%),
    radial-gradient(46% 42% at 52% 0%,  rgba(37,99,255,.22) 0%, transparent 62%),
    radial-gradient(52% 50% at 92% 14%, rgba(139,92,246,.22) 0%, transparent 64%),
    radial-gradient(56% 52% at 78% 100%,rgba(232,121,249,.14) 0%, transparent 62%),
    #050C24 !important;
  position:relative;overflow:hidden;
  padding:96px 0 100px !important;
  color:#DDE6FA;
}
#impacto > .wrap{position:relative;z-index:1;width:min(1240px,94%);margin-inline:auto}
#impacto .k{
  display:inline-block;padding:8px 16px;border-radius:999px;
  background:rgba(94,234,255,.1);border:1px solid rgba(94,234,255,.32);
  color:#7FF0FF !important;letter-spacing:.18em;
}
.imx-head{text-align:center;margin-bottom:38px}
.imx-h2{
  color:#fff !important;margin:18px 0 14px !important;
  font-size:clamp(30px,4.1vw,58px) !important;line-height:1.05;letter-spacing:-.04em;
}
.imx-h2 .grad{
  background:linear-gradient(96deg,#2FE7FE 0%, #45DBFE 26%, #6DABFD 54%, #AC72FD 82%, #E879F9 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent;
}
.imx-sub{color:#A9BCE0 !important;max-width:70ch;margin:0 auto !important}

.imx-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:18px;align-items:stretch}

/* ---------- panel de controles ---------- */
.imx-panel{
  padding:28px 28px 24px;border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%);
  border:1px solid rgba(125,211,252,.22);
  backdrop-filter:blur(10px);
}
.imx-panelTop{margin-bottom:22px}
.imx-panelTop b{
  display:block;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:19px;color:#fff;letter-spacing:-.02em;
}
.imx-panelTop span{display:block;margin-top:4px;font-size:12px;color:#8FA5D2}

.imx-field{margin-bottom:20px}
.imx-field:last-child{margin-bottom:0}
.imx-fTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.imx-fTop label{font-size:13px;font-weight:500;color:#CBD9F3}
.imx-val{
  padding:5px 12px;border-radius:999px;
  background:rgba(37,99,255,.18);border:1px solid rgba(94,234,255,.3);
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;color:#DCE7FA;
  white-space:nowrap;
}
.imx-val b{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:700;font-size:14px;color:#7FF0FF;font-variant-numeric:tabular-nums;
}
.imx-hint{display:block;margin-top:8px;font-size:10.5px;color:#7E93C4}

#impacto input[type=range]{
  -webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;
  background:linear-gradient(90deg,#22D3EE 0%, #2563FF 45%, #7C3AED 100%) 0/var(--p,50%) 100% no-repeat,
             rgba(255,255,255,.12);
  outline:none;cursor:pointer;
}
#impacto input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;
  background:#fff;border:3px solid #2563FF;cursor:grab;
  box-shadow:0 4px 14px rgba(2,10,44,.6), 0 0 0 6px rgba(37,99,255,.18);
  transition:transform .15s ease, box-shadow .15s ease;
}
#impacto input[type=range]::-webkit-slider-thumb:active{transform:scale(1.12);cursor:grabbing}
#impacto input[type=range]::-moz-range-thumb{
  width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #2563FF;
  box-shadow:0 4px 14px rgba(2,10,44,.6);
}

/* ---------- panel de resultado ---------- */
.imx-out{
  position:relative;overflow:hidden;
  padding:30px 30px 26px;border-radius:24px;
  background:linear-gradient(168deg,#0B1A5E 0%, #14319E 46%, #0E7FC4 100%);
  border:1px solid rgba(94,234,255,.42);
  box-shadow:0 30px 80px rgba(2,10,44,.6);
  display:flex;flex-direction:column;
}
.imx-glow{
  position:absolute;width:420px;height:420px;border-radius:50%;
  right:-160px;top:-190px;pointer-events:none;
  background:radial-gradient(circle, rgba(127,240,255,.34) 0%, transparent 66%);
}
.imx-out > *{position:relative;z-index:1}
.imx-outHead{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.imx-tag{
  padding:6px 13px;border-radius:999px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#DFF6FF;
}
.imx-per{font-size:12.5px;color:#A5C4F5}
.imx-big{
  display:block;margin:2px 0 18px;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:700;font-size:clamp(40px,5.6vw,74px);
  line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums;
  background:linear-gradient(96deg,#FFFFFF 0%, #B9FBFF 38%, #7FF0FF 62%, #C4B5FD 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  transition:transform .25s ease;
}
.imx-big.pop{transform:scale(1.03)}

.imx-barWrap{margin-bottom:20px}
.imx-bar{
  height:14px;border-radius:999px;overflow:hidden;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.2);
}
.imx-barRec{
  display:block;height:100%;width:20%;
  background:linear-gradient(90deg,#7FF0FF 0%, #22D3EE 40%, #A78BFA 100%);
  box-shadow:0 0 20px rgba(127,240,255,.55);
  transition:width .5s cubic-bezier(.2,.8,.2,1);
}
.imx-legend{display:flex;justify-content:space-between;margin-top:9px;font-size:11px}
.imx-legend .l1{color:#9DEBFF}
.imx-legend .l1::before,.imx-legend .l2::before{
  content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;
}
.imx-legend .l1::before{background:#7FF0FF}
.imx-legend .l2{color:#A5C4F5}
.imx-legend .l2::before{background:rgba(255,255,255,.32)}

.imx-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.imx-cell{
  padding:14px 16px;border-radius:14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
}
.imx-cell.hot{background:rgba(127,240,255,.14);border-color:rgba(127,240,255,.36)}
.imx-cell small{display:block;font-size:10.5px;color:#A5C4F5;margin-bottom:6px;line-height:1.3}
.imx-cell b{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:700;font-size:20px;color:#fff;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}
.imx-cell.hot b{color:#7FF0FF}

.imx-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}
.imx-chips span{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 13px;border-radius:999px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);
  font-size:11.5px;color:#DCE7FA;
}
.imx-chips i{font-style:normal;color:#7FF0FF;font-size:12px}
.imx-chips b{font-weight:700;color:#fff;font-variant-numeric:tabular-nums}

.imx-cta{
  margin-top:auto;display:block;text-align:center;
  padding:15px 22px;border-radius:14px;
  background:#fff;color:#0B2FD9;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:15px;
  box-shadow:0 16px 40px rgba(2,10,44,.45);
  transition:transform .18s ease, box-shadow .18s ease;
}
.imx-cta:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(2,10,44,.6)}
.imx-note{margin:12px 0 0;font-size:10.5px;line-height:1.5;color:#A5C4F5}

@media (max-width:960px){
  .imx-grid{grid-template-columns:1fr}
  .imx-out{order:-1}
}
@media (prefers-reduced-motion:reduce){
  .imx-barRec,.imx-big,.imx-cta{transition:none}
}


/* V95b — impacto: el halo no debe ocupar espacio en el flex */
.imx-glow{position:absolute !important}
.imx-h2{text-wrap:balance}
.imx-out{justify-content:flex-start}


/* V95c — impacto: alineación del panel de controles */
.imx-panel,.imx-panel *{text-align:left}
.imx-out,.imx-out *{text-align:left}
.imx-cta{text-align:center !important}
.imx-note{text-align:left !important}


/* ============================================================
   V96 — IMPACTO: sin eyebrow ni bajada, inasistencia en citas
          y recuperación por escenarios (−5% · −10% · −20%)
   ============================================================ */
.imx-head{margin-bottom:34px}
.imx-h2{margin-top:0 !important}

.imx-val b{color:#7FF0FF}
.imx-fieldR .imx-fTop{margin-bottom:12px}

.imx-seg{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
}
.imx-opt{
  padding:12px 8px;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(125,211,252,.24);
  color:#CBD9F3;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:15px;letter-spacing:-.01em;
  transition:background .2s ease, border-color .2s ease, transform .2s ease, color .2s ease;
}
.imx-opt:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-2px)}
.imx-opt.is-on{
  background:linear-gradient(96deg,#22D3EE,#2563FF 62%,#7C3AED);
  border-color:transparent;color:#fff;
  box-shadow:0 12px 28px rgba(37,99,255,.42);
}


/* V97 — impacto: seis escenarios de recuperación */
.imx-seg{grid-template-columns:repeat(6,1fr) !important;gap:6px !important}
.imx-opt{padding:11px 4px !important;font-size:13.5px !important;border-radius:11px !important}
@media (max-width:1180px){
  .imx-seg{grid-template-columns:repeat(3,1fr) !important;gap:8px !important}
}


/* ============================================================
   V98 — SISTEMA OSCURO "IMPACTO" aplicado a toda la página
   ============================================================ */
.dk{
  background:#050C24 !important;color:#DDE6FA !important;
  position:relative;overflow:hidden;
  padding:96px 0 100px !important;
}
.dk::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(48% 44% at 10% 2%,  rgba(47,231,254,.14) 0%, transparent 60%),
    radial-gradient(46% 42% at 52% 0%,  rgba(37,99,255,.2) 0%, transparent 62%),
    radial-gradient(52% 50% at 92% 14%, rgba(139,92,246,.2) 0%, transparent 64%),
    radial-gradient(56% 52% at 78% 100%,rgba(232,121,249,.12) 0%, transparent 62%);
}
#ciclo::before{transform:scaleX(-1)}
#segmentos::before{transform:scaleY(-1)}
#confianza::before{transform:scale(-1)}
.dk > .wrap{position:relative;z-index:1;width:min(1240px,94%);margin-inline:auto}

/* ---------- encabezado común ---------- */
.dk-head{text-align:center;max-width:900px;margin:0 auto 40px}
.dk-eyebrow{
  display:inline-block;padding:8px 16px;border-radius:999px;
  background:rgba(94,234,255,.1);border:1px solid rgba(94,234,255,.32);
  color:#7FF0FF;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
}
.dk-h2{
  color:#fff !important;margin:18px 0 14px !important;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(30px,4.1vw,56px) !important;
  line-height:1.06;letter-spacing:-.04em;text-wrap:balance;
}
.dk-h2 .grad{
  background:linear-gradient(96deg,#2FE7FE 0%, #45DBFE 26%, #6DABFD 54%, #AC72FD 82%, #E879F9 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent;
}
.dk-lead{
  color:#A9BCE0 !important;font-size:16px;line-height:1.7;
  max-width:72ch;margin:0 auto !important;
}

/* ---------- rejillas y tarjetas ---------- */
.dk-grid{display:grid;gap:14px;align-items:stretch;text-align:left}
.dk-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.dk-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dk-3{grid-template-columns:repeat(3,minmax(0,1fr))}

.dk-card{
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  padding:28px 22px 24px;border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,.028) 100%);
  border:1px solid rgba(125,211,252,.2);
  backdrop-filter:blur(10px);
  box-shadow:0 22px 54px rgba(1,5,22,.42);
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.dk-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--acc);box-shadow:0 0 18px 0 var(--line)}
.dk-card:hover{transform:translateY(-6px);border-color:var(--line);box-shadow:0 30px 70px rgba(1,5,22,.6)}
.dk-card.c1{--acc:linear-gradient(120deg,#2FE7FE,#22D3EE);--line:rgba(47,231,254,.5);--dot:#2FE7FE}
.dk-card.c2{--acc:linear-gradient(120deg,#38BDF8,#2563FF);--line:rgba(56,189,248,.5);--dot:#4FB6FE}
.dk-card.c3{--acc:linear-gradient(120deg,#2563FF,#6366F1);--line:rgba(99,102,241,.55);--dot:#7C8CFF}
.dk-card.c4{--acc:linear-gradient(120deg,#7C3AED,#A855F7);--line:rgba(168,85,247,.55);--dot:#B98CFD}
.dk-card.c5{--acc:linear-gradient(120deg,#C026D3,#E879F9);--line:rgba(232,121,249,.55);--dot:#EC9BFB}

.dk-num{
  position:absolute;right:18px;top:16px;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:700;font-size:36px;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.2);
}
.dk-ico{
  position:relative;display:grid;place-items:center;flex:none;
  width:52px;height:52px;border-radius:17px;margin-bottom:18px;
  background:var(--acc,linear-gradient(120deg,#22D3EE,#2563FF));
  color:#04102F;
  box-shadow:0 12px 28px -8px var(--line,rgba(37,99,255,.5)), inset 0 1px 0 rgba(255,255,255,.4);
}
.dk-ico svg{width:26px;height:26px;display:block}
.dk-cardT{
  margin:0 0 8px;color:#fff !important;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:19px;line-height:1.2;letter-spacing:-.025em;
}
.dk-cardP{margin:0;font-size:12.8px;line-height:1.6;color:#A9BCE0}
.dk-kicker{
  display:block;margin-bottom:6px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#7E93C4;
}

/* franja de secuencia */
.dk-strip{
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  margin-top:26px;padding:16px 24px;border-radius:16px;
  background:rgba(255,255,255,.05);border:1px solid rgba(125,211,252,.2);
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-size:14px;font-weight:600;color:#DCE7FA;
}
.dk-strip i{font-style:normal;color:#5EEAFF;opacity:.7}
.dk-strip b.hot{
  background:linear-gradient(96deg,#2FE7FE,#AC72FD);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ---------- ciclo: estados ---------- */
.dk-moment .dk-states{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
.dk-moment .dk-states span{
  padding:7px 11px;border-radius:999px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  font-size:11px;color:#CBD9F3;
}
.dk-count{
  display:block;margin-top:14px;font-style:normal;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#7E93C4;
}

/* ---------- demo ---------- */
.dk-demoGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:start;text-align:left}
#demo .scenario{display:grid;gap:10px;margin-top:0}
#demo .scenario button{
  display:flex;align-items:center;gap:12px;
  padding:15px 16px;border-radius:14px;cursor:pointer;text-align:left;
  background:rgba(255,255,255,.06);border:1px solid rgba(125,211,252,.22);
  color:#CBD9F3;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:13.5px;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;
}
#demo .scenario button:hover{background:rgba(255,255,255,.11);color:#fff;transform:translateX(3px)}
#demo .scenario button.active{
  background:linear-gradient(96deg,rgba(34,211,238,.22),rgba(124,58,237,.24));
  border-color:rgba(94,234,255,.5);color:#fff;
  box-shadow:0 12px 28px rgba(2,10,44,.5);
}
.dk-bIco{
  flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;
  background:linear-gradient(140deg,#22D3EE,#2563FF);color:#04102F;
}
.dk-bIco svg{width:17px;height:17px}
.dk-demoNote{display:block;margin-top:4px;font-size:11px;color:#7E93C4}

#demo .demoPhone{
  border-radius:24px;overflow:hidden;
  background:#0A1440;border:1px solid rgba(125,211,252,.28);
  box-shadow:0 30px 80px rgba(1,5,22,.6);
}
#demo .demoTop{
  display:flex;align-items:center;gap:11px;padding:14px 18px;
  background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.12);
}
.dk-avatar{
  display:grid;place-items:center;width:36px;height:36px;border-radius:12px;
  background:linear-gradient(140deg,#22D3EE,#2563FF);color:#fff;
}
.dk-avatar svg{width:20px;height:20px}
#demo .demoTop b{font-size:12.5px;color:#fff;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif}
#demo .demoTop small{display:block;font-size:9.5px;color:#8FA5D2;margin-top:2px}
.dk-live{
  margin-left:auto;padding:5px 10px;border-radius:999px;
  background:rgba(52,211,153,.16);border:1px solid rgba(52,211,153,.4);
  color:#6EE7B7;font-size:9.5px;font-weight:700;
}
#demo .demoBody{background:transparent;padding:20px;min-height:330px}
#demo .demoBubble{
  max-width:80%;padding:12px 14px;margin:9px 0;border-radius:16px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  color:#DCE7FA;font-size:12px;line-height:1.55;
}
#demo .demoBubble.me{
  margin-left:auto;
  background:linear-gradient(96deg,rgba(34,211,238,.26),rgba(37,99,255,.28));
  border-color:rgba(94,234,255,.4);color:#fff;
}
#demo .demoResult{
  margin-top:16px;padding:12px 14px;border-radius:13px;
  background:rgba(52,211,153,.14);border:1px solid rgba(52,211,153,.36);
  color:#6EE7B7;font-size:11px;font-weight:700;
}

/* ---------- diferenciación ---------- */
.dk-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;text-align:left}
.dk-vsBox{
  padding:30px 28px;border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);
  border:1px solid rgba(125,211,252,.18);
}
.dk-vsBox h3{
  margin:0 0 10px;color:#fff;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:21px;letter-spacing:-.025em;
}
.dk-vsBox > p{margin:0 0 18px;font-size:13px;line-height:1.6;color:#A9BCE0}
.dk-vsBox ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.dk-vsBox li{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.5;color:#CBD9F3}
.dk-mark{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px}
.dk-mark svg{width:13px;height:13px}
.dk-mark.no{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#94A3B8}
.dk-mark.si{background:linear-gradient(140deg,#22D3EE,#2563FF);color:#04102F}
.dk-vsBox.hot{
  background:linear-gradient(168deg,#0B1A5E 0%, #14319E 48%, #0E7FC4 100%);
  border-color:rgba(94,234,255,.45);
  box-shadow:0 30px 76px rgba(2,10,44,.6);
}
.dk-vsBox.hot > p b{color:#7FF0FF}
.dk-vsTag{
  align-self:center;display:grid;place-items:center;
  width:52px;height:52px;border-radius:50%;
  background:rgba(255,255,255,.07);border:1px solid rgba(125,211,252,.28);
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:12px;letter-spacing:.1em;color:#7FF0FF;
}

/* ---------- caso ---------- */
.dk-caseGrid{display:grid;grid-template-columns:1.35fr .8fr;gap:16px;text-align:left}
.dk-casePanel{
  padding:30px 30px 26px;border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.025) 100%);
  border:1px solid rgba(125,211,252,.2);
}
.dk-caseTop{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.dk-caseTop b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:17px;color:#fff}
.dk-badge{
  padding:6px 12px;border-radius:999px;
  background:rgba(52,211,153,.16);border:1px solid rgba(52,211,153,.38);
  color:#6EE7B7;font-size:10px;font-weight:700;letter-spacing:.06em;
}
.dk-caseP{margin:0 0 22px;font-size:13px;line-height:1.65;color:#A9BCE0}
.dk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.dk-stat{padding:18px 16px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.dk-stat strong{
  display:block;font-size:26px;line-height:1;margin-bottom:8px;
  background:linear-gradient(140deg,#2FE7FE,#AC72FD);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.dk-stat b{display:block;font-size:12.5px;color:#fff;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;margin-bottom:4px}
.dk-stat small{font-size:10.5px;line-height:1.45;color:#8FA5D2}
.dk-caseAside{
  position:relative;display:flex;flex-direction:column;
  padding:28px 26px 26px;border-radius:22px;
  background:linear-gradient(168deg,#0B1A5E 0%, #14319E 48%, #0E7FC4 100%);
  border:1px solid rgba(94,234,255,.42);
  box-shadow:0 30px 76px rgba(2,10,44,.6);
}
.dk-quoteMark{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:56px;line-height:.6;color:rgba(127,240,255,.55)}
.dk-quote{margin:10px 0 14px;font-size:15px;line-height:1.6;color:#fff}
.dk-quoteWho{font-size:11.5px;color:#A5C4F5;margin-bottom:20px}
.dk-cta{
  margin-top:auto;display:block;text-align:center;
  padding:14px 18px;border-radius:13px;background:#fff;color:#0B2FD9;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:14px;
  transition:transform .18s ease;
}
.dk-cta:hover{transform:translateY(-2px)}

/* ---------- ecosistema ---------- */
.dk-flow{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.dk-node{
  display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
  padding:24px 26px;border-radius:20px;min-width:190px;
  background:linear-gradient(180deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,.028) 100%);
  border:1px solid rgba(125,211,252,.22);
}
.dk-node b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:15px;color:#fff}
.dk-node small{font-size:11px;color:#8FA5D2}
.dk-node .dk-ico{margin-bottom:2px}
.dk-node.c1 .dk-ico{background:linear-gradient(120deg,#2FE7FE,#22D3EE)}
.dk-node.c3 .dk-ico{background:linear-gradient(120deg,#34D399,#10B981)}
.dk-node.c5 .dk-ico{background:linear-gradient(120deg,#2563FF,#7C3AED)}
.dk-arrow{font-size:24px;color:#5EEAFF;opacity:.7}
.dk-drop{text-align:center;font-size:22px;color:#5EEAFF;opacity:.6;margin:14px 0}
.dk-outs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dk-out{
  display:flex;align-items:center;gap:11px;padding:16px 18px;border-radius:15px;
  background:rgba(255,255,255,.05);border:1px solid rgba(125,211,252,.2);
}
.dk-oIco{
  flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;
  background:rgba(37,99,255,.18);border:1px solid rgba(94,234,255,.28);color:#7FF0FF;
}
.dk-oIco svg{width:19px;height:19px}
.dk-out b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:13.5px;color:#fff;font-weight:600}
.dk-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:22px}
.dk-chips span{
  padding:9px 15px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(125,211,252,.2);
  font-size:12px;color:#CBD9F3;
}
.dk-foot{margin:26px 0 0;text-align:center;font-size:16px;color:#DCE7FA}
.dk-foot b{color:#7FF0FF}

/* ---------- implementación ---------- */
.dk-step .dk-week{
  display:inline-block;margin:2px 0 10px;padding:5px 11px;border-radius:999px;
  background:rgba(37,99,255,.18);border:1px solid rgba(94,234,255,.3);
  font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.06em;color:#9DEBFF;
}
.dk-deliver{
  margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);
}
.dk-deliver small{
  display:block;margin-bottom:5px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#7E93C4;
}
.dk-deliver b{font-size:12px;line-height:1.45;color:#DCE7FA;font-weight:600}
.dk-note{
  margin:26px auto 0;max-width:82ch;text-align:center;
  font-size:12px;line-height:1.6;color:#7E93C4;
}
.dk-note a{color:#7FF0FF;text-decoration:underline;text-underline-offset:3px}

/* ---------- FAQ ---------- */
.dk-faq{max-width:900px;margin:0 auto;text-align:left;display:grid;gap:10px}
.dk-faqItem{
  border-radius:16px;padding:0;overflow:hidden;
  background:rgba(255,255,255,.05);border:1px solid rgba(125,211,252,.2);
  transition:background .2s ease,border-color .2s ease;
}
.dk-faqItem[open]{background:rgba(255,255,255,.08);border-color:rgba(94,234,255,.36)}
.dk-faqItem summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;cursor:pointer;list-style:none;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:15px;color:#fff;
}
.dk-faqItem summary::-webkit-details-marker{display:none}
.dk-plus{
  flex:none;position:relative;width:26px;height:26px;border-radius:50%;
  background:rgba(37,99,255,.2);border:1px solid rgba(94,234,255,.3);
}
.dk-plus::before,.dk-plus::after{
  content:"";position:absolute;left:50%;top:50%;background:#7FF0FF;border-radius:2px;
  transform:translate(-50%,-50%);transition:transform .22s ease,opacity .22s ease;
}
.dk-plus::before{width:11px;height:2px}
.dk-plus::after{width:2px;height:11px}
.dk-faqItem[open] .dk-plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.dk-faqItem p{margin:0;padding:0 22px 20px;font-size:13.5px;line-height:1.7;color:#A9BCE0}

/* ---------- CTA final ---------- */
.dk-final{
  background:
    radial-gradient(52% 48% at 12% 0%,  rgba(47,231,254,.2) 0%, transparent 62%),
    radial-gradient(50% 46% at 50% 100%,rgba(232,121,249,.18) 0%, transparent 64%),
    radial-gradient(56% 54% at 90% 6%,  rgba(139,92,246,.26) 0%, transparent 64%),
    #04091F !important;
  padding:110px 0 !important;text-align:center;
}
.dk-final::before{display:none}
.dk-final .wrap{position:relative;z-index:1;width:min(1000px,92%)}
.dk-final .dk-h2{margin:20px auto 16px !important;max-width:20ch}
.dk-final .dk-lead{margin:0 auto 30px !important;max-width:62ch}
.dk-finalCtas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.dk-ctaMain{
  padding:16px 34px;border-radius:15px;
  background:linear-gradient(96deg,#22D3EE 0%, #2563FF 58%, #7C3AED 100%);
  color:#fff;border:1px solid rgba(167,139,250,.5);
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:16px;
  box-shadow:0 18px 46px rgba(37,99,255,.45);
  transition:transform .18s ease,box-shadow .18s ease;
}
.dk-ctaMain:hover{transform:translateY(-2px);box-shadow:0 26px 60px rgba(124,58,237,.5)}
.dk-ctaAlt{
  padding:16px 30px;border-radius:15px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28);color:#fff;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:15px;
  transition:background .18s ease,transform .18s ease;
}
.dk-ctaAlt:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.dk-finalTrust{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:26px}
.dk-finalTrust span{font-size:12px;color:#A9BCE0}
.dk-finalTrust span::before{content:"✓";color:#6EE7B7;margin-right:7px;font-weight:700}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .dk-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dk-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dk-outs{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .dk-demoGrid{grid-template-columns:1fr}
  .dk-vs{grid-template-columns:1fr}
  .dk-vsTag{justify-self:center;margin:2px 0}
  .dk-caseGrid{grid-template-columns:1fr}
  .dk-3{grid-template-columns:1fr}
}
@media (max-width:720px){
  .dk-5,.dk-4{grid-template-columns:1fr}
  .dk-stats{grid-template-columns:1fr}
  .dk-outs{grid-template-columns:1fr}
  .dk{padding:72px 0 76px !important}
}
@media (prefers-reduced-motion:reduce){
  .dk-card,.dk-cta,.dk-ctaMain,.dk-ctaAlt,#demo .scenario button{transition:none}
}


/* V98b — alineación a la izquierda dentro de las tarjetas del sistema oscuro */
.dk-card,.dk-card *,
.dk-vsBox,.dk-vsBox *,
.dk-casePanel,.dk-casePanel *,
.dk-caseAside,.dk-caseAside *,
.dk-stat,.dk-stat *,
.dk-out,.dk-out *,
.dk-faqItem,.dk-faqItem *,
.dk-deliver,.dk-deliver *{text-align:left !important}
.dk-node,.dk-node *{text-align:center !important}
.dk-cta,.dk-ctaMain,.dk-ctaAlt{text-align:center !important}
.dk-head,.dk-head *,.dk-strip,.dk-chips,.dk-foot,.dk-note,.dk-drop,
.dk-final,.dk-final .dk-h2,.dk-final .dk-lead,.dk-final .dk-eyebrow{text-align:center !important}


/* ============================================================
   V101 — 5 CAPAS: carrusel de tarjetas tipo "agentes"
   ============================================================ */
.cp-carousel{position:relative;margin-top:8px}
.cp-viewport{overflow:hidden;padding:26px 0 34px}
.cp-track{display:flex;align-items:center;gap:16px;transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}

.cp-card{
  position:relative;flex:none;
  width:262px;height:352px;border-radius:26px;overflow:visible;
  cursor:pointer;
  transition:width .45s cubic-bezier(.2,.8,.2,1), height .45s cubic-bezier(.2,.8,.2,1),
             opacity .4s ease, filter .4s ease;
  opacity:.55;filter:saturate(.85);
}
.cp-card.is-active{width:352px;height:482px;opacity:1;filter:none;z-index:2}
.cp-card.c1{--a1:#5CD6FE;--a2:#22D3EE;--sh:rgba(47,231,254,.45);--ink:#04304A}
.cp-card.c2{--a1:#38BDF8;--a2:#2563FF;--sh:rgba(56,189,248,.45);--ink:#04214A}
.cp-card.c3{--a1:#4F7DFF;--a2:#6366F1;--sh:rgba(99,102,241,.45);--ink:#0B1252}
.cp-card.c4{--a1:#9B5CF6;--a2:#7C3AED;--sh:rgba(168,85,247,.45);--ink:#2A0B5E}
.cp-card.c5{--a1:#E879F9;--a2:#C026D3;--sh:rgba(232,121,249,.45);--ink:#4A0A4E}

.cp-visual{
  position:absolute;inset:0;border-radius:26px;overflow:hidden;
  background:linear-gradient(158deg,var(--a1) 0%, var(--a2) 100%);
  box-shadow:0 26px 60px -18px var(--sh), inset 0 1px 0 rgba(255,255,255,.34);
}
.cp-card.is-active .cp-visual{box-shadow:0 36px 84px -20px var(--sh), inset 0 1px 0 rgba(255,255,255,.4)}
.cp-rings{
  position:absolute;inset:-30% -30% auto auto;width:120%;height:120%;
  background:
    radial-gradient(circle at 72% 22%, rgba(255,255,255,.34) 0 1px, transparent 1px) 0 0/22px 22px,
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.22) 0%, transparent 58%);
  opacity:.5;pointer-events:none;
}
.cp-num{
  position:absolute;right:18px;top:14px;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:700;font-size:40px;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.42);
}
.cp-name{
  position:absolute;left:22px;top:20px;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:19px;letter-spacing:-.02em;color:#fff;
  text-shadow:0 2px 10px rgba(4,16,60,.28);
}
.cp-glyph{
  position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);
  color:#fff;opacity:.95;
  filter:drop-shadow(0 14px 26px rgba(4,16,60,.35));
  transition:top .45s ease, transform .45s ease;
}
.cp-glyph svg{width:120px;height:120px;display:block}
.cp-card.is-active .cp-glyph{top:27%}
.cp-card.is-active .cp-glyph svg{width:132px;height:132px}
.cp-plus{
  position:absolute;right:18px;bottom:18px;width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.5);
  transition:opacity .3s ease, transform .3s ease;
}
.cp-plus::before,.cp-plus::after{
  content:"";position:absolute;left:50%;top:50%;background:#fff;border-radius:2px;
  transform:translate(-50%,-50%);
}
.cp-plus::before{width:12px;height:2px}
.cp-plus::after{width:2px;height:12px}
.cp-card.is-active .cp-plus{opacity:0;transform:scale(.6)}

/* panel blanco de contenido */
.cp-info{
  position:absolute;left:14px;right:14px;bottom:14px;z-index:3;
  padding:20px 20px 18px;border-radius:20px;
  background:#fff;
  box-shadow:0 22px 48px rgba(2,10,44,.34);
  opacity:0;transform:translateY(24px) scale(.96);pointer-events:none;
  transition:opacity .38s ease, transform .38s cubic-bezier(.2,.8,.2,1);
}
.cp-card.is-active .cp-info{opacity:1;transform:none;pointer-events:auto}
.cp-info b{
  display:block;margin-bottom:10px;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:20px;letter-spacing:-.025em;color:#0D184C;
}
.cp-info ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:9px}
.cp-info li{
  position:relative;padding-left:15px;
  font-size:12.4px;line-height:1.5;color:#42527A;
}
.cp-info li::before{
  content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;
  background:linear-gradient(140deg,var(--a1),var(--a2));
}
.cp-tags{display:flex;flex-wrap:wrap;gap:7px}
.cp-tags span{
  padding:6px 11px;border-radius:9px;
  background:linear-gradient(140deg,var(--a1),var(--a2));
  color:#fff;font-size:11px;font-weight:600;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  box-shadow:0 6px 14px -6px var(--sh);
}

/* flechas y puntos */
.cp-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:6;
  width:46px;height:46px;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;
  background:rgba(6,20,70,.6);border:1px solid rgba(255,255,255,.3);
  color:#fff;font-size:25px;line-height:1;padding-bottom:3px;
  backdrop-filter:blur(6px);
  transition:background .2s ease, transform .2s ease;
}
.cp-nav:hover{background:rgba(6,20,70,.85);transform:translateY(-50%) scale(1.06)}
.cp-nav[disabled]{opacity:.3;cursor:default}
.cp-nav.prev{left:8px}
.cp-nav.next{right:8px}
.cp-dots{display:flex;justify-content:center;gap:8px;margin-top:2px}
.cp-dot{
  width:9px;height:9px;border-radius:50%;cursor:pointer;padding:0;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);
  transition:width .3s ease, background .3s ease;
}
.cp-dot.is-on{width:26px;border-radius:999px;background:linear-gradient(96deg,#22D3EE,#7C3AED);border-color:transparent}

@media (max-width:760px){
  .cp-card{width:220px;height:300px}
  .cp-card.is-active{width:290px;height:452px}
  .cp-glyph svg{width:92px;height:92px}
  .cp-nav{display:none}
}
@media (prefers-reduced-motion:reduce){
  .cp-track,.cp-card,.cp-info,.cp-glyph{transition:none}
}


/* V101b — capas: alineación del panel blanco */
.cp-info,.cp-info *{text-align:left !important}
.cp-name,.cp-num{text-align:left !important}


/* ============================================================
   V104 — 5 CAPAS: bucle infinito y tarjetas superpuestas
   ============================================================ */
.cp-track{gap:0 !important}
.cp-card{margin-left:-30px;margin-right:-30px}
.cp-card.is-active{margin-left:6px;margin-right:6px}
.cp-viewport{padding:30px 0 38px}
.cp-track.no-anim{transition:none !important}
.cp-card .cp-visual{transition:box-shadow .4s ease}


/* V104b — capas: superposición más suave, cada tarjeta legible */
.cp-card{margin-left:-16px;margin-right:-16px}
.cp-card.is-active{margin-left:10px;margin-right:10px}
.cp-card .cp-visual{border:1px solid rgba(255,255,255,.14)}
.cp-card:not(.is-active){opacity:.62}
.cp-card:not(.is-active) .cp-visual{box-shadow:0 18px 40px -16px rgba(1,6,26,.8)}


/* ============================================================
   V105 — 5 CAPAS: escenario en profundidad (1 centro + 2 + 2)
   ============================================================ */
.cp-viewport{overflow:visible !important;padding:34px 0 42px !important}
.cp-track{
  position:relative;display:block !important;height:486px;
  transform:none !important;transition:none !important;
  perspective:1600px;transform-style:preserve-3d;
}
.cp-card{
  position:absolute !important;left:50%;top:0;
  width:330px !important;height:470px !important;
  margin:0 !important;
  transform-origin:50% 60%;
  transition:transform .62s cubic-bezier(.22,.75,.2,1),
             opacity .5s ease, filter .5s ease;
  will-change:transform;
}
.cp-card.is-active{width:330px !important;height:470px !important}
.cp-card .cp-visual{transition:box-shadow .5s ease}

/* posiciones del escenario */
.cp-card[data-slot="0"]{ transform:translateX(-50%) translateZ(0) scale(1); opacity:1; filter:none; z-index:30 }
.cp-card[data-slot="-1"]{ transform:translateX(-50%) translateX(-238px) rotateY(11deg) scale(.87); opacity:.8; filter:saturate(.9); z-index:20 }
.cp-card[data-slot="1"]{  transform:translateX(-50%) translateX(238px)  rotateY(-11deg) scale(.87); opacity:.8; filter:saturate(.9); z-index:20 }
.cp-card[data-slot="-2"]{ transform:translateX(-50%) translateX(-430px) rotateY(17deg) scale(.74); opacity:.5; filter:saturate(.75); z-index:10 }
.cp-card[data-slot="2"]{  transform:translateX(-50%) translateX(430px)  rotateY(-17deg) scale(.74); opacity:.5; filter:saturate(.75); z-index:10 }

.cp-card:not(.is-active) .cp-visual{box-shadow:0 26px 56px -20px rgba(1,6,26,.85)}
.cp-card.is-active .cp-visual{box-shadow:0 42px 92px -22px var(--sh), inset 0 1px 0 rgba(255,255,255,.4)}
.cp-nav{top:236px !important;transform:none !important}
.cp-nav:hover{transform:scale(1.06) !important}
.cp-nav.prev{left:2%}
.cp-nav.next{right:2%}
.cp-dots{margin-top:6px}

@media (max-width:1180px){
  .cp-card[data-slot="-2"],.cp-card[data-slot="2"]{opacity:.32}
  .cp-card[data-slot="-1"]{transform:translateX(-50%) translateX(-205px) rotateY(11deg) scale(.85)}
  .cp-card[data-slot="1"]{ transform:translateX(-50%) translateX(205px)  rotateY(-11deg) scale(.85)}
  .cp-card[data-slot="-2"]{transform:translateX(-50%) translateX(-360px) rotateY(17deg) scale(.72)}
  .cp-card[data-slot="2"]{ transform:translateX(-50%) translateX(360px)  rotateY(-17deg) scale(.72)}
}
@media (max-width:820px){
  .cp-track{height:440px}
  .cp-card{width:280px !important;height:424px !important}
  .cp-card.is-active{width:280px !important;height:424px !important}
  .cp-card[data-slot="-1"]{transform:translateX(-50%) translateX(-150px) rotateY(12deg) scale(.8);opacity:.6}
  .cp-card[data-slot="1"]{ transform:translateX(-50%) translateX(150px)  rotateY(-12deg) scale(.8);opacity:.6}
  .cp-card[data-slot="-2"],.cp-card[data-slot="2"]{opacity:0;pointer-events:none}
  .cp-nav{top:200px !important}
}
@media (prefers-reduced-motion:reduce){ .cp-card{transition:none} }


/* V105b — capas: tarjetas rectas y paralelas, como la referencia */
.cp-track{perspective:none}
.cp-card[data-slot="-1"]{transform:translateX(-50%) translateX(-236px) scale(.87) !important}
.cp-card[data-slot="1"]{ transform:translateX(-50%) translateX(236px)  scale(.87) !important}
.cp-card[data-slot="-2"]{transform:translateX(-50%) translateX(-424px) scale(.75) !important}
.cp-card[data-slot="2"]{ transform:translateX(-50%) translateX(424px)  scale(.75) !important}
.cp-card[data-slot="-1"],.cp-card[data-slot="1"]{opacity:.88}
.cp-card[data-slot="-2"],.cp-card[data-slot="2"]{opacity:.62}
@media (max-width:1180px){
  .cp-card[data-slot="-1"]{transform:translateX(-50%) translateX(-205px) scale(.85) !important}
  .cp-card[data-slot="1"]{ transform:translateX(-50%) translateX(205px)  scale(.85) !important}
  .cp-card[data-slot="-2"]{transform:translateX(-50%) translateX(-356px) scale(.72) !important}
  .cp-card[data-slot="2"]{ transform:translateX(-50%) translateX(356px)  scale(.72) !important}
}
@media (max-width:820px){
  .cp-card[data-slot="-1"]{transform:translateX(-50%) translateX(-150px) scale(.8) !important}
  .cp-card[data-slot="1"]{ transform:translateX(-50%) translateX(150px)  scale(.8) !important}
}


/* ============================================================
   V106 — NUEVA CATEGORÍA: bento animado (empatía · relación · experiencia)
   ============================================================ */
#experiencia .nx-bento{
  display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:14px;align-items:stretch;text-align:left;
}
#experiencia .nx-col{display:grid;grid-template-rows:repeat(3,1fr);gap:14px;min-width:0}

.nx-card{
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  padding:20px 20px 0;border-radius:20px;min-height:186px;
  transition:transform .3s ease, box-shadow .3s ease;
}
.nx-card:hover{transform:translateY(-4px)}
.nx-card.light{
  background:linear-gradient(180deg,#E8F0FF 0%, #DCE8FF 100%);
  border:1px solid rgba(13,24,76,.08);
  box-shadow:0 20px 46px rgba(1,8,40,.4);
}
.nx-card.dark{
  background:linear-gradient(180deg,#0B1440 0%, #0A1030 100%);
  border:1px solid rgba(125,211,252,.22);
  box-shadow:0 20px 46px rgba(1,5,22,.55);
}
.nx-center{
  background:linear-gradient(168deg,#1247F0 0%, #2563FF 42%, #1E90FF 100%);
  border:1px solid rgba(148,214,255,.45);
  box-shadow:0 30px 80px rgba(3,24,110,.6);
  padding:24px 24px 0;
}

.nx-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.nx-kIco{
  flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;
}
.nx-kIco svg{width:18px;height:18px}
.light .nx-kIco{background:linear-gradient(140deg,#22D3EE,#2563FF);color:#fff}
.dark .nx-kIco{background:rgba(94,234,255,.14);border:1px solid rgba(94,234,255,.3);color:#7FF0FF}
.nx-kicker{
  display:block;margin-bottom:3px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
}
.light .nx-kicker{color:#5C6B87}
.dark .nx-kicker,.nx-center .nx-kicker{color:#9DEBFF}
.nx-title{
  display:block;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:17px;letter-spacing:-.025em;line-height:1.2;
}
.light .nx-title{color:#0D184C}
.dark .nx-title,.nx-center .nx-title{color:#fff}
.nx-sub{display:block;margin-top:4px;font-style:normal;font-size:11.5px;line-height:1.45}
.light .nx-sub{color:#42527A}
.dark .nx-sub{color:#9DB3DE}
.nx-center .nx-sub{color:#CFE4FF}
.nx-center .nx-title{font-size:20px}

.nx-scene{position:relative;flex:1;min-height:96px;margin:0 -4px}

/* ---------- 1 · empatía: chat ---------- */
.nx-chat{display:flex;flex-direction:column;gap:7px;padding:4px 2px 14px}
.nx-msg{
  max-width:88%;padding:8px 11px;border-radius:13px;font-size:10.5px;line-height:1.4;
  background:#fff;border:1px solid #D7E3F8;color:#42527A;
  opacity:0;transform:translateY(8px);
  animation:nxIn .5s ease forwards;
}
.nx-msg b{color:#0D184C}
.nx-msg.me{margin-left:auto;background:#D9F5E6;border-color:#B8E8CE;color:#14532D}
.nx-msg.a{animation-delay:.2s}
.nx-msg.b{animation-delay:1.4s}
.nx-msg.c{
  animation-delay:2.4s;max-width:100%;
  background:linear-gradient(96deg,rgba(34,211,238,.16),rgba(37,99,255,.14));
  border-color:rgba(37,99,255,.28);color:#0B5F86;font-weight:600;
}
.nx-ok{color:#16A34A;font-weight:800;margin-right:5px}
@keyframes nxIn{to{opacity:1;transform:none}}
.nx-chat{animation:nxLoop 8s infinite}
@keyframes nxLoop{0%,88%{opacity:1}94%{opacity:0}100%{opacity:0}}

/* ---------- 2 · relación: pasos ---------- */
.nx-flow{padding:10px 2px 18px}
.nx-line{position:relative;height:3px;border-radius:2px;background:rgba(255,255,255,.12);margin-bottom:14px}
.nx-line i{
  position:absolute;inset:0 auto 0 0;border-radius:2px;
  background:linear-gradient(90deg,#22D3EE,#7C3AED);
  width:8%;animation:nxGrow 6s ease-in-out infinite;
}
@keyframes nxGrow{0%{width:8%}25%{width:36%}55%{width:70%}80%,100%{width:100%}}
.nx-steps{display:flex;gap:6px}
.nx-step{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:9px 4px;border-radius:11px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  font-size:9.5px;color:#9DB3DE;text-align:center;
  transition:background .4s ease,color .4s ease,border-color .4s ease;
}
.nx-step i{
  display:grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:rgba(255,255,255,.1);font-style:normal;font-size:9.5px;font-weight:700;color:#CBD9F3;
}
.nx-step.s1{animation:nxOn 6s ease-in-out infinite}
.nx-step.s2{animation:nxOn 6s ease-in-out infinite;animation-delay:1.6s}
.nx-step.s3{animation:nxOn 6s ease-in-out infinite;animation-delay:3.2s}
@keyframes nxOn{
  0%,10%{background:rgba(255,255,255,.06);color:#9DB3DE;border-color:rgba(255,255,255,.14)}
  22%,100%{background:linear-gradient(140deg,rgba(34,211,238,.28),rgba(124,58,237,.26));
           color:#fff;border-color:rgba(94,234,255,.45)}
}

/* ---------- 3 · experiencia: encuesta ---------- */
.nx-survey{padding:2px 2px 16px}
.nx-sTitle{display:block;font-size:11px;color:#42527A;margin-bottom:9px}
.nx-stars{display:flex;gap:5px;margin-bottom:11px}
.nx-stars i{
  display:grid;place-items:center;width:22px;height:22px;border-radius:7px;
  background:#fff;border:1px solid #D7E3F8;color:#C7D3E8;
  animation:nxStar 7s ease-in-out infinite;
}
.nx-stars i svg{width:13px;height:13px;fill:currentColor;stroke:none}
.nx-stars .k1{animation-delay:.2s}.nx-stars .k2{animation-delay:.5s}
.nx-stars .k3{animation-delay:.8s}.nx-stars .k4{animation-delay:1.1s}
.nx-stars .k5{animation-delay:1.4s}.nx-stars .k6{animation-delay:1.7s}
.nx-stars .k7{animation-delay:2s}
@keyframes nxStar{
  0%,6%{color:#C7D3E8;background:#fff;transform:scale(1)}
  12%{transform:scale(1.22)}
  16%,88%{color:#F59E0B;background:#FFF7E6;border-color:#FBDCB8;transform:scale(1)}
  96%,100%{color:#C7D3E8;background:#fff;border-color:#D7E3F8}
}
.nx-chipOk{
  display:inline-block;padding:6px 12px;border-radius:999px;
  background:linear-gradient(96deg,#22D3EE,#2563FF);color:#fff;
  font-size:10.5px;font-weight:600;
  opacity:0;animation:nxIn .6s ease forwards;animation-delay:2.6s;
}

/* ---------- centro · órbita ---------- */
.nx-orbit{
  position:relative;height:250px;display:grid;place-items:center;margin-bottom:6px;
}
.nx-ring{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  border-radius:50%;border:1px solid rgba(255,255,255,.22);
}
.nx-ring.r1{width:112px;height:112px;background:rgba(255,255,255,.1)}
.nx-ring.r2{width:180px;height:180px;animation:nxPulseR 4s ease-out infinite}
.nx-ring.r3{width:246px;height:246px;animation:nxPulseR 4s ease-out infinite;animation-delay:1.3s}
@keyframes nxPulseR{0%{opacity:.5;transform:translate(-50%,-50%) scale(.92)}70%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}
.nx-core{
  position:relative;z-index:3;display:grid;place-items:center;
  width:76px;height:76px;border-radius:26px;background:#fff;color:#1247F0;
  box-shadow:0 18px 40px rgba(2,16,80,.45);
}
.nx-core svg{width:40px;height:40px}
.nx-sat{
  position:absolute;z-index:2;display:grid;place-items:center;gap:2px;
  width:52px;height:52px;border-radius:16px;
  background:rgba(255,255,255,.94);color:#1247F0;
  box-shadow:0 12px 26px rgba(2,16,80,.35);
  animation:nxFloat 5s ease-in-out infinite;
}
.nx-sat svg{width:22px;height:22px}
.nx-sat em{
  position:absolute;bottom:-17px;font-style:normal;font-size:8.5px;color:#DCEBFF;white-space:nowrap;
}
.nx-sat.s1{left:6%;top:26%}
.nx-sat.s2{right:6%;top:22%;animation-delay:.6s}
.nx-sat.s3{right:2%;bottom:24%;animation-delay:1.2s}
.nx-sat.s4{left:2%;bottom:22%;animation-delay:1.8s}
.nx-sat.s5{left:50%;top:-2%;transform:translateX(-50%);animation-delay:2.4s}
@keyframes nxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.nx-sat.s5{animation-name:nxFloatC}
@keyframes nxFloatC{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-9px)}}

.nx-device{margin-top:auto;padding-bottom:0}
.nx-screen{
  display:flex;align-items:center;justify-content:center;gap:10px;
  height:74px;border-radius:14px 14px 0 0;
  background:#fff;color:#1247F0;
  box-shadow:0 -8px 30px rgba(2,16,80,.28);
}
.nx-dev-ico svg{width:26px;height:26px}
.nx-dev-txt{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:13px;color:#0D184C}
.nx-base{display:block;height:9px;border-radius:0 0 6px 6px;background:rgba(255,255,255,.55)}

/* ---------- derecha 1 · recuerdan ---------- */
.nx-cal{position:relative;padding:2px 2px 16px}
.nx-calTop{display:flex;justify-content:space-between;font-size:10px;color:#9DB3DE;margin-bottom:8px}
.nx-calTop b{color:#fff;font-weight:600}
.nx-slot{
  padding:9px 11px;border-radius:11px;margin-bottom:7px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  font-size:10.5px;
}
.nx-slot b{display:block;color:#fff;font-size:11px;font-weight:600}
.nx-slot em{font-style:normal;color:#9DB3DE}
.nx-slot.ok{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.4)}
.nx-slot.ok em{color:#6EE7B7;font-weight:600}
.nx-slot.f1{animation:nxFade 6s ease-in-out infinite}
.nx-slot.f2{animation:nxFade2 6s ease-in-out infinite}
@keyframes nxFade{0%,45%{opacity:1}55%,100%{opacity:.28}}
@keyframes nxFade2{0%,45%{opacity:.28;transform:translateY(4px)}55%,100%{opacity:1;transform:none}}
.nx-pulse{
  position:absolute;right:6px;top:0;width:9px;height:9px;border-radius:50%;
  background:#6EE7B7;box-shadow:0 0 0 0 rgba(110,231,183,.6);
  animation:nxPing 2.4s ease-out infinite;
}
@keyframes nxPing{0%{box-shadow:0 0 0 0 rgba(110,231,183,.6)}70%,100%{box-shadow:0 0 0 12px rgba(110,231,183,0)}}

/* ---------- derecha 2 · recuperan ---------- */
.nx-rec{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:2px 2px 14px}
.nx-tag{
  padding:8px 12px;border-radius:10px;font-size:10.5px;font-weight:600;
  background:#fff;border:1px solid #D7E3F8;color:#42527A;
  opacity:0;transform:translateY(6px);animation:nxStep 6s ease-in-out infinite;
}
.nx-tag.t1{animation-delay:0s}
.nx-tag.t2{animation-delay:1.2s}
.nx-tag.t3{animation-delay:2.4s}
.nx-tag.win{background:linear-gradient(96deg,#22D3EE,#2563FF);border-color:transparent;color:#fff}
@keyframes nxStep{0%{opacity:0;transform:translateY(6px)}10%,86%{opacity:1;transform:none}96%,100%{opacity:0}}
.nx-arrowD{color:#94A3B8;font-size:11px;line-height:1;margin:1px 0 1px 16px}

/* ---------- derecha 3 · retienen ---------- */
.nx-notis{display:flex;flex-direction:column;gap:7px;padding:2px 2px 14px}
.nx-noti{
  display:flex;gap:9px;align-items:flex-start;
  padding:9px 11px;border-radius:12px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  opacity:0;transform:translateX(10px);animation:nxSlide 7s ease-in-out infinite;
}
.nx-noti.n1{animation-delay:.2s}
.nx-noti.n2{animation-delay:1.4s}
.nx-noti.n3{animation-delay:2.6s}
@keyframes nxSlide{0%{opacity:0;transform:translateX(10px)}8%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.nx-nIco{
  flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;
  background:linear-gradient(140deg,#22D3EE,#7C3AED);color:#fff;
}
.nx-nIco svg{width:14px;height:14px}
.nx-noti b{display:block;font-size:10.5px;color:#fff;font-weight:600}
.nx-noti em{font-style:normal;font-size:9.5px;color:#9DB3DE;line-height:1.4}

@media (max-width:1080px){
  #experiencia .nx-bento{grid-template-columns:1fr 1fr}
  .nx-center{grid-column:1 / -1;order:-1}
  #experiencia .nx-col{grid-template-rows:none}
}
@media (max-width:720px){
  #experiencia .nx-bento{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .nx-msg,.nx-tag,.nx-noti,.nx-chipOk{opacity:1 !important;transform:none !important;animation:none !important}
  .nx-chat,.nx-line i,.nx-step,.nx-stars i,.nx-slot,.nx-sat,.nx-ring,.nx-pulse{animation:none !important}
}


/* V106b — bento: compactar tarjetas y centrar la órbita */
.nx-card{min-height:0;padding:18px 18px 0}
.nx-head{margin-bottom:12px}
.nx-scene{min-height:0;display:flex;flex-direction:column}
.nx-noti{padding:7px 10px}
.nx-noti b{font-size:10px}
.nx-noti em{font-size:9px}
.nx-notis{gap:6px;padding-bottom:12px}
.nx-chat{gap:6px;padding-bottom:12px}
.nx-msg{padding:7px 10px;font-size:10px}
.nx-rec{padding-bottom:12px}
.nx-tag{padding:7px 11px;font-size:10px}
.nx-cal{padding-bottom:12px}
.nx-slot{padding:8px 10px;margin-bottom:6px}
.nx-survey{padding-bottom:12px}

/* centro: la órbita ocupa el alto disponible y el equipo queda abajo */
.nx-center .nx-scene{justify-content:space-between}
.nx-orbit{height:auto !important;flex:1;min-height:260px;align-content:center}
.nx-device{margin-top:14px}


/* V106c — órbita: satélites anclados al núcleo, no al alto de la tarjeta */
.nx-orbit{position:relative;display:block !important;min-height:320px}
.nx-sat{
  left:auto;right:auto;top:auto;bottom:auto;
  transform:none;
}
.nx-sat.s1{left:calc(50% - 176px) !important;top:calc(50% - 86px) !important}
.nx-sat.s2{left:calc(50% + 124px) !important;top:calc(50% - 106px) !important;right:auto !important}
.nx-sat.s3{left:calc(50% + 144px) !important;top:calc(50% + 14px) !important;right:auto !important;bottom:auto !important}
.nx-sat.s4{left:calc(50% - 194px) !important;top:calc(50% + 29px) !important;bottom:auto !important}
.nx-sat.s5{left:calc(50% - 26px) !important;top:calc(50% - 171px) !important;animation-name:nxFloat !important}
.nx-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
@media (max-width:1180px){
  .nx-sat.s1{left:calc(50% - 148px) !important}
  .nx-sat.s2{left:calc(50% + 100px) !important}
  .nx-sat.s3{left:calc(50% + 116px) !important}
  .nx-sat.s4{left:calc(50% - 162px) !important}
}


/* ============================================================
   V107 — CICLO INTEGRAL: consola interactiva (agenda + KPIs)
   ============================================================ */
.cy-console{
  position:relative;border-radius:26px;overflow:hidden;
  background:linear-gradient(168deg,#0B1440 0%, #0A1030 60%, #091235 100%);
  border:1px solid rgba(125,211,252,.24);
  box-shadow:0 34px 90px rgba(1,5,22,.6);
  text-align:left;
}
.cy-console::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(46% 40% at 88% 0%, rgba(47,231,254,.14) 0%, transparent 62%),
    radial-gradient(48% 44% at 6% 100%, rgba(124,58,237,.18) 0%, transparent 64%);
}
.cy-console > *{position:relative;z-index:1}

/* ---------- barra superior ---------- */
.cy-top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.1);
}
.cy-tabs{display:flex;gap:8px;flex-wrap:wrap}
.cy-tab{
  display:flex;flex-direction:column;gap:2px;cursor:pointer;
  padding:9px 16px;border-radius:13px;text-align:left;
  background:rgba(255,255,255,.05);border:1px solid rgba(125,211,252,.2);
  transition:background .25s ease,border-color .25s ease,transform .2s ease;
}
.cy-tab b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:13.5px;color:#DCE7FA}
.cy-tab em{font-style:normal;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#7E93C4;
  font-family:'IBM Plex Mono',ui-monospace,monospace}
.cy-tab:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
.cy-tab.is-on{border-color:transparent;box-shadow:0 12px 26px rgba(2,10,44,.5)}
.cy-tab.m0.is-on{background:linear-gradient(96deg,#22D3EE,#2563FF)}
.cy-tab.m1.is-on{background:linear-gradient(96deg,#2563FF,#7C3AED)}
.cy-tab.m2.is-on{background:linear-gradient(96deg,#7C3AED,#E879F9)}
.cy-tab.is-on b,.cy-tab.is-on em{color:#fff}

.cy-right{display:flex;align-items:center;gap:12px}
.cy-count{
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;color:#7E93C4;
}
.cy-count b{color:#7FF0FF;font-size:15px}
.cy-play{
  display:grid;place-items:center;width:40px;height:40px;border-radius:50%;cursor:pointer;
  background:rgba(94,234,255,.14);border:1px solid rgba(94,234,255,.36);color:#7FF0FF;
  transition:background .2s ease,transform .2s ease;
}
.cy-play:hover{background:rgba(94,234,255,.26);transform:scale(1.06)}
.cy-play svg{width:16px;height:16px}

.cy-bar{height:3px;background:rgba(255,255,255,.08)}
.cy-bar i{
  display:block;height:100%;width:5%;
  background:linear-gradient(90deg,#22D3EE,#2563FF 45%,#7C3AED 75%,#E879F9);
  box-shadow:0 0 14px rgba(94,234,255,.6);
  transition:width .6s cubic-bezier(.2,.8,.2,1);
}

/* ---------- rejilla ---------- */
.cy-grid{display:grid;grid-template-columns:270px 1fr 232px;gap:0}
.cy-cal{padding:20px 18px;border-right:1px solid rgba(255,255,255,.1)}
.cy-kpis{padding:20px 16px;border-left:1px solid rgba(255,255,255,.1);display:grid;gap:10px;align-content:start}
.cy-stage{padding:22px 24px;min-width:0}

/* ---------- agenda ---------- */
.cy-calTop{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.cy-calTop b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#fff}
.cy-calTop span{font-size:10.5px;color:#7E93C4}
.cy-rows{display:grid;gap:7px}
.cy-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 11px;border-radius:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  transition:background .45s ease,border-color .45s ease,transform .45s ease;
}
.cy-hour{
  flex:none;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;color:#7E93C4;width:34px;
}
.cy-who{flex:1;min-width:0}
.cy-who b{display:block;font-size:11.5px;color:#fff;font-weight:600;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-who em{font-style:normal;font-size:9.5px;color:#8FA5D2}
.cy-dot{flex:none;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22)}

.cy-row.res{background:rgba(37,99,255,.16);border-color:rgba(94,234,255,.34)}
.cy-row.res .cy-dot{background:#5EEAFF}
.cy-row.ok{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.4)}
.cy-row.ok .cy-dot{background:#34D399}
.cy-row.ok .cy-who em{color:#6EE7B7}
.cy-row.warn{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.42)}
.cy-row.warn .cy-dot{background:#FBBF24}
.cy-row.warn .cy-who em{color:#FCD34D}
.cy-row.bad{background:rgba(244,63,94,.14);border-color:rgba(244,63,94,.42)}
.cy-row.bad .cy-dot{background:#FB7185}
.cy-row.bad .cy-who em{color:#FDA4AF}
.cy-row.free{background:repeating-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 6px,rgba(255,255,255,.02) 6px,rgba(255,255,255,.02) 12px);
  border-style:dashed;border-color:rgba(196,181,253,.5)}
.cy-row.free .cy-dot{background:#C4B5FD}
.cy-row.offer{background:rgba(34,211,238,.16);border-color:rgba(94,234,255,.5)}
.cy-row.offer .cy-dot{background:#5EEAFF;animation:cyPing 1.6s ease-out infinite}
.cy-row.live{background:linear-gradient(96deg,rgba(34,211,238,.2),rgba(124,58,237,.22));border-color:rgba(94,234,255,.5)}
.cy-row.live .cy-dot{background:#7FF0FF;animation:cyPing 1.4s ease-out infinite}
.cy-row.is-hit{transform:translateX(4px);box-shadow:0 0 0 2px rgba(94,234,255,.4)}
@keyframes cyPing{0%{box-shadow:0 0 0 0 rgba(127,240,255,.7)}70%,100%{box-shadow:0 0 0 9px rgba(127,240,255,0)}}

.cy-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:9px;color:#7E93C4}
.cy-legend span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
.cy-legend .l-ok::before{background:#34D399}
.cy-legend .l-free::before{background:#C4B5FD}
.cy-legend .l-live::before{background:#7FF0FF}

/* ---------- escenario ---------- */
.cy-badge{
  display:inline-block;padding:6px 13px;border-radius:999px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#fff;
  background:linear-gradient(96deg,#22D3EE,#2563FF);
  transition:background .4s ease;
}
.cy-stage.m1 .cy-badge{background:linear-gradient(96deg,#2563FF,#7C3AED)}
.cy-stage.m2 .cy-badge{background:linear-gradient(96deg,#7C3AED,#E879F9)}
.cy-name{
  display:block;margin:12px 0 8px;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;color:#fff;
}
.cy-desc{margin:0 0 18px;font-size:14px;line-height:1.6;color:#A9BCE0;min-height:66px;max-width:52ch}
.cy-name,.cy-desc{animation:cyIn .45s ease}
@keyframes cyIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.cy-chips{display:flex;flex-wrap:wrap;gap:6px}
.cy-chip{
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;
  padding:6px 11px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  color:#9DB3DE;font-size:10.5px;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease;
}
.cy-chip i{
  font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;opacity:.7;
}
.cy-chip:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-2px)}
.cy-chip.done{color:#CBD9F3;border-color:rgba(94,234,255,.28);background:rgba(37,99,255,.12)}
.cy-chip.is-on{
  color:#fff;border-color:transparent;transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(2,10,44,.5);
}
.cy-chip.m0.is-on{background:linear-gradient(96deg,#22D3EE,#2563FF)}
.cy-chip.m1.is-on{background:linear-gradient(96deg,#2563FF,#7C3AED)}
.cy-chip.m2.is-on{background:linear-gradient(96deg,#7C3AED,#E879F9)}

/* ---------- KPIs ---------- */
.cy-kpi{
  position:relative;padding:14px 14px 13px;border-radius:15px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  overflow:hidden;
}
.cy-kpi::after{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,#22D3EE,#7C3AED);opacity:.7;
}
.cy-kIco{
  position:absolute;right:12px;top:12px;display:grid;place-items:center;
  width:26px;height:26px;border-radius:9px;
  background:rgba(94,234,255,.14);color:#7FF0FF;
}
.cy-kIco svg{width:14px;height:14px}
.cy-kpi small{
  display:block;margin-bottom:6px;padding-right:30px;
  font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#8FA5D2;line-height:1.3;
}
.cy-kpi b{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:700;font-size:23px;letter-spacing:-.03em;color:#fff;
  font-variant-numeric:tabular-nums;
  transition:color .3s ease;
}
.cy-kpi.bump b{color:#7FF0FF}
.cy-kpi.bump{box-shadow:0 0 0 2px rgba(94,234,255,.35)}

@media (max-width:1180px){
  .cy-grid{grid-template-columns:1fr 232px}
  .cy-cal{grid-column:1 / -1;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .cy-rows{grid-template-columns:1fr 1fr;display:grid}
}
@media (max-width:820px){
  .cy-grid{grid-template-columns:1fr}
  .cy-kpis{border-left:0;border-top:1px solid rgba(255,255,255,.1);grid-template-columns:1fr 1fr}
  .cy-rows{grid-template-columns:1fr}
  .cy-desc{min-height:0}
}
@media (prefers-reduced-motion:reduce){
  .cy-name,.cy-desc{animation:none}
  .cy-row,.cy-bar i,.cy-chip{transition:none}
  .cy-row.offer .cy-dot,.cy-row.live .cy-dot{animation:none}
}


/* V107b — consola del ciclo: alineación y ajuste vertical */
.cy-console,.cy-console *{text-align:left !important}
.cy-count,.cy-play{text-align:center !important}
.cy-stage{display:flex;flex-direction:column}
.cy-chips{margin-top:auto;padding-top:6px}
.cy-desc{min-height:auto;margin-bottom:22px}
.cy-cal{display:flex;flex-direction:column}
.cy-legend{margin-top:auto;padding-top:14px}


/* V107c — la etiqueta de momento no debe estirarse */
.cy-badge{align-self:flex-start;width:auto}


/* ============================================================
   V108 — CICLO: consola de producto (panel + agenda + tabla)
   ============================================================ */
.cx-app{
  position:relative;border-radius:24px;overflow:hidden;text-align:left;
  background:linear-gradient(180deg,#0A1338 0%, #081029 100%);
  border:1px solid rgba(125,211,252,.26);
  box-shadow:0 40px 110px rgba(1,5,22,.7), inset 0 1px 0 rgba(255,255,255,.08);
}
.cx-app *{text-align:left}

/* ---------- chrome ---------- */
.cx-chrome{
  display:flex;align-items:center;gap:16px;padding:13px 18px;
  background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1);
}
.cx-brand{display:flex;align-items:center;gap:9px;flex:none}
.cx-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;
  background:linear-gradient(140deg,#22D3EE,#2563FF);color:#fff}
.cx-logo svg{width:18px;height:18px}
.cx-brand b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:16px;color:#fff;letter-spacing:-.02em}
.cx-search{
  flex:1;max-width:420px;display:flex;align-items:center;gap:9px;
  padding:9px 14px;border-radius:11px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  color:#7E93C4;font-size:12px;
}
.cx-search svg{width:15px;height:15px;flex:none}
.cx-tools{margin-left:auto;display:flex;align-items:center;gap:10px}
.cx-btnMain{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 15px;border-radius:11px;
  background:linear-gradient(96deg,#2563FF,#22D3EE);color:#fff;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:12.5px;
  box-shadow:0 10px 24px rgba(37,99,255,.4);
}
.cx-btnMain svg{width:14px;height:14px}
.cx-ico{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;
  background:rgba(255,255,255,.06);color:#9DB3DE}
.cx-ico svg{width:15px;height:15px}
.cx-dotRed{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#FB7185}
.cx-user{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#DCE7FA}
.cx-user i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:linear-gradient(140deg,#7C3AED,#2563FF);color:#fff;font-style:normal;font-size:10px;font-weight:700}

.cx-nav{
  display:flex;align-items:center;gap:20px;padding:0 18px;
  border-bottom:1px solid rgba(255,255,255,.1);
  font-size:12.5px;color:#8FA5D2;overflow-x:auto;
}
.cx-nav span{padding:12px 0;white-space:nowrap}
.cx-nav .is-on{color:#7FF0FF;box-shadow:inset 0 -2px 0 #7FF0FF;font-weight:600}
.cx-live{
  margin-left:auto;padding:5px 11px !important;border-radius:999px;
  background:rgba(52,211,153,.14);border:1px solid rgba(52,211,153,.36);
  color:#6EE7B7 !important;font-size:10.5px;font-weight:600;
}

/* ---------- cuerpo ---------- */
.cx-body{padding:18px}
.cx-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.cx-h1{display:block;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:22px;color:#fff;letter-spacing:-.03em}
.cx-h2{display:block;margin-top:3px;font-size:11.5px;color:#8FA5D2}
.cx-h2 i{font-style:normal;color:#7FF0FF;font-weight:600}
.cx-ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cx-tabs{display:flex;gap:6px}
.cx-tab{
  padding:8px 13px;border-radius:10px;cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid rgba(125,211,252,.2);
  color:#CBD9F3;font-size:11.5px;font-weight:600;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.cx-tab:hover{background:rgba(255,255,255,.1);color:#fff}
.cx-tab.is-on{color:#fff;border-color:transparent}
.cx-tab.t0.is-on{background:linear-gradient(96deg,#22D3EE,#2563FF)}
.cx-tab.t1.is-on{background:linear-gradient(96deg,#2563FF,#7C3AED)}
.cx-tab.t2.is-on{background:linear-gradient(96deg,#7C3AED,#E879F9)}
.cx-count{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11.5px;color:#7E93C4}
.cx-count b{color:#7FF0FF;font-size:14px}
.cx-play{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;cursor:pointer;
  background:rgba(94,234,255,.14);border:1px solid rgba(94,234,255,.36);color:#7FF0FF}
.cx-play:hover{background:rgba(94,234,255,.26)}
.cx-play svg{width:13px;height:13px}
.cx-bar{height:3px;border-radius:2px;background:rgba(255,255,255,.08);margin-bottom:16px;overflow:hidden}
.cx-bar i{display:block;height:100%;width:5%;
  background:linear-gradient(90deg,#22D3EE,#2563FF 45%,#7C3AED 75%,#E879F9);
  box-shadow:0 0 12px rgba(94,234,255,.6);transition:width .6s cubic-bezier(.2,.8,.2,1)}

/* ---------- KPIs ---------- */
.cx-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:16px}
.cx-kpi{
  position:relative;padding:14px 14px 12px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  overflow:hidden;transition:box-shadow .3s ease;
}
.cx-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#22D3EE,#7C3AED)}
.cx-kIco{position:absolute;right:11px;top:11px;display:grid;place-items:center;
  width:24px;height:24px;border-radius:8px;background:rgba(94,234,255,.14);color:#7FF0FF}
.cx-kIco svg{width:13px;height:13px}
.cx-kpi small{display:block;margin-bottom:5px;padding-right:28px;
  font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#8FA5D2;line-height:1.3}
.cx-kpi b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;
  font-size:21px;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.cx-spark{display:flex;align-items:flex-end;gap:3px;height:16px;margin-top:8px}
.cx-spark i{flex:1;height:20%;border-radius:2px;background:rgba(255,255,255,.14);
  transition:height .5s ease, background .5s ease}
.cx-spark i.on{background:linear-gradient(180deg,#7FF0FF,#2563FF)}
.cx-kpi.bump{box-shadow:0 0 0 2px rgba(94,234,255,.4)}
.cx-kpi.bump b{color:#7FF0FF}

/* ---------- agenda + panel ---------- */
.cx-split{display:grid;grid-template-columns:1.25fr .85fr;gap:12px;margin-bottom:16px}
.cx-week,.cx-panel{
  padding:15px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);
}
.cx-wTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:11px}
.cx-wTop b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#fff}
.cx-note{font-size:10.5px;color:#7FF0FF}
.cx-grid{display:grid;grid-template-columns:44px repeat(3,1fr);gap:6px;align-items:stretch}
.cx-day em{display:block;font-style:normal;font-size:8.5px;letter-spacing:.14em;color:#7E93C4}
.cx-day b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:16px;color:#fff}
.cx-hr{display:flex;align-items:center;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9px;color:#7E93C4}
.cx-cell{
  position:relative;padding:7px 9px;border-radius:9px;min-height:40px;
  background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.14);
  transition:background .45s ease,border-color .45s ease,transform .35s ease,box-shadow .35s ease;
}
.cx-cell b{display:block;font-size:10.5px;color:#7E93C4;font-weight:500;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-cell em{font-style:normal;font-size:8.5px;color:#64789F}
.cx-av{position:absolute;right:7px;top:8px;width:6px;height:6px;border-radius:50%;background:transparent}
.cx-cell.bk{background:rgba(255,255,255,.07);border-style:solid;border-color:rgba(255,255,255,.16)}
.cx-cell.bk b{color:#DCE7FA;font-weight:600}
.cx-cell.block{background:repeating-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 5px,transparent 5px,transparent 10px);
  border-style:solid;border-color:rgba(255,255,255,.14)}
.cx-cell.res{background:rgba(37,99,255,.2);border-style:solid;border-color:rgba(94,234,255,.42)}
.cx-cell.res b,.cx-cell.res em{color:#BFE6FF}
.cx-cell.res .cx-av{background:#5EEAFF}
.cx-cell.ok{background:rgba(52,211,153,.16);border-style:solid;border-color:rgba(52,211,153,.44)}
.cx-cell.ok b{color:#fff}.cx-cell.ok em{color:#6EE7B7}
.cx-cell.ok .cx-av{background:#34D399}
.cx-cell.warn{background:rgba(245,158,11,.16);border-style:solid;border-color:rgba(245,158,11,.46)}
.cx-cell.warn b{color:#fff}.cx-cell.warn em{color:#FCD34D}
.cx-cell.warn .cx-av{background:#FBBF24}
.cx-cell.bad{background:rgba(244,63,94,.16);border-style:solid;border-color:rgba(244,63,94,.46)}
.cx-cell.bad b{color:#fff}.cx-cell.bad em{color:#FDA4AF}
.cx-cell.bad .cx-av{background:#FB7185}
.cx-cell.free{background:repeating-linear-gradient(135deg,rgba(196,181,253,.14),rgba(196,181,253,.14) 5px,transparent 5px,transparent 10px);
  border-color:rgba(196,181,253,.5)}
.cx-cell.free b{color:#DDD3FE}.cx-cell.free em{color:#C4B5FD}
.cx-cell.free .cx-av{background:#C4B5FD}
.cx-cell.offer{background:rgba(34,211,238,.2);border-style:solid;border-color:rgba(94,234,255,.55)}
.cx-cell.offer b{color:#fff}.cx-cell.offer em{color:#9DEBFF}
.cx-cell.offer .cx-av{background:#5EEAFF;animation:cxPing 1.5s ease-out infinite}
.cx-cell.win{background:linear-gradient(96deg,rgba(34,211,238,.24),rgba(52,211,153,.22));
  border-style:solid;border-color:rgba(94,234,255,.5)}
.cx-cell.win b{color:#fff}.cx-cell.win em{color:#7FF0FF}
.cx-cell.win .cx-av{background:#34D399}
.cx-cell.live{background:linear-gradient(96deg,rgba(34,211,238,.24),rgba(124,58,237,.26));
  border-style:solid;border-color:rgba(94,234,255,.55)}
.cx-cell.live b{color:#fff}.cx-cell.live em{color:#7FF0FF}
.cx-cell.live .cx-av{background:#7FF0FF;animation:cxPing 1.3s ease-out infinite}
.cx-cell.is-hit{transform:translateY(-3px);box-shadow:0 0 0 2px rgba(94,234,255,.5),0 12px 26px rgba(2,10,44,.5)}
@keyframes cxPing{0%{box-shadow:0 0 0 0 rgba(127,240,255,.7)}70%,100%{box-shadow:0 0 0 8px rgba(127,240,255,0)}}

.cx-panel{display:flex;flex-direction:column}
.cx-pTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.cx-pTop b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:13px;color:#8FA5D2;font-weight:500}
.cx-badge{padding:5px 11px;border-radius:999px;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#fff;
  background:linear-gradient(96deg,#22D3EE,#2563FF);transition:background .4s ease}
.cx-panel.m1 .cx-badge{background:linear-gradient(96deg,#2563FF,#7C3AED)}
.cx-panel.m2 .cx-badge{background:linear-gradient(96deg,#7C3AED,#E879F9)}
.cx-name{display:block;margin:2px 0 8px;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-size:30px;letter-spacing:-.04em;color:#fff;animation:cxIn .45s ease}
.cx-desc{margin:0 0 14px;font-size:12.8px;line-height:1.6;color:#A9BCE0;animation:cxIn .45s ease}
@keyframes cxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cx-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.cx-chip{display:inline-flex;align-items:center;gap:5px;cursor:pointer;
  padding:5px 9px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  color:#9DB3DE;font-size:9.5px;transition:all .22s ease}
.cx-chip i{font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:8px;opacity:.7}
.cx-chip:hover{background:rgba(255,255,255,.12);color:#fff}
.cx-chip.done{color:#CBD9F3;background:rgba(37,99,255,.14);border-color:rgba(94,234,255,.26)}
.cx-chip.is-on{color:#fff;border-color:transparent;transform:translateY(-1px)}
.cx-chip.m0.is-on{background:linear-gradient(96deg,#22D3EE,#2563FF)}
.cx-chip.m1.is-on{background:linear-gradient(96deg,#2563FF,#7C3AED)}
.cx-chip.m2.is-on{background:linear-gradient(96deg,#7C3AED,#E879F9)}

/* ---------- tabla ---------- */
.cx-table{border-radius:16px;overflow:hidden;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);margin-bottom:14px}
.cx-th,.cx-tr{display:grid;grid-template-columns:1.5fr .8fr 1.6fr .9fr;gap:12px;
  padding:11px 15px;align-items:center}
.cx-th{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#7E93C4;
  border-bottom:1px solid rgba(255,255,255,.1)}
.cx-tr{border-top:1px solid rgba(255,255,255,.07);transition:background .35s ease}
.cx-tr.is-hit{background:rgba(94,234,255,.08)}
.cx-pt{display:flex;align-items:center;gap:10px;min-width:0}
.cx-avat{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  color:#fff;font-size:10px;font-weight:700;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif}
.cx-pt b{display:block;font-size:12px;color:#fff;font-weight:600;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif}
.cx-pt em{font-style:normal;font-size:10px;color:#8FA5D2}
.cx-pill{display:inline-block;padding:5px 11px;border-radius:999px;font-size:10px;font-weight:700;
  background:rgba(255,255,255,.08);color:#9DB3DE;transition:all .35s ease}
.cx-pill.p-res{background:rgba(37,99,255,.22);color:#9DEBFF}
.cx-pill.p-ok{background:rgba(52,211,153,.18);color:#6EE7B7}
.cx-pill.p-warn{background:rgba(245,158,11,.18);color:#FCD34D}
.cx-pill.p-bad{background:rgba(244,63,94,.18);color:#FDA4AF}
.cx-pill.p-free{background:rgba(196,181,253,.2);color:#DDD3FE}
.cx-pill.p-offer{background:rgba(34,211,238,.22);color:#7FF0FF}
.cx-pill.p-live{background:linear-gradient(96deg,rgba(34,211,238,.28),rgba(124,58,237,.28));color:#fff}
.cx-pill.p-post{background:rgba(124,58,237,.24);color:#DDD3FE}
.cx-pill.p-win{background:linear-gradient(96deg,#22D3EE,#34D399);color:#04102F}
.cx-ac{font-size:11.5px;color:#A9BCE0;line-height:1.4}
.cx-pg{display:flex;align-items:center;gap:8px}
.cx-pg i{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.1);position:relative;overflow:hidden}
.cx-pg i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p,0%);
  background:linear-gradient(90deg,#22D3EE,#7C3AED);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.cx-pg span{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9.5px;color:#8FA5D2;width:30px}

/* ---------- pie ---------- */
.cx-foot{display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding-top:13px;border-top:1px solid rgba(255,255,255,.1)}
.cx-fLab{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#7E93C4}
.cx-int{padding:7px 13px;border-radius:9px;font-size:11px;color:#CBD9F3;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.cx-int::before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;
  vertical-align:-1px}
.cx-int.i-g::before{background:conic-gradient(#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0)}
.cx-int.i-m::before{background:conic-gradient(#F25022 0 25%,#7FBA00 0 50%,#FFB900 0 75%,#00A4EF 0)}
.cx-int.i-a::before{background:#E5E7EB}
.cx-int.i-s::before{background:#22D3EE}
.cx-int.i-p::before{background:#7C3AED}
.cx-fRight{margin-left:auto;font-size:10.5px;color:#7E93C4}

@media (max-width:1180px){
  .cx-kpis{grid-template-columns:repeat(3,1fr)}
  .cx-split{grid-template-columns:1fr}
  .cx-search{display:none}
}
@media (max-width:860px){
  .cx-kpis{grid-template-columns:1fr 1fr}
  .cx-th{display:none}
  .cx-tr{grid-template-columns:1fr 1fr;gap:8px}
  .cx-ac{grid-column:1 / -1}
  .cx-grid{grid-template-columns:36px repeat(3,1fr)}
  .cx-cell b{font-size:9px}
  .cx-cell em{display:none}
}
@media (prefers-reduced-motion:reduce){
  .cx-name,.cx-desc{animation:none}
  .cx-cell,.cx-bar i,.cx-pg i::after,.cx-spark i{transition:none}
  .cx-cell.offer .cx-av,.cx-cell.live .cx-av{animation:none}
}


/* V108b — panel de estado: chips más cerca del texto */
.cx-panel .cx-chips{margin-top:16px}
.cx-panel .cx-desc{margin-bottom:0}


/* ============================================================
   V109 — CICLO COMPLETO: chat en vivo, riesgo, ROI y embudo
   ============================================================ */
/* tonos compartidos entre calendario y botones de estado */
.cx-app{--t-res:#5EEAFF;--t-ok:#34D399;--t-warn:#FBBF24;--t-bad:#FB7185;
        --t-free:#C4B5FD;--t-offer:#22D3EE;--t-win:#2FE7FE;--t-live:#A78BFA;--t-post:#E879F9}

.cx-kpis{grid-template-columns:repeat(4,1fr) !important;gap:10px}
.cx-kpi small{font-size:8.5px}
.cx-kpi b{font-size:20px}

/* ---------- chat en vivo ---------- */
.cx-chat{
  flex:1;min-height:210px;max-height:260px;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;gap:7px;
  padding:12px;border-radius:13px;margin-bottom:14px;
  background:rgba(4,12,40,.55);border:1px solid rgba(255,255,255,.1);
}
.cx-msg{
  max-width:86%;padding:8px 11px;border-radius:13px;
  font-size:11.5px;line-height:1.45;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#DCE7FA;
  animation:cxMsg .38s ease;
}
.cx-msg.me{
  margin-left:auto;
  background:linear-gradient(96deg,rgba(52,211,153,.24),rgba(34,211,238,.22));
  border-color:rgba(94,234,255,.36);color:#fff;
}
.cx-msg b{color:#7FF0FF;font-weight:600}
@keyframes cxMsg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cx-typing{display:flex;gap:4px;padding:9px 12px;width:46px;border-radius:13px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.cx-typing i{width:5px;height:5px;border-radius:50%;background:#7FF0FF;opacity:.4;
  animation:cxDot 1.1s infinite}
.cx-typing i:nth-child(2){animation-delay:.15s}
.cx-typing i:nth-child(3){animation-delay:.3s}
@keyframes cxDot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* botones de estado con el color del calendario */
.cx-chip{border-color:rgba(255,255,255,.14)}
.cx-chip.is-on{color:#04102F;border-color:transparent;font-weight:700}
.cx-chip.tone-res.is-on{background:var(--t-res)}
.cx-chip.tone-ok.is-on{background:var(--t-ok)}
.cx-chip.tone-warn.is-on{background:var(--t-warn)}
.cx-chip.tone-bad.is-on{background:var(--t-bad)}
.cx-chip.tone-free.is-on{background:var(--t-free)}
.cx-chip.tone-offer.is-on{background:var(--t-offer)}
.cx-chip.tone-win.is-on{background:var(--t-win)}
.cx-chip.tone-live.is-on{background:var(--t-live)}
.cx-chip.tone-post.is-on{background:var(--t-post)}
.cx-chip.done{border-color:rgba(255,255,255,.2)}
.cx-chip.tone-res.done{box-shadow:inset 3px 0 0 var(--t-res)}
.cx-chip.tone-ok.done{box-shadow:inset 3px 0 0 var(--t-ok)}
.cx-chip.tone-warn.done{box-shadow:inset 3px 0 0 var(--t-warn)}
.cx-chip.tone-bad.done{box-shadow:inset 3px 0 0 var(--t-bad)}
.cx-chip.tone-free.done{box-shadow:inset 3px 0 0 var(--t-free)}
.cx-chip.tone-offer.done{box-shadow:inset 3px 0 0 var(--t-offer)}
.cx-chip.tone-win.done{box-shadow:inset 3px 0 0 var(--t-win)}
.cx-chip.tone-live.done{box-shadow:inset 3px 0 0 var(--t-live)}
.cx-chip.tone-post.done{box-shadow:inset 3px 0 0 var(--t-post)}
.cx-badge{background:var(--t-res) !important;color:#04102F !important}
.cx-panel.tone-ok .cx-badge{background:var(--t-ok) !important}
.cx-panel.tone-warn .cx-badge{background:var(--t-warn) !important}
.cx-panel.tone-bad .cx-badge{background:var(--t-bad) !important}
.cx-panel.tone-free .cx-badge{background:var(--t-free) !important}
.cx-panel.tone-offer .cx-badge{background:var(--t-offer) !important}
.cx-panel.tone-win .cx-badge{background:var(--t-win) !important}
.cx-panel.tone-live .cx-badge{background:var(--t-live) !important}
.cx-panel.tone-post .cx-badge{background:var(--t-post) !important}

/* ---------- tabla ---------- */
.cx-th,.cx-tr{grid-template-columns:1.35fr 1.6fr .85fr .6fr .85fr !important}
.cx-hh{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10.5px;color:#9DB3DE}
.cx-riskTag{display:inline-block;padding:5px 10px;border-radius:8px;font-size:9.5px;font-weight:700}
.cx-riskTag.none{background:rgba(255,255,255,.07);color:#7E93C4}
.cx-riskTag.hot{background:rgba(244,63,94,.18);color:#FDA4AF}
.cx-riskTag.mid{background:rgba(245,158,11,.18);color:#FCD34D}
.cx-riskTag.res{background:rgba(34,211,238,.2);color:#7FF0FF}
.cx-riskTag.win{background:linear-gradient(96deg,#22D3EE,#34D399);color:#04102F}

/* ---------- riesgo + ROI ---------- */
.cx-roi{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-bottom:14px}
.cx-risks,.cx-money{padding:15px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.cx-rTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
.cx-rTop b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#fff}
.cx-rTop span{font-size:10px;color:#7E93C4}
.cx-rGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.cx-rItem{padding:11px 10px;border-radius:11px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);border-top:2px solid var(--rc,#FB7185);
  transition:box-shadow .3s ease}
.cx-rItem.r0{--rc:#FBBF24}.cx-rItem.r1{--rc:#FB7185}.cx-rItem.r2{--rc:#F472B6}
.cx-rItem.r3{--rc:#A78BFA}.cx-rItem.r4{--rc:#38BDF8}
.cx-rItem small{display:block;margin-bottom:5px;font-size:9px;line-height:1.25;color:#8FA5D2}
.cx-rItem b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:19px;color:#fff}
.cx-rItem.bump{box-shadow:0 0 0 2px var(--rc)}

.cx-money{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.cx-mItem{padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12)}
.cx-mItem small{display:block;margin-bottom:5px;font-size:9px;letter-spacing:.07em;
  text-transform:uppercase;color:#8FA5D2}
.cx-mItem b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;
  font-size:20px;color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cx-mItem.risk{border-color:rgba(244,63,94,.36)}
.cx-mItem.risk b{color:#FDA4AF}
.cx-mItem.win{border-color:rgba(52,211,153,.4)}
.cx-mItem.win b{color:#6EE7B7}
.cx-mItem.pct b{background:linear-gradient(96deg,#22D3EE,#7C3AED);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.cx-mBar{display:block;height:5px;border-radius:3px;margin-top:8px;background:rgba(255,255,255,.12);overflow:hidden}
.cx-mBar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#22D3EE,#7C3AED);
  transition:width .6s cubic-bezier(.2,.8,.2,1)}
.cx-mItem.roi{grid-column:1 / -1;background:linear-gradient(96deg,rgba(34,211,238,.14),rgba(124,58,237,.16));
  border-color:rgba(94,234,255,.36)}
.cx-mItem.roi b{font-size:26px;background:linear-gradient(96deg,#7FF0FF,#C4B5FD);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.cx-mNote{display:block;margin-top:5px;font-size:9px;color:#8FA5D2}

/* ---------- embudo ---------- */
.cx-funnel{padding:16px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.cx-fTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:13px;flex-wrap:wrap}
.cx-fTop b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#fff}
.cx-fTop span{font-size:10px;color:#7E93C4}
.cx-fRow{display:grid;grid-template-columns:150px 1fr 54px 44px;gap:12px;align-items:center;margin-bottom:8px}
.cx-fName{font-size:11.5px;color:#CBD9F3}
.cx-fBar{height:22px;border-radius:7px;background:rgba(255,255,255,.07);overflow:hidden}
.cx-fBar i{display:block;height:100%;width:0;border-radius:7px;
  background:linear-gradient(90deg,var(--c1),var(--c2));
  transition:width 1s cubic-bezier(.2,.8,.2,1)}
.cx-funnel.on .cx-fBar i{width:var(--w)}
.cx-fRow.f0{--c1:#2FE7FE;--c2:#22D3EE}
.cx-fRow.f1{--c1:#38BDF8;--c2:#2563FF}
.cx-fRow.f2{--c1:#2563FF;--c2:#6366F1}
.cx-fRow.f3{--c1:#6366F1;--c2:#7C3AED}
.cx-fRow.f4{--c1:#7C3AED;--c2:#A855F7}
.cx-fRow.f5{--c1:#C026D3;--c2:#E879F9}
.cx-fVal{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;
  font-size:14px;color:#fff;font-variant-numeric:tabular-nums}
.cx-fPct{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10.5px;color:#7E93C4}

@media (max-width:1180px){
  .cx-kpis{grid-template-columns:repeat(2,1fr) !important}
  .cx-roi{grid-template-columns:1fr}
  .cx-rGrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:860px){
  .cx-th{display:none}
  .cx-tr{grid-template-columns:1fr 1fr !important;gap:8px}
  .cx-ac{grid-column:1 / -1}
  .cx-rGrid{grid-template-columns:1fr 1fr}
  .cx-money{grid-template-columns:1fr}
  .cx-fRow{grid-template-columns:110px 1fr 44px 38px;gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .cx-msg{animation:none}
  .cx-typing i{animation:none}
  .cx-fBar i,.cx-mBar i{transition:none}
}


/* ============================================================
   V110 — navy plano, KPIs en una fila, 20 colores y chat móvil
   ============================================================ */
.dk,#precio,#problema,.dk-final{background:#050C24 !important}
.dk::before,#problema::before,#problema::after,#precio::before,.dk-final::before{display:none !important}
.strip.kb-marquee{background:#050C24 !important}

.cx-kpis{grid-template-columns:repeat(8,minmax(0,1fr)) !important;gap:8px !important}
.cx-kpi{padding:12px 11px 10px}
.cx-kpi small{font-size:8px;padding-right:24px;letter-spacing:.06em}
.cx-kpi b{font-size:17px}
.cx-kIco{width:21px;height:21px;right:9px;top:9px;border-radius:7px}
.cx-kIco svg{width:11px;height:11px}
.cx-spark{height:12px;margin-top:6px;gap:2px}

.cx-chip[data-i="0"]{--sc:#2FE7FE}
.cx-chip[data-i="1"]{--sc:#22D3EE}
.cx-chip[data-i="2"]{--sc:#34D399}
.cx-chip[data-i="3"]{--sc:#FBBF24}
.cx-chip[data-i="4"]{--sc:#FB7185}
.cx-chip[data-i="5"]{--sc:#C4B5FD}
.cx-chip[data-i="6"]{--sc:#38BDF8}
.cx-chip[data-i="7"]{--sc:#10B981}
.cx-chip[data-i="8"]{--sc:#60A5FA}
.cx-chip[data-i="9"]{--sc:#818CF8}
.cx-chip[data-i="10"]{--sc:#A78BFA}
.cx-chip[data-i="11"]{--sc:#F59E0B}
.cx-chip[data-i="12"]{--sc:#7DD3FC}
.cx-chip[data-i="13"]{--sc:#4ADE80}
.cx-chip[data-i="14"]{--sc:#93C5FD}
.cx-chip[data-i="15"]{--sc:#C084FC}
.cx-chip[data-i="16"]{--sc:#E879F9}
.cx-chip[data-i="17"]{--sc:#F472B6}
.cx-chip[data-i="18"]{--sc:#2563FF}
.cx-chip[data-i="19"]{--sc:#FDE68A}

.cx-chip.is-on{background:var(--sc) !important;color:#04102F !important;border-color:transparent !important}
.cx-chip.done{box-shadow:inset 3px 0 0 var(--sc) !important;border-color:rgba(255,255,255,.18) !important}
.cx-cell.tinted{
  background:color-mix(in srgb, var(--sc) 22%, transparent) !important;
  border:1px solid color-mix(in srgb, var(--sc) 62%, transparent) !important;
}
.cx-cell.tinted b{color:#fff !important}
.cx-cell.tinted em{color:var(--sc) !important}
.cx-cell.tinted .cx-av{background:var(--sc) !important}
.cx-cell.tinted.pulse .cx-av{animation:cxPing 1.4s ease-out infinite}
.cx-badge{background:var(--sc,#5EEAFF) !important;color:#04102F !important}
.cx-pill.tinted{background:color-mix(in srgb, var(--sc) 26%, transparent) !important;color:var(--sc) !important}

.cx-chat{
  background:linear-gradient(124deg, rgba(125,211,252,.09) 0%, rgba(10,20,64,.9) 100%) !important;
  border:1px solid rgba(125,211,252,.22) !important;border-radius:16px !important;
}
.cx-msg{
  background:#fff !important;border:1px solid rgba(125,211,252,.2) !important;
  color:#16224B !important;border-radius:13px 13px 13px 4px !important;
  box-shadow:0 6px 16px rgba(2,10,44,.28);
}
.cx-msg.me{
  background:linear-gradient(150deg,#8FF0FF,#5CD6FE) !important;
  border:1px solid rgba(255,255,255,.4) !important;
  color:#032B3B !important;border-radius:13px 13px 4px 13px !important;
}
.cx-typing{background:#fff !important;border-color:rgba(125,211,252,.2) !important}
.cx-typing i{background:#2563FF}

.cx-bottom{display:grid;grid-template-columns:1.5fr 1.15fr .9fr;gap:12px;align-items:stretch}
.cx-bottom > *{margin:0 !important}
.cx-table{display:flex;flex-direction:column}
.cx-roi{display:flex;flex-direction:column;padding:15px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.cx-rGrid{grid-template-columns:repeat(3,1fr) !important;margin-bottom:10px}
.cx-money{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}
.cx-mItem b{font-size:17px}
.cx-mItem.roi b{font-size:22px}
.cx-funnel{display:flex;flex-direction:column}
.cx-funnel .cx-fRow{display:grid;grid-template-columns:1fr 46px !important;gap:4px !important;margin-bottom:11px}
.cx-fName{font-size:10.5px}
.cx-fVal{font-size:13px;text-align:right !important}
.cx-fBar{grid-column:1 / -1;height:9px !important;margin-top:3px}
.cx-bigLead{font-size:clamp(19px,2.1vw,30px) !important;line-height:1.32;color:#DCE7FA !important;max-width:36ch}

@media (max-width:1280px){
  .cx-kpis{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  .cx-bottom{grid-template-columns:1fr 1fr}
  .cx-funnel{grid-column:1 / -1}
}
@media (max-width:860px){
  .cx-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .cx-bottom{grid-template-columns:1fr}
  .cx-money{grid-template-columns:1fr}
}


/* V110b — tabla del ciclo más legible en la columna angosta */
.cx-bottom{grid-template-columns:1.25fr 1.25fr .8fr}
.cx-th,.cx-tr{grid-template-columns:1fr !important;gap:6px !important;padding:12px 14px !important}
.cx-th{display:none !important}
.cx-tr{align-items:flex-start}
.cx-tr .cx-pt{width:100%}
.cx-tr .cx-ac{font-size:11px;color:#9DB3DE}
.cx-tr .cx-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cx-tr .cx-st,.cx-tr .cx-hh,.cx-tr .cx-rk{display:inline-flex;align-items:center}
.cx-tr .cx-hh{font-size:10px}
.cx-tableTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:14px 15px 10px}
.cx-tableTop b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#fff}
.cx-tableTop span{font-size:10px;color:#7E93C4}
.cx-rGrid{grid-template-columns:repeat(5,1fr) !important}
.cx-rItem small{font-size:8.5px}
.cx-rItem b{font-size:17px}


/* V110c — impacto y experiencia también en navy plano */
#impacto{background:#050C24 !important;background-image:none !important}
#experiencia{background:#050C24 !important;background-image:none !important}


/* ============================================================
   V111 — DASHBOARD DEL CICLO con la apariencia de la nueva categoría
   (tarjetas claras + tarjeta azul de marca + tarjetas navy)
   ============================================================ */
.cx-app{
  background:#050C24 !important;
  border:1px solid rgba(125,211,252,.2) !important;
  border-radius:26px !important;
  box-shadow:0 40px 110px rgba(1,5,22,.7) !important;
}
.cx-body{padding:16px !important;display:flex;flex-direction:column;gap:14px}
.cx-bar{margin-bottom:0 !important}

/* ---------- KPIs: tarjetas claras ---------- */
.cx-kpis{margin-bottom:0 !important}
.cx-kpi{
  background:linear-gradient(180deg,#E8F0FF 0%, #DCE8FF 100%) !important;
  border:1px solid rgba(13,24,76,.08) !important;
  border-radius:16px !important;
  box-shadow:0 14px 32px rgba(1,8,40,.35) !important;
  padding:13px 12px 11px !important;
}
.cx-kpi::before{display:none}
.cx-kpi small{color:#5C6B87 !important}
.cx-kpi b{color:#0D184C !important}
.cx-kIco{
  background:linear-gradient(140deg,#22D3EE,#2563FF) !important;
  color:#fff !important;border:0 !important;
}
.cx-spark i{background:rgba(13,24,76,.12)}
.cx-spark i.on{background:linear-gradient(180deg,#22D3EE,#2563FF)}
.cx-kpi.bump{box-shadow:0 0 0 2px #2563FF, 0 14px 32px rgba(1,8,40,.35) !important}
.cx-kpi.bump b{color:#1247F0 !important}

/* ---------- agenda: tarjeta clara ---------- */
.cx-week{
  background:linear-gradient(180deg,#E8F0FF 0%, #DCE8FF 100%) !important;
  border:1px solid rgba(13,24,76,.08) !important;
  border-radius:20px !important;padding:18px !important;
  box-shadow:0 16px 40px rgba(1,8,40,.35) !important;
}
.cx-week .cx-wTop b{color:#0D184C !important}
.cx-week .cx-note{color:#1247F0 !important}
.cx-week .cx-day em{color:#7B8AA6 !important}
.cx-week .cx-day b{color:#0D184C !important}
.cx-week .cx-hr{color:#8494B4 !important}
.cx-week .cx-cell{
  background:#fff !important;border:1px solid rgba(13,24,76,.08) !important;
  border-style:solid !important;
}
.cx-week .cx-cell b{color:#8494B4 !important}
.cx-week .cx-cell em{color:#A7B3C7 !important}
.cx-week .cx-cell.bk{background:#F4F8FF !important;border-color:rgba(13,24,76,.1) !important}
.cx-week .cx-cell.bk b{color:#0D184C !important;font-weight:600}
.cx-week .cx-cell.bk em{color:#7B8AA6 !important}
.cx-week .cx-cell.block{
  background:repeating-linear-gradient(135deg,#EDF2FB,#EDF2FB 5px,#F7FAFF 5px,#F7FAFF 10px) !important;
}
.cx-week .cx-cell.block b{color:#8494B4 !important}
.cx-week .cx-cell.tinted{
  background:color-mix(in srgb, var(--sc) 26%, #fff) !important;
  border:1px solid color-mix(in srgb, var(--sc) 70%, #fff) !important;
}
.cx-week .cx-cell.tinted b{color:#0D184C !important}
.cx-week .cx-cell.tinted em{color:color-mix(in srgb, var(--sc) 70%, #0D184C) !important}
.cx-week .cx-cell.is-hit{box-shadow:0 0 0 2px var(--sc,#2563FF), 0 12px 26px rgba(2,10,44,.25) !important}

/* ---------- estado actual: tarjeta azul de marca ---------- */
.cx-panel{
  background:linear-gradient(168deg,#1247F0 0%, #2563FF 42%, #1E90FF 100%) !important;
  border:1px solid rgba(148,214,255,.45) !important;
  border-radius:20px !important;padding:18px !important;
  box-shadow:0 24px 60px rgba(3,24,110,.5) !important;
}
.cx-panel .cx-pTop b{color:#CFE4FF !important}
.cx-chat{
  background:rgba(4,16,60,.32) !important;
  border:1px solid rgba(255,255,255,.24) !important;
}
.cx-panel .cx-chip{
  background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#EAF4FF;
}
.cx-panel .cx-chip:hover{background:rgba(255,255,255,.28);color:#fff}
.cx-panel .cx-chip.done{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}

/* ---------- pacientes y citas: tarjeta navy ---------- */
.cx-table{
  background:linear-gradient(180deg,#0B1440 0%, #0A1030 100%) !important;
  border:1px solid rgba(125,211,252,.22) !important;
  border-radius:20px !important;
  box-shadow:0 16px 40px rgba(1,5,22,.5) !important;
}

/* ---------- riesgo + ROI: tarjeta clara ---------- */
.cx-roi{
  background:linear-gradient(180deg,#E8F0FF 0%, #DCE8FF 100%) !important;
  border:1px solid rgba(13,24,76,.08) !important;
  border-radius:20px !important;padding:18px !important;
  box-shadow:0 16px 40px rgba(1,8,40,.35) !important;
}
.cx-roi .cx-rTop b{color:#0D184C !important}
.cx-roi .cx-rTop span{color:#7B8AA6 !important}
.cx-rItem{background:#fff !important;border:1px solid rgba(13,24,76,.08) !important;
  border-top:2px solid var(--rc) !important}
.cx-rItem small{color:#7B8AA6 !important}
.cx-rItem b{color:#0D184C !important}
.cx-mItem{background:#fff !important;border:1px solid rgba(13,24,76,.08) !important}
.cx-mItem small{color:#7B8AA6 !important}
.cx-mItem.risk{border-color:rgba(225,29,72,.3) !important}
.cx-mItem.risk b{color:#E11D48 !important}
.cx-mItem.win{border-color:rgba(16,185,129,.34) !important}
.cx-mItem.win b{color:#059669 !important}
.cx-mItem.pct b{background:linear-gradient(96deg,#2563FF,#7C3AED);-webkit-background-clip:text;background-clip:text;color:transparent !important}
.cx-mBar{background:rgba(13,24,76,.12) !important}
.cx-mItem.roi{
  background:linear-gradient(96deg,#1247F0,#2563FF 55%,#1E90FF) !important;
  border-color:transparent !important;
}
.cx-mItem.roi small{color:#CFE4FF !important}
.cx-mItem.roi b{background:none !important;-webkit-text-fill-color:#fff;color:#fff !important}
.cx-mItem.roi .cx-mNote{color:#CFE4FF !important}

/* ---------- embudo: tarjeta navy ---------- */
.cx-funnel{
  background:linear-gradient(180deg,#0B1440 0%, #0A1030 100%) !important;
  border:1px solid rgba(125,211,252,.22) !important;
  border-radius:20px !important;padding:18px !important;
  box-shadow:0 16px 40px rgba(1,5,22,.5) !important;
}

/* ---------- chrome y nav ---------- */
.cx-chrome{background:rgba(255,255,255,.04) !important;border-bottom:1px solid rgba(255,255,255,.1) !important}
.cx-split{margin-bottom:0 !important;gap:14px !important}
.cx-bottom{gap:14px !important}


/* V111b — el chat se desvanece arriba en vez de cortar el mensaje */
.cx-chat{
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 26px, #000 100%);
  mask-image:linear-gradient(180deg, transparent 0, #000 26px, #000 100%);
  padding-top:16px !important;
}


/* ============================================================
   V112 — bloque inferior: pacientes y citas a la mitad,
          riesgo y embudo más compactos y bajos
   ============================================================ */
.cx-bottom{grid-template-columns:2fr 1.15fr .85fr !important;align-items:start !important}

/* pacientes y citas ocupa la mitad y manda la altura */
.cx-table{max-height:none}
.cx-tableTop{padding:14px 16px 8px !important}
.cx-tr{padding:10px 16px !important;gap:5px !important}
.cx-tr .cx-pt b{font-size:12.5px}
.cx-tr .cx-ac{font-size:11.5px}

/* riesgo: más compacto */
.cx-roi{padding:14px !important}
.cx-roi .cx-rTop{margin-bottom:9px}
.cx-roi .cx-rTop b{font-size:13px}
.cx-roi .cx-rTop span{font-size:9px}
.cx-rGrid{gap:6px !important;margin-bottom:8px !important}
.cx-rItem{padding:8px 7px !important;border-radius:9px !important}
.cx-rItem small{font-size:7.5px !important;margin-bottom:3px;line-height:1.2}
.cx-rItem b{font-size:15px !important}
.cx-money{gap:7px !important}
.cx-mItem{padding:9px 10px !important;border-radius:10px !important}
.cx-mItem small{font-size:8px !important;margin-bottom:3px}
.cx-mItem b{font-size:15px !important}
.cx-mItem.roi b{font-size:19px !important}
.cx-mBar{height:4px !important;margin-top:6px}
.cx-mNote{font-size:8px !important;margin-top:3px}

/* embudo: más compacto */
.cx-funnel{padding:14px !important}
.cx-fTop{margin-bottom:9px !important}
.cx-fTop b{font-size:13px}
.cx-fTop span{font-size:9px}
.cx-funnel .cx-fRow{margin-bottom:7px !important;gap:2px !important}
.cx-fName{font-size:9.5px !important}
.cx-fVal{font-size:11.5px !important}
.cx-fBar{height:7px !important;margin-top:2px !important}

@media (max-width:1280px){
  .cx-bottom{grid-template-columns:1fr 1fr !important}
  .cx-table{grid-column:1 / -1}
  .cx-funnel{grid-column:auto}
}
@media (max-width:860px){
  .cx-bottom{grid-template-columns:1fr !important}
  .cx-table,.cx-funnel{grid-column:auto}
}


/* ============================================================
   V113 — tabla del ciclo con columnas reales y su encabezado
   ============================================================ */
.cx-meta{display:contents !important}
.cx-th{
  display:grid !important;
  grid-template-columns:1.15fr 1.5fr .95fr .6fr .95fr !important;
  gap:10px !important;padding:8px 16px 9px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  font-size:8.5px !important;letter-spacing:.12em;text-transform:uppercase;color:#7E93C4 !important;
}
.cx-tr{
  display:grid !important;
  grid-template-columns:1.15fr 1.5fr .95fr .6fr .95fr !important;
  gap:10px !important;padding:11px 16px !important;align-items:center !important;
}
.cx-tr .cx-pt{width:auto;gap:9px}
.cx-tr .cx-avat{width:28px;height:28px;font-size:9.5px}
.cx-tr .cx-pt b{font-size:11.5px;line-height:1.2}
.cx-tr .cx-pt em{font-size:9.5px}
.cx-tr .cx-ac{font-size:10.8px;line-height:1.35;color:#A9BCE0 !important}
.cx-tr .cx-st{display:block !important}
.cx-pill{font-size:9px;padding:4px 9px;white-space:nowrap}
.cx-tr .cx-hh{display:block !important;font-size:9.5px;white-space:nowrap}
.cx-tr .cx-rk{display:block !important}
.cx-riskTag{font-size:8.5px;padding:4px 8px;white-space:nowrap}
.cx-tableTop{padding:14px 16px 10px !important}


/* ============================================================
   V114 — riesgo y embudo a la altura de pacientes y citas;
          chat con el fondo del móvil de la portada
   ============================================================ */
.cx-bottom{align-items:stretch !important}
.cx-roi,.cx-funnel{display:flex;flex-direction:column}
.cx-roi .cx-rGrid{margin-bottom:auto !important}
.cx-roi .cx-money{margin-top:14px !important}
.cx-funnel .cx-fRow:last-child{margin-bottom:0 !important}
.cx-funnel > .cx-fRow{flex:1;align-content:center}

/* chat: mismo fondo del móvil de la portada */
.cx-chat{
  background-color:#080F2C !important;
  background-image:
    linear-gradient(124deg, rgba(125,211,252,.09) 0%, rgba(125,211,252,0) 36%),
    radial-gradient(rgba(125,211,252,.12) 1px, rgba(0,0,0,0) 1px) !important;
  background-size:auto, 16px 16px !important;
  border:1px solid rgba(125,211,252,.28) !important;
}


/* ============================================================
   V115 — bloque inferior más bajo
   ============================================================ */
.cx-tableTop{padding:11px 15px 7px !important}
.cx-tableTop b{font-size:13px}
.cx-tableTop span{font-size:9px}
.cx-th{padding:6px 15px 7px !important;font-size:8px !important}
.cx-tr{padding:8px 15px !important;gap:9px !important}
.cx-tr .cx-avat{width:25px;height:25px;font-size:9px}
.cx-tr .cx-pt b{font-size:11px}
.cx-tr .cx-pt em{font-size:9px}
.cx-tr .cx-ac{font-size:10.2px;line-height:1.3}
.cx-pill{font-size:8.5px;padding:3px 8px}
.cx-riskTag{font-size:8px;padding:3px 7px}
.cx-tr .cx-hh{font-size:9px}

.cx-roi{padding:12px !important}
.cx-roi .cx-rTop{margin-bottom:7px}
.cx-rItem{padding:7px 6px !important}
.cx-rItem small{font-size:7px !important}
.cx-rItem b{font-size:14px !important}
.cx-roi .cx-money{margin-top:9px !important;gap:6px !important}
.cx-mItem{padding:8px 9px !important}
.cx-mItem b{font-size:14px !important}
.cx-mItem.roi b{font-size:17px !important}
.cx-mItem small{font-size:7.5px !important}
.cx-mNote{font-size:7.5px !important}
.cx-mBar{height:4px !important;margin-top:5px}

.cx-funnel{padding:12px !important}
.cx-fTop{margin-bottom:7px !important}
.cx-funnel .cx-fRow{margin-bottom:4px !important}
.cx-fName{font-size:9px !important}
.cx-fVal{font-size:11px !important}
.cx-fBar{height:6px !important;margin-top:2px !important}


/* V115b — un punto más compacto */
.cx-rItem{padding:6px 6px !important}
.cx-rItem b{font-size:13px !important}
.cx-roi .cx-money{margin-top:8px !important}
.cx-mItem{padding:7px 9px !important}
.cx-mItem.roi{padding:8px 10px !important}
.cx-mItem.roi b{font-size:16px !important}
.cx-mBar{margin-top:4px}
.cx-funnel .cx-fRow{margin-bottom:3px !important}


/* ============================================================
   V116 — riesgo: KPIs arriba y dinero+ROI justo debajo, en 2x2
   ============================================================ */
.cx-roi .cx-rGrid{margin-bottom:0 !important}
.cx-roi .cx-money{
  margin-top:8px !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
}
.cx-mItem.roi{grid-column:auto !important}
.cx-mItem.pct .cx-mBar{margin-top:5px}
.cx-mItem.roi .cx-mNote{display:none}
.cx-mItem.roi b{font-size:19px !important}
.cx-mItem.pct b{font-size:19px !important}
.cx-roi{justify-content:flex-start}

/* alturas: la tabla manda, los otros dos no se estiran de más */
.cx-bottom{align-items:stretch}
.cx-roi > *,.cx-funnel > *{flex:none}
.cx-funnel > .cx-fRow{flex:1;align-content:center}


/* V116b — sin gap heredado y filas un punto más bajas */
.cx-roi{gap:0 !important}
.cx-funnel{gap:0 !important}
.cx-tr{padding:7px 15px !important}
.cx-tableTop{padding:10px 15px 6px !important}
.cx-th{padding:5px 15px 6px !important}
.cx-tr .cx-ac{font-size:10px}
.cx-roi .cx-money{margin-top:9px !important}


/* V116c — el embudo deja de estirar sus filas: manda el alto natural */
.cx-funnel > .cx-fRow{flex:none !important;align-content:normal !important}
.cx-funnel .cx-fRow{margin-bottom:6px !important}
.cx-funnel .cx-fRow:last-child{margin-bottom:0 !important}
.cx-fTop{margin-bottom:8px !important}


/* V116d — filas del embudo y bloque de dinero más bajos */
.cx-funnel .cx-fRow{row-gap:2px !important;margin-bottom:5px !important;align-items:center}
.cx-fName{line-height:1.15 !important}
.cx-fVal{line-height:1.15 !important}
.cx-fBar{margin-top:0 !important}
.cx-fTop{margin-bottom:7px !important}
.cx-fTop span{font-size:8.5px !important}

.cx-mItem{padding:7px 9px !important}
.cx-mItem small{margin-bottom:2px !important;line-height:1.2}
.cx-mItem b{line-height:1.1}
.cx-mItem.pct .cx-mBar{margin-top:4px !important;height:4px !important}
.cx-rItem small{line-height:1.15}
.cx-rItem b{line-height:1.05}


/* ============================================================
   V117 — riesgo: los KPIs llenan la tarjeta, sin espacios vacíos
   ============================================================ */
.cx-roi{display:flex !important;flex-direction:column !important}
.cx-roi .cx-rTop{flex:0 0 auto}
.cx-roi .cx-rGrid{
  flex:1 1 0 !important;min-height:0;
  grid-auto-rows:1fr !important;align-content:stretch !important;
}
.cx-roi .cx-money{
  flex:1.85 1 0 !important;min-height:0;
  grid-auto-rows:1fr !important;align-content:stretch !important;
}
.cx-rItem,.cx-mItem{
  display:flex !important;flex-direction:column;justify-content:center;
  min-height:0;
}
.cx-rItem small,.cx-mItem small{flex:0 0 auto}
.cx-mItem.pct{justify-content:center}
.cx-mItem.pct .cx-mBar{flex:0 0 auto}


/* V117b — etiqueta arriba y número abajo, parejo en todas las cajas */
.cx-rItem,.cx-mItem{justify-content:space-between !important}
.cx-rItem small,.cx-mItem small{margin-bottom:0 !important}
.cx-mItem.pct{justify-content:space-between !important}
.cx-mItem.roi{justify-content:space-between !important}


/* ============================================================
   V118 — cajas de riesgo/ROI: contenido agrupado y centrado
   ============================================================ */
.cx-rItem,.cx-mItem{
  justify-content:center !important;
  gap:5px !important;
  padding:9px 11px !important;
}
.cx-rItem small,.cx-mItem small{
  margin:0 !important;line-height:1.25;
}
.cx-rItem b,.cx-mItem b{margin:0 !important;line-height:1.05}
.cx-mItem.pct .cx-mBar{margin:2px 0 0 !important;height:5px !important}
.cx-mItem.roi{gap:4px !important}

/* proporción entre la fila de riesgo y el bloque 2x2 */
.cx-roi .cx-rGrid{flex:1 1 0 !important}
.cx-roi .cx-money{flex:1.6 1 0 !important}

/* embudo un punto más bajo para que el trío no se estire tanto */
.cx-funnel .cx-fRow{margin-bottom:4px !important}
.cx-fTop{margin-bottom:6px !important}
.cx-fBar{height:5px !important}


/* ============================================================
   V119 — cajas compactas de alto natural y reparto parejo
   ============================================================ */
.cx-roi{justify-content:space-between !important}
.cx-roi .cx-rGrid{flex:0 0 auto !important;grid-auto-rows:auto !important}
.cx-roi .cx-money{flex:0 0 auto !important;grid-auto-rows:auto !important;margin-top:0 !important}
.cx-rItem,.cx-mItem{
  min-height:0 !important;
  padding:8px 10px !important;
  gap:4px !important;
  justify-content:center !important;
}
.cx-rItem small{font-size:7.5px !important}
.cx-rItem b{font-size:15px !important}
.cx-mItem small{font-size:8px !important}
.cx-mItem b{font-size:16px !important}
.cx-mItem.roi b,.cx-mItem.pct b{font-size:18px !important}
.cx-mItem.pct .cx-mBar{height:4px !important;margin-top:2px !important}
.cx-roi .cx-money{gap:8px !important}
.cx-rGrid{gap:7px !important}

/* embudo al alto de la tabla */
.cx-funnel{justify-content:space-between !important}
.cx-funnel .cx-fRow{margin-bottom:0 !important}
.cx-fBar{height:5px !important}
.cx-fTop{margin-bottom:0 !important}


/* V119b — separar el encabezado del embudo de la primera fila */
.cx-funnel{justify-content:flex-start !important;gap:6px !important}
.cx-fTop{margin-bottom:4px !important}
.cx-funnel .cx-fRow{margin-bottom:0 !important}


/* ============================================================
   V120 — bloque inferior más bajo, contenido reajustado
   ============================================================ */
/* tabla */
.cx-tableTop{padding:8px 14px 4px !important}
.cx-tableTop b{font-size:12.5px}
.cx-tableTop span{font-size:8.5px}
.cx-th{padding:4px 14px 5px !important;font-size:7.5px !important}
.cx-tr{padding:6px 14px !important;gap:8px !important}
.cx-tr .cx-avat{width:23px;height:23px;font-size:8.5px}
.cx-tr .cx-pt{gap:8px}
.cx-tr .cx-pt b{font-size:10.5px}
.cx-tr .cx-pt em{font-size:8.5px}
.cx-tr .cx-ac{font-size:9.5px;line-height:1.28}
.cx-pill{font-size:8px;padding:3px 7px}
.cx-riskTag{font-size:7.5px;padding:3px 6px}
.cx-tr .cx-hh{font-size:8.5px}

/* riesgo */
.cx-roi{padding:11px !important}
.cx-roi .cx-rTop{margin-bottom:0 !important}
.cx-roi .cx-rTop b{font-size:12.5px}
.cx-roi .cx-rTop span{font-size:8.5px}
.cx-rGrid{gap:6px !important}
.cx-rItem{padding:6px 8px !important;gap:2px !important}
.cx-rItem small{font-size:7px !important}
.cx-rItem b{font-size:13px !important}
.cx-roi .cx-money{gap:6px !important}
.cx-mItem{padding:6px 9px !important;gap:2px !important}
.cx-mItem small{font-size:7.5px !important}
.cx-mItem b{font-size:14px !important}
.cx-mItem.roi b,.cx-mItem.pct b{font-size:16px !important}
.cx-mItem.pct .cx-mBar{height:3px !important;margin-top:2px !important}

/* embudo */
.cx-funnel{padding:11px !important;gap:3px !important}
.cx-fTop b{font-size:12.5px}
.cx-fTop span{font-size:8px}
.cx-fTop{margin-bottom:2px !important}
.cx-fName{font-size:8.5px !important}
.cx-fVal{font-size:10px !important}
.cx-fBar{height:4px !important}
.cx-funnel .cx-fRow{row-gap:1px !important}


/* ============================================================
   V121 — riesgo detectado/recuperado pegados bajo las 5 cajas
   ============================================================ */
.cx-roi{justify-content:flex-start !important;gap:7px !important}
.cx-roi .cx-rTop{margin-bottom:1px !important}
.cx-roi .cx-money{margin-top:0 !important}

/* que el alto lo mande el contenido del riesgo: bajar tabla y embudo */
.cx-tr{padding:5px 14px !important}
.cx-tableTop{padding:7px 14px 3px !important}
.cx-fTop{margin-bottom:0 !important}
.cx-fTop b{font-size:12px}
.cx-fTop span{font-size:7.5px;line-height:1.2}
.cx-funnel{gap:2px !important}
.cx-funnel .cx-fRow{row-gap:0 !important}
.cx-fName{line-height:1.1 !important}
.cx-fVal{line-height:1.1 !important}


/* V121b — el alto lo manda el riesgo: tabla y embudo al mismo alto */
.cx-tr{padding:4px 14px !important}
.cx-tr .cx-pt b{font-size:10px}
.cx-tr .cx-pt em{font-size:8px}
.cx-tableTop{padding:6px 14px 2px !important}
.cx-th{padding:3px 14px 4px !important}
.cx-fTop b{font-size:11.5px}
.cx-funnel .cx-fRow{row-gap:0 !important}
.cx-fBar{height:4px !important;margin-top:1px !important}
/* si queda holgura, la absorben las cajas de dinero */
.cx-roi .cx-money{flex:1 1 auto !important;grid-auto-rows:1fr !important}


/* V121c — aire mínimo bajo el subtítulo del embudo */
.cx-fTop{margin-bottom:5px !important}


/* ============================================================
   V122 — 5 capas: avatar en cada tarjeta
   ============================================================ */
.cp-face{
  position:absolute;left:50%;bottom:0;
  height:74%;width:auto;max-width:none;
  transform:translateX(-50%);
  z-index:2;pointer-events:none;
  filter:drop-shadow(0 18px 28px rgba(4,16,60,.42));
  transition:height .45s ease, bottom .45s ease, opacity .4s ease;
}
.cp-card.is-active .cp-face{height:64%;bottom:33%}
.cp-glyph{
  left:auto !important;right:16px !important;top:auto !important;bottom:14px !important;
  transform:none !important;opacity:.5 !important;z-index:1;
}
.cp-glyph svg{width:52px !important;height:52px !important}
.cp-card.is-active .cp-glyph{opacity:0 !important}
.cp-card.is-active .cp-plus{opacity:0}
.cp-name{z-index:3}
.cp-num{z-index:3}
.cp-info{z-index:4}
@media (max-width:820px){
  .cp-face{height:70%}
  .cp-card.is-active .cp-face{height:56%;bottom:38%}
}


/* V122b — el avatar reemplaza al icono grande */
.cp-glyph{display:none !important}
.cp-face{height:78%}
.cp-card.is-active .cp-face{height:66%;bottom:32%}


/* ===== AGX · franja blanca "te presentamos a tus agentes" ===== */
.section.agx{background:#fff;color:#0A1030;padding:48px 0 88px;position:relative;overflow:hidden;isolation:isolate}
.section.agx::before{content:"";position:absolute;inset:auto -10% -40% -10%;height:70%;
  background:radial-gradient(60% 100% at 50% 100%, rgba(37,99,255,.10), transparent 70%);z-index:-1}
.agx-wrap{text-align:center;max-width:1180px}
.agx-h2{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.1;
  font-size:clamp(2rem,4.4vw,3.5rem);color:#0A1030}
.agx-w{display:inline-block;opacity:0;transform:translateX(-26px)}
.agx-sub{margin:20px auto 0;max-width:640px;color:#4A5578;font-size:clamp(1.02rem,1.5vw,1.22rem);
  opacity:0;transform:translateX(-20px)}
.agx-sub b{color:#0A1030;font-weight:800}

/* secuencia izquierda -> derecha */
@keyframes agxIn{to{opacity:1;transform:none}}
.section.agx.go .agx-w{animation:agxIn .62s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.18s + var(--i) * .075s)}
.section.agx.go .agx-sub{animation:agxIn .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.18s + 14 * .075s)}

@media (max-width:900px){ .section.agx{padding:70px 0 66px} }
@media (prefers-reduced-motion:reduce){
  .section.agx .agx-w,.section.agx .agx-sub{opacity:1!important;transform:none!important;animation:none!important}
}

/* --- franja en movimiento (izquierda -> derecha) --- */
.agx-marquee{position:relative;width:100vw;left:50%;transform:translateX(-50%);
  padding:20px 0;margin:0 0 40px;overflow:hidden;
  border-top:1px solid rgba(10,16,48,.08);border-bottom:1px solid rgba(10,16,48,.08);
  background:linear-gradient(90deg,#F4F7FF,#FFFFFF 26%,#FFFFFF 74%,#F4F7FF);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.agx-mtrack{display:flex;align-items:center;width:max-content;will-change:transform;
  animation:agxMarq 38s linear infinite}
.agx-mitem{display:inline-flex;align-items:center;gap:26px;padding-right:54px}
.agx-mtext{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;
  letter-spacing:-.025em;white-space:nowrap;color:#0A1030;
  font-size:clamp(1.5rem,3.1vw,2.55rem)}
.agx-mavs{display:inline-flex;align-items:center;font-size:clamp(1.5rem,3.1vw,2.55rem)}
.agx-mav{flex:none;width:1.42em;height:1.42em;border-radius:50%;display:grid;place-items:center;
  overflow:hidden;background:var(--c);margin-left:-.34em;
  box-shadow:0 0 0 .1em #fff, 0 10px 22px color-mix(in srgb, var(--c) 30%, transparent)}
.agx-mav:first-child{margin-left:0}
.agx-mav img{width:112%;height:112%;object-fit:cover;object-position:50% 10%;display:block;transform:translateY(4%)}
@keyframes agxMarq{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.agx-marquee:hover .agx-mtrack{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.agx-mtrack{animation:none}}

/* ===== #capas en blanco con la apariencia de la nueva categoría ===== */
#capas.section.dk{background:#fff !important;color:#0A1030;padding-top:0;padding-bottom:88px}
#capas .cp-viewport{padding:6px 0 30px !important}
#capas .cp-visual{
  background:linear-gradient(180deg, color-mix(in srgb, var(--a2) 16%, #EEF3FF) 0%, color-mix(in srgb, var(--a2) 26%, #DCE8FF) 100%) !important;
  border:1px solid rgba(13,24,76,.09) !important;border-radius:22px !important;
  box-shadow:0 22px 48px rgba(10,20,70,.14) !important;
}
#capas .cp-card{border-radius:22px}
#capas .cp-rings{
  background:
    radial-gradient(circle at 72% 22%, rgba(13,24,76,.10) 0 1px, transparent 1px) 0 0/22px 22px,
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.85) 0%, transparent 58%) !important;
  opacity:.6 !important;
}
#capas .cp-name{
  color:#0D184C !important;text-shadow:none !important;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;
}
#capas .cp-num{-webkit-text-stroke:1.4px rgba(13,24,76,.20) !important;color:transparent !important}
#capas .cp-face{filter:drop-shadow(0 16px 26px rgba(10,20,70,.22)) !important}
#capas .cp-info{
  background:#fff !important;border:1px solid #D7E3F8;border-radius:18px !important;
  box-shadow:0 18px 40px rgba(10,20,70,.16) !important;
}
#capas .cp-info b{color:#0D184C;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}
#capas .cp-info li{color:#42527A}
#capas .cp-tags span{
  background:#fff;border:1px solid #D7E3F8;color:#42527A;font-weight:600;
}
#capas .cp-tags span:last-child{
  background:linear-gradient(96deg,#22D3EE,#2563FF);border-color:transparent;color:#fff;
}
#capas .cp-nav{
  background:#fff !important;border:1px solid rgba(13,24,76,.12) !important;color:#0D184C !important;
  box-shadow:0 10px 24px rgba(10,20,70,.14) !important;backdrop-filter:none !important;
}
#capas .cp-dot{background:rgba(13,24,76,.16) !important;border-color:rgba(13,24,76,.10) !important}
#capas .cp-dot.is-on{background:linear-gradient(96deg,#22D3EE,#7C3AED) !important;border-color:transparent !important}
.section.agx{padding-bottom:46px !important}

/* ===== DX · Kiubot en acción (estructura tipo split + mockup) ===== */
#demo.section.dx{position:relative;overflow:hidden;padding:96px 0 104px}
.dx-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:44px;align-items:center;text-align:left}
.dx-left{max-width:520px}
.dx-left .dk-eyebrow{display:inline-flex;margin-bottom:18px}
.dx-h2{
  margin:0 0 18px;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;
  font-size:clamp(34px,4.4vw,60px);line-height:1.03;letter-spacing:-.04em;color:#fff;
}
.dx-lead{margin:0 0 26px;color:#A9BCE4;font-size:clamp(15px,1.25vw,17.5px);line-height:1.6;max-width:44ch}
.dx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
#demo .dk-demoNote{display:block;color:#6F82AE;font-size:11.5px}

.dx-stage{position:relative;min-height:604px;display:flex;justify-content:center;align-items:center}
.dx-glow{
  position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);
  width:760px;height:620px;pointer-events:none;z-index:0;
  background:
    radial-gradient(48% 44% at 62% 40%, rgba(47,231,254,.30), transparent 68%),
    radial-gradient(46% 46% at 34% 62%, rgba(124,58,237,.28), transparent 70%),
    radial-gradient(58% 54% at 50% 50%, rgba(37,99,255,.20), transparent 72%);
  filter:blur(18px);
}

/* teléfono trasero (pantalla de inicio) */
.dx-back{
  position:absolute;z-index:1;left:calc(50% - 268px);top:52%;transform:translateY(-50%);
  width:220px;height:452px;border-radius:38px;padding:7px;
  background:linear-gradient(160deg,#2B3352,#0C1024);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.85);
}
.dx-bScreen{
  height:100%;border-radius:32px;overflow:hidden;padding:12px 12px 0;
  background:linear-gradient(180deg,#0A1030 0%, #101A46 55%, #0A1030 100%);
}
.dx-bBar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.dx-bBar b{font-size:11px;color:#fff;font-weight:700}
.dx-bSig{width:26px;height:8px;border-radius:3px;background:rgba(255,255,255,.4)}
.dx-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px}
.dx-app{display:flex;flex-direction:column;align-items:center;gap:5px}
.dx-app i{
  display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.4);
}
.dx-app i svg{width:24px;height:24px}
.dx-app i b{font-size:17px;font-weight:800}
.dx-app em{font-style:normal;font-size:8px;color:#C7D6F5;letter-spacing:.01em}
.dx-app.k i{background:linear-gradient(140deg,#2FE7FE,#2563FF)}
.dx-app.w i{background:linear-gradient(140deg,#4ADE80,#16A34A)}
.dx-app.c i{background:linear-gradient(140deg,#F87171,#DC2626)}
.dx-app.m i{background:linear-gradient(140deg,#60A5FA,#2563EB)}
.dx-app.d i{background:linear-gradient(140deg,#A78BFA,#7C3AED)}
.dx-app.n i{background:linear-gradient(140deg,#FCD34D,#F59E0B);color:#3B2A05}

/* teléfono delantero (conversación) */
.dx-front{position:relative;z-index:3;transform:translateX(38px)}
#demo .dx-front .demoPhone{
  width:346px;border-radius:40px;padding:8px;overflow:hidden;
  background:linear-gradient(160deg,#2B3352,#0C1024);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 46px 110px -34px rgba(0,0,0,.9);
}
#demo .dx-front .demoTop{border-radius:32px 32px 0 0;background:rgba(255,255,255,.06)}
#demo .dx-front .demoBody{min-height:392px;border-radius:0 0 32px 32px;background:rgba(6,12,38,.5)}
#demo .dx-front .demoBubble{font-size:11.5px}

/* tarjetas de acción flotantes */
#demo .scenario.dx-cards{
  position:absolute;z-index:5;left:50%;bottom:8px;transform:translateX(-42%);
  display:flex;align-items:flex-end;gap:10px;max-width:none;
}
#demo .scenario.dx-cards button{
  width:132px;min-height:104px;margin:0;padding:12px 12px 13px;border-radius:16px;
  display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;cursor:pointer;
  background:linear-gradient(180deg,#F4F7FF 0%, #E4EBFB 100%);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 22px 44px -16px rgba(0,0,0,.75);
  transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s, filter .3s;
}
#demo .scenario.dx-cards button span:last-child{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;
  font-size:12px;line-height:1.25;letter-spacing:-.02em;color:#0D184C;
}
#demo .scenario.dx-cards .dk-bIco{
  display:grid;place-items:center;width:30px;height:30px;border-radius:10px;
  background:rgba(37,99,255,.12);border:1px solid rgba(37,99,255,.22);color:#2563FF;
}
#demo .scenario.dx-cards .dk-bIco svg{width:16px;height:16px}
#demo .scenario.dx-cards button:nth-child(1){transform:translateY(-14px)}
#demo .scenario.dx-cards button:nth-child(2){transform:translateY(-4px)}
#demo .scenario.dx-cards button:nth-child(3){transform:translateY(2px)}
#demo .scenario.dx-cards button:nth-child(4){transform:translateY(8px)}
#demo .scenario.dx-cards button:hover{filter:brightness(1.03)}
#demo .scenario.dx-cards button.active{
  background:linear-gradient(180deg,#FFFFFF 0%, #E8F0FF 100%);
  border-color:rgba(47,231,254,.85);
  box-shadow:0 26px 52px -14px rgba(37,99,255,.6), 0 0 0 2px rgba(47,231,254,.35);
}
#demo .scenario.dx-cards button.active .dk-bIco{
  background:linear-gradient(140deg,#22D3EE,#2563FF);border-color:transparent;color:#fff;
}

@media (max-width:1080px){
  .dx-grid{grid-template-columns:1fr;gap:34px}
  .dx-left{max-width:none}
  .dx-back{display:none}
  .dx-front{transform:none}
  .dx-stage{min-height:0;flex-direction:column;gap:20px;padding-bottom:6px}
  #demo .scenario.dx-cards{position:static;transform:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:420px}
  #demo .scenario.dx-cards button{width:100%;min-height:0;transform:none !important}
}

/* --- ajustes DX --- */
.dx-left,.dx-left *{text-align:left !important}
.dx-cta{justify-content:flex-start}
.dx-app em{text-transform:none !important;letter-spacing:0 !important}
.dx-glow{
  width:860px;height:700px;filter:blur(6px);
  background:
    radial-gradient(42% 40% at 66% 34%, rgba(47,231,254,.50), transparent 66%),
    radial-gradient(44% 42% at 30% 64%, rgba(124,58,237,.46), transparent 68%),
    radial-gradient(62% 58% at 50% 50%, rgba(37,99,255,.30), transparent 72%) !important;
}
.dx-front{transform:translateX(38px) translateY(-34px)}
#demo .scenario.dx-cards{bottom:18px}
#demo .dx-front .demoBody{min-height:318px}
.dx-front{transform:translateX(38px) translateY(-62px)}
.dx-stage{min-height:668px}
#demo .scenario.dx-cards{bottom:26px}

/* --- lote A --- */
.kp-termsP{
  margin:0;color:#A9BCE4;font-size:13.5px;line-height:1.85;text-align:left;max-width:none;
}
.nx-h2One{max-width:none !important;white-space:nowrap}
.nx-sub2{
  margin:2px 0 10px;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;
  font-size:clamp(18px,2vw,26px);letter-spacing:-.02em;color:#fff;
}
@media (max-width:900px){ .nx-h2One{white-space:normal} }

/* --- tipografía y azul de marca --- */
.agx-h2{font-family:var(--font-display) !important;font-weight:700 !important;letter-spacing:-.035em}
.agx-sub{font-family:var(--font-body)}
.dx-h2{font-family:var(--font-display) !important}
.dx-lead{font-family:var(--font-body)}
.grad{
  background:linear-gradient(96deg,#2563FF 0%, #4C82FF 26%, #7B7BFB 56%, #AC72FD 84%, #E879F9 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent;
}
.dk-eyebrow{
  background:rgba(37,99,255,.16) !important;border-color:rgba(37,99,255,.44) !important;
  color:#8FB4FF !important;
}
.nx-kicker,.nx-center .nx-kicker{color:#93B5FF !important}
.nx-kIco{background:rgba(37,99,255,.18) !important;border-color:rgba(37,99,255,.38) !important;color:#8FB4FF !important}
.nx-center .nx-kIco{background:rgba(255,255,255,.16) !important;border-color:rgba(255,255,255,.34) !important;color:#fff !important}
.nx-msg.c{color:#4C82FF !important;border-color:rgba(37,99,255,.34) !important;
  background:linear-gradient(96deg,rgba(37,99,255,.14),rgba(124,58,237,.12)) !important}

/* --- avatares de la franja: fondos coherentes y sin espacios --- */
.agx-mav{
  background:linear-gradient(162deg,#E9F0FF 0%, #C9DCFF 100%) !important;
  box-shadow:0 0 0 .085em #fff, 0 0 0 .13em rgba(37,99,255,.34), 0 10px 22px rgba(37,99,255,.22) !important;
}
.agx-mav img{width:118% !important;height:118% !important;object-position:50% 8% !important;transform:translateY(3%) !important}

/* --- órbita de 11 nodos (ciclo por WhatsApp) --- */
.nx-orbit11{position:relative;display:block !important;min-height:520px !important;height:520px !important}
.nx-orbit11 .nx-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4}
.nx-orbit11 .nx-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}
.nx-orbit11 .nx-ring.r1{width:120px;height:120px;background:rgba(255,255,255,.12)}
.nx-orbit11 .nx-ring.r2{width:250px;height:250px}
.nx-orbit11 .nx-ring.r3{width:392px;height:392px}
.nx-web{position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:1;overflow:visible}
.nx-web line{stroke:rgba(255,255,255,.20);stroke-width:1;stroke-dasharray:5 7;
  animation:nxDash 3.4s linear infinite;animation-delay:calc(var(--k) * -.28s)}
.nx-webRing{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1}
@keyframes nxDash{to{stroke-dashoffset:-24}}

.nx-orbit11 .nx-sat{
  position:absolute !important;left:50% !important;top:50% !important;
  right:auto !important;bottom:auto !important;z-index:3;
  width:60px;height:60px;border-radius:18px;
  transform:translate(-50%,-50%) translate(var(--x), var(--y)) !important;
  background:rgba(255,255,255,.95);color:#1247F0;
  box-shadow:0 12px 26px rgba(2,16,80,.45);
  animation:nxSatOn 9.9s ease-in-out infinite !important;
  animation-delay:calc(var(--k) * .9s) !important;
}
.nx-orbit11 .nx-sat svg{width:24px;height:24px}
.nx-orbit11 .nx-sat em{
  position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);
  font-style:normal;font-size:9.5px;font-weight:600;color:#DCEBFF;white-space:nowrap;
}
@keyframes nxSatOn{
  0%,100%{background:rgba(255,255,255,.95);box-shadow:0 12px 26px rgba(2,16,80,.45)}
  4%{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.34), 0 16px 34px rgba(2,16,80,.55)}
  11%{background:rgba(255,255,255,.95);box-shadow:0 12px 26px rgba(2,16,80,.45)}
}
@media (max-width:1150px){
  .nx-orbit11{transform:scale(.86);transform-origin:50% 50%}
}
@media (prefers-reduced-motion:reduce){
  .nx-orbit11 .nx-sat,.nx-web line{animation:none !important}
}
#experiencia h2.nx-h2One{white-space:nowrap;font-size:clamp(20px,3.05vw,44px) !important;max-width:none !important;margin:14px 0 6px !important}
#experiencia .nx-sub2{font-family:var(--font-display);font-weight:600;color:#fff;margin:0 0 8px;font-size:clamp(18px,2vw,26px)}
@media (max-width:820px){#experiencia h2.nx-h2One{white-space:normal}}
.grad{background-size:100% 100% !important;background-position:0 0 !important;animation:none !important}

/* ===== SX · Soluciones (carrusel ancho) ===== */
#segmentos.sx{overflow:hidden;padding-bottom:96px}
.sx-wrap{text-align:center}
.sx-head0{margin-bottom:26px}
.sx-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}
.sx-tab{
  appearance:none;cursor:pointer;padding:11px 20px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);color:#C6D5F5;
  font-family:var(--font-display);font-weight:600;font-size:13.5px;letter-spacing:-.01em;
  transition:background .3s, color .3s, border-color .3s, transform .3s;
}
.sx-tab:hover{background:rgba(255,255,255,.09);color:#fff}
.sx-tab.on{
  background:linear-gradient(96deg,#2563FF,#7C3AED);border-color:transparent;color:#fff;
  box-shadow:0 12px 28px rgba(37,99,255,.42);
}
.sx-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.sx-line{
  margin:0;text-align:left;color:#C6D5F5;font-family:var(--font-body);
  font-size:clamp(15px,1.45vw,20px);line-height:1.45;max-width:60ch;
}
.sx-navs{display:flex;gap:10px;flex:none}
.sx-nav{
  appearance:none;cursor:pointer;width:44px;height:44px;border-radius:50%;
  background:transparent;border:1px solid rgba(255,255,255,.34);color:#fff;font-size:17px;line-height:1;
  transition:background .25s, transform .25s, border-color .25s;
}
.sx-nav:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6)}

.sx-viewport{width:100%;overflow:visible}
.sx-track{display:flex;gap:22px;align-items:stretch;transition:transform .6s cubic-bezier(.22,.8,.2,1);will-change:transform}
.sx-card{
  flex:none;width:min(880px,74vw);text-align:left;border-radius:26px;overflow:hidden;
  background:linear-gradient(180deg,#0E1740 0%, #0A1030 100%);
  border:1px solid rgba(148,197,255,.18);
  box-shadow:0 34px 80px -30px rgba(1,6,26,.9);
  opacity:.42;filter:saturate(.8);transition:opacity .5s ease, filter .5s ease, transform .5s ease;
}
.sx-card.on{opacity:1;filter:none}
.sx-head{display:flex;align-items:center;gap:14px;padding:22px 24px 16px}
.sx-ava{
  flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;
  background:linear-gradient(140deg,#2563FF,#7C3AED);color:#fff;
  box-shadow:0 14px 28px rgba(37,99,255,.36);
}
.sx-ava svg{width:26px;height:26px}
.sx-name b{display:block;font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.025em;color:#fff}
.sx-name em{display:block;font-style:normal;font-size:12.5px;color:#93A9D6;margin-top:2px}
.sx-cta{
  margin-left:auto;flex:none;padding:12px 20px;border-radius:999px;text-decoration:none;
  background:#fff;color:#0A1030;font-family:var(--font-display);font-weight:600;font-size:13px;
  transition:transform .25s, box-shadow .25s;
}
.sx-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,255,255,.18)}

.sx-mock{position:relative;margin:0 24px 24px;border-radius:18px;overflow:hidden;min-height:262px;
  background:linear-gradient(180deg,#F2F6FF 0%, #E3EBFB 100%);border:1px solid rgba(255,255,255,.5)}
.sx-panel{padding:16px 18px;width:62%}
.sx-pTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sx-pTop b{font-family:var(--font-display);font-weight:600;font-size:13px;color:#0D184C}
.sx-pTop i{font-style:normal;font-size:9.5px;font-weight:700;color:#2563FF;
  background:rgba(37,99,255,.12);border:1px solid rgba(37,99,255,.26);padding:3px 8px;border-radius:999px}
.sx-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;margin-bottom:6px;
  background:#fff;border:1px solid #DCE6F8}
.sx-h{flex:none;width:88px;font-size:10.5px;font-weight:700;color:#0D184C}
.sx-t{font-size:10.5px;color:#4A5578}
.sx-row.free{background:#F5F8FF;border-style:dashed}
.sx-row.rec{background:linear-gradient(96deg,rgba(37,99,255,.14),rgba(124,58,237,.12));border-color:rgba(37,99,255,.3)}
.sx-row.rec .sx-t{color:#2563FF;font-weight:600}
.sx-row.done{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.36)}
.sx-row.done .sx-t{color:#0F7A52;font-weight:600}
.sx-row.risk{background:rgba(251,113,133,.14);border-color:rgba(251,113,133,.36)}
.sx-row.risk .sx-t{color:#B3123B;font-weight:600}
.sx-kpis{display:flex;gap:8px;margin-top:12px}
.sx-kpi{flex:1;padding:9px 11px;border-radius:11px;background:#fff;border:1px solid #DCE6F8}
.sx-kpi em{display:block;font-style:normal;font-size:9px;color:#6B7599;letter-spacing:.02em}
.sx-kpi b{display:block;font-family:var(--font-display);font-weight:600;font-size:14px;color:#0D184C;margin-top:2px}

.sx-float{
  position:absolute;right:16px;bottom:16px;width:38%;min-width:250px;padding:12px 13px 13px;
  border-radius:15px;background:#fff;border:1px solid #D7E3F8;
  box-shadow:0 22px 44px -12px rgba(10,20,70,.42);
}
.sx-fTop{display:flex;align-items:center;gap:7px;margin-bottom:9px}
.sx-fDot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#2FE7FE,#2563FF)}
.sx-fTop b{font-family:var(--font-display);font-weight:600;font-size:11px;color:#0D184C}
.sx-msg{max-width:92%;padding:8px 10px;border-radius:12px;font-size:10.5px;line-height:1.45;margin-bottom:6px;
  background:#F3F7FF;border:1px solid #DCE6F8;color:#42527A}
.sx-msg.me{margin-left:auto;background:#D9F5E6;border-color:#B8E8CE;color:#14532D}
.sx-fOk{margin-top:4px;padding:7px 10px;border-radius:10px;font-size:10px;font-weight:700;
  background:linear-gradient(96deg,rgba(37,99,255,.14),rgba(124,58,237,.12));
  border:1px solid rgba(37,99,255,.28);color:#2563FF}

@media (max-width:820px){
  .sx-bar{flex-direction:column;align-items:flex-start}
  .sx-card{width:86vw}
  .sx-mock{min-height:0}
  .sx-panel{width:100%}
  .sx-float{position:static;width:auto;min-width:0;margin:0 18px 18px}
  .sx-cta{margin-left:0}
  .sx-head{flex-wrap:wrap}
}

/* --- gradiente de marca (azul Kiubot en lugar del cian) --- */
.grad,
.dk-h2 .grad,.imx-h2 .grad,.pbx-h2 .grad,#problema .kpb-h2 .grad,#precio .kp-sub .grad,
.hero-title-final .grad,#experiencia h2 .grad,.agx-h2 .grad,.dx-h2 .grad{
  background:linear-gradient(96deg,#2563FF 0%, #4C82FF 26%, #7B7BFB 56%, #AC72FD 84%, #E879F9 100%) !important;
  background-size:100% 100% !important;background-position:0 0 !important;animation:none !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent !important;
}
#problema .k{color:#8FB4FF !important}

/* ===== DX2 · Kiubot en acción ===== */
#demo.section.dx{position:relative;overflow:hidden;padding:92px 0 100px}
#demo .dk-head{margin-bottom:34px}
.dx2{display:flex;justify-content:center;align-items:center;gap:56px;text-align:left;flex-wrap:wrap}
.dx-btns{display:flex;flex-direction:column;gap:12px;width:380px;max-width:100%}
.dx-btn{
  appearance:none;cursor:pointer;display:flex;align-items:center;gap:13px;text-align:left;
  padding:15px 20px;border-radius:16px;width:100%;
  background:linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.03) 100%);
  border:1px solid rgba(255,255,255,.14);color:#DCE7FA;
  font-family:var(--font-display);font-weight:600;font-size:14.5px;letter-spacing:-.015em;
  transition:transform .3s cubic-bezier(.22,1,.36,1), background .3s, border-color .3s, box-shadow .3s;
}
.dx-btn:hover{transform:translateX(4px);background:rgba(255,255,255,.09)}
.dx-bIco{
  flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;
  background:rgba(37,99,255,.16);border:1px solid rgba(37,99,255,.32);color:#8FB4FF;
  transition:background .3s, color .3s, border-color .3s;
}
.dx-bIco svg{width:18px;height:18px}
.dx-btn.active{
  background:linear-gradient(96deg, rgba(37,99,255,.24), rgba(124,58,237,.20));
  border-color:rgba(37,99,255,.6);color:#fff;
  box-shadow:0 16px 36px -12px rgba(37,99,255,.6);
}
.dx-btn.active .dx-bIco{background:linear-gradient(140deg,#2563FF,#7C3AED);border-color:transparent;color:#fff}
#demo .dk-demoNote{display:block;margin-top:8px;color:#6F82AE;font-size:11.5px}

.dx-phoneWrap{position:relative;display:flex;justify-content:center;align-items:center}
.dx-glow{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:620px;height:620px;pointer-events:none;z-index:0;filter:blur(8px);
  background:
    radial-gradient(44% 42% at 60% 36%, rgba(37,99,255,.42), transparent 68%),
    radial-gradient(44% 42% at 36% 66%, rgba(124,58,237,.36), transparent 70%);
}
#demo .kb-phone.dxp{
  position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;
  top:auto !important;margin:0 !important;z-index:3;
  width:330px !important;max-width:86vw;
}
#demo .kb-phone.dxp .kb-chat{min-height:412px !important;max-height:412px !important}

@media (max-width:960px){
  .dx2{grid-template-columns:1fr;gap:28px;justify-items:center}
  .dx-btns{justify-self:center;max-width:460px;width:100%}
}

/* ===== EK · ecosistema técnico ===== */
#ecosistema.ek{overflow:hidden}
.ek-stage{position:relative;height:660px;margin:10px auto 0;max-width:760px}
.ek-web{position:absolute;left:50%;top:50%;width:660px;height:660px;transform:translate(-50%,-50%);overflow:visible}
.ek-orbit{fill:none;stroke:rgba(148,197,255,.16);stroke-width:1}
.ek-orbit.o2{stroke-dasharray:3 9;animation:ekSpin 46s linear infinite;transform-origin:0 0}
.ek-orbit.o3{stroke-dasharray:1 14;animation:ekSpin 70s linear infinite reverse;transform-origin:0 0}
.ek-web line{stroke:rgba(37,99,255,.42);stroke-width:1.4;stroke-dasharray:4 8;
  animation:ekDash 2.6s linear infinite;animation-delay:calc(var(--k) * -.24s)}
@keyframes ekDash{to{stroke-dashoffset:-24}}
@keyframes ekSpin{to{transform:rotate(360deg)}}

.ek-hub{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;
  width:112px;height:112px;border-radius:34px;display:grid;place-items:center;gap:2px;
  background:linear-gradient(150deg,#2563FF,#7C3AED);color:#fff;
  box-shadow:0 26px 60px rgba(37,99,255,.5), inset 0 1px 0 rgba(255,255,255,.4);
}
.ek-hub svg{width:44px;height:44px}
.ek-hub em{font-style:normal;font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.02em}
.ek-pulse{
  position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);
  border:1px solid rgba(37,99,255,.5);width:112px;height:112px;z-index:2;
  animation:ekPulse 3.6s ease-out infinite;
}
.ek-pulse.p2{animation-delay:1.8s}
@keyframes ekPulse{
  0%{width:112px;height:112px;opacity:.7}
  100%{width:430px;height:430px;opacity:0}
}

.ek-pkt{
  position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;z-index:4;
  background:#8FF0FF;box-shadow:0 0 12px rgba(37,99,255,.9);
  animation:ekFlow 3.2s cubic-bezier(.4,0,.6,1) infinite;
  animation-delay:calc(var(--k) * .42s);
}
@keyframes ekFlow{
  0%{transform:translate(-50%,-50%) translate(var(--x), var(--y)) scale(.4);opacity:0}
  14%{opacity:1}
  86%{opacity:1}
  100%{transform:translate(-50%,-50%) scale(1);opacity:0}
}

.ek-node{
  position:absolute;left:50%;top:50%;z-index:6;
  transform:translate(-50%,-50%) translate(var(--x), var(--y));
  display:flex;align-items:center;gap:10px;white-space:nowrap;
  padding:11px 15px 11px 12px;border-radius:15px;
  background:linear-gradient(180deg, rgba(18,28,66,.96) 0%, rgba(10,16,48,.96) 100%);
  border:1px solid rgba(148,197,255,.24);
  box-shadow:0 18px 40px -14px rgba(1,6,26,.9);
  animation:ekOn 11.2s ease-in-out infinite;animation-delay:calc(var(--k) * 1.6s);
}
.ek-nIco{
  flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;
  background:rgba(37,99,255,.18);border:1px solid rgba(37,99,255,.36);color:#8FB4FF;
}
.ek-nIco svg{width:18px;height:18px}
.ek-nTxt b{display:block;font-family:var(--font-display);font-weight:600;font-size:12.5px;color:#fff;letter-spacing:-.01em}
.ek-nTxt em{display:block;font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;letter-spacing:.06em;color:#8FA5D2;margin-top:2px;text-transform:uppercase}
.ek-nDot{width:7px;height:7px;border-radius:50%;background:#34D399;flex:none;margin-left:2px}
@keyframes ekOn{
  0%,100%{border-color:rgba(148,197,255,.24);box-shadow:0 18px 40px -14px rgba(1,6,26,.9)}
  5%{border-color:rgba(37,99,255,.85);box-shadow:0 0 0 3px rgba(37,99,255,.22), 0 20px 44px -12px rgba(37,99,255,.6)}
  12%{border-color:rgba(148,197,255,.24);box-shadow:0 18px 40px -14px rgba(1,6,26,.9)}
}

.ek-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:6px}
.ek-legend span{display:inline-flex;align-items:center;gap:8px;color:#8FA5D2;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.ek-lg{width:16px;height:2px;border-radius:2px;display:inline-block}
.ek-lg.a{background:#2563FF}.ek-lg.b{background:#7C3AED}.ek-lg.c{background:#34D399}

@media (max-width:1000px){ .ek-stage{transform:scale(.78);height:520px} }
@media (max-width:700px){ .ek-stage{transform:scale(.58);height:400px} }
@media (prefers-reduced-motion:reduce){
  .ek-pkt,.ek-pulse,.ek-node,.ek-web line,.ek-orbit{animation:none !important}
}

#precio .kp-t1{
  background:linear-gradient(96deg,#2563FF 0%, #4C82FF 28%, #7B7BFB 58%, #AC72FD 84%, #E879F9 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent !important;
}

/* --- ciclo por WhatsApp: vuelve la animación flotante, sin líneas y más holgado --- */
.nx-orbit11{min-height:600px !important;height:600px !important}
.nx-orbit11 .nx-ring.r1{width:132px;height:132px}
.nx-orbit11 .nx-ring.r2{width:268px;height:268px}
.nx-orbit11 .nx-ring.r3{width:412px;height:412px}
.nx-orbit11 .nx-sat{
  left:calc(50% + var(--x)) !important;top:calc(50% + var(--y)) !important;
  margin:-29px 0 0 -29px;width:58px;height:58px;
  transform:none !important;
  animation:nxFloat 5.4s ease-in-out infinite !important;
  animation-delay:calc(var(--k) * .42s) !important;
  transition:box-shadow .4s ease, background .4s ease;
}
.nx-orbit11 .nx-sat em{bottom:-18px}
@media (max-width:1150px){ .nx-orbit11{transform:scale(.8)} }
@media (max-width:900px){ .nx-orbit11{transform:scale(.66)} }
@media (prefers-reduced-motion:reduce){ .nx-orbit11 .nx-sat{animation:none !important} }

/* ===== IM · Implementación (base nueva categoría) ===== */
#implementacion.im .dk-head{margin-bottom:34px}
.im-sub{
  margin:6px 0 0;font-family:var(--font-display);font-weight:600;color:#DCE7FA;
  font-size:clamp(17px,1.9vw,26px);letter-spacing:-.02em;
}
.im-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;text-align:left}
.im-card{
  position:relative;display:flex;flex-direction:column;padding:22px 22px 20px;border-radius:22px;overflow:hidden;
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s;
}
.im-card:hover{transform:translateY(-5px)}
.im-card.light{
  background:linear-gradient(180deg,#E8F0FF 0%, #DCE8FF 100%);
  border:1px solid rgba(13,24,76,.08);box-shadow:0 20px 46px rgba(1,8,40,.4);
}
.im-card.dark{
  background:linear-gradient(180deg,#0B1440 0%, #0A1030 100%);
  border:1px solid rgba(37,99,255,.28);box-shadow:0 20px 46px rgba(1,5,22,.55);
}
.im-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.im-ico{
  flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;
  background:linear-gradient(140deg,#2563FF,#7C3AED);color:#fff;
  box-shadow:0 10px 22px rgba(37,99,255,.4);
}
.im-ico svg{width:20px;height:20px}
.im-t{min-width:0}
.im-kick{
  display:block;margin-bottom:3px;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
}
.im-t b{display:block;font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.025em;line-height:1.15}
.im-week{
  margin-left:auto;flex:none;padding:5px 11px;border-radius:999px;white-space:nowrap;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;
}
.im-p{margin:0 0 14px;font-size:12px;line-height:1.55}
.im-deliver{margin-top:auto;padding:11px 13px;border-radius:13px}
.im-deliver small{display:block;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.im-deliver b{display:block;font-size:11.5px;line-height:1.4;font-weight:600}

.im-card.light .im-kick{color:#5C6B87}
.im-card.light .im-t b{color:#0D184C}
.im-card.light .im-p{color:#42527A}
.im-card.light .im-week{background:rgba(37,99,255,.12);border:1px solid rgba(37,99,255,.26);color:#2563FF}
.im-card.light .im-deliver{background:#fff;border:1px solid #D7E3F8}
.im-card.light .im-deliver small{color:#6B7599}
.im-card.light .im-deliver b{color:#0D184C}

.im-card.dark .im-kick{color:#93B5FF}
.im-card.dark .im-t b{color:#fff}
.im-card.dark .im-p{color:#9DB3DE}
.im-card.dark .im-week{background:rgba(37,99,255,.2);border:1px solid rgba(37,99,255,.42);color:#93B5FF}
.im-card.dark .im-deliver{background:rgba(255,255,255,.06);border:1px solid rgba(148,197,255,.2)}
.im-card.dark .im-deliver small{color:#8FA5D2}
.im-card.dark .im-deliver b{color:#fff}

.im-ctas{display:flex;justify-content:center;gap:14px;margin-top:34px;flex-wrap:wrap}
.im-btn{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  padding:15px 30px;border-radius:16px;
  font-family:var(--font-display);font-weight:600;font-size:14.5px;letter-spacing:-.01em;
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s, background .28s;
}
.im-btn.main{
  background:linear-gradient(96deg,#2563FF,#7C3AED);color:#fff;
  box-shadow:0 18px 40px -12px rgba(37,99,255,.7);
}
.im-btn.main:hover{transform:translateY(-3px);box-shadow:0 24px 52px -12px rgba(37,99,255,.85)}
.im-btn.alt{
  background:rgba(255,255,255,.06);border:1px solid rgba(148,197,255,.3);color:#DCE7FA;
}
.im-btn.alt:hover{transform:translateY(-3px);background:rgba(255,255,255,.11)}

@media (max-width:1000px){ .im-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .im-grid{grid-template-columns:1fr} }

/* --- precio: jerarquía del subtítulo --- */
#precio .kp-sub{font-size:clamp(17px,1.95vw,28px) !important}
/* --- calculadora: subtítulo en una línea --- */
.imx-sub1{
  margin:10px auto 0;color:#A9BCE4;font-family:var(--font-body);
  font-size:clamp(14px,1.35vw,19px);line-height:1.5;white-space:nowrap;
}
@media (max-width:900px){ .imx-sub1{white-space:normal} }
/* --- ciclo completo: subtítulo en una fila y menor que el título --- */
#ciclo .cx-oneRow{
  white-space:nowrap;max-width:none !important;
  font-size:clamp(15px,1.75vw,26px) !important;
}
@media (max-width:900px){ #ciclo .cx-oneRow{white-space:normal} }
/* --- soluciones: barra solo con flechas --- */
.sx-barOnly{justify-content:flex-end}

#implementacion .im-card, #implementacion .im-card *{text-align:left !important}
#implementacion .im-ctas{text-align:center}
/* avatares de la franja un poco más arriba */
.agx-mav img{object-position:50% 2% !important;transform:translateY(-1%) !important}

#demo .dx-btns{width:396px}
#demo .dx-btn{padding:13px 18px;font-size:14px}
#demo .dx-bIco{width:32px;height:32px}

/* ===== EK2 · ecosistema (arquitectura, no circular) ===== */
.ek2{
  position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:56px;
  align-items:center;justify-items:stretch;max-width:1080px;margin:8px auto 26px;text-align:left;
}
.ek2-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
.ek2-col{display:flex;flex-direction:column;gap:16px;z-index:2}
.ek2-colT{
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:#7E93C4;margin-bottom:2px;
}
.ek2-col:last-of-type .ek2-colT{text-align:right}
.ek2-card{
  display:flex;align-items:center;gap:11px;
  padding:13px 15px;border-radius:16px;
  background:linear-gradient(180deg, rgba(18,28,66,.96) 0%, rgba(10,16,48,.96) 100%);
  border:1px solid rgba(148,197,255,.22);
  box-shadow:0 18px 40px -16px rgba(1,6,26,.9);
  animation:ek2On 9s ease-in-out infinite;animation-delay:calc(var(--k) * 1.1s);
}
.ek2-col:last-of-type .ek2-card{flex-direction:row-reverse;text-align:right}
.ek2-ico{
  flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;
  background:rgba(37,99,255,.18);border:1px solid rgba(37,99,255,.36);color:#8FB4FF;
}
.ek2-ico svg{width:19px;height:19px}
.ek2-txt{flex:1;min-width:0}
.ek2-txt b{display:block;font-family:var(--font-display);font-weight:600;font-size:13px;color:#fff;letter-spacing:-.01em}
.ek2-txt em{display:block;font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;letter-spacing:.06em;color:#8FA5D2;margin-top:2px;text-transform:uppercase}
.ek2-dot{width:7px;height:7px;border-radius:50%;background:#34D399;flex:none}
@keyframes ek2On{
  0%,100%{border-color:rgba(148,197,255,.22);box-shadow:0 18px 40px -16px rgba(1,6,26,.9)}
  6%{border-color:rgba(37,99,255,.85);box-shadow:0 0 0 3px rgba(37,99,255,.2), 0 20px 44px -12px rgba(37,99,255,.55)}
  14%{border-color:rgba(148,197,255,.22);box-shadow:0 18px 40px -16px rgba(1,6,26,.9)}
}

.ek2-hubWrap{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 6px}
.ek2-halo{
  position:absolute;left:50%;top:44px;transform:translate(-50%,-50%);
  width:300px;height:300px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle, rgba(37,99,255,.34) 0%, rgba(124,58,237,.16) 45%, transparent 70%);
  filter:blur(6px);animation:ek2Halo 4.4s ease-in-out infinite;
}
@keyframes ek2Halo{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
.ek2-hub{
  position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:32px;
  background:linear-gradient(150deg,#2563FF,#7C3AED);color:#fff;
  box-shadow:0 26px 60px rgba(37,99,255,.5), inset 0 1px 0 rgba(255,255,255,.4);
}
.ek2-hub svg{width:44px;height:44px}
.ek2-hubN{margin-top:8px;font-family:var(--font-display);font-weight:600;font-size:15px;color:#fff}
.ek2-hubT{font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#8FA5D2}

.ek2-links .base{fill:none;stroke:rgba(148,197,255,.18);stroke-width:1.4}
.ek2-links .flow{fill:none;stroke:#4C82FF;stroke-width:2;stroke-linecap:round;
  stroke-dasharray:14 260;filter:drop-shadow(0 0 6px rgba(76,130,255,.8));
  animation:ek2Flow 3s linear infinite}
@keyframes ek2Flow{to{stroke-dashoffset:-274}}

@media (max-width:900px){
  .ek2{grid-template-columns:1fr;gap:22px;justify-items:center}
  .ek2-links{display:none}
  .ek2-col{width:100%;max-width:420px}
  .ek2-col:last-of-type .ek2-card{flex-direction:row;text-align:left}
  .ek2-col:last-of-type .ek2-colT{text-align:left}
  .ek2-hubWrap{order:-1}
}
@media (prefers-reduced-motion:reduce){ .ek2-card,.ek2-halo,.ek2-links .flow{animation:none !important} }

/* ===== ajuste de secciones a una pantalla ===== */
#experiencia.section, #demo.section, #segmentos.section, #caso.section,
#ecosistema.section, #implementacion.section, #faq.section,
#problema.section, #impacto.section{
  padding-top:52px !important;padding-bottom:58px !important;
}
section.final.dk-final{padding-top:64px !important;padding-bottom:72px !important}
#experiencia .dk-head,#demo .dk-head,#segmentos .dk-head,#caso .dk-head,
#ecosistema .dk-head,#implementacion .dk-head,#faq .dk-head{margin-bottom:24px !important}
#experiencia h2.nx-h2One{margin-top:0 !important}
.dk-h2{margin-top:0 !important}
.imx-head{margin-bottom:22px !important}

/* problema */
#problema .pbx-h2{margin:0 0 22px !important}
#problema .pbx-viewport{padding:6px 0 10px !important}
#problema .pbx-railHead{margin-bottom:10px}

/* impacto */
.imx-panel,.imx-out{padding:22px 22px 20px !important}
.imx-field{margin-bottom:14px !important}

/* faq */
#faq .dk-faqItem{padding:14px 18px !important}
#faq .dk-faq{gap:9px !important}
#faq .dk-faqItem p{margin:8px 0 0 !important;font-size:12.5px !important}

/* --- compactar para que cada slide entre en una pantalla --- */
#problema .pbx-stage{padding:26px 0 28px 30px !important}
#problema .pbx-visual{height:178px !important}
#problema .pbx-railHead{padding:16px 18px !important}
#problema .pbx-railHead b{font-size:19px;margin-bottom:7px}
#problema .pbx-slide{padding:12px 12px 16px !important}

#impacto .imx-head{margin-bottom:16px !important}
#impacto .imx-h2{margin:0 0 8px !important;line-height:1.02 !important}
#impacto .imx-sub1{margin-top:6px}
#impacto .imx-field{margin-bottom:11px !important}

#faq .dk-faqItem{padding:11px 17px !important}
#faq .dk-faq{gap:8px !important}
#faq .dk-faqItem summary{font-size:14px !important}
#faq .dk-head{margin-bottom:18px !important}
#faq .dk-h2{margin-bottom:8px !important}

#faq .dk-faqItem summary{padding:11px 18px !important}
#faq .dk-faqItem{padding:0 !important}
#faq .dk-faqItem p{padding:0 18px 14px !important;margin:0 !important}
#faq .dk-h2{font-size:clamp(26px,3.2vw,44px) !important}
#faq .dk-head{margin-bottom:16px !important}

/* ===== fondo unificado desde el 2º slide hasta el final ===== */
html,body{background:#050C24 !important}
#problema,#impacto,#experiencia,#agentes,#capas,#ciclo,#demo,#segmentos,#caso,
#ecosistema,#implementacion,#precio,#faq,section.final.dk-final,footer{
  background:#050C24 !important;background-image:none !important;
}
#agentes.section.agx::before{display:none}

/* franja de asistentes sobre el fondo oscuro */
.section.agx{color:#DCE7FA !important}
.agx-h2{color:#fff !important}
.agx-sub{color:#A9BCE4 !important}
.agx-sub b{color:#fff !important}
.agx-marquee{
  background:linear-gradient(90deg, rgba(148,197,255,.05), rgba(148,197,255,.02) 30%,
             rgba(148,197,255,.02) 70%, rgba(148,197,255,.05)) !important;
  border-top:1px solid rgba(148,197,255,.16) !important;
  border-bottom:1px solid rgba(148,197,255,.16) !important;
}
.agx-mtext{color:#fff !important}
.agx-mtext:nth-of-type(even){color:#6E9BFF !important}
.agx-mav{box-shadow:0 0 0 .085em rgba(148,197,255,.5), 0 10px 22px rgba(2,10,44,.6) !important}

/* 5 asistentes: mantiene las tarjetas claras sobre el fondo oscuro */
#capas .cp-visual{box-shadow:0 26px 60px -20px rgba(1,6,26,.9) !important}
#capas .cp-info{box-shadow:0 22px 48px rgba(1,6,26,.7) !important}
#capas .cp-nav{
  background:rgba(255,255,255,.08) !important;border:1px solid rgba(148,197,255,.3) !important;
  color:#fff !important;box-shadow:none !important;
}
footer{border-top:1px solid rgba(148,197,255,.12)}

#capas.section.dk{background:#050C24 !important}
#agentes.section.agx{background:#050C24 !important}
#capas .cp-nav{color:#fff !important;font-size:25px;line-height:1}

/* ===================================================================
   RITMO DE FONDOS · base oscura + alternancia + un respiro claro
   =================================================================== */
:root{
  --bg1:#050C24;   /* base */
  --bg2:#08142F;   /* alterno, un paso más claro */
  --bgL:#F2F6FF;   /* respiro claro */
}
html,body{background:var(--bg1) !important}

/* --- capítulo 1 · el problema y el dinero --- */
#problema{background:var(--bg1) !important}
#impacto{background:var(--bg2) !important;position:relative;overflow:hidden}
#impacto::after{
  content:"";position:absolute;left:50%;top:-10%;transform:translateX(-50%);
  width:1200px;height:620px;pointer-events:none;z-index:0;
  background:radial-gradient(50% 50% at 50% 50%, rgba(37,99,255,.16), transparent 70%);
}
#impacto > .wrap{position:relative;z-index:1}

/* --- capítulo 2 · la categoría --- */
#experiencia{background:var(--bg1) !important}

/* --- respiro claro · los asistentes --- */
#agentes.section.agx, #capas.section.dk{
  background:var(--bgL) !important;color:#0A1030 !important;
}
#agentes.section.agx{
  position:relative;
  background:linear-gradient(180deg,#FFFFFF 0%, var(--bgL) 100%) !important;
}
#capas.section.dk{
  background:linear-gradient(180deg, var(--bgL) 0%, #E9F0FF 100%) !important;
}
.agx-h2{color:#0A1030 !important}
.agx-sub{color:#4A5578 !important}
.agx-sub b{color:#0A1030 !important}
.agx-marquee{
  background:linear-gradient(90deg,#E9F0FF,#FFFFFF 26%,#FFFFFF 74%,#E9F0FF) !important;
  border-top:1px solid rgba(10,16,48,.08) !important;
  border-bottom:1px solid rgba(10,16,48,.08) !important;
}
.agx-mtext{color:#0A1030 !important}
.agx-mtext:nth-of-type(even){color:#2563FF !important}
.agx-mav{box-shadow:0 0 0 .085em #fff, 0 0 0 .13em rgba(37,99,255,.34), 0 10px 22px rgba(37,99,255,.22) !important}
#capas .cp-visual{box-shadow:0 22px 48px rgba(10,20,70,.14) !important}
#capas .cp-info{box-shadow:0 18px 40px rgba(10,20,70,.16) !important}
#capas .cp-nav{
  background:#fff !important;border:1px solid rgba(13,24,76,.12) !important;
  color:#0D184C !important;box-shadow:0 10px 24px rgba(10,20,70,.14) !important;
}

/* --- capítulo 3 · el producto --- */
#ciclo{background:var(--bg1) !important;position:relative}
#ciclo::before{
  content:"";position:absolute;left:0;right:0;top:0;height:180px;pointer-events:none;
  background:linear-gradient(180deg, rgba(233,240,255,.14), transparent);
}
#demo{background:var(--bg2) !important;position:relative;overflow:hidden}
#segmentos{background:var(--bg1) !important}

/* --- capítulo 4 · prueba y ecosistema --- */
#caso{background:var(--bg2) !important}
#ecosistema{background:var(--bg1) !important}
#implementacion{background:var(--bg2) !important}

/* --- capítulo 5 · decisión --- */
#precio{background:var(--bg1) !important;position:relative;overflow:hidden}
#precio::after{
  content:"";position:absolute;left:50%;top:8%;transform:translateX(-50%);
  width:1300px;height:700px;pointer-events:none;z-index:0;
  background:radial-gradient(50% 50% at 50% 50%, rgba(124,58,237,.14), transparent 70%);
}
#precio > .wrap{position:relative;z-index:1}
#faq{background:var(--bg2) !important}

/* --- cierre --- */
section.final.dk-final{
  background:
    radial-gradient(70% 120% at 50% 0%, rgba(37,99,255,.26), transparent 62%),
    linear-gradient(180deg,#060E28 0%, #04091C 100%) !important;
  border-top:1px solid rgba(148,197,255,.14);
}
footer{background:#03081A !important;border-top:1px solid rgba(148,197,255,.10)}

/* separadores suaves entre bloques oscuros contiguos */
#impacto,#demo,#caso,#implementacion,#faq{
  border-top:1px solid rgba(148,197,255,.07);
  border-bottom:1px solid rgba(148,197,255,.07);
}

/* bordes de capítulo: línea de marca al entrar y salir del bloque claro */
#agentes.section.agx{border-top:2px solid transparent;
  border-image:linear-gradient(90deg,transparent,#2563FF,#7C3AED,transparent) 1}
#ciclo::before{
  height:220px;
  background:linear-gradient(180deg, rgba(233,240,255,.20), rgba(233,240,255,.05) 45%, transparent) !important;
}
#ciclo{border-top:2px solid transparent;
  border-image:linear-gradient(90deg,transparent,#2563FF,#7C3AED,transparent) 1}

/* ===== franja de asistentes + 5 capas: un solo slide ===== */
.section.agx{padding:26px 0 8px !important}
.agx-marquee{padding:12px 0 !important;margin:0 0 22px !important}
.agx-mtext,.agx-mavs{font-size:clamp(1.2rem,2.3vw,1.9rem) !important}
.agx-h2{font-size:clamp(1.7rem,3.5vw,2.9rem) !important;line-height:1.08 !important}
#capas.section.dk{padding-top:6px !important;padding-bottom:34px !important}
#capas .cp-viewport{padding:4px 0 8px !important}
#capas .cp-track{height:392px !important}
#capas .cp-card{width:252px !important;height:378px !important}
#capas .cp-card.is-active{width:252px !important;height:378px !important}
#capas .cp-card[data-slot="-1"]{transform:translateX(-50%) translateX(-186px) scale(.85) !important}
#capas .cp-card[data-slot="1"]{ transform:translateX(-50%) translateX(186px)  scale(.85) !important}
#capas .cp-card[data-slot="-2"]{transform:translateX(-50%) translateX(-324px) scale(.72) !important}
#capas .cp-card[data-slot="2"]{ transform:translateX(-50%) translateX(324px)  scale(.72) !important}
#capas .cp-nav{top:186px !important}
#capas .cp-info{padding:14px 15px 13px !important}
#capas .cp-info b{font-size:15px}
#capas .cp-info li{font-size:11px;line-height:1.42}
#capas .cp-tags span{font-size:10px;padding:5px 9px}
#capas .cp-face{height:74%}
#capas .cp-card.is-active .cp-face{height:60%;bottom:36%}
#capas .cp-name{font-size:17px}
#capas .cp-num{font-size:34px}

/* ===== cada slide llena la pantalla: no asoma el siguiente ===== */
@media (min-width:1000px){
  #problema,#impacto,#ciclo,#demo,#segmentos,#caso,#ecosistema,
  #implementacion,#precio,#faq,#experiencia,section.final.dk-final{
    min-height:calc(100vh - 92px);
  }
}

@media (min-width:1000px){
  #capas.section.dk{min-height:calc(100vh - 92px - 230px)}
}

.agx-h2 .agx-b{color:#2563FF !important;-webkit-text-fill-color:#2563FF !important;background:none !important}

@media (min-width:1000px){
  #capas.section.dk{display:flex;flex-direction:column;justify-content:center}
  #capas.section.dk > .wrap{width:100%}
}

/* ==================== PASE MÓVIL ==================== */
@media (max-width:820px){
  #problema,#impacto,#experiencia,#ciclo,#demo,#segmentos,#caso,
  #ecosistema,#implementacion,#precio,#faq,section.final.dk-final{
    padding-top:46px !important;padding-bottom:50px !important;
  }
  .dk-h2{font-size:clamp(26px,7.2vw,38px) !important;line-height:1.08 !important}
  .dk-lead{font-size:14.5px !important}
  .imx-h2{font-size:clamp(26px,7.2vw,36px) !important}
  .imx-sub1{font-size:14px !important}
  #ciclo .cx-oneRow{font-size:15px !important}
  .im-sub{font-size:17px !important}

  /* franja de asistentes */
  .section.agx{padding:22px 0 4px !important}
  .agx-marquee{padding:10px 0 !important;margin-bottom:18px !important}
  .agx-mtext,.agx-mavs{font-size:clamp(1rem,4.4vw,1.35rem) !important}
  .agx-h2{font-size:clamp(1.35rem,6.2vw,1.95rem) !important;line-height:1.12 !important}

  /* 5 asistentes · una tarjeta protagonista */
  #capas.section.dk{padding-top:4px !important;padding-bottom:26px !important;min-height:0 !important}
  #capas .cp-viewport{padding:4px 0 6px !important;overflow:hidden !important}
  #capas .cp-track{height:462px !important}
  #capas .cp-card,#capas .cp-card.is-active{width:min(296px,84vw) !important;height:440px !important}
  #capas .cp-card[data-slot="-1"]{transform:translateX(-50%) translateX(-116px) scale(.8) !important;opacity:.4 !important}
  #capas .cp-card[data-slot="1"]{ transform:translateX(-50%) translateX(116px)  scale(.8) !important;opacity:.4 !important}
  #capas .cp-card[data-slot="-2"],#capas .cp-card[data-slot="2"]{opacity:0 !important;pointer-events:none}
  #capas .cp-nav{display:grid !important;top:206px !important;width:38px;height:38px;font-size:21px;z-index:40}
  #capas .cp-nav.prev{left:2px}
  #capas .cp-nav.next{right:2px}
  #capas .cp-face{height:64%}
  #capas .cp-card.is-active .cp-face{height:50%;bottom:46%}
  #capas .cp-info{padding:13px 14px 12px !important}
  #capas .cp-info li{font-size:11px}

  /* soluciones */
  .sx-tab{font-size:12.5px;padding:9px 15px}
  .sx-card{width:88vw !important}
  .sx-name b{font-size:17px}
  .sx-cta{padding:10px 16px;font-size:12px}

  /* demo */
  .dx-h2{font-size:clamp(26px,7.2vw,36px) !important}
  .dx-btns{width:100% !important;max-width:none}
  .dx-btn{font-size:13.5px;padding:12px 15px}
  #demo .kb-phone.dxp{width:min(300px,86vw) !important}
  #demo .kb-phone.dxp .kb-chat{min-height:340px !important;max-height:340px !important}

  /* implementación y precio */
  .im-btn{width:100%;justify-content:center}
  .im-ctas{flex-direction:column;align-items:stretch;padding:0 4px}

  /* CTA final */
  .dk-finalCtas{flex-direction:column;align-items:stretch;gap:10px}
  .dk-finalCtas a{text-align:center}
}
@media (max-width:480px){
  .agx-h2{font-size:clamp(1.25rem,6.6vw,1.7rem) !important}
  #capas .cp-card,#capas .cp-card.is-active{width:min(272px,86vw) !important;height:424px !important}
  #capas .cp-track{height:446px !important}
  #capas .cp-card[data-slot="-1"]{transform:translateX(-50%) translateX(-98px) scale(.78) !important}
  #capas .cp-card[data-slot="1"]{ transform:translateX(-50%) translateX(98px)  scale(.78) !important}
  #capas .cp-nav{top:198px !important}
}

#demo .kb-phone.dxp .kb-chat{overflow-y:auto !important;scrollbar-width:none}
#demo .kb-phone.dxp .kb-chat::-webkit-scrollbar{display:none}
#demo .dx-btns{gap:10px}
#demo .dx-btn{padding:12px 17px}

/* separadores de estado dentro del móvil del demo */
#demo .kb-who2.dx-state{
  align-self:center;margin:8px 0 3px;padding:4px 11px;border-radius:999px;
  background:rgba(37,99,255,.16);border:1px solid rgba(37,99,255,.42);color:#9DC0FF;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;
}
#demo .kb-phone.dxp .kb-chat{scroll-behavior:smooth}

/* --- último banner con la tipografía de la portada --- */
section.final.dk-final .dk-h2{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif !important;
  font-weight:700 !important;
  font-size:clamp(30px,4.5vw,64px) !important;
  line-height:1.0 !important;
  letter-spacing:-.035em !important;
  max-width:none !important;margin:0 auto 20px !important;
}
section.final.dk-final .finalLead{
  display:flex !important;flex-direction:column;align-items:center;gap:2px;
  max-width:none !important;
  font-size:clamp(15px,1.35vw,18px) !important;line-height:1.68 !important;
  color:#A9BCE4 !important;
}
@media (max-width:820px){
  section.final.dk-final .dk-h2{font-size:clamp(28px,8.4vw,42px) !important;max-width:none !important}
  section.final.dk-final .dk-h2 br{display:none}
  section.final.dk-final .finalLead{font-size:15px !important}
}

/* ===== calculadora · riesgo en una línea y periodos ===== */
.imx-riskRow{
  display:flex;align-items:stretch;gap:8px;flex-wrap:nowrap;margin:4px 0 2px;overflow-x:auto;padding-bottom:2px;
  scrollbar-width:none;
}
.imx-riskRow::-webkit-scrollbar{display:none}
.imx-rk{
  flex:1 1 0;min-width:88px;display:flex;flex-direction:column;gap:5px;
  padding:9px 9px 8px;border-radius:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(148,197,255,.18);
}
.imx-rk em{
  font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:#8FA5D2;white-space:nowrap;
}
.imx-rinWrap{display:flex;align-items:baseline;gap:1px}
.imx-rin{
  width:100%;min-width:0;background:transparent;border:0;outline:none;padding:0;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:18px;color:#fff;
  -moz-appearance:textfield;
}
.imx-rin::-webkit-outer-spin-button,.imx-rin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.imx-rin:focus{color:#8FB4FF}
.imx-rinWrap i{font-style:normal;font-size:12px;color:#8FA5D2}
.imx-rkTotal{
  flex:0 0 auto;display:flex;flex-direction:column;gap:5px;justify-content:center;
  padding:9px 14px 8px;border-radius:12px;
  background:linear-gradient(150deg, rgba(37,99,255,.24), rgba(124,58,237,.2));
  border:1px solid rgba(37,99,255,.5);
}
.imx-rkTotal em{font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:#BBD2FF}
.imx-rkTotal b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:19px;color:#fff}

/* botones de puntos */
#impacto .imx-seg{display:flex;gap:8px;flex-wrap:wrap}
#impacto .imx-opt{
  flex:1 1 0;min-width:74px;display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:9px 8px;line-height:1.1;
}
#impacto .imx-opt b{font-weight:700;font-size:12.5px}
#impacto .imx-opt em{font-style:normal;font-size:10.5px;opacity:.72}
#impacto .imx-opt.is-on em{opacity:1}
#impacto .imx-opt.is-off{opacity:.34;pointer-events:none}

/* selector de periodo */
.imx-perSeg{display:inline-flex;gap:4px;padding:3px;border-radius:999px;
  background:rgba(255,255,255,.07);border:1px solid rgba(148,197,255,.2)}
.imx-perSeg button{
  appearance:none;cursor:pointer;border:0;background:transparent;color:#A9BCE4;
  padding:5px 11px;border-radius:999px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;
  transition:background .25s, color .25s;
}
.imx-perSeg button:hover{color:#fff}
.imx-perSeg button.is-on{background:linear-gradient(96deg,#2563FF,#7C3AED);color:#fff}
.imx-perSeg.small button{padding:4px 10px;font-size:8.5px}

/* bloque de recuperación */
.imx-recBlock{margin-top:18px;padding-top:16px;border-top:1px solid rgba(148,197,255,.16)}
.imx-recBlock .imx-outHead{margin-bottom:6px}
.imx-tag.alt{background:rgba(52,211,153,.16);border-color:rgba(52,211,153,.42);color:#6EE7B7}
.imx-big2{
  display:block;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;
  font-size:clamp(28px,3.4vw,46px);letter-spacing:-.03em;line-height:1.05;color:#6EE7B7;
}
@media (max-width:900px){
  .imx-riskRow{flex-wrap:wrap;overflow:visible}
  .imx-rk{flex:1 1 44%;min-width:0}
  .imx-rkTotal{flex:1 1 100%;flex-direction:row;align-items:center;justify-content:space-between}
  .imx-outHead{flex-wrap:wrap;gap:8px}
}

/* --- calculadora v2: cantidades y bloques en el panel derecho --- */
.imx-rinWrap i{display:none}
.imx-rk .imx-rin{text-align:left}
.imx-ptsBlock{margin-top:18px;padding-top:16px;border-top:1px solid rgba(148,197,255,.16)}
.imx-ptsT{
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:#BBD2FF;
}
.imx-ptsBlock .imx-outHead{margin-bottom:10px;align-items:center}
.imx-ptsBlock .imx-val{font-size:12px}
.imx-ptsBlock .imx-simu{display:block;margin-top:8px}
#impacto .imx-out .imx-seg{display:flex;gap:7px;flex-wrap:wrap}
#impacto .imx-out .imx-opt{flex:1 1 0;min-width:70px}
.imx-recBlock .imx-big2{color:#6EE7B7}
.imx-big2{font-size:clamp(34px,4.6vw,62px) !important}
@media (max-width:900px){
  .imx-ptsBlock .imx-outHead{flex-wrap:wrap;gap:6px}
  #impacto .imx-out .imx-opt{flex:1 1 30%}
}

#impacto .imx-grid{align-items:start}
#impacto .imx-panel{align-self:start}

/* --- calculadora v3 --- */
.imx-rinWrap{display:flex;align-items:center;gap:6px}
.imx-step{
  appearance:none;cursor:pointer;flex:none;width:22px;height:22px;border-radius:7px;
  background:rgba(148,197,255,.12);border:1px solid rgba(148,197,255,.28);color:#BBD2FF;
  font-size:14px;line-height:1;display:grid;place-items:center;padding:0;
  transition:background .2s,color .2s,border-color .2s;
}
.imx-step:hover{background:rgba(37,99,255,.34);border-color:rgba(37,99,255,.6);color:#fff}
.imx-rk .imx-rin{text-align:center;font-size:19px;cursor:text}
.imx-rk:focus-within{border-color:rgba(37,99,255,.6);background:rgba(37,99,255,.1)}

.imx-ptsChip{
  padding:5px 12px;border-radius:999px;
  background:linear-gradient(96deg,#2563FF,#7C3AED);color:#fff;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.06em;
}
.imx-ptsChip b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:13px;margin-right:2px}
.imx-ptsRange{width:100%;margin:4px 0 12px}
.imx-ptsOut{display:flex;gap:10px}
.imx-ptsCell{
  flex:1;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;
  background:rgba(255,255,255,.06);border:1px solid rgba(148,197,255,.2);
}
.imx-ptsCell em{font-style:normal;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:#8FA5D2}
.imx-ptsCell b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:20px;color:#fff}
.imx-ptsBlock .imx-simu{display:block;margin-top:9px}

/* misma altura en los dos paneles */
#impacto .imx-grid{align-items:stretch}
#impacto .imx-panel{align-self:stretch;display:flex;flex-direction:column}
#impacto .imx-panel .imx-field:last-of-type{margin-bottom:0}
#impacto .imx-panel > .imx-field:nth-of-type(1){margin-top:6px}
#impacto .imx-panel{justify-content:space-between}
#impacto .imx-out{display:flex;flex-direction:column}
#impacto .imx-out .imx-cta{margin-top:auto}

/* --- chips editables --- */
.imx-valEdit{display:inline-flex;align-items:baseline;gap:4px;padding-right:12px}
.imx-vin{
  width:62px;background:transparent;border:0;outline:none;padding:0;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:15px;color:#fff;
  text-align:right;-moz-appearance:textfield;cursor:text;
}
.imx-vin.wide{width:78px}
.imx-vin::-webkit-outer-spin-button,.imx-vin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.imx-vin:focus{color:#8FB4FF}
.imx-valEdit i{font-style:normal;font-size:11.5px;color:#8FA5D2}
.imx-valEdit i.pre{color:#fff;font-weight:700;font-size:13px}
.imx-val:has(.imx-vin:focus){border-color:rgba(37,99,255,.6)}

/* --- focos de riesgo como deslizadores --- */
.imx-rk{gap:4px;padding:10px 11px 9px}
.imx-rkV{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:20px;color:#fff;line-height:1.1;
}
.imx-rrange{width:100%;margin:2px 0 0}
#impacto .imx-rrange{height:4px}
#impacto .imx-rrange::-webkit-slider-thumb{width:14px;height:14px}

/* --- un solo control de riesgo + rótulos en texto --- */
.imx-rkList{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px}
.imx-rkList span{
  position:relative;padding-left:12px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8FA5D2;
}
.imx-rkList span::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,#2563FF,#7C3AED);
}

/* --- chip doble: % y cantidad --- */
.imx-dual{display:inline-flex;align-items:baseline;gap:3px;padding-left:12px;padding-right:12px}
.imx-dual .imx-vin.sm{width:44px;text-align:right}
.imx-dualSep{width:1px;height:14px;background:rgba(148,197,255,.3);margin:0 6px;align-self:center}
.imx-dual i{font-style:normal;font-size:11px;color:#8FA5D2}

/* --- paneles más compactos --- */
#impacto .imx-panel{justify-content:flex-start;padding:22px 22px 20px}
#impacto .imx-out{padding:22px 24px 20px}
#impacto .imx-field{margin-bottom:14px}
#impacto .imx-panel .imx-panelTop{margin-bottom:14px}
#impacto .imx-big{font-size:clamp(30px,4.1vw,54px) !important;line-height:1.02}
#impacto .imx-big2{font-size:clamp(28px,3.7vw,48px) !important}
#impacto .imx-barWrap{margin:10px 0 0}
#impacto .imx-ptsBlock{margin-top:14px;padding-top:13px}
#impacto .imx-recBlock{margin-top:14px;padding-top:13px}
#impacto .imx-ptsCell{padding:8px 11px}
#impacto .imx-ptsCell b{font-size:18px}
#impacto .imx-chips{margin-top:12px}
#impacto .imx-cta{margin-top:14px;padding:14px 20px}
#impacto .imx-note{margin-top:10px}
#impacto .imx-rkList{margin-top:7px}

#impacto .imx-big{font-size:clamp(27px,3.5vw,46px) !important}
#impacto .imx-big2{font-size:clamp(25px,3.1vw,40px) !important}
#impacto .imx-ptsBlock{margin-top:12px;padding-top:11px}
#impacto .imx-recBlock{margin-top:12px;padding-top:11px}
#impacto .imx-ptsCell{padding:7px 10px}
#impacto .imx-ptsCell b{font-size:16px}
#impacto .imx-cta{margin-top:12px;padding:12px 18px;font-size:14px}
#impacto .imx-chips{margin-top:10px}
#impacto .imx-barWrap{margin:8px 0 0}
#impacto .imx-ptsRange{margin:2px 0 9px}
#impacto .imx-note{margin-top:8px;font-size:10.5px}
#impacto .imx-panel{padding:20px 22px 18px}
#impacto .imx-out{padding:20px 22px 18px}
#impacto .imx-field{margin-bottom:12px}

.imx-formula{
  display:block;margin-top:6px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.05em;color:#8FA5D2;
}

/* ===== IP · ruta de implementación en 5 pasos ===== */
.ip-rail{display:flex;align-items:flex-start;justify-content:center;margin:34px auto 6px;max-width:1120px}
.ip-step{
  appearance:none;border:0;background:transparent;cursor:pointer;
  flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:0 6px;text-align:center;
}
.ip-dot{
  display:grid;place-items:center;width:66px;height:66px;border-radius:50%;
  background:rgba(255,255,255,.04);border:1.5px solid rgba(148,197,255,.34);
  transition:background .35s cubic-bezier(.22,1,.36,1), border-color .35s, box-shadow .35s, transform .35s;
}
.ip-dot b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:21px;color:#8FB4FF;transition:color .35s}
.ip-t{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:14.5px;letter-spacing:-.015em;color:#fff}
.ip-d{font-size:11.5px;line-height:1.5;color:#8FA5D2;max-width:20ch;margin-top:-4px}
.ip-step:hover .ip-dot{border-color:rgba(37,99,255,.7);transform:translateY(-3px)}
.ip-step.is-on .ip-dot{
  background:linear-gradient(150deg,#2563FF,#7C3AED);border-color:transparent;
  box-shadow:0 14px 34px -8px rgba(37,99,255,.75);transform:translateY(-3px);
}
.ip-step.is-on .ip-dot b{color:#fff}
.ip-step.is-on .ip-d{color:#C6D5F5}
.ip-arrow{flex:0 0 auto;width:clamp(28px,5vw,74px);margin-top:33px;display:block}
.ip-arrow svg{display:block;width:100%;height:12px;overflow:visible}
.ip-arrow line{stroke:rgba(148,197,255,.34);stroke-width:1.4}
.ip-arrow path{fill:rgba(148,197,255,.5)}
@media (max-width:900px){
  .ip-rail{flex-direction:column;align-items:stretch;max-width:420px}
  .ip-step{display:grid;grid-template-columns:54px 1fr;column-gap:14px;row-gap:2px;text-align:left;padding:0}
  .ip-step .ip-dot{grid-row:1 / span 2;width:54px;height:54px}
  .ip-d{max-width:none;margin-top:2px}
  .ip-arrow{width:12px;height:26px;margin:6px 0 6px 21px;transform:rotate(90deg)}
}

/* ===== IG · integraciones disponibles ===== */
.ig-wrap{margin:34px auto 0;max-width:1100px}
.ig-h3{
  margin:0 0 18px;text-align:center;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;
  font-size:clamp(17px,1.9vw,24px);letter-spacing:-.02em;color:#fff;
}
.ig-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ig-logo{
  display:grid;place-items:center;min-height:58px;padding:10px 12px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(148,197,255,.18);
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;
  font-size:13px;letter-spacing:-.01em;color:#C6D5F5;text-align:center;line-height:1.2;
  transition:background .3s, border-color .3s, color .3s, transform .3s;
}
.ig-logo:hover{background:rgba(37,99,255,.14);border-color:rgba(37,99,255,.45);color:#fff;transform:translateY(-2px)}

.ig-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.ig-card{
  position:relative;display:flex;flex-direction:column;gap:7px;
  padding:20px 20px 22px;border-radius:20px;overflow:hidden;text-align:left;
  background:linear-gradient(180deg, rgba(18,28,66,.96) 0%, rgba(10,16,48,.96) 100%);
  border:1px solid rgba(148,197,255,.22);
  box-shadow:0 20px 46px -18px rgba(1,6,26,.9);
  transition:transform .32s cubic-bezier(.22,1,.36,1), border-color .32s;
}
.ig-card:hover{transform:translateY(-4px);border-color:rgba(37,99,255,.5)}
.ig-ico{
  display:grid;place-items:center;width:44px;height:44px;border-radius:14px;margin-bottom:4px;
  background:rgba(37,99,255,.16);border:1px solid rgba(37,99,255,.36);color:#8FB4FF;
}
.ig-ico svg{width:22px;height:22px}
.ig-card b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:17px;letter-spacing:-.02em;color:#8FB4FF}
.ig-card em{font-style:normal;font-size:12.5px;line-height:1.5;color:#9DB3DE}
.ig-line{
  position:absolute;left:20px;bottom:14px;width:52px;height:3px;border-radius:99px;
  background:linear-gradient(90deg,#2563FF,#7C3AED);
}
@media (max-width:900px){
  .ig-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ig-cards{grid-template-columns:1fr}
}
@media (max-width:560px){ .ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* --- las integraciones convergen en Kiubot --- */
.ek2-zone{position:relative}
.ek2-zone > .ek2-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
.ek2{position:relative}
.ek2 > .ek2-links{display:none}
.ig-wrap{position:relative;z-index:2;margin-top:64px}
.ig-logo{animation:ek2On 11s ease-in-out infinite;animation-delay:calc(var(--k) * .55s)}
.ig-card{animation:ek2On 11s ease-in-out infinite;animation-delay:calc(var(--k) * .9s)}
@media (prefers-reduced-motion:reduce){ .ig-logo,.ig-card{animation:none !important} }

.ek-legend{position:relative;z-index:3}
.ig-h3{position:relative;z-index:3}
.ek2-links .flow.up{stroke:#7C3AED;filter:drop-shadow(0 0 6px rgba(124,58,237,.85))}

#ecosistema .ig-h3{margin-bottom:48px}

/* ===== IGX · integraciones en banda horizontal, convergen en Kiubot ===== */
.igx{
  position:relative;overflow:hidden;margin:0 auto;max-width:1160px;padding:2px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.igx-track{display:flex;width:max-content;animation:igxRun 46s linear infinite}
.igx:hover .igx-track,.igx:focus-within .igx-track{animation-play-state:paused}
.igx-set{display:flex;gap:12px;padding-right:12px}
.igx-i{
  display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;
  height:58px;padding:0 18px 0 10px;border-radius:15px;white-space:nowrap;
  background:rgba(255,255,255,.05);border:1px solid rgba(148,197,255,.18);
  transition:background .3s,border-color .3s,transform .3s;
}
.igx-i:hover{background:rgba(37,99,255,.14);border-color:rgba(37,99,255,.45);transform:translateY(-2px)}
.igx-i > b{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;
  font-size:13.5px;letter-spacing:-.01em;color:#C6D5F5;line-height:1;
}
.igx-i:hover > b{color:#fff}
.igx-b{
  display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex:0 0 auto;
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-style:normal;font-weight:700;
  font-size:12.5px;letter-spacing:-.02em;color:#fff;
  background:linear-gradient(145deg,var(--c) 0%, rgba(8,14,40,.92) 165%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 8px 18px -10px var(--c), inset 0 1px 0 rgba(255,255,255,.28);
}
@keyframes igxRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){ .igx-track{animation:none} .igx{overflow-x:auto} }

/* las 3 tarjetas quedan horizontales más tiempo */
#ecosistema .ig-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px}
@media (max-width:760px){ #ecosistema .ig-cards{grid-template-columns:1fr} }
@media (max-width:560px){ .igx-i{height:52px;padding:0 14px 0 8px} .igx-b{width:32px;height:32px} .igx-i > b{font-size:12.5px} }

.ig-wrap{position:relative;z-index:2}
.igx{position:relative;z-index:2}
#ecosistema .ig-h3{margin-bottom:34px}


#ecosistema .ig-wrap{margin-top:30px}
#ecosistema .ig-h3{margin-bottom:26px;font-size:clamp(16px,1.6vw,21px)}
#ecosistema .ig-cards{margin-top:22px}
#ecosistema .ig-card{padding:16px 18px 18px}
#ecosistema .ig-ico{width:38px;height:38px;border-radius:12px}
#ecosistema .ig-ico svg{width:19px;height:19px}
#ecosistema .ig-card b{font-size:15.5px}
#ecosistema .ig-card em{font-size:12px}
#ecosistema .ig-line{bottom:11px;width:44px}
#ecosistema .ek-legend{margin-top:14px}


/* ===== NX2 · malla de integraciones, Kiubot al centro (sin brazos) ===== */
#ecosistema .nx2{position:relative;max-width:1120px;margin:30px auto 0}
#ecosistema .nx2-web{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
#ecosistema .nx2-web path{fill:none;stroke:rgba(148,197,255,.28);stroke-width:1;stroke-linecap:round}
#ecosistema .nx2-web path.hi{stroke:rgba(124,58,237,.42)}
#ecosistema .nx2-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#ecosistema .nx2-t{
  position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;
  min-height:76px;padding:12px 12px;border-radius:18px;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4F7FF 100%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 18px 34px -24px rgba(2,8,28,.95);
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s;
}
#ecosistema .nx2-t:hover{transform:translateY(-4px);box-shadow:0 28px 50px -22px rgba(2,8,28,1)}
#ecosistema .nx2-t b{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;
  font-size:13px;letter-spacing:-.02em;color:#101C3B;line-height:1.2;text-align:left;
}
#ecosistema .nx2-i{
  display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex:0 0 auto;
  color:#fff;background:linear-gradient(145deg,var(--c) 0%, rgba(10,16,48,.88) 168%);
  box-shadow:0 8px 16px -10px var(--c), inset 0 1px 0 rgba(255,255,255,.3);
}
#ecosistema .nx2-i svg{width:19px;height:19px}
#ecosistema .nx2-i.mono{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-style:normal;
  font-weight:700;font-size:12.5px;letter-spacing:-.02em;
}
#ecosistema .nx2-t::after{
  content:'';position:absolute;inset:-3px;border-radius:21px;pointer-events:none;
  border:2px solid rgba(124,58,237,0);
  animation:nx2On 6.4s ease-in-out infinite;animation-delay:calc(var(--d,0) * .34s);
}
@keyframes nx2On{0%,86%,100%{border-color:rgba(124,58,237,0)}92%{border-color:rgba(124,58,237,.45)}}

#ecosistema .nx2-hub{
  position:relative;z-index:3;display:grid;place-items:center;gap:1px;
  min-height:76px;padding:10px 8px;border-radius:20px;
  background:linear-gradient(150deg,#2563FF 0%,#7C3AED 100%);
  box-shadow:0 26px 58px -20px rgba(37,99,255,.9), inset 0 1px 0 rgba(255,255,255,.34);
}
#ecosistema .nx2-hub b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.02em;color:#fff;line-height:1.1}
#ecosistema .nx2-hub em{font-style:normal;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8);line-height:1.1}
#ecosistema .nx2-core{display:grid;place-items:center;width:30px;height:30px;color:#fff}
#ecosistema .nx2-core svg{width:26px;height:26px}
#ecosistema .nx2-ring{
  position:absolute;inset:0;border-radius:20px;pointer-events:none;
  border:1.5px solid rgba(124,58,237,.6);
  animation:nx2Pulse 4.2s cubic-bezier(.22,1,.36,1) infinite;
}
#ecosistema .nx2-ring.d2{animation-delay:2.1s}
@keyframes nx2Pulse{0%{transform:scale(1);opacity:.9}75%{transform:scale(1.9);opacity:0}100%{transform:scale(1.9);opacity:0}}

#ecosistema .nx2-note{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:22px 0 0;
  font-family:'Roboto',ui-sans-serif,system-ui,sans-serif;font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;color:#8FA6D6;
}
#ecosistema .nx2-note span{display:inline-flex;align-items:center;gap:8px}
#ecosistema .nx2-note span::before{content:'';width:16px;height:2px;border-radius:99px;background:linear-gradient(90deg,#2563FF,#7C3AED)}

@media (prefers-reduced-motion:reduce){
  #ecosistema .nx2-t::after,#ecosistema .nx2-ring{animation:none}
}
@media (max-width:1040px){ #ecosistema .nx2-grid{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:820px){ #ecosistema .nx2-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:560px){
  #ecosistema .nx2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #ecosistema .nx2-t{min-height:64px;padding:10px;gap:8px}
  #ecosistema .nx2-i{width:30px;height:30px;border-radius:9px}
  #ecosistema .nx2-t b{font-size:11.5px}
}


/* la malla en pantallas medianas y móvil: Kiubot como banda central */
@media (max-width:1040px){
  #ecosistema .nx2-hub{grid-column:1 / -1;min-height:88px;border-radius:22px}
  #ecosistema .nx2-ring{border-radius:22px}
  #ecosistema .nx2-hub b{font-size:17px}
  #ecosistema .nx2-hub em{font-size:9.5px}
}


/* ==========================================================================
   NX2 · integraciones con más presencia (lienzo claro)
   ========================================================================== */
#ecosistema .nx2{max-width:1160px;margin-top:34px}
#ecosistema .nx2-grid{gap:16px}
#ecosistema .nx2-t{
  align-items:center;gap:13px;min-height:92px;padding:14px 15px;border-radius:20px;
  background:#FFFFFF;
  border:1px solid rgba(16,28,59,.07);
  box-shadow:0 2px 3px rgba(16,28,59,.04), 0 16px 30px -20px rgba(16,28,59,.34);
  overflow:hidden;
}
#ecosistema .nx2-t::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px;
  background:linear-gradient(180deg,var(--c,#2563FF), transparent);
  opacity:.9;
}
#ecosistema .nx2-t:hover{
  transform:translateY(-6px);
  border-color:rgba(37,99,255,.28);
  box-shadow:0 2px 3px rgba(16,28,59,.05), 0 30px 52px -22px var(--c,#2563FF);
}
#ecosistema .nx2-i{
  width:46px;height:46px;border-radius:14px;
  background:linear-gradient(145deg,var(--c) 0%, rgba(10,16,48,.9) 175%);
  box-shadow:0 10px 20px -10px var(--c), inset 0 1px 0 rgba(255,255,255,.34);
}
#ecosistema .nx2-i svg{width:23px;height:23px}
#ecosistema .nx2-i.mono{font-size:14px}
#ecosistema .nx2-x{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}
#ecosistema .nx2-x b{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;
  font-size:13.5px;letter-spacing:-.02em;color:#101C3B;line-height:1.15;text-align:left;
}
#ecosistema .nx2-x i{
  font-style:normal;font-family:'Roboto',ui-sans-serif,system-ui,sans-serif;
  font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#8494BA;line-height:1;
}
#ecosistema .nx2-t::after{
  inset:-1px;border-radius:20px;border:2px solid transparent;
  animation:nx2Glow 6.4s ease-in-out infinite;animation-delay:calc(var(--d,0) * .34s);
}
@keyframes nx2Glow{
  0%,86%,100%{border-color:transparent;box-shadow:0 0 0 0 rgba(37,99,255,0)}
  92%{border-color:rgba(37,99,255,.35);box-shadow:0 0 22px 0 rgba(37,99,255,.20)}
}

/* Kiubot: foco del lienzo */
#ecosistema .nx2-hub{
  min-height:92px;border-radius:24px;padding:12px 10px;
  transform:scale(1.16);
  background:
    radial-gradient(120% 120% at 20% 0%, rgba(255,255,255,.28), transparent 58%),
    linear-gradient(150deg,#2563FF 0%, #5B4BF0 52%, #7C3AED 100%);
  box-shadow:0 30px 64px -18px rgba(37,99,255,.66), 0 8px 22px -10px rgba(124,58,237,.6),
             inset 0 1px 0 rgba(255,255,255,.4);
}
#ecosistema .nx2-hub b{font-size:16px}
#ecosistema .nx2-hub em{font-size:8.5px;color:rgba(255,255,255,.86)}
#ecosistema .nx2-core svg{width:28px;height:28px}
#ecosistema .nx2-ring{border-radius:24px;border-color:rgba(37,99,255,.5)}
#ecosistema .nx2-note span::before{background:linear-gradient(90deg,#2563FF,#7C3AED)}

@media (max-width:1040px){
  #ecosistema .nx2-hub{transform:none;min-height:96px}
}
@media (max-width:560px){
  #ecosistema .nx2-t{min-height:76px;padding:10px 11px;gap:10px}
  #ecosistema .nx2-i{width:38px;height:38px;border-radius:12px}
  #ecosistema .nx2-x b{font-size:12px}
  #ecosistema .nx2-x i{font-size:9px}
}





/* NX2 sobre lienzo oscuro: sombras y bordes de vuelta al esquema original */
#ecosistema .nx2-t{
  background:linear-gradient(180deg,#FFFFFF 0%,#F7F9FF 100%);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 2px 3px rgba(2,8,28,.22), 0 20px 38px -22px rgba(2,8,28,.95);
}
#ecosistema .nx2-t:hover{
  border-color:rgba(255,255,255,.9);
  box-shadow:0 2px 3px rgba(2,8,28,.24), 0 32px 54px -22px var(--c,#2563FF);
}
#ecosistema .nx2-web path{stroke:rgba(148,197,255,.28)}
#ecosistema .nx2-web path.hi{stroke:rgba(124,58,237,.42)}
#ecosistema .nx2-note{color:#8FA6D6}
@keyframes nx2Glow{
  0%,86%,100%{border-color:transparent;box-shadow:0 0 0 0 rgba(124,58,237,0)}
  92%{border-color:rgba(124,58,237,.5);box-shadow:0 0 26px 0 rgba(124,58,237,.28)}
}


/* ciclo por WhatsApp · 12 nodos */
.nx-orbit11{min-height:640px !important;height:640px !important}
.nx-orbit11 .nx-ring.r3{width:440px;height:440px}
.nx-orbit11 .nx-sat{width:54px;height:54px;margin:-27px 0 0 -27px}
.nx-orbit11 .nx-sat svg{width:21px;height:21px}
.nx-orbit11 .nx-sat em{bottom:-17px;font-size:10.5px;letter-spacing:-.01em;white-space:nowrap}
@media (max-width:1150px){ .nx-orbit11{transform:scale(.78)} }
@media (max-width:900px){ .nx-orbit11{transform:scale(.62)} }


/* ciclo por WhatsApp · 9 nodos */
.nx-orbit11{min-height:600px !important;height:600px !important}
.nx-orbit11 .nx-ring.r3{width:412px;height:412px}
.nx-orbit11 .nx-sat{width:58px;height:58px;margin:-29px 0 0 -29px}
.nx-orbit11 .nx-sat svg{width:22px;height:22px}
.nx-orbit11 .nx-sat em{bottom:-18px;font-size:11px;white-space:nowrap}
@media (max-width:1150px){ .nx-orbit11{transform:scale(.8)} }
@media (max-width:900px){ .nx-orbit11{transform:scale(.66)} }


/* ciclo por WhatsApp · 11 nodos */
.nx-orbit11{min-height:630px !important;height:630px !important}
.nx-orbit11 .nx-ring.r3{width:434px;height:434px}
.nx-orbit11 .nx-sat{width:56px;height:56px;margin:-28px 0 0 -28px}
.nx-orbit11 .nx-sat svg{width:21px;height:21px}
.nx-orbit11 .nx-sat em{bottom:-17px;font-size:10.5px;white-space:nowrap}
@media (max-width:1150px){ .nx-orbit11{transform:scale(.78)} }
@media (max-width:900px){ .nx-orbit11{transform:scale(.62)} }


/* ciclo por WhatsApp · 12 nodos */
.nx-orbit11{min-height:640px !important;height:640px !important}
.nx-orbit11 .nx-ring.r3{width:442px;height:442px}
.nx-orbit11 .nx-sat{width:54px;height:54px;margin:-27px 0 0 -27px}
.nx-orbit11 .nx-sat svg{width:21px;height:21px}
.nx-orbit11 .nx-sat em{bottom:-17px;font-size:10.5px;white-space:nowrap}
@media (max-width:1150px){ .nx-orbit11{transform:scale(.76)} }
@media (max-width:900px){ .nx-orbit11{transform:scale(.6)} }


/* ===== IG2 · integraciones encadenadas, estilo bloques ===== */
#ecosistema .ig2{display:flex;flex-direction:column;align-items:center;gap:26px;margin:30px auto 0;max-width:1140px}
#ecosistema .ig2-row{display:flex;justify-content:center;align-items:flex-start;gap:26px;flex-wrap:wrap}
#ecosistema .ig2-i{display:flex;flex-direction:column;align-items:center;gap:10px;width:96px;position:relative}
#ecosistema .ig2-t{
  position:relative;width:96px;height:96px;border-radius:28px;display:grid;place-items:center;
  background:linear-gradient(180deg,#FFFFFF 0%,#EFF3FA 100%);
  box-shadow:0 2px 3px rgba(2,8,28,.2), 0 18px 34px -22px rgba(2,8,28,.95);
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s;
}
/* eslabón que une con la ficha siguiente */
#ecosistema .ig2-i:not(:last-child) .ig2-t::after{
  content:'';position:absolute;right:-27px;top:50%;transform:translateY(-50%);
  width:28px;height:30px;border-radius:9px;
  background:linear-gradient(180deg,#F6F8FC 0%,#E9EEF8 100%);
}
#ecosistema .ig2-i:hover .ig2-t{transform:translateY(-5px);box-shadow:0 2px 3px rgba(2,8,28,.22), 0 30px 50px -20px var(--c,#2563FF)}
#ecosistema .ig2-m{display:grid;place-items:center;color:var(--c,#2563FF);line-height:1}
#ecosistema .ig2-m svg{width:42px;height:42px}
#ecosistema .ig2-m.mono{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-style:normal;font-weight:700;
  font-size:27px;letter-spacing:-.045em;
}
#ecosistema .ig2-i > b{
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;
  font-size:11.5px;letter-spacing:-.01em;line-height:1.25;color:#C6D5F5;text-align:center;
}
#ecosistema .ig2-i:hover > b{color:#fff}

/* Kiubot al centro de la fila del medio */
#ecosistema .ig2-i.hub .ig2-t{
  background:
    radial-gradient(120% 120% at 22% 0%, rgba(255,255,255,.3), transparent 58%),
    linear-gradient(150deg,#2563FF 0%,#5B4BF0 52%,#7C3AED 100%);
  box-shadow:0 26px 58px -18px rgba(37,99,255,.75), inset 0 1px 0 rgba(255,255,255,.38);
}
#ecosistema .ig2-i.hub .ig2-m{color:#fff}
#ecosistema .ig2-i.hub .ig2-m svg{width:46px;height:46px}
#ecosistema .ig2-i.hub > b{color:#fff;font-size:13px;font-weight:700}
#ecosistema .ig2-i.hub .ig2-t::after{background:linear-gradient(180deg,#5D6BF5,#7C3AED)}

#ecosistema .nx2-note{margin-top:30px}

@media (max-width:1180px){
  #ecosistema .ig2-i,#ecosistema .ig2-t{width:82px}
  #ecosistema .ig2-t{height:82px;border-radius:24px}
  #ecosistema .ig2-row{gap:22px}
  #ecosistema .ig2-i:not(:last-child) .ig2-t::after{right:-23px;width:24px;height:26px}
  #ecosistema .ig2-m svg{width:36px;height:36px}
  #ecosistema .ig2-m.mono{font-size:23px}
}
@media (max-width:900px){
  #ecosistema .ig2-i,#ecosistema .ig2-t{width:72px}
  #ecosistema .ig2-t{height:72px;border-radius:21px}
  #ecosistema .ig2-row{gap:18px}
  #ecosistema .ig2-i:not(:last-child) .ig2-t::after{right:-19px;width:20px;height:22px}
  #ecosistema .ig2-m svg{width:31px;height:31px}
  #ecosistema .ig2-m.mono{font-size:20px}
  #ecosistema .ig2-i > b{font-size:10.5px}
}
@media (max-width:560px){
  #ecosistema .ig2{gap:20px}
  #ecosistema .ig2-i,#ecosistema .ig2-t{width:64px}
  #ecosistema .ig2-t{height:64px;border-radius:19px}
  #ecosistema .ig2-row{gap:14px}
  #ecosistema .ig2-i:not(:last-child) .ig2-t::after{right:-15px;width:16px;height:18px}
  #ecosistema .ig2-m svg{width:27px;height:27px}
  #ecosistema .ig2-m.mono{font-size:17px}
  #ecosistema .ig2-i > b{font-size:9.5px}
}


/* al envolverse en pantallas chicas, los eslabones sobran */
@media (max-width:900px){
  #ecosistema .ig2-i .ig2-t::after{display:none !important}
  #ecosistema .ig2-row{gap:16px 14px}
}


/* sin eslabones entre fichas */
#ecosistema .ig2-i .ig2-t::after,
#ecosistema .ig2-i.hub .ig2-t::after{content:none !important;display:none !important}


/* isotipos de marca dentro de la ficha */
#ecosistema .ig2-logo{display:block;width:58px;height:58px;object-fit:contain;border-radius:13px}
#ecosistema .ig2-row{gap:24px}
#ecosistema .ig2-logo.wide{width:84px;height:24px;border-radius:0}
@media (max-width:1180px){ #ecosistema .ig2-logo.wide{width:72px;height:21px} }
@media (max-width:900px){ #ecosistema .ig2-logo.wide{width:62px;height:18px} }
@media (max-width:560px){ #ecosistema .ig2-logo.wide{width:55px;height:16px} }
@media (max-width:1180px){ #ecosistema .ig2-logo{width:50px;height:50px;border-radius:11px} }
@media (max-width:900px){ #ecosistema .ig2-logo{width:43px;height:43px;border-radius:10px} }
@media (max-width:560px){ #ecosistema .ig2-logo{width:38px;height:38px;border-radius:9px} }


/* ==========================================================
   PORTADA · fondo degradado de marca (imagen)
   ========================================================== */
.hero{
  background:linear-gradient(180deg, rgba(5,12,36,0) 62%, rgba(5,12,36,.35) 80%, rgba(5,12,36,.85) 93%, #050C24 100%),url("/extracted_assets/asset_103.bin") center center / cover no-repeat !important;
  border-bottom:0 !important;
  color:#fff !important;
}
/* las manchas y la rejilla previas ya no hacen falta */
.hero::before{background:none !important;filter:none !important;opacity:0 !important}
.heroGrid > div:first-child::before{background:none !important;filter:none !important;opacity:0 !important}
.hero .orb{background:radial-gradient(circle, rgba(255,255,255,.22) 0%, rgba(255,255,255,.08) 45%, transparent 72%) !important;filter:blur(10px)}

/* costura hacia la sección oscura siguiente */
.hero:after{display:none !important}

.hero > .wrap, .hero .heroGrid{position:relative;z-index:2}

/* tipografía sobre el degradado */
.hero h1{color:#fff !important;text-shadow:0 6px 30px rgba(3,10,48,.30)}
.hero h1 .grad{
  background:linear-gradient(96deg,#EAFDFF 0%, #FFFFFF 42%, #F0E6FF 100%) !important;
  background-size:100% 100% !important;background-position:0 0 !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent !important;
  filter:none !important;animation:none !important;
  text-shadow:none !important;
}
.hero p, .hero .heroLead, .hero .heroLead span{color:rgba(255,255,255,.94) !important}
.hero .trust{color:rgba(255,255,255,.82) !important}
.hero .eyebrow{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.42) !important;
  color:#fff !important;
  backdrop-filter:blur(10px);
}
.hero .eyebrow .dot{background:#34D399 !important;box-shadow:0 0 0 4px rgba(52,211,153,.28) !important}

/* botones legibles sobre azul */
.hero .btn.primary{
  background:#FFFFFF !important;color:#0B1A4A !important;border-color:transparent !important;
  box-shadow:0 18px 44px rgba(3,10,48,.34), inset 0 0 0 1px rgba(255,255,255,.6) !important;
}
.hero .btn.primary:hover{background:#F2F6FF !important}
.hero .btn.ghost{
  background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.5) !important;
  color:#fff !important;backdrop-filter:blur(10px);
}
.hero .btn.ghost:hover{background:rgba(255,255,255,.24) !important}


/* ==========================================================
   FONDOS LIMPIOS · del slide 2 al penúltimo
   ========================================================== */
#problema, #impacto, #experiencia, #segmentos, #ciclo, #demo,
#caso, #ecosistema, #implementacion, #precio, #faq{
  background:#050C24 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  border-image:none !important;
}
#agentes.section.agx, #capas.section.dk{
  background:#F4F7FF !important;
}
/* fuera resplandores, tramas y costuras */
#problema::before, #problema::after,
#impacto::before, #impacto::after,
#experiencia::before, #experiencia::after,
#agentes::before, #agentes::after,
#capas::before, #capas::after,
#segmentos::before, #segmentos::after,
#ciclo::before, #ciclo::after,
#demo::before, #demo::after,
#caso::before, #caso::after,
#ecosistema::before, #ecosistema::after,
#implementacion::before, #implementacion::after,
#precio::before, #precio::after,
#faq::before, #faq::after{
  content:none !important;
  background:none !important;
  display:none !important;
}


/* ==========================================================
   VERSIÓN CLARA · del slide 2 al penúltimo
   ========================================================== */
#problema,#impacto,#experiencia,#segmentos,#ciclo,#demo,#caso,#ecosistema,#implementacion,#precio,#faq{
  background:#F4F7FF !important;
  color:#0A1030 !important;
  border-top:0 !important;border-bottom:0 !important;border-image:none !important;
}
#agentes.section.agx, #capas.section.dk{background:#F4F7FF !important}

/* titulares y bajadas sobre el lienzo */
#problema .pbx-h2, #impacto .imx-h2, #experiencia .dk-h2, #segmentos .dk-h2,
#ciclo .dk-h2, #demo .dx-h2, #caso .dk-h2, #ecosistema .dk-h2,
#implementacion .dk-h2, #faq .dk-h2, #precio .kp-title{
  color:#0A1030 !important;
}
#impacto .imx-sub1, #experiencia .dk-lead, #ciclo .dk-lead, #caso .dk-lead,
#ecosistema .dk-lead, #faq .dk-lead, #precio .kp-s1{
  color:#4A5578 !important;
}
#experiencia .nx-sub2, #implementacion .im-sub{color:#101C3B !important}
#ecosistema .nx2-note{color:#6B7797 !important}
#ecosistema .ig2-i > b{color:#101C3B !important}
#ecosistema .ig2-i:hover > b{color:#0A1030 !important}

/* fichas de integraciones: sobre claro necesitan borde y sombra propios */
#ecosistema .ig2-t{
  background:#FFFFFF !important;
  border:1px solid rgba(16,28,59,.08) !important;
  box-shadow:0 2px 3px rgba(16,28,59,.05), 0 16px 30px -20px rgba(16,28,59,.4) !important;
}
#ecosistema .ig2-i.hub .ig2-t{border-color:transparent !important}

/* pestañas de segmentos */
#segmentos .sx-tab{
  background:#FFFFFF !important;border:1px solid rgba(16,28,59,.10) !important;
  color:#3A4766 !important;box-shadow:0 8px 18px -14px rgba(16,28,59,.5) !important;
}
#segmentos .sx-tab.on{
  background:linear-gradient(96deg,#2563FF,#7C3AED) !important;color:#fff !important;
  border-color:transparent !important;
}

/* botones de la demo */
#demo .dx-btn{
  background:#FFFFFF !important;border:1px solid rgba(16,28,59,.10) !important;
  color:#26324F !important;box-shadow:0 10px 22px -16px rgba(16,28,59,.55) !important;
}
#demo .dx-btn.active{
  background:linear-gradient(96deg,#2563FF,#7C3AED) !important;color:#fff !important;
  border-color:transparent !important;
}

/* implementación · pasos */
#implementacion .ip-t{color:#0A1030 !important}
#implementacion .ip-d{color:#5B6A93 !important}
#implementacion .ip-dot{
  background:#FFFFFF !important;border:1px solid rgba(16,28,59,.12) !important;
  color:#2563FF !important;box-shadow:0 10px 22px -16px rgba(16,28,59,.55) !important;
}
#implementacion .ip-dot b{color:#2563FF !important}
#implementacion .ip-step.is-on .ip-dot{
  background:linear-gradient(150deg,#2563FF,#7C3AED) !important;border-color:transparent !important;
}
#implementacion .ip-step.is-on .ip-dot b{color:#fff !important}
#implementacion .ip-arrow svg line,#implementacion .ip-arrow svg path{stroke:rgba(16,28,59,.28) !important;fill:rgba(16,28,59,.28) !important}

/* preguntas frecuentes */
#faq .dk-faqItem{
  background:#FFFFFF !important;border:1px solid rgba(16,28,59,.09) !important;
  box-shadow:0 2px 3px rgba(16,28,59,.04), 0 16px 30px -22px rgba(16,28,59,.45) !important;
}
#faq .dk-faqItem summary{color:#0A1030 !important}
#faq .dk-faqItem p{color:#4A5578 !important}
#faq .dk-plus{background:#EDF2FF !important;border-color:rgba(16,28,59,.10) !important;color:#2563FF !important}
#faq .dk-faqFoot, #faq .dk-faqFoot a{color:#4A5578 !important}

/* precio · interruptores */
#precio .kp-switch, #precio .kp-unit{
  background:#FFFFFF !important;border:1px solid rgba(16,28,59,.10) !important;
  box-shadow:0 10px 24px -20px rgba(16,28,59,.5) !important;
}
#precio .kp-opt{color:#5B6A93 !important}
#precio .kp-opt.is-on{background:linear-gradient(96deg,#2563FF,#7C3AED) !important;color:#fff !important}


/* --- versión clara · ajustes de paneles --- */
/* calculadora: panel izquierdo en blanco */
#impacto .imx-panel{
  background:#FFFFFF !important;border:1px solid rgba(16,28,59,.09) !important;
  box-shadow:0 2px 3px rgba(16,28,59,.04), 0 20px 40px -26px rgba(16,28,59,.5) !important;
}
#impacto .imx-panel .imx-panelTop b{color:#0A1030 !important}
#impacto .imx-panel .imx-panelTop span{color:#6B7797 !important}
#impacto .imx-panel label,#impacto .imx-field label{color:#26324F !important}
#impacto .imx-panel .imx-hint,#impacto .imx-panel small,#impacto .imx-fHint{color:#6B7797 !important}
#impacto .imx-val,#impacto .imx-valEdit{background:#EEF3FF !important;border:1px solid rgba(16,28,59,.10) !important}
#impacto .imx-val input,#impacto .imx-valEdit input{color:#0A1030 !important;background:transparent !important}
#impacto .imx-val span,#impacto .imx-valEdit span,#impacto .imx-val i,#impacto .imx-valEdit i{color:#6B7797 !important}
#impacto .imx-panel .imx-legend,#impacto .imx-panel .imx-legend span{color:#6B7797 !important}

/* caso de éxito: panel izquierdo en blanco */
#caso .dk-casePanel{
  background:#FFFFFF !important;border:1px solid rgba(16,28,59,.09) !important;
  box-shadow:0 2px 3px rgba(16,28,59,.04), 0 20px 40px -26px rgba(16,28,59,.5) !important;
}
#caso .dk-caseTop b{color:#0A1030 !important}
#caso .dk-caseP{color:#4A5578 !important}
#caso .dk-stat{background:#F5F8FF !important;border:1px solid rgba(16,28,59,.07) !important}
#caso .dk-stat b{color:#0A1030 !important}
#caso .dk-stat small{color:#6B7797 !important}
#caso .dk-badge{background:#E8F7F1 !important;color:#0E7C5A !important;border-color:rgba(14,124,90,.2) !important}

/* implementación · botón secundario */
#implementacion .im-btn.alt{
  background:#FFFFFF !important;border:1px solid rgba(16,28,59,.12) !important;
  color:#26324F !important;box-shadow:0 10px 24px -18px rgba(16,28,59,.5) !important;
}
#implementacion .im-btn.alt:hover{background:#EEF3FF !important}

/* precio · bajada y píldoras */
#precio .kp-sub, #precio .kp-s1{color:#4A5578 !important}
#precio .kp-opt.is-on .kp-off,#precio .kp-off{background:#DCE8FF !important;color:#2563FF !important}

/* ecosistema · el hub conserva su degradado */
#ecosistema .ig2-i.hub .ig2-t{
  background:
    radial-gradient(120% 120% at 22% 0%, rgba(255,255,255,.3), transparent 58%),
    linear-gradient(150deg,#2563FF 0%,#5B4BF0 52%,#7C3AED 100%) !important;
  border-color:transparent !important;
  box-shadow:0 26px 58px -18px rgba(37,99,255,.55), inset 0 1px 0 rgba(255,255,255,.38) !important;
}
#ecosistema .ig2-i.hub > b{color:#0A1030 !important}

/* demo · pie de la lista */
#demo .dx-foot,#demo .dx2 > p,#demo .dx-note{color:#6B7797 !important}


/* ==========================================================
   Cada slide con su propio tono claro, para que se diferencien
   ========================================================== */
#problema{background:#FFFFFF !important}
#impacto{background:#F1F6FF !important}
#experiencia{background:#FFFFFF !important}
#agentes.section.agx{background:#E9F1FF !important}
#capas.section.dk{background:#E2ECFB !important}
#segmentos{background:#FFFFFF !important}
#ciclo{background:#F1F6FF !important}
#demo{background:#FFFFFF !important}
#caso{background:#F1F6FF !important}
#ecosistema{background:#FFFFFF !important}
#implementacion{background:#F1F6FF !important}
#precio{background:#FFFFFF !important}
#faq{background:#F1F6FF !important}

/* línea fina de corte entre secciones */
#impacto, #experiencia, #agentes.section.agx, #capas.section.dk, #segmentos,
#ciclo, #demo, #caso, #ecosistema, #implementacion, #precio, #faq{
  border-top:1px solid rgba(11,53,88,.07) !important;
}

/* sobre fondo blanco las tarjetas necesitan un borde algo más presente */
#ecosistema .ig2-t, #demo .dx-btn, #segmentos .sx-tab{
  border-color:rgba(16,28,59,.11) !important;
}


/* ==========================================================
   UX MÓVIL · navegación, alcance del pulgar y legibilidad
   ========================================================== */
@media (max-width:900px){

  /* --- botón de menú --- */
  .mnav-btn{
    display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;
    border-radius:14px;border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.10);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;
  }
  .mnav-btn span{display:block;width:19px;height:2px;border-radius:2px;background:#fff;transition:transform .28s, opacity .2s}
  .mnav-btn span + span{margin-top:5px}
  body.mnav-open .mnav-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.mnav-open .mnav-btn span:nth-child(2){opacity:0}
  body.mnav-open .mnav-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* --- panel de navegación --- */
  .mnav{
    position:fixed;inset:0;z-index:998;display:flex;flex-direction:column;
    background:linear-gradient(180deg,#071231 0%,#050C24 100%);
    padding:86px 20px calc(24px + env(safe-area-inset-bottom));
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    transform:translateY(-102%);transition:transform .38s cubic-bezier(.22,1,.36,1);
    visibility:hidden;
  }
  .mnav.is-open{transform:none;visibility:visible}
  .mnav a{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    min-height:56px;padding:6px 4px;color:#EAF1FF;text-decoration:none;
    font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;
    font-size:17px;letter-spacing:-.02em;border-bottom:1px solid rgba(148,197,255,.12);
    -webkit-tap-highlight-color:transparent;
  }
  .mnav a:active{color:#7DD3FC}
  .mnav a i{font-style:normal;color:#5B7DB1;font-size:15px}
  .mnav .mnav-cta{
    margin-top:22px;justify-content:center;border:0;border-radius:16px;min-height:56px;
    background:linear-gradient(96deg,#2563FF,#7C3AED);color:#fff;font-size:16px;
    box-shadow:0 18px 40px -18px rgba(37,99,255,.8);
  }
  .mnav .mnav-note{
    margin-top:14px;text-align:center;color:#8FA6D6;font-size:12.5px;
    font-family:'Roboto',ui-sans-serif,system-ui,sans-serif;border:0;min-height:0;display:block;
  }
  body.mnav-open{overflow:hidden}

  /* --- barra de acción fija --- */
  .mbar{
    position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;gap:10px;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.93);backdrop-filter:blur(16px);
    border-top:1px solid rgba(11,53,88,.10);
    transform:translateY(130%);transition:transform .34s cubic-bezier(.22,1,.36,1);
  }
  .mbar.is-on{transform:none}
  .mbar a{
    display:grid;place-items:center;min-height:52px;border-radius:15px;text-decoration:none;
    font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:15px;
    -webkit-tap-highlight-color:transparent;
  }
  .mbar .mb-main{
    flex:1 1 auto;background:linear-gradient(96deg,#2563FF,#7C3AED);color:#fff;
    box-shadow:0 14px 30px -16px rgba(37,99,255,.85);
  }
  .mbar .mb-alt{
    flex:0 0 38%;background:#EEF3FF;color:#1E3566;border:1px solid rgba(11,53,88,.10);
  }
  .mbar a:active{transform:translateY(1px)}
  footer{padding-bottom:104px !important}

  /* --- cabecera más compacta --- */
  header.nav .navin{gap:10px}
  header.nav .links{display:none !important}
  header.nav .navcta .btn.ghost{display:none}
  header.nav .navcta{gap:8px}
  header.nav .brandLogo{width:106px}

  /* --- superficies táctiles de 44px --- */
  .sx-tab,.kp-opt,.cx-tab,.cx-chip,.dx-btn,.pbx-pill,.imx-opt,.ip-step,
  .cp-nav,.sx-nav,.pbx-nav,.cx-play,.dk-faqItem summary,.ig2-i{
    min-height:44px !important;
  }
  .cx-chip,.kp-opt,.cx-tab{padding-left:14px !important;padding-right:14px !important}
  .cp-nav,.sx-nav,.pbx-nav,.cx-play{min-width:44px !important}
  .imx-vin,.imx-panel input{min-height:40px !important;font-size:16px !important}
  a,button,summary,input,select{-webkit-tap-highlight-color:transparent}

  /* --- legibilidad --- */
  body{-webkit-text-size-adjust:100%}
  .dk-lead,.imx-sub1,.nx-sub,.nx-sub2,.im-sub,.kp-s1,.sx-sub{font-size:15px !important;line-height:1.6 !important}
  .nx-kicker,.ig2-i > b,.nx2-note,.dk-stat small,.imx-fHint{font-size:12px !important}
  .dk-faqItem summary{font-size:15.5px !important;line-height:1.4}
  .dk-faqItem p{font-size:14.5px !important;line-height:1.65}

  /* --- respiración vertical --- */
  .section{padding-top:56px !important;padding-bottom:56px !important}
  .dk-head,.imx-head{margin-bottom:22px !important}
  .wrap{padding-left:16px !important;padding-right:16px !important}
}

/* --- precio: tarjetas deslizables --- */
@media (max-width:760px){
  #precio .kp-grid{
    display:flex !important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding:6px 16px 20px;margin:0 -16px;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;grid-template-columns:none !important;
  }
  #precio .kp-grid::-webkit-scrollbar{display:none}
  #precio .kp-card{
    flex:0 0 83% !important;width:auto !important;min-width:0 !important;max-width:none !important;
    scroll-snap-align:center;
  }
  #precio .kp-swipe{
    display:block;text-align:center;margin:-6px 0 0;color:#6E88A6;
    font-family:'Roboto',ui-sans-serif,system-ui,sans-serif;font-size:12px;letter-spacing:.06em;
  }
}
@media (min-width:761px){ .kp-swipe{display:none} }

/* --- rieles horizontales con inercia --- */
@media (max-width:900px){
  .sx-viewport,.pbx-viewport,.ig2-row{-webkit-overflow-scrolling:touch}
  .mnav,.mbar{-webkit-font-smoothing:antialiased}
}
@media (min-width:901px){ .mnav-btn,.mnav,.mbar{display:none !important} }
@media (prefers-reduced-motion:reduce){ .mnav,.mbar{transition:none} }


@media (max-width:900px){
  header.nav{z-index:1000 !important}
  body.mnav-open header.nav .navin{background:transparent}
  .mnav{z-index:998}
  body.mnav-open .mbar{transform:translateY(130%) !important}
}


@media (max-width:900px){
  /* icono de cierre claro */
  .mnav-btn{position:relative}
  body.mnav-open .mnav-btn span{opacity:0 !important;transform:none !important}
  body.mnav-open .mnav-btn::after{
    content:'✕';position:absolute;inset:0;display:grid;place-items:center;
    font-size:19px;line-height:1;color:#fff;font-family:system-ui,sans-serif;
  }
  body.mnav-open .mnav-btn{background:rgba(255,255,255,.16)}
}
/* bajada de precio con contraste real */
#precio .kp-title .kp-sub .kp-s1{color:#4A5F82 !important;-webkit-text-fill-color:#4A5F82 !important;background:none !important}


@media (max-width:900px){
  /* pastillas del problema: respetar el salto de línea */
  #problema .pbx-pill span{display:block !important;line-height:1.28;text-align:left}
  #problema .pbx-pill{align-items:center;gap:12px;padding:12px 14px !important}

  /* dashboard del ciclo: pestañas deslizables en vez de cortadas */
  #ciclo .cx-tabs,#ciclo .cx-chrome{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #ciclo .cx-tabs::-webkit-scrollbar,#ciclo .cx-chrome::-webkit-scrollbar{display:none}
  #ciclo .cx-tabs{flex-wrap:nowrap !important;padding-right:12px}
  #ciclo .cx-tab{flex:0 0 auto}
  #ciclo .cx-chips{overflow-x:auto;flex-wrap:nowrap !important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #ciclo .cx-chips::-webkit-scrollbar{display:none}
  #ciclo .cx-chip{flex:0 0 auto}

  /* pestañas de segmentos en un riel, sin tres filas */
  #segmentos .sx-tabs{
    display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;gap:10px;
    padding:2px 16px 8px;margin:0 -16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    justify-content:flex-start !important;
  }
  #segmentos .sx-tabs::-webkit-scrollbar{display:none}
  #segmentos .sx-tab{flex:0 0 auto;white-space:nowrap}

  /* enlaces de pie con aire bajo la barra */
  #faq .dk-faqFoot{margin-bottom:8px}
}


@media (max-width:900px){
  #problema .pbx-pill span br{display:inline !important}
}


@media (max-width:900px){
  /* selectores de periodo de la calculadora */
  #impacto .imx-perSeg button,#impacto .imx-per button,
  #impacto .imx-outHead button,#impacto .imx-recHead button{
    min-height:38px !important;padding:8px 12px !important;font-size:11.5px !important;
  }
  /* enlaces del pie con área de toque real */
  footer a{display:inline-block;min-height:40px;line-height:40px;padding:0 2px}
  footer .foot a{line-height:40px}
  /* llamadas secundarias */
  .sx-cta,#faq .dk-faqFoot a{min-height:44px !important;display:inline-flex !important;align-items:center;justify-content:center;padding:0 16px !important}
  header.nav .navin > a[aria-label="Kiubot"]{display:inline-flex;align-items:center;min-height:44px}
}


@media (max-width:900px){
  #faq a{min-height:44px;display:inline-flex;align-items:center}
}


/* Style block 7 */

/* V181 · Banner principal claro */
.hero{background:
  radial-gradient(60% 55% at 85% 0%,rgba(6,182,212,.12) 0%,transparent 70%),
  radial-gradient(55% 60% at 8% 10%,rgba(124,58,237,.10) 0%,transparent 70%),
  radial-gradient(70% 50% at 50% 100%,rgba(37,99,255,.10) 0%,transparent 75%),
  #F7F9FF !important;color:#0D1B4C !important}
.hero::before,.hero:after{background:none !important;opacity:0 !important}
.hero .orb{opacity:0 !important}
.hero h1,.hero .hero-title-final{color:#0D1B4C !important;text-shadow:none !important}
.hero h1 .grad{background:linear-gradient(96deg,#2563FF 0%,#4C6BFF 40%,#7C3AED 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;filter:none !important;animation:none !important}
.hero p,.hero .heroLead,.hero .heroLead span{color:#475569 !important}
.hero p strong{color:#0D1B4C !important}
.hero .trust{color:#64748B !important}
.hero .eyebrow{background:#fff !important;border-color:#D6E0FF !important;color:#2563FF !important;box-shadow:0 2px 10px rgba(37,99,255,.08) !important;backdrop-filter:none !important}
.hero .btn.primary{background:#2563FF !important;color:#fff !important;border-color:transparent !important;box-shadow:0 12px 28px rgba(37,99,255,.28) !important}
.hero .btn.primary:hover{background:#1D4FE0 !important}
.hero .btn.ghost{background:#fff !important;background-image:none !important;opacity:1 !important;color:#0D1B4C !important;border:1px solid #CBD5E1 !important;backdrop-filter:none !important;box-shadow:none !important}
.hero .btn.ghost:hover{background:#F1F5FF !important;border-color:#94A3B8 !important}
.hero .btn:focus-visible{outline:2px solid #2563FF !important;outline-offset:3px}
/* nav sólido para que no se vea gris sobre el fondo claro */
.nav .navin{background:rgba(13,27,76,.94) !important;border-color:rgba(13,27,76,.2) !important;box-shadow:0 12px 32px rgba(13,27,76,.18) !important}
/* sombra del mockup acorde al fondo claro */
.hero .kb-laptop{filter:drop-shadow(0 40px 60px rgba(13,27,76,.22)) !important}
.hero .kb-phone{box-shadow:0 30px 70px rgba(13,27,76,.30),0 0 0 1px rgba(13,27,76,.12) !important}

/* Style block 8 */

/* V182 · 5 agentes enmarcados en tarjeta degradada */
.agx-frame{padding:56px 24px;background:#fff}
.agx-card{max-width:1280px;margin:0 auto;border-radius:40px;overflow:hidden;position:relative;
  background:
   radial-gradient(38% 55% at 100% 0%,rgba(196,190,248,.95) 0%,rgba(196,190,248,0) 100%),
   radial-gradient(40% 60% at 0% 100%,rgba(206,190,252,.95) 0%,rgba(206,190,252,0) 100%),
   radial-gradient(55% 90% at 88% 45%,rgba(122,200,225,1) 0%,rgba(122,200,225,0) 100%),
   #98C4F7;
  box-shadow:0 30px 80px rgba(37,99,255,.14)}
html body .agx-frame .agx-card section#agentes.section.agx,html body .agx-frame .agx-card section#capas.section.dk{background:transparent !important;background-image:none !important;min-height:0 !important;border:0 !important;box-shadow:none !important}
.agx-mqOut{overflow:hidden;padding-top:40px;background:#fff}
.agx-mqOut .agx-marquee{margin:0 !important;width:100% !important;max-width:none !important}
.agx-frame{padding-top:32px !important}
html body .agx-frame .agx-card section#agentes.section.agx{padding-top:56px !important}
.agx-card #agentes::before,.agx-card #agentes::after,.agx-card #capas::before,.agx-card #capas::after{display:none !important}
.agx-card #capas{padding-bottom:64px !important}
@media(max-width:720px){.agx-frame{padding:32px 12px}.agx-card{border-radius:28px}}

/* Style block 9 */

/* V184 · 5 agentes con estructura de pestañas */
.ag5-wrap{padding:8px 24px 64px}
.ag5{max-width:1000px;margin:0 auto;text-align:left}
.ag5 *{text-align:left}
.ag5-tabs{margin-top:28px}
.ag5 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ag5-tabs{display:flex;justify-content:center;gap:10px;position:relative;z-index:2}
.ag5-tab{position:relative;width:60px;height:60px;padding:0;border:0;background:none;cursor:pointer}
.ag5-face{display:block;width:60px;height:60px;border-radius:50%;overflow:hidden;position:relative;background:#E3E8F2;border:3px solid #fff;box-shadow:0 4px 14px rgba(13,27,76,.12);transition:transform .2s,background .2s}
.ag5-face img{position:absolute;left:50%;top:2px;height:230%;width:auto;transform:translateX(-50%);filter:grayscale(.55);opacity:.8;transition:filter .2s,opacity .2s}
.ag5-tab:hover .ag5-face{transform:translateY(-2px)}
.ag5-tab:hover .ag5-face img{filter:none;opacity:1}
.ag5-tab.is-on .ag5-face{background:#8FB9F5;border-color:#FBFAF6}
.ag5-tab.is-on .ag5-face img{filter:none;opacity:1}
.ag5-tab.is-on::after{content:"";position:absolute;left:50%;bottom:-17px;width:22px;height:20px;transform:translateX(-50%);background:#FBFAF6}
.ag5-tab:focus-visible{outline:none}
.ag5-tab:focus-visible .ag5-face{box-shadow:0 0 0 3px #2563FF}
.ag5-card{margin-top:14px;background:#FBFAF6;border-radius:28px;box-shadow:0 24px 60px rgba(13,27,76,.14)}
.ag5-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;padding:56px 48px}
.ag5-panel[hidden]{display:none}
.ag5-panel.in{animation:ag5in .35s ease}
@keyframes ag5in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ag5-lbl{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.ag5-lbl img{width:26px;height:26px;border-radius:8px;object-fit:cover;object-position:50% 0;background:#8FB9F5}
.ag5-lbl b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:600;color:#0D1B4C}
.ag5-lbl span{font-size:12px;color:#8A94A8;margin-left:4px}
.m-ptH div b,.m-ptH div small{display:block}
.ag5-txt h3{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:clamp(26px,2.6vw,34px);line-height:1.18;font-weight:600;letter-spacing:-.02em;color:#0D1B4C;margin:0 0 16px}
.ag5-txt p{font-size:16px;line-height:1.6;color:#5B6478;margin:0 0 18px;max-width:44ch}
.ag5-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px}
.ag5-tags span{font-size:12px;font-weight:600;color:#2563FF;background:#EAF1FF;border-radius:999px;padding:5px 11px}
.ag5-more{display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:15px;color:#0D1B4C;text-decoration:none;padding-bottom:6px;border-bottom:1.5px solid #0D1B4C}
.ag5-more span{transition:transform .2s}
.ag5-more:hover span{transform:translateX(3px)}
.ag5-more:focus-visible{outline:2px solid #2563FF;outline-offset:4px}
.ag5-vis{position:relative;background:#D5E5FB;border-radius:22px;min-height:330px;display:flex;align-items:center;justify-content:center;padding:36px 44px;overflow:hidden}
.ag5-peek{position:absolute;top:50%;width:40px;height:108px;border-radius:20px;background:#A9CBF7;transform:translateY(-50%)}
.ag5-peek.l{left:-20px}.ag5-peek.r{right:-20px}
.ag5-mock{position:relative;width:100%;max-width:370px;background:#fff;border-radius:16px;box-shadow:0 14px 36px rgba(13,27,76,.14);padding:20px;font-size:13px;color:#1E2A48}
.ag5-mock small{color:#8A94A8;font-size:11.5px}
/* Entiende */
.m-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.m-top i{width:26px;height:26px;border-radius:50%;background:#DCE7F7}.m-top small{margin-left:auto}
.m-in{background:#F1F4F9;border-radius:4px 14px 14px 14px;padding:10px 12px;margin:0 0 14px;line-height:1.5}
.m-lbl{display:block;font-size:11px;font-weight:600;color:#2563FF;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.m-chips{display:flex;flex-wrap:wrap;gap:6px}.m-chips em{font-style:normal;font-weight:600;font-size:12px;background:#EAF1FF;color:#1E3A8A;border-radius:8px;padding:6px 9px}
/* Actúa */
.m-calH{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.m-slot{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:#F5F7FB;margin-top:6px}
.m-slot span{font-weight:600;color:#5B6478;font-size:12px}.m-slot b{font-weight:600;font-size:12.5px}
.m-slot em{font-style:normal;font-size:11px;font-weight:600;border-radius:6px;padding:3px 7px}
.m-slot .ok{background:#E3F6EC;color:#15803D}.m-slot .of{background:#FFF1E0;color:#B45309}.m-slot .rc{background:#2563FF;color:#fff}
.m-slot.hl{background:#FFF8EF;text-decoration:line-through;text-decoration-color:rgba(0,0,0,.18)}.m-slot.hl em{text-decoration:none}
.m-slot.rec{background:#EAF1FF;box-shadow:inset 0 0 0 1.5px #2563FF}
/* Recuerda */
.m-ptH{display:flex;gap:10px;align-items:center;margin-bottom:12px}.m-ptH i{width:34px;height:34px;border-radius:50%;background:#2563FF;color:#fff;font-style:normal;font-weight:700;font-size:12px;display:grid;place-items:center}.m-ptH b{display:block}
.m-prog{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:12px;margin-bottom:10px}.m-prog span{color:#5B6478}
.m-bar{height:6px;border-radius:3px;background:#E6EBF3}.m-bar i{display:block;height:100%;border-radius:3px;background:#2563FF}
.m-note{font-size:12px;color:#5B6478;background:#F5F7FB;border-radius:8px;padding:8px 10px;margin-bottom:10px}
.m-out{margin:0;background:#DCF8E6;border-radius:14px 4px 14px 14px;padding:10px 12px;line-height:1.5}
/* Acompaña */
.m-tl{display:flex;flex-direction:column;gap:4px}
.m-step{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:12px;position:relative}
.m-step i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:12px;background:#E6EBF3;color:#5B6478}
.m-step b{display:block;font-size:13px}.m-step.done i{background:#E3F6EC;color:#15803D}
.m-step.now{background:#EAF1FF}.m-step.now i{background:#2563FF;color:#fff}
/* Controla */
.m-kpiH{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.m-k{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid #EEF1F6}
.m-k span{color:#5B6478;font-size:12.5px}.m-k b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;font-size:17px}.m-k em{font-style:normal;color:#15803D;font-size:13px}
.m-k.hi b{color:#2563FF}
.m-bars{display:flex;align-items:flex-end;gap:8px;height:56px;margin-top:14px}.m-bars i{flex:1;border-radius:4px 4px 2px 2px;background:#BCD3FA}.m-bars i:last-child{background:#2563FF}
@media(max-width:860px){
 .ag5-wrap{padding:0 12px 40px}
 .ag5-tabs{gap:6px}.ag5-tab,.ag5-face{width:50px;height:50px}
 .ag5-panel{grid-template-columns:1fr;gap:28px;padding:32px 22px}
 .ag5-vis{min-height:0;padding:28px 26px}
}
@media(prefers-reduced-motion:reduce){.ag5-panel.in{animation:none}}

/* Style block 10 */

/* V185 · titular fuera del marco; el marco parte en los avatares */
html body section#agentes.section.agx{background:#fff !important;background-image:none !important;min-height:0 !important;padding:48px 24px 8px !important;border:0 !important;box-shadow:none !important}
html body section#agentes.section.agx::before,html body section#agentes.section.agx::after{display:none !important}
html body section#agentes .agx-b{background:none !important;-webkit-text-fill-color:#2563FF !important;color:#2563FF !important}
.agx-frame{padding-top:24px !important}
.ag5-wrap{padding-top:40px !important}
.ag5-tabs{margin-top:0 !important}
@media(max-width:860px){.ag5-wrap{padding-top:28px !important}}

/* Style block 11 */

/* V186 · un fondo de marca por agente, con fundido */
.agx-card{isolation:isolate}
.agx-card>.agx-bg{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
.agx-card>.ag5-wrap{position:relative;z-index:1}
/* 01 Entiende · cyan */
.agx-bg.b0{background:
 radial-gradient(45% 60% at 0% 0%,rgba(147,178,250,.95) 0%,rgba(147,178,250,0) 100%),
 radial-gradient(40% 55% at 100% 100%,rgba(190,184,248,.9) 0%,rgba(190,184,248,0) 100%),
 radial-gradient(60% 80% at 70% 30%,rgba(110,214,236,1) 0%,rgba(110,214,236,0) 100%),
 #8FD6EE}
/* 02 Actúa · azul marca */
.agx-bg.b1{background:
 radial-gradient(40% 55% at 100% 0%,rgba(103,220,244,.95) 0%,rgba(103,220,244,0) 100%),
 radial-gradient(42% 60% at 0% 100%,rgba(176,156,250,.95) 0%,rgba(176,156,250,0) 100%),
 radial-gradient(60% 80% at 40% 45%,rgba(110,152,255,1) 0%,rgba(110,152,255,0) 100%),
 #8AAEFB}
/* 03 Recuerda · el fondo de referencia */
.agx-bg.b2{background:
 radial-gradient(38% 55% at 100% 0%,rgba(196,190,248,.95) 0%,rgba(196,190,248,0) 100%),
 radial-gradient(40% 60% at 0% 100%,rgba(206,190,252,.95) 0%,rgba(206,190,252,0) 100%),
 radial-gradient(55% 90% at 88% 45%,rgba(122,200,225,1) 0%,rgba(122,200,225,0) 100%),
 #98C4F7}
/* 04 Acompaña · violeta y fucsia suave */
.agx-bg.b3{background:
 radial-gradient(42% 58% at 100% 100%,rgba(244,180,238,.95) 0%,rgba(244,180,238,0) 100%),
 radial-gradient(40% 55% at 0% 0%,rgba(160,196,250,.95) 0%,rgba(160,196,250,0) 100%),
 radial-gradient(60% 80% at 55% 50%,rgba(178,160,248,1) 0%,rgba(178,160,248,0) 100%),
 #C2B4F8}
/* 05 Controla · índigo con acento cyan */
.agx-bg.b4{background:
 radial-gradient(40% 55% at 100% 0%,rgba(125,220,236,.9) 0%,rgba(125,220,236,0) 100%),
 radial-gradient(42% 60% at 0% 100%,rgba(140,170,252,.95) 0%,rgba(140,170,252,0) 100%),
 radial-gradient(60% 80% at 45% 40%,rgba(128,136,242,1) 0%,rgba(128,136,242,0) 100%),
 #9CA6F3}
.agx-card[data-ag="0"]>.b0,.agx-card[data-ag="1"]>.b1,.agx-card[data-ag="2"]>.b2,.agx-card[data-ag="3"]>.b3,.agx-card[data-ag="4"]>.b4{opacity:1}
/* el avatar activo toma el tono del fondo */
.agx-card[data-ag="0"] .ag5-tab.is-on .ag5-face{background:#7FD0EA}
.agx-card[data-ag="1"] .ag5-tab.is-on .ag5-face{background:#7FA4FB}
.agx-card[data-ag="3"] .ag5-tab.is-on .ag5-face{background:#C4B0F8}
.agx-card[data-ag="4"] .ag5-tab.is-on .ag5-face{background:#9AA3F2}
@media(prefers-reduced-motion:reduce){.agx-card>.agx-bg{transition:none}}

/* Style block 12 */

/* V187 · panel del gráfico en contraste con el fondo de cada agente */
.ag5-vis{transition:background .4s ease}
.ag5-peek{transition:background .4s ease}
#ag5p0 .ag5-vis{background:linear-gradient(135deg,#FBD9F1 0%,#F4C2E8 100%) !important}
#ag5p0 .ag5-peek{background:#EFA9DD !important}
#ag5p1 .ag5-vis{background:linear-gradient(135deg,#CDEFF8 0%,#A9E4F3 100%) !important}
#ag5p1 .ag5-peek{background:#7ED3EA !important}
#ag5p2 .ag5-vis{background:linear-gradient(135deg,#E6DCFD 0%,#D4C5FB 100%) !important}
#ag5p2 .ag5-peek{background:#B9A5F6 !important}
#ag5p3 .ag5-vis{background:linear-gradient(135deg,#D2E6FD 0%,#B6D5FB 100%) !important}
#ag5p3 .ag5-peek{background:#8DBDF6 !important}
#ag5p4 .ag5-vis{background:linear-gradient(135deg,#CDF3EE 0%,#A8E8DF 100%) !important}
#ag5p4 .ag5-peek{background:#77D5C8 !important}

/* Style block 13 */

/* V189 · solo paneles del gráfico: azules/cyan hombres, rosado/lila mujeres, sin verde */
#ag5p0 .ag5-vis{background:linear-gradient(135deg,#D6E6FF 0%,#B3CEFD 100%) !important}
#ag5p0 .ag5-peek{background:#86B0F8 !important}
#ag5p1 .ag5-vis{background:linear-gradient(135deg,#CDEFF8 0%,#A9E4F3 100%) !important}
#ag5p1 .ag5-peek{background:#7ED3EA !important}
#ag5p2 .ag5-vis{background:linear-gradient(135deg,#D3E2FF 0%,#A6C3FF 100%) !important}
#ag5p2 .ag5-peek{background:#6F9BFF !important}
#ag5p3 .ag5-vis{background:linear-gradient(135deg,#FCDDF2 0%,#F6C4E7 100%) !important}
#ag5p3 .ag5-peek{background:#EFA9DD !important}
#ag5p4 .ag5-vis{background:linear-gradient(135deg,#EAE0FE 0%,#D3C3FB 100%) !important}
#ag5p4 .ag5-peek{background:#B6A1F5 !important}

/* Style block 14 */

/* V190 · bajada del hero en tres líneas */
.hero .heroLead span:nth-child(3){display:block !important}
.hero .heroLead span{opacity:1 !important}
@media(max-width:720px){html body section#inicio.hero p.heroLead{display:block !important;max-width:34ch !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}html body section#inicio.hero p.heroLead span,html body section#inicio.hero p.heroLead span:nth-child(3){display:inline !important;max-width:none !important;white-space:normal !important}html body section#inicio.hero p.heroLead span:not(:last-child)::after{content:" · "}}

/* Style block 15 */

/* V191 · ritmo claro/oscuro: claro para leer, oscuro para producto, dinero y decisión */
:root{--dk-bg:#0A1235;--dk-ink:#FFFFFF;--dk-mute:#A9B6D3;--dk-line:rgba(125,211,252,.22)}
html body section#impacto.section,html body section#ciclo.section,html body section#implementacion.section{
  background:radial-gradient(60% 50% at 15% 0%,rgba(37,99,255,.28) 0%,transparent 70%),radial-gradient(50% 45% at 90% 100%,rgba(124,58,237,.22) 0%,transparent 70%),var(--dk-bg) !important;color:var(--dk-ink)}
html body section#impacto::before,html body section#impacto::after,html body section#ciclo::before,html body section#ciclo::after,html body section#implementacion::before,html body section#implementacion::after{opacity:0 !important}
/* titulares y bajadas sobre oscuro */
html body section#impacto .imx-h2,html body section#ciclo .dk-h2,html body section#implementacion .dk-h2{color:#fff !important;-webkit-text-fill-color:#fff !important}
html body section#impacto h2 .grad,html body section#ciclo h2 .grad,html body section#implementacion h2 .grad{background:linear-gradient(90deg,#7DD3FC 0%,#A5B4FC 50%,#D8B4FE 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
html body section#impacto .imx-sub1,html body section#ciclo .dk-lead,html body section#implementacion .im-sub{color:var(--dk-mute) !important;-webkit-text-fill-color:var(--dk-mute) !important}
/* tarjetas oscuras: borde y brillo para separarlas del fondo */
html body section#impacto .imx-grid>*:not(.imx-panel){box-shadow:0 0 0 1px var(--dk-line),0 30px 80px rgba(0,0,0,.45) !important}
html body section#impacto .imx-panel{box-shadow:0 30px 80px rgba(0,0,0,.35) !important}
html body section#ciclo .cx-app{box-shadow:0 0 0 1px var(--dk-line),0 0 80px rgba(37,99,255,.25),0 40px 100px rgba(0,0,0,.5) !important}
/* implementación sobre oscuro */
html body section#implementacion .ip-t{color:#fff !important}
html body section#implementacion .ip-d{color:var(--dk-mute) !important}
html body section#implementacion .ip-arrow{opacity:.5;filter:brightness(2)}
html body section#implementacion .ip-dot{box-shadow:0 0 0 1px var(--dk-line),0 10px 24px rgba(0,0,0,.35) !important}
/* franja de íconos bajo el hero: clara, para no cortar el banner */
html body .strip.kb-marquee{background:#fff !important;border-top:1px solid #E6ECF7 !important;border-bottom:1px solid #E6ECF7 !important}
html body .strip.kb-marquee .kb-mqi{color:#0D1B4C !important}
html body .strip.kb-marquee::before{background:linear-gradient(90deg,#fff,rgba(255,255,255,0)) !important}
html body .strip.kb-marquee::after{background:linear-gradient(270deg,#fff,rgba(255,255,255,0)) !important}

/* Style block 16 */

/* V192 · Precio sobre fondo oscuro */
html body section#precio.section{background:radial-gradient(55% 45% at 50% 0%,rgba(37,99,255,.30) 0%,transparent 70%),radial-gradient(45% 40% at 10% 100%,rgba(124,58,237,.20) 0%,transparent 70%),var(--dk-bg) !important;color:#fff}
html body section#precio::before,html body section#precio::after{opacity:0 !important}
html body section#precio .kp-title,html body section#precio .kp-title .kp-t1{color:#fff !important}
html body section#precio .kp-title .kp-t1.grad,html body section#precio .kp-title .grad{background:linear-gradient(90deg,#7DD3FC 0%,#A5B4FC 50%,#D8B4FE 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
html body section#precio .kp-title .kp-sub .kp-s1{color:#C9D4EC !important;-webkit-text-fill-color:#C9D4EC !important}
html body section#precio .kp-title .kp-sub .kp-s2{background:none !important;color:#7DD3FC !important;-webkit-text-fill-color:#7DD3FC !important}
html body section#precio .kp-card,html body section#precio [class*="kp-plan"]{box-shadow:0 30px 70px rgba(0,0,0,.40) !important}
html body section#precio .kp-card.is-featured{box-shadow:0 0 0 1px rgba(125,211,252,.45),0 0 60px rgba(37,99,255,.35),0 30px 70px rgba(0,0,0,.45) !important}

/* Style block 17 */

/* V194 · Portada: fondo blanco, contenido enmarcado en gris, mockup en versión clara */
html body section#inicio.hero{background:#fff !important;padding-top:96px !important}
html body #inicio .heroGrid{background:#F2F4F7 !important;border-radius:40px;padding:56px 40px 64px !important;max-width:1320px !important;margin:0 auto;box-shadow:inset 0 0 0 1px #E6E9EF}
html body #inicio .orb{display:none !important}
html body #inicio .heroLead span{color:#475569 !important;font-weight:500}
/* laptop */
html body #inicio .kb-lid{background:linear-gradient(#E7EBF2,#DCE2EC) !important;box-shadow:0 0 0 1px #CBD3E1 !important}
html body #inicio .kb-cam{background:#AEB8CB !important}
html body #inicio .kb-base{background:linear-gradient(#E3E8F0,#C9D1DE) !important}
html body #inicio .kb-laptop{filter:drop-shadow(0 30px 50px rgba(13,27,76,.16)) !important}
html body #inicio .kb-screen{background:#FFFFFF !important}
html body #inicio .kb-title b{color:#0D1B4C !important}html body #inicio .kb-title i{color:#64748B !important}
html body #inicio .kb-live{background:#E8F8F0 !important;color:#047857 !important;border-color:#BBEBD2 !important}
html body #inicio .kb-src{background:#F5F7FB !important;color:#475569 !important;border-color:#E2E8F0 !important}
html body #inicio .kb-src.on{background:#EAF1FF !important;color:#1E3A8A !important;border-color:#2563FF !important}
html body #inicio .kb-ap,html body #inicio .kb-co{color:#475569 !important}html body #inicio .kb-sq{border-color:#94A3B8 !important}
html body #inicio .kb-banner{background:#F1F5FF !important;color:#334155 !important;border-color:#DCE6FF !important}html body #inicio .kb-banner b{color:#2563FF !important}html body #inicio .kb-banner *{color:inherit}
html body #inicio .kb-day em{color:#64748B !important}html body #inicio .kb-day b{color:#0D1B4C !important}html body #inicio .kb-h{color:#64748B !important}
html body #inicio .kb-slot{color:#0D1B4C !important}html body #inicio .kb-slot b{color:#0D1B4C !important}html body #inicio .kb-slot .kb-t,html body #inicio .kb-slot i,html body #inicio .kb-slot small{color:#64748B !important}
html body #inicio .kb-slot.free{background:#F8FAFC !important;border-color:#E2E8F0 !important}html body #inicio .kb-slot.free *{color:#94A3B8 !important}
html body #inicio .kb-slot.busy{background:#EEF3FF !important;border-color:#C7D7FE !important;border-left-color:#2563FF !important}
html body #inicio .kb-slot.done{background:#ECFDF5 !important;border-color:#A7F3D0 !important;border-left-color:#10B981 !important}html body #inicio .kb-slot.done .kb-t{color:#047857 !important}
html body #inicio .kb-slot.block{background:repeating-linear-gradient(135deg,#F1F5F9 0 8px,#E8EDF4 8px 16px) !important;border-color:#E2E8F0 !important}html body #inicio .kb-slot.block *{color:#64748B !important}
html body #inicio .kb-slot.confirmed{background:#DBE7FF !important;border-color:#93B4FD !important;border-left-color:#2563FF !important}
html body #inicio .kb-slot.offered{background:#FFF7E6 !important;border-color:#FCD34D !important;border-left-color:#F59E0B !important}
html body #inicio .kb-slot.released{background:#F3EEFF !important;border-color:#C4B5FD !important;border-left-color:#8B5CF6 !important}
html body #inicio .kb-slot.recovered{background:#E0F7FB !important;border-color:#67E8F9 !important;border-left-color:#06B6D4 !important}
html body #inicio .kb-gap{background:#F1F5F9 !important;border-color:#E2E8F0 !important}
html body #inicio .kb-lunch,html body #inicio .kb-lunch *{color:#94A3B8 !important}
html body #inicio .kb-legend{border-top-color:#E2E8F0 !important;color:#64748B !important}html body #inicio .kb-legend *{color:inherit}
html body #inicio .kb-chip{color:#334155 !important}
html body #inicio .kb-chip.c1{background:#EAF1FF !important;color:#1D4ED8 !important;border-color:#BFD3FE !important}
html body #inicio .kb-chip.c2{background:#F3EEFF !important;color:#6D28D9 !important;border-color:#DDD0FE !important}
html body #inicio .kb-chip.c3,html body #inicio .kb-chip.c7{background:#FFF7E6 !important;color:#B45309 !important;border-color:#FDE3A7 !important}
html body #inicio .kb-chip.c4{background:#E6FAFD !important;color:#0E7490 !important;border-color:#A5EEF8 !important}
html body #inicio .kb-chip.c5{background:#ECFDF5 !important;color:#047857 !important;border-color:#A7F3D0 !important}
html body #inicio .kb-chip.c6{background:#EEF0FF !important;color:#4338CA !important;border-color:#C7CCFE !important}
/* teléfono */
html body #inicio .kb-phone{background:#FFFFFF !important;box-shadow:0 0 0 1px #D5DCE7,0 0 0 6px #EEF1F6,0 30px 60px rgba(13,27,76,.22) !important}
html body #inicio .kb-pbar{background:#FFFFFF !important;border-bottom-color:#E5E9F0 !important}html body #inicio .kb-pname,html body #inicio .kb-pname *{color:#0D1B4C !important}html body #inicio .kb-pbar .kb-wa,html body #inicio .kb-pbar small,html body #inicio .kb-pbar i{color:#0E7490 !important}
html body #inicio .kb-pav{box-shadow:0 0 0 1px #E2E8F0}
html body #inicio .kb-chat{background:#F1F4F8 !important;background-image:none !important}
html body #inicio .kb-msg{background:#FFFFFF !important;color:#1E293B !important;border-color:#E2E8F0 !important}
html body #inicio .kb-msg.me{background:#D9F4FB !important;background-image:none !important;color:#0B3B4A !important;border-color:#B8E8F5 !important}
html body #inicio .kb-msg.sys{background:#EAF1FF !important;color:#1D4ED8 !important;border-color:#C7D7FE !important}
html body #inicio .kb-who2{background:#EAF1FF !important;color:#1E40AF !important;border-color:#C7D7FE !important}
html body #inicio .kb-typing{background:#fff !important;border-color:#E2E8F0 !important}
html body #inicio .kb-pfoot{background:#FFFFFF !important;border-top-color:#E5E9F0 !important}
html body #inicio .kb-livechat{background:#F1F4F8 !important;color:#475569 !important;border-color:#E2E8F0 !important}
@media(max-width:720px){html body #inicio .heroGrid{border-radius:28px;padding:32px 18px 40px !important;margin:0 10px}html body section#inicio.hero{padding-top:84px !important}}

/* Style block 18 */

/* V195 · menú principal fijo en versión clara */
html body header.nav .navin{background:rgba(255,255,255,.92) !important;backdrop-filter:blur(14px) saturate(1.4) !important;-webkit-backdrop-filter:blur(14px) saturate(1.4) !important;border:1px solid #E3E8F0 !important;box-shadow:0 10px 30px rgba(13,27,76,.08) !important}
html body header.nav .links>a,html body header.nav .navTrigger{color:#334155 !important}
html body header.nav .links>a:hover,html body header.nav .navTrigger:hover,html body header.nav .navTrigger[aria-expanded="true"]{color:#2563FF !important}
html body header.nav .btn.ghost{background:#fff !important;color:#0D1B4C !important;border:1px solid #CBD5E1 !important;box-shadow:none !important}
html body header.nav .btn.ghost:hover{border-color:#94A3B8 !important;background:#F8FAFC !important}
html body header.nav .btn.primary{background:#2563FF !important;background-image:none !important;color:#fff !important;box-shadow:0 8px 20px rgba(37,99,255,.28) !important}
html body header.nav .btn.primary:hover{background:#1D4FE0 !important}
/* menús desplegables */
html body header.nav .navMenu{background:#FFFFFF !important;border:1px solid #E3E8F0 !important;box-shadow:0 24px 60px rgba(13,27,76,.16) !important;backdrop-filter:none !important}
html body header.nav .navColTitle{color:#94A3B8 !important}
html body header.nav .navMenu a b{color:#0D1B4C !important}html body header.nav .navMenu a em{color:#64748B !important}
html body header.nav .navMenu a:hover{background:#F3F6FD !important}
html body header.nav .navMenu .ni{background:#EEF3FF !important;color:#2563FF !important;border-color:#DCE6FF !important}
/* botón hamburguesa (móvil) */
html body header.nav .burger,html body header.nav .navBurger,html body header.nav [class*="burger"],html body header.nav .mnav-btn,html body header.nav .menuBtn{background:#F3F6FD !important;border-color:#E3E8F0 !important;color:#0D1B4C !important}
html body header.nav [class*="burger"] span,html body header.nav [class*="burger"] i,html body header.nav .mnav-btn span,html body header.nav .mnav-btn i{background:#0D1B4C !important}
html body.mnav-open header.nav .mnav-btn{background:#0D1B4C !important;border-color:#0D1B4C !important;color:#FFFFFF !important}
html body.mnav-open header.nav .mnav-btn::after{color:#FFFFFF !important}

/* Style block 19 */

/* V196 · mockup con presencia propia sobre el gris */
html body #inicio .kb-stage{position:relative;isolation:isolate;padding:48px 0 8px;margin-top:8px}
html body #inicio .kb-stage::before{content:"";position:absolute;z-index:-1;left:-24px;right:-24px;top:0;bottom:-28px;border-radius:32px;
 background:
  radial-gradient(45% 60% at 0% 0%,rgba(103,220,244,.95) 0%,rgba(103,220,244,0) 100%),
  radial-gradient(45% 60% at 100% 100%,rgba(168,140,250,.95) 0%,rgba(168,140,250,0) 100%),
  radial-gradient(70% 80% at 50% 40%,rgba(80,130,255,1) 0%,rgba(80,130,255,0) 100%),
  #4F7BFF;
 box-shadow:0 40px 90px rgba(37,99,255,.30)}
html body #inicio .kb-stage::after{content:"";position:absolute;z-index:-1;left:-24px;right:-24px;top:0;bottom:-28px;border-radius:32px;
 background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.4px);background-size:18px 18px;
 -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%);mask-image:linear-gradient(180deg,#000 0%,transparent 70%)}
/* laptop: marco navy, pantalla blanca */
html body #inicio .kb-lid{background:linear-gradient(#16224F,#0D1B4C) !important;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset !important}
html body #inicio .kb-cam{background:#2B3B69 !important}
html body #inicio .kb-base{background:linear-gradient(#1C2A5C,#0B1640) !important}
html body #inicio .kb-laptop{filter:drop-shadow(0 34px 50px rgba(9,20,70,.45)) !important}
/* teléfono: marco navy */
html body #inicio .kb-phone{background:#0D1B4C !important;box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 34px 60px rgba(9,20,70,.45) !important}
/* pastilla de software médico */
html body #inicio .kb-srcs{justify-content:flex-start}
html body #inicio .kb-src.kb-sw{display:inline-flex !important;background:#EAF1FF !important;color:#1E3A8A !important;border-color:#C7D7FE !important;font-weight:600}
html body #inicio .kb-src.kb-sw .kb-sq{border-color:#2563FF !important}
@media(max-width:720px){html body #inicio .kb-stage{padding:26px 0 4px}html body #inicio .kb-stage::before,html body #inicio .kb-stage::after{left:-6px;right:-6px;border-radius:24px}}

/* Style block 20 */

/* V197 · 6 agentes con la nueva estrategia de copy */
.ag5-tabs{gap:8px}
.ag6-noimg{background:linear-gradient(140deg,#6D8BFF,#8B6CF6) !important;display:grid !important;place-items:center}
.ag6-noimg .ag6-ico{color:#fff;display:grid;place-items:center}
.ag6-noimg .ag6-ico svg{width:26px;height:26px}
.ag5-lbl .ag6-ico.sm{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,#6D8BFF,#8B6CF6);color:#fff;display:grid;place-items:center}
.ag5-lbl .ag6-ico.sm svg{width:15px;height:15px}
.ag5-lbl b{letter-spacing:.06em;font-size:13px !important}
.ag6-meta{font-size:13px !important;color:#64748B !important;margin:-6px 0 12px !important}
.ag6-meta b{color:#2563FF;font-weight:600}
.ag6-sp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px !important;font-weight:600;color:#0D1B4C !important;margin:0 0 18px !important}
.ag6-sp span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7C3AED;background:#F3EEFF;border-radius:6px;padding:4px 8px}
.ag6-fns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.ag6-fn{font:600 12.5px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#2563FF;background:#EAF1FF;border:1px solid transparent;border-radius:999px;padding:8px 13px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.ag6-fn:hover{border-color:#BFD3FE}
.ag6-fn.on{background:#2563FF;color:#fff}
.ag6-fn:focus-visible{outline:2px solid #0D1B4C;outline-offset:2px}
.ag6-chat{max-width:380px !important;padding:18px 18px 16px !important}
.ag6-top{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.ag6-top b{font-size:12.5px;color:#0D1B4C}
.ag6-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.ag6-fname{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#2563FF;background:#EAF1FF;border-radius:6px;padding:4px 8px}
.ag6-bub{margin:0 0 14px !important;background:#F1F5FB;border-radius:4px 16px 16px 16px;padding:12px 14px;font-size:14px !important;line-height:1.5 !important;color:#0F1B3D !important;max-width:none !important;animation:ag6in .35s ease}
.ag6-desc{margin:0 !important;font-size:12.5px !important;line-height:1.5 !important;color:#64748B !important;border-top:1px solid #EEF1F6;padding-top:12px;max-width:none !important}
@keyframes ag6in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* fondos del marco: 4 = Fideliza (nuevo), 5 = Controla (el anterior índigo) */
.agx-bg.b5{background:
 radial-gradient(40% 55% at 100% 0%,rgba(125,220,236,.9) 0%,rgba(125,220,236,0) 100%),
 radial-gradient(42% 60% at 0% 100%,rgba(140,170,252,.95) 0%,rgba(140,170,252,0) 100%),
 radial-gradient(60% 80% at 45% 40%,rgba(128,136,242,1) 0%,rgba(128,136,242,0) 100%),
 #9CA6F3 !important}
.agx-bg.b4{background:
 radial-gradient(42% 58% at 0% 0%,rgba(150,200,252,.95) 0%,rgba(150,200,252,0) 100%),
 radial-gradient(40% 55% at 100% 100%,rgba(196,170,250,.95) 0%,rgba(196,170,250,0) 100%),
 radial-gradient(60% 80% at 55% 45%,rgba(120,150,250,1) 0%,rgba(120,150,250,0) 100%),
 #93ADF8 !important}
.agx-card[data-ag="5"]>.b5{opacity:1}
.agx-card[data-ag="5"] .ag5-tab.is-on .ag5-face{background:#9AA3F2}
/* paneles del gráfico: hombres azul/cyan, mujeres rosado/lila, Fideliza índigo */
#ag5p0 .ag5-vis{background:linear-gradient(135deg,#D6E6FF 0%,#B3CEFD 100%) !important}#ag5p0 .ag5-peek{background:#86B0F8 !important}
#ag5p1 .ag5-vis{background:linear-gradient(135deg,#CDEFF8 0%,#A9E4F3 100%) !important}#ag5p1 .ag5-peek{background:#7ED3EA !important}
#ag5p2 .ag5-vis{background:linear-gradient(135deg,#D3E2FF 0%,#A6C3FF 100%) !important}#ag5p2 .ag5-peek{background:#6F9BFF !important}
#ag5p3 .ag5-vis{background:linear-gradient(135deg,#FCDDF2 0%,#F6C4E7 100%) !important}#ag5p3 .ag5-peek{background:#EFA9DD !important}
#ag5p4 .ag5-vis{background:linear-gradient(135deg,#E1E4FF 0%,#C4CAFB 100%) !important}#ag5p4 .ag5-peek{background:#9EA7F5 !important}
#ag5p5 .ag5-vis{background:linear-gradient(135deg,#EAE0FE 0%,#D3C3FB 100%) !important}#ag5p5 .ag5-peek{background:#B6A1F5 !important}
@media(max-width:860px){.ag5-tabs{gap:5px}.ag5-tab,.ag5-face{width:46px !important;height:46px !important}}
@media(prefers-reduced-motion:reduce){.ag6-bub{animation:none}}

/* Style block 21 */

/* V198 · Portada viva: fondo animado, relevo de agentes y logros en tiempo real */
@keyframes krFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes krBlobA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18%,12%) scale(1.15)}}
@keyframes krBlobB{0%,100%{transform:translate(0,0) scale(1.1)}50%{transform:translate(-16%,-10%) scale(.95)}}
html body #inicio .kb-stage{padding-top:96px !important}
html body #inicio .kb-stage::before{background:linear-gradient(115deg,#5FD4F2 0%,#4F7BFF 22%,#6C5CF6 44%,#C084FC 58%,#4F7BFF 76%,#5FD4F2 100%) !important;background-size:300% 300% !important;animation:krFlow 14s ease-in-out infinite}
html body #inicio .kb-stage .orb{display:block !important;position:absolute;z-index:-1;width:46%;height:70%;left:2%;top:4%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 70%) !important;filter:blur(20px) !important;opacity:.7 !important;animation:krBlobA 11s ease-in-out infinite}
html body #inicio .kb-stage .kr-glow{position:absolute;z-index:-1;width:40%;height:60%;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle,rgba(232,121,249,.45) 0%,rgba(232,121,249,0) 70%);filter:blur(24px);animation:krBlobB 13s ease-in-out infinite}
/* riel de agentes */
html body #inicio .kr-rail{position:absolute;z-index:3;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:7px 18px 7px 8px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(13,27,76,.22),0 0 0 1px rgba(255,255,255,.6);backdrop-filter:blur(10px);white-space:nowrap;max-width:calc(100% - 24px)}
html body #inicio .kr-avs{display:flex}
html body #inicio .kr-av{width:34px;height:34px;border-radius:50%;overflow:hidden;position:relative;margin-left:-8px;border:2px solid #fff;background:#DCE6F7;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,filter .35s;filter:grayscale(.7) opacity(.75)}
html body #inicio .kr-av:first-child{margin-left:0}
html body #inicio .kr-av img{position:absolute;left:50%;top:1px;height:230%;transform:translateX(-50%)}
html body #inicio .kr-av i{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(140deg,#6D8BFF,#8B6CF6);color:#fff}html body #inicio .kr-av i svg{width:16px;height:16px}
html body #inicio .kr-av.on{filter:none;transform:translateY(-3px) scale(1.18);z-index:2;box-shadow:0 0 0 3px #2563FF,0 8px 18px rgba(37,99,255,.4)}
html body #inicio .kr-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0}
html body #inicio .kr-cap{font:700 11px/1.2 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;color:#2563FF}
html body #inicio .kr-role{font:600 13.5px/1.3 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#0D1B4C}
html body #inicio .kr-act{font-style:normal;font-size:12px;color:#64748B;overflow:hidden;text-overflow:ellipsis}
html body #inicio .kr-txt.swap{animation:krSwap .45s ease}
@keyframes krSwap{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
/* logro emergente */
html body #inicio .kr-toast{position:absolute;z-index:4;left:-6px;bottom:64px;display:flex;align-items:center;gap:10px;padding:11px 16px 11px 11px;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(13,27,76,.25);font:600 13.5px/1.3 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#0D1B4C;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
html body #inicio .kr-toast i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(140deg,#22C55E,#16A34A);color:#fff;font-style:normal;font-size:14px}
html body #inicio .kr-toast.show{opacity:1;transform:none}
html body #inicio .kr-toast.money i{background:linear-gradient(140deg,#2563FF,#06B6D4)}
html body #inicio .kr-toast.star i{background:linear-gradient(140deg,#8B5CF6,#E879F9)}
@media(max-width:720px){html body #inicio .kb-stage{padding-top:78px !important}html body #inicio .kr-rail{top:14px;gap:10px;padding:6px 12px 6px 6px}html body #inicio .kr-av{width:28px;height:28px;margin-left:-9px}html body #inicio .kr-act{display:none}html body #inicio .kr-toast{left:6px;bottom:24px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html body #inicio .kb-stage::before,html body #inicio .kb-stage .orb,html body #inicio .kb-stage .kr-glow{animation:none}html body #inicio .kr-txt.swap{animation:none}html body #inicio .kr-toast{transition:none}}

/* Style block 22 */

/* agentes: escribiendo…, autoplay y pulso */
.ag6-bub{position:relative}
.ag6-bub.typing{color:transparent !important;min-height:44px}
.ag6-bub.typing::after{content:"";position:absolute;left:16px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#94A3B8;box-shadow:12px 0 0 #94A3B8,24px 0 0 #94A3B8;animation:ag6dots .9s infinite}
@keyframes ag6dots{0%,100%{opacity:.35}50%{opacity:1}}
.ag6-fn{position:relative;overflow:hidden}
.ag6-fn.on.auto::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:rgba(255,255,255,.8);animation:ag6bar 3.6s linear forwards}
@keyframes ag6bar{from{width:0}to{width:100%}}
.ag5-tab.is-on .ag5-face{animation:ag6pulse 2.4s ease-out infinite}
@keyframes ag6pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75),0 4px 14px rgba(13,27,76,.12)}70%{box-shadow:0 0 0 12px rgba(255,255,255,0),0 4px 14px rgba(13,27,76,.12)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0),0 4px 14px rgba(13,27,76,.12)}}
@media(prefers-reduced-motion:reduce){.ag6-bub.typing::after,.ag6-fn.on.auto::after,.ag5-tab.is-on .ag5-face{animation:none}}

/* Style block 23 */

/* V199 · ciclo de 28 estados por agente */
.cx-tab.t0.is-on{background:linear-gradient(96deg,#22D3EE,#2563FF) !important}
.cx-tab.t1.is-on{background:linear-gradient(96deg,#2563FF,#4F46E5) !important}
.cx-tab.t2.is-on{background:linear-gradient(96deg,#4F46E5,#7C3AED) !important}
.cx-tab.t3.is-on{background:linear-gradient(96deg,#0EA5A4,#22D3EE) !important}
.cx-tab.t4.is-on{background:linear-gradient(96deg,#A855F7,#E879F9) !important}
.cx-tab.t3.is-on,.cx-tab.t4.is-on{color:#fff !important}
.cx-chips .cx-grp{flex-basis:100%;margin:6px 0 1px;font:700 9.5px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;color:#7DD3FC}
.cx-chips .cx-grp.g1{color:#93C5FD}.cx-chips .cx-grp.g2{color:#A5B4FC}.cx-chips .cx-grp.g3{color:#5EEAD4}.cx-chips .cx-grp.g4{color:#F0ABFC}
.cx-chips .cx-grp:first-child{margin-top:0}
.cx-chip.tone-post.is-on{background:#F0ABFC !important;color:#2E0A3D !important}

/* Style block 24 */

/* V200 · portada: estados que generan ingresos, fondo que cambia con cada agente */
html body #inicio .kb-stage::before,html body #inicio .kb-stage::after{background:none !important;box-shadow:none !important;animation:none !important}
html body #inicio .kr-bgs{position:absolute;z-index:-1;left:-24px;right:-24px;top:0;bottom:-28px;border-radius:32px;overflow:hidden;box-shadow:0 40px 90px rgba(37,99,255,.28);transition:box-shadow .8s}
html body #inicio .kr-bgs::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.4px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%);mask-image:linear-gradient(180deg,#000 0%,transparent 70%)}
html body #inicio .kr-bg{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;background-size:300% 300% !important;animation:krFlow 14s ease-in-out infinite}
html body #inicio .kr-bg.b0{background:linear-gradient(115deg,#67E8F9 0%,#22D3EE 30%,#3B82F6 60%,#67E8F9 100%)}
html body #inicio .kr-bg.b1{background:linear-gradient(115deg,#3B82F6 0%,#2563FF 30%,#22D3EE 60%,#3B82F6 100%)}
html body #inicio .kr-bg.b2{background:linear-gradient(115deg,#6366F1 0%,#3B82F6 35%,#7DD3FC 65%,#6366F1 100%)}
html body #inicio .kr-bg.b3{background:linear-gradient(115deg,#14B8A6 0%,#22D3EE 35%,#3B82F6 65%,#14B8A6 100%)}
html body #inicio .kr-bg.b4{background:linear-gradient(115deg,#8B5CF6 0%,#C084FC 35%,#6366F1 65%,#8B5CF6 100%)}
html body #inicio .kr-bg.b5{background:linear-gradient(115deg,#C084FC 0%,#F0ABFC 35%,#8B5CF6 65%,#C084FC 100%)}
html body #inicio .kb-stage:not([data-ag]) .kr-bg.b0,html body #inicio .kb-stage[data-ag="0"] .kr-bg.b0,html body #inicio .kb-stage[data-ag="1"] .kr-bg.b1,html body #inicio .kb-stage[data-ag="2"] .kr-bg.b2,html body #inicio .kb-stage[data-ag="3"] .kr-bg.b3,html body #inicio .kb-stage[data-ag="4"] .kr-bg.b4,html body #inicio .kb-stage[data-ag="5"] .kr-bg.b5{opacity:1}
html body #inicio .kr-ripple{position:absolute;left:50%;top:44px;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 70%);opacity:0;pointer-events:none}
html body #inicio .kr-ripple.go{animation:krRip 1.1s ease-out}
@keyframes krRip{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(40)}}
/* contador de ingresos en el riel */
html body #inicio .kr-money{display:flex;flex-direction:column;align-items:flex-start;padding-left:14px;margin-left:2px;border-left:1px solid #E2E8F0;line-height:1.15}
html body #inicio .kr-money small{font-size:10.5px;font-weight:600;color:#64748B;letter-spacing:.02em}
html body #inicio .kr-money b{font:700 19px/1.15 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#059669;font-variant-numeric:tabular-nums}
html body #inicio .kr-money.bump b{animation:krBump .6s ease}
@keyframes krBump{0%{transform:scale(1)}40%{transform:scale(1.14)}100%{transform:scale(1)}}
html body #inicio .kr-toast.ok i{background:linear-gradient(140deg,#22C55E,#16A34A)}
html body #inicio .kr-toast.money i{background:linear-gradient(140deg,#059669,#10B981)}
html body #inicio .kr-toast.star i{background:linear-gradient(140deg,#8B5CF6,#E879F9)}
html body #inicio .kr-toast.roi i{background:linear-gradient(140deg,#2563FF,#7C3AED)}
/* estados de la agenda */
html body #inicio .kb-slot{position:relative}
html body #inicio .kb-slot .kb-badge{position:absolute;top:-8px;right:8px;font:700 8.5px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:999px;color:#fff;background:#2563FF;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:2}
html body #inicio .kb-slot .kb-badge.show{opacity:1 !important;transform:none !important}
html body #inicio .kb-slot.newp{background:#EAF1FF !important;border-color:#93B4FD !important;border-left-color:#2563FF !important}
html body #inicio .kb-slot.newp .kb-badge{background:#2563FF}
html body #inicio .kb-slot.confirmed .kb-badge{background:#059669}
html body #inicio .kb-slot.released .kb-badge{background:#8B5CF6}
html body #inicio .kb-slot.offered .kb-badge{background:#F59E0B}
html body #inicio .kb-slot.recovered .kb-badge{background:#06B6D4}
html body #inicio .kb-slot.retained{background:#FDF2FB !important;border-color:#F5C2E7 !important;border-left-color:#DB2777 !important}
html body #inicio .kb-slot.retained .kb-badge{background:#DB2777}
html body #inicio .kb-slot.reactivated{background:#F3EEFF !important;border-color:#D4C4FD !important;border-left-color:#7C3AED !important}
html body #inicio .kb-slot.reactivated .kb-badge{background:#7C3AED}
html body #inicio .kb-slot.confirmed{background:#ECFDF5 !important;border-color:#A7F3D0 !important;border-left-color:#059669 !important}
/* leyenda: chips de ingresos */
html body #inicio .kb-legend em{font-weight:700;color:#0D1B4C !important;letter-spacing:.06em}
html body #inicio .kb-legend .kb-chip{opacity:.5;transition:opacity .3s,transform .3s,box-shadow .3s}
html body #inicio .kb-legend .kb-chip.on{opacity:1}
html body #inicio .kb-legend .kb-chip.pop{animation:krChip .6s ease}
@keyframes krChip{0%{transform:scale(1)}40%{transform:scale(1.15)}100%{transform:scale(1)}}
html body #inicio .kb-chip.c1{background:#EAF1FF !important;color:#1D4ED8 !important;border-color:#BFD3FE !important}
html body #inicio .kb-chip.c2{background:#ECFDF5 !important;color:#047857 !important;border-color:#A7F3D0 !important}
html body #inicio .kb-chip.c3{background:#F3EEFF !important;color:#6D28D9 !important;border-color:#DDD0FE !important}
html body #inicio .kb-chip.c4{background:#FFF7E6 !important;color:#B45309 !important;border-color:#FDE3A7 !important}
html body #inicio .kb-chip.c5{background:#E6FAFD !important;color:#0E7490 !important;border-color:#A5EEF8 !important}
html body #inicio .kb-chip.c6{background:#FDF2FB !important;color:#BE185D !important;border-color:#F5C2E7 !important}
html body #inicio .kb-chip.c7{background:#F3EEFF !important;color:#6D28D9 !important;border-color:#D4C4FD !important}
html body #inicio .kb-legend .kb-chip.on.c1{box-shadow:0 0 0 2px #2563FF}html body #inicio .kb-legend .kb-chip.on.c2{box-shadow:0 0 0 2px #059669}html body #inicio .kb-legend .kb-chip.on.c3{box-shadow:0 0 0 2px #8B5CF6}html body #inicio .kb-legend .kb-chip.on.c4{box-shadow:0 0 0 2px #F59E0B}html body #inicio .kb-legend .kb-chip.on.c5{box-shadow:0 0 0 2px #06B6D4}html body #inicio .kb-legend .kb-chip.on.c6{box-shadow:0 0 0 2px #DB2777}html body #inicio .kb-legend .kb-chip.on.c7{box-shadow:0 0 0 2px #7C3AED}
html body #inicio .kb-legend .kb-chip:nth-child(n+5){display:inline-flex !important}
@media(max-width:720px){html body #inicio .kr-role{display:none}html body #inicio .kr-money{padding-left:10px}html body #inicio .kr-money small{font-size:9px}html body #inicio .kr-money b{font-size:15px}html body #inicio .kr-bgs{left:-6px;right:-6px;border-radius:24px}html body #inicio .kb-legend .kb-chip:nth-child(n+5){display:none !important}}
@media(prefers-reduced-motion:reduce){html body #inicio .kr-bg{animation:none;transition:none}html body #inicio .kr-ripple.go,html body #inicio .kb-legend .kb-chip.pop,html body #inicio .kr-money.bump b{animation:none}}

/* Style block 25 */

/* V201 · tres métricas de retorno y avisos junto a cada cambio */
html body #inicio .kr-money{display:none !important}
html body #inicio .kr-mets{display:flex;gap:2px;margin-left:4px;padding-left:12px;border-left:1px solid #E2E8F0}
html body #inicio .kr-met{display:flex;flex-direction:column;align-items:flex-start;padding:2px 10px;line-height:1.15;border-radius:10px;min-width:92px}
html body #inicio .kr-met b{font:700 18px/1.15 'Poppins',ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums}
html body #inicio .kr-met small{font-size:10px;font-weight:600;color:#64748B;white-space:nowrap}
html body #inicio .kr-met.m1 b{color:#2563FF}html body #inicio .kr-met.m2 b{color:#059669}html body #inicio .kr-met.m3 b{color:#DB2777}
html body #inicio .kr-met.bump{animation:krMet .7s ease}
@keyframes krMet{0%{background:transparent}30%{background:#F1F5FF;transform:scale(1.06)}100%{background:transparent;transform:none}}
html body #inicio .kr-toast{left:auto;bottom:auto;top:0;z-index:6;padding:9px 13px 9px 9px;font-size:12.5px;white-space:nowrap;transform:scale(.9);transform-origin:left center}
html body #inicio .kr-toast.l{transform-origin:right center}
html body #inicio .kr-toast.show{transform:none}
html body #inicio .kr-toast::before{content:"";position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;background:#fff;transform:rotate(45deg)}
html body #inicio .kr-toast.r::before{left:-5px}html body #inicio .kr-toast.l::before{right:-5px}html body #inicio .kr-toast.b::before{left:18px;top:-5px;margin-top:0}
html body #inicio .kr-toast i{width:24px;height:24px;border-radius:8px;font-size:13px}
html body #inicio .kr-toast.conv i{background:linear-gradient(140deg,#2563FF,#3B82F6)}
@media(max-width:1100px){html body #inicio .kr-act{display:none}}
@media(max-width:720px){html body #inicio .kr-rail{flex-wrap:wrap;justify-content:center;border-radius:20px;row-gap:6px;padding:8px 10px}html body #inicio .kr-mets{width:100%;border-left:0;padding-left:0;margin-left:0;justify-content:space-between;border-top:1px solid #E2E8F0;padding-top:6px}html body #inicio .kr-met{min-width:0;padding:2px 4px}html body #inicio .kr-met b{font-size:14px}html body #inicio .kr-met small{font-size:8.5px;white-space:normal;max-width:9ch}html body #inicio .kb-stage{padding-top:118px !important}}
@media(max-width:720px){html body #inicio .kr-rail{width:calc(100% - 20px);max-width:none}html body #inicio .kr-met{flex:1;align-items:center;text-align:center}html body #inicio .kr-met small{max-width:none;font-size:8.5px;line-height:1.2}}

/* Style block 26 */

/* V203 · banner corrido: beneficios por agente */
html body .strip.kb-marquee .kb-mqi{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:600;color:#0D1B4C !important}
html body .strip.kb-marquee .kb-mqi i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff}
html body .strip.kb-marquee .kb-mqi i svg{width:18px;height:18px;stroke:#fff !important}
html body .strip.kb-marquee .kb-mqi i svg *{stroke:#fff !important;fill:none !important}
html body .strip.kb-marquee .kq-ag{font:700 10px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;padding:5px 7px;border-radius:6px}
html body .strip.kb-marquee .kb-mqi.kq-e i{background:linear-gradient(140deg,#22D3EE,#0EA5E9) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 14px rgba(13,27,76,.15) !important}.kq-e .kq-ag{color:#0E7490;background:#E6FAFD}
html body .strip.kb-marquee .kb-mqi.kq-a i{background:linear-gradient(140deg,#3B82F6,#2563FF) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 14px rgba(13,27,76,.15) !important}.kq-a .kq-ag{color:#1D4ED8;background:#EAF1FF}
html body .strip.kb-marquee .kb-mqi.kq-r i{background:linear-gradient(140deg,#6366F1,#4F46E5) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 14px rgba(13,27,76,.15) !important}.kq-r .kq-ag{color:#4338CA;background:#EEF0FF}
html body .strip.kb-marquee .kb-mqi.kq-c i{background:linear-gradient(140deg,#EC4899,#F472B6) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 14px rgba(13,27,76,.15) !important}.kq-c .kq-ag{color:#BE185D;background:#FDF2FB}
html body .strip.kb-marquee .kb-mqi.kq-f i{background:linear-gradient(140deg,#8B5CF6,#C084FC) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 14px rgba(13,27,76,.15) !important}.kq-f .kq-ag{color:#6D28D9;background:#F3EEFF}
html body .strip.kb-marquee .kb-mqi.kq-k i{background:linear-gradient(140deg,#A855F7,#E879F9) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 14px rgba(13,27,76,.15) !important}.kq-k .kq-ag{color:#86198F;background:#FDF4FF}
@media(max-width:720px){html body .strip.kb-marquee .kb-mqi{font-size:13px;gap:8px}html body .strip.kb-marquee .kb-mqi i{width:30px;height:30px}}

/* Style block 27 */

/* V204 · banner corrido con el flujo completo del producto */
html body .strip.kb-marquee .kb-mqset{gap:36px !important;padding-right:36px !important}
html body .strip.kb-marquee .kb-mqi{font-size:14.5px}
html body .strip.kb-marquee .kq-arr{display:inline-grid;place-items:center;color:#B8C4DA}
html body .strip.kb-marquee .kq-arr svg{width:16px;height:16px}
html body .strip.kb-marquee .kb-mqtrack{animation-duration:120s !important}

/* Style block 28 */

/* V207 · banner corrido en un solo color de marca */
html body .strip.kb-marquee .kb-mqi[class*="kq-"] i{background:linear-gradient(140deg,#3B82F6 0%,#2563FF 45%,#4F46E5 100%) !important;box-shadow:0 6px 14px rgba(37,99,255,.22) !important}

/* Style block 29 */

/* V208 · Ecosistema de IA empático como segunda sección, fondo navy oscuro */
html body section#experiencia.section{background:radial-gradient(55% 45% at 50% 0%,rgba(37,99,255,.30) 0%,transparent 70%),radial-gradient(40% 40% at 0% 100%,rgba(6,182,212,.14) 0%,transparent 70%),radial-gradient(40% 40% at 100% 100%,rgba(124,58,237,.18) 0%,transparent 70%),#070F2E !important;color:#fff}
html body section#experiencia::before,html body section#experiencia::after{opacity:0 !important}
html body section#experiencia .dk-h2{color:#fff !important;-webkit-text-fill-color:#fff !important}
html body section#experiencia .dk-h2 .grad{background:linear-gradient(90deg,#7DD3FC 0%,#A5B4FC 50%,#D8B4FE 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
html body section#experiencia .nx-sub2{color:#E2E8F8 !important;-webkit-text-fill-color:#E2E8F8 !important}
html body section#experiencia .dk-lead{color:#A9B6D3 !important;-webkit-text-fill-color:#A9B6D3 !important}
html body section#experiencia .nx-card.dark{box-shadow:0 0 0 1px rgba(125,211,252,.22),0 24px 60px rgba(0,0,0,.45) !important}
html body section#experiencia .nx-card.light{box-shadow:0 24px 60px rgba(0,0,0,.40) !important}
html body section#experiencia .nx-center{box-shadow:0 0 0 1px rgba(125,211,252,.35),0 0 80px rgba(37,99,255,.35),0 30px 80px rgba(0,0,0,.5) !important}

/* Style block 30 */

/* V209 · ecosistema más oscuro */
html body section#experiencia.section{background:radial-gradient(50% 38% at 50% 0%,rgba(37,99,255,.16) 0%,transparent 70%),radial-gradient(36% 34% at 0% 100%,rgba(6,182,212,.07) 0%,transparent 70%),radial-gradient(36% 34% at 100% 100%,rgba(124,58,237,.09) 0%,transparent 70%),#030820 !important}

/* Style block 31 */

/* V210 · Ecosistema interactivo: Convierte · Recupera · Fideliza */
#experiencia .ec{--e:#06B6D4;--a:#2563FF;--r:#4F46E5;--c:#EC4899;--f:#8B5CF6;--k:#C026D3;margin-top:40px;text-align:left}
#experiencia .ec *{box-sizing:border-box}
#experiencia .ec-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
#experiencia .ec-tab{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px 18px;border-radius:18px;border:1px solid rgba(148,197,255,.16);background:rgba(255,255,255,.04);color:#C7D2EA;cursor:pointer;text-align:left;overflow:hidden;transition:background .3s,border-color .3s,transform .3s}
#experiencia .ec-tab:hover{background:rgba(255,255,255,.07)}
#experiencia .ec-tab.on{background:linear-gradient(135deg,rgba(37,99,255,.28),rgba(124,58,237,.18));border-color:rgba(125,211,252,.45);color:#fff}
#experiencia .ec-tn{font:700 13px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#7DD3FC;opacity:.8}
#experiencia .ec-tt b{display:block;font:700 22px/1.1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}
#experiencia .ec-tt em{display:block;font-style:normal;font-size:12.5px;color:#93A3C4;margin-top:3px}
#experiencia .ec-tab.on .ec-tt em{color:#C9D6F2}
#experiencia .ec-tbar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.06)}
#experiencia .ec-tbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#22D3EE,#7C3AED);transition:width .5s ease}
#experiencia .ec-tab:focus-visible{outline:2px solid #7DD3FC;outline-offset:2px}
#experiencia .ec-grid{display:grid;grid-template-columns:280px 360px 1fr;gap:22px;align-items:stretch}
/* flujo */
#experiencia .ec-flow{border-radius:22px;padding:18px 14px;background:rgba(255,255,255,.035);border:1px solid rgba(148,197,255,.14)}
#experiencia .ec-flowTop{display:flex;justify-content:space-between;align-items:center;padding:0 6px 12px;border-bottom:1px solid rgba(148,197,255,.12);margin-bottom:8px}
#experiencia .ec-flowTop b{font:600 14px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#fff}
#experiencia .ec-flowTop span{font:600 12px/1 ui-monospace,monospace;color:#7DD3FC}
#experiencia .ec-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
#experiencia .ec-list[hidden]{display:none}
#experiencia .ec-ag{display:flex;align-items:baseline;gap:8px;padding:10px 8px 4px}
#experiencia .ec-ag span{font:700 10.5px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em}
#experiencia .ec-ag em{font-style:normal;font-size:11px;color:#7E8DAE}
#experiencia .ec-ag.ag-e span{color:#67E8F9}#experiencia .ec-ag.ag-a span{color:#93B4FF}#experiencia .ec-ag.ag-r span{color:#A5B4FC}#experiencia .ec-ag.ag-c span{color:#F9A8D4}#experiencia .ec-ag.ag-f span{color:#C4B5FD}
#experiencia .ec-st{width:100%;display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:12px;border:0;background:none;color:#AEBBD6;font:500 14px/1.2 'Poppins',ui-sans-serif,system-ui,sans-serif;cursor:pointer;text-align:left;position:relative;transition:background .25s,color .25s}
#experiencia .ec-st i{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#8FA0C2;transition:background .3s,color .3s,box-shadow .3s}
#experiencia .ec-st i svg{width:16px;height:16px}
#experiencia .ec-st:hover{background:rgba(255,255,255,.05);color:#fff}
#experiencia .ec-st.done{color:#DCE5F7}
#experiencia .ec-st.done i{color:#fff;background:rgba(255,255,255,.12)}
#experiencia .ec-st.on{background:rgba(255,255,255,.09);color:#fff;font-weight:600}
#experiencia .ec-st.on i{color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.35)}
#experiencia .ec-st.on.ag-e i{background:var(--e)}#experiencia .ec-st.on.ag-a i{background:var(--a)}#experiencia .ec-st.on.ag-r i{background:var(--r)}#experiencia .ec-st.on.ag-c i{background:var(--c)}#experiencia .ec-st.on.ag-f i{background:var(--f)}
#experiencia .ec-st.on::after{content:"";position:absolute;right:10px;width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:ecPing 1.4s infinite}
@keyframes ecPing{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
#experiencia .ec-st:focus-visible{outline:2px solid #7DD3FC}
/* teléfono */
#experiencia .ec-phoneWrap{display:flex;justify-content:center}
#experiencia .ec-phone{width:100%;max-width:360px;height:640px;border-radius:44px;background:#F0F3F9;border:10px solid #0F1A45;box-shadow:0 0 0 1px rgba(125,211,252,.25),0 0 90px rgba(37,99,255,.28),0 40px 90px rgba(0,0,0,.55);display:flex;flex-direction:column;overflow:hidden;position:relative}
#experiencia .ec-pTop{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;background:#fff;border-bottom:1px solid #E5EAF2}
#experiencia .ec-pAv{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#22D3EE,#2563FF);color:#fff;font:700 14px/1 'Poppins',sans-serif}
#experiencia .ec-pTop b{display:block;font:600 14px/1.2 'Poppins',sans-serif;color:#0D1B4C}
#experiencia .ec-pTop small{font-size:11px;color:#16A34A}
#experiencia .ec-agent{display:flex;align-items:center;gap:8px;margin:10px 12px 0;padding:8px 12px;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(13,27,76,.08);transition:background .4s}
#experiencia .ec-agDot{width:9px;height:9px;border-radius:50%;background:var(--ag,#2563FF);box-shadow:0 0 0 3px color-mix(in srgb,var(--ag,#2563FF) 25%,transparent)}
#experiencia .ec-agent b{font:700 11px/1 'Poppins',sans-serif;letter-spacing:.1em;color:var(--ag,#2563FF)}
#experiencia .ec-agent em{font-style:normal;font-size:11.5px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#experiencia .ec-chat{flex:1;overflow:hidden;padding:12px 12px 8px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;background-image:radial-gradient(rgba(13,27,76,.05) 1px,transparent 1.4px);background-size:16px 16px}
#experiencia .ec-msg{max-width:84%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.45;color:#1E293B;background:#fff;box-shadow:0 1px 1px rgba(13,27,76,.06);animation:ecIn .35s ease;border-top-left-radius:4px}
#experiencia .ec-msg.me{align-self:flex-end;background:#DDF6FD;color:#0B3B4A;border-top-left-radius:14px;border-top-right-radius:4px}
#experiencia .ec-div{align-self:center;font:600 10px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#64748B;background:#E3E8F2;border-radius:999px;padding:5px 10px;animation:ecIn .35s ease}
#experiencia .ec-typ{display:flex;gap:4px;padding:11px 13px;background:#fff;border-radius:14px;border-top-left-radius:4px;width:max-content}
#experiencia .ec-typ i{width:6px;height:6px;border-radius:50%;background:#94A3B8;animation:ecDot 1s infinite}
#experiencia .ec-typ i:nth-child(2){animation-delay:.15s}#experiencia .ec-typ i:nth-child(3){animation-delay:.3s}
@keyframes ecDot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@keyframes ecIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#experiencia .ec-pBot{display:flex;align-items:center;justify-content:space-between;margin:8px 12px 14px;padding:10px 14px;border-radius:999px;background:#fff;font-size:12px;color:#94A3B8}
#experiencia .ec-pBot i{width:26px;height:26px;border-radius:50%;background:linear-gradient(140deg,#22D3EE,#2563FF)}
/* lateral */
#experiencia .ec-side{display:flex;flex-direction:column;gap:14px}
#experiencia .ec-impact{border-radius:22px;padding:18px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.4)}
#experiencia .ec-impact>small{display:block;font:700 10.5px/1 'Poppins',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#64748B;margin-bottom:12px}
#experiencia .ec-ef{display:flex;align-items:center;gap:12px}
#experiencia .ec-ef.pop{animation:ecPop .5s ease}
@keyframes ecPop{0%{transform:scale(.96);opacity:.4}100%{transform:none;opacity:1}}
#experiencia .ec-efI{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--ag,#2563FF);box-shadow:0 10px 22px color-mix(in srgb,var(--ag,#2563FF) 40%,transparent)}
#experiencia .ec-efI svg{width:22px;height:22px}
#experiencia .ec-ef b{display:block;font:700 18px/1.2 'Poppins',sans-serif;color:#0D1B4C}
#experiencia .ec-ef em{display:block;font-style:normal;font-size:13px;color:#475569;margin-top:2px}
#experiencia .ec-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#experiencia .ec-k{border-radius:18px;padding:14px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(148,197,255,.14);position:relative;overflow:hidden}
#experiencia .ec-k b{display:block;font:700 24px/1.1 'Poppins',sans-serif;font-variant-numeric:tabular-nums}
#experiencia .ec-k small{display:block;font-size:11.5px;color:#9FB0D0;margin-top:4px;line-height:1.3}
#experiencia .ec-k.k1 b{color:#93C5FD}#experiencia .ec-k.k2 b{color:#6EE7B7}#experiencia .ec-k.k3 b{color:#F0ABFC}
#experiencia .ec-k.bump{animation:ecBump .8s ease}
@keyframes ecBump{30%{background:rgba(255,255,255,.14);transform:translateY(-3px)}100%{background:rgba(255,255,255,.05);transform:none}}
#experiencia .ec-k .ec-plus{position:absolute;right:10px;top:8px;font:700 12px/1 'Poppins',sans-serif;color:#fff;opacity:0}
#experiencia .ec-k.bump .ec-plus{animation:ecPlus 1s ease}
@keyframes ecPlus{0%{opacity:0;transform:translateY(6px)}30%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
#experiencia .ec-ctrl{flex:1;border-radius:22px;padding:16px 18px;background:linear-gradient(160deg,rgba(192,38,211,.16),rgba(37,99,255,.10));border:1px solid rgba(240,171,252,.25)}
#experiencia .ec-cTop{display:flex;align-items:center;gap:10px;margin-bottom:10px}
#experiencia .ec-cIco{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,#A855F7,#E879F9);color:#fff}
#experiencia .ec-cIco svg{width:18px;height:18px}
#experiencia .ec-cTop b{display:block;font:700 11px/1 'Poppins',sans-serif;letter-spacing:.12em;color:#F0ABFC}
#experiencia .ec-cTop em{font-style:normal;font-size:12px;color:#C9D3EA}
#experiencia .ec-live{margin-left:auto;font:600 10px/1 ui-monospace,monospace;text-transform:uppercase;color:#86EFAC;background:rgba(34,197,94,.14);border-radius:999px;padding:5px 8px}
#experiencia .ec-ctrl p{margin:0;font-size:14px;line-height:1.5;color:#EEF2FF;min-height:63px}
#experiencia .ec-ctrl p.swap{animation:ecIn .45s ease}
@media(max-width:1180px){#experiencia .ec-grid{grid-template-columns:250px 340px 1fr}}
@media(max-width:980px){#experiencia .ec-grid{grid-template-columns:1fr 1fr}#experiencia .ec-flow{grid-column:1/-1}#experiencia .ec-list{flex-direction:row;flex-wrap:wrap}#experiencia .ec-ag{flex-basis:100%}#experiencia .ec-st{width:auto}}
@media(max-width:720px){#experiencia .ec-tabs{grid-template-columns:1fr 1fr 1fr;gap:6px}#experiencia .ec-tab{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 10px 14px}#experiencia .ec-tt b{font-size:16px}#experiencia .ec-tt em{display:none}
 #experiencia .ec-grid{grid-template-columns:1fr}#experiencia .ec-flow{padding:12px 8px}#experiencia .ec-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}#experiencia .ec-ag{display:none}#experiencia .ec-st{flex:none;font-size:13px}#experiencia .ec-st.on::after{display:none}
 #experiencia .ec-phone{height:540px}#experiencia .ec-kpis{grid-template-columns:repeat(3,1fr)}#experiencia .ec-k b{font-size:18px}#experiencia .ec-k small{font-size:10px}}
@media(prefers-reduced-motion:reduce){#experiencia .ec *{animation:none !important;transition:none !important}}

/* Style block 32 */

#experiencia .ec-ctrl{display:flex;flex-direction:column}
#experiencia .ec-ctrl p,#experiencia .ec-ctrl .ec-insP{text-align:left !important}
#experiencia .ec-dash{margin-top:auto;padding-top:14px;border-top:1px solid rgba(240,171,252,.18);display:flex;flex-direction:column;gap:9px}
#experiencia .ec-dRow{display:grid;grid-template-columns:110px 1fr 58px;align-items:center;gap:10px;font-size:12px;color:#C9D3EA;text-align:left}
#experiencia .ec-dRow b{font:700 13px/1 'Poppins',sans-serif;color:#fff;text-align:right}
#experiencia .ec-dRow b em{font-style:normal;color:#6EE7B7}
#experiencia .ec-dBar{height:7px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
#experiencia .ec-dBar i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#22D3EE,#7C3AED);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
#experiencia .ec-dBar.low i{background:linear-gradient(90deg,#34D399,#10B981)}
#experiencia .ec.in .ec-dBar i{width:var(--w)}
#experiencia .ec-spark{display:flex;align-items:flex-end;gap:6px;height:54px;margin-top:4px}
#experiencia .ec-spark i{flex:1;height:0;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#E879F9,#7C3AED);opacity:.85;transition:height 1.2s cubic-bezier(.2,.8,.2,1)}
#experiencia .ec.in .ec-spark i{height:var(--h)}
#experiencia .ec-spark i:nth-child(2){transition-delay:.08s}#experiencia .ec-spark i:nth-child(3){transition-delay:.16s}#experiencia .ec-spark i:nth-child(4){transition-delay:.24s}#experiencia .ec-spark i:nth-child(5){transition-delay:.32s}#experiencia .ec-spark i:nth-child(6){transition-delay:.4s}#experiencia .ec-spark i:nth-child(7){transition-delay:.48s}
#experiencia .ec-impact,#experiencia .ec-impact *{text-align:left}
#experiencia .ec-grid>*{min-width:0}
#experiencia .ec,#experiencia .ec-tabs{max-width:100%}
@media(max-width:980px){#experiencia .ec-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:720px){#experiencia .ec-grid{grid-template-columns:minmax(0,1fr)}#experiencia .ec-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}#experiencia .ec-phone{max-width:340px;margin:0 auto}#experiencia .ec-dRow{grid-template-columns:96px 1fr 50px}}
#experiencia .ec-list{position:relative;scrollbar-width:none}#experiencia .ec-list::-webkit-scrollbar{display:none}

/* Style block 33 */

/* V212 · ecosistema: estructura bento con relevo de agentes */
#experiencia .nx-orbit11 .nx-sat{animation:none !important;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s,color .35s}
#experiencia .nx-orbit11 .nx-sat.on{transform:scale(1.18) !important;color:#fff !important;box-shadow:0 0 0 6px rgba(255,255,255,.18),0 14px 30px rgba(0,0,0,.35) !important;z-index:5}
#experiencia .nx-orbit11 .nx-sat.on.ag-e{background:#06B6D4 !important}#experiencia .nx-orbit11 .nx-sat.on.ag-a{background:#2563FF !important;box-shadow:0 0 0 6px rgba(255,255,255,.25),0 14px 30px rgba(0,0,0,.35) !important}
#experiencia .nx-orbit11 .nx-sat.on.ag-r{background:#4F46E5 !important}#experiencia .nx-orbit11 .nx-sat.on.ag-c{background:#EC4899 !important}#experiencia .nx-orbit11 .nx-sat.on.ag-f{background:#8B5CF6 !important}#experiencia .nx-orbit11 .nx-sat.on.ag-k{background:#C026D3 !important}
#experiencia .nx-orbit11 .nx-sat.on svg{stroke:#fff}
#experiencia .nx-orbit11 .nx-sat.on em{color:#fff !important;font-weight:700}
#experiencia .nx-arc{position:absolute;left:50%;top:50%;width:470px;height:470px;transform:translate(-50%,-50%);border-radius:50%;z-index:0;pointer-events:none;
 background:conic-gradient(from -15deg,rgba(103,232,249,.55) 0deg 105deg,transparent 105deg 120deg,rgba(165,180,252,.55) 120deg 225deg,transparent 225deg 240deg,rgba(240,171,252,.55) 240deg 345deg,transparent 345deg 360deg);
 -webkit-mask:radial-gradient(circle,transparent 61%,#000 61.5%,#000 63%,transparent 63.5%);mask:radial-gradient(circle,transparent 61%,#000 61.5%,#000 63%,transparent 63.5%)}
#experiencia .nx-arcL{position:absolute;z-index:1;font:700 9.5px/1 'Poppins',sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.75);pointer-events:none}
#experiencia .nx-arcL.l1{left:calc(50% + 120px);top:calc(50% - 168px)}
#experiencia .nx-arcL.l2{left:calc(50% - 30px);top:calc(50% + 150px)}
#experiencia .nx-arcL.l3{left:calc(50% - 190px);top:calc(50% - 168px)}
#experiencia .nx-core{transition:background .4s}
#experiencia .nx-core svg,#experiencia .nx-core svg *{color:#fff !important;stroke:#fff !important;fill:none !important}
#experiencia .nx-core.swap svg{animation:nxCoreIn .45s ease}
@keyframes nxCoreIn{from{opacity:0;transform:scale(.7) rotate(-12deg)}to{opacity:1;transform:none}}
#experiencia .nx-coreLbl{position:absolute;left:50%;top:calc(50% + 70px);transform:translateX(-50%);z-index:4;font:700 12px/1 'Poppins',sans-serif;letter-spacing:.06em;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 12px;white-space:nowrap}
#experiencia .nx-dev-txt b{font-weight:700;letter-spacing:.08em;color:#2563FF}
#experiencia .nx-dev-txt.swap{animation:nxFadeUp .4s ease}
@keyframes nxFadeUp{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:720px){#experiencia .nx-arc{width:400px;height:400px}#experiencia .nx-arcL{display:none}#experiencia .nx-coreLbl{top:calc(50% + 44px);font-size:10px;padding:4px 9px}}
#experiencia .nx-stars .k6,#experiencia .nx-stars .k7{display:none !important}
@media(prefers-reduced-motion:reduce){#experiencia .nx-core.swap svg,#experiencia .nx-dev-txt.swap{animation:none}}

/* Style block 34 */

@media(max-width:720px){#experiencia .nx-orbit11{transform:scale(.8) !important;height:520px !important;min-height:520px !important;margin:-10px 0 -20px !important}}
/* V215 · el ciclo en 3 fases dentro de la órbita */
#experiencia .nx-orbit11 .nx-sat{left:calc(50% + var(--x)) !important;top:calc(50% + var(--y)) !important;right:auto !important;bottom:auto !important;cursor:pointer;opacity:0;scale:.4;transition:opacity .45s ease,scale .5s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .35s;transition-delay:calc(var(--k) * 40ms)}
#experiencia .nx-orbit11 .nx-sat.in{opacity:1;scale:1}
#experiencia .nx-orbit11 .nx-sat.out{opacity:0;scale:.4;transition-delay:calc(var(--k) * 20ms)}
#experiencia .nx-phases{display:flex;gap:8px;margin-top:14px}
#experiencia .nx-phases button{flex:1;display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:0;border:0;background:none;cursor:pointer;color:rgba(255,255,255,.55);font:700 11px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em}
#experiencia .nx-phases button i{display:block;width:100%;height:4px;border-radius:3px;background:rgba(255,255,255,.22);position:relative;overflow:hidden}
#experiencia .nx-phases button i::after{content:"";position:absolute;inset:0;width:var(--p,0%);background:#fff;border-radius:3px;transition:width .4s ease}
#experiencia .nx-phases button.on{color:#fff}
#experiencia .nx-phases button.done i::after{width:100%}
#experiencia .nx-phases button:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Style block 35 */

/* V216 · núcleo fijo de Kiubot y resaltado sin cambio de color */
#experiencia .nx-orbit11 .nx-sat.on,#experiencia .nx-orbit11 .nx-sat.on[class*="ag-"]{background:#fff !important;color:#2563FF !important;transform:scale(1.2) !important;box-shadow:0 0 0 5px rgba(255,255,255,.28),0 0 0 11px rgba(255,255,255,.10),0 14px 30px rgba(0,0,0,.3) !important}
#experiencia .nx-orbit11 .nx-sat.on svg,#experiencia .nx-orbit11 .nx-sat.on svg *{stroke:#2563FF !important}
#experiencia .nx-orbit11 .nx-sat.on em{color:#fff !important;font-weight:700}
#experiencia .nx-core{color:#2563FF !important}
#experiencia .nx-core svg,#experiencia .nx-core svg *{stroke:none !important;fill:#2563FF !important}
#experiencia .nx-core.beat{animation:nxBeat .6s ease}
@keyframes nxBeat{0%{transform:translate(-50%,-50%) scale(1)}35%{transform:translate(-50%,-50%) scale(1.08)}100%{transform:translate(-50%,-50%) scale(1)}}
#experiencia .nx-dev-txt b{color:#2563FF !important}
@media(prefers-reduced-motion:reduce){#experiencia .nx-core.beat{animation:none}}

/* Style block 36 */

/* V217 · sección 2 sincronizada con la portada */
html body section#experiencia.section{padding-top:72px !important;padding-bottom:88px !important}
html body section#experiencia>.wrap{max-width:1320px !important;margin:0 auto;border-radius:40px;padding:56px 40px 44px !important;background:linear-gradient(180deg,#0B1538 0%,#081030 100%);box-shadow:inset 0 0 0 1px rgba(148,197,255,.12),0 40px 100px rgba(0,0,0,.45)}
#experiencia .dk-head{text-align:center}
#experiencia .nz-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(148,197,255,.22);font:700 11px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7DD3FC;margin-bottom:18px}
#experiencia .nz-eyebrow i{width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 0 3px rgba(52,211,153,.2)}
#experiencia .nz-lead{font-size:18px !important;color:#B4C2DF !important;-webkit-text-fill-color:#B4C2DF !important;max-width:none !important;margin-top:12px !important}
#experiencia .nx-center{border-radius:28px !important}
/* etiquetas en Poppins como la portada */
#experiencia .nx-kicker{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif !important;font-weight:700 !important;font-size:10.5px !important;letter-spacing:.14em !important;text-transform:uppercase;color:#7DD3FC !important}
/* íconos con el estilo del banner */
#experiencia .nx-kIco{background:linear-gradient(140deg,#3B82F6 0%,#2563FF 45%,#4F46E5 100%) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 14px rgba(37,99,255,.3) !important}
#experiencia .nx-kIco svg,#experiencia .nx-kIco svg *{stroke:#fff !important}
#experiencia .nx-orbit11 .nx-sat:not(.on){background:linear-gradient(140deg,#3B82F6 0%,#2563FF 45%,#4F46E5 100%) !important;color:#fff !important;box-shadow:0 8px 18px rgba(13,27,76,.35),inset 0 0 0 1px rgba(255,255,255,.18) !important}
#experiencia .nx-orbit11 .nx-sat:not(.on) svg,#experiencia .nx-orbit11 .nx-sat:not(.on) svg *{stroke:#fff !important}
#experiencia .nx-orbit11 .nx-sat em{color:rgba(255,255,255,.92) !important}
/* tarjeta central con el mismo degradado vivo de la portada */
#experiencia .nx-center{background:linear-gradient(115deg,#22D3EE 0%,#0EA5E9 20%,#2563FF 45%,#3B82F6 62%,#06B6D4 82%,#22D3EE 100%) !important;background-size:300% 300% !important;animation:krFlow 14s ease-in-out infinite;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 30px 80px rgba(37,99,255,.35) !important}
#experiencia .nz-side{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
#experiencia .nz-side.in{opacity:1;transform:none}
@media(max-width:720px){html body section#experiencia>.wrap{border-radius:28px;padding:36px 16px 28px !important;margin:0 10px}}
@media(prefers-reduced-motion:reduce){#experiencia .nx-center{animation:none}#experiencia .nz-side{opacity:1;transform:none;transition:none}}
#experiencia .nx-center .nx-kicker{color:#fff !important;opacity:.9}
#experiencia .nx-center .nx-title,#experiencia .nx-center .nx-sub{color:#fff !important;text-shadow:0 1px 12px rgba(13,27,76,.25)}

/* Style block 37 */

/* V219 · tarjetas con contraste alternado y animaciones originales */
#experiencia .nx-card.dark{background:linear-gradient(180deg,#1A2A66 0%,#111D4C 100%) !important;border:1px solid rgba(125,211,252,.38) !important;box-shadow:0 0 0 1px rgba(37,99,255,.15),0 24px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08) !important}
#experiencia .nx-card.light{box-shadow:0 24px 60px rgba(0,0,0,.5) !important;border:1px solid rgba(255,255,255,.6) !important}
#experiencia .nx-card.light .nx-kicker{color:#2563FF !important}
#experiencia .nz-sub{color:#E2E8F8 !important;-webkit-text-fill-color:#E2E8F8 !important;margin-top:10px !important}
#experiencia .nz-lead{font-size:16px !important;margin-top:8px !important}

/* Style block 38 */
html body .strip.kb-marquee .kb-mqtrack{animation-duration:80s !important}
/* Style block 39 */

/* V222 · todos los encuadres con el mismo ancho que el menú y las secciones */
html body #inicio .heroGrid,html body section#experiencia>.wrap,html body .agx-frame .agx-card{width:94% !important;max-width:1440px !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box}
html body .agx-frame{padding-left:0 !important;padding-right:0 !important}
@media(max-width:720px){html body #inicio .heroGrid,html body section#experiencia>.wrap,html body .agx-frame .agx-card{width:calc(100% - 23px) !important}}

/* Style block 40 */

/* V223 · conversación vertical por agente y relevo automático */
.ag6-chat{display:flex;flex-direction:column;height:430px;max-width:400px !important}
.ag6-stream{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden;padding:4px 2px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34px);mask-image:linear-gradient(180deg,transparent 0,#000 34px)}
.ag6-m{text-transform:none !important;letter-spacing:normal !important;font-weight:400;font-family:inherit;max-width:88%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.45;animation:ag6in .35s ease;flex:none}
.ag6-m.ag6-bot{align-self:flex-start;background:#F1F5FB;color:#0F1B3D;border-top-left-radius:4px}
.ag6-m.ag6-pt{align-self:flex-end;background:#DDF6FD;color:#0B3B4A;border-top-right-radius:4px}
.ag6-ft{display:block;font:700 9.5px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#2563FF;margin-bottom:5px}
.ag6-ty{align-self:flex-start;display:flex;gap:4px;padding:11px 13px;background:#F1F5FB;border-radius:14px;border-top-left-radius:4px;flex:none}
.ag6-ty i{width:6px;height:6px;border-radius:50%;background:#94A3B8;animation:ag6dot 1s infinite}
.ag6-ty i:nth-child(2){animation-delay:.15s}.ag6-ty i:nth-child(3){animation-delay:.3s}
@keyframes ag6dot{0%,100%{opacity:.3}50%{opacity:1}}
.ag6-chat .ag6-desc{margin-top:10px !important;min-height:38px}
.ag6-fn.done{background:#DBE7FF;color:#1D4ED8}
.ag6-fn.on{background:#2563FF;color:#fff}
@media(max-width:860px){.ag6-chat{height:420px}}
@media(prefers-reduced-motion:reduce){.ag6-m,.ag6-ty i{animation:none}}

/* Style block 41 */

#ag5p4 .ag5-vis{background:linear-gradient(135deg,#F3E2FD 0%,#E5C8FA 100%) !important}#ag5p4 .ag5-peek{background:#CFA6F5 !important}
.agx-card[data-ag="4"] .ag5-tab.is-on .ag5-face{background:#D9B8F7 !important}
.ag5-face img,.ag5-lbl img{object-position:50% 0}

/* Style block 42 */

/* Recuerda (mujer) en lila, Controla (hombre) en azul */
#ag5p2 .ag5-vis{background:linear-gradient(135deg,#EAE0FE 0%,#D3C3FB 100%) !important}#ag5p2 .ag5-peek{background:#B6A1F5 !important}
#ag5p5 .ag5-vis{background:linear-gradient(135deg,#D3E2FF 0%,#A6C3FF 100%) !important}#ag5p5 .ag5-peek{background:#6F9BFF !important}
.agx-card[data-ag="2"] .ag5-tab.is-on .ag5-face{background:#C4B0F8 !important}
.agx-card[data-ag="5"] .ag5-tab.is-on .ag5-face{background:#7FA4FB !important}

/* Style block 43 */

/* V227 · especialidades con foto, carrusel automático y agenda en vivo */
#segmentos .sx-card{width:min(1060px,82vw) !important;display:flex !important;flex-direction:column}
#segmentos .sx-card>.sx-mock{flex:1}
#segmentos .sx-mock{display:flex !important;gap:16px;align-items:stretch}
#segmentos .sx-photo{flex:0 0 240px;margin:0;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 14px 34px rgba(0,0,0,.35);cursor:pointer}
#segmentos .sx-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
#segmentos .sx-card.on .sx-photo img{transform:scale(1.04)}
#segmentos .sx-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,12,40,.45))}
#segmentos .sx-body{flex:1;position:relative;min-width:0}
/* agenda en vivo */
#segmentos .sx-card.live .sx-row{animation:sxRowIn .45s ease both}
#segmentos .sx-card.live .sx-row:nth-of-type(2){animation-delay:.15s}#segmentos .sx-card.live .sx-row:nth-of-type(3){animation-delay:.3s}#segmentos .sx-card.live .sx-row:nth-of-type(4){animation-delay:.45s}#segmentos .sx-card.live .sx-row:nth-of-type(5){animation-delay:.6s}
@keyframes sxRowIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
#segmentos .sx-row{position:relative;transition:box-shadow .35s,transform .35s}
#segmentos .sx-row.scan{box-shadow:0 0 0 2px #22D3EE,0 8px 18px rgba(34,211,238,.25);transform:translateX(4px)}
#segmentos .sx-row.scan::after{content:"";position:absolute;right:10px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:sxPing 1.2s infinite}
@keyframes sxPing{70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
#segmentos .sx-pTop i{position:relative;padding-left:14px !important}
#segmentos .sx-pTop i::before{content:"";position:absolute;left:5px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#22C55E;animation:sxPing 1.2s infinite}
#segmentos .sx-card.live .sx-kpi b{animation:sxBump .6s ease .9s both}
@keyframes sxBump{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:none}}
#segmentos .sx-msg.hide,#segmentos .sx-fOk.hide{opacity:0;transform:translateY(8px)}
#segmentos .sx-msg,#segmentos .sx-fOk{transition:opacity .35s ease,transform .35s ease}
@media(max-width:820px){#segmentos .sx-mock{flex-direction:column}#segmentos .sx-photo{flex:none;height:180px;margin:0 18px}#segmentos .sx-card{width:88vw !important}}
@media(prefers-reduced-motion:reduce){#segmentos .sx-card.live .sx-row,#segmentos .sx-card.live .sx-kpi b{animation:none}}

/* Style block 44 */

#segmentos .sx-card{width:min(1060px,82vw) !important}
#segmentos .sx-photo{flex:0 0 250px}
#segmentos .sx-card>.sx-mock{min-height:430px}
#segmentos .sx-row{padding-top:10px !important;padding-bottom:10px !important}
#segmentos .sx-kpis{margin-top:12px !important}
#segmentos .sx-body .sx-float{top:50% !important;bottom:auto !important;transform:translateY(-50%) !important;width:300px !important;max-width:44%;right:14px !important}
#segmentos .sx-panel{width:calc(100% - 330px) !important}
@media(max-width:820px){#segmentos .sx-card>.sx-mock{min-height:0}#segmentos .sx-body .sx-float{transform:none !important;width:auto !important;max-width:none}#segmentos .sx-panel{width:100% !important}#segmentos .sx-photo{flex:none}}
#segmentos .sx-body{display:flex;align-items:center}
@media(max-width:820px){#segmentos .sx-body{display:block}}

/* Style block 45 */

#segmentos .sx-bar.sx-barOnly{display:none !important}
#segmentos .sx-tabs{margin-bottom:28px !important}

/* Style block 46 */

/* V231 · tarjetas más bajas: la sección cabe en una pantalla */
html body section#segmentos.section{padding-top:84px !important;padding-bottom:56px !important;min-height:0 !important}
#segmentos .dk-head{margin-bottom:18px !important}
#segmentos .dk-h2{font-size:clamp(30px,3.4vw,46px) !important}
#segmentos .sx-tabs{margin-bottom:22px !important}
#segmentos .sx-card>.sx-mock{min-height:300px !important}
#segmentos .sx-photo{flex:0 0 220px !important}
#segmentos .sx-row{padding-top:7px !important;padding-bottom:7px !important}
#segmentos .sx-kpis{margin-top:8px !important}
#segmentos .sx-head{padding-top:16px !important;padding-bottom:12px !important}
@media(max-width:820px){#segmentos .sx-card>.sx-mock{min-height:0 !important}#segmentos .sx-photo{flex:none !important}}

/* Style block 47 */

#segmentos .sx-photo{flex:0 0 330px !important}
#segmentos .sx-body .sx-float{width:280px !important;right:12px !important}
#segmentos .sx-panel{width:calc(100% - 300px) !important;padding-left:14px !important;padding-right:14px !important}
@media(max-width:1100px){#segmentos .sx-photo{flex:0 0 260px !important}}
@media(max-width:820px){#segmentos .sx-photo{flex:none !important;height:200px}#segmentos .sx-panel{width:100% !important}#segmentos .sx-body .sx-float{width:auto !important}}
#segmentos .sx-photo{position:relative !important;min-height:300px}
#segmentos .sx-photo img{position:absolute !important;inset:0;width:100% !important;height:100% !important}
@media(max-width:820px){#segmentos .sx-photo{min-height:200px}}

/* Style block 48 */

/* V234 · dashboard del ciclo, más limpio y alineado a la nueva estructura */
#ciclo .cx-kpis{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
#ciclo .cx-kpi:nth-child(3),#ciclo .cx-kpi:nth-child(6),#ciclo .cx-kpi:nth-child(7){display:none !important}
#ciclo .cx-kpi:nth-child(5){background:linear-gradient(135deg,#22D3EE 0%,#2563FF 100%) !important;border-color:transparent !important;box-shadow:0 14px 34px rgba(37,99,255,.35) !important}
#ciclo .cx-kpi:nth-child(5) small,#ciclo .cx-kpi:nth-child(5) b{color:#fff !important}
#ciclo .cx-kpi:nth-child(5) .cx-spark i{background:rgba(255,255,255,.45) !important}
#ciclo .cx-kpi:nth-child(5) .cx-spark i.on{background:#fff !important}
#ciclo .cx-funnel{display:none !important}
#ciclo .cx-bottom{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important}
#ciclo .cx-chips{gap:6px !important}
#ciclo .cx-head .cx-ctrl{gap:12px}
@media(max-width:720px){#ciclo .cx-kpis{grid-template-columns:1fr 1fr !important}#ciclo .cx-kpi:nth-child(5){grid-column:1/-1;order:10}#ciclo .cx-bottom{grid-template-columns:1fr !important}}

/* Style block 49 */

/* V235 · agenda, móvil y KPIs con un mismo lenguaje visual */
#ciclo{--cxR:22px;--cxB:#E3E9F5;--cxSh:0 18px 44px rgba(2,8,30,.38);--cxG:linear-gradient(135deg,#22D3EE 0%,#2563FF 100%)}
/* KPIs */
#ciclo .cx-kpi{background:#fff !important;border:1px solid var(--cxB) !important;border-radius:18px !important;box-shadow:var(--cxSh) !important}
#ciclo .cx-kpi small{color:#64748B !important;letter-spacing:.06em}
#ciclo .cx-kpi b{color:#0D1B4C !important}
#ciclo .cx-kIco{background:var(--cxG) !important;color:#fff !important;border:0 !important;border-radius:9px !important;box-shadow:0 6px 14px rgba(37,99,255,.3) !important}
#ciclo .cx-kIco svg,#ciclo .cx-kIco svg *{stroke:#fff !important;color:#fff !important}
#ciclo .cx-spark i{background:#E6ECF7 !important}
#ciclo .cx-spark i.on{background:var(--cxG) !important}
#ciclo .cx-kpi:nth-child(5){background:var(--cxG) !important;border:0 !important}
#ciclo .cx-kpi:nth-child(5) .cx-kIco{background:rgba(255,255,255,.22) !important;box-shadow:none !important}
#ciclo .cx-kpi:nth-child(5) .cx-spark i{background:rgba(255,255,255,.35) !important}
#ciclo .cx-kpi:nth-child(5) .cx-spark i.on{background:#fff !important}
/* agenda */
#ciclo .cx-week{background:#fff !important;border:1px solid var(--cxB) !important;border-radius:var(--cxR) !important;box-shadow:var(--cxSh) !important}
#ciclo .cx-wTop b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif !important;font-weight:600 !important;color:#0D1B4C !important}
#ciclo .cx-note{color:#2563FF !important;font-weight:500}
#ciclo .cx-cell:not(.tinted){background:#F6F8FC !important;border:1px solid var(--cxB) !important;box-shadow:none !important}
#ciclo .cx-cell.block:not(.tinted){background:repeating-linear-gradient(135deg,#F1F4F9 0 8px,#E9EEF6 8px 16px) !important}
#ciclo .cx-cell{border-radius:12px !important}
#ciclo .cx-day em{color:#64748B !important}#ciclo .cx-day b{color:#0D1B4C !important}#ciclo .cx-hr{color:#94A3B8 !important}
/* móvil / estado actual */
#ciclo .cx-panel{background:#fff !important;border:1px solid var(--cxB) !important;border-radius:var(--cxR) !important;box-shadow:var(--cxSh) !important;overflow:hidden}
#ciclo .cx-panel::before,#ciclo .cx-panel::after{display:none !important}
#ciclo .cx-pTop b{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif !important;font-weight:600 !important;color:#0D1B4C !important}
#ciclo .cx-badge{background:var(--cxG) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 14px rgba(37,99,255,.3) !important}
#ciclo .cx-chat{background:#F4F7FC !important;background-image:radial-gradient(rgba(13,27,76,.05) 1px,transparent 1.4px) !important;background-size:16px 16px !important;border:1px solid var(--cxB) !important;border-radius:16px !important;box-shadow:none !important}
#ciclo .cx-msg{background:#fff !important;color:#1E293B !important;border:0 !important;box-shadow:0 1px 2px rgba(13,27,76,.06) !important}
#ciclo .cx-msg.me{background:#DDF6FD !important;color:#0B3B4A !important}
#ciclo .cx-typing{background:#fff !important;border:0 !important}
#ciclo .cx-chip{background:#F6F8FC !important;color:#475569 !important;border:1px solid var(--cxB) !important;box-shadow:none !important}
#ciclo .cx-chip i{color:#94A3B8 !important}
#ciclo .cx-chip.done{background:#EAF1FF !important;color:#1D4ED8 !important;border-color:#C7D7FE !important}
#ciclo .cx-chip.done i{color:#60A5FA !important}
#ciclo .cx-chip.is-on,#ciclo .cx-chip[class*="tone-"].is-on{background:var(--cxG) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 8px 18px rgba(37,99,255,.35) !important}
#ciclo .cx-chip.is-on i{color:rgba(255,255,255,.85) !important}
#ciclo .cx-chip::before{display:none !important}

/* Style block 50 */

/* V236 · estados en la agenda y móvil más grande */
#ciclo .cx-week .cx-stTitle{margin:18px 0 10px;padding-top:14px;border-top:1px solid #E3E9F5;font:600 13px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#0D1B4C}
#ciclo .cx-week .cx-chips{display:flex !important;flex-wrap:wrap !important;gap:6px !important;margin:0 !important;padding:0 !important;max-height:none !important;overflow:visible !important}
#ciclo .cx-panel{display:flex !important;flex-direction:column}
#ciclo .cx-panel .cx-chat{flex:1 1 0 !important;height:auto !important;max-height:none !important;min-height:0 !important;overflow:hidden !important;justify-content:flex-end;padding:16px !important;gap:9px !important}
#ciclo .cx-msg{font-size:14px !important;line-height:1.5 !important;padding:11px 14px !important;max-width:86% !important}
@media(max-width:720px){#ciclo .cx-panel .cx-chat{flex:none !important;height:420px !important}}
#ciclo .cx-panel .cx-chat{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 44px);mask-image:linear-gradient(180deg,transparent 0,#000 44px)}

/* Style block 51 */

/* V238 · los estados toman el color de su cambio en la agenda */
#ciclo .cx-week .cx-chip{background:#fff !important;border:1px solid color-mix(in srgb,var(--sc) 45%,#E3E9F5) !important;color:#334155 !important}
#ciclo .cx-week .cx-chip i{color:color-mix(in srgb,var(--sc) 80%,#0D1B4C) !important;font-weight:700}
#ciclo .cx-week .cx-chip.done{background:color-mix(in srgb,var(--sc) 16%,#fff) !important;border-color:color-mix(in srgb,var(--sc) 55%,#fff) !important;color:color-mix(in srgb,var(--sc) 45%,#0D1B4C) !important}
#ciclo .cx-week .cx-chip.is-on,#ciclo .cx-week .cx-chip[class*="tone-"].is-on{background:var(--sc) !important;border-color:var(--sc) !important;color:var(--tx,#0D1B4C) !important;font-weight:700;box-shadow:0 0 0 3px color-mix(in srgb,var(--sc) 30%,transparent),0 8px 18px color-mix(in srgb,var(--sc) 45%,transparent) !important}
#ciclo .cx-week .cx-chip.is-on i{color:var(--tx,#0D1B4C) !important;opacity:.8}

/* Style block 52 */

/* V239 · Pacientes y citas + Citas en riesgo: misma apariencia de dashboard */
#ciclo .cx-table,#ciclo .cx-roi{background:#fff !important;border:1px solid #E3E9F5 !important;border-radius:22px !important;box-shadow:0 18px 44px rgba(2,8,30,.38) !important;padding:18px 18px 14px !important;color:#0D1B4C}
#ciclo .cx-table::before,#ciclo .cx-roi::before,#ciclo .cx-table::after,#ciclo .cx-roi::after{display:none !important}
#ciclo .cx-tableTop,#ciclo .cx-rTop{display:flex !important;justify-content:space-between;align-items:baseline;margin-bottom:12px !important}
#ciclo .cx-tableTop b,#ciclo .cx-rTop b{font:600 16px/1.2 'Poppins',ui-sans-serif,system-ui,sans-serif !important;color:#0D1B4C !important}
#ciclo .cx-tableTop span,#ciclo .cx-rTop span{font-size:12px !important;color:#64748B !important}
/* tabla */
#ciclo .cx-th{background:#F4F7FC !important;border:0 !important;border-radius:10px;padding:9px 12px !important;color:#64748B !important;font-size:10.5px !important;letter-spacing:.08em}
#ciclo .cx-th span{color:#64748B !important}
#ciclo .cx-tr{background:#fff !important;border:0 !important;border-bottom:1px solid #EEF2F8 !important;border-radius:12px;padding:10px 12px !important;transition:background .35s,box-shadow .35s}
#ciclo .cx-tr:last-child{border-bottom:0 !important}
#ciclo .cx-tr.is-hit{background:#F0F6FF !important;box-shadow:inset 3px 0 0 #2563FF !important}
#ciclo .cx-pt b{color:#0D1B4C !important}#ciclo .cx-pt em{color:#64748B !important}
#ciclo .cx-ac{color:#334155 !important}
#ciclo .cx-hh{color:#475569 !important;font-family:ui-monospace,monospace}
#ciclo .cx-pill{background:#F1F5F9 !important;color:#64748B !important;border:1px solid #E2E8F0 !important;font-weight:600}
#ciclo .cx-pill.tinted{background:color-mix(in srgb,var(--sc) 18%,#fff) !important;color:color-mix(in srgb,var(--sc) 55%,#0D1B4C) !important;border-color:color-mix(in srgb,var(--sc) 50%,#fff) !important}
#ciclo .cx-riskTag{border:1px solid transparent !important;font-weight:600}
#ciclo .cx-riskTag.none{background:#F1F5F9 !important;color:#64748B !important;border-color:#E2E8F0 !important}
#ciclo .cx-riskTag.mid{background:#FFF7E6 !important;color:#B45309 !important;border-color:#FDE3A7 !important}
#ciclo .cx-riskTag.hot{background:#FFF1F2 !important;color:#BE123C !important;border-color:#FECDD3 !important}
#ciclo .cx-riskTag.res{background:#E6FAFD !important;color:#0E7490 !important;border-color:#A5EEF8 !important}
#ciclo .cx-riskTag.win{background:#ECFDF5 !important;color:#047857 !important;border-color:#A7F3D0 !important}
/* riesgo */
#ciclo .cx-rGrid{gap:8px !important}
#ciclo .cx-rItem{background:#F6F8FC !important;border:1px solid #E3E9F5 !important;border-radius:14px !important;box-shadow:none !important;padding:10px 12px !important;position:relative;overflow:hidden}
#ciclo .cx-rItem::before{content:"";position:absolute;left:0;right:0;top:0;height:3px}
#ciclo .cx-rItem.r0::before{background:#FBBF24}#ciclo .cx-rItem.r1::before{background:#FB7185}#ciclo .cx-rItem.r2::before{background:#F43F5E}#ciclo .cx-rItem.r3::before{background:#818CF8}#ciclo .cx-rItem.r4::before{background:#38BDF8}
#ciclo .cx-rItem small{color:#64748B !important}#ciclo .cx-rItem b{color:#0D1B4C !important}
#ciclo .cx-money{gap:10px !important;margin-top:12px !important}
#ciclo .cx-mItem{background:#F6F8FC !important;border:1px solid #E3E9F5 !important;border-radius:14px !important;box-shadow:none !important}
#ciclo .cx-mItem small{color:#64748B !important}
#ciclo .cx-mItem.risk b{color:#E11D48 !important}
#ciclo .cx-mItem.win b{color:#059669 !important}
#ciclo .cx-mItem.pct b{color:#0D1B4C !important}
#ciclo .cx-mBar{background:#E3E9F5 !important}#ciclo .cx-mBar i{background:linear-gradient(90deg,#22D3EE,#2563FF) !important}
#ciclo .cx-mItem.roi{background:linear-gradient(135deg,#22D3EE 0%,#2563FF 100%) !important;border:0 !important;box-shadow:0 12px 28px rgba(37,99,255,.35) !important}
#ciclo .cx-mItem.roi small,#ciclo .cx-mItem.roi b,#ciclo .cx-mItem.roi .cx-mNote{color:#fff !important}
#ciclo .cx-rItem.bump,#ciclo .cx-mItem.bump{animation:cxB .7s ease}
@keyframes cxB{40%{transform:translateY(-3px)}100%{transform:none}}
#ciclo .cx-money{padding:0 !important}
@media(max-width:720px){#ciclo .cx-rGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}#ciclo .cx-tableTop,#ciclo .cx-rTop{flex-direction:column;gap:4px}}

/* Style block 53 */

/* V240 · KPIs en una sola franja con anillos de progreso */
#ciclo .cx-kpis{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:0 !important;background:#fff !important;border:1px solid #E3E9F5 !important;border-radius:22px !important;box-shadow:0 18px 44px rgba(2,8,30,.38) !important;padding:6px !important;overflow:hidden}
#ciclo .cx-kpis .cx-kpi{display:grid !important;grid-template-columns:58px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;background:transparent !important;border:0 !important;border-radius:16px !important;box-shadow:none !important;padding:14px 16px !important;position:relative;min-height:0 !important}
#ciclo .cx-kpis .cx-kpi+.cx-kpi::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:#E8EDF6}
#ciclo .cx-kpis .cx-kpi:nth-child(4)::before{display:none}
#ciclo .cx-kpis .cx-spark{display:none !important}
#ciclo .cx-kpis .cx-kIco{grid-row:1/3;position:relative !important;width:58px !important;height:58px !important;border-radius:50% !important;display:grid !important;place-items:center;background:conic-gradient(from -90deg,#22D3EE 0%,#2563FF var(--p,0%),#E8EDF6 var(--p,0%) 100%) !important;box-shadow:none !important;top:auto !important;right:auto !important;left:auto !important}
#ciclo .cx-kpis .cx-kIco::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}
#ciclo .cx-kpis .cx-kIco svg{position:relative;z-index:1;width:22px !important;height:22px !important;stroke:#2563FF !important;color:#2563FF !important}
#ciclo .cx-kpis .cx-kIco svg *{stroke:#2563FF !important}
#ciclo .cx-kpis .cx-kpi b{grid-column:2;grid-row:1;align-self:end;font:700 28px/1.05 'Poppins',ui-sans-serif,system-ui,sans-serif !important;color:#0D1B4C !important;letter-spacing:-.02em;margin:0 !important;font-variant-numeric:tabular-nums}
#ciclo .cx-kpis .cx-kpi small{grid-column:2;grid-row:2;align-self:start;margin-top:4px !important;font:500 12px/1.3 'Poppins',ui-sans-serif,system-ui,sans-serif !important;letter-spacing:0 !important;text-transform:none !important;color:#64748B !important}
/* ingresos: segmento destacado */
#ciclo .cx-kpis .cx-kpi:nth-child(5){background:linear-gradient(135deg,#EAF7FD 0%,#E6EEFF 100%) !important;box-shadow:inset 0 0 0 1px #CFE0FF !important}
#ciclo .cx-kpis .cx-kpi:nth-child(5) b{background:linear-gradient(90deg,#0891B2,#2563FF);-webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent}
#ciclo .cx-kpis .cx-kpi:nth-child(5) small{color:#1D4ED8 !important;font-weight:600 !important}
#ciclo .cx-kpis .cx-kpi:nth-child(5) .cx-kIco::after{background:#F2F8FF}
#ciclo .cx-kpis .cx-kpi:nth-child(5)+.cx-kpi::before,#ciclo .cx-kpis .cx-kpi:nth-child(8)::before{display:none}
#ciclo .cx-kpis .cx-kpi.bump b{animation:kpB .6s ease}
@keyframes kpB{40%{transform:translateY(-3px)}100%{transform:none}}
@media(max-width:1100px){#ciclo .cx-kpis .cx-kpi{grid-template-columns:46px 1fr;padding:12px !important}#ciclo .cx-kpis .cx-kIco{width:46px !important;height:46px !important}#ciclo .cx-kpis .cx-kpi b{font-size:22px !important}}
@media(max-width:720px){#ciclo .cx-kpis{grid-template-columns:1fr 1fr !important}#ciclo .cx-kpis .cx-kpi::before{display:none}#ciclo .cx-kpis .cx-kpi:nth-child(5){grid-column:1/-1}}
#ciclo .cx-kpis .cx-kpi:nth-child(3),#ciclo .cx-kpis .cx-kpi:nth-child(6),#ciclo .cx-kpis .cx-kpi:nth-child(7){display:none !important}
#ciclo .cx-kpis .cx-kpi:nth-child(5) .cx-kIco{background:conic-gradient(from -90deg,#22D3EE 0%,#2563FF var(--p,0%),#D6E4FB var(--p,0%) 100%) !important;box-shadow:0 8px 20px rgba(37,99,255,.25) !important}
@media(max-width:720px){#ciclo .cx-kpis .cx-kpi{grid-template-columns:40px 1fr !important;column-gap:10px;padding:10px !important}#ciclo .cx-kpis .cx-kIco{width:40px !important;height:40px !important}#ciclo .cx-kpis .cx-kIco::after{inset:4px}#ciclo .cx-kpis .cx-kIco svg{width:17px !important;height:17px !important}#ciclo .cx-kpis .cx-kpi b{font-size:20px !important}#ciclo .cx-kpis .cx-kpi small{font-size:11px !important}}

/* Style block 54 */

/* V241 · columnas de canal de origen y tasa de conversión */
#ciclo .cx-th,#ciclo .cx-tr{grid-template-columns:1.25fr .95fr 1.45fr .85fr .6fr .8fr .8fr !important;column-gap:10px}
#ciclo .cx-ch{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#334155}
#ciclo .cx-ch i{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#fff}
#ciclo .cx-ch i svg{width:14px;height:14px}
#ciclo .cx-ch.ch-ig i{background:linear-gradient(140deg,#F59E0B 0%,#EC4899 55%,#8B5CF6 100%)}
#ciclo .cx-ch.ch-wa i{background:#22C55E}
#ciclo .cx-ch.ch-go i{background:#fff;color:#2563FF;box-shadow:inset 0 0 0 1px #E2E8F0}
#ciclo .cx-ch.ch-web i{background:linear-gradient(140deg,#22D3EE,#2563FF)}
#ciclo .cx-cv{display:flex;flex-direction:column;gap:5px}
#ciclo .cx-cv b{font:700 13px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#0D1B4C}
#ciclo .cx-cvBar{display:block;height:5px;border-radius:3px;background:#E8EDF6;overflow:hidden}
#ciclo .cx-cvBar i{display:block;height:100%;width:var(--w);border-radius:3px;background:linear-gradient(90deg,#22D3EE,#2563FF)}
#ciclo .cx-tr.is-hit .cx-cv b{color:#2563FF}
@media(max-width:1100px){#ciclo .cx-th,#ciclo .cx-tr{grid-template-columns:1.2fr .9fr 1.2fr .8fr .55fr .8fr .7fr !important}#ciclo .cx-ch span{display:none}}
@media(max-width:720px){#ciclo .cx-th{display:none !important}#ciclo .cx-tr{grid-template-columns:1fr 1fr !important}#ciclo .cx-ch span{display:inline}}
#ciclo .cx-ch span{font:500 11px/1.2 "Poppins",ui-sans-serif,system-ui,sans-serif !important;color:#334155 !important;letter-spacing:0 !important}

/* Style block 55 */

#ciclo .cx-roi{display:none !important}
#ciclo .cx-bottom{grid-template-columns:1fr !important}

/* Style block 56 */

#ciclo .cx-th,#ciclo .cx-tr{grid-template-columns:1.15fr .9fr 1.15fr 1.3fr .8fr .55fr .75fr .75fr !important}
#ciclo .cx-cp b{display:block;font:600 11.5px/1.25 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#0D1B4C}
#ciclo .cx-cp em{display:inline-block;margin-top:3px;font-style:normal;font-size:10px;font-weight:600;color:#1D4ED8;background:#EAF1FF;border-radius:6px;padding:2px 6px}
@media(max-width:1100px){#ciclo .cx-th,#ciclo .cx-tr{grid-template-columns:1.1fr .45fr 1.1fr 1.1fr .8fr .55fr .75fr .7fr !important}}
@media(max-width:720px){#ciclo .cx-tr{grid-template-columns:1fr 1fr !important}}
#ciclo .cx-cp b{font:600 11px/1.25 'Poppins',ui-sans-serif,system-ui,sans-serif !important;color:#0D1B4C !important}
#ciclo .cx-cp em{font:600 9.5px/1.2 'Poppins',ui-sans-serif,system-ui,sans-serif !important}

/* Style block 57 */

/* V245 · caso de éxito PhysioNor, estilo galería elegible */
html body section#caso.section{background:#FBFAF7 !important;padding:96px 0 88px !important;min-height:0 !important}
#caso .cs-head{text-align:center;max-width:760px;margin:0 auto}
#caso .cs-eye{display:inline-block;font:700 11px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#0D1B4C;margin-bottom:16px}
#caso .cs-h2{font:700 clamp(36px,4.4vw,58px)/1.05 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em;color:#0D1B4C;margin:0}
#caso .cs-lead{font-size:17px;line-height:1.6;color:#475569;margin:18px auto 0;max-width:600px}
#caso .cs-ctas{display:flex;justify-content:center;gap:10px;margin-top:26px}
#caso .cs-btn{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:12px;background:#0D1B4C;color:#fff;font:600 14px/1 'Poppins',sans-serif;text-decoration:none;transition:background .2s}
#caso .cs-btn:hover{background:#2563FF}
#caso .cs-btn2{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:12px;border:1px solid #CBD5E1;color:#0D1B4C;font:600 14px/1 'Poppins',sans-serif;text-decoration:none;background:#fff}
#caso .cs-btn2:hover{border-color:#94A3B8}
#caso .cs-stage{position:relative;height:400px;margin:56px auto 0;max-width:1240px}
#caso .cs-card{position:absolute;top:50%;left:50%;width:min(560px,46vw);height:340px;border:0;padding:0;border-radius:26px;overflow:hidden;cursor:pointer;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s,box-shadow .6s;transform:translate(-50%,-50%);box-shadow:0 30px 70px rgba(13,27,76,.18);text-align:left}
#caso .cs-card.pos-c{z-index:3;transform:translate(-50%,-50%) scale(1)}
#caso .cs-card.pos-l{z-index:2;transform:translate(calc(-50% - min(520px,42vw)),-50%) scale(.74);opacity:.92}
#caso .cs-card.pos-r{z-index:2;transform:translate(calc(-50% + min(520px,42vw)),-50%) scale(.74);opacity:.92}
#caso .cs-card:not(.pos-c):hover{opacity:1;filter:brightness(1.04)}
#caso .cs-card:focus-visible{outline:3px solid #2563FF;outline-offset:4px}
#caso .cs-card::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.35;mix-blend-mode:soft-light;pointer-events:none;z-index:2}
#caso .bg-a{background:radial-gradient(70% 90% at 15% 20%,#F9D4E6 0%,transparent 60%),radial-gradient(70% 80% at 85% 85%,#BFD7FF 0%,transparent 65%),linear-gradient(135deg,#FDE7F1,#DCE8FF)}
#caso .bg-b{background:radial-gradient(70% 80% at 80% 10%,#A7F3F0 0%,transparent 60%),radial-gradient(80% 90% at 10% 90%,#2563FF 0%,transparent 70%),linear-gradient(160deg,#7FB8FF,#1E5BD8)}
#caso .bg-c{background:radial-gradient(70% 80% at 20% 20%,#3B4FB8 0%,transparent 60%),radial-gradient(70% 80% at 85% 85%,#C4B5FD 0%,transparent 65%),linear-gradient(135deg,#0D1B4C,#5B6BE0)}
#caso .cs-lines{position:absolute;left:0;right:0;top:42%;height:30%;z-index:1;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 2px,transparent 2px 9px);-webkit-mask:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);opacity:.55}
#caso .cs-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:0}
#caso .bg-b::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(13,27,76,0) 40%,rgba(13,27,76,.45) 100%)}
#caso .cs-metric{position:absolute;left:34px;top:34px;z-index:3;display:flex;flex-direction:column}
#caso .cs-metric b{font:700 78px/1 'Poppins',sans-serif;letter-spacing:-.04em;color:#0D1B4C}
#caso .bg-c .cs-metric b{color:#fff;font-size:68px}
#caso .cs-metric span{font:600 18px/1.2 'Poppins',sans-serif;color:#0D1B4C;margin-top:8px}
#caso .bg-c .cs-metric span{color:#E0E7FF}
#caso .cs-metric em{font-style:normal;font-size:14px;color:#334155;margin-top:4px}
#caso .bg-c .cs-metric em{color:#C7D2FE}
#caso .cs-chips{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:6px;white-space:nowrap}
#caso .cs-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#A78BFA,#7C3AED);color:#fff;box-shadow:0 0 0 3px #fff}
#caso .cs-ic svg{width:20px;height:20px}
#caso .cs-c1,#caso .cs-c2{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:12px;background:#fff;color:#0D1B4C;font:600 17px/1 'Poppins',sans-serif;box-shadow:0 10px 24px rgba(13,27,76,.18)}
#caso .cs-c2{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:19px}
#caso .cs-card:not(.pos-c) .cs-chips{opacity:.0;transition:opacity .4s}
#caso .cs-card.pos-c .cs-chips{opacity:1;animation:csChip .6s ease .2s both}
@keyframes csChip{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
#caso .cs-tagc{position:absolute;top:18px;right:18px;z-index:4;font:700 10px/1 'Poppins',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0D1B4C;background:rgba(255,255,255,.85);border-radius:999px;padding:7px 11px}
#caso .cs-tabs{display:flex;justify-content:center;gap:8px;margin-top:14px}
#caso .cs-dot{height:38px;padding:0 16px;border-radius:999px;border:1px solid #E2E8F0;background:#fff;color:#475569;font:600 13px/1 'Poppins',sans-serif;cursor:pointer;transition:all .25s}
#caso .cs-dot.on{background:#0D1B4C;color:#fff;border-color:#0D1B4C}
#caso .cs-dot:focus-visible{outline:2px solid #2563FF;outline-offset:2px}
#caso .cs-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;max-width:1040px;margin:34px auto 0;padding:28px 32px;border-radius:24px;background:#fff;border:1px solid #ECEFF5;box-shadow:0 18px 44px rgba(13,27,76,.07);text-align:left}
#caso .cs-dL b{display:block;font:700 22px/1.25 'Poppins',sans-serif;color:#0D1B4C;margin-bottom:8px}
#caso .cs-dL p{margin:0;font-size:15.5px;line-height:1.6;color:#475569}
#caso .cs-dR{margin:0;padding:0 0 0 26px;border-left:3px solid #2563FF}
#caso .cs-dR p{margin:0;font:500 18px/1.5 Georgia,'Times New Roman',serif;color:#0D1B4C;font-style:italic}
#caso .cs-dR cite{display:block;margin-top:10px;font:600 12.5px/1 'Poppins',sans-serif;font-style:normal;color:#2563FF}
#caso .cs-detail.swap .cs-dL,#caso .cs-detail.swap .cs-dR{animation:csIn .45s ease}
@keyframes csIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:900px){#caso .cs-stage{height:340px}#caso .cs-card{width:78vw;height:290px}#caso .cs-card.pos-l{transform:translate(calc(-50% - 70vw),-50%) scale(.8)}#caso .cs-card.pos-r{transform:translate(calc(-50% + 70vw),-50%) scale(.8)}#caso .cs-metric b{font-size:56px}#caso .cs-c1,#caso .cs-c2{font-size:14px;height:34px}#caso .cs-ic{width:34px;height:34px}#caso .cs-detail{grid-template-columns:1fr;padding:22px}#caso .cs-dR{padding-left:16px}}
@media(max-width:600px){#caso .cs-ctas{flex-direction:column;align-items:center}#caso .cs-chips{bottom:22px}#caso .cs-c2{display:none}}
@media(prefers-reduced-motion:reduce){#caso .cs-card,#caso .cs-chips{transition:none;animation:none}}
#caso .cs-detail,#caso .cs-detail *{text-align:left !important}
#caso .cs-stage{overflow:visible}
html body section#caso{overflow:hidden}

/* Style block 58 */

/* V247 · integraciones con piezas conectadas */
html body section#ecosistema.section{background:#FBFAF7 !important;padding:96px 0 !important;min-height:0 !important}
#ecosistema .ig3-head{text-align:center;max-width:720px;margin:0 auto}
#ecosistema .ig3-h2{font:700 clamp(34px,4.2vw,54px)/1.06 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em;color:#0D1B4C;margin:0}
#ecosistema .ig3-lead{font-size:17px;line-height:1.6;color:#475569;margin:18px auto 0;max-width:600px}
#ecosistema .ig3-link{display:inline-flex;gap:8px;margin-top:22px;font:600 15px/1 'Poppins',sans-serif;color:#0D1B4C;text-decoration:none}
#ecosistema .ig3-link span{transition:transform .2s}#ecosistema .ig3-link:hover span{transform:translateX(3px)}
#ecosistema .ig3{margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:34px}
#ecosistema .ig3-row{list-style:none;margin:0;padding:0;display:flex;gap:16px;justify-content:center}
#ecosistema .ig3-i{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:92px}
#ecosistema .ig3-t{position:relative;width:88px;height:88px;border-radius:24px;background:#F1F3F7;display:grid;place-items:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .3s}
#ecosistema .ig3-t{z-index:1}
#ecosistema .ig3-i:not(:last-child)::after{content:"";position:absolute;left:86px;top:29px;width:26px;height:30px;background:#F1F3F7;z-index:0}
#ecosistema .ig3-i:hover .ig3-t{transform:translateY(-4px);background:#fff;box-shadow:0 14px 30px color-mix(in srgb,var(--c) 30%,transparent),0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent)}
#ecosistema .ig3-logo{max-width:52px;max-height:46px;width:auto;height:auto;object-fit:contain}
#ecosistema .ig3-logo.wide{max-width:70px}
#ecosistema .ig3-m{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;color:#fff;background:var(--c)}
#ecosistema .ig3-m svg{width:28px;height:28px}
#ecosistema .ig3-erp{background:linear-gradient(140deg,#22D3EE,#2563FF) !important}
#ecosistema .ig3-word{font:700 16px/1 'Poppins',sans-serif;font-style:normal;color:#0EA5A4;letter-spacing:-.02em}
#ecosistema .ig3-i b{font:500 11px/1.25 'Poppins',sans-serif;color:#64748B;text-align:center;white-space:normal;max-width:92px}
#ecosistema .ig3-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1120px;margin:52px auto 0}
#ecosistema .ig3-card,#ecosistema .ig3-card *{text-align:left !important}
#ecosistema .ig3-card{position:relative;display:block;padding:22px 22px 24px;border-radius:22px;background:#F1F3F7;text-decoration:none;text-align:left;transition:background .3s,transform .3s,box-shadow .3s}
#ecosistema .ig3-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 18px 40px rgba(13,27,76,.1)}
#ecosistema .ig3-cIco{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,#22D3EE,#2563FF);color:#fff;margin-bottom:18px}
#ecosistema .ig3-cIco svg{width:20px;height:20px}
#ecosistema .ig3-arr{position:absolute;top:20px;right:20px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#0D1B4C;box-shadow:inset 0 0 0 1px #E2E8F0}
#ecosistema .ig3-arr svg{width:15px;height:15px}
#ecosistema .ig3-card b{display:block;font:600 19px/1.25 'Poppins',sans-serif;color:#0D1B4C;margin-bottom:8px}
#ecosistema .ig3-card p{margin:0;font-size:14px;line-height:1.55;color:#475569}
#ecosistema .ig3-card:focus-visible,#ecosistema .ig3-link:focus-visible{outline:2px solid #2563FF;outline-offset:3px}
@media(max-width:1000px){#ecosistema .ig3-row{flex-wrap:wrap}#ecosistema .ig3-i::after{display:none}#ecosistema .ig3-cards{grid-template-columns:1fr}}
@media(max-width:600px){#ecosistema .ig3-row{gap:10px}#ecosistema .ig3-i{width:72px}#ecosistema .ig3-t{width:68px;height:68px;border-radius:18px}#ecosistema .ig3-logo{max-width:40px;max-height:36px}#ecosistema .ig3-m{width:40px;height:40px}#ecosistema .ig3-i b{font-size:10px}#ecosistema .ig3{gap:16px}}
/* caso de éxito: cabe completo al llegar desde el menú */
html{scroll-padding-top:84px}
html body section#caso.section{padding:40px 0 48px !important}
#caso .cs-h2{font-size:clamp(32px,3.6vw,48px) !important}
#caso .cs-eye{margin-bottom:10px !important}
#caso .cs-lead{font-size:16px !important;margin-top:12px !important}
#caso .cs-ctas{margin-top:18px !important}
#caso .cs-stage{height:320px !important;margin-top:26px !important}
#caso .cs-card{height:280px !important;width:min(500px,42vw) !important}
#caso .cs-metric b{font-size:64px !important}
#caso .bg-c .cs-metric b{font-size:56px !important}
#caso .cs-tabs{margin-top:6px !important}
#caso .cs-detail{margin-top:18px !important;padding:18px 24px !important}
#caso .cs-dL b{font-size:19px !important}
#caso .cs-dL p{font-size:14.5px !important}
#caso .cs-dR p{font-size:16px !important}
@media(max-width:900px){#caso .cs-card{width:78vw !important;height:260px !important}}
html body section#caso.section{padding:28px 0 36px !important}
#caso .cs-lead{max-width:720px !important}
#caso .cs-stage{height:290px !important;margin-top:20px !important}
#caso .cs-card{height:255px !important}
#caso .cs-metric{top:26px !important;left:28px !important}
#caso .cs-metric b{font-size:56px !important}
#caso .cs-chips{bottom:24px !important}
#caso .cs-detail{margin-top:14px !important;padding:16px 22px !important}

/* Style block 59 */

/* V248 · integraciones visibles en una pantalla */
html body section#ecosistema.section{padding:30px 0 40px !important}
#ecosistema .ig3-h2{font-size:clamp(28px,3vw,42px) !important}
#ecosistema .ig3-head{max-width:980px !important}
#ecosistema .ig3-lead{font-size:15.5px !important;margin-top:12px !important;max-width:680px !important}
#ecosistema .ig3-link{margin-top:14px !important}
#ecosistema .ig3{margin-top:26px !important;gap:20px !important}
#ecosistema .ig3-row{gap:14px !important}
#ecosistema .ig3-i{width:84px !important;gap:6px !important}
#ecosistema .ig3-t{width:74px !important;height:74px !important;border-radius:20px !important}
#ecosistema .ig3-i:not(:last-child)::after{left:72px !important;top:22px !important;width:28px !important}
#ecosistema .ig3-logo{max-width:44px !important;max-height:38px !important}
#ecosistema .ig3-logo.wide{max-width:60px !important}
#ecosistema .ig3-m{width:44px !important;height:44px !important;border-radius:12px !important}
#ecosistema .ig3-m svg{width:24px !important;height:24px !important}
#ecosistema .ig3-word{font-size:14px !important}
#ecosistema .ig3-i b{font-size:10.5px !important}
#ecosistema .ig3-cards{margin-top:28px !important;gap:14px !important}
#ecosistema .ig3-card{padding:16px 18px 18px !important}
#ecosistema .ig3-cIco{width:34px !important;height:34px !important;margin-bottom:12px !important}
#ecosistema .ig3-arr{top:14px !important;right:14px !important}
#ecosistema .ig3-card b{font-size:17px !important;margin-bottom:6px !important}
#ecosistema .ig3-card p{font-size:13.5px !important}
@media(max-width:1000px){#ecosistema .ig3-i::after{display:none !important}}

/* Style block 60 */
#ecosistema .ig3{margin-top:30px !important}
/* Style block 61 */

/* V250 · acciones en vivo: estilo uniforme e impacto al cerrar */
html body section#demo.section{background:#fff !important;padding:84px 0 !important;min-height:0 !important}
#demo .dx-head{text-align:center}
#demo .dx-eye{display:inline-block;font:700 11px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#2563FF;margin-bottom:14px}
#demo .dx-h2{font:700 clamp(32px,3.8vw,52px)/1.08 'Poppins',ui-sans-serif,system-ui,sans-serif !important;letter-spacing:-.035em !important;color:#0D1B4C !important}
#demo .dx-h2 .grad{background:linear-gradient(90deg,#22D3EE,#2563FF 55%,#7C3AED) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
#demo .dx-lead{font-size:16.5px;line-height:1.6;color:#475569;margin:14px auto 0;max-width:620px}
#demo .dx2{margin-top:40px !important;align-items:center}
#demo .dx-btn{background:#fff !important;border:1px solid #E3E9F5 !important;box-shadow:0 8px 22px rgba(13,27,76,.06) !important;color:#0D1B4C !important;border-radius:16px !important;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s !important}
#demo .dx-btn:hover{transform:translateX(4px) !important;border-color:#BFD3FE !important;box-shadow:0 12px 28px rgba(37,99,255,.12) !important}
#demo .dx-bIco{background:linear-gradient(140deg,#22D3EE,#2563FF) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 14px rgba(37,99,255,.3) !important}
#demo .dx-bIco svg,#demo .dx-bIco svg *{stroke:#fff !important}
#demo .dx-btn.active{background:linear-gradient(135deg,#0D1B4C 0%,#1E3A8A 100%) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 16px 34px rgba(13,27,76,.3) !important;transform:translateX(6px) !important}
#demo .dx-btn.active span{color:#fff !important}
#demo .dx-btn.active .dx-bIco{background:#fff !important}
#demo .dx-btn.active .dx-bIco svg,#demo .dx-btn.active .dx-bIco svg *{stroke:#2563FF !important}
#demo .dx-glow{background:radial-gradient(circle,rgba(34,211,238,.35) 0%,rgba(37,99,255,.18) 45%,transparent 70%) !important}
/* teléfono claro como el resto del sitio */
#demo .kb-phone{background:#0D1B4C !important;position:relative}
#demo .kb-pbar{background:#fff !important;border-bottom:1px solid #EEF1F6 !important}
#demo .kb-pname b{color:#0D1B4C !important}#demo .kb-pname small{color:#16A34A !important}
#demo .kb-wa{color:#2563FF !important}
#demo .kb-chat{background:#F4F7FC !important;background-image:radial-gradient(rgba(13,27,76,.05) 1px,transparent 1.4px) !important;background-size:16px 16px !important}
#demo .kb-msg{background:#fff !important;color:#1E293B !important;border:0 !important;box-shadow:0 1px 2px rgba(13,27,76,.06) !important}
#demo .kb-msg.me{background:#DDF6FD !important;background-image:none !important;color:#0B3B4A !important}
#demo .kb-msg .kb-t{color:#94A3B8 !important}
#demo .kb-msg.sys{background:linear-gradient(135deg,#22D3EE,#2563FF) !important;color:#fff !important;font-weight:700;box-shadow:0 10px 24px rgba(37,99,255,.35) !important}
#demo .kb-typing{background:#fff !important;border:0 !important}
#demo .kb-who2{background:#EAF1FF !important;color:#1E40AF !important;border-color:#C7D7FE !important}
#demo .kb-pfoot{background:#fff !important;border-top:1px solid #EEF1F6 !important}
#demo .kb-livechat{background:#F4F7FC !important;color:#475569 !important;border-color:#E2E8F0 !important}
/* impacto */
#demo .dx-impact{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(9,18,56,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;z-index:20;border-radius:inherit;transition:opacity .35s}
#demo .dx-impact.go{opacity:1}
#demo .dx-check{position:relative;z-index:2;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font:700 36px/1 'Poppins',sans-serif;color:#fff;background:linear-gradient(140deg,#22D3EE,#2563FF);box-shadow:0 14px 34px rgba(37,99,255,.5);transform:scale(.3)}
#demo .dx-impact.go .dx-check{animation:dxPop .6s cubic-bezier(.2,1.4,.4,1) forwards}
#demo .dx-ring{position:absolute;left:50%;top:calc(50% - 22px);width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;border:3px solid rgba(125,211,252,.9);opacity:0}
#demo .dx-impact.go .dx-ring.r1{animation:dxRing 1.1s ease-out .1s}
#demo .dx-impact.go .dx-ring.r2{animation:dxRing 1.1s ease-out .35s}
#demo .dx-impact b{position:relative;z-index:2;font:700 17px/1.25 'Poppins',sans-serif;color:#fff;text-align:center;padding:0 22px;text-shadow:0 2px 12px rgba(0,0,0,.35);opacity:0}
#demo .dx-impact em{position:relative;z-index:2;font-style:normal;font:600 12.5px/1.3 'Poppins',sans-serif;color:#BAE6FD;opacity:0}
#demo .dx-impact.go b,#demo .dx-impact.go em{animation:dxUp .5s ease .35s forwards}
@keyframes dxPop{0%{transform:scale(.3)}70%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes dxRing{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
@keyframes dxUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#demo .dx-impact *{animation:none !important;opacity:1 !important;transform:none !important}}

/* Style block 62 */

#demo .dx-h2{font-size:clamp(28px,3.3vw,48px) !important;max-width:none !important}
#demo .dx-head{max-width:1100px !important;margin:0 auto}
@media(min-width:900px){#demo .dx-h2{white-space:nowrap}#demo .dx-h2 br{display:block}}
html body section#demo.section{padding:64px 0 72px !important}
#demo .dx-lead{margin-top:12px !important}
#demo .dx2{margin-top:32px !important}

/* Style block 63 */

/* V252 · experiencia móvil: menos scroll, más foco */
@media(max-width:720px){
 html{scroll-padding-top:76px}
 .section{scroll-margin-top:76px}
 /* portada: solo el WhatsApp, que es el protagonista en el celular */
 html body #inicio .kb-laptop{display:none !important}
 html body #inicio .kb-stage{padding-bottom:22px !important}
 html body #inicio .kb-phone{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;transform:none !important;margin:12px auto 0 !important;width:min(320px,86vw) !important;max-width:none !important}
 html body #inicio .kr-toast{left:50% !important;top:auto !important;bottom:44px !important;transform:translateX(-50%) scale(.95) !important}
 html body #inicio .kr-toast.show{transform:translateX(-50%) !important}
 html body #inicio .kr-toast::before{display:none}
 html body #inicio .actions{flex-direction:column;align-items:stretch;max-width:320px;margin-left:auto;margin-right:auto}
 html body #inicio .actions .btn{width:100%;justify-content:center}
 /* problema: categorías en fila deslizable */
 #problema .pbx-rail{display:flex !important;flex-direction:row !important;overflow-x:auto;gap:8px !important;padding-bottom:6px;scrollbar-width:none;scroll-snap-type:x mandatory}
 #problema .pbx-rail::-webkit-scrollbar{display:none}
 #problema .pbx-railHead{display:none !important}
 #problema .pbx-pill{flex:none !important;scroll-snap-align:start;width:auto !important}
 #problema .pbx-pill span br{display:none}
 /* agentes de IA: tarjetas en carrusel horizontal */
 #experiencia .nx-col{display:flex !important;flex-direction:row !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;padding:4px 2px 10px;scrollbar-width:none}
 #experiencia .nx-col::-webkit-scrollbar{display:none}
 #experiencia .nx-col>.nx-card{flex:0 0 84% !important;scroll-snap-align:center;min-height:0 !important}
 /* dashboard: estados deslizables y tabla resumida */
 #ciclo .cx-week .cx-chips{flex-wrap:nowrap !important;overflow-x:auto !important;padding-bottom:6px !important;scrollbar-width:none;scroll-snap-type:x proximity}
 #ciclo .cx-week .cx-chips::-webkit-scrollbar{display:none}
 #ciclo .cx-week .cx-chip{flex:none !important}
 #ciclo .cx-tr{grid-template-columns:1fr auto !important;row-gap:6px !important}
 #ciclo .cx-tr .cx-ac,#ciclo .cx-tr .cx-hh,#ciclo .cx-tr .cx-rk{display:none !important}
 #ciclo .cx-tr .cx-cp em{display:none}
 #ciclo .cx-tr .cx-cv{min-width:90px}
 #ciclo .cx-nav{overflow-x:auto;scrollbar-width:none}
 /* demo: acciones como fila deslizable sobre el teléfono */
 #demo .dx2{display:flex !important;flex-direction:column !important;gap:16px !important}
 #demo .dx-btns{display:flex !important;flex-direction:row !important;overflow-x:auto;gap:8px !important;padding:2px 2px 8px;scrollbar-width:none;scroll-snap-type:x mandatory;width:100%}
 #demo .dx-btns::-webkit-scrollbar{display:none}
 #demo .dx-btn{flex:none !important;width:auto !important;padding:10px 14px 10px 10px !important;scroll-snap-align:start;transform:none !important}
 #demo .dx-btn span:not(.dx-bIco){font-size:13.5px !important;white-space:nowrap}
 #demo .dx-bIco{width:30px !important;height:30px !important}
 /* integraciones en grilla pareja */
 #ecosistema .ig3{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px !important}
 #ecosistema .ig3-row{display:contents !important}
 #ecosistema .ig3-i{width:auto !important}
 /* calculadora: primero tus números, luego el resultado */
 #impacto .imx-grid{display:flex !important;flex-direction:column !important}
 #impacto .imx-panel{order:1}
 #impacto .imx-grid>*:not(.imx-panel){order:2}
 /* cierre y footer */
 .dk-final .dk-h2 br{display:none}
 footer .foot{grid-template-columns:1fr 1fr !important;gap:22px 16px !important;text-align:left !important}
 footer .foot>div:first-child{grid-column:1/-1}
 footer .foot a{display:inline-block;padding:6px 0;font-size:14px}
 footer .foot br{display:none}
 footer .foot a{display:block}
 footer .footerLogo{height:30px !important;width:auto !important}
}
@media(max-width:720px){
 html body section#problema .pbx-shell .pbx-rail{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;gap:8px !important;padding:0 2px 8px !important;width:100% !important;max-width:100% !important;scrollbar-width:none}
 html body section#problema .pbx-shell .pbx-rail .pbx-pill{flex:0 0 auto !important;width:auto !important;min-width:0 !important;white-space:nowrap}
 html body section#problema .pbx-shell .pbx-rail .pbx-railHead{display:none !important}
 html body section#problema .pbx-shell{display:flex !important;flex-direction:column !important;gap:14px !important}
 #ciclo .cx-msg{white-space:normal !important;word-break:break-word}
 #ciclo .cx-panel .cx-chat{max-width:100%}
 footer .foot,footer .foot *{text-align:left !important}
 footer .footerLogo{display:block !important;height:30px !important;width:auto !important;max-width:none !important;object-fit:contain !important;margin:0 0 8px !important}
 footer .foot>div:first-child{overflow:visible !important}
 footer .copy{text-align:center !important}
}
@media(max-width:720px){#ciclo .cx-split{grid-template-columns:minmax(0,1fr) !important}#ciclo .cx-split>*{min-width:0 !important;max-width:100% !important}#ciclo .cx-panel{width:auto !important}}
@media(max-width:720px){footer .foot a{padding:5px 0 !important;line-height:1.4 !important;margin:0 !important}footer .foot h4{margin:0 0 6px !important}}

/* Style block 64 */

html body #experiencia .dk-head .nx-sub2{font-size:clamp(22px,2.4vw,32px) !important;line-height:1.25 !important;font-weight:600 !important;margin-top:14px !important;letter-spacing:-.01em}

/* Style block 65 */

/* V255 · ecosistema con la paleta de azules de referencia */
html body section#experiencia.section{background:#0F1729 !important}
html body section#experiencia>.wrap{background:#0F1729 !important;box-shadow:inset 0 0 0 1px rgba(148,197,255,.10) !important}
/* tarjetas claras: azul hielo */
html body #experiencia .nx-card.light{background:linear-gradient(180deg,#D3E0FD 0%,#E2EAFE 100%) !important;border:0 !important;box-shadow:0 24px 60px rgba(0,0,0,.35) !important}
html body #experiencia .nx-card.light .nx-title{color:#2F6BE3 !important;-webkit-text-fill-color:#2F6BE3 !important}
html body #experiencia .nx-card.light .nx-sub{color:#4B5B7A !important;-webkit-text-fill-color:#4B5B7A !important}
html body #experiencia .nx-card.light .nx-kicker{color:#2F6BE3 !important;opacity:.8}
html body #experiencia .nx-card.light .nx-kIco{background:#BCD0FB !important;box-shadow:none !important}
html body #experiencia .nx-card.light .nx-kIco svg,html body #experiencia .nx-card.light .nx-kIco svg *{stroke:#2F6BE3 !important}
/* tarjetas medias: azul cielo */
html body #experiencia .nx-card.dark{background:linear-gradient(180deg,#729CF8 0%,#8EB0F9 100%) !important;border:0 !important;box-shadow:0 24px 60px rgba(0,0,0,.35) !important}
html body #experiencia .nx-card.dark .nx-title{color:#fff !important;-webkit-text-fill-color:#fff !important}
html body #experiencia .nx-card.dark .nx-sub{color:rgba(255,255,255,.88) !important;-webkit-text-fill-color:rgba(255,255,255,.88) !important}
html body #experiencia .nx-card.dark .nx-kicker{color:#fff !important;opacity:.85}
html body #experiencia .nx-card.dark .nx-kIco{background:#3B74E8 !important;box-shadow:none !important}
html body #experiencia .nx-card.dark .nx-kIco svg,html body #experiencia .nx-card.dark .nx-kIco svg *{stroke:#fff !important}
/* paneles internos translúcidos como en la referencia */
html body #experiencia .nx-card.dark .nx-step,html body #experiencia .nx-card.dark .nx-slot,html body #experiencia .nx-card.dark .nx-noti{background:rgba(255,255,255,.22) !important;border:1px solid rgba(255,255,255,.35) !important;color:#fff !important;box-shadow:none !important}
html body #experiencia .nx-card.dark .nx-step *,html body #experiencia .nx-card.dark .nx-slot *,html body #experiencia .nx-card.dark .nx-noti b,html body #experiencia .nx-card.dark .nx-noti em,html body #experiencia .nx-card.dark .nx-calTop *{color:#fff !important}
html body #experiencia .nx-card.dark .nx-slot.ok{background:rgba(255,255,255,.4) !important}
html body #experiencia .nx-card.dark .nx-line{background:rgba(255,255,255,.3) !important}
html body #experiencia .nx-card.dark .nx-line i{background:#fff !important}
html body #experiencia .nx-card.dark .nx-step i{background:rgba(255,255,255,.3) !important;color:#fff !important}
html body #experiencia .nx-card.light .nx-msg{background:#fff !important;color:#1E293B !important;border:0 !important}
html body #experiencia .nx-card.light .nx-msg.me{background:#C9DBFD !important;color:#17305F !important}
html body #experiencia .nx-card.light .nx-tag:not(.win){background:#fff !important;color:#17305F !important;border:0 !important}
html body #experiencia .nx-card.light .nx-tag.win{background:#2F6BE3 !important;color:#fff !important}
html body #experiencia .nx-card.light .nx-msg.c{background:#2F6BE3 !important;color:#fff !important}
html body #experiencia .nx-card.light .nx-chipOk{background:#2F6BE3 !important;color:#fff !important}
/* flujo de WhatsApp: el azul intenso */
html body #experiencia .nx-center{background:linear-gradient(180deg,#2D69E6 0%,#2158D6 100%) !important;animation:none !important;box-shadow:0 30px 80px rgba(33,88,214,.45) !important;border:0 !important}
html body #experiencia .nx-center .nx-kicker{color:#C7D7FE !important}
html body #experiencia .nx-orbit11 .nx-sat:not(.on){background:#1C4FC4 !important;box-shadow:0 8px 18px rgba(5,20,70,.35),inset 0 0 0 1px rgba(255,255,255,.18) !important}
html body #experiencia .nx-dev{background:rgba(255,255,255,.95) !important}

/* Style block 66 */

/* órbita: todas las funciones en versión clara */
html body #experiencia .nx-orbit11 .nx-sat,html body #experiencia .nx-orbit11 .nx-sat:not(.on){background:#fff !important;color:#2158D6 !important;box-shadow:0 8px 18px rgba(5,20,70,.28) !important}
html body #experiencia .nx-orbit11 .nx-sat svg,html body #experiencia .nx-orbit11 .nx-sat svg *,html body #experiencia .nx-orbit11 .nx-sat:not(.on) svg,html body #experiencia .nx-orbit11 .nx-sat:not(.on) svg *,html body #experiencia .nx-orbit11 .nx-sat.on svg,html body #experiencia .nx-orbit11 .nx-sat.on svg *{stroke:#2158D6 !important;color:#2158D6 !important}
html body #experiencia .nx-orbit11 .nx-sat em{color:#fff !important}
html body #experiencia .nx-orbit11 .nx-sat.on{background:#fff !important;transform:scale(1.25) !important;box-shadow:0 0 0 5px rgba(125,211,252,.55),0 0 0 12px rgba(255,255,255,.14),0 14px 30px rgba(0,0,0,.35) !important}
html body #experiencia .nx-orbit11 .nx-sat.on em{font-weight:700 !important}
/* tarjetas medias: azul más firme y paneles con mejor contraste */
html body #experiencia .nx-card.dark{background:linear-gradient(180deg,#5B88F2 0%,#729CF8 100%) !important}
html body #experiencia .nx-card.dark .nx-step,html body #experiencia .nx-card.dark .nx-slot,html body #experiencia .nx-card.dark .nx-noti{background:rgba(12,32,92,.30) !important;border:1px solid rgba(255,255,255,.28) !important}
html body #experiencia .nx-card.dark .nx-slot.ok{background:#fff !important;border-color:#fff !important}
html body #experiencia .nx-card.dark .nx-slot.ok *{color:#1E4FC9 !important}
html body #experiencia .nx-card.dark .nx-calTop *{color:#fff !important}
html body #experiencia .nx-card.dark .nx-step.s3{background:#fff !important}
html body #experiencia .nx-card.dark .nx-step.s3,html body #experiencia .nx-card.dark .nx-step.s3 *{color:#1E4FC9 !important}
html body #experiencia .nx-card.dark .nx-step.s3 i{background:#2F6BE3 !important;color:#fff !important}
html body #experiencia .nx-card.dark .nx-noti em{color:rgba(255,255,255,.85) !important}
/* tarjetas claras: piezas con borde y texto firme */
html body #experiencia .nx-card.light .nx-msg{box-shadow:0 2px 6px rgba(15,40,110,.10) !important}
html body #experiencia .nx-card.light .nx-tag:not(.win){box-shadow:0 2px 6px rgba(15,40,110,.10) !important;color:#17305F !important}
html body #experiencia .nx-card.light .nx-arrowD{color:#2F6BE3 !important}
html body #experiencia .nx-card.light .nx-sTitle{color:#17305F !important}
html body #experiencia .nx-card.light .nx-stars i{background:#fff !important;border-color:#FBDCB8 !important}
/* ninguna pieza animada baja de 60% de opacidad */
@keyframes nxFade{0%,45%{opacity:1}55%,100%{opacity:.6}}
@keyframes nxFade2{0%,45%{opacity:.6;transform:translateY(4px)}55%,100%{opacity:1;transform:none}}

/* Style block 67 */

/* V259 · espacios uniformes entre secciones */
html body section#problema.section,html body section#ciclo.section,html body section#precio.section,html body section#impacto.section,html body section#implementacion.section,html body section#faq.section,html body section#demo.section,html body section#segmentos.section{min-height:0 !important;padding-top:72px !important;padding-bottom:72px !important}
html body section#experiencia.section{min-height:0 !important;padding-top:56px !important;padding-bottom:56px !important}
html body section.final.dk-final{min-height:0 !important;padding-top:88px !important;padding-bottom:88px !important}
html body .agx-frame{padding-bottom:40px !important}
html body .agx-frame .ag5-wrap{padding-bottom:36px !important}
html body section#agentes.section.agx{padding-top:40px !important}
html body .agx-mqOut{padding-top:28px !important}
html body section#inicio.hero{padding-bottom:48px !important}
@media(max-width:720px){
 html body section#problema.section,html body section#ciclo.section,html body section#precio.section,html body section#impacto.section,html body section#implementacion.section,html body section#faq.section,html body section#demo.section,html body section#segmentos.section{padding-top:48px !important;padding-bottom:48px !important}
 html body section#experiencia.section{padding-top:36px !important;padding-bottom:36px !important}
 html body section.final.dk-final{padding-top:60px !important;padding-bottom:60px !important}
}

/* Style block 68 */

/* V261 · encuadre del chat más fino y columna izquierda equilibrada */
.ag5-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:40px !important;padding:40px 40px !important;align-items:center !important}
.ag5-txt{display:flex;flex-direction:column;gap:14px}
.ag5-txt .ag5-lbl{margin:0 !important}
.ag5-txt .ag6-meta{margin:0 !important;font-size:13.5px !important}
.ag5-txt h3{margin:0 !important;font-size:clamp(28px,2.6vw,38px) !important;line-height:1.12 !important}
.ag5-txt .ag6-sp{margin:0 !important}
.ag5-txt .ag6-fns{margin:4px 0 0 !important;gap:8px !important}
.ag5-txt .ag6-fn{padding:9px 14px !important;font-size:13px !important}
.ag5-txt .ag5-more{margin-top:8px;align-self:flex-start}
@media(max-width:860px){.ag5-panel{grid-template-columns:1fr !important;gap:22px !important;padding:24px 18px !important}.ag5-txt h3{font-size:24px !important}}

/* Style block 69 */

/* V263 · CTA en puntos de decisión */
.zc-row{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;margin-top:32px}
.zc-main{display:inline-flex;align-items:center;height:50px;padding:0 24px;border-radius:14px;background:linear-gradient(135deg,#22D3EE 0%,#2563FF 100%);color:#fff;font:600 15px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;text-decoration:none;box-shadow:0 14px 30px rgba(37,99,255,.35);transition:transform .2s,box-shadow .2s}
.zc-main:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(37,99,255,.45)}
.zc-note{font-size:13.5px;color:#9FB0D0}
.zc-row.light .zc-alt{display:inline-flex;align-items:center;height:50px;padding:0 22px;border-radius:14px;border:1px solid #CBD5E1;background:#fff;color:#0D1B4C;font:600 15px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;text-decoration:none}
.zc-row.light .zc-alt:hover{border-color:#94A3B8}
.zc-main:focus-visible,.zc-alt:focus-visible{outline:2px solid #2563FF;outline-offset:3px}
@media(max-width:720px){.zc-row{flex-direction:column;align-items:stretch;margin-top:24px}.zc-main,.zc-row.light .zc-alt{justify-content:center}.zc-note{text-align:center}}

/* Style block 70 */

/* V264 · títulos unificados: centrados, 2 líneas descendentes */
html body .uh2{display:block !important;text-align:center !important;margin-left:auto !important;margin-right:auto !important;max-width:none !important;font-family:'Poppins',ui-sans-serif,system-ui,sans-serif !important;font-weight:700 !important;font-size:clamp(32px,3.6vw,52px) !important;line-height:1.1 !important;letter-spacing:-.035em !important;white-space:normal}
html body .uh2 br{display:block !important}
html body .uh2>span,html body .uh2 .agx-w{display:inline !important}
html body .uh2 span.grad{display:inline !important}
html body .kp-title .uh-in{font-size:clamp(32px,3.6vw,52px) !important}
@media(min-width:900px){html body .uh2{white-space:nowrap}}
@media(max-width:720px){html body .uh2,html body .kp-title .uh-in{font-size:clamp(26px,7.4vw,32px) !important;line-height:1.14 !important}}

/* Style block 71 */

html body section#problema .uh2,html body section#experiencia .uh2,html body section#agentes .uh2,html body section#segmentos .uh2,html body section#caso .uh2,html body section#ciclo .uh2,html body section#demo .uh2,html body section#ecosistema .uh2,html body section#precio .uh2,html body section#impacto .uh2,html body section#implementacion .uh2,html body section#faq .uh2,html body section.final.dk-final .uh2{font-size:clamp(32px,3.6vw,52px) !important;line-height:1.1 !important;letter-spacing:-.035em !important;font-weight:700 !important;text-align:center !important}
@media(max-width:720px){html body section#problema .uh2,html body section#experiencia .uh2,html body section#agentes .uh2,html body section#segmentos .uh2,html body section#caso .uh2,html body section#ciclo .uh2,html body section#demo .uh2,html body section#ecosistema .uh2,html body section#precio .uh2,html body section#impacto .uh2,html body section#implementacion .uh2,html body section#faq .uh2,html body section.final.dk-final .uh2{font-size:25px !important;line-height:1.18 !important;white-space:normal !important;text-wrap:balance}html body section#problema .uh2 br,html body section#experiencia .uh2 br,html body section#agentes .uh2 br,html body section#segmentos .uh2 br,html body section#caso .uh2 br,html body section#ciclo .uh2 br,html body section#demo .uh2 br,html body section#ecosistema .uh2 br,html body section#precio .uh2 br,html body section#impacto .uh2 br,html body section#implementacion .uh2 br,html body section#faq .uh2 br,html body section.final.dk-final .uh2 br{display:none !important}}
@media(max-width:720px){html body section#agentes .uh2{font-size:22px !important}}
html body section#precio .kp-t1.uh2{background:none !important;-webkit-text-fill-color:#fff !important;color:#fff !important}
html body section#precio .kp-t1.uh2 .grad{background:linear-gradient(90deg,#7DD3FC 0%,#A5B4FC 50%,#D8B4FE 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}

/* Style block 72 */

/* V265 · jerarquía tipográfica: título > subtítulo > descripción */
html body section#problema .uh2,html body section#experiencia .uh2,html body section#agentes .uh2,html body section#segmentos .uh2,html body section#caso .uh2,html body section#ciclo .uh2,html body section#demo .uh2,html body section#ecosistema .uh2,html body section#precio .uh2,html body section#impacto .uh2,html body section#implementacion .uh2,html body section#faq .uh2,html body section.final.dk-final .uh2{letter-spacing:-.02em !important;line-height:1.16 !important;margin-bottom:16px !important}
html body section#experiencia .nx-sub2,html body section#precio .kp-title .kp-sub,html body section#precio .kp-title .kp-sub span,html body section#implementacion .im-sub{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif !important;font-size:24px !important;font-weight:600 !important;line-height:1.35 !important;letter-spacing:-.01em !important;margin-top:0 !important;margin-bottom:10px !important;text-align:center !important}
html body section#precio .kp-title .kp-sub{display:block !important;margin-top:16px !important}
html body section#experiencia .nz-lead,html body section#caso .cs-lead,html body section#ciclo .cx-bigLead,html body section#demo .dx-lead,html body section#ecosistema .ig3-lead,html body section#impacto .imx-sub1,html body section#faq .dk-head .dk-lead,html body section.final.dk-final .finalLead,html body section.final.dk-final .finalLead span{font-size:17px !important;font-weight:400 !important;line-height:1.6 !important;letter-spacing:0 !important;max-width:660px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
@media(max-width:720px){
 html body section#experiencia .nx-sub2,html body section#precio .kp-title .kp-sub,html body section#precio .kp-title .kp-sub span,html body section#implementacion .im-sub{font-size:18px !important}
 html body section#experiencia .nz-lead,html body section#caso .cs-lead,html body section#ciclo .cx-bigLead,html body section#demo .dx-lead,html body section#ecosistema .ig3-lead,html body section#impacto .imx-sub1,html body section#faq .dk-head .dk-lead,html body section.final.dk-final .finalLead,html body section.final.dk-final .finalLead span{font-size:15.5px !important}
}
html body section#experiencia .dk-head .nx-sub2.nz-sub{font-size:24px !important;font-weight:600 !important;line-height:1.35 !important;margin-top:0 !important}
@media(max-width:720px){html body section#experiencia .dk-head .nx-sub2.nz-sub{font-size:18px !important}}

/* Style block 73 */

@media(min-width:900px){
 html body section#experiencia .dk-head{max-width:none !important;width:100% !important}
 html body section#experiencia .dk-head .uh2{white-space:nowrap !important;font-size:clamp(36px,3.5vw,52px) !important}
 html body section#experiencia .dk-head .uh2 br{display:none !important}
 html body section#experiencia .dk-head .uh2 span.grad::before{content:" "}
 html body section#experiencia .dk-head .nx-sub2.nz-sub{font-size:30px !important;font-weight:600 !important;margin-bottom:12px !important}
 html body section#experiencia .dk-head .nz-lead{font-size:17px !important}
}

/* Style block 74 */

@media(min-width:900px){html body section#experiencia .dk-head .nx-sub2.nz-sub{font-size:36px !important;line-height:1.25 !important;margin-top:4px !important}}
@media(max-width:899px){html body section#experiencia .dk-head .nx-sub2.nz-sub{font-size:22px !important}}

/* Style block 75 */

@media(min-width:900px){
 html body section#precio .kp-title .kp-t1.uh2{white-space:nowrap !important;font-size:clamp(34px,3.4vw,52px) !important}
 html body section#precio .kp-title .kp-t1.uh2 br{display:none !important}
 html body section#precio .kp-title .kp-t1.uh2 .grad::before{content:" "}
 html body section#precio .kp-title{max-width:none !important}
}
html body section#ecosistema .ig3-lead{max-width:820px !important}

/* Style block 76 */

html body section#ecosistema .ig3-head .uh2{font-size:clamp(38px,4.4vw,64px) !important;line-height:1.08 !important}
@media(max-width:720px){html body section#ecosistema .ig3-head .uh2{font-size:30px !important}}

/* Style block 77 */

@media(min-width:900px){
 html body section#demo .dx-head{max-width:none !important}
 html body section#demo .dx-head .uh2{white-space:nowrap !important}
 html body section#demo .dx-head .uh2 br{display:none !important}
 html body section#demo .dx-head .uh2 span.grad::before{content:" "}
}

/* Style block 78 */

/* V272 · calculadora y piloto en versión clara */
html body section#impacto.section{background:#F6F8FC !important;background-image:none !important;color:#0D1B4C}
html body section#implementacion.section{background:#fff !important;background-image:none !important;color:#0D1B4C}
html body section#impacto::before,html body section#impacto::after,html body section#implementacion::before,html body section#implementacion::after{opacity:0 !important}
html body section#impacto .uh2,html body section#implementacion .uh2{color:#0D1B4C !important;-webkit-text-fill-color:#0D1B4C !important}
html body section#impacto .uh2 .grad,html body section#implementacion .uh2 .grad{background:linear-gradient(90deg,#2563FF 0%,#7C3AED 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
html body section#impacto .imx-sub1,html body section#implementacion .im-sub{color:#475569 !important;-webkit-text-fill-color:#475569 !important}
html body section#impacto .imx-panel{box-shadow:0 18px 44px rgba(13,27,76,.10) !important;border:1px solid #E3E9F5 !important}
html body section#impacto .imx-grid>*:not(.imx-panel){box-shadow:0 24px 60px rgba(13,27,76,.22) !important}
/* etapas con íconos */
html body section#implementacion .ip-t{color:#0D1B4C !important}
html body section#implementacion .ip-d{color:#64748B !important}
html body section#implementacion .ip-arrow{opacity:1 !important;filter:none !important;color:#94A3B8 !important}
html body section#implementacion .ip-arrow svg *{stroke:#94A3B8 !important}
html body section#implementacion .ip-dot{background:#fff !important;border:1px solid #E3E9F5 !important;box-shadow:0 10px 24px rgba(13,27,76,.10) !important;color:#2563FF !important;display:grid !important;place-items:center}
html body section#implementacion .ip-dot svg{width:28px;height:28px;stroke:#2563FF}
html body section#implementacion .ip-step.is-on .ip-dot,html body section#implementacion .ip-step:hover .ip-dot{background:linear-gradient(135deg,#22D3EE 0%,#2563FF 100%) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 14px 30px rgba(37,99,255,.35) !important}
html body section#implementacion .ip-step.is-on .ip-dot svg,html body section#implementacion .ip-step:hover .ip-dot svg,html body section#implementacion .ip-step.is-on .ip-dot svg *,html body section#implementacion .ip-step:hover .ip-dot svg *{stroke:#fff !important}
html body section#implementacion .ip-step.is-on .ip-dot svg text,html body section#implementacion .ip-step:hover .ip-dot svg text{fill:#fff !important}
html body section#implementacion .im-btn.alt{background:#fff !important;color:#0D1B4C !important;border:1px solid #CBD5E1 !important}

/* Style block 79 */
html body section#implementacion .ip-rail{max-width:1240px !important}html body section#implementacion .ip-arrow{width:34px !important;flex:0 0 34px !important}html body section#implementacion .ip-step{min-width:0;flex:1 1 0}
/* Style block 80 */

#ciclo .cx-ch.ch-fb i{background:#1877F2}
#ciclo .cx-ch.ch-tt i{background:#0D1B4C;color:#fff;box-shadow:inset 2px 0 0 #25F4EE,inset -2px 0 0 #FE2C55}
#precio .kp-custom .kp-fixed{font:700 38px/1.1 'Poppins',ui-sans-serif,system-ui,sans-serif !important;letter-spacing:-.02em;background:linear-gradient(90deg,#22D3EE,#2563FF) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;display:inline-block !important;padding-bottom:2px}

/* Style block 81 */
#precio .kp-feats{gap:7px !important}#precio .kp-feats li{font-size:13.5px !important;line-height:1.35 !important}
/* Style block 82 */

/* V282 · footer ordenado */
footer.ft2{background:#030820 !important;padding:64px 0 28px !important;border-top:1px solid rgba(148,197,255,.12);color:#C7D2EA;text-align:left !important}
footer.ft2 .ft2-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
footer.ft2 .ft2-logo{display:block;height:40px;width:auto;margin:0 0 16px}
footer.ft2 .ft2-brand p{margin:0 0 14px;font-size:14px;line-height:1.6;color:#93A3C4;max-width:340px}
footer.ft2 .ft2-mail{font:600 14px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#7DD3FC;text-decoration:none}
footer.ft2 .ft2-mail:hover{color:#fff}
footer.ft2 h4{margin:0 0 16px;font:700 12px/1 'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
footer.ft2 .ft2-col{display:flex;flex-direction:column;gap:11px}
footer.ft2 .ft2-col a{font-size:14.5px;line-height:1.3;color:#A9B6D3;text-decoration:none;transition:color .2s}
footer.ft2 .ft2-col a:hover{color:#fff}
footer.ft2 a:focus-visible{outline:2px solid #7DD3FC;outline-offset:3px;border-radius:4px}
footer.ft2 .ft2-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:22px;border-top:1px solid rgba(148,197,255,.12);font-size:13px;color:#6B7FA8}
@media(max-width:900px){footer.ft2 .ft2-grid{grid-template-columns:1fr 1fr;gap:32px 24px}footer.ft2 .ft2-brand{grid-column:1/-1}}
@media(max-width:720px){footer.ft2{padding:48px 0 96px !important}footer.ft2 .ft2-bottom{flex-direction:column;align-items:flex-start;gap:6px}}
footer.ft2 .ft2-grid,footer.ft2 .ft2-grid *{text-align:left !important}
footer.ft2 .ft2-col{align-items:flex-start !important}
footer.ft2 .ft2-brand{display:flex;flex-direction:column;align-items:flex-start}
footer.ft2 .ft2-col a{padding:0 !important;margin:0 !important}
@media(max-width:720px){footer.ft2 .ft2-col{gap:0 !important}footer.ft2 .ft2-col a{padding:7px 0 !important}footer.ft2 h4{margin-bottom:8px !important}}

/* Style block 83 */

#caso .cs-cases{display:inline-flex;gap:6px;padding:5px;border-radius:16px;background:#fff;border:1px solid #E6EAF2;box-shadow:0 8px 22px rgba(13,27,76,.06);margin-bottom:14px}
#caso .cs-case{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;border:0;border-radius:12px;background:transparent;cursor:pointer;text-align:left;transition:background .25s,color .25s}
#caso .cs-case b{font:700 14px/1.1 'Poppins',ui-sans-serif,system-ui,sans-serif;color:#0D1B4C}
#caso .cs-case em{font-style:normal;font-size:11px;color:#64748B}
#caso .cs-case.on{background:#0D1B4C}
#caso .cs-case.on b{color:#fff}#caso .cs-case.on em{color:#B4C2DF}
#caso .cs-case:focus-visible{outline:2px solid #2563FF;outline-offset:2px}
#caso .cs-stage.csfade .cs-card{animation:csFade .5s ease}
@keyframes csFade{from{opacity:.2}to{opacity:1}}
@media(max-width:600px){#caso .cs-case{padding:7px 10px}#caso .cs-case em{display:none}}
html body section#caso.section{padding-top:20px !important}
#caso .cs-cases{margin-bottom:8px}
#caso .cs-head .uh2{margin-bottom:10px !important}
#caso .cs-lead{margin-top:0 !important}
#caso .cs-stage{height:280px !important;margin-top:16px !important}
#caso .cs-card{height:248px !important}
@media(max-width:720px){html body .uh2 br+span::before{content:" "}}

/* Style block 84 */
header.nav .navCol a[data-case]+a[data-case]{margin-top:6px}