/* Foto Festa · pré-visualização da polaroid no painel (usa as variáveis da paleta do evento) */
.ff-previa {
  border-radius: 14px; padding: 26px 18px 22px; display: flex; flex-direction: column; align-items: center; gap: 18px;
  background-color: var(--fundo);
  background-image: radial-gradient(260px 200px at 10% 0%, rgba(var(--clara-rgb), .95), transparent 70%), radial-gradient(240px 200px at 100% 100%, rgba(var(--media-rgb), .3), transparent 70%);
  transition: background .3s;
}
.ff-pol { --pw: 236px; width: var(--pw); padding: calc(var(--pw) * .0495) calc(var(--pw) * .0495) 0; background: var(--papel); border-radius: 3px; box-shadow: 0 2px 4px rgba(var(--tinta-rgb), .06), 0 22px 44px -14px rgba(var(--tinta-rgb), .38); transform: rotate(-1.5deg); container-type: inline-size; }
.ff-foto { aspect-ratio: 3 / 4; background: radial-gradient(60% 40% at 30% 30%, rgba(255, 220, 190, .55), transparent 70%), radial-gradient(40% 30% at 75% 70%, rgba(255, 200, 170, .45), transparent 70%), linear-gradient(165deg, #4a3540, #8a6560 55%, #d8a98f); }
.ff-rodape { position: relative; aspect-ratio: 100 / 24; }
.ff-leg { position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%); display: flex; align-items: baseline; justify-content: center; gap: .18em; white-space: nowrap; font-size: var(--tamanho-legenda, 9.6cqw); max-width: 80%; }
.ff-leg .leg-nome { font-family: var(--fonte-nome); font-weight: var(--peso-nome); font-style: var(--estilo-nome); color: var(--nome-cor); line-height: 1.25; }
.ff-leg .leg-destaque { font-family: var(--fonte-destaque); font-weight: var(--peso-destaque); color: var(--secundaria); font-size: calc(1em * var(--escala-destaque)); line-height: 1; }
.ff-leg .leg-icone { height: calc(.92em * var(--escala-icone)); width: auto; align-self: center; transform: translateY(-.06em); }
.ff-dat { position: absolute; top: 81%; left: 0; right: 0; text-align: center; transform: translateY(-50%); font: 600 2.9cqw/1 'Cormorant Garamond', serif; letter-spacing: .05em; color: var(--suave); }


.ff-botao { padding: 11px 26px; border-radius: 999px; color: #fff; font: 500 14px 'Jost', sans-serif; background: linear-gradient(135deg, var(--media), var(--primaria)); box-shadow: 0 10px 22px -10px rgba(var(--primaria-rgb), .9); }