@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#111a3d;--navy:#10183a;--deep:#0c1230;--blue:#3c4dba;--blue-soft:#eef0ff;--lime:#d8ff66;--cream:#f8f7f2;--muted:#6e7691;--line:#dfe3ee;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.skip-link{position:absolute;top:-100px;left:12px;z-index:100;padding:10px 16px;background:white;color:var(--ink)}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #a9d53b;outline-offset:3px}
.site-header{position:relative;z-index:10;background:var(--deep);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.header-inner{min-height:84px;display:flex;align-items:center;gap:44px}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}.brand-mark{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#edf3ff}.brand-mark img{width:46px;max-width:none;height:46px;object-fit:contain}.brand-name{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1.5px;line-height:1}.brand-dot{color:var(--lime)}.desktop-nav{display:flex;align-items:center;gap:38px;margin:auto;font-size:13px;color:#d2d8f0}.desktop-nav a:hover,.header-action:hover{color:var(--lime)}.header-action{display:flex;align-items:center;gap:24px;border:1px solid #687090;padding:11px 17px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap}.menu-toggle,.mobile-menu{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 71% 33%,#4f59ca 0%,#353c96 28%,#1c245b 62%,#10183a 100%);color:white}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent,#000 65%);pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(20px);pointer-events:none}.hero-glow-left{width:700px;height:700px;left:-500px;top:-320px;background:rgba(156,133,255,.24)}.hero-glow-right{width:650px;height:650px;right:-300px;bottom:-390px;background:rgba(126,229,238,.16)}.hero-grid{position:relative;min-height:690px;display:grid;grid-template-columns:43% 57%;align-items:center;padding-top:30px;padding-bottom:44px}.hero-copy{position:relative;z-index:3;padding-bottom:22px}.eyebrow,.section-label,.mock-kicker,.phone-kicker{font-size:11px;letter-spacing:2px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:12px;color:#e0e7ff}.eyebrow-line{width:29px;height:1px;background:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:560px;margin:28px 0 24px;font-family:Manrope,Arial,sans-serif;font-size:clamp(54px,5.15vw,81px);letter-spacing:-5px;line-height:1.07;font-weight:800}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{max-width:450px;color:#d5dcfb;font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:54px;padding:0 22px;border-radius:9px;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-lime{background:var(--lime);color:#142134}.button-lime:hover{background:#e7ff9e}.button-text{padding-left:7px;color:#fff;gap:18px}.button-text:hover{color:var(--lime)}.hero-foot{display:flex;align-items:center;gap:10px;margin-top:70px;color:#bfc8eb;font-size:12px}.hero-foot-icon{font-size:19px;color:var(--lime)}.hero-baseline{position:relative;border-top:1px solid rgba(255,255,255,.12);color:#b7c2ed;font-size:10px;font-weight:700;letter-spacing:1.6px}.hero-baseline .wrap{height:52px;display:flex;align-items:center;justify-content:space-between}
.device-scene{position:relative;min-height:590px;margin-left:-8px;transform:translateX(12px)}.scene-orbit{position:absolute;border:1px solid rgba(220,233,255,.18);border-radius:50%;transform:rotate(-16deg)}.orbit-one{width:710px;height:375px;top:90px;left:-40px}.orbit-two{width:590px;height:510px;top:26px;left:22px}.desktop-device{position:absolute;z-index:1;top:72px;right:-54px;width:650px;height:422px;padding:12px 12px 0;border:7px solid #171925;border-radius:22px 22px 7px 7px;background:#171925;box-shadow:0 38px 95px rgba(5,11,37,.55),inset 0 1px rgba(255,255,255,.15);transform:rotate(-2deg)}.desktop-camera{position:absolute;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#48517b}.desktop-screen{height:359px;background:#f5f7fc;border-radius:6px 6px 0 0;display:flex;overflow:hidden;color:#243352}.mock-sidebar{width:61px;background:#fff;border-right:1px solid #e5eaf2;padding-top:13px;display:flex;flex-direction:column;align-items:center;gap:15px}.mock-mini-logo{margin-bottom:17px;font-family:Manrope;font-size:16px;font-weight:800;color:#123d65}.mock-mini-logo span{color:#6678d8}.mock-nav{width:33px;height:33px;border-radius:8px;display:grid;place-items:center;font-size:17px;color:#9cabc7}.mock-nav.active{background:#e6edfb;color:#315b9d}.mock-workspace{flex:1}.mock-topbar{height:44px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8ebf3;font-size:10px}.mock-topbar span{font-size:8px;color:#7f8ca9}.mock-body{padding:22px 25px}.mock-kicker{color:#4770bb;font-size:8px;letter-spacing:1.4px}.mock-title{margin-top:8px;font-family:Manrope;font-size:26px;letter-spacing:-1.2px;font-weight:800}.mock-title-mark{color:#6686ec}.mock-subtitle{margin-top:2px;color:#8e99ae;font-size:9px}.mock-tabs{display:flex;gap:24px;margin-top:22px;border-bottom:1px solid #e2e7f0;color:#8290a8;font-size:9px}.mock-tabs span{padding-bottom:9px}.mock-tabs .selected{border-bottom:2px solid #315eab;color:#245a9e;font-weight:800}.mock-search{height:25px;border:1px solid #e3e9f4;border-radius:6px;background:#fff;margin:13px 0}.mock-topic{height:47px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3e9f4;border-radius:8px;margin-top:7px;padding:0 10px}.topic-number{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:#e9f0fd;color:#3c6fae;font-size:9px;font-weight:800}.mock-topic div{display:grid;gap:1px}.mock-topic strong{font-size:9px}.mock-topic small{font-size:7px;color:#8a96ae}.topic-arrow{margin-left:auto;color:#7184a7}.desktop-chin{height:42px;display:grid;place-items:center;background:linear-gradient(#e4e7ef,#b9c0d0);border-radius:0 0 4px 4px;color:#535c77;font-weight:800;font-size:9px;letter-spacing:2px}.desktop-stand{position:absolute;z-index:0;width:210px;height:92px;right:158px;top:476px;background:linear-gradient(90deg,#9299ad,#d2d7e2 25%,#a5acc0 78%,#7e879e);clip-path:polygon(37% 0,63% 0,73% 84%,100% 94%,100% 100%,0 100%,0 94%,27% 84%);transform:rotate(-2deg)}.phone-device{position:absolute;z-index:3;left:6px;top:216px;width:242px;height:386px;padding:7px;border:5px solid #111622;border-radius:36px;background:#111622;box-shadow:0 28px 70px rgba(4,11,37,.55);transform:rotate(7deg)}.phone-notch{position:absolute;z-index:2;top:11px;left:74px;width:85px;height:17px;border-radius:0 0 13px 13px;background:#111622}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:25px;background:#f3f6fc;color:#17345d;padding:20px 15px 0}.phone-top{display:flex;justify-content:space-between;font-size:7px;font-weight:800}.phone-brand{margin:29px 0 19px;font-family:Manrope;font-size:16px;font-weight:800;letter-spacing:-1px}.phone-brand span{color:#506ad4}.phone-kicker{font-size:7px;color:#6786b6;letter-spacing:1px}.phone-title{margin-top:5px;font-size:16px;font-weight:800;letter-spacing:-.7px}.phone-card{height:155px;margin-top:13px;padding:16px 15px;background:#fff;border:1px solid #dde7f2;border-radius:12px;box-shadow:0 8px 17px rgba(45,65,112,.07)}.phone-card-label{font-size:7px;letter-spacing:1.4px;color:#8898b5;font-weight:800}.phone-card strong{display:block;margin-top:19px;font-size:12px;line-height:1.4}.phone-card-bottom{display:flex;justify-content:space-between;margin-top:16px;color:#7d91ad;font-size:8px}.phone-card-bottom span:last-child{font-size:13px}.phone-progress{height:4px;background:#e0e8f2;border-radius:3px;margin:17px 0}.phone-progress span{display:block;width:37%;height:100%;border-radius:3px;background:#526fca}.phone-bottom{position:absolute;bottom:0;left:0;right:0;height:39px;background:#fff;border-top:1px solid #e9edf5;display:flex;align-items:center;justify-content:space-around;color:#94a2ba}.phone-bottom .phone-active{color:#325eaf}.scene-note{position:absolute;z-index:4;right:-14px;bottom:37px;width:174px;padding:13px 16px;background:var(--lime);color:#122047;border-radius:10px;box-shadow:0 15px 40px #09134d77;transform:rotate(5deg)}.scene-note-icon{position:absolute;right:13px;top:8px;font-size:17px}.scene-note strong,.scene-note small{display:block}.scene-note strong{font-size:12px}.scene-note small{max-width:125px;margin-top:3px;font-size:9px;line-height:1.35}
.section-space{padding:110px 0}.section-label{display:flex;align-items:center;gap:12px;margin:0 0 25px;font-size:10px;letter-spacing:1.6px;color:#53609b}.label-square{width:8px;height:8px;background:#5865ca;transform:rotate(45deg)}h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(36px,4vw,57px);letter-spacing:-3px;line-height:1.16;font-weight:800}h2 span{color:#666fbe}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:31% 69%;align-items:start}.intro h2{margin-bottom:20px}.section-lead{max-width:610px;color:#626b83;font-size:16px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #d9dcd9}.step{position:relative;min-height:235px;padding:31px 44px 15px 0}.step+.step{padding-left:44px;border-left:1px solid #d9dcd9}.step-num{font-size:11px;color:#7e85a2;font-weight:800;letter-spacing:1px}.step-icon{position:absolute;top:28px;right:44px;font-size:23px;color:#6574d7}.step h3{margin:55px 0 7px;font-family:Manrope;font-size:23px;letter-spacing:-1px}.step p{max-width:200px;color:#687189;font-size:14px;line-height:1.5}
.features{background:#fff}.section-heading{margin-bottom:44px}.section-heading h2{margin:0}.feature-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:18px}.feature{min-width:0;min-height:505px;padding:25px;background:#f4f6fb;border:1px solid #edf0f8;border-radius:18px;overflow:hidden}.feature-large{background:#e9ecff}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-index{font-size:10px;letter-spacing:1.6px;color:#58679b;font-weight:800}.feature-arrow{font-size:22px;color:#45569f}.feature-visual{height:313px;position:relative;overflow:hidden;margin:25px 0 17px;border-radius:12px}.feature h3{margin:0 0 6px;font-family:Manrope;font-size:23px;letter-spacing:-1.1px}.feature p{margin:0;color:#68738b;font-size:13px;line-height:1.55}.visual-test{background:#fff;border:1px solid #dfe6f7;box-shadow:0 22px 35px #566cc428;padding:25px 28px}.visual-test-head{display:flex;justify-content:space-between;color:#324b7e;font-size:12px;font-weight:800}.visual-test-line{height:5px;border-radius:5px;background:#e9edf6;margin:16px 0 28px}.visual-test-line span{display:block;width:42%;height:100%;background:#5577ca;border-radius:5px}.visual-question{font-size:18px;font-weight:800;margin-bottom:21px}.visual-answer{height:44px;border:1px solid #dfe6f0;border-radius:8px;margin:8px 0;padding:8px 11px;display:flex;align-items:center;gap:13px}.visual-answer span{height:27px;width:27px;border:1px solid #dce4f0;border-radius:6px;display:grid;place-items:center;font-size:11px}.visual-answer i{width:52%;height:5px;border-radius:3px;background:#e8edf5}.visual-answer.chosen{border-color:#6685db;background:#f4f7ff}.visual-answer.chosen span{border-color:#6585d9;background:#e5ecff}.visual-flash{display:grid;place-items:center;background:radial-gradient(circle at 34% 25%,#a9b4ff,#676fc5 67%,#4d59ae)}.flash-stack{position:absolute;width:78%;height:218px;border-radius:15px}.flash-back{background:#d7dfff;transform:rotate(8deg) translate(18px,8px)}.flash-front{background:#fff;transform:rotate(-5deg);padding:20px 19px;box-shadow:0 20px 35px #252a7470}.flash-front small{font-size:8px;letter-spacing:1px;color:#6682ba;font-weight:800}.flash-front strong{display:block;margin-top:52px;font-family:Manrope;font-size:20px;line-height:1.25;letter-spacing:-1px}.flash-front span{position:absolute;right:18px;bottom:18px;color:#708cc3}.visual-progress{background:#172657;padding:23px;color:white}.progress-caption{font-size:14px;font-weight:700}.progress-graph{height:185px;display:flex;align-items:end;gap:10px;padding:20px 0;border-bottom:1px solid #46547e}.bar{flex:1;border-radius:5px 5px 0 0;background:#6876c7}.b1{height:29%}.b2{height:39%}.b3{height:35%}.b4{height:53%}.b5{height:62%}.b6{height:54%}.b7{height:81%;background:var(--lime)}.progress-footer{margin-top:18px;display:flex;justify-content:space-between;font-size:11px;color:#b2bee7}.progress-footer span{color:var(--lime);font-size:18px}
.monthly-section{background:#e9eafc}.monthly-grid{display:grid;grid-template-columns:51% 49%;align-items:center;gap:5%}.monthly-art{position:relative;min-height:435px;display:grid;place-items:center}.monthly-orb{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#9a9fee,#6872cb 70%);box-shadow:0 20px 80px #767bd475}.monthly-ticket{position:relative;z-index:1;width:335px;height:340px;padding:22px 26px;display:flex;flex-direction:column;justify-content:space-between;background:var(--navy);color:white;border-radius:13px;transform:rotate(-7deg);box-shadow:0 30px 70px #22275e70}.ticket-top,.ticket-bottom{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.1px}.ticket-top{padding-bottom:16px;border-bottom:1px solid #4e5782}.ticket-center span{display:block;color:var(--lime);font-size:10px;letter-spacing:1.4px;font-weight:800}.ticket-center strong{display:block;margin-top:12px;font-family:Manrope;font-size:67px;line-height:1;letter-spacing:-4px}.ticket-center strong span{display:inline;color:var(--lime);font-size:67px;letter-spacing:-4px}.ticket-bottom{padding-top:16px;border-top:1px solid #4e5782}.ticket-bottom span:last-child{font-size:19px;color:var(--lime)}.monthly-copy{max-width:510px}.monthly-copy h2{margin-bottom:24px}.monthly-copy>p:not(.section-label){color:#626b89;line-height:1.7}.text-link{display:inline-flex;gap:25px;margin-top:14px;padding-bottom:8px;border-bottom:1px solid #4656a4;font-size:14px;font-weight:800;color:#263e85}.text-link:hover{color:#5869d0}
.pricing{background:var(--cream)}.pricing-grid{display:grid;grid-template-columns:1fr 480px;gap:90px;align-items:center}.pricing-copy h2{margin-bottom:21px}.pricing-copy>p:not(.section-label){color:#69728b;line-height:1.7}.pricing-note{display:inline-flex;margin-top:37px;padding:11px 15px;border-left:3px solid #6577d7;background:#eceef7;font-size:13px;color:#405078}.pricing-card{padding:30px;background:white;border:1px solid #e4e7ef;border-radius:18px;box-shadow:0 22px 50px #182d5910}.pricing-card-top{display:flex;justify-content:space-between;align-items:center}.pricing-pill{padding:8px 11px;background:#e9ecff;border-radius:6px;color:#394fa8;font-size:10px;font-weight:800;letter-spacing:1.2px}.pricing-spark{color:#5269bc;font-size:26px}.pricing-switch{display:flex;gap:4px;margin:26px 0 29px;padding:5px;background:#f1f3f8;border-radius:9px}.pricing-switch button{flex:1;border:0;border-radius:6px;background:transparent;color:#68748e;padding:10px 5px;font-size:12px;font-weight:700}.pricing-switch button.active{background:white;color:#243a7b;box-shadow:0 2px 8px #1c326220}.pricing-amount{display:flex;align-items:baseline;gap:6px}.pricing-amount span:first-child{font-family:Manrope;font-size:51px;line-height:1;font-weight:800;letter-spacing:-3px}.pricing-amount span:last-child{color:#75809b;font-size:13px}.pricing-detail{min-height:24px;margin:9px 0 0;color:#6a7490;font-size:12px}.pricing-divider{height:1px;background:#e6e9f0;margin:23px 0}.pricing-card ul{margin:0 0 27px;padding:0;list-style:none}.pricing-card li{position:relative;margin:12px 0;padding-left:25px;font-size:13px;color:#40506f}.pricing-card li:before{content:'✓';position:absolute;left:0;color:#475fbe;font-weight:800}.button-dark{width:100%;background:#21346f;color:white}.button-dark:hover{background:#344b93}.pricing-disclaimer{margin:13px 0 0;color:#929aae;text-align:center;font-size:10px}
.closing{overflow:hidden;background:radial-gradient(circle at 80% 20%,#3b48a0,#141c47 50%,#101738);color:white}.closing-inner{position:relative;padding:95px 0 104px}.closing p{color:#acb8e8;font-size:10px;letter-spacing:2px;font-weight:800}.closing h2{position:relative;z-index:1;margin:26px 0 32px;font-size:clamp(46px,6vw,77px);line-height:1.06;letter-spacing:-4px}.closing-mark{position:absolute;right:0;bottom:-132px;font-family:Manrope;font-size:500px;line-height:1;font-weight:800;letter-spacing:-60px;color:#ffffff08;pointer-events:none}.site-footer{background:#0c1230;color:#bcc5e5}.footer-inner{min-height:84px;display:flex;align-items:center;gap:30px;font-size:12px}.footer-brand .brand-name{color:white;font-size:20px}.footer-inner>a:last-child{margin-left:auto;color:white;font-weight:700}.footer-inner>a:last-child:hover{color:var(--lime)}
@media(max-width:1100px){.hero-grid{grid-template-columns:44% 56%}.device-scene{transform:scale(.84) translateX(-24px);transform-origin:center left}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-large{grid-column:1/-1}.pricing-grid{gap:40px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,560px)}.header-inner{min-height:68px;gap:12px}.brand-mark{width:34px;height:34px}.brand-mark img{width:39px;height:39px}.brand-name{font-size:21px}.desktop-nav,.header-action{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;margin-left:auto;border:1px solid #667195;border-radius:8px;background:none}.menu-toggle span{display:block;width:18px;height:2px;margin:0 auto;background:white}.mobile-menu:not([hidden]){display:flex;flex-direction:column;padding:7px 18px 18px;border-top:1px solid #354067}.mobile-menu a{padding:12px 2px;font-size:14px;color:#e1e6fa}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:70px 0 0}.hero-copy{padding-bottom:0}.hero h1{max-width:560px;font-size:clamp(51px,12vw,71px);letter-spacing:-3.5px}.hero-copy>p{font-size:15px}.hero-foot{margin-top:32px}.device-scene{height:430px;min-height:430px;width:670px;margin-top:20px;margin-left:50%;transform:translateX(-50%) scale(.67);transform-origin:top center}.desktop-device{top:48px;right:20px}.desktop-stand{top:452px;right:228px}.phone-device{left:36px;top:204px}.scene-note{right:45px;bottom:70px}.hero-baseline .wrap{font-size:8px}.hero-baseline .wrap span:last-child{display:none}.section-space{padding:75px 0}.intro-grid,.monthly-grid,.pricing-grid{grid-template-columns:1fr}.intro h2,.section-heading h2,.monthly-copy h2,.pricing-copy h2{font-size:clamp(37px,9vw,51px);letter-spacing:-2.4px}.steps{grid-template-columns:1fr;margin-top:34px}.step,.step+.step{min-height:150px;padding:22px 10px 16px 0;border-left:0;border-bottom:1px solid #d9dcd9}.step-icon{top:21px;right:10px}.step h3{margin:22px 0 5px}.step p{max-width:none}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature{min-height:0;padding:22px}.feature-visual{height:265px}.feature h3{font-size:21px}.monthly-grid{gap:0}.monthly-art{min-height:365px;order:2}.monthly-orb{width:310px;height:310px}.monthly-ticket{width:265px;height:280px}.ticket-center strong,.ticket-center strong span{font-size:55px}.monthly-copy{order:1}.pricing-grid{gap:35px}.pricing-card{padding:22px}.pricing-amount span:first-child{font-size:44px}.closing-inner{padding:80px 0}.closing h2{font-size:clamp(43px,11vw,66px);letter-spacing:-3px}.closing-mark{right:-70px;bottom:-45px;font-size:320px}.footer-inner{min-height:105px;flex-wrap:wrap;gap:8px;padding:20px 0}.footer-inner span{width:calc(100% - 135px)}.footer-inner>a:last-child{margin-left:0}}
@media(max-width:380px){.hero h1{font-size:50px}.hero-actions{gap:7px}.button{min-height:50px}.button-text{padding-left:0}.device-scene{transform:translateX(-50%) scale(.58);height:375px;min-height:375px}.scene-note{bottom:65px}.pricing-switch button{font-size:11px}.pricing-amount span:first-child{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* La identidad de Elitest usa el logotipo completo y su gama azul. */
:root{--ink:#082f4e;--navy:#083b60;--deep:#052f50;--blue:#17688c;--blue-soft:#eaf5fa;--lime:#8ad9e9;--cream:#f6fafb;--muted:#587183;--line:#d7e5ed}
:focus-visible{outline-color:#33a7c2}
.site-header{background:#052f50;border-bottom-color:#2b627d}
.brand{gap:0}.brand-logo{display:block;width:56px;height:56px;object-fit:contain;padding:4px;border-radius:9px;background:#eaf6fb}
.desktop-nav{color:#d7edf5}.desktop-nav a:hover,.header-action:hover{color:#a7e9f3}
.header-action{border-color:#5c8ba0}
.hero{background:radial-gradient(circle at 72% 35%,#257c9d 0%,#105b7e 30%,#093e62 60%,#052f50 100%)}
.hero:before{background-image:linear-gradient(rgba(194,232,244,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(194,232,244,.055) 1px,transparent 1px)}
.hero-glow-left{background:rgba(21,139,177,.22)}.hero-glow-right{background:rgba(142,218,231,.17)}
.eyebrow{color:#d7eff6}.hero-copy>p{color:#d5eaf2}.hero-foot,.hero-baseline{color:#c7e5ee}
.button-lime{background:#9de2ef;color:#06314d}.button-lime:hover{background:#c6f0f7}.button-text:hover{color:#b5ebf3}
.scene-orbit{border-color:rgba(194,232,244,.2)}
.desktop-device{top:78px;right:15px;width:620px;height:400px;display:flex;flex-direction:column;padding:7px 7px 0;border:6px solid #0a2e49;border-radius:15px 15px 9px 9px;background:#0a2e49;box-shadow:0 30px 75px rgba(1,25,45,.42);transform:rotate(-1deg)}
.desktop-camera{top:2px;width:3px;height:3px;background:#668da0}
.desktop-screen{flex:1;height:auto;border-radius:4px 4px 0 0}
.desktop-chin{height:21px;flex:0 0 21px;border-radius:0 0 5px 5px;background:linear-gradient(#dce7ec,#b9cbd4);box-shadow:inset 0 1px #fff9}
.desktop-stand{top:470px;right:172px;height:83px;background:linear-gradient(90deg,#8ea7b5,#d7e5eb 30%,#aac1ce 75%,#829baa)}
.mock-sidebar{width:59px;padding-top:12px;gap:13px}.mock-mini-logo{display:block;width:37px;height:37px;object-fit:contain;margin-bottom:9px}
.mock-body{padding:18px 24px}.mock-title{margin-top:7px;font-size:21px;letter-spacing:-.8px;white-space:nowrap}.mock-subtitle{margin-top:3px}
.mock-tabs{margin-top:18px}.mock-topic{height:47px;margin-top:9px}.mock-topic:first-of-type{margin-top:15px}
.mock-create{height:29px;width:144px;display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:0 13px;background:#0a4a75;border-radius:6px;color:white;font-size:9px;font-weight:800}
.phone-device{border-color:#0a2e49;background:#0a2e49;box-shadow:0 25px 62px rgba(1,25,45,.42)}.phone-notch{background:#0a2e49}
.phone-brand-logo{display:block;width:43px;height:43px;object-fit:contain;margin:13px 0 11px}
.phone-progress span{background:#1c7199}.phone-bottom .phone-active{color:#176b97}
.scene-note{background:#9de2ef;color:#073955;box-shadow:0 15px 35px #03264166}
.section-label{color:#39718c}.label-square{background:#2c8ab0}h2 span{color:#2580a4}.step-icon{color:#2a8eae}
.feature-large{background:#e4f3fa}.feature{border-color:#e1edf2}.feature-index,.feature-arrow{color:#2c7797}.visual-test-line span{background:#2b86ad}.visual-answer.chosen{border-color:#42a2bd;background:#eff9fc}.visual-answer.chosen span{border-color:#42a2bd;background:#dcf2f7}
.visual-flash{background:radial-gradient(circle at 34% 25%,#9cdae9,#2e90b1 67%,#126087)}.flash-back{background:#d2edf4}.flash-front{box-shadow:0 20px 35px #0a4d6e55}
.visual-progress{background:#0b4166}.bar{background:#55a9c6}.monthly-section{background:#e7f4f9}.monthly-orb{background:radial-gradient(circle at 40% 30%,#a8ddec,#3c9dbb 70%);box-shadow:0 20px 80px #3d91ae66}
.text-link{border-bottom-color:#14698f;color:#145d82}.text-link:hover{color:#238bac}.pricing-note{border-left-color:#2691b2;background:#e9f4f9}.pricing-pill{background:#e7f4f9;color:#176a8d}.pricing-spark{color:#268caf}.pricing-card li:before{color:#2586a7}.button-dark{background:#0b5079}.button-dark:hover{background:#137097}
.closing{background:radial-gradient(circle at 80% 20%,#146989,#0a456d 50%,#052f50)}.site-footer{background:#042943}.footer-inner>a:last-child:hover{color:#b5ebf3}
@media(max-width:760px){.brand-logo{width:45px;height:45px;padding:3px}.hero h1 em{margin-left:.12em}.menu-toggle{border-color:#74a2b5}.mobile-menu:not([hidden]){border-top-color:#39708b}.mobile-menu a{color:#e3f2f7}.desktop-device{top:48px}.desktop-stand{top:440px}}
.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.pricing-copy{grid-column:1/-1;max-width:720px;margin-bottom:14px}
.pricing-card{display:flex;flex-direction:column;box-shadow:0 14px 40px #0c40610d}
.pricing-card--elite{order:2;border-color:#83b9ce;background:linear-gradient(145deg,#eef8fb,#fff 50%)}
.pricing-card--free{order:1}
.pricing-free-terms{display:flex;align-items:center;min-height:90px;color:#64748a;font-size:14px}
.pricing-card--free .pricing-amount span{font-family:Manrope;font-size:51px;line-height:1;font-weight:800;letter-spacing:-3px;color:#133b56}
.pricing-benefits{flex:1;margin:20px 0 24px!important;border-top:1px solid #e2ebf0}
.pricing-benefits li{display:grid;grid-template-columns:minmax(120px,42%) 1fr;gap:12px;align-items:start;margin:0;padding:12px 0;border-bottom:1px solid #e2ebf0;font-size:13px;line-height:1.45}
.pricing-benefits li:before{content:none}
.pricing-benefits strong{color:#133b56}
.pricing-benefits span{color:#526b80}
.pricing-card .button{margin-top:auto}
.button-outline{width:100%;color:#0b5079;border:1px solid #8bb9cd;background:#fff}
.button-outline:hover{background:#ecf7fb}
.pricing-shared{grid-column:1/-1;order:3;margin:5px 0 0;color:#66798a;text-align:center;font-size:13px}
@media(max-width:760px){.pricing-grid{grid-template-columns:1fr}.pricing-copy{grid-column:1;margin-bottom:0}.pricing-card--elite{order:1}.pricing-card--free{order:2}.pricing-shared{grid-column:1}.pricing-free-terms{min-height:30px;margin:18px 0}}
/* Captura del inicio real: conserva sus iconos, distribución y tipografía. */
.device-scene{min-height:690px}
.desktop-screen{display:block;position:relative;background:#f3f6fb}
.desktop-app-capture{display:block;width:100%;height:100%;object-fit:contain;object-position:top}
.phone-device{left:auto;right:-4px;top:300px;transform:rotate(5deg)}
.phone-bottom svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.phone-account{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8eef7;color:#32669e;font-size:8px;font-weight:700}
@media(max-width:760px){.device-scene{height:470px;min-height:470px}.phone-device{left:auto;right:23px;top:278px}}
@media(max-width:380px){.device-scene{height:410px;min-height:410px}}
@media(max-width:520px){.device-scene{transform:translateX(-50%) scale(.52);height:365px;min-height:365px}}
@media(max-width:400px){.device-scene{transform:translateX(-50%) scale(.48);height:340px;min-height:340px}}
@media(max-width:380px){.device-scene{transform:translateX(-50%) scale(.42);height:300px;min-height:300px}}
@media(min-width:761px) and (max-width:1100px){.hero-grid{display:flex;flex-direction:column;align-items:center;min-height:0;padding:60px 0 15px}.hero-copy{max-width:700px;text-align:center}.hero-copy>p{margin-inline:auto}.hero h1{max-width:none}.eyebrow,.hero-actions{justify-content:center}.device-scene{width:670px;height:600px;min-height:600px;margin:0 auto;transform:scale(.85);transform-origin:top center}}
/* Pantalla 16:9 sin bandas; marco y pie comparten centro y perspectiva. */
.desktop-computer{position:absolute;z-index:1;top:78px;right:15px;width:620px;transform:rotate(-1deg)}
.desktop-device{position:relative;z-index:2;inset:auto;width:100%;height:auto;display:block;padding:10px 8px 8px;border:1px solid #6a7e8b;border-radius:13px;background:linear-gradient(130deg,#263a49,#0a1822 55%,#1d303e);transform:none;box-shadow:0 24px 55px #011b354d,inset 0 0 0 1px #ffffff14}
.desktop-camera{top:4px;left:calc(50% - 1.5px);background:#536b7b}
.desktop-screen{display:block;aspect-ratio:16/9;border-radius:5px;overflow:hidden;height:auto;background:#f3f6fb}
.desktop-app-capture{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.desktop-stand{position:absolute;z-index:1;top:calc(100% - 2px);left:50%;right:auto;width:204px;height:90px;background:none;clip-path:none;transform:translateX(-50%)}
.desktop-stand:before{content:"";position:absolute;top:0;left:50%;width:80px;height:82px;transform:translateX(-50%);clip-path:polygon(18% 0,82% 0,92% 84%,100% 100%,0 100%,8% 84%);background:linear-gradient(90deg,#6f8695,#c1ced5 30%,#a1b3bf 72%,#687f90);box-shadow:inset 0 10px 12px #09213655}
.desktop-stand:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:12px;border:1px solid #92a6b3;border-radius:50% 50% 5px 5px/6px 6px 3px 3px;background:linear-gradient(#d7e1e6,#aabcc7 65%,#768e9e);box-shadow:0 9px 13px #001d3540}
@media(max-width:760px){.desktop-computer{top:48px}}
/* Demo de flashcards con el mismo giro de la aplicación. */
.flash-demo-layout{display:grid;grid-template-columns: .85fr 1.15fr;gap:72px;align-items:center}
.flash-demo-copy h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,4.4vw,62px);line-height:1.1;letter-spacing:-3px;margin:20px 0}
.flash-demo-copy .section-lead{max-width:320px}
.demo-topic{color:#526b80;font-size:13px;margin:0 0 16px}
.demo-card{display:block;width:100%;padding:0;border:0;background:none;text-align:center;cursor:pointer;perspective:1600px;border-radius:24px;color:#173753;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.demo-card:focus-visible{outline:3px solid #326ec6;outline-offset:6px}
.demo-inner{display:grid;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1);width:100%}
.demo-card.is-flipped .demo-inner{transform:rotateY(180deg)}
.demo-face{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:34px;border:1px solid #c8d9ec;border-radius:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 14px 34px #254b7914,0 5px 0 -1px #e9f0f9,0 6px 0 0 #ccdbee;overflow-wrap:anywhere}
.demo-face strong{font-size:clamp(23px,2.5vw,32px);font-weight:650;line-height:1.3;max-width:440px}
.demo-back{transform:rotateY(180deg);background:linear-gradient(145deg,#f5fffd,#eaf6f4);border-color:#b3d9d0}
.demo-back strong{color:#127765;font-size:clamp(29px,3vw,38px);font-weight:750}
.demo-question{font-size:14px;line-height:1.5;color:#4e6e73;font-weight:600;max-width:360px;margin-bottom:24px}
.demo-cue{display:block;font-size:12px;color:#667e91;margin-top:30px}
.demo-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:27px}
.demo-navigation button{display:grid;place-items:center;width:72px;min-height:48px;background:#fff;color:#214f85;border:1px solid #c8d9ec;border-radius:11px;touch-action:manipulation}
.demo-navigation button:hover:not(:disabled){background:#eaf5fa;border-color:#70a7bf}
.demo-navigation button:disabled{opacity:.35;cursor:default}
.demo-navigation svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.demo-position{font-size:12px;color:#66798a}
@media(max-width:760px){.flash-demo-layout{grid-template-columns:1fr;gap:30px}.flash-demo-copy h2{font-size:43px}.flash-demo-copy .section-lead{margin-bottom:0}.demo-face{min-height:285px;padding:26px 22px}.demo-face strong{font-size:23px}.demo-back strong{font-size:30px}.demo-question{font-size:13px}}
@media(prefers-reduced-motion:reduce){.demo-inner{transition:none}}