/* DAP - Nota individual (.dn-*). Portado de "DAP Nota Template" (claro) + "DAP Modo Oscuro" (oscuro).
   Se encola solo en is_single(). El hero es navy en ambos modos (es un hero oscuro fijo). */
.dn-wrap{font-family:'DM Sans',sans-serif;background:#F4F7FB}
.dn-wrap *{box-sizing:border-box}
.dn-con{max-width:1280px;margin:0 auto;padding:0 24px}
.dn-hero{background:#0C1835;color:#fff;padding:28px 0 34px;position:relative;overflow:hidden}
.dn-hero::before{content:"";position:absolute;top:0;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(38,147,240,.12) 0%,transparent 60%);border-radius:50%;pointer-events:none}
/* Header de nota CON foto de fondo (igual que HAP .nhero.is-photo): foto + velo oscuro + contenido encima. */
.dn-hero.has-photo{padding:26px 0 30px}
.dn-hero.has-photo::before{display:none}
.dn-hero .dn-bg{position:absolute;inset:0;z-index:0;background:var(--himg) center/cover no-repeat;background-color:#0A1426}
.dn-hero .dn-sc{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,14,28,.93) 0%,rgba(8,14,28,.55) 42%,rgba(8,14,28,.2) 74%,rgba(8,14,28,.06) 100%),linear-gradient(105deg,rgba(8,14,28,.92) 0%,rgba(8,14,28,.78) 46%,rgba(8,14,28,.5) 80%,rgba(8,14,28,.3) 100%)}
.dn-hero .dn-con{position:relative;z-index:2}
.dn-bc{display:flex;align-items:center;gap:10px;font-size:13px;color:#94a3b8;margin-bottom:14px;flex-wrap:wrap}
.dn-bc a{color:#94a3b8;text-decoration:none;transition:color .2s}.dn-bc a:hover{color:#2693F0}
.dn-bc .sep{color:#475569;font-size:11px}.dn-bc .dn-cur{color:#cbd5e1}
.dn-pill{display:inline-flex;align-items:center;background:#2693F0;color:#0A1530;padding:6px 14px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}
.dn-title{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(29px,4.1vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.02em;margin-bottom:16px;color:#fff;max-width:960px;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.dn-title.is-long{font-size:clamp(24px,3.2vw,36px)}
.dn-title.is-xlong{font-size:clamp(21px,2.6vw,30px);line-height:1.14}
.dn-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.dn-meta .dn-author{display:flex;align-items:center;gap:12px}
.dn-meta .dn-av{width:42px;height:42px;border-radius:50%;background:#2693F0;color:#0A1530;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;font-family:'Bricolage Grotesque',sans-serif;flex-shrink:0}
.dn-meta .dn-at{display:flex;flex-direction:column;line-height:1.25}
.dn-meta .dn-an{font-size:14px;font-weight:600;color:#fff}
.dn-meta .dn-ar{font-size:11.5px;color:#cfe0f5}
.dn-meta .dn-div{width:1px;height:36px;background:rgba(255,255,255,.18)}
.dn-meta .dn-mi{display:flex;align-items:center;gap:8px;font-size:13px;color:#cbd5e1}
.dn-meta .dn-mi i{color:#2693F0;font-size:16px}
.dn-layout{padding:38px 0 34px;background:#F4F7FB}
.dn-grid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.dn-main{min-width:0}
.dn-sbar{display:flex;align-items:center;gap:14px;padding:9px 0;margin-bottom:18px;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0}
.dn-sbar .dn-slbl{font-size:12px;font-weight:600;color:#64748B;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:auto}
.dn-sb{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#F6F8FC;color:#0F172A;transition:all .2s;border:1px solid transparent;font-size:17px;text-decoration:none;flex-shrink:0}
.dn-sb:hover{transform:translateY(-2px);border-color:#2693F0}
.dn-sb.fb:hover{background:#1877F2;color:#fff;border-color:#1877F2}
.dn-sb.xb:hover{background:#0F172A;color:#fff;border-color:#0F172A}
.dn-sb.wa:hover{background:#25D366;color:#fff;border-color:#25D366}
.dn-sb.tg:hover{background:#0088CC;color:#fff;border-color:#0088CC}
.dn-sb.lk:hover{background:#2693F0;color:#0A1530;border-color:#2693F0}
.dn-sb.ml:hover{background:#EA4335;color:#fff;border-color:#EA4335}
.dn-content{font-size:17px;line-height:1.75;color:#0F172A}
.dn-content .dn-lead{font-family:'Source Serif 4',serif;font-size:21px;font-weight:400;line-height:1.55;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid #E2E8F0}
.dn-content h2{font-family:'Bricolage Grotesque',sans-serif;font-size:30px;font-weight:700;color:#1A3A6B;margin:48px 0 18px;letter-spacing:-.6px;line-height:1.2;display:flex;align-items:center;gap:14px}
.dn-content h2::before{content:"";width:5px;height:32px;background:#2693F0;border-radius:3px;flex-shrink:0}
.dn-content p{margin-bottom:20px;font-family:'Source Serif 4',serif;font-size:18px}
.dn-content img{max-width:100%;border-radius:14px;margin:32px auto;display:block}
.dn-content figure{margin:32px 0}
.dn-content figure img{border-radius:14px;width:100%}
.dn-content figcaption{font-size:12px;color:#64748B;padding:8px 0 0;font-style:italic}
.dn-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid #E2E8F0}
.dn-tags .dn-tlbl{font-size:12px;font-weight:600;color:#64748B;text-transform:uppercase;letter-spacing:1px;margin-right:6px}
.dn-tags a{padding:6px 14px;background:#F6F8FC;border:1px solid #E2E8F0;border-radius:50px;font-size:13px;color:#0F172A;transition:all .2s;text-decoration:none}
.dn-tags a:hover{background:#EBF4FF;border-color:#2693F0;color:#0A5BA8}
.dn-abox{margin-top:30px;padding:0;background:none;display:grid;grid-template-columns:60px 1fr;gap:16px;align-items:center}
.dn-abox .dn-aav{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1A3A6B,#2693F0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;font-family:'Bricolage Grotesque',sans-serif}
.dn-abox .dn-ai h5{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;font-weight:600;color:#0F172A;margin-bottom:2px}
.dn-abox .dn-arol{font-size:11px;color:#0A5BA8;text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:4px}
.dn-abox .dn-ai p{font-size:13px;color:#64748B;line-height:1.5;margin:0}
.dn-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.dn-nc{padding:20px;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:10px;transition:all .25s;display:flex;flex-direction:column;gap:8px;text-decoration:none}
.dn-nc:hover{border-color:#2693F0;transform:translateY(-2px)}
.dn-nc.next{text-align:right;align-items:flex-end}
.dn-nlbl{font-size:11px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:1.2px;display:flex;align-items:center;gap:6px}
.dn-nc h5{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;font-weight:600;color:#0F172A;line-height:1.3;margin:0;text-transform:uppercase}
.dn-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:169px}
.dn-sf{display:flex;align-items:center;background:#FFFFFF;border:2px solid #E2E8F0;border-radius:50px;padding:6px 6px 6px 18px;transition:all .25s}
.dn-sf:focus-within{border-color:#2693F0;box-shadow:0 0 0 4px #EBF4FF}
.dn-sf>i{font-size:18px;color:#64748B;margin-right:10px}
.dn-sf input{flex:1;background:transparent;border:0;outline:none;padding:10px 0;font-size:14px;color:#0F172A;font-family:inherit}
.dn-sf input::placeholder{color:#94A3B8}
.dn-sf button{background:#2693F0;color:#0A1530;border:0;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dn-sf button:hover{background:#0A5BA8;color:#fff}
.dn-widget{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden}
.dn-whd{padding:16px 20px;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between}
.dn-whd h3{font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:600;color:#0F172A;text-transform:uppercase;letter-spacing:1.2px;margin:0}
.dn-whd i{color:#0A5BA8;font-size:18px}
.dn-wbd{padding:8px 20px 20px}
.dn-pi{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #F1F5F9;text-decoration:none}
.dn-pi:last-child{border-bottom:none;padding-bottom:4px}
.dn-pi .dn-pnum{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:800;color:#2693F0;line-height:1;flex-shrink:0;width:26px}
.dn-pi .dn-pb{display:flex;flex-direction:column;gap:3px;min-width:0}
.dn-pi h5{font-family:'Bricolage Grotesque',sans-serif;font-size:13px;font-weight:600;line-height:1.3;color:#0F172A;transition:color .2s;margin:0;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dn-pi:hover h5{color:#0A5BA8}
.dn-pi .dn-pm{font-size:11px;color:#64748B}
.dn-caf{background:linear-gradient(135deg,#1A3A6B 0%,#0F2545 100%);color:#fff;border-radius:12px;padding:24px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.dn-caf::before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:#2693F0;opacity:.15;border-radius:50%}
.dn-caf .dn-ci{font-size:32px;margin-bottom:10px;color:#2693F0;position:relative}
.dn-caf h4{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:600;margin-bottom:10px;position:relative;color:#fff}
.dn-caf p{font-size:13px;color:#dbeaff;margin-bottom:18px;line-height:1.6;position:relative;max-width:240px}
.dn-caf a{display:inline-flex;align-items:center;gap:8px;background:#2693F0;color:#0A1530;padding:10px 20px;border-radius:50px;font-size:13px;font-weight:700;transition:all .2s;position:relative;text-decoration:none}
.dn-caf a:hover{background:#fff;transform:translateY(-1px)}
.dn-rel{padding:34px 0 46px;background:#F6F8FC}
.dn-relhd{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px}
.dn-relhd .dn-rl{display:flex;align-items:baseline;gap:14px}
.dn-relhd h2{font-family:'Bricolage Grotesque',sans-serif;font-size:32px;font-weight:700;letter-spacing:-.8px;color:#0F172A;margin:0}
.dn-relhd .dn-kick{font-size:12px;font-weight:600;color:#0A5BA8;text-transform:uppercase;letter-spacing:1.2px}
.dn-relhd .dn-more{font-size:13px;font-weight:500;color:#64748B;display:flex;align-items:center;gap:6px;text-decoration:none}
.dn-relhd .dn-more:hover{color:#0A5BA8}
.dn-relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dn-rc{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:all .3s}
.dn-rc:hover{transform:translateY(-4px);border-color:#2693F0}
.dn-rc .dn-ri{aspect-ratio:16/10;overflow:hidden;background:#EEF2F8}
.dn-rc .dn-ri img{width:100%;height:100%;object-fit:cover}
.dn-rcb{padding:18px 20px 20px}
.dn-rcb .dn-rp{display:inline-flex;background:#EBF4FF;color:#0A5BA8;padding:4px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}
.dn-rcb h4{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:600;line-height:1.3;color:#0F172A;margin-bottom:10px;letter-spacing:-.2px;text-transform:uppercase}
.dn-rcb .dn-rm{font-size:12px;color:#64748B}
@media(max-width:1024px){.dn-grid{grid-template-columns:1fr;gap:40px}.dn-sidebar{position:static}.dn-relgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.dn-con{padding:0 18px}.dn-hero{padding:28px 0 34px}.dn-content .dn-lead{font-size:18px}.dn-content p{font-size:16px}.dn-content h2{font-size:24px}.dn-pn{grid-template-columns:1fr}.dn-relgrid{grid-template-columns:1fr}.dn-abox{grid-template-columns:60px 1fr;text-align:left;justify-items:start}}

/* ===== MODO OSCURO ===== */
[data-theme="dark"] .dn-wrap,[data-theme="dark"] .dn-layout{background:#0A1426}
[data-theme="dark"] .dn-rel{background:#0A1426}
[data-theme="dark"] .dn-sbar{border-top-color:#1F3050;border-bottom-color:#1F3050}
[data-theme="dark"] .dn-slbl{color:#9AA8C0}
[data-theme="dark"] .dn-sb{background:#16243F;color:#F1F5FB}
[data-theme="dark"] .dn-content{color:#F1F5FB}
[data-theme="dark"] .dn-content .dn-lead{border-bottom-color:#1F3050}
[data-theme="dark"] .dn-content h2{color:#6BB5F8}
[data-theme="dark"] .dn-content figcaption{color:#9AA8C0}
[data-theme="dark"] .dn-tags{border-top-color:#1F3050}
[data-theme="dark"] .dn-tags .dn-tlbl{color:#9AA8C0}
[data-theme="dark"] .dn-tags a{background:#16243F;border-color:#1F3050;color:#F1F5FB}
[data-theme="dark"] .dn-tags a:hover{background:rgba(38,147,240,.14);border-color:#2693F0;color:#6BB5F8}
[data-theme="dark"] .dn-abox .dn-ai h5{color:#F1F5FB}
[data-theme="dark"] .dn-abox .dn-arol{color:#6BB5F8}
[data-theme="dark"] .dn-abox .dn-ai p{color:#9AA8C0}
[data-theme="dark"] .dn-nc{background:#0F1B33;border-color:#1F3050}
[data-theme="dark"] .dn-nlbl{color:#9AA8C0}
[data-theme="dark"] .dn-nc h5{color:#F1F5FB}
[data-theme="dark"] .dn-sf{background:#0F1B33;border-color:#1F3050}
[data-theme="dark"] .dn-sf input{color:#F1F5FB}
[data-theme="dark"] .dn-widget{background:#0F1B33;border-color:#1F3050}
[data-theme="dark"] .dn-whd{border-bottom-color:#1F3050}
[data-theme="dark"] .dn-whd h3{color:#F1F5FB}
[data-theme="dark"] .dn-pi{border-bottom-color:#172846}
[data-theme="dark"] .dn-pi h5{color:#F1F5FB}
[data-theme="dark"] .dn-pi:hover h5{color:#6BB5F8}
[data-theme="dark"] .dn-pi .dn-pm{color:#9AA8C0}
[data-theme="dark"] .dn-relhd h2{color:#F1F5FB}
[data-theme="dark"] .dn-relhd .dn-kick{color:#6BB5F8}
[data-theme="dark"] .dn-relhd .dn-more{color:#9AA8C0}
[data-theme="dark"] .dn-relhd .dn-more:hover{color:#6BB5F8}
[data-theme="dark"] .dn-rc{background:#0F1B33;border-color:#1F3050}
[data-theme="dark"] .dn-rc .dn-ri{background:#16243F}
[data-theme="dark"] .dn-rcb .dn-rp{background:rgba(38,147,240,.14);color:#6BB5F8}
[data-theme="dark"] .dn-rcb h4{color:#F1F5FB}
[data-theme="dark"] .dn-rcb .dn-rm{color:#9AA8C0}