:root{--bg:#071018;--panel:#101d27;--line:#203542;--text:#eaf3f7;--muted:#91a8b5;--accent:#22d3a6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#123048 0,#071018 42%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}header{display:flex;justify-content:space-between;padding:18px 5vw;border-bottom:1px solid var(--line);background:#071018dd;position:sticky;top:0;z-index:5}header b{color:var(--accent);font-size:24px}header span,nav{color:var(--muted)}a{color:var(--accent);text-decoration:none}main{max-width:1400px;margin:auto;padding:28px 5vw 60px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center;padding:42px 0}.hero.compact{grid-template-columns:1fr auto}.eyebrow{color:var(--accent);letter-spacing:.15em;font-size:12px}h1{font-size:clamp(36px,5vw,68px);line-height:1.02;margin:12px 0}.terminal,.grid article,.two article,.metrics article,.history{background:#101d27dd;border:1px solid var(--line);border-radius:14px;padding:22px}.terminal{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--muted)}input,select,button{padding:13px;border-radius:8px;border:1px solid var(--line);background:#071018;color:var(--text)}button{background:var(--accent);color:#042119;font-weight:800;cursor:pointer}.grid,.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.grid article h3{color:var(--accent)}.history{margin-top:25px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}.two{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:18px}pre{white-space:pre-wrap;overflow:auto;color:#cfe0e8;font-family:ui-monospace,Consolas;font-size:13px}.score{font-size:62px;font-weight:900;color:var(--accent);border:1px solid var(--accent);border-radius:50%;width:130px;height:130px;display:grid;place-items:center}.metrics strong{display:block;font-size:30px;margin-top:8px}.metrics small{color:var(--muted)}.alert,.file{display:block;padding:11px;margin:8px 0;border:1px solid var(--line);border-radius:8px}.alert.high{border-color:#e95d5d}.error{padding:12px;background:#5a1d24;border-radius:8px}@media(max-width:900px){.hero,.two{grid-template-columns:1fr}.grid,.metrics{grid-template-columns:1fr 1fr}h1{font-size:40px}}.trade-side{font-size:2rem;font-weight:800;margin:.5rem 0 1rem}.trade-side.long{color:#4ade80}.trade-side.short{color:#fb7185}.trade-side.wait{color:#facc15}
.error{background:#4a1616;border:1px solid #b44;padding:12px;border-radius:8px;margin:12px 0}.muted{opacity:.75}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}input,select{display:block;width:100%;box-sizing:border-box;margin:6px 0 12px;padding:10px}code,pre{white-space:pre-wrap;overflow-wrap:anywhere}
video{margin-top:12px;box-shadow:0 16px 45px rgba(0,0,0,.35)}img{max-width:100%;height:auto}.alert.warning{border-color:#d8a72e;background:rgba(216,167,46,.08)}
/* v10.2 Responsive & Natural Voice */
.media-card,video,.chart-image{width:100%;max-width:100%;height:auto;display:block;object-fit:contain}
.description,.analysis-text,article p,article pre{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.analysis-text{white-space:pre-wrap;line-height:1.65;max-height:none;overflow:visible}
@media(max-width:640px){
  header{position:static;display:block;padding:14px 16px}header nav,header .muted{margin-top:8px}
  main{padding:16px 12px 36px;width:100%;overflow-x:hidden}
  .hero.compact{grid-template-columns:1fr;padding:18px 0}.hero.compact .score{width:88px;height:88px;font-size:40px}
  .grid,.metrics,.two{grid-template-columns:1fr!important;gap:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .metrics article,.grid article,.two article,.history{padding:15px;min-width:0}
  h1{font-size:30px;line-height:1.1}h2{font-size:21px}.metrics strong{font-size:21px}
  pre{font-size:12px;max-width:100%;overflow-x:auto}.file{overflow-wrap:anywhere}
  video{max-height:70vh;object-fit:contain;background:#000}
}
/* v11 Story Builder */
.story-form fieldset{border:1px solid var(--line);border-radius:10px;margin:14px 0;padding:14px}.story-form legend{color:var(--accent);font-weight:800;padding:0 8px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-option{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#071018}.topic-option input,.inline-check input{width:auto;margin:3px 0}.topic-option span{display:grid;gap:3px}.topic-option small{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline-check{display:inline-flex;align-items:center;gap:8px;margin-right:18px}.vertical-video{width:min(420px,100%);max-height:75vh;object-fit:contain;background:#000;border-radius:12px}
@media(max-width:640px){.topic-grid,.form-grid{grid-template-columns:1fr}.story-form button{width:100%}.inline-check{display:flex;margin:8px 0}}

/* v11.2 TradingView Lightweight Charts */
.chart-terminal{margin:18px 0;background:#101d27dd;border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.chart-heading h2{margin:.2rem 0 1rem}.lw-chart-frame{display:block;width:100%;height:clamp(430px,62vh,760px);border:1px solid var(--line);border-radius:12px;background:#071018}.chart-terminal .file{display:inline-flex;margin:0;white-space:nowrap}@media(max-width:640px){.chart-terminal{padding:10px;margin:12px 0}.chart-heading{display:block}.chart-terminal .file{margin:0 0 10px}.lw-chart-frame{height:58vh;min-height:390px}}
/* v1.1.1 Trade Journal */
.journal-stats{grid-template-columns:repeat(5,1fr)}.journal-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:18px}.journal-filters button{margin-bottom:12px}.status-pill{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status-pill.long{color:#4ade80;border-color:#4ade80}.status-pill.short{color:#fb7185;border-color:#fb7185}.status-pending_entry,.status-open{color:#facc15;border-color:#facc15}.status-tp1_reached,.status-tp2_reached,.status-tp3,.status-closed_win{color:#4ade80;border-color:#4ade80}.status-stop_loss,.status-closed_loss{color:#fb7185;border-color:#fb7185}.status-ambiguous{color:#f59e0b;border-color:#f59e0b}.journal-manual{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.journal-manual label:last-of-type{grid-column:1/-1}.journal-manual textarea{width:100%;background:#071018;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px}.journal-manual button{grid-column:1/-1}@media(max-width:900px){.journal-stats,.journal-filters,.journal-manual{grid-template-columns:1fr 1fr}}@media(max-width:640px){.journal-stats,.journal-filters,.journal-manual{grid-template-columns:1fr}.journal-manual label:last-of-type,.journal-manual button{grid-column:auto}}

/* Hosting vNext: touch-first navigation without sacrificing desktop density. */
header{gap:14px;flex-wrap:wrap;align-items:center}header nav{display:flex;flex-wrap:wrap;gap:7px 11px;align-items:center}header nav a{padding:8px 2px;min-height:40px;display:inline-flex;align-items:center}button,a.file{min-height:44px;align-items:center}.history{max-width:100%}
.role-nav i{font-style:normal;color:var(--line)}.nav-disabled{display:inline-flex;align-items:center;min-height:40px;padding:8px 2px;color:#59707d;cursor:not-allowed;opacity:.78}.user-menu{margin-left:auto;text-align:right;color:var(--muted);white-space:nowrap}.user-menu b{color:var(--text);font-size:inherit}
/* Portada pública: comunica el producto sin exponer datos, sesiones ni análisis. */
.public-header{max-width:1400px;margin:auto;padding:17px 5vw}.public-header .brand{font-size:19px;font-weight:900;letter-spacing:.04em;color:var(--text)}.public-header .brand span{color:var(--accent)}.public-header nav{margin-left:auto;display:flex;align-items:center;gap:20px}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;background:var(--accent);color:#042119!important;font-weight:900}.public-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:38px;align-items:center;padding:76px 0 62px}.public-hero h1{max-width:790px}.lead{max-width:720px;color:var(--muted);font-size:clamp(18px,2.1vw,23px);line-height:1.55}.public-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:28px 0}.text-link{font-weight:800}.disclaimer{max-width:720px;color:#718b98;font-size:13px;line-height:1.45}.public-signal-card{padding:28px;border:1px solid var(--accent);border-radius:16px;background:linear-gradient(145deg,#112b36,#0b1821);box-shadow:0 25px 60px rgba(0,0,0,.28)}.public-signal-card ol{list-style:none;padding:0;margin:18px 0}.public-signal-card li{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}.public-signal-card li b{color:var(--accent)}.public-signal-card li span{color:var(--muted)}.public-signal-card strong{color:var(--accent)}.public-section{padding:44px 0}.public-section h2{font-size:clamp(28px,3vw,42px);margin:8px 0 22px}.public-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.public-grid article{padding:21px;border:1px solid var(--line);border-radius:12px;background:#101d27cc}.public-grid h3{margin-top:0;color:var(--accent)}.public-grid p{margin-bottom:0;color:var(--muted);line-height:1.55}.public-plans{border-top:1px solid var(--line)}.public-footer{padding:30px 5vw;border-top:1px solid var(--line);color:var(--muted);text-align:center}@media(max-width:760px){.public-header{position:static}.public-header nav{width:auto;margin-left:0;gap:12px}.public-header nav>a:not(.button-link){display:none}.public-hero{grid-template-columns:1fr;padding:42px 0}.public-signal-card{padding:20px}.public-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.public-grid{grid-template-columns:1fr}.public-actions{align-items:stretch}.public-actions .button-link{width:100%}}
@media(max-width:760px){
  header{padding:13px 16px;position:sticky}header b{font-size:20px}header>div{width:100%}
  header nav{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px;white-space:nowrap}
  header nav a{flex:0 0 auto;padding:9px 7px}.hero{padding:24px 0;gap:20px}.hero.compact{grid-template-columns:1fr}
  .history{padding:14px;overflow-x:auto}table{min-width:650px}.journal-manual{grid-template-columns:1fr!important}.journal-manual label:last-of-type,.journal-manual button{grid-column:auto}
}
@media(min-width:761px) and (max-width:1100px){main{padding-left:3vw;padding-right:3vw}.grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-manual{grid-template-columns:repeat(2,minmax(0,1fr)}}

/* Formación: lecciones editorializadas, legibles en móvil y escritorio. */
.training-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}
.training-illustration{border:1px solid var(--line);border-radius:14px;background:#071018;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.study-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:24px 0}
.study-flow article{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;background:#101d27cc}
.study-flow span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:var(--accent);color:#042119;font-weight:900}
.lesson-stack{display:grid;gap:14px;margin:25px 0}.lesson-stack>h2{margin:0}.lesson-section{padding:23px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;background:linear-gradient(90deg,rgba(34,211,166,.08),#101d27dd 22%)}.lesson-section h3{margin:4px 0 8px}.lesson-section p{line-height:1.7;margin:0}.lesson-section .eyebrow{margin-bottom:2px}
@media(max-width:760px){.training-hero{grid-template-columns:1fr}.study-flow{grid-template-columns:1fr}.training-illustration{max-height:280px;object-fit:cover}.lesson-section{padding:17px}}

/* Recorrido visual seleccionable para cada artículo de Formación. */
.visual-lesson{margin:28px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#101d27dd}.visual-main{display:grid;grid-template-columns:1.2fr 1fr;min-height:340px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#071018}.visual-main>img{width:100%;height:100%;min-height:340px;object-fit:cover;transition:opacity .18s ease}.visual-main>img.changing{opacity:.16}.visual-copy{align-self:center;padding:30px}.visual-copy h2{margin:4px 0 12px;color:var(--accent);font-size:clamp(26px,3vw,40px)}.visual-copy p{line-height:1.7}.visual-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:17px 2px 2px}.visual-thumb{display:grid;grid-template-rows:90px auto;flex:0 0 156px;min-height:132px;padding:0;overflow:hidden;border:2px solid transparent;background:#071018;color:var(--text);text-align:left}.visual-thumb img{width:100%;height:90px;object-fit:cover;opacity:.62;transition:opacity .2s}.visual-thumb span{padding:8px;font-size:12px}.visual-thumb:hover img,.visual-thumb.active img{opacity:1}.visual-thumb.active{border-color:var(--accent);box-shadow:0 0 18px rgba(34,211,166,.25)}
@media(max-width:760px){.visual-lesson{padding:12px}.visual-main{grid-template-columns:1fr}.visual-main>img{min-height:210px;max-height:260px}.visual-copy{padding:18px}.visual-thumbnails{padding-top:12px}.visual-thumb{flex-basis:145px}}

/* El texto también es un selector: al desplazar sus pasos cambia la imagen. */
.lesson-heading{margin-bottom:17px}.lesson-heading h2{margin:4px 0}.visual-main{min-height:380px}.visual-image-wrap{position:relative;min-height:380px;background:#071018}.visual-image-wrap>img{width:100%;height:100%;min-height:380px;object-fit:cover;transition:opacity .18s ease}.visual-image-wrap>img.changing{opacity:.16}.visual-image-wrap>span{position:absolute;right:14px;top:14px;padding:6px 9px;border-radius:7px;background:#071018d9;border:1px solid var(--line);font-size:12px;color:var(--accent)}.visual-copy{display:grid;align-content:start;gap:9px;max-height:380px;overflow-y:auto;padding:15px;background:#0a161f}.visual-step{display:block;width:100%;min-height:0;padding:14px;border:1px solid transparent;border-left:3px solid transparent;border-radius:9px;background:transparent;color:var(--text);text-align:left}.visual-step:hover{background:#102431}.visual-step.active{border-color:var(--line);border-left-color:var(--accent);background:rgba(34,211,166,.09)}.visual-step h3{margin:1px 0 6px;color:var(--text);font-size:18px}.visual-step p{margin:0;line-height:1.45;font-size:14px;color:var(--muted)}.visual-step .eyebrow{font-size:10px;color:var(--accent)}.visual-step-action{display:inline-block;margin-top:8px;color:var(--accent);font-size:12px;font-weight:800}
@media(max-width:760px){.visual-image-wrap,.visual-image-wrap>img{min-height:210px;max-height:260px}.visual-copy{max-height:none;overflow:visible;padding:10px}.visual-step{padding:13px}}

/* Mantener imagen y explicación en dos columnas salvo en móviles realmente estrechos. */
.visual-main{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr)}
@media(min-width:561px) and (max-width:760px){.visual-main{grid-template-columns:minmax(0,1.15fr) minmax(235px,.85fr)}.visual-image-wrap,.visual-image-wrap>img{min-height:300px;max-height:none}.visual-copy{max-height:380px;overflow-y:auto;padding:12px}}
@media(max-width:560px){.visual-main{grid-template-columns:1fr}.visual-image-wrap,.visual-image-wrap>img{min-height:210px;max-height:260px}.visual-copy{max-height:none;overflow:visible}}

/* Reproductor editorial: imagen principal a la izquierda y una explicación a la derecha. */
.training-title{max-width:960px;margin:12px auto 24px;text-align:center}.training-title h1{font-size:clamp(32px,4vw,52px);margin:7px 0}.training-title>p{max-width:780px;margin:9px auto;line-height:1.55}.visual-player{max-width:1200px;margin:0 auto 28px}.visual-player .visual-main{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);min-height:380px}.visual-player .visual-copy{display:block;align-self:stretch;max-height:none;overflow:auto;padding:28px;background:#101d27;color:var(--text);border:0;border-radius:0;text-align:left;cursor:pointer}.visual-player .visual-copy:hover{background:#132331}.visual-player .visual-copy:focus-visible{outline:3px solid var(--accent);outline-offset:-5px}.visual-player .visual-copy h2{margin:4px 0 12px;color:var(--accent);font-size:clamp(25px,3vw,34px)}.visual-player .visual-copy p{line-height:1.62;margin:0 0 13px;color:var(--muted)}.visual-player .visual-copy ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.55}.visual-player .visual-copy li{margin:6px 0}.visual-player .visual-step-action{display:block;margin-top:16px}.visual-player .visual-thumbnails{margin-top:18px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#101d27}.visual-player .visual-thumb{border-radius:8px}.visual-player .visual-image-wrap,.visual-player .visual-image-wrap>img{min-height:380px;max-height:none}
@media(min-width:561px) and (max-width:760px){.visual-player .visual-main{grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr)}.visual-player .visual-copy{padding:16px}.visual-player .visual-image-wrap,.visual-player .visual-image-wrap>img{min-height:320px}}
@media(max-width:560px){.visual-player .visual-main{grid-template-columns:1fr}.visual-player .visual-copy{padding:18px}.visual-player .visual-image-wrap,.visual-player .visual-image-wrap>img{min-height:220px;max-height:270px}}

/* Prioridad explícita frente al estilo global de botones. */
.visual-player .visual-copy{background:#101d27!important;color:var(--text)!important;min-height:380px!important}.visual-player .visual-thumb{display:grid!important;grid-template-rows:90px auto!important;flex:0 0 156px!important;min-height:132px!important;padding:0!important;background:#071018!important;color:var(--text)!important;border:2px solid transparent!important}.visual-player .visual-thumb.active{border-color:var(--accent)!important}.visual-player .visual-thumb img{display:block!important;width:100%!important;height:90px!important;max-width:none!important;object-fit:cover!important}.visual-player .visual-thumb span{display:block!important;padding:8px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.visual-player .visual-thumbnails{display:flex!important;gap:12px!important;overflow-x:auto!important}.visual-player .visual-main{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)!important}
@media(max-width:560px){.visual-player .visual-main{grid-template-columns:1fr!important}.visual-player .visual-copy{min-height:0!important}}

/* Reproductor ligero para análisis cuyos MP4 fueron archivados por retención. */
.archived-player{max-width:1200px}.archived-player-main{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(140px,.9fr)!important;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#071018}.archived-player-image-wrap{min-width:0;background:#000}.archived-player-image-wrap>img{display:block!important;width:100%!important;height:320px!important;max-width:none!important;object-fit:contain!important;background:#000}.archived-player-copy{display:block!important;align-self:stretch!important;padding:24px!important;background:#101d27!important;color:var(--text)!important;overflow:visible!important}.archived-player-copy .eyebrow{margin:0 0 8px}.archived-player-main h3{color:var(--accent);font-size:clamp(16px,2.4vw,30px);margin:0 0 12px}.archived-player-main p{line-height:1.65;color:var(--muted);overflow-wrap:anywhere}.archived-player-thumbs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:12px 1px 2px!important;align-items:flex-start!important}.archived-player-thumb{display:grid!important;grid-template-rows:54px 22px!important;flex:0 0 84px!important;width:84px!important;min-width:84px!important;max-width:84px!important;height:80px!important;min-height:80px!important;max-height:80px!important;padding:0!important;border:2px solid transparent!important;border-radius:7px!important;background:#071018!important;color:var(--text)!important;overflow:hidden!important}.archived-player-thumb img{display:block!important;width:80px!important;height:54px!important;min-width:80px!important;max-width:80px!important;object-fit:cover!important;opacity:.65}.archived-player-thumb span{display:block!important;height:22px!important;min-height:22px!important;padding:4px 2px!important;font-size:10px!important;line-height:1.1!important;text-align:center!important}.archived-player-thumb.active{border-color:var(--accent)!important}.archived-player-thumb.active img,.archived-player-thumb:hover img{opacity:1}@media(max-width:479px){.archived-player-main{grid-template-columns:minmax(0,1fr) minmax(130px,.85fr)!important}.archived-player-image-wrap>img{height:220px!important}.archived-player-copy{padding:12px!important}.archived-player-copy .eyebrow{font-size:9px}.archived-player-main h3{font-size:16px;margin-bottom:7px}.archived-player-main p{font-size:12px;line-height:1.45}}
