/* gerar_em_breve_v1.py - pagina "em breve" (sem fonte de fora: CSP font-src 'self') */
:root { --fundo: #352d23; --texto: #dcdcd3; --destaque: #cfcac0; --suave: #85796a; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { min-height: 100vh; display: flex; flex-direction: column; background: var(--fundo); color: var(--texto);
  font-family: system-ui, "Segoe UI", Roboto, Arial, sans-serif; line-height: 1.5; }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  padding: 48px 20px; gap: 14px; }
.logo { width: min(220px, 55vw); height: auto; }
h1 { font-size: clamp(1.7rem, 5vw, 2.6rem); margin: 8px 0 0; letter-spacing: .01em; }
.sub { margin: 0; color: var(--destaque); font-weight: 600; }
.frase { max-width: 34rem; margin: 6px 0 0; opacity: .9; }
.selo { margin-top: 18px; display: inline-block; padding: 6px 16px; border: 1px solid var(--destaque); border-radius: 999px;
  font-size: .85rem; letter-spacing: .12em; text-transform: uppercase; }
.botao { margin-top: 10px; display: inline-block; padding: 12px 26px; border-radius: 999px; background: var(--destaque);
  color: var(--fundo); font-weight: 700; text-decoration: none; }
.botao:focus-visible, a:focus-visible, button:focus-visible { outline: 3px solid var(--texto); outline-offset: 3px; }
footer { padding: 18px 20px 26px; text-align: center; font-size: .8rem; opacity: .75; }
footer a { color: inherit; }
.texto { max-width: 46rem; margin: 0 auto; padding: 40px 20px; text-align: left; }
.texto h1 { font-size: 1.6rem; }
.texto h2 { font-size: 1.1rem; margin-top: 26px; color: var(--destaque); }
.texto a { color: var(--destaque); }
#cookies { position: fixed; left: 12px; right: 12px; bottom: 12px; max-width: 40rem; margin: 0 auto; padding: 14px 16px;
  background: var(--suave); color: var(--texto); border-radius: 12px; font-size: .9rem; box-shadow: 0 6px 24px rgba(0,0,0,.35); }
#cookies[hidden] { display: none; }
#cookies p { margin: 0 0 10px; }
#cookies a { color: inherit; }
#cookies button { font: inherit; padding: 8px 16px; border-radius: 999px; border: 1px solid var(--destaque); cursor: pointer;
  margin-right: 8px; background: transparent; color: var(--texto); }
#cookies button[data-cookies="aceitar"] { background: var(--destaque); color: var(--fundo); font-weight: 700; }
