/* TrailLab v201–v221 · capa acumulativa */
.achv-search-wrap{position:relative;min-width:min(360px,100%);flex:1}
.achv-search-wrap .achv-search{width:100%}
.achv-search-pop{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);max-height:340px;overflow:auto;padding:6px;border:1px solid var(--tl-border);border-radius:14px;background:var(--tl-panel-raised);box-shadow:0 20px 50px rgba(0,0,0,.38)}
.achv-search-pop button{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:7px;border:0;border-radius:10px;background:transparent;color:var(--tl-text-1);text-align:left;cursor:pointer}
.achv-search-pop button:hover,.achv-search-pop button:focus{background:var(--tl-panel-hover);outline:2px solid color-mix(in srgb,var(--tl-accent) 45%,transparent)}
.achv-search-pop img{width:48px;height:48px;object-fit:contain}.achv-search-pop b,.achv-search-pop small{display:block}.achv-search-pop small{margin-top:2px;color:var(--tl-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.achv-search-none{display:block;padding:16px;color:var(--tl-text-3);text-align:center}

.coach-plan-ready{margin-top:10px;padding:10px;border:1px solid color-mix(in srgb,var(--tl-accent) 55%,var(--tl-border));border-radius:12px;background:color-mix(in srgb,var(--tl-accent) 8%,var(--tl-panel))}
.coach-plan-ready b,.coach-plan-ready span{display:block}.coach-plan-ready span{margin:4px 0 8px;color:var(--tl-text-3);font-size:.76rem}
.coach-plan-ready button{min-height:36px;border:0;border-radius:9px;padding:0 12px;background:var(--tl-accent);color:#102007;font-weight:850;cursor:pointer}
.coach-plan-draft{margin:0 0 16px;padding:16px;border:1px solid color-mix(in srgb,var(--tl-accent) 48%,var(--tl-border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--tl-accent) 9%,var(--tl-panel)),var(--tl-panel))}
.cpd-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cpd-head b,.cpd-head span{display:block}.cpd-head span{margin-top:4px;color:var(--tl-text-3);font-size:.72rem}
.cpd-actions{display:flex;gap:7px;flex-wrap:wrap}.cpd-actions button{min-height:36px;border-radius:9px;padding:0 11px;font-weight:800;cursor:pointer}
.cpd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:12px}.cpd-week{padding:10px;border:1px solid var(--tl-border);border-radius:12px;background:var(--tl-panel-raised)}
.cpd-week>b{font-size:.78rem}.cpd-day{display:flex;gap:6px;margin-top:5px;font-size:.68rem}.cpd-day strong{width:24px;color:var(--tl-accent)}.cpd-day span{color:var(--tl-text-2)}

.nut-workspace-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 14px;padding:6px;border:1px solid var(--tl-border);border-radius:15px;background:var(--tl-panel)}
.nut-workspace-nav button{min-height:46px;border:0;border-radius:11px;background:transparent;color:var(--tl-text-2);font-weight:800;cursor:pointer}.nut-workspace-nav button.active{background:var(--tl-accent);color:#102007;box-shadow:0 8px 24px color-mix(in srgb,var(--tl-accent) 24%,transparent)}
#nutBody[data-nut-view="overview"] .nd-row,#nutBody[data-nut-view="overview"] .nut-race,#nutBody[data-nut-view="overview"] .nut-edit-block,#nutBody[data-nut-view="overview"] .nut-fuel-block,#nutBody[data-nut-view="overview"] .sug-grid{display:none}
#nutBody[data-nut-view="week"] .nut-fuel-block{display:none}
#nutBody[data-nut-view="fuel"] .nd-row,#nutBody[data-nut-view="fuel"] .nut-race,#nutBody[data-nut-view="fuel"] .nut-edit-block,#nutBody[data-nut-view="fuel"] .sug-grid,#nutBody[data-nut-view="fuel"] .ef-grid{display:none}
.nut-beta-note{margin:10px 0;padding:10px 12px;border-left:3px solid var(--tl-teal);border-radius:8px;background:color-mix(in srgb,var(--tl-teal) 8%,var(--tl-panel));color:var(--tl-text-2);font-size:.72rem}

.guide-missions{margin:16px 0;padding:18px;border:1px solid var(--tl-border);border-radius:19px;background:var(--tl-panel)}
.guide-missions-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.guide-missions-head h3{margin:0}.guide-missions-head span{color:var(--tl-text-3);font-size:.72rem}
.guide-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.guide-mission{display:flex;flex-direction:column;align-items:flex-start;min-height:128px;padding:13px;border:1px solid var(--tl-border);border-radius:14px;background:var(--tl-panel-raised);color:var(--tl-text-1);text-align:left;cursor:pointer}.guide-mission.done{border-color:var(--tl-teal)}.guide-mission i{font-style:normal;font-size:1.4rem}.guide-mission b{margin-top:8px}.guide-mission span{margin-top:4px;color:var(--tl-text-3);font-size:.69rem;line-height:1.45}.guide-mission small{margin-top:auto;padding-top:7px;color:var(--tl-accent);font-weight:800}
.guide-kicker,.nut-section-kicker{display:block;margin-bottom:5px;color:var(--tl-teal)!important;font-size:.62rem!important;font-weight:900;letter-spacing:.13em}.guide-arrival{animation:guideArrival 1.25s ease}@keyframes guideArrival{0%,100%{box-shadow:inherit}35%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tl-accent) 75%,transparent),0 0 36px color-mix(in srgb,var(--tl-accent) 25%,transparent)}}.tour-step-no{margin-bottom:12px;color:var(--lime);font-size:.68rem;font-weight:900;letter-spacing:.14em}.tour-progress{flex:1;min-width:70px;height:4px;overflow:hidden;border-radius:999px;background:var(--line)}.tour-progress i{display:block;height:100%;border-radius:inherit;background:var(--lime);transition:width .25s}

