:root{color-scheme:dark;--bg: #0a0b0f;--bg-2: #101218;--surface: #15181f;--surface-2: #1d212b;--border: #252a36;--border-soft: #1b1f29;--chrome: #12151c;--chrome-borde: #232833;--surface-hi: rgba(21, 24, 31, .96);--veil: rgba(10, 11, 15, .88);--scrim: rgba(0, 0, 0, .62);--scrim-soft: rgba(0, 0, 0, .55);--edge-top: inset 0 1px 0 rgba(255, 255, 255, .035);--edge-top-fuerte: inset 0 1px 0 rgba(255, 255, 255, .05);--nada: inset 0 0 0 0 transparent;--text: #eef1f5;--text-rgb: 238, 241, 245;--text-2: #aeb6c4;--muted: #7d8697;--faint: #5c6577;--accent-rgb: 74, 158, 255;--accent: rgb(var(--accent-rgb));--accent-2: #8cc4ff;--accent-soft: rgba(var(--accent-rgb), .15);--on-accent-rgb: 4, 20, 39;--on-accent: rgb(var(--on-accent-rgb));--primary: var(--accent);--primary-2: var(--accent-2);--primary-grad: linear-gradient(160deg, var(--accent-2) 0%, var(--accent) 100%);--primary-soft: var(--accent-soft);--good-rgb: 74, 222, 128;--good: rgb(var(--good-rgb));--good-soft: rgba(var(--good-rgb), .14);--good-text: #c7f5d6;--alert-rgb: 255, 77, 77;--alert: rgb(var(--alert-rgb));--alert-soft: rgba(var(--alert-rgb), .12);--alert-text: #ffc9c9;--on-alert: #ffffff;--warn-rgb: 255, 179, 64;--warn: rgb(var(--warn-rgb));--warn-soft: rgba(var(--warn-rgb), .11);--warn-text: #ffdca8;--macro-prot-rgb: 107, 155, 209;--macro-prot: rgb(var(--macro-prot-rgb));--macro-carb-rgb: 74, 222, 128;--macro-carb: rgb(var(--macro-carb-rgb));--macro-fat-rgb: 252, 146, 48;--macro-fat: rgb(var(--macro-fat-rgb));--macro-kcal: var(--accent);--chart-line: var(--accent);--chart-fill: rgba(var(--accent-rgb), .14);--chart-grid: var(--border);--chart-eje: var(--faint);--fuente: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--display: "Bricolage Grotesque", var(--fuente);--fs-hero: 42px;--fs-display: 30px;--fs-2xl: 26px;--fs-xl: 22px;--fs-lg: 17px;--fs-md: 15px;--fs-sm: 13px;--fs-xs: 12px;--fw-reg: 400;--fw-med: 500;--fw-bold: 650;--fw-black: 750;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--r-sm: 10px;--r-md: 16px;--r-lg: 20px;--r-xl: 26px;--r-tile: 14px;--r-pill: 999px;--shadow-rgb: 0, 0, 0;--sh-1: 0 1px 0 rgba(var(--shadow-rgb), .5);--sh-2: 0 8px 24px rgba(var(--shadow-rgb), .4);--sh-3: 0 16px 40px rgba(var(--shadow-rgb), .55);--glow: 0 10px 28px -10px rgba(var(--accent-rgb), .6);--ease: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-llega: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .13s;--dur: .22s;--dur-slow: .34s;--stagger: 26ms;--press-scale: .97}:root[data-tema=claro]{color-scheme:light;--bg: #eff1f5;--bg-2: #f8f9fb;--surface: #ffffff;--surface-2: #e9edf2;--border: #dfe4ea;--border-soft: #e9edf2;--chrome: #ffffff;--chrome-borde: #dbe1ea;--surface-hi: rgba(255, 255, 255, .97);--veil: rgba(239, 241, 245, .9);--scrim: rgba(16, 20, 27, .42);--scrim-soft: rgba(16, 20, 27, .34);--edge-top: var(--nada);--edge-top-fuerte: var(--nada);--text: #10141a;--text-rgb: 16, 20, 26;--text-2: #3d4550;--muted: #656e7b;--faint: #7e8794;--accent-rgb: 23, 100, 201;--accent-2: #0f4fa3;--on-accent-rgb: 255, 255, 255;--good-rgb: 18, 128, 63;--good-text: #0f5e31;--alert-rgb: 198, 40, 40;--alert-text: #8e1d1d;--warn-rgb: 168, 100, 0;--warn-text: #7a4a00;--macro-prot-rgb: 54, 110, 176;--macro-carb-rgb: 22, 146, 74;--macro-fat-rgb: 214, 110, 10;--shadow-rgb: 16, 22, 32;--sh-1: 0 1px 0 rgba(var(--shadow-rgb), .09);--sh-2: 0 8px 24px rgba(var(--shadow-rgb), .1);--sh-3: 0 16px 40px rgba(var(--shadow-rgb), .16);--glow: 0 10px 24px -12px rgba(var(--accent-rgb), .45)}@media(prefers-color-scheme:light){:root:not([data-tema]){color-scheme:light;--bg: #eff1f5;--bg-2: #f8f9fb;--surface: #ffffff;--surface-2: #e9edf2;--border: #dfe4ea;--border-soft: #e9edf2;--chrome: #ffffff;--chrome-borde: #dbe1ea;--surface-hi: rgba(255, 255, 255, .97);--veil: rgba(239, 241, 245, .9);--scrim: rgba(16, 20, 27, .42);--scrim-soft: rgba(16, 20, 27, .34);--edge-top: var(--nada);--edge-top-fuerte: var(--nada);--text: #10141a;--text-rgb: 16, 20, 26;--text-2: #3d4550;--muted: #656e7b;--faint: #7e8794;--accent-rgb: 23, 100, 201;--accent-2: #0f4fa3;--on-accent-rgb: 255, 255, 255;--good-rgb: 18, 128, 63;--good-text: #0f5e31;--alert-rgb: 198, 40, 40;--alert-text: #8e1d1d;--warn-rgb: 168, 100, 0;--warn-text: #7a4a00;--macro-prot-rgb: 54, 110, 176;--macro-carb-rgb: 22, 146, 74;--macro-fat-rgb: 214, 110, 10;--shadow-rgb: 16, 22, 32;--sh-1: 0 1px 0 rgba(var(--shadow-rgb), .09);--sh-2: 0 8px 24px rgba(var(--shadow-rgb), .1);--sh-3: 0 16px 40px rgba(var(--shadow-rgb), .16);--glow: 0 10px 24px -12px rgba(var(--accent-rgb), .45)}}@media(prefers-reduced-motion:reduce){:root{--dur-fast: .01ms;--dur: .01ms;--dur-slow: .01ms;--stagger: 0ms}}:root{--fuente: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--display: "Bricolage Grotesque", var(--fuente);--gutter: 16px;--max: 680px;--top-h: 56px;--safe-b: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--fuente);font-size:var(--fs-md);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}#root{min-height:100dvh;overflow-x:clip}p,h1,h2,h3,h4,span,li,label,b,strong{overflow-wrap:break-word}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}::selection{background:rgba(var(--accent-rgb),.3)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-variant-numeric:tabular-nums}@keyframes llega{0%{opacity:0;transform:translateY(16px)}}@keyframes sube{0%{transform:translateY(105%)}}@keyframes aparece{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.86)}}.fondo{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--bg)}.fondo:after{content:"";position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.fondo-glow{position:absolute;left:50%;top:20%;width:760px;height:620px;margin:-310px 0 0 -380px;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.05) 55%,transparent);transition:transform 1.2s var(--ease-out);will-change:transform}.fondo-dots{position:absolute;inset:0;opacity:.7;background-image:radial-gradient(rgba(var(--text-rgb),.075) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 90% 50% at 50% 8%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse 90% 50% at 50% 8%,#000 20%,transparent 80%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;height:48px;padding:0 22px;border-radius:var(--r-pill);font-weight:var(--fw-bold);font-size:var(--fs-md);white-space:nowrap;transition:transform var(--dur) var(--ease),box-shadow var(--dur-slow) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn svg{width:16px;height:16px;flex:none}.btn:active{transform:scale(var(--press-scale))}.btn--primary{background:var(--primary-grad);color:var(--on-accent);box-shadow:var(--glow),inset 0 1px #ffffff4d}@media(hover:hover){.btn--primary:hover{box-shadow:0 14px 36px -10px rgba(var(--accent-rgb),.75),inset 0 1px #ffffff4d}}.btn--ghost{border:1px solid var(--border);background:var(--surface);color:var(--text)}@media(hover:hover){.btn--ghost:hover{border-color:rgba(var(--accent-rgb),.45)}}.btn--sm{height:40px;padding:0 16px;font-size:var(--fs-sm)}.btn--block{width:100%;margin-top:var(--s3)}.chip{display:inline-flex;align-items:center;gap:var(--s1);padding:2px 10px;border-radius:var(--r-pill);background:var(--bg-2);border:1px solid var(--border);font-size:var(--fs-xs);font-weight:var(--fw-med);color:var(--text-2);white-space:nowrap}.chip--accent{background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.35);color:var(--accent-2)}.chip--kcal{font-weight:var(--fw-bold);color:var(--text)}.page{position:relative;min-height:100dvh;display:flex;flex-direction:column}.content{flex:1 0 auto;width:100%;max-width:var(--max);margin:0 auto;padding:var(--s4) var(--gutter) calc(128px + var(--safe-b))}.topbar{position:sticky;top:0;z-index:20;height:var(--top-h);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s3);padding:0 max(var(--gutter),(100% - var(--max)) / 2 + var(--gutter));background:var(--veil);border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);transition:border-color var(--dur) var(--ease)}.topbar.is-scrolled{border-bottom-color:var(--border-soft)}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.02em}.brand img{width:22px;height:auto}.brand span{transition:opacity var(--dur) var(--ease)}.topbar-title{min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--s2);font-family:var(--display);font-weight:700;font-size:var(--fs-md);letter-spacing:-.015em;opacity:0;transform:translateY(10px);transition:opacity var(--dur) var(--ease),transform var(--dur-slow) var(--ease-out)}.topbar-title span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-scrolled .topbar-title{opacity:1;transform:none}@media(max-width:520px){.is-scrolled .brand span{opacity:0}.is-scrolled .topbar-title{margin-left:-78px}.is-scrolled .topbar-chip{opacity:0}.topbar-chip{transition:opacity var(--dur) var(--ease)}}.cta{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:0 var(--s3) calc(var(--s3) + var(--safe-b));pointer-events:none;animation:llega .7s var(--ease-llega) .6s backwards}.cta-inner{pointer-events:auto;max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:var(--s3);padding:10px 10px 10px 14px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-hi);box-shadow:var(--sh-3),var(--edge-top-fuerte);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cta-logo{width:26px;height:auto;flex:none}.cta-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.cta-text b{font-family:var(--display);font-size:var(--fs-md);font-weight:700;letter-spacing:-.01em}.cta-text span{font-size:var(--fs-xs);color:var(--muted)}@media(max-width:560px){.cta-web,.cta-text span{display:none}}@media(max-width:359px){.cta-logo{display:none}}.view>*{animation:llega .6s var(--ease-llega) backwards}.view>:nth-child(1){animation-delay:0ms}.view>:nth-child(2){animation-delay:55ms}.view>:nth-child(3){animation-delay:.11s}.view>:nth-child(4){animation-delay:165ms}.view>:nth-child(5){animation-delay:.22s}.view>:nth-child(6){animation-delay:275ms}.view>:nth-child(7){animation-delay:.33s}.view>:nth-child(8){animation-delay:385ms}.view>:nth-child(9){animation-delay:.44s}.view>:nth-child(10){animation-delay:495ms}.view>:nth-child(11){animation-delay:.55s}.view>:nth-child(12){animation-delay:605ms}.full-profile.is-visited .view>*{animation-duration:.35s;animation-delay:0ms}.hero{display:flex;flex-direction:column;align-items:flex-start;padding:var(--s4) 0 var(--s5)}.avatar{display:grid;place-items:center;flex:none;border-radius:50%;background:var(--primary-grad);color:var(--on-accent);font-family:var(--display);font-weight:800;letter-spacing:-.03em;box-shadow:var(--glow),0 0 0 4px var(--bg),0 0 0 5px rgba(var(--accent-rgb),.35)}.avatar span{line-height:1}.avatar--lg{width:64px;height:64px;font-size:28px;margin-bottom:var(--s4);animation:pop .6s var(--spring) .05s backwards}.avatar--sm{width:26px;height:26px;font-size:13px;box-shadow:none}.hero-ico{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--s3);border-radius:var(--r-tile);background:var(--accent-soft);color:var(--accent)}.hero-kicker{color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:-.005em;margin-bottom:var(--s1)}.hero-title{font-family:var(--display);font-size:clamp(32px,8.4vw,48px);font-weight:800;letter-spacing:-.035em;line-height:1.02;font-optical-sizing:auto;max-width:100%}.hero-title .line{display:inline-block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em;vertical-align:top}.hero-title .word{display:inline-block;animation:sube .9s var(--ease-llega) backwards;animation-delay:calc(var(--d) * 70ms + 80ms)}.hero-title .line:last-child .word{background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin-top:var(--s2);color:var(--text-2);font-size:var(--fs-md)}.hero-sub:first-letter{text-transform:uppercase}.hero>.status{margin-top:var(--s3)}.back{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;margin-top:var(--s2);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:var(--fs-sm);font-weight:var(--fw-med);max-width:100%;transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}.back svg{width:12px;height:12px;flex:none}.back span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back:active{transform:scale(var(--press-scale))}@media(hover:hover){.back:hover{color:var(--text)}}.stats{--cols: 3;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--s2);margin-bottom:var(--s3)}@media(max-width:480px){.stats--4{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--s4) var(--s3) var(--s3);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--sh-1),var(--edge-top)}.stat-value{display:flex;align-items:baseline;gap:3px;min-width:0;font-family:var(--display);font-size:clamp(22px,6vw,28px);font-weight:700;letter-spacing:-.035em;line-height:1.05;white-space:nowrap}.stat-value small{font-family:var(--fuente);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:0;color:var(--muted)}.stat-label{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-med)}.stat--accent .stat-value .num{color:var(--accent)}.stat--good .stat-value .num{color:var(--good)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s5);margin-bottom:var(--s3);box-shadow:var(--sh-1),var(--edge-top)}@media(max-width:400px){.card{padding:var(--s4)}}.card-title{margin:0 0 var(--s3);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s3)}.card-head .card-title{margin:0}.card--list{padding:var(--s2)}.card--list .card-title{padding:var(--s3) var(--s3) 0}.card--list .hint{padding:var(--s3)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:11px 0;border-bottom:1px solid var(--border-soft);font-size:var(--fs-md)}.row:last-child{border-bottom:0;padding-bottom:0}.row>span{display:inline-flex;align-items:center;gap:var(--s2);color:var(--text-2)}.row b{font-weight:var(--fw-bold);text-align:right;font-variant-numeric:tabular-nums}.row i{width:8px;height:8px;border-radius:50%}.row.p i{background:var(--macro-prot)}.row.c i{background:var(--macro-carb)}.row.f i{background:var(--macro-fat)}.row--kcal svg{color:var(--macro-kcal)}.row--kcal b{color:var(--macro-kcal)}.row--total{padding-top:var(--s3);border-top:1px solid var(--border-soft);margin-top:var(--s3);border-bottom:0}.item{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:60px;padding:10px var(--s3);border-radius:var(--r-md);text-align:left;transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.item+.item{position:relative}.item+.item:before{content:"";position:absolute;top:0;left:62px;right:var(--s3);height:1px;background:var(--border-soft)}@media(hover:hover){.item:not(.item--static):hover{background:var(--surface-2)}}.item:not(.item--static):active{background:var(--surface-2);transform:scale(.99)}.item--static{padding-left:0;padding-right:0;align-items:flex-start}.item--static+.item:before{left:62px;right:0}.item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-title{font-weight:var(--fw-bold);font-size:var(--fs-md);line-height:1.3}.item-sub{font-size:var(--fs-sm);color:var(--muted)}.item-arrow{width:12px;height:12px;flex:none;color:var(--faint);transition:transform var(--dur) var(--ease)}.item:hover .item-arrow{transform:translate(3px)}.tile{flex:none;width:38px;height:38px;border-radius:var(--r-tile);display:grid;place-items:center;background:var(--surface-2);color:var(--text-2)}.tile svg{width:16px;height:16px}.tile--accent,.item .tile{background:var(--accent-soft);color:var(--accent)}.thumb{flex:none;width:46px;height:46px;border-radius:var(--r-tile);overflow:hidden;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb--empty{background:var(--surface-2);color:var(--faint)}.thumb--empty svg{width:18px;height:18px}.note{display:block;margin-top:var(--s2);font-size:var(--fs-sm);color:var(--muted);font-style:italic;overflow-wrap:anywhere}.note--block{margin:0;font-style:normal;color:var(--text-2);font-size:var(--fs-md);white-space:pre-wrap}.hint{font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--s3)}.hint--center{display:grid;place-items:center;height:100%;margin:0;text-align:center}.seg{--n: 5;--i: 0;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:4px;margin-bottom:var(--s3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-2);isolation:isolate}.seg button{position:relative;z-index:1;min-width:0;height:36px;padding:0 3px;border-radius:12px;color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur) var(--ease)}.seg button.on{color:var(--text)}.seg-pill{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n));border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.55),var(--sh-1);transform:translate(calc(100% * var(--i)));transition:transform var(--dur-slow) var(--ease-out)}.seg--sm{margin:0;border-radius:var(--r-sm)}.seg--sm button{height:28px;padding:0 8px;font-size:var(--fs-xs);border-radius:7px}.seg--sm .seg-pill{border-radius:7px}.bar{display:block;position:relative;height:6px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.bar>span{position:absolute;inset:0;border-radius:inherit;background:var(--accent);transform-origin:0 50%;transform:scaleX(var(--p, 0));animation:barra .9s var(--ease-out) .25s backwards}@keyframes barra{0%{transform:scaleX(0)}}.bar--p>span{background:var(--macro-prot)}.bar--c>span{background:var(--macro-carb)}.bar--f>span{background:var(--macro-fat)}.bar--kcal>span{background:var(--primary-grad)}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);border:1px solid var(--border);background:var(--surface);color:var(--text-2)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status--met{background:var(--good-soft);border-color:rgba(var(--good-rgb),.3);color:var(--good-text)}.status--over{background:var(--warn-soft);border-color:rgba(var(--warn-rgb),.32);color:var(--warn-text)}.status--under{background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.3);color:var(--accent-2)}.empty{text-align:center;color:var(--muted);padding:var(--s8) var(--s5);font-size:var(--fs-md)}.empty h1,.empty h3{margin:0 0 var(--s2);font-family:var(--display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.03em;color:var(--text)}.empty p{margin:0 auto;max-width:36ch;font-size:var(--fs-sm);line-height:1.55}.empty-ico{width:52px;height:52px;margin:0 auto var(--s4);border-radius:16px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--edge-top);color:var(--muted)}.empty-ico svg{width:20px;height:20px}.list{display:flex;flex-direction:column}.ex-card{padding:var(--s4)}.ex-head{display:flex;align-items:center;gap:var(--s3)}.ex-head-main{flex:1;min-width:0}.ex-head-main h3{font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:1.3}.ex-meta{font-size:var(--fs-sm);color:var(--muted)}.sets{margin-top:var(--s3);border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--border-soft);overflow:hidden}.sets-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s3);font-size:var(--fs-sm)}.sets-row+.sets-row{border-top:1px solid var(--border-soft)}.sets-row.sets-row--1{grid-template-columns:44px minmax(0,1fr) minmax(0,1.3fr)}.sets-head{min-height:32px;font-size:11px;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.set-badge{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:8px;background:var(--surface-2);font-weight:var(--fw-bold);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-2)}.set--warmup .set-badge{background:var(--warn-soft);color:var(--warn-text)}.set--dropset .set-badge{background:var(--accent-soft);color:var(--accent-2)}.set-num{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.set-num small{font-weight:var(--fw-med);color:var(--muted)}.set-extra{font-size:var(--fs-xs);color:var(--muted);text-align:right}.group{--g: var(--accent-rgb);position:relative;margin-bottom:var(--s3);padding-left:var(--s3)}.group:before{content:"";position:absolute;left:0;top:34px;bottom:var(--s3);width:3px;border-radius:3px;background:rgba(var(--g),.6)}.group>.card:last-child{margin-bottom:0}.card .group{margin-bottom:var(--s2)}.group--giantset{--g: var(--warn-rgb)}.group--circuit{--g: var(--good-rgb)}.group-label{display:inline-flex;align-items:center;margin:0 0 var(--s2) calc(var(--s3) * -1);padding:3px 10px;border-radius:var(--r-pill);background:rgba(var(--g),.14);border:1px solid rgba(var(--g),.35);color:rgb(var(--g));font-size:11px;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase}.dist{display:flex;flex-direction:column;gap:10px}.dist-row{display:grid;grid-template-columns:minmax(84px,.9fr) minmax(0,2fr) auto;align-items:center;gap:var(--s3);font-size:var(--fs-sm)}.dist-label{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dist-val{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.dist-nota{display:flex;gap:var(--s2);margin:var(--s4) 0 0;font-size:var(--fs-xs);line-height:1.45;color:var(--muted)}.nutri-kcal{display:flex;align-items:baseline;gap:var(--s2);margin-bottom:var(--s3)}.nutri-kcal-num{font-family:var(--display);font-size:clamp(40px,11vw,56px);font-weight:800;letter-spacing:-.045em;line-height:.95;color:var(--macro-kcal)}.nutri-kcal-unit{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--muted)}.nutri>.bar{height:8px;margin-bottom:var(--s4)}.nutri-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);padding-top:var(--s4);border-top:1px solid var(--border-soft)}.nutri-macro{display:flex;flex-direction:column;gap:4px;min-width:0}.nutri-macro .bar{margin-top:4px}.nutri-macro-name{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-med);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nutri-macro-name i{width:8px;height:8px;flex:none;border-radius:50%}.nutri-macro.p i{background:var(--macro-prot)}.nutri-macro.c i{background:var(--macro-carb)}.nutri-macro.f i{background:var(--macro-fat)}.nutri-macro-val{font-family:var(--display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.03em;white-space:nowrap}.nutri-macro-val small{font-family:var(--fuente);font-size:var(--fs-xs);font-weight:var(--fw-med);letter-spacing:0;color:var(--muted)}.meal{padding:var(--s4)}.meal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}.meal-head h3{font-family:var(--display);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em}.food{padding:var(--s3) 0;border-top:1px solid var(--border-soft)}.food:first-child{border-top:0}.food-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.food-name{min-width:0;display:flex;flex-direction:column;font-weight:var(--fw-med);line-height:1.35}.food-name small{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-reg)}.food-kcal{flex:none;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.food-kcal small{font-weight:var(--fw-med);color:var(--muted);font-size:var(--fs-xs)}.food-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);flex-wrap:wrap;margin-top:6px}.food-amount{font-size:var(--fs-xs);color:var(--muted)}.macro-chips{display:inline-flex;gap:4px;flex-wrap:wrap}.macro-chip{padding:1px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.macro-chip.p{background:rgba(var(--macro-prot-rgb),.14);color:var(--macro-prot)}.macro-chip.c{background:rgba(var(--macro-carb-rgb),.14);color:var(--macro-carb)}.macro-chip.f{background:rgba(var(--macro-fat-rgb),.14);color:var(--macro-fat)}.food-group{margin:var(--s2) 0;padding:var(--s3);border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--border-soft)}.food-group>.macro-chips{margin-top:var(--s2)}.food-group+.food{border-top:0}.food-group-head{display:flex;align-items:center;gap:var(--s3)}.food-group-head .tile{width:32px;height:32px;border-radius:10px}.food-group-head .tile svg{width:14px;height:14px}.food-foto{flex:none;width:46px;height:46px;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:zoom-in}.food-foto img{display:block;width:100%;height:100%;object-fit:cover}.foto-grande{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--s4);background:#000000e0;cursor:zoom-out;animation:foto-grande-in .18s ease-out}.foto-grande img{max-width:100%;max-height:100%;border-radius:var(--r-md);object-fit:contain}@media(prefers-reduced-motion:reduce){.foto-grande{animation:none}}.foto-grande-cerrar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:#ffffff24;color:#fff;cursor:pointer}@keyframes foto-grande-in{0%{opacity:0}to{opacity:1}}.food-group-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.food-group-title span{font-weight:var(--fw-bold)}.food-group-title small{font-size:var(--fs-xs);color:var(--muted)}.food-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s2)}.food-tags .chip{white-space:normal}.food-group-list{margin-top:var(--s2)}.food-group-list .food:last-child{padding-bottom:0}.chart-card{padding:var(--s4)}.chart-box{position:relative;height:220px}.chart-box canvas{max-width:100%}.radar-box{max-width:340px;margin:0 auto}.chart-avg{margin-top:var(--s3);font-size:var(--fs-sm);color:var(--muted);text-align:center}.chart-avg b{color:var(--text)}.body-model{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);justify-items:center;margin-bottom:var(--s2)}.body-model>*{max-width:100%}.body-model svg{max-width:100%;height:auto}.cal{padding:var(--s4)}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s3)}.cal-nav span{font-family:var(--display);font-weight:700;font-size:var(--fs-lg);letter-spacing:-.02em}.cal-nav button{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);transition:transform var(--dur) var(--ease)}.cal-nav button svg{width:12px;height:12px}.cal-nav button:active{transform:scale(.94)}.cal-weekdays,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cal-weekdays{margin-bottom:6px}.cal-weekdays span{text-align:center;font-size:11px;font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--faint)}.cal-day{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:10px;font-size:var(--fs-sm);font-weight:var(--fw-med);font-variant-numeric:tabular-nums;color:var(--muted);background:transparent;border:1px solid transparent;transition:transform var(--dur) var(--ease)}.cal-day.empty{visibility:hidden}.cal-day.future{color:var(--faint);opacity:.5}.cal-day.met{background:var(--good-soft);border-color:rgba(var(--good-rgb),.35);color:var(--good-text)}.cal-day.under{background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.3);color:var(--accent-2)}.cal-day.over{background:var(--warn-soft);border-color:rgba(var(--warn-rgb),.35);color:var(--warn-text)}.cal-day.today{box-shadow:inset 0 0 0 2px var(--text-2)}.cal-day.clickable{cursor:pointer;font-weight:var(--fw-bold)}.cal-day.clickable:active{transform:scale(.92)}@media(hover:hover){.cal-day.clickable:hover{transform:translateY(-2px)}}.cal-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2) var(--s4);margin-top:var(--s4);font-size:var(--fs-xs);color:var(--muted)}.cal-legend span{display:inline-flex;align-items:center;gap:6px}.cal-legend i{width:10px;height:10px;border-radius:3px;border:1px solid var(--border)}.cal-legend i.met{background:var(--good);border-color:transparent}.cal-legend i.under{background:var(--accent);border-color:transparent}.cal-legend i.over{background:var(--warn);border-color:transparent}.sk{position:relative;display:block;overflow:hidden;border-radius:8px;background:var(--surface-2)}.sk:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(var(--text-rgb),.06),transparent);transform:translate(-100%);animation:brillo 1.4s var(--ease-in-out) infinite}@keyframes brillo{to{transform:translate(100%)}}.sk--avatar{width:64px;height:64px;border-radius:50%;margin-bottom:var(--s4)}.sk--title{height:40px;border-radius:12px;margin:10px 0}.sk--line{height:12px}.sk--thin{height:10px}.sk--num{width:56%;height:26px;margin-bottom:8px}.sk--thumb{width:46px;height:46px;flex:none;border-radius:var(--r-tile)}.sk-hero{padding:var(--s4) 0 var(--s5)}.stat--sk{padding:var(--s4) var(--s3)}.card--sk .sk--line:first-child{margin-bottom:var(--s4)}.sk-row{display:flex;align-items:center;gap:var(--s3)}.sk-row+.sk-row{margin-top:var(--s3)}.sk-row-main{flex:1;display:flex;flex-direction:column;gap:8px}.page--loading .content>*{animation:aparece .4s var(--ease) backwards}.content--center{display:grid;place-items:center;padding-bottom:calc(var(--top-h) + var(--s8))}.empty--page{padding:var(--s8) 0;animation:llega .7s var(--ease-llega) backwards}.empty--page .empty-ico{width:64px;height:64px;border-radius:20px;color:var(--accent);background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.3);animation:pop .6s var(--spring) .15s backwards}.empty--page .empty-ico svg{width:24px;height:24px}.empty--page h1{font-size:clamp(28px,7vw,38px);font-weight:800;letter-spacing:-.035em}.empty--page p{font-size:var(--fs-md)}.empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2);margin-top:var(--s5)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sk:after{display:none}.fondo-glow{transform:none!important}}