<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Relaciones Laborales - Huellas Misioneras</title>
	<atom:link href="https://ishm.ar/ced/en/category/relaciones-laborales/feed/" rel="self" type="application/rss+xml" />
	<link>https://ishm.ar/ced/en/category/relaciones-laborales/</link>
	<description>Tecnicaturas Superiores y Formación Profesional en Eldorado, Misiones. Presencial y virtual. Títulos con validez nacional — ISHM, más de 500 egresados.</description>
	<lastBuildDate>Tue, 15 Sep 2026 14:54:00 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updateperiod>
	hourly	</sy:updateperiod>
	<sy:updatefrequency>
	1	</sy:updatefrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://ishm.ar/ced/wp-content/uploads/2019/02/cropped-logo-mano23-32x32.jpg</url>
	<title>Relaciones Laborales - Huellas Misioneras</title>
	<link>https://ishm.ar/ced/en/category/relaciones-laborales/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Tu empresa ya toma decisiones algorítmicas</title>
		<link>https://ishm.ar/ced/en/tu-empresa-ya-toma-decisiones-algoritmicas/</link>
		
		<dc:creator><![CDATA[Huellas Misioneras]]></dc:creator>
		<pubDate>Fri, 04 Sep 2026 20:09:26 +0000</pubDate>
				<category><![CDATA[Píldora de Aprendizaje]]></category>
		<category><![CDATA[Relaciones Laborales]]></category>
		<guid ispermalink="false">https://ishm.ar/ced/?p=57967</guid>

					<description><![CDATA[<p>Línea RRLL + IA · Píldora 06 · Cierre de la serie Tu empresa ya tomó una decisión algorítmica y no lo sabe. Cinco escenas, un mismo patrón. Esta última nota le pone nombre jurídico completo y te da el &#8230;</p>
<p>La entrada <a href="https://ishm.ar/ced/en/tu-empresa-ya-toma-decisiones-algoritmicas/">Tu empresa ya toma decisiones algorítmicas</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="57967" class="elementor elementor-57967">
				<div class="elementor-element elementor-element-dc9b5dd e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="dc9b5dd" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8808e98 elementor-widget elementor-widget-shortcode" data-id="8808e98" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode"><style class="wpcode-css-snippet">/* =============================================================
   PILD · Píldoras de Aprendizaje — Aula Virtual CED
   Scope: .pild · BEM · Vanilla CSS
   Tipografía: JetBrains Mono (metadata) · Poppins (jerarquía)
   · Montserrat (lectura) — branding CED: Navy + Cyan
   Grid: base 8px · 40px de aire entre cajas/ítems de grid
   ============================================================= */

.pild {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;

  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;

  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;

  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;
  --pild-nav-w: 260px;

  box-sizing: border-box;
  font-family: var(--pild-body);
  color: var(--pild-ink);
  display: flex;
  min-height: 640px;
  border: 1px solid var(--pild-line);
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  background: var(--pild-card);
}
.pild :where(*) { box-sizing: border-box; }
.pild :where(p, h1, h2, h3, ul, ol) { margin: 0; }
.pild :where(a) { color: var(--pild-cyan-deep); }
.pild :where(a):hover { text-decoration: underline; }
.pild code { font-family: var(--pild-mono); }

/* ---------- WRAP + HERO ---------------------------------------------- */
.pild-wrap {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;
  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;
  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;

  max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--s5);
}
.pild-wrap :where(*) { box-sizing: border-box; }
.pild-wrap :where(p, h1) { margin: 0; }

.pild-wrap .pild-hero {
  font-family: var(--pild-body);
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild-wrap .pild-hero__media {
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  line-height: 0;
}
.pild-wrap .pild-hero__img { display: block; width: 100%; height: auto; }

.pild-wrap .pild-hero__head { position: relative; padding-left: var(--s3); }
.pild-wrap .pild-hero__head::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--pild-cyan), var(--pild-navy));
}
.pild-wrap .pild-hero__eyebrow {
  font-family: var(--pild-mono);
  font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--pild-cyan-deep);
  margin-bottom: var(--s2) !important;
}
.pild-wrap .pild-hero__title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: clamp(1.9rem, 4.2vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--pild-navy);
  text-wrap: balance;
}
.pild-wrap .pild-hero__title-em {
  color: var(--pild-cyan-deep);
  background: linear-gradient(180deg, transparent 62%, rgba(51,191,255,.22) 62%);
  padding: 0 .06em;
}
.pild-wrap .pild-hero__subtitle {
  font-family: var(--pild-display);
  font-weight: 500;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  line-height: 1.45;
  color: var(--pild-ink-soft);
  max-width: 40ch;
  margin-top: var(--s3) !important;
}

/* ---------- NAV LATERAL ---------------------------------------------- */
.pild__nav {
  width: var(--pild-nav-w);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: linear-gradient(165deg, var(--pild-navy) 0%, var(--pild-navy-deep) 100%);
  position: relative;
}
.pild__nav-header { padding: var(--s4) var(--s4) var(--s3); border-bottom: 1px solid rgba(255,255,255,.1); }
.pild__nav-label {
  font-family: var(--pild-mono);
  font-size: .66rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pild-cyan);
  margin-bottom: var(--s1);
}
.pild__nav-title { font-family: var(--pild-display); font-weight: 600; font-size: .92rem; line-height: 1.4; color: #fff; }

.pild__nav-list { list-style: none; padding: var(--s2) 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.pild__nav-item {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-weight: 500;
  font-size: .88rem;
  color: rgba(255,255,255,.65);
  border-left: 3px solid transparent;
  transition: background .15s ease, color .15s ease;
}
.pild__nav-item:hover { background: rgba(255,255,255,.08); color: #fff; }
.pild__nav-item--active { background: rgba(255,255,255,.12); color: #fff; border-left-color: var(--pild-cyan); }
.pild__nav-icon { flex-shrink: 0; width: 1.2rem; height: 1.2rem; display: grid; place-items: center; }
.pild__nav-icon svg { width: 100%; height: 100%; }
.pild__nav-text { line-height: 1.3; }
.pild__nav-badge {
  margin-left: auto;
  font-family: var(--pild-mono);
  font-size: .64rem;
  font-weight: 600;
  background: rgba(51,191,255,.18);
  color: var(--pild-cyan);
  padding: 2px 8px;
  border-radius: 999px;
}
.pild__nav-item--active .pild__nav-badge { background: var(--pild-cyan); color: var(--pild-navy-deep); }

.pild__nav-footer { padding: var(--s3) var(--s4) var(--s4); border-top: 1px solid rgba(255,255,255,.1); }
.pild__progress-label { font-family: var(--pild-mono); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: var(--s2); }
.pild__progress-bar { height: 6px; background: rgba(255,255,255,.15); border-radius: 999px; overflow: hidden; }
.pild__progress-fill { height: 100%; width: 33.33%; background: var(--pild-cyan); border-radius: 999px; transition: width .4s ease; }

/* ---------- CONTENIDO -------------------------------------------------- */
.pild__content { flex: 1; min-width: 0; overflow-y: auto; display: flex; flex-direction: column; background: var(--pild-card); }

.pild__panel { display: none; flex: 1; flex-direction: column; }
.pild__panel--active { display: flex; }

.pild__panel-header {
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s4) var(--s5);
  background: var(--pild-paper);
  border-bottom: 1px solid var(--pild-line);
}
.pild__panel-icon {
  flex-shrink: 0;
  width: 2.75rem; height: 2.75rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid; place-items: center;
}
.pild__panel-icon svg { width: 1.25rem; height: 1.25rem; }
.pild__panel-eyebrow { font-family: var(--pild-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--pild-cyan-deep); margin-bottom: 4px; }
.pild__panel-title { font-family: var(--pild-display); font-weight: 700; font-size: 1.08rem; color: var(--pild-navy); line-height: 1.35; }

/* ---------- LECTURA ----------------------------------------------------- */
.pild__panel-body { padding: var(--s5); flex: 1; font-size: .98rem; line-height: 1.75; color: var(--pild-ink); display: flex; flex-direction: column; gap: var(--s3); }

.pild__signals { list-style: none; padding: 0; margin: var(--s2) 0; display: flex; flex-direction: column; gap: var(--s3); }
.pild__signal {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: var(--s3);
  align-items: flex-start;
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  transition: transform .2s ease, box-shadow .2s ease;
}
.pild__signal::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: var(--pild-cyan); }
.pild__signal:nth-child(3n+2)::before { background: var(--pild-caramel); }
.pild__signal:nth-child(3n)::before { background: var(--pild-navy); }
.pild__signal:hover { transform: translateY(-2px); box-shadow: var(--pild-shadow-sm); }
.pild__signal-num { flex-shrink: 0; font-family: var(--pild-mono); font-weight: 700; font-size: 1.1rem; color: var(--pild-cyan-deep); min-width: 1.75rem; }
.pild__signal-title { font-family: var(--pild-display); font-weight: 700; font-size: .95rem; color: var(--pild-navy); margin-bottom: 4px; }
.pild__signal-text { font-size: .92rem; color: var(--pild-ink-soft); line-height: 1.65; }

.pild__panel-outro {
  margin: 0 var(--s5) var(--s5);
  background: rgba(51,191,255,.1);
  border: 1px solid rgba(51,191,255,.25);
  border-radius: 12px;
  padding: var(--s4);
  font-size: .92rem;
  color: var(--pild-navy);
  line-height: 1.6;
}

/* ---------- VIDEO -------------------------------------------------------- */
.pild__video-wrap { padding: var(--s5); display: flex; flex-direction: column; gap: var(--s4); flex: 1; }
.pild__video-frame { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 12px; overflow: hidden; box-shadow: var(--pild-shadow); }
.pild__video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
.pild__video-placeholder {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s2);
  background: linear-gradient(155deg, var(--pild-navy), var(--pild-navy-deep));
  color: rgba(255,255,255,.75);
  font-size: .9rem;
}
.pild__video-placeholder-icon { width: 3rem; height: 3rem; color: var(--pild-cyan); opacity: .8; }
.pild__video-placeholder-hint { font-size: .78rem; opacity: .65; }
.pild__video-note {
  font-size: .88rem;
  color: var(--pild-ink-soft);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  line-height: 1.6;
}

/* ---------- ACTIVIDAD ------------------------------------------------------ */
.pild__activity-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); }
.pild__activity-intro {
  font-size: .95rem; color: var(--pild-ink-soft); line-height: 1.65;
  background: var(--pild-paper); border: 1px solid var(--pild-line); border-radius: 12px; padding: var(--s4);
}
.pild__shortcode-slot {
  flex: 1; min-height: 18rem;
  border: 2px dashed rgba(34,58,112,.28);
  border-radius: 12px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: var(--s1);
  background: repeating-linear-gradient(135deg, rgba(34,58,112,.05) 0 12px, rgba(34,58,112,.02) 12px 24px);
  color: var(--pild-ink-soft);
  padding: var(--s5);
}
.pild__shortcode-label { font-family: var(--pild-display); font-weight: 700; color: var(--pild-navy); }
.pild__shortcode-hint { font-size: .82rem; opacity: .75; }
.pild__shortcode-code { margin-top: var(--s2); font-size: .78rem; background: #fff; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--pild-line); }

/* ---------- CIERRE / CTA --------------------------------------------------- */
.pild__closing-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); justify-content: center; }
.pild__spotify { max-width: 480px; }
.pild__closing-text { font-size: 1rem; line-height: 1.7; color: var(--pild-ink); max-width: 56ch; }
.pild__closing-text strong { color: var(--pild-navy); }
.pild__cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s4);
  text-decoration: none;
  cursor: pointer;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-navy-deep));
  color: #fff;
  border-radius: 14px;
  padding: var(--s4) var(--s4) var(--s4) var(--s5);
  box-shadow: var(--pild-shadow);
  max-width: 620px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.pild__cta:hover { transform: translateY(-3px); text-decoration: none; box-shadow: 0 34px 70px -26px rgba(21,150,216,.55); }
.pild__cta::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(51,191,255,.18), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__cta:hover::before { transform: translateX(130%); }
.pild__cta-text { display: flex; flex-direction: column; }
.pild__cta-label { font-family: var(--pild-display); font-weight: 700; font-size: 1.05rem; line-height: 1.3; }
.pild__cta-sub { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-cyan); margin-top: 6px; letter-spacing: .02em; }
.pild__cta-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pild-cyan);
  color: var(--pild-navy-deep);
  font-family: var(--pild-mono);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 12px 20px;
  border-radius: 999px;
  transition: transform .15s ease, background .15s ease;
}
.pild__cta-btn svg { width: 1.1rem; height: 1.1rem; transition: transform .2s ease; }
.pild__cta:hover .pild__cta-btn { background: #fff; }
.pild__cta:hover .pild__cta-btn svg { transform: translateX(3px); }

/* ---------- FOOTER / BOTONES ---------------------------------------------- */
.pild__panel-footer {
  padding: var(--s3) var(--s5);
  border-top: 1px solid var(--pild-line);
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
  background: var(--pild-card);
}
.pild__step { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-ink-soft); }
.pild__btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: var(--s2);
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.pild__btn:hover { transform: translateY(-2px); }
.pild__btn--primary { background: linear-gradient(120deg, var(--pild-cyan), var(--pild-cyan-deep)); color: var(--pild-navy-deep); box-shadow: var(--pild-shadow-sm); }
.pild__btn--primary::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__btn--primary:hover::before { transform: translateX(130%); }
.pild__btn--ghost { background: transparent; color: var(--pild-ink-soft); border: 1px solid var(--pild-line); }
.pild__btn--ghost:hover { background: var(--pild-paper); color: var(--pild-navy); }
.pild__btn--done { background: var(--pild-navy); color: #fff; }
.pild__btn--done:hover { background: var(--pild-navy-deep); }
.pild__btn--done[disabled] { cursor: default; transform: none; opacity: .85; }
.pild__btn--done[disabled]:hover { transform: none; }

/* ---------- RESPONSIVE ---------------------------------------------------- */
@media (max-width: 780px) {
  .pild { flex-direction: column; min-height: unset; }
  .pild__nav { width: 100%; }
  .pild__nav-list { flex-direction: row; overflow-x: auto; padding: 0; }
  .pild__nav-item { flex-direction: column; gap: 4px; padding: var(--s2) var(--s3); border-left: none; border-bottom: 3px solid transparent; white-space: nowrap; font-size: .78rem; }
  .pild__nav-item--active { border-bottom-color: var(--pild-cyan); border-left-color: transparent; }
  .pild__nav-badge, .pild__nav-footer { display: none; }
  .pild__panel-body, .pild__video-wrap, .pild__activity-wrap { padding: var(--s3); }
  .pild__panel-outro { margin: 0 var(--s3) var(--s3); }
  .pild__panel-header { padding: var(--s3); }
  .pild__panel-footer { padding: var(--s2) var(--s3); flex-wrap: wrap; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
/* El atributo hidden por sí solo no alcanza: al declarar display:flex
   arriba, el navegador ignora el display:none que hidden aplicaría por
   defecto. Sin esta regla, el bloque de "actividad completada" se ve
   desde el principio, antes de terminar la actividad. */
.pild__quiz-done[hidden] { display: none; }
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.5 — Componente ACTIVIDAD: pregunta de texto libre
   BEM: .pild__quiz-textarea / .pild__quiz-submit
   Agregar al FINAL del snippet CSS acumulativo de WP Code, después
   del bloque v1.4. 100% aditivo — no reemplaza nada de v1.0–v1.4.
   Necesario porque, hasta v1.4, .pild__quiz solo soportaba preguntas
   de opción múltiple. La Píldora 2 (RRLL + IA — Selección de
   Personal) necesita capturar una respuesta abierta como parte de
   la actividad, así que se agrega este tipo de pregunta nuevo.
   ============================================================= */

.pild__quiz-textarea {
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.55;
  resize: vertical;
}

.pild__quiz-textarea::placeholder {
  color: var(--pild-ink-soft);
  opacity: .7;
}

.pild__quiz-textarea:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
  border-color: var(--pild-cyan) !important;
}

/* Botón de enviar respuesta libre: mismo lenguaje visual que
   .pild__quiz-continue, pero deshabilitado hasta que haya texto. */
.pild__quiz-submit {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease, opacity .15s ease;
}
.pild__quiz-submit::after { content: "→"; }
.pild__quiz-submit:hover { transform: translateY(-2px); }
.pild__quiz-submit:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}
.pild__quiz-submit[data-disabled="1"] {
  opacity: .45;
  cursor: default !important;
  pointer-events: none;
}

@media (max-width: 780px) {
  .pild__quiz-textarea { font-size: .88rem; }
}

/* ============================================================
   CED · SISTEMA .pild — CSS ADICIONAL v1.5
   Agregar al snippet acumulativo de WP Code (después de v1.4).
   No reemplaza nada de v1.0–v1.4 — es aditivo.

   Componente nuevo: .pild__reveal
   Un bloque de "pregunta con respuesta oculta" para actividades
   que NO llevan el .pild__quiz de doble capa (ej. cuando el
   perfilado se gestiona en otro sistema, como Moodle).
   No tiene lógica de dataLayer ni tags ocultos — es solo un
   toggle de mostrar/ocultar la respuesta.
   Hereda las variables de marca (--pild-navy, --pild-cyan, etc.)
   del .pild padre — no las redefine.
   ============================================================ */

.pild__reveal {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 14px;
  padding: var(--s4);
}

.pild__reveal-prompt {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--pild-ink);
}

.pild__reveal-prompt strong { color: var(--pild-navy); }

.pild__reveal-hint {
  font-family: var(--pild-mono);
  font-size: .8rem;
  font-style: italic;
  color: var(--pild-ink-soft);
}

/* Div en lugar de <button> a propósito — mismo motivo que en
   .pild__quiz-option: temas de WordPress con estilos globales
   FSE le imponen color/fondo a "button" con !important y rompen
   el contraste. */
.pild__reveal-toggle {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--pild-mono) !important;
  font-weight: 600 !important;
  font-size: .78rem !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff !important;
  background: var(--pild-navy) !important;
  border: none !important;
  padding: 10px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease;
}
.pild__reveal-toggle:hover {
  background: var(--pild-navy-deep) !important;
  transform: translateY(-2px);
}
.pild__reveal-toggle:focus-visible {
  outline: 2px solid var(--pild-cyan);
  outline-offset: 2px;
}

.pild__reveal-answer {
  border-top: 1px dashed var(--pild-line);
  padding-top: var(--s3);
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  font-size: .98rem;
  line-height: 1.7;
  color: var(--pild-ink);
}
.pild__reveal-answer strong { color: var(--pild-navy); }

/* Mismo bug que .pild__quiz-done: si el elemento tiene un
   "display" propio en CSS de autor, el atributo hidden no alcanza
   por sí solo para ocultarlo. Se refuerza acá. */
.pild__reveal-answer[hidden] { display: none; }</style></div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0762c13 elementor-widget elementor-widget-image" data-id="0762c13" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="1800" height="750" src="https://ishm.ar/ced/wp-content/uploads/2026/09/pil-6.webp" class="attachment-full size-full wp-image-57973" alt="pil 6" srcset="https://ishm.ar/ced/wp-content/uploads/2026/09/pil-6.webp 1800w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-6-300x125.webp 300w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-6-1024x427.webp 1024w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-6-768x320.webp 768w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-6-1536x640.webp 1536w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-6-18x8.webp 18w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-6-400x167.webp 400w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-6-1020x425.webp 1020w" sizes="(max-width: 1800px) 100vw, 1800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-1f32750 elementor-widget elementor-widget-html" data-id="1f32750" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · PÍLDORA — Línea RRLL + IA · 06 · Decisión algorítmica sin saberlo
     Cierre de la serie RRLL + IA
     Prefijo BEM: .pild — requiere pild-base.css (en producción) y
     pild-checklist-v1.6.css (nuevo, ver archivo aparte) cargados en
     el snippet acumulativo de WP Code. No usa pild-quiz-v1.4.css ni
     pild-reveal-v1.5.css — esta píldora no los necesita.
     Bloque HTML de Elementor (ancho completo). Sin doctype/head/body.

     Esta píldora NO usa el .pild__quiz de doble capa: la actividad
     de perfilado (formulario de 3 preguntas + Sheet en espejo) se
     gestiona aparte en Moodle, fuera de este sistema — mismo
     criterio que las píldoras 03 y 05.

     PENDIENTES marcados explícitamente — no inventados:
       - {{HERO_IMG_URL}} / {{HERO_ALT}}
       - {{SPOTIFY_SRC}}
       - {{CTA_URL}} (link del curso/carrera)
       - {{WHATSAPP_URL}} (falta el número de teléfono)
     ============================================================ -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Poppins:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">

<div class="pild-wrap">

  <!-- HERO -->
  <header class="pild-hero">
    <div class="pild-hero__media">
     
    </div>
    <div class="pild-hero__head">
      <p class="pild-hero__eyebrow">Línea RRLL + IA · Píldora 06 · Cierre de la serie</p>
      <h1 class="pild-hero__title">Tu empresa ya tomó una decisión algorítmica <span class="pild-hero__title-em">y no lo sabe.</span></h1>
      <p class="pild-hero__subtitle">Cinco escenas, un mismo patrón. Esta última nota le pone nombre jurídico completo y te da el test para aplicarlo en cualquier empresa — no solo en las que reparten pedidos.</p>
    </div>
  </header>

<div class="pild" id="pild-rrll-ia-06-decision-algoritmica-sin-saberlo" data-pild>

  <!-- NAV LATERAL -->
  <nav class="pild__nav">
    <div class="pild__nav-header">
      <p class="pild__nav-label">Píldora 06 · Cierre</p>
      <p class="pild__nav-title">RRLL + IA: decisión algorítmica sin saberlo</p>
    </div>

    <ul class="pild__nav-list">
      <li>
        <button type="button" class="pild__nav-item pild__nav-item--active" data-pild-nav="0">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
          </span>
          <span class="pild__nav-text">Lectura</span>
          <span class="pild__nav-badge">01</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="1">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
          </span>
          <span class="pild__nav-text">Actividad</span>
          <span class="pild__nav-badge">02</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="2">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
          </span>
          <span class="pild__nav-text">Audio</span>
          <span class="pild__nav-badge">03</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="3">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
          <span class="pild__nav-text">Cierre</span>
          <span class="pild__nav-badge">04</span>
        </button>
      </li>
    </ul>

    <div class="pild__nav-footer">
      <p class="pild__progress-label">Tu progreso</p>
      <div class="pild__progress-bar"><div class="pild__progress-fill" data-pild-progress></div></div>
    </div>
  </nav>

  <!-- CONTENIDO -->
  <div class="pild__content">

    <!-- PANEL 1: LECTURA -->
    <div class="pild__panel pild__panel--active" data-pild-panel="0">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Lectura · Panel 1 de 4</p>
          <p class="pild__panel-title">El mismo actor, con otro disfraz</p>
        </div>
      </div>

      <div class="pild__panel-body">
        <p>Cinco escenas, hasta acá. Un sistema que liquida mal un sueldo y nadie lo audita. Un currículum que un algoritmo descarta antes de que lo lea una persona. Un repartidor que negocia con una aplicación que no puede explicarse a sí misma. Un ranking que decide, en silencio, a quién capacitar primero. Un sensor que mide rendimiento donde antes miraba un supervisor. <strong>Si seguiste esta serie, ya viste el patrón.</strong> Esta última nota le pone nombre jurídico completo y te da el test para aplicarlo en cualquier empresa — no solo en las que reparten pedidos.</p>

        <p><strong>Subordinación algorítmica.</strong> Todo este tiempo hablamos de gestión algorítmica sin definir del todo el concepto que la sostiene por debajo. La doctrina más reciente la describe con precisión: no se trata de una orden directa, sino de una estructura de incentivos y mecanismos de evaluación continua. El trabajador ajusta su conducta no porque reciba una instrucción puntual, sino porque entiende, a partir de la interacción con el sistema, qué comportamiento se espera de él. El sistema actúa como un verdadero centro de poder, aunque nadie en la empresa haya firmado una orden con ese contenido.</p>

        <p>Un juez que analizó uno de los casos que ya conocés de esta serie lo resumió así: el control algorítmico reproduce los poderes clásicos de un empleador —dirección, control y sanción— pero de forma automatizada, sin que el poder de dirección esté centralizado en una persona. Si tu empresa usa un sistema que asigna tareas, mide desempeño, prioriza recursos o genera sanciones de forma automática, <strong>ya está ejerciendo poder de dirección algorítmico</strong> — lo sepa o no, lo haya pensado en esos términos o no.</p>

        <p><strong>El test que cualquier empresa se puede aplicar.</strong> Antes de que existiera la palabra "algoritmo" aplicada al trabajo, la Organización Internacional del Trabajo ya había construido, en su Recomendación 198 del año 2006, una lista de indicios para reconocer cuándo existe una relación de trabajo subordinado — el "haz de indicios". Hoy es el mejor punto de partida para revisar si un sistema de tu empresa está ejerciendo, de hecho, poder de dirección:</p>
        <ul style="padding-left: 1.4em; display:flex; flex-direction:column; gap:8px;">
          <li><strong>El trabajo se realiza bajo instrucciones y control de otra persona</strong> → versión algorítmica: un sistema asigna tareas, fija estándares o evalúa desempeño de forma automática, sin que una persona dé la instrucción caso por caso. Ya lo viste en la píldora 5: el sensor que mide rendimiento en lugar de un supervisor.</li>
          <li><strong>El trabajador está integrado en la organización de la empresa</strong> → el sistema forma parte de la infraestructura central de gestión de personas, no es una herramienta externa opcional. Ya lo viste en la píldora 1: la liquidación de sueldos corre sobre el sistema oficial de nómina.</li>
          <li><strong>El trabajo se ejecuta según un horario, lugar o modo determinado por quien lo solicita</strong> → un sistema define de forma automática prioridades, rankings o secuencias que condicionan cómo y cuándo se hace el trabajo. Ya lo viste en la píldora 4: el ranking que decide a quién capacitar primero.</li>
          <li><strong>Existe un mecanismo de evaluación continua del desempeño</strong> → el sistema mide, compara y puntúa de forma constante, no en instancias puntuales decididas por una persona. Ya lo viste en la píldora 2 (scoring de currículums) y en la píldora 5 (monitoreo continuo).</li>
          <li><strong>Hay consecuencias derivadas de esa evaluación</strong> (sanción, exclusión, pérdida de oportunidad) → el sistema genera advertencias, bajas de categoría, exclusiones o desconexiones de forma automática. Ya lo viste en la píldora 3: la desconexión de plataforma sin explicación humana.</li>
        </ul>

        <p>Ninguna empresa necesita cumplir los cinco indicios a la vez para que esto importe. La doctrina no exige una plataforma de reparto ni un caso extremo: alcanza con que un sistema esté ejerciendo, de hecho, alguna de estas funciones clásicas del poder de dirección, para que las mismas obligaciones legales que vimos en esta serie —arts. 70 a 72 de la LCT, la presunción del art. 23, el deber de no discriminar— entren a jugar.</p>

        <p><strong>El problema de la opacidad y la crisis de las responsabilidades.</strong> Cuando el poder de dirección se reparte entre varios sistemas —uno que liquida, otro que selecciona, otro que prioriza capacitación, otro que mide rendimiento—, aparece lo que la doctrina llama la "ilusión de neutralidad": cada sistema, tomado por separado, parece una herramienta técnica neutral. Nadie firmó una decisión discriminatoria ni una sanción injusta. Pero la suma de esos sistemas, todos operando al mismo tiempo sobre la misma persona, puede terminar ejerciendo un control mucho más intenso que el de cualquier supervisor humano — con el agravante de que, cuando algo sale mal, resulta mucho más difícil identificar de quién es la responsabilidad. Esa dificultad para asignar responsabilidad cuando la decisión está distribuida entre varios sistemas automatizados es, literalmente, lo que la doctrina describe como una <strong>crisis de las responsabilidades</strong> dentro de la relación laboral.</p>

        <p><strong>Caso integrador: la empresa que nunca se pensó como "una plataforma".</strong> Una empresa de distribución mayorista de Posadas, con 60 empleados en relación de dependencia, sin ninguna vinculación con la economía de plataformas. En los últimos dos años fue incorporando, de forma independiente y sin un plan conjunto, distintos sistemas: liquidación con detección automática de anomalías, un ATS con scoring para búsquedas administrativas, priorización de capacitación por desempeño y riesgo de rotación, y chalecos con sensores en el depósito. Cada sistema se implementó por su cuenta, con su propio responsable de área, sin que nadie los mirara juntos. Pero mirados en conjunto, la empresa ya cumple varios de los indicios: sistemas que asignan y evalúan trabajo de forma automática, integrados a su infraestructura central, que generan consecuencias reales sin intervención humana en cada caso puntual. Nadie decidió, en ningún momento, "vamos a gestionar personas con inteligencia artificial" — y sin embargo, en los hechos, ya lo están haciendo. Ninguno de estos sistemas, por separado, constituye un problema legal automático. El riesgo aparece cuando nadie tiene una mirada integral sobre el conjunto: una sanción por baja productividad que en realidad refleja fatiga, una capacitación negada por una licencia mal interpretada, una promoción perdida por un scoring sin contexto — cada hecho aislado puede parecer menor, pero sumados pueden configurar un patrón que un abogado laboralista reconocería de inmediato. Quien gestiona bien esto no propone desactivar los sistemas: aplica el test de los cinco indicios al conjunto, no a cada uno por separado, e instala un único punto de revisión humana con visibilidad sobre las decisiones que generan los distintos sistemas.</p>

        <p><strong>Lo que esta serie quiso dejarte, en una sola idea.</strong> Cada una de las cinco píldoras anteriores mostró una habilidad puntual: auditar una liquidación, detectar un sesgo de selección, negociar con un sistema, cuestionar un ranking de capacitación, revisar un sensor. Esta última nota muestra por qué esas cinco habilidades son, en el fondo, una sola: la capacidad de reconocer cuándo un sistema técnico empezó a ejercer, de hecho, un poder que el Derecho del Trabajo ya regula desde hace décadas, aunque haya sido pensado mucho antes de que existiera la inteligencia artificial. Esa habilidad no depende de saber programar. Depende de conocer la normativa lo suficientemente bien como para reconocerla operando, disfrazada de tecnología, en cualquier empresa — incluida la que menos se lo esperaría.</p>
      </div>

      <div class="pild__panel-outro">Antes de seguir, aplicá el checklist de autodiagnóstico a cualquier empresa que conozcas de cerca — la tuya, la de un familiar, un caso que viste de cerca.</div>

      <div class="pild__panel-footer">
        <span class="pild__step">Panel 1 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="1">Ir a la actividad →</button>
      </div>
    </div>

    <!-- PANEL 2: ACTIVIDAD -->
    <div class="pild__panel" data-pild-panel="1">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Actividad · Panel 2 de 4</p>
          <p class="pild__panel-title">El checklist de autodiagnóstico</p>
        </div>
      </div>

      <div class="pild__activity-wrap">
        <p class="pild__activity-intro">Aplicá este checklist a cualquier empresa que conozcas de cerca —la tuya, la de un familiar, un caso que viste de cerca— y marcá con honestidad cada pregunta cuya respuesta sea "sí".</p>

        <!-- ═══════════════════════════════════════════════════
             INSERTAR SHORTCODE DE WP CODE AQUÍ
             Ver: pild-rrll-ia-06-actividad-checklist.html
             Componente nuevo: .pild__checklist — requiere
             pild-checklist-v1.6.css cargado en el snippet
             acumulativo (ver archivo aparte).
             ═══════════════════════════════════════════════════ -->
        <!-- ============================================================
     CED · ACTIVIDAD — Checklist de autodiagnóstico
     Píldora: RRLL + IA · 06 · Decisión algorítmica sin saberlo
     Componente: .pild__checklist (nuevo) — requiere
     pild-checklist-v1.6.css cargado en el snippet acumulativo.

     Sin doble capa: no perfila, no manda nada a dataLayer/Kommo.
     El criterio de interpretación del resultado es el que ya
     trae el md fuente ("si contaste tres o más sí en las primeras
     tres, y no en las últimas dos..."), no un tag de perfilado.
     El perfilado de esta píldora se gestiona aparte, en Moodle.

     Subir como snippet APARTE en WP Code y reemplazar
     [wpcode id="PENDIENTE"] en el HTML principal por el ID real.
     ============================================================ -->

<div class="pild__checklist" data-pild-checklist>

  <ul class="pild__checklist-list">
    <li class="pild__checklist-item">
      <label class="pild__checklist-label">
        <input type="checkbox" class="pild__checklist-checkbox" data-checklist-item="0">
        <span>¿Hay algún sistema que asigne tareas, prioridades o rankings sin que una persona lo revise caso por caso?</span>
      </label>
    </li>
    <li class="pild__checklist-item">
      <label class="pild__checklist-label">
        <input type="checkbox" class="pild__checklist-checkbox" data-checklist-item="1">
        <span>¿Ese sistema evalúa o mide desempeño de forma continua, más allá de instancias puntuales decididas por un jefe?</span>
      </label>
    </li>
    <li class="pild__checklist-item">
      <label class="pild__checklist-label">
        <input type="checkbox" class="pild__checklist-checkbox" data-checklist-item="2">
        <span>¿Puede ese sistema generar, de forma automática, una consecuencia real para alguien —una sanción, una exclusión, una capacitación negada—?</span>
      </label>
    </li>
    <li class="pild__checklist-item">
      <label class="pild__checklist-label">
        <input type="checkbox" class="pild__checklist-checkbox" data-checklist-item="3">
        <span>¿Existe una sola persona o área con visibilidad sobre el conjunto de todos estos sistemas, o cada uno vive en su propio compartimento?</span>
      </label>
    </li>
    <li class="pild__checklist-item">
      <label class="pild__checklist-label">
        <input type="checkbox" class="pild__checklist-checkbox" data-checklist-item="4">
        <span>Si alguien reclamara por una de estas decisiones, ¿la empresa podría explicar con precisión qué información usó el sistema y por qué, en ese caso puntual?</span>
      </label>
    </li>
  </ul>

  <div class="pild__checklist-toggle" data-checklist-toggle>Ver resultado</div>

  <div class="pild__checklist-result" data-checklist-result hidden></div>

</div>

<script>
(function () {
  "use strict";

  /* Criterio de interpretación tal como lo define el material
     fuente: "Sí" marcado en las tres primeras (índices 0,1,2) y
     "No" (sin marcar) en las últimas dos (índices 3,4). */
  var FLAG_MESSAGE =
    "Contaste tres \"sí\" en las primeras tres preguntas, y \"no\" en las últimas dos. Según el criterio de este checklist, es un patrón que vale la pena mirar de cerca — no porque algo esté necesariamente mal, sino porque nadie lo está mirando todavía como lo que es.";

  var DEFAULT_MESSAGE =
    "Gracias por hacer el ejercicio con honestidad. No hay una combinación \"correcta\": lo que importa es que ahora tenés el test para volver a aplicarlo cuando haga falta, en cualquier empresa que te toque mirar.";

  function initChecklist(box) {
    var toggle = box.querySelector("[data-checklist-toggle]");
    var result = box.querySelector("[data-checklist-result]");
    var checkboxes = box.querySelectorAll("[data-checklist-item]");
    if (!toggle || !result || !checkboxes.length) return;

    toggle.setAttribute("role", "button");
    toggle.setAttribute("tabindex", "0");

    function checkboxByIndex(index) {
      for (var i = 0; i < checkboxes.length; i++) {
        if (checkboxes[i].getAttribute("data-checklist-item") === String(index)) return checkboxes[i];
      }
      return null;
    }

    function isChecked(index) {
      var cb = checkboxByIndex(index);
      return !!(cb && cb.checked);
    }

    function showResult() {
      var firstThreeYes = isChecked(0) && isChecked(1) && isChecked(2);
      var lastTwoNo = !isChecked(3) && !isChecked(4);
      var matchesPattern = firstThreeYes && lastTwoNo;

      result.textContent = matchesPattern ? FLAG_MESSAGE : DEFAULT_MESSAGE;
      result.classList.toggle("pild__checklist-result--flag", matchesPattern);
      result.removeAttribute("hidden");

      toggle.textContent = "Volver a calcular";
    }

    toggle.addEventListener("click", showResult);
    toggle.addEventListener("keydown", function (e) {
      if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
        e.preventDefault();
        showResult();
      }
    });
  }

  document.querySelectorAll("[data-pild-checklist]").forEach(initChecklist);
})();
</script>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="0">← Volver a la lectura</button>
        <span class="pild__step">Panel 2 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="2">Ir al audio →</button>
      </div>
    </div>

    <!-- PANEL 3: AUDIO -->
    <div class="pild__panel" data-pild-panel="2">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Audio · Panel 3 de 4</p>
          <p class="pild__panel-title">Escuchá el audible de esta píldora</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <!-- Placeholder — falta el embed de Spotify -->
        <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/episode/33xqqxtvvnRIe0LaSEqi1i?utm_source=generator&si=8d7762299eb343e2" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="1">← Volver a la actividad</button>
        <span class="pild__step">Panel 3 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="3">Ir al cierre →</button>
      </div>
    </div>

    <!-- PANEL 4: CIERRE -->
    <div class="pild__panel" data-pild-panel="3">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Cierre · Panel 4 de 4</p>
          <p class="pild__panel-title">El hilo que atravesó toda la serie</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <p class="pild__closing-text">Empezamos esta serie con una pregunta: si un algoritmo puede ser tu jefe, ¿del lado de quién vas a estar? Recorrimos seis rincones distintos de las Relaciones Laborales, y en cada uno la misma pregunta de fondo volvió a aparecer, con otro disfraz: cuando la IA entra a decidir sobre personas, ¿quién entiende cómo decide, y quién solo confía en el resultado? Esta última nota te deja algo más concreto que una pregunta: un test de cinco indicios que podés aplicar hoy mismo, en cualquier empresa. Si esto te interesa, en Huellas Misioneras podés formarte para ser quien entiende.</p>

        <!-- Placeholder — falta confirmar a qué curso/carrera apunta el CTA -->
        <a role="button" class="pild__cta" href="https://ishm.ar/ced/en/courses/introduccion-a-las-relaciones-laborales/" target="_blank" rel="noopener">
          <span class="pild__cta-text">
            <span class="pild__cta-label">Formate en RRLL</span>
            <span class="pild__cta-sub">Instituto Superior Huellas Misioneras</span>
          </span>
          <span class="pild__cta-btn">
            Ver curso
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
        </a>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="2">← Volver al audio</button>
        <span class="pild__step">Panel 4 de 4</span>
        <!-- Placeholder — falta el número de WhatsApp -->
        <a role="button" class="pild__btn pild__btn--done" data-pild-complete href="https://api.whatsapp.com/send/?phone=PENDIENTE-NUMERO&text=Hola%21+Termin%C3%A9+la+serie+RRLL+%2B+IA+y+quiero+m%C3%A1s+informaci%C3%B3n+sobre+el+curso+de+Huellas+Misioneras" target="_blank" rel="noopener">Completar píldora</a>
      </div>
    </div>

  </div>
