/* Identitat visual de la Universitat de València.
   Paleta corporativa oficial (Unitat Web i Màrqueting, "Paleta de colors
   corporatius", v3 2014): CORP_UVEG 0/46/82, CORP_UVEG_75 54/79/116,
   REC_UVEG_4 0/130/197, REC_UVEG_6 228/235/233. */
:root {
  --uv-blau: #002e52;
  --uv-blau-75: #364f74;
  --uv-cel: #0082c5;
  --uv-fons: #e4ebe9;
}

.reveal {
  font-size: 34px;
}

.reveal h1,
.reveal h2,
.reveal h3 {
  color: var(--uv-blau);
}

/* Portada i separadors de secció van sobre blau corporatiu. */
.reveal section.has-dark-background,
.reveal section.has-dark-background h1,
.reveal section.has-dark-background h2,
.reveal section.has-dark-background .subtitle,
.reveal section.has-dark-background .author,
.reveal section.has-dark-background .date {
  color: #fff;
}

/* Gris blavós del manual (CORP_UVEG_50): llegible tant sobre blanc com sobre
   el blau de les diapositives de secció, que és on el peu queda a sobre. */
.reveal .footer,
.reveal .slide-number {
  color: #6a7a9b;
}

.reveal a {
  color: var(--uv-cel);
}

.reveal blockquote {
  border-left: 6px solid var(--uv-cel);
  background: none;
  box-shadow: none;
  font-style: normal;
}

/* El codi eixia a 0.55em del cos: el text més menut del conjunt, i justament el
   que ha de llegir-se en una pantalla compartida. */
.reveal pre,
.reveal pre code {
  font-size: 0.68em;
}

.reveal pre code {
  max-height: 520px;
}

.reveal table {
  font-size: 0.65em;
}

.reveal table thead th {
  background: var(--uv-fons);
  color: var(--uv-blau);
}

/* La versió i l'enllaç al codi font es queden en el web i en el manual. En una
   diapositiva no hi caben: la cantonada de baix a l'esquerra és dels botons de
   la pissarra, la de baix a la dreta del logotip i el centre del peu. Que el
   material està versionat ja es diu en la diapositiva «Estes diapositives». */
/* L'element viu en el <body>, fora de `.reveal`: per això el selector no du
   `.reveal ` davant. Va a la dreta dels botons de la pissarra, que ocupen els
   primers 130 px de la cantonada. */
.git-version {
  position: fixed;
  bottom: 14px;
  left: 160px;
  margin: 0;
  font-size: 13px;
  color: #6a7a9b;
  z-index: 60;
}

.git-version a,
.git-version code {
  color: inherit;
  text-decoration: none;
  background: none;
  font-size: inherit;
}

/* El logotip en totes les diapositives, no sols en la portada. */
/* `img.` i no només `.`: el footer.css de Quarto du la mateixa especificitat
   amb max-height 2.2rem i es carrega després, així que guanyava ell. */
.reveal img.slide-logo {
  max-height: 4.4rem;
  bottom: 10px;
  right: 20px;
}

/* En la portada ja hi és com a fons, en gran i a l'esquerra: ací sobra. */
.reveal:has(section#title-slide.present) img.slide-logo {
  display: none;
}

/* Els separadors de secció van sobre blau corporatiu, on el logotip blau no
   es veuria. S'inverteix a blanc, que és l'altra versió oficial. */
.reveal:has(section.present.has-dark-background) img.slide-logo {
  filter: brightness(0) invert(1);
}

/* Els grafs de mermaid eixien menuts en una diapositiva de 1280 px d'ample. */
.reveal .mermaid-js {
  display: flex;
  justify-content: center;
}

.reveal .mermaid-js svg {
  width: 100%;
  max-width: 1000px;
  height: auto;
  max-height: 440px;
}

/* El cartell d'emergència: ocupa pantalla i prou, sense vora ni ombra, que
   ja en porta de pròpies. */
.reveal img.cartell-foc {
  max-height: 62vh;
  width: auto;
}

/* Les diapositives de pausa: es lligen des del fons de la sala i des d'un
   mòbil, que és per a on la mira qui s'ha alçat. */
.reveal .pausa {
  text-align: center;
  line-height: 1.4;
}

.reveal .pausa p:first-child {
  font-size: 3em;
  margin: 0;
}

.reveal .pausa p {
  font-size: 1.8em;
}
