/* Diagnóstico por etapas · Compliance 360. Usa la paleta de venta.css (grafito y café del manual PR&M). */
.dg{max-width:820px}
.dg-cabeza{padding:30px 0 6px}
.dg-ceja{font-family:"Advent Pro",Helvetica,Arial,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}
.dg-cabeza h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:clamp(26px,4.4vw,38px);line-height:1.15;margin:0 0 12px}
.dg-cabeza h1 em{font-style:normal;font-weight:700}
.dg-previa{border:1.5px dashed var(--gold2);border-radius:10px;padding:10px 14px;font-size:13.5px;color:var(--muted);margin:8px 0}
.dg-etapas{list-style:none;padding:0;margin:18px 0 10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.dg-etapas li{border:1.5px solid var(--line);border-radius:12px;padding:9px 10px;background:var(--card);font-size:12.5px;line-height:1.3;min-width:0}
.dg-etapas li b{display:block;font-family:"Advent Pro",Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:.12em;color:var(--gold)}
.dg-etapas li span{display:block;overflow-wrap:anywhere}
.dg-etapas li.hecha{border-color:var(--ok)}
.dg-etapas li.hecha b::after{content:" ✓";color:var(--ok)}
.dg-etapas li.actual{border:2px solid var(--gold);box-shadow:0 2px 10px rgba(133,100,78,.14)}
.dg-etapas li.cerrada{opacity:.62}
.dg-etapas li.cerrada b::after{content:" · cerrada";font-weight:500;color:var(--muted)}
.dg-etapas button{all:unset;cursor:pointer;display:block}
.dg-etapas button:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:6px}
@media (max-width:640px){.dg-etapas{grid-template-columns:1fr 1fr}.dg-etapas li:last-child{grid-column:1/-1}}
.dg-avance{margin:4px 0 14px;font-size:13.5px;color:var(--muted)}
.dg-barra{height:8px;border-radius:8px;background:var(--line);overflow:hidden;margin-top:6px}
.dg-barra i{display:block;height:100%;background:var(--gold);border-radius:8px;transition:width .4s}
.dg-vista{outline:none}
.dg-vista h2{margin:10px 0 6px}
.dg-fila{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:600px){.dg-fila{grid-template-columns:1fr}}
.dg-rfc input{font-size:20px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.dg-sello{display:inline-flex;gap:8px;align-items:center;margin-top:8px;padding:6px 12px;border-radius:20px;background:var(--soft);border:1px solid var(--line);font-size:13.5px}
.dg-sello.ok{border-color:var(--ok);color:var(--ok)}
.dg-sello.err{border-color:var(--bad);color:var(--bad)}
.dg-ayuda{font-size:12.5px;color:var(--muted);margin:3px 0 0}
.dg-pildoras{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}
.dg-pildoras button{min-height:42px;border-radius:21px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:14px;font-weight:600;padding:0 16px;cursor:pointer}
.dg-pildoras button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
@media (prefers-color-scheme:dark){.dg-pildoras button[aria-pressed=true]{background:var(--gold);color:#1e1f21;border-color:var(--gold)}}
.dg-bloque[hidden]{display:none}
.dg-bloque{animation:dgEntra .25s ease}
@keyframes dgEntra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dg-bloque{animation:none}.dg-barra i{transition:none}}
.dg-pregunta legend{font-size:20px;font-weight:700;line-height:1.35;margin-bottom:6px}
.dg-pregunta fieldset{border:0;padding:0;margin:0}
.dg-opciones{display:grid;gap:9px;margin-top:12px}
.dg-opciones button{text-align:left;min-height:52px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:15.5px;padding:10px 16px;cursor:pointer}
.dg-opciones button[aria-pressed=true]{border:2px solid var(--gold);background:var(--soft);font-weight:700}
.dg-opciones button:hover{border-color:var(--gold2)}
.dg-contador{font-family:"Advent Pro",Helvetica,Arial,sans-serif;letter-spacing:.12em;font-size:12.5px;color:var(--muted);text-transform:uppercase}
.dg-areas{display:grid;gap:8px;margin:12px 0}
.dg-area{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px}
.dg-nivel{flex:none;font-size:12.5px;font-weight:700;border-radius:20px;padding:4px 11px}
.dg-nivel.solido{background:#E6F2EC;color:#2E7D5B}
.dg-nivel.reforzar{background:#F6EEDC;color:#85644e}
.dg-nivel.documentar{background:#FBEAEA;color:#B3261E}
@media (prefers-color-scheme:dark){.dg-nivel.solido{background:#1e392b;color:#6cc59a}.dg-nivel.reforzar{background:#3a3024;color:#d2bcad}.dg-nivel.documentar{background:#3d1a1a;color:#d97a62}}
.dg-prioridad{border-left:5px solid var(--bad);background:var(--card);border-radius:10px;padding:10px 14px;margin:10px 0;font-size:14.5px}
.dg-docs{display:grid;gap:10px;margin:12px 0}
.dg-doc{background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px}
.dg-doc.listo{border-color:var(--ok)}
.dg-doc h3{font-size:15.5px;margin:0 0 2px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.dg-doc .et{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:2px 9px;background:var(--soft);color:var(--gold)}
.dg-doc .et.min{background:var(--navy);color:#fff}
.dg-doc p{margin:2px 0 8px;font-size:13.5px;color:var(--muted)}
.dg-doc label.subir{display:inline-flex;align-items:center;min-height:40px;margin:0;border:1.5px solid var(--gold2);border-radius:10px;padding:0 14px;cursor:pointer;font-size:14px;color:var(--gold)}
.dg-doc label.subir input{position:absolute;width:1px;height:1px;opacity:0}
.dg-doc label.subir:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.dg-archivos{list-style:none;padding:0;margin:8px 0 0;font-size:13.5px}
.dg-archivos li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px dashed var(--line);overflow-wrap:anywhere}
.dg-archivos button{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit;font-size:13px}
.dg-informe{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:18px 20px}
.dg-informe h3{margin:16px 0 6px;font-size:16px}
.dg-informe ol,.dg-informe ul{padding-left:20px}
.dg-informe li{margin:5px 0}
.dg-marca{font-family:"Advent Pro",Helvetica,Arial,sans-serif;letter-spacing:.14em;font-size:12px;text-transform:uppercase;color:var(--gold);border-top:1px dotted var(--gold2);padding-top:10px;margin-top:16px}
.dg-propuesta .precio{font-size:30px;font-weight:800}
.dg-propuesta .precio small{font-size:14px;font-weight:600;color:var(--muted)}
.dg-acciones{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px}
.btn.lin{background:transparent;color:var(--ink);border:1.6px solid var(--gold2)}
.dg-pie{margin-top:28px}
/* Chequeo rápido (Ola 1 · Paq1): semáforo general y por área */
.dg-sem{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;font-weight:700;border-radius:20px;padding:6px 14px;font-size:14px}
.dg-sem::before{content:"";width:12px;height:12px;border-radius:50%;background:currentColor}
.dg-sem.verde{background:#E6F2EC;color:#2E7D5B}
.dg-sem.amarillo{background:#F6EEDC;color:#85644e}
.dg-sem.rojo{background:#FBEAEA;color:#B3261E}
@media (prefers-color-scheme:dark){.dg-sem.verde{background:#1e392b;color:#6cc59a}.dg-sem.amarillo{background:#3a3024;color:#d2bcad}.dg-sem.rojo{background:#3d1a1a;color:#d97a62}}
.dg-volver{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit;font-size:14px;padding:8px 0;margin-top:10px}
/* H-033 (MS-2026-026): en teléfono (≤480 px) ningún texto queda debajo de 12 px */
@media (max-width:480px){.dg-doc .et{font-size:12px}}