.stt-directorio,.stt-relacionadas{--stt-stone:var(--wp--preset--color--stone,#E8E8E3);--stt-ink:var(--wp--preset--color--ink,#0B1B2B);--stt-brand:#10B981}
.stt-dir-area{font-family:var(--wp--preset--font-family--serif,Spectral),serif;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:1.9rem 0 .2rem}
.stt-dir-area a{color:var(--stt-ink);text-decoration:none}
.stt-dir-curso{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:#5B6675;margin:1.1rem 0 .7rem}
.stt-dir-curso a{color:inherit;text-decoration:none}
.stt-dir-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:.85rem}
.stt-dir-card a{display:flex;flex-direction:column;height:100%;border:1px solid var(--stt-stone);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 5px rgba(11,27,43,.04);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.stt-dir-card a:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(11,27,43,.09);border-color:#cfe9df}
.stt-dir-card a:hover .stt-dir-card-cta{gap:.5rem}
.stt-dir-thumb{display:block;width:100%;aspect-ratio:5/2;object-fit:cover;background:#f5f7fa}
.stt-dir-thumb--ph{display:flex;align-items:center;justify-content:center;font-size:2.1rem;line-height:1;background:linear-gradient(135deg,#eafaf4 0%,#e7f0fb 100%)}
.stt-dir-card-body{display:flex;flex-direction:column;flex:1;padding:.8rem .95rem .85rem}
.stt-dir-card-t{display:block;font-family:var(--wp--preset--font-family--serif,Spectral),serif;font-size:1.02rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--stt-ink);margin-bottom:.3rem}
.stt-dir-card-x{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.83rem;line-height:1.45;color:#5B6675;margin-bottom:.7rem}
.stt-dir-card-cta{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;color:#0a7d5c;font-weight:600;font-size:.83rem;transition:gap .15s ease}
.stt-dir-vacio{color:#5B6675}
@media (max-width:640px){.stt-dir-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
/* Sección «Sigue aprendiendo» (pie de cada unidad) */
.stt-relacionadas{margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--stt-stone)}
.stt-relacionadas-titulo{font-family:var(--wp--preset--font-family--serif,Spectral),serif;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.015em;color:var(--stt-ink);margin:0 0 1.5rem}
.stt-relacionadas-cta{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.75rem 0 0;font-weight:600;font-size:1rem}
.stt-relacionadas-cta a{color:#0a7d5c;text-decoration:none}
.stt-relacionadas-cta a:hover{text-decoration:underline}
/* Etiqueta de tipo en las tarjetas del clúster (unidad/simulador/artículo) */
.stt-relacionadas .stt-dir-card a{position:relative}
.stt-dir-card-badge{position:absolute;top:.5rem;left:.5rem;z-index:1;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.22em .55em;border-radius:999px;background:rgba(11,27,43,.82);color:#fff}
.stt-badge-simulador{background:rgba(16,185,129,.94);color:#052e22}
.stt-badge-post{background:rgba(37,99,235,.92);color:#fff}