/* Subpáginas de Engineering (rediseño 2026, ficha interactiva) — solo se carga en las páginas 3855, 3869, 3879 y 3893. Todo va bajo #pscsub.
   Sin JS todo el contenido se ve (cada panel lleva su título); el JS añade .js al raíz, oculta los paneles inactivos y muestra las pestañas.
   Evitar nombres de clase genéricos de Bootstrap/Avada (row, col, container…): el tema les aplica estilos globales. */
#pscsub{--r:#c00000;--g:#f4f4f4;--l:#e2e2e2;--ink:#212934;--navy:#14202c;--top:0px;--off:120px;font-family:Helvetica,Arial,sans-serif;color:#333;line-height:1.5;text-align:left}
#pscsub *,#pscsub *::before,#pscsub *::after{box-sizing:border-box}
#pscsub a{text-decoration:none;color:inherit;cursor:pointer}
#pscsub a:focus-visible,#pscsub summary:focus-visible{outline:2px solid var(--r);outline-offset:2px}
#pscsub .hero a:focus-visible,#pscsub .cta a:focus-visible{outline-color:#fff}
#pscsub img{max-width:100%;height:auto}
#pscsub h1,#pscsub h2,#pscsub h3{margin:0;padding:0;letter-spacing:0;text-transform:none}
#pscsub p,#pscsub ul{margin:0;padding:0}
#pscsub .in{max-width:1248px;margin:0 auto;padding:0 24px}
#pscsub .sp{height:64px}

/* Portada */
#pscsub .hero{background:var(--navy);color:#fff;position:relative;padding:54px 0;display:flow-root}
#pscsub .hero .bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#pscsub .hero .bg::before{content:"";position:absolute;right:-140px;top:-140px;width:520px;height:520px;border-radius:50%;border:70px solid rgba(192,0,0,.2)}
#pscsub .hero .in{position:relative}
#pscsub .ht{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:50px;align-items:center}
#pscsub .ht>div{min-width:0}
#pscsub .ey{font:800 13px/1.4 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ff8a8a;margin:0 0 12px}
#pscsub .hero h1{font:300 38px/1.2 Raleway,Helvetica,Arial,sans-serif;color:#fff;text-transform:uppercase;text-wrap:balance}
#pscsub .rule{height:5px;background:var(--r);width:110px;max-width:100%;margin:20px 0 24px}
#pscsub .ld{font-size:16px;line-height:1.8;color:#cfd8e2;margin:0 0 14px}
#pscsub .ld b{color:#fff}
#pscsub .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
#pscsub .b{display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 Raleway,Helvetica,Arial,sans-serif;padding:15px 22px;background:var(--r);color:#fff;border:0;border-radius:0;white-space:nowrap}
#pscsub .b:hover{background:#a00000}
#pscsub .b.o{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
#pscsub .b.o:hover{background:rgba(255,255,255,.12)}
#pscsub .b.r{background:#fff;color:var(--r);box-shadow:inset 0 0 0 2px var(--r)}
#pscsub .b.r:hover{background:var(--r);color:#fff}
#pscsub .hero .fr{background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.35);border:0}
#pscsub .fr{background:#fff;border:1px solid var(--l)}
#pscsub .fr img{display:block;width:100%;height:auto}
#pscsub .fr.x{margin-top:16px}
#pscsub .cap{font:700 13px/1.5 Helvetica,Arial,sans-serif;color:var(--r);margin:10px 0 0}
#pscsub .ft{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pscsub .ft>div{background:#1d2d3d;padding:24px 22px;min-width:0}
#pscsub .ft b,#pscsub .fg b{display:block;font:800 34px/1 Raleway,Helvetica,Arial,sans-serif;margin-bottom:8px}
#pscsub .ft b{color:#fff}
#pscsub .ft span{font-size:14px;line-height:1.45;color:#cfd8e2}

/* Banda de cifras */
#pscsub .band{padding:36px 0 0}
#pscsub .fg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--l)}
#pscsub .fg>div{padding:20px 22px;border-left:1px solid var(--l);min-width:0}
#pscsub .fg>div:first-child{border-left:0}
#pscsub .fg b{color:var(--r)}
#pscsub .fg span{font-size:13.5px;line-height:1.45;color:#555}

