#tlj-intro{position:relative;width:100vw;max-width:none;overflow:hidden;margin:0;padding:0;color:var(--tlj-color-text);}#tlj-intro *{box-sizing:border-box} .tlj-v2-hero{position:relative;max-width:1250px;min-height:850px;margin:auto;padding:40px 30px 80px}.tlj-v2-hero-content{position:relative;z-index:5;width:100%;padding-top:0}.tlj-v2-brand{margin:0 auto;color:var(--tlj-color-text);font-size:58px;font-weight:900;letter-spacing:7px;line-height:1.05;text-align:center;text-shadow:1px 1px 0 light-dark(var(--tlj-color-border), var(--tlj-color-text-soft)),2px 2px 0 light-dark(var(--tlj-color-text-disabled), var(--tlj-color-text-muted-2)),3px 3px 0 light-dark(transparent, var(--tlj-color-text-disabled));white-space:nowrap}.tlj-v2-brand-line{width:120px;height:3px;margin:19px auto 17px;background:var(--tlj-color-accent);box-shadow:0 0 22px rgba(var(--tlj-color-accent-rgb), .55)}.tlj-v2-badge{display:flex;align-items:center;justify-content:center;width:max-content;margin:0 auto;padding:10px 19px;border:1.5px solid rgba(var(--tlj-color-accent-rgb), .2);border-radius:50px;background:rgba(var(--tlj-color-accent-rgb), .035);color:var(--tlj-color-text-soft);font-size:10px;font-weight:800;letter-spacing:2.5px}.tlj-v2-pulse{width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--tlj-color-accent);box-shadow:0 0 13px var(--tlj-color-accent);animation:tljpulse 2s infinite}@keyframes tljpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}} .tlj-v2-title{width:50%;margin:65px 0 0;font-size:clamp(36px,4.4vw,58px);line-height:.92;letter-spacing:-3px;font-weight:300;overflow:visible}.tlj-v2-title span{display:block;color:var(--tlj-color-text);font-weight:500;text-shadow:0 0 20px rgba(var(--tlj-color-contrast-rgb), .08)}.tlj-v2-title strong{display:block;color:var(--tlj-color-accent-text);font-weight:900;letter-spacing:-4px;text-shadow:0 0 35px rgba(var(--tlj-color-accent-rgb), .13);white-space:nowrap}.tlj-v2-description{width:50%;max-width:550px;margin:28px 0 0;color:var(--tlj-color-text-muted);font-size:16px;line-height:1.8}.tlj-v2-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.tlj-v2-button-main,.tlj-v2-button-secondary{min-height:53px;padding:0 24px;border-radius:5px;font-family:inherit;font-size:10px;font-weight:900;letter-spacing:1.5px;cursor:pointer;transition:.3s}.tlj-v2-button-main{border:1px solid var(--tlj-color-accent);background:var(--tlj-color-accent);color:var(--tlj-color-on-accent)}.tlj-v2-button-main:hover{transform:translateY(-3px);background:rgb(var(--tlj-color-contrast-rgb));border-color:var(--tlj-color-accent);color:var(--tlj-color-on-accent);box-shadow:0 12px 35px rgba(var(--tlj-color-accent-rgb), .2)}.tlj-v2-button-main b{margin-left:12px;font-size:15px}.tlj-v2-button-secondary{border:1px solid var(--tlj-color-accent);background:var(--tlj-color-surface-2);color:var(--tlj-color-text-soft)}.tlj-v2-button-secondary:hover{transform:translateY(-3px);color:var(--tlj-color-on-accent);background:rgb(var(--tlj-color-contrast-rgb));border-color:var(--tlj-color-on-accent)} .tlj-v2-trial{position:relative;display:flex;align-items:center;justify-content:space-between;gap:38px;width:min(1180px,calc(100% - 60px));margin:20px auto 85px;padding:36px 42px;border:1px solid rgba(var(--tlj-color-accent-rgb), .58);border-radius:14px;background:radial-gradient(circle at 18% 50%,rgba(var(--tlj-color-accent-rgb), .15),transparent 34%),linear-gradient(135deg,rgba(var(--tlj-color-surface-2-rgb), .98),rgba(var(--tlj-color-page-rgb), .98));box-shadow: var(--tlj-effect-shadow-lg),0 0 55px rgba(var(--tlj-color-accent-rgb), .08);overflow:hidden}.tlj-v2-trial:after{content:"";position:absolute;right:-80px;top:-120px;width:300px;height:300px;border-radius:50%;background:rgba(var(--tlj-color-accent-rgb), .08);filter:blur(45px);pointer-events:none}.tlj-v2-trial-copy{position:relative;z-index:1;max-width:760px}.tlj-v2-trial-kicker{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:5px;background:var(--tlj-color-accent);color:var(--tlj-color-on-accent);font-size:9px;font-weight:950;letter-spacing:1.5px}.tlj-v2-trial h2{margin:15px 0 8px;color:var(--tlj-color-text);font-size:clamp(12px,2.8vw,38px);line-height:1.08;letter-spacing:-1.2px;white-space:nowrap}.tlj-v2-trial p{max-width:700px;margin:0;color:var(--tlj-color-text-soft);font-size:14px;line-height:1.65}.tlj-v2-trial .tlj-v2-button-main{position:relative;z-index:1;flex:0 0 auto;min-width:215px;box-shadow:0 12px 32px rgba(var(--tlj-color-accent-rgb), .14)} .tlj-v2-dashboard{position:absolute;z-index:3;right:15px;top:240px;width:49%;min-height:370px;padding:21px;border:1px solid rgba(var(--tlj-color-accent-rgb), .13);border-radius:12px;background:linear-gradient(145deg,rgba(var(--tlj-color-media-panel-rgb), .96),rgba(var(--tlj-color-media-panel-deep-rgb), .96));box-shadow:-25px 30px 80px light-dark(rgba(var(--tlj-color-shadow-rgb), .2), rgba(var(--tlj-color-shadow-rgb), .5)),0 0 80px rgba(var(--tlj-color-accent-rgb), .025);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .5s}.tlj-v2-dashboard:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-5px)}.tlj-v2-dashboard-top{display:flex;align-items:flex-start;justify-content:space-between}.tlj-v2-dashboard-label{display:block;margin-bottom:5px;color:var(--tlj-color-media-canvas-text);font-size:8px;font-weight:800;letter-spacing:2px}.tlj-v2-dashboard-top strong{font-size:27px;color:var(--tlj-color-accent);font-weight:800}.tlj-v2-dashboard-period{padding:7px 11px;border:1px solid rgba(var(--tlj-color-on-media-rgb), .08);border-radius:4px;color:var(--tlj-color-media-canvas-text);font-size:8px;font-weight:800;letter-spacing:1.5px}.tlj-v2-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.tlj-v2-metric{padding:11px;border:1px solid rgba(var(--tlj-color-on-media-rgb), .05);border-radius:6px;background:rgba(var(--tlj-color-on-media-rgb), .018)}.tlj-v2-metric span{display:block;color:var(--tlj-color-media-canvas-dim);font-size:7px;font-weight:800;letter-spacing:1.3px}.tlj-v2-metric strong{display:block;margin-top:6px;color:var(--tlj-color-media-canvas-strong);font-size:15px}.tlj-v2-metric small{display:block;margin-top:4px;color:var(--tlj-color-media-canvas-dim);font-size:8px}.tlj-v2-metric .tlj-positive{color:var(--tlj-color-accent)}.tlj-v2-chart-wrapper{position:relative;height:190px;margin-top:17px;overflow:hidden;border:1px solid rgba(var(--tlj-color-on-media-rgb), .045);border-radius:6px}.tlj-v2-chart-grid{position:absolute;inset:0;opacity:.6;background-image:linear-gradient(rgba(var(--tlj-color-on-media-rgb), .035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--tlj-color-on-media-rgb), .035) 1px,transparent 1px);background-size:70px 45px}.tlj-v2-chart{position:absolute;inset:0;width:100%;height:100%}.tlj-v2-chart-area{fill:url(#tljGradient);opacity:.6}.tlj-v2-chart-line{fill:none;stroke:var(--tlj-color-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:tljdraw 2.5s ease forwards}@keyframes tljdraw{to{stroke-dashoffset:0}}.tlj-v2-chart circle{fill:var(--tlj-color-accent);filter:drop-shadow(0 0 5px rgba(var(--tlj-color-accent-rgb), .8))}.tlj-v2-chart-tooltip{position:absolute;right:18px;top:18px;padding:9px 12px;border:1px solid rgba(var(--tlj-color-accent-rgb), .2);border-radius:5px;background:rgba(var(--tlj-color-media-panel-deep-rgb), .9)}.tlj-v2-chart-tooltip span{display:block;color:var(--tlj-color-media-canvas-dim);font-size:7px;letter-spacing:1px}.tlj-v2-chart-tooltip strong{display:block;margin-top:4px;color:var(--tlj-color-on-media);font-size:13px}.tlj-v2-chart-tooltip small{display:block;margin-top:2px;color:var(--tlj-color-accent);font-size:8px}.tlj-v2-dashboard-bottom{display:flex;justify-content:space-between;margin-top:7px;color:var(--tlj-color-media-canvas-dim);font-size:7px;letter-spacing:1px} .tlj-v2-floating-card{position:absolute;z-index:6;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--tlj-color-border);border-radius:7px;background:rgba(var(--tlj-color-surface-rgb), .94);box-shadow: var(--tlj-effect-shadow-md);backdrop-filter:blur(10px);animation:tljfloat 5s ease-in-out infinite}.tlj-v2-card-left{left:40%;bottom:135px}.tlj-v2-card-right{right:1%;bottom:95px;animation-delay:-2s}@keyframes tljfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.tlj-v2-floating-icon,.tlj-v2-floating-check{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--tlj-color-accent-text);background:rgba(var(--tlj-color-accent-rgb), .06);border:1px solid rgba(var(--tlj-color-accent-rgb), .18)}.tlj-v2-floating-card small{display:block;color:var(--tlj-color-text-muted-2);font-size:7px;font-weight:800;letter-spacing:1px}.tlj-v2-floating-card strong{display:block;margin-top:3px;color:var(--tlj-color-text-secondary);font-size:11px} .tlj-v2-markets{width:fit-content;max-width:calc(100% - 50px);margin:-18px auto 72px;padding:0;position:relative;z-index:5}.tlj-v2-markets-shell{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:28px;align-items:center;padding:22px 28px;border:2px solid rgba(var(--tlj-color-accent-rgb), .38);border-radius:12px;background:var(--tlj-color-surface)}.tlj-v2-markets-copy{max-width:560px}.tlj-v2-markets-copy small{display:block;color:var(--tlj-color-accent-text);font-size:9px;font-weight:900;letter-spacing:2px}.tlj-v2-markets-copy h2{margin:7px 0 8px;color:var(--tlj-color-text);font-size:23px;line-height:1.15;letter-spacing:-.5px}.tlj-v2-markets-copy p{margin:0;color:var(--tlj-color-text-muted-2);font-size:12.5px;line-height:1.65}.tlj-v2-market-list{display:grid;grid-template-columns:repeat(4,max-content);gap:8px;justify-content:end}.tlj-v2-market{display:flex;min-height:58px;padding:0 12px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(var(--tlj-color-accent-rgb), .20);border-radius:8px;background:var(--tlj-color-field)}.tlj-v2-market strong{color:var(--tlj-color-text);font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.tlj-v2-market span{margin-top:4px;color:var(--tlj-color-text-muted-2);font-size:8px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;min-height:10px}@media (max-width:1120px){.tlj-v2-markets-shell{grid-template-columns:1fr}.tlj-v2-market-list{justify-content:start}}@media (max-width:800px){.tlj-v2-markets{margin-top:0}.tlj-v2-market-list{grid-template-columns:repeat(2,max-content);justify-content:start}}@media (max-width:520px){.tlj-v2-markets{width:calc(100% - 32px);max-width:none}.tlj-v2-market-list{grid-template-columns:1fr;justify-content:stretch}.tlj-v2-market{width:100%}.tlj-v2-markets-shell{padding:18px}} .tlj-v2-intro{max-width:850px;margin:auto;padding:0 25px 70px;text-align:center}.tlj-v2-section-label{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--tlj-color-text-muted-2);font-size:12px;font-weight:900;letter-spacing:3px}.tlj-v2-section-label i{width:35px;height:1px;background:var(--tlj-color-accent);opacity:.6}.tlj-v2-intro h2{margin:27px 0 20px;font-size:clamp(35px,5vw,58px);line-height:.95;letter-spacing:-2px}.tlj-v2-intro h2 span{display:block;color:var(--tlj-color-text);font-weight:300}.tlj-v2-intro h2 strong{display:block;color:var(--tlj-color-accent-text);font-weight:900}.tlj-v2-intro p{max-width:680px;margin:auto;color:var(--tlj-color-text-muted);font-size:15px;line-height:1.8} .tlj-v2-features-grid{max-width:1060px;margin:auto;padding:25px 25px 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .tlj-v2-feature{position:relative;min-height:390px;padding:27px 24px 22px;overflow:hidden;border:1px solid var(--tlj-color-border);border-radius:12px;background:linear-gradient(145deg,var(--tlj-color-surface),var(--tlj-color-surface-2));transition:.35s;display:flex;flex-direction:column;align-items:center;text-align:center} .tlj-v2-feature:hover{transform:translateY(-8px);border-color:rgba(var(--tlj-color-accent-rgb), .35);box-shadow: var(--tlj-effect-shadow-lg)} .tlj-v2-feature:nth-child(2){border-color:rgba(var(--tlj-color-accent-rgb), .24);background:linear-gradient(145deg,rgba(var(--tlj-color-accent-rgb), .055),var(--tlj-color-surface-2))} .tlj-v2-feature-top{width:100%;display:flex;justify-content:flex-end}.tlj-v2-feature-top span{color:rgba(var(--tlj-color-accent-rgb), .55);font-size:16px;font-weight:900} .tlj-card-illustration{width:86px;height:86px;margin:16px auto 8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--tlj-color-accent-rgb), .22);border-radius:18px;background:rgba(var(--tlj-color-accent-rgb), .035);box-shadow:0 0 35px rgba(var(--tlj-color-accent-rgb), .035)} .tlj-card-illustration svg{width:60px;height:60px;fill:none;stroke:var(--tlj-color-accent-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .tlj-v2-feature h3{margin:16px 0 10px;color:var(--tlj-color-text);font-size:19px;font-weight:900;letter-spacing:2px}.tlj-v2-feature p{max-width:270px;margin:0;color:var(--tlj-color-text-muted-2);font-size:12.5px;line-height:1.7} .tlj-v2-card-button-wrap{margin-top:auto;padding-top:20px}.tlj-v2-readmore{min-width:122px;height:38px;padding:0 17px;border:1px solid rgba(var(--tlj-color-accent-rgb), .5);border-radius:7px;background:rgba(var(--tlj-color-accent-rgb), .035);color:var(--tlj-color-accent-text);font-family:inherit;font-size:9px;font-weight:900;letter-spacing:1.5px;cursor:pointer;transition:.25s}.tlj-v2-readmore b{margin-left:7px;font-size:14px}.tlj-v2-readmore:hover{background:var(--tlj-color-accent);color:var(--tlj-color-on-accent);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--tlj-color-accent-rgb), .18)} .tlj-v2-philosophy{max-width:1150px;margin:auto;padding:10px 30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;position:relative}.tlj-v2-section-label.left{justify-content:flex-start}.tlj-v2-philosophy-title h2{margin:25px 0 0;font-size:clamp(45px,6vw,72px);line-height:.9;letter-spacing:-3px;white-space:nowrap}.tlj-v2-philosophy::before{content:"";position:absolute;top:-40px;left:30px;right:30px;height:1px;background:var(--tlj-color-surface-3)}.tlj-v2-philosophy-title h2 span{display:block;color:var(--tlj-color-text);font-weight:300}.tlj-v2-philosophy-title h2 strong{display:block;color:var(--tlj-color-accent-text);font-weight:900}.tlj-v2-target{width:70px;height:70px;margin-top:45px;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid rgba(var(--tlj-color-accent-rgb), .07);border-radius:50%}.tlj-v2-target:before{content:"";width:48px;height:48px;border:2px solid rgba(var(--tlj-color-accent-rgb), .07);border-radius:50%}.tlj-v2-target:after{content:"";position:absolute;width:26px;height:26px;border:2px solid rgba(var(--tlj-color-accent-rgb), .07);border-radius:50%}.tlj-v2-target span{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(var(--tlj-color-accent-rgb), .1)}.tlj-v2-philosophy-text{padding-top:20px}.tlj-v2-philosophy-text h3{max-width:600px;margin:0 0 18px;color:var(--tlj-color-text-secondary);font-size:24px;line-height:1.35;font-weight:300}.tlj-v2-philosophy-text p{max-width:650px;margin:0 0 20px;color:var(--tlj-color-text-muted-2);font-size:14px;line-height:1.9}.tlj-v2-philosophy-text strong{color:var(--tlj-color-accent-text)} .tlj-v2-pillars{max-width:1150px;margin:auto;padding:40px 30px 110px}.tlj-v2-pillars-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:45px;border:1px solid var(--tlj-color-divider);background:var(--tlj-color-surface-3);gap:1px}.tlj-v2-pillar{min-height:155px;padding:25px 12px;background:var(--tlj-color-field);text-align:center;transition:.3s}.tlj-v2-pillar:hover{background:rgba(var(--tlj-color-accent-rgb), .07)}.tlj-v2-pillar span{display:block;margin-bottom:20px;color:rgba(var(--tlj-color-accent-rgb), .5);font-size:15px;font-weight:900}.tlj-v2-pillar strong{display:block;color:var(--tlj-color-text);font-size:15px;letter-spacing:1.5px}.tlj-v2-pillar small{display:block;margin-top:10px;color:var(--tlj-color-text-muted-2);font-size:12px;line-height:1.5} .tlj-v2-final{max-width:1000px;margin:auto;padding:0 25px 130px;text-align:center}.tlj-v2-final-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--tlj-color-accent-rgb), .25),transparent)}.tlj-v2-final-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:45px auto 25px;border:1px solid rgba(var(--tlj-color-accent-rgb), .22);border-radius:50%;color:var(--tlj-color-accent-text)}.tlj-v2-final h2{margin:0;font-size:clamp(35px,6vw,70px);line-height:.94;letter-spacing:-3px}.tlj-v2-final h2 span{display:block;color:var(--tlj-color-text);font-weight:300}.tlj-v2-final h2 strong{display:block;color:var(--tlj-color-accent-text);font-weight:900}.tlj-v2-final h2 em{display:block;margin-top:5px;color:var(--tlj-color-text);font-style:normal;font-weight:300}.tlj-v2-final p{margin:25px 0 30px;color:var(--tlj-color-text-muted-2);font-size:16px}.tlj-v2-final .tlj-v2-final-line:last-child{transform:translateY(50px)}.tlj-v2-final-button{min-height:53px;padding:0 28px;border:1px solid var(--tlj-color-accent);border-radius:5px;background:transparent;color:var(--tlj-color-accent-text);font-family:inherit;font-size:9px;font-weight:900;letter-spacing:2px;cursor:pointer;transition:.3s}.tlj-v2-final-button:hover{transform:translateY(-3px);background:var(--tlj-color-accent);color:var(--tlj-color-on-accent);box-shadow:0 12px 35px rgba(var(--tlj-color-accent-rgb), .16)}.tlj-v2-final-button b{margin-left:12px;font-size:15px} /* POPUPS */ .tlj-popup-bg{display:none;position:fixed;inset:0;background:transparent;opacity:0;transition:opacity .3s}.tlj-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:var(--tlj-color-surface);border:4px solid var(--tlj-color-accent);padding:0;box-shadow: var(--tlj-effect-shadow-popover);width:100%;max-width:1000px;max-height:80vh;overflow:hidden;font-size:16px;border-radius:14px;text-align:left;opacity:0;transition:all .3s}.tlj-popup-header, .tlj3-header {display:flex;align-items:center;gap:14px;}.tlj-header-icon {width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--tlj-color-accent);border-radius:12px;font-size:24px} .tlj3-header-icon {width:48px;display:flex;align-items:center;justify-content:center;}.tlj-header-text {flex:1} .tlj3-header-text {flex:1;}.tlj-header-text span, .tlj3-header-text span {display:block;} .tlj-popup-scroll,.tlj3-scroll{height:calc(80vh - 78px);max-height:calc(80vh - 78px);overflow-y:auto;overflow-x:hidden;padding:0 22px 25px;} .tlj-intro,.tlj3-intro{padding:22px 10px 14px;color:var(--tlj-color-text-secondary);font-size:14px;line-height:1.55}.tlj-intro p,.tlj3-intro p{margin:8px 0}.tlj-intro-main,.tlj3-intro-main{display:flex;gap:14px;align-items:flex-start;padding:15px;background:var(--tlj-color-accent-soft);border-left:4px solid var(--tlj-color-accent);border-radius:10px}.tlj-intro-icon,.tlj3-intro-icon{font-size:27px;flex-shrink:0}.tlj-intro h4,.tlj3-intro h4{margin:0 0 5px;color:var(--tlj-color-text);font-size:18px} .tlj-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tlj-section,.tlj3-feature{padding:18px;background:var(--tlj-color-surface-2);border:1px solid var(--tlj-color-border);border-radius:12px;transition:.2s}.tlj-section:hover,.tlj3-feature:hover{border-color:var(--tlj-color-accent);box-shadow: var(--tlj-effect-shadow-header-menu)}.tlj-section-title,.tlj3-feature-title{display:flex;gap:11px;align-items:center;margin-bottom:12px}.tlj-section-icon,.tlj3-feature-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--tlj-color-accent-soft);border-radius:10px;font-size:21px}.tlj-section-title small,.tlj3-feature-title small{display:block;color:var(--tlj-color-text-muted-2);font-size:9px;font-weight:800;letter-spacing:1.4px}.tlj-section-title h4,.tlj3-feature-title h4{margin:2px 0 0;color:var(--tlj-color-text);font-size:17px;line-height:1.25}.tlj-section>p,.tlj3-feature>p{margin:0 0 12px;color:var(--tlj-color-text-muted);font-size:13.5px;line-height:1.5} .tlj-list{display:grid;gap:6px;margin-bottom:12px}.tlj-list div{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:7px;font-size:12.5px;color:var(--tlj-color-text-secondary)}.tlj-note{padding:10px 12px;background:var(--tlj-color-surface);border-left:3px solid var(--tlj-color-accent);border-radius:7px}.tlj-note p{margin:0;color:var(--tlj-color-text-muted);font-size:12.5px;line-height:1.5}.tlj-note strong{color:var(--tlj-color-text)}.tlj-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.tlj-metrics div{display:flex;align-items:center;gap:7px;padding:9px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:7px;font-size:11.5px}.tlj-metrics span{font-size:16px}.tlj-highlight{display:flex;gap:10px;align-items:flex-start;padding:13px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:9px}.tlj-highlight>span{font-size:22px}.tlj-highlight p{margin:0;color:var(--tlj-color-text-muted);font-size:13px;line-height:1.5}.tlj-context{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.tlj-context.tlj-market-context{grid-template-columns:repeat(4,1fr)}.tlj-context>div{padding:12px 7px;text-align:center;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:8px}.tlj-context span{display:block;font-size:21px;margin-bottom:4px}.tlj-context strong{display:block;color:var(--tlj-color-text);font-size:13px}.tlj-context small{display:block;margin-top:3px;color:var(--tlj-color-text-muted-2);font-size:10px;line-height:1.3}.tlj-context-result{padding:10px;text-align:center;background:var(--tlj-color-accent-soft);border-radius:8px;font-size:13px}.tlj-exits{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.tlj-exits span{padding:8px 10px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:7px;color:var(--tlj-color-text-secondary);font-size:11.5px}.tlj-important,.tlj3-important{margin-top:16px;padding:18px;background:var(--tlj-color-surface-2);border-radius:12px;color:var(--tlj-color-text)}.tlj-important-title,.tlj3-important-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}.tlj-important-title>span,.tlj3-important-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--tlj-color-accent);border-radius:10px;font-size:21px}.tlj-important-title small,.tlj3-important-title small{display:block;color:var(--tlj-color-accent-text);font-size:9px;font-weight:bold;letter-spacing:1.5px}.tlj-important-title h4,.tlj3-important-title h4{margin:2px 0 0;color:var(--tlj-color-text);font-size:18px}.tlj-important-text{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tlj-important-text p{margin:0;padding:11px;background:var(--tlj-color-surface-3);border-radius:7px;color:var(--tlj-color-text-secondary);font-size:12.5px;line-height:1.5}.tlj-final,.tlj3-summary{display:flex;gap:13px;margin-top:16px;padding:18px;background:var(--tlj-color-accent-soft);border:1px solid var(--tlj-color-border-strong);border-radius:12px}.tlj-final-icon,.tlj3-summary-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--tlj-color-accent);border-radius:10px;font-size:23px}.tlj-final small,.tlj3-summary small{display:block;color:var(--tlj-color-accent-text);font-size:9px;font-weight:800;letter-spacing:1.5px}.tlj-final h4,.tlj3-summary h4{margin:2px 0 5px;color:var(--tlj-color-text);font-size:18px}.tlj-final p,.tlj3-summary p{margin:4px 0;color:var(--tlj-color-text-secondary);font-size:12.5px;line-height:1.5} /* POPUP 3 */ .tlj3-main-title{display:flex;align-items:center;gap:11px;margin:5px 0 15px;padding:12px 15px;background:var(--tlj-color-surface-2);border-radius:10px;color:var(--tlj-color-text)}.tlj3-main-title>span{font-size:22px}.tlj3-main-title small{display:block;color:var(--tlj-color-accent-text);font-size:9px;font-weight:800;letter-spacing:1.5px}.tlj3-main-title h4{margin:2px 0 0;color:var(--tlj-color-text);font-size:18px}.tlj3-feature{margin-bottom:14px}.tlj3-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tlj3-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tlj3-grid-3 div,.tlj3-grid-4 div,.tlj3-grid-2 div{padding:9px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:7px;color:var(--tlj-color-text-secondary);font-size:11.5px;line-height:1.35}.tlj3-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tlj3-grid-2 div{padding:10px;font-size:12px}.tlj3-info-box{display:flex;align-items:flex-start;gap:10px;padding:13px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-left:3px solid var(--tlj-color-accent);border-radius:8px}.tlj3-info-box>span{font-size:21px}.tlj3-info-box p{margin:0;color:var(--tlj-color-text-muted);font-size:12.5px;line-height:1.5}.tlj3-filter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.tlj3-filter-grid div{padding:11px 7px;text-align:center;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:8px}.tlj3-filter-grid span{display:block;margin-bottom:5px;font-size:20px}.tlj3-filter-grid strong{display:block;color:var(--tlj-color-text-secondary);font-size:10.5px;line-height:1.3}.tlj3-important-title{margin-bottom:10px}.tlj3-important-intro{margin:0 0 12px;color:var(--tlj-color-text-secondary);font-size:13px;line-height:1.5}.tlj3-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.tlj3-benefits div{padding:10px 7px;background:var(--tlj-color-surface-3);border-radius:7px;color:var(--tlj-color-text-secondary);text-align:center;font-size:10.5px;line-height:1.35} /* RESPONSIVE */ @media (min-width:1500px){#tlj-intro .tlj-v2-hero{max-width:1360px}#tlj-intro .tlj-v2-trial{width:min(1280px,calc(100% - 64px))}#tlj-intro .tlj-v2-features-grid{max-width:1200px}#tlj-intro :is(.tlj-v2-philosophy,.tlj-v2-pillars){max-width:1240px}} @media (max-width:1000px){.tlj-v2-hero{min-height:950px}.tlj-v2-title,.tlj-v2-description{width:58%}.tlj-v2-dashboard{top:360px;right:2%;width:55%}.tlj-v2-card-left{left:5%;bottom:100px}.tlj-v2-card-right{right:3%;bottom:40px}.tlj-v2-pillars-grid{grid-template-columns:repeat(3,1fr)}.tlj-v2-features-grid{grid-template-columns:repeat(2,1fr);max-width:820px}.tlj3-grid-3,.tlj3-grid-4{grid-template-columns:repeat(2,1fr)}.tlj3-filter-grid,.tlj3-benefits{grid-template-columns:repeat(3,1fr)}} @media (max-width:700px){#tlj-intro .tlj-v2-hero{min-height:980px;padding:25px 20px 60px}.tlj-v2-hero-content{width:100%;text-align:center}.tlj-v2-brand{font-size:29px;letter-spacing:3px;white-space:normal}.tlj-v2-brand-line{width:80px;height:2px;margin:15px auto 17px}.tlj-v2-badge{font-size:8px;letter-spacing:2px}.tlj-v2-title{width:100%;margin:45px 0 0;font-size:43px;letter-spacing:-2px}.tlj-v2-title strong{letter-spacing:-3px;white-space:normal}.tlj-v2-description{width:100%;margin:28px auto 0;font-size:14px}.tlj-v2-buttons{flex-direction:column;align-items:center}.tlj-v2-button-main,.tlj-v2-button-secondary{width:100%;max-width:330px}.tlj-v2-dashboard{top:575px;left:5%;right:auto;width:90%;min-height:355px;padding:16px;transform:none}.tlj-v2-dashboard:hover{transform:translateY(-3px)}.tlj-v2-dashboard-top strong{font-size:23px}.tlj-v2-metrics{grid-template-columns:repeat(2,1fr)}.tlj-v2-metric{padding:10px}.tlj-v2-chart-wrapper{height:155px}.tlj-v2-floating-card{display:none}.tlj-v2-intro{padding-top:70px}.tlj-v2-features-grid{grid-template-columns:1fr;padding:20px 25px 80px;max-width:500px}.tlj-v2-feature{min-height:365px}.tlj-v2-philosophy{grid-template-columns:1fr;gap:20px;padding:70px 25px}.tlj-v2-pillars{padding:30px 20px 80px}.tlj-v2-pillars-grid{grid-template-columns:repeat(2,1fr)}.tlj-popup{width:94vw!important;max-width:94vw!important;max-height:90vh!important;border-width:3px!important;border-radius:12px!important}.tlj-header-icon {width:39px;height:39px;font-size:19px} .tlj3-header-icon {width:39px;}.tlj-popup-scroll,.tlj3-scroll{height:calc(90vh - 65px);max-height:calc(90vh - 65px);padding:0 12px 18px}.tlj-intro,.tlj3-intro{padding:17px 3px 10px;font-size:13px}.tlj-intro-main,.tlj3-intro-main{padding:12px;gap:9px}.tlj-intro-icon,.tlj3-intro-icon{font-size:22px}.tlj-intro h4,.tlj3-intro h4{font-size:15px}.tlj-sections{grid-template-columns:1fr}.tlj-metrics,.tlj-context,.tlj-important-text,.tlj3-grid-2{grid-template-columns:1fr}.tlj-section{padding:14px}.tlj-section-title h4,.tlj3-feature-title h4{font-size:16px}.tlj-section>p,.tlj3-feature>p{font-size:13px}.tlj3-feature{padding:14px;margin-bottom:10px}.tlj3-grid-3,.tlj3-grid-4{grid-template-columns:1fr}.tlj3-filter-grid,.tlj3-benefits{grid-template-columns:1fr 1fr}.tlj-final,.tlj3-summary{padding:14px}} @media (max-width:420px){.tlj-v2-brand{font-size:24px;letter-spacing:2px}.tlj-v2-title{font-size:38px}.tlj-v2-philosophy-title h2{font-size:40px}.tlj-v2-hero{min-height:950px}.tlj-v2-dashboard{top:560px}.tlj-v2-metric strong{font-size:14px}.tlj3-filter-grid,.tlj3-benefits{grid-template-columns:1fr}} /* ========================================================= POPUP ANALIZA ========================================================= */ /* ========================================================= PROTECCIÓN DE ESTILOS ========================================================= */ #miPopup2 *, #miPopup2 *::before, #miPopup2 *::after { box-sizing:border-box; }/* ========================================================= CABECERA ========================================================= */ .tlj2-header { display:flex; align-items:center; gap:14px; }.tlj2-header-icon { width:48px; display:flex; align-items:center; justify-content:center; }.tlj2-header-text { flex:1; }.tlj2-header-text span { display:block; } /* ========================================================= X ========================================================= */ /* ========================================================= SCROLL ========================================================= */ .tlj2-scroll { height:calc(80vh - 78px); max-height:calc(80vh - 78px); overflow-y:auto; overflow-x:hidden; padding:0 22px 25px; } /* ========================================================= INTRO ========================================================= */ .tlj2-intro { padding:22px 10px 14px; color:var(--tlj-color-text-secondary); font-size:14px; line-height:1.55; } .tlj2-intro p { margin:8px 0; } .tlj2-intro-main { display:flex; gap:14px; align-items:flex-start; padding:15px; background:var(--tlj-color-accent-soft); border-left:4px solid var(--tlj-color-accent); border-radius:10px; } .tlj2-intro-icon { font-size:27px; flex-shrink:0; } .tlj2-intro h4 { margin:0 0 5px; color:var(--tlj-color-text); font-size:18px; } .tlj2-highlight { display:flex; align-items:center; gap:9px; margin-top:12px; padding:10px 13px; background:var(--tlj-color-surface-2); color:var(--tlj-color-text); border-radius:8px; font-size:12px; } .tlj2-highlight span { font-size:19px; } /* ========================================================= BLOQUES ========================================================= */ .tlj2-feature { margin-bottom:14px; padding:18px; background:var(--tlj-color-surface-2); border:1px solid var(--tlj-color-border); border-radius:12px; transition:all .2s ease; } .tlj2-feature:hover { border-color:var(--tlj-color-accent); box-shadow: var(--tlj-effect-shadow-header-menu); } .tlj2-feature-title { display:flex; align-items:center; gap:11px; margin-bottom:12px; } .tlj2-feature-icon { width:43px; height:43px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:var(--tlj-color-accent-soft); border-radius:10px; font-size:21px; } .tlj2-feature-title small { display:block; color:var(--tlj-color-text-muted-2); font-size:9px; font-weight:800; letter-spacing:1.4px; } .tlj2-feature-title h4 { margin:2px 0 0; color:var(--tlj-color-text); font-size:17px; line-height:1.25; } .tlj2-feature > p { margin:0 0 12px; color:var(--tlj-color-text-muted); font-size:13.5px; line-height:1.5; } /* ========================================================= CALENDARIOS ========================================================= */ .tlj2-calendar-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:12px 0; } .tlj2-calendar-grid div { padding:13px 8px; background:var(--tlj-color-surface); border:1px solid var(--tlj-color-border); border-radius:8px; text-align:center; } .tlj2-calendar-grid span { display:block; font-size:22px; margin-bottom:6px; } .tlj2-calendar-grid strong { display:block; color:var(--tlj-color-text); font-size:11px; line-height:1.3; } /* ========================================================= INFO ========================================================= */ .tlj2-mini-info { display:flex; align-items:flex-start; gap:10px; padding:12px; margin:10px 0; background:var(--tlj-color-accent-soft); border-radius:8px; } .tlj2-mini-info span { font-size:20px; flex-shrink:0; } .tlj2-mini-info p { margin:0 !important; color:var(--tlj-color-text-muted); font-size:12px !important; line-height:1.45 !important; } /* ========================================================= LEYENDA RESULTADOS ========================================================= */ .tlj2-result-legend { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:12px 0; } .tlj2-result-legend div { padding:11px; text-align:center; background:var(--tlj-color-surface); border:1px solid var(--tlj-color-border); border-radius:8px; } .tlj2-result-legend span { font-size:20px; } .tlj2-result-legend strong { display:block; font-size:11px; color:var(--tlj-color-text); } .tlj2-result-legend small { display:block; margin-top:3px; color:var(--tlj-color-text-muted-2); font-size:10px; } /* ========================================================= GRÁFICAS ========================================================= */ .tlj2-chart-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:12px 0; } .tlj2-chart-grid div { padding:13px; background:var(--tlj-color-surface); border:1px solid var(--tlj-color-border); border-left:3px solid var(--tlj-color-accent); border-radius:8px; } .tlj2-chart-grid > div > span { font-size:21px; } .tlj2-chart-grid strong { display:block; margin-top:5px; color:var(--tlj-color-text); font-size:12px; } .tlj2-chart-grid p { margin:5px 0 0 !important; color:var(--tlj-color-text-muted); font-size:11px !important; line-height:1.4 !important; } /* ========================================================= PERIODOS ========================================================= */ .tlj2-periods { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; margin:10px 0 14px; } .tlj2-periods span { padding:6px 10px; background:var(--tlj-color-surface-2); color:var(--tlj-color-text); border-radius:20px; font-size:9px; font-weight:bold; letter-spacing:.5px; } /* ========================================================= ESTADÍSTICAS ========================================================= */ .tlj2-stat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; } .tlj2-stat-grid div { padding:12px; background:var(--tlj-color-surface); border:1px solid var(--tlj-color-border); border-radius:8px; } .tlj2-stat-grid div > span { font-size:20px; } .tlj2-stat-grid strong { display:block; margin-top:4px; color:var(--tlj-color-text); font-size:11.5px; } .tlj2-stat-grid p { margin:5px 0 0 !important; color:var(--tlj-color-text-muted); font-size:10.8px !important; line-height:1.4 !important; } /* ========================================================= COLORES ========================================================= */ .tlj2-color-info { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:12px; padding:10px; background:var(--tlj-color-surface); border:1px solid var(--tlj-color-border); border-radius:8px; font-size:11px; } /* ========================================================= BÚSQUEDA ========================================================= */ .tlj2-search-results { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:12px 0; } .tlj2-search-results div { padding:14px 8px; background:var(--tlj-color-surface); border:1px solid var(--tlj-color-border); border-radius:8px; text-align:center; } .tlj2-search-results span { display:block; font-size:22px; margin-bottom:5px; } .tlj2-search-results strong { display:block; color:var(--tlj-color-text); font-size:11px; } .tlj2-search-results small { display:block; margin-top:3px; color:var(--tlj-color-text-muted-2); font-size:10px; } /* ========================================================= SINCRONIZACIÓN ========================================================= */ .tlj2-sync { display:flex; align-items:center; gap:13px; padding:15px; background:var(--tlj-color-surface-2); border-radius:9px; } .tlj2-sync-icon { width:43px; height:43px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:var(--tlj-color-accent); border-radius:10px; font-size:21px; } .tlj2-sync p { margin:0 !important; color:var(--tlj-color-text-secondary) !important; font-size:12.5px !important; line-height:1.5 !important; } /* ========================================================= RESUMEN ========================================================= */ .tlj2-summary { display:flex; gap:13px; margin-top:16px; padding:18px; background:var(--tlj-color-accent-soft); border:1px solid var(--tlj-color-border-strong); border-radius:12px; } .tlj2-summary-icon { width:45px; height:45px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:var(--tlj-color-accent); border-radius:10px; font-size:23px; } .tlj2-summary small { display:block; color:var(--tlj-color-accent-text); font-size:9px; font-weight:800; letter-spacing:1.5px; } .tlj2-summary h4 { margin:2px 0 5px; color:var(--tlj-color-text); font-size:18px; } .tlj2-summary p { margin:5px 0; color:var(--tlj-color-text-secondary); font-size:12.5px; line-height:1.5; } /* ========================================================= BOTÓN CERRAR ========================================================= */ /* ========================================================= TABLET ========================================================= */ @media (min-width:601px) and (max-width:850px){ #miPopup2 { width:94% !important; } .tlj2-calendar-grid { grid-template-columns:repeat(2,1fr); } .tlj2-search-results { grid-template-columns:repeat(2,1fr); } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width:600px){ #miPopup2 { width:94vw !important; max-width:94vw !important; max-height:90vh !important; border-width:3px !important; border-radius:12px !important; }.tlj2-header-icon { width:39px; } .tlj2-scroll { height:calc(90vh - 65px); max-height:calc(90vh - 65px); padding:0 12px 18px; } .tlj2-intro { padding:17px 3px 10px; font-size:13px; } .tlj2-intro-main { padding:12px; gap:9px; } .tlj2-intro-icon { font-size:22px; } .tlj2-intro h4 { font-size:15px; } .tlj2-feature { padding:14px; margin-bottom:10px; } .tlj2-feature-title h4 { font-size:16px; } .tlj2-feature > p { font-size:13px; } .tlj2-calendar-grid { grid-template-columns:1fr 1fr; } .tlj2-chart-grid { grid-template-columns:1fr; } .tlj2-stat-grid { grid-template-columns:1fr; } .tlj2-search-results { grid-template-columns:1fr; } .tlj2-result-legend { grid-template-columns:1fr; } .tlj2-summary { padding:14px; } .tlj2-summary h4 { font-size:16px; } .tlj2-summary p { font-size:12px; } } /* ========================================================= POPUP CALCULA · HERRAMIENTAS ========================================================= */ /* CONTENEDOR */ #miPopup5, #miPopup5 * { box-sizing:border-box; }/* CABECERA */ .tlj5-header { display:flex; align-items:center; gap:14px; }.tlj5-header-icon { width:48px; display:flex; align-items:center; justify-content:center; }.tlj5-header-text { flex:1; }.tlj5-header-text span { display:block; } /* X */ /* SCROLL */ .tlj5-scroll { height:calc(80vh - 78px); max-height:calc(80vh - 78px); overflow-y:auto; overflow-x:hidden; padding:0 22px 25px; } /* INTRO */ .tlj5-intro { padding:22px 10px 15px; color:var(--tlj-color-text-secondary); font-size:15px; line-height:1.55; } .tlj5-intro p { margin:8px 0; } .tlj5-intro-main { display:flex; gap:14px; align-items:flex-start; padding:15px; background:var(--tlj-color-surface); border-left:4px solid var(--tlj-color-accent); border-radius:10px; box-shadow: var(--tlj-effect-shadow-header-menu); } .tlj5-intro-icon { font-size:27px; flex-shrink:0; } .tlj5-intro h4 { margin:0 0 5px; color:var(--tlj-color-text); font-size:18px; } /* TRES TARJETAS */ .tlj5-tools { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:start; } .tlj5-tool { padding:17px; background:var(--tlj-color-surface); border:2px solid var(--tlj-color-accent); border-radius:13px; box-shadow: var(--tlj-effect-shadow-sm); transition:all .2s ease; } .tlj5-tool:hover { transform:translateY(-3px); box-shadow: var(--tlj-effect-shadow-sm); } /* La cuarta herramienta ocupa toda la fila y aprovecha el ancho en horizontal. */ .tlj5-tool:nth-child(4) { grid-column:1 / -1; display:grid; grid-template-columns:minmax(250px,.9fr) minmax(0,1.5fr); column-gap:22px; row-gap:10px; align-items:start; } .tlj5-tool:nth-child(4) .tlj5-tool-header, .tlj5-tool:nth-child(4) .tlj5-description { grid-column:1; } .tlj5-tool:nth-child(4) .tlj5-features { grid-column:2; grid-row:1 / span 2; } .tlj5-tool:nth-child(4) .tlj5-note { grid-column:1 / -1; } /* CABECERA TARJETA */ .tlj5-tool-header { display:flex; align-items:center; gap:10px; margin-bottom:14px; } .tlj5-tool-number { width:40px; height:40px; min-width:40px; display:flex; align-items:center; justify-content:center; background:var(--tlj-color-accent); color:var(--tlj-color-text); border-radius:10px; font-size:13px; font-weight:900; } .tlj5-tool-header small { display:block; color:var(--tlj-color-text-muted-2); font-size:8px; font-weight:800; letter-spacing:1.3px; } .tlj5-tool-header h4 { margin:3px 0 0; color:var(--tlj-color-text); font-size:17px; line-height:1.2; } /* TEXTO */ .tlj5-description p { margin:0 0 10px; color:var(--tlj-color-text-secondary); font-size:12.5px; line-height:1.5; } .tlj5-text { margin:0 0 10px; color:var(--tlj-color-text-muted); font-size:12px; line-height:1.5; } /* FUNCIONES */ .tlj5-features { display:grid; gap:6px; margin-bottom:12px; } .tlj5-features div { display:flex; align-items:flex-start; gap:7px; padding:8px; background:var(--tlj-color-surface); border:1px solid var(--tlj-color-border-strong); border-radius:7px; color:var(--tlj-color-text-secondary); font-size:11px; line-height:1.4; } /* NOTA */ .tlj5-note { padding:9px 10px; margin-bottom:13px; background:var(--tlj-color-accent-soft); border-left:3px solid var(--tlj-color-accent); border-radius:7px; } .tlj5-note p { margin:0; color:var(--tlj-color-text-muted); font-size:11.5px; line-height:1.45; } /* SUBTÍTULOS */ .tlj5-subtitle { margin:14px 0 8px; color:var(--tlj-color-text); font-size:13px; font-weight:800; } /* LISTA */ .tlj5-simple-list { display:grid; gap:6px; margin-bottom:12px; } .tlj5-simple-list div { display:flex; align-items:center; gap:8px; padding:7px; background:var(--tlj-color-surface-2); border-radius:6px; color:var(--tlj-color-text-secondary); font-size:11px; } .tlj5-simple-list span { width:22px; height:22px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:var(--tlj-color-accent); border-radius:5px; color:var(--tlj-color-text); font-size:9px; font-weight:bold; } /* RIESGO */ .tlj5-risk-box { padding:10px; margin-bottom:12px; background:var(--tlj-color-surface); color:var(--tlj-color-text); border:1px solid var(--tlj-color-border); border-radius:8px; } .tlj5-risk-box strong { display:block; margin-bottom:7px; color:var(--tlj-color-text); font-size:11px; } .tlj5-risk-items { display:grid; gap:5px; } .tlj5-risk-items span { font-size:10.5px; } /* VENTAJAS */ .tlj5-advantages { display:grid; gap:5px; margin-bottom:13px; } .tlj5-advantages div { padding:6px 8px; background:var(--tlj-color-surface-2); border-radius:6px; color:var(--tlj-color-text-secondary); font-size:10.5px; line-height:1.4; } /* IMPORTANCIA */ .tlj5-important { padding:11px; background:var(--tlj-color-surface); border:1px solid var(--tlj-color-border-strong); border-left:3px solid var(--tlj-color-accent); border-radius:8px; } .tlj5-important strong { display:block; margin-bottom:5px; color:var(--tlj-color-text); font-size:12px; } .tlj5-important p { margin:4px 0; color:var(--tlj-color-text-muted); font-size:10.5px; line-height:1.45; } /* BLOQUE FINAL */ .tlj5-final { display:flex; gap:13px; margin-top:17px; padding:17px; background:var(--tlj-color-surface); color:var(--tlj-color-text); border:2px solid var(--tlj-color-accent); border-radius:12px; } .tlj5-final-icon { width:45px; height:45px; min-width:45px; display:flex; align-items:center; justify-content:center; background:var(--tlj-color-accent); color:var(--tlj-color-text); border-radius:10px; font-size:22px; } .tlj5-final small { display:block; color:var(--tlj-color-text-muted-2); font-size:9px; font-weight:800; letter-spacing:1.5px; } .tlj5-final h4 { margin:3px 0 5px; color:var(--tlj-color-text); font-size:17px; } .tlj5-final p { margin:0; color:var(--tlj-color-text-muted); font-size:11.5px; line-height:1.5; } /* BOTÓN CERRAR */ /* TABLET */ @media (min-width:601px) and (max-width:900px){ #miPopup5 { width:94% !important; } .tlj5-tools { grid-template-columns:1fr 1fr; } } /* MÓVIL */ @media (max-width:600px){ #miPopup5 { width:94vw !important; max-width:94vw !important; max-height:90vh !important; border-width:3px !important; border-radius:10px !important; }.tlj5-header-icon { width:39px; } .tlj5-scroll { height:calc(90vh - 65px); max-height:calc(90vh - 65px); padding:0 12px 18px; } .tlj5-intro { padding:17px 3px 10px; font-size:13px; } .tlj5-intro-main { padding:12px; gap:9px; } .tlj5-intro-icon { font-size:22px; } .tlj5-intro h4 { font-size:15px; } .tlj5-tools { grid-template-columns:1fr; gap:11px; } .tlj5-tool { padding:14px; } .tlj5-tool:nth-child(4) { display:block; grid-column:1; } .tlj5-tool-header h4 { font-size:16px; } .tlj5-final { padding:14px; } } /* ========================================================= POPUP VISUALIZA · GRÁFICOS ========================================================= */ #miPopup6 *,#miPopup6 *::before,#miPopup6 *::after{box-sizing:border-box}.tlj6-popup-header {display:flex;align-items:center;gap:14px;}.tlj6-header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--tlj-color-accent);border-radius:12px;font-size:24px}.tlj6-header-text{flex:1}.tlj6-header-text span {display:block;} .tlj6-popup-scroll{height:calc(80vh - 78px);max-height:calc(80vh - 78px);overflow-y:auto;overflow-x:hidden;padding:0 22px 25px;}.tlj6-intro{padding:22px 10px 14px;color:var(--tlj-color-text-secondary);font-size:15px;line-height:1.55}.tlj6-intro p{margin:8px 0}.tlj6-intro-main{display:flex;gap:14px;align-items:flex-start;padding:15px;background:var(--tlj-color-accent-soft);border-left:4px solid var(--tlj-color-accent);border-radius:10px}.tlj6-intro-icon{font-size:27px;flex-shrink:0}.tlj6-intro h4{margin:0 0 5px;color:var(--tlj-color-text);font-size:18px} .tlj6-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tlj6-section{padding:18px;background:var(--tlj-color-surface-2);border:1px solid var(--tlj-color-border);border-radius:12px;transition:.2s}.tlj6-section:hover{border-color:var(--tlj-color-accent);box-shadow: var(--tlj-effect-shadow-header-menu)}.tlj6-section-title{display:flex;gap:11px;align-items:center;margin-bottom:12px}.tlj6-section-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--tlj-color-accent-soft);border-radius:10px;font-size:21px}.tlj6-section-title small{display:block;color:var(--tlj-color-text-muted-2);font-size:9px;font-weight:800;letter-spacing:1.4px}.tlj6-section-title h4{margin:2px 0 0;color:var(--tlj-color-text);font-size:17px;line-height:1.25}.tlj6-section>p{margin:0 0 12px;color:var(--tlj-color-text-muted);font-size:14px;line-height:1.5} .tlj6-list{display:grid;gap:6px;margin-bottom:12px}.tlj6-list div{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:7px;font-size:12.5px;color:var(--tlj-color-text-secondary)}.tlj6-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.tlj6-metrics div{display:flex;align-items:center;gap:7px;padding:9px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:7px;font-size:11.5px}.tlj6-metrics span{font-size:16px}.tlj6-note{padding:10px 12px;background:var(--tlj-color-surface);border-left:3px solid var(--tlj-color-accent);border-radius:7px}.tlj6-note p{margin:0;color:var(--tlj-color-text-muted);font-size:12.5px;line-height:1.5} .tlj6-analysis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.tlj6-analysis>div{display:flex;flex-direction:column;gap:5px;padding:11px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:8px}.tlj6-analysis strong{color:var(--tlj-color-text);font-size:12px;margin-bottom:2px}.tlj6-analysis span{color:var(--tlj-color-text-muted);font-size:11px}.tlj6-bestworst{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.tlj6-best,.tlj6-worst{display:flex;align-items:center;gap:8px;padding:12px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:8px;font-size:12px}.tlj6-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tlj6-filters span{padding:8px 10px;background:var(--tlj-color-surface);border:1px solid var(--tlj-color-border);border-radius:7px;color:var(--tlj-color-text-secondary);font-size:11px} .tlj6-important{margin-top:16px;padding:18px;background:var(--tlj-color-surface-2);border-radius:12px;color:var(--tlj-color-text)}.tlj6-important-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}.tlj6-important-title>span{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--tlj-color-accent);border-radius:10px;font-size:21px}.tlj6-important-title small{display:block;color:var(--tlj-color-accent-text);font-size:9px;font-weight:bold;letter-spacing:1.5px}.tlj6-important-title h4{margin:2px 0 0;color:var(--tlj-color-text);font-size:18px}.tlj6-important-text{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tlj6-important-text p{margin:0;padding:11px;background:var(--tlj-color-surface-3);border-radius:7px;color:var(--tlj-color-text-secondary);font-size:12.5px;line-height:1.5} .tlj6-final{display:flex;gap:13px;margin-top:16px;padding:18px;background:var(--tlj-color-accent-soft);border:1px solid var(--tlj-color-border-strong);border-radius:12px}.tlj6-final-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--tlj-color-accent);border-radius:10px;font-size:23px}.tlj6-final small{display:block;color:var(--tlj-color-accent-text);font-size:9px;font-weight:800;letter-spacing:1.5px}.tlj6-final h4{margin:2px 0 5px;color:var(--tlj-color-text);font-size:18px}.tlj6-final p{margin:4px 0;color:var(--tlj-color-text-secondary);font-size:12.5px;line-height:1.5} @media (min-width:601px) and (max-width:850px){#miPopup6{width:94%!important}} @media (max-width:600px){#miPopup6{width:94vw!important;max-width:94vw!important;max-height:90vh!important;border-width:3px!important;border-radius:12px!important}.tlj6-header-icon{width:39px;height:39px;font-size:19px}.tlj6-popup-scroll{height:calc(90vh - 65px);max-height:calc(90vh - 65px);padding:0 12px 18px}.tlj6-intro{padding:17px 3px 10px;font-size:13px}.tlj6-intro-main{padding:12px;gap:9px}.tlj6-intro-icon{font-size:22px}.tlj6-intro h4{font-size:15px}.tlj6-sections{grid-template-columns:1fr;gap:10px}.tlj6-section{padding:14px}.tlj6-section-title h4{font-size:16px}.tlj6-section>p{font-size:13px}.tlj6-metrics,.tlj6-analysis,.tlj6-bestworst,.tlj6-important-text{grid-template-columns:1fr}.tlj6-final{padding:14px}} /* ========================================================= CORRECCIÓN DE TEXTOS SOBRE FONDOS CLAROS ========================================================= */ #miPopup .tlj-metrics strong, #miPopup .tlj-context-result, #miPopup .tlj-context-result strong, #miPopup6 .tlj6-metrics strong, #miPopup6 .tlj6-bestworst strong { color:var(--tlj-color-text); } /* ========================================================= LÍNEA SIEMPRE VISIBLE EN LA GRÁFICA SUPERIOR ========================================================= */ #tlj-intro .tlj-v2-chart-line { fill:none !important; stroke:var(--tlj-color-accent) !important; stroke-width:3.5 !important; stroke-linecap:round !important; stroke-linejoin:round !important; stroke-dasharray:none !important; stroke-dashoffset:0 !important; animation:none !important; filter:drop-shadow(0 0 5px rgba(var(--tlj-color-accent-rgb), .65)); } /* ========================================================= HOVERS GENERALES MÁS LENTOS Y SUAVES ========================================================= */ #tlj-intro .tlj-v2-button-main, #tlj-intro .tlj-v2-button-secondary, #tlj-intro .tlj-v2-readmore, #tlj-intro .tlj-v2-final-button { transition: transform .65s cubic-bezier(.22,1,.36,1), background-color .65s cubic-bezier(.22,1,.36,1), color .65s cubic-bezier(.22,1,.36,1), border-color .65s cubic-bezier(.22,1,.36,1), box-shadow .65s cubic-bezier(.22,1,.36,1) !important; } #tlj-intro .tlj-v2-button-main:hover, #tlj-intro .tlj-v2-button-secondary:hover, #tlj-intro .tlj-v2-final-button:hover { transform:translateY(-1px) !important; } #tlj-intro .tlj-v2-readmore:hover { transform:translateY(-1px) !important; } #tlj-intro .tlj-v2-dashboard, #tlj-intro .tlj-v2-feature, #tlj-intro .tlj-v2-pillar, #tlj-intro .tlj-section, #tlj-intro .tlj2-feature, #tlj-intro .tlj3-feature, #tlj-intro .tlj5-tool, #tlj-intro .tlj6-section { transition: transform .85s cubic-bezier(.22,1,.36,1), background-color .85s cubic-bezier(.22,1,.36,1), border-color .85s cubic-bezier(.22,1,.36,1), box-shadow .85s cubic-bezier(.22,1,.36,1) !important; } #tlj-intro .tlj-v2-feature:hover { transform:translateY(-4px) !important; box-shadow: var(--tlj-effect-shadow-md) !important; } #tlj-intro .tlj5-tool:hover { transform:translateY(-2px) !important; } /* ========================================================= BOTÓN CERRAR INFERIOR — HOVER ORIGINAL ========================================================= */ #miPopup #cerrarPopupBottom, #miPopup2 #cerrarPopup2Bottom, #miPopup3 #cerrarPopup3Bottom, #miPopup4 #cerrarPopup4Bottom, #miPopup5 #cerrarPopup5Bottom, #miPopup6 #cerrarPopup6Bottom { background:var(--tlj-color-accent) !important; color:var(--tlj-color-on-accent) !important; border:none !important; box-shadow: var(--tlj-effect-shadow-header-menu) !important; transform:translateY(0); transition: transform .6s cubic-bezier(.22,1,.36,1), background-color .6s cubic-bezier(.22,1,.36,1), color .6s cubic-bezier(.22,1,.36,1), box-shadow .6s cubic-bezier(.22,1,.36,1) !important; } #miPopup #cerrarPopupBottom:hover, #miPopup2 #cerrarPopup2Bottom:hover, #miPopup3 #cerrarPopup3Bottom:hover, #miPopup4 #cerrarPopup4Bottom:hover, #miPopup5 #cerrarPopup5Bottom:hover, #miPopup6 #cerrarPopup6Bottom:hover { background:var(--tlj-color-accent-strong) !important; color:var(--tlj-color-text) !important; transform:translateY(-2px) !important; box-shadow: var(--tlj-effect-shadow-header-menu) !important; } #miPopup5 #cerrarPopup5Bottom:hover { box-shadow: var(--tlj-effect-shadow-sm) !important; } /* ========================================================= CÓMO FUNCIONA ========================================================= */ #tlj-intro .tlj-v2-how { position:relative; max-width:1150px; margin:0 auto; padding:0 30px 28px; } #tlj-intro .tlj-v2-how::before { content:""; position:absolute; top:-42px; left:30px; right:30px; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--tlj-color-accent-rgb), .22),transparent); } #tlj-intro .tlj-v2-how-heading { max-width:780px; margin:0 auto 46px; text-align:center; } #tlj-intro .tlj-v2-how-heading h2 { margin:24px 0 19px; font-size:clamp(35px,5vw,60px); line-height:.96; letter-spacing:-2.5px; } #tlj-intro .tlj-v2-how-heading h2 span, #tlj-intro .tlj-v2-how-heading h2 strong { display:block; } #tlj-intro .tlj-v2-how-heading h2 span { color:var(--tlj-color-text); font-weight:300; } #tlj-intro .tlj-v2-how-heading h2 strong { color:var(--tlj-color-accent-text); font-weight:900; } #tlj-intro .tlj-v2-how-heading p { margin:0 auto; color:var(--tlj-color-text-muted-2); font-size:14px; line-height:1.85; } #tlj-intro .tlj-v2-how-grid { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; } #tlj-intro .tlj-v2-how-grid::before { content:""; position:absolute; top:41px; left:8%; right:8%; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--tlj-color-accent-rgb), .35),transparent); pointer-events:none; } #tlj-intro .tlj-v2-how-step { position:relative; z-index:1; min-height:286px; padding:24px 21px 22px; overflow:hidden; border:1px solid var(--tlj-color-border); border-radius:11px; background:linear-gradient(145deg,var(--tlj-color-surface),var(--tlj-color-surface-2)); } #tlj-intro .tlj-v2-how-number { position:absolute; top:18px; right:19px; color:rgba(var(--tlj-color-accent-rgb), .48); font-size:12px; font-weight:900; letter-spacing:1.5px; } #tlj-intro .tlj-v2-how-icon { width:64px; height:64px; margin-bottom:23px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(var(--tlj-color-accent-rgb), .2); border-radius:15px; background:var(--tlj-color-surface); box-shadow:0 0 28px rgba(var(--tlj-color-accent-rgb), .035); } #tlj-intro .tlj-v2-how-icon svg { width:43px; height:43px; fill:none; stroke:var(--tlj-color-accent-text); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } #tlj-intro .tlj-v2-how-step small { display:block; color:var(--tlj-color-text-muted-2); font-size:8px; font-weight:900; letter-spacing:1.4px; } #tlj-intro .tlj-v2-how-step h3 { margin:7px 0 10px; color:var(--tlj-color-text); font-size:20px; font-weight:800; } #tlj-intro .tlj-v2-how-step p { margin:0; color:var(--tlj-color-text-muted-2); font-size:12.5px; line-height:1.7; } #tlj-intro .tlj-v2-how-cta { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:22px; margin-top:20px; padding:24px 26px; border:1px solid rgba(var(--tlj-color-accent-rgb), .2); border-radius:12px; background:linear-gradient(110deg,rgba(var(--tlj-color-accent-rgb), .075),var(--tlj-color-surface-2)); box-shadow: var(--tlj-effect-shadow-md); } #tlj-intro .tlj-v2-how-cta-icon { width:58px; height:58px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(var(--tlj-color-accent-rgb), .3); border-radius:50%; background:rgba(var(--tlj-color-accent-rgb), .055); } #tlj-intro .tlj-v2-how-cta-icon svg { width:34px; height:34px; fill:none; stroke:var(--tlj-color-accent-text); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } #tlj-intro .tlj-v2-how-cta-text small { display:block; color:var(--tlj-color-accent-text); font-weight:900; letter-spacing:1.8px; } #tlj-intro .tlj-v2-how-cta-text h3 { margin:5px 0 5px; color:var(--tlj-color-text); font-size:19px; } #tlj-intro .tlj-v2-how-cta-text p { max-width:610px; margin:0; color:var(--tlj-color-text-muted-2); font-size:12px; line-height:1.6; } #tlj-intro .tlj-v2-tutorial-button { min-height:49px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--tlj-color-accent); border-radius:5px; background:var(--tlj-color-accent); color:var(--tlj-color-on-accent); font-family:inherit; font-weight:900; letter-spacing:1.6px; text-decoration:none; white-space:nowrap; } #tlj-intro .tlj-v2-tutorial-button b { margin-left:10px; font-size:14px; } #tlj-intro .tlj-v2-tutorial-button:hover { transform:translateY(-1px); background:rgb(var(--tlj-color-contrast-rgb)); border-color:rgb(var(--tlj-color-contrast-rgb)); color:var(--tlj-color-on-accent); box-shadow:0 10px 30px rgba(var(--tlj-color-accent-rgb), .16); } /* ========================================================= SUAVIZADO FINAL Y HALO DEL BOTÓN DESCUBRIR ========================================================= */ #tlj-intro .tlj-v2-how-step { transition: transform 1.05s cubic-bezier(.22,1,.36,1), border-color 1.05s cubic-bezier(.22,1,.36,1), box-shadow 1.05s cubic-bezier(.22,1,.36,1) !important; } #tlj-intro .tlj-v2-how-step:hover { transform:translateY(-2px) !important; border-color:rgba(var(--tlj-color-accent-rgb), .24) !important; box-shadow: var(--tlj-effect-shadow-popover) !important; } #tlj-intro .tlj-v2-how-icon, #tlj-intro .tlj-v2-how-cta-icon { transition: transform 1.05s cubic-bezier(.22,1,.36,1), background-color 1.05s cubic-bezier(.22,1,.36,1), border-color 1.05s cubic-bezier(.22,1,.36,1), box-shadow 1.05s cubic-bezier(.22,1,.36,1) !important; } #tlj-intro .tlj-v2-how-step:hover .tlj-v2-how-icon { background-color:rgba(var(--tlj-color-accent-rgb), .045); border-color:rgba(var(--tlj-color-accent-rgb), .3); box-shadow:0 0 24px rgba(var(--tlj-color-accent-rgb), .07); } #tlj-intro .tlj-v2-tutorial-button { transition: transform .95s cubic-bezier(.22,1,.36,1), background-color .95s cubic-bezier(.22,1,.36,1), color .95s cubic-bezier(.22,1,.36,1), border-color .95s cubic-bezier(.22,1,.36,1), box-shadow .95s cubic-bezier(.22,1,.36,1) !important; } #tlj-intro .tlj-v2-button-secondary:hover { box-shadow: 0 0 0 1px rgba(var(--tlj-color-contrast-rgb), .14), 0 0 24px rgba(var(--tlj-color-contrast-rgb), .16), 0 12px 35px rgba(var(--tlj-color-contrast-rgb), .1) !important; } @media (max-width:1000px){ #tlj-intro .tlj-v2-how-grid { grid-template-columns:repeat(2,1fr); } #tlj-intro .tlj-v2-how-grid::before { display:none; } } @media (max-width:700px){ #tlj-intro .tlj-v2-how { padding:15px 20px 24px; } #tlj-intro .tlj-v2-how::before { left:20px; right:20px; } #tlj-intro .tlj-v2-how-heading { margin-bottom:32px; } #tlj-intro .tlj-v2-how-heading h2 { font-size:38px; } #tlj-intro .tlj-v2-how-heading p { font-size:13px; } #tlj-intro .tlj-v2-how-grid { grid-template-columns:1fr; gap:10px; } #tlj-intro .tlj-v2-how-step { min-height:0; padding:20px; } #tlj-intro .tlj-v2-how-cta { grid-template-columns:1fr; justify-items:center; gap:14px; padding:22px 18px; text-align:center; } #tlj-intro .tlj-v2-tutorial-button { width:100%; max-width:330px; } } /* ========================================================= REDISEÑO OSCURO DE LOS SEIS POPUPS Solo modifica la presentación; el contenido se conserva. ========================================================= */ #tlj-intro :is(#miPopup,#miPopup2,#miPopup3,#miPopup4,#miPopup5,#miPopup6) { --tljp-accent:var(--tlj-color-accent); --tljp-bg:var(--tlj-color-surface); --tljp-surface:var(--tlj-color-surface-2); --tljp-surface-2:var(--tlj-color-surface-3); --tljp-border:var(--tlj-color-border); --tljp-border-accent:var(--tlj-color-border-strong); --tljp-heading:var(--tlj-color-text); --tljp-text:var(--tlj-color-text-secondary); --tljp-muted:var(--tlj-color-text-muted); background: radial-gradient(circle at 88% 0%,rgba(var(--tlj-color-accent-rgb), .075),transparent 27%), var(--tljp-bg) !important; color:var(--tljp-text) !important; border:1px solid var(--tlj-color-border-strong) !important; border-radius:18px !important; box-shadow: var(--tlj-effect-shadow-loading), 0 0 0 1px rgba(var(--tlj-color-contrast-rgb), .025), 0 0 55px rgba(var(--tlj-color-accent-rgb), .075) !important; } /* SCROLL Y TIPOGRAFÍA */ #tlj-intro :is( #miPopup .tlj-popup-scroll, #miPopup2 .tlj2-scroll, #miPopup3 .tlj3-scroll, #miPopup4 .tlj3-scroll, #miPopup5 .tlj5-scroll, #miPopup6 .tlj6-popup-scroll ) { background: linear-gradient(rgba(var(--tlj-color-contrast-rgb), .012) 1px,transparent 1px), linear-gradient(90deg,rgba(var(--tlj-color-contrast-rgb), .012) 1px,transparent 1px), transparent; background-size:48px 48px; } #tlj-intro :is(#miPopup,#miPopup2,#miPopup3,#miPopup4,#miPopup5,#miPopup6) :is(h3,h4) { color:var(--tljp-heading) !important; } #tlj-intro :is(#miPopup,#miPopup2,#miPopup3,#miPopup4,#miPopup5,#miPopup6) p { color:var(--tljp-text) !important; } #tlj-intro :is(#miPopup,#miPopup2,#miPopup3,#miPopup4,#miPopup5,#miPopup6) strong { color:var(--tljp-heading) !important; } #tlj-intro :is(#miPopup,#miPopup2,#miPopup3,#miPopup4,#miPopup5,#miPopup6) small { color:var(--tljp-muted) !important; } /* INTRODUCCIONES */ #tlj-intro :is( #miPopup .tlj-intro, #miPopup2 .tlj2-intro, #miPopup3 .tlj3-intro, #miPopup4 .tlj3-intro, #miPopup5 .tlj5-intro, #miPopup6 .tlj6-intro ) { color:var(--tljp-text) !important; } #tlj-intro :is( #miPopup .tlj-intro-main, #miPopup2 .tlj2-intro-main, #miPopup3 .tlj3-intro-main, #miPopup4 .tlj3-intro-main, #miPopup5 .tlj5-intro-main, #miPopup6 .tlj6-intro-main ) { background:linear-gradient(110deg,rgba(var(--tlj-color-accent-rgb), .075),rgba(var(--tlj-color-contrast-rgb), .018)) !important; border:1px solid rgba(var(--tlj-color-accent-rgb), .16) !important; border-left:3px solid var(--tljp-accent) !important; box-shadow: var(--tlj-effect-shadow-sm) !important; } /* TARJETAS PRINCIPALES */ #tlj-intro :is( #miPopup .tlj-section, #miPopup2 .tlj2-feature, #miPopup3 .tlj3-feature, #miPopup4 .tlj3-feature, #miPopup5 .tlj5-tool, #miPopup6 .tlj6-section ) { background:linear-gradient(145deg,rgba(var(--tlj-color-contrast-rgb), .035),rgba(var(--tlj-color-contrast-rgb), .012)) !important; border:1px solid var(--tljp-border) !important; border-radius:13px !important; box-shadow: var(--tlj-effect-shadow-popover) !important; } #tlj-intro :is( #miPopup .tlj-section:hover, #miPopup2 .tlj2-feature:hover, #miPopup3 .tlj3-feature:hover, #miPopup4 .tlj3-feature:hover, #miPopup5 .tlj5-tool:hover, #miPopup6 .tlj6-section:hover ) { transform:translateY(-2px) !important; border-color:var(--tljp-border-accent) !important; box-shadow: var(--tlj-effect-shadow-md) !important; } #tlj-intro :is( #miPopup .tlj-section-icon, #miPopup2 .tlj2-feature-icon, #miPopup3 .tlj3-feature-icon, #miPopup4 .tlj3-feature-icon, #miPopup6 .tlj6-section-icon ) { background:rgba(var(--tlj-color-accent-rgb), .085) !important; border:1px solid rgba(var(--tlj-color-accent-rgb), .18); box-shadow:inset 0 0 15px rgba(var(--tlj-color-accent-rgb), .03); } #tlj-intro :is( #miPopup .tlj-section-title small, #miPopup2 .tlj2-feature-title small, #miPopup3 .tlj3-feature-title small, #miPopup4 .tlj3-feature-title small, #miPopup5 .tlj5-tool-header small, #miPopup6 .tlj6-section-title small ) { color:var(--tljp-accent) !important; opacity:.62; } #tlj-intro #miPopup5 .tlj5-tool-number { background:rgba(var(--tlj-color-accent-rgb), .1) !important; color:var(--tljp-accent) !important; border:1px solid rgba(var(--tlj-color-accent-rgb), .3); } #tlj-intro #miPopup5 :is(.tlj5-subtitle,.tlj5-text) { color:var(--tljp-heading) !important; } /* SUPERFICIES SECUNDARIAS */ #tlj-intro :is( #miPopup .tlj-list div, #miPopup .tlj-metrics div, #miPopup .tlj-note, #miPopup .tlj-highlight, #miPopup .tlj-context > div, #miPopup .tlj-context-result, #miPopup .tlj-exits span, #miPopup2 .tlj2-calendar-grid div, #miPopup2 .tlj2-mini-info, #miPopup2 .tlj2-result-legend div, #miPopup2 .tlj2-chart-grid div, #miPopup2 .tlj2-stat-grid div, #miPopup2 .tlj2-color-info, #miPopup2 .tlj2-search-results div, #miPopup3 .tlj3-grid-3 div, #miPopup3 .tlj3-grid-2 div, #miPopup3 .tlj3-info-box, #miPopup3 .tlj3-filter-grid div, #miPopup4 .tlj3-grid-3 div, #miPopup4 .tlj3-grid-2 div, #miPopup4 .tlj3-info-box, #miPopup4 .tlj3-filter-grid div, #miPopup5 .tlj5-features div, #miPopup5 .tlj5-note, #miPopup5 .tlj5-simple-list div, #miPopup5 .tlj5-risk-box, #miPopup5 .tlj5-advantages div, #miPopup6 .tlj6-list div, #miPopup6 .tlj6-metrics div, #miPopup6 .tlj6-note, #miPopup6 .tlj6-analysis > div, #miPopup6 .tlj6-best, #miPopup6 .tlj6-worst, #miPopup6 .tlj6-filters span ) { background:var(--tljp-surface) !important; color:var(--tljp-text) !important; border:1px solid var(--tljp-border) !important; box-shadow:none !important; } #tlj-intro :is( #miPopup .tlj-note, #miPopup2 .tlj2-mini-info, #miPopup2 .tlj2-chart-grid div, #miPopup3 .tlj3-info-box, #miPopup4 .tlj3-info-box, #miPopup5 .tlj5-note, #miPopup6 .tlj6-note ) { border-left:2px solid var(--tljp-accent) !important; } #tlj-intro #miPopup2 .tlj2-periods span { background:rgba(var(--tlj-color-accent-rgb), .075) !important; color:var(--tljp-accent) !important; border:1px solid rgba(var(--tlj-color-accent-rgb), .2); } #tlj-intro :is(#miPopup3,#miPopup4) .tlj3-main-title, #tlj-intro #miPopup2 .tlj2-highlight { background:linear-gradient(110deg,var(--tljp-surface-2),var(--tljp-surface)) !important; border:1px solid rgba(var(--tlj-color-accent-rgb), .16); color:var(--tljp-heading) !important; } /* BLOQUES DESTACADOS Y RESÚMENES */ #tlj-intro :is( #miPopup .tlj-important, #miPopup2 .tlj2-sync, #miPopup3 .tlj3-important, #miPopup4 .tlj3-important, #miPopup5 .tlj5-important, #miPopup6 .tlj6-important ) { background:linear-gradient(125deg,var(--tljp-surface-2),var(--tljp-surface)) !important; border:1px solid rgba(var(--tlj-color-accent-rgb), .19) !important; border-radius:12px !important; box-shadow: var(--tlj-effect-shadow-popover); } #tlj-intro :is( #miPopup .tlj-important-text p, #miPopup3 .tlj3-benefits div, #miPopup4 .tlj3-benefits div, #miPopup6 .tlj6-important-text p ) { background:var(--tljp-surface) !important; color:var(--tljp-text) !important; border:1px solid var(--tljp-border); } #tlj-intro :is( #miPopup .tlj-final, #miPopup2 .tlj2-summary, #miPopup3 .tlj3-summary, #miPopup4 .tlj3-summary, #miPopup5 .tlj5-final, #miPopup6 .tlj6-final ) { background:linear-gradient(115deg,rgba(var(--tlj-color-accent-rgb), .09),rgba(var(--tlj-color-contrast-rgb), .018)) !important; color:var(--tljp-text) !important; border:1px solid rgba(var(--tlj-color-accent-rgb), .22) !important; border-radius:13px !important; box-shadow: var(--tlj-effect-shadow-md) !important; } #tlj-intro :is( #miPopup .tlj-final-icon, #miPopup2 .tlj2-summary-icon, #miPopup3 .tlj3-summary-icon, #miPopup4 .tlj3-summary-icon, #miPopup5 .tlj5-final-icon, #miPopup6 .tlj6-final-icon, #miPopup2 .tlj2-sync-icon, #miPopup3 .tlj3-important-icon, #miPopup4 .tlj3-important-icon ) { background:rgba(var(--tlj-color-accent-rgb), .11) !important; color:var(--tljp-accent) !important; border:1px solid rgba(var(--tlj-color-accent-rgb), .28); } #tlj-intro :is( #miPopup .tlj-final small, #miPopup2 .tlj2-summary small, #miPopup3 .tlj3-summary small, #miPopup4 .tlj3-summary small, #miPopup5 .tlj5-final small, #miPopup6 .tlj6-final small, #miPopup .tlj-important-title small, #miPopup3 .tlj3-main-title small, #miPopup4 .tlj3-main-title small, #miPopup3 .tlj3-important-title small, #miPopup4 .tlj3-important-title small, #miPopup6 .tlj6-important-title small ) { color:var(--tljp-accent) !important; opacity:.72; } #tlj-intro :is( #miPopup #cerrarPopupBottom, #miPopup2 #cerrarPopup2Bottom, #miPopup3 #cerrarPopup3Bottom, #miPopup4 #cerrarPopup4Bottom, #miPopup5 #cerrarPopup5Bottom, #miPopup6 #cerrarPopup6Bottom ) { padding:10px 25px !important; border:1px solid var(--tljp-accent) !important; border-radius:50px !important; background:var(--tljp-accent) !important; color:var(--tlj-color-on-accent) !important; box-shadow:0 8px 22px rgba(var(--tlj-color-accent-rgb), .1) !important; } #tlj-intro :is( #miPopup #cerrarPopupBottom:hover, #miPopup2 #cerrarPopup2Bottom:hover, #miPopup3 #cerrarPopup3Bottom:hover, #miPopup4 #cerrarPopup4Bottom:hover, #miPopup5 #cerrarPopup5Bottom:hover, #miPopup6 #cerrarPopup6Bottom:hover ) { background:var(--tlj-color-accent-strong) !important; color:var(--tlj-color-on-accent) !important; border-color:var(--tlj-color-accent-strong) !important; box-shadow:0 8px 22px rgba(var(--tlj-color-accent-rgb), .13) !important; } /* ========================================================= AJUSTES FINALES DE MOVIMIENTO Y POSICIÓN ========================================================= */ /* El contenedor mantiene el ancho completo sin crear un bloque de referencia que desplace los elementos position:fixed. */ #tlj-intro { left:auto !important; transform:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; } /* Punto superior con un pulso continuo y suave. */ #tlj-intro .tlj-v2-pulse { animation:tljpulse 2.4s ease-in-out infinite !important; transform-origin:center; } /* La línea de marca queda ligeramente más baja. */ /* Los seis popups y sus fondos quedan referidos al viewport. */ #fondoPopup, #fondoPopup2, #fondoPopup3, #fondoPopup4, #fondoPopup5, #fondoPopup6 { position:fixed !important; inset:0 !important; } #tlj-intro :is(#miPopup,#miPopup2,#miPopup3,#miPopup4,#miPopup5,#miPopup6) { position:fixed !important; top:50dvh !important; left:50vw !important; right:auto !important; bottom:auto !important; margin:0 !important; } /* Un único hover continuo para todas las tarjetas, sin saltos verticales que puedan activar y desactivar el cursor. */ #tlj-intro .tlj-v2-how-step:hover .tlj-v2-how-icon { transform:none !important; } /* Etiqueta del bloque de tutoriales con mayor presencia. */ /* ========================================================= AJUSTES DE TARJETAS, SEPARADOR Y TUTORIALES ========================================================= */ /* Las seis tarjetas principales comparten exactamente el mismo borde. */ /* Ampliación mínima en una sola transición, sin desplazamiento vertical. */ /* Un único separador bajo el botón, con 54 px a ambos lados. */ #tlj-intro .tlj-v2-how::before { display:none !important; } #tlj-intro .tlj-v2-final { padding-bottom:54px !important; } #tlj-intro .tlj-v2-final .tlj-v2-final-line:last-child { margin-top:54px !important; transform:none !important; } /* Textos del acceso a tutoriales ligeramente mayores. */ #tlj-intro .tlj-v2-how-cta-text small { font-size:11.5px !important; } #tlj-intro .tlj-v2-tutorial-button { font-size:11px !important; } @media (max-width:700px){ #tlj-intro .tlj-v2-final { padding-bottom:46px !important; } #tlj-intro .tlj-v2-final .tlj-v2-final-line:last-child { margin-top:46px !important; } #tlj-intro .tlj-v2-how { padding-top:0 !important; } } /* ========================================================= APERTURA SUAVE, TEXTO ESTABLE Y SEPARADORES UNIFICADOS ========================================================= */ /* La transición se declara al final para que ningún estilo anterior pueda provocar una aparición instantánea. */ #tlj-intro :is(#miPopup,#miPopup2,#miPopup3,#miPopup4,#miPopup5,#miPopup6) { transition: opacity .54s ease, transform .54s cubic-bezier(.22,1,.36,1) !important; will-change:opacity,transform; } #fondoPopup, #fondoPopup2, #fondoPopup3, #fondoPopup4, #fondoPopup5, #fondoPopup6 { transition:opacity .5s ease !important; will-change:opacity; } /* La tarjeta no se escala: el efecto de ampliación se crea con el halo exterior para que las letras permanezcan totalmente inmóviles. */ #tlj-intro :is( .tlj-v2-feature, .tlj-v2-pillar, .tlj-v2-how-step, #miPopup .tlj-section, #miPopup2 .tlj2-feature, #miPopup3 .tlj3-feature, #miPopup4 .tlj3-feature, #miPopup5 .tlj5-tool, #miPopup6 .tlj6-section ) { transform:none !important; transition: border-color .78s cubic-bezier(.22,1,.36,1), box-shadow .78s cubic-bezier(.22,1,.36,1), background-color .78s cubic-bezier(.22,1,.36,1) !important; } #tlj-intro :is( .tlj-v2-feature:hover, .tlj-v2-pillar:hover, .tlj-v2-how-step:hover, #miPopup .tlj-section:hover, #miPopup2 .tlj2-feature:hover, #miPopup3 .tlj3-feature:hover, #miPopup4 .tlj3-feature:hover, #miPopup5 .tlj5-tool:hover, #miPopup6 .tlj6-section:hover ) { transform:none !important; border-color:rgba(var(--tlj-color-accent-rgb), .32) !important; box-shadow: 0 0 0 3px rgba(var(--tlj-color-accent-rgb), .045), 0 17px 42px rgba(var(--tlj-color-shadow-rgb), .2), 0 0 30px rgba(var(--tlj-color-accent-rgb), .045) !important; } /* Las dos líneas comparten el mismo degradado turquesa y se desvanecen progresivamente en ambos extremos. */ #tlj-intro .tlj-v2-philosophy::before, #tlj-intro .tlj-v2-final-line { height:1px !important; background:linear-gradient( 90deg, transparent 0%, rgba(var(--tlj-color-accent-rgb), .08) 15%, rgba(var(--tlj-color-accent-rgb), .38) 50%, rgba(var(--tlj-color-accent-rgb), .08) 85%, transparent 100% ) !important; box-shadow:0 0 12px rgba(var(--tlj-color-accent-rgb), .06); } /* ========================================================= LIMPIEZA VISUAL Y AJUSTE DE ESPACIADOS ========================================================= */ /* Se elimina la línea decorativa situada bajo el encabezado "De tu plan a una mejora medible". */ #tlj-intro .tlj-v2-how-grid::before { display:none !important; } /* Línea superior más ancha, degradada y con distancias iguales respecto al título y a la etiqueta inferior. */ #tlj-intro .tlj-v2-brand-line { width:170px !important; height:3px !important; margin:27px auto 27px !important; background:linear-gradient( 90deg, transparent 0%, rgba(var(--tlj-color-accent-rgb), .32) 18%, var(--tlj-color-accent) 50%, rgba(var(--tlj-color-accent-rgb), .32) 82%, transparent 100% ) !important; box-shadow:0 0 18px rgba(var(--tlj-color-accent-rgb), .22) !important; } /* Menor espacio antes del bloque "Tu trading / Tus datos / Tu evolución" para desplazar también los bloques posteriores. */ #tlj-intro .tlj-v2-pillars { padding-bottom:50px !important; } #tlj-intro .tlj-v2-final-icon { margin-top:20px !important; } /* Al retirar las tarjetas flotantes, se recupera el espacio que ocupaban bajo el panel superior. */ @media (min-width:1001px){ #tlj-intro .tlj-v2-hero { min-height:760px !important; } } @media (min-width:701px) and (max-width:1000px){ #tlj-intro .tlj-v2-hero { min-height:850px !important; } } @media (max-width:700px){ #tlj-intro .tlj-v2-brand-line { width:125px !important; margin-top:22px !important; margin-bottom:22px !important; } #tlj-intro .tlj-v2-pillars { padding-bottom:42px !important; } #tlj-intro .tlj-v2-final-icon { margin-top:18px !important; } } /* ========================================================= ZOOM VISUAL SIN ESCALAR LOS TEXTOS DE LAS SEIS TARJETAS ========================================================= */ #tlj-intro .tlj-v2-features-grid > .tlj-v2-feature { position:relative; isolation:isolate; overflow:visible !important; background:transparent !important; border-color:transparent !important; box-shadow:none !important; transform:none !important; } #tlj-intro .tlj-v2-features-grid > .tlj-v2-feature > * { position:relative; z-index:1; } #tlj-intro .tlj-v2-features-grid > .tlj-v2-feature::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; border:1px solid rgba(var(--tlj-color-accent-rgb), .14); border-radius:12px; background:linear-gradient(145deg,rgba(var(--tlj-color-surface-2-rgb), .98),rgba(var(--tlj-color-field-rgb), .98)); box-shadow:0 0 0 rgba(var(--tlj-color-shadow-rgb), .0); filter:drop-shadow(0 0 0 rgba(var(--tlj-color-accent-rgb), 0)); transform:scale(1); transform-origin:center; transition: transform .78s cubic-bezier(.22,1,.36,1), border-color .78s cubic-bezier(.22,1,.36,1), box-shadow .78s cubic-bezier(.22,1,.36,1), filter .78s cubic-bezier(.22,1,.36,1); } #tlj-intro .tlj-v2-features-grid > .tlj-v2-feature:hover { z-index:2; transform:none !important; border-color:transparent !important; box-shadow:none !important; } #tlj-intro .tlj-v2-features-grid > .tlj-v2-feature:hover::before { transform:scale(1.018); border-color:transparent; box-shadow: var(--tlj-effect-shadow-md); filter:drop-shadow(0 0 9px rgba(var(--tlj-color-accent-rgb), .38)); } /* Icono de lista utilizado en la cabecera de Registra. */ #tlj-intro #miPopup3 .tlj-register-list-icon { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; } @media (max-width:700px){ #tlj-intro .tlj-v2-features-grid > .tlj-v2-feature:hover::before { transform:scale(1.012); } #tlj-intro #miPopup3 .tlj-register-list-icon { width:25px; height:25px; } } /* Etiquetas principales de introducción y funcionamiento con mayor presencia. */ #tlj-intro .tlj-v2-intro > .tlj-v2-section-label, #tlj-intro .tlj-v2-how-heading > .tlj-v2-section-label { font-size: 16px !important; letter-spacing: 3.2px; } @media (max-width:700px){ #tlj-intro .tlj-v2-intro > .tlj-v2-section-label, #tlj-intro .tlj-v2-how-heading > .tlj-v2-section-label { font-size: 13px !important; letter-spacing: 2.4px; } } /* ========================================================= SUGERENCIAS: MEJORA CONTINUA ========================================================= */ #tlj-intro .tlj-v2-feedback { position: relative; display: grid; grid-template-columns: 74px minmax(0, 1fr) auto; gap: 26px; align-items: center; width: min(1120px, calc(100% - 48px)); margin: 5px auto 80px; padding: 34px 38px; overflow: hidden; border: 1px solid rgba(var(--tlj-color-accent-rgb), .22); border-radius: 16px; background: linear-gradient(135deg, rgba(var(--tlj-color-accent-rgb), .07), var(--tlj-color-surface-2)); box-shadow: var(--tlj-effect-shadow-lg); } #tlj-intro .tlj-v2-feedback::before, #tlj-intro .tlj-v2-feedback::after { position: absolute; left: 10%; right: 10%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(var(--tlj-color-accent-rgb), .72), transparent); } #tlj-intro .tlj-v2-feedback::before { top: 0; } #tlj-intro .tlj-v2-feedback::after { bottom: 0; } #tlj-intro .tlj-v2-feedback-mark { display: grid; width: 68px; height: 68px; place-items: center; border: 1px solid rgba(var(--tlj-color-accent-rgb), .48); border-radius: 14px; background: rgba(var(--tlj-color-accent-rgb), .09); color: var(--tlj-color-accent-text); } #tlj-intro .tlj-v2-feedback-mark svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.4; } #tlj-intro .tlj-v2-feedback-copy .tlj-v2-section-label { margin-bottom: 5px; } #tlj-intro .tlj-v2-feedback-copy h2 { margin: 0; font-size: clamp(22px, 2.4vw, 34px); line-height: 1.06; } #tlj-intro .tlj-v2-feedback-copy h2 span, #tlj-intro .tlj-v2-feedback-copy h2 strong { display: block; } #tlj-intro .tlj-v2-feedback-copy h2 span { color: var(--tlj-color-text); font-weight: 500; } #tlj-intro .tlj-v2-feedback-copy h2 strong { color: var(--tlj-color-accent-text); font-weight: 900; } #tlj-intro .tlj-v2-feedback-copy p { max-width: 700px; margin: 13px 0 0; color: rgba(var(--tlj-color-text-rgb), .72); font-size: 14px; line-height: 1.65; } #tlj-intro .tlj-v2-feedback-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px; border: 1px solid var(--tlj-color-accent); border-radius: 8px; background: var(--tlj-color-accent); color: var(--tlj-color-on-accent); font-size: 11px; font-weight: 900; letter-spacing: .9px; text-decoration: none; white-space: nowrap; transition: background-color .45s ease, border-color .45s ease, color .45s ease, box-shadow .45s ease; } #tlj-intro .tlj-v2-feedback-button b { font-size: 18px; line-height: 1; } #tlj-intro .tlj-v2-feedback-button:hover, #tlj-intro .tlj-v2-feedback-button:focus-visible { border-color: rgb(var(--tlj-color-contrast-rgb)); background: rgb(var(--tlj-color-contrast-rgb)); color: var(--tlj-color-on-accent); box-shadow: 0 10px 28px rgba(var(--tlj-color-accent-rgb), .16); outline: none; } @media (max-width: 760px){ #tlj-intro .tlj-v2-feedback { grid-template-columns: 1fr; gap: 20px; width: calc(100% - 28px); margin: 8px auto 55px !important; padding: 27px 22px; text-align: center; } #tlj-intro .tlj-v2-feedback-mark { width: 58px; height: 58px; margin: 0 auto; } #tlj-intro .tlj-v2-feedback-copy .tlj-v2-section-label { justify-content: center; } #tlj-intro .tlj-v2-feedback-copy p { font-size: 13px; } #tlj-intro .tlj-v2-feedback-button { width: 100%; } } /* Evita que los botones queden con el estado de foco visual tras un clic. */ #tlj-intro button:not(.tlj-modal-action), #tlj-intro a { -webkit-tap-highlight-color: transparent; } #tlj-intro button:not(.tlj-modal-action):focus:not(:focus-visible), #tlj-intro a:focus:not(:focus-visible) { outline: none !important; } #tlj-intro .tlj-v2-button-main:focus:not(:focus-visible), #tlj-intro .tlj-v2-button-main:active { background: var(--tlj-color-accent) !important; border-color: var(--tlj-color-accent) !important; color: var(--tlj-color-on-accent) !important; } #tlj-intro .tlj-v2-button-secondary:focus:not(:focus-visible), #tlj-intro .tlj-v2-button-secondary:active { background: var(--tlj-color-surface-2) !important; border-color: var(--tlj-color-accent) !important; color: var(--tlj-color-text-soft) !important; } #tlj-intro .tlj-v2-readmore:focus:not(:focus-visible), #tlj-intro .tlj-v2-readmore:active { background: rgba(var(--tlj-color-accent-rgb), .035) !important; border-color: rgba(var(--tlj-color-accent-rgb), .5) !important; color: var(--tlj-color-accent-text) !important; } #tlj-intro .tlj-v2-final-button:focus:not(:focus-visible), #tlj-intro .tlj-v2-final-button:active { background: transparent !important; border-color: var(--tlj-color-accent) !important; color: var(--tlj-color-accent-text) !important; } #tlj-intro .tlj-v2-tutorial-button:focus:not(:focus-visible), #tlj-intro .tlj-v2-tutorial-button:active, #tlj-intro .tlj-v2-feedback-button:focus:not(:focus-visible), #tlj-intro .tlj-v2-feedback-button:active { background: var(--tlj-color-accent) !important; border-color: var(--tlj-color-accent) !important; color: var(--tlj-color-on-accent) !important; } @media (max-width:900px){#tlj-intro .tlj-v2-trial{width:calc(100% - 44px);gap:26px;padding:30px 28px;margin-bottom:70px}#tlj-intro .tlj-v2-trial .tlj-v2-button-main{min-width:190px}} @media (max-width:700px){#tlj-intro .tlj-v2-trial{flex-direction:column;align-items:flex-start;width:calc(100% - 36px);gap:24px;padding:28px 24px;margin:10px auto 60px;text-align:left}#tlj-intro .tlj-v2-trial .tlj-v2-button-main{width:100%;min-width:0}}@media (max-width:560px){#tlj-intro .tlj-v2-trial{padding:24px 20px}#tlj-intro .tlj-v2-trial h2{font-size:clamp(11px,3.8vw,21px)}} /* ========================================================= NOVEDAD · INTELIGENCIA ARTIFICIAL ========================================================= */ .tlj-v2-ai{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:52px;width:min(1180px,calc(100% - 60px));margin:-34px auto 78px;padding:44px 46px;overflow:hidden;border:1px solid rgba(var(--tlj-color-accent-rgb),.36);border-radius:16px;background:radial-gradient(circle at 10% 12%,rgba(var(--tlj-color-accent-rgb),.14),transparent 34%),linear-gradient(135deg,rgba(var(--tlj-color-surface-2-rgb), .98),rgba(var(--tlj-color-page-rgb), .98));box-shadow: var(--tlj-effect-shadow-lg),0 0 60px rgba(var(--tlj-color-accent-rgb),.06)} .tlj-v2-ai-glow{position:absolute;right:-110px;top:-130px;width:380px;height:380px;border-radius:50%;background:rgba(var(--tlj-color-accent-rgb),.09);filter:blur(55px);pointer-events:none} .tlj-v2-ai-copy,.tlj-v2-ai-demo,.tlj-v2-ai-points,.tlj-v2-ai-kicker{position:relative;z-index:1} .tlj-v2-ai-kicker{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;width:100%;margin:0 auto -4px;color:var(--tlj-color-accent-text);text-align:center;font-size:13px;font-weight:950;letter-spacing:2.2px} .tlj-v2-ai-kicker span{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid var(--tlj-color-accent);border-radius:10px;background:var(--tlj-color-accent);color:var(--tlj-color-on-accent);font-size:19px;font-weight:950;letter-spacing:2px;box-shadow:0 0 0 4px rgba(var(--tlj-color-accent-rgb),.09),0 10px 28px rgba(var(--tlj-color-accent-rgb),.24)} .tlj-v2-ai h2{margin:0 0 15px;font-size:clamp(31px,4vw,48px);line-height:.98;letter-spacing:-1.7px} .tlj-v2-ai h2 span{display:block;color:var(--tlj-color-text);font-weight:300} .tlj-v2-ai h2 strong{display:block;margin-top:5px;color:var(--tlj-color-accent-text);font-weight:950} .tlj-v2-ai-copy>p{max-width:650px;margin:0;color:var(--tlj-color-text-muted);font-size:14px;line-height:1.78} .tlj-v2-ai-points{grid-column:1/-1;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px;margin-top:-8px} .tlj-v2-ai-points span{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid rgba(var(--tlj-color-accent-rgb),.22);border-radius:8px;background:rgba(var(--tlj-color-accent-rgb),.04);color:var(--tlj-color-text-secondary);font-size:14px;font-weight:900;letter-spacing:.25px;line-height:1.3;text-align:center;white-space:nowrap} .tlj-v2-ai-points span:before{content:"";width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--tlj-color-accent);box-shadow:0 0 10px rgba(var(--tlj-color-accent-rgb),.45)} .tlj-v2-ai-demo{padding:18px;border:1px solid rgba(var(--tlj-color-accent-rgb),.24);border-radius:12px;background:rgba(var(--tlj-color-surface-rgb), .72);box-shadow:var(--tlj-effect-shadow-md)} .tlj-v2-ai-demo-head{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:0 1px 15px;border-bottom:1px solid rgba(var(--tlj-color-accent-rgb),.12)} .tlj-v2-ai-brain{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(var(--tlj-color-accent-rgb),.30);border-radius:10px;background:rgba(var(--tlj-color-accent-rgb),.075);box-shadow:inset 0 0 20px rgba(var(--tlj-color-accent-rgb),.04)} .tlj-v2-ai-brain svg{width:28px;height:28px;fill:none;stroke:var(--tlj-color-accent-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .tlj-v2-ai-demo-head small{display:block;color:var(--tlj-color-accent-text);font-size:8px;font-weight:900;letter-spacing:1.4px} .tlj-v2-ai-demo-head strong{display:block;margin-top:4px;color:var(--tlj-color-text);font-size:12px;font-weight:850} .tlj-v2-ai-live{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:6px;background:rgba(var(--tlj-color-accent-rgb),.15);color:var(--tlj-color-accent-text);font-size:10px;font-weight:950;letter-spacing:1.3px;border:1px solid rgba(var(--tlj-color-accent-rgb),.20)} .tlj-v2-ai-message{margin-top:13px;padding:13px 14px;border-radius:9px} .tlj-v2-ai-message small{display:block;margin-bottom:5px;font-size:7px;font-weight:950;letter-spacing:1.4px} .tlj-v2-ai-message p{margin:0;font-size:11.5px;line-height:1.58} .tlj-v2-ai-message.is-user{margin-left:36px;border:1px solid var(--tlj-color-border);background:var(--tlj-color-surface-2)} .tlj-v2-ai-message.is-user small{color:var(--tlj-color-text-muted-2)} .tlj-v2-ai-message.is-user p{color:var(--tlj-color-text-secondary)} .tlj-v2-ai-message.is-ai{margin-right:18px;border:1px solid rgba(var(--tlj-color-accent-rgb),.22);background:rgba(var(--tlj-color-accent-rgb),.05)} .tlj-v2-ai-message.is-ai small{color:var(--tlj-color-accent-text)} .tlj-v2-ai-message.is-ai p{color:var(--tlj-color-text-soft)} .tlj-v2-ai-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .tlj-v2-ai-tags span{padding:4px 7px;border:1px solid rgba(var(--tlj-color-accent-rgb),.22);border-radius:4px;color:var(--tlj-color-text-muted-2);font-size:7px;font-weight:850;letter-spacing:.5px} @media (max-width:980px){.tlj-v2-ai{grid-template-columns:1fr;gap:30px}.tlj-v2-ai-kicker{margin-bottom:-2px}.tlj-v2-ai-demo{max-width:650px}.tlj-v2-ai-points{flex-wrap:wrap;margin-top:-2px}} @media (max-width:700px){.tlj-v2-ai{width:calc(100% - 40px);margin:-16px auto 65px;padding:30px 22px}.tlj-v2-ai-kicker{gap:12px;font-size:11px;letter-spacing:1.7px}.tlj-v2-ai-kicker span{min-height:46px;padding:0 20px;font-size:17px}.tlj-v2-ai h2{font-size:36px}.tlj-v2-ai-points{display:grid;grid-template-columns:1fr;gap:10px;margin-top:0}.tlj-v2-ai-points span{width:100%;min-height:44px;padding:0 16px;white-space:normal}.tlj-v2-ai-demo{padding:14px}.tlj-v2-ai-demo-head{grid-template-columns:38px 1fr auto}.tlj-v2-ai-brain{width:38px;height:38px}.tlj-v2-ai-live{min-height:30px;padding:0 11px;font-size:9px}.tlj-v2-ai-message.is-user{margin-left:16px}.tlj-v2-ai-message.is-ai{margin-right:0}}