ALE Ecosystem β Antifragile Liquidity Engine Β· antifragiletrader.com
<!--
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
INSTRUCCIONES PARA ELEMENTOR / WORDPRESS
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
1. En WordPress, crea una nueva PΓ‘gina.
2. En "Atributos de pΓ‘gina" β Plantilla: selecciona
"Elementor Canvas" (pΓ‘gina completamente en blanco,
sin header ni footer de tu tema).
3. Abre Elementor β aΓ±ade un widget "HTML" que ocupe
el 100% del ancho.
4. Pega TODO el contenido de este archivo dentro del
widget HTML de Elementor.
5. Guarda y publica.
NOTA: El y el al final funcionan
perfectamente dentro del widget HTML de Elementor.
No necesitas plugins adicionales.
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
-->
/* βββββββββββββββββββββββββββββββββββββββββββββββ
RESET β aislado para no interferir con WordPress
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-root *,
#ale-root *::before,
#ale-root *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#ale-root {
--bg: #05080f;
--bg2: #080d18;
--surf: #0b1221;
--surf2: #0f1929;
--brd: #162035;
--brd2: #1d2e4a;
--cyan: #00ccff;
--green: #00ffb2;
--gold: #f5c842;
--red: #ff4d6a;
--text: #d8eaf8;
--muted: #3d6080;
--muted2: #6a90b0;
--fD: 'Unbounded', sans-serif;
--fM: 'DM Mono', monospace;
font-family: var(--fM);
color: var(--text);
background: var(--bg);
line-height: 1.6;
overflow-x: hidden;
}
/* grid bg */
#ale-root::before {
content: '';
position: fixed; inset: 0;
background-image:
linear-gradient(rgba(0,204,255,.027) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,204,255,.027) 1px, transparent 1px);
background-size: 54px 54px;
pointer-events: none;
z-index: 0;
}
/* ββ helpers ββ */
.ale-wrap { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
.ale-z { position: relative; z-index: 1; }
.ale-eyebrow {
display: block;
font-family: var(--fM);
font-size: 10px; letter-spacing: 3.5px; text-transform: uppercase;
color: var(--cyan); margin-bottom: 14px;
}
.ale-eyebrow.green { color: var(--green); }
.ale-sec-title {
font-family: var(--fD);
font-size: clamp(28px, 4vw, 52px);
font-weight: 700; line-height: 1.05; letter-spacing: -1.5px;
}
.ale-sec-desc {
font-size: 13px; color: var(--muted2);
line-height: 2; max-width: 560px; margin-top: 16px;
}
.ale-sec-head { margin-bottom: 52px; }
/* buttons */
.ale-btn {
display: inline-flex; align-items: center; gap: 10px;
padding: 16px 38px;
background: var(--cyan); color: var(--bg);
font-family: var(--fM); font-size: 11px; font-weight: 500;
letter-spacing: 2px; text-transform: uppercase;
text-decoration: none; border: none; cursor: pointer;
transition: all .3s; position: relative;
}
.ale-btn:hover {
background: var(--green);
box-shadow: 0 0 36px rgba(0,255,178,.4);
transform: translateY(-2px);
color: var(--bg);
text-decoration: none;
}
.ale-btn-lg { font-size: 13px; padding: 18px 48px; }
.ale-btn-ghost {
display: inline-flex; align-items: center; gap: 8px;
padding: 16px 32px;
border: 1px solid var(--brd2); color: var(--muted2);
font-family: var(--fM); font-size: 11px;
letter-spacing: 2px; text-transform: uppercase; text-decoration: none;
transition: all .3s;
}
.ale-btn-ghost:hover { border-color: var(--cyan); color: var(--cyan); text-decoration: none; }
/* ββ tags ββ */
.ale-tag {
display: inline-block; font-size: 9px; letter-spacing: 2px;
text-transform: uppercase; padding: 3px 10px;
border: 1px solid var(--brd2); color: var(--muted2);
}
.ale-tag.live { border-color: rgba(0,255,178,.35); color: var(--green); }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
NAVBAR
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-nav {
position: fixed; top: 0; width: 100%; z-index: 500;
height: 64px; display: flex; align-items: center;
padding: 0 40px;
background: rgba(5,8,15,.9);
backdrop-filter: blur(22px);
border-bottom: 1px solid var(--brd);
}
.ale-nav-inner {
width: 100%; display: flex; align-items: center;
justify-content: space-between; gap: 20px;
}
/* LOGO */
.ale-logo {
text-decoration: none;
display: flex; flex-direction: column; gap: 0px;
line-height: 1;
}
.ale-logo-top {
font-family: var(--fD);
font-size: 11px; font-weight: 300;
letter-spacing: 5px; text-transform: uppercase;
color: var(--muted2);
}
.ale-logo-main {
font-family: var(--fD);
font-size: 18px; font-weight: 900;
letter-spacing: 1px;
color: var(--cyan);
display: flex; align-items: center; gap: 0;
}
.ale-logo-main .ale-slash {
color: var(--green);
font-weight: 300; font-size: 22px;
margin: 0 2px;
}
.ale-logo-main .ale-sub {
color: var(--muted2);
font-size: 11px; font-weight: 300;
letter-spacing: 3px;
align-self: flex-end; margin-bottom: 2px; margin-left: 4px;
}
.ale-logo-dot {
width: 5px; height: 5px; border-radius: 50%;
background: var(--green);
animation: ale-pulse 1.4s infinite;
display: inline-block; margin-left: 6px; margin-bottom: 3px;
}
.ale-nav-links {
display: flex; gap: 28px; list-style: none;
}
.ale-nav-links a {
color: var(--muted2); text-decoration: none;
font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase;
transition: color .2s;
}
.ale-nav-links a:hover { color: var(--cyan); text-decoration: none; }
.ale-nav-cta {
background: var(--cyan); color: var(--bg) !important;
padding: 9px 22px; font-weight: 500;
font-size: 10px !important; letter-spacing: 2px;
transition: all .25s !important; white-space: nowrap;
}
.ale-nav-cta:hover {
background: var(--green) !important;
box-shadow: 0 0 24px rgba(0,255,178,.35);
}
.ale-hamburger {
display: none; flex-direction: column; gap: 5px;
background: none; border: none; cursor: pointer; padding: 4px;
}
.ale-hamburger span {
display: block; width: 22px; height: 2px;
background: var(--text); transition: .3s;
}
/* mobile menu */
#ale-mob-menu {
display: none;
position: fixed; top: 64px; left: 0; right: 0; z-index: 499;
background: rgba(5,8,15,.97);
border-bottom: 1px solid var(--brd);
padding: 24px 32px 28px;
backdrop-filter: blur(20px);
}
#ale-mob-menu.open { display: block; }
#ale-mob-menu ul { list-style: none; display: flex; flex-direction: column; gap: 16px; }
#ale-mob-menu a {
color: var(--muted2); text-decoration: none;
font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase;
}
.ale-mob-cta {
display: block; margin-top: 20px; text-align: center;
background: var(--cyan); color: var(--bg);
padding: 14px; font-size: 11px; letter-spacing: 2px;
text-transform: uppercase; text-decoration: none; font-weight: 600;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββ
TICKER
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-ticker {
position: relative; z-index: 1;
background: var(--surf);
border-bottom: 1px solid var(--brd);
overflow: hidden; height: 36px;
display: flex; align-items: center;
margin-top: 64px;
}
.ale-ticker-track {
display: flex; white-space: nowrap;
animation: ale-ticker 30s linear infinite;
}
.ale-ticker-item {
font-size: 10px; color: var(--muted2);
padding: 0 28px; letter-spacing: 1.5px;
border-right: 1px solid var(--brd);
display: flex; align-items: center; gap: 8px;
height: 36px;
}
.ale-ticker-item .up { color: var(--green); }
.ale-ticker-item .dn { color: var(--red); }
.ale-ticker-item .dot {
width: 5px; height: 5px; border-radius: 50%;
background: var(--green); animation: ale-pulse 1.4s infinite;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββ
HERO
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-hero {
min-height: calc(100vh - 100px);
display: flex; flex-direction: column;
justify-content: center; align-items: center;
text-align: center;
padding: 80px 24px 80px;
position: relative; z-index: 1; overflow: hidden;
}
#ale-hero::before {
content: '';
position: absolute;
width: 900px; height: 900px;
background: radial-gradient(circle, rgba(0,204,255,.07) 0%, transparent 65%);
top: 50%; left: 50%; transform: translate(-50%,-55%);
pointer-events: none;
}
.ale-hero-badge {
display: inline-flex; align-items: center; gap: 8px;
font-size: 9.5px; letter-spacing: 3px; text-transform: uppercase;
color: var(--green); border: 1px solid rgba(0,255,178,.22);
padding: 6px 16px; margin-bottom: 32px;
animation: ale-fadeup .5s ease both;
}
.ale-hero-badge::before {
content: ''; width: 7px; height: 7px; border-radius: 50%;
background: var(--green); animation: ale-pulse 1.3s infinite;
}
#ale-hero h1 {
font-family: var(--fD);
font-size: clamp(52px, 9vw, 110px);
font-weight: 900; line-height: .95;
letter-spacing: -4px; margin-bottom: 20px;
animation: ale-fadeup .6s .08s ease both;
color: var(--text);
}
#ale-hero h1 .ale-h1-accent { color: var(--cyan); }
.ale-hero-sub {
font-family: var(--fD);
font-size: clamp(10px, 1.3vw, 13px);
letter-spacing: 5px; text-transform: uppercase;
color: var(--muted2); margin-bottom: 24px;
animation: ale-fadeup .6s .14s ease both;
}
.ale-hero-desc {
font-size: 13px; color: var(--muted2); line-height: 2;
max-width: 580px; margin-bottom: 44px;
animation: ale-fadeup .6s .2s ease both;
}
.ale-hero-actions {
display: flex; gap: 14px; flex-wrap: wrap; justify-content: center;
animation: ale-fadeup .6s .26s ease both;
}
.ale-hero-stats {
display: flex; gap: 0; margin-top: 72px;
border: 1px solid var(--brd); flex-wrap: wrap;
animation: ale-fadeup .6s .34s ease both;
}
.ale-hstat {
padding: 20px 36px; border-right: 1px solid var(--brd);
flex: 1; min-width: 130px; text-align: center;
}
.ale-hstat:last-child { border-right: none; }
.ale-hstat .n {
font-family: var(--fD); font-size: 28px; font-weight: 700;
color: var(--cyan); display: block; line-height: 1; margin-bottom: 5px;
}
.ale-hstat .l {
font-size: 9.5px; letter-spacing: 2px; color: var(--muted); text-transform: uppercase;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββ
MAIN CHART
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-chart-wrap {
position: relative; z-index: 1;
padding: 0 32px 80px;
max-width: 1280px; margin: 0 auto;
}
.ale-chart-frame {
background: var(--surf);
border: 1px solid var(--brd2);
overflow: hidden;
}
.ale-chart-topbar {
background: var(--surf2); border-bottom: 1px solid var(--brd);
padding: 10px 18px;
display: flex; align-items: center; justify-content: space-between;
flex-wrap: wrap; gap: 10px;
}
.ale-cpair {
font-family: var(--fD); font-size: 14px; font-weight: 700;
display: flex; align-items: center; gap: 10px;
}
.ale-cpair .chg {
font-size: 11px; font-family: var(--fM);
padding: 2px 8px; background: rgba(0,255,178,.12); color: var(--green);
}
.ale-ctf { display: flex; gap: 4px; }
.ale-ctf span {
font-size: 9.5px; padding: 4px 9px; border: 1px solid var(--brd);
color: var(--muted); letter-spacing: 1px; cursor: pointer; transition: .2s;
}
.ale-ctf span.on { border-color: var(--cyan); color: var(--cyan); background: rgba(0,204,255,.08); }
.ale-cindics { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ale-ci { font-size: 9px; padding: 3px 9px; border-radius: 2px; letter-spacing: 1px; }
.ale-ci-d { background: rgba(0,204,255,.12); color: var(--cyan); }
.ale-ci-c { background: rgba(0,255,178,.12); color: var(--green); }
.ale-ci-s { background: rgba(245,200,66,.12); color: var(--gold); }
.ale-chart-body { background: #060c16; position: relative; overflow: hidden; }
.ale-chart-body svg { width: 100%; display: block; }
.ale-chart-body::after {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: linear-gradient(90deg, transparent, rgba(0,204,255,.15), transparent);
animation: ale-scanline 6s linear infinite; pointer-events: none;
}
.ale-chart-foot {
display: grid; grid-template-columns: repeat(5,1fr);
background: var(--surf2); border-top: 1px solid var(--brd);
}
.ale-cfi {
padding: 11px 16px; border-right: 1px solid var(--brd);
}
.ale-cfi:last-child { border-right: none; }
.ale-cfi-l { font-size: 9px; letter-spacing: 1.5px; color: var(--muted); text-transform: uppercase; margin-bottom: 3px; }
.ale-cfi-v { font-size: 13px; font-weight: 500; }
.cg { color: var(--green); } .cb { color: var(--cyan); }
.co { color: var(--gold); } .cr { color: var(--red); }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
MANIFESTO
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-manifesto {
position: relative; z-index: 1;
background: linear-gradient(135deg, rgba(0,180,255,.05), rgba(0,255,178,.04));
border-top: 1px solid var(--brd); border-bottom: 1px solid var(--brd);
padding: 72px 32px; overflow: hidden;
}
#ale-manifesto::before {
content: ''; position: absolute; right: -200px; top: -200px;
width: 600px; height: 600px;
background: radial-gradient(circle, rgba(0,255,178,.05) 0%, transparent 65%);
pointer-events: none;
}
.ale-manifesto-inner {
max-width: 960px; margin: 0 auto;
display: grid; grid-template-columns: 180px 1fr; gap: 60px; align-items: center;
}
.ale-manifesto-bg-text {
font-family: var(--fD); font-size: clamp(36px,6vw,72px); font-weight: 900;
color: rgba(0,204,255,.07); line-height: .95; letter-spacing: -2px;
}
.ale-manifesto-body {
font-family: var(--fD);
font-size: clamp(16px, 2.2vw, 24px);
font-weight: 400; line-height: 1.5; color: var(--text); letter-spacing: -.4px;
}
.ale-manifesto-body em { color: var(--cyan); font-style: normal; }
.ale-manifesto-body strong { color: var(--green); }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
ENGINES
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-engines { padding: 96px 0; position: relative; z-index: 1; }
.ale-engines-grid {
display: grid; grid-template-columns: repeat(3,1fr);
gap: 1px; background: var(--brd); border: 1px solid var(--brd);
}
.ale-engine-card {
background: var(--surf); padding: 36px 30px;
position: relative; overflow: hidden; transition: background .3s;
}
.ale-engine-card:hover { background: var(--surf2); }
.ale-engine-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: transparent; transition: .3s;
}
.ale-engine-card:hover::before { background: var(--cyan); }
.ale-engine-bg {
font-family: var(--fD); font-size: 42px; font-weight: 900;
color: rgba(0,204,255,.07); position: absolute; top: 12px; right: 18px;
transition: .3s;
}
.ale-engine-card:hover .ale-engine-bg { color: rgba(0,204,255,.14); }
.ale-engine-icon { font-size: 26px; margin-bottom: 18px; display: block; }
.ale-engine-name {
font-family: var(--fD); font-size: 16px; font-weight: 700;
margin-bottom: 10px; color: var(--text);
}
.ale-engine-desc { font-size: 12px; color: var(--muted2); line-height: 1.9; }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
OSCILLATORS
βββββββββββββββββββββββββββββββββββββββββββββββ */
.ale-osc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ale-osc-panel { background: var(--surf); border: 1px solid var(--brd); overflow: hidden; }
.ale-osc-head {
background: var(--surf2); border-bottom: 1px solid var(--brd);
padding: 10px 16px; display: flex; justify-content: space-between; align-items: center;
}
.ale-osc-name { font-family: var(--fD); font-size: 12px; font-weight: 700; }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
HOW IT WORKS
βββββββββββββββββββββββββββββββββββββββββββββββ */
.ale-steps {
display: grid; grid-template-columns: repeat(4,1fr);
border: 1px solid var(--brd);
}
.ale-step {
padding: 36px 28px; border-right: 1px solid var(--brd);
position: relative; overflow: hidden;
}
.ale-step:last-child { border-right: none; }
.ale-step-n {
font-family: var(--fD); font-size: 72px; font-weight: 900;
color: rgba(0,204,255,.06);
position: absolute; top: 10px; right: 16px; line-height: 1;
}
.ale-step-ico { font-size: 26px; margin-bottom: 18px; display: block; }
.ale-step-t {
font-family: var(--fD); font-size: 15px; font-weight: 700;
margin-bottom: 10px; color: var(--text);
}
.ale-step-d { font-size: 12px; color: var(--muted2); line-height: 1.85; }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
COMPARISON TABLE
βββββββββββββββββββββββββββββββββββββββββββββββ */
.ale-table-scroll { overflow-x: auto; border: 1px solid var(--brd); }
.ale-ctable {
width: 100%; border-collapse: collapse;
font-size: 12px; min-width: 720px;
}
.ale-ctable thead tr { background: var(--surf2); border-bottom: 1px solid var(--brd); }
.ale-ctable th {
padding: 14px 16px; text-align: center;
font-family: var(--fD); font-size: 12px; font-weight: 700;
white-space: nowrap; border-right: 1px solid var(--brd);
}
.ale-ctable th:first-child { text-align: left; }
.ale-ctable th:last-child { border-right: none; }
.ale-ctable th.hl {
background: rgba(0,204,255,.1); color: var(--cyan);
border-bottom: 2px solid var(--cyan); position: relative;
}
.ale-ctable th.hl::after {
content: 'β
LIVE'; position: absolute; top: -1px; right: -1px;
font-size: 7px; padding: 2px 6px;
background: var(--cyan); color: var(--bg); letter-spacing: 1px;
}
.ale-ctable td {
padding: 11px 16px; border-bottom: 1px solid var(--brd);
border-right: 1px solid var(--brd); text-align: center;
color: var(--muted2); transition: background .2s;
}
.ale-ctable td:first-child { text-align: left; color: var(--text); }
.ale-ctable td:last-child { border-right: none; }
.ale-ctable tr:hover td { background: rgba(255,255,255,.018); }
.ale-ctable .ale-sec-row td {
background: var(--surf2); color: var(--cyan);
font-size: 9.5px; letter-spacing: 2.5px; text-transform: uppercase;
padding: 8px 16px; border-right: none;
}
.yi { color: var(--green); font-size: 15px; }
.ni { color: var(--brd2); font-size: 15px; }
.pi { color: var(--gold); font-size: 11px; }
.ale-dev-pill {
font-size: 8.5px; letter-spacing: 1px; color: var(--muted);
border: 1px solid var(--brd); padding: 2px 8px; display: inline-block;
}
.ale-dl-btn {
display: inline-block; padding: 8px 18px;
background: var(--cyan); color: var(--bg);
font-family: var(--fM); font-size: 10px; font-weight: 500;
letter-spacing: 1.5px; text-transform: uppercase;
text-decoration: none; transition: all .25s; white-space: nowrap;
}
.ale-dl-btn:hover {
background: var(--green);
box-shadow: 0 0 20px rgba(0,255,178,.35);
color: var(--bg); text-decoration: none;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββ
ABOUT ECOSYSTEM
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-about { padding: 96px 0; position: relative; z-index: 1; }
.ale-eco-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.ale-eco-left p {
font-size: 13px; color: var(--muted2); line-height: 2; margin-bottom: 16px;
}
.ale-eco-left strong { color: var(--text); }
.ale-eco-pillars {
display: grid; grid-template-columns: 1fr 1fr;
gap: 1px; background: var(--brd);
border: 1px solid var(--brd); margin-top: 32px;
}
.ale-eco-pillar {
background: var(--surf); padding: 22px 20px; transition: background .3s;
}
.ale-eco-pillar:hover { background: var(--surf2); }
.ale-eco-pillar-icon { font-size: 20px; margin-bottom: 10px; display: block; }
.ale-eco-pillar-name { font-family: var(--fD); font-size: 13px; font-weight: 700; margin-bottom: 6px; color: var(--text); }
.ale-eco-pillar-desc { font-size: 11px; color: var(--muted2); line-height: 1.75; }
.ale-eco-right { display: flex; flex-direction: column; gap: 16px; }
/* roadmap */
.ale-roadmap { background: var(--surf); border: 1px solid var(--brd); overflow: hidden; }
.ale-roadmap-head {
padding: 14px 20px; background: var(--surf2); border-bottom: 1px solid var(--brd);
font-family: var(--fD); font-size: 12px; font-weight: 700;
display: flex; justify-content: space-between; align-items: center;
}
.ale-rm-item {
display: flex; align-items: center; gap: 14px;
padding: 12px 20px; border-bottom: 1px solid var(--brd);
}
.ale-rm-item:last-child { border-bottom: none; }
.ale-rm-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.ale-rm-dot.live { background: var(--green); box-shadow: 0 0 8px var(--green); }
.ale-rm-dot.dev { background: var(--brd2); }
.ale-rm-name { font-size: 12px; font-weight: 500; flex: 1; }
.ale-rm-status { font-size: 9.5px; letter-spacing: 1px; text-transform: uppercase; }
.live-txt { color: var(--green); } .dev-txt { color: var(--muted); }
/* team */
.ale-team { background: var(--surf); border: 1px solid var(--brd); padding: 24px 20px; }
.ale-team h4 {
font-family: var(--fD); font-size: 11px; font-weight: 700;
color: var(--muted2); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px;
}
.ale-members { display: flex; flex-direction: column; gap: 12px; }
.ale-tm { display: flex; align-items: center; gap: 12px; }
.ale-tm-avatar {
width: 38px; height: 38px; border-radius: 50%;
background: var(--surf2); border: 1px solid var(--brd2);
display: flex; align-items: center; justify-content: center;
font-size: 15px; flex-shrink: 0;
}
.ale-tm-name { font-size: 12px; font-weight: 500; color: var(--text); }
.ale-tm-role { font-size: 10px; color: var(--muted); letter-spacing: .5px; }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
QUOTE
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-quote {
position: relative; z-index: 1;
text-align: center; padding: 80px 32px;
}
.ale-quote-mark {
font-family: var(--fD); font-size: 80px; font-weight: 900;
color: rgba(0,204,255,.07); line-height: .8;
margin-bottom: -24px; display: block;
}
.ale-quote-body {
font-family: var(--fD);
font-size: clamp(18px, 2.8vw, 30px);
font-weight: 600; line-height: 1.35; letter-spacing: -.5px;
max-width: 820px; margin: 0 auto 20px; color: var(--text);
}
.ale-quote-body em { color: var(--cyan); font-style: normal; }
.ale-quote-author {
font-size: 10.5px; color: var(--muted);
letter-spacing: 2.5px; text-transform: uppercase;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββ
SPOTLIGHT β ALE CORE LITE
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-lite {
position: relative; z-index: 1;
background: linear-gradient(170deg, rgba(0,200,255,.07) 0%, rgba(0,255,178,.04) 60%, transparent 100%);
border-top: 1px solid var(--brd); border-bottom: 1px solid var(--brd);
padding: 96px 0; overflow: hidden;
}
#ale-lite::before {
content: 'LITE';
font-family: var(--fD); font-weight: 900;
font-size: clamp(100px, 16vw, 200px);
color: rgba(0,255,178,.04);
position: absolute; top: 50%; left: 50%;
transform: translate(-50%,-50%);
white-space: nowrap; pointer-events: none; letter-spacing: -4px;
}
.ale-spot-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
}
.ale-spot-left .ale-sec-title em { color: var(--green); font-style: normal; }
.ale-spot-left p { font-size: 13px; color: var(--muted2); line-height: 2; margin-bottom: 14px; }
.ale-spot-features { display: flex; flex-direction: column; gap: 10px; margin: 24px 0 36px; }
.ale-sf {
display: flex; align-items: flex-start; gap: 12px;
padding: 12px 16px;
background: rgba(0,255,178,.04); border: 1px solid rgba(0,255,178,.1);
}
.ale-sf-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }
.ale-sf-name { font-size: 12px; font-weight: 500; color: var(--text); margin-bottom: 2px; }
.ale-sf-desc { font-size: 11px; color: var(--muted2); line-height: 1.7; }
.ale-spot-cta-group { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.ale-spot-note { font-size: 10.5px; color: var(--muted); letter-spacing: .5px; }
.ale-spot-note span { color: var(--green); margin-right: 4px; }
/* lite chart frame */
.ale-lite-chart { background: var(--surf); border: 1px solid var(--brd2); overflow: hidden; }
.ale-lite-chart-head {
background: var(--surf2); border-bottom: 1px solid var(--brd);
padding: 10px 16px;
display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;
}
.ale-lite-chart-head .pair { font-family: var(--fD); font-size: 13px; font-weight: 700; }
.ale-lite-chart-head .pair span { font-size: 10px; color: var(--muted2); font-family: var(--fM); }
.ale-lite-tf { display: flex; gap: 4px; }
.ale-lite-tf span {
font-size: 9px; padding: 3px 8px; border: 1px solid var(--brd);
color: var(--muted); cursor: pointer; letter-spacing: 1px;
}
.ale-lite-tf span.on { border-color: var(--cyan); color: var(--cyan); }
/* spec grid */
.ale-spec-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 1px; background: var(--brd); border: 1px solid var(--brd); margin-top: 20px;
}
.ale-sg { background: var(--surf); padding: 14px 16px; }
.ale-sg-l { font-size: 9.5px; letter-spacing: 1.5px; color: var(--muted); text-transform: uppercase; margin-bottom: 3px; }
.ale-sg-v { font-size: 13px; font-weight: 500; }
.ale-sg-v.g { color: var(--green); } .ale-sg-v.b { color: var(--cyan); }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
CTA BOTTOM
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-cta {
position: relative; z-index: 1;
padding: 100px 32px; text-align: center;
}
#ale-cta h2 {
font-family: var(--fD);
font-size: clamp(30px, 5.5vw, 68px);
font-weight: 900; letter-spacing: -2.5px; line-height: 1; margin-bottom: 18px;
color: var(--text);
}
#ale-cta h2 span { color: var(--green); }
#ale-cta p { font-size: 13px; color: var(--muted2); margin-bottom: 40px; max-width: 480px; margin-left: auto; margin-right: auto; }
.ale-cta-badges {
display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 28px;
}
.ale-cb { display: flex; align-items: center; gap: 7px; font-size: 10.5px; color: var(--muted2); }
.ale-cb::before { content: 'β'; color: var(--green); font-size: 11px; }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
FOOTER
βββββββββββββββββββββββββββββββββββββββββββββββ */
#ale-footer {
position: relative; z-index: 1;
background: var(--surf); border-top: 1px solid var(--brd);
padding: 48px 40px 24px;
}
.ale-footer-grid {
display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px; max-width: 1200px; margin: 0 auto 40px;
}
.ale-fg-brand .ale-footer-logo {
font-family: var(--fD); font-size: 16px; font-weight: 900;
color: var(--cyan); letter-spacing: 2px; margin-bottom: 6px; display: block;
}
.ale-fg-brand .ale-footer-logo-sub {
font-size: 9px; color: var(--muted); letter-spacing: 3px; text-transform: uppercase;
display: block; margin-bottom: 12px;
}
.ale-fg-brand p { font-size: 11.5px; color: var(--muted); line-height: 1.85; max-width: 240px; }
.ale-fg-col h4 {
font-size: 9.5px; letter-spacing: 2.5px; text-transform: uppercase;
color: var(--muted); margin-bottom: 14px;
}
.ale-fg-col ul { list-style: none; }
.ale-fg-col ul li { margin-bottom: 9px; }
.ale-fg-col ul a {
color: var(--muted2); text-decoration: none;
font-size: 12px; transition: color .2s;
}
.ale-fg-col ul a:hover { color: var(--cyan); text-decoration: none; }
.ale-footer-bottom {
max-width: 1200px; margin: 0 auto;
border-top: 1px solid var(--brd); padding-top: 20px;
display: flex; justify-content: space-between; align-items: center;
font-size: 10.5px; color: var(--muted); flex-wrap: wrap; gap: 10px;
}
.ale-footer-bottom a { color: var(--muted2); text-decoration: none; }
.ale-footer-bottom a:hover { color: var(--cyan); }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
KEYFRAMES
βββββββββββββββββββββββββββββββββββββββββββββββ */
@keyframes ale-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.25;transform:scale(.7)} }
@keyframes ale-fadeup { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }
@keyframes ale-ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
@keyframes ale-scanline{ 0%{transform:translateY(-100%)} 100%{transform:translateY(100vh)} }
@keyframes ale-blink { 0%,100%{opacity:1} 50%{opacity:.2} }
/* βββββββββββββββββββββββββββββββββββββββββββββββ
RESPONSIVE
βββββββββββββββββββββββββββββββββββββββββββββββ */
@media(max-width:1024px){
.ale-eco-grid { grid-template-columns: 1fr; gap: 40px; }
.ale-spot-grid { grid-template-columns: 1fr; gap: 40px; }
.ale-footer-grid{ grid-template-columns: 1fr 1fr; }
.ale-engines-grid{ grid-template-columns: 1fr 1fr; }
}
@media(max-width:768px){
#ale-nav { padding: 0 20px; }
.ale-nav-links { display: none; }
.ale-hamburger { display: flex; }
#ale-hero h1 { letter-spacing: -2px; }
.ale-hero-stats { flex-direction: column; }
.ale-hstat { border-right: none; border-bottom: 1px solid var(--brd); }
.ale-hstat:last-child { border-bottom: none; }
.ale-chart-foot { grid-template-columns: 1fr 1fr; }
.ale-steps { grid-template-columns: 1fr 1fr; }
.ale-engines-grid { grid-template-columns: 1fr; }
.ale-osc-grid { grid-template-columns: 1fr; }
.ale-eco-pillars { grid-template-columns: 1fr; }
.ale-spec-grid { grid-template-columns: 1fr; }
.ale-footer-grid { grid-template-columns: 1fr; }
.ale-manifesto-inner { grid-template-columns: 1fr; gap: 20px; }
.ale-manifesto-bg-text { font-size: 40px; opacity: .5; }
.ale-wrap { padding: 0 20px; }
}
@media(max-width:480px){
.ale-steps { grid-template-columns: 1fr; }
.ale-step { border-right: none; border-bottom: 1px solid var(--brd); }
.ale-step:last-child { border-bottom: none; }
.ale-hero-actions { flex-direction: column; align-items: center; width: 100%; }
.ale-btn,.ale-btn-ghost { width: 100%; justify-content: center; }
#ale-nav { padding: 0 16px; }
}
LIVE β² BTC/USDT +2.41%
ETH/USDT +1.87%
DELTA ENGINE ACTIVO
COMPOSITE SCORE 91/100
EUR/USD β0.22%
GOLD +0.63%
ALE PRO EN DESARROLLO
S&P500 +0.41%
INITIATION SIGNAL DETECTADO
LIVE β² BTC/USDT +2.41%
ETH/USDT +1.87%
DELTA ENGINE ACTIVO
COMPOSITE SCORE 91/100
EUR/USD β0.22%
GOLD +0.63%
ALE PRO EN DESARROLLO
S&P500 +0.41%
INITIATION SIGNAL DETECTADO
ALE Core Lite β Disponible ahora en TradingView
ALE EcosystemAntifragile Liquidity Engine Β· antifragiletrader.com
Un ecosistema cuantitativo de anΓ‘lisis de liquidez construido sobre cinco motores propios.
Detecta dΓ³nde se mueve el dinero institucional antes de que el precio lo refleje.
5 Engines propios
0β¬ Acceso Lite
β Activos Β· Timeframes
v1.0 Pine Script v5
BTC/USDT +2.41%
Ξ Delta Engine
⬑ Composite
β Scoring 91
15m 1H 4H 1D 1W
INIT
INIT
INIT
EXH
EXH
SCORE 87
SCORE 91
67,842
70,000
65,000
60,000
WHY
El trading moderno exige mΓ‘s que soportes y resistencias. Exige entender quiΓ©n mueve el mercado , cuΓ‘ndo lo mueve y por quΓ© ahora . ALE Ecosystem fue construido para responder exactamente esas tres preguntas, en tiempo real, en cualquier activo.
Este es el primer paso. Y es completamente gratuito.
// core engines
Cinco motores.
Cada engine resuelve una pregunta especΓfica sobre la liquidez del mercado. Juntos, forman el nΓΊcleo del ALE Ecosystem.
Ξ
Ξ
Delta Engine
Calcula el desequilibrio neto entre presiΓ³n compradora y vendedora vela a vela. Es la capa base del sistema: sin Γ©l, el resto no tiene contexto. Identifica en tiempo real si el mercado estΓ‘ siendo absorbido o impulsado.
β
β
Initiation Engine
Detecta el momento exacto en que comienza un movimiento institucional antes de que el precio lo confirme. Genera seΓ±ales de entrada de alta confluencia con un sistema de validaciΓ³n multicapa propio.
⬑
⬑
Exhaustion Engine
Identifica el agotamiento de una tendencia antes del giro. Analiza la relaciΓ³n entre volumen relativo, momentum y estructura para anticipar reversiones con una ratio seΓ±al/ruido muy por encima del estΓ‘ndar.
β
β
Scoring Engine
Sistema de puntuaciΓ³n cuantitativa de 0 a 100. EvalΓΊa la calidad de cada seΓ±al segΓΊn contexto estructural, momentum y confluencia de factores internos. Solo las seΓ±ales de alta calidad merecen tu atenciΓ³n.
β
β
Composite Engine
Agrega la salida de todos los motores en una seΓ±al unificada y ponderada dinΓ‘micamente segΓΊn el rΓ©gimen de mercado. Reduce el ruido estructural y maximiza la consistencia del sistema.
β
β
Confirmation Engine
Capa de validaciΓ³n que confirma o descarta cada seΓ±al evaluando la acciΓ³n del precio posterior. Evita entradas prematuras y filtra los falsos positivos que los sistemas convencionales no detectan.
Delta Engine β Flujo Neto
+3.18% β²
Composite Score β Calidad de SeΓ±al
91 / 100
70
40
// protocolo operativo
Cuatro pasos.
01
π‘
EscΓ‘ner de liquidez
El Delta Engine analiza cada vela en tiempo real, cuantificando el desequilibrio entre flujo comprador y vendedor con resoluciΓ³n tick-by-tick.
02
β‘
DetecciΓ³n de estructura
Initiation y Exhaustion identifican el inicio o fin de movimientos institucionales con confirmaciΓ³n estructural integrada y sin repainting.
03
β
Scoring cuantitativo
Cada seΓ±al recibe una puntuaciΓ³n de 0 a 100. Solo actΓΊas sobre seΓ±ales de alta calidad, en confluencia con el contexto estructural.
04
β
ValidaciΓ³n y ejecuciΓ³n
El Confirmation Engine valida la seΓ±al frente a la acciΓ³n del precio. Entras con convicciΓ³n estadΓstica, no con suposiciones.
// ecosistema completo
Un ecosistema.
ALE Core Lite es el punto de entrada gratuito. El resto del ecosistema estΓ‘ en desarrollo activo y llegarΓ‘ con capas estructurales, cuantitativas y de IA.
// sobre el proyecto
ΒΏQuΓ© es el
El ALE Ecosystem naciΓ³ de una pregunta incΓ³moda: ΒΏpor quΓ© la mayorΓa de los indicadores miran el pasado para predecir el futuro, cuando la liquidez ya estΓ‘ ahΓ, en tiempo real, antes de que el precio se mueva?
Durante mΓ‘s de dos aΓ±os, el equipo de antifragiletrader.com βtraders cuantitativos y desarrolladores de sistemas algorΓtmicosβ trabajΓ³ en silencio para construir algo diferente: un ecosistema de herramientas propietarias basadas en el anΓ‘lisis de flujo de Γ³rdenes, desequilibrio de liquidez y estructura de mercado real.
El resultado es ALE. No es un indicador. Es un lenguaje. Un nuevo sistema de lectura del mercado que reemplaza la subjetividad del anΓ‘lisis tΓ©cnico clΓ‘sico con mΓ©tricas cuantitativas precisas, accionables y reproducibles en cualquier activo, en cualquier timeframe, en cualquier condiciΓ³n de mercado.
ALE Core Lite es la puerta de entrada a ese ecosistema. Gratuita. Sin restricciones. Disponible hoy en TradingView.
π¬
MetodologΓa propia
Cinco engines desarrollados internamente, sin dependencia de indicadores estΓ‘ndar o fΓ³rmulas pΓΊblicas.
π
Cuantitativo puro
Cada seΓ±al tiene un score numΓ©rico. Sin interpretaciΓ³n subjetiva, sin zonas grises.
βοΈ
Sin repainting
Las seΓ±ales no se recalculan retroactivamente. Lo que ves es lo que existiΓ³ en tiempo real.
π
Multimercado
Crypto, Forex, Γndices, Commodities. ALE funciona donde existe liquidez real.
Roadmap del Ecosystem
2025β2026
ALE Premium β AI Layer
Planificado
// Equipo antifragiletrader.com
β‘
Lead Quant Developer
Arquitectura de motores Β· Pine Script v5 Β· AlgorΓtmica
π
Market Structure Analyst
Order Flow Β· Liquidez institucional Β· Backtesting
π¬
Quant Research
Modelos probabilΓsticos Β· OptimizaciΓ³n Β· EstadΓstica
π―
Systems Trader
Trading en vivo Β· ValidaciΓ³n de seΓ±ales Β· Risk Management
ETH/USDT Β· 1H +1.87%
INIT
EXH
3,481
"
No construimos otro indicador. Construimos un nuevo idioma para leer el mercado . Uno que habla de liquidez, no de lΓneas.
β Equipo ALE Β· antifragiletrader.com
// disponible ahora Β· gratuito Β· tradingview
ALE Core Lite
ALE Core Lite es la versiΓ³n de acceso libre al ecosistema ALE. No es una demo recortada ni un gancho de marketing. Es una herramienta real, funcional y en producciΓ³n, con cinco engines activos disponibles en cualquier activo y cualquier timeframe directamente desde TradingView.
EstΓ‘ pensada para que cualquier trader pueda experimentar por sΓ mismo la diferencia entre analizar precios y analizar liquidez. Sin coste, sin registro adicional, sin trampa. Lo que ALE Core Lite ofrece hoy supera en profundidad a la mayorΓa de indicadores de pago del mercado.
Ξ Delta Engine β Desequilibrio en tiempo real
Flujo neto comprador/vendedor vela a vela. La base de todo el sistema ALE.
β Initiation Engine β Inicio institucional
SeΓ±ales visuales directas en el grΓ‘fico. Sin repainting, sin demora.
⬑ Exhaustion Engine β Agotamiento de tendencia
Anticipa reversiones antes de que el precio las confirme.
β Scoring bΓ‘sico 0β100
Filtra seΓ±ales de baja calidad. Solo actΓΊa sobre lo que tiene peso cuantitativo.
β Composite + Confirmation Engine
SeΓ±al unificada y validada. MΓ‘xima claridad operativa, mΓnimo ruido.
BTC/USDT Β· 4H Β· ALE Core Lite
1H 4H 1D
INIT
INIT
INIT
EXH
EXH
SCORE 84
SCORE 91
67,842
El mercado yaidioma.
Descarga ALE Core Lite en TradingView y empieza a leerlo hoy.
β Descargar ALE Core Lite β 100% Gratis
Sin registro extra
Sin coste
Sin repainting
Todos los activos
Pine Script v5
Actualizaciones incluidas
(function(){
// Mobile menu
function aleToggleMenu(){
document.getElementById('ale-mob-menu').classList.toggle('open');
}
window.aleToggleMenu = aleToggleMenu;
// TF button toggle β main chart
document.getElementById('ale-ctf-main').addEventListener('click',function(e){
if(e.target.tagName==='SPAN'){
this.querySelectorAll('span').forEach(function(s){s.classList.remove('on');});
e.target.classList.add('on');
}
});
// TF button toggle β lite chart
document.getElementById('ale-lite-tf').addEventListener('click',function(e){
if(e.target.tagName==='SPAN'){
this.querySelectorAll('span').forEach(function(s){s.classList.remove('on');});
e.target.classList.add('on');
}
});
// Scroll reveal
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){
e.target.style.opacity='1';
e.target.style.transform='translateY(0)';
}
});
},{threshold:.1});
document.querySelectorAll(
'#ale-root .ale-engine-card, #ale-root .ale-step, #ale-root .ale-osc-panel, '+
'#ale-root .ale-eco-pillar, #ale-root .ale-sf, #ale-root .ale-rm-item, #ale-root .ale-tm'
).forEach(function(el){
el.style.opacity='0';
el.style.transform='translateY(18px)';
el.style.transition='opacity .45s ease, transform .45s ease';
obs.observe(el);
});
})();