.landing{background:#fafbf8}
.landing .demo-capture,.landing .demo-input{background:#fff;color:#183b2b}
.landing .demo-capture{border-bottom:1px solid #dce7dd}
.landing .demo-input{border-color:#d5e0d6;box-shadow:none}
.landing .demo-workspace{box-shadow:0 12px 38px #1430200a}
.landing .exercise-demo-viewer{background:#fff;border-color:#dce5db;box-shadow:0 6px 25px #14302008}
.landing .exercise-demo-tabs{background:white;border-bottom:1px solid #e4eae1}
.landing .exercise-demo-tabs button{color:#546d57;background:white}
.landing .exercise-demo-tabs button[aria-pressed=true]{color:#35612c;background:#eef5e4;border-color:#dce8cc;box-shadow:none}
.landing .exercise-demo-toolbar{background:white;color:#687d66;min-height:36px}
.landing .exercise-demo-toolbar span{color:#5d745d}.landing .exercise-demo-stage{width:100%;background:#142c26}
.landing .final-cta{background:#eff5e5;color:#213d2c;border-top:1px solid #e1e9d7;border-bottom:1px solid #e1e9d7}
.landing .final-cta :is(h2,.eyebrow){color:#213d2c}.landing .final-cta .micro{color:#5f7156}
.landing .landing-resources>p{max-width:65ch;font-size:15px;line-height:1.55}
@media(min-width:1100px){.landing :is(.site-nav,.hero,.exercise-showcase,.landing-resources,footer){max-width:1380px;width:calc(100% - 80px);margin-inline:auto}.landing .site-nav{padding-inline:0}.landing .hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:64px;margin-top:24px}.landing .hero h1{font-size:clamp(48px,4.4vw,76px)}.landing .hero .intro{font-size:18px}.landing .exercise-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}.landing .exercise-demo-stage{max-height:390px}.landing .landing-resources{margin-block:64px}}
/* A concrete Mexican example right under the promise. */
/* One message, analytics, friends, devices and FAQ: plain HTML, no extra JS. */
.landing .value-section{max-width:1160px;margin:64px auto;padding:0 24px}.landing .value-section h2{font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-1.4px;margin:12px 0 14px;font-weight:750}.landing .value-section h2 em{font-style:normal;color:#5d8734}.landing .value-section>p{font-size:16px;line-height:1.6;color:#40584b;max-width:62ch;margin:0 0 8px}.landing .value-section .eyebrow{color:#5d745d}.landing .value-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.landing .value-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.landing .value-section p a{text-decoration:underline;text-underline-offset:3px}.landing .value-links{margin-top:14px!important}.landing .faq-section h2{font-size:28px;letter-spacing:-.7px}.landing .faq summary{font-size:16px}.landing .faq p{font-size:15px;line-height:1.6;max-width:75ch}
@media(max-width:900px){.landing .value-grid.four,.landing .value-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.landing .value-section{padding:0 18px;margin:44px auto}.landing .value-grid{gap:10px}.landing .value-card{padding:16px 18px}.landing .value-grid.four,.landing .value-grid.three{grid-template-columns:1fr}}
@media(min-width:1100px){.landing :is(.value-section,.site-directory,.landing-resources){max-width:1380px;width:calc(100% - 80px);padding-inline:0}}
/* Reporte de 15 días con datos ficticios: SVG estático, mismos colores por métrica que Progreso en la app. */
.landing .report-example{--c-calories:#6d8434;--c-protein:#39816b;--c-weight:#687ba5;--c-waist:#8a5a0b;--c-activity:#577ca9;--c-gym:#3f7f63;--c-cardio:#577ca9;--c-muted:#8a938a;max-width:1160px;margin:64px auto;padding:0 24px}.landing .report-example h2{font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-1.4px;margin:12px 0 14px;font-weight:750}.landing .report-example h2 em{font-style:normal;color:#5d8734}.landing .report-example>p{font-size:16px;line-height:1.6;color:#40584b;max-width:66ch;margin:0 0 8px}.landing .report-example .eyebrow{color:#5d745d}.landing .report-example>.rc-credit{font-size:12.5px;line-height:1.5;color:#65766b;margin:4px 0 0}
.rc-goals{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:12px 0 18px}.rc-goals li{font-size:12.5px;line-height:1.2;padding:6px 11px;border-radius:999px;background:#eef3ea;border:1px solid #dce5db;color:#2f4a3a;font-weight:600}
.rc-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.rc-hl{background:#fff;border:1px solid #dce5db;border-radius:18px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;min-width:0}.rc-hl-label{grid-column:1/-1;font-size:13px;font-weight:650;color:#40584b;display:flex;align-items:center;gap:6px}.rc-hl-label i{font-style:normal;font-size:16px}.rc-hl strong{font-size:26px;line-height:1.1;color:#10251f;font-weight:750;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.rc-hl small{grid-column:1/-1;font-size:12px;line-height:1.35;color:#5f7058}
.rc-ring{width:44px;height:44px;transform:rotate(-90deg)}.rc-ring circle{fill:none;stroke-width:4}.rc-ring-bg{stroke:#e3ebe0}.rc-ring-fg{stroke:var(--metric);stroke-linecap:round}
.rc-days,.rc-spark{grid-column:1/-1;display:block;width:100%;max-width:190px;height:auto;margin:2px 0}.rc-d-gym{fill:var(--c-gym)}.rc-d-cardio{fill:var(--c-cardio)}.rc-d-rest{fill:#e3ebe0}.rc-d-logged{fill:#6f9a3c}.rc-d-empty{fill:#fff;stroke:#8a938a;stroke-width:1}.rc-spark{max-width:120px}.rc-spark polyline{fill:none;stroke:var(--c-weight);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.rc-spark circle{fill:var(--c-weight)}
.rc-grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rc-card{margin:0;background:#fff;border:1px solid #dce5db;border-radius:18px;padding:16px 16px 10px;min-width:0}.rc-card figcaption{display:grid;gap:2px;margin-bottom:6px}.rc-card figcaption strong{font-size:15px;color:#183b2b}.rc-card figcaption span{font-size:12px;color:#5f7058}
.rc-calories{--metric:var(--c-calories)}.rc-protein{--metric:var(--c-protein)}.rc-weight{--metric:var(--c-weight)}.rc-waist{--metric:var(--c-waist)}.rc-activity{--metric:var(--c-gym)}.rc-col.rc-col-cardio{fill:var(--c-cardio)}.rc-swipe{display:none}
.rc-svg{display:block;width:100%;height:auto}.rc-grid{stroke:#e7ede2;stroke-width:1}.rc-axis{font-size:10px;fill:#6b7b66;font-variant-numeric:tabular-nums}.rc-goal{stroke:#3d5446;stroke-width:1.5}.rc-goal-label{font-size:10px;font-weight:700;fill:#3d5446;font-variant-numeric:tabular-nums}
.rc-col{fill:var(--metric)}.rc-line,.rc-trend{fill:none;stroke:var(--metric);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.rc-trend{stroke-width:2.5}.rc-dot,.rc-trend-end{fill:var(--metric);stroke:#fff;stroke-width:2}.rc-dot-muted{fill:var(--c-muted);stroke:#fff;stroke-width:2}.rc-end{font-size:11px;font-weight:700;fill:#10251f;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.rc-col:hover,.rc-dot:hover,.rc-dot-muted:hover{opacity:.78}
.rc-sub{font-size:12px;color:#5f7058;margin:4px 0 6px}
.rc-legend .rc-key-dot{border-radius:50%;background:var(--c-muted)}.rc-legend .rc-key-gym{background:var(--c-gym)}.rc-legend .rc-key-cardio{background:var(--c-cardio)}.rc-legend .rc-key-line{width:16px;height:3px;border-radius:2px;background:var(--c-weight)}
.rc-table{margin:16px 0 4px}.rc-table summary{cursor:pointer;font-weight:650;min-height:44px;padding:10px 0;font-size:15px}.rc-table table{font-variant-numeric:tabular-nums}
@media(max-width:1000px){.rc-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.rc-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.landing .report-example{padding:0 18px;margin:44px auto}.rc-highlights{gap:10px}.rc-hl{padding:12px 13px}.rc-hl strong{font-size:21px}.rc-ring{width:38px;height:38px}}
/* Phones: the six charts swipe sideways, one card and a peek of the next, instead of a 2,000 px column. */
@media(max-width:700px){.rc-scroller{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;margin:0 -18px;padding:0 18px 8px;overscroll-behavior-x:contain}.rc-scroller .rc-grid-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:12px}.rc-scroller .rc-card{scroll-snap-align:start}.rc-swipe{display:block;font-size:12.5px;color:#5f7058;margin:4px 0 0;text-align:right}.rc-scroller:focus-visible{outline:2px solid #2f6f4f;outline-offset:2px}}
@media(min-width:1100px){.landing .report-example{max-width:1380px;width:calc(100% - 80px);padding-inline:0}}

/* Protein against fat on the same scale (validated pair on white, labeled ends + legend + table): the app's protein card colors. */
.rc-card.rc-protein{--metric:#1baf7a}
.rc-line-fat{stroke:#2a78d6}
.rc-dot-fat{fill:#2a78d6}

/* Phones: one fixed "Empezar gratis" between the hero button and the final one (landing-entry.js); never both at once. */
.sticky-cta{display:none}
@media(max-width:760px){.sticky-cta{display:block;position:fixed;inset:auto 0 0;z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fafbf8f2;border-top:1px solid #dce5db;box-shadow:0 -6px 20px #10251f14;transform:translateY(110%);visibility:hidden;transition:transform .22s ease,visibility .22s}
.sticky-cta.is-visible{transform:none;visibility:visible}
.sticky-cta .btn{width:100%;min-height:48px;padding:12px 20px;font-size:16px}}