/* FORGE editorial — 2026-10. Shared public-site visual language. */
:root{--void:#0d1a21;--deep:#101e26;--surface:#12242c;--border:#2b3e46;--border2:#43565e;--muted:#a0adb4;--subtle:#afbcc1;--lav:#c1b3e8;--lav-lt:#e0d9ef;--white:#f2f5ef;--bone:#e8e6df;--green:#86e2b1;--amber:#f4a563}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:var(--void);overflow-x:clip}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #86e2b1;outline-offset:5px}
body .navbar{background:rgba(13,26,33,.93);padding:18px 5vw;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(14px)}
body .navbar-wrap{max-width:1280px}
body .nav-link{font-family:inherit;text-transform:none;letter-spacing:0;font-size:13px;padding:12px 10px;color:#d0d9dc}
body .cta-btn{background:#86e2b1;border-radius:40px;padding:12px 20px;font-family:inherit;font-size:13px;letter-spacing:0;color:#0d251d}
body .forge-mark-inline{font-size:29px;letter-spacing:-1.4px}
body .forge-mark-inline span{color:#86e2b1}
body .nav-mobile-menu{top:81px;background:#101f28}
body .nav-hamburger{min-width:44px;min-height:44px}
body .rd-hero{padding:100px 5vw 70px;background:radial-gradient(ellipse at 94% 5%,#214a3b90,transparent 58%),radial-gradient(ellipse at 45% 100%,#4d3d7728,transparent 65%),var(--void)}
body .rd-hero-wrap{max-width:1280px;grid-template-columns:1.14fr 1fr;gap:30px}
body .rd-hero h1{font-size:clamp(42px,4.5vw,72px);font-weight:400;line-height:1.09;letter-spacing:-.055em}
body .rd-kicker{font-size:11px;letter-spacing:.14em;color:#86e2b1;margin-bottom:26px}
body .rd-kicker::before{background:#86e2b1;width:24px}
body .rd-lead{font-size:18px;line-height:1.65;font-weight:400;max-width:580px;margin-top:28px}
body .rd-btn-primary,body .btn-primary{background:#86e2b1;color:#10271e;border-radius:40px;font-weight:600;padding:16px 24px;font-size:14px;box-shadow:none}
body .rd-btn-ghost{border:1px solid #73877f;border-radius:40px;color:#bce9cc;font-size:14px;padding:16px 24px;font-weight:500}
.forge-orbit{position:relative;min-width:0;text-align:center}
.forge-orbit svg{display:block;width:100%;height:auto;filter:drop-shadow(0 15px 60px #080d1730)}
.orbit-caption{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.2em;color:#b5c3c2}
.forge-orbit p{font-size:12px;color:#adbec0}
.brand-band{padding:45px 0 65px;background:linear-gradient(#0d1a21,#10212a);overflow:hidden;border-bottom:1px solid #ffffff10}
.brand-heading{max-width:1280px;padding:0 5vw;margin:0 auto 35px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand-heading p{font-size:clamp(18px,2vw,25px);letter-spacing:-.025em;color:#d8e2e3}
.brand-heading button{min-height:44px;background:transparent;border:1px solid #4b626a;color:#bdcccf;font-size:11px;padding:8px 15px;border-radius:40px;white-space:nowrap}
.brand-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.brand-track{display:flex;width:max-content;animation:brands-drift 42s linear infinite}
.brand-track:hover,.brand-track.is-paused{animation-play-state:paused}
.brand-set{display:flex;align-items:center;gap:72px;padding-right:72px;flex-shrink:0}
.brand-item{display:flex;align-items:center;gap:14px;color:#e7eceb;font-size:25px;font-weight:600;white-space:nowrap;min-height:66px}
.brand-item img{object-fit:contain;border-radius:10px;flex-shrink:0}
.brand-item .monas-wordmark{border-radius:0;width:140px;height:64px}
.brand-reetiqueta{font-weight:400;letter-spacing:-1.4px}.brand-rekids{font-weight:800}.brand-working{font-weight:400;letter-spacing:.05em;font-size:20px}
@keyframes brands-drift{to{transform:translateX(-50%)}}
body section:not(.rd-hero):not(.brand-band){padding-top:100px;padding-bottom:100px}
body .section-wrap,body .dif-wrap,body .rd-casos-wrap,body .sc-wrap{max-width:1200px}
body .section-title,body .dif-title,body .rd-head h2,body .sc-title{font-size:clamp(30px,3.6vw,50px);font-weight:400;letter-spacing:-.04em;line-height:1.14}
body .section-title{margin-bottom:30px}
body .dif-sub,body .package-intro,body .rd-head p,body .sc-head p{font-size:17px;line-height:1.7;color:var(--subtle)}
body .dif-section{background:linear-gradient(140deg,#10212a,#0d1a21)}
body .dif-grid{border:0;background:transparent;gap:28px;border-radius:0}
body .dif-card{background:transparent;padding:28px 0;border-top:1px solid #41545d}
body .dif-icon{border-radius:50%;width:44px;height:44px;background:#86e2b110}
body .dif-icon i{color:#86e2b1}
body .dif-card h3{font-size:19px;font-weight:500;margin-bottom:14px}
body .dif-card p{font-size:14px}
body .vs-section{background:radial-gradient(at 70% 100%,#3b315a40,transparent 75%),#101e26}
body .vs-wrap{max-width:1100px}
body .vs-col{border-radius:22px;background:#152831}
body .vs-head{padding:24px;font-size:13px}
body .vs-item{padding:18px 24px}body .vs-item span{font-size:14px}
body .servicio-card,body .rd-card{background:linear-gradient(145deg,#1a2e37,#14242c);border:1px solid #344951;box-shadow:none;border-radius:22px;padding:32px;cursor:default}
body .servicio-card:hover,body .rd-card:hover{transform:none;box-shadow:none;border-color:#718d88}
body .servicio-card p{color:var(--subtle)}
body .servicio-icon{background:#b6a4db15;border-radius:50%}
body .forge-packages{background:var(--void)}
body #paquetes{background:radial-gradient(ellipse at 90% 15%,#284d414d,transparent 65%),#0e1d25}
body .package-grid{gap:24px}
body .package-grid .servicio-card{padding:40px;position:relative;overflow:hidden}
body .package-grid h3{font-size:35px;font-weight:500;letter-spacing:-.04em}
body .package-grid .package-full{background:linear-gradient(140deg,#26333e,#243238 70%,#294437);border-color:#6e8982}
.package-count{font-size:72px;line-height:1.2;font-weight:300;color:#c1b3e8;letter-spacing:-.06em;margin:12px 0}
.package-count span{display:inline-block;font-size:12px;letter-spacing:.04em;margin-left:14px;color:#becbd0}
.package-full .package-count{color:#86e2b1}
body .package-grid summary{padding:18px 0;min-height:52px;color:#d5e5df}
body .package-note{color:#aebcc1}
body .addons-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;grid-auto-rows:1fr}
body .package-addon{min-height:245px;gap:18px;padding:28px}
body .package-addon h3{font-size:18px;font-weight:500;color:#e0d9ef}
body .package-addon p{font-size:14px;line-height:1.7}
body .module-view{min-height:44px;display:inline-flex;align-items:center;color:#92e7bc;border-color:#47665d}
body .rd-casos{background:linear-gradient(#10232b,#112129)}
body .rd-tag,body .sc-tag{border-radius:40px;color:#d2c5ef;border-color:#675e7f;background:#a798cf0c;line-height:1.7}
body .rd-name{font-size:29px;font-weight:500}
body .rd-desc{font-size:15px;line-height:1.7}
body .rd-feat{font-size:14px;line-height:1.6}
body .rd-metric{background:#0d1c24;border:0}
body .sc-sec{background:radial-gradient(ellipse at 0 20%,#27423755,transparent 50%),var(--void)}
body .sc-row{gap:64px;padding:50px 0;margin:0;border-bottom:1px solid #ffffff12}
body .sc-screen{background:#1f333b;border:1px solid #435660;border-radius:18px;padding:8px;box-shadow:0 30px 75px #0003}
body .sc-screen img{border-radius:12px}
body .sc-title{font-size:38px}
body .sc-feat{font-size:14px;color:#c6d1d5}
body .sc-feat svg{color:#f4a563}
body .proceso{background:#13262c}
body .paso{border-top:1px solid #48635e;text-align:left;padding-top:25px}
body .paso-num{margin:0;background:transparent;border:1px solid #6f9485;color:#9be1bb;font-weight:400;width:50px;height:50px;font-size:20px}
body .paso-titulo{font-weight:500}
body .rubros-section{background:var(--void)}
body .contacto{background:radial-gradient(ellipse at 0 0,#294e3b88,transparent 65%),#10232a}
body .form-group input,body .form-group textarea,body .form-group select{background:#102028;border-color:#53646c;color:#f2f5ef;min-height:48px}
body footer{background:#0a161d;border-top:1px solid #34454d;color:#a7bac2}
@media(max-width:1050px){body .nav-right{gap:2px}body .nav-link{font-size:11px;padding:10px 6px}body .rd-hero h1{font-size:49px}.brand-set{gap:45px;padding-right:45px}}
@media(max-width:768px){body .rd-hero{padding:65px 24px 40px}body .rd-hero-wrap{grid-template-columns:1fr;gap:50px}body .rd-hero h1{font-size:46px}body .rd-lead{font-size:16px}body section:not(.rd-hero):not(.brand-band){padding:64px 24px}body .addons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .sc-row{gap:30px;padding:35px 0}body .package-grid .servicio-card{padding:28px}.brand-heading{padding:0 24px}.brand-heading p{font-size:18px}.brand-heading button{font-size:10px}.forge-orbit{max-width:540px;width:100%;margin:auto}}
@media(max-width:480px){body .rd-hero h1{font-size:40px}body .rd-btns{gap:12px}body .rd-btn-primary,body .rd-btn-ghost{padding:15px 19px;font-size:13px}body .addons-grid{grid-template-columns:1fr}body .package-addon{min-height:220px}.brand-heading{align-items:flex-start;flex-direction:column;gap:12px}.brand-item{font-size:21px}body .sc-title{font-size:30px}body .servicios-grid{grid-template-columns:1fr}body .navbar{padding:16px 24px}.forge-orbit p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-track{animation:none;width:auto}.brand-set{flex-wrap:wrap;justify-content:center;gap:25px;padding:0 24px}.brand-set[aria-hidden]{display:none}.brand-window{mask-image:none}#brands-pause{display:none}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.scope-graphic{display:flex;gap:5px;height:38px;align-items:stretch;margin:0 0 10px}.scope-graphic i{flex:1;min-width:0;border-radius:3px;background:#c1b3e8}.scope-graphic .scope-extra{background:#86e2b1}.scope-graphic .scope-empty{background:#c1b3e80e;border:1px solid #c1b3e82a}
body #ganadero{background:radial-gradient(at 20% 30%,#25423555,transparent 60%),#101e26!important}body .ganadero-card{background:#192d34;border-color:#3b5156}body .ganadero-card:hover{transform:none;box-shadow:none}body .ganadero-card p{color:#afbcc1!important}
@media(max-width:700px){body #ganadero .gan-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}body #ganadero .gan-features{grid-template-columns:1fr!important}body #ganadero .gan-summary>div{min-width:0}}
.orbit-insights{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 18px}.orbit-insights span{border:1px solid #49635d;border-radius:30px;padding:6px 11px;color:#c5e4d5;font-size:11px;background:#18312966}body .forge-orbit>p{font-size:13px;line-height:1.6;max-width:410px;margin:auto} @media(max-width:480px){.orbit-caption{font-size:9px;letter-spacing:.12em}.orbit-insights{gap:6px}.orbit-insights span{font-size:10px;padding:5px 9px}body .forge-orbit>p{font-size:12px}}
.atom-node rect{fill:#152c32;stroke:#718b86;stroke-width:1}.atom-node text{fill:#e5eeeb;font:17px 'Plus Jakarta Sans',sans-serif;text-anchor:middle}.atom-node rect{animation:atom-glow 6s ease-in-out infinite;animation-delay:var(--node-delay)}.atom-electrons{transform-origin:300px 300px;animation:atom-spin 24s linear infinite}.atom-pause{display:block;margin:18px auto 0;background:transparent;border:1px solid #567167;border-radius:30px;color:#bacfc6;padding:10px 18px;min-height:44px;font-size:11px}.atom-figure.paused *{animation-play-state:paused!important}@keyframes atom-spin{to{transform:rotate(360deg)}}@keyframes atom-glow{0%,75%,100%{stroke:#718b86}35%{stroke:#ade6c8;fill:#234038}}
body .decision-comparison{background:linear-gradient(125deg,#142b2d,#111f29)}.decision-comparison .section-title{text-align:left}.decision-comparison .package-intro{text-align:left;margin-left:0}.decision-bars{display:grid;gap:30px;margin:40px 0}.decision-bars h3{font-weight:500;font-size:16px;margin-bottom:12px}.decision-track{display:flex;gap:6px}.decision-track span{flex:1;background:#8b77b43d;border:1px solid #8b77b477;border-radius:8px;padding:20px 16px;font-size:14px;color:#e0d9ef}.decision-track.forge{max-width:58%}.decision-track.forge span{background:#6ab48b30;border-color:#76b990;color:#d2f1df}@media(max-width:600px){.decision-track{flex-wrap:wrap}.decision-track span{flex:1 1 40%;font-size:12px;padding:14px 12px}.decision-track.forge{max-width:100%}.atom-node text{font-size:18px}}@media(prefers-reduced-motion:reduce){.atom-node rect,.atom-electrons{animation:none!important}.atom-pause{display:none}}
.time-chart-panel{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;border:1px solid #4d6d6266;border-radius:26px;padding:48px;background:radial-gradient(ellipse at 0 0,#285c3e88,transparent 65%),#0e1c24}.time-chart-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.18;font-weight:400;letter-spacing:-.035em;margin:20px 0}.time-chart-copy h2 span{color:#99e4b7}.time-chart-copy>p:not(.package-kicker){font-size:16px;line-height:1.7;color:#bbccc9;margin:22px 0}.time-chart figcaption{font-size:15px;font-weight:500;color:#dce6e3}.time-chart svg{display:block;width:100%;height:auto;margin-top:12px}.time-chart-disclaimer{font-size:11px;line-height:1.6;color:#b3c6c3;margin-top:10px}@media(max-width:900px){.time-chart-panel{grid-template-columns:1fr;padding:28px;gap:36px}.time-chart{max-width:600px;width:100%;margin:auto}}@media(max-width:480px){.time-chart-panel{padding:22px 16px}.time-chart-copy h2{font-size:28px}.time-chart-disclaimer{font-size:11px}}
@media(min-width:760px){.time-chart-panel{grid-template-columns:.9fr 1.1fr;gap:28px;padding:32px}.time-chart-copy h2{font-size:clamp(26px,3vw,42px)}.time-chart-copy>p:not(.package-kicker){font-size:15px}}
