/* ═══════════════════════════════════════════════════════════════════════
   MODERN THEME — CTR Cabo Ambiental
   -----------------------------------------------------------------------
   Paleta de cores:
     Primary   (verde)  #61AF2C
     Navy      (azul)   #102249
     Gray               #6E6E6E

   Para REVERTER completamente: remova a tag abaixo de cada HTML:
     <link rel="stylesheet" href="./modern-theme.css">

   Este arquivo NUNCA altera estrutura, IDs, JS, SEO ou textos.
   Apenas sobrescreve cores, sombras, espaçamentos e efeitos visuais.
   ═══════════════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────────────────
   1. VARIÁVEIS GLOBAIS
   ──────────────────────────────────────────────────────────────────────── */
:root {
  --mt-green:        #61AF2C;
  --mt-green-dark:   #4a8f1f;
  --mt-green-light:  #79cc3a;
  --mt-green-faint:  rgba(97, 175, 44, 0.08);
  --mt-green-soft:   rgba(97, 175, 44, 0.15);
  --mt-green-mid:    rgba(97, 175, 44, 0.25);

  --mt-navy:         #102249;
  --mt-navy-dark:    #0a1730;
  --mt-navy-mid:     #1a3570;
  --mt-navy-faint:   rgba(16, 34, 73, 0.07);
  --mt-navy-soft:    rgba(16, 34, 73, 0.15);

  --mt-gray:         #6E6E6E;
  --mt-gray-light:   #f4f7f2;
  --mt-gray-xlight:  #eef2ea;

  --mt-white:        #ffffff;
  --mt-surface:      #f5f8f3;
}


/* ────────────────────────────────────────────────────────────────────────
   2. TAILWIND UTILITY OVERRIDES — primary (verde #61AF2C)
   ──────────────────────────────────────────────────────────────────────── */

.bg-primary               { background-color: var(--mt-green)       !important; }
.text-primary             { color:            var(--mt-green)       !important; }
.border-primary           { border-color:     var(--mt-green)       !important; }
.ring-primary             { --tw-ring-color:  var(--mt-green)       !important; }

/* Opacity variants */
.bg-primary\/5,
.bg-primary\/8,
.bg-primary\/10           { background-color: var(--mt-green-faint)  !important; }
.bg-primary\/20           { background-color: var(--mt-green-soft)   !important; }
.bg-primary\/90           { background-color: var(--mt-green-dark)   !important; }
.hover\:bg-primary\/90:hover { background-color: var(--mt-green-dark) !important; }
.hover\:bg-primary:hover  { background-color: var(--mt-green)       !important; }
.text-primary\/60         { color: rgba(97, 175, 44, 0.65)          !important; }
.text-primary\/80         { color: rgba(97, 175, 44, 0.85)          !important; }


/* ────────────────────────────────────────────────────────────────────────
   3. TAILWIND UTILITY OVERRIDES — secondary (navy #102249)
   ──────────────────────────────────────────────────────────────────────── */

.bg-secondary             { background-color: var(--mt-navy)         !important; }
.text-secondary           { color:            var(--mt-navy)         !important; }
.border-secondary         { border-color:     var(--mt-navy)         !important; }

/* secondary-container → used as CTA button (WhatsApp etc.) */
.bg-secondary-container   { background-color: var(--mt-navy)         !important; }
.text-on-secondary-container { color: var(--mt-white)               !important; }
.hover\:bg-secondary-fixed:hover { background-color: var(--mt-navy-mid) !important; }

/* secondary/10 overlay */
.bg-secondary\/10         { background-color: var(--mt-navy-faint)   !important; }

/* secondary-container/30 chips / badges */
.bg-secondary-container\/30 { background-color: var(--mt-green-soft) !important; }
.text-on-secondary-container { color: var(--mt-navy)                !important; }


/* ────────────────────────────────────────────────────────────────────────
   4. SURFACE COLORS
   ──────────────────────────────────────────────────────────────────────── */

