/* RHD · Cajas reductoras
   Página construida alrededor de la cadena de transmisión, no de una secuencia genérica. */
.reducer-page{--gear-dark:#101010;--gear-mid:#252525;--gear-soft:#e9e9e4;--gear-line:#c9c9c3}
.reducer-page .service-topbar-nav a{position:relative}
.reducer-page .service-topbar-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--red);transition:right .2s ease}
.reducer-page .service-topbar-nav a:hover::after,.reducer-page .service-topbar-nav a:focus-visible::after{right:0}

.reducer-hero{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:64px 0 48px;display:grid;grid-template-columns:1fr .92fr;gap:54px;align-items:stretch}
.reducer-hero-copy{display:flex;flex-direction:column;justify-content:center}
.reducer-hero h1{margin:0;font-family:"Barlow Condensed",Inter,sans-serif;font-size:clamp(62px,7vw,104px);line-height:.86;letter-spacing:-.025em;text-transform:uppercase}
.reducer-hero .service-detail-lead{max-width:720px}
.reducer-hero-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;border-top:1px solid #c7c7c2;border-bottom:1px solid #c7c7c2}
.reducer-hero-facts div{padding:17px 16px 17px 0}
.reducer-hero-facts strong{display:block;color:var(--red);font-family:"Barlow Condensed";font-size:22px;line-height:1;text-transform:uppercase}
.reducer-hero-facts span{display:block;margin-top:6px;color:#666;font-size:11px;line-height:1.45}
.reducer-hero-photo{position:relative;min-height:540px;margin:0;overflow:visible;background:transparent;border-radius:0;box-shadow:none}
.reducer-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.reducer-hero-photo::after{display:none}
.reducer-hero-photo figcaption{display:none}

.reducer-transmission{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:82px 0;border-top:1px solid #d0d0cc}
.reducer-transmission-head,.reducer-section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:end;margin-bottom:38px}
.reducer-transmission-head h2,.reducer-section-head h2{margin:0;font-family:"Barlow Condensed";font-size:clamp(44px,5vw,70px);line-height:.92;text-transform:uppercase}
.reducer-transmission-head p,.reducer-section-head p{margin:0;color:#626262;line-height:1.75}

.reducer-train{position:relative;display:grid;grid-template-columns:.85fr 1fr 1.15fr 1fr .85fr;align-items:stretch;background:var(--gear-dark);border:1px solid #333;color:#fff;overflow:hidden}
.reducer-train::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,transparent,#5a5a5a 8%,#5a5a5a 92%,transparent);transform:translateY(-50%);z-index:0}
.reducer-train article{position:relative;z-index:1;min-height:240px;padding:25px 22px;border-right:1px solid #333;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005))}
.reducer-train article:last-child{border-right:0}
.reducer-train small{display:block;color:#e53a40;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.reducer-train h3{margin:78px 0 8px;color:#fff;font-family:"Barlow Condensed";font-size:27px;line-height:.95;text-transform:uppercase}
.reducer-train p{margin:0;color:#a8a8a8;font-size:12px;line-height:1.6}
.reducer-gear-symbol{position:absolute;top:61px;left:22px;width:42px;height:42px;border:7px solid #777;border-radius:50%;box-shadow:0 0 0 4px #1b1b1b,0 0 0 5px #525252}
.reducer-gear-symbol::before,.reducer-gear-symbol::after{content:"";position:absolute;inset:8px;border:2px solid #9b9b9b;border-radius:50%}
.reducer-gear-symbol::after{inset:15px;background:#9b9b9b;border:0}
.reducer-stage--mesh{background:linear-gradient(145deg,#171717,#0d0d0d)!important}
.reducer-stage--mesh .reducer-gear-symbol{width:54px;height:54px;border-color:var(--red);box-shadow:0 0 0 4px #171717,0 0 0 5px #6f1a1d}
.reducer-stage--mesh h3{margin-top:90px}

.reducer-supports{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border-top:1px solid var(--gear-line);border-left:1px solid var(--gear-line);background:#fff}
.reducer-supports article{min-height:155px;padding:25px 26px;border-right:1px solid var(--gear-line);border-bottom:1px solid var(--gear-line)}
.reducer-supports b{display:block;color:var(--red);font-family:"Barlow Condensed";font-size:19px;text-transform:uppercase}
.reducer-supports span{display:block;margin-top:15px;color:#666;font-size:12px;line-height:1.65}

.reducer-section{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:78px 0;border-top:1px solid #d0d0cc}
.reducer-wear-atlas{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#bcbcb7;border:1px solid #bcbcb7}
.reducer-wear{position:relative;min-height:250px;padding:34px;background:#fff;overflow:hidden}
.reducer-wear::after{content:"";position:absolute;right:-26px;bottom:-38px;width:140px;height:140px;border:18px solid rgba(18,18,18,.035);border-radius:50%}
.reducer-wear small{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.reducer-wear h3{margin:34px 0 12px;font-family:"Barlow Condensed";font-size:36px;line-height:.95;text-transform:uppercase}
.reducer-wear p{position:relative;z-index:1;margin:0;color:#666;font-size:13px;line-height:1.7;max-width:480px}
.reducer-wear strong{display:block;margin-top:18px;color:#222;font-size:11px;line-height:1.55}

.reducer-oil-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}
.reducer-oil-card{padding:40px;background:var(--gear-dark);color:#fff}
.reducer-oil-card small{color:#ef3b40;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.reducer-oil-card h3{margin:20px 0 16px;color:#fff;font-family:"Barlow Condensed";font-size:44px;line-height:.92;text-transform:uppercase}
.reducer-oil-card p{margin:0;color:#b5b5b5;line-height:1.75}
.reducer-oil-card .oil-note{margin-top:28px;padding-top:22px;border-top:1px solid #383838;color:#ddd;font-size:12px;line-height:1.65}
.reducer-seal-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #bbb;border-left:1px solid #bbb;background:#fff}
.reducer-seal-grid article{min-height:180px;padding:28px;border-right:1px solid #bbb;border-bottom:1px solid #bbb}
.reducer-seal-grid b{display:block;color:var(--red);font-family:"Barlow Condensed";font-size:19px;text-transform:uppercase}
.reducer-seal-grid h3{margin:24px 0 8px;font-family:"Barlow Condensed";font-size:29px;line-height:1;text-transform:uppercase}
.reducer-seal-grid p{margin:0;color:#666;font-size:12.5px;line-height:1.65}

.reducer-fit{display:grid;grid-template-columns:.72fr 1.28fr;background:#111;color:#fff}
.reducer-fit-title{padding:44px 38px;border-right:1px solid #333}
.reducer-fit-title small{color:#ef3b40;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.reducer-fit-title h3{margin:18px 0 0;color:#fff;font-family:"Barlow Condensed";font-size:46px;line-height:.92;text-transform:uppercase}
.reducer-fit-board{display:grid;grid-template-columns:repeat(2,1fr)}
.reducer-fit-board article{padding:31px;border-right:1px solid #333;border-bottom:1px solid #333}
.reducer-fit-board article:nth-child(2n){border-right:0}
.reducer-fit-board b{display:block;color:#fff;font-family:"Barlow Condensed";font-size:22px;text-transform:uppercase}
.reducer-fit-board p{margin:10px 0 0;color:#aaa;font-size:12.5px;line-height:1.65}

.reducer-verification{width:100%;padding:82px max(22px,calc((100vw - 1180px)/2));background:#e7e7e2}
.reducer-verification-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:34px}
.reducer-verification-head h2{margin:0;font-family:"Barlow Condensed";font-size:clamp(44px,5vw,70px);line-height:.92;text-transform:uppercase}
.reducer-verification-head p{margin:0;color:#5f5f5f;line-height:1.75}
.reducer-verification-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa;border-left:1px solid #aaa;background:#fff}
.reducer-verification-grid article{min-height:180px;padding:27px;border-right:1px solid #aaa;border-bottom:1px solid #aaa}
.reducer-verification-grid b{display:block;color:var(--red);font-family:"Barlow Condensed";font-size:18px;text-transform:uppercase}
.reducer-verification-grid h3{margin:30px 0 8px;font-family:"Barlow Condensed";font-size:28px;line-height:.96;text-transform:uppercase}
.reducer-verification-grid p{margin:0;color:#666;font-size:12px;line-height:1.65}

.reducer-criterion{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:54px 0 78px;display:grid;grid-template-columns:.55fr 1.45fr;border-top:1px solid #c9c9c4}
.reducer-criterion-title{padding:30px 34px;background:var(--red);color:#fff}
.reducer-criterion-title small{display:block;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.reducer-criterion-title strong{display:block;margin-top:18px;font-family:"Barlow Condensed";font-size:34px;line-height:.95;text-transform:uppercase}
.reducer-criterion-copy{padding:34px;background:#fff}
.reducer-criterion-copy p{margin:0;color:#555;font-size:16px;line-height:1.75}

@media(max-width:980px){
  .reducer-hero{grid-template-columns:1fr}.reducer-hero-photo{min-height:470px}
  .reducer-transmission-head,.reducer-section-head,.reducer-verification-head{grid-template-columns:1fr}
  .reducer-train{grid-template-columns:1fr 1fr}.reducer-train article{min-height:210px;border-bottom:1px solid #333}.reducer-train article:nth-child(2n){border-right:0}.reducer-train::before{display:none}
  .reducer-supports{grid-template-columns:repeat(2,1fr)}
  .reducer-oil-layout,.reducer-fit{grid-template-columns:1fr}.reducer-fit-title{border-right:0;border-bottom:1px solid #333}
  .reducer-verification-grid{grid-template-columns:repeat(2,1fr)}
  .reducer-criterion{grid-template-columns:1fr}
}
@media(max-width:640px){
  .reducer-hero,.reducer-transmission,.reducer-section,.reducer-criterion{width:calc(100% - 30px)}
  .reducer-hero{padding-top:40px;gap:30px}.reducer-hero h1{font-size:58px}.reducer-hero-facts{grid-template-columns:1fr}.reducer-hero-photo{min-height:360px;border-radius:0}
  .reducer-train,.reducer-supports,.reducer-wear-atlas,.reducer-seal-grid,.reducer-fit-board,.reducer-verification-grid{grid-template-columns:1fr}
  .reducer-train article,.reducer-train article:nth-child(2n),.reducer-supports article,.reducer-seal-grid article,.reducer-fit-board article,.reducer-fit-board article:nth-child(2n){border-right:0}
  .reducer-oil-card{padding:31px 24px}.reducer-fit-title{padding:34px 25px}.reducer-fit-board article{padding:27px 24px}
  .reducer-verification{padding:64px 15px}.reducer-criterion-title,.reducer-criterion-copy{padding:28px 24px}
}