/* PSC at RE-SKIN (página de proyecto) 2026 — solo se carga en la página 3788 (psc-at-re-skin). Todo va bajo #pscrk.
   Evitar nombres de clase genéricos de Bootstrap/Avada (row, col, container, clearfix…): el tema les aplica estilos globales. */
#pscrk{--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}
#pscrk *,#pscrk *::before,#pscrk *::after{box-sizing:border-box}
#pscrk a{text-decoration:none;color:inherit;cursor:pointer}
#pscrk a:focus-visible{outline:2px solid var(--r);outline-offset:2px}
#pscrk img{max-width:100%;height:auto}
#pscrk h2,#pscrk h3{margin:0;padding:0;letter-spacing:0;text-transform:none}
#pscrk p,#pscrk ul{margin:0;padding:0}
#pscrk .in{max-width:1248px;margin:0 auto;padding:0 24px}
#pscrk .sp{height:56px}

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

/* Portada */
#pscrk .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:46px;align-items:center;padding:34px 0 0;scroll-margin-top:var(--off)}
#pscrk .hero>div{min-width:0}
#pscrk .lw img{display:block;height:64px;width:auto;margin:0 0 18px;mix-blend-mode:multiply}
#pscrk .ld{font-size:16.5px;line-height:1.8;color:#444;margin:0 0 14px}
#pscrk .ld b{color:var(--ink)}
#pscrk .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
#pscrk .b{display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 Raleway,Helvetica,Arial,sans-serif;padding:14px 20px;white-space:nowrap;background:#fff;color:var(--r);box-shadow:inset 0 0 0 2px var(--r)}
#pscrk .b:hover{background:var(--r);color:#fff}
#pscrk .b.p{background:var(--r);color:#fff;box-shadow:none}
#pscrk .b.p:hover{background:#a00000}
#pscrk .ph{display:block;overflow:hidden;background:#fff;border:1px solid var(--l)}
#pscrk .ph img{display:block;width:100%;height:100%;object-fit:cover}
#pscrk .hero .ph{aspect-ratio:16/10}

/* Secciones */
#pscrk .sec{scroll-margin-top:var(--off)}
#pscrk .sh{display:flex;gap:14px;align-items:center;margin:0 0 18px}
#pscrk .sh .ln{flex:none;width:34px;height:2px;background:var(--r)}
#pscrk .sh h2{font:300 28px/1.25 Raleway,Helvetica,Arial,sans-serif;color:#333}

/* Impacto: 8 tarjetas (el gráfico original llevaba el texto pintado) */
#pscrk .imp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#pscrk .imp>div{background:#fff;border:1px solid var(--l);border-top:3px solid var(--r);padding:16px 16px 18px;font-size:14px;line-height:1.5;color:#444;min-width:0}
#pscrk .imp b{display:block;font:800 24px/1.1 Raleway,Helvetica,Arial,sans-serif;color:var(--r);margin-bottom:8px}
#pscrk .imp b.w{font-size:15px;text-transform:uppercase;letter-spacing:.04em;padding-top:5px;margin-bottom:11px}

/* Sistema de PSC */
#pscrk .sys{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:46px;align-items:start}
#pscrk .sys>div{min-width:0}
#pscrk .sys .ph{aspect-ratio:4/5}
#pscrk .chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 0}
#pscrk .chips>div{background:var(--g);border-top:3px solid var(--r);padding:12px 14px;min-width:0}
#pscrk .chips b{display:block;font:800 20px/1.15 Raleway,Helvetica,Arial,sans-serif;color:var(--r);margin-bottom:4px}
#pscrk .chips span{display:block;font-size:12.5px;line-height:1.4;color:#444}

/* Cierre */
#pscrk .cta{background:var(--g);padding:34px 0}
#pscrk .cta .in{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#pscrk .cta h2{font:300 24px/1.3 Raleway,Helvetica,Arial,sans-serif;color:#333}
#pscrk .cta .acts{margin:0}

@media(max-width:1200px){#pscrk .in{padding:0 30px}}
@media(max-width:1000px){
 #pscrk .hero,#pscrk .sys{grid-template-columns:minmax(0,1fr)}
 #pscrk .imp,#pscrk .chips{grid-template-columns:repeat(2,minmax(0,1fr))}
 #pscrk .sys .ph{aspect-ratio:16/10}
}
@media(max-width:620px){
 #pscrk .in{padding:0 20px}
 #pscrk .imp,#pscrk .chips{grid-template-columns:minmax(0,1fr)}
 #pscrk .sh h2{font-size:24px}
 #pscrk .sp{height:44px}
 #pscrk .anc a{padding:14px 12px 11px}
 #pscrk .anc a.q{padding:10px 14px}
}
@media(prefers-reduced-motion:reduce){#pscrk *{scroll-behavior:auto!important}}