</div>

</div>
<script>
 (function () {
  "use strict";

  function initPild(pild) {
    var panels = pild.querySelectorAll("[data-pild-panel]");
    var navItems = pild.querySelectorAll("[data-pild-nav]");
    var progressFill = pild.querySelector("[data-pild-progress]");
    var total = panels.length;

    function goTo(index) {
      panels.forEach(function (p) {
        p.classList.toggle("pild__panel--active", p.getAttribute("data-pild-panel") === String(index));
      });
      navItems.forEach(function (n) {
        n.classList.toggle("pild__nav-item--active", n.getAttribute("data-pild-nav") === String(index));
      });
      if (progressFill) progressFill.style.width = (((index + 1) / total) * 100) + "%";
      scrollToTop();
      if (window.dataLayer) window.dataLayer.push({ event: "pildora_panel_view", panel: index });
    }

    function scrollToTop() {
      var top = pild.getBoundingClientRect().top + window.pageYOffset - 24;
      var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
      window.scrollTo({ top: top, behavior: reduce ? "auto" : "smooth" });
    }

    navItems.forEach(function (item) {
      item.addEventListener("click", function () { goTo(parseInt(item.getAttribute("data-pild-nav"), 10)); });
    });
    pild.querySelectorAll("[data-pild-goto]").forEach(function (btn) {
      btn.addEventListener("click", function () { goTo(parseInt(btn.getAttribute("data-pild-goto"), 10)); });
    });

    var completeBtn = pild.querySelector("[data-pild-complete]");
    if (completeBtn) {
      completeBtn.addEventListener("click", function () {
        if (progressFill) progressFill.style.width = "100%";
        if (window.dataLayer) window.dataLayer.push({ event: "pildora_completada" });
      });
    }
  }

  document.querySelectorAll("[data-pild]").forEach(initPild);
})();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-4bf3de9 elementor-widget elementor-widget-html" data-id="4bf3de9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · Huellas Misioneras — Navegación entre píldoras
     Componente aparte del .pild-wrap (va en la landing, no dentro
     del shortcode de cada píldora). Bloque HTML de Elementor.
     Autocontenido: trae su propio <style>, no depende de que el
     CSS acumulativo de las píldoras esté cargado en esa página.

     Uso: cambiar el href de cada <a> por el link real. Si una
     píldora es la primera o la última de la serie, borrar el <a>
     correspondiente (el layout se acomoda solo con uno o con dos).
     ============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Montserrat:wght@500;600&display=swap" rel="stylesheet">

<style>
  .pild-jump {
    --pj-navy: #223A70;
    --pj-navy-deep: #17274d;
    --pj-cyan: #33BFFF;
    --pj-ink: #1c2540;
    --pj-ink-soft: #4a5570;
    --pj-line: #dfe4f0;
    --pj-display: "Poppins", system-ui, sans-serif;
    --pj-body: "Montserrat", system-ui, sans-serif;

    display: flex;
    gap: 16px;
    max-width: 960px;
    margin: 32px auto;
    font-family: var(--pj-body);
  }

  .pild-jump__link {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid var(--pj-line);
    border-radius: 14px;
    text-decoration: none;
    color: var(--pj-ink);
    box-shadow: 0 12px 30px -18px rgba(23, 39, 77, .22);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }

  .pild-jump__link:hover,
  .pild-jump__link:focus-visible {
    transform: translateY(-2px);
    border-color: var(--pj-cyan);
    box-shadow: 0 16px 34px -16px rgba(23, 39, 77, .3);
  }

  .pild-jump__link:focus-visible { outline: 2px solid var(--pj-cyan); outline-offset: 2px; }

  .pild-jump__arrow {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--pj-navy);
    color: #fff;
  }
  .pild-jump__arrow svg { width: 18px; height: 18px; }

  .pild-jump__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

  .pild-jump__label {
    font-family: var(--pj-display);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--pj-cyan);
  }

  .pild-jump__title {
    font-family: var(--pj-display);
    font-size: .95rem;
    font-weight: 700;
    color: var(--pj-navy-deep);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Link "siguiente": flechas y contenido a la derecha */
  .pild-jump__link--next { flex-direction: row-reverse; text-align: right; }
  .pild-jump__link--next .pild-jump__text { align-items: flex-end; }

  @media (max-width: 640px) {
    .pild-jump { flex-direction: column; margin: 24px auto; }
    .pild-jump__link--next { flex-direction: row; text-align: left; }
    .pild-jump__link--next .pild-jump__text { align-items: flex-start; }
  }
</style>

<nav class="pild-jump" aria-label="Navegación entre píldoras">

  <a class="pild-jump__link pild-jump__link--prev" href="https://ishm.ar/ced/en/sensores-en-el-trabajo-control-o-vigilancia/">
    <span class="pild-jump__arrow" aria-hidden="true">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
    </span>
    <span class="pild-jump__text">
      <span class="pild-jump__label">Píldora anterior</span>
      <span class="pild-jump__title">Sensores en el Trabajo</span>
    </span>
  </a>

  

</nav>				</div>
				</div>
					</div>
				</div>
				</div><p>La entrada <a href="https://ishm.ar/ced/en/tu-empresa-ya-toma-decisiones-algoritmicas/">Tu empresa ya toma decisiones algorítmicas</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sensores en el trabajo: ¿control o vigilancia?</title>
		<link>https://ishm.ar/ced/en/sensores-en-el-trabajo-control-o-vigilancia/</link>
		
		<dc:creator><![CDATA[Huellas Misioneras]]></dc:creator>
		<pubDate>Fri, 04 Sep 2026 19:43:00 +0000</pubDate>
				<category><![CDATA[Píldora de Aprendizaje]]></category>
		<category><![CDATA[Relaciones Laborales]]></category>
		<guid ispermalink="false">https://ishm.ar/ced/?p=57953</guid>

					<description><![CDATA[<p>Línea RRLL + IA · Píldora 05 Cuando el que te controla el rendimiento es un sensor, no un supervisor. El control no desapareció: cambió de forma. Y esta es, probablemente, la píldora con menos competencia de contenido regional de &#8230;</p>
<p>La entrada <a href="https://ishm.ar/ced/en/sensores-en-el-trabajo-control-o-vigilancia/">Sensores en el trabajo: ¿control o vigilancia?</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="57953" class="elementor elementor-57953">
				<div class="elementor-element elementor-element-a28f749 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="a28f749" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-0438ec5 elementor-widget elementor-widget-image" data-id="0438ec5" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1800" height="750" src="https://ishm.ar/ced/wp-content/uploads/2026/09/pil-5.webp" class="attachment-full size-full wp-image-57959" alt="pil 5" srcset="https://ishm.ar/ced/wp-content/uploads/2026/09/pil-5.webp 1800w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-5-300x125.webp 300w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-5-1024x427.webp 1024w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-5-768x320.webp 768w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-5-1536x640.webp 1536w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-5-18x8.webp 18w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-5-400x167.webp 400w, https://ishm.ar/ced/wp-content/uploads/2026/09/pil-5-1020x425.webp 1020w" sizes="(max-width: 1800px) 100vw, 1800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-089ab0c elementor-widget elementor-widget-shortcode" data-id="089ab0c" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode"><style class="wpcode-css-snippet">/* =============================================================
   PILD · Píldoras de Aprendizaje — Aula Virtual CED
   Scope: .pild · BEM · Vanilla CSS
   Tipografía: JetBrains Mono (metadata) · Poppins (jerarquía)
   · Montserrat (lectura) — branding CED: Navy + Cyan
   Grid: base 8px · 40px de aire entre cajas/ítems de grid
   ============================================================= */

.pild {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;

  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;

  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;

  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;
  --pild-nav-w: 260px;

  box-sizing: border-box;
  font-family: var(--pild-body);
  color: var(--pild-ink);
  display: flex;
  min-height: 640px;
  border: 1px solid var(--pild-line);
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  background: var(--pild-card);
}
.pild :where(*) { box-sizing: border-box; }
.pild :where(p, h1, h2, h3, ul, ol) { margin: 0; }
.pild :where(a) { color: var(--pild-cyan-deep); }
.pild :where(a):hover { text-decoration: underline; }
.pild code { font-family: var(--pild-mono); }

/* ---------- WRAP + HERO ---------------------------------------------- */
.pild-wrap {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;
  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;
  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;

  max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--s5);
}
.pild-wrap :where(*) { box-sizing: border-box; }
.pild-wrap :where(p, h1) { margin: 0; }

.pild-wrap .pild-hero {
  font-family: var(--pild-body);
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild-wrap .pild-hero__media {
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  line-height: 0;
}
.pild-wrap .pild-hero__img { display: block; width: 100%; height: auto; }

.pild-wrap .pild-hero__head { position: relative; padding-left: var(--s3); }
.pild-wrap .pild-hero__head::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--pild-cyan), var(--pild-navy));
}
.pild-wrap .pild-hero__eyebrow {
  font-family: var(--pild-mono);
  font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--pild-cyan-deep);
  margin-bottom: var(--s2) !important;
}
.pild-wrap .pild-hero__title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: clamp(1.9rem, 4.2vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--pild-navy);
  text-wrap: balance;
}
.pild-wrap .pild-hero__title-em {
  color: var(--pild-cyan-deep);
  background: linear-gradient(180deg, transparent 62%, rgba(51,191,255,.22) 62%);
  padding: 0 .06em;
}
.pild-wrap .pild-hero__subtitle {
  font-family: var(--pild-display);
  font-weight: 500;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  line-height: 1.45;
  color: var(--pild-ink-soft);
  max-width: 40ch;
  margin-top: var(--s3) !important;
}

/* ---------- NAV LATERAL ---------------------------------------------- */
.pild__nav {
  width: var(--pild-nav-w);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: linear-gradient(165deg, var(--pild-navy) 0%, var(--pild-navy-deep) 100%);
  position: relative;
}
.pild__nav-header { padding: var(--s4) var(--s4) var(--s3); border-bottom: 1px solid rgba(255,255,255,.1); }
.pild__nav-label {
  font-family: var(--pild-mono);
  font-size: .66rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pild-cyan);
  margin-bottom: var(--s1);
}
.pild__nav-title { font-family: var(--pild-display); font-weight: 600; font-size: .92rem; line-height: 1.4; color: #fff; }

.pild__nav-list { list-style: none; padding: var(--s2) 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.pild__nav-item {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-weight: 500;
  font-size: .88rem;
  color: rgba(255,255,255,.65);
  border-left: 3px solid transparent;
  transition: background .15s ease, color .15s ease;
}
.pild__nav-item:hover { background: rgba(255,255,255,.08); color: #fff; }
.pild__nav-item--active { background: rgba(255,255,255,.12); color: #fff; border-left-color: var(--pild-cyan); }
.pild__nav-icon { flex-shrink: 0; width: 1.2rem; height: 1.2rem; display: grid; place-items: center; }
.pild__nav-icon svg { width: 100%; height: 100%; }
.pild__nav-text { line-height: 1.3; }
.pild__nav-badge {
  margin-left: auto;
  font-family: var(--pild-mono);
  font-size: .64rem;
  font-weight: 600;
  background: rgba(51,191,255,.18);
  color: var(--pild-cyan);
  padding: 2px 8px;
  border-radius: 999px;
}
.pild__nav-item--active .pild__nav-badge { background: var(--pild-cyan); color: var(--pild-navy-deep); }

.pild__nav-footer { padding: var(--s3) var(--s4) var(--s4); border-top: 1px solid rgba(255,255,255,.1); }
.pild__progress-label { font-family: var(--pild-mono); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: var(--s2); }
.pild__progress-bar { height: 6px; background: rgba(255,255,255,.15); border-radius: 999px; overflow: hidden; }
.pild__progress-fill { height: 100%; width: 33.33%; background: var(--pild-cyan); border-radius: 999px; transition: width .4s ease; }

/* ---------- CONTENIDO -------------------------------------------------- */
.pild__content { flex: 1; min-width: 0; overflow-y: auto; display: flex; flex-direction: column; background: var(--pild-card); }

.pild__panel { display: none; flex: 1; flex-direction: column; }
.pild__panel--active { display: flex; }

.pild__panel-header {
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s4) var(--s5);
  background: var(--pild-paper);
  border-bottom: 1px solid var(--pild-line);
}
.pild__panel-icon {
  flex-shrink: 0;
  width: 2.75rem; height: 2.75rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid; place-items: center;
}
.pild__panel-icon svg { width: 1.25rem; height: 1.25rem; }
.pild__panel-eyebrow { font-family: var(--pild-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--pild-cyan-deep); margin-bottom: 4px; }
.pild__panel-title { font-family: var(--pild-display); font-weight: 700; font-size: 1.08rem; color: var(--pild-navy); line-height: 1.35; }

/* ---------- LECTURA ----------------------------------------------------- */
.pild__panel-body { padding: var(--s5); flex: 1; font-size: .98rem; line-height: 1.75; color: var(--pild-ink); display: flex; flex-direction: column; gap: var(--s3); }

.pild__signals { list-style: none; padding: 0; margin: var(--s2) 0; display: flex; flex-direction: column; gap: var(--s3); }
.pild__signal {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: var(--s3);
  align-items: flex-start;
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  transition: transform .2s ease, box-shadow .2s ease;
}
.pild__signal::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: var(--pild-cyan); }
.pild__signal:nth-child(3n+2)::before { background: var(--pild-caramel); }
.pild__signal:nth-child(3n)::before { background: var(--pild-navy); }
.pild__signal:hover { transform: translateY(-2px); box-shadow: var(--pild-shadow-sm); }
.pild__signal-num { flex-shrink: 0; font-family: var(--pild-mono); font-weight: 700; font-size: 1.1rem; color: var(--pild-cyan-deep); min-width: 1.75rem; }
.pild__signal-title { font-family: var(--pild-display); font-weight: 700; font-size: .95rem; color: var(--pild-navy); margin-bottom: 4px; }
.pild__signal-text { font-size: .92rem; color: var(--pild-ink-soft); line-height: 1.65; }

.pild__panel-outro {
  margin: 0 var(--s5) var(--s5);
  background: rgba(51,191,255,.1);
  border: 1px solid rgba(51,191,255,.25);
  border-radius: 12px;
  padding: var(--s4);
  font-size: .92rem;
  color: var(--pild-navy);
  line-height: 1.6;
}

/* ---------- VIDEO -------------------------------------------------------- */
.pild__video-wrap { padding: var(--s5); display: flex; flex-direction: column; gap: var(--s4); flex: 1; }
.pild__video-frame { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 12px; overflow: hidden; box-shadow: var(--pild-shadow); }
.pild__video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
.pild__video-placeholder {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s2);
  background: linear-gradient(155deg, var(--pild-navy), var(--pild-navy-deep));
  color: rgba(255,255,255,.75);
  font-size: .9rem;
}
.pild__video-placeholder-icon { width: 3rem; height: 3rem; color: var(--pild-cyan); opacity: .8; }
.pild__video-placeholder-hint { font-size: .78rem; opacity: .65; }
.pild__video-note {
  font-size: .88rem;
  color: var(--pild-ink-soft);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  line-height: 1.6;
}

/* ---------- ACTIVIDAD ------------------------------------------------------ */
.pild__activity-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); }
.pild__activity-intro {
  font-size: .95rem; color: var(--pild-ink-soft); line-height: 1.65;
  background: var(--pild-paper); border: 1px solid var(--pild-line); border-radius: 12px; padding: var(--s4);
}
.pild__shortcode-slot {
  flex: 1; min-height: 18rem;
  border: 2px dashed rgba(34,58,112,.28);
  border-radius: 12px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: var(--s1);
  background: repeating-linear-gradient(135deg, rgba(34,58,112,.05) 0 12px, rgba(34,58,112,.02) 12px 24px);
  color: var(--pild-ink-soft);
  padding: var(--s5);
}
.pild__shortcode-label { font-family: var(--pild-display); font-weight: 700; color: var(--pild-navy); }
.pild__shortcode-hint { font-size: .82rem; opacity: .75; }
.pild__shortcode-code { margin-top: var(--s2); font-size: .78rem; background: #fff; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--pild-line); }

/* ---------- CIERRE / CTA --------------------------------------------------- */
.pild__closing-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); justify-content: center; }
.pild__spotify { max-width: 480px; }
.pild__closing-text { font-size: 1rem; line-height: 1.7; color: var(--pild-ink); max-width: 56ch; }
.pild__closing-text strong { color: var(--pild-navy); }
.pild__cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s4);
  text-decoration: none;
  cursor: pointer;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-navy-deep));
  color: #fff;
  border-radius: 14px;
  padding: var(--s4) var(--s4) var(--s4) var(--s5);
  box-shadow: var(--pild-shadow);
  max-width: 620px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.pild__cta:hover { transform: translateY(-3px); text-decoration: none; box-shadow: 0 34px 70px -26px rgba(21,150,216,.55); }
.pild__cta::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(51,191,255,.18), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__cta:hover::before { transform: translateX(130%); }
.pild__cta-text { display: flex; flex-direction: column; }
.pild__cta-label { font-family: var(--pild-display); font-weight: 700; font-size: 1.05rem; line-height: 1.3; }
.pild__cta-sub { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-cyan); margin-top: 6px; letter-spacing: .02em; }
.pild__cta-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pild-cyan);
  color: var(--pild-navy-deep);
  font-family: var(--pild-mono);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 12px 20px;
  border-radius: 999px;
  transition: transform .15s ease, background .15s ease;
}
.pild__cta-btn svg { width: 1.1rem; height: 1.1rem; transition: transform .2s ease; }
.pild__cta:hover .pild__cta-btn { background: #fff; }
.pild__cta:hover .pild__cta-btn svg { transform: translateX(3px); }

/* ---------- FOOTER / BOTONES ---------------------------------------------- */
.pild__panel-footer {
  padding: var(--s3) var(--s5);
  border-top: 1px solid var(--pild-line);
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
  background: var(--pild-card);
}
.pild__step { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-ink-soft); }
.pild__btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: var(--s2);
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.pild__btn:hover { transform: translateY(-2px); }
.pild__btn--primary { background: linear-gradient(120deg, var(--pild-cyan), var(--pild-cyan-deep)); color: var(--pild-navy-deep); box-shadow: var(--pild-shadow-sm); }
.pild__btn--primary::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__btn--primary:hover::before { transform: translateX(130%); }
.pild__btn--ghost { background: transparent; color: var(--pild-ink-soft); border: 1px solid var(--pild-line); }
.pild__btn--ghost:hover { background: var(--pild-paper); color: var(--pild-navy); }
.pild__btn--done { background: var(--pild-navy); color: #fff; }
.pild__btn--done:hover { background: var(--pild-navy-deep); }
.pild__btn--done[disabled] { cursor: default; transform: none; opacity: .85; }
.pild__btn--done[disabled]:hover { transform: none; }

/* ---------- RESPONSIVE ---------------------------------------------------- */
@media (max-width: 780px) {
  .pild { flex-direction: column; min-height: unset; }
  .pild__nav { width: 100%; }
  .pild__nav-list { flex-direction: row; overflow-x: auto; padding: 0; }
  .pild__nav-item { flex-direction: column; gap: 4px; padding: var(--s2) var(--s3); border-left: none; border-bottom: 3px solid transparent; white-space: nowrap; font-size: .78rem; }
  .pild__nav-item--active { border-bottom-color: var(--pild-cyan); border-left-color: transparent; }
  .pild__nav-badge, .pild__nav-footer { display: none; }
  .pild__panel-body, .pild__video-wrap, .pild__activity-wrap { padding: var(--s3); }
  .pild__panel-outro { margin: 0 var(--s3) var(--s3); }
  .pild__panel-header { padding: var(--s3); }
  .pild__panel-footer { padding: var(--s2) var(--s3); flex-wrap: wrap; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
/* El atributo hidden por sí solo no alcanza: al declarar display:flex
   arriba, el navegador ignora el display:none que hidden aplicaría por
   defecto. Sin esta regla, el bloque de "actividad completada" se ve
   desde el principio, antes de terminar la actividad. */
.pild__quiz-done[hidden] { display: none; }
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.5 — Componente ACTIVIDAD: pregunta de texto libre
   BEM: .pild__quiz-textarea / .pild__quiz-submit
   Agregar al FINAL del snippet CSS acumulativo de WP Code, después
   del bloque v1.4. 100% aditivo — no reemplaza nada de v1.0–v1.4.
   Necesario porque, hasta v1.4, .pild__quiz solo soportaba preguntas
   de opción múltiple. La Píldora 2 (RRLL + IA — Selección de
   Personal) necesita capturar una respuesta abierta como parte de
   la actividad, así que se agrega este tipo de pregunta nuevo.
   ============================================================= */

.pild__quiz-textarea {
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.55;
  resize: vertical;
}

.pild__quiz-textarea::placeholder {
  color: var(--pild-ink-soft);
  opacity: .7;
}

.pild__quiz-textarea:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
  border-color: var(--pild-cyan) !important;
}

/* Botón de enviar respuesta libre: mismo lenguaje visual que
   .pild__quiz-continue, pero deshabilitado hasta que haya texto. */
.pild__quiz-submit {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease, opacity .15s ease;
}
.pild__quiz-submit::after { content: "→"; }
.pild__quiz-submit:hover { transform: translateY(-2px); }
.pild__quiz-submit:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}
.pild__quiz-submit[data-disabled="1"] {
  opacity: .45;
  cursor: default !important;
  pointer-events: none;
}

@media (max-width: 780px) {
  .pild__quiz-textarea { font-size: .88rem; }
}

/* ============================================================
   CED · SISTEMA .pild — CSS ADICIONAL v1.5
   Agregar al snippet acumulativo de WP Code (después de v1.4).
   No reemplaza nada de v1.0–v1.4 — es aditivo.

   Componente nuevo: .pild__reveal
   Un bloque de "pregunta con respuesta oculta" para actividades
   que NO llevan el .pild__quiz de doble capa (ej. cuando el
   perfilado se gestiona en otro sistema, como Moodle).
   No tiene lógica de dataLayer ni tags ocultos — es solo un
   toggle de mostrar/ocultar la respuesta.
   Hereda las variables de marca (--pild-navy, --pild-cyan, etc.)
   del .pild padre — no las redefine.
   ============================================================ */

.pild__reveal {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 14px;
  padding: var(--s4);
}

.pild__reveal-prompt {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--pild-ink);
}

.pild__reveal-prompt strong { color: var(--pild-navy); }

.pild__reveal-hint {
  font-family: var(--pild-mono);
  font-size: .8rem;
  font-style: italic;
  color: var(--pild-ink-soft);
}

/* Div en lugar de <button> a propósito — mismo motivo que en
   .pild__quiz-option: temas de WordPress con estilos globales
   FSE le imponen color/fondo a "button" con !important y rompen
   el contraste. */
.pild__reveal-toggle {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--pild-mono) !important;
  font-weight: 600 !important;
  font-size: .78rem !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff !important;
  background: var(--pild-navy) !important;
  border: none !important;
  padding: 10px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease;
}
.pild__reveal-toggle:hover {
  background: var(--pild-navy-deep) !important;
  transform: translateY(-2px);
}
.pild__reveal-toggle:focus-visible {
  outline: 2px solid var(--pild-cyan);
  outline-offset: 2px;
}

.pild__reveal-answer {
  border-top: 1px dashed var(--pild-line);
  padding-top: var(--s3);
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  font-size: .98rem;
  line-height: 1.7;
  color: var(--pild-ink);
}
.pild__reveal-answer strong { color: var(--pild-navy); }

/* Mismo bug que .pild__quiz-done: si el elemento tiene un
   "display" propio en CSS de autor, el atributo hidden no alcanza
   por sí solo para ocultarlo. Se refuerza acá. */
.pild__reveal-answer[hidden] { display: none; }</style></div>
						</div>
				</div>
				<div class="elementor-element elementor-element-24aa09b elementor-widget elementor-widget-html" data-id="24aa09b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · PÍLDORA — Línea RRLL + IA · 05 · Sensor, no supervisor
     Prefijo BEM: .pild — requiere pild-base.css y pild-reveal-v1.5.css
     (ya entregado con la píldora 03) cargados en el snippet
     acumulativo de WP Code. No hace falta CSS nuevo para esta píldora.
     Bloque HTML de Elementor (ancho completo). Sin doctype/head/body.

     Esta píldora NO usa el .pild__quiz de doble capa: la actividad
     de perfilado (formulario de 3 preguntas + Sheet en espejo) se
     gestiona aparte en Moodle, fuera de este sistema — mismo
     criterio que la píldora 03.

     PENDIENTES marcados explícitamente — no inventados:
       - {{HERO_IMG_URL}} / {{HERO_ALT}}
       - {{SPOTIFY_SRC}}
       - {{CTA_URL}} (link del curso/carrera)
       - {{WHATSAPP_URL}} (falta el número de teléfono)
     ============================================================ -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Poppins:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">

<div class="pild-wrap">

  <!-- HERO -->
  <header class="pild-hero">
    <div class="pild-hero__media">
      
    </div>
    <div class="pild-hero__head">
      <p class="pild-hero__eyebrow">Línea RRLL + IA · Píldora 05</p>
      <h1 class="pild-hero__title">Cuando el que te controla el rendimiento <span class="pild-hero__title-em">es un sensor, no un supervisor.</span></h1>
      <p class="pild-hero__subtitle">El control no desapareció: cambió de forma. Y esta es, probablemente, la píldora con menos competencia de contenido regional de toda la serie.</p>
    </div>
  </header>

<div class="pild" id="pild-rrll-ia-05-sensor-no-supervisor" data-pild>

  <!-- NAV LATERAL -->
  <nav class="pild__nav">
    <div class="pild__nav-header">
      <p class="pild__nav-label">Píldora 05</p>
      <p class="pild__nav-title">RRLL + IA: sensor, no supervisor</p>
    </div>

    <ul class="pild__nav-list">
      <li>
        <button type="button" class="pild__nav-item pild__nav-item--active" data-pild-nav="0">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
          </span>
          <span class="pild__nav-text">Lectura</span>
          <span class="pild__nav-badge">01</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="1">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
          </span>
          <span class="pild__nav-text">Actividad</span>
          <span class="pild__nav-badge">02</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="2">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
          </span>
          <span class="pild__nav-text">Audio</span>
          <span class="pild__nav-badge">03</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="3">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
          <span class="pild__nav-text">Cierre</span>
          <span class="pild__nav-badge">04</span>
        </button>
      </li>
    </ul>

    <div class="pild__nav-footer">
      <p class="pild__progress-label">Tu progreso</p>
      <div class="pild__progress-bar"><div class="pild__progress-fill" data-pild-progress></div></div>
    </div>
  </nav>

  <!-- CONTENIDO -->
  <div class="pild__content">

    <!-- PANEL 1: LECTURA -->
    <div class="pild__panel pild__panel--active" data-pild-panel="0">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Lectura · Panel 1 de 4</p>
          <p class="pild__panel-title">Lo que ya regula la ley, sin haber pensado en un sensor</p>
        </div>
      </div>

      <div class="pild__panel-body">
        <p>Durante mucho tiempo, si un supervisor te controlaba de más, había algo muy concreto que hacer: hablarlo con él, quejarte a su jefe, plantearlo en una reunión. ¿Pero qué hacés cuando el que te mide, todo el tiempo, sin pausa, es un sensor prendido a tu cuerpo o a la máquina que usás? <strong>El control no desapareció. Cambió de forma.</strong> Y esta es, probablemente, la píldora con menos competencia de contenido regional de toda la serie — porque casi nadie en Misiones está hablando todavía de dónde termina el control razonable y dónde empieza la vigilancia invasiva.</p>

        <p><strong>Condiciones y Medio Ambiente de Trabajo (CyMAT).</strong> Es el conjunto de variables que determinan la situación en la que una persona realiza su trabajo: las condiciones físicas, la organización de las tareas, los riesgos a los que está expuesta y los factores psicosociales que inciden en su salud y su rendimiento. No es solo "seguridad e higiene" en el sentido de cascos y matafuegos: incluye también cómo se organiza y cómo se controla el trabajo.</p>

        <p>Lo interesante es que Argentina ya tiene, desde hace más de cuatro décadas, una ley pensada para el control del trabajador — sin haber imaginado nunca un sensor de fatiga o un wearable biométrico. Los artículos 70 a 72 de la Ley de Contrato de Trabajo regulan los sistemas de controles personales, y en 2016 la Ley 27.322 les agregó algo que hoy resulta llamativamente vigente para la era de la IA:</p>
        <ul style="padding-left: 1.4em; display:flex; flex-direction:column; gap:8px;">
          <li><strong>Art. 70 LCT:</strong> los sistemas de control deben salvaguardar la dignidad del trabajador, practicarse con discreción y aplicarse por medios de selección automática destinados a la totalidad del personal — no de forma selectiva o discriminada. Un sistema que se instala solo para ciertos puestos o ciertas personas, sin un criterio general parejo para todo el equipo, ya tiene un problema de origen.</li>
          <li><strong>Art. 71 LCT (reformado por Ley 27.322, 2016):</strong> el empleador debe poner en conocimiento del trabajador la existencia de cualquier sistema de control. Un wearable, una app de geolocalización o un sistema de IA que mide productividad en tiempo real son, ni más ni menos, sistemas de control — instalarlos sin avisar formalmente no es una zona gris tecnológica, es un incumplimiento directo de una norma que ya existe.</li>
          <li><strong>Art. 72 LCT:</strong> la autoridad de aplicación puede verificar de oficio que los sistemas de control no afecten de forma manifiesta y discriminada la dignidad del trabajador — un canal formal de fiscalización que no depende solo de que el trabajador se anime a reclamar.</li>
          <li><strong>Ley 19.587, Higiene y Seguridad en el Trabajo (art. 4°, inc. a):</strong> fija como objetivo proteger la vida y preservar la integridad psicofísica de los trabajadores — no solo la física. Nunca fue reglamentada de forma específica para riesgos psicosociales: todo lo reglamentado desde 1972 refiere a aspectos físicos.</li>
        </ul>

        <p>El artículo 70 no habla de "cámaras" ni de "sensores": habla de "sistemas de controles personales", una categoría lo suficientemente amplia como para incluir cualquier tecnología de monitoreo, presente o futura. No hace falta esperar una ley nueva y específica sobre IA para exigir que un sistema de monitoreo cumpla con dignidad, discreción, aplicación uniforme y aviso previo — la norma ya está.</p>

        <p><strong>Qué hace hoy un sensor que antes hacía un supervisor.</strong> El monitoreo de rendimiento con sensores y wearables ya se usa en distintos sectores de la región: en una minera chilena, chalecos con sensores biométricos que detectan señales de fatiga en tiempo real lograron reducir en un 30% los accidentes por cansancio en un año, reemplazando los reportes de seguridad en papel por alertas inmediatas a supervisores. En un centro logístico español, el monitoreo en tiempo real con IA redujo en un 55% las colisiones con montacargas, con alarmas automáticas cuando un peatón entraba a una zona de riesgo. Son ejemplos que muestran el lado más defendible de esta tecnología: prevenir accidentes reales, no solo medir productividad.</p>

        <p>Estos dos ejemplos combinan seguridad con vigilancia, y esa combinación es exactamente lo que hace compleja esta píldora. Un sensor que detecta fatiga para prevenir un accidente es, en principio, deseable — hasta para el propio trabajador. El mismo sensor, con los mismos datos, puede usarse también para medir y sancionar rendimiento. La tecnología no distingue entre esos dos usos: la distinción la tiene que trazar una persona, con criterio normativo, no el sensor.</p>

        <p>Los sistemas típicos combinan tres capas: sensores instalados en el entorno (máquinas, aire, temperatura), wearables que la persona lleva puestos (pulseras, chalecos, cascos inteligentes) y una plataforma central que analiza los datos y genera alertas o reportes. Esa arquitectura es, en los hechos, un sistema de control personal en el sentido del artículo 70 de la LCT — aunque nadie en la empresa lo haya pensado con ese nombre.</p>

        <p><strong>Caso: el chaleco que nadie avisó.</strong> Una planta de procesamiento de yerba mate o té en la zona de Eldorado incorpora chalecos con sensores para el personal de playa de carga, que miden esfuerzo físico, temperatura corporal y tiempo de exposición al sol, con el objetivo declarado de prevenir golpes de calor. La decisión se toma en un comité de seguridad y se distribuye directamente a los trabajadores del sector, sin una comunicación formal previa sobre qué datos se recolectan ni con qué otro fin se van a usar. Más allá de la buena intención, el procedimiento nace con dos incumplimientos concretos: no hubo aviso formal, previo y claro (art. 71 LCT), y el sistema se instaló solo para un sector, sin un criterio explícito de por qué ese sector y no otros con exposición similar (aplicación no uniforme, en tensión con el art. 70). Quien gestiona bien este proceso no frena la medida —tiene un objetivo legítimo—, sino que la formaliza: redacta y comunica un aviso claro sobre qué mide el sistema, con qué finalidad, quién accede a los datos, y revisa si el criterio de selección del sector tiene una justificación objetiva que se pueda sostener frente a cualquier reclamo.</p>

        <p><strong>Caso: la fatiga que el sistema marcó como bajo rendimiento.</strong> Un operario de una línea de producción semi-automatizada trabaja con un sistema que mide su ritmo de tareas por hora, comparándolo con un estándar esperado. Durante dos semanas, su rendimiento cae por debajo del estándar de forma sostenida, y el sistema genera automáticamente una alerta de "bajo rendimiento" que llega al supervisor. Lo que el sistema no puede ver es que el operario atraviesa un cuadro de estrés laboral vinculado a una sobrecarga de tareas, combinado con un conflicto personal fuera del trabajo — exactamente el tipo de interacción entre organización del trabajo, condiciones personales y salud que describen los factores psicosociales. Tratar esa caída como un problema disciplinario, cuando en realidad es una señal de riesgo psicosocial, puede agravar la situación de salud de la persona y derivar en una enfermedad profesional reconocible bajo la Ley 24.557. Quien audita bien el proceso no toma la alerta como una sanción automática: la trata como un dato que requiere una conversación humana antes de cualquier consecuencia — la Superintendencia de Riesgos del Trabajo tiene, para esto, una guía específica de intervención psicosocial en espacios laborales.</p>

        <p>Los dos casos muestran el mismo punto desde ángulos distintos: en el primero, el problema está en cómo se implementa el sistema de control; en el segundo, en cómo se interpreta lo que ese sistema mide. En los dos, la tecnología no es el problema — es el eslabón humano que falta antes o después del dato el que determina si el sistema termina protegiendo a la gente o exponiéndola.</p>

        <p><strong>Por qué esta habilidad blinda tu empleabilidad.</strong> Esta es, de las píldoras de la serie hasta acá, la que más rápido va a aparecer en la negociación de nuevos convenios colectivos, precisamente porque casi ningún convenio vigente en Argentina regula todavía de forma explícita el monitoreo algorítmico continuo. Quien entienda, al mismo tiempo, el marco legal ya existente y el vocabulario técnico de esta nueva generación de herramientas está en condiciones de anticiparse a una discusión que recién empieza en el país, en lugar de improvisar una respuesta cuando el conflicto ya estalló.</p>

        <p><strong>Glosario vivo — términos que ya empiezan a aparecer en los convenios colectivos:</strong></p>
        <ul style="padding-left: 1.4em; display:flex; flex-direction:column; gap:8px;">
          <li><strong>Monitoreo algorítmico continuo:</strong> seguimiento permanente del desempeño o la actividad de una persona mediante sistemas automatizados, sin intervención humana en cada medición puntual.</li>
          <li><strong>Wearable laboral:</strong> dispositivo que la persona lleva puesto (pulsera, chaleco, casco) y que capta datos biométricos o de movimiento durante la jornada.</li>
          <li><strong>Geofencing:</strong> delimitación de una zona geográfica virtual que activa una alerta o acción automática cuando alguien entra o sale de ese perímetro.</li>
          <li><strong>Factor de riesgo psicosocial:</strong> condición del trabajo o de su organización que puede afectar negativamente la salud mental o física de quien lo realiza, más allá de los riesgos físicos tradicionales.</li>
          <li><strong>Transparencia algorítmica:</strong> principio según el cual una persona afectada por una decisión de un sistema tiene derecho a entender, al menos en términos generales, qué datos y qué criterios usó ese sistema para llegar a esa decisión.</li>
          <li><strong>Derecho a la desconexión:</strong> posibilidad de una persona de no estar disponible ni monitoreada fuera de su jornada laboral, incluso cuando la tecnología que la empresa usa técnicamente lo permitiría.</li>
        </ul>
      </div>

      <div class="pild__panel-outro">Antes de seguir, pensá un caso de pulseras con sensores en un centro de logística y encontrá el problema jurídico de origen — más allá de si la tecnología funciona bien.</div>

      <div class="pild__panel-footer">
        <span class="pild__step">Panel 1 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="1">Ir a la actividad →</button>
      </div>
    </div>

    <!-- PANEL 2: ACTIVIDAD -->
    <div class="pild__panel" data-pild-panel="1">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Actividad · Panel 2 de 4</p>
          <p class="pild__panel-title">Encontrá el problema de origen</p>
        </div>
      </div>

      <div class="pild__activity-wrap">
        <p class="pild__activity-intro">Te dejamos un fragmento de un caso real, simplificado. Pensalo antes de ver la respuesta.</p>

        <!-- ═══════════════════════════════════════════════════
             INSERTAR SHORTCODE DE WP CODE AQUÍ
             Ver: pild-rrll-ia-05-actividad-reveal.html
             Componente: .pild__reveal (ya entregado con la
             píldora 03) — requiere pild-reveal-v1.5.css cargado
             en el snippet acumulativo. No hace falta CSS nuevo.
             ═══════════════════════════════════════════════════ -->
        <!-- ============================================================
     CED · ACTIVIDAD — "Encontrá el problema de origen" (reveal simple)
     Píldora: RRLL + IA · 05 · Sensor, no supervisor
     Componente: .pild__reveal — requiere pild-reveal-v1.5.css
     (ya entregado con la píldora 03) cargado en el snippet
     acumulativo de WP Code. No hace falta CSS nuevo.

     Sin doble capa: no perfila, no manda nada a dataLayer/Kommo.
     El perfilado de esta píldora se gestiona aparte, en Moodle
     (ver nota de producción del md fuente).

     Subir como snippet APARTE en WP Code y reemplazar
     [wpcode id="PENDIENTE"] en el HTML principal por el ID real.
     ============================================================ -->

