:root{--bg:#f5f5ef;--ink:#161a17;--muted:#646b64;--green:#baf279;--dark:#151b16;--line:#dcded6;--card:#fff;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 44px));margin:auto}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-family:var(--font-body);font-weight:800;font-size:27px;letter-spacing:-1.7px}.logo span{color:#74a936}.logo small{font-size:9px;display:block;letter-spacing:3px;font-weight:700;margin-top:-3px}.nav{display:flex;gap:32px;font-size:13px;font-weight:700}.nav a:hover{opacity:.55}.nav-cta{background:var(--ink);color:white;padding:13px 19px;border-radius:100px;font-size:13px;font-weight:700}.menu-btn{display:none;background:none;border:0;font-size:25px}.hero{padding:88px 0 100px;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:52px}.eyebrow{display:inline-flex;gap:10px;align-items:center;text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:11px}.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:#84c842}.hero h1{font-family:var(--font-body);font-size:clamp(53px,6.8vw,100px);line-height:1.045;letter-spacing:-.078em;margin:24px 0}.hero h1 em{font-style:normal;color:#7ba44e}.hero p{max-width:520px;color:#565e55;font-size:17px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:100px;padding:17px 23px;font-weight:800;font-size:13px;border:1px solid var(--ink);transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn.dark{background:var(--ink);color:white}.btn.light{background:transparent}.hero-art{position:relative;min-height:490px;background:#d9e8cb;border-radius:32px;overflow:hidden;padding:32px;display:flex;flex-direction:column;justify-content:space-between}.art-top{display:flex;justify-content:space-between;align-items:start}.art-top span{font-size:12px;font-weight:800}.orbit{position:absolute;top:17%;left:7%;width:88%;aspect-ratio:1;border:1px solid rgba(30,52,25,.23);border-radius:50%}.orbit.two{top:26%;left:18%;width:66%}.orbit.three{top:35%;left:29%;width:44%}.node{position:absolute;width:19px;height:19px;background:#1d2c1b;border:5px solid #d9e8cb;border-radius:50%;box-shadow:0 0 0 1px #1d2c1b}.node.n1{top:28%;left:13%}.node.n2{top:59%;right:14%}.node.n3{top:19%;right:25%}.art-word{font-family:var(--font-body);position:relative;z-index:1;font-size:clamp(105px,12vw,165px);letter-spacing:-.13em;font-weight:800;line-height:1;text-align:center;margin:auto -20px}.art-word span{color:#7cb14e}.art-bottom{position:relative;display:flex;justify-content:space-between;align-items:end;gap:10px}.art-bottom p{font-size:13px;line-height:1.6;max-width:180px;margin:0}.art-bottom .symbol{font-size:52px;line-height:1}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#586054}.ticker span:before{content:'✳';color:#7da94d;margin-right:12px}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-head h2,.about h2,.contact h2{font-family:var(--font-body);font-size:clamp(38px,4.4vw,65px);line-height:1.13;letter-spacing:-.065em;margin:14px 0 0}.section-head p{max-width:360px;color:var(--muted);line-height:1.8;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{background:#fff;border:1px solid #e8e9e1;border-radius:23px;padding:32px;min-height:305px;display:flex;flex-direction:column}.service .num{color:#83917d;font-size:12px;font-weight:800}.service .ico{font-size:37px;margin:27px 0 18px}.service h3{font-family:var(--font-body);font-size:23px;letter-spacing:-1px;margin:0 0 12px}.service p{color:var(--muted);line-height:1.75;font-size:14px;margin:0}.service .tag{margin-top:auto;padding-top:20px;font-size:12px;font-weight:800}.dark-section{background:var(--dark);color:white;border-radius:32px;padding:65px 55px}.dark-section .section-head p{color:#b5bfb3}.projects{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{background:#242d24;border-radius:20px;overflow:hidden}.project-visual{height:280px;display:flex;align-items:center;justify-content:center;padding:25px}.visual-gestoria{background:#d9d4c8}.visual-beauty{background:#dfc8ca}.mini-browser{width:100%;max-width:450px;height:215px;background:#faf8f2;border-radius:12px;box-shadow:0 18px 45px #0002;overflow:hidden;transform:rotate(-2deg)}.browser-top{height:26px;border-bottom:1px solid #ddd;display:flex;gap:5px;align-items:center;padding:0 13px}.browser-top i{height:6px;width:6px;border-radius:50%;background:#bbb}.browser-content{padding:25px;color:#26333a}.browser-content .tiny{font-size:8px;letter-spacing:2px;font-weight:800}.browser-content h4{font-family:Georgia,serif;font-size:31px;line-height:1.12;max-width:280px;margin:12px 0}.browser-content .fake-btn{display:inline-block;background:#26333a;color:white;padding:9px 15px;font-size:8px;margin-top:5px}.visual-beauty .mini-browser{background:#fbf5f0;transform:rotate(2deg)}.visual-beauty .browser-content{color:#5c3c43}.visual-beauty .browser-content .fake-btn{background:#5c3c43}.project-info{padding:25px}.project-info .pill{font-size:10px;border:1px solid #7d897d;border-radius:50px;padding:6px 10px;color:#c6d3c5}.project-info h3{font-size:21px;margin:17px 0 8px}.project-info p{font-size:13px;color:#aab7aa;line-height:1.7;margin:0}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.about-card{min-height:420px;border-radius:28px;background:#c6d9b9;position:relative;overflow:hidden;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.about-card .big{font:800 clamp(100px,16vw,220px)/1 var(--font-body);letter-spacing:-.13em;color:#233724}.about-card .bottom{font-size:14px;font-weight:800}.about-card .stamp{position:absolute;right:25px;top:25px;border:1px solid #3d5438;border-radius:100%;padding:14px;font-size:11px;font-weight:800;transform:rotate(9deg)}.about p{font-size:16px;line-height:1.9;color:#5e675d}.facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.fact{border-top:1px solid #cdd2c8;padding-top:16px}.fact strong{display:block;font:800 27px var(--font-body)}.fact span{font-size:12px;color:#667062}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step{border-top:1px solid #b9c0b5;padding-top:20px}.step b{color:#759a4f;font-size:12px}.step h3{font-size:21px;margin:22px 0 10px}.step p{font-size:14px;color:#687066;line-height:1.8}.contact{background:#d3e6c5;border-radius:32px;padding:68px;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.contact h2{max-width:720px}.contact p{line-height:1.8;color:#475a42;max-width:550px}.contact .btn{white-space:nowrap}footer{padding:10px 0 36px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#657064;font-size:12px}.footer-links{display:flex;gap:22px}.notice{font-size:11px;color:#7b8579;margin-top:14px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{gap:14px}.hero{grid-template-columns:1fr;gap:28px;padding:55px 0}.hero-art{min-height:390px}.art-word{font-size:clamp(95px,19vw,160px)}.about-grid{gap:35px}.contact{padding:45px}}@media(max-width:650px){.container{width:min(100% - 32px,1180px)}.topbar{height:70px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg);z-index:5;padding:20px 25px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-btn{display:block}.nav-cta{margin-left:auto}.hero h1{font-size:clamp(52px,12vw,76px)}.hero-art{min-height:350px}.section{padding:68px 0}.section-head{display:block}.section-head p{margin-top:20px}.cards,.projects,.about-grid,.steps{grid-template-columns:1fr}.service{min-height:245px}.dark-section{padding:35px 20px;border-radius:24px}.project-visual{height:245px}.about-card{min-height:320px}.about-card .big{font-size:160px}.contact{padding:35px 25px;display:block}.contact .btn{margin-top:15px}footer{align-items:start;flex-direction:column}.ticker{gap:15px}.ticker span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Actualización: proyectos reales y formación */
.project-real .project-info{min-height:165px}.project-demo{opacity:.94}.visual-nayal{background:#e5e7d7}.visual-nutrigo{background:#d7e8e5}.product-preview{width:100%;max-width:460px;height:225px;border-radius:13px;background:#f8faf4;color:#202922;padding:19px 22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 40px #13231921;transform:rotate(-1.4deg)}.visual-nutrigo .product-preview{background:#f6fbf9;transform:rotate(1.4deg)}.preview-head,.preview-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;font-weight:800;letter-spacing:1px}.preview-head span:nth-child(2){margin-right:auto}.preview-dot{width:9px;height:9px;background:#87b953;border-radius:50%}.preview-center{padding-left:8px}.preview-kicker{font-size:9px;font-weight:800;letter-spacing:2px;color:#607b57}.preview-center strong{font:800 clamp(48px,6vw,77px)/1 var(--font-body);letter-spacing:-.08em;display:block;margin:8px 0}.preview-center p{font-size:12px;margin:0;color:#607265}.preview-point{color:#8ebf5b}.visual-nutrigo .preview-point{color:#3e9e89}.pill-real{border-color:#8ebf5b!important;color:#bdf29c!important}.education{padding-top:45px}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.education-card{background:#fff;border:1px solid #e1e5da;border-radius:25px;padding:32px;min-height:330px;display:flex;flex-direction:column}.education-card.active{background:#e4efd9}.edu-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:800;letter-spacing:1px;color:#687267}.edu-status{border-radius:50px;padding:7px 10px;white-space:nowrap;letter-spacing:0}.edu-status.done{background:#e9eee4;color:#426c3a}.edu-status.now{background:#c1e9a5;color:#26461e}.edu-icon{font-size:39px;color:#658b50;margin:30px 0 12px}.education-card h3{font:800 clamp(22px,2.6vw,30px)/1.25 var(--font-body);letter-spacing:-1px;margin:0 0 13px;max-width:480px}.education-card p{font-size:14px;color:#626e61;line-height:1.7;margin:0 0 25px}.edu-foot{font-size:11px;font-weight:800;margin-top:auto;color:#63715f}.experience-strip{background:#19221b;color:#fff;border-radius:24px;padding:35px 38px;margin-top:18px;display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center}.experience-strip h3{font:800 26px/1.3 var(--font-body);letter-spacing:-1px;margin:12px 0 0}.experience-timeline{display:grid;gap:15px}.experience-timeline span{font-size:13px;color:#c4d2c3;border-left:2px solid #a7d77b;padding-left:14px;line-height:1.6}.experience-timeline b{color:#fff}@media(max-width:650px){.education-grid,.experience-strip{grid-template-columns:1fr}.education-card{min-height:285px;padding:24px}.experience-strip{padding:26px}.edu-meta{font-size:9px}.preview-center strong{font-size:56px}}

/* Tarifas y condiciones */
.pricing-section{padding:100px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.price-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:13px}.price-card.featured{background:#e9f7da;border-color:#a7cb84}.price-label{font-size:12px;letter-spacing:1.7px;font-weight:800}.price-number{font:800 clamp(38px,4vw,58px)/1.1 var(--font-body);letter-spacing:-2px}.price-vat{font-size:14px;color:#596457}.price-total{border-top:1px solid #cbd5c4;padding-top:16px;font-weight:700;font-size:17px;margin-top:auto}.price-note{font-size:13px;color:var(--muted);line-height:1.65}.pricing-subtitle{font-size:25px;margin:65px 0 12px;font-family:var(--font-body);letter-spacing:-1px}.maintenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.maintenance-card{border:1px solid var(--line);border-radius:18px;padding:23px;background:#fff}.maintenance-card strong{font-size:25px;display:block;margin:12px 0 4px}.maintenance-card span{font-size:13px;color:var(--muted)}.optional-notice{border-left:4px solid #80ba49;padding:16px 20px;background:#eaf3df;border-radius:0 12px 12px 0;font-weight:600;line-height:1.7}.payment-section{background:#19221a;color:#fff;border-radius:30px;padding:42px;margin:44px 0 0}.payment-section h3{font:800 clamp(25px,3vw,38px)/1.2 var(--font-body);letter-spacing:-1.5px;margin:0 0 13px}.payment-section>p{color:#d0d9cb;line-height:1.7}.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.payment-step{background:#2a372b;border:1px solid #465646;border-radius:16px;padding:24px}.payment-step strong{display:block;font:800 39px var(--font-body);color:#baf279}.payment-step span{display:block;margin-top:7px;font-weight:600}.payment-foot{font-size:14px;color:#d0d9cb;line-height:1.8}.pricing-footnote{margin-top:22px;color:var(--muted);font-size:13px;line-height:1.8}
@media(max-width:760px){.pricing-section{padding:65px 0}.pricing-grid,.maintenance-grid,.payment-grid{grid-template-columns:1fr}.price-card{padding:25px}.payment-section{padding:26px 22px;border-radius:22px}.pricing-subtitle{margin-top:45px}}

/* Nodo Studios: clear case studies, genuine screens and mobile-first refinements. */
:root{--font-body:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow:0 18px 50px rgba(24,40,23,.08)}
html{scroll-padding-top:105px}body{font-family:var(--font-body);overflow-x:clip}main,section,article,div{min-width:0}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #487726;outline-offset:5px}::selection{background:#baf279;color:#161a17}
.skip-link{position:fixed;top:10px;left:16px;z-index:100;background:#161a17;color:white;padding:14px 20px;border-radius:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,245,239,.96);border-bottom:1px solid rgba(220,222,214,.7);backdrop-filter:blur(16px)}.topbar{height:82px}.logo{font-size:29px;letter-spacing:-1.7px;line-height:1}.logo small{margin-top:7px;font-size:8px;letter-spacing:3.5px}.nav{gap:27px;font-size:12px}.nav a{padding:10px 0}.nav a[aria-current]{color:#507b32}.menu-btn{width:42px;height:42px;border-radius:10px;align-items:center;justify-content:center;color:var(--ink)}.nav-cta{padding:13px 20px}.container{width:min(1180px,calc(100% - 48px))}
.hero{grid-template-columns:1.05fr 1fr;gap:60px;padding:78px 0 80px}.hero h1{font-size:clamp(54px,6.2vw,87px);letter-spacing:-.065em;line-height:1.055;max-width:630px}.hero h1 em{color:#557c37}.hero p{font-size:16px;line-height:1.85;max-width:475px}.hero .eyebrow{font-size:10px;letter-spacing:1.55px}.hero .actions{gap:12px}.btn{line-height:1.3;text-align:center;min-height:48px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px #1b331519}.btn.dark:hover{background:#35492b}.work-stage{position:relative;height:502px;background:#dce7d3;border:1px solid #cfddc5;border-radius:27px;overflow:hidden;isolation:isolate}.stage-heading{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.4px;font-weight:750;padding:25px 24px;color:#405c33}.stage-count{white-space:nowrap}.hero-window{position:absolute;left:24px;top:86px;width:88%;border:1px solid #d4dace;background:#fafbf7;border-radius:12px;box-shadow:0 15px 45px #34432c20;overflow:hidden;transform:rotate(-3deg);transition:transform .25s}.hero-window:hover{transform:rotate(-1deg) translateY(-3px)}.window-strip{height:30px;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:0 12px;background:#fafbf8;border-bottom:1px solid #e0e3dc;font-size:8px;color:#788370;font-weight:500}.window-dots{display:flex;gap:3px}.window-dots i{width:5px;height:5px;background:#b4c1aa;border-radius:50%;display:block}.hero-window img{aspect-ratio:1.55;object-fit:cover;object-position:top}.hero-phone{position:absolute;right:27px;top:191px;width:42%;max-width:213px;background:#101c18;border:4px solid #15201a;box-shadow:0 20px 40px #2538272b;border-radius:21px;transform:rotate(4deg);overflow:hidden;transition:transform .25s;z-index:2}.hero-phone:hover{transform:rotate(2deg) translateY(-4px)}.phone-heading{display:flex;gap:6px;align-items:center;padding:11px 10px 8px;font-size:12px;font-weight:750;color:white}.nutri-mark{display:inline-flex;align-items:center;justify-content:center;background:#76b9a6;color:#102f25;border-radius:8px;width:25px;height:25px;font-size:12px;font-weight:800}.phone-heading .nutri-mark{width:20px;height:20px;border-radius:6px;font-size:10px}.live-dot{background:#bff084;border-radius:50%;width:5px;height:5px;margin-left:auto}.hero-phone img{width:100%;height:auto;border-radius:9px}.phone-footer{display:block;text-align:center;font-size:6px;color:#c0d7ca;padding:8px 3px}.stage-bottom{position:absolute;left:24px;bottom:23px;font-size:13px;color:#31492b;line-height:1.5;width:45%}.stage-bottom>span{display:block;font-weight:650;letter-spacing:-.2px}.stage-bottom a{font-size:10px;display:inline-flex;gap:7px;margin-top:13px;text-decoration:underline;text-underline-offset:3px}.ticker{font-size:10px;letter-spacing:1.6px;gap:15px;padding:22px 0}.ticker span:before{color:#537e37}
.section{padding:86px 0}.section-head{margin-bottom:36px}.section-head h2,.about h2,.contact h2{font-size:clamp(36px,4.2vw,57px);letter-spacing:-.055em;line-height:1.12}.section-head p{font-size:14px;line-height:1.85;max-width:370px}.eyebrow{font-size:10px;letter-spacing:1.5px}.eyebrow:before{background:#73994c}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}.anchor-alias{position:relative;top:-105px}.accent-dot{color:#6c9747}.work-section{padding-bottom:50px}.work-intro{padding:18px 22px;border:1px solid #dee2d7;border-radius:14px;display:flex;align-items:flex-start;gap:14px;background:#eef1e7;margin:0 0 35px}.work-intro p{font-size:13px;line-height:1.75;margin:0;color:#53624b}.small-node{width:9px;height:9px;flex:0 0 9px;margin-top:7px;border-radius:50%;background:#84ac61}
.case-study{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce0d5;border-radius:27px;background:#fff;overflow:hidden;margin-bottom:30px;box-shadow:0 4px 20px #19251703;scroll-margin-top:104px}.case-copy{padding:38px 36px}.case-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:8px;font-weight:700;letter-spacing:1.05px;color:#66735e}.case-category{letter-spacing:.15px;background:#ecf2e7;border:1px solid #dbe5d4;padding:6px 9px;border-radius:30px;text-transform:none}.case-copy h3{margin:23px 0 12px;font-size:48px;letter-spacing:-2.6px;line-height:1}.case-copy h3>span{color:#65914a}.case-lead{font-size:20px;line-height:1.45;font-weight:650;letter-spacing:-.6px;margin:0 0 17px}.case-description{font-size:13px;line-height:1.9;color:#62705e;margin:0 0 24px}.case-features{display:grid;gap:17px}.case-features>div{display:flex;gap:13px}.feature-sign{flex:0 0 25px;height:25px;border:1px solid #d9e5d5;border-radius:7px;background:#f1f7ed;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#577e3e;margin-top:2px}.case-features strong{font-size:13px;font-weight:700;display:block;margin-bottom:4px;line-height:1.6}.case-features p{font-size:12px;line-height:1.85;color:#677261;margin:0}.build-details{border-top:1px solid #e2e6dd;margin-top:27px;padding-top:15px}.build-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;list-style:none;cursor:pointer;padding:4px 0;line-height:1.6}.build-details summary::-webkit-details-marker{display:none}.build-details summary span{font-size:22px;line-height:1;font-weight:400;transition:transform .2s}.build-details[open] summary span{transform:rotate(45deg)}.build-details>div{padding:10px 0 0}.build-details p{font-size:12px;line-height:1.9;color:#5e6b58;margin:9px 0}.build-details small{display:block;font-size:10px;color:#68715f;line-height:1.8;margin:15px 0 0}
.case-showcase{padding:30px 30px 27px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.nutri-showcase{background:#e8eee3}.preview-label{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#5f7156;margin-bottom:20px}.status-label{display:inline-flex;align-items:center;gap:6px;font-weight:750;font-size:8px;letter-spacing:.8px}.status-label i{width:5px;height:5px;border-radius:50%;background:#598549}.nutri-screen{display:block;max-width:360px;width:100%;padding:10px;background:#101c17;border:1px solid #1b3424;border-radius:20px;color:white;text-align:left;box-shadow:0 22px 50px #26402225;overflow:hidden;transition:transform .25s}.nutri-screen:hover{transform:translateY(-3px)}.nutri-screen-title{display:flex;align-items:center;gap:8px;padding:6px 5px 14px;font-size:17px}.nutri-screen-title>span:last-child{font-size:9px;font-weight:400;color:#a6c5b9;margin-left:auto}.nutri-screen img{border-radius:12px;width:100%;height:auto}.screen-expand{display:flex;justify-content:space-between;align-items:center;padding:13px 6px 3px;color:#c8d8cd;font-size:10px}.capture-caption{font-size:10px;color:#60705a;line-height:1.8;margin:18px 0 0;width:100%;max-width:430px}.proof-note{width:100%;margin-top:24px;padding-top:23px;border-top:1px solid #cddac3;display:flex;align-items:flex-start;gap:14px;font-size:11px;color:#4c6244;line-height:1.8}.proof-note>span{font-size:26px;line-height:1}.proof-note p{margin:0}.proof-note b{display:block;font-size:11px;color:#3d5135;margin-bottom:5px}.nayal-showcase{background:#eeeae0}.case-nayal .case-category{background:#f4efe3;border-color:#e5dbc4;color:#766249}.case-nayal .case-copy h3>span{color:#af8562}.case-nayal .feature-sign{background:#f7f3ea;border-color:#e7ddca;color:#8c7057}.case-nayal .capture-caption{color:#756b5c}.case-nayal .proof-note{border-color:#d6cfc0;color:#71634d}.case-nayal .proof-note b{color:#665640}.case-nayal .preview-label{color:#776b58}.capture-browser{width:100%;border:1px solid #d3d1c4;border-radius:13px;overflow:hidden;background:#f8f8f2;box-shadow:0 17px 35px #57442a12}.capture-browser .window-strip{font-size:9px;height:33px;background:#f6f4ed;color:#746f5e}.nayal-image-button{display:block;border:0;background:none;padding:0;width:100%;cursor:zoom-in}.nayal-image-button img{width:100%;height:auto;transition:opacity .15s}.capture-selector{display:flex;gap:5px;padding:11px;justify-content:center;border-top:1px solid #e2dfd5;background:#faf9f4}.capture-selector button{padding:8px 13px;font-size:10px;border-radius:7px;color:#746850;background:transparent;border:1px solid transparent}.capture-selector button:hover{background:#eae9dc}.capture-selector button[aria-pressed=true]{background:#dde4d5;color:#384f32;border-color:#c3ceba;font-weight:700}.text-action{padding:12px 0 2px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;background:none;font-size:11px;color:#625a48;align-self:stretch;text-align:left}.text-action span{font-size:16px}.work-bridge{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:34px 38px;background:#e2eacf;border-radius:20px;margin-top:36px}.work-bridge h3{font-size:26px;line-height:1.3;letter-spacing:-.8px;margin:13px 0 12px}.work-bridge p{font-size:12px;line-height:1.9;margin:0;max-width:645px;color:#5e6d4c}.work-bridge .btn{flex-shrink:0;font-size:12px;padding:15px 18px}
#servicios{padding-top:45px}.service{min-height:300px;padding:28px}.service .ico{font-size:32px;margin:23px 0 16px}.service h3{font-size:21px;letter-spacing:-.65px}.service p{font-size:13px}.service .tag{font-size:11px}.service{transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.about-grid{gap:65px}.about p{font-size:14px;line-height:1.95}.about-card .big{font-size:180px}.about-card .stamp{background:#e3ecd7;font-size:10px;transform:rotate(5deg)}.facts .fact strong{font-size:24px}.education{padding-top:5px}.education-card h3{font-size:20px}.education-card p{font-size:13px}.experience-strip{margin-top:20px}.step h3{font-size:20px}.step p{font-size:13px}.steps{gap:26px}
.pricing-section{scroll-margin-top:100px;padding-top:20px}.price-number{font-variant-numeric:tabular-nums}.price-card{transition:box-shadow .2s,transform .2s}.price-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.price-card.featured{box-shadow:none}.price-card .btn{font-size:12px}.payment-example{border-top:1px solid #c8d2c0;margin-top:25px;padding-top:23px}.payment-example-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.payment-example-top label{font-size:13px;font-weight:700;line-height:1.6}.payment-example-top select{border:1px solid #bdcbb0;padding:11px 32px 11px 12px;border-radius:9px;background:#f8faf4;color:#2e4025;font-size:11px;max-width:100%}.payment-example-result{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:19px 0 13px}.payment-example-result span{background:#f9fbf6;border:1px solid #d9e3ce;border-radius:10px;padding:15px;color:#607152;font-size:10px}.payment-example-result b{display:block;margin-top:8px;font-size:20px;color:#2e4025;letter-spacing:-.6px}.payment-example-result span:last-child{background:#dfeccb;border-color:#c7d9b1}.payment-example>small{font-size:10px;color:#647058;line-height:1.8;display:block;max-width:640px}.pricing-footnote{line-height:1.85}.optional-notice{line-height:1.7}
.faq-section{padding-top:74px;padding-bottom:76px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 2px;list-style:none;font-size:15px;font-weight:600;cursor:pointer;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:#65715c;line-height:1.9;padding:0 35px 23px 2px;margin:0;max-width:850px}.contact{padding:56px;border:1px solid #c7dabc}.contact p{font-size:14px}.contact .btn{font-size:12px}footer{padding-bottom:40px}.notice{line-height:1.6}.footer-links{font-size:11px}.back-top{position:fixed;bottom:22px;right:20px;z-index:15;width:39px;height:39px;border:1px solid #bac8b0;background:#f4f8eef2;color:#354829;border-radius:12px;font-size:20px;box-shadow:0 4px 15px #1f371515}.back-top[hidden]{display:none}
.gallery-dialog{width:min(1240px,calc(100vw - 36px));height:min(90dvh,1050px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #d6decd;border-radius:20px;background:#f5f5ef;color:#20291b;box-shadow:0 20px 100px #0006}.gallery-dialog[open]{display:flex;flex-direction:column}.gallery-dialog::backdrop{background:rgba(12,22,13,.84);backdrop-filter:blur(5px)}body.gallery-open{overflow:hidden}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 22px;border-bottom:1px solid #d8dfce;flex-shrink:0}.gallery-toolbar>div{display:flex;align-items:center;gap:17px}.gallery-toolbar p{margin:0;font-size:15px;font-weight:750}.gallery-toolbar span{font-size:10px;color:#6c785f}.gallery-close{border:1px solid #cdd6c5;background:transparent;border-radius:10px;padding:8px 13px;font-size:11px;display:flex;gap:10px;align-items:center}.gallery-close span{font-size:20px;color:#36452d}.gallery-viewport{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;align-items:center;justify-content:center;background:#e7ebe0}.gallery-viewport img{display:block;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto;box-shadow:0 5px 15px #0001;border-radius:7px}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;flex-shrink:0}.gallery-bottom p{font-size:11px;color:#5f6d51;line-height:1.7;max-width:810px;margin:0}.gallery-navigation{display:flex;gap:8px}.gallery-navigation button{width:36px;height:34px;border:1px solid #c9d3bf;background:#f8faf4;border-radius:9px}.gallery-navigation button:disabled{opacity:.35;cursor:default}.gallery-viewport img[data-portrait=true]{max-height:100%;width:auto}
@media(min-width:1250px){.case-nayal .case-showcase{padding:35px 24px}.case-nayal .case-copy{padding:38px 36px}.capture-browser{width:100%}}
@media(max-width:1100px){.nav{gap:18px}.hero{gap:35px}.hero h1{font-size:69px}.work-stage{height:465px}.hero-phone{top:195px;right:20px}.hero-window{top:80px;left:19px}.stage-bottom{left:20px;bottom:22px;width:44%}.stage-bottom>span{font-size:12px}.stage-heading{font-size:7px;padding:23px 20px}.stage-count{display:none}.case-copy{padding:30px 27px}.case-showcase{padding:27px 22px}.case-copy h3{font-size:43px}.case-lead{font-size:18px}.case-description{font-size:12px}.case-features strong{font-size:12px}.case-features p{font-size:11px}.case-meta{font-size:7px;gap:8px}.preview-label{font-size:8px}.work-bridge{padding:28px}.work-bridge h3{font-size:23px}.work-bridge p{max-width:530px}.about-grid{gap:35px}}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:28px}.hero h1{font-size:56px}.hero p{font-size:14px}.hero .eyebrow{font-size:8px}.hero .actions{gap:9px}.hero .btn{padding:13px 15px;font-size:11px}.work-stage{height:405px}.hero-window{top:67px;left:14px;width:93%}.hero-phone{top:169px;right:17px;width:47%;border-width:3px;border-radius:17px}.stage-bottom{bottom:25px;left:19px;font-size:11px;width:42%}.stage-bottom>span{font-size:11px}.stage-bottom a{font-size:9px;display:block}.window-strip{font-size:7px;padding:0 9px}.stage-heading{padding:21px 18px;letter-spacing:1px}.phone-heading{font-size:10px;padding:10px 8px 8px}.phone-heading .nutri-mark{width:17px;height:17px}.phone-footer{font-size:5px}.nav{gap:15px}.nav-cta{font-size:11px;padding:12px 16px}.section-head h2{font-size:43px}.section-head p{max-width:300px;font-size:12px}.case-study{grid-template-columns:1fr}.case-showcase{border-top:1px solid #d9e0d1;padding:27px 36px}.case-copy{padding:32px 36px}.case-description{font-size:14px}.case-features{grid-template-columns:1fr 1fr;gap:24px}.case-features p{font-size:12px}.case-features strong{font-size:13px}.case-copy h3{font-size:48px}.case-lead{font-size:21px}.build-details p{font-size:13px}.capture-caption{max-width:none}.proof-note{max-width:none}.capture-browser{max-width:650px}.preview-label{max-width:650px;width:100%;align-self:center}.nutri-screen{max-width:330px}.case-nutri .case-showcase{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:start}.case-nutri .preview-label{grid-column:1/-1;margin-bottom:19px}.case-nutri .nutri-screen{grid-row:2/5}.case-nutri .capture-caption{grid-column:2;font-size:11px;line-height:1.9;margin-top:18px}.case-nutri .proof-note{grid-column:2;margin-top:20px;line-height:1.85}.case-nutri .proof-note>span{display:none}.work-bridge{gap:25px}.work-bridge .btn{font-size:11px;max-width:170px}.about-card .big{font-size:135px}.cards{gap:11px}.service{padding:23px}.service h3{font-size:19px}.service p{font-size:12px}.service .tag{font-size:10px}.contact{padding:36px}.contact h2{font-size:42px}.contact .btn{white-space:normal}.payment-example-result b{font-size:19px}}
@media(max-width:720px){.container{width:calc(100% - 32px)}.topbar{height:71px;gap:12px}.logo{font-size:25px}.nav{display:none;position:absolute;top:71px;left:0;right:0;z-index:21;background:#f5f5ef;border-bottom:1px solid var(--line);padding:17px 23px;gap:7px}.nav.open{display:flex;flex-direction:column}.nav a{padding:10px;font-size:14px}.menu-btn{display:flex;border:1px solid #dde2d7;font-size:23px;flex-shrink:0}.nav-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding:43px 0 48px;gap:34px}.hero h1{font-size:clamp(49px,11.9vw,76px);max-width:550px;margin:20px 0;letter-spacing:-.065em}.hero p{font-size:15px;max-width:560px;line-height:1.9}.hero .eyebrow{font-size:9px}.hero .btn{padding:15px 20px;font-size:12px}.hero .actions{gap:10px;margin-top:25px}.work-stage{width:100%;height:440px;max-width:550px;margin:auto}.hero-window{left:24px;top:73px;width:87%}.hero-phone{top:162px;right:26px;width:42%;max-width:205px}.stage-heading{font-size:8px;padding:24px}.stage-count{display:inline}.stage-bottom{width:44%;left:26px;bottom:22px}.stage-bottom>span{font-size:13px}.stage-bottom a{font-size:10px;display:inline-flex}.window-strip{font-size:8px}.phone-heading{font-size:12px}.phone-footer{font-size:6px}.ticker{gap:12px;display:grid;grid-template-columns:1fr 1fr;padding:18px 0}.ticker span{font-size:8px;letter-spacing:1px}.ticker span:before{margin-right:7px}.section{padding:60px 0}.section-head{display:block;margin-bottom:26px}.section-head h2,.about h2{font-size:39px}.section-head p{max-width:540px;margin-top:20px;font-size:14px;line-height:1.9}.work-intro{padding:15px;margin-bottom:24px;gap:10px}.work-intro p{font-size:12px}.case-study{border-radius:20px;margin-bottom:25px}.case-copy{padding:28px 24px}.case-copy h3{font-size:43px;margin-top:21px}.case-lead{font-size:19px}.case-description{font-size:13px}.case-features{grid-template-columns:1fr;gap:19px}.case-features p{font-size:12px}.case-meta{font-size:8px}.build-details summary{font-size:12px}.case-showcase{padding:23px 20px}.case-nutri .case-showcase{display:flex;align-items:center;gap:0}.case-nutri .nutri-screen{max-width:340px}.case-nutri .capture-caption{font-size:10px;margin-top:17px}.case-nutri .proof-note{margin-top:20px}.case-nutri .proof-note>span{display:block}.preview-label{font-size:9px}.status-label{font-size:8px}.capture-browser .window-strip{font-size:8px}.capture-selector{gap:2px;padding:9px}.capture-selector button{padding:8px 11px;font-size:10px}.case-nayal .case-showcase{padding-top:25px;padding-bottom:28px}.work-bridge{display:block;padding:27px 24px;margin-top:24px}.work-bridge h3{font-size:23px}.work-bridge p{font-size:12px}.work-bridge .btn{max-width:none;margin-top:20px;font-size:12px}.cards,.about-grid,.steps{grid-template-columns:1fr}.service{min-height:245px;padding:27px}.service h3{font-size:22px}.service p{font-size:14px}.service .tag{font-size:12px}.about-grid{gap:29px}.about-card{min-height:300px}.about-card .big{font-size:165px}.about p{font-size:14px}.facts{margin-top:22px}.education{padding-top:0}.education-grid{grid-template-columns:1fr}.education-card{padding:26px}.education-card h3{font-size:21px}.experience-strip{display:block}.experience-timeline{margin-top:22px}.step h3{font-size:20px}.step p{font-size:14px}.pricing-section{padding-top:0}.pricing-grid,.maintenance-grid{grid-template-columns:1fr}.price-card{padding:28px}.price-number{font-size:49px}.maintenance-card{padding:21px}.maintenance-card strong{font-size:25px}.payment-section{padding:27px 24px}.payment-grid{gap:9px}.payment-step strong{font-size:26px}.payment-step span{font-size:10px;line-height:1.6;display:block}.payment-example-top{display:block}.payment-example-top select{margin-top:13px;width:100%;font-size:11px}.payment-example-result{grid-template-columns:1fr 1fr;gap:8px}.payment-example-result span{padding:13px}.payment-example-result b{font-size:20px}.payment-example>small{font-size:9px}.payment-foot{font-size:11px;line-height:1.8}.faq-section{padding:55px 0}.faq-list summary{font-size:14px;padding:20px 0}.faq-list p{font-size:13px}.contact{display:block;padding:33px 26px;margin-bottom:32px;border-radius:22px}.contact h2{font-size:40px}.contact p{font-size:14px}.contact .btn{margin-top:16px}.gallery-dialog{width:calc(100vw - 20px);height:88dvh;border-radius:13px}.gallery-toolbar{padding:13px}.gallery-toolbar p{font-size:12px}.gallery-toolbar>div{gap:9px}.gallery-close{padding:7px 9px;font-size:10px}.gallery-viewport{padding:8px}.gallery-bottom{padding:13px;gap:12px;align-items:flex-end}.gallery-bottom p{font-size:10px}.gallery-navigation{gap:5px}.gallery-navigation button{width:30px;height:31px}.gallery-viewport img{width:auto;height:auto}.back-top{width:35px;height:35px;bottom:13px;right:13px}footer{padding-bottom:32px;flex-direction:column;align-items:flex-start}.footer-links{gap:22px}.notice{font-size:10px}.work-section{padding-bottom:20px}#servicios{padding-top:30px}}
@media(max-width:400px){.topbar{gap:9px}.nav-cta{padding:11px 12px;font-size:10px}.logo{font-size:24px}.hero h1{font-size:49px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.work-stage{height:396px}.hero-window{top:71px;left:15px;width:91%}.hero-phone{top:163px;right:16px;width:44%;max-width:160px}.stage-heading{font-size:7px;padding:21px 18px;gap:8px}.stage-count{display:none}.stage-bottom{left:18px;bottom:25px;width:42%}.stage-bottom>span{font-size:11px}.stage-bottom a{font-size:9px}.phone-heading{font-size:10px}.phone-footer{font-size:5px}.hero .btn{font-size:11px;padding:14px 15px}.case-copy{padding:25px 20px}.case-category{font-size:7px}.case-copy h3{font-size:42px}.case-lead{font-size:18px}.case-showcase{padding:22px 16px}.preview-label{font-size:8px;gap:5px}.capture-browser .window-strip{font-size:7px;gap:5px;padding:0 8px}.window-dots{gap:2px}.window-dots i{width:4px;height:4px}.capture-selector button{padding:8px 8px;font-size:9px}.payment-step strong{font-size:24px}.payment-step span{font-size:9px}.payment-section{padding:24px 19px}.section-head h2,.about h2{font-size:35px}.contact h2{font-size:37px}.work-bridge h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.btn:hover,.service:hover,.price-card:hover,.nutri-screen:hover{transform:none}}
@media print{.site-header,.work-stage,.back-top,.gallery-dialog,.btn,.menu-btn{display:none!important}body{background:white;color:black}.container{width:100%}.section{padding:20px 0}.case-study{break-inside:avoid}.case-features p,.case-description{color:#333}.reveal{opacity:1;transform:none}}
/* Preserve the actual screenshot proportions in the hero instead of its HTML height hint. */
.hero-window img{width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;object-position:top}
.gallery-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.gallery-zoom{padding:10px 12px;border:1px solid #cdd6c5;background:#edf3e6;color:#3c512d;border-radius:10px;font-size:11px;min-height:36px}.gallery-zoom[aria-pressed=true]{background:#23331c;color:#fff}.gallery-viewport.is-zoomed{display:block;overflow:auto;overscroll-behavior:contain}.gallery-viewport.is-zoomed img{width:1440px;max-width:none;max-height:none;height:auto;object-fit:initial}.gallery-viewport.is-zoomed img[data-portrait=true]{width:900px;max-width:none;max-height:none;height:auto}
@media(max-width:720px){.gallery-toolbar{gap:10px}.gallery-toolbar>div:first-child{display:block}.gallery-toolbar>div:first-child span{display:block;margin-top:4px}.gallery-tools{gap:5px}.gallery-zoom{font-size:10px;padding:8px;min-height:35px}}
.payment-example>small{color:#bfccb5}.payment-example{border-top-color:#53634a}

/* v3: Nodo Studios brand first, project case studies after services */
.hero-art{isolation:isolate;box-shadow:inset 0 0 0 1px rgba(37,64,29,.06);min-height:480px}
.hero-art .art-top,.hero-art .art-bottom{z-index:2}
.hero-art .orbit,.hero-art .node{pointer-events:none}
.art-word{font-size:clamp(92px,10vw,150px);white-space:nowrap;color:#1d2a1e;letter-spacing:-.13em}
.art-word span{color:#79a94e}
.hero-founder{font-size:14px!important;line-height:1.75!important;margin-top:13px;color:#616d5a!important}
.hero-founder strong{color:#20301e}
.brand-explainer{display:flex;gap:12px;margin-top:28px;padding-top:19px;border-top:1px solid #dce0d7;max-width:505px}
.brand-explainer p{font-size:12px;line-height:1.7;margin:0;color:#657060}
.brand-explainer strong{color:#253622}
.brand-dot{display:block;flex:0 0 9px;width:9px;height:9px;background:#7bab51;border-radius:50%;margin-top:6px}
/* Readable, obvious interactive estimate */
.payment-example-top select{cursor:pointer;min-width:min(100%,265px);font-size:12px;padding:14px 34px 14px 14px;background-color:#fff;color:#20301e;font-weight:700}
.payment-example-top label{font-size:15px;color:#eef5e9}
.selected-plan{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#30402d;border:1px solid #52634d;border-radius:12px;margin-top:21px;padding:16px 18px;font-size:13px;color:#ebf5e5}
.selected-plan strong{color:#c4f093}
.selected-plan b{font-size:20px;color:#fff}
.selected-plan small{font-size:11px;color:#c7d9bd}
#pay-start,#pay-middle,#pay-end,#pay-total{font-variant-numeric:tabular-nums}
@media(max-width:1100px){.hero-art{min-height:450px}.art-word{font-size:clamp(84px,11vw,130px)}}
@media(max-width:900px){.hero-art{min-height:430px}.art-word{font-size:clamp(69px,11vw,125px)}}
@media(max-width:720px){.hero-art{min-height:370px;max-width:550px;width:100%;margin:auto;padding:27px}.art-word{font-size:clamp(80px,17vw,140px)}.art-top span{font-size:10px}.art-bottom p{font-size:12px}.brand-explainer{margin-top:23px}}
@media(max-width:460px){.hero-art{min-height:325px;border-radius:24px;padding:22px}.art-word{font-size:clamp(65px,17vw,86px)}.art-top span{font-size:9px}.art-bottom .symbol{font-size:38px}.selected-plan{align-items:flex-start;flex-direction:column;gap:8px}.selected-plan b{font-size:19px}}

/* v4 — gráfico de Nodo completamente visible y centrado, también en teléfonos */
.hero-art{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:4px;
  min-height:470px;
  padding:clamp(22px,3vw,34px);
}
.hero-art .orbit-system{
  position:relative;
  width:100%;
  min-height:335px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.hero-art .orbit-system .orbit{
  position:absolute;
  top:50%;left:50%;
  width:min(92%,330px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border:1px solid rgba(34,55,32,.25);
  border-radius:50%;
  pointer-events:none;
}
.hero-art .orbit-system .orbit.two{top:50%;left:50%;width:min(72%,258px)}
.hero-art .orbit-system .orbit.three{top:50%;left:50%;width:min(51%,184px)}
.hero-art .orbit-system .art-word{
  position:relative;
  z-index:2;
  margin:0;
  font-size:clamp(65px,8vw,115px);
  letter-spacing:-.10em;
  padding-right:.1em;
  line-height:1.1;
  text-align:center;
  white-space:nowrap;
}
.hero-art .orbit-system .node{position:absolute;z-index:1;width:18px;height:18px;border:4px solid #d9e8cb}
.hero-art .orbit-system .node.n1{top:24%;left:17%;right:auto;bottom:auto}
.hero-art .orbit-system .node.n2{top:31%;right:16%;left:auto;bottom:auto}
.hero-art .orbit-system .node.n3{top:72%;right:21%;left:auto;bottom:auto}
.hero-art .art-top,.hero-art .art-bottom{z-index:3;position:relative}
.hero-art .art-bottom p{max-width:260px}
/* With the previous decorative stamp removed, the personal initials sit balanced. */
.about-card .big{align-self:flex-start;margin:auto 0;line-height:.95}
@media(max-width:900px){
 .hero-art{min-height:405px}
 .hero-art .orbit-system{min-height:275px}
 .hero-art .orbit-system .orbit{width:min(90%,270px)}
 .hero-art .orbit-system .orbit.two{width:min(70%,211px)}
 .hero-art .orbit-system .orbit.three{width:min(49%,149px)}
 .hero-art .orbit-system .art-word{font-size:clamp(62px,9vw,90px)}
}
@media(max-width:720px){
 .hero-art{min-height:390px;max-width:550px;padding:24px}
 .hero-art .orbit-system{min-height:260px}
 .hero-art .orbit-system .orbit{width:min(84%,260px)}
 .hero-art .orbit-system .orbit.two{width:min(66%,204px)}
 .hero-art .orbit-system .orbit.three{width:min(46%,143px)}
 .hero-art .orbit-system .art-word{font-size:clamp(60px,15vw,82px)}
 .hero-art .orbit-system .node.n1{left:18%;top:22%}
 .hero-art .orbit-system .node.n2{right:17%;top:31%}
 .hero-art .orbit-system .node.n3{right:22%;top:74%}
}
@media(max-width:400px){
 .hero-art{min-height:350px;padding:20px}
 .hero-art .orbit-system{min-height:222px}
 .hero-art .orbit-system .orbit{width:min(87%,220px)}
 .hero-art .orbit-system .orbit.two{width:min(69%,173px)}
 .hero-art .orbit-system .orbit.three{width:min(49%,123px)}
 .hero-art .orbit-system .art-word{font-size:clamp(56px,16.5vw,70px)}
 .hero-art .art-top span{font-size:8px}
 .hero-art .art-bottom p{font-size:11px}
}


/* v5: Native HTML interactions, work also without JavaScript. */
.mobile-menu{display:none;position:relative;z-index:25}
.mobile-menu-toggle{list-style:none;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid #dce2d7;border-radius:12px;font-size:25px;cursor:pointer;user-select:none;color:#172018}
.mobile-menu-toggle::-webkit-details-marker{display:none}
.menu-icon-close{display:none}
.mobile-menu[open] .menu-icon-open{display:none}
.mobile-menu[open] .menu-icon-close{display:inline}
.mobile-menu-links{position:absolute;right:0;top:calc(100% + 14px);z-index:40;width:min(300px,calc(100vw - 30px));border:1px solid #d9dfd1;border-radius:16px;box-shadow:0 16px 45px #1a29192b;background:#f9faf4;display:flex;flex-direction:column;padding:12px}
.mobile-menu-links a{padding:14px 13px;border-radius:9px;font-weight:750;font-size:14px}
.mobile-menu-links a:hover,.mobile-menu-links a:focus-visible{background:#e5ecd9}
.mobile-menu[open] .mobile-menu-toggle{background:#e5ecd9}
@media(max-width:720px){.mobile-menu{display:block}.topbar>.nav{display:none!important}.nav-cta{margin-left:auto}}
.native-radio{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}
.native-radio:focus-visible ~ .capture-browser .capture-selector label:first-child{outline:2px solid #436c34;outline-offset:3px}
.nayal-viewer{width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch}
.nayal-viewer .capture-browser{width:100%;min-width:0}
.nayal-slides{width:100%}
.nayal-slide{display:none;width:100%;text-decoration:none;cursor:zoom-in;overflow:hidden}
.nayal-slide img{display:block;width:100%;height:auto;object-fit:contain}
#nayal-pantalla-resumen:checked ~ .capture-browser .nayal-slide-resumen,
#nayal-pantalla-presupuesto:checked ~ .capture-browser .nayal-slide-presupuesto,
#nayal-pantalla-agenda:checked ~ .capture-browser .nayal-slide-agenda{display:block}
.capture-selector .capture-tab{display:block;padding:9px 14px;border-radius:8px;font-size:11px;cursor:pointer;color:#746850;background:transparent;border:1px solid transparent;transition:background .15s;color .15s}
.capture-selector .capture-tab:hover{background:#eae9dc}
#nayal-pantalla-resumen:checked ~ .capture-browser .capture-tab-resumen,
#nayal-pantalla-presupuesto:checked ~ .capture-browser .capture-tab-presupuesto,
#nayal-pantalla-agenda:checked ~ .capture-browser .capture-tab-agenda{background:#dde4d5;color:#384f32;border-color:#c3ceba;font-weight:800}
.capture-selector .capture-tab:focus-visible{outline:2px solid #446d35;outline-offset:2px}
.nayal-caption-group{width:100%}
.nayal-caption-group .capture-caption{display:none}
#nayal-pantalla-resumen:checked ~ .nayal-caption-group .nayal-caption-resumen,
#nayal-pantalla-presupuesto:checked ~ .nayal-caption-group .nayal-caption-presupuesto,
#nayal-pantalla-agenda:checked ~ .nayal-caption-group .nayal-caption-agenda{display:block}
.nayal-enlarge-group{width:100%}
.nayal-enlarge-group a{display:none}
#nayal-pantalla-resumen:checked ~ .nayal-enlarge-group .nayal-enlarge-resumen,
#nayal-pantalla-presupuesto:checked ~ .nayal-enlarge-group .nayal-enlarge-presupuesto,
#nayal-pantalla-agenda:checked ~ .nayal-enlarge-group .nayal-enlarge-agenda{display:flex}
.nutri-screen{display:block}
/* CSS-only selectable calculator, so choosing a plan always changes the result. */
.calculator-title{font-size:18px;margin:0 0 14px;color:#f3f6ed;line-height:1.45}
.price-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 20px}
.price-choice{display:flex;flex-direction:column;gap:6px;justify-content:space-between;min-width:0;background:#fbfcf8;color:#30402c;padding:16px 13px;border:2px solid transparent;border-radius:13px;cursor:pointer;min-height:79px;transition:background .15s,border .15s,transform .15s;line-height:1.25}
.price-choice span{font-size:12px;font-weight:750}
.price-choice strong{font-size:18px;font-weight:850}
.price-choice:hover{border-color:#abc59b;transform:translateY(-2px)}
#plan-basica:checked ~ .price-choices label[for="plan-basica"],
#plan-negocio:checked ~ .price-choices label[for="plan-negocio"],
#plan-personalizada:checked ~ .price-choices label[for="plan-personalizada"]{border-color:#9cd073;background:#e3f1d4;box-shadow:0 0 0 2px #d7f1bb55}
.price-choice-result{display:none}
#plan-basica:checked ~ .price-result-basica,
#plan-negocio:checked ~ .price-result-negocio,
#plan-personalizada:checked ~ .price-result-personalizada{display:block}
.payment-example .payment-example-result{margin-top:14px}
.payment-example>small{display:block;line-height:1.65}
@media(max-width:720px){.price-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.price-choice{padding:12px 8px;min-height:75px}.price-choice span{font-size:10px}.price-choice strong{font-size:15px}.capture-selector .capture-tab{padding:10px 12px;font-size:12px}}
@media(max-width:380px){.price-choices{grid-template-columns:1fr;gap:7px}.price-choice{min-height:auto;flex-direction:row;align-items:center;padding:11px 15px}.price-choice span{font-size:12px}.price-choice strong{font-size:17px}}
/* Gallery lightboxes use :target so images work even when JS is blocked by an iPhone file viewer. */
.image-lightbox{display:none;position:fixed;inset:0;z-index:120;background:#0e130fe8;align-items:center;justify-items:center;padding:clamp(8px,2vw,24px)}
.image-lightbox:target{display:grid}
.lightbox-backdrop{position:absolute;inset:0;z-index:0;cursor:zoom-out}
.lightbox-panel{position:relative;z-index:1;width:min(1250px,100%);max-height:min(94dvh,1050px);display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#f7f7f2;box-shadow:0 22px 95px #0008}
.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;border-bottom:1px solid #dae0d5;color:#273426;font-size:13px}
.lightbox-close{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:7px 13px;border:1px solid #cfdbca;border-radius:8px;font-weight:800;font-size:12px}
.lightbox-close:hover{background:#e5ecd9}
.lightbox-image{min-height:0;flex:1;display:flex;align-items:flex-start;justify-content:center;overflow:auto;overscroll-behavior:contain;padding:12px}
.lightbox-image img{display:block;width:auto;height:auto;max-width:100%;max-height:75dvh;object-fit:contain;margin:auto}
.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 17px;background:#ecf2e5;color:#4b5c45;font-size:11px}
.lightbox-bottom a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.image-lightbox{padding:8px}.lightbox-panel{max-height:94dvh}.lightbox-toolbar{padding:10px 12px;font-size:11px}.lightbox-image{padding:7px}.lightbox-image img{max-height:78dvh}.lightbox-bottom{padding:12px;font-size:10px;flex-direction:column;align-items:flex-start;gap:9px}}
/* The up link itself needs no JS. JS only controls when it becomes visible. */
.back-top{display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}
.back-top.shown{opacity:1;pointer-events:auto;transform:none}
@media(hover:none){.back-top:not(.shown){opacity:.75;pointer-events:auto;transform:none}}
/* Native full-resolution zoom control. */
.lightbox-actions{display:flex;align-items:center;gap:8px}
.lightbox-zoom-button{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:7px 11px;border:1px solid #afc5a6;background:#e8f0df;color:#263d23;border-radius:8px;font-weight:850;font-size:12px;cursor:pointer;user-select:none}
.lightbox-zoom-button .zoom-reset{display:none}
.lightbox-zoom-toggle:checked ~ .lightbox-toolbar .lightbox-zoom-button{background:#263d23;color:white}
.lightbox-zoom-toggle:checked ~ .lightbox-toolbar .zoom-start{display:none}
.lightbox-zoom-toggle:checked ~ .lightbox-toolbar .zoom-reset{display:inline}
.lightbox-zoom-toggle:checked ~ .lightbox-image{justify-content:flex-start;align-items:flex-start}
.lightbox-zoom-toggle:checked ~ .lightbox-image img{width:1100px;max-width:none;max-height:none;height:auto;margin:0;flex-shrink:0}
@media(max-width:720px){.lightbox-zoom-button{min-height:34px;font-size:10px;padding:7px 9px}.lightbox-zoom-toggle:checked ~ .lightbox-image img{width:980px}}
/* Explicit focus state for links and controls */
a:focus-visible,summary:focus-visible,label:focus-visible{outline:3px solid #87af5b;outline-offset:3px}
@media print{.image-lightbox,.mobile-menu{display:none!important}}

/* Nodo Studios v6: reservas y precios de lanzamiento */
.plan-description{font-size:.91rem;line-height:1.6;margin:1.2rem 0;color:var(--muted,#656861)}.booking-section{padding-top:7rem}.booking-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;margin-top:2.5rem}.booking-visual{background:#1b241d;color:#f5f7f0;border-radius:28px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 22px 60px #17271b1c}.booking-mini-label{font-size:.7rem;letter-spacing:.13em;color:#bdd1b3}.booking-demo-head{display:flex;justify-content:space-between;gap:1rem;margin:3rem 0 2rem;font-size:.85rem;color:#d2e0c9}.booking-demo-head span:last-child{color:#b5d49f}.booking-visual h3{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:0 0 2rem;letter-spacing:-.05em}.booking-slot{display:flex;justify-content:space-between;gap:1rem;padding:1.15rem 0;border-bottom:1px solid #ffffff30}.booking-slot b{font-weight:500;color:#b7cfaa}.booking-demo-cta{background:#d5ebc6;color:#152017;border-radius:12px;padding:1rem 1.2rem;margin:2rem 0 1rem;font-weight:700}.booking-visual small{display:block;color:#b4bfb0;line-height:1.5}.booking-copy h3{font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.04em;margin:.8rem 0 1.5rem}.booking-copy>p{line-height:1.8;margin:0 0 1.1rem}.booking-price{border-top:1px solid #d7d9d2;border-bottom:1px solid #d7d9d2;padding:1.5rem 0;margin:2rem 0}.booking-price>span{display:block;font-size:.85rem;margin-bottom:.5rem}.booking-price>strong{display:block;font-size:2.4rem;letter-spacing:-.05em}.booking-price>strong small{font-size:.9rem;font-weight:400;letter-spacing:0}.booking-price p{font-size:.9rem;line-height:1.6;margin-top:.75rem}.trial-banner{margin-top:4rem;background:#dbe9d4;border-radius:24px;padding:clamp(1.5rem,4vw,3rem);display:flex;justify-content:space-between;align-items:center;gap:2rem}.trial-banner h3{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em;margin:.6rem 0}.trial-banner p{max-width:65ch;line-height:1.65}.trial-banner .btn{white-space:nowrap}.nodo-select{width:100%;max-width:470px;padding:.9rem 1rem;margin:1rem 0 1.3rem;border:1px solid #bfc5ba;border-radius:10px;background:#fff;color:#1d261e;font:inherit}.payment-example-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.payment-example-result>span{display:flex;flex-direction:column;gap:.6rem}.payment-example-result b{display:block;font-size:1.1rem}@media(max-width:850px){.booking-layout{grid-template-columns:1fr}.trial-banner{flex-direction:column;align-items:flex-start}.payment-example-result{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.booking-demo-head{flex-direction:column;margin:2rem 0}.booking-visual{border-radius:18px}.payment-example-result{gap:.7rem}}