/* DN Header Pro 1.6.0 - base estable 1.5 + presets visuales opt-in */
html.dnheaderpro-ready {
    --dn-header-bg:#fff; --dn-header-text:#222; --dn-header-accent:#f28c28;
    --dn-header-muted:#6f7782; --dn-header-border:#e7e7e7; --dn-header-font-size:13px;
    --dn-header-bar-height:46px; --dn-header-max-width:1170px;
    --dn-logo-width:470px; --dn-logo-width-mobile:300px; --dn-brand-height:112px;
}
.dn-logo-parent { position:relative !important; min-height:var(--dn-brand-height) !important; overflow:visible !important; }
.dn-logo-overlay {
    position:absolute !important; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important;
    z-index:50 !important; display:flex !important; align-items:center !important; justify-content:center !important;
    width:100% !important; max-width:none !important; margin:0 !important; pointer-events:none !important; text-align:center !important;
}
.dn-logo-overlay a { display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:0 !important; pointer-events:auto !important; }
.dn-logo-overlay img,
.dn-brand-strip img {
    display:block !important; width:auto !important; height:auto !important;
    max-width:var(--dn-logo-width) !important; max-height:calc(var(--dn-brand-height) - 18px) !important;
    margin:0 auto !important; object-fit:contain !important;
}
.dn-logo-original-hidden { visibility:hidden !important; }
.dn-brand-strip {
    box-sizing:border-box !important; width:100% !important; min-height:var(--dn-brand-height) !important;
    display:flex !important; justify-content:center !important; align-items:center !important;
    background:#fff !important; padding:8px 20px !important; clear:both !important; position:relative !important; z-index:40 !important;
}
.dn-brand-strip a { display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:0 !important; }

#dn-currency-bar {
    position:relative !important; z-index:45 !important; box-sizing:border-box !important;
    width:100% !important; min-height:var(--dn-header-bar-height) !important;
    background:var(--dn-header-bg) !important; color:var(--dn-header-text) !important;
    border-top:1px solid var(--dn-header-border) !important; border-bottom:2px solid var(--dn-header-accent) !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:var(--dn-header-font-size) !important; line-height:1.2 !important; clear:both !important; float:none !important;
}
#dn-currency-bar .dn-currency-inner {
    box-sizing:border-box !important; width:100% !important; max-width:var(--dn-header-max-width) !important;
    min-height:var(--dn-header-bar-height) !important; margin:0 auto !important; padding:0 10px !important;
    display:flex !important; align-items:stretch !important; overflow-x:auto !important; overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch; scrollbar-width:thin;
}
#dn-currency-bar.dn-full-width .dn-currency-inner { max-width:none !important; }
#dn-currency-bar .dn-quote {
    flex:0 0 auto !important; min-width:158px !important; padding:8px 15px 7px !important;
    display:flex !important; flex-direction:column !important; justify-content:center !important; gap:3px !important;
    white-space:nowrap !important; border-right:1px solid var(--dn-header-border) !important;
}
#dn-currency-bar .dn-quote:first-child { border-left:1px solid var(--dn-header-border) !important; }
#dn-currency-bar .dn-quote-label { font-weight:700 !important; color:var(--dn-header-text) !important; }
#dn-currency-bar .dn-quote-values { display:flex !important; align-items:baseline !important; gap:11px !important; }
#dn-currency-bar .dn-quote-values span { display:inline-flex !important; gap:5px !important; align-items:baseline !important; }
#dn-currency-bar .dn-quote-values b { font-weight:700 !important; }
#dn-currency-bar .dn-quote-values small { color:var(--dn-header-muted) !important; font-size:.75em !important; text-transform:uppercase !important; }
#dn-currency-bar .dn-quote-meta { color:var(--dn-header-muted) !important; font-size:.72em !important; overflow:hidden !important; text-overflow:ellipsis !important; max-width:230px !important; }
#dn-currency-bar .dn-loading-text, #dn-currency-bar .dn-empty { display:flex !important; align-items:center !important; min-height:var(--dn-header-bar-height) !important; padding:0 16px !important; color:var(--dn-header-muted) !important; }

/* Ajustes directos para SJ TheDaily / YT Framework v3 */
html[data-dnheaderpro] #yt_header.dn-logo-parent,
html[data-dnheaderpro] .yt-header.dn-logo-parent { overflow:visible !important; }
html[data-dnheaderpro] #yt_header .dn-logo-overlay { left:0 !important; right:0 !important; }
html[data-dnheaderpro] #yt_menuwrap + #dn-currency-bar,
html[data-dnheaderpro] #yt_mainmenu + #dn-currency-bar { margin-top:0 !important; }

