/* ============================================================
   Tema ID-1 Reconecta (navy + cream-gold + Playfair + Montserrat)
   Aplicado no preview pra ver o componente dentro da identidade
   visual do projeto diagnostico-comercial-fss.

   Pra aplicar na landing real (diagnostico-comercial-fss/index.html):
   - Copiar o bloco `.depoimentos-video { ... }` abaixo
   - Colar no css/02-landing.css na seção de overrides do bloco
   ============================================================ */

.depoimentos-video {
  /* Cores ID-1 supercaso navy */
  --cor-fundo: #0E0F2D;
  --cor-texto-titulo: #FFFFFF;
  --cor-texto-corpo: rgba(255, 255, 255, 0.78);

  /* Marca-texto: cream-gold #FFE1A6 com transparência similar ao brush-highlight */
  --cor-marca-texto: rgba(255, 225, 166, 0.22);
  --cor-marca-texto-borda: rgba(255, 225, 166, 0.55);
  --cor-marca-texto-circulo: #FFE1A6;

  /* Fontes ID-1 */
  --fonte-titulo-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --fonte-corpo-sans: "Montserrat", "Inter", system-ui, -apple-system, sans-serif;
  --fonte-nome-serif: var(--fonte-titulo-serif);

  /* Player: borda discreta cream-gold pra integrar com navy */
  --dv-radius-video: 10px;
}

/* Destaque cream-gold sólido sobre navy (em vez do marca-texto translúcido)
   pra "Programa de Aceleração" e nomes das doutoras chamarem atenção.
   Inspirado no .display-gold do projeto (Playfair 600 cream-gold). */
.depoimentos-video__titulo-destaque,
.depoimentos-video__nome-marca {
  background: transparent;
  border-left: 0;
  border-right: 0;
  color: #FFE1A6;
  font-weight: 600;
  font-style: italic;
  padding: 0 0.12em;
}

.depoimentos-video__titulo-destaque::before,
.depoimentos-video__titulo-destaque::after,
.depoimentos-video__nome-marca::before,
.depoimentos-video__nome-marca::after {
  display: none;
}

/* Bold dentro dos quotes: cream-gold em vez de titulo escuro
   (porque texto base é branco soft sobre navy) */
.depoimentos-video__quote strong {
  color: #FFE1A6;
  font-weight: 700;
}

/* Subtítulo bold: cream-gold também */
.depoimentos-video__subtitulo-destaque {
  color: #FFE1A6;
}

/* Player ganha sutil borda cream-gold pra ficar editorial */
.depoimentos-video__player {
  box-shadow: 0 0 0 1px rgba(255, 225, 166, 0.15),
              0 20px 60px rgba(0, 0, 0, 0.5);
}