/* v212 · Platos */
#nutBody[data-nut-view="plates"] .nut-beta-note{display:none}.plates-command{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:18px 20px;border:1px solid var(--tl-border);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--tl-teal) 8%,var(--tl-panel)),var(--tl-panel))}.plates-command h3{margin:0;color:var(--tl-text-1);font-size:1.2rem}.plates-command p{max-width:660px;margin:6px 0 0;color:var(--tl-text-3);font-size:.76rem;line-height:1.5}.plates-stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.plates-stats>span{min-width:94px;padding:8px 10px;border:1px solid var(--tl-border);border-radius:11px;background:var(--tl-panel-raised);color:var(--tl-text-3);font-size:.66rem}.plates-stats b{display:block;color:var(--tl-text-1);font-size:1rem}
.plate-tools{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:12px;align-items:end;margin:12px 0}.plate-tools label{display:flex;flex-direction:column;gap:5px;color:var(--tl-text-3);font-size:.65rem;font-weight:800}.plate-tools input{height:42px;padding:0 13px;border:1px solid var(--tl-border);border-radius:11px;background:var(--tl-panel);color:var(--tl-text-1);outline:0}.plate-tools input:focus{border-color:var(--tl-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tl-accent) 16%,transparent)}.plate-cats{display:flex;gap:6px;overflow:auto;padding-bottom:2px}.plate-cats button{min-height:38px;padding:0 11px;border:1px solid var(--tl-border);border-radius:10px;background:var(--tl-panel);color:var(--tl-text-2);font-size:.68rem;font-weight:800;white-space:nowrap;cursor:pointer}.plate-cats button.active{border-color:var(--tl-accent);background:color-mix(in srgb,var(--tl-accent) 13%,var(--tl-panel));color:var(--tl-accent)}
#nutBody[data-nut-view="plates"] .plato-build{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:12px;margin-top:0}.plato-libcol,.plato-col,.plate-history{padding:14px;border:1px solid var(--tl-border);border-radius:16px;background:var(--tl-panel)}.plato-col{position:sticky;top:82px}.plate-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.plate-panel-head b,.plate-panel-head span{display:block}.plate-panel-head b{color:var(--tl-text-1);font-size:.88rem}.plate-panel-head span{margin-top:2px;color:var(--tl-text-3);font-size:.65rem}#nutBody[data-nut-view="plates"] .food-lib{max-height:610px}.fc-title{display:flex;justify-content:space-between;align-items:center}.fc-title small{padding:2px 7px;border-radius:999px;background:var(--tl-panel-raised);font-size:.6rem}#nutBody[data-nut-view="plates"] .food-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}#nutBody[data-nut-view="plates"] .food-chip{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-height:55px;padding:8px 10px;text-align:left;border-color:var(--tl-border);background:var(--tl-panel-raised)}#nutBody[data-nut-view="plates"] .food-chip .fc-emoji{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--tl-teal) 8%,var(--tl-panel));font-size:1.15rem}.fc-copy{min-width:0}.fc-copy b,.fc-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-copy small{margin-top:3px;color:var(--tl-text-3);font-size:.59rem}
#nutBody[data-nut-view="plates"] .plato-drop{min-height:310px;border:1px solid var(--tl-border);background:linear-gradient(160deg,var(--tl-panel-raised),color-mix(in srgb,var(--tl-teal) 5%,var(--tl-panel)))}#nutBody[data-nut-view="plates"] .pt-macros{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-top:8px}#nutBody[data-nut-view="plates"] .pt-macros span{position:relative;padding:9px 8px 7px;border:1px solid var(--tl-border);border-radius:9px;color:var(--tl-text-1);text-align:center}#nutBody[data-nut-view="plates"] .pt-macros span::before{content:attr(data-macro);display:block;margin-bottom:2px;color:var(--tl-text-3);font-size:.55rem;text-transform:uppercase}.plate-history{margin-top:12px}.plate-history .plato-hist{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.plate-history-empty,.plate-empty-result{display:flex;flex-direction:column;gap:4px;padding:22px;border:1px dashed var(--tl-border);border-radius:12px;color:var(--tl-text-3);font-size:.7rem;text-align:center}.plate-history-empty b{color:var(--tl-text-1)}

/* v213 · Plan semanal */
#nutBody[data-nut-view="week"]>.estado-note,#nutBody[data-nut-view="week"]>.nut-command,#nutBody[data-nut-view="week"]>.nd-row,#nutBody[data-nut-view="week"]>.nut-race,#nutBody[data-nut-view="week"]>.estado-block{display:none}.nut-week-planner{margin-top:12px;padding:18px;border:1px solid var(--tl-border);border-radius:18px;background:var(--tl-panel)}.nut-week-planner .nut-block-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:14px}.nut-week-planner .nut-block-head b,.nut-week-planner .nut-block-head span{display:block}.nut-week-planner .nut-block-head b{font-size:1.05rem}.nut-week-planner .nut-block-head>div>span:last-child{max-width:680px;margin-top:5px;color:var(--tl-text-3);font-size:.7rem}.nut-plan-summary{min-width:122px;padding:9px 12px;border:1px solid var(--tl-border);border-radius:11px;background:var(--tl-panel-raised);text-align:right}.nut-plan-summary strong{font-size:1.15rem}.nut-plan-summary span{color:var(--tl-text-3);font-size:.61rem}.nut-week-planner .nut-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nut-week-planner .nut-plan-day{padding:0;border:1px solid var(--tl-border);border-radius:13px;background:var(--tl-panel-raised);overflow:hidden}
.nut-week-planner .nut-plan-day header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--tl-border);background:color-mix(in srgb,var(--tl-teal) 5%,var(--tl-panel))}.nut-plan-day header span,.nut-plan-day header time{display:block}.nut-plan-day header span{font-weight:850}.nut-plan-day header time{margin-top:2px;color:var(--tl-text-3);font-size:.62rem}.nut-plan-day header small{max-width:55%;padding:5px 7px;border-radius:8px;background:color-mix(in srgb,var(--tl-accent) 10%,var(--tl-panel));color:var(--tl-accent);font-size:.59rem;text-align:right}.nut-plan-day header small.rest{background:var(--tl-panel);color:var(--tl-text-3)}.nut-meal-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.nut-meal-list label{display:block;min-width:0}.nut-meal-list label>span{display:block;margin:0 0 4px;color:var(--tl-text-3);font-size:.59rem;font-weight:800}.nut-meal-list select{width:100%;height:38px;padding:0 9px;border:1px solid var(--tl-border);border-radius:9px;background:var(--tl-panel);color:var(--tl-text-1);font-size:.68rem}.nut-week-planner .nut-plan-actions{position:sticky;bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;border:1px solid var(--tl-border);border-radius:12px;background:color-mix(in srgb,var(--tl-panel) 94%,transparent);backdrop-filter:blur(14px)}.nut-plan-actions>span{color:var(--tl-text-3);font-size:.66rem}.nut-plan-empty{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:11px;border:1px dashed var(--tl-border);border-radius:11px}.nut-plan-empty b,.nut-plan-empty span{display:block}.nut-plan-empty span{color:var(--tl-text-3);font-size:.65rem}.nut-plan-empty button{margin-left:auto}
#nutBody[data-nut-view="week"] .sug-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}#nutBody[data-nut-view="week"] .sug-meal{display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px;align-items:start;padding:10px}#nutBody[data-nut-view="week"] .sm-head{position:sticky;top:82px;margin:0;padding:10px;border-radius:10px;background:var(--tl-panel);font-size:.78rem}#nutBody[data-nut-view="week"] .sm-dishes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#nutBody[data-nut-view="week"] .smc{height:154px}
.nut-icon{display:block;width:20px;height:20px;color:var(--tl-teal)}.nwb-chip,.nwb-coach{display:inline-flex;align-items:center;justify-content:center;gap:7px}.nwb-chip .nut-icon,.nwb-coach .nut-icon{width:17px;height:17px;flex:0 0 17px;color:currentColor}.fc-emoji .nut-icon{width:19px;height:19px}.pc-emojis{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border:1px solid var(--tl-border);border-radius:10px;background:var(--tl-panel-raised);letter-spacing:0}.pc-emojis .nut-icon{color:var(--tl-accent)}.pi-emoji{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--tl-panel-raised);font-size:0}.pi-emoji .nut-icon{width:17px;height:17px}.sm-head .sm-ic{font-size:0}.sm-head .sm-ic .nut-icon{width:16px;height:16px;color:var(--mc)}.smc-emo{letter-spacing:0;font-size:0}.smc-emo .nut-icon{width:18px;height:18px;color:var(--mc)}.smc-ing .ie{display:grid;place-items:center;font-size:0}.smc-ing .ie .nut-icon{width:15px;height:15px;color:var(--tl-text-3)}.nut-title-clean{position:relative;padding-left:28px}.nut-title-clean::before{content:"";position:absolute;left:0;top:50%;width:18px;height:18px;transform:translateY(-50%);border:1px solid var(--tl-teal);border-radius:50%;box-shadow:inset 0 0 0 4px var(--tl-panel)}

