/* PTF · índice de lección en ruta numerada v1 (17/10/2026, propuesta C elegida por Ana) */
.ptf-ruta{position:relative;padding-left:0!important}
.ptf-ruta>li.activity{position:relative;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.ptf-ruta>li.activity>.activity-item{border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 6px 10px 0!important;border-radius:0!important}
.ptf-ruta>li.activity:hover>.activity-item{background:#F8FAFC!important}
.ptf-ruta>li.activity::before{content:"";position:absolute;left:21px;top:0;bottom:0;width:3px;background:#CBD5E1;z-index:0}
.ptf-ruta>li.activity:first-child::before{top:30px}
.ptf-ruta>li.activity:last-child::before{bottom:calc(100% - 30px)}
.ptf-ruta>li.activity[data-ptf-hecho="1"]::before{background:#16A34A}
.ptf-ruta .activity-icon{position:relative;z-index:1;width:44px!important;height:44px!important;min-width:44px;padding:0!important;margin:0 14px 0 0!important;border:0!important;border-radius:10px;background-repeat:no-repeat;background-position:center;background-size:23px 23px;box-shadow:0 0 0 4px #fff}
.ptf-ruta .activity-icon img{opacity:0!important}
.ptf-ruta .ptf-num{position:absolute;left:30px;top:3px;z-index:2;width:21px;height:21px;border-radius:50%;background:#fff;border:2px solid #1B2A4A;color:#1B2A4A;font:700 11px/17px -apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:center;pointer-events:none}
.ptf-ruta li[data-ptf-hecho="1"] .ptf-num{background:#16A34A;border-color:#16A34A;color:#fff}
.ptf-ruta .ptf-tipo{display:block;font:700 11.5px/1.3 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;margin:0 0 2px}
.ptf-ruta .ptf-pill{display:inline-block;margin-left:10px;font:700 10.5px/1 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;border-radius:99px;padding:4px 8px;vertical-align:1px}
.ptf-ruta .ptf-pill.opc{background:#F1F5F9;color:#475569;border:1px dashed #94A3B8}
.ptf-ruta .ptf-pill.obl{background:#FFE4E6;color:#9F1239}
.ptf-ruta li[data-ptf-sub="1"] .activity-icon{width:30px!important;height:30px!important;min-width:30px;margin-left:7px!important;margin-right:21px!important;background-size:14px 14px!important;border-radius:50%!important}
.ptf-ruta li[data-ptf-sub="1"]>.activity-item{padding-top:4px!important;padding-bottom:4px!important}
.ptf-ruta li[data-ptf-meta="1"]>.activity-item{background:#FFF7F7!important;border-radius:10px!important}
.ptf-ruta .instancename{color:#0f172a}
.ptf-leyenda{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:2px 0 10px;padding:8px 12px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:8px;font:13px/1.4 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#475569}
.ptf-leyenda b{color:#1B2A4A;font-weight:700}
.ptf-leyenda span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ptf-leyenda i{display:inline-block;flex:none;font-style:normal}
.ptf-leyenda .n{width:18px;height:18px;border-radius:50%;border:2px solid #1B2A4A;color:#1B2A4A;font-weight:700;font-size:10.5px;line-height:14px;text-align:center}
.ptf-leyenda .f{width:14px;height:14px}
.ptf-leyenda .circ{border-radius:50%;background:#C2410C}
.ptf-leyenda .cuad{border-radius:3px;background:#1D4ED8}
.ptf-leyenda .hex{background:#15803D;clip-path:polygon(25% 4%,75% 4%,98% 50%,75% 96%,25% 96%,2% 50%)}
.ptf-leyenda .esc{background:#BE123C;clip-path:polygon(50% 0,100% 16%,100% 58%,50% 100%,0 58%,0 16%)}
.ptf-leyenda .opc{width:16px;height:16px;border:2px dashed #64748B;border-radius:3px;background:#fff}
.ptf-ruta li[data-ptf-tipo="ficha"] .activity-icon{background:#1B2A4A url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23ffffff%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%202.5h8.5L19%207v14.5H6z%22/%3E%3Cpath%20d=%22M14%202.5V7h5%22/%3E%3Cpath%20d=%22M9%2012h7M9%2016h7%22/%3E%3C/svg%3E") center/23px 23px no-repeat}
.ptf-ruta li[data-ptf-tipo="ficha"] .ptf-tipo{color:#1B2A4A}
.ptf-ruta li[data-ptf-tipo="video"] .activity-icon{background:#C2410C url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23ffffff%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8%205.5v13l11-6.5z%22%20fill=%22%23ffffff%22/%3E%3C/svg%3E") center/23px 23px no-repeat}
.ptf-ruta li[data-ptf-tipo="video"] .activity-icon{border-radius:50%!important}
.ptf-ruta li[data-ptf-tipo="video"] .ptf-tipo{color:#C2410C}
.ptf-ruta li[data-ptf-tipo="tutorial"] .activity-icon{background:#1D4ED8 url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23ffffff%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M2.5%205.5c3.5-1.4%206.5-1.2%209.5.6v14c-3-1.8-6-2-9.5-.6z%22/%3E%3Cpath%20d=%22M21.5%205.5c-3.5-1.4-6.5-1.2-9.5.6v14c3-1.8%206-2%209.5-.6z%22/%3E%3C/svg%3E") center/23px 23px no-repeat}
.ptf-ruta li[data-ptf-tipo="tutorial"] .ptf-tipo{color:#1D4ED8}
.ptf-ruta li[data-ptf-tipo="practico"] .activity-icon{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23ffffff%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020l1.2-4.6L15.6%205a2.1%202.1%200%20013%203L8.2%2018.4z%22/%3E%3Cpath%20d=%22M13.6%207l3%203%22/%3E%3C/svg%3E") center/23px 23px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpolygon%20points=%2211,1.5%2033,1.5%2042.5,22%2033,42.5%2011,42.5%201.5,22%22%20fill=%22%2315803D%22%20stroke=%22%2315803D%22%20stroke-width=%222.5%22/%3E%3C/svg%3E") center/100% 100% no-repeat!important;border-radius:0!important;box-shadow:none!important}
.ptf-ruta li[data-ptf-tipo="practico"] .ptf-tipo{color:#15803D}
.ptf-ruta li[data-ptf-tipo="interactiva"] .activity-icon{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%230E7490%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%203v4M3%209h4M5%205l2.5%202.5%22/%3E%3Cpath%20d=%22M11%2011l9%203.5-4%201.5-1.5%204z%22/%3E%3C/svg%3E") center/23px 23px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpolygon%20points=%2211,1.5%2033,1.5%2042.5,22%2033,42.5%2011,42.5%201.5,22%22%20fill=%22%23ffffff%22%20stroke=%22%230E7490%22%20stroke-width=%222.5%22%20stroke-dasharray=%225%203.5%22/%3E%3C/svg%3E") center/100% 100% no-repeat!important;border-radius:0!important;box-shadow:none!important}
.ptf-ruta li[data-ptf-tipo="interactiva"] .ptf-tipo{color:#0E7490}
.ptf-ruta li[data-ptf-tipo="mas"] .activity-icon{background:#fff url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%237C3AED%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2210.5%22%20cy=%2210.5%22%20r=%226%22/%3E%3Cpath%20d=%22M15%2015l5.5%205.5%22/%3E%3Cpath%20d=%22M10.5%208v5M8%2010.5h5%22/%3E%3C/svg%3E") center/23px 23px no-repeat;outline:2.5px dashed #7C3AED;outline-offset:-2.5px}
.ptf-ruta li[data-ptf-tipo="mas"] .ptf-tipo{color:#7C3AED}
.ptf-ruta li[data-ptf-tipo="banco"] .activity-icon{background:#fff url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23B45309%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228.5%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%224.5%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%221%22%20fill=%22%23B45309%22/%3E%3C/svg%3E") center/23px 23px no-repeat;outline:2.5px dashed #B45309;outline-offset:-2.5px}
.ptf-ruta li[data-ptf-tipo="banco"] .activity-icon{border-radius:50%!important}
.ptf-ruta li[data-ptf-tipo="banco"] .ptf-tipo{color:#B45309}
.ptf-ruta li[data-ptf-tipo="eval"] .activity-icon,.ptf-ruta li[data-ptf-tipo="control"] .activity-icon{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23ffffff%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%2021V3.5%22/%3E%3Cpath%20d=%22M5%204h12.5l-2.5%204.2%202.5%204.3H5%22/%3E%3C/svg%3E") center/23px 23px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpolygon%20points=%2222,1.5%2042.5,8.5%2042.5,25.5%2022,42.5%201.5,25.5%201.5,8.5%22%20fill=%22%23BE123C%22%20stroke=%22%23BE123C%22%20stroke-width=%222.5%22/%3E%3C/svg%3E") center/100% 100% no-repeat!important;border-radius:0!important;box-shadow:none!important}
.ptf-ruta li[data-ptf-tipo="eval"] .ptf-tipo,.ptf-ruta li[data-ptf-tipo="control"] .ptf-tipo{color:#BE123C}
.ptf-ruta li[data-ptf-tipo="otro"] .activity-icon{background:#475569 url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23ffffff%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h8l4%204v14H6z%22/%3E%3Cpath%20d=%22M9%2012h6M9%2016h6%22/%3E%3C/svg%3E") center/23px 23px no-repeat}
.ptf-ruta li[data-ptf-tipo="otro"] .ptf-tipo{color:#475569}
/* ancho fijo */
/* 17/10/2026 (Ana): al ensanchar la ventana, los elementos del índice no se separan: la ruta y la leyenda miden como máximo 880 px, como los recuadros de la portada */
.ptf-ruta,.ptf-leyenda{max-width:880px}