#automatizaciones *{box-sizing:border-box}#automatizaciones{scroll-behavior:smooth}#automatizaciones{margin:0;background:#080b10;color:#edf4fc;font-family:Arial,sans-serif}#automatizaciones a{color:inherit;text-decoration:none}#automatizaciones a:focus-visible{outline:2px solid #83d2ff;outline-offset:6px}#automatizaciones .skip{position:absolute;top:-100px}#automatizaciones .skip:focus{top:10px;background:white;color:black;padding:15px;z-index:10}#automatizaciones header{margin:20px 4vw;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 26px;background:#1c1f24;border:1px solid #ffffff20;border-radius:18px}#automatizaciones .brand{font-size:23px;font-weight:bold;letter-spacing:-.05em}#automatizaciones .brand small{font-size:9px;display:block;letter-spacing:.35em}#automatizaciones nav{display:flex;gap:30px;font-size:13px;color:#b6c5d5}#automatizaciones{overflow:hidden}#automatizaciones .intro{position:relative;padding:90px 7vw 100px;min-height:650px}#automatizaciones .eyebrow,#automatizaciones .back{display:block;font:11px monospace;letter-spacing:.14em;color:#92c8ed;margin-bottom:35px}#automatizaciones .back{letter-spacing:0;color:#b2bac3}#automatizaciones h1{font-size:clamp(48px,7.5vw,114px);font-weight:500;letter-spacing:-.065em;line-height:1.02;max-width:1050px;position:relative;z-index:1;margin:0 0 32px}#automatizaciones p{color:#a7b5c5;line-height:1.75;font-size:17px;max-width:680px}#automatizaciones .intro>p{font-size:20px;position:relative;z-index:1}#automatizaciones .cta{display:inline-block;padding:18px 25px;background:#cceaff;color:#071424;margin-top:22px;border-radius:3px;font-size:14px;position:relative;z-index:1}#automatizaciones .cta:hover{background:white;box-shadow:0 0 35px #73c8ff33}#automatizaciones .orb{position:absolute;right:-8%;top:60px;width:48vw;aspect-ratio:1;border:1px solid #65b7ef55;border-radius:50%;box-shadow:0 0 100px #279cff13,inset 0 0 100px #279cff16;pointer-events:none}#automatizaciones .orb:before,#automatizaciones .orb:after{content:'';position:absolute;inset:16%;border:1px solid #74caff55;border-radius:50%;transform:rotateX(55deg)}#automatizaciones .orb:after{transform:rotateY(60deg)}#automatizaciones .solutions,#automatizaciones .detail,#automatizaciones .process,#automatizaciones .example,#automatizaciones .closing{padding:60px 7vw;border-top:1px solid #6e9bbc33}#automatizaciones .solution{display:block;padding:34px 70px 34px 0;position:relative;border-bottom:1px solid #6e9bbc33}#automatizaciones .solution>span,#automatizaciones .detail article>span{font:11px monospace;color:#78caff}#automatizaciones .solution h2{font-size:clamp(30px,4vw,56px);margin:16px 0;font-weight:400;letter-spacing:-.04em}#automatizaciones .solution p{margin:0}#automatizaciones .solution b{position:absolute;right:10px;top:45%;font-size:35px;font-weight:400}#automatizaciones .solution:hover h2{color:#85cfff}#automatizaciones .process h2,#automatizaciones .closing h2,#automatizaciones .example h2{font-size:clamp(36px,5vw,65px);font-weight:400;letter-spacing:-.05em;line-height:1.1}#automatizaciones .process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:25px 0;list-style:none}#automatizaciones .process li b{font-size:15px;color:#9bd7ff}#automatizaciones .detail article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:35px 0;border-bottom:1px solid #ffffff15}#automatizaciones .detail h2{font-size:35px;margin:0;font-weight:400;letter-spacing:-.04em}#automatizaciones .example{background:linear-gradient(120deg,#122638,#080b10)}#automatizaciones .fine{font-size:12px;max-width:700px;margin-top:35px}#automatizaciones .closing{padding-block:85px}#automatizaciones footer{padding:30px 7vw;display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #ffffff22;font:11px monospace;color:#8ea1b3}#automatizaciones footer>span{margin-right:auto}@media(max-width:700px){#automatizaciones header{padding:16px;margin:10px;gap:12px}#automatizaciones nav{gap:12px;font-size:11px}#automatizaciones .brand{font-size:20px}#automatizaciones .intro{padding:60px 6vw;min-height:570px}#automatizaciones .intro>p{font-size:17px}#automatizaciones .orb{width:95vw;right:-40%;opacity:.5}#automatizaciones .process ol{grid-template-columns:1fr;gap:20px}#automatizaciones .detail article{grid-template-columns:30px 1fr;gap:10px}#automatizaciones .detail h2{font-size:28px}#automatizaciones .solutions,#automatizaciones .detail,#automatizaciones .process,#automatizaciones .example,#automatizaciones .closing{padding:45px 6vw}}@media(prefers-reduced-motion:reduce){#automatizaciones{scroll-behavior:auto}}

