/* Tema LKIN: fundo off-white, café, bordô, verde-musgo e caramelo.
   Carregado por último em Links, Consultoria e Planilhas. */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap");

:root { color-scheme: light; --serif: "Fraunces", Georgia, "Times New Roman", serif; --caramelo: #92765A; --musgo: #596044; }

/* Títulos com serifa: mais sofisticado */
h1, .display, .h2, h2.h2, .hero h1, .final h2, .statement .h2, .about .h2, .how h2, .next h2, .proof h2 {
  font-family: var(--serif); font-weight: 600; letter-spacing: -0.025em;
}
.display { letter-spacing: -0.03em; line-height: 1; }

/* Palavras em destaque: brilho caramelo passando sobre o bordô */
.accent { background-image: linear-gradient(110deg, var(--accent) 0% 40%, var(--caramelo) 50%, var(--accent) 60% 100%) !important; }
.shimmer { background-image: linear-gradient(110deg, var(--text) 0% 40%, var(--caramelo) 50%, var(--text) 60% 100%) !important; }

/* Cartões com papel claro e sombra leve */
.card, .tile, .link, .quote, .mod, .faq details, .offer, .box, .stat, .fact, .how .item {
  box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 10px 30px -18px rgba(73,51,38,.35);
}
.spot { background-image: radial-gradient(360px circle at var(--mx, -400px) var(--my, -400px), rgba(255,255,255,.65), transparent 45%); }

/* Ícones e selos em verde-musgo */
.ticker-track span::after { color: var(--musgo); }
.tile.big .ic { background: var(--accent) !important; color: #fff !important; }

/* Cartão de preço em café */
.ticket .label, .ticket .bonus-label { color: #D9B99B !important; }
.ticket li svg { color: #D9B99B !important; }
.ticket .btn { background: #E9E2D3 !important; color: #493326 !important; }
.ticket .btn:hover { background: #fff !important; }
.ticket .was s { text-decoration-color: #D9B99B; }

/* Logo de fundo da Consultoria num fundo claro */
.hero-mark { mix-blend-mode: multiply !important; opacity: .12 !important; }

/* Carrossel em fundo claro */
.cf-dots button { background: rgba(73,51,38,.18); }
.cf-dots button.on { background: var(--accent); }
.cf-btn { background: rgba(73,51,38,.78); color: #E9E2D3; border-color: transparent; }
.cf-btn:hover { background: #493326; }

/* Brilho dos botões claros */
.wa, .btn-light { --shine: rgba(146,118,90,.35); }

::selection { background: rgba(100,45,61,.18); }