<div class="pild__reveal" data-pild-reveal>
  <p class="pild__reveal-prompt">Una empresa de logística instala pulseras con sensores de movimiento en el sector de armado de pedidos, con el argumento de optimizar los tiempos de picking. Las pulseras se entregan junto con el uniforme de trabajo, y la nota interna que las acompaña dice: "Estrenamos nueva tecnología para hacer más eficiente el trabajo del equipo". No se menciona qué datos capta el dispositivo ni qué se hace con ellos.</p>
  <p class="pild__reveal-prompt"><strong>¿Cuál es el problema jurídico de origen, más allá de si la pulsera efectivamente mejora los tiempos de picking?</strong></p>
  <p class="pild__reveal-hint">La pista: no es un problema de eficiencia ni de si la tecnología funciona bien.</p>

  <div class="pild__reveal-toggle" data-reveal-toggle>Ver respuesta</div>

  <div class="pild__reveal-answer" data-reveal-answer hidden>
    <p>La nota interna no cumple con lo que exige el artículo 71 de la LCT. "Estrenamos nueva tecnología" no es un aviso formal sobre la existencia de un sistema de control: no dice qué mide, no dice con qué finalidad, no dice quién accede a esos datos. Aunque la pulsera termine siendo genuinamente útil para el equipo, la forma de comunicarla ya deja a la empresa en falta frente a una norma que existe desde 2016 y que, aunque nunca fue escrita pensando en wearables, los alcanza igual.</p>
    <p>Si lo viste antes de leer la respuesta: esa capacidad de separar "la herramienta es buena" de "el procedimiento de implementación cumple la ley" es, exactamente, la habilidad de la que habla esta píldora.</p>
  </div>
</div>

<script>
(function () {
  "use strict";

  function initReveal(box) {
    var toggle = box.querySelector("[data-reveal-toggle]");
    var answer = box.querySelector("[data-reveal-answer]");
    if (!toggle || !answer) return;

    /* div role="button" en lugar de <button> — mismo motivo que en
       .pild__quiz-option: temas de WordPress con estilos globales
       FSE le imponen color/fondo a "button" con !important y
       rompen el contraste. */
    toggle.setAttribute("role", "button");
    toggle.setAttribute("tabindex", "0");
    toggle.setAttribute("aria-expanded", "false");

    function toggleAnswer() {
      var isHidden = answer.hasAttribute("hidden");
      if (isHidden) {
        answer.removeAttribute("hidden");
        toggle.textContent = "Ocultar respuesta";
        toggle.setAttribute("aria-expanded", "true");
      } else {
        answer.setAttribute("hidden", "");
        toggle.textContent = "Ver respuesta";
        toggle.setAttribute("aria-expanded", "false");
      }
    }

    toggle.addEventListener("click", toggleAnswer);
    toggle.addEventListener("keydown", function (e) {
      if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
        e.preventDefault();
        toggleAnswer();
      }
    });
  }

  document.querySelectorAll("[data-pild-reveal]").forEach(initReveal);
})();
</script>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="0">← Volver a la lectura</button>
        <span class="pild__step">Panel 2 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="2">Ir al audio →</button>
      </div>
    </div>

    <!-- PANEL 3: AUDIO -->
    <div class="pild__panel" data-pild-panel="2">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Audio · Panel 3 de 4</p>
          <p class="pild__panel-title">Escuchá el audible de esta píldora</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <!-- Placeholder — falta el embed de Spotify -->
        <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/episode/2KRtUgYsLg6O5vNAGz3OE1?utm_source=generator&si=5a7f636a89054891" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="1">← Volver a la actividad</button>
        <span class="pild__step">Panel 3 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="3">Ir al cierre →</button>
      </div>
    </div>

    <!-- PANEL 4: CIERRE -->
    <div class="pild__panel" data-pild-panel="3">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Cierre · Panel 4 de 4</p>
          <p class="pild__panel-title">El hilo que sigue</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <p class="pild__closing-text">Esta píldora miró las condiciones y el medio ambiente de trabajo. Las anteriores de la serie <strong>RRLL + IA</strong> miraron la liquidación de sueldos, la selección de personal, la negociación frente a decisiones algorítmicas y la capacitación — ninguna retoma directamente a la otra, pero todas comparten el mismo hilo: cuando la IA entra a decidir sobre personas, ¿quién entiende cómo decide, y quién solo confía en el resultado? Si esto te interesa, en Huellas Misioneras podés formarte para ser quien entiende.</p>

        <!-- Placeholder — falta confirmar a qué curso/carrera apunta el CTA -->
        <a role="button" class="pild__cta" href="https://ishm.ar/ced/en/courses/introduccion-a-las-relaciones-laborales/" target="_blank" rel="noopener">
          <span class="pild__cta-text">
            <span class="pild__cta-label">Formate en RRLL</span>
            <span class="pild__cta-sub">Instituto Superior Huellas Misioneras</span>
          </span>
          <span class="pild__cta-btn">
            Ver curso
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
        </a>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="2">← Volver al audio</button>
        <span class="pild__step">Panel 4 de 4</span>
        <!-- Placeholder — falta el número de WhatsApp -->
        <a role="button" class="pild__btn pild__btn--done" data-pild-complete href="https://api.whatsapp.com/send/?phone=PENDIENTE-NUMERO&text=Hola%21+Vi+la+p%C3%ADldora+sobre+monitoreo+con+sensores+en+el+trabajo+y+quiero+m%C3%A1s+informaci%C3%B3n+sobre+el+curso+de+RRLL+%2B+IA+de+Huellas+Misioneras" target="_blank" rel="noopener">Completar píldora</a>
      </div>
    </div>

  </div>
</div>

</div>
<script>
 (function () {
  "use strict";

  function initPild(pild) {
    var panels = pild.querySelectorAll("[data-pild-panel]");
    var navItems = pild.querySelectorAll("[data-pild-nav]");
    var progressFill = pild.querySelector("[data-pild-progress]");
    var total = panels.length;

    function goTo(index) {
      panels.forEach(function (p) {
        p.classList.toggle("pild__panel--active", p.getAttribute("data-pild-panel") === String(index));
      });
      navItems.forEach(function (n) {
        n.classList.toggle("pild__nav-item--active", n.getAttribute("data-pild-nav") === String(index));
      });
      if (progressFill) progressFill.style.width = (((index + 1) / total) * 100) + "%";
      scrollToTop();
      if (window.dataLayer) window.dataLayer.push({ event: "pildora_panel_view", panel: index });
    }

    function scrollToTop() {
      var top = pild.getBoundingClientRect().top + window.pageYOffset - 24;
      var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
      window.scrollTo({ top: top, behavior: reduce ? "auto" : "smooth" });
    }

    navItems.forEach(function (item) {
      item.addEventListener("click", function () { goTo(parseInt(item.getAttribute("data-pild-nav"), 10)); });
    });
    pild.querySelectorAll("[data-pild-goto]").forEach(function (btn) {
      btn.addEventListener("click", function () { goTo(parseInt(btn.getAttribute("data-pild-goto"), 10)); });
    });

    var completeBtn = pild.querySelector("[data-pild-complete]");
    if (completeBtn) {
      completeBtn.addEventListener("click", function () {
        if (progressFill) progressFill.style.width = "100%";
        if (window.dataLayer) window.dataLayer.push({ event: "pildora_completada" });
      });
    }
  }

  document.querySelectorAll("[data-pild]").forEach(initPild);
})();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-88f0b1a elementor-widget elementor-widget-html" data-id="88f0b1a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · Huellas Misioneras — Navegación entre píldoras
     Componente aparte del .pild-wrap (va en la landing, no dentro
     del shortcode de cada píldora). Bloque HTML de Elementor.
     Autocontenido: trae su propio <style>, no depende de que el
     CSS acumulativo de las píldoras esté cargado en esa página.

     Uso: cambiar el href de cada <a> por el link real. Si una
     píldora es la primera o la última de la serie, borrar el <a>
     correspondiente (el layout se acomoda solo con uno o con dos).
     ============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Montserrat:wght@500;600&display=swap" rel="stylesheet">

<style>
  .pild-jump {
    --pj-navy: #223A70;
    --pj-navy-deep: #17274d;
    --pj-cyan: #33BFFF;
    --pj-ink: #1c2540;
    --pj-ink-soft: #4a5570;
    --pj-line: #dfe4f0;
    --pj-display: "Poppins", system-ui, sans-serif;
    --pj-body: "Montserrat", system-ui, sans-serif;

    display: flex;
    gap: 16px;
    max-width: 960px;
    margin: 32px auto;
    font-family: var(--pj-body);
  }

  .pild-jump__link {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid var(--pj-line);
    border-radius: 14px;
    text-decoration: none;
    color: var(--pj-ink);
    box-shadow: 0 12px 30px -18px rgba(23, 39, 77, .22);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }

  .pild-jump__link:hover,
  .pild-jump__link:focus-visible {
    transform: translateY(-2px);
    border-color: var(--pj-cyan);
    box-shadow: 0 16px 34px -16px rgba(23, 39, 77, .3);
  }

  .pild-jump__link:focus-visible { outline: 2px solid var(--pj-cyan); outline-offset: 2px; }

  .pild-jump__arrow {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--pj-navy);
    color: #fff;
  }
  .pild-jump__arrow svg { width: 18px; height: 18px; }

  .pild-jump__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

  .pild-jump__label {
    font-family: var(--pj-display);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--pj-cyan);
  }

  .pild-jump__title {
    font-family: var(--pj-display);
    font-size: .95rem;
    font-weight: 700;
    color: var(--pj-navy-deep);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Link "siguiente": flechas y contenido a la derecha */
  .pild-jump__link--next { flex-direction: row-reverse; text-align: right; }
  .pild-jump__link--next .pild-jump__text { align-items: flex-end; }

  @media (max-width: 640px) {
    .pild-jump { flex-direction: column; margin: 24px auto; }
    .pild-jump__link--next { flex-direction: row; text-align: left; }
    .pild-jump__link--next .pild-jump__text { align-items: flex-start; }
  }
</style>

<nav class="pild-jump" aria-label="Navegación entre píldoras">

  <a class="pild-jump__link pild-jump__link--prev" href="https://ishm.ar/ced/en/la-ia-y-la-capacitacion-de-rrhh-huellas-misioneras/">
    <span class="pild-jump__arrow" aria-hidden="true">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
    </span>
    <span class="pild-jump__text">
      <span class="pild-jump__label">Píldora anterior</span>
      <span class="pild-jump__title">LA IA y la Capacitación de RRHH</span>
    </span>
  </a>

  <a class="pild-jump__link pild-jump__link--next" href="https://ishm.ar/ced/en/tu-empresa-ya-toma-decisiones-algoritmicas/">
    <span class="pild-jump__arrow" aria-hidden="true">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
    </span>
    <span class="pild-jump__text">
      <span class="pild-jump__label">Siguiente píldora</span>
      <span class="pild-jump__title">Tu empresa ya toma decisiones algorítmicas</span>
    </span>
  </a>

</nav>				</div>
				</div>
					</div>
				</div>
				</div><p>La entrada <a href="https://ishm.ar/ced/en/sensores-en-el-trabajo-control-o-vigilancia/">Sensores en el trabajo: ¿control o vigilancia?</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Negociar con un algoritmo del otro lado &#124; Huellas Misioneras</title>
		<link>https://ishm.ar/ced/en/negociar-con-un-algoritmo-del-otro-lado-huellas-misioneras/</link>
		
		<dc:creator><![CDATA[Huellas Misioneras]]></dc:creator>
		<pubDate>Fri, 04 Sep 2026 18:42:34 +0000</pubDate>
				<category><![CDATA[Píldora de Aprendizaje]]></category>
		<category><![CDATA[Relaciones Laborales]]></category>
		<guid ispermalink="false">https://ishm.ar/ced/?p=57939</guid>

					<description><![CDATA[<p>¿Cómo se negocia cuando la otra parte del conflicto es un sistema? La habilidad que te distingue no es programar: es saber qué preguntar.</p>
<p>La entrada <a href="https://ishm.ar/ced/en/negociar-con-un-algoritmo-del-otro-lado-huellas-misioneras/">Negociar con un algoritmo del otro lado | Huellas Misioneras</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="57939" class="elementor elementor-57939">
				<div class="elementor-element elementor-element-06e3eb1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="06e3eb1" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-72a2ce3 elementor-widget elementor-widget-image" data-id="72a2ce3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1800" height="750" src="https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-3.webp" class="attachment-full size-full wp-image-57942" alt="Pildora 3" srcset="https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-3.webp 1800w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-3-300x125.webp 300w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-3-1024x427.webp 1024w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-3-768x320.webp 768w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-3-1536x640.webp 1536w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-3-18x8.webp 18w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-3-400x167.webp 400w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-3-1020x425.webp 1020w" sizes="(max-width: 1800px) 100vw, 1800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-bbfc59a elementor-widget elementor-widget-shortcode" data-id="bbfc59a" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode"><style class="wpcode-css-snippet">/* =============================================================
   PILD · Píldoras de Aprendizaje — Aula Virtual CED
   Scope: .pild · BEM · Vanilla CSS
   Tipografía: JetBrains Mono (metadata) · Poppins (jerarquía)
   · Montserrat (lectura) — branding CED: Navy + Cyan
   Grid: base 8px · 40px de aire entre cajas/ítems de grid
   ============================================================= */

.pild {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;

  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;

  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;

  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;
  --pild-nav-w: 260px;

  box-sizing: border-box;
  font-family: var(--pild-body);
  color: var(--pild-ink);
  display: flex;
  min-height: 640px;
  border: 1px solid var(--pild-line);
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  background: var(--pild-card);
}
.pild :where(*) { box-sizing: border-box; }
.pild :where(p, h1, h2, h3, ul, ol) { margin: 0; }
.pild :where(a) { color: var(--pild-cyan-deep); }
.pild :where(a):hover { text-decoration: underline; }
.pild code { font-family: var(--pild-mono); }

/* ---------- WRAP + HERO ---------------------------------------------- */
.pild-wrap {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;
  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;
  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;

  max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--s5);
}
.pild-wrap :where(*) { box-sizing: border-box; }
.pild-wrap :where(p, h1) { margin: 0; }

.pild-wrap .pild-hero {
  font-family: var(--pild-body);
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild-wrap .pild-hero__media {
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  line-height: 0;
}
.pild-wrap .pild-hero__img { display: block; width: 100%; height: auto; }

.pild-wrap .pild-hero__head { position: relative; padding-left: var(--s3); }
.pild-wrap .pild-hero__head::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--pild-cyan), var(--pild-navy));
}
.pild-wrap .pild-hero__eyebrow {
  font-family: var(--pild-mono);
  font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--pild-cyan-deep);
  margin-bottom: var(--s2) !important;
}
.pild-wrap .pild-hero__title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: clamp(1.9rem, 4.2vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--pild-navy);
  text-wrap: balance;
}
.pild-wrap .pild-hero__title-em {
  color: var(--pild-cyan-deep);
  background: linear-gradient(180deg, transparent 62%, rgba(51,191,255,.22) 62%);
  padding: 0 .06em;
}
.pild-wrap .pild-hero__subtitle {
  font-family: var(--pild-display);
  font-weight: 500;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  line-height: 1.45;
  color: var(--pild-ink-soft);
  max-width: 40ch;
  margin-top: var(--s3) !important;
}

/* ---------- NAV LATERAL ---------------------------------------------- */
.pild__nav {
  width: var(--pild-nav-w);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: linear-gradient(165deg, var(--pild-navy) 0%, var(--pild-navy-deep) 100%);
  position: relative;
}
.pild__nav-header { padding: var(--s4) var(--s4) var(--s3); border-bottom: 1px solid rgba(255,255,255,.1); }
.pild__nav-label {
  font-family: var(--pild-mono);
  font-size: .66rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pild-cyan);
  margin-bottom: var(--s1);
}
.pild__nav-title { font-family: var(--pild-display); font-weight: 600; font-size: .92rem; line-height: 1.4; color: #fff; }

.pild__nav-list { list-style: none; padding: var(--s2) 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.pild__nav-item {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-weight: 500;
  font-size: .88rem;
  color: rgba(255,255,255,.65);
  border-left: 3px solid transparent;
  transition: background .15s ease, color .15s ease;
}
.pild__nav-item:hover { background: rgba(255,255,255,.08); color: #fff; }
.pild__nav-item--active { background: rgba(255,255,255,.12); color: #fff; border-left-color: var(--pild-cyan); }
.pild__nav-icon { flex-shrink: 0; width: 1.2rem; height: 1.2rem; display: grid; place-items: center; }
.pild__nav-icon svg { width: 100%; height: 100%; }
.pild__nav-text { line-height: 1.3; }
.pild__nav-badge {
  margin-left: auto;
  font-family: var(--pild-mono);
  font-size: .64rem;
  font-weight: 600;
  background: rgba(51,191,255,.18);
  color: var(--pild-cyan);
  padding: 2px 8px;
  border-radius: 999px;
}
.pild__nav-item--active .pild__nav-badge { background: var(--pild-cyan); color: var(--pild-navy-deep); }

.pild__nav-footer { padding: var(--s3) var(--s4) var(--s4); border-top: 1px solid rgba(255,255,255,.1); }
.pild__progress-label { font-family: var(--pild-mono); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: var(--s2); }
.pild__progress-bar { height: 6px; background: rgba(255,255,255,.15); border-radius: 999px; overflow: hidden; }
.pild__progress-fill { height: 100%; width: 33.33%; background: var(--pild-cyan); border-radius: 999px; transition: width .4s ease; }

/* ---------- CONTENIDO -------------------------------------------------- */
.pild__content { flex: 1; min-width: 0; overflow-y: auto; display: flex; flex-direction: column; background: var(--pild-card); }

.pild__panel { display: none; flex: 1; flex-direction: column; }
.pild__panel--active { display: flex; }

.pild__panel-header {
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s4) var(--s5);
  background: var(--pild-paper);
  border-bottom: 1px solid var(--pild-line);
}
.pild__panel-icon {
  flex-shrink: 0;
  width: 2.75rem; height: 2.75rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid; place-items: center;
}
.pild__panel-icon svg { width: 1.25rem; height: 1.25rem; }
.pild__panel-eyebrow { font-family: var(--pild-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--pild-cyan-deep); margin-bottom: 4px; }
.pild__panel-title { font-family: var(--pild-display); font-weight: 700; font-size: 1.08rem; color: var(--pild-navy); line-height: 1.35; }

/* ---------- LECTURA ----------------------------------------------------- */
.pild__panel-body { padding: var(--s5); flex: 1; font-size: .98rem; line-height: 1.75; color: var(--pild-ink); display: flex; flex-direction: column; gap: var(--s3); }

.pild__signals { list-style: none; padding: 0; margin: var(--s2) 0; display: flex; flex-direction: column; gap: var(--s3); }
.pild__signal {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: var(--s3);
  align-items: flex-start;
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  transition: transform .2s ease, box-shadow .2s ease;
}
.pild__signal::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: var(--pild-cyan); }
.pild__signal:nth-child(3n+2)::before { background: var(--pild-caramel); }
.pild__signal:nth-child(3n)::before { background: var(--pild-navy); }
.pild__signal:hover { transform: translateY(-2px); box-shadow: var(--pild-shadow-sm); }
.pild__signal-num { flex-shrink: 0; font-family: var(--pild-mono); font-weight: 700; font-size: 1.1rem; color: var(--pild-cyan-deep); min-width: 1.75rem; }
.pild__signal-title { font-family: var(--pild-display); font-weight: 700; font-size: .95rem; color: var(--pild-navy); margin-bottom: 4px; }
.pild__signal-text { font-size: .92rem; color: var(--pild-ink-soft); line-height: 1.65; }

.pild__panel-outro {
  margin: 0 var(--s5) var(--s5);
  background: rgba(51,191,255,.1);
  border: 1px solid rgba(51,191,255,.25);
  border-radius: 12px;
  padding: var(--s4);
  font-size: .92rem;
  color: var(--pild-navy);
  line-height: 1.6;
}

/* ---------- VIDEO -------------------------------------------------------- */
.pild__video-wrap { padding: var(--s5); display: flex; flex-direction: column; gap: var(--s4); flex: 1; }
.pild__video-frame { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 12px; overflow: hidden; box-shadow: var(--pild-shadow); }
.pild__video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
.pild__video-placeholder {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s2);
  background: linear-gradient(155deg, var(--pild-navy), var(--pild-navy-deep));
  color: rgba(255,255,255,.75);
  font-size: .9rem;
}
.pild__video-placeholder-icon { width: 3rem; height: 3rem; color: var(--pild-cyan); opacity: .8; }
.pild__video-placeholder-hint { font-size: .78rem; opacity: .65; }
.pild__video-note {
  font-size: .88rem;
  color: var(--pild-ink-soft);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  line-height: 1.6;
}

/* ---------- ACTIVIDAD ------------------------------------------------------ */
.pild__activity-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); }
.pild__activity-intro {
  font-size: .95rem; color: var(--pild-ink-soft); line-height: 1.65;
  background: var(--pild-paper); border: 1px solid var(--pild-line); border-radius: 12px; padding: var(--s4);
}
.pild__shortcode-slot {
  flex: 1; min-height: 18rem;
  border: 2px dashed rgba(34,58,112,.28);
  border-radius: 12px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: var(--s1);
  background: repeating-linear-gradient(135deg, rgba(34,58,112,.05) 0 12px, rgba(34,58,112,.02) 12px 24px);
  color: var(--pild-ink-soft);
  padding: var(--s5);
}
.pild__shortcode-label { font-family: var(--pild-display); font-weight: 700; color: var(--pild-navy); }
.pild__shortcode-hint { font-size: .82rem; opacity: .75; }
.pild__shortcode-code { margin-top: var(--s2); font-size: .78rem; background: #fff; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--pild-line); }

/* ---------- CIERRE / CTA --------------------------------------------------- */
.pild__closing-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); justify-content: center; }
.pild__spotify { max-width: 480px; }
.pild__closing-text { font-size: 1rem; line-height: 1.7; color: var(--pild-ink); max-width: 56ch; }
.pild__closing-text strong { color: var(--pild-navy); }
.pild__cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s4);
  text-decoration: none;
  cursor: pointer;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-navy-deep));
  color: #fff;
  border-radius: 14px;
  padding: var(--s4) var(--s4) var(--s4) var(--s5);
  box-shadow: var(--pild-shadow);
  max-width: 620px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.pild__cta:hover { transform: translateY(-3px); text-decoration: none; box-shadow: 0 34px 70px -26px rgba(21,150,216,.55); }
.pild__cta::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(51,191,255,.18), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__cta:hover::before { transform: translateX(130%); }
.pild__cta-text { display: flex; flex-direction: column; }
.pild__cta-label { font-family: var(--pild-display); font-weight: 700; font-size: 1.05rem; line-height: 1.3; }
.pild__cta-sub { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-cyan); margin-top: 6px; letter-spacing: .02em; }
.pild__cta-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pild-cyan);
  color: var(--pild-navy-deep);
  font-family: var(--pild-mono);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 12px 20px;
  border-radius: 999px;
  transition: transform .15s ease, background .15s ease;
}
.pild__cta-btn svg { width: 1.1rem; height: 1.1rem; transition: transform .2s ease; }
.pild__cta:hover .pild__cta-btn { background: #fff; }
.pild__cta:hover .pild__cta-btn svg { transform: translateX(3px); }

/* ---------- FOOTER / BOTONES ---------------------------------------------- */
.pild__panel-footer {
  padding: var(--s3) var(--s5);
  border-top: 1px solid var(--pild-line);
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
  background: var(--pild-card);
}
.pild__step { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-ink-soft); }
.pild__btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: var(--s2);
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.pild__btn:hover { transform: translateY(-2px); }
.pild__btn--primary { background: linear-gradient(120deg, var(--pild-cyan), var(--pild-cyan-deep)); color: var(--pild-navy-deep); box-shadow: var(--pild-shadow-sm); }
.pild__btn--primary::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__btn--primary:hover::before { transform: translateX(130%); }
.pild__btn--ghost { background: transparent; color: var(--pild-ink-soft); border: 1px solid var(--pild-line); }
.pild__btn--ghost:hover { background: var(--pild-paper); color: var(--pild-navy); }
.pild__btn--done { background: var(--pild-navy); color: #fff; }
.pild__btn--done:hover { background: var(--pild-navy-deep); }
.pild__btn--done[disabled] { cursor: default; transform: none; opacity: .85; }
.pild__btn--done[disabled]:hover { transform: none; }

/* ---------- RESPONSIVE ---------------------------------------------------- */
@media (max-width: 780px) {
  .pild { flex-direction: column; min-height: unset; }
  .pild__nav { width: 100%; }
  .pild__nav-list { flex-direction: row; overflow-x: auto; padding: 0; }
  .pild__nav-item { flex-direction: column; gap: 4px; padding: var(--s2) var(--s3); border-left: none; border-bottom: 3px solid transparent; white-space: nowrap; font-size: .78rem; }
  .pild__nav-item--active { border-bottom-color: var(--pild-cyan); border-left-color: transparent; }
  .pild__nav-badge, .pild__nav-footer { display: none; }
  .pild__panel-body, .pild__video-wrap, .pild__activity-wrap { padding: var(--s3); }
  .pild__panel-outro { margin: 0 var(--s3) var(--s3); }
  .pild__panel-header { padding: var(--s3); }
  .pild__panel-footer { padding: var(--s2) var(--s3); flex-wrap: wrap; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
/* El atributo hidden por sí solo no alcanza: al declarar display:flex
   arriba, el navegador ignora el display:none que hidden aplicaría por
   defecto. Sin esta regla, el bloque de "actividad completada" se ve
   desde el principio, antes de terminar la actividad. */
.pild__quiz-done[hidden] { display: none; }
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.5 — Componente ACTIVIDAD: pregunta de texto libre
   BEM: .pild__quiz-textarea / .pild__quiz-submit
   Agregar al FINAL del snippet CSS acumulativo de WP Code, después
   del bloque v1.4. 100% aditivo — no reemplaza nada de v1.0–v1.4.
   Necesario porque, hasta v1.4, .pild__quiz solo soportaba preguntas
   de opción múltiple. La Píldora 2 (RRLL + IA — Selección de
   Personal) necesita capturar una respuesta abierta como parte de
   la actividad, así que se agrega este tipo de pregunta nuevo.
   ============================================================= */

.pild__quiz-textarea {
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.55;
  resize: vertical;
}

.pild__quiz-textarea::placeholder {
  color: var(--pild-ink-soft);
  opacity: .7;
}

.pild__quiz-textarea:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
  border-color: var(--pild-cyan) !important;
}

/* Botón de enviar respuesta libre: mismo lenguaje visual que
   .pild__quiz-continue, pero deshabilitado hasta que haya texto. */
.pild__quiz-submit {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease, opacity .15s ease;
}
.pild__quiz-submit::after { content: "→"; }
.pild__quiz-submit:hover { transform: translateY(-2px); }
.pild__quiz-submit:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}
.pild__quiz-submit[data-disabled="1"] {
  opacity: .45;
  cursor: default !important;
  pointer-events: none;
}

@media (max-width: 780px) {
  .pild__quiz-textarea { font-size: .88rem; }
}

/* ============================================================
   CED · SISTEMA .pild — CSS ADICIONAL v1.5
   Agregar al snippet acumulativo de WP Code (después de v1.4).
   No reemplaza nada de v1.0–v1.4 — es aditivo.

   Componente nuevo: .pild__reveal
   Un bloque de "pregunta con respuesta oculta" para actividades
   que NO llevan el .pild__quiz de doble capa (ej. cuando el
   perfilado se gestiona en otro sistema, como Moodle).
   No tiene lógica de dataLayer ni tags ocultos — es solo un
   toggle de mostrar/ocultar la respuesta.
   Hereda las variables de marca (--pild-navy, --pild-cyan, etc.)
   del .pild padre — no las redefine.
   ============================================================ */

.pild__reveal {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 14px;
  padding: var(--s4);
}

.pild__reveal-prompt {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--pild-ink);
}

.pild__reveal-prompt strong { color: var(--pild-navy); }

.pild__reveal-hint {
  font-family: var(--pild-mono);
  font-size: .8rem;
  font-style: italic;
  color: var(--pild-ink-soft);
}

/* Div en lugar de <button> a propósito — mismo motivo que en
   .pild__quiz-option: temas de WordPress con estilos globales
   FSE le imponen color/fondo a "button" con !important y rompen
   el contraste. */
.pild__reveal-toggle {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--pild-mono) !important;
  font-weight: 600 !important;
  font-size: .78rem !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff !important;
  background: var(--pild-navy) !important;
  border: none !important;
  padding: 10px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease;
}
.pild__reveal-toggle:hover {
  background: var(--pild-navy-deep) !important;
  transform: translateY(-2px);
}
.pild__reveal-toggle:focus-visible {
  outline: 2px solid var(--pild-cyan);
  outline-offset: 2px;
}

.pild__reveal-answer {
  border-top: 1px dashed var(--pild-line);
  padding-top: var(--s3);
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  font-size: .98rem;
  line-height: 1.7;
  color: var(--pild-ink);
}
.pild__reveal-answer strong { color: var(--pild-navy); }

/* Mismo bug que .pild__quiz-done: si el elemento tiene un
   "display" propio en CSS de autor, el atributo hidden no alcanza
   por sí solo para ocultarlo. Se refuerza acá. */
.pild__reveal-answer[hidden] { display: none; }</style></div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ce31069 elementor-widget elementor-widget-html" data-id="ce31069" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · PÍLDORA — Línea RRLL + IA · 03 · Negociar con un algoritmo
     Prefijo BEM: .pild — requiere pild-base.css (ya en producción)
     y pild-reveal-v1.5.css (nuevo, ver archivo aparte) cargados en
     el snippet acumulativo de WP Code.
     Bloque HTML de Elementor (ancho completo). Sin doctype/head/body.

     Esta píldora NO usa el .pild__quiz de doble capa: la actividad
     de perfilado (formulario de 3 preguntas + Sheet en espejo) se
     gestiona aparte en Moodle, fuera de este sistema.

     PENDIENTES marcados explícitamente — no inventados:
       - {{HERO_IMG_URL}} / {{HERO_ALT}}
       - {{SPOTIFY_SRC}}
       - {{CTA_URL}} (link del curso/carrera)
       - {{WHATSAPP_URL}} (falta el número de teléfono)
     ============================================================ -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Poppins:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">

<div class="pild-wrap">

  <!-- HERO -->
  <header class="pild-hero">
    <div class="pild-hero__media">
      
    </div>
    <div class="pild-hero__head">
      <p class="pild-hero__eyebrow">Línea RRLL + IA · Píldora 03</p>
      <h1 class="pild-hero__title">Negociar con un algoritmo <span class="pild-hero__title-em">del otro lado de la mesa.</span></h1>
      <p class="pild-hero__subtitle">Cuando la otra parte del conflicto es un sistema, la habilidad que hace falta no es entender de programación — es saber qué preguntar y a quién pedírselo.</p>
    </div>
  </header>

