:root{--ink:#10202a;--navy:#0b1722;--navy2:#122533;--paper:#f4f5ef;--white:#fff;--lime:#c4f36b;--muted:#69747a;--line:#dce1da;--font:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body)}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font);letter-spacing:-.055em}h2{font-size:clamp(2.55rem,5vw,5rem);line-height:1.08}p{line-height:1.7}section{scroll-margin-top:80px}.shell{width:min(100% - 64px,1220px);margin-inline:auto}.section{padding:112px 0}.eyebrow{display:flex;align-items:center;gap:13px;color:#437557;font:800 11px var(--font);letter-spacing:.16em;text-transform:uppercase;margin-bottom:30px}.eyebrow.light{color:var(--lime)}.eyebrow-line{display:inline-block;width:23px;height:1px;background:currentColor}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;color:#fff}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.brand{font:800 21px var(--font);letter-spacing:-.075em;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-accent{color:var(--lime)}.brand-mark{width:26px;height:26px;display:inline-flex;align-items:end;gap:3px;transform:skew(-14deg)}.brand-mark span{width:6px;background:var(--lime);border-radius:2px 2px 0 0}.brand-mark span:nth-child(1){height:15px}.brand-mark span:nth-child(2){height:25px}.brand-mark span:nth-child(3){height:19px}.main-nav{display:flex;align-items:center;gap:31px;font:700 12px var(--font)}.main-nav>a:not(.nav-contact){opacity:.75;transition:opacity .2s}.main-nav>a:hover{opacity:1}.nav-contact{padding:12px 17px;border:1px solid #ffffff65;border-radius:6px}.nav-contact span{margin-left:10px;color:var(--lime)}.menu-toggle{display:none}.skip-link{position:absolute;left:-999px;top:10px;background:#fff;color:#111;padding:10px;z-index:99}.skip-link:focus{left:10px}.hero{background:radial-gradient(circle at 86% 40%,#1c3545 0,#102331 28%,var(--navy) 67%);color:#fff;min-height:760px;overflow:hidden}.hero-grid{padding-top:176px;display:grid;grid-template-columns:48% 52%;min-height:700px;position:relative}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(4.2rem,7.2vw,7.6rem);line-height:1.02;margin:0 0 28px;font-weight:800}.hero h1 em{color:var(--lime);font-style:normal}.hero-lead{color:#c6d3d8;max-width:510px;font-size:18px;line-height:1.72;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:0 20px;border-radius:5px;font:800 12px var(--font);letter-spacing:.015em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-lime{color:#14241d;background:var(--lime)}.button-lime:hover{background:#d7fb96}.button-outline{border:1px solid #ffffff6b;color:#fff}.hero-note{display:flex;gap:9px;align-items:center;color:#94aab3;font-size:11px;margin-top:25px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #c4f36b1f}.hero-visual{height:550px;position:relative;margin-top:-4px}.glow{position:absolute;width:560px;height:500px;right:-50px;top:-30px;border-radius:50%;background:#607c5c20;filter:blur(45px)}.desk-ui{position:absolute;top:26px;left:5px;width:565px;height:382px;background:#f7f8f5;border-radius:11px;border:5px solid #243747;box-shadow:0 38px 100px #0007;display:flex;color:#1d2b30;transform:rotate(-2deg);overflow:hidden}.desk-sidebar{width:128px;background:#142631;color:#fff;padding:18px 8px;display:flex;flex-direction:column;gap:4px}.desk-logo{font:800 11px var(--font);padding:5px 9px 20px}.desk-logo b{color:var(--lime);font-size:18px}.desk-nav{height:29px;padding:7px 9px;color:#99a8ae;font-size:11px;display:flex;gap:10px;align-items:center;border-radius:4px}.desk-nav i{font-style:normal;font-size:9px}.desk-nav.active{color:var(--lime);background:#254131}.desk-spacer{flex:1}.desk-main{flex:1;padding:18px 20px}.desk-top{display:flex;justify-content:space-between;align-items:center;font:700 9px var(--font);color:#617079}.desk-avatar{background:#e2e9e5;border-radius:50%;padding:8px;font-size:8px}.desk-title{font:800 18px var(--font);margin-top:17px;letter-spacing:-.05em}.mini-spark{color:#68a34d}.desk-small{font-size:9px;color:#748186}.desk-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.desk-metrics div{background:#fff;border:1px solid #e5eae4;border-radius:6px;padding:10px}.desk-metrics span,.desk-metrics small{display:block;font-size:8px;color:#7a8589}.desk-metrics strong{display:block;font:800 21px var(--font);margin:4px 0}.desk-block-title{display:flex;justify-content:space-between;margin:19px 0 8px;font:800 10px var(--font)}.desk-block-title span{color:#5a8a6f;font-size:8px}.desk-row{background:#fff;border:1px solid #e5eae4;border-radius:5px;display:flex;align-items:center;gap:9px;padding:7px;margin-bottom:5px}.desk-row>b{font-size:9px}.desk-row-dot{width:4px;height:25px;border-radius:4px;background:#b2e282}.desk-row-dot.orange{background:#e6b785}.desk-row div{flex:1}.desk-row strong,.desk-row small{display:block;font-size:8px}.desk-row small{color:#849094;margin-top:2px}.desk-pill{font-size:7px;color:#568465;background:#edf7e8;padding:4px;border-radius:2px}.phone-ui{position:absolute;right:-14px;top:98px;width:205px;height:408px;border:5px solid #243747;border-radius:30px;background:#fff;color:#17262e;box-shadow:0 25px 60px #0008;transform:rotate(7deg);padding:14px;overflow:hidden}.phone-notch{position:absolute;top:0;left:58px;width:80px;height:13px;background:#243747;border-radius:0 0 12px 12px}.phone-top{display:flex;justify-content:space-between;font:700 7px var(--font);margin:1px 0 19px}.phone-greet{font:800 17px var(--font);letter-spacing:-.05em}.phone-greet span{color:#78ad4e}.phone-sub{font-size:8px;color:#858f92;margin-bottom:14px}.phone-hero-card{background:#172c36;color:#fff;border-radius:11px;padding:13px}.phone-hero-card small{color:#bddc89;font-size:6px;letter-spacing:.06em}.phone-hero-card strong,.phone-hero-card span{display:block}.phone-hero-card strong{font:800 12px var(--font);margin:7px 0}.phone-hero-card span{font-size:7px}.phone-progress{height:3px;background:#607078;border-radius:9px;margin:13px 0 5px}.phone-progress i{display:block;width:55%;height:3px;background:var(--lime)}.phone-section{display:flex;justify-content:space-between;font:800 8px var(--font);margin:18px 0 9px}.phone-section span{color:#7a9d66;font-size:7px}.phone-ex{display:flex;align-items:center;gap:8px;border:1px solid #edf0eb;border-radius:6px;padding:7px 5px;margin-bottom:5px}.phone-ex b{background:#eef4e4;color:#719151;padding:6px;border-radius:3px;font-size:7px}.phone-ex div{flex:1;font-size:7px;font-weight:700}.phone-ex small{display:block;font-size:6px;color:#9a9f9c}.phone-ex>span{font-size:9px}.phone-tabs{position:absolute;bottom:8px;left:11px;right:11px;border-top:1px solid #eee;display:flex;justify-content:space-around;padding-top:7px}.phone-tabs span{text-align:center;font-size:11px}.phone-tabs small{display:block;font-size:6px}.visual-caption{position:absolute;bottom:12px;right:30px;color:#93a5ad;font-size:10px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;color:#92a6ad;font:700 10px var(--font);letter-spacing:.17em;padding-bottom:28px}.hero-arrow{color:var(--lime);font-size:24px}.intro{background:#f7f8f3}.intro-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:100px}.intro-grid h2{margin-bottom:40px}.intro-grid h2 span{color:#80a95b}.intro-grid>div>p{font-size:18px;color:#5f6c71;margin:8px 0 25px}.intro-links{display:flex;gap:30px;flex-wrap:wrap;font:800 12px var(--font)}.intro-links a{border-bottom:1px solid #99a69c;padding-bottom:9px}.intro-links span{color:#6a9858;margin-left:20px}.flow-line{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd9d0;margin-top:35px}.flow-line>div{padding:28px 20px 0 0;display:grid;grid-template-columns:40px 1fr;gap:0 20px}.flow-line b{grid-row:span 2;color:#70a15a;font-size:12px}.flow-line span{font:800 19px var(--font)}.flow-line small{color:#8a9697;margin-top:4px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.product-copy h2{font-size:clamp(2.7rem,4vw,4.5rem)}.product-copy>p:not(.eyebrow){color:#68767b;font-size:16px;max-width:520px}.check-list{padding:0;list-style:none;margin:28px 0}.check-list li{padding:11px 0;border-bottom:1px solid #dce2dc;font:700 13px var(--font)}.check-list li:before{content:'↗';color:#65a05f;margin-right:13px}.product-status{display:inline-block;background:#e6efd8;color:#456b45;border-radius:3px;padding:9px 12px;font:800 10px var(--font);letter-spacing:.025em}.product-status.development{background:#e3e9eb;color:#506b76}.portal-section{background:#eef1e9}.portal-art{height:420px;background:#fff;border-radius:13px;box-shadow:0 40px 80px #233d3221;border:1px solid #dbe5d7;overflow:hidden;transform:rotate(2deg)}.art-header{background:#192e39;color:#c7ec95;padding:18px 25px;font:800 10px var(--font);letter-spacing:.14em;display:flex;justify-content:space-between}.art-content{padding:32px 26px}.art-top{display:flex;justify-content:space-between;align-items:center;font:800 23px var(--font);letter-spacing:-.04em}.art-top small{font-size:9px;color:#788a86;letter-spacing:0}.calendar-head,.calendar-grid{display:grid;grid-template-columns:repeat(5,1fr)}.calendar-head{margin-top:27px;color:#85918b;font:800 8px var(--font);text-align:center;letter-spacing:.1em}.calendar-grid{margin-top:9px;min-height:205px}.calendar-day{border:1px solid #e6ebe5;border-right:0;padding:10px 5px;min-width:0}.calendar-day:last-child{border-right:1px solid #e6ebe5}.calendar-day b{font-size:10px}.cal-event{display:block;border-radius:3px;padding:7px 4px;margin-top:12px;font:700 7px var(--font);line-height:1.35}.cal-event.lime{background:#e3f1d4;color:#4e7956}.cal-event.blue{background:#dfeae9;color:#456e78}.cal-event.orange{background:#f5e8d8;color:#a26c3a}.cal-event.gray{background:#edf0ed;color:#718077}.art-bottom{display:flex;justify-content:space-between;color:#9ca7a0;font:800 8px var(--font);letter-spacing:.1em;margin-top:17px}.app-section{background:#f8f9f5}.app-grid{grid-template-columns:1fr 1fr}.app-art{height:470px;background:#dfe9dc;border-radius:14px;position:relative;overflow:hidden}.app-art-orbit{position:absolute;width:420px;height:420px;border:1px solid #9db69c;border-radius:50%;top:25px;left:50px;box-shadow:0 0 0 50px #c1d5c02b,0 0 0 100px #c1d5c024}.app-card{position:absolute;width:260px;height:320px;border-radius:15px;padding:24px;box-shadow:0 25px 50px #283d3a30}.app-card small{font:800 9px var(--font);letter-spacing:.11em}.app-card strong{display:block;font:800 25px var(--font);letter-spacing:-.055em;line-height:1.1;margin-top:17px}.app-card.back{left:37px;top:42px;background:#172e3a;color:#fff;transform:rotate(-12deg)}.app-card.back small{color:#b5db84}.app-card.back span{font-size:10px}.bars{height:105px;display:flex;align-items:end;gap:8px;margin:36px 0 18px}.bars i{width:22px;background:#a3d479;border-radius:3px 3px 0 0}.bars i:nth-child(1){height:45px}.bars i:nth-child(2){height:65px}.bars i:nth-child(3){height:57px}.bars i:nth-child(4){height:83px}.bars i:nth-child(5){height:71px}.bars i:nth-child(6){height:99px}.app-card.front{right:40px;top:75px;background:#fff;transform:rotate(8deg)}.app-card.front small{color:#6a9a59}.app-card.front strong{font-size:20px;margin:12px 0 22px}.app-ex{border-top:1px solid #e7eae5;padding:13px 0;display:flex;gap:13px;font:800 10px var(--font)}.app-ex span{color:#83aa69}.app-ex small{display:block;color:#8a9995;font:500 8px var(--body);margin-top:4px}.app-card-action{background:#c5ee84;padding:11px;border-radius:4px;font:800 9px var(--font);display:flex;justify-content:space-between}.app-art-label{position:absolute;bottom:15px;left:20px;font:800 8px var(--font);letter-spacing:.12em;color:#718a7a}.modules{background:#0e202b;color:#fff}.section-heading{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:47px}.section-heading h2{max-width:730px;margin:0}.section-heading>p{max-width:300px;color:#71807e;margin:0}.modules .section-heading>p{color:#a4b4b6}.modules h2{font-size:clamp(2.8rem,4.7vw,4.9rem)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff26;border-left:1px solid #ffffff26}.module-card{min-height:260px;border-right:1px solid #ffffff26;border-bottom:1px solid #ffffff26;padding:26px;position:relative}.module-icon{font-size:25px;color:var(--lime)}.module-number{position:absolute;right:25px;top:28px;color:#6f8b91;font:800 10px var(--font)}.module-card h3{font-size:23px;letter-spacing:-.045em;margin:43px 0 12px}.module-card p{color:#9fb0b4;font-size:13px;line-height:1.6;max-width:300px}.module-state{display:inline-block;color:var(--lime);font:800 8px var(--font);letter-spacing:.1em}.brand-section{background:#172d39;color:#fff}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.brand-grid h2{font-size:clamp(2.8rem,4.8vw,5rem)}.brand-grid p:not(.eyebrow){color:#b4c5c8;max-width:500px}.brand-tags{display:flex;gap:9px;margin:28px 0}.brand-tags span{border:1px solid #758b8e;color:#d3e0df;padding:9px 13px;border-radius:3px;font:800 11px var(--font)}.brand-grid .brand-status{font-size:11px;color:#9bb2b4}.brand-demo{width:min(100%,420px);height:450px;margin:auto;background:#eaf0e7;border-radius:13px;box-shadow:0 25px 80px #07141c80;overflow:hidden;--demo-accent:#c4f36b}.brand-demo-top{height:48px;background:#0d1d27;color:#b9c7c7;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font:800 9px var(--font);letter-spacing:.11em}.brand-demo-main{background:#fff;margin:21px 28px 0;border-radius:11px;height:300px;padding:24px}.brand-demo-icon{width:45px;height:45px;background:var(--demo-accent);display:grid;place-items:center;border-radius:8px;font:800 25px var(--font);margin-bottom:18px}.brand-demo-main small{display:block;color:#869696;font:800 9px var(--font);letter-spacing:.1em}.brand-demo-main strong{display:block;color:#18313a;font:800 28px var(--font);letter-spacing:-.06em;line-height:1.15;margin:7px 0}.brand-demo-main>span{font-size:11px;color:#8a9897}.brand-demo-button{background:var(--demo-accent);margin-top:22px;padding:11px 12px;border-radius:4px;font:800 10px var(--font);display:flex;justify-content:space-between;color:#142a20}.color-switch{display:flex;gap:9px;justify-content:center;margin-top:19px}.color-choice{width:20px;height:20px;border:0;border-radius:50%;cursor:pointer}.color-choice.selected{outline:2px solid #1f3e38;outline-offset:2px}.color-choice[data-color=lime]{background:#c4f36b}.color-choice[data-color=blue]{background:#9edbe2}.color-choice[data-color=coral]{background:#f5b6a6}.plans{background:#f7f8f3}.plans .section-heading{align-items:end}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-card{min-height:365px;background:#fff;border:1px solid #dce3dc;padding:30px;position:relative}.plan-card.featured{background:#e8f1dd;border-color:#bbd6a5}.plan-index{font:800 10px var(--font);letter-spacing:.14em;color:#6d9c5a}.plan-card h3{font-size:33px;margin:45px 0 8px}.plan-card p{color:#6d7a7d;font-size:14px;min-height:52px}.plan-card ul{padding:15px 0 0;margin:20px 0 0;list-style:none;border-top:1px solid #d8e0d8}.plan-card li{padding:7px 0;font:700 12px var(--font)}.plan-card li:before{content:'✓';color:#73a261;margin-right:10px}.plan-footnote{font-size:11px;color:#778480;margin:18px 0 0}.faq{background:#eef2eb}.faq-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.faq h2{max-width:450px}.faq-list details{border-top:1px solid #cbd7cd;padding:19px 0}.faq-list details:last-child{border-bottom:1px solid #cbd7cd}.faq-list summary{font:800 15px var(--font);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:20px;color:#68995e}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#667578;font-size:13px;margin:15px 25px 0 0}.contact-section{background:#0c1b26;color:#fff;padding:95px 0}.contact-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:90px;align-items:end}.contact-grid h2{font-size:clamp(2.8rem,5vw,5rem)}.contact-grid p:not(.eyebrow){color:#acbec2;max-width:650px}.contact-action{text-align:right}.contact-action .button{min-width:240px}.contact-action small{display:block;color:#7f979d;margin-top:16px;font-size:11px}.footer{background:#08141d;color:#fff;padding:33px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:12px;color:#90a3a8;margin:0}.footer-grid>span{font-size:11px;color:#738b91}
@media(max-width:1100px){.main-nav{gap:15px}.hero-grid{grid-template-columns:47% 53%}.hero h1{font-size:clamp(4rem,7vw,5.5rem)}.desk-ui{left:-12px;transform:scale(.82) rotate(-2deg);transform-origin:top left}.phone-ui{right:-7px;transform:scale(.9) rotate(7deg);transform-origin:top right}.hero-visual{height:500px}.product-grid,.brand-grid{gap:50px}.app-card.back{left:13px}.app-card.front{right:15px}}@media(max-width:760px){.shell{width:min(100% - 36px,600px)}.section{padding:75px 0}.site-header{position:absolute}.nav-wrap{height:69px}.brand{font-size:19px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:12px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:#fff}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#102431;flex-direction:column;align-items:stretch;padding:15px 18px 25px;gap:0;box-shadow:0 15px 20px #0004}.main-nav.open{display:flex}.main-nav a{padding:13px 0}.main-nav .nav-contact{padding:13px;margin-top:8px}.hero{min-height:0}.hero-grid{display:block;padding-top:120px;min-height:0}.hero h1{font-size:clamp(3.7rem,13vw,6rem)}.hero-lead{font-size:16px}.hero-visual{height:415px;margin-top:35px}.desk-ui{left:0;top:12px;transform:scale(.7) rotate(-2deg);transform-origin:top left}.phone-ui{right:-1px;top:77px;transform:scale(.76) rotate(7deg);transform-origin:top right}.visual-caption{bottom:0;right:0}.hero-bottom{font-size:7px;padding:15px 0 20px}.intro-grid,.product-grid,.brand-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.intro-grid h2{margin-bottom:0}.intro-grid>div>p{font-size:16px}.flow-line{grid-template-columns:1fr;gap:8px}.flow-line>div{padding:17px 0;border-bottom:1px solid #d8e0d7}.product-copy h2,.brand-grid h2{font-size:clamp(2.6rem,11vw,4rem)}.portal-art{height:360px;transform:none}.art-content{padding:20px 12px}.calendar-grid{min-height:190px}.cal-event{font-size:6px}.app-grid .app-art{order:2}.app-grid .product-copy{order:1}.app-art{height:420px}.section-heading{display:block}.section-heading>p{margin-top:20px}.module-grid{grid-template-columns:repeat(2,1fr)}.module-card{min-height:230px;padding:19px}.module-card h3{margin-top:30px}.brand-demo{margin:15px auto 0}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}.plan-card h3{margin-top:25px}.contact-action{text-align:left}.footer-grid{flex-wrap:wrap}.footer p{width:100%}}@media(max-width:480px){.hero-visual{height:330px}.desk-ui{transform:scale(.52) rotate(-2deg)}.phone-ui{top:65px;transform:scale(.61) rotate(7deg)}.hero-bottom span:first-child,.hero-bottom span:last-child{max-width:110px;line-height:1.4}.hero-actions .button{width:100%}.module-grid{grid-template-columns:1fr}.module-card{min-height:190px}.module-card h3{margin-top:18px}.app-card{width:225px;height:300px;padding:19px}.app-card.back{left:-18px}.app-card.front{right:-8px}.app-ex{padding:10px 0}.brand-tags{flex-wrap:wrap}.brand-demo{height:420px}.brand-demo-main{margin:16px 17px 0}.faq-list summary{font-size:14px}.contact-grid h2{font-size:2.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Capturas reales y páginas de detalle */
.real-hero-portal{position:absolute;top:26px;left:0;width:560px;height:375px;object-fit:cover;object-position:top left;border:5px solid #243747;border-radius:12px;box-shadow:0 38px 100px #0008;transform:rotate(-2deg)}
.real-hero-app{position:absolute;right:-5px;top:100px;width:205px;height:408px;object-fit:cover;object-position:top;border:5px solid #243747;border-radius:28px;box-shadow:0 25px 60px #0009;transform:rotate(7deg)}
.real-art{padding:0;transform:rotate(2deg)}.real-art>:not(img),.real-app-art>:not(img){display:none}.real-art>img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.real-app-art{background:#dfe9dc;display:flex;align-items:center;justify-content:center}.real-app-art>img{height:94%;width:auto;max-width:92%;object-fit:contain;border-radius:17px;box-shadow:0 20px 55px #1c342b3d}
.detail-link{display:block;width:max-content;max-width:100%;margin-top:20px;border-bottom:1px solid #728d78;padding-bottom:7px;font:800 12px var(--font)}.detail-link span{color:#659857;margin-left:15px}
.sub-header{position:absolute;background:#0b1722}.detail-hero{background:radial-gradient(circle at 80% 30%,#1d3c42,#0b1722 65%);color:#fff;padding:170px 0 80px}.detail-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}.detail-hero h1{font-size:clamp(3.5rem,5.7vw,6.5rem);line-height:1.07;margin-bottom:27px}.detail-hero p:not(.eyebrow){color:#b9c9cb;font-size:17px;max-width:540px;margin-bottom:30px}.detail-hero-image{margin:0;min-width:0}.detail-hero-image img{width:100%;max-height:430px;object-fit:cover;object-position:top left;display:block;border:5px solid #294453;border-radius:12px;box-shadow:0 30px 80px #0006}.detail-hero-image figcaption{font-size:11px;color:#9fb8b5;margin-top:11px}.detail-hero-image.phone-capture{text-align:center}.detail-hero-image.phone-capture img{height:460px;width:auto;max-width:100%;margin:auto;object-fit:contain;border-radius:20px}.detail-status{background:#e7efdf;padding:25px 0}.detail-status .shell{display:grid;grid-template-columns:180px 1fr;gap:10px 30px}.detail-status strong{font:800 15px var(--font)}.detail-status p{font-size:13px;color:#445851;margin:0;line-height:1.65}.status-key{grid-column:2;display:flex;gap:15px;flex-wrap:wrap;font:800 10px var(--font);color:#48734e}.detail-section{padding:100px 0;background:#f7f8f3}.detail-section h2{max-width:850px}.screen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:45px}.screen-card{margin:0;background:#fff;border:1px solid #dce3dc;border-radius:10px;overflow:hidden}.screen-card.wide{grid-column:span 2}.screen-card img{width:100%;height:320px;object-fit:cover;object-position:top left;display:block}.screen-card.wide img{height:520px}.screen-card figcaption,.mobile-screen-grid figcaption{display:flex;justify-content:space-between;gap:15px;padding:15px 18px;font-size:11px;color:#7c8987}.screen-card figcaption b,.mobile-screen-grid figcaption b{font:800 13px var(--font);color:#203238}.mobile-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:45px}.mobile-screen-grid figure{margin:0;background:#fff;border:1px solid #dce3dc;border-radius:12px;overflow:hidden}.mobile-screen-grid img{display:block;width:100%;height:450px;object-fit:cover;object-position:top}.mobile-screen-grid figcaption{display:block}.mobile-screen-grid figcaption span{display:block;margin-top:3px}.feature-detail{background:#edf2ec}.feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.feature-group{background:#fff;border:1px solid #dce5db;padding:25px}.feature-group h3{font-size:24px;border-bottom:1px solid #dce5db;padding-bottom:20px;margin-bottom:10px}.feature-group article{padding:20px 0;border-bottom:1px solid #e9eeea}.feature-group article:last-child{border:0}.feature-group h4{font:800 16px var(--font);letter-spacing:-.03em;margin:8px 0}.feature-group p{font-size:12px;color:#687875;line-height:1.65;margin:0}.feature-state{font:800 9px var(--font);letter-spacing:.08em;text-transform:uppercase}.feature-state.local{color:#49835e}.feature-state.visual{color:#9a7148}.feature-state.planned{color:#7d7c9e}.app-feature-columns{grid-template-columns:1.25fr 1fr 1fr}.coach-showcase{background:#172d39;color:#fff;padding:100px 0}.coach-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.coach-grid h2{font-size:clamp(2.7rem,4.2vw,5rem)}.coach-grid p:not(.eyebrow){color:#afc3c4}.coach-grid figure{margin:0}.coach-grid img{display:block;width:100%;max-height:550px;object-fit:cover;object-position:top;border:5px solid #294453;border-radius:10px}.coach-grid figcaption{font-size:11px;color:#abc0be;margin-top:10px}.detail-next{background:#0b1722;color:#fff;padding:75px 0}.detail-next .shell{display:flex;justify-content:space-between;align-items:end;gap:30px}.detail-next h2{font-size:clamp(2.5rem,4vw,4rem);max-width:620px;margin:0}
@media(max-width:1100px){.real-hero-portal{width:470px;height:335px}.real-hero-app{right:0;width:175px;height:355px}.detail-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.detail-hero h1{font-size:4.5rem}}
@media(max-width:760px){.real-hero{height:425px}.real-hero-portal{width:100%;height:285px;left:0;top:20px}.real-hero-app{width:155px;height:310px;top:95px;right:0}.detail-hero{padding:130px 0 65px}.detail-hero-grid{grid-template-columns:1fr;gap:35px}.detail-hero h1{font-size:clamp(3.3rem,10vw,5rem)}.detail-hero-image img{max-height:330px}.detail-status .shell{display:block}.detail-status p{margin:10px 0}.status-key{margin-top:15px}.detail-section{padding:70px 0}.screen-grid{gap:15px}.screen-card img{height:230px}.screen-card.wide img{height:350px}.mobile-screen-grid{grid-template-columns:repeat(2,1fr);gap:15px}.mobile-screen-grid img{height:380px}.feature-columns,.app-feature-columns{grid-template-columns:1fr}.coach-grid{grid-template-columns:1fr;gap:30px}.detail-next .shell{display:block}.detail-next .button{margin-top:30px}}
@media(max-width:480px){.real-hero{height:345px}.real-hero-portal{height:230px}.real-hero-app{width:125px;height:250px;top:85px}.screen-grid{grid-template-columns:1fr}.screen-card.wide{grid-column:auto}.screen-card.wide img,.screen-card img{height:260px}.screen-card figcaption{display:block}.screen-card figcaption span{display:block;margin-top:4px}.mobile-screen-grid{grid-template-columns:1fr 1fr;gap:10px}.mobile-screen-grid img{height:290px}.mobile-screen-grid figcaption{padding:10px}.detail-hero-image.phone-capture img{height:400px}.detail-next h2{font-size:2.5rem}}

/* Recorrido del producto: pantallas completas y navegación por módulos */
.tour-section{padding:110px 0 125px;background:#f7f8f3}
.tour-intro{max-width:880px;margin-bottom:48px}.tour-intro h2{margin-bottom:17px}.tour-intro>p:last-child{color:#607074;font-size:17px;max-width:730px}
.tour-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.tour-nav{position:sticky;top:20px;display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid #d8e3dc;background:#eaf0e9;padding:10px;border-radius:14px;scrollbar-width:thin}
.tour-tab{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:12px 14px;border:0;border-radius:8px;background:transparent;text-align:left;color:#354a4b;font:800 13px var(--font);cursor:pointer;transition:background .18s,color .18s}
.tour-tab>span{font-size:10px;letter-spacing:.08em;opacity:.65}.tour-tab>b{font-size:13px;margin-left:auto;opacity:0}.tour-tab:hover{background:#dce9dd}.tour-tab[aria-current="true"]{background:#12312d;color:#e1ffa8;box-shadow:0 6px 20px #213e2f20}.tour-tab[aria-current="true"]>b{opacity:1}
.tour-stage{min-width:0;background:#fff;border:1px solid #dce4db;border-radius:14px;overflow:hidden;box-shadow:0 25px 70px #18362812}
.tour-stage-head{display:flex;align-items:center;gap:15px;min-height:57px;padding:9px 22px;background:#162933;color:#fff;font:800 11px var(--font);letter-spacing:.025em}.tour-count{color:#c4f36b;letter-spacing:.1em}.tour-status{border-left:1px solid #ffffff40;padding-left:15px;color:#bacbce}.tour-zoom{margin-left:auto;padding:8px 10px;border:1px solid #ffffff5a;border-radius:5px;background:none;color:#fff;font:700 11px var(--font);cursor:pointer}.tour-zoom:hover{background:#ffffff1c}.tour-zoom span{color:#c4f36b;margin-left:8px}
.tour-screen{margin:0;background:#e9efea;text-align:center;overflow:hidden}.tour-screen img{display:block;width:100%;height:auto;object-fit:contain;image-rendering:auto}.tour-screen figcaption{padding:9px 18px;color:#62766e;font-size:10px;text-align:right;border-top:1px solid #dae5db}.portal-tour .tour-screen img{aspect-ratio:1.44;background:#fff}.app-tour .tour-screen{padding:30px 20px 0;background:radial-gradient(circle at 50% 32%,#d8e8d9,#eaf0e9 70%)}.app-tour .tour-screen img{width:390px;max-width:100%;aspect-ratio:390/844;margin:auto;border:7px solid #183039;border-radius:29px 29px 0 0;box-shadow:0 16px 45px #173c2a39}.app-tour .tour-screen figcaption{margin:0 -20px;background:#fff}
.tour-copy{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:30px 35px 35px}.tour-copy-kicker{font:800 10px var(--font);letter-spacing:.14em;color:#679061;margin-bottom:13px}.tour-copy h3{font-size:clamp(24px,2.8vw,36px);margin-bottom:13px}.tour-description{color:#5f7072;font-size:13px;line-height:1.75}.tour-points{list-style:none;padding:0;margin:0}.tour-points li{position:relative;padding:10px 0 10px 20px;border-bottom:1px solid #e4eae4;font-size:12px;line-height:1.5;color:#35494a}.tour-points li:before{content:'↗';position:absolute;left:0;color:#6a9b5e;font-weight:800}.tour-demo{display:inline-flex;margin-top:12px;padding:11px 0;border-bottom:2px solid #91bb72;font:800 12px var(--font);color:#183b34}.tour-demo span{margin-left:15px;color:#6a9b5e}
.tour-modal{width:min(98vw,1550px);max-width:98vw;max-height:96vh;border:0;border-radius:12px;padding:56px 15px 15px;background:#142b34;overflow:auto;box-shadow:0 40px 100px #0009}.tour-modal::backdrop{background:#07141cde}.tour-modal img{display:block;width:auto;max-width:none;height:auto;margin:auto;background:#fff}.tour-close{position:sticky;top:-46px;display:block;margin:-45px 0 18px auto;z-index:1;background:#c4f36b;color:#152922;border:0;border-radius:5px;padding:9px 16px;font:800 12px var(--font);cursor:pointer}
.tour-live[hidden],.tour-screen[hidden],.tour-zoom[hidden]{display:none}.tour-view-switch{display:flex;margin-left:auto;padding:3px;border:1px solid #ffffff38;border-radius:6px}.tour-view-switch button{padding:7px 11px;border:0;border-radius:4px;background:none;color:#b5c5c5;font:800 10px var(--font);cursor:pointer}.tour-view-switch button[aria-pressed="true"]{background:#c4f36b;color:#183329}.tour-view-switch+.tour-zoom{margin-left:0}.tour-live{background:#edf2ed}.tour-frame{display:block;width:100%;height:730px;border:0;background:#fff}.tour-live>p{margin:0;padding:10px 18px;border-top:1px solid #d7e0d8;color:#60746c;font-size:10px;text-align:right}.app-tour .tour-live{padding:28px 18px 0;background:radial-gradient(circle at 50% 30%,#d7e8d8,#e9f0e9 70%)}.app-tour .tour-frame{width:390px;max-width:100%;height:765px;margin:auto;border:7px solid #193039;border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 16px 45px #173c2a39}.app-tour .tour-live>p{margin:0 -18px;background:#fff}
.detail-hero-image:not(.phone-capture) img{height:auto;max-height:none;object-fit:contain}.detail-hero-image:not(.phone-capture){background:#102a34;padding:6px;border-radius:13px}
@media(max-width:900px){.tour-layout{grid-template-columns:1fr}.tour-nav{position:static;display:flex;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.tour-tab{width:auto;min-width:max-content}.tour-copy{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tour-section{padding:70px 0 80px}.tour-intro{margin-bottom:28px}.tour-intro>p:last-child{font-size:15px}.tour-stage-head{padding:9px 12px;gap:8px;flex-wrap:wrap}.tour-status{font-size:10px;padding-left:8px}.tour-view-switch{order:3;width:100%;justify-content:center}.tour-zoom{font-size:10px}.tour-copy{grid-template-columns:1fr;padding:24px 21px 28px;gap:5px}.tour-tab{min-height:48px}.tour-frame{height:630px}.app-tour .tour-live{padding:20px 12px 0}.app-tour .tour-frame{width:340px;height:700px}.app-tour .tour-live>p{margin:0 -12px}.app-tour .tour-screen{padding:20px 12px 0}.app-tour .tour-screen img{width:340px}.app-tour .tour-screen figcaption{margin:0 -12px}.tour-modal{padding:55px 10px 10px}}

/* Las capturas verticales se recorren a su tamaño natural. */
.app-tour .tour-screen{max-height:900px;overflow-y:auto}
.app-tour .tour-screen img{aspect-ratio:auto;height:auto;object-fit:initial}
@media(max-width:640px){.app-tour .tour-screen{max-height:75vh}}