@media (max-width:767px) {
    .dn-logo-parent, .dn-brand-strip { min-height:88px !important; }
    .dn-logo-overlay img, .dn-brand-strip img { max-width:var(--dn-logo-width-mobile) !important; max-height:76px !important; }
    #dn-currency-bar .dn-currency-inner { padding:0 !important; }
    #dn-currency-bar .dn-quote { min-width:145px !important; padding-left:12px !important; padding-right:12px !important; }
}


/* ==========================================================================
   DISEÑOS OPCIONALES 1.6.0
   IMPORTANTE: "classic" no recibe ninguna regla de esta sección. Así la
   actualización conserva visualmente la versión 1.5 cuando no se elige un
   nuevo diseño.
   ========================================================================== */

#dn-currency-bar .dn-quote-icon { display:none !important; }

/* Base común solo para presets modernos */
html:not(.dnheaderpro-design-classic) .dn-logo-parent,
html:not(.dnheaderpro-design-classic) .dn-brand-strip {
    transition:box-shadow .25s ease, background .25s ease, min-height .25s ease !important;
}
html:not(.dnheaderpro-design-classic) .dn-menu-designed {
    position:relative !important;
    z-index:46 !important;
}
html:not(.dnheaderpro-design-classic) .dn-menu-designed a {
    transition:background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
html:not(.dnheaderpro-design-classic) .dn-menu-designed .dn-menu-live {
    border-radius:999px !important;
    padding-left:18px !important;
    padding-right:18px !important;
}
html:not(.dnheaderpro-design-classic) #dn-currency-bar .dn-quote {
    position:relative !important;
}
html:not(.dnheaderpro-design-classic) #dn-currency-bar .dn-quote-icon {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
}

/* 1. Editorial Claro ------------------------------------------------------ */
html.dnheaderpro-design-editorial .dn-logo-parent,
html.dnheaderpro-design-editorial .dn-brand-strip {
    background:#fff !important;
    box-shadow:0 1px 0 rgba(10,44,78,.08) !important;
}
html.dnheaderpro-design-editorial .dn-menu-designed {
    background:#fff !important;
    border-top:1px solid #edf1f5 !important;
    border-bottom:2px solid #f28c28 !important;
    box-shadow:0 5px 18px rgba(12,39,65,.05) !important;
}
html.dnheaderpro-design-editorial .dn-menu-designed a { color:#17212b !important; font-weight:700 !important; }
html.dnheaderpro-design-editorial .dn-menu-designed a:hover,
html.dnheaderpro-design-editorial .dn-menu-designed a:focus { color:#006fa5 !important; background:#f4f8fb !important; }
html.dnheaderpro-design-editorial .dn-menu-designed .dn-menu-live { background:#006fa5 !important; color:#fff !important; }
html.dnheaderpro-design-editorial.dnheaderpro-preset-colors #dn-currency-bar {
    --dn-header-bg:#ffffff; --dn-header-text:#17212b; --dn-header-muted:#73808c; --dn-header-border:#e8edf2; --dn-header-accent:#f28c28;
}
html.dnheaderpro-design-editorial #dn-currency-bar {
    border-top:0 !important;
    box-shadow:0 8px 20px rgba(12,39,65,.05) !important;
}
html.dnheaderpro-design-editorial #dn-currency-bar .dn-currency-inner { padding:5px 10px !important; }
html.dnheaderpro-design-editorial #dn-currency-bar .dn-quote {
    display:grid !important;
    grid-template-columns:40px auto !important;
    grid-template-rows:auto auto auto !important;
    column-gap:10px !important;
    min-width:185px !important;
    border-right:1px solid var(--dn-header-border) !important;
}
html.dnheaderpro-design-editorial #dn-currency-bar .dn-quote-icon {
    grid-column:1 !important; grid-row:1 / span 3 !important;
    align-self:center !important;
    background:#0b6fa4 !important; color:#fff !important;
}
html.dnheaderpro-design-editorial #dn-currency-bar .dn-quote-label,
html.dnheaderpro-design-editorial #dn-currency-bar .dn-quote-values,
html.dnheaderpro-design-editorial #dn-currency-bar .dn-quote-meta { grid-column:2 !important; }