<div class="pild" id="pild-rrll-ia-03-negociar-con-algoritmo" data-pild>

  <!-- NAV LATERAL -->
  <nav class="pild__nav">
    <div class="pild__nav-header">
      <p class="pild__nav-label">Píldora 03</p>
      <p class="pild__nav-title">RRLL + IA: negociar con un algoritmo</p>
    </div>

    <ul class="pild__nav-list">
      <li>
        <button type="button" class="pild__nav-item pild__nav-item--active" data-pild-nav="0">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
          </span>
          <span class="pild__nav-text">Lectura</span>
          <span class="pild__nav-badge">01</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="1">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
          </span>
          <span class="pild__nav-text">Actividad</span>
          <span class="pild__nav-badge">02</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="2">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
          </span>
          <span class="pild__nav-text">Audio</span>
          <span class="pild__nav-badge">03</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="3">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
          <span class="pild__nav-text">Cierre</span>
          <span class="pild__nav-badge">04</span>
        </button>
      </li>
    </ul>

    <div class="pild__nav-footer">
      <p class="pild__progress-label">Tu progreso</p>
      <div class="pild__progress-bar"><div class="pild__progress-fill" data-pild-progress></div></div>
    </div>
  </nav>

  <!-- CONTENIDO -->
  <div class="pild__content">

    <!-- PANEL 1: LECTURA -->
    <div class="pild__panel pild__panel--active" data-pild-panel="0">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Lectura · Panel 1 de 4</p>
          <p class="pild__panel-title">De negociar personas a negociar sistemas</p>
        </div>
      </div>

      <div class="pild__panel-body">
        <p>Negociar siempre implicó lo mismo: dos partes, un desacuerdo, un tercero que ayuda a destrabarlo si hace falta. ¿Pero qué pasa cuando una de las dos partes no es una persona? Cuando el reclamo no es "mi jefe me sancionó injustamente", sino "el sistema bajó mi puntaje y no sé por qué, y no hay nadie del otro lado que me lo pueda explicar". <strong>Si el algoritmo puede actuar como jefe, ¿cómo se negocia con él?</strong></p>

        <p><strong>Negociación y Mediación en las RRLL.</strong> La negociación laboral es el proceso mediante el cual dos partes con intereses parcialmente distintos buscan un acuerdo sobre condiciones de trabajo, individual o colectivo. La mediación es la intervención de un tercero neutral que facilita ese acuerdo sin imponerlo. En ambos casos, el supuesto de base es que existe alguien del otro lado de la mesa con quien dialogar, y una razón identificable detrás de cada posición.</p>

        <p>Ese supuesto es justamente el que la gestión algorítmica pone en tensión. Un organismo de Naciones Unidas especializado en trabajo describe cinco rasgos de este tipo de gestión — y son, literalmente, los cinco obstáculos que va a encontrar cualquiera que intente negociar frente a una decisión de sistema: el seguimiento continuo del comportamiento de quien trabaja, su evaluación constante mediante la valoración de terceros, la aparente toma de decisiones sin intervención humana, una interacción mediada por una aplicación que dificulta comunicarse de forma personal, y cierta falta de transparencia sobre cómo funciona el algoritmo por detrás. Los cuatro primeros hacen que la persona afectada ni siquiera sepa bien con quién hablar. El quinto hace que, aunque encuentre a alguien, esa persona tampoco pueda explicarle del todo por qué el sistema decidió lo que decidió.</p>

        <p><strong>El terreno normativo argentino para encauzar el reclamo.</strong> A diferencia de otros terrenos de RRLL, acá sí existe un camino procesal claro — lo que falta resolver es cómo se aplica cuando la otra parte, en los hechos, es un sistema:</p>
        <ul style="padding-left: 1.4em; display:flex; flex-direction:column; gap:8px;">
          <li><strong>Ley 24.635 (SECLO):</strong> crea la instancia obligatoria y previa de conciliación laboral, gratuita para el trabajador. El procedimiento asume un empleador identificable que puede explicar los motivos de una decisión — cuando la decisión salió de un sistema, la empresa muchas veces no puede reconstruir el criterio exacto que aplicó el algoritmo en ese caso puntual.</li>
          <li><strong>Ley 26.589 (Mediación):</strong> regula la mediación pública y privada con un mediador matriculado. Es un marco general, no pensado específicamente para decisiones automatizadas, pero sigue siendo el canal disponible.</li>
          <li><strong>Convenio 154 de la OIT (Ley 23.544):</strong> garantiza el derecho a la negociación colectiva — la puerta para que un convenio incorpore cláusulas sobre transparencia algorítmica, revisión humana o límites al monitoreo continuo, hoy todavía poco frecuentes en los convenios argentinos vigentes.</li>
        </ul>

        <p>"Fue el sistema" no es, para un conciliador o mediador, el final de la conversación — es apenas el punto de partida. La doctrina reciente sobre gestión algorítmica en Argentina viene remarcando que el derecho colectivo también entra en juego acá: la libertad sindical en entornos algorítmicos empieza a discutirse como un problema propio.</p>

        <p><strong>Qué complica hoy negociar frente a una decisión algorítmica.</strong> Cada uno de los cinco rasgos tiene una traducción directa a la mesa de negociación: el historial que la empresa presenta suele ser masivo y automatizado, y quien negocia necesita pedirlo completo, no conformarse con el resumen que el sistema decidió mostrar. Cuando la sanción se basa en una calificación de clientes, esa calificación rara vez está sujeta a control de calidad, así que cuestionar la sanción implica cuestionar primero la validez de la calificación que la originó. Es tentador para la empresa responder "así lo determinó el sistema" como si eso cerrara la discusión — no la cierra: la responsabilidad legal sigue siendo de quien usa el sistema, no del sistema en sí. Muchas plataformas solo permiten reclamar a través de un botón dentro de la misma aplicación que tomó la decisión, sin una instancia humana real antes de llegar a SECLO o a una mediación. Y ni el trabajador ni, muchas veces, el propio representante de RRHH puede explicar la lógica interna exacta del sistema — lo que exige otro tipo de pregunta: no "por qué decidió esto el sistema", sino "qué información tenía el sistema y bajo qué criterio general opera".</p>

        <p>Ninguno de estos cinco puntos exige ser programador ni entender machine learning. Exige entender el proceso de negociación lo suficientemente bien como para saber qué preguntar, a quién pedírselo y qué hacer cuando la respuesta es "no lo sabemos, lo decidió el sistema".</p>

        <p><strong>Un ejemplo cotidiano, no laboral, que seguro te suena conocido.</strong> Un comerciante avisa que cierra su local y pide dar de baja un servicio de software. Una persona real confirma la recepción y lo redirige a otro canal para "formalizar" el trámite, donde lo recibe un sistema automático con opciones prearmadas. Cuando el comerciante responde, en sus propias palabras, que ya cerró el negocio, el sistema no reconoce esa respuesta como válida para su menú de "Sí / No" y corta la conversación por inactividad sin confirmar la baja. Un mes después le llega el reclamo de una cuota que, para él, ya no debería existir. No es un caso laboral, pero es el mismo mecanismo: una decisión que aparenta no tener a nadie del otro lado, y una persona que termina teniendo que reconstruir toda la cronología para que su reclamo tenga chance de prosperar. Multiplicá esa lógica por una sanción laboral y vas a entender por qué el problema se vuelve más serio cuando la otra parte del sistema no es quien te cobra un abono, sino quien te paga el sueldo.</p>

        <p><strong>Caso: la desconexión que llegó sin explicación.</strong> Un repartidor que trabaja para una plataforma de delivery en Posadas recibe una notificación: su cuenta fue desactivada por "incumplimiento reiterado de estándares de calidad". No hay una persona con quien hablar dentro de la app, solo un formulario de apelación con mensaje automático. El repartidor entiende que la desconexión llegó tras una semana con calificaciones bajas, pero no sabe cuáles, ni si coincidieron con demoras que no dependían de él. El sistema evaluó un promedio — no evaluó el contexto. Siguiendo la lógica que ya confirmó la Suprema Corte de Justicia de la Provincia de Buenos Aires en los fallos contra Rappi y Repartos Ya, este tipo de control algorítmico puede considerarse equivalente al ejercicio del poder de dirección de un empleador: la "desconexión" automática puede analizarse con la misma lógica que un despido. Quien media este caso no se detiene en "la app dice que fue por calidad": reconstruye el historial completo, identifica si hubo un canal real de descargo, y encuadra el reclamo desde el principio en la instancia de conciliación laboral obligatoria del SECLO.</p>

        <p><strong>Caso: un día en la vida de quien media puertas adentro.</strong> Marina es analista de Relaciones Laborales en una empresa de logística de Puerto Iguazú. Un supervisor le trae un caso: el sistema de gestión de desempeño generó automáticamente un apercibimiento para un empleado con quince años de antigüedad, por "productividad por debajo del estándar" durante dos semanas. Marina no defiende al sistema ni le da la razón automática al empleado: pide el detalle exacto de cómo se midió esa productividad en esas dos semanas puntuales. Ahí aparece el dato que nadie había cruzado — esas dos semanas coinciden con un período en el que ese sector operó con una máquina rota, algo que el sistema de productividad no tenía forma de saber porque mide unidades procesadas, no causas de la demora. Marina no negocia con el algoritmo en sentido literal: negocia con la empresa la revisión de una decisión que el sistema generó sin ese contexto, y con el empleado, la forma de dejar sin efecto un apercibimiento sin que eso se transforme en un conflicto de confianza más grande. Ese doble movimiento —hacia la empresa y hacia el trabajador, al mismo tiempo— es, literalmente, la definición de mediar.</p>

        <p><strong>Por qué esta habilidad blinda tu empleabilidad.</strong> Un abogado laboralista o un especialista en RRHH que solo sabe litigar o mediar entre dos personas va a quedar corto frente a estos casos, cada vez más frecuentes. Lo que distingue a quien entiende este terreno es la capacidad de traducir una decisión de sistema a un lenguaje que un procedimiento de conciliación, una mesa de negociación colectiva o una conversación puertas adentro puedan procesar. Esa traducción —de "output de un algoritmo" a "hecho negociable"— es exactamente el tipo de trabajo que ningún sistema hace por sí mismo.</p>
      </div>

      <div class="pild__panel-outro">Antes de seguir, pensá un caso simplificado y encontrá el punto ciego de la negociación: la pregunta que hay que hacer antes de discutir cualquier otra cosa.</div>

      <div class="pild__panel-footer">
        <span class="pild__step">Panel 1 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="1">Ir a la actividad →</button>
      </div>
    </div>

    <!-- PANEL 2: ACTIVIDAD -->
    <div class="pild__panel" data-pild-panel="1">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Actividad · Panel 2 de 4</p>
          <p class="pild__panel-title">Encontrá el punto ciego de la negociación</p>
        </div>
      </div>

      <div class="pild__activity-wrap">
        <p class="pild__activity-intro">Te dejamos un fragmento de un caso real, simplificado. Pensalo antes de ver la respuesta.</p>

        <!-- ═══════════════════════════════════════════════════
             INSERTAR SHORTCODE DE WP CODE AQUÍ
             Ver: pild-rrll-ia-03-actividad-reveal.html
             Componente: .pild__reveal (nuevo) — requiere
             pild-reveal-v1.5.css cargado en el snippet acumulativo.
             ═══════════════════════════════════════════════════ -->
        <!-- ============================================================
     CED · ACTIVIDAD — "Encontrá el punto ciego" (reveal simple)
     Píldora: RRLL + IA · 03 · Negociar con un algoritmo
     Componente: .pild__reveal — requiere pild-reveal-v1.5.css
     cargado en el snippet acumulativo de WP Code.

     A diferencia de .pild__quiz, esta actividad NO tiene doble
     capa: no perfila, no manda nada a dataLayer/Kommo. Es solo
     una pregunta con respuesta oculta. El perfilado de esta
     píldora se gestiona aparte, en Moodle (ver nota de producción
     del md fuente).

     Subir como snippet APARTE en WP Code y reemplazar
     [wpcode id="PENDIENTE"] en el HTML principal por el ID real.
     ============================================================ -->

<div class="pild__reveal" data-pild-reveal>
  <p class="pild__reveal-prompt">Una empleada administrativa recibe una calificación de desempeño trimestral generada por un sistema de evaluación continua, que la ubica en el percentil más bajo de su equipo. La empresa le ofrece, directamente, un plan de mejora con seguimiento estricto y una advertencia de que la continuidad de su puesto depende de revertir ese resultado en 60 días. La empleada no entiende por qué su calificación bajó, porque en los últimos tres meses no cambió nada en cómo hace su trabajo.</p>
  <p class="pild__reveal-prompt"><strong>¿Cuál es la primera pregunta que tendría que hacer quien media este caso, antes de aceptar o cuestionar el plan de mejora?</strong></p>
  <p class="pild__reveal-hint">La pista: no es "¿el plan de mejora es razonable?". Es anterior a eso.</p>

  <div class="pild__reveal-toggle" data-reveal-toggle>Ver respuesta</div>

  <div class="pild__reveal-answer" data-reveal-answer hidden>
    <p>La primera pregunta es qué cambió en el sistema de evaluación, no en la empleada. Los sistemas de evaluación continua ajustan sus criterios y su ponderación con el tiempo, muchas veces sin que nadie en RRHH lo comunique hacia abajo. Antes de discutir si el plan de mejora es razonable, hay que descartar que la "baja de desempeño" sea, en realidad, un cambio en cómo mide el sistema y no un cambio en cómo trabaja la persona. Negociar el plan de mejora sin hacer esa pregunta antes es negociar sobre una premisa que nadie confirmó.</p>
    <p>Si lo pensaste antes de ver la respuesta: esa capacidad de dudar de la premisa, no solo de la conclusión, es exactamente la habilidad que esta píldora quiere dejar instalada.</p>
  </div>
</div>

<script>
(function () {
  "use strict";

  function initReveal(box) {
    var toggle = box.querySelector("[data-reveal-toggle]");
    var answer = box.querySelector("[data-reveal-answer]");
    if (!toggle || !answer) return;

    /* div role="button" en lugar de <button> — mismo motivo que en
       .pild__quiz-option: temas de WordPress con estilos globales
       FSE le imponen color/fondo a "button" con !important y
       rompen el contraste. */
    toggle.setAttribute("role", "button");
    toggle.setAttribute("tabindex", "0");
    toggle.setAttribute("aria-expanded", "false");

    function toggleAnswer() {
      var isHidden = answer.hasAttribute("hidden");
      if (isHidden) {
        answer.removeAttribute("hidden");
        toggle.textContent = "Ocultar respuesta";
        toggle.setAttribute("aria-expanded", "true");
      } else {
        answer.setAttribute("hidden", "");
        toggle.textContent = "Ver respuesta";
        toggle.setAttribute("aria-expanded", "false");
      }
    }

    toggle.addEventListener("click", toggleAnswer);
    toggle.addEventListener("keydown", function (e) {
      if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
        e.preventDefault();
        toggleAnswer();
      }
    });
  }

  document.querySelectorAll("[data-pild-reveal]").forEach(initReveal);
})();
</script>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="0">← Volver a la lectura</button>
        <span class="pild__step">Panel 2 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="2">Ir al audio →</button>
      </div>
    </div>

    <!-- PANEL 3: AUDIO -->
    <div class="pild__panel" data-pild-panel="2">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Audio · Panel 3 de 4</p>
          <p class="pild__panel-title">Escuchá el audible de esta píldora</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <!-- Placeholder — falta el embed de Spotify -->
      <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/episode/11vV0WBdMwZdd0JGMj8WLz?utm_source=generator&si=4c45bde9b04444f7" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="1">← Volver a la actividad</button>
        <span class="pild__step">Panel 3 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="3">Ir al cierre →</button>
      </div>
    </div>

    <!-- PANEL 4: CIERRE -->
    <div class="pild__panel" data-pild-panel="3">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Cierre · Panel 4 de 4</p>
          <p class="pild__panel-title">El hilo que sigue</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <p class="pild__closing-text">Esta píldora miró la negociación y la mediación. Las dos anteriores de la serie <strong>RRLL + IA</strong> miraron la liquidación de sueldos y la selección de personal — cada una es un carril distinto de la misma autopista, y todas comparten la misma pregunta de fondo: cuando la IA entra en una función de RRLL, ¿quién la entiende y quién solo la mira funcionar? Si esto te interesa, en Huellas Misioneras podés formarte para ser quien la entiende.</p>

        <!-- Placeholder — falta confirmar a qué curso/carrera apunta el CTA -->
        <a role="button" class="pild__cta" href="https://ishm.ar/ced/en/courses/introduccion-a-las-relaciones-laborales/" target="_blank" rel="noopener">
          <span class="pild__cta-text">
            <span class="pild__cta-label">Formate en RRLL + Negociación con IA</span>
            <span class="pild__cta-sub">Instituto Superior Huellas Misioneras</span>
          </span>
          <span class="pild__cta-btn">
            Ver curso
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
        </a>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="2">← Volver al audio</button>
        <span class="pild__step">Panel 4 de 4</span>
        <!-- Placeholder — falta el número de WhatsApp -->
        <a role="button" class="pild__btn pild__btn--done" data-pild-complete href="https://api.whatsapp.com/send/?phone=PENDIENTE-NUMERO&text=Hola%21+Vi+la+p%C3%ADldora+sobre+negociar+con+un+algoritmo+y+quiero+m%C3%A1s+informaci%C3%B3n+sobre+el+curso+de+RRLL+%2B+IA+de+Huellas+Misioneras" target="_blank" rel="noopener">Completar píldora</a>
      </div>
    </div>

  </div>
</div>

</div>
<script>
 (function () {
  "use strict";

  function initPild(pild) {
    var panels = pild.querySelectorAll("[data-pild-panel]");
    var navItems = pild.querySelectorAll("[data-pild-nav]");
    var progressFill = pild.querySelector("[data-pild-progress]");
    var total = panels.length;

    function goTo(index) {
      panels.forEach(function (p) {
        p.classList.toggle("pild__panel--active", p.getAttribute("data-pild-panel") === String(index));
      });
      navItems.forEach(function (n) {
        n.classList.toggle("pild__nav-item--active", n.getAttribute("data-pild-nav") === String(index));
      });
      if (progressFill) progressFill.style.width = (((index + 1) / total) * 100) + "%";
      scrollToTop();
      if (window.dataLayer) window.dataLayer.push({ event: "pildora_panel_view", panel: index });
    }

    function scrollToTop() {
      var top = pild.getBoundingClientRect().top + window.pageYOffset - 24;
      var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
      window.scrollTo({ top: top, behavior: reduce ? "auto" : "smooth" });
    }

    navItems.forEach(function (item) {
      item.addEventListener("click", function () { goTo(parseInt(item.getAttribute("data-pild-nav"), 10)); });
    });
    pild.querySelectorAll("[data-pild-goto]").forEach(function (btn) {
      btn.addEventListener("click", function () { goTo(parseInt(btn.getAttribute("data-pild-goto"), 10)); });
    });

    var completeBtn = pild.querySelector("[data-pild-complete]");
    if (completeBtn) {
      completeBtn.addEventListener("click", function () {
        if (progressFill) progressFill.style.width = "100%";
        if (window.dataLayer) window.dataLayer.push({ event: "pildora_completada" });
      });
    }
  }

  document.querySelectorAll("[data-pild]").forEach(initPild);
})();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-96aeead elementor-widget elementor-widget-html" data-id="96aeead" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · Huellas Misioneras — Navegación entre píldoras
     Componente aparte del .pild-wrap (va en la landing, no dentro
     del shortcode de cada píldora). Bloque HTML de Elementor.
     Autocontenido: trae su propio <style>, no depende de que el
     CSS acumulativo de las píldoras esté cargado en esa página.

     Uso: cambiar el href de cada <a> por el link real. Si una
     píldora es la primera o la última de la serie, borrar el <a>
     correspondiente (el layout se acomoda solo con uno o con dos).
     ============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Montserrat:wght@500;600&display=swap" rel="stylesheet">

<style>
  .pild-jump {
    --pj-navy: #223A70;
    --pj-navy-deep: #17274d;
    --pj-cyan: #33BFFF;
    --pj-ink: #1c2540;
    --pj-ink-soft: #4a5570;
    --pj-line: #dfe4f0;
    --pj-display: "Poppins", system-ui, sans-serif;
    --pj-body: "Montserrat", system-ui, sans-serif;

    display: flex;
    gap: 16px;
    max-width: 960px;
    margin: 32px auto;
    font-family: var(--pj-body);
  }

  .pild-jump__link {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid var(--pj-line);
    border-radius: 14px;
    text-decoration: none;
    color: var(--pj-ink);
    box-shadow: 0 12px 30px -18px rgba(23, 39, 77, .22);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }

  .pild-jump__link:hover,
  .pild-jump__link:focus-visible {
    transform: translateY(-2px);
    border-color: var(--pj-cyan);
    box-shadow: 0 16px 34px -16px rgba(23, 39, 77, .3);
  }

  .pild-jump__link:focus-visible { outline: 2px solid var(--pj-cyan); outline-offset: 2px; }

  .pild-jump__arrow {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--pj-navy);
    color: #fff;
  }
  .pild-jump__arrow svg { width: 18px; height: 18px; }

  .pild-jump__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

  .pild-jump__label {
    font-family: var(--pj-display);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--pj-cyan);
  }

  .pild-jump__title {
    font-family: var(--pj-display);
    font-size: .95rem;
    font-weight: 700;
    color: var(--pj-navy-deep);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Link "siguiente": flechas y contenido a la derecha */
  .pild-jump__link--next { flex-direction: row-reverse; text-align: right; }
  .pild-jump__link--next .pild-jump__text { align-items: flex-end; }

  @media (max-width: 640px) {
    .pild-jump { flex-direction: column; margin: 24px auto; }
    .pild-jump__link--next { flex-direction: row; text-align: left; }
    .pild-jump__link--next .pild-jump__text { align-items: flex-start; }
  }
</style>

<nav class="pild-jump" aria-label="Navegación entre píldoras">

  <a class="pild-jump__link pild-jump__link--prev" href="https://ishm.ar/ced/en/seleccion-con-ia/">
    <span class="pild-jump__arrow" aria-hidden="true">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
    </span>
    <span class="pild-jump__text">
      <span class="pild-jump__label">Píldora anterior</span>
      <span class="pild-jump__title">Selección con IA: currículums y sesgo algorítmico</span>
    </span>
  </a>

  <a class="pild-jump__link pild-jump__link--next" href="https://ishm.ar/ced/en/la-ia-y-la-capacitacion-de-rrhh-huellas-misioneras/">
    <span class="pild-jump__arrow" aria-hidden="true">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
    </span>
    <span class="pild-jump__text">
      <span class="pild-jump__label">Siguiente píldora</span>
      <span class="pild-jump__title">La IA y la capacitación de RRHH</span>
    </span>
  </a>

</nav>				</div>
				</div>
					</div>
				</div>
				</div><p>La entrada <a href="https://ishm.ar/ced/en/negociar-con-un-algoritmo-del-otro-lado-huellas-misioneras/">Negociar con un algoritmo del otro lado | Huellas Misioneras</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>La IA y la capacitación de RRHH &#124; Huellas Misioneras</title>
		<link>https://ishm.ar/ced/en/la-ia-y-la-capacitacion-de-rrhh-huellas-misioneras/</link>
		
		<dc:creator><![CDATA[Huellas Misioneras]]></dc:creator>
		<pubDate>Fri, 04 Sep 2026 14:52:24 +0000</pubDate>
				<category><![CDATA[Píldora de Aprendizaje]]></category>
		<category><![CDATA[Relaciones Laborales]]></category>
		<guid ispermalink="false">https://ishm.ar/ced/?p=57916</guid>

					<description><![CDATA[<p>¿Quién decide hoy a quién capacitar primero: un jefe o un algoritmo? Conocé el derecho legal a la formación que ningún ranking de IA puede pisar.</p>
<p>La entrada <a href="https://ishm.ar/ced/en/la-ia-y-la-capacitacion-de-rrhh-huellas-misioneras/">La IA y la capacitación de RRHH | Huellas Misioneras</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="57916" class="elementor elementor-57916">
				<div class="elementor-element elementor-element-40722c1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="40722c1" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e30ac01 elementor-widget elementor-widget-shortcode" data-id="e30ac01" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode"><style class="wpcode-css-snippet">/* =============================================================
   PILD · Píldoras de Aprendizaje — Aula Virtual CED
   Scope: .pild · BEM · Vanilla CSS
   Tipografía: JetBrains Mono (metadata) · Poppins (jerarquía)
   · Montserrat (lectura) — branding CED: Navy + Cyan
   Grid: base 8px · 40px de aire entre cajas/ítems de grid
   ============================================================= */

.pild {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;

  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;

  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;

  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;
  --pild-nav-w: 260px;

  box-sizing: border-box;
  font-family: var(--pild-body);
  color: var(--pild-ink);
  display: flex;
  min-height: 640px;
  border: 1px solid var(--pild-line);
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  background: var(--pild-card);
}
.pild :where(*) { box-sizing: border-box; }
.pild :where(p, h1, h2, h3, ul, ol) { margin: 0; }
.pild :where(a) { color: var(--pild-cyan-deep); }
.pild :where(a):hover { text-decoration: underline; }
.pild code { font-family: var(--pild-mono); }

/* ---------- WRAP + HERO ---------------------------------------------- */
.pild-wrap {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;
  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;
  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;

  max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--s5);
}
.pild-wrap :where(*) { box-sizing: border-box; }
.pild-wrap :where(p, h1) { margin: 0; }

.pild-wrap .pild-hero {
  font-family: var(--pild-body);
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild-wrap .pild-hero__media {
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  line-height: 0;
}
.pild-wrap .pild-hero__img { display: block; width: 100%; height: auto; }

.pild-wrap .pild-hero__head { position: relative; padding-left: var(--s3); }
.pild-wrap .pild-hero__head::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--pild-cyan), var(--pild-navy));
}
.pild-wrap .pild-hero__eyebrow {
  font-family: var(--pild-mono);
  font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--pild-cyan-deep);
  margin-bottom: var(--s2) !important;
}
.pild-wrap .pild-hero__title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: clamp(1.9rem, 4.2vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--pild-navy);
  text-wrap: balance;
}
.pild-wrap .pild-hero__title-em {
  color: var(--pild-cyan-deep);
  background: linear-gradient(180deg, transparent 62%, rgba(51,191,255,.22) 62%);
  padding: 0 .06em;
}
.pild-wrap .pild-hero__subtitle {
  font-family: var(--pild-display);
  font-weight: 500;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  line-height: 1.45;
  color: var(--pild-ink-soft);
  max-width: 40ch;
  margin-top: var(--s3) !important;
}

/* ---------- NAV LATERAL ---------------------------------------------- */
.pild__nav {
  width: var(--pild-nav-w);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: linear-gradient(165deg, var(--pild-navy) 0%, var(--pild-navy-deep) 100%);
  position: relative;
}
.pild__nav-header { padding: var(--s4) var(--s4) var(--s3); border-bottom: 1px solid rgba(255,255,255,.1); }
.pild__nav-label {
  font-family: var(--pild-mono);
  font-size: .66rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pild-cyan);
  margin-bottom: var(--s1);
}
.pild__nav-title { font-family: var(--pild-display); font-weight: 600; font-size: .92rem; line-height: 1.4; color: #fff; }

.pild__nav-list { list-style: none; padding: var(--s2) 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.pild__nav-item {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-weight: 500;
  font-size: .88rem;
  color: rgba(255,255,255,.65);
  border-left: 3px solid transparent;
  transition: background .15s ease, color .15s ease;
}
.pild__nav-item:hover { background: rgba(255,255,255,.08); color: #fff; }
.pild__nav-item--active { background: rgba(255,255,255,.12); color: #fff; border-left-color: var(--pild-cyan); }
.pild__nav-icon { flex-shrink: 0; width: 1.2rem; height: 1.2rem; display: grid; place-items: center; }
.pild__nav-icon svg { width: 100%; height: 100%; }
.pild__nav-text { line-height: 1.3; }
.pild__nav-badge {
  margin-left: auto;
  font-family: var(--pild-mono);
  font-size: .64rem;
  font-weight: 600;
  background: rgba(51,191,255,.18);
  color: var(--pild-cyan);
  padding: 2px 8px;
  border-radius: 999px;
}
.pild__nav-item--active .pild__nav-badge { background: var(--pild-cyan); color: var(--pild-navy-deep); }

.pild__nav-footer { padding: var(--s3) var(--s4) var(--s4); border-top: 1px solid rgba(255,255,255,.1); }
.pild__progress-label { font-family: var(--pild-mono); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: var(--s2); }
.pild__progress-bar { height: 6px; background: rgba(255,255,255,.15); border-radius: 999px; overflow: hidden; }
.pild__progress-fill { height: 100%; width: 33.33%; background: var(--pild-cyan); border-radius: 999px; transition: width .4s ease; }

/* ---------- CONTENIDO -------------------------------------------------- */
.pild__content { flex: 1; min-width: 0; overflow-y: auto; display: flex; flex-direction: column; background: var(--pild-card); }

.pild__panel { display: none; flex: 1; flex-direction: column; }
.pild__panel--active { display: flex; }

.pild__panel-header {
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s4) var(--s5);
  background: var(--pild-paper);
  border-bottom: 1px solid var(--pild-line);
}
.pild__panel-icon {
  flex-shrink: 0;
  width: 2.75rem; height: 2.75rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid; place-items: center;
}
.pild__panel-icon svg { width: 1.25rem; height: 1.25rem; }
.pild__panel-eyebrow { font-family: var(--pild-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--pild-cyan-deep); margin-bottom: 4px; }
.pild__panel-title { font-family: var(--pild-display); font-weight: 700; font-size: 1.08rem; color: var(--pild-navy); line-height: 1.35; }

/* ---------- LECTURA ----------------------------------------------------- */
.pild__panel-body { padding: var(--s5); flex: 1; font-size: .98rem; line-height: 1.75; color: var(--pild-ink); display: flex; flex-direction: column; gap: var(--s3); }

.pild__signals { list-style: none; padding: 0; margin: var(--s2) 0; display: flex; flex-direction: column; gap: var(--s3); }
.pild__signal {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: var(--s3);
  align-items: flex-start;
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  transition: transform .2s ease, box-shadow .2s ease;
}
.pild__signal::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: var(--pild-cyan); }
.pild__signal:nth-child(3n+2)::before { background: var(--pild-caramel); }
.pild__signal:nth-child(3n)::before { background: var(--pild-navy); }
.pild__signal:hover { transform: translateY(-2px); box-shadow: var(--pild-shadow-sm); }
.pild__signal-num { flex-shrink: 0; font-family: var(--pild-mono); font-weight: 700; font-size: 1.1rem; color: var(--pild-cyan-deep); min-width: 1.75rem; }
.pild__signal-title { font-family: var(--pild-display); font-weight: 700; font-size: .95rem; color: var(--pild-navy); margin-bottom: 4px; }
.pild__signal-text { font-size: .92rem; color: var(--pild-ink-soft); line-height: 1.65; }

.pild__panel-outro {
  margin: 0 var(--s5) var(--s5);
  background: rgba(51,191,255,.1);
  border: 1px solid rgba(51,191,255,.25);
  border-radius: 12px;
  padding: var(--s4);
  font-size: .92rem;
  color: var(--pild-navy);
  line-height: 1.6;
}

/* ---------- VIDEO -------------------------------------------------------- */
.pild__video-wrap { padding: var(--s5); display: flex; flex-direction: column; gap: var(--s4); flex: 1; }
.pild__video-frame { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 12px; overflow: hidden; box-shadow: var(--pild-shadow); }
.pild__video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
.pild__video-placeholder {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s2);
  background: linear-gradient(155deg, var(--pild-navy), var(--pild-navy-deep));
  color: rgba(255,255,255,.75);
  font-size: .9rem;
}
.pild__video-placeholder-icon { width: 3rem; height: 3rem; color: var(--pild-cyan); opacity: .8; }
.pild__video-placeholder-hint { font-size: .78rem; opacity: .65; }
.pild__video-note {
  font-size: .88rem;
  color: var(--pild-ink-soft);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  line-height: 1.6;
}

/* ---------- ACTIVIDAD ------------------------------------------------------ */
.pild__activity-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); }
.pild__activity-intro {
  font-size: .95rem; color: var(--pild-ink-soft); line-height: 1.65;
  background: var(--pild-paper); border: 1px solid var(--pild-line); border-radius: 12px; padding: var(--s4);
}
.pild__shortcode-slot {
  flex: 1; min-height: 18rem;
  border: 2px dashed rgba(34,58,112,.28);
  border-radius: 12px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: var(--s1);
  background: repeating-linear-gradient(135deg, rgba(34,58,112,.05) 0 12px, rgba(34,58,112,.02) 12px 24px);
  color: var(--pild-ink-soft);
  padding: var(--s5);
}
.pild__shortcode-label { font-family: var(--pild-display); font-weight: 700; color: var(--pild-navy); }
.pild__shortcode-hint { font-size: .82rem; opacity: .75; }
.pild__shortcode-code { margin-top: var(--s2); font-size: .78rem; background: #fff; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--pild-line); }

/* ---------- CIERRE / CTA --------------------------------------------------- */
.pild__closing-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); justify-content: center; }
.pild__spotify { max-width: 480px; }
.pild__closing-text { font-size: 1rem; line-height: 1.7; color: var(--pild-ink); max-width: 56ch; }
.pild__closing-text strong { color: var(--pild-navy); }
.pild__cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s4);
  text-decoration: none;
  cursor: pointer;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-navy-deep));
  color: #fff;
  border-radius: 14px;
  padding: var(--s4) var(--s4) var(--s4) var(--s5);
  box-shadow: var(--pild-shadow);
  max-width: 620px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.pild__cta:hover { transform: translateY(-3px); text-decoration: none; box-shadow: 0 34px 70px -26px rgba(21,150,216,.55); }
.pild__cta::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(51,191,255,.18), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__cta:hover::before { transform: translateX(130%); }
.pild__cta-text { display: flex; flex-direction: column; }
.pild__cta-label { font-family: var(--pild-display); font-weight: 700; font-size: 1.05rem; line-height: 1.3; }
.pild__cta-sub { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-cyan); margin-top: 6px; letter-spacing: .02em; }
.pild__cta-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pild-cyan);
  color: var(--pild-navy-deep);
  font-family: var(--pild-mono);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 12px 20px;
  border-radius: 999px;
  transition: transform .15s ease, background .15s ease;
}
.pild__cta-btn svg { width: 1.1rem; height: 1.1rem; transition: transform .2s ease; }
.pild__cta:hover .pild__cta-btn { background: #fff; }
.pild__cta:hover .pild__cta-btn svg { transform: translateX(3px); }

/* ---------- FOOTER / BOTONES ---------------------------------------------- */
.pild__panel-footer {
  padding: var(--s3) var(--s5);
  border-top: 1px solid var(--pild-line);
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
  background: var(--pild-card);
}
.pild__step { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-ink-soft); }
.pild__btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: var(--s2);
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.pild__btn:hover { transform: translateY(-2px); }
.pild__btn--primary { background: linear-gradient(120deg, var(--pild-cyan), var(--pild-cyan-deep)); color: var(--pild-navy-deep); box-shadow: var(--pild-shadow-sm); }
.pild__btn--primary::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__btn--primary:hover::before { transform: translateX(130%); }
.pild__btn--ghost { background: transparent; color: var(--pild-ink-soft); border: 1px solid var(--pild-line); }
.pild__btn--ghost:hover { background: var(--pild-paper); color: var(--pild-navy); }
.pild__btn--done { background: var(--pild-navy); color: #fff; }
.pild__btn--done:hover { background: var(--pild-navy-deep); }
.pild__btn--done[disabled] { cursor: default; transform: none; opacity: .85; }
.pild__btn--done[disabled]:hover { transform: none; }

/* ---------- RESPONSIVE ---------------------------------------------------- */
@media (max-width: 780px) {
  .pild { flex-direction: column; min-height: unset; }
  .pild__nav { width: 100%; }
  .pild__nav-list { flex-direction: row; overflow-x: auto; padding: 0; }
  .pild__nav-item { flex-direction: column; gap: 4px; padding: var(--s2) var(--s3); border-left: none; border-bottom: 3px solid transparent; white-space: nowrap; font-size: .78rem; }
  .pild__nav-item--active { border-bottom-color: var(--pild-cyan); border-left-color: transparent; }
  .pild__nav-badge, .pild__nav-footer { display: none; }
  .pild__panel-body, .pild__video-wrap, .pild__activity-wrap { padding: var(--s3); }
  .pild__panel-outro { margin: 0 var(--s3) var(--s3); }
  .pild__panel-header { padding: var(--s3); }
  .pild__panel-footer { padding: var(--s2) var(--s3); flex-wrap: wrap; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
/* El atributo hidden por sí solo no alcanza: al declarar display:flex
   arriba, el navegador ignora el display:none que hidden aplicaría por
   defecto. Sin esta regla, el bloque de "actividad completada" se ve
   desde el principio, antes de terminar la actividad. */
.pild__quiz-done[hidden] { display: none; }
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.5 — Componente ACTIVIDAD: pregunta de texto libre
   BEM: .pild__quiz-textarea / .pild__quiz-submit
   Agregar al FINAL del snippet CSS acumulativo de WP Code, después
   del bloque v1.4. 100% aditivo — no reemplaza nada de v1.0–v1.4.
   Necesario porque, hasta v1.4, .pild__quiz solo soportaba preguntas
   de opción múltiple. La Píldora 2 (RRLL + IA — Selección de
   Personal) necesita capturar una respuesta abierta como parte de
   la actividad, así que se agrega este tipo de pregunta nuevo.
   ============================================================= */

.pild__quiz-textarea {
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.55;
  resize: vertical;
}

.pild__quiz-textarea::placeholder {
  color: var(--pild-ink-soft);
  opacity: .7;
}

.pild__quiz-textarea:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
  border-color: var(--pild-cyan) !important;
}

/* Botón de enviar respuesta libre: mismo lenguaje visual que
   .pild__quiz-continue, pero deshabilitado hasta que haya texto. */
.pild__quiz-submit {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease, opacity .15s ease;
}
.pild__quiz-submit::after { content: "→"; }
.pild__quiz-submit:hover { transform: translateY(-2px); }
.pild__quiz-submit:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}
.pild__quiz-submit[data-disabled="1"] {
  opacity: .45;
  cursor: default !important;
  pointer-events: none;
}

@media (max-width: 780px) {
  .pild__quiz-textarea { font-size: .88rem; }
}

/* ============================================================
   CED · SISTEMA .pild — CSS ADICIONAL v1.5
   Agregar al snippet acumulativo de WP Code (después de v1.4).
   No reemplaza nada de v1.0–v1.4 — es aditivo.

   Componente nuevo: .pild__reveal
   Un bloque de "pregunta con respuesta oculta" para actividades
   que NO llevan el .pild__quiz de doble capa (ej. cuando el
   perfilado se gestiona en otro sistema, como Moodle).
   No tiene lógica de dataLayer ni tags ocultos — es solo un
   toggle de mostrar/ocultar la respuesta.
   Hereda las variables de marca (--pild-navy, --pild-cyan, etc.)
   del .pild padre — no las redefine.
   ============================================================ */

.pild__reveal {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 14px;
  padding: var(--s4);
}

.pild__reveal-prompt {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--pild-ink);
}

