/* SAL-EINES-LLENGUA-V2 (25-10-2026) · Eines de llengua en línia a pantalla completa, amb filtres */
html.uvt-f1 .tan-main > #tab-eines-llengua.se-tab { max-width: none !important; width: 100%; padding: 10px max(16px, calc((100% - 1720px) / 2)) 12px !important; box-sizing: border-box; }
html.uvt-f1 .se-nou { display: flex; flex-direction: column; gap: 8px; }
html.uvt-f1 .se-cap { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px 24px; flex-wrap: wrap; }
html.uvt-f1 .se-tit h2 { margin: 0; font: 400 var(--f1-h2, 1.35rem)/1.2 var(--f1-ff-tit, Arial) !important; color: var(--f1-tit, #013952) !important; }
html.uvt-f1 .se-tit p { margin: 2px 0 0; font-size: var(--f1-p, .75rem); color: var(--f1-sec, #545454); }
html.uvt-f1 .se-cerques { display: flex; gap: 12px; flex-wrap: wrap; }
html.uvt-f1 .se-camp { display: flex; flex-direction: column; gap: 3px; font: 700 var(--f1-p, .75rem)/1.2 var(--f1-ff, Arial); color: var(--f1-txt, #292a25); }
html.uvt-f1 .se-camp input { width: 270px; max-width: 80vw; padding: 6px 9px; border: 1px solid #b1b1b1; border-radius: 2px; font: 400 var(--f1-t, .875rem) var(--f1-ff, Arial); }
html.uvt-f1 .se-camp input:focus { outline: 2px solid #016ca2; outline-offset: 0; border-color: #016ca2; }
html.uvt-f1 .se-filtres { display: flex; flex-direction: column; gap: 6px; background: #f5f4ee; border-left: 4px solid #082b3e; padding: 8px 10px; position: sticky; top: 0; z-index: 2; }
html.uvt-f1 .se-fila { display: flex; align-items: flex-start; gap: 10px; }
html.uvt-f1 .se-et { flex: 0 0 62px; font: 700 var(--f1-p, .75rem)/26px var(--f1-ff, Arial); color: #282828; text-transform: uppercase; letter-spacing: .03em; }
html.uvt-f1 .se-fila > div { display: flex; flex-wrap: wrap; gap: 5px; }
html.uvt-f1 .se-xip { border: 1px solid #082b4e; background: #ffffff; color: #082b4e; border-radius: 15px; padding: 3px 11px; cursor: pointer; font: 400 var(--f1-p, .75rem)/1.5 var(--f1-ff, Arial); }
html.uvt-f1 .se-xip b { font-weight: 700; opacity: .75; margin-left: 2px; }
html.uvt-f1 .se-xip:hover { background: #e6e3d2; }
html.uvt-f1 .se-xip.act { background: #082b4e; color: #ffffff; }
html.uvt-f1 .se-xip.buit { opacity: .45; }
html.uvt-f1 .se-xip:focus-visible { outline: 3px solid #016ca2; outline-offset: 1px; }
html.uvt-f1 .se-estat { font-size: var(--f1-p, .75rem); color: var(--f1-sec, #545454); }
html.uvt-f1 .se-graella { display: grid; grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); gap: 7px; }
html.uvt-f1 .se-t { display: flex; align-items: flex-start; gap: 9px; padding: 6px 8px; background: #ffffff; border: 1px solid #dddddd; border-radius: 3px; text-decoration: none !important; color: var(--f1-txt, #292a25) !important; min-height: 0; transition: border-color .12s, box-shadow .12s; }
html.uvt-f1 .se-t:hover, html.uvt-f1 .se-t:focus-visible { border-color: #082b3e; box-shadow: 0 1px 4px rgba(0, 0, 0, .12); outline: none; }
html.uvt-f1 .se-t.se-propi { background: #f5f4ee; border-color: #c9c4ad; }
html.uvt-f1 .se-ic { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 4px; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; }
html.uvt-f1 .se-cos { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
html.uvt-f1 .se-cos strong { font: 700 .8125rem/1.25 var(--f1-ff, Arial); color: var(--f1-tit, #013952); }
html.uvt-f1 .se-cos small { font: 400 .71875rem/1.3 var(--f1-ff, Arial); color: var(--f1-sec, #545454); }
html.uvt-f1 .se-ll { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 3px; align-items: center; }
html.uvt-f1 .se-ll i { font: 700 9.5px/1 var(--f1-ff, Arial); font-style: normal; color: #3f3c35; background: #edeadf; border-radius: 2px; padding: 2px 4px; letter-spacing: .03em; }
html.uvt-f1 .se-ll em { font: 700 10.5px/1.2 var(--f1-ff, Arial); font-style: normal; color: #016ca2; }
html.uvt-f1 .se-buit { color: var(--f1-sec, #545454); padding: 20px 0; }
@media (max-width: 768px) { html.uvt-f1 .se-camp input { width: 100%; } html.uvt-f1 .se-cerques { width: 100%; } html.uvt-f1 .se-et { flex-basis: 100%; } html.uvt-f1 .se-fila { flex-wrap: wrap; } }
html.uvt-f1 .se-cos strong, html.uvt-f1 .se-cos small { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
html.uvt-f1 .se-cos strong { -webkit-line-clamp: 2; }
html.uvt-f1 .se-cos small { -webkit-line-clamp: 2; }