/* ===========================
   PAGE HEADING (inner-page hero banner)
   Base/shared rule only — each page's own background image variant
   (.page-heading-contact, -trabajo, -equipo, -valores, -charlas)
   lives in that page's own file under assets/css/pages/, so editing
   one page's banner never affects another's.
=========================== */

.page-heading {
  background-image: url(../../Imagenes-copy/trucks-in-miningsite.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 110px 0px;
  margin-top: 0px;
  text-align: center;
}

@media (max-width: 767px) {
  .page-heading {
    /* Header is in normal flow (not fixed) on mobile, so it already
       reserves its own 80px — this extra margin was doubling the gap */
    margin-top: 0px;
  }
}

.page-heading span {
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 100;
  text-transform: capitalize;
  padding: 10px 25px;
  display: inline-block;
  margin-bottom: 30px;
}

.page-heading span a {
  color: #1e1e1e;
}

.page-heading h3 {
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
  color: #000000;
}

@media (max-width: 767px) {
  .page-heading h3 {
    font-size: 22px !important;
    padding: 14px !important;
  }
}