/* Estilos customizados da Proposta Cactobios
   Tailwind vem via CDN no index.php */

html { scroll-behavior: smooth; scroll-padding-top: 80px; }
body {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #faf8f3;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
  font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif;
  letter-spacing: -0.01em;
}

.grain {
  background-image:
    radial-gradient(circle at 20% 20%, rgba(45, 107, 53, 0.06), transparent 40%),
    radial-gradient(circle at 80% 0%, rgba(200, 169, 106, 0.08), transparent 50%),
    radial-gradient(circle at 50% 100%, rgba(45, 107, 53, 0.05), transparent 50%);
}
.cactus-pattern {
  background-image:
    linear-gradient(135deg, rgba(255,255,255,0.04) 25%, transparent 25%),
    linear-gradient(225deg, rgba(255,255,255,0.04) 25%, transparent 25%),
    linear-gradient(45deg, rgba(255,255,255,0.04) 25%, transparent 25%),
    linear-gradient(315deg, rgba(255,255,255,0.04) 25%, transparent 25%);
  background-size: 40px 40px;
  background-position: 20px 0, 20px 0, 0 0, 0 0;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f2ede2; }
::-webkit-scrollbar-thumb { background: #2d6b35; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #1e5228; }

.nav-dot { transition: all 0.3s ease; }
.nav-dot.active { width: 12px !important; height: 12px !important; background: #c8a96a !important; }

@media print {
  .no-print { display: none !important; }
  body { background: white; }
  section { page-break-inside: avoid; }
}