/* Edit Like Me — prova (da v3, na página da V1): cartões com o bruto, a seta do Edit Like Me e o vídeo final, mais os números (js/prova.js). */
.prova .lead { margin-bottom: clamp(40px, 5vw, 64px); }
.prova-trilho { display: grid; gap: clamp(28px, 4vw, 48px); width: min(100% - 2 * var(--gut), 1120px); margin-inline: auto; }
.caso { display: grid; grid-template-columns: minmax(0, 1.25fr) 96px minmax(0, .62fr); grid-template-areas: "bruto seta final" "nums nums nums";
  align-items: center; gap: 20px 18px; padding: clamp(18px, 2.4vw, 30px); border-radius: 28px; background: linear-gradient(180deg, #16171a, #101114);
  border: 1px solid var(--linha-forte); box-shadow: 0 40px 90px -50px rgba(0,0,0,.95); }
.caso.sem-bruto { grid-template-columns: minmax(0, 1fr); grid-template-areas: "final" "nums"; }
.caso-bruto { grid-area: bruto; } .caso-final { grid-area: final; } .caso-seta { grid-area: seta; } .caso-numeros { grid-area: nums; }
.caso-rotulo { font-family: var(--mono); font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--t3); margin-bottom: 10px; }
.caso-final .caso-rotulo { color: var(--azul-sel); }
.caso-tela { position: relative; border-radius: 14px; overflow: hidden; background: #000; aspect-ratio: 16 / 9; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.caso-tela.vertical { aspect-ratio: 9 / 16; max-height: 560px; margin-inline: auto; box-shadow: 0 0 0 1px rgba(170,210,255,.22), 0 0 60px -14px rgba(42,92,240,.6); }
.caso-tela video { width: 100%; height: 100%; object-fit: cover; display: block; }
.caso-bruto .caso-tela video { filter: saturate(.8) brightness(.92); }
.caso-mais { margin-top: 10px; font-size: 13.5px; color: var(--t3); }
.caso-seta { display: flex; flex-direction: column; align-items: center; gap: 10px; color: var(--azul-sel); font-family: var(--mono); font-size: 11px; text-align: center; }
.caso-seta i { position: relative; width: 100%; height: 2px; background: linear-gradient(90deg, rgba(90,162,255,.1), var(--azul-claro)); }
.caso-seta i::after { content: ""; position: absolute; right: -2px; top: -4px; width: 10px; height: 10px; border-top: 2px solid var(--azul-claro); border-right: 2px solid var(--azul-claro); transform: rotate(45deg); }
.caso-som { position: absolute; right: 10px; bottom: 10px; width: 44px; height: 44px; border-radius: 50%; background: rgba(8,9,10,.7); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.caso-som i { position: absolute; inset: 0; margin: auto; width: 16px; height: 16px;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4z'/%3E%3Cpath d='m22 9-6 6M16 9l6 6'/%3E%3C/svg%3E"); }
.caso-som[aria-pressed="true"] i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E"); }
.caso-som:active { transform: scale(.94); }
.caso-numeros { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding-top: 18px; border-top: 1px solid var(--linha); }
.caso-numeros dt { font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--t3); }
.caso-numeros dd { margin: 4px 0 0; font-family: var(--serif); font-size: clamp(22px, 2.2vw, 30px); line-height: 1.05; }
@media (max-width: 760px) {
  .caso { grid-template-columns: minmax(0, 1fr); grid-template-areas: "bruto" "seta" "final" "nums"; }
  .caso-seta { flex-direction: row; justify-content: center; }
  .caso-seta i { width: 2px; height: 34px; background: linear-gradient(180deg, rgba(90,162,255,.1), var(--azul-claro)); }
  .caso-seta i::after { right: -4px; top: auto; bottom: -2px; transform: rotate(135deg); }
  .caso-tela.vertical { width: 78%; }
  .caso-numeros { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* v4: a seção na página da V1 (sem a pilha de cartões da v3) */

.prova-cabeca { text-align: center; }
.prova-cabeca .rotulo { font-family: var(--mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--t3); margin-bottom: 18px; }
.prova-cabeca h2 em { font-style: italic; color: var(--azul-sel); }
.prova-cabeca .lead { margin: 22px auto 0; max-width: 60ch; }
.prova-trilho { margin-top: clamp(40px, 5vw, 64px); }
.caso-tela video { pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  .caso.entra { opacity: 0; transform: translateY(48px); transition: opacity 900ms var(--sai), transform 1100ms var(--sai-forte); }
  .caso.entra.in { opacity: 1; transform: none; }
}