/*! EntrenIA (c) 2026 Jaume Vives - Todos los derechos reservados. Prohibida la copia, distribucion o ingenieria inversa sin autorizacion escrita. */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg:#070b14;--bg-soft:#0c1322;--surface:#111c36;--surface-hover:#16234233;--border:rgba(163,230,53,0.14);--border-strong:rgba(163,230,53,0.35);--text:#e2e8f0;--text-soft:#94a3b8;--text-dim:#64748b;--volt:#a3e635;--volt-bright:#d9f99d;--volt-deep:#84cc16;--volt-dark:#4d7c0f;--yellow:#facc15;--amber-text:#fbbf24;--red-text:#f87171;--heading:"Barlow Condensed","Arial Narrow",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh}body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 40% at 50% -5%,rgba(132,204,22,0.16),transparent 65%),radial-gradient(ellipse 45% 30% at 90% 25%,rgba(132,204,22,0.05),transparent 70%),repeating-linear-gradient(115deg,transparent 0 90px,rgba(163,230,53,0.02) 90px 92px),var(--bg)}.container{max-width:660px;margin:0 auto;padding:20px 16px 56px}.topbar{display:flex;align-items:center;gap:13px;padding:2px 2px 18px}.logo svg{display:block;filter:drop-shadow(0 0 14px rgba(163,230,53,0.35))}.brand-name{font-family:var(--heading);font-size:30px;font-weight:800;letter-spacing:0.03em;line-height:1;color:#ffffff;text-transform:uppercase}.brand-name span{color:var(--volt);text-shadow:0 0 18px rgba(163,230,53,0.55)}.brand-tag{font-size:12px;color:var(--text-soft);margin-top:3px;letter-spacing:0.02em}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#14213d 0%,#0c1322 55%,#0f1a14 100%);border:1px solid var(--border);border-radius:22px;padding:26px 24px}.hero::before{content:"";position:absolute;top:-70px;right:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(163,230,53,0.22),transparent 70%)}.hero::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--volt-deep),var(--volt-bright),transparent);opacity:0.8}.hero .eyebrow{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;color:var(--volt);background:rgba(163,230,53,0.1);border:1px solid var(--border-strong);border-radius:999px;padding:4px 12px}.hero h1{font-family:var(--heading);font-size:42px;font-weight:800;text-transform:uppercase;letter-spacing:0.02em;line-height:0.98;color:#ffffff;margin-top:14px}.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--volt-deep),var(--volt-bright));-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-soft);font-size:14px;margin-top:12px;max-width:46ch}.hero-stats{display:flex;gap:26px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(148,163,184,0.15)}.stat b{display:block;font-family:var(--heading);font-size:26px;font-weight:800;color:var(--volt);line-height:1}.stat small{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.08em}.section-label{font-family:var(--heading);font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--text);margin:24px 0 10px;display:flex;align-items:center;gap:10px}.section-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-strong),transparent)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);border-radius:999px;padding:9px 16px;font-family:"Inter",sans-serif;font-size:14px;font-weight:600;background:var(--surface);color:var(--text-soft);cursor:pointer;transition:all 0.15s}.chip:hover:not(:disabled):not(.active){border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.chip.active{background:linear-gradient(135deg,var(--volt-deep),var(--volt-bright));border-color:transparent;color:#0c1322;font-weight:700;box-shadow:0 0 18px rgba(163,230,53,0.35)}.chip:disabled{opacity:0.4;cursor:not-allowed}.chip .soon{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-dim);margin-left:6px}.segmented{display:flex;gap:8px}.segmented .chip{flex:1;border-radius:14px;padding:12px 0;text-align:center}.upload-btn{width:100%;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;border-radius:18px;border:none;background:linear-gradient(135deg,var(--volt-deep),var(--volt-bright));font-family:var(--heading);font-size:21px;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:#0c1322;cursor:pointer;box-shadow:0 6px 28px rgba(132,204,22,0.35);transition:all 0.15s}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 34px rgba(132,204,22,0.5)}.upload-btn:disabled{background:var(--surface);border:1px dashed var(--border-strong);color:var(--text-soft);box-shadow:none;cursor:wait}.upload-hint{margin-top:10px;text-align:center;font-size:12px;color:var(--text-dim)}.camera-btn{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border-radius:16px;border:1px solid var(--border-strong);background:var(--surface);font-family:var(--heading);font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--volt);cursor:pointer;transition:all 0.15s}.camera-btn:hover{background:rgba(163,230,53,0.08);transform:translateY(-1px)}.upload-btn.small{margin-top:0;padding:13px 22px;font-size:17px;width:auto;flex:1}.share-btn{width:100%;margin-top:14px;padding:14px;border-radius:16px;border:1px solid var(--border-strong);background:var(--surface);font-family:var(--heading);font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--volt);cursor:pointer;transition:all 0.15s}.share-btn:hover:not(:disabled){background:rgba(163,230,53,0.08)}.share-btn:disabled{opacity:0.6;cursor:wait}.camera-btn.reanalyze{border-style:dashed;color:var(--text-soft)}.camera-btn.reanalyze:hover{color:var(--volt)}.camera-btn:disabled{opacity:0.45;cursor:wait;transform:none}.reps-summary{font-size:13px;font-weight:600;color:var(--volt);background:rgba(163,230,53,0.08);border:1px solid var(--border-strong);border-radius:12px;padding:9px 14px;margin-bottom:8px}.reps-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rep-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px}.rep-chip .rep-score{font-family:var(--heading);font-weight:800;font-size:13px;border-radius:999px;padding:1px 8px}.rep-chip.active .rep-score{background:rgba(12,19,34,0.2);color:#0c1322;border:none}.trim-warning{font-size:13px;color:var(--amber-text);background:rgba(251,191,36,0.08);border:1px solid rgba(251,191,36,0.3);border-radius:12px;padding:10px 14px;margin-top:10px}.compare-note{margin-top:10px;font-size:13px;color:var(--amber-text)}.clip-video{width:100%;max-height:340px;border-radius:16px;background:#000;border:1px solid var(--border);display:block}.trim-labels{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;font-weight:600;color:var(--text-soft)}.trim-labels .trim-span{color:var(--volt);font-weight:700}.trim-sliders{position:relative;height:30px;margin-top:6px;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.trim-fill{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(163,230,53,0.25);border-radius:6px;pointer-events:none}.trim-sliders input[type="range"]{position:absolute;inset:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none}.trim-sliders input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:16px;height:30px;border-radius:6px;background:var(--volt);border:2px solid #0c1322;cursor:ew-resize;box-shadow:0 0 8px rgba(163,230,53,0.5)}.trim-sliders input[type="range"]::-moz-range-thumb{pointer-events:auto;width:16px;height:30px;border-radius:6px;background:var(--volt);border:2px solid #0c1322;cursor:ew-resize}.trim-actions{display:flex;gap:10px;align-items:stretch;margin-top:16px}.trim-actions .chip{flex:none;align-self:center}.camera-frame{position:relative}.camera-timer{position:absolute;top:10px;left:12px;background:rgba(0,0,0,0.6);color:#f87171;font-weight:800;font-size:14px;border-radius:999px;padding:4px 12px;animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:0.55}}.card{background:linear-gradient(160deg,rgba(163,230,53,0.04),transparent 40%),var(--bg-soft);border:1px solid var(--border);border-radius:18px;padding:16px;margin-top:12px}.card.accent{border-left:3px solid var(--volt);box-shadow:-6px 0 24px -12px rgba(163,230,53,0.4)}.progress-step{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:14px}.progress-step .dot{width:18px;height:18px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.progress-step.done{color:var(--text-soft)}.progress-step.done .dot{background:var(--volt);color:#0c1322;font-weight:800}.progress-step.current{font-weight:700;color:#ffffff}.progress-step.pending{color:var(--text-dim)}.progress-step.pending .dot{border:2px solid rgba(148,163,184,0.35)}.progress-message{margin-top:8px;font-size:12px;font-style:italic;color:var(--text-soft)}.spinner{width:14px;height:14px;flex:none;border:2px solid var(--volt);border-top-color:transparent;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{display:flex;gap:8px;align-items:flex-start;background:rgba(248,113,113,0.08);border:1px solid rgba(248,113,113,0.3);border-radius:14px;padding:12px;margin-top:12px;font-size:14px;color:var(--red-text)}.report-header{display:flex;align-items:center;justify-content:space-between;margin:30px 0 12px}.report-header h2{font-family:var(--heading);font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em}.score-pill{font-family:var(--heading);border-radius:12px;padding:4px 14px;font-size:20px;font-weight:800}.score-good{background:rgba(163,230,53,0.14);color:var(--volt);border:1px solid var(--border-strong)}.score-mid{background:rgba(251,191,36,0.1);color:var(--amber-text);border:1px solid rgba(251,191,36,0.3)}.score-bad{background:rgba(248,113,113,0.1);color:var(--red-text);border:1px solid rgba(248,113,113,0.3)}.demo-note{font-size:12px;font-style:italic;color:var(--text-dim);margin:-6px 0 10px}.thumbs{display:flex;gap:8px;margin-bottom:4px}.thumb{flex:1;cursor:pointer;border:none;background:none;padding:0}.thumb img{width:100%;height:144px;object-fit:cover;border-radius:14px;background:#000;border:1px solid var(--border);display:block;transition:all 0.15s}.thumb:hover img{border-color:var(--volt);box-shadow:0 0 18px rgba(163,230,53,0.3)}.thumb .thumb-label{margin-top:5px;text-align:center;font-size:12px;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:0.05em}.thumbs-caption{text-align:center;font-size:11px;color:var(--text-dim);margin-bottom:12px}.phase-header{display:flex;align-items:center;justify-content:space-between}.phase-header .phase-name{font-family:var(--heading);font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#ffffff}.phase-score{font-family:var(--heading);border-radius:999px;padding:2px 12px;font-size:15px;font-weight:800}.check{display:flex;align-items:flex-start;gap:9px;margin-top:9px;font-size:14px;color:var(--text-soft)}.check .icon{flex:none;margin-top:2px;font-size:14px;line-height:1.4}.check.ok .icon{color:var(--volt)}.check.fail .icon{color:var(--red-text)}.check.fail{color:var(--text)}.plan-title{display:flex;align-items:center;gap:8px;font-family:var(--heading);font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:#ffffff}.plan-item{display:flex;gap:9px;align-items:flex-start;margin-top:11px;font-size:14px;color:var(--text-soft)}.plan-item .icon{color:var(--volt);flex:none}.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.history-head .chip{margin-top:32px;flex:none}.compare-hint{font-size:13px;color:var(--volt);background:rgba(163,230,53,0.08);border:1px dashed var(--border-strong);border-radius:12px;padding:10px 14px;margin-bottom:4px}.history-item.dim{opacity:0.35;pointer-events:auto;cursor:not-allowed}.history-item.compare-pick{border-color:var(--volt);box-shadow:0 0 16px rgba(163,230,53,0.3);position:relative}.pick-badge{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;background:var(--volt);color:#0c1322;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px rgba(163,230,53,0.5)}.card.compare{border-color:var(--border-strong)}.compare-head{display:flex;align-items:center;justify-content:space-between}.modal-close.small{width:30px;height:30px;font-size:13px}.compare-cols{display:flex;gap:12px;margin-top:14px}.compare-col{flex:1;min-width:0}.compare-tag{font-family:var(--heading);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-dim);margin-bottom:6px}.compare-col img{width:100%;height:150px;object-fit:cover;border-radius:12px;background:#000;border:1px solid var(--border);display:block}.compare-col .placeholder.wide{width:100%;height:150px;border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:24px}.compare-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.compare-meta .date{font-size:12px;color:var(--text-dim)}.compare-meta .score-pill{font-size:15px;padding:2px 10px}.compare-phases{margin-top:14px;border-top:1px solid rgba(148,163,184,0.15);padding-top:6px}.compare-phase-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:14px}.compare-phase-row .phase-label{color:var(--text-soft);font-weight:600}.phase-delta{display:flex;align-items:center;gap:8px;font-family:var(--heading);font-size:17px;font-weight:800}.phase-delta .old{color:var(--text-dim)}.phase-delta .arrow{color:var(--text-dim);font-size:13px}.phase-delta .new{color:var(--text)}.phase-delta .trend{font-size:13px;border-radius:999px;padding:1px 8px}.phase-delta .trend.up{color:var(--volt);background:rgba(163,230,53,0.12)}.phase-delta .trend.down{color:var(--red-text);background:rgba(248,113,113,0.12)}.phase-delta .trend.same{color:var(--text-dim)}.compare-summary{margin-top:12px;font-size:14px;font-weight:600;color:var(--text);background:rgba(163,230,53,0.07);border-radius:12px;padding:10px 14px}.history-title{font-family:var(--heading);font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;margin:30px 0 2px}.history-sub{font-size:12px;color:var(--text-dim);margin-bottom:10px}.history-item{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all 0.15s}.history-item:hover{border-color:var(--border-strong);transform:translateY(-1px)}.history-item img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#000;border:1px solid var(--border)}.history-item .placeholder{width:48px;height:48px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:18px}.history-item .meta{flex:1}.history-item .meta .stroke-name{font-weight:700;color:var(--text)}.history-item .meta .date{font-size:12px;color:var(--text-dim)}.history-item .delete-btn{border:none;background:none;color:var(--text-dim);cursor:pointer;font-size:16px;padding:6px}.history-item .delete-btn:hover{color:var(--red-text)}.history-item .score-pill{font-size:14px;padding:2px 10px}.modal-overlay{position:fixed;inset:0;background:rgba(3,6,12,0.94);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal-overlay[hidden]{display:none}.modal-content{width:100%;max-width:660px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.modal-header h3{font-family:var(--heading);color:#ffffff;font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:0.05em}.modal-close{border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,0.08);color:#ffffff;width:36px;height:36px;font-size:15px;cursor:pointer}.modal-close:hover{border-color:var(--volt);color:var(--volt)}.modal-content img{width:100%;max-height:420px;object-fit:contain;border-radius:16px;background:#000;border:1px solid var(--border);display:block}.modal-tabs{display:flex;justify-content:center;gap:8px;margin-top:16px}.modal-tabs .chip{background:rgba(255,255,255,0.08)}.modal-caption{margin-top:12px;text-align:center;font-size:12px;color:var(--text-dim)}footer{margin-top:40px;text-align:center;font-size:12px;color:var(--text-dim)}footer b{font-family:var(--heading);font-size:14px;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-soft)}footer b span{color:var(--volt)}@media (max-width:480px){.hero h1{font-size:34px}.hero-stats{gap:18px}.thumb img{height:104px}}