/* RECMIN — actualización de identidad corporativa (grafito, cobre y blanco).
   La marca original utiliza #231F20: el logo se muestra sobre blanco para
   mantener el contraste y evitar que desaparezca en cabeceras oscuras. */
:root {
  --navy: #242528;
  --navy2: #17191b;
  --navy3: #393a3c;
  --blue: #b75530;
  --blue-hover: #994524;
  --orange: #d88b4d;
  --ink: #292a2d;
  --muted: #68696c;
  --muted-light: #b2b1b0;
  --line: #e6e3df;
  --pale: #f7f5f2;
  --shadow: 0 24px 60px rgba(35,31,32,.12);
}

/* Cabecera clara: el logo original (carbón oscuro) es plenamente legible. */
.site-header,
.site-header.is-scrolled {
  background: rgba(255,255,255,.985);
  box-shadow: 0 5px 28px rgba(35,31,32,.075);
}
.header-bar {
  height: 4px;
  background: linear-gradient(90deg,#242528 0%,#242528 79%,#bd6036 79%,#bd6036 100%);
}
.nav-shell { min-height: 89px; }
.brand img { width: 178px; height: auto; }
.nav-link { color: #444346; }
.nav-link:hover,.nav-link.active { color: #1c1c1e; }
.nav-link::after { background: #b75530; }
.header-cta { box-shadow: none; }

/* Nueva gama: neutros minerales y un acento cobre, sin celeste/azul. */
.btn-primary { box-shadow: 0 10px 27px rgba(132,60,29,.18); }
.eyebrow, .accent-word, .service-category, .service-link { color: #ad512e; }
.eyebrow-light { color: #f2e4dc; }
.hero { background: #17191b; }
.hero-image { background: none !important; transform: scale(1.045); }
.hero-image img { display: block; height: 100%; width: 100%; object-fit: cover; object-position: center; }
.hero-image::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,
      rgba(13,15,17,.97) 0%,
      rgba(16,17,19,.91) 27%,
      rgba(19,21,23,.58) 57%,
      rgba(20,22,24,.19) 100%),
    linear-gradient(0deg,rgba(14,14,16,.43),transparent 27%);
}
.hero h1 em,.hero h2 em { color: #ecac7c; }
.hero-copy p { color: #f3eeeb; }
.hero-side-note .line, .slide-dot.is-active span::after { background: #d88b4d; }
.hero-side-note, .scroll-cue { color: #f0e6e0; }
.signal { box-shadow: 0 0 0 5px rgba(216,139,77,.15); }
.value-ribbon { background: #f6f3ef; border-bottom-color: #ebe5df; }
.ribbon-icon { background: #efe4dc; color: #9e492b; }
.ribbon-item { border-right-color: #e5ddd5; }
.service-card:hover { border-color: #d1b9a9; box-shadow: 0 24px 56px rgba(38,33,29,.10); }
.service-link:hover { color: #8e4125; }
.about-section, .contact-section { background: #f7f5f2; }
.about-photo-small { border-color: #f7f5f2; }
.about-corner { background: #a94e30; box-shadow: 0 14px 36px rgba(119,57,29,.20); }
.check-icon, .contact-detail-icon { background: #f0e4db; color: #aa4f2e; }
.statement-section, .cta-strip, .site-footer { background: #232427; }
.statement-bg {
  background-image: linear-gradient(90deg,rgba(28,27,28,.95),rgba(34,31,31,.86) 54%,rgba(43,38,36,.67)),url('images/industrial.webp');
}
.statement-inner p span { color: #e8a879; }
.process-step { background: #faf8f6; border-color: #ece5df; }
.process-step:not(:last-child)::after { color: #b75530; border-color: #e8d7cb; }
.step-id { color: #b9a59b; }
.step-symbol { color: #af522e; }
.cta-strip { border-top-color: #d88b4d; }
.cta-layout .eyebrow { color: #e2a878; }
.cta-layout p { color: #d8cec8; }
.form-panel::before { background: linear-gradient(90deg,#242528 0%,#242528 76%,#c26740 76%); }
.form-field input,.form-field textarea,.form-field select { background-color: #fcfbfa; border-color: #e2ddd8; }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus {
  border-color: #b75530; box-shadow: 0 0 0 3px rgba(183,85,48,.10);
}
.form-overline { color: #ad512e; }
.form-status { background:#f5f6f3; color:#35483a; border-color:#dce6db; }
.footer-brand img { filter: brightness(0) invert(1); }
.footer-brand p,.footer-connect p,.footer-menu a { color: #cdc9c7; }
.footer-bottom { color: #b3aeaa; }
.footer-menu a:hover { color: #fff; }

/* Accesibilidad y navegación móvil con cabecera blanca. */
@media(max-width:720px) {
  .nav-shell { min-height: 76px; }
  .brand img { width: 158px; }
  .menu-toggle { border-color: #d9d2cc; }
  .menu-toggle span { background: #2b2928; }
  .main-nav { background: #faf8f6; border-top:1px solid #eae4df; }
  .main-nav .nav-link { color: #393435; border-bottom-color: #e9e2dc; }
  .nav-mobile-cta { background: #b75530; }
  .hero-image::after {
    background: linear-gradient(90deg,rgba(18,18,19,.89),rgba(25,22,21,.67)),
      linear-gradient(0deg,rgba(16,15,15,.42),transparent 37%);
  }
}
@media (prefers-reduced-motion:reduce) {
  .hero-image { transform:none !important; }
}