/* Paleta de apresentação: verdes médios, sage e superfícies claras.
   Carregar após experience.css. Regras limitadas às seções da landing. */

.hero {
  background: #304c42;
  color: #fbfcf7;
}

.hero-film video {
  filter: saturate(1.04) contrast(1.04) brightness(1.15);
  opacity: 1;
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(13, 27, 24, .73) 0%, rgba(13, 27, 24, .48) 32%, rgba(13, 27, 24, .08) 60%, transparent 80%),
    linear-gradient(180deg, rgba(11, 23, 21, .48) 0%, transparent 25%, transparent 70%, rgba(11, 23, 21, .55) 100%);
}

.hero h1 { color: #fbfcf7; }
.hero h1 em { color: #d5edcc; }
.hero-copy > p { color: #e2eadd; }
.hero-topline { color: #e4edde; }
.hero-topline i { background: #d9edcb; box-shadow: 0 0 10px #d9edcb65; }

.hero .button-light {
  background: #e0edcf;
  color: #294632;
  border-color: #e0edcf;
  box-shadow: 0 8px 28px #1e3f2514;
}
.hero .button-light:hover { background: #f1f6e6; border-color: #f1f6e6; }

.hero .product-halo {
  background: radial-gradient(ellipse at 50% 52%, rgba(211, 239, 190, .08), transparent 65%);
}
.hero-object { filter: drop-shadow(18px 27px 24px rgba(23, 48, 28, .42)); }
.hero-object:hover { filter: drop-shadow(18px 24px 29px rgba(223, 247, 206, .23)); }
.hero-orbit { border-color: rgba(227, 245, 213, .25); }
.hero-annotation { color: #edf4e8; }
.hero .annotation-line { background: #c0d9b8; }
.hero .annotation-line::before { background: #e3f2d9; }
.hero .product-invite { color: #fbfcf7; border-top-color: #c1d6b990; }
.hero .product-invite small { color: #e0ecda; }
.hero .invite-icon { border-color: #d1e5c9a8; background: #4d755b35; }
.hero .product-invite:hover .invite-icon { background: #e0edcf; color: #294632; }
.hero-model-index { color: #d5e7cc; }
.hero-bottom { color: #e3eddd; }
.hero .scroll-line { background: #abc79f9c; }
.hero .scroll-line::after { background: #f0f7e5; }

.site-header { color: #fbfcf7; border-bottom-color: #e8f0de38; }
.main-nav a { color: #edf4e7; }
.main-nav a::after { background: #e5f2d8; }
.header-contact { color: #fbfcf7; }
.site-header .brand-sub { color: #e9f1e2; }
.site-header .brand-art svg g[fill]:not([fill="none"]) { fill: #fbfcf7; }
.site-header .brand-art svg g[stroke] { stroke: #d2e8c4; }
.site-header .brand-art svg circle { fill: #d2e8c4; }

.connection-band {
  background: #d6e3d5;
  color: #294532;
  border-bottom-color: #bdcdbb;
  color-scheme: light;
}
.connection-band .band-message p { color: #35523c; }
.connection-band .band-message strong { color: #23432d; }
.connection-band .signal-icon i { background: #4f7858; }
.connection-band .band-explanation { color: #4e6553; }
.connection-band .brand-partners { border-color: #b6c8b3; }
.connection-band .brand-partners img { filter: grayscale(1) brightness(.7); mix-blend-mode: multiply; }
.connection-band .brand-partners img:last-child { filter: grayscale(1); mix-blend-mode: multiply; }

.vicom-section {
  background: linear-gradient(115deg, #f4f6ee 0%, #edf2e7 100%);
  color: #294732;
  color-scheme: light;
}
.vicom-section .section-index { color: #48654f; }
.vicom-section .vicom-wordmark { color: #5f7863; }
.vicom-section .vicom-intro h2 { color: #294732; }
.vicom-section .vicom-intro h2 em { color: #51785a; }
.vicom-section .vicom-intro > p { color: #526858; }
.vicom-section .service-list details { border-top-color: #c4d2bd; }
.vicom-section .service-list summary { color: #294732; }
.vicom-section .service-list summary > span { color: #637e65; }
.vicom-section .service-list summary svg { color: #557b5b; }
.vicom-section .service-list summary:hover h3 { color: #527b57; }
.vicom-section .service-list details[open] summary h3 { color: #365e3e; }
.vicom-section .service-detail p { color: #516755; }
.vicom-section .service-detail > span { color: #537058; }
.vicom-section :focus-visible, .connection-band :focus-visible { outline-color: #3d724c; }

/* O contato retoma a fotografia e conduz ao verde do rodapé. */
.contact-section { background: #456c53; color: #fbfcf7; }
.contact-section > video { filter: saturate(.85) brightness(1.1); }
.contact-shade {
  background:
    linear-gradient(180deg, rgba(54, 88, 65, .84), rgba(45, 81, 60, .75) 48%, #43694f 100%);
}
.contact-content .section-index { color: #e2edda; }
.contact-content h2 { color: #fbfcf7; }
.contact-content h2 em { color: #d5ecc9; }
.contact-content > p { color: #e1ecda; }
.contact-content .button-light { color: #294632; background: #e0edcf; }
.contact-content .button-light:hover { background: #f1f6e6; }

.site-footer {
  background: #43694f;
  color: #f3f7ed;
  border-top: 1px solid #b4ceb335;
}
.site-footer > p, .site-footer > div { color: #e6efde; }
.site-footer > div p { color: #d3e2ca; }
.site-footer a:hover { color: #fff; }
.site-footer .brand-sub { color: #e7f0dc; }
.site-footer .brand-art svg g[fill]:not([fill="none"]) { fill: #fbfcf7; }
.site-footer .brand-art svg g[stroke] { stroke: #cce2bc; }
.site-footer .brand-art svg circle { fill: #cce2bc; }
.site-footer .back-top { color: #e8f2de; border-color: #bdcfb576; }
.site-footer .back-top:hover { background: #dcebc91c; border-color: #deebd1; }

@media (max-width: 760px) {
  .hero-shade {
    background:
      linear-gradient(180deg, rgba(13, 27, 24, .55) 0%, rgba(13, 27, 24, .56) 36%, rgba(13, 27, 24, .12) 59%, rgba(13, 27, 24, .08) 78%, rgba(13, 27, 24, .65) 100%);
  }
  .hero-film video { filter: saturate(1.04) contrast(1.04) brightness(1.15); opacity: 1; }
  .hero .product-halo {
    background: radial-gradient(ellipse at 52% 42%, rgba(211, 239, 190, .07), transparent 67%);
  }
  .menu-toggle span { background: #f1f6e9; }
  .mobile-menu {
    background: #edf3e8;
    color: #2f5038;
    box-shadow: 0 22px 36px #274b3026;
    border-bottom: 1px solid #bbcdb5;
    color-scheme: light;
  }
  .mobile-menu a { color: #2f5038; border-bottom-color: #cbd8c4; }
  .mobile-menu a span { color: #607f62; }
  .contact-shade {
    background: linear-gradient(180deg, rgba(50, 85, 61, .86), rgba(44, 78, 56, .82) 55%, #43694f 100%);
  }
}