/* RHD · Diagnóstico eléctrico
   Página enfocada en alcance, evidencia real y criterio de interpretación. */
.diagnostic-page{
  --diag-dark:#0f1011;
  --diag-panel:#17191b;
  --diag-line:#d2d2cd;
  --diag-muted:#696b6d;
  --diag-red:#c51319;
  background:#f4f4f1;
}

.diagnostic-page main{overflow:hidden}
.diagnostic-eyebrow{margin:0 0 12px;color:var(--diag-red);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}

/* HERO */
.diagnostic-hero{
  width:min(1180px,calc(100% - 44px));
  margin:0 auto;
  padding:64px 0 66px;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:46px;
  align-items:stretch;
}
.diagnostic-hero-copy{display:flex;flex-direction:column;justify-content:center}
.diagnostic-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;
}
.diagnostic-hero h1 span{display:block;color:var(--diag-red)}
.diagnostic-hero .service-detail-lead{max-width:720px}

.diagnostic-hero-facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:34px;
  border-top:1px solid #c9c9c4;
  border-bottom:1px solid #c9c9c4;
}
.diagnostic-hero-facts div{padding:19px 17px 19px 0}
.diagnostic-hero-facts strong{
  display:block;
  font-family:"Barlow Condensed";
  font-size:23px;
  line-height:1;
  color:var(--diag-red);
  text-transform:uppercase;
}
.diagnostic-hero-facts span{display:block;margin-top:8px;color:#676767;font-size:11px;line-height:1.55}

.diagnostic-hero-visual{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border-radius:26px;
  background:#111;
  box-shadow:0 24px 64px rgba(15,15,15,.13);
}
.diagnostic-hero-visual img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.88) contrast(1.05) brightness(.82);
}
.diagnostic-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,5,6,.05),rgba(4,5,6,.15) 50%,rgba(4,5,6,.84)),linear-gradient(120deg,rgba(197,19,25,.18),transparent 45%);
}
.diagnostic-hero-overlay{
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:22px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  align-items:end;
  color:#fff;
}
.diagnostic-hero-overlay small{display:block;margin-bottom:7px;color:#ff555a;font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.diagnostic-hero-overlay strong{display:block;font-family:"Barlow Condensed";font-size:29px;line-height:.95;text-transform:uppercase}
.diagnostic-signal{display:flex;align-items:end;gap:4px;height:33px}
.diagnostic-signal i{display:block;width:3px;background:#ef3036;border-radius:3px;opacity:.9}
.diagnostic-signal i:nth-child(1){height:8px}.diagnostic-signal i:nth-child(2){height:17px}.diagnostic-signal i:nth-child(3){height:25px}.diagnostic-signal i:nth-child(4){height:13px}.diagnostic-signal i:nth-child(5){height:30px}.diagnostic-signal i:nth-child(6){height:20px}.diagnostic-signal i:nth-child(7){height:9px}

/* QUÉ EVALUAMOS */
.diagnostic-console{
  background:var(--diag-dark);
  color:#fff;
  padding:74px max(22px,calc((100vw - 1180px)/2)) 80px;
}
.diagnostic-console-head,.diagnostic-section-head{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:52px;
  align-items:end;
  margin-bottom:38px;
}
.diagnostic-console-head h2,.diagnostic-section-head h2,.diagnostic-criterion-copy h2{
  margin:0;
  font-family:"Barlow Condensed";
  font-size:clamp(44px,5vw,70px);
  line-height:.92;
  text-transform:uppercase;
}
.diagnostic-console-head>p,.diagnostic-section-head>p{
  margin:0;
  color:#a9aaab;
  line-height:1.75;
}
.diagnostic-section-head>p{color:#727272}

.diagnostic-channel-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#353739;
  border:1px solid #353739;
}
.diagnostic-channel{
  position:relative;
  min-height:238px;
  padding:28px 26px 48px;
  background:var(--diag-panel);
  overflow:hidden;
}
.diagnostic-channel::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:linear-gradient(90deg,var(--diag-red),transparent 72%);
}
.diagnostic-channel small{color:#ef454b;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.diagnostic-channel h3{margin:28px 0 12px;font-family:"Barlow Condensed";font-size:31px;line-height:1;text-transform:uppercase}
.diagnostic-channel p{margin:0;color:#a4a5a6;font-size:12.5px;line-height:1.72}
.diagnostic-channel footer{position:absolute;left:26px;right:26px;bottom:20px;color:#747678;font-size:9px;letter-spacing:.1em;text-transform:uppercase}

/* EVIDENCIA */
.diagnostic-evidence{
  width:min(1180px,calc(100% - 44px));
  margin:0 auto;
  padding:82px 0;
}
.diagnostic-evidence-grid{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
  gap:14px;
}
.diagnostic-evidence-card{
  position:relative;
  min-height:430px;
  margin:0;
  overflow:hidden;
  border-radius:22px;
  background:#151617;
}
.diagnostic-evidence-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.9) contrast(1.04) brightness(.82);
  transition:transform .45s ease,filter .45s ease;
}
.diagnostic-evidence-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(0,0,0,.88) 100%);
}
.diagnostic-evidence-card figcaption{
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:22px;
  color:#fff;
}
.diagnostic-evidence-card figcaption small{display:block;color:#ff555a;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.diagnostic-evidence-card figcaption strong{display:block;margin-top:8px;font-family:"Barlow Condensed";font-size:29px;line-height:1;text-transform:uppercase}
.diagnostic-evidence-card figcaption span{display:block;margin-top:9px;max-width:440px;color:#c3c3c3;font-size:11px;line-height:1.55}
@media(hover:hover){
  .diagnostic-evidence-card:hover img{transform:scale(1.025);filter:saturate(.95) contrast(1.05) brightness(.88)}
}

/* CRITERIO */
.diagnostic-criterion{
  background:#e9e9e5;
  padding:78px max(22px,calc((100vw - 1180px)/2));
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:48px;
  align-items:start;
}
.diagnostic-criterion-copy>p:last-child{margin:22px 0 0;color:#6b6b6b;line-height:1.75}
.diagnostic-criterion-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:#c8c8c3;
  border:1px solid #c8c8c3;
}
.diagnostic-criterion-grid article{
  min-height:190px;
  padding:28px;
  background:#fff;
}
.diagnostic-criterion-grid small{display:block;color:var(--diag-red);font-size:10px;font-weight:800;letter-spacing:.14em}
.diagnostic-criterion-grid strong{display:block;margin-top:22px;font-family:"Barlow Condensed";font-size:28px;line-height:1;text-transform:uppercase}
.diagnostic-criterion-grid span{display:block;margin-top:10px;color:#707070;font-size:12px;line-height:1.6}

.diagnostic-note{
  width:min(1180px,calc(100% - 44px));
  margin:78px auto;
  display:grid;
  grid-template-columns:.44fr 1.56fr;
  background:var(--diag-red);
  color:#fff;
}
.diagnostic-note strong{
  padding:32px;
  font-family:"Barlow Condensed";
  font-size:32px;
  line-height:1;
  text-transform:uppercase;
  border-right:1px solid rgba(255,255,255,.25);
}
.diagnostic-note p{margin:0;padding:32px;color:#ffe8e9;font-size:15px;line-height:1.72}

@media(max-width:980px){
  .diagnostic-hero{grid-template-columns:1fr}
  .diagnostic-hero-visual{min-height:500px}
  .diagnostic-console-head,.diagnostic-section-head,.diagnostic-criterion{grid-template-columns:1fr}
  .diagnostic-channel-grid{grid-template-columns:1fr 1fr}
  .diagnostic-evidence-grid{grid-template-columns:1fr 1fr}
  .diagnostic-evidence-card--wide{grid-column:1/-1;min-height:500px}
  .diagnostic-note{grid-template-columns:1fr}
  .diagnostic-note strong{border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}
}

@media(max-width:640px){
  .diagnostic-hero,.diagnostic-evidence,.diagnostic-note{width:calc(100% - 30px)}
  .diagnostic-hero{padding-top:40px;gap:28px}
  .diagnostic-hero h1{font-size:58px}
  .diagnostic-hero-facts{grid-template-columns:1fr}
  .diagnostic-hero-facts div{padding-right:0}
  .diagnostic-hero-visual{min-height:390px;border-radius:20px}
  .diagnostic-channel-grid,.diagnostic-evidence-grid,.diagnostic-criterion-grid{grid-template-columns:1fr}
  .diagnostic-evidence-card,.diagnostic-evidence-card--wide{grid-column:auto;min-height:380px}
  .diagnostic-criterion{padding-top:58px;padding-bottom:58px}
  .diagnostic-note strong,.diagnostic-note p{padding:27px 24px}
}

@media(prefers-reduced-motion:reduce){
  .diagnostic-page *{scroll-behavior:auto!important}
  .diagnostic-evidence-card img{transition:none}
}