.pild__reveal-prompt strong { color: var(--pild-navy); }

.pild__reveal-hint {
  font-family: var(--pild-mono);
  font-size: .8rem;
  font-style: italic;
  color: var(--pild-ink-soft);
}

/* Div en lugar de <button> a propósito — mismo motivo que en
   .pild__quiz-option: temas de WordPress con estilos globales
   FSE le imponen color/fondo a "button" con !important y rompen
   el contraste. */
.pild__reveal-toggle {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--pild-mono) !important;
  font-weight: 600 !important;
  font-size: .78rem !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff !important;
  background: var(--pild-navy) !important;
  border: none !important;
  padding: 10px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease;
}
.pild__reveal-toggle:hover {
  background: var(--pild-navy-deep) !important;
  transform: translateY(-2px);
}
.pild__reveal-toggle:focus-visible {
  outline: 2px solid var(--pild-cyan);
  outline-offset: 2px;
}

.pild__reveal-answer {
  border-top: 1px dashed var(--pild-line);
  padding-top: var(--s3);
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  font-size: .98rem;
  line-height: 1.7;
  color: var(--pild-ink);
}
.pild__reveal-answer strong { color: var(--pild-navy); }

/* Mismo bug que .pild__quiz-done: si el elemento tiene un
   "display" propio en CSS de autor, el atributo hidden no alcanza
   por sí solo para ocultarlo. Se refuerza acá. */
.pild__reveal-answer[hidden] { display: none; }</style></div>
						</div>
				</div>
				<div class="elementor-element elementor-element-f2233a8 elementor-widget elementor-widget-image" data-id="f2233a8" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1800" height="750" src="https://ishm.ar/ced/wp-content/uploads/2026/09/pildora-4-RRLL.webp" class="attachment-full size-full wp-image-57930" alt="pildora 4 RRLL" srcset="https://ishm.ar/ced/wp-content/uploads/2026/09/pildora-4-RRLL.webp 1800w, https://ishm.ar/ced/wp-content/uploads/2026/09/pildora-4-RRLL-300x125.webp 300w, https://ishm.ar/ced/wp-content/uploads/2026/09/pildora-4-RRLL-1024x427.webp 1024w, https://ishm.ar/ced/wp-content/uploads/2026/09/pildora-4-RRLL-768x320.webp 768w, https://ishm.ar/ced/wp-content/uploads/2026/09/pildora-4-RRLL-1536x640.webp 1536w, https://ishm.ar/ced/wp-content/uploads/2026/09/pildora-4-RRLL-18x8.webp 18w, https://ishm.ar/ced/wp-content/uploads/2026/09/pildora-4-RRLL-400x167.webp 400w, https://ishm.ar/ced/wp-content/uploads/2026/09/pildora-4-RRLL-1020x425.webp 1020w" sizes="(max-width: 1800px) 100vw, 1800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-07e5ff0 elementor-widget elementor-widget-html" data-id="07e5ff0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · PÍLDORAS DE APRENDIZAJE — Aula virtual
     Píldora 4 — Línea RRLL + IA
     Tema base: Capacitación y Desarrollo de RRHH
     Prefijo BEM: .pild
     4 paneles: Lectura / Actividad / Audio / Cierre · nav lateral + progreso
     Bloque HTML de Elementor (ancho completo). Sin doctype/head/body.

     PLACEHOLDERS PENDIENTES (marcados en el código, buscar "PENDIENTE"):
     - Imagen del hero (src + alt)
     - Link del curso/carrera para el CTA final
     - Número de WhatsApp para "Completar píldora"
     - Embed de Spotify (episodio de audio)
     - ID del shortcode de WP Code de la actividad (una vez subido el snippet aparte)
     ============================================================ -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Poppins:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">

<div class="pild-wrap">

  <!-- HERO: imagen + título destacado + subtítulo -->
  <header class="pild-hero">
    <div class="pild-hero__media">
      <!-- PENDIENTE: reemplazar por la imagen definitiva del hero -->
     
    </div>
    <div class="pild-hero__head">
      <p class="pild-hero__eyebrow">Píldora 4 · Línea RRLL + IA</p>
      <h1 class="pild-hero__title">La IA no te va a capacitar a vos, <span class="pild-hero__title-em">te va a decir a quién capacitar primero</span></h1>
      <p class="pild-hero__subtitle">Capacitación y Desarrollo de RRHH: quién decide hoy el acceso a la formación, qué dice la ley argentina al respecto, y qué mirada tenés que entrenar para no confiar a ciegas en el ranking de un sistema.</p>
    </div>
  </header>

<div class="pild" id="pild-rrll-ia-04-capacitacion-ranking" data-pild>

  <!-- NAV LATERAL -->
  <nav class="pild__nav">
    <div class="pild__nav-header">
      <p class="pild__nav-label">CED · Huellas Misioneras</p>
      <p class="pild__nav-title">Capacitación y Desarrollo de RRHH</p>
    </div>

    <ul class="pild__nav-list">
      <li>
        <button type="button" class="pild__nav-item pild__nav-item--active" data-pild-nav="0">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
          </span>
          <span class="pild__nav-text">Lectura</span>
          <span class="pild__nav-badge">01</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="1">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
          </span>
          <span class="pild__nav-text">Actividad</span>
          <span class="pild__nav-badge">02</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="2">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
          </span>
          <span class="pild__nav-text">Audio</span>
          <span class="pild__nav-badge">03</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="3">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
          <span class="pild__nav-text">Cierre</span>
          <span class="pild__nav-badge">04</span>
        </button>
      </li>
    </ul>

    <div class="pild__nav-footer">
      <p class="pild__progress-label">Tu progreso</p>
      <div class="pild__progress-bar"><div class="pild__progress-fill" data-pild-progress></div></div>
    </div>
  </nav>

  <!-- CONTENIDO -->
  <div class="pild__content">

    <!-- PANEL 1: LECTURA -->
    <div class="pild__panel pild__panel--active" data-pild-panel="0">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Lectura · Panel 1 de 4</p>
          <p class="pild__panel-title">La IA no te va a capacitar a vos, te va a decir a quién capacitar primero</p>
        </div>
      </div>

      <div class="pild__panel-body">
        <p>Hay una frase que se repite en casi todos los informes sobre IA y trabajo en Argentina, y que suena a alivio: "vas a estar bien si te capacitás". Es cierto, pero incompleta. Un informe de PwC de este año encontró que el 62% de los trabajadores argentinos cree que la inteligencia artificial puede reemplazar su empleo en el corto plazo, mientras que quienes ya se forman en estas herramientas reportan más seguridad laboral, mejor rendimiento y más motivación. Lo que esa estadística no dice es quién decide quién entra a esa segunda mitad de la frase. Porque cada vez más, esa decisión no la toma un jefe de Capacitación mirando una planilla. La toma un sistema.</p>

        <p><strong>Capacitación y Desarrollo de RRHH</strong> es el conjunto de acciones que una organización diseña para actualizar, ampliar o corregir las competencias de su personal, alineando el desarrollo individual con las necesidades presentes y futuras de la empresa. No es un beneficio aislado: es una inversión con presupuesto limitado, lo que obliga, tarde o temprano, a decidir quién la recibe primero.</p>

        <p><strong>De la intuición del jefe al ranking del sistema.</strong> Durante años, esa decisión de "quién primero" dependió en gran parte de la intuición de un jefe directo, de quién pedía la capacitación con más insistencia, o simplemente de quién estaba disponible cuando surgía un cupo. Hoy, cada vez más empresas usan analítica predictiva para automatizar esa priorización: sistemas que cruzan datos de desempeño, antigüedad, rotación histórica y brechas de habilidades detectadas, y devuelven un ranking de a quién conviene capacitar primero según el retorno esperado para la organización. El cambio no es menor: una intuición sesgada de un jefe afecta a un puesto, a un equipo, quizás a un sector. Un sistema de priorización sesgado afecta, con la misma lógica, a toda la organización al mismo tiempo — y lo hace con una apariencia de objetividad que un jefe nunca tuvo. Nadie cuestiona tan fácil un número que salió de un algoritmo como cuestionaría la corazonada de un supervisor.</p>

        <p><strong>El terreno normativo argentino: un derecho que no depende de ningún ranking.</strong> Acá hay algo que separa a esta píldora de las anteriores: existe un derecho legal individual a la capacitación que no depende de lo que decida ningún sistema de priorización.</p>

        <ul style="padding-left: 1.4em; display:flex; flex-direction:column; gap:8px;">
          <li><strong>Ley 24.576</strong> (incorporó el Capítulo VIII al Título II de la LCT): le da a cada trabajador el derecho a una cantidad de horas anuales, pagas, para realizar actividades de formación de su propio interés, fuera del lugar de trabajo — la cantidad exacta la fija el convenio colectivo aplicable. Es un derecho individual, no una asignación competitiva: un sistema que reparte el presupuesto según "retorno esperado para la empresa" no puede usarse para negarle a nadie este crédito horario.</li>
          <li><strong>Ley 22.317</strong> (Régimen de Crédito Fiscal): permite a las empresas descontar del impuesto a las ganancias gastos de capacitación, con topes que llegan hasta el 30% de la masa salarial anual en PyMEs y cooperativas. Es el incentivo económico detrás de la lógica de "priorizar": cada acción mal dirigida es, además de una oportunidad perdida, un beneficio fiscal desaprovechado.</li>
          <li><strong>Convenio 142 de la OIT</strong> sobre desarrollo de los recursos humanos: reconoce la formación profesional como parte del derecho a la educación y al trabajo, con un enfoque de acceso amplio, no solo para quienes ya muestran alto desempeño. Un sistema que concentra la capacitación en quienes ya rinden mejor puede, en los hechos, ir en contra de ese espíritu — aunque ninguna cláusula lo prohíba de forma explícita.</li>
        </ul>

        <p><strong>Alerta.</strong> El crédito horario de la Ley 24.576 es para capacitación "que el trabajador juzgue de su propio interés" — no tiene que coincidir con lo que el sistema de la empresa priorizó. Confundir "no fuiste priorizado por el algoritmo para esta capacitación específica de la empresa" con "no tenés derecho a capacitarte" es un error que puede terminar en un reclamo bien fundado.</p>

        <p><strong>Qué hace hoy un sistema de priorización de capacitación.</strong> Estos sistemas suelen combinar tres tipos de datos: el desempeño reciente de cada persona, las brechas de habilidades detectadas frente al puesto actual o uno futuro, y un cálculo de riesgo de rotación — qué tan probable es que esa persona deje la empresa en el corto plazo. Con eso arman un ranking y sugieren, a veces de forma automática, en quién invertir el presupuesto de formación disponible.</p>

        <p><strong>Para pensar.</strong> Fijate en el tercer dato: riesgo de rotación. Tiene una lógica empresarial comprensible —¿para qué invertir en capacitar a alguien que probablemente se va a ir?— pero encierra una paradoja incómoda: a veces, la persona con mayor riesgo de irse es, justamente, la que más necesita sentir que la empresa invierte en ella para quedarse. Un sistema que solo mide el riesgo hacia atrás puede terminar generando, hacia adelante, exactamente el resultado que quería evitar. El problema estructural es parecido al que ya vimos en selección de personal: si el sistema aprende de datos históricos que reflejan patrones previos de favoritismo, antigüedad en el puesto o simple disponibilidad de horario, no corrige esos patrones — los reproduce a mayor velocidad y con apariencia de neutralidad.</p>

        <p><strong>Primer caso: la licencia que el sistema leyó como desinterés.</strong> Una empresa de servicios de Posadas arma su ranking anual cruzando desempeño, brechas de habilidades y riesgo de rotación. Una empleada con buen desempeño histórico queda en el tercio inferior este año, después de haber estado siempre entre las primeras. Lo que el sistema no puede ver: estuvo seis meses con licencia por maternidad durante el período que usó para calcular sus indicadores. Registró una caída en su participación en proyectos y en la plataforma de formación interna, y esa caída pesó en el ranking como si fuera menor compromiso — no como lo que realmente fue, una licencia protegida por ley. Si el patrón se repite con cada persona que toma una licencia prolongada —maternidad, enfermedad, cuidado de familiares—, el sistema termina construyendo una desventaja acumulativa para quienes ejercen derechos que la ley protege expresamente, sin que exista ninguna instrucción explícita de "penalizar licencias" en ningún lado. Quien audita el proceso no acepta el ranking como un hecho neutral: revisa, para cada persona que bajó de posición, si hubo una licencia o ausencia justificada que el sistema no está en condiciones de contextualizar.</p>

        <p><strong>Segundo caso: el crédito horario que nadie sabía cómo darle curso.</strong> Un trabajador de una pyme industrial de Eldorado, con un convenio que fija 40 horas anuales de crédito horario, pide usarlas para un curso de idioma sin relación directa con su puesto. El área de Capacitación trabaja con un sistema que prioriza automáticamente según brechas de habilidades del puesto, y no tiene un procedimiento claro para un pedido que no figura en esa lista de prioridades: el pedido queda en un limbo administrativo, tratado como si compitiera por el mismo presupuesto que el sistema sí eligió. Pero el crédito horario de la Ley 24.576 no es un beneficio discrecional de la empresa: es un derecho del trabajador, remunerado, para la capacitación que él mismo elige. Tratarlo como si tuviera que competir con las prioridades de un sistema de optimización de presupuesto es aplicar mal la norma, aunque nadie lo haya decidido a propósito. Lo que destraba estos casos, sin necesidad de que escalen a un reclamo formal, es separar con claridad dos circuitos desde el diseño: el presupuesto discrecional, donde el sistema puede ayudar a decidir, y el crédito horario legal, que se gestiona aparte, sin depender de ningún ranking.</p>

        <p><strong>Por qué esta habilidad blinda tu empleabilidad.</strong> El dato de PwC con el que abrimos esta píldora tiene una segunda lectura, más útil que la primera: no alcanza con "capacitarte" en abstracto para estar más seguro frente a la IA. Hay que entender, además, cómo se reparte hoy el acceso a esa capacitación, y estar en condiciones de detectar cuándo ese reparto está dejando afuera a alguien por una razón que no tiene que ver con su desempeño real. Esa doble mirada —conocer el contenido técnico y conocer el mecanismo que decide quién accede a él— es la que distingue a quien gestiona bien un área de Capacitación y Desarrollo de quien simplemente administra un presupuesto y un sistema que decide por él.</p>
      </div>

      <div class="pild__panel-outro">Ya viste cómo se arma hoy un ranking de capacitación y qué dice la ley por fuera de él. En la actividad te toca encontrarle la falla a un ranking real.</div>

      <div class="pild__panel-footer">
        <span class="pild__step">Panel 1 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="1">Ir a la actividad →</button>
      </div>
    </div>

    <!-- PANEL 2: ACTIVIDAD -->
    <div class="pild__panel" data-pild-panel="1">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Actividad · Panel 2 de 4</p>
          <p class="pild__panel-title">Encontrá el punto ciego del ranking</p>
        </div>
      </div>

      <div class="pild__activity-wrap">
        <p class="pild__activity-intro">Te mostramos un fragmento simplificado de un ranking real de priorización de capacitación. Miralo con la misma lógica que usaste en la lectura, y elegí qué supuesto del sistema te parece más discutible.</p>

        <!-- ═══════════════════════════════════════════════════
             INSERTAR SHORTCODE DE WP CODE AQUÍ
             (ver pildora-04-actividad-quiz.html para el snippet
             que hay que subir aparte a WP Code)
             ═══════════════════════════════════════════════════ -->
        <!-- ============================================================
     CED · ACTIVIDAD DE ENGANCHE — Píldora 4 (Capacitación y Desarrollo)
     Componente: .pild__quiz — requiere pild-quiz-v1.4.css cargado
     en el snippet acumulativo de WP Code.
     Este bloque se sube como snippet APARTE en WP Code, y se
     inserta en la píldora principal vía [wpcode id="..."].

     CONTENIDO: 1 sola pregunta de comprensión, tomada directo del
     caso "encontrá el punto ciego del ranking" del apunte fuente
     (tiene respuesta correcta explícita en el material).

     PENDIENTE DE DEFINIR CON DANI: las preguntas 2 a 4 del patrón
     doble-capa (sub-interés / motivación-buyer persona / autoeficacia
     con tags para Kommo) no vienen en el material fuente de esta
     píldora — no se inventaron. Si se quiere el perfilado completo
     como en otras píldoras de la serie, agregar esas 3 preguntas
     antes de subir este snippet a producción.
     ============================================================ -->

<div class="pild__quiz" data-pild-quiz data-quiz-id="pild-rrll-ia-04-capacitacion-ranking">

  <div class="pild__quiz-progress" data-quiz-progress>
    <span class="pild__quiz-dot" data-quiz-dot="0"></span>
  </div>

  <div class="pild__quiz-stage" data-quiz-stage></div>

  <div class="pild__quiz-done" data-quiz-done hidden>
    <div class="pild__quiz-done-icon">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
    </div>
    <p class="pild__quiz-done-title" data-quiz-done-title></p>
    <p class="pild__quiz-done-text" data-quiz-done-text></p>
  </div>

</div>

<script>
(function () {
  "use strict";

  var QUESTIONS = [
    {
      id: "q1",
      prompt: "Empleado A: 12 años de antigüedad, desempeño alto y estable, riesgo de rotación bajo → 1° en el ranking. Empleado B: 3 años de antigüedad, desempeño alto y en ascenso, riesgo de rotación alto → 8° y último. El sistema prioriza según “retorno esperado de la inversión”: a mayor riesgo de que la persona se vaya, menor prioridad recibe. Más allá de si el dato de “riesgo alto” del Empleado B está bien calculado, ¿cuál es el supuesto más discutible de esta lógica de priorización?",
      options: [
        {
          id: "a",
          text: "Que el sistema haya calculado mal el riesgo de rotación del Empleado B",
          tag: "incorrecta",
          reflection: "No es ahí donde está el problema. El ejercicio no pide dudar de si el dato de “riesgo alto” es preciso, sino de la lógica que ese dato dispara una vez que se usa para decidir."
        },
        {
          id: "b",
          text: "Que invertir menos en quien tiene mayor riesgo de irse sea, siempre, la decisión correcta",
          tag: "correcta",
          reflection: "Esa es la falla real. El Empleado B tiene alto desempeño, está en ascenso y solo tres años de antigüedad — un perfil que en muchas organizaciones se va precisamente cuando siente que no está creciendo. Negarle la capacitación por su riesgo de rotación puede ser la causa, no la consecuencia, de que efectivamente se termine yendo. El sistema optimiza para minimizar una pérdida de corto plazo sin poder evaluar si esa misma decisión aumenta la probabilidad de la pérdida que dice estar evitando."
        },
        {
          id: "c",
          text: "Que la antigüedad no debería ser parte del cálculo del ranking",
          tag: "incorrecta",
          reflection: "La antigüedad es un dato más del ranking, pero no es lo que genera el punto ciego en este caso. El problema aparece en cómo se usa el riesgo de rotación para decidir, no en si la antigüedad debería estar o no en la fórmula."
        }
      ]
    }
  ];

  var CHECK_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4.5 4.5L19 7"/></svg>';

  function initQuiz(root) {
    var stage = root.querySelector("[data-quiz-stage]");
    var progressBar = root.querySelector("[data-quiz-progress]");
    var doneBox = root.querySelector("[data-quiz-done]");
    var doneTitle = root.querySelector("[data-quiz-done-title]");
    var doneText = root.querySelector("[data-quiz-done-text]");
    var dots = root.querySelectorAll("[data-quiz-dot]");
    var quizId = root.getAttribute("data-quiz-id") || "pild-quiz";
    var answers = {};

    function renderQuestion(index) {
      var q = QUESTIONS[index];
      stage.innerHTML = "";

      var qEl = document.createElement("p");
      qEl.className = "pild__quiz-question";
      qEl.textContent = q.prompt;
      stage.appendChild(qEl);

      var list = document.createElement("ul");
      list.className = "pild__quiz-options";
      stage.appendChild(list);

      q.options.forEach(function (opt) {
        var li = document.createElement("li");

        /* div role="button" en lugar de <button>: evita que estilos
           globales de WordPress (temas FSE) rompan el contraste con
           !important sobre el elemento button. */
        var btn = document.createElement("div");
        btn.className = "pild__quiz-option";
        btn.setAttribute("data-quiz-option", opt.id);
        btn.setAttribute("role", "button");
        btn.setAttribute("tabindex", "0");

        var marker = document.createElement("span");
        marker.className = "pild__quiz-option-marker";
        marker.innerHTML = CHECK_SVG;

        var txt = document.createElement("span");
        txt.textContent = opt.text;

        btn.appendChild(marker);
        btn.appendChild(txt);
        li.appendChild(btn);
        list.appendChild(li);

        function selectOption() {
          if (btn.getAttribute("data-locked") === "1") return;

          list.querySelectorAll("[data-quiz-option]").forEach(function (b) {
            b.setAttribute("data-locked", "1");
          });
          btn.classList.add("pild__quiz-option--selected");
          answers[q.id] = { option: opt.id, tag: opt.tag };

          showReflection(opt, index);
        }

        btn.addEventListener("click", selectOption);
        btn.addEventListener("keydown", function (e) {
          if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
            e.preventDefault();
            selectOption();
          }
        });
      });

      updateDots(index);
    }

    function showReflection(opt, index) {
      if (!opt.reflection) { advance(index); return; }

      var box = document.createElement("div");
      box.className = "pild__quiz-reflection";
      var p = document.createElement("p");
      p.textContent = opt.reflection;
      box.appendChild(p);
      stage.appendChild(box);

      var cont = document.createElement("div");
      cont.className = "pild__quiz-continue";
      cont.setAttribute("role", "button");
      cont.setAttribute("tabindex", "0");
      cont.textContent = (index + 1 < QUESTIONS.length) ? "Siguiente pregunta" : "Ver resultado";
      stage.appendChild(cont);

      function goNext() { advance(index); }
      cont.addEventListener("click", goNext);
      cont.addEventListener("keydown", function (e) {
        if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
          e.preventDefault();
          goNext();
        }
      });
    }

    function updateDots(index) {
      dots.forEach(function (dot) {
        var i = parseInt(dot.getAttribute("data-quiz-dot"), 10);
        dot.classList.toggle("pild__quiz-dot--active", i === index);
        dot.classList.toggle("pild__quiz-dot--done", i < index);
      });
    }

    function scrollQuizTop() {
      var top = root.getBoundingClientRect().top + window.pageYOffset - 24;
      var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
      window.scrollTo({ top: top, behavior: reduce ? "auto" : "smooth" });
    }

    function advance(index) {
      if (index + 1 < QUESTIONS.length) {
        renderQuestion(index + 1);
      } else {
        finish();
      }
      scrollQuizTop();
    }

    function finish() {
      stage.hidden = true;
      progressBar.hidden = true;
      doneBox.hidden = false;

      doneTitle.textContent = "Actividad completada";
      doneText.textContent = "Esa capacidad de cuestionar el supuesto detrás de la lógica de un sistema, no solo el dato que usa, es exactamente la habilidad que separa a quien gestiona Capacitación y Desarrollo de quien solo confía en el resultado del ranking.";

      if (window.dataLayer) {
        window.dataLayer.push({
          event: "pildora_actividad_completada",
          quiz_id: quizId,
          q1_comprension: answers.q1 ? answers.q1.option : null,
          q1_resultado: answers.q1 ? answers.q1.tag : null
        });
      }
    }

    renderQuestion(0);
  }

  document.querySelectorAll("[data-pild-quiz]").forEach(initQuiz);
})();
</script>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="0">← Volver a la lectura</button>
        <span class="pild__step">Panel 2 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="2">Ir al audio →</button>
      </div>
    </div>

    <!-- PANEL 3: AUDIO -->
    <div class="pild__panel" data-pild-panel="2">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Audio · Panel 3 de 4</p>
          <p class="pild__panel-title">Escuchá el audible de esta píldora</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <!-- PENDIENTE: falta el embed de Spotify. Placeholder dejado tal cual hasta que lo pases. -->
       <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/episode/5SKAJVjsj0oKU5b3aWeTQc?utm_source=generator&si=418a1b13634848f8" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="1">← Volver a la actividad</button>
        <span class="pild__step">Panel 3 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="3">Ir al cierre →</button>
      </div>
    </div>

    <!-- PANEL 4: CIERRE -->
    <div class="pild__panel" data-pild-panel="3">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Cierre · Panel 4 de 4</p>
          <p class="pild__panel-title">Y ahora, tu experiencia</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <p class="pild__closing-text">El caso del ranking tiene una respuesta correcta. Esto que te preguntamos ahora, no — y por eso es lo que más nos interesa: ¿alguna vez sentiste que quedaste afuera de una capacitación o una oportunidad de desarrollo por una razón que no tenía que ver con tu desempeño real —una licencia, una pausa, un momento particular de tu vida—? ¿O te tocó, del otro lado, decidir a quién capacitar primero con un presupuesto limitado? No hay respuesta esperada ni "correcta": contanos lo que te pasó o lo que pensás, por WhatsApp o en los comentarios.</p>

        <a role="button" class="pild__cta" href="https://ishm.ar/ced/en/courses/introduccion-a-las-relaciones-laborales/" target="_blank" rel="noopener">
          <span class="pild__cta-text">
            <span class="pild__cta-label">Formate en RRLL</span>
            <span class="pild__cta-sub">Instituto Superior Huellas Misioneras</span>
          </span>
          <span class="pild__cta-btn">
            Ver curso
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
        </a>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="2">← Volver al audio</button>
        <span class="pild__step">Panel 4 de 4</span>
        <!-- PENDIENTE: reemplazar número de WhatsApp y confirmar mensaje precargado -->
        <a role="button" class="pild__btn pild__btn--done" data-pild-complete href="https://api.whatsapp.com/send/?phone=PENDIENTE-NUMERO&text=Hola%2C+termin%C3%A9+la+p%C3%ADldora+sobre+Capacitaci%C3%B3n+y+Desarrollo+de+RRHH+y+quiero+saber+m%C3%A1s" target="_blank" rel="noopener">Completar píldora</a>
      </div>
    </div>

  </div>
</div>

</div>
<script>
 (function () {
  "use strict";

  function initPild(pild) {
    var panels = pild.querySelectorAll("[data-pild-panel]");
    var navItems = pild.querySelectorAll("[data-pild-nav]");
    var progressFill = pild.querySelector("[data-pild-progress]");
    var total = panels.length;

    function goTo(index) {
      panels.forEach(function (p) {
        p.classList.toggle("pild__panel--active", p.getAttribute("data-pild-panel") === String(index));
      });
      navItems.forEach(function (n) {
        n.classList.toggle("pild__nav-item--active", n.getAttribute("data-pild-nav") === String(index));
      });
      if (progressFill) progressFill.style.width = (((index + 1) / total) * 100) + "%";
      scrollToTop();
      if (window.dataLayer) window.dataLayer.push({ event: "pildora_panel_view", panel: index });
    }

    function scrollToTop() {
      var top = pild.getBoundingClientRect().top + window.pageYOffset - 24;
      var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
      window.scrollTo({ top: top, behavior: reduce ? "auto" : "smooth" });
    }

    navItems.forEach(function (item) {
      item.addEventListener("click", function () { goTo(parseInt(item.getAttribute("data-pild-nav"), 10)); });
    });
    pild.querySelectorAll("[data-pild-goto]").forEach(function (btn) {
      btn.addEventListener("click", function () { goTo(parseInt(btn.getAttribute("data-pild-goto"), 10)); });
    });

    var completeBtn = pild.querySelector("[data-pild-complete]");
    if (completeBtn) {
      completeBtn.addEventListener("click", function () {
        if (progressFill) progressFill.style.width = "100%";
        if (window.dataLayer) window.dataLayer.push({ event: "pildora_completada" });
      });
    }
  }

  document.querySelectorAll("[data-pild]").forEach(initPild);
})();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-52446ab elementor-widget elementor-widget-html" data-id="52446ab" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · Huellas Misioneras — Navegación entre píldoras
     Componente aparte del .pild-wrap (va en la landing, no dentro
     del shortcode de cada píldora). Bloque HTML de Elementor.
     Autocontenido: trae su propio <style>, no depende de que el
     CSS acumulativo de las píldoras esté cargado en esa página.

     Uso: cambiar el href de cada <a> por el link real. Si una
     píldora es la primera o la última de la serie, borrar el <a>
     correspondiente (el layout se acomoda solo con uno o con dos).
     ============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Montserrat:wght@500;600&display=swap" rel="stylesheet">

<style>
  .pild-jump {
    --pj-navy: #223A70;
    --pj-navy-deep: #17274d;
    --pj-cyan: #33BFFF;
    --pj-ink: #1c2540;
    --pj-ink-soft: #4a5570;
    --pj-line: #dfe4f0;
    --pj-display: "Poppins", system-ui, sans-serif;
    --pj-body: "Montserrat", system-ui, sans-serif;

    display: flex;
    gap: 16px;
    max-width: 960px;
    margin: 32px auto;
    font-family: var(--pj-body);
  }

  .pild-jump__link {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid var(--pj-line);
    border-radius: 14px;
    text-decoration: none;
    color: var(--pj-ink);
    box-shadow: 0 12px 30px -18px rgba(23, 39, 77, .22);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }

  .pild-jump__link:hover,
  .pild-jump__link:focus-visible {
    transform: translateY(-2px);
    border-color: var(--pj-cyan);
    box-shadow: 0 16px 34px -16px rgba(23, 39, 77, .3);
  }

  .pild-jump__link:focus-visible { outline: 2px solid var(--pj-cyan); outline-offset: 2px; }

  .pild-jump__arrow {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--pj-navy);
    color: #fff;
  }
  .pild-jump__arrow svg { width: 18px; height: 18px; }

  .pild-jump__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

  .pild-jump__label {
    font-family: var(--pj-display);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--pj-cyan);
  }

  .pild-jump__title {
    font-family: var(--pj-display);
    font-size: .95rem;
    font-weight: 700;
    color: var(--pj-navy-deep);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Link "siguiente": flechas y contenido a la derecha */
  .pild-jump__link--next { flex-direction: row-reverse; text-align: right; }
  .pild-jump__link--next .pild-jump__text { align-items: flex-end; }

  @media (max-width: 640px) {
    .pild-jump { flex-direction: column; margin: 24px auto; }
    .pild-jump__link--next { flex-direction: row; text-align: left; }
    .pild-jump__link--next .pild-jump__text { align-items: flex-start; }
  }
</style>

<nav class="pild-jump" aria-label="Navegación entre píldoras">

  <a class="pild-jump__link pild-jump__link--prev" href="https://ishm.ar/ced/en/negociar-con-un-algoritmo-del-otro-lado-huellas-misioneras/">
    <span class="pild-jump__arrow" aria-hidden="true">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
    </span>
    <span class="pild-jump__text">
      <span class="pild-jump__label">Píldora anterior</span>
      <span class="pild-jump__title">Negociar con un algoritmo del otro lado</span>
    </span>
  </a>

  <a class="pild-jump__link pild-jump__link--next" href="https://ishm.ar/ced/en/sensores-en-el-trabajo-control-o-vigilancia/">
    <span class="pild-jump__arrow" aria-hidden="true">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
    </span>
    <span class="pild-jump__text">
      <span class="pild-jump__label">Siguiente píldora</span>
      <span class="pild-jump__title">Sensores en el Trabajo</span>
    </span>
  </a>

</nav>				</div>
				</div>
					</div>
				</div>
				</div><p>La entrada <a href="https://ishm.ar/ced/en/la-ia-y-la-capacitacion-de-rrhh-huellas-misioneras/">La IA y la capacitación de RRHH | Huellas Misioneras</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Selección con IA: currículums y sesgo algorítmico &#124; ISHM</title>
		<link>https://ishm.ar/ced/en/seleccion-con-ia/</link>
		
		<dc:creator><![CDATA[Huellas Misioneras]]></dc:creator>
		<pubDate>Fri, 04 Sep 2026 13:49:20 +0000</pubDate>
				<category><![CDATA[Píldora de Aprendizaje]]></category>
		<category><![CDATA[Relaciones Laborales]]></category>
		<guid ispermalink="false">https://ishm.ar/ced/?p=57894</guid>

					<description><![CDATA[<p>Línea RRLL + IA · Píldora 2 El currículum que te filtra un algoritmo antes de que vos lo veas Cada vez más empresas usan IA para leer currículums. El problema no es que existan esos sistemas — es que &#8230;</p>
<p>La entrada <a href="https://ishm.ar/ced/en/seleccion-con-ia/">Selección con IA: currículums y sesgo algorítmico | ISHM</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="57894" class="elementor elementor-57894">
				<div class="elementor-element elementor-element-35d15e8a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="35d15e8a" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-3af5152a elementor-widget elementor-widget-text-editor" data-id="3af5152a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									
<div class="schema-faq wp-block-yoast-faq-block"></div>
								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-78a42c4 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="78a42c4" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-79284c4 elementor-widget elementor-widget-image" data-id="79284c4" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1800" height="750" src="https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-2-RRLL.webp" class="attachment-full size-full wp-image-57909" alt="Píldora 2 RRLL" srcset="https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-2-RRLL.webp 1800w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-2-RRLL-300x125.webp 300w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-2-RRLL-1024x427.webp 1024w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-2-RRLL-768x320.webp 768w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-2-RRLL-1536x640.webp 1536w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-2-RRLL-18x8.webp 18w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-2-RRLL-400x167.webp 400w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-2-RRLL-1020x425.webp 1020w" sizes="(max-width: 1800px) 100vw, 1800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-99c6f4e elementor-widget elementor-widget-shortcode" data-id="99c6f4e" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode"><style class="wpcode-css-snippet">/* =============================================================
   PILD · Píldoras de Aprendizaje — Aula Virtual CED
   Scope: .pild · BEM · Vanilla CSS
   Tipografía: JetBrains Mono (metadata) · Poppins (jerarquía)
   · Montserrat (lectura) — branding CED: Navy + Cyan
   Grid: base 8px · 40px de aire entre cajas/ítems de grid
   ============================================================= */

.pild {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;

  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;

  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;

  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;
  --pild-nav-w: 260px;

  box-sizing: border-box;
  font-family: var(--pild-body);
  color: var(--pild-ink);
  display: flex;
  min-height: 640px;
  border: 1px solid var(--pild-line);
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  background: var(--pild-card);
}
.pild :where(*) { box-sizing: border-box; }
.pild :where(p, h1, h2, h3, ul, ol) { margin: 0; }
.pild :where(a) { color: var(--pild-cyan-deep); }
.pild :where(a):hover { text-decoration: underline; }
.pild code { font-family: var(--pild-mono); }

/* ---------- WRAP + HERO ---------------------------------------------- */
.pild-wrap {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;
  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;
  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;

  max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--s5);
}
.pild-wrap :where(*) { box-sizing: border-box; }
.pild-wrap :where(p, h1) { margin: 0; }

.pild-wrap .pild-hero {
  font-family: var(--pild-body);
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild-wrap .pild-hero__media {
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  line-height: 0;
}
.pild-wrap .pild-hero__img { display: block; width: 100%; height: auto; }

.pild-wrap .pild-hero__head { position: relative; padding-left: var(--s3); }
.pild-wrap .pild-hero__head::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--pild-cyan), var(--pild-navy));
}
.pild-wrap .pild-hero__eyebrow {
  font-family: var(--pild-mono);
  font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--pild-cyan-deep);
  margin-bottom: var(--s2) !important;
}
.pild-wrap .pild-hero__title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: clamp(1.9rem, 4.2vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--pild-navy);
  text-wrap: balance;
}
.pild-wrap .pild-hero__title-em {
  color: var(--pild-cyan-deep);
  background: linear-gradient(180deg, transparent 62%, rgba(51,191,255,.22) 62%);
  padding: 0 .06em;
}
.pild-wrap .pild-hero__subtitle {
  font-family: var(--pild-display);
  font-weight: 500;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  line-height: 1.45;
  color: var(--pild-ink-soft);
  max-width: 40ch;
  margin-top: var(--s3) !important;
}

