/* A paleta vem do núcleo, não daqui. * * O `` de cada página carrega a classe da paleta do seu núcleo — * `a12-paleta-terracota` no Reze no Santuário, `a12-paleta-azul-petroleo-vivo` * na Academia Marial — e ela define seis pares de token. Estes widgets são os * mesmos nos três serviços de coleção (Santo do Dia, Títulos e Deus Conosco), * então cor fixa aqui significa a página da Academia Marial pintada de marrom, * que foi o que se viu em 15/09. * * Cada `var()` traz o valor antigo como reserva: sem paleta na página, o * componente continua exatamente como era. * * --a12-principal / --a12-on-principal tinta média, fundos de marca * --a12-secundaria / --a12-on-secundaria tinta forte, botão de ação * --a12-intermediaria / --a12-on-intermediaria tinta suave * --a12-fundo-suave / --a12-on-fundo-suave faixa clara * * As 29 paletas são pareadas por luminosidade, então trocar o matiz não mexe * nas razões de contraste — é o que torna esta substituição segura. */ /** * Calendário e filtros do Santo do Dia. * * Segue os dois desenhos do editorial: `calendario-temp.svg` (topo marrom, * faixa com as iniciais, grade limpa, hoje no círculo cheio) e * `filtros-temp-santo-do-dia.svg` (três seletores de largura igual, cantos * suaves, sem botão). * * **Sem ``, de propósito.** A primeira versão era tabela, e o tema * desenha borda em `td` — o calendário foi ao ar com linhas de grade que o * desenho não tem. Grade de CSS não herda nada disso. * * Cada regra que existe para resistir ao tema está marcada. O resto é o * desenho. */ /* ---------------------------------------------- o gatilho e o painel * * O calendário não ocupa mais a página: fica atrás de um botão com a data em * foco e aparece por cima quando alguém pede. Sem JavaScript o mesmo HTML é um * `

`, que abre no lugar — o conteúdo não some, muda de forma. */ .a12-cal-caixa { position: relative; display: inline-block; max-width: 100%; } .a12-cal-gatilho { display: inline-flex; align-items: center; gap: .85rem; padding: .6rem .9rem; border: 0; border-radius: 12px; background: none; color: var(--a12-secundaria, #4b2d22); font: inherit; text-align: left; cursor: pointer; list-style: none; /* o marcador do

*/ } .a12-cal-gatilho::-webkit-details-marker { display: none; } /* O reset do tema pinta **qualquer** `