:root{--green:#2f6b4f;--green2:#3f7d5c;--bg:#f4f7f3;--card:#fff;--text:#18221d;--muted:#6f7d75;--line:#dce6df;--danger:#b83232;--ok:#226b3d}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px}.brand{font-weight:800;font-size:20px;color:var(--green);display:flex;align-items:center;gap:9px}.logo-dot{width:14px;height:14px;background:var(--green);border-radius:50%;display:inline-block}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{font-size:14px;padding:8px 10px;border-radius:999px;background:#eef5f0}.container{max-width:1100px;margin:0 auto;padding:18px}.narrow{max-width:560px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 8px 22px rgba(25,55,40,.06)}.hero{display:flex;justify-content:space-between;align-items:center;gap:15px}h1,h2{margin:0 0 12px}p{line-height:1.45}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--green);color:#fff;padding:11px 16px;border-radius:12px;font-weight:700;cursor:pointer}.btn.secondary{background:#e7f0ea;color:var(--green)}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-form .full{grid-column:1/-1}label{font-weight:650;font-size:14px}input,select,textarea{width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff}textarea{min-height:90px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center}.stat b{display:block;font-size:24px;color:var(--green)}.stat span{color:var(--muted);font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meal-list{display:grid;gap:12px}.meal-item{display:flex;gap:12px;border:1px solid var(--line);padding:10px;border-radius:14px;background:#fbfdfb}.meal-item img{width:86px;height:86px;object-fit:cover;border-radius:12px}.alert{background:#fff0f0;color:var(--danger);border:1px solid #f1b4b4;border-radius:12px;padding:12px;margin:10px 0}.ok{background:#eef9f0;color:var(--ok);border:1px solid #bde2c5;border-radius:12px;padding:12px;margin:10px 0}.clean{margin:0;padding-left:20px}.checks{display:flex;flex-wrap:wrap;gap:12px}.checks label{background:#f4f7f3;border:1px solid var(--line);border-radius:999px;padding:8px 12px}.checks input{width:auto;margin:0 6px 0 0}.inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;font-size:14px}th{background:#edf5ef;color:var(--green)}.login-card{max-width:460px;margin:8vh auto}@media(max-width:800px){.topbar{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.grid-form{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}nav a{font-size:13px;padding:7px 9px}.container{padding:12px}.meal-item img{width:70px;height:70px}table{display:block;overflow-x:auto;white-space:nowrap}}
.results-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.suggestions li{margin-bottom:9px}.chart-wrap{border:1px solid var(--line);border-radius:16px;background:#fbfdfb;padding:10px;margin:12px 0;overflow:hidden}.chart-wrap canvas{width:100%;display:block}.mini-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 14px}.mini-results div{border:1px solid var(--line);border-radius:14px;background:#fbfdfb;padding:12px;text-align:center}.mini-results b{display:block;color:var(--green);font-size:20px}.mini-results span{font-size:12px;color:var(--muted)}.link{color:var(--green);font-weight:700;text-decoration:underline}@media(max-width:800px){.results-stats{grid-template-columns:repeat(2,1fr)}.mini-results{grid-template-columns:repeat(2,1fr)}}

/* Pro body visualization */
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.report-chip{background:#edf5ef;color:var(--green);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px;white-space:nowrap}.pro-body-section{overflow:hidden}.body-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.body-visual-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#ffffff,#f8fbf8);padding:16px;box-shadow:0 10px 24px rgba(25,55,40,.06)}.fat-card{background:linear-gradient(180deg,#fff,#fffaf3)}.body-title{font-weight:900;font-size:18px;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.body-title:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--green)}.fat-card .body-title:before{background:#c27a2c}.body-map{position:relative;min-height:460px;border-radius:18px;background:radial-gradient(circle at 50% 38%,rgba(47,107,79,.12),transparent 30%),linear-gradient(180deg,#f3f8f5,#fff);overflow:hidden}.fat-map{background:radial-gradient(circle at 50% 42%,rgba(194,122,44,.20),transparent 27%),linear-gradient(180deg,#fff9ef,#fff)}.human-wrap{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:170px;height:340px}.human-svg{width:100%;height:100%;fill:#53615b;filter:drop-shadow(0 12px 20px rgba(25,55,40,.18))}.lean-map .human-svg{fill:#396d55}.fat-map .human-svg{fill:#5d5b59}.abdomen-glow{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:82px;height:96px;border-radius:45%;background:radial-gradient(circle,rgba(223,143,46,.55),rgba(223,143,46,.12) 60%,transparent 70%);filter:blur(.3px)}.core-badge{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);min-width:116px;text-align:center;background:#10251c;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:10px 12px;box-shadow:0 10px 24px rgba(0,0,0,.20)}.core-badge span,.segment-pill span{display:block;font-size:12px;opacity:.78;font-weight:800}.core-badge b,.segment-pill b{display:block;font-size:20px;line-height:1.15}.core-badge em,.segment-pill em{font-style:normal;font-size:12px;color:#f4b45e;font-weight:900}.segment-pill{position:absolute;min-width:118px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:16px;padding:10px 12px;box-shadow:0 10px 20px rgba(25,55,40,.08)}.segment-pill b{color:var(--green)}.fat-map .segment-pill b{color:#a8641e}.seg-left-arm{left:14px;top:88px}.seg-right-arm{right:14px;top:88px}.seg-left-leg{left:14px;bottom:42px}.seg-right-leg{right:14px;bottom:42px}.pro-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.analysis-box{border:1px solid var(--line);border-radius:18px;background:#fbfdfb;padding:15px}.analysis-label{display:block;color:var(--muted);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.analysis-box b{display:block;color:var(--green);font-size:18px;margin:4px 0}.analysis-box p{margin:0}@media(max-width:900px){.section-head{flex-direction:column}.body-pro-grid{grid-template-columns:1fr}.body-map{min-height:470px}.pro-analysis-grid{grid-template-columns:1fr}.report-chip{white-space:normal}.segment-pill{min-width:110px}.seg-left-arm{left:8px}.seg-right-arm{right:8px}.seg-left-leg{left:8px}.seg-right-leg{right:8px}}@media(max-width:480px){.body-map{min-height:520px}.human-wrap{top:45%;width:148px;height:300px}.segment-pill{font-size:12px;min-width:104px;padding:9px}.seg-left-arm{top:42px}.seg-right-arm{top:42px}.seg-left-leg{bottom:24px}.seg-right-leg{bottom:24px}.core-badge{min-width:104px}.core-badge b,.segment-pill b{font-size:17px}}

/* ===== v5 PREMIUM UI - Control Salud ===== */
:root{
  --ink:#102018;--muted:#718075;--surface:#ffffff;--surface2:#f7faf7;--soft:#edf5ef;--line:#d8e5dc;
  --brand:#1f6f4a;--brand2:#2f9b6b;--brandDark:#0c2a1d;--gold:#c9832b;--gold2:#f2b15c;
  --red:#b83232;--blue:#335c8f;--shadow:0 18px 45px rgba(16,42,29,.10);--shadow2:0 8px 24px rgba(16,42,29,.08);
}
body{background:
  radial-gradient(circle at 12% 8%, rgba(47,155,107,.12), transparent 32%),
  radial-gradient(circle at 86% 0%, rgba(242,177,92,.13), transparent 30%),
  linear-gradient(180deg,#f8fbf8 0%,#eef6f1 100%);color:var(--ink);min-height:100vh}
.topbar{border:0;border-bottom:1px solid rgba(31,111,74,.12);background:rgba(255,255,255,.90);backdrop-filter:blur(16px);box-shadow:0 10px 35px rgba(16,42,29,.06);padding:14px 20px;position:sticky;top:0;z-index:50}
.brand a{font-size:24px;letter-spacing:-.04em;color:var(--brandDark)}.logo-dot{width:16px;height:16px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 0 0 7px rgba(47,155,107,.10)}
.profile-chip{margin-left:auto;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f5faf6);color:var(--brandDark);padding:8px 12px;border-radius:999px;font-weight:850;box-shadow:var(--shadow2)}
nav{gap:9px;align-items:center}nav a{background:#eff7f1;border:1px solid transparent;color:#1d3f2d;font-weight:750;box-shadow:0 6px 16px rgba(16,42,29,.04);transition:all .15s ease}nav a:hover,nav a.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;transform:translateY(-1px);box-shadow:0 10px 26px rgba(31,111,74,.22)}nav a.logout-link{background:#fff4f1;color:#8d351f}.container{max-width:1180px;padding:22px}.card{border:1px solid rgba(31,111,74,.12);border-radius:26px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);padding:24px;margin-bottom:20px;overflow:hidden}.card h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.055em;line-height:.98}.card h2{font-size:clamp(22px,3vw,34px);letter-spacing:-.04em}.muted{color:var(--muted);font-size:1.02rem}.hero{background:linear-gradient(135deg,#ffffff,#f2faf5);position:relative}.hero:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;background:radial-gradient(circle,rgba(47,155,107,.16),transparent 67%)}.btn{border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 12px 28px rgba(31,111,74,.22);font-weight:850;letter-spacing:-.01em}.btn.secondary{background:#edf6f0;color:var(--brand);box-shadow:none;border:1px solid var(--line)}input,select,textarea{border-radius:17px;border:1px solid #dce8df;background:rgba(255,255,255,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);padding:13px 14px}input:focus,select:focus,textarea:focus{outline:3px solid rgba(47,155,107,.16);border-color:rgba(31,111,74,.55)}label{color:#173123;font-weight:850}.stats-grid{gap:14px}.stat{border-radius:24px;background:linear-gradient(180deg,#fff,#f8fcf9);border-color:rgba(31,111,74,.12);box-shadow:var(--shadow2);padding:18px}.stat b{font-size:30px;letter-spacing:-.04em;color:var(--brand)}.stat span{text-transform:uppercase;letter-spacing:.05em;font-weight:850;font-size:11px}.ok{background:#ecfbf1;border-color:#bfe8cb;color:#15592e}.alert{background:#fff1ee;border-color:#f1c1b8;color:#92311f}.meal-item{border-radius:22px;background:#fff;box-shadow:var(--shadow2);border-color:rgba(31,111,74,.10)}.meal-item img{border-radius:18px}th{background:#e9f5ed;color:#154c34;text-transform:uppercase;font-size:12px;letter-spacing:.04em}td,th{padding:12px}table{border-radius:18px;overflow:hidden}.chart-wrap{border-radius:24px;background:#fff;border-color:rgba(31,111,74,.12);box-shadow:var(--shadow2)}

/* Resultados cockpit */
.results-hero-pro{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}.progress-panel{background:linear-gradient(135deg,#102a1d,#1f6f4a);color:#fff;border-radius:28px;padding:22px;box-shadow:0 24px 50px rgba(16,42,29,.18);position:relative;overflow:hidden}.progress-panel:after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.10)}.progress-panel h3{font-size:26px;margin:0 0 8px;letter-spacing:-.04em}.progress-panel p{color:rgba(255,255,255,.78);margin:0}.pro-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.pro-score{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:13px}.pro-score b{display:block;font-size:26px}.pro-score span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.72);font-weight:850}.goal-panel{background:linear-gradient(135deg,#fffaf2,#ffffff);border:1px solid #efdfc8;border-radius:28px;padding:22px;box-shadow:var(--shadow2)}.goal-panel h3{margin:0 0 12px;font-size:24px;letter-spacing:-.04em}.goal-list{display:grid;gap:12px}.goal-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.goal-icon{width:38px;height:38px;border-radius:14px;background:#fff1db;color:#a8641e;display:grid;place-items:center;font-weight:900}.goal-item b{display:block}.goal-item span{font-size:13px;color:var(--muted)}.delta-badge{font-weight:900;border-radius:999px;padding:5px 9px;background:#edf6f0;color:var(--brand)}.delta-badge.bad{background:#fff0ec;color:#a13b22}.delta-badge.warn{background:#fff6df;color:#9a6817}.section-head{align-items:center}.report-chip{background:linear-gradient(135deg,#eaf7ef,#fff);color:#155336;border-color:rgba(31,111,74,.18);box-shadow:var(--shadow2)}
.body-pro-grid{gap:20px}.body-visual-card{border-radius:30px;background:linear-gradient(180deg,#fff,#f7fbf8);border-color:rgba(31,111,74,.12);box-shadow:var(--shadow);padding:20px}.fat-card{background:linear-gradient(180deg,#fff,#fff8ed);border-color:#ecdcc4}.body-title{font-size:20px;letter-spacing:-.03em}.body-map{min-height:520px;border:0;background:linear-gradient(180deg,#f7fcf9 0%,#ffffff 100%);box-shadow:inset 0 0 0 1px rgba(31,111,74,.10);border-radius:28px}.fat-map{background:linear-gradient(180deg,#fff7eb 0%,#ffffff 100%);box-shadow:inset 0 0 0 1px rgba(194,122,44,.16)}.human-wrap{top:47%;width:205px;height:392px}.human-svg{fill:url(#bodyGradient);filter:drop-shadow(0 20px 30px rgba(18,40,28,.18))}.lean-map .human-svg{fill:#245f43}.fat-map .human-svg{fill:#5f5a54}.core-badge{min-width:146px;border-radius:24px;padding:14px 16px;background:linear-gradient(135deg,#0d2b1d,#16432e);box-shadow:0 18px 35px rgba(9,29,20,.26)}.core-badge b{font-size:30px;letter-spacing:-.04em}.core-badge span,.segment-pill span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.core-badge em,.segment-pill em{display:inline-block;margin-top:5px;border-radius:999px;background:rgba(244,180,94,.14);padding:3px 7px;color:#f0a844}.segment-pill{border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 18px 34px rgba(16,42,29,.12);border:1px solid rgba(31,111,74,.14);min-width:146px}.segment-pill b{font-size:26px}.fat-map .segment-pill{border-color:rgba(194,122,44,.20)}.fat-map .segment-pill b{color:#a15f18}.seg-left-arm{left:22px;top:92px}.seg-right-arm{right:22px;top:92px}.seg-left-leg{left:22px;bottom:62px}.seg-right-leg{right:22px;bottom:62px}.abdomen-glow{width:132px;height:154px;top:45%;background:radial-gradient(circle,rgba(255,164,50,.55),rgba(255,164,50,.20) 44%,transparent 70%)}.segment-bars{display:grid;gap:10px;margin-top:14px}.segment-bar{display:grid;grid-template-columns:88px 1fr 72px;gap:10px;align-items:center;font-size:13px}.bar-track{height:12px;background:#eaf1ed;border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2))}.fat-card .bar-fill{background:linear-gradient(90deg,#d79039,#f2b15c)}.segment-bar strong{text-align:right}.pro-analysis-grid{gap:16px}.analysis-box{border-radius:24px;background:linear-gradient(180deg,#fff,#f9fcfa);box-shadow:var(--shadow2);border-color:rgba(31,111,74,.12)}.analysis-box b{font-size:22px;letter-spacing:-.03em}.analysis-label{color:#6b7b71}.suggestions li{background:#f5fbf7;border:1px solid #dfeee4;border-radius:16px;padding:12px;margin:0 0 10px;list-style:none}.suggestions{padding-left:0!important}.mini-results div{border-radius:22px;background:#fff;box-shadow:var(--shadow2)}

/* Mobile app feeling */
@media(max-width:900px){.topbar{padding:10px 12px}.profile-chip{display:none}.container{padding:14px 10px 92px}.card{border-radius:24px;padding:18px}.results-hero-pro{grid-template-columns:1fr}.pro-score-grid{grid-template-columns:repeat(3,1fr)}nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:80;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);padding:9px;border-radius:24px;box-shadow:0 20px 45px rgba(16,42,29,.18);display:grid;grid-template-columns:repeat(4,1fr);gap:6px}nav a{padding:9px 6px;text-align:center;font-size:12px;border-radius:17px;box-shadow:none}nav a:nth-child(5),nav a:nth-child(8){display:none}.body-pro-grid{grid-template-columns:1fr}.body-map{min-height:540px}.human-wrap{width:175px;height:350px}.seg-left-arm{left:10px;top:70px}.seg-right-arm{right:10px;top:70px}.seg-left-leg{left:10px;bottom:50px}.seg-right-leg{right:10px;bottom:50px}.segment-pill{min-width:124px}.segment-pill b{font-size:21px}.core-badge b{font-size:26px}.stats-grid,.results-stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.grid-form{grid-template-columns:1fr}.goal-item{grid-template-columns:auto 1fr}.delta-badge{grid-column:2}}
@media(max-width:460px){.pro-score-grid{grid-template-columns:1fr}.card h1{font-size:36px}.body-map{min-height:570px}.human-wrap{width:150px;height:315px}.segment-pill{min-width:110px;padding:10px}.seg-left-arm{left:8px;top:46px}.seg-right-arm{right:8px;top:46px}.seg-left-leg{left:8px;bottom:28px}.seg-right-leg{right:8px;bottom:28px}.core-badge{min-width:118px}.segment-bar{grid-template-columns:72px 1fr 54px}.topbar{align-items:flex-start}}


/* ===== v6 Range Guide Pro - barras tipo Smart Fit/InBody ===== */
.range-panel-pro{background:linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%)}
.range-grid-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.range-card{background:#fff;border:1px solid rgba(31,111,74,.13);border-radius:24px;padding:18px;box-shadow:0 14px 34px rgba(16,42,29,.08);position:relative;overflow:hidden}.range-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#eecfd1 0 var(--ideal-start),#c8ead5 var(--ideal-start) var(--ideal-end),#f1d7d6 var(--ideal-end) 100%)}.range-card-head{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.range-card-head b{font-size:20px;letter-spacing:-.035em;color:#102018}.range-card-head small{display:block;color:#6f7d75;margin-top:4px;line-height:1.35}.range-value-wrap{text-align:right}.range-value-wrap strong{display:block;font-size:26px;letter-spacing:-.045em;color:#1f6f4a}.range-value-wrap span{display:inline-flex;margin-top:5px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:#eaf7ef;color:#1f6f4a}.range-zones{display:grid;grid-template-columns:var(--ideal-start) calc(var(--ideal-end) - var(--ideal-start)) calc(100% - var(--ideal-end));margin-top:18px;font-size:12px;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.05em;color:#6d776f}.range-zones span{padding:8px 4px}.range-zones span:nth-child(1){background:#fff1f1;border-radius:13px 0 0 13px}.range-zones span:nth-child(2){background:#eaf8ef;color:#176441}.range-zones span:nth-child(3){background:#fff1f1;border-radius:0 13px 13px 0}.range-track{height:48px;position:relative;margin-top:9px;border-radius:16px;background:linear-gradient(90deg,#f5e3e3 0 var(--ideal-start),#dff3e6 var(--ideal-start) var(--ideal-end),#f6e2e1 var(--ideal-end) 100%);box-shadow:inset 0 0 0 1px rgba(16,42,29,.08)}.range-track:after{content:"";position:absolute;left:0;right:0;top:50%;height:8px;transform:translateY(-50%);background:rgba(255,255,255,.85);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(16,42,29,.08)}.range-threshold{position:absolute;top:-21px;transform:translateX(-50%);font-size:12px;font-weight:900;color:#788279}.range-low:after,.range-high:after{content:"";position:absolute;left:50%;top:19px;width:1px;height:48px;background:rgba(16,42,29,.18)}.range-marker{position:absolute;left:var(--pos);top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#0f2b1d;border:4px solid #fff;box-shadow:0 8px 20px rgba(16,42,29,.25);z-index:2}.range-marker i{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);white-space:nowrap;background:#0f2b1d;color:#fff;font-style:normal;font-weight:900;font-size:12px;border-radius:999px;padding:5px 9px;box-shadow:0 8px 20px rgba(16,42,29,.2)}.range-foot{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:14px}.range-foot p{margin:0;color:#556359;line-height:1.35}.range-source{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#6d776f;background:#f2f7f3;border:1px solid #ddece2;border-radius:999px;padding:6px 9px;white-space:nowrap}.range-card.status-alto .range-value-wrap strong{color:#a64025}.range-card.status-alto .range-value-wrap span{background:#fff0ec;color:#a64025}.range-card.status-bajo .range-value-wrap strong{color:#9a6817}.range-card.status-bajo .range-value-wrap span{background:#fff7df;color:#9a6817}.range-card.status-ideal .range-value-wrap strong{color:#1f6f4a}.range-summary-pro{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.range-summary-pro div{background:linear-gradient(180deg,#fff,#f7fbf8);border:1px solid rgba(31,111,74,.12);border-radius:20px;padding:14px;box-shadow:0 8px 22px rgba(16,42,29,.06)}.range-summary-pro span{display:block;text-transform:uppercase;letter-spacing:.05em;color:#6d776f;font-size:11px;font-weight:900}.range-summary-pro b{display:block;margin-top:5px;color:#153f2c;font-size:22px;letter-spacing:-.04em}.range-summary-pro div:last-child{grid-column:span 2;background:linear-gradient(135deg,#102a1d,#1f6f4a);color:#fff}.range-summary-pro div:last-child span{color:rgba(255,255,255,.7)}.range-summary-pro div:last-child b{color:#fff;font-size:20px}
@media(max-width:900px){.range-grid-pro{grid-template-columns:1fr}.range-card-head{grid-template-columns:1fr}.range-value-wrap{text-align:left}.range-summary-pro{grid-template-columns:repeat(2,1fr)}.range-summary-pro div:last-child{grid-column:span 2}.range-foot{grid-template-columns:1fr}.range-source{width:max-content}}
@media(max-width:480px){.range-card{padding:14px;border-radius:20px}.range-card-head b{font-size:18px}.range-value-wrap strong{font-size:24px}.range-zones{font-size:10px}.range-marker i{font-size:11px}.range-summary-pro{grid-template-columns:1fr}.range-summary-pro div:last-child{grid-column:span 1}}

/* ===== v7 AI Food Coach ===== */
.hero-card{background:linear-gradient(135deg,#ffffff 0%,#eff8f2 70%,#fff7ec 100%)}
.ai-settings{border-left:5px solid var(--brand)}
.ai-result-card{background:linear-gradient(180deg,#fff,#fbfdfb)}
.ai-summary-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin:16px 0}.ai-summary-grid>div{border:1px solid rgba(31,111,74,.14);background:#fff;border-radius:22px;padding:16px;box-shadow:0 10px 24px rgba(16,42,29,.07)}.ai-summary-grid span{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900;color:#6c7c72}.ai-summary-grid b{display:block;margin-top:5px;font-size:26px;line-height:1.05;color:#1f6f4a;letter-spacing:-.04em}.ai-summary-grid small{color:#6f7d75}.ai-decision{background:linear-gradient(135deg,#0f2b1d,#1f6f4a)!important;color:#fff!important}.ai-decision span,.ai-decision small{color:rgba(255,255,255,.72)!important}.ai-decision b{color:#fff!important;font-size:24px}.ai-decision p{margin:8px 0 0;color:rgba(255,255,255,.86)}.ai-lists h3{margin:0 0 8px}.ai-lists ul{margin:0;padding-left:20px}.ai-lists li{margin:7px 0}.save-ai-meal{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.ai-result-card table td,.ai-result-card table th{font-size:13px}.report-chip{display:inline-flex;align-items:center;gap:6px}.report-chip:before{content:'AI';display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1f6f4a;color:#fff;font-size:10px;font-weight:900}
@media(max-width:900px){.ai-summary-grid{grid-template-columns:1fr 1fr}.ai-decision{grid-column:1/-1}}@media(max-width:480px){.ai-summary-grid{grid-template-columns:1fr}.ai-decision{grid-column:auto}}

/* Camera capture for AI Comida */
.camera-card .camera-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:4px}
.camera-card .camera-preview-wrap{background:linear-gradient(180deg,#f7fbf8,#fff);border:1px solid var(--border,#d8e5dc);border-radius:24px;padding:14px;box-shadow:0 16px 38px rgba(9,64,38,.08)}
.camera-card video,.camera-card #photoPreview{width:100%;max-height:520px;object-fit:contain;border-radius:18px;background:#0b2217;display:block}
.camera-card .camera-status{font-weight:800;color:#2e7251;margin-top:10px}
.hidden-camera-data{display:none!important}
.btn.ghost{background:#eef6f1;color:#113d2a;border:1px solid #d7e7dc;box-shadow:none}
.btn.ghost:hover{filter:brightness(.98)}
.btn.danger-soft{color:#913629;background:#fff1ef;border-color:#ffd6d1}
@media (max-width:720px){.camera-card .camera-actions .btn{width:100%;justify-content:center}.camera-card video,.camera-card #photoPreview{max-height:420px}}


/* v10: barras de rango alineadas con una sola escala base */
.range-grid-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.range-card{background:#fff;border:1px solid rgba(31,111,74,.13);border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(16,42,29,.08);position:relative;overflow:hidden}
.range-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#f3d4d4 0 var(--ideal-start,35%),#cfeedd var(--ideal-start,35%) var(--ideal-end,75%),#f3d4d4 var(--ideal-end,75%) 100%)}
.range-card-head{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;margin-bottom:14px}
.range-card-head b{font-size:21px;letter-spacing:-.035em;color:#102018}.range-card-head small{display:block;color:#6f7d75;margin-top:4px;line-height:1.35}.range-value-wrap{text-align:right}.range-value-wrap strong{display:block;font-size:28px;letter-spacing:-.045em;color:#1f6f4a}.range-value-wrap span{display:inline-flex;margin-top:6px;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:#eaf7ef;color:#1f6f4a}.range-card.status-alto .range-value-wrap strong{color:#a64025}.range-card.status-alto .range-value-wrap span{background:#fff0ec;color:#a64025}.range-card.status-bajo .range-value-wrap strong{color:#9a6817}.range-card.status-bajo .range-value-wrap span{background:#fff7df;color:#9a6817}.range-card.status-ideal .range-value-wrap strong{color:#1f6f4a}
.range-scale{position:relative;height:104px;margin:8px 0 8px;--scale-pad:0px}
.range-band{position:absolute;left:0;right:0;top:0;height:36px;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:var(--low-w) var(--ideal-w) var(--high-w);border:1px solid rgba(16,42,29,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.range-band .zone{display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:950;color:#66756d;white-space:nowrap;min-width:0;overflow:hidden}.range-band .zone-low,.range-band .zone-high{background:#fff0f0}.range-band .zone-ideal{background:#e7f7ed;color:#176441}.range-band .zone:empty{display:none}
.range-cut{position:absolute;top:37px;transform:translateX(-50%);font-size:12px;font-weight:950;color:#7f887f;z-index:3}.range-cut:after{content:"";position:absolute;left:50%;top:17px;width:1px;height:48px;background:rgba(16,42,29,.22)}.cut-low{left:var(--ideal-start)}.cut-high{left:var(--ideal-end)}
.range-line{position:absolute;left:0;right:0;top:56px;height:42px;border-radius:17px;background:linear-gradient(90deg,#f6e1e1 0 var(--ideal-start),#dff3e6 var(--ideal-start) var(--ideal-end),#f6e1e1 var(--ideal-end) 100%);box-shadow:inset 0 0 0 1px rgba(16,42,29,.10)}.range-line:after{content:"";position:absolute;left:0;right:0;top:50%;height:8px;transform:translateY(-50%);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px rgba(16,42,29,.08)}
.range-dot{position:absolute;left:var(--value-pct);top:65px;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;background:#0f2b1d;border:5px solid #fff;box-shadow:0 10px 24px rgba(16,42,29,.24);z-index:5}.range-bubble{position:absolute;left:clamp(42px,var(--value-pct),calc(100% - 42px));top:34px;transform:translateX(-50%);background:#0f2b1d;color:#fff;font-weight:950;font-size:13px;border-radius:999px;padding:8px 12px;white-space:nowrap;box-shadow:0 10px 24px rgba(16,42,29,.25);z-index:6}
.range-foot{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:14px}.range-foot p{margin:0;color:#556359;line-height:1.35}.range-source{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#6d776f;background:#f2f7f3;border:1px solid #ddece2;border-radius:999px;padding:6px 9px;white-space:nowrap}.range-summary-pro{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.range-summary-pro div{background:linear-gradient(180deg,#fff,#f7fbf8);border:1px solid rgba(31,111,74,.12);border-radius:20px;padding:14px;box-shadow:0 8px 22px rgba(16,42,29,.06)}.range-summary-pro span{display:block;text-transform:uppercase;letter-spacing:.05em;color:#6d776f;font-size:11px;font-weight:900}.range-summary-pro b{display:block;margin-top:5px;color:#153f2c;font-size:22px;letter-spacing:-.04em}.range-summary-pro div:last-child{grid-column:span 2;background:linear-gradient(135deg,#102a1d,#1f6f4a);color:#fff}.range-summary-pro div:last-child span{color:rgba(255,255,255,.7)}.range-summary-pro div:last-child b{color:#fff;font-size:20px}
@media(max-width:900px){.range-grid-pro{grid-template-columns:1fr}.range-card-head{grid-template-columns:1fr}.range-value-wrap{text-align:left}.range-summary-pro{grid-template-columns:repeat(2,1fr)}.range-summary-pro div:last-child{grid-column:span 2}.range-foot{grid-template-columns:1fr}.range-source{width:max-content}}
@media(max-width:480px){.range-card{padding:16px;border-radius:20px}.range-card-head b{font-size:18px}.range-value-wrap strong{font-size:24px}.range-band .zone{font-size:10px}.range-bubble{font-size:12px}.range-summary-pro{grid-template-columns:1fr}.range-summary-pro div:last-child{grid-column:span 1}}


/* v11: centrar niveles y marcadores con una sola base visual */
.range-scale{--gauge-inset:12px;--gauge-width:calc(100% - (var(--gauge-inset) * 2));height:108px}
.range-band{left:var(--gauge-inset);right:var(--gauge-inset);grid-template-columns:var(--low-w) var(--ideal-w) var(--high-w)}
.range-cut{top:38px}
.cut-low{left:calc(var(--gauge-inset) + (var(--gauge-width) * var(--ideal-start-r)))}
.cut-high{left:calc(var(--gauge-inset) + (var(--gauge-width) * var(--ideal-end-r)))}
.range-line{left:var(--gauge-inset);right:var(--gauge-inset);top:58px}
.range-dot{left:calc(var(--gauge-inset) + (var(--gauge-width) * var(--value-r)));top:67px}
.range-bubble{left:clamp(56px, calc(var(--gauge-inset) + (var(--gauge-width) * var(--value-r))), calc(100% - 56px));top:35px}
.range-band .zone{justify-content:center;text-align:center}
.range-foot{margin-top:16px}
@media(max-width:480px){
  .range-scale{--gauge-inset:10px;height:110px}
  .range-bubble{left:clamp(52px, calc(var(--gauge-inset) + (var(--gauge-width) * var(--value-r))), calc(100% - 52px))}
}


/* v12: etiquetas de niveles centradas, especialmente BAJO en rangos pequenos */
.range-band{position:absolute;left:var(--gauge-inset);right:var(--gauge-inset);top:0;height:36px;border-radius:18px;overflow:hidden;display:block;border:1px solid rgba(16,42,29,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);background:linear-gradient(90deg,#fff0f0 0 var(--ideal-start),#e7f7ed var(--ideal-start) var(--ideal-end),#fff0f0 var(--ideal-end) 100%)}
.range-band .zone{position:absolute;top:50%;transform:translate(-50%,-50%);display:block;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:950;color:#66756d;white-space:nowrap;line-height:1}
.range-band .zone-low{left:clamp(28px, calc(var(--gauge-width) * var(--low-mid-r)), calc(100% - 28px))}
.range-band .zone-ideal{left:clamp(36px, calc(var(--gauge-width) * var(--ideal-mid-r)), calc(100% - 36px));color:#176441}
.range-band .zone-high{left:clamp(32px, calc(var(--gauge-width) * var(--high-mid-r)), calc(100% - 32px))}
@media(max-width:480px){
  .range-band .zone{font-size:10px}
}

/* v15 Coach Premium */
.premium-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#ffffff 0%,#f2faf5 55%,#e7f6ee 100%)}
.eyebrow{display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:.08em;color:#1f6f4a;background:#e8f6ee;border:1px solid #d6ecdf;border-radius:999px;padding:7px 11px;margin-bottom:8px}
.coach-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.score-card{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center}.score-ring{--score:0;width:148px;height:148px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#1f6f4a calc(var(--score)*1%), #e7eee9 0);box-shadow:0 18px 34px rgba(16,42,29,.12)}.score-ring:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(31,111,74,.08)}.score-ring b{position:relative;z-index:1;font-size:42px;color:#133d2b;line-height:1}.score-ring span{position:relative;z-index:1;margin-top:-34px;color:#6b7d72;font-weight:900}.score-ring.small{width:92px;height:92px;min-width:92px}.score-ring.small b{font-size:26px}.score-ring.small span{font-size:12px;margin-top:-22px}.score-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.score-breakdown div{background:#f6fbf8;border:1px solid #e0efe5;border-radius:14px;padding:10px}.score-breakdown span{display:block;color:#6e7d74;font-size:12px;font-weight:900;text-transform:uppercase}.score-breakdown b{display:block;color:#173c2b;font-size:18px}.goals-card h2{margin-bottom:14px}.goal-line{padding:12px 0;border-bottom:1px solid #edf2ee}.goal-line>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.goal-line b{color:#133d2b}.goal-line span{color:#637369;font-weight:800}.mini-bar{height:12px;background:#edf4ef;border-radius:999px;overflow:hidden}.mini-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f7d59,#9adbb2)}.coach-actions .section-head{align-items:center}.suggestion-list{display:grid;gap:10px;margin:14px 0}.suggestion{display:flex;gap:10px;align-items:flex-start;background:#f8fcf9;border:1px solid #e1f0e7;border-radius:16px;padding:12px}.suggestion span{display:grid;place-items:center;background:#e2f5e9;color:#1f6f4a;border-radius:50%;width:24px;height:24px;font-weight:950;min-width:24px}.suggestion p{margin:0;color:#35463d;line-height:1.42}.ai-day-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.ai-day-result{margin-top:16px;background:#102a1d;color:#fff;border-radius:20px;padding:18px;white-space:normal}.ai-day-result h3{margin-top:0;color:#fff}.dashboard-coach-card{display:flex;justify-content:space-between;align-items:center;gap:18px}.dash-score-left{display:flex;align-items:center;gap:16px}.smart-alerts li{background:#fff7ef;border:1px solid #f1dec8;border-radius:14px;margin:8px 0;padding:10px;color:#604327}
@media(max-width:900px){.premium-hero,.dashboard-coach-card{flex-direction:column;align-items:flex-start}.coach-grid,.score-card{grid-template-columns:1fr}.score-card .score-ring{margin:auto}.score-breakdown{grid-template-columns:1fr 1fr}.dash-score-left{align-items:flex-start}.topbar nav a span{font-size:13px}}
@media(max-width:520px){.score-breakdown{grid-template-columns:1fr}.goal-line>div:first-child{display:block}.score-ring{width:130px;height:130px}.premium-hero .inline-form{width:100%}.premium-hero .inline-form label{width:100%}.premium-hero .inline-form input{width:100%}}


/* v18: hacer AI Comida visible y evitar cache */
.topbar nav a[href="ai_comida.php"]{background:#2f9b68;color:#fff;font-weight:900;box-shadow:0 10px 22px rgba(47,155,104,.18)}
.topbar nav a[href="ai_comida.php"].active{background:#176441;color:#fff}
.ai-quick-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border-left:6px solid #2f9b68}
@media(max-width:700px){.ai-quick-card{display:block}.ai-quick-card .btn{width:100%;margin-top:12px}.topbar nav{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.topbar nav a{flex:0 0 auto}}


/* v19: AI detecta macros desde Comidas */
.ai-food-inline{margin:18px 0 22px;padding:20px;border-radius:24px;background:linear-gradient(135deg,#0f3a2a,#2e8b62);color:#fff;box-shadow:0 18px 40px rgba(16,42,29,.18)}
.ai-food-inline .muted{color:rgba(255,255,255,.82)}
.ai-inline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.ai-inline-head h2{margin:0 0 5px;font-size:25px;letter-spacing:-.04em;color:#fff}
.ai-food-inline .grid-form{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:14px}
.ai-food-inline label{color:#fff}.ai-food-inline input,.ai-food-inline select,.ai-food-inline textarea{background:#fff;color:#102018;border-color:rgba(255,255,255,.35)}
.ai-food-inline .btn{background:#fff;color:#145238}.ai-food-inline .btn.alt{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.24)}
.manual-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#66756d;font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.manual-divider:before,.manual-divider:after{content:"";height:1px;background:#dbe8df;flex:1}.manual-divider span{white-space:nowrap}
@media(max-width:760px){.ai-inline-head{display:block}.ai-inline-head .btn{margin-top:12px}.ai-food-inline{padding:16px}.manual-divider span{white-space:normal;text-align:center}}

/* v20: acciones para editar y borrar comidas */
.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.meal-item-actions{align-items:center;justify-content:space-between}
.meal-info{flex:1;min-width:220px}
.meal-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}
.meal-actions form{margin:0}
.mini-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7e7dc;background:#eef6f1;color:#113d2a;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px;cursor:pointer;line-height:1;text-decoration:none}
.mini-btn.danger{background:#fff1ef;border-color:#ffd6d1;color:#913629}
@media(max-width:760px){.meal-item-actions{align-items:flex-start}.meal-actions{width:100%;margin-left:0}.meal-actions .mini-btn{flex:1}.meal-actions form{flex:1}.meal-actions form .mini-btn{width:100%}}


/* v27 Android PWA */
.install-chip{display:none;align-items:center;justify-content:center;border:1px solid #d7e7dc;background:#2f9b68;color:#fff;border-radius:999px;padding:10px 14px;font-weight:950;box-shadow:0 10px 24px rgba(47,155,104,.18);cursor:pointer;white-space:nowrap}
.install-menu-link{border:1px dashed rgba(31,111,74,.22)}
.install-android-card{background:linear-gradient(135deg,#ffffff 0%,#eef9f3 55%,#def3e9 100%);border-left:6px solid #2f9b68}
.install-android-card .big{font-size:18px;padding:15px 22px;margin-top:10px}
.install-help{display:none;margin-top:16px;background:#fff;border:1px solid #dcece2;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(16,42,29,.08)}
.install-help.show{display:block}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quick-card{display:block;text-decoration:none;color:#102018;background:#f7fbf8;border:1px solid #deeee4;border-radius:18px;padding:16px}
.quick-card b{display:block;font-size:18px;margin-bottom:5px;color:#16452f}.quick-card span{color:#62756a}
@media(max-width:900px){.install-chip{display:inline-flex}.quick-grid{grid-template-columns:1fr}.install-dashboard-card{display:block}.install-dashboard-card .btn{width:100%;margin-top:12px}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}}
@media(display-mode: standalone){.install-chip,.install-menu-link,.install-dashboard-card{display:none!important}}
body.pwa-installed .install-chip, body.pwa-installed .install-menu-link, body.pwa-installed .install-dashboard-card{display:none!important}

/* v28 Meta al 100% - dashboard y Android */
.goal100-panel{background:linear-gradient(135deg,#ffffff,#f3fbf6);border-left:6px solid var(--brand, #2f9b68)}
.goal100-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.goal100-head h2{margin:8px 0 4px;font-size:clamp(26px,3vw,38px);letter-spacing:-.05em}
.pill-soft{display:inline-flex;align-items:center;width:max-content;border:1px solid #d7eadf;background:#eef9f2;color:#176441;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.goal100-ring{width:112px!important;height:112px!important;min-width:112px!important}
.goal100-ring b{font-size:34px!important}.goal100-ring span{font-size:13px!important;margin-top:-28px!important}
.goal100-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.goal100-item{background:#fff;border:1px solid rgba(31,111,74,.12);border-radius:20px;padding:14px;box-shadow:0 10px 24px rgba(16,42,29,.06)}
.goal100-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.goal100-row b{color:#133d2b;font-size:15px}.goal100-row span{font-size:20px;font-weight:950;color:#1f6f4a;letter-spacing:-.04em}.goal100-item.inicio .goal100-row span{color:#a64025}.goal100-item.medio .goal100-row span{color:#9a6817}.goal100-item.completa .goal100-row span{color:#127047}
.goal100-track{position:relative;height:16px;border-radius:999px;background:#edf4ef;overflow:visible;box-shadow:inset 0 0 0 1px rgba(16,42,29,.06)}
.goal100-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);background:rgba(255,255,255,.9);border-radius:999px}
.goal100-track i{display:block;height:100%;width:var(--p);max-width:100%;border-radius:999px;background:linear-gradient(90deg,#2f7d59,#a7ddb8)}
.goal100-track em{position:absolute;left:var(--p);top:50%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:#0f2b1d;border:4px solid #fff;box-shadow:0 8px 18px rgba(16,42,29,.24)}
.goal100-meta{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#68776f;font-size:12px;font-weight:800}.goal100-meta span:last-child{text-align:right}
.goal100-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.goal100-actions .btn{box-shadow:none}
@media(max-width:900px){.goal100-head{align-items:flex-start;flex-direction:column}.goal100-grid{grid-template-columns:1fr 1fr}.goal100-ring{width:100px!important;height:100px!important;min-width:100px!important}.goal100-actions .btn{flex:1 1 auto}}
@media(max-width:520px){.goal100-grid{grid-template-columns:1fr}.goal100-meta{display:block}.goal100-meta span{display:block}.goal100-meta span:last-child{text-align:left;margin-top:3px}}

/* v29: aclaracion de metas 100% */
.goal100-extra{margin-top:7px;font-size:12px;font-weight:900;color:#1f6f4a;background:#eef8f2;border:1px solid rgba(31,111,74,.12);border-radius:999px;padding:5px 8px;width:max-content;max-width:100%;}
.goal100-item.inicio .goal100-extra{color:#a64025;background:#fff2ee;}
.goal100-row span{min-width:46px;text-align:right;}