/* SmartRCP (página de producto) 2026 — solo se carga en rapid-prototyping-and-hil/smartrcp. Todo va bajo #pscrc; la ventana de ampliación (.pscrc-lb) cuelga de <body>. */
#pscrc{--r:#c00000;--g:#f4f4f4;--l:#e2e2e2;--ink:#212934;--mut:#5b6773;--top:0px;--off:140px;--rcp:#1a5bc4;--rcp-bg:#eaf2fd;--rcp-line:#7a9fd8;--i0:#bddcea;--i1:#a9b2e8;--i2:#1460d0;--i3:#c00000;--rts-bg:#fdeeee;font-family:Helvetica,Arial,sans-serif;color:#333;line-height:1.5;text-align:left}
#pscrc *,#pscrc *::before,#pscrc *::after{box-sizing:border-box}
#pscrc a{text-decoration:none;color:inherit;cursor:pointer}
#pscrc a:focus-visible,#pscrc button:focus-visible{outline:2px solid var(--r);outline-offset:2px}
#pscrc img{max-width:100%;height:auto}
#pscrc h1,#pscrc h2,#pscrc h3,#pscrc h4{margin:0;padding:0;letter-spacing:0;text-transform:none}
#pscrc p,#pscrc ul{margin:0;padding:0}
#pscrc .in{max-width:1248px;margin:0 auto;padding:0 24px}
#pscrc .sp{height:64px}

/* Portada */
#pscrc .hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:26px 0 0;scroll-margin-top:var(--off)}
#pscrc .hero>div{min-width:0}
#pscrc .hero .lw img{display:block;width:min(380px,100%);height:auto;margin:0 0 20px}
#pscrc .claim{font:700 15px/1.4 Helvetica,Arial,sans-serif;color:var(--r);margin:0 0 10px}
#pscrc .lead{font-size:16.5px;line-height:1.8;color:#444}
#pscrc .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
#pscrc .b{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 Raleway,Helvetica,Arial,sans-serif;padding:15px 22px;background:#fff;color:var(--r);box-shadow:inset 0 0 0 2px var(--r);border:0;border-radius:0;white-space:nowrap}
#pscrc .b:hover{background:var(--r);color:#fff}
#pscrc .b.p{background:var(--r);color:#fff}
#pscrc .b.p:hover{background:#a00000}
#pscrc .b svg{width:18px;height:18px;flex:none}
#pscrc .hero .ph{background:var(--g);padding:10px}
#pscrc .hero .ph img{display:block;width:100%;height:auto;mix-blend-mode:multiply}

/* Barra de anclas fija */
#pscrc .anc{position:sticky;top:var(--top);z-index:30;background:#fff;border-bottom:1px solid var(--l);box-shadow:0 3px 10px rgba(0,0,0,.05)}
#pscrc .anc .in{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}
#pscrc .anc .in::-webkit-scrollbar{display:none}
#pscrc .anc a{flex:none;padding:15px 16px 12px;font:700 13px/1.2 Raleway,Helvetica,Arial,sans-serif;color:#444;border-bottom:3px solid transparent;white-space:nowrap}
#pscrc .anc a.on,#pscrc .anc a:hover{color:var(--r);border-bottom-color:var(--r)}
#pscrc .anc a.q{margin-left:auto;background:var(--r);color:#fff;padding:11px 18px;border-bottom:0;display:inline-flex;gap:8px;align-items:center}
#pscrc .anc a.q:hover{background:#a00000;color:#fff}
#pscrc .anc a.q svg{width:16px;height:16px}