/* 2. Breaking News / Impacto -------------------------------------------- */
html.dnheaderpro-design-breaking .dn-logo-parent,
html.dnheaderpro-design-breaking .dn-brand-strip {
    background:#fff !important;
    box-shadow:inset 0 -1px 0 #dfe6ee !important;
}
html.dnheaderpro-design-breaking .dn-menu-designed {
    background:linear-gradient(90deg,#061526 0%,#0a2341 70%,#071b31 100%) !important;
    border:0 !important;
    box-shadow:0 7px 18px rgba(0,20,43,.18) !important;
}
html.dnheaderpro-design-breaking .dn-menu-designed a { color:#fff !important; font-weight:700 !important; }
html.dnheaderpro-design-breaking .dn-menu-designed a:hover,
html.dnheaderpro-design-breaking .dn-menu-designed a:focus { background:#0e66c7 !important; color:#fff !important; }
html.dnheaderpro-design-breaking .dn-menu-designed .dn-menu-live {
    background:linear-gradient(135deg,#ff7b00,#ff5b00) !important;
    color:#fff !important;
    box-shadow:0 5px 13px rgba(255,102,0,.25) !important;
}
html.dnheaderpro-design-breaking.dnheaderpro-preset-colors #dn-currency-bar {
    --dn-header-bg:#ffffff; --dn-header-text:#071b31; --dn-header-muted:#677483; --dn-header-border:#dfe5eb; --dn-header-accent:#0a56c7;
}
html.dnheaderpro-design-breaking #dn-currency-bar {
    border-top:0 !important;
    border-bottom:3px solid #0b55c8 !important;
}
html.dnheaderpro-design-breaking #dn-currency-bar .dn-quote {
    display:grid !important;
    grid-template-columns:38px auto !important;
    grid-template-rows:auto auto auto !important;
    column-gap:10px !important;
    min-width:184px !important;
}
html.dnheaderpro-design-breaking #dn-currency-bar .dn-quote-icon {
    grid-column:1 !important; grid-row:1 / span 3 !important; align-self:center !important;
    background:#0b55c8 !important; color:#fff !important;
}
html.dnheaderpro-design-breaking #dn-currency-bar .dn-quote-label,
html.dnheaderpro-design-breaking #dn-currency-bar .dn-quote-values,
html.dnheaderpro-design-breaking #dn-currency-bar .dn-quote-meta { grid-column:2 !important; }

/* 3. Digital Glass / Tecnología ----------------------------------------- */
html.dnheaderpro-design-glass body { background:#f6f8fb !important; }
html.dnheaderpro-design-glass .dn-logo-parent,
html.dnheaderpro-design-glass .dn-brand-strip {
    background:rgba(255,255,255,.93) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
}
html.dnheaderpro-design-glass .dn-menu-designed {
    width:calc(100% - 28px) !important;
    max-width:var(--dn-header-max-width) !important;
    margin:0 auto 12px !important;
    border:1px solid rgba(16,69,111,.10) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 12px 30px rgba(22,60,94,.10) !important;
    overflow:hidden !important;
}
html.dnheaderpro-design-glass .dn-menu-designed a { color:#17263a !important; font-weight:650 !important; }
html.dnheaderpro-design-glass .dn-menu-designed a:hover,
html.dnheaderpro-design-glass .dn-menu-designed a:focus { background:#edf5ff !important; color:#0969c3 !important; }
html.dnheaderpro-design-glass .dn-menu-designed .dn-menu-live { background:#0b6dcc !important; color:#fff !important; }
html.dnheaderpro-design-glass.dnheaderpro-preset-colors #dn-currency-bar {
    --dn-header-bg:#ffffff; --dn-header-text:#18283b; --dn-header-muted:#758497; --dn-header-border:#e7edf3; --dn-header-accent:#0b6dcc;
}
html.dnheaderpro-design-glass #dn-currency-bar {
    width:calc(100% - 28px) !important;
    max-width:var(--dn-header-max-width) !important;
    margin:0 auto 14px !important;
    border:1px solid #e4ebf2 !important;
    border-bottom:1px solid #e4ebf2 !important;
    border-radius:16px !important;
    box-shadow:0 12px 28px rgba(24,56,88,.09) !important;
    overflow:hidden !important;
}
html.dnheaderpro-design-glass #dn-currency-bar .dn-currency-inner { padding:6px !important; }
html.dnheaderpro-design-glass #dn-currency-bar .dn-quote {
    display:grid !important;
    grid-template-columns:40px auto !important;
    grid-template-rows:auto auto auto !important;
    column-gap:9px !important;
    min-width:184px !important;
    border-right:1px solid #edf1f5 !important;
}
html.dnheaderpro-design-glass #dn-currency-bar .dn-quote-icon {
    grid-column:1 !important; grid-row:1 / span 3 !important; align-self:center !important;
    background:linear-gradient(145deg,#0b6dcc,#084b91) !important; color:#fff !important;
    box-shadow:0 5px 12px rgba(11,109,204,.22) !important;
}
html.dnheaderpro-design-glass #dn-currency-bar .dn-quote-label,
html.dnheaderpro-design-glass #dn-currency-bar .dn-quote-values,
html.dnheaderpro-design-glass #dn-currency-bar .dn-quote-meta { grid-column:2 !important; }

/* 4. Premium / Revista --------------------------------------------------- */
html.dnheaderpro-design-premium .dn-logo-parent,
html.dnheaderpro-design-premium .dn-brand-strip {
    background:#fff !important;
    min-height:calc(var(--dn-brand-height) + 16px) !important;
}
html.dnheaderpro-design-premium .dn-menu-designed {
    background:#071b35 !important;
    border-top:1px solid #12345b !important;
    border-bottom:1px solid #12345b !important;
    box-shadow:0 6px 18px rgba(3,20,39,.16) !important;
}
html.dnheaderpro-design-premium .dn-menu-designed a {
    color:#fff !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-weight:700 !important;
    letter-spacing:.01em !important;
}
html.dnheaderpro-design-premium .dn-menu-designed a:hover,
html.dnheaderpro-design-premium .dn-menu-designed a:focus { background:#0d335f !important; color:#fff !important; }
html.dnheaderpro-design-premium .dn-menu-designed .dn-menu-live {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    background:#ff7a00 !important; color:#fff !important;
}
html.dnheaderpro-design-premium.dnheaderpro-preset-colors #dn-currency-bar {
    --dn-header-bg:#ffffff; --dn-header-text:#17212b; --dn-header-muted:#6f7883; --dn-header-border:#e3e7eb; --dn-header-accent:#0a6ea8;
}
html.dnheaderpro-design-premium #dn-currency-bar { border-bottom:1px solid #dfe4e9 !important; }
html.dnheaderpro-design-premium #dn-currency-bar .dn-quote {
    display:grid !important;
    grid-template-columns:38px auto !important;
    grid-template-rows:auto auto auto !important;
    column-gap:10px !important;
    min-width:182px !important;
}
html.dnheaderpro-design-premium #dn-currency-bar .dn-quote-icon {
    grid-column:1 !important; grid-row:1 / span 3 !important; align-self:center !important;
    border:1px solid #d8dee4 !important; background:#fff !important; color:#0a6ea8 !important;
}
html.dnheaderpro-design-premium #dn-currency-bar .dn-quote-label {
    grid-column:2 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:1.02em !important;
}
html.dnheaderpro-design-premium #dn-currency-bar .dn-quote-values,
html.dnheaderpro-design-premium #dn-currency-bar .dn-quote-meta { grid-column:2 !important; }

