/* Engineering Services (página padre) 2026 — solo se carga en la página 752 (engineering-services). Todo va bajo #pscen.
   Evitar nombres de clase genéricos de Bootstrap/Avada (row, col, container…): el tema les aplica estilos globales. */
#pscen{--r:#c00000;--g:#f4f4f4;--l:#e2e2e2;--ink:#212934;font-family:Helvetica,Arial,sans-serif;color:#333;line-height:1.5;text-align:left}
#pscen *,#pscen *::before,#pscen *::after{box-sizing:border-box}
#pscen a{text-decoration:none;color:inherit;cursor:pointer}
#pscen a:focus-visible{outline:2px solid var(--r);outline-offset:2px}
#pscen img{max-width:100%;height:auto}
#pscen h2,#pscen h3{margin:0;padding:0;letter-spacing:0;text-transform:none}
#pscen p,#pscen ul{margin:0;padding:0}
#pscen .in{max-width:1248px;margin:0 auto;padding:0 24px 56px}

/* Presentación + áreas */
#pscen .top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:46px;align-items:start}
#pscen .ey{font:800 13px/1.3 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.08em;color:var(--r);text-transform:uppercase;margin:0 0 12px}
#pscen h2.ey{font:800 13px/1.3 Raleway,Helvetica,Arial,sans-serif;color:var(--r);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}
#pscen .ld{font-size:16.5px;line-height:1.8;color:#444;margin:0 0 14px}
#pscen .intro .acts{margin-top:18px}
#pscen .ars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#pscen .ar{background:#fff;border:1px solid var(--l);border-top:3px solid var(--r);padding:12px 14px;min-height:62px;display:flex;align-items:center;font:700 12.5px/1.35 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
#pscen .ar small{display:block;font:400 12px/1.4 Helvetica,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#666;margin-top:3px}

/* Servicios */
#pscen .sh{display:flex;gap:14px;align-items:center;margin:44px 0 18px;font:300 28px/1.25 Raleway,Helvetica,Arial,sans-serif;color:#333}
#pscen .sh::before{content:"";flex:none;width:34px;height:2px;background:var(--r)}
#pscen h2.sh{font:300 28px/1.25 Raleway,Helvetica,Arial,sans-serif;color:#333;margin:44px 0 18px;text-transform:none;letter-spacing:0}
#pscen .g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
#pscen .pc{display:flex;flex-direction:column;background:var(--g);min-width:0}
#pscen .pw{display:block}
#pscen .ph{display:block;aspect-ratio:500/324;overflow:hidden;background:#fff}
#pscen .ph img{display:block;width:100%;height:100%;object-fit:cover}
#pscen .pc h3{margin:18px 20px 8px;font:800 15px/1.35 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
#pscen .pc .tg{margin:0 20px 16px;font-size:14.5px;line-height:1.55;color:#444}
#pscen .acts{display:flex;gap:12px;flex-wrap:wrap}
#pscen .pc .acts{margin:auto 20px 20px;padding-top:6px}
#pscen .b{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;font:700 12px/1 Raleway,Helvetica,Arial,sans-serif;padding:14px 18px;white-space:nowrap;background:#fff;color:var(--r);box-shadow:inset 0 0 0 2px var(--r)}
#pscen .b:hover{background:var(--r);color:#fff}
#pscen .b.p{background:var(--r);color:#fff;box-shadow:none}
#pscen .b.p:hover{background:#a00000}
#pscen .intro .b{flex:none}

@media(max-width:1200px){#pscen .in{padding:0 30px 56px}}
@media(max-width:1000px){
 #pscen .top{grid-template-columns:minmax(0,1fr);gap:34px}
 #pscen .ars{grid-template-columns:repeat(2,minmax(0,1fr))}
 #pscen .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 #pscen .in{padding:0 20px 44px}
 #pscen .g4{grid-template-columns:minmax(0,1fr)}
}
