@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap");
:root{--cbp:#316767;--cbd:#232439;--cba:#45d19a;--cbn:#06131c;--cbl:#f4f5f7;--cbw:#fff;--cbi:#14212a;--cbm:#65717c}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.cbh26-page,body.cbh26-page *{font-family:Inter,sans-serif}
body.cbh26-page{margin:0!important;background:#06131c!important;color:#fff!important;overflow-x:hidden}
body.cbh26-page a{text-decoration:none!important}
.cbh26-shell{width:min(1320px,calc(100% - 48px));margin:0 auto}
.cbh26-header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(5,15,23,.68);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.cbh26-header__inner{min-height:82px;display:flex;align-items:center;gap:30px}
.cbh26-brand{display:flex;align-items:center;gap:12px;color:#fff!important}
.cbh26-brand img{width:50px;height:50px;border-radius:50%;object-fit:contain}
.cbh26-brand span{display:grid}
.cbh26-brand strong{font:700 20px Poppins,sans-serif!important;color:#fff!important}
.cbh26-brand small{font-size:11px!important;color:rgba(255,255,255,.66)!important}
.cbh26-nav{display:flex;gap:28px;margin-left:auto}
.cbh26-nav a{color:rgba(255,255,255,.86)!important;font-weight:700!important;font-size:14px!important}
.cbh26-nav a:hover{color:var(--cba)!important}
.cbh26-menu-btn{display:none}
.cbh26-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:15px;color:#041018!important;background:linear-gradient(135deg,#2be1cf,var(--cba));font-weight:800!important;font-size:14px!important;box-shadow:0 14px 34px rgba(69,209,154,.22);transition:.25s}
.cbh26-btn:hover{transform:translateY(-3px);filter:brightness(1.05)}
.cbh26-btn--ghost{color:#fff!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.28);box-shadow:none}
.cbh26-btn--header{min-height:44px;padding:0 20px}
.cbh26-hero{position:relative;min-height:100vh;padding:132px 0 44px;overflow:hidden;background:radial-gradient(circle at 74% 30%,rgba(48,105,255,.18),transparent 29%),radial-gradient(circle at 85% 58%,rgba(184,54,255,.14),transparent 28%),radial-gradient(circle at 16% 18%,rgba(69,209,154,.12),transparent 25%),linear-gradient(135deg,#040b14 0%,#06131f 48%,#081127 100%)}
#cbh26-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.62}
.cbh26-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:cbFloat 9s ease-in-out infinite}
.cbh26-glow--one{width:300px;height:300px;left:-120px;top:25%;background:var(--cba)}
.cbh26-glow--two{width:280px;height:280px;right:-110px;bottom:7%;background:#783cff;animation-delay:-4s}
.cbh26-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}
.cbh26-kicker{display:inline-flex;color:var(--cba)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.16em!important}
.cbh26-hero__copy h1{margin:18px 0 18px!important;font:800 clamp(46px,5.4vw,78px)/1.02 Poppins,sans-serif!important;letter-spacing:-.045em!important;color:#fff!important;text-shadow:none!important;background:none!important}
.cbh26-hero__copy h1 span{display:block;color:var(--cba)!important;background:none!important}
.cbh26-lead{max-width:650px;margin:0!important;color:rgba(255,255,255,.78)!important;font-size:18px!important;line-height:1.72!important}
.cbh26-highlight{margin:10px 0 0!important;color:var(--cba)!important;font-weight:800!important;font-size:17px!important}
.cbh26-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.cbh26-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:rgba(255,255,255,.66);font-size:13px}
.cbh26-proof span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--cba);box-shadow:0 0 0 5px rgba(69,209,154,.08)}
.cbh26-product{position:relative;min-height:590px}
.cbh26-product__halo{position:absolute;inset:12% 2% 5% 8%;border-radius:50%;background:radial-gradient(circle,rgba(25,171,255,.18),transparent 62%);filter:blur(18px)}
.cbh26-desktop{position:absolute;left:0;top:45px;width:72%;min-height:460px;border-radius:24px;overflow:hidden;transform:perspective(1200px) rotateY(-7deg) rotateX(2deg);background:linear-gradient(160deg,#0a1724,#0b1c31);border:1px solid rgba(45,175,255,.42);box-shadow:0 35px 80px rgba(0,0,0,.42),0 0 42px rgba(33,161,255,.1)}
.cbh26-windowbar{height:52px;padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.08)}
.cbh26-windowbar span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2)}
.cbh26-windowbar strong{margin-left:8px;color:#fff!important;font-size:13px!important}
.cbh26-desktop__body{display:grid;grid-template-columns:62px 1fr;min-height:405px}
.cbh26-desktop aside{padding:20px 15px;border-right:1px solid rgba(255,255,255,.07)}
.cbh26-desktop aside b{display:block;width:30px;height:30px;margin-bottom:14px;border-radius:9px;background:rgba(255,255,255,.07)}
.cbh26-desktop aside b.active{background:linear-gradient(135deg,var(--cbp),var(--cba))}
.cbh26-desktop section{padding:22px}
.cbh26-desktop section>small{color:rgba(255,255,255,.56)!important}
.cbh26-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.cbh26-stats article{padding:16px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.cbh26-stats article.wide{grid-column:1/-1}
.cbh26-stats span{display:block;color:rgba(255,255,255,.55)!important;font-size:11px!important}
.cbh26-stats strong{display:block;margin-top:8px;color:#fff!important;font:700 22px Poppins,sans-serif!important}
.cbh26-stats em{display:block;margin-top:6px;color:var(--cba)!important;font-style:normal!important;font-size:11px!important}
.cbh26-stats i{display:block;height:58px;margin-top:12px;background:linear-gradient(180deg,rgba(69,209,154,.35),transparent);clip-path:polygon(0 78%,17% 55%,32% 68%,48% 30%,65% 45%,83% 10%,100% 20%,100% 100%,0 100%)}
.cbh26-automation{margin-top:14px;padding:15px;border-radius:15px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.cbh26-automation>span{color:rgba(255,255,255,.62)!important;font-size:11px!important}
.cbh26-automation ul{list-style:none;padding:0;margin:10px 0 0}
.cbh26-automation li{display:flex;justify-content:space-between;padding:8px 0;color:rgba(255,255,255,.76)!important;font-size:11px!important;border-bottom:1px solid rgba(255,255,255,.05)}
.cbh26-automation li b{color:var(--cba)!important}
.cbh26-phone{position:absolute;right:3%;top:90px;width:295px;min-height:490px;padding:18px;border-radius:38px;background:linear-gradient(160deg,#0b1b2b,#09131f);border:2px solid rgba(84,208,255,.5);box-shadow:0 35px 75px rgba(0,0,0,.5),0 0 38px rgba(47,182,255,.18);transform:rotate(4deg)}
.cbh26-phone__top{padding:10px 4px 16px;color:#fff!important;font-weight:800!important}
.cbh26-phone__top span{display:block;color:var(--cba)!important;font-size:10px!important;font-weight:600!important}
.cbh26-chat{margin-bottom:10px;padding:11px 12px;border-radius:14px;color:#fff!important;font-size:12px!important;line-height:1.45!important}
.cbh26-chat.incoming{background:#263749}
.cbh26-chat.option{margin-left:16px;background:#eef5f4;color:#14212a!important}
.cbh26-chat.outgoing{background:linear-gradient(135deg,var(--cbp),#244e61)}
.cbh26-phone__input{margin-top:14px;padding:12px;border-radius:18px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.48)!important;font-size:11px!important}
.cbh26-orbit{position:absolute;z-index:4;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;font-weight:800!important;color:#fff!important;background:radial-gradient(circle at 35% 30%,#5ae8ce,#12765f);box-shadow:0 0 28px rgba(69,209,154,.36);animation:cbFloat 5s ease-in-out infinite}
.cbh26-orbit--a{right:-1%;top:22%}.cbh26-orbit--b{right:1%;top:47%;animation-delay:-1s;background:radial-gradient(circle at 35% 30%,#b25cff,#49217e)}
.cbh26-orbit--c{right:4%;bottom:8%;animation-delay:-2s;background:radial-gradient(circle at 35% 30%,#4cb8ff,#1755a3)}
.cbh26-orbit--d{left:52%;bottom:1%;animation-delay:-3s;background:radial-gradient(circle at 35% 30%,#ff5fb0,#9c1f61)}
.cbh26-benefit-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);margin-top:28px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(5,16,26,.62);backdrop-filter:blur(18px);overflow:hidden}
.cbh26-benefit-strip article{padding:22px;border-right:1px solid rgba(255,255,255,.08)}
.cbh26-benefit-strip article:last-child{border-right:0}
.cbh26-benefit-strip strong{display:block;color:var(--cba)!important;font:800 28px Poppins,sans-serif!important}
.cbh26-benefit-strip span{display:block;margin-top:6px;color:rgba(255,255,255,.68)!important;font-size:13px!important}
.cbh26-section{padding:104px 0}
.cbh26-light{background:var(--cbl);color:var(--cbi)}
.cbh26-dark{background:linear-gradient(135deg,#081722,#11182b)}
.cbh26-heading{text-align:center;max-width:800px;margin:0 auto 48px}
.cbh26-heading h2{margin:14px 0!important;color:var(--cbi)!important;font:700 clamp(32px,4vw,50px)/1.12 Poppins,sans-serif!important;letter-spacing:-.035em!important;background:none!important}
.cbh26-heading p{color:var(--cbm)!important;font-size:17px!important;line-height:1.7!important}
.cbh26-heading--light h2{color:#fff!important}
.cbh26-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cbh26-card{min-height:250px;padding:26px;border-radius:22px;border:1px solid #dce4e7;background:#fff;box-shadow:0 16px 35px rgba(21,32,42,.06);transition:.25s}
.cbh26-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(21,32,42,.12)}
.cbh26-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(49,103,103,.1);color:var(--cbp)!important;font-weight:800!important}
.cbh26-card h3{margin:24px 0 10px!important;color:var(--cbp)!important;font:700 20px Poppins,sans-serif!important;background:none!important}
.cbh26-card p{margin:0!important;color:var(--cbm)!important;font-size:14px!important;line-height:1.65!important}
.cbh26-solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cbh26-solutions article{min-height:205px;padding:28px;border-radius:20px;border:1px solid rgba(69,209,154,.16);background:rgba(255,255,255,.035);transition:.25s}
.cbh26-solutions article:hover{transform:translateY(-7px);border-color:rgba(69,209,154,.55);background:rgba(49,103,103,.12)}
.cbh26-solutions h3{color:var(--cba)!important;font:700 21px Poppins,sans-serif!important;background:none!important}
.cbh26-solutions p{color:rgba(255,255,255,.65)!important;line-height:1.65!important}
.cbh26-cta{background:radial-gradient(circle at 82% 40%,rgba(69,209,154,.12),transparent 30%),linear-gradient(135deg,#0a1722,#102538)}
.cbh26-cta__inner{display:flex;justify-content:space-between;align-items:center;gap:50px}
.cbh26-cta h2{max-width:820px;margin:14px 0!important;color:#fff!important;font:700 clamp(34px,4.2vw,56px)/1.08 Poppins,sans-serif!important;background:none!important}
.cbh26-cta p{color:rgba(255,255,255,.68)!important;font-size:17px!important}
.cbh26-cta__buttons{display:grid;gap:12px;min-width:260px}
.cbh26-footer{padding:68px 0 24px;background:#050e16;border-top:1px solid rgba(255,255,255,.08)}
.cbh26-footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;align-items:start}
.cbh26-footer a,.cbh26-footer span{display:block;color:rgba(255,255,255,.62)!important;margin-bottom:10px!important;font-size:13px!important}
.cbh26-footer__bottom{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.45)!important;font-size:13px!important}
.cbh26-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.cbh26-reveal.visible{opacity:1;transform:none}
@keyframes cbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@media(max-width:1100px){
.cbh26-btn--header{display:none}.cbh26-hero__grid{grid-template-columns:1fr}.cbh26-product{min-height:620px}.cbh26-cards{grid-template-columns:repeat(2,1fr)}.cbh26-benefit-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
.cbh26-shell{width:min(100% - 30px,720px)}.cbh26-menu-btn{display:grid;gap:4px;margin-left:auto;width:44px;height:44px;place-content:center;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:12px}.cbh26-menu-btn i{width:20px;height:2px;background:#fff}.cbh26-nav{display:none;position:absolute;left:15px;right:15px;top:74px;flex-direction:column;padding:18px;background:rgba(7,21,29,.98);border:1px solid rgba(255,255,255,.1);border-radius:18px}.cbh26-nav.open{display:flex}.cbh26-desktop{width:86%}.cbh26-phone{right:0}.cbh26-solutions{grid-template-columns:repeat(2,1fr)}.cbh26-cta__inner{flex-direction:column;align-items:flex-start}.cbh26-footer__inner{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
.cbh26-shell{width:min(100% - 22px,520px)}.cbh26-brand img{width:42px;height:42px}.cbh26-brand small{display:none}.cbh26-hero{padding:105px 0 40px}.cbh26-hero__copy h1{font-size:42px!important}.cbh26-actions .cbh26-btn{width:100%}.cbh26-proof{display:grid}.cbh26-product{min-height:720px}.cbh26-desktop{left:0;top:40px;width:100%;transform:none}.cbh26-phone{top:315px;right:8px;width:250px;min-height:410px}.cbh26-orbit{width:56px;height:56px;font-size:11px!important}.cbh26-benefit-strip{grid-template-columns:1fr 1fr}.cbh26-benefit-strip article{border-bottom:1px solid rgba(255,255,255,.08)}.cbh26-section{padding:76px 0}.cbh26-cards,.cbh26-solutions{grid-template-columns:1fr}.cbh26-footer__inner{grid-template-columns:1fr}
}


/* v0.5.0 - Servicios, conversión e innovación */
.cbh26-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cbh26-service{position:relative;min-height:390px;padding:28px;border-radius:24px;border:1px solid #dce4e7;background:#fff;box-shadow:0 16px 35px rgba(21,32,42,.07);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;overflow:hidden}
.cbh26-service:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--cbp),var(--cba));opacity:0;transition:.28s}
.cbh26-service:hover{transform:translateY(-9px);box-shadow:0 28px 55px rgba(21,32,42,.14);border-color:rgba(49,103,103,.4)}
.cbh26-service:hover:before{opacity:1}
.cbh26-service--featured{color:#fff;background:radial-gradient(circle at 85% 10%,rgba(69,209,154,.18),transparent 35%),linear-gradient(145deg,#07151e,#10253a);border-color:rgba(69,209,154,.35)}
.cbh26-service__tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(49,103,103,.1);color:var(--cbp);font-size:10px;font-weight:800;letter-spacing:.08em}
.cbh26-service--featured .cbh26-service__tag{color:var(--cba);background:rgba(69,209,154,.1)}
.cbh26-service h3{margin:22px 0 12px!important;color:var(--cbp)!important;font:700 23px Poppins,sans-serif!important;background:none!important}
.cbh26-service--featured h3{color:#fff!important}
.cbh26-service p{color:var(--cbm)!important;font-size:14px!important;line-height:1.65!important}
.cbh26-service--featured p{color:rgba(255,255,255,.7)!important}
.cbh26-service ul{padding:0;margin:20px 0 25px;list-style:none}
.cbh26-service li{padding:7px 0;color:#44515c;font-size:13px}
.cbh26-service--featured li{color:rgba(255,255,255,.78)}
.cbh26-service li:before{content:"✓";margin-right:9px;color:var(--cba);font-weight:900}
.cbh26-service>a{position:absolute;left:28px;bottom:26px;color:var(--cbp)!important;font-weight:800!important;font-size:13px!important}
.cbh26-service--featured>a{color:var(--cba)!important}

.cbh26-whatclick-detail{background:radial-gradient(circle at 78% 35%,rgba(69,209,154,.12),transparent 30%),linear-gradient(135deg,#07141d,#10182b)}
.cbh26-whatclick-detail__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.cbh26-whatclick-detail h2{margin:14px 0!important;color:#fff!important;font:700 clamp(34px,4vw,52px)/1.1 Poppins,sans-serif!important;letter-spacing:-.035em!important;background:none!important}
.cbh26-whatclick-detail p{color:rgba(255,255,255,.7)!important;font-size:17px!important;line-height:1.7!important}
.cbh26-flow{display:grid;gap:12px;margin-top:28px}
.cbh26-flow article{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:15px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.cbh26-flow article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(69,209,154,.12);color:var(--cba)!important;font-weight:800!important}
.cbh26-flow strong,.cbh26-flow small{display:block}
.cbh26-flow strong{color:#fff!important}
.cbh26-flow small{margin-top:4px;color:rgba(255,255,255,.55)!important}

.cbh26-live-panel{padding:22px;border-radius:24px;border:1px solid rgba(69,209,154,.25);background:rgba(5,18,26,.82);box-shadow:0 28px 75px rgba(0,0,0,.28)}
.cbh26-live-panel__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.cbh26-live-panel__header>span{color:var(--cba)!important;font-size:11px!important;font-weight:800!important}
.cbh26-live-panel__header i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cba);margin-right:7px;animation:cbPulseLive 2s infinite}
.cbh26-live-panel__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.cbh26-live-panel__stats article{padding:17px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.cbh26-live-panel__stats small{display:block;color:rgba(255,255,255,.5)!important;font-size:10px!important}
.cbh26-live-panel__stats strong{display:inline-block;margin-top:8px;color:#fff!important;font:700 27px Poppins,sans-serif!important}
.cbh26-live-panel__stats em{color:var(--cba)!important;font-style:normal!important;font-weight:700!important}
.cbh26-live-panel__feed{display:grid;gap:10px}
.cbh26-live-panel__feed>div{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.cbh26-live-panel__feed>div>i{width:9px;height:9px;border-radius:50%;background:var(--cba);box-shadow:0 0 0 6px rgba(69,209,154,.08)}
.cbh26-live-panel__feed strong,.cbh26-live-panel__feed small{display:block}
.cbh26-live-panel__feed strong{color:#fff!important;font-size:13px!important}
.cbh26-live-panel__feed small{margin-top:3px;color:rgba(255,255,255,.5)!important;font-size:11px!important}
.cbh26-live-panel__feed em{color:var(--cba)!important;font-size:10px!important;font-style:normal!important}

.cbh26-process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
.cbh26-process:before{content:"";position:absolute;left:9%;right:9%;top:35px;height:1px;background:linear-gradient(90deg,transparent,rgba(69,209,154,.55),transparent)}
.cbh26-process article{position:relative;z-index:2;text-align:center;padding:0 18px}
.cbh26-process article>span{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 22px;border-radius:50%;color:var(--cba)!important;background:#0c2230;border:1px solid rgba(69,209,154,.35);box-shadow:0 0 0 10px #0b1925;font-weight:800!important}
.cbh26-process h3{color:#fff!important;font:700 20px Poppins,sans-serif!important;background:none!important}
.cbh26-process p{color:rgba(255,255,255,.62)!important;font-size:14px!important;line-height:1.6!important}

.cbh26-footer__inner{grid-template-columns:1.5fr repeat(3,1fr)!important}
.cbh26-footer p{max-width:390px;color:rgba(255,255,255,.55)!important;font-size:13px!important;line-height:1.7!important}
.cbh26-footer h3{color:#fff!important;font:700 14px Poppins,sans-serif!important}

@keyframes cbPulseLive{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@media(max-width:1100px){.cbh26-service-grid{grid-template-columns:repeat(2,1fr)}.cbh26-whatclick-detail__grid{grid-template-columns:1fr}.cbh26-process{grid-template-columns:repeat(2,1fr);gap:38px 18px}.cbh26-process:before{display:none}.cbh26-footer__inner{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){.cbh26-service-grid,.cbh26-process{grid-template-columns:1fr}.cbh26-live-panel__stats{grid-template-columns:1fr}.cbh26-footer__inner{grid-template-columns:1fr!important}.cbh26-service{min-height:auto;padding-bottom:76px}}


/* v0.6.0 - botones futuristas, scroll y Desarrollo Digital */
.cbh26-btn{position:relative;overflow:hidden;gap:11px;border:1px solid rgba(255,255,255,.2);isolation:isolate}
.cbh26-btn:before{content:"";position:absolute;inset:-2px;z-index:-2;border-radius:inherit;background:linear-gradient(120deg,#2be1cf,#45d19a,#6d5cff,#2be1cf);background-size:260% 260%;animation:cbBtnGradient 5s linear infinite}
.cbh26-btn:after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:13px;background:linear-gradient(135deg,#2b8e82,#45d19a)}
.cbh26-btn--ghost:before{opacity:.45}
.cbh26-btn--ghost:after{background:rgba(6,19,29,.9)}
.cbh26-btn__arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:rgba(255,255,255,.18);font-style:normal;font-size:14px;transition:transform .25s ease}
.cbh26-btn:hover .cbh26-btn__arrow{transform:translate(3px,-2px)}
.cbh26-btn>span{position:relative;z-index:2;color:inherit!important}
@keyframes cbBtnGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}

.cbh26-scroll-cue{position:absolute;z-index:8;left:50%;bottom:18px;transform:translateX(-50%);display:grid;justify-items:center;gap:7px;color:rgba(255,255,255,.68)!important;font-size:10px!important;letter-spacing:.12em;text-transform:uppercase}
.cbh26-scroll-cue__mouse{position:relative;width:28px;height:43px;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:rgba(255,255,255,.03)}
.cbh26-scroll-cue__mouse i{position:absolute;left:50%;top:8px;width:4px;height:9px;border-radius:99px;background:var(--cba);transform:translateX(-50%);animation:cbScrollMouse 1.8s ease-in-out infinite}
.cbh26-scroll-cue strong{color:rgba(255,255,255,.58)!important;font-size:9px!important}
@keyframes cbScrollMouse{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,16px)}}

.cbh26-scroll-top{position:fixed;z-index:999;right:22px;bottom:22px;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:rgba(6,19,29,.86);backdrop-filter:blur(14px);box-shadow:0 15px 35px rgba(0,0,0,.3);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s}
.cbh26-scroll-top.visible{opacity:1;visibility:visible;transform:none}
.cbh26-scroll-top svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.cbh26-scroll-top circle{fill:none;stroke-width:2}
.cbh26-scroll-top__track{stroke:rgba(255,255,255,.12)}
.cbh26-scroll-top__progress{stroke:var(--cba);stroke-linecap:round;stroke-dasharray:126;stroke-dashoffset:126}
.cbh26-scroll-top>span{position:relative;z-index:2;color:#fff!important;font-size:18px!important}

.cbh26-digital-hero{position:relative;min-height:100vh;padding:132px 0 80px;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(109,92,255,.2),transparent 31%),radial-gradient(circle at 18% 18%,rgba(69,209,154,.14),transparent 27%),linear-gradient(135deg,#050d16,#081827 52%,#12152d)}
.cbh26-digital-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.cbh26-digital-copy h1{margin:18px 0!important;color:#fff!important;font:800 clamp(46px,5.3vw,76px)/1.02 Poppins,sans-serif!important;letter-spacing:-.045em!important;background:none!important}
.cbh26-digital-copy h1 span{display:block;color:var(--cba)!important}
.cbh26-digital-copy>p{max-width:680px;color:rgba(255,255,255,.76)!important;font-size:18px!important;line-height:1.72!important}

.cbh26-device-stage{position:relative;min-height:590px}
.cbh26-device{position:absolute;border:1px solid rgba(90,205,255,.35);background:linear-gradient(160deg,#0a1724,#0a1f34);box-shadow:0 35px 80px rgba(0,0,0,.4),0 0 35px rgba(67,178,255,.12);overflow:hidden}
.cbh26-device--desktop{left:0;top:60px;width:76%;height:430px;border-radius:24px;transform:perspective(1200px) rotateY(-8deg)}
.cbh26-device--tablet{right:4%;top:115px;width:31%;height:360px;border-radius:24px;transform:rotate(3deg)}
.cbh26-device--mobile{right:18%;bottom:4px;width:22%;height:285px;border-radius:30px;transform:rotate(-4deg)}
.cbh26-device__bar{height:45px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.cbh26-device__bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2)}
.cbh26-device__screen{height:100%;padding:18px}
.cbh26-device--desktop .cbh26-device__screen{display:grid;grid-template-columns:58px 1fr;gap:18px}
.cbh26-ui-sidebar{border-radius:13px;background:rgba(255,255,255,.05)}
.cbh26-ui-content>span{display:block;width:34%;height:9px;border-radius:99px;background:var(--cba)}
.cbh26-ui-content>strong{display:block;width:72%;height:20px;margin-top:15px;border-radius:7px;background:rgba(255,255,255,.16)}
.cbh26-ui-content>em{display:block;width:50%;height:9px;margin-top:10px;border-radius:99px;background:rgba(255,255,255,.07)}
.cbh26-ui-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.cbh26-ui-cards b{height:120px;border-radius:15px;background:linear-gradient(160deg,rgba(69,209,154,.2),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.07)}
.cbh26-device--tablet strong,.cbh26-device--mobile strong{display:block;width:60%;height:18px;margin:22px 0;border-radius:8px;background:var(--cba)}
.cbh26-device--tablet span,.cbh26-device--mobile span{display:block;height:70px;margin-bottom:12px;border-radius:15px;background:rgba(255,255,255,.07)}
.cbh26-device--mobile i{display:block;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--cbp),var(--cba))}
.cbh26-digital-bubble{position:absolute;z-index:5;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;color:#fff!important;font-weight:800!important;background:radial-gradient(circle at 35% 30%,#5ae8ce,#12765f);box-shadow:0 0 30px rgba(69,209,154,.32);animation:cbFloat 5s ease-in-out infinite}
.cbh26-digital-bubble.b1{right:0;top:14%}.cbh26-digital-bubble.b2{right:2%;bottom:18%;background:radial-gradient(circle at 35% 30%,#ff68b8,#8f225f);animation-delay:-1s}
.cbh26-digital-bubble.b3{left:49%;top:1%;background:radial-gradient(circle at 35% 30%,#b25cff,#49217e);animation-delay:-2s}
.cbh26-digital-bubble.b4{left:43%;bottom:0;background:radial-gradient(circle at 35% 30%,#4cb8ff,#1755a3);animation-delay:-3s}

.cbh26-digital-services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cbh26-digital-card{position:relative;min-height:300px;padding:28px 28px 70px;border-radius:23px;border:1px solid #dce4e7;background:#fff;box-shadow:0 16px 35px rgba(21,32,42,.07);transition:.28s}
.cbh26-digital-card:hover{transform:translateY(-9px);box-shadow:0 28px 55px rgba(21,32,42,.14);border-color:rgba(49,103,103,.4)}
.cbh26-digital-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(49,103,103,.1);color:var(--cbp)!important;font-weight:800!important}
.cbh26-digital-card h3{margin:23px 0 11px!important;color:var(--cbp)!important;font:700 22px Poppins,sans-serif!important;background:none!important}
.cbh26-digital-card p{color:var(--cbm)!important;font-size:14px!important;line-height:1.7!important}
.cbh26-digital-card a{position:absolute;left:28px;bottom:25px;color:var(--cbp)!important;font-weight:800!important;font-size:13px!important}

.cbh26-digital-ads{background:radial-gradient(circle at 78% 35%,rgba(109,92,255,.16),transparent 31%),linear-gradient(135deg,#07141d,#11162e)}
.cbh26-digital-ads__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.cbh26-digital-ads h2{margin:14px 0!important;color:#fff!important;font:700 clamp(34px,4vw,52px)/1.1 Poppins,sans-serif!important;letter-spacing:-.035em!important;background:none!important}
.cbh26-digital-ads p{color:rgba(255,255,255,.7)!important;font-size:17px!important;line-height:1.7!important}
.cbh26-channel-list{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 30px}
.cbh26-channel-list span{padding:10px 14px;border-radius:999px;color:rgba(255,255,255,.8)!important;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:12px!important;font-weight:700!important}
.cbh26-campaign-panel{padding:22px;border-radius:24px;border:1px solid rgba(69,209,154,.23);background:rgba(5,18,26,.8);box-shadow:0 28px 75px rgba(0,0,0,.28)}
.cbh26-campaign-panel__top{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.cbh26-campaign-panel__top span{color:var(--cba)!important;font-size:11px!important;font-weight:800!important}
.cbh26-campaign-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.cbh26-campaign-metrics article{padding:17px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.cbh26-campaign-metrics small{display:block;color:rgba(255,255,255,.5)!important;font-size:10px!important}
.cbh26-campaign-metrics strong{display:block;margin-top:8px;color:#fff!important;font:700 25px Poppins,sans-serif!important}
.cbh26-campaign-chart{height:180px;border-radius:17px;background:linear-gradient(180deg,rgba(69,209,154,.22),transparent);overflow:hidden}
.cbh26-campaign-chart i{display:block;width:100%;height:100%;background:linear-gradient(180deg,rgba(69,209,154,.4),transparent);clip-path:polygon(0 84%,14% 65%,27% 72%,42% 40%,55% 53%,69% 22%,82% 35%,100% 8%,100% 100%,0 100%)}

@media(max-width:1100px){.cbh26-digital-hero__grid,.cbh26-digital-ads__grid{grid-template-columns:1fr}.cbh26-device-stage{min-height:620px}.cbh26-digital-services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cbh26-scroll-cue{display:none}.cbh26-device--desktop{width:100%;transform:none}.cbh26-device--tablet{right:0;width:35%}.cbh26-device--mobile{right:20%;width:26%}.cbh26-campaign-metrics{grid-template-columns:1fr}}
@media(max-width:560px){.cbh26-digital-copy h1{font-size:42px!important}.cbh26-device-stage{min-height:660px}.cbh26-device--desktop{height:360px}.cbh26-device--tablet{top:300px;width:44%;height:300px}.cbh26-device--mobile{right:3%;bottom:0;width:38%;height:270px}.cbh26-digital-services{grid-template-columns:1fr}.cbh26-scroll-top{right:14px;bottom:14px}}


/* v0.7.0 - Tema claro, botones redondos y scroll moderno */
:root{
  --cb-light-bg:#f8fafb;
  --cb-soft:#eef3f4;
  --cb-card:#ffffff;
  --cb-deep:#232439;
  --cb-green:#316767;
  --cb-accent:#45d19a;
  --cb-text:#1e2932;
  --cb-sub:#66727c;
}

body.cbh26-page{
  background:var(--cb-light-bg)!important;
  color:var(--cb-text)!important;
}

.cbh26-header{
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid rgba(35,36,57,.08)!important;
  box-shadow:0 10px 35px rgba(35,36,57,.05);
}
.cbh26-header .cbh26-brand strong{color:var(--cb-deep)!important}
.cbh26-header .cbh26-brand small{color:#7b858f!important}
.cbh26-header .cbh26-nav a{color:#46515c!important}
.cbh26-header .cbh26-nav a:hover{color:var(--cb-green)!important}
.cbh26-header .cbh26-menu-btn{border-color:rgba(35,36,57,.14)!important}
.cbh26-header .cbh26-menu-btn i{background:var(--cb-deep)!important}

.cbh26-hero,
.cbh26-digital-hero{
  background:
    radial-gradient(circle at 78% 22%,rgba(69,209,154,.15),transparent 31%),
    radial-gradient(circle at 14% 18%,rgba(49,103,103,.12),transparent 29%),
    radial-gradient(circle at 90% 70%,rgba(93,116,255,.09),transparent 26%),
    linear-gradient(135deg,#ffffff 0%,#f3f7f8 53%,#eef4f5 100%)!important;
}
#cbh26-particles{opacity:.34!important}
.cbh26-glow{opacity:.16!important}

.cbh26-hero__copy h1,
.cbh26-digital-copy h1{
  color:var(--cb-deep)!important;
  text-shadow:none!important;
}
.cbh26-hero__copy h1 span,
.cbh26-digital-copy h1 span{
  color:var(--cb-green)!important;
}
.cbh26-lead,
.cbh26-digital-copy>p{
  color:#56636e!important;
}
.cbh26-highlight{color:var(--cb-green)!important}
.cbh26-proof{color:#6d7882!important}
.cbh26-proof span:before{box-shadow:0 0 0 5px rgba(69,209,154,.13)!important}

.cbh26-btn{
  min-height:52px!important;
  padding:0 27px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--cb-green),#438b82)!important;
  border:1px solid rgba(49,103,103,.18)!important;
  box-shadow:0 14px 34px rgba(49,103,103,.18)!important;
}
.cbh26-btn:before,.cbh26-btn:after{display:none!important}
.cbh26-btn:hover{
  transform:translateY(-3px) scale(1.01)!important;
  box-shadow:0 18px 42px rgba(49,103,103,.24)!important;
}
.cbh26-btn--ghost{
  color:var(--cb-deep)!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(49,103,103,.22)!important;
  box-shadow:0 12px 26px rgba(35,36,57,.07)!important;
}
.cbh26-btn__arrow{
  border-radius:50%!important;
  background:rgba(255,255,255,.2)!important;
}
.cbh26-btn--ghost .cbh26-btn__arrow{
  color:#fff!important;
  background:var(--cb-green)!important;
}

.cbh26-benefit-strip{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(49,103,103,.12)!important;
  box-shadow:0 20px 45px rgba(35,36,57,.08)!important;
}
.cbh26-benefit-strip article{border-right:1px solid rgba(35,36,57,.08)!important}
.cbh26-benefit-strip strong{color:var(--cb-green)!important}
.cbh26-benefit-strip span{color:#697580!important}

.cbh26-product__halo{
  background:radial-gradient(circle,rgba(69,209,154,.18),transparent 64%)!important;
}
.cbh26-desktop,
.cbh26-phone,
.cbh26-device{
  border-color:rgba(49,103,103,.22)!important;
  box-shadow:0 30px 65px rgba(35,36,57,.18)!important;
}
.cbh26-desktop{
  background:linear-gradient(160deg,#ffffff,#eff5f5)!important;
}
.cbh26-windowbar{border-bottom:1px solid rgba(35,36,57,.08)!important}
.cbh26-windowbar strong,
.cbh26-desktop section>small{color:#43505a!important}
.cbh26-desktop aside{border-right-color:rgba(35,36,57,.07)!important}
.cbh26-desktop aside b{background:rgba(49,103,103,.08)!important}
.cbh26-stats article,
.cbh26-automation{
  background:#fff!important;
  border-color:rgba(49,103,103,.1)!important;
  box-shadow:0 10px 28px rgba(35,36,57,.06);
}
.cbh26-stats span,
.cbh26-automation>span{color:#78838d!important}
.cbh26-stats strong{color:var(--cb-deep)!important}
.cbh26-automation li{
  color:#55616c!important;
  border-bottom-color:rgba(35,36,57,.06)!important;
}
.cbh26-phone{
  background:linear-gradient(160deg,#ffffff,#eef4f5)!important;
}
.cbh26-phone__top{color:var(--cb-deep)!important}
.cbh26-chat.incoming{background:#e8eff1!important;color:#2d3942!important}
.cbh26-chat.option{background:#fff!important;box-shadow:0 8px 20px rgba(35,36,57,.07)}
.cbh26-chat.outgoing{background:linear-gradient(135deg,var(--cb-green),#4b8d87)!important}
.cbh26-phone__input{background:#edf2f3!important;color:#87919a!important}

.cbh26-light{background:#f8fafb!important}
.cbh26-dark,
.cbh26-whatclick-detail,
.cbh26-digital-ads,
.cbh26-cta{
  background:
    radial-gradient(circle at 82% 25%,rgba(69,209,154,.12),transparent 30%),
    linear-gradient(135deg,#eef5f4,#f8fafb)!important;
  color:var(--cb-text)!important;
}
.cbh26-heading--light h2,
.cbh26-whatclick-detail h2,
.cbh26-digital-ads h2,
.cbh26-cta h2{
  color:var(--cb-deep)!important;
}
.cbh26-whatclick-detail p,
.cbh26-digital-ads p,
.cbh26-cta p{
  color:#65717c!important;
}
.cbh26-flow article,
.cbh26-live-panel,
.cbh26-campaign-panel,
.cbh26-process article{
  background:#fff!important;
  border-color:rgba(49,103,103,.11)!important;
  box-shadow:0 16px 38px rgba(35,36,57,.07)!important;
}
.cbh26-flow strong,
.cbh26-live-panel__feed strong,
.cbh26-live-panel__stats strong,
.cbh26-campaign-panel__top strong,
.cbh26-campaign-metrics strong,
.cbh26-process h3{
  color:var(--cb-deep)!important;
}
.cbh26-flow small,
.cbh26-live-panel__feed small,
.cbh26-live-panel__stats small,
.cbh26-campaign-metrics small,
.cbh26-process p{
  color:#71808b!important;
}
.cbh26-live-panel__feed>div,
.cbh26-live-panel__stats article,
.cbh26-campaign-metrics article{
  background:#f7fafb!important;
  border-color:rgba(35,36,57,.07)!important;
}
.cbh26-channel-list span{
  color:#4b5862!important;
  background:#fff!important;
  border-color:rgba(49,103,103,.12)!important;
}

.cbh26-service,
.cbh26-digital-card,
.cbh26-card{
  border-radius:28px!important;
}
.cbh26-service--featured{
  color:var(--cb-text)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(69,209,154,.16),transparent 34%),
    linear-gradient(145deg,#f2f8f7,#ffffff)!important;
  border-color:rgba(49,103,103,.22)!important;
}
.cbh26-service--featured h3{color:var(--cb-green)!important}
.cbh26-service--featured p,
.cbh26-service--featured li{color:#5f6c76!important}
.cbh26-service--featured>a{color:var(--cb-green)!important}

.cbh26-process:before{
  background:linear-gradient(90deg,transparent,rgba(49,103,103,.34),transparent)!important;
}
.cbh26-process article>span{
  background:#fff!important;
  box-shadow:0 0 0 10px #f0f5f5!important;
  color:var(--cb-green)!important;
}

.cbh26-footer{
  background:#eef4f4!important;
  border-top:1px solid rgba(49,103,103,.1)!important;
}
.cbh26-footer .cbh26-brand strong{color:var(--cb-deep)!important}
.cbh26-footer .cbh26-brand small,
.cbh26-footer p,
.cbh26-footer a,
.cbh26-footer span{color:#64717b!important}
.cbh26-footer h3{color:var(--cb-deep)!important}
.cbh26-footer__bottom{border-top-color:rgba(35,36,57,.08)!important}

.cbh26-scroll-cue{color:var(--cb-green)!important}
.cbh26-scroll-cue__mouse{
  border-color:rgba(49,103,103,.42)!important;
  background:rgba(255,255,255,.72)!important;
}
.cbh26-scroll-cue strong{color:#68747e!important}

.cbh26-scroll-rail{
  position:fixed;
  z-index:998;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  justify-items:center;
  gap:8px;
  padding:9px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(49,103,103,.14);
  box-shadow:0 16px 42px rgba(35,36,57,.13);
  backdrop-filter:blur(16px);
}
.cbh26-scroll-rail button{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:50%;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(135deg,var(--cb-green),#4b8f88);
  box-shadow:0 8px 20px rgba(49,103,103,.2);
  transition:.22s;
}
.cbh26-scroll-rail button:hover{
  transform:scale(1.08);
  box-shadow:0 11px 25px rgba(49,103,103,.3);
}
.cbh26-scroll-rail button span{
  color:#fff!important;
  font-size:17px!important;
  line-height:1!important;
}
.cbh26-scroll-rail__track{
  position:relative;
  width:4px;
  height:108px;
  border-radius:999px;
  background:#dfe8e8;
  overflow:hidden;
}
.cbh26-scroll-rail__track i{
  position:absolute;
  inset:auto 0 0;
  height:0%;
  border-radius:999px;
  background:linear-gradient(180deg,var(--cb-accent),var(--cb-green));
  transition:height .12s linear;
}

@media(max-width:820px){
  .cbh26-header .cbh26-nav{
    background:rgba(255,255,255,.98)!important;
    border-color:rgba(35,36,57,.1)!important;
    box-shadow:0 20px 50px rgba(35,36,57,.12);
  }
  .cbh26-scroll-rail{right:10px}
}
@media(max-width:560px){
  .cbh26-scroll-rail{
    top:auto;
    right:12px;
    bottom:14px;
    transform:none;
    grid-template-columns:auto 74px auto;
    padding:7px 8px;
  }
  .cbh26-scroll-rail__track{
    width:74px;
    height:4px;
  }
  .cbh26-scroll-rail__track i{
    inset:0 auto 0 0;
    width:0%;
    height:100%;
  }
  .cbh26-scroll-rail button{
    width:36px;
    height:36px;
  }
}


/* v0.8.0 - Modo automático según la configuración del dispositivo */
:root{color-scheme:light dark}

@media (prefers-color-scheme: dark){
  body.cbh26-page{background:#06131c!important;color:#f5f7f8!important}

  .cbh26-header{
    background:rgba(6,19,28,.88)!important;
    border-bottom-color:rgba(255,255,255,.08)!important;
    box-shadow:0 10px 35px rgba(0,0,0,.22)!important
  }
  .cbh26-header .cbh26-brand strong{color:#fff!important}
  .cbh26-header .cbh26-brand small{color:rgba(255,255,255,.62)!important}
  .cbh26-header .cbh26-nav a{color:rgba(255,255,255,.82)!important}
  .cbh26-header .cbh26-menu-btn{border-color:rgba(255,255,255,.16)!important}
  .cbh26-header .cbh26-menu-btn i{background:#fff!important}

  .cbh26-hero,.cbh26-digital-hero{
    background:
      radial-gradient(circle at 76% 25%,rgba(69,209,154,.13),transparent 31%),
      radial-gradient(circle at 18% 18%,rgba(49,103,103,.18),transparent 28%),
      radial-gradient(circle at 88% 72%,rgba(93,116,255,.12),transparent 26%),
      linear-gradient(135deg,#050d15 0%,#07141d 52%,#11152a 100%)!important
  }
  #cbh26-particles{opacity:.56!important}
  .cbh26-glow{opacity:.28!important}

  .cbh26-hero__copy h1,.cbh26-digital-copy h1{color:#fff!important}
  .cbh26-hero__copy h1 span,.cbh26-digital-copy h1 span{color:#5cd8ae!important}
  .cbh26-lead,.cbh26-digital-copy>p{color:rgba(255,255,255,.74)!important}
  .cbh26-highlight{color:#5cd8ae!important}
  .cbh26-proof{color:rgba(255,255,255,.62)!important}

  .cbh26-btn{
    color:#fff!important;
    background:linear-gradient(135deg,#2f6f6f,#45a391)!important;
    border-color:rgba(255,255,255,.12)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.2)!important
  }
  .cbh26-btn--ghost{
    color:#fff!important;
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(255,255,255,.22)!important;
    box-shadow:none!important
  }
  .cbh26-btn--ghost .cbh26-btn__arrow{background:rgba(255,255,255,.16)!important}

  .cbh26-benefit-strip{
    background:rgba(5,17,26,.72)!important;
    border-color:rgba(255,255,255,.09)!important;
    box-shadow:0 20px 50px rgba(0,0,0,.22)!important
  }
  .cbh26-benefit-strip article{border-right-color:rgba(255,255,255,.07)!important}
  .cbh26-benefit-strip span{color:rgba(255,255,255,.62)!important}

  .cbh26-desktop{
    background:linear-gradient(160deg,#0a1724,#0b1d31)!important;
    border-color:rgba(69,209,154,.22)!important;
    box-shadow:0 35px 75px rgba(0,0,0,.38)!important
  }
  .cbh26-windowbar{border-bottom-color:rgba(255,255,255,.07)!important}
  .cbh26-windowbar strong,.cbh26-desktop section>small{color:rgba(255,255,255,.62)!important}
  .cbh26-desktop aside{border-right-color:rgba(255,255,255,.07)!important}
  .cbh26-desktop aside b{background:rgba(255,255,255,.07)!important}
  .cbh26-stats article,.cbh26-automation{
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:none!important
  }
  .cbh26-stats span,.cbh26-automation>span{color:rgba(255,255,255,.52)!important}
  .cbh26-stats strong{color:#fff!important}
  .cbh26-automation li{color:rgba(255,255,255,.72)!important;border-bottom-color:rgba(255,255,255,.05)!important}

  .cbh26-phone{
    background:linear-gradient(160deg,#0b1a29,#09131f)!important;
    border-color:rgba(84,208,255,.36)!important;
    box-shadow:0 35px 75px rgba(0,0,0,.46)!important
  }
  .cbh26-phone__top{color:#fff!important}
  .cbh26-chat.incoming{background:#263748!important;color:#fff!important}
  .cbh26-chat.option{background:rgba(255,255,255,.9)!important;color:#14212a!important}
  .cbh26-phone__input{background:rgba(255,255,255,.07)!important;color:rgba(255,255,255,.45)!important}

  .cbh26-light{background:#0b1720!important;color:#f5f7f8!important}
  .cbh26-dark,.cbh26-whatclick-detail,.cbh26-digital-ads,.cbh26-cta{
    background:
      radial-gradient(circle at 82% 25%,rgba(69,209,154,.10),transparent 30%),
      linear-gradient(135deg,#081721,#11182b)!important;
    color:#fff!important
  }

  .cbh26-heading h2,.cbh26-heading--light h2,.cbh26-whatclick-detail h2,
  .cbh26-digital-ads h2,.cbh26-cta h2{color:#fff!important}
  .cbh26-heading p,.cbh26-whatclick-detail p,.cbh26-digital-ads p,.cbh26-cta p{
    color:rgba(255,255,255,.64)!important
  }

  .cbh26-card,.cbh26-service,.cbh26-digital-card{
    background:#0f1d26!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.2)!important
  }
  .cbh26-card h3,.cbh26-service h3,.cbh26-digital-card h3{color:#75d8bd!important}
  .cbh26-card p,.cbh26-service p,.cbh26-digital-card p,.cbh26-service li{
    color:rgba(255,255,255,.64)!important
  }
  .cbh26-service__tag{color:#75d8bd!important;background:rgba(69,209,154,.08)!important}
  .cbh26-service>a,.cbh26-digital-card a{color:#75d8bd!important}

  .cbh26-service--featured{
    background:
      radial-gradient(circle at 90% 10%,rgba(69,209,154,.14),transparent 34%),
      linear-gradient(145deg,#0d1d25,#102936)!important;
    border-color:rgba(69,209,154,.22)!important
  }
  .cbh26-service--featured h3{color:#fff!important}
  .cbh26-service--featured p,.cbh26-service--featured li{color:rgba(255,255,255,.68)!important}

  .cbh26-flow article,.cbh26-live-panel,.cbh26-campaign-panel{
    background:#0a1821!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.22)!important
  }
  .cbh26-flow strong,.cbh26-live-panel__feed strong,.cbh26-live-panel__stats strong,
  .cbh26-campaign-panel__top strong,.cbh26-campaign-metrics strong{color:#fff!important}
  .cbh26-flow small,.cbh26-live-panel__feed small,.cbh26-live-panel__stats small,
  .cbh26-campaign-metrics small{color:rgba(255,255,255,.52)!important}
  .cbh26-live-panel__feed>div,.cbh26-live-panel__stats article,.cbh26-campaign-metrics article{
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(255,255,255,.06)!important
  }

  .cbh26-channel-list span{
    color:rgba(255,255,255,.72)!important;
    background:rgba(255,255,255,.04)!important;
    border-color:rgba(255,255,255,.08)!important
  }

  .cbh26-process article{background:transparent!important;box-shadow:none!important}
  .cbh26-process h3{color:#fff!important}
  .cbh26-process p{color:rgba(255,255,255,.58)!important}
  .cbh26-process article>span{
    background:#0c2230!important;
    color:#5cd8ae!important;
    box-shadow:0 0 0 10px #0a1821!important
  }

  .cbh26-footer{background:#050e16!important;border-top-color:rgba(255,255,255,.07)!important}
  .cbh26-footer .cbh26-brand strong{color:#fff!important}
  .cbh26-footer .cbh26-brand small,.cbh26-footer p,.cbh26-footer a,.cbh26-footer span{
    color:rgba(255,255,255,.56)!important
  }
  .cbh26-footer h3{color:#fff!important}
  .cbh26-footer__bottom{border-top-color:rgba(255,255,255,.07)!important}

  .cbh26-scroll-cue__mouse{
    border-color:rgba(255,255,255,.34)!important;
    background:rgba(255,255,255,.035)!important
  }
  .cbh26-scroll-cue strong{color:rgba(255,255,255,.52)!important}

  .cbh26-scroll-rail{
    background:rgba(7,20,29,.84)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.3)!important
  }
  .cbh26-scroll-rail__track{background:rgba(255,255,255,.1)!important}

  .cbh26-device{
    background:linear-gradient(160deg,#0a1724,#0a1f34)!important;
    border-color:rgba(90,205,255,.25)!important;
    box-shadow:0 35px 80px rgba(0,0,0,.38)!important
  }
  .cbh26-ui-sidebar{background:rgba(255,255,255,.05)!important}
  .cbh26-ui-content>strong{background:rgba(255,255,255,.14)!important}
  .cbh26-ui-content>em{background:rgba(255,255,255,.06)!important}

  @media(max-width:820px){
    .cbh26-header .cbh26-nav{
      background:rgba(6,19,28,.98)!important;
      border-color:rgba(255,255,255,.08)!important;
      box-shadow:0 20px 50px rgba(0,0,0,.3)!important
    }
  }
}


/* v0.9.0 - Header, footer, redes sociales e Instagram */

.cbh26-header{
  overflow:visible!important;
}
.cbh26-header__accent{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--cb-green,#316767),var(--cb-accent,#45d19a),transparent);
  opacity:.75;
}
.cbh26-header__inner{
  position:relative;
}
.cbh26-brand img{
  transition:transform .3s ease,box-shadow .3s ease;
}
.cbh26-brand:hover img{
  transform:rotate(-4deg) scale(1.05);
  box-shadow:0 10px 28px rgba(49,103,103,.18);
}

.cbh26-socials{
  display:flex;
  align-items:center;
  gap:8px;
}
.cbh26-socials a{
  display:grid!important;
  place-items:center;
  width:38px;
  height:38px;
  margin:0!important;
  border-radius:50%;
  color:var(--cb-green,#316767)!important;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(49,103,103,.12);
  box-shadow:0 8px 22px rgba(35,36,57,.06);
  transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
.cbh26-socials a:hover{
  transform:translateY(-3px) rotate(4deg);
  color:#fff!important;
  background:linear-gradient(135deg,var(--cb-green,#316767),var(--cb-accent,#45d19a));
  box-shadow:0 12px 26px rgba(49,103,103,.22);
}
.cbh26-socials svg{
  width:17px;
  height:17px;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.7;
}
.cbh26-socials svg .play{
  fill:#fff;
  stroke:none;
}
.cbh26-socials--header{
  margin-left:2px;
}
.cbh26-socials--header a{
  width:34px;
  height:34px;
  box-shadow:none;
  background:rgba(49,103,103,.06);
}

.cbh26-instagram{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 20%,rgba(69,209,154,.09),transparent 28%),
    radial-gradient(circle at 90% 80%,rgba(109,92,255,.07),transparent 27%),
    linear-gradient(180deg,#fff,#f5f8f9);
}
.cbh26-instagram:before{
  content:"";
  position:absolute;
  left:-8%;
  top:12%;
  width:300px;
  height:300px;
  border-radius:50%;
  border:1px solid rgba(49,103,103,.08);
  box-shadow:0 0 0 40px rgba(49,103,103,.025),0 0 0 90px rgba(49,103,103,.018);
}
.cbh26-instagram__head{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:35px;
  margin-bottom:42px;
}
.cbh26-instagram__head h2{
  max-width:760px;
  margin:12px 0 8px!important;
  color:var(--cb-deep,#232439)!important;
  font:700 clamp(32px,4vw,50px)/1.1 Poppins,sans-serif!important;
  letter-spacing:-.035em!important;
  background:none!important;
}
.cbh26-instagram__head p{
  margin:0!important;
  color:#68747e!important;
  font-size:16px!important;
}

.cbh26-instagram-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.cbh26-instagram-card{
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(49,103,103,.1);
  box-shadow:0 18px 42px rgba(35,36,57,.07);
  transition:transform .28s ease,box-shadow .28s ease;
}
.cbh26-instagram-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 58px rgba(35,36,57,.13);
}
.cbh26-instagram-card__visual{
  position:relative;
  min-height:210px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 25%,rgba(109,92,255,.25),transparent 30%),
    radial-gradient(circle at 25% 75%,rgba(69,209,154,.28),transparent 32%),
    linear-gradient(135deg,#203b46,#232439);
}
.cbh26-instagram-card__visual:after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:34px;
  transform:rotate(22deg);
}
.cbh26-instagram-card__number{
  position:absolute;
  left:18px;
  top:16px;
  color:rgba(255,255,255,.52)!important;
  font:700 13px Poppins,sans-serif!important;
}
.cbh26-instagram-card__icon{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  border-radius:24px;
  color:#fff;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
}
.cbh26-instagram-card__icon svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
.cbh26-instagram-card__body{
  padding:24px;
}
.cbh26-instagram-card__body strong{
  color:var(--cb-deep,#232439)!important;
  font:700 18px Poppins,sans-serif!important;
}
.cbh26-instagram-card__body p{
  min-height:48px;
  color:#68747e!important;
  font-size:13px!important;
  line-height:1.65!important;
}
.cbh26-instagram-card__body a{
  color:var(--cb-green,#316767)!important;
  font-size:13px!important;
  font-weight:800!important;
}

.cbh26-instagram-empty{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:20px;
  padding:28px;
  border-radius:28px;
  border:1px dashed rgba(49,103,103,.25);
  background:rgba(255,255,255,.7);
}
.cbh26-instagram-empty__icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(135deg,#7057ff,#45d19a);
}
.cbh26-instagram-empty__icon svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
.cbh26-instagram-empty strong{
  color:var(--cb-deep,#232439)!important;
  font:700 18px Poppins,sans-serif!important;
}
.cbh26-instagram-empty p{
  margin:5px 0 0!important;
  color:#6d7983!important;
  font-size:13px!important;
}

.cbh26-footer{
  position:relative;
  overflow:hidden;
  padding:78px 0 26px!important;
  background:
    radial-gradient(circle at 8% 10%,rgba(69,209,154,.13),transparent 25%),
    linear-gradient(145deg,#eef5f4,#f8fafb)!important;
}
.cbh26-footer__glow{
  position:absolute;
  right:-120px;
  top:-140px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:rgba(49,103,103,.08);
  filter:blur(10px);
  box-shadow:0 0 0 60px rgba(49,103,103,.025),0 0 0 120px rgba(49,103,103,.015);
}
.cbh26-footer__top{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.15fr 1.85fr;
  gap:70px;
}
.cbh26-footer__brand-column p{
  max-width:470px!important;
  margin:20px 0 24px!important;
  color:#65717b!important;
  line-height:1.75!important;
}
.cbh26-brand--footer img{
  width:62px!important;
  height:62px!important;
}
.cbh26-brand--footer strong{
  font-size:23px!important;
}
.cbh26-footer__links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
}
.cbh26-footer__links h3{
  margin:5px 0 18px!important;
  color:var(--cb-deep,#232439)!important;
  font:700 14px Poppins,sans-serif!important;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cbh26-footer__links a,
.cbh26-footer__links span{
  display:block;
  margin-bottom:11px!important;
  color:#65717b!important;
  font-size:13px!important;
  transition:transform .2s ease,color .2s ease;
}
.cbh26-footer__links a:hover{
  transform:translateX(4px);
  color:var(--cb-green,#316767)!important;
}

.cbh26-footer__cta{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:35px;
  margin-top:50px;
  padding:28px 30px;
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 35%,rgba(69,209,154,.22),transparent 31%),
    linear-gradient(135deg,#232439,#244850);
  box-shadow:0 22px 52px rgba(35,36,57,.16);
}
.cbh26-footer__cta strong{
  display:block;
  margin-top:7px;
  color:#fff!important;
  font:700 clamp(22px,2.8vw,34px)/1.15 Poppins,sans-serif!important;
}
.cbh26-footer__bottom{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:25px;
  margin-top:28px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(35,36,57,.08)!important;
}

@media(prefers-color-scheme:dark){
  .cbh26-socials a{
    color:#75d8bd!important;
    background:rgba(255,255,255,.04);
    border-color:rgba(255,255,255,.08);
    box-shadow:none;
  }
  .cbh26-instagram{
    background:
      radial-gradient(circle at 15% 20%,rgba(69,209,154,.08),transparent 28%),
      radial-gradient(circle at 90% 80%,rgba(109,92,255,.08),transparent 27%),
      linear-gradient(180deg,#0b1720,#08131c)!important;
  }
  .cbh26-instagram__head h2{color:#fff!important}
  .cbh26-instagram__head p{color:rgba(255,255,255,.58)!important}
  .cbh26-instagram-card{
    background:#0f1d26;
    border-color:rgba(255,255,255,.07);
    box-shadow:0 18px 42px rgba(0,0,0,.22);
  }
  .cbh26-instagram-card__body strong{color:#fff!important}
  .cbh26-instagram-card__body p{color:rgba(255,255,255,.56)!important}
  .cbh26-instagram-card__body a{color:#75d8bd!important}
  .cbh26-instagram-empty{
    background:rgba(255,255,255,.03);
    border-color:rgba(255,255,255,.1);
  }
  .cbh26-instagram-empty strong{color:#fff!important}
  .cbh26-instagram-empty p{color:rgba(255,255,255,.55)!important}

  .cbh26-footer{
    background:
      radial-gradient(circle at 8% 10%,rgba(69,209,154,.1),transparent 25%),
      linear-gradient(145deg,#050e16,#091720)!important;
  }
  .cbh26-footer__brand-column p,
  .cbh26-footer__links a,
  .cbh26-footer__links span{
    color:rgba(255,255,255,.56)!important;
  }
  .cbh26-footer__links h3{color:#fff!important}
  .cbh26-footer__bottom{border-top-color:rgba(255,255,255,.07)!important}
}

@media(max-width:1150px){
  .cbh26-socials--header{display:none}
}
@media(max-width:900px){
  .cbh26-instagram-grid{grid-template-columns:repeat(2,1fr)}
  .cbh26-footer__top{grid-template-columns:1fr}
}
@media(max-width:700px){
  .cbh26-instagram__head{align-items:flex-start;flex-direction:column}
  .cbh26-instagram-grid{grid-template-columns:1fr}
  .cbh26-footer__links{grid-template-columns:1fr 1fr}
  .cbh26-footer__cta{align-items:flex-start;flex-direction:column}
  .cbh26-footer__bottom{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){
  .cbh26-footer__links{grid-template-columns:1fr}
}


/* v1.0.0 Desarrollo Digital */
.cbh26-dd-dashboard,.cbh26-dd-marketing-panel,.cbh26-dd-brandboard{border-radius:28px;background:#fff;border:1px solid rgba(49,103,103,.12);box-shadow:0 28px 70px rgba(35,36,57,.1)}
.cbh26-dd-dashboard{padding:24px}.cbh26-dd-top{display:flex;justify-content:space-between;border-bottom:1px solid rgba(35,36,57,.08);padding-bottom:16px}.cbh26-dd-top strong{color:#232439!important}.cbh26-dd-top span{color:#316767!important;font-size:10px!important;font-weight:800!important}
.cbh26-dd-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.cbh26-dd-metrics article{padding:16px;border-radius:16px;background:#f5f8f8}.cbh26-dd-metrics small{display:block;color:#75808a!important}.cbh26-dd-metrics strong{display:block;margin-top:6px;color:#232439!important;font:700 24px Poppins,sans-serif!important}
.cbh26-dd-chart{height:180px;border-radius:18px;background:#f5f8f8;overflow:hidden}.cbh26-dd-chart i{display:block;width:100%;height:100%;background:linear-gradient(180deg,rgba(69,209,154,.35),transparent);clip-path:polygon(0 84%,14% 64%,27% 72%,42% 42%,55% 54%,68% 22%,83% 34%,100% 8%,100% 100%,0 100%)}
.cbh26-dd-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.cbh26-dd-tags span{padding:8px 11px;border-radius:999px;background:rgba(49,103,103,.08);color:#316767!important;font-size:10px!important;font-weight:800!important}
.cbh26-dd-services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cbh26-dd-card{position:relative;min-height:390px;padding:28px 28px 72px;border-radius:26px;background:#fff;border:1px solid #dce4e7;box-shadow:0 16px 35px rgba(21,32,42,.06);transition:.25s}.cbh26-dd-card:hover{transform:translateY(-8px);box-shadow:0 26px 52px rgba(21,32,42,.12)}
.cbh26-dd-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(49,103,103,.1);color:#316767!important;font-weight:800!important}.cbh26-dd-card h3{color:#316767!important;font:700 20px Poppins,sans-serif!important;background:none!important}.cbh26-dd-card p{color:#65717c!important;font-size:14px!important;line-height:1.65!important}.cbh26-dd-card ul{padding:0;list-style:none}.cbh26-dd-card li{padding:4px 0;color:#65717c;font-size:12px}.cbh26-dd-card li:before{content:"✓";margin-right:7px;color:#45d19a;font-weight:900}.cbh26-dd-card a{position:absolute;left:28px;bottom:24px;color:#316767!important;font-weight:800!important;font-size:13px!important}
.cbh26-dd-branding{background:radial-gradient(circle at 82% 30%,rgba(69,209,154,.12),transparent 30%),linear-gradient(135deg,#f2f7f6,#fff)}.cbh26-dd-branding-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.cbh26-dd-branding h2{color:#232439!important;font:700 clamp(34px,4vw,52px)/1.1 Poppins,sans-serif!important;background:none!important}.cbh26-dd-branding p{color:#64717c!important;font-size:17px!important;line-height:1.7!important}
.cbh26-dd-points{display:grid;gap:12px}.cbh26-dd-points article{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:15px;border-radius:17px;background:#fff;border:1px solid rgba(49,103,103,.1)}.cbh26-dd-points article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(49,103,103,.1);color:#316767!important;font-weight:800!important}.cbh26-dd-points strong,.cbh26-dd-points small{display:block}.cbh26-dd-points strong{color:#232439!important}.cbh26-dd-points small{color:#75808a!important}
.cbh26-dd-brandboard{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px}.cbh26-dd-brandboard>div{padding:22px;border-radius:20px;background:#f5f8f8}.cbh26-dd-brandboard .logo{grid-row:span 2;display:grid;place-items:center}.cbh26-dd-brandboard .logo img{width:150px;height:150px;border-radius:50%}.cbh26-dd-brandboard .colors{display:flex;gap:8px}.cbh26-dd-brandboard .colors i{width:42px;height:42px;border-radius:13px;background:#316767}.cbh26-dd-brandboard .colors i:nth-child(2){background:#232439}.cbh26-dd-brandboard .colors i:nth-child(3){background:#45d19a}.cbh26-dd-brandboard .colors i:nth-child(4){background:#d7d9dd}.cbh26-dd-brandboard .type strong{display:block;color:#232439!important;font:700 46px Poppins,sans-serif!important}.cbh26-dd-brandboard .type span{color:#75808a!important;font-size:12px!important}
.cbh26-dd-marketing{background:linear-gradient(135deg,#07141d,#11182b)}.cbh26-dd-marketing-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.cbh26-dd-marketing-panel{padding:24px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);box-shadow:0 25px 65px rgba(0,0,0,.2)}.cbh26-dd-marketing-panel .cbh26-dd-metrics article{background:rgba(255,255,255,.04)}.cbh26-dd-marketing-panel .cbh26-dd-metrics small{color:rgba(255,255,255,.52)!important}.cbh26-dd-marketing-panel .cbh26-dd-metrics strong{color:#fff!important}.cbh26-dd-marketing-panel .cbh26-dd-chart{background:rgba(255,255,255,.03)}
.cbh26-dd-marketing-copy{display:grid;gap:12px}.cbh26-dd-marketing-copy article{padding:20px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}.cbh26-dd-marketing-copy strong{color:#45d19a!important}.cbh26-dd-marketing-copy p{color:rgba(255,255,255,.62)!important;font-size:13px!important;line-height:1.65!important}
@media(prefers-color-scheme:dark){.cbh26-dd-dashboard,.cbh26-dd-card,.cbh26-dd-brandboard{background:#0f1d26;border-color:rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.2)}.cbh26-dd-top strong,.cbh26-dd-metrics strong,.cbh26-dd-points strong,.cbh26-dd-brandboard .type strong{color:#fff!important}.cbh26-dd-metrics article,.cbh26-dd-chart,.cbh26-dd-brandboard>div{background:rgba(255,255,255,.04)}.cbh26-dd-card h3,.cbh26-dd-card a{color:#75d8bd!important}.cbh26-dd-card p,.cbh26-dd-card li{color:rgba(255,255,255,.62)!important}.cbh26-dd-branding{background:linear-gradient(135deg,#0b1720,#08131c)}.cbh26-dd-branding h2{color:#fff!important}.cbh26-dd-branding p,.cbh26-dd-points small{color:rgba(255,255,255,.56)!important}.cbh26-dd-points article{background:#0f1d26;border-color:rgba(255,255,255,.07)}}
@media(max-width:1200px){.cbh26-dd-services{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.cbh26-dd-branding-grid,.cbh26-dd-marketing-grid{grid-template-columns:1fr}}@media(max-width:600px){.cbh26-dd-services{grid-template-columns:1fr}.cbh26-dd-metrics{grid-template-columns:1fr}.cbh26-dd-brandboard{grid-template-columns:1fr}.cbh26-dd-brandboard .logo{grid-row:auto}}


/* v1.0.1 diagnostic badge visible only to logged-in administrators */
.cbh26-version-badge{
  position:fixed;
  z-index:99999;
  left:14px;
  bottom:14px;
  padding:7px 11px;
  border-radius:999px;
  background:#232439;
  color:#fff!important;
  font:600 11px/1 Inter,sans-serif;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  opacity:.88;
}


/* v1.0.3 - Menú diferenciado: secciones vs páginas independientes */
.cbh26-nav{
  align-items:center;
}
.cbh26-nav__scroll{
  position:relative;
}
.cbh26-nav__scroll:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#316767,#45d19a);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
.cbh26-nav__scroll:hover:before{
  transform:scaleX(1);
}

.cbh26-nav-dropdown{
  position:relative;
}
.cbh26-nav-dropdown__toggle{
  display:flex;
  align-items:center;
  gap:7px;
  padding:0;
  border:0;
  background:transparent;
  color:#46515c;
  font:700 14px Inter,sans-serif;
  cursor:pointer;
}
.cbh26-nav-dropdown__toggle span{
  display:inline-block;
  color:inherit!important;
  transition:transform .2s ease;
}
.cbh26-nav-dropdown.open .cbh26-nav-dropdown__toggle span{
  transform:rotate(180deg);
}
.cbh26-nav-dropdown__toggle.is-current{
  color:#316767!important;
}

.cbh26-nav-dropdown__menu{
  position:absolute;
  z-index:1200;
  top:calc(100% + 18px);
  right:0;
  width:310px;
  padding:10px;
  border-radius:20px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(49,103,103,.12);
  box-shadow:0 24px 60px rgba(35,36,57,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  transition:.22s ease;
}
.cbh26-nav-dropdown.open .cbh26-nav-dropdown__menu{
  opacity:1;
  visibility:visible;
  transform:none;
}
.cbh26-nav-dropdown__menu a{
  display:block!important;
  padding:15px 16px!important;
  border-radius:14px;
  color:#232439!important;
  background:transparent;
  transition:.2s;
}
.cbh26-nav-dropdown__menu a:hover,
.cbh26-nav-dropdown__menu a.is-current{
  background:linear-gradient(135deg,rgba(49,103,103,.09),rgba(69,209,154,.08));
}
.cbh26-nav-dropdown__menu strong,
.cbh26-nav-dropdown__menu small{
  display:block;
}
.cbh26-nav-dropdown__menu strong{
  color:#232439!important;
  font-size:14px!important;
}
.cbh26-nav-dropdown__menu small{
  margin-top:4px;
  color:#74808a!important;
  font-size:11px!important;
  line-height:1.45;
}

@media(prefers-color-scheme:dark){
  .cbh26-nav-dropdown__toggle{
    color:rgba(255,255,255,.82);
  }
  .cbh26-nav-dropdown__toggle.is-current{
    color:#75d8bd!important;
  }
  .cbh26-nav-dropdown__menu{
    background:rgba(9,23,32,.98);
    border-color:rgba(255,255,255,.08);
    box-shadow:0 24px 60px rgba(0,0,0,.35);
  }
  .cbh26-nav-dropdown__menu a,
  .cbh26-nav-dropdown__menu strong{
    color:#fff!important;
  }
  .cbh26-nav-dropdown__menu small{
    color:rgba(255,255,255,.54)!important;
  }
}

@media(max-width:820px){
  .cbh26-nav-dropdown{
    width:100%;
  }
  .cbh26-nav-dropdown__toggle{
    width:100%;
    justify-content:space-between;
    color:inherit;
  }
  .cbh26-nav-dropdown__menu{
    position:static;
    width:100%;
    margin-top:8px;
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
  }
  .cbh26-nav-dropdown.open .cbh26-nav-dropdown__menu{
    display:block;
  }
}


/* v1.0.4 - Sistema de contraste corregido
   Regla: modo claro = texto oscuro en fondos claros.
          modo oscuro = texto claro en fondos oscuros. */

/* ---------- MODO CLARO ---------- */

/* Secciones claras */
.cbh26-light,
.cbh26-whatclick-detail,
.cbh26-digital-ads,
.cbh26-dd-branding,
.cbh26-branding-section,
.cbh26-cta{
  color:#1f2933!important;
}

.cbh26-light h1,.cbh26-light h2,.cbh26-light h3,
.cbh26-whatclick-detail h1,.cbh26-whatclick-detail h2,.cbh26-whatclick-detail h3,
.cbh26-digital-ads h1,.cbh26-digital-ads h2,.cbh26-digital-ads h3,
.cbh26-dd-branding h1,.cbh26-dd-branding h2,.cbh26-dd-branding h3,
.cbh26-branding-section h1,.cbh26-branding-section h2,.cbh26-branding-section h3,
.cbh26-cta h1,.cbh26-cta h2,.cbh26-cta h3{
  color:#232439!important;
  -webkit-text-fill-color:#232439!important;
  background:none!important;
}

.cbh26-light p,.cbh26-light li,.cbh26-light small,
.cbh26-whatclick-detail p,.cbh26-whatclick-detail li,.cbh26-whatclick-detail small,
.cbh26-digital-ads p,.cbh26-digital-ads li,.cbh26-digital-ads small,
.cbh26-dd-branding p,.cbh26-dd-branding li,.cbh26-dd-branding small,
.cbh26-branding-section p,.cbh26-branding-section li,.cbh26-branding-section small,
.cbh26-cta p,.cbh26-cta li,.cbh26-cta small{
  color:#66727c!important;
  -webkit-text-fill-color:#66727c!important;
}

/* Elementos internos claros */
.cbh26-flow article,
.cbh26-live-panel,
.cbh26-live-panel__feed>div,
.cbh26-live-panel__stats article,
.cbh26-campaign-panel,
.cbh26-campaign-metrics article{
  color:#1f2933!important;
  background:#ffffff!important;
  border-color:rgba(49,103,103,.10)!important;
}

.cbh26-flow strong,
.cbh26-live-panel strong,
.cbh26-live-panel__feed strong,
.cbh26-live-panel__stats strong,
.cbh26-campaign-panel strong,
.cbh26-campaign-metrics strong{
  color:#232439!important;
  -webkit-text-fill-color:#232439!important;
}

.cbh26-flow small,
.cbh26-live-panel small,
.cbh26-live-panel__feed small,
.cbh26-live-panel__stats small,
.cbh26-campaign-panel small,
.cbh26-campaign-metrics small{
  color:#6c7882!important;
  -webkit-text-fill-color:#6c7882!important;
}

/* Hero/dashboard claros */
.cbh26-desktop,
.cbh26-phone{
  color:#1f2933!important;
}
.cbh26-desktop strong,.cbh26-desktop h1,.cbh26-desktop h2,.cbh26-desktop h3{
  color:#232439!important;
  -webkit-text-fill-color:#232439!important;
}
.cbh26-desktop small,.cbh26-desktop p,.cbh26-desktop li{
  color:#6d7882!important;
  -webkit-text-fill-color:#6d7882!important;
}
.cbh26-phone__top{
  color:#232439!important;
  -webkit-text-fill-color:#232439!important;
}
.cbh26-phone .cbh26-chat.incoming{
  color:#2f3a43!important;
  -webkit-text-fill-color:#2f3a43!important;
}
.cbh26-phone .cbh26-chat.option{
  color:#14212a!important;
  -webkit-text-fill-color:#14212a!important;
}
.cbh26-phone .cbh26-chat.outgoing{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Secciones que sí permanecen oscuras en modo claro */
.cbh26-dark,
.cbh26-whatclick,
.cbh26-dd-marketing,
.cbh26-marketing-section,
.cbh26-footer__cta{
  color:#ffffff!important;
}

.cbh26-dark h1,.cbh26-dark h2,.cbh26-dark h3,
.cbh26-whatclick h1,.cbh26-whatclick h2,.cbh26-whatclick h3,
.cbh26-dd-marketing h1,.cbh26-dd-marketing h2,.cbh26-dd-marketing h3,
.cbh26-marketing-section h1,.cbh26-marketing-section h2,.cbh26-marketing-section h3,
.cbh26-footer__cta h1,.cbh26-footer__cta h2,.cbh26-footer__cta h3,.cbh26-footer__cta strong{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:none!important;
}

.cbh26-dark p,.cbh26-dark li,.cbh26-dark small,
.cbh26-whatclick p,.cbh26-whatclick li,.cbh26-whatclick small,
.cbh26-dd-marketing p,.cbh26-dd-marketing li,.cbh26-dd-marketing small,
.cbh26-marketing-section p,.cbh26-marketing-section li,.cbh26-marketing-section small,
.cbh26-footer__cta p,.cbh26-footer__cta small{
  color:rgba(255,255,255,.72)!important;
  -webkit-text-fill-color:rgba(255,255,255,.72)!important;
}

/* Kicker/acento */
.cbh26-kicker{
  color:#45d19a!important;
  -webkit-text-fill-color:#45d19a!important;
}

/* ---------- MODO OSCURO ---------- */
@media(prefers-color-scheme:dark){

  /* Cualquier sección principal que cambie a fondo oscuro debe usar texto claro */
  .cbh26-light,
  .cbh26-whatclick-detail,
  .cbh26-digital-ads,
  .cbh26-dd-branding,
  .cbh26-branding-section,
  .cbh26-cta,
  .cbh26-dark,
  .cbh26-whatclick,
  .cbh26-dd-marketing,
  .cbh26-marketing-section{
    color:#f7fafb!important;
  }

  .cbh26-light h1,.cbh26-light h2,.cbh26-light h3,
  .cbh26-whatclick-detail h1,.cbh26-whatclick-detail h2,.cbh26-whatclick-detail h3,
  .cbh26-digital-ads h1,.cbh26-digital-ads h2,.cbh26-digital-ads h3,
  .cbh26-dd-branding h1,.cbh26-dd-branding h2,.cbh26-dd-branding h3,
  .cbh26-branding-section h1,.cbh26-branding-section h2,.cbh26-branding-section h3,
  .cbh26-cta h1,.cbh26-cta h2,.cbh26-cta h3,
  .cbh26-dark h1,.cbh26-dark h2,.cbh26-dark h3,
  .cbh26-whatclick h1,.cbh26-whatclick h2,.cbh26-whatclick h3,
  .cbh26-dd-marketing h1,.cbh26-dd-marketing h2,.cbh26-dd-marketing h3,
  .cbh26-marketing-section h1,.cbh26-marketing-section h2,.cbh26-marketing-section h3{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    background:none!important;
  }

  .cbh26-light p,.cbh26-light li,.cbh26-light small,
  .cbh26-whatclick-detail p,.cbh26-whatclick-detail li,.cbh26-whatclick-detail small,
  .cbh26-digital-ads p,.cbh26-digital-ads li,.cbh26-digital-ads small,
  .cbh26-dd-branding p,.cbh26-dd-branding li,.cbh26-dd-branding small,
  .cbh26-branding-section p,.cbh26-branding-section li,.cbh26-branding-section small,
  .cbh26-cta p,.cbh26-cta li,.cbh26-cta small,
  .cbh26-dark p,.cbh26-dark li,.cbh26-dark small,
  .cbh26-whatclick p,.cbh26-whatclick li,.cbh26-whatclick small,
  .cbh26-dd-marketing p,.cbh26-dd-marketing li,.cbh26-dd-marketing small,
  .cbh26-marketing-section p,.cbh26-marketing-section li,.cbh26-marketing-section small{
    color:rgba(255,255,255,.72)!important;
    -webkit-text-fill-color:rgba(255,255,255,.72)!important;
  }

  /* Tarjetas y paneles en modo oscuro */
  .cbh26-flow article,
  .cbh26-live-panel,
  .cbh26-live-panel__feed>div,
  .cbh26-live-panel__stats article,
  .cbh26-campaign-panel,
  .cbh26-campaign-metrics article{
    background:#0f1d26!important;
    border-color:rgba(255,255,255,.08)!important;
    color:#ffffff!important;
  }

  .cbh26-flow strong,
  .cbh26-live-panel strong,
  .cbh26-live-panel__feed strong,
  .cbh26-live-panel__stats strong,
  .cbh26-campaign-panel strong,
  .cbh26-campaign-metrics strong{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }

  .cbh26-flow small,
  .cbh26-live-panel small,
  .cbh26-live-panel__feed small,
  .cbh26-live-panel__stats small,
  .cbh26-campaign-panel small,
  .cbh26-campaign-metrics small{
    color:rgba(255,255,255,.58)!important;
    -webkit-text-fill-color:rgba(255,255,255,.58)!important;
  }

  .cbh26-desktop,
  .cbh26-phone{
    color:#ffffff!important;
  }
  .cbh26-desktop strong,.cbh26-desktop h1,.cbh26-desktop h2,.cbh26-desktop h3,
  .cbh26-phone__top{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }
  .cbh26-desktop small,.cbh26-desktop p,.cbh26-desktop li{
    color:rgba(255,255,255,.62)!important;
    -webkit-text-fill-color:rgba(255,255,255,.62)!important;
  }

  .cbh26-kicker{
    color:#62e0bc!important;
    -webkit-text-fill-color:#62e0bc!important;
  }
}


/* v1.0.5 - Corrección definitiva de secciones oscuras */

/* Las secciones marcadas como oscuras deben verse oscuras también en modo claro */
body.cbh26-page .cbh26-dark{
  background:
    radial-gradient(circle at 82% 25%,rgba(69,209,154,.10),transparent 30%),
    linear-gradient(135deg,#081721 0%,#11182b 100%)!important;
  color:#ffffff!important;
}

/* Títulos y textos generales dentro de secciones oscuras */
body.cbh26-page .cbh26-dark .cbh26-heading h2,
body.cbh26-page .cbh26-dark h1,
body.cbh26-page .cbh26-dark h2,
body.cbh26-page .cbh26-dark h3,
body.cbh26-page .cbh26-dark h4,
body.cbh26-page .cbh26-dark strong{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:none!important;
}

body.cbh26-page .cbh26-dark p,
body.cbh26-page .cbh26-dark li,
body.cbh26-page .cbh26-dark small{
  color:rgba(255,255,255,.70)!important;
  -webkit-text-fill-color:rgba(255,255,255,.70)!important;
}

/* Acentos */
body.cbh26-page .cbh26-dark .cbh26-kicker{
  color:#62e0bc!important;
  -webkit-text-fill-color:#62e0bc!important;
}

/* Proceso / implementación: tarjetas visibles sobre el fondo oscuro */
body.cbh26-page .cbh26-dark .cbh26-process article{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.18)!important;
  border-radius:24px!important;
  padding:34px 24px 28px!important;
}

body.cbh26-page .cbh26-dark .cbh26-process article>span{
  background:#0d2632!important;
  color:#75d8bd!important;
  -webkit-text-fill-color:#75d8bd!important;
  border:1px solid rgba(117,216,189,.45)!important;
  box-shadow:0 0 0 10px rgba(255,255,255,.035)!important;
}

body.cbh26-page .cbh26-dark .cbh26-process h3{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  margin-top:20px!important;
}

body.cbh26-page .cbh26-dark .cbh26-process p{
  color:rgba(255,255,255,.66)!important;
  -webkit-text-fill-color:rgba(255,255,255,.66)!important;
}

/* Línea entre pasos */
body.cbh26-page .cbh26-dark .cbh26-process:before{
  background:linear-gradient(
    90deg,
    transparent,
    rgba(117,216,189,.45),
    transparent
  )!important;
}

/* Evitar que reglas de modo claro vuelvan a poner blanco el fondo de estas tarjetas */
body.cbh26-page .cbh26-dark .cbh26-flow article,
body.cbh26-page .cbh26-dark .cbh26-live-panel,
body.cbh26-page .cbh26-dark .cbh26-live-panel__feed>div,
body.cbh26-page .cbh26-dark .cbh26-live-panel__stats article{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.08)!important;
}

/* Modo oscuro: mantener exactamente el mismo contraste correcto */
@media(prefers-color-scheme:dark){
  body.cbh26-page .cbh26-dark{
    background:
      radial-gradient(circle at 82% 25%,rgba(69,209,154,.10),transparent 30%),
      linear-gradient(135deg,#07131c 0%,#0d1528 100%)!important;
  }

  body.cbh26-page .cbh26-dark .cbh26-process article{
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(255,255,255,.08)!important;
  }
}


/* v1.0.8 - Acceso visible y destacado a Desarrollo Digital */

/* Direct independent-page link in main navigation */
.cbh26-nav__page{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 14px!important;
  border-radius:999px;
  color:#316767!important;
  background:rgba(49,103,103,.08);
  border:1px solid rgba(49,103,103,.15);
  font-weight:800!important;
  white-space:nowrap;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.cbh26-nav__page span{
  color:inherit!important;
}
.cbh26-nav__page i{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  color:#fff!important;
  background:#316767;
  font-style:normal;
  font-size:11px;
}
.cbh26-nav__page:hover{
  transform:translateY(-2px);
  color:#fff!important;
  background:linear-gradient(135deg,#316767,#438b82);
  box-shadow:0 10px 24px rgba(49,103,103,.18);
}
.cbh26-nav__page:hover i{
  background:rgba(255,255,255,.18);
}
.cbh26-nav__page--home i{
  order:-1;
}

/* Home teaser section */
.cbh26-digital-preview{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 25%,rgba(69,209,154,.13),transparent 30%),
    radial-gradient(circle at 18% 78%,rgba(109,92,255,.07),transparent 26%),
    linear-gradient(135deg,#f4f8f8,#ffffff);
}
.cbh26-digital-preview__grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
}
.cbh26-digital-preview__copy h2{
  margin:14px 0!important;
  color:#232439!important;
  font:700 clamp(34px,4.2vw,54px)/1.08 Poppins,sans-serif!important;
  letter-spacing:-.04em!important;
  background:none!important;
}
.cbh26-digital-preview__copy>p{
  max-width:690px;
  color:#64717c!important;
  font-size:17px!important;
  line-height:1.72!important;
}
.cbh26-digital-preview__services{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:28px 0 30px;
}
.cbh26-digital-preview__services article{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  padding:13px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(49,103,103,.1);
  box-shadow:0 10px 25px rgba(35,36,57,.04);
}
.cbh26-digital-preview__services article>span{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:10px;
  color:#316767!important;
  background:rgba(69,209,154,.14);
  font-size:11px!important;
  font-weight:800!important;
}
.cbh26-digital-preview__services strong{
  color:#26323b!important;
  font-size:13px!important;
}
.cbh26-digital-preview__visual{
  position:relative;
  min-height:520px;
}
.cbh26-digital-preview__window{
  position:absolute;
  inset:35px 35px 35px 0;
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(49,103,103,.14);
  box-shadow:0 30px 75px rgba(35,36,57,.14);
  transform:perspective(1200px) rotateY(-5deg);
}
.cbh26-digital-preview__bar{
  height:54px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 18px;
  border-bottom:1px solid rgba(35,36,57,.07);
}
.cbh26-digital-preview__bar>i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(35,36,57,.16);
}
.cbh26-digital-preview__bar strong{
  margin-left:8px;
  color:#45515b!important;
  font-size:12px!important;
}
.cbh26-digital-preview__dashboard{
  display:grid;
  grid-template-columns:64px 1fr;
  min-height:420px;
}
.cbh26-digital-preview__dashboard aside{
  padding:22px 16px;
  border-right:1px solid rgba(35,36,57,.07);
}
.cbh26-digital-preview__dashboard aside span{
  display:block;
  width:30px;
  height:30px;
  margin-bottom:13px;
  border-radius:10px;
  background:rgba(49,103,103,.08);
}
.cbh26-digital-preview__dashboard aside span.active{
  background:linear-gradient(135deg,#316767,#45d19a);
}
.cbh26-digital-preview__dashboard>div{
  padding:26px;
}
.cbh26-digital-preview__dashboard small{
  color:#75808a!important;
}
.cbh26-digital-preview__metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
  margin:20px 0;
}
.cbh26-digital-preview__metrics article{
  padding:16px;
  border-radius:16px;
  background:#f4f8f8;
}
.cbh26-digital-preview__metrics span{
  display:block;
  color:#75808a!important;
  font-size:10px!important;
}
.cbh26-digital-preview__metrics strong{
  display:block;
  margin-top:7px;
  color:#232439!important;
  font:700 23px Poppins,sans-serif!important;
}
.cbh26-digital-preview__chart{
  height:180px;
  overflow:hidden;
  border-radius:18px;
  background:#f4f8f8;
}
.cbh26-digital-preview__chart i{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(180deg,rgba(69,209,154,.34),transparent);
  clip-path:polygon(0 84%,13% 66%,27% 72%,40% 45%,54% 57%,69% 24%,82% 35%,100% 8%,100% 100%,0 100%);
}
.cbh26-digital-preview__float{
  position:absolute;
  z-index:3;
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border-radius:50%;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:0 18px 38px rgba(35,36,57,.18);
  animation:cbFloat 5s ease-in-out infinite;
}
.cbh26-digital-preview__float--brand{
  right:0;
  top:8%;
  background:linear-gradient(135deg,#6d5cff,#9e62ff);
}
.cbh26-digital-preview__float--ads{
  right:2%;
  bottom:12%;
  background:linear-gradient(135deg,#ff589c,#b62c72);
  animation-delay:-1.5s;
}
.cbh26-digital-preview__float--social{
  left:48%;
  bottom:0;
  background:linear-gradient(135deg,#316767,#45d19a);
  animation-delay:-3s;
}

/* Keep the stable theme behavior in dark mode */
@media(prefers-color-scheme:dark){
  .cbh26-nav__page{
    color:#75d8bd!important;
    background:rgba(117,216,189,.08);
    border-color:rgba(117,216,189,.14);
  }
  .cbh26-nav__page i{
    background:#316767;
  }

  .cbh26-digital-preview{
    background:
      radial-gradient(circle at 84% 25%,rgba(69,209,154,.10),transparent 30%),
      radial-gradient(circle at 18% 78%,rgba(109,92,255,.08),transparent 26%),
      linear-gradient(135deg,#0b1720,#08131c)!important;
  }
  .cbh26-digital-preview__copy h2{
    color:#fff!important;
  }
  .cbh26-digital-preview__copy>p{
    color:rgba(255,255,255,.64)!important;
  }
  .cbh26-digital-preview__services article{
    background:rgba(255,255,255,.04);
    border-color:rgba(255,255,255,.07);
    box-shadow:none;
  }
  .cbh26-digital-preview__services strong{
    color:#fff!important;
  }
  .cbh26-digital-preview__window{
    background:#0f1d26;
    border-color:rgba(255,255,255,.08);
    box-shadow:0 30px 75px rgba(0,0,0,.28);
  }
  .cbh26-digital-preview__bar{
    border-bottom-color:rgba(255,255,255,.07);
  }
  .cbh26-digital-preview__bar strong{
    color:rgba(255,255,255,.65)!important;
  }
  .cbh26-digital-preview__dashboard aside{
    border-right-color:rgba(255,255,255,.06);
  }
  .cbh26-digital-preview__dashboard small{
    color:rgba(255,255,255,.52)!important;
  }
  .cbh26-digital-preview__metrics article,
  .cbh26-digital-preview__chart{
    background:rgba(255,255,255,.04);
  }
  .cbh26-digital-preview__metrics span{
    color:rgba(255,255,255,.5)!important;
  }
  .cbh26-digital-preview__metrics strong{
    color:#fff!important;
  }
}

@media(max-width:1120px){
  .cbh26-digital-preview__grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:900px){
  .cbh26-nav__page{
    width:100%;
    justify-content:space-between;
  }
}
@media(max-width:620px){
  .cbh26-digital-preview__services{
    grid-template-columns:1fr;
  }
  .cbh26-digital-preview__visual{
    min-height:470px;
  }
  .cbh26-digital-preview__window{
    inset:20px 0;
    transform:none;
  }
  .cbh26-digital-preview__metrics{
    grid-template-columns:1fr;
  }
}




/* =========================================================
   v1.2.0 · NUEVO HOME DINÁMICO
   El CSS anterior se conserva para Servicios y Desarrollo Digital.
========================================================= */
.cbh26-new-home{--cb-bg:#f4f8f7;--cb-surface:#fff;--cb-ink:#14132a;--cb-muted:#5e6c72;--cb-line:rgba(49,103,103,.16);--cb-brand:#316767;--cb-aqua:#64ccc5;--cb-dark:#14132a;background:var(--cb-bg);color:var(--cb-ink);margin:0}
.cb-new-nav{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:16px max(5vw,24px);background:color-mix(in srgb,var(--cb-bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--cb-line)}
.cb-brand{display:flex;align-items:center;gap:12px;color:var(--cb-ink);text-decoration:none}.cb-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--cb-brand),var(--cb-aqua));color:#fff;font-weight:900}.cb-brand strong,.cb-brand small{display:block}.cb-brand strong{font-size:18px}.cb-brand small{font-size:10px;color:var(--cb-muted);margin-top:2px}.cb-new-nav nav{display:flex;gap:26px}.cb-new-nav nav a,.cb-new-footer a{color:var(--cb-ink);text-decoration:none;font-weight:700;font-size:13px}
.cb-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:999px;background:linear-gradient(135deg,var(--cb-brand),#438b88);color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 12px 30px rgba(49,103,103,.18);transition:.3s}.cb-pill:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(49,103,103,.25)}.cb-pill-small{padding:11px 18px;font-size:12px}.cb-pill-ghost{background:transparent;color:var(--cb-ink)!important;border:1px solid var(--cb-line);box-shadow:none}
.cb-hero-new{min-height:760px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:90px max(8vw,30px)}.cb-hero-copy{position:relative;z-index:2;max-width:760px}.cb-eyebrow{display:inline-block;color:var(--cb-brand);font-size:12px;font-weight:900;letter-spacing:.16em;margin-bottom:18px}.cb-hero-new h1{font-size:clamp(48px,6.2vw,94px);line-height:.95;letter-spacing:-.065em;margin:0 0 28px;color:var(--cb-ink)}.cb-hero-new h1 em,.cb-final h2 em{font-style:normal;color:var(--cb-brand)}.cb-hero-new p{max-width:650px;font-size:19px;line-height:1.7;color:var(--cb-muted)}.cb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.cb-orb{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.cb-orb-a{width:520px;height:520px;right:-140px;top:-160px;background:radial-gradient(circle,rgba(100,204,197,.25),transparent 68%)}.cb-orb-b{width:430px;height:430px;left:-190px;bottom:-150px;background:radial-gradient(circle,rgba(49,103,103,.16),transparent 70%)}
.cb-command{position:relative;z-index:2;min-height:520px;border:1px solid var(--cb-line);border-radius:42px;background:linear-gradient(145deg,color-mix(in srgb,var(--cb-surface) 94%,transparent),color-mix(in srgb,var(--cb-aqua) 10%,var(--cb-surface)));box-shadow:0 40px 90px rgba(20,19,42,.12);display:grid;place-items:center;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.cb-command-top{position:absolute;top:22px;left:26px;right:26px;display:flex;align-items:center;gap:10px;font-size:11px}.cb-command-top>span{width:9px;height:9px;border-radius:50%;background:var(--cb-aqua)}.cb-command-top i{margin-left:auto;color:var(--cb-brand);font-style:normal}.cb-core{width:230px;height:230px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cb-dark);color:#fff;box-shadow:0 0 0 30px rgba(100,204,197,.09),0 0 0 60px rgba(49,103,103,.05)}.cb-core span{font-size:10px;letter-spacing:.2em}.cb-core strong{font-size:62px;line-height:1}.cb-core small{opacity:.7}.cb-float{position:absolute;padding:13px 17px;border-radius:18px;background:var(--cb-surface);border:1px solid var(--cb-line);box-shadow:0 14px 34px rgba(20,19,42,.1);font-size:12px;font-weight:800;animation:cbFloat 5s ease-in-out infinite}.cb-f1{top:100px;left:28px}.cb-f2{top:145px;right:22px;animation-delay:-1s}.cb-f3{bottom:90px;left:20px;animation-delay:-2s}.cb-f4{bottom:55px;right:38px;animation-delay:-3s}@keyframes cbFloat{50%{transform:translateY(-10px)}}
.cb-marquee{overflow:hidden;padding:18px 0;border-block:1px solid var(--cb-line);background:var(--cb-surface);white-space:nowrap}.cb-marquee div{display:inline-block;min-width:max-content;font-weight:900;font-size:12px;letter-spacing:.12em;animation:cbMove 28s linear infinite}.cb-marquee span{color:var(--cb-aqua);padding:0 26px}@keyframes cbMove{to{transform:translateX(-25%)}}
.cb-section,.cb-journey,.cb-whatclick,.cb-final{padding:110px max(8vw,30px)}.cb-section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:50px}.cb-section-head h2,.cb-whatclick h2,.cb-final h2{font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-.05em;margin:0;color:var(--cb-ink)}.cb-section-head>p{max-width:520px;color:var(--cb-muted);line-height:1.7}
.cb-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cb-card{position:relative;min-height:250px;padding:28px;border-radius:28px;background:var(--cb-surface);border:1px solid var(--cb-line);color:var(--cb-ink);text-decoration:none;overflow:hidden;transition:.35s}.cb-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(20,19,42,.1);border-color:rgba(100,204,197,.55)}.cb-card-featured{grid-column:span 2;grid-row:span 2;min-height:516px;background:linear-gradient(145deg,var(--cb-dark),#203c45);color:#fff}.cb-card-wide{grid-column:span 2;display:flex;gap:22px;align-items:flex-start;background:linear-gradient(135deg,color-mix(in srgb,var(--cb-aqua) 14%,var(--cb-surface)),var(--cb-surface))}.cb-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(100,204,197,.16);color:var(--cb-brand);font-weight:900;margin-bottom:42px}.cb-card-featured .cb-icon{background:rgba(255,255,255,.1);color:var(--cb-aqua);width:64px;height:64px;font-size:24px}.cb-card h3{font-size:25px;margin:0 0 12px}.cb-card p{color:var(--cb-muted);line-height:1.6}.cb-card-featured p{color:rgba(255,255,255,.72);font-size:17px;max-width:560px}.cb-card strong{position:absolute;left:28px;bottom:27px;font-size:12px}.cb-card-tag{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--cb-aqua)}.cb-mini-flow{position:absolute;left:28px;right:28px;bottom:75px;display:flex;gap:9px;align-items:center}.cb-mini-flow i{padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-style:normal;font-size:10px}
.cb-journey{background:var(--cb-surface)}.cb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cb-line);border:1px solid var(--cb-line);border-radius:30px;overflow:hidden}.cb-steps article{background:var(--cb-surface);padding:38px}.cb-steps span{color:var(--cb-brand);font-weight:900}.cb-steps h3{font-size:25px;margin:35px 0 10px}.cb-steps p{color:var(--cb-muted);line-height:1.6}
.cb-whatclick{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:var(--cb-dark);color:#fff}.cb-whatclick h2{color:#fff}.cb-whatclick>div>p{color:rgba(255,255,255,.7);font-size:17px;line-height:1.7}.cb-chat-demo{padding:28px;border-radius:30px;background:#fff;color:#14132a;box-shadow:0 30px 80px rgba(0,0,0,.2)}.cb-chat-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e7ecec}.cb-chat-head span{color:#2d9c75;font-size:12px}.cb-msg{max-width:75%;padding:13px 16px;border-radius:18px;font-size:13px;line-height:1.5}.cb-msg.in{background:#f0f4f4}.cb-msg.out{background:#316767;color:#fff;margin-left:auto}.cb-lead{display:flex;flex-direction:column;gap:5px;margin-top:30px;padding:18px;border-radius:18px;background:#f3faf8;border:1px solid #d8efea}.cb-lead small{color:#316767;font-weight:900}.cb-lead span{font-size:11px;color:#68767a}
.cb-final{text-align:center;min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:center}.cb-final .cb-actions{justify-content:center}.cb-new-footer{display:grid;grid-template-columns:2fr 1fr auto;gap:40px;align-items:end;padding:55px max(8vw,30px);background:var(--cb-surface);border-top:1px solid var(--cb-line)}.cb-new-footer strong{font-size:24px}.cb-new-footer p{color:var(--cb-muted)}.cb-new-footer>div:nth-child(2){display:flex;flex-direction:column;gap:10px}
@media(max-width:980px){.cb-new-nav nav{display:none}.cb-hero-new,.cb-whatclick{grid-template-columns:1fr}.cb-command{min-height:460px}.cb-bento{grid-template-columns:repeat(2,1fr)}.cb-steps{grid-template-columns:repeat(2,1fr)}.cb-section-head{display:block}.cb-section-head>p{margin-top:20px}.cb-new-footer{grid-template-columns:1fr}}
@media(max-width:620px){.cb-hero-new{padding-top:65px;min-height:auto}.cb-command{min-height:390px}.cb-core{width:170px;height:170px}.cb-core strong{font-size:45px}.cb-float{font-size:9px}.cb-bento{grid-template-columns:1fr}.cb-card-featured,.cb-card-wide{grid-column:span 1}.cb-card-featured{min-height:470px}.cb-steps{grid-template-columns:1fr}.cb-new-nav>.cb-pill{display:none}.cb-section,.cb-journey,.cb-whatclick,.cb-final{padding:80px 22px}}
@media(prefers-color-scheme:dark){.cbh26-new-home{--cb-bg:#0d171d;--cb-surface:#142229;--cb-ink:#f3f7f6;--cb-muted:#b7c4c7;--cb-line:rgba(228,228,228,.12);--cb-brand:#64ccc5;--cb-aqua:#64ccc5;--cb-dark:#090d1b}.cb-card-featured{background:linear-gradient(145deg,#090d1b,#17363c)}.cb-chat-demo{background:#f8fbfa;color:#14132a}.cb-pill-ghost{color:var(--cb-ink)!important}.cb-card-wide{background:linear-gradient(135deg,rgba(100,204,197,.12),var(--cb-surface))}}


/* v1.2.3 - Servicios: restauración visual del antiguo Home */
body.cbh26-services-page{
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  overflow-x:hidden!important;
}

body.cbh26-services-page .cbh26-page,
body.cbh26-services-page main,
body.cbh26-services-page section,
body.cbh26-services-page header,
body.cbh26-services-page footer{
  box-sizing:border-box;
}

body.cbh26-services-page .cbh26-header{
  width:100%!important;
}

body.cbh26-services-page .cbh26-brand img{
  width:46px!important;
  height:46px!important;
  max-width:46px!important;
  object-fit:contain!important;
}

body.cbh26-services-page .cbh26-brand--footer img{
  width:62px!important;
  height:62px!important;
  max-width:62px!important;
}

body.cbh26-services-page .cbh26-shell{
  width:min(1180px, calc(100% - 44px))!important;
  max-width:1180px!important;
  margin-inline:auto!important;
}


/* =========================================================
   v1.2.4 · UNIFICACIÓN VISUAL DEL NUEVO HOME
   Misma identidad que Servicios/antiguo Home
========================================================= */

.cbh26-new-home{
  --cb-bg:#f8fafb;
  --cb-surface:#ffffff;
  --cb-ink:#232439;
  --cb-muted:#66727c;
  --cb-line:rgba(49,103,103,.14);
  --cb-brand:#316767;
  --cb-aqua:#64ccc5;
  --cb-soft:#e4e4e4;
  --cb-dark:#14132a;
  font-family:Inter,Arial,sans-serif!important;
  background:
    radial-gradient(circle at 80% 10%,rgba(100,204,197,.08),transparent 25%),
    #f8fafb!important;
  color:var(--cb-ink)!important;
}

.cbh26-new-home h1,
.cbh26-new-home h2,
.cbh26-new-home h3,
.cbh26-new-home strong,
.cbh26-new-home .cb-brand{
  font-family:Poppins,Inter,Arial,sans-serif!important;
}

/* Header: misma línea limpia, translúcida y elegante del Home anterior */
.cbh26-new-home .cb-new-nav{
  min-height:82px;
  padding:12px max(5vw,28px)!important;
  background:rgba(255,255,255,.90)!important;
  border-bottom:1px solid rgba(49,103,103,.10)!important;
  box-shadow:0 10px 35px rgba(35,36,57,.05)!important;
  backdrop-filter:blur(18px);
}

.cbh26-new-home .cb-brand{
  gap:12px!important;
  color:#232439!important;
}
.cbh26-new-home .cb-brand-logo{
  width:52px!important;
  height:52px!important;
  max-width:52px!important;
  border-radius:50%;
  object-fit:contain;
  background:#fff;
  box-shadow:0 8px 24px rgba(49,103,103,.12);
}
.cbh26-new-home .cb-brand strong{
  color:#232439!important;
  font-size:19px!important;
  font-weight:700!important;
}
.cbh26-new-home .cb-brand small{
  color:#7a858e!important;
  font-size:10px!important;
}
.cbh26-new-home .cb-new-nav nav{
  gap:25px!important;
}
.cbh26-new-home .cb-new-nav nav a{
  color:#46515c!important;
  font-size:13px!important;
  font-weight:700!important;
  transition:.22s;
}
.cbh26-new-home .cb-new-nav nav a:hover{
  color:#316767!important;
}

/* Botones: mismo lenguaje redondo/píldora */
.cbh26-new-home .cb-pill{
  min-height:52px;
  padding:0 26px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#316767,#438b82)!important;
  color:#fff!important;
  border:1px solid rgba(49,103,103,.18)!important;
  box-shadow:0 14px 34px rgba(49,103,103,.18)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
}
.cbh26-new-home .cb-pill-small{
  min-height:44px!important;
  padding:0 20px!important;
}
.cbh26-new-home .cb-pill-ghost{
  color:#232439!important;
  background:rgba(255,255,255,.80)!important;
  border:1px solid rgba(49,103,103,.20)!important;
  box-shadow:0 12px 26px rgba(35,36,57,.06)!important;
}

/* Hero: conservar dinamismo, pero con la estética clara aprobada */
.cbh26-new-home .cb-hero-new{
  min-height:760px;
  background:
    radial-gradient(circle at 82% 20%,rgba(100,204,197,.16),transparent 31%),
    radial-gradient(circle at 14% 22%,rgba(49,103,103,.09),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f4f8f8 55%,#eef5f5 100%)!important;
}
.cbh26-new-home .cb-eyebrow{
  color:#316767!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
}
.cbh26-new-home .cb-hero-new h1{
  color:#232439!important;
  font-family:Poppins,Inter,Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.055em!important;
}
.cbh26-new-home .cb-hero-new h1 em,
.cbh26-new-home .cb-final h2 em{
  color:#316767!important;
}
.cbh26-new-home .cb-hero-new p{
  color:#5f6c76!important;
}

/* Panel derecho con el mismo lenguaje SaaS del Home anterior */
.cbh26-new-home .cb-command{
  border-radius:30px!important;
  border:1px solid rgba(49,103,103,.14)!important;
  background:
    radial-gradient(circle at 75% 20%,rgba(100,204,197,.12),transparent 29%),
    linear-gradient(145deg,#ffffff,#f3f8f8)!important;
  box-shadow:0 30px 70px rgba(35,36,57,.12)!important;
}
.cbh26-new-home .cb-command-top{
  color:#56636d!important;
}
.cbh26-new-home .cb-command-top i{
  color:#316767!important;
}
.cbh26-new-home .cb-core{
  background:linear-gradient(145deg,#232439,#203e47)!important;
  box-shadow:
    0 0 0 28px rgba(100,204,197,.08),
    0 0 0 58px rgba(49,103,103,.035)!important;
}
.cbh26-new-home .cb-core span,
.cbh26-new-home .cb-core small{
  color:rgba(255,255,255,.68)!important;
}
.cbh26-new-home .cb-float{
  border-radius:18px!important;
  color:#27323b!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(49,103,103,.12)!important;
  box-shadow:0 14px 34px rgba(35,36,57,.10)!important;
}

/* Marquee */
.cbh26-new-home .cb-marquee{
  background:#ffffff!important;
  border-color:rgba(49,103,103,.10)!important;
  color:#35414a!important;
}
.cbh26-new-home .cb-marquee span{
  color:#64ccc5!important;
}

/* Títulos/secciones */
.cbh26-new-home .cb-section-head h2,
.cbh26-new-home .cb-whatclick h2,
.cbh26-new-home .cb-final h2{
  color:#232439!important;
  font-family:Poppins,Inter,Arial,sans-serif!important;
  font-weight:700!important;
}
.cbh26-new-home .cb-section-head>p{
  color:#65717b!important;
}

/* Bento cards: mismas superficies redondas del antiguo Home */
.cbh26-new-home .cb-card{
  border-radius:28px!important;
  background:#ffffff!important;
  border:1px solid rgba(49,103,103,.10)!important;
  color:#232439!important;
  box-shadow:0 16px 38px rgba(35,36,57,.055)!important;
}
.cbh26-new-home .cb-card:hover{
  border-color:rgba(49,103,103,.28)!important;
  box-shadow:0 28px 58px rgba(35,36,57,.11)!important;
}
.cbh26-new-home .cb-card h3{
  color:#316767!important;
  font-family:Poppins,Inter,Arial,sans-serif!important;
}
.cbh26-new-home .cb-card p{
  color:#64717c!important;
}
.cbh26-new-home .cb-card strong{
  color:#316767!important;
}

/* Card destacada: fondo oscuro corporativo y textos claros */
.cbh26-new-home .cb-card-featured{
  background:
    radial-gradient(circle at 88% 12%,rgba(100,204,197,.16),transparent 32%),
    linear-gradient(145deg,#14132a,#203e47)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.cbh26-new-home .cb-card-featured h3,
.cbh26-new-home .cb-card-featured strong{
  color:#ffffff!important;
}
.cbh26-new-home .cb-card-featured p{
  color:rgba(255,255,255,.70)!important;
}
.cbh26-new-home .cb-card-featured .cb-card-tag{
  color:#64ccc5!important;
}

/* Desarrollo Digital destacado */
.cbh26-new-home .cb-card-wide{
  background:
    radial-gradient(circle at 90% 10%,rgba(100,204,197,.14),transparent 30%),
    linear-gradient(145deg,#f1f7f7,#ffffff)!important;
}

/* Journey */
.cbh26-new-home .cb-journey{
  background:#eef4f4!important;
}
.cbh26-new-home .cb-steps{
  background:rgba(49,103,103,.10)!important;
  border-color:rgba(49,103,103,.10)!important;
}
.cbh26-new-home .cb-steps article{
  background:#ffffff!important;
}
.cbh26-new-home .cb-steps span{
  color:#316767!important;
}
.cbh26-new-home .cb-steps h3{
  color:#232439!important;
}
.cbh26-new-home .cb-steps p{
  color:#66727c!important;
}

/* WhatClick oscuro igual a los bloques oscuros aprobados */
.cbh26-new-home .cb-whatclick{
  background:
    radial-gradient(circle at 82% 25%,rgba(100,204,197,.10),transparent 30%),
    linear-gradient(135deg,#081721,#14132a)!important;
}
.cbh26-new-home .cb-whatclick h2{
  color:#ffffff!important;
}
.cbh26-new-home .cb-whatclick>div>p{
  color:rgba(255,255,255,.70)!important;
}
.cbh26-new-home .cb-chat-demo{
  border-radius:28px!important;
  background:#ffffff!important;
  box-shadow:0 28px 70px rgba(0,0,0,.24)!important;
}

/* CTA y footer */
.cbh26-new-home .cb-final{
  background:
    radial-gradient(circle at 50% 10%,rgba(100,204,197,.12),transparent 34%),
    #f8fafb!important;
}
.cbh26-new-home .cb-new-footer{
  background:#eef4f4!important;
  border-top:1px solid rgba(49,103,103,.10)!important;
}
.cbh26-new-home .cb-new-footer strong{
  color:#232439!important;
  font-family:Poppins,Inter,Arial,sans-serif!important;
}
.cbh26-new-home .cb-new-footer p,
.cbh26-new-home .cb-new-footer small{
  color:#65717b!important;
}
.cbh26-new-home .cb-new-footer a{
  color:#46515c!important;
}

/* Dark mode: misma lógica automática del antiguo Home */
@media(prefers-color-scheme:dark){
  .cbh26-new-home{
    --cb-bg:#07131c;
    --cb-surface:#0f1d26;
    --cb-ink:#ffffff;
    --cb-muted:rgba(255,255,255,.64);
    --cb-line:rgba(255,255,255,.08);
    --cb-brand:#75d8bd;
    --cb-aqua:#64ccc5;
    --cb-dark:#14132a;
    background:#07131c!important;
    color:#ffffff!important;
  }

  .cbh26-new-home .cb-new-nav{
    background:rgba(6,19,28,.90)!important;
    border-bottom-color:rgba(255,255,255,.07)!important;
    box-shadow:0 10px 35px rgba(0,0,0,.22)!important;
  }
  .cbh26-new-home .cb-brand strong{
    color:#ffffff!important;
  }
  .cbh26-new-home .cb-brand small{
    color:rgba(255,255,255,.58)!important;
  }
  .cbh26-new-home .cb-new-nav nav a{
    color:rgba(255,255,255,.82)!important;
  }
  .cbh26-new-home .cb-new-nav nav a:hover{
    color:#75d8bd!important;
  }

  .cbh26-new-home .cb-pill{
    background:linear-gradient(135deg,#316767,#438b82)!important;
  }
  .cbh26-new-home .cb-pill-ghost{
    color:#ffffff!important;
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(255,255,255,.16)!important;
    box-shadow:none!important;
  }

  .cbh26-new-home .cb-hero-new{
    background:
      radial-gradient(circle at 78% 22%,rgba(100,204,197,.13),transparent 31%),
      radial-gradient(circle at 15% 20%,rgba(49,103,103,.16),transparent 28%),
      linear-gradient(135deg,#050d15,#07141d 55%,#11152a)!important;
  }
  .cbh26-new-home .cb-hero-new h1{
    color:#ffffff!important;
  }
  .cbh26-new-home .cb-hero-new h1 em,
  .cbh26-new-home .cb-final h2 em{
    color:#75d8bd!important;
  }
  .cbh26-new-home .cb-hero-new p{
    color:rgba(255,255,255,.70)!important;
  }

  .cbh26-new-home .cb-command{
    background:
      radial-gradient(circle at 75% 20%,rgba(100,204,197,.09),transparent 29%),
      linear-gradient(145deg,#0a1724,#0f1d26)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 30px 70px rgba(0,0,0,.30)!important;
  }
  .cbh26-new-home .cb-command-top{
    color:rgba(255,255,255,.62)!important;
  }
  .cbh26-new-home .cb-float{
    color:#ffffff!important;
    background:rgba(15,29,38,.94)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
  }

  .cbh26-new-home .cb-marquee{
    background:#0f1d26!important;
    border-color:rgba(255,255,255,.07)!important;
    color:rgba(255,255,255,.80)!important;
  }

  .cbh26-new-home .cb-section-head h2,
  .cbh26-new-home .cb-final h2{
    color:#ffffff!important;
  }
  .cbh26-new-home .cb-section-head>p{
    color:rgba(255,255,255,.62)!important;
  }

  .cbh26-new-home .cb-card{
    background:#0f1d26!important;
    border-color:rgba(255,255,255,.07)!important;
    color:#ffffff!important;
    box-shadow:0 18px 40px rgba(0,0,0,.18)!important;
  }
  .cbh26-new-home .cb-card h3{
    color:#75d8bd!important;
  }
  .cbh26-new-home .cb-card p{
    color:rgba(255,255,255,.62)!important;
  }
  .cbh26-new-home .cb-card strong{
    color:#75d8bd!important;
  }
  .cbh26-new-home .cb-card-featured{
    background:
      radial-gradient(circle at 88% 12%,rgba(100,204,197,.14),transparent 32%),
      linear-gradient(145deg,#090d1b,#17363c)!important;
  }
  .cbh26-new-home .cb-card-featured h3,
  .cbh26-new-home .cb-card-featured strong{
    color:#ffffff!important;
  }
  .cbh26-new-home .cb-card-featured p{
    color:rgba(255,255,255,.70)!important;
  }
  .cbh26-new-home .cb-card-wide{
    background:
      radial-gradient(circle at 90% 10%,rgba(100,204,197,.10),transparent 30%),
      linear-gradient(145deg,#0f1d26,#13252d)!important;
  }

  .cbh26-new-home .cb-journey{
    background:#0b1720!important;
  }
  .cbh26-new-home .cb-steps{
    background:rgba(255,255,255,.06)!important;
    border-color:rgba(255,255,255,.06)!important;
  }
  .cbh26-new-home .cb-steps article{
    background:#0f1d26!important;
  }
  .cbh26-new-home .cb-steps h3{
    color:#ffffff!important;
  }
  .cbh26-new-home .cb-steps p{
    color:rgba(255,255,255,.60)!important;
  }

  .cbh26-new-home .cb-final{
    background:
      radial-gradient(circle at 50% 10%,rgba(100,204,197,.08),transparent 34%),
      #07131c!important;
  }
  .cbh26-new-home .cb-new-footer{
    background:#050e16!important;
    border-top-color:rgba(255,255,255,.07)!important;
  }
  .cbh26-new-home .cb-new-footer strong{
    color:#ffffff!important;
  }
  .cbh26-new-home .cb-new-footer p,
  .cbh26-new-home .cb-new-footer small{
    color:rgba(255,255,255,.56)!important;
  }
  .cbh26-new-home .cb-new-footer a{
    color:rgba(255,255,255,.72)!important;
  }
}


/* =========================================================
   v1.2.5 · ECOSISTEMA CONECTA BIT VISUAL
========================================================= */
.cbh26-new-home .cb-ecosystem-map{
  min-height:590px!important;
  overflow:visible!important;
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)!important;
}

.cbh26-new-home .cb-eco-ring{
  position:absolute;
  left:50%;
  top:52%;
  border-radius:50%;
  border:1px dashed rgba(49,103,103,.24);
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.cbh26-new-home .cb-eco-ring--outer{
  width:430px;
  height:430px;
}
.cbh26-new-home .cb-eco-ring--inner{
  width:315px;
  height:315px;
  border-style:solid;
  border-color:rgba(100,204,197,.22);
}

.cbh26-new-home .cb-eco-core{
  width:210px!important;
  height:210px!important;
  background:
    radial-gradient(circle at 35% 30%,rgba(100,204,197,.13),transparent 35%),
    linear-gradient(145deg,#ffffff,#eff6f5)!important;
  border:1px solid rgba(49,103,103,.18);
  color:#232439!important;
  box-shadow:
    0 24px 55px rgba(35,36,57,.14),
    0 0 0 18px rgba(100,204,197,.06)!important;
}
.cbh26-new-home .cb-eco-core img{
  width:82px!important;
  height:82px!important;
  max-width:82px!important;
  object-fit:contain;
  margin-bottom:8px;
}
.cbh26-new-home .cb-eco-core strong{
  color:#316767!important;
  font:800 14px Poppins,Inter,sans-serif!important;
  letter-spacing:.08em;
}
.cbh26-new-home .cb-eco-core small{
  color:#6a777f!important;
  font-size:10px!important;
}

.cbh26-new-home .cb-eco-node{
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:148px;
  max-width:190px;
  padding:10px 13px;
  border-radius:18px;
  color:#26323b;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(49,103,103,.13);
  box-shadow:0 13px 30px rgba(35,36,57,.11);
  animation:cbEcoFloat 5.5s ease-in-out infinite;
}
.cbh26-new-home .cb-eco-node b{
  color:#316767!important;
  font:700 11px/1.3 Poppins,Inter,sans-serif!important;
}
.cbh26-new-home .cb-eco-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#316767,#64ccc5);
  font-size:15px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(49,103,103,.18);
}

.cbh26-new-home .cb-eco-node--pbx{left:4%;top:20%}
.cbh26-new-home .cb-eco-node--ai{right:3%;top:19%;animation-delay:-.7s}
.cbh26-new-home .cb-eco-node--whatsapp{left:-1%;top:45%;animation-delay:-1.4s}
.cbh26-new-home .cb-eco-node--sms{right:-1%;top:44%;animation-delay:-2.1s}
.cbh26-new-home .cb-eco-node--cloud{left:4%;bottom:15%;animation-delay:-2.8s}
.cbh26-new-home .cb-eco-node--network{left:33%;bottom:2%;animation-delay:-3.5s}
.cbh26-new-home .cb-eco-node--intercom{right:3%;bottom:15%;animation-delay:-4.2s}
.cbh26-new-home .cb-eco-node--digital{right:29%;top:5%;animation-delay:-4.9s}

@keyframes cbEcoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

/* Computer / telecom illustrations made with CSS */
.cbh26-new-home .cb-eco-icon--devices{
  position:relative;
  width:52px;
}
.cbh26-new-home .cb-monitor{
  position:absolute;
  left:7px;
  top:9px;
  width:25px;
  height:18px;
  border:2px solid #fff;
  border-radius:3px;
}
.cbh26-new-home .cb-monitor:before{
  content:"";
  position:absolute;
  left:9px;
  bottom:-7px;
  width:7px;
  height:6px;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
}
.cbh26-new-home .cb-monitor:after{
  content:"";
  position:absolute;
  left:5px;
  bottom:-9px;
  width:15px;
  height:2px;
  background:#fff;
  border-radius:2px;
}
.cbh26-new-home .cb-phone{
  position:absolute;
  right:7px;
  bottom:8px;
  width:11px;
  height:20px;
  border:2px solid #fff;
  border-radius:3px;
}

.cbh26-new-home .cb-eco-icon--server{
  display:flex!important;
  flex-direction:column;
  gap:3px;
  padding:8px;
}
.cbh26-new-home .cb-eco-icon--server i{
  display:block;
  width:26px;
  height:6px;
  border:1px solid rgba(255,255,255,.85);
  border-radius:2px;
  position:relative;
}
.cbh26-new-home .cb-eco-icon--server i:after{
  content:"";
  position:absolute;
  right:3px;
  top:1px;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#fff;
}

.cbh26-new-home .cb-eco-icon--network{
  position:relative;
  width:52px;
}
.cbh26-new-home .cb-router{
  position:absolute;
  left:8px;
  bottom:9px;
  width:28px;
  height:10px;
  border:2px solid #fff;
  border-radius:3px;
}
.cbh26-new-home .cb-router:before,
.cbh26-new-home .cb-router:after{
  content:"";
  position:absolute;
  top:-11px;
  width:2px;
  height:12px;
  background:#fff;
}
.cbh26-new-home .cb-router:before{left:5px}
.cbh26-new-home .cb-router:after{right:5px}
.cbh26-new-home .cb-wifi{
  position:absolute;
  right:3px;
  top:4px;
  color:#fff!important;
  font-size:8px!important;
  letter-spacing:-2px;
  transform:rotate(-20deg);
}

.cbh26-new-home .cb-eco-icon--computer{
  position:relative;
  width:52px;
}
.cbh26-new-home .cb-laptop{
  position:absolute;
  left:8px;
  top:8px;
  width:30px;
  height:20px;
  border:2px solid #fff;
  border-radius:3px 3px 1px 1px;
}
.cbh26-new-home .cb-laptop:after{
  content:"";
  position:absolute;
  left:-5px;
  bottom:-7px;
  width:40px;
  height:4px;
  border:2px solid #fff;
  border-top:0;
  border-radius:0 0 6px 6px;
}

.cbh26-new-home .cb-eco-link{
  position:absolute;
  z-index:1;
  left:50%;
  top:52%;
  width:240px;
  height:1px;
  background:linear-gradient(90deg,rgba(49,103,103,.05),rgba(49,103,103,.30),rgba(49,103,103,.05));
  transform-origin:left center;
}
.cbh26-new-home .cb-eco-link--1{transform:rotate(-33deg)}
.cbh26-new-home .cb-eco-link--2{transform:rotate(33deg)}
.cbh26-new-home .cb-eco-link--3{transform:rotate(147deg)}
.cbh26-new-home .cb-eco-link--4{transform:rotate(213deg)}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cbh26-new-home .cb-eco-ring{
    border-color:rgba(117,216,189,.18);
  }
  .cbh26-new-home .cb-eco-ring--inner{
    border-color:rgba(100,204,197,.14);
  }
  .cbh26-new-home .cb-eco-core{
    background:
      radial-gradient(circle at 35% 30%,rgba(100,204,197,.10),transparent 35%),
      linear-gradient(145deg,#0f1d26,#13252d)!important;
    border-color:rgba(255,255,255,.08);
    box-shadow:
      0 24px 55px rgba(0,0,0,.28),
      0 0 0 18px rgba(100,204,197,.04)!important;
  }
  .cbh26-new-home .cb-eco-core strong{
    color:#75d8bd!important;
  }
  .cbh26-new-home .cb-eco-core small{
    color:rgba(255,255,255,.56)!important;
  }
  .cbh26-new-home .cb-eco-node{
    color:#fff;
    background:rgba(15,29,38,.96);
    border-color:rgba(255,255,255,.08);
    box-shadow:0 13px 30px rgba(0,0,0,.27);
  }
  .cbh26-new-home .cb-eco-node b{
    color:#75d8bd!important;
  }
}

/* Responsive */
@media(max-width:1120px){
  .cbh26-new-home .cb-ecosystem-map{
    min-height:620px!important;
    transform:none!important;
  }
}
@media(max-width:720px){
  .cbh26-new-home .cb-ecosystem-map{
    min-height:760px!important;
  }
  .cbh26-new-home .cb-eco-ring{
    display:none;
  }
  .cbh26-new-home .cb-eco-core{
    width:165px!important;
    height:165px!important;
    top:48%;
  }
  .cbh26-new-home .cb-eco-core img{
    width:62px!important;
    height:62px!important;
  }
  .cbh26-new-home .cb-eco-node{
    min-width:132px;
    max-width:150px;
    padding:8px 9px;
  }
  .cbh26-new-home .cb-eco-node b{
    font-size:9px!important;
  }
  .cbh26-new-home .cb-eco-node--pbx{left:2%;top:12%}
  .cbh26-new-home .cb-eco-node--ai{right:2%;top:12%}
  .cbh26-new-home .cb-eco-node--whatsapp{left:2%;top:31%}
  .cbh26-new-home .cb-eco-node--sms{right:2%;top:31%}
  .cbh26-new-home .cb-eco-node--cloud{left:2%;bottom:18%}
  .cbh26-new-home .cb-eco-node--intercom{right:2%;bottom:18%}
  .cbh26-new-home .cb-eco-node--network{left:2%;bottom:2%}
  .cbh26-new-home .cb-eco-node--digital{right:2%;bottom:2%;top:auto}
}


/* =========================================================
   v1.2.6 · ECOSISTEMA VISUAL PREMIUM
   Mejora de profundidad, logo circular y movimiento.
========================================================= */
.cbh26-new-home .cb-ecosystem-map{
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 50%,rgba(100,204,197,.16) 0,rgba(100,204,197,.06) 26%,transparent 48%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,248,247,.94))!important;
  box-shadow:0 34px 80px rgba(35,36,57,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.cbh26-new-home .cb-ecosystem-map:before,
.cbh26-new-home .cb-ecosystem-map:after{
  content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:0
}
.cbh26-new-home .cb-ecosystem-map:before{width:330px;height:330px;left:-120px;top:-120px;background:radial-gradient(circle,rgba(100,204,197,.18),transparent 68%)}
.cbh26-new-home .cb-ecosystem-map:after{width:290px;height:290px;right:-100px;bottom:-110px;background:radial-gradient(circle,rgba(49,103,103,.14),transparent 70%)}
.cbh26-new-home .cb-eco-ring--outer{animation:cbEcoSpin 32s linear infinite}
.cbh26-new-home .cb-eco-ring--inner{animation:cbEcoSpinReverse 24s linear infinite;box-shadow:0 0 42px rgba(100,204,197,.08)}
@keyframes cbEcoSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes cbEcoSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}

.cbh26-new-home .cb-eco-core{
  width:230px!important;height:230px!important;border-radius:50%!important;
  background:radial-gradient(circle at 40% 28%,#fff 0,#f7fbfa 42%,#e7f2f1 100%)!important;
  border:1px solid rgba(49,103,103,.22)!important;
  box-shadow:0 30px 70px rgba(35,36,57,.18),0 0 0 16px rgba(255,255,255,.66),0 0 0 34px rgba(100,204,197,.07)!important;
  animation:cbCorePulse 5s ease-in-out infinite;
}
@keyframes cbCorePulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.025)}}
.cbh26-new-home .cb-eco-core img{
  width:112px!important;height:112px!important;max-width:112px!important;
  border-radius:50%!important;object-fit:cover!important;background:#fff;
  border:4px solid #fff;box-shadow:0 10px 28px rgba(35,36,57,.18),0 0 0 2px rgba(49,103,103,.55);
  margin-bottom:10px!important;
}
.cbh26-new-home .cb-eco-core strong{font-size:15px!important;text-shadow:0 1px 0 rgba(255,255,255,.7)}

.cbh26-new-home .cb-eco-node{
  min-width:164px;max-width:205px;padding:12px 15px;border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(244,249,248,.96));
  box-shadow:0 18px 38px rgba(35,36,57,.14),inset 0 1px 0 #fff;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.cbh26-new-home .cb-eco-node:hover{transform:translateY(-8px) scale(1.035)!important;box-shadow:0 25px 50px rgba(35,36,57,.20);border-color:rgba(100,204,197,.48)}
.cbh26-new-home .cb-eco-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#316767,#64ccc5);box-shadow:0 10px 24px rgba(49,103,103,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.cbh26-new-home .cb-eco-node b{font-size:12px!important}
.cbh26-new-home .cb-eco-link{height:2px;background:linear-gradient(90deg,transparent,rgba(100,204,197,.42),transparent);filter:drop-shadow(0 0 4px rgba(100,204,197,.24));animation:cbLinkGlow 3s ease-in-out infinite}
@keyframes cbLinkGlow{0%,100%{opacity:.45}50%{opacity:1}}

@media(prefers-color-scheme:dark){
 .cbh26-new-home .cb-ecosystem-map{background:radial-gradient(circle at 50% 50%,rgba(100,204,197,.12),transparent 45%),linear-gradient(145deg,#0d1a22,#10242b)!important;box-shadow:0 34px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)!important}
 .cbh26-new-home .cb-eco-core{background:radial-gradient(circle at 40% 28%,#18333a,#10252c 62%,#0b1a21)!important;box-shadow:0 30px 70px rgba(0,0,0,.38),0 0 0 16px rgba(255,255,255,.025),0 0 0 34px rgba(100,204,197,.05)!important}
 .cbh26-new-home .cb-eco-core img{background:#fff;border-color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 0 2px rgba(100,204,197,.65)}
 .cbh26-new-home .cb-eco-node{background:linear-gradient(145deg,rgba(19,42,49,.98),rgba(12,29,36,.98));box-shadow:0 18px 38px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)}
}


/* =========================================================
   v1.2.7 · ECOSISTEMA CONECTA BIT - COMPOSICIÓN CORREGIDA
========================================================= */

.cbh26-new-home .cb-ecosystem-v127{
  position:relative!important;
  min-height:620px!important;
  padding:72px 28px 28px!important;
  overflow:hidden!important;
  transform:none!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(100,204,197,.12),transparent 24%),
    radial-gradient(circle at 82% 18%,rgba(100,204,197,.11),transparent 25%),
    linear-gradient(145deg,#ffffff,#f2f8f7)!important;
}

.cbh26-new-home .cb-ecosystem-v127 .cb-command-top{
  z-index:20;
  top:20px!important;
}

.cbh26-new-home .cb-eco-stage{
  position:relative;
  width:100%;
  height:500px;
  max-width:720px;
  margin:0 auto;
}

.cbh26-new-home .cb-eco-orbit{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.cbh26-new-home .cb-eco-orbit--outer{
  width:430px;
  height:430px;
  border:1px dashed rgba(49,103,103,.22);
}

.cbh26-new-home .cb-eco-orbit--mid{
  width:330px;
  height:330px;
  border:1px solid rgba(100,204,197,.20);
  box-shadow:
    0 0 0 22px rgba(100,204,197,.035),
    0 0 0 46px rgba(49,103,103,.025);
}

.cbh26-new-home .cb-eco-orbit--inner{
  width:245px;
  height:245px;
  border:1px solid rgba(49,103,103,.13);
  box-shadow:
    inset 0 0 45px rgba(100,204,197,.06);
}

.cbh26-new-home .cb-eco-core-v127{
  position:absolute;
  z-index:12;
  left:50%;
  top:50%;
  width:205px;
  height:205px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 35% 30%,rgba(100,204,197,.10),transparent 35%),
    #ffffff;
  border:3px solid #316767;
  box-shadow:
    0 24px 55px rgba(35,36,57,.15),
    0 0 0 10px rgba(255,255,255,.88),
    0 0 0 18px rgba(100,204,197,.16);
}

.cbh26-new-home .cb-eco-logo-wrap{
  width:104px;
  height:104px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  overflow:hidden;
  margin-bottom:7px;
}

.cbh26-new-home .cb-eco-logo-wrap img{
  width:96px!important;
  height:96px!important;
  max-width:96px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

.cbh26-new-home .cb-eco-core-v127 strong{
  color:#316767!important;
  font:800 14px/1 Poppins,Inter,sans-serif!important;
  letter-spacing:.10em;
}

.cbh26-new-home .cb-eco-core-v127 small{
  margin-top:6px;
  color:#748087!important;
  font-size:10px!important;
}

.cbh26-new-home .cb-eco-service{
  position:absolute;
  z-index:14;
  display:grid;
  grid-template-columns:52px 1fr;
  align-items:center;
  gap:12px;
  width:205px;
  min-height:76px;
  padding:12px 14px;
  border-radius:22px;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(49,103,103,.12);
  box-shadow:
    0 16px 34px rgba(35,36,57,.10),
    0 2px 0 rgba(255,255,255,.75) inset;
  transition:transform .28s ease,box-shadow .28s ease;
}

.cbh26-new-home .cb-eco-service:hover{
  transform:translateY(-5px) scale(1.015);
  box-shadow:0 24px 46px rgba(35,36,57,.14);
}

.cbh26-new-home .cb-eco-service strong{
  display:block;
  color:#316767!important;
  font:700 12px/1.25 Poppins,Inter,sans-serif!important;
}

.cbh26-new-home .cb-eco-service small{
  display:block;
  margin-top:4px;
  color:#68747d!important;
  font-size:9px!important;
  line-height:1.35!important;
}

.cbh26-new-home .cb-svc-visual{
  width:50px;
  height:50px;
  border-radius:16px;
  display:grid;
  place-items:center;
  position:relative;
  color:#fff;
  background:linear-gradient(145deg,#316767,#64ccc5);
  box-shadow:0 10px 20px rgba(49,103,103,.18);
  font-size:17px;
  font-weight:900;
}

.cbh26-new-home .cb-svc-pbx{left:0;top:73px}
.cbh26-new-home .cb-svc-ai{right:0;top:73px}
.cbh26-new-home .cb-svc-wa{left:-18px;top:220px}
.cbh26-new-home .cb-svc-sms{right:-18px;top:220px}
.cbh26-new-home .cb-svc-cloud{left:18px;bottom:22px}
.cbh26-new-home .cb-svc-network{left:50%;bottom:-2px;transform:translateX(-50%)}
.cbh26-new-home .cb-svc-network:hover{transform:translateX(-50%) translateY(-5px) scale(1.015)}
.cbh26-new-home .cb-svc-intercom{right:18px;bottom:22px}
.cbh26-new-home .cb-svc-digital{left:50%;top:-2px;transform:translateX(-50%)}
.cbh26-new-home .cb-svc-digital:hover{transform:translateX(-50%) translateY(-5px) scale(1.015)}

.cbh26-new-home .cb-eco-dot{
  position:absolute;
  z-index:10;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#64ccc5;
  border:4px solid #fff;
  box-shadow:0 0 0 4px rgba(100,204,197,.16),0 0 18px rgba(100,204,197,.50);
}

.cbh26-new-home .cb-eco-dot.d1{left:50%;top:66px;transform:translateX(-50%)}
.cbh26-new-home .cb-eco-dot.d2{right:125px;top:132px}
.cbh26-new-home .cb-eco-dot.d3{right:84px;top:50%;transform:translateY(-50%)}
.cbh26-new-home .cb-eco-dot.d4{right:135px;bottom:112px}
.cbh26-new-home .cb-eco-dot.d5{left:50%;bottom:74px;transform:translateX(-50%)}
.cbh26-new-home .cb-eco-dot.d6{left:135px;bottom:112px}
.cbh26-new-home .cb-eco-dot.d7{left:84px;top:50%;transform:translateY(-50%)}
.cbh26-new-home .cb-eco-dot.d8{left:125px;top:132px}

/* Simple device illustrations */
.cbh26-new-home .cb-svc-visual--devices .cb-device-monitor{
  position:absolute;
  left:7px;top:9px;width:27px;height:20px;border:2px solid #fff;border-radius:3px;
}
.cbh26-new-home .cb-svc-visual--devices .cb-device-monitor:after{
  content:"";position:absolute;left:8px;bottom:-7px;width:11px;height:6px;border-bottom:2px solid #fff;border-left:2px solid transparent;border-right:2px solid transparent;
}
.cbh26-new-home .cb-svc-visual--devices .cb-device-phone{
  position:absolute;
  right:6px;bottom:7px;width:12px;height:22px;border:2px solid #fff;border-radius:3px;
}

.cbh26-new-home .cb-svc-visual--server{
  display:flex!important;flex-direction:column;gap:3px;padding:8px;
}
.cbh26-new-home .cb-svc-visual--server span{
  width:28px;height:7px;border:1px solid rgba(255,255,255,.9);border-radius:2px;
}

.cbh26-new-home .cb-router-box{
  position:absolute;left:9px;bottom:10px;width:30px;height:11px;border:2px solid #fff;border-radius:3px;
}
.cbh26-new-home .cb-router-ant{
  position:absolute;bottom:21px;width:2px;height:15px;background:#fff;
}
.cbh26-new-home .cb-router-ant.a1{left:17px}
.cbh26-new-home .cb-router-ant.a2{right:17px}

.cbh26-new-home .cb-laptop-screen{
  position:absolute;left:8px;top:8px;width:32px;height:22px;border:2px solid #fff;border-radius:3px;
}
.cbh26-new-home .cb-laptop-base{
  position:absolute;left:5px;bottom:8px;width:40px;height:5px;border:2px solid #fff;border-top:0;border-radius:0 0 6px 6px;
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cbh26-new-home .cb-ecosystem-v127{
    background:
      radial-gradient(circle at 50% 48%,rgba(100,204,197,.08),transparent 24%),
      radial-gradient(circle at 82% 18%,rgba(100,204,197,.08),transparent 25%),
      linear-gradient(145deg,#0b1720,#0f1d26)!important;
  }

  .cbh26-new-home .cb-eco-orbit--outer{border-color:rgba(117,216,189,.18)}
  .cbh26-new-home .cb-eco-orbit--mid{border-color:rgba(100,204,197,.14)}
  .cbh26-new-home .cb-eco-orbit--inner{border-color:rgba(255,255,255,.07)}

  .cbh26-new-home .cb-eco-core-v127{
    background:
      radial-gradient(circle at 35% 30%,rgba(100,204,197,.08),transparent 35%),
      #0f1d26;
    border-color:#75d8bd;
    box-shadow:
      0 24px 55px rgba(0,0,0,.30),
      0 0 0 10px rgba(15,29,38,.92),
      0 0 0 18px rgba(100,204,197,.10);
  }

  .cbh26-new-home .cb-eco-core-v127 strong{color:#75d8bd!important}
  .cbh26-new-home .cb-eco-core-v127 small{color:rgba(255,255,255,.55)!important}

  .cbh26-new-home .cb-eco-service{
    background:rgba(15,29,38,.97);
    border-color:rgba(255,255,255,.08);
    box-shadow:0 16px 34px rgba(0,0,0,.24);
  }
  .cbh26-new-home .cb-eco-service strong{color:#75d8bd!important}
  .cbh26-new-home .cb-eco-service small{color:rgba(255,255,255,.56)!important}
  .cbh26-new-home .cb-eco-dot{border-color:#0f1d26}
}

/* Responsive */
@media(max-width:1120px){
  .cbh26-new-home .cb-eco-stage{
    max-width:660px;
  }
  .cbh26-new-home .cb-eco-service{
    width:185px;
  }
}

@media(max-width:760px){
  .cbh26-new-home .cb-ecosystem-v127{
    min-height:auto!important;
    padding:72px 16px 22px!important;
  }

  .cbh26-new-home .cb-eco-stage{
    height:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding-top:220px;
  }

  .cbh26-new-home .cb-eco-orbit,
  .cbh26-new-home .cb-eco-dot{
    display:none;
  }

  .cbh26-new-home .cb-eco-core-v127{
    top:0;
    width:175px;
    height:175px;
  }

  .cbh26-new-home .cb-eco-logo-wrap{
    width:86px;height:86px;
  }

  .cbh26-new-home .cb-eco-logo-wrap img{
    width:80px!important;height:80px!important;max-width:80px!important;
  }

  .cbh26-new-home .cb-eco-service{
    position:relative;
    inset:auto!important;
    transform:none!important;
    width:auto;
    min-height:72px;
  }

  .cbh26-new-home .cb-eco-service:hover{
    transform:translateY(-4px)!important;
  }
}

@media(max-width:500px){
  .cbh26-new-home .cb-eco-stage{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   v1.2.8 · MARQUEE CONTINUO Y MÁS RÁPIDO
========================================================= */

.cbh26-new-home .cb-marquee-v128{
  overflow:hidden!important;
  padding:0!important;
  border-block:1px solid rgba(49,103,103,.10)!important;
  background:#ffffff!important;
  white-space:nowrap;
}

.cbh26-new-home .cb-marquee-v128 .cb-marquee-track{
  display:flex;
  width:max-content;
  animation:cbMarqueeV128 24s linear infinite;
  will-change:transform;
}

.cbh26-new-home .cb-marquee-v128 .cb-marquee-group{
  display:flex;
  align-items:center;
  flex-shrink:0;
  min-width:max-content;
  padding:18px 0;
}

.cbh26-new-home .cb-marquee-v128 .cb-marquee-group span{
  display:inline-block;
  color:#3e4a54!important;
  font:800 12px/1 Inter,Arial,sans-serif!important;
  letter-spacing:.10em;
  padding:0 18px;
}

.cbh26-new-home .cb-marquee-v128 .cb-marquee-group i{
  color:#64ccc5!important;
  font-style:normal!important;
  font-size:11px!important;
  padding:0 4px;
}

@keyframes cbMarqueeV128{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Pausa opcional al pasar el cursor */
.cbh26-new-home .cb-marquee-v128:hover .cb-marquee-track{
  animation-play-state:paused;
}

/* Modo oscuro */
@media(prefers-color-scheme:dark){
  .cbh26-new-home .cb-marquee-v128{
    background:#0f1d26!important;
    border-block-color:rgba(255,255,255,.07)!important;
  }

  .cbh26-new-home .cb-marquee-v128 .cb-marquee-group span{
    color:rgba(255,255,255,.82)!important;
  }

  .cbh26-new-home .cb-marquee-v128 .cb-marquee-group i{
    color:#64ccc5!important;
  }
}

/* En móvil se acelera un poco más para evitar sensación de lentitud */
@media(max-width:700px){
  .cbh26-new-home .cb-marquee-v128 .cb-marquee-track{
    animation-duration:18s;
  }

  .cbh26-new-home .cb-marquee-v128 .cb-marquee-group span{
    font-size:10px!important;
    padding:0 14px;
  }
}


/* =========================================================
   v1.2.9 · NÚCLEO CENTRAL SOLO CON LOGO
========================================================= */
.cbh26-new-home .cb-eco-core-v127{
  justify-content:center!important;
}
.cbh26-new-home .cb-eco-logo-wrap{
  width:142px!important;
  height:142px!important;
  margin:0!important;
  border-radius:50%!important;
}
.cbh26-new-home .cb-eco-logo-wrap img{
  width:134px!important;
  height:134px!important;
  max-width:134px!important;
  border-radius:50%!important;
  object-fit:contain!important;
}
@media(max-width:760px){
  .cbh26-new-home .cb-eco-logo-wrap{
    width:122px!important;
    height:122px!important;
  }
  .cbh26-new-home .cb-eco-logo-wrap img{
    width:116px!important;
    height:116px!important;
    max-width:116px!important;
  }
}


/* v1.2.10 · Eliminar únicamente el borde circular visible del logo central */
.cbh26-new-home .cb-eco-logo-wrap,
.cbh26-new-home .cb-eco-logo-wrap img{
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
}


/* =========================================================
   v1.2.11 · ELIMINAR BORDE DEL LOGO CENTRAL
   Se elimina el borde del contenedor completo, no solo de la imagen.
========================================================= */
.cbh26-new-home .cb-eco-core-v127{
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
    background:transparent!important;
}

.cbh26-new-home .cb-eco-logo-wrap,
.cbh26-new-home .cb-eco-logo-wrap img{
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
    background:transparent!important;
}

/* Evitar que pseudo-elementos o estilos heredados dibujen anillos */
.cbh26-new-home .cb-eco-core-v127::before,
.cbh26-new-home .cb-eco-core-v127::after,
.cbh26-new-home .cb-eco-logo-wrap::before,
.cbh26-new-home .cb-eco-logo-wrap::after{
    content:none!important;
    display:none!important;
    border:none!important;
    box-shadow:none!important;
}

/* Mantener únicamente las órbitas externas de la composición */
.cbh26-new-home .cb-eco-orbit--inner{
    border-color:rgba(100,204,197,.16)!important;
}


/* =========================================================
   v1.2.12 · RESPONSIVE GENERAL DEL NUEVO HOME
   Ajustes específicos para móvil y tablet sin alterar desktop.
========================================================= */

/* Base responsive */
.cbh26-new-home,
.cbh26-new-home *{
  box-sizing:border-box;
}

.cbh26-new-home img{
  max-width:100%;
  height:auto;
}

/* Tablets */
@media(max-width:980px){
  .cbh26-new-home .cb-new-nav{
    min-height:72px!important;
    padding:10px 20px!important;
  }

  .cbh26-new-home .cb-brand-logo{
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
  }

  .cbh26-new-home .cb-brand strong{
    font-size:17px!important;
  }

  .cbh26-new-home .cb-brand small{
    font-size:9px!important;
  }

  .cbh26-new-home .cb-hero-new{
    grid-template-columns:1fr!important;
    gap:46px!important;
    min-height:auto!important;
    padding:74px 28px 62px!important;
  }

  .cbh26-new-home .cb-hero-copy{
    max-width:760px!important;
    margin:0 auto!important;
  }

  .cbh26-new-home .cb-command{
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
  }

  .cbh26-new-home .cb-section,
  .cbh26-new-home .cb-journey,
  .cbh26-new-home .cb-whatclick,
  .cbh26-new-home .cb-final{
    padding-left:28px!important;
    padding-right:28px!important;
  }
}

/* Mobile general */
@media(max-width:700px){
  body.cbh26-new-home{
    overflow-x:hidden!important;
  }

  /* Header */
  .cbh26-new-home .cb-new-nav{
    position:sticky!important;
    top:0!important;
    gap:12px!important;
    min-height:68px!important;
    padding:9px 16px!important;
  }

  .cbh26-new-home .cb-brand{
    min-width:0!important;
    gap:10px!important;
  }

  .cbh26-new-home .cb-brand-logo{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    flex:0 0 44px!important;
  }

  .cbh26-new-home .cb-brand span:last-child{
    min-width:0!important;
  }

  .cbh26-new-home .cb-brand strong{
    font-size:16px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }

  .cbh26-new-home .cb-brand small{
    margin-top:4px!important;
    font-size:8px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }

  /* Hero */
  .cbh26-new-home .cb-hero-new{
    display:block!important;
    min-height:auto!important;
    padding:64px 18px 44px!important;
    background:
      radial-gradient(circle at 82% 16%,rgba(100,204,197,.15),transparent 31%),
      radial-gradient(circle at 10% 20%,rgba(49,103,103,.07),transparent 28%),
      linear-gradient(135deg,#ffffff 0%,#f3f8f8 58%,#edf5f4 100%)!important;
  }

  .cbh26-new-home .cb-hero-copy{
    width:100%!important;
    max-width:none!important;
  }

  .cbh26-new-home .cb-eyebrow{
    margin-bottom:16px!important;
    font-size:10px!important;
    line-height:1.5!important;
    letter-spacing:.13em!important;
  }

  .cbh26-new-home .cb-hero-new h1{
    max-width:100%!important;
    margin-bottom:22px!important;
    font-size:clamp(42px,12.2vw,61px)!important;
    line-height:.97!important;
    letter-spacing:-.055em!important;
  }

  .cbh26-new-home .cb-hero-new p{
    max-width:none!important;
    margin:0!important;
    font-size:17px!important;
    line-height:1.72!important;
  }

  .cbh26-new-home .cb-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-top:30px!important;
  }

  .cbh26-new-home .cb-pill{
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    padding:0 15px!important;
    font-size:12px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  /* Ecosystem card */
  .cbh26-new-home .cb-command{
    width:100%!important;
    max-width:none!important;
    margin:46px 0 0!important;
    border-radius:28px!important;
  }

  .cbh26-new-home .cb-ecosystem-v127{
    min-height:auto!important;
    padding:64px 12px 18px!important;
    border-radius:28px!important;
  }

  .cbh26-new-home .cb-ecosystem-v127 .cb-command-top{
    top:18px!important;
    left:18px!important;
    right:18px!important;
    font-size:10px!important;
  }

  .cbh26-new-home .cb-eco-stage{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    height:auto!important;
    padding-top:210px!important;
  }

  .cbh26-new-home .cb-eco-core-v127{
    top:14px!important;
    width:168px!important;
    height:168px!important;
  }

  .cbh26-new-home .cb-eco-logo-wrap{
    width:128px!important;
    height:128px!important;
  }

  .cbh26-new-home .cb-eco-logo-wrap img{
    width:122px!important;
    height:122px!important;
    max-width:122px!important;
  }

  .cbh26-new-home .cb-eco-service{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:82px!important;
    transform:none!important;
    grid-template-columns:46px 1fr!important;
    gap:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }

  .cbh26-new-home .cb-eco-service:hover{
    transform:translateY(-3px)!important;
  }

  .cbh26-new-home .cb-svc-visual{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }

  .cbh26-new-home .cb-eco-service strong{
    font-size:10px!important;
    line-height:1.25!important;
  }

  .cbh26-new-home .cb-eco-service small{
    font-size:8px!important;
    line-height:1.35!important;
  }

  .cbh26-new-home .cb-eco-orbit,
  .cbh26-new-home .cb-eco-dot{
    display:none!important;
  }

  /* Marquee */
  .cbh26-new-home .cb-marquee-v128 .cb-marquee-group{
    padding:14px 0!important;
  }

  /* Section spacing */
  .cbh26-new-home .cb-section,
  .cbh26-new-home .cb-journey,
  .cbh26-new-home .cb-whatclick,
  .cbh26-new-home .cb-final{
    padding:72px 18px!important;
  }

  .cbh26-new-home .cb-section-head{
    margin-bottom:30px!important;
  }

  .cbh26-new-home .cb-section-head h2,
  .cbh26-new-home .cb-whatclick h2,
  .cbh26-new-home .cb-final h2{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:1.03!important;
  }

  .cbh26-new-home .cb-section-head>p{
    font-size:15px!important;
    line-height:1.65!important;
  }

  /* Bento */
  .cbh26-new-home .cb-bento{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .cbh26-new-home .cb-card,
  .cbh26-new-home .cb-card-featured,
  .cbh26-new-home .cb-card-wide{
    grid-column:1!important;
    min-height:auto!important;
    padding:24px!important;
    border-radius:24px!important;
  }

  .cbh26-new-home .cb-card-featured{
    min-height:430px!important;
  }

  .cbh26-new-home .cb-card-wide{
    display:block!important;
  }

  .cbh26-new-home .cb-icon{
    margin-bottom:28px!important;
  }

  .cbh26-new-home .cb-card h3{
    font-size:22px!important;
  }

  .cbh26-new-home .cb-card p{
    font-size:14px!important;
  }

  .cbh26-new-home .cb-card strong{
    position:static!important;
    display:inline-block!important;
    margin-top:24px!important;
  }

  .cbh26-new-home .cb-mini-flow{
    position:static!important;
    margin-top:28px!important;
    flex-wrap:wrap!important;
  }

  /* Journey */
  .cbh26-new-home .cb-steps{
    grid-template-columns:1fr!important;
    border-radius:24px!important;
  }

  .cbh26-new-home .cb-steps article{
    padding:28px!important;
  }

  /* WhatClick */
  .cbh26-new-home .cb-whatclick{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }

  .cbh26-new-home .cb-chat-demo{
    padding:20px!important;
    border-radius:24px!important;
  }

  /* Footer */
  .cbh26-new-home .cb-new-footer{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:42px 18px!important;
  }
}

/* Very small mobile */
@media(max-width:430px){
  .cbh26-new-home .cb-hero-new{
    padding-left:15px!important;
    padding-right:15px!important;
  }

  .cbh26-new-home .cb-hero-new h1{
    font-size:clamp(38px,12vw,52px)!important;
  }

  .cbh26-new-home .cb-actions{
    grid-template-columns:1fr!important;
  }

  .cbh26-new-home .cb-pill{
    min-height:52px!important;
  }

  .cbh26-new-home .cb-ecosystem-v127{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .cbh26-new-home .cb-eco-stage{
    grid-template-columns:1fr!important;
    padding-top:200px!important;
  }

  .cbh26-new-home .cb-eco-service{
    min-height:74px!important;
  }

  .cbh26-new-home .cb-eco-core-v127{
    width:158px!important;
    height:158px!important;
  }

  .cbh26-new-home .cb-eco-logo-wrap{
    width:120px!important;
    height:120px!important;
  }

  .cbh26-new-home .cb-eco-logo-wrap img{
    width:114px!important;
    height:114px!important;
    max-width:114px!important;
  }
}

/* Dark mode mobile */
@media(prefers-color-scheme:dark) and (max-width:700px){
  .cbh26-new-home .cb-hero-new{
    background:
      radial-gradient(circle at 80% 16%,rgba(100,204,197,.12),transparent 31%),
      radial-gradient(circle at 10% 18%,rgba(49,103,103,.14),transparent 28%),
      linear-gradient(135deg,#050d15,#07141d 58%,#11152a)!important;
  }
}


/* =========================================================
   v1.2.13 · Sección Soluciones: WhatClick + 3 desarrollos
   Basado directamente en el respaldo v1.2.12.
========================================================= */

.cbh26-new-home .cb-bento-v1213{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
}

.cbh26-new-home .cb-featured-v1213{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  min-height:430px!important;
  display:grid!important;
  grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr)!important;
  padding:0!important;
  overflow:hidden!important;
}

.cbh26-new-home .cb-featured-copy-v1213{
  padding:42px!important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

.cbh26-new-home .cb-featured-v1213 .cb-icon{
  margin:18px 0 34px!important;
}

.cbh26-new-home .cb-featured-v1213 strong{
  position:static!important;
  display:inline-block;
  margin-top:28px!important;
}

.cbh26-new-home .cb-featured-media-v1213{
  min-height:430px;
  overflow:hidden;
  background:#f7f9fa;
}

.cbh26-new-home .cb-featured-media-v1213 img{
  width:100%!important;
  height:100%!important;
  min-height:430px;
  display:block;
  object-fit:cover!important;
  object-position:center!important;
}

.cbh26-new-home .cb-development-v1213{
  grid-column:auto!important;
  min-height:330px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:30px!important;
}

.cbh26-new-home .cb-development-v1213 .cb-icon{
  margin-bottom:24px!important;
}

.cbh26-new-home .cb-development-v1213 .cb-card-tag{
  margin-bottom:10px;
}

.cbh26-new-home .cb-development-v1213 h3{
  margin:0 0 15px!important;
  font-size:25px!important;
  line-height:1.15!important;
}

.cbh26-new-home .cb-development-v1213 h3 span{
  display:block;
  color:#316767!important;
}

.cbh26-new-home .cb-development-v1213 p{
  margin:0!important;
  line-height:1.65!important;
}

.cbh26-new-home .cb-development-v1213 strong{
  position:static!important;
  margin-top:auto!important;
  padding-top:28px!important;
}

.cbh26-new-home .cb-development-v1213--design{
  background:
    radial-gradient(circle at 92% 8%,rgba(100,204,197,.12),transparent 30%),
    #fff!important;
}

@media(prefers-color-scheme:dark){
  .cbh26-new-home .cb-development-v1213 h3 span{
    color:#75d8bd!important;
  }

  .cbh26-new-home .cb-development-v1213--design{
    background:
      radial-gradient(circle at 92% 8%,rgba(100,204,197,.09),transparent 30%),
      #0f1d26!important;
  }

  .cbh26-new-home .cb-featured-media-v1213{
    background:#0c1720;
  }
}

/* Responsive: conserva la base móvil v1.2.12 */
@media(max-width:900px){
  .cbh26-new-home .cb-bento-v1213{
    grid-template-columns:1fr!important;
  }

  .cbh26-new-home .cb-featured-v1213{
    grid-template-columns:1fr!important;
  }

  .cbh26-new-home .cb-featured-media-v1213{
    min-height:300px!important;
  }

  .cbh26-new-home .cb-featured-media-v1213 img{
    min-height:300px!important;
  }
}

@media(max-width:600px){
  .cbh26-new-home .cb-featured-copy-v1213{
    padding:28px 24px!important;
  }

  .cbh26-new-home .cb-featured-media-v1213,
  .cbh26-new-home .cb-featured-media-v1213 img{
    min-height:220px!important;
  }

  .cbh26-new-home .cb-development-v1213{
    min-height:auto!important;
    padding:25px 22px!important;
  }

  .cbh26-new-home .cb-development-v1213 h3{
    font-size:22px!important;
  }
}




/* =========================================================
   v1.2.17 · CONTROL DE SCROLL COMPACTO REAL
   Horizontal, discreto y sin contenedor vertical alargado.
========================================================= */

.cbh26-scroll-rail--global{
  position:fixed!important;
  z-index:9998!important;
  right:20px!important;
  bottom:22px!important;

  width:98px!important;
  height:48px!important;
  min-width:98px!important;
  min-height:48px!important;
  max-width:98px!important;
  max-height:48px!important;

  padding:5px!important;
  margin:0!important;

  display:grid!important;
  grid-template-columns:40px 1fr 40px!important;
  grid-template-rows:38px!important;
  align-items:center!important;
  justify-items:center!important;
  gap:4px!important;

  border-radius:999px!important;
  border:1px solid rgba(49,103,103,.13)!important;

  background:rgba(255,255,255,.94)!important;
  box-shadow:
    0 14px 32px rgba(35,36,57,.16),
    inset 0 1px 0 rgba(255,255,255,.85)!important;

  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;

  overflow:hidden!important;
  transform:none!important;
  opacity:1!important;
}

.cbh26-scroll-rail--global::before,
.cbh26-scroll-rail--global::after{
  content:none!important;
  display:none!important;
}

.cbh26-scroll-rail--global .cbh26-scroll-rail__up,
.cbh26-scroll-rail--global .cbh26-scroll-rail__down{
  position:static!important;

  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;

  margin:0!important;
  padding:0!important;

  display:grid!important;
  place-items:center!important;

  border:0!important;
  border-radius:50%!important;

  background:linear-gradient(145deg,#316767,#4e9791)!important;
  color:#fff!important;

  box-shadow:0 7px 16px rgba(49,103,103,.22)!important;

  cursor:pointer!important;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease!important;
}

.cbh26-scroll-rail--global .cbh26-scroll-rail__up:hover,
.cbh26-scroll-rail--global .cbh26-scroll-rail__down:hover{
  transform:translateY(-1px) scale(1.05)!important;
  box-shadow:0 9px 20px rgba(49,103,103,.28)!important;
}

.cbh26-scroll-rail--global .cbh26-scroll-rail__up:active,
.cbh26-scroll-rail--global .cbh26-scroll-rail__down:active{
  transform:scale(.94)!important;
}

.cbh26-scroll-rail--global button:disabled{
  opacity:.28!important;
  cursor:default!important;
  transform:none!important;
  box-shadow:none!important;
}

.cbh26-scroll-rail--global button span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font:800 19px/1 Arial,sans-serif!important;
  transform:none!important;
}

/* The middle element is now a tiny horizontal progress indicator. */
.cbh26-scroll-rail--global .cbh26-scroll-rail__track{
  position:relative!important;
  width:10px!important;
  height:4px!important;
  min-width:10px!important;
  min-height:4px!important;
  max-width:10px!important;
  max-height:4px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(49,103,103,.14)!important;
  transform:none!important;
}

.cbh26-scroll-rail--global .cbh26-scroll-rail__track i{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:var(--cb-scroll-progress,0%)!important;
  height:100%!important;
  display:block!important;
  border-radius:999px!important;
  background:#64ccc5!important;
  transition:width .08s linear!important;
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cbh26-scroll-rail--global{
    background:rgba(9,23,31,.94)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.35)!important;
  }

  .cbh26-scroll-rail--global .cbh26-scroll-rail__track{
    background:rgba(255,255,255,.12)!important;
  }
}

/* Mobile: smaller capsule, still horizontal */
@media(max-width:600px){
  .cbh26-scroll-rail--global{
    right:10px!important;
    bottom:14px!important;

    width:86px!important;
    height:42px!important;
    min-width:86px!important;
    min-height:42px!important;
    max-width:86px!important;
    max-height:42px!important;

    padding:4px!important;
    grid-template-columns:34px 1fr 34px!important;
    grid-template-rows:34px!important;
    gap:3px!important;
  }

  .cbh26-scroll-rail--global .cbh26-scroll-rail__up,
  .cbh26-scroll-rail--global .cbh26-scroll-rail__down{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }

  .cbh26-scroll-rail--global button span{
    font-size:16px!important;
  }

  .cbh26-scroll-rail--global .cbh26-scroll-rail__track{
    width:8px!important;
  }
}


/* =========================================================
   v1.2.18 · Scroll compacto corregido, sin recortes
========================================================= */

.cbh26-scroll-rail--global{
  right:22px!important;
  bottom:24px!important;

  width:138px!important;
  height:58px!important;
  min-width:138px!important;
  min-height:58px!important;
  max-width:138px!important;
  max-height:58px!important;

  padding:7px 8px!important;

  display:grid!important;
  grid-template-columns:44px 1fr 44px!important;
  grid-template-rows:44px!important;
  align-items:center!important;
  justify-items:center!important;
  gap:10px!important;

  border-radius:999px!important;
  overflow:visible!important;

  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(49,103,103,.13)!important;

  box-shadow:
    0 16px 34px rgba(35,36,57,.16),
    0 1px 0 rgba(255,255,255,.82) inset!important;
}

.cbh26-scroll-rail--global .cbh26-scroll-rail__up,
.cbh26-scroll-rail--global .cbh26-scroll-rail__down{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;

  border-radius:50%!important;
  overflow:visible!important;
}

.cbh26-scroll-rail--global .cbh26-scroll-rail__track{
  width:24px!important;
  height:5px!important;
  min-width:24px!important;
  min-height:5px!important;
  max-width:24px!important;
  max-height:5px!important;

  border-radius:999px!important;
  overflow:hidden!important;
}

.cbh26-scroll-rail--global button span{
  font-size:20px!important;
}

/* Mobile */
@media(max-width:600px){
  .cbh26-scroll-rail--global{
    right:12px!important;
    bottom:16px!important;

    width:118px!important;
    height:52px!important;
    min-width:118px!important;
    min-height:52px!important;
    max-width:118px!important;
    max-height:52px!important;

    padding:6px 7px!important;
    grid-template-columns:40px 1fr 40px!important;
    grid-template-rows:40px!important;
    gap:8px!important;
  }

  .cbh26-scroll-rail--global .cbh26-scroll-rail__up,
  .cbh26-scroll-rail--global .cbh26-scroll-rail__down{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }

  .cbh26-scroll-rail--global .cbh26-scroll-rail__track{
    width:20px!important;
    height:4px!important;
  }

  .cbh26-scroll-rail--global button span{
    font-size:18px!important;
  }
}


/* =========================================================
   v1.2.19 · BOTÓN FLOTANTE DE SCROLL LIMPIO
========================================================= */

/* Ocultar cualquier control anterior que haya quedado heredado */
.cbh26-scroll-rail,
.cbh26-scroll-rail--global{
  display:none!important;
}

.cbh26-scroll-fab{
  --fab-progress:0deg;
  position:fixed!important;
  right:22px!important;
  bottom:24px!important;
  z-index:9999!important;

  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;

  border-radius:50%!important;
  padding:4px!important;

  display:grid!important;
  place-items:center!important;

  background:
    conic-gradient(
      #64ccc5 var(--fab-progress),
      rgba(49,103,103,.14) var(--fab-progress)
    )!important;

  box-shadow:0 14px 32px rgba(35,36,57,.16)!important;
}

.cbh26-scroll-fab__button{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;

  margin:0!important;
  padding:0!important;

  display:grid!important;
  place-items:center!important;

  border:0!important;
  border-radius:50%!important;

  background:linear-gradient(145deg,#316767,#4f9690)!important;
  color:#fff!important;

  box-shadow:
    0 8px 18px rgba(49,103,103,.25),
    inset 0 1px 0 rgba(255,255,255,.18)!important;

  cursor:pointer!important;
  transition:
    transform .2s ease,
    box-shadow .2s ease!important;
}

.cbh26-scroll-fab__button:hover{
  transform:translateY(-2px) scale(1.04)!important;
  box-shadow:
    0 12px 24px rgba(49,103,103,.30),
    inset 0 1px 0 rgba(255,255,255,.2)!important;
}

.cbh26-scroll-fab__button:active{
  transform:scale(.94)!important;
}

.cbh26-scroll-fab__button span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font:800 25px/1 Arial,sans-serif!important;
  transform:translateY(-1px)!important;
}

@media(prefers-color-scheme:dark){
  .cbh26-scroll-fab{
    background:
      conic-gradient(
        #64ccc5 var(--fab-progress),
        rgba(255,255,255,.12) var(--fab-progress)
      )!important;
    box-shadow:0 14px 32px rgba(0,0,0,.34)!important;
  }
}

@media(max-width:600px){
  .cbh26-scroll-fab{
    right:14px!important;
    bottom:18px!important;

    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }

  .cbh26-scroll-fab__button{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
  }

  .cbh26-scroll-fab__button span{
    font-size:22px!important;
  }
}

/* v1.2.20 Galería dinámica exclusiva de WhatClick */
.cbh26-new-home .cb-featured-gallery-v1220{position:relative!important;min-height:430px!important;overflow:hidden!important;background:#f7f9fa!important}
.cbh26-new-home .cb-featured-slides-v1220{position:absolute;inset:0}
.cbh26-new-home .cb-featured-slide-v1220{position:absolute;inset:0;margin:0!important;opacity:0;transform:scale(1.02);transition:opacity .7s ease,transform 1.2s ease;pointer-events:none}
.cbh26-new-home .cb-featured-slide-v1220.is-active{opacity:1;transform:scale(1);pointer-events:auto}
.cbh26-new-home .cb-featured-slide-v1220 img{width:100%!important;height:100%!important;min-height:430px!important;object-fit:cover!important;object-position:center!important;display:block!important}
.cbh26-new-home .cb-featured-gallery-controls-v1220{position:absolute;left:18px;right:18px;bottom:16px;z-index:6;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none}
.cbh26-new-home .cb-featured-arrow-v1220,.cbh26-new-home .cb-featured-dot-v1220{pointer-events:auto}
.cbh26-new-home .cb-featured-arrow-v1220{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%!important;background:rgba(20,19,42,.62)!important;color:#fff!important;font:500 25px/1 Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 8px 18px rgba(0,0,0,.16)!important}
.cbh26-new-home .cb-featured-dots-v1220{display:flex;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(20,19,42,.46)}
.cbh26-new-home .cb-featured-dot-v1220{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;max-width:8px!important;max-height:8px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.58)!important;box-shadow:none!important;cursor:pointer!important}
.cbh26-new-home .cb-featured-dot-v1220.is-active{width:24px!important;max-width:24px!important;border-radius:999px!important;background:#64ccc5!important}
@media(prefers-color-scheme:dark){.cbh26-new-home .cb-featured-gallery-v1220{background:#0b1720!important}}
@media(max-width:900px){.cbh26-new-home .cb-featured-gallery-v1220,.cbh26-new-home .cb-featured-slide-v1220 img{min-height:320px!important}}
@media(max-width:600px){.cbh26-new-home .cb-featured-gallery-v1220,.cbh26-new-home .cb-featured-slide-v1220 img{min-height:240px!important}.cbh26-new-home .cb-featured-gallery-controls-v1220{left:10px;right:10px;bottom:10px}.cbh26-new-home .cb-featured-arrow-v1220{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:21px!important}}


/* =========================================================
   v1.2.21 · Producto destacado refinado según propuesta visual
========================================================= */

.cbh26-new-home .cb-featured-v1213{
  min-height:500px!important;
  grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr)!important;
  border-radius:30px!important;
  background:#14182f!important;
  border:1px solid rgba(49,103,103,.10)!important;
  box-shadow:0 24px 60px rgba(20,24,47,.14)!important;
}

.cbh26-new-home .cb-featured-copy-v1213{
  position:relative;
  z-index:3;
  padding:54px 44px!important;
  background:
    radial-gradient(circle at 90% 16%,rgba(100,204,197,.08),transparent 32%),
    linear-gradient(145deg,#15182f,#17263a)!important;
}

.cbh26-new-home .cb-featured-copy-v1213::after{
  content:"";
  position:absolute;
  top:0;
  right:-1px;
  width:1px;
  height:100%;
  background:rgba(255,255,255,.08);
}

.cbh26-new-home .cb-featured-v1213 .cb-card-tag{
  color:#64ccc5!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
}

.cbh26-new-home .cb-featured-v1213 .cb-icon{
  width:58px!important;
  height:58px!important;
  margin:22px 0 38px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.10)!important;
  color:#64ccc5!important;
  font-size:22px!important;
  box-shadow:none!important;
}

.cbh26-new-home .cb-featured-v1213 h3{
  font-size:34px!important;
  line-height:1.05!important;
  color:#fff!important;
}

.cbh26-new-home .cb-featured-v1213 p{
  max-width:520px!important;
  font-size:16px!important;
  line-height:1.72!important;
  color:rgba(255,255,255,.78)!important;
}

.cbh26-new-home .cb-featured-v1213 strong{
  margin-top:34px!important;
  color:#fff!important;
  font-size:12px!important;
}

/* Galería visual */
.cbh26-new-home .cb-featured-gallery-v1220{
  min-height:500px!important;
  background:#f8fafb!important;
  border-radius:0 30px 30px 0!important;
}

.cbh26-new-home .cb-featured-slide-v1220{
  background:#f8fafb!important;
}

.cbh26-new-home .cb-featured-slide-v1220 img{
  min-height:500px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  padding:18px!important;
  filter:none!important;
  opacity:1!important;
}

/* Overlay muy suave para integrar, sin lavar la imagen */
.cbh26-new-home .cb-featured-gallery-v1220::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(20,24,47,.04),transparent 12%),
    radial-gradient(circle at 90% 10%,rgba(100,204,197,.035),transparent 32%);
}

/* Controles discretos */
.cbh26-new-home .cb-featured-gallery-controls-v1220{
  left:50%!important;
  right:auto!important;
  bottom:16px!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  padding:7px 9px!important;
  gap:8px!important;
  border-radius:999px!important;
  background:rgba(20,19,42,.58)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  box-shadow:0 10px 24px rgba(20,19,42,.16)!important;
}

.cbh26-new-home .cb-featured-dots-v1220{
  padding:0!important;
  background:transparent!important;
  gap:6px!important;
}

.cbh26-new-home .cb-featured-arrow-v1220{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  border:0!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  font-size:21px!important;
}

.cbh26-new-home .cb-featured-arrow-v1220:hover{
  background:rgba(100,204,197,.28)!important;
  transform:none!important;
}

.cbh26-new-home .cb-featured-dot-v1220{
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  min-height:7px!important;
  max-width:7px!important;
  max-height:7px!important;
  background:rgba(255,255,255,.42)!important;
}

.cbh26-new-home .cb-featured-dot-v1220.is-active{
  width:22px!important;
  max-width:22px!important;
  background:#64ccc5!important;
}

/* Transición más suave */
.cbh26-new-home .cb-featured-slide-v1220{
  opacity:0!important;
  transform:translateX(12px) scale(.995)!important;
  transition:opacity .6s ease,transform .7s ease!important;
}

.cbh26-new-home .cb-featured-slide-v1220.is-active{
  opacity:1!important;
  transform:translateX(0) scale(1)!important;
}

/* Mantener las 3 categorías inferiores limpias */
.cbh26-new-home .cb-development-v1213{
  background:#fff!important;
  border-radius:24px!important;
  box-shadow:0 14px 36px rgba(17,36,45,.055)!important;
}

.cbh26-new-home .cb-development-v1213--design{
  background:
    radial-gradient(circle at 92% 8%,rgba(100,204,197,.08),transparent 30%),
    #fff!important;
}

@media(prefers-color-scheme:dark){
  .cbh26-new-home .cb-featured-gallery-v1220,
  .cbh26-new-home .cb-featured-slide-v1220,
  .cbh26-new-home .cb-featured-slide-v1220 img{
    background:#f7f9fa!important;
  }

  .cbh26-new-home .cb-development-v1213{
    background:#0f1d26!important;
  }

  .cbh26-new-home .cb-development-v1213--design{
    background:
      radial-gradient(circle at 92% 8%,rgba(100,204,197,.08),transparent 30%),
      #0f1d26!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .cbh26-new-home .cb-featured-v1213{
    min-height:auto!important;
    grid-template-columns:1fr!important;
  }

  .cbh26-new-home .cb-featured-copy-v1213{
    padding:40px 32px!important;
  }

  .cbh26-new-home .cb-featured-gallery-v1220{
    min-height:380px!important;
    border-radius:0 0 30px 30px!important;
  }

  .cbh26-new-home .cb-featured-slide-v1220 img{
    min-height:380px!important;
    padding:12px!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .cbh26-new-home .cb-featured-v1213{
    border-radius:24px!important;
  }

  .cbh26-new-home .cb-featured-copy-v1213{
    padding:30px 24px!important;
  }

  .cbh26-new-home .cb-featured-v1213 h3{
    font-size:29px!important;
  }

  .cbh26-new-home .cb-featured-gallery-v1220{
    min-height:260px!important;
    border-radius:0 0 24px 24px!important;
  }

  .cbh26-new-home .cb-featured-slide-v1220 img{
    min-height:260px!important;
    padding:8px!important;
  }

  .cbh26-new-home .cb-featured-gallery-controls-v1220{
    bottom:10px!important;
  }
}


/* =========================================================
   v1.2.22 · WhatClick verde tipo WhatsApp + transición sin flechas
========================================================= */

/* Panel destacado en verde tipo WhatsApp */
.cbh26-new-home .cb-featured-v1213{
  background:
    linear-gradient(145deg,#128C7E 0%,#16A085 48%,#25D366 100%)!important;
}

.cbh26-new-home .cb-featured-copy-v1213{
  background:
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.10),transparent 30%),
    linear-gradient(145deg,#128C7E 0%,#159B83 52%,#20BD68 100%)!important;
}

.cbh26-new-home .cb-featured-copy-v1213::after{
  background:rgba(255,255,255,.16)!important;
}

.cbh26-new-home .cb-featured-v1213 .cb-card-tag{
  color:#E9FFF6!important;
}

.cbh26-new-home .cb-featured-v1213 .cb-icon{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.20)!important;
}

.cbh26-new-home .cb-featured-v1213 h3,
.cbh26-new-home .cb-featured-v1213 strong{
  color:#fff!important;
}

.cbh26-new-home .cb-featured-v1213 p{
  color:rgba(255,255,255,.90)!important;
}

/* Sin flechas: solo transición automática + puntos */
.cbh26-new-home .cb-featured-arrow-v1220{
  display:none!important;
}

.cbh26-new-home .cb-featured-gallery-controls-v1220{
  padding:8px 12px!important;
  gap:0!important;
}

.cbh26-new-home .cb-featured-dots-v1220{
  gap:7px!important;
}

/* Puntos más limpios */
.cbh26-new-home .cb-featured-dot-v1220{
  background:rgba(255,255,255,.48)!important;
}

.cbh26-new-home .cb-featured-dot-v1220.is-active{
  background:#25D366!important;
}

/* Dark mode: mantener el verde corporativo visible */
@media(prefers-color-scheme:dark){
  .cbh26-new-home .cb-featured-v1213{
    background:
      linear-gradient(145deg,#0F766E 0%,#128C7E 48%,#1FAE62 100%)!important;
  }

  .cbh26-new-home .cb-featured-copy-v1213{
    background:
      radial-gradient(circle at 88% 12%,rgba(255,255,255,.08),transparent 30%),
      linear-gradient(145deg,#0F766E 0%,#128C7E 55%,#1FAE62 100%)!important;
  }
}


/* =========================================================
   v1.2.23 · Nuevas capturas reales en galería WhatClick
========================================================= */

.cbh26-new-home .cb-featured-gallery-v1220{
  background:#f8fafb!important;
}

.cbh26-new-home .cb-featured-slide-v1220{
  background:#f8fafb!important;
}

.cbh26-new-home .cb-featured-slide-v1220 img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
  background:#fff!important;
  filter:none!important;
}

/* Controles solo con puntos, centrados y discretos */
.cbh26-new-home .cb-featured-gallery-controls-v1220{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:14px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(20,19,42,.48)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

.cbh26-new-home .cb-featured-dots-v1220{
  gap:7px!important;
}

.cbh26-new-home .cb-featured-dot-v1220{
  background:rgba(255,255,255,.55)!important;
}

.cbh26-new-home .cb-featured-dot-v1220.is-active{
  background:#25D366!important;
}

/* Asegurar que no reaparezcan flechas heredadas */
.cbh26-new-home .cb-featured-arrow-v1220{
  display:none!important;
}

@media(max-width:600px){
  .cbh26-new-home .cb-featured-slide-v1220 img{
    padding:5px!important;
  }

  .cbh26-new-home .cb-featured-gallery-controls-v1220{
    bottom:8px!important;
    padding:6px 9px!important;
  }
}


/* =========================================================
   v1.2.24 · HEADER MODERNO DINÁMICO
========================================================= */

.cbh26-modern-header{
  position:sticky;
  top:0;
  z-index:10000;
  padding:14px 22px 0;
  pointer-events:none;
}

.cbh26-modern-header__glow{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  overflow:hidden;
  pointer-events:none;
}

.cbh26-modern-header__glow::before{
  content:"";
  position:absolute;
  top:0;
  left:-35%;
  width:35%;
  height:100%;
  background:linear-gradient(90deg,transparent,#64ccc5,#25D366,transparent);
  animation:cbh26HeaderGlow 7s linear infinite;
}

@keyframes cbh26HeaderGlow{
  from{transform:translateX(0)}
  to{transform:translateX(390%)}
}

.cbh26-modern-header__inner{
  pointer-events:auto;
  max-width:1480px;
  min-height:76px;
  margin:0 auto;
  padding:10px 14px 10px 18px;

  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;

  border:1px solid rgba(49,103,103,.12);
  border-radius:26px;

  background:rgba(255,255,255,.84);
  box-shadow:
    0 14px 36px rgba(35,36,57,.08),
    inset 0 1px 0 rgba(255,255,255,.75);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  transition:
    min-height .25s ease,
    padding .25s ease,
    border-radius .25s ease,
    background .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

.cbh26-modern-header.is-scrolled .cbh26-modern-header__inner{
  min-height:62px;
  padding-top:7px;
  padding-bottom:7px;
  border-radius:22px;
  background:rgba(255,255,255,.93);
  box-shadow:
    0 16px 40px rgba(35,36,57,.12),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.cbh26-modern-brand{
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none!important;
  min-width:0;
}

.cbh26-modern-brand img{
  width:50px!important;
  height:50px!important;
  max-width:50px!important;
  border-radius:50%;
  object-fit:contain;
  background:#fff;
  box-shadow:0 8px 20px rgba(49,103,103,.12);
  transition:transform .3s ease,width .25s ease,height .25s ease;
}

.cbh26-modern-brand:hover img{
  transform:rotate(-4deg) scale(1.04);
}

.cbh26-modern-header.is-scrolled .cbh26-modern-brand img{
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
}

.cbh26-modern-brand span{
  display:flex;
  flex-direction:column;
}

.cbh26-modern-brand strong{
  color:#14132a!important;
  font:700 18px/1.05 Poppins,Inter,sans-serif!important;
}

.cbh26-modern-brand small{
  margin-top:4px;
  color:#6f7a83!important;
  font:500 9px/1.2 Inter,sans-serif!important;
}

.cbh26-modern-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.cbh26-modern-nav>a,
.cbh26-modern-nav__trigger{
  position:relative;
  padding:12px 13px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#3d4952!important;
  text-decoration:none!important;
  font:700 12px/1 Inter,sans-serif!important;
  cursor:pointer;
  transition:
    color .2s ease,
    background .2s ease,
    transform .2s ease;
}

.cbh26-modern-nav>a::after,
.cbh26-modern-nav__trigger::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#316767,#64ccc5);
  transform:translateX(-50%);
  transition:width .22s ease;
}

.cbh26-modern-nav>a:hover,
.cbh26-modern-nav__trigger:hover{
  color:#316767!important;
  background:rgba(49,103,103,.06);
  transform:translateY(-1px);
}

.cbh26-modern-nav>a:hover::after,
.cbh26-modern-nav__trigger:hover::after{
  width:42%;
}

.cbh26-modern-nav__external span{
  color:#64ccc5!important;
}

.cbh26-modern-nav__item{
  position:relative;
}

.cbh26-modern-nav__trigger{
  display:flex;
  align-items:center;
  gap:6px;
}

.cbh26-modern-nav__trigger span{
  font-size:12px;
  transition:transform .2s ease;
}

.cbh26-modern-nav__item.is-open .cbh26-modern-nav__trigger span{
  transform:rotate(180deg);
}

.cbh26-modern-mega{
  position:absolute;
  top:calc(100% + 18px);
  left:50%;
  width:min(760px,calc(100vw - 60px));
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(49,103,103,.12);
  background:rgba(255,255,255,.96);
  box-shadow:0 22px 55px rgba(35,36,57,.16);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);

  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,12px) scale(.98);
  transform-origin:top center;
  transition:
    opacity .2s ease,
    transform .22s ease,
    visibility .2s ease;
}

.cbh26-modern-nav__item.is-open .cbh26-modern-mega{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0) scale(1);
}

.cbh26-modern-mega__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.cbh26-modern-mega__grid>a{
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:12px;
  padding:13px;
  border-radius:17px;
  text-decoration:none!important;
  transition:background .2s ease,transform .2s ease;
}

.cbh26-modern-mega__grid>a:hover{
  background:#f1f8f7;
  transform:translateY(-2px);
}

.cbh26-modern-mega__grid>a>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(145deg,#316767,#64ccc5);
  color:#fff!important;
  font:800 14px/1 Inter,sans-serif!important;
  box-shadow:0 8px 18px rgba(49,103,103,.15);
}

.cbh26-modern-mega__grid strong{
  display:block;
  color:#26323b!important;
  font:700 12px/1.2 Poppins,Inter,sans-serif!important;
}

.cbh26-modern-mega__grid small{
  display:block;
  margin-top:4px;
  color:#748087!important;
  font:500 9px/1.35 Inter,sans-serif!important;
}

.cbh26-modern-mega__footer{
  margin-top:12px;
  padding:13px 14px 0;
  border-top:1px solid rgba(49,103,103,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.cbh26-modern-mega__footer span{
  color:#78838b!important;
  font:500 10px/1.4 Inter,sans-serif!important;
}

.cbh26-modern-mega__footer a{
  color:#316767!important;
  text-decoration:none!important;
  font:800 10px/1 Inter,sans-serif!important;
}

.cbh26-modern-cta{
  position:relative;
  overflow:hidden;
  min-height:46px;
  padding:0 20px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none!important;

  background:linear-gradient(135deg,#316767,#438b82);
  color:#fff!important;

  font:800 12px/1 Inter,sans-serif!important;
  box-shadow:0 12px 26px rgba(49,103,103,.22);
  transition:transform .2s ease,box-shadow .2s ease;
}

.cbh26-modern-cta::before{
  content:"";
  position:absolute;
  top:-50%;
  left:-40%;
  width:30%;
  height:200%;
  transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  animation:cbh26CtaShine 4.5s ease-in-out infinite;
}

@keyframes cbh26CtaShine{
  0%,65%{transform:translateX(0) rotate(20deg)}
  100%{transform:translateX(500%) rotate(20deg)}
}

.cbh26-modern-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(49,103,103,.28);
}

.cbh26-modern-menu-toggle{
  display:none;
  width:42px;
  height:42px;
  border:0;
  border-radius:14px;
  background:rgba(49,103,103,.08);
  padding:10px;
  cursor:pointer;
}

.cbh26-modern-menu-toggle span{
  display:block;
  height:2px;
  margin:5px 0;
  border-radius:999px;
  background:#316767;
  transition:transform .22s ease,opacity .22s ease;
}

.cbh26-modern-menu-toggle.is-open span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.cbh26-modern-menu-toggle.is-open span:nth-child(2){
  opacity:0;
}

.cbh26-modern-menu-toggle.is-open span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

.cbh26-modern-mobile-panel{
  display:none;
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cbh26-modern-header__inner{
    background:rgba(7,20,29,.86);
    border-color:rgba(255,255,255,.07);
    box-shadow:0 14px 36px rgba(0,0,0,.24);
  }

  .cbh26-modern-header.is-scrolled .cbh26-modern-header__inner{
    background:rgba(7,20,29,.95);
    box-shadow:0 16px 40px rgba(0,0,0,.32);
  }

  .cbh26-modern-brand strong{
    color:#fff!important;
  }

  .cbh26-modern-brand small{
    color:rgba(255,255,255,.56)!important;
  }

  .cbh26-modern-nav>a,
  .cbh26-modern-nav__trigger{
    color:rgba(255,255,255,.78)!important;
  }

  .cbh26-modern-nav>a:hover,
  .cbh26-modern-nav__trigger:hover{
    color:#75d8bd!important;
    background:rgba(117,216,189,.07);
  }

  .cbh26-modern-mega{
    background:rgba(10,24,32,.97);
    border-color:rgba(255,255,255,.08);
    box-shadow:0 22px 55px rgba(0,0,0,.34);
  }

  .cbh26-modern-mega__grid>a:hover{
    background:rgba(117,216,189,.07);
  }

  .cbh26-modern-mega__grid strong{
    color:#fff!important;
  }

  .cbh26-modern-mega__grid small,
  .cbh26-modern-mega__footer span{
    color:rgba(255,255,255,.54)!important;
  }

  .cbh26-modern-mega__footer{
    border-top-color:rgba(255,255,255,.07);
  }

  .cbh26-modern-mega__footer a{
    color:#75d8bd!important;
  }

  .cbh26-modern-menu-toggle{
    background:rgba(255,255,255,.06);
  }

  .cbh26-modern-menu-toggle span{
    background:#75d8bd;
  }
}

/* Tablet / mobile */
@media(max-width:1040px){
  .cbh26-modern-header{
    padding:10px 12px 0;
  }

  .cbh26-modern-header__inner{
    grid-template-columns:auto 1fr auto;
    min-height:68px;
    padding:9px 11px 9px 14px;
  }

  .cbh26-modern-nav{
    display:none;
  }

  .cbh26-modern-menu-toggle{
    display:block;
    justify-self:end;
  }

  .cbh26-modern-cta{
    display:none;
  }

  .cbh26-modern-mobile-panel{
    pointer-events:auto;
    max-width:calc(100% - 24px);
    margin:8px auto 0;
    padding:10px;
    border-radius:20px;
    border:1px solid rgba(49,103,103,.10);
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 42px rgba(35,36,57,.14);

    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  }

  .cbh26-modern-header.is-mobile-open .cbh26-modern-mobile-panel{
    display:grid;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }

  .cbh26-modern-mobile-panel a{
    padding:13px 14px;
    border-radius:14px;
    color:#34404a!important;
    text-decoration:none!important;
    font:700 13px/1 Inter,sans-serif!important;
  }

  .cbh26-modern-mobile-panel a:hover{
    background:#f1f8f7;
  }

  .cbh26-modern-mobile-panel__cta{
    margin-top:4px;
    background:linear-gradient(135deg,#316767,#438b82)!important;
    color:#fff!important;
    text-align:center;
  }

  @media(prefers-color-scheme:dark){
    .cbh26-modern-mobile-panel{
      background:rgba(10,24,32,.97);
      border-color:rgba(255,255,255,.08);
      box-shadow:0 18px 42px rgba(0,0,0,.30);
    }

    .cbh26-modern-mobile-panel a{
      color:rgba(255,255,255,.82)!important;
    }

    .cbh26-modern-mobile-panel a:hover{
      background:rgba(117,216,189,.07);
    }
  }
}

@media(max-width:600px){
  .cbh26-modern-header{
    padding:8px 8px 0;
  }

  .cbh26-modern-header__inner{
    min-height:62px;
    padding:8px 9px 8px 11px;
    border-radius:20px;
  }

  .cbh26-modern-brand img{
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
  }

  .cbh26-modern-brand strong{
    font-size:15px!important;
  }

  .cbh26-modern-brand small{
    font-size:8px!important;
  }

  .cbh26-modern-menu-toggle{
    width:38px;
    height:38px;
    border-radius:12px;
  }
}


/* =========================================================
   v1.2.25 · Header estático + menú persistente
========================================================= */

.cbh26-modern-header{
  position:relative!important;
  top:auto!important;
  padding-top:14px!important;
}

.cbh26-modern-header__inner{
  position:relative!important;
  top:auto!important;
  transform:none!important;
}

/* El menú permanece abierto hasta que el usuario lo cierre */
.cbh26-modern-nav__item--services.is-open .cbh26-modern-mega{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,0) scale(1)!important;
}

/* Desactivar apertura/cierre accidental por hover */
.cbh26-modern-nav__item--services:hover .cbh26-modern-mega{
  pointer-events:auto;
}

/* Mobile panel remains stable */
@media(max-width:1040px){
  .cbh26-modern-header{
    position:relative!important;
    top:auto!important;
  }
}


/* =========================================================
   v1.2.26 · HEADER FULL WIDTH + RESPONSIVE
========================================================= */

.cbh26-modern-header--full{
  width:100%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}

.cbh26-modern-header--full .cbh26-modern-header__inner{
  width:100%!important;
  max-width:none!important;
  min-height:78px!important;
  margin:0!important;
  padding:12px clamp(18px,4vw,64px)!important;

  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:32px!important;

  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;

  background:rgba(255,255,255,.94)!important;
  box-shadow:
    0 10px 30px rgba(35,36,57,.08),
    inset 0 -1px 0 rgba(49,103,103,.09)!important;

  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.cbh26-modern-header--full .cbh26-modern-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}

.cbh26-modern-header--full .cbh26-modern-nav>a{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 16px!important;

  border-radius:999px!important;
  color:#3d4952!important;
  background:transparent!important;

  font:700 12px/1 Inter,sans-serif!important;
  text-decoration:none!important;

  transition:
    color .2s ease,
    background .2s ease,
    transform .2s ease!important;
}

.cbh26-modern-header--full .cbh26-modern-nav>a:hover{
  color:#316767!important;
  background:rgba(49,103,103,.07)!important;
  transform:translateY(-1px)!important;
}

.cbh26-modern-header--full .cbh26-modern-nav>a::after{
  bottom:4px!important;
}

.cbh26-modern-header--full .cbh26-modern-cta{
  min-height:46px!important;
  padding:0 22px!important;
}

/* Tablet */
@media(max-width:1100px){
  .cbh26-modern-header--full .cbh26-modern-header__inner{
    min-height:70px!important;
    padding:10px 18px!important;
    grid-template-columns:auto 1fr auto!important;
    gap:16px!important;
  }

  .cbh26-modern-header--full .cbh26-modern-nav{
    display:none!important;
  }

  .cbh26-modern-header--full .cbh26-modern-menu-toggle{
    display:block!important;
    justify-self:end!important;
  }

  .cbh26-modern-header--full .cbh26-modern-cta{
    display:none!important;
  }

  .cbh26-modern-header--full .cbh26-modern-mobile-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px 14px 16px!important;
    border-radius:0 0 22px 22px!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;

    background:rgba(255,255,255,.98)!important;
    box-shadow:0 16px 34px rgba(35,36,57,.12)!important;
  }

  .cbh26-modern-header--full.is-mobile-open .cbh26-modern-mobile-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  .cbh26-modern-header--full .cbh26-modern-mobile-panel a{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 16px!important;
    border-radius:14px!important;

    color:#34404a!important;
    background:transparent!important;
    font:700 13px/1 Inter,sans-serif!important;
  }

  .cbh26-modern-header--full .cbh26-modern-mobile-panel a:hover{
    background:rgba(49,103,103,.07)!important;
    color:#316767!important;
  }

  .cbh26-modern-header--full .cbh26-modern-mobile-panel__cta{
    margin-top:6px!important;
    justify-content:center!important;
    color:#fff!important;
    background:linear-gradient(135deg,#316767,#438b82)!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .cbh26-modern-header--full .cbh26-modern-header__inner{
    min-height:64px!important;
    padding:8px 12px!important;
  }

  .cbh26-modern-header--full .cbh26-modern-brand img{
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
  }

  .cbh26-modern-header--full .cbh26-modern-brand strong{
    font-size:15px!important;
  }

  .cbh26-modern-header--full .cbh26-modern-brand small{
    font-size:8px!important;
  }

  .cbh26-modern-header--full .cbh26-modern-menu-toggle{
    width:40px!important;
    height:40px!important;
  }

  .cbh26-modern-header--full .cbh26-modern-mobile-panel{
    padding:8px 10px 14px!important;
  }

  .cbh26-modern-header--full .cbh26-modern-mobile-panel a{
    min-height:46px!important;
    padding:0 14px!important;
  }
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cbh26-modern-header--full .cbh26-modern-header__inner{
    background:rgba(7,20,29,.96)!important;
    box-shadow:
      0 10px 30px rgba(0,0,0,.28),
      inset 0 -1px 0 rgba(255,255,255,.06)!important;
  }

  .cbh26-modern-header--full .cbh26-modern-nav>a{
    color:rgba(255,255,255,.78)!important;
  }

  .cbh26-modern-header--full .cbh26-modern-nav>a:hover{
    color:#75d8bd!important;
    background:rgba(117,216,189,.07)!important;
  }

  .cbh26-modern-header--full .cbh26-modern-mobile-panel{
    background:rgba(10,24,32,.98)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.30)!important;
  }

  .cbh26-modern-header--full .cbh26-modern-mobile-panel a{
    color:rgba(255,255,255,.82)!important;
  }

  .cbh26-modern-header--full .cbh26-modern-mobile-panel a:hover{
    color:#75d8bd!important;
    background:rgba(117,216,189,.07)!important;
  }
}


/* =========================================================
   v1.2.27 · HEADER FULL WIDTH FORZADO Y RESPONSIVE
========================================================= */

.cbh27-header{
  position:relative!important;
  z-index:10000!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

.cbh27-header__line{
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  overflow:hidden;
  pointer-events:none;
}

.cbh27-header__line::before{
  content:"";
  position:absolute;
  top:0;
  left:-30%;
  width:30%;
  height:100%;
  background:linear-gradient(90deg,transparent,#64ccc5,#25D366,transparent);
  animation:cbh27Line 6.5s linear infinite;
}

@keyframes cbh27Line{
  to{transform:translateX(440%)}
}

.cbh27-header__bar{
  width:100%!important;
  min-height:78px!important;
  margin:0!important;
  padding:12px clamp(18px,4vw,64px)!important;

  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:30px!important;

  border:0!important;
  border-bottom:1px solid rgba(49,103,103,.10)!important;
  border-radius:0!important;

  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 28px rgba(35,36,57,.08)!important;

  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

.cbh27-brand{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  text-decoration:none!important;
  min-width:0!important;
}

.cbh27-brand img{
  width:50px!important;
  height:50px!important;
  max-width:50px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(49,103,103,.12)!important;
}

.cbh27-brand span{
  display:flex!important;
  flex-direction:column!important;
}

.cbh27-brand strong{
  color:#14132a!important;
  font:700 18px/1.05 Poppins,Inter,sans-serif!important;
}

.cbh27-brand small{
  margin-top:4px!important;
  color:#6f7a83!important;
  font:500 9px/1.2 Inter,sans-serif!important;
}

.cbh27-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}

.cbh27-nav a{
  position:relative!important;
  min-height:42px!important;
  padding:0 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  color:#3f4a53!important;
  text-decoration:none!important;
  font:700 12px/1 Inter,sans-serif!important;
  transition:background .2s ease,color .2s ease,transform .2s ease!important;
}

.cbh27-nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#316767,#64ccc5);
  transform:translateX(-50%);
  transition:width .22s ease;
}

.cbh27-nav a:hover{
  background:rgba(49,103,103,.07)!important;
  color:#316767!important;
  transform:translateY(-1px)!important;
}

.cbh27-nav a:hover::after{
  width:42%!important;
}

.cbh27-nav a span{
  margin-left:4px!important;
  color:#64ccc5!important;
}

.cbh27-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.cbh27-cta{
  min-height:46px!important;
  padding:0 21px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#316767,#438b82)!important;
  color:#fff!important;
  text-decoration:none!important;
  font:800 12px/1 Inter,sans-serif!important;
  box-shadow:0 12px 25px rgba(49,103,103,.22)!important;
}

.cbh27-menu-toggle{
  display:none!important;
  width:42px!important;
  height:42px!important;
  padding:10px!important;
  border:0!important;
  border-radius:14px!important;
  background:rgba(49,103,103,.08)!important;
  cursor:pointer!important;
}

.cbh27-menu-toggle span{
  display:block!important;
  height:2px!important;
  margin:5px 0!important;
  border-radius:999px!important;
  background:#316767!important;
  transition:transform .22s ease,opacity .22s ease!important;
}

.cbh27-menu-toggle.is-open span:nth-child(1){
  transform:translateY(7px) rotate(45deg)!important;
}
.cbh27-menu-toggle.is-open span:nth-child(2){
  opacity:0!important;
}
.cbh27-menu-toggle.is-open span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg)!important;
}

.cbh27-mobile-menu{
  display:none!important;
}

/* Tablet / mobile */
@media(max-width:1100px){
  .cbh27-header__bar{
    min-height:70px!important;
    padding:10px 18px!important;
    grid-template-columns:auto 1fr auto!important;
    gap:16px!important;
  }

  .cbh27-nav{
    display:none!important;
  }

  .cbh27-cta{
    display:none!important;
  }

  .cbh27-menu-toggle{
    display:block!important;
  }

  .cbh27-header.is-open .cbh27-mobile-menu{
    display:grid!important;
  }

  .cbh27-mobile-menu{
    width:100%!important;
    padding:10px 14px 16px!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid rgba(49,103,103,.10)!important;
    box-shadow:0 16px 34px rgba(35,36,57,.12)!important;
  }

  .cbh27-mobile-menu a{
    min-height:48px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    border-radius:14px!important;
    color:#34404a!important;
    text-decoration:none!important;
    font:700 13px/1 Inter,sans-serif!important;
  }

  .cbh27-mobile-menu a:hover{
    background:rgba(49,103,103,.07)!important;
    color:#316767!important;
  }

  .cbh27-mobile-cta{
    margin-top:6px!important;
    justify-content:center!important;
    color:#fff!important;
    background:linear-gradient(135deg,#316767,#438b82)!important;
  }
}

@media(max-width:600px){
  .cbh27-header__bar{
    min-height:64px!important;
    padding:8px 12px!important;
  }

  .cbh27-brand img{
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
  }

  .cbh27-brand strong{
    font-size:15px!important;
  }

  .cbh27-brand small{
    font-size:8px!important;
  }

  .cbh27-menu-toggle{
    width:40px!important;
    height:40px!important;
  }

  .cbh27-mobile-menu{
    padding:8px 10px 14px!important;
  }
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cbh27-header__bar{
    background:rgba(7,20,29,.97)!important;
    border-bottom-color:rgba(255,255,255,.07)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
  }

  .cbh27-brand strong{
    color:#fff!important;
  }

  .cbh27-brand small{
    color:rgba(255,255,255,.56)!important;
  }

  .cbh27-nav a{
    color:rgba(255,255,255,.80)!important;
  }

  .cbh27-nav a:hover{
    background:rgba(117,216,189,.07)!important;
    color:#75d8bd!important;
  }

  .cbh27-menu-toggle{
    background:rgba(255,255,255,.06)!important;
  }

  .cbh27-menu-toggle span{
    background:#75d8bd!important;
  }

  .cbh27-mobile-menu{
    background:rgba(10,24,32,.98)!important;
    border-bottom-color:rgba(255,255,255,.07)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.30)!important;
  }

  .cbh27-mobile-menu a{
    color:rgba(255,255,255,.82)!important;
  }

  .cbh27-mobile-menu a:hover{
    background:rgba(117,216,189,.07)!important;
    color:#75d8bd!important;
  }
}


/* =========================================================
   v1.2.28 · HEADER ESTÁTICO CON MAYOR DISEÑO
========================================================= */

.cbh27-header{
  position:relative!important;
  top:auto!important;
  width:100%!important;
  isolation:isolate!important;
}

.cbh27-header__bar{
  position:relative!important;
  min-height:86px!important;
  padding:13px clamp(22px,4.5vw,76px)!important;

  background:
    radial-gradient(circle at 12% 0%,rgba(100,204,197,.09),transparent 28%),
    radial-gradient(circle at 88% 100%,rgba(49,103,103,.07),transparent 30%),
    linear-gradient(110deg,#ffffff 0%,#f8fbfb 48%,#f2f8f7 100%)!important;

  border-bottom:1px solid rgba(49,103,103,.13)!important;
  box-shadow:
    0 12px 32px rgba(35,36,57,.075),
    inset 0 -1px 0 rgba(255,255,255,.82)!important;

  overflow:visible!important;
}

/* Línea decorativa superior, más elegante */
.cbh27-header__line{
  z-index:4!important;
  height:3px!important;
  background:rgba(49,103,103,.035)!important;
}

.cbh27-header__line::before{
  width:38%!important;
  background:
    linear-gradient(
      90deg,
      transparent,
      #316767 18%,
      #64ccc5 50%,
      #25D366 72%,
      transparent
    )!important;
  filter:drop-shadow(0 0 7px rgba(100,204,197,.38));
  animation-duration:7.5s!important;
}

/* Marca */
.cbh27-brand{
  position:relative!important;
  padding-right:26px!important;
}

.cbh27-brand::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:50%!important;
  width:1px!important;
  height:38px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(
    180deg,
    transparent,
    rgba(49,103,103,.20),
    transparent
  )!important;
}

.cbh27-brand img{
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  border:1px solid rgba(49,103,103,.10)!important;
  box-shadow:
    0 9px 24px rgba(49,103,103,.14),
    0 0 0 5px rgba(100,204,197,.045)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}

.cbh27-brand:hover img{
  transform:rotate(-3deg) scale(1.04)!important;
  box-shadow:
    0 12px 28px rgba(49,103,103,.19),
    0 0 0 7px rgba(100,204,197,.065)!important;
}

.cbh27-brand strong{
  font-size:19px!important;
  letter-spacing:-.02em!important;
}

.cbh27-brand small{
  margin-top:5px!important;
  color:#708088!important;
  letter-spacing:.03em!important;
}

/* Cápsula central para navegación */
.cbh27-nav-shell{
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  padding:5px!important;

  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:999px!important;

  background:rgba(255,255,255,.66)!important;
  box-shadow:
    0 8px 24px rgba(35,36,57,.045),
    inset 0 1px 0 rgba(255,255,255,.92)!important;

  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

.cbh27-nav{
  gap:3px!important;
}

.cbh27-nav a{
  min-height:44px!important;
  padding:0 17px!important;
  overflow:hidden!important;
}

.cbh27-nav a::before{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  z-index:-1!important;
  border-radius:999px!important;

  background:
    linear-gradient(
      135deg,
      rgba(49,103,103,.09),
      rgba(100,204,197,.08)
    )!important;

  opacity:0!important;
  transform:scale(.88)!important;
  transition:opacity .22s ease,transform .22s ease!important;
}

.cbh27-nav a:hover{
  background:transparent!important;
  transform:translateY(-1px)!important;
}

.cbh27-nav a:hover::before{
  opacity:1!important;
  transform:scale(1)!important;
}

.cbh27-nav a::after{
  bottom:3px!important;
  height:2px!important;
  background:linear-gradient(90deg,#316767,#64ccc5,#25D366)!important;
}

/* Destacar Desarrollo Digital sin romper la armonía */
.cbh27-nav a:nth-child(3){
  color:#316767!important;
  font-weight:800!important;
}

.cbh27-nav a:nth-child(3) span{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  margin-left:6px!important;
  border-radius:50%!important;
  background:rgba(100,204,197,.16)!important;
}

/* CTA más visual */
.cbh27-cta{
  position:relative!important;
  min-height:50px!important;
  padding:0 24px!important;
  overflow:hidden!important;

  background:
    linear-gradient(135deg,#316767 0%,#397d79 55%,#4b9992 100%)!important;

  box-shadow:
    0 13px 28px rgba(49,103,103,.23),
    inset 0 1px 0 rgba(255,255,255,.16)!important;

  transition:transform .22s ease,box-shadow .22s ease!important;
}

.cbh27-cta::before{
  content:""!important;
  position:absolute!important;
  top:-70%!important;
  left:-35%!important;
  width:28%!important;
  height:240%!important;
  transform:rotate(22deg)!important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.38),
      transparent
    )!important;

  animation:cbh27CtaShine 5s ease-in-out infinite!important;
}

@keyframes cbh27CtaShine{
  0%,68%{left:-35%}
  100%{left:125%}
}

.cbh27-cta:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    0 18px 34px rgba(49,103,103,.29),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* La barra permanece ESTÁTICA: nunca sticky ni fixed */
.cbh27-header,
.cbh27-header__bar{
  position:relative!important;
  top:auto!important;
}

/* Tablet */
@media(max-width:1100px){
  .cbh27-header__bar{
    min-height:74px!important;
    padding:10px 20px!important;
  }

  .cbh27-brand{
    padding-right:0!important;
  }

  .cbh27-brand::after{
    display:none!important;
  }

  .cbh27-nav-shell{
    display:none!important;
  }

  .cbh27-actions{
    justify-self:end!important;
  }

  .cbh27-mobile-menu{
    background:
      radial-gradient(circle at 90% 0%,rgba(100,204,197,.10),transparent 30%),
      rgba(255,255,255,.985)!important;
  }

  .cbh27-mobile-menu a{
    position:relative!important;
    min-height:50px!important;
    border:1px solid transparent!important;
    transition:background .2s ease,border-color .2s ease,transform .2s ease!important;
  }

  .cbh27-mobile-menu a:hover{
    border-color:rgba(49,103,103,.09)!important;
    transform:translateX(3px)!important;
  }

  .cbh27-menu-toggle{
    box-shadow:0 8px 20px rgba(49,103,103,.10)!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .cbh27-header__bar{
    min-height:68px!important;
    padding:8px 13px!important;
  }

  .cbh27-brand img{
    width:45px!important;
    height:45px!important;
    max-width:45px!important;
  }

  .cbh27-brand strong{
    font-size:16px!important;
  }

  .cbh27-brand small{
    max-width:155px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cbh27-header__bar{
    background:
      radial-gradient(circle at 12% 0%,rgba(100,204,197,.08),transparent 28%),
      radial-gradient(circle at 88% 100%,rgba(49,103,103,.12),transparent 30%),
      linear-gradient(110deg,#07131c 0%,#0b1922 52%,#0e2028 100%)!important;

    border-bottom-color:rgba(255,255,255,.07)!important;
  }

  .cbh27-brand::after{
    background:linear-gradient(
      180deg,
      transparent,
      rgba(255,255,255,.11),
      transparent
    )!important;
  }

  .cbh27-nav-shell{
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(255,255,255,.07)!important;
    box-shadow:
      0 8px 24px rgba(0,0,0,.14),
      inset 0 1px 0 rgba(255,255,255,.025)!important;
  }

  .cbh27-nav a::before{
    background:
      linear-gradient(
        135deg,
        rgba(117,216,189,.10),
        rgba(100,204,197,.07)
      )!important;
  }

  .cbh27-nav a:nth-child(3){
    color:#75d8bd!important;
  }

  .cbh27-nav a:nth-child(3) span{
    background:rgba(117,216,189,.10)!important;
  }

  .cbh27-mobile-menu{
    background:
      radial-gradient(circle at 90% 0%,rgba(100,204,197,.08),transparent 30%),
      rgba(7,20,29,.985)!important;
  }
}


/* =========================================================
   v1.2.29 · HEADER FIJO REAL
   Permanece visible arriba durante todo el scroll.
========================================================= */
html{
  scroll-padding-top:100px!important;
}

body{
  padding-top:0!important;
}

.cbh27-header{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:999999!important;
  width:100%!important;
  transform:none!important;
  transition:none!important;
}

.cbh27-header__bar{
  position:relative!important;
  top:0!important;
  width:100%!important;
  transform:none!important;
}

/* Evita que reglas antiguas cambien el comportamiento al hacer scroll */
.cbh27-header.is-scrolled,
.cbh27-header.is-fixed,
.cbh27-header.sticky,
.cbh27-header.fixed{
  position:sticky!important;
  top:0!important;
  transform:none!important;
}

/* El menú móvil también permanece unido a la barra */
.cbh27-mobile-menu{
  position:absolute!important;
  top:100%!important;
  left:0!important;
  right:0!important;
  z-index:999998!important;
}

@media(max-width:1100px){
  .cbh27-header{
    position:sticky!important;
    top:0!important;
  }
}


/* =========================================================
   v1.2.30 · HEADER FIJO REAL Y PERMANENTE
   Se usa position:fixed en lugar de sticky.
========================================================= */

:root{
  --cbh27-fixed-header-height:86px;
}

body{
  padding-top:var(--cbh27-fixed-header-height)!important;
}

.cbh27-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;

  width:100%!important;
  max-width:none!important;

  margin:0!important;
  padding:0!important;

  z-index:2147483000!important;

  transform:none!important;
  translate:none!important;
  contain:none!important;
  filter:none!important;

  visibility:visible!important;
  opacity:1!important;
}

.cbh27-header__bar{
  position:relative!important;
  top:0!important;
  left:0!important;

  width:100%!important;
  max-width:none!important;

  margin:0!important;

  transform:none!important;
  translate:none!important;
}

/* Neutralizar cualquier regla anterior que intente volverlo relativo o sticky */
.cbh27-header,
.cbh27-header.is-scrolled,
.cbh27-header.is-fixed,
.cbh27-header.sticky,
.cbh27-header.fixed{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
}

/* Menú desplegable móvil siempre debajo del header fijo */
.cbh27-mobile-menu{
  position:absolute!important;
  top:100%!important;
  left:0!important;
  right:0!important;
  width:100%!important;
}

/* Ajuste para enlaces internos */
html{
  scroll-padding-top:calc(var(--cbh27-fixed-header-height) + 18px)!important;
}

@media(max-width:1100px){
  :root{
    --cbh27-fixed-header-height:74px;
  }

  body{
    padding-top:var(--cbh27-fixed-header-height)!important;
  }

  .cbh27-header{
    position:fixed!important;
  }
}

@media(max-width:600px){
  :root{
    --cbh27-fixed-header-height:68px;
  }

  body{
    padding-top:var(--cbh27-fixed-header-height)!important;
  }
}

/* Admin bar de WordPress: evitar superposición cuando el usuario está logueado */
body.admin-bar .cbh27-header{
  top:32px!important;
}

body.admin-bar{
  padding-top:calc(var(--cbh27-fixed-header-height) + 32px)!important;
}

@media(max-width:782px){
  body.admin-bar .cbh27-header{
    top:46px!important;
  }

  body.admin-bar{
    padding-top:calc(var(--cbh27-fixed-header-height) + 46px)!important;
  }
}


/* =========================================================
   v1.2.31 · HEADER FIJO CON FONDO OPACO
   Evita que el contenido del Home se vea detrás de la barra.
========================================================= */
.cbh27-header{
  background:#f7fbfb!important;
  background-image:
    linear-gradient(90deg, #f8fbfb 0%, #eef8f7 48%, #f5fbfa 100%)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:isolate!important;
  overflow:visible!important;
  box-shadow:
    0 1px 0 rgba(49,103,103,.16),
    0 10px 30px rgba(20,19,42,.08)!important;
}

.cbh27-header::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:#f7fbfb!important;
  opacity:1!important;
  pointer-events:none!important;
}

.cbh27-header__bar{
  background:transparent!important;
}

/* Modo oscuro: fondo sólido, sin transparencia */
html[data-theme="dark"] .cbh27-header,
body.dark-mode .cbh27-header,
.cbh27-dark .cbh27-header{
  background:#14132a!important;
  background-image:linear-gradient(90deg,#14132a 0%,#172b34 100%)!important;
}

html[data-theme="dark"] .cbh27-header::before,
body.dark-mode .cbh27-header::before,
.cbh27-dark .cbh27-header::before{
  background:#14132a!important;
}


/* =========================================================
   v1.2.32 · CORRECCIÓN DEFINITIVA DE TRANSPARENCIA DEL HEADER
========================================================= */

/* Contenedor exterior */
.cbh27-header{
  background:#f4f9f8!important;
  background-color:#f4f9f8!important;
  background-image:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  opacity:1!important;
  mix-blend-mode:normal!important;

  box-shadow:
    0 1px 0 rgba(49,103,103,.14),
    0 10px 28px rgba(20,19,42,.08)!important;
}

/* La barra visible debe ser totalmente opaca */
.cbh27-header .cbh27-header__bar{
  background:#f4f9f8!important;
  background-color:#f4f9f8!important;
  background-image:
    linear-gradient(
      90deg,
      #f7fbfb 0%,
      #f1f8f7 50%,
      #edf7f5 100%
    )!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  opacity:1!important;
  mix-blend-mode:normal!important;

  isolation:isolate!important;
}

/* Capa sólida detrás de todo el contenido del menú */
.cbh27-header .cbh27-header__bar::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;

  background:#f4f9f8!important;
  background-image:
    linear-gradient(
      90deg,
      #f7fbfb 0%,
      #f1f8f7 50%,
      #edf7f5 100%
    )!important;

  opacity:1!important;
  pointer-events:none!important;
}

/* Neutralizar cualquier transparencia heredada */
.cbh27-header *,
.cbh27-header__bar *{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* La cápsula de navegación sí puede tener diseño,
   pero sobre una barra completamente sólida */
.cbh27-header .cbh27-nav-shell{
  background:#ffffff!important;
  background-color:#ffffff!important;
  opacity:1!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  box-shadow:
    0 8px 24px rgba(35,36,57,.06),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}

/* Menú móvil también sólido */
.cbh27-header .cbh27-mobile-menu{
  background:#f7fbfb!important;
  background-color:#f7fbfb!important;
  background-image:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  opacity:1!important;
}

/* DARK MODE - completamente sólido */
@media(prefers-color-scheme:dark){
  .cbh27-header{
    background:#0b1821!important;
    background-color:#0b1821!important;
    background-image:none!important;
  }

  .cbh27-header .cbh27-header__bar{
    background:#0b1821!important;
    background-color:#0b1821!important;
    background-image:
      linear-gradient(
        90deg,
        #09151e 0%,
        #0d1d26 50%,
        #10242c 100%
      )!important;
  }

  .cbh27-header .cbh27-header__bar::before{
    background:#0b1821!important;
    background-image:
      linear-gradient(
        90deg,
        #09151e 0%,
        #0d1d26 50%,
        #10242c 100%
      )!important;
  }

  .cbh27-header .cbh27-nav-shell{
    background:#12242d!important;
    background-color:#12242d!important;
    opacity:1!important;
  }

  .cbh27-header .cbh27-mobile-menu{
    background:#0b1821!important;
    background-color:#0b1821!important;
  }
}


/* =========================================================
   v1.2.33 · CORRECCIÓN DEL ESPACIO SUPERIOR DEL HEADER
   El contenido ya no aparece por encima o detrás del menú.
========================================================= */

/* Forzar el header al borde superior real */
.cbh27-header,
body.admin-bar .cbh27-header{
  top:0!important;
  left:0!important;
  right:0!important;
  position:fixed!important;
}

/* Eliminar compensaciones heredadas de la admin bar */
body,
body.admin-bar{
  padding-top:var(--cbh27-fixed-header-height)!important;
}

/* No dejar ningún hueco transparente por encima */
.cbh27-header{
  background:#f4f9f8!important;
  background-color:#f4f9f8!important;
  background-image:none!important;
}

.cbh27-header::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-60px!important;
  height:60px!important;
  z-index:-1!important;
  background:#f4f9f8!important;
  pointer-events:none!important;
}

/* La barra visible permanece completamente sólida */
.cbh27-header__bar{
  background:#f4f9f8!important;
  background-color:#f4f9f8!important;
  background-image:
    linear-gradient(
      90deg,
      #f7fbfb 0%,
      #f1f8f7 50%,
      #edf7f5 100%
    )!important;
  opacity:1!important;
}

/* WordPress admin bar: no desplazar el header */
@media(min-width:783px){
  body.admin-bar .cbh27-header{
    top:0!important;
  }

  body.admin-bar{
    padding-top:var(--cbh27-fixed-header-height)!important;
  }
}

@media(max-width:782px){
  body.admin-bar .cbh27-header{
    top:0!important;
  }

  body.admin-bar{
    padding-top:var(--cbh27-fixed-header-height)!important;
  }
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cbh27-header,
  body.admin-bar .cbh27-header{
    background:#0b1821!important;
    background-color:#0b1821!important;
  }

  .cbh27-header::after{
    background:#0b1821!important;
  }

  .cbh27-header__bar{
    background:#0b1821!important;
    background-image:
      linear-gradient(
        90deg,
        #09151e 0%,
        #0d1d26 50%,
        #10242c 100%
      )!important;
  }
}


/* v1.2.34 · Video en sección WhatClick */
.cbh26-new-home .cb-whatclick-video-v1234{
  position:relative!important;
  width:100%!important;
  min-height:398px!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:#000!important;
  border:1px solid rgba(49,103,103,.10)!important;
  box-shadow:0 18px 44px rgba(20,24,47,.10)!important;
}
.cbh26-new-home .cb-whatclick-video-v1234__media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  outline:0!important;
}
.cbh26-new-home .cb-whatclick{
  align-items:stretch!important;
}
@media(max-width:900px){
  .cbh26-new-home .cb-whatclick-video-v1234{min-height:340px!important;}
}
@media(max-width:600px){
  .cbh26-new-home .cb-whatclick-video-v1234{
    min-height:260px!important;
    border-radius:22px!important;
  }
}


/* =========================================================
   v1.2.35 · PRESENTACIÓN MEJORADA DEL VIDEO WHATCLICK
========================================================= */

/* Neutralizar el bloque anterior */
.cbh26-new-home .cb-whatclick-video-v1234{
  display:none!important;
}

/* Contenedor exterior: ocupa exactamente la columna derecha */
.cbh26-new-home .cb-whatclick-video-v1235{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:398px!important;
  max-height:440px!important;
  overflow:hidden!important;

  border-radius:30px!important;
  border:1px solid rgba(49,103,103,.10)!important;

  background:
    radial-gradient(circle at 78% 20%,rgba(100,204,197,.22),transparent 30%),
    radial-gradient(circle at 20% 85%,rgba(49,103,103,.11),transparent 34%),
    linear-gradient(135deg,#f9fcfc 0%,#eef7f6 52%,#e7f1f2 100%)!important;

  box-shadow:
    0 20px 48px rgba(20,24,47,.11),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
}

/* Escenario interior */
.cbh26-new-home .cb-whatclick-video-v1235__stage{
  position:absolute!important;
  inset:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:22px!important;
  overflow:hidden!important;
}

/* Halo decorativo, da profundidad sin tapar el video */
.cbh26-new-home .cb-whatclick-video-v1235__glow{
  position:absolute!important;
  width:72%!important;
  height:72%!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(100,204,197,.24),rgba(100,204,197,.06) 48%,transparent 72%)!important;
  filter:blur(12px)!important;
  opacity:.82!important;
  pointer-events:none!important;
}

/* El video vertical queda presentado como dispositivo,
   no estirado dentro de un cuadro horizontal */
.cbh26-new-home .cb-whatclick-video-v1235__device{
  position:relative!important;
  z-index:2!important;

  height:100%!important;
  max-height:396px!important;
  aspect-ratio:576 / 1280!important;

  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(20,19,42,.12)!important;

  background:#fff!important;

  box-shadow:
    0 24px 50px rgba(20,19,42,.18),
    0 0 0 7px rgba(255,255,255,.66)!important;

  transform:translateZ(0)!important;
}

.cbh26-new-home .cb-whatclick-video-v1235__media{
  width:100%!important;
  height:100%!important;
  display:block!important;

  object-fit:cover!important;
  object-position:center!important;

  border:0!important;
  outline:0!important;
  background:#fff!important;
}

/* Pequeña inclinación visual en escritorio */
@media(min-width:901px){
  .cbh26-new-home .cb-whatclick-video-v1235__device{
    transform:rotate(.4deg)!important;
    transition:transform .35s ease,box-shadow .35s ease!important;
  }

  .cbh26-new-home .cb-whatclick-video-v1235:hover .cb-whatclick-video-v1235__device{
    transform:rotate(0deg) translateY(-3px)!important;
    box-shadow:
      0 30px 58px rgba(20,19,42,.22),
      0 0 0 7px rgba(255,255,255,.72)!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .cbh26-new-home .cb-whatclick-video-v1235{
    min-height:380px!important;
    max-height:none!important;
  }

  .cbh26-new-home .cb-whatclick-video-v1235__stage{
    padding:18px!important;
  }

  .cbh26-new-home .cb-whatclick-video-v1235__device{
    max-height:344px!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .cbh26-new-home .cb-whatclick-video-v1235{
    min-height:360px!important;
    border-radius:24px!important;
  }

  .cbh26-new-home .cb-whatclick-video-v1235__stage{
    padding:16px!important;
  }

  .cbh26-new-home .cb-whatclick-video-v1235__device{
    height:auto!important;
    width:min(72vw,220px)!important;
    max-height:none!important;

    border-radius:22px!important;

    box-shadow:
      0 18px 38px rgba(20,19,42,.18),
      0 0 0 5px rgba(255,255,255,.68)!important;
  }
}

/* Modo oscuro */
@media(prefers-color-scheme:dark){
  .cbh26-new-home .cb-whatclick-video-v1235{
    background:
      radial-gradient(circle at 78% 20%,rgba(100,204,197,.13),transparent 30%),
      radial-gradient(circle at 20% 85%,rgba(49,103,103,.18),transparent 34%),
      linear-gradient(135deg,#101a26 0%,#14242b 52%,#152c31 100%)!important;

    border-color:rgba(255,255,255,.07)!important;
  }

  .cbh26-new-home .cb-whatclick-video-v1235__device{
    box-shadow:
      0 24px 50px rgba(0,0,0,.34),
      0 0 0 6px rgba(255,255,255,.08)!important;
  }
}


/* =========================================================
   v1.2.36 · WHATCLICK: VIDEO DENTRO DE CELULAR FRONTAL
   Solo modifica esta sección.
========================================================= */

/* Ocultar diseños anteriores de video si quedara algún nodo heredado */
.cbh26-new-home .cb-whatclick-video-v1234,
.cbh26-new-home .cb-whatclick-video-v1235{
  display:none!important;
}

/* Escenario limpio: sin imagen ni tarjeta de fondo */
.cbh26-new-home .cb-whatclick-phone-v1236{
  position:relative!important;
  width:100%!important;
  min-height:500px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Halo sutil para dar profundidad sin crear una "imagen de atrás" */
.cbh26-new-home .cb-whatclick-phone-v1236__halo{
  position:absolute!important;
  width:380px!important;
  height:380px!important;
  border-radius:50%!important;

  background:
    radial-gradient(
      circle,
      rgba(100,204,197,.18) 0%,
      rgba(49,103,103,.08) 38%,
      transparent 72%
    )!important;

  filter:blur(18px)!important;
  opacity:.9!important;
  pointer-events:none!important;

  animation:cbh1236Halo 5s ease-in-out infinite alternate!important;
}

@keyframes cbh1236Halo{
  from{
    transform:scale(.94);
    opacity:.66;
  }
  to{
    transform:scale(1.08);
    opacity:1;
  }
}

/* Celular frontal */
.cbh26-new-home .cb-whatclick-phone-v1236__device{
  position:relative!important;
  z-index:3!important;

  width:248px!important;
  aspect-ratio:9 / 19.5!important;

  padding:11px!important;
  border-radius:42px!important;

  background:
    linear-gradient(
      145deg,
      #1d2229 0%,
      #080a0e 46%,
      #2f343b 100%
    )!important;

  border:2px solid rgba(255,255,255,.22)!important;

  box-shadow:
    0 34px 68px rgba(4,13,20,.35),
    0 8px 22px rgba(49,103,103,.22),
    inset 0 1px 2px rgba(255,255,255,.42),
    inset 0 -2px 4px rgba(0,0,0,.65)!important;

  transform:translateY(-3px)!important;
  transition:
    transform .35s ease,
    box-shadow .35s ease!important;

  animation:cbh1236PhoneFloat 4.8s ease-in-out infinite!important;
}

@keyframes cbh1236PhoneFloat{
  0%,100%{
    transform:translateY(-3px);
  }
  50%{
    transform:translateY(-12px);
  }
}

.cbh26-new-home .cb-whatclick-phone-v1236:hover .cb-whatclick-phone-v1236__device{
  animation-play-state:paused!important;
  transform:translateY(-9px) scale(1.018)!important;

  box-shadow:
    0 42px 78px rgba(4,13,20,.40),
    0 12px 30px rgba(100,204,197,.24),
    inset 0 1px 2px rgba(255,255,255,.42)!important;
}

/* Pantalla */
.cbh26-new-home .cb-whatclick-phone-v1236__screen{
  position:relative!important;
  width:100%!important;
  height:100%!important;

  overflow:hidden!important;
  border-radius:32px!important;

  background:#000!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

.cbh26-new-home .cb-whatclick-phone-v1236__media{
  width:100%!important;
  height:100%!important;
  display:block!important;

  object-fit:cover!important;
  object-position:center!important;

  border:0!important;
  outline:0!important;
  background:#000!important;
}

/* Cámara / isla superior frontal */
.cbh26-new-home .cb-whatclick-phone-v1236__speaker{
  position:absolute!important;
  z-index:6!important;
  top:17px!important;
  left:50%!important;
  transform:translateX(-50%)!important;

  width:70px!important;
  height:20px!important;
  border-radius:999px!important;

  background:#050607!important;
  box-shadow:0 1px 2px rgba(255,255,255,.06) inset!important;

  pointer-events:none!important;
}

.cbh26-new-home .cb-whatclick-phone-v1236__camera{
  position:absolute!important;
  z-index:7!important;
  top:23px!important;
  left:calc(50% + 20px)!important;

  width:7px!important;
  height:7px!important;
  border-radius:50%!important;

  background:
    radial-gradient(circle at 35% 35%,#31527a,#090d12 66%)!important;

  pointer-events:none!important;
}

/* Barra inferior discreta */
.cbh26-new-home .cb-whatclick-phone-v1236__home{
  position:absolute!important;
  z-index:7!important;
  bottom:17px!important;
  left:50%!important;
  transform:translateX(-50%)!important;

  width:78px!important;
  height:4px!important;
  border-radius:999px!important;

  background:rgba(255,255,255,.76)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.15)!important;

  pointer-events:none!important;
}

/* Sombra inferior dinámica */
.cbh26-new-home .cb-whatclick-phone-v1236__shadow{
  position:absolute!important;
  z-index:1!important;
  bottom:35px!important;

  width:260px!important;
  height:38px!important;
  border-radius:50%!important;

  background:
    radial-gradient(
      ellipse,
      rgba(49,103,103,.38),
      rgba(100,204,197,.16) 42%,
      transparent 72%
    )!important;

  filter:blur(10px)!important;
  transform:scaleX(1.2)!important;

  animation:cbh1236Shadow 4.8s ease-in-out infinite!important;
}

@keyframes cbh1236Shadow{
  0%,100%{
    opacity:.62;
    transform:scaleX(1.15) scaleY(.9);
  }
  50%{
    opacity:.36;
    transform:scaleX(.95) scaleY(.75);
  }
}

/* Tablet */
@media(max-width:900px){
  .cbh26-new-home .cb-whatclick-phone-v1236{
    min-height:470px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1236__device{
    width:225px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1236__halo{
    width:330px!important;
    height:330px!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .cbh26-new-home .cb-whatclick-phone-v1236{
    min-height:430px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1236__device{
    width:min(66vw,215px)!important;
    border-radius:36px!important;
    padding:9px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1236__screen{
    border-radius:28px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1236__speaker{
    top:14px!important;
    width:62px!important;
    height:18px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1236__camera{
    top:20px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1236__home{
    bottom:14px!important;
    width:66px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1236__halo{
    width:280px!important;
    height:280px!important;
  }
}

/* Reducir movimiento para usuarios que lo prefieren */
@media(prefers-reduced-motion:reduce){
  .cbh26-new-home .cb-whatclick-phone-v1236__device,
  .cbh26-new-home .cb-whatclick-phone-v1236__halo,
  .cbh26-new-home .cb-whatclick-phone-v1236__shadow{
    animation:none!important;
  }
}


/* =========================================================
   v1.2.37 · WHATCLICK LIMPIO + DETALLES SUTILES
   Solo modifica la sección del celular.
========================================================= */

/* Quitar por completo cualquier fondo visual detrás del teléfono */
.cbh26-new-home .cb-whatclick-phone-v1237{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Ocultar halos/fondos anteriores */
.cbh26-new-home .cb-whatclick-phone-v1237 .cb-whatclick-phone-v1236__halo{
  display:none!important;
}

/* Mantener el celular como protagonista */
.cbh26-new-home .cb-whatclick-phone-v1237 .cb-whatclick-phone-v1236__device{
  position:relative!important;
  z-index:5!important;
}

/* Línea orbital muy sutil */
.cbh26-new-home .cb-whatclick-tech-v1237--orbit{
  position:absolute!important;
  z-index:1!important;

  width:420px!important;
  height:210px!important;

  border:1px solid rgba(100,204,197,.20)!important;
  border-left-color:transparent!important;
  border-bottom-color:transparent!important;
  border-radius:50%!important;

  transform:rotate(-18deg)!important;
  opacity:.85!important;

  animation:cbh1237Orbit 8s ease-in-out infinite alternate!important;
}

@keyframes cbh1237Orbit{
  from{
    transform:rotate(-20deg) scale(.96);
    opacity:.48;
  }
  to{
    transform:rotate(-13deg) scale(1.04);
    opacity:.86;
  }
}

/* Pequeños puntos tecnológicos */
.cbh26-new-home .cb-whatclick-tech-v1237--dots{
  position:absolute!important;
  z-index:2!important;

  top:72px!important;
  right:8%!important;

  width:74px!important;
  height:74px!important;

  opacity:.55!important;

  background-image:
    radial-gradient(circle,rgba(100,204,197,.72) 1.5px,transparent 2px)!important;
  background-size:16px 16px!important;

  mask-image:linear-gradient(135deg,#000 30%,transparent 90%)!important;
  -webkit-mask-image:linear-gradient(135deg,#000 30%,transparent 90%)!important;
}

/* Pulso circular discreto */
.cbh26-new-home .cb-whatclick-tech-v1237--pulse{
  position:absolute!important;
  z-index:1!important;

  left:12%!important;
  bottom:80px!important;

  width:18px!important;
  height:18px!important;
  border-radius:50%!important;

  background:#64ccc5!important;
  box-shadow:
    0 0 0 0 rgba(100,204,197,.28),
    0 0 18px rgba(100,204,197,.28)!important;

  animation:cbh1237Pulse 2.8s ease-out infinite!important;
}

@keyframes cbh1237Pulse{
  0%{
    box-shadow:
      0 0 0 0 rgba(100,204,197,.26),
      0 0 12px rgba(100,204,197,.22);
  }
  70%{
    box-shadow:
      0 0 0 18px rgba(100,204,197,0),
      0 0 20px rgba(100,204,197,.10);
  }
  100%{
    box-shadow:
      0 0 0 0 rgba(100,204,197,0),
      0 0 10px rgba(100,204,197,.08);
  }
}

/* Sombra inferior más limpia */
.cbh26-new-home .cb-whatclick-phone-v1237 .cb-whatclick-phone-v1236__shadow{
  width:230px!important;
  height:28px!important;
  bottom:32px!important;

  background:
    radial-gradient(
      ellipse,
      rgba(49,103,103,.28),
      rgba(100,204,197,.10) 46%,
      transparent 72%
    )!important;

  filter:blur(12px)!important;
}

/* Desktop */
@media(min-width:901px){
  .cbh26-new-home .cb-whatclick-phone-v1237{
    min-height:520px!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .cbh26-new-home .cb-whatclick-tech-v1237--orbit{
    width:350px!important;
    height:175px!important;
  }

  .cbh26-new-home .cb-whatclick-tech-v1237--dots{
    right:4%!important;
  }
}

/* Mobile: mantener limpio y sin recargar */
@media(max-width:600px){
  .cbh26-new-home .cb-whatclick-tech-v1237--orbit{
    width:280px!important;
    height:140px!important;
    opacity:.42!important;
  }

  .cbh26-new-home .cb-whatclick-tech-v1237--dots{
    width:52px!important;
    height:52px!important;
    right:0!important;
    top:55px!important;
    opacity:.32!important;
  }

  .cbh26-new-home .cb-whatclick-tech-v1237--pulse{
    left:6%!important;
    bottom:65px!important;
  }
}

/* Modo oscuro */
@media(prefers-color-scheme:dark){
  .cbh26-new-home .cb-whatclick-tech-v1237--orbit{
    border-color:rgba(117,216,189,.18)!important;
    border-left-color:transparent!important;
    border-bottom-color:transparent!important;
  }

  .cbh26-new-home .cb-whatclick-tech-v1237--dots{
    opacity:.44!important;
  }
}

/* Reducir movimiento */
@media(prefers-reduced-motion:reduce){
  .cbh26-new-home .cb-whatclick-tech-v1237--orbit,
  .cbh26-new-home .cb-whatclick-tech-v1237--pulse{
    animation:none!important;
  }
}


/* =========================================================
   v1.2.38 · WHATCLICK LIMPIO, SIN TARJETA, CON FORMAS CSS
   Solo modifica esta sección.
========================================================= */

/* Quitar completamente cualquier tarjeta/fondo heredado a la derecha */
.cbh26-new-home .cb-whatclick-phone-v1238{
  position:relative!important;
  min-height:540px!important;

  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;

  border:0!important;
  border-radius:0!important;

  box-shadow:none!important;

  overflow:visible!important;
  isolation:isolate!important;
}

/* Eliminar decoraciones anteriores para evitar mezclar diseños */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-tech-v1237,
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__halo{
  display:none!important;
}

/* El celular permanece frontal y protagonista */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
  z-index:10!important;
  width:270px!important;

  animation:cbh1238PhoneFloat 5.2s ease-in-out infinite!important;

  box-shadow:
    0 38px 78px rgba(2,10,18,.42),
    0 10px 26px rgba(49,103,103,.18),
    inset 0 1px 2px rgba(255,255,255,.40),
    inset 0 -2px 4px rgba(0,0,0,.70)!important;
}

@keyframes cbh1238PhoneFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

/* Base luminosa limpia bajo el celular */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__shadow{
  z-index:2!important;
  bottom:20px!important;

  width:320px!important;
  height:52px!important;

  background:
    radial-gradient(
      ellipse,
      rgba(100,204,197,.32) 0%,
      rgba(49,103,103,.18) 38%,
      transparent 72%
    )!important;

  filter:blur(13px)!important;
}

/* =========================================================
   FORMAS SUTILES
========================================================= */

.cbh26-new-home .cb-wc-shape-v1238{
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
}

/* Cruces pequeñas */
.cbh26-new-home .cb-wc-shape-v1238--plus-a,
.cbh26-new-home .cb-wc-shape-v1238--plus-b{
  width:22px!important;
  height:22px!important;
}

.cbh26-new-home .cb-wc-shape-v1238--plus-a::before,
.cbh26-new-home .cb-wc-shape-v1238--plus-a::after,
.cbh26-new-home .cb-wc-shape-v1238--plus-b::before,
.cbh26-new-home .cb-wc-shape-v1238--plus-b::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;

  border-radius:999px!important;
  background:#64ccc5!important;

  box-shadow:0 0 14px rgba(100,204,197,.22)!important;
}

.cbh26-new-home .cb-wc-shape-v1238--plus-a::before,
.cbh26-new-home .cb-wc-shape-v1238--plus-b::before{
  width:22px!important;
  height:2px!important;
}

.cbh26-new-home .cb-wc-shape-v1238--plus-a::after,
.cbh26-new-home .cb-wc-shape-v1238--plus-b::after{
  width:2px!important;
  height:22px!important;
}

.cbh26-new-home .cb-wc-shape-v1238--plus-a{
  left:8%!important;
  top:25%!important;
  opacity:.9!important;
  animation:cbh1238Plus 4.8s ease-in-out infinite alternate!important;
}

.cbh26-new-home .cb-wc-shape-v1238--plus-b{
  right:7%!important;
  bottom:23%!important;
  opacity:.65!important;
  transform:scale(.78)!important;
  animation:cbh1238Plus 5.8s ease-in-out infinite alternate-reverse!important;
}

@keyframes cbh1238Plus{
  from{opacity:.38;transform:scale(.78) rotate(0)}
  to{opacity:.95;transform:scale(1.04) rotate(45deg)}
}

/* Matrices de puntos */
.cbh26-new-home .cb-wc-shape-v1238--dots-a,
.cbh26-new-home .cb-wc-shape-v1238--dots-b{
  width:76px!important;
  height:76px!important;

  background-image:
    radial-gradient(circle,rgba(100,204,197,.75) 1.4px,transparent 1.8px)!important;
  background-size:15px 15px!important;
}

.cbh26-new-home .cb-wc-shape-v1238--dots-a{
  right:3%!important;
  top:14%!important;
  opacity:.48!important;
}

.cbh26-new-home .cb-wc-shape-v1238--dots-b{
  left:3%!important;
  bottom:13%!important;
  opacity:.30!important;
  transform:scale(.78)!important;
}

/* Órbitas curvas alrededor del teléfono */
.cbh26-new-home .cb-wc-shape-v1238--orbit-a{
  width:520px!important;
  height:230px!important;

  border:1px solid rgba(100,204,197,.28)!important;
  border-left-color:transparent!important;
  border-bottom-color:transparent!important;
  border-radius:50%!important;

  transform:rotate(-13deg)!important;

  animation:cbh1238OrbitA 9s ease-in-out infinite alternate!important;
}

.cbh26-new-home .cb-wc-shape-v1238--orbit-a::after{
  content:""!important;
  position:absolute!important;
  right:54px!important;
  top:9px!important;

  width:9px!important;
  height:9px!important;
  border-radius:50%!important;

  background:#64ccc5!important;
  box-shadow:
    0 0 0 5px rgba(100,204,197,.08),
    0 0 18px rgba(100,204,197,.46)!important;
}

.cbh26-new-home .cb-wc-shape-v1238--orbit-b{
  width:430px!important;
  height:180px!important;

  border:1px dashed rgba(49,103,103,.20)!important;
  border-right-color:transparent!important;
  border-top-color:transparent!important;
  border-radius:50%!important;

  bottom:16px!important;
  transform:rotate(8deg)!important;

  opacity:.62!important;
  animation:cbh1238OrbitB 11s ease-in-out infinite alternate-reverse!important;
}

@keyframes cbh1238OrbitA{
  from{transform:rotate(-16deg) scale(.97);opacity:.42}
  to{transform:rotate(-9deg) scale(1.04);opacity:.82}
}

@keyframes cbh1238OrbitB{
  from{transform:rotate(4deg) scale(.94);opacity:.28}
  to{transform:rotate(11deg) scale(1.03);opacity:.64}
}

/* Desktop */
@media(min-width:901px){
  .cbh26-new-home .cb-whatclick-phone-v1238{
    padding-left:24px!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .cbh26-new-home .cb-whatclick-phone-v1238{
    min-height:500px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
    width:240px!important;
  }

  .cbh26-new-home .cb-wc-shape-v1238--orbit-a{
    width:410px!important;
    height:190px!important;
  }

  .cbh26-new-home .cb-wc-shape-v1238--orbit-b{
    width:350px!important;
    height:150px!important;
  }
}

/* Mobile: reducir formas para mantener limpieza */
@media(max-width:600px){
  .cbh26-new-home .cb-whatclick-phone-v1238{
    min-height:455px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
    width:min(68vw,220px)!important;
  }

  .cbh26-new-home .cb-wc-shape-v1238--orbit-a{
    width:300px!important;
    height:135px!important;
    opacity:.45!important;
  }

  .cbh26-new-home .cb-wc-shape-v1238--orbit-b{
    width:260px!important;
    height:110px!important;
    opacity:.34!important;
  }

  .cbh26-new-home .cb-wc-shape-v1238--dots-a{
    width:52px!important;
    height:52px!important;
    opacity:.32!important;
  }

  .cbh26-new-home .cb-wc-shape-v1238--dots-b,
  .cbh26-new-home .cb-wc-shape-v1238--plus-b{
    display:none!important;
  }
}

/* Reducir movimiento */
@media(prefers-reduced-motion:reduce){
  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device,
  .cbh26-new-home .cb-wc-shape-v1238{
    animation:none!important;
  }
}


/* =========================================================
   v1.2.39 · ELIMINAR FONDO BLANCO REAL DE WHATCLICK
   Corrige el contenedor padre, no solo el celular.
========================================================= */

/* Quitar fondo blanco heredado de toda la columna visual derecha */
.cbh26-new-home .cb-whatclick > div:last-child,
.cbh26-new-home .cb-whatclick-visual,
.cbh26-new-home .cb-whatclick-demo,
.cbh26-new-home .cb-chat-demo,
.cbh26-new-home .cb-whatclick-phone-v1238,
.cbh26-new-home .cb-whatclick-phone-v1237,
.cbh26-new-home .cb-whatclick-phone-v1236{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;

  border:0!important;
  border-radius:0!important;

  box-shadow:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  overflow:visible!important;
}

/* Eliminar pseudo-elementos blancos del contenedor visual */
.cbh26-new-home .cb-whatclick > div:last-child::before,
.cbh26-new-home .cb-whatclick > div:last-child::after,
.cbh26-new-home .cb-whatclick-visual::before,
.cbh26-new-home .cb-whatclick-visual::after,
.cbh26-new-home .cb-chat-demo::before,
.cbh26-new-home .cb-chat-demo::after{
  content:none!important;
  display:none!important;
}

/* Asegurar que el escenario del teléfono no pinte ninguna tarjeta */
.cbh26-new-home .cb-whatclick-phone-v1238{
  position:relative!important;
  isolation:isolate!important;
}

/* Mantener solamente el teléfono y las formas CSS */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
  background:
    linear-gradient(
      145deg,
      #1d2229 0%,
      #080a0e 46%,
      #2f343b 100%
    )!important;
}

/* Por si la antigua tarjeta blanca sigue en el DOM, ocultarla */
.cbh26-new-home .cb-whatclick-card,
.cbh26-new-home .cb-chat-window,
.cbh26-new-home .cb-chat-card,
.cbh26-new-home .cb-whatclick-window{
  display:none!important;
}

/* Mantener el fondo general de la sección oscuro y continuo */
.cbh26-new-home .cb-whatclick{
  background:
    linear-gradient(
      110deg,
      #081622 0%,
      #0b1827 55%,
      #14142b 100%
    )!important;

  overflow:hidden!important;
}

/* Las formas permanecen visibles */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238{
  display:block!important;
}

/* Mobile */
@media(max-width:600px){
  .cbh26-new-home .cb-whatclick > div:last-child{
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
}


/* =========================================================
   v1.2.40 · WHATCLICK: SIN NUBES DE CHAT + CELULAR PROTAGONISTA
   Solo modifica esta sección.
========================================================= */

/* Ocultar por completo las nubes / bloques de chat del mockup anterior */
.cbh26-new-home .cb-whatclick .cb-chat-window,
.cbh26-new-home .cb-whatclick .cb-chat-card,
.cbh26-new-home .cb-whatclick .cb-chat-bubble,
.cbh26-new-home .cb-whatclick .cb-chat-message,
.cbh26-new-home .cb-whatclick .cb-whatclick-window,
.cbh26-new-home .cb-whatclick .cb-whatclick-card,
.cbh26-new-home .cb-whatclick .cb-whatclick-demo > *:not(.cb-whatclick-phone-v1238),
.cbh26-new-home .cb-whatclick > div:last-child > *:not(.cb-whatclick-phone-v1238){
  display:none!important;
}

/* Asegurar que solo quede visible el escenario del teléfono */
.cbh26-new-home .cb-whatclick > div:last-child{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Dar mucho más protagonismo al teléfono */
.cbh26-new-home .cb-whatclick-phone-v1238{
  min-height:590px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}

/* Teléfono más grande y más arriba */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
  width:315px!important;
  z-index:10!important;

  transform:translateY(-28px)!important;
  animation:cbh1240PhoneFloat 5.2s ease-in-out infinite!important;

  box-shadow:
    0 46px 88px rgba(2,10,18,.46),
    0 14px 34px rgba(49,103,103,.20),
    inset 0 1px 2px rgba(255,255,255,.42),
    inset 0 -2px 4px rgba(0,0,0,.72)!important;
}

@keyframes cbh1240PhoneFloat{
  0%,100%{
    transform:translateY(-28px);
  }
  50%{
    transform:translateY(-40px);
  }
}

/* Sombra/base más amplia, para reforzar presencia */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__shadow{
  width:390px!important;
  height:62px!important;
  bottom:16px!important;

  background:
    radial-gradient(
      ellipse,
      rgba(100,204,197,.36) 0%,
      rgba(49,103,103,.20) 42%,
      transparent 74%
    )!important;

  filter:blur(14px)!important;
}

/* Formas sutiles más separadas del celular */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238--orbit-a{
  width:600px!important;
  height:260px!important;
}

.cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238--orbit-b{
  width:500px!important;
  height:205px!important;
  bottom:8px!important;
}

.cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238--dots-a{
  right:1%!important;
  top:12%!important;
}

.cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238--plus-a{
  left:3%!important;
  top:27%!important;
}

/* Desktop extra wide */
@media(min-width:1280px){
  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
    width:335px!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .cbh26-new-home .cb-whatclick-phone-v1238{
    min-height:520px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
    width:260px!important;
    transform:translateY(-18px)!important;
  }

  @keyframes cbh1240PhoneFloat{
    0%,100%{
      transform:translateY(-18px);
    }
    50%{
      transform:translateY(-28px);
    }
  }
}

/* Mobile */
@media(max-width:600px){
  .cbh26-new-home .cb-whatclick-phone-v1238{
    min-height:470px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
    width:min(72vw,235px)!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__shadow{
    width:270px!important;
    height:44px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238--orbit-a{
    width:320px!important;
    height:145px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238--orbit-b{
    width:280px!important;
    height:120px!important;
  }
}


/* =========================================================
   v1.2.41 · WHATCLICK: NUEVO VIDEO + COMPOSICIÓN MÁS LIMPIA
========================================================= */

/* Más aire y proporción en la columna izquierda */
.cbh26-new-home .cb-whatclick{
  min-height:700px!important;
}

.cbh26-new-home .cb-whatclick > div:first-child{
  max-width:760px!important;
  padding-right:58px!important;
}

.cbh26-new-home .cb-whatclick > div:first-child h2{
  font-size:clamp(54px,4.8vw,86px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  max-width:760px!important;
  margin-bottom:28px!important;
  text-wrap:balance!important;
}

.cbh26-new-home .cb-whatclick > div:first-child p{
  font-size:clamp(18px,1.35vw,23px)!important;
  line-height:1.55!important;
  max-width:700px!important;
  margin-bottom:32px!important;
}

/* Escenario tecnológico detrás del teléfono, sin volver a crear una tarjeta */
.cbh26-new-home .cb-whatclick-phone-v1238{
  min-height:640px!important;
}

.cbh26-new-home .cb-whatclick-phone-v1238::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  width:500px!important;
  height:500px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at center,
      rgba(100,204,197,.15) 0 18%,
      rgba(100,204,197,.055) 19% 38%,
      transparent 39% 100%)!important;
  border:1px solid rgba(100,204,197,.10)!important;
  box-shadow:
    0 0 90px rgba(100,204,197,.09),
    inset 0 0 70px rgba(100,204,197,.04)!important;
  animation:cbh1241Pulse 6s ease-in-out infinite!important;
}

.cbh26-new-home .cb-whatclick-phone-v1238::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  width:430px!important;
  height:430px!important;
  border-radius:50%!important;
  border:1px dashed rgba(100,204,197,.24)!important;
  box-shadow:0 0 35px rgba(100,204,197,.06)!important;
  animation:cbh1241Rotate 28s linear infinite!important;
}

@keyframes cbh1241Pulse{
  0%,100%{transform:scale(.96);opacity:.58}
  50%{transform:scale(1.04);opacity:1}
}

@keyframes cbh1241Rotate{
  to{transform:rotate(360deg)}
}

/* Teléfono todavía más protagonista */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
  width:350px!important;
  z-index:10!important;
}

/* Halo vertical muy sutil detrás, integrado con el fondo */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device::before{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08),
    0 0 60px rgba(100,204,197,.12)!important;
}

/* Reubicar adornos para enmarcar el celular */
.cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238--dots-a{
  right:0!important;
  top:17%!important;
  opacity:.48!important;
}

.cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238--plus-a{
  left:4%!important;
  top:22%!important;
}

.cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238--orbit-a{
  width:650px!important;
  height:285px!important;
  opacity:.72!important;
}

.cbh26-new-home .cb-whatclick-phone-v1238 .cb-wc-shape-v1238--orbit-b{
  width:540px!important;
  height:225px!important;
}

/* Desktop */
@media(min-width:1200px){
  .cbh26-new-home .cb-whatclick{
    column-gap:70px!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .cbh26-new-home .cb-whatclick > div:first-child{
    max-width:100%!important;
    padding-right:0!important;
  }

  .cbh26-new-home .cb-whatclick > div:first-child h2{
    font-size:clamp(46px,8vw,68px)!important;
    max-width:800px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238{
    min-height:560px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
    width:285px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238::before{
    width:420px!important;
    height:420px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238::after{
    width:360px!important;
    height:360px!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .cbh26-new-home .cb-whatclick{
    min-height:auto!important;
  }

  .cbh26-new-home .cb-whatclick > div:first-child h2{
    font-size:clamp(42px,13vw,58px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    margin-bottom:22px!important;
  }

  .cbh26-new-home .cb-whatclick > div:first-child p{
    font-size:17px!important;
    line-height:1.55!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238{
    min-height:500px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238 .cb-whatclick-phone-v1236__device{
    width:min(76vw,255px)!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238::before{
    width:330px!important;
    height:330px!important;
  }

  .cbh26-new-home .cb-whatclick-phone-v1238::after{
    width:285px!important;
    height:285px!important;
  }
}


/* =========================================================
   v1.2.42 · ANCHO UNIFICADO: HOME / SERVICIOS / DESARROLLO
   Mantiene los cambios anteriores y homologa márgenes.
========================================================= */

/*
 * El Home trabaja visualmente con un ancho amplio.
 * Estas reglas eliminan la diferencia de márgenes laterales
 * en las páginas internas sin afectar el header full-width.
 */
body.cbh26-services-page main,
body.cbh26-development-page main,
body.cbh26-servicios-page main,
body.cbh26-desarrollo-digital-page main,
.cbh26-services-page,
.cbh26-development-page,
.cbh26-servicios-page,
.cbh26-desarrollo-digital-page{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Contenedores principales de páginas internas: mismo ritmo horizontal del Home */
.cbh26-services-page .cb-container,
.cbh26-development-page .cb-container,
.cbh26-servicios-page .cb-container,
.cbh26-desarrollo-digital-page .cb-container,
.cbh26-services-page .container,
.cbh26-development-page .container,
.cbh26-servicios-page .container,
.cbh26-desarrollo-digital-page .container{
  width:min(100% - 64px, 1760px)!important;
  max-width:1760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Compatibilidad con las secciones propias del tema */
.cbh26-services-page section > .cbh26-inner,
.cbh26-development-page section > .cbh26-inner,
.cbh26-servicios-page section > .cbh26-inner,
.cbh26-desarrollo-digital-page section > .cbh26-inner,
.cbh26-services-page .cbh26-section-inner,
.cbh26-development-page .cbh26-section-inner,
.cbh26-servicios-page .cbh26-section-inner,
.cbh26-desarrollo-digital-page .cbh26-section-inner{
  width:min(100% - 64px, 1760px)!important;
  max-width:1760px!important;
  margin-inline:auto!important;
}

/* Evita que bloques de texto queden artificialmente más estrechos que en el Home */
.cbh26-services-page .cb-section-copy,
.cbh26-development-page .cb-section-copy,
.cbh26-servicios-page .cb-section-copy,
.cbh26-desarrollo-digital-page .cb-section-copy{
  max-width:none!important;
}

/* Tablet */
@media(max-width:900px){
  .cbh26-services-page .cb-container,
  .cbh26-development-page .cb-container,
  .cbh26-servicios-page .cb-container,
  .cbh26-desarrollo-digital-page .cb-container,
  .cbh26-services-page .container,
  .cbh26-development-page .container,
  .cbh26-servicios-page .container,
  .cbh26-desarrollo-digital-page .container,
  .cbh26-services-page section > .cbh26-inner,
  .cbh26-development-page section > .cbh26-inner,
  .cbh26-servicios-page section > .cbh26-inner,
  .cbh26-desarrollo-digital-page section > .cbh26-inner,
  .cbh26-services-page .cbh26-section-inner,
  .cbh26-development-page .cbh26-section-inner,
  .cbh26-servicios-page .cbh26-section-inner,
  .cbh26-desarrollo-digital-page .cbh26-section-inner{
    width:calc(100% - 40px)!important;
  }
}

/* Mobile: mismo margen cómodo y consistente */
@media(max-width:600px){
  .cbh26-services-page .cb-container,
  .cbh26-development-page .cb-container,
  .cbh26-servicios-page .cb-container,
  .cbh26-desarrollo-digital-page .cb-container,
  .cbh26-services-page .container,
  .cbh26-development-page .container,
  .cbh26-servicios-page .container,
  .cbh26-desarrollo-digital-page .container,
  .cbh26-services-page section > .cbh26-inner,
  .cbh26-development-page section > .cbh26-inner,
  .cbh26-servicios-page section > .cbh26-inner,
  .cbh26-desarrollo-digital-page section > .cbh26-inner,
  .cbh26-services-page .cbh26-section-inner,
  .cbh26-development-page .cbh26-section-inner,
  .cbh26-servicios-page .cbh26-section-inner,
  .cbh26-desarrollo-digital-page .cbh26-section-inner{
    width:calc(100% - 32px)!important;
  }
}


/* =========================================================
   v1.2.43 · CORRECCIÓN REAL DE MÁRGENES INTERNOS
   Servicios y Desarrollo Digital usan exactamente el mismo
   ancho horizontal general del Home.
========================================================= */

:root{
  --cbh26-page-max: 1800px;
  --cbh26-page-gutter: clamp(24px, 4vw, 72px);
}

/*
 * Unificamos TODOS los wrappers principales de las páginas
 * creadas por el tema. Se incluyen selectores genéricos porque
 * algunas plantillas no usan las clases body previstas antes.
 */
.cbh26-page-shell,
.cbh26-page-container,
.cbh26-container,
.cb-page-container,
.cb-page-inner,
.cb-section-inner,
.cbh26-section-inner,
.cbh26-services .container,
.cbh26-development .container,
.cbh26-servicios .container,
.cbh26-desarrollo .container,
.cbh26-desarrollo-digital .container,
body.page-template-page-servicios main > section > .container,
body.page-template-page-desarrollo-digital main > section > .container{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:var(--cbh26-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--cbh26-page-gutter)!important;
  padding-right:var(--cbh26-page-gutter)!important;
}

/*
 * Las secciones full-width conservan el fondo de borde a borde;
 * solo su contenido interior adopta el margen común.
 */
.cbh26-services,
.cbh26-development,
.cbh26-servicios,
.cbh26-desarrollo,
.cbh26-desarrollo-digital,
.cbh26-page-section{
  width:100%!important;
  max-width:none!important;
}

/* Corrige bloques que tenían un max-width local demasiado estrecho */
.cbh26-services [class*="inner"],
.cbh26-development [class*="inner"],
.cbh26-servicios [class*="inner"],
.cbh26-desarrollo-digital [class*="inner"]{
  margin-left:auto;
  margin-right:auto;
}

/* Hero y CTA de páginas internas: alineación horizontal común */
.cbh26-services .hero-inner,
.cbh26-development .hero-inner,
.cbh26-servicios .hero-inner,
.cbh26-desarrollo-digital .hero-inner,
.cbh26-services .cta-inner,
.cbh26-development .cta-inner,
.cbh26-servicios .cta-inner,
.cbh26-desarrollo-digital .cta-inner{
  width:100%!important;
  max-width:var(--cbh26-page-max)!important;
  padding-left:var(--cbh26-page-gutter)!important;
  padding-right:var(--cbh26-page-gutter)!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}

@media(max-width:767px){
  :root{ --cbh26-page-gutter:20px; }
}


/* =========================================================
   v1.2.44 · CORRECCIÓN EXACTA DE MÁRGENES
   Servicios y Desarrollo Digital usan el mismo gutter del Home.
========================================================= */

/*
 * CAUSA CORREGIDA:
 * Las páginas internas usan .cbh26-shell y una regla heredada
 * lo limitaba a 1180px. El Home usa padding horizontal:
 * max(8vw, 30px).
 */

/* SERVICIOS */
body.cbh26-services-page .cbh26-shell{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;

  padding-left:max(8vw,30px)!important;
  padding-right:max(8vw,30px)!important;

  box-sizing:border-box!important;
}

/* DESARROLLO DIGITAL */
body.cbh26-digital-page .cbh26-shell{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;

  padding-left:max(8vw,30px)!important;
  padding-right:max(8vw,30px)!important;

  box-sizing:border-box!important;
}

/* Evitar que reglas anteriores de 1180px vuelvan a imponerse */
body.cbh26-services-page main .cbh26-shell,
body.cbh26-digital-page main .cbh26-shell{
  width:100%!important;
  max-width:none!important;
}

/* Mantener fondos de sección de borde a borde */
body.cbh26-services-page .cbh26-section,
body.cbh26-digital-page .cbh26-section,
body.cbh26-services-page .cbh26-hero,
body.cbh26-digital-page .cbh26-digital-hero{
  width:100%!important;
  max-width:none!important;
}

/* Tablet: igual que el comportamiento del Home */
@media(max-width:980px){
  body.cbh26-services-page .cbh26-shell,
  body.cbh26-digital-page .cbh26-shell{
    padding-left:28px!important;
    padding-right:28px!important;
  }
}

/* Móvil: mismo ritmo lateral del Home */
@media(max-width:620px){
  body.cbh26-services-page .cbh26-shell,
  body.cbh26-digital-page .cbh26-shell{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}


/* =========================================================
   v1.2.45 · DESARROLLO DIGITAL: TÍTULOS MÁS ORGÁNICOS
   Solo ajusta tipografía y flujo de títulos.
========================================================= */

/* Hero principal de Desarrollo Digital */
body.cbh26-digital-page .cbh26-digital-hero h1,
body.cbh26-digital-page .cbh26-dd-hero h1{
  font-size:clamp(54px,5.8vw,92px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;

  max-width:980px!important;
  margin:0 0 28px!important;

  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* Evita cortes demasiado agresivos dentro del titular */
body.cbh26-digital-page .cbh26-digital-hero h1 br,
body.cbh26-digital-page .cbh26-dd-hero h1 br{
  display:none!important;
}

/* Títulos de sección */
body.cbh26-digital-page .cbh26-heading h2,
body.cbh26-digital-page .cbh26-dd-branding h2,
body.cbh26-digital-page .cbh26-dd-marketing h2,
body.cbh26-digital-page .cbh26-cta h2{
  font-size:clamp(42px,4.4vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;

  max-width:1050px!important;

  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* Bloques de texto: más aire como en el Home */
body.cbh26-digital-page .cbh26-digital-copy{
  max-width:1050px!important;
}

body.cbh26-digital-page .cbh26-digital-copy p,
body.cbh26-digital-page .cbh26-heading p{
  max-width:760px!important;
  font-size:clamp(18px,1.35vw,22px)!important;
  line-height:1.6!important;
}

/* Tablet */
@media(max-width:980px){
  body.cbh26-digital-page .cbh26-digital-hero h1,
  body.cbh26-digital-page .cbh26-dd-hero h1{
    font-size:clamp(48px,8.5vw,70px)!important;
    line-height:1!important;
    max-width:820px!important;
  }

  body.cbh26-digital-page .cbh26-heading h2,
  body.cbh26-digital-page .cbh26-dd-branding h2,
  body.cbh26-digital-page .cbh26-dd-marketing h2,
  body.cbh26-digital-page .cbh26-cta h2{
    font-size:clamp(38px,7vw,58px)!important;
  }
}

/* Mobile */
@media(max-width:620px){
  body.cbh26-digital-page .cbh26-digital-hero h1,
  body.cbh26-digital-page .cbh26-dd-hero h1{
    font-size:clamp(42px,12vw,56px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    margin-bottom:22px!important;
  }

  body.cbh26-digital-page .cbh26-heading h2,
  body.cbh26-digital-page .cbh26-dd-branding h2,
  body.cbh26-digital-page .cbh26-dd-marketing h2,
  body.cbh26-digital-page .cbh26-cta h2{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
  }
}


/* =========================================================
   v1.2.46-fixed · CONTACTO
========================================================= */
.cbh26-contact-page{background:#f7fafb!important}
.cbh26-contact-main{overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(100,204,197,.16),transparent 28%),#f7fafb}
.cbh26-contact-shell{width:100%;padding-left:max(8vw,30px);padding-right:max(8vw,30px);box-sizing:border-box}
.cbh26-contact-hero{min-height:720px;display:flex;align-items:center;padding:90px 0}
.cbh26-contact-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.cbh26-contact-kicker{display:inline-block;margin-bottom:18px;color:#3bc79f;font-weight:800;font-size:12px;letter-spacing:.17em}
.cbh26-contact-copy h1{margin:0;max-width:900px;color:#232439;font-family:Poppins,Inter,sans-serif;font-size:clamp(58px,6vw,100px);line-height:.96;letter-spacing:-.06em;text-wrap:balance}
.cbh26-contact-copy p{max-width:720px;margin-top:28px;color:#66747d;font-size:20px;line-height:1.65}
.cbh26-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.cbh26-contact-btn{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;text-decoration:none!important;font-weight:800}
.cbh26-contact-btn--primary{background:linear-gradient(135deg,#316767,#43a38f);color:#fff!important}
.cbh26-contact-btn--ghost{background:#fff;color:#34424a!important;border:1px solid rgba(49,103,103,.12)}
.cbh26-contact-card{padding:22px;border-radius:32px;background:#fff;border:1px solid rgba(49,103,103,.1);box-shadow:0 28px 70px rgba(35,36,57,.12)}
.cbh26-contact-channel{min-height:82px;padding:14px;margin-top:10px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;border-radius:20px;background:#f8fbfb;text-decoration:none!important}
.cbh26-contact-channel__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#316767,#64ccc5);color:#fff;font-weight:900}
.cbh26-contact-channel small{display:block;color:#879198;font-size:9px}
.cbh26-contact-channel strong{display:block;margin-top:5px;color:#26333b;font-size:13px}
.cbh26-contact-social{padding:100px 0;background:#fff}
.cbh26-contact-section-head h2{margin:0;max-width:900px;color:#232439;font-family:Poppins,Inter,sans-serif;font-size:clamp(44px,5vw,78px);line-height:.98;letter-spacing:-.055em}
.cbh26-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}
.cbh26-social-card{padding:24px;border-radius:30px;background:#f8fbfb;border:1px solid rgba(49,103,103,.1);text-decoration:none!important}
.cbh26-social-card__head{display:flex;justify-content:space-between;gap:20px;color:#232439}
.cbh26-social-posts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.cbh26-social-posts span{min-height:130px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#e5f6f3,#f8fbfb);color:#316767;font-weight:900}
@media(max-width:980px){.cbh26-contact-hero__grid{grid-template-columns:1fr}.cbh26-social-grid{grid-template-columns:1fr}}
@media(max-width:620px){.cbh26-contact-shell{padding-left:22px;padding-right:22px}.cbh26-contact-copy h1{font-size:clamp(44px,13vw,60px)}}


/* v1.2.47 · Menú principal: Contacto en lugar de Beneficios */
.cbh26-contact-page .cbh27-nav a[href*="contacto"]{
  color:#316767!important;
  background:rgba(49,103,103,.07)!important;
}


/* =========================================================
   v1.2.49 · CONTACTO REDISEÑADO
========================================================= */

.cbh26-contact-page .cbh27-nav a.is-current{
  color:#316767!important;
  background:rgba(49,103,103,.08)!important;
}

.cb-contact-v1249{
  --cc-bg:#f7fafb;
  --cc-surface:#ffffff;
  --cc-ink:#232439;
  --cc-muted:#66747d;
  --cc-brand:#316767;
  --cc-aqua:#64ccc5;
  --cc-dark:#081622;
  background:var(--cc-bg);
  overflow:hidden;
}

.cb-contact-v1249__shell{
  width:100%;
  max-width:none;
  margin:0 auto;
  padding-inline:max(8vw,30px);
  box-sizing:border-box;
}

.cb-contact-v1249__hero{
  position:relative;
  min-height:780px;
  display:flex;
  align-items:center;
  padding:100px 0 90px;
  background:
    radial-gradient(circle at 86% 16%,rgba(100,204,197,.18),transparent 28%),
    radial-gradient(circle at 8% 78%,rgba(49,103,103,.08),transparent 30%),
    linear-gradient(135deg,#fbfdfd,#f2f8f7 62%,#edf6f5);
}

.cb-contact-v1249__hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.72fr);
  gap:72px;
  align-items:center;
}

.cb-contact-v1249__copy{
  max-width:980px;
}

.cb-contact-v1249__eyebrow{
  display:inline-block;
  margin-bottom:18px;
  color:#39c49a;
  font:900 12px/1 Inter,sans-serif;
  letter-spacing:.17em;
}

.cb-contact-v1249__copy h1{
  margin:0;
  max-width:980px;
  color:var(--cc-ink);
  font:700 clamp(58px,6.2vw,104px)/.95 Poppins,Inter,sans-serif;
  letter-spacing:-.065em;
  text-wrap:balance;
}

.cb-contact-v1249__copy h1 em{
  display:block;
  color:var(--cc-brand);
  font-style:normal;
}

.cb-contact-v1249__copy>p{
  max-width:760px;
  margin:30px 0 0;
  color:var(--cc-muted);
  font:500 clamp(18px,1.35vw,23px)/1.65 Inter,sans-serif;
}

.cb-contact-v1249__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:34px;
}

.cb-contact-v1249__btn{
  min-height:56px;
  padding:0 25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:999px;
  text-decoration:none!important;
  font:800 13px/1 Inter,sans-serif;
  transition:.25s ease;
}

.cb-contact-v1249__btn:hover{
  transform:translateY(-2px);
}

.cb-contact-v1249__btn--primary{
  color:#fff!important;
  background:linear-gradient(135deg,#316767,#45a18f);
  box-shadow:0 16px 36px rgba(49,103,103,.22);
}

.cb-contact-v1249__btn--light{
  color:#34424a!important;
  background:#fff;
  border:1px solid rgba(49,103,103,.12);
}

.cb-contact-v1249__btn--dark{
  color:#fff!important;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}

.cb-contact-v1249__trust{
  margin-top:42px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.cb-contact-v1249__trust span{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(49,103,103,.09);
  color:#5f6d75;
  font:700 10px/1 Inter,sans-serif;
}

.cb-contact-v1249__trust i,
.cb-contact-v1249__panel-top>span i{
  width:7px;
  height:7px;
  display:inline-block;
  border-radius:50%;
  background:#25d366;
  box-shadow:0 0 0 4px rgba(37,211,102,.10);
}

.cb-contact-v1249__panel{
  position:relative;
  padding:24px;
  border-radius:34px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(49,103,103,.10);
  box-shadow:0 30px 80px rgba(35,36,57,.12);
}

.cb-contact-v1249__panel::before{
  content:"";
  position:absolute;
  inset:-24px;
  z-index:-1;
  border-radius:50px;
  background:radial-gradient(circle,rgba(100,204,197,.22),transparent 68%);
  filter:blur(22px);
}

.cb-contact-v1249__panel-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:4px 4px 17px;
}

.cb-contact-v1249__panel-top small{
  display:block;
  color:#8a959b;
  font:700 9px/1 Inter,sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.cb-contact-v1249__panel-top strong{
  display:block;
  margin-top:7px;
  color:#232439;
  font:800 20px/1.1 Poppins,Inter,sans-serif;
}

.cb-contact-v1249__panel-top>span{
  display:flex;
  align-items:center;
  gap:8px;
  color:#4c766f;
  font:700 10px/1 Inter,sans-serif;
}

.cb-contact-v1249__channels{
  display:grid;
  gap:10px;
}

.cb-contact-v1249__channel{
  min-height:84px;
  padding:14px;
  display:grid;
  grid-template-columns:50px 1fr auto;
  gap:14px;
  align-items:center;
  border-radius:20px;
  border:1px solid rgba(49,103,103,.08);
  background:#f8fbfb;
  text-decoration:none!important;
  transition:.24s ease;
}

.cb-contact-v1249__channel:hover{
  transform:translateX(5px);
  border-color:rgba(100,204,197,.48);
  box-shadow:0 14px 30px rgba(35,36,57,.06);
}

.cb-contact-v1249__channel-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,#316767,#64ccc5);
  font:900 17px/1 Inter,sans-serif;
}

.cb-contact-v1249__channel-copy small{
  display:block;
  color:#8b969d;
  font:700 9px/1.2 Inter,sans-serif;
}

.cb-contact-v1249__channel-copy strong{
  display:block;
  margin-top:5px;
  color:#26343c;
  font:800 13px/1.2 Inter,sans-serif;
}

.cb-contact-v1249__channel>b{
  color:#64ccc5;
  font-size:18px;
}

.cb-contact-v1249__social{
  padding:110px 0;
  background:#fff;
}

.cb-contact-v1249__heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,500px);
  gap:60px;
  align-items:end;
  margin-bottom:48px;
}

.cb-contact-v1249__heading h2{
  margin:0;
  max-width:1000px;
  color:#232439;
  font:700 clamp(46px,5.2vw,82px)/.98 Poppins,Inter,sans-serif;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.cb-contact-v1249__heading>p{
  margin:0;
  color:#6b777f;
  font:500 17px/1.7 Inter,sans-serif;
}

.cb-contact-v1249__social-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.cb-contact-v1249__social-card{
  min-height:520px;
  padding:24px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(49,103,103,.10);
  text-decoration:none!important;
  transition:.28s ease;
}

.cb-contact-v1249__social-card:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 65px rgba(35,36,57,.12);
}

.cb-contact-v1249__social-card--ig{
  background:
    radial-gradient(circle at 92% 5%,rgba(214,41,118,.15),transparent 28%),
    radial-gradient(circle at 5% 95%,rgba(255,191,0,.13),transparent 28%),
    linear-gradient(135deg,#fff,#fcf8fb);
}

.cb-contact-v1249__social-card--fb{
  background:
    radial-gradient(circle at 92% 8%,rgba(24,119,242,.16),transparent 30%),
    linear-gradient(135deg,#fff,#f4f8ff);
}

.cb-contact-v1249__social-head{
  display:grid;
  grid-template-columns:50px 1fr auto;
  gap:14px;
  align-items:center;
}

.cb-contact-v1249__social-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:#14132a;
  font:900 21px/1 Inter,sans-serif;
}

.cb-contact-v1249__social-head strong{
  display:block;
  color:#232439;
  font:800 15px/1.2 Inter,sans-serif;
}

.cb-contact-v1249__social-head small{
  display:block;
  margin-top:4px;
  color:#7f8a91;
  font:600 10px/1 Inter,sans-serif;
}

.cb-contact-v1249__social-head>b{
  color:#316767;
  font-size:20px;
}

.cb-contact-v1249__post-grid{
  flex:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:28px 0 22px;
}

.cb-contact-v1249__post{
  min-height:160px;
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-radius:22px;
  border:1px solid rgba(49,103,103,.07);
  overflow:hidden;
}

.cb-contact-v1249__post i{
  color:rgba(35,36,57,.36);
  font:800 10px/1 Inter,sans-serif;
  font-style:normal;
}

.cb-contact-v1249__post b{
  max-width:150px;
  color:#26343c;
  font:800 17px/1.15 Poppins,Inter,sans-serif;
}

.cb-contact-v1249__post--1{background:linear-gradient(145deg,#ffddea,#fff4e4)}
.cb-contact-v1249__post--2{background:linear-gradient(145deg,#def7f3,#f8fcfb)}
.cb-contact-v1249__post--3{background:linear-gradient(145deg,#ebe5ff,#faf8ff)}
.cb-contact-v1249__post--4{background:linear-gradient(145deg,#dff2ff,#f7fbff)}
.cb-contact-v1249__post--5{background:linear-gradient(145deg,#dcecff,#f6faff)}
.cb-contact-v1249__post--6{background:linear-gradient(145deg,#e3f4f2,#f9fcfc)}
.cb-contact-v1249__post--7{background:linear-gradient(145deg,#e8ecff,#f8f9ff)}
.cb-contact-v1249__post--8{background:linear-gradient(145deg,#e6f5ff,#fafcff)}

.cb-contact-v1249__social-foot{
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#6a767d;
  font:700 10px/1.3 Inter,sans-serif;
}

.cb-contact-v1249__social-foot b{
  color:#316767;
}

.cb-contact-v1249__final{
  padding:95px 0;
  background:
    radial-gradient(circle at 90% 10%,rgba(100,204,197,.18),transparent 28%),
    linear-gradient(120deg,#14132a,#203a45);
}

.cb-contact-v1249__final-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:50px;
  align-items:end;
}

.cb-contact-v1249__final h2{
  max-width:1050px;
  margin:0;
  color:#fff;
  font:700 clamp(46px,5vw,80px)/.98 Poppins,Inter,sans-serif;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.cb-contact-v1249__final-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}

.cb-contact-v1249__orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.cb-contact-v1249__orb--one{
  width:320px;
  height:320px;
  right:6%;
  top:10%;
  border:1px solid rgba(100,204,197,.24);
  animation:cbContactOrb1 9s ease-in-out infinite alternate;
}

.cb-contact-v1249__orb--two{
  width:180px;
  height:180px;
  left:3%;
  bottom:8%;
  border:1px dashed rgba(49,103,103,.18);
  animation:cbContactOrb2 11s ease-in-out infinite alternate-reverse;
}

@keyframes cbContactOrb1{
  from{transform:translateY(0) rotate(0)}
  to{transform:translateY(-18px) rotate(18deg)}
}

@keyframes cbContactOrb2{
  from{transform:translateY(0) rotate(0)}
  to{transform:translateY(14px) rotate(-18deg)}
}

@media(max-width:980px){
  .cb-contact-v1249__hero{
    min-height:auto;
    padding:82px 0 72px;
  }

  .cb-contact-v1249__hero-grid,
  .cb-contact-v1249__heading,
  .cb-contact-v1249__final-grid{
    grid-template-columns:1fr;
  }

  .cb-contact-v1249__panel{
    max-width:720px;
  }

  .cb-contact-v1249__final-actions{
    justify-content:flex-start;
  }
}

@media(max-width:620px){
  .cb-contact-v1249__shell{
    padding-inline:22px;
  }

  .cb-contact-v1249__copy h1{
    font-size:clamp(44px,13vw,62px);
    line-height:1;
  }

  .cb-contact-v1249__copy>p{
    font-size:17px;
  }

  .cb-contact-v1249__social-grid{
    grid-template-columns:1fr;
  }

  .cb-contact-v1249__social-card{
    min-height:auto;
  }

  .cb-contact-v1249__post{
    min-height:125px;
  }

  .cb-contact-v1249__panel{
    padding:16px;
    border-radius:26px;
  }

  .cb-contact-v1249__channel{
    grid-template-columns:44px 1fr auto;
  }

  .cb-contact-v1249__channel-icon{
    width:44px;
    height:44px;
  }
}

@media(prefers-color-scheme:dark){
  .cb-contact-v1249{
    --cc-bg:#08131d;
    --cc-surface:#10212a;
    --cc-ink:#f4f7f6;
    --cc-muted:#b8c3c7;
  }

  .cb-contact-v1249__hero{
    background:
      radial-gradient(circle at 86% 16%,rgba(100,204,197,.10),transparent 28%),
      radial-gradient(circle at 8% 78%,rgba(49,103,103,.13),transparent 30%),
      linear-gradient(135deg,#07131c,#0b1a23 62%,#0f2229);
  }

  .cb-contact-v1249__panel,
  .cb-contact-v1249__channel{
    background:#10212a;
    border-color:rgba(255,255,255,.07);
  }

  .cb-contact-v1249__panel-top strong,
  .cb-contact-v1249__channel-copy strong{
    color:#f4f7f6;
  }

  .cb-contact-v1249__trust span{
    background:rgba(255,255,255,.045);
    border-color:rgba(255,255,255,.07);
    color:#bdc8cb;
  }

  .cb-contact-v1249__social{
    background:#0d1a22;
  }

  .cb-contact-v1249__heading h2,
  .cb-contact-v1249__social-head strong,
  .cb-contact-v1249__post b{
    color:#f4f7f6;
  }

  .cb-contact-v1249__social-card{
    background:#13232b!important;
    border-color:rgba(255,255,255,.07);
  }

  .cb-contact-v1249__post{
    background:#182b34!important;
    border-color:rgba(255,255,255,.06);
  }
}


/* =========================================================
   v1.2.50 · SOCIAL FEED REAL
========================================================= */

.cb-contact-v1249__post[style*="--cb-post-image"]{
  position:relative;
  background:
    linear-gradient(180deg,rgba(8,22,34,.03),rgba(8,22,34,.72)),
    var(--cb-post-image) center/cover no-repeat!important;
}

.cb-contact-v1249__post[style*="--cb-post-image"] i,
.cb-contact-v1249__post[style*="--cb-post-image"] b{
  position:relative;
  z-index:2;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.28);
}

.cb-contact-v1250__post-link{
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:inherit;
}

.cb-contact-v1249__post{
  transition:transform .24s ease,box-shadow .24s ease;
}

.cb-contact-v1249__post:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(35,36,57,.10);
}


/* =========================================================
   v1.2.54 · FEEDS SOCIALES: CUADRÍCULA CORREGIDA
========================================================= */

/* La cuadrícula siempre ocupa exactamente 2 x 2 */
.cb-contact-v1249__post-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  min-height:360px!important;
  align-items:stretch!important;
}

/* Cada publicación ocupa una sola celda, sin crecer de forma desproporcionada */
.cb-contact-v1249__post{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:1.55 / 1!important;
  overflow:hidden!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
}

/* Imágenes reales: recorte uniforme */
.cb-contact-v1254__post--has-image{
  background:
    linear-gradient(180deg,rgba(8,22,34,.02),rgba(8,22,34,.72)),
    var(--cb-post-image) center center / cover no-repeat!important;
}

/* Fallback elegante mientras no haya datos reales */
.cb-contact-v1254__post--fallback{
  background:
    radial-gradient(circle at 88% 12%,rgba(100,204,197,.16),transparent 28%),
    linear-gradient(145deg,#eef7f6,#f9fbfb)!important;
}

/* Instagram conserva variedad visual en fallback */
.cb-contact-v1254__post-grid--instagram .cb-contact-v1254__post--fallback:nth-child(1){
  background:linear-gradient(145deg,#ffddea,#fff4e4)!important;
}
.cb-contact-v1254__post-grid--instagram .cb-contact-v1254__post--fallback:nth-child(2){
  background:linear-gradient(145deg,#def7f3,#f8fcfb)!important;
}
.cb-contact-v1254__post-grid--instagram .cb-contact-v1254__post--fallback:nth-child(3){
  background:linear-gradient(145deg,#ebe5ff,#faf8ff)!important;
}
.cb-contact-v1254__post-grid--instagram .cb-contact-v1254__post--fallback:nth-child(4){
  background:linear-gradient(145deg,#dff2ff,#f7fbff)!important;
}

/* Facebook fallback */
.cb-contact-v1254__post-grid--facebook .cb-contact-v1254__post--fallback:nth-child(odd){
  background:linear-gradient(145deg,#dcecff,#f6faff)!important;
}
.cb-contact-v1254__post-grid--facebook .cb-contact-v1254__post--fallback:nth-child(even){
  background:linear-gradient(145deg,#e3f4f2,#f9fcfc)!important;
}

/* Evitar textos externos o fragmentos que rompan el layout */
.cb-contact-v1249__post-grid > br,
.cb-contact-v1249__post-grid > p{
  display:none!important;
}

/* Mobile */
@media(max-width:620px){
  .cb-contact-v1249__post-grid{
    min-height:300px!important;
  }

  .cb-contact-v1249__post{
    aspect-ratio:1.2 / 1!important;
  }
}


/* =========================================================
   v1.2.55 · INSTAGRAM REDISEÑADO / FACEBOOK ELIMINADO
========================================================= */

/* Una sola tarjeta a ancho completo */
.cb-contact-v1255__instagram-only{
  display:block!important;
}

.cb-contact-v1255__instagram-only .cb-contact-v1249__social-card{
  width:100%!important;
  min-height:auto!important;
  padding:28px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 93% 5%,rgba(214,41,118,.13),transparent 26%),
    radial-gradient(circle at 6% 96%,rgba(255,191,0,.10),transparent 26%),
    linear-gradient(135deg,#ffffff 0%,#fcfafb 100%)!important;
}

/* Encabezado Instagram más limpio */
.cb-contact-v1255__instagram-only .cb-contact-v1249__social-head{
  grid-template-columns:52px 1fr auto!important;
  margin-bottom:26px!important;
}

.cb-contact-v1255__instagram-only .cb-contact-v1249__social-icon{
  width:52px!important;
  height:52px!important;
  border-radius:18px!important;
  background:
    linear-gradient(145deg,#6f2dbd,#e1306c 55%,#f9a825)!important;
}

/* 4 publicaciones en una sola fila */
.cb-contact-v1255__instagram-only .cb-contact-v1249__post-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  min-height:auto!important;
  gap:14px!important;
}

/* Cards verticales más editoriales */
.cb-contact-v1255__instagram-only .cb-contact-v1249__post{
  aspect-ratio:4 / 5!important;
  min-height:300px!important;
  border-radius:24px!important;
  padding:18px!important;
  justify-content:flex-end!important;
  position:relative!important;
  box-shadow:0 12px 26px rgba(35,36,57,.06)!important;
}

/* Imagen real más protagonista */
.cb-contact-v1255__instagram-only .cb-contact-v1254__post--has-image{
  background:
    linear-gradient(180deg,rgba(8,22,34,.02) 45%,rgba(8,22,34,.78) 100%),
    var(--cb-post-image) center/cover no-repeat!important;
}

/* Número pequeño arriba */
.cb-contact-v1255__instagram-only .cb-contact-v1249__post i{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  z-index:2!important;

  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;

  background:rgba(255,255,255,.84)!important;
  color:#40505a!important;
  text-shadow:none!important;
  backdrop-filter:blur(8px)!important;
}

/* Texto inferior */
.cb-contact-v1255__instagram-only .cb-contact-v1249__post b{
  max-width:100%!important;
  font-size:15px!important;
  line-height:1.22!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.30)!important;
}

/* Fallback si no hay imagen */
.cb-contact-v1255__instagram-only .cb-contact-v1254__post--fallback{
  justify-content:flex-end!important;
  background:
    radial-gradient(circle at 80% 16%,rgba(100,204,197,.18),transparent 32%),
    linear-gradient(145deg,#163b40,#0d2027)!important;
}

.cb-contact-v1255__instagram-only .cb-contact-v1254__post--fallback b{
  color:#fff!important;
}

/* Footer Instagram */
.cb-contact-v1255__instagram-only .cb-contact-v1249__social-foot{
  margin-top:22px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(49,103,103,.08)!important;
}

/* CTA inferior */
.cb-contact-v1255__social-cta{
  margin-top:42px!important;
  padding:30px!important;
  display:grid!important;
  grid-template-columns:80px minmax(0,1fr) auto!important;
  gap:28px!important;
  align-items:center!important;

  border-radius:30px!important;
  border:1px solid rgba(49,103,103,.10)!important;

  background:
    radial-gradient(circle at 8% 50%,rgba(100,204,197,.16),transparent 22%),
    linear-gradient(135deg,#f3fbfa,#f8fbfd)!important;
}

.cb-contact-v1255__social-cta-icon{
  width:80px!important;
  height:80px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;

  background:#fff!important;
  font-size:30px!important;
  box-shadow:0 14px 28px rgba(35,36,57,.06)!important;
}

.cb-contact-v1255__social-cta h3{
  margin:0!important;
  color:#232439!important;
  font:700 clamp(28px,2.6vw,42px)/1 Poppins,Inter,sans-serif!important;
  letter-spacing:-.04em!important;
}

.cb-contact-v1255__social-cta p{
  margin:10px 0 0!important;
  color:#66747d!important;
  font:500 16px/1.55 Inter,sans-serif!important;
}

.cb-contact-v1255__social-cta-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:10px!important;
}

/* Tablet */
@media(max-width:1100px){
  .cb-contact-v1255__instagram-only .cb-contact-v1249__post-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .cb-contact-v1255__instagram-only .cb-contact-v1249__post{
    min-height:280px!important;
  }

  .cb-contact-v1255__social-cta{
    grid-template-columns:70px 1fr!important;
  }

  .cb-contact-v1255__social-cta-actions{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .cb-contact-v1255__instagram-only .cb-contact-v1249__post-grid{
    grid-template-columns:1fr!important;
  }

  .cb-contact-v1255__instagram-only .cb-contact-v1249__post{
    aspect-ratio:4 / 4.6!important;
    min-height:260px!important;
  }

  .cb-contact-v1255__social-cta{
    grid-template-columns:1fr!important;
    text-align:left!important;
  }

  .cb-contact-v1255__social-cta-actions{
    grid-column:auto!important;
  }
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cb-contact-v1255__instagram-only .cb-contact-v1249__social-card{
    background:
      radial-gradient(circle at 93% 5%,rgba(214,41,118,.08),transparent 26%),
      linear-gradient(135deg,#13232b,#152630)!important;
  }

  .cb-contact-v1255__social-cta{
    background:
      radial-gradient(circle at 8% 50%,rgba(100,204,197,.10),transparent 22%),
      linear-gradient(135deg,#102129,#132831)!important;
  }

  .cb-contact-v1255__social-cta h3{
    color:#f4f7f6!important;
  }

  .cb-contact-v1255__social-cta-icon{
    background:#182d35!important;
  }
}


/* =========================================================
   v1.2.56 · INSTAGRAM CARD LAYOUT LIMPIO
========================================================= */

.cb-contact-v1255__instagram-only .cb-contact-v1249__social-card{
  padding:28px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 93% 5%,rgba(214,41,118,.10),transparent 24%),
    radial-gradient(circle at 7% 94%,rgba(255,191,0,.08),transparent 24%),
    linear-gradient(135deg,#ffffff,#fcfafc)!important;
}

/* Cabecera */
.cb-contact-v1255__instagram-only .cb-contact-v1249__social-head{
  margin-bottom:24px!important;
}

.cb-contact-v1255__instagram-only .cb-contact-v1249__social-icon{
  background:linear-gradient(145deg,#7a2cc6,#e1306c 55%,#f9a825)!important;
}

/* Grid de 4 publicaciones */
.cb-contact-v1255__instagram-only .cb-contact-v1249__post-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  min-height:0!important;
  margin:28px 0 0!important;
}

/* Card */
.cb-contact-v1255__instagram-only .cb-contact-v1249__post{
  position:relative!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  height:auto!important;
  padding:0!important;
  border-radius:24px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  border:1px solid rgba(49,103,103,.10)!important;
  box-shadow:0 14px 30px rgba(35,36,57,.06)!important;
  transition:transform .24s ease,box-shadow .24s ease!important;
}

.cb-contact-v1255__instagram-only .cb-contact-v1249__post:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 22px 44px rgba(35,36,57,.11)!important;
}

/* Área visual */
.cb-contact-v1256__post-media{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1 / 1!important;
  flex:0 0 auto!important;
  background:
    linear-gradient(180deg,rgba(8,22,34,.00),rgba(8,22,34,.08)),
    var(--cb-post-image) center/cover no-repeat!important;
}

/* Fallback */
.cb-contact-v1256__post--fallback .cb-contact-v1256__post-media{
  background:
    radial-gradient(circle at 78% 18%,rgba(100,204,197,.24),transparent 30%),
    linear-gradient(145deg,#163b40,#0d2027)!important;
}

.cb-contact-v1256__post-number{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  color:#29414a!important;
  font:800 10px/1 Inter,sans-serif!important;
  box-shadow:0 8px 18px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(8px)!important;
}

/* Texto inferior */
.cb-contact-v1256__post-body{
  min-height:104px!important;
  padding:16px 16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:14px!important;
}

.cb-contact-v1256__post-body h3{
  margin:0!important;
  color:#232439!important;
  font:800 14px/1.28 Poppins,Inter,sans-serif!important;
  letter-spacing:-.02em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.cb-contact-v1256__post-body p{
  margin:0!important;
  color:#8a959c!important;
  font:600 10px/1.2 Inter,sans-serif!important;
}

.cb-contact-v1256__post-link{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
}

/* Footer Instagram */
.cb-contact-v1255__instagram-only .cb-contact-v1249__social-foot{
  margin-top:24px!important;
  padding-top:20px!important;
}

/* CTA inferior más limpio */
.cb-contact-v1255__social-cta{
  margin-top:30px!important;
  padding:28px 30px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 8% 50%,rgba(100,204,197,.14),transparent 22%),
    linear-gradient(135deg,#f3fbfa,#f8fbfd)!important;
}

/* Tablet */
@media(max-width:1100px){
  .cb-contact-v1255__instagram-only .cb-contact-v1249__post-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .cb-contact-v1255__instagram-only .cb-contact-v1249__post-grid{
    grid-template-columns:1fr!important;
  }

  .cb-contact-v1256__post-media{
    aspect-ratio:4 / 3!important;
  }

  .cb-contact-v1256__post-body{
    min-height:auto!important;
  }
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cb-contact-v1255__instagram-only .cb-contact-v1249__social-card{
    background:
      radial-gradient(circle at 93% 5%,rgba(214,41,118,.07),transparent 24%),
      linear-gradient(135deg,#13232b,#152630)!important;
  }

  .cb-contact-v1255__instagram-only .cb-contact-v1249__post{
    background:#13252d!important;
    border-color:rgba(255,255,255,.07)!important;
  }

  .cb-contact-v1256__post-body h3{
    color:#f4f7f6!important;
  }

  .cb-contact-v1256__post-body p{
    color:#91a2a9!important;
  }
}


/* v1.2.57 — Mostrar exclusivamente las 4 publicaciones recientes */
.cb-contact-v1255__instagram-only .cb-contact-v1249__post-grid > .cb-contact-v1249__post:nth-child(n/**/+5){
  display:none!important;
}


/* =========================================================
   v1.2.58 · FOOTER PREMIUM CONECTA BIT
========================================================= */

.cb-footer-v1258{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,#0a1722 0%,#111a2e 52%,#17343a 100%);
  color:#fff;
  padding:76px 0 26px;
  margin-top:0;
}

.cb-footer-v1258__shell{
  position:relative;
  z-index:2;
  width:100%;
  max-width:none;
  margin:0 auto;
  padding-inline:max(8vw,30px);
  box-sizing:border-box;
}

.cb-footer-v1258__glow{
  position:absolute;
  border-radius:50%;
  filter:blur(35px);
  pointer-events:none;
  opacity:.55;
}

.cb-footer-v1258__glow--a{
  width:360px;
  height:360px;
  right:-90px;
  top:-120px;
  background:rgba(100,204,197,.17);
}

.cb-footer-v1258__glow--b{
  width:260px;
  height:260px;
  left:-70px;
  bottom:-120px;
  background:rgba(49,103,103,.20);
}

.cb-footer-v1258__top{
  display:grid;
  grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr);
  gap:72px;
  align-items:start;
}

.cb-footer-v1258__brand{
  max-width:470px;
}

.cb-footer-v1258__brand-link{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:#fff!important;
  text-decoration:none!important;
}

.cb-footer-v1258__brand-link img{
  width:64px;
  height:64px;
  object-fit:contain;
  border-radius:50%;
  background:#fff;
  padding:5px;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.cb-footer-v1258__brand-link strong{
  display:block;
  font:800 21px/1 Poppins,Inter,sans-serif;
}

.cb-footer-v1258__brand-link small{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.60);
  font:600 10px/1.2 Inter,sans-serif;
}

.cb-footer-v1258__brand>p{
  max-width:440px;
  margin:24px 0 0;
  color:rgba(255,255,255,.68);
  font:500 15px/1.7 Inter,sans-serif;
}

.cb-footer-v1258__socials{
  display:flex;
  gap:10px;
  margin-top:28px;
}

.cb-footer-v1258__socials a{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.09);
  font:800 16px/1 Inter,sans-serif;
  transition:.22s ease;
}

.cb-footer-v1258__socials a:hover{
  transform:translateY(-3px);
  background:rgba(100,204,197,.18);
  border-color:rgba(100,204,197,.32);
}

.cb-footer-v1258__nav{
  display:grid;
  grid-template-columns:.9fr 1.15fr 1.45fr;
  gap:42px;
}

.cb-footer-v1258__column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;
}

.cb-footer-v1258__label{
  margin-bottom:6px;
  color:#64ccc5;
  font:800 10px/1 Inter,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.cb-footer-v1258__column a{
  color:rgba(255,255,255,.72)!important;
  text-decoration:none!important;
  font:600 13px/1.35 Inter,sans-serif;
  transition:.2s ease;
}

.cb-footer-v1258__column a:hover{
  color:#fff!important;
  transform:translateX(3px);
}

.cb-footer-v1258__column--cta{
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}

.cb-footer-v1258__column--cta h3{
  margin:0;
  max-width:320px;
  color:#fff;
  font:700 clamp(24px,2.3vw,36px)/1.03 Poppins,Inter,sans-serif;
  letter-spacing:-.04em;
}

.cb-footer-v1258__cta{
  margin-top:10px;
  min-height:48px;
  padding:0 18px;
  display:inline-flex!important;
  align-items:center;
  gap:10px;
  border-radius:999px;
  color:#fff!important;
  background:linear-gradient(135deg,#316767,#48a793);
  box-shadow:0 14px 30px rgba(0,0,0,.14);
}

.cb-footer-v1258__divider{
  height:1px;
  margin:56px 0 22px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
}

.cb-footer-v1258__bottom{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:24px;
  align-items:center;
  color:rgba(255,255,255,.52);
  font:600 10px/1.4 Inter,sans-serif;
}

.cb-footer-v1258__signature{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
}

.cb-footer-v1258__signature span{
  color:rgba(255,255,255,.48);
}

.cb-footer-v1258__signature strong{
  color:#fff;
  font-weight:800;
}

.cb-footer-v1258__signature i{
  color:#64ccc5;
  font-style:normal;
  font-size:7px;
}

.cb-footer-v1258__legal{
  display:flex;
  justify-content:flex-end;
  gap:18px;
}

.cb-footer-v1258__legal a{
  color:rgba(255,255,255,.52)!important;
  text-decoration:none!important;
}

.cb-footer-v1258__legal a:hover{
  color:#fff!important;
}

@media(max-width:1050px){
  .cb-footer-v1258__top{
    grid-template-columns:1fr;
    gap:48px;
  }

  .cb-footer-v1258__nav{
    grid-template-columns:1fr 1fr 1.2fr;
  }
}

@media(max-width:760px){
  .cb-footer-v1258{
    padding-top:58px;
  }

  .cb-footer-v1258__shell{
    padding-inline:22px;
  }

  .cb-footer-v1258__nav{
    grid-template-columns:1fr;
    gap:34px;
  }

  .cb-footer-v1258__bottom{
    grid-template-columns:1fr;
    text-align:center;
  }

  .cb-footer-v1258__signature{
    justify-self:center;
  }

  .cb-footer-v1258__legal{
    justify-content:center;
  }

  .cb-footer-v1258__brand{
    max-width:none;
  }
}


/* v1.2.59 · Botón de llamada WhatClick */
.cb-call-widget-v1259{
  position:fixed!important;right:26px!important;bottom:28px!important;z-index:2147482000!important;
  display:flex!important;align-items:center!important;gap:10px!important;pointer-events:none!important;
}
.cb-call-widget-v1259__label{
  opacity:0!important;transform:translateX(10px)!important;padding:10px 14px!important;border-radius:999px!important;
  background:rgba(20,19,42,.94)!important;color:#fff!important;font:800 11px/1 Inter,sans-serif!important;
  box-shadow:0 14px 32px rgba(20,19,42,.20)!important;transition:.22s ease!important;
}
.cb-call-widget-v1259__button-wrap{
  pointer-events:auto!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;
  border-radius:20px!important;background:linear-gradient(145deg,#316767,#64ccc5)!important;
  box-shadow:0 18px 36px rgba(49,103,103,.28),0 0 0 6px rgba(100,204,197,.08)!important;
}
.cb-call-widget-v1259__button-wrap::before{
  content:""!important;position:absolute!important;inset:-8px!important;border-radius:26px!important;
  border:1px solid rgba(100,204,197,.20)!important;animation:cbCallPulse1259 2.8s ease-out infinite!important;
}
@keyframes cbCallPulse1259{0%{transform:scale(.88);opacity:.55}75%,100%{transform:scale(1.20);opacity:0}}
.cb-call-widget-v1259:hover .cb-call-widget-v1259__label{opacity:1!important;transform:translateX(0)!important}

@media(max-width:620px){
  .cb-call-widget-v1259{right:16px!important;bottom:18px!important}
  .cb-call-widget-v1259__label{display:none!important}
  .cb-call-widget-v1259__button-wrap{width:54px!important;height:54px!important;border-radius:18px!important}
}


/* =========================================================
   v1.2.60 · BOTÓN DE LLAMADA MÁS ORGÁNICO Y ELEGANTE
========================================================= */

/* Reposicionamiento y composición general */
.cb-call-widget-v1259{
  right:28px!important;
  bottom:30px!important;
  gap:12px!important;
}

/* Etiqueta tipo cápsula premium */
.cb-call-widget-v1259__label{
  opacity:0!important;
  transform:translateX(12px) scale(.96)!important;

  padding:11px 15px!important;
  border-radius:999px!important;

  background:rgba(10,23,34,.88)!important;
  color:#fff!important;

  border:1px solid rgba(100,204,197,.16)!important;

  box-shadow:
    0 14px 34px rgba(8,22,34,.22),
    inset 0 1px 0 rgba(255,255,255,.04)!important;

  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;

  font:800 11px/1 Inter,sans-serif!important;
  letter-spacing:.01em!important;

  transition:
    opacity .24s ease,
    transform .24s ease!important;
}

/* Contenedor flotante principal */
.cb-call-widget-v1259__button-wrap{
  position:relative!important;

  width:62px!important;
  height:62px!important;

  border-radius:22px!important;

  background:
    linear-gradient(145deg,#2d6666 0%,#3f9f99 55%,#67d6ce 100%)!important;

  border:1px solid rgba(255,255,255,.26)!important;

  box-shadow:
    0 22px 44px rgba(49,103,103,.30),
    0 10px 22px rgba(8,22,34,.18),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(0,0,0,.08)!important;

  transition:
    transform .25s ease,
    box-shadow .25s ease!important;
}

/* Segunda capa interior para dar profundidad */
.cb-call-widget-v1259__button-wrap::after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  z-index:0!important;

  border-radius:17px!important;

  background:
    linear-gradient(145deg,rgba(8,22,34,.28),rgba(8,22,34,.10))!important;

  border:1px solid rgba(255,255,255,.10)!important;

  pointer-events:none!important;
}

/* Pulso externo mucho más sutil */
.cb-call-widget-v1259__button-wrap::before{
  inset:-5px!important;
  border-radius:26px!important;

  border:1px solid rgba(100,204,197,.20)!important;

  box-shadow:0 0 0 0 rgba(100,204,197,.14)!important;

  animation:cbCallPulse1260 3.2s ease-out infinite!important;
}

@keyframes cbCallPulse1260{
  0%{
    transform:scale(.96);
    opacity:.65;
    box-shadow:0 0 0 0 rgba(100,204,197,.16);
  }
  75%{
    transform:scale(1.14);
    opacity:0;
    box-shadow:0 0 0 10px rgba(100,204,197,0);
  }
  100%{
    transform:scale(1.14);
    opacity:0;
    box-shadow:0 0 0 10px rgba(100,204,197,0);
  }
}

/* El widget real queda por encima de la capa interior */


/* Reducir visualmente cualquier contenedor interno extra del proveedor */


/* Hover */
.cb-call-widget-v1259:hover .cb-call-widget-v1259__label{
  opacity:1!important;
  transform:translateX(0) scale(1)!important;
}

.cb-call-widget-v1259:hover .cb-call-widget-v1259__button-wrap{
  transform:translateY(-4px) scale(1.035)!important;

  box-shadow:
    0 28px 52px rgba(49,103,103,.36),
    0 14px 26px rgba(8,22,34,.20),
    inset 0 1px 0 rgba(255,255,255,.40)!important;
}

/* Asegurar que el botón no tape contenido importante */
@media(min-width:1200px){
  .cb-call-widget-v1259{
    right:32px!important;
    bottom:34px!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .cb-call-widget-v1259{
    right:20px!important;
    bottom:22px!important;
  }

  .cb-call-widget-v1259__button-wrap{
    width:58px!important;
    height:58px!important;
    border-radius:20px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .cb-call-widget-v1259{
    right:14px!important;
    bottom:16px!important;
  }

  .cb-call-widget-v1259__button-wrap{
    width:54px!important;
    height:54px!important;
    border-radius:18px!important;
  }

  .cb-call-widget-v1259__button-wrap::after{
    inset:6px!important;
    border-radius:14px!important;
  }
}


/* =========================================================
   v1.2.61 · BOTÓN DE LLAMADA REFINADO
   Más separado del contenido y con estética tipo dock.
========================================================= */

/* Alejarlo del contenido inferior y de la cinta horizontal */
.cb-call-widget-v1259{
  right:24px!important;
  bottom:86px!important;
  gap:10px!important;
}

/* Etiqueta más discreta */
.cb-call-widget-v1259__label{
  padding:9px 13px!important;
  background:rgba(9,22,32,.92)!important;
  border:1px solid rgba(100,204,197,.12)!important;
  box-shadow:0 12px 28px rgba(8,22,34,.20)!important;
  font-size:10px!important;
}

/* Nueva base tipo dock */
.cb-call-widget-v1259__button-wrap{
  position:relative!important;

  width:64px!important;
  height:64px!important;

  border-radius:24px!important;

  background:
    linear-gradient(145deg,#f6fbfb 0%,#e8f7f5 100%)!important;

  border:1px solid rgba(49,103,103,.14)!important;

  box-shadow:
    0 18px 40px rgba(49,103,103,.18),
    0 8px 20px rgba(8,22,34,.10)!important;

  overflow:visible!important;
}

/* Halo exterior muy fino */
.cb-call-widget-v1259__button-wrap::before{
  content:""!important;
  position:absolute!important;
  inset:-6px!important;
  z-index:-1!important;

  border-radius:28px!important;

  background:rgba(100,204,197,.12)!important;
  border:1px solid rgba(100,204,197,.16)!important;

  animation:cbCallGlow1261 3.5s ease-in-out infinite!important;
}

@keyframes cbCallGlow1261{
  0%,100%{
    transform:scale(1);
    opacity:.65;
  }
  50%{
    transform:scale(1.06);
    opacity:.28;
  }
}

/* Capa interior limpia */
.cb-call-widget-v1259__button-wrap::after{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  z-index:0!important;

  border-radius:18px!important;

  background:
    linear-gradient(145deg,#2d6666 0%,#3f918d 100%)!important;

  border:1px solid rgba(255,255,255,.14)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.08)!important;
}

/* Widget real centrado y reducido */


/* Limitar cualquier wrapper del proveedor */


/* Hover más elegante */
.cb-call-widget-v1259:hover .cb-call-widget-v1259__button-wrap{
  transform:translateY(-3px)!important;

  box-shadow:
    0 22px 46px rgba(49,103,103,.22),
    0 10px 24px rgba(8,22,34,.12)!important;
}

/* Evitar solape con cintas o elementos horizontales cercanos */
.cbh26-new-home .cb-call-widget-v1259,
.cbh26-services-page .cb-call-widget-v1259,
.cbh26-digital-page .cb-call-widget-v1259,
.cbh26-contact-page .cb-call-widget-v1259{
  margin:0!important;
}

/* Tablet */
@media(max-width:900px){
  .cb-call-widget-v1259{
    right:18px!important;
    bottom:74px!important;
  }

  .cb-call-widget-v1259__button-wrap{
    width:60px!important;
    height:60px!important;
    border-radius:22px!important;
  }

  
}

/* Mobile */
@media(max-width:620px){
  .cb-call-widget-v1259{
    right:14px!important;
    bottom:70px!important;
  }

  .cb-call-widget-v1259__button-wrap{
    width:56px!important;
    height:56px!important;
    border-radius:20px!important;
  }

  .cb-call-widget-v1259__button-wrap::after{
    inset:7px!important;
    border-radius:15px!important;
  }

  
}


/* =========================================================
   v1.2.62 · CÁPSULA FLOTANTE LLAMADA + SUBIR
   Inspirada en el diseño de referencia del usuario.
========================================================= */

/* Posición general */
.cb-call-widget-v1262{
  right:24px!important;
  bottom:28px!important;
  gap:12px!important;
}

/* La etiqueta queda discreta a la izquierda */
.cb-call-widget-v1262 .cb-call-widget-v1259__label{
  margin-right:2px!important;
}

/* Cápsula vertical */
.cb-call-widget-v1262__capsule{
  position:relative!important;
  width:78px!important;
  min-height:168px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  padding:12px 10px!important;

  border-radius:40px!important;

  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,251,250,.96))!important;

  border:1px solid rgba(100,204,197,.18)!important;

  box-shadow:
    0 24px 50px rgba(49,103,103,.18),
    0 8px 22px rgba(8,22,34,.08),
    inset 0 1px 0 rgba(255,255,255,.96)!important;

  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;

  overflow:visible!important;
}

/* Botón de llamada superior */
.cb-call-widget-v1262 .cb-call-widget-v1259__button-wrap{
  position:relative!important;

  width:58px!important;
  height:58px!important;

  border-radius:22px!important;

  background:linear-gradient(145deg,#2c7b78,#0f777a)!important;

  border:3px solid rgba(255,255,255,.92)!important;

  box-shadow:
    0 0 0 7px rgba(100,204,197,.26),
    0 12px 24px rgba(49,103,103,.22),
    inset 0 1px 0 rgba(255,255,255,.18)!important;

  overflow:hidden!important;
}

/* Eliminar capas anteriores para evitar acumulación visual */
.cb-call-widget-v1262 .cb-call-widget-v1259__button-wrap::before,
.cb-call-widget-v1262 .cb-call-widget-v1259__button-wrap::after{
  display:none!important;
}

/* Ajuste del widget real */




/* Puente central entre ambos botones */
.cb-call-widget-v1262__bridge{
  width:18px!important;
  height:34px!important;
  margin:-2px 0!important;

  background:
    linear-gradient(180deg,#6fd7cf,#56c9c2)!important;

  border-radius:0 0 12px 12px!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28)!important;
}

/* Botón de subir */
.cb-call-widget-v1262__top{
  position:relative!important;

  width:58px!important;
  height:58px!important;

  display:grid!important;
  place-items:center!important;

  margin:0!important;
  padding:0!important;

  border:3px solid rgba(255,255,255,.94)!important;
  border-radius:50%!important;

  background:
    linear-gradient(145deg,#0d7779,#078c8f)!important;

  color:#fff!important;

  box-shadow:
    0 0 0 7px rgba(100,204,197,.22),
    0 12px 24px rgba(49,103,103,.20),
    inset 0 1px 0 rgba(255,255,255,.18)!important;

  cursor:pointer!important;

  opacity:.82!important;
  transform:scale(.96)!important;

  transition:
    transform .22s ease,
    opacity .22s ease,
    box-shadow .22s ease!important;
}

.cb-call-widget-v1262__top span{
  display:block!important;
  transform:translateY(-1px)!important;
  color:#fff!important;
  font:300 35px/1 Inter,sans-serif!important;
}

.cb-call-widget-v1262__top:hover,
.cb-call-widget-v1262__top.is-visible{
  opacity:1!important;
  transform:scale(1)!important;
}

.cb-call-widget-v1262__top:hover{
  box-shadow:
    0 0 0 8px rgba(100,204,197,.26),
    0 16px 30px rgba(49,103,103,.26)!important;
}

/* Interacción general */
.cb-call-widget-v1262:hover .cb-call-widget-v1259__button-wrap{
  transform:translateY(-2px)!important;
}

/* Tablet */
@media(max-width:900px){
  .cb-call-widget-v1262{
    right:18px!important;
    bottom:22px!important;
  }

  .cb-call-widget-v1262__capsule{
    width:72px!important;
    min-height:156px!important;
    border-radius:36px!important;
  }

  .cb-call-widget-v1262 .cb-call-widget-v1259__button-wrap,
  .cb-call-widget-v1262__top{
    width:54px!important;
    height:54px!important;
  }

  .cb-call-widget-v1262__bridge{
    height:30px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .cb-call-widget-v1262{
    right:12px!important;
    bottom:16px!important;
  }

  .cb-call-widget-v1262__capsule{
    width:66px!important;
    min-height:144px!important;
    padding:10px 8px!important;
    border-radius:34px!important;
  }

  .cb-call-widget-v1262 .cb-call-widget-v1259__button-wrap,
  .cb-call-widget-v1262__top{
    width:50px!important;
    height:50px!important;
  }

  .cb-call-widget-v1262__bridge{
    width:16px!important;
    height:28px!important;
  }

  .cb-call-widget-v1262__top span{
    font-size:30px!important;
  }
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cb-call-widget-v1262__capsule{
    background:
      linear-gradient(180deg,rgba(15,34,42,.96),rgba(12,29,36,.96))!important;

    border-color:rgba(100,204,197,.14)!important;

    box-shadow:
      0 24px 50px rgba(0,0,0,.30),
      inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
}


/* =========================================================
   v1.2.63 · LLAMADA INTEGRADA EN EL SCROLL EXISTENTE
========================================================= */

/* Ocultar por completo el contenedor flotante independiente anterior */
.cb-call-widget-v1259,
.cb-call-widget-v1262{
  display:none!important;
}

/* Fuente temporal invisible antes de insertar el botón en el scroll */
.cb-call-widget-source-v1263{
  position:absolute!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* El control de scroll existente se convierte en una sola pieza integrada */
.cb-scroll-integrated-v1263{
  position:fixed!important;
  z-index:2147482000!important;
  overflow:visible!important;
}

/* Contenedor del botón de llamada, insertado arriba del control ya existente */
.cb-scroll-integrated-v1263__call{
  position:relative!important;
  width:58px!important;
  height:58px!important;

  margin:0 auto 10px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:22px!important;

  background:
    linear-gradient(145deg,#2c7c79,#0c7779)!important;

  border:3px solid rgba(255,255,255,.95)!important;

  box-shadow:
    0 0 0 7px rgba(100,204,197,.20),
    0 14px 30px rgba(49,103,103,.22),
    inset 0 1px 0 rgba(255,255,255,.16)!important;
}

/* Conector visual para unir llamada y scroll como en la referencia */
.cb-scroll-integrated-v1263__call::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-17px!important;
  transform:translateX(-50%)!important;

  width:18px!important;
  height:18px!important;

  border-radius:0 0 10px 10px!important;

  background:linear-gradient(180deg,#65d4cc,#52c8c1)!important;

  z-index:-1!important;
}

/* Mantener el widget real perfectamente centrado */




/* Refinar el dock completo para acercarlo a la referencia */
.cb-scroll-integrated-v1263{
  padding:12px 10px!important;
  border-radius:38px!important;

  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,251,250,.96))!important;

  border:1px solid rgba(100,204,197,.15)!important;

  box-shadow:
    0 24px 52px rgba(49,103,103,.16),
    0 8px 22px rgba(8,22,34,.07),
    inset 0 1px 0 rgba(255,255,255,.96)!important;

  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

/* Evitar halos duplicados sobre los botones existentes del scroll */
.cb-scroll-integrated-v1263 > button,
.cb-scroll-integrated-v1263 > a,
.cb-scroll-integrated-v1263 > [role="button"]{
  box-shadow:
    0 0 0 7px rgba(100,204,197,.16),
    0 12px 26px rgba(49,103,103,.18)!important;
}

/* Tablet */
@media(max-width:900px){
  .cb-scroll-integrated-v1263__call{
    width:54px!important;
    height:54px!important;
    border-radius:20px!important;
  }

  
}

/* Mobile */
@media(max-width:620px){
  .cb-scroll-integrated-v1263{
    padding:10px 8px!important;
    border-radius:34px!important;
  }

  .cb-scroll-integrated-v1263__call{
    width:50px!important;
    height:50px!important;
    border-radius:18px!important;
    margin-bottom:9px!important;
  }

  
}


/* =========================================================
   v1.2.64 · INTEGRACIÓN DIRECTA EN EL SCROLL RAIL REAL
========================================================= */

/* Desactivar restos visuales de intentos anteriores */
.cb-call-widget-v1259,
.cb-call-widget-v1262,
.cb-call-widget-source-v1263,
.cb-scroll-integrated-v1263__call{
  display:none!important;
}

/* El rail existente recibe el botón de llamada sin alterar su posición */
.cbh26-scroll-rail--global{
  overflow:visible!important;
}

/* Botón superior de llamada */
.cbh26-scroll-rail__call-v1264{
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 12px)!important;
  transform:translateX(-50%)!important;

  width:58px!important;
  height:58px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:22px!important;

  background:linear-gradient(145deg,#2d7c79,#0b7779)!important;
  border:3px solid rgba(255,255,255,.96)!important;

  box-shadow:
    0 0 0 7px rgba(100,204,197,.20),
    0 15px 30px rgba(49,103,103,.22),
    inset 0 1px 0 rgba(255,255,255,.18)!important;

  z-index:4!important;
}

/* Conector entre llamada y scroll */
.cbh26-scroll-rail__call-v1264::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-18px!important;
  transform:translateX(-50%)!important;

  width:17px!important;
  height:20px!important;

  background:linear-gradient(180deg,#66d7cf,#54c9c2)!important;
  border-radius:0 0 9px 9px!important;

  z-index:-1!important;
}

/* Widget real */




/* Hover */
.cbh26-scroll-rail__call-v1264{
  transition:transform .22s ease, box-shadow .22s ease!important;
}

.cbh26-scroll-rail__call-v1264:hover{
  transform:translateX(-50%) translateY(-3px)!important;
  box-shadow:
    0 0 0 8px rgba(100,204,197,.24),
    0 19px 36px rgba(49,103,103,.27)!important;
}

/* Responsive */
@media(max-width:620px){
  .cbh26-scroll-rail__call-v1264{
    width:52px!important;
    height:52px!important;
    border-radius:19px!important;
    bottom:calc(100% + 10px)!important;
  }

  
}


/* =========================================================
   v1.2.65 · SCROLL + LLAMADA GLOBAL EN TODAS LAS PÁGINAS
========================================================= */

/* Ocultar restos de versiones anteriores */
.cb-call-widget-v1259,
.cb-call-widget-v1262,
.cb-call-widget-source-v1263,
.cb-scroll-integrated-v1263{
  display:none!important;
}

/* Componente único global */
.cbh26-scroll-call-v1265{
  position:fixed!important;
  right:24px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;

  width:74px!important;
  min-height:228px!important;

  padding:11px 8px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;

  border-radius:38px!important;

  background:
    linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,251,250,.96))!important;

  border:1px solid rgba(100,204,197,.18)!important;

  box-shadow:
    0 24px 52px rgba(49,103,103,.17),
    0 9px 24px rgba(8,22,34,.08),
    inset 0 1px 0 rgba(255,255,255,.98)!important;

  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;

  z-index:2147482000!important;
  overflow:visible!important;
}

/* Botón de llamada */
.cbh26-scroll-call-v1265__call{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;

  width:56px!important;
  height:56px!important;

  margin:0 0 12px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:21px!important;

  background:linear-gradient(145deg,#287b78,#0c7779)!important;
  border:3px solid rgba(255,255,255,.96)!important;

  box-shadow:
    0 0 0 6px rgba(100,204,197,.20),
    0 13px 28px rgba(49,103,103,.22),
    inset 0 1px 0 rgba(255,255,255,.18)!important;

  z-index:3!important;
}

/* Conector visual */
.cbh26-scroll-call-v1265__call::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-17px!important;
  transform:translateX(-50%)!important;

  width:16px!important;
  height:18px!important;

  border-radius:0 0 9px 9px!important;
  background:linear-gradient(180deg,#65d5cd,#55cac2)!important;

  z-index:-1!important;
}

/* Widget del proveedor visible y centrado */




/* Flechas */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__down{
  position:relative!important;
  inset:auto!important;

  width:52px!important;
  height:52px!important;

  flex:0 0 52px!important;

  display:grid!important;
  place-items:center!important;

  margin:0!important;
  padding:0!important;

  border:3px solid rgba(255,255,255,.96)!important;
  border-radius:50%!important;

  background:linear-gradient(145deg,#347f7e,#2f8d8a)!important;
  color:#fff!important;

  box-shadow:
    0 0 0 5px rgba(100,204,197,.14),
    0 10px 22px rgba(49,103,103,.16)!important;

  cursor:pointer!important;
  opacity:1!important;
  transform:none!important;
}

.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__down span{
  color:#fff!important;
  font:300 28px/1 Inter,sans-serif!important;
}

/* Línea/track entre flechas */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__track{
  position:relative!important;
  inset:auto!important;

  width:4px!important;
  height:36px!important;

  flex:0 0 36px!important;

  margin:5px 0!important;
  border-radius:999px!important;

  background:linear-gradient(180deg,rgba(100,204,197,.42),rgba(49,103,103,.18))!important;
}

/* Hover elegante */
.cbh26-scroll-call-v1265__call,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__down{
  transition:transform .22s ease,box-shadow .22s ease!important;
}

.cbh26-scroll-call-v1265__call:hover,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up:hover,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__down:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    0 0 0 6px rgba(100,204,197,.20),
    0 15px 28px rgba(49,103,103,.22)!important;
}

/* Tablet */
@media(max-width:900px){
  .cbh26-scroll-call-v1265{
    right:16px!important;
    width:68px!important;
    min-height:214px!important;
    border-radius:35px!important;
  }

  .cbh26-scroll-call-v1265__call{
    width:52px!important;
    height:52px!important;
  }

  

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__down{
    width:48px!important;
    height:48px!important;
    flex-basis:48px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .cbh26-scroll-call-v1265{
    right:10px!important;
    width:62px!important;
    min-height:196px!important;
    padding:9px 7px!important;
    border-radius:32px!important;
  }

  .cbh26-scroll-call-v1265__call{
    width:48px!important;
    height:48px!important;
    border-radius:18px!important;
  }

  

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__down{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__track{
    height:28px!important;
    flex-basis:28px!important;
  }
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cbh26-scroll-call-v1265{
    background:
      linear-gradient(180deg,rgba(16,35,43,.96),rgba(12,29,36,.96))!important;
    border-color:rgba(100,204,197,.14)!important;
  }
}


/* =========================================================
   v1.2.66 · CORRECCIÓN ÚNICA:
   1) Footer premium restaurado.
   2) Control llamada + scroll ajustado a la referencia.
========================================================= */

/* Mantener una sola pieza vertical, angosta y limpia */
.cbh26-scroll-call-v1265{
  position:fixed!important;
  right:22px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;

  width:76px!important;
  min-height:184px!important;

  padding:10px 8px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:38px!important;

  background:
    linear-gradient(180deg,#ffffff 0%,#f7fbfa 100%)!important;

  border:1px solid rgba(100,204,197,.18)!important;

  box-shadow:
    0 20px 45px rgba(49,103,103,.15),
    0 8px 20px rgba(8,22,34,.07),
    inset 0 1px 0 rgba(255,255,255,.98)!important;

  overflow:visible!important;
}

/* Botón de llamada superior: forma cuadrada redondeada como la referencia */
.cbh26-scroll-call-v1265__call{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;

  width:58px!important;
  height:58px!important;

  margin:0!important;

  display:grid!important;
  place-items:center!important;

  border-radius:22px!important;

  background:linear-gradient(145deg,#2c7c79,#0b7779)!important;
  border:4px solid #fff!important;

  box-shadow:
    0 0 0 8px rgba(100,204,197,.28),
    0 12px 24px rgba(49,103,103,.20)!important;

  z-index:3!important;
}

/* Conector central exacto, corto y ancho */
.cbh26-scroll-call-v1265__call::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-28px!important;
  transform:translateX(-50%)!important;

  width:18px!important;
  height:30px!important;

  border-radius:0 0 10px 10px!important;

  background:linear-gradient(180deg,#6ed9d1,#55c9c2)!important;

  z-index:-1!important;
}

/* Widget real centrado */




/* Mantener solo la flecha hacia arriba visible, como en la referencia */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__down,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__track{
  display:none!important;
}

/* Flecha inferior circular */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
  position:relative!important;
  inset:auto!important;

  width:58px!important;
  height:58px!important;

  flex:0 0 58px!important;

  display:grid!important;
  place-items:center!important;

  margin:28px 0 0!important;
  padding:0!important;

  border:4px solid #fff!important;
  border-radius:50%!important;

  background:linear-gradient(145deg,#0d7779,#0a8d8f)!important;
  color:#fff!important;

  box-shadow:
    0 0 0 8px rgba(100,204,197,.24),
    0 12px 24px rgba(49,103,103,.20)!important;

  cursor:pointer!important;
  opacity:1!important;
  transform:none!important;
}

/* Flecha simple y elegante */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span{
  display:block!important;
  color:#fff!important;
  font:300 36px/1 Inter,sans-serif!important;
  transform:translateY(-1px)!important;
}

/* Eliminar cualquier hover que altere demasiado la forma */
.cbh26-scroll-call-v1265__call:hover,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up:hover{
  transform:none!important;
}

/* Tablet */
@media(max-width:900px){
  .cbh26-scroll-call-v1265{
    right:16px!important;
    width:70px!important;
    min-height:172px!important;
    border-radius:35px!important;
  }

  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:54px!important;
    height:54px!important;
  }

  
}

/* Mobile */
@media(max-width:620px){
  .cbh26-scroll-call-v1265{
    right:10px!important;
    width:64px!important;
    min-height:160px!important;
    padding:8px 7px!important;
    border-radius:32px!important;
  }

  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:50px!important;
    height:50px!important;
  }

  

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    margin-top:26px!important;
  }
}


/* =========================================================
   v1.2.67 · AJUSTE FINAL DEL CONTROL FLOTANTE
   ÚNICO CAMBIO: diseño de botones y centrado del teléfono.
========================================================= */

/* Cápsula vertical blanca, estrecha y profunda */
.cbh26-scroll-call-v1265{
  position:fixed!important;
  right:24px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;

  width:86px!important;
  min-height:202px!important;
  box-sizing:border-box!important;

  padding:14px 10px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:44px!important;

  background:
    linear-gradient(180deg,
      rgba(255,255,255,.99) 0%,
      rgba(249,253,252,.99) 55%,
      rgba(244,251,250,.99) 100%
    )!important;

  border:1px solid rgba(49,103,103,.08)!important;

  box-shadow:
    0 24px 50px rgba(49,103,103,.15),
    0 9px 22px rgba(8,22,34,.07),
    inset 0 1px 0 rgba(255,255,255,1)!important;

  overflow:visible!important;
}

/* =========================================================
   BOTÓN DE LLAMADA
========================================================= */

.cbh26-scroll-call-v1265__call{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  bottom:auto!important;

  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  transform:none!important;

  border-radius:24px!important;

  background:
    linear-gradient(145deg,#08767a 0%,#057f82 100%)!important;

  border:5px solid #fff!important;

  box-shadow:
    0 0 0 8px rgba(100,204,197,.30),
    0 14px 28px rgba(49,103,103,.22),
    inset 0 1px 0 rgba(255,255,255,.18)!important;

  overflow:hidden!important;
  z-index:4!important;
}

/* Conector central */
.cbh26-scroll-call-v1265__call::after{
  content:""!important;

  position:absolute!important;
  left:50%!important;
  bottom:-34px!important;

  width:20px!important;
  height:36px!important;

  transform:translateX(-50%)!important;

  border-radius:0 0 12px 12px!important;

  background:
    linear-gradient(180deg,#70ddd5 0%,#55cbc4 100%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28)!important;

  z-index:-2!important;
}

/*
 * Centrado estricto del widget externo.
 * Se neutralizan offsets, floats y transforms del proveedor.
 */




/* Todos los wrappers inmediatos quedan exactamente centrados */


/*
 * Algunos widgets insertan iframe, SVG, button o div con offset propio.
 * Los obligamos a ocupar el centro sin deformar el icono.
 */


/* =========================================================
   FLECHA INFERIOR
========================================================= */

/* Solo se conserva la flecha de subir, tal como en la referencia */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__down,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__track{
  display:none!important;
}

.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
  position:relative!important;
  inset:auto!important;

  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;

  margin:34px 0 0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:5px solid #fff!important;
  border-radius:50%!important;

  background:
    linear-gradient(145deg,#08777a 0%,#079194 100%)!important;

  color:#fff!important;

  box-shadow:
    0 0 0 8px rgba(100,204,197,.27),
    0 14px 28px rgba(49,103,103,.21),
    inset 0 1px 0 rgba(255,255,255,.18)!important;

  opacity:1!important;
  transform:none!important;

  cursor:pointer!important;
  overflow:hidden!important;
}

/* Flecha centrada, fina y vertical */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span{
  width:100%!important;
  height:100%!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:39px!important;
  font-weight:300!important;
  line-height:1!important;

  transform:translateY(-2px)!important;
}

/* Sin movimientos de forma al hacer hover */
.cbh26-scroll-call-v1265__call:hover,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up:hover{
  transform:none!important;
}

/* Sutil respuesta visual sin alterar geometría */
.cbh26-scroll-call-v1265__call:hover{
  box-shadow:
    0 0 0 9px rgba(100,204,197,.34),
    0 17px 32px rgba(49,103,103,.26)!important;
}

.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up:hover{
  box-shadow:
    0 0 0 9px rgba(100,204,197,.31),
    0 17px 32px rgba(49,103,103,.25)!important;
}

/* Tablet */
@media(max-width:900px){
  .cbh26-scroll-call-v1265{
    right:16px!important;
    width:78px!important;
    min-height:188px!important;
    border-radius:40px!important;
  }

  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }

  

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    margin-top:32px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .cbh26-scroll-call-v1265{
    right:10px!important;
    width:70px!important;
    min-height:172px!important;
    padding:10px 8px!important;
    border-radius:36px!important;
  }

  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }

  .cbh26-scroll-call-v1265__call{
    border-radius:20px!important;
  }

  

  .cbh26-scroll-call-v1265__call::after{
    bottom:-30px!important;
    width:17px!important;
    height:32px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    margin-top:30px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span{
    font-size:32px!important;
  }
}


/* =========================================================
   v1.2.68 · CONTROL FLOTANTE SEGÚN REFERENCIA
   ÚNICO CAMBIO: apariencia del control llamada + subir.
========================================================= */

/* Cápsula exterior */
.cbh26-scroll-call-v1265{
  position:fixed!important;
  right:24px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;

  width:88px!important;
  min-height:206px!important;
  padding:15px 11px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:46px!important;

  background:
    linear-gradient(180deg,#ffffff 0%,#fbfefd 58%,#f4faf9 100%)!important;

  border:1px solid rgba(49,103,103,.07)!important;

  box-shadow:
    0 24px 52px rgba(49,103,103,.14),
    0 9px 22px rgba(8,22,34,.06),
    inset 0 1px 0 #fff!important;

  overflow:visible!important;
}

/* Botón superior */
.cbh26-scroll-call-v1265__call{
  position:relative!important;
  inset:auto!important;

  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:24px!important;

  background:linear-gradient(145deg,#08797c,#007b7f)!important;
  border:5px solid #fff!important;

  box-shadow:
    0 0 0 8px rgba(100,204,197,.30),
    0 15px 30px rgba(49,103,103,.20)!important;

  overflow:visible!important;
}

/* Conector central visible y ancho */
.cbh26-scroll-call-v1265__call::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-35px!important;
  transform:translateX(-50%)!important;

  width:22px!important;
  height:37px!important;

  border-radius:0 0 12px 12px!important;

  background:linear-gradient(180deg,#72ddd5,#57cbc4)!important;
  z-index:-1!important;
}

/* Icono visual propio: siempre visible y perfectamente centrado */
.cbh26-call-visual-v1268{
  position:absolute!important;
  inset:0!important;
  z-index:8!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  pointer-events:none!important;
  color:#fff!important;
}

.cbh26-call-visual-v1268 svg{
  width:32px!important;
  height:32px!important;
  display:block!important;
  transform:none!important;
}

/* Widget real invisible pero clicable sobre toda el área */






/* Mantener únicamente flecha de subir */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__down,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__track{
  display:none!important;
}

/* Botón inferior circular */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
  position:relative!important;
  inset:auto!important;

  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;

  margin:35px 0 0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:5px solid #fff!important;
  border-radius:50%!important;

  background:linear-gradient(145deg,#08797c,#078f92)!important;
  color:#fff!important;

  box-shadow:
    0 0 0 8px rgba(100,204,197,.27),
    0 15px 30px rgba(49,103,103,.20)!important;

  overflow:hidden!important;
  transform:none!important;
  opacity:1!important;
}

/* Flecha exactamente centrada */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span{
  width:100%!important;
  height:100%!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin:0!important;
  padding:0 0 3px 0!important;

  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:41px!important;
  font-weight:300!important;
  line-height:1!important;

  transform:none!important;
}

/* Sin deformación al hover */
.cbh26-scroll-call-v1265__call:hover,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up:hover{
  transform:none!important;
}

/* Tablet */
@media(max-width:900px){
  .cbh26-scroll-call-v1265{
    right:16px!important;
    width:80px!important;
    min-height:190px!important;
    padding:13px 10px!important;
    border-radius:42px!important;
  }

  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }

  .cbh26-call-visual-v1268 svg{
    width:29px!important;
    height:29px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    margin-top:32px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .cbh26-scroll-call-v1265{
    right:10px!important;
    width:72px!important;
    min-height:174px!important;
    padding:11px 8px!important;
    border-radius:38px!important;
  }

  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }

  .cbh26-scroll-call-v1265__call{
    border-radius:20px!important;
  }

  .cbh26-call-visual-v1268 svg{
    width:26px!important;
    height:26px!important;
  }

  .cbh26-scroll-call-v1265__call::after{
    width:18px!important;
    height:32px!important;
    bottom:-30px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    margin-top:30px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span{
    font-size:34px!important;
  }
}


/* =========================================================
   v1.2.69 · AJUSTE VISUAL FINAL DEL CONTROL FLOTANTE
   ÚNICO CAMBIO: proporciones, conector y flecha.
========================================================= */

/* Cápsula más compacta y proporcionada */
.cbh26-scroll-call-v1265{
  width:92px!important;
  min-height:194px!important;
  padding:14px 11px!important;

  border-radius:46px!important;

  background:
    linear-gradient(180deg,#ffffff 0%,#fbfefd 56%,#f5fbfa 100%)!important;

  border:1px solid rgba(49,103,103,.065)!important;

  box-shadow:
    0 24px 52px rgba(49,103,103,.14),
    0 10px 24px rgba(8,22,34,.065),
    inset 0 1px 0 #ffffff!important;
}

/* Botón de llamada superior */
.cbh26-scroll-call-v1265__call{
  width:66px!important;
  height:66px!important;
  flex:0 0 66px!important;

  border-radius:25px!important;

  background:linear-gradient(145deg,#08797c 0%,#007a7f 100%)!important;
  border:5px solid #fff!important;

  box-shadow:
    0 0 0 8px rgba(100,204,197,.28),
    0 15px 30px rgba(49,103,103,.21)!important;
}

/* Conector tipo reloj de arena, más parecido a la referencia */
.cbh26-scroll-call-v1265__call::after{
  width:30px!important;
  height:42px!important;
  bottom:-39px!important;

  border-radius:8px!important;

  background:
    linear-gradient(180deg,#72ddd5 0%,#55cbc4 100%)!important;

  clip-path:polygon(
    0 0,
    100% 0,
    76% 32%,
    68% 50%,
    76% 68%,
    100% 100%,
    0 100%,
    24% 68%,
    32% 50%,
    24% 32%
  )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28)!important;
}

/* Icono de teléfono centrado y ligeramente mayor */
.cbh26-call-visual-v1268 svg{
  width:34px!important;
  height:34px!important;
}

/* Flecha inferior más grande y protagonista */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
  width:66px!important;
  height:66px!important;
  flex:0 0 66px!important;

  margin:38px 0 0!important;

  border:5px solid #fff!important;

  background:
    linear-gradient(145deg,#08797c 0%,#078f92 100%)!important;

  box-shadow:
    0 0 0 8px rgba(100,204,197,.25),
    0 15px 30px rgba(49,103,103,.20)!important;
}

/* Flecha más alta y centrada */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span{
  font-size:43px!important;
  padding-bottom:4px!important;
}

/* Tablet */
@media(max-width:900px){
  .cbh26-scroll-call-v1265{
    width:82px!important;
    min-height:184px!important;
    padding:13px 10px!important;
    border-radius:42px!important;
  }

  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:60px!important;
    height:60px!important;
    flex-basis:60px!important;
  }

  .cbh26-scroll-call-v1265__call::after{
    width:27px!important;
    height:38px!important;
    bottom:-35px!important;
  }

  .cbh26-call-visual-v1268 svg{
    width:31px!important;
    height:31px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    margin-top:35px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .cbh26-scroll-call-v1265{
    width:74px!important;
    min-height:168px!important;
    padding:11px 8px!important;
    border-radius:38px!important;
  }

  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:54px!important;
    height:54px!important;
    flex-basis:54px!important;
  }

  .cbh26-scroll-call-v1265__call{
    border-radius:21px!important;
  }

  .cbh26-scroll-call-v1265__call::after{
    width:23px!important;
    height:34px!important;
    bottom:-31px!important;
  }

  .cbh26-call-visual-v1268 svg{
    width:28px!important;
    height:28px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    margin-top:31px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span{
    font-size:36px!important;
  }
}


/* =========================================================
   v1.2.70 · DOS BOTONES FLOTANTES INDEPENDIENTES
   ÚNICO CAMBIO: llamada y subir, redondos y separados.
========================================================= */

/* El contenedor deja de verse como cápsula */
.cbh26-scroll-call-v1265{
  position:fixed!important;
  right:26px!important;
  top:auto!important;
  bottom:30px!important;
  transform:none!important;

  width:66px!important;
  min-height:148px!important;
  padding:0!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:20px!important;

  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  overflow:visible!important;
  z-index:2147482000!important;
}

/* Ocultar elementos que ya no se usan */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__down,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__track{
  display:none!important;
}

/* =========================================================
   BOTÓN DE LLAMADA
========================================================= */

.cbh26-scroll-call-v1265__call{
  position:relative!important;
  inset:auto!important;

  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:50%!important;

  background:
    linear-gradient(145deg,#ffffff 0%,#f6fbfa 100%)!important;

  border:1px solid rgba(49,103,103,.12)!important;

  box-shadow:
    0 14px 34px rgba(49,103,103,.15),
    0 5px 14px rgba(8,22,34,.07),
    inset 0 1px 0 rgba(255,255,255,.98)!important;

  overflow:visible!important;
  transform:none!important;

  transition:
    transform .22s ease,
    box-shadow .22s ease!important;
}

/* Halo muy sutil */
.cbh26-scroll-call-v1265__call::before{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  z-index:-1!important;

  border-radius:50%!important;

  background:rgba(100,204,197,.10)!important;
  border:1px solid rgba(100,204,197,.14)!important;
}

/* Eliminar el conector anterior */
.cbh26-scroll-call-v1265__call::after{
  display:none!important;
}

/* Círculo interior corporativo */
.cbh26-call-visual-v1268{
  position:absolute!important;
  inset:7px!important;
  z-index:8!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:50%!important;

  background:
    linear-gradient(145deg,#316767 0%,#3e918c 100%)!important;

  color:#fff!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14)!important;

  pointer-events:none!important;
}

.cbh26-call-visual-v1268 svg{
  width:28px!important;
  height:28px!important;
  display:block!important;
  transform:none!important;
}

/* Widget funcional invisible encima del botón */




/* =========================================================
   BOTÓN SUBIR
========================================================= */

.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
  position:relative!important;
  inset:auto!important;

  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:50%!important;

  background:
    linear-gradient(145deg,#ffffff 0%,#f6fbfa 100%)!important;

  border:1px solid rgba(49,103,103,.12)!important;

  color:#316767!important;

  box-shadow:
    0 14px 34px rgba(49,103,103,.15),
    0 5px 14px rgba(8,22,34,.07),
    inset 0 1px 0 rgba(255,255,255,.98)!important;

  transform:none!important;
  opacity:1!important;
  cursor:pointer!important;
  overflow:visible!important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    opacity .22s ease!important;
}

/* Halo sutil */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up::before{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  z-index:-1!important;

  border-radius:50%!important;

  background:rgba(100,204,197,.10)!important;
  border:1px solid rgba(100,204,197,.14)!important;
}

/* Círculo interior */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up::after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  z-index:0!important;

  border-radius:50%!important;

  background:
    linear-gradient(145deg,#316767 0%,#3e918c 100%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14)!important;
}

/* Flecha centrada */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span{
  position:relative!important;
  z-index:2!important;

  width:100%!important;
  height:100%!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin:0!important;
  padding:0 0 3px!important;

  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:34px!important;
  font-weight:300!important;
  line-height:1!important;

  transform:none!important;
}

/* Hover y click sutiles */
.cbh26-scroll-call-v1265__call:hover,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up:hover{
  transform:translateY(-3px) scale(1.03)!important;
  box-shadow:
    0 18px 40px rgba(49,103,103,.20),
    0 7px 18px rgba(8,22,34,.09)!important;
}

.cbh26-scroll-call-v1265__call:active,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up:active{
  transform:scale(.96)!important;
}

/* Tablet */
@media(max-width:900px){
  .cbh26-scroll-call-v1265{
    right:18px!important;
    bottom:24px!important;
    width:60px!important;
    min-height:136px!important;
    gap:18px!important;
  }

  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }

  .cbh26-call-visual-v1268 svg{
    width:26px!important;
    height:26px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span{
    font-size:31px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .cbh26-scroll-call-v1265{
    right:12px!important;
    bottom:18px!important;
    width:54px!important;
    min-height:122px!important;
    gap:16px!important;
  }

  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }

  .cbh26-call-visual-v1268,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up::after{
    inset:6px!important;
  }

  .cbh26-call-visual-v1268 svg{
    width:23px!important;
    height:23px!important;
  }

  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span{
    font-size:28px!important;
  }
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    background:
      linear-gradient(145deg,#13272f 0%,#102129 100%)!important;

    border-color:rgba(100,204,197,.12)!important;

    box-shadow:
      0 14px 34px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
}


/* =========================================================
   v1.2.71 · BOTONES E ICONOS UNIFICADOS
   ÚNICO CAMBIO: tamaño, halo, sombra e iconografía.
========================================================= */

/* Ambos botones exactamente iguales */
.cbh26-scroll-call-v1265__call,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;

  border-radius:50%!important;

  background:
    linear-gradient(145deg,#ffffff 0%,#f6fbfa 100%)!important;

  border:1px solid rgba(49,103,103,.12)!important;

  box-shadow:
    0 14px 34px rgba(49,103,103,.15),
    0 5px 14px rgba(8,22,34,.07),
    inset 0 1px 0 rgba(255,255,255,.98)!important;

  overflow:visible!important;
}

/* Mismo halo */
.cbh26-scroll-call-v1265__call::before,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up::before{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  z-index:-1!important;

  border-radius:50%!important;

  background:rgba(100,204,197,.10)!important;
  border:1px solid rgba(100,204,197,.14)!important;
}

/* Eliminar cualquier conector o decoración anterior */
.cbh26-scroll-call-v1265__call::after{
  display:none!important;
}

/* Círculos interiores idénticos */
.cbh26-call-visual-v1268,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up::after{
  position:absolute!important;
  inset:7px!important;

  border-radius:50%!important;

  background:
    linear-gradient(145deg,#316767 0%,#3e918c 100%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14)!important;
}

/* Iconos SVG del mismo set y grosor */
.cbh26-call-visual-v1268{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  z-index:8!important;
}

.cbh26-call-visual-v1268 svg,
.cbh26-scroll-icon-v1271 svg{
  width:27px!important;
  height:27px!important;
  display:block!important;
  color:#fff!important;
  stroke:currentColor!important;
  stroke-width:2.1!important;
  fill:none!important;
}

/* Flecha centrada con la misma caja del teléfono */
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up span.cbh26-scroll-icon-v1271{
  position:relative!important;
  z-index:2!important;

  width:100%!important;
  height:100%!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  transform:none!important;
  line-height:1!important;
}

/* Separación consistente */
.cbh26-scroll-call-v1265{
  gap:20px!important;
}

/* Hover exactamente igual */
.cbh26-scroll-call-v1265__call:hover,
.cbh26-scroll-call-v1265 .cbh26-scroll-rail__up:hover{
  transform:translateY(-3px) scale(1.03)!important;
  box-shadow:
    0 18px 40px rgba(49,103,103,.20),
    0 7px 18px rgba(8,22,34,.09)!important;
}

/* Tablet */
@media(max-width:900px){
  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }

  .cbh26-call-visual-v1268 svg,
  .cbh26-scroll-icon-v1271 svg{
    width:25px!important;
    height:25px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .cbh26-scroll-call-v1265__call,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }

  .cbh26-call-visual-v1268,
  .cbh26-scroll-call-v1265 .cbh26-scroll-rail__up::after{
    inset:6px!important;
  }

  .cbh26-call-visual-v1268 svg,
  .cbh26-scroll-icon-v1271 svg{
    width:23px!important;
    height:23px!important;
  }
}


/* =========================================================
   v1.2.72 · LLAMADA CON ESTADO CLARO PARA EL USUARIO
   ÚNICO CAMBIO: confirmación visual de inicio de llamada.
========================================================= */

/* Permite que la etiqueta aparezca al lado izquierdo del botón */
.cbh26-scroll-call-v1265__call{
  isolation:isolate!important;
}

/* Etiqueta clara y siempre visible */
.cbh26-call-status-v1272{
  position:absolute!important;
  right:calc(100% + 14px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;

  min-width:142px!important;
  height:42px!important;
  padding:0 15px 0 12px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;

  border-radius:999px!important;
  border:1px solid rgba(49,103,103,.14)!important;

  background:rgba(255,255,255,.96)!important;
  color:#244f50!important;

  box-shadow:
    0 10px 28px rgba(26,65,67,.12),
    inset 0 1px 0 rgba(255,255,255,.96)!important;

  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;

  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;

  pointer-events:none!important;
  z-index:25!important;

  transition:
    color .22s ease,
    background .22s ease,
    border-color .22s ease,
    transform .22s ease,
    box-shadow .22s ease!important;
}

.cbh26-call-status-v1272__dot{
  width:9px!important;
  height:9px!important;
  flex:0 0 9px!important;
  border-radius:50%!important;
  background:#3e918c!important;
  box-shadow:0 0 0 4px rgba(100,204,197,.16)!important;
}

/* Estado: iniciando */
.cbh26-call-status-v1272.is-starting{
  color:#245f5d!important;
  border-color:rgba(100,204,197,.40)!important;
  background:#f3fffd!important;
  box-shadow:
    0 14px 32px rgba(49,103,103,.17),
    0 0 0 4px rgba(100,204,197,.09)!important;
}

.cbh26-call-status-v1272.is-starting .cbh26-call-status-v1272__dot{
  background:#64ccc5!important;
  animation:cbh26CallDotPulse1272 1s ease-in-out infinite!important;
}

/* Estado posterior a la activación */
.cbh26-call-status-v1272.is-guidance{
  color:#1f6650!important;
  border-color:rgba(41,186,123,.28)!important;
  background:#f1fff8!important;
}

.cbh26-call-status-v1272.is-guidance .cbh26-call-status-v1272__dot{
  background:#29ba7b!important;
  box-shadow:0 0 0 4px rgba(41,186,123,.14)!important;
}

/* El botón también evidencia la acción */
.cbh26-scroll-call-v1265__call.is-call-starting-v1272{
  transform:scale(.98)!important;
}

.cbh26-scroll-call-v1265__call.is-call-starting-v1272::before{
  animation:cbh26CallOuterPulse1272 1.15s ease-out infinite!important;
}

.cbh26-scroll-call-v1265__call.is-call-starting-v1272 .cbh26-call-visual-v1268{
  animation:cbh26CallButtonPulse1272 .9s ease-in-out infinite alternate!important;
}

.cbh26-scroll-call-v1265__call.is-call-guidance-v1272 .cbh26-call-visual-v1268{
  background:linear-gradient(145deg,#238864 0%,#29ba7b 100%)!important;
}

@keyframes cbh26CallDotPulse1272{
  0%,100%{transform:scale(.85);opacity:.62}
  50%{transform:scale(1.18);opacity:1}
}

@keyframes cbh26CallOuterPulse1272{
  0%{transform:scale(.94);opacity:.72}
  100%{transform:scale(1.22);opacity:0}
}

@keyframes cbh26CallButtonPulse1272{
  from{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 0 rgba(100,204,197,.12)}
  to{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 8px rgba(100,204,197,.18)}
}

/* Tablet */
@media(max-width:900px){
  .cbh26-call-status-v1272{
    right:calc(100% + 11px)!important;
    min-width:132px!important;
    height:39px!important;
    padding:0 13px 0 11px!important;
    font-size:12px!important;
  }
}

/* Móvil: etiqueta compacta, pero continúa visible y clara */
@media(max-width:620px){
  .cbh26-call-status-v1272{
    right:calc(100% + 9px)!important;
    min-width:118px!important;
    height:36px!important;
    padding:0 11px 0 10px!important;
    gap:7px!important;
    font-size:11px!important;
  }

  .cbh26-call-status-v1272__dot{
    width:8px!important;
    height:8px!important;
    flex-basis:8px!important;
  }
}

/* Modo oscuro */
@media(prefers-color-scheme:dark){
  .cbh26-call-status-v1272{
    background:rgba(16,33,41,.96)!important;
    color:#d7f3ef!important;
    border-color:rgba(100,204,197,.16)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
  }

  .cbh26-call-status-v1272.is-starting{
    background:#143a3a!important;
    color:#dffffa!important;
  }

  .cbh26-call-status-v1272.is-guidance{
    background:#12372d!important;
    color:#dcfff0!important;
  }
}

/* Respeta usuarios con reducción de movimiento */
@media(prefers-reduced-motion:reduce){
  .cbh26-call-status-v1272__dot,
  .cbh26-scroll-call-v1265__call::before,
  .cbh26-call-visual-v1268{
    animation:none!important;
  }
}


/* =========================================================
   v1.3.0 · DESARROLLO EN TELECOMUNICACIONES
========================================================= */
.cbh26-telecom-page{background:#f7faf9;color:#172f35}
.cbtel{overflow:hidden;background:#f7faf9}
.cbtel .cbh26-shell{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.cbtel-hero{position:relative;min-height:780px;padding:155px 0 92px;background:linear-gradient(135deg,#f9fcfb 0%,#eff8f6 55%,#e9f5f2 100%);isolation:isolate}
.cbtel-hero__mesh{position:absolute;inset:0;z-index:-1;opacity:.42;background-image:linear-gradient(rgba(49,103,103,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(49,103,103,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.cbtel-hero:before,.cbtel-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(4px);z-index:-1}
.cbtel-hero:before{width:430px;height:430px;right:-130px;top:80px;background:rgba(100,204,197,.18)}
.cbtel-hero:after{width:280px;height:280px;left:-120px;bottom:10px;background:rgba(49,103,103,.10)}
.cbtel-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:74px}
.cbtel-hero__copy h1{max-width:720px;margin:18px 0 24px;font:800 clamp(54px,6vw,86px)/.98 Poppins,sans-serif;letter-spacing:-.055em;color:#152e34}
.cbtel-hero__copy h1 span{display:block;color:#316767}
.cbtel-hero__copy>p{max-width:665px;margin:0 0 32px;font-size:18px;line-height:1.75;color:#587077}
.cbtel-hero__chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.cbtel-hero__chips span{padding:8px 13px;border:1px solid rgba(49,103,103,.13);border-radius:999px;background:rgba(255,255,255,.64);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#42676a}
.cbtel-console{position:relative;padding:18px;border:1px solid rgba(49,103,103,.14);border-radius:34px;background:rgba(255,255,255,.76);box-shadow:0 35px 80px rgba(28,72,74,.16);backdrop-filter:blur(22px)}
.cbtel-console__top{height:46px;display:flex;align-items:center;gap:10px;padding:0 9px 14px;border-bottom:1px solid rgba(49,103,103,.1);font-size:12px;color:#5d7277}
.cbtel-console__top>span{width:9px;height:9px;border-radius:50%;background:#64ccc5;box-shadow:16px 0 #dce9e7,32px 0 #dce9e7;margin-right:28px}
.cbtel-console__top strong{flex:1;color:#294d50}
.cbtel-console__top em{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.12em;color:#258761}
.cbtel-map{position:relative;height:440px;overflow:hidden;border-radius:23px;background:radial-gradient(circle at center,rgba(100,204,197,.20),transparent 39%),linear-gradient(145deg,#14353c,#0f272e)}
.cbtel-map__core{position:absolute;left:50%;top:50%;z-index:5;width:104px;height:104px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(100,204,197,.35);border-radius:50%;background:#fff;box-shadow:0 0 0 12px rgba(100,204,197,.08),0 18px 36px rgba(0,0,0,.26)}
.cbtel-map__core img{width:68px;height:auto}
.cbtel-map__ring{position:absolute;left:50%;top:50%;border:1px dashed rgba(100,204,197,.28);border-radius:50%;transform:translate(-50%,-50%)}
.cbtel-map__ring--one{width:260px;height:260px;animation:cbtelRotate 28s linear infinite}
.cbtel-map__ring--two{width:390px;height:390px;animation:cbtelRotate 42s linear infinite reverse}
.cbtel-node{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.09);box-shadow:0 12px 25px rgba(0,0,0,.12);backdrop-filter:blur(12px);color:#fff}
.cbtel-node i{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:rgba(100,204,197,.18);font-style:normal;color:#8de5df}
.cbtel-node strong,.cbtel-node small{display:block}.cbtel-node strong{font-size:11px}.cbtel-node small{margin-top:2px;font-size:8px;color:#9fb6ba}
.cbtel-node.n1{left:20px;top:45px}.cbtel-node.n2{right:19px;top:72px}.cbtel-node.n3{right:22px;bottom:58px}.cbtel-node.n4{left:24px;bottom:62px}.cbtel-node.n5{left:50%;top:18px;transform:translateX(-50%)}
.cbtel-console__status{display:flex;justify-content:space-between;gap:18px;padding:14px 8px 1px;font-size:9px;font-weight:700;color:#789094}.cbtel-console__status span:first-child{color:#337a65}.cbtel-console__status i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#35c78b}
@keyframes cbtelRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
.cbtel-strip{overflow:hidden;padding:17px 0;background:#193b42;color:#fff}.cbtel-strip>div{display:flex;width:max-content;align-items:center;gap:22px;animation:cbtelMarquee 28s linear infinite;font-size:11px;font-weight:900;letter-spacing:.11em}.cbtel-strip i{color:#64ccc5;font-style:normal}@keyframes cbtelMarquee{to{transform:translateX(-35%)}}
.cbtel-section{padding:118px 0}.cbtel-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:54px}.cbtel-heading h2{max-width:700px;margin:12px 0 0;font:700 clamp(38px,4.4vw,62px)/1.04 Poppins,sans-serif;letter-spacing:-.045em;color:#19363c}.cbtel-heading>p{max-width:430px;margin:0;font-size:15px;line-height:1.75;color:#677d82}
.cbtel-feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:52px;border:1px solid rgba(49,103,103,.12);border-radius:34px;background:#fff;box-shadow:0 25px 65px rgba(35,76,78,.08)}
.cbtel-number{display:block;margin-bottom:25px;font-size:12px;font-weight:900;color:#64aaa5}.cbtel-feature h3{margin:0 0 15px;font:700 38px/1.08 Poppins,sans-serif;color:#21484c}.cbtel-feature p{margin:0;line-height:1.75;color:#61777c}.cbtel-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.cbtel-tags span{padding:8px 11px;border-radius:999px;background:#edf7f5;font-size:10px;font-weight:800;color:#316767}
.cbtel-voice-flow{display:flex;align-items:center;justify-content:center;gap:9px;min-height:220px;padding:25px;border-radius:25px;background:linear-gradient(145deg,#173b42,#24565a)}.cbtel-voice-flow span{min-width:105px;padding:19px 12px;border:1px solid rgba(255,255,255,.13);border-radius:14px;text-align:center;font-size:9px;font-weight:900;letter-spacing:.07em;color:#fff;background:rgba(255,255,255,.08)}.cbtel-voice-flow i{width:35px;height:1px;background:#64ccc5;position:relative}.cbtel-voice-flow i:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid #64ccc5;border-top:3px solid transparent;border-bottom:3px solid transparent}
.cbtel-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.cbtel-card{position:relative;min-height:330px;padding:36px;border:1px solid rgba(49,103,103,.11);border-radius:27px;background:#fff;box-shadow:0 14px 40px rgba(30,72,74,.055);transition:.3s ease}.cbtel-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(30,72,74,.11)}.cbtel-card__icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:35px;border-radius:16px;background:#eaf7f4;color:#316767;font-weight:900}.cbtel-card small{font-size:9px;font-weight:900;letter-spacing:.11em;color:#5eaaa5}.cbtel-card h3{margin:9px 0 13px;font:700 27px/1.15 Poppins,sans-serif;color:#203f45}.cbtel-card p{margin:0 0 22px;line-height:1.72;color:#687d81}.cbtel-card>a{font-size:12px;font-weight:800;color:#316767}.cbtel-mini-options,.cbtel-platforms{display:flex;flex-wrap:wrap;gap:8px}.cbtel-mini-options span,.cbtel-platforms span{padding:8px 11px;border-radius:999px;background:#f0f6f5;font-size:10px;font-weight:800;color:#45676a}.cbtel-card--wide{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:70px 1fr .9fr;align-items:center;gap:24px}.cbtel-card--wide .cbtel-card__icon{margin:0}.cbtel-card--wide h3{margin-top:4px}
.cbtel-virtual{background:#eaf4f2}.cbtel-proxmox{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.cbtel-proxmox__intro,.cbtel-capabilities{padding:46px;border-radius:30px}.cbtel-proxmox__intro{display:flex;flex-direction:column;justify-content:center;background:#183b42;color:#fff}.cbtel-proxmox__badge{display:inline-flex;align-self:flex-start;gap:10px;margin-bottom:35px;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:11px;font-weight:900}.cbtel-proxmox__badge span{color:#78d9d2}.cbtel-proxmox__intro h3{margin:0 0 18px;font:700 36px/1.12 Poppins,sans-serif}.cbtel-proxmox__intro p{margin:0 0 28px;line-height:1.8;color:#b9cbce}.cbtel-proxmox__intro .cbh26-btn--ghost{align-self:flex-start;color:#fff;border-color:rgba(255,255,255,.18)}
.cbtel-capabilities{background:#fff}.cbtel-capabilities article{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #e5eeec}.cbtel-capabilities article:last-child{border:0}.cbtel-capabilities i{font-style:normal;font-size:10px;font-weight:900;color:#5aa9a4}.cbtel-capabilities strong,.cbtel-capabilities span{display:block}.cbtel-capabilities strong{font-size:14px;color:#24494d}.cbtel-capabilities span{margin-top:4px;font-size:12px;line-height:1.5;color:#708388}
.cbtel-vps{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:22px;padding:50px;border-radius:30px;background:#fff}.cbtel-vps h3{margin:12px 0 15px;font:700 35px/1.12 Poppins,sans-serif;color:#24494d}.cbtel-vps p{margin:0;line-height:1.75;color:#6c7f83}.cbtel-vps__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cbtel-vps__metrics article{padding:22px;border-radius:18px;background:#eef7f5}.cbtel-vps__metrics strong,.cbtel-vps__metrics span{display:block}.cbtel-vps__metrics strong{font:700 22px Poppins;color:#316767}.cbtel-vps__metrics span{margin-top:4px;font-size:10px;color:#6c8185}
.cbtel-network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cbtel-network-card{padding:30px;border:1px solid rgba(49,103,103,.11);border-radius:26px;background:#fff;box-shadow:0 18px 48px rgba(35,76,78,.07)}.cbtel-network-card__visual{height:178px;position:relative;display:grid;place-items:center;margin-bottom:28px;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#173940,#285b5e);color:#fff}.cbtel-network-card__visual span{z-index:3;font-size:12px;font-weight:900;letter-spacing:.1em}.cbtel-network-card__visual i{position:absolute;border:1px solid rgba(100,204,197,.25);border-radius:50%}.cbtel-network-card__visual i:nth-child(2){width:70px;height:70px}.cbtel-network-card__visual i:nth-child(3){width:120px;height:120px}.cbtel-network-card__visual i:nth-child(4){width:175px;height:175px}.cbtel-network-card small{font-size:9px;font-weight:900;letter-spacing:.11em;color:#57a8a2}.cbtel-network-card h3{margin:8px 0 13px;font:700 28px Poppins;color:#23474c}.cbtel-network-card p{min-height:132px;margin:0;line-height:1.68;color:#6a7d82}.cbtel-network-card ul{padding:20px 0 0;margin:20px 0 0;border-top:1px solid #e6eeed;list-style:none}.cbtel-network-card li{position:relative;padding:6px 0 6px 18px;font-size:11px;font-weight:700;color:#47666a}.cbtel-network-card li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#64ccc5}
.cbtel-security{padding:120px 0;background:#102a31;color:#fff}.cbtel-security__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.cbtel-security__visual{position:relative;min-height:470px;display:grid;place-items:center}.cbtel-shield{position:relative;z-index:4;width:155px;height:180px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 18%,86% 70%,50% 100%,14% 70%,8% 18%);background:linear-gradient(145deg,#64ccc5,#316767);box-shadow:0 0 80px rgba(100,204,197,.23)}.cbtel-shield span{font-size:52px}.cbtel-security__visual .line{position:absolute;width:210px;height:1px;background:linear-gradient(90deg,transparent,#64ccc5);transform-origin:right}.cbtel-security__visual .l1{left:0;top:120px;transform:rotate(18deg)}.cbtel-security__visual .l2{left:20px;bottom:100px;transform:rotate(-16deg)}.cbtel-security__visual .l3{right:0;top:115px;transform:rotate(162deg)}.cbtel-security__visual .l4{right:20px;bottom:105px;transform:rotate(198deg)}.cbtel-security__visual .sat{position:absolute;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;font-weight:900;color:#9ee5e0}.cbtel-security__visual .s1{left:15px;top:90px}.cbtel-security__visual .s2{left:20px;bottom:75px}.cbtel-security__visual .s3{right:10px;top:85px}.cbtel-security__visual .s4{right:20px;bottom:80px}.cbtel-security__copy h2{margin:14px 0 22px;font:700 clamp(40px,4.7vw,65px)/1.04 Poppins;letter-spacing:-.045em}.cbtel-security__copy>p{max-width:610px;line-height:1.8;color:#b7cacc}.cbtel-security__services{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}.cbtel-security__services span{padding:14px 15px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);font-size:11px;font-weight:700;color:#d8e6e7}
.cbtel-software{background:#fff}.cbtel-software__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.cbtel-software__copy h2{margin:13px 0 20px;font:700 clamp(40px,4.5vw,61px)/1.05 Poppins;letter-spacing:-.045em;color:#19383e}.cbtel-software__copy p{margin:0 0 28px;line-height:1.8;color:#687d82}.cbtel-software__list article{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #e4edeb}.cbtel-software__list article>span{font-size:10px;font-weight:900;color:#5aa9a4}.cbtel-software__list strong,.cbtel-software__list small{display:block}.cbtel-software__list strong{font-size:16px;color:#254b50}.cbtel-software__list small{margin-top:5px;font-size:12px;line-height:1.55;color:#77898d}
.cbtel-process{padding:110px 0;background:#eff6f4}.cbtel-heading--center{justify-content:center;text-align:center}.cbtel-process__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cbtel-process__steps article{position:relative;padding:30px 26px;border-radius:22px;background:#fff}.cbtel-process__steps span{display:block;margin-bottom:35px;font-size:10px;font-weight:900;color:#5ca9a4}.cbtel-process__steps strong{font:700 20px Poppins;color:#244b50}.cbtel-process__steps p{margin:10px 0 0;font-size:12px;line-height:1.65;color:#74878b}
.cbtel-final{padding:105px 0;background:linear-gradient(135deg,#dff2ee,#eef8f6)}.cbtel-final__inner{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:60px;border:1px solid rgba(49,103,103,.12);border-radius:34px;background:rgba(255,255,255,.76);box-shadow:0 25px 65px rgba(34,77,79,.1)}.cbtel-final h2{max-width:760px;margin:12px 0 13px;font:700 clamp(37px,4.3vw,58px)/1.06 Poppins;letter-spacing:-.045em;color:#19383e}.cbtel-final p{max-width:700px;margin:0;line-height:1.75;color:#657b80}.cbtel-final__actions{min-width:230px;display:flex;flex-direction:column;gap:10px}

@media(max-width:1050px){
 .cbtel-hero__grid,.cbtel-security__grid,.cbtel-software__grid{grid-template-columns:1fr;gap:55px}.cbtel-console{max-width:700px}.cbtel-heading{align-items:start;flex-direction:column;gap:18px}.cbtel-proxmox{grid-template-columns:1fr}.cbtel-network-grid{grid-template-columns:1fr 1fr}.cbtel-process__steps{grid-template-columns:1fr 1fr}.cbtel-final__inner{align-items:flex-start;flex-direction:column}.cbtel-final__actions{flex-direction:row}
}
@media(max-width:720px){
 .cbtel .cbh26-shell{width:min(100% - 28px,1180px)}.cbtel-hero{min-height:auto;padding:125px 0 70px}.cbtel-hero__copy h1{font-size:47px}.cbtel-console{padding:10px;border-radius:24px}.cbtel-map{height:390px}.cbtel-node{padding:7px}.cbtel-node i{width:28px;height:28px}.cbtel-node small{display:none}.cbtel-node.n1{left:8px}.cbtel-node.n2{right:7px}.cbtel-node.n3{right:8px}.cbtel-node.n4{left:8px}.cbtel-section{padding:82px 0}.cbtel-heading{margin-bottom:35px}.cbtel-heading h2{font-size:39px}.cbtel-feature{grid-template-columns:1fr;padding:28px}.cbtel-voice-flow{min-height:170px;padding:14px}.cbtel-voice-flow span{min-width:0;padding:15px 7px;font-size:7px}.cbtel-service-grid,.cbtel-network-grid{grid-template-columns:1fr}.cbtel-card--wide{grid-column:auto;grid-template-columns:1fr}.cbtel-card--wide .cbtel-card__icon{margin-bottom:15px}.cbtel-proxmox__intro,.cbtel-capabilities,.cbtel-vps{padding:30px}.cbtel-vps{grid-template-columns:1fr;gap:30px}.cbtel-network-card p{min-height:auto}.cbtel-security{padding:85px 0}.cbtel-security__visual{min-height:360px}.cbtel-security__services{grid-template-columns:1fr}.cbtel-software__grid{gap:45px}.cbtel-process__steps{grid-template-columns:1fr}.cbtel-final{padding:75px 0}.cbtel-final__inner{padding:32px 25px}.cbtel-final__actions{width:100%;min-width:0;flex-direction:column}.cbtel-final__actions .cbh26-btn{justify-content:center}.cbtel-strip>div{animation-duration:18s}
}
@media(prefers-reduced-motion:reduce){.cbtel-map__ring,.cbtel-strip>div{animation:none!important}}


/* =========================================================
   v1.3.1 · AJUSTES PÁGINA TELECOMUNICACIONES
   - Eliminación de tres secciones.
   - Mayor contraste en bloques oscuros.
========================================================= */

/* La página finaliza con Desarrollo de Software */
.cbh26-telecom-page .cbtel-software{
  padding-bottom:120px!important;
}

/* Textos claros en todos los bloques oscuros */
.cbh26-telecom-page .cbtel-proxmox__intro,
.cbh26-telecom-page .cbtel-security,
.cbh26-telecom-page .cbtel-map,
.cbh26-telecom-page .cbtel-voice-flow,
.cbh26-telecom-page .cbtel-network-card__visual{
  color:#ffffff!important;
}

.cbh26-telecom-page .cbtel-proxmox__intro h2,
.cbh26-telecom-page .cbtel-proxmox__intro h3,
.cbh26-telecom-page .cbtel-proxmox__intro strong,
.cbh26-telecom-page .cbtel-security h2,
.cbh26-telecom-page .cbtel-security h3,
.cbh26-telecom-page .cbtel-security strong,
.cbh26-telecom-page .cbtel-map strong,
.cbh26-telecom-page .cbtel-voice-flow strong,
.cbh26-telecom-page .cbtel-network-card__visual strong{
  color:#ffffff!important;
}

.cbh26-telecom-page .cbtel-proxmox__intro p,
.cbh26-telecom-page .cbtel-proxmox__intro span,
.cbh26-telecom-page .cbtel-proxmox__intro small,
.cbh26-telecom-page .cbtel-security__copy > p,
.cbh26-telecom-page .cbtel-map small,
.cbh26-telecom-page .cbtel-console__status,
.cbh26-telecom-page .cbtel-console__status span,
.cbh26-telecom-page .cbtel-voice-flow span,
.cbh26-telecom-page .cbtel-network-card__visual span{
  color:#e8f5f3!important;
}

/* Kicker y etiquetas más visibles en fondos oscuros */
.cbh26-telecom-page .cbtel-security .cbh26-kicker,
.cbh26-telecom-page .cbtel-proxmox__intro .cbh26-kicker,
.cbh26-telecom-page .cbtel-proxmox__badge span{
  color:#8fe5de!important;
}

.cbh26-telecom-page .cbtel-proxmox__badge{
  color:#ffffff!important;
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.08)!important;
}

/* Botones y chips con mejor legibilidad */
.cbh26-telecom-page .cbtel-proxmox__intro .cbh26-btn--ghost{
  color:#ffffff!important;
  border-color:rgba(255,255,255,.34)!important;
  background:rgba(255,255,255,.08)!important;
}

.cbh26-telecom-page .cbtel-proxmox__intro .cbh26-btn--ghost:hover{
  background:#ffffff!important;
  color:#234b50!important;
}

.cbh26-telecom-page .cbtel-security__services span{
  color:#f4fffd!important;
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.08)!important;
}

/* Consola del hero: más claridad en textos */
.cbh26-telecom-page .cbtel-console__top strong{
  color:#234f53!important;
}

.cbh26-telecom-page .cbtel-console__top em{
  color:#147b59!important;
}

.cbh26-telecom-page .cbtel-map .cbtel-node{
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.20)!important;
}

.cbh26-telecom-page .cbtel-map .cbtel-node strong{
  color:#ffffff!important;
}

.cbh26-telecom-page .cbtel-map .cbtel-node small{
  color:#d5e9e7!important;
}

.cbh26-telecom-page .cbtel-console__status{
  color:#577378!important;
}

.cbh26-telecom-page .cbtel-console__status span:first-child{
  color:#1d7258!important;
}

/* Redes: títulos internos de las ilustraciones más visibles */
.cbh26-telecom-page .cbtel-network-card__visual span{
  color:#ffffff!important;
  text-shadow:0 1px 14px rgba(0,0,0,.24)!important;
}

/* Mejor cierre visual en móvil */
@media(max-width:720px){
  .cbh26-telecom-page .cbtel-software{
    padding-bottom:82px!important;
  }
}


/* =========================================================
   v1.3.2 · AJUSTES EXCLUSIVOS DE TELECOMUNICACIONES
========================================================= */

/* Márgenes orgánicos, alineados con el Home */
.cbh26-telecom-page .cbtel .cbh26-shell{
  width:min(1380px,calc(100% - 10vw))!important;
  margin-inline:auto!important;
}

.cbh26-telecom-page .cbtel-hero__grid{
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr)!important;
  gap:clamp(48px,5vw,86px)!important;
}

.cbh26-telecom-page .cbtel-hero__copy{
  min-width:0!important;
}

.cbh26-telecom-page .cbtel-hero__copy h1{
  max-width:800px!important;
  font-size:clamp(52px,5.3vw,82px)!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

.cbh26-telecom-page .cbtel-hero__copy > p{
  max-width:720px!important;
}

.cbh26-telecom-page .cbtel-section{
  padding-inline:0!important;
}

/* Banda continua, rápida y repetida */
.cbh26-telecom-page .cbtel-strip{
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,#173b42,#214f54,#173b42)!important;
}

.cbh26-telecom-page .cbtel-strip__track{
  display:flex!important;
  width:max-content!important;
  animation:cbtelMarqueeV132 13s linear infinite!important;
  will-change:transform!important;
}

.cbh26-telecom-page .cbtel-strip__group{
  display:flex!important;
  flex:none!important;
  align-items:center!important;
  gap:24px!important;
  padding:18px 12px!important;
}

.cbh26-telecom-page .cbtel-strip__group span{
  flex:none!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.105em!important;
  color:#f3fffd!important;
  white-space:nowrap!important;
}

.cbh26-telecom-page .cbtel-strip__group i{
  flex:none!important;
  font-style:normal!important;
  color:#64ccc5!important;
}

@keyframes cbtelMarqueeV132{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* Gráfico de seguridad más moderno */
.cbh26-telecom-page .cbtel-security__visual{
  position:relative!important;
  min-height:500px!important;
  overflow:hidden!important;
  border:1px solid rgba(100,204,197,.14)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at center,rgba(100,204,197,.16),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
}

.cbh26-telecom-page .cbtel-security__visual::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:
    linear-gradient(rgba(100,204,197,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,204,197,.055) 1px,transparent 1px)!important;
  background-size:36px 36px!important;
  mask-image:radial-gradient(circle at center,black,transparent 80%)!important;
}

.cbh26-telecom-page .cbtel-security-orbit{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  border:1px dashed rgba(100,204,197,.22)!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
}

.cbh26-telecom-page .cbtel-security-orbit--outer{
  width:390px!important;
  height:390px!important;
  animation:cbtelSecuritySpin132 30s linear infinite!important;
}

.cbh26-telecom-page .cbtel-security-orbit--inner{
  width:255px!important;
  height:255px!important;
  animation:cbtelSecuritySpin132 20s linear infinite reverse!important;
}

.cbh26-telecom-page .cbtel-shield-v132{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:5!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:14px!important;
}

.cbh26-telecom-page .cbtel-shield-v132__core{
  width:150px!important;
  height:170px!important;
  display:grid!important;
  place-items:center!important;
  clip-path:polygon(50% 0,93% 17%,87% 70%,50% 100%,13% 70%,7% 17%)!important;
  background:linear-gradient(145deg,#71d8d1,#347e7d)!important;
  color:#fff!important;
  box-shadow:
    0 30px 65px rgba(0,0,0,.28),
    0 0 0 12px rgba(100,204,197,.06),
    0 0 70px rgba(100,204,197,.20)!important;
}

.cbh26-telecom-page .cbtel-shield-v132__core svg{
  width:70px!important;
  height:82px!important;
}

.cbh26-telecom-page .cbtel-shield-v132 > span{
  padding:8px 12px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(9,34,40,.78)!important;
  color:#dffffb!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.cbh26-telecom-page .cbtel-security-node{
  position:absolute!important;
  z-index:6!important;
  min-width:138px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 13px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(12px)!important;
}

.cbh26-telecom-page .cbtel-security-node i{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  border-radius:9px!important;
  background:rgba(100,204,197,.16)!important;
  color:#82e5de!important;
  font-style:normal!important;
  font-size:8px!important;
  font-weight:900!important;
}

.cbh26-telecom-page .cbtel-security-node strong,
.cbh26-telecom-page .cbtel-security-node small{
  display:block!important;
}

.cbh26-telecom-page .cbtel-security-node strong{
  color:#fff!important;
  font-size:11px!important;
}

.cbh26-telecom-page .cbtel-security-node small{
  margin-top:2px!important;
  color:#b9d2d3!important;
  font-size:8px!important;
}

.cbh26-telecom-page .cbtel-security-node.sn1{left:28px!important;top:70px!important}
.cbh26-telecom-page .cbtel-security-node.sn2{left:40px!important;bottom:72px!important}
.cbh26-telecom-page .cbtel-security-node.sn3{right:28px!important;top:70px!important}
.cbh26-telecom-page .cbtel-security-node.sn4{right:40px!important;bottom:72px!important}

.cbh26-telecom-page .cbtel-security-pulse{
  position:absolute!important;
  z-index:3!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
  box-shadow:0 0 0 7px rgba(100,204,197,.10)!important;
  animation:cbtelPulse132 1.8s ease-in-out infinite!important;
}

.cbh26-telecom-page .cbtel-security-pulse.p1{left:31%;top:31%!important}
.cbh26-telecom-page .cbtel-security-pulse.p2{left:31%;bottom:31%!important}
.cbh26-telecom-page .cbtel-security-pulse.p3{right:31%;top:31%!important}
.cbh26-telecom-page .cbtel-security-pulse.p4{right:31%;bottom:31%!important}

@keyframes cbtelSecuritySpin132{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

@keyframes cbtelPulse132{
  0%,100%{transform:scale(.72);opacity:.45}
  50%{transform:scale(1.18);opacity:1}
}

@media(max-width:1100px){
  .cbh26-telecom-page .cbtel .cbh26-shell{
    width:min(100% - 64px,1180px)!important;
  }

  .cbh26-telecom-page .cbtel-hero__grid{
    grid-template-columns:1fr!important;
  }

  .cbh26-telecom-page .cbtel-hero__copy h1{
    max-width:900px!important;
  }
}

@media(max-width:720px){
  .cbh26-telecom-page .cbtel .cbh26-shell{
    width:calc(100% - 32px)!important;
  }

  .cbh26-telecom-page .cbtel-hero__copy h1{
    font-size:clamp(42px,13vw,58px)!important;
    line-height:1.02!important;
    letter-spacing:-.05em!important;
  }

  .cbh26-telecom-page .cbtel-strip__track{
    animation-duration:10s!important;
  }

  .cbh26-telecom-page .cbtel-security__visual{
    min-height:470px!important;
  }

  .cbh26-telecom-page .cbtel-security-orbit--outer{
    width:325px!important;
    height:325px!important;
  }

  .cbh26-telecom-page .cbtel-security-orbit--inner{
    width:215px!important;
    height:215px!important;
  }

  .cbh26-telecom-page .cbtel-shield-v132__core{
    width:125px!important;
    height:145px!important;
  }

  .cbh26-telecom-page .cbtel-security-node{
    min-width:112px!important;
    padding:9px!important;
  }

  .cbh26-telecom-page .cbtel-security-node.sn1{left:10px!important;top:45px!important}
  .cbh26-telecom-page .cbtel-security-node.sn2{left:12px!important;bottom:45px!important}
  .cbh26-telecom-page .cbtel-security-node.sn3{right:10px!important;top:45px!important}
  .cbh26-telecom-page .cbtel-security-node.sn4{right:12px!important;bottom:45px!important}
}

@media(prefers-reduced-motion:reduce){
  .cbh26-telecom-page .cbtel-strip__track,
  .cbh26-telecom-page .cbtel-security-orbit,
  .cbh26-telecom-page .cbtel-security-pulse{
    animation:none!important;
  }
}


/* =========================================================
   v1.3.3 · AJUSTES EXCLUSIVOS DE TELECOMUNICACIONES
========================================================= */

/* Márgenes y respiración visual alineados con el Home */
.cbh26-telecom-page .cbtel .cbh26-shell{
  width:min(1240px,calc(100% - 48px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.cbh26-telecom-page .cbtel-hero__grid{
  gap:clamp(42px,4.5vw,72px)!important;
}

.cbh26-telecom-page .cbtel-heading{
  margin-left:auto!important;
  margin-right:auto!important;
}

.cbh26-telecom-page .cbtel-feature,
.cbh26-telecom-page .cbtel-service-grid,
.cbh26-telecom-page .cbtel-proxmox,
.cbh26-telecom-page .cbtel-vps,
.cbh26-telecom-page .cbtel-network-grid,
.cbh26-telecom-page .cbtel-security__grid,
.cbh26-telecom-page .cbtel-software__grid{
  width:100%!important;
  max-width:100%!important;
}

/* Marquee infinito real: cuatro grupos idénticos */
.cbh26-telecom-page .cbtel-strip{
  width:100%!important;
  overflow:hidden!important;
}

.cbh26-telecom-page .cbtel-strip__track{
  display:flex!important;
  width:max-content!important;
  min-width:max-content!important;
  animation:cbtelMarqueeV133 11s linear infinite!important;
  will-change:transform!important;
}

.cbh26-telecom-page .cbtel-strip__group{
  flex:0 0 auto!important;
  min-width:max-content!important;
  padding:18px 18px!important;
}

@keyframes cbtelMarqueeV133{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-25%,0,0)}
}

/* Los enlaces permanecen funcionales, pero sin flechas decorativas engañosas */
.cbh26-telecom-page .cbtel-card > a{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
}

.cbh26-telecom-page .cbtel-card > a::after{
  content:none!important;
  display:none!important;
}

.cbh26-telecom-page .cbtel-proxmox__intro .cbh26-btn .cbh26-btn__arrow{
  display:none!important;
}

@media(max-width:1100px){
  .cbh26-telecom-page .cbtel .cbh26-shell{
    width:min(100% - 40px,1180px)!important;
  }
}

@media(max-width:720px){
  .cbh26-telecom-page .cbtel .cbh26-shell{
    width:calc(100% - 28px)!important;
  }

  .cbh26-telecom-page .cbtel-strip__track{
    animation-duration:8.5s!important;
  }

  .cbh26-telecom-page .cbtel-strip__group{
    padding:16px 14px!important;
    gap:20px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cbh26-telecom-page .cbtel-strip__track{
    animation:none!important;
  }
}


/* =========================================================
   v1.3.4 · MÁRGENES EXACTOS DEL HOME EN TELECOMUNICACIONES
   Únicamente afecta la página Desarrollo en Telecomunicaciones.
========================================================= */

/*
 * El Home utiliza padding horizontal max(8vw, 30px), sin un
 * contenedor estrecho con max-width. Telecomunicaciones adopta
 * exactamente el mismo comportamiento.
 */
body.cbh26-telecom-page .cbtel .cbh26-shell,
body.cbh26-telecom-page .cbtel-hero .cbh26-shell,
body.cbh26-telecom-page .cbtel-section .cbh26-shell,
body.cbh26-telecom-page .cbtel-security .cbh26-shell{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;

  margin-left:0!important;
  margin-right:0!important;

  padding-left:max(8vw,30px)!important;
  padding-right:max(8vw,30px)!important;
}

/* Todas las secciones mantienen fondo a borde completo */
body.cbh26-telecom-page .cbtel-hero,
body.cbh26-telecom-page .cbtel-section,
body.cbh26-telecom-page .cbtel-security,
body.cbh26-telecom-page .cbtel-strip{
  width:100%!important;
  max-width:none!important;
}

/* El contenido interno toma la misma línea vertical del Home */
body.cbh26-telecom-page .cbtel-hero__grid,
body.cbh26-telecom-page .cbtel-heading,
body.cbh26-telecom-page .cbtel-feature,
body.cbh26-telecom-page .cbtel-service-grid,
body.cbh26-telecom-page .cbtel-proxmox,
body.cbh26-telecom-page .cbtel-vps,
body.cbh26-telecom-page .cbtel-network-grid,
body.cbh26-telecom-page .cbtel-security__grid,
body.cbh26-telecom-page .cbtel-software__grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Hero con proporciones equivalentes al Home */
body.cbh26-telecom-page .cbtel-hero__grid{
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
  gap:60px!important;
}

body.cbh26-telecom-page .cbtel-hero__copy{
  max-width:760px!important;
}

body.cbh26-telecom-page .cbtel-hero__copy h1{
  max-width:760px!important;
}

/* Tablet: mismo margen de 28 px utilizado por el Home */
@media(max-width:980px){
  body.cbh26-telecom-page .cbtel .cbh26-shell,
  body.cbh26-telecom-page .cbtel-hero .cbh26-shell,
  body.cbh26-telecom-page .cbtel-section .cbh26-shell,
  body.cbh26-telecom-page .cbtel-security .cbh26-shell{
    padding-left:28px!important;
    padding-right:28px!important;
  }

  body.cbh26-telecom-page .cbtel-hero__grid{
    grid-template-columns:1fr!important;
    gap:46px!important;
  }

  body.cbh26-telecom-page .cbtel-hero__copy{
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.cbh26-telecom-page .cbtel-console{
    width:100%!important;
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Móvil: mismo margen de 22 px utilizado por el Home */
@media(max-width:620px){
  body.cbh26-telecom-page .cbtel .cbh26-shell,
  body.cbh26-telecom-page .cbtel-hero .cbh26-shell,
  body.cbh26-telecom-page .cbtel-section .cbh26-shell,
  body.cbh26-telecom-page .cbtel-security .cbh26-shell{
    padding-left:22px!important;
    padding-right:22px!important;
  }

  body.cbh26-telecom-page .cbtel-hero__copy{
    margin-left:0!important;
    margin-right:0!important;
  }
}


/* =========================================================
   v1.3.5 · CORRECCIÓN DEL TÍTULO EN TELECOMUNICACIONES
   Únicamente afecta el H1 del Hero de esta página.
========================================================= */

body.cbh26-telecom-page .cbtel-hero__copy{
  max-width:none!important;
  min-width:0!important;
}

body.cbh26-telecom-page .cbtel-hero__copy h1{
  width:100%!important;
  max-width:920px!important;

  margin-right:0!important;

  font-size:clamp(54px,5vw,80px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;

  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* Evita que “Telecomunicaciones” se parta dejando una letra sola */
body.cbh26-telecom-page .cbtel-hero__copy h1 span{
  display:block!important;
  white-space:nowrap!important;
}

/* Pantallas intermedias */
@media(min-width:981px) and (max-width:1500px){
  body.cbh26-telecom-page .cbtel-hero__grid{
    grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;
    gap:48px!important;
  }

  body.cbh26-telecom-page .cbtel-hero__copy h1{
    max-width:820px!important;
    font-size:clamp(52px,4.55vw,72px)!important;
  }
}

/* Tablet: permite dos líneas limpias */
@media(max-width:980px){
  body.cbh26-telecom-page .cbtel-hero__copy h1{
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(48px,8vw,68px)!important;
    text-align:left!important;
  }

  body.cbh26-telecom-page .cbtel-hero__copy h1 span{
    white-space:normal!important;
  }
}

/* Móvil: controla el salto sin cortar palabras */
@media(max-width:620px){
  body.cbh26-telecom-page .cbtel-hero__copy h1{
    max-width:100%!important;
    font-size:clamp(40px,12vw,54px)!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  body.cbh26-telecom-page .cbtel-hero__copy h1 span{
    display:inline!important;
    white-space:normal!important;
  }
}


/* =========================================================
   v1.3.6 · REDES EMPRESARIALES
   Mejoras exclusivas de Telecomunicaciones.
========================================================= */

body.cbh26-telecom-page .cbtel-networks .cbtel-heading h2{
  max-width:820px!important;
  line-height:1.02!important;
  text-wrap:balance!important;
}

body.cbh26-telecom-page .cbtel-networks .cbtel-heading h2 span{
  color:#316767!important;
}

body.cbh26-telecom-page .cbtel-networks .cbtel-heading > p{
  max-width:470px!important;
  font-size:16px!important;
  line-height:1.8!important;
}

/* Tarjetas más refinadas */
body.cbh26-telecom-page .cbtel-network-card{
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid rgba(49,103,103,.12)!important;
  box-shadow:0 18px 48px rgba(35,76,78,.08)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}

body.cbh26-telecom-page .cbtel-network-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 28px 64px rgba(35,76,78,.13)!important;
}

/* Base visual */
body.cbh26-telecom-page .cbtel-network-card__visual{
  position:relative!important;
  isolation:isolate!important;
  height:210px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:28px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at center,rgba(100,204,197,.18),transparent 45%),
    linear-gradient(145deg,#16383f,#22545a)!important;
}

body.cbh26-telecom-page .cbtel-network-card__visual::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background-image:
    linear-gradient(rgba(100,204,197,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,204,197,.05) 1px,transparent 1px)!important;
  background-size:28px 28px!important;
  mask-image:radial-gradient(circle at center,black,transparent 88%)!important;
}

body.cbh26-telecom-page .cbtel-net-visual__label{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:16px!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(10,33,39,.62)!important;
  backdrop-filter:blur(10px)!important;
}

body.cbh26-telecom-page .cbtel-net-visual__label strong{
  color:#fff!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
}

body.cbh26-telecom-page .cbtel-net-visual__label span{
  color:#b9d7d8!important;
  font-size:8px!important;
  font-weight:700!important;
}

/* Fortinet */
body.cbh26-telecom-page .cbtel-network-card__visual--fortinet .cbtel-net-visual__icon{
  position:relative!important;
  z-index:3!important;
  width:92px!important;
  height:104px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.22))!important;
}

body.cbh26-telecom-page .cbtel-network-card__visual--fortinet svg{
  width:72px!important;
  height:82px!important;
}

body.cbh26-telecom-page .cbtel-net-ring{
  position:absolute!important;
  z-index:1!important;
  border:1px solid rgba(100,204,197,.22)!important;
  border-radius:50%!important;
}

body.cbh26-telecom-page .cbtel-net-ring.r1{width:100px!important;height:100px!important}
body.cbh26-telecom-page .cbtel-net-ring.r2{width:150px!important;height:150px!important}
body.cbh26-telecom-page .cbtel-net-ring.r3{width:205px!important;height:205px!important}

/* MikroTik */
body.cbh26-telecom-page .cbtel-net-router{
  position:relative!important;
  z-index:3!important;
  width:180px!important;
  height:88px!important;
}

body.cbh26-telecom-page .cbtel-net-router .body{
  position:absolute!important;
  left:15px!important;
  right:15px!important;
  bottom:20px!important;
  height:42px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#304c50,#172c31)!important;
  box-shadow:0 14px 26px rgba(0,0,0,.28)!important;
}

body.cbh26-telecom-page .cbtel-net-router .antenna{
  position:absolute!important;
  bottom:58px!important;
  width:4px!important;
  height:38px!important;
  border-radius:3px!important;
  background:#0e1d20!important;
}

body.cbh26-telecom-page .cbtel-net-router .a1{left:36px!important}
body.cbh26-telecom-page .cbtel-net-router .a2{right:36px!important}

body.cbh26-telecom-page .cbtel-net-router .port{
  position:absolute!important;
  bottom:33px!important;
  z-index:5!important;
  width:18px!important;
  height:12px!important;
  border-radius:2px!important;
  background:#0d1719!important;
  box-shadow:inset 0 0 0 2px #5aa9a4!important;
}

body.cbh26-telecom-page .cbtel-net-router .p1{left:42px!important}
body.cbh26-telecom-page .cbtel-net-router .p2{left:68px!important}
body.cbh26-telecom-page .cbtel-net-router .p3{right:68px!important}
body.cbh26-telecom-page .cbtel-net-router .p4{right:42px!important}

body.cbh26-telecom-page .cbtel-net-waves{
  position:absolute!important;
  top:20px!important;
  left:50%!important;
  width:140px!important;
  height:70px!important;
  transform:translateX(-50%)!important;
}

body.cbh26-telecom-page .cbtel-net-waves i{
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  border:2px solid rgba(100,204,197,.45)!important;
  border-bottom:0!important;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-radius:50% 50% 0 0!important;
  transform:translateX(-50%)!important;
}

body.cbh26-telecom-page .cbtel-net-waves i:nth-child(1){width:60px!important;height:28px!important}
body.cbh26-telecom-page .cbtel-net-waves i:nth-child(2){width:95px!important;height:46px!important}
body.cbh26-telecom-page .cbtel-net-waves i:nth-child(3){width:130px!important;height:66px!important}

/* Cableado */
body.cbh26-telecom-page .cbtel-cable-rack{
  position:relative!important;
  z-index:3!important;
  width:210px!important;
  height:110px!important;
}

body.cbh26-telecom-page .cbtel-cable-rack .rack{
  position:absolute!important;
  left:20px!important;
  right:20px!important;
  top:24px!important;
  height:46px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#283e43,#111f23)!important;
  box-shadow:0 16px 30px rgba(0,0,0,.30)!important;
}

body.cbh26-telecom-page .cbtel-cable-rack .port{
  position:absolute!important;
  top:39px!important;
  z-index:4!important;
  width:22px!important;
  height:16px!important;
  border-radius:2px!important;
  background:#071012!important;
  box-shadow:inset 0 0 0 2px #5aa9a4!important;
}

body.cbh26-telecom-page .cbtel-cable-rack .p1{left:50px!important}
body.cbh26-telecom-page .cbtel-cable-rack .p2{left:80px!important}
body.cbh26-telecom-page .cbtel-cable-rack .p3{right:80px!important}
body.cbh26-telecom-page .cbtel-cable-rack .p4{right:50px!important}

body.cbh26-telecom-page .cbtel-cable-rack .cable{
  position:absolute!important;
  z-index:5!important;
  width:7px!important;
  height:74px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#64ccc5,#2d7978)!important;
  transform-origin:top!important;
}

body.cbh26-telecom-page .cbtel-cable-rack .c1{left:64px!important;top:52px!important;transform:rotate(18deg)!important}
body.cbh26-telecom-page .cbtel-cable-rack .c2{left:102px!important;top:52px!important;transform:rotate(-4deg)!important}
body.cbh26-telecom-page .cbtel-cable-rack .c3{right:64px!important;top:52px!important;transform:rotate(-18deg)!important}

@media(max-width:720px){
  body.cbh26-telecom-page .cbtel-networks .cbtel-heading h2{
    font-size:clamp(38px,11vw,52px)!important;
  }

  body.cbh26-telecom-page .cbtel-network-card__visual{
    height:190px!important;
  }
}


/* =========================================================
   v1.3.7 · CORRECCIÓN DE TÍTULOS EN DESARROLLO DIGITAL
   Únicamente afecta esta página.
========================================================= */

/* Hero principal */
body.cbh26-digital-page .cbh26-digital-hero__grid{
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  gap:clamp(48px,5vw,82px)!important;
}

body.cbh26-digital-page .cbh26-digital-copy{
  max-width:none!important;
  min-width:0!important;
}

body.cbh26-digital-page .cbh26-digital-copy h1{
  width:100%!important;
  max-width:900px!important;

  font-size:clamp(54px,5.15vw,82px)!important;
  line-height:.99!important;
  letter-spacing:-.055em!important;

  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

body.cbh26-digital-page .cbh26-digital-copy h1 span{
  display:inline!important;
  white-space:normal!important;
}

/* Segundo título: Servicios de Desarrollo Digital */
body.cbh26-digital-page #servicios-digitales .cbh26-heading{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

body.cbh26-digital-page #servicios-digitales .cbh26-heading h2{
  width:100%!important;
  max-width:940px!important;
  margin-left:auto!important;
  margin-right:auto!important;

  font-size:clamp(48px,4.8vw,76px)!important;
  line-height:1.01!important;
  letter-spacing:-.05em!important;

  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

body.cbh26-digital-page #servicios-digitales .cbh26-heading p{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Resoluciones intermedias */
@media(min-width:981px) and (max-width:1500px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:minmax(0,1.14fr) minmax(390px,.86fr)!important;
    gap:46px!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    max-width:820px!important;
    font-size:clamp(52px,4.65vw,72px)!important;
  }

  body.cbh26-digital-page #servicios-digitales .cbh26-heading h2{
    max-width:860px!important;
    font-size:clamp(46px,4.3vw,66px)!important;
  }
}

/* Tablet */
@media(max-width:980px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:1fr!important;
    gap:46px!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy{
    max-width:820px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    max-width:780px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(48px,8vw,68px)!important;
  }

  body.cbh26-digital-page #servicios-digitales .cbh26-heading{
    max-width:820px!important;
  }

  body.cbh26-digital-page #servicios-digitales .cbh26-heading h2{
    max-width:780px!important;
    font-size:clamp(44px,7vw,62px)!important;
  }
}

/* Móvil */
@media(max-width:620px){
  body.cbh26-digital-page .cbh26-digital-copy h1{
    max-width:100%!important;
    font-size:clamp(40px,12vw,54px)!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
  }

  body.cbh26-digital-page #servicios-digitales .cbh26-heading{
    text-align:left!important;
  }

  body.cbh26-digital-page #servicios-digitales .cbh26-heading h2{
    max-width:100%!important;
    font-size:clamp(38px,10.5vw,52px)!important;
    line-height:1.03!important;
    letter-spacing:-.04em!important;
    text-align:left!important;
  }

  body.cbh26-digital-page #servicios-digitales .cbh26-heading p{
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
}


/* =========================================================
   v1.3.8 · SISTEMA TIPOGRÁFICO DE DESARROLLO DIGITAL
   Únicamente afecta esta página.
========================================================= */

/* Contenedores amplios y orgánicos, alineados con el Home */
body.cbh26-digital-page .cbh26-shell{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding-left:max(8vw,30px)!important;
  padding-right:max(8vw,30px)!important;
}

/* Hero */
body.cbh26-digital-page .cbh26-digital-hero__grid{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  gap:clamp(48px,5vw,84px)!important;
}

body.cbh26-digital-page .cbh26-digital-copy{
  max-width:none!important;
}

body.cbh26-digital-page .cbh26-digital-copy h1{
  max-width:980px!important;
  font-size:clamp(54px,5vw,82px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  text-wrap:balance!important;
}

/* Todos los encabezados principales de sección */
body.cbh26-digital-page .cbh26-heading{
  width:100%!important;
  max-width:none!important;
}

body.cbh26-digital-page .cbh26-heading h2,
body.cbh26-digital-page .cbh26-dd-branding h2,
body.cbh26-digital-page .cbh26-dd-marketing h2,
body.cbh26-digital-page .cbh26-instagram h2,
body.cbh26-digital-page .cbh26-cta h2{
  width:100%!important;
  max-width:1120px!important;

  margin-left:0!important;
  margin-right:0!important;

  font-size:clamp(46px,4.45vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;

  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* El título de marketing oscuro aprovecha mejor el ancho */
body.cbh26-digital-page .cbh26-dd-marketing .cbh26-heading{
  max-width:1180px!important;
}

body.cbh26-digital-page .cbh26-dd-marketing .cbh26-heading h2{
  max-width:1050px!important;
  color:#ffffff!important;
}

body.cbh26-digital-page .cbh26-dd-marketing .cbh26-heading p{
  max-width:760px!important;
}

/* Servicios digitales: alineación amplia y limpia */
body.cbh26-digital-page #servicios-digitales .cbh26-heading{
  max-width:none!important;
  text-align:left!important;
}

body.cbh26-digital-page #servicios-digitales .cbh26-heading h2{
  max-width:1100px!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

body.cbh26-digital-page #servicios-digitales .cbh26-heading p{
  max-width:760px!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

/* Marca e identidad */
body.cbh26-digital-page .cbh26-dd-branding-grid{
  gap:clamp(52px,6vw,96px)!important;
}

body.cbh26-digital-page .cbh26-dd-branding h2{
  max-width:900px!important;
}

/* Instagram y CTA */
body.cbh26-digital-page .cbh26-instagram__head{
  align-items:flex-end!important;
  gap:40px!important;
}

body.cbh26-digital-page .cbh26-instagram__head h2{
  max-width:900px!important;
}

body.cbh26-digital-page .cbh26-cta__inner{
  gap:54px!important;
}

body.cbh26-digital-page .cbh26-cta h2{
  max-width:900px!important;
}

/* Escritorio intermedio */
@media(min-width:981px) and (max-width:1500px){
  body.cbh26-digital-page .cbh26-digital-copy h1{
    max-width:860px!important;
    font-size:clamp(50px,4.55vw,70px)!important;
  }

  body.cbh26-digital-page .cbh26-heading h2,
  body.cbh26-digital-page .cbh26-dd-branding h2,
  body.cbh26-digital-page .cbh26-dd-marketing h2,
  body.cbh26-digital-page .cbh26-instagram h2,
  body.cbh26-digital-page .cbh26-cta h2{
    max-width:960px!important;
    font-size:clamp(44px,4vw,64px)!important;
  }
}

/* Tablet */
@media(max-width:980px){
  body.cbh26-digital-page .cbh26-shell{
    padding-left:28px!important;
    padding-right:28px!important;
  }

  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    max-width:800px!important;
    font-size:clamp(48px,8vw,68px)!important;
  }

  body.cbh26-digital-page .cbh26-heading h2,
  body.cbh26-digital-page .cbh26-dd-branding h2,
  body.cbh26-digital-page .cbh26-dd-marketing h2,
  body.cbh26-digital-page .cbh26-instagram h2,
  body.cbh26-digital-page .cbh26-cta h2{
    max-width:820px!important;
    font-size:clamp(42px,7vw,60px)!important;
  }
}

/* Móvil */
@media(max-width:620px){
  body.cbh26-digital-page .cbh26-shell{
    padding-left:22px!important;
    padding-right:22px!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    max-width:100%!important;
    font-size:clamp(40px,12vw,54px)!important;
    line-height:1.02!important;
  }

  body.cbh26-digital-page .cbh26-heading h2,
  body.cbh26-digital-page .cbh26-dd-branding h2,
  body.cbh26-digital-page .cbh26-dd-marketing h2,
  body.cbh26-digital-page .cbh26-instagram h2,
  body.cbh26-digital-page .cbh26-cta h2{
    max-width:100%!important;
    font-size:clamp(36px,10.5vw,50px)!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
    text-align:left!important;
  }

  body.cbh26-digital-page .cbh26-instagram__head,
  body.cbh26-digital-page .cbh26-cta__inner{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}






/* =========================================================
   v1.4.9 · ACCIONES FLOTANTES COMPACTAS Y AISLADAS
========================================================= */

/*
 * Solo dos controles: llamada y subir.
 * No se conecta visualmente con el footer ni ocupa una columna alta.
 */
.cbh26-quick-actions-v149{
  position:fixed!important;
  right:22px!important;
  top:auto!important;
  bottom:24px!important;
  transform:none!important;

  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;

  padding:0!important;
  margin:0!important;
  gap:12px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;

  z-index:2147483000!important;
}

/* Elimina cualquier línea, pista o fondo heredado del rail. */
.cbh26-quick-actions-v149::before,
.cbh26-quick-actions-v149::after{
  content:none!important;
  display:none!important;
}

/* Ambos controles conservan el mismo tamaño y estilo visual. */
.cbh26-quick-actions-v149 .cbh26-call-native-v148,
.cbh26-quick-actions-v149 .cbh26-scroll-rail__up{
  position:relative!important;
  inset:auto!important;

  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  flex:0 0 58px!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:50%!important;
  border:1px solid rgba(49,103,103,.14)!important;
  background:linear-gradient(145deg,#ffffff 0%,#f6fbfa 100%)!important;

  box-shadow:
    0 12px 28px rgba(49,103,103,.16),
    0 4px 12px rgba(8,22,34,.07),
    inset 0 1px 0 rgba(255,255,255,.98)!important;

  overflow:visible!important;
  transform:none!important;
  opacity:1!important;
  cursor:pointer!important;
}

/* Círculo interior del botón de scroll. */
.cbh26-quick-actions-v149 .cbh26-scroll-rail__up::after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#316767 0%,#3e918c 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
  z-index:0!important;
}

.cbh26-quick-actions-v149 .cbh26-scroll-icon-v1271{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
}

.cbh26-quick-actions-v149 .cbh26-scroll-icon-v1271 svg{
  width:25px!important;
  height:25px!important;
  display:block!important;
}

/* El widget oficial continúa siendo visible e interactivo. */
.cbh26-quick-actions-v149 .cbh26-call-native-v148{
  isolation:isolate!important;
}

.cbh26-quick-actions-v149 #callButton19228{
  position:relative!important;
  z-index:5!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Hover suave y consistente. */
.cbh26-quick-actions-v149 .cbh26-call-native-v148:hover,
.cbh26-quick-actions-v149 .cbh26-scroll-rail__up:hover{
  transform:translateY(-2px) scale(1.03)!important;
  box-shadow:
    0 16px 34px rgba(49,103,103,.20),
    0 6px 15px rgba(8,22,34,.09)!important;
}

/* Nunca invadir el footer: se mantiene flotante sobre la ventana. */
.cb-footer-v1258{
  position:relative;
  z-index:1;
}

@media(max-width:620px){
  .cbh26-quick-actions-v149{
    right:14px!important;
    bottom:16px!important;
    gap:10px!important;
  }

  .cbh26-quick-actions-v149 .cbh26-call-native-v148,
  .cbh26-quick-actions-v149 .cbh26-scroll-rail__up{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    flex-basis:52px!important;
  }

  .cbh26-quick-actions-v149 .cbh26-scroll-icon-v1271 svg{
    width:23px!important;
    height:23px!important;
  }
}


/* =========================================================
   v1.5.0 · FUNCIONAMIENTO REAL DE LLAMADA Y SCROLL
========================================================= */

/* El rail recibe interacción y nunca queda debajo del footer o del contenido. */
.cbh26-quick-actions-v149{
  pointer-events:none!important;
}

.cbh26-quick-actions-v149 .cbh26-call-native-v148,
.cbh26-quick-actions-v149 .cbh26-scroll-rail__up{
  pointer-events:auto!important;
}

/* El botón de scroll tiene un área de clic completa y estable. */
.cbh26-quick-actions-v149 .cbh26-scroll-rail__up{
  appearance:none!important;
  -webkit-appearance:none!important;
  touch-action:manipulation!important;
  user-select:none!important;
}

/* El host del widget es visible y recibe directamente el clic físico. */
.cbh26-quick-actions-v149 #callButton19228{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

/*
 * No se aplican reglas a los hijos del widget.
 * WhatClick conserva el control completo de llamada, DTMF y finalización.
 */
.cbh26-quick-actions-v149 .cbh26-call-native-v148{
  padding:6px!important;
  box-sizing:border-box!important;
}

/* Señal discreta solo si el cargador oficial falla. */
.cbh26-quick-actions-v149 #callButton19228[data-callwidget-error]{
  outline:2px solid rgba(190,50,50,.55)!important;
  outline-offset:3px!important;
}


/* =========================================================
   v1.5.1 · BOTONES FLOTANTES CENTRADOS EN EL SCROLL
========================================================= */

/*
 * Mantiene los controles siempre en el centro vertical de la ventana.
 * No depende de la altura del contenido ni del footer.
 */
.cbh26-quick-actions-v149{
  position:fixed!important;
  right:22px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}

/* Evita que los hover reemplacen la transformación del contenedor. */
.cbh26-quick-actions-v149:hover{
  transform:translateY(-50%)!important;
}

@media(max-width:620px){
  .cbh26-quick-actions-v149{
    right:14px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
}


/* =========================================================
   v1.5.2 · BOTÓN FLOTANTE DE WHATSAPP
========================================================= */

/* El nuevo botón comparte dimensiones y acabado con los demás controles. */
.cbh26-quick-actions-v149 .cbh26-whatsapp-v152{
  position:relative!important;
  inset:auto!important;

  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  flex:0 0 58px!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:50%!important;
  border:1px solid rgba(49,103,103,.14)!important;
  background:linear-gradient(145deg,#ffffff 0%,#f6fbfa 100%)!important;

  box-shadow:
    0 12px 28px rgba(49,103,103,.16),
    0 4px 12px rgba(8,22,34,.07),
    inset 0 1px 0 rgba(255,255,255,.98)!important;

  overflow:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  text-decoration:none!important;
  touch-action:manipulation!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

/* Círculo interior corporativo con acento WhatsApp. */
.cbh26-whatsapp-v152__icon{
  position:absolute!important;
  inset:7px!important;
  z-index:2!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:50%!important;
  color:#fff!important;
  background:linear-gradient(145deg,#1f9d72 0%,#27b985 100%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 5px 12px rgba(31,157,114,.18)!important;
}

.cbh26-whatsapp-v152__icon svg{
  width:27px!important;
  height:27px!important;
  display:block!important;
}

/* Halo coherente con los controles existentes. */
.cbh26-quick-actions-v149 .cbh26-whatsapp-v152::before{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  z-index:-1!important;

  border-radius:50%!important;
  background:rgba(39,185,133,.09)!important;
  border:1px solid rgba(39,185,133,.15)!important;
  pointer-events:none!important;
}

.cbh26-quick-actions-v149 .cbh26-whatsapp-v152:hover{
  transform:translateY(-2px) scale(1.03)!important;
  box-shadow:
    0 16px 34px rgba(31,157,114,.20),
    0 6px 15px rgba(8,22,34,.09)!important;
}

.cbh26-quick-actions-v149 .cbh26-whatsapp-v152:focus-visible{
  outline:3px solid rgba(100,204,197,.48)!important;
  outline-offset:4px!important;
}

/* Mobile */
@media(max-width:620px){
  .cbh26-quick-actions-v149 .cbh26-whatsapp-v152{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    flex-basis:52px!important;
  }

  .cbh26-whatsapp-v152__icon{
    inset:6px!important;
  }

  .cbh26-whatsapp-v152__icon svg{
    width:24px!important;
    height:24px!important;
  }
}


/* =========================================================
   v1.5.3 · EMBUDO DE ACCIONES FLOTANTES
========================================================= */

/*
 * Jerarquía visual:
 * 1. Llamada: 68 px
 * 2. WhatsApp: 60 px
 * 3. Subir: 52 px
 *
 * La separación visible entre controles es uniforme.
 */
.cbh26-quick-actions-v149{
  gap:16px!important;
  align-items:center!important;
}

/* Nivel principal: llamada */
.cbh26-quick-actions-v149 .cbh26-call-native-v148{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  max-width:68px!important;
  max-height:68px!important;
  flex:0 0 68px!important;

  padding:7px!important;

  border-color:rgba(100,204,197,.28)!important;
  box-shadow:
    0 18px 38px rgba(49,103,103,.22),
    0 7px 18px rgba(8,22,34,.09),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* Nivel secundario: WhatsApp */
.cbh26-quick-actions-v149 .cbh26-whatsapp-v152{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  flex:0 0 60px!important;
}

/* Nivel terciario: subir */
.cbh26-quick-actions-v149 .cbh26-scroll-rail__up{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  flex:0 0 52px!important;
}

/* Halos proporcionales y centrados */
.cbh26-quick-actions-v149 .cbh26-call-native-v148::before{
  content:""!important;
  position:absolute!important;
  inset:-6px!important;
  z-index:-1!important;
  border-radius:50%!important;
  background:rgba(100,204,197,.11)!important;
  border:1px solid rgba(100,204,197,.18)!important;
  pointer-events:none!important;
}

.cbh26-quick-actions-v149 .cbh26-whatsapp-v152::before{
  inset:-5px!important;
}

.cbh26-quick-actions-v149 .cbh26-scroll-rail__up::before{
  content:""!important;
  position:absolute!important;
  inset:-4px!important;
  z-index:-1!important;
  border-radius:50%!important;
  background:rgba(100,204,197,.08)!important;
  border:1px solid rgba(100,204,197,.13)!important;
  pointer-events:none!important;
}

/* Icono de WhatsApp más limpio y proporcionado */
.cbh26-whatsapp-v152__icon{
  inset:7px!important;
}

.cbh26-whatsapp-v152__icon svg{
  width:29px!important;
  height:29px!important;
}

/* Botón de subir más ligero y elegante */
.cbh26-quick-actions-v149 .cbh26-scroll-rail__up::after{
  inset:6px!important;
  background:linear-gradient(145deg,#316767 0%,#3e918c 100%)!important;
}

.cbh26-quick-actions-v149 .cbh26-scroll-icon-v1271 svg{
  width:24px!important;
  height:24px!important;
}

/* Transición homogénea sin alterar la posición del conjunto */
.cbh26-quick-actions-v149 .cbh26-call-native-v148,
.cbh26-quick-actions-v149 .cbh26-whatsapp-v152,
.cbh26-quick-actions-v149 .cbh26-scroll-rail__up{
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease!important;
}

.cbh26-quick-actions-v149 .cbh26-call-native-v148:hover,
.cbh26-quick-actions-v149 .cbh26-whatsapp-v152:hover,
.cbh26-quick-actions-v149 .cbh26-scroll-rail__up:hover{
  transform:translateY(-2px) scale(1.05)!important;
}

/* Ajuste proporcional para celular */
@media(max-width:620px){
  .cbh26-quick-actions-v149{
    gap:14px!important;
  }

  .cbh26-quick-actions-v149 .cbh26-call-native-v148{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
    flex-basis:62px!important;
  }

  .cbh26-quick-actions-v149 .cbh26-whatsapp-v152{
    width:55px!important;
    height:55px!important;
    min-width:55px!important;
    min-height:55px!important;
    max-width:55px!important;
    max-height:55px!important;
    flex-basis:55px!important;
  }

  .cbh26-quick-actions-v149 .cbh26-scroll-rail__up{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    flex-basis:48px!important;
  }

  .cbh26-whatsapp-v152__icon svg{
    width:26px!important;
    height:26px!important;
  }

  .cbh26-quick-actions-v149 .cbh26-scroll-icon-v1271 svg{
    width:22px!important;
    height:22px!important;
  }
}


/* =========================================================
   v1.5.4 · ICONO WHATSAPP Y NUBE "LLÁMANOS GRATIS"
========================================================= */

/* WhatsApp: menos anillos, más presencia y mejor peso visual */
.cbh26-quick-actions-v149 .cbh26-whatsapp-v152{
  border:1px solid rgba(33,192,99,.16)!important;
  background:linear-gradient(145deg,#ffffff 0%,#f8fffb 100%)!important;
  box-shadow:
    0 14px 30px rgba(31,157,114,.17),
    0 5px 13px rgba(8,22,34,.07),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}

.cbh26-quick-actions-v149 .cbh26-whatsapp-v152::before{
  inset:-3px!important;
  background:rgba(33,192,99,.07)!important;
  border:1px solid rgba(33,192,99,.11)!important;
}

.cbh26-whatsapp-v152__icon{
  inset:5px!important;
  border:2px solid rgba(255,255,255,.95)!important;
  background:linear-gradient(145deg,#21c063 0%,#16a34a 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 6px 14px rgba(22,163,74,.20)!important;
}

.cbh26-whatsapp-v152__icon svg{
  width:31px!important;
  height:31px!important;
}

/* Nube lateral del botón de llamada */
.cbh26-call-native-v148{
  position:relative!important;
}

.cbh26-call-bubble-v154{
  position:absolute!important;
  right:calc(100% + 14px)!important;
  top:50%!important;
  transform:translateY(-50%) translateX(4px)!important;

  min-width:max-content!important;
  padding:10px 14px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:1px solid rgba(49,103,103,.12)!important;
  border-radius:999px!important;

  background:rgba(255,255,255,.96)!important;
  color:#316767!important;

  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;

  box-shadow:
    0 12px 28px rgba(49,103,103,.15),
    0 4px 12px rgba(8,22,34,.06)!important;

  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;

  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease!important;

  z-index:2147483002!important;
}

.cbh26-call-bubble-v154::after{
  content:""!important;
  position:absolute!important;
  left:100%!important;
  top:50%!important;
  width:10px!important;
  height:10px!important;
  transform:translate(-5px,-50%) rotate(45deg)!important;

  background:rgba(255,255,255,.96)!important;
  border-top:1px solid rgba(49,103,103,.10)!important;
  border-right:1px solid rgba(49,103,103,.10)!important;
}

.cbh26-call-native-v148:hover .cbh26-call-bubble-v154,
.cbh26-call-native-v148:focus-within .cbh26-call-bubble-v154{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(-50%) translateX(0)!important;
}

/* En escritorio también aparece suavemente por defecto */
@media(min-width:901px){
  .cbh26-call-bubble-v154{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(-50%) translateX(0)!important;
  }
}

/* En móvil la nube queda arriba para no salir de pantalla */
@media(max-width:900px){
  .cbh26-call-bubble-v154{
    right:auto!important;
    left:50%!important;
    top:auto!important;
    bottom:calc(100% + 12px)!important;
    transform:translateX(-50%) translateY(4px)!important;
    padding:9px 12px!important;
    font-size:11px!important;
  }

  .cbh26-call-bubble-v154::after{
    left:50%!important;
    top:100%!important;
    transform:translate(-50%,-5px) rotate(135deg)!important;
  }

  .cbh26-call-native-v148:hover .cbh26-call-bubble-v154,
  .cbh26-call-native-v148:focus-within .cbh26-call-bubble-v154{
    transform:translateX(-50%) translateY(0)!important;
  }
}

@media(max-width:620px){
  .cbh26-whatsapp-v152__icon svg{
    width:28px!important;
    height:28px!important;
  }
}


/* =========================================================
   v1.5.5 · ICONO WHATSAPP REFINADO
   Únicamente cambia el icono; conserva botón y funcionalidad.
========================================================= */

.cbh26-whatsapp-v152__icon{
  inset:4px!important;
  border:2px solid rgba(255,255,255,.96)!important;
  background:linear-gradient(145deg,#22c55e 0%,#16a34a 100%)!important;
}

.cbh26-whatsapp-v152__icon svg{
  width:32px!important;
  height:32px!important;
  display:block!important;
  color:#fff!important;
}

@media(max-width:620px){
  .cbh26-whatsapp-v152__icon svg{
    width:29px!important;
    height:29px!important;
  }
}


/* =========================================================
   v1.5.6 · ICONOS MÁS VIVOS Y CON MAYOR PROFUNDIDAD
   Sin cambios de estructura ni contenido.
========================================================= */

/* Redes sociales del footer */
.cb-footer-v1258 a[class*="social"],
.cb-footer-v1258__social a,
.cb-footer-v1258__social-link{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;

  border:1px solid rgba(255,255,255,.12)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 10px 24px rgba(0,0,0,.18)!important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease!important;
}

.cb-footer-v1258 a[class*="social"]::before,
.cb-footer-v1258__social a::before,
.cb-footer-v1258__social-link::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  opacity:.85!important;
  background:
    radial-gradient(circle at 30% 25%,rgba(100,204,197,.30),transparent 46%),
    linear-gradient(145deg,rgba(49,103,103,.32),rgba(20,19,42,.18))!important;
}

.cb-footer-v1258 a[class*="social"]:hover,
.cb-footer-v1258__social a:hover,
.cb-footer-v1258__social-link:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(100,204,197,.34)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 14px 30px rgba(0,0,0,.24),
    0 0 0 4px rgba(100,204,197,.08)!important;
}

.cb-footer-v1258 a[class*="social"] svg,
.cb-footer-v1258__social a svg,
.cb-footer-v1258__social-link svg{
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.22))!important;
}

/* Iconos de contacto y accesos cuadrados */
[class*="contact-icon"],
[class*="contact-card"] [class*="icon"],
[class*="info-icon"],
[class*="feature-icon"],
[class*="service-icon"]{
  position:relative!important;
  isolation:isolate!important;

  border:1px solid rgba(49,103,103,.10)!important;
  background:
    linear-gradient(145deg,#4b9d96 0%,#316767 68%,#27595a 100%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 24px rgba(49,103,103,.16)!important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease!important;
}

[class*="contact-icon"]::before,
[class*="contact-card"] [class*="icon"]::before,
[class*="info-icon"]::before,
[class*="feature-icon"]::before,
[class*="service-icon"]::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 42%),
    linear-gradient(160deg,rgba(100,204,197,.16),transparent 60%)!important;
}

[class*="contact-icon"]:hover,
[class*="contact-card"] [class*="icon"]:hover,
[class*="info-icon"]:hover,
[class*="feature-icon"]:hover,
[class*="service-icon"]:hover{
  transform:translateY(-3px) scale(1.03)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 15px 32px rgba(49,103,103,.22)!important;
}

[class*="contact-icon"] svg,
[class*="contact-card"] [class*="icon"] svg,
[class*="info-icon"] svg,
[class*="feature-icon"] svg,
[class*="service-icon"] svg{
  filter:
    drop-shadow(0 2px 4px rgba(0,0,0,.20))
    saturate(1.15)!important;
}

/* Variaciones cromáticas suaves según el tipo de icono */
[class*="mail"],
[class*="email"]{
  --cb-icon-a:#64ccc5;
  --cb-icon-b:#357f7b;
}

[class*="whatsapp"]{
  --cb-icon-a:#25d366;
  --cb-icon-b:#16a34a;
}

[class*="phone"],
[class*="call"]{
  --cb-icon-a:#64ccc5;
  --cb-icon-b:#316767;
}

[class*="instagram"]{
  --cb-icon-a:#f58529;
  --cb-icon-b:#c13584;
}

[class*="facebook"]{
  --cb-icon-a:#4f7de8;
  --cb-icon-b:#315fc0;
}

/* Aplicación segura de color en iconos cuadrados conocidos */
[class*="contact-icon"][class*="mail"],
[class*="contact-icon"][class*="email"],
[class*="contact-icon"][class*="whatsapp"],
[class*="contact-icon"][class*="phone"],
[class*="contact-icon"][class*="instagram"],
[class*="contact-icon"][class*="facebook"],
[class*="info-icon"][class*="mail"],
[class*="info-icon"][class*="email"],
[class*="info-icon"][class*="whatsapp"],
[class*="info-icon"][class*="phone"],
[class*="info-icon"][class*="instagram"],
[class*="info-icon"][class*="facebook"]{
  background:
    linear-gradient(145deg,var(--cb-icon-a,#4b9d96),var(--cb-icon-b,#316767))!important;
}

/* Mantener iconos de los botones flotantes consistentes */
.cbh26-quick-actions-v149 svg{
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.16))!important;
}

/* Evita cualquier espacio residual del botón eliminado */
.cbh26-header-cta,
.cbh26-nav-cta,
.cbh26-talk-btn,
.cbh26-btn--talk{
  display:none!important;
}


/* =========================================================
   v1.5.7 · ELIMINACIÓN DEFINITIVA DEL CTA SUPERIOR
========================================================= */

.cbh27-cta,
.cbh27-mobile-cta{
  display:none!important;
}

/* Mantener el menú móvil alineado después de retirar el CTA */
.cbh27-actions{
  margin-left:auto!important;
}

@media(min-width:981px){
  .cbh27-actions:has(.cbh27-menu-toggle){
    min-width:auto!important;
  }
}


/* =========================================================
   v1.5.8 · SISTEMA VECTORIAL DE ICONOS EN TODO EL TEMA
========================================================= */

.cb-iconset-v158 svg,
.cb-icon-v158 svg,
.cb-contact-icon-v158 svg,
.cb-contact-social-v158 svg,
.cb-contact-cta-icon-v158 svg,
.cbtel-card-icon-v158 svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
}

/* Footer: iconos sociales reconocibles y con colores propios */
.cb-footer-v1258__socials.cb-iconset-v158{
  display:flex!important;
  gap:12px!important;
}

.cb-social-icon-v158{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  color:#fff!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.17),
    0 10px 22px rgba(0,0,0,.20)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

.cb-social-icon-v158::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:12px!important;
  background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.30),transparent 42%)!important;
  pointer-events:none!important;
}

.cb-social-icon-v158 svg{
  width:22px!important;
  height:22px!important;
  position:relative!important;
  z-index:2!important;
}

.cb-social-icon-v158--instagram{
  background:linear-gradient(145deg,#f58529 0%,#dd2a7b 48%,#8134af 100%)!important;
}

.cb-social-icon-v158--facebook{
  background:linear-gradient(145deg,#5d8df5 0%,#1877f2 58%,#1357b9 100%)!important;
}

.cb-social-icon-v158--whatsapp{
  background:linear-gradient(145deg,#39db7b 0%,#25d366 52%,#159447 100%)!important;
}

.cb-social-icon-v158:hover{
  transform:translateY(-4px) scale(1.05)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 15px 30px rgba(0,0,0,.27)!important;
}

/* Producto destacado */
.cb-icon-v158{
  display:grid!important;
  place-items:center!important;
}

.cb-icon-v158 svg{
  width:28px!important;
  height:28px!important;
}

.cb-icon-v158--whatclick{
  color:#fff!important;
  background:linear-gradient(145deg,#35d58b,#159b68)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 12px 24px rgba(15,120,80,.26)!important;
}

/* Contacto: cuatro canales con identidad cromática */
.cb-contact-icon-v158,
.cb-contact-social-v158,
.cb-contact-cta-icon-v158{
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 11px 23px rgba(49,103,103,.18)!important;
}

.cb-contact-icon-v158 svg{
  width:25px!important;
  height:25px!important;
}

.cb-contact-icon-v158--mail{
  background:linear-gradient(145deg,#67d8d2,#317f80)!important;
}

.cb-contact-icon-v158--whatclick{
  background:linear-gradient(145deg,#7d8cff,#4144a5)!important;
}

.cb-contact-icon-v158--phone{
  background:linear-gradient(145deg,#ff7e8b,#d84361)!important;
}

.cb-contact-icon-v158--whatsapp{
  background:linear-gradient(145deg,#3ddd80,#159c4e)!important;
}

.cb-contact-social-v158{
  background:linear-gradient(145deg,#f58529,#dd2a7b 52%,#8134af)!important;
}

.cb-contact-social-v158 svg{
  width:25px!important;
  height:25px!important;
}

.cb-contact-cta-icon-v158{
  background:linear-gradient(145deg,#64ccc5,#316767)!important;
}

.cb-contact-cta-icon-v158 svg{
  width:30px!important;
  height:30px!important;
}

/* Telecomunicaciones: iconos vectoriales por servicio */
.cbtel-card-icon-v158{
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 12px 24px rgba(49,103,103,.18)!important;
}

.cbtel-card-icon-v158 svg{
  width:26px!important;
  height:26px!important;
}

.cbtel-card-icon-v158--arrow,
.cbtel-card-icon-v158--phone{
  background:linear-gradient(145deg,#65d4ce,#317c7d)!important;
}

.cbtel-card-icon-v158--hash,
.cbtel-card-icon-v158--pbx{
  background:linear-gradient(145deg,#8e9bff,#4b4cac)!important;
}

.cbtel-card-icon-v158--cloud{
  background:linear-gradient(145deg,#59b9ff,#326fc2)!important;
}

.cbtel-card-icon-v158--server{
  background:linear-gradient(145deg,#ffb868,#db7043)!important;
}

.cbtel-card-icon-v158--shield{
  background:linear-gradient(145deg,#49d68a,#168c55)!important;
}

.cbtel-card-icon-v158--code{
  background:linear-gradient(145deg,#d978ff,#8149bb)!important;
}

.cbtel-card-icon-v158--chat{
  background:linear-gradient(145deg,#36dba1,#138c68)!important;
}

/* Movimiento sutil y uniforme */
.cb-contact-icon-v158,
.cb-contact-social-v158,
.cb-contact-cta-icon-v158,
.cbtel-card-icon-v158,
.cb-icon-v158{
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}

.cb-contact-v1249__channel:hover .cb-contact-icon-v158,
.cb-contact-v1249__social-card:hover .cb-contact-social-v158,
.cb-contact-v1255__social-cta:hover .cb-contact-cta-icon-v158,
.cbtel-card:hover .cbtel-card-icon-v158,
.cb-card:hover .cb-icon-v158{
  transform:translateY(-3px) rotate(-2deg) scale(1.04)!important;
  filter:saturate(1.12)!important;
}

@media(max-width:620px){
  .cb-social-icon-v158{
    width:42px!important;
    height:42px!important;
  }

  .cb-contact-icon-v158 svg,
  .cbtel-card-icon-v158 svg{
    width:23px!important;
    height:23px!important;
  }
}


/* =========================================================
   v1.6.0 · PÁGINA DESARROLLO DE SOFTWARE
========================================================= */

body.cbh26-software-page{
  background:#f6faf9!important;
  color:#112f34!important;
}

body.cbh26-software-page .cbh26-shell{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding-left:clamp(24px,5vw,84px)!important;
  padding-right:clamp(24px,5vw,84px)!important;
  box-sizing:border-box!important;
}

.cbsoft-main-v160{
  overflow:hidden!important;
}

.cbsoft-hero-v160{
  position:relative!important;
  min-height:760px!important;
  display:flex!important;
  align-items:center!important;
  padding:155px 0 95px!important;
  background:
    radial-gradient(circle at 78% 18%,rgba(100,204,197,.22),transparent 30%),
    radial-gradient(circle at 14% 75%,rgba(49,103,103,.09),transparent 35%),
    linear-gradient(180deg,#f9fcfb 0%,#eef7f5 100%)!important;
}

.cbsoft-grid-v160{
  position:absolute!important;
  inset:0!important;
  opacity:.42!important;
  background-image:
    linear-gradient(rgba(49,103,103,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.055) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
  mask-image:linear-gradient(to bottom,black,transparent 92%)!important;
}

.cbsoft-hero-v160__grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)!important;
  gap:clamp(58px,6vw,110px)!important;
  align-items:center!important;
}

.cbsoft-hero-v160__copy h1{
  max-width:930px!important;
  margin:18px 0 26px!important;
  font-family:Poppins,Inter,sans-serif!important;
  font-size:clamp(58px,6vw,96px)!important;
  line-height:.96!important;
  letter-spacing:-.062em!important;
  color:#102f34!important;
  text-wrap:balance!important;
}

.cbsoft-hero-v160__copy h1 span{
  display:block!important;
  color:#316767!important;
}

.cbsoft-hero-v160__copy>p{
  max-width:790px!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1.78!important;
  color:#587176!important;
}

.cbsoft-hero-v160__actions,
.cbsoft-cta-v160__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin-top:34px!important;
}

.cbsoft-hero-v160__tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:30px!important;
}

.cbsoft-hero-v160__tags span{
  padding:10px 14px!important;
  border:1px solid rgba(49,103,103,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.70)!important;
  color:#316767!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}

.cbsoft-console-v160{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(100,204,197,.25)!important;
  border-radius:30px!important;
  background:#102e35!important;
  box-shadow:0 35px 80px rgba(19,58,64,.22)!important;
}

.cbsoft-console-v160::before{
  content:""!important;
  position:absolute!important;
  inset:-30% 40% 20% -20%!important;
  background:radial-gradient(circle,rgba(100,204,197,.34),transparent 65%)!important;
}

.cbsoft-console-v160__bar{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:18px 22px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

.cbsoft-console-v160__bar i{
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
}

.cbsoft-console-v160__bar i:nth-child(2){opacity:.65!important}
.cbsoft-console-v160__bar i:nth-child(3){opacity:.35!important}

.cbsoft-console-v160__bar strong{
  margin-left:8px!important;
  color:#dff8f5!important;
  font-size:12px!important;
  letter-spacing:.04em!important;
}

.cbsoft-console-v160__screen{
  position:relative!important;
  z-index:2!important;
  padding:42px!important;
}

.cbsoft-code-v160{
  display:grid!important;
  grid-template-columns:38px 1fr!important;
  gap:17px 18px!important;
  align-items:center!important;
}

.cbsoft-code-v160 span{
  color:#64ccc5!important;
  font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  opacity:.65!important;
}

.cbsoft-code-v160 b{
  color:#edfafa!important;
  font:600 15px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace!important;
}

.cbsoft-console-v160__status{
  margin-top:34px!important;
  padding:16px 18px!important;
  border:1px solid rgba(100,204,197,.18)!important;
  border-radius:14px!important;
  background:rgba(100,204,197,.08)!important;
  color:#bcebe6!important;
  font-size:12px!important;
  font-weight:700!important;
}

.cbsoft-console-v160__status i{
  display:inline-block!important;
  width:8px!important;
  height:8px!important;
  margin-right:8px!important;
  border-radius:50%!important;
  background:#36d994!important;
  box-shadow:0 0 0 5px rgba(54,217,148,.12)!important;
}

.cbsoft-section-v160{
  padding:120px 0!important;
}

.cbsoft-intro-v160,
.cbsoft-platform-v160{
  background:#fff!important;
}

.cbsoft-heading-v160{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)!important;
  gap:70px!important;
  align-items:end!important;
  margin-bottom:55px!important;
}

.cbsoft-heading-v160 h2{
  max-width:980px!important;
  margin:14px 0 0!important;
  color:#12353a!important;
  font-family:Poppins,Inter,sans-serif!important;
  font-size:clamp(45px,4.5vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
  text-wrap:balance!important;
}

.cbsoft-heading-v160>p{
  margin:0!important;
  max-width:620px!important;
  color:#637b7f!important;
  font-size:16px!important;
  line-height:1.8!important;
}

.cbsoft-heading-v160--light h2,
.cbsoft-heading-v160--light>p{
  color:#fff!important;
}

.cbsoft-heading-v160--light>p{
  color:#bad0d3!important;
}

.cbsoft-heading-v160--center{
  grid-template-columns:1fr!important;
  text-align:center!important;
  justify-items:center!important;
  gap:22px!important;
}

.cbsoft-heading-v160--center>p{
  max-width:820px!important;
}

.cbsoft-capabilities-v160{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}

.cbsoft-cap-v160{
  position:relative!important;
  min-height:310px!important;
  padding:28px!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#fff,#f7fbfa)!important;
  box-shadow:0 17px 42px rgba(33,73,76,.07)!important;
  overflow:hidden!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}

.cbsoft-cap-v160::after{
  content:""!important;
  position:absolute!important;
  width:150px!important;
  height:150px!important;
  right:-60px!important;
  bottom:-70px!important;
  border-radius:50%!important;
  background:var(--cbsoft-accent,rgba(100,204,197,.12))!important;
  filter:blur(2px)!important;
}

.cbsoft-cap-v160:hover{
  transform:translateY(-7px)!important;
  box-shadow:0 26px 54px rgba(33,73,76,.12)!important;
}

.cbsoft-cap-v160>span{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:17px!important;
  color:#fff!important;
  background:var(--cbsoft-gradient,linear-gradient(145deg,#64ccc5,#316767))!important;
  box-shadow:0 12px 24px rgba(49,103,103,.18)!important;
}

.cbsoft-cap-v160 svg{
  width:27px!important;
  height:27px!important;
}

.cbsoft-cap-v160 small{
  position:absolute!important;
  right:24px!important;
  top:25px!important;
  color:#9fb3b5!important;
  font-size:11px!important;
  font-weight:800!important;
}

.cbsoft-cap-v160 h3{
  position:relative!important;
  z-index:2!important;
  margin:28px 0 14px!important;
  color:#17383d!important;
  font-size:20px!important;
  line-height:1.25!important;
}

.cbsoft-cap-v160 p{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  color:#697f82!important;
  font-size:14px!important;
  line-height:1.72!important;
}

.cbsoft-cap-v160--a{--cbsoft-gradient:linear-gradient(145deg,#5bcac3,#347c7b);--cbsoft-accent:rgba(91,202,195,.14)}
.cbsoft-cap-v160--b{--cbsoft-gradient:linear-gradient(145deg,#7e8cff,#4a4ba8);--cbsoft-accent:rgba(126,140,255,.13)}
.cbsoft-cap-v160--c{--cbsoft-gradient:linear-gradient(145deg,#52d68c,#198c58);--cbsoft-accent:rgba(82,214,140,.13)}
.cbsoft-cap-v160--d{--cbsoft-gradient:linear-gradient(145deg,#d57bfa,#7a49ad);--cbsoft-accent:rgba(213,123,250,.12)}
.cbsoft-cap-v160--e{--cbsoft-gradient:linear-gradient(145deg,#5ebcff,#326bc0);--cbsoft-accent:rgba(94,188,255,.13)}
.cbsoft-cap-v160--f{--cbsoft-gradient:linear-gradient(145deg,#ff9f72,#d15470);--cbsoft-accent:rgba(255,159,114,.13)}
.cbsoft-cap-v160--g{--cbsoft-gradient:linear-gradient(145deg,#ffc767,#d47c3f);--cbsoft-accent:rgba(255,199,103,.13)}
.cbsoft-cap-v160--h{--cbsoft-gradient:linear-gradient(145deg,#42dca6,#168a68);--cbsoft-accent:rgba(66,220,166,.13)}

.cbsoft-process-v160,
.cbsoft-security-v160{
  background:#102f36!important;
}

.cbsoft-process-v160__grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}

.cbsoft-process-v160__grid article{
  min-height:225px!important;
  padding:28px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
}

.cbsoft-process-v160__grid small{
  color:#64ccc5!important;
  font-weight:800!important;
}

.cbsoft-process-v160__grid strong{
  display:block!important;
  margin:40px 0 12px!important;
  color:#fff!important;
  font-size:18px!important;
}

.cbsoft-process-v160__grid p{
  margin:0!important;
  color:#b8cccf!important;
  font-size:13px!important;
  line-height:1.65!important;
}

.cbsoft-platform-v160__grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;
  gap:32px!important;
  align-items:stretch!important;
}

.cbsoft-image-card-v160,
.cbsoft-wide-image-v160{
  margin:0!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:26px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 22px 55px rgba(34,74,77,.10)!important;
}

.cbsoft-image-card-v160 img,
.cbsoft-wide-image-v160 img{
  width:100%!important;
  height:auto!important;
  display:block!important;
}

.cbsoft-image-card-v160 figcaption{
  padding:16px 20px!important;
  color:#627a7d!important;
  font-size:12px!important;
}

.cbsoft-feature-list-v160{
  display:grid!important;
  gap:12px!important;
}

.cbsoft-feature-list-v160 article{
  padding:20px 22px!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#f9fcfb,#eef6f4)!important;
}

.cbsoft-feature-list-v160 strong{
  display:block!important;
  margin-bottom:7px!important;
  color:#234f52!important;
  font-size:15px!important;
}

.cbsoft-feature-list-v160 p{
  margin:0!important;
  color:#6a8083!important;
  font-size:13px!important;
  line-height:1.55!important;
}

.cbsoft-vps-v160{
  background:linear-gradient(180deg,#eef7f5,#f9fcfb)!important;
}

.cbsoft-vps-v160__cards{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:36px!important;
}

.cbsoft-vps-v160__cards article{
  padding:25px!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:20px!important;
  background:#fff!important;
  text-align:center!important;
  box-shadow:0 14px 34px rgba(49,103,103,.07)!important;
}

.cbsoft-vps-v160__cards span{
  width:58px!important;
  height:58px!important;
  margin:0 auto 20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#64ccc5,#316767)!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:0 10px 22px rgba(49,103,103,.18)!important;
}

.cbsoft-vps-v160__cards strong{
  display:block!important;
  color:#174349!important;
  font-size:15px!important;
}

.cbsoft-vps-v160__cards p{
  color:#718588!important;
  font-size:12px!important;
  line-height:1.55!important;
}

.cbsoft-wide-image-v160{
  max-height:720px!important;
}

.cbsoft-security-v160__grid{
  display:grid!important;
  gap:22px!important;
}

.cbsoft-infra-card-v160{
  display:grid!important;
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.055)!important;
}

.cbsoft-infra-card-v160 img{
  width:100%!important;
  height:100%!important;
  min-height:270px!important;
  object-fit:cover!important;
}

.cbsoft-infra-card-v160 div{
  padding:42px!important;
}

.cbsoft-infra-card-v160 small{
  color:#64ccc5!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}

.cbsoft-infra-card-v160 h3{
  margin:12px 0!important;
  color:#fff!important;
  font-size:35px!important;
}

.cbsoft-infra-card-v160 p{
  max-width:650px!important;
  color:#b9ced1!important;
  font-size:15px!important;
  line-height:1.75!important;
}

.cbsoft-cta-v160{
  background:linear-gradient(180deg,#f7fbfa,#e8f5f2)!important;
}

.cbsoft-cta-v160__box{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)!important;
  gap:60px!important;
  align-items:center!important;
  padding:70px!important;
  border:1px solid rgba(49,103,103,.11)!important;
  border-radius:32px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 30px 70px rgba(49,103,103,.12)!important;
}

.cbsoft-cta-v160__box h2{
  max-width:900px!important;
  margin:14px 0!important;
  color:#14393e!important;
  font-family:Poppins,Inter,sans-serif!important;
  font-size:clamp(42px,4vw,67px)!important;
  line-height:1.03!important;
  letter-spacing:-.05em!important;
}

.cbsoft-cta-v160__box p{
  max-width:760px!important;
  color:#637a7e!important;
  font-size:16px!important;
  line-height:1.7!important;
}

.cbsoft-cta-v160__actions{
  justify-content:flex-end!important;
  align-content:center!important;
  margin-top:0!important;
}

@media(max-width:1180px){
  .cbsoft-capabilities-v160{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cbsoft-process-v160__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .cbsoft-vps-v160__cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:980px){
  .cbsoft-hero-v160{padding-top:135px!important}
  .cbsoft-hero-v160__grid,
  .cbsoft-heading-v160,
  .cbsoft-platform-v160__grid,
  .cbsoft-cta-v160__box{
    grid-template-columns:1fr!important;
  }
  .cbsoft-console-v160{max-width:760px!important}
  .cbsoft-heading-v160{gap:24px!important}
  .cbsoft-cta-v160__actions{justify-content:flex-start!important}
}

@media(max-width:760px){
  .cbsoft-section-v160{padding:82px 0!important}
  .cbsoft-hero-v160{min-height:auto!important;padding:125px 0 75px!important}
  .cbsoft-hero-v160__copy h1{font-size:clamp(46px,12vw,65px)!important}
  .cbsoft-console-v160__screen{padding:26px!important}
  .cbsoft-capabilities-v160,
  .cbsoft-process-v160__grid,
  .cbsoft-vps-v160__cards{
    grid-template-columns:1fr!important;
  }
  .cbsoft-infra-card-v160{grid-template-columns:1fr!important}
  .cbsoft-infra-card-v160 img{min-height:210px!important}
  .cbsoft-infra-card-v160 div{padding:28px!important}
  .cbsoft-cta-v160__box{padding:34px!important}
}


/* =========================================================
   v1.6.1 · SECCIONES MOVIDAS DE TELECOM A SOFTWARE
========================================================= */

.cbsoft-networks-v161{
  background:#f6faf9!important;
}

.cbsoft-networks-v161__grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
}

.cbsoft-network-card-v161{
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(36,75,79,.08)!important;
}

.cbsoft-network-card-v161__visual{
  position:relative!important;
  min-height:190px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(145deg,#214f55,#173c42)!important;
  background-size:28px 28px,28px 28px,auto!important;
}

.cbsoft-network-card-v161__visual::after{
  content:""!important;
  position:absolute!important;
  inset:auto 22px 16px!important;
  height:28px!important;
  border-radius:7px!important;
  background:rgba(6,29,34,.78)!important;
  border:1px solid rgba(100,204,197,.14)!important;
}

.cbsoft-network-card-v161__visual small{
  position:absolute!important;
  left:34px!important;
  bottom:24px!important;
  z-index:2!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
}

.cbsoft-network-card-v161__icon{
  width:86px!important;
  height:86px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(100,204,197,.12)!important;
  box-shadow:0 0 0 12px rgba(100,204,197,.05),0 0 0 24px rgba(100,204,197,.03)!important;
}

.cbsoft-network-card-v161__icon svg{
  width:52px!important;
  height:52px!important;
}

.cbsoft-network-card-v161__body{
  padding:28px!important;
}

.cbsoft-network-card-v161__body>span{
  color:#43a9a3!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}

.cbsoft-network-card-v161__body h3{
  margin:14px 0 12px!important;
  color:#163a3f!important;
  font-size:26px!important;
}

.cbsoft-network-card-v161__body p{
  color:#617a7e!important;
  font-size:14px!important;
  line-height:1.7!important;
}

.cbsoft-network-card-v161__body ul{
  margin:24px 0 0!important;
  padding:18px 0 0!important;
  border-top:1px solid rgba(49,103,103,.10)!important;
  list-style:none!important;
}

.cbsoft-network-card-v161__body li{
  position:relative!important;
  padding-left:16px!important;
  margin:8px 0!important;
  color:#34575b!important;
  font-size:12px!important;
  font-weight:700!important;
}

.cbsoft-network-card-v161__body li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.55em!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
}

.cbsoft-cyber-v161{
  background:#102f36!important;
}

.cbsoft-cyber-v161__grid{
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  gap:70px!important;
  align-items:center!important;
}

.cbsoft-cyber-v161__visual{
  min-height:430px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(100,204,197,.14)!important;
  border-radius:28px!important;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
}

.cbsoft-cyber-v161__orbit{
  position:relative!important;
  width:330px!important;
  height:330px!important;
  border:1px dashed rgba(100,204,197,.25)!important;
  border-radius:50%!important;
}

.cbsoft-cyber-v161__orbit::before,
.cbsoft-cyber-v161__orbit::after{
  content:""!important;
  position:absolute!important;
  inset:48px!important;
  border:1px dashed rgba(100,204,197,.18)!important;
  border-radius:50%!important;
}

.cbsoft-cyber-v161__orbit::after{
  inset:96px!important;
}

.cbsoft-cyber-v161__shield{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:110px!important;
  height:130px!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  clip-path:polygon(50% 0,90% 18%,83% 72%,50% 100%,17% 72%,10% 18%)!important;
  background:linear-gradient(145deg,#64ccc5,#3c8586)!important;
}

.cbsoft-cyber-v161__shield svg{
  width:58px!important;
  height:58px!important;
}

.cbsoft-cyber-v161__tag{
  position:absolute!important;
  min-width:88px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  text-align:center!important;
}

.cbsoft-cyber-v161__tag--vpn{left:-20px!important;top:30px!important}
.cbsoft-cyber-v161__tag--ngfw{right:-20px!important;top:30px!important}
.cbsoft-cyber-v161__tag--vlan{left:-20px!important;bottom:30px!important}
.cbsoft-cyber-v161__tag--monitor{right:-20px!important;bottom:30px!important}

.cbsoft-cyber-v161__copy h2{
  margin:16px 0 22px!important;
  color:#fff!important;
  font-family:Poppins,Inter,sans-serif!important;
  font-size:clamp(46px,5vw,76px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}

.cbsoft-cyber-v161__copy>p{
  max-width:760px!important;
  color:#c0d3d5!important;
  font-size:17px!important;
  line-height:1.75!important;
}

.cbsoft-cyber-v161__items{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:30px!important;
}

.cbsoft-cyber-v161__items span{
  padding:14px 16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
}

.cbsoft-complementary-v161{
  background:#fff!important;
}

.cbsoft-complementary-v161__grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  gap:80px!important;
  align-items:center!important;
}

.cbsoft-complementary-v161__copy h2{
  margin:16px 0 20px!important;
  color:#14383d!important;
  font-family:Poppins,Inter,sans-serif!important;
  font-size:clamp(48px,5vw,78px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}

.cbsoft-complementary-v161__copy p{
  color:#60797d!important;
  font-size:17px!important;
  line-height:1.75!important;
}

.cbsoft-complementary-v161__list article,
.cbsoft-scale-v161__list article{
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:18px!important;
  padding:20px 0!important;
  border-bottom:1px solid rgba(49,103,103,.10)!important;
}

.cbsoft-complementary-v161__list small,
.cbsoft-scale-v161__list small{
  color:#47aaa4!important;
  font-weight:800!important;
}

.cbsoft-complementary-v161__list strong,
.cbsoft-scale-v161__list strong{
  color:#173b40!important;
  font-size:15px!important;
}

.cbsoft-complementary-v161__list p,
.cbsoft-scale-v161__list p{
  margin:6px 0 0!important;
  color:#7a8d90!important;
  font-size:12px!important;
}

.cbsoft-scale-v161{
  background:#eaf5f2!important;
}

.cbsoft-scale-v161__grid{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}

.cbsoft-scale-v161__primary,
.cbsoft-scale-v161__list{
  border-radius:26px!important;
}

.cbsoft-scale-v161__primary{
  padding:48px!important;
  background:#173f46!important;
  color:#fff!important;
}

.cbsoft-scale-v161__label{
  display:inline-flex!important;
  padding:9px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  color:#c8f0eb!important;
  font-size:10px!important;
  font-weight:800!important;
}

.cbsoft-scale-v161__primary h3{
  margin:28px 0 18px!important;
  font-size:34px!important;
  line-height:1.08!important;
  color:#fff!important;
}

.cbsoft-scale-v161__primary p{
  color:#c5d7d9!important;
  font-size:15px!important;
  line-height:1.75!important;
}

.cbsoft-scale-v161__list{
  padding:18px 32px!important;
  background:#fff!important;
}

.cbsoft-vps-strip-v161{
  margin-top:18px!important;
  padding:34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
  gap:50px!important;
  align-items:center!important;
  border-radius:24px!important;
  background:#fff!important;
}

.cbsoft-vps-strip-v161 h3{
  margin:12px 0!important;
  color:#194047!important;
  font-size:30px!important;
}

.cbsoft-vps-strip-v161 p{
  color:#6a8185!important;
  line-height:1.7!important;
}

.cbsoft-vps-strip-v161__metrics{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.cbsoft-vps-strip-v161__metrics span{
  padding:20px!important;
  border-radius:14px!important;
  background:#edf6f4!important;
}

.cbsoft-vps-strip-v161__metrics strong{
  display:block!important;
  color:#24595d!important;
  font-size:18px!important;
}

.cbsoft-vps-strip-v161__metrics small{
  color:#768b8e!important;
  font-size:10px!important;
}

@media(max-width:1100px){
  .cbsoft-networks-v161__grid{grid-template-columns:1fr!important}
  .cbsoft-cyber-v161__grid,
  .cbsoft-complementary-v161__grid,
  .cbsoft-scale-v161__grid,
  .cbsoft-vps-strip-v161{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  .cbsoft-cyber-v161__orbit{width:260px!important;height:260px!important}
  .cbsoft-cyber-v161__tag{min-width:72px!important;padding:9px!important}
  .cbsoft-cyber-v161__items{grid-template-columns:1fr!important}
  .cbsoft-vps-strip-v161__metrics{grid-template-columns:1fr!important}
}


/* =========================================================
   v1.6.2 · UNIFICACIÓN VISUAL EXCLUSIVA DE SOFTWARE
   Misma escala, márgenes, botones y ritmo del Home/Telecom.
========================================================= */

/* Contenedor y márgenes */
body.cbh26-software-page .cbh26-shell{
  width:min(100%,1600px)!important;
  max-width:1600px!important;
  margin-inline:auto!important;
  padding-inline:clamp(28px,4.2vw,72px)!important;
  box-sizing:border-box!important;
}

/* Ritmo vertical uniforme */
body.cbh26-software-page .cbsoft-section-v160{
  padding-block:clamp(88px,8vw,124px)!important;
}

body.cbh26-software-page .cbsoft-heading-v160{
  margin-bottom:clamp(38px,4vw,58px)!important;
  gap:clamp(30px,4vw,66px)!important;
  align-items:end!important;
}

/* Tipografía global de la página */
body.cbh26-software-page{
  font-family:Inter,Arial,sans-serif!important;
}

body.cbh26-software-page h1,
body.cbh26-software-page h2,
body.cbh26-software-page h3,
body.cbh26-software-page h4{
  font-family:Poppins,Inter,Arial,sans-serif!important;
  text-wrap:balance!important;
}

body.cbh26-software-page .cbsoft-hero-v160__copy h1{
  max-width:980px!important;
  margin:16px 0 24px!important;
  font-size:clamp(62px,5.6vw,92px)!important;
  line-height:.98!important;
  letter-spacing:-.058em!important;
}

body.cbh26-software-page .cbsoft-heading-v160 h2,
body.cbh26-software-page .cbsoft-cyber-v161__copy h2,
body.cbh26-software-page .cbsoft-complementary-v161__copy h2{
  max-width:980px!important;
  margin-top:14px!important;
  font-size:clamp(48px,4.2vw,68px)!important;
  line-height:1.03!important;
  letter-spacing:-.048em!important;
}

body.cbh26-software-page .cbsoft-cta-v160__box h2{
  font-size:clamp(44px,4vw,64px)!important;
  line-height:1.04!important;
}

body.cbh26-software-page .cbsoft-hero-v160__copy>p,
body.cbh26-software-page .cbsoft-heading-v160>p,
body.cbh26-software-page .cbsoft-cyber-v161__copy>p,
body.cbh26-software-page .cbsoft-complementary-v161__copy>p,
body.cbh26-software-page .cbsoft-cta-v160__box p{
  font-size:16px!important;
  line-height:1.75!important;
}

/* Kicker común */
body.cbh26-software-page .cbh26-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  color:#38c996!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.14em!important;
}

/* Botones: mismo sistema en toda la página */
body.cbh26-software-page .cbh26-btn{
  min-height:54px!important;
  padding:0 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  border-radius:999px!important;
  border:1px solid rgba(49,103,103,.16)!important;
  background:linear-gradient(135deg,#316767,#438f89)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 13px 28px rgba(49,103,103,.17)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}

body.cbh26-software-page .cbh26-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 34px rgba(49,103,103,.22)!important;
}

body.cbh26-software-page .cbh26-btn--ghost{
  background:#fff!important;
  color:#173a3f!important;
  border-color:rgba(49,103,103,.18)!important;
}

body.cbh26-software-page .cbh26-btn__arrow{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.15)!important;
  font-size:14px!important;
  font-style:normal!important;
}

body.cbh26-software-page .cbh26-btn--ghost .cbh26-btn__arrow{
  background:#316767!important;
  color:#fff!important;
}

/* Hero más coherente con el Home */
body.cbh26-software-page .cbsoft-hero-v160{
  min-height:700px!important;
  padding-block:145px 88px!important;
}

body.cbh26-software-page .cbsoft-hero-v160__grid{
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)!important;
  gap:clamp(48px,5vw,86px)!important;
}

body.cbh26-software-page .cbsoft-console-v160{
  border-radius:26px!important;
}

/* Tarjetas principales: un mismo radio, borde, sombra y hover */
body.cbh26-software-page .cbsoft-cap-v160,
body.cbh26-software-page .cbsoft-network-card-v161,
body.cbh26-software-page .cbsoft-image-card-v160,
body.cbh26-software-page .cbsoft-wide-image-v160,
body.cbh26-software-page .cbsoft-feature-list-v160 article,
body.cbh26-software-page .cbsoft-vps-v160__cards article,
body.cbh26-software-page .cbsoft-process-v160__grid article,
body.cbh26-software-page .cbsoft-scale-v161__primary,
body.cbh26-software-page .cbsoft-scale-v161__list,
body.cbh26-software-page .cbsoft-vps-strip-v161,
body.cbh26-software-page .cbsoft-infra-card-v160,
body.cbh26-software-page .cbsoft-cta-v160__box{
  border-radius:24px!important;
}

body.cbh26-software-page .cbsoft-cap-v160,
body.cbh26-software-page .cbsoft-network-card-v161,
body.cbh26-software-page .cbsoft-feature-list-v160 article,
body.cbh26-software-page .cbsoft-vps-v160__cards article{
  border:1px solid rgba(49,103,103,.10)!important;
  box-shadow:0 16px 38px rgba(33,73,76,.075)!important;
}

body.cbh26-software-page .cbsoft-cap-v160:hover,
body.cbh26-software-page .cbsoft-network-card-v161:hover,
body.cbh26-software-page .cbsoft-vps-v160__cards article:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 24px 50px rgba(33,73,76,.12)!important;
}

/* Alturas y paddings consistentes */
body.cbh26-software-page .cbsoft-cap-v160{
  min-height:290px!important;
  padding:26px!important;
}

body.cbh26-software-page .cbsoft-network-card-v161__body{
  padding:28px!important;
}

body.cbh26-software-page .cbsoft-process-v160__grid article{
  min-height:210px!important;
  padding:26px!important;
}

body.cbh26-software-page .cbsoft-feature-list-v160 article{
  padding:20px 22px!important;
}

/* Títulos de tarjetas */
body.cbh26-software-page .cbsoft-cap-v160 h3,
body.cbh26-software-page .cbsoft-network-card-v161__body h3,
body.cbh26-software-page .cbsoft-scale-v161__primary h3,
body.cbh26-software-page .cbsoft-vps-strip-v161 h3,
body.cbh26-software-page .cbsoft-infra-card-v160 h3{
  font-size:clamp(24px,2vw,32px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}

/* Textos de tarjetas */
body.cbh26-software-page .cbsoft-cap-v160 p,
body.cbh26-software-page .cbsoft-network-card-v161__body p,
body.cbh26-software-page .cbsoft-feature-list-v160 p,
body.cbh26-software-page .cbsoft-vps-v160__cards p,
body.cbh26-software-page .cbsoft-process-v160__grid p,
body.cbh26-software-page .cbsoft-scale-v161__primary p,
body.cbh26-software-page .cbsoft-vps-strip-v161 p,
body.cbh26-software-page .cbsoft-infra-card-v160 p{
  font-size:14px!important;
  line-height:1.65!important;
}

/* Grillas uniformes */
body.cbh26-software-page .cbsoft-capabilities-v160{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}

body.cbh26-software-page .cbsoft-networks-v161__grid{
  gap:18px!important;
}

body.cbh26-software-page .cbsoft-process-v160__grid,
body.cbh26-software-page .cbsoft-vps-v160__cards{
  gap:16px!important;
}

/* Proxmox y VPS más compactos */
body.cbh26-software-page .cbsoft-platform-v160__grid,
body.cbh26-software-page .cbsoft-scale-v161__grid{
  gap:24px!important;
}

body.cbh26-software-page .cbsoft-scale-v161__primary{
  padding:42px!important;
}

body.cbh26-software-page .cbsoft-scale-v161__list{
  padding:16px 30px!important;
}

body.cbh26-software-page .cbsoft-vps-strip-v161{
  margin-top:20px!important;
  padding:32px!important;
}

/* Bloques oscuros */
body.cbh26-software-page .cbsoft-process-v160,
body.cbh26-software-page .cbsoft-security-v160,
body.cbh26-software-page .cbsoft-cyber-v161{
  background:#102f36!important;
}

body.cbh26-software-page .cbsoft-process-v160__grid strong{
  margin-top:34px!important;
  font-size:18px!important;
}

/* CTA final más coherente */
body.cbh26-software-page .cbsoft-cta-v160__box{
  padding:clamp(42px,5vw,68px)!important;
  gap:clamp(36px,4vw,60px)!important;
}

/* Responsive */
@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-capabilities-v160{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.cbh26-software-page .cbsoft-hero-v160__grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:980px){
  body.cbh26-software-page .cbsoft-heading-v160,
  body.cbh26-software-page .cbsoft-cyber-v161__grid,
  body.cbh26-software-page .cbsoft-complementary-v161__grid,
  body.cbh26-software-page .cbsoft-scale-v161__grid,
  body.cbh26-software-page .cbsoft-vps-strip-v161,
  body.cbh26-software-page .cbsoft-cta-v160__box{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-heading-v160{
    gap:22px!important;
  }

  body.cbh26-software-page .cbsoft-cta-v160__actions{
    justify-content:flex-start!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbh26-shell{
    padding-inline:20px!important;
  }

  body.cbh26-software-page .cbsoft-section-v160{
    padding-block:76px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v160{
    min-height:auto!important;
    padding-block:124px 72px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v160__copy h1{
    font-size:clamp(48px,13vw,64px)!important;
  }

  body.cbh26-software-page .cbsoft-heading-v160 h2,
  body.cbh26-software-page .cbsoft-cyber-v161__copy h2,
  body.cbh26-software-page .cbsoft-complementary-v161__copy h2{
    font-size:clamp(40px,10vw,54px)!important;
  }

  body.cbh26-software-page .cbsoft-capabilities-v160,
  body.cbh26-software-page .cbsoft-process-v160__grid,
  body.cbh26-software-page .cbsoft-vps-v160__cards{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbh26-btn{
    min-height:52px!important;
    padding-inline:20px!important;
  }
}


/* =========================================================
   v1.6.3 · SOFTWARE ALINEADO CON LAS PROPORCIONES DEL HOME
   Ajuste exclusivo de títulos, márgenes y ritmo visual.
========================================================= */

/*
 * El Home utiliza un lienzo amplio, pero conserva aire lateral.
 * Esta página adopta exactamente el mismo comportamiento.
 */
body.cbh26-software-page .cbh26-shell{
  width:calc(100% - clamp(40px,6vw,112px))!important;
  max-width:1540px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Evitar que secciones internas creen un segundo margen */
body.cbh26-software-page .cbsoft-main-v160 section > .cbh26-shell{
  box-sizing:border-box!important;
}

/* Hero: escala semejante al Home, sin títulos desproporcionados */
body.cbh26-software-page .cbsoft-hero-v160{
  min-height:680px!important;
  padding-top:142px!important;
  padding-bottom:82px!important;
}

body.cbh26-software-page .cbsoft-hero-v160__grid{
  grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr)!important;
  gap:clamp(42px,5vw,78px)!important;
}

body.cbh26-software-page .cbsoft-hero-v160__copy{
  max-width:850px!important;
}

body.cbh26-software-page .cbsoft-hero-v160__copy h1{
  max-width:840px!important;
  margin:18px 0 24px!important;
  font-size:clamp(54px,4.9vw,78px)!important;
  line-height:1.01!important;
  letter-spacing:-.052em!important;
}

body.cbh26-software-page .cbsoft-hero-v160__copy h1 span{
  display:inline!important;
}

body.cbh26-software-page .cbsoft-hero-v160__copy>p{
  max-width:760px!important;
  font-size:16px!important;
  line-height:1.72!important;
}

/* Secciones: mismo aire vertical y ancho de lectura del Home */
body.cbh26-software-page .cbsoft-section-v160{
  padding-top:clamp(82px,7vw,108px)!important;
  padding-bottom:clamp(82px,7vw,108px)!important;
}

body.cbh26-software-page .cbsoft-heading-v160{
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr)!important;
  gap:clamp(34px,4.5vw,72px)!important;
  margin-bottom:48px!important;
}

body.cbh26-software-page .cbsoft-heading-v160>div{
  max-width:900px!important;
}

body.cbh26-software-page .cbsoft-heading-v160 h2,
body.cbh26-software-page .cbsoft-cyber-v161__copy h2,
body.cbh26-software-page .cbsoft-complementary-v161__copy h2{
  max-width:880px!important;
  margin:14px 0 0!important;
  font-size:clamp(42px,3.8vw,61px)!important;
  line-height:1.06!important;
  letter-spacing:-.043em!important;
}

body.cbh26-software-page .cbsoft-heading-v160>p{
  max-width:540px!important;
  justify-self:end!important;
  font-size:15px!important;
  line-height:1.75!important;
}

body.cbh26-software-page .cbsoft-heading-v160--center>p{
  justify-self:center!important;
}

/* Kicker idéntico en peso y tamaño al de páginas aprobadas */
body.cbh26-software-page .cbh26-kicker{
  font-size:10px!important;
  letter-spacing:.15em!important;
  line-height:1.2!important;
}

/* Tarjetas: títulos y textos menos grandes y más uniformes */
body.cbh26-software-page .cbsoft-capabilities-v160{
  gap:16px!important;
}

body.cbh26-software-page .cbsoft-cap-v160{
  min-height:275px!important;
  padding:25px!important;
}

body.cbh26-software-page .cbsoft-cap-v160 h3{
  margin-top:24px!important;
  font-size:20px!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
}

body.cbh26-software-page .cbsoft-cap-v160 p{
  font-size:13px!important;
  line-height:1.68!important;
}

/* Redes: proporción de tarjetas semejante a Telecom */
body.cbh26-software-page .cbsoft-networks-v161__grid{
  gap:16px!important;
}

body.cbh26-software-page .cbsoft-network-card-v161__visual{
  min-height:168px!important;
}

body.cbh26-software-page .cbsoft-network-card-v161__body{
  padding:25px!important;
}

body.cbh26-software-page .cbsoft-network-card-v161__body h3{
  margin:12px 0 10px!important;
  font-size:24px!important;
  line-height:1.16!important;
}

body.cbh26-software-page .cbsoft-network-card-v161__body p{
  font-size:13px!important;
  line-height:1.68!important;
}

/* Seguridad: título contenido dentro del mismo ancho del Home */
body.cbh26-software-page .cbsoft-cyber-v161__grid{
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)!important;
  gap:clamp(42px,5vw,76px)!important;
}

body.cbh26-software-page .cbsoft-cyber-v161__copy{
  max-width:800px!important;
}

body.cbh26-software-page .cbsoft-cyber-v161__copy h2{
  max-width:780px!important;
}

body.cbh26-software-page .cbsoft-cyber-v161__copy>p{
  max-width:700px!important;
  font-size:15px!important;
}

/* Complementarias: equilibrio de columnas */
body.cbh26-software-page .cbsoft-complementary-v161__grid{
  grid-template-columns:minmax(0,1fr) minmax(400px,.78fr)!important;
  gap:clamp(46px,5.5vw,88px)!important;
}

body.cbh26-software-page .cbsoft-complementary-v161__copy{
  max-width:830px!important;
}

body.cbh26-software-page .cbsoft-complementary-v161__copy p{
  max-width:760px!important;
  font-size:15px!important;
}

/* Proxmox y VPS: títulos ajustados y contenido más respirado */
body.cbh26-software-page .cbsoft-scale-v161__grid{
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  gap:16px!important;
}

body.cbh26-software-page .cbsoft-scale-v161__primary{
  padding:40px!important;
}

body.cbh26-software-page .cbsoft-scale-v161__primary h3{
  max-width:650px!important;
  margin:24px 0 16px!important;
  font-size:29px!important;
  line-height:1.14!important;
}

body.cbh26-software-page .cbsoft-scale-v161__primary p{
  font-size:14px!important;
  line-height:1.72!important;
}

body.cbh26-software-page .cbsoft-scale-v161__list article,
body.cbh26-software-page .cbsoft-complementary-v161__list article{
  padding:17px 0!important;
}

body.cbh26-software-page .cbsoft-vps-strip-v161{
  padding:30px!important;
  gap:40px!important;
}

body.cbh26-software-page .cbsoft-vps-strip-v161 h3{
  max-width:760px!important;
  font-size:27px!important;
  line-height:1.18!important;
}

/* Infraestructura con imágenes: textos alineados y no sobredimensionados */
body.cbh26-software-page .cbsoft-infra-card-v160{
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)!important;
}

body.cbh26-software-page .cbsoft-infra-card-v160 div{
  padding:36px!important;
}

body.cbh26-software-page .cbsoft-infra-card-v160 h3{
  font-size:30px!important;
}

body.cbh26-software-page .cbsoft-infra-card-v160 p{
  max-width:680px!important;
  font-size:14px!important;
}

/* CTA final: misma presencia que los CTA del Home */
body.cbh26-software-page .cbsoft-cta-v160__box{
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr)!important;
  padding:clamp(40px,4vw,62px)!important;
}

body.cbh26-software-page .cbsoft-cta-v160__box h2{
  max-width:820px!important;
  font-size:clamp(40px,3.8vw,59px)!important;
  line-height:1.06!important;
}

body.cbh26-software-page .cbsoft-cta-v160__box p{
  max-width:720px!important;
  font-size:15px!important;
}

/* Botones: escala exacta y coherente */
body.cbh26-software-page .cbh26-btn{
  min-height:50px!important;
  padding-left:22px!important;
  padding-right:22px!important;
  gap:11px!important;
  font-size:12px!important;
}

body.cbh26-software-page .cbh26-btn__arrow{
  width:27px!important;
  height:27px!important;
  font-size:13px!important;
}

/* Tablets */
@media(max-width:1180px){
  body.cbh26-software-page .cbh26-shell{
    width:calc(100% - 56px)!important;
  }

  body.cbh26-software-page .cbsoft-hero-v160__grid,
  body.cbh26-software-page .cbsoft-cyber-v161__grid,
  body.cbh26-software-page .cbsoft-complementary-v161__grid,
  body.cbh26-software-page .cbsoft-scale-v161__grid,
  body.cbh26-software-page .cbsoft-infra-card-v160,
  body.cbh26-software-page .cbsoft-cta-v160__box{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-heading-v160{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  body.cbh26-software-page .cbsoft-heading-v160>p{
    justify-self:start!important;
    max-width:760px!important;
  }
}

/* Móvil */
@media(max-width:760px){
  body.cbh26-software-page .cbh26-shell{
    width:calc(100% - 36px)!important;
  }

  body.cbh26-software-page .cbsoft-hero-v160{
    padding-top:118px!important;
    padding-bottom:68px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v160__copy h1{
    max-width:none!important;
    font-size:clamp(43px,12vw,58px)!important;
    line-height:1.02!important;
  }

  body.cbh26-software-page .cbsoft-heading-v160 h2,
  body.cbh26-software-page .cbsoft-cyber-v161__copy h2,
  body.cbh26-software-page .cbsoft-complementary-v161__copy h2,
  body.cbh26-software-page .cbsoft-cta-v160__box h2{
    font-size:clamp(36px,9.5vw,48px)!important;
    line-height:1.08!important;
  }

  body.cbh26-software-page .cbsoft-section-v160{
    padding-top:70px!important;
    padding-bottom:70px!important;
  }

  body.cbh26-software-page .cbsoft-cap-v160,
  body.cbh26-software-page .cbsoft-network-card-v161__body,
  body.cbh26-software-page .cbsoft-scale-v161__primary,
  body.cbh26-software-page .cbsoft-infra-card-v160 div,
  body.cbh26-software-page .cbsoft-cta-v160__box{
    padding:24px!important;
  }
}


/* =========================================================
   v1.6.4 · SOFTWARE SIN CTA FINAL
========================================================= */

/* La última sección conecta directamente con el footer sin dejar un vacío. */
body.cbh26-software-page .cbsoft-main-v160 > section:last-of-type{
  padding-bottom:clamp(76px,6vw,100px)!important;
}

body.cbh26-software-page .cbsoft-main-v160{
  margin-bottom:0!important;
}


/* =========================================================
   v1.6.5 · INFOGRAFÍA VPS NATIVA Y RESPONSIVE
========================================================= */

body.cbh26-software-page .cbsoft-resilience-v165{
  position:relative!important;
  margin-top:34px!important;
  padding:clamp(28px,3vw,46px)!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 33%,rgba(100,204,197,.19),transparent 25%),
    linear-gradient(145deg,#fff,#f2f8f7)!important;
  box-shadow:0 24px 58px rgba(36,75,79,.10)!important;
}

body.cbh26-software-page .cbsoft-resilience-v165::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.42!important;
  background-image:
    linear-gradient(rgba(49,103,103,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.035) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
  pointer-events:none!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__head{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
  gap:40px!important;
  align-items:end!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__head h3{
  max-width:760px!important;
  margin:12px 0 0!important;
  color:#153b40!important;
  font-size:clamp(32px,3vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__head>p{
  max-width:560px!important;
  justify-self:end!important;
  margin:0!important;
  color:#657d81!important;
  font-size:14px!important;
  line-height:1.7!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__core{
  position:relative!important;
  z-index:2!important;
  width:min(100%,480px)!important;
  margin:42px auto 36px!important;
  padding:28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:24px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#163f46,#2e7877)!important;
  box-shadow:0 20px 44px rgba(31,86,89,.24)!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__pulse{
  position:absolute!important;
  inset:-18px!important;
  border:1px solid rgba(100,204,197,.24)!important;
  border-radius:32px!important;
  animation:cbsoft-pulse-v165 2.8s ease-in-out infinite!important;
}

@keyframes cbsoft-pulse-v165{
  0%,100%{transform:scale(.98);opacity:.35}
  50%{transform:scale(1.03);opacity:.9}
}

body.cbh26-software-page .cbsoft-resilience-v165__shield{
  width:72px!important;
  height:72px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#64ccc5,#3d8c89)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 24px rgba(0,0,0,.16)!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__shield svg{
  width:42px!important;
  height:42px!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__core strong{
  margin-top:16px!important;
  font-size:14px!important;
  letter-spacing:.06em!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__core small{
  margin-top:7px!important;
  color:#c1ebe7!important;
  font-size:9px!important;
  letter-spacing:.10em!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__item{
  position:relative!important;
  min-height:170px!important;
  padding:20px!important;
  display:grid!important;
  grid-template-columns:54px 1fr!important;
  gap:16px!important;
  align-items:start!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 14px 30px rgba(33,73,76,.08)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__item::after{
  content:""!important;
  position:absolute!important;
  width:120px!important;
  height:120px!important;
  right:-54px!important;
  bottom:-65px!important;
  border-radius:50%!important;
  background:var(--cb-v165-glow,rgba(100,204,197,.12))!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__item:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(100,204,197,.34)!important;
  box-shadow:0 22px 42px rgba(33,73,76,.14)!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__item>span{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:17px!important;
  color:#fff!important;
  background:var(--cb-v165-gradient,linear-gradient(145deg,#64ccc5,#316767))!important;
  box-shadow:0 10px 21px rgba(49,103,103,.18)!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__item svg{
  width:28px!important;
  height:28px!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__item small{
  color:#45aaa4!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__item h4{
  margin:8px 0 8px!important;
  color:#173d42!important;
  font-size:17px!important;
  line-height:1.2!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__item p{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  color:#6e8588!important;
  font-size:12px!important;
  line-height:1.58!important;
}

body.cbh26-software-page .cbsoft-resilience-v165__item--availability{--cb-v165-gradient:linear-gradient(145deg,#65d5cd,#347f7e);--cb-v165-glow:rgba(101,213,205,.14)}
body.cbh26-software-page .cbsoft-resilience-v165__item--support{--cb-v165-gradient:linear-gradient(145deg,#729cff,#4258ad);--cb-v165-glow:rgba(114,156,255,.13)}
body.cbh26-software-page .cbsoft-resilience-v165__item--scale{--cb-v165-gradient:linear-gradient(145deg,#68c9ff,#3470bb);--cb-v165-glow:rgba(104,201,255,.13)}
body.cbh26-software-page .cbsoft-resilience-v165__item--ha{--cb-v165-gradient:linear-gradient(145deg,#46d790,#198f59);--cb-v165-glow:rgba(70,215,144,.13)}
body.cbh26-software-page .cbsoft-resilience-v165__item--backup{--cb-v165-gradient:linear-gradient(145deg,#5dd7c1,#29847a);--cb-v165-glow:rgba(93,215,193,.13)}
body.cbh26-software-page .cbsoft-resilience-v165__item--privacy{--cb-v165-gradient:linear-gradient(145deg,#9d83f7,#5f49a7);--cb-v165-glow:rgba(157,131,247,.13)}
body.cbh26-software-page .cbsoft-resilience-v165__item--monitor{--cb-v165-gradient:linear-gradient(145deg,#ffb869,#db7244);--cb-v165-glow:rgba(255,184,105,.13)}
body.cbh26-software-page .cbsoft-resilience-v165__item--detect{--cb-v165-gradient:linear-gradient(145deg,#e277f2,#8847a9);--cb-v165-glow:rgba(226,119,242,.13)}
body.cbh26-software-page .cbsoft-resilience-v165__item--firewall{--cb-v165-gradient:linear-gradient(145deg,#ff7f8e,#c84461);--cb-v165-glow:rgba(255,127,142,.13)}

@media(max-width:1050px){
  body.cbh26-software-page .cbsoft-resilience-v165__head{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  body.cbh26-software-page .cbsoft-resilience-v165__head>p{
    justify-self:start!important;
  }
  body.cbh26-software-page .cbsoft-resilience-v165__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  body.cbh26-software-page .cbsoft-resilience-v165{
    padding:22px!important;
  }
  body.cbh26-software-page .cbsoft-resilience-v165__core{
    margin:34px auto 28px!important;
    padding:24px!important;
  }
  body.cbh26-software-page .cbsoft-resilience-v165__grid{
    grid-template-columns:1fr!important;
  }
  body.cbh26-software-page .cbsoft-resilience-v165__item{
    min-height:auto!important;
    padding:17px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.cbh26-software-page .cbsoft-resilience-v165__pulse{
    animation:none!important;
  }
}


/* =========================================================
   v1.6.6 · CENTRO DE CONTROL VPS CREATIVO
========================================================= */

body.cbh26-software-page .cbsoft-resilience-v166{
  position:relative!important;
  margin-top:34px!important;
  padding:clamp(28px,3vw,44px)!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(100,204,197,.20),transparent 22%),
    linear-gradient(145deg,#0f3037,#153d45 60%,#102f36)!important;
  color:#fff!important;
  box-shadow:0 28px 70px rgba(17,57,63,.24)!important;
}

body.cbh26-software-page .cbsoft-resilience-v166::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
  pointer-events:none!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__intro{
  position:relative!important;
  z-index:4!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
  gap:42px!important;
  align-items:end!important;
  margin-bottom:28px!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__intro h3{
  max-width:760px!important;
  margin:12px 0 0!important;
  color:#fff!important;
  font-size:clamp(32px,3vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__intro>p{
  margin:0!important;
  color:#b9ced1!important;
  font-size:14px!important;
  line-height:1.72!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__canvas{
  position:relative!important;
  min-height:760px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(100,204,197,.10),transparent 32%),
    rgba(4,26,31,.38)!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__grid-bg{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(rgba(100,204,197,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,204,197,.035) 1px,transparent 1px)!important;
  background-size:26px 26px!important;
  mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 75%)!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__beam{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:720px!important;
  height:1px!important;
  transform-origin:left center!important;
  background:linear-gradient(90deg,rgba(100,204,197,.55),transparent)!important;
  opacity:.42!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__beam--a{transform:rotate(18deg)!important}
body.cbh26-software-page .cbsoft-resilience-v166__beam--b{transform:rotate(138deg)!important}
body.cbh26-software-page .cbsoft-resilience-v166__beam--c{transform:rotate(258deg)!important}

body.cbh26-software-page .cbsoft-resilience-v166__core{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:250px!important;
  height:250px!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#1a4e56,#286f6f)!important;
  box-shadow:
    0 0 0 16px rgba(100,204,197,.06),
    0 0 0 36px rgba(100,204,197,.035),
    0 28px 60px rgba(0,0,0,.25)!important;
  z-index:3!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__radar{
  position:absolute!important;
  inset:-70px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,rgba(100,204,197,.22),transparent 18%,transparent 100%)!important;
  animation:cbsoft-radar-v166 6s linear infinite!important;
}

@keyframes cbsoft-radar-v166{
  to{transform:rotate(360deg)}
}

body.cbh26-software-page .cbsoft-resilience-v166__core-ring{
  position:absolute!important;
  border:1px solid rgba(100,204,197,.20)!important;
  border-radius:50%!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__core-ring--1{inset:-28px!important}
body.cbh26-software-page .cbsoft-resilience-v166__core-ring--2{inset:-54px!important;opacity:.55!important}

body.cbh26-software-page .cbsoft-resilience-v166__core-icon{
  position:relative!important;
  z-index:2!important;
  width:76px!important;
  height:76px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#64ccc5,#3f918d)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 28px rgba(0,0,0,.18)!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__core-icon svg{
  width:44px!important;
  height:44px!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__core strong{
  position:relative!important;
  z-index:2!important;
  margin-top:16px!important;
  font-size:14px!important;
  letter-spacing:.06em!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__core small{
  position:relative!important;
  z-index:2!important;
  margin-top:6px!important;
  color:#bfeae6!important;
  font-size:9px!important;
  letter-spacing:.1em!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__status{
  position:relative!important;
  z-index:2!important;
  margin-top:16px!important;
  padding:8px 12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;
  color:#d7f6f2!important;
  font-size:9px!important;
  font-weight:700!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__status i{
  display:inline-block!important;
  width:7px!important;
  height:7px!important;
  margin-right:7px!important;
  border-radius:50%!important;
  background:#3be19a!important;
  box-shadow:0 0 0 5px rgba(59,225,154,.10)!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__module{
  position:absolute!important;
  width:250px!important;
  min-height:112px!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:46px 1fr!important;
  gap:13px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  backdrop-filter:blur(13px)!important;
  -webkit-backdrop-filter:blur(13px)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.16)!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease!important;
  z-index:4!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__module:hover{
  transform:translateY(-5px) scale(1.025)!important;
  border-color:rgba(100,204,197,.34)!important;
  background:linear-gradient(145deg,rgba(100,204,197,.16),rgba(255,255,255,.04))!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__module-index{
  position:absolute!important;
  right:12px!important;
  top:10px!important;
  color:#64ccc5!important;
  font-size:9px!important;
  font-weight:800!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__module-icon{
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#64ccc5,#316767)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.16)!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__module-icon svg{
  width:25px!important;
  height:25px!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__module strong{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__module p{
  margin:5px 0 0!important;
  color:#b9ced1!important;
  font-size:11px!important;
  line-height:1.45!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__signal{
  position:absolute!important;
  right:12px!important;
  bottom:10px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(100,204,197,.10)!important;
  color:#8fe1da!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__module--availability{left:28px!important;top:40px!important}
body.cbh26-software-page .cbsoft-resilience-v166__module--support{left:50%!important;top:18px!important;transform:translateX(-50%)!important}
body.cbh26-software-page .cbsoft-resilience-v166__module--scale{right:28px!important;top:40px!important}
body.cbh26-software-page .cbsoft-resilience-v166__module--ha{left:14px!important;top:50%!important;transform:translateY(-50%)!important}
body.cbh26-software-page .cbsoft-resilience-v166__module--privacy{right:14px!important;top:50%!important;transform:translateY(-50%)!important}
body.cbh26-software-page .cbsoft-resilience-v166__module--backup{left:50%!important;bottom:18px!important;transform:translateX(-50%)!important}
body.cbh26-software-page .cbsoft-resilience-v166__module--monitor{left:28px!important;bottom:40px!important}
body.cbh26-software-page .cbsoft-resilience-v166__module--detect{right:28px!important;bottom:40px!important}
body.cbh26-software-page .cbsoft-resilience-v166__module--firewall{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;opacity:0!important;pointer-events:none!important}

body.cbh26-software-page .cbsoft-resilience-v166__footer{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:18px!important;
  margin-top:22px!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__footer span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#b6cbce!important;
  font-size:10px!important;
  font-weight:700!important;
}

body.cbh26-software-page .cbsoft-resilience-v166__footer i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
  box-shadow:0 0 0 5px rgba(100,204,197,.10)!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-resilience-v166__intro{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  body.cbh26-software-page .cbsoft-resilience-v166__canvas{
    min-height:auto!important;
    padding:24px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  body.cbh26-software-page .cbsoft-resilience-v166__grid-bg,
  body.cbh26-software-page .cbsoft-resilience-v166__beam,
  body.cbh26-software-page .cbsoft-resilience-v166__core{
    display:none!important;
  }

  body.cbh26-software-page .cbsoft-resilience-v166__module{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    min-height:112px!important;
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

@media(max-width:680px){
  body.cbh26-software-page .cbsoft-resilience-v166{
    padding:22px!important;
  }

  body.cbh26-software-page .cbsoft-resilience-v166__canvas{
    grid-template-columns:1fr!important;
    padding:17px!important;
  }

  body.cbh26-software-page .cbsoft-resilience-v166__module{
    min-height:auto!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.cbh26-software-page .cbsoft-resilience-v166__radar{
    animation:none!important;
  }
}


/* =========================================================
   v1.6.7 · SHOWCASE VISUAL PREMIUM DE INFRAESTRUCTURA
========================================================= */

body.cbh26-software-page .cbsoft-security-showcase-v167{
  position:relative!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(100,204,197,.16)!important;
  border-radius:28px!important;
  background:#0b2830!important;
  box-shadow:
    0 30px 72px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.cbh26-software-page .cbsoft-security-showcase-v167::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(4,23,29,.03),rgba(4,23,29,.16)),
    radial-gradient(circle at 50% 30%,transparent 50%,rgba(4,23,29,.18) 100%)!important;
}

body.cbh26-software-page .cbsoft-security-showcase-v167 picture{
  display:block!important;
}

body.cbh26-software-page .cbsoft-security-showcase-v167 img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:cover!important;
  filter:saturate(1.04) contrast(1.02)!important;
  transition:transform .55s ease,filter .55s ease!important;
}

body.cbh26-software-page .cbsoft-security-showcase-v167:hover img{
  transform:scale(1.012)!important;
  filter:saturate(1.10) contrast(1.04)!important;
}

body.cbh26-software-page .cbsoft-security-showcase-v167__caption{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  margin:0!important;
  background:rgba(100,204,197,.12)!important;
}

body.cbh26-software-page .cbsoft-security-showcase-v167__caption article{
  min-height:155px!important;
  padding:26px!important;
  background:linear-gradient(145deg,#12363e,#173f47)!important;
}

body.cbh26-software-page .cbsoft-security-showcase-v167__caption span{
  color:#64ccc5!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

body.cbh26-software-page .cbsoft-security-showcase-v167__caption strong{
  display:block!important;
  margin:10px 0 9px!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.15!important;
}

body.cbh26-software-page .cbsoft-security-showcase-v167__caption p{
  margin:0!important;
  color:#b9ced1!important;
  font-size:12px!important;
  line-height:1.58!important;
}

@media(max-width:900px){
  body.cbh26-software-page .cbsoft-security-showcase-v167__caption{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-security-showcase-v167__caption article{
    min-height:auto!important;
  }
}

@media(max-width:620px){
  body.cbh26-software-page .cbsoft-security-showcase-v167{
    border-radius:22px!important;
  }

  body.cbh26-software-page .cbsoft-security-showcase-v167__caption article{
    padding:22px!important;
  }

  body.cbh26-software-page .cbsoft-security-showcase-v167__caption strong{
    font-size:20px!important;
  }
}


/* =========================================================
   v1.6.8 · SEGURIDAD CON CONTENIDO HTML E IMÁGENES LIMPIAS
========================================================= */

body.cbh26-software-page .cbsoft-security-layout-v168{
  display:grid!important;
  gap:22px!important;
}

body.cbh26-software-page .cbsoft-security-row-v168{
  display:grid!important;
  grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr)!important;
  min-height:470px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  box-shadow:0 20px 46px rgba(0,0,0,.17)!important;
}

body.cbh26-software-page .cbsoft-security-row-v168--reverse{
  grid-template-columns:minmax(430px,.97fr) minmax(0,1.03fr)!important;
}

body.cbh26-software-page .cbsoft-security-row-v168--reverse .cbsoft-security-row-v168__content{
  order:2!important;
}

body.cbh26-software-page .cbsoft-security-row-v168--reverse .cbsoft-security-row-v168__visual{
  order:1!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__content{
  padding:clamp(34px,4vw,58px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__content h3{
  margin:13px 0 15px!important;
  color:#fff!important;
  font-size:clamp(34px,3vw,49px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__content>p{
  max-width:720px!important;
  margin:0!important;
  color:#bfd1d4!important;
  font-size:15px!important;
  line-height:1.75!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__features{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
  margin-top:30px!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__features>span{
  min-height:150px!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.055)!important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__features>span:hover{
  transform:translateY(-4px)!important;
  background:rgba(100,204,197,.10)!important;
  border-color:rgba(100,204,197,.24)!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__features i{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:20px!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#64ccc5,#3b8584)!important;
  color:#fff!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:800!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__features strong{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.25!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__features small{
  display:block!important;
  margin-top:8px!important;
  color:#aebfc2!important;
  font-size:10px!important;
  line-height:1.55!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__visual{
  position:relative!important;
  min-height:470px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#0b2931!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__visual picture,
body.cbh26-software-page .cbsoft-security-row-v168__visual img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__visual img{
  object-fit:cover!important;
  filter:saturate(1.05) contrast(1.04)!important;
  transition:transform .55s ease,filter .55s ease!important;
}

body.cbh26-software-page .cbsoft-security-row-v168:hover .cbsoft-security-row-v168__visual img{
  transform:scale(1.035)!important;
  filter:saturate(1.10) contrast(1.06)!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__visual::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(12,42,49,.22),transparent 45%),
    linear-gradient(180deg,transparent 58%,rgba(4,25,31,.72))!important;
  pointer-events:none!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__visual figcaption{
  position:absolute!important;
  left:25px!important;
  right:25px!important;
  bottom:22px!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:14px 17px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:15px!important;
  background:rgba(8,34,41,.78)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__visual figcaption span{
  color:#64ccc5!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
}

body.cbh26-software-page .cbsoft-security-row-v168__visual figcaption strong{
  color:#fff!important;
  font-size:12px!important;
  text-align:right!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-security-row-v168,
  body.cbh26-software-page .cbsoft-security-row-v168--reverse{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-security-row-v168--reverse .cbsoft-security-row-v168__content,
  body.cbh26-software-page .cbsoft-security-row-v168--reverse .cbsoft-security-row-v168__visual{
    order:initial!important;
  }

  body.cbh26-software-page .cbsoft-security-row-v168__visual{
    min-height:390px!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-security-row-v168{
    border-radius:22px!important;
  }

  body.cbh26-software-page .cbsoft-security-row-v168__content{
    padding:26px!important;
  }

  body.cbh26-software-page .cbsoft-security-row-v168__features{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-security-row-v168__features>span{
    min-height:auto!important;
  }

  body.cbh26-software-page .cbsoft-security-row-v168__visual{
    min-height:300px!important;
  }

  body.cbh26-software-page .cbsoft-security-row-v168__visual figcaption{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  body.cbh26-software-page .cbsoft-security-row-v168__visual figcaption strong{
    text-align:left!important;
  }
}


/* =========================================================
   v1.7.0 · ELIMINACIÓN DE DOS SECCIONES EN SOFTWARE
========================================================= */

body.cbh26-software-page .cbsoft-main-v160{
  margin-bottom:0!important;
}


/* =========================================================
   v1.7.1 · PROXMOX LIMPIO Y CONTENIDO CREATIVO
========================================================= */

body.cbh26-software-page .cbsoft-platform-v171{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  gap:22px!important;
  align-items:stretch!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual{
  position:relative!important;
  min-height:650px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:26px!important;
  background:#0d2930!important;
  box-shadow:0 22px 54px rgba(33,73,76,.12)!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual picture,
body.cbh26-software-page .cbsoft-platform-v171__visual img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual img{
  object-fit:cover!important;
  filter:saturate(1.04) contrast(1.04)!important;
  transition:transform .5s ease,filter .5s ease!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual:hover img{
  transform:scale(1.025)!important;
  filter:saturate(1.08) contrast(1.06)!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent 62%,rgba(4,25,31,.78))!important;
  pointer-events:none!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual figcaption{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:22px!important;
  z-index:2!important;
  padding:15px 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:15px!important;
  background:rgba(7,34,41,.78)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual figcaption span{
  color:#64ccc5!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual figcaption strong{
  color:#fff!important;
  font-size:12px!important;
  text-align:right!important;
}

body.cbh26-software-page .cbsoft-platform-v171__content{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}

body.cbh26-software-page .cbsoft-platform-v171__intro{
  padding:28px!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#f9fcfb,#eef6f4)!important;
}

body.cbh26-software-page .cbsoft-platform-v171__intro h3{
  margin:12px 0 13px!important;
  color:#173d42!important;
  font-size:clamp(28px,2.7vw,40px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

body.cbh26-software-page .cbsoft-platform-v171__intro p{
  margin:0!important;
  color:#657d81!important;
  font-size:14px!important;
  line-height:1.7!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features{
  display:grid!important;
  gap:11px!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features article{
  min-height:104px!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:50px 1fr!important;
  gap:15px!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(33,73,76,.06)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features article:hover{
  transform:translateX(5px)!important;
  border-color:rgba(100,204,197,.32)!important;
  box-shadow:0 17px 34px rgba(33,73,76,.11)!important;
}

body.cbh26-software-page .cbsoft-platform-v171__icon{
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#64ccc5,#316767)!important;
  box-shadow:0 10px 20px rgba(49,103,103,.16)!important;
}

body.cbh26-software-page .cbsoft-platform-v171__icon svg{
  width:26px!important;
  height:26px!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features small{
  color:#45aaa4!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features strong{
  display:block!important;
  margin-top:4px!important;
  color:#173d42!important;
  font-size:15px!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features p{
  margin:6px 0 0!important;
  color:#74898c!important;
  font-size:11px!important;
  line-height:1.5!important;
}

@media(max-width:1100px){
  body.cbh26-software-page .cbsoft-platform-v171{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v171__visual{
    min-height:520px!important;
  }
}

@media(max-width:680px){
  body.cbh26-software-page .cbsoft-platform-v171__visual{
    min-height:360px!important;
  }

  body.cbh26-software-page .cbsoft-platform-v171__visual figcaption{
    left:15px!important;
    right:15px!important;
    bottom:15px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  body.cbh26-software-page .cbsoft-platform-v171__visual figcaption strong{
    text-align:left!important;
  }

  body.cbh26-software-page .cbsoft-platform-v171__intro{
    padding:22px!important;
  }
}


/* =========================================================
   v1.7.3 · AJUSTE DE PROPORCIÓN Y CONTENIDO PROXMOX
========================================================= */

body.cbh26-software-page .cbsoft-platform-v171{
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important;
  gap:26px!important;
  align-items:stretch!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual{
  min-height:560px!important;
  max-height:620px!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual img{
  object-fit:contain!important;
  object-position:center!important;
  padding:18px!important;
  background:#fff!important;
}

body.cbh26-software-page .cbsoft-platform-v171__visual::after{
  background:linear-gradient(180deg,transparent 72%,rgba(4,25,31,.68))!important;
}

body.cbh26-software-page .cbsoft-platform-v171__content{
  gap:14px!important;
}

body.cbh26-software-page .cbsoft-platform-v171__intro{
  padding:30px!important;
}

body.cbh26-software-page .cbsoft-platform-v171__intro h3{
  max-width:760px!important;
  font-size:clamp(30px,2.8vw,43px)!important;
}

body.cbh26-software-page .cbsoft-platform-v171__intro p{
  max-width:760px!important;
}

body.cbh26-software-page .cbsoft-platform-v173__metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:24px!important;
}

body.cbh26-software-page .cbsoft-platform-v173__metrics span{
  min-height:88px!important;
  padding:14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:14px!important;
  background:#fff!important;
}

body.cbh26-software-page .cbsoft-platform-v173__metrics strong{
  color:#245a5f!important;
  font-size:18px!important;
  line-height:1!important;
}

body.cbh26-software-page .cbsoft-platform-v173__metrics small{
  margin-top:8px!important;
  color:#768b8e!important;
  font-size:10px!important;
  line-height:1.35!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features article{
  min-height:132px!important;
  padding:18px!important;
  align-items:flex-start!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features article:last-child{
  grid-column:1 / -1!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features strong{
  font-size:14px!important;
}

body.cbh26-software-page .cbsoft-platform-v171__features p{
  font-size:11px!important;
  line-height:1.55!important;
}

@media(max-width:1200px){
  body.cbh26-software-page .cbsoft-platform-v171{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v171__visual{
    min-height:460px!important;
    max-height:none!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-platform-v173__metrics,
  body.cbh26-software-page .cbsoft-platform-v171__features{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v171__features article:last-child{
    grid-column:auto!important;
  }

  body.cbh26-software-page .cbsoft-platform-v171__visual{
    min-height:300px!important;
  }

  body.cbh26-software-page .cbsoft-platform-v171__visual img{
    padding:10px!important;
  }
}


/* =========================================================
   v1.7.4 · PROXMOX PREMIUM Y EQUILIBRADO
========================================================= */

body.cbh26-software-page .cbsoft-platform-v174{
  display:grid!important;
  grid-template-columns:minmax(0,1.06fr) minmax(460px,.94fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual{
  position:relative!important;
  min-height:640px!important;
  margin:0!important;
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,#ffffff,#f4f8f7)!important;
  box-shadow:0 24px 54px rgba(33,73,76,.11)!important;
  overflow:hidden!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual::before{
  content:""!important;
  position:absolute!important;
  inset:-60px auto auto -60px!important;
  width:210px!important;
  height:210px!important;
  border-radius:50%!important;
  background:rgba(235,104,0,.08)!important;
  filter:blur(2px)!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame{
  position:relative!important;
  z-index:2!important;
  flex:1!important;
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:22px!important;
  background:#fff!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame picture,
body.cbh26-software-page .cbsoft-platform-v174__frame img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame img{
  object-fit:contain!important;
  object-position:center!important;
  padding:12px!important;
  transition:transform .45s ease!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual:hover img{
  transform:scale(1.018)!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual figcaption{
  position:relative!important;
  z-index:2!important;
  margin-top:14px!important;
  padding:15px 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  border-radius:16px!important;
  background:#173f46!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual figcaption div{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual figcaption span{
  color:#f07800!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual figcaption strong{
  color:#fff!important;
  font-size:12px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual figcaption i{
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
  box-shadow:0 0 0 7px rgba(100,204,197,.12)!important;
}

body.cbh26-software-page .cbsoft-platform-v174__content{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro{
  padding:30px!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#f9fcfb,#eef6f4)!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro h3{
  max-width:760px!important;
  margin:12px 0 13px!important;
  color:#173d42!important;
  font-size:clamp(30px,2.7vw,42px)!important;
  line-height:1.08!important;
  letter-spacing:-.038em!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro p{
  margin:0!important;
  color:#657d81!important;
  font-size:14px!important;
  line-height:1.7!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary span{
  min-height:84px!important;
  padding:14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(33,73,76,.05)!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary strong{
  color:#f07800!important;
  font-size:18px!important;
  line-height:1!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary small{
  margin-top:8px!important;
  color:#73888b!important;
  font-size:10px!important;
  line-height:1.35!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features article{
  min-height:135px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  gap:14px!important;
  align-items:start!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(33,73,76,.06)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features article:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(240,120,0,.28)!important;
  box-shadow:0 18px 36px rgba(33,73,76,.11)!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features article:last-child{
  grid-column:1 / -1!important;
}

body.cbh26-software-page .cbsoft-platform-v174__icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#64ccc5,#316767)!important;
  box-shadow:0 10px 20px rgba(49,103,103,.16)!important;
}

body.cbh26-software-page .cbsoft-platform-v174__icon svg{
  width:25px!important;
  height:25px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features small{
  color:#f07800!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features strong{
  display:block!important;
  margin-top:4px!important;
  color:#173d42!important;
  font-size:14px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features p{
  margin:6px 0 0!important;
  color:#758a8d!important;
  font-size:11px!important;
  line-height:1.5!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-platform-v174{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__visual{
    min-height:520px!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-platform-v174__summary,
  body.cbh26-software-page .cbsoft-platform-v174__features{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__features article:last-child{
    grid-column:auto!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__visual{
    min-height:360px!important;
    padding:12px!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__visual figcaption{
    align-items:flex-start!important;
  }
}


/* =========================================================
   v1.7.5 · IMAGEN PROXMOX AJUSTADA AL CONTENEDOR
========================================================= */

body.cbh26-software-page .cbsoft-platform-v174__frame{
  padding:0!important;
  background:#fff!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame picture{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame img{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual{
  min-height:640px!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-platform-v174__visual{
    min-height:520px!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-platform-v174__visual{
    min-height:360px!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__frame img{
    object-fit:contain!important;
    background:#fff!important;
  }
}


/* =========================================================
   v1.7.6 · PROXMOX CENTRADO Y PROPORCIONADO
========================================================= */

body.cbh26-software-page .cbsoft-platform-v174{
  align-items:start!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual{
  min-height:0!important;
  height:auto!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame{
  width:100%!important;
  height:auto!important;
  aspect-ratio:20 / 13!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame picture{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:0!important;
  margin:0 auto!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual figcaption{
  margin-top:12px!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-platform-v174__frame{
    aspect-ratio:20 / 13!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-platform-v174__frame{
    aspect-ratio:16 / 11!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__frame img{
    object-fit:contain!important;
    object-position:center center!important;
  }
}


/* =========================================================
   v1.7.7 · PROXMOX ORGÁNICO CON NUEVA IMAGEN
========================================================= */

body.cbh26-software-page .cbsoft-platform-v174{
  grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr)!important;
  gap:24px!important;
  align-items:start!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual{
  min-height:0!important;
  height:auto!important;
  padding:16px!important;
  background:linear-gradient(145deg,#ffffff,#f5f9f8)!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame{
  width:100%!important;
  aspect-ratio:16 / 10!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#fff!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame picture{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-platform-v174__frame img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}

body.cbh26-software-page .cbsoft-platform-v174__visual figcaption{
  margin-top:12px!important;
  padding:14px 16px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__content{
  align-self:start!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-platform-v174{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__frame{
    aspect-ratio:16 / 10!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-platform-v174__visual{
    padding:10px!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__frame{
    aspect-ratio:16 / 10!important;
    border-radius:16px!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__frame img{
    object-fit:contain!important;
    object-position:center center!important;
  }
}


/* =========================================================
   v1.7.8 · PROXMOX PANEL DERECHO MÁS COMPACTO Y UNIFORME
========================================================= */

body.cbh26-software-page .cbsoft-platform-v174{
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;
  gap:28px!important;
  align-items:start!important;
}

body.cbh26-software-page .cbsoft-platform-v174__content{
  gap:12px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro{
  padding:24px!important;
  border-radius:20px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro h3{
  margin:10px 0 10px!important;
  font-size:clamp(26px,2.2vw,36px)!important;
  line-height:1.08!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro p{
  font-size:13px!important;
  line-height:1.6!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary{
  gap:8px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary span{
  min-height:68px!important;
  padding:11px 12px!important;
  border-radius:13px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary strong{
  font-size:15px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary small{
  margin-top:5px!important;
  font-size:9px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features{
  grid-template-columns:1fr!important;
  gap:9px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features article{
  min-height:92px!important;
  padding:14px!important;
  grid-template-columns:42px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  border-radius:15px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features article:last-child{
  grid-column:auto!important;
}

body.cbh26-software-page .cbsoft-platform-v174__icon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__icon svg{
  width:22px!important;
  height:22px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features small{
  font-size:8px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features strong{
  margin-top:3px!important;
  font-size:13px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features p{
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.42!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-platform-v174{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__summary{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__features{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-platform-v174__summary,
  body.cbh26-software-page .cbsoft-platform-v174__features{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__intro{
    padding:20px!important;
  }
}


/* =========================================================
   v1.7.9 · PROXMOX PANEL DERECHO EXTRA COMPACTO
========================================================= */

body.cbh26-software-page .cbsoft-platform-v174{
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;
  gap:30px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__content{
  gap:10px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro{
  padding:20px!important;
  border-radius:18px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro h3{
  margin:8px 0 8px!important;
  font-size:clamp(23px,1.9vw,31px)!important;
  line-height:1.08!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro p{
  font-size:12px!important;
  line-height:1.55!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary span{
  min-height:56px!important;
  padding:9px 10px!important;
  border-radius:11px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary strong{
  font-size:13px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary small{
  margin-top:4px!important;
  font-size:8px!important;
  line-height:1.25!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features{
  grid-template-columns:1fr!important;
  gap:7px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features article{
  min-height:74px!important;
  padding:11px 12px!important;
  grid-template-columns:36px 1fr!important;
  gap:10px!important;
  border-radius:13px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__icon{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__icon svg{
  width:19px!important;
  height:19px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features small{
  font-size:7px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features strong{
  margin-top:2px!important;
  font-size:12px!important;
  line-height:1.2!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features p{
  margin-top:3px!important;
  font-size:9px!important;
  line-height:1.35!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-platform-v174{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__summary{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__features{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-platform-v174__summary,
  body.cbh26-software-page .cbsoft-platform-v174__features{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__intro{
    padding:18px!important;
  }
}


/* =========================================================
   v1.8.0 · PROXMOX PANEL DERECHO LIGERAMENTE MÁS PEQUEÑO
========================================================= */

body.cbh26-software-page .cbsoft-platform-v174{
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
  gap:32px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__content{
  gap:8px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro{
  padding:17px!important;
  border-radius:16px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro h3{
  margin:7px 0!important;
  font-size:clamp(21px,1.7vw,28px)!important;
  line-height:1.07!important;
}

body.cbh26-software-page .cbsoft-platform-v174__intro p{
  font-size:11px!important;
  line-height:1.48!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary{
  gap:6px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary span{
  min-height:50px!important;
  padding:8px 9px!important;
  border-radius:10px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary strong{
  font-size:12px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__summary small{
  margin-top:3px!important;
  font-size:7px!important;
  line-height:1.2!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features{
  gap:6px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features article{
  min-height:66px!important;
  padding:9px 10px!important;
  grid-template-columns:32px 1fr!important;
  gap:9px!important;
  border-radius:12px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__icon{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__icon svg{
  width:17px!important;
  height:17px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features small{
  font-size:6px!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features strong{
  margin-top:1px!important;
  font-size:11px!important;
  line-height:1.15!important;
}

body.cbh26-software-page .cbsoft-platform-v174__features p{
  margin-top:2px!important;
  font-size:8px!important;
  line-height:1.3!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-platform-v174{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__summary{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__features{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-platform-v174__summary,
  body.cbh26-software-page .cbsoft-platform-v174__features{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-platform-v174__intro{
    padding:16px!important;
  }
}


/* =========================================================
   v1.8.1 · PROXMOX Y VPS REDISEÑADOS
========================================================= */

body.cbh26-software-page .cbsoft-scale-v181{
  background:#eaf5f2!important;
}

body.cbh26-software-page .cbsoft-scale-v181__grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}

body.cbh26-software-page .cbsoft-scale-v181__hero{
  position:relative!important;
  min-height:560px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 72% 50%,rgba(100,204,197,.12),transparent 28%),
    linear-gradient(145deg,#0f333a,#153f47)!important;
  box-shadow:0 24px 55px rgba(22,63,70,.20)!important;
}

body.cbh26-software-page .cbsoft-scale-v181__copy{
  position:relative!important;
  z-index:2!important;
  padding:clamp(34px,4vw,58px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

body.cbh26-software-page .cbsoft-scale-v181__tag{
  align-self:flex-start!important;
  padding:9px 12px!important;
  border:1px solid rgba(100,204,197,.30)!important;
  border-radius:999px!important;
  color:#d8f5f1!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}

body.cbh26-software-page .cbsoft-scale-v181__copy h3{
  margin:26px 0 18px!important;
  color:#fff!important;
  font-size:clamp(32px,3.2vw,50px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}

body.cbh26-software-page .cbsoft-scale-v181__copy h3 em{
  color:#64ccc5!important;
  font-style:normal!important;
}

body.cbh26-software-page .cbsoft-scale-v181__copy p{
  max-width:650px!important;
  margin:0 0 28px!important;
  color:#c3d6d8!important;
  font-size:14px!important;
  line-height:1.75!important;
}

body.cbh26-software-page .cbsoft-scale-v181__visual{
  position:relative!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
}

body.cbh26-software-page .cbsoft-scale-v181__visual picture,
body.cbh26-software-page .cbsoft-scale-v181__visual img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-scale-v181__visual img{
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.28))!important;
  transition:transform .45s ease!important;
}

body.cbh26-software-page .cbsoft-scale-v181__hero:hover img{
  transform:translateY(-5px) scale(1.02)!important;
}

body.cbh26-software-page .cbsoft-scale-v181__features{
  padding:18px 30px!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 20px 44px rgba(33,73,76,.08)!important;
}

body.cbh26-software-page .cbsoft-scale-v181__features article{
  min-height:72px!important;
  padding:12px 0!important;
  display:grid!important;
  grid-template-columns:34px 42px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(49,103,103,.10)!important;
}

body.cbh26-software-page .cbsoft-scale-v181__features article:last-child{
  border-bottom:0!important;
}

body.cbh26-software-page .cbsoft-scale-v181__number{
  color:#2dbba7!important;
  font-size:13px!important;
  font-weight:800!important;
}

body.cbh26-software-page .cbsoft-scale-v181__icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#17464d!important;
  background:#edf6f4!important;
}

body.cbh26-software-page .cbsoft-scale-v181__icon svg{
  width:22px!important;
  height:22px!important;
}

body.cbh26-software-page .cbsoft-scale-v181__features strong{
  display:block!important;
  color:#183d42!important;
  font-size:14px!important;
}

body.cbh26-software-page .cbsoft-scale-v181__features p{
  margin:5px 0 0!important;
  color:#768b8e!important;
  font-size:10px!important;
  line-height:1.45!important;
}

body.cbh26-software-page .cbsoft-vps-v181{
  margin-top:18px!important;
  min-height:300px!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1.1fr) minmax(360px,.9fr)!important;
  gap:32px!important;
  align-items:center!important;
  padding:28px 32px!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 20px 44px rgba(33,73,76,.07)!important;
}

body.cbh26-software-page .cbsoft-vps-v181__visual{
  width:100%!important;
  margin:0!important;
}

body.cbh26-software-page .cbsoft-vps-v181__visual picture,
body.cbh26-software-page .cbsoft-vps-v181__visual img{
  width:100%!important;
  height:auto!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-vps-v181__copy h3{
  max-width:700px!important;
  margin:12px 0!important;
  color:#183d42!important;
  font-size:clamp(28px,2.7vw,40px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

body.cbh26-software-page .cbsoft-vps-v181__copy p{
  margin:0!important;
  color:#667e82!important;
  font-size:14px!important;
  line-height:1.7!important;
}

body.cbh26-software-page .cbsoft-vps-v181__metrics{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

body.cbh26-software-page .cbsoft-vps-v181__metrics span{
  min-height:105px!important;
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#eff7f5,#e9f3f1)!important;
}

body.cbh26-software-page .cbsoft-vps-v181__metrics i{
  color:#1b555b!important;
  font-size:20px!important;
  font-style:normal!important;
  font-weight:800!important;
}

body.cbh26-software-page .cbsoft-vps-v181__metrics strong{
  margin-top:8px!important;
  color:#6b8084!important;
  font-size:11px!important;
  font-weight:600!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-scale-v181__grid,
  body.cbh26-software-page .cbsoft-vps-v181{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-scale-v181__hero{
    min-height:auto!important;
  }

  body.cbh26-software-page .cbsoft-scale-v181__visual{
    min-height:320px!important;
  }

  body.cbh26-software-page .cbsoft-vps-v181__visual{
    max-width:260px!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-scale-v181__hero{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-scale-v181__copy{
    padding:26px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v181__visual{
    min-height:260px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v181__features{
    padding:14px 20px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v181__features article{
    grid-template-columns:28px 38px 1fr!important;
  }

  body.cbh26-software-page .cbsoft-vps-v181{
    padding:24px!important;
  }

  body.cbh26-software-page .cbsoft-vps-v181__metrics{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   v1.8.2 · PROXMOX Y VPS CORREGIDOS SEGÚN DISEÑO APROBADO
========================================================= */

body.cbh26-software-page .cbsoft-scale-v182{
  background:#eaf5f2!important;
}

body.cbh26-software-page .cbsoft-scale-v182__top{
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}

body.cbh26-software-page .cbsoft-scale-v182__hero{
  min-height:590px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 72% 46%,rgba(100,204,197,.14),transparent 26%),
    linear-gradient(145deg,#0d3037,#143e46)!important;
  box-shadow:0 24px 58px rgba(18,59,66,.20)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy{
  z-index:2!important;
  padding:clamp(36px,4vw,58px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

body.cbh26-software-page .cbsoft-scale-v182__tag{
  align-self:flex-start!important;
  padding:9px 13px!important;
  border:1px solid rgba(100,204,197,.34)!important;
  border-radius:999px!important;
  color:#d9f7f3!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy h3{
  margin:26px 0 18px!important;
  color:#fff!important;
  font-size:clamp(34px,3.25vw,52px)!important;
  line-height:1.04!important;
  letter-spacing:-.048em!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy h3 em{
  color:#64ccc5!important;
  font-style:normal!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy p{
  margin:0 0 28px!important;
  color:#c4d8da!important;
  font-size:14px!important;
  line-height:1.72!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual{
  margin:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual picture,
body.cbh26-software-page .cbsoft-scale-v182__visual img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual img{
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.28))!important;
  transform:scale(1.03)!important;
  transition:transform .4s ease!important;
}

body.cbh26-software-page .cbsoft-scale-v182__hero:hover img{
  transform:translateY(-5px) scale(1.06)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features{
  padding:16px 28px!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 20px 45px rgba(33,73,76,.08)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features article{
  min-height:74px!important;
  padding:12px 0!important;
  display:grid!important;
  grid-template-columns:34px 42px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(49,103,103,.10)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features article:last-child{
  border-bottom:0!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features .n{
  color:#2dbba7!important;
  font-size:13px!important;
  font-weight:800!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features .i{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#17464d!important;
  background:#edf6f4!important;
  font-size:19px!important;
  font-weight:700!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features strong{
  display:block!important;
  color:#183d42!important;
  font-size:14px!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features p{
  margin:5px 0 0!important;
  color:#758a8d!important;
  font-size:10px!important;
  line-height:1.45!important;
}

body.cbh26-software-page .cbsoft-vps-v182{
  margin-top:18px!important;
  min-height:300px!important;
  display:grid!important;
  grid-template-columns:230px minmax(0,1.1fr) minmax(370px,.9fr)!important;
  gap:32px!important;
  align-items:center!important;
  padding:30px 34px!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 20px 44px rgba(33,73,76,.07)!important;
}

body.cbh26-software-page .cbsoft-vps-v182__visual{
  margin:0!important;
}

body.cbh26-software-page .cbsoft-vps-v182__visual picture,
body.cbh26-software-page .cbsoft-vps-v182__visual img{
  width:100%!important;
  height:auto!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-vps-v182__copy h3{
  margin:12px 0!important;
  color:#183d42!important;
  font-size:clamp(28px,2.65vw,39px)!important;
  line-height:1.08!important;
  letter-spacing:-.036em!important;
}

body.cbh26-software-page .cbsoft-vps-v182__copy p{
  margin:0!important;
  color:#657d81!important;
  font-size:14px!important;
  line-height:1.68!important;
}

body.cbh26-software-page .cbsoft-vps-v182__metrics{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

body.cbh26-software-page .cbsoft-vps-v182__metrics article{
  min-height:108px!important;
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#f0f7f5,#e8f3f0)!important;
  box-shadow:inset 5px 0 0 rgba(100,204,197,.26)!important;
}

body.cbh26-software-page .cbsoft-vps-v182__metrics span{
  color:#1b555b!important;
  font-size:20px!important;
  font-weight:800!important;
}

body.cbh26-software-page .cbsoft-vps-v182__metrics strong{
  margin-top:8px!important;
  color:#6a8084!important;
  font-size:11px!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-scale-v182__top,
  body.cbh26-software-page .cbsoft-vps-v182{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__hero{
    min-height:auto!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual{
    min-height:330px!important;
  }

  body.cbh26-software-page .cbsoft-vps-v182__visual{
    max-width:260px!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-scale-v182__hero{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__copy{
    padding:26px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__features{
    padding:14px 20px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__features article{
    grid-template-columns:28px 38px 1fr!important;
  }

  body.cbh26-software-page .cbsoft-vps-v182{
    padding:24px!important;
  }

  body.cbh26-software-page .cbsoft-vps-v182__metrics{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   v1.8.3 · PROXMOX MÁS ELEGANTE Y PROPORCIONADO
========================================================= */

body.cbh26-software-page .cbsoft-scale-v182__top{
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}

body.cbh26-software-page .cbsoft-scale-v182__hero{
  min-height:560px!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy{
  padding:clamp(34px,3.6vw,52px)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy h3{
  max-width:620px!important;
  margin:22px 0 16px!important;
  font-size:clamp(31px,2.75vw,44px)!important;
  line-height:1.02!important;
  letter-spacing:-.042em!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy h3 em{
  display:inline!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy p{
  max-width:560px!important;
  margin-bottom:24px!important;
  font-size:13px!important;
  line-height:1.68!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual{
  align-items:center!important;
  padding:24px 20px 24px 0!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual img{
  max-width:100%!important;
  max-height:500px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

body.cbh26-software-page .cbsoft-scale-v182__hero:hover img{
  transform:translateY(-4px) scale(1.015)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features{
  padding:18px 26px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features article{
  min-height:66px!important;
  padding:10px 0!important;
  grid-template-columns:30px 38px 1fr!important;
  gap:11px!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features .n{
  font-size:12px!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features .i{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  font-size:17px!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features strong{
  font-size:13px!important;
}

body.cbh26-software-page .cbsoft-scale-v182__features p{
  margin-top:4px!important;
  font-size:9px!important;
  line-height:1.4!important;
}

/* Botón más proporcionado al bloque */
body.cbh26-software-page .cbsoft-scale-v182__copy .cbh26-btn{
  min-height:46px!important;
  width:max-content!important;
  padding:0 18px!important;
  font-size:11px!important;
}

/* Tablet */
@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-scale-v182__top{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__hero{
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__features{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 18px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__features article{
    border-bottom:1px solid rgba(49,103,103,.10)!important;
  }
}

/* Móvil */
@media(max-width:760px){
  body.cbh26-software-page .cbsoft-scale-v182__hero{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__copy{
    padding:26px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__copy h3{
    max-width:none!important;
    font-size:clamp(31px,9vw,42px)!important;
    line-height:1.04!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual{
    min-height:280px!important;
    padding:0 20px 24px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual img{
    max-height:300px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__features{
    display:block!important;
  }
}


/* =========================================================
   v1.8.4 · IMAGEN PROXMOX HERO PREMIUM
========================================================= */

body.cbh26-software-page .cbsoft-scale-v182__visual{
  position:relative!important;
  padding:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(100,204,197,.12),transparent 42%),
    linear-gradient(145deg,#0b2b32,#123941)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual picture,
body.cbh26-software-page .cbsoft-scale-v182__visual img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual img{
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(1.04) contrast(1.03)!important;
  transform:none!important;
}

body.cbh26-software-page .cbsoft-scale-v182__hero:hover img{
  transform:scale(1.015)!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-scale-v182__visual{
    min-height:360px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual img{
    object-fit:cover!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-scale-v182__visual{
    min-height:300px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual img{
    object-fit:cover!important;
    object-position:center center!important;
  }
}


/* =========================================================
   v1.8.5 · PROXMOX SIN TEXTO DUPLICADO EN LA IMAGEN
========================================================= */

body.cbh26-software-page .cbsoft-scale-v182__hero{
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;
  min-height:560px!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy{
  position:relative!important;
  z-index:2!important;
  padding:clamp(34px,3.8vw,54px)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual{
  position:relative!important;
  min-width:0!important;
  padding:24px 24px 24px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(100,204,197,.15),transparent 42%),
    linear-gradient(145deg,#0d3037,#123b43)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual picture{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:500px!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.30))!important;
  transform:none!important;
  background:transparent!important;
}

body.cbh26-software-page .cbsoft-scale-v182__hero:hover img{
  transform:translateY(-5px) scale(1.02)!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-scale-v182__hero{
    grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual{
    min-height:360px!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-scale-v182__hero{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual{
    min-height:280px!important;
    padding:0 22px 24px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual img{
    max-height:300px!important;
  }
}


/* =========================================================
   v1.8.6 · ILUSTRACIÓN PROXMOX CON FONDO TRANSPARENTE
========================================================= */

body.cbh26-software-page .cbsoft-scale-v182__visual{
  padding:20px 18px 20px 0!important;
  background:
    radial-gradient(circle at 52% 50%,rgba(100,204,197,.14),transparent 46%),
    linear-gradient(145deg,#0d3037,#123b43)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual picture{
  background:transparent!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:500px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 24px 32px rgba(0,0,0,.28))!important;
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-scale-v182__visual{
    padding:0 18px 22px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual img{
    max-height:300px!important;
  }
}


/* =========================================================
   v1.8.7 · PROXMOX SIN MARCO VISIBLE
========================================================= */

body.cbh26-software-page .cbsoft-scale-v182__visual{
  padding:10px 10px 10px 0!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 52% 50%,rgba(100,204,197,.16),transparent 50%),
    linear-gradient(145deg,#0d3037,#123b43)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual picture{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  background:transparent!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual img{
  width:108%!important;
  height:108%!important;
  max-width:108%!important;
  max-height:520px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 28px 34px rgba(0,0,0,.30))!important;
}

body.cbh26-software-page .cbsoft-scale-v182__hero:hover img{
  transform:translateY(-4px) scale(1.015)!important;
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-scale-v182__visual{
    padding:0 10px 18px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:310px!important;
  }
}


/* =========================================================
   v1.8.8 · PROXMOX HERO MÁS EQUILIBRADO Y ORGÁNICO
========================================================= */

body.cbh26-software-page .cbsoft-scale-v182__hero{
  grid-template-columns:minmax(0,.98fr) minmax(360px,1.02fr)!important;
  min-height:540px!important;
  align-items:stretch!important;
  background:
    radial-gradient(circle at 72% 50%,rgba(100,204,197,.10),transparent 34%),
    linear-gradient(145deg,#0f333a,#153f47)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy{
  padding:clamp(32px,3.4vw,48px)!important;
  justify-content:center!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy h3{
  max-width:560px!important;
  margin:20px 0 16px!important;
  font-size:clamp(30px,2.55vw,42px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  text-wrap:balance!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy p{
  max-width:520px!important;
  margin-bottom:22px!important;
  font-size:13px!important;
  line-height:1.65!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual{
  position:relative!important;
  min-width:0!important;
  padding:18px 16px 18px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 52% 50%,rgba(100,204,197,.10),transparent 52%)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual::before{
  content:""!important;
  position:absolute!important;
  inset:12% 6% 12% 4%!important;
  border-radius:50%!important;
  background:rgba(100,204,197,.05)!important;
  filter:blur(34px)!important;
  pointer-events:none!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual picture{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.cbh26-software-page .cbsoft-scale-v182__visual img{
  width:118%!important;
  height:118%!important;
  max-width:118%!important;
  max-height:540px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.26))!important;
  transform:none!important;
}

body.cbh26-software-page .cbsoft-scale-v182__hero:hover img{
  transform:translateY(-4px) scale(1.015)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy .cbh26-btn{
  min-height:42px!important;
  padding:0 16px!important;
  font-size:10px!important;
  border-radius:999px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}

body.cbh26-software-page .cbsoft-scale-v182__copy .cbh26-btn__arrow{
  width:28px!important;
  height:28px!important;
  font-size:12px!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-scale-v182__hero{
    grid-template-columns:minmax(0,1fr) minmax(320px,1fr)!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual img{
    width:108%!important;
    height:108%!important;
    max-width:108%!important;
    max-height:460px!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-scale-v182__hero{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__copy{
    padding:26px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual{
    min-height:300px!important;
    padding:0 18px 22px!important;
  }

  body.cbh26-software-page .cbsoft-scale-v182__visual img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:320px!important;
  }
}


/* =========================================================
   v1.8.9 · HERO SOFTWARE STUDIO VISUAL
========================================================= */

body.cbh26-software-page .cbsoft-hero-v160{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 26%,rgba(100,204,197,.15),transparent 28%),
    linear-gradient(135deg,#f7fbfa,#edf7f5)!important;
}

body.cbh26-software-page .cbsoft-hero-v160::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.20!important;
  background-image:
    linear-gradient(rgba(49,103,103,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.08) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 34%,#000 68%,#000 100%)!important;
}

body.cbh26-software-page .cbsoft-hero-v160__grid{
  position:relative!important;
  z-index:2!important;
  grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr)!important;
  gap:44px!important;
  align-items:center!important;
}

body.cbh26-software-page .cbsoft-hero-v189__visual{
  position:relative!important;
  min-height:590px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.cbh26-software-page .cbsoft-hero-v189__art{
  position:absolute!important;
  inset:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:34px!important;
  filter:drop-shadow(0 30px 54px rgba(21,63,70,.17))!important;
}

body.cbh26-software-page .cbsoft-hero-v189__art picture,
body.cbh26-software-page .cbsoft-hero-v189__art img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-software-page .cbsoft-hero-v189__art img{
  object-fit:cover!important;
  object-position:center!important;
  border-radius:34px!important;
}

body.cbh26-software-page .cbsoft-hero-v189__code{
  position:relative!important;
  z-index:3!important;
  width:min(76%,610px)!important;
  margin-left:-14%!important;
  padding:0 0 20px!important;
  overflow:hidden!important;
  border:1px solid rgba(100,204,197,.20)!important;
  border-radius:22px!important;
  background:rgba(9,38,46,.92)!important;
  box-shadow:0 26px 58px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

body.cbh26-software-page .cbsoft-hero-v189__bar{
  min-height:58px!important;
  padding:0 22px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

body.cbh26-software-page .cbsoft-hero-v189__bar span{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
}

body.cbh26-software-page .cbsoft-hero-v189__bar span:nth-child(2){opacity:.65!important;}
body.cbh26-software-page .cbsoft-hero-v189__bar span:nth-child(3){opacity:.38!important;}

body.cbh26-software-page .cbsoft-hero-v189__bar strong{
  margin-left:10px!important;
  color:#fff!important;
  font-size:12px!important;
}

body.cbh26-software-page .cbsoft-hero-v189__code ol{
  margin:0!important;
  padding:26px 28px 18px!important;
  list-style:none!important;
}

body.cbh26-software-page .cbsoft-hero-v189__code li{
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:36px 1fr!important;
  align-items:center!important;
  gap:10px!important;
}

body.cbh26-software-page .cbsoft-hero-v189__code li span{
  color:#4ab8af!important;
  font-size:10px!important;
  font-weight:800!important;
}

body.cbh26-software-page .cbsoft-hero-v189__code code{
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  background:transparent!important;
}

body.cbh26-software-page .cbsoft-hero-v189__status{
  margin:0 22px!important;
  min-height:48px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid rgba(100,204,197,.16)!important;
  border-radius:13px!important;
  color:#bfe6e1!important;
  font-size:11px!important;
  font-weight:700!important;
  background:rgba(255,255,255,.04)!important;
}

body.cbh26-software-page .cbsoft-hero-v189__status i{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#28d39d!important;
  box-shadow:0 0 0 6px rgba(40,211,157,.10)!important;
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-hero-v160__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__visual{
    min-height:540px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__code{
    width:min(72%,620px)!important;
    margin-left:-18%!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-hero-v189__visual{
    min-height:430px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__art{
    inset:35px 0 0!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__code{
    width:92%!important;
    margin:0 auto!important;
    align-self:flex-start!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__code code{
    font-size:11px!important;
  }
}


/* =========================================================
   v1.9.0 · SOFTWARE STUDIO TIMELINE PREMIUM
========================================================= */
body.cbh26-software-page .cbsoft-hero-v190__code{position:relative!important;z-index:3!important;width:min(78%,640px)!important;margin-left:-13%!important;padding:0 0 18px!important;overflow:hidden!important;border:1px solid rgba(100,204,197,.24)!important;border-radius:24px!important;background:linear-gradient(155deg,rgba(8,34,42,.97),rgba(10,43,51,.94))!important;box-shadow:0 28px 62px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
body.cbh26-software-page .cbsoft-hero-v190__bar{min-height:62px!important;padding:0 24px!important;display:flex!important;align-items:center!important;gap:8px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
body.cbh26-software-page .cbsoft-hero-v190__bar span{width:10px!important;height:10px!important;border-radius:50%!important;background:#64ccc5!important;box-shadow:0 0 14px rgba(100,204,197,.35)!important}
body.cbh26-software-page .cbsoft-hero-v190__bar span:nth-child(2){opacity:.66!important}body.cbh26-software-page .cbsoft-hero-v190__bar span:nth-child(3){opacity:.40!important}
body.cbh26-software-page .cbsoft-hero-v190__bar strong{margin-left:12px!important;color:#fff!important;font-size:13px!important}
body.cbh26-software-page .cbsoft-hero-v190__timeline{position:relative!important;padding:24px 26px 18px!important}
body.cbh26-software-page .cbsoft-hero-v190__timeline::before{content:""!important;position:absolute!important;left:48px!important;top:50px!important;bottom:42px!important;width:1px!important;background:linear-gradient(180deg,#64ccc5,rgba(100,204,197,.12))!important}
body.cbh26-software-page .cbsoft-hero-v190__timeline article{position:relative!important;min-height:72px!important;display:grid!important;grid-template-columns:38px 46px 1fr!important;gap:12px!important;align-items:center!important}
body.cbh26-software-page .cbsoft-hero-v190__step{position:relative!important;z-index:2!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:2px solid #64ccc5!important;border-radius:50%!important;color:#64ccc5!important;background:#0c3038!important;font-size:10px!important;font-weight:800!important;box-shadow:0 0 0 6px rgba(100,204,197,.06)!important}
body.cbh26-software-page .cbsoft-hero-v190__icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;color:#36d0bd!important;background:linear-gradient(145deg,rgba(27,92,96,.65),rgba(9,48,56,.90))!important;box-shadow:inset 0 0 0 1px rgba(100,204,197,.10)!important}
body.cbh26-software-page .cbsoft-hero-v190__icon svg{width:22px!important;height:22px!important}
body.cbh26-software-page .cbsoft-hero-v190__timeline strong{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.2!important}
body.cbh26-software-page .cbsoft-hero-v190__timeline p{margin:5px 0 0!important;color:#a9c1c5!important;font-size:10px!important;line-height:1.4!important}
body.cbh26-software-page .cbsoft-hero-v190__status{margin:0 22px!important;min-height:88px!important;padding:14px 16px!important;display:grid!important;grid-template-columns:58px 1fr 36px!important;gap:14px!important;align-items:center!important;border:1px solid rgba(100,204,197,.22)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(100,204,197,.08),rgba(255,255,255,.025))!important}
body.cbh26-software-page .cbsoft-hero-v190__status-icon{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:#fff!important;background:linear-gradient(145deg,#2ac6b1,#155d62)!important;box-shadow:0 0 0 7px rgba(42,198,177,.09),0 12px 26px rgba(0,0,0,.18)!important}
body.cbh26-software-page .cbsoft-hero-v190__status-icon svg{width:28px!important;height:28px!important}
body.cbh26-software-page .cbsoft-hero-v190__status strong{display:block!important;color:#64ccc5!important;font-size:13px!important}
body.cbh26-software-page .cbsoft-hero-v190__status p{margin:5px 0 0!important;color:#a9c1c5!important;font-size:10px!important}
body.cbh26-software-page .cbsoft-hero-v190__arrow{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;color:#64ccc5!important;background:rgba(100,204,197,.10)!important;font-size:28px!important;line-height:1!important}
@media(max-width:1180px){body.cbh26-software-page .cbsoft-hero-v190__code{width:min(74%,650px)!important;margin-left:-16%!important}}
@media(max-width:760px){body.cbh26-software-page .cbsoft-hero-v190__code{width:94%!important;margin:0 auto!important;align-self:flex-start!important}body.cbh26-software-page .cbsoft-hero-v190__timeline{padding:20px 18px 16px!important}body.cbh26-software-page .cbsoft-hero-v190__timeline::before{left:38px!important}body.cbh26-software-page .cbsoft-hero-v190__timeline article{grid-template-columns:34px 38px 1fr!important;gap:9px!important}body.cbh26-software-page .cbsoft-hero-v190__icon{width:38px!important;height:38px!important}body.cbh26-software-page .cbsoft-hero-v190__status{margin:0 14px!important;grid-template-columns:48px 1fr!important}body.cbh26-software-page .cbsoft-hero-v190__arrow{display:none!important}}


/* =========================================================
   v1.9.1 · HERO SOFTWARE INTEGRADO Y FLUIDO
========================================================= */

body.cbh26-software-page .cbsoft-hero-v160{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 34%,rgba(100,204,197,.14),transparent 30%),
    radial-gradient(circle at 66% 86%,rgba(49,103,103,.08),transparent 34%),
    linear-gradient(135deg,#f8fbfa 0%,#f0f8f6 52%,#e9f4f2 100%)!important;
}

body.cbh26-software-page .cbsoft-hero-v160::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.62) 37%,rgba(255,255,255,.10) 68%,transparent 100%)!important;
  z-index:1!important;
}

body.cbh26-software-page .cbsoft-hero-v160::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.18!important;
  background-image:
    linear-gradient(rgba(49,103,103,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.09) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 30%,#000 58%,#000 100%)!important;
  z-index:1!important;
}

body.cbh26-software-page .cbsoft-hero-v160__grid{
  position:relative!important;
  z-index:2!important;
  grid-template-columns:minmax(0,.93fr) minmax(560px,1.07fr)!important;
  gap:34px!important;
  align-items:center!important;
}

body.cbh26-software-page .cbsoft-hero-v160__content{
  position:relative!important;
  z-index:5!important;
  padding-right:18px!important;
}

body.cbh26-software-page .cbsoft-hero-v160__content h1{
  max-width:780px!important;
  text-wrap:balance!important;
}

body.cbh26-software-page .cbsoft-hero-v189__visual{
  position:relative!important;
  min-height:640px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  isolation:isolate!important;
}

body.cbh26-software-page .cbsoft-hero-v189__art{
  position:absolute!important;
  inset:0 -5% -2% -7%!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:42px!important;
  filter:drop-shadow(0 34px 62px rgba(18,59,66,.18))!important;
  z-index:1!important;
}

body.cbh26-software-page .cbsoft-hero-v189__art::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:42px!important;
  background:
    linear-gradient(90deg,rgba(239,248,246,.95) 0%,rgba(239,248,246,.42) 20%,transparent 48%),
    linear-gradient(180deg,transparent 70%,rgba(10,42,50,.10) 100%)!important;
  pointer-events:none!important;
}

body.cbh26-software-page .cbsoft-hero-v189__art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:42px!important;
  transform:scale(1.035)!important;
}

body.cbh26-software-page .cbsoft-hero-v190__code{
  position:relative!important;
  z-index:4!important;
  width:min(70%,590px)!important;
  margin-left:-15%!important;
  padding:0 0 16px!important;
  overflow:hidden!important;
  border:1px solid rgba(100,204,197,.28)!important;
  border-radius:26px!important;
  background:
    linear-gradient(155deg,rgba(8,34,42,.94),rgba(10,43,51,.90))!important;
  box-shadow:
    0 34px 68px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}

body.cbh26-software-page .cbsoft-hero-v190__bar{
  min-height:58px!important;
  padding:0 22px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__timeline{
  padding:20px 22px 14px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__timeline::before{
  left:44px!important;
  top:44px!important;
  bottom:36px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__timeline article{
  min-height:66px!important;
  grid-template-columns:34px 42px 1fr!important;
  gap:11px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__step{
  width:31px!important;
  height:31px!important;
  font-size:9px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__icon{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__icon svg{
  width:21px!important;
  height:21px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__timeline strong{
  font-size:13px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__timeline p{
  margin-top:4px!important;
  font-size:9px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__status{
  margin:0 18px!important;
  min-height:78px!important;
  padding:12px 14px!important;
  grid-template-columns:50px 1fr 32px!important;
  gap:12px!important;
  border-radius:15px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__status-icon{
  width:46px!important;
  height:46px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__status-icon svg{
  width:25px!important;
  height:25px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__status strong{
  font-size:12px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__status p{
  font-size:9px!important;
}

body.cbh26-software-page .cbsoft-hero-v190__arrow{
  width:31px!important;
  height:31px!important;
  border-radius:10px!important;
  font-size:24px!important;
}

/* Integra visualmente panel e imagen */
body.cbh26-software-page .cbsoft-hero-v190__code::after{
  content:""!important;
  position:absolute!important;
  right:-46px!important;
  top:50%!important;
  width:90px!important;
  height:1px!important;
  background:linear-gradient(90deg,#64ccc5,transparent)!important;
  box-shadow:
    0 -58px 0 rgba(100,204,197,.16),
    0 58px 0 rgba(100,204,197,.10)!important;
  pointer-events:none!important;
}

@media(max-width:1260px){
  body.cbh26-software-page .cbsoft-hero-v160__grid{
    grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr)!important;
    gap:26px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v190__code{
    width:min(72%,590px)!important;
    margin-left:-12%!important;
  }
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-hero-v160__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-hero-v160__content{
    padding-right:0!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__visual{
    min-height:600px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__art{
    inset:0!important;
  }

  body.cbh26-software-page .cbsoft-hero-v190__code{
    width:min(72%,620px)!important;
    margin-left:-20%!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-hero-v160::before{
    background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.68) 48%,transparent 100%)!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__visual{
    min-height:500px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__art{
    inset:40px -10px 0!important;
    border-radius:28px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__art::after{
    border-radius:28px!important;
    background:linear-gradient(180deg,rgba(239,248,246,.35),transparent 45%)!important;
  }

  body.cbh26-software-page .cbsoft-hero-v190__code{
    width:94%!important;
    margin:0 auto!important;
    align-self:flex-start!important;
  }

  body.cbh26-software-page .cbsoft-hero-v190__code::after{
    display:none!important;
  }
}


/* =========================================================
   v1.9.2 · HERO SOFTWARE SIN SUPERPOSICIONES
========================================================= */

body.cbh26-software-page .cbsoft-hero-v160{
  isolation:isolate!important;
}

body.cbh26-software-page .cbsoft-hero-v160::before{
  z-index:0!important;
  background:
    linear-gradient(
      90deg,
      rgba(248,251,250,.98) 0%,
      rgba(248,251,250,.97) 35%,
      rgba(248,251,250,.82) 47%,
      rgba(238,248,246,.34) 59%,
      rgba(238,248,246,0) 72%
    )!important;
}

body.cbh26-software-page .cbsoft-hero-v160::after{
  z-index:0!important;
  opacity:.13!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 45%,#000 66%,#000 100%)!important;
}

body.cbh26-software-page .cbsoft-hero-v160__grid{
  z-index:2!important;
  grid-template-columns:minmax(0,.97fr) minmax(560px,1.03fr)!important;
  gap:46px!important;
}

body.cbh26-software-page .cbsoft-hero-v160__content{
  z-index:5!important;
  max-width:820px!important;
}

body.cbh26-software-page .cbsoft-hero-v189__visual{
  min-height:620px!important;
  overflow:visible!important;
}

body.cbh26-software-page .cbsoft-hero-v189__art{
  inset:2% -4% 1% 2%!important;
  border-radius:36px!important;
  overflow:hidden!important;
  z-index:1!important;
}

body.cbh26-software-page .cbsoft-hero-v189__art::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:36px!important;
  background:
    linear-gradient(
      90deg,
      rgba(242,250,248,.97) 0%,
      rgba(242,250,248,.82) 10%,
      rgba(242,250,248,.28) 24%,
      transparent 42%
    )!important;
}

body.cbh26-software-page .cbsoft-hero-v189__art::after{
  z-index:2!important;
  border-radius:36px!important;
  background:
    linear-gradient(180deg,rgba(239,248,246,.10),transparent 26%),
    linear-gradient(0deg,rgba(10,42,50,.10),transparent 26%)!important;
}

body.cbh26-software-page .cbsoft-hero-v189__art img{
  position:relative!important;
  z-index:1!important;
  transform:scale(1.01)!important;
  object-position:58% center!important;
}

body.cbh26-software-page .cbsoft-hero-v190__code{
  width:min(66%,560px)!important;
  margin-left:-7%!important;
  z-index:4!important;
  border-color:rgba(100,204,197,.34)!important;
  background:
    linear-gradient(155deg,rgba(7,31,39,.96),rgba(9,42,50,.93))!important;
  box-shadow:
    0 30px 64px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,255,255,.025) inset!important;
}

body.cbh26-software-page .cbsoft-hero-v190__code::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(120deg,rgba(100,204,197,.08),transparent 28%)!important;
}

body.cbh26-software-page .cbsoft-hero-v190__code::after{
  display:none!important;
}

body.cbh26-software-page .cbsoft-hero-v190__bar,
body.cbh26-software-page .cbsoft-hero-v190__timeline,
body.cbh26-software-page .cbsoft-hero-v190__status{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:1260px){
  body.cbh26-software-page .cbsoft-hero-v160__grid{
    grid-template-columns:minmax(0,.98fr) minmax(500px,1.02fr)!important;
    gap:34px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v190__code{
    width:min(69%,570px)!important;
    margin-left:-5%!important;
  }
}

@media(max-width:1180px){
  body.cbh26-software-page .cbsoft-hero-v160__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-software-page .cbsoft-hero-v160::before{
    background:
      linear-gradient(
        180deg,
        rgba(248,251,250,.98) 0%,
        rgba(248,251,250,.95) 42%,
        rgba(248,251,250,.36) 61%,
        transparent 78%
      )!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__visual{
    min-height:600px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__art{
    inset:0!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__art::before{
    background:
      linear-gradient(180deg,rgba(242,250,248,.55),transparent 34%)!important;
  }

  body.cbh26-software-page .cbsoft-hero-v190__code{
    width:min(72%,600px)!important;
    margin-left:-13%!important;
  }
}

@media(max-width:760px){
  body.cbh26-software-page .cbsoft-hero-v189__visual{
    min-height:520px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__art{
    inset:42px 0 0!important;
    border-radius:28px!important;
  }

  body.cbh26-software-page .cbsoft-hero-v189__art::before{
    border-radius:28px!important;
    background:
      linear-gradient(180deg,rgba(242,250,248,.48),transparent 30%)!important;
  }

  body.cbh26-software-page .cbsoft-hero-v190__code{
    width:94%!important;
    margin:0 auto!important;
  }
}


/* =========================================================
   v1.9.3 · HERO DESARROLLO DIGITAL ARTÍSTICO
========================================================= */

body.cbh26-digital-page .cbh26-dd-hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 85% 18%,rgba(100,204,197,.24),transparent 28%),
    radial-gradient(circle at 76% 86%,rgba(150,104,235,.16),transparent 33%),
    linear-gradient(135deg,#f9fbfb 0%,#f2f9f7 52%,#edf7f5 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.84) 36%,rgba(255,255,255,.16) 62%,transparent 100%)!important;
  z-index:0!important;
}

body.cbh26-digital-page .cbh26-dd-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.17!important;
  background-image:
    linear-gradient(rgba(49,103,103,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.08) 1px,transparent 1px)!important;
  background-size:46px 46px!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 36%,#000 66%,#000 100%)!important;
  z-index:0!important;
}

body.cbh26-digital-page .cbh26-digital-hero__grid{
  position:relative!important;
  z-index:2!important;
  grid-template-columns:minmax(0,.94fr) minmax(580px,1.06fr)!important;
  gap:44px!important;
  align-items:center!important;
}

body.cbh26-digital-page .cbh26-digital-copy{
  position:relative!important;
  z-index:5!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193{
  position:relative!important;
  min-height:610px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  isolation:isolate!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193{
  position:absolute!important;
  inset:-5% -8% -8% -16%!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:44px!important;
  z-index:1!important;
  filter:drop-shadow(0 32px 60px rgba(39,71,77,.15))!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(243,250,248,.92) 0%,rgba(243,250,248,.43) 20%,transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%)!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193 picture,
body.cbh26-digital-page .cbh26-dd-art-v193 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193 img{
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.035)!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193{
  position:relative!important;
  z-index:4!important;
  width:min(84%,700px)!important;
  margin-left:-8%!important;
  padding:26px!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:
    0 32px 70px rgba(39,71,77,.18),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:blur(20px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193 .cbh26-dd-top{
  padding-bottom:17px!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193 .cbh26-dd-top strong{
  font-size:16px!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193 .cbh26-dd-top span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193 .cbh26-dd-top span i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#20bd93!important;
  box-shadow:0 0 0 6px rgba(32,189,147,.08)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193{
  gap:12px!important;
  margin:18px 0!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193 article{
  min-height:96px!important;
  padding:15px!important;
  display:grid!important;
  grid-template-columns:46px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.06)!important;
  background:linear-gradient(145deg,#f7fbfa,#eef7f5)!important;
}

body.cbh26-digital-page .cbh26-dd-metric-icon{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  font-size:20px!important;
  font-weight:800!important;
}

body.cbh26-digital-page .cbh26-dd-metric-icon--reach{
  color:#20bfa0!important;
  background:rgba(32,191,160,.12)!important;
}

body.cbh26-digital-page .cbh26-dd-metric-icon--interaction{
  color:#8b55e6!important;
  background:rgba(139,85,230,.12)!important;
}

body.cbh26-digital-page .cbh26-dd-metric-icon--leads{
  color:#f39a22!important;
  background:rgba(243,154,34,.12)!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v193{
  position:relative!important;
  height:220px!important;
  overflow:hidden!important;
  background:
    linear-gradient(rgba(49,103,103,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.06) 1px,transparent 1px),
    #f7faf9!important;
  background-size:100% 44px,75px 100%,auto!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v193 svg{
  position:absolute!important;
  inset:20px 18px 14px!important;
  width:calc(100% - 36px)!important;
  height:calc(100% - 34px)!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v193 .cbh26-dd-area{
  fill:url(#cbh26DigitalArea)!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v193 .cbh26-dd-line{
  fill:none!important;
  stroke:#20bfa0!important;
  stroke-width:5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.cbh26-digital-page .cbh26-dd-points-v193 circle{
  fill:#fff!important;
  stroke:#20bfa0!important;
  stroke-width:4!important;
}

body.cbh26-digital-page .cbh26-dd-growth-v193{
  position:absolute!important;
  right:18px!important;
  top:14px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:#20bfa0!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:0 10px 22px rgba(32,191,160,.20)!important;
}

body.cbh26-digital-page .cbh26-dd-tags-v193{
  gap:8px!important;
  margin-top:14px!important;
}

body.cbh26-digital-page .cbh26-dd-tags-v193 span{
  background:#f2f6f5!important;
  border:1px solid rgba(49,103,103,.06)!important;
}

body.cbh26-digital-page .cbh26-dd-art-badges-v193{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge{
  position:absolute!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 18px 34px rgba(35,36,57,.18)!important;
  transform:rotate(-5deg)!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--ai{
  width:62px!important;
  height:62px!important;
  top:3%!important;
  left:20%!important;
  color:#ff9e28!important;
  background:#382013!important;
  font-size:27px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--ps{
  width:64px!important;
  height:64px!important;
  top:-1%!important;
  right:15%!important;
  color:#39aef7!important;
  background:#071d3c!important;
  font-size:27px!important;
  transform:rotate(6deg)!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--palette{
  width:96px!important;
  height:48px!important;
  right:1%!important;
  bottom:8%!important;
  letter-spacing:5px!important;
  color:#8b55e6!important;
  background:#fff!important;
  font-size:18px!important;
  transform:rotate(-10deg)!important;
}

@media(max-width:1220px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:minmax(0,.96fr) minmax(520px,1.04fr)!important;
    gap:30px!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:min(86%,680px)!important;
    margin-left:-4%!important;
  }
}

@media(max-width:980px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-visual-v193{
    min-height:610px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-v193{
    inset:0!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:min(82%,700px)!important;
    margin:0 auto!important;
  }
}

@media(max-width:680px){
  body.cbh26-digital-page .cbh26-dd-hero::before{
    background:
      linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 48%,rgba(255,255,255,.18) 70%,transparent 100%)!important;
  }

  body.cbh26-digital-page .cbh26-dd-visual-v193{
    min-height:540px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-v193{
    inset:70px -12px 0!important;
    border-radius:28px!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:96%!important;
    padding:18px!important;
  }

  body.cbh26-digital-page .cbh26-dd-metrics-v193{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-chart-v193{
    height:180px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-badge{
    transform:scale(.78)!important;
  }
}


/* =========================================================
   v1.9.4 · DESARROLLO DIGITAL MÁS ORGÁNICO
========================================================= */

body.cbh26-digital-page .cbh26-dd-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(100,204,197,.24),transparent 29%),
    radial-gradient(circle at 86% 76%,rgba(148,92,230,.17),transparent 31%),
    linear-gradient(135deg,#fbfcfc 0%,#f4faf8 48%,#eef7f5 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-hero::before{
  z-index:0!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 36%,rgba(255,255,255,.52) 50%,rgba(255,255,255,.08) 68%,transparent 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-hero::after{
  z-index:0!important;
  opacity:.10!important;
  background-size:48px 48px!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 48%,#000 70%,#000 100%)!important;
}

body.cbh26-digital-page .cbh26-digital-hero__grid{
  grid-template-columns:minmax(0,.97fr) minmax(560px,1.03fr)!important;
  gap:42px!important;
  align-items:center!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193{
  min-height:620px!important;
  overflow:visible!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193::before{
  content:""!important;
  position:absolute!important;
  inset:7% -9% 5% -13%!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:48% 52% 44% 56% / 40% 46% 54% 60%!important;
  background:
    linear-gradient(135deg,rgba(45,190,177,.82),rgba(86,193,198,.58) 45%,rgba(150,93,229,.66) 100%)!important;
  opacity:.28!important;
  transform:rotate(-7deg)!important;
  filter:blur(.2px)!important;
  clip-path:polygon(4% 24%,18% 7%,45% 1%,76% 8%,96% 29%,100% 68%,82% 92%,49% 100%,18% 92%,0 68%)!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193::after{
  content:""!important;
  position:absolute!important;
  right:-3%!important;
  bottom:3%!important;
  width:74%!important;
  height:34%!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 22% 40%,rgba(255,255,255,.72) 0 2px,transparent 3px),
    radial-gradient(circle at 66% 70%,rgba(255,255,255,.70) 0 2px,transparent 3px)!important;
  background-size:26px 26px,34px 34px!important;
  opacity:.48!important;
  mask-image:linear-gradient(90deg,transparent,#000 28%,#000 76%,transparent)!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193{
  inset:3% -6% -7% 38%!important;
  z-index:2!important;
  border-radius:0!important;
  overflow:visible!important;
  filter:drop-shadow(0 28px 48px rgba(46,74,82,.15))!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193::before{
  inset:-2%!important;
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(241,249,247,.94) 0%,rgba(241,249,247,.36) 22%,transparent 48%),
    linear-gradient(180deg,rgba(241,249,247,.24),transparent 28%,transparent 74%,rgba(241,249,247,.10))!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193 img{
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.02)!important;
  border-radius:30px!important;
  mix-blend-mode:multiply!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193{
  width:min(88%,720px)!important;
  margin-left:-8%!important;
  padding:25px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:
    0 30px 66px rgba(40,71,77,.17),
    0 0 0 1px rgba(49,103,103,.025) inset!important;
  backdrop-filter:blur(18px) saturate(1.10)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.10)!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(135deg,rgba(100,204,197,.07),transparent 25%,transparent 72%,rgba(145,93,224,.06))!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193 > *{
  position:relative!important;
  z-index:2!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193 article{
  min-height:94px!important;
  border-radius:17px!important;
  background:#f7faf9!important;
  box-shadow:0 8px 20px rgba(49,103,103,.045)!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v193{
  height:235px!important;
  border-radius:18px!important;
  box-shadow:inset 0 0 0 1px rgba(49,103,103,.045)!important;
}

body.cbh26-digital-page .cbh26-dd-tags-v193{
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
}

body.cbh26-digital-page .cbh26-dd-tags-v193 span{
  min-height:34px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  color:#315f62!important;
  font-size:10px!important;
  font-weight:700!important;
}

body.cbh26-digital-page .cbh26-dd-art-badges-v193{
  z-index:6!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge{
  border-radius:16px!important;
  box-shadow:0 16px 30px rgba(35,36,57,.17)!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--ai{
  top:1%!important;
  left:25%!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--ps{
  top:-2%!important;
  right:9%!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--palette{
  right:-2%!important;
  bottom:5%!important;
  color:#7f55d9!important;
  background:linear-gradient(90deg,#ff9b42,#ec4c75,#9554e4,#399fe8)!important;
  text-indent:-9999px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--palette::after{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:10px!important;
  background:
    linear-gradient(90deg,#ffae49 0 24%,#ec577b 24% 49%,#9656df 49% 74%,#3b9fe8 74%)!important;
}

@media(max-width:1220px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:minmax(0,.98fr) minmax(520px,1.02fr)!important;
    gap:28px!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:min(90%,700px)!important;
    margin-left:-4%!important;
  }
}

@media(max-width:980px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-visual-v193{
    min-height:620px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-v193{
    inset:8% 0 0 45%!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:min(84%,720px)!important;
    margin:0 auto!important;
  }
}

@media(max-width:680px){
  body.cbh26-digital-page .cbh26-dd-visual-v193{
    min-height:560px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-v193{
    inset:88px -15px 0 40%!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:96%!important;
    padding:17px!important;
  }

  body.cbh26-digital-page .cbh26-dd-chart-v193{
    height:185px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-badge{
    transform:scale(.74)!important;
  }
}


/* =========================================================
   v1.9.5 · DESARROLLO DIGITAL CON PROPORCIONES CORREGIDAS
========================================================= */

body.cbh26-digital-page .cbh26-dd-hero{
  min-height:auto!important;
  padding-top:clamp(52px,6vw,88px)!important;
  padding-bottom:clamp(54px,6vw,92px)!important;
}

body.cbh26-digital-page .cbh26-digital-hero__grid{
  grid-template-columns:minmax(0,.88fr) minmax(620px,1.12fr)!important;
  gap:34px!important;
  align-items:center!important;
}

body.cbh26-digital-page .cbh26-digital-copy{
  max-width:680px!important;
  padding-right:10px!important;
}

body.cbh26-digital-page .cbh26-digital-copy h1{
  max-width:650px!important;
  font-size:clamp(58px,5.9vw,94px)!important;
  line-height:.93!important;
  letter-spacing:-.055em!important;
  text-wrap:balance!important;
}

body.cbh26-digital-page .cbh26-digital-copy p{
  max-width:650px!important;
  margin-top:24px!important;
  font-size:clamp(18px,1.35vw,24px)!important;
  line-height:1.5!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193{
  min-height:700px!important;
  margin-right:-2vw!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193::before{
  inset:4% -10% 3% -16%!important;
  transform:rotate(-5deg)!important;
  opacity:.38!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193::after{
  right:-2%!important;
  bottom:0!important;
  width:82%!important;
  height:38%!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193{
  inset:2% -8% -5% 46%!important;
  z-index:2!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193::before{
  background:
    linear-gradient(90deg,rgba(244,250,249,.88) 0%,rgba(244,250,249,.18) 18%,transparent 40%),
    linear-gradient(180deg,rgba(244,250,249,.12),transparent 24%,transparent 76%,rgba(244,250,249,.08))!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193 img{
  object-fit:cover!important;
  object-position:58% center!important;
  transform:scale(1.04)!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193{
  width:min(92%,800px)!important;
  margin-left:-3%!important;
  padding:30px!important;
  border-radius:32px!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193 .cbh26-dd-top{
  padding-bottom:20px!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193 .cbh26-dd-top strong{
  font-size:18px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:20px 0 18px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193 article{
  min-height:108px!important;
  padding:18px!important;
  grid-template-columns:52px 1fr!important;
  gap:14px!important;
  border-radius:19px!important;
}

body.cbh26-digital-page .cbh26-dd-metric-icon{
  width:50px!important;
  height:50px!important;
  border-radius:15px!important;
  font-size:22px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193 small{
  font-size:13px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193 strong{
  font-size:29px!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v193{
  height:280px!important;
  border-radius:20px!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v193 svg{
  inset:24px 22px 18px!important;
  width:calc(100% - 44px)!important;
  height:calc(100% - 42px)!important;
}

body.cbh26-digital-page .cbh26-dd-growth-v193{
  right:22px!important;
  top:18px!important;
  padding:8px 12px!important;
  font-size:11px!important;
}

body.cbh26-digital-page .cbh26-dd-tags-v193{
  gap:10px!important;
  margin-top:16px!important;
}

body.cbh26-digital-page .cbh26-dd-tags-v193 span{
  min-height:38px!important;
  padding:0 15px!important;
  font-size:11px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--ai{
  width:68px!important;
  height:68px!important;
  top:0!important;
  left:20%!important;
  font-size:29px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--ps{
  width:70px!important;
  height:70px!important;
  top:-1%!important;
  right:7%!important;
  font-size:30px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--palette{
  width:110px!important;
  height:54px!important;
  right:-1%!important;
  bottom:8%!important;
}

/* Botones y bloques inferiores más cercanos a la propuesta */
body.cbh26-digital-page .cbh26-digital-actions{
  gap:14px!important;
  margin-top:28px!important;
}

body.cbh26-digital-page .cbh26-digital-actions .cbh26-btn{
  min-height:54px!important;
  padding:0 22px!important;
}

body.cbh26-digital-page .cbh26-digital-features{
  margin-top:32px!important;
  gap:18px!important;
}

body.cbh26-digital-page .cbh26-digital-features article{
  min-width:124px!important;
}

@media(max-width:1360px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr)!important;
    gap:26px!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    font-size:clamp(54px,5.5vw,84px)!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:min(94%,760px)!important;
  }
}

@media(max-width:1120px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy{
    max-width:none!important;
    padding-right:0!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    max-width:820px!important;
  }

  body.cbh26-digital-page .cbh26-dd-visual-v193{
    min-height:690px!important;
    margin-right:0!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-v193{
    inset:4% 0 0 50%!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:min(88%,800px)!important;
    margin:0 auto!important;
  }
}

@media(max-width:720px){
  body.cbh26-digital-page .cbh26-dd-hero{
    padding-top:42px!important;
    padding-bottom:48px!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    font-size:clamp(44px,12vw,66px)!important;
    line-height:.96!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy p{
    font-size:17px!important;
  }

  body.cbh26-digital-page .cbh26-dd-visual-v193{
    min-height:610px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-v193{
    inset:105px -18px 0 42%!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:97%!important;
    padding:18px!important;
  }

  body.cbh26-digital-page .cbh26-dd-metrics-v193{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-chart-v193{
    height:210px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-badge{
    transform:scale(.76)!important;
  }
}


/* =========================================================
   v1.9.6 · DESARROLLO DIGITAL RECOMPUESTO
========================================================= */

body.cbh26-digital-page .cbh26-dd-hero{
  padding-top:64px!important;
  padding-bottom:72px!important;
  overflow:hidden!important;
}

body.cbh26-digital-page .cbh26-digital-hero__grid{
  grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
  gap:28px!important;
  align-items:center!important;
}

body.cbh26-digital-page .cbh26-digital-copy{
  max-width:620px!important;
  padding-right:0!important;
}

body.cbh26-digital-page .cbh26-digital-copy h1{
  max-width:610px!important;
  margin:0!important;
  font-size:clamp(54px,5.1vw,82px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
  text-wrap:balance!important;
}

body.cbh26-digital-page .cbh26-digital-copy p{
  max-width:610px!important;
  margin-top:24px!important;
  font-size:clamp(17px,1.15vw,21px)!important;
  line-height:1.55!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193{
  min-height:650px!important;
  margin:0!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193::before{
  inset:2% -8% 2% -10%!important;
  opacity:.44!important;
  transform:rotate(-4deg)!important;
  border-radius:45% 55% 50% 50% / 46% 42% 58% 54%!important;
  clip-path:polygon(3% 24%,18% 5%,50% 0,82% 9%,100% 31%,98% 72%,79% 94%,45% 100%,14% 90%,0 64%)!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193::after{
  right:-3%!important;
  bottom:0!important;
  width:90%!important;
  height:42%!important;
  opacity:.34!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193{
  inset:0 -6% -4% 34%!important;
  z-index:1!important;
  overflow:visible!important;
  filter:drop-shadow(0 28px 48px rgba(46,74,82,.13))!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193::before{
  background:
    linear-gradient(90deg,rgba(245,250,249,.92) 0%,rgba(245,250,249,.30) 18%,transparent 40%),
    linear-gradient(180deg,rgba(245,250,249,.14),transparent 24%,transparent 76%,rgba(245,250,249,.08))!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193 img{
  object-fit:cover!important;
  object-position:62% center!important;
  transform:scale(1.02)!important;
  mix-blend-mode:normal!important;
  border-radius:32px!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193{
  width:min(88%,780px)!important;
  margin:0 0 0 -5%!important;
  padding:28px!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:
    0 28px 62px rgba(39,71,77,.16),
    0 0 0 1px rgba(49,103,103,.03) inset!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193 .cbh26-dd-top{
  padding-bottom:18px!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193 .cbh26-dd-top strong{
  font-size:17px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:18px 0!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193 article{
  min-height:96px!important;
  padding:16px!important;
  grid-template-columns:46px 1fr!important;
  gap:12px!important;
  border-radius:17px!important;
}

body.cbh26-digital-page .cbh26-dd-metric-icon{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  font-size:20px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193 small{
  font-size:12px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193 strong{
  font-size:27px!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v193{
  height:255px!important;
  border-radius:18px!important;
}

body.cbh26-digital-page .cbh26-dd-tags-v193{
  gap:8px!important;
  margin-top:14px!important;
}

body.cbh26-digital-page .cbh26-dd-tags-v193 span{
  min-height:34px!important;
  padding:0 13px!important;
  font-size:10px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--ai{
  width:62px!important;
  height:62px!important;
  top:1%!important;
  left:18%!important;
  font-size:27px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--ps{
  width:64px!important;
  height:64px!important;
  top:0!important;
  right:8%!important;
  font-size:28px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--palette{
  width:104px!important;
  height:50px!important;
  right:0!important;
  bottom:8%!important;
}

body.cbh26-digital-page .cbh26-digital-actions{
  margin-top:26px!important;
  gap:14px!important;
}

body.cbh26-digital-page .cbh26-digital-actions .cbh26-btn{
  min-height:50px!important;
  padding:0 20px!important;
}

body.cbh26-digital-page .cbh26-digital-features{
  margin-top:28px!important;
  gap:14px!important;
}

@media(max-width:1280px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:minmax(0,44%) minmax(0,56%)!important;
    gap:22px!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    font-size:clamp(50px,4.9vw,76px)!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:min(92%,740px)!important;
    margin-left:-2%!important;
  }
}

@media(max-width:1050px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy{
    max-width:none!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    max-width:820px!important;
  }

  body.cbh26-digital-page .cbh26-dd-visual-v193{
    min-height:640px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-v193{
    inset:2% 0 0 44%!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:min(84%,780px)!important;
    margin:0 auto!important;
  }
}

@media(max-width:700px){
  body.cbh26-digital-page .cbh26-dd-hero{
    padding-top:42px!important;
    padding-bottom:48px!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    font-size:clamp(42px,11vw,62px)!important;
    line-height:.98!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy p{
    font-size:16px!important;
  }

  body.cbh26-digital-page .cbh26-dd-visual-v193{
    min-height:560px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-v193{
    inset:95px -16px 0 40%!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:96%!important;
    padding:17px!important;
  }

  body.cbh26-digital-page .cbh26-dd-metrics-v193{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-chart-v193{
    height:200px!important;
  }
}


/* =========================================================
   v1.9.7 · DESARROLLO DIGITAL AJUSTADO A LA PROPUESTA
========================================================= */

body.cbh26-digital-page .cbh26-dd-hero{
  padding-top:56px!important;
  padding-bottom:70px!important;
}

body.cbh26-digital-page .cbh26-digital-hero__grid{
  grid-template-columns:minmax(0,39%) minmax(0,61%)!important;
  gap:28px!important;
  align-items:center!important;
}

body.cbh26-digital-page .cbh26-digital-copy{
  max-width:590px!important;
}

body.cbh26-digital-page .cbh26-digital-copy h1{
  max-width:580px!important;
  font-size:clamp(50px,4.7vw,74px)!important;
  line-height:.98!important;
  letter-spacing:-.048em!important;
}

body.cbh26-digital-page .cbh26-digital-copy p{
  max-width:580px!important;
  font-size:clamp(16px,1.05vw,20px)!important;
  line-height:1.55!important;
  margin-top:22px!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193{
  min-height:690px!important;
  margin:0!important;
  overflow:visible!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193::before{
  inset:2% -6% 2% -8%!important;
  opacity:.48!important;
  transform:rotate(-3deg)!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v193::after{
  width:88%!important;
  height:40%!important;
  right:-1%!important;
  bottom:1%!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193{
  inset:0 -4% -4% 28%!important;
  z-index:1!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193::before{
  background:
    linear-gradient(90deg,rgba(245,250,249,.88) 0%,rgba(245,250,249,.24) 16%,transparent 38%),
    linear-gradient(180deg,rgba(245,250,249,.10),transparent 22%,transparent 78%,rgba(245,250,249,.06))!important;
}

body.cbh26-digital-page .cbh26-dd-art-v193 img{
  object-position:64% center!important;
  transform:scale(1.035)!important;
  border-radius:34px!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193{
  width:min(72%,720px)!important;
  margin-left:2%!important;
  padding:26px!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:
    0 30px 66px rgba(39,71,77,.15),
    0 0 0 1px rgba(49,103,103,.03) inset!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v193 .cbh26-dd-top strong{
  font-size:17px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193{
  gap:12px!important;
  margin:18px 0!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193 article{
  min-height:92px!important;
  padding:15px!important;
  grid-template-columns:44px 1fr!important;
  gap:12px!important;
}

body.cbh26-digital-page .cbh26-dd-metric-icon{
  width:42px!important;
  height:42px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v193 strong{
  font-size:25px!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v193{
  height:238px!important;
}

body.cbh26-digital-page .cbh26-dd-tags-v193 span{
  min-height:33px!important;
  padding:0 12px!important;
  font-size:10px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--ai{
  width:56px!important;
  height:56px!important;
  left:22%!important;
  top:2%!important;
  font-size:24px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--ps{
  width:58px!important;
  height:58px!important;
  right:8%!important;
  top:1%!important;
  font-size:25px!important;
}

body.cbh26-digital-page .cbh26-dd-art-badge--palette{
  width:96px!important;
  height:46px!important;
  right:1%!important;
  bottom:9%!important;
}

/* Oculta duplicados visuales del arte detrás del dashboard */
body.cbh26-digital-page .cbh26-dd-art-v193{
  mask-image:linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.35) 13%,
    #000 28%,
    #000 100%
  )!important;
  -webkit-mask-image:linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.35) 13%,
    #000 28%,
    #000 100%
  )!important;
}

body.cbh26-digital-page .cbh26-digital-actions{
  margin-top:24px!important;
}

body.cbh26-digital-page .cbh26-digital-features{
  margin-top:26px!important;
}

@media(max-width:1280px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
    gap:22px!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    font-size:clamp(48px,4.5vw,68px)!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:min(76%,700px)!important;
    margin-left:0!important;
  }
}

@media(max-width:1050px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy{
    max-width:none!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    max-width:760px!important;
  }

  body.cbh26-digital-page .cbh26-dd-visual-v193{
    min-height:640px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-v193{
    inset:2% 0 0 42%!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:min(78%,720px)!important;
    margin:0 auto!important;
  }
}

@media(max-width:700px){
  body.cbh26-digital-page .cbh26-digital-copy h1{
    font-size:clamp(40px,10.5vw,58px)!important;
  }

  body.cbh26-digital-page .cbh26-dd-visual-v193{
    min-height:550px!important;
  }

  body.cbh26-digital-page .cbh26-dd-art-v193{
    inset:95px -16px 0 38%!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v193{
    width:96%!important;
    padding:17px!important;
  }

  body.cbh26-digital-page .cbh26-dd-metrics-v193{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-chart-v193{
    height:195px!important;
  }
}


/* =========================================================
   v1.9.8 · HERO DIGITAL DEFINITIVO
========================================================= */

body.cbh26-digital-page .cbh26-dd-hero{
  min-height:auto!important;
  padding:clamp(54px,5vw,82px) 0 clamp(58px,5.5vw,88px)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 83% 18%,rgba(100,204,197,.18),transparent 30%),
    radial-gradient(circle at 84% 82%,rgba(139,88,220,.12),transparent 32%),
    linear-gradient(135deg,#fbfcfc,#f1f8f6)!important;
}

body.cbh26-digital-page .cbh26-dd-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 34%,rgba(255,255,255,.54) 48%,transparent 68%)!important;
}

body.cbh26-digital-page .cbh26-dd-hero::after{
  opacity:.10!important;
  z-index:0!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 42%,#000 67%,#000 100%)!important;
}

body.cbh26-digital-page .cbh26-digital-hero__grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
  gap:clamp(24px,3vw,52px)!important;
  align-items:center!important;
}

body.cbh26-digital-page .cbh26-digital-copy{
  max-width:660px!important;
  padding-right:0!important;
}

body.cbh26-digital-page .cbh26-digital-copy h1{
  max-width:640px!important;
  margin:0!important;
  font-size:clamp(52px,4.8vw,78px)!important;
  line-height:.97!important;
  letter-spacing:-.052em!important;
  text-wrap:balance!important;
}

body.cbh26-digital-page .cbh26-digital-copy p{
  max-width:620px!important;
  margin-top:24px!important;
  font-size:clamp(17px,1.15vw,21px)!important;
  line-height:1.55!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v198{
  position:relative!important;
  min-width:0!important;
  min-height:650px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.cbh26-digital-page .cbh26-dd-visual-v198::before{
  content:""!important;
  position:absolute!important;
  inset:5% -5% 4% -8%!important;
  border-radius:44% 56% 48% 52% / 44% 42% 58% 56%!important;
  background:
    linear-gradient(135deg,rgba(52,195,181,.24),rgba(122,103,225,.18))!important;
  transform:rotate(-3deg)!important;
  filter:blur(1px)!important;
  pointer-events:none!important;
}

body.cbh26-digital-page .cbh26-dd-unified-v198{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:36px!important;
  box-shadow:0 34px 74px rgba(38,70,77,.17)!important;
}

body.cbh26-digital-page .cbh26-dd-unified-v198::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg,rgba(244,250,248,.70),transparent 19%),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%)!important;
}

body.cbh26-digital-page .cbh26-dd-unified-v198 picture,
body.cbh26-digital-page .cbh26-dd-unified-v198 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-digital-page .cbh26-dd-unified-v198 img{
  min-height:610px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:36px!important;
}

body.cbh26-digital-page .cbh26-digital-actions{
  margin-top:26px!important;
  gap:14px!important;
}

body.cbh26-digital-page .cbh26-digital-actions .cbh26-btn{
  min-height:52px!important;
  padding:0 21px!important;
}

body.cbh26-digital-page .cbh26-digital-features{
  margin-top:30px!important;
  gap:16px!important;
}

@media(max-width:1180px){
  body.cbh26-digital-page .cbh26-digital-hero__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy{
    max-width:none!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    max-width:820px!important;
  }

  body.cbh26-digital-page .cbh26-dd-visual-v198{
    min-height:auto!important;
  }

  body.cbh26-digital-page .cbh26-dd-unified-v198{
    width:min(100%,980px)!important;
  }

  body.cbh26-digital-page .cbh26-dd-unified-v198 img{
    min-height:0!important;
    aspect-ratio:1500/1220!important;
  }
}

@media(max-width:720px){
  body.cbh26-digital-page .cbh26-dd-hero{
    padding-top:42px!important;
    padding-bottom:50px!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy h1{
    font-size:clamp(42px,11vw,62px)!important;
    line-height:.99!important;
  }

  body.cbh26-digital-page .cbh26-digital-copy p{
    font-size:16px!important;
  }

  body.cbh26-digital-page .cbh26-dd-unified-v198{
    border-radius:24px!important;
  }

  body.cbh26-digital-page .cbh26-dd-unified-v198 img{
    aspect-ratio:4/5!important;
    object-position:56% center!important;
    border-radius:24px!important;
  }
}


/* =========================================================
   v1.9.9 · HERO DIGITAL DEFINITIVO BASADO EN LA PROPUESTA
========================================================= */

body.cbh26-digital-page .cbh26-dd-final-v199{
  display:none!important;
}

/* Escritorio: composición única, sin reconstrucción por capas */
@media(min-width:1101px){
  body.cbh26-digital-page .cbh26-dd-hero{
    position:relative!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f7fbfa!important;
  }

  body.cbh26-digital-page .cbh26-dd-hero::before,
  body.cbh26-digital-page .cbh26-dd-hero::after,
  body.cbh26-digital-page .cbh26-dd-hero > canvas{
    display:none!important;
  }

  body.cbh26-digital-page .cbh26-dd-final-v199{
    display:block!important;
    width:100%!important;
    margin:0!important;
    position:relative!important;
    z-index:2!important;
    background:#f7fbfa!important;
  }

  body.cbh26-digital-page .cbh26-dd-final-v199 picture,
  body.cbh26-digital-page .cbh26-dd-final-v199 img{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }

  body.cbh26-digital-page .cbh26-dd-final-v199 img{
    object-fit:contain!important;
    object-position:center top!important;
  }

  /* Mantiene el contenido para SEO y accesibilidad sin duplicarlo visualmente */
  body.cbh26-digital-page .cbh26-dd-hero > .cbh26-digital-hero__grid{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
}

/* Tablet y móvil: conserva el contenido HTML real y responsive */
@media(max-width:1100px){
  body.cbh26-digital-page .cbh26-dd-final-v199{
    display:none!important;
  }

  body.cbh26-digital-page .cbh26-dd-hero > .cbh26-digital-hero__grid{
    position:relative!important;
    width:auto!important;
    height:auto!important;
    margin:0 auto!important;
    overflow:visible!important;
    clip:auto!important;
    white-space:normal!important;
  }
}


/* =========================================================
   v2.0.0 · HERO DESARROLLO DIGITAL RECONSTRUIDO
========================================================= */

body.cbh26-digital-page .cbh26-dd-hero-v200{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(58px,5vw,86px) 0 clamp(64px,6vw,96px)!important;
  background:
    radial-gradient(circle at 82% 15%,rgba(100,204,197,.20),transparent 28%),
    radial-gradient(circle at 88% 80%,rgba(145,90,224,.14),transparent 32%),
    linear-gradient(135deg,#fbfcfc,#f2f8f7)!important;
}

body.cbh26-digital-page .cbh26-dd-hero-v200::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 37%,rgba(255,255,255,.40) 54%,transparent 72%)!important;
}

body.cbh26-digital-page .cbh26-dd-layout-v200{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,39%) minmax(0,61%)!important;
  gap:clamp(28px,3vw,52px)!important;
  align-items:center!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v200 h1{
  max-width:620px!important;
  margin:12px 0 0!important;
  font-size:clamp(52px,4.8vw,78px)!important;
  line-height:.97!important;
  letter-spacing:-.052em!important;
  text-wrap:balance!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v200 h1 span{
  color:#316767!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v200 p{
  max-width:610px!important;
  margin:24px 0 0!important;
  color:#607075!important;
  font-size:clamp(17px,1.15vw,21px)!important;
  line-height:1.55!important;
}

body.cbh26-digital-page .cbh26-dd-actions-v200{
  margin-top:28px!important;
  gap:14px!important;
}

body.cbh26-digital-page .cbh26-dd-benefits-v200{
  margin-top:32px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

body.cbh26-digital-page .cbh26-dd-benefits-v200 article{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
}

body.cbh26-digital-page .cbh26-dd-benefits-v200 article span{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  color:#2c7775!important;
  background:#eef7f5!important;
  font-size:22px!important;
  box-shadow:0 10px 24px rgba(49,103,103,.08)!important;
}

body.cbh26-digital-page .cbh26-dd-benefits-v200 article:nth-child(2) span{color:#8b55e6!important;background:#f4eefc!important;}
body.cbh26-digital-page .cbh26-dd-benefits-v200 article:nth-child(3) span{color:#f29b2c!important;background:#fff4e4!important;}
body.cbh26-digital-page .cbh26-dd-benefits-v200 article:nth-child(4) span{color:#2f7fd8!important;background:#edf4fe!important;}

body.cbh26-digital-page .cbh26-dd-benefits-v200 strong{
  max-width:120px!important;
  color:#27303a!important;
  font-size:12px!important;
  line-height:1.25!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v200{
  position:relative!important;
  min-height:680px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.cbh26-digital-page .cbh26-dd-brush-v200{
  position:absolute!important;
  inset:3% -6% 3% -12%!important;
  border-radius:44% 56% 46% 54% / 42% 44% 56% 58%!important;
  background:
    linear-gradient(135deg,rgba(47,194,181,.72),rgba(74,176,203,.48) 46%,rgba(145,90,224,.70))!important;
  opacity:.34!important;
  transform:rotate(-5deg)!important;
  clip-path:polygon(2% 22%,17% 5%,48% 0,81% 9%,100% 30%,97% 72%,78% 95%,45% 100%,14% 91%,0 65%)!important;
}

body.cbh26-digital-page .cbh26-dd-tools-v200{
  position:absolute!important;
  inset:4% -2% -5% 65%!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
  z-index:1!important;
}

body.cbh26-digital-page .cbh26-dd-tools-v200::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(242,249,247,.70),transparent 30%)!important;
  pointer-events:none!important;
}

body.cbh26-digital-page .cbh26-dd-tools-v200 picture,
body.cbh26-digital-page .cbh26-dd-tools-v200 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-digital-page .cbh26-dd-tools-v200 img{
  object-fit:cover!important;
  object-position:center!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v200{
  position:relative!important;
  z-index:3!important;
  width:min(88%,790px)!important;
  margin-left:-7%!important;
  padding:28px!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 34px 74px rgba(39,71,77,.17)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

body.cbh26-digital-page .cbh26-dd-head-v200{
  min-height:46px!important;
  padding-bottom:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid rgba(49,103,103,.10)!important;
}

body.cbh26-digital-page .cbh26-dd-head-v200 strong{
  color:#20273b!important;
  font-size:17px!important;
}

body.cbh26-digital-page .cbh26-dd-head-v200 span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#315f62!important;
  font-size:10px!important;
  font-weight:800!important;
}

body.cbh26-digital-page .cbh26-dd-head-v200 i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#20bd93!important;
  box-shadow:0 0 0 6px rgba(32,189,147,.08)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v200{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:20px 0!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v200 article{
  min-height:108px!important;
  padding:17px!important;
  display:grid!important;
  grid-template-columns:50px 1fr!important;
  gap:13px!important;
  align-items:center!important;
  border-radius:18px!important;
  background:#f7faf9!important;
  box-shadow:inset 0 0 0 1px rgba(49,103,103,.06)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v200 .icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  font-size:21px!important;
  font-weight:800!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v200 .reach{color:#20bfa0!important;background:#e1f7f1!important;}
body.cbh26-digital-page .cbh26-dd-metrics-v200 .interaction{color:#8b55e6!important;background:#eee6fc!important;}
body.cbh26-digital-page .cbh26-dd-metrics-v200 .leads{color:#f39a22!important;background:#fff0dc!important;}

body.cbh26-digital-page .cbh26-dd-metrics-v200 small{
  display:block!important;
  color:#73858a!important;
  font-size:12px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v200 strong{
  display:block!important;
  margin-top:3px!important;
  color:#20273b!important;
  font-size:27px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v200 em{
  display:block!important;
  margin-top:4px!important;
  color:#7a8e92!important;
  font-size:9px!important;
  font-style:normal!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v200{
  position:relative!important;
  height:285px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#f8fbfa!important;
  box-shadow:inset 0 0 0 1px rgba(49,103,103,.06)!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v200 svg{
  position:absolute!important;
  inset:22px 22px 38px!important;
  width:calc(100% - 44px)!important;
  height:calc(100% - 60px)!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v200 .grid path{
  stroke:rgba(49,103,103,.08)!important;
  stroke-width:1!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v200 .area{fill:url(#ddArea200)!important;}
body.cbh26-digital-page .cbh26-dd-chart-v200 .line{fill:none!important;stroke:#20bfa0!important;stroke-width:5!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
body.cbh26-digital-page .cbh26-dd-chart-v200 .points circle{fill:#fff!important;stroke:#20bfa0!important;stroke-width:4!important;}

body.cbh26-digital-page .cbh26-dd-growth-v200{
  position:absolute!important;
  right:22px!important;
  top:18px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:#20bfa0!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v200 .months{
  position:absolute!important;
  left:28px!important;
  right:28px!important;
  bottom:12px!important;
  display:flex!important;
  justify-content:space-between!important;
  color:#708287!important;
  font-size:10px!important;
}

body.cbh26-digital-page .cbh26-dd-platforms-v200{
  margin-top:15px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}

body.cbh26-digital-page .cbh26-dd-platforms-v200 span{
  min-height:36px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  color:#315f62!important;
  background:#f2f6f5!important;
  font-size:10px!important;
  font-weight:700!important;
}

body.cbh26-digital-page .cbh26-dd-tool-badge-v200{
  position:absolute!important;
  z-index:5!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  font-weight:900!important;
  box-shadow:0 16px 30px rgba(35,36,57,.18)!important;
}

body.cbh26-digital-page .cbh26-dd-tool-badge-v200.ai{
  width:62px!important;height:62px!important;left:18%!important;top:1%!important;
  color:#ff9e28!important;background:#392013!important;font-size:27px!important;transform:rotate(-6deg)!important;
}

body.cbh26-digital-page .cbh26-dd-tool-badge-v200.ps{
  width:64px!important;height:64px!important;right:8%!important;top:0!important;
  color:#39aef7!important;background:#071d3c!important;font-size:28px!important;transform:rotate(6deg)!important;
}

@media(max-width:1180px){
  body.cbh26-digital-page .cbh26-dd-layout-v200{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v200 h1{
    max-width:820px!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v200{
    min-height:650px!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v200{
    width:min(82%,790px)!important;
    margin:0 auto!important;
  }
}

@media(max-width:720px){
  body.cbh26-digital-page .cbh26-dd-benefits-v200{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v200{
    min-height:590px!important;
  }

  body.cbh26-digital-page .cbh26-dd-dashboard-v200{
    width:96%!important;
    padding:17px!important;
  }

  body.cbh26-digital-page .cbh26-dd-metrics-v200{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-chart-v200{
    height:205px!important;
  }

  body.cbh26-digital-page .cbh26-dd-tools-v200{
    inset:110px -16px 0 44%!important;
  }

  body.cbh26-digital-page .cbh26-dd-tool-badge-v200{
    transform:scale(.76)!important;
  }
}


/* =========================================================
   v2.0.1 · IMAGEN CREATIVA INTEGRADA AL CUADRO
========================================================= */

body.cbh26-digital-page .cbh26-dd-stage-v201{
  position:relative!important;
  min-height:670px!important;
  display:grid!important;
  grid-template-columns:minmax(0,72%) minmax(250px,28%)!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 30px 70px rgba(39,71,77,.15)!important;
  isolation:isolate!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 58%,
      rgba(255,255,255,.24) 66%,
      rgba(100,204,197,.08) 100%
    )!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-brush-v200{
  display:none!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-dashboard-v200{
  position:relative!important;
  z-index:3!important;
  grid-column:1!important;
  width:auto!important;
  height:100%!important;
  min-height:670px!important;
  margin:0!important;
  padding:30px!important;
  border:0!important;
  border-radius:34px 0 0 34px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  grid-column:2!important;
  width:100%!important;
  height:100%!important;
  min-height:670px!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:0 34px 34px 0!important;
  background:#eef7f5!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.48) 15%,
      rgba(255,255,255,.08) 32%,
      transparent 55%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.06),
      transparent 24%,
      transparent 76%,
      rgba(16,44,53,.08)
    )!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200 picture,
body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200 img{
  object-fit:cover!important;
  object-position:58% center!important;
  transform:scale(1.02)!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tool-badge-v200{
  z-index:5!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tool-badge-v200.ai{
  left:auto!important;
  right:21%!important;
  top:4%!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tool-badge-v200.ps{
  right:4%!important;
  top:3%!important;
}

/* Ajustes internos para que el dashboard aproveche el nuevo cuadro */
body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-metrics-v200{
  gap:12px!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-chart-v200{
  height:290px!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-platforms-v200{
  margin-top:16px!important;
}

/* Tablet */
@media(max-width:1180px){
  body.cbh26-digital-page .cbh26-dd-stage-v201{
    min-height:620px!important;
    grid-template-columns:minmax(0,70%) minmax(220px,30%)!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-dashboard-v200,
  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200{
    min-height:620px!important;
  }
}

/* Móvil: dashboard arriba e imagen abajo dentro del mismo cuadro */
@media(max-width:760px){
  body.cbh26-digital-page .cbh26-dd-stage-v201{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto 260px!important;
    border-radius:26px!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-dashboard-v200{
    grid-column:1!important;
    grid-row:1!important;
    min-height:0!important;
    padding:18px!important;
    border-radius:26px 26px 0 0!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200{
    grid-column:1!important;
    grid-row:2!important;
    min-height:260px!important;
    border-radius:0 0 26px 26px!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200::before{
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.92) 0%,
        rgba(255,255,255,.32) 18%,
        transparent 48%
      )!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tool-badge-v200{
    transform:scale(.72)!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tool-badge-v200.ai{
    right:72px!important;
    top:auto!important;
    bottom:188px!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tool-badge-v200.ps{
    right:8px!important;
    top:auto!important;
    bottom:190px!important;
  }
}

/* =========================================================
   v2.0.2 · CORRECCIÓN DEFINITIVA GRID DASHBOARD + IMAGEN
========================================================= */

body.cbh26-digital-page .cbh26-dd-stage-v201{
  grid-template-columns:minmax(0,72%) minmax(0,28%)!important;
  grid-template-rows:minmax(620px,auto)!important;
  min-height:620px!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-dashboard-v200{
  grid-column:1!important;
  grid-row:1!important;
  align-self:stretch!important;
  min-height:620px!important;
  height:auto!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200{
  grid-column:2!important;
  grid-row:1!important;
  align-self:stretch!important;
  min-height:620px!important;
  height:auto!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200 img{
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-dashboard-v200{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-chart-v200{
  flex:0 0 270px!important;
  height:270px!important;
}

@media(max-width:1180px){
  body.cbh26-digital-page .cbh26-dd-stage-v201{
    grid-template-columns:minmax(0,70%) minmax(0,30%)!important;
    grid-template-rows:minmax(590px,auto)!important;
    min-height:590px!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-dashboard-v200,
  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200{
    min-height:590px!important;
  }
}

@media(max-width:760px){
  body.cbh26-digital-page .cbh26-dd-stage-v201{
    grid-template-columns:1fr!important;
    grid-template-rows:auto 260px!important;
    min-height:0!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-dashboard-v200{
    grid-column:1!important;
    grid-row:1!important;
    min-height:0!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200{
    grid-column:1!important;
    grid-row:2!important;
    min-height:260px!important;
  }
}


/* =========================================================
   v2.0.3 · HERO DIGITAL MÁS CREATIVO Y EQUILIBRADO
========================================================= */

body.cbh26-digital-page .cbh26-dd-layout-v200{
  grid-template-columns:minmax(0,38%) minmax(0,62%)!important;
  gap:38px!important;
  align-items:center!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v200{
  max-width:610px!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v200 h1{
  max-width:600px!important;
  font-size:clamp(50px,4.45vw,72px)!important;
  line-height:.97!important;
  letter-spacing:-.05em!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v200 p{
  max-width:580px!important;
  font-size:clamp(16px,1.05vw,19px)!important;
  line-height:1.58!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201{
  min-height:620px!important;
  grid-template-columns:minmax(0,74%) minmax(220px,26%)!important;
  border-radius:32px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,250,248,.96))!important;
  box-shadow:0 30px 74px rgba(39,71,77,.16),0 0 0 1px rgba(255,255,255,.9) inset!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201::before{
  background:linear-gradient(90deg,transparent 54%,rgba(100,204,197,.08) 68%,rgba(140,95,221,.10) 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-dashboard-v200{
  min-height:620px!important;
  padding:28px!important;
  border-radius:32px 0 0 32px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200{
  min-height:620px!important;
  border-radius:0 32px 32px 0!important;
  background:linear-gradient(180deg,#eaf8f5 0%,#efeafd 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200::before{
  background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.38) 16%,transparent 38%),
             linear-gradient(180deg,rgba(255,255,255,.05),transparent 20%,transparent 78%,rgba(18,43,53,.09))!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200 img{
  object-position:62% center!important;
  transform:scale(1.04)!important;
}

body.cbh26-digital-page .cbh26-dd-head-v200{
  min-height:42px!important;
  padding-bottom:16px!important;
}

body.cbh26-digital-page .cbh26-dd-head-v200 strong{
  font-size:16px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v200{
  gap:12px!important;
  margin:18px 0!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v200 article{
  min-height:94px!important;
  padding:15px!important;
  grid-template-columns:44px 1fr!important;
  gap:11px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#f8fbfa,#eef7f5)!important;
  box-shadow:inset 0 0 0 1px rgba(49,103,103,.055),0 10px 22px rgba(49,103,103,.035)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v200 .icon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  font-size:19px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v200 small{font-size:11px!important;}
body.cbh26-digital-page .cbh26-dd-metrics-v200 strong{font-size:24px!important;}

body.cbh26-digital-page .cbh26-dd-chart-v200{
  height:250px!important;
  border-radius:18px!important;
  background:linear-gradient(rgba(49,103,103,.055) 1px,transparent 1px),
             linear-gradient(90deg,rgba(49,103,103,.055) 1px,transparent 1px),
             #f9fbfb!important;
  background-size:100% 42px,68px 100%,auto!important;
}

body.cbh26-digital-page .cbh26-dd-chart-v200 svg{
  inset:18px 18px 34px!important;
  width:calc(100% - 36px)!important;
  height:calc(100% - 52px)!important;
}

body.cbh26-digital-page .cbh26-dd-growth-v200{
  right:18px!important;
  top:14px!important;
  padding:7px 11px!important;
}

body.cbh26-digital-page .cbh26-dd-platforms-v200{
  gap:8px!important;
  margin-top:13px!important;
}

body.cbh26-digital-page .cbh26-dd-platforms-v200 span{
  min-height:32px!important;
  padding:0 12px!important;
  font-size:9px!important;
  background:#f1f6f5!important;
}

body.cbh26-digital-page .cbh26-dd-tool-badge-v200.ai{
  width:56px!important;
  height:56px!important;
  right:19%!important;
  top:4%!important;
  font-size:24px!important;
}

body.cbh26-digital-page .cbh26-dd-tool-badge-v200.ps{
  width:58px!important;
  height:58px!important;
  right:3%!important;
  top:4%!important;
  font-size:25px!important;
}

body.cbh26-digital-page .cbh26-dd-benefits-v200{
  margin-top:30px!important;
  gap:12px!important;
}

body.cbh26-digital-page .cbh26-dd-benefits-v200 article{
  padding:14px 10px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 24px rgba(49,103,103,.055)!important;
}

body.cbh26-digital-page .cbh26-dd-benefits-v200 article span{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  font-size:19px!important;
}

body.cbh26-digital-page .cbh26-dd-benefits-v200 strong{
  font-size:11px!important;
  line-height:1.3!important;
}

@media(max-width:1180px){
  body.cbh26-digital-page .cbh26-dd-layout-v200{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201{
    min-height:580px!important;
    grid-template-columns:minmax(0,72%) minmax(210px,28%)!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-dashboard-v200,
  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200{
    min-height:580px!important;
  }
}

@media(max-width:760px){
  body.cbh26-digital-page .cbh26-dd-stage-v201{
    grid-template-columns:1fr!important;
    grid-template-rows:auto 250px!important;
    min-height:0!important;
    border-radius:24px!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-dashboard-v200{
    min-height:0!important;
    padding:17px!important;
    border-radius:24px 24px 0 0!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201 .cbh26-dd-tools-v200{
    min-height:250px!important;
    border-radius:0 0 24px 24px!important;
  }

  body.cbh26-digital-page .cbh26-dd-chart-v200{
    height:195px!important;
  }
}


/* =========================================================
   v2.0.5 · SERVICIOS DIGITALES MÁS CREATIVOS
========================================================= */

body.cbh26-digital-page .cbh26-dd-services-section-v205{
  position:relative!important;
  overflow:hidden!important;
  padding-top:clamp(72px,7vw,112px)!important;
  padding-bottom:clamp(78px,7vw,118px)!important;
  background:
    radial-gradient(circle at 84% 12%,rgba(100,204,197,.18),transparent 26%),
    radial-gradient(circle at 10% 88%,rgba(139,85,230,.10),transparent 24%),
    linear-gradient(180deg,#f8fbfa 0%,#eef7f5 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.22!important;
  background-image:
    linear-gradient(rgba(49,103,103,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.055) 1px,transparent 1px)!important;
  background-size:46px 46px!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-shell{
  position:relative!important;
  z-index:2!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading{
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.45fr)!important;
  column-gap:54px!important;
  align-items:end!important;
  margin-bottom:38px!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading::after{
  content:"CREAR  ·  POSICIONAR  ·  AUTOMATIZAR"!important;
  min-height:118px!important;
  padding:26px 30px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:26px!important;
  color:#316767!important;
  background:
    radial-gradient(circle at 78% 24%,rgba(100,204,197,.35),transparent 33%),
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(232,246,243,.96))!important;
  box-shadow:0 20px 44px rgba(49,103,103,.08)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-align:right!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading h2{
  max-width:820px!important;
  margin-bottom:16px!important;
  font-size:clamp(44px,4.4vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.048em!important;
  text-wrap:balance!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading p{
  max-width:720px!important;
  font-size:16px!important;
  line-height:1.6!important;
}

body.cbh26-digital-page .cbh26-dd-services-v205{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205{
  --card-accent:#64ccc5;
  --card-accent-soft:rgba(100,204,197,.12);
  position:relative!important;
  min-height:350px!important;
  padding:24px 22px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:24px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(248,252,251,.95))!important;
  box-shadow:0 18px 40px rgba(37,69,74,.075),inset 0 1px 0 rgba(255,255,255,.92)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:5px!important;
  background:linear-gradient(90deg,var(--card-accent),transparent 88%)!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205::after{
  content:""!important;
  position:absolute!important;
  right:-34px!important;
  top:-34px!important;
  width:116px!important;
  height:116px!important;
  border-radius:50%!important;
  background:var(--card-accent-soft)!important;
  transition:transform .3s ease!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205:hover{
  transform:translateY(-7px)!important;
  box-shadow:0 28px 56px rgba(37,69,74,.13)!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205:hover::after{
  transform:scale(1.18)!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 > span{
  position:relative!important;
  z-index:2!important;
  width:46px!important;
  height:46px!important;
  margin-bottom:18px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:15px!important;
  color:#173f44!important;
  background:var(--card-accent-soft)!important;
  font-size:12px!important;
  font-weight:900!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 > span::after{
  position:absolute!important;
  left:58px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:var(--card-accent)!important;
  font-size:28px!important;
  line-height:1!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 h3{
  position:relative!important;
  z-index:2!important;
  margin:0 0 10px!important;
  color:#172f35!important;
  font-size:18px!important;
  line-height:1.22!important;
  letter-spacing:-.025em!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 p{
  position:relative!important;
  z-index:2!important;
  margin:0 0 16px!important;
  color:#64777c!important;
  font-size:12px!important;
  line-height:1.55!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 ul{
  position:relative!important;
  z-index:2!important;
  margin:0 0 22px!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  list-style:none!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 li{
  margin:0!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  color:#40656a!important;
  background:#f0f6f5!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 li::before{
  display:none!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 a{
  position:relative!important;
  z-index:2!important;
  margin-top:auto!important;
  min-height:42px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#316767,var(--card-accent))!important;
  font-size:10px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:0 12px 24px rgba(49,103,103,.14)!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 a::after{
  content:"↗"!important;
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  color:#316767!important;
  background:rgba(255,255,255,.90)!important;
  font-size:12px!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205--social{--card-accent:#2bb9a7;--card-accent-soft:rgba(43,185,167,.13);}
body.cbh26-digital-page .cbh26-dd-card-v205--social > span::after{content:"◎"!important;}
body.cbh26-digital-page .cbh26-dd-card-v205--branding{--card-accent:#8b55e6;--card-accent-soft:rgba(139,85,230,.12);}
body.cbh26-digital-page .cbh26-dd-card-v205--branding > span::after{content:"◇"!important;}
body.cbh26-digital-page .cbh26-dd-card-v205--manual{--card-accent:#f0a12b;--card-accent-soft:rgba(240,161,43,.13);}
body.cbh26-digital-page .cbh26-dd-card-v205--manual > span::after{content:"▤"!important;}
body.cbh26-digital-page .cbh26-dd-card-v205--web{--card-accent:#3286da;--card-accent-soft:rgba(50,134,218,.12);}
body.cbh26-digital-page .cbh26-dd-card-v205--web > span::after{content:"⌘"!important;}
body.cbh26-digital-page .cbh26-dd-card-v205--metrics{--card-accent:#00a89c;--card-accent-soft:rgba(0,168,156,.12);}
body.cbh26-digital-page .cbh26-dd-card-v205--metrics > span::after{content:"↗"!important;}
body.cbh26-digital-page .cbh26-dd-card-v205--ads{--card-accent:#536ee8;--card-accent-soft:rgba(83,110,232,.12);}
body.cbh26-digital-page .cbh26-dd-card-v205--ads > span::after{content:"◖"!important;}
body.cbh26-digital-page .cbh26-dd-card-v205--graphic{--card-accent:#e95e8a;--card-accent-soft:rgba(233,94,138,.12);}
body.cbh26-digital-page .cbh26-dd-card-v205--graphic > span::after{content:"✦"!important;}
body.cbh26-digital-page .cbh26-dd-card-v205--automation{--card-accent:#24a77a;--card-accent-soft:rgba(36,167,122,.13);}
body.cbh26-digital-page .cbh26-dd-card-v205--automation > span::after{content:"⚙"!important;}

@media(max-width:1260px){
  body.cbh26-digital-page .cbh26-dd-services-v205{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-digital-page .cbh26-dd-card-v205{
    min-height:330px!important;
  }
}

@media(max-width:820px){
  body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading{
    grid-template-columns:1fr!important;
    row-gap:20px!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading::after{
    min-height:86px!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
}

@media(max-width:620px){
  body.cbh26-digital-page .cbh26-dd-services-v205{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-card-v205{
    min-height:0!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading h2{
    font-size:clamp(38px,11vw,54px)!important;
  }
}


/* =========================================================
   v2.0.6 · SERVICIOS DIGITALES REFINADOS
========================================================= */

body.cbh26-digital-page .cbh26-dd-services-section-v205{
  padding-top:clamp(66px,6vw,96px)!important;
  padding-bottom:clamp(70px,6vw,102px)!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(100,204,197,.15),transparent 25%),
    radial-gradient(circle at 8% 92%,rgba(139,85,230,.075),transparent 24%),
    linear-gradient(180deg,#f9fbfb 0%,#f1f8f6 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading{
  display:block!important;
  max-width:960px!important;
  margin:0 0 42px!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading::after{
  display:none!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading h2{
  max-width:900px!important;
  margin:12px 0 16px!important;
  font-size:clamp(42px,4.1vw,66px)!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading p{
  max-width:760px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.65!important;
}

body.cbh26-digital-page .cbh26-dd-services-v205{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205{
  min-height:270px!important;
  padding:22px 20px 20px!important;
  border-radius:22px!important;
  background:
    linear-gradient(150deg,rgba(255,255,255,.98),rgba(247,251,250,.96))!important;
  box-shadow:
    0 14px 34px rgba(37,69,74,.065),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205::before{
  height:4px!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205::after{
  right:-42px!important;
  top:-42px!important;
  width:128px!important;
  height:128px!important;
  opacity:.72!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 22px 46px rgba(37,69,74,.11)!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 > span{
  width:42px!important;
  height:42px!important;
  margin-bottom:16px!important;
  border-radius:13px!important;
  font-size:11px!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 > span::after{
  left:54px!important;
  font-size:24px!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 h3{
  max-width:230px!important;
  margin-bottom:9px!important;
  font-size:17px!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 p{
  margin-bottom:14px!important;
  font-size:11px!important;
  line-height:1.55!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 ul{
  margin:auto 0 0!important;
  gap:6px!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 li{
  padding:6px 9px!important;
  border:1px solid rgba(49,103,103,.06)!important;
  color:#4b686c!important;
  background:rgba(240,246,245,.88)!important;
  font-size:8.5px!important;
}

/* Elimina los botones individuales de las tarjetas */
body.cbh26-digital-page .cbh26-dd-card-v205 > a{
  display:none!important;
}

/* Variación editorial: algunas tarjetas tienen más presencia visual */
body.cbh26-digital-page .cbh26-dd-card-v205--social,
body.cbh26-digital-page .cbh26-dd-card-v205--web,
body.cbh26-digital-page .cbh26-dd-card-v205--automation{
  background:
    radial-gradient(circle at 100% 0,var(--card-accent-soft),transparent 38%),
    linear-gradient(150deg,#fff,#f7fbfa)!important;
}

body.cbh26-digital-page .cbh26-dd-services-footer-v206{
  margin-top:22px!important;
  padding:18px 20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:22px!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:22px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,246,243,.96))!important;
  box-shadow:0 16px 36px rgba(49,103,103,.07)!important;
}

body.cbh26-digital-page .cbh26-dd-services-values-v206{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

body.cbh26-digital-page .cbh26-dd-services-values-v206 span{
  min-height:44px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border-right:1px solid rgba(49,103,103,.10)!important;
  color:#294f54!important;
  font-size:10px!important;
  font-weight:800!important;
}

body.cbh26-digital-page .cbh26-dd-services-values-v206 span:last-child{
  border-right:0!important;
}

body.cbh26-digital-page .cbh26-dd-services-values-v206 i{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  border-radius:9px!important;
  color:#316767!important;
  background:rgba(100,204,197,.14)!important;
  font-size:9px!important;
  font-style:normal!important;
}

body.cbh26-digital-page .cbh26-dd-services-cta-v206{
  min-height:46px!important;
  padding:0 16px!important;
  white-space:nowrap!important;
  box-shadow:0 12px 26px rgba(49,103,103,.14)!important;
}

/* Ajustes de composición en pantallas medianas */
@media(max-width:1260px){
  body.cbh26-digital-page .cbh26-dd-services-v205{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-digital-page .cbh26-dd-card-v205{
    min-height:245px!important;
  }
}

@media(max-width:920px){
  body.cbh26-digital-page .cbh26-dd-services-footer-v206{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-values-v206{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-values-v206 span:nth-child(2){
    border-right:0!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-cta-v206{
    width:max-content!important;
  }
}

@media(max-width:620px){
  body.cbh26-digital-page .cbh26-dd-services-v205{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-card-v205{
    min-height:0!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-values-v206{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-values-v206 span{
    border-right:0!important;
    border-bottom:1px solid rgba(49,103,103,.08)!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-values-v206 span:last-child{
    border-bottom:0!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-cta-v206{
    width:100%!important;
    justify-content:center!important;
  }
}


/* =========================================================
   v2.0.7 · TIPOGRAFÍA Y MARCA E IDENTIDAD CREATIVA
========================================================= */

/* Tipografía un poco mayor en la sección de servicios */
body.cbh26-digital-page .cbh26-dd-card-v205 h3{
  font-size:18.5px!important;
  line-height:1.24!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 p{
  font-size:12px!important;
  line-height:1.6!important;
}

body.cbh26-digital-page .cbh26-dd-card-v205 li{
  font-size:9px!important;
}

body.cbh26-digital-page .cbh26-dd-services-values-v206 span{
  font-size:10.5px!important;
}

/* Fondo y composición de Marca e identidad */
body.cbh26-digital-page .cbh26-dd-branding-v207{
  position:relative!important;
  overflow:hidden!important;
  padding-top:clamp(76px,7vw,112px)!important;
  padding-bottom:clamp(82px,7vw,122px)!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(100,204,197,.18),transparent 28%),
    radial-gradient(circle at 10% 84%,rgba(139,85,230,.08),transparent 24%),
    linear-gradient(180deg,#f9fbfb 0%,#eef7f5 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-branding-v207::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.18!important;
  background-image:
    linear-gradient(rgba(49,103,103,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.055) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 40%,#000 72%,#000 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-branding-grid-v207{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr)!important;
  gap:clamp(42px,5vw,86px)!important;
  align-items:center!important;
}

body.cbh26-digital-page .cbh26-dd-branding-v207 h2{
  max-width:760px!important;
  margin:10px 0 16px!important;
  font-size:clamp(48px,4.8vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.052em!important;
  text-wrap:balance!important;
}

body.cbh26-digital-page .cbh26-dd-branding-v207 .cbh26-dd-branding-grid-v207 > div:first-child > p{
  max-width:660px!important;
  font-size:17px!important;
  line-height:1.65!important;
}

body.cbh26-digital-page .cbh26-dd-branding-v207 .cbh26-dd-points{
  gap:12px!important;
  margin-top:22px!important;
}

body.cbh26-digital-page .cbh26-dd-branding-v207 .cbh26-dd-points article{
  min-height:84px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 12px 28px rgba(49,103,103,.06)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}

body.cbh26-digital-page .cbh26-dd-branding-v207 .cbh26-dd-points article:hover{
  transform:translateX(6px)!important;
  box-shadow:0 18px 36px rgba(49,103,103,.10)!important;
}

body.cbh26-digital-page .cbh26-dd-branding-v207 .cbh26-dd-points strong{
  font-size:16px!important;
}

body.cbh26-digital-page .cbh26-dd-branding-v207 .cbh26-dd-points small{
  font-size:12px!important;
  line-height:1.5!important;
}

/* Panel visual derecho */
body.cbh26-digital-page .cbh26-dd-brandboard-v207{
  position:relative!important;
  min-height:430px!important;
  padding:24px!important;
  overflow:visible!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 76% 18%,rgba(100,204,197,.18),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,248,246,.97))!important;
  box-shadow:
    0 28px 62px rgba(40,71,77,.14),
    inset 0 1px 0 rgba(255,255,255,.94)!important;
}

body.cbh26-digital-page .cbh26-dd-brandboard-v207::before{
  content:""!important;
  position:absolute!important;
  inset:10% 8% 8% 10%!important;
  border-radius:38% 62% 54% 46% / 44% 40% 60% 56%!important;
  background:linear-gradient(135deg,rgba(100,204,197,.20),rgba(139,85,230,.12))!important;
  transform:rotate(-5deg)!important;
  pointer-events:none!important;
}

body.cbh26-digital-page .cbh26-dd-brandboard-v207 .logo,
body.cbh26-digital-page .cbh26-dd-brandboard-v207 .colors,
body.cbh26-digital-page .cbh26-dd-brandboard-v207 .type{
  position:relative!important;
  z-index:3!important;
}

body.cbh26-digital-page .cbh26-dd-brandboard-v207 .logo{
  transform:translateY(8px)!important;
  box-shadow:0 18px 34px rgba(35,36,57,.08)!important;
}

body.cbh26-digital-page .cbh26-dd-brandboard-v207 .colors,
body.cbh26-digital-page .cbh26-dd-brandboard-v207 .type{
  box-shadow:0 14px 28px rgba(35,36,57,.06)!important;
}

/* Elementos flotantes */
body.cbh26-digital-page .cbh26-dd-float-v207{
  position:absolute!important;
  z-index:5!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:none!important;
  box-shadow:0 18px 34px rgba(35,36,57,.14)!important;
  animation:cbh26Float207 5.5s ease-in-out infinite!important;
}

body.cbh26-digital-page .cbh26-dd-float-v207--spark{
  width:54px!important;
  height:54px!important;
  right:5%!important;
  top:8%!important;
  border-radius:17px!important;
  color:#8b55e6!important;
  background:#f3edfc!important;
  font-size:25px!important;
  transform:rotate(8deg)!important;
}

body.cbh26-digital-page .cbh26-dd-float-v207--type{
  width:72px!important;
  height:72px!important;
  left:-5%!important;
  bottom:12%!important;
  border-radius:20px!important;
  color:#232439!important;
  background:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
  transform:rotate(-8deg)!important;
  animation-delay:-1.2s!important;
}

body.cbh26-digital-page .cbh26-dd-float-v207--grid{
  width:70px!important;
  height:70px!important;
  right:-3%!important;
  bottom:16%!important;
  border-radius:18px!important;
  background:
    linear-gradient(90deg,rgba(49,103,103,.18) 1px,transparent 1px),
    linear-gradient(rgba(49,103,103,.18) 1px,transparent 1px),
    rgba(255,255,255,.92)!important;
  background-size:14px 14px!important;
  transform:rotate(7deg)!important;
  animation-delay:-2.4s!important;
}

body.cbh26-digital-page .cbh26-dd-float-v207--palette{
  width:110px!important;
  height:44px!important;
  left:10%!important;
  top:4%!important;
  display:flex!important;
  gap:7px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
  transform:rotate(-4deg)!important;
  animation-delay:-3.3s!important;
}

body.cbh26-digital-page .cbh26-dd-float-v207--palette i{
  width:22px!important;
  height:22px!important;
  border-radius:8px!important;
  display:block!important;
}

body.cbh26-digital-page .cbh26-dd-float-v207--palette i:nth-child(1){background:#316767!important;}
body.cbh26-digital-page .cbh26-dd-float-v207--palette i:nth-child(2){background:#64ccc5!important;}
body.cbh26-digital-page .cbh26-dd-float-v207--palette i:nth-child(3){background:#8b55e6!important;}

@keyframes cbh26Float207{
  0%,100%{translate:0 0}
  50%{translate:0 -10px}
}

@media(max-width:980px){
  body.cbh26-digital-page .cbh26-dd-branding-grid-v207{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-brandboard-v207{
    min-height:390px!important;
  }
}

@media(max-width:640px){
  body.cbh26-digital-page .cbh26-dd-branding-v207 h2{
    font-size:clamp(42px,11vw,58px)!important;
  }

  body.cbh26-digital-page .cbh26-dd-branding-v207 .cbh26-dd-branding-grid-v207 > div:first-child > p{
    font-size:15px!important;
  }

  body.cbh26-digital-page .cbh26-dd-brandboard-v207{
    min-height:330px!important;
    padding:16px!important;
  }

  body.cbh26-digital-page .cbh26-dd-float-v207{
    transform:scale(.78)!important;
  }
}


/* =========================================================
   v2.0.9 · TÍTULOS AMPLIOS Y RESPONSIVE CONTROLADO
   Ajustes exclusivamente de distribución y tipografía.
   No modifica controles flotantes ni botones de scroll.
========================================================= */

:root{
  --cbh26-v209-gutter:clamp(18px,3vw,54px);
}

/* Contenedor fluido sin alterar componentes flotantes */
.cbh26-shell{
  width:min(100% - (var(--cbh26-v209-gutter) * 2),1560px)!important;
  max-width:1560px!important;
  margin-inline:auto!important;
}

/* Evita cortes incómodos en títulos */
.cbh26-digital-page h1,
.cbh26-digital-page h2,
.cbh26-digital-page h3,
.cbh26-software-page h1,
.cbh26-software-page h2,
.cbh26-software-page h3,
.cbh26-telecom-page h1,
.cbh26-telecom-page h2,
.cbh26-contact-page h1,
.cbh26-contact-page h2{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

.cbh26-digital-page h1,
.cbh26-digital-page h2,
.cbh26-software-page h1,
.cbh26-software-page h2,
.cbh26-telecom-page h1,
.cbh26-contact-page h1{
  text-wrap:balance!important;
}

/* Desarrollo Digital: más ancho útil para títulos */
body.cbh26-digital-page .cbh26-dd-copy-v200{
  max-width:680px!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v200 h1{
  max-width:680px!important;
  font-size:clamp(48px,4.35vw,76px)!important;
  line-height:1.01!important;
  letter-spacing:-.046em!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading{
  max-width:1080px!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading h2{
  max-width:1040px!important;
  font-size:clamp(42px,3.95vw,66px)!important;
  line-height:1.03!important;
  letter-spacing:-.043em!important;
}

body.cbh26-digital-page .cbh26-dd-branding-v207 h2{
  max-width:860px!important;
  font-size:clamp(46px,4.25vw,74px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}

/* Grillas principales */
body.cbh26-digital-page .cbh26-dd-layout-v200{
  grid-template-columns:minmax(450px,.94fr) minmax(600px,1.06fr)!important;
  gap:clamp(34px,4vw,68px)!important;
}

body.cbh26-digital-page .cbh26-dd-branding-grid-v207{
  grid-template-columns:minmax(440px,.94fr) minmax(500px,1.06fr)!important;
  gap:clamp(38px,4.5vw,76px)!important;
}

body.cbh26-digital-page .cbh26-dd-layout-v200 > *,
body.cbh26-digital-page .cbh26-dd-branding-grid-v207 > *,
body.cbh26-software-page .cbsoft-hero-v160__grid > *,
body.cbh26-software-page .cbsoft-scale-v182__hero > *{
  min-width:0!important;
}

/* Imágenes y medios: solo protección de desbordamiento */
.cbh26-digital-page img,
.cbh26-software-page img,
.cbh26-telecom-page img,
.cbh26-contact-page img,
.cbh26-digital-page video,
.cbh26-software-page video,
.cbh26-telecom-page video{
  max-width:100%!important;
}

/* Portátiles */
@media(max-width:1360px){
  body.cbh26-digital-page .cbh26-dd-layout-v200{
    grid-template-columns:minmax(410px,.9fr) minmax(540px,1.1fr)!important;
    gap:30px!important;
  }

  body.cbh26-digital-page .cbh26-dd-branding-grid-v207{
    grid-template-columns:minmax(400px,.92fr) minmax(460px,1.08fr)!important;
    gap:40px!important;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v200 h1{
    font-size:clamp(46px,4vw,68px)!important;
  }

  body.cbh26-digital-page .cbh26-dd-branding-v207 h2{
    font-size:clamp(44px,4vw,68px)!important;
  }
}

/* Tablet horizontal / portátil pequeño */
@media(max-width:1120px){
  :root{
    --cbh26-v209-gutter:22px;
  }

  body.cbh26-digital-page .cbh26-dd-layout-v200,
  body.cbh26-digital-page .cbh26-dd-branding-grid-v207,
  body.cbh26-software-page .cbsoft-hero-v160__grid,
  body.cbh26-software-page .cbsoft-scale-v182__hero{
    grid-template-columns:1fr!important;
    gap:36px!important;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v200,
  body.cbh26-digital-page .cbh26-dd-branding-grid-v207 > div:first-child{
    max-width:900px!important;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v200 h1,
  body.cbh26-digital-page .cbh26-dd-branding-v207 h2{
    max-width:880px!important;
    font-size:clamp(46px,6vw,68px)!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-v205{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v201,
  body.cbh26-digital-page .cbh26-dd-brandboard-v207{
    width:100%!important;
  }
}

/* Tablet vertical */
@media(max-width:820px){
  :root{
    --cbh26-v209-gutter:18px;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v200 h1,
  body.cbh26-digital-page .cbh26-dd-branding-v207 h2,
  body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading h2{
    max-width:100%!important;
    font-size:clamp(42px,8.2vw,60px)!important;
    line-height:1.04!important;
    letter-spacing:-.038em!important;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v200 p,
  body.cbh26-digital-page .cbh26-dd-branding-grid-v207 > div:first-child > p,
  body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading p{
    max-width:100%!important;
    font-size:16px!important;
  }

  body.cbh26-digital-page .cbh26-dd-benefits-v200{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-footer-v206{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-values-v206{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-cta-v206{
    width:max-content!important;
    max-width:100%!important;
  }
}

/* Móvil */
@media(max-width:620px){
  :root{
    --cbh26-v209-gutter:14px;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v200 h1,
  body.cbh26-digital-page .cbh26-dd-branding-v207 h2,
  body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading h2{
    font-size:clamp(38px,11vw,50px)!important;
    line-height:1.05!important;
    letter-spacing:-.032em!important;
    text-wrap:wrap!important;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v200 p,
  body.cbh26-digital-page .cbh26-dd-branding-grid-v207 > div:first-child > p,
  body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading p{
    font-size:15px!important;
    line-height:1.62!important;
  }

  body.cbh26-digital-page .cbh26-dd-actions-v200{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-actions-v200 .cbh26-btn{
    width:100%!important;
    justify-content:center!important;
  }

  body.cbh26-digital-page .cbh26-dd-benefits-v200,
  body.cbh26-digital-page .cbh26-dd-services-v205,
  body.cbh26-digital-page .cbh26-dd-services-values-v206{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-card-v205{
    min-height:0!important;
    padding:20px 18px!important;
  }

  body.cbh26-digital-page .cbh26-dd-brandboard-v207{
    min-height:300px!important;
    padding:14px!important;
  }

  body.cbh26-digital-page .cbh26-dd-float-v207{
    animation:none!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-cta-v206{
    width:100%!important;
    justify-content:center!important;
  }
}

/* Móviles pequeños */
@media(max-width:390px){
  :root{
    --cbh26-v209-gutter:11px;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v200 h1,
  body.cbh26-digital-page .cbh26-dd-branding-v207 h2,
  body.cbh26-digital-page .cbh26-dd-services-section-v205 .cbh26-heading h2{
    font-size:clamp(34px,10.8vw,43px)!important;
  }
}


/* =========================================================
   v2.1.0 · MARKETING Y MÉTRICAS DINÁMICO
========================================================= */

body.cbh26-digital-page .cbh26-dd-metrics-v210{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(74px,7vw,118px) 0 clamp(80px,7vw,124px)!important;
  background:
    radial-gradient(circle at 16% 18%,rgba(31,191,160,.14),transparent 28%),
    radial-gradient(circle at 84% 72%,rgba(98,84,218,.12),transparent 30%),
    linear-gradient(135deg,#071520 0%,#0a1824 52%,#0d1c2a 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.20!important;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-shell{
  position:relative!important;
  z-index:2!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading{
  max-width:980px!important;
  margin:0 auto 48px!important;
  text-align:center!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-kicker{
  color:#46d7ad!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading h2{
  max-width:940px!important;
  margin:12px auto 18px!important;
  color:#fff!important;
  font-size:clamp(46px,4.7vw,76px)!important;
  line-height:1.01!important;
  letter-spacing:-.048em!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading p{
  max-width:720px!important;
  margin:0 auto!important;
  color:#c7d2dc!important;
  font-size:clamp(17px,1.25vw,22px)!important;
  line-height:1.55!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-grid-v210{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.82fr)!important;
  gap:24px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-panel-v210{
  position:relative!important;
  min-height:510px!important;
  padding:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(129,170,190,.16)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(20,37,51,.94),rgba(17,32,46,.96))!important;
  box-shadow:0 30px 70px rgba(0,0,0,.24)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-dd-metric-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:18px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-dd-metric-cards article{
  min-height:102px!important;
  padding:17px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(35,53,69,.95),rgba(29,45,60,.95))!important;
  transition:transform .28s ease,border-color .28s ease!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-dd-metric-cards article:hover{
  transform:translateY(-5px)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-dd-metric-cards small{
  color:#b8c6d0!important;
  font-size:12px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-dd-metric-cards strong{
  display:block!important;
  margin-top:8px!important;
  color:#fff!important;
  font-size:clamp(24px,2vw,34px)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-dd-chart{
  position:relative!important;
  min-height:270px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(30,48,63,.94),rgba(25,42,56,.94))!important;
  background-size:100% 52px,84px 100%,auto!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-dd-chart::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(60,210,171,.32),rgba(60,210,171,.03))!important;
  clip-path:polygon(0 78%,14% 64%,27% 70%,42% 48%,55% 58%,68% 34%,83% 43%,100% 20%,100% 100%,0 100%)!important;
  animation:cbh26ChartPulse210 5s ease-in-out infinite!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-side-v210{
  display:grid!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-side-v210 article{
  position:relative!important;
  min-height:112px!important;
  padding:20px 20px 20px 24px!important;
  overflow:hidden!important;
  border:1px solid rgba(129,170,190,.14)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(21,36,50,.98),rgba(17,31,45,.98))!important;
  transition:transform .28s ease,border-color .28s ease!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-side-v210 article::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:linear-gradient(180deg,#46d7ad,#258f7d)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-side-v210 article::after{
  content:"↗"!important;
  position:absolute!important;
  right:16px!important;
  top:16px!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  color:#46d7ad!important;
  background:rgba(70,215,173,.08)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-side-v210 article:hover{
  transform:translateX(6px)!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-side-v210 strong{
  color:#46d7ad!important;
  font-size:16px!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-side-v210 p{
  margin:6px 0 0!important;
  color:#d2dde5!important;
  font-size:12px!important;
  line-height:1.5!important;
}

@keyframes cbh26ChartPulse210{
  0%,100%{opacity:.78}
  50%{opacity:1}
}

@media(max-width:1080px){
  body.cbh26-digital-page .cbh26-dd-metrics-grid-v210{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-metrics-side-v210{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
  }
}

@media(max-width:680px){
  body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading{
    text-align:left!important;
  }

  body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading h2,
  body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading p{
    margin-left:0!important;
  }

  body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-dd-metric-cards{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-metrics-side-v210{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   v2.1.1 · TÍTULOS ALINEADOS Y SERVICIOS REORGANIZADOS
   Solo afecta la página Desarrollo Digital.
========================================================= */

/* Títulos de sección alineados a la izquierda */
body.cbh26-digital-page .cbh26-dd-heading-left-v211,
body.cbh26-digital-page .cbh26-dd-heading-v211,
body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading{
  max-width:960px!important;
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
}

body.cbh26-digital-page .cbh26-dd-heading-left-v211 h2,
body.cbh26-digital-page .cbh26-dd-heading-v211 h2,
body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading h2{
  max-width:920px!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
  font-size:clamp(42px,4.15vw,68px)!important;
  line-height:1.02!important;
  letter-spacing:-.044em!important;
  text-wrap:balance!important;
}

body.cbh26-digital-page .cbh26-dd-heading-left-v211 p,
body.cbh26-digital-page .cbh26-dd-heading-v211 p,
body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading p{
  max-width:760px!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

/* Nueva sección de servicios */
body.cbh26-digital-page .cbh26-dd-services-section-v211{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(72px,7vw,112px) 0 clamp(78px,7vw,118px)!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(100,204,197,.16),transparent 26%),
    radial-gradient(circle at 8% 90%,rgba(139,85,230,.08),transparent 24%),
    linear-gradient(180deg,#f9fbfb 0%,#eef7f5 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v211::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.17!important;
  background-image:
    linear-gradient(rgba(49,103,103,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.05) 1px,transparent 1px)!important;
  background-size:46px 46px!important;
}

body.cbh26-digital-page .cbh26-dd-services-section-v211 .cbh26-shell{
  position:relative!important;
  z-index:2!important;
}

body.cbh26-digital-page .cbh26-dd-heading-v211{
  margin-bottom:40px!important;
}

body.cbh26-digital-page .cbh26-dd-heading-v211 p{
  font-size:16px!important;
  line-height:1.65!important;
}

body.cbh26-digital-page .cbh26-dd-service-groups-v211{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211{
  --group-accent:#64ccc5;
  --group-soft:rgba(100,204,197,.12);
  position:relative!important;
  min-height:430px!important;
  padding:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:28px!important;
  background:
    linear-gradient(150deg,rgba(255,255,255,.98),rgba(247,251,250,.96))!important;
  box-shadow:
    0 20px 46px rgba(37,69,74,.08),
    inset 0 1px 0 rgba(255,255,255,.94)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:5px!important;
  background:linear-gradient(90deg,var(--group-accent),transparent 86%)!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211::after{
  content:""!important;
  position:absolute!important;
  right:-55px!important;
  top:-55px!important;
  width:180px!important;
  height:180px!important;
  border-radius:50%!important;
  background:var(--group-soft)!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 30px 58px rgba(37,69,74,.13)!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211__head{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  gap:16px!important;
  align-items:start!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211__icon{
  width:56px!important;
  height:56px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  color:var(--group-accent)!important;
  background:var(--group-soft)!important;
  font-size:26px!important;
  font-weight:900!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211 small{
  display:block!important;
  margin-bottom:8px!important;
  color:var(--group-accent)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211 h3{
  max-width:440px!important;
  margin:0!important;
  color:#172f35!important;
  font-size:clamp(24px,2vw,32px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211 > p{
  position:relative!important;
  z-index:2!important;
  max-width:610px!important;
  margin:22px 0 20px!important;
  color:#61757a!important;
  font-size:13px!important;
  line-height:1.65!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211 ul{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  list-style:none!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211 li{
  min-height:46px!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.07)!important;
  border-radius:14px!important;
  color:#3f5f64!important;
  background:rgba(241,247,246,.92)!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.35!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211 li::before{
  content:"✓"!important;
  margin-right:8px!important;
  color:var(--group-accent)!important;
  font-weight:900!important;
}

body.cbh26-digital-page .cbh26-dd-service-group-v211--brand{
  --group-accent:#8b55e6;
  --group-soft:rgba(139,85,230,.11);
}

body.cbh26-digital-page .cbh26-dd-service-group-v211--web{
  --group-accent:#3286da;
  --group-soft:rgba(50,134,218,.11);
}

body.cbh26-digital-page .cbh26-dd-service-group-v211--marketing{
  --group-accent:#e95e8a;
  --group-soft:rgba(233,94,138,.11);
}

body.cbh26-digital-page .cbh26-dd-service-group-v211--integrations{
  --group-accent:#24a77a;
  --group-soft:rgba(36,167,122,.11);
}

body.cbh26-digital-page .cbh26-dd-services-footer-v211{
  margin-top:22px!important;
  padding:18px 20px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:22px!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:22px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,246,243,.96))!important;
  box-shadow:0 16px 36px rgba(49,103,103,.07)!important;
}

body.cbh26-digital-page .cbh26-dd-services-footer-v211 > div{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}

body.cbh26-digital-page .cbh26-dd-services-footer-v211 > div span{
  padding:8px 11px!important;
  border-radius:999px!important;
  color:#316767!important;
  background:rgba(100,204,197,.12)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}

body.cbh26-digital-page .cbh26-dd-services-footer-v211 .cbh26-btn{
  min-height:48px!important;
  white-space:nowrap!important;
}

/* La sección Marketing y métricas deja de estar centrada */
body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading{
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
}

body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading h2,
body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading p{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

/* Responsive */
@media(max-width:980px){
  body.cbh26-digital-page .cbh26-dd-service-groups-v211{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-service-group-v211{
    min-height:0!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-footer-v211{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-footer-v211 .cbh26-btn{
    width:max-content!important;
    max-width:100%!important;
  }
}

@media(max-width:620px){
  body.cbh26-digital-page .cbh26-dd-heading-left-v211 h2,
  body.cbh26-digital-page .cbh26-dd-heading-v211 h2,
  body.cbh26-digital-page .cbh26-dd-metrics-v210 .cbh26-heading h2{
    font-size:clamp(38px,11vw,50px)!important;
    line-height:1.05!important;
  }

  body.cbh26-digital-page .cbh26-dd-service-group-v211{
    padding:20px!important;
    border-radius:22px!important;
  }

  body.cbh26-digital-page .cbh26-dd-service-group-v211__head{
    grid-template-columns:48px 1fr!important;
    gap:13px!important;
  }

  body.cbh26-digital-page .cbh26-dd-service-group-v211__icon{
    width:46px!important;
    height:46px!important;
    border-radius:15px!important;
    font-size:21px!important;
  }

  body.cbh26-digital-page .cbh26-dd-service-group-v211 h3{
    font-size:24px!important;
  }

  body.cbh26-digital-page .cbh26-dd-service-group-v211 ul{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-services-footer-v211 .cbh26-btn{
    width:100%!important;
    justify-content:center!important;
  }
}


/* =========================================================
   v2.1.2 · HERO DESARROLLO DIGITAL COMERCIAL Y DINÁMICO
   Solo modifica el hero de Desarrollo Digital.
========================================================= */

body.cbh26-digital-page .cbh26-dd-hero-v212{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(64px,6vw,96px) 0 clamp(72px,7vw,108px)!important;
  background:
    radial-gradient(circle at 84% 16%,rgba(100,204,197,.22),transparent 29%),
    radial-gradient(circle at 86% 82%,rgba(139,85,230,.14),transparent 31%),
    linear-gradient(135deg,#fbfcfc 0%,#f2f8f6 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-hero-v212::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 36%,rgba(255,255,255,.34) 54%,transparent 74%)!important;
}

body.cbh26-digital-page .cbh26-dd-hero-v212::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.16!important;
  background-image:
    linear-gradient(rgba(49,103,103,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.055) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 45%,#000 72%,#000 100%)!important;
}

body.cbh26-digital-page .cbh26-dd-layout-v212{
  position:relative!important;
  z-index:2!important;
  grid-template-columns:minmax(0,.9fr) minmax(620px,1.1fr)!important;
  gap:clamp(38px,4.2vw,74px)!important;
  align-items:center!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v212{
  max-width:720px!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v212 h1{
  max-width:720px!important;
  margin:12px 0 0!important;
  font-size:clamp(50px,4.65vw,80px)!important;
  line-height:.99!important;
  letter-spacing:-.05em!important;
  text-wrap:balance!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v212 h1 span{
  display:block!important;
  margin-top:8px!important;
  color:#316767!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v212 p{
  max-width:650px!important;
  margin-top:24px!important;
  color:#5e7075!important;
  font-size:clamp(17px,1.18vw,21px)!important;
  line-height:1.58!important;
}

body.cbh26-digital-page .cbh26-dd-actions-v200{
  margin-top:28px!important;
}

body.cbh26-digital-page .cbh26-dd-actions-v200 .cbh26-btn:first-child span{
  font-size:0!important;
}

body.cbh26-digital-page .cbh26-dd-actions-v200 .cbh26-btn:first-child span::after{
  content:"Quiero impulsar mi marca"!important;
  font-size:13px!important;
}

body.cbh26-digital-page .cbh26-dd-actions-v200 .cbh26-btn--ghost span{
  font-size:0!important;
}

body.cbh26-digital-page .cbh26-dd-actions-v200 .cbh26-btn--ghost span::after{
  content:"Ver nuestros servicios"!important;
  font-size:13px!important;
}

body.cbh26-digital-page .cbh26-dd-capabilities-v212{
  margin-top:28px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}

body.cbh26-digital-page .cbh26-dd-capabilities-v212 span{
  min-height:34px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:999px!important;
  color:#315f62!important;
  background:rgba(255,255,255,.78)!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(49,103,103,.05)!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v212{
  min-height:660px!important;
  overflow:visible!important;
  isolation:isolate!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v212::before{
  content:""!important;
  position:absolute!important;
  inset:4% -6% 4% -10%!important;
  z-index:0!important;
  border-radius:44% 56% 48% 52% / 42% 44% 56% 58%!important;
  background:
    linear-gradient(135deg,rgba(50,194,181,.28),rgba(92,174,206,.20) 48%,rgba(139,85,230,.22))!important;
  transform:rotate(-4deg)!important;
  pointer-events:none!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v212 .cbh26-dd-dashboard-v200{
  position:relative!important;
  z-index:3!important;
  box-shadow:
    0 34px 76px rgba(39,71,77,.18),
    0 0 0 1px rgba(255,255,255,.88) inset!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v212 .cbh26-dd-tools-v200{
  z-index:2!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v212 .cbh26-dd-tools-v200::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 70% 15%,rgba(255,255,255,.22),transparent 25%),
    linear-gradient(180deg,transparent 62%,rgba(10,30,40,.12))!important;
}

body.cbh26-digital-page .cbh26-dd-livecard-v212{
  position:absolute!important;
  z-index:6!important;
  min-height:62px!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 18px 36px rgba(35,58,65,.14)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  animation:cbh26Float212 5.6s ease-in-out infinite!important;
}

body.cbh26-digital-page .cbh26-dd-livecard-v212 strong{
  color:#1e5f60!important;
  font-size:18px!important;
}

body.cbh26-digital-page .cbh26-dd-livecard-v212 span{
  color:#536a6f!important;
  font-size:10px!important;
  font-weight:800!important;
}

body.cbh26-digital-page .cbh26-dd-livecard-v212--leads{
  left:-6%!important;
  top:13%!important;
}

body.cbh26-digital-page .cbh26-dd-livecard-v212--roas{
  right:4%!important;
  top:17%!important;
  animation-delay:-1.3s!important;
}

body.cbh26-digital-page .cbh26-dd-livecard-v212--sync{
  right:-1%!important;
  bottom:14%!important;
  animation-delay:-2.4s!important;
}

body.cbh26-digital-page .cbh26-dd-livecard-v212--sync i{
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#21bd92!important;
  box-shadow:0 0 0 6px rgba(33,189,146,.10)!important;
}

body.cbh26-digital-page .cbh26-dd-livecard-v212--campaign{
  left:8%!important;
  bottom:8%!important;
  min-height:48px!important;
  animation-delay:-3.1s!important;
}

@keyframes cbh26Float212{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

@media(max-width:1180px){
  body.cbh26-digital-page .cbh26-dd-layout-v212{
    grid-template-columns:1fr!important;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v212{
    max-width:880px!important;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v212 h1{
    max-width:860px!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v212{
    min-height:620px!important;
  }
}

@media(max-width:760px){
  body.cbh26-digital-page .cbh26-dd-copy-v212 h1{
    font-size:clamp(42px,11vw,58px)!important;
    line-height:1.03!important;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v212 p{
    font-size:16px!important;
  }

  body.cbh26-digital-page .cbh26-dd-capabilities-v212{
    gap:7px!important;
  }

  body.cbh26-digital-page .cbh26-dd-capabilities-v212 span{
    padding:0 10px!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v212{
    min-height:560px!important;
  }

  body.cbh26-digital-page .cbh26-dd-livecard-v212{
    transform:scale(.82)!important;
    animation:none!important;
  }

  body.cbh26-digital-page .cbh26-dd-livecard-v212--leads{
    left:-2%!important;
    top:10%!important;
  }

  body.cbh26-digital-page .cbh26-dd-livecard-v212--roas{
    right:-4%!important;
    top:12%!important;
  }

  body.cbh26-digital-page .cbh26-dd-livecard-v212--sync{
    right:-5%!important;
    bottom:10%!important;
  }

  body.cbh26-digital-page .cbh26-dd-livecard-v212--campaign{
    left:0!important;
    bottom:5%!important;
  }
}

/* v2.1.3 responsive headings */
@media(max-width:1200px){h1,[class*='hero'] h1,.cbh26-section-title{font-size:clamp(46px,5vw,64px)!important;line-height:1.02!important;letter-spacing:-.04em!important;max-width:12ch!important;text-wrap:balance!important;}}
@media(max-width:992px){h1,[class*='hero'] h1,.cbh26-section-title{font-size:clamp(40px,6vw,56px)!important;line-height:1.04!important;max-width:13ch!important;}}
@media(max-width:768px){h1,[class*='hero'] h1,.cbh26-section-title{font-size:clamp(34px,8vw,46px)!important;line-height:1.08!important;max-width:100%!important;overflow-wrap:break-word!important;text-wrap:balance!important;}}
@media(max-width:480px){h1,[class*='hero'] h1,.cbh26-section-title{font-size:clamp(30px,9vw,38px)!important;line-height:1.1!important;padding-right:8px!important;}}


/* =========================================================
   v2.2.0 · PÁGINA HARDWARE E INFRAESTRUCTURA
========================================================= */

body.cbh26-hardware-page{background:#f3f9f7!important;}

body.cbh26-hardware-page .cbhardware-hero-v220{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(76px,7vw,118px) 0 clamp(82px,7vw,126px)!important;
  background:
    radial-gradient(circle at 84% 22%,rgba(100,204,197,.20),transparent 30%),
    radial-gradient(circle at 76% 88%,rgba(48,117,128,.15),transparent 30%),
    linear-gradient(135deg,#f9fcfb 0%,#edf7f4 100%)!important;
}

body.cbh26-hardware-page .cbhardware-hero-v220__grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(460px,.86fr)!important;
  gap:clamp(44px,6vw,96px)!important;
  align-items:center!important;
}

body.cbh26-hardware-page .cbhardware-hero-v220__copy{max-width:860px!important;}

body.cbh26-hardware-page .cbhardware-hero-v220 h1{
  max-width:850px!important;
  margin:14px 0 0!important;
  color:#123b40!important;
  font-size:clamp(50px,4.7vw,80px)!important;
  line-height:1.01!important;
  letter-spacing:-.05em!important;
  text-wrap:balance!important;
}

body.cbh26-hardware-page .cbhardware-hero-v220 h1 span{color:#316767!important;}

body.cbh26-hardware-page .cbhardware-hero-v220 p{
  max-width:730px!important;
  margin:25px 0 0!important;
  color:#60777b!important;
  font-size:clamp(17px,1.25vw,21px)!important;
  line-height:1.65!important;
}

body.cbh26-hardware-page .cbhardware-hero-v220__visual{
  position:relative!important;
  min-height:500px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:38px!important;
  background:
    linear-gradient(rgba(100,204,197,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,204,197,.08) 1px,transparent 1px),
    linear-gradient(145deg,#113a40,#09272e)!important;
  background-size:42px 42px,42px 42px,auto!important;
  box-shadow:0 34px 78px rgba(25,67,72,.20)!important;
}

body.cbh26-hardware-page .cbhardware-core-v220{
  position:relative!important;
  z-index:3!important;
  width:260px!important;
  min-height:210px!important;
  padding:28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(100,204,197,.30)!important;
  border-radius:32px!important;
  color:#fff!important;
  background:rgba(9,39,46,.84)!important;
  box-shadow:0 24px 54px rgba(0,0,0,.24)!important;
  text-align:center!important;
}

body.cbh26-hardware-page .cbhardware-core-v220 > span{
  width:72px!important;
  height:72px!important;
  margin-bottom:16px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:22px!important;
  color:#0e343a!important;
  background:#64ccc5!important;
  font-size:24px!important;
  font-weight:900!important;
}

body.cbh26-hardware-page .cbhardware-core-v220 strong{font-size:21px!important;}
body.cbh26-hardware-page .cbhardware-core-v220 small{margin-top:9px!important;color:#a7cccb!important;font-size:10px!important;}

body.cbh26-hardware-page .cbhardware-orbit-v220{
  position:absolute!important;
  border:1px solid rgba(100,204,197,.24)!important;
  border-radius:50%!important;
}

body.cbh26-hardware-page .cbhardware-orbit-v220--a{width:390px!important;height:390px!important;}
body.cbh26-hardware-page .cbhardware-orbit-v220--b{
  width:470px!important;height:470px!important;border-style:dashed!important;
  animation:cbhardwareSpin220 24s linear infinite!important;
}

body.cbh26-hardware-page .cbhardware-node-v220{
  position:absolute!important;
  z-index:4!important;
  min-width:116px!important;
  padding:12px 16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  color:#dff8f5!important;
  background:rgba(17,58,64,.92)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.20)!important;
  font-size:11px!important;
  font-weight:800!important;
  text-align:center!important;
}

body.cbh26-hardware-page .cbhardware-node-v220--security{top:13%!important;right:12%!important;}
body.cbh26-hardware-page .cbhardware-node-v220--network{left:7%!important;bottom:18%!important;}
body.cbh26-hardware-page .cbhardware-node-v220--cloud{right:9%!important;bottom:12%!important;}

@keyframes cbhardwareSpin220{to{transform:rotate(360deg)}}

@media(max-width:1050px){
  body.cbh26-hardware-page .cbhardware-hero-v220__grid{grid-template-columns:1fr!important;}
  body.cbh26-hardware-page .cbhardware-hero-v220__visual{min-height:460px!important;}
}

@media(max-width:680px){
  body.cbh26-hardware-page .cbhardware-hero-v220{padding:58px 0 64px!important;}
  body.cbh26-hardware-page .cbhardware-hero-v220 h1{font-size:clamp(38px,11vw,52px)!important;line-height:1.05!important;}
  body.cbh26-hardware-page .cbhardware-hero-v220 p{font-size:15px!important;}
  body.cbh26-hardware-page .cbhardware-hero-v220__visual{min-height:380px!important;border-radius:26px!important;}
  body.cbh26-hardware-page .cbhardware-core-v220{width:220px!important;min-height:180px!important;}
  body.cbh26-hardware-page .cbhardware-orbit-v220--a{width:300px!important;height:300px!important;}
  body.cbh26-hardware-page .cbhardware-orbit-v220--b{width:350px!important;height:350px!important;}
  body.cbh26-hardware-page .cbhardware-node-v220{transform:scale(.82)!important;}
}


/* =========================================================
   v2.3.0 · INSTAGRAM MEJORADO EN CONTACTO
========================================================= */
body.cbh26-contact-page .cbcontact-instagram-v230{
  position:relative!important;overflow:hidden!important;
  padding:clamp(74px,7vw,116px) 0 clamp(80px,7vw,124px)!important;
  background:radial-gradient(circle at 10% 20%,rgba(100,204,197,.14),transparent 27%),
             radial-gradient(circle at 88% 78%,rgba(225,80,150,.10),transparent 28%),
             linear-gradient(180deg,#fbfcfc 0%,#f2f8f7 100%)!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;opacity:.16!important;
  background-image:linear-gradient(rgba(49,103,103,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(49,103,103,.05) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230 .cbh26-shell{position:relative!important;z-index:2!important;}
body.cbh26-contact-page .cbcontact-instagram-v230__heading{
  display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr)!important;
  gap:clamp(30px,5vw,78px)!important;align-items:end!important;margin-bottom:28px!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230__heading h2{
  max-width:920px!important;margin:12px 0 0!important;color:#232439!important;
  font-size:clamp(46px,4.6vw,76px)!important;line-height:1.01!important;letter-spacing:-.048em!important;text-wrap:balance!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230__heading p{
  max-width:520px!important;margin:0!important;color:#62757b!important;font-size:15px!important;line-height:1.65!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230__profile{
  min-height:82px!important;margin-bottom:20px!important;padding:16px 20px!important;
  display:grid!important;grid-template-columns:46px 1fr auto!important;gap:14px!important;align-items:center!important;
  border:1px solid rgba(49,103,103,.10)!important;border-radius:22px!important;color:#253438!important;
  background:radial-gradient(circle at 88% 50%,rgba(225,80,150,.12),transparent 24%),
             linear-gradient(90deg,#fffaf2,#fff,#fdf5fa)!important;
  box-shadow:0 14px 34px rgba(49,103,103,.06)!important;text-decoration:none!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230__profile-icon{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;color:#fff!important;
  background:linear-gradient(145deg,#f9ce34,#ee2a7b 55%,#6228d7)!important;font-size:22px!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230__profile strong,
body.cbh26-contact-page .cbcontact-instagram-v230__profile span{display:block!important;}
body.cbh26-contact-page .cbcontact-instagram-v230__profile strong{font-size:13px!important;}
body.cbh26-contact-page .cbcontact-instagram-v230__profile span{margin-top:2px!important;color:#75858a!important;font-size:10px!important;}
body.cbh26-contact-page .cbcontact-instagram-v230__profile em{color:#316767!important;font-size:10px!important;font-style:normal!important;font-weight:800!important;}
body.cbh26-contact-page .cbcontact-instagram-v230__content{
  display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(0,2.28fr)!important;gap:18px!important;align-items:stretch!important;
}
body.cbh26-contact-page .cbcontact-story-v230{
  position:relative!important;min-height:520px!important;padding:28px!important;display:flex!important;flex-direction:column!important;
  justify-content:flex-end!important;overflow:hidden!important;border-radius:28px!important;color:#fff!important;
  background:radial-gradient(circle at 70% 15%,rgba(255,255,255,.22),transparent 22%),
             linear-gradient(155deg,#f9ce34 0%,#ee2a7b 48%,#6228d7 100%)!important;
  box-shadow:0 24px 54px rgba(98,40,215,.16)!important;text-decoration:none!important;
}
body.cbh26-contact-page .cbcontact-story-v230::before{
  content:""!important;position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,transparent 22%,rgba(20,12,35,.08) 48%,rgba(20,12,35,.62) 100%)!important;
}
body.cbh26-contact-page .cbcontact-story-v230__ring{
  position:absolute!important;left:28px!important;top:28px!important;z-index:2!important;width:96px!important;height:96px!important;padding:5px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;background:conic-gradient(#fff,#f9ce34,#fff,#6228d7,#fff)!important;
}
body.cbh26-contact-page .cbcontact-story-v230__inner{
  width:100%!important;height:100%!important;display:grid!important;place-items:center!important;border:5px solid rgba(255,255,255,.92)!important;
  border-radius:50%!important;color:#64ccc5!important;background:#163f45!important;font-size:24px!important;font-weight:900!important;
}
body.cbh26-contact-page .cbcontact-story-v230__copy{position:relative!important;z-index:2!important;}
body.cbh26-contact-page .cbcontact-story-v230__copy small{font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important;}
body.cbh26-contact-page .cbcontact-story-v230__copy h3{
  max-width:390px!important;margin:10px 0 12px!important;font-size:clamp(28px,2.4vw,42px)!important;line-height:1.02!important;letter-spacing:-.04em!important;
}
body.cbh26-contact-page .cbcontact-story-v230__copy p{max-width:370px!important;margin:0!important;color:rgba(255,255,255,.84)!important;font-size:12px!important;line-height:1.6!important;}
body.cbh26-contact-page .cbcontact-story-v230__button{
  width:max-content!important;margin-top:20px!important;padding:11px 14px!important;display:inline-flex!important;border-radius:12px!important;
  color:#29383c!important;background:#fff!important;font-size:10px!important;font-weight:900!important;
}
body.cbh26-contact-page .cbcontact-story-v230__decor{position:absolute!important;inset:0!important;pointer-events:none!important;}
body.cbh26-contact-page .cbcontact-story-v230__decor i{position:absolute!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:50%!important;}
body.cbh26-contact-page .cbcontact-story-v230__decor i:nth-child(1){width:240px!important;height:240px!important;right:-80px!important;top:80px!important;}
body.cbh26-contact-page .cbcontact-story-v230__decor i:nth-child(2){width:150px!important;height:150px!important;right:-30px!important;top:125px!important;}
body.cbh26-contact-page .cbcontact-story-v230__decor i:nth-child(3){width:70px!important;height:70px!important;right:10px!important;top:165px!important;}
body.cbh26-contact-page .cbcontact-instagram-v230__feed{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230__feed .cb-contact-v1249__post{
  min-width:0!important;height:100%!important;overflow:hidden!important;border:1px solid rgba(49,103,103,.09)!important;
  border-radius:22px!important;background:#fff!important;box-shadow:0 14px 32px rgba(49,103,103,.06)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230__feed .cb-contact-v1249__post:hover{
  transform:translateY(-5px)!important;box-shadow:0 22px 44px rgba(49,103,103,.11)!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230__feed .cb-contact-v1256__post-media{
  min-height:300px!important;background-size:cover!important;background-position:center!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230__footer{
  margin-top:20px!important;padding:18px 20px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:20px!important;border:1px solid rgba(49,103,103,.09)!important;border-radius:20px!important;background:rgba(255,255,255,.82)!important;
}
body.cbh26-contact-page .cbcontact-instagram-v230__footer > span{color:#506a6f!important;font-size:11px!important;font-weight:700!important;}
@media(max-width:1080px){
  body.cbh26-contact-page .cbcontact-instagram-v230__heading{grid-template-columns:1fr!important;}
  body.cbh26-contact-page .cbcontact-instagram-v230__content{grid-template-columns:1fr!important;}
  body.cbh26-contact-page .cbcontact-story-v230{min-height:380px!important;}
}
@media(max-width:720px){
  body.cbh26-contact-page .cbcontact-instagram-v230__heading h2{font-size:clamp(38px,11vw,52px)!important;line-height:1.05!important;}
  body.cbh26-contact-page .cbcontact-instagram-v230__profile{grid-template-columns:42px 1fr!important;}
  body.cbh26-contact-page .cbcontact-instagram-v230__profile em{grid-column:1/-1!important;}
  body.cbh26-contact-page .cbcontact-instagram-v230__feed{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.cbh26-contact-page .cbcontact-instagram-v230__footer{flex-direction:column!important;align-items:flex-start!important;}
}
@media(max-width:480px){
  body.cbh26-contact-page .cbcontact-instagram-v230__feed{grid-template-columns:1fr!important;}
  body.cbh26-contact-page .cbcontact-story-v230{min-height:420px!important;padding:22px!important;}
}


/* =========================================================
   v2.3.1 · HISTORIA + 3 PUBLICACIONES Y CTA INSTAGRAM
========================================================= */

body.cbh26-contact-page .cbcontact-instagram-v230__feed{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

body.cbh26-contact-page .cbcontact-story-v230__inner{
  padding:9px!important;
  overflow:hidden!important;
  background:#ffffff!important;
}

body.cbh26-contact-page .cbcontact-story-v230__inner img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

body.cbh26-contact-page .cbcontact-instagram-v230__footer{
  padding:16px 18px 16px 22px!important;
  background:
    radial-gradient(circle at 88% 50%,rgba(238,42,123,.10),transparent 22%),
    linear-gradient(90deg,rgba(255,255,255,.96),rgba(249,253,252,.96))!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231{
  position:relative!important;
  min-width:248px!important;
  min-height:58px!important;
  padding:8px 10px 8px 12px!important;
  display:grid!important;
  grid-template-columns:42px 1fr 38px!important;
  gap:11px!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:18px!important;
  color:#20273b!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:
    0 14px 30px rgba(49,103,103,.10),
    inset 0 1px 0 rgba(255,255,255,.94)!important;
  text-decoration:none!important;
  transition:
    transform .26s ease,
    box-shadow .26s ease,
    border-color .26s ease!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  opacity:0!important;
  background:linear-gradient(135deg,rgba(249,206,52,.12),rgba(238,42,123,.12),rgba(98,40,215,.10))!important;
  transition:opacity .26s ease!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(238,42,123,.22)!important;
  box-shadow:0 22px 44px rgba(98,40,215,.15)!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231:hover::before{
  opacity:1!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231 > *{
  position:relative!important;
  z-index:2!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231__icon{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#f9ce34,#ee2a7b 55%,#6228d7)!important;
  font-size:21px!important;
  box-shadow:0 9px 20px rgba(238,42,123,.22)!important;
  transition:transform .26s ease!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231:hover .cbcontact-instagram-follow-v231__icon{
  transform:rotate(-7deg) scale(1.06)!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231__copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231__copy strong{
  color:#20273b!important;
  font-size:12px!important;
  line-height:1.1!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231__copy small{
  color:#75858a!important;
  font-size:9px!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231__arrow{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  color:#fff!important;
  background:#316767!important;
  font-size:14px!important;
  transition:transform .26s ease,background .26s ease!important;
}

body.cbh26-contact-page .cbcontact-instagram-follow-v231:hover .cbcontact-instagram-follow-v231__arrow{
  transform:translate(2px,-2px)!important;
  background:#ee2a7b!important;
}

@media(max-width:720px){
  body.cbh26-contact-page .cbcontact-instagram-v230__feed{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-contact-page .cbcontact-instagram-follow-v231{
    width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:480px){
  body.cbh26-contact-page .cbcontact-instagram-v230__feed{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   v2.3.2 · HISTORIA INSTAGRAM INTEGRADA A CONECTA BIT
   Solo modifica la tarjeta de historia en Contacto.
========================================================= */

body.cbh26-contact-page .cbcontact-story-v230{
  background:
    radial-gradient(circle at 82% 18%,rgba(225,48,108,.18),transparent 22%),
    radial-gradient(circle at 20% 10%,rgba(252,175,69,.12),transparent 20%),
    radial-gradient(circle at 78% 82%,rgba(131,58,180,.13),transparent 25%),
    linear-gradient(155deg,#14132a 0%,#173f45 48%,#316767 100%)!important;
  box-shadow:
    0 28px 58px rgba(20,19,42,.22),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.cbh26-contact-page .cbcontact-story-v230::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(20,19,42,.08) 42%,rgba(20,19,42,.58) 100%)!important;
}

body.cbh26-contact-page .cbcontact-story-v230::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.16!important;
  background-image:
    linear-gradient(rgba(100,204,197,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,204,197,.14) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
  mask-image:linear-gradient(135deg,transparent 0%,#000 40%,#000 100%)!important;
}

body.cbh26-contact-page .cbcontact-story-v230__ring{
  width:104px!important;
  height:104px!important;
  padding:5px!important;
  background:
    conic-gradient(
      #64ccc5 0deg,
      #316767 115deg,
      #e1306c 200deg,
      #fcaf45 270deg,
      #833ab4 325deg,
      #64ccc5 360deg
    )!important;
  box-shadow:
    0 18px 38px rgba(20,19,42,.28),
    0 0 0 8px rgba(100,204,197,.08)!important;
  animation:cbcontactStoryPulse232 4.8s ease-in-out infinite!important;
}

body.cbh26-contact-page .cbcontact-story-v230__inner{
  border-color:rgba(255,255,255,.96)!important;
  background:#ffffff!important;
  box-shadow:inset 0 0 0 1px rgba(49,103,103,.08)!important;
}

body.cbh26-contact-page .cbcontact-story-v230__copy small{
  color:#64ccc5!important;
}

body.cbh26-contact-page .cbcontact-story-v230__copy h3{
  color:#ffffff!important;
  text-shadow:0 4px 18px rgba(0,0,0,.12)!important;
}

body.cbh26-contact-page .cbcontact-story-v230__copy p{
  color:rgba(255,255,255,.78)!important;
}

body.cbh26-contact-page .cbcontact-story-v230__button{
  position:relative!important;
  overflow:hidden!important;
  color:#14132a!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 26px rgba(20,19,42,.16)!important;
  transition:
    transform .24s ease,
    background .24s ease,
    color .24s ease,
    box-shadow .24s ease!important;
}

body.cbh26-contact-page .cbcontact-story-v230__button::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  opacity:0!important;
  background:
    linear-gradient(135deg,#64ccc5,#9de6df)!important;
  transition:opacity .24s ease!important;
}

body.cbh26-contact-page .cbcontact-story-v230:hover .cbcontact-story-v230__button{
  transform:translateY(-3px)!important;
  color:#14132a!important;
  box-shadow:0 18px 34px rgba(20,19,42,.22)!important;
}

body.cbh26-contact-page .cbcontact-story-v230:hover .cbcontact-story-v230__button::before{
  opacity:1!important;
}

body.cbh26-contact-page .cbcontact-story-v230__decor i{
  border-color:rgba(100,204,197,.20)!important;
}

body.cbh26-contact-page .cbcontact-story-v230__decor i:nth-child(2){
  border-color:rgba(225,48,108,.14)!important;
}

body.cbh26-contact-page .cbcontact-story-v230__decor i:nth-child(3){
  border-color:rgba(252,175,69,.16)!important;
}

/* Estado de historia activa */
body.cbh26-contact-page .cbcontact-story-v230 .cbcontact-story-v230__copy::before{
  content:"●  HISTORIA ACTIVA"!important;
  display:inline-flex!important;
  margin-bottom:14px!important;
  padding:7px 10px!important;
  border:1px solid rgba(100,204,197,.18)!important;
  border-radius:999px!important;
  color:#bff4ef!important;
  background:rgba(100,204,197,.10)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

/* Líneas decorativas tipo tecnología */
body.cbh26-contact-page .cbcontact-story-v230 .cbcontact-story-v230__decor::before,
body.cbh26-contact-page .cbcontact-story-v230 .cbcontact-story-v230__decor::after{
  content:""!important;
  position:absolute!important;
  height:1px!important;
  background:
    linear-gradient(90deg,transparent,rgba(100,204,197,.28),transparent)!important;
  transform-origin:left center!important;
}

body.cbh26-contact-page .cbcontact-story-v230 .cbcontact-story-v230__decor::before{
  width:58%!important;
  left:14%!important;
  top:34%!important;
  transform:rotate(-12deg)!important;
}

body.cbh26-contact-page .cbcontact-story-v230 .cbcontact-story-v230__decor::after{
  width:44%!important;
  right:8%!important;
  bottom:24%!important;
  transform:rotate(18deg)!important;
}

@keyframes cbcontactStoryPulse232{
  0%,100%{
    transform:scale(1);
    filter:saturate(1);
  }
  50%{
    transform:scale(1.035);
    filter:saturate(1.12);
  }
}

@media(max-width:680px){
  body.cbh26-contact-page .cbcontact-story-v230__ring{
    animation:none!important;
  }
}


/* =========================================================
   v2.3.3 · BANNER FINAL DE CONTACTO
   Solo modifica el banner específico de cierre.
========================================================= */

body.cbh26-contact-page .cbcontact-final-banner-v233{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(34px,4vw,56px) 0!important;
  background:
    radial-gradient(circle at 88% 26%,rgba(100,204,197,.18),transparent 26%),
    linear-gradient(105deg,#14132a 0%,#19253a 48%,#24545b 100%)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.18!important;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 100%)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233 .cbh26-shell{
  position:relative!important;
  z-index:2!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__inner{
  min-height:300px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;
  gap:clamp(34px,5vw,78px)!important;
  align-items:center!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__copy{
  max-width:980px!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__copy .cbh26-kicker{
  color:#64ccc5!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__copy h2{
  max-width:900px!important;
  margin:12px 0 0!important;
  color:#ffffff!important;
  font-size:clamp(44px,4.5vw,74px)!important;
  line-height:1.02!important;
  letter-spacing:-.048em!important;
  text-wrap:balance!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__copy p{
  max-width:650px!important;
  margin:20px 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:15px!important;
  line-height:1.65!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__actions{
  display:grid!important;
  gap:12px!important;
  justify-items:stretch!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary,
body.cbh26-contact-page .cbcontact-final-banner-v233__secondary{
  min-height:58px!important;
  padding:0 14px 0 18px!important;
  display:grid!important;
  grid-template-columns:1fr 38px!important;
  gap:12px!important;
  align-items:center!important;
  border-radius:18px!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background .24s ease!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary{
  color:#ffffff!important;
  background:linear-gradient(135deg,#316767,#4b9a96)!important;
  box-shadow:0 16px 34px rgba(49,103,103,.24)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__secondary{
  border:1px solid rgba(255,255,255,.14)!important;
  color:#ffffff!important;
  background:rgba(255,255,255,.06)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary i,
body.cbh26-contact-page .cbcontact-final-banner-v233__secondary i{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  font-style:normal!important;
  transition:transform .24s ease!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary i{
  color:#316767!important;
  background:#ffffff!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__secondary i{
  color:#64ccc5!important;
  background:rgba(100,204,197,.10)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary:hover,
body.cbh26-contact-page .cbcontact-final-banner-v233__secondary:hover{
  transform:translateY(-4px)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary:hover{
  box-shadow:0 24px 46px rgba(49,103,103,.34)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__secondary:hover{
  border-color:rgba(100,204,197,.28)!important;
  background:rgba(255,255,255,.10)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary:hover i,
body.cbh26-contact-page .cbcontact-final-banner-v233__secondary:hover i{
  transform:translate(2px,-2px)!important;
}

@media(max-width:980px){
  body.cbh26-contact-page .cbcontact-final-banner-v233__inner{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233__actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  body.cbh26-contact-page .cbcontact-final-banner-v233{
    padding:54px 0!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233__copy h2{
    font-size:clamp(38px,11vw,50px)!important;
    line-height:1.05!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233__copy p{
    font-size:14px!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233__actions{
    grid-template-columns:1fr!important;
  }
}

body.cbh26-contact-page .cbcontact-final-banner-v233::after{
content:"";position:absolute;inset:0;
background:linear-gradient(90deg,transparent 0%,rgba(100,204,197,.08) 50%,transparent 100%);
pointer-events:none}
body.cbh26-contact-page .cbcontact-final-banner-v233__copy h2{color:#162235!important}
body.cbh26-contact-page .cbcontact-final-banner-v233__copy p{color:#526274!important}


/* =========================================================
   v2.3.5 · BANNER FINAL PREMIUM Y DIFERENCIADO
   Solo modifica el banner específico de cierre en Contacto.
========================================================= */

body.cbh26-contact-page .cbcontact-final-banner-v233{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(32px,4vw,52px) 0!important;
  background:
    radial-gradient(circle at 16% 30%,rgba(100,204,197,.20),transparent 24%),
    radial-gradient(circle at 84% 70%,rgba(57,141,147,.22),transparent 28%),
    linear-gradient(110deg,#183741 0%,#1f4853 48%,#2d6870 100%)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.20!important;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 100%)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233::after{
  content:""!important;
  position:absolute!important;
  width:360px!important;
  height:360px!important;
  right:8%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(100,204,197,.18)!important;
  box-shadow:
    0 0 0 46px rgba(100,204,197,.035),
    0 0 0 92px rgba(100,204,197,.025)!important;
  pointer-events:none!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233 .cbh26-shell{
  position:relative!important;
  z-index:2!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__inner{
  min-height:280px!important;
  padding:clamp(28px,3vw,44px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.22fr) minmax(310px,.58fr)!important;
  gap:clamp(34px,5vw,76px)!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:30px!important;
  background:
    linear-gradient(135deg,rgba(15,39,47,.62),rgba(20,55,65,.38))!important;
  box-shadow:
    0 26px 64px rgba(5,20,26,.24),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__copy{
  max-width:860px!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__copy .cbh26-kicker{
  color:#8be3dc!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__copy h2{
  max-width:820px!important;
  margin:12px 0 0!important;
  color:#ffffff!important;
  font-size:clamp(42px,4.2vw,70px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
  text-shadow:0 6px 24px rgba(0,0,0,.14)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__copy p{
  max-width:620px!important;
  margin:18px 0 0!important;
  color:rgba(255,255,255,.76)!important;
  font-size:15px!important;
  line-height:1.65!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__actions{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  gap:12px!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary,
body.cbh26-contact-page .cbcontact-final-banner-v233__secondary{
  min-height:60px!important;
  border-radius:18px!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary{
  color:#ffffff!important;
  background:
    linear-gradient(135deg,#3c8786 0%,#58b7b1 100%)!important;
  box-shadow:
    0 16px 34px rgba(17,58,64,.30),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__secondary{
  border:1px solid rgba(255,255,255,.16)!important;
  color:#ffffff!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary i{
  color:#24545b!important;
  background:#ffffff!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__secondary i{
  color:#8be3dc!important;
  background:rgba(139,227,220,.10)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__primary:hover{
  transform:translateY(-4px)!important;
  background:
    linear-gradient(135deg,#4b9e9a 0%,#69cbc4 100%)!important;
  box-shadow:0 24px 48px rgba(17,58,64,.38)!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233__secondary:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(139,227,220,.32)!important;
  background:rgba(255,255,255,.11)!important;
}

@media(max-width:980px){
  body.cbh26-contact-page .cbcontact-final-banner-v233__inner{
    grid-template-columns:1fr!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233__actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233::after{
    right:-80px!important;
    top:28%!important;
  }
}

@media(max-width:640px){
  body.cbh26-contact-page .cbcontact-final-banner-v233{
    padding:34px 0!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233__inner{
    padding:24px!important;
    border-radius:24px!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233__copy h2{
    font-size:clamp(36px,10.5vw,48px)!important;
    line-height:1.06!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233__copy p{
    font-size:14px!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233__actions{
    grid-template-columns:1fr!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233::after{
    display:none!important;
  }
}


/* =========================================================
   v2.3.6 · SEPARACIÓN ENTRE BANNER Y FOOTER
   Solo modifica el espacio de transición entre ambos bloques.
========================================================= */

body.cbh26-contact-page .cbcontact-final-banner-v233{
  margin-bottom:clamp(34px,4vw,58px)!important;
  box-shadow:
    0 28px 70px rgba(16,45,52,.16),
    0 1px 0 rgba(255,255,255,.06) inset!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233 + footer,
body.cbh26-contact-page .cbcontact-final-banner-v233 ~ footer{
  position:relative!important;
  margin-top:0!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233::marker{
  display:none!important;
}

/* Franja clara de transición para separar visualmente el banner del footer */
body.cbh26-contact-page .cbcontact-final-banner-v233{
  border-bottom:0!important;
}

body.cbh26-contact-page .cbcontact-final-banner-v233 .cbh26-shell::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(-1 * clamp(34px,4vw,58px))!important;
  transform:translateX(-50%)!important;
  width:min(92%,1460px)!important;
  height:1px!important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(49,103,103,.18) 18%,
      rgba(100,204,197,.42) 50%,
      rgba(49,103,103,.18) 82%,
      transparent 100%
    )!important;
  pointer-events:none!important;
}

/* Mantiene el footer claramente separado */
body.cbh26-contact-page footer{
  border-top:0!important;
}

@media(max-width:640px){
  body.cbh26-contact-page .cbcontact-final-banner-v233{
    margin-bottom:30px!important;
  }

  body.cbh26-contact-page .cbcontact-final-banner-v233 .cbh26-shell::after{
    bottom:-30px!important;
    width:88%!important;
  }
}


/* =========================================================
   v2.4.0 · SISTEMA TIPOGRÁFICO GLOBAL UNIFICADO
   Unifica jerarquías, pesos, interlineado y responsive
   sin modificar la estructura visual ni controles flotantes.
========================================================= */

:root{
  --cb-type-display-xl:clamp(50px,4.8vw,82px);
  --cb-type-display-lg:clamp(44px,4.1vw,70px);
  --cb-type-display-md:clamp(36px,3.2vw,56px);
  --cb-type-title-lg:clamp(28px,2.15vw,38px);
  --cb-type-title-md:clamp(22px,1.7vw,30px);
  --cb-type-title-sm:clamp(18px,1.25vw,22px);

  --cb-type-body-lg:clamp(17px,1.15vw,21px);
  --cb-type-body-md:clamp(15px,.98vw,18px);
  --cb-type-body-sm:clamp(13px,.82vw,15px);
  --cb-type-caption:clamp(10px,.68vw,12px);

  --cb-line-display:.99;
  --cb-line-heading:1.08;
  --cb-line-body:1.65;

  --cb-letter-display:-.048em;
  --cb-letter-heading:-.03em;
  --cb-letter-body:0;

  --cb-reading-wide:860px;
  --cb-reading-medium:720px;
  --cb-reading-narrow:620px;
}

/* Base coherente */
body.cbh26-page{
  color:#233238!important;
  font-size:16px!important;
  line-height:var(--cb-line-body)!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}

body.cbh26-page p,
body.cbh26-page li,
body.cbh26-page a,
body.cbh26-page button,
body.cbh26-page input,
body.cbh26-page textarea,
body.cbh26-page select{
  font-family:inherit!important;
}

body.cbh26-page p{
  margin-top:0;
  margin-bottom:0;
  line-height:var(--cb-line-body)!important;
  text-wrap:pretty!important;
}

body.cbh26-page h1,
body.cbh26-page h2,
body.cbh26-page h3,
body.cbh26-page h4,
body.cbh26-page h5,
body.cbh26-page h6{
  margin-top:0;
  color:#1d2c32;
  font-weight:800!important;
  text-wrap:balance!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

body.cbh26-page h1{
  font-size:var(--cb-type-display-xl)!important;
  line-height:var(--cb-line-display)!important;
  letter-spacing:var(--cb-letter-display)!important;
}

body.cbh26-page h2{
  font-size:var(--cb-type-display-lg)!important;
  line-height:1.02!important;
  letter-spacing:-.044em!important;
}

body.cbh26-page h3{
  font-size:var(--cb-type-title-lg)!important;
  line-height:var(--cb-line-heading)!important;
  letter-spacing:var(--cb-letter-heading)!important;
}

body.cbh26-page h4{
  font-size:var(--cb-type-title-md)!important;
  line-height:1.15!important;
  letter-spacing:-.022em!important;
}

body.cbh26-page h5,
body.cbh26-page h6{
  font-size:var(--cb-type-title-sm)!important;
  line-height:1.2!important;
  letter-spacing:-.018em!important;
}

/* Párrafos de introducción */
body.cbh26-page [class*="hero"] p,
body.cbh26-page .cbh26-heading p,
body.cbh26-page [class*="copy"] > p{
  max-width:var(--cb-reading-medium)!important;
  font-size:var(--cb-type-body-lg)!important;
  line-height:1.6!important;
}

/* Cuerpo general */
body.cbh26-page section p,
body.cbh26-page article p{
  font-size:var(--cb-type-body-md)!important;
  line-height:var(--cb-line-body)!important;
}

/* Textos auxiliares */
body.cbh26-page small,
body.cbh26-page .cbh26-kicker,
body.cbh26-page [class*="eyebrow"],
body.cbh26-page [class*="caption"]{
  font-size:var(--cb-type-caption)!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

/* Kicker global */
body.cbh26-page .cbh26-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#316767!important;
  text-transform:uppercase!important;
}

/* Encabezados de sección */
body.cbh26-page .cbh26-heading{
  max-width:var(--cb-reading-wide)!important;
}

body.cbh26-page .cbh26-heading h2{
  max-width:var(--cb-reading-wide)!important;
}

body.cbh26-page .cbh26-heading p{
  max-width:var(--cb-reading-medium)!important;
}

/* Tarjetas */
body.cbh26-page article h3{
  font-size:clamp(20px,1.45vw,26px)!important;
  line-height:1.12!important;
}

body.cbh26-page article h4{
  font-size:clamp(17px,1.15vw,21px)!important;
}

body.cbh26-page article p,
body.cbh26-page article li{
  font-size:clamp(13px,.86vw,15px)!important;
  line-height:1.58!important;
}

/* Botones */
body.cbh26-page .cbh26-btn,
body.cbh26-page [class*="button"],
body.cbh26-page [class*="btn"]{
  font-size:clamp(12px,.82vw,14px)!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}

/* Navegación */
body.cbh26-page header a,
body.cbh26-page nav a{
  font-size:clamp(12px,.82vw,14px)!important;
  line-height:1.2!important;
  font-weight:700!important;
}

/* Footer */
body.cbh26-page footer h3,
body.cbh26-page footer h4{
  font-size:clamp(15px,1vw,18px)!important;
  line-height:1.2!important;
}

body.cbh26-page footer p,
body.cbh26-page footer a,
body.cbh26-page footer li{
  font-size:clamp(12px,.78vw,14px)!important;
  line-height:1.55!important;
}

/* Formularios */
body.cbh26-page input,
body.cbh26-page textarea,
body.cbh26-page select,
body.cbh26-page label{
  font-size:clamp(13px,.86vw,15px)!important;
  line-height:1.45!important;
}

/* Telecom */
body.cbh26-telecom-page [class*="hero"] h1,
body.cbh26-telecom-page .cbh26-heading h2{
  max-width:900px!important;
}

/* Software */
body.cbh26-software-page [class*="hero"] h1,
body.cbh26-software-page .cbh26-heading h2{
  max-width:920px!important;
}

/* Hardware */
body.cbh26-hardware-page [class*="hero"] h1,
body.cbh26-hardware-page .cbh26-heading h2{
  max-width:920px!important;
}

/* Desarrollo Digital */
body.cbh26-digital-page [class*="hero"] h1,
body.cbh26-digital-page .cbh26-heading h2{
  max-width:920px!important;
}

/* Contacto */
body.cbh26-contact-page [class*="hero"] h1,
body.cbh26-contact-page .cbh26-heading h2{
  max-width:900px!important;
}

/* Excepciones intencionales para paneles y métricas */
body.cbh26-page [class*="metric"] strong,
body.cbh26-page [class*="stat"] strong,
body.cbh26-page [class*="counter"] strong{
  line-height:1!important;
  letter-spacing:-.035em!important;
}

body.cbh26-page [class*="metric"] small,
body.cbh26-page [class*="stat"] small{
  letter-spacing:.04em!important;
  text-transform:none!important;
}

/* Tablet */
@media(max-width:1024px){
  :root{
    --cb-type-display-xl:clamp(44px,6vw,66px);
    --cb-type-display-lg:clamp(40px,5.4vw,60px);
    --cb-type-display-md:clamp(34px,4.8vw,50px);
    --cb-type-title-lg:clamp(25px,3vw,34px);
    --cb-type-body-lg:clamp(16px,1.8vw,19px);
    --cb-type-body-md:clamp(14px,1.55vw,17px);
  }

  body.cbh26-page .cbh26-heading,
  body.cbh26-page .cbh26-heading h2,
  body.cbh26-page [class*="hero"] h1{
    max-width:100%!important;
  }

  body.cbh26-page [class*="hero"] p,
  body.cbh26-page .cbh26-heading p,
  body.cbh26-page [class*="copy"] > p{
    max-width:760px!important;
  }
}

/* Tablet vertical */
@media(max-width:820px){
  :root{
    --cb-type-display-xl:clamp(40px,8.4vw,58px);
    --cb-type-display-lg:clamp(38px,7.8vw,54px);
    --cb-type-display-md:clamp(32px,6.8vw,46px);
    --cb-type-title-lg:clamp(23px,4vw,31px);
    --cb-type-title-md:clamp(20px,3.2vw,27px);
    --cb-type-body-lg:16px;
    --cb-type-body-md:15px;
    --cb-type-body-sm:13px;
  }

  body.cbh26-page h1{
    line-height:1.03!important;
    letter-spacing:-.04em!important;
  }

  body.cbh26-page h2{
    line-height:1.05!important;
    letter-spacing:-.038em!important;
  }
}

/* Móvil */
@media(max-width:620px){
  :root{
    --cb-type-display-xl:clamp(36px,11vw,50px);
    --cb-type-display-lg:clamp(34px,10vw,46px);
    --cb-type-display-md:clamp(30px,9vw,42px);
    --cb-type-title-lg:clamp(22px,6vw,29px);
    --cb-type-title-md:clamp(19px,5vw,25px);
    --cb-type-title-sm:17px;
    --cb-type-body-lg:15px;
    --cb-type-body-md:14px;
    --cb-type-body-sm:13px;
    --cb-type-caption:10px;
  }

  body.cbh26-page h1,
  body.cbh26-page h2{
    max-width:100%!important;
    text-wrap:wrap!important;
    overflow-wrap:break-word!important;
  }

  body.cbh26-page h1{
    line-height:1.06!important;
    letter-spacing:-.034em!important;
  }

  body.cbh26-page h2{
    line-height:1.07!important;
    letter-spacing:-.032em!important;
  }

  body.cbh26-page .cbh26-kicker{
    letter-spacing:.10em!important;
  }

  body.cbh26-page [class*="hero"] p,
  body.cbh26-page .cbh26-heading p,
  body.cbh26-page [class*="copy"] > p{
    font-size:15px!important;
    line-height:1.6!important;
  }

  body.cbh26-page article h3{
    font-size:22px!important;
  }

  body.cbh26-page article p,
  body.cbh26-page article li{
    font-size:14px!important;
  }

  body.cbh26-page .cbh26-btn,
  body.cbh26-page [class*="button"],
  body.cbh26-page [class*="btn"]{
    font-size:13px!important;
  }
}

/* Móviles pequeños */
@media(max-width:390px){
  :root{
    --cb-type-display-xl:clamp(33px,10.8vw,43px);
    --cb-type-display-lg:clamp(31px,10vw,40px);
    --cb-type-display-md:clamp(28px,9vw,37px);
  }
}


/* =========================================================
   v2.4.1 · ESCALA TIPOGRÁFICA REFINADA Y MÁS COMPACTA
   Reduce títulos, subtítulos y textos secundarios en todo el tema.
========================================================= */

:root{
  --cb-type-display-xl:clamp(44px,4.1vw,70px);
  --cb-type-display-lg:clamp(38px,3.55vw,60px);
  --cb-type-display-md:clamp(32px,2.9vw,48px);

  --cb-type-title-lg:clamp(24px,1.85vw,32px);
  --cb-type-title-md:clamp(20px,1.45vw,26px);
  --cb-type-title-sm:clamp(17px,1.05vw,20px);

  --cb-type-body-lg:clamp(16px,1vw,18px);
  --cb-type-body-md:clamp(14px,.9vw,16px);
  --cb-type-body-sm:clamp(12.5px,.76vw,14px);
  --cb-type-caption:clamp(9px,.58vw,11px);

  --cb-line-display:1.01;
  --cb-line-heading:1.1;
  --cb-line-body:1.6;

  --cb-letter-display:-.043em;
  --cb-letter-heading:-.026em;
}

/* Jerarquía global más contenida */
body.cbh26-page h1{
  font-size:var(--cb-type-display-xl)!important;
  line-height:var(--cb-line-display)!important;
  letter-spacing:var(--cb-letter-display)!important;
}

body.cbh26-page h2{
  font-size:var(--cb-type-display-lg)!important;
  line-height:1.04!important;
  letter-spacing:-.038em!important;
}

body.cbh26-page h3{
  font-size:var(--cb-type-title-lg)!important;
  line-height:var(--cb-line-heading)!important;
  letter-spacing:var(--cb-letter-heading)!important;
}

body.cbh26-page h4{
  font-size:var(--cb-type-title-md)!important;
  line-height:1.16!important;
}

body.cbh26-page h5,
body.cbh26-page h6{
  font-size:var(--cb-type-title-sm)!important;
  line-height:1.2!important;
}

/* Introducciones y subtítulos */
body.cbh26-page [class*="hero"] p,
body.cbh26-page .cbh26-heading p,
body.cbh26-page [class*="copy"] > p{
  font-size:var(--cb-type-body-lg)!important;
  line-height:1.58!important;
  max-width:680px!important;
}

/* Textos secundarios y tarjetas */
body.cbh26-page section p,
body.cbh26-page article p{
  font-size:var(--cb-type-body-md)!important;
  line-height:1.58!important;
}

body.cbh26-page article h3{
  font-size:clamp(19px,1.25vw,23px)!important;
  line-height:1.14!important;
}

body.cbh26-page article h4{
  font-size:clamp(16px,1vw,19px)!important;
  line-height:1.18!important;
}

body.cbh26-page article p,
body.cbh26-page article li{
  font-size:clamp(12.5px,.78vw,14px)!important;
  line-height:1.52!important;
}

/* Kicker, captions y textos pequeños */
body.cbh26-page small,
body.cbh26-page .cbh26-kicker,
body.cbh26-page [class*="eyebrow"],
body.cbh26-page [class*="caption"]{
  font-size:var(--cb-type-caption)!important;
  line-height:1.3!important;
}

body.cbh26-page .cbh26-kicker{
  letter-spacing:.10em!important;
}

/* Botones y navegación */
body.cbh26-page .cbh26-btn,
body.cbh26-page [class*="button"],
body.cbh26-page [class*="btn"]{
  font-size:clamp(11px,.72vw,13px)!important;
  line-height:1.15!important;
}

body.cbh26-page header a,
body.cbh26-page nav a{
  font-size:clamp(11.5px,.74vw,13px)!important;
}

/* Footer */
body.cbh26-page footer h3,
body.cbh26-page footer h4{
  font-size:clamp(14px,.9vw,16px)!important;
}

body.cbh26-page footer p,
body.cbh26-page footer a,
body.cbh26-page footer li{
  font-size:clamp(11px,.7vw,13px)!important;
  line-height:1.5!important;
}

/* Formularios */
body.cbh26-page input,
body.cbh26-page textarea,
body.cbh26-page select,
body.cbh26-page label{
  font-size:clamp(12.5px,.78vw,14px)!important;
}

/* Títulos de sección con mejor ancho */
body.cbh26-page .cbh26-heading{
  max-width:820px!important;
}

body.cbh26-page .cbh26-heading h2{
  max-width:820px!important;
}

body.cbh26-page .cbh26-heading p{
  max-width:650px!important;
}

/* Paneles de métricas */
body.cbh26-page [class*="metric"] strong,
body.cbh26-page [class*="stat"] strong,
body.cbh26-page [class*="counter"] strong{
  font-size:clamp(20px,1.6vw,28px)!important;
}

body.cbh26-page [class*="metric"] small,
body.cbh26-page [class*="stat"] small{
  font-size:clamp(9px,.58vw,10px)!important;
}

/* Tablet */
@media(max-width:1024px){
  :root{
    --cb-type-display-xl:clamp(40px,5.3vw,58px);
    --cb-type-display-lg:clamp(36px,4.9vw,52px);
    --cb-type-display-md:clamp(31px,4.3vw,44px);
    --cb-type-title-lg:clamp(22px,2.8vw,29px);
    --cb-type-title-md:clamp(19px,2.3vw,25px);
    --cb-type-body-lg:clamp(15px,1.65vw,17px);
    --cb-type-body-md:clamp(13.5px,1.45vw,15.5px);
  }

  body.cbh26-page [class*="hero"] p,
  body.cbh26-page .cbh26-heading p,
  body.cbh26-page [class*="copy"] > p{
    max-width:700px!important;
  }
}

/* Tablet vertical */
@media(max-width:820px){
  :root{
    --cb-type-display-xl:clamp(37px,7.6vw,52px);
    --cb-type-display-lg:clamp(34px,7vw,48px);
    --cb-type-display-md:clamp(30px,6.2vw,42px);
    --cb-type-title-lg:clamp(21px,3.6vw,28px);
    --cb-type-title-md:clamp(18px,3vw,24px);
    --cb-type-body-lg:15.5px;
    --cb-type-body-md:14.5px;
    --cb-type-body-sm:13px;
  }
}

/* Móvil */
@media(max-width:620px){
  :root{
    --cb-type-display-xl:clamp(33px,10vw,44px);
    --cb-type-display-lg:clamp(31px,9.4vw,41px);
    --cb-type-display-md:clamp(28px,8.5vw,38px);
    --cb-type-title-lg:clamp(20px,5.4vw,26px);
    --cb-type-title-md:clamp(18px,4.8vw,23px);
    --cb-type-title-sm:16px;
    --cb-type-body-lg:15px;
    --cb-type-body-md:14px;
    --cb-type-body-sm:12.5px;
    --cb-type-caption:9px;
  }

  body.cbh26-page h1{
    line-height:1.07!important;
    letter-spacing:-.03em!important;
  }

  body.cbh26-page h2{
    line-height:1.08!important;
    letter-spacing:-.028em!important;
  }

  body.cbh26-page [class*="hero"] p,
  body.cbh26-page .cbh26-heading p,
  body.cbh26-page [class*="copy"] > p{
    font-size:15px!important;
    line-height:1.56!important;
  }

  body.cbh26-page article h3{
    font-size:20px!important;
  }

  body.cbh26-page article p,
  body.cbh26-page article li{
    font-size:13.5px!important;
  }

  body.cbh26-page .cbh26-btn,
  body.cbh26-page [class*="button"],
  body.cbh26-page [class*="btn"]{
    font-size:12px!important;
  }
}

/* Móviles pequeños */
@media(max-width:390px){
  :root{
    --cb-type-display-xl:clamp(31px,10vw,40px);
    --cb-type-display-lg:clamp(29px,9.5vw,38px);
    --cb-type-display-md:clamp(27px,8.8vw,35px);
  }
}


/* =========================================================
   v2.5.0 · CONTACTO CON CURVA INTERACTIVA
   Sustituye únicamente el tablero del hero de Contacto.
========================================================= */

body.cbh26-contact-page .cbcontact-curve-v250{
  position:relative!important;
  min-height:610px!important;
  padding:26px!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 75% 20%,rgba(100,204,197,.16),transparent 28%),
    radial-gradient(circle at 22% 82%,rgba(109,92,231,.09),transparent 22%),
    rgba(255,255,255,.72)!important;
  box-shadow:
    0 30px 70px rgba(49,103,103,.12),
    inset 0 1px 0 rgba(255,255,255,.94)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

body.cbh26-contact-page .cbcontact-curve-v250::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.18!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(rgba(49,103,103,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.05) 1px,transparent 1px)!important;
  background-size:38px 38px!important;
  mask-image:linear-gradient(180deg,#000 0%,transparent 90%)!important;
}

body.cbh26-contact-page .cbcontact-curve-v250__header{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:20px!important;
}

body.cbh26-contact-page .cbcontact-curve-v250__header h2{
  margin:7px 0 0!important;
  color:#1e2d33!important;
  font-size:clamp(25px,1.9vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

body.cbh26-contact-page .cbcontact-curve-v250__status{
  min-height:32px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(35,188,121,.12)!important;
  border-radius:999px!important;
  color:#426863!important;
  background:rgba(255,255,255,.82)!important;
  font-size:10px!important;
  font-weight:800!important;
}

body.cbh26-contact-page .cbcontact-curve-v250__status i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#23c77a!important;
  box-shadow:0 0 0 6px rgba(35,199,122,.10)!important;
}

body.cbh26-contact-page .cbcontact-curve-v250__stage{
  position:relative!important;
  z-index:2!important;
  min-height:500px!important;
  margin-top:16px!important;
}

body.cbh26-contact-page .cbcontact-curve-v250__line{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}

body.cbh26-contact-page .cbcontact-curve-v250__line path:first-of-type{
  stroke-dasharray:12 12!important;
  animation:cbcontactCurveFlow250 11s linear infinite!important;
}

body.cbh26-contact-page .cbcontact-node-v250{
  --node-accent:#316767;
  --node-soft:rgba(49,103,103,.10);
  position:absolute!important;
  z-index:4!important;
  width:min(290px,45%)!important;
  min-height:86px!important;
  padding:12px 12px 12px 14px!important;
  display:grid!important;
  grid-template-columns:52px 1fr 34px!important;
  gap:12px!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:20px!important;
  color:#26383d!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 16px 34px rgba(49,103,103,.12)!important;
  text-decoration:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
  animation:cbcontactNodeFloat250 5.6s ease-in-out infinite!important;
}

body.cbh26-contact-page .cbcontact-node-v250:hover{
  transform:translateY(-7px) scale(1.018)!important;
  border-color:color-mix(in srgb,var(--node-accent) 28%,transparent)!important;
  box-shadow:0 24px 46px rgba(49,103,103,.18)!important;
}

body.cbh26-contact-page .cbcontact-node-v250__icon{
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--node-accent),color-mix(in srgb,var(--node-accent) 72%,#ffffff))!important;
  font-size:22px!important;
  font-weight:900!important;
  box-shadow:0 10px 22px var(--node-soft)!important;
}

body.cbh26-contact-page .cbcontact-node-v250__data{
  min-width:0!important;
  display:block!important;
}

body.cbh26-contact-page .cbcontact-node-v250__data small,
body.cbh26-contact-page .cbcontact-node-v250__data strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.cbh26-contact-page .cbcontact-node-v250__data small{
  margin-bottom:4px!important;
  color:#849397!important;
  font-size:9px!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}

body.cbh26-contact-page .cbcontact-node-v250__data strong{
  color:#26383d!important;
  font-size:12px!important;
  line-height:1.2!important;
}

body.cbh26-contact-page .cbcontact-node-v250 > i{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  color:var(--node-accent)!important;
  background:var(--node-soft)!important;
  font-size:13px!important;
  font-style:normal!important;
  transition:transform .25s ease!important;
}

body.cbh26-contact-page .cbcontact-node-v250:hover > i{
  transform:translate(2px,-2px)!important;
}

body.cbh26-contact-page .cbcontact-node-v250--email{
  --node-accent:#2f8f8c;
  --node-soft:rgba(47,143,140,.14);
  left:4%!important;
  top:13%!important;
}

body.cbh26-contact-page .cbcontact-node-v250--whatclick{
  --node-accent:#6558d9;
  --node-soft:rgba(101,88,217,.14);
  right:2%!important;
  top:25%!important;
  animation-delay:-1.4s!important;
}

body.cbh26-contact-page .cbcontact-node-v250--phone{
  --node-accent:#308f8c;
  --node-soft:rgba(48,143,140,.14);
  left:13%!important;
  bottom:14%!important;
  animation-delay:-2.7s!important;
}

body.cbh26-contact-page .cbcontact-node-v250--whatsapp{
  --node-accent:#1fba67;
  --node-soft:rgba(31,186,103,.14);
  right:8%!important;
  bottom:7%!important;
  animation-delay:-3.8s!important;
}

body.cbh26-contact-page .cbcontact-orbit-dot-v250{
  position:absolute!important;
  z-index:3!important;
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
  box-shadow:0 0 0 7px rgba(100,204,197,.12),0 0 20px rgba(100,204,197,.45)!important;
  animation:cbcontactDotPulse250 2.8s ease-in-out infinite!important;
}

body.cbh26-contact-page .cbcontact-orbit-dot-v250--a{left:18%!important;top:43%!important;}
body.cbh26-contact-page .cbcontact-orbit-dot-v250--b{left:54%!important;top:33%!important;animation-delay:-1s!important;}
body.cbh26-contact-page .cbcontact-orbit-dot-v250--c{right:12%!important;bottom:30%!important;animation-delay:-1.8s!important;}

@keyframes cbcontactCurveFlow250{
  to{stroke-dashoffset:-240}
}

@keyframes cbcontactNodeFloat250{
  0%,100%{translate:0 0}
  50%{translate:0 -9px}
}

@keyframes cbcontactDotPulse250{
  0%,100%{transform:scale(1);opacity:.78}
  50%{transform:scale(1.25);opacity:1}
}

@media(max-width:1060px){
  body.cbh26-contact-page .cbcontact-curve-v250{
    min-height:570px!important;
  }
}

@media(max-width:760px){
  body.cbh26-contact-page .cbcontact-curve-v250{
    min-height:0!important;
    padding:20px!important;
  }

  body.cbh26-contact-page .cbcontact-curve-v250__stage{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.cbh26-contact-page .cbcontact-curve-v250__line,
  body.cbh26-contact-page .cbcontact-orbit-dot-v250{
    display:none!important;
  }

  body.cbh26-contact-page .cbcontact-node-v250{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    animation:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.cbh26-contact-page .cbcontact-node-v250,
  body.cbh26-contact-page .cbcontact-curve-v250__line path,
  body.cbh26-contact-page .cbcontact-orbit-dot-v250{
    animation:none!important;
  }
}


/* =========================================================
   v2.5.1 · CURVA DE CONTACTO REFINADA
   Solo sustituye el diseño visual de la curva del hero.
========================================================= */

body.cbh26-contact-page .cbcontact-curve-v250{
  display:none!important;
}

body.cbh26-contact-page .cbcontact-curve-v251{
  position:relative!important;
  min-height:630px!important;
  padding:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:36px!important;
  background:
    radial-gradient(circle at 76% 18%,rgba(100,204,197,.20),transparent 28%),
    radial-gradient(circle at 20% 80%,rgba(101,88,217,.09),transparent 24%),
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,250,248,.86))!important;
  box-shadow:
    0 32px 74px rgba(35,73,79,.13),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(15px)!important;
  -webkit-backdrop-filter:blur(15px)!important;
}

body.cbh26-contact-page .cbcontact-curve-v251::before{
  content:""!important;
  position:absolute!important;
  width:310px!important;
  height:310px!important;
  right:-100px!important;
  bottom:-110px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,rgba(100,204,197,.22),rgba(49,103,103,.08))!important;
  pointer-events:none!important;
}

body.cbh26-contact-page .cbcontact-curve-v251::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.13!important;
  background-image:
    radial-gradient(circle,rgba(49,103,103,.25) 1px,transparent 1.5px)!important;
  background-size:22px 22px!important;
  mask-image:linear-gradient(135deg,transparent 5%,#000 45%,transparent 92%)!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__top{
  position:relative!important;
  z-index:6!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:24px!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__top h2{
  max-width:500px!important;
  margin:7px 0 0!important;
  color:#1d3035!important;
  font-size:clamp(27px,2vw,36px)!important;
  line-height:1.06!important;
  letter-spacing:-.037em!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__top p{
  max-width:440px!important;
  margin:9px 0 0!important;
  color:#708286!important;
  font-size:12px!important;
  line-height:1.55!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__availability{
  min-height:34px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(32,194,117,.12)!important;
  border-radius:999px!important;
  color:#426862!important;
  background:rgba(255,255,255,.82)!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(49,103,103,.06)!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__availability i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#20c275!important;
  box-shadow:0 0 0 6px rgba(32,194,117,.10)!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__stage{
  position:relative!important;
  z-index:3!important;
  min-height:505px!important;
  margin-top:10px!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__svg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__halo{
  fill:none!important;
  stroke:rgba(100,204,197,.13)!important;
  stroke-width:17!important;
  stroke-linecap:round!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__path{
  fill:none!important;
  stroke:url(#cbcontactCurveMain251)!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-dasharray:11 13!important;
  animation:cbcontactCurveDash251 11s linear infinite!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__runner{
  fill:#64ccc5!important;
  filter:url(#cbcontactGlow251)!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__runner--two{
  fill:#6558d9!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__center{
  position:absolute!important;
  z-index:4!important;
  left:47%!important;
  top:47%!important;
  width:150px!important;
  min-height:150px!important;
  transform:translate(-50%,-50%)!important;
  padding:20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(100,204,197,.25)!important;
  border-radius:50%!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 35% 25%,rgba(100,204,197,.24),transparent 28%),
    linear-gradient(145deg,#173f45,#0e2e34)!important;
  box-shadow:
    0 20px 44px rgba(25,68,74,.22),
    0 0 0 16px rgba(100,204,197,.06),
    0 0 0 32px rgba(100,204,197,.025)!important;
  text-align:center!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__center span{
  width:48px!important;
  height:48px!important;
  margin-bottom:10px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  color:#153e44!important;
  background:#64ccc5!important;
  font-size:15px!important;
  font-weight:900!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__center strong{
  font-size:13px!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__center small{
  margin-top:4px!important;
  color:#b4dad7!important;
  font-size:8px!important;
  letter-spacing:.03em!important;
}

body.cbh26-contact-page .cbcontact-channel-v251{
  --channel:#316767;
  --channel-soft:rgba(49,103,103,.12);
  position:absolute!important;
  z-index:5!important;
  width:min(292px,44%)!important;
  min-height:84px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:52px 1fr 34px!important;
  gap:12px!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:21px!important;
  color:#26383d!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 16px 34px rgba(49,103,103,.12)!important;
  text-decoration:none!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
  animation:cbcontactFloat251 6s ease-in-out infinite!important;
}

body.cbh26-contact-page .cbcontact-channel-v251:hover{
  transform:translateY(-7px) scale(1.02)!important;
  border-color:var(--channel)!important;
  box-shadow:0 24px 48px rgba(49,103,103,.18)!important;
}

body.cbh26-contact-page .cbcontact-channel-v251__icon{
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--channel),color-mix(in srgb,var(--channel) 72%,#fff))!important;
  box-shadow:0 10px 22px var(--channel-soft)!important;
}

body.cbh26-contact-page .cbcontact-channel-v251__icon svg{
  width:24px!important;
  height:24px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.cbh26-contact-page .cbcontact-channel-v251__content{
  min-width:0!important;
}

body.cbh26-contact-page .cbcontact-channel-v251__content small,
body.cbh26-contact-page .cbcontact-channel-v251__content strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.cbh26-contact-page .cbcontact-channel-v251__content small{
  margin-bottom:4px!important;
  color:#809095!important;
  font-size:8.5px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body.cbh26-contact-page .cbcontact-channel-v251__content strong{
  color:#26383d!important;
  font-size:11.5px!important;
  line-height:1.2!important;
}

body.cbh26-contact-page .cbcontact-channel-v251__arrow{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  color:var(--channel)!important;
  background:var(--channel-soft)!important;
  font-size:13px!important;
  transition:transform .25s ease!important;
}

body.cbh26-contact-page .cbcontact-channel-v251:hover .cbcontact-channel-v251__arrow{
  transform:translate(2px,-2px)!important;
}

body.cbh26-contact-page .cbcontact-channel-v251--email{
  --channel:#2b8f8d;
  --channel-soft:rgba(43,143,141,.14);
  left:3%!important;
  top:8%!important;
}

body.cbh26-contact-page .cbcontact-channel-v251--whatclick{
  --channel:#6558d9;
  --channel-soft:rgba(101,88,217,.14);
  right:1%!important;
  top:22%!important;
  animation-delay:-1.5s!important;
}

body.cbh26-contact-page .cbcontact-channel-v251--phone{
  --channel:#357d9d;
  --channel-soft:rgba(53,125,157,.14);
  left:7%!important;
  bottom:10%!important;
  animation-delay:-2.8s!important;
}

body.cbh26-contact-page .cbcontact-channel-v251--whatsapp{
  --channel:#1fba67;
  --channel-soft:rgba(31,186,103,.14);
  right:4%!important;
  bottom:4%!important;
  animation-delay:-4s!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__tag{
  position:absolute!important;
  z-index:4!important;
  padding:8px 11px!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:999px!important;
  color:#557075!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 10px 22px rgba(49,103,103,.07)!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__tag--fast{
  left:27%!important;
  top:35%!important;
}

body.cbh26-contact-page .cbcontact-curve-v251__tag--human{
  right:21%!important;
  bottom:31%!important;
}

@keyframes cbcontactCurveDash251{
  to{stroke-dashoffset:-240}
}

@keyframes cbcontactFloat251{
  0%,100%{translate:0 0}
  50%{translate:0 -8px}
}

@media(max-width:1080px){
  body.cbh26-contact-page .cbcontact-curve-v251{
    min-height:610px!important;
  }
}

@media(max-width:760px){
  body.cbh26-contact-page .cbcontact-curve-v251{
    min-height:0!important;
    padding:21px!important;
    border-radius:27px!important;
  }

  body.cbh26-contact-page .cbcontact-curve-v251__top{
    flex-direction:column!important;
  }

  body.cbh26-contact-page .cbcontact-curve-v251__stage{
    min-height:0!important;
    margin-top:24px!important;
    display:grid!important;
    gap:12px!important;
  }

  body.cbh26-contact-page .cbcontact-curve-v251__svg,
  body.cbh26-contact-page .cbcontact-curve-v251__center,
  body.cbh26-contact-page .cbcontact-curve-v251__tag{
    display:none!important;
  }

  body.cbh26-contact-page .cbcontact-channel-v251{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    animation:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.cbh26-contact-page .cbcontact-channel-v251,
  body.cbh26-contact-page .cbcontact-curve-v251__path{
    animation:none!important;
  }

  body.cbh26-contact-page .cbcontact-curve-v251__runner{
    display:none!important;
  }
}


/* =========================================================
   v2.6.0 · PÁGINA ESPECIALIZADA WHATCLICK
========================================================= */

body.cbh26-whatclick-page{
  background:#f5faf9!important;
}

body.cbh26-whatclick-page .cbwc-v260{
  overflow:hidden!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(76px,7vw,116px) 0 clamp(82px,8vw,126px)!important;
  background:
    radial-gradient(circle at 83% 13%,rgba(100,204,197,.24),transparent 28%),
    radial-gradient(circle at 18% 90%,rgba(73,143,180,.10),transparent 25%),
    linear-gradient(135deg,#fbfdfd 0%,#eef8f6 100%)!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.15!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(rgba(49,103,103,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.06) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 50%,#000 100%)!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero-grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(580px,1.08fr)!important;
  gap:clamp(44px,5vw,86px)!important;
  align-items:center!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero-copy{
  max-width:750px!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero-copy h1{
  margin:14px 0 0!important;
  color:#172c31!important;
  font-size:clamp(47px,4.5vw,76px)!important;
  line-height:1.01!important;
  letter-spacing:-.047em!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero-copy h1 span{
  display:block!important;
  margin-top:6px!important;
  color:#316767!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero-copy > p{
  max-width:670px!important;
  margin:24px 0 0!important;
  color:#60757a!important;
  font-size:clamp(16px,1.05vw,19px)!important;
  line-height:1.62!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero-actions{
  margin-top:30px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero-points{
  margin-top:26px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero-points span{
  min-height:34px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:999px!important;
  color:#587075!important;
  background:rgba(255,255,255,.76)!important;
  font-size:10px!important;
  font-weight:700!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero-points i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#29c87d!important;
  box-shadow:0 0 0 5px rgba(41,200,125,.10)!important;
}

body.cbh26-whatclick-page .cbwc-v260__hero-visual{
  position:relative!important;
  min-height:580px!important;
}

body.cbh26-whatclick-page .cbwc-v260__window{
  position:absolute!important;
  inset:7% 0 5% 5%!important;
  z-index:2!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 34px 78px rgba(34,76,83,.17)!important;
}

body.cbh26-whatclick-page .cbwc-v260__window-top{
  min-height:54px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border-bottom:1px solid rgba(49,103,103,.08)!important;
  color:#63787c!important;
  background:rgba(249,252,252,.96)!important;
  font-size:9px!important;
}

body.cbh26-whatclick-page .cbwc-v260__window-top span{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
}

body.cbh26-whatclick-page .cbwc-v260__window-top span:nth-child(2){opacity:.65!important;}
body.cbh26-whatclick-page .cbwc-v260__window-top span:nth-child(3){opacity:.35!important;}

body.cbh26-whatclick-page .cbwc-v260__window-top strong{
  margin-left:7px!important;
  font-size:9px!important;
}

body.cbh26-whatclick-page .cbwc-v260__window img{
  width:100%!important;
  height:calc(100% - 54px)!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fbfcfc!important;
}

body.cbh26-whatclick-page .cbwc-v260__float{
  position:absolute!important;
  z-index:4!important;
  min-width:160px!important;
  padding:13px 15px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 17px 35px rgba(49,103,103,.13)!important;
  backdrop-filter:blur(13px)!important;
  animation:cbwcFloat260 5.6s ease-in-out infinite!important;
}

body.cbh26-whatclick-page .cbwc-v260__float strong,
body.cbh26-whatclick-page .cbwc-v260__float span{
  display:block!important;
}

body.cbh26-whatclick-page .cbwc-v260__float strong{
  color:#244247!important;
  font-size:11px!important;
}

body.cbh26-whatclick-page .cbwc-v260__float span{
  margin-top:3px!important;
  color:#76898d!important;
  font-size:8px!important;
}

body.cbh26-whatclick-page .cbwc-v260__float--wa{left:-2%!important;top:13%!important;}
body.cbh26-whatclick-page .cbwc-v260__float--ai{right:-4%!important;top:20%!important;animation-delay:-1.8s!important;}
body.cbh26-whatclick-page .cbwc-v260__float--team{right:3%!important;bottom:4%!important;animation-delay:-3.2s!important;}

body.cbh26-whatclick-page .cbwc-v260__channels{
  margin-top:-28px!important;
  position:relative!important;
  z-index:4!important;
}

body.cbh26-whatclick-page .cbwc-v260__channels-track{
  min-height:74px!important;
  padding:14px 18px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:23px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 44px rgba(49,103,103,.09)!important;
}

body.cbh26-whatclick-page .cbwc-v260__channels-track span{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#597075!important;
  font-size:10px!important;
  font-weight:750!important;
}

body.cbh26-whatclick-page .cbwc-v260__channels-track b{
  width:34px!important;
  height:34px!important;
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#316767,#64ccc5)!important;
  font-size:8px!important;
}

body.cbh26-whatclick-page .cbwc-v260__intro,
body.cbh26-whatclick-page .cbwc-v260__meta,
body.cbh26-whatclick-page .cbwc-v260__clients,
body.cbh26-whatclick-page .cbwc-v260__automation,
body.cbh26-whatclick-page .cbwc-v260__ai,
body.cbh26-whatclick-page .cbwc-v260__campaigns,
body.cbh26-whatclick-page .cbwc-v260__reports,
body.cbh26-whatclick-page .cbwc-v260__management{
  padding:clamp(78px,7vw,118px) 0!important;
}

body.cbh26-whatclick-page .cbwc-v260__heading-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.55fr)!important;
  gap:clamp(34px,5vw,86px)!important;
  align-items:end!important;
}

body.cbh26-whatclick-page .cbwc-v260__heading-grid h2,
body.cbh26-whatclick-page .cbwc-v260__section-heading h2,
body.cbh26-whatclick-page .cbwc-v260__split-copy h2,
body.cbh26-whatclick-page .cbwc-v260__management-copy h2{
  max-width:850px!important;
  margin:12px 0 0!important;
  color:#17383d!important;
  font-size:clamp(38px,3.45vw,58px)!important;
  line-height:1.04!important;
  letter-spacing:-.042em!important;
}

body.cbh26-whatclick-page .cbwc-v260__heading-grid > p,
body.cbh26-whatclick-page .cbwc-v260__section-heading > p,
body.cbh26-whatclick-page .cbwc-v260__split-copy > p,
body.cbh26-whatclick-page .cbwc-v260__management-copy > p{
  max-width:650px!important;
  margin:18px 0 0!important;
  color:#657a7f!important;
  font-size:15px!important;
  line-height:1.65!important;
}

body.cbh26-whatclick-page .cbwc-v260__feature-grid{
  margin-top:42px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

body.cbh26-whatclick-page .cbwc-v260__feature-grid article{
  min-height:230px!important;
  padding:24px!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:23px!important;
  background:#fff!important;
  box-shadow:0 13px 32px rgba(49,103,103,.06)!important;
}

body.cbh26-whatclick-page .cbwc-v260__feature-grid article > span{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#316767!important;
  background:rgba(100,204,197,.13)!important;
  font-size:9px!important;
  font-weight:900!important;
}

body.cbh26-whatclick-page .cbwc-v260__feature-grid h3{
  margin:42px 0 9px!important;
  color:#18393e!important;
  font-size:23px!important;
}

body.cbh26-whatclick-page .cbwc-v260__feature-grid p{
  color:#718388!important;
  font-size:13px!important;
  line-height:1.58!important;
}

body.cbh26-whatclick-page .cbwc-v260__meta,
body.cbh26-whatclick-page .cbwc-v260__ai,
body.cbh26-whatclick-page .cbwc-v260__reports{
  background:#0e3036!important;
}

body.cbh26-whatclick-page .cbwc-v260__meta .cbh26-kicker,
body.cbh26-whatclick-page .cbwc-v260__ai .cbh26-kicker,
body.cbh26-whatclick-page .cbwc-v260__reports .cbh26-kicker{
  color:#64ccc5!important;
}

body.cbh26-whatclick-page .cbwc-v260__meta h2,
body.cbh26-whatclick-page .cbwc-v260__ai h2,
body.cbh26-whatclick-page .cbwc-v260__reports h2{
  color:#fff!important;
}

body.cbh26-whatclick-page .cbwc-v260__meta p,
body.cbh26-whatclick-page .cbwc-v260__ai p,
body.cbh26-whatclick-page .cbwc-v260__reports p{
  color:#b3cbca!important;
}

body.cbh26-whatclick-page .cbwc-v260__split{
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr)!important;
  gap:clamp(40px,6vw,92px)!important;
  align-items:center!important;
}

body.cbh26-whatclick-page .cbwc-v260__split--reverse{
  grid-template-columns:minmax(560px,1.18fr) minmax(0,.82fr)!important;
}

body.cbh26-whatclick-page .cbwc-v260__split-copy ul,
body.cbh26-whatclick-page .cbwc-v260__management-copy ul{
  margin:25px 0 0!important;
  padding:0!important;
  display:grid!important;
  gap:11px!important;
  list-style:none!important;
}

body.cbh26-whatclick-page .cbwc-v260__split-copy li,
body.cbh26-whatclick-page .cbwc-v260__management-copy li{
  position:relative!important;
  padding-left:23px!important;
  color:#b3cbca!important;
  font-size:13px!important;
}

body.cbh26-whatclick-page .cbwc-v260__management-copy li{color:#60767a!important;}

body.cbh26-whatclick-page .cbwc-v260__split-copy li::before,
body.cbh26-whatclick-page .cbwc-v260__management-copy li::before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  color:#64ccc5!important;
  font-weight:900!important;
}

body.cbh26-whatclick-page .cbwc-v260__meta-visual{
  position:relative!important;
  min-height:470px!important;
}

body.cbh26-whatclick-page .cbwc-v260__image-card{
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 24px 54px rgba(0,0,0,.22)!important;
}

body.cbh26-whatclick-page .cbwc-v260__image-card img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
}

body.cbh26-whatclick-page .cbwc-v260__image-card--wide{
  position:absolute!important;
  inset:0 11% 11% 0!important;
}

body.cbh26-whatclick-page .cbwc-v260__image-card--mini{
  position:absolute!important;
  width:30%!important;
  height:52%!important;
  right:0!important;
  bottom:0!important;
  padding:8px!important;
}

body.cbh26-whatclick-page .cbwc-v260__section-heading{
  max-width:900px!important;
}

body.cbh26-whatclick-page .cbwc-v260__section-heading--center{
  margin:0 auto!important;
  text-align:center!important;
}

body.cbh26-whatclick-page .cbwc-v260__section-heading--center p{
  margin-left:auto!important;
  margin-right:auto!important;
}

body.cbh26-whatclick-page .cbwc-v260__showcase,
body.cbh26-whatclick-page .cbwc-v260__automation-visual,
body.cbh26-whatclick-page .cbwc-v260__ai-visual,
body.cbh26-whatclick-page .cbwc-v260__reports-visual{
  margin:42px 0 0!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 26px 62px rgba(49,103,103,.11)!important;
}

body.cbh26-whatclick-page .cbwc-v260__automation-visual,
body.cbh26-whatclick-page .cbwc-v260__ai-visual,
body.cbh26-whatclick-page .cbwc-v260__reports-visual{
  margin:0!important;
}

body.cbh26-whatclick-page .cbwc-v260__showcase img,
body.cbh26-whatclick-page .cbwc-v260__automation-visual img,
body.cbh26-whatclick-page .cbwc-v260__ai-visual img,
body.cbh26-whatclick-page .cbwc-v260__reports-visual img{
  width:100%!important;
  display:block!important;
  object-fit:contain!important;
}

body.cbh26-whatclick-page .cbwc-v260__showcase-labels{
  padding:16px!important;
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  border-top:1px solid rgba(49,103,103,.08)!important;
}

body.cbh26-whatclick-page .cbwc-v260__showcase-labels span,
body.cbh26-whatclick-page .cbwc-v260__chips span{
  padding:8px 11px!important;
  border-radius:999px!important;
  color:#4f6d71!important;
  background:#edf6f5!important;
  font-size:9px!important;
  font-weight:750!important;
}

body.cbh26-whatclick-page .cbwc-v260__automation{
  background:#eaf6f4!important;
}

body.cbh26-whatclick-page .cbwc-v260__chips{
  margin-top:24px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

body.cbh26-whatclick-page .cbwc-v260__ai-list{
  margin-top:26px!important;
  display:grid!important;
  gap:10px!important;
}

body.cbh26-whatclick-page .cbwc-v260__ai-list span{
  min-height:48px!important;
  padding:10px 13px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  color:#d7e9e7!important;
  background:rgba(255,255,255,.05)!important;
  font-size:11px!important;
}

body.cbh26-whatclick-page .cbwc-v260__ai-list b{
  color:#64ccc5!important;
  font-size:8px!important;
}

body.cbh26-whatclick-page .cbwc-v260__campaigns{
  background:#f6faf9!important;
}

body.cbh26-whatclick-page .cbwc-v260__campaign-grid{
  margin-top:44px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.45fr)!important;
  gap:16px!important;
}

body.cbh26-whatclick-page .cbwc-v260__media-card{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:27px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(49,103,103,.08)!important;
}

body.cbh26-whatclick-page .cbwc-v260__media-card > div{
  padding:24px 25px 18px!important;
}

body.cbh26-whatclick-page .cbwc-v260__media-card > div > span{
  color:#36a99f!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

body.cbh26-whatclick-page .cbwc-v260__media-card h3{
  margin:8px 0 8px!important;
  color:#193a3f!important;
  font-size:24px!important;
}

body.cbh26-whatclick-page .cbwc-v260__media-card p{
  color:#728488!important;
  font-size:12px!important;
}

body.cbh26-whatclick-page .cbwc-v260__media-card img{
  width:100%!important;
  height:390px!important;
  display:block!important;
  object-fit:contain!important;
  object-position:top center!important;
  background:#fbfcfc!important;
}

body.cbh26-whatclick-page .cbwc-v260__media-card--portrait img{
  height:390px!important;
}

body.cbh26-whatclick-page .cbwc-v260__metric-grid{
  margin-top:28px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

body.cbh26-whatclick-page .cbwc-v260__metric-grid span{
  min-height:92px!important;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.05)!important;
}

body.cbh26-whatclick-page .cbwc-v260__metric-grid strong,
body.cbh26-whatclick-page .cbwc-v260__metric-grid small{
  display:block!important;
}

body.cbh26-whatclick-page .cbwc-v260__metric-grid strong{
  color:#fff!important;
  font-size:14px!important;
}

body.cbh26-whatclick-page .cbwc-v260__metric-grid small{
  margin-top:7px!important;
  color:#9db9b7!important;
  font-size:8px!important;
  letter-spacing:0!important;
}

body.cbh26-whatclick-page .cbwc-v260__management{
  background:#fff!important;
}

body.cbh26-whatclick-page .cbwc-v260__management-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(330px,.45fr)!important;
  gap:clamp(44px,6vw,100px)!important;
  align-items:center!important;
}

body.cbh26-whatclick-page .cbwc-v260__management-menu{
  margin:0!important;
  padding:20px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:28px!important;
  background:#f5f9f8!important;
  box-shadow:0 22px 52px rgba(49,103,103,.09)!important;
}

body.cbh26-whatclick-page .cbwc-v260__management-menu img{
  max-width:320px!important;
  width:100%!important;
  display:block!important;
}

body.cbh26-whatclick-page .cbwc-v260__cta{
  padding:0 0 clamp(76px,7vw,112px)!important;
  background:#fff!important;
}

body.cbh26-whatclick-page .cbwc-v260__cta-inner{
  min-height:270px!important;
  padding:clamp(30px,4vw,54px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:40px!important;
  align-items:center!important;
  border-radius:31px!important;
  background:
    radial-gradient(circle at 85% 20%,rgba(100,204,197,.18),transparent 26%),
    linear-gradient(130deg,#132f35,#1d4b52)!important;
}

body.cbh26-whatclick-page .cbwc-v260__cta h2{
  max-width:850px!important;
  margin:10px 0 0!important;
  color:#fff!important;
  font-size:clamp(34px,3vw,50px)!important;
}

@keyframes cbwcFloat260{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-9px)}
}

@media(max-width:1080px){
  body.cbh26-whatclick-page .cbwc-v260__hero-grid,
  body.cbh26-whatclick-page .cbwc-v260__split,
  body.cbh26-whatclick-page .cbwc-v260__split--reverse,
  body.cbh26-whatclick-page .cbwc-v260__heading-grid,
  body.cbh26-whatclick-page .cbwc-v260__management-grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__hero-visual{
    min-height:560px!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__campaign-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  body.cbh26-whatclick-page .cbwc-v260__hero{
    padding:58px 0 78px!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__hero-copy h1{
    font-size:clamp(38px,11vw,51px)!important;
    line-height:1.05!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__hero-visual{
    min-height:420px!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__window{
    inset:7% 0 3% 0!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__float{
    min-width:130px!important;
    transform:scale(.86)!important;
    animation:none!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__channels-track{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__feature-grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__feature-grid article{
    min-height:190px!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__meta-visual{
    min-height:350px!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__campaign-grid,
  body.cbh26-whatclick-page .cbwc-v260__metric-grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__cta-inner{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:480px){
  body.cbh26-whatclick-page .cbwc-v260__channels-track{
    grid-template-columns:1fr!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__hero-actions{
    flex-direction:column!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__hero-actions .cbh26-btn{
    width:100%!important;
  }
}


/* =========================================================
   v2.7.0 · SECCIONES WHATCLICK TRASLADADAS DESDE INICIO
   Conserva el diseño original y lo integra en la nueva página.
========================================================= */

body.cbh26-whatclick-page .cbwc-v270__moved-sections{
  position:relative!important;
}

body.cbh26-whatclick-page .cbwc-v270__moved-sections > section{
  margin:0!important;
}

body.cbh26-whatclick-page .cbwc-v270__moved-sections > section:first-child{
  border-top:1px solid rgba(49,103,103,.06)!important;
}

body.cbh26-whatclick-page .cbwc-v270__moved-sections > section + section{
  margin-top:0!important;
}

@media(max-width:760px){
  body.cbh26-whatclick-page .cbwc-v270__moved-sections{
    overflow:hidden!important;
  }
}


/* =========================================================
   v2.8.0 · ECOSISTEMA INTERACTIVO DEL INICIO
   Conserva el concepto visual y convierte cada solución en enlace.
========================================================= */

body.cbh26-page .cbhome-ecosystem-v280{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(86px,8vw,132px) 0!important;
  background:
    radial-gradient(circle at 88% 14%,rgba(100,204,197,.20),transparent 28%),
    radial-gradient(circle at 14% 86%,rgba(49,103,103,.10),transparent 24%),
    linear-gradient(135deg,#fbfdfd 0%,#eef7f6 100%)!important;
}

body.cbh26-page .cbhome-ecosystem-v280::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.12!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(rgba(49,103,103,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.05) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 42%,#000 100%)!important;
}

body.cbh26-page .cbhome-ecosystem-v280__grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(680px,1.18fr)!important;
  gap:clamp(46px,6vw,100px)!important;
  align-items:center!important;
}

body.cbh26-page .cbhome-ecosystem-v280__copy{
  max-width:760px!important;
}

body.cbh26-page .cbhome-ecosystem-v280__copy h2{
  margin:14px 0 0!important;
  color:#232439!important;
  font-size:clamp(48px,4.3vw,72px)!important;
  line-height:1.01!important;
  letter-spacing:-.047em!important;
}

body.cbh26-page .cbhome-ecosystem-v280__copy h2 span{
  display:block!important;
  margin-top:8px!important;
  color:#316767!important;
}

body.cbh26-page .cbhome-ecosystem-v280__copy > p{
  max-width:650px!important;
  margin:26px 0 0!important;
  color:#63777c!important;
  font-size:clamp(16px,1vw,18px)!important;
  line-height:1.65!important;
}

body.cbh26-page .cbhome-ecosystem-v280__actions{
  margin-top:30px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}

body.cbh26-page .cbhome-ecosystem-v280__summary{
  margin-top:32px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}

body.cbh26-page .cbhome-ecosystem-v280__summary span{
  min-height:40px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:999px!important;
  color:#5d7479!important;
  background:rgba(255,255,255,.78)!important;
  font-size:10px!important;
  font-weight:700!important;
}

body.cbh26-page .cbhome-ecosystem-v280__summary b{
  color:#316767!important;
  font-size:12px!important;
}

body.cbh26-page .cbhome-ecosystem-v280__map{
  position:relative!important;
  min-height:690px!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 50% 52%,rgba(100,204,197,.16),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,249,247,.88))!important;
  box-shadow:
    0 34px 78px rgba(38,79,85,.13),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}

body.cbh26-page .cbhome-ecosystem-v280__map::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.16!important;
  pointer-events:none!important;
  background-image:
    radial-gradient(circle,rgba(49,103,103,.22) 1px,transparent 1.5px)!important;
  background-size:24px 24px!important;
  mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 76%)!important;
}

body.cbh26-page .cbhome-ecosystem-v280__map-header{
  position:absolute!important;
  z-index:8!important;
  left:28px!important;
  right:28px!important;
  top:24px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
}

body.cbh26-page .cbhome-ecosystem-v280__map-header span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#43666b!important;
  font-size:10px!important;
  font-weight:800!important;
}

body.cbh26-page .cbhome-ecosystem-v280__map-header i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
  box-shadow:0 0 0 6px rgba(100,204,197,.11)!important;
}

body.cbh26-page .cbhome-ecosystem-v280__map-header small{
  color:#71858a!important;
  font-size:9px!important;
  letter-spacing:.04em!important;
}

body.cbh26-page .cbhome-ecosystem-v280__orbit{
  position:absolute!important;
  left:50%!important;
  top:53%!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(49,103,103,.11)!important;
  border-radius:50%!important;
}

body.cbh26-page .cbhome-ecosystem-v280__orbit--outer{
  width:520px!important;
  height:520px!important;
  border-style:dashed!important;
  animation:cbhomeOrbit280 32s linear infinite!important;
}

body.cbh26-page .cbhome-ecosystem-v280__orbit--middle{
  width:370px!important;
  height:370px!important;
}

body.cbh26-page .cbhome-ecosystem-v280__orbit--inner{
  width:240px!important;
  height:240px!important;
  border-color:rgba(100,204,197,.22)!important;
}

body.cbh26-page .cbhome-ecosystem-v280__center{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:53%!important;
  width:190px!important;
  min-height:190px!important;
  transform:translate(-50%,-50%)!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(49,103,103,.11)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:
    0 22px 48px rgba(49,103,103,.13),
    0 0 0 16px rgba(100,204,197,.06)!important;
  text-align:center!important;
}

body.cbh26-page .cbhome-ecosystem-v280__logo{
  width:74px!important;
  height:74px!important;
  margin-bottom:13px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:24px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#316767,#64ccc5)!important;
  box-shadow:0 14px 28px rgba(49,103,103,.22)!important;
}

body.cbh26-page .cbhome-ecosystem-v280__logo span{
  font-size:21px!important;
  font-weight:900!important;
}

body.cbh26-page .cbhome-ecosystem-v280__center strong{
  color:#183a3f!important;
  font-size:15px!important;
}

body.cbh26-page .cbhome-ecosystem-v280__center small{
  max-width:130px!important;
  margin-top:5px!important;
  color:#7a8c90!important;
  font-size:8px!important;
  letter-spacing:0!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node{
  --node:#316767;
  --node-soft:rgba(49,103,103,.11);
  position:absolute!important;
  z-index:6!important;
  width:235px!important;
  min-height:88px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:54px 1fr 30px!important;
  gap:12px!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:20px!important;
  color:#264044!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 17px 36px rgba(49,103,103,.11)!important;
  text-decoration:none!important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node:hover{
  transform:translateY(-7px) scale(1.02)!important;
  border-color:var(--node)!important;
  box-shadow:0 26px 48px rgba(49,103,103,.18)!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node-icon{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--node),color-mix(in srgb,var(--node) 70%,#fff))!important;
  box-shadow:0 10px 22px var(--node-soft)!important;
  font-size:15px!important;
  font-weight:900!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node > span:nth-child(2){
  min-width:0!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node strong,
body.cbh26-page .cbhome-ecosystem-v280__node small{
  display:block!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node strong{
  color:#235056!important;
  font-size:11.5px!important;
  line-height:1.2!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node small{
  margin-top:4px!important;
  color:#76898d!important;
  font-size:8px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node > i{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  color:var(--node)!important;
  background:var(--node-soft)!important;
  font-size:11px!important;
  font-style:normal!important;
  transition:transform .25s ease!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node:hover > i{
  transform:translate(2px,-2px)!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node--digital{
  --node:#2b8f8d;
  --node-soft:rgba(43,143,141,.14);
  left:50%!important;
  top:13%!important;
  transform:translateX(-50%)!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node--digital:hover{
  transform:translateX(-50%) translateY(-7px) scale(1.02)!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node--telecom{
  left:4%!important;
  top:29%!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node--whatclick{
  --node:#19ad68;
  --node-soft:rgba(25,173,104,.14);
  left:3%!important;
  bottom:24%!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node--software{
  --node:#6558d9;
  --node-soft:rgba(101,88,217,.14);
  right:3%!important;
  top:28%!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node--hardware{
  --node:#39799a;
  --node-soft:rgba(57,121,154,.14);
  left:8%!important;
  bottom:7%!important;
}

body.cbh26-page .cbhome-ecosystem-v280__node--contact{
  --node:#b77a31;
  --node-soft:rgba(183,122,49,.14);
  right:6%!important;
  bottom:8%!important;
}

body.cbh26-page .cbhome-ecosystem-v280__pulse{
  position:absolute!important;
  z-index:3!important;
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
  box-shadow:0 0 0 7px rgba(100,204,197,.12),0 0 22px rgba(100,204,197,.45)!important;
  animation:cbhomePulse280 3s ease-in-out infinite!important;
}

body.cbh26-page .cbhome-ecosystem-v280__pulse--a{left:23%!important;top:51%!important;}
body.cbh26-page .cbhome-ecosystem-v280__pulse--b{right:22%!important;top:51%!important;animation-delay:-1s!important;}
body.cbh26-page .cbhome-ecosystem-v280__pulse--c{left:50%!important;bottom:13%!important;animation-delay:-2s!important;}

@keyframes cbhomeOrbit280{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

@keyframes cbhomePulse280{
  0%,100%{transform:scale(1);opacity:.75}
  50%{transform:scale(1.28);opacity:1}
}

@media(max-width:1180px){
  body.cbh26-page .cbhome-ecosystem-v280__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-page .cbhome-ecosystem-v280__copy{
    max-width:920px!important;
  }

  body.cbh26-page .cbhome-ecosystem-v280__map{
    min-height:680px!important;
  }
}

@media(max-width:760px){
  body.cbh26-page .cbhome-ecosystem-v280{
    padding:66px 0!important;
  }

  body.cbh26-page .cbhome-ecosystem-v280__copy h2{
    font-size:clamp(38px,11vw,52px)!important;
    line-height:1.05!important;
  }

  body.cbh26-page .cbhome-ecosystem-v280__map{
    min-height:0!important;
    padding:22px!important;
    display:grid!important;
    gap:12px!important;
  }

  body.cbh26-page .cbhome-ecosystem-v280__map-header{
    position:relative!important;
    inset:auto!important;
    margin-bottom:8px!important;
  }

  body.cbh26-page .cbhome-ecosystem-v280__orbit,
  body.cbh26-page .cbhome-ecosystem-v280__center,
  body.cbh26-page .cbhome-ecosystem-v280__pulse{
    display:none!important;
  }

  body.cbh26-page .cbhome-ecosystem-v280__node{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    transform:none!important;
  }

  body.cbh26-page .cbhome-ecosystem-v280__node:hover,
  body.cbh26-page .cbhome-ecosystem-v280__node--digital:hover{
    transform:translateY(-4px)!important;
  }

  body.cbh26-page .cbhome-ecosystem-v280__summary{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.cbh26-page .cbhome-ecosystem-v280__orbit,
  body.cbh26-page .cbhome-ecosystem-v280__pulse{
    animation:none!important;
  }
}


/* =========================================================
   v2.8.1 · CORRECCIÓN DEFINITIVA ECOSISTEMA DEL INICIO
   Estilos directos para evitar dependencia de clases del body.
========================================================= */

.cbhome-ecosystem-v280{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(84px,8vw,132px) 0!important;
  background:
    radial-gradient(circle at 88% 14%,rgba(100,204,197,.21),transparent 29%),
    radial-gradient(circle at 12% 86%,rgba(49,103,103,.09),transparent 25%),
    linear-gradient(135deg,#fbfdfd 0%,#edf7f5 100%)!important;
}

.cbhome-ecosystem-v280::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.12!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(rgba(49,103,103,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,103,103,.05) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%)!important;
}

.cbhome-ecosystem-v280__grid{
  position:relative!important;
  z-index:2!important;
  width:min(94%,1640px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(720px,1.22fr)!important;
  gap:clamp(52px,6vw,112px)!important;
  align-items:center!important;
}

.cbhome-ecosystem-v280__copy{
  max-width:760px!important;
}

.cbhome-ecosystem-v280__copy h2{
  max-width:760px!important;
  margin:14px 0 0!important;
  color:#232439!important;
  font-size:clamp(48px,4.25vw,72px)!important;
  line-height:1.01!important;
  letter-spacing:-.047em!important;
  text-wrap:balance!important;
}

.cbhome-ecosystem-v280__copy h2 span{
  display:block!important;
  margin-top:8px!important;
  color:#316767!important;
}

.cbhome-ecosystem-v280__copy > p{
  max-width:650px!important;
  margin:25px 0 0!important;
  color:#60757a!important;
  font-size:clamp(16px,1vw,18px)!important;
  line-height:1.65!important;
}

.cbhome-ecosystem-v280__actions{
  margin-top:30px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}

.cbhome-ecosystem-v280__summary{
  margin-top:28px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}

.cbhome-ecosystem-v280__summary span{
  min-height:38px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:999px!important;
  color:#5d7479!important;
  background:rgba(255,255,255,.80)!important;
  box-shadow:0 7px 18px rgba(49,103,103,.04)!important;
  font-size:10px!important;
  font-weight:700!important;
}

.cbhome-ecosystem-v280__summary b{
  color:#316767!important;
  font-size:12px!important;
}

.cbhome-ecosystem-v280__map{
  position:relative!important;
  min-height:720px!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:36px!important;
  background:
    radial-gradient(circle at 50% 52%,rgba(100,204,197,.17),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,249,247,.91))!important;
  box-shadow:
    0 36px 82px rgba(38,79,85,.14),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}

.cbhome-ecosystem-v280__map::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.17!important;
  pointer-events:none!important;
  background-image:radial-gradient(circle,rgba(49,103,103,.22) 1px,transparent 1.5px)!important;
  background-size:24px 24px!important;
  mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 78%)!important;
}

.cbhome-ecosystem-v280__map-header{
  position:absolute!important;
  z-index:10!important;
  left:28px!important;
  right:28px!important;
  top:24px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
}

.cbhome-ecosystem-v280__map-header span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#43666b!important;
  font-size:10px!important;
  font-weight:800!important;
}

.cbhome-ecosystem-v280__map-header i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
  box-shadow:0 0 0 6px rgba(100,204,197,.11)!important;
}

.cbhome-ecosystem-v280__map-header small{
  color:#71858a!important;
  font-size:9px!important;
  letter-spacing:.04em!important;
}

.cbhome-ecosystem-v280__orbit{
  position:absolute!important;
  left:50%!important;
  top:54%!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(49,103,103,.12)!important;
  border-radius:50%!important;
}

.cbhome-ecosystem-v280__orbit--outer{
  width:540px!important;
  height:540px!important;
  border-style:dashed!important;
  animation:cbhomeOrbit281 34s linear infinite!important;
}

.cbhome-ecosystem-v280__orbit--middle{
  width:390px!important;
  height:390px!important;
}

.cbhome-ecosystem-v280__orbit--inner{
  width:245px!important;
  height:245px!important;
  border-color:rgba(100,204,197,.24)!important;
}

.cbhome-ecosystem-v280__center{
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:54%!important;
  width:195px!important;
  min-height:195px!important;
  transform:translate(-50%,-50%)!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(49,103,103,.11)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:
    0 22px 48px rgba(49,103,103,.14),
    0 0 0 17px rgba(100,204,197,.06)!important;
  text-align:center!important;
}

.cbhome-ecosystem-v280__logo{
  width:76px!important;
  height:76px!important;
  margin-bottom:13px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:24px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#316767,#64ccc5)!important;
  box-shadow:0 14px 28px rgba(49,103,103,.22)!important;
}

.cbhome-ecosystem-v280__logo span{
  font-size:21px!important;
  font-weight:900!important;
}

.cbhome-ecosystem-v280__center strong{
  color:#183a3f!important;
  font-size:15px!important;
}

.cbhome-ecosystem-v280__center small{
  max-width:135px!important;
  margin-top:5px!important;
  color:#7a8c90!important;
  font-size:8px!important;
  letter-spacing:0!important;
}

.cbhome-ecosystem-v280__node{
  --node:#316767;
  --node-soft:rgba(49,103,103,.11);
  position:absolute!important;
  z-index:8!important;
  width:246px!important;
  min-height:92px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:56px 1fr 30px!important;
  gap:12px!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:21px!important;
  color:#264044!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 18px 38px rgba(49,103,103,.12)!important;
  text-decoration:none!important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
}

.cbhome-ecosystem-v280__node:hover{
  transform:translateY(-7px) scale(1.02)!important;
  border-color:var(--node)!important;
  box-shadow:0 28px 52px rgba(49,103,103,.19)!important;
}

.cbhome-ecosystem-v280__node-icon{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--node),color-mix(in srgb,var(--node) 70%,#fff))!important;
  box-shadow:0 10px 22px var(--node-soft)!important;
  font-size:15px!important;
  font-weight:900!important;
}

.cbhome-ecosystem-v280__node > span:nth-child(2){
  min-width:0!important;
}

.cbhome-ecosystem-v280__node strong,
.cbhome-ecosystem-v280__node small{
  display:block!important;
}

.cbhome-ecosystem-v280__node strong{
  color:#235056!important;
  font-size:11.5px!important;
  line-height:1.2!important;
}

.cbhome-ecosystem-v280__node small{
  margin-top:4px!important;
  color:#76898d!important;
  font-size:8px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

.cbhome-ecosystem-v280__node > i{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  color:var(--node)!important;
  background:var(--node-soft)!important;
  font-size:11px!important;
  font-style:normal!important;
  transition:transform .25s ease!important;
}

.cbhome-ecosystem-v280__node:hover > i{
  transform:translate(2px,-2px)!important;
}

.cbhome-ecosystem-v280__node--digital{
  --node:#2b8f8d;
  --node-soft:rgba(43,143,141,.14);
  left:50%!important;
  top:12%!important;
  transform:translateX(-50%)!important;
}

.cbhome-ecosystem-v280__node--digital:hover{
  transform:translateX(-50%) translateY(-7px) scale(1.02)!important;
}

.cbhome-ecosystem-v280__node--telecom{
  left:3%!important;
  top:29%!important;
}

.cbhome-ecosystem-v280__node--whatclick{
  --node:#19ad68;
  --node-soft:rgba(25,173,104,.14);
  left:2.5%!important;
  bottom:24%!important;
}

.cbhome-ecosystem-v280__node--software{
  --node:#6558d9;
  --node-soft:rgba(101,88,217,.14);
  right:2.5%!important;
  top:28%!important;
}

.cbhome-ecosystem-v280__node--hardware{
  --node:#39799a;
  --node-soft:rgba(57,121,154,.14);
  left:8%!important;
  bottom:6%!important;
}

.cbhome-ecosystem-v280__node--contact{
  --node:#b77a31;
  --node-soft:rgba(183,122,49,.14);
  right:6%!important;
  bottom:7%!important;
}

.cbhome-ecosystem-v280__pulse{
  position:absolute!important;
  z-index:4!important;
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
  box-shadow:0 0 0 7px rgba(100,204,197,.12),0 0 22px rgba(100,204,197,.45)!important;
  animation:cbhomePulse281 3s ease-in-out infinite!important;
}

.cbhome-ecosystem-v280__pulse--a{left:23%!important;top:52%!important;}
.cbhome-ecosystem-v280__pulse--b{right:22%!important;top:52%!important;animation-delay:-1s!important;}
.cbhome-ecosystem-v280__pulse--c{left:50%!important;bottom:12%!important;animation-delay:-2s!important;}

@keyframes cbhomeOrbit281{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

@keyframes cbhomePulse281{
  0%,100%{transform:scale(1);opacity:.75}
  50%{transform:scale(1.28);opacity:1}
}

@media(max-width:1240px){
  .cbhome-ecosystem-v280__grid{
    grid-template-columns:1fr!important;
  }

  .cbhome-ecosystem-v280__copy{
    max-width:960px!important;
  }

  .cbhome-ecosystem-v280__map{
    min-height:710px!important;
  }
}

@media(max-width:780px){
  .cbhome-ecosystem-v280{
    padding:66px 0!important;
  }

  .cbhome-ecosystem-v280__grid{
    width:min(92%,720px)!important;
  }

  .cbhome-ecosystem-v280__copy h2{
    font-size:clamp(38px,11vw,52px)!important;
    line-height:1.05!important;
  }

  .cbhome-ecosystem-v280__map{
    min-height:0!important;
    padding:22px!important;
    display:grid!important;
    gap:12px!important;
    border-radius:27px!important;
  }

  .cbhome-ecosystem-v280__map-header{
    position:relative!important;
    inset:auto!important;
    margin-bottom:8px!important;
  }

  .cbhome-ecosystem-v280__orbit,
  .cbhome-ecosystem-v280__center,
  .cbhome-ecosystem-v280__pulse{
    display:none!important;
  }

  .cbhome-ecosystem-v280__node{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    transform:none!important;
  }

  .cbhome-ecosystem-v280__node:hover,
  .cbhome-ecosystem-v280__node--digital:hover{
    transform:translateY(-4px)!important;
  }

  .cbhome-ecosystem-v280__summary{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cbhome-ecosystem-v280__orbit,
  .cbhome-ecosystem-v280__pulse{
    animation:none!important;
  }
}


/* =========================================================
   v2.9.0 · ECOSISTEMA TECNOLÓGICO PREMIUM
========================================================= */

.cbhome-ecosystem-v280{display:none!important;}

.cbhome-ecosystem-v290{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(92px,8vw,142px) 0!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(100,204,197,.22),transparent 27%),
    radial-gradient(circle at 10% 92%,rgba(87,186,222,.11),transparent 25%),
    linear-gradient(135deg,#ffffff 0%,#f2faf9 100%)!important;
}

.cbhome-ecosystem-v290::before{
  content:""!important;
  position:absolute!important;
  left:-80px!important;
  bottom:-120px!important;
  width:540px!important;
  height:340px!important;
  opacity:.18!important;
  pointer-events:none!important;
  background-image:radial-gradient(circle,rgba(49,103,103,.32) 1px,transparent 1.5px)!important;
  background-size:14px 14px!important;
  mask-image:radial-gradient(ellipse at center,#000 0%,transparent 72%)!important;
  transform:rotate(9deg)!important;
}

.cbhome-ecosystem-v290__grid{
  position:relative!important;
  z-index:2!important;
  width:min(94%,1660px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,.72fr) minmax(760px,1.28fr)!important;
  gap:clamp(58px,6vw,118px)!important;
  align-items:center!important;
}

.cbhome-ecosystem-v290__copy{
  max-width:720px!important;
}

.cbhome-ecosystem-v290__copy h2{
  max-width:720px!important;
  margin:15px 0 0!important;
  color:#111d36!important;
  font-size:clamp(48px,4.2vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-.047em!important;
  text-wrap:balance!important;
}

.cbhome-ecosystem-v290__copy h2 span{
  display:block!important;
  margin-top:8px!important;
  color:#309389!important;
}

.cbhome-ecosystem-v290__accent{
  width:58px!important;
  height:4px!important;
  margin-top:28px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#316767,#64ccc5)!important;
}

.cbhome-ecosystem-v290__copy > p{
  max-width:650px!important;
  margin:24px 0 0!important;
  color:#5d6e7d!important;
  font-size:clamp(16px,1vw,18px)!important;
  line-height:1.67!important;
}

.cbhome-ecosystem-v290__benefits{
  margin-top:38px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

.cbhome-ecosystem-v290__benefits article{
  min-height:112px!important;
  padding:17px!important;
  display:grid!important;
  grid-template-columns:44px 1fr!important;
  gap:12px!important;
  align-items:start!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:21px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 15px 34px rgba(49,103,103,.07)!important;
}

.cbhome-ecosystem-v290__benefit-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#316767!important;
  background:rgba(100,204,197,.13)!important;
  font-size:16px!important;
  font-weight:900!important;
}

.cbhome-ecosystem-v290__benefits strong,
.cbhome-ecosystem-v290__benefits small{
  display:block!important;
}

.cbhome-ecosystem-v290__benefits strong{
  color:#28464b!important;
  font-size:11.5px!important;
  line-height:1.25!important;
}

.cbhome-ecosystem-v290__benefits small{
  margin-top:7px!important;
  color:#74868b!important;
  font-size:8.5px!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}

.cbhome-ecosystem-v290__map{
  position:relative!important;
  min-height:790px!important;
  overflow:visible!important;
}

.cbhome-ecosystem-v290__map::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:52%!important;
  width:620px!important;
  height:620px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,rgba(255,255,255,.98) 0 30%,rgba(100,204,197,.08) 31% 47%,rgba(255,255,255,.42) 48% 62%,transparent 63%)!important;
  box-shadow:0 0 80px rgba(100,204,197,.18)!important;
}

.cbhome-ecosystem-v290__orb{
  position:absolute!important;
  left:50%!important;
  top:52%!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(66,194,197,.25)!important;
  border-radius:50%!important;
  pointer-events:none!important;
}

.cbhome-ecosystem-v290__orb--outer{
  width:670px!important;
  height:670px!important;
  border-style:dashed!important;
  animation:cbhomeOrb290 38s linear infinite!important;
}

.cbhome-ecosystem-v290__orb--middle{
  width:520px!important;
  height:520px!important;
}

.cbhome-ecosystem-v290__orb--inner{
  width:370px!important;
  height:370px!important;
  border-color:rgba(100,204,197,.34)!important;
}

.cbhome-ecosystem-v290__center{
  position:absolute!important;
  z-index:8!important;
  left:50%!important;
  top:52%!important;
  width:220px!important;
  min-height:220px!important;
  transform:translate(-50%,-50%)!important;
  padding:25px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(49,103,103,.09)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:
    0 30px 70px rgba(49,103,103,.16),
    0 0 0 22px rgba(100,204,197,.055)!important;
  text-align:center!important;
}

.cbhome-ecosystem-v290__center-logo{
  width:112px!important;
  height:112px!important;
  margin-bottom:13px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#fff!important;
}

.cbhome-ecosystem-v290__center-logo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
}

.cbhome-ecosystem-v290__center strong{
  color:#172d33!important;
  font-size:16px!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

.cbhome-ecosystem-v290__center small{
  margin-top:7px!important;
  color:#309389!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.cbhome-ecosystem-v290__card{
  --card:#316767;
  --card-soft:rgba(49,103,103,.13);
  position:absolute!important;
  z-index:10!important;
  width:225px!important;
  min-height:222px!important;
  padding:21px 18px 17px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:32px!important;
  color:#1b3035!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 22px 52px rgba(49,103,103,.13)!important;
  text-align:center!important;
  text-decoration:none!important;
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease!important;
}

.cbhome-ecosystem-v290__card:hover{
  transform:translateY(-9px) scale(1.025)!important;
  border-color:var(--card)!important;
  box-shadow:0 34px 66px rgba(49,103,103,.20)!important;
}

.cbhome-ecosystem-v290__card-icon{
  width:76px!important;
  height:76px!important;
  margin-bottom:17px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:25px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.25),transparent 28%),
    linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 72%,#fff))!important;
  box-shadow:
    0 14px 28px var(--card-soft),
    0 0 0 8px color-mix(in srgb,var(--card-soft) 55%,transparent)!important;
}

.cbhome-ecosystem-v290__card-icon svg{
  width:38px!important;
  height:38px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.cbhome-ecosystem-v290__card > strong{
  color:#1c2b3a!important;
  font-size:14px!important;
  line-height:1.18!important;
  text-transform:uppercase!important;
}

.cbhome-ecosystem-v290__card > small{
  max-width:180px!important;
  margin-top:9px!important;
  color:#687b83!important;
  font-size:9px!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}

.cbhome-ecosystem-v290__card > i{
  width:34px!important;
  height:34px!important;
  margin-top:17px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--card-soft)!important;
  border-radius:50%!important;
  color:var(--card)!important;
  background:#fff!important;
  box-shadow:0 8px 18px var(--card-soft)!important;
  font-size:14px!important;
  font-style:normal!important;
  transition:transform .25s ease!important;
}

.cbhome-ecosystem-v290__card:hover > i{
  transform:translateX(3px)!important;
}

.cbhome-ecosystem-v290__card--digital{
  --card:#168f7e;
  --card-soft:rgba(22,143,126,.15);
  left:50%!important;
  top:0!important;
  transform:translateX(-50%)!important;
}

.cbhome-ecosystem-v290__card--digital:hover{
  transform:translateX(-50%) translateY(-9px) scale(1.025)!important;
}

.cbhome-ecosystem-v290__card--telecom{
  --card:#126bd4;
  --card-soft:rgba(18,107,212,.15);
  left:0!important;
  top:20%!important;
}

.cbhome-ecosystem-v290__card--software{
  --card:#5e4bea;
  --card-soft:rgba(94,75,234,.15);
  right:0!important;
  top:20%!important;
}

.cbhome-ecosystem-v290__card--whatclick{
  --card:#0aad57;
  --card-soft:rgba(10,173,87,.15);
  left:1%!important;
  bottom:5%!important;
}

.cbhome-ecosystem-v290__card--hardware{
  --card:#0496d1;
  --card-soft:rgba(4,150,209,.15);
  right:1%!important;
  bottom:5%!important;
}

.cbhome-ecosystem-v290__card--contact{
  --card:#168f7e;
  --card-soft:rgba(22,143,126,.15);
  left:50%!important;
  bottom:-13%!important;
  transform:translateX(-50%)!important;
}

.cbhome-ecosystem-v290__card--contact:hover{
  transform:translateX(-50%) translateY(-9px) scale(1.025)!important;
}

.cbhome-ecosystem-v290__particle{
  position:absolute!important;
  z-index:4!important;
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#25d4ce!important;
  box-shadow:0 0 0 7px rgba(37,212,206,.11),0 0 22px rgba(37,212,206,.50)!important;
  animation:cbhomeParticle290 3s ease-in-out infinite!important;
}

.cbhome-ecosystem-v290__particle--a{left:20%!important;top:47%!important;}
.cbhome-ecosystem-v290__particle--b{right:20%!important;top:47%!important;animation-delay:-.8s!important;}
.cbhome-ecosystem-v290__particle--c{left:50%!important;top:15%!important;animation-delay:-1.6s!important;}
.cbhome-ecosystem-v290__particle--d{left:50%!important;bottom:10%!important;animation-delay:-2.4s!important;}

@keyframes cbhomeOrb290{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

@keyframes cbhomeParticle290{
  0%,100%{transform:scale(1);opacity:.70}
  50%{transform:scale(1.32);opacity:1}
}

@media(max-width:1260px){
  .cbhome-ecosystem-v290__grid{
    grid-template-columns:1fr!important;
  }

  .cbhome-ecosystem-v290__copy{
    max-width:960px!important;
  }

  .cbhome-ecosystem-v290__map{
    width:min(100%,960px)!important;
    margin:0 auto 90px!important;
  }
}

@media(max-width:820px){
  .cbhome-ecosystem-v290{
    padding:70px 0!important;
  }

  .cbhome-ecosystem-v290__grid{
    width:min(92%,760px)!important;
  }

  .cbhome-ecosystem-v290__copy h2{
    font-size:clamp(38px,11vw,52px)!important;
    line-height:1.05!important;
  }

  .cbhome-ecosystem-v290__benefits{
    grid-template-columns:1fr!important;
  }

  .cbhome-ecosystem-v290__map{
    min-height:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  .cbhome-ecosystem-v290__map::before,
  .cbhome-ecosystem-v290__orb,
  .cbhome-ecosystem-v290__center,
  .cbhome-ecosystem-v290__particle{
    display:none!important;
  }

  .cbhome-ecosystem-v290__card{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:230px!important;
    transform:none!important;
  }

  .cbhome-ecosystem-v290__card:hover,
  .cbhome-ecosystem-v290__card--digital:hover,
  .cbhome-ecosystem-v290__card--contact:hover{
    transform:translateY(-5px)!important;
  }
}

@media(max-width:520px){
  .cbhome-ecosystem-v290__map{
    grid-template-columns:1fr!important;
  }

  .cbhome-ecosystem-v290__card{
    min-height:210px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cbhome-ecosystem-v290__orb,
  .cbhome-ecosystem-v290__particle{
    animation:none!important;
  }
}


/* =========================================================
   v2.9.1 · LOGO CENTRAL PROTAGONISTA Y TARJETAS EN ÓRBITA
========================================================= */

.cbhome-ecosystem-v290__map{
  min-height:860px!important;
}

.cbhome-ecosystem-v290__map::before{
  width:690px!important;
  height:690px!important;
  box-shadow:
    0 0 95px rgba(100,204,197,.22),
    inset 0 0 60px rgba(100,204,197,.10)!important;
}

.cbhome-ecosystem-v290__orb--outer{
  width:735px!important;
  height:735px!important;
}

.cbhome-ecosystem-v290__orb--middle{
  width:570px!important;
  height:570px!important;
}

.cbhome-ecosystem-v290__orb--inner{
  width:410px!important;
  height:410px!important;
}

.cbhome-ecosystem-v290__center{
  width:290px!important;
  min-height:290px!important;
  padding:30px!important;
  box-shadow:
    0 36px 84px rgba(49,103,103,.20),
    0 0 0 26px rgba(100,204,197,.07),
    0 0 0 54px rgba(100,204,197,.025)!important;
}

.cbhome-ecosystem-v290__center-logo{
  width:170px!important;
  height:170px!important;
  margin-bottom:15px!important;
}

.cbhome-ecosystem-v290__center strong{
  font-size:19px!important;
}

.cbhome-ecosystem-v290__center small{
  max-width:190px!important;
  font-size:9px!important;
}

.cbhome-ecosystem-v290__card{
  transform-origin:50% 50%!important;
  will-change:transform!important;
}

/* Movimiento orbital lento por tarjeta */
.cbhome-ecosystem-v290__card--digital{
  animation:cbhomeCardOrbitDigital291 24s ease-in-out infinite!important;
}

.cbhome-ecosystem-v290__card--telecom{
  animation:cbhomeCardOrbitTelecom291 27s ease-in-out infinite!important;
}

.cbhome-ecosystem-v290__card--software{
  animation:cbhomeCardOrbitSoftware291 29s ease-in-out infinite!important;
}

.cbhome-ecosystem-v290__card--whatclick{
  animation:cbhomeCardOrbitWhatClick291 26s ease-in-out infinite!important;
}

.cbhome-ecosystem-v290__card--hardware{
  animation:cbhomeCardOrbitHardware291 28s ease-in-out infinite!important;
}

.cbhome-ecosystem-v290__card--contact{
  animation:cbhomeCardOrbitContact291 30s ease-in-out infinite!important;
}

/* Los iconos giran suavemente dentro de cada tarjeta */
.cbhome-ecosystem-v290__card-icon{
  animation:cbhomeIconSpin291 18s linear infinite!important;
}

.cbhome-ecosystem-v290__card:nth-of-type(2) .cbhome-ecosystem-v290__card-icon{animation-duration:20s!important;}
.cbhome-ecosystem-v290__card:nth-of-type(3) .cbhome-ecosystem-v290__card-icon{animation-duration:22s!important;}
.cbhome-ecosystem-v290__card:nth-of-type(4) .cbhome-ecosystem-v290__card-icon{animation-duration:24s!important;}
.cbhome-ecosystem-v290__card:nth-of-type(5) .cbhome-ecosystem-v290__card-icon{animation-duration:26s!important;}
.cbhome-ecosystem-v290__card:nth-of-type(6) .cbhome-ecosystem-v290__card-icon{animation-duration:28s!important;}

.cbhome-ecosystem-v290__card:hover{
  animation-play-state:paused!important;
}

.cbhome-ecosystem-v290__card:hover .cbhome-ecosystem-v290__card-icon{
  animation-play-state:paused!important;
}

@keyframes cbhomeCardOrbitDigital291{
  0%,100%{translate:0 0}
  25%{translate:12px 6px}
  50%{translate:0 12px}
  75%{translate:-12px 6px}
}

@keyframes cbhomeCardOrbitTelecom291{
  0%,100%{translate:0 0}
  25%{translate:8px -10px}
  50%{translate:15px 0}
  75%{translate:7px 10px}
}

@keyframes cbhomeCardOrbitSoftware291{
  0%,100%{translate:0 0}
  25%{translate:-8px -10px}
  50%{translate:-15px 0}
  75%{translate:-7px 10px}
}

@keyframes cbhomeCardOrbitWhatClick291{
  0%,100%{translate:0 0}
  25%{translate:10px -7px}
  50%{translate:15px 3px}
  75%{translate:6px 12px}
}

@keyframes cbhomeCardOrbitHardware291{
  0%,100%{translate:0 0}
  25%{translate:-10px -7px}
  50%{translate:-15px 3px}
  75%{translate:-6px 12px}
}

@keyframes cbhomeCardOrbitContact291{
  0%,100%{translate:0 0}
  25%{translate:12px -4px}
  50%{translate:0 -12px}
  75%{translate:-12px -4px}
}

@keyframes cbhomeIconSpin291{
  from{rotate:0deg}
  to{rotate:360deg}
}

@media(max-width:1260px){
  .cbhome-ecosystem-v290__map{
    min-height:850px!important;
  }
}

@media(max-width:820px){
  .cbhome-ecosystem-v290__card,
  .cbhome-ecosystem-v290__card-icon{
    animation:none!important;
  }

  .cbhome-ecosystem-v290__map{
    min-height:0!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cbhome-ecosystem-v290__card,
  .cbhome-ecosystem-v290__card-icon{
    animation:none!important;
  }
}


/* =========================================================
   v2.9.2 · ÓRBITA REAL, LOGO CENTRAL Y HERO COMPACTO
========================================================= */

.cbhome-ecosystem-v290{
  padding:clamp(54px,5vw,78px) 0!important;
  min-height:calc(100vh - 88px)!important;
  display:flex!important;
  align-items:center!important;
}

.cbhome-ecosystem-v290__grid{
  grid-template-columns:minmax(0,.70fr) minmax(700px,1.30fr)!important;
  gap:clamp(44px,5vw,92px)!important;
}

.cbhome-ecosystem-v290__copy h2{
  max-width:680px!important;
  font-size:clamp(43px,3.75vw,64px)!important;
  line-height:1.015!important;
  letter-spacing:-.045em!important;
}

.cbhome-ecosystem-v290__copy h2 span{
  margin-top:5px!important;
}

.cbhome-ecosystem-v290__accent{
  margin-top:20px!important;
}

.cbhome-ecosystem-v290__copy > p{
  max-width:610px!important;
  margin-top:18px!important;
  font-size:clamp(14px,.92vw,16px)!important;
  line-height:1.58!important;
}

.cbhome-ecosystem-v290__benefits{
  margin-top:24px!important;
  gap:9px!important;
}

.cbhome-ecosystem-v290__benefits article{
  min-height:88px!important;
  padding:13px!important;
  grid-template-columns:38px 1fr!important;
  gap:10px!important;
  border-radius:18px!important;
}

.cbhome-ecosystem-v290__benefit-icon{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  font-size:14px!important;
}

.cbhome-ecosystem-v290__benefits strong{
  font-size:10.5px!important;
}

.cbhome-ecosystem-v290__benefits small{
  margin-top:5px!important;
  font-size:7.7px!important;
}

.cbhome-ecosystem-v290__map{
  min-height:690px!important;
  overflow:visible!important;
}

.cbhome-ecosystem-v290__map::before{
  width:570px!important;
  height:570px!important;
}

.cbhome-ecosystem-v290__orb--outer{
  width:620px!important;
  height:620px!important;
}

.cbhome-ecosystem-v290__orb--middle{
  width:480px!important;
  height:480px!important;
}

.cbhome-ecosystem-v290__orb--inner{
  width:340px!important;
  height:340px!important;
}

.cbhome-ecosystem-v290__center{
  width:280px!important;
  min-height:280px!important;
  padding:30px!important;
}

.cbhome-ecosystem-v290__center-logo{
  width:225px!important;
  height:225px!important;
  margin:0!important;
}

.cbhome-ecosystem-v290__center-logo img{
  transform:scale(1.08)!important;
}

.cbhome-ecosystem-v290__center > strong,
.cbhome-ecosystem-v290__center > small{
  display:none!important;
}

.cbhome-ecosystem-v292__rotator{
  position:absolute!important;
  z-index:10!important;
  left:50%!important;
  top:52%!important;
  width:620px!important;
  height:620px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  animation:cbhomeRealOrbit292 42s linear infinite!important;
  pointer-events:none!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card{
  width:194px!important;
  min-height:168px!important;
  padding:16px 14px 13px!important;
  border-radius:27px!important;
  pointer-events:auto!important;
  animation:cbhomeCounterRotate292 42s linear infinite!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card-icon{
  width:64px!important;
  height:64px!important;
  margin-bottom:12px!important;
  border-radius:21px!important;
  animation:none!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card-icon svg{
  width:32px!important;
  height:32px!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card > strong{
  font-size:11.5px!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card > small{
  max-width:160px!important;
  margin-top:6px!important;
  font-size:7.8px!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card > i{
  width:29px!important;
  height:29px!important;
  margin-top:10px!important;
  font-size:12px!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--digital{
  left:50%!important;
  top:-40px!important;
  bottom:auto!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--telecom{
  left:-52px!important;
  top:105px!important;
  bottom:auto!important;
  right:auto!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--software{
  right:-52px!important;
  top:105px!important;
  bottom:auto!important;
  left:auto!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--whatclick{
  left:-38px!important;
  bottom:82px!important;
  top:auto!important;
  right:auto!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--hardware{
  right:-38px!important;
  bottom:82px!important;
  top:auto!important;
  left:auto!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--contact{
  left:50%!important;
  bottom:-54px!important;
  top:auto!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}

.cbhome-ecosystem-v292__rotator:hover{
  animation-play-state:paused!important;
}

.cbhome-ecosystem-v292__rotator:hover .cbhome-ecosystem-v290__card{
  animation-play-state:paused!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card:hover{
  box-shadow:0 28px 58px rgba(49,103,103,.22)!important;
  border-color:var(--card)!important;
}

.cbhome-ecosystem-v290__card--digital,
.cbhome-ecosystem-v290__card--telecom,
.cbhome-ecosystem-v290__card--software,
.cbhome-ecosystem-v290__card--whatclick,
.cbhome-ecosystem-v290__card--hardware,
.cbhome-ecosystem-v290__card--contact{
  translate:none!important;
}

.cbhome-ecosystem-v290__particle{
  animation:cbhomeParticle292 4s ease-in-out infinite!important;
}

@keyframes cbhomeRealOrbit292{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

@keyframes cbhomeCounterRotate292{
  from{rotate:0deg}
  to{rotate:-360deg}
}

@keyframes cbhomeParticle292{
  0%,100%{transform:scale(1);opacity:.58}
  50%{transform:scale(1.36);opacity:1}
}

@media(max-width:1280px){
  .cbhome-ecosystem-v290{
    min-height:auto!important;
  }

  .cbhome-ecosystem-v290__grid{
    grid-template-columns:1fr!important;
  }

  .cbhome-ecosystem-v290__copy{
    max-width:900px!important;
  }

  .cbhome-ecosystem-v290__map{
    width:min(100%,900px)!important;
    margin:0 auto 65px!important;
  }
}

@media(max-width:820px){
  .cbhome-ecosystem-v290{
    padding:60px 0!important;
    display:block!important;
  }

  .cbhome-ecosystem-v290__copy h2{
    font-size:clamp(36px,10.5vw,48px)!important;
  }

  .cbhome-ecosystem-v290__map{
    min-height:0!important;
    margin:0!important;
  }

  .cbhome-ecosystem-v292__rotator{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    animation:none!important;
  }

  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:210px!important;
    transform:none!important;
    animation:none!important;
  }

  .cbhome-ecosystem-v290__map::before,
  .cbhome-ecosystem-v290__orb,
  .cbhome-ecosystem-v290__center,
  .cbhome-ecosystem-v290__particle{
    display:none!important;
  }
}

@media(max-width:520px){
  .cbhome-ecosystem-v292__rotator{
    grid-template-columns:1fr!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cbhome-ecosystem-v292__rotator,
  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card{
    animation:none!important;
  }
}


/* =========================================================
   v2.9.3 · ÓRBITA HORARIA SIN GIRO SOBRE EL PROPIO EJE
========================================================= */

/* El contenedor deja de rotar: cada tarjeta recorre la órbita real */
.cbhome-ecosystem-v292__rotator{
  animation:none!important;
  transform:translate(-50%,-50%)!important;
}

/* Trayectoria circular común para las seis soluciones */
.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;

  /* La tarjeta recorre el círculo y se mantiene vertical */
  offset-path:path("M 0 -292 A 292 292 0 1 1 -0.1 -292")!important;
  offset-rotate:0deg!important;
  offset-anchor:50% 50%!important;

  transform:none!important;
  translate:none!important;
  rotate:0deg!important;

  animation-name:cbhomeClockwiseOrbit293!important;
  animation-duration:42s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
}

/* Separación uniforme entre las seis tarjetas */
.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--digital{
  animation-delay:0s!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--software{
  animation-delay:-7s!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--hardware{
  animation-delay:-14s!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--contact{
  animation-delay:-21s!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--whatclick{
  animation-delay:-28s!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card--telecom{
  animation-delay:-35s!important;
}

/* Anula cualquier giro previo de tarjetas o iconos */
.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card,
.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card-icon,
.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card-icon svg{
  rotate:0deg!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card-icon{
  animation:none!important;
  transform:none!important;
}

/* Pausa toda la órbita cuando el usuario interactúa */
.cbhome-ecosystem-v292__rotator:hover .cbhome-ecosystem-v290__card{
  animation-play-state:paused!important;
}

/* Hover sin alterar la orientación de la tarjeta */
.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card:hover{
  transform:scale(1.035)!important;
}

/* Sentido horario */
@keyframes cbhomeClockwiseOrbit293{
  from{
    offset-distance:0%;
  }
  to{
    offset-distance:100%;
  }
}

/* Tablet y móvil: conserva la cuadrícula estática */
@media(max-width:820px){
  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;

    offset-path:none!important;
    offset-distance:0!important;
    offset-rotate:0deg!important;

    animation:none!important;
    transform:none!important;
  }

  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card:hover{
    transform:translateY(-5px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card{
    animation:none!important;
  }
}


/* =========================================================
   v3.0.0 · RESPONSIVE GLOBAL, TIPOGRAFÍA Y FONDOS CON LÍNEAS
========================================================= */

:root{
  --cb-r-title-xl:clamp(42px,4.2vw,68px);
  --cb-r-title-lg:clamp(36px,3.45vw,56px);
  --cb-r-title-md:clamp(29px,2.55vw,44px);
  --cb-r-title-sm:clamp(21px,1.65vw,29px);

  --cb-r-body-lg:clamp(15px,1vw,18px);
  --cb-r-body-md:clamp(13.5px,.88vw,16px);
  --cb-r-body-sm:clamp(12px,.74vw,14px);

  --cb-r-dark:#172d33;
  --cb-r-text:#60757a;
  --cb-r-line:rgba(49,103,103,.08);
  --cb-r-line-soft:rgba(100,204,197,.08);
}

/* Base global */
html{
  overflow-x:hidden!important;
}

body.cbh26-page{
  overflow-x:hidden!important;
  font-size:16px!important;
  line-height:1.6!important;
}

body.cbh26-page *,
body.cbh26-page *::before,
body.cbh26-page *::after{
  box-sizing:border-box!important;
}

body.cbh26-page img,
body.cbh26-page video,
body.cbh26-page iframe,
body.cbh26-page svg{
  max-width:100%!important;
}

/* Contenedores */
body.cbh26-page .cbh26-shell{
  width:min(92%,1640px)!important;
  margin-inline:auto!important;
}

/* Sistema tipográfico global */
body.cbh26-page h1{
  max-width:980px!important;
  font-size:var(--cb-r-title-xl)!important;
  line-height:1.015!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
}

body.cbh26-page h2{
  max-width:900px!important;
  font-size:var(--cb-r-title-lg)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  text-wrap:balance!important;
}

body.cbh26-page h3{
  font-size:var(--cb-r-title-md)!important;
  line-height:1.09!important;
  letter-spacing:-.03em!important;
}

body.cbh26-page h4{
  font-size:var(--cb-r-title-sm)!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}

body.cbh26-page p{
  max-width:760px!important;
  color:var(--cb-r-text);
  font-size:var(--cb-r-body-md)!important;
  line-height:1.62!important;
  text-wrap:pretty!important;
}

body.cbh26-page [class*="hero"] p,
body.cbh26-page [class*="intro"] > p,
body.cbh26-page [class*="heading"] > p,
body.cbh26-page [class*="copy"] > p{
  font-size:var(--cb-r-body-lg)!important;
}

body.cbh26-page small,
body.cbh26-page [class*="caption"],
body.cbh26-page [class*="eyebrow"]{
  font-size:var(--cb-r-body-sm)!important;
  line-height:1.45!important;
}

/* Mejor lectura en tarjetas */
body.cbh26-page article h3,
body.cbh26-page article h4{
  overflow-wrap:break-word!important;
}

body.cbh26-page article p,
body.cbh26-page article li{
  font-size:clamp(12.5px,.78vw,14.5px)!important;
  line-height:1.55!important;
}

/* Botones y enlaces */
body.cbh26-page .cbh26-btn,
body.cbh26-page [class*="button"],
body.cbh26-page [class*="btn"]{
  min-height:48px!important;
  padding-inline:17px!important;
  font-size:clamp(11.5px,.72vw,13px)!important;
  white-space:normal!important;
  text-align:center!important;
}

/* Fondos decorativos con líneas en secciones claras */
body.cbh26-page main > section:nth-of-type(odd){
  position:relative!important;
}

body.cbh26-page main > section:nth-of-type(odd)::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.22!important;
  background-image:
    linear-gradient(115deg,transparent 0 48%,var(--cb-r-line-soft) 49%,transparent 50%),
    linear-gradient(65deg,transparent 0 48%,var(--cb-r-line) 49%,transparent 50%)!important;
  background-size:180px 180px,240px 240px!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 72%,transparent 100%)!important;
}

body.cbh26-page main > section > .cbh26-shell,
body.cbh26-page main > section > div{
  position:relative!important;
  z-index:1!important;
}

/* Formas lineales específicas */
body.cbh26-page main > section:nth-of-type(3n)::before{
  content:""!important;
  position:absolute!important;
  width:420px!important;
  height:420px!important;
  right:-160px!important;
  top:-120px!important;
  z-index:0!important;
  border:1px solid rgba(100,204,197,.12)!important;
  border-radius:50%!important;
  box-shadow:
    0 0 0 42px rgba(100,204,197,.035),
    0 0 0 84px rgba(49,103,103,.025)!important;
  pointer-events:none!important;
}

/* Evita que los fondos decorativos interfieran en secciones oscuras */
body.cbh26-page main > section[style*="background"],
body.cbh26-page main > section[class*="dark"],
body.cbh26-page main > section[class*="meta"],
body.cbh26-page main > section[class*="reports"],
body.cbh26-page main > section[class*="ai"]{
  isolation:isolate!important;
}

/* Encabezado responsive */
@media(max-width:1180px){
  body.cbh26-page header nav{
    gap:12px!important;
  }

  body.cbh26-page header nav a{
    font-size:12px!important;
  }
}

/* Tablet horizontal y portátil pequeño */
@media(max-width:1024px){
  :root{
    --cb-r-title-xl:clamp(40px,5.8vw,58px);
    --cb-r-title-lg:clamp(35px,5vw,50px);
    --cb-r-title-md:clamp(28px,3.8vw,40px);
    --cb-r-title-sm:clamp(20px,2.6vw,27px);
    --cb-r-body-lg:clamp(15px,1.7vw,17px);
    --cb-r-body-md:clamp(13.5px,1.45vw,15.5px);
  }

  body.cbh26-page .cbh26-shell{
    width:min(91%,980px)!important;
  }

  body.cbh26-page main > section{
    padding-left:0!important;
    padding-right:0!important;
  }

  body.cbh26-page [class*="grid"],
  body.cbh26-page [class*="split"]{
    column-gap:28px!important;
  }
}

/* Tablet vertical */
@media(max-width:820px){
  :root{
    --cb-r-title-xl:clamp(36px,8vw,50px);
    --cb-r-title-lg:clamp(33px,7vw,46px);
    --cb-r-title-md:clamp(27px,5.8vw,38px);
    --cb-r-title-sm:clamp(20px,4vw,26px);
    --cb-r-body-lg:15.5px;
    --cb-r-body-md:14.5px;
    --cb-r-body-sm:12.5px;
  }

  body.cbh26-page .cbh26-shell{
    width:min(90%,760px)!important;
  }

  body.cbh26-page h1,
  body.cbh26-page h2{
    max-width:100%!important;
    text-wrap:wrap!important;
  }

  body.cbh26-page main > section{
    padding-top:clamp(56px,8vw,78px)!important;
    padding-bottom:clamp(56px,8vw,78px)!important;
  }

  body.cbh26-page [class*="grid"],
  body.cbh26-page [class*="split"]{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  body.cbh26-page [class*="actions"]{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }

  body.cbh26-page [class*="actions"] .cbh26-btn{
    flex:1 1 210px!important;
  }

  body.cbh26-page main > section:nth-of-type(3n)::before{
    width:280px!important;
    height:280px!important;
    right:-120px!important;
    top:-80px!important;
  }
}

/* Móvil */
@media(max-width:620px){
  :root{
    --cb-r-title-xl:clamp(32px,10.5vw,43px);
    --cb-r-title-lg:clamp(30px,9.5vw,40px);
    --cb-r-title-md:clamp(25px,7.5vw,34px);
    --cb-r-title-sm:clamp(18px,5.7vw,24px);
    --cb-r-body-lg:15px;
    --cb-r-body-md:14px;
    --cb-r-body-sm:12px;
  }

  body.cbh26-page .cbh26-shell{
    width:min(90%,560px)!important;
  }

  body.cbh26-page h1{
    line-height:1.06!important;
    letter-spacing:-.034em!important;
  }

  body.cbh26-page h2{
    line-height:1.08!important;
    letter-spacing:-.03em!important;
  }

  body.cbh26-page h3{
    line-height:1.12!important;
  }

  body.cbh26-page p{
    line-height:1.58!important;
  }

  body.cbh26-page [class*="actions"]{
    flex-direction:column!important;
  }

  body.cbh26-page [class*="actions"] .cbh26-btn,
  body.cbh26-page .cbh26-btn{
    width:100%!important;
    min-height:50px!important;
  }

  body.cbh26-page article{
    min-width:0!important;
  }

  body.cbh26-page [class*="card"],
  body.cbh26-page [class*="panel"],
  body.cbh26-page [class*="window"]{
    max-width:100%!important;
  }

  body.cbh26-page main > section:nth-of-type(odd)::after{
    background-size:120px 120px,170px 170px!important;
    opacity:.16!important;
  }

  body.cbh26-page main > section:nth-of-type(3n)::before{
    width:220px!important;
    height:220px!important;
    right:-110px!important;
    top:-70px!important;
  }
}

/* Móviles pequeños */
@media(max-width:390px){
  :root{
    --cb-r-title-xl:clamp(30px,10vw,38px);
    --cb-r-title-lg:clamp(28px,9.4vw,36px);
    --cb-r-title-md:clamp(24px,7.6vw,31px);
  }

  body.cbh26-page .cbh26-shell{
    width:91%!important;
  }
}

/* Ecosistema: mejor comportamiento responsive */
@media(max-width:1024px){
  .cbhome-ecosystem-v290{
    min-height:auto!important;
  }

  .cbhome-ecosystem-v290__grid{
    grid-template-columns:1fr!important;
  }

  .cbhome-ecosystem-v290__copy{
    max-width:860px!important;
  }

  .cbhome-ecosystem-v290__map{
    width:min(100%,860px)!important;
    margin-inline:auto!important;
  }
}

@media(max-width:820px){
  .cbhome-ecosystem-v290__benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .cbhome-ecosystem-v292__rotator{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:520px){
  .cbhome-ecosystem-v290__benefits,
  .cbhome-ecosystem-v292__rotator{
    grid-template-columns:1fr!important;
  }
}

/* WhatClick responsive */
@media(max-width:1024px){
  body.cbh26-whatclick-page .cbwc-v260__channels-track{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  body.cbh26-whatclick-page .cbwc-v260__channels-track{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-whatclick-page .cbwc-v260__feature-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:480px){
  body.cbh26-whatclick-page .cbwc-v260__channels-track{
    grid-template-columns:1fr!important;
  }
}

/* Contacto responsive */
@media(max-width:820px){
  body.cbh26-contact-page .cbcontact-curve-v251__top{
    gap:14px!important;
  }

  body.cbh26-contact-page .cbcontact-channel-v251{
    width:100%!important;
  }
}

/* Respeto por reducción de movimiento */
@media(prefers-reduced-motion:reduce){
  body.cbh26-page *,
  body.cbh26-page *::before,
  body.cbh26-page *::after{
    scroll-behavior:auto!important;
  }
}


/* =========================================================
   v3.0.1 · REFINAMIENTO DEL TÍTULO Y ECOSISTEMA
========================================================= */

.cbhome-ecosystem-v290{
  padding:clamp(56px,5vw,82px) 0!important;
}

.cbhome-ecosystem-v290__grid{
  width:min(92%,1540px)!important;
  grid-template-columns:minmax(0,.76fr) minmax(620px,1.24fr)!important;
  gap:clamp(42px,5vw,82px)!important;
}

.cbhome-ecosystem-v290__copy{
  max-width:650px!important;
}

.cbhome-ecosystem-v290__copy .cbh26-kicker{
  max-width:100%!important;
  font-size:clamp(9px,.62vw,11px)!important;
  letter-spacing:.13em!important;
}

.cbhome-ecosystem-v290__copy h2{
  max-width:650px!important;
  margin-top:16px!important;
  font-size:clamp(42px,3.65vw,61px)!important;
  line-height:1.015!important;
  letter-spacing:-.044em!important;
}

.cbhome-ecosystem-v290__copy h2 span{
  position:relative!important;
  display:block!important;
  margin-top:7px!important;
  color:#2f968c!important;
}

.cbhome-ecosystem-v290__copy h2 span::after{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  bottom:-17px!important;
  width:72px!important;
  height:4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#316767,#64ccc5)!important;
}

.cbhome-ecosystem-v290__accent{
  display:none!important;
}

.cbhome-ecosystem-v290__copy > p{
  max-width:590px!important;
  margin-top:34px!important;
  font-size:clamp(14px,.9vw,16px)!important;
  line-height:1.62!important;
}

.cbhome-ecosystem-v290__benefits{
  margin-top:25px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.cbhome-ecosystem-v290__benefits article{
  min-height:92px!important;
  padding:14px!important;
  grid-template-columns:39px minmax(0,1fr)!important;
  align-items:center!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 13px 30px rgba(49,103,103,.07)!important;
}

.cbhome-ecosystem-v290__benefit-icon{
  width:38px!important;
  height:38px!important;
}

.cbhome-ecosystem-v290__benefits strong{
  font-size:10.5px!important;
  line-height:1.25!important;
}

.cbhome-ecosystem-v290__benefits small{
  margin-top:4px!important;
  font-size:7.8px!important;
  line-height:1.4!important;
}

/* Diagrama más proporcionado y completamente visible */
.cbhome-ecosystem-v290__map{
  width:100%!important;
  min-height:650px!important;
  overflow:visible!important;
}

.cbhome-ecosystem-v290__map::before{
  width:525px!important;
  height:525px!important;
}

.cbhome-ecosystem-v290__orb--outer{
  width:570px!important;
  height:570px!important;
}

.cbhome-ecosystem-v290__orb--middle{
  width:440px!important;
  height:440px!important;
}

.cbhome-ecosystem-v290__orb--inner{
  width:310px!important;
  height:310px!important;
}

.cbhome-ecosystem-v290__center{
  width:250px!important;
  min-height:250px!important;
  padding:24px!important;
}

.cbhome-ecosystem-v290__center-logo{
  width:205px!important;
  height:205px!important;
}

.cbhome-ecosystem-v292__rotator{
  width:570px!important;
  height:570px!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card{
  width:172px!important;
  min-height:150px!important;
  padding:14px 12px 12px!important;
  border-radius:24px!important;
  offset-path:path("M 0 -264 A 264 264 0 1 1 -0.1 -264")!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card-icon{
  width:56px!important;
  height:56px!important;
  margin-bottom:10px!important;
  border-radius:18px!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card-icon svg{
  width:28px!important;
  height:28px!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card > strong{
  font-size:10.4px!important;
  line-height:1.18!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card > small{
  max-width:145px!important;
  margin-top:5px!important;
  font-size:7.2px!important;
  line-height:1.38!important;
}

.cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card > i{
  width:27px!important;
  height:27px!important;
  margin-top:8px!important;
}

/* Portátiles y tablets grandes: estructura apilada para evitar cortes */
@media(max-width:1180px){
  .cbhome-ecosystem-v290{
    min-height:auto!important;
  }

  .cbhome-ecosystem-v290__grid{
    grid-template-columns:1fr!important;
    width:min(91%,980px)!important;
  }

  .cbhome-ecosystem-v290__copy{
    max-width:800px!important;
  }

  .cbhome-ecosystem-v290__copy h2{
    max-width:760px!important;
  }

  .cbhome-ecosystem-v290__copy > p{
    max-width:720px!important;
  }

  .cbhome-ecosystem-v290__map{
    width:min(100%,760px)!important;
    margin:0 auto 48px!important;
  }
}

@media(max-width:820px){
  .cbhome-ecosystem-v290__copy h2{
    font-size:clamp(36px,9vw,48px)!important;
  }

  .cbhome-ecosystem-v290__benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:560px){
  .cbhome-ecosystem-v290__copy h2{
    font-size:clamp(33px,10.2vw,42px)!important;
    line-height:1.06!important;
  }

  .cbhome-ecosystem-v290__copy h2 span::after{
    bottom:-13px!important;
    width:56px!important;
  }

  .cbhome-ecosystem-v290__copy > p{
    margin-top:28px!important;
  }

  .cbhome-ecosystem-v290__benefits{
    grid-template-columns:1fr!important;
  }

  .cbhome-ecosystem-v290__benefits article{
    min-height:82px!important;
  }
}


/* =========================================================
   v3.0.2 · RECORRIDO DE CAPACIDADES DEL NEGOCIO
========================================================= */

.cbhome-process-v302{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(82px,7vw,120px) 0!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(100,204,197,.16),transparent 26%),
    linear-gradient(135deg,#edf6f5 0%,#f7fbfb 100%)!important;
}

.cbhome-process-v302::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.18!important;
  background-image:
    linear-gradient(115deg,transparent 0 48%,rgba(49,103,103,.08) 49%,transparent 50%),
    linear-gradient(65deg,transparent 0 48%,rgba(100,204,197,.08) 49%,transparent 50%)!important;
  background-size:190px 190px,240px 240px!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 82%,transparent 100%)!important;
}

.cbhome-process-v302__heading{
  position:relative!important;
  z-index:2!important;
  max-width:1120px!important;
}

.cbhome-process-v302__heading h2{
  max-width:1080px!important;
  margin:14px 0 0!important;
  color:#20233b!important;
  font-size:clamp(40px,3.6vw,60px)!important;
  line-height:1.04!important;
  letter-spacing:-.043em!important;
}

.cbhome-process-v302__heading p{
  max-width:680px!important;
  margin:18px 0 0!important;
  color:#63777c!important;
  font-size:15px!important;
  line-height:1.62!important;
}

.cbhome-process-v302__flow{
  position:relative!important;
  z-index:2!important;
  margin-top:44px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

.cbhome-process-v302__line{
  position:absolute!important;
  left:9%!important;
  right:9%!important;
  top:66px!important;
  height:2px!important;
  z-index:0!important;
  background:linear-gradient(90deg,#64ccc5,#316767,#6558d9,#2f968c)!important;
  opacity:.42!important;
}

.cbhome-process-v302__line::after{
  content:""!important;
  position:absolute!important;
  top:-4px!important;
  left:0!important;
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
  box-shadow:0 0 0 7px rgba(100,204,197,.12)!important;
  animation:cbhomeProcessPulse302 7s linear infinite!important;
}

.cbhome-process-v302__step{
  --step:#316767;
  --step-soft:rgba(49,103,103,.10);
  position:relative!important;
  z-index:2!important;
  min-height:320px!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 18px 42px rgba(49,103,103,.08)!important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
}

.cbhome-process-v302__step:hover{
  transform:translateY(-8px)!important;
  border-color:var(--step)!important;
  box-shadow:0 28px 56px rgba(49,103,103,.15)!important;
}

.cbhome-process-v302__step--one{
  --step:#2c8e8a;
  --step-soft:rgba(44,142,138,.12);
}

.cbhome-process-v302__step--two{
  --step:#6558d9;
  --step-soft:rgba(101,88,217,.12);
}

.cbhome-process-v302__step--three{
  --step:#2d7ca2;
  --step-soft:rgba(45,124,162,.12);
}

.cbhome-process-v302__step--four{
  --step:#2f968c;
  --step-soft:rgba(47,150,140,.12);
}

.cbhome-process-v302__top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
}

.cbhome-process-v302__number{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  color:var(--step)!important;
  background:var(--step-soft)!important;
  font-size:12px!important;
  font-weight:900!important;
}

.cbhome-process-v302__icon{
  width:72px!important;
  height:72px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:24px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.24),transparent 28%),
    linear-gradient(145deg,var(--step),color-mix(in srgb,var(--step) 70%,#fff))!important;
  box-shadow:
    0 14px 28px var(--step-soft),
    0 0 0 8px color-mix(in srgb,var(--step-soft) 58%,transparent)!important;
}

.cbhome-process-v302__icon svg{
  width:34px!important;
  height:34px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.cbhome-process-v302__step h3{
  margin:36px 0 0!important;
  color:#20233b!important;
  font-size:clamp(24px,1.7vw,30px)!important;
  line-height:1.08!important;
}

.cbhome-process-v302__step p{
  margin:12px 0 0!important;
  color:#65787d!important;
  font-size:13px!important;
  line-height:1.58!important;
}

.cbhome-process-v302__tag{
  margin-top:auto!important;
  padding-top:24px!important;
  color:var(--step)!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

@keyframes cbhomeProcessPulse302{
  from{left:0}
  to{left:100%}
}

@media(max-width:1024px){
  .cbhome-process-v302__flow{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .cbhome-process-v302__line{
    display:none!important;
  }

  .cbhome-process-v302__step{
    min-height:290px!important;
  }
}

@media(max-width:620px){
  .cbhome-process-v302{
    padding:64px 0!important;
  }

  .cbhome-process-v302__heading h2{
    font-size:clamp(34px,10vw,44px)!important;
    line-height:1.07!important;
  }

  .cbhome-process-v302__flow{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .cbhome-process-v302__step{
    min-height:250px!important;
    padding:20px!important;
  }

  .cbhome-process-v302__icon{
    width:62px!important;
    height:62px!important;
    border-radius:20px!important;
  }

  .cbhome-process-v302__icon svg{
    width:30px!important;
    height:30px!important;
  }

  .cbhome-process-v302__step h3{
    margin-top:26px!important;
    font-size:24px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cbhome-process-v302__line::after{
    animation:none!important;
  }
}


/* =========================================================
   v3.0.3 · SOLUCIONES COMPACTAS EN WHATCLICK
========================================================= */

body.cbh26-whatclick-page .cbwc-solutions-v303{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(76px,7vw,112px) 0!important;
  background:
    radial-gradient(circle at 85% 18%,rgba(100,204,197,.14),transparent 25%),
    linear-gradient(135deg,#f4faf9 0%,#edf6f5 100%)!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.14!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(115deg,transparent 0 48%,rgba(49,103,103,.07) 49%,transparent 50%),
    linear-gradient(65deg,transparent 0 48%,rgba(100,204,197,.08) 49%,transparent 50%)!important;
  background-size:180px 180px,240px 240px!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 80%,transparent 100%)!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__heading{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.42fr)!important;
  gap:clamp(36px,5vw,80px)!important;
  align-items:end!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__heading h2{
  max-width:840px!important;
  margin:13px 0 0!important;
  color:#1f243b!important;
  font-size:clamp(38px,3.35vw,56px)!important;
  line-height:1.04!important;
  letter-spacing:-.041em!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__heading > p{
  margin:0!important;
  color:#64787d!important;
  font-size:14px!important;
  line-height:1.62!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__grid{
  position:relative!important;
  z-index:2!important;
  margin-top:40px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(250px,.55fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card{
  position:relative!important;
  min-height:430px!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:27px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 42px rgba(49,103,103,.08)!important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(49,103,103,.20)!important;
  box-shadow:0 28px 54px rgba(49,103,103,.14)!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card--featured{
  min-height:430px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.74fr) minmax(380px,1.26fr)!important;
  grid-template-rows:auto 1fr!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card-top{
  grid-column:1!important;
  padding:24px 24px 0!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__content{
  grid-column:1!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__visual{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  margin:0!important;
  overflow:hidden!important;
  border-left:1px solid rgba(49,103,103,.08)!important;
  background:#f9fbfb!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__visual img{
  width:100%!important;
  height:100%!important;
  min-height:430px!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__icon{
  width:56px!important;
  height:56px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  color:#fff!important;
  box-shadow:0 13px 26px rgba(49,103,103,.13)!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__icon--green{
  background:linear-gradient(145deg,#22c77a,#159f68)!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__icon--blue{
  background:linear-gradient(145deg,#318ed0,#245cb8)!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__icon--purple{
  background:linear-gradient(145deg,#7b67e7,#5945c6)!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__icon svg{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__label{
  margin-top:18px!important;
  color:#2f8f86!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card-top .cbwc-solutions-v303__label{
  margin-top:0!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card h3{
  margin:22px 0 0!important;
  color:#172d33!important;
  font-size:clamp(27px,2vw,35px)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card p{
  margin:14px 0 0!important;
  color:#63777c!important;
  font-size:12.5px!important;
  line-height:1.58!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card ul{
  margin:19px 0 0!important;
  padding:0!important;
  display:grid!important;
  gap:8px!important;
  list-style:none!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card li{
  position:relative!important;
  padding-left:19px!important;
  color:#567075!important;
  font-size:10px!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card li::before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  color:#22b876!important;
  font-weight:900!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card a{
  margin-top:auto!important;
  padding-top:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#285f65!important;
  font-size:10px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card a span{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  color:#316767!important;
  background:rgba(100,204,197,.13)!important;
  transition:transform .25s ease!important;
}

body.cbh26-whatclick-page .cbwc-solutions-v303__card a:hover span{
  transform:translate(2px,-2px)!important;
}

@media(max-width:1120px){
  body.cbh26-whatclick-page .cbwc-solutions-v303__heading{
    grid-template-columns:1fr!important;
  }

  body.cbh26-whatclick-page .cbwc-solutions-v303__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-whatclick-page .cbwc-solutions-v303__card--featured{
    grid-column:1 / -1!important;
  }
}

@media(max-width:760px){
  body.cbh26-whatclick-page .cbwc-solutions-v303{
    padding:64px 0!important;
  }

  body.cbh26-whatclick-page .cbwc-solutions-v303__heading h2{
    font-size:clamp(34px,10vw,44px)!important;
  }

  body.cbh26-whatclick-page .cbwc-solutions-v303__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-whatclick-page .cbwc-solutions-v303__card,
  body.cbh26-whatclick-page .cbwc-solutions-v303__card--featured{
    min-height:0!important;
  }

  body.cbh26-whatclick-page .cbwc-solutions-v303__card--featured{
    display:flex!important;
    flex-direction:column!important;
  }

  body.cbh26-whatclick-page .cbwc-solutions-v303__visual{
    order:3!important;
    border-left:0!important;
    border-top:1px solid rgba(49,103,103,.08)!important;
  }

  body.cbh26-whatclick-page .cbwc-solutions-v303__visual img{
    min-height:280px!important;
  }
}


/* =========================================================
   v3.0.4 · PÁGINA WHATCLICK DEPURADA
========================================================= */

body.cbh26-whatclick-page .cbwc-solutions-v303{
  display:none!important;
}

body.cbh26-whatclick-page .cbwc-v270__moved-sections{
  display:none!important;
}

body.cbh26-whatclick-page .cbwc-only-v304{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(76px,7vw,112px) 0!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(100,204,197,.16),transparent 25%),
    linear-gradient(135deg,#f4faf9 0%,#edf7f5 100%)!important;
}

body.cbh26-whatclick-page .cbwc-only-v304::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.14!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(115deg,transparent 0 48%,rgba(49,103,103,.07) 49%,transparent 50%),
    linear-gradient(65deg,transparent 0 48%,rgba(100,204,197,.08) 49%,transparent 50%)!important;
  background-size:180px 180px,240px 240px!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 82%,transparent 100%)!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__heading{
  position:relative!important;
  z-index:2!important;
  max-width:940px!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__heading h2{
  max-width:900px!important;
  margin:13px 0 0!important;
  color:#1f243b!important;
  font-size:clamp(38px,3.35vw,56px)!important;
  line-height:1.04!important;
  letter-spacing:-.041em!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__heading p{
  max-width:720px!important;
  margin:18px 0 0!important;
  color:#64787d!important;
  font-size:14px!important;
  line-height:1.62!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__grid{
  position:relative!important;
  z-index:2!important;
  margin-top:38px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__card{
  min-height:245px!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:23px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 16px 38px rgba(49,103,103,.07)!important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(49,103,103,.20)!important;
  box-shadow:0 26px 52px rgba(49,103,103,.13)!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__icon{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:19px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#316767,#64ccc5)!important;
  box-shadow:0 13px 26px rgba(49,103,103,.16)!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__icon svg{
  width:28px!important;
  height:28px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__card h3{
  margin:24px 0 0!important;
  color:#172d33!important;
  font-size:clamp(21px,1.5vw,27px)!important;
  line-height:1.08!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__card p{
  margin:12px 0 0!important;
  color:#64787d!important;
  font-size:12px!important;
  line-height:1.58!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__visual{
  position:relative!important;
  z-index:2!important;
  margin-top:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:27px!important;
  background:#fff!important;
  box-shadow:0 22px 54px rgba(49,103,103,.10)!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__visual img{
  width:100%!important;
  max-height:620px!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__visual-caption{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:20px!important;
  min-height:72px!important;
  padding:14px 17px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:20px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:17px!important;
  color:#fff!important;
  background:rgba(14,48,54,.82)!important;
  backdrop-filter:blur(12px)!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__visual-caption span{
  color:#64ccc5!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

body.cbh26-whatclick-page .cbwc-only-v304__visual-caption strong{
  font-size:12px!important;
}

@media(max-width:1024px){
  body.cbh26-whatclick-page .cbwc-only-v304__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  body.cbh26-whatclick-page .cbwc-only-v304{
    padding:64px 0!important;
  }

  body.cbh26-whatclick-page .cbwc-only-v304__heading h2{
    font-size:clamp(34px,10vw,44px)!important;
  }

  body.cbh26-whatclick-page .cbwc-only-v304__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-whatclick-page .cbwc-only-v304__card{
    min-height:220px!important;
  }

  body.cbh26-whatclick-page .cbwc-only-v304__visual-caption{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
    border-radius:0!important;
  }
}


/* =========================================================
   v3.0.5 · HERO CREATIVO WHATCLICK
========================================================= */

body.cbh26-whatclick-page .cbwc-v260__hero,
body.cbh26-whatclick-page .cbwc-v260__channels{
  display:none!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(72px,6vw,104px) 0 46px!important;
  background:
    radial-gradient(circle at 85% 18%,rgba(100,204,197,.24),transparent 27%),
    radial-gradient(circle at 15% 88%,rgba(89,74,210,.08),transparent 24%),
    linear-gradient(135deg,#f9fcfc 0%,#eef8f6 100%)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.15!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(115deg,transparent 0 48%,rgba(49,103,103,.06) 49%,transparent 50%),
    linear-gradient(65deg,transparent 0 48%,rgba(100,204,197,.08) 49%,transparent 50%)!important;
  background-size:180px 180px,250px 250px!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__shape{
  position:absolute!important;
  pointer-events:none!important;
  border:1px solid rgba(100,204,197,.16)!important;
  border-radius:50%!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__shape--one{
  width:520px!important;
  height:520px!important;
  right:-210px!important;
  top:-190px!important;
  box-shadow:
    0 0 0 50px rgba(100,204,197,.035),
    0 0 0 100px rgba(49,103,103,.018)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__shape--two{
  width:260px!important;
  height:260px!important;
  left:-150px!important;
  bottom:-150px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr)!important;
  gap:clamp(46px,5vw,92px)!important;
  align-items:center!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__copy{
  max-width:710px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__copy h1{
  max-width:700px!important;
  margin:15px 0 0!important;
  color:#162f35!important;
  font-size:clamp(46px,4.1vw,70px)!important;
  line-height:1.01!important;
  letter-spacing:-.047em!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__copy h1 span{
  display:block!important;
  margin-top:7px!important;
  color:#2f968c!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__copy > p{
  max-width:650px!important;
  margin:24px 0 0!important;
  color:#60757a!important;
  font-size:clamp(15px,1vw,18px)!important;
  line-height:1.63!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__actions{
  margin-top:29px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__proof{
  margin-top:24px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__proof span{
  min-height:34px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:999px!important;
  color:#5c7277!important;
  background:rgba(255,255,255,.80)!important;
  font-size:9px!important;
  font-weight:750!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__proof i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#25c77b!important;
  box-shadow:0 0 0 5px rgba(37,199,123,.10)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__visual{
  position:relative!important;
  min-height:590px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__halo{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:540px!important;
  height:540px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,rgba(100,204,197,.15) 0 31%,rgba(255,255,255,.25) 32% 48%,transparent 49%)!important;
  box-shadow:0 0 70px rgba(100,204,197,.18)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__dashboard{
  position:absolute!important;
  inset:8% 2% 8% 4%!important;
  z-index:3!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:31px!important;
  background:#fff!important;
  box-shadow:0 34px 78px rgba(34,76,83,.17)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__dashboard-top{
  min-height:58px!important;
  padding:0 18px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  gap:12px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(49,103,103,.08)!important;
  color:#60757a!important;
  background:rgba(249,252,252,.97)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__dots{
  display:flex!important;
  gap:6px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__dots span{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#64ccc5!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__dots span:nth-child(2){opacity:.65!important;}
body.cbh26-whatclick-page .cbwc-hero-v305__dots span:nth-child(3){opacity:.35!important;}

body.cbh26-whatclick-page .cbwc-hero-v305__dashboard-top strong{
  font-size:9px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__live{
  min-height:28px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:999px!important;
  color:#3f6862!important;
  background:#eef8f6!important;
  font-size:8px!important;
  font-weight:800!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__live i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#25c77b!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__dashboard img{
  width:100%!important;
  height:calc(100% - 58px)!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fbfcfc!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__float{
  position:absolute!important;
  z-index:5!important;
  min-width:168px!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:17px!important;
  color:#244247!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 18px 38px rgba(49,103,103,.13)!important;
  text-decoration:none!important;
  backdrop-filter:blur(13px)!important;
  animation:cbwcHeroFloat305 5.8s ease-in-out infinite!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__float-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#316767,#64ccc5)!important;
  font-size:10px!important;
  font-weight:900!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__float strong,
body.cbh26-whatclick-page .cbwc-hero-v305__float small{
  display:block!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__float strong{
  font-size:10px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__float small{
  margin-top:3px!important;
  color:#7b8c90!important;
  font-size:7.5px!important;
  letter-spacing:0!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__float--wa{
  left:-3%!important;
  top:14%!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__float--ai{
  right:-4%!important;
  top:22%!important;
  animation-delay:-1.8s!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__float--team{
  right:2%!important;
  bottom:5%!important;
  animation-delay:-3.4s!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__metric{
  position:absolute!important;
  z-index:5!important;
  min-width:112px!important;
  padding:13px!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 16px 34px rgba(49,103,103,.10)!important;
  backdrop-filter:blur(10px)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__metric strong,
body.cbh26-whatclick-page .cbwc-hero-v305__metric small{
  display:block!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__metric strong{
  color:#2f968c!important;
  font-size:18px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__metric small{
  margin-top:3px!important;
  color:#7d8f93!important;
  font-size:7px!important;
  letter-spacing:0!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__metric--one{
  left:8%!important;
  bottom:2%!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__metric--two{
  right:15%!important;
  top:1%!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__channels{
  position:relative!important;
  z-index:4!important;
  margin-top:26px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 18px 42px rgba(49,103,103,.08)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__channels a{
  min-height:52px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:15px!important;
  color:#536c71!important;
  text-decoration:none!important;
  transition:background .25s ease,transform .25s ease!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__channels a:hover{
  transform:translateY(-3px)!important;
  background:#eef8f6!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__channels span{
  width:34px!important;
  height:34px!important;
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#316767,#64ccc5)!important;
  font-size:8px!important;
  font-weight:900!important;
}

body.cbh26-whatclick-page .cbwc-hero-v305__channels strong{
  font-size:9px!important;
}

@keyframes cbwcHeroFloat305{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-9px)}
}

@media(max-width:1120px){
  body.cbh26-whatclick-page .cbwc-hero-v305__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__copy{
    max-width:860px!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__visual{
    width:min(100%,860px)!important;
    margin:0 auto!important;
  }
}

@media(max-width:760px){
  body.cbh26-whatclick-page .cbwc-hero-v305{
    padding:58px 0 34px!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__copy h1{
    font-size:clamp(37px,11vw,49px)!important;
    line-height:1.05!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__actions{
    flex-direction:column!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__visual{
    min-height:430px!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__dashboard{
    inset:8% 0 4% 0!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__float{
    min-width:138px!important;
    padding:10px!important;
    animation:none!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__float--wa{
    left:-2%!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__float--ai{
    right:-2%!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__metric{
    display:none!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v305__channels{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:480px){
  body.cbh26-whatclick-page .cbwc-hero-v305__channels{
    grid-template-columns:1fr!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.cbh26-whatclick-page .cbwc-hero-v305__float{
    animation:none!important;
  }
}


/* =========================================================
   v3.1.0 · SISTEMA VISUAL UNIFICADO DEL TEMA
========================================================= */

:root{
  --cb-ui-shell:min(92%,1520px);
  --cb-ui-h1:clamp(44px,4.15vw,68px);
  --cb-ui-h2:clamp(37px,3.25vw,54px);
  --cb-ui-h3:clamp(25px,1.9vw,34px);
  --cb-ui-h4:clamp(19px,1.25vw,25px);
  --cb-ui-lead:clamp(15px,.98vw,17.5px);
  --cb-ui-body:clamp(13.5px,.84vw,15.5px);
  --cb-ui-small:clamp(11px,.68vw,12.5px);
  --cb-ui-title:#172d33;
  --cb-ui-text:#63777c;
  --cb-ui-border:rgba(49,103,103,.09);
  --cb-ui-shadow:0 20px 48px rgba(49,103,103,.09);
}

html,body{overflow-x:hidden!important}

body.cbh26-page .cbh26-shell,
body.cbh26-page [class*="__shell"]{
  width:var(--cb-ui-shell)!important;
  max-width:1520px!important;
  margin-inline:auto!important;
}

body.cbh26-page main>section{
  padding-left:0!important;
  padding-right:0!important;
}

body.cbh26-page main>section:not(:first-child){
  padding-top:clamp(72px,6.3vw,104px)!important;
  padding-bottom:clamp(72px,6.3vw,104px)!important;
}

body.cbh26-page h1,
body.cbh26-page h2,
body.cbh26-page h3,
body.cbh26-page h4{
  margin-top:0!important;
  color:var(--cb-ui-title);
  font-family:inherit!important;
  font-weight:800!important;
  text-wrap:balance!important;
}

body.cbh26-page h1{
  max-width:900px!important;
  font-size:var(--cb-ui-h1)!important;
  line-height:1.025!important;
  letter-spacing:-.045em!important;
}

body.cbh26-page h2{
  max-width:880px!important;
  font-size:var(--cb-ui-h2)!important;
  line-height:1.055!important;
  letter-spacing:-.039em!important;
}

body.cbh26-page h3{
  font-size:var(--cb-ui-h3)!important;
  line-height:1.09!important;
  letter-spacing:-.028em!important;
}

body.cbh26-page h4{
  font-size:var(--cb-ui-h4)!important;
  line-height:1.14!important;
}

body.cbh26-page .cbh26-kicker,
body.cbh26-page [class*="eyebrow"],
body.cbh26-page [class*="label"]{
  font-size:clamp(9px,.62vw,11px)!important;
  line-height:1.3!important;
  letter-spacing:.13em!important;
  font-weight:850!important;
}

body.cbh26-page p{
  max-width:740px!important;
  color:var(--cb-ui-text);
  font-size:var(--cb-ui-body)!important;
  line-height:1.62!important;
  text-wrap:pretty!important;
}

body.cbh26-page [class*="hero"] p,
body.cbh26-page [class*="heading"]>p,
body.cbh26-page [class*="copy"]>p{
  font-size:var(--cb-ui-lead)!important;
}

body.cbh26-page small,
body.cbh26-page li,
body.cbh26-page [class*="caption"]{
  font-size:var(--cb-ui-small)!important;
  line-height:1.5!important;
}

body.cbh26-page article,
body.cbh26-page [class*="card"],
body.cbh26-page [class*="panel"],
body.cbh26-page [class*="window"]{
  border-radius:24px!important;
}

body.cbh26-page article,
body.cbh26-page [class*="card"]{
  border-color:var(--cb-ui-border)!important;
}

body.cbh26-page [class*="card"]:not([class*="dark"]),
body.cbh26-page [class*="panel"]:not([class*="dark"]){
  box-shadow:var(--cb-ui-shadow)!important;
}

body.cbh26-page .cbh26-btn,
body.cbh26-page [class*="btn"],
body.cbh26-page [class*="button"]{
  min-height:50px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:clamp(11.5px,.72vw,13px)!important;
  font-weight:800!important;
}

body.cbh26-page [class*="heading"] h1,
body.cbh26-page [class*="heading"] h2,
body.cbh26-page [class*="copy"] h1,
body.cbh26-page [class*="copy"] h2{
  margin-top:12px!important;
}

body.cbh26-page [class*="heading"] p,
body.cbh26-page [class*="copy"]>p{
  margin-top:18px!important;
}

body.cbh26-page main>section:nth-of-type(odd)::after{
  opacity:.12!important;
  background-size:220px 220px,300px 300px!important;
}

/* WhatClick coherente con el resto */
body.cbh26-whatclick-page .cbwc-hero-v306{
  padding:clamp(62px,5.4vw,86px) 0 30px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v306__layout{
  width:var(--cb-ui-shell)!important;
  max-width:1520px!important;
  margin-inline:auto!important;
  grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr)!important;
  gap:clamp(42px,4.5vw,78px)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v306__copy{max-width:680px!important}

body.cbh26-whatclick-page .cbwc-hero-v306__copy h1{
  max-width:680px!important;
  font-size:var(--cb-ui-h1)!important;
  line-height:1.025!important;
  letter-spacing:-.045em!important;
}

body.cbh26-whatclick-page .cbwc-hero-v306__copy p{
  max-width:620px!important;
  font-size:var(--cb-ui-lead)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v306__visual{min-height:540px!important}

body.cbh26-whatclick-page .cbwc-hero-v306__screen{
  inset:7% 2% 7% 4%!important;
  border-radius:28px!important;
  transform:rotateY(-4deg) rotateX(1deg)!important;
}

body.cbh26-whatclick-page .cbwc-hero-v306__floating{
  min-width:156px!important;
  padding:11px 13px!important;
  border-radius:16px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v306__stats article{
  min-height:84px!important;
  border-radius:16px!important;
}

body.cbh26-whatclick-page .cbwc-hero-v306__channels{
  width:var(--cb-ui-shell)!important;
  max-width:1520px!important;
  margin:20px auto 0!important;
  border-radius:20px!important;
}

body.cbh26-whatclick-page .cbwc-only-v304,
body.cbh26-whatclick-page .cbwc-v260__intro,
body.cbh26-whatclick-page .cbwc-v260__meta,
body.cbh26-whatclick-page .cbwc-v260__clients,
body.cbh26-whatclick-page .cbwc-v260__automation,
body.cbh26-whatclick-page .cbwc-v260__ai,
body.cbh26-whatclick-page .cbwc-v260__campaigns,
body.cbh26-whatclick-page .cbwc-v260__reports,
body.cbh26-whatclick-page .cbwc-v260__management{
  padding-top:clamp(72px,6vw,100px)!important;
  padding-bottom:clamp(72px,6vw,100px)!important;
}

@media(max-width:1180px){
  :root{
    --cb-ui-shell:min(91%,1080px);
    --cb-ui-h1:clamp(42px,5.3vw,60px);
    --cb-ui-h2:clamp(36px,4.6vw,50px);
    --cb-ui-h3:clamp(24px,3vw,32px);
  }

  body.cbh26-whatclick-page .cbwc-hero-v306__layout{
    grid-template-columns:1fr!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v306__copy{
    max-width:860px!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v306__visual{
    width:min(100%,860px)!important;
    margin:0 auto!important;
  }
}

@media(max-width:820px){
  :root{
    --cb-ui-shell:min(90%,760px);
    --cb-ui-h1:clamp(36px,8.5vw,49px);
    --cb-ui-h2:clamp(32px,7vw,44px);
    --cb-ui-h3:clamp(25px,5.6vw,35px);
    --cb-ui-h4:clamp(19px,4.2vw,25px);
    --cb-ui-lead:15.5px;
    --cb-ui-body:14.5px;
    --cb-ui-small:12px;
  }

  body.cbh26-page main>section:not(:first-child){
    padding-top:62px!important;
    padding-bottom:62px!important;
  }

  body.cbh26-page [class*="grid"],
  body.cbh26-page [class*="split"]{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v306{padding-top:54px!important}
  body.cbh26-whatclick-page .cbwc-hero-v306__visual{min-height:430px!important}
  body.cbh26-whatclick-page .cbwc-hero-v306__screen{
    inset:7% 0 4%!important;
    transform:none!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v306__channels{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  :root{
    --cb-ui-shell:90%;
    --cb-ui-h1:clamp(32px,10.5vw,42px);
    --cb-ui-h2:clamp(29px,9vw,38px);
    --cb-ui-h3:clamp(23px,7vw,31px);
    --cb-ui-h4:clamp(18px,5.6vw,24px);
    --cb-ui-lead:15px;
    --cb-ui-body:14px;
    --cb-ui-small:11.5px;
  }

  body.cbh26-page main>section:not(:first-child){
    padding-top:54px!important;
    padding-bottom:54px!important;
  }

  body.cbh26-page [class*="actions"]{
    flex-direction:column!important;
  }

  body.cbh26-page [class*="actions"] .cbh26-btn,
  body.cbh26-page .cbh26-btn{
    width:100%!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v306__stats{
    grid-template-columns:1fr!important;
  }

  body.cbh26-whatclick-page .cbwc-hero-v306__channels{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:390px){
  :root{
    --cb-ui-shell:91%;
    --cb-ui-h1:clamp(30px,10vw,38px);
    --cb-ui-h2:clamp(27px,9vw,35px);
  }
}

/* v3.3.0 · FOOTER GLOBAL UNIFICADO */
.cbfooter330{position:relative;overflow:hidden;color:#dce9e8;background:radial-gradient(circle at 82% 16%,rgba(100,204,197,.12),transparent 26%),linear-gradient(135deg,#0b1c29 0%,#102b35 55%,#153f42 100%);isolation:isolate}.cbfooter330:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(115deg,transparent 0 48%,rgba(100,204,197,.16) 49%,transparent 50%),linear-gradient(65deg,transparent 0 48%,rgba(255,255,255,.07) 49%,transparent 50%);background-size:190px 190px,260px 260px}.cbfooter330__glow{position:absolute;z-index:-1;border:1px solid rgba(100,204,197,.12);border-radius:50%;pointer-events:none}.cbfooter330__glow--one{width:460px;height:460px;right:-220px;top:-220px;box-shadow:0 0 0 48px rgba(100,204,197,.025),0 0 0 96px rgba(100,204,197,.012)}.cbfooter330__glow--two{width:260px;height:260px;left:-140px;bottom:70px}.cbfooter330__top{padding-top:72px!important;padding-bottom:52px!important;display:grid!important;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;gap:clamp(52px,6vw,100px)!important;align-items:start!important}.cbfooter330__brand{max-width:480px}.cbfooter330__logo{display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.cbfooter330__logo-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#fff;box-shadow:0 16px 32px rgba(0,0,0,.2)}.cbfooter330__logo-mark strong{color:#316767;font-size:19px}.cbfooter330__logo>span:last-child>strong,.cbfooter330__logo>span:last-child>small{display:block}.cbfooter330__logo>span:last-child>strong{color:#fff;font-size:18px}.cbfooter330__logo>span:last-child>small{margin-top:5px;color:#88acab;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.cbfooter330__brand>p{max-width:440px;margin:24px 0 0;color:#a8c1c1;font-size:13px;line-height:1.65}.cbfooter330__status{margin-top:24px;display:flex;flex-wrap:wrap;gap:9px}.cbfooter330__status span{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#9fb9b8;background:rgba(255,255,255,.045);font-size:8.5px;font-weight:750}.cbfooter330__status i{width:7px;height:7px;border-radius:50%;background:#37da87;box-shadow:0 0 0 5px rgba(55,218,135,.1)}.cbfooter330__nav{display:grid;grid-template-columns:.72fr .72fr 1.15fr;gap:30px}.cbfooter330__column{display:flex;flex-direction:column;align-items:flex-start}.cbfooter330__title{margin-bottom:19px;color:#64ccc5;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cbfooter330__column>a{margin:0 0 12px;color:#c7d9d8;font-size:11.5px;font-weight:650;text-decoration:none;transition:.22s}.cbfooter330__column>a:hover{color:#fff;transform:translateX(3px)}.cbfooter330__column--contact>a{width:100%;min-height:66px;padding:10px;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.045)}.cbfooter330__contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#102f35;background:#64ccc5;font-size:10px;font-weight:900}.cbfooter330__column--contact small,.cbfooter330__column--contact strong{display:block}.cbfooter330__column--contact small{color:#87a5a4;font-size:7.5px;letter-spacing:.08em;text-transform:uppercase}.cbfooter330__column--contact strong{margin-top:3px;color:#fff;font-size:10px;overflow-wrap:anywhere}.cbfooter330__cta{min-height:200px;padding:34px 36px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:radial-gradient(circle at 85% 20%,rgba(100,204,197,.16),transparent 30%),rgba(255,255,255,.055);box-shadow:0 24px 54px rgba(0,0,0,.16)}.cbfooter330__eyebrow{color:#64ccc5;font-size:9px;font-weight:900;letter-spacing:.14em}.cbfooter330__cta h2{max-width:900px;margin:10px 0 0;color:#fff!important;font-size:clamp(31px,2.65vw,44px)!important;line-height:1.05!important}.cbfooter330__cta-button{min-height:54px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;color:#0f3035;background:#64ccc5;box-shadow:0 15px 30px rgba(100,204,197,.18);font-size:11px;font-weight:850;text-decoration:none;white-space:nowrap}.cbfooter330__cta-button span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.55)}.cbfooter330__bottom{margin-top:42px;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,16,23,.22)}.cbfooter330__bottom-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:22px}.cbfooter330__bottom-inner>span,.cbfooter330__bottom-links a{color:#789695;font-size:8.5px}.cbfooter330__bottom-links{display:flex;flex-wrap:wrap;gap:18px}.cbfooter330__bottom-links a{text-decoration:none}.cbfooter330__bottom-links a:hover{color:#fff}@media(max-width:1024px){.cbfooter330__top{grid-template-columns:1fr!important}.cbfooter330__nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.cbfooter330__top{padding-top:58px!important;padding-bottom:42px!important}.cbfooter330__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.cbfooter330__column--contact{grid-column:1/-1}.cbfooter330__cta{grid-template-columns:1fr;padding:28px}.cbfooter330__cta-button{width:100%}.cbfooter330__bottom-inner{padding:22px 0;flex-direction:column;align-items:flex-start}}@media(max-width:520px){.cbfooter330__nav{grid-template-columns:1fr}.cbfooter330__column--contact{grid-column:auto}.cbfooter330__cta{padding:24px;border-radius:22px}.cbfooter330__cta h2{font-size:clamp(28px,9vw,36px)!important}}


/* =========================================================
   v3.4.0 · RESPONSIVE DEFINITIVO + FOOTER REFINADO
========================================================= */

/* Evitar desbordamientos horizontales */
html,
body,
body.cbh26-page,
body.cbh26-page main{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

body.cbh26-page *,
body.cbh26-page *::before,
body.cbh26-page *::after{
  box-sizing:border-box!important;
}

body.cbh26-page img,
body.cbh26-page video,
body.cbh26-page iframe,
body.cbh26-page svg{
  max-width:100%!important;
  height:auto;
}

body.cbh26-page .cbh26-shell,
body.cbh26-page [class*="__shell"]{
  width:min(92%,1480px)!important;
  max-width:1480px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

/* Títulos globales */
body.cbh26-page h1{
  font-size:clamp(42px,4vw,66px)!important;
  line-height:1.04!important;
  letter-spacing:-.042em!important;
}

body.cbh26-page h2{
  font-size:clamp(36px,3.1vw,52px)!important;
  line-height:1.06!important;
  letter-spacing:-.036em!important;
}

body.cbh26-page h3{
  font-size:clamp(24px,1.8vw,32px)!important;
  line-height:1.1!important;
}

body.cbh26-page p{
  font-size:clamp(14px,.86vw,15.5px)!important;
  line-height:1.62!important;
}

/* =========================================================
   ECOSISTEMA DEL INICIO
   En tablet y móvil se convierte en cuadrícula.
========================================================= */

.cbhome-ecosystem-v290{
  overflow:hidden!important;
}

.cbhome-ecosystem-v290__map{
  overflow:visible!important;
  min-width:0!important;
}

@media (max-width:1180px){

  .cbhome-ecosystem-v290{
    min-height:auto!important;
    padding:64px 0!important;
  }

  .cbhome-ecosystem-v290__grid{
    width:min(91%,980px)!important;
    grid-template-columns:1fr!important;
    gap:42px!important;
  }

  .cbhome-ecosystem-v290__copy{
    max-width:820px!important;
  }

  .cbhome-ecosystem-v290__copy h2{
    max-width:780px!important;
    font-size:clamp(40px,6vw,56px)!important;
    line-height:1.04!important;
  }

  .cbhome-ecosystem-v290__map{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    display:block!important;
  }

  .cbhome-ecosystem-v290__map::before,
  .cbhome-ecosystem-v290__orb,
  .cbhome-ecosystem-v290__center,
  .cbhome-ecosystem-v290__particle{
    display:none!important;
  }

  .cbhome-ecosystem-v292__rotator{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    transform:none!important;
    animation:none!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    pointer-events:auto!important;
  }

  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:210px!important;
    padding:18px!important;
    transform:none!important;
    translate:none!important;
    rotate:0deg!important;
    offset-path:none!important;
    offset-distance:0!important;
    offset-rotate:0deg!important;
    animation:none!important;
  }

  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card:hover{
    transform:translateY(-5px)!important;
  }

  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card-icon{
    width:60px!important;
    height:60px!important;
    margin-bottom:13px!important;
  }

  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card > strong{
    font-size:12px!important;
  }

  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card > small{
    max-width:100%!important;
    font-size:9px!important;
  }
}

@media (max-width:820px){

  body.cbh26-page .cbh26-shell,
  body.cbh26-page [class*="__shell"]{
    width:min(90%,760px)!important;
  }

  body.cbh26-page main > section{
    padding-left:0!important;
    padding-right:0!important;
  }

  body.cbh26-page h1{
    font-size:clamp(36px,8.8vw,48px)!important;
  }

  body.cbh26-page h2{
    font-size:clamp(32px,7.4vw,43px)!important;
  }

  body.cbh26-page h3{
    font-size:clamp(23px,5.6vw,32px)!important;
  }

  body.cbh26-page p{
    font-size:14.5px!important;
  }

  body.cbh26-page [class*="grid"],
  body.cbh26-page [class*="split"]{
    min-width:0!important;
  }

  .cbhome-ecosystem-v290__benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .cbhome-ecosystem-v292__rotator{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:560px){

  body.cbh26-page .cbh26-shell,
  body.cbh26-page [class*="__shell"]{
    width:90%!important;
  }

  body.cbh26-page h1{
    font-size:clamp(32px,10.5vw,42px)!important;
  }

  body.cbh26-page h2{
    font-size:clamp(29px,9vw,38px)!important;
  }

  body.cbh26-page p{
    font-size:14px!important;
  }

  body.cbh26-page [class*="actions"]{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
  }

  body.cbh26-page [class*="actions"] a,
  body.cbh26-page [class*="actions"] button,
  body.cbh26-page .cbh26-btn{
    width:100%!important;
  }

  .cbhome-ecosystem-v290__benefits,
  .cbhome-ecosystem-v292__rotator{
    grid-template-columns:1fr!important;
  }

  .cbhome-ecosystem-v292__rotator .cbhome-ecosystem-v290__card{
    min-height:190px!important;
  }
}

/* =========================================================
   FOOTER GLOBAL MÁS LIMPIO
========================================================= */

.cbfooter330{
  margin-top:0!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(100,204,197,.13),transparent 28%),
    linear-gradient(135deg,#0a1b27 0%,#102c35 58%,#143b3e 100%)!important;
}

.cbfooter330__top{
  width:min(92%,1480px)!important;
  max-width:1480px!important;
  padding-top:64px!important;
  padding-bottom:44px!important;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(44px,5vw,82px)!important;
}

.cbfooter330__brand{
  max-width:430px!important;
}

.cbfooter330__logo-mark{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
}

.cbfooter330__brand > p{
  margin-top:20px!important;
  font-size:12.5px!important;
  line-height:1.62!important;
}

.cbfooter330__nav{
  grid-template-columns:.72fr .72fr 1.05fr!important;
  gap:26px!important;
}

.cbfooter330__column > a{
  margin-bottom:10px!important;
  font-size:11px!important;
}

.cbfooter330__column--contact > a{
  min-height:62px!important;
  padding:9px!important;
}

.cbfooter330__cta{
  width:min(92%,1480px)!important;
  max-width:1480px!important;
  min-height:176px!important;
  padding:30px 34px!important;
  border-radius:24px!important;
}

.cbfooter330__cta h2{
  max-width:800px!important;
  font-size:clamp(28px,2.25vw,39px)!important;
}

.cbfooter330__bottom-inner{
  width:min(92%,1480px)!important;
  max-width:1480px!important;
  min-height:68px!important;
}

/* Oculta footers antiguos */
body.cbh26-page footer:not(.cbfooter330){
  display:none!important;
}

@media (max-width:1024px){

  .cbfooter330__top{
    grid-template-columns:1fr!important;
    width:min(91%,940px)!important;
  }

  .cbfooter330__brand{
    max-width:680px!important;
  }

  .cbfooter330__nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .cbfooter330__cta,
  .cbfooter330__bottom-inner{
    width:min(91%,940px)!important;
  }
}

@media (max-width:760px){

  .cbfooter330__top{
    width:90%!important;
    padding-top:52px!important;
    padding-bottom:36px!important;
  }

  .cbfooter330__nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:26px 18px!important;
  }

  .cbfooter330__column--contact{
    grid-column:1 / -1!important;
  }

  .cbfooter330__cta{
    width:90%!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:26px!important;
  }

  .cbfooter330__cta-button{
    width:100%!important;
  }

  .cbfooter330__bottom-inner{
    width:90%!important;
    min-height:0!important;
    padding-top:20px!important;
    padding-bottom:20px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}

@media (max-width:520px){

  .cbfooter330__nav{
    grid-template-columns:1fr!important;
  }

  .cbfooter330__column--contact{
    grid-column:auto!important;
  }

  .cbfooter330__cta{
    border-radius:20px!important;
  }

  .cbfooter330__cta h2{
    font-size:clamp(27px,8.8vw,35px)!important;
  }

  .cbfooter330__bottom-links{
    gap:13px!important;
  }
}


/* =========================================================
   v3.4.1 · PÁGINA SERVICIOS: PORTAFOLIO ORGÁNICO
========================================================= */

body.cbh26-services-page .cbservices341{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(78px,6.8vw,112px) 0!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(100,204,197,.16),transparent 26%),
    radial-gradient(circle at 8% 90%,rgba(83,115,205,.07),transparent 24%),
    linear-gradient(135deg,#f8fbfb 0%,#edf7f5 100%)!important;
}

body.cbh26-services-page .cbservices341__lines{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.13!important;
  background-image:
    linear-gradient(115deg,transparent 0 48%,rgba(49,103,103,.08) 49%,transparent 50%),
    linear-gradient(65deg,transparent 0 48%,rgba(100,204,197,.09) 49%,transparent 50%)!important;
  background-size:190px 190px,270px 270px!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 85%,transparent 100%)!important;
}

body.cbh26-services-page .cbservices341 > .cbh26-shell{
  position:relative!important;
  z-index:2!important;
}

body.cbh26-services-page .cbservices341__heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.43fr)!important;
  gap:clamp(40px,5vw,82px)!important;
  align-items:end!important;
}

body.cbh26-services-page .cbservices341__heading h2{
  max-width:900px!important;
  margin:13px 0 0!important;
  color:#172d33!important;
  font-size:clamp(39px,3.4vw,56px)!important;
  line-height:1.05!important;
  letter-spacing:-.041em!important;
}

body.cbh26-services-page .cbservices341__heading > p{
  margin:0!important;
  color:#62777b!important;
  font-size:14px!important;
  line-height:1.64!important;
}

body.cbh26-services-page .cbservices341__routes{
  margin-top:38px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 18px 42px rgba(49,103,103,.07)!important;
  backdrop-filter:blur(10px)!important;
}

body.cbh26-services-page .cbservices341__routes article{
  min-height:94px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:40px 1fr!important;
  gap:11px!important;
  align-items:center!important;
  border-radius:17px!important;
  background:rgba(247,251,250,.88)!important;
}

body.cbh26-services-page .cbservices341__routes article > span{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#316767!important;
  background:rgba(100,204,197,.14)!important;
  font-size:9px!important;
  font-weight:900!important;
}

body.cbh26-services-page .cbservices341__routes strong,
body.cbh26-services-page .cbservices341__routes small{
  display:block!important;
}

body.cbh26-services-page .cbservices341__routes strong{
  color:#28464b!important;
  font-size:11px!important;
}

body.cbh26-services-page .cbservices341__routes small{
  margin-top:5px!important;
  color:#75878b!important;
  font-size:8px!important;
  line-height:1.42!important;
  letter-spacing:0!important;
}

body.cbh26-services-page .cbservices341__grid{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}

body.cbh26-services-page .cbservices341__service{
  --service:#316767;
  --service-soft:rgba(49,103,103,.12);
  min-height:410px!important;
  padding:25px!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:27px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 44px rgba(49,103,103,.075)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}

body.cbh26-services-page .cbservices341__service:hover{
  transform:translateY(-7px)!important;
  border-color:var(--service)!important;
  box-shadow:0 30px 58px rgba(49,103,103,.14)!important;
}

body.cbh26-services-page .cbservices341__service--whatclick{--service:#16a66f;--service-soft:rgba(22,166,111,.13)}
body.cbh26-services-page .cbservices341__service--telecom{--service:#2473c9;--service-soft:rgba(36,115,201,.13)}
body.cbh26-services-page .cbservices341__service--ai{--service:#6653d7;--service-soft:rgba(102,83,215,.13)}
body.cbh26-services-page .cbservices341__service--contactcenter{--service:#bf6a35;--service-soft:rgba(191,106,53,.13)}
body.cbh26-services-page .cbservices341__service--software{--service:#4e60bf;--service-soft:rgba(78,96,191,.13)}
body.cbh26-services-page .cbservices341__service--cloud{--service:#287e9f;--service-soft:rgba(40,126,159,.13)}
body.cbh26-services-page .cbservices341__service--network{--service:#238e87;--service-soft:rgba(35,142,135,.13)}
body.cbh26-services-page .cbservices341__service--security{--service:#246b76;--service-soft:rgba(36,107,118,.13)}
body.cbh26-services-page .cbservices341__service--digital{--service:#b85c89;--service-soft:rgba(184,92,137,.13)}
body.cbh26-services-page .cbservices341__service--special{--service:#8d6c35;--service-soft:rgba(141,108,53,.13)}

body.cbh26-services-page .cbservices341__service-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:16px!important;
}

body.cbh26-services-page .cbservices341__icon{
  width:62px!important;
  height:62px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:20px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--service),color-mix(in srgb,var(--service) 72%,#fff))!important;
  box-shadow:0 14px 28px var(--service-soft)!important;
}

body.cbh26-services-page .cbservices341__icon svg{
  width:30px!important;
  height:30px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.cbh26-services-page .cbservices341__category{
  color:var(--service)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-align:right!important;
}

body.cbh26-services-page .cbservices341__service h3{
  max-width:620px!important;
  margin:25px 0 0!important;
  color:#172d33!important;
  font-size:clamp(25px,1.75vw,32px)!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
}

body.cbh26-services-page .cbservices341__service > p{
  max-width:650px!important;
  margin:14px 0 0!important;
  color:#63777c!important;
  font-size:13px!important;
  line-height:1.62!important;
}

body.cbh26-services-page .cbservices341__context{
  margin-top:20px!important;
  padding:14px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  border-radius:17px!important;
  background:color-mix(in srgb,var(--service-soft) 58%,#fff)!important;
}

body.cbh26-services-page .cbservices341__context strong{
  width:100%!important;
  margin-bottom:2px!important;
  color:#4e676c!important;
  font-size:8.5px!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

body.cbh26-services-page .cbservices341__context span{
  padding:7px 9px!important;
  border-radius:999px!important;
  color:#536d71!important;
  background:rgba(255,255,255,.8)!important;
  font-size:8.5px!important;
  font-weight:700!important;
}

body.cbh26-services-page .cbservices341__service > a{
  margin-top:auto!important;
  padding-top:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  color:var(--service)!important;
  font-size:10px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

body.cbh26-services-page .cbservices341__service > a i{
  width:29px!important;
  height:29px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  color:var(--service)!important;
  background:var(--service-soft)!important;
  font-style:normal!important;
  transition:transform .24s ease!important;
}

body.cbh26-services-page .cbservices341__service > a:hover i{
  transform:translate(2px,-2px)!important;
}

body.cbh26-services-page .cbservices341__integration{
  margin-top:18px!important;
  padding:34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.75fr) minmax(520px,1.25fr)!important;
  gap:48px!important;
  align-items:center!important;
  border-radius:28px!important;
  color:#dceae9!important;
  background:
    radial-gradient(circle at 85% 15%,rgba(100,204,197,.18),transparent 30%),
    linear-gradient(135deg,#102c35,#17474a)!important;
  box-shadow:0 26px 58px rgba(16,44,53,.20)!important;
}

body.cbh26-services-page .cbservices341__integration h3{
  margin:12px 0 0!important;
  color:#fff!important;
  font-size:clamp(29px,2.2vw,38px)!important;
  line-height:1.07!important;
}

body.cbh26-services-page .cbservices341__integration p{
  margin:16px 0 0!important;
  color:#b9cecd!important;
  font-size:13px!important;
  line-height:1.62!important;
}

body.cbh26-services-page .cbservices341__integration-steps{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

body.cbh26-services-page .cbservices341__integration-steps article{
  min-height:100px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:38px 1fr!important;
  gap:10px!important;
  align-items:start!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.05)!important;
}

body.cbh26-services-page .cbservices341__integration-steps article > span{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#12353a!important;
  background:#64ccc5!important;
  font-size:8px!important;
  font-weight:900!important;
}

body.cbh26-services-page .cbservices341__integration-steps strong,
body.cbh26-services-page .cbservices341__integration-steps small{
  display:block!important;
}

body.cbh26-services-page .cbservices341__integration-steps strong{
  color:#fff!important;
  font-size:10.5px!important;
}

body.cbh26-services-page .cbservices341__integration-steps small{
  margin-top:5px!important;
  color:#9fb9b8!important;
  font-size:8px!important;
  line-height:1.42!important;
  letter-spacing:0!important;
}

body.cbh26-services-page .cbservices341__cta{
  margin-top:18px!important;
  min-height:180px!important;
  padding:30px 34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:36px!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:27px!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 18px 44px rgba(49,103,103,.08)!important;
}

body.cbh26-services-page .cbservices341__cta h3{
  max-width:850px!important;
  margin:11px 0 0!important;
  color:#172d33!important;
  font-size:clamp(28px,2.1vw,37px)!important;
  line-height:1.08!important;
}

body.cbh26-services-page .cbservices341__cta > a{
  min-height:52px!important;
  padding:0 17px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:#316767!important;
  box-shadow:0 15px 28px rgba(49,103,103,.18)!important;
  font-size:10.5px!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

body.cbh26-services-page .cbservices341__cta > a span{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#316767!important;
  background:#fff!important;
}

@media(max-width:1050px){
  body.cbh26-services-page .cbservices341__heading,
  body.cbh26-services-page .cbservices341__integration{
    grid-template-columns:1fr!important;
  }

  body.cbh26-services-page .cbservices341__routes{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.cbh26-services-page .cbservices341__grid{
    grid-template-columns:1fr!important;
  }

  body.cbh26-services-page .cbservices341__service{
    min-height:360px!important;
  }
}

@media(max-width:700px){
  body.cbh26-services-page .cbservices341{
    padding:64px 0!important;
  }

  body.cbh26-services-page .cbservices341__heading h2{
    font-size:clamp(33px,9.5vw,43px)!important;
  }

  body.cbh26-services-page .cbservices341__routes,
  body.cbh26-services-page .cbservices341__integration-steps{
    grid-template-columns:1fr!important;
  }

  body.cbh26-services-page .cbservices341__service{
    min-height:0!important;
    padding:21px!important;
  }

  body.cbh26-services-page .cbservices341__service-top{
    align-items:flex-start!important;
  }

  body.cbh26-services-page .cbservices341__category{
    max-width:160px!important;
  }

  body.cbh26-services-page .cbservices341__integration{
    padding:26px!important;
  }

  body.cbh26-services-page .cbservices341__cta{
    grid-template-columns:1fr!important;
    padding:26px!important;
  }

  body.cbh26-services-page .cbservices341__cta > a{
    width:100%!important;
  }
}


/* =========================================================
   v3.5.0 · REFINAMIENTO VISUAL GLOBAL
   Márgenes, títulos, botones, tarjetas y responsive.
========================================================= */

:root{
  --cb350-shell: min(92%, 1500px);
  --cb350-space-section: clamp(72px, 6vw, 96px);
  --cb350-space-hero: clamp(46px, 4.3vw, 70px);

  --cb350-h1: clamp(44px, 4.05vw, 68px);
  --cb350-h2: clamp(36px, 3.15vw, 52px);
  --cb350-h3: clamp(25px, 1.8vw, 32px);
  --cb350-h4: clamp(19px, 1.22vw, 24px);

  --cb350-lead: clamp(15px, .96vw, 17px);
  --cb350-body: clamp(13.5px, .84vw, 15.5px);
  --cb350-small: clamp(10.5px, .68vw, 12px);

  --cb350-radius-card: 28px;
  --cb350-radius-small: 18px;
  --cb350-title: #172d33;
  --cb350-text: #64787d;
  --cb350-border: rgba(49,103,103,.09);
  --cb350-shadow: 0 20px 46px rgba(49,103,103,.085);
}

/* ---------- Contenedor único ---------- */
body.cbh26-page .cbh26-shell,
body.cbh26-page [class*="__shell"]{
  width: var(--cb350-shell)!important;
  max-width: 1500px!important;
  margin-inline: auto!important;
  padding-inline: 0!important;
}

/* ---------- Menú y separación del primer bloque ---------- */
body.cbh26-page .cbh26-header,
body.cbh26-page header{
  margin-bottom: 0!important;
}

body.cbh26-page main > section:first-child{
  padding-top: var(--cb350-space-hero)!important;
}

body.cbh26-page main > section:not(:first-child){
  padding-top: var(--cb350-space-section)!important;
  padding-bottom: var(--cb350-space-section)!important;
}

/* Elimina espacios artificiales después del menú */
body.cbh26-page main{
  padding-top: 0!important;
  margin-top: 0!important;
}

body.cbh26-page main > section:first-child > .cbh26-shell,
body.cbh26-page main > section:first-child > [class*="__shell"]{
  margin-top: 0!important;
}

/* ---------- Escala tipográfica coherente ---------- */
body.cbh26-page h1,
body.cbh26-page h2,
body.cbh26-page h3,
body.cbh26-page h4{
  margin-top: 0!important;
  font-family: inherit!important;
  font-weight: 800!important;
  color: var(--cb350-title);
  text-wrap: balance!important;
  overflow-wrap: normal!important;
}

body.cbh26-page h1{
  max-width: 940px!important;
  font-size: var(--cb350-h1)!important;
  line-height: 1.025!important;
  letter-spacing: -.044em!important;
}

body.cbh26-page h2{
  max-width: 900px!important;
  font-size: var(--cb350-h2)!important;
  line-height: 1.055!important;
  letter-spacing: -.038em!important;
}

body.cbh26-page h3{
  font-size: var(--cb350-h3)!important;
  line-height: 1.09!important;
  letter-spacing: -.028em!important;
}

body.cbh26-page h4{
  font-size: var(--cb350-h4)!important;
  line-height: 1.14!important;
  letter-spacing: -.018em!important;
}

body.cbh26-page p{
  max-width: 760px!important;
  color: var(--cb350-text);
  font-size: var(--cb350-body)!important;
  line-height: 1.62!important;
  text-wrap: pretty!important;
}

body.cbh26-page [class*="hero"] p,
body.cbh26-page [class*="heading"] > p,
body.cbh26-page [class*="copy"] > p{
  font-size: var(--cb350-lead)!important;
}

body.cbh26-page small,
body.cbh26-page li,
body.cbh26-page [class*="caption"]{
  font-size: var(--cb350-small)!important;
  line-height: 1.5!important;
}

body.cbh26-page .cbh26-kicker,
body.cbh26-page [class*="eyebrow"],
body.cbh26-page [class*="category"],
body.cbh26-page [class*="label"]{
  font-size: clamp(9px,.62vw,11px)!important;
  line-height: 1.3!important;
  letter-spacing: .13em!important;
  font-weight: 850!important;
}

/* ---------- Separaciones internas ---------- */
body.cbh26-page [class*="heading"] h1,
body.cbh26-page [class*="heading"] h2,
body.cbh26-page [class*="copy"] h1,
body.cbh26-page [class*="copy"] h2{
  margin-top: 12px!important;
}

body.cbh26-page [class*="heading"] > p,
body.cbh26-page [class*="copy"] > p{
  margin-top: 18px!important;
}

body.cbh26-page [class*="grid"]{
  row-gap: 24px!important;
}

/* ---------- Tarjetas uniformes ---------- */
body.cbh26-page article,
body.cbh26-page [class*="card"],
body.cbh26-page [class*="panel"],
body.cbh26-page [class*="window"]{
  border-radius: var(--cb350-radius-card)!important;
}

body.cbh26-page article,
body.cbh26-page [class*="card"]{
  border-color: var(--cb350-border)!important;
}

body.cbh26-page [class*="card"]:not([class*="dark"]),
body.cbh26-page [class*="panel"]:not([class*="dark"]),
body.cbh26-page article:not([class*="dark"]){
  box-shadow: var(--cb350-shadow)!important;
}

/* Alineación interna de tarjetas */
body.cbh26-page [class*="card"] > h3,
body.cbh26-page article > h3{
  margin-top: 24px!important;
}

body.cbh26-page [class*="card"] > p,
body.cbh26-page article > p{
  margin-top: 13px!important;
}

/* ---------- Sistema global de botones ---------- */
body.cbh26-page .cbh26-btn,
body.cbh26-page [class*="btn"],
body.cbh26-page [class*="button"],
body.cbh26-page a[class*="cta"]{
  min-height: 54px!important;
  padding: 0 22px!important;
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  gap: 11px!important;
  border-radius: 999px!important;
  font-size: clamp(11.5px,.72vw,13px)!important;
  line-height: 1!important;
  font-weight: 800!important;
  text-decoration: none!important;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    background .24s ease,
    border-color .24s ease!important;
}

body.cbh26-page .cbh26-btn:hover,
body.cbh26-page [class*="btn"]:hover,
body.cbh26-page [class*="button"]:hover,
body.cbh26-page a[class*="cta"]:hover{
  transform: translateY(-3px)!important;
}

body.cbh26-page .cbh26-btn__arrow,
body.cbh26-page [class*="btn"] i,
body.cbh26-page [class*="button"] i,
body.cbh26-page [class*="btn"] > span:last-child{
  transition: transform .24s ease!important;
}

body.cbh26-page .cbh26-btn:hover .cbh26-btn__arrow,
body.cbh26-page [class*="btn"]:hover i,
body.cbh26-page [class*="button"]:hover i{
  transform: translate(3px,-2px)!important;
}

/* Botones dentro de tarjetas */
body.cbh26-page article > a:last-child,
body.cbh26-page [class*="card"] > a:last-child{
  min-height: 42px!important;
  padding: 0!important;
  align-items: center!important;
}

/* ---------- Sección Servicios ---------- */
body.cbh26-services-page .cbservices341{
  padding-top: var(--cb350-space-section)!important;
}

body.cbh26-services-page .cbservices341__heading,
body.cbh26-services-page .cbservices341__routes,
body.cbh26-services-page .cbservices341__grid,
body.cbh26-services-page .cbservices341__integration,
body.cbh26-services-page .cbservices341__cta{
  width: 100%!important;
}

body.cbh26-services-page .cbservices341__grid{
  gap: 22px!important;
}

body.cbh26-services-page .cbservices341__service{
  padding: 28px!important;
}

body.cbh26-services-page .cbservices341__service h3{
  margin-top: 26px!important;
}

body.cbh26-services-page .cbservices341__service > p{
  margin-top: 14px!important;
}

body.cbh26-services-page .cbservices341__context{
  margin-top: 22px!important;
}

body.cbh26-services-page .cbservices341__service > a{
  min-height: 46px!important;
  margin-top: auto!important;
  padding-top: 20px!important;
}

/* ---------- Header responsive ---------- */
@media(max-width:1180px){
  body.cbh26-page .cbh26-nav{
    gap: 10px!important;
  }

  body.cbh26-page .cbh26-nav a{
    font-size: 11px!important;
  }
}

/* ---------- Tablet ---------- */
@media(max-width:1024px){
  :root{
    --cb350-shell: min(91%, 940px);
    --cb350-space-section: 68px;
    --cb350-space-hero: 42px;
    --cb350-h1: clamp(40px,5.6vw,58px);
    --cb350-h2: clamp(35px,4.7vw,48px);
    --cb350-h3: clamp(24px,3vw,31px);
  }

  body.cbh26-page [class*="grid"],
  body.cbh26-page [class*="split"]{
    column-gap: 24px!important;
  }

  body.cbh26-services-page .cbservices341__grid{
    grid-template-columns: 1fr!important;
  }

  body.cbh26-services-page .cbservices341__service{
    min-height: 0!important;
  }
}

/* ---------- Tablet vertical ---------- */
@media(max-width:820px){
  :root{
    --cb350-shell: min(90%, 740px);
    --cb350-space-section: 60px;
    --cb350-space-hero: 36px;
    --cb350-h1: clamp(36px,8.6vw,48px);
    --cb350-h2: clamp(32px,7.2vw,43px);
    --cb350-h3: clamp(23px,5.6vw,32px);
    --cb350-lead: 15.5px;
    --cb350-body: 14.5px;
  }

  body.cbh26-page [class*="grid"],
  body.cbh26-page [class*="split"]{
    grid-template-columns: 1fr!important;
    gap: 22px!important;
  }

  body.cbh26-page [class*="actions"]{
    flex-wrap: wrap!important;
    gap: 10px!important;
  }

  body.cbh26-page [class*="actions"] > *{
    flex: 1 1 210px!important;
  }
}

/* ---------- Móvil ---------- */
@media(max-width:620px){
  :root{
    --cb350-shell: 90%;
    --cb350-space-section: 52px;
    --cb350-space-hero: 30px;
    --cb350-h1: clamp(32px,10.5vw,42px);
    --cb350-h2: clamp(29px,9vw,38px);
    --cb350-h3: clamp(23px,7vw,31px);
    --cb350-h4: clamp(18px,5.6vw,24px);
    --cb350-lead: 15px;
    --cb350-body: 14px;
    --cb350-small: 11.5px;
  }

  body.cbh26-page h1{
    line-height: 1.06!important;
    letter-spacing: -.034em!important;
  }

  body.cbh26-page h2{
    line-height: 1.08!important;
    letter-spacing: -.03em!important;
  }

  body.cbh26-page [class*="actions"]{
    flex-direction: column!important;
    width: 100%!important;
  }

  body.cbh26-page [class*="actions"] > *,
  body.cbh26-page .cbh26-btn,
  body.cbh26-page [class*="btn"],
  body.cbh26-page [class*="button"]{
    width: 100%!important;
  }

  body.cbh26-page article,
  body.cbh26-page [class*="card"],
  body.cbh26-page [class*="panel"]{
    border-radius: 22px!important;
  }

  body.cbh26-services-page .cbservices341__service{
    padding: 22px!important;
  }
}

@media(max-width:390px){
  :root{
    --cb350-shell: 91%;
    --cb350-h1: clamp(30px,10vw,38px);
    --cb350-h2: clamp(27px,9vw,35px);
  }
}


/* =========================================================
   v3.5.1 · CORRECCIÓN EFECTIVA DE MÁRGENES, HEROES Y BOTONES
   Reemplaza reglas antiguas específicas que anulaban v3.5.0.
========================================================= */

:root{
  --cb351-shell-width:1500px;
  --cb351-shell-gap:clamp(22px,3.2vw,48px);
  --cb351-header-height:78px;
  --cb351-hero-top:clamp(102px,8vw,124px);
  --cb351-hero-bottom:clamp(52px,5vw,76px);
  --cb351-section-space:clamp(68px,6vw,96px);
  --cb351-primary:#316767;
  --cb351-accent:#64ccc5;
  --cb351-title:#172d33;
  --cb351-text:#62777c;
}

/* =========================================================
   CONTENEDOR REAL ÚNICO
========================================================= */

.cbh26-shell,
.cbtel .cbh26-shell,
.cbsoft-main-v160 .cbh26-shell,
.cbhardware-main-v220 .cbh26-shell,
.cbwc320 .cbh26-shell,
.cb-contact-v1249 .cbh26-shell{
  width:min(
    calc(100% - (var(--cb351-shell-gap) * 2)),
    var(--cb351-shell-width)
  )!important;
  max-width:var(--cb351-shell-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* =========================================================
   MENÚ Y PRIMERA SECCIÓN
========================================================= */

.cbh26-header__inner{
  min-height:var(--cb351-header-height)!important;
}

main,
.cbtel,
.cbsoft-main-v160,
.cb-contact-v1249,
.cbwc320{
  margin-top:0!important;
  padding-top:0!important;
}

/* Inicio/Servicios */
.cbh26-hero{
  min-height:auto!important;
  padding:var(--cb351-hero-top) 0 var(--cb351-hero-bottom)!important;
  display:block!important;
}

.cbh26-hero__grid{
  min-height:0!important;
  align-items:center!important;
}

/* WhatClick */
.cbwc320-hero{
  min-height:auto!important;
  padding:var(--cb351-hero-top) 0 38px!important;
}

.cbwc320-hero__grid{
  min-height:0!important;
  align-items:center!important;
}

.cbwc320-hero__visual{
  min-height:520px!important;
}

/* Contacto */
.cb-contact-v1249__hero{
  min-height:auto!important;
  padding:var(--cb351-hero-top) 0 var(--cb351-hero-bottom)!important;
}

.cb-contact-v1249__hero-grid{
  min-height:0!important;
  align-items:center!important;
}

/* Desarrollo Digital */
.cbh26-digital-hero{
  min-height:auto!important;
  padding:var(--cb351-hero-top) 0 var(--cb351-hero-bottom)!important;
}

.cbh26-digital-hero__grid{
  min-height:0!important;
  align-items:center!important;
}

/* Telefonía */
.cbtel-hero{
  min-height:auto!important;
  padding:var(--cb351-hero-top) 0 var(--cb351-hero-bottom)!important;
}

.cbtel-hero__grid{
  min-height:0!important;
  align-items:center!important;
}

/* Software */
.cbsoft-hero-v160{
  min-height:auto!important;
  padding:var(--cb351-hero-top) 0 var(--cb351-hero-bottom)!important;
}

.cbsoft-hero-v160__grid{
  min-height:0!important;
  align-items:center!important;
}

/* Hardware */
body.cbh26-hardware-page .cbhardware-hero-v220,
.cbhardware-hero-v220{
  min-height:auto!important;
  padding:var(--cb351-hero-top) 0 var(--cb351-hero-bottom)!important;
}

.cbhardware-hero-v220__grid{
  min-height:0!important;
  align-items:center!important;
}

/* Ecosistema del inicio */
.cbhome-ecosystem-v290{
  min-height:auto!important;
  padding:var(--cb351-section-space) 0!important;
}

/* =========================================================
   ESCALA DE TÍTULOS EFECTIVA
========================================================= */

.cbh26-hero__copy h1,
.cbwc320-hero__copy h1,
.cb-contact-v1249__copy h1,
.cbh26-digital-hero h1,
.cbtel-hero h1,
.cbsoft-hero-v160__copy h1,
.cbhardware-hero-v220 h1{
  max-width:880px!important;
  margin-top:14px!important;
  margin-bottom:0!important;
  font-family:Poppins,Inter,sans-serif!important;
  font-size:clamp(44px,4.05vw,68px)!important;
  line-height:1.025!important;
  letter-spacing:-.044em!important;
  text-wrap:balance!important;
}

.cbh26-hero__copy p,
.cbwc320-hero__copy > p,
.cb-contact-v1249__copy > p,
.cbh26-digital-hero__copy > p,
.cbtel-hero__copy > p,
.cbsoft-hero-v160__copy > p,
.cbhardware-hero-v220__copy > p{
  max-width:720px!important;
  margin-top:20px!important;
  font-size:clamp(15px,.96vw,17px)!important;
  line-height:1.62!important;
}

/* Títulos de sección */
.cbh26-section h2,
.cbservices341 h2,
.cbwc320 h2,
.cb-contact-v1249 h2,
.cbh26-digital-page h2,
.cbtel h2,
.cbsoft-main-v160 h2,
.cbhardware-main-v220 h2{
  max-width:920px!important;
  font-size:clamp(36px,3.15vw,52px)!important;
  line-height:1.055!important;
  letter-spacing:-.038em!important;
}

/* =========================================================
   ESPACIADO UNIFORME ENTRE SECCIONES
========================================================= */

.cbh26-section,
.cbservices341,
.cbwc320-intro,
.cbwc320-showcase,
.cbwc320-tools,
.cbwc320-dark,
.cb-contact-v1249 main > section,
.cbh26-digital-page main > section:not(:first-child),
.cbtel > section:not(:first-child),
.cbsoft-main-v160 > section:not(:first-child),
.cbhardware-main-v220 > section:not(:first-child){
  padding-top:var(--cb351-section-space)!important;
  padding-bottom:var(--cb351-section-space)!important;
}

/* La franja de servicios no necesita altura enorme */
.cbservices341{
  padding-top:clamp(56px,5vw,76px)!important;
}

/* =========================================================
   MÁRGENES Y GRILLAS DE SERVICIOS
========================================================= */

.cbservices341__heading,
.cbservices341__routes,
.cbservices341__grid,
.cbservices341__integration,
.cbservices341__cta{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

.cbservices341__heading{
  grid-template-columns:minmax(0,1fr) minmax(300px,.42fr)!important;
  gap:clamp(34px,4vw,64px)!important;
}

.cbservices341__routes{
  margin-top:32px!important;
}

.cbservices341__grid{
  margin-top:22px!important;
  gap:24px!important;
}

.cbservices341__service{
  min-width:0!important;
  padding:28px!important;
}

.cbservices341__service h3{
  max-width:100%!important;
  margin-top:24px!important;
}

.cbservices341__service > p{
  max-width:100%!important;
}

/* =========================================================
   SISTEMA DE BOTONES REAL
========================================================= */

/* Botones principales */
.cbh26-btn,
.cbh26-actions .cbh26-btn,
.cbh26-digital-hero a[class*="btn"],
.cbtel a[class*="btn"],
.cbsoft-main-v160 a[class*="btn"],
.cbhardware-main-v220 a[class*="btn"],
.cbwc320 a.cbh26-btn,
.cb-contact-v1249 a[class*="btn"],
.cbfooter330__cta-button{
  min-height:54px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#316767,#3f938c)!important;
  box-shadow:0 14px 30px rgba(49,103,103,.20)!important;
  font-size:clamp(11.5px,.72vw,13px)!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  filter:none!important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease!important;
}

.cbh26-btn:hover,
.cbh26-actions .cbh26-btn:hover,
.cbh26-digital-hero a[class*="btn"]:hover,
.cbtel a[class*="btn"]:hover,
.cbsoft-main-v160 a[class*="btn"]:hover,
.cbhardware-main-v220 a[class*="btn"]:hover,
.cbwc320 a.cbh26-btn:hover,
.cb-contact-v1249 a[class*="btn"]:hover,
.cbfooter330__cta-button:hover{
  transform:translateY(-3px)!important;
  background:linear-gradient(135deg,#285d5d,#347f79)!important;
  box-shadow:0 20px 38px rgba(49,103,103,.25)!important;
}

/* Botones secundarios */
.cbh26-btn--ghost,
a.cbh26-btn--ghost,
.cbwc320 a.cbh26-btn--ghost{
  color:var(--cb351-title)!important;
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(49,103,103,.15)!important;
  box-shadow:0 12px 26px rgba(49,103,103,.08)!important;
}

.cbh26-btn--ghost:hover,
a.cbh26-btn--ghost:hover,
.cbwc320 a.cbh26-btn--ghost:hover{
  color:#fff!important;
  background:var(--cb351-primary)!important;
  border-color:var(--cb351-primary)!important;
}

/* Enlaces-botón de tarjetas */
.cbservices341__service > a,
.cbwc320-feature a,
.cbwc320-tool a,
.cbh26-card a,
[class*="service"] > a:last-child{
  min-height:44px!important;
  margin-top:auto!important;
  padding-top:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

/* Flechas */
.cbh26-btn__arrow,
.cbh26-btn i,
.cbservices341__service > a i,
.cbfooter330__cta-button span{
  flex:0 0 auto!important;
  transition:transform .22s ease!important;
}

.cbh26-btn:hover .cbh26-btn__arrow,
.cbh26-btn:hover i,
.cbservices341__service > a:hover i,
.cbfooter330__cta-button:hover span{
  transform:translate(3px,-2px)!important;
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){
  :root{
    --cb351-shell-gap:clamp(20px,3vw,34px);
    --cb351-hero-top:104px;
    --cb351-hero-bottom:58px;
    --cb351-section-space:68px;
  }

  .cbh26-hero__grid,
  .cbwc320-hero__grid,
  .cb-contact-v1249__hero-grid,
  .cbh26-digital-hero__grid,
  .cbtel-hero__grid,
  .cbsoft-hero-v160__grid,
  .cbhardware-hero-v220__grid{
    grid-template-columns:1fr!important;
    gap:38px!important;
  }

  .cbservices341__heading{
    grid-template-columns:1fr!important;
  }

  .cbservices341__grid{
    grid-template-columns:1fr!important;
  }

  .cbservices341__service{
    min-height:0!important;
  }
}

@media(max-width:820px){
  :root{
    --cb351-shell-gap:22px;
    --cb351-hero-top:96px;
    --cb351-hero-bottom:50px;
    --cb351-section-space:60px;
  }

  .cbh26-hero__copy h1,
  .cbwc320-hero__copy h1,
  .cb-contact-v1249__copy h1,
  .cbh26-digital-hero h1,
  .cbtel-hero h1,
  .cbsoft-hero-v160__copy h1,
  .cbhardware-hero-v220 h1{
    font-size:clamp(36px,8.8vw,48px)!important;
  }

  .cbh26-section h2,
  .cbservices341 h2,
  .cbwc320 h2,
  .cb-contact-v1249 h2,
  .cbtel h2,
  .cbsoft-main-v160 h2,
  .cbhardware-main-v220 h2{
    font-size:clamp(32px,7.3vw,43px)!important;
  }

  .cbh26-actions,
  .cbwc320-hero__actions,
  .cbsoft-hero-v160__actions,
  .cbtel-hero__actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }
}

/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:620px){
  :root{
    --cb351-shell-gap:18px;
    --cb351-hero-top:92px;
    --cb351-hero-bottom:44px;
    --cb351-section-space:52px;
  }

  .cbh26-hero__copy h1,
  .cbwc320-hero__copy h1,
  .cb-contact-v1249__copy h1,
  .cbh26-digital-hero h1,
  .cbtel-hero h1,
  .cbsoft-hero-v160__copy h1,
  .cbhardware-hero-v220 h1{
    font-size:clamp(32px,10.5vw,42px)!important;
    line-height:1.06!important;
  }

  .cbh26-section h2,
  .cbservices341 h2,
  .cbwc320 h2,
  .cb-contact-v1249 h2,
  .cbtel h2,
  .cbsoft-main-v160 h2,
  .cbhardware-main-v220 h2{
    font-size:clamp(29px,9vw,38px)!important;
    line-height:1.08!important;
  }

  .cbh26-actions,
  .cbwc320-hero__actions,
  .cbsoft-hero-v160__actions,
  .cbtel-hero__actions{
    flex-direction:column!important;
    width:100%!important;
  }

  .cbh26-actions .cbh26-btn,
  .cbwc320-hero__actions .cbh26-btn,
  .cbsoft-hero-v160__actions a,
  .cbtel-hero__actions a,
  .cbfooter330__cta-button{
    width:100%!important;
  }

  .cbservices341__service{
    padding:22px!important;
  }
}


/* =========================================================
   v3.5.2 · CORRECCIÓN ESPECÍFICA
   Servicios + Desarrollo Digital + Contacto
========================================================= */

/* Contenedor idéntico en las tres páginas */
body.cbh26-services-page .cbh26-shell,
body.cbh26-digital-page .cbh26-shell,
.cb-contact-v1249__shell{
  width:min(calc(100% - 80px),1500px)!important;
  max-width:1500px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

/* =========================================================
   SERVICIOS
   El panel visual de 720px estaba aumentando todo el hero.
========================================================= */

body.cbh26-services-page .cbh26-hero{
  min-height:0!important;
  height:auto!important;
  padding:110px 0 62px!important;
}

body.cbh26-services-page .cbh26-hero__grid{
  min-height:0!important;
  grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)!important;
  gap:clamp(42px,4vw,68px)!important;
  align-items:start!important;
}

body.cbh26-services-page .cbh26-hero__copy{
  min-width:0!important;
  padding-top:24px!important;
  align-self:start!important;
  transform:none!important;
}

body.cbh26-services-page .cbh26-product{
  min-width:0!important;
  min-height:520px!important;
  height:520px!important;
  align-self:start!important;
  margin:0!important;
}

body.cbh26-services-page .cbh26-desktop{
  top:18px!important;
  min-height:390px!important;
}

body.cbh26-services-page .cbh26-desktop__body{
  min-height:335px!important;
}

body.cbh26-services-page .cbh26-phone{
  top:112px!important;
}

body.cbh26-services-page .cbh26-device{
  bottom:10px!important;
}

body.cbh26-services-page .cbh26-hero__copy h1{
  max-width:760px!important;
  margin:12px 0 0!important;
}

body.cbh26-services-page .cbh26-hero__copy > p{
  max-width:670px!important;
  margin-top:18px!important;
}

/* La sección de tarjetas mantiene exactamente el mismo borde lateral */
body.cbh26-services-page .cbservices341 > .cbh26-shell{
  width:min(calc(100% - 80px),1500px)!important;
  max-width:1500px!important;
}

body.cbh26-services-page .cbservices341{
  padding-top:64px!important;
  padding-bottom:82px!important;
}

body.cbh26-services-page .cbservices341__grid{
  gap:22px!important;
}

/* =========================================================
   DESARROLLO DIGITAL
   El escenario de 660px y las columnas acumuladas causaban
   desborde y título cortado.
========================================================= */

body.cbh26-digital-page .cbh26-digital-hero{
  min-height:0!important;
  height:auto!important;
  padding:108px 0 64px!important;
}

body.cbh26-digital-page .cbh26-dd-layout-v200,
body.cbh26-digital-page .cbh26-dd-layout-v212,
body.cbh26-digital-page .cbh26-digital-hero__grid{
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
  gap:34px!important;
  align-items:start!important;
  position:relative!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v200,
body.cbh26-digital-page .cbh26-dd-copy-v212{
  min-width:0!important;
  max-width:100%!important;
  padding-top:18px!important;
  align-self:start!important;
  transform:none!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v212 h1,
body.cbh26-digital-page .cbh26-digital-hero h1{
  max-width:650px!important;
  margin:12px 0 0!important;
  font-size:clamp(44px,4vw,66px)!important;
  line-height:1.02!important;
  letter-spacing:-.043em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

body.cbh26-digital-page .cbh26-dd-copy-v212 p{
  max-width:620px!important;
  margin-top:19px!important;
  font-size:clamp(15px,.96vw,17px)!important;
}

body.cbh26-digital-page .cbh26-dd-stage-v200,
body.cbh26-digital-page .cbh26-dd-stage-v201,
body.cbh26-digital-page .cbh26-dd-stage-v212{
  min-width:0!important;
  width:100%!important;
  min-height:520px!important;
  height:520px!important;
  margin:0!important;
  align-self:start!important;
  overflow:visible!important;
  transform:none!important;
}

body.cbh26-digital-page .cbh26-dd-dashboard-v200{
  max-height:500px!important;
}

/* =========================================================
   CONTACTO
   El contenedor 8vw y el centrado vertical separaban título
   y menú de manera excesiva.
========================================================= */

.cb-contact-v1249__hero{
  min-height:0!important;
  height:auto!important;
  display:block!important;
  padding:108px 0 68px!important;
}

.cb-contact-v1249__hero-grid{
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)!important;
  gap:clamp(46px,5vw,78px)!important;
  align-items:start!important;
}

.cb-contact-v1249__copy{
  min-width:0!important;
  max-width:720px!important;
  padding-top:38px!important;
  align-self:start!important;
  transform:none!important;
}

.cb-contact-v1249__copy h1{
  max-width:700px!important;
  margin:12px 0 0!important;
  font-size:clamp(44px,4vw,66px)!important;
  line-height:1.03!important;
  letter-spacing:-.043em!important;
}

.cb-contact-v1249__copy > p{
  max-width:680px!important;
  margin-top:19px!important;
  font-size:clamp(15px,.96vw,17px)!important;
}

.cb-contact-v1249__panel{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  align-self:start!important;
}

/* =========================================================
   TABLET: las tres páginas se apilan sin espacios falsos
========================================================= */

@media(max-width:1100px){
  body.cbh26-services-page .cbh26-shell,
  body.cbh26-digital-page .cbh26-shell,
  .cb-contact-v1249__shell,
  body.cbh26-services-page .cbservices341 > .cbh26-shell{
    width:min(calc(100% - 56px),980px)!important;
  }

  body.cbh26-services-page .cbh26-hero__grid,
  body.cbh26-digital-page .cbh26-dd-layout-v200,
  body.cbh26-digital-page .cbh26-dd-layout-v212,
  body.cbh26-digital-page .cbh26-digital-hero__grid,
  .cb-contact-v1249__hero-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }

  body.cbh26-services-page .cbh26-product{
    width:min(100%,820px)!important;
    height:500px!important;
    min-height:500px!important;
    margin-inline:auto!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v200,
  body.cbh26-digital-page .cbh26-dd-stage-v201,
  body.cbh26-digital-page .cbh26-dd-stage-v212{
    width:min(100%,900px)!important;
    height:520px!important;
    min-height:520px!important;
    margin-inline:auto!important;
  }

  .cb-contact-v1249__copy{
    max-width:780px!important;
    padding-top:0!important;
  }

  .cb-contact-v1249__panel{
    width:min(100%,820px)!important;
    margin-inline:auto!important;
  }
}

/* =========================================================
   CELULAR
========================================================= */

@media(max-width:700px){
  body.cbh26-services-page .cbh26-shell,
  body.cbh26-digital-page .cbh26-shell,
  .cb-contact-v1249__shell,
  body.cbh26-services-page .cbservices341 > .cbh26-shell{
    width:calc(100% - 36px)!important;
  }

  body.cbh26-services-page .cbh26-hero,
  body.cbh26-digital-page .cbh26-digital-hero,
  .cb-contact-v1249__hero{
    padding-top:94px!important;
    padding-bottom:48px!important;
  }

  body.cbh26-services-page .cbh26-hero__copy,
  body.cbh26-digital-page .cbh26-dd-copy-v200,
  body.cbh26-digital-page .cbh26-dd-copy-v212,
  .cb-contact-v1249__copy{
    padding-top:0!important;
  }

  body.cbh26-services-page .cbh26-product{
    height:410px!important;
    min-height:410px!important;
  }

  body.cbh26-digital-page .cbh26-dd-stage-v200,
  body.cbh26-digital-page .cbh26-dd-stage-v201,
  body.cbh26-digital-page .cbh26-dd-stage-v212{
    height:400px!important;
    min-height:400px!important;
  }

  body.cbh26-digital-page .cbh26-dd-copy-v212 h1,
  body.cbh26-digital-page .cbh26-digital-hero h1,
  .cb-contact-v1249__copy h1{
    font-size:clamp(32px,10vw,42px)!important;
    line-height:1.06!important;
  }
}


/* =========================================================
   v3.5.3 · SERVICIOS: HERO SIN ESPACIO VACÍO Y MÁRGENES REALES
========================================================= */

/* La página Servicios usa exactamente el mismo contenedor del sitio */
body.cbh26-services-page .cbh26-shell,
body.cbh26-services-page .cbservices341 > .cbh26-shell{
  width:min(calc(100% - 80px),1500px)!important;
  max-width:1500px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* El hero comienza inmediatamente después del menú */
body.cbh26-services-page .cbh26-hero{
  min-height:0!important;
  height:auto!important;
  padding:34px 0 56px!important;
  display:block!important;
  overflow:hidden!important;
}

/* El fondo permanece a ancho completo, pero el contenido respeta el margen */
body.cbh26-services-page .cbh26-hero > .cbh26-shell{
  position:relative!important;
  z-index:2!important;
}

body.cbh26-services-page .cbh26-hero__grid{
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,.84fr) minmax(560px,1.16fr)!important;
  gap:clamp(38px,4vw,66px)!important;
  align-items:center!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Texto y panel empiezan en la misma línea */
body.cbh26-services-page .cbh26-hero__copy{
  min-width:0!important;
  max-width:760px!important;
  padding-top:0!important;
  margin-top:0!important;
  align-self:center!important;
  transform:none!important;
}

body.cbh26-services-page .cbh26-hero__copy .cbh26-kicker{
  margin-top:0!important;
}

body.cbh26-services-page .cbh26-hero__copy h1{
  max-width:760px!important;
  margin:12px 0 0!important;
  font-size:clamp(43px,3.85vw,64px)!important;
  line-height:1.025!important;
  letter-spacing:-.043em!important;
}

body.cbh26-services-page .cbh26-hero__copy > p{
  max-width:650px!important;
  margin:18px 0 0!important;
}

body.cbh26-services-page .cbh26-highlight{
  margin-top:16px!important;
}

/* Panel visual: altura real, sin crear un bloque vacío de pantalla completa */
body.cbh26-services-page .cbh26-product{
  min-width:0!important;
  width:100%!important;
  min-height:500px!important;
  height:500px!important;
  margin:0!important;
  align-self:center!important;
  overflow:visible!important;
}

body.cbh26-services-page .cbh26-product__halo{
  inset:4% 0 0 4%!important;
}

body.cbh26-services-page .cbh26-desktop{
  left:0!important;
  top:0!important;
  width:76%!important;
  min-height:385px!important;
}

body.cbh26-services-page .cbh26-desktop__body{
  min-height:330px!important;
}

body.cbh26-services-page .cbh26-phone{
  top:74px!important;
  right:-2%!important;
}

body.cbh26-services-page .cbh26-device{
  bottom:0!important;
}

/* Elementos decorativos no pueden empujar la sección */
body.cbh26-services-page #cbh26-particles,
body.cbh26-services-page .cbh26-glow{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}

/* La franja inferior del hero queda pegada, sin hueco */
body.cbh26-services-page .cbh26-hero + section,
body.cbh26-services-page .cbh26-hero + .cbh26-ticker,
body.cbh26-services-page .cbh26-hero + [class*="ticker"]{
  margin-top:0!important;
}

/* Todas las secciones de Servicios mantienen la misma línea lateral */
body.cbh26-services-page main > section:not(.cbh26-hero){
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

body.cbh26-services-page .cbservices341{
  padding-top:62px!important;
  padding-bottom:78px!important;
}

body.cbh26-services-page .cbservices341__heading,
body.cbh26-services-page .cbservices341__routes,
body.cbh26-services-page .cbservices341__grid,
body.cbh26-services-page .cbservices341__integration,
body.cbh26-services-page .cbservices341__cta{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

body.cbh26-services-page .cbservices341__routes{
  margin-top:30px!important;
}

body.cbh26-services-page .cbservices341__grid{
  margin-top:20px!important;
  gap:22px!important;
}

/* Tablet */
@media(max-width:1100px){
  body.cbh26-services-page .cbh26-shell,
  body.cbh26-services-page .cbservices341 > .cbh26-shell{
    width:min(calc(100% - 56px),980px)!important;
  }

  body.cbh26-services-page .cbh26-hero{
    padding:28px 0 50px!important;
  }

  body.cbh26-services-page .cbh26-hero__grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }

  body.cbh26-services-page .cbh26-hero__copy{
    max-width:820px!important;
  }

  body.cbh26-services-page .cbh26-product{
    width:min(100%,860px)!important;
    height:470px!important;
    min-height:470px!important;
    margin-inline:auto!important;
  }
}

/* Celular */
@media(max-width:700px){
  body.cbh26-services-page .cbh26-shell,
  body.cbh26-services-page .cbservices341 > .cbh26-shell{
    width:calc(100% - 36px)!important;
  }

  body.cbh26-services-page .cbh26-hero{
    padding:22px 0 42px!important;
  }

  body.cbh26-services-page .cbh26-hero__copy h1{
    font-size:clamp(32px,10vw,42px)!important;
    line-height:1.06!important;
  }

  body.cbh26-services-page .cbh26-product{
    height:390px!important;
    min-height:390px!important;
  }

  body.cbh26-services-page .cbh26-desktop{
    width:88%!important;
    min-height:300px!important;
  }

  body.cbh26-services-page .cbh26-desktop__body{
    min-height:250px!important;
  }

  body.cbh26-services-page .cbh26-phone{
    top:54px!important;
  }

  body.cbh26-services-page .cbservices341{
    padding-top:52px!important;
    padding-bottom:64px!important;
  }
}


/* =========================================================
   v3.6.0 · SISTEMA GLOBAL DEFINITIVO DE MÁRGENES Y TIPOGRAFÍA
========================================================= */

:root{
  --cb360-max:1500px;
  --cb360-side:clamp(18px,3vw,44px);
  --cb360-hero-top:clamp(28px,3vw,46px);
  --cb360-hero-bottom:clamp(46px,4.8vw,72px);
  --cb360-section:clamp(64px,5.8vw,92px);

  --cb360-h1:clamp(42px,4vw,66px);
  --cb360-h2:clamp(34px,3.05vw,50px);
  --cb360-h3:clamp(24px,1.8vw,31px);
  --cb360-h4:clamp(18px,1.2vw,23px);

  --cb360-lead:clamp(15px,.95vw,17px);
  --cb360-body:clamp(13.5px,.82vw,15px);
  --cb360-small:clamp(10.5px,.67vw,12px);

  --cb360-title:#172d33;
  --cb360-text:#64777c;
  --cb360-border:rgba(49,103,103,.09);
}

/* ---------- Base ---------- */
html,
body{
  overflow-x:hidden!important;
}

body.cbh26-page *,
body.cbh26-page *::before,
body.cbh26-page *::after{
  box-sizing:border-box!important;
}

body.cbh26-page img,
body.cbh26-page video,
body.cbh26-page iframe,
body.cbh26-page svg{
  max-width:100%!important;
}

/* ---------- Contenedor único para TODO el sitio ---------- */
body.cbh26-page .cbh26-shell,
body.cbh26-page [class*="__shell"],
body.cbh26-services-page .cbh26-shell,
body.cbh26-digital-page .cbh26-shell,
body.cbh26-whatclick-page .cbh26-shell,
body.cbh26-contact-page .cbh26-shell,
body.cbh26-telecom-page .cbh26-shell,
body.cbh26-software-page .cbh26-shell,
body.cbh26-hardware-page .cbh26-shell,
.cb-contact-v1249__shell{
  width:min(calc(100% - (var(--cb360-side) * 2)),var(--cb360-max))!important;
  max-width:var(--cb360-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* ---------- Menú y arranque de página ---------- */
body.cbh26-page main{
  margin-top:0!important;
  padding-top:0!important;
}

body.cbh26-page main > section:first-child{
  min-height:0!important;
  height:auto!important;
  padding-top:var(--cb360-hero-top)!important;
  padding-bottom:var(--cb360-hero-bottom)!important;
  margin-top:0!important;
}

body.cbh26-page main > section:not(:first-child){
  padding-top:var(--cb360-section)!important;
  padding-bottom:var(--cb360-section)!important;
}

/* ---------- Heroes específicos: sin espacios falsos ---------- */
body.cbh26-services-page .cbh26-hero,
body.cbh26-digital-page .cbh26-digital-hero,
body.cbh26-whatclick-page .cbwc320-hero,
body.cbh26-contact-page .cb-contact-v1249__hero,
body.cbh26-telecom-page .cbtel-hero,
body.cbh26-software-page .cbsoft-hero-v160,
body.cbh26-hardware-page .cbhardware-hero-v220{
  min-height:0!important;
  height:auto!important;
  padding-top:var(--cb360-hero-top)!important;
  padding-bottom:var(--cb360-hero-bottom)!important;
  margin-top:0!important;
}

body.cbh26-services-page .cbh26-hero__grid,
body.cbh26-digital-page .cbh26-digital-hero__grid,
body.cbh26-digital-page .cbh26-dd-layout-v200,
body.cbh26-digital-page .cbh26-dd-layout-v212,
body.cbh26-whatclick-page .cbwc320-hero__grid,
body.cbh26-contact-page .cb-contact-v1249__hero-grid,
body.cbh26-telecom-page .cbtel-hero__grid,
body.cbh26-software-page .cbsoft-hero-v160__grid,
body.cbh26-hardware-page .cbhardware-hero-v220__grid{
  min-height:0!important;
  height:auto!important;
  align-items:center!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
}

/* ---------- Escala tipográfica única ---------- */
body.cbh26-page h1,
body.cbh26-page h2,
body.cbh26-page h3,
body.cbh26-page h4{
  margin-top:0!important;
  color:var(--cb360-title);
  font-family:Poppins,Inter,sans-serif!important;
  font-weight:800!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
}

body.cbh26-page h1{
  max-width:920px!important;
  font-size:var(--cb360-h1)!important;
  line-height:1.025!important;
  letter-spacing:-.043em!important;
}

body.cbh26-page h2{
  max-width:900px!important;
  font-size:var(--cb360-h2)!important;
  line-height:1.055!important;
  letter-spacing:-.037em!important;
}

body.cbh26-page h3{
  font-size:var(--cb360-h3)!important;
  line-height:1.09!important;
  letter-spacing:-.027em!important;
}

body.cbh26-page h4{
  font-size:var(--cb360-h4)!important;
  line-height:1.14!important;
}

body.cbh26-page p{
  max-width:760px!important;
  color:var(--cb360-text);
  font-size:var(--cb360-body)!important;
  line-height:1.62!important;
  text-wrap:pretty!important;
}

body.cbh26-page [class*="hero"] p,
body.cbh26-page [class*="heading"] > p,
body.cbh26-page [class*="copy"] > p{
  font-size:var(--cb360-lead)!important;
}

body.cbh26-page small,
body.cbh26-page li,
body.cbh26-page [class*="caption"]{
  font-size:var(--cb360-small)!important;
  line-height:1.5!important;
}

body.cbh26-page .cbh26-kicker,
body.cbh26-page [class*="eyebrow"],
body.cbh26-page [class*="category"],
body.cbh26-page [class*="label"]{
  font-size:clamp(9px,.62vw,11px)!important;
  line-height:1.3!important;
  letter-spacing:.13em!important;
  font-weight:850!important;
}

/* ---------- Separaciones uniformes ---------- */
body.cbh26-page [class*="heading"] h1,
body.cbh26-page [class*="heading"] h2,
body.cbh26-page [class*="copy"] h1,
body.cbh26-page [class*="copy"] h2{
  margin-top:12px!important;
}

body.cbh26-page [class*="heading"] > p,
body.cbh26-page [class*="copy"] > p{
  margin-top:18px!important;
}

body.cbh26-page [class*="grid"]{
  column-gap:clamp(22px,3vw,48px)!important;
  row-gap:24px!important;
}

/* ---------- Márgenes iguales en bloques internos ---------- */
body.cbh26-page main > section > .cbh26-shell,
body.cbh26-page main > section > [class*="__shell"]{
  width:min(calc(100% - (var(--cb360-side) * 2)),var(--cb360-max))!important;
  max-width:var(--cb360-max)!important;
  margin-inline:auto!important;
}

body.cbh26-services-page .cbservices341__heading,
body.cbh26-services-page .cbservices341__routes,
body.cbh26-services-page .cbservices341__grid,
body.cbh26-services-page .cbservices341__integration,
body.cbh26-services-page .cbservices341__cta,
body.cbh26-digital-page [class*="section"] > *,
body.cbh26-contact-page [class*="section"] > *,
body.cbh26-whatclick-page [class*="section"] > *{
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* ---------- Tarjetas ---------- */
body.cbh26-page article,
body.cbh26-page [class*="card"],
body.cbh26-page [class*="panel"]{
  border-radius:26px!important;
  border-color:var(--cb360-border)!important;
}

body.cbh26-page [class*="card"] > h3,
body.cbh26-page article > h3{
  margin-top:24px!important;
}

body.cbh26-page [class*="card"] > p,
body.cbh26-page article > p{
  margin-top:13px!important;
}

/* ---------- Botones unificados ---------- */
body.cbh26-page .cbh26-btn,
body.cbh26-page a[class*="btn"],
body.cbh26-page button[class*="btn"],
body.cbh26-page a[class*="button"],
body.cbh26-page .cbfooter330__cta-button{
  min-height:52px!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border-radius:999px!important;
  font-size:clamp(11.5px,.72vw,13px)!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}

body.cbh26-page .cbh26-btn:hover,
body.cbh26-page a[class*="btn"]:hover,
body.cbh26-page button[class*="btn"]:hover,
body.cbh26-page a[class*="button"]:hover,
body.cbh26-page .cbfooter330__cta-button:hover{
  transform:translateY(-3px)!important;
}

body.cbh26-page .cbh26-btn--ghost,
body.cbh26-page a.cbh26-btn--ghost{
  color:var(--cb360-title)!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(49,103,103,.14)!important;
  box-shadow:0 12px 26px rgba(49,103,103,.08)!important;
}

/* ---------- Tablet ---------- */
@media(max-width:1100px){
  :root{
    --cb360-side:28px;
    --cb360-hero-top:28px;
    --cb360-hero-bottom:52px;
    --cb360-section:68px;
    --cb360-h1:clamp(38px,5.8vw,56px);
    --cb360-h2:clamp(33px,4.8vw,46px);
    --cb360-h3:clamp(23px,3vw,30px);
  }

  body.cbh26-services-page .cbh26-hero__grid,
  body.cbh26-digital-page .cbh26-digital-hero__grid,
  body.cbh26-digital-page .cbh26-dd-layout-v200,
  body.cbh26-digital-page .cbh26-dd-layout-v212,
  body.cbh26-whatclick-page .cbwc320-hero__grid,
  body.cbh26-contact-page .cb-contact-v1249__hero-grid,
  body.cbh26-telecom-page .cbtel-hero__grid,
  body.cbh26-software-page .cbsoft-hero-v160__grid,
  body.cbh26-hardware-page .cbhardware-hero-v220__grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
}

/* ---------- Tablet vertical ---------- */
@media(max-width:820px){
  :root{
    --cb360-side:22px;
    --cb360-section:60px;
    --cb360-h1:clamp(35px,8.8vw,47px);
    --cb360-h2:clamp(31px,7.3vw,42px);
    --cb360-h3:clamp(22px,5.8vw,31px);
    --cb360-lead:15.5px;
    --cb360-body:14.5px;
  }

  body.cbh26-page [class*="grid"],
  body.cbh26-page [class*="split"]{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
}

/* ---------- Móvil ---------- */
@media(max-width:620px){
  :root{
    --cb360-side:18px;
    --cb360-hero-top:22px;
    --cb360-hero-bottom:42px;
    --cb360-section:52px;
    --cb360-h1:clamp(31px,10.5vw,41px);
    --cb360-h2:clamp(28px,9vw,37px);
    --cb360-h3:clamp(22px,7vw,30px);
    --cb360-lead:15px;
    --cb360-body:14px;
  }

  body.cbh26-page h1{
    line-height:1.06!important;
  }

  body.cbh26-page h2{
    line-height:1.08!important;
  }

  body.cbh26-page [class*="actions"]{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
  }

  body.cbh26-page [class*="actions"] > *,
  body.cbh26-page .cbh26-btn,
  body.cbh26-page a[class*="btn"]{
    width:100%!important;
  }

  body.cbh26-page article,
  body.cbh26-page [class*="card"],
  body.cbh26-page [class*="panel"]{
    border-radius:22px!important;
  }
}


/* =========================================================
   v3.6.1 · LIMPIEZA DE LA PÁGINA SERVICIOS
========================================================= */

body.cbh26-services-page main > section:empty,
body.cbh26-services-page .cbh26-footer__cta:empty{
  display:none!important;
  margin:0!important;
  padding:0!important;
}


/* =========================================================
   v3.6.2 · NUEVO PANEL DE CONTACTO
========================================================= */

.cb-contact-v362{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  padding:30px!important;
  overflow:hidden!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 86% 12%,rgba(100,204,197,.16),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,248,247,.96))!important;
  box-shadow:0 28px 64px rgba(49,103,103,.13)!important;
}

.cb-contact-v362::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.22!important;
  background-image:
    linear-gradient(115deg,transparent 0 48%,rgba(49,103,103,.05) 49%,transparent 50%),
    radial-gradient(circle,rgba(100,204,197,.16) 1px,transparent 1px)!important;
  background-size:180px 180px,18px 18px!important;
  mask-image:linear-gradient(135deg,transparent 0%,#000 45%,#000 100%)!important;
}

.cb-contact-v362 > *{
  position:relative!important;
  z-index:2!important;
}

.cb-contact-v362__header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:24px!important;
  align-items:start!important;
}

.cb-contact-v362__header h2{
  max-width:560px!important;
  margin:10px 0 0!important;
  color:#172d33!important;
  font-size:clamp(31px,2.45vw,42px)!important;
  line-height:1.06!important;
  letter-spacing:-.036em!important;
}

.cb-contact-v362__header p{
  max-width:580px!important;
  margin:13px 0 0!important;
  color:#697d81!important;
  font-size:13px!important;
  line-height:1.6!important;
}

.cb-contact-v362__status{
  min-height:36px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(49,103,103,.10)!important;
  border-radius:999px!important;
  color:#4e706b!important;
  background:rgba(255,255,255,.88)!important;
  font-size:8.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

.cb-contact-v362__status i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#27ca78!important;
  box-shadow:0 0 0 5px rgba(39,202,120,.11)!important;
}

.cb-contact-v362__grid{
  margin-top:28px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
}

.cb-contact-v362__card{
  --channel:#316767;
  --channel-soft:rgba(49,103,103,.12);
  min-width:0!important;
  min-height:146px!important;
  padding:17px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 31px!important;
  gap:13px!important;
  align-items:center!important;
  border:1px solid rgba(49,103,103,.08)!important;
  border-radius:20px!important;
  color:#172d33!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 14px 30px rgba(49,103,103,.07)!important;
  text-decoration:none!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}

.cb-contact-v362__card:hover{
  transform:translateY(-5px)!important;
  border-color:var(--channel)!important;
  box-shadow:0 22px 40px rgba(49,103,103,.13)!important;
}

.cb-contact-v362__card--mail{
  --channel:#39958f;
  --channel-soft:rgba(57,149,143,.13);
}

.cb-contact-v362__card--whatclick{
  --channel:#6654d8;
  --channel-soft:rgba(102,84,216,.13);
}

.cb-contact-v362__card--phone{
  --channel:#3886ae;
  --channel-soft:rgba(56,134,174,.13);
}

.cb-contact-v362__card--wa{
  --channel:#20b865;
  --channel-soft:rgba(32,184,101,.13);
}

.cb-contact-v362__icon{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--channel),color-mix(in srgb,var(--channel) 70%,#fff))!important;
  box-shadow:0 12px 24px var(--channel-soft)!important;
}

.cb-contact-v362__icon svg{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.cb-contact-v362__card-copy{
  min-width:0!important;
}

.cb-contact-v362__card-copy small,
.cb-contact-v362__card-copy strong,
.cb-contact-v362__card-copy em{
  display:block!important;
}

.cb-contact-v362__card-copy small{
  color:var(--channel)!important;
  font-size:7.5px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

.cb-contact-v362__card-copy strong{
  margin-top:5px!important;
  color:#213b40!important;
  font-size:11px!important;
  overflow-wrap:anywhere!important;
}

.cb-contact-v362__card-copy em{
  margin-top:7px!important;
  color:#7a8d91!important;
  font-size:8px!important;
  line-height:1.45!important;
  font-style:normal!important;
}

.cb-contact-v362__arrow{
  width:31px!important;
  height:31px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  color:var(--channel)!important;
  background:var(--channel-soft)!important;
  font-size:12px!important;
  font-weight:900!important;
  transition:transform .24s ease!important;
}

.cb-contact-v362__card:hover .cb-contact-v362__arrow{
  transform:translate(2px,-2px)!important;
}

.cb-contact-v362__footer{
  margin-top:14px!important;
  padding:13px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  border-radius:20px!important;
  background:rgba(49,103,103,.055)!important;
}

.cb-contact-v362__footer article{
  min-height:86px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  border:1px solid rgba(49,103,103,.07)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:none!important;
}

.cb-contact-v362__footer article > span{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  color:#316767!important;
  background:rgba(100,204,197,.15)!important;
  font-size:8px!important;
  font-weight:900!important;
}

.cb-contact-v362__footer strong,
.cb-contact-v362__footer small{
  display:block!important;
}

.cb-contact-v362__footer strong{
  color:#315258!important;
  font-size:9.5px!important;
}

.cb-contact-v362__footer small{
  margin-top:5px!important;
  color:#788b8f!important;
  font-size:7.5px!important;
  line-height:1.42!important;
  letter-spacing:0!important;
}

@media(max-width:1050px){
  .cb-contact-v362{
    padding:26px!important;
  }

  .cb-contact-v362__grid{
    grid-template-columns:1fr!important;
  }

  .cb-contact-v362__footer{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:700px){
  .cb-contact-v362{
    padding:21px!important;
    border-radius:24px!important;
  }

  .cb-contact-v362__header{
    grid-template-columns:1fr!important;
  }

  .cb-contact-v362__status{
    justify-self:start!important;
  }

  .cb-contact-v362__card{
    grid-template-columns:50px minmax(0,1fr) 30px!important;
    min-height:132px!important;
    padding:15px!important;
  }

  .cb-contact-v362__icon{
    width:50px!important;
    height:50px!important;
  }
}

/* =========================================================
   v3.7.0 · SISTEMA TIPOGRÁFICO GLOBAL UNIFICADO
========================================================= */
:root{
  --cb370-font:"Poppins","Inter","Segoe UI",Arial,sans-serif;
  --cb370-h1:clamp(44px,4.05vw,68px);
  --cb370-h2:clamp(36px,3.1vw,52px);
  --cb370-h3:clamp(25px,1.85vw,32px);
  --cb370-h4:clamp(19px,1.25vw,24px);
  --cb370-lead:clamp(17px,1.05vw,19px);
  --cb370-body:clamp(15px,.92vw,16.5px);
  --cb370-card:clamp(14px,.82vw,15.5px);
  --cb370-small:clamp(12px,.72vw,13.5px);
  --cb370-pill:clamp(11.5px,.68vw,13px);
  --cb370-nav:clamp(12px,.73vw,14px);
  --cb370-button:clamp(12.5px,.78vw,14px);
  --cb370-title:#172d33;
  --cb370-text:#53666c;
  --cb370-muted:#63757a;
  --cb370-soft:#718287;
}
body.cbh26-page,
body.cbh26-page button,
body.cbh26-page input,
body.cbh26-page textarea,
body.cbh26-page select,
body.cbh26-page a,
body.cbh26-page span,
body.cbh26-page strong,
body.cbh26-page small,
body.cbh26-page em{
  font-family:var(--cb370-font)!important;
}
body.cbh26-page h1,
body.cbh26-page [class*="hero"] h1{
  max-width:940px!important;
  color:var(--cb370-title)!important;
  font-family:var(--cb370-font)!important;
  font-size:var(--cb370-h1)!important;
  font-weight:800!important;
  line-height:1.025!important;
  letter-spacing:-.043em!important;
  text-wrap:balance!important;
}
body.cbh26-page h2{
  max-width:920px!important;
  color:var(--cb370-title)!important;
  font-family:var(--cb370-font)!important;
  font-size:var(--cb370-h2)!important;
  font-weight:800!important;
  line-height:1.055!important;
  letter-spacing:-.037em!important;
  text-wrap:balance!important;
}
body.cbh26-page h3{
  color:var(--cb370-title)!important;
  font-family:var(--cb370-font)!important;
  font-size:var(--cb370-h3)!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:-.027em!important;
}
body.cbh26-page h4{
  color:var(--cb370-title)!important;
  font-family:var(--cb370-font)!important;
  font-size:var(--cb370-h4)!important;
  font-weight:750!important;
  line-height:1.16!important;
}
body.cbh26-page p{
  max-width:780px!important;
  color:var(--cb370-text)!important;
  font-family:var(--cb370-font)!important;
  font-size:var(--cb370-body)!important;
  line-height:1.68!important;
  text-wrap:pretty!important;
}
body.cbh26-page [class*="hero"] p,
body.cbh26-page [class*="heading"]>p,
body.cbh26-page [class*="copy"]>p,
body.cbh26-page [class*="intro"]>p{
  color:var(--cb370-muted)!important;
  font-size:var(--cb370-lead)!important;
  line-height:1.65!important;
}
body.cbh26-page article p,
body.cbh26-page [class*="card"] p,
body.cbh26-page [class*="panel"] p,
body.cbh26-page [class*="service"] p,
body.cbh26-page [class*="feature"] p{
  color:var(--cb370-text)!important;
  font-size:var(--cb370-card)!important;
  line-height:1.62!important;
}
body.cbh26-page small,
body.cbh26-page [class*="caption"],
body.cbh26-page [class*="meta"],
body.cbh26-page [class*="description"] small{
  color:var(--cb370-soft)!important;
  font-size:var(--cb370-small)!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}
body.cbh26-page .cbh26-kicker,
body.cbh26-page [class*="eyebrow"],
body.cbh26-page [class*="category"],
body.cbh26-page [class*="label"]{
  color:#2aa78f!important;
  font-size:clamp(10.5px,.66vw,12.5px)!important;
  font-weight:850!important;
  line-height:1.35!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
body.cbh26-page [class*="pill"],
body.cbh26-page [class*="chip"],
body.cbh26-page [class*="badge"],
body.cbh26-page [class*="tag"],
body.cbh26-page [class*="bubble"],
body.cbh26-page [class*="status"]{
  font-size:var(--cb370-pill)!important;
  font-weight:700!important;
  line-height:1.35!important;
}
body.cbh26-page [class*="icon"] strong,
body.cbh26-page [class*="icon"] span,
body.cbh26-page [class*="number"],
body.cbh26-page [class*="step"]>span:first-child,
body.cbh26-page article>span:first-child{
  font-size:clamp(12px,.78vw,15px)!important;
  font-weight:800!important;
}
body.cbh26-page .cbh26-nav a,
body.cbh26-page nav a,
body.cbh26-page header a{
  font-size:var(--cb370-nav)!important;
  font-weight:700!important;
}
body.cbh26-page .cbh26-btn,
body.cbh26-page a[class*="btn"],
body.cbh26-page button[class*="btn"],
body.cbh26-page a[class*="button"],
body.cbh26-page .cbfooter330__cta-button{
  font-size:var(--cb370-button)!important;
  font-weight:800!important;
}
body.cbh26-page article>a:last-child,
body.cbh26-page [class*="card"]>a:last-child,
body.cbh26-page [class*="service"]>a:last-child{
  font-size:clamp(12px,.74vw,13.5px)!important;
  font-weight:800!important;
}
body.cbh26-page .cbfooter330 p,
body.cbh26-page .cbfooter330__column>a,
body.cbh26-page .cbfooter330__bottom-inner,
body.cbh26-page .cbfooter330 small{
  color:#a8bebd!important;
  font-size:clamp(12px,.72vw,13.5px)!important;
}
body.cbh26-page .cbfooter330__title{
  color:#64ccc5!important;
  font-size:clamp(10.5px,.65vw,12px)!important;
  font-weight:850!important;
}
.cb-contact-v362__header p{
  color:var(--cb370-text)!important;
  font-size:var(--cb370-body)!important;
}
.cb-contact-v362__card-copy small{font-size:clamp(10px,.65vw,12px)!important;}
.cb-contact-v362__card-copy strong{font-size:clamp(13px,.8vw,15px)!important;}
.cb-contact-v362__card-copy em{
  color:var(--cb370-soft)!important;
  font-size:clamp(11.5px,.72vw,13px)!important;
  line-height:1.5!important;
}
.cb-contact-v362__footer strong{font-size:clamp(12px,.74vw,14px)!important;}
.cb-contact-v362__footer small{font-size:clamp(11px,.68vw,12.5px)!important;}
body.cbh26-services-page .cbservices341__routes strong{font-size:clamp(13px,.8vw,15px)!important;}
body.cbh26-services-page .cbservices341__routes small{
  color:var(--cb370-soft)!important;
  font-size:clamp(11.5px,.7vw,13px)!important;
}
body.cbh26-services-page .cbservices341__context strong,
body.cbh26-services-page .cbservices341__context span{
  font-size:clamp(11.5px,.7vw,13px)!important;
}
@media(max-width:1024px){
  :root{
    --cb370-h1:clamp(39px,5.8vw,56px);
    --cb370-h2:clamp(33px,4.8vw,46px);
    --cb370-h3:clamp(24px,3vw,31px);
    --cb370-lead:16.5px;
    --cb370-body:15px;
    --cb370-card:14.5px;
    --cb370-small:12.5px;
    --cb370-pill:12px;
    --cb370-nav:12.5px;
    --cb370-button:13px;
  }
}
@media(max-width:620px){
  :root{
    --cb370-h1:clamp(32px,10.5vw,42px);
    --cb370-h2:clamp(29px,9vw,38px);
    --cb370-h3:clamp(23px,7vw,31px);
    --cb370-h4:clamp(18px,5.8vw,24px);
    --cb370-lead:16px;
    --cb370-body:15px;
    --cb370-card:14.5px;
    --cb370-small:12.5px;
    --cb370-pill:12px;
    --cb370-nav:13px;
    --cb370-button:13.5px;
  }
}


/* =========================================================
   v3.8.0 · TIPOGRAFÍA GLOBAL A 25 PT Y CONTRASTE ADAPTATIVO
========================================================= */

:root{
  --cb380-font:"Poppins","Inter","Segoe UI",Arial,sans-serif;

  /* 25 pt ≈ 33.33 px en pantalla */
  --cb380-title:33.333px;
  --cb380-subtitle:24px;
  --cb380-card-title:19px;
  --cb380-lead:17px;
  --cb380-body:15.5px;
  --cb380-small:12.5px;
  --cb380-pill:12px;
  --cb380-button:13.5px;

  --cb380-dark-title:#172d33;
  --cb380-dark-text:#4f6268;
  --cb380-dark-muted:#63767b;

  --cb380-light-title:#ffffff;
  --cb380-light-text:#d7e4e3;
  --cb380-light-muted:#afc4c2;

  --cb380-accent:#2f7776;
  --cb380-accent-light:#64ccc5;
}

/* ---------- Tipografía única ---------- */
body.cbh26-page,
body.cbh26-page *,
body[class*="cbh26-"],
main[class*="cbh26-"],
.cb-contact-v1249,
.cbwc320,
.cbtel,
.cbsoft-main-v160,
.cbhardware-main-v220{
  font-family:var(--cb380-font)!important;
}

/* ---------- Títulos principales: 25 pt ---------- */
body.cbh26-page h1,
body.cbh26-page [class*="hero"] h1,
body.cbh26-page .cbh26-hero__copy h1,
body.cbh26-page .cbwc320-hero__copy h1,
body.cbh26-page .cb-contact-v1249__copy h1,
body.cbh26-page .cbh26-digital-hero h1,
body.cbh26-page .cbtel-hero h1,
body.cbh26-page .cbsoft-hero-v160__copy h1,
body.cbh26-page .cbhardware-hero-v220 h1,
main.cbh26-page h1,
main.cbh26-services-page h1,
main.cbh26-contact-page h1{
  max-width:920px!important;
  color:var(--cb380-dark-title)!important;
  font-family:var(--cb380-font)!important;
  font-size:var(--cb380-title)!important;
  font-weight:800!important;
  line-height:1.12!important;
  letter-spacing:-.032em!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* ---------- Subtítulos proporcionales ---------- */
body.cbh26-page h2,
body.cbh26-page [class*="section"] h2,
body.cbh26-page [class*="heading"] h2,
body.cbh26-page [class*="panel"] h2,
main.cbh26-page h2{
  max-width:920px!important;
  color:var(--cb380-dark-title)!important;
  font-family:var(--cb380-font)!important;
  font-size:var(--cb380-subtitle)!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  text-wrap:balance!important;
}

body.cbh26-page h3,
body.cbh26-page [class*="card"] h3,
body.cbh26-page article h3,
main.cbh26-page h3{
  color:var(--cb380-dark-title)!important;
  font-family:var(--cb380-font)!important;
  font-size:var(--cb380-card-title)!important;
  font-weight:750!important;
  line-height:1.24!important;
  letter-spacing:-.018em!important;
}

body.cbh26-page h4,
main.cbh26-page h4{
  color:var(--cb380-dark-title)!important;
  font-family:var(--cb380-font)!important;
  font-size:17px!important;
  font-weight:750!important;
  line-height:1.28!important;
}

/* ---------- Textos secundarios ---------- */
body.cbh26-page [class*="hero"] p,
body.cbh26-page [class*="heading"] > p,
body.cbh26-page [class*="copy"] > p,
body.cbh26-page [class*="intro"] > p,
main.cbh26-page [class*="hero"] p,
main.cbh26-page [class*="copy"] > p{
  max-width:780px!important;
  color:var(--cb380-dark-text)!important;
  font-family:var(--cb380-font)!important;
  font-size:var(--cb380-lead)!important;
  line-height:1.68!important;
}

body.cbh26-page p,
main.cbh26-page p{
  color:var(--cb380-dark-text)!important;
  font-size:var(--cb380-body)!important;
  line-height:1.66!important;
}

body.cbh26-page article p,
body.cbh26-page [class*="card"] p,
body.cbh26-page [class*="panel"] p,
body.cbh26-page [class*="service"] p,
body.cbh26-page [class*="feature"] p,
main.cbh26-page article p{
  color:var(--cb380-dark-text)!important;
  font-size:var(--cb380-body)!important;
  line-height:1.62!important;
}

body.cbh26-page small,
body.cbh26-page [class*="caption"],
body.cbh26-page [class*="meta"],
main.cbh26-page small{
  color:var(--cb380-dark-muted)!important;
  font-size:var(--cb380-small)!important;
  line-height:1.5!important;
}

/* ---------- Etiquetas, chips y burbujas ---------- */
body.cbh26-page .cbh26-kicker,
body.cbh26-page [class*="eyebrow"],
body.cbh26-page [class*="category"],
body.cbh26-page [class*="label"],
main.cbh26-page .cbh26-kicker{
  color:#2aa78f!important;
  font-size:11.5px!important;
  font-weight:850!important;
  line-height:1.35!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

body.cbh26-page [class*="pill"],
body.cbh26-page [class*="chip"],
body.cbh26-page [class*="badge"],
body.cbh26-page [class*="tag"],
body.cbh26-page [class*="bubble"],
body.cbh26-page [class*="status"],
main.cbh26-page [class*="pill"],
main.cbh26-page [class*="chip"]{
  font-family:var(--cb380-font)!important;
  font-size:var(--cb380-pill)!important;
  font-weight:700!important;
  line-height:1.35!important;
}

/* ---------- Botones y menú ---------- */
body.cbh26-page .cbh26-btn,
body.cbh26-page a[class*="btn"],
body.cbh26-page button[class*="btn"],
body.cbh26-page a[class*="button"],
body.cbh26-page .cbfooter330__cta-button,
main.cbh26-page a[class*="btn"]{
  font-family:var(--cb380-font)!important;
  font-size:var(--cb380-button)!important;
  font-weight:800!important;
}

body.cbh26-page .cbh26-nav a,
body.cbh26-page nav a,
body.cbh26-page header a{
  font-family:var(--cb380-font)!important;
  font-size:13px!important;
  font-weight:700!important;
}

/* =========================================================
   CONTRASTE EN SECCIONES OSCURAS
========================================================= */

/* Fondos oscuros explícitos */
body.cbh26-page [class*="dark"],
body.cbh26-page [class*="night"],
body.cbh26-page [class*="footer"],
body.cbh26-page [class*="cta-dark"],
body.cbh26-page section[style*="background:#0"],
body.cbh26-page section[style*="background: #0"],
body.cbh26-page section[style*="background-color:#0"],
body.cbh26-page section[style*="background-color: #0"],
.cbfooter330,
.cbtel-dark,
.cbsoft-dark,
.cbhardware-dark{
  color:var(--cb380-light-text)!important;
}

/* Títulos claros en fondos oscuros */
body.cbh26-page [class*="dark"] h1,
body.cbh26-page [class*="dark"] h2,
body.cbh26-page [class*="dark"] h3,
body.cbh26-page [class*="dark"] h4,
body.cbh26-page [class*="night"] h1,
body.cbh26-page [class*="night"] h2,
body.cbh26-page [class*="night"] h3,
body.cbh26-page [class*="night"] h4,
body.cbh26-page [class*="footer"] h1,
body.cbh26-page [class*="footer"] h2,
body.cbh26-page [class*="footer"] h3,
body.cbh26-page [class*="footer"] h4,
.cbfooter330 h1,
.cbfooter330 h2,
.cbfooter330 h3,
.cbfooter330 h4{
  color:var(--cb380-light-title)!important;
}

/* Párrafos claros en fondos oscuros */
body.cbh26-page [class*="dark"] p,
body.cbh26-page [class*="dark"] small,
body.cbh26-page [class*="night"] p,
body.cbh26-page [class*="night"] small,
body.cbh26-page [class*="footer"] p,
body.cbh26-page [class*="footer"] small,
.cbfooter330 p,
.cbfooter330 small,
.cbfooter330 a{
  color:var(--cb380-light-text)!important;
}

/* Etiquetas con mejor contraste en oscuro */
body.cbh26-page [class*="dark"] .cbh26-kicker,
body.cbh26-page [class*="night"] .cbh26-kicker,
body.cbh26-page [class*="footer"] .cbh26-kicker,
.cbfooter330 .cbh26-kicker,
.cbfooter330__title{
  color:var(--cb380-accent-light)!important;
}

/* Acentos dentro de títulos */
body.cbh26-page h1 span,
body.cbh26-page h2 span,
body.cbh26-page .cbh26-accent,
body.cbh26-page .accent,
main.cbh26-page h1 span,
main.cbh26-page h2 span{
  color:var(--cb380-accent)!important;
  font:inherit!important;
}

/* Acentos sobre fondos oscuros */
body.cbh26-page [class*="dark"] h1 span,
body.cbh26-page [class*="dark"] h2 span,
body.cbh26-page [class*="night"] h1 span,
body.cbh26-page [class*="night"] h2 span,
.cbfooter330 h1 span,
.cbfooter330 h2 span{
  color:var(--cb380-accent-light)!important;
}

/* =========================================================
   AJUSTES ESPECÍFICOS DEL TEMA
========================================================= */

.cb-contact-v362__header h2{
  font-size:var(--cb380-subtitle)!important;
}

.cb-contact-v362__card-copy strong{
  font-size:14px!important;
}

.cb-contact-v362__card-copy small{
  font-size:11.5px!important;
}

.cb-contact-v362__card-copy em{
  color:var(--cb380-dark-muted)!important;
  font-size:12px!important;
}

body.cbh26-services-page .cbservices341__service h3{
  font-size:var(--cb380-card-title)!important;
}

body.cbh26-services-page .cbservices341__routes strong{
  font-size:13px!important;
}

body.cbh26-services-page .cbservices341__routes small,
body.cbh26-services-page .cbservices341__context strong,
body.cbh26-services-page .cbservices341__context span{
  font-size:12px!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  :root{
    --cb380-title:31px;
    --cb380-subtitle:23px;
    --cb380-card-title:18px;
    --cb380-lead:16.5px;
    --cb380-body:15px;
    --cb380-small:12.5px;
  }
}

@media(max-width:620px){
  :root{
    --cb380-title:29px;
    --cb380-subtitle:22px;
    --cb380-card-title:18px;
    --cb380-lead:16px;
    --cb380-body:15px;
    --cb380-small:12.5px;
    --cb380-button:13px;
  }

  body.cbh26-page h1,
  body.cbh26-page [class*="hero"] h1,
  main.cbh26-page h1{
    line-height:1.14!important;
    letter-spacing:-.026em!important;
  }
}