/* Marca d'água de prévia — remover este arquivo e o bloco "PRÉVIA" do index.html na versão final */
.previa-marca {
  position: fixed; inset: 0; z-index: 2147483000; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='300'%3E%3Cg transform='rotate(-24 260 150)' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' fill='%23ffffff' fill-opacity='.2' stroke='%23000000' stroke-opacity='.18' stroke-width='1'%3E%3Ctext x='260' y='150' font-size='58' font-weight='800' letter-spacing='10'%3EPR%C3%89VIA%3C/text%3E%3Ctext x='260' y='182' font-size='17' font-weight='700' letter-spacing='4'%3EPROPOSTA DE SITE%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-size: 520px 300px;
}
.previa-faixa {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483001; pointer-events: none;
  padding: 9px 16px; text-align: center; background: rgba(0, 0, 0, .72); color: #fff;
  font: 700 12px/1.3 Arial, Helvetica, sans-serif; letter-spacing: .16em; text-transform: uppercase;
}
@media (max-width: 760px) {
  .previa-marca { background-size: 340px 196px; }
  .previa-faixa { font-size: 10px; letter-spacing: .1em; }
}
@media print { body * { visibility: hidden !important; } .previa-faixa { visibility: visible !important; } }

/* sobe o botão flutuante do WhatsApp para não ficar atrás da faixa */
.whats { bottom: calc(max(18px, env(safe-area-inset-bottom)) + 34px); }