.bg-surface-container       { background-color: var(--mt-gray-xlight) !important; }
.bg-surface-container-low   { background-color: var(--mt-gray-light)  !important; }
.bg-background,
body                        { background-color: var(--mt-surface)     !important; }


/* ────────────────────────────────────────────────────────────────────────
   5. NAVBAR — glassmorphism + verde
   ──────────────────────────────────────────────────────────────────────── */

/* Header wrapper — apenas a navbar sticky do site público
   (painéis admin/cliente usam <header> sem sticky/z-50, não são afetados) */
header.sticky,
header[class*="sticky"],
header[class*="z-50"] {
  background: rgba(255, 255, 255, 0.93)     !important;
  backdrop-filter: blur(18px)               !important;
  -webkit-backdrop-filter: blur(18px)       !important;
  border-bottom: 1.5px solid rgba(97, 175, 44, 0.18) !important;
  box-shadow: 0 2px 24px rgba(16, 34, 73, 0.07), 0 1px 0 rgba(97, 175, 44, 0.10) !important;
}

/* Override inline .nav-link CSS (defined inside <style> block) */
.nav-link         { color: var(--mt-gray)   !important; }
.nav-link:hover   { color: var(--mt-green)  !important; }

/* Underline animation color */
.nav-link::after  { background-color: var(--mt-green) !important; }

/* Active link */
.nav-link-active  {
  color:         var(--mt-green) !important;
  border-color:  var(--mt-green) !important;
}

/* Active link on service pages (uses classes directly, no .nav-link-active) */
a.text-primary.border-b-2.border-primary {
  color:         var(--mt-green) !important;
  border-color:  var(--mt-green) !important;
}

/* Mobile menu links */
.mobile-nav-link {
  color: var(--mt-gray)   !important;
}
.mobile-nav-link:hover {
  color:            var(--mt-green)       !important;
  background-color: var(--mt-green-faint) !important;
}
a.mobile-nav-link.text-primary {
  color:            var(--mt-green)       !important;
  background-color: var(--mt-green-faint) !important;
}

/* "Entrar" / CTA button in navbar */
header a.bg-primary,
header a[class*="bg-primary"] {
  background-color: var(--mt-green)       !important;
  color:            var(--mt-white)       !important;
  box-shadow: 0 2px 10px rgba(97, 175, 44, 0.28) !important;
}
header a.bg-primary:hover,
header a[class*="bg-primary"]:hover {
  background-color: var(--mt-green-dark)  !important;
}

/* Back arrow link on service pages */
header a.text-primary {
  color: var(--mt-green) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   6. HERO — HOME (#inicio)
   ──────────────────────────────────────────────────────────────────────── */

/* Overlay tint on the hero background image */
#inicio .bg-primary\/20 {
  background-color: rgba(16, 34, 73, 0.40) !important;
}

/* Badge chip above H1 */
#inicio .bg-secondary-container\/30 {
  background-color: rgba(97, 175, 44, 0.18) !important;
}

/* Primary buttons inside hero */
#inicio .bg-primary {
  background-color: var(--mt-green)       !important;
  box-shadow: 0 4px 18px rgba(97, 175, 44, 0.35) !important;
}
#inicio .bg-primary:hover {
  background-color: var(--mt-green-dark)  !important;
}

/* Outline button */
#inicio .border-outline\/30 {
  border-color: rgba(255,255,255,0.45)    !important;
  color: var(--mt-white)                  !important;
}


/* ────────────────────────────────────────────────────────────────────────
   7. SOBRE NÓS (#sobre-nos)
   ──────────────────────────────────────────────────────────────────────── */

#sobre-nos .bg-secondary-container\/20 {
  background-color: rgba(97, 175, 44, 0.07) !important;
}
#sobre-nos .bg-primary\/10 {
  background-color: rgba(97, 175, 44, 0.10) !important;
}
#sobre-nos .bg-primary\/8 {
  background-color: rgba(97, 175, 44, 0.08) !important;
}
#sobre-nos .bg-secondary-container\/30 {
  background-color: rgba(97, 175, 44, 0.14) !important;
}

