:root{--green:#5597ce;--green-logo:#5597ce;--green-soft:#eaf3fa;--ink:#293c56;--muted:#606a80;--bg:#f3f5fa;--line:#e1e5ef;--white:#fff;--accent:#ee9b12;--radius:22px;--width:1180px;--shadow:0 18px 60px rgba(41,60,86,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;left:16px;top:12px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.section-shell{max-width:var(--width);margin:auto;padding-left:22px;padding-right:22px}.site-header{position:sticky;top:0;z-index:50;background:rgba(243,245,250,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(225,229,239,.75)}.header-inner{max-width:var(--width);margin:auto;padding:15px 22px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:158px}.desktop-nav{display:none;gap:28px}.desktop-nav a,.mobile-menu a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:650}.desktop-nav a:hover,.mobile-menu a:hover{color:var(--green)}.button{min-height:50px;padding:13px 18px;border-radius:13px;border:1px solid transparent;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:24px;transition:.2s ease}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:#3f7fb6;transform:translateY(-1px)}.button-outline{background:#fff;border-color:var(--line);color:var(--ink)}.button-outline:hover{border-color:#b9c2d2}.button-small{min-height:43px;padding:9px 14px;font-size:14px}.header-cta{display:none}.menu-button{width:45px;height:43px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-content:center;gap:6px}.menu-button span{display:block;width:20px;height:2px;background:var(--ink)}.mobile-menu{padding:6px 22px 18px;max-width:var(--width);margin:auto}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid var(--line)}
.hero{padding-top:56px;padding-bottom:80px;display:grid;gap:46px;align-items:center}.eyebrow,.mini-eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--green);margin:0}.hero h1,.section-heading h2,.contact h2,.legal-strip h2{font-size:clamp(42px,8vw,76px);line-height:.98;letter-spacing:-.055em;margin:14px 0 22px;max-width:850px}.hero h1 span,.section-heading h2 span,.contact h2 span,.legal-strip h2 span,.app-heading h2 span{color:var(--green)}.hero-lead{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:680px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:30px 0 26px}.text-link{text-decoration:none;font-weight:750}.text-link:hover{color:var(--green)}.hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-size:13px}.product-window{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:18px;overflow:hidden}.window-top{display:flex;align-items:center;gap:10px;padding:3px 4px 18px}.window-brand{margin-right:auto}.demo-pill{font-size:10px;letter-spacing:.1em;background:var(--green-soft);color:var(--green);padding:4px 7px;border-radius:5px;font-weight:800}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:12px;font-weight:800}.app-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px 4px}.app-heading h2{font-size:clamp(28px,4vw,38px);letter-spacing:-.045em;margin:6px 0 3px}.app-heading p{color:var(--muted);margin:0;font-size:14px}.section-index{display:none;font-size:11px;color:var(--muted);letter-spacing:.1em}.app-grid{display:grid;gap:14px}.clock-card,.movement-card{border-radius:22px;padding:22px}.clock-card{background:var(--green);color:#fff}.movement-card{border:1px solid var(--line)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:750;letter-spacing:.03em}.status{border:1px solid rgba(255,255,255,.4);border-radius:100px;padding:5px 9px;font-size:11px}.status[data-state="working"]{background:#e0f1ff;color:#245f8d;border-color:transparent}.status[data-state="paused"]{background:#fff0cc;color:#674409;border-color:transparent}.timer-label{margin:27px 0 0;color:#deedf8;font-size:13px}.timer{font-size:clamp(42px,8vw,62px);line-height:1.15;letter-spacing:-.045em;font-weight:700;font-variant-numeric:tabular-nums;margin:2px 0}.pause-total{font-size:13px;color:#deedf8}.pause-total strong{color:#fff;margin-left:8px;font-variant-numeric:tabular-nums}.state-help{min-height:44px;margin:20px 0 10px;font-size:13px}.demo-actions{display:grid;gap:8px}.demo-primary,.demo-secondary{min-height:47px;border-radius:11px;font-weight:750;border:0;padding:11px 14px}.demo-primary{display:flex;justify-content:space-between;background:#fff;color:var(--green)}.demo-secondary{background:transparent;border:1px solid rgba(255,255,255,.42);color:#fff}.demo-secondary:disabled{opacity:.45;cursor:not-allowed}.count{background:var(--bg);padding:3px 9px;border-radius:8px}.timeline{list-style:none;padding:0;margin:18px 0 0}.timeline li{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center;font-size:13px}.timeline li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}.timeline time{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.empty-state{text-align:center;color:var(--muted);padding:48px 0 28px;font-size:14px}.empty-state small{display:block;margin-top:5px}.demo-note{font-size:11px;color:var(--muted);text-align:center;margin:12px 0 0}
.problem,.features,.pricing,.faq,.seo-content,.contact{padding-top:92px;padding-bottom:92px}.section-heading{margin-bottom:38px}.section-heading h2{font-size:clamp(34px,6vw,58px);max-width:830px}.section-heading>p:last-child{color:var(--muted);font-size:18px;max-width:680px}.centered{text-align:center;margin-left:auto;margin-right:auto}.centered h2,.centered>p:last-child{margin-left:auto;margin-right:auto}.problem-grid,.steps,.pricing-grid{display:grid;gap:16px}.problem-card,.step,.feature-card,.price-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px}.problem-card h3,.step h3,.feature-card h3,.price-card h3{font-size:20px;letter-spacing:-.02em;margin:14px 0 8px}.problem-card p,.step p,.feature-card p,.plan-for{color:var(--muted);margin:0}.big-number{font-size:12px;letter-spacing:.13em;color:var(--green);font-weight:800}.steps-section{background:#edf4fa;padding:92px 0}.step-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:800;font-size:12px}.step-icon{font-size:40px;line-height:1;color:var(--green);margin:38px 0 28px}.feature-layout{display:grid;gap:16px}.feature-main{background:var(--ink);color:#fff;border-radius:var(--radius);padding:30px;display:grid;gap:30px}.feature-main h3{font-size:clamp(28px,5vw,42px);line-height:1.05;letter-spacing:-.04em;margin:12px 0}.feature-main p{color:#c8d0db;max-width:560px}.feature-tag{font-size:11px;letter-spacing:.12em;font-weight:800;color:#9fc8e8}.state-stack{display:grid;gap:9px}.state-stack div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);padding:13px;border-radius:12px;background:rgba(255,255,255,.04);font-size:13px}.state-dot{width:9px;height:9px;border-radius:50%;background:#18c724}.state-dot.pause{background:#efb94f}.state-dot.out{background:#a8b2c3}.feature-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:var(--green-soft);color:var(--green);font-size:24px}.legal-strip{background:var(--green);color:#fff;padding:78px 0}.legal-inner{display:grid;gap:28px}.legal-strip .eyebrow{color:#d9ebf8}.legal-strip h2{font-size:clamp(34px,5vw,54px);margin-bottom:0}.legal-strip h2 span{color:#cce4f5}.legal-strip p:last-child{color:#eaf3fa;max-width:620px;margin:0;font-size:16px}
.billing-switch{width:max-content;max-width:100%;margin:0 auto 28px;background:#e7eaf1;border-radius:12px;padding:4px;display:flex}.billing-switch button{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:9px;font-weight:700}.billing-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(41,60,86,.08)}.billing-switch span{font-size:10px;color:var(--green);margin-left:5px}.price-card{position:relative}.price-card.featured{border:2px solid var(--green);box-shadow:var(--shadow)}.popular{position:absolute;right:18px;top:18px;background:var(--green-soft);color:var(--green);font-size:10px;letter-spacing:.09em;font-weight:850;border-radius:6px;padding:5px 8px}.plan-name{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0}.price{margin:26px 0 5px;min-height:65px;display:flex;align-items:baseline;gap:7px}.price strong{font-size:clamp(30px,4vw,44px);letter-spacing:-.05em}.price>span{color:var(--muted);font-size:12px}.billing-note{font-size:12px;color:var(--muted);min-height:20px;margin:0 0 16px}.full{width:100%}.price-card ul{list-style:none;padding:0;margin:24px 0 0}.price-card li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.price-card li::before{content:"✓";color:var(--green);font-weight:850;margin-right:9px}.price-disclaimer{text-align:center;color:var(--muted);font-size:12px;margin:20px auto 0}.price-disclaimer code{background:#fff;border:1px solid var(--line);padding:2px 5px;border-radius:5px}.calculator{margin-top:38px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;gap:28px}.calculator h3{font-size:28px;letter-spacing:-.03em;margin:8px 0}.calculator p{color:var(--muted)}.calc-control label{display:flex;justify-content:space-between;align-items:baseline;color:var(--muted)}.calc-control label strong{font-size:28px;color:var(--ink)}.calc-control input{width:100%;accent-color:var(--green);margin:18px 0}.calc-total{display:grid;background:var(--bg);padding:18px;border-radius:14px}.calc-total span,.calc-total small{color:var(--muted);font-size:12px}.calc-total strong{font-size:30px;letter-spacing:-.04em}.seo-content{border-top:1px solid var(--line)}.seo-columns{display:grid;gap:36px}.seo-columns h3{font-size:22px;letter-spacing:-.02em}.seo-columns p{color:var(--muted)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 2px;font-weight:750;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:23px;color:var(--green);transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);margin:0;padding:0 40px 22px 2px;max-width:850px}.contact-card{background:var(--ink);color:#fff;border-radius:30px;padding:32px;display:grid;gap:34px}.contact-card .eyebrow{color:#9fc8e8}.contact h2{font-size:clamp(36px,6vw,58px);margin-bottom:14px}.contact h2 span{color:#9fc8e8}.contact-card>div>p:last-child{color:#c8d0db}.contact-options{display:grid;gap:12px}.contact-options a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;text-decoration:none;border:1px solid rgba(255,255,255,.14);padding:15px;border-radius:15px;background:rgba(255,255,255,.04)}.contact-options a:hover{background:rgba(255,255,255,.08)}.contact-options small{display:block;color:#9ba7b7;font-size:10px;letter-spacing:.1em}.contact-options strong{overflow-wrap:anywhere}.contact-icon{width:43px;height:43px;border-radius:12px;background:var(--green);display:grid;place-items:center;font-weight:850}.site-footer{background:#fff;border-top:1px solid var(--line);padding:55px 0 24px}.footer-grid{display:grid;gap:34px}.footer-brand p,.footer-grid span{color:var(--muted);font-size:13px}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:8px}.footer-grid strong{font-size:13px;margin-bottom:5px}.footer-grid a{text-decoration:none;color:var(--muted);font-size:13px}.footer-grid a:hover{color:var(--green)}.footer-bottom{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media(min-width:760px){.header-inner{padding-top:18px;padding-bottom:18px}.desktop-nav{display:flex}.header-cta{display:inline-flex}.menu-button,.mobile-menu{display:none!important}.hero{padding-top:76px;padding-bottom:110px}.app-grid{grid-template-columns:1.18fr .82fr}.section-index{display:block}.demo-actions{grid-template-columns:1fr 1fr}.problem-grid,.steps,.pricing-grid{grid-template-columns:repeat(3,1fr)}.feature-layout{grid-template-columns:repeat(2,1fr)}.feature-main{grid-column:1/-1;grid-template-columns:1.2fr .8fr;align-items:center;padding:42px}.legal-inner{grid-template-columns:1.1fr .9fr;align-items:end}.calculator{grid-template-columns:.8fr 1.2fr;align-items:center}.seo-columns{grid-template-columns:1fr 1fr}.contact-card{grid-template-columns:1.15fr .85fr;padding:48px}.footer-grid{grid-template-columns:2fr 1fr 1.2fr 1fr}}
@media(min-width:1020px){.hero{grid-template-columns:.9fr 1.1fr;gap:56px}.product-window{padding:22px}.problem,.features,.pricing,.faq,.seo-content,.contact{padding-top:120px;padding-bottom:120px}.steps-section{padding:120px 0}.feature-layout{grid-template-columns:repeat(4,1fr)}.feature-main{grid-column:1/-1}}
@media(max-width:380px){.brand img{width:136px}.header-inner{gap:10px}.product-window{padding:12px}.clock-card,.movement-card{padding:18px}.hero h1{font-size:39px}.contact-card{padding:24px}}
.legal-copy{max-width:820px}.legal-copy h1{font-size:clamp(38px,6vw,60px);letter-spacing:-.05em}.legal-copy h2{font-size:22px;margin:34px 0 8px}.legal-copy p{color:var(--muted)}
/* Flujo de conversión: explica el alta antes del bloque de precios. */
.conversion-flow{background:#edf4fa}.conversion-grid{display:grid;gap:10px}.conversion-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.conversion-step>span{display:block;color:var(--green);font-size:10px;letter-spacing:.12em;font-weight:850;margin-bottom:18px}.conversion-step strong{display:block;font-size:17px}.conversion-step p{color:var(--muted);font-size:13px;margin:5px 0 0}.flow-cta{margin-top:22px;background:var(--ink);color:#fff;border-radius:20px;padding:22px;display:grid;gap:16px;align-items:center}.flow-cta strong,.flow-cta span{display:block}.flow-cta span{color:#bfc8d4;font-size:13px;margin-top:3px}.flow-cta .button-primary{background:#fff;color:var(--green)}.flow-cta .button-primary:hover{background:#f3f7fb}
@media(min-width:760px){.conversion-grid{grid-template-columns:repeat(5,1fr)}.flow-cta{grid-template-columns:1fr auto;padding:26px}}

/* Mejoras SEO/arquitectura de contenidos */
.demo-title{font-size:clamp(28px,4vw,38px);line-height:1.1;letter-spacing:-.045em;margin:6px 0 3px;font-weight:800}.demo-title span{color:var(--green)}
.resources{padding-top:92px;padding-bottom:92px;border-top:1px solid var(--line)}.resource-grid{display:grid;gap:16px}.resource-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;text-decoration:none;transition:.2s ease}.resource-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c9d2df}.resource-card>span{font-size:10px;letter-spacing:.12em;font-weight:850;color:var(--green)}.resource-card h3{font-size:21px;letter-spacing:-.025em;margin:10px 0 8px}.resource-card p{color:var(--muted);margin:0 0 18px}.resource-card b{font-size:13px;color:var(--green)}
.content-page{background:#fff}.content-hero{background:var(--bg);padding:76px 0 66px;border-bottom:1px solid var(--line)}.content-hero h1{font-size:clamp(40px,7vw,68px);line-height:1;letter-spacing:-.055em;margin:14px 0 20px;max-width:900px}.content-hero .lead{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:780px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:20px}.breadcrumbs a{color:var(--green);text-decoration:none}.article-layout{display:grid;gap:42px;max-width:1000px;margin:auto;padding:70px 22px 100px}.article-copy{max-width:780px}.article-copy h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.035em;margin:52px 0 14px}.article-copy h2:first-child{margin-top:0}.article-copy h3{font-size:21px;margin:30px 0 8px}.article-copy p,.article-copy li{color:var(--muted)}.article-copy ul{padding-left:20px}.article-copy li{margin:8px 0}.article-note{background:var(--green-soft);border:1px solid #d3e5f3;border-radius:16px;padding:18px 20px;color:#416d91}.article-note strong{color:var(--green)}.related-links{display:grid;gap:10px;margin-top:46px}.related-links a{display:block;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;font-weight:750}.related-links a:hover{border-color:var(--green);color:var(--green)}.article-cta{background:var(--ink);color:#fff;border-radius:24px;padding:28px;margin-top:52px}.article-cta p{color:#c8d0db}.article-cta .button{margin-top:8px}.simple-header .header-inner{justify-content:space-between}.simple-header .brand{margin-right:0}.simple-header-actions{display:flex;gap:10px;align-items:center}.simple-header-actions a:first-child{font-size:14px;text-decoration:none;color:var(--muted);font-weight:700}.lead-page{max-width:820px;margin:auto;padding:80px 22px 110px}.lead-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(28px,5vw,50px);box-shadow:var(--shadow)}.lead-card h1{font-size:clamp(38px,7vw,62px);line-height:1;letter-spacing:-.05em;margin:14px 0 18px}.lead-card>p{color:var(--muted);font-size:18px}.lead-options{display:grid;gap:12px;margin-top:28px}.lead-options a{justify-content:flex-start}.lead-small{margin-top:20px!important;font-size:13px!important}.legal-warning{background:#fff7e8;border:1px solid #f0d69c;padding:16px 18px;border-radius:14px;color:#68490b!important}.legal-warning strong{color:#68490b}
@media(min-width:760px){.resource-grid{grid-template-columns:repeat(2,1fr)}.resources{padding-top:120px;padding-bottom:120px}.lead-options{grid-template-columns:1fr 1fr}}

.source-line{font-size:13px}.source-line a{color:var(--green);font-weight:750}