body {
  margin: 0 !important;
  padding: 0 !important;
  background: #0A0A0A !important;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
}
#container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
#header {
  height: 100vh !important;
  padding: 0 !important;
  margin: 0 !important;
  background-image: url("https://u.jimcdn.com/cms/o/sa42fc115a48302ed/userlayout/img/open-pit-hero.jpg?t=1776981253") !important;
  background-size: cover !important;
  background-position: center center !important;
  position: relative !important;
}
.hero-overlay {
  height: 100vh;
  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.78) 0%,
    rgba(0,0,0,0.52) 45%,
    rgba(0,0,0,0.15) 100%
  );
  display: flex;
  align-items: center;
}
.hero-content {
  margin-left: 70px;
  max-width: 820px;
}
.hero-content h1 {
  color: #FFFFFF !important;
  font-size: 78px !important;
  line-height: 0.95 !important;
  margin: 0 0 24px 0 !important;
  font-weight: 900 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.hero-content h2 {
  color: #2FA84F !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  margin: 0 0 24px 0 !important;
  font-weight: 800 !important;
  text-transform: uppercase;
}
.hero-content p {
  color: #FFFFFF !important;
  font-size: 20px !important;
  margin: 0 !important;
}
#navigation {
  position: absolute !important;
  top: 28px !important;
  right: 45px !important;
  z-index: 20 !important;
  width: auto !important;
  padding: 0 !important;
  float: none !important;
}
#navigation ul {
  margin: 0 !important;
  padding: 0 !important;
}
#navigation li {
  display: inline-block !important;
  margin-left: 26px !important;
}
#navigation a {
  color: #FFFFFF !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  border: none !important;
}
#navigation a:hover,
#navigation a.current {
  color: #2FA84F !important;
  background: transparent !important;
}
#sidebar,
#content,
#footer {
  display: none !important;
}
.hero-buttons {
  margin-top: 34px;
}
.hero-buttons a {
  display: inline-block;
  padding: 16px 28px;
  margin-right: 16px;
  text-decoration: none !important;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.btn-primary {
  background: #1FA84A;
  color: #FFFFFF !important;
  border: 2px solid #1FA84A;
}
.btn-primary:hover {
  background: #167A38;
  border-color: #167A38;
}
.btn-secondary {
  background: transparent;
  color: #FFFFFF !important;
  border: 2px solid #FFFFFF;
}
.btn-secondary:hover {
  background: #FFFFFF;
  color: #0A0A0A !important;
}
.hero-content h1 {
  font-size: 68px !important;
}
.btn-secondary:hover {
  background: #1FA84A !important;
  border-color: #1FA84A !important;
  color: #FFFFFF !important;
}
.hero-content h1 {
  letter-spacing: 0.5px !important;
}
.btn-primary {
  box-shadow: 0px 4px 12px rgba(0,0,0,0.4);
}
.logo {
  position: absolute;
  top: 25px;
  left: 50px;
  z-index: 1000;
}
.logo img {
  height: 55px;
  width: auto;
}
.logo img {
  height: 45px;
}
.logo {
  opacity: 0.9;
}
.logo {
  top: 30px;
  left: 60px;
}
.logo img {
  filter: brightness(1.2);
}
.logo img {
  height: 50px;
}
.logo img {
  opacity: 0.85;
}
#navigation a {
  color: #FFFFFF !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}
#navigation a:hover {
  color: #1FA84A !important;
}
#navigation a {
  margin-left: 25px;
}
#navigation {
  position: absolute;
  top: 35px;
  right: 60px;
}
/* SOLO mostrar hero en HOME */
body:not(.home) #content {
  display: block !important;
  width: 100% !important;
  padding: 80px 60px !important;
  color: #000;
  background: #fff;
}
body:not(.home) {
  background: #FFFFFF !important;
}
body:not(.home) #container {
  background: #FFFFFF !important;
  min-height: 100vh !important;
}
body:not(.home) #content {
  display: block !important;
  background: #FFFFFF !important;
  color: #111111 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 90px 60px !important;
  box-sizing: border-box !important;
}
body:not(.home) #navigation {
  position: absolute !important;
  top: 38px !important;
  right: 60px !important;
}
body:not(.home) #navigation a {
  color: #111111 !important;
}
body:not(.home) #navigation a:hover,
body:not(.home) #navigation a.current {
  color: #1FA84A !important;
}
body:not(.home) .logo {
  top: 30px !important;
  left: 60px !important;
}
body:not(.home) .logo img {
  opacity: 0.9 !important;
}
body {
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  letter-spacing: 0.2px;
}
.hero-content h1 {
  font-weight: 800;
  letter-spacing: -2px;
  line-height: 1.05;
  text-transform: uppercase;
}
.hero-content h2 {
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.hero-content p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.hero-content {
  max-width: 650px;
}
.btn-primary,
.btn-secondary {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
/* ===== GLOBAL TEXT ===== */
body {
  font-size: 16px;
  line-height: 1.6;
}
/* ===== HEADINGS ===== */
h1 {
  font-size: 56px;
  font-weight: 800;
}
h2 {
  font-size: 22px;
  font-weight: 600;
}
h3 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* ===== PARAGRAPHS ===== */
p {
  font-size: 16px;
  max-width: 650px;
}
/* ===== WHAT WE DO SECTION ===== */
#content h1 {
  font-size: 32px;
  margin-bottom: 20px;
}
#content p {
  font-size: 17px;
  margin-bottom: 18px;
}
/* ===== COLUMN TITLES (STRATEGY / EXECUTION / CONTROL) ===== */
#content strong,
#content b {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  letter-spacing: 1px;
}
#content {
  padding-top: 60px;
  padding-bottom: 80px;
}
#content {
  max-width: 1050px !important;
  padding-top: 90px !important;
}
#content h1,
#content h2:first-child {
  font-size: 34px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin-bottom: 28px !important;
}
#content p {
  font-size: 18px !important;
  line-height: 1.55 !important;
}
#content strong,
#content b {
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
#content .j-module {
  margin-bottom: 26px !important;
}
#content {
  text-align: left !important;
  margin: 0 auto;
}
#content strong:last-of-type {
  font-size: 22px !important;
}
#content p {
  margin-bottom: 24px !important;
}
#content strong {
  margin-top: 40px !important;
}
#content {
  padding-top: 120px !important;
}
/* todo tu CSS anterior */
/* NAVIGATION BASE */
#navigation a {
  color: #ffffff !important;
}
/* HOVER */
#navigation a:hover {
  color: #1f8f4e !important;
}
/* ACTIVE (siempre verde) */
#navigation .active a {
  color: #1f8f4e !important;
}
/* CUANDO EL FONDO SEA CLARO (SCROLL O SECCIONES BLANCAS) */
body:not(.homepage) #navigation a {
  color: #000000 !important;
}
/* ACTIVE en fondo claro */
body:not(.homepage) #navigation .active a {
  color: #1f8f4e !important;
}