/* =====================================================================
   COMPONENTE · fundo-seda
   Fundo claro e delicado: dobras de seda desfocadas nos cantos, linhas finas no
   acento (dourado) que varrem as bordas, um ramo de folhas em traço e brilhos que
   piscam. O desenho estica para cobrir a caixa (as linhas mantêm a espessura).
   .fundo-seda          cobre a seção (position:absolute; inset:0)
   .fundo-seda--fixo    cobre a janela e fica parado enquanto a página rola
   Cores: derivadas de --cor-fundo, --cor-destaque e --cor-acento (recuo --cor-destaque-claro).
   Intensidade: --fs-dobras (padrão .5) e --fs-linhas (padrão .75).
   O conteúdo é gerado pelo fundo-seda.js (basta a div vazia).
   ===================================================================== */
.fundo-seda{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  --_ouro:var(--cor-acento,var(--cor-destaque-claro));
  background:
    radial-gradient(60% 70% at 50% 35%,color-mix(in srgb,var(--cor-fundo) 55%,#fff) 0%,transparent 70%),
    radial-gradient(45% 55% at 0% 100%,color-mix(in srgb,var(--cor-fundo) 88%,var(--cor-destaque) 12%) 0%,transparent 70%),
    radial-gradient(45% 55% at 100% 100%,color-mix(in srgb,var(--cor-fundo) 90%,var(--cor-destaque) 10%) 0%,transparent 70%),
    radial-gradient(35% 45% at 0% 0%,color-mix(in srgb,var(--cor-fundo) 92%,var(--cor-destaque) 8%) 0%,transparent 70%)}
.fundo-seda--fixo{position:fixed}
.fundo-seda__dobras{position:absolute;inset:0;width:100%;height:100%;opacity:var(--fs-dobras,.5)}
.fundo-seda__linhas{opacity:var(--fs-linhas,.75)}
.fundo-seda__linhas path{fill:none;stroke-width:1.1;stroke-linecap:round;vector-effect:non-scaling-stroke}
.fundo-seda__ramo{position:absolute;left:0;top:36%;height:clamp(150px,30vh,300px);width:auto;aspect-ratio:130/280;opacity:.5}
.fundo-seda__ramo path{fill:none;stroke:var(--_ouro);stroke-width:1.3;stroke-linecap:round}
.fundo-seda__brilho{position:absolute;width:14px;height:14px;fill:var(--_ouro);
  animation:fundo-seda-piscar 3.6s ease-in-out infinite}
@keyframes fundo-seda-piscar{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:.85;transform:scale(1)}}
@media (max-width:820px){
  .fundo-seda__dobras{opacity:calc(var(--fs-dobras,.5) * .76)}
  .fundo-seda__ramo{display:none}
}
@media (prefers-reduced-motion:reduce){.fundo-seda__brilho{animation:none;opacity:.6}}