:root{
  --red:#C0121A; --red-dark:#8A0D13; --red-soft:#fdecec;
  --surface:#ffffff; --surface-2:#eeebe7; --bg:#f3f1ee;
  --tx:#2a2724; --tx-2:#5b564f; --tx-3:#6d675f;
  --line:#e8e4df; --line-strong:#dcd7d1;
  --good:#146A4C; --good-soft:#e8f2ed; --good-line:#c4e0d4;
  --info:#26489E; --info-soft:#ebeef8;
  --warn:#93610C; --warn-soft:#fbf1de;
  --shadow:0 1px 2px rgba(33,31,29,.04), 0 6px 18px rgba(33,31,29,.05);
  --r-sm:12px; --r-md:16px; --r-pill:999px;
  --font:'IBM Plex Sans',system-ui,sans-serif;
}

.ayu{ font-family:var(--font); color:var(--tx); max-width:880px; overflow-wrap:anywhere; }
.ayu-cab{ display:flex; flex-direction:column; gap:4px; margin-bottom:16px; }
.ayu-titulo{ margin:0; font-size:26px; font-weight:600; }


.ayu-version{ margin:0; font-size:14px; color:var(--tx-3); }

.ayu-campo{ display:flex; flex-direction:column; gap:6px; margin:0; padding:0; }
.ayu-campo-rot{ font-size:14px; font-weight:600; color:var(--tx-2); }
.ayu-sel, .ayu-q{
  min-height:48px; width:100%; box-sizing:border-box; padding:0 12px;
  border:1px solid var(--line-strong); border-radius:var(--r-sm);
  background:var(--surface); color:var(--tx); font-family:var(--font); font-size:16px;
}
.ayu-sel:focus-visible, .ayu-q:focus-visible{ outline:3px solid var(--red); outline-offset:1px; }




.ayu-manual-bloque{ display:flex; flex-direction:column; gap:4px; margin-bottom:16px; }
.ayu-manual-rot{ margin:0; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--tx-3); }
.ayu-manual-tit{ margin:0; font-size:20px; font-weight:600; }
.ayu-para{ margin:0; font-size:15px; line-height:1.45; color:var(--tx-2); }
.ayu-cambiar{ margin-top:8px; max-width:420px; }

.ayu-cambio{ margin:0 0 16px; padding:10px 12px; border-radius:var(--r-sm); background:var(--info-soft); }
.ayu-cambio-tit{ margin:0 0 2px; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--info); }
.ayu-cambio-txt{ margin:0; font-size:15px; line-height:1.45; color:var(--tx); }



.ayu-buscar{ display:flex; flex-direction:column; gap:6px; margin:0 0 18px; padding:14px; border-radius:var(--r-md); background:var(--surface-2); }
.ayu-buscar-rot{ font-size:18px; font-weight:600; color:var(--tx); }
.ayu-buscar .ayu-q{ min-height:56px; font-size:17px; padding:0 16px; border-radius:var(--r-md); }
.ayu-cuenta{ margin:2px 0 0; font-size:14px; color:var(--tx-2); }

.ayu-tareas{ display:flex; flex-direction:column; gap:18px; }
.ayu-grupo-tit{ margin:0 0 8px; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--red); }

.ayu-grilla{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }


.ayu-tarjeta{
  position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:4px;
  min-height:72px; width:100%; box-sizing:border-box; padding:12px 40px 12px 14px;
  text-align:left; cursor:pointer; font-family:var(--font); color:var(--tx);
  background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--r-md);
  box-shadow:var(--shadow);
}
.ayu-tarjeta::after{
  content:'›'; position:absolute; right:14px; top:50%; transform:translateY(-50%);
  font-size:26px; line-height:1; color:var(--tx-3);
}
.ayu-tarjeta:hover{ border-color:var(--red); }
.ayu-tarjeta:hover::after{ color:var(--red); }
.ayu-tarjeta:focus-visible{ outline:3px solid var(--red); outline-offset:2px; }
.ayu-tarjeta-tit{ font-size:16px; font-weight:600; line-height:1.35; }
.ayu-tarjeta-meta{ font-size:14px; line-height:1.35; color:var(--tx-2); }

.ayu-vacio{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:14px; border:1px dashed var(--line-strong); border-radius:var(--r-md); }
.ayu-vacio-txt{ margin:0; font-size:16px; line-height:1.45; color:var(--tx-2); }


.ayu-puesto{ margin-top:22px; border:1px solid var(--line); border-radius:var(--r-md); background:var(--surface); padding:0 14px; }
.ayu-puesto[open]{ padding-bottom:14px; }
.ayu-puesto-tit{ min-height:48px; display:flex; align-items:center; cursor:pointer; font-size:16px; font-weight:600; }
.ayu-puesto-tit:focus-visible{ outline:3px solid var(--red); outline-offset:2px; }
.ayu-resumen{ margin:0 0 12px; font-size:16px; line-height:1.5; }
.ayu-seccion{ margin:0 0 12px; padding:12px 14px; border:1px solid var(--line); border-radius:var(--r-md); background:var(--surface); }
.ayu-seccion-tit{ margin:0 0 6px; font-size:17px; font-weight:600; }
.ayu-seccion-txt{ margin:0 0 8px; font-size:16px; line-height:1.5; }




