:root{--petroleo:#0B2530;--petroleo-2:#0E2C3A;--petroleo-3:#122F3D;--marfil:#EFEEE8;
    --marfil-2:#E6E4DB;--tinta:#152730;--gris:#5C6E74;--laton:#B98A2F;--laton-claro:#D4A94A;
    --vivo:#3F8F5F;--alerta:#B4472F;--linea:#D8D5CA;--linea-osc:#1C3C4C}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--marfil);color:var(--tinta);font-family:"Segoe UI",system-ui,sans-serif;
    line-height:1.65;font-size:16.5px}
  .contenido{max-width:1080px;margin:0 auto;padding:0 24px}
  .ceja{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
  a{color:inherit}:focus-visible{outline:2px solid var(--laton);outline-offset:3px}
  h1,h2,h3{font-family:Georgia,serif;font-weight:400;text-wrap:balance}
  section{padding:80px 0}
  h2{font-size:clamp(26px,3.5vw,37px);line-height:1.18;max-width:20em}
  h3{font-size:19px}
  .intro{margin-top:16px;max-width:64ch;color:var(--gris);font-size:17.5px}
  .oscura{background:var(--petroleo);color:var(--marfil)}
  .oscura .intro{color:#AFBFC3}.oscura .ceja{color:var(--laton-claro)}.clara .ceja{color:var(--laton)}
  .barra{background:var(--petroleo);color:var(--marfil);position:sticky;top:0;z-index:50;
    border-bottom:1px solid var(--linea-osc)}
  .barra .contenido{display:flex;align-items:center;justify-content:space-between;padding:15px 24px}
  .logo{display:flex;align-items:center;gap:10px;text-decoration:none}
  .logo .marca{height:28px;color:var(--laton-claro)}
  .logo .palabra{font-family:Georgia,serif;font-size:22px;letter-spacing:.06em}
  .logo b{color:var(--laton-claro);font-weight:400}
  .volver{font-size:13.5px;color:#B9C6C9;text-decoration:none}
  .cta-mini{text-decoration:none;color:var(--petroleo);background:var(--laton-claro);
    padding:9px 18px;border-radius:3px;font-weight:600;font-size:13.5px}
  .heroe .contenido{padding:80px 24px 70px}
  .heroe h1{font-size:clamp(34px,5.4vw,56px);line-height:1.1;max-width:14em}
  .heroe h1 em{font-style:italic;color:var(--laton-claro)}
  .heroe .baja{margin-top:24px;max-width:56ch;color:#AFBFC3;font-size:18.5px}
  .btn{display:inline-block;text-decoration:none;font-weight:600;font-size:15.5px;
    padding:15px 30px;border-radius:3px;margin-top:34px}
  .btn-oro{background:var(--laton-claro);color:var(--petroleo)}
  /* espejo */
  .lista{margin-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
    gap:1px;background:var(--linea);border:1px solid var(--linea)}
  .lista .item{background:var(--marfil);padding:24px}
  .lista .item::before{content:"—";color:var(--laton);margin-right:10px;font-weight:700}
  /* flujo */
  .flujo{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;
    background:var(--linea-osc);border:1px solid var(--linea-osc);margin-top:42px}
  .flujo .p{background:var(--petroleo-2);padding:26px 22px}
  .flujo .p .n{font-family:Georgia,serif;font-size:26px;color:var(--laton-claro)}
  .flujo .p h3{color:var(--marfil);margin:8px 0 6px;font-size:17px}
  .flujo .p p{color:#AFBFC3;font-size:14.5px}
  /* documentos */
  .docs{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
  .doc{background:var(--marfil);border:1px solid var(--linea);border-left:3px solid var(--laton);
    padding:14px 18px;font-size:15px}
  .doc span{color:var(--laton);font-family:Georgia,serif;margin-right:8px}
  /* módulos */
  .mods{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
  .mod{background:var(--marfil);border:1px solid var(--linea);border-radius:4px;padding:26px 24px}
  .mod .tag{display:inline-block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
    font-weight:700;color:var(--laton);border:1px solid var(--laton);border-radius:99px;
    padding:3px 10px;margin-bottom:12px}
  .mod h3{margin-bottom:8px;line-height:1.3}
  .mod p{font-size:15px;color:var(--gris)}
  /* cita destacada */
  .destacado{background:var(--petroleo-3);color:var(--marfil);border-left:4px solid var(--laton-claro);
    padding:30px 34px;margin-top:40px;border-radius:0 4px 4px 0}
  .destacado p{color:#C8D8D2;font-size:17px}
  .destacado b{color:var(--marfil)}
  /* números */
  .nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:36px;margin-top:40px}
  .num .n{font-family:Georgia,serif;font-size:42px;color:var(--laton-claro);line-height:1}
  .num small{display:block;font-size:14px;color:#AFBFC3;margin-top:10px}
  /* no incluye */
  .noinc{margin-top:34px;display:grid;gap:12px}
  .noinc div{background:var(--marfil-2);border-left:3px solid var(--gris);padding:16px 20px;font-size:15.5px}
  .cierre{text-align:center}
  .cierre h2{margin:0 auto;max-width:16em}
  .cierre .baja{margin:18px auto 0;max-width:52ch;color:#AFBFC3;font-size:18px}
  .nota{margin-top:24px;font-size:14px;color:#8FA6AC}
  footer{background:var(--petroleo-2);color:#8FB3A8;border-top:1px solid var(--linea-osc);
    padding:28px 0;font-size:13.5px}
  footer .contenido{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
  footer a{color:var(--laton-claro);text-decoration:none}
  .aviso{background:#FFF3CD;border-left:4px solid var(--laton);padding:13px 20px;font-size:14px;color:#5C4A16}