/* ============================================================ R. SALVI · aviso de cookies (LGPD) Valores explícitos, sem var(): as variáveis da LP moram em `.lp-rsalvi` e o banner é filho do , fora daquele bloco — herança nenhuma chegaria aqui. Paleta: navy #0D1B2A · laranja #D4891C · creme #F5F3EF ============================================================ */ .lgpd{ position:fixed;left:0;right:0;bottom:0;z-index:9999; background:#0D1B2A; border-top:2px solid #D4891C; box-shadow:0 -18px 44px rgba(13,27,42,.32); transform:translateY(110%);transition:transform .5s cubic-bezier(.22,1,.36,1); font-family:'Space Grotesk','Helvetica Neue',sans-serif } .lgpd.on{transform:translateY(0)} .lgpd .caixa{ max-width:1240px;margin:0 auto;padding:1.3rem 5vw; display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap } .lgpd p{ margin:0;flex:1 1 380px;min-width:0; font-size:.86rem;line-height:1.7;color:#C7D0DA } .lgpd p strong{ display:block;font-family:'DM Serif Display',Georgia,serif; font-size:1.22rem;font-weight:400;color:#F5F3EF;margin-bottom:.3rem } .lgpd a{color:#E8A030;text-decoration:underline;text-underline-offset:3px} .lgpd .acoes{display:flex;gap:.7rem;flex-wrap:wrap} .lgpd button{ font-family:inherit;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase; padding:.92rem 1.6rem;border:1px solid #D4891C;cursor:pointer; background:#D4891C;color:#0D1B2A;font-weight:600;transition:background .25s ease,color .25s ease } .lgpd button:hover{background:#E8A030} .lgpd button.linha{background:transparent;color:#D4891C} .lgpd button.linha:hover{background:rgba(212,137,28,.12)} .lgpd button:focus-visible{outline:2px solid #F5F3EF;outline-offset:2px} /* Enquanto o aviso está em pé ele cobriria o botão flutuante do WhatsApp. A altura real vem do JS em --lgpd-altura; o seletor é mais específico que o `.lp-rsalvi .whatsapp-fab` da LP, então vence sem precisar de !important. */ html.lgpd-aberto .lp-rsalvi .whatsapp-fab{ bottom:calc(var(--lgpd-altura,160px) + 20px); transition:bottom .45s cubic-bezier(.22,1,.36,1) } /* botão de revogar, no rodapé */ .lgpd-rever{ background:none;border:0;padding:0;cursor:pointer;font:inherit; color:inherit;text-decoration:underline;text-underline-offset:3px } @media (max-width:760px){ /* na tela pequena o aviso não pode virar uma parede: texto menor e os dois botões lado a lado, para não roubar meia tela de quem chegou pra ver obra */ .lgpd .caixa{padding:1rem 6vw 1.2rem;gap:.9rem} .lgpd p{font-size:.79rem;line-height:1.6} .lgpd p strong{font-size:1.06rem} .lgpd .acoes{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.6rem} .lgpd button{padding:.85rem .6rem;font-size:.64rem;letter-spacing:.1em} } @media (prefers-reduced-motion:reduce){ .lgpd{transition:none} }