.pro-definition{margin:15px 0}.pro-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:6px;border:1px solid var(--tl-border);border-radius:15px;background:var(--tl-panel)}.pro-menu button{min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--tl-text-2);font-weight:800;cursor:pointer}.pro-menu button.active{background:var(--tl-accent);color:#102007}
.pro-def-panel{margin-top:10px;padding:16px;border:1px solid var(--tl-border);border-radius:15px;background:var(--tl-panel)}.pro-def-panel h3{margin:0 0 6px}.pro-def-panel p{color:var(--tl-text-2);line-height:1.55}.pro-def-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pro-def-card{padding:12px;border:1px solid var(--tl-border);border-radius:12px;background:var(--tl-panel-raised)}.pro-def-card b,.pro-def-card span{display:block}.pro-def-card span{margin-top:4px;color:var(--tl-text-3);font-size:.7rem;line-height:1.4}
.pwa-audit-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--tl-teal) 14%,var(--tl-panel));color:var(--tl-teal);font-size:.68rem;font-weight:850}

@media(max-width:760px){
  .nut-workspace-nav,.pro-menu{grid-template-columns:1fr 1fr}.guide-mission-grid,.pro-def-grid{grid-template-columns:1fr}.cpd-head{flex-direction:column}.achv-search-wrap{min-width:100%}
  .plates-command{align-items:flex-start;flex-direction:column}.plates-stats{justify-content:flex-start}.plate-tools{grid-template-columns:1fr}#nutBody[data-nut-view="plates"] .plato-build{grid-template-columns:1fr}.plato-col{position:static}.nut-week-planner .nut-plan-grid{grid-template-columns:1fr}.nut-week-planner .nut-block-head{align-items:flex-start;flex-direction:column}.nut-plan-summary{text-align:left}.nut-meal-list{grid-template-columns:1fr}#nutBody[data-nut-view="week"] .sug-grid{grid-template-columns:1fr}#nutBody[data-nut-view="week"] .sug-meal{grid-template-columns:1fr}#nutBody[data-nut-view="week"] .sm-head{position:static}#nutBody[data-nut-view="week"] .sm-dishes{grid-template-columns:1fr}
}

/* v216 · Guía legible e iconografía vectorial coherente */
.tl-line-icon{display:block;width:22px;height:22px;flex:0 0 22px}
#view-ayuda .gd-badge{
  display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(4,23,15,.18);
  border-radius:999px;background:linear-gradient(135deg,var(--tl-accent),#55ddb1);color:#07180f!important;
  font-size:.67rem;font-weight:950;letter-spacing:.12em;box-shadow:0 8px 24px rgba(49,214,179,.22)
}
#view-ayuda .gd-badge .tl-line-icon{width:15px;height:15px;flex-basis:15px;stroke-width:2.2}
#view-ayuda .gd-hero-t{display:flex;align-items:center;gap:13px;margin-top:13px}
#view-ayuda .gd-hero-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid color-mix(in srgb,var(--tl-accent) 42%,var(--tl-border));border-radius:13px;background:color-mix(in srgb,var(--tl-accent) 12%,var(--tl-panel));color:var(--tl-accent)}
#view-ayuda .gd-hero-icon .tl-line-icon{width:25px;height:25px}
#view-ayuda .gd-hero-p{color:var(--tl-text-2)}
#view-ayuda .gd-tour-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px}
#view-ayuda .gd-tour-btn .tl-line-icon{width:18px;height:18px}
#view-ayuda .gd-step-ic{display:grid;place-items:center;width:38px;height:38px;margin-bottom:3px;border:1px solid color-mix(in srgb,var(--sc) 38%,var(--tl-border));border-radius:11px;background:color-mix(in srgb,var(--sc) 9%,var(--tl-panel));color:var(--sc);font-size:0}
#view-ayuda .gd-step-ic .tl-line-icon{width:22px;height:22px}
#view-ayuda .hlp-chip{display:inline-flex;align-items:center;gap:7px}
#view-ayuda .hlp-chip .tl-line-icon{width:16px;height:16px;flex-basis:16px;color:var(--tl-teal)}
#view-ayuda .hlp-sec{align-items:center;gap:10px}
#view-ayuda .hlp-sec-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid color-mix(in srgb,var(--tl-teal) 42%,var(--tl-border));border-radius:10px;background:color-mix(in srgb,var(--tl-teal) 10%,var(--tl-panel));color:var(--tl-teal)}
#view-ayuda .hlp-sec-icon .tl-line-icon{width:19px;height:19px}
#view-ayuda .gcard-ic{font-size:0;color:var(--sc);background:color-mix(in srgb,var(--sc) 10%,var(--tl-panel));border-color:color-mix(in srgb,var(--sc) 42%,var(--tl-border))}
#view-ayuda .gcard-ic .tl-line-icon{width:26px;height:26px}
#view-ayuda .gcard-back-h .bic{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:color-mix(in srgb,var(--sc) 10%,var(--tl-panel));font-size:0}
#view-ayuda .gcard-back-h .bic .tl-line-icon{width:17px;height:17px}

