/* * fontes-secundaria.css — Troca APENAS a tipografia do site para a identidade * visual secundária (Manual K&A, set/2026). Carregado DEPOIS de styles.css no * index.html, sobrescrevendo somente as famílias .font-serif e .font-sans. * * Reversível: basta remover o deste arquivo no index.html para voltar * à tipografia primária (Bodoni Moda + Plus Jakarta Sans). Não altera cores, * layout, logo, imagens nem o tailwind.config.js. * * IvyPresto Display: fonte do Adobe Fonts, NÃO distribuída no projeto. Aqui é * referenciada pelo nome — renderiza real se estiver ativada no Adobe Fonts da * máquina; caso contrário cai em Playfair Display (já carregada via Google * Fonts) como aproximação. * * Amsi Pro: arquivos reais em ../fonts/. Confirmar os termos de licença antes * de publicar em PRODUÇÃO (distribuição pública). */ @font-face { font-family: "Amsi Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/amsi-light.otf") format("opentype"); } @font-face { font-family: "Amsi Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/amsi-bold.otf") format("opentype"); } /* Títulos / editorial */ .font-serif { font-family: "IvyPresto Display", "Playfair Display", Georgia, serif; } /* Texto / interface (o usa .font-sans) */ .font-sans { font-family: "Amsi Pro", "Plus Jakarta Sans", system-ui, "Segoe UI", Arial, sans-serif; } /* * Ajuste de encaixe causado pela troca de fonte. * A fonte secundária dos títulos é mais larga que a Bodoni Moda: em text-2xl (24px) * a palavra "Individualizado" estourava a coluna do meio dos micro-destaques do hero * (Cuidado / Individualizado / 2 Polos) e invadia a coluna vizinha. * Esta combinação de classes é exclusiva desses 3 rótulos, então reduzimos só eles, * de forma responsiva, mantendo a hierarquia e cabendo em qualquer largura. */ .grid > div:has(> div > p.font-serif.text-2xl.font-semibold.leading-none) { container-type: inline-size; } .font-serif.text-2xl.font-semibold.text-brand-olive.leading-none { /* dimensiona pela largura da própria coluna (cqi), cabendo em qualquer breakpoint */ font-size: clamp(0.9rem, 9cqi, 1.3rem); letter-spacing: -0.01em; }