.ayu-tarea{ display:flex; flex-direction:column; gap:10px; }
.ayu-volver{
  align-self:flex-start; min-height:48px; padding:0 14px 0 4px; cursor:pointer;
  background:none; border:0; border-radius:var(--r-sm);
  font-family:var(--font); font-size:16px; font-weight:600; color:var(--red);
}
.ayu-volver:focus-visible{ outline:3px solid var(--red); outline-offset:2px; }
.ayu-tarea-area{ margin:4px 0 0; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--red); }
.ayu-tarea-tit{ margin:0; font-size:22px; font-weight:600; line-height:1.3; }
.ayu-tarea-tit:focus{ outline:none; }
.ayu-cuando{ margin:0; display:flex; flex-direction:column; gap:2px; font-size:16px; line-height:1.5; }
.ayu-cuando-rot{ font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--tx-3); }
.ayu-cuando-txt{ color:var(--tx-2); }


.ayu-guia{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin:6px 0 4px; }
.ayu-guia .ayu-conmigo{ min-height:56px; padding:0 26px; font-size:17px; }
.ayu-guia-nota{ margin:0; font-size:15px; line-height:1.45; color:var(--tx-2); }

.ayu-pasos-tit{ margin:10px 0 0; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--tx-3); }
.ayu-pasos{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }


.ayu-paso{
  padding:12px 14px; font-size:16px; line-height:1.5;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md); box-shadow:var(--shadow);
}
.ayu-paso-cab{ display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.ayu-num{
  flex:none; width:32px; height:32px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--red); color:#fff; font-size:15px; font-weight:700; font-variant-numeric:tabular-nums;
}
.ayu-paso-donde{
  font-size:13px; font-weight:600; color:var(--tx-2);
  padding:3px 10px; border-radius:var(--r-pill); background:var(--surface-2);
}


.ayu-paso-rot{ display:flex; align-items:flex-start; gap:12px; cursor:pointer; min-height:48px; margin:0; font-size:16px; font-weight:400; line-height:1.5; color:var(--tx); }

.ayu-tilde{ width:24px; height:24px; margin:2px 0 0; flex:none; accent-color:var(--good); }
.ayu-paso-txt{ flex:1; min-width:0; }


.ayu-hecho{ background:var(--good-soft); border-color:var(--good-line); }
.ayu-hecho .ayu-num{ background:var(--good); }
.ayu-hecho .ayu-paso-txt{ color:var(--tx-2); text-decoration:line-through; text-decoration-color:var(--tx-3); }
.ayu-paso .ayu-bts{ margin:2px 0 4px 36px; }



.ayu-cuadro{ margin:8px 0 0; padding:10px 12px; border-radius:var(--r-sm); }
.ayu-paso .ayu-cuadro{ margin-left:36px; }
.ayu-porque{ background:var(--info-soft); color:var(--info); }
.ayu-ojo{ background:var(--warn-soft); color:var(--warn); }
.ayu-cuadro-tit{ margin:0 0 2px; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.ayu-cuadro-txt{ margin:0; font-size:15px; line-height:1.45; color:var(--tx); }




.ayu-enlaces{ margin:4px 0 0 36px; display:flex; flex-wrap:wrap; gap:4px 16px; }
.ayu-tarea > .ayu-enlaces{ margin-left:0; }
.ayu-enlace{
  min-height:48px; display:inline-flex; align-items:center;
  font-size:16px; font-weight:600; color:var(--info); text-decoration:underline; text-underline-offset:3px;
}
.ayu-enlace:focus-visible{ outline:3px solid var(--red); outline-offset:2px; }

.ayu-bts{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.ayu-btn{
  min-height:48px; padding:0 18px; border-radius:var(--r-pill); cursor:pointer;
  font-family:var(--font); font-size:15px; font-weight:600; text-align:center;
}


.ayu-ir{ background:var(--surface); color:var(--tx); border:1px solid var(--line-strong); }
.ayu-ir:hover{ border-color:var(--red); color:var(--red-dark); }
.ayu-conmigo{ background:var(--red); color:#fff; border:1px solid var(--red); }
.ayu-conmigo:hover{ background:var(--red-dark); border-color:var(--red-dark); }
.ayu-btn:focus-visible{ outline:3px solid var(--red); outline-offset:2px; }

.ayu-pie{ margin-top:28px; padding-top:12px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:8px; }
.ayu-historial-tit{ min-height:48px; display:flex; align-items:center; cursor:pointer; font-size:15px; font-weight:600; color:var(--tx-2); }
.ayu-historial-tit:focus-visible{ outline:3px solid var(--red); outline-offset:2px; }
.ayu-historial-lista{ margin:0; padding-left:20px; font-size:15px; color:var(--tx-2); }
.ayu-historial-item{ margin:4px 0; }



@media (max-width:600px){
  .ayu-grilla{ grid-template-columns:minmax(0, 1fr); }
  .ayu-btn{ flex:1 1 100%; width:100%; }
  .ayu-guia{ align-items:stretch; }
  .ayu-titulo{ font-size:22px; }
  .ayu-tarea-tit{ font-size:20px; }
  .ayu-paso .ayu-bts, .ayu-paso .ayu-cuadro, .ayu-enlaces{ margin-left:0; }
  .ayu-cambiar{ max-width:none; }
}