/* SmartRPP (página de producto) 2026 — solo se carga en rapid-prototyping-and-hil/smartrpp. Todo va bajo #pscrp; la ventana de ampliación (.pscrp-lb) cuelga de <body>.
   Evitar nombres de clase genéricos de Bootstrap/Avada (row, col, container, clearfix…): el tema les aplica estilos globales. */
#pscrp{--r:#c00000;--g:#f4f4f4;--l:#e2e2e2;--ink:#212934;--top:0px;--off:140px;font-family:Helvetica,Arial,sans-serif;color:#333;line-height:1.5;text-align:left}
#pscrp *,#pscrp *::before,#pscrp *::after{box-sizing:border-box}
#pscrp a{text-decoration:none;color:inherit;cursor:pointer}
#pscrp a:focus-visible,#pscrp button:focus-visible{outline:2px solid var(--r);outline-offset:2px}
#pscrp img{max-width:100%;height:auto}
#pscrp h1,#pscrp h2,#pscrp h3{margin:0;padding:0;letter-spacing:0;text-transform:none}
#pscrp p,#pscrp ul{margin:0;padding:0}
#pscrp .in{max-width:1248px;margin:0 auto;padding:0 24px}
#pscrp .sp{height:64px}

/* Portada */
#pscrp .hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:26px 0 0;scroll-margin-top:var(--off)}
#pscrp .hero>div{min-width:0}
#pscrp .lw img{display:block;width:min(430px,100%);height:auto;margin:0 0 18px}
#pscrp .claim{font:700 17px/1.4 Helvetica,Arial,sans-serif;color:var(--r);margin:0 0 12px}
#pscrp .lead{font-size:16.5px;line-height:1.8;color:#444}
#pscrp .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
#pscrp .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}
#pscrp .b:hover{background:var(--r);color:#fff}
#pscrp .b.p{background:var(--r);color:#fff}
#pscrp .b.p:hover{background:#a00000}
#pscrp .b svg{width:18px;height:18px;flex:none}
#pscrp .vid{position:relative;display:block;width:100%;aspect-ratio:16/9;margin:0;padding:0;border:0;border-radius:0;background:#000;overflow:hidden;cursor:pointer}
#pscrp .vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#pscrp .vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#pscrp .vid::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--r);transition:transform .15s}
#pscrp .vid::before{content:"";position:absolute;z-index:1;left:50%;top:50%;margin:-12px 0 0 -6px;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
#pscrp .vid:hover::after{transform:scale(1.08)}
#pscrp .vid .vt{position:absolute;left:0;right:0;bottom:0;padding:54px 22px 16px;background:linear-gradient(0deg,rgba(10,16,22,.82),rgba(10,16,22,0));color:#fff;font:700 14px/1.3 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.04em;pointer-events:none}
#pscrp .vid.on .vt{display:none}
#pscrp .vid.on::after,#pscrp .vid.on::before{display:none}
#pscrp .vcap{font-size:12.5px;color:#666;margin:8px 0 0}

/* Barra de anclas fija */
#pscrp .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)}
#pscrp .anc .in{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}
#pscrp .anc .in::-webkit-scrollbar{display:none}
#pscrp .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}
#pscrp .anc a.on,#pscrp .anc a:hover{color:var(--r);border-bottom-color:var(--r)}
#pscrp .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}
#pscrp .anc a.q:hover{background:#a00000;color:#fff}
#pscrp .anc a.q svg{width:16px;height:16px}

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

/* Características */
#pscrp .ft{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}
#pscrp .ft>div{min-width:0}
#pscrp ul.bl{list-style:none}
#pscrp ul.bl li{display:flex;gap:12px;padding:8px 0;font-size:16.5px;line-height:1.6;color:#444;margin:0;border-bottom:1px solid var(--l)}
#pscrp ul.bl li:first-child{border-top:1px solid var(--l)}
#pscrp ul.bl li::before{content:"";flex:none;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--r);margin-top:8px}
#pscrp ul.bl li span{min-width:0}
#pscrp ul.bl b{color:var(--r)}
#pscrp .rend{background:var(--g);padding:26px 24px 24px;text-align:center}
#pscrp .rend .cs{display:block;font:800 22px/1.2 Raleway,Helvetica,Arial,sans-serif;color:var(--r);margin:0 0 14px}
#pscrp .rend img{display:block;width:100%;max-width:374px;height:auto;margin:0 auto}

/* Topologías y hardware (figuras) */
#pscrp .g2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#pscrp .g2>div{min-width:0}
#pscrp .fig{background:#fff;border:1px solid var(--l);display:flex;flex-direction:column;height:100%}
#pscrp .fig h3{font:800 19px/1.25 Raleway,Helvetica,Arial,sans-serif;color:var(--ink);padding:16px 20px 0}
#pscrp .zb{display:block;position:relative;width:100%;margin:0;padding:12px;border:0;border-radius:0;background:#fff;box-shadow:none;cursor:zoom-in}
#pscrp .zb img{display:block;width:100%;height:auto}
#pscrp .zb::after{content:"Enlarge \2922";position:absolute;right:16px;bottom:16px;background:rgba(20,32,44,.85);color:#fff;font:700 11px/1 Raleway,Helvetica,Arial,sans-serif;padding:6px 10px}
#pscrp .intro{font-size:16.5px;line-height:1.8;color:#444;max-width:900px;margin:0 0 24px}
#pscrp .intro b{color:var(--r)}

/* Especificaciones */
#pscrp .spec{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#pscrp .spec>div{min-width:0;display:flex;flex-direction:column;gap:20px}
#pscrp .sc{background:#fff;border:1px solid var(--l);border-top:3px solid var(--r)}
#pscrp .sc h3{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)}
#pscrp .sc ul{list-style:none}
#pscrp .sc li{display:flex;justify-content:space-between;gap:16px;padding:12px 18px;border-top:1px solid #ececec;font-size:15px;color:#333;margin:0}
#pscrp .sc li b{flex:none;font-weight:700;color:var(--ink);text-align:right}

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

/* Ventana de ampliación (en el body) */
.pscrp-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}
.pscrp-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)}
.pscrp-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){#pscrp .in{padding:0 30px}}
@media(max-width:1000px){
 #pscrp .hero,#pscrp .ft,#pscrp .cta .in{grid-template-columns:minmax(0,1fr)}
 #pscrp .g2,#pscrp .spec{grid-template-columns:minmax(0,1fr)}
 #pscrp .cta .acts{justify-content:flex-start}
}
@media(max-width:620px){
 #pscrp .in{padding:0 20px}
 #pscrp .st h2{font-size:24px}
 #pscrp .sp{height:44px}
 #pscrp .acts .b{flex:1 1 auto;justify-content:center;white-space:normal;text-align:center}
 #pscrp .anc a.q{padding:10px 14px}
 #pscrp ul.bl li{font-size:15.5px}
}
@media(prefers-reduced-motion:reduce){#pscrp *{scroll-behavior:auto!important}}