/* SAL-IA-LLENGUES-F5 (25-10-2026) · IA Llengües
   1. Capçalera UV més gran i vistosa (el text «Universitat de València · Servei de Llengües i Política Lingüística» de
      cap-spl-val.png es mostra a mida real o més gran) i faldó més baix i discret: la capçalera ha de pesar més que el faldó.
   2. Text del cos com al web del Servei de Llengües (Arial 14 px, #292a25/#545454): respostes del ConsulTot i El·la.
   3. El·la: la finestra d'escriure (el quadre del missatge) més amunt, més gran i més visible.
   Tot penja de html.uvt-f5 (?f5=0 ho desactiva). */

/* ── 1a. Capçalera (ordinador i tauleta; en mòbil continua el disseny adaptable del tema) ───────────────── */
@media (min-width: 769px) {
  /* finestra alta (≥ 1000 px): capçalera de 120 px amb el text a 1,2× */
  html.uvt.uvt-f5 .uvt-cap, html.uvt.uvt-f5 .uvt-cap .uvt-w { height: 120px !important; }
  html.uvt.uvt-f5 .uvt-logo { height: 120px !important; width: 670px !important; overflow: hidden !important; }
  html.uvt.uvt-f5 .uvt-logo img { height: 163px !important; width: auto !important; margin-top: -24px !important; }
  html.uvt.uvt-f5 .uvt-logo a { height: 120px !important; }
  html.uvt.uvt-f5 .uvt-logo a.uvt-l-uv { left: 0 !important; width: 258px !important; }
  html.uvt.uvt-f5 .uvt-logo a.uvt-l-slpl { left: 258px !important; width: 412px !important; }

  /* finestra baixa (< 1000 px) i pestanyes de pantalla completa (ConsulTot, El·la): 80 px amb el text a mida real */
  html.uvt.uvt-f5.uvt-compacte .uvt-cap, html.uvt.uvt-f5.uvt-compacte .uvt-cap .uvt-w,
  html.uvt.uvt-f5 body.tc-actiu .uvt-cap, html.uvt.uvt-f5 body.tc-actiu .uvt-cap .uvt-w,
  html.uvt.uvt-f5 body.xb-actiu .uvt-cap, html.uvt.uvt-f5 body.xb-actiu .uvt-cap .uvt-w { height: 80px !important; }
  html.uvt.uvt-f5.uvt-compacte .uvt-logo, html.uvt.uvt-f5 body.tc-actiu .uvt-logo, html.uvt.uvt-f5 body.xb-actiu .uvt-logo {
    height: 80px !important; width: 565px !important; }
  html.uvt.uvt-f5.uvt-compacte .uvt-logo img, html.uvt.uvt-f5 body.tc-actiu .uvt-logo img, html.uvt.uvt-f5 body.xb-actiu .uvt-logo img {
    height: 136px !important; margin-top: -30px !important; }
  html.uvt.uvt-f5.uvt-compacte .uvt-logo a, html.uvt.uvt-f5 body.tc-actiu .uvt-logo a, html.uvt.uvt-f5 body.xb-actiu .uvt-logo a { height: 80px !important; }
  html.uvt.uvt-f5.uvt-compacte .uvt-logo a.uvt-l-uv, html.uvt.uvt-f5 body.tc-actiu .uvt-logo a.uvt-l-uv,
  html.uvt.uvt-f5 body.xb-actiu .uvt-logo a.uvt-l-uv { left: 0 !important; width: 215px !important; }
  html.uvt.uvt-f5.uvt-compacte .uvt-logo a.uvt-l-slpl, html.uvt.uvt-f5 body.tc-actiu .uvt-logo a.uvt-l-slpl,
  html.uvt.uvt-f5 body.xb-actiu .uvt-logo a.uvt-l-slpl { left: 215px !important; width: 350px !important; }
  html.uvt.uvt-f5.uvt-compacte .uvt-app .uvt-nom, html.uvt.uvt-f5 body.tc-actiu .uvt-app .uvt-nom,
  html.uvt.uvt-f5 body.xb-actiu .uvt-app .uvt-nom { font-size: 30px !important; }
}
@media (min-width: 769px) and (max-width: 1100px) {
  html.uvt.uvt-f5 .uvt-logo { width: 540px !important; }
  html.uvt.uvt-f5 .uvt-logo img { height: 132px !important; margin-top: -14px !important; }
  html.uvt.uvt-f5 .uvt-app .uvt-nom { font-size: 26px !important; }
  html.uvt.uvt-f5 .uvt-app .uvt-sub { display: none !important; }
}