/* v216 · dos tarjetas de producto para TrailLab Pro */
#view-pro .view-title{display:flex;align-items:center;gap:11px}
#view-pro .view-title>.tl-line-icon{width:30px;height:30px;color:var(--tl-gold)}
#view-pro .ph-star{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 8px;border:1px solid rgba(16,32,7,.18);border-radius:18px;background:rgba(255,255,255,.22);font-size:0}
#view-pro .ph-star .tl-line-icon{width:31px;height:31px}
#view-pro .pro-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 14px;align-items:stretch}
#view-pro .pro-plan{position:relative;display:flex;flex-direction:column;min-height:410px;padding:25px 23px;text-align:left;overflow:hidden;border:1px solid var(--tl-border);border-top:3px solid var(--tl-teal);border-radius:20px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--tl-teal) 10%,transparent),transparent 38%),linear-gradient(155deg,var(--tl-panel-raised),var(--tl-panel));box-shadow:0 16px 42px rgba(0,0,0,.2)}
#view-pro .pro-plan.pp-best{border-color:color-mix(in srgb,var(--tl-gold) 62%,var(--tl-border));border-top-color:var(--tl-gold);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--tl-gold) 13%,transparent),transparent 42%),linear-gradient(155deg,var(--tl-panel-raised),var(--tl-panel));box-shadow:0 18px 48px rgba(231,177,92,.16)}
#view-pro .pp-ribbon{position:absolute;right:18px;top:18px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--tl-gold) 16%,var(--tl-panel));color:var(--tl-gold);font-size:.59rem;font-weight:950;letter-spacing:.1em}
#view-pro .pp-head{display:flex;align-items:center;gap:12px;padding-right:94px}
#view-pro .pro-plan:not(.pp-best) .pp-head{padding-right:0}
#view-pro .pp-icon{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border:1px solid color-mix(in srgb,var(--tl-teal) 42%,var(--tl-border));border-radius:14px;background:color-mix(in srgb,var(--tl-teal) 10%,var(--tl-panel));color:var(--tl-teal)}
#view-pro .pp-best .pp-icon{border-color:color-mix(in srgb,var(--tl-gold) 46%,var(--tl-border));background:color-mix(in srgb,var(--tl-gold) 10%,var(--tl-panel));color:var(--tl-gold)}
#view-pro .pp-icon .tl-line-icon{width:26px;height:26px}
#view-pro .pp-kicker{display:block;color:var(--tl-teal);font-size:.6rem;font-weight:950;letter-spacing:.12em}
#view-pro .pp-best .pp-kicker{color:var(--tl-gold)}
#view-pro .pp-head h3{margin:3px 0 0;color:var(--tl-text-1);font-size:1.16rem}
#view-pro .pp-copy{min-height:44px;margin:16px 0 8px;color:var(--tl-text-3);font-size:.75rem;line-height:1.55}
#view-pro .pp-price{margin:4px 0 14px;color:var(--tl-text-1);font-size:2.35rem;line-height:1}
#view-pro .pp-price small{margin-left:3px;color:var(--tl-text-3);font-size:.76rem}
#view-pro .pp-benefits{display:grid;gap:9px;margin:0 0 20px;padding:15px 0;border-top:1px solid var(--tl-border);list-style:none}
#view-pro .pp-benefits li{display:flex;align-items:flex-start;gap:8px;color:var(--tl-text-2);font-size:.72rem;line-height:1.45}
#view-pro .pp-benefits .tl-line-icon{width:16px;height:16px;flex-basis:16px;margin-top:1px;color:var(--tl-accent);stroke-width:2.3}
#view-pro .pp-cta{margin-top:auto;min-height:48px;border-radius:12px}
#view-pro .pp-sub{text-align:center}
#view-pro .pro-founder,#view-pro .pro-note,#view-pro .pro-trial{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;text-align:left}
#view-pro .pro-lead-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--tl-border);border-radius:9px;background:var(--tl-panel-raised);color:var(--tl-teal)}
#view-pro .pro-founder .pro-lead-icon{color:var(--tl-gold)}
#view-pro .pro-lead-icon .tl-line-icon{width:17px;height:17px}
#view-pro .pc-h{display:flex;align-items:center;justify-content:center;gap:6px}
#view-pro .pc-h .tl-line-icon{width:16px;height:16px;color:var(--tl-gold)}
#view-pro .pro-def-card b{display:flex;align-items:center;gap:7px}
#view-pro .pro-def-card b .tl-line-icon{width:17px;height:17px;color:var(--tl-teal)}
#view-pro .pro-def-card:nth-child(2) b .tl-line-icon,#view-pro .pro-def-card:nth-child(3) b .tl-line-icon{color:var(--tl-gold)}

@media(max-width:760px){
  #view-ayuda .gd-hero-t{align-items:flex-start}
  #view-ayuda .gd-hero-icon{width:38px;height:38px;flex-basis:38px}
  #view-pro .pro-plans{grid-template-columns:1fr}
  #view-pro .pro-plan{min-height:0}
}
@media(max-width:420px){
  #view-pro .pp-head{padding-right:0}
  #view-pro .pp-ribbon{position:static;align-self:flex-start;margin-bottom:12px}
}

