:root{--ink:#153f38;--muted:#63756e;--paper:#faf9f5;--line:#dce4dc;--teal:#146657;--lime:#d2eea5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #168a78;outline-offset:5px}.topbar,main,footer{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.topbar{height:106px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;text-decoration:none;font-size:32px;font-weight:750;letter-spacing:-1.8px;line-height:1}.brand img{margin-right:8px;object-fit:contain}.brand-dot{color:#40aa91}.nav-link{margin-left:auto;text-decoration:none;font-size:14px;font-weight:600}.nav-link:hover{text-decoration:underline}.pilot{border:1px solid var(--line);border-radius:30px;padding:6px 13px;font-size:12px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:55px 0 85px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#2c9d7c}h1{font-size:clamp(44px,5.2vw,70px);font-weight:650;line-height:1.08;letter-spacing:-3px;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#26806b}.intro{font-size:18px;max-width:430px;color:var(--muted);line-height:1.7;margin-bottom:28px}.download-button{display:inline-flex;align-items:center;gap:12px;padding:17px 23px;border-radius:14px;background:var(--ink);color:white;text-decoration:none;font-weight:650;box-shadow:0 6px 12px #143e3812;transition:background .15s,transform .15s}.download-button:hover{background:#236b59;transform:translateY(-2px)}.download-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.download-button>span{margin-left:18px}.download-meta{font-size:11px;color:var(--muted);margin:13px 0}.invitation-note{font-size:13px;color:var(--muted);max-width:340px;margin-top:22px}.invitation-note a{text-underline-offset:3px;color:var(--ink)}.showcase{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 0 0;isolation:isolate}.orbit{position:absolute;border:1px solid #dae5d8;border-radius:50%;z-index:-1;top:55px;left:50%;transform:translateX(-50%);width:440px;height:440px;background:radial-gradient(circle,#e4efd9 0%,#edf2e6 55%,transparent 72%)}.orbit-two{width:380px;height:380px;top:85px;background:transparent}.float-label{position:absolute;top:0;right:-3px;background:white;border:1px solid #e9ede4;padding:10px 16px;border-radius:12px;font-size:11px;box-shadow:0 9px 25px #153f3810;z-index:2;transform:rotate(4deg)}.spark{font-size:21px;color:#35957c;vertical-align:middle;margin-right:5px}.phone{width:290px;border:7px solid #fff;border-radius:35px;background:#f0f4ed;overflow:hidden;box-shadow:0 25px 60px #173f3525,0 0 0 1px #e1e5dc;transform:rotate(-3deg)}.phone-top{display:flex;justify-content:space-between;font-size:10px;font-weight:650;padding:10px 19px 5px;background:white}.chat-header{display:flex;align-items:center;gap:10px;background:white;padding:8px 12px 13px;line-height:1.4}.back{font-size:26px}.store-avatar{width:33px;height:33px;background:#e1eddd;border-radius:50%;text-align:center;line-height:33px;font-family:Georgia,serif;font-size:21px}.chat-header strong{font-size:12px}.chat-header small{display:block;font-size:8px;color:var(--muted)}.chat-menu{margin-left:auto}.chat-body{padding:18px 13px 16px;background-image:radial-gradient(#ccd9c780 .7px,transparent .7px);background-size:15px 15px;min-height:310px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.day{align-self:center;font-size:8px;border-radius:5px;padding:2px 8px;background:#fff9;color:var(--muted)}.bubble{font-size:10px;line-height:1.6;border-radius:11px;padding:9px 10px 5px;max-width:87%;box-shadow:0 1px 2px #10352408}.sent{background:#dbedc5;align-self:flex-end;border-top-right-radius:3px}.received{background:#fff;border-top-left-radius:3px}time{display:block;font-size:7px;text-align:right;color:#758477;margin-top:3px}time span{color:#22927a}.order-note{display:flex;align-items:center;gap:9px;padding:10px 2px 0;font-size:10px}.order-note>span{color:#26806b;background:#e3efdc;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px}.order-note small{display:block;font-size:8px;color:var(--muted)}.mock-compose{display:flex;align-items:center;gap:9px;padding:12px 10px 16px;background:#f9fbf7;font-size:18px}.mock-input{font-size:9px;background:white;border:1px solid #e7ece3;border-radius:20px;padding:8px 10px;flex:1;color:#829087}.send-icon{border-radius:50%;background:var(--teal);color:white;font-size:12px;width:29px;height:29px;line-height:29px;text-align:center}.example-caption{font-size:10px;color:#809082;margin:22px 0 0}.install-section{border-top:1px solid var(--line);padding:45px 0 50px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}h2{font-size:30px;letter-spacing:-1px;line-height:1.25;font-weight:600;margin:13px 0 20px}.section-heading>p{font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:22px}.step-number{display:block;color:#84a491;font-size:13px;font-weight:600}.steps h3{font-size:17px;font-weight:650;margin:10px 0}.steps p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:15px 0 65px;align-items:start}.qr-panel{border-radius:22px;background:#eaf0e2;padding:30px;display:flex;align-items:center;gap:25px}.qr-panel .eyebrow{font-size:9px;letter-spacing:1px}.qr-panel h2{font-size:27px}.qr-panel p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:0}.qr{width:135px;height:135px;background:white;border-radius:12px;padding:8px;flex-shrink:0}.questions h2{font-size:23px;margin-top:0}details{border-bottom:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none;position:relative;padding-right:25px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:18px;line-height:1}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);line-height:1.8;margin:10px 0 2px}footer{border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;padding-top:25px;padding-bottom:30px}footer .brand{font-size:25px}footer p,footer>span{font-size:11px;color:var(--muted)}footer>span{margin-left:auto}@media(max-width:1000px){.bottom-grid{gap:25px}.qr-panel{padding:22px;gap:12px}.qr{width:110px;height:110px}.orbit{width:350px;height:350px}.orbit-two{width:300px;height:300px}.hero{gap:20px}.float-label{right:0}}@media(max-width:720px){.topbar,main,footer{padding-left:24px;padding-right:24px}.topbar{height:85px;gap:14px}.brand{font-size:28px}.brand img{width:34px;height:34px}.pilot{display:none}.nav-link{font-size:12px}.hero{grid-template-columns:1fr;padding:25px 0 50px;gap:35px}h1{font-size:52px;letter-spacing:-2.5px}.intro{font-size:17px}.showcase{max-width:360px;width:100%;margin:0 auto}.float-label{right:0}.orbit{max-width:100%}.section-heading{display:block}h2{font-size:27px}.steps{grid-template-columns:1fr;gap:25px}.steps article{position:relative;padding-left:42px}.step-number{position:absolute;left:0;top:10px}.bottom-grid{grid-template-columns:1fr;gap:35px}.qr-panel{padding:24px;gap:20px}.qr{width:120px;height:120px}footer{flex-wrap:wrap;gap:8px 20px}footer p{margin:0}footer>span{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download-button{transition:none}}@media(max-width:360px){h1{font-size:45px}.qr-panel{flex-direction:column;align-items:flex-start}.download-button{padding:15px;font-size:14px}}

@media(max-width:360px){.phone{width:calc(100% - 28px)}.float-label{font-size:10px;padding:8px 10px}.hero-copy{min-width:0}}
/* Sabiqo: identidad multicanal, con la tipografia del proyecto automotriz. */
@font-face{font-family:SabiqoRoboto;src:url('/fonts/roboto-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:SabiqoRoboto;src:url('/fonts/roboto-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:SabiqoRoboto;src:url('/fonts/roboto-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--ink:#172442;--muted:#5d6d88;--paper:#f4f6fc;--line:#dce3f2;--teal:#3269ef}body{font-family:SabiqoRoboto,Roboto,Arial,sans-serif}.topbar{background:#101a36;color:#fff;box-shadow:0 0 0 100vmax #101a36;clip-path:inset(0 -100vmax);height:96px}.brand{font-weight:800;letter-spacing:-1.4px}.brand-dot{color:#61dfbd}.nav-link{color:#dfe6ff}.install-link{margin-left:0}.pilot{background:#243151;color:#c9d4f1;border-color:#3b496a}.hero{position:relative;background:#101a36;color:#fff;box-shadow:0 0 0 100vmax #101a36;clip-path:inset(0 -100vmax);padding:55px 0 75px;gap:55px;grid-template-columns:1.2fr 1fr}.hero .eyebrow{color:#aebde6}.hero .eyebrow>span{background:#88f1c8;box-shadow:0 0 14px #8af0ce}.hero h1{font-size:clamp(54px,5.7vw,80px);font-weight:800;line-height:.98;letter-spacing:-3.8px;margin:27px 0}.hero h1 em{font-family:inherit;font-weight:800;font-style:normal;color:#8cadff;background:linear-gradient(100deg,#8cadff,#b3a0ff 60%,#77e9d0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .intro{color:#c0cbe4;font-size:18px;max-width:460px;margin-top:23px;margin-bottom:19px;line-height:1.65}.channel-pills{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 29px}.channel-pills a{font-size:12px;text-decoration:none;padding:7px 11px;border-radius:8px;font-weight:600;border:1px solid transparent}.channel-pills .wa{background:#153c3d;color:#91f5ba;border-color:#2a5b50}.channel-pills .sms{background:#1d365b;color:#9dcbff;border-color:#365a7e}.channel-pills .mail{background:#352d58;color:#dfbaff;border-color:#534474}.download-button{background:#cefa74;color:#182b1e;font-weight:800;border-radius:12px;box-shadow:0 8px 28px #b9f36a18}.download-button:hover{background:#e1ffad}.hero .download-meta{color:#a5b3d1}.hero .invitation-note{color:#a5b3d1}.hero .invitation-note a{color:#e2eaff}.showcase{color:#23364a;padding-top:35px}.orbit{background:radial-gradient(circle,#5961ba85 0%,#294e6b55 55%,transparent 72%);border-color:#5e6ba44d;width:430px;height:430px;top:80px}.orbit-two{background:none;border-color:#7b94d140;width:360px;height:360px;top:115px}.float-label{background:#d8c8ff;color:#32234e;border:0;right:-10px;top:10px;font-size:12px;transform:rotate(5deg);padding:12px 16px}.spark{color:#6846b3}.phone{width:310px;transform:rotate(-5deg);border:7px solid #e7edf8;box-shadow:0 30px 70px #0006,0 0 0 1px #ffffff3b}.chat-body{min-height:375px;gap:16px;background-color:#eef3fc;background-image:radial-gradient(#b1c5e380 .7px,transparent .7px)}.bubble{font-size:12px;padding:12px 12px 7px}.sent{background:#dce7ff}.received{background:#fff}.chat-header strong{font-size:14px}.chat-header small{font-size:10px}.chat-header{padding-top:12px;padding-bottom:17px}.store-avatar{background:#e3dbff;color:#7041b0}.order-note{font-size:11px}.order-note small{font-size:10px}.order-note>span{background:#e0dcff;color:#7148b6}.mock-input{font-size:11px}.send-icon{background:#376de9}.example-caption{color:#b4c2e1}.channels-section{padding:65px 0 45px}.section-heading h2{font-size:42px;font-weight:800;letter-spacing:-1.4px}.section-heading h2 span{color:#3970ec}.eyebrow{font-weight:800;letter-spacing:1.7px;color:#52688f}.channel-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.channel-card{border:1px solid #e1e7f3;border-radius:22px;padding:27px;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.channel-card:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--accent)}.whatsapp{--accent:#21966a;--wash:#ddf6e8}.messages{--accent:#3975ed;--wash:#e1ebff}.email{--accent:#8a54d1;--wash:#f0e5ff}.channel-icon{background:var(--wash);color:var(--accent);border-radius:14px;width:52px;height:52px;display:grid;place-items:center;margin-bottom:25px}.channel-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.channel-tag{font-size:10px;font-weight:800;letter-spacing:1.1px;color:var(--accent)}.channel-card h3{font-size:27px;line-height:1.15;letter-spacing:-.7px;margin:13px 0 17px;font-weight:800}.channel-card p{font-size:14px;color:var(--muted);line-height:1.75;margin:0 0 23px}.card-foot{border-top:1px solid #e7ebf3;padding-top:16px;display:flex;justify-content:space-between;font-size:12px;color:var(--accent);font-weight:600;margin-top:auto}.card-foot span{font-size:19px;line-height:1}.channel-note{font-size:12px;color:var(--muted);max-width:850px;margin:20px 0 0;line-height:1.8}.install-section{padding:45px 0 55px}.steps{gap:22px}.steps article{border-left:3px solid #b2c8ff;padding-left:22px}.step-number{color:#4072d9;font-size:22px;font-weight:800}.steps h3{font-size:18px;font-weight:800}.bottom-grid{gap:40px}.qr-panel{background:#263e79;color:white;padding:28px}.qr-panel h2{font-weight:800;font-size:29px}.qr-panel .eyebrow{color:#adbcf5}.qr-panel p:not(.eyebrow){color:#d4def4}.questions h2{font-weight:800}.qr{width:136px;height:136px}footer{padding-top:30px;padding-bottom:30px}footer .brand{color:#253f72}
@media(max-width:1000px){.hero{gap:20px}.hero h1{font-size:62px}.orbit{width:350px;height:350px}.orbit-two{width:290px;height:290px}.phone{width:280px}.channel-card{padding:22px}.channel-card h3{font-size:24px}.qr-panel{flex-wrap:wrap}.qr{width:125px;height:125px}.float-label{right:-5px;font-size:11px}}
@media(max-width:720px){.topbar{height:83px}.hero{grid-template-columns:1fr;padding:35px 0 50px;gap:40px}.hero h1{font-size:64px;letter-spacing:-3px}.hero .intro{font-size:17px}.topbar .install-link{display:none}.hero .eyebrow{font-size:10px}.showcase{max-width:350px;padding-top:25px}.phone{width:280px;transform:rotate(-3deg)}.chat-body{min-height:330px}.orbit{max-width:100%}.float-label{right:0;top:0}.section-heading h2{font-size:35px}.channels-section{padding:45px 0 35px}.channel-cards{grid-template-columns:1fr;gap:16px}.channel-card{padding:25px}.channel-icon{margin-bottom:18px}.channel-card h3{font-size:29px}.channel-card h3 br{display:none}.channel-card p{max-width:460px}.steps article{padding-left:45px;border:0}.step-number{top:6px;font-size:20px}.bottom-grid{gap:35px}.qr-panel{flex-wrap:nowrap}.qr{width:118px;height:118px}.qr-panel h2{font-size:26px}.bubble{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:54px;letter-spacing:-2.5px}.phone{width:calc(100% - 30px)}.float-label{font-size:10px;padding:9px 11px}.channel-pills{gap:6px}.channel-pills a{font-size:11px;padding:6px 8px}.section-heading h2{font-size:31px}.qr-panel{flex-direction:column;align-items:flex-start}.hero .download-button{font-size:14px}}
.ios-link{display:flex;align-items:center;gap:10px;color:#e0e8ff;text-decoration:none;font-size:13px;margin-top:20px;width:fit-content}.ios-link span{font-size:11px;border:1px solid #536185;border-radius:20px;padding:3px 9px;color:#c8c4f5}.ios-link:hover{text-decoration:underline}.ios-panel{margin:0 0 45px;padding:35px;border:1px solid #d9def0;background:linear-gradient(125deg,#ececfe,#e5efff);border-radius:22px;display:grid;grid-template-columns:1.6fr 1fr;gap:45px}.ios-panel h2{font-weight:800;font-size:34px}.ios-panel p{font-size:15px;color:#52617d;max-width:540px}.ios-panel .ios-detail{font-size:12px}.ios-status{border-left:1px solid #cbd3ea;padding-left:35px;display:flex;flex-direction:column;justify-content:center}.ios-symbol{font-size:34px;color:#6650b9}.ios-status strong{font-size:23px;color:#513c9d}.ios-status p{font-size:13px}.ios-status small{font-size:12px;color:#67718b;line-height:1.7}@media(max-width:720px){.ios-panel{grid-template-columns:1fr;gap:15px;padding:25px}.ios-status{border-left:0;border-top:1px solid #cbd3ea;padding-left:0;padding-top:15px}.ios-panel h2{font-size:29px}}

.channel-icon .whatsapp-logo{fill:currentColor;stroke:none;width:28px;height:28px}.channel-pills .wa{display:inline-flex;align-items:center;gap:6px}.channel-pills .whatsapp-logo{width:14px;height:14px;fill:currentColor;stroke:none;flex-shrink:0}
.merchant-section{padding:40px 0 55px;border-top:1px solid var(--line)}.merchant-intro{font-size:16px;max-width:760px;color:var(--muted);line-height:1.8}.merchant-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0}.merchant-steps article{padding:24px;background:white;border:1px solid var(--line);border-radius:18px}.merchant-steps article>span{color:#4370d6;font-size:22px;font-weight:800}.merchant-steps h3{font-size:19px;margin:12px 0;font-weight:800}.merchant-steps p{font-size:14px;color:var(--muted);line-height:1.8}.merchant-download{display:inline-block;background:#24488a;color:white;text-decoration:none;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:600}.merchant-download:hover{background:#3265bc}.merchant-access{padding:22px 26px;border-left:4px solid #8762c9;border-radius:0 12px 12px 0;background:#edeafa}.merchant-access strong{font-size:16px;color:#493879}.merchant-access p{font-size:13px;color:#5b5876;max-width:850px;margin:8px 0 0}.merchant-nav{margin-left:0}@media(max-width:720px){.merchant-steps{grid-template-columns:1fr;gap:15px}.merchant-section{padding-top:25px}.merchant-access{padding:19px}.topbar{gap:12px}.topbar .merchant-nav{font-size:11px}.topbar .nav-link{font-size:11px}}@media(max-width:360px){.topbar .nav-link[href="#canales"]{display:none}.topbar .merchant-nav{margin-left:auto}}