/* Aviso de cookies (LGPD). Independente do resto do site: serve no site novo e nas páginas antigas.
   No celular, uma barra compacta embaixo: texto à esquerda, X e OK à direita.
   No computador, um cartão no canto inferior esquerdo, com título. */
.cookies {
    position: fixed; z-index: 1500;
    left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom));
    display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px;
    padding: 10px 10px 10px 16px;
    border-radius: 16px; border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(19, 19, 23, .96); color: #f4f4f5;
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .8);
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 14px; line-height: 1.45;
    animation: cookies-sobe .5s cubic-bezier(.22, 1, .36, 1) both;
}
.cookies[hidden] { display: none; }
@keyframes cookies-sobe { from { opacity: 0; transform: translateY(16px); } }
.cookies-titulo { display: none; }
.cookies-texto { grid-column: 1; grid-row: 1; margin: 0; color: #a1a1aa; font-size: 13px; line-height: 1.45; }
.cookies-texto a { color: #f0952f; white-space: nowrap; }
.cookies-x {
    grid-column: 2; grid-row: 1; width: 40px; height: 40px; border-radius: 50%;
    display: grid; place-items: center; padding: 0; cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .14); background: transparent; color: #a1a1aa;
}
.cookies-x:hover { color: #fff; background: rgba(255, 255, 255, .06); }
.cookies-ok {
    grid-column: 3; grid-row: 1; height: 40px; padding: 0 20px; border: 0; border-radius: 999px; cursor: pointer;
    font: inherit; font-weight: 600; color: #1c1206; background: linear-gradient(100deg, #f0952f, #f6cb8c);
}
.cookies-ok:focus-visible, .cookies-x:focus-visible { outline: 2px solid #f0952f; outline-offset: 3px; }
/* Com o aviso na tela, o botão flutuante do WhatsApp sai da frente */
body.cookies-aberto .whats-flutuante { display: none; }

@media (min-width: 768px) {
    .cookies {
        left: 24px; right: auto; bottom: 24px; width: 400px;
        grid-template-columns: 1fr; align-items: start; gap: 10px; padding: 18px 18px 16px; border-radius: 18px;
        font-size: 16px; line-height: 1.5;
    }
    .cookies-titulo { display: block; grid-row: 1; margin: 0; font-weight: 600; padding-right: 44px; }
    .cookies-titulo::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #f0952f; vertical-align: middle; }
    .cookies-texto { grid-row: 2; font-size: 14px; line-height: 1.5; }
    .cookies-x { position: absolute; top: 6px; right: 6px; width: 44px; height: 44px; border: 0; border-radius: 12px; }
    .cookies-ok { grid-column: 1; grid-row: 3; justify-self: start; min-width: 120px; height: auto; padding: .65rem 1.2rem; }
}
@media (prefers-reduced-motion: reduce) {
    .cookies { animation: none; }
}