/* Stat numbers */
#sobre-nos .text-primary {
  color: var(--mt-green) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   8. SERVIÇOS (#servicos) — home page
   ──────────────────────────────────────────────────────────────────────── */

/* Override inline gradient background */
[style*="160deg, #f2f4f2"] {
  background: linear-gradient(160deg, var(--mt-gray-light) 0%, var(--mt-gray-xlight) 100%) !important;
}

#servicos .bg-secondary-container\/30 {
  background-color: rgba(97, 175, 44, 0.14) !important;
}

/* Service cards */
#servicos .bg-white {
  border-radius: 16px !important;
  box-shadow: 0 2px 16px var(--mt-navy-faint), 0 1px 4px rgba(97, 175, 44, 0.08) !important;
  border: 1px solid rgba(97, 175, 44, 0.10) !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
#servicos .group:hover .bg-white,
#servicos .bg-white:hover {
  box-shadow: 0 8px 32px rgba(16, 34, 73, 0.12), 0 2px 10px rgba(97, 175, 44, 0.18) !important;
  transform: translateY(-4px) !important;
}

/* Icon accent bar on top of card */
#servicos .bg-primary.rounded-full,
#servicos [class*="h-1"][class*="bg-primary"] {
  background-color: var(--mt-green) !important;
}

/* Icon background gradient (inline style override) */
[style*="rgba(21,66,18"],
[style*="rgba(68,105,0"] {
  background: linear-gradient(135deg, rgba(97,175,44,0.10), rgba(97,175,44,0.20)) !important;
}

/* "Confira os serviços" CTA link */
#servicos a.text-primary {
  color: var(--mt-green) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   9. ÁREA DO CLIENTE CTA (#area-do-cliente)
   ──────────────────────────────────────────────────────────────────────── */

#area-do-cliente .bg-primary {
  background: linear-gradient(135deg, var(--mt-navy-dark) 0%, var(--mt-navy) 60%, var(--mt-navy-mid) 100%) !important;
  box-shadow: 0 8px 40px rgba(16, 34, 73, 0.30) !important;
  border-radius: 20px !important;
}

/* WhatsApp button inside CTA */
#area-do-cliente .bg-secondary-container {
  background-color: var(--mt-green)       !important;
  color:            var(--mt-white)       !important;
  box-shadow: 0 2px 12px rgba(97, 175, 44, 0.30) !important;
}
#area-do-cliente .bg-secondary-container:hover {
  background-color: var(--mt-green-dark)  !important;
}
#area-do-cliente .text-on-secondary-container {
  color: var(--mt-white) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   10. PORTFÓLIO (#portfolio)
   ──────────────────────────────────────────────────────────────────────── */

#portfolio .bg-secondary-container\/30 {
  background-color: rgba(97, 175, 44, 0.14) !important;
}

/* Override inline fade overlays */
[style*="to right, #f2f4f2"] {
  background: linear-gradient(to right, var(--mt-gray-light), transparent) !important;
}
[style*="to left, #f2f4f2"] {
  background: linear-gradient(to left, var(--mt-gray-light), transparent) !important;
}

/* Logo cards */
.logo-item {
  background: var(--mt-white) !important;
  border: 1px solid rgba(97, 175, 44, 0.14)   !important;
  box-shadow: 0 2px 14px var(--mt-navy-faint)  !important;
  border-radius: 12px                          !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
.logo-item:hover {
  box-shadow: 0 6px 24px rgba(16, 34, 73, 0.12), 0 1px 6px rgba(97, 175, 44, 0.15) !important;
  transform: translateY(-2px) !important;
}

/* Carousel nav buttons — estilo navy limpo */
#portfolio button.border-outline\/30 {
  border-color:     var(--mt-navy)        !important;
  color:            var(--mt-navy)        !important;
  background-color: rgba(255,255,255,0.8) !important;
  transition: all 0.2s ease              !important;
}
#portfolio button.border-outline\/30:hover {
  background-color: var(--mt-navy)        !important;
  color:            var(--mt-white)       !important;
  border-color:     var(--mt-navy)        !important;
}


