@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,300;0,400;0,500;1,400&family=Open+Sans:wght@300;400;500;600&family=Cinzel:wght@400;500&display=swap');

:root {
  --cream: #F4F0E9;
  --cream-2: #EAE3D6;
  --sand: #D9CCB4;
  --ink: #1B1C1A;
  --ink-2: #2A2B28;
  --muted: #6B675F;
  --gold: #A9843F;
  --gold-hi: #E2C27E;
  --gold-lo: #7A5C24;
  --grad-gold: linear-gradient(120deg, #7A5C24 0%, #C9A45A 35%, #F1DCA5 50%, #C9A45A 65%, #8C6A2E 100%);
  --grad-dusk: linear-gradient(160deg, #1B1C1A 0%, #2B2620 55%, #4A3B26 100%);
  --serif: 'Noto Serif', Georgia, serif;
  --sans: 'Open Sans', system-ui, sans-serif;
  --brand: 'Cinzel', var(--serif);
  --ease: cubic-bezier(.2, .7, .2, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--sans); color: var(--ink); background: var(--cream); -webkit-font-smoothing: antialiased; }
/* Textura de papel: grão fino sobre todo o site */
body::after { content: ''; position: fixed; inset: 0; z-index: 9999; pointer-events: none; opacity: .07; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.18 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
/* *palavra* nos títulos → itálico dourado */
h1 em, h2 em, h5 em, blockquote em { font-style: italic; font-weight: 300; background: var(--grad-gold); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .06em; }
img { display: block; max-width: 100%; }
button, input { font: inherit; }

/* Logo: JPG dourado recortado pela máscara de transparência original do PDF */
.logo-mark {
  width: 84px; aspect-ratio: 731 / 316;
  background: url(../img/logo-color.jpg) center / contain no-repeat;
  -webkit-mask: url(../img/logo-mask.png) center / contain no-repeat;
          mask: url(../img/logo-mask.png) center / contain no-repeat;
  mask-mode: luminance; -webkit-mask-source-type: luminance;
}
.gold-text {
  background: var(--grad-gold); background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.eyebrow { font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 500; }

.btn-gold {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 16px 30px; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--grad-gold); background-size: 220% 100%; background-position: 0% 0;
  color: #1B1C1A; font-weight: 600; font-size: 14px; letter-spacing: .08em; text-transform: uppercase;
  box-shadow: 0 10px 30px -10px rgba(169, 132, 63, .6);
  transition: background-position .8s var(--ease), transform .3s var(--ease), box-shadow .3s;
  text-decoration: none;
}
.btn-gold:hover { background-position: 100% 0; transform: translateY(-2px); box-shadow: 0 16px 40px -12px rgba(169, 132, 63, .8); }