/* ── 1b. Faldó discret però perfectament llegible (F5.1: una mica més alt que a la F5, ~70 px, sempre per davall de la capçalera) */
html.uvt.uvt-llesta.uvt-f5 footer.tan-footer { background: #2d2d2d !important; color: #d4d4d4 !important; }
html.uvt.uvt-f5 .uvt-peu-dalt .uvt-w,
html.uvt.uvt-f5.uvt-compacte .uvt-peu-dalt .uvt-w { padding-top: 8px !important; padding-bottom: 7px !important; gap: 6px 18px !important; }
html.uvt.uvt-f5 .uvt-peu-logo { gap: 16px !important; align-items: center !important; }
html.uvt.uvt-f5 .uvt-peu-logo img,
html.uvt.uvt-f5.uvt-compacte .uvt-peu-logo img { width: 106px !important; height: 34px !important; opacity: 1 !important; }
html.uvt.uvt-f5 .uvt-peu-logo span { font-size: 13px !important; line-height: 1.3 !important; color: #e6e6e6 !important; padding: 0 !important; }
html.uvt.uvt-f5 .uvt-peu-enll a { font-size: 12px !important; color: #e6e6e6 !important; margin-left: 16px !important; }
html.uvt.uvt-f5 .uvt-peu-baix { border-top-color: #4a4a4a !important; }
html.uvt.uvt-f5 .uvt-peu-baix .uvt-w { padding-top: 5px !important; padding-bottom: 5px !important;
  font-size: 11.5px !important; line-height: 1.35 !important; color: #cfcfcf !important; }
html.uvt.uvt-f5 .uvt-peu-baix a { color: #e6e6e6 !important; }
html.uvt.uvt-f5 .uvt-peu-enll a:hover, html.uvt.uvt-f5 .uvt-peu-baix a:hover { color: #ffffff !important; text-decoration: underline !important; }

/* ── 2. Text del cos de les respostes (14 px com al web del Servei de Llengües) ────────────────────────── */
html.uvt-f5 #tab-resoltot #resoltot-resposta { font-size: .875rem !important; color: #292a25 !important; }
html.uvt-f5 .g4-chat.sxb-nou { font-size: calc(var(--sx-fs, 16px) * .875) !important; font-family: Arial, Helvetica, sans-serif !important; color: #292a25; }
html.uvt-f5 .g4-chat.sxb-nou h1, html.uvt-f5 .g4-chat.sxb-nou h2, html.uvt-f5 .g4-chat.sxb-nou h3 { font-family: Raleway, Arial, Helvetica, sans-serif !important; }
html.uvt-f5 .g4-chat.sxb-nou .sxb-lead, html.uvt-f5 .g4-chat.sxb-nou .sxb-grup p { color: #545454 !important; }

/* ── 3. El·la: finestra d'escriure més amunt, més gran i més visible ─────────────────────────────────────── */
html.uvt-f5 .g4-chat.sxb-nou > .f5-heroi { display: none; }
html.uvt-f5 .g4-chat.sxb-nou.f5-buit > .f5-heroi { display: block; order: 1; flex: 0 0 auto; padding: 18px 24px 6px; }
html.uvt-f5 .g4-chat.sxb-nou.f5-buit > #sxb-barra { order: 0; }
html.uvt-f5 .g4-chat.sxb-nou.f5-buit > .g4-bottom { order: 2; padding: 4px 24px 8px; }
html.uvt-f5 .g4-chat.sxb-nou.f5-buit > #g4-msgs { order: 3; }
html.uvt-f5 .f5-heroi h1 { font: 700 clamp(1.5rem, 2.6vw, 2.1rem)/1.15 Raleway, Arial, Helvetica, sans-serif !important; color: #013952 !important; margin: 0 0 8px !important; }
html.uvt-f5 .f5-heroi h1 em { font-style: normal; color: #016ca2; }
html.uvt-f5 .f5-heroi .sxb-lead { margin: 0 !important; color: #545454 !important; font-size: 1em !important; line-height: 1.55 !important; max-width: 90ch; }
html.uvt-f5 .g4-chat.sxb-nou .sxb-port { padding-top: 10px !important; }
html.uvt-f5 .g4-chat.sxb-nou .g4-input-box {
  border: 2px solid #082b3e !important; border-radius: 14px !important; background: #ffffff !important;
  box-shadow: 0 6px 22px rgba(8, 43, 62, .16) !important; padding: 10px 10px 10px 8px !important; }
html.uvt-f5 .g4-chat.sxb-nou .g4-input-box:focus-within { border-color: #016ca2 !important; box-shadow: 0 0 0 4px rgba(1, 108, 162, .16), 0 6px 22px rgba(8, 43, 62, .16) !important; }
html.uvt-f5 .g4-chat.sxb-nou #g4-input { line-height: 1.5 !important; color: #292a25 !important; }   /* alçària mínima: sal_ia_llengues_f5.js */
html.uvt-f5 .g4-chat.sxb-nou #g4-input::placeholder { color: #6b7a86 !important; }
html.uvt-f5 .g4-chat.sxb-nou.f5-buit #g4-msgs { padding-top: 0 !important; }
html.uvt-f5 .g4-chat.sxb-nou.f5-buit #g4-welcome { padding-top: 0 !important; margin-top: 0 !important; }
html.uvt-f5 .g4-chat.sxb-nou.f5-buit .sxb-port { padding-top: 2px !important; }
html.uvt-f5 .g4-chat.sxb-nou.f5-buit .g4-disclaimer { margin: 2px 0 0 !important; }

/* ── 2b. El·la i Eines de llengua en línia: el text petit a 12 px i el normal a 14 px ────────────────────── */
html.uvt-f5 .g4-chat.sxb-nou .sxb-sug { font-size: 1em !important; }
html.uvt-f5 .g4-chat.sxb-nou .sxb-sug small, html.uvt-f5 .g4-chat.sxb-nou .sxb-grup p,
html.uvt-f5 .g4-chat.sxb-nou .sxb-consultot, html.uvt-f5 .g4-chat.sxb-nou .sxb-barra .sxb-xip,
html.uvt-f5 .g4-chat.sxb-nou .sxb-comp-op, html.uvt-f5 .g4-chat.sxb-nou .g4-disclaimer { font-size: .857em !important; }
html.uvt-f5 .g4-chat.sxb-nou .sxb-sug small { color: #545454 !important; }
html.uvt-f5 .g4-chat.sxb-nou .sxb-grup h2 { font-size: 1.15em !important; color: #013952 !important; }
html.uvt-f1.uvt-f5 .se-ll i { font-size: .75rem !important; padding: 2px 5px !important; }

/* ── 4. F5.1: botons de «Gestió de les memòries» de la pestanya Memòries com els de Glossaris (blau fosc) ─── */
html.uvt-f5 #tab-memories .salMGParella > button.btn-primary { padding: 7px 13px !important; margin: 0 !important; }