/* ---------- NAV LATERAL ---------------------------------------------- */
.pild__nav {
  width: var(--pild-nav-w);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: linear-gradient(165deg, var(--pild-navy) 0%, var(--pild-navy-deep) 100%);
  position: relative;
}
.pild__nav-header { padding: var(--s4) var(--s4) var(--s3); border-bottom: 1px solid rgba(255,255,255,.1); }
.pild__nav-label {
  font-family: var(--pild-mono);
  font-size: .66rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pild-cyan);
  margin-bottom: var(--s1);
}
.pild__nav-title { font-family: var(--pild-display); font-weight: 600; font-size: .92rem; line-height: 1.4; color: #fff; }

.pild__nav-list { list-style: none; padding: var(--s2) 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.pild__nav-item {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-weight: 500;
  font-size: .88rem;
  color: rgba(255,255,255,.65);
  border-left: 3px solid transparent;
  transition: background .15s ease, color .15s ease;
}
.pild__nav-item:hover { background: rgba(255,255,255,.08); color: #fff; }
.pild__nav-item--active { background: rgba(255,255,255,.12); color: #fff; border-left-color: var(--pild-cyan); }
.pild__nav-icon { flex-shrink: 0; width: 1.2rem; height: 1.2rem; display: grid; place-items: center; }
.pild__nav-icon svg { width: 100%; height: 100%; }
.pild__nav-text { line-height: 1.3; }
.pild__nav-badge {
  margin-left: auto;
  font-family: var(--pild-mono);
  font-size: .64rem;
  font-weight: 600;
  background: rgba(51,191,255,.18);
  color: var(--pild-cyan);
  padding: 2px 8px;
  border-radius: 999px;
}
.pild__nav-item--active .pild__nav-badge { background: var(--pild-cyan); color: var(--pild-navy-deep); }

.pild__nav-footer { padding: var(--s3) var(--s4) var(--s4); border-top: 1px solid rgba(255,255,255,.1); }
.pild__progress-label { font-family: var(--pild-mono); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: var(--s2); }
.pild__progress-bar { height: 6px; background: rgba(255,255,255,.15); border-radius: 999px; overflow: hidden; }
.pild__progress-fill { height: 100%; width: 33.33%; background: var(--pild-cyan); border-radius: 999px; transition: width .4s ease; }

/* ---------- CONTENIDO -------------------------------------------------- */
.pild__content { flex: 1; min-width: 0; overflow-y: auto; display: flex; flex-direction: column; background: var(--pild-card); }

.pild__panel { display: none; flex: 1; flex-direction: column; }
.pild__panel--active { display: flex; }

.pild__panel-header {
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s4) var(--s5);
  background: var(--pild-paper);
  border-bottom: 1px solid var(--pild-line);
}
.pild__panel-icon {
  flex-shrink: 0;
  width: 2.75rem; height: 2.75rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid; place-items: center;
}
.pild__panel-icon svg { width: 1.25rem; height: 1.25rem; }
.pild__panel-eyebrow { font-family: var(--pild-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--pild-cyan-deep); margin-bottom: 4px; }
.pild__panel-title { font-family: var(--pild-display); font-weight: 700; font-size: 1.08rem; color: var(--pild-navy); line-height: 1.35; }

/* ---------- LECTURA ----------------------------------------------------- */
.pild__panel-body { padding: var(--s5); flex: 1; font-size: .98rem; line-height: 1.75; color: var(--pild-ink); display: flex; flex-direction: column; gap: var(--s3); }

.pild__signals { list-style: none; padding: 0; margin: var(--s2) 0; display: flex; flex-direction: column; gap: var(--s3); }
.pild__signal {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: var(--s3);
  align-items: flex-start;
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  transition: transform .2s ease, box-shadow .2s ease;
}
.pild__signal::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: var(--pild-cyan); }
.pild__signal:nth-child(3n+2)::before { background: var(--pild-caramel); }
.pild__signal:nth-child(3n)::before { background: var(--pild-navy); }
.pild__signal:hover { transform: translateY(-2px); box-shadow: var(--pild-shadow-sm); }
.pild__signal-num { flex-shrink: 0; font-family: var(--pild-mono); font-weight: 700; font-size: 1.1rem; color: var(--pild-cyan-deep); min-width: 1.75rem; }
.pild__signal-title { font-family: var(--pild-display); font-weight: 700; font-size: .95rem; color: var(--pild-navy); margin-bottom: 4px; }
.pild__signal-text { font-size: .92rem; color: var(--pild-ink-soft); line-height: 1.65; }

.pild__panel-outro {
  margin: 0 var(--s5) var(--s5);
  background: rgba(51,191,255,.1);
  border: 1px solid rgba(51,191,255,.25);
  border-radius: 12px;
  padding: var(--s4);
  font-size: .92rem;
  color: var(--pild-navy);
  line-height: 1.6;
}

/* ---------- VIDEO -------------------------------------------------------- */
.pild__video-wrap { padding: var(--s5); display: flex; flex-direction: column; gap: var(--s4); flex: 1; }
.pild__video-frame { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 12px; overflow: hidden; box-shadow: var(--pild-shadow); }
.pild__video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
.pild__video-placeholder {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s2);
  background: linear-gradient(155deg, var(--pild-navy), var(--pild-navy-deep));
  color: rgba(255,255,255,.75);
  font-size: .9rem;
}
.pild__video-placeholder-icon { width: 3rem; height: 3rem; color: var(--pild-cyan); opacity: .8; }
.pild__video-placeholder-hint { font-size: .78rem; opacity: .65; }
.pild__video-note {
  font-size: .88rem;
  color: var(--pild-ink-soft);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  line-height: 1.6;
}

/* ---------- ACTIVIDAD ------------------------------------------------------ */
.pild__activity-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); }
.pild__activity-intro {
  font-size: .95rem; color: var(--pild-ink-soft); line-height: 1.65;
  background: var(--pild-paper); border: 1px solid var(--pild-line); border-radius: 12px; padding: var(--s4);
}
.pild__shortcode-slot {
  flex: 1; min-height: 18rem;
  border: 2px dashed rgba(34,58,112,.28);
  border-radius: 12px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: var(--s1);
  background: repeating-linear-gradient(135deg, rgba(34,58,112,.05) 0 12px, rgba(34,58,112,.02) 12px 24px);
  color: var(--pild-ink-soft);
  padding: var(--s5);
}
.pild__shortcode-label { font-family: var(--pild-display); font-weight: 700; color: var(--pild-navy); }
.pild__shortcode-hint { font-size: .82rem; opacity: .75; }
.pild__shortcode-code { margin-top: var(--s2); font-size: .78rem; background: #fff; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--pild-line); }

/* ---------- CIERRE / CTA --------------------------------------------------- */
.pild__closing-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); justify-content: center; }
.pild__spotify { max-width: 480px; }
.pild__closing-text { font-size: 1rem; line-height: 1.7; color: var(--pild-ink); max-width: 56ch; }
.pild__closing-text strong { color: var(--pild-navy); }
.pild__cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s4);
  text-decoration: none;
  cursor: pointer;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-navy-deep));
  color: #fff;
  border-radius: 14px;
  padding: var(--s4) var(--s4) var(--s4) var(--s5);
  box-shadow: var(--pild-shadow);
  max-width: 620px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.pild__cta:hover { transform: translateY(-3px); text-decoration: none; box-shadow: 0 34px 70px -26px rgba(21,150,216,.55); }
.pild__cta::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(51,191,255,.18), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__cta:hover::before { transform: translateX(130%); }
.pild__cta-text { display: flex; flex-direction: column; }
.pild__cta-label { font-family: var(--pild-display); font-weight: 700; font-size: 1.05rem; line-height: 1.3; }
.pild__cta-sub { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-cyan); margin-top: 6px; letter-spacing: .02em; }
.pild__cta-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pild-cyan);
  color: var(--pild-navy-deep);
  font-family: var(--pild-mono);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 12px 20px;
  border-radius: 999px;
  transition: transform .15s ease, background .15s ease;
}
.pild__cta-btn svg { width: 1.1rem; height: 1.1rem; transition: transform .2s ease; }
.pild__cta:hover .pild__cta-btn { background: #fff; }
.pild__cta:hover .pild__cta-btn svg { transform: translateX(3px); }

/* ---------- FOOTER / BOTONES ---------------------------------------------- */
.pild__panel-footer {
  padding: var(--s3) var(--s5);
  border-top: 1px solid var(--pild-line);
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
  background: var(--pild-card);
}
.pild__step { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-ink-soft); }
.pild__btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: var(--s2);
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.pild__btn:hover { transform: translateY(-2px); }
.pild__btn--primary { background: linear-gradient(120deg, var(--pild-cyan), var(--pild-cyan-deep)); color: var(--pild-navy-deep); box-shadow: var(--pild-shadow-sm); }
.pild__btn--primary::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__btn--primary:hover::before { transform: translateX(130%); }
.pild__btn--ghost { background: transparent; color: var(--pild-ink-soft); border: 1px solid var(--pild-line); }
.pild__btn--ghost:hover { background: var(--pild-paper); color: var(--pild-navy); }
.pild__btn--done { background: var(--pild-navy); color: #fff; }
.pild__btn--done:hover { background: var(--pild-navy-deep); }
.pild__btn--done[disabled] { cursor: default; transform: none; opacity: .85; }
.pild__btn--done[disabled]:hover { transform: none; }

/* ---------- RESPONSIVE ---------------------------------------------------- */
@media (max-width: 780px) {
  .pild { flex-direction: column; min-height: unset; }
  .pild__nav { width: 100%; }
  .pild__nav-list { flex-direction: row; overflow-x: auto; padding: 0; }
  .pild__nav-item { flex-direction: column; gap: 4px; padding: var(--s2) var(--s3); border-left: none; border-bottom: 3px solid transparent; white-space: nowrap; font-size: .78rem; }
  .pild__nav-item--active { border-bottom-color: var(--pild-cyan); border-left-color: transparent; }
  .pild__nav-badge, .pild__nav-footer { display: none; }
  .pild__panel-body, .pild__video-wrap, .pild__activity-wrap { padding: var(--s3); }
  .pild__panel-outro { margin: 0 var(--s3) var(--s3); }
  .pild__panel-header { padding: var(--s3); }
  .pild__panel-footer { padding: var(--s2) var(--s3); flex-wrap: wrap; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
/* El atributo hidden por sí solo no alcanza: al declarar display:flex
   arriba, el navegador ignora el display:none que hidden aplicaría por
   defecto. Sin esta regla, el bloque de "actividad completada" se ve
   desde el principio, antes de terminar la actividad. */
.pild__quiz-done[hidden] { display: none; }
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.5 — Componente ACTIVIDAD: pregunta de texto libre
   BEM: .pild__quiz-textarea / .pild__quiz-submit
   Agregar al FINAL del snippet CSS acumulativo de WP Code, después
   del bloque v1.4. 100% aditivo — no reemplaza nada de v1.0–v1.4.
   Necesario porque, hasta v1.4, .pild__quiz solo soportaba preguntas
   de opción múltiple. La Píldora 2 (RRLL + IA — Selección de
   Personal) necesita capturar una respuesta abierta como parte de
   la actividad, así que se agrega este tipo de pregunta nuevo.
   ============================================================= */

.pild__quiz-textarea {
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.55;
  resize: vertical;
}

.pild__quiz-textarea::placeholder {
  color: var(--pild-ink-soft);
  opacity: .7;
}

.pild__quiz-textarea:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
  border-color: var(--pild-cyan) !important;
}

/* Botón de enviar respuesta libre: mismo lenguaje visual que
   .pild__quiz-continue, pero deshabilitado hasta que haya texto. */
.pild__quiz-submit {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease, opacity .15s ease;
}
.pild__quiz-submit::after { content: "→"; }
.pild__quiz-submit:hover { transform: translateY(-2px); }
.pild__quiz-submit:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}
.pild__quiz-submit[data-disabled="1"] {
  opacity: .45;
  cursor: default !important;
  pointer-events: none;
}

@media (max-width: 780px) {
  .pild__quiz-textarea { font-size: .88rem; }
}

/* ============================================================
   CED · SISTEMA .pild — CSS ADICIONAL v1.5
   Agregar al snippet acumulativo de WP Code (después de v1.4).
   No reemplaza nada de v1.0–v1.4 — es aditivo.

   Componente nuevo: .pild__reveal
   Un bloque de "pregunta con respuesta oculta" para actividades
   que NO llevan el .pild__quiz de doble capa (ej. cuando el
   perfilado se gestiona en otro sistema, como Moodle).
   No tiene lógica de dataLayer ni tags ocultos — es solo un
   toggle de mostrar/ocultar la respuesta.
   Hereda las variables de marca (--pild-navy, --pild-cyan, etc.)
   del .pild padre — no las redefine.
   ============================================================ */

.pild__reveal {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 14px;
  padding: var(--s4);
}

.pild__reveal-prompt {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--pild-ink);
}

.pild__reveal-prompt strong { color: var(--pild-navy); }

.pild__reveal-hint {
  font-family: var(--pild-mono);
  font-size: .8rem;
  font-style: italic;
  color: var(--pild-ink-soft);
}

/* Div en lugar de <button> a propósito — mismo motivo que en
   .pild__quiz-option: temas de WordPress con estilos globales
   FSE le imponen color/fondo a "button" con !important y rompen
   el contraste. */
.pild__reveal-toggle {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--pild-mono) !important;
  font-weight: 600 !important;
  font-size: .78rem !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff !important;
  background: var(--pild-navy) !important;
  border: none !important;
  padding: 10px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease;
}
.pild__reveal-toggle:hover {
  background: var(--pild-navy-deep) !important;
  transform: translateY(-2px);
}
.pild__reveal-toggle:focus-visible {
  outline: 2px solid var(--pild-cyan);
  outline-offset: 2px;
}

.pild__reveal-answer {
  border-top: 1px dashed var(--pild-line);
  padding-top: var(--s3);
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  font-size: .98rem;
  line-height: 1.7;
  color: var(--pild-ink);
}
.pild__reveal-answer strong { color: var(--pild-navy); }

/* Mismo bug que .pild__quiz-done: si el elemento tiene un
   "display" propio en CSS de autor, el atributo hidden no alcanza
   por sí solo para ocultarlo. Se refuerza acá. */
.pild__reveal-answer[hidden] { display: none; }</style></div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6bd0264 elementor-widget elementor-widget-html" data-id="6bd0264" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · PÍLDORA — Línea RRLL + IA · Píldora 2
     "El currículum que te filtra un algoritmo antes de que vos lo veas"
     Sistema .pild — 4 paneles con nav lateral
     Bloque HTML de Elementor (ancho completo). Sin doctype/head/body.
     Placeholders pendientes: HERO_IMG_URL, SPOTIFY_SRC, CTA_URL, WPCODE_ID, WHATSAPP phone
     ============================================================ -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Poppins:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">

<div class="pild-wrap">

  <!-- HERO -->
  <header class="pild-hero">
    <div class="pild-hero__media">
      
    </div>
    <div class="pild-hero__head">
      <p class="pild-hero__eyebrow">Línea RRLL + IA · Píldora 2</p>
      <h1 class="pild-hero__title">El currículum que te filtra <span class="pild-hero__title-em">un algoritmo antes de que vos lo veas</span></h1>
      <p class="pild-hero__subtitle">Cada vez más empresas usan IA para leer currículums. El problema no es que existan esos sistemas — es que muchas veces nadie audita lo que deciden.</p>
    </div>
  </header>

<div class="pild" id="pild-rrll-ia-02-curriculum-algoritmo" data-pild>

  <!-- NAV LATERAL -->
  <nav class="pild__nav">
    <div class="pild__nav-header">
      <p class="pild__nav-label">Línea RRLL + IA</p>
      <p class="pild__nav-title">Píldora 2 · Currículum y filtro algorítmico</p>
    </div>

    <ul class="pild__nav-list">
      <li>
        <button type="button" class="pild__nav-item pild__nav-item--active" data-pild-nav="0">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
          </span>
          <span class="pild__nav-text">Lectura</span>
          <span class="pild__nav-badge">01</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="1">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
          </span>
          <span class="pild__nav-text">Actividad</span>
          <span class="pild__nav-badge">02</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="2">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
          </span>
          <span class="pild__nav-text">Audio</span>
          <span class="pild__nav-badge">03</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="3">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
          <span class="pild__nav-text">Cierre</span>
          <span class="pild__nav-badge">04</span>
        </button>
      </li>
    </ul>

    <div class="pild__nav-footer">
      <p class="pild__progress-label">Tu progreso</p>
      <div class="pild__progress-bar"><div class="pild__progress-fill" data-pild-progress></div></div>
    </div>
  </nav>

  <!-- CONTENIDO -->
  <div class="pild__content">

    <!-- PANEL 1: LECTURA -->
    <div class="pild__panel pild__panel--active" data-pild-panel="0">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Lectura · Panel 1 de 4</p>
          <p class="pild__panel-title">De currículum en papel a puntaje automático</p>
        </div>
      </div>

      <div class="pild__panel-body">

        <p><strong>Cada vez más candidatos usan IA para armar su currículum, y cada vez más empresas usan IA para leerlo.</strong> Un estudio académico reciente encontró algo todavía más inquietante en ese cruce: los modelos de IA que evalúan currículums tienden a preferir los redactados por IA por sobre los escritos por una persona. No es una anécdota de laboratorio — es, literalmente, una máquina prefiriéndose a sí misma antes que evaluar a quien tiene enfrente. Si en la píldora anterior vimos que un algoritmo puede liquidarte mal el sueldo sin que nadie lo note, acá el problema es anterior: puede decidir que ni siquiera llegues a la entrevista.</p>

        <p><strong>De currículum en papel a puntaje automático.</strong> Durante la mayor parte de la historia de la selección de personal, el filtro inicial lo hacía una persona. Hoy, en el 46% de los procesos de selección en Argentina, ese primer filtro ya lo aplica un sistema.</p>

        <p><strong>Selección de Personal</strong> es el proceso mediante el cual una organización identifica, evalúa y elige entre distintos candidatos a quien mejor se ajusta a un puesto, combinando criterios técnicos con criterios de ajuste cultural y proyección a futuro. No es un trámite administrativo: es una decisión sobre el futuro de una persona y sobre el futuro de una organización, al mismo tiempo.</p>

        <p><strong>De organizar a puntuar.</strong> Los sistemas ATS (Applicant Tracking System) nacieron para centralizar postulaciones y ordenar currículums. La incorporación de IA les agregó una capa mucho más decisiva: hoy no solo ordenan, puntúan. Le asignan a cada currículum un score de compatibilidad antes de que ningún ojo humano lo haya leído completo. Un sistema de puntuación no es neutral: refleja las decisiones de quien lo diseñó, la calidad de los datos con los que fue entrenado y los criterios con los que se lo configuró. Si una organización contrató históricamente un tipo de perfil, el modelo puede aprender a preferir ese mismo perfil, y replicar así, de forma automática y a gran escala, un patrón que nadie decidió mantener a propósito.</p>

        <p><strong>El terreno normativo argentino: una zona más gris que la de nómina.</strong> A diferencia de la liquidación de sueldos, acá el marco legal todavía está construyéndose:</p>

        <table style="width:100%; border-collapse:collapse; font-size:.92rem;">
          <thead>
            <tr>
              <th style="text-align:left; padding:8px 10px; border-bottom:2px solid rgba(0,0,0,.15);">Norma</th>
              <th style="text-align:left; padding:8px 10px; border-bottom:2px solid rgba(0,0,0,.15);">Qué dice, en criollo</th>
              <th style="text-align:left; padding:8px 10px; border-bottom:2px solid rgba(0,0,0,.15);">Dónde está el límite hoy</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td style="padding:8px 10px; border-bottom:1px solid rgba(0,0,0,.08); vertical-align:top;">Ley 23.592 (1988)</td>
              <td style="padding:8px 10px; border-bottom:1px solid rgba(0,0,0,.08); vertical-align:top;">Obliga a cesar cualquier acto que restrinja arbitrariamente el ejercicio igualitario de un derecho, y a reparar el daño causado.</td>
              <td style="padding:8px 10px; border-bottom:1px solid rgba(0,0,0,.08); vertical-align:top;">Habla de "trabajadores". Aplicarla a un postulante requiere apoyarse además en la garantía constitucional de igualdad, el Convenio 111 de la OIT y la doctrina de la Corte Suprema.</td>
            </tr>
            <tr>
              <td style="padding:8px 10px; border-bottom:1px solid rgba(0,0,0,.08); vertical-align:top;">Ley 25.326 (2000)</td>
              <td style="padding:8px 10px; border-bottom:1px solid rgba(0,0,0,.08); vertical-align:top;">Un currículum es un dato personal. La norma prohíbe que una decisión que afecta a una persona se base exclusivamente en tratamiento automatizado.</td>
              <td style="padding:8px 10px; border-bottom:1px solid rgba(0,0,0,.08); vertical-align:top;">No define con precisión cómo deben auditarse esos sistemas. Hay proyectos de reforma en el Congreso, ninguno aprobado todavía.</td>
            </tr>
            <tr>
              <td style="padding:8px 10px; vertical-align:top;">Convenio 111 (OIT)</td>
              <td style="padding:8px 10px; vertical-align:top;">Compromiso internacional contra la discriminación en el empleo y la ocupación, ratificado por Argentina.</td>
              <td style="padding:8px 10px; vertical-align:top;">Es un piso de derechos, no una regulación técnica sobre cómo debe auditarse un algoritmo de selección.</td>
            </tr>
          </tbody>
        </table>

        <p><strong>Alerta:</strong> "el sistema lo decidió" no es una respuesta jurídicamente válida si un postulante reclama por discriminación. La ley argentina no exime de responsabilidad a quien delega una decisión discriminatoria en un algoritmo. Este concepto tiene nombre propio en la doctrina reciente: <strong>discriminación algorítmica sin intención</strong> — un sistema puede repartir oportunidades de forma desigual sin que exista una orden humana dirigida a excluir a nadie. No es una excusa para la empresa ni una acusación automática: es una categoría jurídica que exige prueba y análisis caso por caso.</p>

        <p><strong>Qué hace hoy la IA en un proceso de selección argentino.</strong> El uso de IA en selección alcanza al 46% de los especialistas de RRHH en Argentina, y trepa al 66% en las grandes empresas. Las aplicaciones más frecuentes son la redacción de ofertas de empleo, el filtrado y scoring de currículums, los chatbots de primera interacción y, en procesos más sofisticados, el análisis de video-entrevistas. El problema no está en que estas herramientas existan — está en el problema de la "caja negra": modelos que entregan un resultado sin ofrecer una explicación clara sobre cómo llegaron a esa conclusión. Cuando nadie en la organización puede explicar por qué el sistema descartó a un candidato, tampoco puede detectar si ese descarte respondió a un criterio legítimo o a un sesgo heredado de los datos de entrenamiento.</p>

        <p>A diferencia de la liquidación de sueldos, donde el error se puede reconstruir con una norma y una fórmula, en selección con IA muchas veces ni siquiera existe ese camino de vuelta: el modelo no explica sus razones de forma comprensible para un humano. Por eso acá la habilidad que importa no es solo "saber dónde buscar el error" — es exigir, desde el diseño del proceso, que el sistema sea auditable antes de ponerlo a decidir sobre personas.</p>

        <p><strong>Caso: la candidata que el sistema descartó por una palabra.</strong> Un ATS con scoring automático recibe 180 postulaciones para un puesto de analista contable semipleno y entrega un ranking: los primeros veinte pasan a revisión humana, el resto queda fuera sin que nadie lo lea. Entre los descartados hay una candidata con siete años de experiencia contable, que describió sus tareas como "gestión integral de la cuenta corriente y conciliaciones bancarias" en lugar del término exacto que buscaba el algoritmo. El sistema, entrenado para buscar coincidencias de palabras clave, le asignó un score bajo aunque sus tareas incluían, de hecho, ese trabajo bajo otro nombre. Cuando un sistema pondera fuertemente la coincidencia literal de palabras, castiga sistemáticamente a quienes describen su experiencia con un vocabulario distinto al esperado — y tiende a favorecer a quienes ya conocen el código del sistema. Revisar manualmente el grupo de currículums con score medio-bajo permitió recuperar a esta candidata, que finalmente fue contratada.</p>

        <p><strong>Caso: el aviso que el algoritmo hizo más angosto.</strong> Una empresa de tecnología redacta un aviso para un puesto de soporte técnico: "buscamos un ninja del soporte, con mentalidad rockstar y energía joven y dinámica". La plataforma usa IA para optimizar el alcance del aviso, mostrándoselo a los perfiles "más afines" según el historial de clics. El lenguaje ya trae un sesgo antes de que cualquier algoritmo entre en juego: términos como "energía joven" y "rockstar" suelen desalentar a postulantes de mayor edad o con estilos más formales, aunque tengan la experiencia necesaria. El sistema no corrige ese sesgo: lo aprende y lo amplifica, mostrando el aviso a quienes son estadísticamente parecidos a quienes ya reaccionaron a avisos con ese tono. Nadie tomó la decisión explícita de excluir a un grupo — fue el lenguaje, combinado con un sistema que optimiza por similitud, el que produjo ese efecto. La corrección más eficaz, en este caso, no ocurre al final del proceso: ocurre en la primera línea que se escribe.</p>

        <p><strong>Por qué esta habilidad blinda tu empleabilidad.</strong> Nadie te va a contratar por saber operar un ATS — eso lo espera cualquier empleador como piso mínimo. Lo que te distingue es poder mirar el proceso de selección con ojo crítico —¿este sistema está midiendo lo que dice medir, o está reproduciendo un patrón que nadie cuestionó?— y tener el marco normativo para sostener esa mirada, no solo la intuición. Un dato de PwC Argentina lo confirma desde otro ángulo: en los roles junior más expuestos a la IA, hoy se piden siete veces más las competencias que antes se asociaban a perfiles senior —liderazgo, toma de decisiones estratégicas, criterio propio—. El mercado ya está pidiendo, incluso en la entrada, la habilidad de auditar y no solo de ejecutar.</p>

      </div>

      <div class="pild__panel-outro">Ahora te toca a vos: te dejamos un aviso real y dos perfiles de candidatos. Mirálo con la lógica de quien audita el proceso, no de quien solo confía en el ranking.</div>

      <div class="pild__panel-footer">
        <span class="pild__step">Panel 1 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="1">Ir a la actividad →</button>
      </div>
    </div>

    <!-- PANEL 2: ACTIVIDAD -->
    <div class="pild__panel" data-pild-panel="1">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Actividad · Panel 2 de 4</p>
          <p class="pild__panel-title">Encontrá el sesgo</p>
        </div>
      </div>

      <div class="pild__activity-wrap">
        <p class="pild__activity-intro">Aviso: "Buscamos analista de RRHH junior, con perfil dinámico, disponibilidad full time y capacidad de adaptarse a un ritmo acelerado. Valoramos la energía y las ganas de crecer por sobre los años de experiencia."</p>
        <p class="pild__activity-intro"><strong>Candidato A:</strong> 24 años, seis meses de experiencia en un puesto administrativo, currículum breve, sin experiencia específica en RRHH. <strong>Candidato B:</strong> 52 años, quince años de experiencia en distintas áreas de RRHH, currículum extenso, buscando reinsertarse tras una etapa de cuidado familiar. El sistema le asigna al Candidato A un score de compatibilidad más alto.</p>

        <!-- ═══════════════════════════════════════════════════
             INSERTAR SHORTCODE DE WP CODE AQUÍ
             (ver pild-rrll-ia-02-quiz-actividad.html — snippet
             aparte a subir a WP Code cuando esté listo)
             ═══════════════════════════════════════════════════ -->
        <!-- ============================================================
     CED · ACTIVIDAD DE ENGANCHE — Línea RRLL + IA · Píldora 2
     "El currículum que te filtra un algoritmo antes de que vos lo veas"
     Componente: .pild__quiz — requiere pild-quiz-v1.4.css Y
     pild-css-v1.5-quiz-textarea.css cargados en el snippet
     acumulativo de WP Code (v1.5 es nuevo, agregar antes de publicar).
     Snippet APARTE: subir a WP Code y reemplazar [wpcode id="PENDIENTE"]
     en el HTML principal por el id real de este shortcode.

     Preguntas: todas tomadas literalmente del apunte fuente, a
     pedido explícito del usuario (no se inventó ninguna):
       Q1 — ejercicio "encontrá el sesgo" (Candidato A vs B), con
            respuesta correcta.
       Q2 — Pregunta 1 de la nota "formulario de 3 preguntas" del
            apunte (mapea a barrera_dominante), sin respuesta
            correcta objetiva → reflexión por opción.
       Q3 — Pregunta 2 de la misma nota (mapea a momento_vital),
            ídem.
       Q4 — Pregunta 3 de la misma nota (respuesta_abierta), texto
            libre → nuevo tipo de pregunta v1.5.

     OJO: la nota original en el apunte decía "implementar como
     actividad interactiva en Moodle" para Daniel. Acá se incorporó
     directamente en el .pild__quiz de esta píldora, a pedido del
     usuario. Si Daniel arma lo mismo en Moodle por separado, avisar
     para no duplicar la captura de este dato.

     El dataLayer de esta actividad extiende el esquema estándar con
     los campos que pide la hoja espejo del apunte: pildora_origen,
     barrera_dominante, momento_vital, respuesta_abierta.
     ============================================================ -->

<div class="pild__quiz" data-pild-quiz data-quiz-id="pild-rrll-ia-02-quiz">

  <div class="pild__quiz-progress" data-quiz-progress>
    <span class="pild__quiz-dot" data-quiz-dot="0"></span>
    <span class="pild__quiz-dot" data-quiz-dot="1"></span>
    <span class="pild__quiz-dot" data-quiz-dot="2"></span>
    <span class="pild__quiz-dot" data-quiz-dot="3"></span>
  </div>

  <div class="pild__quiz-stage" data-quiz-stage></div>

  <div class="pild__quiz-done" data-quiz-done hidden>
    <div class="pild__quiz-done-icon">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
    </div>
    <p class="pild__quiz-done-title" data-quiz-done-title></p>
    <p class="pild__quiz-done-text" data-quiz-done-text></p>
  </div>

</div>

