/* Tema Lume — moda: preto e branco, serifa editorial, muito respiro */
@font-face { font-family: "Playfair"; src: url("/assets/fontes/playfair-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
:root { --cor: #111; --cor-2: #333; --fundo: #fff; --fundo-2: #f3f1ee; --tinta: #111; --texto: #555; --linha: #e6e3de; --raio: 0px; --raio-botao: 0;
  --fonte: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; --titulo: "Playfair", Georgia, serif; --rodape-fundo: #111;
  --veu: linear-gradient(90deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .05)); }
h1, h2 { font-weight: 600; letter-spacing: -.01em; }
h1 { font-size: clamp(3rem, 8vw, 6.8rem); line-height: .95; }
h1 em { font-style: italic; color: #fff !important; }
.menu a { text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; }
.botao { text-transform: uppercase; letter-spacing: .16em; font-size: .8rem; }
.sobretitulo { color: #888; letter-spacing: .3em; }
.selo-hero { background: transparent; border: 1px solid #fff; border-radius: 0; letter-spacing: .25em; text-transform: uppercase; font-size: .72rem; }
.hero-fundo { filter: grayscale(.2); }
.faixa { background: #111; color: #fff; }
.faixa-trilho span { font-size: .85rem; letter-spacing: .25em; }
.produtos { --foto-produto: 3/4; gap: 34px 24px; }
.produto { border: 0; background: transparent; }
.produto:hover { transform: none; box-shadow: none; }
.produto > div { padding: 16px 0 0; }
.produto h3 { font-size: 1.25rem; }
.produto .preco { color: #111; font-family: var(--fonte); font-weight: 600; font-size: 1rem; letter-spacing: .05em; }
.produto .botao { background: transparent; color: #111; border: 1px solid #111; align-self: flex-start; }
.produto .botao:hover { background: #111; color: #fff; }
.cartao { background: #fff; text-align: center; padding: 50px 30px; }
.icone-cartao { background: none; font-size: 2.6rem; }
.foto-sobre img { aspect-ratio: 4/5; filter: grayscale(.3); }
.depoimento blockquote { font-family: var(--titulo); font-style: italic; font-size: 1.3rem; }
.estrelas { color: #111; }
.lista-check li::before { background: #111; }
