.ld-modos{display:flex;gap:6px;margin:0 0 18px;flex-wrap:wrap}
.ld-modo{padding:8px 16px;border:1px solid #c9c9c9;background:#fff;border-radius:999px;cursor:pointer;font-size:14px;line-height:1.2}
.ld-modo.ld-activo{background:#1c3f5f;border-color:#1c3f5f;color:#fff}
.ld-herramienta{border:1px solid #e3e3e3;border-radius:10px;padding:20px;margin:24px 0;background:#fafafa}
.ld-campos{margin-bottom:12px}
.ld-in{padding:10px 12px;border:1px solid #bbb;border-radius:6px;font-size:17px;width:100%;max-width:340px;text-transform:lowercase}
.ld-ir{padding:10px 22px;background:#1c3f5f;color:#fff;border:0;border-radius:6px;font-size:16px;cursor:pointer}
.ld-ayuda{font-size:13px;color:#555;margin:10px 0 0}
.ld-resultado{margin-top:18px}
.ld-nube span{display:inline-block;background:#fff;border:1px solid #ddd;border-radius:5px;padding:3px 8px;margin:0 5px 6px 0;font-size:15px}
.ld-nube span b{color:#1c3f5f;margin-left:6px;font-size:12px}
.ld-tabla{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.ld-tabla th,.ld-tabla td{border-bottom:1px solid #e6e6e6;padding:7px 10px;text-align:left}
.ld-tabla th{background:#f2f4f6;font-weight:600}
.ld-tabla th.ld-p{opacity:.5}
.ld-tabla th.ld-p.ld-activo,.ld-tabla td.ld-activo{opacity:1;background:#eef4fa;font-weight:600}
.ld-datos{background:#f4f7fa;border-left:3px solid #1c3f5f;padding:14px 18px;margin:20px 0}
.ld-datos h2{font-size:17px;margin:0 0 8px}
.ld-datos ul{margin:0;padding-left:18px}
.ld-relacionados ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0}
.ld-relacionados li a{display:inline-block;padding:6px 12px;border:1px solid #ddd;border-radius:5px;text-decoration:none}
.ld-paginacion a{display:inline-block;padding:6px 11px;border:1px solid #ddd;margin:0 3px 6px 0;text-decoration:none;border-radius:4px}
.ld-paginacion a.ld-activo{background:#1c3f5f;color:#fff;border-color:#1c3f5f}
.ld-si{color:#1a7f37}.ld-no{color:#b32d2e}
.ld-nota{font-size:13px;color:#666;border-top:1px solid #e6e6e6;padding-top:10px;margin-top:14px}
.ld-wordle-grid{display:flex;gap:8px;margin-bottom:10px}
.ld-w-col{display:flex;flex-direction:column;gap:5px;text-align:center}
.ld-w-col label{font-size:12px;color:#666}
.ld-w-col .ld-in{width:52px;text-align:center;font-size:20px;padding:8px 0}
.ld-verde{border-color:#4f9d69!important;background:#f2faf5}
.ld-amarilla{border-color:#cfa72e!important;background:#fdfaf0}
.ld-gris{max-width:340px}
@media(max-width:600px){.ld-tabla{font-size:13px}.ld-tabla th,.ld-tabla td{padding:5px 6px}}