:root{--ink:#17233a;--blue:#294879;--blue2:#3c6296;--paper:#f4f3ef;--white:#fff;--muted:#697487;--line:#d9dce0;--soft:#e9edf2;--mono:'Consolas','Courier New',monospace;--sans:'Segoe UI',Arial,sans-serif;--display:'Trebuchet MS','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}
.topbar{height:76px;padding:0 clamp(22px,6.5vw,100px);display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(244,243,239,.96);position:sticky;top:0;z-index:10}.wordmark{font-family:var(--display);font-size:27px;line-height:1;font-weight:800;letter-spacing:-1.8px;text-decoration:none;color:var(--ink)}.wordmark span{color:#5273a1}.main-nav{display:flex;gap:34px;margin-left:auto;margin-right:38px}.main-nav a,.top-link{font-size:13px;text-decoration:none;color:#4f5b6e}.main-nav a:hover,.top-link:hover{color:#2c5a96}.top-link{border-left:1px solid var(--line);padding-left:28px}.top-link span{color:#5377a6;margin-left:5px}
.hero{padding:82px clamp(22px,8.4vw,132px) 86px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,7vw,105px);align-items:center;min-height:600px;background:linear-gradient(90deg,#f4f3ef 0%,#f4f3ef 55%,#edf0f3 55%,#edf0f3 100%)}.kicker,.section-index,.showcase-topline,.tech-label{font-family:var(--mono);font-size:10px;letter-spacing:1.35px;color:#6a788d}.kicker{display:flex;align-items:center;gap:10px}.kicker-mark{width:7px;height:7px;border-radius:50%;background:#5c7da8}.kicker-separator{color:#aab1ba}.hero h1{font:800 clamp(43px,5vw,67px)/1.08 var(--display);letter-spacing:-3.2px;margin:26px 0 22px;color:var(--ink)}.hero h1 em,.people-copy h2 em{font-style:normal;color:#456897}.hero-copy>p{font-size:15px;line-height:1.85;color:#5e697a;max-width:485px;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:22px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.1px;padding:14px 18px;transition:background .2s,transform .2s}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#1d365b;transform:translateY(-1px)}.button span{font-size:17px;line-height:10px}.text-link{font-size:12px;color:#50617a;text-decoration:none;border-bottom:1px solid #aeb8c5;padding-bottom:4px}.text-link:hover{color:#244a7c;border-color:#244a7c}.hero-note{display:flex;align-items:center;gap:10px;margin-top:54px;color:#8390a0;font-size:11px}.note-line{height:1px;width:24px;background:#9caaba}
.app-showcase{min-width:0}.showcase-topline{display:flex;justify-content:space-between;margin-bottom:12px;color:#66758a}.showcase-topline b{font-weight:500;color:#385b8b}.capture-frame{padding:9px;background:#fff;border:1px solid #d7dce2;box-shadow:0 12px 35px rgba(32,48,69,.10)}.capture-slides{min-height:250px;background:#e8ebef;display:grid;place-items:center}.capture-slide{display:none;width:100%;margin:0}.capture-slide.active{display:block}.capture-slide img{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;background:#e9edf1}.capture-slide figcaption{font:10px var(--mono);color:#7b8797;padding:10px 4px 2px}.showcase-controls{display:flex;align-items:center;justify-content:flex-end;margin-top:13px}.showcase-controls p{font:11px var(--mono);color:#718096;margin:0}.slider-buttons{display:flex;gap:6px}.slider-buttons button{width:31px;height:29px;border:1px solid #cdd4dd;background:transparent;color:#35547f;cursor:pointer}.slider-buttons button:hover:not(:disabled){background:#dce4ee}.slider-buttons button:disabled{opacity:.35;cursor:default}
.modules-section{padding:100px clamp(22px,11vw,170px) 110px;background:#fff}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:46px}.section-intro h2,.technology-heading h2{font:700 clamp(33px,4vw,47px)/1.12 var(--display);letter-spacing:-1.8px;margin:18px 0 0}.section-intro>p{max-width:350px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}.module-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.module-item{display:grid;grid-template-columns:33px 1fr 20px;gap:14px;align-items:start;min-height:123px;padding:22px 19px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.module-number{font:10px var(--mono);color:#8d9aaa;padding-top:4px}.module-item h3,.detail-row h3{font:700 15px var(--display);margin:0 0 7px}.module-item p,.detail-row p{font-size:12px;line-height:1.65;color:#758093;margin:0}.module-symbol{color:#6682a8;font-size:16px;text-align:right}
.people-section{background:#e9edf1;padding:90px clamp(22px,11vw,170px);display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.people-copy h2{font:700 clamp(31px,3.7vw,44px)/1.2 var(--display);letter-spacing:-1.6px;margin:19px 0}.people-copy>p{font-size:14px;line-height:1.85;color:#657184;max-width:610px}.people-details{border-top:1px solid #cbd2db}.detail-row{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid #cbd2db}.detail-icon{width:29px;height:29px;display:grid;place-items:center;background:#dbe3ed;color:#43638c;font:11px var(--mono);flex:0 0 auto}.detail-row h3{margin-top:2px}
.technology-section{padding:93px clamp(22px,11vw,170px) 100px;background:#17253b;color:#f3f5f7}.technology-section .section-index{color:#9aadc7}.technology-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:18px 0 38px}.technology-heading h2{margin:0}.technology-heading p{max-width:330px;color:#b0bac9;font-size:13px;line-height:1.7;margin:0 0 3px}.technology-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.technology-card{padding:27px 29px;background:#21334e;border:1px solid #344760;min-height:203px}.tech-label{color:#a4b5cb;font-size:9px}.tech-name{font:800 32px var(--display);letter-spacing:-1.5px;margin:19px 0 8px}.tech-name>span{color:#8baad4}.tech-name .server-word{font:500 14px var(--mono);letter-spacing:1px;color:#a5b9d2;margin-left:5px}.technology-card>p{font-size:13px;color:#c0cad8;margin:0}.technology-card>p strong{color:#fff}.tech-rule{height:1px;background:#40536c;margin:22px 0 13px}.technology-card small{font-size:11px;color:#a5b2c3}.server-card{background:#1e3049}
.documentation-strip{padding:55px clamp(22px,11vw,170px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f7f7f4;border-bottom:1px solid var(--line)}.documentation-strip h2{font:700 25px var(--display);letter-spacing:-.7px;margin:12px 0 7px}.documentation-strip p{font-size:12px;color:#778294;margin:0;line-height:1.7}.button-dark{background:#273e60;color:#fff;white-space:nowrap}.button-dark:hover{background:#172b49}
.footer{padding:27px clamp(22px,6.5vw,100px);display:flex;align-items:center;gap:26px;background:#f4f3ef;color:#778294;font-size:11px}.footer-mark{font-size:22px}.footer-credit{margin-left:auto}.footer-credit strong{color:#344e72}.footer-copy{padding-left:25px;border-left:1px solid var(--line)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px;background:linear-gradient(180deg,#f4f3ef 0%,#f4f3ef 50%,#edf0f3 50%,#edf0f3 100%)}.hero-copy>p{max-width:600px}.hero-note{margin-top:32px}.app-showcase{max-width:760px;width:100%;margin:0 auto}.people-section{gap:40px}.module-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topbar{height:65px;padding:0 18px}.wordmark{font-size:25px}.main-nav{gap:6px;margin-right:0}.main-nav a{font-size:9px}.top-link{display:none}.hero{padding:58px 21px 65px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-note{font-size:10px}.modules-section,.people-section,.technology-section{padding:68px 21px}.section-intro,.technology-heading{display:block}.section-intro>p,.technology-heading p{margin-top:19px}.module-list{grid-template-columns:1fr}.module-item{min-height:100px}.people-section{grid-template-columns:1fr;gap:27px}.technology-grid{grid-template-columns:1fr}.documentation-strip{padding:43px 21px;display:block}.documentation-strip .button{margin-top:22px}.footer{padding:25px 21px;flex-wrap:wrap;gap:12px 20px}.footer-credit{margin-left:0}.footer-copy{width:100%;padding:10px 0 0;border:0;border-top:1px solid var(--line)}}


/* Stock y caja: bloques editoriales, sin paneles de métricas inventadas. */
.business-control-section{padding:88px clamp(22px,11vw,170px) 96px;background:#f4f3ef}
.business-control-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin:18px 0 36px}
.business-control-heading h2{font:700 clamp(31px,3.8vw,45px)/1.15 var(--display);letter-spacing:-1.7px;max-width:520px;margin:0}
.business-control-heading p{max-width:350px;color:#697487;font-size:13px;line-height:1.8;margin:0 0 3px}
.business-control-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d5d9de;border-bottom:1px solid #d5d9de}
.business-control-card{padding:29px 30px 25px 0;min-height:225px}
.business-control-card+.business-control-card{border-left:1px solid #d5d9de;padding-left:30px;padding-right:0}
.business-control-number,.business-control-foot{font:10px var(--mono);letter-spacing:1.1px;color:#718096}
.business-control-card h3{font:700 25px var(--display);letter-spacing:-.7px;margin:27px 0 12px;color:#1d2b43}
.business-control-card p{font-size:13px;line-height:1.8;color:#667286;max-width:490px;margin:0}
.business-control-foot{margin-top:29px;padding-top:15px;border-top:1px solid #d5d9de;color:#627b9d;font-size:9px}
@media(max-width:900px){.business-control-section{padding:76px clamp(22px,8vw,80px)}}
@media(max-width:620px){.business-control-section{padding:65px 21px}.business-control-heading{display:block}.business-control-heading p{margin-top:17px}.business-control-grid{grid-template-columns:1fr}.business-control-card{min-height:0;padding:25px 0}.business-control-card+.business-control-card{border-left:0;border-top:1px solid #d5d9de;padding:25px 0}.business-control-card h3{margin-top:20px}}


/* Licencias COPHE */
.pricing-section{padding:93px clamp(22px,11vw,170px) 98px;background:#fff}
.pricing-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin:18px 0 38px}
.pricing-heading h2{font:700 clamp(31px,3.8vw,45px)/1.15 var(--display);letter-spacing:-1.7px;max-width:540px;margin:0}
.pricing-heading>p{max-width:350px;color:#697487;font-size:13px;line-height:1.8;margin:0 0 3px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.pricing-card{padding:29px 26px 25px;border:1px solid #d9dce0;background:#fafaf8;min-height:360px;height:100%;display:flex;flex-direction:column}
.pricing-featured{border:1px solid #8da2bd;background:#f0f3f6}
.pricing-topline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:1px;color:#65748a;min-height:26px}
.launch-tag{background:#e2e9f1;color:#31547f;padding:6px 8px;font-size:9px;letter-spacing:.7px}
.price-old{font:13px var(--mono);color:#929aa5;text-decoration:line-through;margin-top:24px}
.price-old small,.price-value small{font-size:11px;font-weight:400;letter-spacing:.3px}
.price-value{font:700 clamp(27px,3vw,37px) var(--display);letter-spacing:-1.3px;color:#1d2b43;margin-top:29px;white-space:nowrap}
.pricing-featured .price-value{margin-top:5px;color:#294879}
.price-description{font-size:12px;color:#748094;margin:9px 0 0;min-height:32px;line-height:1.55}
.price-divider{height:1px;background:#d9dce0;margin:22px 0 19px;flex:0 0 auto}
.price-includes{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}
.price-includes li{font-size:12px;color:#5f6d80;line-height:1.5;padding-left:19px;position:relative}
.pricing-buy{width:100%;min-height:48px;margin-top:auto;justify-content:space-between;gap:16px;padding:13px 17px;font-size:12px;box-shadow:0 4px 12px rgba(35,59,91,.08)}
.pricing-buy span{margin-left:auto;transition:transform .2s}
.pricing-buy:hover span{transform:translateX(3px)}
.pricing-card:hover{border-color:#b6c3d2;box-shadow:0 12px 28px rgba(32,48,69,.055)}
.pricing-featured{box-shadow:inset 0 3px 0 #8da2bd}
.price-includes li:before{content:"✓";position:absolute;left:0;color:#456897;font-weight:bold}
.pricing-note{font-size:11px;line-height:1.7;color:#7b8796;margin:20px 0 0}
.help-strip{padding:55px clamp(22px,11vw,170px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e9edf1;border-bottom:1px solid #d9dce0}
.help-strip h2{font:700 25px var(--display);letter-spacing:-.7px;margin:12px 0 7px}
.help-strip p{font-size:12px;color:#778294;margin:0;line-height:1.7;max-width:520px}
.help-mail{border-left:1px solid #cbd2db;padding:7px 0 7px 28px;min-width:225px}
.help-mail span{display:block;font:10px var(--mono);letter-spacing:1.2px;color:#718096;margin-bottom:9px}
.help-mail strong{font:700 16px var(--display);color:#294879}
@media(max-width:900px){.pricing-section{padding:76px clamp(22px,8vw,80px)}}
@media(max-width:760px){.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:0}.pricing-heading{display:block}.pricing-heading>p{margin-top:17px}}
@media(max-width:620px){.pricing-section{padding:65px 21px}.help-strip{padding:43px 21px;display:block}.help-mail{border-left:0;border-top:1px solid #cbd2db;padding:17px 0 0;margin-top:22px}}


/* Planes de licencia por servidor y puestos cliente */
.pricing-grid-tiers{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.pricing-grid-tiers .pricing-card{padding:25px 20px 22px;min-height:0}
.tier-limits{display:grid;gap:6px;margin-top:24px;color:#294879;font:700 14px var(--display)}
.tier-limits strong{font-weight:700}
.tier-price-options{display:grid;gap:8px;margin-top:auto}
.tier-price-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 10px;border:1px solid #d9dce0;background:#fff;text-decoration:none;transition:border-color .2s,background .2s}
.tier-price-option:hover{border-color:#8da2bd;background:#f3f6f9}
.tier-price-option>span{display:grid;gap:3px}
.tier-price-option>span strong{font:700 12px var(--display);color:#243550}
.tier-price-option>span small{font:10px var(--sans);color:#788497}
.tier-price-option>b{font:700 14px var(--display);white-space:nowrap;color:#294879}
.tier-price-option>b small{font:10px var(--sans);font-weight:400}
.tier-multiplier{font:10px var(--mono);color:#7d8999;margin:13px 0 0}
@media(max-width:1180px){.pricing-grid-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pricing-grid-tiers{grid-template-columns:1fr}}