
:root {
  --sc-navy: #081522;
  --sc-navy-2: #0e2238;
  --sc-orange: #ff7a1a;
  --sc-green: #19c36b;
  --sc-concrete: #f3f4f6;
}

html { scroll-behavior: smooth; }
body { background: linear-gradient(180deg, #f7f7f5 0%, #ffffff 36%, #eef2f6 100%) !important; }

/* Barra superior com mais contraste para conversão */
body [class*="bg-[#DC2626]"], body .bg-red-600, body [class*="bg-red"] {
  background: linear-gradient(90deg, var(--sc-orange), #e94d12) !important;
  box-shadow: 0 6px 22px rgba(255, 122, 26, .25) !important;
}

/* Cabeçalho premium */
header, nav {
  backdrop-filter: blur(14px) !important;
}
header {
  border-bottom: 1px solid rgba(8,21,34,.08) !important;
  box-shadow: 0 10px 30px rgba(8,21,34,.10) !important;
}

/* Hero mais moderno, com leitura melhor e imagem nova */
section:first-of-type {
  position: relative !important;
  overflow: hidden !important;
}
section:first-of-type::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 40%, rgba(255,122,26,.22), transparent 30%), linear-gradient(90deg, rgba(8,21,34,.96) 0%, rgba(8,21,34,.78) 42%, rgba(8,21,34,.25) 100%) !important;
  z-index: 1;
  pointer-events: none;
}
section:first-of-type > * { position: relative; z-index: 2; }

h1, h2, h3 { letter-spacing: -0.035em !important; }
h1 { text-shadow: 0 8px 30px rgba(0,0,0,.35) !important; }

/* Botões mais chamativos para WhatsApp */
button, a[href^="tel"], a[href^="mailto"] {
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
button:hover, a[href^="tel"]:hover, a[href^="mailto"]:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.04) !important;
}
button[class*="green"], button[class*="emerald"], button:has(svg), a[href*="wa.me"] {
  box-shadow: 0 14px 34px rgba(25,195,107,.32) !important;
}

/* Cards e seções com visual atualizado */
[class*="rounded-xl"], [class*="rounded-2xl"], [class*="rounded-3xl"] {
  border-radius: 1.35rem !important;
}
[class*="shadow"], [class*="border"] {
  box-shadow: 0 16px 42px rgba(8,21,34,.10) !important;
}

/* Imagens com acabamento premium */
img {
  object-fit: cover;
}
img[src*="concreto"], img[src*="piso"], img[src*="usina"], img[src*="servico"] {
  filter: saturate(1.08) contrast(1.04) !important;
}

/* Rodapé e áreas escuras */
footer, [class*="bg-[#0F172A]"], [class*="bg-slate-900"] {
  background: linear-gradient(135deg, #07111f 0%, #10243b 62%, #182f4b 100%) !important;
}

/* Selos de credibilidade */
#contato::before {
  content: "Responsável: GABRIELLE REIS • Verificado em 25 de mai. de 2026 • Curitiba/PR";
  display: block;
  max-width: 1120px;
  margin: 0 auto 1.2rem auto;
  padding: .9rem 1.2rem;
  border-radius: 999px;
  background: rgba(25,195,107,.10);
  color: #065f46;
  border: 1px solid rgba(25,195,107,.25);
  font-weight: 800;
  text-align: center;
}

@media (max-width: 768px) {
  h1 { font-size: clamp(2.45rem, 12vw, 4.2rem) !important; line-height: .98 !important; }
  section:first-of-type::before { background: linear-gradient(180deg, rgba(8,21,34,.96), rgba(8,21,34,.70)) !important; }
  #contato::before { border-radius: 1rem; margin-left: 1rem; margin-right: 1rem; }
}