/* Destacados y puntos */
#pscrc .hl3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#pscrc .hl3>div,#pscrc .g3>div{min-width:0}
#pscrc .hc{background:var(--g);border-top:3px solid var(--r);padding:22px 22px 20px}
#pscrc .hc h3{font:800 21px/1.2 Raleway,Helvetica,Arial,sans-serif;color:var(--ink);margin:0 0 10px}
#pscrc .hc p{font-size:15px;line-height:1.65;color:#444;margin:0 0 10px}
#pscrc ul.bl{list-style:none;margin:0 0 6px}
#pscrc ul.bl li{display:flex;gap:12px;padding:4px 0;font-size:15px;line-height:1.6;color:#444;margin:0}
#pscrc ul.bl li::before{content:"";flex:none;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--r);margin-top:8px}
#pscrc .pt{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
#pscrc .pt .it{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--l)}
#pscrc .pt .ic{display:flex;align-items:center;justify-content:center}
#pscrc .pt .ic img{display:block;max-width:56px;max-height:46px;width:auto;height:auto}
#pscrc .pt p{font-size:16px;line-height:1.55;color:#444}
#pscrc .pt b{color:var(--ink)}

/* Títulos de sección */
#pscrc .st{display:flex;align-items:flex-start;gap:14px;margin:0 0 26px}
#pscrc .st .ln{flex:none;width:34px;height:2px;background:var(--r);margin-top:16px}
#pscrc .st h2{font:300 28px/1.25 Raleway,Helvetica,Arial,sans-serif;color:#333;text-wrap:balance}
#pscrc .st p{margin:6px 0 0;font-size:14px;color:#6b6b6b}
#pscrc .sec{scroll-margin-top:var(--off)}

/* Cómo se suministra (diagrama) */
#pscrc .band{background:var(--g);padding:48px 0 52px}
#pscrc .sup .ttl{font:800 28px/1.2 Raleway,Helvetica,Arial,sans-serif;color:var(--ink);margin:0 0 22px}
#pscrc .sup .sr{display:grid;grid-template-columns:minmax(0,3.1fr) auto minmax(0,1fr);gap:0 14px;align-items:stretch}
#pscrc .grp{border:2px dashed var(--rcp-line);padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.1fr);gap:0 8px;align-content:start;min-width:0}
#pscrc .ban{border:2px solid var(--rcp);background:var(--rcp-bg);padding:16px 20px;border-radius:6px}
#pscrc .ban.rcp{grid-column:1/-1;margin-bottom:16px}
#pscrc .ban h3{font:700 20px/1.25 Raleway,Helvetica,Arial,sans-serif;color:var(--rcp)}
#pscrc .ban p{margin:4px 0 0;font-size:15px;color:var(--ink)}
#pscrc .ban.rts{border-color:var(--i3);background:var(--rts-bg);margin-bottom:16px}
#pscrc .ban.rts h3{color:var(--i3)}
#pscrc .rcol{display:flex;flex-direction:column;min-width:0}
#pscrc .plus{align-self:center;font:300 34px/1 Helvetica,Arial,sans-serif;color:#8a97a6;padding:0 2px;user-select:none}
#pscrc .ci{border:1px solid var(--rcp-line);border-radius:6px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0}
#pscrc .ci.i2{border-color:var(--i2)}
#pscrc .ci.i3{border-color:var(--i3);flex:1}
#pscrc .ci .hd{padding:12px 14px 14px;min-height:92px;color:var(--ink)}
#pscrc .i0 .hd{background:var(--i0)}
#pscrc .i1 .hd{background:var(--i1)}
#pscrc .i2 .hd{background:var(--i2);color:#fff}
#pscrc .i3 .hd{background:var(--i3);color:#fff}
#pscrc .tags{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px}
#pscrc .tag{font:800 13px/1.2 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.04em}
#pscrc .badge{font:800 10.5px/1 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:#fff;color:#1f2a36;padding:5px 9px;border-radius:20px}
#pscrc .ci .hd h3{font:700 19px/1.25 Raleway,Helvetica,Arial,sans-serif;color:inherit}
#pscrc .ci .bd{padding:14px 14px 16px;color:var(--ink);font-size:14.5px;line-height:1.5;display:flex;flex-direction:column;gap:12px;flex:1}
#pscrc .ci .bd p{margin:0}
#pscrc .ci .sub{font:700 14.5px/1.3 Helvetica,Arial,sans-serif;color:var(--ink);margin:0 0 2px}
#pscrc .i2 .sub{color:var(--rcp)}
#pscrc .i3 .sub{color:var(--i3)}
#pscrc .ci .sub+p{color:var(--mut)}
#pscrc .ci .photo{margin-top:auto;padding-top:6px}
#pscrc .ci .photo img{display:block;width:100%;max-width:230px;height:auto;margin:0 auto;border-radius:4px}

