/* ========================================================================== MARCA — camada nossa (ERP/Lucas), carregada DEPOIS do sistema.css. O sistema.css e o sistema.js sao da Marina e nao se tocam: tudo que for ajuste de marca pedido por ela entra aqui, pra ela poder reentregar os arquivos dela sem conflito. Criado 29/set/2026 — pedidos da Marina por WhatsApp em 26/set. ========================================================================== */ /* --- 1. Azul da marca ----------------------------------------------------- Tom oficial passado pela Marina: #73bbd6 (era #24B8C5, que tinha sido amostrado por nos do logo em 25/set). As duas logos PNG do pacote foram recoloridas pixel a pixel pro mesmo tom, na mesma data. */ :root{ --cobalto:#73bbd6; } /* --- 2. Contraste do fecho ------------------------------------------------ Com o azul claro, texto creme sobre o fecho da 1,99:1 — reprova em AA ate pra texto grande. Tinta sobre o mesmo azul da 5,75:1 e passa. Nao e invencao nossa: a propria Marina ja tinha desenhado a variante `.fecho.claro` exatamente assim (tinta sobre azul-claro). O azul novo tornou o fecho padrao um caso "claro", entao ele herda o tratamento dela. Unico desvio: o paragrafo fica em opacity .9 (4,84:1) em vez de .76 — com .76 daria 3,69:1, que passa como titulo mas nao como corpo de 19px. */ .fecho{color:var(--tinta)} .fecho h2{color:var(--tinta)} .fecho p{color:var(--tinta);opacity:.9} /* mesmo caso no fecho proprio da pagina da festa (estilo inline daquela pagina) */ .fecho-festa{color:var(--tinta)} .fecho-festa h2{color:var(--tinta)} .fecho-festa p{color:var(--tinta);opacity:.9} /* --- 3. Botao "Menu" do celular na cor da marca -------------------------- Pedido da Marina ("o azul da logo e da palavra menu"). O contorno e a sombra vao pro azul; o rotulo continua em tinta porque #73bbd6 sobre creme da 1,99:1 e ficaria ilegivel. */ .menu-btn{border-color:var(--cobalto);box-shadow:0 3px 0 var(--cobalto)} /* --- 4. Agenda espremida (bug da pagina Dia dos Pais) -------------------- Medido em 29/set: no celular a agenda do Dia dos Pais dava 209px de largura (celula 29px) contra 309px (celula 43px) das outras paginas de evento. Causa: `.agenda` como filho DIRETO do grid tira a largura do conteudo — 7 x `--dia`, que no celular cai pro minimo de 30px = 210px. As outras 6 paginas envolvem a agenda num `.lado-agenda` (flex column), onde ela estica e o `repeat(7,1fr)` de dentro preenche a coluna inteira. As outras 6 paginas escapam por acidente de estrutura: nelas a agenda e NETA do `.lado-agenda` (fica dentro de um `.volta-calendario`), entao a regra `.lado-agenda > .agenda{flex:none}` nao as alcanca e elas esticam. No Dia dos Pais a agenda e filha direta do grid e nao estica. Correcao: mandar esticar no empilhado. Nao mexe no desktop, onde a coluna do calendario ja tem 540px e o `max-width:520px` da propria agenda manda. MEDIDO EM 29/set (antes x depois, contra backup): o problema era de CINCO paginas, nao so do Dia dos Pais — pascoa, dia-das-maes e festa-junina tambem davam 215,66px e o carnaval 239,98px, contra 323px das certas. A Marina viu numa; o seletor abaixo e descendente pra pegar todas, independente de a agenda ser filha ou neta do grid. */ @media(max-width:900px){ .agenda-dupla .agenda{width:100%} } /* --- 5. No celular, a informacao antes do calendario --------------------- Pedido da Marina: "primeira o balao de informacao depois a agenda". So no empilhado: no desktop as colunas sao 540px (calendario) e 348px (card), e inverter jogaria o calendario na coluna estreita. */ @media(max-width:900px){ .agenda-dupla.info-primeiro > .coluna{order:-1} } /* --- 6. Texto azul sobre amarelo ---------------------------------------- Achado no QA visual de 29/set (a medicao nao pega, so o olho): o rotulo do botao "Reservar a mesa"/"Agendar agora" da capa usa o azul da marca sobre o amarelo. Com o tom novo isso da 1,25:1 — o texto some. (Com o tom anterior ja dava 1,41:1, entao o problema e antigo; o azul claro so escancarou.) Tinta sobre o mesmo amarelo da 7,20:1, e e a cor que o botao irmao "Ver a data" ja usa — nao muda a linguagem do site, so torna legivel. Vale pras 14 paginas que repetem a regra no