/* ────────────────────────────────────────────────────────────────────────
   11. CONTATO (#contato)
   ──────────────────────────────────────────────────────────────────────── */

#contato .border-outline\/30 {
  border-color: rgba(97, 175, 44, 0.25) !important;
}
#contato .text-primary {
  color: var(--mt-green) !important;
}
#contato .hover\:bg-primary:hover {
  background-color: var(--mt-green)   !important;
  color:            var(--mt-white)   !important;
}


/* ────────────────────────────────────────────────────────────────────────
   12. FOOTER — dark navy
   ──────────────────────────────────────────────────────────────────────── */

/* Footer da home — tem classe bg-surface-container */
footer.bg-surface-container {
  background: linear-gradient(135deg, var(--mt-navy-dark) 0%, var(--mt-navy) 100%) !important;
  border-top: 2px solid rgba(97, 175, 44, 0.25) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Footers dos painéis admin/cliente — transparentes, sem cor */
footer.text-slate-500,
footer.text-center,
footer.mt-stack-md,
footer[class*="text-sm"] {
  background: transparent !important;
  border-top: none !important;
  color: var(--mt-gray) !important;
}

footer.bg-surface-container p,
footer.bg-surface-container .text-on-surface-variant {
  color: rgba(255, 255, 255, 0.65) !important;
  opacity: 1 !important;
}

footer.bg-surface-container a {
  color: var(--mt-green-light) !important;
}
footer.bg-surface-container a:hover {
  color: var(--mt-white) !important;
}


/* ════════════════════════════════════════════════════════════════════════
   SERVICE PAGES — OVERRIDES
   ════════════════════════════════════════════════════════════════════════ */


/* ────────────────────────────────────────────────────────────────────────
   13. SERVIÇOS AMBIENTAIS — hero verde (#154212 → #61AF2C)
   ──────────────────────────────────────────────────────────────────────── */

/* Override hero inline gradient */
[style*="#154212"] {
  background: linear-gradient(135deg, #2a6012 0%, var(--mt-green) 60%, var(--mt-green-light) 100%) !important;
}

/* Hero radial overlay dots */
[style*="radial-gradient(circle at 20% 80%, #bdf073"] {
  background-image: radial-gradient(circle at 20% 80%, rgba(97,175,44,0.35) 0%, transparent 50%),
                    radial-gradient(circle at 80% 20%, rgba(121,204,58,0.25) 0%, transparent 50%) !important;
}

/* Ambiental service page icon backgrounds */
[style*="rgba(21,66,18,0.12)"],
[style*="rgba(68,105,0,0.18)"] {
  background: linear-gradient(135deg, rgba(97,175,44,0.12), rgba(97,175,44,0.22)) !important;
}

/* Ambiental CTA section (uses .bg-primary Tailwind class) */
/* Already handled by global .bg-primary override */


/* ────────────────────────────────────────────────────────────────────────
   14. SERVIÇOS ENGENHARIA — hero marrom → navy (#102249)
   ──────────────────────────────────────────────────────────────────────── */

/* Override hero inline gradient (brown → navy) */
[style*="#3a2218"],
[style*="#4d3327 60%"] {
  background: linear-gradient(135deg, var(--mt-navy-dark) 0%, var(--mt-navy) 60%, var(--mt-navy-mid) 100%) !important;
}

/* Engineering hero radial overlay dots (brown tones → navy tones) */
[style*="radial-gradient(circle at 20% 80%, #ffdbcc"] {
  background-image: radial-gradient(circle at 20% 80%, rgba(26,53,112,0.40) 0%, transparent 50%),
                    radial-gradient(circle at 80% 20%, rgba(97,175,44,0.20) 0%, transparent 50%) !important;
}

/* Engineering icon containers */
[style*="rgba(77,51,39,0.12)"],
[style*="rgba(102,73,60,0.2)"] {
  background: linear-gradient(135deg, rgba(16,34,73,0.10), rgba(16,34,73,0.20)) !important;
}

/* Engineering service badges ("Serviço 01", "Serviço 02", etc.) */
[style*="rgba(77,51,39,0.08)"] {
  background: rgba(16, 34, 73, 0.08) !important;
}

/* Engineering badge text color */
[style*="color:#4d3327"] {
  color: var(--mt-navy) !important;
}

/* Engineering CTA buttons (style="background-color:#4d3327") */
[style*="background-color:#4d3327"] {
  background-color: var(--mt-green)   !important;
  color:            var(--mt-white)   !important;
  box-shadow: 0 2px 12px rgba(97, 175, 44, 0.30) !important;
}
[style*="background-color:#4d3327"]:hover {
  background-color: var(--mt-green-dark) !important;
}

/* Engineering CTA section gradient (inline style) */
[style*="linear-gradient(135deg, #4d3327"] {
  background: linear-gradient(135deg, var(--mt-navy-dark) 0%, var(--mt-navy) 100%) !important;
}

/* Engineering CTA glow orb */
[style*="rgba(255,219,204,0.15)"] {
  background: rgba(97, 175, 44, 0.12) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   15. SERVICE PAGES — shared improvements
   ──────────────────────────────────────────────────────────────────────── */

/* Service card entrance animation stays clean */
.service-card {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.5s ease, transform 0.5s ease !important;
}
.service-card.visible {
  opacity: 1  !important;
  transform: translateY(0) !important;
}

/* Service card layout */
.service-card .bg-white {
  border-radius: 16px !important;
  box-shadow: 0 2px 20px var(--mt-navy-faint), 0 1px 5px rgba(97, 175, 44, 0.09) !important;
  border: 1px solid rgba(97, 175, 44, 0.10) !important;
  overflow: hidden !important;
}
.service-card:hover .bg-white {
  box-shadow: 0 10px 36px rgba(16, 34, 73, 0.13), 0 2px 10px rgba(97, 175, 44, 0.18) !important;
}

/* Service page "Confira" / CTA buttons using .bg-primary */
main .bg-primary {
  background-color: var(--mt-green) !important;
  color: var(--mt-white) !important;
}
main a.bg-primary:hover {
  background-color: var(--mt-green-dark) !important;
}

/* WhatsApp button on service CTA */
main .bg-secondary-container {
  background-color: var(--mt-green) !important;
  color:            var(--mt-white) !important;
}
main .hover\:bg-secondary-fixed:hover {
  background-color: var(--mt-green-dark) !important;
}
main .text-on-secondary-container {
  color: var(--mt-white) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   16. BOTÕES GLOBAIS — premium shadows
   ──────────────────────────────────────────────────────────────────────── */

a[class*="bg-primary"],
button[class*="bg-primary"] {
  transition: all 0.25s ease !important;
}
a[class*="bg-primary"]:hover,
button[class*="bg-primary"]:hover {
  transform: translateY(-1px) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   17. TIPOGRAFIA — refinamentos
   ──────────────────────────────────────────────────────────────────────── */

h1, h2, h3 {
  letter-spacing: -0.015em;
}

/* Subtle text-on-surface-variant → gray */
.text-on-surface-variant {
  color: var(--mt-gray) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   18. OUTLINE / DIVIDERS
   ──────────────────────────────────────────────────────────────────────── */

.border-outline\/15 {
  border-color: rgba(97, 175, 44, 0.15) !important;
}
.border-outline\/30 {
  border-color: rgba(97, 175, 44, 0.22) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   19. FOOTER — títulos de seção (Recursos, Jurídico, Social)
       text-on-tertiary-fixed-variant era marrom (#5c4033) — troca p/ verde
   ──────────────────────────────────────────────────────────────────────── */

.text-on-tertiary-fixed-variant {
  color: var(--mt-green-light) !important;
}

/* Ícones sociais no footer — fundo escuro, ícone verde */
footer .bg-surface-container-high {
  background-color: rgba(255, 255, 255, 0.10) !important;
}
footer .hover\:bg-primary-fixed:hover {
  background-color: var(--mt-green)          !important;
  color:            var(--mt-white)          !important;
}

/* on-surface-variant no footer → branco suave (links de menu) */
footer .text-on-surface-variant {
  color: rgba(255, 255, 255, 0.60) !important;
}
footer .hover\:text-primary:hover {
  color: var(--mt-green-light) !important;
}

/* Divider interno do footer */
footer .border-outline\/10 {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

/* Copyright */
footer .opacity-60 {
  color: rgba(255, 255, 255, 0.50) !important;
  opacity: 1 !important;
}


/* ════════════════════════════════════════════════════════════════════════
   PÁGINAS DE PAINEL — Área do Cliente & Admin
   ════════════════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────────────────
   20. SIDEBAR — nav ativa e navegação lateral
   ──────────────────────────────────────────────────────────────────────── */

/* .active-nav tem inline CSS (background + border-right: #154212) */
.active-nav {
  background-color: rgba(97, 175, 44, 0.10) !important;
  border-right-color: var(--mt-green)        !important;
  border-right-width: 3px                    !important;
  border-right-style: solid                  !important;
  color: var(--mt-green)                     !important;
}

/* Links da sidebar */
aside a.active-nav,
aside a.text-primary {
  color: var(--mt-green) !important;
}
aside h1.text-primary,
aside .text-primary {
  color: var(--mt-navy)  !important;
}

/* Hover em links da sidebar */
aside a:hover {
  color: var(--mt-green) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   21. BOTÕES DE PAINEL — sobrescrever hover:bg-slate-800
   ──────────────────────────────────────────────────────────────────────── */

/* Botões primários nos painéis (bg-primary + hover:bg-slate-800) */
.hover\:bg-slate-800:hover {
  background-color: var(--mt-green-dark) !important;
}

/* Botões com hover em primary-container */
.hover\:bg-primary-container:hover {
  background-color: var(--mt-green-soft) !important;
}

/* Avatar círculo admin/cliente */
.bg-primary.text-on-primary.rounded-full {
  background-color: var(--mt-navy) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   22. FORMULÁRIOS — inputs com foco em verde/navy
   ──────────────────────────────────────────────────────────────────────── */

input:focus,
select:focus,
textarea:focus {
  outline-color:  var(--mt-green) !important;
  border-color:   var(--mt-green) !important;
  box-shadow: 0 0 0 3px rgba(97, 175, 44, 0.18) !important;
}

/* Labels com text-primary */
label.text-primary,
.text-primary label {
  color: var(--mt-navy) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   23. PÁGINAS DE LOGIN — card central, logo, botão
   ──────────────────────────────────────────────────────────────────────── */

/* Card de login */
.bg-surface-container-lowest.rounded-3xl,
.bg-white.rounded-3xl {
  box-shadow: 0 4px 32px var(--mt-navy-faint), 0 1px 6px rgba(97, 175, 44, 0.08) !important;
  border: 1px solid rgba(97, 175, 44, 0.12) !important;
}

/* Título / logo de login */
.font-headline.text-primary,
h1.text-primary {
  color: var(--mt-navy) !important;
}

/* Link "Esqueceu a senha" e similares */
a.text-primary:not([class*="bg-"]) {
  color: var(--mt-green) !important;
}
a.text-primary:hover:not([class*="bg-"]) {
  color: var(--mt-green-dark) !important;
}

/* border-primary em inputs de formulário */
.border-primary {
  border-color: var(--mt-green) !important;
}

/* Botão primário de login */
button.bg-primary,
a.bg-primary {
  background-color: var(--mt-green) !important;
  color:            var(--mt-white) !important;
  box-shadow: 0 2px 14px rgba(97, 175, 44, 0.28) !important;
  transition: all 0.2s ease !important;
}
button.bg-primary:hover,
a.bg-primary:hover {
  background-color: var(--mt-green-dark) !important;
  box-shadow: 0 4px 20px rgba(97, 175, 44, 0.38) !important;
  transform: translateY(-1px)            !important;
}


/* ────────────────────────────────────────────────────────────────────────
   24. REGISTER CLIENTS — tabela / badges / status
   ──────────────────────────────────────────────────────────────────────── */

/* Badges de status bg-secondary (verde-oliva antigo) */
.bg-secondary.text-on-secondary,
.bg-secondary {
  background-color: var(--mt-green) !important;
  color:            var(--mt-white) !important;
}
.text-secondary {
  color: var(--mt-navy) !important;
}

/* Hover em linhas de tabela */
tr:hover td {
  background-color: rgba(97, 175, 44, 0.04) !important;
}

/* Inline style com #446900 (secondary antigo) */
[style*="#446900"] {
  color: var(--mt-green-dark) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   25. INLINE STYLES — cores hardcoded antigas nos painéis
   ──────────────────────────────────────────────────────────────────────── */

/* active-nav inline (rgba(21,66,18,...)) */
[style*="rgba(21, 66, 18"],
[style*="rgba(21,66,18"] {
  background-color: rgba(97, 175, 44, 0.10) !important;
}

/* Qualquer style com #154212 hardcoded */
[style*="color: #154212"],
[style*="color:#154212"] {
  color: var(--mt-green) !important;
}
[style*="background-color: #154212"],
[style*="background-color:#154212"],
[style*="background: #154212"] {
  background-color: var(--mt-green) !important;
}
[style*="border.*#154212"] {
  border-color: var(--mt-green) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   26. PAINEL GERAL — surface, cards, headers de seção
   ──────────────────────────────────────────────────────────────────────── */

/* Cabeçalho de seção com texto navy (text-slate-950 não muda — OK) */

/* Ícone no avatar circular (geral) */
[id="adminAvatar"],
[id="clientAvatar"] {
  background-color: var(--mt-navy) !important;
  color:            var(--mt-white) !important;
}

/* Rodapé nos painéis */
main + footer,
.text-center.text-sm.text-slate-500 {
  color: var(--mt-gray) !important;
}

/* Upload / drag area com border-primary */
[class*="border-primary"] {
  border-color: var(--mt-green) !important;
}

/* Indicador de progresso / loading — seletor específico, não pega hover:bg-primary */
.bg-primary.rounded-full:not([class*="hover\:bg-primary"]) {
  background-color: var(--mt-green) !important;
}


/* ────────────────────────────────────────────────────────────────────────
   27. CARDS DE PAINEL — suavizar fundo branco grosseiro
   ──────────────────────────────────────────────────────────────────────── */

/* bg-white e bg-surface-container-lowest nos painéis → off-white suave */
.bg-surface-container-lowest {
  background-color: #fafcf8 !important;
}

/* Card de login "Bem-vindo" */
.bg-surface-container-lowest.border,
.bg-surface-container-lowest.rounded-xl {
  background-color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(97, 175, 44, 0.14)       !important;
  box-shadow: 0 8px 40px rgba(16, 34, 73, 0.08), 0 1px 4px rgba(97, 175, 44, 0.07) !important;
  backdrop-filter: blur(6px)                  !important;
}

/* Articles / cards internos dos painéis */
article.rounded-3xl,
.rounded-3xl.border.bg-surface-container-low,
section.rounded-3xl.border {
  background-color: rgba(255, 255, 255, 0.80) !important;
  border-color: rgba(97, 175, 44, 0.12)       !important;
  box-shadow: 0 2px 20px rgba(16, 34, 73, 0.06), 0 1px 3px rgba(97, 175, 44, 0.06) !important;
  backdrop-filter: blur(4px)                  !important;
}

/* Aside (sidebar) */
aside.rounded-3xl {
  background-color: rgba(255, 255, 255, 0.75) !important;
  border-color: rgba(97, 175, 44, 0.12)       !important;
  box-shadow: 0 2px 20px rgba(16, 34, 73, 0.06) !important;
  backdrop-filter: blur(8px)                  !important;
}

/* Tabela bg-white → levemente off-white */
.bg-white,
tbody.bg-white,
.overflow-x-auto.rounded-2xl.border.bg-white {
  background-color: rgba(255, 255, 255, 0.90) !important;
}

/* Borda de tabelas e containers */
.border-outline\/15,
.divide-outline\/15 > * + * {
  border-color: rgba(97, 175, 44, 0.10) !important;
}
.border-outline\/20,
.divide-outline\/20 > * + * {
  border-color: rgba(97, 175, 44, 0.14) !important;
}

/* Modal interno */
.w-full.max-w-2xl.rounded-3xl.bg-white,
.w-full.max-w-lg.rounded-3xl.bg-white {
  background-color: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 24px 80px rgba(16, 34, 73, 0.18), 0 4px 12px rgba(97, 175, 44, 0.08) !important;
  border: 1px solid rgba(97, 175, 44, 0.12)   !important;
}

/* Página de login — fundo suave com gradiente sutil */
body:has(#loginBtn),
body:has(#loginForm) {
  background: linear-gradient(135deg, #f0f6ea 0%, #eaf3f7 100%) !important;
}

/* Header do painel admin (não-sticky) — sem glassmorphism, transparente */
main > header,
.flex-1 > header,
.space-y-8 > header {
  background: transparent !important;
  border: none           !important;
  box-shadow: none       !important;
  backdrop-filter: none  !important;
}

/* ────────────────────────────────────────────────────────────────────────
   TÍTULOS DE SEÇÃO — h2 com text-primary → navy #102249
   Os subtítulos/chips/ícones permanecem verdes
   ──────────────────────────────────────────────────────────────────────── */

h2.text-primary,
h1.text-primary:not(footer *):not(aside *) {
  color: var(--mt-navy) !important;
}

/* Título hero ("Impulsionando o impacto sustentável...") → navy */
#inicio h1.text-primary {
  color: var(--mt-navy) !important;
}


/* ════════════════════════════════════════════════════════════════════════
   RITMO VISUAL DAS SEÇÕES — HOME
   Alternância de fundos para separar visualmente cada bloco
   ════════════════════════════════════════════════════════════════════════ */

/* Sobre Nós — branco limpo, sem borda no topo (vem direto do hero) */
#sobre-nos {
  background: #ffffff !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(97, 175, 44, 0.14) !important;
}

/* Nossos Serviços — verde muito suave (já tem inline style, reforça) */
#servicos {
  background: linear-gradient(160deg, #eef6e6 0%, #e6f2da 100%) !important;
  border-top: 1px solid rgba(97, 175, 44, 0.18) !important;
  border-bottom: 1px solid rgba(97, 175, 44, 0.18) !important;
}

/* Área do Cliente — fundo neutro idêntico ao body, sem caixa dupla */
#area-do-cliente {
  background: transparent !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* Portfólio — cinza azulado suave */
#portfolio {
  background: linear-gradient(160deg, #f4f7fb 0%, #edf1f7 100%) !important;
  border-top: 1px solid rgba(16, 34, 73, 0.08) !important;
  border-bottom: 1px solid rgba(16, 34, 73, 0.08) !important;
}

/* Contato — branco ligeiramente quente */
#contato {
  background: #fafcf8 !important;
  border-top: 1px solid rgba(97, 175, 44, 0.12) !important;
}

/* Separador sutil entre hero e sobre-nos — só uma linha fina verde com respiro */
#sobre-nos {
  padding-top: calc(var(--tw-space, 80px) + 0px) !important;
}
#sobre-nos::before {
  content: none !important;
}