@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;
  }
}