/* Chrome compartilhado — logo correta + header/footer claros */

:root {
  --rota-green: #21843d;
  --rota-green-soft: #e8f3ea;
  --rota-yellow: #f3c226;
  --rota-orange: #df6320;
  --rota-ink: #1b252f;
  --rota-muted: #5c656c;
  --rota-cream: #fbf8f0;
  --rota-line: #e6e0d4;
  --rota-white: #ffffff;
}

.site-logo,
.brand img,
.brand .site-logo,
.brand--footer .site-logo,
.footer-main > div:first-child > img,
.footer-main > div:first-child > a > img,
.footer-main picture img,
footer .site-logo,
.footer--rota .site-logo,
.admin-brand img,
.login-card > img {
  display: block !important;
  height: 56px !important;
  width: auto !important;
  max-width: none !important;
  max-height: 56px !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: none !important;
}

@media (max-width: 800px) {
  .site-logo,
  .brand img,
  .brand .site-logo,
  .footer-main > div:first-child > img,
  .footer-main > div:first-child > a > img,
  footer .site-logo {
    height: 48px !important;
    width: auto !important;
    max-height: 48px !important;
  }
}

.header,
.header--rota {
  height: 84px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--rota-line) !important;
  position: sticky;
  top: 0;
  z-index: 20;
}

.header::after,
.header--rota::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, #21843d, #f3c226 55%, #df6320);
  pointer-events: none;
}

.header .nav,
.header--rota .nav {
  position: relative;
  z-index: 1;
}

.header .nav-links > a,
.header--rota .nav-links > a,
.header .home-services-menu > a {
  color: var(--rota-ink) !important;
}

.header .nav-cta,
.header--rota .nav-cta {
  border-color: var(--rota-orange) !important;
  color: var(--rota-orange) !important;
}

.header .nav-links > a.current,
.header--rota .nav-links > a.current {
  color: var(--rota-green) !important;
}

.header .nav-links > a.nav-cta.current,
.header--rota .nav-links > a.nav-cta.current {
  background: rgba(223, 99, 32, 0.08);
}

.header .menu-button,
.header--rota .menu-button {
  color: var(--rota-ink) !important;
}

/* Menu idêntico em todas as páginas — sem topbar extra */
.topbar,
.mobile-contact {
  display: none !important;
}

@media (max-width: 800px) {
  .header,
  .header--rota {
    height: 72px !important;
  }
  .header .nav-links,
  .header--rota .nav-links {
    top: 72px !important;
    background: #fff !important;
    box-shadow: 0 16px 32px rgba(27, 37, 47, 0.12) !important;
  }
}

.topbar {
  background: var(--rota-green) !important;
  color: #eef7ef !important;
}

footer,
.footer--rota {
  background: var(--rota-cream) !important;
  color: var(--rota-ink) !important;
  border-top: 3px solid var(--rota-green);
  padding-top: 48px;
}

footer .footer-main h3,
.footer--rota .footer-main h3 {
  color: var(--rota-ink) !important;
}

footer .footer-main p,
footer .footer-main a,
.footer--rota .footer-main p,
.footer--rota .footer-main a {
  color: var(--rota-muted) !important;
}

footer .footer-main a:hover,
.footer--rota .footer-main a:hover {
  color: var(--rota-green) !important;
}

footer .footer-bottom,
.footer--rota .footer-bottom {
  border-top-color: var(--rota-line) !important;
  color: var(--rota-muted) !important;
}

footer .footer-bottom a,
.footer--rota .footer-bottom a {
  color: var(--rota-green) !important;
}

body {
  background: #fff;
}

::selection {
  background: #f3c226;
  color: #1b252f;
}

/* Heroes unificadas — mesma altura da home */
:root {
  --rota-hero-min: min(78vh, 680px);
  --rota-hero-pad: 64px 0 100px;
  --rota-hero-pad-mobile: 40px 0 84px;
}

.rota-home .hero--rota,
.page-hero,
.app-page .app-hero {
  min-height: var(--rota-hero-min) !important;
  height: auto !important;
  box-sizing: border-box;
  padding: var(--rota-hero-pad) !important;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  position: relative;
}

.page-hero .wrap,
.app-hero-grid {
  width: min(1160px, calc(100% - 48px));
  margin: 0 auto;
  position: relative;
  z-index: 2;
  align-self: flex-end;
}

.app-hero-grid {
  min-height: 0 !important;
  padding: 0 !important;
  width: min(1160px, calc(100% - 48px)) !important;
}

.page-hero-shade {
  background:
    radial-gradient(ellipse 55% 70% at 78% 55%, rgba(33, 132, 61, 0.22), transparent 70%),
    linear-gradient(105deg, rgba(12, 16, 18, 0.94) 0%, rgba(12, 16, 18, 0.8) 38%, rgba(12, 16, 18, 0.42) 68%, rgba(12, 16, 18, 0.62) 100%),
    linear-gradient(180deg, rgba(12, 16, 18, 0.28) 0%, transparent 28%, rgba(12, 16, 18, 0.9) 100%) !important;
}

.app-hero-photo {
  background-image: url("assets/stations/drone-02.jpg") !important;
  background-color: #141a1c !important;
}

@media (max-width: 800px) {
  .rota-home .hero--rota,
  .page-hero,
  .app-page .app-hero {
    padding: var(--rota-hero-pad-mobile) !important;
    min-height: min(72vh, 620px) !important;
  }

  .page-hero .wrap,
  .app-hero-grid {
    width: min(100% - 32px, 600px);
  }
}