/* RHD service hierarchy polish
   Purpose: reserve numbers for true sequences, give evaluation cards a softer editorial treatment,
   and make the 01–09 rebobinado flow visually distinct without using square or rounded boxes. */

/* Hero principles are criteria, not steps: remove numerical visual language. */
.service-page .service-kicker{
  margin-bottom:18px;
  letter-spacing:.16em;
}
.service-page .service-hero-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:38px;
  border:0;
}
.service-page .service-hero-facts div{
  position:relative;
  min-height:74px;
  padding:19px 8px 12px 0;
  border:0;
  border-top:1px solid rgba(18,18,18,.16);
  background:transparent;
}
.service-page .service-hero-facts div::before{
  content:"";
  position:absolute;
  left:0;
  top:-2px;
  width:34px;
  height:3px;
  background:#c51319;
}
.service-page .service-hero-facts span{
  display:block;
  margin-top:5px;
  max-width:180px;
  color:#606060;
  font-size:11px;
  line-height:1.45;
}

/* Evaluation is a set of inspection criteria, not a numbered sequence. */
.service-page #evaluacion .tech-list--evaluation{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  border:0;
  background:transparent;
}
.service-page #evaluacion .tech-list--evaluation article{
  position:relative;
  min-height:178px;
  padding:31px 31px 30px;
  overflow:hidden;
  border:1px solid rgba(18,18,18,.085);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(250,250,248,.95));
  box-shadow:0 13px 32px rgba(18,18,18,.045),inset 0 0 0 1px rgba(255,255,255,.55);
}
.service-page #evaluacion .tech-list--evaluation article::before{
  content:"";
  position:absolute;
  left:31px;
  top:24px;
  width:31px;
  height:3px;
  background:#c51319;
}
.service-page #evaluacion .tech-list--evaluation article::after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-34px;
  width:94px;
  height:94px;
  border:1px solid rgba(18,18,18,.04);
  border-radius:50%;
  pointer-events:none;
}
.service-page #evaluacion .tech-list--evaluation h3{
  margin:34px 0 10px;
  font-size:29px;
}
.service-page #evaluacion .tech-list--evaluation p{
  max-width:520px;
  font-size:13px;
  line-height:1.72;
}

/* True process flow: 01–09 are kept because they communicate execution order.
   The cards use a restrained chamfer (cut corner), clearly different from the rounded evaluation cards. */
.service-page .process-line--flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  border:0;
  background:transparent;
  counter-reset:rhd-process;
}
.service-page .process-line--flow div{
  position:relative;
  min-height:158px;
  padding:22px 21px 20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg,#111 0%,#151515 100%);
  color:#fff;
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));
  transition:transform .17s ease,background-color .17s ease,border-color .17s ease,filter .17s ease;
  -webkit-tap-highlight-color:transparent;
}
.service-page .process-line--flow div:nth-child(n+4):nth-child(-n+6){
  background:linear-gradient(145deg,#141414 0%,#181818 100%);
}
.service-page .process-line--flow div:nth-child(n+7){
  background:linear-gradient(145deg,#171717 0%,#1b1b1b 100%);
}
.service-page .process-line--flow div::before{
  content:"";
  position:absolute;
  left:21px;
  top:54px;
  width:32px;
  height:2px;
  background:linear-gradient(90deg,#c51319,rgba(197,19,25,0));
}
.service-page .process-line--flow div::after{
  content:"";
  position:absolute;
  right:12px;
  top:12px;
  width:7px;
  height:7px;
  border-top:1px solid rgba(255,255,255,.18);
  border-right:1px solid rgba(255,255,255,.18);
}
.service-page .process-line--flow b{
  display:block;
  color:#e02027;
  font-family:"Barlow Condensed",Inter,sans-serif;
  font-size:24px;
  line-height:1;
  letter-spacing:.01em;
}
.service-page .process-line--flow span{
  display:block;
  margin-top:50px;
  max-width:92%;
  font-family:"Barlow Condensed",Inter,sans-serif;
  font-size:20px;
  line-height:1.05;
  text-transform:uppercase;
}
.service-page .process-line--flow div:hover,
.service-page .process-line--flow div:focus-within{
  transform:translateY(-2px);
  border-color:rgba(224,32,39,.42);
  filter:brightness(1.06);
}
.service-page .process-line--flow div:active{
  transform:translateY(1px) scale(.987);
  filter:brightness(.98);
}

/* Keep the service top navigation useful on narrow screens without crowding or wrapping labels. */
@media(max-width:980px){
  .service-page #evaluacion .tech-list--evaluation{grid-template-columns:1fr 1fr}
  .service-page .process-line--flow{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:640px){
  .service-page .service-hero-facts{
    grid-template-columns:1fr;
    gap:4px;
    margin-top:34px;
  }
  .service-page .service-hero-facts div{
    min-height:62px;
    padding:17px 0 11px;
  }
  .service-page .service-hero-facts span{
    max-width:none;
    font-size:12px;
  }
  .service-page #evaluacion .tech-list--evaluation{
    grid-template-columns:1fr;
    gap:14px;
  }
  .service-page #evaluacion .tech-list--evaluation article{
    min-height:0;
    padding:28px 26px 27px;
    border-radius:18px;
  }
  .service-page #evaluacion .tech-list--evaluation article::before{
    left:26px;
    top:21px;
  }
  .service-page #evaluacion .tech-list--evaluation h3{
    margin-top:32px;
    font-size:28px;
  }
  .service-page .process-line--flow{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .service-page .process-line--flow div{
    min-height:150px;
    padding:20px 18px;
    clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
  }
  .service-page .process-line--flow div::before{left:18px;top:50px;width:27px}
  .service-page .process-line--flow div::after{right:10px;top:10px}
  .service-page .process-line--flow span{margin-top:46px;font-size:19px;max-width:100%}
  .service-page .process-line--flow div:last-child{
    grid-column:1/-1;
    min-height:118px;
    background:linear-gradient(135deg,#181818 0%,#1d1d1d 68%,rgba(197,19,25,.18) 100%);
  }
  .service-page .process-line--flow div:last-child span{margin-top:34px}
}

@media(prefers-reduced-motion:reduce){
  .service-page .process-line--flow div{transition:none}
}