/* BBS Páginas · escuela 1.0.0 (línea v5, la misma del inicio) · 2026-10-15. Todo vive bajo #bbs-escuela. */
.e-con:has(#bbs-escuela),.elementor-widget:has(#bbs-escuela),.elementor-widget-container:has(#bbs-escuela),.elementor-shortcode:has(#bbs-escuela){padding:0!important;margin:0!important;max-width:none!important;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--content-width:100%}

#bbs-escuela{--paper:#FCFBF8;--alt:#F5F3EE;--white:#fff;--ink:#0B1B2E;--body:#3B4656;--soft:#5A6474;--rule:#E7E3DA;
  --navy:#0F2D4F;--navy2:#163C66;--gold:#C29A43;--gold-ink:#7A5B12;--gold-lt:#E3C27A;--deep:#0B1626;--on-dark:#D9DEE6;--dim-dark:#AEB6C2;--line-dark:rgba(217,222,230,.12);
  --ok:#1F7A52;--err:#B3261E;
  display:block;width:100%;overflow-x:clip;text-align:left;font-family:"Inter",system-ui,-apple-system,sans-serif;color:var(--body);background:var(--paper);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
#bbs-escuela,#bbs-escuela *{box-sizing:border-box;margin:0;padding:0}
#bbs-escuela h1,#bbs-escuela h2,#bbs-escuela h3,#bbs-escuela p,#bbs-escuela ul,#bbs-escuela ol,#bbs-escuela li,#bbs-escuela fieldset,#bbs-escuela legend,#bbs-escuela label,#bbs-escuela button,#bbs-escuela input,#bbs-escuela summary,#bbs-escuela details{font-family:inherit;letter-spacing:normal;text-transform:none;list-style:none;border:0;background:none;color:inherit;font-style:normal}
#bbs-escuela a{color:inherit;text-decoration:none}
#bbs-escuela a:focus-visible,#bbs-escuela button:focus-visible,#bbs-escuela input:focus-visible,#bbs-escuela summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
#bbs-escuela .wrap{max-width:1200px;margin:0 auto;padding:0 40px}
#bbs-escuela h1,#bbs-escuela h2,#bbs-escuela h3{color:var(--ink);text-wrap:balance}

/* piezas comunes de la línea v5 */
#bbs-escuela .x-eye{display:block;font-size:15px;font-weight:600;color:var(--gold-ink)}
#bbs-escuela .x-lead{font-size:20px;line-height:1.55;margin-top:22px;max-width:31em}
#bbs-escuela .x-sec{padding:112px 0}
#bbs-escuela .x-head{max-width:760px}
#bbs-escuela .x-head h2,#bbs-escuela .x-dark h2,#bbs-escuela .e-tec h2,#bbs-escuela .e-rigor h2{font-weight:600;font-size:48px;line-height:1.06;letter-spacing:-.04em;margin-top:14px}
#bbs-escuela .x-head p{font-size:20px;line-height:1.55;margin-top:18px}
#bbs-escuela .ar{display:inline-block;transition:transform .25s ease}
#bbs-escuela a:hover .ar,#bbs-escuela button:hover .ar{transform:translateX(4px)}
#bbs-escuela .pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;background:var(--navy);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
#bbs-escuela .pill:hover{background:var(--navy2);box-shadow:0 10px 24px -12px rgba(15,45,79,.7)}
#bbs-escuela .x-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:16px;color:var(--navy)}
#bbs-escuela.js .rv{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
#bbs-escuela.js .rv.in{opacity:1;transform:none}
#bbs-escuela.js .rv.d1{transition-delay:.1s}#bbs-escuela.js .rv.d2{transition-delay:.2s}#bbs-escuela.js .rv.d3{transition-delay:.3s}


/* glifos: pequeñas pantallas oscuras con movimiento propio */
#bbs-escuela .g{position:relative;display:block;width:100%;height:96px;border-radius:12px;background:linear-gradient(180deg,#1A1E25,#12151A);overflow:hidden}
#bbs-escuela .t-wide .g{width:220px;flex:none}
#bbs-escuela .g b{position:absolute;display:block}
/* mapa de calor */
#bbs-escuela .g-heat b{left:0;right:22%;height:5px;border-radius:3px;background:linear-gradient(90deg,rgba(194,154,67,.05),rgba(227,194,122,.9));animation:t-heat 3.6s ease-in-out infinite alternate}
#bbs-escuela .g-heat b:nth-child(1){top:14px;right:40%}#bbs-escuela .g-heat b:nth-child(2){top:30px;right:15%;animation-delay:-.8s}#bbs-escuela .g-heat b:nth-child(3){top:46px;right:52%;animation-delay:-1.6s}#bbs-escuela .g-heat b:nth-child(4){top:62px;right:28%;animation-delay:-2.2s}#bbs-escuela .g-heat b:nth-child(5){top:78px;right:46%;animation-delay:-3s}
@keyframes t-heat{from{opacity:.35;transform:scaleX(.7);transform-origin:left}to{opacity:1;transform:scaleX(1);transform-origin:left}}
/* ---------- puente a la clase gratis (franja oscura) ---------- */
#bbs-escuela .x-dark{position:relative;overflow:hidden;background:var(--deep);color:var(--on-dark);padding:104px 0}
#bbs-escuela .x-dark .glow{position:absolute;width:900px;height:900px;left:50%;top:-560px;margin-left:-450px;border-radius:50%;background:radial-gradient(closest-side,rgba(194,154,67,.22),rgba(63,98,148,.18) 55%,transparent);pointer-events:none;animation:t-glow 9s ease-in-out infinite alternate}
@keyframes t-glow{to{transform:translateX(120px) scale(1.1)}}
#bbs-escuela .x-dark .x-eye{color:var(--gold-lt)}
#bbs-escuela .x-dark h2{color:#fff;max-width:14em}
#bbs-escuela .x-dark p{color:var(--on-dark);font-size:19px;margin-top:18px;max-width:34em}

/* ---------- piezas extra de la línea v5 ---------- */
#bbs-escuela .x-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:34px}
#bbs-escuela .pill.ghost{background:transparent;color:var(--navy);padding:0 6px}
#bbs-escuela .pill.ghost:hover{box-shadow:none;background:transparent}
#bbs-escuela .x-note{font-size:14px;line-height:1.6;color:var(--soft);margin-top:28px;max-width:62em}
#bbs-escuela .e-cierre .x-note{margin:28px 0 0;padding:0 56px;max-width:none;text-wrap:balance}
#bbs-escuela .e-center{margin:0 auto;text-align:center}
#bbs-escuela .e-p{font-size:19px;line-height:1.6;margin-top:18px;max-width:34em}
#bbs-escuela .live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3FCF8E;box-shadow:0 0 0 3px rgba(63,207,142,.18);margin-right:8px;vertical-align:1px;animation:e-late 2s ease-in-out infinite}
@keyframes e-late{50%{box-shadow:0 0 0 6px rgba(63,207,142,0)}}

/* ---------- héroe: flujo de líneas sobre marfil ---------- */
#bbs-escuela .e-hero{position:relative;overflow:hidden;padding:120px 0 128px;background:var(--paper)}
#bbs-escuela .e-flujo{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
#bbs-escuela .e-hero .e-flujo{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,#000 55%);mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,#000 55%)}
#bbs-escuela .e-hero-in{position:relative}
#bbs-escuela .e-hero h1{font-weight:600;font-size:76px;line-height:1.02;letter-spacing:-.05em;margin-top:18px;max-width:11.5em}
#bbs-escuela .e-hero h1 .grad{display:block;background:linear-gradient(92deg,#0F2D4F 0%,#3B5F8C 45%,#9A7322 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#bbs-escuela .e-hero .x-lead{max-width:34em}

/* ---------- compromiso (la única banda oscura) ---------- */
#bbs-escuela .e-comp{padding:112px 0}
#bbs-escuela .e-comp .wrap{position:relative;z-index:1}
#bbs-escuela .e-comp h2 em{font-style:normal;background:linear-gradient(90deg,#E3C27A,#F3E3BC);-webkit-background-clip:text;background-clip:text;color:transparent}
#bbs-escuela .e-comp-g{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:56px}
#bbs-escuela .e-col{padding:32px 34px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line-dark);backdrop-filter:blur(4px)}
#bbs-escuela .e-col h3{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim-dark)}
#bbs-escuela .e-col.no h3{color:#FFB4A8}
#bbs-escuela .e-col.si h3{color:#8FE3B8}
#bbs-escuela .e-col ul{display:grid;gap:18px;margin-top:22px}
#bbs-escuela .e-col li{display:flex;gap:14px;align-items:flex-start;font-size:18px;line-height:1.45;color:#fff}
#bbs-escuela .e-col li i{position:relative;flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%}
#bbs-escuela .e-col.no li i{background:rgba(255,138,122,.14)}
#bbs-escuela .e-col.si li i{background:rgba(63,207,142,.16)}
/* «no»: una x que se dibuja (la frase no se tacha: tacharla invertiría su sentido) */
#bbs-escuela .e-col.no li i::before,#bbs-escuela .e-col.no li i::after{content:"";position:absolute;left:7px;top:11px;width:10px;height:2px;border-radius:2px;background:#FF8A7A;transform:rotate(45deg) scaleX(0);transition:transform .35s .25s ease}
#bbs-escuela .e-col.no li i::after{transform:rotate(-45deg) scaleX(0);transition-delay:.4s}
#bbs-escuela .e-col.no li.in i::before{transform:rotate(45deg) scaleX(1)}
#bbs-escuela .e-col.no li.in i::after{transform:rotate(-45deg) scaleX(1)}
/* «sí»: una palomita que se dibuja */
#bbs-escuela .e-col.si li i::after{content:"";position:absolute;left:7px;top:6px;width:10px;height:6px;border-left:2px solid #3FCF8E;border-bottom:2px solid #3FCF8E;transform:rotate(-45deg);clip-path:inset(0 100% 0 0);transition:clip-path .5s .35s ease}
#bbs-escuela .e-col.si li.in i::after{clip-path:inset(0 0 0 0)}

/* ---------- método ---------- */
#bbs-escuela .e-metodo{background:var(--paper)}
#bbs-escuela .e-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:64px 0 40px}
#bbs-escuela .e-pasos li{position:relative;padding-top:24px;border-top:1px solid var(--rule)}
#bbs-escuela .e-pasos li::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:linear-gradient(90deg,var(--gold),rgba(194,154,67,0));transform-origin:left;transform:scaleX(0);transition:transform 1.1s .3s cubic-bezier(.6,0,.2,1)}
#bbs-escuela .e-pasos li.in::before{transform:scaleX(.35)}
#bbs-escuela .e-pasos .k{display:flex;justify-content:space-between;align-items:center;font-size:14px}
#bbs-escuela .e-pasos .k span{font-weight:600;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#bbs-escuela .e-pasos .k em{font-style:normal;font-weight:500;color:var(--soft);padding:4px 10px;border-radius:999px;background:var(--alt)}
#bbs-escuela .e-pasos h3{font-size:24px;font-weight:600;letter-spacing:-.03em;margin-top:16px}
#bbs-escuela .e-pasos p{font-size:17px;margin-top:8px}

/* ---------- herramientas ---------- */
#bbs-escuela .e-herr{background:var(--alt)}
#bbs-escuela .e-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:56px 0 36px}
#bbs-escuela .e-h{display:flex;flex-direction:column;background:#fff;border-radius:16px;padding:22px 22px 26px;box-shadow:0 1px 2px rgba(11,27,46,.06),0 0 0 1px rgba(11,27,46,.05);transition:transform .3s ease,box-shadow .3s ease}
#bbs-escuela .e-h:hover{transform:translateY(-3px);box-shadow:0 24px 48px -24px rgba(11,27,46,.3),0 0 0 1px rgba(11,27,46,.06)}
#bbs-escuela .e-h .tag{margin-top:18px;font-size:13.5px;font-weight:600;color:var(--gold-ink)}
#bbs-escuela .e-h h3{font-size:21px;font-weight:600;letter-spacing:-.025em;margin-top:6px}
#bbs-escuela .e-h p{font-size:16px;margin-top:8px}
/* NinjaTrader: velas que crecen */
#bbs-escuela .g-nt{display:flex;align-items:flex-end;justify-content:center;gap:9px;padding:0 0 18px}
#bbs-escuela .g-nt b{position:relative;display:block;width:9px;border-radius:2px;background:#4ADE9B;transform-origin:bottom;animation:e-vela 2.8s ease-in-out infinite alternate}
#bbs-escuela .g-nt b:nth-child(odd){background:#FF8A7A}
#bbs-escuela .g-nt b:nth-child(1){height:26px}#bbs-escuela .g-nt b:nth-child(2){height:38px;animation-delay:-.4s}#bbs-escuela .g-nt b:nth-child(3){height:30px;animation-delay:-.8s}#bbs-escuela .g-nt b:nth-child(4){height:48px;animation-delay:-1.2s}#bbs-escuela .g-nt b:nth-child(5){height:40px;animation-delay:-1.6s}#bbs-escuela .g-nt b:nth-child(6){height:56px;animation-delay:-2s}#bbs-escuela .g-nt b:nth-child(7){height:44px;animation-delay:-2.4s}#bbs-escuela .g-nt b:nth-child(8){height:62px;animation-delay:-2.8s}
@keyframes e-vela{from{transform:scaleY(.72)}to{transform:scaleY(1)}}
/* Big Trades: burbujas sobre niveles */
#bbs-escuela .g-bt::before,#bbs-escuela .g-bt::after{content:"";position:absolute;left:14px;right:14px;height:1px;background:rgba(217,222,230,.18)}
#bbs-escuela .g-bt::before{top:34%}#bbs-escuela .g-bt::after{top:68%}
#bbs-escuela .g-bt b{border-radius:50%;transform:scale(0);animation:e-bub 4.2s cubic-bezier(.3,1.5,.5,1) infinite}
#bbs-escuela .g-bt b:nth-child(1){left:22%;top:34%;width:26px;height:26px;margin:-13px;background:rgba(74,222,155,.85)}
#bbs-escuela .g-bt b:nth-child(2){left:52%;top:68%;width:18px;height:18px;margin:-9px;background:rgba(255,138,122,.85);animation-delay:1.1s}
#bbs-escuela .g-bt b:nth-child(3){left:78%;top:34%;width:34px;height:34px;margin:-17px;background:rgba(227,194,122,.9);animation-delay:2.2s}
@keyframes e-bub{0%{transform:scale(0);opacity:0}12%{transform:scale(1);opacity:1}70%{opacity:1}100%{transform:scale(1);opacity:.25}}
/* zonas del día: bandas con probabilidad */
#bbs-escuela .g-zonas b{left:14px;right:40%;height:12px;border-radius:3px;background:rgba(111,147,196,.35)}
#bbs-escuela .g-zonas b::after{content:"";position:absolute;right:-48px;top:2px;width:36px;height:8px;border-radius:4px;background:rgba(217,222,230,.15)}
#bbs-escuela .g-zonas b:nth-child(1){top:18px;background:rgba(242,127,168,.35)}#bbs-escuela .g-zonas b:nth-child(2){top:42px;background:rgba(227,194,122,.5);animation:e-zona 3s ease-in-out infinite}#bbs-escuela .g-zonas b:nth-child(3){top:66px}
@keyframes e-zona{50%{box-shadow:0 0 0 3px rgba(227,194,122,.25);background:rgba(227,194,122,.75)}}

/* ---------- tecnología: pantalla con el perfil de volumen en vivo ---------- */
#bbs-escuela .e-tec{background:var(--paper)}
#bbs-escuela .e-tec-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
#bbs-escuela .e-feat{display:grid;gap:12px;margin-top:28px}
#bbs-escuela .e-feat li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(11,27,46,.06);font-size:16px;font-weight:500;color:var(--ink)}
#bbs-escuela .e-feat i,#bbs-escuela .e-leyenda i{width:9px;height:9px;border-radius:50%;flex:none}
#bbs-escuela i.v{background:#3FCF8E}#bbs-escuela i.o{background:var(--gold)}#bbs-escuela i.n{background:var(--navy)}#bbs-escuela i.r{background:#FF8A7A}
#bbs-escuela .e-screen{position:relative;border-radius:16px;background:linear-gradient(180deg,#1A1E25,#12151A);box-shadow:0 50px 100px -30px rgba(11,22,38,.55),0 0 0 1px rgba(255,255,255,.06);overflow:hidden}
#bbs-escuela .e-screen-h{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line-dark);font:500 12.5px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.04em;color:#C9D0DA}
#bbs-escuela .e-screen canvas{display:block;width:100%;height:420px}
#bbs-escuela .e-leyenda{display:flex;gap:18px;padding:12px 18px;border-top:1px solid var(--line-dark);font-size:13px;color:#C9D0DA}
#bbs-escuela .e-leyenda span{display:inline-flex;align-items:center;gap:7px}

/* ---------- rigor ---------- */
#bbs-escuela .e-rigor{background:var(--alt)}
#bbs-escuela .e-rigor-g{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
#bbs-escuela .e-stats{display:grid;gap:0}
#bbs-escuela .e-stats>div{position:relative;padding:22px 0 22px 26px;border-bottom:1px solid var(--rule)}
#bbs-escuela .e-stats>div:first-child{border-top:1px solid var(--rule)}
#bbs-escuela .e-stats>div::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;border-radius:2px;background:var(--gold);transform-origin:top;transform:scaleY(0);transition:transform .8s .3s cubic-bezier(.6,0,.2,1)}
#bbs-escuela .e-stats>div.in::before{transform:none}
#bbs-escuela .e-stats b{font-size:46px;font-weight:600;letter-spacing:-.045em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
#bbs-escuela .e-stats dt{display:flex;align-items:baseline;gap:3px;line-height:1}
#bbs-escuela .e-stats .mas{font-weight:600;line-height:1;color:var(--gold-ink)}
#bbs-escuela .e-stats dt .mas{font-size:34px}
#bbs-escuela .e-stats dd{margin-top:8px;font-size:16px}

/* ---------- cierre ---------- */
#bbs-escuela .e-cierre{background:var(--paper);padding-top:96px}
#bbs-escuela .e-card{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center;padding:56px;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(11,27,46,.06),0 0 0 1px rgba(11,27,46,.05),0 40px 80px -50px rgba(11,27,46,.35)}
#bbs-escuela .e-card h2{font-weight:600;font-size:44px;line-height:1.06;letter-spacing:-.04em;margin-top:14px}
#bbs-escuela .e-card-cta{display:flex;flex-direction:column;align-items:flex-start;gap:16px}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  #bbs-escuela .e-grid{grid-template-columns:1fr 1fr}
  #bbs-escuela .e-tec-g,#bbs-escuela .e-rigor-g{grid-template-columns:1fr;gap:48px}
  #bbs-escuela .e-card{grid-template-columns:1fr;gap:32px}
}
@media (max-width:760px){
  #bbs-escuela .wrap{padding:0 20px}
  #bbs-escuela .e-hero{padding:64px 0 76px}
  #bbs-escuela .e-hero h1{font-size:44px}
  #bbs-escuela .e-hero .e-flujo{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35),#000 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.35),#000 70%)}
  #bbs-escuela .x-sec,#bbs-escuela .x-dark,#bbs-escuela .e-comp{padding:76px 0}
  #bbs-escuela .x-head h2,#bbs-escuela .x-dark h2,#bbs-escuela .e-tec h2,#bbs-escuela .e-rigor h2{font-size:34px}
  #bbs-escuela .x-head p,#bbs-escuela .e-p{font-size:18px}
  #bbs-escuela .e-comp-g{grid-template-columns:1fr;gap:18px;margin-top:40px}
  #bbs-escuela .e-col{padding:24px 20px}
  #bbs-escuela .e-col li{font-size:17px}
  #bbs-escuela .e-pasos{grid-template-columns:1fr;gap:36px;margin:44px 0 32px}
  #bbs-escuela .e-grid{grid-template-columns:1fr}
  #bbs-escuela .e-screen canvas{height:340px}
  #bbs-escuela .e-leyenda{flex-wrap:wrap;gap:10px 16px}
  #bbs-escuela .e-stats b{font-size:38px}
  #bbs-escuela .e-stats dt .mas{font-size:28px}
  #bbs-escuela .e-card{padding:30px 22px}
  #bbs-escuela .e-cierre .x-note{padding:0 22px}
  #bbs-escuela .e-card h2{font-size:32px}
}
@media (prefers-reduced-motion:reduce){#bbs-escuela *,#bbs-escuela *::before,#bbs-escuela *::after{animation:none!important;transition:none!important}#bbs-escuela.js .rv{opacity:1;transform:none}}