/* ============================================
   DOSSIER-METODOLOGIA.CSS — Específico de metodologia/index.html
   Requiere dossier-core.css cargado antes.
   ============================================ */

.md-progress.ds-bar{background:var(--ds-line);}
.md-progress.ds-bar .md-progress-bar{background:var(--ds-deep);}

.ds-page .md-hero{
  max-width:none;padding:64px 56px 52px;background:var(--ds-paper);
  background-image:linear-gradient(rgba(0,119,181,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,181,.07) 1px,transparent 1px);
  background-size:28px 28px;background-position:-1px -1px;border-bottom:none;overflow:hidden;position:relative;
}
.ds-page .md-eyebrow{
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);
  border:none;padding:0;margin-bottom:18px;display:flex;align-items:center;gap:8px;position:relative;z-index:1;
}
.ds-page .md-eyebrow::before{content:'';width:6px;height:6px;background:var(--brand);}
.ds-page .md-hero h1{
  font-size:clamp(28px,3.6vw,42px);font-weight:800;line-height:1.12;letter-spacing:-.015em;
  text-transform:uppercase;color:var(--ds-ink);position:relative;z-index:1;max-width:1000px;
}
.ds-page .md-hero h1 .b{color:var(--brand);}
.ds-page .md-hero h1 .d{color:#aab3ba;}
.ds-page .md-hero p{
  font-size:16.5px;color:#3d4751;max-width:640px;line-height:1.65;position:relative;z-index:1;margin-top:18px;
}
.ds-page .md-hero p strong{color:var(--ds-ink);}

.ds-page .md-essay{max-width:none;padding:0;}
.ds-page .md-block{
  max-width:1320px;padding:40px 56px;border-top:1px solid var(--ds-line);
}
.ds-page .md-tag{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7c8790;
  margin:0 0 16px;display:flex;align-items:baseline;gap:14px;
}
.ds-page .md-tag::before{
  counter-increment:ds-ref;
  content:"REF." counter(ds-ref,decimal-leading-zero);
  font-family:var(--mono);font-size:11px;color:var(--brand);border:1px solid var(--brand);
  padding:2px 8px;letter-spacing:.05em;flex-shrink:0;
}
.ds-page .md-block-title{font-size:23px;font-weight:800;color:var(--ds-ink);margin-bottom:16px;max-width:1000px;line-height:1.3;}
.ds-page .md-text{font-size:15.5px;line-height:1.8;color:#3d4751;max-width:1000px;}
.ds-page .md-text p{margin-bottom:14px;}
.ds-page .md-text strong{color:var(--ds-ink);}

.ds-page .md-quote{
  border:none;border-left:3px solid var(--ds-deep);background:#EFF3F3;padding:18px 26px;max-width:900px;margin:22px 0;
}
.ds-page .md-quote-text{font-family:var(--mono);color:var(--ds-ink);}
.ds-page .md-quote-attr{color:#7c8790;}

.ds-page .md-cta{
  background:var(--ds-deep);max-width:none;padding:60px 56px;text-align:center;border:none;
}
.ds-page .md-cta h2{
  font-size:clamp(24px,3vw,32px);font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px;
}
.ds-page .md-cta h2 span{color:#5fb6e0;}
.ds-page .md-cta p{color:#9bb6c4;font-size:15px;max-width:620px;margin:0 auto 28px;}
.ds-page .md-cta p strong{color:#fff;}

@media (max-width:640px){
  .ds-page .md-hero,.ds-page .md-block,.ds-page .md-cta{padding-left:20px;padding-right:20px;}
}