/* Óticas REVIG v34 — todos os fundos verdes no verde profundo da capa mobile.
   Origem: trecho liso da capa sob “ROLE PARA EXPLORAR” (#031610).
   Preserva creme, dourado, fotografias e componentes transparentes. */
:root {
  --green: #031610;
  --green-mid: #031610;
  --ink: #031610;
  --revig-cover-green: #031610;
}
.revig-home { --campaign-green: #031610; }

/* Superfícies gerais (incluindo a página de lentes) utilizam --green/--green-mid.
   Unificamos aqui as superfícies que tinham verdes fixos ou degradês próprios. */
.revig-home .header,
.revig-home .header.is-scrolled,
.revig-home .care-ribbon,
.revig-home #empresas,
.company-film,
.company-film-screen,
.company-film-footer,
.company-film:fullscreen,
.company-film::backdrop,
.hero-claim,
.hero-campaign,
.revig-hero-copy .hero-claim,
#armacoes .frame-visual,
.frame-visual,
.hero-mobile-stage {
  background: var(--revig-cover-green);
}

/* Overlays verdes junto ao vídeo: mesmas tonalidades com transparência
   para preservar informações, controles e fotografia/vídeo. */
.company-film-tag,
.company-film-start,
.film-control {
  background: rgba(3, 22, 16, .78);
}
.company-film-start:hover { background: rgba(3, 22, 16, .94); }
.company-film-screen::after {
  background: linear-gradient(180deg, rgba(3,22,16,.20), transparent 27%, transparent 85%, rgba(3,22,16,.26));
}
.lens-intro-visual figcaption { background: rgba(3, 22, 16, .82); }

/* O efeito de fade do letreiro deve terminar na mesma cor do fundo. */
.care-ribbon::before {
  background: linear-gradient(90deg, var(--revig-cover-green), rgba(3,22,16,0));
}
.care-ribbon::after {
  background: linear-gradient(270deg, var(--revig-cover-green), rgba(3,22,16,0));
}

/* Mantém a composição fotográfica original da capa; só harmoniza seu
   plano de fundo com as demais seções, sem mudar a foto ou seu overlay. */
.revig-hero { background-color: var(--revig-cover-green); }

/* Na capa para celular, o cabeçalho original é transparente no topo. */
@media (max-width: 699px) {
  .revig-home .header:not(.is-scrolled) { background: transparent; }
  .revig-hero { background: var(--revig-cover-green); }
}

/* Compatibilidade de impressão: sem chapados escuros. */
@media print {
  body { background: var(--paper); }
}
/* Fade da antiga capa alternativa, caso seja reutilizada. */
.hero-mobile-stage::after {
  background: linear-gradient(0deg, var(--revig-cover-green), rgba(3,22,16,0));
}

/* REVIG v35 — preservar explicitamente os botões transparentes da v33
   sobre a paleta de fundos verdes da v34, apenas na capa mobile. */
@media (max-width: 699px) {
  .revig-home .header-cta,
  .revig-home .header:not(.is-scrolled) .header-cta,
  .revig-home .header-cta:hover,
  .revig-home .header-cta:active,
  .revig-home .revig-hero-actions .revig-hero-consult,
  .revig-home .revig-hero-actions .revig-hero-consult:hover,
  .revig-home .revig-hero-actions .revig-hero-consult:active {
    background: transparent;
  }
  .revig-home .header-cta::before,
  .revig-home .header:not(.is-scrolled) .header-cta::before,
  .revig-home .revig-hero-actions .revig-hero-consult::before {
    background: transparent;
  }
}
