/* DataNew – Demo Evidencia (CSS aislado con prefijo dn-) */
.dn-wrap{max-width:1180px;margin:0 auto;padding:24px 16px 56px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans",sans-serif;color:#eaf2ff}
.dn-page-no-title .entry-title,.dn-page-no-title h1.entry-title{display:none!important}
.dn-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:stretch;margin-bottom:18px}
.dn-card{background:linear-gradient(180deg,rgba(18,40,73,.94),rgba(15,31,58,.92));border:1px solid rgba(255,255,255,.10);border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.dn-pad{padding:18px}
.dn-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#95a8c8;font-size:12px;font-weight:800}
.dn-pill-small{padding:6px 10px;font-size:11px}
.dn-h1{font-size:42px;line-height:1.05;margin:10px 0 12px}
.dn-h2{font-size:22px;margin:0 0 10px}
.dn-h3{font-size:16px;margin:0 0 8px}
.dn-lead{font-size:15px;line-height:1.7;color:rgba(234,242,255,.86);max-width:64ch}
.dn-muted{color:#95a8c8;font-size:14px;line-height:1.7}
.dn-note{color:#95a8c8;font-size:13px;margin:10px 0 0}
.dn-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.dn-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00b4d8,#4cc9f0);color:#05101d;padding:10px 14px;border-radius:14px;font-weight:900;text-decoration:none}
.dn-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.10);color:#eaf2ff}
.dn-chips{display:flex;gap:8px;flex-wrap:wrap}
.dn-chip{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#eaf2ff;font-size:12px;font-weight:800}
.dn-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.dn-kpi{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.dn-kpi-num{font-size:22px;font-weight:950}
.dn-kpi-lbl{font-size:12px;color:#95a8c8;margin-top:4px}
.dn-section{margin-top:14px}
.dn-login{margin-top:12px}
.dn-field{display:grid;gap:6px;margin-bottom:10px}
.dn-field label{font-size:12px;color:#95a8c8;font-weight:800}
.dn-field input{width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#eaf2ff}
.dn-login-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.dn-check{display:flex;gap:8px;align-items:center;color:#95a8c8;font-size:13px}
.dn-link{color:#4cc9f0;font-weight:800;font-size:13px}
.dn-callout{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px dashed rgba(76,201,240,.38);background:rgba(76,201,240,.10);color:rgba(234,242,255,.92);font-size:14px}
.dn-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.dn-subcard{box-shadow:none}
.dn-list{margin:10px 0 0 18px;color:#eaf2ff}
.dn-list li{margin:6px 0;color:rgba(234,242,255,.86)}
.dn-steps{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px}
.dn-step{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#95a8c8;font-size:12px;font-weight:900}
.dn-step-on{border-color:rgba(76,201,240,.35);color:#eaf2ff}
.dn-phone{margin-top:10px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(7,16,31,.55);padding:12px}
.dn-phone-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;color:#95a8c8;font-size:13px}
.dn-phone-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:12px;margin-bottom:10px}
.dn-photo-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.dn-photo{padding:12px;border-radius:14px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.02);color:rgba(234,242,255,.9);text-align:center}
.dn-photo small{color:#95a8c8}
.dn-row{margin-top:8px;font-size:13px}
.dn-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.dn-select{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.02);color:#95a8c8;font-size:13px;font-weight:800}
.dn-summary{display:grid;gap:8px;font-size:13px;color:rgba(234,242,255,.92)}
.dn-toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0}
.dn-filters,.dn-export{display:flex;gap:8px;flex-wrap:wrap}
.dn-table-wrap{overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.10)}
.dn-table{width:100%;border-collapse:collapse;min-width:820px;background:rgba(255,255,255,.02)}
.dn-table th,.dn-table td{padding:12px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:13px}
.dn-table th{color:rgba(234,242,255,.92);background:rgba(255,255,255,.03)}
.dn-table td{color:rgba(234,242,255,.86)}
@media (max-width:980px){.dn-hero{grid-template-columns:1fr}.dn-grid-2{grid-template-columns:1fr}.dn-grid-3{grid-template-columns:1fr}.dn-h1{font-size:36px}}
@media (max-width:520px){.dn-form-grid{grid-template-columns:1fr}.dn-photo-row{grid-template-columns:1fr}.dn-btn{width:100%}.dn-actions{flex-direction:column}}