<script>
(function () {
  "use strict";

  var QUESTIONS = [
    {
      id: "q1",
      type: "choice",
      prompt: "El sistema le da al Candidato A (24 años, sin experiencia en RRHH) un score más alto que al Candidato B (52 años, 15 años de experiencia en RRHH). ¿Por qué pasa esto?",
      options: [
        { id: "a", text: "Porque el Candidato A está más capacitado para el puesto", tag: "incorrecta",
          reflection: "No hay ningún dato en el aviso ni en los perfiles que respalde esto: el Candidato B tiene la experiencia específica en el área que se busca cubrir." },
        { id: "b", text: "Porque el sistema mide similitud con el patrón histórico de contratación de la empresa, no idoneidad real", tag: "correcta",
          reflection: "Exacto. El lenguaje del aviso (\"perfil dinámico\", \"energía\", \"por sobre los años de experiencia\") ya filtraba en esa dirección antes de que el algoritmo hiciera nada. El sistema evalúa parecido con el pasado, no competencia real." },
        { id: "c", text: "Porque el Candidato B no completó bien su currículum", tag: "incorrecta",
          reflection: "El caso no dice nada sobre la calidad del currículum del Candidato B — el problema está en qué mide el sistema, no en cómo está redactado." }
      ]
    },
    {
      id: "q2",
      type: "choice",
      prompt: "Pensando en la selección de personal y los filtros automáticos, ¿qué te pasa hoy con esto?",
      options: [
        { id: "a", text: "Estoy viendo si evaluar o elegir candidatos es lo mío", tag: "identidad",
          reflection: "Tiene sentido explorarlo: elegir personas es una de las decisiones con más impacto que existen dentro de una organización." },
        { id: "b", text: "Me preocupa quedar afuera del mercado si no entiendo cómo filtran hoy", tag: "empleabilidad",
          reflection: "Es una preocupación válida: cada vez más procesos de selección pasan primero por un sistema, y entender cómo filtra es parte de estar preparado." },
        { id: "c", text: "Me interesa, el tema es si puedo meterme a estudiar esto ahora", tag: "viabilidad",
          reflection: "Esa duda es normal — lo importante es que el interés ya está, y eso es lo que hace que valga la pena resolver el resto." },
        { id: "d", text: "Ya selecciono personal y quiero entender mejor los sesgos del sistema", tag: "en_ejercicio",
          reflection: "Ese es, justamente, el punto ciego que más cuesta ver desde adentro del proceso — y el que más vale la pena resolver." }
      ]
    },
    {
      id: "q3",
      type: "choice",
      prompt: "¿Cuál de estas te describe mejor en este momento?",
      options: [
        { id: "a", text: "Soy estudiante o recién egresado/a de otra carrera", tag: "estudiante",
          reflection: "Buen momento para incorporar esta mirada crítica desde el arranque de tu carrera." },
        { id: "b", text: "Estoy en otra área, evaluando un cambio", tag: "en_transicion",
          reflection: "Un cambio de área se apoya mejor cuando entendés primero cómo funciona el proceso al que te estás por sumar." },
        { id: "c", text: "Ya trabajo en RRHH o un área cercana", tag: "en_ejercicio",
          reflection: "Tu experiencia ya te da una base — el objetivo acá es sumarle el marco normativo y técnico para auditar, no solo ejecutar." },
        { id: "d", text: "Estoy volviendo después de un tiempo afuera", tag: "retorno",
          reflection: "El terreno cambió bastante en poco tiempo — esta línea de contenido está pensada, entre otras cosas, para ponerte al día rápido." }
      ]
    },
    {
      id: "q4",
      type: "text",
      prompt: "Contanos con tus palabras: ¿alguna vez un proceso de selección te hizo sentir que un sistema decidía sin conocerte de verdad? ¿Qué pasó?",
      placeholder: "Escribí acá tu respuesta...",
      reflection: "Gracias por compartirlo. Relatos como este son los que le dan forma real a lo que trabajamos en esta línea."
    }
  ];

  var CHECK_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4.5 4.5L19 7"/></svg>';

  function initQuiz(root) {
    var stage = root.querySelector("[data-quiz-stage]");
    var progressBar = root.querySelector("[data-quiz-progress]");
    var doneBox = root.querySelector("[data-quiz-done]");
    var doneTitle = root.querySelector("[data-quiz-done-title]");
    var doneText = root.querySelector("[data-quiz-done-text]");
    var dots = root.querySelectorAll("[data-quiz-dot]");
    var quizId = root.getAttribute("data-quiz-id") || "pild-quiz";
    var answers = {};

    function renderQuestion(index) {
      var q = QUESTIONS[index];
      stage.innerHTML = "";

      var qEl = document.createElement("p");
      qEl.className = "pild__quiz-question";
      qEl.textContent = q.prompt;
      stage.appendChild(qEl);

      if (q.type === "text") {
        renderTextQuestion(q, index);
      } else {
        renderChoiceQuestion(q, index);
      }

      updateDots(index);
    }

    function renderChoiceQuestion(q, index) {
      var list = document.createElement("ul");
      list.className = "pild__quiz-options";
      stage.appendChild(list);

      q.options.forEach(function (opt) {
        var li = document.createElement("li");

        /* <div role="button"> a propósito, no <button>: muchos temas de
           WordPress (estilos globales FSE) le imponen color/fondo a
           "button" con !important, rompiendo el contraste. */
        var btn = document.createElement("div");
        btn.className = "pild__quiz-option";
        btn.setAttribute("data-quiz-option", opt.id);
        btn.setAttribute("role", "button");
        btn.setAttribute("tabindex", "0");

        var marker = document.createElement("span");
        marker.className = "pild__quiz-option-marker";
        marker.innerHTML = CHECK_SVG;

        var txt = document.createElement("span");
        txt.textContent = opt.text;

        btn.appendChild(marker);
        btn.appendChild(txt);
        li.appendChild(btn);
        list.appendChild(li);

        function selectOption() {
          if (btn.getAttribute("data-locked") === "1") return;

          list.querySelectorAll("[data-quiz-option]").forEach(function (b) {
            b.setAttribute("data-locked", "1");
          });
          btn.classList.add("pild__quiz-option--selected");
          answers[q.id] = { option: opt.id, tag: opt.tag };

          showReflection(opt.reflection, index);
        }

        btn.addEventListener("click", selectOption);
        btn.addEventListener("keydown", function (e) {
          if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
            e.preventDefault();
            selectOption();
          }
        });
      });
    }

    /* Tipo de pregunta nuevo (v1.5): texto libre. Usa
       .pild__quiz-textarea / .pild__quiz-submit — ver
       pild-css-v1.5-quiz-textarea.css */
    function renderTextQuestion(q, index) {
      var textarea = document.createElement("textarea");
      textarea.className = "pild__quiz-textarea";
      textarea.setAttribute("placeholder", q.placeholder || "Escribí tu respuesta...");
      stage.appendChild(textarea);

      var submit = document.createElement("div");
      submit.className = "pild__quiz-submit";
      submit.setAttribute("role", "button");
      submit.setAttribute("tabindex", "0");
      submit.setAttribute("data-disabled", "1");
      submit.textContent = "Enviar respuesta";
      stage.appendChild(submit);

      textarea.addEventListener("input", function () {
        var hasText = textarea.value.trim().length > 0;
        submit.setAttribute("data-disabled", hasText ? "0" : "1");
      });

      function submitAnswer() {
        if (submit.getAttribute("data-disabled") === "1") return;
        textarea.setAttribute("disabled", "true");
        submit.setAttribute("data-disabled", "1");
        answers[q.id] = { text: textarea.value.trim() };
        showReflection(q.reflection, index);
      }

      submit.addEventListener("click", submitAnswer);
      submit.addEventListener("keydown", function (e) {
        if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
          e.preventDefault();
          submitAnswer();
        }
      });
    }

    function showReflection(reflectionText, index) {
      if (!reflectionText) { advance(index); return; }

      var box = document.createElement("div");
      box.className = "pild__quiz-reflection";
      var p = document.createElement("p");
      p.textContent = reflectionText;
      box.appendChild(p);
      stage.appendChild(box);

      var cont = document.createElement("div");
      cont.className = "pild__quiz-continue";
      cont.setAttribute("role", "button");
      cont.setAttribute("tabindex", "0");
      cont.textContent = (index + 1 < QUESTIONS.length) ? "Siguiente pregunta" : "Ver resultado";
      stage.appendChild(cont);

      function goNext() { advance(index); }
      cont.addEventListener("click", goNext);
      cont.addEventListener("keydown", function (e) {
        if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
          e.preventDefault();
          goNext();
        }
      });
    }

    function updateDots(index) {
      dots.forEach(function (dot) {
        var i = parseInt(dot.getAttribute("data-quiz-dot"), 10);
        dot.classList.toggle("pild__quiz-dot--active", i === index);
        dot.classList.toggle("pild__quiz-dot--done", i < index);
      });
    }

    function advance(index) {
      if (index + 1 < QUESTIONS.length) {
        renderQuestion(index + 1);
      } else {
        finish();
      }
      /* La reflexión puede estirar el contenedor del quiz hacia abajo;
         al pasar de pregunta, volver al inicio del propio .pild__quiz
         (no de la página) para que la siguiente pregunta arranque
         siempre visible. */
      scrollQuizToTop();
    }

    function scrollQuizToTop() {
      var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
      root.scrollIntoView({ block: "nearest", behavior: reduce ? "auto" : "smooth" });
    }

    function finish() {
      stage.hidden = true;
      progressBar.hidden = true;
      doneBox.hidden = false;

      doneTitle.textContent = "Actividad completada";
      doneText.textContent = "Gracias por completar la actividad. Auditar un proceso de selección empieza por poder ver lo que el sistema no marca — y por escuchar, como recién, lo que realmente le pasa a la gente de este lado del proceso.";

      if (window.dataLayer) {
        window.dataLayer.push({
          event: "pildora_actividad_completada",
          quiz_id: quizId,
          pildora_origen: "pildora_02_curriculum_algoritmo",
          q1_comprension: answers.q1 ? answers.q1.option : null,
          q1_resultado: answers.q1 ? answers.q1.tag : null,
          barrera_dominante: answers.q2 ? answers.q2.tag : null,
          momento_vital: answers.q3 ? answers.q3.tag : null,
          respuesta_abierta: answers.q4 ? answers.q4.text : null
        });
      }
    }

    renderQuestion(0);
  }

  document.querySelectorAll("[data-pild-quiz]").forEach(initQuiz);
})();
</script>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="0">← Volver a la lectura</button>
        <span class="pild__step">Panel 2 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="2">Ir al audio →</button>
      </div>
    </div>

    <!-- PANEL 3: AUDIO -->
    <div class="pild__panel" data-pild-panel="2">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Audio · Panel 3 de 4</p>
          <p class="pild__panel-title">Escuchá el audible de esta píldora</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <!-- Todavía no hay episodio: placeholder marcado, avisar antes de publicar -->
        <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/episode/3XIA6vmrc7bJx1YedeaZWz?utm_source=generator&si=6f7e1b1d61c941f9" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="1">← Volver a la actividad</button>
        <span class="pild__step">Panel 3 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="3">Ir al cierre →</button>
      </div>
    </div>

    <!-- PANEL 4: CIERRE -->
    <div class="pild__panel" data-pild-panel="3">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Cierre · Panel 4 de 4</p>
          <p class="pild__panel-title">Y ahora, tu experiencia</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <p class="pild__closing-text">¿Alguna vez sentiste que un proceso de selección te descartó por algo que no tenía que ver con tu capacidad real para el puesto —una palabra que no usaste, una edad, una forma de contar tu experiencia—? ¿O participaste de un proceso donde viste de cerca cómo un filtro automático dejaba afuera a alguien que claramente estaba capacitado? Ya nos contaste tu respuesta en la actividad — si querés sumar algo más, escribinos por WhatsApp.</p>

        <a role="button" class="pild__cta" href="https://ishm.ar/ced/en/courses/introduccion-a-las-relaciones-laborales/" target="_blank" rel="noopener">
          <span class="pild__cta-text">
            <span class="pild__cta-label">Formación en RRLL + IA</span>
            <span class="pild__cta-sub">Instituto Superior Huellas Misioneras</span>
          </span>
          <span class="pild__cta-btn">
            Ver curso
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
        </a>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="2">← Volver al audio</button>
        <span class="pild__step">Panel 4 de 4</span>
        <a role="button" class="pild__btn pild__btn--done" data-pild-complete href="https://api.whatsapp.com/send/?phone=PENDIENTE-NUMERO&text=Hola%21%20Quiero%20contarles%20mi%20experiencia%20con%20un%20proceso%20de%20selecci%C3%B3n%20y%20saber%20m%C3%A1s%20sobre%20la%20formaci%C3%B3n%20en%20RRLL%20%2B%20IA%20de%20Huellas%20Misioneras." target="_blank" rel="noopener">Completar píldora</a>
      </div>
    </div>

  </div>
</div>

</div>
<script>
 (function () {
  "use strict";

  function initPild(pild) {
    var panels = pild.querySelectorAll("[data-pild-panel]");
    var navItems = pild.querySelectorAll("[data-pild-nav]");
    var progressFill = pild.querySelector("[data-pild-progress]");
    var total = panels.length;

    function goTo(index) {
      panels.forEach(function (p) {
        p.classList.toggle("pild__panel--active", p.getAttribute("data-pild-panel") === String(index));
      });
      navItems.forEach(function (n) {
        n.classList.toggle("pild__nav-item--active", n.getAttribute("data-pild-nav") === String(index));
      });
      if (progressFill) progressFill.style.width = (((index + 1) / total) * 100) + "%";
      scrollToTop();
      if (window.dataLayer) window.dataLayer.push({ event: "pildora_panel_view", panel: index });
    }

    function scrollToTop() {
      var top = pild.getBoundingClientRect().top + window.pageYOffset - 24;
      var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
      window.scrollTo({ top: top, behavior: reduce ? "auto" : "smooth" });
    }

    navItems.forEach(function (item) {
      item.addEventListener("click", function () { goTo(parseInt(item.getAttribute("data-pild-nav"), 10)); });
    });
    pild.querySelectorAll("[data-pild-goto]").forEach(function (btn) {
      btn.addEventListener("click", function () { goTo(parseInt(btn.getAttribute("data-pild-goto"), 10)); });
    });

    var completeBtn = pild.querySelector("[data-pild-complete]");
    if (completeBtn) {
      completeBtn.addEventListener("click", function () {
        if (progressFill) progressFill.style.width = "100%";
        if (window.dataLayer) window.dataLayer.push({ event: "pildora_completada" });
      });
    }
  }

  document.querySelectorAll("[data-pild]").forEach(initPild);
})();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-d921099 elementor-widget elementor-widget-html" data-id="d921099" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · Huellas Misioneras — Navegación entre píldoras
     Componente aparte del .pild-wrap (va en la landing, no dentro
     del shortcode de cada píldora). Bloque HTML de Elementor.
     Autocontenido: trae su propio <style>, no depende de que el
     CSS acumulativo de las píldoras esté cargado en esa página.

     Uso: cambiar el href de cada <a> por el link real. Si una
     píldora es la primera o la última de la serie, borrar el <a>
     correspondiente (el layout se acomoda solo con uno o con dos).
     ============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Montserrat:wght@500;600&display=swap" rel="stylesheet">

<style>
  .pild-jump {
    --pj-navy: #223A70;
    --pj-navy-deep: #17274d;
    --pj-cyan: #33BFFF;
    --pj-ink: #1c2540;
    --pj-ink-soft: #4a5570;
    --pj-line: #dfe4f0;
    --pj-display: "Poppins", system-ui, sans-serif;
    --pj-body: "Montserrat", system-ui, sans-serif;

    display: flex;
    gap: 16px;
    max-width: 960px;
    margin: 32px auto;
    font-family: var(--pj-body);
  }

  .pild-jump__link {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid var(--pj-line);
    border-radius: 14px;
    text-decoration: none;
    color: var(--pj-ink);
    box-shadow: 0 12px 30px -18px rgba(23, 39, 77, .22);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }

  .pild-jump__link:hover,
  .pild-jump__link:focus-visible {
    transform: translateY(-2px);
    border-color: var(--pj-cyan);
    box-shadow: 0 16px 34px -16px rgba(23, 39, 77, .3);
  }

  .pild-jump__link:focus-visible { outline: 2px solid var(--pj-cyan); outline-offset: 2px; }

  .pild-jump__arrow {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--pj-navy);
    color: #fff;
  }
  .pild-jump__arrow svg { width: 18px; height: 18px; }

  .pild-jump__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

  .pild-jump__label {
    font-family: var(--pj-display);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--pj-cyan);
  }

  .pild-jump__title {
    font-family: var(--pj-display);
    font-size: .95rem;
    font-weight: 700;
    color: var(--pj-navy-deep);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Link "siguiente": flechas y contenido a la derecha */
  .pild-jump__link--next { flex-direction: row-reverse; text-align: right; }
  .pild-jump__link--next .pild-jump__text { align-items: flex-end; }

  @media (max-width: 640px) {
    .pild-jump { flex-direction: column; margin: 24px auto; }
    .pild-jump__link--next { flex-direction: row; text-align: left; }
    .pild-jump__link--next .pild-jump__text { align-items: flex-start; }
  }
</style>

<nav class="pild-jump" aria-label="Navegación entre píldoras">

  <a class="pild-jump__link pild-jump__link--prev" href="https://ishm.ar/ced/en/la-ia-ya-liquida-sueldos-auditarlos-no/">
    <span class="pild-jump__arrow" aria-hidden="true">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
    </span>
    <span class="pild-jump__text">
      <span class="pild-jump__label">Píldora anterior</span>
      <span class="pild-jump__title">La IA ya liquida sueldos. Auditarlos, no</span>
    </span>
  </a>

  <a class="pild-jump__link pild-jump__link--next" href="https://ishm.ar/ced/en/negociar-con-un-algoritmo-del-otro-lado-huellas-misioneras/">
    <span class="pild-jump__arrow" aria-hidden="true">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
    </span>
    <span class="pild-jump__text">
      <span class="pild-jump__label">Siguiente píldora</span>
      <span class="pild-jump__title">Negociar con un algoritmo del otro lado</span>
    </span>
  </a>

</nav>				</div>
				</div>
					</div>
				</div>
				</div><p>La entrada <a href="https://ishm.ar/ced/en/seleccion-con-ia/">Selección con IA: currículums y sesgo algorítmico | ISHM</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>La IA ya liquida sueldos. Auditarlos, no</title>
		<link>https://ishm.ar/ced/en/la-ia-ya-liquida-sueldos-auditarlos-no/</link>
		
		<dc:creator><![CDATA[Huellas Misioneras]]></dc:creator>
		<pubDate>Fri, 04 Sep 2026 12:38:34 +0000</pubDate>
				<category><![CDATA[Píldora de Aprendizaje]]></category>
		<category><![CDATA[Relaciones Laborales]]></category>
		<guid ispermalink="false">https://ishm.ar/ced/?p=57879</guid>

					<description><![CDATA[<p>Píldora de aprendizaje · Serie RRLL + IA Liquidar sueldos ya no alcanza. Auditar la liquidación, sí. La IA ya calcula los sueldos en segundos. Lo que todavía depende de vos es saber si ese cálculo está bien. Píldora · &#8230;</p>
<p>La entrada <a href="https://ishm.ar/ced/en/la-ia-ya-liquida-sueldos-auditarlos-no/">La IA ya liquida sueldos. Auditarlos, no</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="57879" class="elementor elementor-57879">
				<div class="elementor-element elementor-element-6f294a8 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="6f294a8" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-83f9bd3 elementor-widget elementor-widget-image" data-id="83f9bd3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1942" height="809" src="https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-1-Relaciones-laborales.png" class="attachment-full size-full wp-image-57888" alt="Pildora 1 Relaciones laborales" srcset="https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-1-Relaciones-laborales.png 1942w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-1-Relaciones-laborales-300x125.png 300w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-1-Relaciones-laborales-1024x427.png 1024w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-1-Relaciones-laborales-768x320.png 768w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-1-Relaciones-laborales-1536x640.png 1536w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-1-Relaciones-laborales-18x7.png 18w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-1-Relaciones-laborales-400x167.png 400w, https://ishm.ar/ced/wp-content/uploads/2026/09/Pildora-1-Relaciones-laborales-1020x425.png 1020w" sizes="(max-width: 1942px) 100vw, 1942px" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-52b72ef e-con e-atomic-element e-flexbox-base e-default-div e-b92e6ee" data-id="52b72ef" data-element_type="e-flexbox" data-e-type="e-flexbox" data-interaction-id="52b72ef">
    		<div class="elementor-element elementor-element-c7dc376 elementor-widget elementor-widget-shortcode" data-id="c7dc376" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode"><style class="wpcode-css-snippet">/* =============================================================
   PILD · Píldoras de Aprendizaje — Aula Virtual CED
   Scope: .pild · BEM · Vanilla CSS
   Tipografía: JetBrains Mono (metadata) · Poppins (jerarquía)
   · Montserrat (lectura) — branding CED: Navy + Cyan
   Grid: base 8px · 40px de aire entre cajas/ítems de grid
   ============================================================= */

.pild {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;

  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;

  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;

  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;
  --pild-nav-w: 260px;

  box-sizing: border-box;
  font-family: var(--pild-body);
  color: var(--pild-ink);
  display: flex;
  min-height: 640px;
  border: 1px solid var(--pild-line);
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  background: var(--pild-card);
}
.pild :where(*) { box-sizing: border-box; }
.pild :where(p, h1, h2, h3, ul, ol) { margin: 0; }
.pild :where(a) { color: var(--pild-cyan-deep); }
.pild :where(a):hover { text-decoration: underline; }
.pild code { font-family: var(--pild-mono); }

/* ---------- WRAP + HERO ---------------------------------------------- */
.pild-wrap {
  --pild-navy: #223A70;
  --pild-navy-deep: #17274d;
  --pild-cyan: #33BFFF;
  --pild-cyan-deep: #1596d8;
  --pild-caramel: #e0a44f;
  --pild-ink: #1c2540;
  --pild-ink-soft: #4a5570;
  --pild-paper: #f5f7fb;
  --pild-card: #ffffff;
  --pild-line: #dfe4f0;
  --pild-mono: "JetBrains Mono", ui-monospace, monospace;
  --pild-display: "Poppins", system-ui, sans-serif;
  --pild-body: "Montserrat", system-ui, sans-serif;
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 64px;
  --pild-shadow: 0 30px 70px -30px rgba(23, 39, 77, .35);
  --pild-shadow-sm: 0 12px 30px -14px rgba(23, 39, 77, .22);
  --pild-radius: 16px;

  max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--s5);
}
.pild-wrap :where(*) { box-sizing: border-box; }
.pild-wrap :where(p, h1) { margin: 0; }

.pild-wrap .pild-hero {
  font-family: var(--pild-body);
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild-wrap .pild-hero__media {
  border-radius: var(--pild-radius);
  overflow: hidden;
  box-shadow: var(--pild-shadow);
  line-height: 0;
}
.pild-wrap .pild-hero__img { display: block; width: 100%; height: auto; }

.pild-wrap .pild-hero__head { position: relative; padding-left: var(--s3); }
.pild-wrap .pild-hero__head::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--pild-cyan), var(--pild-navy));
}
.pild-wrap .pild-hero__eyebrow {
  font-family: var(--pild-mono);
  font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--pild-cyan-deep);
  margin-bottom: var(--s2) !important;
}
.pild-wrap .pild-hero__title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: clamp(1.9rem, 4.2vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--pild-navy);
  text-wrap: balance;
}
.pild-wrap .pild-hero__title-em {
  color: var(--pild-cyan-deep);
  background: linear-gradient(180deg, transparent 62%, rgba(51,191,255,.22) 62%);
  padding: 0 .06em;
}
.pild-wrap .pild-hero__subtitle {
  font-family: var(--pild-display);
  font-weight: 500;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  line-height: 1.45;
  color: var(--pild-ink-soft);
  max-width: 40ch;
  margin-top: var(--s3) !important;
}

/* ---------- NAV LATERAL ---------------------------------------------- */
.pild__nav {
  width: var(--pild-nav-w);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: linear-gradient(165deg, var(--pild-navy) 0%, var(--pild-navy-deep) 100%);
  position: relative;
}
.pild__nav-header { padding: var(--s4) var(--s4) var(--s3); border-bottom: 1px solid rgba(255,255,255,.1); }
.pild__nav-label {
  font-family: var(--pild-mono);
  font-size: .66rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pild-cyan);
  margin-bottom: var(--s1);
}
.pild__nav-title { font-family: var(--pild-display); font-weight: 600; font-size: .92rem; line-height: 1.4; color: #fff; }

.pild__nav-list { list-style: none; padding: var(--s2) 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.pild__nav-item {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-weight: 500;
  font-size: .88rem;
  color: rgba(255,255,255,.65);
  border-left: 3px solid transparent;
  transition: background .15s ease, color .15s ease;
}
.pild__nav-item:hover { background: rgba(255,255,255,.08); color: #fff; }
.pild__nav-item--active { background: rgba(255,255,255,.12); color: #fff; border-left-color: var(--pild-cyan); }
.pild__nav-icon { flex-shrink: 0; width: 1.2rem; height: 1.2rem; display: grid; place-items: center; }
.pild__nav-icon svg { width: 100%; height: 100%; }
.pild__nav-text { line-height: 1.3; }
.pild__nav-badge {
  margin-left: auto;
  font-family: var(--pild-mono);
  font-size: .64rem;
  font-weight: 600;
  background: rgba(51,191,255,.18);
  color: var(--pild-cyan);
  padding: 2px 8px;
  border-radius: 999px;
}
.pild__nav-item--active .pild__nav-badge { background: var(--pild-cyan); color: var(--pild-navy-deep); }

.pild__nav-footer { padding: var(--s3) var(--s4) var(--s4); border-top: 1px solid rgba(255,255,255,.1); }
.pild__progress-label { font-family: var(--pild-mono); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: var(--s2); }
.pild__progress-bar { height: 6px; background: rgba(255,255,255,.15); border-radius: 999px; overflow: hidden; }
.pild__progress-fill { height: 100%; width: 33.33%; background: var(--pild-cyan); border-radius: 999px; transition: width .4s ease; }

/* ---------- CONTENIDO -------------------------------------------------- */
.pild__content { flex: 1; min-width: 0; overflow-y: auto; display: flex; flex-direction: column; background: var(--pild-card); }

.pild__panel { display: none; flex: 1; flex-direction: column; }
.pild__panel--active { display: flex; }

.pild__panel-header {
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s4) var(--s5);
  background: var(--pild-paper);
  border-bottom: 1px solid var(--pild-line);
}
.pild__panel-icon {
  flex-shrink: 0;
  width: 2.75rem; height: 2.75rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid; place-items: center;
}
.pild__panel-icon svg { width: 1.25rem; height: 1.25rem; }
.pild__panel-eyebrow { font-family: var(--pild-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--pild-cyan-deep); margin-bottom: 4px; }
.pild__panel-title { font-family: var(--pild-display); font-weight: 700; font-size: 1.08rem; color: var(--pild-navy); line-height: 1.35; }

/* ---------- LECTURA ----------------------------------------------------- */
.pild__panel-body { padding: var(--s5); flex: 1; font-size: .98rem; line-height: 1.75; color: var(--pild-ink); display: flex; flex-direction: column; gap: var(--s3); }

.pild__signals { list-style: none; padding: 0; margin: var(--s2) 0; display: flex; flex-direction: column; gap: var(--s3); }
.pild__signal {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: var(--s3);
  align-items: flex-start;
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  transition: transform .2s ease, box-shadow .2s ease;
}
.pild__signal::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: var(--pild-cyan); }
.pild__signal:nth-child(3n+2)::before { background: var(--pild-caramel); }
.pild__signal:nth-child(3n)::before { background: var(--pild-navy); }
.pild__signal:hover { transform: translateY(-2px); box-shadow: var(--pild-shadow-sm); }
.pild__signal-num { flex-shrink: 0; font-family: var(--pild-mono); font-weight: 700; font-size: 1.1rem; color: var(--pild-cyan-deep); min-width: 1.75rem; }
.pild__signal-title { font-family: var(--pild-display); font-weight: 700; font-size: .95rem; color: var(--pild-navy); margin-bottom: 4px; }
.pild__signal-text { font-size: .92rem; color: var(--pild-ink-soft); line-height: 1.65; }

.pild__panel-outro {
  margin: 0 var(--s5) var(--s5);
  background: rgba(51,191,255,.1);
  border: 1px solid rgba(51,191,255,.25);
  border-radius: 12px;
  padding: var(--s4);
  font-size: .92rem;
  color: var(--pild-navy);
  line-height: 1.6;
}

/* ---------- VIDEO -------------------------------------------------------- */
.pild__video-wrap { padding: var(--s5); display: flex; flex-direction: column; gap: var(--s4); flex: 1; }
.pild__video-frame { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 12px; overflow: hidden; box-shadow: var(--pild-shadow); }
.pild__video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
.pild__video-placeholder {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s2);
  background: linear-gradient(155deg, var(--pild-navy), var(--pild-navy-deep));
  color: rgba(255,255,255,.75);
  font-size: .9rem;
}
.pild__video-placeholder-icon { width: 3rem; height: 3rem; color: var(--pild-cyan); opacity: .8; }
.pild__video-placeholder-hint { font-size: .78rem; opacity: .65; }
.pild__video-note {
  font-size: .88rem;
  color: var(--pild-ink-soft);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  line-height: 1.6;
}

/* ---------- ACTIVIDAD ------------------------------------------------------ */
.pild__activity-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); }
.pild__activity-intro {
  font-size: .95rem; color: var(--pild-ink-soft); line-height: 1.65;
  background: var(--pild-paper); border: 1px solid var(--pild-line); border-radius: 12px; padding: var(--s4);
}
.pild__shortcode-slot {
  flex: 1; min-height: 18rem;
  border: 2px dashed rgba(34,58,112,.28);
  border-radius: 12px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: var(--s1);
  background: repeating-linear-gradient(135deg, rgba(34,58,112,.05) 0 12px, rgba(34,58,112,.02) 12px 24px);
  color: var(--pild-ink-soft);
  padding: var(--s5);
}
.pild__shortcode-label { font-family: var(--pild-display); font-weight: 700; color: var(--pild-navy); }
.pild__shortcode-hint { font-size: .82rem; opacity: .75; }
.pild__shortcode-code { margin-top: var(--s2); font-size: .78rem; background: #fff; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--pild-line); }

/* ---------- CIERRE / CTA --------------------------------------------------- */
.pild__closing-wrap { padding: var(--s5); flex: 1; display: flex; flex-direction: column; gap: var(--s4); justify-content: center; }
.pild__spotify { max-width: 480px; }
.pild__closing-text { font-size: 1rem; line-height: 1.7; color: var(--pild-ink); max-width: 56ch; }
.pild__closing-text strong { color: var(--pild-navy); }
.pild__cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s4);
  text-decoration: none;
  cursor: pointer;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-navy-deep));
  color: #fff;
  border-radius: 14px;
  padding: var(--s4) var(--s4) var(--s4) var(--s5);
  box-shadow: var(--pild-shadow);
  max-width: 620px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.pild__cta:hover { transform: translateY(-3px); text-decoration: none; box-shadow: 0 34px 70px -26px rgba(21,150,216,.55); }
.pild__cta::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(51,191,255,.18), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__cta:hover::before { transform: translateX(130%); }
.pild__cta-text { display: flex; flex-direction: column; }
.pild__cta-label { font-family: var(--pild-display); font-weight: 700; font-size: 1.05rem; line-height: 1.3; }
.pild__cta-sub { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-cyan); margin-top: 6px; letter-spacing: .02em; }
.pild__cta-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pild-cyan);
  color: var(--pild-navy-deep);
  font-family: var(--pild-mono);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 12px 20px;
  border-radius: 999px;
  transition: transform .15s ease, background .15s ease;
}
.pild__cta-btn svg { width: 1.1rem; height: 1.1rem; transition: transform .2s ease; }
.pild__cta:hover .pild__cta-btn { background: #fff; }
.pild__cta:hover .pild__cta-btn svg { transform: translateX(3px); }

/* ---------- FOOTER / BOTONES ---------------------------------------------- */
.pild__panel-footer {
  padding: var(--s3) var(--s5);
  border-top: 1px solid var(--pild-line);
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
  background: var(--pild-card);
}
.pild__step { font-family: var(--pild-mono); font-size: .74rem; color: var(--pild-ink-soft); }
.pild__btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: var(--s2);
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.pild__btn:hover { transform: translateY(-2px); }
.pild__btn--primary { background: linear-gradient(120deg, var(--pild-cyan), var(--pild-cyan-deep)); color: var(--pild-navy-deep); box-shadow: var(--pild-shadow-sm); }
.pild__btn--primary::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.pild__btn--primary:hover::before { transform: translateX(130%); }
.pild__btn--ghost { background: transparent; color: var(--pild-ink-soft); border: 1px solid var(--pild-line); }
.pild__btn--ghost:hover { background: var(--pild-paper); color: var(--pild-navy); }
.pild__btn--done { background: var(--pild-navy); color: #fff; }
.pild__btn--done:hover { background: var(--pild-navy-deep); }
.pild__btn--done[disabled] { cursor: default; transform: none; opacity: .85; }
.pild__btn--done[disabled]:hover { transform: none; }

/* ---------- RESPONSIVE ---------------------------------------------------- */
@media (max-width: 780px) {
  .pild { flex-direction: column; min-height: unset; }
  .pild__nav { width: 100%; }
  .pild__nav-list { flex-direction: row; overflow-x: auto; padding: 0; }
  .pild__nav-item { flex-direction: column; gap: 4px; padding: var(--s2) var(--s3); border-left: none; border-bottom: 3px solid transparent; white-space: nowrap; font-size: .78rem; }
  .pild__nav-item--active { border-bottom-color: var(--pild-cyan); border-left-color: transparent; }
  .pild__nav-badge, .pild__nav-footer { display: none; }
  .pild__panel-body, .pild__video-wrap, .pild__activity-wrap { padding: var(--s3); }
  .pild__panel-outro { margin: 0 var(--s3) var(--s3); }
  .pild__panel-header { padding: var(--s3); }
  .pild__panel-footer { padding: var(--s2) var(--s3); flex-wrap: wrap; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.4 — Componente ACTIVIDAD DE ENGANCHE (cuestionario)
   BEM: .pild__quiz · Reutilizable entre píldoras
   Agregar al FINAL del snippet CSS acumulativo de WP Code (no
   reemplaza nada de v1.0–v1.3, es 100% aditivo).
   Depende de las custom properties ya definidas en .pild
   (--pild-navy, --pild-cyan, --s1..s7, --pild-display, etc.)
   ============================================================= */

.pild__quiz {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}

/* ---------- progreso (puntos, no barra) --------------------- */
.pild__quiz-progress {
  display: flex;
  gap: var(--s2);
  justify-content: center;
}
.pild__quiz-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pild-line);
  transition: background .2s ease, transform .2s ease;
}
.pild__quiz-dot--active { background: var(--pild-cyan); transform: scale(1.25); }
.pild__quiz-dot--done { background: var(--pild-navy); }

/* ---------- pregunta activa ---------------------------------- */
.pild__quiz-stage {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pild__quiz-question {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--pild-navy);
}

/* ---------- opciones ------------------------------------------ */
.pild__quiz-options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
/* Es un <div role="button">, no un <button>, a propósito: así queda
   fuera del alcance de los estilos globales de botón que muchos temas
   de WordPress aplican con !important (causa típica de texto y fondo
   del mismo color). Aun así, reforzamos color/fondo/borde con
   !important como defensa extra ante selectores muy genéricos del tema
   (ej. reglas sobre "div" dentro de contenedores de Elementor/bloques). */
.pild__quiz-option {
  box-sizing: border-box;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.5;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.pild__quiz-option:hover {
  border-color: var(--pild-cyan) !important;
  transform: translateY(-1px);
}
.pild__quiz-option:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
}
.pild__quiz-option--selected {
  border-color: var(--pild-cyan-deep) !important;
  background-color: rgba(51,191,255,.1) !important;
  color: var(--pild-ink) !important;
}
.pild__quiz-option[data-locked="1"]:not(.pild__quiz-option--selected) {
  opacity: .55;
  cursor: default !important;
  transform: none;
}

/* ---------- reflexión breve tras elegir una opción -------------- */
.pild__quiz-reflection {
  background-color: var(--pild-paper) !important;
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  padding: var(--s3) var(--s4);
  font-family: var(--pild-body);
  font-size: .9rem;
  color: var(--pild-ink-soft) !important;
  line-height: 1.6;
}

.pild__quiz-continue {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease;
}
.pild__quiz-continue::after { content: "→"; }
.pild__quiz-continue:hover { transform: translateY(-2px); }
.pild__quiz-continue:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}

.pild__quiz-option-marker {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 2px solid var(--pild-line);
  display: grid;
  place-items: center;
  transition: border-color .15s ease, background .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker {
  border-color: var(--pild-cyan-deep);
  background: var(--pild-cyan-deep);
}
.pild__quiz-option-marker svg {
  width: .8rem;
  height: .8rem;
  color: #fff;
  opacity: 0;
  transition: opacity .15s ease;
}
.pild__quiz-option--selected .pild__quiz-option-marker svg { opacity: 1; }

/* ---------- pantalla final -------------------------------------- */
.pild__quiz-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s3);
  padding: var(--s5) var(--s3);
}
/* El atributo hidden por sí solo no alcanza: al declarar display:flex
   arriba, el navegador ignora el display:none que hidden aplicaría por
   defecto. Sin esta regla, el bloque de "actividad completada" se ve
   desde el principio, antes de terminar la actividad. */
.pild__quiz-done[hidden] { display: none; }
.pild__quiz-done-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pild-navy), var(--pild-cyan-deep));
  color: #fff;
  display: grid;
  place-items: center;
}
.pild__quiz-done-icon svg { width: 1.5rem; height: 1.5rem; }
.pild__quiz-done-title {
  font-family: var(--pild-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pild-navy);
}
.pild__quiz-done-text {
  font-size: .92rem;
  color: var(--pild-ink-soft);
  max-width: 46ch;
  line-height: 1.6;
}

/* ---------- responsive -------------------------------------------- */
@media (max-width: 780px) {
  .pild__quiz-option { padding: var(--s2) var(--s3); font-size: .88rem; }
}

/* =============================================================
   PILD · v1.5 — Componente ACTIVIDAD: pregunta de texto libre
   BEM: .pild__quiz-textarea / .pild__quiz-submit
   Agregar al FINAL del snippet CSS acumulativo de WP Code, después
   del bloque v1.4. 100% aditivo — no reemplaza nada de v1.0–v1.4.
   Necesario porque, hasta v1.4, .pild__quiz solo soportaba preguntas
   de opción múltiple. La Píldora 2 (RRLL + IA — Selección de
   Personal) necesita capturar una respuesta abierta como parte de
   la actividad, así que se agrega este tipo de pregunta nuevo.
   ============================================================= */

.pild__quiz-textarea {
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--pild-line) !important;
  border-radius: 12px;
  background-color: var(--pild-paper) !important;
  font-family: var(--pild-body);
  font-size: .92rem;
  color: var(--pild-ink) !important;
  line-height: 1.55;
  resize: vertical;
}

.pild__quiz-textarea::placeholder {
  color: var(--pild-ink-soft);
  opacity: .7;
}

.pild__quiz-textarea:focus-visible {
  outline: 2px solid var(--pild-cyan-deep) !important;
  outline-offset: 2px;
  border-color: var(--pild-cyan) !important;
}

/* Botón de enviar respuesta libre: mismo lenguaje visual que
   .pild__quiz-continue, pero deshabilitado hasta que haya texto. */
.pild__quiz-submit {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer !important;
  font-family: var(--pild-mono);
  font-weight: 500;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--pild-cyan) !important;
  color: var(--pild-navy-deep) !important;
  border: none !important;
  transition: transform .15s ease, background-color .15s ease, opacity .15s ease;
}
.pild__quiz-submit::after { content: "→"; }
.pild__quiz-submit:hover { transform: translateY(-2px); }
.pild__quiz-submit:focus-visible {
  outline: 2px solid var(--pild-navy) !important;
  outline-offset: 2px;
}
.pild__quiz-submit[data-disabled="1"] {
  opacity: .45;
  cursor: default !important;
  pointer-events: none;
}

@media (max-width: 780px) {
  .pild__quiz-textarea { font-size: .88rem; }
}

/* ============================================================
   CED · SISTEMA .pild — CSS ADICIONAL v1.5
   Agregar al snippet acumulativo de WP Code (después de v1.4).
   No reemplaza nada de v1.0–v1.4 — es aditivo.

   Componente nuevo: .pild__reveal
   Un bloque de "pregunta con respuesta oculta" para actividades
   que NO llevan el .pild__quiz de doble capa (ej. cuando el
   perfilado se gestiona en otro sistema, como Moodle).
   No tiene lógica de dataLayer ni tags ocultos — es solo un
   toggle de mostrar/ocultar la respuesta.
   Hereda las variables de marca (--pild-navy, --pild-cyan, etc.)
   del .pild padre — no las redefine.
   ============================================================ */

.pild__reveal {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
  background: var(--pild-paper);
  border: 1px solid var(--pild-line);
  border-radius: 14px;
  padding: var(--s4);
}

.pild__reveal-prompt {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--pild-ink);
}

.pild__reveal-prompt strong { color: var(--pild-navy); }

.pild__reveal-hint {
  font-family: var(--pild-mono);
  font-size: .8rem;
  font-style: italic;
  color: var(--pild-ink-soft);
}

/* Div en lugar de <button> a propósito — mismo motivo que en
   .pild__quiz-option: temas de WordPress con estilos globales
   FSE le imponen color/fondo a "button" con !important y rompen
   el contraste. */
.pild__reveal-toggle {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--pild-mono) !important;
  font-weight: 600 !important;
  font-size: .78rem !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff !important;
  background: var(--pild-navy) !important;
  border: none !important;
  padding: 10px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease;
}
.pild__reveal-toggle:hover {
  background: var(--pild-navy-deep) !important;
  transform: translateY(-2px);
}
.pild__reveal-toggle:focus-visible {
  outline: 2px solid var(--pild-cyan);
  outline-offset: 2px;
}

.pild__reveal-answer {
  border-top: 1px dashed var(--pild-line);
  padding-top: var(--s3);
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  font-size: .98rem;
  line-height: 1.7;
  color: var(--pild-ink);
}
.pild__reveal-answer strong { color: var(--pild-navy); }

/* Mismo bug que .pild__quiz-done: si el elemento tiene un
   "display" propio en CSS de autor, el atributo hidden no alcanza
   por sí solo para ocultarlo. Se refuerza acá. */
