/*
 * Fontes da legenda (Legendar) — auto-hospedadas.
 *
 * GERADO: não editar à mão. Fonte de verdade = arquivos .ttf em
 * apps/web/public/fonts/ + a lista de CAPTION_FONTS.
 *
 * As mesmas faces .ttf são copiadas para a imagem da API (Dockerfile,
 * /usr/share/fonts/aylla) e usadas pelo libass no burn-in. Mesmo arquivo nas
 * duas pontas = preview e vídeo com a mesma métrica.
 *
 * O prefixo "AyllaCaption" evita colisão com Inter / Plus Jakarta Sans /
 * Noto Sans / Source Serif 4, que o index.html carrega do CDN do Google para
 * a INTERFACE. Builds diferentes da mesma família divergem em métrica (medido:
 * 19% no Inter), o que invalidaria a calibração do preview.
 */

/* Noto Sans — 4 face(s) */
@font-face {
  font-family: 'AyllaCaption Noto Sans';
  src: url('/fonts/NotoSans/NotoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Noto Sans';
  src: url('/fonts/NotoSans/NotoSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Noto Sans';
  src: url('/fonts/NotoSans/NotoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Noto Sans';
  src: url('/fonts/NotoSans/NotoSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Inter — 4 face(s) */
@font-face {
  font-family: 'AyllaCaption Inter';
  src: url('/fonts/Inter/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Inter';
  src: url('/fonts/Inter/Inter-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Inter';
  src: url('/fonts/Inter/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Inter';
  src: url('/fonts/Inter/Inter-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Roboto — 4 face(s) */
@font-face {
  font-family: 'AyllaCaption Roboto';
  src: url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Roboto';
  src: url('/fonts/Roboto/Roboto-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Roboto';
  src: url('/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Roboto';
  src: url('/fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Open Sans — 4 face(s) */
@font-face {
  font-family: 'AyllaCaption Open Sans';
  src: url('/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Open Sans';
  src: url('/fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Open Sans';
  src: url('/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Open Sans';
  src: url('/fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Lato — 4 face(s) */
@font-face {
  font-family: 'AyllaCaption Lato';
  src: url('/fonts/Lato/Lato-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Lato';
  src: url('/fonts/Lato/Lato-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Lato';
  src: url('/fonts/Lato/Lato-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Lato';
  src: url('/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Montserrat — 4 face(s) */
@font-face {
  font-family: 'AyllaCaption Montserrat';
  src: url('/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Montserrat';
  src: url('/fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Montserrat';
  src: url('/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Montserrat';
  src: url('/fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Poppins — 4 face(s) */
@font-face {
  font-family: 'AyllaCaption Poppins';
  src: url('/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Poppins';
  src: url('/fonts/Poppins/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Poppins';
  src: url('/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Poppins';
  src: url('/fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Plus Jakarta Sans — 4 face(s) */
@font-face {
  font-family: 'AyllaCaption Plus Jakarta Sans';
  src: url('/fonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Plus Jakarta Sans';
  src: url('/fonts/PlusJakartaSans/PlusJakartaSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Plus Jakarta Sans';
  src: url('/fonts/PlusJakartaSans/PlusJakartaSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Plus Jakarta Sans';
  src: url('/fonts/PlusJakartaSans/PlusJakartaSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Bebas Neue — 1 face(s) */
@font-face {
  font-family: 'AyllaCaption Bebas Neue';
  src: url('/fonts/BebasNeue/BebasNeue-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Anton — 1 face(s) */
@font-face {
  font-family: 'AyllaCaption Anton';
  src: url('/fonts/Anton/Anton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Merriweather — 4 face(s) */
@font-face {
  font-family: 'AyllaCaption Merriweather';
  src: url('/fonts/Merriweather/Merriweather-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Merriweather';
  src: url('/fonts/Merriweather/Merriweather-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Merriweather';
  src: url('/fonts/Merriweather/Merriweather-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Merriweather';
  src: url('/fonts/Merriweather/Merriweather-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Source Serif 4 — 4 face(s) */
@font-face {
  font-family: 'AyllaCaption Source Serif 4';
  src: url('/fonts/SourceSerif4/SourceSerif4-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Source Serif 4';
  src: url('/fonts/SourceSerif4/SourceSerif4-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Source Serif 4';
  src: url('/fonts/SourceSerif4/SourceSerif4-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AyllaCaption Source Serif 4';
  src: url('/fonts/SourceSerif4/SourceSerif4-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}