/* Contenido */
#pscsub .main{padding-top:40px}
#pscsub .t{font-size:15.5px;line-height:1.75;color:#444;margin:0 0 14px}
#pscsub .t b{color:#222}
#pscsub .nt{margin-top:20px;border-left:4px solid var(--r);padding-left:14px}
#pscsub .tabs{display:none}
#pscsub.js .tabs{display:flex;gap:0;border-bottom:2px solid var(--l);margin-bottom:26px;overflow-x:auto;scrollbar-width:thin}
#pscsub .tabs a{flex:none;padding:15px 22px;font:700 13px/1.2 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#666;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
#pscsub .tabs a:hover{color:var(--r)}
#pscsub .tabs a[aria-selected="true"]{color:var(--r);border-bottom-color:var(--r)}
#pscsub.js .pane:not(.on){display:none}
#pscsub .pane{scroll-margin-top:var(--off)}
#pscsub .pane+.pane{margin-top:44px}
#pscsub.js .pane+.pane{margin-top:0}
#pscsub .pt,#pscsub .sh{font:300 28px/1.25 Raleway,Helvetica,Arial,sans-serif;color:#333;margin:0 0 18px;display:flex;gap:14px;align-items:center}
#pscsub .pt::before,#pscsub .sh::before{content:"";flex:none;width:34px;height:2px;background:var(--r)}
#pscsub.js .pt{display:none}
#pscsub .sh{margin-top:40px;scroll-margin-top:var(--off)}
#pscsub .sh:first-child{margin-top:0}
#pscsub .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
#pscsub .two>div{min-width:0}
#pscsub .tl{display:grid;gap:12px;margin:0 0 6px}
#pscsub .t1{grid-template-columns:minmax(0,1fr)}
#pscsub .t2{grid-template-columns:repeat(2,minmax(0,1fr))}
#pscsub .t3{grid-template-columns:repeat(3,minmax(0,1fr))}
#pscsub .t4{grid-template-columns:repeat(4,minmax(0,1fr))}
#pscsub .tile{background:#fff;border:1px solid var(--l);border-top:3px solid var(--r);padding:15px 16px;min-height:62px;display:flex;align-items:center;font:700 13.5px/1.45 Raleway,Helvetica,Arial,sans-serif;color:var(--ink);min-width:0}
#pscsub ul.bl{list-style:none;margin:0 0 16px}
#pscsub ul.bl li{display:flex;gap:12px;padding:5px 0;font-size:15.5px;line-height:1.5;color:#444;margin:0}
#pscsub 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:7px}

/* Acordeón de cursos */
#pscsub .ah,#pscsub .acc summary{display:grid;grid-template-columns:minmax(0,1fr) 220px 70px 20px;gap:18px;align-items:center}
#pscsub .ah{padding:0 20px 8px;font:800 11px/1.2 Raleway,Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#777}
#pscsub .ah span:nth-child(2){display:none}
#pscsub .ah span:nth-child(3){grid-column:3;text-align:right}
#pscsub .acc{border:1px solid var(--l)}
#pscsub .acc details{border-top:1px solid var(--l)}
#pscsub .acc details:first-child{border-top:0}
#pscsub .acc summary{list-style:none;cursor:pointer;padding:16px 20px;font:800 14px/1.35 Raleway,Helvetica,Arial,sans-serif;color:var(--ink);text-transform:uppercase;letter-spacing:.02em}
#pscsub .acc summary::-webkit-details-marker{display:none}
#pscsub .acc summary i{display:block;height:8px;background:var(--g)}
#pscsub .acc summary u{display:block;height:100%;background:var(--r);text-decoration:none}
#pscsub .acc summary em{font-style:normal;color:var(--r);text-align:right}
#pscsub .acc summary::after{content:"+";font:400 22px/1 Helvetica,Arial,sans-serif;color:var(--r);text-align:right}
#pscsub .acc details[open] summary::after{content:"–"}
#pscsub .acc .tp{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:18px;padding:11px 20px;border-top:1px solid var(--l);font-size:14.5px;line-height:1.5;color:#444;background:var(--g)}
#pscsub .acc .tp b{text-align:right;color:#222}

/* Cierre */
#pscsub .cta{background:var(--navy);color:#fff;padding:44px 0}
#pscsub .cta .in{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
#pscsub .cta .in>div{min-width:0}
#pscsub .cta h2{font:300 28px/1.3 Raleway,Helvetica,Arial,sans-serif;color:#fff;margin:0 0 8px}
#pscsub .cta p{color:#cfd8e2;font-size:15px;line-height:1.7}
#pscsub .cta .acts{margin-top:0;justify-content:flex-end}

@media(max-width:1200px){#pscsub .in{padding:0 30px}}
@media(max-width:1000px){
 #pscsub .ht,#pscsub .two,#pscsub .cta .in{grid-template-columns:minmax(0,1fr)}
 #pscsub .ht{gap:34px}
 #pscsub .fg{grid-template-columns:repeat(2,minmax(0,1fr))}
 #pscsub .fg>div:nth-child(3){border-left:0}
 #pscsub .fg>div:nth-child(n+3){border-top:1px solid var(--l)}
 #pscsub .t3,#pscsub .t4{grid-template-columns:repeat(2,minmax(0,1fr))}
 #pscsub .cta .acts{justify-content:flex-start}
}
@media(max-width:620px){
 #pscsub .in{padding:0 20px}
 #pscsub .hero{padding:36px 0}
 #pscsub .hero h1{font-size:30px}
 #pscsub .pt,#pscsub .sh,#pscsub .cta h2{font-size:24px}
 #pscsub .t2,#pscsub .t3,#pscsub .t4{grid-template-columns:minmax(0,1fr)}
 #pscsub .ft b,#pscsub .fg b{font-size:28px}
 #pscsub .fg>div{padding:16px}
 #pscsub .acts .b{flex:1 1 auto}
 #pscsub .ah,#pscsub .acc summary{grid-template-columns:minmax(0,1fr) 56px 20px}
 #pscsub .ah span:nth-child(3){grid-column:2}
 #pscsub .acc summary i{display:none}
 #pscsub .acc summary,#pscsub .acc .tp{padding-left:14px;padding-right:14px}
 #pscsub .acc .tp{grid-template-columns:minmax(0,1fr) 56px}
 #pscsub .ah{padding:0 14px 8px}
 #pscsub .tabs a{padding:14px 16px}
}
@media(prefers-reduced-motion:reduce){#pscsub *{scroll-behavior:auto!important}}