/* ---------- Hero ---------- */
  .hero{
    background: var(--ink);
    color: var(--white);
    padding: 88px 0 100px;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid var(--line-dark);
  }
  .hero::after{
    content:""; position:absolute; inset:0;
    background-image: radial-gradient(circle at 82% 18%, rgba(169,128,60,0.10), transparent 45%);
    pointer-events:none;
  }
  .hero-grid{
    display:grid; grid-template-columns: 1.25fr 0.85fr; gap:64px; align-items:start; position:relative; z-index:1;
  }
  @media(max-width:900px){ .hero-grid{ grid-template-columns:1fr; gap:48px; } }
  .hero h1{ font-size:44px; color:var(--white); margin-bottom:22px; max-width:15ch;}
  @media(max-width:720px){ .hero h1{font-size:32px;} }
  .hero .sub{ font-size:17px; color:var(--paper-2); max-width:46ch; margin-bottom:34px; }
  .hero-ctas{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:22px;}
  .hero-secondary{ font-family:var(--mono); font-size:13.5px; color:var(--ash-light); }
  .hero-secondary a{ color:var(--brass-light); border-bottom:1px solid rgba(201,160,95,0.4); }

  /* Tarjeta expediente — elemento de firma */
  .dossier-card{
    background: var(--white); color: var(--ink);
    border:1px solid var(--line); padding:30px 28px;
    position:relative;
    box-shadow: 0 24px 48px rgba(0,0,0,0.28);
  }
  .dossier-card::before{
    content:"EXPEDIENTE"; position:absolute; top:20px; right:-38px;
    transform: rotate(90deg); transform-origin:left top;
    font-family:var(--mono); font-size:11px; letter-spacing:0.18em; color:var(--brass);
  }
  .dossier-title{ font-family:var(--mono); font-size:11.5px; letter-spacing:0.1em; color:var(--ash); margin-bottom:18px; text-transform:uppercase; }
  .dossier-row{ display:flex; justify-content:space-between; gap:16px; padding:13px 0; border-top:1px solid var(--line); font-size:14.5px; }
  .dossier-row:first-of-type{ border-top:none; }
  .dossier-row .k{ color:var(--ash); }
  .dossier-row .v{ font-family:var(--mono); font-weight:500; text-align:right; }