/* ==========================================================================================================================
   ESPACIOS de tipo «público» (cambio maestro 58, 21/10/2026): la hoja propia del tipo, que se carga DESPUÉS de la hoja común de
   los ESPACIOS (espacios.css) y no la toca. Primer ESPACIO de este tipo: Salud Cardiovascular (/salud/), para quien quiere cuidar
   su corazón y para quien ya tiene un diagnóstico (arquitectura «el camino», aprobada por Ramón el 20/10/2026).
   Piezas: el camino (cinco puntos que el lector marca), la moneda (cada tema con sus dos caras, «antes» y «después»), y las
   muestras de las bandas: filas con veredicto, cifras, reglas a escala, barras sobre un eje, escalera, pasos, señales que obligan
   a parar, puertas, el informe con semáforo, ficha, herramientas, verdadero o falso, firmas, edades y el recorrido clínico.
   Reglas de la casa que se cumplen aquí: ninguna píldora (cajas con las esquinas redondeadas, radio ~30 % del alto; solo los
   círculos y las barras de los gráficos van redondos), todo cabe en 360 px, el color con significado (verde sí, ámbar con cuidado,
   rojo lo que no espera), transición de la casa (180/220 ms).
   ========================================================================================================================== */
.em-app.pu-app{--pu-verde:#1f7a4d;--pu-verde-c:#e8f3ed;--pu-ambar:#a15c07;--pu-ambar-c:#fbf1e3;--pu-rojo:#b42318;--pu-rojo-c:#fdecea;
  --pu-marino:var(--marino,#163a63);--pu-granate:var(--granate,#97112a);--pu-linea:var(--linea,#dbe3ec);--pu-suave:var(--suave,#f2f5f9);
  --pu-gris:var(--gris,#5f6b7a);--pu-tinta:var(--tinta,#13233b);--pu-azul-c:var(--azul-claro,#e6eef8);--pu-letra:var(--letra,"Barlow",system-ui,sans-serif)}

/* ---- el azulejo de cada banda: un icono en lugar del código (el público no lee «A1») ---- */
.em-app .v1 .v5-puerta .modnum.pu-ico svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.em-app .v1 section.mod.pu-urg .v5-puerta .modnum{background:var(--pu-rojo)}
.em-app .v1 .pu-kicker{display:block;margin:0 0 4px;font:700 12px/1.3 var(--pu-letra);letter-spacing:.06em;text-transform:uppercase;color:var(--pu-granate)}
.em-app .v1 section.mod.pu-urg .pu-kicker{color:var(--pu-rojo)}

/* ---- el camino: cinco puntos arriba de la portada ---- */
.pu-app .pu-camino-w{margin:0 0 6px}
.pu-app .pu-camino{position:relative;margin:18px 0 8px;padding:22px 24px 20px;border:1px solid var(--pu-linea);border-radius:16px;background:linear-gradient(180deg,#fff 0,#f7f9fc 100%);box-shadow:0 8px 24px rgba(19,35,59,.06)}
.pu-app .pu-camino-cab{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;justify-content:space-between;margin:0 0 6px}
.pu-app .pu-camino-cab .pu-k{font:700 12px/1.3 var(--pu-letra);letter-spacing:.06em;text-transform:uppercase;color:var(--pu-granate)}
.pu-app .pu-camino-cab a{font:600 14px/1.35 var(--pu-letra);color:var(--pu-marino);text-decoration:none;border-bottom:1px solid rgba(22,58,99,.25)}
.pu-app .pu-camino h2{margin:0 0 16px;font:800 22px/1.25 var(--pu-letra);letter-spacing:-.01em;color:var(--pu-tinta);text-wrap:balance}
.pu-app .pu-ruta{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pu-app .pu-ruta::before{content:"";position:absolute;left:8%;right:8%;top:25px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--pu-verde) 0,#c9a227 30%,var(--pu-granate) 62%,var(--pu-marino) 100%);opacity:.35}
.pu-app .pu-pp{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 6px 12px;border:0;background:none;cursor:pointer;text-align:center;font:inherit;color:var(--pu-tinta);transition:transform .18s ease}
.pu-app .pu-pp .pu-dot{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#fff;border:3px solid var(--pu-c,var(--pu-marino));color:var(--pu-c,var(--pu-marino));font:800 20px/1 var(--pu-letra);box-shadow:0 4px 12px rgba(19,35,59,.10);transition:background-color .18s ease,color .18s ease,transform .18s ease}
.pu-app .pu-pp b{display:block;font:800 15.5px/1.25 var(--pu-letra);color:var(--pu-tinta)}
.pu-app .pu-pp span.pu-l{display:block;font:500 13px/1.35 var(--pu-letra);color:var(--pu-gris)}
.pu-app .pu-pp:hover .pu-dot,.pu-app .pu-pp:focus-visible .pu-dot{transform:translateY(-2px)}
.pu-app .pu-pp.on .pu-dot{background:var(--pu-c,var(--pu-marino));color:#fff}
.pu-app .pu-pp.on b{color:var(--pu-c,var(--pu-marino))}
.pu-app .pu-pp:focus-visible{outline:2px solid var(--pu-marino);outline-offset:3px;border-radius:12px}
.pu-app .pu-dice{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:8px 0 0;padding:14px 16px;border-radius:12px;background:var(--pu-azul-c);color:var(--pu-tinta);font:500 15px/1.5 var(--pu-letra)}
.pu-app .pu-dice b{font-weight:700}
.pu-app .pu-empieza{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pu-app .pu-empieza a{display:block;padding:11px 13px;border-radius:10px;background:#fff;border:1px solid var(--pu-linea);color:var(--pu-tinta);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease}
.pu-app .pu-empieza a:hover{border-color:var(--pu-marino);box-shadow:0 6px 16px rgba(19,35,59,.10)}
.pu-app .pu-empieza a b{display:block;font:800 14.5px/1.3 var(--pu-letra);color:var(--pu-marino)}
.pu-app .pu-empieza a span{display:block;margin-top:2px;font:500 13px/1.4 var(--pu-letra);color:var(--pu-gris)}
.pu-app .pu-empieza a i{font-style:normal;color:var(--pu-granate);font-weight:700}
.pu-app .pu-camino-nota{margin:10px 0 0;font:500 12.5px/1.4 var(--pu-letra);color:var(--pu-gris)}
.pu-app .pu-camino-nota button{border:0;background:none;padding:0;margin-left:6px;font:600 12.5px/1.4 var(--pu-letra);color:var(--pu-marino);text-decoration:underline;cursor:pointer}

/* ---- la moneda: cada tema con sus dos caras ---- */
.em-app .v1 .pu-moneda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.em-app .v1 .pu-cara{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 16px 14px;border:1px solid var(--pu-linea);border-radius:14px;background:#fff;transition:opacity .22s ease,box-shadow .22s ease,border-color .22s ease}
.em-app .v1 .pu-cara.pu-antes{border-top:0;box-shadow:inset 0 3px 0 var(--pu-verde)}
.em-app .v1 .pu-cara.pu-despues{border-top:0;box-shadow:inset 0 3px 0 var(--pu-marino)}
.em-app .v1 .pu-ct{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.em-app .v1 .pu-ct i{font-style:normal;display:inline-block;padding:3px 8px;border-radius:6px;font:800 11.5px/1.35 var(--pu-letra);letter-spacing:.05em;text-transform:uppercase;color:#fff}
.em-app .v1 .pu-antes .pu-ct i{background:var(--pu-verde)}
.em-app .v1 .pu-despues .pu-ct i{background:var(--pu-marino)}
.em-app .v1 .pu-ct b{font:800 16.5px/1.3 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-tu{display:none;margin-left:auto;padding:3px 8px;border-radius:6px;background:var(--pu-granate);color:#fff;font:700 11.5px/1.35 var(--pu-letra)}
.pu-app[data-pu-camino] .v1 .pu-cara.pu-tuya .pu-tu{display:inline-block}
.pu-app[data-pu-camino] .v1 .pu-cara.pu-tuya{order:-1;border-color:var(--pu-granate);box-shadow:0 0 0 2px var(--pu-granate),0 10px 26px rgba(151,17,42,.10)}
.pu-app[data-pu-camino] .v1 .pu-cara:not(.pu-tuya){opacity:.78}
.pu-app[data-pu-camino] .v1 .pu-cara:not(.pu-tuya):hover{opacity:1}
.em-app .v1 .pu-nota{margin:2px 0 0;font:500 12.5px/1.45 var(--pu-letra);color:var(--pu-gris)}
.em-app .v1 .pu-nota a{color:var(--pu-marino);font-weight:600}
.em-app .v1 .pu-ir{display:inline-block;margin-top:auto;padding:8px 12px;border-radius:9px;background:var(--pu-azul-c);color:var(--pu-marino);font:700 13.5px/1.3 var(--pu-letra);text-decoration:none;transition:background-color .18s ease,color .18s ease}
.em-app .v1 .pu-ir:hover{background:var(--pu-marino);color:#fff}

/* ---- filas con veredicto: una pregunta por fila, la respuesta al lado ---- */
.em-app .v1 .pu-filas{display:grid;gap:8px}
.em-app .v1 .pu-fila{display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(0,1.6fr);gap:6px 12px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--pu-suave)}
.em-app .v1 .pu-fila .pu-q{font:700 14.5px/1.3 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-fila .pu-r{font:500 13.5px/1.45 var(--pu-letra);color:#2c3a50}
.em-app .v1 .pu-ver{display:inline-block;padding:4px 9px;border-radius:7px;font:800 12.5px/1.3 var(--pu-letra);white-space:normal;text-align:center;background:#e9edf2;color:var(--pu-tinta)}
.em-app .v1 .pu-ver.v{background:var(--pu-verde-c);color:var(--pu-verde);box-shadow:inset 0 0 0 1px rgba(31,122,77,.25)}
.em-app .v1 .pu-ver.a{background:var(--pu-ambar-c);color:var(--pu-ambar);box-shadow:inset 0 0 0 1px rgba(161,92,7,.25)}
.em-app .v1 .pu-ver.r{background:var(--pu-rojo);color:#fff}
.em-app .v1 .pu-ver.m{background:var(--pu-azul-c);color:var(--pu-marino);box-shadow:inset 0 0 0 1px rgba(22,58,99,.2)}
.em-app .v1 .pu-cara .pu-fila{grid-template-columns:minmax(0,1fr) auto;padding:9px 11px}
.em-app .v1 .pu-cara .pu-fila .pu-r{grid-column:1/-1}

/* ---- cifras en grande ---- */
.em-app .v1 .pu-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}
.em-app .v1 .pu-cifra{display:flex;flex-direction:column;gap:2px;padding:10px 11px;border-radius:10px;background:var(--pu-suave);border:1px solid #e5ebf2}
.em-app .v1 .pu-cifra .pu-n{font:800 22px/1.1 var(--pu-letra);color:var(--pu-marino);letter-spacing:-.01em}
.em-app .v1 .pu-cifra .pu-n small{font:700 13px/1 var(--pu-letra);color:var(--pu-gris);margin-left:3px}
.em-app .v1 .pu-cifra b{font:700 13.5px/1.3 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-cifra span{font:500 12.5px/1.35 var(--pu-letra);color:var(--pu-gris)}
.em-app .v1 .pu-cifra.r .pu-n{color:var(--pu-rojo)}
.em-app .v1 .pu-cifra.v .pu-n{color:var(--pu-verde)}
.em-app .v1 .pu-cara .pu-cifras.pu-c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.em-app .v1 .pu-cara .pu-cifras.pu-c3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:400px){.em-app .v1 .pu-cara .pu-cifras.pu-c3{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- una regla a escala, con sus tramos de color y su rejilla ---- */
.em-app .v1 .pu-reglas{display:grid;gap:12px}
.em-app .v1 .pu-regla{display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 10px;align-items:start}
.em-app .v1 .pu-regla>b{padding-top:6px;font:800 13.5px/1.25 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-tramos{display:grid;height:30px;border-radius:8px;overflow:hidden}
.em-app .v1 .pu-tramos>div{display:flex;align-items:center;justify-content:center;padding:0 4px;font:700 12px/1.1 var(--pu-letra);color:#fff;text-align:center;overflow:hidden}
.em-app .v1 .pu-tramos>.v{background:var(--pu-verde)}.em-app .v1 .pu-tramos>.a{background:#c98a1b}.em-app .v1 .pu-tramos>.r{background:var(--pu-rojo)}.em-app .v1 .pu-tramos>.g{background:#9aa6b4}
.em-app .v1 .pu-rej{display:grid;margin-top:4px}
.em-app .v1 .pu-rej>span{font:600 11.5px/1.25 var(--pu-letra);color:var(--pu-gris);text-align:center;border-left:1px solid #c9d3de;padding:2px 2px 0}
.em-app .v1 .pu-rej>span:first-child{border-left:0}
.em-app .v1 .pu-cursor{position:relative;margin-top:10px;padding:10px 12px 10px 14px;border-left:4px solid #c98a1b;border-radius:0 10px 10px 0;background:var(--pu-ambar-c);font:500 13.5px/1.45 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-cursor b{font-weight:800;color:var(--pu-ambar)}

/* ---- barras sobre un eje (minutos a la semana) ---- */
.em-app .v1 .pu-barras{display:grid;gap:8px}
.em-app .v1 .pu-barras-cab{font:700 12.5px/1.3 var(--pu-letra);color:var(--pu-gris);letter-spacing:.02em}
.em-app .v1 .pu-bfila{display:grid;grid-template-columns:118px minmax(0,1fr);gap:4px 10px;align-items:center;text-decoration:none;color:inherit}
.em-app .v1 .pu-bfila>b{font:800 13.5px/1.25 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-bfila>b small{display:block;font:600 12px/1.25 var(--pu-letra);color:var(--pu-gris)}
.em-app .v1 .pu-pista{position:relative;height:26px;border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#dfe6ee calc(16.666% - 1px),#dfe6ee 16.666%),var(--pu-suave)}
.em-app .v1 .pu-tramo{position:absolute;top:4px;bottom:4px;border-radius:9px;background:linear-gradient(90deg,#9cc9b0,var(--pu-verde));display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#fff;font:800 11.5px/1 var(--pu-letra)}
.em-app .v1 .pu-tramo.m{background:linear-gradient(90deg,#9db3cc,var(--pu-marino))}
.em-app .v1 .pu-ref{position:absolute;top:-3px;bottom:-3px;width:0;border-left:2px dashed var(--pu-granate)}
.em-app .v1 .pu-eje{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px}
.em-app .v1 .pu-eje>div{position:relative;height:30px}
.em-app .v1 .pu-eje span{position:absolute;top:2px;transform:translateX(-50%);font:600 11px/1.2 var(--pu-letra);color:var(--pu-gris);white-space:nowrap}
.em-app .v1 .pu-eje span.pu-ref-t{top:15px;color:var(--pu-granate);font-weight:800}
.em-app .v1 .pu-eje span.pu-ini{transform:none}.em-app .v1 .pu-eje span.pu-fin{transform:translateX(-100%)}
.em-app .v1 a.pu-bfila:hover .pu-pista{box-shadow:0 0 0 2px var(--pu-marino)}

/* ---- la escalera: los pasos de la progresión, a escala ---- */
.em-app .v1 .pu-escalera{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:6px;align-items:end;height:128px;padding:0 2px;border-bottom:2px solid #c9d3de}
.em-app .v1 .pu-escalon{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%}
.em-app .v1 .pu-escalon>div{height:var(--h,50%);min-height:30px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#5b7ea6,var(--pu-marino));color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:5px;font:800 14px/1.1 var(--pu-letra)}
.em-app .v1 .pu-escalon>div small{font:600 10.5px/1.2 var(--pu-letra);opacity:.9}
.em-app .v1 .pu-esc-pie{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:6px;margin-top:4px}
.em-app .v1 .pu-esc-pie span{font:600 11.5px/1.25 var(--pu-letra);color:var(--pu-gris);text-align:center}

/* ---- las señales que obligan a parar ---- */
.em-app .v1 .pu-alto{padding:11px 12px;border-radius:12px;background:var(--pu-rojo-c);border:1px solid rgba(180,35,24,.25)}
.em-app .v1 .pu-alto>b{display:block;margin-bottom:7px;font:800 13.5px/1.3 var(--pu-letra);color:var(--pu-rojo)}
.em-app .v1 .pu-alto-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
.em-app .v1 .pu-alto-g span{display:flex;gap:7px;align-items:flex-start;padding:7px 9px;border-radius:8px;background:#fff;font:600 12.5px/1.35 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-alto-g span::before{content:"!";flex:0 0 18px;height:18px;border-radius:50%;background:var(--pu-rojo);color:#fff;font:800 12px/18px var(--pu-letra);text-align:center}

/* ---- pasos numerados ---- */
.em-app .v1 .pu-pasos{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:10px;counter-reset:pu}
.em-app .v1 .pu-paso{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 14px 13px;border-radius:12px;background:var(--pu-suave);border:1px solid #e3e9f0}
.em-app .v1 .pu-paso .pu-pn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--pu-marino);color:#fff;font:800 16px/1 var(--pu-letra);margin-bottom:4px}
.em-app .v1 .pu-paso b{font:800 15px/1.3 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-paso span{font:500 13.5px/1.45 var(--pu-letra);color:#2c3a50}
.em-app .v1 .pu-paso.r{background:var(--pu-rojo);border-color:var(--pu-rojo)}
.em-app .v1 .pu-paso.r .pu-pn{background:#fff;color:var(--pu-rojo)}
.em-app .v1 .pu-paso.r b,.em-app .v1 .pu-paso.r span{color:#fff}
.em-app .v1 .pu-pasos.pu-col{grid-template-columns:minmax(0,1fr)}
.em-app .v1 .pu-pasos.pu-col .pu-paso{flex-direction:row;align-items:flex-start;gap:12px}
.em-app .v1 .pu-pasos.pu-col .pu-paso .pu-pn{flex:0 0 34px;margin:0}

/* ---- puertas (cada enfermedad, una página) ---- */
.em-app .v1 .pu-puertas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.em-app .v1 .pu-puerta{display:flex;flex-direction:column;gap:6px;padding:13px 14px;border-radius:12px;background:#fff;border:1px solid var(--pu-linea);box-shadow:0 4px 14px rgba(19,35,59,.05)}
.em-app .v1 .pu-puerta b{font:800 15.5px/1.25 var(--pu-letra);color:var(--pu-marino)}
.em-app .v1 .pu-puerta>span{font:500 13.5px/1.45 var(--pu-letra);color:#2c3a50}
.em-app .v1 .pu-sub{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.em-app .v1 .pu-sub i{font-style:normal;padding:3px 8px;border-radius:6px;background:var(--pu-suave);color:var(--pu-gris);font:700 11.5px/1.35 var(--pu-letra)}
.em-app .v1 .pu-sub i.pu-cuidate{background:var(--pu-verde-c);color:var(--pu-verde)}

/* ---- el informe: la frase tal como se lee, qué quiere decir y qué se suele hacer ---- */
.em-app .v1 .pu-informe{display:grid;gap:7px}
.em-app .v1 .pu-inf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:6px 14px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--pu-suave);border-left:5px solid var(--pu-c,#9aa6b4)}
.em-app .v1 .pu-inf.v{--pu-c:var(--pu-verde)}.em-app .v1 .pu-inf.a{--pu-c:#c98a1b}.em-app .v1 .pu-inf.r{--pu-c:var(--pu-rojo)}
.em-app .v1 .pu-inf .pu-fr{font:700 14px/1.3 var(--serif,"Faustina",Georgia,serif);color:var(--pu-tinta)}
.em-app .v1 .pu-inf .pu-sig{font:500 13.5px/1.45 var(--pu-letra);color:#2c3a50}
.em-app .v1 .pu-inf .pu-hacer{font:700 13px/1.35 var(--pu-letra);color:var(--pu-c,var(--pu-tinta))}
.em-app .v1 .pu-inf-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:14px;padding:0 12px 0 17px;font:700 11.5px/1.3 var(--pu-letra);letter-spacing:.05em;text-transform:uppercase;color:var(--pu-gris)}

/* ---- ficha de un vistazo (para el público) ---- */
.em-app .v1 .pu-ficha{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.em-app .v1 .pu-ficha .pu-fn{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 14px;border-radius:12px;background:var(--pu-marino);color:#fff}
.em-app .v1 .pu-ficha .pu-fn b{font:800 19px/1.2 var(--pu-letra)}
.em-app .v1 .pu-ficha .pu-fn span{font:600 13px/1.3 var(--pu-letra);opacity:.85}
.em-app .v1 .pu-ficha .pu-fc{padding:11px 12px;border-radius:11px;background:var(--pu-suave);font:500 13.5px/1.45 var(--pu-letra);color:#2c3a50}
.em-app .v1 .pu-ficha .pu-fc b{display:block;margin-bottom:3px;font:800 12px/1.3 var(--pu-letra);letter-spacing:.04em;text-transform:uppercase;color:var(--pu-marino)}
.em-app .v1 .pu-ficha .pu-fc.r{background:var(--pu-rojo-c)}.em-app .v1 .pu-ficha .pu-fc.r b{color:var(--pu-rojo)}
.em-app .v1 .pu-ficha .pu-fc.v{background:var(--pu-verde-c)}.em-app .v1 .pu-ficha .pu-fc.v b{color:var(--pu-verde)}

/* ---- herramientas de verdad ---- */
.em-app .v1 .pu-herr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.em-app .v1 .pu-h{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--pu-linea);box-shadow:0 8px 22px rgba(19,35,59,.06)}
.em-app .v1 .pu-h .pu-h-t{display:flex;gap:12px;align-items:flex-start}
.em-app .v1 .pu-h .pu-h-t svg{flex:0 0 40px;width:40px;height:40px;padding:8px;border-radius:10px;background:var(--pu-azul-c);fill:none;stroke:var(--pu-marino);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.em-app .v1 .pu-h .pu-h-t b{display:block;font:800 16px/1.25 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-h .pu-h-t span{display:block;margin-top:2px;font:500 13px/1.4 var(--pu-letra);color:var(--pu-gris)}
.em-app .v1 .pu-h-bts{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.em-app .v1 .pu-h-bts a{display:inline-block;padding:9px 13px;border-radius:9px;background:var(--pu-granate);color:#fff;font:700 13.5px/1.25 var(--pu-letra);text-decoration:none;transition:filter .18s ease}
.em-app .v1 .pu-h-bts a.s{background:var(--pu-azul-c);color:var(--pu-marino)}
.em-app .v1 .pu-h-bts a:hover{filter:brightness(1.08)}
.em-app .v1 .pu-viene{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--pu-suave);font:500 13px/1.4 var(--pu-letra);color:var(--pu-gris)}
.em-app .v1 .pu-viene b{font-weight:700;color:var(--pu-tinta)}
.em-app .v1 .pu-viene i{font-style:normal;padding:3px 8px;border-radius:6px;background:#fff;border:1px dashed #b9c4d1;color:var(--pu-gris);font:600 12px/1.35 var(--pu-letra)}

/* ---- las piezas publicadas (artículos firmados) ---- */
.em-app .v1 .pu-piezas{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:10px;margin-top:12px}
.em-app .v1 .pu-pieza{display:flex;flex-direction:column;gap:5px;padding:12px 13px;border-radius:11px;background:#fff;border:1px solid var(--pu-linea);text-decoration:none;color:inherit;transition:border-color .18s ease,box-shadow .18s ease}
.em-app .v1 .pu-pieza:hover{border-color:var(--pu-marino);box-shadow:0 6px 16px rgba(19,35,59,.10)}
.em-app .v1 .pu-pieza small{font:700 11.5px/1.3 var(--pu-letra);letter-spacing:.04em;text-transform:uppercase;color:var(--pu-granate)}
.em-app .v1 .pu-pieza b{font:800 14.5px/1.3 var(--pu-letra);color:var(--pu-marino)}
.em-app .v1 .pu-pieza span{font:600 12px/1.35 var(--pu-letra);color:var(--pu-gris)}

/* ---- verdadero o falso, contestado en la propia portada ---- */
.em-app .v1 .pu-vf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.em-app .v1 .pu-vfc{display:flex;flex-direction:column;gap:9px;padding:14px;border-radius:12px;background:#fff;border:1px solid var(--pu-linea)}
.em-app .v1 .pu-vfc .pu-eti{align-self:flex-start;padding:4px 9px;border-radius:7px;background:var(--pu-granate);color:#fff;font:800 12.5px/1.3 var(--pu-letra);letter-spacing:.02em}
.em-app .v1 .pu-vfc .pu-fr{font:700 15.5px/1.35 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-vf-bts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.em-app .v1 .pu-vf-bts button{padding:9px 8px;border-radius:9px;border:1.5px solid var(--pu-marino);background:#fff;color:var(--pu-marino);font:700 14px/1.2 var(--pu-letra);cursor:pointer;transition:background-color .18s ease,color .18s ease}
.em-app .v1 .pu-vf-bts button:hover{background:var(--pu-azul-c)}
.em-app .v1 .pu-vf-bts button.pu-bien{background:var(--pu-verde);border-color:var(--pu-verde);color:#fff}
.em-app .v1 .pu-vf-bts button.pu-mal{background:#fff;border-color:var(--pu-granate);color:var(--pu-granate)}
.em-app .v1 .pu-vf-r{display:none;padding:10px 11px;border-radius:9px;background:var(--pu-suave);font:500 13.5px/1.45 var(--pu-letra);color:#2c3a50}
.em-app .v1 .pu-vf-r b{color:var(--pu-tinta)}
.em-app .v1 .pu-vfc.pu-hecha .pu-vf-r{display:block}

/* ---- quién escribe ---- */
.em-app .v1 .pu-firmas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.em-app .v1 .pu-firma{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--pu-linea);text-decoration:none;color:inherit}
.em-app .v1 .pu-firma img{flex:0 0 56px;width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px var(--pu-marino)}
.em-app .v1 .pu-firma b{display:block;font:800 15px/1.25 var(--pu-letra);color:var(--pu-marino)}
.em-app .v1 .pu-firma span{display:block;font:500 13px/1.35 var(--pu-letra);color:var(--pu-gris)}
.em-app .v1 .pu-sellos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.em-app .v1 .pu-sello{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;border-radius:10px;background:var(--pu-suave);font:600 12.5px/1.35 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-sello svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:var(--pu-verde);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ---- las edades, a escala ---- */
.em-app .v1 .pu-edades{position:relative}
.em-app .v1 .pu-ed-eje{display:grid;height:34px;border-radius:8px;overflow:hidden}
.em-app .v1 .pu-ed-eje>div{display:flex;align-items:center;justify-content:center;font:800 12px/1.1 var(--pu-letra);color:#fff;text-align:center;padding:0 3px}
.em-app .v1 .pu-ed-rej{display:grid;margin-top:3px}
.em-app .v1 .pu-ed-rej span{font:600 11px/1.2 var(--pu-letra);color:var(--pu-gris);border-left:1px solid #c9d3de;padding-left:3px}
.em-app .v1 .pu-ed-rej span:first-child{border-left:0;padding-left:0}
.em-app .v1 .pu-ed-cards{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:8px;margin-top:12px}
.em-app .v1 .pu-ed-cards>div{padding:10px 11px;border-radius:10px;background:var(--pu-suave);border-top:4px solid var(--pu-c,var(--pu-marino))}
.em-app .v1 .pu-ed-cards b{display:block;font:800 13.5px/1.3 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-ed-cards span{display:block;margin-top:3px;font:500 12.5px/1.4 var(--pu-letra);color:var(--pu-gris)}

/* ---- el recorrido clínico (cabecera del bloque «Cuando hay un problema») ---- */
.em-app .v1 .pu-recorrido{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 4px}
.em-app .v1 .pu-et{position:relative;display:flex;flex-direction:column;gap:4px;padding:13px 14px;border-radius:12px;background:#fff;border:1px solid var(--pu-linea);text-decoration:none;color:inherit;transition:border-color .18s ease,box-shadow .18s ease}
.em-app .v1 .pu-et:hover{border-color:var(--pu-marino);box-shadow:0 6px 16px rgba(19,35,59,.10)}
.em-app .v1 .pu-et:not(:last-child)::after{content:"";position:absolute;right:-9px;top:50%;width:8px;height:8px;border-top:2px solid #9aa6b4;border-right:2px solid #9aa6b4;transform:translateY(-50%) rotate(45deg)}
.em-app .v1 .pu-et .pu-k{font:800 11.5px/1.3 var(--pu-letra);letter-spacing:.06em;text-transform:uppercase;color:var(--pu-granate)}
.em-app .v1 .pu-et b{font:800 16px/1.25 var(--pu-letra);color:var(--pu-marino)}
.em-app .v1 .pu-et span{font:500 13px/1.4 var(--pu-letra);color:#2c3a50}
.em-app .v1 .pu-et i{font-style:normal;margin-top:auto;font:700 12.5px/1.3 var(--pu-letra);color:var(--pu-gris)}

/* ---- el plato (comer y beber), dibujado en sus proporciones ---- */
.em-app .v1 .pu-plato{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:center}
.em-app .v1 .pu-plato svg{width:118px;height:118px;display:block}
.em-app .v1 .pu-plato-l{display:grid;gap:7px}
.em-app .v1 .pu-plato-l>span{display:flex;gap:8px;align-items:flex-start;font:500 13.5px/1.4 var(--pu-letra);color:#2c3a50}
.em-app .v1 .pu-plato-l>span>i{flex:0 0 13px;height:13px;margin-top:3px;border-radius:4px}
.em-app .v1 .pu-plato-l b{font-weight:800;color:var(--pu-tinta)}

/* ---- situaciones en tarjetas con su icono ---- */
.em-app .v1 .pu-tarjetas{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:8px}
.em-app .v1 .pu-cara .pu-tarjetas{grid-template-columns:minmax(0,1fr)}
.em-app .v1 .pu-tarjeta{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:11px;background:var(--pu-suave)}
.em-app .v1 .pu-tarjeta svg{flex:0 0 26px;width:26px;height:26px;fill:none;stroke:var(--pu-marino);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.em-app .v1 .pu-tarjeta b{display:block;font:800 14px/1.3 var(--pu-letra);color:var(--pu-tinta)}
.em-app .v1 .pu-tarjeta span{display:block;margin-top:2px;font:500 13px/1.42 var(--pu-letra);color:#2c3a50}

/* ---- la franja de urgencias y las señales del inicio ---- */
.pu-app .em-alarma.v4-alarma ol li span b{font-weight:800}
.pu-app .pu-112{display:inline-block;margin-left:2px;padding:1px 6px;border-radius:5px;background:var(--pu-rojo);color:#fff;font-weight:800}

/* ---- la barra de navegación del ESPACIO en la cabecera de la web (Ramón, 21/10/2026: «Barra A: solo la del ESPACIO, con el portal
   profesional a la derecha»). Es el perfil de navegación «Salud» de la plantilla (menú «salud-barra»), que solo usa el estilo 22, el de las
   páginas de /salud/: la web le pone al cuerpo la clase navigation-salud. Urgencias, en rojo; el portal profesional, a la derecha. Esta hoja
   llega a todas las páginas de /salud/ por el código de cabecera del estilo 22 (no solo a la portada) ---- */
body.navigation-salud .t4-megamenu .navbar-nav>li>a.pu-nav-urg{background:#b42318;color:#fff;border-radius:8px;padding-left:14px;padding-right:14px}
body.navigation-salud .t4-megamenu .navbar-nav>li>a.pu-nav-urg:hover,body.navigation-salud .t4-megamenu .navbar-nav>li>a.pu-nav-urg:focus{background:#97112a;color:#fff}
body.navigation-salud .t4-megamenu .navbar-nav>li:has(>a.pu-nav-prof){margin-left:auto}
body.navigation-salud .t4-megamenu .navbar-nav>li>a.pu-nav-prof{opacity:.85;font-weight:500}
body.navigation-salud .t4-offcanvas a.pu-nav-urg{color:#b42318;font-weight:800}
body.navigation-salud .t4-offcanvas a.pu-nav-prof{color:#5f6b7a;font-weight:600}

/* ---- revisión clínica: con ?revisar=1 se marcan las frases que esperan el visto bueno de Ramón ---- */
.pu-revisar .pu-app [data-validar]{outline:2px dashed #c9a227;outline-offset:3px;position:relative}
.pu-revisar .pu-app [data-validar]::before{content:attr(data-validar);position:absolute;top:-11px;left:-11px;z-index:3;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:#c9a227;color:#fff;font:800 12px/22px var(--pu-letra);text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.pu-revisar-cab{position:sticky;top:0;z-index:50;padding:8px 14px;background:#c9a227;color:#fff;font:700 14px/1.4 "Barlow",Arial,sans-serif;text-align:center}

/* ---- tablet y móvil (todo cabe en 360 px) ---- */
@media (max-width:959px){
  .em-app .v1 .pu-puertas,.em-app .v1 .pu-vf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .em-app .v1 .pu-ficha{grid-template-columns:repeat(2,minmax(0,1fr))}
  .em-app .v1 .pu-sellos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .em-app .v1 .pu-ed-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .em-app .v1 .pu-recorrido{grid-template-columns:repeat(2,minmax(0,1fr))}
  .em-app .v1 .pu-et:nth-child(2)::after{display:none}
  .em-app .v1 .pu-piezas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .pu-app .pu-camino{padding:16px 14px 14px}
  .pu-app .pu-camino h2{font-size:19px}
  .pu-app .pu-ruta{grid-template-columns:minmax(0,1fr);gap:6px}
  .pu-app .pu-ruta::before{left:25px;right:auto;top:8px;bottom:8px;width:3px;height:auto;background:linear-gradient(180deg,var(--pu-verde) 0,#c9a227 30%,var(--pu-granate) 62%,var(--pu-marino) 100%)}
  .pu-app .pu-pp{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;justify-items:start;text-align:left;padding:2px 0}
  .pu-app .pu-pp .pu-dot{grid-row:1/3;width:46px;height:46px;font-size:18px;margin-left:3px}
  .pu-app .pu-pp b{font-size:15px;align-self:end}
  .pu-app .pu-pp span.pu-l{align-self:start}
  .pu-app .pu-empieza{grid-template-columns:minmax(0,1fr)}
  .em-app .v1 .pu-moneda{grid-template-columns:minmax(0,1fr)}
  .em-app .v1 .pu-herr{grid-template-columns:minmax(0,1fr)}
  .em-app .v1 .pu-tarjetas{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:400px){
  .em-app .v1 .pu-plato{grid-template-columns:92px minmax(0,1fr);gap:10px}
  .em-app .v1 .pu-plato svg{width:92px;height:92px}
}
@media (max-width:600px){
  .em-app .v1 .pu-fila{grid-template-columns:minmax(0,1fr) auto}
  .em-app .v1 .pu-fila .pu-r{grid-column:1/-1}
  .em-app .v1 .pu-puertas,.em-app .v1 .pu-vf,.em-app .v1 .pu-firmas,.em-app .v1 .pu-piezas,.em-app .v1 .pu-recorrido{grid-template-columns:minmax(0,1fr)}
  .em-app .v1 .pu-et::after{display:none}
  .em-app .v1 .pu-pasos{grid-template-columns:minmax(0,1fr)}
  .em-app .v1 .pu-pasos .pu-paso{flex-direction:row;align-items:flex-start;gap:12px}
  .em-app .v1 .pu-pasos .pu-paso .pu-pn{flex:0 0 34px;margin:0}
  .em-app .v1 .pu-inf,.em-app .v1 .pu-inf-cab{grid-template-columns:minmax(0,1fr)}
  .em-app .v1 .pu-inf-cab{display:none}
  .em-app .v1 .pu-regla{grid-template-columns:minmax(0,1fr)}
  .em-app .v1 .pu-regla>b{padding-top:0}
  .em-app .v1 .pu-bfila,.em-app .v1 .pu-eje{grid-template-columns:minmax(0,1fr)}
  .em-app .v1 .pu-eje>i{display:none}
  .em-app .v1 .pu-ed-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .em-app .v1 .pu-ficha{grid-template-columns:minmax(0,1fr)}
  .em-app .v1 .pu-tramos>div{font-size:11px}
}
@media (prefers-reduced-motion:reduce){.pu-app .pu-pp,.pu-app .pu-pp .pu-dot,.em-app .v1 .pu-cara,.em-app .v1 .pu-ir,.em-app .v1 .pu-pieza,.em-app .v1 .pu-et,.em-app .v1 .pu-vf-bts button{transition:none}}