/* Página do Nail Print (15/10/2026): só o que é novo. O resto vem de ../pagina-b/pagina-b.css (o visual da página B).
   O acento é o caramelo da oncinha (o mesmo da capa do guia); contraste do botão com o branco: 6:1. */
:root { --acento: #93531f; --acento-forte: #77421a; --acento-2: #f4e7da; }
.btn { box-shadow: 0 10px 22px -10px rgba(147, 83, 31, .75); }

/* as 4 camadas: fotos verticais do vídeo; 2 colunas a partir de 700 px e 4 a partir de 900 px */
.linha-tempo.quatro .passo img { aspect-ratio: 1 / 1; object-position: 50% 45%; }
.passo .fase { background: var(--acento-2); color: var(--acento-forte); }
.passo .carimbo { left: auto; right: 10px; }
.cartao-foto img { object-position: 50% 48%; }
.lista-np { margin-top: 22px; padding: 22px 20px; border-radius: var(--raio); background: var(--branco); box-shadow: var(--sombra); gap: 14px; }
.lista-np b { font-weight: 800; }
@media (min-width: 900px) {
  .linha-tempo.quatro { grid-template-columns: repeat(4, 1fr); }
  .linha-tempo.quatro .passo img { aspect-ratio: 4 / 5; }
  .linha-tempo.quatro .passo h3 { font-size: 21px; }
}
