/* Relevo seco: a estrela da marca prensada no papel, sem tinta. Gerado por _fontes/tex/gen_tex.py. */
:root {
  --tx-deboss: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 220 220'%3E%3Cdefs%3E%3Cpath id='s' d='M100 0 L113.52 53.94 L154.06 15.87 L136.28 68.57 L190.96 58.46 L147.51 93.17 L198.98 114.23 L143.66 119.94 L175.57 165.49 L125.95 140.38 L128.17 195.95 L100 148 L71.83 195.95 L74.05 140.38 L24.43 165.49 L56.34 119.94 L1.02 114.23 L52.49 93.17 L9.04 58.46 L63.72 68.57 L45.94 15.87 L86.48 53.94 Z'/%3E%3CclipPath id='c'%3E%3Cuse href='%23s'/%3E%3C/clipPath%3E%3Cmask id='a'%3E%3Crect x='-10' y='-10' width='220' height='220' fill='white'/%3E%3Cuse href='%23s' transform='translate(0.9 1.1700000000000002)'/%3E%3C/mask%3E%3Cmask id='b'%3E%3Crect x='-10' y='-10' width='220' height='220' fill='white'/%3E%3Cuse href='%23s' transform='translate(-0.7200000000000001 -0.9)'/%3E%3C/mask%3E%3Cfilter id='f'%3E%3CfeGaussianBlur stdDeviation='.22'/%3E%3C/filter%3E%3C/defs%3E%3Cuse href='%23s' fill='black' fill-opacity='.32'/%3E%3Cg clip-path='url(%23c)' filter='url(%23f)'%3E%3Crect x='-10' y='-10' width='220' height='220' fill='black' fill-opacity='1' mask='url(%23a)'/%3E%3Crect x='-10' y='-10' width='220' height='220' fill='%23FEF6E7' fill-opacity='0.22' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E");
  --tx-emboss: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 220 220'%3E%3Cdefs%3E%3Cpath id='s' d='M100 0 L113.52 53.94 L154.06 15.87 L136.28 68.57 L190.96 58.46 L147.51 93.17 L198.98 114.23 L143.66 119.94 L175.57 165.49 L125.95 140.38 L128.17 195.95 L100 148 L71.83 195.95 L74.05 140.38 L24.43 165.49 L56.34 119.94 L1.02 114.23 L52.49 93.17 L9.04 58.46 L63.72 68.57 L45.94 15.87 L86.48 53.94 Z'/%3E%3CclipPath id='c'%3E%3Cuse href='%23s'/%3E%3C/clipPath%3E%3Cmask id='a'%3E%3Crect x='-10' y='-10' width='220' height='220' fill='white'/%3E%3Cuse href='%23s' transform='translate(0.9 1.1700000000000002)'/%3E%3C/mask%3E%3Cmask id='b'%3E%3Crect x='-10' y='-10' width='220' height='220' fill='white'/%3E%3Cuse href='%23s' transform='translate(-0.7200000000000001 -0.9)'/%3E%3C/mask%3E%3Cfilter id='f'%3E%3CfeGaussianBlur stdDeviation='.22'/%3E%3C/filter%3E%3C/defs%3E%3Cuse href='%23s' fill='white' fill-opacity='.35'/%3E%3Cg clip-path='url(%23c)' filter='url(%23f)'%3E%3Crect x='-10' y='-10' width='220' height='220' fill='white' fill-opacity='1' mask='url(%23a)'/%3E%3Crect x='-10' y='-10' width='220' height='220' fill='%23161513' fill-opacity='0.3' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E");
}

@layer ajuste {
  :is(.s-tarja, .s-final) { position: relative; isolation: isolate; overflow: clip; }
  :is(.s-tarja, .s-final)::before {
    content: ""; position: absolute; z-index: -1; pointer-events: none;
    width: clamp(520px, 62vw, 980px); aspect-ratio: 1; background: var(--tx-deboss) center / contain no-repeat;
  }
  /* baixo-relevo no preto, alto-relevo no creme (a tarja é creme) */
  .s-tarja::before { left: -16%; bottom: -38%; rotate: -8deg; background-image: var(--tx-emboss); }
  .s-final::before { right: -20%; bottom: -45%; rotate: 4deg; }
  @media (max-width: 599px) { .s-final::before { right: -70%; bottom: -8%; } } /* no celular só a ponta aparecia, parecendo sujeira */
}