/*
 * Candidata opt-in do Briefing.
 * Sem ?briefing-responsive=1, estas regras nao atuam.
 * A composicao aprovada permanece intacta; a correcao trata apenas estados
 * do formulario e a leitura do placeholder no telefone de 320px.
 */

html.hero-responsive-lab.prova-responsive-lab.artista-responsive-lab.marcas-responsive-lab.como-funciona-responsive-lab.briefing-responsive-lab.coherence-lab body::before {
  content: "TESTE \00b7  BRIEFING RESPONSIVO";
}

/* A URL cumulativa continua identificando corretamente a secao em revisao. */
html.hero-responsive-lab.prova-responsive-lab.artista-responsive-lab.marcas-responsive-lab.como-funciona-responsive-lab.briefing-responsive-lab.coherence-lab body:has(#artista:target)::before {
  content: "TESTE \00b7  ARTISTA RESPONSIVA";
}

html.eventos-pulso-lab.hero-responsive-lab.prova-responsive-lab.artista-responsive-lab.marcas-responsive-lab.como-funciona-responsive-lab.briefing-responsive-lab.coherence-lab body:has(#eventos:target)::before {
  content: "REVIS\00c3O \00b7  EVENTOS PULSO";
}

html.eventos-vector-lab.hero-responsive-lab.prova-responsive-lab.artista-responsive-lab.marcas-responsive-lab.como-funciona-responsive-lab.briefing-responsive-lab.coherence-lab body:has(#eventos:target)::before {
  content: "REVIS\00c3O \00b7  EVENTOS BARLOW";
}

@media (max-width: 360px) and (orientation: portrait) {
  html.briefing-responsive-lab #briefing .briefing__field textarea {
    min-height: 82px;
  }

  html.briefing-responsive-lab #briefing .briefing__field textarea::placeholder {
    font-size: 12px;
    line-height: 1.28;
  }

  html.briefing-responsive-lab body::before {
    top: 4px;
    right: 6px;
    padding: 4px 8px;
    font-size: 7px;
    letter-spacing: .08em;
  }
}