.pild__reveal-answer[hidden] { display: none; }</style></div>
						</div>
				</div>
				<div class="elementor-element elementor-element-f717353 elementor-widget elementor-widget-html" data-id="f717353" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · PÍLDORAS DE APRENDIZAJE — Aula virtual
     Prefijo BEM: .pild
     Píldora — Liquidar sueldos ya no alcanza. Auditar sí.
     Serie RRLL + IA
     4 paneles: Lectura / Actividad / Audio / Cierre · nav lateral + progreso
     Requiere pild-base.css + pild-css-v1.5-callouts-tabla.css cargados
     en el snippet acumulativo de WP Code.
     Bloque HTML de Elementor (ancho completo). Sin doctype/head/body.

     PENDIENTES marcados en el archivo:
     - Imagen del hero
     - Embed de Spotify
     - Link del curso/carrera al que apunta el CTA (Serie RRLL + IA)
     - Mensaje/número de WhatsApp del CTA final (a confirmar)
     ============================================================ -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Poppins:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">

<div class="pild-wrap">

  <header class="pild-hero">
    <div class="pild-hero__media">
      <!-- PENDIENTE: reemplazar por la imagen definitiva subida a WP -->
      
    </div>
    <div class="pild-hero__head">
      <p class="pild-hero__eyebrow">Píldora de aprendizaje · Serie RRLL + IA</p>
      <h1 class="pild-hero__title">Liquidar sueldos ya no alcanza. <span class="pild-hero__title-em">Auditar la liquidación, sí.</span></h1>
      <p class="pild-hero__subtitle">La IA ya calcula los sueldos en segundos. Lo que todavía depende de vos es saber si ese cálculo está bien.</p>
    </div>
  </header>

<div class="pild" id="pild-rrll-ia-liquidar-auditar" data-pild>

  <!-- NAV LATERAL -->
  <nav class="pild__nav">
    <div class="pild__nav-header">
      <p class="pild__nav-label">Píldora · RRLL + IA</p>
      <p class="pild__nav-title">Liquidar sueldos ya no alcanza. Auditar la liquidación, sí.</p>
    </div>

    <ul class="pild__nav-list">
      <li>
        <button type="button" class="pild__nav-item pild__nav-item--active" data-pild-nav="0">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
          </span>
          <span class="pild__nav-text">Lectura</span>
          <span class="pild__nav-badge">01</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="1">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
          </span>
          <span class="pild__nav-text">Actividad</span>
          <span class="pild__nav-badge">02</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="2">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
          </span>
          <span class="pild__nav-text">Audio</span>
          <span class="pild__nav-badge">03</span>
        </button>
      </li>
      <li>
        <button type="button" class="pild__nav-item" data-pild-nav="3">
          <span class="pild__nav-icon" aria-hidden="true">
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
          <span class="pild__nav-text">Cierre</span>
          <span class="pild__nav-badge">04</span>
        </button>
      </li>
    </ul>

    <div class="pild__nav-footer">
      <p class="pild__progress-label">Tu progreso</p>
      <div class="pild__progress-bar"><div class="pild__progress-fill" data-pild-progress></div></div>
    </div>
  </nav>

  <!-- CONTENIDO -->
  <div class="pild__content">

    <!-- PANEL 1: LECTURA -->
    <div class="pild__panel pild__panel--active" data-pild-panel="0">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5C4 4.7 4.7 4 5.5 4H11a1 1 0 0 1 1 1v15a1 1 0 0 0-1-1H5.5A1.5 1.5 0 0 1 4 17.5z"/><path d="M20 5.5c0-.8-.7-1.5-1.5-1.5H13a1 1 0 0 0-1 1v15a1 1 0 0 1 1-1h5.5a1.5 1.5 0 0 0 1.5-1.5z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Lectura · Panel 1 de 4</p>
          <p class="pild__panel-title">Liquidar sueldos ya no alcanza. Auditar la liquidación, sí.</p>
        </div>
      </div>

      <div class="pild__panel-body">
        <p>Si un algoritmo ya puede ser tu jefe —y en Argentina hay sentencia firme sobre eso—, también puede ser el que decide, en silencio, cuánto cobrás este mes. No con mala intención. Con un error que nadie audita porque se asume que el sistema no se equivoca.</p>
        <p>Ese es el primer terreno concreto donde la IA ya entró en Recursos Humanos, y probablemente el que menos ruido hace: la liquidación de sueldos.</p>

        <p><strong>De calcular a auditar.</strong> Durante décadas, liquidar sueldos fue sinónimo de calcular a mano: básico, más adicionales, menos descuentos, igual neto. Ese cálculo hoy lo hace un sistema en segundos. Lo que cambió no es la fórmula. Cambió el rol de la persona que está delante de la pantalla.</p>

        <div class="pild__callout pild__callout--definicion">
          <p class="pild__callout-label">Definición clave — Administración de las Remuneraciones</p>
          <p class="pild__callout-body">Es el proceso de diseñar, calcular y controlar la compensación económica del trabajador conforme a la normativa vigente, los convenios colectivos aplicables y la política salarial de la organización. No termina en el cálculo: incluye el control de que ese cálculo sea correcto y defendible ante una inspección o un reclamo.</p>
        </div>

        <p>Cuando el cálculo se automatiza, la tarea que queda —y la que un sistema todavía no puede hacer solo— es auditar: revisar si lo que el sistema calculó respeta la norma vigente, el convenio aplicable y la historia de ese trabajador en particular. Auditar exige entender por qué un número es correcto, no solo confiar en que lo es. Esa comprensión profunda de la normativa es, hoy, más valiosa que la velocidad de cálculo.</p>

        <p>La Administración de las Remuneraciones no nació con la computadora. Como disciplina dentro de la gestión de Recursos Humanos, se estructura sobre dos principios que siguen vigentes hoy, automatización mediante: la equidad interna —que dos puestos de responsabilidad comparable reciban una compensación comparable dentro de la misma organización— y la equidad externa —que esa compensación no se aleje demasiado de lo que paga el mercado o fija el convenio colectivo aplicable—. Cualquier sistema de liquidación, por sofisticado que sea, ejecuta reglas: no decide si esas reglas son equitativas ni si siguen vigentes. Esa evaluación sigue siendo un juicio humano, apoyado en normativa y en información de mercado, no una función que un algoritmo resuelva por sí solo.</p>

        <p>Además, la remuneración de un trabajador argentino nunca fue un número único. Se compone de conceptos remunerativos —los que integran la base de cálculo para aportes, contribuciones e indemnizaciones— y conceptos no remunerativos —los que, por definición legal o convencional, quedan fuera de esa base—. El artículo 103 de la Ley de Contrato de Trabajo (Ley 20.744) define la remuneración como la contraprestación que debe percibir el trabajador como consecuencia del contrato de trabajo, y es el resto del articulado, junto con el convenio colectivo de cada actividad, el que decide, concepto por concepto, dentro de qué categoría cae cada ítem del recibo.</p>

        <p>Vista así, la digitalización de la liquidación no cambió el fondo del problema, lo desplazó. En los años noventa y dos mil, liquidar mal significaba errar una fórmula en una planilla de cálculo. Con los sistemas integrados de gestión de la década siguiente, el riesgo se trasladó a la parametrización: si el sistema estaba mal configurado, replicaba el mismo error en todos los recibos del mes, en lugar de en uno solo. Con la inteligencia artificial de esta década, el riesgo cambia de naturaleza otra vez: el sistema puede tener la parametrización correcta y, aun así, no advertir que esa parametrización dejó de ser la que corresponde según la norma vigente, porque desde el punto de vista estadístico no hay ninguna anomalía que marcar. Un detector de anomalías busca variaciones respecto de un patrón, no incumplimientos respecto de una norma.</p>

        <p><strong>El terreno normativo 2026 que hay que dominar.</strong> La liquidación de sueldos en Argentina cambió de forma significativa en los últimos dos años, y quien audita necesita conocer estos cuatro puntos de memoria:</p>

        <div class="pild__table-wrap">
          <table class="pild__table">
            <thead>
              <tr><th>Cambio normativo</th><th>Qué implica para quien liquida o audita</th></tr>
            </thead>
            <tbody>
              <tr><td>Ley de Modernización Laboral</td><td>Amplió las posibilidades de acuerdo entre empleador y empleado sobre remuneración, lo que multiplica la variedad de conceptos a gestionar cada mes.</td></tr>
              <tr><td>Decreto 407/2026</td><td>Estableció un nuevo modelo obligatorio de recibo, vigente desde el 1 de junio de 2026: ya no parte de la remuneración bruta, sino del costo laboral total, mostrando primero las contribuciones patronales.</td></tr>
              <tr><td>Libro de Sueldos Digital (ARCA)</td><td>Herramienta obligatoria de registración de datos laborales y salariales, vinculada a la declaración jurada de Seguridad Social F.931. Expone la calidad de todo el circuito de liquidación.</td></tr>
              <tr><td>Tablas de Ganancias 4ª categoría / SIRADIG</td><td>Se actualizan con mayor frecuencia que antes. Liquidar con una tabla vieja significa retenciones incorrectas, aunque el resto del cálculo esté perfecto.</td></tr>
            </tbody>
          </table>
        </div>

        <div class="pild__callout pild__callout--alerta">
          <p class="pild__callout-label">Alerta</p>
          <p class="pild__callout-body">El recibo ya no arranca donde arrancaba hace dos años. Si audités con el criterio viejo —"remuneración bruta menos descuentos"— sin incorporar el costo laboral total del Decreto 407/2026, podés dar por válido un recibo que en realidad está mal formateado.</p>
        </div>

        <p>Estos cuatro cambios se suman a una capa que nunca dejó de estar presente y que ningún sistema resuelve por sí solo: el convenio colectivo de trabajo aplicable a cada actividad. La Ley de Contrato de Trabajo fija el piso —qué es remuneración, qué garantías mínimas existen, cómo se calcula el salario mínimo vital y móvil—, pero buena parte de los adicionales, categorías, porcentajes de antigüedad y conceptos no remunerativos que aparecen en un recibo real surgen de la negociación colectiva de cada sector. Auditar una liquidación implica, entonces, cruzar tres capas a la vez: la ley general, el convenio específico de la actividad y la configuración particular del sistema que usa la empresa. Ninguna herramienta de inteligencia artificial disponible hoy en el mercado argentino integra por sí sola esas tres capas sin supervisión humana.</p>

        <p><strong>Qué hace hoy la inteligencia artificial en una liquidación argentina.</strong> La IA aplicada a nómina ya no se limita a acelerar la carga de datos. Los sistemas actuales cruzan horas extra con presentismo, concilian ausentismo con certificados médicos digitales y, en las plataformas más avanzadas, auditan el cien por ciento de las liquidaciones antes de que se pague un solo recibo, marcando variaciones inusuales para que un analista las revise.</p>

        <div class="pild__callout pild__callout--reflexion">
          <p class="pild__callout-label">Reflexión pedagógica</p>
          <p class="pild__callout-body">Fijate en el verbo: "marcando para que un analista revise". El sistema señala la anomalía. No decide si es un error. Esa interpretación sigue siendo una tarea humana, y lo va a seguir siendo mientras la liquidación involucre criterio sobre casos sensibles: desvinculaciones, licencias complejas, conceptos remunerativos dudosos o cambios de convenio.</p>
        </div>

        <p>Esa es la regla sana que conviene incorporar ya: la tecnología acelera la revisión, no reemplaza la validación humana. Un sistema puede decir "esto es distinto a lo esperado". Solo una persona que entiende el proceso puede decir "esto está bien" o "esto hay que corregirlo antes de que se convierta en un problema".</p>

        <p>A estos mecanismos se suman otros dos que están creciendo rápido en el mercado argentino. Por un lado, la integración por API en tiempo real entre el sistema de nómina y las plataformas de control de presentismo, los bancos y organismos como ARCA, que elimina buena parte de la carga manual de datos pero traslada el riesgo de error al momento mismo de la integración. Por otro lado, empiezan a aparecer asistentes virtuales con inteligencia artificial generativa pensados para ayudar a armar fórmulas de liquidación de conceptos complejos, una tarea que hasta hace poco exigía conocimiento avanzado del sistema. Cuanto más fácil se vuelve crear una fórmula, más importante se vuelve que alguien pueda verificar si esa fórmula sigue siendo compatible con la norma vigente y con el convenio aplicable.</p>

        <div class="pild__callout pild__callout--caso">
          <p class="pild__callout-label">Caso resuelto: el 2% que nadie audita</p>
          <p class="pild__callout-body">Pensemos un escenario verosímil para una pyme misionera con treinta empleados, liquidación mensualizada y un sistema de nómina con módulo de detección de anomalías.</p>
          <p class="pild__callout-body"><strong>El dato de partida.</strong> El sistema no marca ninguna alerta este mes. Todas las liquidaciones cierran dentro del rango esperado. A simple vista, todo está en orden.</p>
          <p class="pild__callout-body"><strong>Lo que el sistema no puede ver.</strong> Un analista de RRHH, revisando legajos por otro motivo, nota que a un grupo de trabajadores se les liquida el adicional por antigüedad al 2% por año, cuando el convenio colectivo aplicable establece 1%. El sistema no lo marcó como anomalía porque no era una anomalía respecto del propio historial: ese 2% se viene pagando así, de forma sistemática, desde hace tres años. Para el sistema, la consistencia es señal de que todo está bien. Para quien entiende el marco normativo, la consistencia del error es exactamente el problema.</p>
          <p class="pild__callout-body"><strong>Por qué esto no es un detalle menor.</strong> Un concepto pagado de más, de forma sostenida y sin objeción del empleador, puede convertirse en un derecho adquirido. Revertirlo unilateralmente exige un análisis normativo y, probablemente, asesoramiento legal para no generar un reclamo mayor al que se buscaba evitar.</p>
          <p class="pild__callout-body"><strong>Lo que hace la persona que audita.</strong> No corrige el número y sigue de largo. Reconstruye desde cuándo se aplica el error, cuantifica el impacto acumulado, identifica si existe convenio o acuerdo que lo justifique, y recién ahí propone un camino de corrección que contemple tanto el costo para la empresa como los derechos ya consolidados del trabajador.</p>
        </div>

        <div class="pild__callout pild__callout--caso">
          <p class="pild__callout-label">Segundo caso: la tabla que quedó vieja</p>
          <p class="pild__callout-body">El primer caso es un problema de clasificación. Este segundo escenario tiene una lógica distinta: no una etiqueta equivocada, sino una desactualización que nadie nota a tiempo.</p>
          <p class="pild__callout-body"><strong>El dato de partida.</strong> Una empresa de servicios profesionales del Alto Paraná liquida sueldos con un sistema en la nube, integrado por API con el organismo recaudador. El sistema no reporta ninguna anomalía: cada mes calcula y retiene el Impuesto a las Ganancias de cuarta categoría según la tabla y los parámetros de SIRADIG que tiene cargados.</p>
          <p class="pild__callout-body"><strong>Lo que el sistema no puede ver.</strong> Las tablas de Ganancias de cuarta categoría se actualizan hoy con mayor frecuencia, en general por resolución de la autoridad fiscal. El proveedor del software actualiza esos parámetros en un ciclo mensual fijo, y una actualización publicada a mitad de mes queda pendiente hasta la corrida siguiente. Durante ese período, el sistema sigue liquidando de forma perfectamente consistente con la tabla anterior — exactamente el tipo de comportamiento que un detector de anomalías está diseñado para no marcar.</p>
          <p class="pild__callout-body"><strong>Por qué esto no es un detalle menor.</strong> Una retención mal calculada, aunque sea por un desfasaje de pocos días, genera una diferencia entre lo retenido y lo que efectivamente correspondía — de más, perjudicando el ingreso disponible del trabajador ese mes, o de menos, obligando después a un ajuste incómodo de explicar.</p>
          <p class="pild__callout-body"><strong>Lo que hace la persona que audita.</strong> No se limita a confiar en la fecha de "última actualización" que muestra el sistema. Cruza esa fecha con el calendario real de publicaciones de la autoridad fiscal — algo que ningún módulo de nómina hace de forma autónoma, porque técnicamente no es un error del sistema: es un desfasaje entre el ritmo de la norma y el ritmo de actualización del software.</p>
        </div>

        <p>Los dos casos, leídos juntos, muestran el mismo punto desde dos ángulos: un sistema puede estar calculando perfectamente bien la fórmula que tiene cargada y, aun así, estar liquidando mal — porque la fórmula clasifica algo de forma incorrecta, o porque quedó un paso atrás de la norma vigente. En ninguno de los dos casos el error aparece como una anomalía estadística. En los dos casos, lo que lo destraba es la misma habilidad: entender la norma lo suficiente como para dudar de un número que, en apariencia, está perfecto.</p>

        <p><strong>Por qué esta habilidad blinda tu empleabilidad.</strong> Nadie te va a preguntar en una entrevista si sabés cargar novedades en un sistema. Eso lo espera cualquier empleador como piso mínimo. Lo que te distingue es poder mostrar que entendés por qué un número está bien o está mal, más allá de lo que diga la pantalla. Esa es la diferencia entre operar una herramienta y estar en condiciones de auditarla.</p>
      </div>

      <div class="pild__panel-outro">En el panel de Actividad te dejamos un fragmento de recibo simplificado para que encuentres vos el error, antes de leer la respuesta — y un espacio para contarnos si alguna vez te tocó de cerca algo parecido.</div>

      <div class="pild__panel-footer">
        <span class="pild__step">Panel 1 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="1">Ir a la actividad →</button>
      </div>
    </div>

    <!-- PANEL 2: ACTIVIDAD -->
    <div class="pild__panel" data-pild-panel="1">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H18a1 1 0 0 1 1 1v14"/><path d="M6.5 17H19v3.5a.5.5 0 0 1-.5.5H6.5A2.5 2.5 0 0 1 4 18.5v0A2.5 2.5 0 0 1 6.5 17z"/><path d="M8 7h8M8 10h5"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Actividad · Panel 2 de 4</p>
          <p class="pild__panel-title">Encontrá el error (y contanos tu experiencia)</p>
        </div>
      </div>

      <div class="pild__activity-wrap">
        <p class="pild__activity-intro">Esta actividad tiene dos partes: un ejercicio con respuesta concreta, y un espacio abierto para tu propia experiencia — ahí no hay respuesta correcta, nos interesa lo que vos viviste.</p>

        <!-- ═══════════════════════════════════════════════════
             INSERTAR SHORTCODE DE WP CODE AQUÍ
             (snippet: pildora-01-liquidar-vs-auditar-actividad.html)
             ═══════════════════════════════════════════════════ -->
       <!-- ============================================================
     CED · ACTIVIDAD — "Encontrá el error" + reflexión personal
     Píldora: Liquidar sueldos ya no alcanza. Auditar sí. (RRLL + IA)

     Esta actividad NO sigue el patrón de 4 preguntas de opción
     múltiple de TSLQB, porque el material fuente no trae ese
     formato acá: trae un ejercicio de "encontrá el error" con
     pista/respuesta ya escritas en el texto, y una pregunta de
     experiencia personal sin respuesta correcta. Se reutilizan
     las clases visuales .pild__quiz-reflection y .pild__quiz-continue
     (ya cargadas en el CSS v1.4) — no hizo falta CSS nuevo para esto.

     PENDIENTE: confirmar el número/mensaje de WhatsApp para
     "compartir tu experiencia" (distinto del CTA final de la píldora).

     Uso: crear este contenido como snippet nuevo en WP Code,
     copiar su ID y usarlo como [wpcode id="XXXX"] dentro del
     .pild__activity-wrap del panel de Actividad de esta píldora.
     ============================================================ -->

<div class="pild__quiz" data-pild-actividad-liquidar data-quiz-id="rrll-ia-pildora1-liquidar-auditar">

  <div class="pild__quiz-progress" data-quiz-progress>
    <span class="pild__quiz-dot" data-quiz-dot="0"></span>
    <span class="pild__quiz-dot" data-quiz-dot="1"></span>
  </div>

  <div class="pild__quiz-stage" data-quiz-stage></div>

  <div class="pild__quiz-done" data-quiz-done hidden>
    <div class="pild__quiz-done-icon">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
    </div>
    <p class="pild__quiz-done-title" data-quiz-done-title>Actividad completada</p>
    <p class="pild__quiz-done-text" data-quiz-done-text>Gracias por sumar tu mirada. Seguimos en el próximo panel.</p>
  </div>

</div>

<script>
(function () {
  "use strict";

  var CHECK_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4.5 4.5L19 7"/></svg>';
  var WHATSAPP_URL = "https://api.whatsapp.com/send/?phone=5493751445184&text=PENDIENTE-MENSAJE-EXPERIENCIA";

  function initActividad(root) {
    var stage = root.querySelector("[data-quiz-stage]");
    var progressBar = root.querySelector("[data-quiz-progress]");
    var doneBox = root.querySelector("[data-quiz-done]");
    var dots = root.querySelectorAll("[data-quiz-dot]");
    var quizId = root.getAttribute("data-quiz-id") || "pild-actividad";
    var found = null; // "vio_antes" | "no_vio"
    var sharedWhatsapp = false;

    function scrollQuizTop() {
      var top = root.getBoundingClientRect().top + window.pageYOffset - 24;
      var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
      window.scrollTo({ top: top, behavior: reduce ? "auto" : "smooth" });
    }

    function updateDots(index) {
      dots.forEach(function (dot) {
        var i = parseInt(dot.getAttribute("data-quiz-dot"), 10);
        dot.classList.toggle("pild__quiz-dot--active", i === index);
        dot.classList.toggle("pild__quiz-dot--done", i < index);
      });
    }

    function makeContinueBtn(label, onClick) {
      var cont = document.createElement("div");
      cont.className = "pild__quiz-continue";
      cont.setAttribute("role", "button");
      cont.setAttribute("tabindex", "0");
      cont.textContent = label;
      cont.addEventListener("click", onClick);
      cont.addEventListener("keydown", function (e) {
        if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
          e.preventDefault();
          onClick();
        }
      });
      return cont;
    }

    /* ---------- PASO 1: encontrá el error ---------------------- */
    function renderStep1() {
      stage.innerHTML = "";
      updateDots(0);

      var intro = document.createElement("p");
      intro.className = "pild__quiz-question";
      intro.textContent = "Te dejamos un fragmento de recibo simplificado, tal como lo mostraría un sistema que no marcó ninguna alerta. Mirálo con la lógica de quien audita, no de quien solo lee el neto.";
      stage.appendChild(intro);

      var tableWrap = document.createElement("div");
      tableWrap.className = "pild__table-wrap";
      tableWrap.innerHTML =
        '<table class="pild__table">' +
        '<thead><tr><th>Concepto</th><th>Detalle</th><th>Importe</th></tr></thead>' +
        '<tbody>' +
        '<tr><td>Sueldo básico</td><td>Categoría convenio, jornada completa</td><td>$1.100.000</td></tr>' +
        '<tr><td>Antigüedad (7 años)</td><td>Adicional por antigüedad</td><td>14% s/básico</td></tr>' +
        '<tr><td>Horas extra (10 hs al 50%)</td><td>Liquidadas como concepto no remunerativo</td><td>$95.000</td></tr>' +
        '<tr><td>Presentismo</td><td>Sin ausencias en el mes</td><td>8% s/básico</td></tr>' +
        '</tbody></table>';
      stage.appendChild(tableWrap);

      var pregunta = document.createElement("p");
      pregunta.className = "pild__quiz-question";
      pregunta.textContent = "¿Qué de esta liquidación no debería pasar un control? Pensalo un momento antes de seguir.";
      stage.appendChild(pregunta);

      stage.appendChild(makeContinueBtn("Ver la pista", showPista));
    }

    function showPista() {
      var box = document.createElement("div");
      box.className = "pild__quiz-reflection";
      var p = document.createElement("p");
      p.textContent = "La pista: no es un problema de cálculo aritmético. El sistema sumó bien. El problema está en cómo se clasificó uno de los conceptos.";
      box.appendChild(p);
      stage.appendChild(box);

      stage.appendChild(makeContinueBtn("Ver la respuesta", showRespuesta));
    }

    function showRespuesta() {
      var box = document.createElement("div");
      box.className = "pild__quiz-reflection";
      var p = document.createElement("p");
      p.textContent = "La respuesta: las horas extra son, por definición legal, un concepto remunerativo — impactan en aportes, contribuciones y en la base de futuras indemnizaciones. Liquidarlas como \"no remunerativo\" reduce indebidamente la carga social declarada y deja al trabajador con una base de cálculo futura más baja de la que le corresponde. Es exactamente el tipo de error que un sistema de detección de anomalías no marca, porque no rompe ningún patrón estadístico: simplemente aplica mal un criterio legal, mes tras mes, de forma perfectamente consistente.";
      box.appendChild(p);
      stage.appendChild(box);

      renderAutocheck();
    }

    function renderAutocheck() {
      var q = document.createElement("p");
      q.className = "pild__quiz-question";
      q.textContent = "Antes de seguir: ¿lo habías visto vos, antes de leer la respuesta?";
      stage.appendChild(q);

      var opts = [
        { id: "a", text: "Sí, lo vi antes de leer la respuesta", tag: "vio_antes",
          reflection: "Ese es el ojo que ningún sistema reemplaza todavía, y es exactamente la habilidad de la que habla esta píldora." },
        { id: "b", text: "No, recién lo vi al leer la respuesta", tag: "no_vio",
          reflection: "Tampoco es un problema. Es información: ahora sabés con precisión qué tipo de mirada hay que entrenar." }
      ];

      var list = document.createElement("ul");
      list.className = "pild__quiz-options";
      stage.appendChild(list);

      opts.forEach(function (opt) {
        var li = document.createElement("li");
        var btn = document.createElement("div");
        btn.className = "pild__quiz-option";
        btn.setAttribute("role", "button");
        btn.setAttribute("tabindex", "0");

        var marker = document.createElement("span");
        marker.className = "pild__quiz-option-marker";
        marker.innerHTML = CHECK_SVG;
        var txt = document.createElement("span");
        txt.textContent = opt.text;
        btn.appendChild(marker);
        btn.appendChild(txt);
        li.appendChild(btn);
        list.appendChild(li);

        function select() {
          if (btn.getAttribute("data-locked") === "1") return;
          list.querySelectorAll("[role='button']").forEach(function (b) { b.setAttribute("data-locked", "1"); });
          btn.classList.add("pild__quiz-option--selected");
          found = opt.tag;

          var box = document.createElement("div");
          box.className = "pild__quiz-reflection";
          var p = document.createElement("p");
          p.textContent = opt.reflection;
          box.appendChild(p);
          stage.appendChild(box);

          stage.appendChild(makeContinueBtn("Siguiente: tu experiencia", function () {
            renderStep2();
            scrollQuizTop();
          }));
        }

        btn.addEventListener("click", select);
        btn.addEventListener("keydown", function (e) {
          if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") { e.preventDefault(); select(); }
        });
      });
    }

    /* ---------- PASO 2: tu experiencia (sin respuesta correcta) - */
    function renderStep2() {
      stage.innerHTML = "";
      updateDots(1);

      var q = document.createElement("p");
      q.className = "pild__quiz-question";
      q.textContent = "En tu experiencia real —un trabajo, una práctica, un comentario de alguien cercano— ¿alguna vez te tocó de cerca un error de liquidación que nadie había detectado? ¿Quién terminó encontrándolo? Y si hoy tuvieras que auditar una liquidación armada por un sistema, ¿te sentís con las herramientas para hacerlo, o es justo el punto donde te falta formación?";
      stage.appendChild(q);

      var note = document.createElement("div");
      note.className = "pild__quiz-reflection";
      var p = document.createElement("p");
      p.textContent = "Acá no hay respuesta esperada ni correcta. Nos interesa entender, con casos reales, qué le pasa a la gente que se está formando o trabajando en esto.";
      note.appendChild(p);
      stage.appendChild(note);

      var wa = document.createElement("a");
      wa.className = "pild__quiz-continue";
      wa.setAttribute("href", WHATSAPP_URL);
      wa.setAttribute("target", "_blank");
      wa.setAttribute("rel", "noopener");
      wa.textContent = "Contarlo por WhatsApp";
      wa.addEventListener("click", function () { sharedWhatsapp = true; });
      stage.appendChild(wa);

      stage.appendChild(makeContinueBtn("Finalizar actividad", function () {
        finish();
        scrollQuizTop();
      }));
    }

    function finish() {
      stage.hidden = true;
      progressBar.hidden = true;
      doneBox.hidden = false;

      if (window.dataLayer) {
        window.dataLayer.push({
          event: "pildora_actividad_completada",
          quiz_id: quizId,
          q1_autoevaluacion: found,
          compartio_experiencia_whatsapp: sharedWhatsapp
        });
      }
    }

    renderStep1();
  }

  document.querySelectorAll("[data-pild-actividad-liquidar]").forEach(initActividad);
})();
</script>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="0">← Volver a la lectura</button>
        <span class="pild__step">Panel 2 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="2">Ir al audio →</button>
      </div>
    </div>

    <!-- PANEL 3: AUDIO -->
    <div class="pild__panel" data-pild-panel="2">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Audio · Panel 3 de 4</p>
          <p class="pild__panel-title">Escuchá el audible de esta píldora</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <!-- PENDIENTE: reemplazar por el src real del episodio de Spotify -->
        <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/episode/1m4eNdVx6FYQkSB389wSwH?utm_source=generator&si=07a3cf8731594dcf" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="1">← Volver a la actividad</button>
        <span class="pild__step">Panel 3 de 4</span>
        <button type="button" class="pild__btn pild__btn--primary" data-pild-goto="3">Ir al cierre →</button>
      </div>
    </div>

    <!-- PANEL 4: CIERRE -->
    <div class="pild__panel" data-pild-panel="3">
      <div class="pild__panel-header">
        <div class="pild__panel-icon">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
        </div>
        <div>
          <p class="pild__panel-eyebrow">Cierre · Panel 4 de 4</p>
          <p class="pild__panel-title">Auditar es la habilidad que no se automatiza</p>
        </div>
      </div>

      <div class="pild__closing-wrap">
        <p class="pild__closing-text">Esta píldora miró la liquidación de sueldos. La próxima va a mirar otro rincón de RRLL —selección, negociación, capacitación, condiciones de trabajo— con la misma pregunta de fondo: cuando la IA entra en una función de RRLL, ¿quién la entiende y quién solo la mira funcionar?</p>
        <p class="pild__closing-text">Si esto te interesa, en <strong> Introducción a las RRLL:</strong> profundizamos exactamente en esto.</p>

        <!-- PENDIENTE: reemplazar href por el link real del curso/carrera -->
        <a role="button" class="pild__cta" href="https://ishm.ar/ced/en/courses/introduccion-a-las-relaciones-laborales/" target="_blank" rel="noopener">
          <span class="pild__cta-text">
            <span class="pild__cta-label">Introducción a las RRLL</span>
            <span class="pild__cta-sub">Instituto Superior Huellas Misioneras</span>
          </span>
          <span class="pild__cta-btn">
            Ver curso
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6l6 6-6 6"/></svg>
          </span>
        </a>
      </div>

      <div class="pild__panel-footer">
        <button type="button" class="pild__btn pild__btn--ghost" data-pild-goto="2">← Volver al audio</button>
        <span class="pild__step">Panel 4 de 4</span>
        <!-- PENDIENTE: confirmar número/mensaje de WhatsApp para esta serie -->
        <a role="button" class="pild__btn pild__btn--done" data-pild-complete href="https://api.whatsapp.com/send/?phone=5493751445184&text=PENDIENTE-MENSAJE-WHATSAPP" target="_blank" rel="noopener">Completar píldora</a>
      </div>
    </div>

  </div>
</div>

</div>
<script>
 (function () {
  "use strict";

  function initPild(pild) {
    var panels = pild.querySelectorAll("[data-pild-panel]");
    var navItems = pild.querySelectorAll("[data-pild-nav]");
    var progressFill = pild.querySelector("[data-pild-progress]");
    var total = panels.length;

    function goTo(index) {
      panels.forEach(function (p) {
        p.classList.toggle("pild__panel--active", p.getAttribute("data-pild-panel") === String(index));
      });
      navItems.forEach(function (n) {
        n.classList.toggle("pild__nav-item--active", n.getAttribute("data-pild-nav") === String(index));
      });
      if (progressFill) progressFill.style.width = (((index + 1) / total) * 100) + "%";
      scrollToTop();
      if (window.dataLayer) window.dataLayer.push({ event: "pildora_panel_view", panel: index });
    }

    function scrollToTop() {
      var top = pild.getBoundingClientRect().top + window.pageYOffset - 24;
      var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
      window.scrollTo({ top: top, behavior: reduce ? "auto" : "smooth" });
    }

    navItems.forEach(function (item) {
      item.addEventListener("click", function () { goTo(parseInt(item.getAttribute("data-pild-nav"), 10)); });
    });
    pild.querySelectorAll("[data-pild-goto]").forEach(function (btn) {
      btn.addEventListener("click", function () { goTo(parseInt(btn.getAttribute("data-pild-goto"), 10)); });
    });

    var completeBtn = pild.querySelector("[data-pild-complete]");
    if (completeBtn) {
      completeBtn.addEventListener("click", function () {
        if (progressFill) progressFill.style.width = "100%";
        if (window.dataLayer) window.dataLayer.push({ event: "pildora_completada" });
      });
    }
  }

  document.querySelectorAll("[data-pild]").forEach(initPild);
})();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-f3c5846 elementor-widget elementor-widget-html" data-id="f3c5846" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ============================================================
     CED · Huellas Misioneras — Navegación entre píldoras
     Componente aparte del .pild-wrap (va en la landing, no dentro
     del shortcode de cada píldora). Bloque HTML de Elementor.
     Autocontenido: trae su propio <style>, no depende de que el
     CSS acumulativo de las píldoras esté cargado en esa página.

     Uso: cambiar el href de cada <a> por el link real. Si una
     píldora es la primera o la última de la serie, borrar el <a>
     correspondiente (el layout se acomoda solo con uno o con dos).
     ============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Montserrat:wght@500;600&display=swap" rel="stylesheet">

<style>
  .pild-jump {
    --pj-navy: #223A70;
    --pj-navy-deep: #17274d;
    --pj-cyan: #33BFFF;
    --pj-ink: #1c2540;
    --pj-ink-soft: #4a5570;
    --pj-line: #dfe4f0;
    --pj-display: "Poppins", system-ui, sans-serif;
    --pj-body: "Montserrat", system-ui, sans-serif;

    display: flex;
    gap: 16px;
    max-width: 960px;
    margin: 32px auto;
    font-family: var(--pj-body);
  }

  .pild-jump__link {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid var(--pj-line);
    border-radius: 14px;
    text-decoration: none;
    color: var(--pj-ink);
    box-shadow: 0 12px 30px -18px rgba(23, 39, 77, .22);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }

  .pild-jump__link:hover,
  .pild-jump__link:focus-visible {
    transform: translateY(-2px);
    border-color: var(--pj-cyan);
    box-shadow: 0 16px 34px -16px rgba(23, 39, 77, .3);
  }

  .pild-jump__link:focus-visible { outline: 2px solid var(--pj-cyan); outline-offset: 2px; }

  .pild-jump__arrow {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--pj-navy);
    color: #fff;
  }
  .pild-jump__arrow svg { width: 18px; height: 18px; }

  .pild-jump__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

  .pild-jump__label {
    font-family: var(--pj-display);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--pj-cyan);
  }

  .pild-jump__title {
    font-family: var(--pj-display);
    font-size: .95rem;
    font-weight: 700;
    color: var(--pj-navy-deep);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Link "siguiente": flechas y contenido a la derecha */
  .pild-jump__link--next { flex-direction: row-reverse; text-align: right; }
  .pild-jump__link--next .pild-jump__text { align-items: flex-end; }

  @media (max-width: 640px) {
    .pild-jump { flex-direction: column; margin: 24px auto; }
    .pild-jump__link--next { flex-direction: row; text-align: left; }
    .pild-jump__link--next .pild-jump__text { align-items: flex-start; }
  }
</style>

<nav class="pild-jump" aria-label="Navegación entre píldoras">

 

  <a class="pild-jump__link pild-jump__link--next" href="https://ishm.ar/ced/en/seleccion-con-ia/">
    <span class="pild-jump__arrow" aria-hidden="true">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
    </span>
    <span class="pild-jump__text">
      <span class="pild-jump__label">Siguiente píldora</span>
      <span class="pild-jump__title">Selección con IA: currículums y sesgo algorítmico</span>
    </span>
  </a>

</nav>				</div>
				</div>
		
</div>
		</div><p>La entrada <a href="https://ishm.ar/ced/en/la-ia-ya-liquida-sueldos-auditarlos-no/">La IA ya liquida sueldos. Auditarlos, no</a> se publicó primero en <a href="https://ishm.ar/ced/en">Huellas Misioneras</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>