/* v221 · sistema visual premium para todos los paneles analíticos */
#view-resumen [data-analytics-release="v221"] .tl-chart-card,
#view-forma [data-analytics-release="v221"] .tl-chart-card,
#view-estado [data-analytics-release="v221"] .tl-chart-card,
#view-estadisticas [data-analytics-release="v221"] .tl-chart-card{
  position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(113,177,154,.22)!important;
  border-radius:21px!important;background:
    radial-gradient(560px 190px at 12% -18%,rgba(49,214,179,.10),transparent 68%),
    radial-gradient(480px 180px at 92% -28%,rgba(166,232,44,.075),transparent 70%),
    linear-gradient(155deg,#0d2028 0%,#0a1921 48%,#08151c 100%)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025)!important
}
#view-resumen .tl-chart-card::before,
#view-forma .tl-chart-card::before,
#view-estado .tl-chart-card::before,
#view-estadisticas .tl-chart-card::before{
  content:"";position:absolute!important;z-index:0!important;left:0!important;right:0!important;top:0!important;bottom:auto!important;
  width:auto!important;height:2px!important;border-radius:0!important;background:linear-gradient(90deg,var(--tl-accent),var(--tl-teal) 54%,transparent 92%)!important;
  box-shadow:0 0 18px rgba(49,214,179,.24)!important;pointer-events:none
}
#view-resumen .tl-chart-card::after,
#view-forma .tl-chart-card::after,
#view-estado .tl-chart-card::after,
#view-estadisticas .tl-chart-card::after{
  content:"";position:absolute;z-index:-1;right:-70px;top:-70px;width:230px;height:230px;border:1px solid rgba(128,196,169,.055);
  border-radius:50%;box-shadow:0 0 0 32px rgba(128,196,169,.025),0 0 0 66px rgba(128,196,169,.018);pointer-events:none
}
#view-resumen .tl-chart-card>*,
#view-forma .tl-chart-card>*,
#view-estado .tl-chart-card>*,
#view-estadisticas .tl-chart-card>*{position:relative;z-index:1}
.tl-chart-eyebrow{display:block;margin:0 0 7px;color:#52d7b8!important;font-size:.56rem!important;font-weight:900!important;letter-spacing:.16em!important;line-height:1.2;text-transform:uppercase}
.tl-chart-heading{color:#eaf7f2!important;font-family:var(--tl-font-display)!important;font-size:1rem!important;font-weight:500!important;letter-spacing:.055em!important;text-transform:uppercase}
#view-resumen .tl-chart-card>.lbl{margin-bottom:9px!important}
.tl-chart-frame{position:relative;border:1px solid rgba(109,169,147,.13);border-radius:16px;background:linear-gradient(180deg,rgba(2,12,17,.34),rgba(5,17,23,.16));box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.tl-chart-card>.tl-chart-frame,.tl-chart-card>.fc-wrap,.tl-chart-card>.bc-wrap{margin-top:4px}
.tl-chart-frame .st-svg,.tl-chart-frame .chart-svg{border-radius:16px}
.tl-chart-surface{display:block;width:100%;height:auto;overflow:visible}
.tl-premium-chart{font-family:var(--tl-font-body);overflow:visible}
.tl-plot-bg{fill:rgba(2,13,18,.22);stroke:rgba(112,173,151,.08);stroke-width:1}
.tl-grid-line{stroke:rgba(124,184,161,.16);stroke-width:1;stroke-dasharray:2.5 5}
.tl-month-line{stroke:rgba(124,184,161,.075);stroke-width:1}
.tl-axis-label{fill:#87a89b;font-size:8.5px;font-weight:650;letter-spacing:.02em}
.tl-month-label{font-weight:750;text-transform:uppercase}
.tl-empty-label{fill:#87a89b;font-size:11px}
.tl-line-halo{stroke-width:7;opacity:.11;stroke-linecap:round;stroke-linejoin:round}
.tl-line-halo.ctl{stroke:#b9f43a}.tl-line-halo.atl{stroke:#ff7a3f}
.tl-end-ring{fill:#07171d;stroke-width:2.2}
.tl-end-ring.ctl{stroke:#c7fa49}.tl-end-ring.atl{stroke:#ff7340}
.tl-average-line{stroke:#f2c14e;stroke-width:1.25;stroke-dasharray:5 5;opacity:.78}
.tl-average-tag{fill:#192822;stroke:rgba(242,193,78,.34);stroke-width:1}
.tl-average-label{fill:#f2c14e;font-size:8px;font-weight:850;letter-spacing:.055em}
.tl-bar-value{fill:#a9c2b8;font-size:8.5px;font-weight:800}.tl-bar-value.is-hot{fill:#c9fb50}
.tl-premium-bar{transition:opacity .14s,filter .14s}
.bc-wrap:hover .tl-premium-bar{opacity:.52}.bc-wrap .tl-premium-bar:hover,.tl-premium-bar.bc-on{opacity:1;filter:brightness(1.12)}

/* Inicio · Mi evolución */
#view-resumen [data-chart-scope="inicio"]{padding:19px 20px 17px!important}
#view-resumen [data-chart-scope="inicio"] .st-svg{min-height:190px}
#view-resumen [data-chart-scope="inicio"] [data-chart-kind="bars"]{min-height:170px}

/* Estado de forma */
#view-forma [data-chart-scope="forma"]{padding:19px 20px!important}
#view-forma .tl-chart-card>.st-chips,#view-forma .tl-chart-card>.st-formchips{margin-top:12px!important}
#view-forma .gz-grid{gap:12px}
#view-forma .gz-card{border:1px solid rgba(113,177,154,.2)!important;border-radius:18px!important;background:linear-gradient(155deg,#10252c,#0a1920)!important;box-shadow:0 14px 34px rgba(0,0,0,.2)!important}

/* Estado de entreno */
#view-estado [data-chart-scope="entreno"]{padding:19px 20px!important}
#view-estado .foco-bar{height:13px;padding:2px;border:1px solid rgba(112,173,151,.16);border-radius:999px;background:#061218;box-shadow:inset 0 2px 8px rgba(0,0,0,.38)}
#view-estado .foco-bar span:first-child{border-radius:999px 0 0 999px}#view-estado .foco-bar span:last-child{border-radius:0 999px 999px 0}
#view-estado .wk-bars{position:relative;height:178px;gap:14px;padding:24px 12px 0;border:1px solid rgba(112,173,151,.11);border-radius:15px;background:linear-gradient(180deg,rgba(2,12,17,.34),rgba(5,17,23,.13))}
#view-estado .wk-bars::before,#view-estado .wk-bars::after{content:"";position:absolute;left:12px;right:12px;height:1px;border-top:1px dashed rgba(124,184,161,.14)}
#view-estado .wk-bars::before{top:38%}#view-estado .wk-bars::after{top:68%}
#view-estado .wkb{position:relative;z-index:1;gap:6px}
#view-estado .wkb-bar{width:min(42px,72%);border-radius:9px 9px 4px 4px!important;background:linear-gradient(180deg,#43ddba,#1d8573)!important;box-shadow:0 7px 18px rgba(0,0,0,.28)}
#view-estado .wkb:last-child .wkb-bar{background:linear-gradient(180deg,#c8fa4a,#6aa417)!important;box-shadow:0 0 22px rgba(166,232,44,.16)}
#view-estado .wkb-lbl{color:#7fa294;font-size:.63rem;text-transform:uppercase}#view-estado .wkb-val{color:#dcece6;font-size:.72rem}

/* Estadísticas */
#view-estadisticas [data-chart-scope="estadisticas"]{padding:19px 20px!important}
#view-estadisticas .st-card.tl-chart-card .st-head{padding-bottom:10px;border-bottom:1px solid rgba(112,173,151,.11)}
#view-estadisticas .st-card.tl-chart-card .st-sub{color:#8ba99e}
#view-estadisticas .st-formchips,#view-estado .st-formchips{gap:7px}
#view-estadisticas .st-chip,#view-estado .st-chip,#view-forma .st-chip{border-color:rgba(112,173,151,.16);background:rgba(8,28,34,.7);color:#96b0a6}
#view-estadisticas .st-chip b,#view-estado .st-chip b,#view-forma .st-chip b{color:#e7f4ef}
#view-estadisticas .st-donut{filter:drop-shadow(0 9px 16px rgba(0,0,0,.32))}
#view-estadisticas .st-heat{padding:8px;border-radius:13px;background:rgba(3,14,19,.24)}
#view-estadisticas .hrz-track{height:17px;border-color:rgba(112,173,151,.14);background:#061319;box-shadow:inset 0 2px 7px rgba(0,0,0,.34)}
#view-estadisticas .chart-svg{background:rgba(3,14,19,.25)!important;border-color:rgba(112,173,151,.13)!important;border-radius:14px!important}
#view-estadisticas .rp-grid,#view-estadisticas .rpx-grid{gap:9px}
#view-estadisticas .rp-tile,#view-estadisticas .rpx{border:1px solid rgba(112,173,151,.16)!important;border-radius:13px!important;background:rgba(8,27,33,.68)!important}

/* Tooltips y cursores del nuevo sistema */
.tl-chart-card .pf-tip,.tl-chart-card .bc-tip,.tl-chart-card .cmp-tip{
  border:1px solid rgba(103,224,190,.3)!important;border-radius:12px!important;background:rgba(5,18,24,.96)!important;color:#eaf7f2!important;
  box-shadow:0 16px 34px rgba(0,0,0,.42)!important;backdrop-filter:blur(12px)
}
.tl-chart-card .pf-line{width:1px;background:linear-gradient(180deg,transparent,rgba(209,255,94,.62),transparent)!important}
.tl-chart-card .pf-dot{box-shadow:0 0 0 3px rgba(4,16,21,.86),0 0 14px currentColor}

@media(max-width:760px){
  #view-resumen [data-chart-scope="inicio"],
  #view-forma [data-chart-scope="forma"],
  #view-estado [data-chart-scope="entreno"],
  #view-estadisticas [data-chart-scope="estadisticas"]{padding:16px 13px!important;border-radius:17px!important}
  .tl-chart-frame{overflow-x:auto}
  #view-estado .wk-bars{gap:7px;padding-inline:7px}
  #view-estado .wkb-bar{width:min(30px,78%)}
}

[data-theme="light"] #view-resumen .tl-chart-card,
[data-theme="light"] #view-forma .tl-chart-card,
[data-theme="light"] #view-estado .tl-chart-card,
[data-theme="light"] #view-estadisticas .tl-chart-card{
  border-color:rgba(31,107,83,.18)!important;background:
    radial-gradient(520px 180px at 10% -18%,rgba(49,191,148,.13),transparent 68%),
    linear-gradient(155deg,#fbfefc,#edf5f1)!important;box-shadow:0 16px 38px rgba(29,70,56,.1)!important
}
[data-theme="light"] .tl-chart-heading{color:#14352b!important}
[data-theme="light"] .tl-plot-bg{fill:rgba(217,234,226,.36);stroke:rgba(34,104,82,.09)}
[data-theme="light"] .tl-grid-line{stroke:rgba(42,105,84,.18)}
[data-theme="light"] .tl-month-line{stroke:rgba(42,105,84,.1)}
[data-theme="light"] .tl-axis-label{fill:#5c796e}
[data-theme="light"] .tl-chart-frame{border-color:rgba(31,107,83,.12);background:rgba(237,246,241,.66)}
[data-theme="light"] .tl-end-ring{fill:#f5faf7}

/* v221 · registro con respuesta visible y confirmación por email */
.auth-live,.gate-err{min-height:22px;margin:4px 0 10px;color:var(--orange);font-size:.82rem;line-height:1.45}
.auth-modal .m-type{color:var(--lime);border-color:var(--lime)}
.auth-modal .field input:focus,.gate-card .field input:focus{border-color:var(--tl-accent);box-shadow:0 0 0 3px rgba(166,232,44,.1)}
.save-btn.is-loading,.save-btn:disabled{cursor:wait;opacity:.72;transform:none!important}
.auth-text-btn{appearance:none;border:0;background:transparent;color:var(--tl-text-2);font:700 .8rem var(--tl-font-body);cursor:pointer}
.auth-text-btn:hover{color:var(--tl-accent)}
.auth-swap{display:block;width:100%;margin-top:13px;text-align:center}
.auth-email-hint{margin:13px 0 0;padding:10px 12px;border:1px solid rgba(49,214,179,.16);border-radius:11px;background:rgba(49,214,179,.045);color:var(--tl-text-3);font-size:.72rem;line-height:1.45;text-align:center}
.auth-confirm{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:18px;padding:22px 20px;border:1px solid rgba(166,232,44,.24);border-radius:18px;background:radial-gradient(280px 120px at 50% 0,rgba(166,232,44,.12),transparent 72%),rgba(5,20,25,.58)}
.auth-confirm-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:10px;border:1px solid rgba(166,232,44,.45);border-radius:50%;background:rgba(166,232,44,.13);box-shadow:0 0 26px rgba(166,232,44,.12);color:var(--tl-accent);font-size:1.45rem;font-weight:900}
.auth-confirm-kicker{color:var(--tl-teal);font-size:.62rem;font-weight:900;letter-spacing:.15em}
.auth-confirm h3{margin:5px 0 8px;color:var(--tl-text);font:500 1.65rem/1 var(--tl-font-display);letter-spacing:.035em;text-transform:uppercase}
.auth-confirm p{margin:0;color:var(--tl-text-2);font-size:.82rem;line-height:1.5}
.auth-confirm ol{width:100%;margin:15px 0 10px;padding:13px 14px 13px 34px;border:1px solid var(--tl-border);border-radius:12px;background:rgba(1,10,14,.28);color:var(--tl-text-2);font-size:.77rem;line-height:1.7;text-align:left}
.auth-confirm-status{min-height:20px;color:var(--tl-teal);font-size:.76rem;font-weight:700}
.auth-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:12px}
.auth-confirm-actions .save-btn,.auth-confirm-actions .btn-ghost{width:100%;min-height:42px}
.auth-confirm-actions .auth-text-btn{grid-column:1/-1;padding:5px}
.auth-confirm>small{margin-top:11px;color:var(--tl-text-3);font-size:.66rem;line-height:1.4}
.gate-card.auth-is-confirming{max-width:520px}
.gate-card.auth-is-confirming>.auth-confirm{margin-top:15px}
.tbn.has-sub.menu-dismissed .tbn-drop{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-6px)!important}

[data-theme="light"] .auth-confirm{background:radial-gradient(280px 120px at 50% 0,rgba(109,174,22,.12),transparent 72%),rgba(242,249,245,.92);border-color:rgba(92,150,21,.3)}
[data-theme="light"] .auth-confirm ol{background:rgba(220,235,227,.58)}

@media(max-width:560px){
  .auth-confirm{padding:19px 14px}
  .auth-confirm-actions{grid-template-columns:1fr}
  .auth-confirm-actions .auth-text-btn{grid-column:auto}
}
/* v221 · barrera visual durante la hidratación segura de cada cuenta */
#accountShield{
  position:fixed;inset:0;z-index:520;display:grid;place-items:center;
  padding:24px;background:rgba(2,14,18,.94);backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease
}
#accountShield.open{opacity:1;visibility:visible;pointer-events:auto}
.account-shield-card{
  width:min(420px,100%);display:grid;justify-items:center;gap:10px;padding:30px;
  color:#eaf7ee;text-align:center;border:1px solid rgba(165,243,35,.28);
  border-radius:24px;background:linear-gradient(145deg,rgba(17,43,43,.98),rgba(8,25,31,.98));
  box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 36px rgba(165,243,35,.1)
}
.account-shield-card b{font-size:20px}
.account-shield-card>span:last-child{color:#a9beb2;font-size:14px;line-height:1.5}
.account-shield-mark{
  display:grid;place-items:center;width:54px;height:54px;border-radius:17px;
  color:#07120c;font-weight:1000;letter-spacing:-1px;background:linear-gradient(135deg,#a5f323,#39d6ae);
  box-shadow:0 0 28px rgba(165,243,35,.3)
}
/* v221 · métricas de Logros y pasaporte geográfico */
.ach-metrics-v221,.summit-passport{
  margin:16px 0;padding:22px;border:1px solid rgba(61,211,176,.22);border-radius:22px;
  background:linear-gradient(145deg,rgba(16,39,46,.96),rgba(9,27,33,.98));box-shadow:0 20px 50px rgba(0,0,0,.18)
}
.achm-head,.summit-passport>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.achm-head h3,.summit-passport h3{margin:3px 0 7px;font-size:1.35rem;color:var(--ink)}
.achm-head p,.summit-passport header p{max-width:720px;margin:0;color:var(--muted);line-height:1.55}
.achm-score{min-width:126px;padding:14px 18px;text-align:center;border-radius:16px;background:rgba(165,243,35,.08);border:1px solid rgba(165,243,35,.25)}
.achm-score b{display:block;font-size:1.75rem;color:var(--lime)}
.achm-score span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.achm-kpis,.summit-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.achm-kpis article,.summit-kpis article{padding:14px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.achm-kpis b,.summit-kpis b{display:block;font-size:1.55rem;color:var(--ink)}
.achm-kpis span,.summit-kpis span{font-size:.72rem;color:var(--muted)}
.achm-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.achm-cats article{padding:12px;border-radius:13px;background:rgba(4,16,21,.35)}
.achm-cats header{display:flex;justify-content:space-between;gap:8px;font-size:.74rem}
.achm-cats header span,.achm-cats small{color:var(--muted);font-size:.64rem}
.achm-cats article>div{height:5px;margin:9px 0 7px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}
.achm-cats i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lime),var(--cyan))}
.summit-passport{border-color:rgba(242,193,78,.28);background:linear-gradient(145deg,rgba(18,42,43,.98),rgba(10,27,35,.98))}
.summit-passport>header .btn-prim{min-width:205px}
.summit-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.summit-kpis article:first-child{border-top:2px solid var(--lime)}
.summit-kpis article:nth-child(2){border-top:2px solid var(--cyan)}
.summit-kpis article:nth-child(3){border-top:2px solid #f2c14e}
.summit-status{margin:0 0 12px;padding:10px 13px;border-radius:11px;background:rgba(61,211,176,.09);color:#8fe4cf;font-size:.78rem}
.summit-list{display:grid;gap:7px}
.summit-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.summit-item>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:.68rem;font-weight:900;color:#151c0c;background:linear-gradient(135deg,var(--lime),#f2c14e)}
.summit-item div{min-width:0}.summit-item b,.summit-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summit-item b{font-size:.9rem}.summit-item small{margin-top:3px;color:var(--muted);font-size:.68rem}.summit-item strong{color:#f2c14e;font-size:.85rem}
.summit-empty{padding:24px;text-align:center;border:1px dashed rgba(242,193,78,.25);border-radius:14px}.summit-empty b,.summit-empty span{display:block}.summit-empty span{max-width:620px;margin:7px auto 0;color:var(--muted);font-size:.78rem}
.summit-passport footer{margin-top:12px;color:var(--muted);font-size:.65rem;line-height:1.5}
@media(max-width:800px){.achm-cats{grid-template-columns:repeat(2,1fr)}.achm-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ach-metrics-v221,.summit-passport{padding:16px}.achm-head,.summit-passport>header{display:grid}.summit-passport>header .btn-prim{width:100%}.summit-kpis{grid-template-columns:1fr}.achm-cats{grid-template-columns:1fr}.summit-item{grid-template-columns:34px 1fr}.summit-item strong{grid-column:2}}
/* v221 · revisión visual transversal */
.ui-line-icon{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-4px;margin-right:7px}
button[data-ui221="1"]{display:inline-flex;align-items:center;justify-content:center}
.eb-title[data-ui221="1"],.estado-note[data-ui221="1"],.coach-intro[data-ui221="1"]{display:flex;align-items:flex-start;gap:8px}
.eb-title[data-ui221="1"] .ui-line-icon,.estado-note[data-ui221="1"] .ui-line-icon{margin:0;flex:0 0 18px}
[data-visual-system="v221"] .estado-block,[data-visual-system="v221"] .card,[data-visual-system="v221"] .st-card{
  border:1px solid rgba(83,137,137,.28);border-radius:20px;background:linear-gradient(145deg,rgba(16,39,46,.96),rgba(10,29,35,.98));box-shadow:0 18px 44px rgba(0,0,0,.14)
}
[data-visual-system="v221"] .estado-block::before,[data-visual-system="v221"] .card::before,[data-visual-system="v221"] .st-card::before{display:none!important}
[data-visual-system="v221"] .ef-grid{gap:10px}
[data-visual-system="v221"] .ef-card{
  min-height:104px;padding:15px;border:1px solid rgba(83,137,137,.24);border-radius:15px;
  background:linear-gradient(145deg,rgba(20,48,52,.92),rgba(14,37,42,.94));box-shadow:none
}
[data-visual-system="v221"] .ef-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--cyan),var(--lime));border-radius:15px 0 0 15px}
[data-visual-system="v221"] .estado-hero{border-width:1px;border-radius:20px;background:linear-gradient(135deg,rgba(18,48,53,.96),rgba(10,31,38,.98));box-shadow:0 16px 42px rgba(0,0,0,.16)}
[data-visual-system="v221"] .estado-note{border-radius:14px;background:rgba(61,211,176,.07);border-color:rgba(61,211,176,.2)}
[data-visual-system="v221"] .eh-badge{border-radius:16px;background:linear-gradient(135deg,var(--cyan),#1a8078)!important;box-shadow:0 10px 24px rgba(61,211,176,.22)}
[data-design="unified"] .tl-cockpit-head .copy>span{color:var(--cyan);letter-spacing:.12em}

/* Logros: navegación visible y cimas como primer destino */
.ach-hub-nav{position:sticky;top:68px;z-index:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;padding:8px;border:1px solid rgba(83,137,137,.28);border-radius:16px;background:rgba(7,24,30,.94);backdrop-filter:blur(14px)}
.ach-hub-nav button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);font:800 .78rem/1 inherit;cursor:pointer}
.ach-hub-nav button:hover{border-color:rgba(165,243,35,.3);background:rgba(165,243,35,.07)}
.ach-hub-nav .tl-line-icon{width:19px;height:19px}
.summit-passport,.ach-metrics-v221{scroll-margin-top:132px}

/* Pro: comparativa en dos tarjetas, sin tabla */
.pro-compare-v221{margin:18px 0 16px}.pro-compare-head{text-align:center;margin:0 auto 15px;max-width:720px}
.pro-compare-head h3{margin:5px 0 6px;font-size:1.35rem}.pro-compare-head p{margin:0;color:var(--muted);line-height:1.5}
.pro-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pro-compare-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:22px;border:1px solid rgba(83,137,137,.3);border-radius:22px;background:linear-gradient(145deg,rgba(16,39,46,.98),rgba(10,28,35,.98));overflow:hidden}
.pro-compare-card.pro{border-color:rgba(242,193,78,.58);box-shadow:0 18px 52px rgba(242,193,78,.1)}
.pro-compare-card.pro::before{content:"RECOMENDADO";position:absolute;top:14px;right:-33px;width:128px;padding:5px 0;transform:rotate(38deg);text-align:center;font-size:.55rem;font-weight:1000;letter-spacing:.08em;color:#172008;background:linear-gradient(90deg,#f2c14e,var(--lime))}
.pro-compare-card header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.pro-compare-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--cyan);background:rgba(61,211,176,.1)}
.pro-compare-card.pro .pro-compare-icon{color:#f2c14e;background:rgba(242,193,78,.1)}
.pro-compare-icon .tl-line-icon{width:24px;height:24px}.pro-compare-card header small{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.09em}.pro-compare-card h3{margin:3px 0 0;font-size:1.25rem}
.pro-compare-card ul{display:grid;gap:11px;margin:18px 0;padding:0;list-style:none}.pro-compare-card li{display:flex;align-items:flex-start;gap:9px;color:var(--ink);font-size:.82rem;line-height:1.4}.pro-compare-card li .tl-line-icon{flex:0 0 18px;width:18px;height:18px;color:var(--lime)}
.pro-compare-price{display:flex;align-items:baseline;gap:7px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line)}.pro-compare-price b{font-size:1.8rem;color:var(--ink)}.pro-compare-card.pro .pro-compare-price b{color:#f2c14e}.pro-compare-price span{color:var(--muted);font-size:.72rem}
@media(max-width:700px){.pro-compare-grid{grid-template-columns:1fr}.pro-compare-card{min-height:0}.ach-hub-nav{top:58px}.ach-hub-nav button{font-size:.68rem}.ach-hub-nav button span{display:none}}