/* =========================================
   FORMAÇÃO NINE — ajustes fora do pacote do designer
   Carrega DEPOIS de formacao-v6.css
========================================= */

/* ---- Selos da abertura: como o NINE se joga ---- */
.specs-row{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:680px;margin:34px auto 0;padding:0}
.specs-row li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:15px 11px;border-radius:10px;border:1px solid rgba(201,165,92,.3);background:rgba(8,22,26,.32);text-align:center}
.specs-n{font-family:var(--font-display);font-size:clamp(17px,2.1vw,21px);font-weight:700;line-height:1.12;color:#f2dca7}
.specs-t{font-family:var(--font-ui);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:rgba(240,230,208,.72);line-height:1.35}
.sec-cream .specs-row li,.sec-parchment .specs-row li{border-color:rgba(140,110,53,.36);background:rgba(201,165,92,.11)}
.sec-cream .specs-n,.sec-parchment .specs-n{color:var(--teal-deep)}
.sec-cream .specs-t,.sec-parchment .specs-t{color:var(--ink-soft)}
@media (max-width:560px){
  .specs-row{grid-template-columns:1fr;gap:9px;max-width:360px;margin-top:26px}
  .specs-row li{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 9px;padding:12px 14px}
  .specs-n{font-size:16px}
}

/* ---- Vídeo em reprodução: quadro 16/9 e sem recorte ----
   O quadro em arco (1/1.06) fazia o vídeo tocar com tarjas pretas enormes,
   e o recorte arredondado sobre o iframe tira o vídeo do caminho acelerado
   por hardware do navegador — daí o engasgo. Ao tocar, vira 16/9 limpo. */
.video-ph.arch.playing{aspect-ratio:16/9;max-width:820px}
.video-ph.playing iframe{border-radius:0}
.video-ph.playing{overflow:visible;border-radius:14px}

/* selos com a mesma largura dos botões, para alinharem no celular */
@media (max-width:560px){.specs-row{max-width:320px}}