/* Editor y licencia: Gestión Al Dia SA. */
.blue-text{color:var(--blue)}
.mobile-login{display:none}
.sidebar{overflow-y:auto;min-height:0}
.sidebar>.brand,.space-switch,.sidebar nav,.sidebar-bottom,.nav-caption{flex-shrink:0}
.marketing-heading h1{font-size:44px;line-height:1.13}
.faq-layout h1{font-size:42px}
.footer-links{flex-wrap:wrap}
.marketing-page{overflow:clip}
.marketing-hero{grid-template-columns:.95fr 1.13fr;gap:58px;padding:68px 0 72px}
.marketing-hero h1{font-size:clamp(46px,4.1vw,65px);line-height:1.07;letter-spacing:-.055em}
.marketing-hero p.lead{font-size:17px;max-width:470px;margin:24px 0 30px;line-height:1.75}
.marketing-hero .eyebrow{font-size:11px;letter-spacing:1.6px;margin-bottom:25px}
.real-product-stage{background:#eaf1fb;padding:10px;border-radius:18px;border:1px solid #d8e3f2;box-shadow:0 25px 65px #19335a1a;position:relative}
.real-product-stage:before{content:'';position:absolute;inset:-28px -26px;z-index:-1;background:radial-gradient(ellipse at 85% 30%,#bcebf777,transparent 65%);border-radius:50%}
.stage-top{display:flex;justify-content:space-between;gap:15px;padding:7px 8px 15px;font-size:9px;letter-spacing:1.2px;font-weight:650;color:#4e6b8b}
.stage-top>span:first-child{display:flex;align-items:center;gap:7px}.stage-top i{height:6px;width:6px;border-radius:50%;background:#24a38a}
.screenshot-button{position:relative;width:100%;display:block;background:white;padding:0;border-radius:9px;overflow:hidden;box-shadow:0 3px 10px #152f5811;text-align:left;border:1px solid #d9e2ed}
.screenshot-button img{width:100%;height:auto;display:block}
.expand-shot{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;background:#0c2246e8;color:white;border:1px solid #ffffff42;border-radius:6px;font-size:11px;padding:7px 10px;box-shadow:0 4px 12px #19335a20}
.expand-shot .icon{height:14px;width:14px}.screenshot-button:hover .expand-shot{background:#2164ed}
.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 6px 6px}.stage-bottom>div{display:flex;align-items:center;gap:11px}.stage-bottom .icon{color:var(--blue);height:24px;width:24px}.stage-bottom b{display:block;font-size:13px}.stage-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.real-label{font-size:8px;letter-spacing:1px;color:#5f7697;font-weight:600}
.promise-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promise-strip>div{padding:0 28px;border-right:1px solid var(--line)}.promise-strip>div:first-child{padding-left:0}.promise-strip>div:last-child{border:0}.promise-strip b{font-size:21px;letter-spacing:-.6px;display:block}.promise-strip span{font-size:12px;color:var(--muted);display:block;margin-top:5px}
.marketing-page .section-top h2{font-size:38px}.marketing-page .section-top p{font-size:15px;line-height:1.75}.marketing-page .eyebrow{font-size:11px}
.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.outcome{padding:30px 30px 32px 0;margin-right:30px;border-right:1px solid var(--line)}.outcome:last-child{margin:0;padding-right:0;border:0}.outcome-number{color:var(--blue);font-size:10px;letter-spacing:1.8px;font-weight:700}.outcome h3{font-size:26px;line-height:1.2;margin:20px 0 17px}.outcome p{font-size:14px;color:var(--muted);line-height:1.8;min-height:100px}.key-sequence{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:12px;color:var(--muted)}kbd{font:600 11px 'Segoe UI',sans-serif;padding:7px 12px;background:#f6f8fc;border:1px solid #d9e3f0;box-shadow:0 2px 0 #d9e3f0;border-radius:5px;color:#496587}.outcome-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.outcome-tags>span{display:flex;align-items:center;gap:5px;background:#edf3ff;padding:6px 10px;color:#446791;border-radius:5px;font-size:11px}.outcome-tags .icon{width:13px;height:13px}
#producto{scroll-margin-top:30px;padding-top:20px}.tour-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 24px}.tour-tab{display:flex;align-items:center;gap:7px;font-size:12px;padding:10px 13px;background:#f4f7fc;border:1px solid #e1e8f2;border-radius:7px;color:#5c708e}.tour-tab .icon{height:16px;width:16px}.tour-tab.active{background:var(--navy);color:white;border-color:var(--navy)}.tour-tab:hover{border-color:#9bb5da}.product-tour{display:grid;grid-template-columns:.8fr 1.6fr;gap:35px;background:#f3f7fc;border:1px solid #e0e8f3;border-radius:16px;padding:35px;align-items:center}.tour-info h3{font-size:31px;letter-spacing:-1px;line-height:1.18}.tour-info .eyebrow{font-size:10px;margin-bottom:15px}.tour-info>p:not(.capture-note){font-size:14px;color:var(--muted);line-height:1.8;margin-top:18px}.benefit-checks{list-style:none;padding:0;margin:24px 0}.benefit-checks li{display:flex;align-items:start;gap:8px;font-size:12px;margin:13px 0;line-height:1.6}.benefit-checks .icon{width:15px;height:15px;color:var(--blue);margin-top:2px}.capture-note{font-size:11px;color:#73849c;line-height:1.7}.tour-screen{min-width:0}.tour-screen .screenshot-button{box-shadow:0 8px 22px #193e8215}
.send-story{display:grid;grid-template-columns:1fr 1.55fr;align-items:center;gap:85px;padding:50px 0 35px}.send-story h2{font-size:48px;line-height:1.14;letter-spacing:-1.8px}.send-story h2 span{color:var(--blue)}.send-story p{font-size:16px;line-height:1.85;margin:25px 0;color:var(--muted)}.send-story small{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-top:22px}.send-preview{padding:14px;background:#ecf2fa;border:1px solid #dce6f3;border-radius:16px}.send-caption{font-size:11px;color:#536e93;padding:17px 6px 3px;display:flex;align-items:center;gap:10px}.send-caption .icon{height:16px;width:16px}.explore-all{margin-top:27px}
.integration-section{background:var(--navy);color:#fff}.integration-section .eyebrow{color:#86b8ff}.integration-section .section-top p{color:#b0c3df}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.integration-card{border:1px solid #294162;background:#132c50;border-radius:10px;padding:24px 20px;display:flex;flex-direction:column;align-items:start}.integration-brand{font-size:20px;font-weight:650;display:flex;gap:8px;align-items:center;line-height:1.3;letter-spacing:-.5px;min-height:52px}.integration-brand.arca{font-weight:800;letter-spacing:-1px;font-size:28px}.integration-brand.arca span{font-size:11px;font-weight:400;letter-spacing:0}.integration-brand.whatsapp{color:#76e3bd}.integration-brand.email{color:#aecbff}.integration-brand.stores{font-size:17px;letter-spacing:-.5px;color:#c8d7f3}.connection-state{display:block;font-size:10px;line-height:1.4;padding:4px 7px;border-radius:4px;margin:15px 0 23px}.connection-state.ready{background:#234b4e;color:#9fe4c2}.connection-state.setup{background:#444538;color:#ecdc9b}.connection-state.planned{background:#323d61;color:#c3c9f0}.integration-card h3{font-size:19px;line-height:1.3;letter-spacing:-.5px;margin-bottom:14px}.integration-card p{font-size:13px;line-height:1.8;color:#c1cee1;flex:1}.integration-card small{font-size:11px;line-height:1.7;color:#9eb2ce;margin-top:25px;border-top:1px solid #294363;padding-top:18px}.integration-foot{display:flex;gap:10px;color:#a6b9d4;font-size:11px;margin-top:25px;line-height:1.7}.integration-foot .icon{width:16px;height:16px;margin-top:2px}
.business-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:center}.business-section h2{font-size:47px;line-height:1.13}.business-section h2 span{color:var(--blue)}.business-section>div>p{font-size:16px;color:var(--muted);margin-top:25px;line-height:1.8}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.business-grid article{padding:25px;background:#f5f8fd;border:1px solid #e5ecf6;border-radius:10px}.business-grid .icon{color:var(--blue);margin-bottom:24px}.business-grid h3{font-size:18px;line-height:1.35}.business-grid p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:10px}
.marketing-heading{max-width:660px;margin:0 auto 48px}.marketing-heading h2{font-size:44px;line-height:1.13}.marketing-heading>p{font-size:16px;color:var(--muted);margin-top:20px}.plan-comparison{border:1px solid var(--line);border-radius:10px;margin-top:25px;overflow:hidden}.plan-comparison>summary{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;cursor:pointer;font-size:14px;font-weight:600;list-style:none}.plan-comparison summary::-webkit-details-marker{display:none}.plan-comparison[open]>summary{border-bottom:1px solid var(--line)}.plan-comparison tbody th{font-size:13px;text-transform:none;letter-spacing:0;white-space:normal;min-width:250px}.plan-comparison td{font-size:13px}.pricing-note{margin-top:25px}
.portal-story{display:flex;align-items:center;gap:45px;background:#eef4ff;border:1px solid #dce7fa;padding:45px;border-radius:14px}.portal-story-icon{height:90px;width:90px;border:1px solid #d6e2f9;display:flex;align-items:center;justify-content:center;border-radius:22px;flex-shrink:0;background:white;color:var(--blue)}.portal-story-icon .icon{width:46px;height:46px;stroke-width:1.3}.portal-story>div:nth-child(2){flex:1}.portal-story .eyebrow{margin-bottom:16px}.portal-story h2{font-size:32px}.portal-story p{font-size:14px;color:var(--muted);margin-top:18px;max-width:550px;line-height:1.8}.portal-story .button{white-space:nowrap}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:start}.faq-layout>div:first-child{position:sticky;top:30px}.faq-layout h2{font-size:42px}.faq-layout>div>p{font-size:15px;color:var(--muted);line-height:1.8;margin:22px 0}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;justify-content:space-between;align-items:start;gap:24px;font-size:15px;font-weight:600;cursor:pointer;list-style:none;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;color:var(--blue);font-weight:400;line-height:1.2}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.85;padding-top:15px}
.final-cta{padding-top:0}.final-cta .blue-section{padding:50px 65px;overflow:hidden}.final-cta .eyebrow{color:#9cc6ff}.final-cta h2{font-size:43px;line-height:1.15}.final-cta .hero-buttons{margin-top:28px}.final-cta small{display:block;margin-top:18px;color:#9cb0cd;font-size:11px}.final-cta .cta-outline{background:transparent;color:white;border-color:#4b6283}.final-cta img{opacity:.4;transform:rotate(-8deg);margin:0 25px 0 45px;width:230px;height:230px;object-fit:contain;flex-shrink:0}.final-cta .blue-section p{font-size:15px;max-width:570px;line-height:1.8}
dialog.lightbox{max-width:1320px;width:calc(100% - 40px);max-height:calc(100dvh - 32px);overflow:auto}.lightbox .dialog-head{padding:17px 24px;position:sticky;top:0;background:white;z-index:2;border-bottom:1px solid var(--line)}.lightbox .dialog-head h2{font-size:21px}.lightbox .dialog-body{padding:16px 24px}.full-shot{display:block;width:100%;height:auto}.lightbox .capture-note{margin-top:12px}
/* More readable body text in the portal without expanding the navigation chrome. */
.side-link{font-size:14px}.ticket-row-title b,.checklist b,.data-table td{font-size:14px}.quick-card h3{font-size:14px}.ticket-row-title small,.checklist small,.quick-card p{font-size:12px}.welcome-panel p{font-size:14px}.key-value{font-size:13px}.subscription-top{font-size:11px}.panel-heading .text-link{font-size:13px}
@media(min-width:1550px){.marketing-hero{padding:90px 0}.marketing-hero h1{font-size:68px}.real-product-stage{margin-right:-15px}}
@media(max-width:1100px){.marketing-hero{gap:30px}.marketing-hero h1{font-size:49px}.integration-grid{grid-template-columns:1fr 1fr}.outcome h3{font-size:23px}.outcome{margin-right:23px;padding-right:23px}.product-tour{grid-template-columns:.85fr 1.25fr;padding:25px;gap:25px}.tour-info h3{font-size:27px}.send-story{gap:40px}.send-story h2{font-size:42px}.business-section{gap:45px}.faq-layout{gap:55px}.portal-story{gap:25px}.portal-story-icon{display:none}.stage-bottom small{font-size:9px}.real-label{display:none}}
@media(max-width:800px){.marketing-hero{grid-template-columns:1fr;padding:40px 0 45px;gap:35px}.marketing-hero h1{font-size:57px}.marketing-hero h1 br:first-child{display:none}.marketing-hero p.lead{max-width:570px}.real-product-stage{max-width:650px}.promise-strip{grid-template-columns:1fr 1fr;gap:24px}.promise-strip>div{padding:0 20px}.promise-strip>div:nth-child(3){padding-left:0}.promise-strip>div:nth-child(2){border:0}.outcome-grid{grid-template-columns:1fr}.outcome{margin:0;border-right:0;border-bottom:1px solid var(--line);padding:27px 0}.outcome h3 br{display:none}.outcome p{min-height:0}.outcome h3{font-size:26px;margin:15px 0}.outcome:last-child{padding:27px 0}.key-sequence,.outcome-tags{margin-top:17px}.product-tour{grid-template-columns:1fr}.tour-info h3{font-size:31px}.benefit-checks{margin:20px 0}.tour-info .capture-note br{display:none}.send-story{grid-template-columns:1fr;padding-top:15px;gap:25px}.send-story h2 br:nth-child(2){display:none}.business-section{grid-template-columns:1fr}.business-section h2 br{display:none}.business-section h2{max-width:500px}.portal-story{flex-wrap:wrap}.portal-story>div:nth-child(2){min-width:100%}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout>div:first-child{position:static}.faq-layout h2 br{display:none}.final-cta .blue-section{padding:38px}.final-cta img{display:none}.marketing-page .section-top h2{font-size:34px}.marketing-heading h2{font-size:39px}.final-cta h2{font-size:38px}}
@media(max-width:520px){.marketing-hero h1{font-size:44px}.marketing-hero h1 br:first-child{display:initial}.marketing-hero .eyebrow{font-size:9px;letter-spacing:1.2px}.marketing-hero p.lead{font-size:16px}.marketing-hero .hero-buttons{gap:10px}.marketing-hero .button{font-size:12px;padding:11px 14px}.marketing-hero .hero-notes{font-size:10px;gap:10px}.promise-strip b{font-size:20px}.promise-strip span{font-size:11px}.promise-strip>div{padding-right:0}.stage-top{font-size:8px}.stage-bottom b{font-size:12px}.stage-bottom small{font-size:9px}.real-product-stage{padding:7px;border-radius:12px}.expand-shot{font-size:9px;padding:5px 7px;bottom:7px;right:7px}.expand-shot .icon{width:12px;height:12px}.marketing-page .section{padding:55px 0}.marketing-page #producto{padding-top:5px}.marketing-page .section-top h2{font-size:31px}.marketing-page .section-top p{font-size:14px}.tour-tabs{gap:7px;margin:22px 0 18px}.tour-tab{font-size:11px;padding:8px 10px}.tour-tab .icon{height:14px;width:14px}.product-tour{padding:20px 15px;gap:20px}.tour-info h3{font-size:28px}.tour-info>p:not(.capture-note){font-size:14px}.send-story h2{font-size:37px}.send-story p{font-size:15px}.send-caption{font-size:10px}.integration-grid{grid-template-columns:1fr}.integration-card{padding:23px}.integration-brand{min-height:0}.integration-card h3{font-size:22px}.integration-card p{font-size:14px}.connection-state{margin-bottom:17px}.business-section{gap:28px}.business-section h2{font-size:37px}.business-grid{gap:10px}.business-grid article{padding:19px 15px}.business-grid h3{font-size:16px}.marketing-heading h2{font-size:34px}.marketing-heading{margin-bottom:40px}.marketing-heading>p{font-size:14px}.portal-story{padding:25px}.portal-story h2{font-size:29px}.portal-story .button{width:100%}.faq-layout h2{font-size:33px}.faq-list summary{font-size:14px}.final-cta .blue-section{padding:28px}.marketing-page .final-cta{padding-top:0}.final-cta h2{font-size:31px}.final-cta .button{font-size:13px}.lightbox .dialog-head{padding:14px}.lightbox .dialog-body{padding:10px}.lightbox .dialog-head h2{font-size:19px}dialog.lightbox{width:calc(100% - 16px)}}
@media(max-width:800px){.mobile-login{display:block}.marketing-heading h1{font-size:39px}.faq-layout h1{font-size:36px}}
@media(max-width:360px){.site-header .brand img{width:34px;height:34px}.site-header .brand-text small{font-size:8px}.site-header .header-actions{gap:2px}.site-header .header-actions .button{font-size:11px;padding:8px}.demo-bar{font-size:9px;padding:0 10px}.demo-tools{gap:9px}}
@media(max-width:520px){.marketing-heading h1{font-size:34px}.faq-layout h1{font-size:33px}.site-header{gap:10px}.header-actions{gap:7px}.site-header .brand-text{font-size:14px}.site-header .brand-text small{font-size:10px}.header-actions .button{font-size:12px;padding:9px 10px}.header-actions .button .icon{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.button:hover{transform:none}}
