/* Workstations de The HP Shop: se mantiene la paleta de su landing (negro azulado y azules HP),
   pero con la composición de Grupo SIL: cabecera y pie de la web, ancho completo con los mismos márgenes,
   DM Sans con titulares ligeros, antetítulos con triángulo y el mismo ritmo de secciones. */

body.marca-ws { background: #0b0d10; }
.marca-ws .ws .wrap, .marca-ws .ws-sec .wrap, .marca-ws .cta > div { max-width: var(--max) !important; padding: 0 var(--gutter) !important; margin: 0 auto; }
.marca-ws .ws-sec, .marca-ws .ws { padding: clamp(72px, 9vw, 128px) 0; }
.marca-ws .hero-ia { padding-top: calc(var(--cabecera) + clamp(48px, 6vw, 96px)); min-height: min(90svh, 860px); }

/* titulares ligeros y apretados, como en Grupo SIL */
.marca-ws h2, .marca-ws .ws h2, .marca-ws .ws-sec h2, .marca-ws .cta h2 { font-weight: 500 !important; letter-spacing: -.035em !important; line-height: 1.04 !important; }
.marca-ws .ws h2 { font-size: clamp(42px, 5.6vw, 92px) !important; }
.marca-ws .ws-sec h2 { font-size: clamp(32px, 3.6vw, 60px) !important; max-width: 22ch; text-wrap: balance; }
.marca-ws h3 { font-weight: 500 !important; letter-spacing: -.01em; }
.marca-ws .lead { font-size: 18px !important; line-height: 1.65 !important; max-width: 62ch !important; }

/* antetítulos: triángulo de Grupo SIL en azul HP */
.marca-ws .eyebrow { display: inline-flex !important; align-items: center; gap: 10px; font: 500 13px/1 var(--f-titular) !important; letter-spacing: .16em !important; text-transform: uppercase; color: var(--azul-hp-cl, #4cc3ff) !important; }
.marca-ws .eyebrow::before { content: "" !important; width: 14px !important; height: 14px !important; flex: none; background: linear-gradient(90deg, #4cc3ff, #0096D6) !important; clip-path: polygon(0 50%, 100% 0, 85% 100%); border-radius: 2px; }

/* botones y etiquetas con el peso de Grupo SIL */
.marca-ws .ficha { font: 500 14px/1.3 var(--f-titular) !important; }
.marca-ws .btn, .marca-ws .cta a { font: 500 15px/1 var(--f-titular) !important; letter-spacing: .01em; min-height: 50px; padding: 0 26px !important; display: inline-flex !important; align-items: center; }
.marca-ws .sectores span, .marca-ws .apps span, .marca-ws .eqs span, .marca-ws .pill, .marca-ws .dest span { font-weight: 500 !important; }
.marca-ws .tipo, .marca-ws .sw-l .tipo, .marca-ws .modelo .tipo, .marca-ws .nota, .marca-ws .orient { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace !important; font-weight: 500 !important; letter-spacing: .12em !important; }
.marca-ws .pilar .n, .marca-ws .dot { font-weight: 500 !important; }

/* cajas con el mismo radio que la web */
.marca-ws .box, .marca-ws .modelo, .marca-ws .op, .marca-ws .sw-l, .marca-ws .sw-r, .marca-ws .sw, .marca-ws .bc, .marca-ws .pilar { border-radius: calc(var(--radio) + 4px) !important; }

/* llamada final: banda en azul HP a lo ancho, con el titular grande */
.marca-ws .cta { padding: clamp(72px, 9vw, 120px) 0; text-align: left; }
.marca-ws .cta h2 { font-size: clamp(36px, 4.4vw, 72px) !important; max-width: 18ch; }
.marca-ws .cta p { margin: 18px 0 32px !important; max-width: 56ch !important; font-size: 18px; }

/* el pie de Grupo SIL en esta página */
.marca-ws .pie { background: #05080c; }