:root {
  --ink: #111111;
  --ink-2: #1b1b1b;
  --paper: #f4f4f4;
  --white: #ffffff;
  --muted: #626262;
  --line: #d0d0d0;
  --steel: #e8e8e8;
  --steel-deep: #b8b8b8;
  --orange: #f26500;
  --orange-dark: #c94f00;
  --hot-orange: #f26500;
  --solar: #ff7a00;
}

html,
body {
  background: #ffffff;
}

.services,
.coverage,
.faq {
  background: #ffffff !important;
  background-image: none !important;
}

.process {
  background: #f3f3f3 !important;
  background-image: none !important;
}

.prowear,
.store {
  background: #f4f4f4 !important;
  background-image: none !important;
}

.services::before,
.services::after,
.process::before,
.process::after,
.coverage::before,
.coverage::after,
.faq::before,
.faq::after,
.prowear::before,
.prowear::after,
.store::before,
.store::after,
.prowear-orbit {
  display: none !important;
}

.site-header,
.hero,
.contact {
  background-color: #111111;
}

.site-header,
.site-header.scrolled {
  color: #111111;
  background: #f2f2f2;
  border-bottom-color: #c8c8c8;
  box-shadow: 0 12px 32px rgb(0 0 0 / 0.14);
  backdrop-filter: none;
}

.brand {
  width: 230px;
  height: 94px;
  flex-basis: 230px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.brand img {
  width: 302px;
  height: auto;
  left: -30px;
  top: -54px;
  filter: none;
}

nav a {
  color: #111111;
}

.menu-toggle {
  border-color: #9f9f9f;
}

.menu-toggle span:not(.sr-only) {
  background: #111111;
}

footer {
  color: #111111;
  background: #f2f2f2;
}

.footer-logo {
  width: 280px;
  height: 112px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.footer-logo img {
  width: 360px;
  height: auto;
  left: -24px;
  top: -64px;
  filter: none;
}

footer a,
footer span,
.footer-brand p,
.privacy-note {
  color: #5f5f5f;
}

.footer-bottom {
  border-top-color: #c8c8c8;
}

.brand,
.footer-logo {
  border-color: #bdbdbd;
  background: #ffffff;
  box-shadow: 0 12px 28px rgb(0 0 0 / 0.32);
}

.service-row,
.process-grid li,
.faq details {
  background: transparent;
}

.service-row:hover {
  background: #f2f2f2;
}

.prowear-toolbar,
.prowear-rail,
.prowear-carousel-shell {
  background: transparent;
}

.prowear-card {
  border-color: #c8c8c8;
  background: #ffffff;
  box-shadow: 0 20px 42px rgb(0 0 0 / 0.12);
}

.prowear-card::after {
  background: linear-gradient(120deg, transparent 28%, rgb(255 255 255 / 0.56) 45%, transparent 62%);
}

.prowear-card figure,
.prowear-card figure.contain,
.product-favorite,
.prowear-tabs button,
.carousel-arrow,
.upload-product {
  background-color: #ffffff;
}

.prowear-upload-card,
.map-consent {
  background: #e6e6e6 !important;
  background-image: none !important;
}

.process-grid span {
  color: #b6b6b6;
}

.coverage-map,
.google-map,
.zones span {
  border-color: #bdbdbd;
}

.hero-service {
  border-color: #444444;
  background: #181818;
  box-shadow: 0 12px 25px rgb(0 0 0 / 0.28);
}

.hero-service span,
.button,
.carousel-arrow--side,
.product-favorite[aria-pressed="true"] {
  background: #f26500;
  background-image: none;
}

.header-cta,
.button,
.carousel-arrow--side,
.hero-service span,
.logo-stage,
.prowear-head h2 em {
  box-shadow: none;
  text-shadow: none;
}

.prowear-head h2 em,
h1 em,
h2 em,
.eyebrow.dark,
.service-tag,
.service-num,
footer h3 {
  color: #f26500;
}

.prowear-intro p,
.prowear-card-copy p,
.section-heading > p:last-child,
.process-grid p,
details p {
  color: #626262;
}

@media (prefers-color-scheme: dark) {
  html,
  body,
  .services,
  .coverage,
  .faq,
  .process,
  .prowear,
  .store {
    color-scheme: light;
  }
}

@media (max-width: 900px) {
  .brand {
    width: 188px;
    height: 72px;
    flex-basis: 188px;
  }

  .brand img {
    width: 250px;
    height: auto;
    left: -26px;
    top: -44px;
  }

  nav {
    background: #f2f2f2;
    border-top-color: #c8c8c8;
  }

  nav a {
    border-bottom-color: #d3d3d3;
  }
}

/* Logo final: PNG transparente, sin placa, filtros ni deformacion. */
.site-header,
.site-header.scrolled {
  color: #111111;
  background: #f2f2f2;
  border-bottom: 1px solid #c8c8c8;
  box-shadow: 0 10px 28px rgb(17 17 17 / 0.12);
  backdrop-filter: none;
}

.brand,
.footer-logo {
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.brand {
  width: 230px;
  height: 94px;
  flex: 0 0 230px;
}

.brand img {
  position: absolute;
  width: 315px;
  height: auto;
  max-width: none;
  left: -28px;
  top: -58px;
  object-fit: initial;
  filter: none;
  transform: none;
}

.footer-logo {
  width: 280px;
  height: 112px;
}

.footer-logo img {
  position: absolute;
  width: 360px;
  height: auto;
  max-width: none;
  left: -24px;
  top: -65px;
  object-fit: initial;
  filter: none;
  transform: none;
}

.site-header nav a {
  color: #111111;
}

.menu-toggle {
  color: #111111;
  border-color: #9f9f9f;
  background: transparent;
}

.menu-toggle span:not(.sr-only) {
  background: #111111;
}

footer {
  color: #111111;
  background: #f2f2f2;
}

footer a,
footer span,
.footer-brand p,
.privacy-note {
  color: #5f5f5f;
}

@media (max-width: 900px) {
  .brand {
    width: 188px;
    height: 72px;
    flex-basis: 188px;
  }

  .brand img {
    width: 256px;
    left: -23px;
    top: -47px;
  }

  nav {
    color: #111111;
    background: #f2f2f2;
    border-top-color: #c8c8c8;
  }
}