/* ============================================================================
   ESPACIO formativo de CardioTeca · modelo combinado (fase 3, 07/10/2026)
   Portada con cuadro de mando + pestañas de sección + todos los módulos plegados.
   Todas las clases llevan el prefijo em- para no chocar con la hoja de estilos
   de cardioteca.com cuando se publique dentro de Joomla.
   Letras de la web: Source Serif 4 (título principal), Faustina (titulares),
   Barlow (todo lo demás). Colores: marino y granate de la web.
   ============================================================================ */
.em-app{
  --em-tinta:#13233b; --em-marino:#163a63; --em-marino-osc:#122f52; --em-azul:#1d5a9e; --em-granate:#97112a;
  --em-gris:#5f6b7a; --em-linea:#dbe3ec; --em-linea-f:#b5c7da; --em-suave:#f2f5f9; --em-fondo:#ffffff; --em-tarjeta:#ffffff;
  --em-azul-claro:#e6eef8; --em-aviso:#fff6e0; --em-aviso-t:#7a5200; --em-ok:#1f7a4d; --em-ok-claro:#e4f3eb;
  --em-rojo:#a3261b; --em-rojo-claro:#fbe9e7; --em-lila:#5b3fa0; --em-lila-claro:#efeafa; --em-teja:#9a4a12; --em-teja-claro:#fbeee4;
  --em-sombra:0 1px 2px rgba(19,35,59,.06),0 6px 20px rgba(19,35,59,.07);
  --em-letra:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --em-serif:"Faustina",Georgia,serif; --em-serif-h1:"Source Serif 4",Georgia,serif;
  --em-top:0px; /* altura de lo que la web tenga fijo arriba; la barra de pestañas se pega debajo */
  background:var(--em-fondo);color:var(--em-tinta);font-family:var(--em-letra);font-size:16px;line-height:1.5;
  max-width:1120px;margin:0 auto;position:relative;
}
@media (prefers-color-scheme:dark){.em-app:not(.em-claro){
  --em-tinta:#e6edf6; --em-marino:#7fb0e6; --em-marino-osc:#0d2340; --em-azul:#79aee8; --em-granate:#e0566f;
  --em-gris:#9fadbd; --em-linea:#2a3a50; --em-linea-f:#3a4f6a; --em-suave:#132136; --em-fondo:#0c1726; --em-tarjeta:#111f33;
  --em-azul-claro:#1a2d48; --em-aviso:#3a2f12; --em-aviso-t:#f1cf7d; --em-ok:#6fcf9f; --em-ok-claro:#16352a;
  --em-rojo:#ff8a7a; --em-rojo-claro:#3a1a17; --em-lila:#b9a5ec; --em-lila-claro:#2a2245; --em-teja:#f0a46e; --em-teja-claro:#3a2617;
  --em-sombra:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35); color-scheme:dark}}
.em-app *,.em-app *::before,.em-app *::after{box-sizing:border-box}
.em-app a{color:var(--em-azul)}
.em-app button{font-family:var(--em-letra)}
.em-app h1,.em-app h2,.em-app h3,.em-app h4{color:var(--em-tinta);margin:0}
.em-app p{margin:0}
.em-app svg.em-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block;vertical-align:middle}
.em-app :focus-visible{outline:3px solid var(--em-azul);outline-offset:2px}
.em-ph{background:var(--em-azul-claro);color:var(--em-azul);border-radius:3px;padding:0 3px;font-weight:inherit}
.em-ph.em-lleno{background:none;color:inherit;padding:0}
.em-gris{color:var(--em-gris)}
.em-peq{font-size:14px}
.em-mt{margin-top:14px}
.em-oculto{display:none!important}

/* ---------- cabecera del ESPACIO ---------- */
.em-cab{padding:16px 16px 14px;border-bottom:1px solid var(--em-linea);background:linear-gradient(160deg,var(--em-tarjeta),var(--em-suave))}
.em-migas{font-size:13px;color:var(--em-gris);margin-bottom:6px;display:flex;gap:6px;flex-wrap:wrap}
.em-migas a{color:var(--em-gris);text-decoration:none}
.em-migas a:hover{color:var(--em-azul)}
.em-cab .em-eti-esp{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--em-granate)}
.em-cab h1{font-family:var(--em-serif-h1);font-weight:700;font-size:30px;line-height:1.1;margin:4px 0 6px;letter-spacing:-.01em}
.em-cab .em-def{margin:0 0 10px;color:var(--em-gris);font-size:15px;max-width:70ch}
.em-fechas{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--em-gris);margin-bottom:12px}
.em-fechas span{display:inline-flex;gap:5px;align-items:center}
.em-fechas svg{width:15px;height:15px;color:var(--em-ok)}
.em-busca-w{position:relative}
.em-busca{display:flex;border:1.5px solid var(--em-linea-f);border-radius:8px;background:var(--em-tarjeta);overflow:hidden;margin:0}
.em-busca input{flex:1;min-width:0;border:0;background:transparent;color:var(--em-tinta);font:500 16px var(--em-letra);padding:11px 12px;margin:0;box-shadow:none}
.em-busca input:focus{outline:none}
.em-busca:focus-within{border-color:var(--em-azul)}
.em-busca button{border:0;background:var(--em-marino);color:#fff;padding:0 14px;min-width:48px;cursor:pointer;border-radius:0}
.em-sugs{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--em-tarjeta);border:1px solid var(--em-linea);border-radius:0 0 8px 8px;box-shadow:var(--em-sombra);display:none;max-height:320px;overflow:auto}
.em-busca-w.em-abierta .em-sugs{display:block}
.em-sugs a{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;text-decoration:none;color:var(--em-tinta);border-top:1px solid var(--em-linea);font-size:15px;align-items:baseline}
.em-sugs a small{color:var(--em-gris);font-size:12.5px;white-space:nowrap}
.em-sugs a:hover{background:var(--em-suave)}

/* ---------- barra de pestañas (secciones) ---------- */
.em-tabs{display:flex;align-items:stretch;position:sticky;top:var(--em-top);z-index:20;background:var(--em-tarjeta);border-bottom:1px solid var(--em-linea);box-shadow:0 2px 8px rgba(19,35,59,.05)}
.em-tabs .em-in{flex:1;min-width:0;display:flex;gap:2px;overflow-x:auto;padding:0 8px;scrollbar-width:thin;align-items:stretch}
.em-tabs a{flex:none;padding:12px 9px 10px;font-weight:700;font-size:14px;text-decoration:none;color:var(--em-gris);border-bottom:3px solid transparent;display:flex;gap:6px;align-items:center;white-space:nowrap}
.em-tabs a:hover{color:var(--em-tinta)}
.em-tabs a[aria-current="true"]{color:var(--em-marino);border-bottom-color:var(--em-granate)}
.em-tabs a .em-n{font-size:11.5px;background:var(--em-suave);border-radius:999px;padding:0 6px;color:var(--em-gris);font-weight:700}
.em-vista{display:none;align-items:center;justify-content:flex-end;gap:4px;margin-top:8px}
.em-vista span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--em-gris);margin-right:4px}
.em-vista button{font:700 12px var(--em-letra);border:1px solid var(--em-linea-f);background:var(--em-tarjeta);color:var(--em-gris);border-radius:6px;padding:4px 9px;cursor:pointer;white-space:nowrap}
.em-vista button[aria-pressed="true"]{background:var(--em-marino);border-color:var(--em-marino);color:#fff}

/* ---------- cuerpo ---------- */
.em-inicio{padding:16px 16px 0}
.em-sec{padding:0 16px}
.em-app .em-h2{font-family:var(--em-serif);font-weight:600;font-size:21px;margin:26px 0 10px;line-height:1.2}
.em-app .em-h2:first-child{margin-top:4px}
.em-h2 small{display:block;font-family:var(--em-letra);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--em-gris);font-weight:700;margin-bottom:2px}
.em-card{background:var(--em-tarjeta);border:1px solid var(--em-linea);border-radius:12px;box-shadow:var(--em-sombra)}
.em-dos{display:grid;grid-template-columns:1fr;gap:14px}

/* cuadro de mando: indicadores */
.em-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.em-kpi{display:flex;flex-direction:column;gap:3px;padding:12px;text-decoration:none;color:var(--em-tinta);min-height:108px;border-top:3px solid var(--em-azul);border-radius:10px;position:relative}
.em-kpi:hover{border-color:var(--em-linea-f);border-top-color:var(--em-marino)}
.em-kpi small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--em-gris);font-weight:700;display:flex;gap:6px;align-items:center}
.em-kpi small svg{width:15px;height:15px;color:var(--em-azul)}
.em-kpi b{font-size:22px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--em-tinta)}
.em-kpi span{font-size:13.5px;color:var(--em-gris);line-height:1.3}
.em-kpi em{font-style:normal;font-size:12px;color:var(--em-azul);font-weight:700;margin-top:auto}
.em-kpi.em-nuevo{border-top-color:var(--em-ok)}
.em-kpi.em-prox{border-top-color:var(--em-granate)}
.em-marca{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:1px 6px;background:var(--em-ok-claro);color:var(--em-ok);vertical-align:middle}
.em-marca.em-hoy{background:var(--em-rojo-claro);color:var(--em-rojo)}
.em-marca.em-mes{background:var(--em-azul-claro);color:var(--em-azul)}

/* mensajes clave y alarmas */
.em-clave{padding:14px 16px;border-left:4px solid var(--em-marino);border-radius:10px}
.em-clave h3{margin:0 0 6px;font-family:var(--em-serif);font-weight:600;font-size:17px}
.em-clave ol{margin:0;padding-left:20px;font-size:15px}
.em-clave li{margin:4px 0}
.em-alarma{padding:12px 14px;border-radius:10px;background:var(--em-rojo-claro);color:var(--em-tinta);border-left:4px solid var(--em-rojo);display:flex;gap:10px;font-size:15px}
.em-alarma svg{color:var(--em-rojo);margin-top:2px}
.em-alarma b{color:var(--em-rojo)}

/* ruta y perfiles */
.em-ruta{display:grid;grid-template-columns:1fr;gap:8px}
.em-fase{display:flex;gap:12px;align-items:flex-start;padding:12px;text-decoration:none;color:var(--em-tinta)}
.em-fase .em-n{width:32px;height:32px;border-radius:50%;background:var(--em-azul);color:#fff;font-weight:800;display:grid;place-items:center;flex:none}
.em-fase b{display:block;font-family:var(--em-serif);font-weight:600;font-size:17px}
.em-fase small{color:var(--em-gris);font-size:13.5px;display:block;line-height:1.35}
.em-fase em{font-style:normal;font-size:12px;color:var(--em-gris)}
.em-fase:hover b{color:var(--em-azul)}
.em-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin;flex-wrap:nowrap}
.em-chip{flex:none;border:1px solid var(--em-linea-f);background:var(--em-tarjeta);color:var(--em-tinta);border-radius:999px;padding:8px 14px;font:600 14px var(--em-letra);cursor:pointer;min-height:40px}
.em-chip[aria-pressed="true"]{background:var(--em-marino);border-color:var(--em-marino);color:#fff}
.em-perfil-txt{font-size:14.5px;color:var(--em-gris);margin:6px 0 10px;min-height:1.4em}
.em-perfil-txt a{font-weight:700}

/* mapa del ESPACIO */
.em-mapa{display:grid;grid-template-columns:1fr;gap:10px}
.em-seccard{padding:14px;display:flex;flex-direction:column;gap:8px}
.em-seccard .em-top{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--em-tinta)}
.em-seccard .em-ic{width:42px;height:42px;border-radius:10px;background:var(--em-azul-claro);color:var(--em-azul);display:grid;place-items:center;flex:none}
.em-seccard h3{margin:0;font-family:var(--em-serif);font-weight:600;font-size:17.5px;line-height:1.2}
.em-seccard .em-top small{display:block;color:var(--em-gris);font-size:13px;font-family:var(--em-letra)}
.em-seccard .em-meta{margin-left:auto;text-align:right;font-size:12px;color:var(--em-gris);white-space:nowrap}
.em-seccard .em-meta b{display:block;font-size:18px;color:var(--em-tinta);font-weight:800}
.em-seccard ul{list-style:none;margin:0;padding:0;display:none;border-top:1px solid var(--em-linea)}
.em-seccard li a{display:flex;justify-content:space-between;gap:8px;padding:8px 2px;text-decoration:none;color:var(--em-tinta);font-size:14.5px;border-bottom:1px solid var(--em-linea)}
.em-seccard li a:hover{color:var(--em-azul)}
.em-seccard li a span:last-child{color:var(--em-gris);font-size:12.5px;flex:none}
.em-seccard .em-todo{display:none;font-weight:700;font-size:14px;text-decoration:none}

/* listas del cuadro de mando */
.em-lista{display:flex;flex-direction:column}
.em-item{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 14px;border-top:1px solid var(--em-linea);text-decoration:none;color:var(--em-tinta)}
.em-item:first-child{border-top:0}
.em-item .em-tp{grid-column:1/-1;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--em-granate);display:flex;gap:8px;align-items:center}
.em-item b{font-family:var(--em-serif);font-weight:600;font-size:16px;line-height:1.3}
.em-item .em-der{font-size:12.5px;color:var(--em-gris);text-align:right;white-space:nowrap;align-self:start}
.em-item small{grid-column:1/-1;color:var(--em-gris);font-size:13px}
.em-item:hover b{color:var(--em-azul)}
.em-evento{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:12px 14px;border-top:1px solid var(--em-linea);align-items:center;text-decoration:none;color:var(--em-tinta)}
.em-evento:first-child{border-top:0}
.em-fecha{text-align:center;border-radius:8px;background:var(--em-azul-claro);color:var(--em-azul);padding:5px 2px;line-height:1.05}
.em-fecha b{display:block;font-size:19px;font-weight:800}
.em-fecha small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.em-evento b.em-t{font-family:var(--em-serif);font-weight:600;font-size:15.5px;display:block}
.em-evento span{font-size:13px;color:var(--em-gris)}
.em-evento .em-btn{grid-column:2;justify-self:start}

/* ---------- secciones y módulos plegables ---------- */
.em-sec{margin-top:34px;scroll-margin-top:calc(var(--em-top) + 56px)}
.em-sec.em-solo-catalogo{padding-inline:20px}
.em-banda{padding:18px 20px;border-radius:12px;background:var(--em-marino);color:#fff;display:flex;gap:14px;align-items:center}
.em-banda .em-ic{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.14);display:grid;place-items:center;flex:none}
.em-banda small{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.8;display:block}
.em-banda h2{margin:2px 0 0;font-family:var(--em-serif);font-weight:600;font-size:clamp(21px,2.6vw,26px);line-height:1.15;color:#fff}
.em-banda p{margin:4px 0 0;opacity:.88;font-size:14.5px;max-width:70ch}
.em-banda .em-cnt{margin-left:auto;text-align:right;flex:none;font-size:12px;opacity:.85}
.em-banda .em-cnt b{display:block;font-size:22px;font-weight:800;line-height:1}
.em-esencial{padding:14px 16px;border-left:4px solid var(--em-granate);border-radius:10px;margin-top:12px}
.em-esencial h3{margin:0 0 6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--em-granate);font-family:var(--em-letra)}
.em-esencial p{margin:0;font-size:15.5px}
.em-ctrl{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.em-ctrl .em-chip{min-height:34px;padding:5px 12px;font-size:13.5px}
.em-ctrl .em-sp{flex:1}
.em-ctrl .em-abre{font:700 13px var(--em-letra);color:var(--em-azul);background:none;border:0;cursor:pointer;padding:6px 4px;text-decoration:underline}
.em-mod{margin-top:10px;border:1px solid var(--em-linea);border-radius:10px;background:var(--em-tarjeta);overflow:hidden;scroll-margin-top:calc(var(--em-top) + 60px)}
.em-mod>h3{margin:0;font-family:var(--em-letra)}
.em-mod>h3 button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:13px 14px;min-height:48px;font-family:var(--em-letra)}
.em-mod>h3 button:hover{background:var(--em-suave)}
.em-mod>h3 button:focus-visible{outline:3px solid var(--em-azul);outline-offset:-3px}
.em-mod .em-t{font-family:var(--em-serif);font-weight:600;font-size:17px;line-height:1.25;color:var(--em-tinta);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.em-mod .em-r{font-size:13.5px;color:var(--em-gris);grid-column:1;font-weight:400;line-height:1.35}
.em-mod .em-der{grid-row:1/3;grid-column:2;display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--em-gris);font-weight:700;white-space:nowrap}
.em-mod .em-der svg{transition:transform .15s;color:var(--em-azul)}
.em-mod[data-open="true"] .em-der svg{transform:rotate(180deg)}
.em-mod .em-cuerpo{display:none;padding:4px 14px 16px;border-top:1px solid var(--em-linea)}
.em-mod[data-open="true"] .em-cuerpo{display:block}
.em-mod .em-cuerpo>p.em-intro{font-size:15px;color:var(--em-gris);margin:10px 0 12px;max-width:76ch}
.em-modnum{font-family:var(--em-letra);font-size:11.5px;font-weight:700;letter-spacing:.04em;background:var(--em-azul-claro);color:var(--em-azul);border-radius:4px;padding:1px 6px}
.em-tipo{font-family:var(--em-letra);font-size:11px;font-weight:700;letter-spacing:.04em;border-radius:4px;padding:1px 6px}
.em-tipo.em-f{background:var(--em-azul-claro);color:var(--em-marino)}
.em-tipo.em-d{background:var(--em-teja-claro);color:var(--em-teja)}
.em-estado{font-family:var(--em-letra);border-radius:999px;padding:1px 8px;font-size:11px;letter-spacing:.03em;font-weight:700}
.em-estado.em-ya{background:var(--em-ok-claro);color:var(--em-ok)}
.em-estado.em-nuevo{background:var(--em-aviso);color:var(--em-aviso-t)}
.em-estado.em-auto{background:var(--em-azul-claro);color:var(--em-azul)}
.em-estado.em-fijo{background:var(--em-suave);color:var(--em-tinta);border:1px solid var(--em-linea)}
.em-sig{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
.em-sig a{flex:1;padding:12px 14px;border:1px solid var(--em-linea);border-radius:10px;text-decoration:none;color:var(--em-tinta);background:var(--em-tarjeta)}
.em-sig a small{display:block;font-size:12px;color:var(--em-gris)}
.em-sig a b{font-family:var(--em-serif);font-weight:600}
.em-sig a.em-d{text-align:right}

/* recursos reales (filas de enlace) */
.em-recs{display:flex;flex-direction:column;border:1px solid var(--em-linea);border-radius:10px;overflow:hidden;background:var(--em-tarjeta)}
.em-rec{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:11px 14px;border-top:1px solid var(--em-linea);text-decoration:none;color:var(--em-tinta)}
.em-rec:first-child{border-top:0}
.em-rec:hover{background:var(--em-suave)}
.em-rec .em-tp{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--em-granate);display:flex;gap:8px;align-items:center}
.em-rec b{font-family:var(--em-serif);font-weight:600;font-size:15.5px;line-height:1.3}
.em-rec .em-der{font-size:12.5px;color:var(--em-gris);text-align:right;white-space:nowrap;align-self:start}
.em-rec small{grid-column:1/-1;color:var(--em-gris);font-size:13px}
.em-rec.em-fuera{display:none}
.em-mas{margin-top:10px;font-weight:700;font-size:14.5px}
.em-pend{font-size:13.5px;color:var(--em-aviso-t);background:var(--em-aviso);border-radius:6px;padding:8px 12px;margin-top:10px;line-height:1.45}

/* ---------- piezas de contenido heredadas de la versión 1 ---------- */
.em-g2,.em-g3,.em-g4{display:grid;gap:12px;margin-top:12px}
.em-g2{grid-template-columns:1fr}
.em-g3{grid-template-columns:1fr}
.em-g4{grid-template-columns:1fr 1fr}
.em-g2>*,.em-g3>*,.em-g4>*{min-width:0}
.em-pad{padding:16px 18px}
.em-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-weight:700;font-size:14.5px;text-decoration:none;border:1px solid var(--em-marino);cursor:pointer;font-family:var(--em-letra);line-height:1.2}
.em-btn.em-p{background:var(--em-marino);color:#fff}
.em-btn.em-s{background:var(--em-tarjeta);color:var(--em-marino);border-color:var(--em-linea-f)}
.em-btn.em-peq{padding:7px 12px;font-size:13.5px}
.em-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.em-etapa{padding:16px;border-top:3px solid var(--em-azul);display:flex;flex-direction:column;gap:8px}
.em-etapa .em-top{display:flex;align-items:baseline;gap:8px}
.em-etapa .em-top b{font-size:28px;font-weight:800;color:var(--em-azul);line-height:1}
.em-etapa .em-top span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--em-gris);font-weight:700}
.em-etapa h3{margin:0;font-family:var(--em-serif);font-weight:600;font-size:18px}
.em-etapa p{margin:0;font-size:14px;color:var(--em-gris)}
ul.em-chk{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.em-etapa ul.em-chk{border-top:1px solid var(--em-linea);padding-top:10px}
ul.em-chk li{font-size:14px;display:flex;gap:7px;align-items:flex-start}
ul.em-chk li svg{width:16px;height:16px;margin-top:3px;color:var(--em-azul)}
.em-cifra{padding:16px;display:flex;flex-direction:column;gap:4px}
.em-cifra b{font-size:28px;font-weight:800;color:var(--em-granate);line-height:1.05;font-variant-numeric:tabular-nums}
.em-cifra span{font-size:14px}
.em-cifra small{font-size:12px;color:var(--em-gris);margin-top:auto}
.em-hueco{border:1.5px dashed var(--em-linea-f);border-radius:10px;background:var(--em-suave);display:grid;place-items:center;text-align:center;color:var(--em-gris);font-size:13.5px;padding:18px;min-height:150px}
.em-hueco svg{width:32px;height:32px;color:var(--em-azul);margin:0 auto 6px;display:block}
.em-split{display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;margin-top:12px}
.em-split>.em-txt{padding:18px}
.em-split h3{margin:0 0 8px;font-family:var(--em-serif);font-weight:600;font-size:19px}
.em-split p{margin:0 0 10px;color:var(--em-gris);font-size:15px}
.em-split ul{margin:0 0 12px;padding-left:18px;font-size:14.5px}
.em-split li{margin-bottom:4px}
.em-ficha{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}
.em-ficha div{border:1px solid var(--em-linea);border-radius:8px;padding:8px 11px;background:var(--em-suave)}
.em-ficha small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--em-gris);font-weight:700}
.em-ficha b{font-size:14.5px}
.em-tabla-wrap{overflow-x:auto;margin-top:8px}
.em-app table.em-tabla{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.em-app table.em-tabla th,.em-app table.em-tabla td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--em-linea);vertical-align:top;border-left:0;border-right:0;border-top:0}
.em-app table.em-tabla th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--em-gris);background:var(--em-suave);font-weight:700}
.em-app table.em-tabla td.em-num{font-variant-numeric:tabular-nums}
.em-tl{display:flex;gap:0;overflow-x:auto;padding:6px 2px 12px}
.em-tl .em-h{flex:1 0 140px;position:relative;padding:28px 10px 0}
.em-tl .em-h::before{content:"";position:absolute;top:10px;left:0;right:0;height:2px;background:var(--em-linea-f)}
.em-tl .em-h::after{content:"";position:absolute;top:4px;left:10px;width:14px;height:14px;border-radius:50%;background:var(--em-tarjeta);border:3px solid var(--em-azul)}
.em-tl .em-h b{display:block;font-size:14.5px}
.em-tl .em-h small{color:var(--em-gris);font-size:12.5px}
.em-guia{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid var(--em-linea)}
.em-guia:first-child{border-top:0}
.em-soc{font-weight:800;font-size:13px;color:var(--em-marino);background:var(--em-azul-claro);border-radius:6px;text-align:center;padding:7px 4px;line-height:1.1}
.em-soc small{display:block;font-weight:600;font-size:11.5px;color:var(--em-gris)}
.em-guia b{display:block;font-family:var(--em-serif);font-weight:600;font-size:15.5px}
.em-guia span{font-size:13.5px;color:var(--em-gris)}
.em-sello{display:inline-flex;gap:4px;margin-top:5px;flex-wrap:wrap}
.em-sello i{font-style:normal;font-size:12px;font-weight:700;border-radius:4px;padding:1px 7px;background:var(--em-ok-claro);color:var(--em-ok)}
.em-guia>a{font-size:13.5px;font-weight:700;white-space:nowrap;text-decoration:none;grid-column:2}
.em-contra{display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;margin-top:12px}
.em-contra>div{padding:16px}
.em-contra>div+div{border-top:1px solid var(--em-linea);background:var(--em-suave)}
.em-contra h3{margin:0 0 4px;font-family:var(--em-serif);font-weight:600;font-size:16.5px;display:flex;gap:8px;align-items:center}
.em-contra small{display:block;color:var(--em-gris);font-size:13px;margin-bottom:10px}
.em-demo{padding:16px;margin-top:12px}
.em-demo h3{margin:0 0 4px;font-family:var(--em-serif);font-weight:600;font-size:17px}
.em-demo>p{margin:0 0 10px;color:var(--em-gris);font-size:14px}
.em-crit{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--em-linea);font-size:14.5px;cursor:pointer}
.em-crit input{margin:4px 0 0;width:17px;height:17px;accent-color:var(--em-azul);flex:none}
.em-veredicto{margin-top:12px;border-radius:8px;padding:12px 14px;background:var(--em-suave);border:1px solid var(--em-linea);font-size:14.5px}
.em-veredicto.em-si{background:var(--em-ok-claro);border-color:transparent;color:var(--em-ok)}
.em-arbol .em-preg{font-weight:700;font-size:15.5px;margin:4px 0 10px}
.em-opcs{display:flex;gap:8px;flex-wrap:wrap}
.em-opc{font:600 14px var(--em-letra);border:1px solid var(--em-linea-f);background:var(--em-tarjeta);color:var(--em-tinta);border-radius:7px;padding:8px 14px;cursor:pointer}
.em-opc:hover{border-color:var(--em-azul);color:var(--em-azul)}
.em-opc.em-ok{background:var(--em-ok-claro);border-color:var(--em-ok);color:var(--em-ok)}
.em-opc.em-ko{background:var(--em-teja-claro);border-color:var(--em-teja);color:var(--em-teja)}
.em-pasos{font-size:12.5px;color:var(--em-gris);margin-bottom:6px}
.em-fb{margin-top:10px;font-size:14px;color:var(--em-gris)}
.em-pantalla{background:var(--em-marino-osc);padding:20px;display:flex;align-items:center;justify-content:center}
.em-telefono{width:100%;max-width:320px;background:#fff;color:#13233b;border-radius:14px;padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:13px}
.em-telefono .em-t{font-weight:700;font-size:14px;margin-bottom:8px;display:flex;justify-content:space-between;gap:8px;font-family:var(--em-letra)}
.em-telefono .em-t span{color:#1d5a9e;font-size:11px;font-weight:700;letter-spacing:.06em}
.em-campo{display:flex;justify-content:space-between;border:1px solid #dbe3ec;border-radius:6px;padding:7px 9px;margin-bottom:6px}
.em-campo i{font-style:normal;color:#5f6b7a}
.em-res{background:#e6eef8;border-radius:8px;padding:10px;margin-top:8px}
.em-res b{display:block;color:#163a63;font-size:15px}
.em-res small{color:#44505f}
.em-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.em-tags span{font-size:10.5px;background:#f2f5f9;border:1px solid #dbe3ec;border-radius:4px;padding:2px 6px;color:#44505f}
.em-fmt{padding:16px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--em-tinta)}
.em-fmt .em-ic{border-radius:8px;width:40px;height:40px;background:var(--em-azul-claro);color:var(--em-azul);display:grid;place-items:center}
.em-fmt h3{margin:0;font-family:var(--em-serif);font-weight:600;font-size:16.5px}
.em-fmt p{margin:0;font-size:14px;color:var(--em-gris)}
.em-fmt .em-f{margin-top:auto;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--em-gris)}
a.em-fmt:hover h3{color:var(--em-azul)}
.em-herr{padding:16px;display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:var(--em-tinta)}
.em-herr .em-ic{width:44px;height:44px;border-radius:50%;background:var(--em-azul-claro);color:var(--em-azul);display:grid;place-items:center;flex:none}
.em-herr h3{margin:0 0 3px;font-family:var(--em-serif);font-weight:600;font-size:16.5px}
.em-herr p{margin:0;font-size:14px;color:var(--em-gris)}
a.em-herr:hover h3{color:var(--em-azul)}
.em-curso{display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;margin-top:12px}
.em-curso .em-txt{padding:18px}
.em-curso h3{margin:0 0 6px;font-family:var(--em-serif);font-weight:600;font-size:20px}
.em-temario{padding:16px;background:var(--em-suave);border-top:1px solid var(--em-linea);display:flex;flex-direction:column;gap:8px}
.em-tema{display:flex;gap:10px;align-items:center;background:var(--em-tarjeta);border:1px solid var(--em-linea);border-radius:8px;padding:9px 12px;font-size:14px}
.em-tema b{color:var(--em-azul);font-size:13px;min-width:28px}
.em-tema span.em-h{margin-left:auto;color:var(--em-gris);font-size:12.5px;white-space:nowrap}
.em-insignias{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}
.em-insignias span{font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--em-azul-claro);color:var(--em-azul)}
.em-galeria{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.em-galeria .em-hueco{min-height:110px;font-size:13px}
.em-filtros{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.em-filtros .em-chip{min-height:34px;padding:5px 12px;font-size:13.5px}
.em-art{padding:14px 16px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--em-tinta)}
.em-art .em-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--em-gris);font-variant-numeric:tabular-nums}
.em-art .em-tp{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--em-granate)}
.em-art b{font-family:var(--em-serif);font-weight:600;font-size:16px;line-height:1.3}
.em-art small{color:var(--em-gris);font-size:13px;margin-top:auto}
.em-art:hover b{color:var(--em-azul)}
.em-art[hidden]{display:none}
.em-debate{display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;align-items:stretch;margin-top:12px}
.em-debate>div{padding:16px}
.em-debate .em-vs{display:grid;place-items:center;font-weight:800;color:var(--em-granate);background:var(--em-suave);padding:8px;border-block:1px solid var(--em-linea)}
.em-debate h3{margin:0 0 6px;font-family:var(--em-serif);font-weight:600;font-size:16.5px}
.em-debate p{margin:0;color:var(--em-gris);font-size:14px}
.em-barra-enc{margin:8px 0}
.em-barra-enc span{display:flex;justify-content:space-between;font-size:14px;margin-bottom:3px}
.em-barra-enc i{display:block;height:9px;border-radius:5px;background:var(--em-suave);overflow:hidden}
.em-barra-enc i::after{content:"";display:block;height:100%;width:var(--p);background:var(--em-azul)}
.em-libro{display:grid;grid-template-columns:1fr;gap:18px;padding:18px;align-items:start;margin-top:12px}
.em-cubierta{aspect-ratio:3/4;max-width:180px;border-radius:6px;background:linear-gradient(150deg,#163a63,#0e2747);color:#fff;padding:14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:6px 8px 0 var(--em-linea)}
.em-cubierta small{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.em-cubierta b{font-size:18px;line-height:1.1;font-weight:600;font-family:var(--em-serif);color:#fff}
.em-cubierta .em-raya{height:4px;width:46px;background:#c4304b;margin-bottom:8px}
.em-cubierta em{font-style:normal;font-size:11.5px;opacity:.85}
.em-cubierta.em-v2{background:linear-gradient(150deg,#97112a,#5e0a1a)}
.em-cubierta.em-v3{background:linear-gradient(150deg,#1d5a9e,#163a63)}
.em-partes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.em-parte{border:1px solid var(--em-linea);border-radius:8px;padding:10px 12px;background:var(--em-suave)}
.em-parte b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--em-azul)}
.em-parte span{font-size:14px}
.em-libro h3{margin:0 0 6px;font-family:var(--em-serif);font-weight:600;font-size:20px}
.em-libro p{margin:0;color:var(--em-gris);font-size:15px}
.em-pub{padding:16px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--em-tinta)}
.em-pub .em-cubierta{max-width:140px;box-shadow:4px 6px 0 var(--em-linea)}
.em-pub .em-cubierta b{font-size:15px}
.em-pub h3{margin:0;font-family:var(--em-serif);font-weight:600;font-size:16.5px}
.em-pub p{margin:0;color:var(--em-gris);font-size:14px}
.em-persona{padding:14px;display:flex;gap:14px;align-items:center}
.em-foto{width:52px;height:52px;border-radius:50%;background:var(--em-azul-claro);color:var(--em-azul);display:grid;place-items:center;flex:none}
.em-persona b{display:block;font-family:var(--em-serif);font-weight:600;font-size:15.5px}
.em-persona small{color:var(--em-gris);font-size:13px}
.em-qa{padding:14px 16px;border-top:1px solid var(--em-linea)}
.em-qa:first-child{border-top:0}
.em-qa b{display:block;font-family:var(--em-serif);font-weight:600;font-size:15.5px}
.em-qa small{color:var(--em-gris);font-size:13px}
.em-qa p{margin:6px 0 0;font-size:14px;color:var(--em-gris)}
.em-formu{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--em-linea);background:var(--em-suave);border-radius:0 0 12px 12px}
.em-formu input{flex:1;min-width:200px;font:500 15px var(--em-letra);padding:9px 11px;border-radius:6px;border:1px solid var(--em-linea-f);background:var(--em-tarjeta);color:var(--em-tinta);margin:0}
.em-cta{margin-top:12px;border-radius:12px;background:linear-gradient(120deg,#163a63,#0e2747);color:#fff;padding:22px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;overflow:hidden}
.em-cta svg.em-ecg{position:absolute;left:0;right:0;bottom:6px;width:100%;height:46px;opacity:.18;stroke:#fff;fill:none;stroke-width:1.5}
.em-cta small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.85}
.em-cta h3{margin:4px 0 6px;font-family:var(--em-serif);font-weight:600;font-size:clamp(20px,2.6vw,25px);color:#fff}
.em-cta p{margin:0;opacity:.9;max-width:54ch;font-size:15px}
.em-cta .em-btn{background:#fff;color:#163a63;border-color:#fff;position:relative}
.em-puerta{border:2px solid var(--em-marino);border-radius:12px;padding:18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--em-tarjeta);margin-top:12px}
.em-puerta .em-ic{width:50px;height:50px;border-radius:50%;background:var(--em-azul-claro);color:var(--em-azul);display:grid;place-items:center;flex:none}
.em-puerta .em-txt{flex:1;min-width:220px}
.em-puerta h3{margin:0 0 4px;font-family:var(--em-serif);font-weight:600;font-size:18px}
.em-puerta p{margin:0;color:var(--em-gris);font-size:14px}
.em-faq{max-width:800px;margin-top:8px}
.em-faq details{border-top:1px solid var(--em-linea);padding:12px 2px}
.em-faq details:last-child{border-bottom:1px solid var(--em-linea)}
.em-faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px;font-size:15.5px}
.em-faq summary::-webkit-details-marker{display:none}
.em-faq summary::after{content:"+";color:var(--em-azul);font-weight:700}
.em-faq details[open] summary::after{content:"\2212"}
.em-faq details p{margin:8px 0 0;color:var(--em-gris);font-size:15px;max-width:72ch}
.em-nota{margin-top:12px;font-size:13.5px;color:var(--em-aviso-t);background:var(--em-aviso);border-radius:6px;padding:8px 12px;display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.em-nota svg{width:16px;height:16px;margin-top:2px}
.em-nota.em-cumple{background:var(--em-lila-claro);color:var(--em-lila)}
.em-nota.em-porque{background:var(--em-azul-claro);color:var(--em-marino)}
.em-variante{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin:14px 0 6px}
.em-variante.em-f{color:var(--em-azul)}
.em-variante.em-d{color:var(--em-teja)}
.em-pie{padding:18px 16px 24px;border-top:1px solid var(--em-linea);font-size:13px;color:var(--em-gris);margin-top:30px}
.em-pie a{font-weight:700}
.em-pie p{margin:6px 0}

/* ---------- barra inferior y hoja (móvil) ---------- */
.em-inferior{position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--em-tarjeta);border-top:1px solid var(--em-linea);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -4px 14px rgba(19,35,59,.08);padding-bottom:env(safe-area-inset-bottom)}
.em-inferior a,.em-inferior button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;font:700 11.5px var(--em-letra);color:var(--em-gris);text-align:center}
.em-inferior [aria-current="true"]{color:var(--em-marino)}
.em-inferior [aria-current="true"] svg{color:var(--em-granate)}
.em-inferior a:focus-visible,.em-inferior button:focus-visible{outline:3px solid var(--em-azul);outline-offset:-3px}
.em-velo{position:fixed;inset:0;background:rgba(10,20,35,.45);z-index:40;display:none}
.em-hoja{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--em-tarjeta);border-radius:16px 16px 0 0;padding:10px 14px 18px;display:none;max-height:80%;overflow:auto}
.em-app.em-abierta-hoja .em-velo,.em-app.em-abierta-hoja .em-hoja{display:block}
.em-hoja .em-asa{width:44px;height:5px;border-radius:3px;background:var(--em-linea-f);margin:0 auto 10px}
.em-hoja h3{margin:0 0 8px;font-family:var(--em-serif);font-weight:600}
.em-hoja a{display:flex;gap:12px;align-items:center;padding:11px 4px;border-top:1px solid var(--em-linea);text-decoration:none;color:var(--em-tinta);font-weight:600}
.em-hoja a .em-n{margin-left:auto;font-size:12.5px;color:var(--em-gris);font-weight:700}
.em-hoja a svg{color:var(--em-azul)}
.em-app.em-con-inferior{padding-bottom:70px}

/* en Joomla: los módulos que llevan la clase em-trozo van pegados (la plantilla separa cada módulo 3,47 rem) */
.t4-module.em-trozo,.em-trozo{margin-top:0}
.em-app:empty{display:none}

/* un módulo heredado que solo aplica a fármacos (o a dispositivos) esconde la otra variante */
.em-mod[data-solo="farmaco"] [data-tipo="dispositivo"],.em-mod[data-solo="dispositivo"] [data-tipo="farmaco"],.em-mod[data-solo] .em-variante{display:none!important}
.em-nota.em-pend{background:var(--em-aviso);color:var(--em-aviso-t)}

/* ---------- modos ---------- */
.em-app.em-solo-farmaco [data-tipo="dispositivo"],.em-app.em-solo-dispositivo [data-tipo="farmaco"]{display:none!important}
.em-app.em-sin-notas .em-nota{display:none}
.em-app.em-propuesta .em-nota,.em-app.em-propuesta .em-modnum,.em-app.em-propuesta .em-estado,.em-app.em-propuesta .em-solo-catalogo{display:none!important}
.em-app.em-propuesta .em-variante,.em-app.em-solo-farmaco .em-variante,.em-app.em-solo-dispositivo .em-variante{display:none}
.em-mod.em-off{display:none!important}
.em-sec.em-vacia{display:none!important}
/* vista por secciones: solo la sección activa (o la portada) */
.em-app.em-por-secciones .em-sec:not(.em-activa){display:none}
.em-app.em-por-secciones.em-en-seccion .em-inicio{display:none}
.em-app.em-por-secciones .em-sec{margin-top:16px}

/* ---------- escritorio ---------- */
@media (min-width:760px){
  .em-cab{padding:22px 28px 18px}
  .em-cab h1{font-size:38px}
  .em-cab .em-cabgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:end}
  .em-tabs .em-in{padding:0 16px}
  .em-vista{display:flex}
  .em-inicio{padding:20px 28px 0}
  .em-sec{padding:0 28px}
  .em-kpis{grid-template-columns:repeat(3,1fr);gap:12px}
  .em-ruta{grid-template-columns:repeat(4,1fr)}
  .em-fase{flex-direction:column}
  .em-mapa{grid-template-columns:repeat(2,1fr)}
  .em-seccard ul{display:block}
  .em-seccard .em-todo{display:inline}
  .em-dos{grid-template-columns:1fr 1fr}
  .em-inferior,.em-hoja,.em-velo{display:none!important}
  .em-app.em-con-inferior{padding-bottom:0}
  .em-g2{grid-template-columns:repeat(2,1fr)}
  .em-g3{grid-template-columns:repeat(3,1fr)}
  .em-g4{grid-template-columns:repeat(4,1fr)}
  .em-split{grid-template-columns:1fr 1fr}
  .em-split>.em-txt{padding:22px}
  .em-ficha{grid-template-columns:repeat(2,1fr)}
  .em-guia{grid-template-columns:84px 1fr auto;gap:16px;padding:14px 18px}
  .em-guia>a{grid-column:auto}
  .em-contra{grid-template-columns:1fr 1fr}
  .em-contra>div+div{border-top:0;border-left:1px solid var(--em-linea)}
  .em-curso{grid-template-columns:1.1fr 1fr}
  .em-temario{border-top:0;border-left:1px solid var(--em-linea)}
  .em-galeria{grid-template-columns:repeat(4,1fr)}
  .em-debate{grid-template-columns:1fr auto 1fr}
  .em-debate .em-vs{padding:0 14px;border-block:0;border-inline:1px solid var(--em-linea)}
  .em-libro{grid-template-columns:190px 1fr;gap:26px;padding:22px}
  .em-evento{grid-template-columns:64px 1fr auto;gap:14px}
  .em-evento .em-btn{grid-column:auto;justify-self:auto}
  .em-mod>h3 button{padding:14px 18px}
  .em-mod .em-cuerpo{padding:4px 18px 18px}
}
@media (min-width:1040px){
  .em-kpis{grid-template-columns:repeat(6,1fr)}
  .em-mapa{grid-template-columns:repeat(4,1fr)}
}
@media (prefers-reduced-motion:reduce){.em-app *{scroll-behavior:auto!important;transition:none!important}}
@media print{
  .em-tabs,.em-inferior,.em-hoja,.em-velo,.em-ctrl,.em-busca-w{display:none!important}
  .em-mod .em-cuerpo{display:block!important}
  .em-card,.em-mod{box-shadow:none;break-inside:avoid}
  .em-app{max-width:none}
}

/* ---- hoja de la plantilla extendida (versión 1), acotada bajo .v1 ---- */
:root{--tinta:#13233b; --marino:#163a63; --marino-osc:#122f52; --azul:#1d5a9e; --granate:#97112a;
  --gris:#5f6b7a; --linea:#dbe3ec; --linea-f:#b5c7da; --suave:#f2f5f9; --fondo:#ffffff; --tarjeta:#ffffff;
  --azul-claro:#e6eef8; --aviso:#fff6e0; --aviso-t:#7a5200; --ok:#1f7a4d; --ok-claro:#e4f3eb;
  --lila:#5b3fa0; --lila-claro:#efeafa; --teja:#9a4a12; --teja-claro:#fbeee4;
  --sombra:0 1px 2px rgba(19,35,59,.06),0 6px 20px rgba(19,35,59,.07);
  --letra:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}
.v1 *,.v1 *::before,.v1 *::after{box-sizing:border-box}
.v1{background:var(--fondo);color:var(--tinta);font-family:var(--letra);font-size:17px;line-height:1.55;margin:0}
.v1 a{color:var(--azul)}
.v1 .wrap{max-width:1080px;margin:0 auto;padding-inline:20px}
.v1 svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.v1 .ph{background:var(--azul-claro);color:var(--azul);border-radius:3px;padding:0 3px;font-weight:inherit}
body.propuesta .v1 .ph.lleno,body.limpio .v1 .ph.lleno{background:none;color:inherit;padding:0}
.v1 .ph.lleno{background:none;color:inherit;padding:0}
.v1 .config{background:var(--marino-osc);color:#fff;font-size:14.5px}
.v1 .config .wrap{padding-block:14px;display:flex;flex-direction:column;gap:12px}
.v1 .config h1{font-size:17px;margin:0;font-weight:700;letter-spacing:.01em}
.v1 .config h1 small{font-weight:500;opacity:.75;font-size:13.5px;margin-left:8px}
.v1 .cfg-fila{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.v1 .cfg-fila label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;opacity:.92}
.v1 .cfg-fila input[type=text]{font:500 15px var(--letra);padding:7px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;min-width:190px}
.v1 .cfg-fila input[type=text]::placeholder{color:rgba(255,255,255,.55)}
.v1 .seg{display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:7px;overflow:hidden}
.v1 .seg button{font:700 13.5px var(--letra);background:transparent;color:#fff;border:0;padding:8px 13px;cursor:pointer}
.v1 .seg button[aria-pressed="true"]{background:#fff;color:var(--marino-osc)}
.v1 .cfg-btn{font:700 13.5px var(--letra);background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:7px;padding:8px 13px;cursor:pointer}
.v1 .cfg-btn.on{background:#fff;color:var(--marino-osc)}
.v1 .cfg-btn:focus-visible,.v1 .seg button:focus-visible,.v1 .config input:focus-visible{outline:3px solid #9cc7f5;outline-offset:2px}
.v1 .config details{background:rgba(255,255,255,.06);border-radius:8px;padding:0 12px;border:0}
.v1 .config details summary{padding:10px 0;font-weight:700;font-size:14.5px}
.v1 .config details summary::after{color:#fff}
.v1 .indice{columns:3 250px;column-gap:24px;padding:4px 0 14px}
.v1 .indice .grupo{break-inside:avoid;margin-bottom:12px}
.v1 .indice .grupo b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:4px}
.v1 .indice label{display:flex;gap:7px;align-items:flex-start;font-size:13.5px;line-height:1.3;padding:2px 0;cursor:pointer}
.v1 .indice label.fuera{opacity:.4}
.v1 .indice input{margin-top:2px;accent-color:#9cc7f5}
.v1 .indice .t{font-size:10.5px;border-radius:3px;padding:0 4px;margin-left:4px;font-weight:700;letter-spacing:.03em;white-space:nowrap}
.v1 .indice .t.f{background:#e6eef8;color:#163a63}
.v1 .indice .t.d{background:#fbeee4;color:#9a4a12}
.v1 .cuenta{font-size:13.5px;opacity:.85}
.v1 .maqueta{background:var(--aviso);color:var(--aviso-t);font-size:13.5px;padding:8px 0;border-bottom:1px solid var(--linea)}
.v1 .maqueta b{font-weight:700}
.v1 .web{border-bottom:1px solid var(--linea);background:#fff}
.v1 .logo img{display:block;height:40px;width:auto}
.v1 .web .wrap{display:flex;align-items:center;justify-content:center;padding-block:10px}
.v1 .logo{font-weight:700;font-size:22px;color:var(--tinta);letter-spacing:-.01em}
.v1 .logo span{color:var(--granate)}
.v1 .menu{background:var(--marino-osc);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.v1 .menu .wrap{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;padding-block:12px}
.v1 .menu span{opacity:.92}
.v1 .portada{margin-top:26px;border:1px solid var(--linea);border-radius:12px;box-shadow:var(--sombra);overflow:hidden;background:var(--tarjeta)}
.v1 .barra{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--linea);flex-wrap:wrap}
.v1 .barra .ico{width:38px;height:38px;border-radius:8px;background:var(--marino);color:#fff;display:grid;place-items:center}
.v1 .barra b{display:block;font-size:15px}
.v1 .barra small{color:var(--gris);font-size:12.5px}
.v1 .barra .sp{flex:1}
.v1 .colab{font-size:12px;color:var(--gris);text-align:right;line-height:1.3;display:flex;gap:10px;align-items:center}
.v1 .colab b{font-size:13px;color:var(--tinta)}
.v1 .logo-hueco{width:96px;height:36px;border:1.5px dashed var(--linea-f);border-radius:6px;display:grid;place-items:center;font-size:10.5px;color:var(--gris);letter-spacing:.06em;text-transform:uppercase}
.v1 .hero{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;padding:34px 34px 30px;background:linear-gradient(160deg,var(--tarjeta) 0%,var(--suave) 100%)}
.v1 .hero h1{font-size:clamp(32px,4.6vw,50px);line-height:1.04;margin:0 0 14px;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.v1 .hero h1 em{font-style:normal;color:var(--azul)}
.v1 .hero .sub{font-weight:600;font-size:17px;margin:0 0 10px}
.v1 .hero p{color:var(--gris);margin:0 0 20px;max-width:48ch}
.v1 .btns{display:flex;gap:10px;flex-wrap:wrap}
.v1 .btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:6px;font-weight:700;font-size:15px;text-decoration:none;border:1px solid var(--marino);cursor:pointer;font-family:var(--letra)}
.v1 .btn.p{background:var(--marino);color:#fff}
.v1 .btn.s{background:var(--tarjeta);color:var(--marino);border-color:var(--linea-f)}
.v1 .btn.peq{padding:7px 12px;font-size:14px}
.v1 .btn:focus-visible,.v1 .chip:focus-visible,.v1 summary:focus-visible,.v1 .opc:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.v1 .perfiles{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.v1 .perfiles small{width:100%;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);font-weight:700}
.v1 .ruta-mini{background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;padding:18px;box-shadow:var(--sombra);align-self:start}
.v1 .ruta-mini h3{margin:0 0 4px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.v1 .ruta-mini p{margin:0 0 12px;font-size:14.5px;color:var(--gris)}
.v1 .paso{display:flex;gap:12px;align-items:flex-start;padding:10px 4px;border-top:1px solid var(--linea);text-decoration:none;color:var(--tinta)}
.v1 .paso:first-of-type{border-top:0}
.v1 .paso .n{width:30px;height:30px;border-radius:50%;background:var(--azul-claro);color:var(--azul);font-weight:800;display:grid;place-items:center;flex:none;font-size:14px}
.v1 .paso b{display:block;font-size:15.5px}
.v1 .paso small{color:var(--gris);font-size:13.5px;line-height:1.35;display:block}
.v1 .paso:hover b{color:var(--azul)}
.v1 .datos{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linea)}
.v1 .dato{display:flex;gap:10px;align-items:center;padding:14px 18px;border-left:1px solid var(--linea)}
.v1 .dato:first-child{border-left:0}
.v1 .ic{width:36px;height:36px;border-radius:50%;background:var(--azul-claro);color:var(--azul);display:grid;place-items:center;flex:none}
.v1 .dato small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);font-weight:600}
.v1 .dato b{font-size:14.5px;font-variant-numeric:tabular-nums}
.v1 .subnav{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--fondo) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--linea);margin-top:22px}
.v1 .subnav .in{display:flex;gap:6px;overflow-x:auto;padding:9px 0;scrollbar-width:thin}
.v1 .subnav a{flex:none;font-size:13.5px;font-weight:700;text-decoration:none;color:var(--tinta);padding:5px 11px;border-radius:999px;border:1px solid var(--linea)}
.v1 .subnav a:hover{border-color:var(--azul);color:var(--azul)}
.v1 .bloque{margin-top:64px;padding:22px 24px;border-radius:12px;background:var(--marino);color:#fff;display:flex;gap:16px;align-items:center;scroll-margin-top:56px}
.v1 .bloque .letra{font-size:38px;font-weight:800;line-height:1;opacity:.5}
.v1 .bloque small{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.8}
.v1 .bloque h2{margin:2px 0 0;font-size:clamp(22px,2.8vw,28px);line-height:1.15}
.v1 .bloque p{margin:4px 0 0;opacity:.85;font-size:15px;max-width:70ch}
.v1 section.mod{margin-top:46px;scroll-margin-top:60px}
.v1 .cab{border-top:1px solid var(--marino);position:relative;padding-top:16px;margin-bottom:18px}
.v1 .cab::before{content:"";position:absolute;top:-2px;left:0;width:64px;height:4px;background:var(--granate)}
.v1 .cab .eti{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.v1 .cab h2{font-size:clamp(23px,3vw,29px);line-height:1.15;margin:6px 0 4px;font-weight:700;text-wrap:balance}
.v1 .cab>p{margin:0;color:var(--gris);max-width:72ch}
.v1 .modnum{background:var(--azul-claro);color:var(--azul);border-radius:4px;padding:1px 7px;letter-spacing:.04em}
.v1 .tipo{border-radius:4px;padding:1px 7px;letter-spacing:.04em}
.v1 .tipo.f{background:var(--azul-claro);color:var(--marino)}
.v1 .tipo.d{background:var(--teja-claro);color:var(--teja)}
.v1 .tipo.a{background:var(--lila-claro);color:var(--lila)}
.v1 .estado{border-radius:999px;padding:2px 9px;font-size:11px;letter-spacing:.04em}
.v1 .estado.ya{background:var(--ok-claro);color:var(--ok)}
.v1 .estado.nuevo{background:var(--aviso);color:var(--aviso-t)}
.v1 .estado.auto{background:var(--azul-claro);color:var(--azul)}
.v1 .estado.fijo{background:var(--suave);color:var(--tinta);border:1px solid var(--linea)}
.v1 .card{background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;box-shadow:var(--sombra)}
.v1 .g2,.v1 .g3,.v1 .g4{display:grid;gap:16px}
.v1 .g2{grid-template-columns:repeat(2,1fr)}
.v1 .g3{grid-template-columns:repeat(3,1fr)}
.v1 .g4{grid-template-columns:repeat(4,1fr);gap:14px}
.v1 .g2>*,.v1 .g3>*,.v1 .g4>*{min-width:0}
.v1 .pad{padding:18px 20px}
.v1 .mt{margin-top:16px}
.v1 .gris{color:var(--gris)}
.v1 .peq{font-size:14px}
.v1 h3{line-height:1.25}
.v1 .etapa{padding:20px;border-top:3px solid var(--azul);display:flex;flex-direction:column;gap:10px}
.v1 .etapa .top{display:flex;align-items:baseline;gap:8px}
.v1 .etapa .top b{font-size:30px;font-weight:800;color:var(--azul);line-height:1}
.v1 .etapa .top span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);font-weight:700}
.v1 .etapa h3{margin:0;font-size:19px}
.v1 .etapa p{margin:0;font-size:14.5px;color:var(--gris)}
.v1 ul.chk{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.v1 .etapa ul.chk{border-top:1px solid var(--linea);padding-top:10px}
.v1 ul.chk li{font-size:14px;display:flex;gap:7px;align-items:flex-start}
.v1 ul.chk li svg{width:16px;height:16px;margin-top:3px;color:var(--azul)}
.v1 .cifra{padding:18px;display:flex;flex-direction:column;gap:4px}
.v1 .cifra b{font-size:30px;font-weight:800;color:var(--granate);line-height:1.05;font-variant-numeric:tabular-nums}
.v1 .cifra span{font-size:14.5px}
.v1 .cifra small{font-size:12px;color:var(--gris);margin-top:auto}
.v1 .hueco{border:1.5px dashed var(--linea-f);border-radius:10px;background:var(--suave);display:grid;place-items:center;text-align:center;color:var(--gris);font-size:13.5px;padding:18px;min-height:170px}
.v1 .hueco svg{width:34px;height:34px;color:var(--azul);margin:0 auto 6px;display:block}
.v1 .dos{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden}
.v1 .dos>.txt{padding:24px}
.v1 .dos h3{margin:0 0 8px;font-size:21px}
.v1 .dos p{margin:0 0 12px;color:var(--gris);font-size:15.5px}
.v1 .dos ul{margin:0 0 16px;padding-left:18px;font-size:15px}
.v1 .dos li{margin-bottom:4px}
.v1 .ficha{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}
.v1 .ficha div{border:1px solid var(--linea);border-radius:8px;padding:8px 11px;background:var(--suave)}
.v1 .ficha small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);font-weight:700}
.v1 .ficha b{font-size:14.5px}
.v1 .tabla-wrap{overflow-x:auto}
.v1 table{width:100%;border-collapse:collapse;font-size:14.5px}
.v1 th,.v1 td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);vertical-align:top}
.v1 th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);background:var(--suave)}
.v1 td.num{font-variant-numeric:tabular-nums}
.v1 .tl{display:flex;gap:0;overflow-x:auto;padding:6px 2px 12px}
.v1 .tl .h{flex:1 0 150px;position:relative;padding:28px 10px 0}
.v1 .tl .h::before{content:"";position:absolute;top:10px;left:0;right:0;height:2px;background:var(--linea-f)}
.v1 .tl .h::after{content:"";position:absolute;top:4px;left:10px;width:14px;height:14px;border-radius:50%;background:var(--tarjeta);border:3px solid var(--azul)}
.v1 .tl .h b{display:block;font-size:15px}
.v1 .tl .h small{color:var(--gris);font-size:13px}
.v1 .guia{display:grid;grid-template-columns:84px 1fr auto;gap:16px;align-items:center;padding:14px 18px;border-top:1px solid var(--linea)}
.v1 .guia:first-child{border-top:0}
.v1 .soc{font-weight:800;font-size:14px;color:var(--marino);background:var(--azul-claro);border-radius:6px;text-align:center;padding:8px 4px;line-height:1.1}
.v1 .soc small{display:block;font-weight:600;font-size:12px;color:var(--gris)}
.v1 .guia b{display:block;font-size:16px}
.v1 .guia span{font-size:14px;color:var(--gris)}
.v1 .sello{display:inline-flex;gap:4px;margin-top:5px;flex-wrap:wrap}
.v1 .sello i{font-style:normal;font-size:12px;font-weight:700;border-radius:4px;padding:1px 7px;background:var(--ok-claro);color:var(--ok)}
.v1 .guia a{font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}
.v1 .contra{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden}
.v1 .contra>div{padding:20px}
.v1 .contra>div+div{border-left:1px solid var(--linea);background:var(--suave)}
.v1 .contra h3{margin:0 0 4px;font-size:17px;display:flex;gap:8px;align-items:center}
.v1 .contra small{display:block;color:var(--gris);font-size:13px;margin-bottom:10px}
.v1 .demo{padding:20px}
.v1 .demo h3{margin:0 0 4px;font-size:18px}
.v1 .demo>p{margin:0 0 12px;color:var(--gris);font-size:14.5px}
.v1 .crit{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--linea);font-size:15px;cursor:pointer}
.v1 .crit input{margin-top:4px;width:17px;height:17px;accent-color:var(--azul)}
.v1 .veredicto{margin-top:12px;border-radius:8px;padding:12px 14px;background:var(--suave);border:1px solid var(--linea);font-size:15px}
.v1 .veredicto.si{background:var(--ok-claro);border-color:transparent;color:var(--ok)}
.v1 .arbol .preg{font-weight:700;font-size:16px;margin:4px 0 10px}
.v1 .opcs{display:flex;gap:8px;flex-wrap:wrap}
.v1 .opc{font:600 14.5px var(--letra);border:1px solid var(--linea-f);background:var(--tarjeta);color:var(--tinta);border-radius:7px;padding:8px 14px;cursor:pointer}
.v1 .opc:hover{border-color:var(--azul);color:var(--azul)}
.v1 .opc.ok{background:var(--ok-claro);border-color:var(--ok);color:var(--ok)}
.v1 .opc.ko{background:var(--teja-claro);border-color:var(--teja);color:var(--teja)}
.v1 .migas{font-size:12.5px;color:var(--gris);margin-bottom:6px}
.v1 .fb{margin-top:10px;font-size:14.5px;color:var(--gris)}
.v1 .pantalla{background:var(--marino-osc);padding:22px;display:flex;align-items:center;justify-content:center}
.v1 .movil{width:100%;max-width:340px;background:#fff;color:#13233b;border-radius:14px;padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:13px}
.v1 .movil .t{font-weight:700;font-size:14px;margin-bottom:8px;display:flex;justify-content:space-between;gap:8px}
.v1 .movil .t span{color:#1d5a9e;font-size:11px;font-weight:700;letter-spacing:.06em}
.v1 .campo{display:flex;justify-content:space-between;border:1px solid #dbe3ec;border-radius:6px;padding:7px 9px;margin-bottom:6px}
.v1 .campo i{font-style:normal;color:#5f6b7a}
.v1 .res{background:#e6eef8;border-radius:8px;padding:10px;margin-top:8px}
.v1 .res b{display:block;color:#163a63;font-size:15px}
.v1 .res small{color:#44505f}
.v1 .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.v1 .tags span{font-size:10.5px;background:#f2f5f9;border:1px solid #dbe3ec;border-radius:4px;padding:2px 6px;color:#44505f}
.v1 .form{padding:18px;display:flex;flex-direction:column;gap:8px}
.v1 .form .ic{border-radius:8px;width:40px;height:40px}
.v1 .form h3{margin:0;font-size:17px}
.v1 .form p{margin:0;font-size:14px;color:var(--gris)}
.v1 .form .f{margin-top:auto;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.v1 .herr{padding:18px;display:flex;gap:14px;align-items:flex-start}
.v1 .herr .ic{width:44px;height:44px}
.v1 .herr h3{margin:0 0 3px;font-size:17px}
.v1 .herr p{margin:0;font-size:14.5px;color:var(--gris)}
.v1 .curso{display:grid;grid-template-columns:1.1fr 1fr;gap:0;overflow:hidden}
.v1 .curso .txt{padding:24px}
.v1 .curso h3{margin:0 0 6px;font-size:22px}
.v1 .modulos{padding:20px;background:var(--suave);border-left:1px solid var(--linea);display:flex;flex-direction:column;gap:8px}
.v1 .modulo{display:flex;gap:10px;align-items:center;background:var(--tarjeta);border:1px solid var(--linea);border-radius:8px;padding:9px 12px;font-size:14.5px}
.v1 .modulo b{color:var(--azul);font-size:13px;min-width:28px}
.v1 .modulo span.h{margin-left:auto;color:var(--gris);font-size:12.5px;white-space:nowrap}
.v1 .insignias{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 16px}
.v1 .insignias span{font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--azul-claro);color:var(--azul)}
.v1 .evento{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:13px 18px;border-top:1px solid var(--linea)}
.v1 .evento:first-child{border-top:0}
.v1 .fecha{text-align:center;border-radius:8px;background:var(--azul-claro);color:var(--azul);padding:6px 2px;line-height:1.05}
.v1 .fecha b{display:block;font-size:20px;font-weight:800}
.v1 .fecha small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.v1 .evento b.t{display:block;font-size:16px}
.v1 .evento span{font-size:14px;color:var(--gris)}
.v1 .galeria{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.v1 .galeria .hueco{min-height:120px;font-size:13px}
.v1 .filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.v1 .chip{border:1px solid var(--linea-f);background:var(--tarjeta);color:var(--tinta);border-radius:999px;padding:5px 13px;font:600 14px var(--letra);cursor:pointer}
.v1 .chip[aria-pressed="true"]{background:var(--marino);border-color:var(--marino);color:#fff}
.v1 .art{padding:16px 18px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--tinta)}
.v1 .art .meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--gris);font-variant-numeric:tabular-nums}
.v1 .art .tp{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--granate)}
.v1 .art b{font-size:16.5px;line-height:1.3}
.v1 .art small{color:var(--gris);font-size:13.5px;margin-top:auto}
.v1 .art:hover b{color:var(--azul)}
.v1 .mas{margin-top:14px;font-weight:700;font-size:15px}
.v1 .debate{display:grid;grid-template-columns:1fr auto 1fr;gap:0;overflow:hidden;align-items:stretch}
.v1 .debate>div{padding:20px}
.v1 .debate .vs{display:grid;place-items:center;font-weight:800;color:var(--granate);background:var(--suave);padding:0 14px;border-inline:1px solid var(--linea)}
.v1 .debate h3{margin:0 0 6px;font-size:17px}
.v1 .debate p{margin:0;color:var(--gris);font-size:14.5px}
.v1 .barra-enc{margin:8px 0}
.v1 .barra-enc span{display:flex;justify-content:space-between;font-size:14px;margin-bottom:3px}
.v1 .barra-enc i{display:block;height:9px;border-radius:5px;background:var(--suave);overflow:hidden}
.v1 .barra-enc i::after{content:"";display:block;height:100%;width:var(--p);background:var(--azul)}
.v1 .libro{display:grid;grid-template-columns:200px 1fr;gap:26px;padding:24px;align-items:start}
.v1 .cubierta{aspect-ratio:3/4;max-width:100%;border-radius:6px;background:linear-gradient(150deg,#163a63,#0e2747);color:#fff;padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:6px 8px 0 var(--linea)}
.v1 .cubierta small{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.v1 .cubierta b{font-size:21px;line-height:1.08;font-weight:800}
.v1 .cubierta .r{height:4px;width:46px;background:#c4304b;margin-bottom:8px}
.v1 .cubierta em{font-style:normal;font-size:11.5px;opacity:.85}
.v1 .cubierta.v2{background:linear-gradient(150deg,#97112a,#5e0a1a)}
.v1 .cubierta.v3{background:linear-gradient(150deg,#1d5a9e,#163a63)}
.v1 .partes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}
.v1 .parte{border:1px solid var(--linea);border-radius:8px;padding:10px 12px;background:var(--suave)}
.v1 .parte b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--azul)}
.v1 .parte span{font-size:14px}
.v1 .libro h3{margin:0 0 6px;font-size:22px}
.v1 .libro p{margin:0;color:var(--gris);font-size:15.5px}
.v1 .pub{padding:16px;display:flex;flex-direction:column;gap:10px}
.v1 .pub .cubierta{max-width:150px;box-shadow:4px 6px 0 var(--linea)}
.v1 .pub .cubierta b{font-size:16px}
.v1 .pub h3{margin:0;font-size:17px}
.v1 .pub p{margin:0;color:var(--gris);font-size:14px}
.v1 .persona{padding:16px;display:flex;gap:14px;align-items:center}
.v1 .foto{width:54px;height:54px;border-radius:50%;background:var(--azul-claro);color:var(--azul);display:grid;place-items:center;flex:none}
.v1 .persona b{display:block;font-size:15.5px}
.v1 .persona small{color:var(--gris);font-size:13.5px}
.v1 .qa{padding:16px 18px;border-top:1px solid var(--linea)}
.v1 .qa:first-child{border-top:0}
.v1 .qa b{display:block;font-size:15.5px}
.v1 .qa small{color:var(--gris);font-size:13px}
.v1 .qa p{margin:6px 0 0;font-size:14.5px;color:var(--gris)}
.v1 .formu{display:flex;gap:8px;flex-wrap:wrap;padding:16px 18px;border-top:1px solid var(--linea);background:var(--suave);border-radius:0 0 12px 12px}
.v1 .formu input{flex:1;min-width:220px;font:500 15px var(--letra);padding:9px 11px;border-radius:6px;border:1px solid var(--linea-f);background:var(--tarjeta);color:var(--tinta)}
.v1 .banda{margin-top:46px;border-radius:12px;background:linear-gradient(120deg,#163a63,#0e2747);color:#fff;padding:30px 32px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;overflow:hidden}
.v1 .banda svg.ecg{position:absolute;left:0;right:0;bottom:6px;width:100%;height:46px;opacity:.18;stroke:#fff;fill:none;stroke-width:1.5}
.v1 .banda small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.85}
.v1 .banda h3{margin:4px 0 6px;font-size:clamp(22px,2.8vw,27px)}
.v1 .banda p{margin:0;opacity:.9;max-width:54ch}
.v1 .banda .btn{background:#fff;color:#163a63;border-color:#fff;position:relative}
.v1 .puerta{border:2px solid var(--marino);border-radius:12px;padding:22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:var(--tarjeta)}
.v1 .puerta .ic{width:52px;height:52px}
.v1 .puerta div.t{flex:1;min-width:240px}
.v1 .puerta h3{margin:0 0 4px;font-size:19px}
.v1 .puerta p{margin:0;color:var(--gris);font-size:14.5px}
.v1 details{border-top:1px solid var(--linea);padding:13px 2px}
.v1 .faq details:last-child{border-bottom:1px solid var(--linea)}
.v1 summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px}
.v1 summary::-webkit-details-marker{display:none}
.v1 summary::after{content:"+";color:var(--azul);font-weight:700}
.v1 details[open] summary::after{content:"\2212"}
.v1 details p{margin:8px 0 0;color:var(--gris);font-size:15.5px;max-width:72ch}
.v1 .faq{max-width:800px}
.v1 footer{margin-top:54px;border-top:1px solid var(--linea);padding-block:20px 40px;font-size:13.5px;color:var(--gris)}
.v1 footer b{color:var(--tinta)}
.v1 .nota{margin-top:12px;font-size:13.5px;color:var(--aviso-t);background:var(--aviso);border-radius:6px;padding:8px 12px;display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.v1 .nota svg{width:16px;height:16px;margin-top:2px}
.v1 .nota.cumple{background:var(--lila-claro);color:var(--lila)}
.v1 .variante{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin:14px 0 8px}
.v1 .variante.f{color:var(--azul)}
.v1 .variante.d{color:var(--teja)}
body.solo-farmaco .v1 .variante,body.solo-dispositivo .v1 .variante,body.propuesta .v1 .variante{display:none}
.v1 .interno{margin-top:64px;border:2px dashed var(--linea-f);border-radius:14px;padding:24px;background:var(--suave)}
.v1 .interno>h2{margin:0 0 4px;font-size:24px}
.v1 .interno>p{margin:0 0 16px;color:var(--gris)}
.v1 .interno h3{margin:0 0 6px;font-size:17px}
.v1 .interno .card p,.v1 .interno .card li{font-size:14.5px;color:var(--gris)}
.v1 .interno ul{margin:6px 0 0;padding-left:18px}
body.solo-farmaco .v1 [data-tipo="dispositivo"],body.solo-dispositivo .v1 [data-tipo="farmaco"]{display:none!important}
body.sin-notas .v1 .nota{display:none}
body.propuesta .v1 .nota,body.propuesta .v1 .solo-catalogo,body.propuesta .v1 .modnum{display:none!important}
body.propuesta .v1 section.mod.off,body.propuesta .v1 .bloque.vacio{display:none!important}
body.propuesta .v1 .maqueta .cat{display:none}
body:not(.propuesta) .v1 .maqueta .prop{display:none}
:root{--serif-h1:"Source Serif 4",Georgia,serif;--serif:"Faustina",Georgia,serif}
.v1 .hero h1{font-family:var(--serif-h1);font-weight:700;letter-spacing:-.01em}
.v1 .cab h2,.v1 .etapa h3,.v1 .dos h3,.v1 .demo h3,.v1 .contra h3,.v1 .form h3,.v1 .herr h3,.v1 .curso h3,.v1 .libro h3,.v1 .pub h3,.v1 .debate h3,.v1 .art b,.v1 .guia b,.v1 .evento b.t,.v1 .qa b,.v1 .banda h3,.v1 .puerta h3,.v1 .cubierta b{font-family:var(--serif);font-weight:600;letter-spacing:0}
@media (max-width:860px){.v1 .hero{grid-template-columns:1fr;padding:24px 20px}
.v1 .datos{grid-template-columns:repeat(2,1fr)}
.v1 .dato:nth-child(3){border-left:0}
.v1 .dato:nth-child(n+3){border-top:1px solid var(--linea)}
.v1 .g3,.v1 .g4,.v1 .galeria{grid-template-columns:repeat(2,1fr)}
.v1 .dos,.v1 .curso,.v1 .contra{grid-template-columns:1fr}
.v1 .contra>div+div{border-left:0;border-top:1px solid var(--linea)}
.v1 .modulos{border-left:0;border-top:1px solid var(--linea)}
.v1 .libro{grid-template-columns:1fr}
.v1 .cubierta{max-width:190px}
.v1 .debate{grid-template-columns:1fr}
.v1 .debate .vs{padding:8px;border-inline:0;border-block:1px solid var(--linea)}
}
@media (max-width:560px){.v1 .wrap{padding-inline:16px}
.v1 .g2,.v1 .g3,.v1 .g4,.v1 .galeria,.v1 .ficha{grid-template-columns:1fr}
.v1 .datos{grid-template-columns:1fr}
.v1 .dato{border-left:0!important;border-top:1px solid var(--linea)}
.v1 .dato:first-child{border-top:0}
.v1 .guia{grid-template-columns:64px 1fr}
.v1 .guia a{grid-column:2}
.v1 .evento{grid-template-columns:56px 1fr}
.v1 .evento .btn{grid-column:2;justify-self:start}
.v1 .menu .wrap{gap:14px}
.v1 .colab{text-align:left}
.v1 .bloque{flex-direction:column;align-items:flex-start;gap:6px}
.v1 .cfg-fila input[type=text]{min-width:0;width:100%}
.v1 .cfg-fila label{width:100%}
}
@media print{.v1 .config,.v1 .subnav,.v1 .maqueta{display:none!important}
.v1{font-size:12pt}
.v1 .card,.v1 .portada{box-shadow:none}
.v1 section.mod,.v1 .bloque{break-inside:avoid-page}
}
@media (prefers-reduced-motion:no-preference){.v1 .art,.v1 .paso,.v1 .opc{transition:color .15s,border-color .15s}
}

/* ============================================================================
   BOCETO 2 de la versión 4 (08/10/2026) · estilos propios del boceto.
   Van ENCIMA de espacio.css (fase 3) y de la hoja acotada de la plantilla
   extendida (.v1), que no se tocan. Solo añaden o corrigen lo que cambia en la
   versión 4. Clases propias con prefijo v4-.
   El color por sección (--sc) se queda SOLO en la barra de pestañas, en su
   desplegable, en la ventana del mapa y en el cuadro de mando. Lo demás, con la
   estética sobria de la plantilla extendida (marino, granate, gris).
   ============================================================================ */

/* ---------- tira de control del boceto (no se publica) ---------- */
body{margin:0;background:#fff}
.v4-ctrl{background:#13233b;color:#fff;font:13px/1.4 Barlow,system-ui,sans-serif;padding:8px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.v4-ctrl .v4-titulo{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffd166;font-weight:800}
.v4-ctrl .v4-grupo{display:inline-flex;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.28);border-radius:7px;padding:2px}
.v4-ctrl .v4-grupo span{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;opacity:.75;padding:0 6px;white-space:nowrap}
.v4-ctrl button{all:unset;cursor:pointer;font:600 12.5px Barlow,sans-serif;padding:4px 9px;border-radius:5px;color:#fff;white-space:nowrap}
.v4-ctrl button:hover{background:rgba(255,255,255,.14)}
.v4-ctrl button[aria-pressed="true"]{background:#fff;color:#13233b}
.v4-ctrl button.v4-bt-cat{border:1px solid #ffd166;color:#ffd166;padding:5px 11px;border-radius:7px;font-weight:700}
.v4-ctrl button.v4-bt-cat b{font-weight:800;margin-left:4px;color:#fff}
.v4-ctrl button.v4-bt-cat[aria-expanded="true"]{background:#ffd166;color:#13233b}
.v4-ctrl button.v4-bt-cat[aria-expanded="true"] b{color:#13233b}
.v4-ctrl .v4-sp{flex:1}
.v4-ctrl .v4-aviso{opacity:.8;font-size:12px}
.v4-catalogo .config{background:#122f52}
.v4-catalogo .config .wrap{max-width:none;padding-inline:14px}
.v4-catalogo .indice label{color:#fff}
body.v4-en-marco .v4-ctrl,body.v4-en-marco .v4-catalogo{display:none}
.v4-marco{display:none;justify-content:center;padding:22px;background:#dfe6ee;min-height:100vh}
.v4-marco iframe{width:390px;height:780px;border:12px solid #1b1f24;border-radius:36px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.35)}
body.v4-ver-movil .v4-marco{display:flex}
body.v4-ver-movil>.em-app{display:none}
/* notas: las azules del boceto (.em-nota) y las amarillas y moradas de la plantilla (.nota) se apagan juntas */
body.v4-sin-notas .em-nota,body.v4-sin-notas .v1 .nota,body.propuesta .em-nota{display:none!important}

/* ---------- un color por sección (solo barra, desplegable, mapa y panel) ---------- */
[data-sec="enfermedad"],[data-dest="enfermedad"],[data-v4sec="enfermedad"]{--sc:#1d5a9e}
[data-sec="evidencia"],[data-dest="evidencia"],[data-v4sec="evidencia"]{--sc:#163a63}
[data-sec="tratamiento"],[data-dest="tratamiento"],[data-v4sec="tratamiento"]{--sc:#0f766e}
[data-sec="farmacos"],[data-dest="farmacos"],[data-v4sec="farmacos"]{--sc:#97112a}
[data-sec="herramientas"],[data-dest="herramientas"],[data-v4sec="herramientas"]{--sc:#5b3fa0}
[data-sec="formacion"],[data-dest="formacion"],[data-v4sec="formacion"]{--sc:#b45309}
[data-sec="actualidad"],[data-dest="actualidad"],[data-v4sec="actualidad"]{--sc:#0e7490}
[data-sec="consulta"],[data-dest="consulta"],[data-v4sec="consulta"]{--sc:#3f6212}
[data-sec="comunidad"],[data-dest="comunidad"],[data-v4sec="comunidad"]{--sc:#9d174d}

/* ---------- el destacado de la versión 1 extendida (sus clases, su hoja) ---------- */
.em-app .em-inicio.v1{padding-top:12px}
.v1 .portada{margin-top:4px}
.v1 .barra .em-busca-w{margin-left:auto;flex:1 1 260px;max-width:400px}
.v1 .barra .em-busca{border-radius:8px}
.v1 .barra .em-busca input{padding:9px 12px;font-size:15px}
.v1 .paso .n{font-family:var(--letra)}
/* variante que decide Ramón: el destacado en marino */
.v4-hero-oscuro .v1 .hero{background:linear-gradient(135deg,#122f52 0%,#1d5a9e 100%);color:#fff}
.v4-hero-oscuro .v1 .hero h1,.v4-hero-oscuro .v1 .hero .sub{color:#fff}
.v4-hero-oscuro .v1 .hero h1 em{color:#ffd166}
.v4-hero-oscuro .v1 .hero p{color:rgba(255,255,255,.86)}
.v4-hero-oscuro .v1 .hero .btn.p{background:#fff;color:#163a63;border-color:#fff}
.v4-hero-oscuro .v1 .hero .btn.s{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}

/* ---------- recorrido según tu perfil: banda a todo el ancho con cuatro cajones estándar ---------- */
.v1 .v4-perfil{border-top:1px solid var(--linea);background:var(--suave);padding:18px 22px 20px}
.v4-perfil-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.v4-perfil-cab small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);font-weight:700;margin-bottom:2px}
.v4-perfil-cab b{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.2}
.v4-perfil-sel{display:none;align-items:center;gap:8px;font-size:12.5px;color:var(--gris);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.v4-perfil-sel select{font:600 15px var(--letra);padding:9px 36px 9px 12px;border-radius:8px;border:1.5px solid var(--linea-f);background:var(--tarjeta) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5a9e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 11px center/16px;color:var(--tinta);appearance:none;-webkit-appearance:none;min-width:220px;cursor:pointer;text-transform:none;letter-spacing:0}
.v1 .v4-perfil .em-chips{flex-wrap:wrap;overflow:visible;padding:0;gap:8px}
.v1 .v4-perfil .em-chip{min-height:38px;padding:7px 15px;font-size:14px;background:var(--tarjeta)}
.v1 .v4-perfil .em-chip[aria-pressed="true"]{background:var(--marino);color:#fff}
.v1 .v4-perfil .em-perfil-txt{margin:12px 0 0;font-size:15px;min-height:1.5em}
.v4-cajones{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.v4-cajon{display:flex;flex-direction:column;gap:6px;padding:14px 16px 13px;background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;box-shadow:var(--sombra);text-decoration:none;min-height:150px}
.em-app .v1 a.v4-cajon{color:var(--tinta)}
.v4-cajon:hover{border-color:var(--marino)}
.v4-caj-tipo{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--granate)}
.v4-caj-tipo svg.em-i{width:15px;height:15px;color:var(--marino)}
.v4-caj-media{display:grid;place-items:center;align-content:center;gap:2px;height:66px;border:1.5px dashed var(--linea-f);border-radius:8px;background:var(--suave);color:var(--gris);font-size:12px;margin:2px 0 4px}
.v4-caj-media.v4-media-real{border-style:solid;background:var(--azul-claro);color:var(--marino)}
/* imagen fija por tipo de cajón (Ramón, 08/10): los cuatro cajones ocupan lo mismo, con o sin pieza real */
.v4-caj-media.v4-tile{border:0;color:#fff;background:#163a63;position:relative;isolation:isolate}
.v4-caj-media.v4-tile::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 46' preserveAspectRatio='none'><path d='M0 30h80l8-14 8 26 7-30 6 18h120l8-14 8 26 7-30 6 18h120l8-14 8 26 7-30 6 18h190' fill='none' stroke='white' stroke-width='1.6'/></svg>") center/100% 46px no-repeat}
.v4-caj-media.v4-tile svg.em-i{color:#fff;width:24px;height:24px}
.v4-caj-media.v4-tile i{color:rgba(255,255,255,.88);font-size:11.5px;letter-spacing:.04em}
.v4-tile-articulo{background:linear-gradient(135deg,#163a63,#1d5a9e)}
.v4-tile-herramienta{background:linear-gradient(135deg,#122f52,#2f6db5)}
.v4-tile-video{background:linear-gradient(135deg,#13233b,#3a4f6a)}
.v4-tile-diapos{background:linear-gradient(135deg,#1d5a9e,#6a9bd8)}
.v4-tile-video::after{content:"";position:absolute;right:10px;bottom:8px;width:0;height:0;border-left:9px solid rgba(255,255,255,.7);border-top:6px solid transparent;border-bottom:6px solid transparent}
.v4-caj-media svg.em-i{width:22px;height:22px;color:var(--azul)}
.v4-caj-media i{font-style:normal}
.v4-cajon b{font-family:var(--serif);font-weight:600;font-size:15.5px;line-height:1.3}
.v4-cajon:hover b{color:var(--azul)}
.v4-cajon small{color:var(--gris);font-size:12.5px;margin-top:auto;padding-top:4px}
.v4-caj-puntos,.v4-caj-pista{display:none}
.v4-caj-puntos i{width:7px;height:7px;border-radius:50%;background:var(--linea-f);transition:background .15s}
.v4-caj-puntos i.on{background:var(--marino)}
.v4-perfil .v4-cajones,.v4-perfil .em-perfil-txt{transition:opacity .22s ease,transform .22s ease}
.v4-perfil.v4-cambia .v4-cajones,.v4-perfil.v4-cambia .em-perfil-txt{opacity:0;transform:translateY(8px)}

/* ---------- la barra de secciones, destacada (se mantiene el color) ---------- */
.em-app .em-tabs{background:#163a63;border-bottom:0;box-shadow:0 4px 12px rgba(19,35,59,.28);margin-top:16px;align-items:center}
.em-app .em-tabs a.v4-tab-titulo{display:none;align-items:center;gap:8px;padding:0 10px 0 16px;color:#fff;font-weight:700;font-size:14px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.22);margin-right:4px;align-self:stretch;border-radius:0;background:none;text-decoration:none}
.em-app .em-tabs a.v4-tab-titulo::before{display:none}
.em-app .em-tabs a.v4-tab-titulo svg{color:#ffd166}
.em-app.em-en-seccion .em-tabs a.v4-tab-titulo{display:flex}
.em-app .em-tabs .em-in{gap:2px;padding:6px 8px;align-items:center;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
.em-app .em-tabs .em-in::-webkit-scrollbar{display:none}
.em-app .em-tabs .em-in>a{color:rgba(255,255,255,.9);border-bottom:0;border-radius:8px;padding:9px 10px;font-size:14.5px;gap:7px;line-height:1.1}
.em-app.em-en-seccion .em-tabs .em-in>a{padding:9px 8px;font-size:14px}
.em-app .em-tabs .em-in>a .em-n{display:none}
.em-app .em-tabs .em-in>a::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sc,#fff);box-shadow:0 0 0 2px rgba(255,255,255,.3);flex:none}
.em-app .em-tabs .em-in>a[data-dest="inicio"]::before{display:none}
.em-app .em-tabs .em-in>a:hover{background:rgba(255,255,255,.13);color:#fff}
.em-app .em-tabs .em-in>a[aria-current="true"]{background:#fff;color:#163a63}
.em-app .em-tabs .em-in>a[aria-current="true"]::before{box-shadow:0 0 0 2px color-mix(in srgb,var(--sc,#163a63) 30%,#fff)}
/* los enlaces del desplegable no son pestañas: se les quita el estilo de pestaña de la fase 3 */
.em-app .em-tabs .v4-desp a{flex:initial;color:var(--em-tinta);border:0;padding:6px 10px 6px 8px;font-weight:500;white-space:normal;font-size:14.5px;line-height:1.3;border-radius:8px;display:flex;gap:8px;align-items:center;text-decoration:none}
.em-app .em-tabs .v4-desp a::before{display:none}
.em-app .em-tabs .v4-desp li a:hover{background:color-mix(in srgb,var(--sc,#163a63) 8%,#fff);color:var(--sc,#163a63)}
.em-app .em-tabs .v4-desp .v4-desp-cab a{color:var(--sc,#163a63);font-weight:700;padding:0;margin-left:auto;font-size:13.5px}
.v4-bt-mapa{all:unset;cursor:pointer;display:flex;align-items:center;gap:7px;padding:9px 14px;margin:0 8px 0 4px;border-radius:8px;background:#97112a;color:#fff;font:700 14px var(--em-letra);white-space:nowrap;flex:none}
.v4-bt-mapa:hover{background:#b0152f}
.v4-bt-mapa svg{width:18px;height:18px}
.em-app .em-vista{display:none!important}
/* desplegable al pasar el ratón por una pestaña (solo escritorio) */
.v4-desp{display:none;position:absolute;top:100%;left:0;right:0;background:var(--em-tarjeta);color:var(--em-tinta);box-shadow:0 16px 36px rgba(19,35,59,.28);border-radius:0 0 12px 12px;padding:14px 20px 16px;z-index:30;border-top:4px solid var(--sc,#163a63)}
.v4-desp.v4-on{display:block}
.v4-desp .v4-desp-cab{display:flex;gap:12px;align-items:baseline;margin-bottom:8px;flex-wrap:wrap}
.v4-desp h3{font-family:var(--em-serif);font-weight:600;font-size:19px;margin:0;color:var(--sc,#163a63)}
.v4-desp .v4-desp-cab small{color:var(--em-gris);font-size:13px}
/* Ramón, 10/10 (noche): la lista se lee en vertical (B1 y debajo B2) y salta de columna; el código pegado al título; las piezas, en un círculo de color */
.v4-desp ul{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,1fr);gap:2px 22px;align-items:start}
/* Ramón, 10/10 (noche): «una barra vertical entre las columnas, algo suave» */
.v4-desp ul{position:relative}
.v4-desp ul::before,.v4-desp ul::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--em-linea) 25%,var(--em-linea) 75%,transparent);pointer-events:none}
.v4-desp ul::before{left:calc((100% - 44px)/3 + 11px)}
.v4-desp ul::after{left:calc((100% - 44px)*2/3 + 33px)}
.v4-desp ul.v4-c2::after,.v4-desp ul.v4-c1::before,.v4-desp ul.v4-c1::after{display:none}
.v4-desp li a>span:nth-child(2){flex:1 1 auto;min-width:0}
.v4-desp li a .v4-num{font:800 11.5px/1 var(--em-letra);letter-spacing:.02em;color:var(--sc,#163a63);flex:none;min-width:22px}
.v4-desp li a .v4-cnt{margin-left:auto;flex:none;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--sc,#163a63);color:#fff;font:700 11.5px/22px var(--em-letra);text-align:center}
.v4-desp li a .v4-cnt:empty{display:none}
.em-app .em-tabs .v4-desp li a:hover .v4-cnt{background:#fff;color:var(--sc,#163a63);box-shadow:inset 0 0 0 1.5px var(--sc,#163a63)}
.v4-sin-desp .v4-desp{display:none!important}

/* ---------- el panel de control (cuadro de mando enmarcado y plegable; conserva sus colores) ---------- */
.v4-panel{margin-top:20px;border:2px solid #163a63;border-radius:14px;overflow:hidden;background:#f3f6fa;box-shadow:var(--em-sombra)}
.v4-panel-cab{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#163a63;color:#fff;flex-wrap:wrap}
.v4-panel-cab .v4-eti{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.85}
.v4-panel-cab h2{font-family:var(--em-serif);font-weight:600;font-size:19px;color:#fff;margin:0}
.v4-panel-cab .v4-resumen{flex:1 1 100%;min-width:0;font-size:13px;opacity:.92;display:none;line-height:1.35}
.v4-panel[data-open="false"] .v4-panel-cab .v4-resumen{display:block}
.v4-plegar{all:unset;cursor:pointer;margin-left:auto;font:700 12.5px var(--em-letra);padding:6px 12px;border-radius:6px;background:rgba(255,255,255,.16);color:#fff;display:flex;gap:6px;align-items:center;white-space:nowrap}
.v4-plegar:hover{background:rgba(255,255,255,.26)}
.v4-plegar svg{width:14px;height:14px;transition:transform .15s}
.v4-panel[data-open="false"] .v4-plegar svg{transform:rotate(180deg)}
/* plegado suave: la fila de la rejilla pasa de 1fr a 0fr */
.v4-panel-cuerpo{display:grid;grid-template-rows:1fr;overflow:hidden;opacity:1;transition:grid-template-rows .34s ease,opacity .26s ease}
.v4-panel-int{min-height:0;overflow:hidden;padding:14px 14px 16px}
.v4-panel[data-open="false"] .v4-panel-cuerpo{grid-template-rows:0fr;opacity:0}
/* las tarjetas, sin color: blancas, con el filete marino de la plantilla */
.v4-panel .em-kpis.v4-kpis{grid-template-columns:1fr;gap:12px}
.v4-panel .em-kpi.v4-kpi{display:flex;flex-direction:column;gap:10px;padding:14px 16px 13px;min-height:0;background:#fff;border:1px solid var(--em-linea);border-top:3px solid var(--em-marino);border-radius:10px;color:var(--em-tinta)}
.v4-panel .em-kpi.v4-kpi:hover{border-color:var(--em-linea);border-top-color:var(--em-marino)}
.v4-panel .em-kpi.em-nuevo,.v4-panel .em-kpi.em-prox{border-top-color:var(--em-marino)}
.v4-kpi-cab{display:flex;flex-direction:column;gap:3px}
.v4-kpi-cab small svg{color:var(--em-marino)}
.v4-kpi-cab b{font-size:24px;color:var(--em-tinta)}
.v4-kpi-cab span{font-size:13px}
.em-app a.v4-kpi-ultimo{display:block;padding:10px 12px;border:1px solid var(--em-linea);border-radius:8px;background:var(--em-suave);text-decoration:none;color:var(--em-tinta)}
.v4-kpi-ultimo em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--em-granate);font-weight:700;margin:0 0 3px}
.v4-kpi-ultimo b{display:block;font-family:var(--em-serif);font-weight:600;font-size:15px;line-height:1.3;color:var(--em-tinta)}
.v4-kpi-ultimo small{display:block;color:var(--em-gris);font-size:12px;margin-top:3px}
.v4-kpi-ultimo:hover b{color:var(--em-azul)}
.v4-kpi-mas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.v4-kpi-mas li{display:flex;flex-direction:column;gap:1px;padding-left:10px;border-left:2px solid var(--em-linea)}
.em-app .v4-kpi-mas a{font-size:13.5px;font-weight:600;text-decoration:none;color:var(--em-tinta);line-height:1.3}
.em-app .v4-kpi-mas a:hover{color:var(--em-azul)}
.v4-kpi-mas small{color:var(--em-gris);font-size:12px}
.v4-kpi-agenda li{flex-direction:row;gap:10px;align-items:flex-start;border-left:0;padding-left:0}
.v4-kpi-agenda li>span:last-child{display:flex;flex-direction:column;gap:1px}
.v4-kpi-fecha{flex:none;width:40px;text-align:center;border-radius:6px;background:var(--em-suave);border:1px solid var(--em-linea);padding:3px 0;line-height:1.05}
.v4-kpi-fecha b{display:block;font-size:15px;font-weight:800}
.v4-kpi-fecha small{display:block;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--em-gris)}
.em-app a.v4-kpi-ir{margin-top:auto;font-size:13px;font-weight:700;text-decoration:none;color:var(--em-azul);padding-top:4px}
.v4-panel .em-kpi.v4-kpi.v4-kpi-extra{display:none}
body.v4-kpi6 .v4-panel .em-kpi.v4-kpi.v4-kpi-extra{display:flex}
/* los números de los dos bloques de tres, en círculo como los pasos de «¿Qué necesitas hoy?» (Ramón, 08/10) */
.v4-panel .em-clave ol,.v4-panel .v4-alarma ol{list-style:none;margin:0;padding:0;counter-reset:v4n}
.v4-panel .em-clave li,.v4-panel .v4-alarma li{counter-increment:v4n;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;margin:0;padding:9px 0;border-top:1px solid var(--em-linea);font-size:15px;line-height:1.45}
.v4-panel .em-clave li:first-child,.v4-panel .v4-alarma li:first-child{border-top:0;padding-top:4px}
.v4-panel .em-clave li::before,.v4-panel .v4-alarma li::before{content:counter(v4n);width:30px;height:30px;border-radius:50%;background:var(--em-azul-claro);color:var(--em-azul);font:800 14px/30px var(--em-letra);text-align:center;margin-top:1px}
.v4-panel .v4-alarma li{border-top-color:rgba(163,38,27,.18)}
.v4-panel .v4-alarma li::before{background:#fff;color:var(--em-rojo);box-shadow:0 0 0 1px rgba(163,38,27,.25)}
.v4-panel .em-clave h3{margin-bottom:4px}
/* señales de alarma: tres, en lista, como los tres mensajes clave */
.v4-panel .em-alarma.v4-alarma{display:block;padding:14px 16px;font-size:15px}
.v4-alarma h3{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 6px;font-family:var(--em-serif);font-weight:600;font-size:17px;color:var(--em-rojo)}
.v4-alarma h3 svg{margin:0;flex:none}
.v4-alarma ol{margin:0;padding-left:20px;color:var(--em-tinta)}
.v4-alarma li{margin:4px 0}
.v4-ejemplo{margin-left:auto;font:700 10.5px var(--em-letra);letter-spacing:.06em;text-transform:uppercase;color:var(--em-aviso-t);background:var(--em-aviso);border-radius:4px;padding:2px 6px}
.em-app a.v4-alarma-ir{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:700;text-decoration:none}
/* selección del mes: seis piezas a todo el ancho (cajones como los del recorrido por perfil) */
.v4-seleccion-w{margin-top:16px}
.v4-seleccion-w .em-h2{margin:0 0 8px;font-size:16.5px}
.v4-seleccion-w .em-h2 small{font-size:11px}
.v4-seleccion{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.v4-seleccion .v4-cajon{min-height:0;padding:12px 12px 11px;gap:5px}
.v4-seleccion .v4-cajon b{font-size:13.5px}
.v4-seleccion .v4-caj-media{height:54px}
/* los dos bloques de tres llevan marco completo (Ramón, 08/10), no solo la raya del lado */
.v4-panel .em-clave{border:2px solid var(--em-marino);background:#fff;border-radius:10px}
.v4-panel .em-alarma{background:#fbe9e7;border:2px solid var(--em-rojo)}
.v4-tres{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}
.v4-tres .em-h2{margin:0 0 6px;font-size:16.5px}
.v4-tres .em-h2 small{font-size:11px}
.v4-tres .em-card{background:#fff}
.v4-tres .em-item,.v4-tres .em-evento{padding:9px 12px}
.v4-tres .em-item b{font-size:14.5px}
.v4-tres .em-item small{font-size:12.5px}
.v4-tres .em-mas{margin-top:8px;font-size:14px}
.v4-tres.v4-dos{grid-template-columns:1fr}

/* ---------- los textos ocupan todo el ancho (Ramón, 08/10): fuera los topes de 48 a 76 caracteres de la plantilla y de la fase 3 ---------- */
.em-app .v1 .cab>p,.em-app .v1 .bloque p,.em-app .v1 .banda p,.em-app .v1 .hero p,.em-app .v1 details p,.em-app .v1 .interno>p{max-width:none}
.em-app .v1 .faq{max-width:none}
/* la línea de cada módulo vuelve como resumen de respuesta directa (Ramón, 10/10: «aplica todo lo recomendado» del análisis de SEO y GEO; el 08/10 las había quitado) */
.em-app .v1 .cab>p{display:block;margin:7px 0 0;max-width:920px;font-size:15px;line-height:1.55;color:var(--tinta)}
.em-app .v1 .cab h2{margin-bottom:0}
/* ruta clínica: fuera la línea explicativa de cada fase; las tres piezas de cada fase, enlazadas */
.em-app .v1 .etapa>p{display:none}
.em-app .v1 .etapa ul.chk{border-top:0;padding-top:2px;gap:8px}
.em-app .v1 ul.chk li a{text-decoration:none;color:var(--tinta);font-weight:600;line-height:1.3}
.em-app .v1 ul.chk li a:hover{color:var(--azul)}
.em-app .em-banda p,.em-app .em-cab .em-def,.em-app .em-cta p,.em-app .em-faq details p,.em-app .em-mod .em-cuerpo>p.em-intro{max-width:none}
.em-app .em-faq{max-width:none}

/* ---------- la portada: los 61 módulos de la versión 1 extendida (estética sobria de la plantilla) ---------- */
.v4-catalogo-portada>.em-nota:first-child{margin-top:4px}
.v4-catalogo-portada>.em-nota+.bloque{margin-top:30px}
/* la hoja de la fase 3 pinta todo h2/h3 de tinta: en las bandas marino de la plantilla mandan en blanco */
.em-app .v1 .bloque h2,.em-app .v1 .banda h3{color:#fff}
.v1 .cab .eti a.v4-real{margin-left:auto;text-transform:none;letter-spacing:0;font-size:13px;font-weight:700;text-decoration:none;color:var(--marino);border:1px solid var(--linea-f);border-radius:6px;padding:2px 9px;white-space:nowrap}
.v1 .cab .eti a.v4-real:hover{border-color:var(--marino);background:var(--azul-claro)}
.v1 img.foto{object-fit:cover}
.v1 .foto.v4-ini-g{font:800 15px var(--letra);color:var(--marino)}
/* un módulo desmarcado en el catálogo se atenúa; en la vista de propuesta desaparece (regla de la plantilla) */
.v1 section.mod.off{opacity:.42}
.v1 .art[hidden]{display:none}
.v1 .interno{margin-bottom:10px}

/* ---------- caras de autores (en las secciones de la fase 3) ---------- */
.v4-cara{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff;box-shadow:0 0 0 1px var(--em-linea);background:var(--em-azul-claro);display:inline-block;vertical-align:middle}
.v4-ini{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--em-azul-claro);color:var(--em-marino);font:800 11px var(--em-letra);flex:none;border:2px solid #fff;box-shadow:0 0 0 1px var(--em-linea);vertical-align:middle}
.em-rec.v4-con-cara{grid-template-columns:36px 1fr auto}
.em-rec.v4-con-cara>.v4-cara,.em-rec.v4-con-cara>.v4-ini{grid-column:1;grid-row:1/3;align-self:start;margin-top:2px;width:32px;height:32px}
.em-rec.v4-con-cara .em-tp{grid-column:2/-1}
.em-rec.v4-con-cara b{grid-column:2}
.em-rec.v4-con-cara .em-der{grid-column:3;grid-row:2}
.em-rec.v4-con-cara small{grid-column:2/-1}
.v4-autor{font-weight:600;letter-spacing:0;text-transform:none;color:var(--em-tinta);font-size:12px}
.v4-autor::before{content:"·";margin:0 2px 0 0;color:var(--em-gris)}
.v4-caras{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.v4-persona{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--em-linea);border-radius:10px;background:var(--em-tarjeta)}
.v4-persona .v4-cara,.v4-persona .v4-ini{width:52px;height:52px;font-size:15px}
.v4-persona b{display:block;font-family:var(--em-serif);font-weight:600;font-size:15.5px;line-height:1.2}
.v4-persona small{color:var(--em-gris);font-size:12.5px;display:block;line-height:1.3}
.v4-solo-comite .em-rec .v4-cara,.v4-solo-comite .em-rec .v4-ini,.v4-solo-comite .em-rec .v4-autor{display:none}
.v4-solo-comite .em-rec.v4-con-cara{grid-template-columns:1fr auto}
.v4-solo-comite .em-rec.v4-con-cara .em-tp{grid-column:1/-1}
.v4-solo-comite .em-rec.v4-con-cara b{grid-column:1}
.v4-solo-comite .em-rec.v4-con-cara .em-der{grid-column:2;grid-row:auto}
.v4-solo-comite .em-rec.v4-con-cara small{grid-column:1/-1}

/* ---------- el mapa del ESPACIO, como ventana desde cualquier sitio (mismo código de color que la barra) ---------- */
.v4-velo{position:fixed;inset:0;background:rgba(10,20,35,.52);z-index:60;display:none}
.v4-hoja{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1060px,calc(100% - 32px));max-height:min(86vh,900px);overflow:auto;background:#fff;color:var(--em-tinta);border-radius:16px;z-index:61;display:none;box-shadow:0 30px 80px rgba(0,0,0,.4);padding:0 0 18px}
.v4-mapa-abierto .v4-velo,.v4-mapa-abierto .v4-hoja{display:block}
.v4-hoja-cab{position:sticky;top:0;display:flex;align-items:center;gap:12px;padding:13px 20px;background:#163a63;color:#fff;z-index:2}
.v4-hoja-cab h2{font-family:var(--em-serif);font-weight:600;font-size:21px;color:#fff;margin:0}
.v4-hoja-cab small{opacity:.85;font-size:13px}
.v4-cerrar{all:unset;cursor:pointer;margin-left:auto;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:700;color:#fff;font-size:16px}
.v4-cerrar:hover{background:rgba(255,255,255,.3)}
.v4-hoja .em-mapa{padding:16px 20px 0;grid-template-columns:1fr}
.v4-hoja .em-seccard{border-top:4px solid var(--sc,#163a63)}
.v4-hoja .em-seccard .em-ic{background:color-mix(in srgb,var(--sc,#163a63) 12%,#fff);color:var(--sc,#163a63)}
.v4-hoja .em-seccard ul{display:block}
.v4-hoja .em-seccard .em-todo{display:inline;color:var(--sc,#163a63)}
.v4-hoja .em-nota{margin:14px 20px 0}

/* ---------- M03, la fisiopatología por capas (Ramón, 08/10, tarde): cadena de pasos; cada paso abre su detalle ---------- */
.v4-fp{margin-top:4px}
.v4-fp p{max-width:none}
.v4-fp-cadena{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:stretch}
.v4-fp-paso{display:contents}
.v4-fp-bt{position:relative;display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;padding:13px 22px 12px 14px;background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;box-shadow:var(--sombra);cursor:pointer;font:inherit;color:var(--tinta);min-height:118px;width:100%}
.v4-fp-bt:hover{border-color:var(--marino)}
.v4-fp-bt:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.v4-fp-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--azul-claro);color:var(--azul);font:800 14px/1 var(--letra)}
.v4-fp-bt b{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:15.5px;line-height:1.25}
.v4-fp-bt small{color:var(--gris);font-size:12.5px;line-height:1.3}
.v4-fp-bt::after{content:"";position:absolute;right:-9px;top:50%;width:9px;height:9px;border-right:2px solid var(--linea-f);border-bottom:2px solid var(--linea-f);transform:translateY(-50%) rotate(-45deg)}
.v4-fp-paso:last-child .v4-fp-bt::after,.v4-fp-paso:nth-child(3) .v4-fp-bt::after{display:none}
.v4-fp-paso.on .v4-fp-bt{border-color:var(--marino);box-shadow:0 0 0 1px var(--marino),var(--sombra)}
.v4-fp-paso.on .v4-fp-n{background:var(--marino);color:#fff}
.v4-fp-paso.on .v4-fp-bt::before{content:"";position:absolute;left:calc(50% - 8px);bottom:-10px;border:8px solid transparent;border-top-color:var(--marino);border-bottom:0}
.v4-fp-det{display:none;grid-row:3;grid-column:1/-1;grid-template-columns:1.35fr 1fr 1fr;gap:18px 24px;padding:16px 18px 18px;background:var(--tarjeta);border:1px solid var(--linea);border-top:3px solid var(--marino);border-radius:12px;box-shadow:var(--sombra)}
.v4-fp-paso.on .v4-fp-det{display:grid;animation:v4fp .25s ease}
@keyframes v4fp{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.v4-fp-det h4,.v4-fp-pie h4{margin:0 0 6px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-fp-det p+h4{margin-top:14px}
.v4-fp-det p{margin:0;font-size:14.5px;line-height:1.5;color:var(--tinta)}
.v4-fp-trat,.v4-fp-piezas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.v4-fp-trat li{padding-left:10px;border-left:2px solid var(--marino);font-size:13.5px;line-height:1.4;color:var(--gris)}
.v4-fp-trat li b{display:block;color:var(--tinta);font-weight:700;font-size:14px}
.v4-fp-piezas li{display:flex;flex-direction:column;gap:1px;padding-left:10px;border-left:2px solid var(--linea)}
.v4-fp-piezas small{color:var(--gris);font-size:12px}
.em-app .v1 .v4-fp-piezas a{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:14.5px;line-height:1.3;color:var(--tinta);text-decoration:none}
.em-app .v1 .v4-fp-piezas a:hover{color:var(--azul)}
.v4-fp-pie{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-top:14px;padding:16px 18px;background:var(--suave);border:1px solid var(--linea);border-radius:12px;align-items:start}
.v4-fp-pie .hueco{min-height:150px;background:var(--tarjeta)}
.v4-fp-pie p{margin:0 0 10px;font-size:14.5px;line-height:1.5}
.v4-fp-pie .v4-fp-piezas{margin-bottom:12px}

/* ---------- M04, cómo actúan los fármacos (Ramón, 08/10, tarde): lista por grupos (desplegable en el móvil), ficha de un vistazo y cuatro pasos ---------- */
.v4-fx{margin-top:4px}
.v4-fx p{max-width:none}
.v4-fx-sel{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.v4-fx-lab{display:none;font-size:12.5px;color:var(--gris);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.v4-fx-select{display:none;font:600 15px var(--letra);padding:9px 36px 9px 12px;border-radius:8px;border:1.5px solid var(--linea-f);background:var(--tarjeta) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5a9e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 11px center/16px;color:var(--tinta);appearance:none;-webkit-appearance:none;max-width:420px;cursor:pointer}
.v4-fx-grupos{display:grid;border:1px solid var(--linea);border-radius:12px;background:var(--tarjeta);padding:6px 16px}
.v4-fx-grupo{display:grid;grid-template-columns:230px 1fr;gap:6px 14px;align-items:baseline;padding:8px 0;border-top:1px solid var(--linea)}
.v4-fx-grupo:first-child{border-top:0}
.v4-fx-gt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--granate);line-height:1.3}
.v4-fx-chips{display:flex;flex-wrap:wrap;gap:6px}
.v4-fx-chip{font:600 13.5px var(--letra);padding:5px 12px;border-radius:999px;border:1px solid var(--linea-f);background:var(--tarjeta);color:var(--tinta);cursor:pointer;line-height:1.3}
.v4-fx-chip:hover{border-color:var(--marino)}
.v4-fx-chip:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.v4-fx-chip[aria-pressed="true"]{background:var(--marino);border-color:var(--marino);color:#fff}
body.v4-fx-desplegable .v4-fx-grupos{display:none}
body.v4-fx-desplegable .v4-fx-lab,body.v4-fx-desplegable .v4-fx-select{display:block}
.v4-fx-cuerpo{transition:opacity .22s ease,transform .22s ease}
.v4-fx.v4-cambia .v4-fx-cuerpo{opacity:0;transform:translateY(4px)}
.v4-fx-ficha{background:var(--tarjeta);border:2px solid var(--marino);border-radius:12px;padding:16px 18px 14px;margin-bottom:16px}
.v4-fx-fcab{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.v4-fx-eti{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--granate);margin-bottom:3px}
.v4-fx-fcab b{display:block;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:22px;line-height:1.2;color:var(--tinta)}
.v4-fx-fcab small{display:block;color:var(--gris);font-size:13.5px;margin-top:3px;line-height:1.35}
.v4-fx-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.v4-fx-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 26px;margin:0}
.v4-fx-dl>div{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--linea);font-size:14px;line-height:1.45}
.v4-fx-dl dt{font-weight:700;color:var(--marino);font-size:12.5px;line-height:1.4;padding-top:1px}
.v4-fx-dl dd{margin:0;color:var(--tinta)}
.v4-fx-dl dd b{font-weight:700}
.v4-fx-fuente{display:block;margin-top:10px;color:var(--gris);font-size:12px;line-height:1.4}
.v4-fx-vacia .v4-fx-dl dd,.v4-fx-por{color:var(--gris);font-style:italic}
.v4-fx-h3{margin:0 0 10px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:18px;color:var(--tinta)}
.v4-fx-h3 small{font-family:var(--letra);font-weight:600;font-size:12.5px;color:var(--gris);margin-left:8px}
/* lo que se investiga y las opciones del grupo, debajo de cada ficha (Ramón, 08/10, noche: M09 y M10 dentro del M04) */
.v4-fx-extra{margin-top:22px}
.v4-inv-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:18px 28px}
.v4-inv-una{grid-template-columns:1fr;gap:14px}
.v4-inv-cols h4{margin:0 0 8px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-inv-cols h4 small{display:block;font:500 12px/1.3 var(--letra);letter-spacing:0;text-transform:none;color:var(--gris);margin-top:2px}
.v4-inv-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.v4-inv-lista li{display:grid;gap:2px;font-size:13.5px;line-height:1.4;padding-left:12px;border-left:3px solid var(--azul-claro)}
.v4-inv-lista li a,.em-app .v1 .v4-inv-lista li a{color:var(--azul);text-decoration:none}
.v4-inv-lista li .v4-inv-id{display:inline;color:var(--gris);font-size:11.5px;margin-left:6px}
.v4-inv-lista li>small{color:var(--gris);font-size:12.5px;line-height:1.35}
.v4-inv-aviso{margin:10px 0 0;font-size:12.5px;color:var(--gris);font-style:italic}
.v4-comp{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.45}
.v4-comp th,.v4-comp td{padding:9px 10px;border-top:1px solid var(--linea);text-align:left;vertical-align:top}
.v4-comp thead th{border-top:0;font:700 12px/1.3 var(--letra);letter-spacing:.06em;text-transform:uppercase;color:var(--marino);padding-bottom:6px}
.v4-comp tbody th{width:190px;font:700 12.5px/1.35 var(--letra);color:var(--tinta)}
.v4-comp tbody th small{display:block;font-weight:500;color:var(--gris);font-size:11.5px}
.v4-comp td.v4-comp-igual{color:var(--gris)}
.v4-comp td.v4-comp-igual i{font-style:normal;font-weight:700;color:var(--tinta)}
.v4-comp td a,.em-app .v1 .v4-comp td a{color:var(--azul);font-weight:700;text-decoration:none;white-space:nowrap}
.v4-apagado-txt{margin:0;color:var(--gris);font-size:14px;line-height:1.5;font-style:italic}
.v4-m09 .v4-fx-dl{grid-template-columns:1fr}
.v4-m09 .v4-fx-dl>div{grid-template-columns:130px 1fr}
/* el interruptor «ESPACIO: fármaco»: M04 solo con el fármaco, M09 y M10 sueltos */
.v4-solo-fx{display:none}
body.v4-espacio-fx .v4-solo-fx{display:block}
body.v4-espacio-fx .v4-solo-fx.contra{display:grid}
body.v4-espacio-fx .v4-solo-pat,body.v4-espacio-fx .v4-fx-sel,body.v4-espacio-fx .v4-fx-grupos,body.v4-espacio-fx #v4-fx .v4-fx-extra{display:none}
body.v4-espacio-fx .v1 section#p-m-indicacion.mod.off,body.v4-espacio-fx .v1 section#p-m-clase.mod.off{display:block!important;opacity:1}
.v4-fp-4 .v4-fp-cadena{grid-template-columns:repeat(4,1fr)}
.v4-fp-4 .v4-fp-det{grid-row:2}
.v4-fp-4 .v4-fp-paso:nth-child(3) .v4-fp-bt::after{display:block}

/* ---------- M06, glosario (apagado por defecto) ---------- */
.v4-glo b{display:block;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:16px;line-height:1.25}
.v4-glo small{display:block;color:var(--gris);font-size:12px;font-style:italic;margin:1px 0 4px}
.v4-glo p{margin:0;font-size:13.5px;line-height:1.45;color:var(--tinta)}
.em-app .v1 .v4-glo p a{color:var(--azul);font-weight:700;text-decoration:none;white-space:nowrap}
/* ---------- M07, mapa de ensayos (Ramón, 08/10, tarde): un ensayo por fármaco, por grupos; cada fila se abre con las cuatro ventanas ---------- */
.v4-ens{margin-top:4px}
.v4-ens p{max-width:none}
/* Ramón, 08/10 (noche): como el de fármacos, con desplegables (aquí dos: fármaco o grupo, y FEVI) */
.v4-ens-filtros{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:flex-end;margin-bottom:14px}
.v4-ens-grupo{margin-bottom:16px}
.v4-ens-sel{display:flex;flex-direction:column;gap:6px;flex:1 1 300px;max-width:520px;min-width:0}
.v4-ens-sel-fevi{flex:0 1 280px}
.v4-ens-lab{font-size:12.5px;color:var(--gris);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.v4-ens-select{width:100%;font:600 15px var(--letra);padding:9px 36px 9px 12px;border-radius:8px;border:1.5px solid var(--linea-f);background:var(--tarjeta) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5a9e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 11px center/16px;color:var(--tinta);appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis}
.v4-ens-select:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.v4-ens-cuenta{flex:1 1 100%;margin:0;font-size:13px;color:var(--gris);min-height:1.2em}
/* la línea del estado de entrada, destacada (Ramón, 08/10, noche) */
.v4-ens-cuenta.v4-ens-aviso{background:var(--azul-claro);color:var(--marino);border-left:3px solid var(--azul);padding:9px 12px;border-radius:8px;font-size:13.5px;line-height:1.45;max-width:760px}
.v4-ens-aviso b{font-weight:700}
.v4-ens-aviso a,.em-app .v1 .v4-ens-aviso a{color:var(--azul);font-weight:700;text-decoration:underline;white-space:nowrap}
.v4-ens-fila[hidden]{display:none}
.v4-ens-vacio{margin:0;padding:14px;border:1.5px dashed var(--linea-f);border-radius:12px;color:var(--gris);font-size:14px;text-align:center}
.v4-ens-vacio[hidden]{display:none}
.v4-ens-grupo[hidden]{display:none}
.v4-ens-gt{margin:0 0 6px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-ens-cab,.v4-ens-bt{display:grid;grid-template-columns:1.25fr 1.25fr 1fr 1.1fr 22px;gap:14px;align-items:start}
.v4-ens-cab{padding:0 14px 6px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--gris)}
.v4-ens-fila{background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;margin-top:6px;box-shadow:var(--sombra)}
.v4-ens-fila.on{border-color:var(--marino);box-shadow:0 0 0 1px var(--marino),var(--sombra)}
.v4-ens-bt{width:100%;text-align:left;padding:11px 14px;background:none;border:0;cursor:pointer;font:inherit;color:var(--tinta);border-radius:12px;text-decoration:none}
.em-app .v1 a.v4-ens-bt{color:var(--tinta)}
.v4-ens-bt:hover{background:var(--suave)}
.v4-ens-bt:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.v4-ens-c1 b{display:block;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:15.5px;line-height:1.25}
.v4-ens-fila.on .v4-ens-c1 b,.v4-ens-bt:hover .v4-ens-c1 b{color:var(--azul)}
.v4-ens-c1 small{display:block;color:var(--gris);font-size:12.5px;line-height:1.3;margin-top:2px}
.v4-ens-c2,.v4-ens-c3,.v4-ens-c4{font-size:13.5px;line-height:1.4;color:var(--tinta)}
.v4-ens-c4 b{color:var(--marino)}
/* la flecha de cada fila dice que se despliega (la de salida, que abre la pieza) y gira al abrir (Ramón, 08/10, noche) */
.v4-ens-chev{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;align-self:center;color:var(--gris);transition:transform .3s ease,color .15s ease,background .15s ease}
.em-app .v4-ens-chev svg.em-i{width:15px;height:15px;stroke-width:2.2}
.v4-ens-bt:hover .v4-ens-chev{color:var(--azul)}
.v4-ens-fila.on .v4-ens-chev{transform:rotate(180deg);color:var(--azul);background:var(--azul-claro)}
.v4-ens-ext,.v4-ens-bt:hover .v4-ens-ext{transform:rotate(-45deg)}
/* plegado suave, el mismo del cuadro de mando: la fila de la rejilla pasa de 0fr a 1fr; plegado, nada se puede enfocar */
.v4-ens-pl{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;overflow:hidden;transition:grid-template-rows .34s ease,opacity .26s ease,visibility 0s linear .34s}
.v4-ens-fila.on>.v4-ens-pl,.v4-soc-pleg[data-open="true"]>.v4-ens-pl{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}
.v4-ens-det{display:grid;min-height:0;overflow:hidden;grid-template-columns:1.15fr 1.15fr 1fr 1fr;gap:16px 22px;margin:0 14px;padding:0;border:0}
/* el filete y los márgenes van como celdas, no como relleno del bloque: así, plegado, mide 0 exacto */
.v4-ens-det::before{content:'';grid-column:1/-1;height:1px;background:var(--linea);margin-bottom:-4px}
.v4-ens-det::after{content:'';grid-column:1/-1;height:0}
.v4-ens-det h4{margin:0 0 6px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-ens-det p{margin:0;font-size:14px;line-height:1.5;color:var(--tinta)}

/* ---------- M08, lo que dicen las sociedades (Ramón, 08/10, tarde: «las últimas y ya»): una fila por documento, con las cuatro ventanas ---------- */
.v4-soc .v4-ens-cab,.v4-soc .v4-ens-bt{grid-template-columns:120px 1.6fr 1.4fr 1fr 22px}
.v4-soc-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:6px 8px;border-radius:10px;background:var(--marino);color:#fff;text-align:center}
.v4-soc-tile b{font:800 14px/1.1 var(--letra);letter-spacing:.02em}
.v4-soc-tile small{font-size:11.5px;opacity:.85;line-height:1.1}
.v4-soc-vacia .v4-soc-tile{background:var(--suave);color:var(--gris);border:1.5px dashed var(--linea-f)}
.v4-soc-t{display:block;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:15.5px;line-height:1.25;color:var(--tinta)}
.v4-ens-fila.on .v4-soc-t,.v4-ens-bt:hover .v4-soc-t{color:var(--azul)}
.v4-soc .v4-ens-c2 small{display:block;color:var(--gris);font-size:12.5px;line-height:1.3;margin-top:2px}
.v4-soc-sello i{display:inline-block;font-style:normal;font-size:12.5px;line-height:1.35;padding:4px 9px;border-radius:8px;background:var(--azul-claro);color:var(--marino);font-weight:600}
.v4-soc-vacia .v4-soc-sello i{background:var(--suave);color:var(--gris)}
.v4-soc-dice{list-style:none;margin:0;padding:0;counter-reset:v4s;display:flex;flex-direction:column;gap:7px}
.v4-soc-dice li{counter-increment:v4s;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;font-size:14px;line-height:1.45;color:var(--tinta)}
.v4-soc-dice li::before{content:counter(v4s);width:24px;height:24px;border-radius:50%;background:var(--azul-claro);color:var(--azul);font:800 12px/24px var(--letra);text-align:center}
.v4-soc .v4-ens-det{grid-template-columns:1.5fr 1fr 1fr 1fr}
.v4-soc-vacia .v4-ens-det p,.v4-soc-vacia .v4-soc-dice li{color:var(--gris);font-style:italic}
/* la segunda parte (consensos y declaraciones), entera en un solo desplegable, cerrado al entrar (Ramón, 08/10, noche) */
.v4-soc-pleg{background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;box-shadow:var(--sombra);transition:border-color .2s ease,box-shadow .2s ease}
.v4-soc-pleg[data-open="true"]{border-color:var(--marino);box-shadow:0 0 0 1px var(--marino),var(--sombra)}
.v4-soc-gbt{all:unset;box-sizing:border-box;display:grid;grid-template-columns:1fr 22px;gap:14px;align-items:center;width:100%;padding:12px 14px;cursor:pointer;border-radius:12px;color:var(--tinta)}
.v4-soc-gbt:hover{background:var(--suave)}
.v4-soc-gbt:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.v4-soc-gtxt{display:flex;flex-direction:column;gap:3px;min-width:0}
.v4-soc-gbt .v4-ens-gt{margin:0}
.v4-soc-gtxt small{font-size:13px;line-height:1.35;color:var(--gris)}
.v4-soc-gbt:hover .v4-ens-chev,.v4-soc-pleg[data-open="true"]>.v4-soc-gbt .v4-ens-chev{color:var(--azul)}
.v4-soc-pleg[data-open="true"]>.v4-soc-gbt .v4-ens-chev{transform:rotate(180deg);background:var(--azul-claro)}
.v4-soc-gcuerpo{min-height:0;overflow:hidden;padding:0 10px;border:0}
.v4-soc-gcuerpo::before{content:'';display:block;height:1px;background:var(--linea)}
.v4-soc-gcuerpo::after{content:'';display:block;height:10px}
.v4-soc-gcuerpo .v4-ens-cab{padding-top:12px}
.v4-soc-gcuerpo .v4-ens-fila{box-shadow:none}
/* M11, vida real y registros (Ramón, 08/10, noche): la pastilla del registro, con sigla y país */
.v4-reg .v4-soc-tile b{font-size:13px;letter-spacing:0}
.v4-reg .v4-soc-tile small{font-size:11px}
/* M12, biblioteca de referencias (Ramón, 08/10, noche): Vancouver, filtro por módulo, descarga en RIS */
.v4-bib-filtros{align-items:flex-end;padding-top:12px}
.v4-bib-filtros .v4-ens-sel{flex:1 1 320px;max-width:560px}
.v4-bib-ris{align-self:flex-end;white-space:nowrap}
.v4-bib-grupo{margin-bottom:14px}
.v4-bib-grupo[hidden]{display:none}
.v4-bib-n{color:var(--gris);font-weight:600}
.v4-bib-lista{margin:0;padding-left:28px;font-size:13.5px;line-height:1.45;color:var(--tinta)}
.v4-bib-it{padding:7px 0 7px 4px;border-top:1px solid var(--linea)}
.v4-bib-it[hidden]{display:none}
.v4-bib-it::marker{color:var(--gris);font-size:12px}
.v4-bib-ids{white-space:nowrap;font-size:12.5px}
.v4-bib-ids a,.em-app .v1 .v4-bib-ids a{color:var(--azul);font-weight:600;text-decoration:none}
.v4-bib-mods{margin-left:6px}
.v4-bib-mods i{display:inline-block;font-style:normal;font:700 10.5px/1 var(--letra);letter-spacing:.04em;padding:3px 6px;border-radius:6px;background:var(--azul-claro);color:var(--marino);margin-left:3px;vertical-align:middle;cursor:help}

/* ---------- móvil y escritorio ---------- */
@media (max-width:759px){
  .v4-hoja{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;max-height:85vh;border-radius:16px 16px 0 0}
  .em-app .em-tabs .em-in{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
  .v4-bt-mapa span{display:none}
  .v4-bt-mapa{padding:9px 10px}
  .v1 .barra .em-busca-w{flex-basis:100%;max-width:none}
  .v4-panel-cab h2{font-size:17px}
  /* en el móvil, la etiqueta de estado del módulo se quita de la cabecera para que el título tenga sitio */
  .em-app .em-mod>h3 button{grid-template-columns:1fr 28px}
  .em-app .em-mod .em-der .em-estado{display:none}
  .v1 .cab .eti a.v4-real{margin-left:0}
  /* recorrido por perfil en el móvil: lista desplegable (o botones deslizantes, para comparar) y cajones que se deslizan */
  .v1 .v4-perfil{padding:16px 16px 14px}
  .v4-perfil-cab b{font-size:17px}
  .v4-perfil-sel{display:flex;width:100%}
  .v4-perfil-sel select{flex:1;min-width:0}
  body:not(.v4-perfil-botones) .v1 .v4-perfil .em-chips{display:none}
  body.v4-perfil-botones .v4-perfil-sel{display:none}
  body.v4-perfil-botones .v1 .v4-perfil .em-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent)}
  .v4-cajones,.v4-seleccion{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 16px 8px 2px;margin:12px -16px 0 -2px;scrollbar-width:none}
  .v4-seleccion{margin-top:0;margin-left:-2px;margin-right:-14px}
  .v4-cajones::-webkit-scrollbar,.v4-seleccion::-webkit-scrollbar{display:none}
  .v4-cajon{flex:0 0 72%;scroll-snap-align:start;min-height:0}
  .v4-seleccion .v4-cajon{flex-basis:64%}
  .v4-caj-puntos{display:flex;justify-content:center;gap:6px;margin-top:2px}
  .v4-caj-pista{display:block;font-size:12px;color:var(--gris);text-align:center;margin-top:5px}
  /* la cabecera del destacado en el móvil: el texto al lado del icono, no debajo */
  .v1 .barra{padding:12px 14px;gap:8px 12px;align-items:flex-start}
  .v1 .barra .ico{margin-top:1px}
  .v1 .barra>div:not(.ico):not(.em-busca-w){flex:1 1 180px;min-width:0}
  .v1 .barra .ico{width:36px;height:36px}
  .v1 .barra b{font-size:15px;line-height:1.2}
  .v1 .barra small{display:block;font-size:12px;line-height:1.25;margin-top:2px}
  /* la fisiopatología por capas en el móvil: los pasos en columna y el detalle debajo del paso pulsado */
  .v4-fp-cadena{display:block}
  .v4-fp-paso{display:block;margin-top:12px}
  .v4-fp-paso:first-child{margin-top:0}
  .v4-fp-bt{min-height:0;padding:12px 14px;display:grid;grid-template-columns:30px 1fr;gap:2px 10px;align-items:center}
  .v4-fp-n{grid-row:1/3}
  .v4-fp-bt::after{right:auto;left:calc(50% - 5px);top:auto;bottom:-9px;transform:rotate(45deg)}
  .v4-fp-paso:nth-child(3) .v4-fp-bt::after{display:block}
  .v4-fp-paso:last-child .v4-fp-bt::after,.v4-fp-paso.on .v4-fp-bt::after{display:none}
  .v4-fp-det{grid-template-columns:1fr;gap:14px;padding:14px;margin-top:9px}
  .v4-fp-pie{grid-template-columns:1fr;padding:14px}
  /* los fármacos en el móvil: lista desplegable, ficha en una columna */
  .v4-fx-grupos{display:none}
  .v4-fx-lab,.v4-fx-select{display:block}
  .v4-fx-select{max-width:none;width:100%}
  .v4-fx-dl{grid-template-columns:1fr}
  .v4-fx-dl>div{grid-template-columns:1fr;gap:2px}
  .v4-fx-fcab b{font-size:19px}
  .v4-fx-ficha{padding:14px}
  .v4-fp-4 .v4-fp-paso:nth-child(3) .v4-fp-bt::after{display:block}
  .v4-fp-4 .v4-fp-paso.on .v4-fp-bt::after{display:none}
  /* el mapa de ensayos en el móvil: cada fila es una tarjeta con sus etiquetas */
  .v4-ens-cab{display:none}
  .v4-ens-bt{grid-template-columns:1fr;gap:7px;padding:12px 44px 12px 14px;position:relative}
  .v4-ens-bt .v4-ens-chev{position:absolute;right:12px;top:11px}
  .v4-ens-sel,.v4-ens-sel-fevi{flex-basis:100%;max-width:none}
  .v4-inv-cols{grid-template-columns:1fr}
  .v4-comp tbody th{width:auto;min-width:120px}
  .v4-m09 .v4-fx-dl>div{grid-template-columns:1fr}
  .v4-ens-c2::before,.v4-ens-c3::before,.v4-ens-c4::before{content:attr(data-eti);display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--gris)}
  .v4-ens-det{grid-template-columns:1fr;gap:12px}
  .v4-glosario{grid-template-columns:1fr}
  .v4-soc .v4-ens-bt{grid-template-columns:1fr}
  .v4-soc-tile{flex-direction:row;justify-content:flex-start;gap:8px;min-height:0;padding:6px 10px;align-self:start}
  .v4-soc .v4-ens-det{grid-template-columns:1fr}
  .v1 .barra .sp{display:none}
}
@media (min-width:760px){
  .v4-panel-int{padding:16px 20px 20px}
  .v4-panel .em-kpis.v4-kpis{grid-template-columns:repeat(3,1fr)}
  .v4-seleccion{grid-template-columns:repeat(3,1fr)}
  .v4-tres{grid-template-columns:repeat(3,1fr)}
  .v4-tres.v4-dos{grid-template-columns:1fr 1fr}
  .v4-caras{grid-template-columns:repeat(3,1fr)}
  .v4-hoja .em-mapa{grid-template-columns:repeat(2,1fr)}
  .v4-panel-cab .v4-resumen{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .v4-fp-paso.on .v4-fp-bt::before{bottom:-10px}
}
@media (min-width:1040px){
  .v4-hoja .em-mapa{grid-template-columns:repeat(3,1fr)}
  .v4-panel .em-kpis.v4-kpis{grid-template-columns:repeat(3,1fr)}
  .v4-seleccion{grid-template-columns:repeat(6,1fr)}
  .v4-fp-cadena{grid-template-columns:repeat(6,1fr)}
  .v4-fp-det{grid-row:2}
  .v4-fp-paso:nth-child(3) .v4-fp-bt::after{display:block}
}
@media print{.v4-ctrl,.v4-catalogo,.v4-bt-mapa,.v4-desp{display:none!important}}

/* M13, ¿es candidato mi paciente? (Ramón, 08/10, noche): «ponte a prueba», frases verdaderas y falsas sobre la ficha
   técnica y la guía, con la fuente literal al contestar; desplegable de fármaco como en el M04 */
.v4-cand-intro{margin:0 0 14px;font-size:14px;line-height:1.55;color:var(--tinta);max-width:860px}
.v4-cand-intro .v4-cand-fuente{vertical-align:1px;margin:0 2px}
.v4-cand-cab{display:grid;grid-template-columns:118px 1fr auto 22px;gap:14px;align-items:center;padding:11px 14px;border-radius:12px;position:relative}
.v4-cand-fuente{display:inline-flex;align-items:center;justify-content:center;font:700 10.5px/1.2 var(--letra);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:8px;background:var(--azul-claro);color:var(--marino);text-align:center}
.v4-cand-fuente.esc{background:color-mix(in srgb,var(--granate) 10%,#fff);color:var(--granate)}
.v4-cand-frase{margin:0;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:15.5px;line-height:1.35;color:var(--tinta)}
.v4-cand-bts{display:flex;gap:6px;flex-wrap:wrap}
.v4-cand-op{font:600 13px var(--letra);padding:6px 13px;border-radius:999px;border:1.5px solid var(--linea-f);background:var(--tarjeta);color:var(--tinta);cursor:pointer;line-height:1.2;transition:border-color .15s ease,color .15s ease,background .15s ease,opacity .2s ease}
.v4-cand-op:hover{border-color:var(--marino);color:var(--marino)}
.v4-cand-op:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.v4-cand-op:disabled{cursor:default}
.v4-cand-fila.done .v4-cand-op{opacity:.45}
.v4-cand-fila.done .v4-cand-op.es{opacity:1;background:var(--marino);border-color:var(--marino);color:#fff}
.v4-cand-fila.ko .v4-cand-op[aria-pressed="true"]:not(.es){opacity:1;background:#fff;border-color:var(--granate);color:var(--granate);text-decoration:line-through}
.v4-cand-fila .v4-ens-chev{visibility:hidden}
.v4-cand-fila.done .v4-ens-chev{visibility:visible}
.v4-cand-fila.done .v4-cand-cab{cursor:pointer}
.v4-cand-fila.done .v4-cand-cab:hover{background:var(--suave)}
.v4-cand-fila.done .v4-cand-cab:hover .v4-ens-chev{color:var(--azul)}
.v4-cand-fila.ko.on{border-color:var(--granate);box-shadow:0 0 0 1px var(--granate),var(--sombra)}
.v4-cand-det .v4-cand-ver{grid-column:1/-1;font-size:14.5px;line-height:1.5}
.v4-cand-ver b{color:var(--marino)}
.v4-cand-fila.ko .v4-cand-ver b{color:var(--granate)}
.v4-cand-det p+p{margin-top:6px}
.v4-cand-src,.v4-soc-gcuerpo .v4-cand-src{display:block;margin-top:6px;color:var(--gris);font-size:12px;line-height:1.4}
.em-app .v1 .v4-cand-src a{color:var(--azul);font-weight:600}
.v4-cand-res{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--tinta);min-height:1.2em}
.v4-cand-res b{color:var(--marino)}
.v4-cand-reset{font:600 13px var(--letra);padding:5px 12px;border-radius:999px;border:1.5px solid var(--linea-f);background:var(--tarjeta);color:var(--marino);cursor:pointer;margin-left:6px}
.v4-cand-reset:hover{border-color:var(--marino)}
.v4-cand-pleg[hidden]{display:none}
.v4-cand-dl{margin:12px 4px 0;display:flex;flex-direction:column;gap:10px}
.v4-cand-dl>div{display:grid;grid-template-columns:190px 1fr;gap:4px 18px}
.v4-cand-dl dt{font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate);padding-top:3px}
.v4-cand-dl dd{margin:0;font-size:14px;line-height:1.5;color:var(--tinta)}
body.v4-espacio-fx #v4-cand .v4-ens-sel{display:none}
@media (max-width:759px){
  .v4-cand-cab{grid-template-columns:1fr;gap:9px;padding-right:44px}
  .v4-cand-fuente{justify-self:start}
  .v4-cand-cab .v4-ens-chev{position:absolute;right:12px;top:11px}
  .v4-cand-dl>div{grid-template-columns:1fr}
}

/* M15, M18 y M17 (Ramón, 08/10, noche): manejo práctico (línea de tiempo), situaciones especiales (matriz) y seguridad */
.v4-man-cab{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:flex-start;justify-content:space-between;margin:4px 0 14px}
.v4-man-cab>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.v4-man-cab b{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:20px;line-height:1.2;color:var(--tinta)}
.v4-man-cab small{font-size:13px;line-height:1.4;color:var(--gris)}
.v4-man-fx[hidden],.v4-man-ent[hidden],.v4-seg-fx[hidden],.v4-seg-ent[hidden]{display:none}
.v4-man-fx>.v4-ens-gt{margin:2px 0 14px}
.v4-lt{position:relative;display:flex;flex-direction:column;gap:8px;margin:0 0 18px;padding-left:4px}
.v4-lt::before{content:'';position:absolute;left:21px;top:18px;bottom:18px;width:2px;background:var(--linea-f)}
.v4-lt-paso{position:relative;background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;box-shadow:var(--sombra);margin-left:36px}
.v4-lt-paso.on{border-color:var(--marino);box-shadow:0 0 0 1px var(--marino),var(--sombra)}
.v4-lt-bt{all:unset;box-sizing:border-box;display:grid;grid-template-columns:1fr 22px;gap:14px;align-items:center;width:100%;padding:11px 14px;cursor:pointer;border-radius:12px;color:var(--tinta)}
.v4-lt-bt:hover{background:var(--suave)}
.v4-lt-bt:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.v4-lt-n{position:absolute;left:-36px;top:11px;width:30px;height:30px;border-radius:50%;background:var(--marino);color:#fff;font:800 13px/30px var(--letra);text-align:center;box-shadow:0 0 0 3px var(--fondo,#fff)}
.v4-lt-paso.on .v4-lt-n{background:var(--azul)}
.v4-lt-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.v4-lt-t b{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:15.5px;line-height:1.25}
.v4-lt-paso.on .v4-lt-t b,.v4-lt-bt:hover .v4-lt-t b{color:var(--azul)}
.v4-lt-t small{font-size:12.5px;line-height:1.3;color:var(--gris)}
.v4-lt-paso.on>.v4-ens-pl{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}
.v4-lt-paso.on .v4-ens-chev{transform:rotate(180deg);color:var(--azul);background:var(--azul-claro)}
.v4-lt-det{grid-template-columns:1fr 1fr 1.2fr 1.2fr}
.v4-lt-det .v4-lt-piezas{grid-column:1/-1}
.v4-lt-det .v4-lt-piezas .v4-fp-piezas{flex-direction:row;flex-wrap:wrap;gap:8px 18px}
.v4-lt-det .v4-lt-piezas li{flex:1 1 220px}
.v4-qhs-bt{grid-template-columns:1fr 22px}
.v4-qhs-p{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:15px;line-height:1.3}
.v4-ens-fila.on .v4-qhs-p,.v4-qhs-bt:hover .v4-qhs-p{color:var(--azul)}
.v4-qhs-det{grid-template-columns:1fr}
.v4-qhs-det p{font-size:14px;line-height:1.5}
.v4-man-lista{list-style:none;margin:12px 4px 4px;padding:0;display:flex;flex-direction:column;gap:9px}
.v4-man-lista li{position:relative;padding-left:16px;font-size:14px;line-height:1.5;color:var(--tinta)}
.v4-man-lista li::before{content:'';position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--azul)}
.v4-man-pac li::before{background:var(--granate)}
.v4-man-pie{margin:12px 0 0;font-size:14px;color:var(--tinta)}
.em-app .v1 .v4-man-pie a,.em-app .v1 .v4-man-tabla a{color:var(--azul);font-weight:600}
.v4-man-tabla-env{overflow-x:auto;margin:0 0 14px;border:1px solid var(--linea);border-radius:12px;background:var(--tarjeta);box-shadow:var(--sombra)}
.v4-man-tabla{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.45}
.v4-man-tabla th,.v4-man-tabla td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linea)}
.v4-man-tabla thead th{font:700 10.5px/1.3 var(--letra);letter-spacing:.06em;text-transform:uppercase;color:var(--gris);background:var(--suave)}
.v4-man-tabla tbody th{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:15px;line-height:1.3;color:var(--tinta);min-width:150px;text-transform:none;letter-spacing:0}
.v4-man-tabla td a[data-man],.v4-man-tabla td a[data-seg]{white-space:nowrap}
.v4-man-tabla tbody tr:last-child th,.v4-man-tabla tbody tr:last-child td{border-bottom:0}
.v4-man-por{color:var(--gris);font-size:12.5px}
.v4-man-ent-det{margin:0;padding:14px;border:1px solid var(--linea);border-radius:12px;background:var(--tarjeta);grid-template-columns:1.2fr 1fr 1fr 1fr}
.v4-man-ent-det::before{display:none}
.v4-sit-que{margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--tinta);max-width:900px}
.v4-sit .v4-ens-cab,.v4-sit .v4-ens-bt,.v4-man-sit .v4-ens-cab,.v4-man-sit .v4-ens-bt{grid-template-columns:150px 1.3fr 1.3fr 1fr 22px}
.v4-sit .v4-ens-det,.v4-man-sit .v4-ens-det{grid-template-columns:1.3fr 1.3fr 1fr 1fr}
.v4-sit .v4-soc-tile b,.v4-man-sit .v4-soc-tile b{font-size:13px;letter-spacing:0}
.v4-sit .v4-soc-tile small,.v4-man-sit .v4-soc-tile small{font-size:10.5px;opacity:.8}
.v4-sit-g>.v4-ens-cab{padding-top:10px}
.v4-sit-hueco .card{margin-top:6px}
.v4-seg-tri{display:inline-flex;align-items:center;gap:6px;align-self:center;font:700 11px/1.2 var(--letra);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:8px;background:#1b1b1b;color:#fff}
.v4-seg-tri-min{color:#1b1b1b;font-size:12px}
.v4-seg-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 12px}
.v4-seg-col{background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;padding:12px 14px;box-shadow:var(--sombra)}
.v4-seg-col h4{margin:0 0 8px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--marino)}
.v4-seg-parar h4{color:var(--granate)}
.v4-seg-parar{border-color:color-mix(in srgb,var(--granate) 35%,var(--linea))}
.v4-seg-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.v4-seg-lista li{display:grid;grid-template-columns:1fr;gap:2px;padding:8px 10px;border-radius:8px;background:var(--suave);font-size:13.5px;line-height:1.4}
.v4-seg-lista b{font-weight:700;color:var(--tinta)}
.v4-seg-lista small{color:var(--gris);font-size:12px}
.v4-seg-lista span{color:var(--tinta)}
.v4-seg-frec{margin:0 0 4px;font-size:13.5px;line-height:1.5;color:var(--tinta)}
.v4-seg-notasfx{margin:12px 0 4px}
.v4-seg-notasfx h4,.v4-seg-notif h4{margin:0 0 6px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-seg-sin{margin:0;font-size:13px;color:var(--gris)}
.v4-seg-notif-det{margin:12px 0 4px;grid-template-columns:1fr 1fr 1.2fr 1fr}
.v4-seg-notif-det::before{display:none}
.v4-seg-pleg{margin-top:14px}
.v4-seg-disp{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--tinta)}
.v4-seg-tabla tbody th{min-width:140px}
body.v4-espacio-fx #v4-man .v4-ens-sel,body.v4-espacio-fx #v4-seg .v4-ens-sel{display:none}
body.v4-espacio-fx #v4-sit .v4-soc-fila:not([data-fx="dapagliflozina"]){display:none}
body.v4-espacio-fx #v4-sit.v4-todos .v4-soc-fila{display:block}
@media (max-width:759px){
  .v4-lt-det,.v4-man-ent-det,.v4-seg-notif-det{grid-template-columns:1fr}
  .v4-seg-cols{grid-template-columns:1fr}
  .v4-sit .v4-ens-bt,.v4-man-sit .v4-ens-bt{grid-template-columns:1fr}
  .v4-sit .v4-ens-det,.v4-man-sit .v4-ens-det{grid-template-columns:1fr}
  .v4-man-cab b{font-size:18px}
  .v4-man-tabla{font-size:13px}
}

/* M14, acceso en España (Ramón, 08/10, noche, cierre): maqueta sobre el método de PROPUESTA-M14-ACCESO; mapa de cuadrículas por comunidades */
.v4-acc-fx[hidden],.v4-acc-ent[hidden]{display:none}
.v4-acc-capa{margin:18px 0 0}
.v4-acc-capa>.v4-ens-gt{margin:16px 0 10px}
.em-app h3.v4-acc-gt,.v4-acc-gt{margin:30px 0 12px} /* Ramón, 08/10 y 09/10: «queda muy apretado» la línea «los nueve fármacos, de un vistazo»; la regla general de la plantilla (.em-app h3, margen 0) gana a una clase sola y había que ganarle */
.v4-acc .v4-ens-cab,.v4-acc .v4-ens-bt{grid-template-columns:132px 1.5fr 1.3fr 1fr 22px}
.v4-acc .v4-ens-det.v4-acc-det{grid-template-columns:1.4fr 1.4fr 1fr}
.v4-acc-cita{margin:4px 0 0;padding:8px 12px;border-left:3px solid var(--marino);background:var(--suave);font-size:13.5px;line-height:1.5;color:var(--tinta)}
.v4-acc-consulta{margin:8px 0 0;font-size:12.5px;color:var(--gris)}
.v4-acc-pend{display:inline-block;font:700 10.5px/1.2 var(--letra);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:var(--suave);color:var(--gris);border:1px dashed var(--linea-f);vertical-align:1px}
.v4-acc-fin{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:var(--tinta)}
.v4-acc-pendfila{margin:8px 0 0;padding:10px 14px;border:1.5px dashed var(--linea-f);border-radius:12px;font-size:13.5px;line-height:1.5;color:var(--gris)}
.v4-acc-pendfila b{color:var(--tinta)}
.v4-acc-mapa{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(52px,auto);gap:6px;margin:0 0 12px;max-width:780px}
.v4-acc-tile{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;border-radius:9px;background:var(--marino);color:#fff;text-align:center;font:700 12.5px/1.15 var(--letra);min-height:52px;grid-column:var(--c)/span var(--s,1);grid-row:var(--r)}
.v4-acc-tile small{font:600 9.5px/1.1 var(--letra);opacity:.85;letter-spacing:.05em;text-transform:uppercase}
.v4-acc-tile.pend{background:var(--suave);color:var(--gris);border:1.5px dashed var(--linea-f)}
button.v4-acc-tile{cursor:pointer}
button.v4-acc-tile:hover,button.v4-acc-tile.sel{background:var(--azul)}
button.v4-acc-tile:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.v4-acc-leyenda{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 10px;font-size:12.5px;color:var(--gris)}
.v4-acc-leyenda span::before{content:'';display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin-right:6px;background:var(--marino)}
.v4-acc-leyenda span.pend::before{background:var(--suave);border:1.5px dashed var(--linea-f);box-sizing:border-box}
.v4-acc-pie{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--gris)}
.v4-acc-tabla tbody th{min-width:140px}
.v4-acc-disp{margin-top:14px}
body.v4-espacio-fx #v4-acc .v4-ens-sel{display:none}
@media (max-width:759px){
  .v4-acc-mapa{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}
  .v4-acc-tile{grid-column:auto;grid-row:auto;min-height:44px}
  .v4-acc .v4-ens-bt{grid-template-columns:1fr}
  .v4-acc .v4-ens-det.v4-acc-det{grid-template-columns:1fr}
}

/* M19, preguntas de la consulta (Ramón, 08/10, noche, cierre: «adelante, todo perfecto»): filas por capas con la demanda medida */
.v4-pre-lista{display:flex;flex-direction:column;gap:10px}
.v4-pre-fila[hidden]{display:none}
.v4-pre-bt{grid-template-columns:1fr auto 22px}
.v4-pre-q{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:16px;line-height:1.3;color:var(--tinta)}
.v4-ens-fila.on .v4-pre-q,.v4-pre-bt:hover .v4-pre-q{color:var(--azul)}
.v4-pre-fila.pend .v4-pre-q{color:var(--gris);font-weight:500}
.v4-pre-meta{font-size:12.5px;color:var(--gris);white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.v4-pre-det{grid-template-columns:1.2fr 1fr 1fr}
.v4-pre-resp{grid-column:1/-1;padding:12px 14px;border-left:3px solid var(--marino);background:var(--suave);border-radius:0 10px 10px 0}
.v4-pre-resp p{font-size:15px;line-height:1.55;color:var(--tinta)}
.v4-pre-resp.v4-pre-pend{border-left-color:var(--linea-f);border-left-style:dashed}
.v4-pre-resp.v4-pre-pend p{font-size:14px;color:var(--gris)}
.v4-pre-firma{margin:8px 0 0;font-size:12.5px;color:var(--gris)}
.v4-pre-resp p.v4-pre-firma{font-size:12.5px;color:var(--gris)}
.v4-pre-det>div>p{font-size:14px;line-height:1.5}
body.v4-espacio-fx #v4-pre .v4-ens-sel{display:none}
@media (max-width:759px){
  .v4-pre-bt{grid-template-columns:1fr}
  .v4-pre-meta{white-space:normal}
  .v4-pre-det{grid-template-columns:1fr}
}

/* M14, retoque (Ramón, 08/10, noche: «queda muy apretado»): las capas del acceso llevan textos largos y las tres columnas dejaban la primera altísima y las otras vacías; ahora dos filas de dos (qué pasa | cómo se ve; quién decide | para profundizar) */
.v4-acc .v4-fp-det{grid-template-columns:1.05fr 1fr}
@media (max-width:759px){.v4-acc .v4-fp-det{grid-template-columns:1fr}}

/* M20, la guía interactiva en CardioApp (Ramón, 08/10, noche: «me fío al 100% de ti»): a la derecha, un recorrido de pantallas reales que pasan solas, con puntos y pausa; a la izquierda, el texto y el botón */
.v1 .dos.v4-gi{grid-template-columns:1fr 1.2fr}
.v4-gi-txt h4{margin:14px 0 6px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-gi-txt ul{margin:0 0 16px;padding-left:18px;font-size:14.5px;line-height:1.5;color:var(--tinta)}
.v4-gi-txt li{margin:0 0 6px}
.v4-gi-otras{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--linea)}
.v4-gi-otras-t{display:block;margin:0 0 8px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-gi-otras-l{display:flex;flex-wrap:wrap;gap:6px 8px}
.em-app .v1 .v4-gi-otras-l a{display:inline-block;padding:8px 13px;border:1px solid transparent;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--marino);text-decoration:none;background:var(--azul-claro)} /* Ramón, 09/10: «tipo botón cuadrado, esquinas redondeadas un poco, con otro fondo, primera letra en mayúscula» */
.em-app .v1 .v4-gi-otras-l a:hover{background:var(--marino);color:#fff}
.v1 .pantalla.v4-gi-rec{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:20px}
.v4-gi-marco{display:grid}
.v4-gi-f{grid-area:1/1;display:block;opacity:0;transition:opacity .9s ease;text-decoration:none;color:#fff}
.v4-gi-f.on{opacity:1;z-index:1}
.v4-gi-f img{display:block;width:100%;height:auto;aspect-ratio:1600/1078;object-fit:cover;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.v4-gi-f:hover img{outline:2px solid rgba(255,255,255,.65)}
.v4-gi-cap{display:flex;gap:10px;align-items:flex-start;margin-top:10px;font-size:14px;line-height:1.45;color:#fff}
.v4-gi-cap b{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--marino);font:800 12px/1 var(--letra)}
.v4-gi-ctl{display:flex;align-items:center;gap:8px}
.v4-gi-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer}
.v4-gi-dot.on{background:#fff}
.v4-gi-dot:focus-visible,.v4-gi-play:focus-visible{outline:2px solid #fff;outline-offset:2px}
.v4-gi-play{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:6px;padding:3px 9px;cursor:pointer;font:inherit;font-size:11px;line-height:1.4}
.v1 .dos p.v4-gi-pie{margin:0;color:rgba(255,255,255,.72);font-size:12.5px;line-height:1.45}
@media (max-width:759px){.v1 .dos.v4-gi{grid-template-columns:1fr}}
/* Ramón, 09/10: «un poco más lenta» (5 s), «las 4 guías algo más visibles» (botones) y menos hueco entre el pie y los puntos (los seis marcos comparten celda y el pie ya no reserva altura) */

/* M21 apagado: la tarjeta con las entradas de la guía */
.v4-alg-bt{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}

/* M23, calendario de titulación y seguimiento (Ramón, 09/10: «adelante con todo lo recomendado»): plantilla a la izquierda, hoja a la derecha */
/* Ramón, 09/10: la plantilla en horizontal arriba y la hoja a todo lo ancho debajo («en dos columnas todo queda más estrecho y apretado») */
.v1 .card.v4-cal{display:block}
.v4-cal-form{display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:12px 20px;align-items:start;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--linea)}
.v4-cal-form>.v4-fx-h3,.v4-cal-form>.v4-cal-pilares,.v4-cal-form>.v4-cal-aviso{grid-column:1/-1}
.v4-cal-form>.v4-fx-h3{margin:0}
.v4-cal-campo{display:flex;flex-direction:column;gap:4px}
.v4-cal-campo label,.v4-cal-pilares th{font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-cal-fecha{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--linea-f);border-radius:8px;background:var(--tarjeta);color:var(--tinta)}
.v4-cal-pilares{width:100%;border-collapse:collapse;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.v4-cal-pilares thead{display:none}
.v4-cal-pilares tbody{display:contents}
.v4-cal-pilares tr{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;background:var(--suave)}
.v4-cal-pilares th,.v4-cal-pilares td{padding:0;text-align:left}
.v4-cal-pilares tbody th{font:600 13px/1.3 var(--letra);letter-spacing:0;text-transform:none;color:var(--tinta);min-height:34px}
.v4-cal-pilares .v4-ens-select{font-size:13px;padding:6px 26px 6px 8px;background-size:13px;background-position:right 7px center}
#v4-cal-modo{font-size:14px}
.v4-cal-leyenda{margin-top:10px;font-size:12px;line-height:1.45;color:var(--gris)}
.v4-cal-leyenda p{margin:0 0 4px}
.v4-cal-extras{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--tinta);padding-top:20px}
.v4-cal-extras label{display:flex;gap:8px;align-items:flex-start;line-height:1.4}
.v4-cal-aviso{margin:0;font-size:12.5px;line-height:1.45;color:var(--gris)}
.v4-cal-salida{min-width:0}
.v4-cal-tabs{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.v4-cal-tab{font:inherit;font-size:13.5px;font-weight:600;padding:7px 12px;border:1px solid var(--linea-f);border-radius:8px;background:var(--tarjeta);color:var(--marino);cursor:pointer}
.v4-cal-tab.on{background:var(--marino);border-color:var(--marino);color:#fff}
.v4-cal-sp{flex:1}
.v4-cal-imprime{font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border:1px solid var(--marino);border-radius:8px;background:var(--azul-claro);color:var(--marino);cursor:pointer}
.v4-cal-hoja{display:none}
.v4-cal-hoja.on{display:block}
.v4-cal-cab{display:flex;flex-direction:column;gap:4px;margin:0 0 10px}
.v4-cal-cab b{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:18px;color:var(--tinta)}
.v4-cal-cab span{font-size:13.5px;line-height:1.45;color:var(--gris)}
.v4-cal-tabla td,.v4-cal-tabla tbody th{font-size:13.5px;line-height:1.45;vertical-align:top}
.v4-cal-tabla tbody th{min-width:120px}
.v4-cal-tabla tbody th small{display:block;font-weight:400;color:var(--gris);font-size:12px}
.v4-cal-tabla ul{margin:0;padding-left:16px}
.v4-cal-tabla li{margin:0 0 3px}
.v4-cal-tabla td.v4-cal-fuente{font-size:12px;line-height:1.4;color:var(--gris);max-width:230px}
.v4-cal-tabla td.v4-cal-nada{color:var(--gris);font-style:italic}
.v4-cal-tabla tr.v4-cal-sep th,.v4-cal-tabla tr.v4-cal-sep td{border-top:2px solid var(--marino)}
.v4-cal-firma{margin:10px 0 0;font-size:12px;color:var(--gris)}
@media (max-width:959px){.v4-cal-pilares{grid-template-columns:repeat(2,1fr)}}
@media (max-width:759px){.v4-cal-form{grid-template-columns:1fr}.v4-cal-pilares{grid-template-columns:1fr}.v4-cal-extras{padding-top:0}}
@media print{
  body.v4-cal-print *{visibility:hidden}
  body.v4-cal-print .v4-cal-hoja.on,body.v4-cal-print .v4-cal-hoja.on *{visibility:visible}
  body.v4-cal-print .v4-cal-hoja.on{position:absolute;left:0;top:0;width:100%;padding:12mm}
  body.v4-cal-print .v4-man-tabla-env{overflow:visible}
  /* cambio maestro 13 (15/10/2026): la hoja que imprime el botón genérico (data-imprime-hoja). Se quita de la impresión todo lo que no es la
     hoja ni la contiene (así no salen páginas en blanco detrás) y la hoja va más compacta: la tabla en la primera página y lo que va debajo de
     la tabla, en la segunda. La impresión del calendario de IC (body.v4-cal-print, sin v4-hoja-print) no cambia */
  body.v4-hoja-print *:not(:has(.v4-cal-hoja.on)):not(.v4-cal-hoja.on):not(.v4-cal-hoja.on *){display:none}
  body.v4-hoja-print .v4-cal-hoja.on{padding:0}
  body.v4-hoja-print .v4-cal-hoja.on th,body.v4-hoja-print .v4-cal-hoja.on td{padding:2px 6px;font-size:9pt;line-height:1.15}
  body.v4-hoja-print .v4-cal-hoja.on tbody tr{break-inside:avoid}
  body.v4-hoja-print .v4-cal-hoja.on .v4-fx-extra{break-before:page}
}

/* M25 a M28, formación (Ramón, 09/10: «sí a todo lo recomendado, adelante con todo») */
/* M26, la serie de píldoras */
.v4-pil-barra{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 12px}
.v4-pil-barra label{display:flex;align-items:center;gap:10px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-pil-barra .v4-ens-select{width:auto;min-width:260px;font-size:14px;padding:8px 36px 8px 12px}
.v4-pil-prog{margin-left:auto;font-size:13px;color:var(--gris)}
.v4-pil-cuenta{margin:0 0 12px}
.v1 .card.form.v4-pil-c{position:relative;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:150px}
.v1 .card.form.v4-pil-c[hidden]{display:none}
.v4-pil-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--azul-claro);color:var(--azul);font:800 13px/1 var(--letra)}
.v4-pil-c.leida{border-color:var(--marino)}
.v4-pil-c.leida .v4-pil-n{background:var(--marino);color:#fff}
.em-app .v1 .v4-pil-c h3 a{color:var(--tinta);text-decoration:none}
.em-app .v1 .v4-pil-c h3 a:hover{color:var(--azul)}
.v1 .v4-pil-c .f{display:flex;align-items:center;justify-content:space-between;gap:8px;text-transform:none;letter-spacing:0}
.v1 .v4-pil-c .f label{display:flex;gap:6px;align-items:center;cursor:pointer;font-weight:600;font-size:12.5px;color:var(--gris)}
.em-app .v1 .v4-pil-esc{font-size:12.5px;font-weight:600;color:var(--azul);text-decoration:none}
/* M28, casos */
.v4-cas-intro{margin:0 0 12px;font-size:14.5px;line-height:1.5;color:var(--gris)}
.v1 .card.form.v4-cas-c{padding:16px;display:flex;flex-direction:column;gap:8px}
.v4-cas-eti{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--suave);color:var(--gris);border:1px dashed var(--linea-f)}
.v1 .card.v4-cas-motor{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin:16px 0;align-items:start}
.v4-cas-img{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v4-cas-img img{display:block;width:100%;height:auto;border:1px solid var(--linea);border-radius:10px;background:#fff}
.v4-cas-txt h3{margin:0 0 8px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:18px}
.v4-cas-txt ul{margin:0 0 14px;padding-left:18px;font-size:14.5px;line-height:1.5;color:var(--tinta)}
.v4-cas-txt li{margin:0 0 5px}
.v4-cas-pie{margin:10px 0 0;font-size:12.5px;color:var(--gris)}
.v4-cas-cl{margin:0;padding-left:18px;font-size:14px;line-height:1.5}
.v4-cas-cl li{margin:0 0 5px}
/* M27, sesiones en directo */
.v4-dir-cab{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--linea)}
.v4-dir-chips{margin-left:auto;display:flex;align-items:center;gap:6px}
.v4-dir-chips-t{font-size:12px;color:var(--gris);margin-right:4px}
.v4-dir-chips button{font:inherit;font-size:12.5px;font-weight:600;padding:5px 10px;border:1px solid var(--linea-f);border-radius:999px;background:var(--tarjeta);color:var(--marino);cursor:pointer}
.v4-dir-chips button.on{background:var(--marino);border-color:var(--marino);color:#fff}
.v4-dir-cuerpo{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;padding:18px}
.v4-dir-info{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start}
.v1 .v4-dir-info b.t{display:block;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:18px;line-height:1.3;margin-bottom:4px}
.v1 .v4-dir-info>div>span{display:block;font-size:13.5px;color:var(--gris);line-height:1.45}
.v4-dir-cuenta{margin:10px 0;font:700 15px/1.3 var(--letra);color:var(--marino)}
.v4-dir-bt{display:flex;flex-wrap:wrap;gap:8px}
.v1 .v4-dir-bt .btn{padding:9px 14px;font-size:14px}
.v4-dir-insc-ok{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--marino)}
.v4-dir-marco{aspect-ratio:16/9;border-radius:10px;background:var(--marino-osc);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center}
.v4-dir-badge{font:800 11px/1 var(--letra);letter-spacing:.1em;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.15)}
.v4-dir-badge.vivo{background:#c62828}
.v4-dir-ptit{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-size:18px;font-weight:600;line-height:1.3}
.v4-dir-psub{font-size:13px;line-height:1.45;opacity:.8;max-width:440px}
.v4-dir-preg{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.v4-dir-preg[hidden]{display:none}
.v4-dir-preg label{font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-dir-preg textarea{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--linea-f);border-radius:8px;resize:vertical}
.v4-dir-preg .btn{align-self:flex-start}
.v4-dir-como{margin:14px 0 14px;font-size:14px;line-height:1.5;color:var(--gris)}
.v4-dir .v4-soc-gcuerpo .evento{padding:10px 4px}
.v4-dir-fecha-g{background:var(--suave);color:var(--gris)}
.em-app .v1 .v4-dir .evento b.t a{color:var(--tinta);text-decoration:none}
.em-app .v1 .v4-dir .evento b.t a:hover{color:var(--azul)}
/* M25, el curso */
.v4-cur-bt{display:flex;flex-wrap:wrap;gap:8px}
.v1 .v4-cur .modulo{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.35}
.em-app .v1 .v4-cur .modulo a{color:var(--tinta);text-decoration:none}
.em-app .v1 .v4-cur .modulo a:hover{color:var(--azul)}
.v4-cur-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.v4-cur-paso{padding:14px;border:1px solid var(--linea);border-radius:10px;background:var(--tarjeta)}
.v4-cur-paso b{display:block;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:16px;margin-bottom:4px}
.v4-cur-paso p{margin:0;font-size:13.5px;line-height:1.45;color:var(--gris)}
@media (max-width:959px){.v1 .card.v4-cas-motor,.v4-dir-cuerpo{grid-template-columns:1fr}.v4-cur-pasos{grid-template-columns:1fr}}
@media (max-width:759px){.v4-pil-barra .v4-ens-select{min-width:0;width:100%}.v4-pil-barra label{flex-direction:column;align-items:stretch}.v4-pil-prog{margin-left:0}.v4-dir-chips{margin-left:0}}

/* M29 a M36, lo que queda de formación (Ramón, 09/10: «sí a todo lo que propones») */
/* M29, el test de entrada */
.v1 .card.demo.v4-qz{padding:18px 20px}
.v4-qz-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-bottom:10px}
.v1 .v4-qz-cab .migas{margin:0}
.v4-qz-prog{display:flex;gap:4px}
.v4-qz-prog i{display:block;width:18px;height:6px;border-radius:3px;background:var(--linea)}
.v4-qz-prog i.cur{background:var(--marino)}
.v4-qz-prog i.ok{background:var(--ok)}
.v4-qz-prog i.ko{background:var(--teja)}
.v1 .v4-qz .preg{font-weight:700;font-size:16px;margin:4px 0 12px;line-height:1.45}
.v1 .v4-qz .opcs{flex-direction:column;align-items:stretch}
.v1 .v4-qz .opc{text-align:left;padding:10px 14px;line-height:1.35}
.v1 .v4-qz .opc[disabled]{cursor:default}
.v1 .v4-qz .fb{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--suave);color:var(--tinta)}
.v1 .v4-qz .fb[hidden]{display:none}
.v4-qz-fb p{margin:0 0 6px;font-size:14px;line-height:1.5}
.v4-qz-res{font-weight:700}
.v4-qz-res.ok{color:var(--ok)}
.v4-qz-res.ko{color:var(--teja)}
.v4-qz-f{font-size:12.5px;color:var(--gris)}
.v4-qz-mod a{font-weight:600;color:var(--azul)}
.v4-qz-bt{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.v1 .v4-qz-bt [hidden]{display:none}
.v4-qz-fin[hidden]{display:none}
.v1 .v4-qz-fin h3{margin:14px 0 6px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:20px}
.v4-qz-fin-t{margin:0 0 8px;font-size:14px;color:var(--gris)}
.v4-qz-ruta{margin:0;padding-left:20px;font-size:14px;line-height:1.5}
.v4-qz-ruta li{margin:0 0 4px}
/* M35, el itinerario */
.v1 .card.pad.v4-res-cab{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.v1 .v4-res-cab h3{margin:0 0 6px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:18px}
.v4-res-cab p{margin:0;font-size:14px;line-height:1.5;color:var(--gris)}
.v4-res-av{min-width:200px;font:700 14px/1.3 var(--letra);color:var(--marino)}
.v4-res-av b{font-size:22px}
.v4-res-bar{display:block;height:8px;border-radius:4px;background:var(--linea);margin-top:6px;overflow:hidden}
.v4-res-bar i{display:block;height:100%;width:0;background:var(--marino);transition:width .3s}
.v4-res-pasos{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.v4-res-paso{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--linea);border-radius:12px;background:var(--tarjeta)}
.v4-res-paso.hecho{border-color:var(--marino)}
.v4-res-num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--azul-claro);color:var(--azul);font:800 15px/1 var(--letra)}
.v4-res-paso.hecho .v4-res-num{background:var(--marino);color:#fff}
.v1 .v4-res-cuerpo h3{margin:4px 0 4px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:17px}
.v4-res-que{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--tinta)}
.v4-res-tres{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v4-res-tres>div{font-size:13px;line-height:1.45}
.v4-res-tres b{display:block;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate);margin-bottom:3px}
.em-app .v1 .v4-res-tres a{display:block;color:var(--azul);font-weight:600;text-decoration:none;margin:0 0 3px}
.em-app .v1 .v4-res-tres a:hover{text-decoration:underline}
.v4-res-chk{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--gris);cursor:pointer;white-space:nowrap}
.v1 .card.pad.v4-res-conc{margin-top:14px}
.v1 .v4-res-conc h3{margin:6px 0 6px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:18px}
.v4-res-conc p{margin:0 0 10px;font-size:14px;line-height:1.5}
/* M36, enfermería */
.v4-enf{display:grid;gap:10px}
.v4-enf-pasos{margin:0}
.v4-enf-paso{padding:12px 14px;border:1px solid var(--linea);border-radius:10px;background:var(--tarjeta);font-size:13.5px;line-height:1.5}
.v4-enf-paso>b{display:block;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:16px;margin-bottom:6px}
.v4-enf-paso ul{margin:0 0 8px;padding-left:18px}
.v4-enf-paso li{margin:0 0 4px}
.v4-enf-f{display:block;font-size:12px;color:var(--gris);font-style:italic}
.v4-enf-paso .v4-pil-esc{display:inline-block;margin-top:6px}
.v4-enf-herr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-size:14px}
.v1 .v4-enf-herr .btn{padding:7px 12px;font-size:13px}
.v4-enf-nota{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--gris)}
.v4-enf-lista-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.v4-enf-lista-cab p{margin:0;font-size:14px;line-height:1.5;color:var(--gris);max-width:720px}
.v4-enf-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 14px}
.v4-enf-lista label{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:start;padding:8px 10px;border:1px solid var(--linea);border-radius:8px;cursor:pointer;font-size:13.5px;line-height:1.4}
.v4-enf-lista input{margin:3px 0 0}
.v4-enf-lista b{font-weight:700}
.v4-enf-lista span{grid-column:2;color:var(--gris);font-size:12.5px}
.v4-enf-lista label:has(input:checked){border-color:var(--marino);background:var(--suave)}
.v4-enf-como{margin-top:14px;font-size:13.5px;line-height:1.5}
.v1 .v4-enf-como h4{margin:0 0 6px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.v4-enf-como ul{margin:0 0 6px;padding-left:18px}
/* M33, CardioAudio */
.v1 .card.v4-pod{display:block;padding:18px 20px}
.v4-pod-cab{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start;padding-bottom:14px;border-bottom:1px solid var(--linea)}
.v1 .v4-pod-cab h3{margin:0 0 6px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:20px}
.v4-pod-cab p{margin:0;font-size:14px;line-height:1.5;color:var(--gris)}
.v4-pod-player{padding:14px;border-radius:12px;background:var(--marino-osc);color:#fff}
.v4-pod-player audio{width:100%;display:block}
.v4-pod-now{margin:8px 0 10px;font-size:13.5px;line-height:1.4;opacity:.9}
.v4-pod-bt{display:flex;flex-wrap:wrap;gap:8px}
.v1 .v4-pod-bt .btn{padding:8px 13px;font-size:13.5px}
.v1 .v4-pod-bt .btn.s{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}
.v1 .v4-pod-bt .btn small{font-weight:400;opacity:.8;margin-left:4px}
.v4-pod-lista{list-style:none;margin:0;padding:0;display:grid}
.v4-pod-ep{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:10px 6px;border-bottom:1px solid var(--linea)}
.v4-pod-ep b{display:block;font-size:14.5px;line-height:1.35}
.v4-pod-ep>div>span{display:block;font-size:12.5px;color:var(--gris)}
.v4-pod-ep .v4-pod-dur{display:inline}
.v4-pod-ep.on{background:var(--suave)}
.v4-pod-ep.on b{color:var(--azul)}
.v4-pod-play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--linea-f);background:var(--tarjeta);color:var(--marino);cursor:pointer;padding:0}
.v4-pod-play svg{width:16px;height:16px}
.v4-pod-ep.on .v4-pod-play{background:var(--marino);border-color:var(--marino);color:#fff}
.v4-pod-play.off{cursor:default;color:var(--gris);background:var(--suave)}
.v4-pod-pie{margin-top:16px}
.v1 .v4-pod-pie h3{margin:6px 0 6px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:17px}
.v4-pod-pie p{margin:0 0 10px;font-size:14px;line-height:1.5}
/* M34, la videoteca */
.v4-vid-marco{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:14px;padding:14px;border-radius:12px;background:var(--marino-osc);color:#fff}
.v4-vid-marco[hidden]{display:none}
.v4-vid-frame{aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.v4-vid-frame iframe{width:100%;height:100%;border:0;display:block}
.v4-vid-info b{display:block;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-size:18px;font-weight:600;line-height:1.3;margin-bottom:6px}
.v4-vid-info span{display:block;font-size:13px;opacity:.85;margin-bottom:10px}
.v1 .v4-vid-info .btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}
.v1 .card.form.v4-vid-c{padding:0;overflow:hidden;display:flex;flex-direction:column;gap:0}
.v1 .card.form.v4-vid-c[hidden]{display:none}
.v4-vid-th{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:var(--marino-osc);cursor:pointer;overflow:hidden}
.v4-vid-th img{display:block;width:100%;height:100%;object-fit:cover}
.v4-vid-th.sin img{display:none}
.v4-vid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--marino)}
.v4-vid-play svg{width:18px;height:18px}
.v4-vid-th:hover .v4-vid-play{background:#fff}
.v1 .v4-vid-c h3{margin:10px 14px 4px;font-size:15px;line-height:1.35;font-weight:600}
.em-app .v1 .v4-vid-c h3 a{color:var(--tinta);text-decoration:none}
.em-app .v1 .v4-vid-c h3 a:hover{color:var(--azul)}
.v1 .v4-vid-c p{margin:0 14px 12px;font-size:12.5px;color:var(--gris)}
.v4-vid-pie{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--gris)}
.v4-dir-grab{margin:0;font-size:14px;line-height:1.5;color:var(--gris)}
/* M30, el atlas */
.v4-atl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.v4-atl-tabs button{font:600 14px var(--letra);padding:8px 14px;border:1px solid var(--linea-f);border-radius:8px;background:var(--tarjeta);color:var(--marino);cursor:pointer}
.v4-atl-tabs button small{font-weight:400;color:var(--gris);margin-left:4px}
.v4-atl-tabs button.on{background:var(--marino);border-color:var(--marino);color:#fff}
.v4-atl-tabs button.on small{color:#fff;opacity:.8}
.v4-atl-panel[hidden]{display:none}
.v4-atl-intro{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--gris)}
.v4-atl-mirar{margin:0;padding-left:18px;font-size:14px;line-height:1.5}
.v4-atl-mirar li{margin:0 0 6px}
.v4-atl-lista{margin-top:14px}
.v1 .card.v4-atl-c{display:flex;flex-direction:column;padding:0;overflow:hidden}
.v4-atl-img{position:relative;display:block;aspect-ratio:4/3;background:var(--suave);overflow:hidden}
.v4-atl-img img{display:block;width:100%;height:100%;object-fit:cover}
.v4-atl-img.sin img{display:none}
.v4-atl-sin{display:none;position:absolute;inset:0;place-items:center;font-size:12.5px;color:var(--gris)}
.v4-atl-img.sin .v4-atl-sin{display:grid}
.v1 .v4-atl-c h3{margin:10px 12px 4px;font-size:14px;line-height:1.35;font-weight:600}
.em-app .v1 .v4-atl-c h3 a{color:var(--tinta);text-decoration:none}
.em-app .v1 .v4-atl-c h3 a:hover{color:var(--azul)}
.v1 .v4-atl-c p{margin:0 12px 12px;font-size:12px;color:var(--gris)}
.v1 .v4-atl-ver{margin-top:12px}
/* M32, aula práctica (apagado) */
.v4-tal-ficha{margin:14px 0;padding:16px;border:1px dashed var(--linea-f);border-radius:12px;background:var(--suave)}
.v1 .v4-tal-ficha h3{margin:6px 0 6px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:18px}
.v4-tal-ficha p{margin:0 0 10px;font-size:14px;line-height:1.5}
.v4-tal-datos{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 12px;font-size:13.5px}
.v4-tal-datos dt{font-weight:700;color:var(--marino)}
.v4-tal-datos dd{margin:0;color:var(--gris)}
.v4-tal-tres{margin:0}
.v4-tal-nota{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--gris)}
@media (max-width:959px){.v4-pod-cab,.v4-vid-marco,.v1 .card.pad.v4-res-cab{grid-template-columns:1fr}.v4-res-tres{grid-template-columns:1fr}.v4-enf-lista{grid-template-columns:1fr}}
@media (max-width:759px){.v4-res-paso{grid-template-columns:34px 1fr}.v4-res-chk{grid-column:2}.v4-pod-ep{grid-template-columns:36px 1fr}.v4-pod-ep .v4-pil-esc{grid-column:2}.v4-tal-datos{grid-template-columns:1fr}.v4-qz-prog i{width:12px}}

/* ============================================================================
   La transición de la casa (Ramón, 09/10/2026: «toda la página, el mismo efecto;
   suave, elegante y que no sea pesado»). Tres gestos y nada más:
   1) lo que se sustituye (otra pregunta, otra pestaña, otro filtro) se desvanece
      180 ms, cambia y vuelve a entrar en 220 ms: clase v4-suave en lo que cambia
      y v4-cambia en su contenedor mientras dura (lo pone suave(), en boceto.js);
   2) lo que aparece de nuevas (la respuesta del test, el marco del vídeo, el
      cuerpo de un módulo, la respuesta de una pregunta frecuente) entra con un
      fundido corto desde 6 px más abajo;
   3) botones, pestañas, fichas y opciones cambian de color sin salto, y el
      desplazamiento a otra sección va deslizado una vez cargada la página.
   Con «reducir el movimiento» activado en el sistema, nada de esto se mueve.
   ============================================================================ */
.v4-suave{transition:opacity .22s ease,transform .22s ease}
.v4-cambia .v4-suave{opacity:0;transform:translateY(4px)}
@keyframes v4-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.v4-qz-fb,.v4-qz-fin,.v4-vid-marco,.v4-dir-insc-ok,.v4-dir-preg,.v4-ens-vacio,.em-mod[data-open="true"] .em-cuerpo,.v1 details[open]>:not(summary){animation:v4-entra .3s cubic-bezier(.3,.8,.4,1)}
.v4-atl-tabs button,.v4-cal-tab,.v4-dir-chips button,.v4-fx-chip,.em-chip,.v1 .chip,.v1 .opc,.v1 .btn,.v4-pod-play,.v4-pod-ep,.v4-pod-ep b,.v4-res-paso,.v4-res-num,.v4-pil-c,.v4-pil-n,.v4-qz-prog i,.v4-acc-tile,.v4-gi-dot,.v4-cajon,.v4-ens-fila,.v4-ens-bt,.v4-soc-gbt,.v4-lt-bt,.v4-fp-bt,.v4-fp-n,.v4-cand-fila,.v4-cand-cab,.v4-vid-play,.v4-atl-c,.v4-vid-c{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease}
.v4-vid-th img{transition:transform .35s ease}
.v4-vid-th:hover img{transform:scale(1.03)}
@keyframes v4-baja{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.v4-desp.v4-on{animation:v4-baja .18s ease-out}
@keyframes v4-velo{from{opacity:0}to{opacity:1}}
.v4-mapa-abierto .v4-velo,.em-app.em-abierta-hoja .em-velo{animation:v4-velo .22s ease-out}
@keyframes v4-hoja{from{opacity:0;transform:translate(-50%,-50%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%)}}
.v4-mapa-abierto .v4-hoja{animation:v4-hoja .26s cubic-bezier(.22,.9,.32,1)}
@keyframes v4-sube{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.em-app.em-abierta-hoja .em-hoja{animation:v4-sube .28s cubic-bezier(.22,.9,.32,1)}
html.v4-listo{scroll-behavior:smooth}
/* el test: al fallar se descarta la opción y se vuelve a elegir, como en los casos clínicos; la descartada y la correcta llevan su marca */
.v1 .v4-qz .opc.ko::after,.v1 .v4-qz .opc.ok::after{content:"Descartada";display:inline-block;margin-left:8px;font:700 10.5px/1.2 var(--letra);letter-spacing:.08em;text-transform:uppercase;vertical-align:1px;white-space:nowrap}
.v1 .v4-qz .opc.ok::after{content:"Correcta"}
.v1 .v4-qz .opc.ko[disabled]{opacity:.72}
.v4-qz-fb.v4-qz-rein .v4-qz-ex{color:var(--marino);font-weight:600}
@media (prefers-reduced-motion:reduce){
  html.v4-listo{scroll-behavior:auto}
  .v4-suave{transition:none}
  .v4-cambia .v4-suave{opacity:1;transform:none}
  .v4-qz-fb,.v4-qz-fin,.v4-vid-marco,.v4-dir-insc-ok,.v4-dir-preg,.v4-ens-vacio,.em-mod[data-open="true"] .em-cuerpo,.v1 details[open]>:not(summary),.v4-desp.v4-on,.v4-mapa-abierto .v4-velo,.em-app.em-abierta-hoja .em-velo,.v4-mapa-abierto .v4-hoja,.em-app.em-abierta-hoja .em-hoja,.v4-fp-paso.on .v4-fp-det{animation:none}
  .v4-vid-th:hover img{transform:none}
}

/* ---------- la barra como anclas (Ramón, 10/10): sin las secciones de la fase 3; la barra salta a los bloques de la portada ---------- */
.em-app[data-anclas] .v1 .bloque{scroll-margin-top:calc(var(--em-top) + 72px)}
.em-app[data-anclas] .v1 section.mod{scroll-margin-top:calc(var(--em-top) + 68px)}
.em-app[data-anclas] #inicio{scroll-margin-top:0}
.v4-desp .v4-desp-grupo+.v4-desp-grupo{margin-top:14px;padding-top:14px;border-top:1px solid var(--em-linea)}

.em-app[data-anclas] .em-hoja a[data-dest] svg{color:var(--sc,#163a63)}

/* ---------- M62, insuficiencia cardiaca aguda y shock (Ramón, 10/10): la cadena por capas de M03, más la línea de la guía, la tabla de fichas y «además» ---------- */
.v4-ag-src{display:block;margin-top:10px;color:var(--em-gris);font-size:12.5px;line-height:1.45}
.em-app .v1 .v4-ag-src a{color:var(--marino);font-weight:600}
.v4-ag-fichas{margin-top:22px}
.v4-ag-fichas h3{font-family:var(--em-serif);font-weight:600;font-size:18px;margin:0 0 6px}
.v4-ag-fichas p{margin:0 0 10px}
.v4-ag-tabla-w{overflow:auto}
.v4-ag-tabla{width:100%;border-collapse:collapse;font-size:14px}
.v4-ag-tabla th,.v4-ag-tabla td{padding:8px 10px;border-bottom:1px solid var(--em-linea);text-align:left;vertical-align:top}
.v4-ag-tabla th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--em-gris);font-weight:700}
.v4-ag-tabla td b{color:var(--marino)}
.v4-ag-mas{margin-top:18px}
.v4-ag-mas h4{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--em-gris);margin:0 0 6px}

/* ---------- M63, calculadoras (Ramón, 10/10: «en barra cada una, tipo el pódcast, con flecha para desplegable»): filas con el icono de calculadora y el plegado suave de las filas del mapa ---------- */
.v4-cx-filtros{margin:0 0 10px}
.v4-cx-lista{display:block}
.v4-cx-fila[hidden]{display:none}
.v1 .v4-cx-fila .v4-ens-bt{grid-template-columns:40px 1fr auto 22px;gap:12px;align-items:center;padding:10px 14px}
.v4-cx-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--marino);color:#fff}
.em-app .v4-cx-ic svg.em-i{width:20px;height:20px;stroke-width:1.9}
.v4-cx-fila.on .v4-cx-ic{background:var(--azul)}
.v4-cx-txt b{display:block;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:16px;line-height:1.3;color:var(--tinta)}
.v4-cx-txt span{display:block;font-size:13px;line-height:1.4;color:var(--gris);margin-top:1px}
.v4-cx-fila.on .v4-cx-txt b,.v4-cx-fila .v4-ens-bt:hover .v4-cx-txt b{color:var(--azul)}
.v4-cx-eti{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--gris);white-space:nowrap;padding:3px 8px;border-radius:999px;background:var(--suave)}
.v1 .v4-cx-fila .v4-ens-det{grid-template-columns:1.2fr 1fr 1.2fr auto;gap:14px 22px;align-items:start}
.v4-cx-abrir{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.v4-cx-abrir small{color:var(--gris);font-size:12px}
.v4-cx-todas{margin:14px 0 0;font-weight:600}
@media (max-width:760px){
  .v1 .v4-cx-fila .v4-ens-bt{grid-template-columns:36px 1fr 22px}
  .v4-cx-eti{display:none}
  .v1 .v4-cx-fila .v4-ens-det{grid-template-columns:1fr}
}

/* ---------- M64, miocardiopatías (Ramón, 10/10): tres filas como las calculadoras, con las cuatro capas dentro, y las tres puertas ---------- */
@media (min-width:761px){.v1 .v4-mc-fila .v4-ens-det{grid-template-columns:1.25fr 1.15fr 1.15fr 1fr}}
.v4-mc-fila .v4-fp-trat,.v4-mc-fila .v4-fp-piezas{margin:0;padding:0}
.v4-mc-puertas{margin-top:16px}
.v1 .v4-mc-puerta h3{margin:8px 0 6px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:17px}
.v4-mc-puerta p{margin:0;font-size:13.5px;line-height:1.5;color:var(--gris)}
.v4-mc-puerta .v4-mc-enl{margin-top:10px;font-size:13.5px;line-height:1.7}
.em-app .v1 .v4-mc-enl a{color:var(--marino);font-weight:600}

/* ---- M18, piezas propias de una situación (10/10/2026): en fila bajo el «qué cambia» ---- */
.v4-sit-piezas{flex-direction:row;flex-wrap:wrap;gap:8px 18px;margin:0 0 20px;padding-top:12px;border-top:1px solid var(--linea)}
.v4-sit-piezas li{max-width:300px}

/* ---- M18, el «qué cambia» por bloques (Ramón, 10/10: «muy apegotonado, hay que darle más aire») ---- */
.v4-sit-que-bloques{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;max-width:none;margin:0 0 18px;font-size:14.5px;line-height:1.62;color:var(--tinta)}
.v4-sit-que-bloques p{margin:0}
.v4-sit-que-bloques b{display:block;margin-bottom:5px;font:800 11.5px/1.3 var(--letra);letter-spacing:.06em;text-transform:uppercase;color:var(--marino)}
@media (max-width:760px){.v4-sit-que-bloques{grid-template-columns:1fr;gap:12px}}

/* ---- código de módulo A1, B2… (Ramón, 10/10): la letra del bloque en negrita y el número en redonda ---- */
.em-app .v1 .modnum{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.em-app .v1 .modnum b{font-weight:800;margin-right:1px}
/* en la vista de propuesta la plantilla escondía el número de maqueta; el código es ahora una referencia para el lector y se ve siempre */
body.propuesta .em-app .v1 .modnum{display:inline-block!important}

/* ---- quién firma y cuándo (10/10, SEO y GEO) ---- */
.em-app .v1 .v4-firma{margin:0 0 18px;font-size:13.5px;line-height:1.5;color:var(--gris)}
.em-app .v1 .v4-firma b{font-weight:700;color:var(--tinta)}
.em-app .v1 .v4-firma a{color:var(--marino);text-decoration:underline}

/* ======================= Versión 5 (10/10/2026): portada de tarjetas y páginas de módulo ======================= */
.em-app .v1 .v4-tarjetas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 28px}
.em-app .v1 section.mod.v4-tarjeta{display:flex;flex-direction:column;gap:10px;margin:0;padding:16px 18px 18px;border:1px solid var(--linea);border-radius:14px;background:#fff;box-shadow:0 1px 0 rgba(22,58,99,.04)}
.em-app .v1 section.mod.v4-tarjeta .cab{border-top:0;padding-top:0;margin:0}
.em-app .v1 section.mod.v4-tarjeta .cab h2{font-size:19px;line-height:1.25;margin:8px 0 0}
.em-app .v1 section.mod.v4-tarjeta .cab h2 a{color:var(--marino);text-decoration:none}
.em-app .v1 section.mod.v4-tarjeta .cab h2 a:hover{text-decoration:underline}
.em-app .v1 section.mod.v4-tarjeta .cab>p{font-size:14px;line-height:1.5;margin:6px 0 0;color:var(--tinta);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.em-app .v1 .v4-foto{display:flex;align-items:center;justify-content:center;aspect-ratio:16/6;border:1.5px dashed var(--linea-f);border-radius:10px;color:var(--gris);font-size:12px;text-decoration:none;background:var(--suave)}
.em-app .v1 .v4-gancho{margin:auto 0 0;font-size:12.5px;color:var(--gris)}
.em-app .v1 .v4-abrir{align-self:flex-start}
.em-app .v1 section.mod.v4-tarjeta .em-nota{display:none}
.em-app .v1 .v5-blog{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;margin:0 0 14px}
.em-app .v1 .v5-blog-destacado{border:1px solid var(--linea);border-radius:12px;overflow:hidden;background:#fff}
.em-app .v1 .v5-blog-destacado>a img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
/* Ramón, 10/10 (noche): como el original del blog (cardioteca.com/insuficiencia-cardiaca-blog.html): categoría en azul y en minúscula salvo la inicial, títulos en serif sin subrayado, firma pegada al título */
.em-app .v1 .v5-blog-destacado small,.em-app .v1 .v5-blog-item small{display:block;font:600 13px/1.5 var(--letra);letter-spacing:0;text-transform:none;color:var(--azul)}
.em-app .v1 .v5-blog-destacado small{margin:12px 14px 0}
.em-app .v1 .v5-blog h3{font-family:var(--serif);font-weight:600}
.em-app .v1 .v5-blog-destacado h3{margin:2px 14px 4px;font-size:21px;line-height:1.15}
.em-app .v1 .v5-blog-destacado p{margin:0 14px 8px;font-size:13.5px;line-height:1.45;color:var(--gris)}
.em-app .v1 .v5-blog-destacado .v5-blog-firma{margin:0 14px 14px}
.em-app .v1 .v5-blog-col{display:flex;flex-direction:column;gap:0}
.em-app .v1 .v5-blog-col .v5-blog-item{padding:12px 0;border-top:1px solid var(--linea)}
.em-app .v1 .v5-blog-col .v5-blog-item:first-child{padding-top:0;border-top:0}
.em-app .v1 .v5-blog-item{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:start}
.em-app .v1 .v5-blog-th img{display:block;width:88px;height:88px;object-fit:cover;border-radius:6px;border:1px solid var(--linea)}
.em-app .v1 .v5-blog-item h3{margin:0 0 3px;font-size:15px;line-height:1.25}
.em-app .v1 .v5-blog h3 a{color:var(--tinta);text-decoration:none}
.em-app .v1 .v5-blog h3 a:hover{color:var(--azul);text-decoration:none}
.em-app .v1 .v5-blog-firma{display:block;font-size:11px;line-height:1.3;color:var(--tinta);text-transform:uppercase;letter-spacing:.55px}
.em-app .v1 .v5-blog-mas{margin:0 0 10px}
.em-app[data-pagina] .v4-arriba,.em-app[data-pagina] #v4-panel{display:none}
/* Ramón, 10/10 (noche): la sección que envuelve al cuadro de mando dejaba 20 px de relleno en cada página aunque el cuadro vaya oculto */
.em-app[data-pagina] main>section.em-inicio[aria-label^="Cuadro de mando"]{display:none}
.em-app[data-pagina] .v1 .v4-firma{margin-top:18px}
.em-app .v1 .v4-miga{font-size:13px;color:var(--gris);margin:0 0 16px}
.em-app .v1 .v4-miga a{color:var(--marino)}
.em-app .v1 .v4-miga b{color:var(--tinta);font-weight:600}
.em-app .v1 .bloque.v4-bloque-pagina{padding:14px 20px;margin-bottom:16px}
.em-app .v1 .bloque.v4-bloque-pagina .letra{font-size:28px}
.em-app .v1 .bloque.v4-bloque-pagina h2{font-size:20px}
.em-app .v1 .bloque.v4-bloque-pagina p{display:none}
.em-app .v1 .v4-vecinos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:28px 0 12px}
.em-app .v1 .v4-vecino{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--linea);border-radius:12px;text-decoration:none;color:var(--tinta);background:#fff}
.em-app .v1 .v4-vecino.centro{text-align:center;align-items:center}
.em-app .v1 .v4-vecino.vacio{border:0;background:transparent}
.em-app .v1 .v4-vecino small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.em-app .v1 .v4-vecino b{font-size:14px;line-height:1.3;color:var(--marino)}
.em-app .v1 .v4-volver{margin:0 0 30px}
@media (max-width:900px){.em-app .v1 .v4-tarjetas{grid-template-columns:1fr 1fr}.em-app .v1 .v5-blog{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.em-app .v1 .v4-tarjetas{grid-template-columns:1fr}.em-app .v1 .v5-blog{grid-template-columns:1fr}.em-app .v1 .v4-vecinos{grid-template-columns:1fr}}
/* 12/10/2026: A2 y A3 (y A1 en la maqueta) se recolocan como el módulo «Artículos comentados» de la web (custom.css): de 768 a 991 px,
   el destacado a todo el ancho y las dos columnas debajo; por debajo de 768 px, una sola columna; de 576 a 991 px, la imagen del
   destacado con 380 px de alto, recortada por arriba */
@media (max-width:991.98px){.em-app .v1 .v5-blog{grid-template-columns:1fr 1fr}.em-app .v1 .v5-blog-destacado{grid-column:1/-1}}
@media (min-width:576px) and (max-width:991.98px){.em-app .v1 .v5-blog-destacado>a img{aspect-ratio:auto;height:380px;object-position:50% 22%}}
@media (max-width:767.98px){.em-app .v1 .v5-blog{grid-template-columns:1fr}}

/* ---------- versión 5, segunda maqueta (10/10, noche): cada módulo, una puerta y una muestra de sí mismo ---------- */
.em-app .v1 .v5-bandas{display:flex;flex-direction:column;margin:0 0 6px}
.em-app .v1 section.mod.v5-banda{margin:0;padding:28px 0 26px;border-top:1px solid var(--linea)}
/* Ramón, 10/10 (noche): «se ha colado mucho espacio antes de la cabecera de cada bloque» */
.em-app .v1 .v5-bandas+.bloque{margin-top:30px}
.em-app .v1 .v5-bandas>section.mod.v5-banda:first-child{border-top:0;padding-top:24px}
.em-app .v1 section.mod.v5-banda>.cab{border-top:0;padding-top:0;margin:0 0 18px}
.em-app .v1 section.mod.v5-banda>.cab::before{display:none}
.em-app .v1 .v5-puerta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0 18px;align-items:start}
.em-app .v1 .v5-azulejo{display:block;text-decoration:none}
.em-app .v1 .v5-puerta .modnum{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;background:var(--marino);color:#fff;font:800 22px/1 var(--letra);letter-spacing:0;padding:0;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.em-app .v1 .v5-puerta .modnum b{font-weight:800;margin:0;opacity:.7}
.em-app .v1 .v5-puerta .eti{font-size:11px;letter-spacing:.08em;margin:0 0 5px}
.em-app .v1 .v5-puerta h2{font:800 23px/1.2 var(--letra);letter-spacing:-.01em;margin:0;color:var(--marino);text-wrap:balance}
.em-app .v1 .v5-puerta h2 a{color:inherit;text-decoration:none}
.em-app .v1 .v5-puerta h2 a:hover{text-decoration:none}
.em-app .v1 .v5-puerta-tx>p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:var(--gris);max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.em-app .v1 .v5-pie{display:block;margin:6px 0 0;font-size:12.5px;color:var(--gris)}
.em-app .v1 .v5-abrir{align-self:start;margin-top:10px;white-space:nowrap}
.em-app .v1 .v5-muestra .em-nota,.em-app .v1 .v5-muestra .nota,.em-app .v1 .v5-muestra .v4-pil-barra,.em-app .v1 .v5-muestra .v4-pil-cuenta{display:none!important}
.em-app .v1 .v5-muestra a.v4-fx-chip{text-decoration:none}
.em-app .v1 .v5-muestra .v4-fx-sel{grid-template-columns:1fr}
.em-app .v1 .v5-muestra .v4-fx-cuerpo{margin-top:14px}
.em-app .v1 .v5-muestra .v5-atlas-fila{margin-top:0}
.em-app .v1 .v5-muestra .v4-cx-todas{margin:12px 0 0}
.em-app .v1 .v5-muestra .v4-cal-salida{display:none}   /* B5: en la portada, solo la plantilla; el calendario, en su página */
@media (max-width:640px){
  .em-app .v1 .v5-puerta{grid-template-columns:auto minmax(0,1fr)}
  .em-app .v1 .v5-abrir{grid-column:1/-1;justify-self:start;margin-top:12px}
  .em-app .v1 .v5-puerta h2{font-size:20px}
}

/* ---------- 10/10 (noche, tercera parte): la llamada a la acción de las bandas y el siguiente paso de cada página ---------- */
/* Ramón, 10/10 (noche): el botón, en el granate de CardioTeca; el nombre y el azulejo, quietos al pasar el ratón */
.em-app .v1 .v5-abrir{background:#fff;color:var(--granate);border:1.5px solid var(--granate);transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
/* Ramón, 10/10 (noche): «Solo es una muestra…» como destacado en forma de botón, en otro color que el de abrir */
.em-app .v1 .v5-mas{margin:16px 0 0;font-size:15px;line-height:1.35}
.em-app .v1 .v5-mas a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-radius:10px;background:var(--azul-claro);border:1.5px solid var(--marino);color:var(--marino);font-weight:700;text-decoration:none;transition:background-color .18s ease,color .18s ease}
.em-app .v1 .v5-mas a::after{content:"→";font-size:20px;line-height:1;flex:none}
.em-app .v1 .v5-mas a:hover{background:var(--marino);color:#fff;text-decoration:none}
/* 12/10/2026: en las muestras, lo que antes se desplegaba lleva a la página del módulo (grupos y preguntas como enlaces) */
.em-app .v1 a.v4-soc-gbt{color:inherit;text-decoration:none}
.em-app .v1 .v5-muestra summary>a.v5-det-ir{display:block;color:inherit;text-decoration:none}
.em-app .v1 .v5-muestra summary>a.v5-det-ir:hover{color:var(--azul)}
@media (hover:hover){
  .em-app .v1 section.mod.v5-banda:hover .v5-abrir{background:var(--granate);color:#fff;box-shadow:0 8px 18px rgba(151,17,42,.3);transform:translateY(-2px)}
}
.em-app .v1 .v5-paso{margin:40px 0 12px;padding:24px 26px 26px;border-radius:14px;background:var(--marino);color:#fff}
.em-app .v1 .v5-paso>small{display:block;font:700 12px/1 var(--letra);letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin:0 0 12px}
.em-app .v1 .v5-paso-p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 18px;align-items:center;padding:16px 22px;border-radius:12px;background:#fff;color:var(--marino);text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.2);transition:transform .18s ease,box-shadow .18s ease}
.em-app .v1 .v5-paso-p:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.28)}
.em-app .v1 .v5-paso-p>span{grid-column:1;font:700 12px/1.25 var(--letra);letter-spacing:.1em;text-transform:uppercase;color:var(--granate)}
.em-app .v1 .v5-paso-p>b{grid-column:1;font:800 21px/1.2 var(--letra);color:var(--marino)}
.em-app .v1 .v5-paso-p>i{grid-column:2;grid-row:1/3;font-style:normal;font-size:30px;line-height:1;color:var(--marino)}
.em-app .v1 .v5-paso-s{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.em-app .v1 .v5-paso-s a{display:inline-flex;align-items:center;padding:11px 16px;border-radius:8px;border:1.5px solid rgba(255,255,255,.6);color:#fff;text-decoration:none;font:700 14.5px/1.2 var(--letra);transition:background-color .18s ease,border-color .18s ease}
.em-app .v1 .v5-paso-s a:hover{background:rgba(255,255,255,.14);border-color:#fff}
@media (max-width:640px){.em-app .v1 .v5-paso{padding:18px 16px 20px}.em-app .v1 .v5-paso-p>b{font-size:18px}}

/* ---------- 10/10 (noche): la banda se enciende al interactuar con su muestra; el planificador lleva al calendario ---------- */
@keyframes v5pulso{0%{box-shadow:0 0 0 0 rgba(151,17,42,.5)}70%{box-shadow:0 0 0 16px rgba(151,17,42,0)}100%{box-shadow:0 0 0 0 rgba(151,17,42,0)}}
.em-app .v1 section.mod.v5-banda.v5-activa .v5-abrir{background:var(--granate);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(151,17,42,.3)}
.em-app .v1 section.mod.v5-banda.v5-pulso .v5-abrir{animation:v5pulso 1.1s ease-out 2}
.em-app .v1 section.mod.v5-banda.v5-activa .v5-pie::after{content:" · Siguiente paso: abrir el módulo";color:var(--granate);font-weight:700}
.em-app .v1 .v5-sigue{margin:14px 0 0}
.em-app .v1 .v5-sigue .btn{background:var(--granate);color:#fff;border-color:var(--granate)}
.em-app .v1 .v5-sigue .btn:hover{background:#7d0e23;border-color:#7d0e23}
.em-app .v1 .v5-cal-aviso{margin:12px 0;padding:9px 12px;border-radius:8px;background:var(--azul-claro);color:var(--marino);font-size:13.5px;font-weight:600}
.em-app .v1 .v5-cal-aviso[hidden]{display:none}

/* ---------- A2, comentario del autor (10/10, noche): la foto y el nombre del autor, en grande (Ramón: «lo destacado es el papel del autor») ---------- */
.em-app .v1 .v4-aut-fila .v4-soc-tile.v4-aut-foto{min-height:0;padding:0;background:transparent;flex-direction:row;gap:0}
.em-app .v1 .v4-aut-foto img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px var(--marino)}
.em-app .v1 .v4-aut-foto.v4-aut-dos img{width:46px;height:46px}
.em-app .v1 .v4-aut-foto.v4-aut-dos img+img{margin-left:-10px}
.em-app .v1 .v4-aut-nombre{display:block;font:800 16px/1.2 var(--letra);color:var(--marino);letter-spacing:-.01em}
.em-app .v1 .v4-aut-centro{display:block;font-size:12.5px;color:var(--gris);margin:2px 0 5px}
.em-app .v1 .v4-aut-trabajo{display:block;font-family:var(--serif);font-weight:600;font-size:15px;line-height:1.3;color:var(--tinta)}
.em-app .v1 .v4-ens-fila.on .v4-aut-trabajo,.em-app .v1 .v4-ens-bt:hover .v4-aut-trabajo{color:var(--azul)}

/* ---------- A4 selección del mes, A5 debate y A6 encuesta (10/10, noche) ---------- */
.em-app .v1 .v4-sel-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 14px}
.em-app .v1 .v4-sel-cab b{display:block;font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.25;margin:4px 0 2px}
.em-app .v1 .v4-sel-cab small{display:block;font-size:13px;color:var(--gris)}
.em-app .v1 .v4-sel-lista{display:flex;flex-direction:column;gap:12px}
.em-app .v1 .v4-sel-it{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:14px 16px;border:1px solid var(--linea);border-radius:12px;background:#fff}
.em-app .v1 .v4-sel-n{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--marino);color:#fff;font:800 17px/1 var(--letra)}
.em-app .v1 .v4-sel-meta{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.em-app .v1 .v4-sel-it h3{margin:4px 0 8px;font-family:var(--serif);font-weight:600;font-size:17px;line-height:1.3}
.em-app .v1 .v4-sel-it h3 a{color:var(--tinta);text-decoration:none}
.em-app .v1 .v4-sel-it h3 a:hover{color:var(--azul)}
.em-app .v1 .v4-sel-rot{margin:0 0 4px;font:700 11.5px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
/* 12/10/2026 (Ramón: «aparece un cuadro raro»): «Cómo se eligen» de A6, nota del propio módulo, con el rótulo como «Por qué importa» */
.em-app .v1 .v4-sel-como{margin:14px 0 0;padding:14px 16px;border:1px solid var(--linea);border-radius:12px;background:var(--suave)}
.em-app .v1 .v4-sel-como p{margin:0;font-size:14px;line-height:1.5;color:var(--tinta)}
.em-app .v1 .v4-sel-como p.v4-sel-rot{margin:0 0 4px;font:700 11.5px/1.3 var(--letra);color:var(--granate)}
/* A5, el cara a cara (Ramón, 10/10, noche): la pregunta arriba; debajo, un experto a cada lado con su foto y su postura y «VS» en medio;
   el voto del lector como en los debates de congreso (una tira que se reparte entre las dos posturas); la evidencia, plegada debajo */
.em-app .v1 .v4-deb-fila{overflow:hidden}
.em-app .v1 .v4-deb-cab{padding:18px 20px 4px}
.em-app .v1 .v4-deb-q{margin:4px 0 6px;font-family:var(--serif);font-weight:600;font-size:clamp(20px,2.4vw,26px);line-height:1.2;color:var(--tinta)}
.em-app .v1 .v4-deb-origen{margin:0;font-size:13px;line-height:1.4;color:var(--gris)}
.em-app .v1 .v4-deb-cara{display:grid;grid-template-columns:1fr 72px 1fr;gap:10px;align-items:stretch;padding:12px 20px 4px}
.em-app .v1 .v4-deb-lado{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:16px 14px 14px;border-radius:14px;background:var(--suave);border:1px solid var(--linea)}
.em-app .v1 .v4-deb-eti{font:700 11px/1.3 var(--letra);letter-spacing:.12em;text-transform:uppercase;color:var(--azul);margin-bottom:6px}
.em-app .v1 .v4-deb-b .v4-deb-eti{color:#0f766e}
.em-app .v1 .v4-deb-foto{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #fff;box-shadow:0 0 0 2px var(--azul),0 6px 16px rgba(19,35,59,.18)}
.em-app .v1 .v4-deb-b .v4-deb-foto{box-shadow:0 0 0 2px #0f766e,0 6px 16px rgba(19,35,59,.18)}
.em-app .v1 .v4-deb-foto img{width:100%;height:100%;object-fit:cover;display:block}
.em-app .v1 .v4-deb-silueta{background:var(--linea-f);box-shadow:0 0 0 2px var(--linea-f);color:#fff}
.em-app .v1 .v4-deb-silueta svg.i{width:46px;height:46px;stroke-width:1.4}
.em-app .v1 .v4-deb-nombre{display:block;margin-top:8px;font:800 16px/1.2 var(--letra);color:var(--marino)}
.em-app .v1 .v4-deb-centro{display:block;font-size:12.5px;line-height:1.35;color:var(--gris);max-width:32ch}
.em-app .v1 .v4-deb-postura{margin:10px 0 12px;font-family:var(--serif);font-weight:600;font-size:17px;line-height:1.3;color:var(--azul)}
.em-app .v1 .v4-deb-b .v4-deb-postura{color:#0f766e}
.em-app .v1 .v4-deb-lado .v4-deb-votar{margin-top:auto;padding:7px 14px;font-size:13px}
.em-app .v1 .v4-deb-fila[data-votado] .v4-deb-votar{display:none}
.em-app .v1 .v4-deb-fila[data-votado="a"] .v4-deb-a,.em-app .v1 .v4-deb-fila[data-votado="b"] .v4-deb-b{border-color:var(--marino);box-shadow:0 0 0 1px var(--marino)}
.em-app .v1 .v4-deb-vs{display:flex;flex-direction:column;align-items:center;justify-content:center}
.em-app .v1 .v4-deb-vs i{flex:1;width:2px;background:var(--linea-f)}
.em-app .v1 .v4-deb-vs b{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--marino);box-shadow:0 0 0 4px #fff,0 0 0 5px var(--linea-f);font:900 17px/1 var(--letra);font-style:italic;letter-spacing:.02em;color:var(--marino)}
.em-app .v1 .v4-deb-voto{display:none;padding:8px 20px 12px}
.em-app .v1 .v4-deb-fila[data-votado] .v4-deb-voto{display:block}
.em-app .v1 .v4-deb-tira{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--linea)}
.em-app .v1 .v4-deb-tira i{display:block;height:100%;width:0;transition:width .4s ease}
.em-app .v1 .v4-deb-ta{background:var(--azul)}
.em-app .v1 .v4-deb-tb{background:#0f766e}
.em-app .v1 .v4-deb-cifras{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;font-size:12.5px;color:var(--gris)}
.em-app .v1 .v4-deb-cifras b{font:800 15px/1 var(--letra)}
.em-app .v1 .v4-deb-pa{color:var(--azul)}
.em-app .v1 .v4-deb-pb{color:#0f766e}
.em-app .v1 .v4-soc .v4-deb-bt{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:11px 20px;border-top:1px solid var(--linea);border-radius:0;font:700 12px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--marino)}
.em-app .v1 .v4-soc .v4-deb-bt:hover{background:var(--suave)}
.em-app .v1 .v4-soc .v4-deb-det{grid-template-columns:1fr;margin:0 20px;padding-top:12px}
.em-app .v1 .v4-deb-dos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.em-app .v1 .v4-deb-pos{padding:14px 16px;border-radius:10px;background:var(--suave);border:1px solid var(--linea);border-top:3px solid var(--azul)}
.em-app .v1 .v4-deb-pos-b{border-top-color:#0f766e}
.em-app .v1 .v4-deb-pos h5{margin:0 0 4px;font:800 15px/1.25 var(--letra);color:var(--marino)}
.em-app .v1 .v4-deb-quien{margin:0 0 8px;font-size:12.5px;color:var(--gris)}
.em-app .v1 .v4-deb-pos ul{margin:0;padding-left:18px}
.em-app .v1 .v4-deb-pos li{font-size:14px;line-height:1.45;margin:0 0 6px}
.em-app .v1 .v4-deb-video{margin-top:16px}
@media (max-width:760px){.em-app .v1 .v4-deb-cara{grid-template-columns:1fr}.em-app .v1 .v4-deb-vs{flex-direction:row;height:44px}.em-app .v1 .v4-deb-vs i{width:auto;height:2px}.em-app .v1 .v4-soc .v4-deb-bt{padding:11px 44px 11px 16px}}
.em-app .v1 .v4-enc{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.em-app .v1 .v4-enc-preg{padding:18px 20px}
.em-app .v1 .v4-enc-q{margin:8px 0 12px;font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.3}
.em-app .v1 .v4-enc-ops{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.em-app .v1 .v4-enc[data-votado] .v4-enc-ops{display:none}
.em-app .v1 .v4-enc-res,.em-app .v1 .v4-enc-barras{display:flex;flex-direction:column;gap:8px}
.em-app .v1 .v4-enc-res{display:none}
.em-app .v1 .v4-enc[data-votado] .v4-enc-res{display:flex}
.em-app .v1 .v4-enc-res>div,.em-app .v1 .v4-enc-barras>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 48px;gap:10px;align-items:center;font-size:13.5px}
.em-app .v1 .v4-enc-res em,.em-app .v1 .v4-enc-barras em{display:block;height:12px;border-radius:999px;background:var(--linea);overflow:hidden}
.em-app .v1 .v4-enc-res i,.em-app .v1 .v4-enc-barras i{display:block;height:100%;width:0;border-radius:999px;background:var(--marino);transition:width .4s ease}
.em-app .v1 .v4-enc-res b,.em-app .v1 .v4-enc-barras b{font:800 14px var(--letra);text-align:right}
.em-app .v1 .v4-enc-n{margin:10px 0 0;font-size:13px;color:var(--marino);font-weight:700}
.em-app .v1 .v4-enc-pie{margin:6px 0 0;font-size:12px;color:var(--gris)}
.em-app .v1 .v4-enc-real h3{margin:6px 0 4px;font-family:var(--serif);font-weight:600;font-size:17px;line-height:1.3}
.em-app .v1 .v4-enc-sub{margin:0 0 12px;font-size:13px;color:var(--gris)}
.em-app .v1 .v4-enc-claves{margin:12px 0 10px;padding-left:18px}
.em-app .v1 .v4-enc-claves li{font-size:13.5px;line-height:1.45;margin:0 0 4px}
.em-app .v1 .v4-enc-mas{margin:0;font-size:13.5px}
@media (max-width:760px){.em-app .v1 .v4-enc,.em-app .v1 .v4-deb-dos{grid-template-columns:1fr}}

/* la miga de cada página, dentro del rectángulo azul del bloque (Ramón, 10/10: que no ocupe línea propia) */
.em-app .v1 .bloque.v4-bloque-pagina small.v4-miga-bloque{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600;opacity:.92}
.em-app .v1 .bloque.v4-bloque-pagina small.v4-miga-bloque a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:3px}
.em-app .v1 .bloque.v4-bloque-pagina small.v4-miga-bloque a:hover{text-decoration-color:#fff}
/* Ramón, 10/10 (noche): en las páginas, el rectángulo del bloque queda cerca de la barra */
.em-app .v1.v4-pagina>.bloque.v4-bloque-pagina{margin-top:6px}
/* Bloque D (10/10, noche): libro blanco, libros y PDF, infografías y diapositivas, con lo publicado de verdad */
/* las cinco partes del libro, como un índice: numeral y título, descripción y la pareja de especialidades a la derecha */
.em-app .v1 .v4-lb-partes{display:flex;flex-direction:column;gap:6px;margin:14px 0}
.em-app .v1 .v4-lb-partes .parte{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 230px;gap:8px 16px;align-items:center;padding:9px 14px}
.em-app .v1 .v4-lb-partes .parte b{font-size:12.5px;letter-spacing:.06em}
.em-app .v1 .v4-lb-partes .parte span{font-size:13.5px;line-height:1.35;color:var(--tinta)}
.em-app .v1 .v4-lb-partes .parte small{display:block;font-size:12px;line-height:1.3;color:var(--gris);text-align:right}
@media (max-width:900px){.em-app .v1 .v4-lb-partes .parte{grid-template-columns:1fr}.em-app .v1 .v4-lb-partes .parte small{text-align:left}}
.em-app .v1 .v4-lb-estado{font-size:13px;color:var(--gris);margin:0 0 12px}
.em-app .v1 .v4-lb-ya{margin-top:18px}
.em-app .v1 .v4-pubs-grupo{margin-bottom:18px}
.em-app .v1 .v4-pub-fila{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.em-app .v1 .v4-pub{display:flex;flex-direction:column;gap:6px}
.em-app .v1 .v4-pub-cub{display:block;max-width:150px}
.em-app .v1 .v4-pub-cub img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;border:1px solid var(--linea);box-shadow:4px 6px 0 var(--linea);background:var(--suave)}
.em-app .v1 .v4-pub>div:not(.cubierta)>small{display:block;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin:10px 0 2px}
.em-app .v1 .v4-pub h3{margin:0 0 4px;font-size:14.5px;line-height:1.3}
.em-app .v1 .v4-pub h3 a{color:var(--tinta);text-decoration:none}
.em-app .v1 .v4-pub h3 a:hover{color:var(--azul)}
.em-app .v1 .v4-pub p{margin:0;font-size:13px;color:var(--gris)}
.em-app .v1 .v4-pub-hueco .cubierta{border:1.5px dashed rgba(255,255,255,.65);box-shadow:none}
/* Ramón, 10/10 (noche): en las cubiertas, el título con interlineado corto y el rótulo en blanco (contraste) */
.em-app .v1 .cubierta>div{line-height:1.12}
.em-app .v1 .cubierta b{display:block;line-height:1.12}
.em-app .v1 .cubierta small{color:#fff;opacity:.95}
.em-app .v1 .cubierta em{opacity:.95}
.em-app .v1 .v4-pdf-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.em-app .v1 .v4-pdf-lista a{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--linea);border-radius:10px;background:#fff;color:var(--tinta);text-decoration:none}
.em-app .v1 .v4-pdf-lista a:hover{border-color:var(--marino)}
.em-app .v1 .v4-pdf-lista svg.i{width:26px;height:26px;color:var(--granate);flex:none}
.em-app .v1 .v4-pdf-lista b{display:block;font-size:14px;line-height:1.3}
.em-app .v1 .v4-pdf-lista small{display:block;font-size:12px;color:var(--gris);margin-top:2px}
.em-app .v1 .v4-docs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.em-app .v1 .v4-doc{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--linea);border-radius:10px;background:#fff;color:var(--tinta);text-decoration:none;font-size:14px;line-height:1.35}
.em-app .v1 .v4-doc img{display:block;width:120px;aspect-ratio:5/3;object-fit:cover;border-radius:6px;border:1px solid var(--linea);background:var(--suave)}
.em-app .v1 .v4-doc:hover{border-color:var(--marino)}
.em-app .v1 .galeria.v4-info{grid-template-columns:repeat(4,1fr);gap:14px}
.em-app .v1 .v4-info-it{display:block;color:var(--tinta);text-decoration:none;border:1px solid var(--linea);border-radius:10px;overflow:hidden;background:#fff}
.em-app .v1 .v4-info-it img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover;border-bottom:1px solid var(--linea);background:var(--suave)}
.em-app .v1 .v4-info-it b{display:block;padding:8px 10px 0;font-size:13.5px;line-height:1.3}
.em-app .v1 .v4-info-it small{display:block;padding:2px 10px 10px;font-size:12px;color:var(--gris)}
.em-app .v1 .v4-info-it:hover{border-color:var(--marino)}
.em-app .v1 .v4-info-mas,.em-app .v1 .v4-dia-mas{margin:12px 0 0}
.em-app .v1 .v4-dia-grupo{margin-bottom:18px}
/* Ramón, 10/10 (noche): el rótulo de cada grupo del bloque D, separado de lo que viene debajo («esa línea queda demasiado pegada») */
.em-app .v1 .v4-dia-grupo>.v4-ens-gt,.em-app .v1 .v4-pubs-grupo>.v4-ens-gt,.em-app .v1 .v4-lb-ya>.v4-ens-gt{margin:0 0 12px}
.em-app .v1 .v4-dia{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.em-app .v1 .v4-dia-it{display:block;color:var(--tinta);text-decoration:none;border:1px solid var(--linea);border-radius:10px;overflow:hidden;background:#fff}
.em-app .v1 .v4-dia-it img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--linea);background:var(--suave)}
.em-app .v1 .v4-dia-it b{display:block;padding:8px 10px 0;font-size:13px;line-height:1.3}
.em-app .v1 .v4-dia-it small{display:block;padding:2px 10px 10px;font-size:11.5px;color:var(--gris)}
.em-app .v1 .v4-dia-it:hover{border-color:var(--marino)}
@media (max-width:900px){.em-app .v1 .v4-pub-fila,.em-app .v1 .v4-dia{grid-template-columns:repeat(3,1fr)}.em-app .v1 .galeria.v4-info{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.em-app .v1 .v4-pub-fila,.em-app .v1 .v4-dia{grid-template-columns:repeat(2,1fr)}.em-app .v1 .v4-pdf-lista,.em-app .v1 .v4-docs{grid-template-columns:1fr}}
/* Bloque F (10/10, noche): para la consulta y para el paciente */
.em-app .v1 .v4-cn{display:inline-flex;align-items:center;gap:4px;flex:none;padding:2px 8px;border-radius:999px;background:var(--azul-claro);color:var(--marino);font:700 11.5px/1.4 var(--letra);letter-spacing:.02em;white-space:nowrap}
.em-app .v1 .v4-cn b{font-weight:800}
.em-app .v1 .v4-cn b::before{content:"Clase ";font-weight:700}
.em-app .v1 .v4-cn b::after{content:" ·";font-weight:400}
.em-app .v1 .v4-esc-card{padding:14px 18px;margin:0 0 16px}
.em-app .v1 .v4-esc{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.em-app .v1 .v4-esc li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45}
.em-app .v1 .v4-esc li .v4-cn{margin-top:2px}
.em-app .v1 .v4-herr{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.em-app .v1 .v4-herr-it{display:flex;flex-direction:column;gap:10px;padding:16px 18px}
.em-app .v1 .v4-herr-it header{display:flex;gap:12px;align-items:flex-start}
.em-app .v1 .v4-herr-it header .ic{flex:none;width:40px;height:40px;border-radius:10px;background:var(--azul-claro);color:var(--marino);display:flex;align-items:center;justify-content:center}
.em-app .v1 .v4-herr-it header .ic svg{width:22px;height:22px}
.em-app .v1 .v4-herr-it h3{margin:0 0 2px;font:800 16px/1.25 var(--letra);color:var(--marino)}
.em-app .v1 .v4-herr-it header p{margin:0;font-size:13px;color:var(--gris)}
.em-app .v1 .v4-herr-pie{margin:auto 0 0}
.em-app .v1 .v4-alarma-lista{list-style:none;margin:0;padding:0;counter-reset:v4a}
.em-app .v1 .v4-alarma-lista li{counter-increment:v4a;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:8px 0;border-top:1px solid rgba(151,17,42,.18);font-size:14px;line-height:1.4}
.em-app .v1 .v4-alarma-lista li:first-child{border-top:0;padding-top:2px}
.em-app .v1 .v4-alarma-lista li::before{content:counter(v4a);width:30px;height:30px;border-radius:50%;background:var(--granate);color:#fff;font:800 14px/30px var(--letra);text-align:center}
.em-app .v1 .v4-check{list-style:none;margin:0;padding:0}
.em-app .v1 .v4-check li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--linea);font-size:14px;line-height:1.4}
.em-app .v1 .v4-check li:first-child{border-top:0;padding-top:0}
.em-app .v1 .v4-check li span:first-child{flex:1 1 auto}
.em-app .v1 .v4-check li::before{content:"";flex:none;width:18px;height:18px;margin-top:1px;border:2px solid var(--marino);border-radius:5px;background:#fff}
.em-app .v1 .v4-check-neutra li::before{border-color:var(--linea-f)}
.em-app .v1 .v4-mapa-u{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}
.em-app .v1 .v4-mapa-hueco{padding:12px}
.em-app .v1 .v4-mapa-hueco .hueco{min-height:260px}
.em-app .v1 .v4-mapa-fuente{margin:10px 4px 0;font-size:13px;color:var(--gris)}
.em-app .v1 .v4-mapa-ficha{padding:16px 18px}
.em-app .v1 .v4-mapa-ficha h3{margin:0 0 8px;font:800 16px/1.25 var(--letra);color:var(--marino)}
.em-app .v1 .v4-mapa-ficha dl{margin:0;display:grid;grid-template-columns:1fr;gap:6px}
.em-app .v1 .v4-mapa-ficha dt{font:700 12px/1.3 var(--letra);letter-spacing:.06em;text-transform:uppercase;color:var(--azul)}
.em-app .v1 .v4-mapa-ficha dd{margin:0 0 4px;font-size:13.5px;line-height:1.4}
.em-app .v1 .v4-mapa-ya{grid-column:1/-1}
.em-app .v1 .v4-pac-cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 10px}
.em-app .v1 .v4-pac-cab .v4-ens-gt{margin:0}
.em-app .v1 .v4-pac-cab a{font-size:13.5px;font-weight:700;color:var(--azul);text-decoration:none}
.em-app .v1 .galeria.v4-pac{grid-template-columns:repeat(4,1fr);gap:14px}
.em-app .v1 .v4-pac-it{display:block;color:var(--tinta);text-decoration:none;border:1px solid var(--linea);border-radius:10px;overflow:hidden;background:#fff}
.em-app .v1 .v4-pac-it img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover;border-bottom:1px solid var(--linea);background:var(--suave)}
.em-app .v1 .v4-pac-it b{display:block;padding:8px 10px 10px;font-size:13.5px;line-height:1.3}
.em-app .v1 .v4-pac-it:hover{border-color:var(--marino)}
.em-app .v1 .v4-adh-dos{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.em-app .v1 .v4-adh-herr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.em-app .v1 .v4-adh-herr li{padding:10px 14px;border:1px solid var(--linea);border-radius:10px;background:var(--suave);font-size:13.5px;line-height:1.45}
.em-app .v1 .v4-adh-herr li b{color:var(--marino)}
.em-app .v1 .v4-rem-circ{padding:16px 18px;margin:0 0 16px}
.em-app .v1 .v4-rem-circ h3{margin:0 0 10px;font:800 16px/1.25 var(--letra);color:var(--marino)}
.em-app .v1 .v4-rem-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:v4r}
.em-app .v1 .v4-rem-pasos li{counter-increment:v4r;padding:12px 14px 12px 14px;border:1px solid var(--linea);border-radius:10px;background:var(--suave);font-size:13.5px;line-height:1.4;position:relative}
.em-app .v1 .v4-rem-pasos li::before{content:counter(v4r);display:block;width:26px;height:26px;border-radius:50%;background:var(--marino);color:#fff;font:800 13px/26px var(--letra);text-align:center;margin-bottom:8px}
.em-app .v1 .v4-rem-pasos li b{display:block;margin-bottom:4px;color:var(--marino)}
.em-app .v1 .v4-rem-quien{margin:12px 0 0;font-size:13.5px;line-height:1.45}
@media (max-width:900px){.em-app .v1 .v4-herr,.em-app .v1 .v4-mapa-u,.em-app .v1 .v4-adh-dos{grid-template-columns:1fr}.em-app .v1 .galeria.v4-pac,.em-app .v1 .v4-rem-pasos{grid-template-columns:repeat(2,1fr)}}
/* Bloques J, K y L (10/10, noche) */
.em-app .v1 .v4-com-coord{margin:0 0 16px}
.em-app .v1 .v4-com-coord .persona{max-width:560px}
/* Ramón, 10/10 (noche): «las frases muy pegadas a las cajas»: más relleno en las tarjetas de persona y en las de qué hace y cómo trabaja */
/* Ramón, 14/10/2026 («prefiero que la foto esté a la derecha y a la izquierda el nombre y el cargo»; de tres variantes pintadas en su Chrome,
   la A): el texto a la izquierda y la foto redonda de 64 px a la derecha. En la web la regla .card de la plantilla ponía la tarjeta en columna
   (la foto arriba) y .v4-foto, el marcador de las maquetas, le ponía borde de puntos (../../revision-contenidos-2026-10-13/j1-tarjetas/) */
.em-app .v1 .v4-com .persona{flex-direction:row-reverse;align-items:center;justify-content:space-between;text-align:left;padding:16px 16px 16px 20px;gap:16px}
.em-app .v1 .v4-com .persona>span:last-child{display:block;flex:1 1 auto;min-width:0;text-align:left}
.em-app .v1 .v4-com .persona .foto{flex:0 0 auto;display:block;width:64px;height:64px;margin:0;border:0;border-radius:50%;aspect-ratio:auto;object-fit:cover;background:none;box-shadow:0 0 0 1px #dbe3ec,0 2px 6px rgba(19,35,59,.12)}
.em-app .v1 .v4-com .persona .foto.v4-ini-g{display:grid;place-items:center;background:var(--azul-claro)}
.em-app .v1 .v4-com .persona b{display:block;font-size:16px;line-height:1.3}
.em-app .v1 .v4-com .persona small{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--gris)}
.em-app .v1 .v4-com-roles,.em-app .v1 .v4-lat-dos,.em-app .v1 .v4-acc-dos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.em-app .v1 .v4-com-card,.em-app .v1 .v4-normas-card,.em-app .v1 .v4-bec-otras{padding:18px 24px 20px}
.em-app .v1 .v4-com-card h3,.em-app .v1 .v4-normas-card h3{margin:0 0 8px;font:800 16px/1.25 var(--letra);color:var(--marino)}
.em-app .v1 .v4-roles{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5}
.em-app .v1 .v4-roles li{padding-right:8px}
.em-app .v1 .v4-roles b{color:var(--marino)}
.em-app .v1 .v4-exp-form select{font:500 15px var(--letra);padding:9px 11px;border-radius:6px;border:1px solid var(--linea-f);background:var(--tarjeta);color:var(--tinta)}
.em-app .v1 .v4-exp-ya,.em-app .v1 .v4-env-casos,.em-app .v1 .v4-legal{margin-top:16px}
.em-app .v1 .v4-env-cab{margin-bottom:12px}
.em-app .v1 .v4-env-form{border-radius:12px;border:1px solid var(--linea)}
.em-app .v1 .v4-bec{margin-bottom:16px}
.em-app .v1 .v4-bec-pie{margin:10px 0 0;font-size:13px;color:var(--gris)}
.em-app .v1 .v4-ag .fecha b{font-size:17px}
.em-app .v1 .v4-al{margin-top:0}
.em-app .v1 .v4-al-que{margin-top:16px}
.em-app .v1 .v4-normas-card{margin-top:16px}
.em-app .v1 .v4-normas{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45}
.em-app .v1 .v4-faq details{border:1px solid var(--linea);border-radius:10px;padding:0 14px;margin:0 0 8px;background:#fff}
.em-app .v1 .v4-faq summary{cursor:pointer;padding:11px 0;font:700 15px/1.3 var(--letra);color:var(--marino)}
.em-app .v1 .v4-faq p{margin:0 0 12px;font-size:14px;line-height:1.5}
@media (max-width:760px){.em-app .v1 .v4-com-roles,.em-app .v1 .v4-lat-dos,.em-app .v1 .v4-acc-dos{grid-template-columns:1fr}}

/* ---------- 11/10/2026: los cuatro módulos de dispositivos (H2, I5, B6, C7), B4 y J1 ---------- */
/* J1: los rótulos «Coordinación editorial» y «Comité científico» separados de su caja (Ramón, 11/10: «separar la línea de arriba de su caja») */
.em-app .v1 .v4-com-coord>.v4-ens-gt,.em-app .v1 .v4-com>.v4-ens-gt{margin:0 0 12px}
.em-app .v1 .v4-com>.v4-ens-gt{margin-top:22px}
/* la guía ESC 2026 dentro de las ventanas de una cadena de pasos (H2, I5, B4): la clase encima de la frase, que la columna es estrecha */
.em-app .v1 .v4-fp-det .v4-esc{margin:2px 0 6px;gap:10px}
.em-app .v1 .v4-fp-det .v4-esc li{flex-direction:column;gap:4px;font-size:13.5px;line-height:1.45}
.em-app .v1 .v4-fp-det .v4-esc li .v4-cn{margin-top:0}
.em-app .v1 .v4-fp-det .v4-cand-src,.em-app .v1 .v4-dos-como .v4-cand-src{display:block;margin-top:6px;font-size:11.5px;line-height:1.4;color:var(--gris)}
.em-app .v1 .v4-esc li[title]{cursor:help}
/* H2: los dispositivos con sus cuatro pasos, en chip lleno; los que tienen la ficha por completar, en chip punteado */
.em-app .v1 .v4-dx .v4-fx-chip.v4-dx-parcial{border-style:dashed}
.em-app .v1 .v4-dx .v4-fx-chip.v4-dx-parcial[aria-pressed="true"]{border-style:solid}
.em-app .v1 .v4-dx-ley{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:2px 0 0;font-size:12px;color:var(--gris)}
.em-app .v1 .v4-dx-ley span{display:inline-block;width:22px;height:12px;border-radius:999px;border:1px solid var(--linea-f)}
.em-app .v1 .v4-dx-ley .v4-dx-ley-p{border-style:dashed;margin-left:10px}
.em-app .v1 .v4-dx .v4-fx-dl dd .v4-fx-por{font-size:13px}
/* B6: el planificador del implante */
.em-app .v1 .v4-imp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px 28px;align-items:start}
.em-app .v1 .v4-imp-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-content:start}
.em-app .v1 .v4-imp-form>.v4-fx-h3,.em-app .v1 .v4-imp-form>.v4-cal-extras,.em-app .v1 .v4-imp-form>.v4-cal-aviso,.em-app .v1 .v4-imp-form>.v5-sigue{grid-column:1/-1;margin:0}
.em-app .v1 .v4-imp-form .v4-ens-select{width:100%;font-size:14px;padding:8px 32px 8px 10px}
.em-app .v1 .v4-imp-form .v4-cal-fecha{width:100%;box-sizing:border-box}
.em-app .v1 .v4-imp-form .v4-cal-extras{padding-top:2px}
.em-app .v1 .v4-imp-salida{min-width:0;border-left:1px solid var(--linea);padding-left:26px}
.em-app .v1 .v4-imp-tit{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:18px;color:var(--tinta)}
.em-app .v1 .v4-imp-hoja h4{margin:16px 0 8px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.em-app .v1 .v4-imp-hoja h4:first-child{margin-top:0}
.em-app .v1 .v4-imp-tabla tbody th{min-width:0;font-weight:600}
.em-app .v1 .v4-imp-tabla td small{display:block;color:#1f7a4d;font-size:11.5px;font-weight:700}
.em-app .v1 .v4-imp-tabla tr.v4-imp-ya th,.em-app .v1 .v4-imp-tabla tr.v4-imp-ya td{background:#f1f8f4}
.em-app .v1 .v4-imp-guia{margin:0}
.em-app .v1 .v4-imp-guia li small{color:var(--gris);font-size:11.5px;font-weight:700;white-space:nowrap}
.em-app .v1 .v4-imp-guia li.v4-imp-nota span,.em-app .v1 .v4-imp-guia li.v4-imp-vacio span{color:var(--gris);font-style:italic}
.em-app .v1 .v4-imp-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.em-app .v1 .v4-imp-lista label{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--tinta);cursor:pointer}
.em-app .v1 .v4-imp-lista input{margin-top:3px;flex:none}
.em-app .v1 .v5-muestra .v4-imp-salida{display:none}   /* B6: en la portada, solo la plantilla; la hoja, en su página */
.em-app .v1 .v5-muestra .v4-imp{grid-template-columns:1fr}
.em-app .v1 .v5-muestra .v4-imp-form{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:959px){.em-app .v1 .v4-imp{grid-template-columns:1fr}.em-app .v1 .v4-imp-salida{border-left:0;padding-left:0;border-top:1px solid var(--linea);padding-top:16px}.em-app .v1 .v5-muestra .v4-imp-form{grid-template-columns:1fr 1fr}}
@media (max-width:559px){.em-app .v1 .v4-imp-form,.em-app .v1 .v5-muestra .v4-imp-form{grid-template-columns:1fr}}
@media print{
  body.v4-imp-print *{visibility:hidden}
  body.v4-imp-print .v4-imp-salida,body.v4-imp-print .v4-imp-salida *{visibility:visible}
  body.v4-imp-print .v4-imp-salida{position:absolute;left:0;top:0;width:100%;padding:12mm;border:0}
  body.v4-imp-print .v4-imp-imprime{display:none}
  body.v4-imp-print .v4-man-tabla-env{overflow:visible}
}
/* C7: el procedimiento en vídeo */
.em-app .v1 .v4-proc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.em-app .v1 .v4-proc-tab{font:inherit;font-size:13.5px;font-weight:600;padding:7px 14px;border:1px solid var(--linea-f);border-radius:999px;background:var(--tarjeta);color:var(--marino);cursor:pointer}
.em-app .v1 .v4-proc-tab:hover{border-color:var(--marino)}
.em-app .v1 .v4-proc-tab.on{background:var(--marino);border-color:var(--marino);color:#fff}
.em-app .v1 .v4-proc-p{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px 26px;align-items:start;transition:opacity .22s ease}
.em-app .v1 .v4-proc-p[hidden]{display:none}
.em-app .v1 .v4-proc.v4-cambia .v4-proc-p{opacity:0}
.em-app .v1 .v4-proc-pant{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0c2038;display:grid;grid-template-columns:1fr 1fr;gap:3px}
.em-app .v1 .v4-proc-pant>div{position:relative;display:flex;align-items:flex-end;padding:10px 12px;background:radial-gradient(120% 90% at 30% 25%,#2a4f78 0%,#13304f 55%,#0c2038 100%)}
.em-app .v1 .v4-proc-pant>div:nth-child(2){background:radial-gradient(120% 90% at 70% 30%,#24496f 0%,#112b48 60%,#0c2038 100%)}
.em-app .v1 .v4-proc-pant>div span{font:700 10.5px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.em-app .v1 .v4-proc-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--marino);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.em-app .v1 .v4-proc-estado{position:absolute;left:12px;top:10px;padding:3px 10px;border-radius:999px;background:var(--granate);color:#fff;font:700 11px/1.4 var(--letra);letter-spacing:.03em}
.em-app .v1 .v4-proc-meta{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--gris)}
.em-app .v1 .v4-proc-meta b{display:block;margin-bottom:2px;font-family:var(--serif,"Source Serif 4",Georgia,serif);font-weight:600;font-size:16px;color:var(--tinta)}
.em-app .v1 .v4-proc-lado h4{margin:0 0 8px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.em-app .v1 .v4-proc-cap{list-style:none;counter-reset:cap;margin:0;padding:0;border:1px solid var(--linea);border-radius:12px;background:var(--tarjeta);overflow:hidden}
.em-app .v1 .v4-proc-cap li{counter-increment:cap;display:grid;grid-template-columns:28px 1fr;column-gap:10px;padding:9px 14px;border-top:1px solid var(--linea);font-size:14px;line-height:1.4}
.em-app .v1 .v4-proc-cap li:first-child{border-top:0}
.em-app .v1 .v4-proc-cap li::before{content:counter(cap);grid-row:1/span 2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--azul-claro);color:var(--marino);font:800 12.5px/1 var(--letra)}
.em-app .v1 .v4-proc-cap b{color:var(--tinta);font-weight:700}
.em-app .v1 .v4-proc-cap span{color:var(--gris);font-size:13px}
.em-app .v1 .v4-proc-antes{margin:10px 0 0;font-size:13px;color:var(--gris)}
.em-app .v1 .v4-proc-antes a{color:var(--azul);font-weight:600;text-decoration:none}
.em-app .v1 .v4-proc-ya{margin-top:26px}
.em-app .v1 .v4-proc-ya>.v4-ens-gt{margin:0 0 12px}
.em-app .v1 a.v4-vid-th{color:inherit}
@media (max-width:759px){.em-app .v1 .v4-proc-p{grid-template-columns:1fr}}
/* B4: la tabla de dosis de la guía */
.em-app .v1 .v4-dos{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:18px 26px;align-items:start}
.em-app .v1 .v4-dos-t th,.em-app .v1 .v4-dos-t td{font-size:14px;line-height:1.4;vertical-align:top}
.em-app .v1 .v4-dos-t tbody th{font-weight:600;color:var(--tinta)}
.em-app .v1 .v4-dos-t tbody th sup{color:var(--granate);font-weight:700;margin-left:1px}
.em-app .v1 .v4-dos-t tr.v4-dos-g th{padding-top:12px;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate);background:transparent}
.em-app .v1 .v4-dos-t td:nth-child(3){font-weight:700;color:var(--marino)}
.em-app .v1 .v4-dos-notas{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px;font-size:12.5px;line-height:1.45;color:var(--gris)}
.em-app .v1 .v4-dos-notas sup{color:var(--granate);font-weight:700}
.em-app .v1 .v4-dos-como{padding:16px 18px 18px}
.em-app .v1 .v4-dos-como .v4-esc li{font-size:13.5px}
.em-app .v1 .v4-dos-ts{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--tinta)}
.em-app .v1 .v4-dos-ir{margin:14px 0 8px}
.em-app .v1 .v4-dos-ir .btn{background:var(--granate);border-color:var(--granate);color:#fff}
.em-app .v1 .v4-dos-mas{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13.5px;line-height:1.4}
.em-app .v1 .v4-dos-mas a{color:var(--azul);font-weight:600;text-decoration:none}
.em-app .v1 .v5-muestra .v4-dos{grid-template-columns:1fr}
.em-app .v1 .v5-muestra .v4-dos-t{max-width:720px}
/* C3 en la portada (13/10/2026, Ramón: «es feo que la tabla se vea así en la portada […] Debería quedar más recortada hacia la
   mitad y no llegar hasta el borde derecho»; de las tres vistas en su Chrome eligió la B). Desde 992 px, la tabla a algo más de la
   mitad y, a su lado y a su misma altura, «Cómo se titula» con sus dos recomendaciones (si la tarjeta es más alta, la tabla estira
   sus filas). Por debajo, la tabla sola, como antes. Con el id: la hoja del montaje fija luego esta rejilla a una columna. */
@media (max-width:991px){.em-app .v1 #p-m-dosis .v5-muestra .v4-dos-como{display:none}}
@media (min-width:992px){
  .em-app .v1 #p-m-dosis .v5-muestra .v4-dos{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}
  .em-app .v1 #p-m-dosis .v5-muestra .v4-dos-tabla{display:flex;flex-direction:column}
  .em-app .v1 #p-m-dosis .v5-muestra .v4-man-tabla-env{margin:0;flex:1 1 auto}
  .em-app .v1 #p-m-dosis .v5-muestra .v4-dos-t{max-width:none;height:100%}
  .em-app .v1 #p-m-dosis .v5-muestra .v4-dos-t tbody th{width:auto;white-space:nowrap}
  .em-app .v1 #p-m-dosis .v5-muestra .v4-dos-como{margin:0}
  .em-app .v1 #p-m-dosis .v5-muestra .v4-dos-como .v4-esc{margin-bottom:0}
}
@media (max-width:959px){.em-app .v1 .v4-dos{grid-template-columns:1fr}}
.em-app .v1 .v4-imp-salida>.v5-imp-aviso{margin:0 0 12px}
/* 11/10/2026: en la portada, los cuadros de las cadenas de pasos (G3, I4, I5) llevan a la página del módulo con ese paso abierto */
.em-app .v1 a.v4-fp-bt,.em-app .v1 a.v4-fp-bt:hover{text-decoration:none;color:var(--tinta)}
.em-app .v1 a.v4-fp-bt small{color:var(--gris)}
/* 11/10/2026: en el desplegable de una página de módulo, el módulo en el que se está */
.em-app .em-tabs .v4-desp li.v5-aqui a{background:var(--azul-claro);font-weight:700}

/* ---------- 11/10/2026: el desplegable de debajo de cada muestra de la portada (Ramón: «para que la gente pueda ver lo que hay detrás»); en H1 y H2, debajo de los botones ---------- */
.v5-despl{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:14px 0 2px;padding:12px 16px;border:1px solid var(--linea);border-radius:12px;background:var(--suave)}
.v5-despl-lab{font:700 12.5px/1.25 var(--letra);letter-spacing:.06em;text-transform:uppercase;color:var(--granate)}
.v5-despl-sel{flex:1 1 280px;max-width:620px;min-width:0;font:600 15px/1.25 var(--letra);padding:10px 38px 10px 12px;border-radius:10px;border:1.5px solid var(--linea-f);background:var(--tarjeta) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5a9e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 12px center/16px;color:var(--tinta);appearance:none;-webkit-appearance:none;cursor:pointer}
.v5-despl-sel:hover{border-color:var(--marino)}
.v5-despl-sel:focus-visible{outline:2px solid var(--granate);outline-offset:2px}
@media (max-width:600px){.v5-despl{padding:10px 12px}.v5-despl-sel{flex-basis:100%;max-width:none}}
/* ?ver=n en la página del módulo: el elemento elegido en el desplegable, señalado unos segundos */
.v5-visto{outline:3px solid var(--granate);outline-offset:4px;border-radius:10px;transition:outline-color .8s ease}
tr.v5-visto{outline:none}
tr.v5-visto>th,tr.v5-visto>td{background:#fbe8ec;transition:background-color .8s ease}
.v5-sin-anim *,.v5-sin-anim *::before,.v5-sin-anim *::after{transition:none!important;animation:none!important}

/* 11/10/2026 (noche): L4, «Quién está detrás», aire entre las dos tarjetas de arriba y el rótulo de los servicios; D5, rótulo de cada año */
.em-app .v1 .v4-qui-t{margin:24px 0 12px}
.em-app .v1 .v4-rec-todos>p{margin:22px 0 10px}
/* 11/10/2026 (noche): L4, los tres servicios con las imágenes del módulo de la web (Ramón: «para que quede más bonito»), arriba y recortadas 2:1, como allí */
.em-app .v1 .card.herr.v4-qui-sv{padding:0;flex-direction:column;align-items:stretch;gap:0;overflow:hidden}
.em-app .v1 .v4-qui-img{display:block}
.em-app .v1 .v4-qui-img img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-bottom:1px solid var(--linea);background:var(--suave)}
.em-app .v1 .v4-qui-sv>div{padding:14px 18px 18px}

/* ---------- 12/10/2026 (tarde) ---------- */
/* C12 y los demás pliegues (Ramón: «los recuadros se pegan arriba»): lo de dentro de un apartado, con aire bajo su cabecera */
.em-app .v1 .v4-soc-gcuerpo > :first-child:not(.v4-ens-cab):not(.v4-ens-fila){margin-top:12px}
/* el paso del ratón (Ramón, con D4: «sale una línea negra alrededor de cada elemento»): como las tarjetas de la web, la tarjeta sube 3 px y
   gana una sombra suave; el borde no se oscurece. Botones, opciones y desplegables: borde y fondo azul claro */
.em-app .v1 .v4-cajon,.em-app .v1 .v4-pdf-lista a,.em-app .v1 .v4-doc,.em-app .v1 .v4-info-it,.em-app .v1 .v4-dia-it,.em-app .v1 .v4-pac-it,.em-app .v1 .v4-fp-bt{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.em-app .v1 .v4-cajon:hover,.em-app .v1 .v4-pdf-lista a:hover,.em-app .v1 .v4-doc:hover,.em-app .v1 .v4-info-it:hover,.em-app .v1 .v4-dia-it:hover,.em-app .v1 .v4-pac-it:hover,.em-app .v1 .v4-fp-paso:not(.on) .v4-fp-bt:hover{border-color:var(--linea);transform:translateY(-3px);box-shadow:0 2px 4px rgba(19,35,59,.06),0 14px 30px rgba(19,35,59,.13)}
.em-app .v1 .v4-fx-chip:hover,.em-app .v1 .v4-cand-op:hover,.em-app .v1 .v4-cand-reset:hover,.em-app .v1 .v4-proc-tab:hover,.em-app .v1 a.v4-real:hover,.em-app .v5-despl-sel:hover{border-color:#b9cbe0;background:var(--azul-claro)}
@media (prefers-reduced-motion:reduce){.em-app .v1 .v4-cajon:hover,.em-app .v1 .v4-pdf-lista a:hover,.em-app .v1 .v4-doc:hover,.em-app .v1 .v4-info-it:hover,.em-app .v1 .v4-dia-it:hover,.em-app .v1 .v4-pac-it:hover,.em-app .v1 .v4-fp-paso:not(.on) .v4-fp-bt:hover{transform:none}}
/* C1: los objetivos del curso (sin enlace) y el profesorado */
.em-app .v1 .v4-cur .modulos .v4-sel-rot{margin:0 0 6px}
.em-app .v1 .v4-cur .modulo span.v4-cur-ot{display:block;margin:0;color:var(--tinta)}
.em-app .v1 .v4-cur-prof{margin:14px 0 0;padding:14px 16px;border:1px solid var(--linea);border-radius:12px;background:var(--suave)}
.em-app .v1 .v4-cur-prof p{margin:0;font-size:14px;line-height:1.6;color:var(--tinta)}
.em-app .v1 .v4-cur-prof p.v4-sel-rot{margin:0 0 4px;font:700 11.5px/1.3 var(--letra);color:var(--granate)}
/* F2 (12/10/2026, Ramón: «F2 sale mal»): las tarjetas de la SEMI y de la SEC y «Lo que ya hay», con la tipografía del ESPACIO */
.em-app .v1 .v4-mapa-u{display:flex;flex-direction:column;gap:14px}
.em-app .v1 .v4-mapa-u .card{display:block;padding:16px 18px;margin:0}
.em-app .v1 .v4-mapa-u h3.v4-ens-gt{margin:0 0 8px;font:700 12px/1.35 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate)}
.em-app .v1 .v4-mapa-u .card>p:not(.v4-mapa-fuente){margin:0 0 12px;font-size:14.5px;line-height:1.55;color:var(--tinta)}
.em-app .v1 .v4-mapa-u .v4-mapa-fuente{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--gris)}
.em-app .v1 .v4-mapa-u .v4-man-tabla-env{margin:0}
.em-app .v1 .v4-mapa-ya{padding:2px 2px 0}
/* tablas (12/10/2026, Ramón: «I3 se corta la derecha»): que quepan en su caja; las palabras largas se parten y los enlaces saltan de línea */
.em-app .v1 .v4-man-tabla th,.em-app .v1 .v4-man-tabla td,.em-app .v1 .v4-comp th,.em-app .v1 .v4-comp td{overflow-wrap:anywhere;hyphens:auto}
.em-app .v1 .v4-man-tabla tbody th{min-width:0;width:18%}
.em-app .v1 .v4-comp tbody th{width:22%;min-width:0}
.em-app .v1 .v4-comp td a,.em-app .v1 .v4-man-tabla td a[data-man],.em-app .v1 .v4-man-tabla td a[data-seg]{white-space:normal}
/* en el móvil, las tablas de cuatro o cinco columnas no se aplastan: se deslizan de lado dentro de su caja */
@media (max-width:600px){.em-app .v1 .v4-comp{min-width:540px}.em-app .v1 .v4-man-tabla{min-width:500px}}
/* C1, segunda vuelta (12/10/2026, Ramón): la imagen del curso, encima del título, y el programa de doce temas (solo en la página) */
.em-app .v1 .v4-cur-img{display:block;width:100%;height:auto;aspect-ratio:1010/336;object-fit:cover;border-radius:10px;margin:0 0 18px;background:var(--suave)}
.em-app .v1 .v4-cur-prog{margin:14px 0 0;padding:16px 18px;border:1px solid var(--linea);border-radius:12px;background:var(--suave)}
.em-app .v1 .v4-cur-prog p.v4-sel-rot{margin:0 0 10px;font:700 11.5px/1.3 var(--letra);color:var(--granate)}
.em-app .v1 .v4-cur-temas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.em-app .v1 .v4-cur-temas li{display:flex;gap:10px;align-items:center;margin:0;padding:9px 12px;border:1px solid var(--linea);border-radius:8px;background:var(--tarjeta);font-size:14px;line-height:1.35;color:var(--tinta)}
.em-app .v1 .v4-cur-temas li::before{content:none;display:none}
.em-app .v1 .v4-cur-temas li b{flex:none;min-width:22px;color:var(--azul);font-size:13px}
.em-app .v1 .v4-cur-cada{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--gris)}
.em-app .v1 .v4-cur-cada b{color:var(--tinta)}
@media (max-width:759px){.em-app .v1 .v4-cur-temas{grid-template-columns:1fr}}
/* tablas, segunda vuelta (12/10/2026; Ramón: «I3 problema a la derecha» y «En E4 la distribución de columnas?»). Con las palabras partidas
   en cualquier punto, el navegador dejaba casi sin ancho a alguna columna («Ver su línea» en I3, metoprolol en E4). Ahora las tablas de
   comparación (E4, H1) y la de I3 reparten el ancho por igual entre sus columnas, y ninguna tabla parte palabras con guion */
.em-app .v1 .v4-man-tabla th,.em-app .v1 .v4-man-tabla td,.em-app .v1 .v4-comp th,.em-app .v1 .v4-comp td{overflow-wrap:break-word;hyphens:manual}
.em-app .v1 .v4-comp{table-layout:fixed;width:100%}
.em-app .v1 .v4-comp thead th:first-child{width:22%}
.em-app .v1 table[class="v4-man-tabla"]{table-layout:fixed;width:100%}
.em-app .v1 table[class="v4-man-tabla"] thead th:first-child{width:17%}
.em-app .v1 table[class="v4-man-tabla"] thead th:last-child{width:108px}
.em-app .v1 table[class="v4-man-tabla"] td:last-child a{white-space:nowrap}
/* C1 (12/10/2026, Ramón: «sí al apoyo»): «Con el apoyo de Boehringer Ingelheim», como en la ficha del curso */
.em-app .v1 .v4-cur-apoyo{margin:14px 0 0;font-size:12.5px;line-height:1.4;color:var(--gris)}
/* I2 (12/10/2026): la línea secundaria de los paneles que se abren, con su margen, en gris y más pequeña (la regla de los párrafos del panel la dejaba pegada) */
.em-app .v1 .v4-ens-det p.v4-acc-consulta{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--gris)}
.em-app .v1 .v4-ens-det p.v4-acc-consulta b{color:var(--tinta)}
/* la barra (Ramón, 12/10/2026: «el azul de Guías es tan igual al rectángulo que no se ve; poner un borde de color al círculo»): el círculo de cada bloque, con borde blanco sobre el azul de la barra (antes, blanco al 30%; el de Guías es del mismo azul) */
.em-app .em-tabs .em-in>a::before{box-shadow:0 0 0 2px #fff}

/* ===================== De un vistazo: las novedades del ESPACIO (Ramón, 12/10/2026; propuesta v3 de de-un-vistazo-2026-10-12/) ===================== */
.em-app .dv{margin-top:20px;border:2px solid #163a63;border-radius:14px;overflow:hidden;background:#f3f6fa;box-shadow:var(--em-sombra);container-type:inline-size;font-family:var(--em-letra);color:var(--em-tinta)}
.em-app .dv-i{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.em-app .dv-cab{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px;padding:12px 16px;background:#163a63;color:#fff}
.em-app .dv-cab-tx{flex:1 1 300px;min-width:0}
.em-app .dv-eti{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.85;color:#fff}
.em-app .dv-cab h2{font-family:var(--em-serif);font-weight:600;font-size:21px;line-height:1.2;margin:1px 0 2px;color:#fff;padding:0;border:0}
.em-app .dv-ventana{margin:0;font-size:14px;line-height:1.45;color:#fff;opacity:.96}
.em-app .dv-ventana b{font-weight:700}
.em-app .dv-cuenta{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:12.5px;font-weight:700;color:#0c2a4b;background:#d8f1e4;border-radius:999px;padding:2px 10px 2px 8px;vertical-align:1px}
.em-app .dv-cuenta .dv-i{width:14px;height:14px}
.em-app .dv-plegar{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font:600 13px var(--em-letra);color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 12px;cursor:pointer;margin:0}
.em-app .dv-plegar .dv-i{transition:transform .3s ease}
.em-app .dv[data-open="false"] .dv-plegar .dv-i{transform:rotate(180deg)}
.em-app .dv-invita{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:9px 12px;border:1px dashed rgba(255,255,255,.45);border-radius:10px;background:rgba(255,255,255,.08)}
.em-app .dv-invita>.dv-i{width:20px;height:20px}
.em-app .dv-invita p{flex:1 1 320px;margin:0;font-size:13.5px;line-height:1.4;color:#fff}
.em-app .dv-invita-bt{display:flex;gap:6px;flex:0 0 auto}
.em-app .dv-invita-bt a{font:700 13px var(--em-letra);text-decoration:none;padding:7px 12px;border-radius:999px;white-space:nowrap}
.em-app .dv-bt-entrar{background:#fff;color:#163a63}
.em-app .dv-bt-crear{color:#fff;border:1px solid rgba(255,255,255,.6)}
.em-app .dv-chips{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px}
.em-app .dv-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#fff;text-decoration:none;padding:5px 6px 5px 11px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28)}
.em-app .dv-chip b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff;color:#163a63;display:inline-grid;place-items:center;font-size:12.5px}
.em-app .dv-chip.dv-g{background:rgba(255,107,129,.2);border-color:rgba(255,140,160,.6)}
.em-app .dv-chip:hover{background:rgba(255,255,255,.2);color:#fff}
.em-app .dv-cuerpo{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .34s ease,opacity .26s ease}
.em-app .dv[data-open="false"] .dv-cuerpo{grid-template-rows:0fr;opacity:0}
.em-app .dv-int{min-height:0;overflow:hidden}
.em-app .dv[data-open="false"] .dv-int{visibility:hidden;transition:visibility 0s .34s}
.em-app .dv-int-in{padding:14px 14px 12px}
.em-app .dv-zona{margin:0 0 14px;scroll-margin-top:140px}
.em-app .dv-h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:0;border:0;font:700 12.5px var(--em-letra);letter-spacing:.12em;text-transform:uppercase;color:var(--em-marino)}
.em-app .dv-h3 small{font-size:12px;letter-spacing:0;color:var(--em-gris);font-weight:600}
.em-app .dv-zg .dv-h3{color:var(--em-granate)}
.em-app .dv-avisos{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.em-app .dv-aviso{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;margin:0;padding:11px 14px;background:#fff;border:1px solid var(--em-linea);border-left:4px solid var(--em-granate);border-radius:10px}
.em-app .dv-tipo{grid-row:span 2;align-self:start;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--em-granate);background:#f8e8ec;border-radius:6px;padding:4px 8px;white-space:nowrap}
.em-app .dv-aviso p{margin:0;font-size:15px;line-height:1.45}
.em-app .dv-aviso p b{font-family:var(--em-serif);font-weight:600;font-size:16px}
.em-app .dv-pie{font-size:12.5px;color:var(--em-gris);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.em-app .dv-pie a,.em-app .dv-lineas small a{font-weight:700;text-decoration:none;color:var(--em-azul)}
.em-app .dv-mod{display:inline-flex;align-items:center;gap:5px}
.em-app .dv-az{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 5px;border-radius:5px;background:#163a63;color:#fff;font:800 11.5px var(--em-letra);letter-spacing:.02em}
.em-app .dv-piezas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@container (max-width: 860px){.em-app .dv-piezas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width: 560px){.em-app .dv-piezas{grid-template-columns:1fr}.em-app .dv-aviso{grid-template-columns:1fr}.em-app .dv-tipo{grid-row:auto;justify-self:start}}
.em-app .dv-pieza{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start;padding:10px;background:#fff;border:1px solid var(--em-linea);border-radius:10px;text-decoration:none;color:var(--em-tinta);transition:transform .2s ease,box-shadow .2s ease}
.em-app .dv-pieza:hover{transform:translateY(-3px);box-shadow:var(--em-sombra)}
.em-app .dv-pieza[hidden],.em-app .dv-lineas li[hidden]{display:none}
.em-app .dv-img{width:96px;height:78px;border-radius:7px;overflow:hidden;background:var(--em-suave);display:grid;place-items:center}
.em-app .dv-img img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.em-app .dv-tile{background:var(--em-azul-claro);color:var(--em-azul);display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.em-app .dv-tile .dv-i{width:24px;height:24px}
.em-app .dv-tile i{font-style:normal}
.em-app .dv-tile.dv-lote{background:#f8e8ec;color:var(--em-granate)}
.em-app .dv-ptx small{display:block}
.em-app .dv-cat{font-size:12px;color:var(--em-azul);font-weight:600}
.em-app .dv-ptx b{display:block;font-family:var(--em-serif);font-weight:600;font-size:15.5px;line-height:1.28;margin:2px 0 3px}
.em-app .dv-pieza:hover .dv-ptx b{color:var(--em-azul)}
.em-app .dv-firma{font-size:12.5px;color:var(--em-gris)}
.em-app .dv-mas-bt,.em-app .dv-hist-bt{margin-top:8px;font:700 13px var(--em-letra);color:var(--em-azul);background:none;border:1px solid var(--em-linea);border-radius:999px;padding:7px 12px;cursor:pointer}
.em-app .dv-mas-bt:hover,.em-app .dv-hist-bt:hover{background:var(--em-azul-claro)}
.em-app .dv-dos{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
@container (max-width: 760px){.em-app .dv-dos{grid-template-columns:1fr}}
.em-app .dv-caja{background:#fff;border:1px solid var(--em-linea);border-radius:10px;padding:10px 12px}
.em-app .dv-lineas{list-style:none;margin:0;padding:0}
.em-app .dv-lineas li{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:0;padding:9px 0;border-top:1px solid var(--em-linea)}
.em-app .dv-lineas li:first-child{border-top:0;padding-top:2px}
.em-app .dv-lineas p{margin:0;font-size:14.5px;line-height:1.42}
.em-app .dv-lineas small{display:block;margin-top:2px;font-size:12.5px;color:var(--em-gris)}
.em-app .dv-fecha-ev{display:grid;place-items:center;width:46px;border-radius:8px;background:#efeafa;color:#5b3fa0;padding:4px 0;line-height:1.05}
.em-app .dv-fecha-ev b{font-size:15px}
.em-app .dv-fecha-ev small{display:block;margin:0;font-size:10.5px;color:#5b3fa0;text-transform:uppercase;font-weight:700}
.em-app .dv-zx .dv-h3{color:#7a5200}
.em-app .dv-corr{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a5200;background:#fff6e0;border-radius:5px;padding:2px 6px;margin-right:4px}
.em-app .dv-pie-panel{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;align-items:center;padding:10px 2px 2px;border-top:1px solid var(--em-linea);font-size:13px;color:var(--em-gris)}
.em-app .dv-pie-panel .dv-hist-bt{margin-top:0}
.em-app .dv-resumen-esp{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px;border:1px dashed var(--em-linea);border-radius:10px;background:#fff;font-size:14.5px}
.em-app .dv-resumen-esp span{flex:1 1 260px}
.em-app .dv-resumen-esp .dv-hist-bt{margin-top:0}
.em-app .dv-nada{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
@container (max-width: 760px){.em-app .dv-nada{grid-template-columns:1fr}}
.em-app .dv-ult{display:block;padding:10px 12px;border:1px solid var(--em-linea);border-radius:8px;background:#fff;text-decoration:none;color:var(--em-tinta)}
.em-app .dv-ult em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--em-granate);font-weight:700;margin:0 0 3px}
.em-app .dv-ult b{display:block;font-family:var(--em-serif);font-weight:600;font-size:15px;line-height:1.3}
.em-app .dv-historial{margin:4px 0 12px;padding:12px 14px;background:#fff;border:1px solid var(--em-linea);border-radius:10px}
.em-app .dv-historial h4{margin:10px 0 4px;font:700 12px var(--em-letra);letter-spacing:.1em;text-transform:uppercase;color:var(--em-gris)}
/* las marcas de novedad: en la banda, en el desplegable de la barra, en la pestaña y en la página del módulo */
.em-app .dv-nov{display:inline-flex;align-items:center;gap:5px;margin:6px 0 2px;font:700 12px var(--em-letra);color:var(--em-granate);background:#f8e8ec;border-radius:999px;padding:3px 10px}
.em-app .dv-nov::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--em-granate)}
.em-app .dv-nov-desp{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--em-granate);white-space:nowrap;padding-left:6px}
.em-app .em-tabs a.dv-punto{position:relative}
.em-app .em-tabs a.dv-punto::after{content:"";position:absolute;top:4px;right:2px;width:7px;height:7px;border-radius:50%;background:#ff6b81;box-shadow:0 0 0 2px #163a63}
.em-app .dv-actualizado{margin:10px 0 12px;padding:10px 14px;border:1px solid var(--em-linea);border-left:4px solid var(--em-granate);border-radius:10px;background:#fff}
.em-app .dv-actualizado p{margin:0;font-size:14.5px;line-height:1.45}
.em-app .dv-actualizado p+p{margin-top:6px}
.em-app .dv-actualizado b{color:var(--em-granate)}
/* «Lo esencial» (los tres mensajes clave y las tres señales de alarma) fuera del panel, con sus reglas de dentro */
.em-app .dv-esencial{margin-top:14px}
.em-app .dv-esencial .em-dos{margin-top:0!important}
.em-app .dv-esencial .em-clave{border:2px solid var(--em-marino);background:#fff;border-radius:10px}
.em-app .dv-esencial .em-alarma{background:#fbe9e7;border:2px solid var(--em-rojo)}
.em-app .dv-esencial .em-alarma.v4-alarma{display:block;padding:14px 16px;font-size:15px}
.em-app .dv-esencial .em-clave h3{margin-bottom:4px}
.em-app .dv-esencial .em-clave ol,.em-app .dv-esencial .v4-alarma ol{list-style:none;margin:0;padding:0;counter-reset:v4n}
.em-app .dv-esencial .em-clave li,.em-app .dv-esencial .v4-alarma li{counter-increment:v4n;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;margin:0;padding:9px 0;border-top:1px solid var(--em-linea);font-size:15px;line-height:1.45}
.em-app .dv-esencial .em-clave li:first-child,.em-app .dv-esencial .v4-alarma li:first-child{border-top:0;padding-top:4px}
.em-app .dv-esencial .em-clave li::before,.em-app .dv-esencial .v4-alarma li::before{content:counter(v4n);width:30px;height:30px;border-radius:50%;background:var(--em-azul-claro);color:var(--em-azul);font:800 14px/30px var(--em-letra);text-align:center;margin-top:1px}
.em-app .dv-esencial .v4-alarma li{border-top-color:rgba(163,38,27,.18)}
.em-app .dv-esencial .v4-alarma li::before{background:#fff;color:var(--em-rojo);box-shadow:0 0 0 1px rgba(163,38,27,.25)}
/* en las páginas de módulo no hay panel (el montaje lo quita; en la maqueta, oculto) */
.em-app[data-pagina] #dv{display:none}
/* la franja «datos» del héroe, en tres columnas (Ramón, 12/10/2026: fuera el cuadro de las firmas); en 860 px o menos, como estaba */
@media (min-width:861px){.em-app .v1 .datos{grid-template-columns:repeat(3,1fr)}}

/* Rellenar las muestras de la portada (13/10/2026, Ramón: «en todos los que tengan una imagen importada, hay que cargar todos los
   contenidos que sean necesarios para rellenar la imagen de portada. Me ocurre también, por ejemplo, en las diapositivas»): ninguna fila
   de tarjetas a medias y ninguna columna corta junto a una imagen, a ningún ancho. Las muestras traen una o varias piezas de más (el
   generador) y aquí se decide cuántas se ven en cada ancho. C4 va con cuatro por columna, como A2 y A3 (parche-c4-relleno) */
/* C1: el rótulo y siete objetivos junto a la tarjeta del curso; siete desde 992 px, seis de 861 a 991 px y, con la tarjeta encima
   (860 px o menos), los tres de siempre */
@media (max-width:991.98px){.em-app .v1 .v5-muestra .v4-cur .modulos>.modulo:nth-child(n+8){display:none}}
@media (max-width:860px){.em-app .v1 .v5-muestra .v4-cur .modulos>.modulo:nth-child(n+5){display:none}}
/* A2, A3, C4 y D5: las piezas de cada columna que rellenan junto al destacado sin pasarse (cada columna trae cuatro). Con el ESPACIO a su
   ancho máximo (1200 px o más), cuatro en A2 y A3 y tres en C4 y D5; de 992 a 1199 px, tres y dos. Por debajo de 992 px el destacado va
   arriba, a todo el ancho, y se ven las cuatro */
@media (min-width:1200px){.em-app .v1 #p-m-casos .v5-muestra .v5-blog>.v5-blog-col>.v5-blog-item:nth-child(n+4),.em-app .v1 #p-m-recursos .v5-muestra .v5-blog>.v5-blog-col>.v5-blog-item:nth-child(n+4){display:none}}
@media (min-width:992px) and (max-width:1199.98px){.em-app .v1 #p-m-revisiones .v5-muestra .v5-blog>.v5-blog-col>.v5-blog-item:nth-child(n+4),.em-app .v1 #p-m-practica .v5-muestra .v5-blog>.v5-blog-col>.v5-blog-item:nth-child(n+4),.em-app .v1 #p-m-casos .v5-muestra .v5-blog>.v5-blog-col>.v5-blog-item:nth-child(n+3),.em-app .v1 #p-m-recursos .v5-muestra .v5-blog>.v5-blog-col>.v5-blog-item:nth-child(n+3){display:none}}
/* D4: seis presentaciones; cinco con cinco columnas (más de 900 px), las seis con tres o con dos */
@media (min-width:900.02px){.em-app .v1 .v5-muestra .v4-dia>:nth-child(n+6){display:none}}
/* C6 y C10: cuatro; tres con tres columnas (más de 860 px) o con una (560 o menos), las cuatro con dos */
@media (min-width:860.02px),(max-width:560px){.em-app .v1 .v5-muestra .v5-atlas-fila>:nth-child(n+4),.em-app .v1 .v5-muestra .v4-vid-lista>.v4-vid-c:nth-child(n+4){display:none}}
/* D2: los cuatro libros, en cuatro columnas (con cinco quedaba un hueco) y en dos con 640 px o menos */
.em-app .v1 .v5-muestra .v4-pub-fila{grid-template-columns:repeat(4,1fr)}
@media (max-width:640px){.em-app .v1 .v5-muestra .v4-pub-fila{grid-template-columns:repeat(2,1fr)}}
/* L4: los tres servicios, también en tres columnas de 561 a 860 px (con dos quedaba uno suelto) */
@media (min-width:561px) and (max-width:860px){.em-app .v1 .v5-muestra .v4-qui-serv{grid-template-columns:repeat(3,1fr)}}
/* 13/10/2026 (v32, Ramón, con captura de la cabecera de la portada): «quitamos todo el módulo de la derecha. Ese módulo es redundante con los
   botones […] a la izquierda dejamos el texto de insuficiencia cardiaca en grande sin el texto que hay debajo o solamente con un poquito de
   texto, y a la derecha, que ha quedado vacío, ponemos los dos botones». Fuera «¿Qué necesitas hoy?» y el párrafo largo; se queda la línea
   corta. Los dos botones, uno encima del otro, a la derecha y a la altura del título; en el móvil, debajo y a todo el ancho. */
.v1 .hero>.btns{flex-direction:column;align-items:stretch;width:100%;gap:12px}
.v1 .hero>.btns .btn{justify-content:center;text-align:center}
.v1 .hero .sub{margin:0}
@media (min-width:861px){.v1 .hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center}
.v1 .hero>.btns{justify-self:end;max-width:380px}}
/* 13/10/2026 (v32, Ramón: «Con hover sale una línea negra fea alrededor de cada elemento. Hacer como en el resto del ESPACIO. Hacer un efecto
   de movimiento y de sombra»): la selección del mes no está dentro de .v1 y solo le llegaba el borde marino de .v4-cajon:hover. Ahora, el mismo
   efecto que las demás tarjetas del ESPACIO: sube 3 px con sombra y el borde no cambia. */
.em-app .v4-seleccion .v4-cajon{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.em-app .v4-seleccion .v4-cajon:hover{border-color:var(--linea);transform:translateY(-3px);box-shadow:0 2px 4px rgba(19,35,59,.06),0 14px 30px rgba(19,35,59,.13)}
@media (prefers-reduced-motion:reduce){.em-app .v4-seleccion .v4-cajon:hover{transform:none}}

/* ---- A7 · botones de voto y de la evidencia (13/10/2026, chat «Debate: rehabilitación cardíaca universal vs selectiva») ----
   Ramón: «los botones de votación prácticamente no se ven. Son muy planos. Tienes que poner algún color, alguna llamada de acción […] una
   manita»; y de «La evidencia de cada postura y lo que dice hoy»: «Tienes que separarlo, hacer un botón especial». Solo afecta a los
   debates de verdad (.v4-deb-vbt, .v4-deb-cta, .v4-deb-ev): los de prueba del 10/10 no se pintan. */
.em-app .v1 .v4-deb-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;margin:2px 20px 0;text-align:center;font:800 15px/1.3 var(--letra);color:var(--granate)}
.em-app .v1 .v4-deb-cta svg.em-i{width:22px;height:22px;stroke-width:1.9}
.em-app .v1 .v4-deb-fila[data-votado] .v4-deb-cta{display:none}
.em-app .v1 .v4-deb-lado .v4-deb-vbt{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding:12px 22px;min-width:230px;border:0;border-radius:999px;background:var(--azul);color:#fff;font:800 15px/1.2 var(--letra);letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 12px rgba(19,35,59,.24);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.em-app .v1 .v4-deb-b .v4-deb-vbt{background:#0f766e}
.em-app .v1 .v4-deb-lado .v4-deb-vbt svg.em-i{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;flex:none}
.em-app .v1 .v4-deb-lado .v4-deb-vbt:focus-visible{outline:3px solid #9cc3ec;outline-offset:2px}
@media (hover:hover){.em-app .v1 .v4-deb-lado .v4-deb-vbt:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(19,35,59,.3);filter:brightness(1.1)}}
.em-app .v1 .v4-deb-evw{display:flex;justify-content:center;margin-top:8px;padding:16px 20px 20px;border-top:1px solid var(--linea)}
.em-app .v1 .v4-soc .v4-deb-bt.v4-deb-ev{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;max-width:100%;margin:0;padding:13px 26px;border:2px solid var(--marino);border-radius:999px;background:var(--marino);color:#fff;font:800 13.5px/1.3 var(--letra);letter-spacing:.06em;text-transform:uppercase;text-align:center;box-shadow:0 4px 12px rgba(19,35,59,.2);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.em-app .v1 .v4-soc .v4-deb-bt.v4-deb-ev svg.em-i{width:20px;height:20px;flex:none}
.em-app .v1 .v4-soc .v4-deb-bt.v4-deb-ev .v4-ens-chev{position:static;color:currentColor;background:none}
.em-app .v1 .v4-soc .v4-deb-fila.on .v4-deb-bt.v4-deb-ev{background:#fff;color:var(--marino)}
@media (hover:hover){.em-app .v1 .v4-soc .v4-deb-bt.v4-deb-ev:hover{background:#fff;color:var(--marino);box-shadow:0 8px 20px rgba(19,35,59,.24)}}
@media (max-width:760px){.em-app .v1 .v4-deb-lado .v4-deb-vbt{min-width:0;width:100%;max-width:300px}.em-app .v1 .v4-soc .v4-deb-bt.v4-deb-ev{padding:12px 18px;font-size:12.5px;letter-spacing:.04em}.em-app .v1 .v4-deb-evw{padding:14px 14px 18px}}

/* ---- A8 · encuesta: opciones numeradas e iguales; al votar se quedan y el reparto entra debajo (13/10/2026, chat «Estudio nacional
   cardiología reciente», v36) ----
   Ramón: «las tres opciones por igual enumeradas con un número bonito, y al pinchar tu opción, no tienen que desaparecer las opciones.
   Hay que dejarlas igual y poner la respuesta debajo»; «tiene que haber una transición más suave al nuevo texto». Las opciones van una
   debajo de otra, con la misma clase (btn s: el mismo borde y el mismo paso del ratón que el resto de botones blancos) y su número en un
   círculo como el de los pilares (v4-pil-n). Con el voto (data-votado, que pone el programa con el número de la opción) se quedan: la
   elegida, en marino; las otras, igual y sin paso del ratón. El reparto entra debajo con el fundido de la casa (v4-entra) y las barras
   crecen. Solo afecta a la lista numerada (.v4-enc-lista). */
.em-app .v1 .v4-enc .v4-enc-ops.v4-enc-lista,.em-app .v1 .v4-enc[data-votado] .v4-enc-ops.v4-enc-lista{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0 0 12px}
.em-app .v1 .v4-enc-lista .btn{justify-content:flex-start;gap:12px;width:100%;padding:10px 14px;text-align:left;text-transform:none;letter-spacing:0;font-size:14.5px;line-height:1.35;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.em-app .v1 .v4-enc-num{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--azul-claro);color:var(--azul);font:800 13px/1 var(--letra);transition:background-color .2s ease,color .2s ease}
.em-app .v1 .v4-enc-lista .btn:hover .v4-enc-num{background:#fff;color:var(--marino)}
.em-app .v1 .v4-enc[data-votado] .v4-enc-lista .btn{pointer-events:none;cursor:default}
.em-app .v1 .v4-enc[data-votado="1"] .v4-enc-lista [data-op="1"],.em-app .v1 .v4-enc[data-votado="2"] .v4-enc-lista [data-op="2"],.em-app .v1 .v4-enc[data-votado="3"] .v4-enc-lista [data-op="3"],.em-app .v1 .v4-enc[data-votado="4"] .v4-enc-lista [data-op="4"],.em-app .v1 .v4-enc[data-votado="5"] .v4-enc-lista [data-op="5"]{background:var(--marino);color:#fff;border-color:var(--marino)}
.em-app .v1 .v4-enc[data-votado="1"] .v4-enc-lista [data-op="1"] .v4-enc-num,.em-app .v1 .v4-enc[data-votado="2"] .v4-enc-lista [data-op="2"] .v4-enc-num,.em-app .v1 .v4-enc[data-votado="3"] .v4-enc-lista [data-op="3"] .v4-enc-num,.em-app .v1 .v4-enc[data-votado="4"] .v4-enc-lista [data-op="4"] .v4-enc-num,.em-app .v1 .v4-enc[data-votado="5"] .v4-enc-lista [data-op="5"] .v4-enc-num{background:#fff;color:var(--marino)}
.em-app .v1 .v4-enc[data-votado] .v4-enc-lista~.v4-enc-res{animation:v4-entra .3s cubic-bezier(.3,.8,.4,1)}
.em-app .v1 .v4-enc[data-votado] .v4-enc-lista~.v4-enc-res i{animation:v4-enc-barra .7s cubic-bezier(.3,.8,.4,1) .1s both}
@keyframes v4-enc-barra{from{width:0}}
@media (prefers-reduced-motion:reduce){.em-app .v1 .v4-enc[data-votado] .v4-enc-lista~.v4-enc-res,.em-app .v1 .v4-enc[data-votado] .v4-enc-lista~.v4-enc-res i{animation:none}}

/* ---- A7 y A8 · los votos con la cuenta (13/10/2026, chat «Debate: rehabilitación cardíaca universal vs selectiva»; Ramón: «vamos a montar
   la B», «lo podemos montar también para A8 a la vez?») ----
   A7: al votar, «Has votado «…»» encima de la tira; la tira y los porcentajes solo salen con el recuento de la web (v4-deb-total, que pone el
   programa): sin cuenta no se enseña ningún reparto. A8: con la cuenta, el recuento de CardioTeca (v4-enc-ct) encima del de la encuesta
   nacional, con la respuesta propia en negrita. Los dos, con su aviso si la web no guarda el voto. */
.em-app .v1 .v4-deb-hecho{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 20px 0;font:700 15px/1.35 var(--letra);color:var(--azul);text-align:center}
.em-app .v1 .v4-deb-hecho[hidden]{display:none}
.em-app .v1 .v4-deb-fila[data-votado="b"] .v4-deb-hecho{color:#0f766e}
.em-app .v1 .v4-deb-fila.v4-deb-error .v4-deb-hecho{color:var(--granate)}
.em-app .v1 .v4-deb-hecho svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.em-app .v1 .v4-deb-fila[data-votado]:not(.v4-deb-total) .v4-deb-voto{display:none}
.em-app .v1 .v4-deb-fila.v4-deb-enviando .v4-deb-votar{opacity:.6;pointer-events:none}
.em-app .v1 .v4-enc-res>div.v4-enc-ct{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--linea)}
.em-app .v1 .v4-enc-ct>.v4-enc-sub{margin:0 0 4px}
.em-app .v1 .v4-enc-ct>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 48px;gap:10px;align-items:center;font-size:13.5px}
.em-app .v1 .v4-enc-ct>div.v4-enc-tuya>span{font-weight:700;color:var(--marino)}
.em-app .v1 .v4-enc-ct small{font-weight:600;color:var(--gris)}
.em-app .v1 .v4-enc-enviando .v4-enc-ops .btn{opacity:.6;pointer-events:none}
.em-app .v1 .v4-enc-error{margin:-4px 0 10px;font:700 13.5px/1.35 var(--letra);color:var(--granate)}
/* A7 en la portada (13/10/2026, Ramón: «debería haber un botón para votar, es decir, un botón que te invita a votar tras revisar las posturas.
   Y al pinchar ese botón entras en la página y ahí puedes revisar las posturas y puedes votar»): sin los botones de voto; un botón granate,
   como las llamadas a la acción, que lleva a la página con las posturas abiertas. Quien ya ha votado ve en su lugar su voto y el recuento. */
.em-app .v1 .v4-deb-irw{display:flex;justify-content:center;margin:18px 20px 6px}
.em-app .v1 .v4-deb-ir{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:999px;background:var(--granate);color:#fff;font:800 15px/1.2 var(--letra);text-decoration:none;box-shadow:0 4px 12px rgba(151,17,42,.25);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.em-app .v1 .v4-deb-ir svg.em-i{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;flex:none}
@media (hover:hover){.em-app .v1 .v4-deb-ir:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(151,17,42,.3);filter:brightness(1.08);color:#fff;text-decoration:none}}
.em-app .v1 .v4-deb-ir:focus-visible{outline:3px solid #f0b8c2;outline-offset:2px}
.em-app .v1 .v4-deb-fila[data-votado] .v4-deb-irw{display:none}
@media (max-width:760px){.em-app .v1 .v4-deb-ir{padding:12px 18px;font-size:14px}}
/* A7 en la página (13/10/2026, Ramón: «ok también al final»; «5 votos mejor»): el voto también al final de las posturas, con los dos botones
   en el color de su postura; con menos de 5 votos, cuántos van y sin porcentajes (v4-deb-pocos). */
.em-app .v1 .v4-deb-pocos{margin:6px 20px 0;text-align:center;font-size:12.5px;color:var(--gris)}
.em-app .v1 .v4-deb-pocos[hidden]{display:none}
.em-app .v1 .v4-deb-fin{margin:4px 0 6px;padding:16px 18px 18px;border:1px solid var(--linea);border-radius:12px;background:#f6f8fb;text-align:center}
.em-app .v1 .v4-deb-fin-q{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;font:800 15px/1.3 var(--letra);color:var(--granate)}
.em-app .v1 .v4-deb-fin-q svg.em-i{width:22px;height:22px;stroke-width:1.9}
.em-app .v1 .v4-deb-fin-bts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.em-app .v1 .v4-deb-fin .v4-deb-vbt{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:0;border-radius:999px;background:var(--azul);color:#fff;font:800 14.5px/1.25 var(--letra);text-align:left;cursor:pointer;box-shadow:0 4px 12px rgba(19,35,59,.24);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.em-app .v1 .v4-deb-fin .v4-deb-fin-b{background:#0f766e}
.em-app .v1 .v4-deb-fin .v4-deb-vbt svg.em-i{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;flex:none}
.em-app .v1 .v4-deb-fin .v4-deb-vbt:focus-visible{outline:3px solid #9cc3ec;outline-offset:2px}
@media (hover:hover){.em-app .v1 .v4-deb-fin .v4-deb-vbt:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(19,35,59,.3);filter:brightness(1.1)}}
.em-app .v1 .v4-deb-fila[data-votado] .v4-deb-fin{display:none}
@media (max-width:760px){.em-app .v1 .v4-deb-fin .v4-deb-vbt{width:100%;max-width:340px}}
/* ---------- I2 · comparaciones (13/10/2026, noche; Ramón: «la A, con esos datos»; «añade todas las comparaciones del punto 3»):
   una fila por comparación, con los fármacos frente a frente («VS» de los debates; con más de dos, en píldoras) y el dato que los
   distingue; la misma lista es la muestra de la portada y el índice de la página. ../../i2-comparaciones-2026-10-13/LEEME.md ---------- */
.em-app .v1 .v4-i2-lista{display:flex;flex-direction:column;gap:10px;margin:2px 0 8px}
.em-app .v1 .v4-i2-lista[id]{scroll-margin-top:calc(var(--em-top,64px) + 72px)}
.em-app .v1 a.v4-i2-fila{display:grid;grid-template-columns:30px minmax(0,1.25fr) minmax(0,1fr) auto;align-items:center;gap:8px 22px;padding:14px 18px;border:1px solid var(--linea);border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.em-app .v1 a.v4-i2-fila:hover,.em-app .v1 a.v4-i2-fila:focus-visible{border-color:var(--marino);box-shadow:0 0 0 1px var(--marino),var(--sombra);transform:translateY(-1px);color:inherit;text-decoration:none}
.em-app .v1 .v4-i2-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--azul-claro);color:var(--azul);font:800 14px/1 var(--letra);transition:background-color .2s ease,color .2s ease}
.em-app .v1 a.v4-i2-fila:hover .v4-i2-num{background:var(--marino);color:#fff}
.em-app .v1 .v4-i2-clase{display:block;font:700 11px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate);margin-bottom:7px}
.em-app .v1 .v4-i2-duelo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px}
.em-app .v1 .v4-i2-f{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.15;color:var(--marino)}
.em-app .v1 .v4-i2-vs{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;border:2px solid var(--marino);background:#fff;font:900 11.5px/1 var(--letra);font-style:italic;color:var(--marino);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--linea-f)}
.em-app .v1 .v4-i2-duelo.muchos{gap:6px}
.em-app .v1 .v4-i2-duelo.muchos .v4-i2-f{font-size:16.5px;padding:5px 11px;border-radius:999px;background:var(--azul-claro)}
.em-app .v1 .v4-i2-dato{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--linea);padding-left:20px}
.em-app .v1 .v4-i2-dato>small{display:block;font:700 10.5px/1.3 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin-bottom:6px}
.em-app .v1 .v4-i2-vals{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px}
.em-app .v1 .v4-i2-vals.muchos{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px 14px}
.em-app .v1 .v4-i2-vals>span{font:700 15.5px/1.25 var(--letra);color:var(--tinta)}
.em-app .v1 .v4-i2-vals.muchos>span{font-size:14px}
.em-app .v1 .v4-i2-vals i{display:block;font:500 11.5px/1.2 var(--letra);font-style:normal;color:var(--gris);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.em-app .v1 .v4-i2-ir{font:700 13.5px/1 var(--letra);color:var(--granate);border:1.5px solid var(--granate);border-radius:8px;padding:10px 13px;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
.em-app .v1 a.v4-i2-fila:hover .v4-i2-ir{background:var(--granate);color:#fff}
.em-app .v1 .v4-fx-comp[id]{scroll-margin-top:calc(var(--em-top,64px) + 72px)}
.em-app .v1 p.v4-comp-subir{margin:8px 0 22px;font-size:13.5px}
.em-app .v1 p.v4-comp-subir a{color:var(--azul);font-weight:600;text-decoration:none}
@media (max-width:860px){.em-app .v1 a.v4-i2-fila{grid-template-columns:30px minmax(0,1fr);padding:14px}.em-app .v1 .v4-i2-dato{grid-column:2;border-left:0;padding-left:0;border-top:1px solid var(--linea);padding-top:10px}.em-app .v1 .v4-i2-ir{grid-column:2;justify-self:start}.em-app .v1 .v4-i2-f{font-size:18px}}
@media (max-width:560px){.em-app .v1 a.v4-i2-fila{position:relative;grid-template-columns:minmax(0,1fr);padding:12px 14px}.em-app .v1 .v4-i2-num{position:absolute;right:12px;top:12px;width:26px;height:26px;font-size:12px}.em-app .v1 .v4-i2-qui{padding-right:34px}.em-app .v1 .v4-i2-dato,.em-app .v1 .v4-i2-ir{grid-column:1}.em-app .v1 .v4-i2-vals,.em-app .v1 .v4-i2-vals.muchos{grid-auto-flow:row;grid-template-columns:1fr 1fr;gap:8px 12px}.em-app .v1 .v4-i2-vals>span{font-size:14.5px}.em-app .v1 .v4-i2-duelo.muchos .v4-i2-f{font-size:15px;padding:4px 10px}.em-app .v1 .v4-i2-f{font-size:17.5px}}

/* ---- D2 · Vía clínica según la especialidad, rehecho (13-14/10/2026, encargo H de fase-5/encargos/VIAS-D2-2026-10-13.md; Ramón: «Sí, a todo,
   me parece fantástico»). El mapa «¿Por dónde entra tu especialidad?» y, por especialidad, cinco paradas por capas, el kit y el caso. Prefijo
   d2- en todo, anclado en #p-m-especialidad para ganar a la hoja de la plantilla sin !important. Paleta y letras del ESPACIO; transición
   de la casa (180 ms fuera, 220 ms dentro). Origen: d2-rediseno-2026-10-13/d2.css (la maqueta), sin el panel de la maqueta. ---- */
#p-m-especialidad .d2{--d2-ancho-nom:212px;container-type:inline-size;container-name:d2;margin-top:8px;font-family:var(--letra);color:var(--tinta)}
#p-m-especialidad .d2 *{box-sizing:border-box}
#p-m-especialidad .d2 svg.d2-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- el mapa: dónde entra cada especialidad ---------- */
#p-m-especialidad .d2-mapa{background:#fff;border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra);padding:18px 18px 12px}
#p-m-especialidad .d2-mapa-tit{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:0 0 14px;padding:0 4px}
#p-m-especialidad .d2-mapa-tit h3{margin:0;font:600 22px/1.2 var(--serif-h1);color:var(--tinta)}
#p-m-especialidad .d2-mapa-tit span{font:600 12.5px/1.3 var(--letra);color:var(--gris)}
#p-m-especialidad .d2-ejes{display:grid;grid-template-columns:var(--d2-ancho-nom) 1fr;align-items:end;border-bottom:1px solid var(--linea);padding-bottom:8px;margin-bottom:4px}
#p-m-especialidad .d2-ejes ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,1fr)}
#p-m-especialidad .d2-ejes li{margin:0;padding:0 2px;text-align:center;font:700 10.5px/1.2 var(--letra);letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
#p-m-especialidad .d2-ejes li i{display:block;width:6px;height:6px;margin:5px auto 0;border-radius:50%;background:var(--linea-f)}
#p-m-especialidad .d2-carriles{list-style:none;margin:0;padding:0}
#p-m-especialidad .d2-carriles>li{margin:0;padding:0}
#p-m-especialidad .d2-carril{all:unset;box-sizing:border-box;display:grid;grid-template-columns:var(--d2-ancho-nom) 1fr;align-items:center;width:100%;min-height:50px;border-radius:10px;cursor:pointer;color:var(--tinta);transition:background-color .2s ease}
#p-m-especialidad .d2-carril:hover{background:var(--suave)}
#p-m-especialidad .d2-carril:focus-visible{outline:2px solid var(--azul);outline-offset:1px}
#p-m-especialidad .d2-carril[aria-pressed="true"]{background:var(--azul-claro)}
#p-m-especialidad .d2-carril-nom{display:flex;align-items:center;gap:10px;padding:6px 10px;min-width:0}
#p-m-especialidad .d2-carril-nom .d2-i{width:24px;height:24px;color:var(--marino)}
#p-m-especialidad .d2-carril-nom b{display:block;font:700 15px/1.2 var(--letra);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#p-m-especialidad .d2-carril-nom small{display:block;margin-top:1px;font:500 12px/1.25 var(--letra);color:var(--gris)}
#p-m-especialidad .d2-prop{display:inline-block;margin-left:6px;padding:2px 6px 1px;border:1px solid var(--granate);border-radius:999px;font:800 9px/1.2 var(--letra);letter-spacing:.08em;text-transform:uppercase;color:var(--granate);vertical-align:2px}
#p-m-especialidad .d2-pista{position:relative;height:50px;background:repeating-linear-gradient(90deg,rgba(22,58,99,.045) 0 calc(100%/9),transparent calc(100%/9) calc(200%/9))}
#p-m-especialidad .d2-linea{position:absolute;top:50%;height:2px;margin-top:-1px;background:var(--linea-f);border-radius:2px;transition:background-color .2s ease}
#p-m-especialidad .d2-linea.d2-larga{background:repeating-linear-gradient(90deg,var(--linea-f) 0 7px,transparent 7px 12px)}
#p-m-especialidad .d2-punto{position:absolute;top:50%;display:grid;place-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:var(--azul-claro);color:var(--azul);border:2px solid #fff;box-shadow:0 0 0 1px var(--linea-f);font:800 12.5px/1 var(--letra);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
#p-m-especialidad .d2-punto.d2-mini{width:12px;height:12px;margin:-6px 0 0 -6px;border-width:2px;font-size:0}
#p-m-especialidad .d2-etq-larga .d2-corto{display:none}
#p-m-especialidad .d2-etq-larga{position:absolute;top:50%;right:0;transform:translateY(-50%);padding:3px 9px;border-radius:999px;background:#fff;border:1px solid var(--linea-f);font:700 12px/1.2 var(--letra);color:var(--marino);white-space:nowrap}
#p-m-especialidad .d2-carril:hover .d2-linea,#p-m-especialidad .d2-carril[aria-pressed="true"] .d2-linea:not(.d2-larga){background:var(--marino)}
#p-m-especialidad .d2-carril:hover .d2-punto,#p-m-especialidad .d2-carril[aria-pressed="true"] .d2-punto{background:var(--marino);color:#fff;box-shadow:0 0 0 1px var(--marino)}
#p-m-especialidad .d2-punto.hecha{background:var(--ok)!important;color:#fff!important;box-shadow:0 0 0 1px var(--ok)!important}
#p-m-especialidad .d2-carril .d2-punto:hover{transform:scale(1.12)}
#p-m-especialidad [data-prop="1"][hidden],#p-m-especialidad .d2-via[hidden],#p-m-especialidad .d2-det[hidden]{display:none!important}

/* ---------- la vía de la especialidad elegida ---------- */
#p-m-especialidad .d2-vias{margin-top:18px;scroll-margin-top:90px}
#p-m-especialidad .d2-via{background:#fff;border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra);overflow:hidden}
#p-m-especialidad .d2-via-cab{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px 22px 18px;background:linear-gradient(180deg,var(--suave),#fff 85%);border-bottom:1px solid var(--linea)}
#p-m-especialidad .d2-via-ico{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--marino);color:#fff}
#p-m-especialidad .d2-via-ico .d2-i{width:32px;height:32px;stroke-width:1.6}
#p-m-especialidad .d2-via-cab small{display:block;font:700 11px/1.3 var(--letra);letter-spacing:.09em;text-transform:uppercase;color:var(--granate)}
#p-m-especialidad .d2-via-cab h3{margin:2px 0 5px;font:600 28px/1.12 var(--serif-h1);color:var(--tinta)}
#p-m-especialidad .d2-via-cab p{margin:0;font-size:15px;line-height:1.5;color:var(--gris);max-width:none}
#p-m-especialidad .d2-prog{display:flex;align-items:center;gap:10px;padding-left:6px}
#p-m-especialidad .d2-prog svg{width:58px;height:58px;transform:rotate(-90deg)}
#p-m-especialidad .d2-prog circle{fill:none;stroke-width:6}
#p-m-especialidad .d2-prog .d2-anillo-f{stroke:var(--linea)}
#p-m-especialidad .d2-prog .d2-anillo{stroke:var(--marino);stroke-linecap:round;transition:stroke-dashoffset .4s ease,stroke .2s ease}
#p-m-especialidad .d2-prog.completa .d2-anillo{stroke:var(--ok)}
#p-m-especialidad .d2-prog b{display:block;font:800 20px/1 var(--letra);color:var(--tinta)}
#p-m-especialidad .d2-prog span{display:block;margin-top:3px;font:600 12px/1.25 var(--letra);color:var(--gris);white-space:nowrap}

/* la cadena de cinco paradas (la del ESPACIO, por capas) */
#p-m-especialidad .d2-paradas{list-style:none;margin:0;padding:18px 22px 22px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
#p-m-especialidad .d2-parada{display:contents}
#p-m-especialidad .d2-par-bt{all:unset;box-sizing:border-box;position:relative;grid-row:1;display:flex;flex-direction:column;gap:6px;align-items:flex-start;width:100%;min-height:124px;padding:13px 16px 12px 14px;background:#fff;border:1px solid var(--linea);border-radius:12px;box-shadow:var(--sombra);cursor:pointer;color:var(--tinta);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
#p-m-especialidad .d2-par-bt:hover{border-color:var(--marino)}
#p-m-especialidad .d2-par-bt:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
#p-m-especialidad .d2-par-bt::after{content:"";position:absolute;right:-10px;top:50%;width:8px;height:8px;border-right:2px solid var(--linea-f);border-bottom:2px solid var(--linea-f);transform:translateY(-50%) rotate(-45deg)}
#p-m-especialidad .d2-parada:last-child .d2-par-bt::after{display:none}
#p-m-especialidad .d2-par-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--azul-claro);color:var(--azul);font:800 14px/1 var(--letra);transition:background-color .2s ease,color .2s ease}
#p-m-especialidad .d2-par-bt b{font:600 16px/1.22 var(--serif);color:var(--tinta)}
#p-m-especialidad .d2-par-bt small{margin-top:auto;font:700 10.5px/1.2 var(--letra);letter-spacing:.07em;text-transform:uppercase;color:var(--gris)}
#p-m-especialidad .d2-parada.on .d2-par-bt{border-color:var(--marino);box-shadow:0 0 0 1px var(--marino),var(--sombra)}
#p-m-especialidad .d2-parada.on .d2-par-n{background:var(--marino);color:#fff}
#p-m-especialidad .d2-parada.on .d2-par-bt::before{content:"";position:absolute;left:calc(50% - 9px);bottom:-11px;border:9px solid transparent;border-top-color:var(--marino);border-bottom:0}
#p-m-especialidad .d2-parada.hecha .d2-par-n{background:var(--ok);color:#fff}
#p-m-especialidad .d2-parada.hecha .d2-par-n span{display:none}
#p-m-especialidad .d2-parada:not(.hecha) .d2-par-n .d2-i{display:none}
#p-m-especialidad .d2-par-n .d2-i{width:16px;height:16px;stroke-width:2.6}

/* la parada abierta: cuatro ventanas */
#p-m-especialidad .d2-det{grid-row:2;grid-column:1/-1;margin-top:2px;background:#fff;border:1px solid var(--linea);border-top:3px solid var(--marino);border-radius:12px;box-shadow:var(--sombra)}
#p-m-especialidad .d2-det-cuerpo{display:grid;grid-template-columns:1.12fr 1fr;gap:0}
#p-m-especialidad .d2-capa{padding:18px 22px 20px}
#p-m-especialidad .d2-capa:nth-child(2){border-left:1px solid var(--linea)}
#p-m-especialidad .d2-capa:nth-child(3),#p-m-especialidad .d2-capa:nth-child(4){grid-column:1/-1;border-top:1px solid var(--linea);background:var(--suave)}
#p-m-especialidad .d2-capa:nth-child(3){padding-bottom:16px}
#p-m-especialidad .d2-capa:nth-child(4){background:#fff}
#p-m-especialidad .d2-capa h5{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:800 11px/1.3 var(--letra);letter-spacing:.09em;text-transform:uppercase;color:var(--granate)}
#p-m-especialidad .d2-capa h5 .d2-i{width:17px;height:17px;color:var(--granate)}
#p-m-especialidad .d2-capa p{margin:0;font-size:15.5px;line-height:1.55;color:var(--tinta);max-width:none}
#p-m-especialidad .d2-recs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0}
#p-m-especialidad .d2-rec{display:inline-flex;align-items:center;gap:6px;margin:0;padding:3px 9px 3px 4px;border-radius:999px;background:#fff;border:1px solid var(--linea);font:600 12px/1.2 var(--letra);color:var(--gris);cursor:help}
#p-m-especialidad .d2-rec b{display:inline-grid;place-items:center;min-width:30px;height:20px;padding:0 6px;border-radius:999px;font:800 11.5px/1 var(--letra);color:#fff}
#p-m-especialidad .d2-c-I b{background:#1f7a4d}
#p-m-especialidad .d2-c-IIa b{background:#b7791f}
#p-m-especialidad .d2-c-IIb b{background:#c2410c}
#p-m-especialidad .d2-c-III b{background:var(--granate)}
#p-m-especialidad .d2-rec span{color:var(--tinta);font-weight:700}
#p-m-especialidad .d2-cons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:d2c}
#p-m-especialidad .d2-cons li{position:relative;margin:0;padding:0 0 0 30px;font-size:15px;line-height:1.5;color:var(--tinta)}
#p-m-especialidad .d2-cons li::before{counter-increment:d2c;content:counter(d2c);position:absolute;left:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--azul-claro);color:var(--azul);font:800 11px/1 var(--letra)}

/* la herramienta: una tarjeta que invita a abrir */
#p-m-especialidad a.d2-herr{display:grid;grid-template-columns:auto 1fr auto;gap:4px 16px;align-items:center;padding:14px 18px;background:#fff;border:1px solid var(--linea-f);border-radius:12px;box-shadow:var(--sombra);text-decoration:none;color:var(--tinta);transition:border-color .2s ease,box-shadow .2s ease}
#p-m-especialidad a.d2-herr:hover{border-color:var(--granate);box-shadow:0 0 0 1px var(--granate),var(--sombra)}
#p-m-especialidad .d2-tile{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--marino);color:#fff;font:800 17px/1 var(--letra);letter-spacing:.02em}
#p-m-especialidad .d2-tile .d2-i{width:26px;height:26px}
#p-m-especialidad .d2-tile.d2-tile-ext{background:var(--azul-claro);color:var(--marino)}
#p-m-especialidad .d2-herr b{display:block;font:600 16.5px/1.25 var(--serif);color:var(--tinta)}
#p-m-especialidad .d2-herr small{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--gris)}
#p-m-especialidad .d2-herr em{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;white-space:nowrap;border-radius:8px;background:var(--granate);color:#fff;font:700 14px/1 var(--letra);font-style:normal;box-shadow:0 2px 6px rgba(151,17,42,.22);transition:background-color .2s ease}
#p-m-especialidad a.d2-herr:hover em{background:#7a0d22}

/* para profundizar: tres piezas con su tipo */
#p-m-especialidad .d2-piezas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#p-m-especialidad .d2-piezas li{margin:0;padding:0}
#p-m-especialidad .d2-piezas a{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto 1fr;gap:3px 12px;align-items:start;height:100%;padding:12px 12px 12px 10px;border:1px solid var(--linea);border-radius:10px;text-decoration:none;color:var(--tinta);transition:background-color .2s ease,border-color .2s ease}
#p-m-especialidad .d2-piezas a:hover{background:var(--suave);border-color:var(--marino)}
#p-m-especialidad .d2-piezas a .d2-tipo-ico{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--azul-claro);color:var(--marino)}
#p-m-especialidad .d2-piezas a .d2-tipo-ico .d2-i{width:18px;height:18px}
#p-m-especialidad .d2-piezas small{font:700 10.5px/1.2 var(--letra);letter-spacing:.07em;text-transform:uppercase;color:var(--gris)}
#p-m-especialidad .d2-piezas b{font:600 15px/1.3 var(--serif);color:var(--tinta)}

/* pie de la parada: hecha y siguiente */
#p-m-especialidad .d2-det-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px;border-top:1px solid var(--linea)}
#p-m-especialidad .d2-bt{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font:700 14px/1.2 var(--letra);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
#p-m-especialidad .d2-bt:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
#p-m-especialidad .d2-hecho{border:1.5px solid var(--ok);color:var(--ok);background:#fff}
#p-m-especialidad .d2-hecho:hover{background:var(--ok-claro)}
#p-m-especialidad .d2-hecho[aria-pressed="true"]{background:var(--ok);color:#fff}
#p-m-especialidad .d2-hecho .d2-caja{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;border:1.5px solid currentColor}
#p-m-especialidad .d2-hecho .d2-caja .d2-i{width:13px;height:13px;stroke-width:3;opacity:0}
#p-m-especialidad .d2-hecho[aria-pressed="true"] .d2-caja .d2-i{opacity:1}
#p-m-especialidad .d2-sig{background:var(--granate);color:#fff;box-shadow:0 2px 8px rgba(151,17,42,.25)}
#p-m-especialidad .d2-sig:hover{background:#7a0d22}

/* ---------- al final de la vía: el kit y el caso ---------- */
#p-m-especialidad .d2-fin{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;padding:0 22px 22px}
#p-m-especialidad .d2-kit,#p-m-especialidad .d2-prueba{border:1px solid var(--linea);border-radius:12px;background:#fff}
#p-m-especialidad .d2-kit{display:flex;flex-direction:column;padding:16px 18px 16px}
#p-m-especialidad .d2-kit ul{flex:1}
#p-m-especialidad .d2-kit li{display:flex}
#p-m-especialidad .d2-kit li>a{flex:1}
#p-m-especialidad .d2-kit h4,#p-m-especialidad .d2-prueba small{display:block;margin:0 0 10px;font:800 11px/1.3 var(--letra);letter-spacing:.09em;text-transform:uppercase;color:var(--granate)}
#p-m-especialidad .d2-kit ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#p-m-especialidad .d2-kit li{margin:0;padding:0}
#p-m-especialidad .d2-kit a{display:flex;flex-direction:column;gap:8px;height:100%;padding:12px;border-radius:10px;background:var(--suave);border:1px solid transparent;text-decoration:none;color:var(--tinta);transition:border-color .2s ease,background-color .2s ease}
#p-m-especialidad .d2-kit a:hover{border-color:var(--marino);background:#fff}
#p-m-especialidad .d2-kit .d2-tipo-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--marino);color:#fff;font:800 13px/1 var(--letra)}
#p-m-especialidad .d2-kit .d2-tipo-ico .d2-i{width:19px;height:19px}
#p-m-especialidad .d2-kit b{font:600 14.5px/1.28 var(--serif)}
#p-m-especialidad .d2-kit small{margin-top:auto;font:700 10.5px/1.2 var(--letra);letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
#p-m-especialidad a.d2-prueba{display:grid;grid-template-columns:42% 1fr;overflow:hidden;text-decoration:none;color:var(--tinta);transition:box-shadow .2s ease,border-color .2s ease}
#p-m-especialidad a.d2-prueba:hover{border-color:var(--granate);box-shadow:0 0 0 1px var(--granate),var(--sombra)}
#p-m-especialidad .d2-prueba-img{position:relative;min-height:100%;background:var(--azul-claro) left top/cover no-repeat}
#p-m-especialidad .d2-prueba-img:not(.d2-sin-img)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 55%,#fff 100%)}
#p-m-especialidad .d2-prueba-img.d2-sin-img{display:grid;place-items:center;background:var(--marino);color:#fff;font:800 34px/1 var(--letra)}
#p-m-especialidad .d2-prueba-tx{display:flex;flex-direction:column;padding:16px 18px}
#p-m-especialidad .d2-prueba-tx b{font:600 17px/1.28 var(--serif-h1);color:var(--tinta)}
#p-m-especialidad .d2-prueba-tx em{align-self:flex-start;margin-top:auto;display:inline-flex;padding:9px 14px;border-radius:9px;background:var(--granate);color:#fff;font:700 13.5px/1 var(--letra);font-style:normal;box-shadow:0 2px 8px rgba(151,17,42,.25)}
#p-m-especialidad .d2-prueba-tx span{margin:8px 0 14px;font-size:13.5px;line-height:1.45;color:var(--gris)}
#p-m-especialidad .d2-prueba.d2-destello{animation:d2destello 1.2s ease}
@keyframes d2destello{0%,100%{box-shadow:var(--sombra)}35%{box-shadow:0 0 0 3px var(--granate),var(--sombra)}}

/* residentes: su vía es el D3 */
#p-m-especialidad .d2-res{padding:18px 22px 22px}
#p-m-especialidad .d2-res ol{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
#p-m-especialidad .d2-res li{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;background:#fff;font:600 14px/1.25 var(--serif)}
#p-m-especialidad .d2-res li i{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--azul-claro);color:var(--azul);font:800 12px/1 var(--letra);font-style:normal}
#p-m-especialidad .d2-res a.d2-bt{background:var(--granate);color:#fff;text-decoration:none;box-shadow:0 2px 8px rgba(151,17,42,.25)}

/* ---------- transición de la casa ---------- */
#p-m-especialidad .d2-anim{transition:opacity .22s ease,transform .22s ease}
#p-m-especialidad .d2-anim.d2-fuera{opacity:0;transform:translateY(5px);transition-duration:.18s}
@media (prefers-reduced-motion:reduce){#p-m-especialidad .d2-anim,#p-m-especialidad .d2-anim.d2-fuera{transition:none;transform:none}}

/* ---------- anchos medios ---------- */
@container d2 (max-width:980px){
  #p-m-especialidad .d2{--d2-ancho-nom:178px}
  #p-m-especialidad .d2-ejes li{font-size:9.5px;letter-spacing:.03em}
  #p-m-especialidad .d2-paradas{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:16px 16px 18px}
  #p-m-especialidad .d2-par-bt{padding:11px 11px 10px;min-height:132px}
  #p-m-especialidad .d2-par-bt b{font-size:14.5px}
  #p-m-especialidad .d2-kit ul{grid-template-columns:1fr}
  #p-m-especialidad .d2-kit a{flex-direction:row;align-items:center}
  #p-m-especialidad .d2-kit small{margin-top:0;margin-left:auto;text-align:right}
  #p-m-especialidad .d2-res ol{grid-template-columns:repeat(2,1fr)}
  #p-m-especialidad .d2-piezas{grid-template-columns:1fr}
}
/* ---------- móvil: el mapa se vuelve lista y la cadena, vertical ---------- */
@container d2 (max-width:700px){
  #p-m-especialidad .d2-mapa{padding:14px 10px 8px}
  #p-m-especialidad .d2-mapa-tit h3{font-size:19px}
  #p-m-especialidad .d2-ejes{display:none}
  #p-m-especialidad .d2-carril{grid-template-columns:minmax(0,1fr) 122px;min-height:56px}
  #p-m-especialidad .d2-carril-nom b{white-space:normal;overflow:visible}
  #p-m-especialidad .d2-carril-nom{padding:6px 6px 6px 8px}
  #p-m-especialidad .d2-etq-larga .d2-largo{display:none}
  #p-m-especialidad .d2-etq-larga .d2-corto{display:inline}
  #p-m-especialidad .d2-carriles>li+li{border-top:1px solid var(--linea)}
  #p-m-especialidad .d2-pista{height:56px;background:none}
  #p-m-especialidad .d2-pista .d2-punto{left:calc(var(--d2-k) * 20% + 10%)!important;width:21px;height:21px;margin:-10.5px 0 0 -10.5px;font-size:10.5px}
  #p-m-especialidad .d2-pista .d2-linea{left:10%!important;width:80%!important}
  #p-m-especialidad .d2-pista .d2-mini{display:none}
  #p-m-especialidad .d2-etq-larga{right:2px;font-size:11px;padding:3px 8px}
  #p-m-especialidad .d2-via-cab{grid-template-columns:1fr;gap:12px;padding:16px}
  #p-m-especialidad .d2-via-ico{width:46px;height:46px;border-radius:12px}
  #p-m-especialidad .d2-via-cab h3{font-size:24px}
  #p-m-especialidad .d2-prog{padding-left:0}
  #p-m-especialidad .d2-paradas{display:block;padding:14px}
  #p-m-especialidad .d2-parada{display:block;margin-top:10px}
  #p-m-especialidad .d2-parada:first-child{margin-top:0}
  #p-m-especialidad .d2-par-bt{min-height:0;display:grid;grid-template-columns:30px 1fr;gap:2px 12px;align-items:center;padding:12px 14px}
  #p-m-especialidad .d2-par-n{grid-row:1/3}
  #p-m-especialidad .d2-par-bt small{margin-top:0}
  #p-m-especialidad .d2-par-bt::after{right:auto;left:calc(50% - 4px);top:auto;bottom:-8px;transform:rotate(45deg)}
  #p-m-especialidad .d2-parada.on .d2-par-bt::after,#p-m-especialidad .d2-parada.on .d2-par-bt::before{display:none}
  #p-m-especialidad .d2-det{margin-top:10px}
  #p-m-especialidad .d2-det-cuerpo{grid-template-columns:1fr}
  #p-m-especialidad .d2-capa{padding:16px}
  #p-m-especialidad .d2-capa:nth-child(2){border-left:0;border-top:1px solid var(--linea)}
  #p-m-especialidad a.d2-herr{grid-template-columns:auto 1fr}
  #p-m-especialidad .d2-herr em{grid-column:1/-1;justify-self:start;margin-top:6px}
  #p-m-especialidad .d2-det-pie{padding:12px 16px}
  #p-m-especialidad .d2-det-pie .d2-bt{width:100%;justify-content:center}
  #p-m-especialidad .d2-fin{grid-template-columns:1fr;padding:0 14px 16px}
  #p-m-especialidad a.d2-prueba{grid-template-columns:1fr}
  #p-m-especialidad .d2-prueba-img{min-height:150px}
  #p-m-especialidad .d2-res{padding:14px}
  #p-m-especialidad .d2-res ol{grid-template-columns:1fr}
}

/* ---------- la banda de la portada: solo el mapa, cada carril lleva a la página ---------- */
#p-m-especialidad.v5-banda .d2-mapa{box-shadow:none}
#p-m-especialidad.v5-banda .d2-mapa-tit{display:none}
#p-m-especialidad.v5-banda .d2-mapa{padding-top:14px}
#p-m-especialidad a.d2-carril{text-decoration:none}
/* ---- A7 · un debate cada mes (14/10/2026, encargo DEBATE-A7-NOVIEMBRE): el debate del mes anterior pasa a «Debates anteriores» sin botones de voto (los quita el bloque de las fechas de v5.js) y con su recuento a la vista de todos los que entran con su cuenta (v4-deb-cerrada, que pone el programa) ---- */
.em-app .v1 .v4-deb-fila.v4-deb-cerrada.v4-deb-total .v4-deb-voto{display:block}
.em-app .v1 .v4-deb-cerrado{margin:14px 20px 0;text-align:center;font:600 13.5px/1.4 var(--letra);color:var(--gris)}
/* ---- cambio maestro 14 (15/10/2026, Ramón): la foto de cabecera de cada módulo. «En el escritorio, claramente, fondo fundido, pero
   […] en el móvil quedaría mejor en el recuadro». La pone el generador (v5-con-foto, v5-foto-f, v5-foto-m) solo en los módulos en
   «publicar» que tienen foto; con carga diferida, la que no se ve no se descarga. Los valores son los de la prueba que aprobó Ramón. ---- */
.em-app .v1 .v5-puerta .v5-foto-f,.em-app .v1 .v5-puerta .v5-foto-m{display:none}
@media (min-width:761px){
  .em-app .v1 .v5-puerta.v5-con-foto{position:relative;isolation:isolate}
  .em-app .v1 .v5-puerta.v5-con-foto>.v5-foto-f{display:block;position:absolute;top:-12px;right:0;width:40%;height:calc(100% + 24px);max-width:none;margin:0;object-fit:cover;object-position:50% 50%;z-index:-1;border-radius:0 14px 14px 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.22) 24%,rgba(0,0,0,.9) 62%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.22) 24%,rgba(0,0,0,.9) 62%,#000 100%)}
  .em-app .v1 .v5-puerta.v5-con-foto .v5-puerta-tx{max-width:640px}
  .em-app .v1 .v5-puerta.v5-con-foto .v5-puerta-tx>p{-webkit-line-clamp:3}
}
@media (max-width:760px){
  .em-app .v1 .v5-puerta.v5-con-foto .v5-azulejo{position:relative;width:60px;height:60px}
  .em-app .v1 .v5-puerta.v5-con-foto .v5-foto-m{display:block;position:absolute;left:0;top:0;width:60px;height:60px;max-width:none;margin:0;object-fit:cover;border-radius:12px;box-shadow:0 1px 3px rgba(19,35,59,.28)}
  .em-app .v1 .v5-puerta.v5-con-foto .modnum{position:absolute;right:-9px;bottom:-9px;width:auto;height:auto;padding:3px 7px;font-size:13px;line-height:1;border-radius:8px;z-index:2;box-shadow:0 0 0 2px #fff}
}
/* ---- cardioteca.com (11/10/2026): ajustes para la web, solo en las paginas con la maqueta espacio ---- */
.v4-ctrl,#v4c,.v4-marco{display:none !important}
.cab .cab-nombre{display:none}
.layout-espacio #t4-main-body{padding-top:16px}
.layout-espacio .category-desc{margin-top:0;padding-top:0}
.layout-espacio .item-page{margin-top:0}
.layout-espacio .em-tabs{transition:background-color .35s,box-shadow .35s}
/* la barra, cuando se queda pegada bajo la cabecera de la web (idea de Ramon, 11/10/2026): cambia a blanco con filete granate y late dos veces la primera vez */
.layout-espacio .em-tabs.em-pegada{background:#fff;border-top:3px solid var(--em-granate,#97112a);box-shadow:0 8px 18px rgba(19,35,59,.22)}
.layout-espacio .em-tabs.em-pegada .em-in>a{color:#163a63}
.layout-espacio .em-tabs.em-pegada .em-in>a::before{box-shadow:0 0 0 2px rgba(22,58,99,.15)}
.layout-espacio .em-tabs.em-pegada .em-in>a:hover{background:rgba(22,58,99,.08);color:#163a63}
.layout-espacio .em-tabs.em-pegada .em-in>a[aria-current="true"]{background:#163a63;color:#fff}
/* la pestaña marcada de la barra pegada es azul: su círculo, con borde blanco (Ramón, 12/10/2026: el de Guías es del mismo azul y no se veía) */
.layout-espacio .em-tabs.em-pegada .em-in>a[aria-current="true"]::before{box-shadow:0 0 0 2px #fff}
.layout-espacio .em-tabs.em-pegada a.v4-tab-titulo{color:#163a63}
@keyframes em-latido{0%{box-shadow:0 0 0 0 rgba(151,17,42,.6)}70%{box-shadow:0 0 0 14px rgba(151,17,42,0)}100%{box-shadow:0 0 0 0 rgba(151,17,42,0)}}
.layout-espacio .em-tabs.em-latido{animation:em-latido 1.1s ease-out 2}
@media (prefers-reduced-motion:reduce){.layout-espacio .em-tabs.em-latido{animation:none}}
/* bandas «Proximamente» (Ramon, 11/10/2026): sin enlace ni muestra, con su aviso */
.v5-prox{display:inline-block;margin-left:10px;padding:2px 11px;border-radius:999px;background:#f3e6c8;color:#6b4c00;font:600 12px/1.7 Barlow,Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}
.v5-puerta span.v5-azulejo{cursor:default}
section.mod.v5-proxima .v5-puerta-tx h2{color:#5a6b80}
/* A1, A2 y A3 se ven enteros en la portada (Ramon, 12/10/2026): sin «Siguiente paso: abrir el modulo» al tocar la muestra */
.layout-espacio .em-app .v1 section.mod.v5-banda.v5-solo-portada.v5-activa .v5-pie::after{content:none}
/* K1 (Ramon, 12/10/2026): la descripcion de cada fecha, con interlineado de 1,45 (heredaba el de la web) */
.layout-espacio .em-app .v1 .evento span{display:block;line-height:1.45}
/* cajones del héroe (tercera ronda, 11/10/2026): con menos de cuatro, que llenen la fila */
@media (min-width:760px){.layout-espacio .v4-cajones{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
/* A1 (Ramon, 12/10/2026: «en A1 han desaparecido las líneas de separación entre los artículos»): el módulo 1168 de la web solo lleva sus
   líneas en las páginas con la maqueta magz-3 de la plantilla (.layout-magz-3 en el body); el ESPACIO usa la suya. Las mismas dos reglas de
   template.css, desde 992 px; la vertical tras el destacado no sale (en la web la quita custom.css; aquí, :not(.highlight-item)) */
@media (min-width:992px){.layout-espacio .v5-muestra .jacl-layout__body>.jacl-row.normal-gutters>div:not(.highlight-item)+div::before{background:var(--border-color);bottom:16px;content:"";left:0;top:16px;position:absolute;width:1px}
.layout-espacio .v5-muestra .jacl-layout__body>.jacl-row.normal-gutters .jacl-row>div+div::before{background:var(--border-color);content:"";left:16px;height:1px;right:16px;top:0;position:absolute}}
/* el ESPACIO en el móvil (13/10/2026, Ramón: «en B4 la tabla no se hace responsive y hace que toda la portada se desborde por la
   derecha» y «la barra no se queda al bajar la pantalla»). La rejilla de B4 era «1fr» en el móvil y la tabla de dosis, con el mínimo de
   500 px de las tablas anchas, la ensanchaba a 501 px: la página medía 550 px y, más ancha que la pantalla, el móvil soltaba la cabecera y
   la barra al bajar. Ahora la rejilla no pasa de su caja, la tabla de dosis (tres columnas) cabe sin deslizarse desde 360 px, con la cifra
   arriba y la unidad abajo cuando no cabe en una línea (v22), y los identificadores de la biblioteca pueden partir línea */
.em-app .v1 .v4-dos-tabla{min-width:0}
@media (max-width:959px){.em-app .v1 .v4-dos{grid-template-columns:minmax(0,1fr)}}
.em-app .v1 .v5-muestra .v4-dos{grid-template-columns:minmax(0,1fr)}
@media (max-width:600px){.em-app .v1 table.v4-dos-t{min-width:0}
.em-app .v1 .v4-dos-t th,.em-app .v1 .v4-dos-t td{padding:9px 7px;font-size:13px}
.em-app .v1 .v4-dos-t thead th{font-size:10px;letter-spacing:.04em}
.em-app .v1 .v4-dos-t tbody th{font-size:13.5px}
.em-app .v1 .v4-dos-t td{text-wrap:balance}
.em-app .v1 .v4-bib-ids{white-space:normal;overflow-wrap:anywhere}}
/* A2 y A3 (13/10/2026, Ramón: «en A2 y A3 ha desaparecido la barra gris vertical que separa la segunda y tercera columna […], sí está
   en A1»): la misma raya que A1 (el módulo 1168, reglas de A1 de más arriba): 1 px del color de las líneas, en medio del hueco entre la
   segunda y la tercera columna, con 16 px libres arriba y abajo, solo desde 992 px (por debajo, las dos columnas van bajo el destacado o
   en una sola, y A1 tampoco la lleva). Vale para todo el formato de A1-A3 (.v5-blog): A2, A3, C4 y D5 */
@media (min-width:992px){.em-app .v1 .v5-blog>.v5-blog-col+.v5-blog-col{position:relative}
.em-app .v1 .v5-blog>.v5-blog-col+.v5-blog-col::before{content:"";position:absolute;left:-10px;top:16px;bottom:16px;width:1px;background:var(--linea)}}
/* ---- 13/10/2026 (Laura, fase 7 de la obra; v26 por la tarde): EL ÍNDICE LATERAL, en la portada y en las 68 páginas de módulo, como el
   «Menú del curso» del Campus. Lo pinta el programa (#ei-panel, #ei-boton, #ei-velo). Fijo a la izquierda desde 1.440 px (html.ei-fijo:
   el contenedor de la plantilla se corre a la derecha lo justo para dejarle sitio); por debajo, plegado en un botón que lo abre por encima
   (html.ei-sobre). La flecha de cada bloque es un botón aparte del número (Laura: «separes el número de la flechita»). ---- */
#ei-panel{position:fixed;left:16px;top:var(--ei-top,140px);bottom:16px;width:272px;z-index:19;background:#fff;border:1px solid #d9e1ea;border-radius:12px;box-shadow:0 6px 24px rgba(22,58,99,.10);font-family:Barlow,system-ui,sans-serif;color:#163a63;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,opacity .25s ease}
#ei-panel .ei-cab{display:flex;align-items:center;gap:6px;padding:10px 10px 8px 14px;border-bottom:1px solid #e6ecf2}
#ei-panel .ei-k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#5b6b7f;flex:1;white-space:nowrap}
#ei-panel .ei-todo{border:0;background:none;color:#1d5a9e;font:inherit;font-size:12.5px;font-weight:600;padding:5px 6px;border-radius:6px;cursor:pointer;white-space:nowrap}
#ei-panel .ei-todo:hover{background:#eef3f8;color:#163a63}
#ei-panel .ei-x{border:1px solid #d9e1ea;background:#f6f8fb;color:#163a63;border-radius:8px;width:30px;height:28px;cursor:pointer;font-size:15px;line-height:1;padding:0;flex:none}
#ei-panel .ei-x:hover{background:#eaf0f6}
#ei-panel .ei-aqui{padding:8px 14px 10px;font-size:12.5px;color:#5b6b7f;border-bottom:1px solid #e6ecf2;line-height:1.35}
#ei-panel .ei-aqui b{color:#163a63;font-weight:700}
#ei-panel .ei-lista{overflow-y:auto;flex:1;padding:6px 6px 10px;scrollbar-width:thin;overscroll-behavior:contain}
#ei-panel a{text-decoration:none!important}
#ei-panel a:focus,#ei-panel button:focus{outline:none!important;box-shadow:none}
#ei-panel a:focus-visible,#ei-panel button:focus-visible,#ei-boton:focus-visible{outline:2px solid #b9cde6!important;outline-offset:-2px}
#ei-panel .ei-ini{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;font-size:14px;font-weight:600;color:#163a63}
#ei-panel .ei-ini .ei-L{background:#163a63}
#ei-panel .ei-ini:hover{background:#f3f6f9}
#ei-panel .ei-ini.on{background:#eef3f8}
#ei-panel .ei-b{margin-top:2px}
#ei-panel .ei-bf{display:flex;align-items:center;gap:6px;border-radius:8px}
#ei-panel .ei-bh{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:7px 4px 7px 8px;border-radius:8px;color:#163a63}
#ei-panel .ei-bh:hover{background:#f3f6f9}
#ei-panel .ei-L{flex:none;width:22px;height:22px;border-radius:50%;background:var(--c);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
#ei-panel .ei-bn{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.2}
#ei-panel .ei-n{flex:none;font-size:12px;color:#7a8899;font-variant-numeric:tabular-nums;padding-left:6px}
#ei-panel .ei-fl{flex:none;position:relative;width:26px;height:26px;margin-right:2px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}
#ei-panel .ei-fl::after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}
#ei-panel .ei-fl:hover{background:#eef2f7}
#ei-panel .ei-fl i{display:block;width:6px;height:6px;border-right:1.5px solid #7a8899;border-bottom:1.5px solid #7a8899;transform:translateY(-1px) rotate(45deg);transition:transform .2s ease,border-color .15s ease}
#ei-panel .ei-fl:hover i{border-color:#163a63}
#ei-panel .ei-b.open .ei-fl i{transform:translateY(1px) rotate(-135deg)}
#ei-panel .ei-b.on .ei-bf{background:var(--c1)}
#ei-panel .ei-b.on .ei-bh:hover{background:transparent}
#ei-panel .ei-ms{list-style:none;margin:2px 0 6px;padding:0 0 0 18px;display:none}
#ei-panel .ei-b.open .ei-ms{display:block}
#ei-panel .ei-ms li{margin:0;padding:0}
#ei-panel .ei-ms li::before{display:none}
#ei-panel .ei-ms a{display:flex;gap:7px;align-items:baseline;padding:5px 8px 5px 12px;border-left:2px solid #e3e9ef;font-size:13.5px;line-height:1.3;color:#2d4660}
#ei-panel .ei-ms a:hover{color:#163a63;background:#f6f8fb}
#ei-panel .ei-c{flex:none;min-width:24px;font-size:11px;font-weight:700;color:var(--c)}
#ei-panel .ei-ms a.on{border-left:3px solid var(--c);padding-left:11px;background:var(--c2);color:#0f2b4a;font-weight:600;border-radius:0 6px 6px 0}
#ei-panel .ei-ms a.px,#ei-panel .ei-ms a.px .ei-c{color:#9aa7b5}
#ei-panel .ei-pt{margin-left:auto;font-size:10.5px;color:#9aa7b5;white-space:nowrap}
#ei-panel .ei-pie{padding:8px 14px;border-top:1px solid #e6ecf2;font-size:12px;color:#7a8899}
#ei-boton{position:fixed;z-index:24;font-family:Barlow,system-ui,sans-serif;cursor:pointer;display:none;background:#163a63;color:#fff;border:0;box-shadow:0 4px 14px rgba(22,58,99,.25)}
html.ei-fijo.ei-plegado #ei-boton{display:block;left:0;top:var(--ei-top,140px);border-radius:0 10px 10px 0;padding:14px 9px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;font-weight:700;letter-spacing:.06em}
html.ei-fijo.ei-plegado #ei-panel{transform:translateX(-120%);opacity:0;pointer-events:none}
html.ei-fijo:not(.ei-plegado) #t4-main-body>.t4-section-inner{margin-left:max(300px,calc((100vw - 1152px)/2))!important;margin-right:auto!important;max-width:min(1152px,calc(100vw - 316px))!important}
html.ei-sobre #ei-panel{left:0;top:var(--ei-arriba,0px);bottom:0;border-radius:0 12px 12px 0;width:min(330px,88vw);transform:translateX(-105%);z-index:45}
html.ei-sobre.ei-abierto #ei-panel{transform:none}
html.ei-sobre #ei-panel .ei-fl{width:30px;height:30px}
html.ei-sobre #ei-panel .ei-fl::after{top:-7px;right:-7px;bottom:-7px;left:-7px}
html.ei-sobre #ei-panel .ei-fl i{width:7px;height:7px}
html.ei-sobre #ei-panel .ei-bh{padding-top:9px;padding-bottom:9px}
html.ei-sobre #ei-panel .ei-ms a{padding-top:8px;padding-bottom:8px}
html.ei-sobre #ei-boton{display:flex;align-items:center;gap:8px;left:12px;bottom:var(--ei-abajo,14px);border-radius:999px;padding:10px 16px 10px 13px;font-size:14px;font-weight:600;max-width:calc(100vw - 96px)}
html.ei-sobre #ei-boton span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ei-velo{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,20,35,.45);z-index:44;display:none}
html.ei-sobre.ei-abierto #ei-velo{display:block}
@media (prefers-reduced-motion:reduce){#ei-panel,#ei-panel .ei-fl i{transition:none}}
@media print{#ei-panel,#ei-boton,#ei-velo{display:none!important}html.ei-fijo #t4-main-body>.t4-section-inner{margin-left:auto!important;max-width:none!important}}
/* ---- 13/10/2026 (v32, Ramón: «se mueve de forma muy brusca […] va dando saltos entre las distintas opciones del menú», en las páginas de
   módulo «el menú está a la izquierda abierto encima del footer» y, al volver arriba, «se mete también debajo de la barra azul del menú
   principal»). Desde 1.440 px el índice va en un carril a la izquierda del contenido (#ei-carril, dentro de #t4-main-body) y se pega bajo la
   barra azul con position:sticky: al principio baja con la página y al final sube con ella, sin meterse bajo la cabecera ni encima del pie (lo
   hace el navegador, sin medir al bajar). Los bloques se abren y se cierran deslizando (0,3 s), la marca del módulo en curso se desliza de uno
   a otro y «Estás en» tiene siempre dos líneas y cambia con un fundido. ---- */
#ei-carril{position:absolute;left:16px;top:14px;bottom:16px;width:272px;pointer-events:none}
#ei-carril>*{pointer-events:auto}
html.ei-fijo #ei-carril>#ei-panel{position:sticky;top:var(--ei-pega,70px);left:auto;right:auto;bottom:auto;width:auto;height:calc(100vh - var(--ei-pega,70px) - 16px);max-height:100%}
html.ei-fijo.ei-plegado #ei-carril>#ei-boton{position:sticky;top:var(--ei-pega,70px);left:auto;margin-left:-16px;width:max-content}
#ei-panel .ei-aqui>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.7em;transition:opacity .22s ease}
#ei-panel .ei-aqui>span.ei-fuera{opacity:0;transition-duration:.18s}
#ei-panel .ei-bf,#ei-panel .ei-ini{transition:background-color .25s ease}
#ei-panel .ei-msw{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .3s ease,opacity .2s ease,visibility 0s linear .3s}
#ei-panel .ei-b.open .ei-msw{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .3s ease,opacity .25s ease .05s,visibility 0s linear 0s}
#ei-panel .ei-msi{position:relative;min-height:0;overflow:hidden}
#ei-panel .ei-msi::before{content:"";position:absolute;left:18px;top:2px;bottom:6px;width:2px;background:#e3e9ef}
#ei-panel .ei-ms,#ei-panel .ei-b.open .ei-ms{display:block;margin:0;padding:2px 0 6px 18px}
#ei-panel .ei-ms a,#ei-panel .ei-ms a.on{position:relative;z-index:1;border-left:0;padding-left:14px;border-radius:0 6px 6px 0;transition:color .2s ease,background-color .2s ease}
#ei-panel .ei-ms a.on{background:transparent;color:#0f2b4a;font-weight:inherit;-webkit-text-stroke:.3px currentColor}
#ei-panel .ei-ms a.on:hover{background:transparent}
#ei-panel .ei-marca{position:absolute;left:18px;top:0;width:calc(100% - 18px);height:0;box-sizing:border-box;border-left:3px solid var(--c);background:var(--c2);border-radius:0 6px 6px 0;opacity:0;pointer-events:none;transition:transform .3s ease,height .3s ease,opacity .2s ease}
#ei-panel .ei-marca.ve{opacity:1}
#ei-panel .ei-marca.ei-quieto{transition:none}
@media (prefers-reduced-motion:reduce){#ei-panel .ei-msw,#ei-panel .ei-b.open .ei-msw,#ei-panel .ei-marca,#ei-panel .ei-aqui>span,#ei-panel .ei-bf{transition:none}}
@media print{#ei-carril{display:none!important}}
/* ---- 13/10/2026 (Laura): sin la barra de colores de arriba (Inicio, Actualidad, Herramientas…), en las 69 páginas. Desde la v25, solo
   en el móvil; desde la v28, a todos los anchos («con el menú lateral es muy fácil navegar […] puedes eliminarla de todos sitios»). Se
   navega con el índice lateral y, en el móvil, con la barra inferior. El HTML se queda: volver atrás es quitar esta regla. ---- */
.em-app .em-tabs{display:none!important}
/* ---- 13/10/2026 (Laura, con captura de su móvil: «necesito que arriba me hagas una cruz en rojo para poder cerrarlo»): la hoja «Todo el
   ESPACIO» del móvil lleva arriba a la derecha una cruz roja que la cierra (la pone el programa: .em-hoja-x). ---- */
.em-hoja .em-hoja-x{position:sticky;top:0;float:right;z-index:2;width:42px;height:42px;margin:-4px -6px 0 8px;padding:0;border:0;border-radius:50%;background:#fdecec;color:#c62828;font-size:30px;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(198,40,40,.18)}
.em-hoja .em-hoja-x:hover,.em-hoja .em-hoja-x:active{background:#f9d4d4}
.em-hoja .em-hoja-x:focus-visible{outline:2px solid #c62828;outline-offset:2px}
/* ---- 13/10/2026 (v26, Laura: «el salto […] es un poco brusco», «se ve un efecto que recorres todos los bloques intermedios»): el fundido
   de los saltos largos (window.ESPACIO_SALTO). Solo se apaga el contenido (cabecera del ESPACIO, main y pie); la barra, la barra inferior y
   el índice se quedan quietos. ---- */
.em-app.em-salto>.em-inicio,.em-app.em-salto>main,.em-app.em-salto>.em-pie{transition:opacity .3s ease}
.em-app.em-fundido>.em-inicio,.em-app.em-fundido>main,.em-app.em-fundido>.em-pie{opacity:0;transition-duration:.15s}
/* ---- 13/10/2026 (v26, Laura: los botones blancos «no hay ningún efecto […] cuando te pasas por encima […] quiero que en estos […] también
   haya algún tipo de efecto suave»): los botones blancos (.btn.s; en F1, «Descargar el póster en PDF» y «Planificar el seguimiento») se
   llenan de marino al pasar el ratón, como el granate de «Abrir el módulo». Solo con ratón. ---- */
@media (hover:hover){
.em-app .v1 .btn.s{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.em-app .v1 .btn.s:hover{background:var(--marino);color:#fff;border-color:var(--marino);box-shadow:0 6px 14px rgba(22,58,99,.22)}
.v4-hero-oscuro .v1 .hero .btn.s:hover,.em-app .v1 .v4-pod-bt .btn.s:hover{background:rgba(255,255,255,.24);color:#fff;border-color:rgba(255,255,255,.85);box-shadow:none}
}
/* ---- 13/10/2026 (v30, Ramón: «cuando pinchas para que se abra el desplegable y no sueltas, todas las opciones se quedan en azul […] si
   vuelves […] a ponerte en hover, se pone de nuevo el azul»): Chrome pinta la lista abierta con el fondo del cuadro, y el cuadro de los 24
   desplegables «Elige una…» de la portada se vuelve azul claro al pasar el ratón; la lista salía azul y volvía a blanco al salir del
   cuadro. Las opciones de todos los desplegables del ESPACIO llevan ahora su propio fondo blanco, y al pasar el ratón el cuadro se pone
   azul claro sin perder la flecha (el «background» entero de la regla del 12/10 la borraba). ---- */
.em-app select option,.em-app select optgroup{background-color:var(--tarjeta)}
.em-app .v5-despl-sel:hover{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5a9e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}