/* ========================================================================== TEMA VARANDA DA VILLA — a home do restaurante ========================================================================== CONCEITO: a página é a travessia de um dia na casa. Abre na luz do buffet do almoço e escurece até a noite do forno; a luz da varanda acende no caminho. Não é enfeite: é o texto do próprio restaurante ("buffet farto no almoço, forno aceso à noite") virado estrutura visual. O FOCO É VENDER A RESERVA. Toda seção termina apontando para a mesa, e o bloco de reserva é o único elemento que ganha elevação, brilho e cor cheia — o resto da página é ambiente, ele é o objeto. REGRAS DESTE DOCKER QUE ESTA FOLHA RESPEITA - larguras em % e clamp(), nunca 100vw (a barra de rolagem entra na conta do vw e causa rolagem horizontal no Windows); - arquivo separado do template, servido com ?v={assetVersion}; - nada de identidade de outro cliente: as cores saem da fachada DESTA casa — o âmbar do letreiro, o rosa da buganvília, o tijolo do forno. ========================================================================== */ :root { /* Tiradas das fotos da própria casa. O rosa é da buganvília da fachada, e é ele que impede a página de virar "mais um restaurante âmbar e preto". */ --vv-brasa: #e0a64b; --vv-brasa-alta: #f7c86f; --vv-creme: #f5ebdd; --vv-terracota: #c33b22; --vv-buganvilia: #d64d7a; --vv-folha: #7d9159; --vv-noite: #12100e; --vv-casca: #22140c; --vv-madeira: #3a200e; /* Neutros com viés quente — cinza puro ao lado deste âmbar lê como sujeira */ --vv-tinta: #f2e7d8; --vv-tinta-fraca:#c9b9a4; --vv-linha: rgba(245, 235, 221, .14); --vv-serif: "Bitter", Georgia, "Times New Roman", serif; --vv-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; /* Escala tipográfica: razão 1.28, presa ao viewport por clamp */ --vv-t-xs: clamp(.72rem, .68rem + .18vw, .82rem); --vv-t-sm: clamp(.84rem, .79rem + .22vw, .95rem); --vv-t-md: clamp(1rem, .94rem + .3vw, 1.14rem); --vv-t-lg: clamp(1.3rem, 1.15rem + .7vw, 1.75rem); --vv-t-xl: clamp(1.9rem, 1.5rem + 1.9vw, 3.1rem); --vv-t-2xl: clamp(2.6rem, 1.8rem + 3.8vw, 5.6rem); /* Ritmo entre seções. Estava em 7vw/8rem e abria um vão morto de quase uma tela entre a reserva e a casa — respiro vira abandono quando passa do tamanho do bloco que separa. */ --vv-ritmo: clamp(2.75rem, 1.5rem + 4.2vw, 5.5rem); --vv-borda: 1.15rem; /* A "hora do dia" da página: 0 = meio-dia, 1 = noite fechada. O JS move este número conforme a rolagem, e tudo que é ambiente lê daqui. Uma variável só governando a atmosfera inteira evita seis animações discordando entre si. */ --vv-noitez: 0; } /* ══════════════════════════════════════════════════════════════════════════ O TOPO COMPARTILHADO, VESTIDO PELO TEMA ══════════════════════════════════════════════════════════════════════════ O `casa_header` é o mesmo componente de todas as casas — marca, sino, Entrar, chip do cliente. Aqui ele não é reescrito, é vestido: fica transparente sobre a fachada e ganha fundo só depois que a página rola. POR QUE TODO SELETOR COMEÇA COM `body.vv` O `casa_header` injeta o `