/* Hardware */
#pscrc .strip2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 20px}
#pscrc .ph2{position:relative;overflow:hidden;aspect-ratio:2/1;background:#ddd;min-width:0}
#pscrc .ph2 img{display:block;width:100%;height:100%;object-fit:cover}
#pscrc .ph2 .cp{position:absolute;left:0;right:0;bottom:0;padding:54px 22px 18px;background:linear-gradient(0deg,rgba(10,16,22,.86),rgba(10,16,22,0));color:#fff}
#pscrc .ph2 .cp b{display:inline-block;font:700 22px/1.2 Raleway,Helvetica,Arial,sans-serif;border-bottom:3px solid #fff;padding-bottom:6px;margin-bottom:6px}
#pscrc .ph2 .cp span{display:block;font-size:15px;font-weight:600}
#pscrc .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#pscrc .hw{background:#fff;border:1px solid var(--l);display:flex;flex-direction:column;min-width:0}
#pscrc .hw .bd{padding:18px 20px 20px}
#pscrc .hw h3{font:800 19px/1.25 Raleway,Helvetica,Arial,sans-serif;color:var(--ink);margin:0 0 8px}
#pscrc .hw .bd p{font-size:14.5px;line-height:1.6;color:#444}
#pscrc .hw ul.bl li{font-size:14.5px;padding:3px 0}
#pscrc .hw .im{padding:12px;border-top:1px solid var(--l);margin-top:auto;background:#fff}
#pscrc .hw .im img{display:block;width:100%;height:auto}
#pscrc .spec{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
#pscrc .spec .sc{background:#fff;border:1px solid var(--l);border-top:3px solid var(--r)}
#pscrc .spec h3{margin:0;padding:14px 18px;font:800 12px/1.3 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--g)}
#pscrc .spec ul{list-style:none}
#pscrc .spec li{padding:11px 18px;border-top:1px solid #ececec;font-size:15px;color:#333;margin:0}

/* SmartRCP Interface: explorador */
#pscrc .ifh{text-align:center;max-width:820px;margin:0 auto 30px}
#pscrc .ifh img{display:block;width:min(420px,100%);height:auto;margin:0 auto 14px}
#pscrc .ifh p{font-size:16.5px;line-height:1.8;color:#444}
#pscrc .ex{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--l)}
#pscrc .tl{background:var(--g);padding:8px 0}
#pscrc .tb{display:flex;gap:12px;align-items:flex-start;width:100%;margin:0;border:0;border-radius:0;box-shadow:none;background:none;border-left:4px solid transparent;padding:14px 18px;text-align:left;font:600 15px/1.35 Helvetica,Arial,sans-serif;color:#333;cursor:pointer;text-transform:none;letter-spacing:0}
#pscrc .tb small{flex:none;font:800 11px/1.3 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.1em;color:#999;margin-top:3px}
#pscrc .tb:hover{color:var(--r)}
#pscrc .tb[aria-selected=true]{background:#fff;border-left-color:var(--r);color:var(--r)}
#pscrc .tb[aria-selected=true] small{color:var(--r)}
#pscrc .tp{padding:26px 30px;min-width:0}
#pscrc .tp[hidden]{display:none}
#pscrc .tp h3{font:300 26px/1.25 Raleway,Helvetica,Arial,sans-serif;color:var(--ink);margin:0 0 10px}
#pscrc .tp p{font-size:16px;line-height:1.75;color:#444;margin:0 0 12px}
#pscrc .tp ul.bl li{font-size:16px;line-height:1.65}
#pscrc .figs{display:grid;gap:14px;margin-top:16px}
#pscrc .figs.two{grid-template-columns:1fr 1fr}
#pscrc .fig{background:#fff;border:1px solid var(--l);padding:6px;min-width:0}
#pscrc .zb{display:block;position:relative;width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;cursor:zoom-in}
#pscrc .zb img{display:block;width:100%;height:auto}
#pscrc .zb::after{content:"Enlarge \2922";position:absolute;right:8px;bottom:8px;background:rgba(20,32,44,.85);color:#fff;font:700 11px/1 Raleway,Helvetica,Arial,sans-serif;padding:6px 10px}
#pscrc .fig .fc{font-size:12.5px;line-height:1.5;color:#666;padding:8px 8px 4px}
#pscrc .fig .nz{display:block}
#pscrc .fig .nz img{display:block;width:100%;height:auto}

