/* JINTRIA - ajustes finais desktop/mobile */

/* Header */
.site-header {
  background: rgba(7, 17, 31, 0.96);
}

.nav {
  min-height: 96px;
}

.brand {
  gap: 0;
}

.brand-mark,
.brand-text {
  display: none !important;
}

.brand-logo {
  max-height: 82px;
  width: auto;
  display: block;
  object-fit: contain;
  border-radius: 4px;
}

/* Hero */
.hero {
  position: relative;
  min-height: calc(100vh - 96px);
  background:
    linear-gradient(90deg, rgba(7, 17, 31, 0.98) 0%, rgba(7, 17, 31, 0.9) 44%, rgba(7, 17, 31, 0.68) 100%),
    url("assets/jintria-hero-bg.jpeg") center center / cover no-repeat !important;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(56, 189, 248, 0.12), transparent 34rem),
    radial-gradient(circle at 80% 48%, rgba(139, 92, 246, 0.16), transparent 38rem);
  pointer-events: none;
}

.hero .container {
  position: relative;
  z-index: 1;
}

.hero h1 {
  max-width: 760px;
}

.hero-text {
  max-width: 720px;
}

/* Scroll controlado pelo JavaScript */
html {
  scroll-padding-top: 0 !important;
}

section[id] {
  scroll-margin-top: 0 !important;
}

/* Contato */
.contact-section .eyebrow {
  color: #5d6b7f;
}

.contact-form .button {
  width: 100%;
}

/* Footer */
.footer-logo {
  max-height: 56px;
  width: auto;
  display: block;
  object-fit: contain;
  border-radius: 4px;
}

/* Mobile */
@media (max-width: 767px) {
  .container {
    width: min(100% - 32px, 1120px);
  }

  .nav {
    min-height: 84px;
  }

  .brand-logo {
    max-height: 62px;
  }

  .hero {
    min-height: calc(100vh - 84px);
    background:
      linear-gradient(180deg, rgba(7, 17, 31, 0.99) 0%, rgba(7, 17, 31, 0.94) 55%, rgba(7, 17, 31, 0.84) 100%),
      url("assets/jintria-hero-bg.jpeg") center center / cover no-repeat !important;
  }

  .hero h1 {
    font-size: clamp(2.4rem, 12vw, 3.4rem);
  }

  .hero-actions {
    flex-direction: column;
  }

  .button {
    width: 100%;
  }

  .footer-logo {
    max-height: 48px;
  }

  .whatsapp-float {
    right: 12px;
    bottom: 12px;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .nav {
    min-height: 92px;
  }

  .brand-logo {
    max-height: 74px;
  }

  .hero {
    min-height: calc(100vh - 92px);
  }
}

/* Ajuste fino final - logo e hero */
.brand-logo {
  max-height: 92px;
}

.nav {
  min-height: 106px;
}

.hero {
  background:
    linear-gradient(90deg, rgba(7, 17, 31, 0.98) 0%, rgba(7, 17, 31, 0.92) 44%, rgba(7, 17, 31, 0.74) 100%),
    url("assets/jintria-hero-bg.jpeg") center center / cover no-repeat !important;
}

.hero-card-inner {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
    rgba(11, 23, 40, 0.92);
}

@media (max-width: 767px) {
  .brand-logo {
    max-height: 68px;
  }

  .nav {
    min-height: 88px;
  }

  .hero {
    background:
      linear-gradient(180deg, rgba(7, 17, 31, 0.99) 0%, rgba(7, 17, 31, 0.95) 55%, rgba(7, 17, 31, 0.88) 100%),
      url("assets/jintria-hero-bg.jpeg") center center / cover no-repeat !important;
  }
}

/* Ajustes finais de publicação */
.hero-text {
  max-width: 680px;
}

.hero-card {
  backdrop-filter: blur(10px);
}

.hero-card-inner {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015)),
    rgba(11, 23, 40, 0.94);
}

.nav-menu a {
  font-weight: 800;
}

@media (max-width: 767px) {
  .hero-text {
    max-width: 100%;
  }

  .hero-card {
    margin-top: 10px;
  }
}

cat >> site/final-overrides.css <<'EOF'

/* Ajuste final do logo no header */
.brand-logo {
  max-height: 96px;
  width: auto;
  display: block;
  object-fit: contain;
  border-radius: 8px;
  border: 1px solid rgba(56, 189, 248, 0.22);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
  background: rgba(7, 17, 31, 0.65);
}

.nav {
  min-height: 108px;
  align-items: center;
}

.site-header {
  background: rgba(7, 17, 31, 0.97);
}

@media (max-width: 767px) {
  .brand-logo {
    max-height: 70px;
    border-radius: 6px;
  }

  .nav {
    min-height: 88px;
  }
}
EOF