/* 5. Portal Compacto ----------------------------------------------------- */
html.dnheaderpro-design-compact .dn-logo-parent,
html.dnheaderpro-design-compact .dn-brand-strip {
    min-height:88px !important;
    background:#fff !important;
    box-shadow:0 1px 0 #e8edf1 !important;
}
html.dnheaderpro-design-compact .dn-logo-overlay img,
html.dnheaderpro-design-compact .dn-brand-strip img { max-height:74px !important; }
html.dnheaderpro-design-compact .dn-menu-designed {
    background:#fff !important;
    border-bottom:2px solid #0b75ad !important;
    box-shadow:none !important;
}
html.dnheaderpro-design-compact .dn-menu-designed a { color:#253442 !important; font-weight:700 !important; }
html.dnheaderpro-design-compact .dn-menu-designed a:hover,
html.dnheaderpro-design-compact .dn-menu-designed a:focus { color:#0b75ad !important; background:#f4f8fa !important; }
html.dnheaderpro-design-compact .dn-menu-designed .dn-menu-live { background:#f28c28 !important; color:#fff !important; }
html.dnheaderpro-design-compact.dnheaderpro-preset-colors #dn-currency-bar {
    --dn-header-bg:#f8fafb; --dn-header-text:#24313c; --dn-header-muted:#7c8791; --dn-header-border:#e5eaee; --dn-header-accent:#0b75ad;
}
html.dnheaderpro-design-compact #dn-currency-bar { min-height:40px !important; }
html.dnheaderpro-design-compact #dn-currency-bar .dn-currency-inner { min-height:40px !important; }
html.dnheaderpro-design-compact #dn-currency-bar .dn-quote {
    padding-top:5px !important; padding-bottom:5px !important; min-width:150px !important;
}
html.dnheaderpro-design-compact #dn-currency-bar .dn-quote-icon { display:none !important; }
html.dnheaderpro-design-compact #dn-currency-bar .dn-quote-meta { display:none !important; }

@media (max-width:767px) {
    html.dnheaderpro-design-glass .dn-menu-designed,
    html.dnheaderpro-design-glass #dn-currency-bar {
        width:calc(100% - 12px) !important;
        border-radius:10px !important;
        margin-left:6px !important;
        margin-right:6px !important;
    }
    html:not(.dnheaderpro-design-classic) #dn-currency-bar .dn-quote {
        min-width:160px !important;
    }
    html.dnheaderpro-design-compact .dn-logo-parent,
    html.dnheaderpro-design-compact .dn-brand-strip { min-height:78px !important; }
}