/* Agency service pages and the shared bot presentation. */
.cl-page .cl-hero{padding-top:42px}
.cl-page-casos-de-exito .cl-hero-grid{min-height:505px;gap:70px}
.cl-case-hero-video{width:100%;justify-self:center}
.cl-case-hero-video .cl-video{max-width:270px;box-shadow:0 24px 65px #03142060;border:1px solid #ffffff25}
.cl-hero-dark .cl-case-jump{margin:26px 0;display:flex;gap:10px;flex-wrap:wrap}
.cl-hero-dark .cl-case-jump a{color:#d9f4ff;border:1px solid #ffffff35;background:#ffffff0b;border-radius:30px;padding:8px 14px;font-size:12px;text-decoration:none}
.cm-social-composition{position:relative;min-width:0;height:500px}
.cm-social-orbit{position:absolute;inset:15px 0 10px 10px;background:radial-gradient(ellipse,#0b88b84a,transparent 68%);border:1px solid #42caff24;border-radius:50%}
.cm-social-piece{position:absolute;margin:0;padding:10px;background:#fff;border-radius:15px;box-shadow:0 22px 45px #001c3940;overflow:hidden}
.cm-social-piece img{display:block;width:100%;height:auto;border-radius:8px}
.cm-social-back{width:58%;right:0;top:15px;transform:rotate(10deg)}
.cm-social-front{width:68%;left:4%;top:70px;transform:rotate(-6deg)}
.cm-social-front figcaption{font-size:12px;font-weight:700;text-align:center;color:#193b4e;padding:15px 4px 6px}
.cm-social-tag{position:absolute;bottom:8px;right:0;background:#ddf6ff;color:#16435d;border-radius:30px;padding:10px 18px;font-size:12px;font-weight:700;box-shadow:0 8px 25px #03233830}
.cl-main .cm-social-gallery .cl-work-card{margin-bottom:10px}
.cm-community-checklist{background:#fff;border:1px solid #cce5ef;border-top:4px solid #19b7f7;border-radius:16px;padding:36px}
.cm-community-checklist h3{margin-bottom:24px}.cm-community-checklist ul{margin:0;padding:0;list-style:none}.cm-community-checklist li{padding:15px 0 15px 27px;border-top:1px solid #dce8ed;position:relative}.cm-community-checklist li:before{content:'✓';position:absolute;left:0;color:#087ca7;font-weight:800}
.cm-community-message{padding:44px;border:1px solid #ffffff30;border-radius:20px;background:#ffffff08}
.cm-community-message>span{display:block;font-size:12px;color:#9dddf8}.cm-community-message>strong{display:block;font:700 clamp(30px,3vw,43px)/1.3 Comfortaa,sans-serif;margin:25px 0;color:#fff}.cm-community-message>a{color:#6dd8ff;font-size:13px;font-weight:700}
.cm-seo-composition{position:relative;padding:20px 35px 35px 0;min-width:0}
.cm-seo-article{background:white;border:1px solid #ccdee8;border-radius:16px;box-shadow:0 22px 55px #1955751c;overflow:hidden;padding:0 25px 25px;transform:rotate(-3deg)}
.cm-browser-dots{font-size:10px;letter-spacing:3px;color:#aac5d2;background:#f2f8fb;margin:0 -25px 24px;padding:12px 18px;border-bottom:1px solid #d9e7ed}.cm-browser-dots span{letter-spacing:0;margin-left:20px;color:#567685}
.cm-seo-article h2{font-size:26px;line-height:1.4;color:#15394e}.cm-seo-article .cl-kicker{font-size:10px;margin-top:8px}
.cm-seo-article-photo{height:160px;margin:20px 0 16px;border-radius:8px;overflow:hidden}.cm-seo-article-photo img{width:100%;height:100%;object-fit:cover}
.cm-article-lines{display:grid;gap:7px}.cm-article-lines i{display:block;background:#e4edf2;height:6px;border-radius:6px}.cm-article-lines i:last-child{width:68%}.cm-seo-article-label{display:block;font-size:10px;color:#557486;margin-top:18px}
.cm-seo-content-badge{position:absolute;bottom:0;right:0;background:#0c293e;color:#fff;padding:18px 25px;border:3px solid #eaf7fc;border-radius:15px;box-shadow:0 10px 35px #123c5320}.cm-seo-content-badge b{display:block;font-size:27px;line-height:1.2;color:#5dd8ff}.cm-seo-content-badge span{display:block;font-size:11px;line-height:1.5;margin-top:6px}
.cm-seo-pillars>article{border-top:3px solid #14b7fa;padding:25px 20px 0 0}.cm-seo-pillars h3{margin-top:20px}.cm-seo-workflow{background:#fff;border:1px solid #d4e5ee;border-radius:18px;padding:12px 30px}.cm-seo-workflow article{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid #dfebf1}.cm-seo-workflow article:last-child{border:0}.cm-seo-workflow article>span{color:#087faa;font-size:12px;font-weight:800}.cm-seo-workflow h3{font-size:19px}.cm-seo-workflow p{font-size:14px;margin:10px 0 0}
.cm-seo-plans .cl-three{align-items:stretch;gap:22px}.cm-seo-plan{position:relative;display:flex;flex-direction:column;border:1px solid #cfdee7;border-radius:17px;padding:31px 27px;background:#fff}.cm-seo-plan>.cl-kicker{font-size:12px;margin:10px 0 23px}.cm-seo-plan>p:not(.cl-kicker){font-size:14px;min-height:78px;margin-top:20px}.cm-plan-volume{display:flex;align-items:center;gap:16px}.cm-plan-volume strong{font:700 68px/1 Comfortaa,sans-serif;letter-spacing:-4px;color:#087ba8}.cm-plan-volume span{font-size:13px;line-height:1.6}.cm-seo-plan ul{list-style:none;margin:10px 0 30px;padding:0;font-size:13px}.cm-seo-plan li{padding:10px 0;border-bottom:1px solid #dbe9f0}.cm-plan-price{font:700 33px/1.2 Comfortaa,sans-serif;letter-spacing:-1px;margin-top:auto;white-space:nowrap}.cm-plan-price span{font:400 11px/1.5 'M PLUS 1p',sans-serif;display:block;letter-spacing:0;margin:8px 0 24px}.cl-main .cm-plan-button{display:flex;justify-content:center;background:#086d96;color:#fff;padding:13px 12px;font-size:12px;min-height:48px;text-align:center}.cm-seo-plan-featured{background:#0c293e;color:white;border-color:#0c293e}.cm-seo-plan-featured .cl-kicker,.cm-seo-plan-featured .cm-plan-volume strong{color:#57d2ff}.cm-seo-plan-featured li{border-color:#ffffff25}.cm-seo-plan-featured .cm-plan-button{background:#c4f0ff;color:#0c293e}.cm-plan-badge{font-size:10px;font-weight:700;position:absolute;top:-14px;left:25px;background:#20baf1;border:3px solid #fff;color:#082d41;padding:5px 12px;border-radius:20px}.cl-main .cm-plan-note{font-size:12px;color:#536f81;max-width:850px;margin-top:25px}
.cm-seo-bundle{display:flex;gap:25px;align-items:center;margin-top:30px}.cm-seo-bundle span{display:block;color:#b0d5e7;font-size:12px}.cm-seo-bundle strong{display:block;font-size:27px;margin-top:7px}.cm-bundle-total strong{font-size:23px;color:#80deff}.cm-seo-bundle-image{margin:0;padding:20px;background:#ffffff0b;border:1px solid #ffffff25;border-radius:16px}.cm-seo-bundle-image img{width:100%;height:auto;display:block;border-radius:8px}.cm-seo-bundle-image figcaption{color:#c5deeb;font-size:11px;padding-top:16px}
.cm-seo-app .cl-split{align-items:center}.cm-seo-app-preview{max-width:360px;margin:0 auto}.cm-seo-app-preview img{width:100%;height:auto;display:block}.cm-seo-app-preview figcaption{font-size:11px;color:#567486;text-align:center;margin-top:15px;line-height:1.7}.cl-main .cm-app-coming{display:inline-block;color:#075b7f;background:#dcf3fc;padding:8px 15px;border-radius:25px;font-size:12px;font-weight:700}.cm-seo-examples{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cm-seo-examples article{background:#fff;border:1px solid #d7e6ee;border-radius:15px;padding:30px}.cm-seo-examples h3{font-size:22px;line-height:1.5;margin-bottom:25px}.cm-seo-measure{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.cm-mk{font-family:'M PLUS 1p',Arial,sans-serif;box-sizing:border-box;color:#16384b;background:#f2f8fc;padding:76px 0;clear:both}.cm-mk *{box-sizing:border-box}.cm-mk-wrap{width:min(1180px,calc(100% - 64px));margin:0 auto}.cm-mk h2,.cm-mk h3{font-family:Comfortaa,sans-serif;color:inherit;font-weight:700}.cm-mk h2{font-size:clamp(31px,3.5vw,45px);letter-spacing:-1.4px;line-height:1.27;margin:14px 0 24px}.cm-mk h2 em{font-style:normal;color:#087ba8}.cm-mk .cm-mk-kicker{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:#087ca6;margin:0}.cm-mk .cm-mk-lead{font-size:16px;line-height:1.9;color:#4b697a}.cm-bot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:90px;align-items:center}.cm-bot-steps{list-style:none;padding:0;margin:25px 0;display:grid;gap:10px}.cm-bot-steps li{display:flex;gap:16px;align-items:baseline;font-size:13px;color:#426579}.cm-bot-steps b{color:#08759d;font-size:11px}.cm-bot-conversation{display:grid;gap:12px;margin-top:30px}.cm-bot-conversation>div{background:#fff;border:1px solid #d4e5ef;border-radius:12px;padding:17px 21px}.cm-bot-conversation>div:last-child{margin-left:25px;background:#e2f3fc;border-color:#c3e3f4}.cm-message-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:#24718f}.cm-mk .cm-bot-conversation p{font-size:13px;line-height:1.8;color:#24465a;margin:8px 0 0}.cm-mk .cm-mk-note{font-size:11px;line-height:1.8;color:#5b7889;margin-top:18px}.cm-bot-media{min-width:0}.cm-bot-slider{scroll-margin-top:110px;max-width:300px;width:100%;margin:0 auto}.cm-bot-slides{width:100%;aspect-ratio:9/16;position:relative;border:7px solid #fff;box-shadow:0 22px 50px #18496021;border-radius:22px;overflow:hidden;background:#fff}.cm-bot-slide{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(7px);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.cm-bot-slide.is-active{opacity:1;transform:translateY(0);z-index:1}.cm-bot-slide img{width:100%;height:100%;object-fit:contain;display:block}.cm-bot-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;background:#fff;border:1px solid #d1e4ed;border-radius:13px;padding:5px}.cm-bot-slider-controls button{border:0;border-radius:9px;background:transparent;min-height:44px;min-width:44px;color:#145573;font:700 14px/1.2 'M PLUS 1p',sans-serif;cursor:pointer}.cm-bot-slider-controls button:hover{background:#e5f5fc}.cm-bot-slider-dots{display:flex;justify-content:center;gap:2px;margin-top:8px}.cm-bot-slider-dots button{display:grid;place-items:center;width:28px;height:28px;background:transparent;border:0;padding:0;cursor:pointer}.cm-bot-slider-dots span{display:block;width:7px;height:7px;background:#b8d0dc;border-radius:20px;transition:width .25s,background .25s}.cm-bot-slider-dots button[aria-current="step"] span{width:20px;background:#087ca7}.cm-bot-slider-count{display:block;text-align:center;font-size:10px;color:#607c8d;margin-top:2px}.cm-mk .cm-bot-caption{text-align:center;font-size:11px;letter-spacing:.5px;color:#607e8e;margin:20px 0 0}.cm-video-status:not(:empty){position:absolute;bottom:0;background:#fff;color:#174154;font-size:11px;padding:8px;width:100%}.cm-bot-slider button:focus-visible,.cm-mk a:focus-visible{outline:3px solid #0879a8;outline-offset:5px}.cm-weekly-band{display:flex;gap:20px;align-items:center;margin-top:50px;padding:25px 30px;background:#fff;border:1px solid #cfe4ef;border-radius:15px}.cm-weekly-icon{background:#dcf5ec;color:#0c7957;flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:21px}.cm-weekly-band h3{font-size:18px;line-height:1.5;margin:0}.cm-mk .cm-weekly-band p{font-size:12px;color:#5e7889;margin:8px 0 0;line-height:1.8}.cm-weekly-band>a{margin-left:auto;flex:none;font-size:11px;font-weight:700;color:#086d96;text-decoration:none}.cm-weekly-band>div{min-width:0}
.cm-new-services{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.cm-new-services>a{display:block;background:#fff;border:1px solid #d7e6ed;border-radius:12px;padding:25px;text-decoration:none;color:#17394c}.cm-new-services b{display:block;font:700 22px/1.4 Comfortaa,sans-serif;margin:0 0 12px}.cm-new-services p{font-size:14px;color:#587484;line-height:1.8}.cm-new-services span{display:block;font-size:12px;color:#087dad;font-weight:700;margin-top:18px}
@media(max-width:1100px){.cm-bot-grid{gap:45px;grid-template-columns:1.3fr .7fr}.cm-seo-plan{padding:28px 21px}.cm-plan-price{font-size:28px}.cm-social-composition{height:440px}.cm-social-tag{font-size:10px;bottom:0}.cl-page-casos-de-exito .cl-hero-grid{gap:35px}.cm-weekly-band{flex-wrap:wrap}.cm-weekly-band>a{margin-left:60px}.cm-seo-measure{gap:35px}}
@media(max-width:800px){.cl-page .cl-hero{padding-top:28px}.cm-social-composition{height:440px;max-width:480px;width:100%;margin:0 auto}.cm-seo-composition{max-width:500px;margin:0 auto;width:100%}.cl-case-hero-video{margin-top:10px}.cl-case-hero-video .cl-video{max-width:260px}.cl-page-casos-de-exito .cl-hero-grid{min-height:0;gap:30px}.cm-mk{padding:50px 0}.cm-mk-wrap{width:calc(100% - 40px)}.cm-bot-grid{grid-template-columns:1fr;gap:32px}.cm-bot-media{margin-top:5px}.cm-weekly-band{margin-top:35px;padding:23px;gap:16px}.cm-weekly-band>div{flex:1;min-width:200px}.cm-weekly-band>a{margin-left:56px}.cm-seo-plans .cl-three{grid-template-columns:1fr}.cm-seo-plan{padding:30px}.cm-seo-plan>p:not(.cl-kicker){min-height:0}.cm-plan-price{font-size:34px}.cm-seo-plan .cm-plan-button{max-width:350px}.cm-seo-plan-featured{margin-top:10px}.cm-seo-app-preview{max-width:325px}.cm-seo-measure,.cm-seo-examples{grid-template-columns:1fr;gap:28px}.cm-community-message{padding:30px}.cm-new-services{grid-template-columns:1fr}}
@media(max-width:480px){.cm-social-composition{height:350px}.cm-social-front{top:55px}.cm-social-front figcaption{font-size:9px;padding:10px 0 3px}.cm-social-tag{font-size:9px;padding:8px 12px}.cm-seo-article{padding:0 20px 20px}.cm-browser-dots{margin-left:-20px;margin-right:-20px}.cm-seo-article h2{font-size:23px}.cm-seo-article-photo{height:135px}.cm-seo-content-badge{padding:13px 18px}.cm-seo-content-badge b{font-size:22px}.cm-bot-conversation>div:last-child{margin-left:12px}.cm-bot-slider{max-width:285px}.cm-weekly-band{display:grid;grid-template-columns:32px 1fr;padding:20px 16px}.cm-weekly-icon{width:32px;height:32px}.cm-weekly-band>div{min-width:0}.cm-weekly-band h3{font-size:15px}.cm-weekly-band>a{grid-column:2;margin:0;font-size:10px}.cm-community-checklist{padding:25px}.cm-seo-bundle{gap:14px}.cm-seo-bundle strong{font-size:23px}.cm-seo-bundle span{font-size:10px}.cm-seo-app-preview{max-width:290px}.cm-seo-examples article{padding:24px}.cm-mk h2{letter-spacing:-1px}.cm-mk .cm-mk-lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cm-social-piece,.cm-seo-article{transform:none}}

@media(prefers-reduced-motion:reduce){.cm-bot-slide,.cm-bot-slider-dots span{transition:none;transform:none}}
