@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--navy:#0b1f33;--ink:#183247;--muted:#587082;--blue:#0878c9;--teal:#20b8aa;--white:#fff;--editorial-stripe:#eaf2fb;--line:#d6e2e8;--shadow:0 12px 32px #0b1f331a;--button-radius:999px;color:var(--ink);font-synthesis:none;background:#fff;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;min-width:320px;margin:0}a{color:inherit;text-decoration:none}.site-header{z-index:5;color:#fff;justify-content:space-between;align-items:center;width:min(1180px,100% - 3rem);min-height:72px;margin:auto;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:.5rem;font-weight:800;display:flex}.brand strong{font-size:.9rem}.brand img{object-fit:contain;width:30px;height:30px}.brand small{color:#b7cbd5;font-size:.6rem;font-weight:500;display:block}nav{align-items:center;gap:1.15rem;font-size:.74rem;font-weight:600;display:flex}nav a{opacity:.9}nav a:hover{opacity:1;color:#70d9d0}.login-link{border-radius:var(--button-radius);border:1px solid #ffffff73;padding:.52rem .8rem}.site-header--home .login-link{border-radius:var(--button-radius)!important;background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}.site-header--home .login-link:hover{color:#fff!important;background:#0564aa!important;border-color:#0564aa!important}.hero{background:var(--navy) url(/brand/mi-despacho-hero.webp) center/cover;width:100%;min-height:680px;margin:0;padding:7rem max(1.5rem,50% - 590px) 8rem;display:block;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg,#030c17f5 0%,#04111ee0 34%,#05233f7a 62%,#05284924 84%,#05284914 100%);position:absolute;inset:0}.hero-copy{z-index:1;width:min(560px,100%);position:relative}.eyebrow{color:#70d9d0;text-transform:uppercase;letter-spacing:.12em;margin:0 0 1rem;font-size:.7rem;font-weight:800}.hero h1,.section-intro h2,.signup-copy h2{color:var(--navy);letter-spacing:-.045em;margin:0;font-family:Manrope,sans-serif;font-weight:800;line-height:1.05}.hero h1{color:#fff;max-width:10ch;font-size:clamp(3rem,5vw,5rem)}.hero-lead{color:#e5eff4;max-width:34rem;margin:1.35rem 0 0;font-size:1.08rem;line-height:1.65}.hero-actions{align-items:center;gap:1.4rem;margin-top:2rem;display:flex}.button{border-radius:var(--button-radius);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.75rem 1.1rem;font-weight:700;display:inline-flex}.button-primary{color:#fff;background:var(--blue);box-shadow:0 10px 22px #0878c933}.button-primary:hover{background:#0564aa;transform:translateY(-1px)}.text-link{color:#fff;border-bottom:1px solid #fff;font-size:.88rem;font-weight:700}.trust-line{color:#d5e7ee;align-items:center;gap:.4rem;margin-top:2.3rem;font-size:.78rem;display:flex}.hero-photo{display:none}.feature-band{background:var(--white);padding:5.2rem max(1.5rem,50% - 590px)}.section-intro{max-width:38rem}.section-intro h2,.signup-copy h2{font-size:clamp(2rem,3.4vw,3rem)}.section-intro>p:last-child,.signup-copy>p{color:var(--muted);line-height:1.65}.feature-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;display:grid}.feature-grid article{background:var(--white);min-height:200px;padding:1.6rem}.feature-grid svg{color:var(--blue)}.feature-grid h3{margin:1.3rem 0 .45rem;font:700 1.05rem Manrope,sans-serif}.feature-grid p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.workspace-band{border-top:1px solid var(--line);background:var(--editorial-stripe);grid-template-columns:.8fr 1.2fr;align-items:center;gap:4rem;width:100%;margin:0;padding:5.5rem max(1.5rem,50% - 590px);display:grid}.workspace-heading h2{max-width:14ch;color:var(--navy);letter-spacing:-.045em;margin:0;font:800 clamp(2rem,3.4vw,3rem)/1.05 Manrope,sans-serif}.workspace-content{margin:0;display:block}.workspace-copy{max-width:38rem;color:var(--muted);line-height:1.65}.workspace-summary{max-width:32rem;color:var(--muted);margin:1.25rem 0 0;font-size:.95rem;line-height:1.65}.workspace-copy p{margin:0 0 1rem}.workspace-status{color:var(--ink);align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;display:inline-flex}.workspace-status svg{color:#70808a}.storage-diagram{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr;gap:0;width:100%;min-height:250px;margin:auto;padding:1.5rem;display:grid;box-shadow:0 12px 28px #0b1f330f}.diagram-node{min-height:64px;color:var(--muted);border:1px solid var(--line);text-align:left;background:#f7fafb;border-radius:6px;justify-content:center;align-items:center;gap:.65rem;padding:.7rem 1rem;font-size:.75rem;line-height:1.4;display:flex}.diagram-node svg{color:#70808a;flex:none}.diagram-node strong{color:var(--ink);font-size:.8rem}.diagram-node--main{width:min(260px,100%);color:var(--ink);background:#eef5f7;border-color:#b9ccd8;justify-self:center}.diagram-node--main svg{color:var(--blue)}.diagram-connector{background:#a7bac5;width:1px;height:18px;margin:auto;display:block}.diagram-branch{justify-content:center;display:flex}.diagram-branch .diagram-node{width:min(300px,100%)}.diagram-line{display:none}.diagram-split{grid-template-columns:repeat(2,1fr);width:min(560px,100%);height:28px;margin:auto;display:grid;position:relative}.diagram-split:before{content:"";background:#a7bac5;height:1px;position:absolute;top:0;left:25%;right:25%}.diagram-split span{background:#a7bac5;width:1px;height:28px;margin:auto}.diagram-options{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.value-band{border-top:1px solid var(--line);background:var(--white);width:100%;margin:0;padding:5.5rem max(1.5rem,50% - 590px)}.value-band .section-intro{max-width:45rem}.value-list{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin:3rem 0 0;padding:0;list-style:none;display:grid}.value-list li{background:var(--white);grid-template-columns:2.5rem 1fr;gap:1rem;min-height:150px;padding:1.4rem;display:grid}.value-list li>span{color:var(--blue);font:800 1.35rem/1 Manrope,sans-serif}.value-list strong{color:var(--ink);font:700 1rem/1.3 Manrope,sans-serif;display:block}.value-list p{color:var(--muted);margin:.55rem 0 0;font-size:.84rem;line-height:1.6}.signup-section{grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:start;gap:4rem;width:min(1080px,100% - 3rem);margin:5.5rem auto;display:grid}.signup-cta{color:#fff;background:#07111f;width:100%;min-height:0;margin:0;padding:0 max(1.5rem,50% - 590px);display:block;position:relative;overflow:hidden}.signup-cta:before{z-index:1;content:"";background:linear-gradient(90deg,#030811fc 0%,#07111fe6 38%,#07111f57 68%,#07111f1a 100%);position:absolute;inset:0}.signup-content{z-index:3;grid-template-columns:minmax(0,1fr) minmax(360px,500px);gap:4rem;padding:2.5rem 0;display:grid;position:relative}.signup-cta .signup-copy,.signup-cta .signup-form{z-index:3;position:relative}.signup-cta .signup-copy h2{color:#fff}.signup-cta .signup-copy>p{color:#ffffffb8}.signup-cta .signup-copy ul{color:#fff}.signup-cta .signup-form{background:#fffffff7;box-shadow:0 18px 45px #0000003d}.signup-gallery{z-index:0;opacity:.82;padding:.15rem 0;position:absolute;inset:0;overflow:hidden}.signup-gallery-track{will-change:transform;align-items:center;gap:.3rem;width:max-content;height:100%;animation:105s linear infinite signup-marquee;display:flex}.signup-gallery figure{aspect-ratio:auto;border:1px solid #ffffff40;border-radius:8px;flex:0 0 clamp(280px,28vw,440px);width:clamp(280px,28vw,440px);height:calc(100% - .3rem);margin:0;overflow:hidden;box-shadow:0 18px 30px #0000004d}.signup-gallery img{object-fit:cover;filter:saturate(.9)contrast(1.04);width:100%;height:100%;display:block}@keyframes signup-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - .15rem))}}.signup-copy ul{color:var(--ink);gap:.8rem;margin:2rem 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}.signup-copy li{align-items:center;gap:.55rem;display:flex}.signup-copy li svg{color:var(--teal)}.signup-form{border:1px solid var(--line);background:#fffffff7;border-radius:10px;gap:1rem;width:100%;max-width:500px;padding:2rem 2rem .75rem;display:grid;box-shadow:0 14px 35px #0b1f330f}.signup-form label:not(.checkbox){color:var(--ink);gap:.35rem;font-size:.78rem;font-weight:700;display:grid}.signup-form input:not([type=checkbox]),.signup-form select,.signup-form textarea{width:100%;min-height:2.9rem;color:var(--ink);font:inherit;background:#fff;border:1px solid #b9ccd8;border-radius:10px;outline:none;padding:.6rem .7rem}.signup-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0878c91f}.checkbox{color:var(--muted);align-items:flex-start;gap:.5rem;font-size:.72rem;line-height:1.45;display:flex}.checkbox input{accent-color:var(--blue);margin-top:.25rem}.form-note{color:var(--muted);text-align:center;margin:0;font-size:.7rem}footer{color:#a9bac6;background:#030a14;width:100%;margin:0;padding:3.5rem max(1.5rem,50% - 590px) 1.5rem;font-size:.78rem}footer a{color:#d7e4ea}footer a:hover{color:#70d9d0}.footer-main{grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(130px,1fr));gap:3rem;padding-bottom:3rem;display:grid}.footer-intro{max-width:22rem}.footer-intro p{color:#91a6b4;margin:1rem 0;line-height:1.7}.footer-column{align-content:start;gap:.7rem;display:grid}.footer-column h2{color:#fff;margin:0 0 .45rem;font:700 .78rem/1.2 Manrope,sans-serif}.footer-column a{line-height:1.4}.footer-bottom{color:#8195a3;border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;font-size:.7rem;display:flex}.footer-brand{align-items:center;gap:.35rem;display:flex}.footer-brand img,.footer-brand .footer-brand__logo{object-fit:contain;width:14px;height:14px}footer .footer-intro .footer-brand img{width:24px;height:24px}.floating-actions{z-index:20;gap:.65rem;display:grid;position:fixed;bottom:2rem;right:2rem}.floating-actions button,.floating-whatsapp{border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:0 4px 16px #00000040}#back-to-top{color:#94a3b8d9;cursor:pointer;backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#0f172ae0;border:1px solid #ffffff26;transition:opacity .25s,transform .25s,border-color .2s,color .2s;transform:translateY(12px)}.floating-actions #back-to-top svg{transform:rotate(-90deg)}#back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-whatsapp{color:#fff;background:#25d366;border-color:#25d366;transition:transform .2s,box-shadow .2s,filter .2s;overflow:hidden}.floating-whatsapp:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 8px 24px #25d3665c}.floating-whatsapp:focus-visible{outline-offset:3px;outline:2px solid #fff}.floating-whatsapp__icon{object-fit:contain;width:50%;height:50%;display:block}.cookie-banner{z-index:40;border-top:2px solid var(--blue);backdrop-filter:blur(12px);background:#0b1f33f5;padding:1.1rem 1.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.cookie-banner.is-visible{transform:translateY(0)}.cookie-banner__inner{flex-wrap:wrap;align-items:center;gap:1.5rem;width:min(100% - 3rem,80rem);margin-inline:auto;display:flex}.cookie-banner__text{color:#e5eff4;flex:1;min-width:22ch;margin:0;font-size:.875rem;line-height:1.6}.cookie-banner__link{color:#70d9d0;white-space:nowrap;margin-left:.35rem;text-decoration:underline}.cookie-banner__actions{flex-shrink:0;gap:.65rem;display:flex}.cookie-banner__btn{border-radius:var(--button-radius);cursor:pointer;border:1px solid #0000;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;line-height:1}.cookie-banner__btn--primary{color:#fff;background:var(--blue);border-color:var(--blue)}.cookie-banner__btn--secondary{color:#e5eff4;background:0 0;border-color:#6a8191}.cookie-banner__btn:focus-visible{outline-offset:3px;outline:2px solid #70d9d0}@media (width<=800px){.site-header{color:#fff;width:min(100% - 2rem,600px);min-height:70px;position:absolute;left:0;right:0}.brand small{color:#d5e7ee}nav a:not(.login-link){display:none}.hero{background-position:63%;min-height:650px;padding:8rem max(1rem,50% - 300px) 5rem}.hero:before{background:linear-gradient(90deg,#04121fe0,#04121f8a)}.hero h1{font-size:clamp(2.8rem,14vw,4rem)}.feature-band{padding:4rem 1rem}.feature-grid{grid-template-columns:1fr}.workspace-band{grid-template-columns:1fr;gap:1.5rem;width:min(100% - 2rem,600px);margin-top:4rem;padding-top:2.5rem}.workspace-band h2{max-width:16ch}.value-band{width:min(100% - 2rem,600px);margin-top:4rem;padding-top:2.5rem}.value-list{grid-template-columns:1fr;margin-top:2rem}.signup-section{grid-template-columns:1fr;gap:2rem;width:min(100% - 2rem,600px);margin:4rem auto}.signup-content{grid-template-columns:1fr;gap:2rem;padding:1.75rem 0}footer{padding:2.5rem 1rem 1.25rem}.footer-main{grid-template-columns:1fr 1fr;gap:2rem 1.5rem;padding-bottom:2.5rem}.footer-intro{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}.floating-actions{bottom:5.5rem;right:.8rem}.cookie-banner{padding:1rem}.cookie-banner__inner{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.cookie-banner__actions{width:100%}.cookie-banner__btn{text-align:center;flex:1}.workspace-band{width:100%;margin:0;padding:4rem 1rem;display:block}.workspace-content{margin-top:2rem}.storage-diagram{padding:1rem}.diagram-branch{grid-template-columns:.35fr 2fr .35fr}.diagram-split{grid-template-columns:1fr}.diagram-split:before{left:50%;right:50%}.diagram-options{grid-template-columns:1fr}.value-band{width:100%;margin:0;padding:4rem 1rem}.signup-cta{width:100%;margin:0;padding:1.25rem 1rem}.signup-gallery{opacity:.24;padding:.15rem 0}.signup-gallery-track{gap:.25rem;animation-name:signup-marquee-mobile}.signup-gallery figure{width:190px;height:190px}.signup-form{max-width:none}}@keyframes signup-marquee-mobile{0%{transform:translate(0)}to{transform:translate(calc(-50% - .125rem))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cookie-banner,#back-to-top{transition:none}.signup-gallery-track{animation:none}}