/* Cierre */
#pscrc .cta{background:#14202c;color:#fff;padding:52px 0}
#pscrc .cta .in{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
#pscrc .cta .in>div{min-width:0}
#pscrc .cta h2{font:300 30px/1.25 Raleway,Helvetica,Arial,sans-serif;color:#fff;margin:0 0 8px}
#pscrc .cta p{color:#b9c6d3;font-size:15px;line-height:1.7}
#pscrc .cta .acts{margin-top:0;justify-content:flex-end}
#pscrc .cta .b{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
#pscrc .cta .b:hover{background:rgba(255,255,255,.14);color:#fff}
#pscrc .cta .b.p{background:var(--r);box-shadow:none}

/* Ventana de ampliación (en <body>) */
.pscrc-lb{position:fixed;inset:0;z-index:100000;background:rgba(20,32,44,.92);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.pscrc-lb[hidden]{display:none}
.pscrc-lb img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.pscrc-lb .x{position:absolute;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#222;font:700 20px/1 Helvetica,Arial,sans-serif;cursor:pointer;padding:0}

@media(max-width:1200px){#pscrc .in{padding:0 30px}}
@media(max-width:1100px){
 #pscrc .sup .sr{grid-template-columns:minmax(0,1fr)}
 #pscrc .sup .sr>.plus{justify-self:center;padding:6px 0}
 #pscrc .grp{grid-template-columns:minmax(0,1fr);gap:0}
 #pscrc .grp>.plus{justify-self:center;padding:6px 0}
 #pscrc .ci .hd{min-height:0}
}
@media(max-width:1000px){
 #pscrc .hero,#pscrc .cta .in{grid-template-columns:minmax(0,1fr)}
 #pscrc .hl3,#pscrc .g3{grid-template-columns:repeat(2,1fr)}
 #pscrc .pt,#pscrc .spec,#pscrc .strip2{grid-template-columns:minmax(0,1fr)}
 #pscrc .cta .acts{justify-content:flex-start}
 #pscrc .ex{grid-template-columns:minmax(0,1fr)}
 #pscrc .tl{display:flex;overflow-x:auto;padding:0;scrollbar-width:thin;border-bottom:1px solid var(--l)}
 #pscrc .tb{flex:none;width:auto;border-left:0;border-bottom:3px solid transparent;white-space:nowrap;padding:14px 16px}
 #pscrc .tb[aria-selected=true]{border-bottom-color:var(--r)}
}
@media(max-width:620px){
 #pscrc .in{padding:0 20px}
 #pscrc .hl3,#pscrc .g3{grid-template-columns:minmax(0,1fr)}
 #pscrc .figs.two{grid-template-columns:minmax(0,1fr)}
 #pscrc .tp{padding:20px 16px}
 #pscrc .st h2{font-size:24px}
 #pscrc .sup .ttl{font-size:24px}
 #pscrc .sp{height:44px}
 #pscrc .acts .b{flex:1 1 auto;justify-content:center;white-space:normal;text-align:center}
 #pscrc .anc a.q{padding:10px 14px}
}
@media(prefers-reduced-motion:reduce){#pscrc *{scroll-behavior:auto!important}}