/* Shared floating navigation and a local, guided conversation demo. */
#automatizaciones header.floating-header{height:auto;min-height:76px;margin:18px auto;width:calc(100% - 8vw);position:relative;padding:16px 25px;z-index:30}#automatizaciones .floating-header .brand{display:flex;align-items:center;gap:9px}#automatizaciones .floating-header .brand img{width:34px;height:34px}#automatizaciones .floating-header .contact-link{font-size:13px;white-space:nowrap;border-bottom:1px solid #7ba3c4;padding-bottom:6px}#automatizaciones .floating-header .nav-socials{display:flex;align-items:center;margin-left:auto}#automatizaciones .floating-header .nav-socials a{padding:10px}#automatizaciones .floating-header button{background:none;border:0;color:inherit;font:inherit;cursor:pointer}#automatizaciones .with-phone{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:6vw;padding-top:60px;align-items:start}#automatizaciones .with-phone .intro-copy{min-width:0;position:relative}#automatizaciones .with-phone h1{font-size:clamp(45px,5.8vw,90px)}#automatizaciones .with-phone .intro-copy>p{font-size:18px}#automatizaciones .with-phone .orb{width:44vw;right:-15%;z-index:-1}#automatizaciones .bot-showcase{position:relative;z-index:2;width:100%;max-width:365px;justify-self:center}#automatizaciones .bot-showcase>label{display:block;color:#89caff;font:10px monospace;letter-spacing:.14em;margin:0 0 12px}#automatizaciones .bot-showcase>select{width:100%;padding:12px 15px;background:#161e29;color:#e0f3ff;border:1px solid #527591;border-radius:9px;font-size:14px;margin-bottom:18px}#automatizaciones .demo-phone{border:7px solid #343b46;border-radius:42px;padding:9px;background:#0c141d;box-shadow:0 0 0 1px #8c9aac66,0 30px 100px #158bff16;overflow:hidden}#automatizaciones .phone-status{display:flex;justify-content:space-between;padding:9px 13px 18px;font:11px monospace;color:#b4c4d4}#automatizaciones .phone-status span{font-size:9px;color:#7499ba}#automatizaciones .phone-header{display:flex;gap:10px;align-items:center;padding:10px;background:#172936;border-radius:15px 15px 0 0}#automatizaciones .bot-avatar{display:grid;place-items:center;background:#93d8ff;color:#0b1923;width:37px;height:37px;border-radius:50%;flex-shrink:0}#automatizaciones .phone-header strong{font-size:12px;display:block}#automatizaciones .phone-header small{display:block;font-size:10px;margin-top:5px;color:#95b8cc}#automatizaciones .bot-chat{height:310px;overflow:auto;padding:15px 8px;scroll-behavior:smooth;background:radial-gradient(ellipse at top,#182733,#0d1721)}#automatizaciones .bot-chat p{font-size:12px;line-height:1.55;margin:0 0 12px;padding:12px;border-radius:12px;color:#d6e6ef;max-width:92%}#automatizaciones .chat-bot{background:#20303e;border-top-left-radius:2px!important}#automatizaciones .chat-user{background:#21526a;margin-left:auto!important;border-top-right-radius:2px!important}#automatizaciones .bot-options{padding:12px 7px;display:grid;gap:7px;min-height:92px}#automatizaciones .bot-options button{background:#163246;border:1px solid #4f8bb5;color:#c4eaff;border-radius:8px;padding:10px;font-size:11px;text-align:left;cursor:pointer}#automatizaciones .bot-options button:hover{background:#24516d}#automatizaciones .bot-reset{display:block;margin:4px auto 10px;background:none;border:0;color:#8faac0;font-size:11px;cursor:pointer}#automatizaciones .demo-caption{font-size:11px;line-height:1.6;text-align:center;margin:17px auto 0;max-width:300px;color:#8ea7bd}@media(max-width:1050px){#automatizaciones .with-phone{gap:30px;grid-template-columns:minmax(0,1fr) 330px}#automatizaciones .floating-header .main-navigation{gap:14px}#automatizaciones .floating-header nav{gap:14px}}@media(max-width:760px){#automatizaciones .with-phone{grid-template-columns:1fr;padding-top:38px}#automatizaciones .bot-showcase{margin-top:15px}#automatizaciones .floating-header{width:calc(100% - 20px)!important;padding:12px!important}#automatizaciones .floating-header .nav-socials{display:none}#automatizaciones .floating-header .brand small{font-size:8px}#automatizaciones .floating-header .contact-link{font-size:12px}#automatizaciones .with-phone h1{font-size:52px}}@media(prefers-reduced-motion:reduce){#automatizaciones .bot-chat{scroll-behavior:auto}}
#automatizaciones .header.floating-header{position:sticky;top:16px;width:min(900px,calc(100% - 32px));height:72px;min-height:72px;padding:0 18px;margin:16px auto 24px}#automatizaciones .header.floating-header .contact-link{border:0;padding:12px 17px}#automatizaciones .floating-header .brand img{object-fit:contain}
/* Interactive solutions, immediately visible in the first section. */
#automatizaciones .with-phone{grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:6vw;padding:50px 7vw 70px;min-height:820px}#automatizaciones .with-phone h1{font-size:clamp(45px,5.3vw,82px);max-width:680px}#automatizaciones .with-phone .intro-copy>p{font-size:16px;max-width:620px;margin-bottom:25px}#automatizaciones .solution-selector{position:relative;z-index:1;margin-top:28px}#automatizaciones .solution-selector h2{font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#9ab2c5;margin:0 0 13px}#automatizaciones .solution-picks{display:grid;grid-template-columns:1fr;gap:8px}#automatizaciones .solution-pick{font:inherit;color:#e2ebf5;display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:15px 18px;border:1px solid #ffffff16;background:#14191f;border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s}#automatizaciones .solution-pick:hover{background:#1c2731;border-color:#6ac8ff55}#automatizaciones .solution-pick[aria-pressed=true]{background:linear-gradient(100deg,#122c42,#101923);border-color:#7bc9ff88;box-shadow:0 0 25px #1b9dff0b}#automatizaciones .solution-pick:focus-visible,#automatizaciones .demo-action:focus-visible,#automatizaciones .bot-options button:focus-visible{outline:2px solid #9ad9ff;outline-offset:3px}#automatizaciones .solution-icon{width:33px;height:33px;display:grid;place-items:center;font-size:25px;color:#8ed3ff;flex-shrink:0}#automatizaciones .solution-pick strong{display:block;font-size:15px;font-weight:500}#automatizaciones .solution-pick small{display:block;font-size:11px;margin-top:4px;color:#90a4b7;line-height:1.4}#automatizaciones .solution-indicator{margin-left:auto;color:#60809b}#automatizaciones .solution-pick[aria-pressed=true] .solution-indicator{color:#a0dbff}#automatizaciones .solution-more{display:inline-block;margin-top:18px;font-size:12px;color:#a5d9ff;border-bottom:1px solid #7ac5f944;padding-bottom:5px}#automatizaciones .bot-showcase{max-width:440px;justify-self:center}#automatizaciones .demo-sector-control{width:330px;max-width:100%;margin:0 auto 15px;display:flex;align-items:center;gap:12px}#automatizaciones .demo-sector-control[hidden],#automatizaciones .demo-device-panel[hidden]{display:none!important}#automatizaciones .demo-sector-control label{font:9px monospace;letter-spacing:.07em;color:#91b3ce;max-width:80px;line-height:1.4}#automatizaciones .demo-sector-control select{font:12px Arial;flex:1;min-width:0;padding:10px 12px;border:1px solid #ffffff25;border-radius:8px;background:#161e29;color:#d6e8f5}#automatizaciones .demo-phone.iphone{position:relative;width:330px;max-width:100%;margin:auto;border:2px solid #91959b;border-radius:49px;padding:8px;background:#22262b;box-shadow:0 0 0 2px #171a1e,0 0 0 3px #555b63,0 35px 70px #0008,0 0 70px #188ffe12;overflow:visible}#automatizaciones .iphone-screen{overflow:hidden;border-radius:39px;background:#f5f5f5;color:#111}#automatizaciones .iphone-button{position:absolute;width:3px;background:#858991;border-radius:2px;left:-5px}#automatizaciones .iphone-volume{top:126px;height:55px}#automatizaciones .iphone-power{left:auto;right:-5px;top:146px;height:70px}#automatizaciones .iphone .phone-status{position:relative;height:47px;align-items:center;padding:10px 19px;color:#161b20;background:#f7f7f7;font:11px Arial}#automatizaciones .dynamic-island{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:94px;height:25px;background:#08090b;border-radius:25px}#automatizaciones .whatsapp-brand{display:flex;align-items:center;gap:6px;padding:0 16px 8px;background:#f7f7f7;color:#14683e;font-size:11px}#automatizaciones .whatsapp-brand svg{width:16px;height:16px;fill:#1da65c}#automatizaciones .whatsapp-brand small{margin-left:auto;font:8px monospace;color:#7a8588;letter-spacing:.08em}#automatizaciones .iphone .phone-header{border-radius:0;background:#f7f7f7;border-bottom:1px solid #ddd;padding:9px 10px;gap:8px;color:#12181c}#automatizaciones .phone-back{color:#16895d;font-size:30px;line-height:1}#automatizaciones .iphone .bot-avatar{background:#dceee3;color:#26724d;width:32px;height:32px;font-weight:600}#automatizaciones .iphone .phone-header strong{font-size:11px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#automatizaciones .iphone .phone-header small{font-size:9px;color:#748078}#automatizaciones .phone-call{display:flex;gap:8px;margin-left:auto;color:#16895d}#automatizaciones .phone-call svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}#automatizaciones .iphone .bot-chat{height:260px;padding:12px 11px;background-color:#eee8df;background-image:radial-gradient(circle,#b9ad9e2a 1px,transparent 1px);background-size:15px 15px}#automatizaciones .chat-date{padding:8px 0 4px;text-align:center;background:#eee8df;color:#727c73;font-size:8px;letter-spacing:.04em}#automatizaciones .iphone .bot-chat p{font-size:11px;line-height:1.5;color:#243029;padding:9px 10px;box-shadow:0 1px 1px #0001}#automatizaciones .iphone .chat-bot{background:#fff}#automatizaciones .iphone .chat-user{background:#d9fdd3}#automatizaciones .message-time{display:block;font-size:8px;text-align:right;margin-top:5px;color:#789385}#automatizaciones .iphone .chat-user .message-time{color:#318fb6}#automatizaciones .iphone .bot-options{background:#eee8df;min-height:88px;padding:8px 11px;gap:6px}#automatizaciones .iphone .bot-options button{font-size:10px;background:#fff;color:#16895d;border:1px solid #ddd7d0;border-radius:8px;padding:9px;text-align:center}#automatizaciones .iphone .bot-options button:hover{background:#e6f8e9}#automatizaciones .phone-compose{display:flex;gap:8px;align-items:center;background:#f7f7f7;padding:9px 11px;color:#16895d;font-size:22px}#automatizaciones .phone-compose>div{background:white;border:1px solid #e0e0e0;border-radius:20px;padding:9px 11px;flex:1;font-size:9px;color:#9da4a0;display:flex;justify-content:space-between}#automatizaciones .home-indicator{height:4px;width:105px;background:#151619;border-radius:5px;margin:8px auto 8px}#automatizaciones .demo-device-panel>.bot-reset{margin-top:15px}#automatizaciones .demo-caption{max-width:340px;font-size:10px;margin-top:10px}#automatizaciones .demo-browser,#automatizaciones .demo-console{margin:55px 0 0;border:1px solid #5b759144;border-radius:18px;background:#121c27;box-shadow:0 30px 70px #0006;min-height:520px;overflow:hidden}#automatizaciones .browser-top{padding:14px;background:#222f3d;display:flex;gap:20px;font:10px monospace;color:#8db0c9}#automatizaciones .browser-top b{background:#122030;padding:4px 35px;border-radius:5px;font-weight:400}#automatizaciones .browser-site{padding:30px;color:#d0e5f4}#automatizaciones .browser-site>span{font:9px monospace;letter-spacing:.2em}#automatizaciones .browser-site h3{font-size:27px;font-weight:400;letter-spacing:-.05em;line-height:1.1;margin:25px 0 14px}#automatizaciones .browser-site p{font-size:11px}#automatizaciones .site-placeholder{height:70px;background:linear-gradient(120deg,#2c5272,#1c3346);border-radius:8px}#automatizaciones .web-assistant{margin:-10px 18px 20px;border:1px solid #6197bf66;border-radius:13px;background:#0d1823;overflow:hidden}#automatizaciones .web-assistant header{margin:0;padding:13px;border:0;border-radius:0;background:#213c53;justify-content:flex-start;gap:9px;font-size:11px}#automatizaciones .assistant-dot{width:9px;height:9px;border-radius:50%;background:#96d9ff}#automatizaciones .web-assistant p{font-size:11px;margin:12px;padding:10px;background:#1b2c3c;border-radius:10px;line-height:1.5}#automatizaciones .web-assistant .web-user{background:#214c6b;margin-left:40px}#automatizaciones .web-assistant button{display:block;width:calc(100% - 24px);margin:7px 12px;padding:9px;border:1px solid #5d8eb166;border-radius:6px;background:#20374b;color:#c0e8ff;font-size:10px;cursor:pointer}#automatizaciones .demo-console{padding:28px}#automatizaciones .console-kicker{font:9px monospace;letter-spacing:.1em;color:#87b7d8}#automatizaciones .demo-console h3{font-size:31px;font-weight:400;letter-spacing:-.04em;line-height:1.1;margin:25px 0 28px}#automatizaciones .workflow-track{display:grid;gap:10px}#automatizaciones .workflow-track>div{display:grid;grid-template-columns:30px 1fr;gap:5px;padding:18px;border:1px solid #ffffff1c;border-radius:9px;background:#172431}#automatizaciones .workflow-track span{color:#5b7d96;grid-row:1/3;font:12px monospace}#automatizaciones .workflow-track b{font-size:12px;font-weight:400;color:#91a6b9}#automatizaciones .workflow-track small{font-size:10px;color:#5d768d}#automatizaciones .workflow-track .completed{border-color:#76c8ff77;background:#143750}#automatizaciones .workflow-track .completed b,#automatizaciones .workflow-track .completed span{color:#bdeaff}#automatizaciones .demo-console>p{font-size:11px;min-height:50px}#automatizaciones .demo-action{padding:12px 16px;border:1px solid #5c9bc8;border-radius:7px;background:#1e4865;color:#d2f0ff;font-size:12px;cursor:pointer}#automatizaciones .content-preview{background:linear-gradient(130deg,#0a111e,#132e60);border:1px solid #568ecb66;border-radius:12px;padding:20px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;transition:background .3s}#automatizaciones .content-preview span,#automatizaciones .content-preview small{font:8px monospace;letter-spacing:.1em;color:#7ba4c9}#automatizaciones .content-preview strong{font-size:34px;line-height:1;letter-spacing:-.06em;font-weight:400;color:#d8edff}#automatizaciones .content-preview[data-phase="2"],#automatizaciones .content-preview[data-phase="3"]{background:linear-gradient(120deg,#052234,#175989)}#automatizaciones .content-stages{display:flex;gap:7px;margin:18px 0}#automatizaciones .content-stages span{font-size:9px;color:#718da4;padding:6px 10px;border:1px solid #ffffff17;border-radius:30px}#automatizaciones .content-stages .completed{color:#b7e5ff;border-color:#7bccff66}@media(min-width:1600px){#automatizaciones .with-phone{padding-inline:10vw;gap:8vw}#automatizaciones .demo-phone.iphone{width:350px}#automatizaciones .iphone .bot-chat{height:285px}}@media(max-width:1000px){#automatizaciones .with-phone{grid-template-columns:minmax(0,1fr) 330px;gap:35px;padding-inline:5vw}#automatizaciones .with-phone h1{font-size:57px}#automatizaciones .solution-pick{padding:12px}#automatizaciones .solution-pick small{font-size:10px}}@media(max-width:760px){#automatizaciones .with-phone{grid-template-columns:1fr;gap:25px;padding:35px 6vw 50px}#automatizaciones .with-phone h1{font-size:52px;max-width:500px}#automatizaciones .with-phone .intro-copy>p{font-size:15px}#automatizaciones .solution-pick{padding:13px 15px}#automatizaciones .bot-showcase{width:100%;margin-top:15px}#automatizaciones .demo-phone.iphone{width:330px;max-width:calc(100% - 10px)}#automatizaciones .demo-browser,#automatizaciones .demo-console{margin-top:8px}#automatizaciones .solution-selector{margin-top:25px}#automatizaciones .solution-more{margin-top:14px}}@media(prefers-reduced-motion:reduce){#automatizaciones .solution-pick,#automatizaciones .content-preview{transition:none}}
#automatizaciones .iphone .bot-chat{height:285px}#automatizaciones .iphone .bot-options{max-height:165px;overflow-y:auto}#automatizaciones .iphone #bot-name-form{padding:10px;background:#eee8df;display:grid;grid-template-columns:1fr auto;gap:7px}#automatizaciones .iphone #bot-name-form[hidden]{display:none!important}#automatizaciones .iphone #bot-name-form label{grid-column:1/-1;font-size:10px;color:#4a6554}#automatizaciones .iphone #bot-name-form input{min-width:0;width:100%;font-size:11px;border:1px solid #c4cebf;border-radius:7px;padding:10px;background:white;color:#203a2a}#automatizaciones .iphone #bot-name-form button{font-size:10px;border:0;border-radius:7px;padding:10px;background:#1e9660;color:white;cursor:pointer}#automatizaciones .iphone .bot-chat p{white-space:pre-line}
/* A client website, distinct from the ORI-ON studio: warm editorial storefront. */
#automatizaciones .web-browser-example{margin-top:25px;background:#fbf7ef;border:1px solid #beb9af;border-radius:13px;min-height:0;box-shadow:0 25px 65px #0006;overflow:hidden;color:#332a24}#automatizaciones .browser-tabs{height:35px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#e4e1da;color:#77716b;font-size:12px}#automatizaciones .browser-lights{font-size:10px;letter-spacing:2px;color:#a89688}#automatizaciones .browser-tab{align-self:flex-end;min-width:180px;display:flex;justify-content:space-between;gap:28px;padding:10px 12px 7px;background:#f7f5f1;border-radius:8px 8px 0 0;font-size:10px;color:#56504b}#automatizaciones .browser-toolbar{height:39px;display:flex;align-items:center;gap:13px;padding:7px 12px;background:#f7f5f1;font-size:17px;color:#70675f;border-bottom:1px solid #d7d0c6}#automatizaciones .browser-toolbar>div{flex:1;display:flex;gap:9px;align-items:center;justify-content:space-between;background:#eae7e0;border-radius:20px;padding:6px 12px;font-size:10px;color:#625a52}#automatizaciones .browser-webpage{position:relative;min-height:620px;background:#fbf7ef}#automatizaciones .example-site-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 19px;border-bottom:1px solid #d2c6b7;color:#64503f;gap:10px}#automatizaciones .example-site-nav b{font-family:Georgia,serif;font-size:21px;font-weight:400;letter-spacing:-.06em}#automatizaciones .example-site-nav>span{font-size:8px;color:#88776a}#automatizaciones .example-site-main{padding:22px 19px}#automatizaciones .example-site-main>span{font-size:8px;letter-spacing:.16em;color:#967653}#automatizaciones .example-site-main h3{font-family:Georgia,serif;font-size:34px;max-width:280px;font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:14px 0 10px;color:#514133}#automatizaciones .example-site-main>p{font-size:10px;color:#8a7764;max-width:240px;line-height:1.6;margin-bottom:16px}#automatizaciones .example-site-art{position:relative;height:142px;border-radius:4px;background:linear-gradient(120deg,#d8cbb6,#eadcc4);overflow:hidden;display:flex;align-items:flex-end;padding:12px 24px;gap:18px}#automatizaciones .example-site-art i{display:block;width:55px;height:85px;background:#bf8162;border-radius:15px 15px 24px 24px;box-shadow:14px 9px 0 #aa85643a}#automatizaciones .example-site-art i:nth-child(2){background:#788b74;width:43px;height:116px;border-radius:30px 30px 5px 5px}#automatizaciones .example-site-art i:nth-child(3){background:#f2e9d8;width:75px;height:62px;border-radius:38px 38px 20px 20px}#automatizaciones .example-site-current{margin-top:17px;padding:12px;width:115px;border-left:2px solid #b4906e;background:#f0e8da;min-height:110px;position:relative;z-index:1}#automatizaciones .example-site-current b{font-size:9px;font-weight:500;color:#66513d;display:block}#automatizaciones .example-site-current p{font-size:8px;line-height:1.7;color:#95816e;margin:7px 0}#automatizaciones .example-assistant{position:absolute;right:12px;bottom:36px;width:270px;max-width:calc(100% - 32px);margin:0;border:1px solid #e5c9b7;border-radius:15px;background:#fffaf6;box-shadow:0 10px 30px #6b452f24;overflow:hidden;z-index:2}#automatizaciones .example-assistant header{background:#a7664b;padding:13px;color:#fff3e8;border:0;display:flex;align-items:center;gap:10px;border-radius:0;margin:0;min-height:0}#automatizaciones .example-assistant header b{font-size:12px;font-weight:500;display:block}#automatizaciones .example-assistant header small{font-size:8px;color:#f4d3bc;display:block;margin-top:4px}#automatizaciones .example-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;background:#f3dbc9;color:#955f42;font-size:20px}#automatizaciones .assistant-available{margin-left:auto;font-size:9px;color:#dbedbe}#automatizaciones .example-assistant #web-demo-log{height:155px;overflow:auto;padding:10px 8px;background:#fffaf6}#automatizaciones .example-assistant p{font-size:10px;line-height:1.6;padding:9px;margin:0 20px 9px 0;border-radius:9px;background:#f2e5db;color:#725845;white-space:pre-line}#automatizaciones .example-assistant .web-user{background:#9b725b;color:#fff5e8;margin:0 0 9px 24px}#automatizaciones .example-assistant #web-demo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px 10px 10px;max-height:126px;overflow:auto;background:#fffaf6}#automatizaciones .example-assistant button{display:block;width:100%;margin:0;padding:8px 6px;border:1px solid #d7bba6;background:#fffaf6;color:#9c6547;font-size:9px;line-height:1.4;border-radius:6px;cursor:pointer}#automatizaciones .example-assistant button:hover{background:#f2e2d2}#automatizaciones .example-assistant button:focus-visible{outline:2px solid #b37853;outline-offset:1px}#automatizaciones .web-compose{display:flex;justify-content:space-between;padding:10px 13px;background:#f1e8df;color:#aa8d79;font-size:8px;border-top:1px solid #e5d4c6}#automatizaciones .web-compose span:last-child{color:#a86743;font-size:12px}#automatizaciones .example-site-footer{position:absolute;bottom:13px;left:19px;font-size:7px;letter-spacing:.15em;color:#a89787}@media(max-width:1000px){#automatizaciones .example-site-nav>span{font-size:7px}#automatizaciones .example-assistant{width:235px;right:9px}#automatizaciones .example-site-current{width:72px;padding:8px}#automatizaciones .example-site-main h3{font-size:29px}#automatizaciones .browser-tab{min-width:155px}#automatizaciones .example-site-art{padding:12px;gap:12px}}@media(max-width:760px){#automatizaciones .web-browser-example{margin-top:12px}#automatizaciones .example-assistant{width:270px;right:12px}#automatizaciones .example-site-current{width:105px;padding:10px}#automatizaciones .example-site-main h3{font-size:34px}}@media(max-width:380px){#automatizaciones .example-assistant{width:225px;right:8px}#automatizaciones .example-site-current{width:65px;padding:7px}}
#automatizaciones .web-kind-control{margin:0 0 13px}#automatizaciones .web-kind-control label{font:9px monospace;letter-spacing:.12em;color:#96b5cd;display:block;margin-bottom:8px}#automatizaciones .web-kind-control select{width:100%;font:12px Arial;color:#e2edf5;background:#161e29;border:1px solid #ffffff29;padding:12px;border-radius:8px}#automatizaciones .web-kind-control+.web-browser-example{margin-top:0}#automatizaciones .web-browser-example{--client-ink:#514133;--client-accent:#a7664b;--client-page:#fbf7ef;--client-soft:#f2e5db;--client-art:#eadcc4;--client-secondary:#788b74}#automatizaciones .web-browser-example[data-web-kind=restaurant]{--client-ink:#3c5036;--client-accent:#59744c;--client-page:#f6f4e7;--client-soft:#e8ecd9;--client-art:#dce3b9;--client-secondary:#ac704b}#automatizaciones .web-browser-example[data-web-kind=shop]{--client-ink:#392c46;--client-accent:#7d4e8c;--client-page:#faf3fa;--client-soft:#eee0f1;--client-art:#dec2e6;--client-secondary:#af749d}#automatizaciones .web-browser-example[data-web-kind=clinic]{--client-ink:#304d4b;--client-accent:#398277;--client-page:#f4fbf8;--client-soft:#def0e9;--client-art:#c5e0d7;--client-secondary:#6d9d8c}#automatizaciones .web-browser-example[data-web-kind=hotel]{--client-ink:#59493d;--client-accent:#927344;--client-page:#faf6ed;--client-soft:#efe3cd;--client-art:#dbc89e;--client-secondary:#a68a5a}#automatizaciones .web-browser-example .browser-webpage{background:var(--client-page)}#automatizaciones .web-browser-example .example-site-main h3,#automatizaciones .web-browser-example .example-site-nav{color:var(--client-ink)}#automatizaciones .web-browser-example .example-assistant header{background:var(--client-accent)}#automatizaciones .web-browser-example .example-assistant .web-user{background:var(--client-accent)}#automatizaciones .web-browser-example .example-assistant .web-bot{background:var(--client-soft);color:var(--client-ink)}#automatizaciones .web-browser-example .example-assistant button{color:var(--client-accent)}#automatizaciones .web-browser-example .example-site-art{background:linear-gradient(120deg,var(--client-soft),var(--client-art))}#automatizaciones .web-browser-example .example-site-art i{background:var(--client-accent)}#automatizaciones .web-browser-example .example-site-art i:nth-child(2){background:var(--client-secondary)}#automatizaciones .web-browser-example .example-site-art i:nth-child(3){background:var(--client-page)}#automatizaciones .web-browser-example[data-web-kind=restaurant] .example-site-art i{width:88px;height:88px;border-radius:50%;border:12px solid #f7f5e9}#automatizaciones .web-browser-example[data-web-kind=restaurant] .example-site-art i:nth-child(2){width:62px;height:62px;border-width:8px}#automatizaciones .web-browser-example[data-web-kind=shop] .example-site-art i{width:70px;height:100px;border-radius:7px 7px 2px 2px}#automatizaciones .web-browser-example[data-web-kind=clinic] .example-site-art i{width:80px;height:80px;border-radius:25px}#automatizaciones .web-browser-example[data-web-kind=hotel] .example-site-art i{width:85px;height:75px;border-radius:8px 8px 2px 2px}#automatizaciones .example-site-current{max-height:170px;overflow:auto}#automatizaciones .example-assistant #web-demo-log{scroll-behavior:smooth}
/* More space for the client website and its assistant. */
@media(min-width:1100px){#automatizaciones .with-phone{grid-template-columns:minmax(0,1fr) 500px;gap:5vw}#automatizaciones .bot-showcase{max-width:500px}#automatizaciones .example-assistant{width:320px}#automatizaciones .example-assistant #web-demo-log{height:185px}#automatizaciones .example-assistant p{font-size:11px}#automatizaciones .example-assistant button{font-size:10px;padding:9px}#automatizaciones .browser-webpage{min-height:660px}#automatizaciones .example-site-current{width:137px;font-size:9px}#automatizaciones .example-site-main h3{font-size:39px}#automatizaciones .example-site-main>p{font-size:11px}}@media(min-width:1600px){#automatizaciones .with-phone{grid-template-columns:minmax(0,1fr) 540px;padding-inline:8vw;gap:7vw}#automatizaciones .bot-showcase{max-width:540px}#automatizaciones .example-assistant{width:345px}#automatizaciones .example-assistant #web-demo-log{height:205px}}#automatizaciones .connection-intro{font-size:12px!important;line-height:1.6;min-height:0!important;margin-bottom:20px}#automatizaciones .connection-label{display:block;font:9px monospace;letter-spacing:.13em;color:#8bb7d7;margin:15px 0 9px}#automatizaciones .demo-console #connection-example{width:100%;padding:12px;border:1px solid #4a7190;background:#172b3c;color:#d5eaff;border-radius:8px;font-size:12px;margin-bottom:20px}#automatizaciones .demo-console h3{font-size:30px}#automatizaciones .demo-console .workflow-track{margin-bottom:16px}#automatizaciones .demo-console .workflow-track small{line-height:1.5}
/* Readable service explanations replace the simulated workflow controls. */
#automatizaciones .solution-explainer{margin-top:24px;border:1px solid #6b9fc63f;border-radius:20px;background:linear-gradient(145deg,#162a3b,#0e1924);box-shadow:0 25px 70px #0004;overflow:hidden}#automatizaciones .solution-explainer>header{display:block;margin:0;border:0;border-radius:0;background:none;padding:28px 27px 18px;min-height:0}#automatizaciones .solution-explainer>header>span{font:9px monospace;letter-spacing:.15em;color:#82b7dd}#automatizaciones .solution-explainer h3{font-size:31px;font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:20px 0 16px;color:#e5f4ff}#automatizaciones .solution-explainer>header p{font-size:13px;line-height:1.7;margin:0;color:#9fb6c9}#automatizaciones .explain-scroll{max-height:385px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5488ac #142432;padding:0 27px 24px;outline-offset:-4px}#automatizaciones .explain-scroll:focus-visible{outline:2px solid #79c5ff}#automatizaciones .explain-summary{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:16px 0;border-block:1px solid #6e9cc52d;margin:0 0 5px}#automatizaciones .explain-summary>span{font:9px monospace;padding:8px 10px;background:#1f3b50;border-radius:5px;color:#a9daf9;letter-spacing:.04em}#automatizaciones .explain-summary>i{font-style:normal;color:#6293b4}#automatizaciones .explain-step{display:grid;grid-template-columns:25px 1fr;gap:12px;padding:21px 0;border-bottom:1px solid #779ab525}#automatizaciones .explain-step>span{font:10px monospace;color:#71acd4;line-height:1.6}#automatizaciones .explain-step h4{font-size:16px;font-weight:500;letter-spacing:-.015em;line-height:1.35;margin:0 0 8px;color:#d4e8f7}#automatizaciones .explain-step p{font-size:12px;line-height:1.75;color:#96b0c5;margin:0}#automatizaciones .explain-plan{margin-top:20px;border-left:2px solid #78c5f4;padding:14px 15px;background:#426b851b}#automatizaciones .explain-plan b{font-size:13px;font-weight:500;color:#bbdef7}#automatizaciones .explain-plan p{font-size:12px;line-height:1.7;color:#96b6cc;margin:8px 0 0}#automatizaciones .explain-scope{font-size:10px;line-height:1.65;color:#799bb5;margin:20px 0 0}#automatizaciones .solution-explainer>footer{padding:18px 27px;margin:0;border-top:1px solid #6b9dc42d;background:#101f2b;display:flex;flex-direction:column;gap:10px;align-items:flex-start;font-family:Arial}#automatizaciones .solution-explainer>footer a{padding:12px 16px;background:#caeaff;color:#0b2539;font-size:12px;border-radius:6px;line-height:1.4}#automatizaciones .solution-explainer>footer a:hover{background:white}#automatizaciones .solution-explainer>footer small{font-size:9px;color:#749cb9}#automatizaciones .explain-socials{display:flex;gap:22px;padding:24px 0 10px}#automatizaciones .explain-socials>span{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;color:#b9d5e9}#automatizaciones .explain-socials svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.5;fill:none}#automatizaciones .explain-socials b{font-size:10px;font-weight:400}#automatizaciones .explain-socials .social-instagram svg{color:#e6a2cf}#automatizaciones .explain-socials .social-tiktok svg{fill:#d4edf3;stroke:none}#automatizaciones .explain-socials .social-youtube svg{fill:#c75765;stroke:none}#automatizaciones .explain-socials .social-youtube svg path{fill:#fff}#automatizaciones .publishing-explainer{background:linear-gradient(145deg,#1c2639,#101a28)}@media(min-width:1600px){#automatizaciones .explain-scroll{max-height:440px}#automatizaciones .solution-explainer h3{font-size:36px}#automatizaciones .explain-step p{font-size:13px}}@media(max-width:760px){#automatizaciones .solution-explainer{margin-top:10px}#automatizaciones .solution-explainer>header{padding:24px 22px 18px}#automatizaciones .explain-scroll{padding-inline:22px;max-height:360px}#automatizaciones .solution-explainer>footer{padding:17px 22px}#automatizaciones .solution-explainer h3{font-size:30px}#automatizaciones .explain-socials{gap:16px}}

#automatizaciones{scroll-margin-top:100px;border-top:1px solid #527b9829}#automatizaciones .automation-main-title{font-size:clamp(45px,5.3vw,82px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:0 0 32px;max-width:680px}#automatizaciones .with-phone{padding-top:65px}#automatizaciones .process{padding-block:55px}#automatizaciones .closing{padding-block:55px}#automatizaciones .skip{display:none}@media(max-width:760px){#automatizaciones .automation-main-title{font-size:52px}#automatizaciones .with-phone{padding-top:40px}}