/* ============================================================
   Melo & Andrada: VERSÃO CLARA (experimento, 24/10/2026)
   Só carrega com ?tema=claro (fica num cookie; ?tema=escuro volta).
   Tudo dentro de @scope: navegador antigo ignora e mostra o escuro.
   O que está sobre foto (topo da home, slide do prédio) leva
   .fica-escuro e continua como no site escuro.
   Base: páginas claras da Apple (#fff / #f5f5f7, texto #1d1d1f,
   secundário #6e6e73) e o dourado escurecido pra ler no branco.
   ============================================================ */
html.claro { background: #fff; }

@scope (html.claro) to (.fica-escuro) {
  body { background: #fff; color: #1d1d1f; }

  /* fundos */
  .bg-noite { background-color: #fff; }
  .bg-noite2 { background-color: #f5f5f7; }
  .bg-noite\/90 { background-color: rgba(255,255,255,.9); }

  /* texto */
  .text-creme, .text-\[\#e8e8ed\] { color: #1d1d1f; }
  .text-creme\/90, .text-creme\/85, .text-\[\#e8e8ed\]\/85 { color: rgba(29,29,31,.88); }
  .text-creme\/80, .text-creme\/75, .text-creme\/70 { color: rgba(29,29,31,.78); }
  .text-creme\/65, .text-creme\/60, .text-creme\/55, .text-creme\/50 { color: rgba(29,29,31,.6); }
  .text-creme\/30, .text-creme\/25 { color: rgba(29,29,31,.35); }
  .text-cinza, .text-\[\#a1a1a6\] { color: #6e6e73; }
  .text-\[\#d2d2d7\] { color: #424245; }
  .text-\[\#424245\] { color: #c7c7cc; }
  .text-\[\#2c2c2e\] { color: #e3e3e8; }
  .text-white, .hover\:text-white:hover, .hover\:text-creme:hover { color: #000; }
  .text-ouro, .group:hover .group-hover\:text-ouro, .eyebrow, .link-seta { color: #8a6d2b; }
  .ouro-grad { background-image: linear-gradient(100deg, #c49a3c 0%, #8a6d2b 55%, #6b531f 100%); }

  /* bordas */
  .border-\[\#2c2c2e\], .border-\[\#424245\] { border-color: #d2d2d7; }
  .border-creme\/10 { border-color: rgba(0,0,0,.1); }
  .border-creme\/25 { border-color: rgba(0,0,0,.2); }

  /* degradês das aberturas internas: a foto clareia em vez de escurecer */
  .from-noite { --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgba(255,255,255,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
  .from-noite\/70 { --tw-gradient-from: rgba(255,255,255,.7) var(--tw-gradient-from-position); --tw-gradient-to: rgba(255,255,255,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
  .via-noite\/60 { --tw-gradient-to: rgba(255,255,255,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(255,255,255,.6) var(--tw-gradient-via-position), var(--tw-gradient-to); }
  .via-noite\/40 { --tw-gradient-to: rgba(255,255,255,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(255,255,255,.4) var(--tw-gradient-via-position), var(--tw-gradient-to); }
  .to-noite { --tw-gradient-to: #fff var(--tw-gradient-to-position); }

  .bg-cartao { background-color: #f5f5f7; }
  .bg-noite2 .bg-cartao { background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.06), inset 0 0 0 1px rgba(0,0,0,.06); }
  .placeholder\:text-creme\/45::placeholder { color: rgba(29,29,31,.45); }

  /* cartões: cinza-claro no branco, branco no cinza-claro */
  .cartao-apple { background: #f5f5f7; }
  .bg-noite2 .cartao-apple { background: #fff; }
  .cartao-apple.bg-noite { background: #fff; }
  .bg-noite .cartao-apple.bg-noite { background: #f5f5f7; }
  a.cartao-apple:hover, .cartao-apple.vivo:hover { box-shadow: 0 20px 50px -24px rgba(0,0,0,.22); }
  .capa-tipo { background: radial-gradient(120% 120% at 100% 0%, #dfe9e5 0%, #eeeef1 55%, #f5f5f7 100%); }

  /* texto que acende com a rolagem */
  .manif .w { color: #d2d2d7; }
  .manif .w.lit { color: #1d1d1f; }
  .manif .w.ouro.lit { color: #8a6d2b; }

  /* controles */
  .seta-carrossel { background: #e8e8ed; color: #1d1d1f; }
  .seta-carrossel:hover { background: #d2d2d7; }
  .chip { background: #e8e8ed; color: #1d1d1f; }
  .chip:hover { background: #d2d2d7; }
  .chip-on { background: #1d1d1f; color: #fff !important; }
  .ponto { background: rgba(0,0,0,.2); }
  .paginacao .page-numbers { background: #e8e8ed; color: #1d1d1f; }
  .paginacao a.page-numbers:hover { background: #d2d2d7; }
  .paginacao .current { background: #1d1d1f; color: #fff; }
  .paginacao .dots { background: transparent; }
  #menu svg { stroke: #1d1d1f; }

  /* lista das áreas */
  .area { border-top-color: #d2d2d7; }
  .area:hover .num, .area.aberta .num { color: #8a6d2b; }

  /* notícia */
  .conteudo { color: #333336; }
  .conteudo h2, .conteudo h3, .conteudo h4, .conteudo blockquote { color: #1d1d1f; }
  .conteudo strong, .conteudo b { color: #000; }
  .conteudo a { color: #8a6d2b; }
  .conteudo th, .conteudo td { border-color: #d2d2d7; }

  /* formulário e mapa */
  .form-ma label { color: #6e6e73; }
  .form-ma input[type=text], .form-ma input[type=email], .form-ma input[type=tel], .form-ma select, .form-ma textarea { background: #fff; border-color: #d2d2d7; color: #1d1d1f; }
  .form-ma .wpcf7-response-output { border-color: #d2d2d7 !important; }
  .mapa iframe { filter: grayscale(1); }

  @media (prefers-reduced-motion: reduce) { .manif .w { color: #1d1d1f; } }
}

/* o que fica sobre foto escura continua com a letra clara (a cor herdada vem do body) */
html.claro .fica-escuro { color: #f5f5f7; }

/* menu do topo: transparente sobre a foto da home (fica claro), vidro branco ao rolar e nas internas */
html.claro header#topo.solido { background: rgba(255,255,255,.72); border-color: rgba(0,0,0,.08); }
html.claro header#topo.solido nav a { color: rgba(29,29,31,.85); }
html.claro header#topo.solido nav a:hover { color: #000; }
html.claro header#topo.solido nav a.text-ouro { color: #8a6d2b; }
html.claro header#topo.solido svg { stroke: #1d1d1f; }
html.claro header#topo.solido img[src*="logo-clara"] { content: url("../img/logo.png"); }
@media (prefers-reduced-transparency: reduce) { html.claro header#topo.solido { background: #fff; } }