/* Áudio, fotos e vídeos no formulário de contato (18/10/2026). Usa as cores do :root do index.html. */
.midia-bloco{display:grid;gap:8px}
.midia-rotulo{font-size:.85rem;color:var(--prata)}
.midia-linha{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.midia-linha audio{flex:1 1 100%;width:100%;min-width:0;height:44px}
.midia-linha .midia-dica{flex:1 1 100%}
.midia-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--linha);background:var(--cartao);color:var(--gelo);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:border-color .2s}
.midia-btn:hover,.midia-btn:focus-visible{border-color:var(--ciano);outline:none}
.midia-btn svg{width:20px;height:20px;fill:var(--ciano);flex:none}
.midia-btn.midia-sec{font-weight:500;padding:10px 16px}
.midia-btn.gravando{border-color:#ff4d5e;color:#fff}
.midia-btn.gravando b{font-variant-numeric:tabular-nums;font-weight:600}
.midia-btn .ponto{width:10px;height:10px;border-radius:50%;background:#ff4d5e;animation:midia-pulsa 1s infinite}
@keyframes midia-pulsa{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.midia-btn .ponto{animation:none}}
.midia-arquivo{justify-self:start;position:relative}
.midia-arquivo input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;margin:0}
.midia-dica{font-size:.78rem;color:var(--prata)}
.midia-erro{font-size:.85rem;color:#ffb35c;min-height:0}
.midia-erro:empty{display:none}
.midia-lista{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.midia-lista li{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 6px;border:1px solid var(--linha);border-radius:12px;background:var(--cartao);font-size:.8rem;color:var(--prata)}
.midia-lista img,.midia-lista .mini-video{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}
.midia-lista .mini-video{display:flex;align-items:center;justify-content:center;background:var(--fundo2);color:var(--ciano)}
.midia-lista button{width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:var(--gelo);font-size:1.2rem;cursor:pointer}
.midia-lista button:hover{background:var(--linha)}
.form-contato .aviso a{color:var(--ciano);text-decoration:underline}