
:root{--bg:#020712;--panel:#061522;--line:rgba(45,226,255,.20);--text:#eefaff;--muted:#88a9bd;--cyan:#2ce6ff;--green:#2ef0a0;--blue:#4b8dff;--yellow:#ffd95a;--orange:#ff9f45;--red:#ff5476;--purple:#b47cff}
*{box-sizing:border-box}html,body{margin:0;background:#020712;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}body{min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
#graphFX{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:1;mix-blend-mode:screen}.app{position:relative;z-index:1;min-height:100vh;background:linear-gradient(180deg,rgba(2,7,18,.64),rgba(1,6,14,.78))}
.topbar{position:sticky;top:0;z-index:20;min-height:110px;padding:12px 16px;display:grid;grid-template-columns:350px 1fr 230px;gap:15px;align-items:center;background:linear-gradient(90deg,rgba(2,8,18,.96),rgba(5,25,41,.92) 62%,rgba(7,54,66,.88));border-bottom:1px solid rgba(44,230,255,.2);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:86px;height:86px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 24px rgba(44,230,255,.50))}.brand h1{margin:0;font-size:36px;letter-spacing:5px;font-weight:300}.brand small{font-size:8px;letter-spacing:3px;color:#62e8ff}.brand p{margin:5px 0 0;font-size:11px;color:#9bbacc;line-height:1.4}
.nav{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:7px 9px;border:1px solid rgba(44,230,255,.12);border-radius:16px;background:rgba(2,13,24,.6)}.nav-btn{min-width:90px;padding:9px 9px;border:1px solid transparent;border-radius:11px;background:transparent;color:#eafaff;display:flex;flex-direction:column;gap:5px;align-items:center}.nav-btn:hover{background:rgba(44,230,255,.07);border-color:rgba(44,230,255,.2)}.nav-btn.active{background:linear-gradient(145deg,rgba(46,240,160,.3),rgba(6,99,63,.45));border-color:rgba(87,255,184,.5);box-shadow:0 0 22px rgba(46,240,160,.22)}.nav-icon{font-size:22px;filter:drop-shadow(0 0 7px currentColor)}
.top-actions{display:flex;justify-content:flex-end;gap:9px;align-items:center}.top-actions button,.round{min-height:42px;padding:9px 12px;border:1px solid rgba(44,230,255,.3);border-radius:10px;background:#061b2d;color:#e8faff}.round{width:44px;display:grid;place-items:center;padding:0}.avatar{border-color:rgba(46,240,160,.52);color:#63ffc0}
.layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:13px;padding:13px;max-width:1920px;margin:auto}.sidebar,.panel,.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(5,18,31,.93),rgba(7,31,48,.89));box-shadow:0 18px 50px rgba(0,0,0,.25);backdrop-filter:blur(3px)}.sidebar{padding:13px;position:sticky;top:123px;align-self:start}.athena-ai{text-align:center;padding-bottom:14px;border-bottom:1px solid rgba(44,230,255,.1)}.athena-ai img{width:145px;height:145px;border-radius:50%;filter:drop-shadow(0 0 25px rgba(44,230,255,.5))}.athena-ai h2{margin:8px 0 3px;color:#61e6ff}.athena-ai p{font-size:11px;color:#a8c5d6;line-height:1.4}.voice{width:100%;padding:11px;border-radius:999px;border:1px solid rgba(46,240,160,.7);background:rgba(3,49,36,.48);color:#79ffc4}.side-actions{display:grid;gap:8px;margin-top:12px}.side-actions button{padding:11px;border-radius:10px;border:1px solid rgba(44,230,255,.15);background:rgba(4,25,42,.76);color:#c8efff;text-align:left}.side-actions button:hover{box-shadow:inset 3px 0 0 var(--cyan)}.mode{margin-top:12px;padding:10px;border-radius:10px;border:1px solid rgba(46,240,160,.24);background:rgba(5,51,39,.34);color:#69ffc0;font-size:10px}
.main{min-width:0}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:11px}.kpi{min-height:96px;padding:13px;border:1px solid rgba(44,230,255,.16);border-radius:13px;background:linear-gradient(145deg,rgba(5,18,31,.98),rgba(8,36,57,.94))}.kpi small{font-size:8px;text-transform:uppercase;color:#98b4c6}.kpi strong{display:block;font-size:27px;margin-top:7px}.kpi em{display:block;margin-top:7px;font-size:8px;font-style:normal;color:#78dda4}.cyan strong{color:var(--cyan)}.green strong{color:var(--green)}.yellow strong{color:var(--yellow)}.red strong{color:var(--red)}.orange strong{color:var(--orange)}.blue strong{color:var(--blue)}
.row4{display:grid;grid-template-columns:1.15fr .72fr .88fr .68fr;gap:11px;margin-bottom:11px}.card{padding:12px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:17px;width:95px;height:2px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.chead{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:9px}.ctitle{font-size:14px;font-weight:900}.muted{font-size:8px;color:#84a6b9}.pill{padding:6px 9px;border-radius:8px;border:1px solid rgba(44,230,255,.15);background:rgba(4,28,46,.72);color:#9cc9dc;font-size:8px}.chartbox{height:225px;border:1px solid rgba(44,230,255,.08);border-radius:10px;background:linear-gradient(rgba(79,116,151,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(79,116,151,.08) 1px,transparent 1px);background-size:42px 42px}.chartbox canvas{width:100%;height:100%}.explain img{width:105px;height:105px;display:block;margin:8px auto;border-radius:50%;filter:drop-shadow(0 0 20px rgba(44,230,255,.44))}.explain p{text-align:center;font-size:9px;color:#aac4d3}.fullbtn{display:inline-block;text-align:center;width:100%;padding:8px;border-radius:8px;border:1px solid rgba(44,230,255,.42);background:rgba(3,39,59,.75);color:#61ecff;font-size:9px}
.sentiment-wrap{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center}.donut{width:145px;height:145px;border-radius:50%;position:relative;background:conic-gradient(var(--green) 0 33%,var(--yellow) 33% 66%,var(--red) 66%)}.donut:after{content:"";position:absolute;inset:36px;background:#071522;border-radius:50%}.legend{display:grid;gap:7px;font-size:9px}.legend div{display:flex;justify-content:space-between}.alerts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.alert{padding:10px;border:1px solid currentColor;border-radius:9px;text-align:center;font-size:8px}.alert strong{display:block;font-size:21px;margin-top:4px}
.map-section{margin-bottom:11px}.map-stage{height:455px;position:relative;border:1px solid rgba(44,230,255,.16);border-radius:14px;overflow:hidden}.map-stage #map{height:100%;width:100%}.map-toolbar{position:absolute;z-index:7;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap}.map-action{padding:7px 9px;border-radius:8px;border:1px solid rgba(44,230,255,.3);background:rgba(4,25,42,.9);color:#bcefff;font-size:8px}.map-action.active{border-color:rgba(46,240,160,.5);background:rgba(6,69,51,.82)}.map-layers{position:absolute;z-index:7;top:12px;right:12px;width:185px;padding:10px;border:1px solid rgba(44,230,255,.18);border-radius:11px;background:rgba(3,17,29,.93)}.map-layers h4{margin:0 0 6px;font-size:9px}.map-layers label{display:flex;justify-content:space-between;gap:6px;padding:7px 0;font-size:8px;border-bottom:1px dashed rgba(44,230,255,.08)}.map-legend{position:absolute;z-index:7;left:12px;bottom:12px;width:330px;padding:9px;border-radius:9px;background:rgba(3,17,29,.9)}.map-legend small{font-size:7px;color:#89aabd}.grad{height:7px;border-radius:99px;background:linear-gradient(90deg,#315fff,#2ef0a0,#ffd95a,#ff9f45,#ff5476)}.map-legend div:last-child{display:flex;justify-content:space-between;font-size:7px;color:#89aabd}
.bottom2{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}.summary{font-size:10px;line-height:1.5;color:#b3ccd9}.export-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.intel{display:grid;gap:7px}.intel-item{padding:10px;border:1px solid rgba(44,230,255,.12);border-radius:9px}.intel-item b{font-size:9px}.intel-item p{font-size:8px;color:#9eb9c9}.sources,.news-panel{padding:12px;margin-bottom:11px}.section-title{font-size:11px;font-weight:900;margin-bottom:8px}.source-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.source{padding:8px;border:1px solid rgba(44,230,255,.1);border-radius:8px;font-size:8px}.source b{display:block;color:#62eaff;font-size:13px;margin-top:3px}.admin-collect{margin-top:8px}.news-tools{display:flex;gap:7px;margin-bottom:8px}.news-tools input{flex:1;min-height:38px;border:1px solid rgba(44,230,255,.15);border-radius:8px;background:#061b2d;color:#eafaff;padding:8px}.news-tools button{border:1px solid rgba(44,230,255,.25);border-radius:8px;background:#07304b;color:#5deaff}.news-list{display:grid;gap:7px}.news-item{padding:10px;border:1px solid rgba(44,230,255,.10);border-radius:9px;background:rgba(4,24,40,.68)}.news-item a{color:#e9faff;font-weight:700;font-size:10px}.news-item small{display:block;margin-top:5px;color:#7fa3b7;font-size:8px}
.chat-launcher{position:fixed;z-index:45;right:22px;bottom:20px;width:190px;min-height:62px;padding:8px;border-radius:999px;border:1px solid rgba(44,230,255,.5);background:linear-gradient(135deg,#061829,#063948);color:#eafaff;display:flex;align-items:center;gap:9px;box-shadow:0 0 25px rgba(44,230,255,.18);touch-action:none}.chat-launcher img{width:46px;height:46px;border-radius:50%}.chat-launcher span{text-align:left}.chat-launcher b{display:block;font-size:11px}.chat-launcher small{font-size:7px;color:#62f2ae}
.floating-chat{position:fixed;z-index:44;right:22px;bottom:94px;width:min(390px,calc(100vw - 28px));border:1px solid rgba(31,171,214,.42);border-radius:16px;overflow:hidden;background:#fff;color:#123246;box-shadow:0 0 28px rgba(44,230,255,.18),0 24px 60px rgba(0,0,0,.34);opacity:0;visibility:hidden;transform:translateY(12px);transition:.18s}.floating-chat.open{opacity:1;visibility:visible;transform:none}.chat-head{display:flex;align-items:center;gap:9px;padding:10px;background:linear-gradient(135deg,#fff,#eefaff);border-bottom:1px solid #d6edf5;cursor:move;touch-action:none}.chat-head img{width:48px;height:48px;border-radius:50%}.chat-head b{display:block}.chat-head small{color:#18a870}.chat-controls{margin-left:auto;display:flex;gap:4px}.chat-controls button{width:30px;height:30px;border:1px solid #cbe7f1;border-radius:7px;background:#f3fbfe;color:#147ca1}.chat-body{height:430px;overflow:auto;padding:10px;background:#fff;display:flex;flex-direction:column;gap:8px}.msg{max-width:88%;padding:9px 10px;border-radius:10px;font-size:10px;line-height:1.45}.msg.bot{align-self:flex-start;background:#eef8ff;border:1px solid #cfe8f5}.msg.user{align-self:flex-end;background:#eee7ff;border:1px solid #c9b9ff;color:#2e2355}.chat-input{display:grid;grid-template-columns:1fr 42px;gap:7px;padding:9px;border-top:1px solid #d9edf4;background:#f8fcfe}.chat-input input{min-width:0;padding:9px;border:1px solid #c8e4ee;border-radius:8px;background:#fff;color:#143246}.chat-input button{border:1px solid #0794be;border-radius:8px;background:#0b8db7;color:#fff}
.footer{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;border-top:1px solid rgba(44,230,255,.09);font-size:8px;color:#7195a7}
.login-page{display:grid;place-items:center;min-height:100vh}.login-card{position:relative;z-index:2;width:min(410px,92vw);padding:30px;border:1px solid rgba(44,230,255,.3);border-radius:18px;background:rgba(3,18,31,.9);text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.4)}.login-card img{width:150px;height:150px;border-radius:50%}.login-card h1{letter-spacing:5px}.login-card label{display:grid;text-align:left;gap:5px;margin:10px 0;font-size:11px}.login-card input{min-height:42px;border:1px solid rgba(44,230,255,.18);border-radius:8px;background:#061b2d;color:#fff;padding:8px}.login-card button{width:100%;min-height:44px;border:1px solid rgba(46,240,160,.55);border-radius:9px;background:#075d42;color:#fff}.error{padding:8px;border-radius:7px;background:#5f1830;color:#ffdce5;font-size:10px}
.admin-page{background:#eef5fa;color:#173447}.admin-shell{max-width:1200px;margin:30px auto;padding:20px}.admin-head{display:flex;justify-content:space-between}.admin-card{background:#fff;border:1px solid #d7e6ee;border-radius:12px;padding:15px;margin:12px 0}.admin-form{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.admin-form input,.admin-form select{padding:8px}.admin-card table{width:100%;border-collapse:collapse}.admin-card th,.admin-card td{padding:8px;border-bottom:1px solid #edf1f4;text-align:left;font-size:11px}
@media(max-width:1300px){.topbar{grid-template-columns:300px 1fr 170px}.layout{grid-template-columns:205px minmax(0,1fr)}.row4{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.topbar{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.sidebar{position:relative;top:auto}.bottom2,.row4{grid-template-columns:1fr}.source-grid{grid-template-columns:repeat(2,1fr)}.map-layers{width:160px}.admin-form{grid-template-columns:1fr}}@media(max-width:600px){.kpis{grid-template-columns:repeat(2,1fr)}.brand h1{font-size:26px}.brand img{width:65px;height:65px}.map-stage{height:520px}.chat-body{height:360px}}

.scope-panel{padding:10px;margin-bottom:11px;display:grid;gap:8px}.scope-tabs{display:flex;gap:6px;flex-wrap:wrap}.scope-btn{padding:8px 13px;border:1px solid rgba(44,230,255,.20);border-radius:9px;background:#061b2d;color:#bcefff;font-size:9px}.scope-btn.active{background:linear-gradient(145deg,rgba(46,240,160,.3),rgba(6,99,63,.45));border-color:rgba(87,255,184,.5);color:#fff;box-shadow:0 0 16px rgba(46,240,160,.14)}.scope-fields{display:grid;grid-template-columns:1.05fr 1fr 1.4fr auto auto;gap:7px}.scope-fields input,.scope-fields select{min-height:38px;border:1px solid rgba(44,230,255,.15);border-radius:8px;background:#061b2d;color:#eafaff;padding:7px}.scope-fields button{border:1px solid rgba(44,230,255,.28);border-radius:8px;background:#07304b;color:#63eaff;padding:7px 12px}.scope-caption{font-size:8px;color:#80a4b7}
@media(max-width:900px){.scope-fields{grid-template-columns:1fr 1fr}.scope-fields #topicFilter{grid-column:1/-1}}


/* ATHENA_UI_FIX_311 START */

#scopeTabs,
.scope-tabs{
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    isolation:isolate;
}

#scopeTabs::before,
#scopeTabs::after,
.scope-tabs::before,
.scope-tabs::after,
.scope-btn::before,
.scope-btn::after{
    content:none !important;
    display:none !important;
    background:none !important;
    box-shadow:none !important;
}

.scope-btn{
    position:relative !important;
    z-index:1 !important;
    flex:0 0 auto !important;

    background:#061b2d !important;
    background-image:none !important;

    color:#bcefff !important;

    box-shadow:none !important;
    outline:none !important;
    transform:none !important;
}

.scope-btn:not(.active){
    background:#061b2d !important;
    background-image:none !important;
    box-shadow:none !important;
}

.scope-btn.active{
    background:
      linear-gradient(
        145deg,
        rgba(46,240,160,.30),
        rgba(6,99,63,.45)
      ) !important;

    border-color:rgba(87,255,184,.60) !important;

    color:#ffffff !important;

    box-shadow:
      0 0 16px rgba(46,240,160,.14) !important;
}

.scope-fields input:disabled,
.scope-fields select:disabled{
    opacity:.46 !important;
    cursor:not-allowed !important;
    filter:saturate(.45) !important;
    background:#04111d !important;
    color:#6f8796 !important;
}



.chart-legend{
    display:flex;
    gap:14px;
    margin-top:7px;
    font-size:8px;
}

.chart-legend .pos{
    color:#2ef0a0;
}

.chart-legend .neu{
    color:#4b8dff;
}

.chart-legend .neg{
    color:#ff5476;
}

.explain{
    min-height:0 !important;
}

.explain img{
    width:88px !important;
    height:88px !important;
    margin:4px auto !important;
}

.explain p{
    margin:6px 0 !important;
}

/* ATHENA_UI_FIX_311 END */

/* ATHENA BRAND 2026 */

.brand img,
.logo img,
.header-logo img,
.athena-logo img {
    width: 82px !important;
    height: 82px !important;
    object-fit: contain !important;
    filter:
        drop-shadow(0 0 7px rgba(0,210,255,.75))
        drop-shadow(0 0 15px rgba(0,110,255,.28));
}

.brand,
.logo,
.header-logo,
.athena-logo {
    overflow: visible !important;
}







/* ATHENA_NEWS_AI START */

.athena-news-card{
    position:relative;
    padding:16px 18px;
    margin:0 0 10px 0;

    background:
        linear-gradient(
            145deg,
            rgba(5,26,43,.96),
            rgba(4,20,35,.92)
        );

    border:
        1px solid
        rgba(35,190,235,.20);

    border-radius:14px;

    transition:
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.athena-news-card:hover{
    transform:translateY(-1px);

    border-color:
        rgba(61,225,255,.46);

    box-shadow:
        0 8px 28px
        rgba(0,180,255,.07);
}

.athena-news-title{
    font-size:14px;
    font-weight:800;
    line-height:1.45;
}

.athena-news-title a{
    color:#f4fbff;
    text-decoration:none;
}

.athena-news-title a:hover{
    color:#62ecff;
}

.athena-news-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;

    margin-top:8px;

    color:#86a9bb;
    font-size:10px;
}

.athena-meta-dot{
    color:#38d7ff;
}

.athena-news-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:12px;
}

.athena-news-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    min-height:34px;
    padding:7px 13px;

    border-radius:9px;
    border:
        1px solid
        rgba(56,220,255,.32);

    background:
        rgba(4,38,58,.88);

    color:#bdefff;

    font-size:11px;
    font-weight:700;

    text-decoration:none;

    cursor:pointer;

    transition:.18s ease;
}

.athena-news-btn:hover{
    transform:translateY(-1px);
}

.athena-news-btn.evidence:hover{
    color:#ffffff;

    border-color:
        rgba(55,225,255,.72);

    box-shadow:
        0 0 16px
        rgba(40,214,255,.12);
}

.athena-news-btn.ai{
    color:#72ffd0;

    border-color:
        rgba(54,244,167,.36);

    background:
        linear-gradient(
            145deg,
            rgba(6,64,55,.62),
            rgba(5,37,48,.90)
        );
}

.athena-news-btn.ai:hover{
    border-color:#53ffbf;

    box-shadow:
        0 0 18px
        rgba(46,240,160,.15);
}

.athena-news-empty{
    padding:30px;
    text-align:center;
    color:#789bad;
}

.athena-news-ai-modal{
    position:fixed;
    inset:0;

    display:none;

    align-items:center;
    justify-content:center;

    z-index:99999;

    padding:24px;

    background:
        rgba(0,7,15,.82);

    backdrop-filter:
        blur(10px);
}

.athena-news-ai-modal.show{
    display:flex;
}

.athena-news-ai-window{
    width:min(900px,96vw);
    max-height:88vh;

    overflow:hidden;

    display:flex;
    flex-direction:column;

    border-radius:22px;

    border:
        1px solid
        rgba(52,222,255,.36);

    background:
        linear-gradient(
            160deg,
            #071d2e 0%,
            #041421 55%,
            #03101b 100%
        );

    box-shadow:
        0 30px 100px
        rgba(0,0,0,.70),
        0 0 30px
        rgba(0,198,255,.12);
}

.athena-news-ai-header{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:16px 18px;

    border-bottom:
        1px solid
        rgba(53,218,255,.16);
}

.athena-news-ai-brand{
    display:flex;
    align-items:center;
    gap:12px;
}

.athena-news-ai-brand img{
    width:50px;
    height:50px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 0 9px
            rgba(0,210,255,.55)
        );
}

.athena-news-ai-brand strong{
    display:block;
    color:#72f1ff;
    font-size:18px;
}

.athena-news-ai-brand small{
    display:block;
    margin-top:2px;
    color:#7fa5b6;
}

.athena-news-ai-close{
    width:38px;
    height:38px;

    border-radius:10px;

    border:
        1px solid
        rgba(255,255,255,.12);

    background:#092237;

    color:#ffffff;

    font-size:23px;
    cursor:pointer;
}

.athena-news-ai-selected{
    padding:
        15px 20px 13px;

    border-bottom:
        1px solid
        rgba(43,190,230,.12);
}

.athena-news-ai-selected span{
    color:#45ffb9;
    font-size:9px;
    letter-spacing:1.5px;
}

.athena-news-ai-selected h3{
    margin:6px 0 0 0;

    color:#f0f9ff;

    font-size:15px;
    line-height:1.45;
}

.athena-news-ai-body{
    flex:1;

    overflow-y:auto;

    padding:20px;

    background:#ffffff;

    color:#12202c;
}

.athena-ai-analysis{
    white-space:pre-wrap;
    line-height:1.65;
    font-size:14px;
}

.athena-ai-loading{
    display:flex;
    align-items:center;
    gap:12px;

    color:#294153;

    font-weight:700;
}

.athena-ai-pulse{
    width:14px;
    height:14px;

    border-radius:50%;

    background:#00bfa6;

    box-shadow:
        0 0 0
        rgba(0,191,166,.4);

    animation:
        athenaPulse 1.3s infinite;
}

@keyframes athenaPulse{

    0%{
        box-shadow:
            0 0 0 0
            rgba(0,191,166,.45);
    }

    70%{
        box-shadow:
            0 0 0 12px
            rgba(0,191,166,0);
    }

    100%{
        box-shadow:
            0 0 0 0
            rgba(0,191,166,0);
    }
}

.athena-ai-error{
    padding:15px;

    border-radius:12px;

    background:
        rgba(255,70,90,.08);

    color:#9d2336;
}

.athena-news-ai-evidence{
    padding:13px 20px;

    background:#051827;

    border-top:
        1px solid
        rgba(48,207,247,.15);
}

.athena-news-ai-evidence a{
    color:#64eaff;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}

@media(max-width:700px){

    .athena-news-ai-modal{
        padding:8px;
    }

    .athena-news-ai-window{
        width:100%;
        max-height:95vh;
        border-radius:15px;
    }

    .athena-news-actions{
        flex-direction:column;
    }

    .athena-news-btn{
        width:100%;
    }
}

/* ATHENA_NEWS_AI END */









/* ATHENA_GRAPH_GLASS START */

/* Fondo raíz */
html {
    background:#020d18 !important;
}

/*
Body transparente para permitir ver el canvas.
isolation crea un stacking context seguro.
*/
body {
    position:relative !important;
    isolation:isolate !important;

    background:transparent !important;

    min-height:100vh !important;

    overflow-x:hidden !important;
}


/* ======================================================
   CAPA -1: GRAFOS
   ====================================================== */

#athenaGraphBackground {
    position:fixed !important;

    top:0 !important;
    left:0 !important;

    width:100vw !important;
    height:100vh !important;

    z-index:-1 !important;

    pointer-events:none !important;

    opacity:.58 !important;

    filter:
        brightness(.82)
        saturate(.90) !important;
}


/* ======================================================
   CAPA NORMAL: APLICACIÓN ATHENA
   ====================================================== */

header,
main,
aside,
nav,
section,
footer,

.app,
.wrapper,
.container,
.dashboard,
.dashboard-shell,
.dashboard-main,
.main-content,
.content,
.content-wrapper,

.sidebar,
.topbar,
.top-bar,
.app-header,
.main-header,
.header-shell {
    position:relative !important;
    z-index:2 !important;
}


/* ======================================================
   CABECERA
   ====================================================== */

header,
.topbar,
.top-bar,
.app-header,
.main-header,
.header-shell {

    z-index:100 !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,18,32,.78),
            rgba(2,43,58,.70)
        ) !important;

    backdrop-filter:
        blur(10px)
        saturate(125%) !important;

    -webkit-backdrop-filter:
        blur(10px)
        saturate(125%) !important;
}


/* ======================================================
   PANELES TRANSLÚCIDOS
   ====================================================== */

.sidebar,
.scope-panel,
.filter-panel,
.filters,
.filterbar,

.card,
.panel,
.kpi,
.kpi-card,
.chart-card,
.section-card,

.news-card,
.athena-news-card {

    background:
        linear-gradient(
            145deg,
            rgba(4,31,51,.76),
            rgba(2,20,36,.69)
        ) !important;

    backdrop-filter:
        blur(5px)
        saturate(115%) !important;

    -webkit-backdrop-filter:
        blur(5px)
        saturate(115%) !important;

    border-color:
        rgba(46,200,239,.24) !important;
}


/*
Las zonas internas de gráficas permiten
ver sutilmente los nodos por detrás.
*/

.chartbox,
.chart-wrap,
.chart-container {

    background:
        rgba(2,17,31,.47) !important;
}


/* ======================================================
   MODALES SIEMPRE ARRIBA
   ====================================================== */

.modal,
.athena-news-ai-modal,
#athenaCreditsModal,
#creditsAthenaModal {

    z-index:10000 !important;
}


/* ATHENA_GRAPH_GLASS END */














/* ATHENA_NAV_ONE_ROW START */

/* Contenedor de navegación */
.nav,
.athena-nav-row {
    display: grid !important;

    grid-template-columns:
        repeat(8, minmax(0, 1fr)) !important;

    grid-template-rows:
        82px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 94px !important;
    min-height: 94px !important;

    gap: 0 !important;

    padding: 5px 3px !important;
    margin: 0 !important;

    align-items: stretch !important;

    overflow: visible !important;

    flex-wrap: nowrap !important;
}

/* Los ocho botones */
.nav > .nav-btn,
.athena-nav-row > .nav-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 82px !important;
    min-height: 82px !important;

    margin: 0 !important;

    padding: 6px 2px !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;
    align-items: center !important;

    gap: 5px !important;

    white-space: nowrap !important;

    overflow: visible !important;

    font-size:
        clamp(10px, .72vw, 14px) !important;

    line-height: 1 !important;
}

/* Iconos más compactos */
.nav > .nav-btn svg,
.nav > .nav-btn img,
.nav > .nav-btn i,
.nav > .nav-btn .icon,
.athena-nav-row > .nav-btn svg,
.athena-nav-row > .nav-btn img,
.athena-nav-row > .nav-btn i {
    width: 22px !important;
    height: 22px !important;

    max-width: 22px !important;
    max-height: 22px !important;

    font-size: 20px !important;

    margin: 0 !important;
}

/* Impedir que Boletín baje */
.nav > .nav-btn:nth-child(8),
.athena-nav-row > .nav-btn:nth-child(8) {
    grid-column: 8 !important;
    grid-row: 1 !important;

    display: flex !important;

    visibility: visible !important;

    opacity: 1 !important;
}

/* Todos permanecen en fila 1 */
.nav > .nav-btn:nth-child(1) { grid-column:1 !important; grid-row:1 !important; }
.nav > .nav-btn:nth-child(2) { grid-column:2 !important; grid-row:1 !important; }
.nav > .nav-btn:nth-child(3) { grid-column:3 !important; grid-row:1 !important; }
.nav > .nav-btn:nth-child(4) { grid-column:4 !important; grid-row:1 !important; }
.nav > .nav-btn:nth-child(5) { grid-column:5 !important; grid-row:1 !important; }
.nav > .nav-btn:nth-child(6) { grid-column:6 !important; grid-row:1 !important; }
.nav > .nav-btn:nth-child(7) { grid-column:7 !important; grid-row:1 !important; }
.nav > .nav-btn:nth-child(8) { grid-column:8 !important; grid-row:1 !important; }

/* ATHENA_NAV_ONE_ROW END */

/* =========================
   ATHENA FIX LAYOUT FINAL
   ========================= */

/* Base */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* Contenedor principal */
body,
.app-shell,
.dashboard-shell,
.page-shell,
.main-shell,
.athena-shell {
  min-height: 100vh !important;
  height: auto !important;
}

/* Evita zonas vacías largas */
main,
.main-content,
.dashboard-content,
.content-area,
.athena-main,
.athena-content {
  min-height: auto !important;
  height: auto !important;
  padding-bottom: 18px !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
}

/* Grid principal */
.dashboard-grid,
.content-grid,
.main-grid,
.athena-grid {
  align-items: start !important;
  align-content: start !important;
  grid-auto-rows: min-content !important;
  height: auto !important;
  min-height: auto !important;
}

/* Tarjetas / paneles */
.card,
.panel,
.widget,
.kpi-card,
.chart-card,
.module-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Sidebar izquierda */
.sidebar,
.left-panel,
.left-column,
.athena-sidebar {
  height: auto !important;
  min-height: auto !important;
  overflow: hidden !important;
}

/* Quitar scroll interno de la tarjeta ATHENA IA */
.sidebar-card,
.ai-card,
.athena-ia-card,
.left-panel-card {
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
}

/* Evita que aparezca una zona vacía debajo */
.section-spacer,
.bottom-spacer,
.dashboard-spacer,
.fake-space,
.empty-space {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* Footer pegado al contenido */
footer,
.footer,
.athena-footer {
  position: relative !important;
  bottom: auto !important;
  margin-top: 10px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Chat flotante fijo abajo a la derecha */
.chat-fab,
.chat-widget-mini,
.athena-chat-mini,
.floating-chat {
  position: fixed !important;
  right: 24px !important;
  bottom: 18px !important;
  z-index: 9999 !important;
}

/* Ajuste de la navegación para que no “baje” nada */
.nav,
.athena-nav-row,
.top-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  overflow: hidden !important;
}

.nav .nav-btn,
.athena-nav-row .nav-btn,
.top-nav .nav-btn {
  min-width: 94px !important;
  max-width: 120px !important;
  height: 82px !important;
  flex: 0 1 auto !important;
}

/* Fondo de grafos visible pero no invasivo */
.network-bg,
.graph-bg,
.nodes-bg,
canvas#networkCanvas {
  opacity: 0.32 !important;
}

/* No dejar que el contenido total se alargue artificialmente */
.wrapper,
.container,
.page-wrapper,
.dashboard-wrapper {
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}







/* ATHENA_SIDEBAR_ALIGN_FINAL START */

/*
 Sidebar y contenido principal empiezan
 exactamente en la misma fila.
*/

.layout{
    display:grid !important;

    grid-template-columns:
        300px
        minmax(0,1fr) !important;

    grid-template-rows:auto !important;

    align-items:start !important;

    gap:14px !important;

    padding-top:14px !important;
}


/* PANEL ATHENA IA */

.sidebar{
    grid-column:1 !important;
    grid-row:1 !important;

    align-self:start !important;

    position:relative !important;

    top:auto !important;
    bottom:auto !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    transform:none !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    overflow:hidden !important;

    padding-top:10px !important;
}


/* CONTENIDO DERECHO */

.main{
    grid-column:2 !important;
    grid-row:1 !important;

    align-self:start !important;

    margin-top:0 !important;
    padding-top:0 !important;

    transform:none !important;

    min-width:0 !important;
}


/*
 El filtro superior tampoco debe
 introducir desplazamiento vertical.
*/

.scope-panel,
.filter-panel,
.filters,
.filterbar{
    margin-top:0 !important;
    top:auto !important;

    transform:none !important;
}


/*
 Logo compacto para aprovechar altura.
*/

.sidebar > img,
.sidebar .ai-logo,
.sidebar .athena-avatar,
.sidebar .assistant-logo{
    width:110px !important;
    height:110px !important;

    max-width:110px !important;
    max-height:110px !important;

    margin:
        0 auto 4px !important;

    object-fit:contain !important;
}


/*
 Mantener todos los controles visibles
 sin scrollbar interno.
*/

.sidebar{
    scrollbar-width:none !important;
}

.sidebar::-webkit-scrollbar{
    display:none !important;
}


/* ATHENA_SIDEBAR_ALIGN_FINAL END */



/* ATHENA_MAP_FIX START */


/* CONTENEDOR GENERAL DEL MAPA */

.map-stage,
.map-section{
    position:relative !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;

    display:flex !important;
    flex-direction:column !important;

    overflow:visible !important;

    border-radius:16px !important;

    background:
        rgba(3,22,37,.72) !important;
}


/* ==========================================================
   BARRA SUPERIOR DEL MAPA
   ========================================================== */

.athena-map-toolbar{
    position:relative !important;

    top:auto !important;
    left:auto !important;
    right:auto !important;

    z-index:30 !important;

    width:100% !important;

    min-height:54px !important;

    box-sizing:border-box !important;

    display:flex !important;

    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:center !important;

    gap:8px !important;

    padding:8px 10px !important;

    margin:0 !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    background:
        linear-gradient(
            90deg,
            rgba(3,29,48,.91),
            rgba(3,43,58,.82)
        ) !important;

    border:
        1px solid
        rgba(49,205,245,.22) !important;

    border-bottom:
        1px solid
        rgba(49,205,245,.16) !important;

    border-radius:
        14px 14px 0 0 !important;

    backdrop-filter:
        blur(9px)
        saturate(120%) !important;

    -webkit-backdrop-filter:
        blur(9px)
        saturate(120%) !important;

    scrollbar-width:none !important;
}


.athena-map-toolbar::-webkit-scrollbar{
    display:none !important;
}


/* BOTONES DEL MAPA */

.athena-map-toolbar button,
.athena-map-toolbar a{

    position:relative !important;

    flex:0 0 auto !important;

    min-width:auto !important;

    height:36px !important;

    padding:
        0 12px !important;

    margin:0 !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:5px !important;

    border-radius:9px !important;

    border:
        1px solid
        rgba(45,191,240,.36) !important;

    background:
        rgba(4,37,56,.93) !important;

    color:#b9efff !important;

    font-size:11px !important;
    font-weight:700 !important;

    white-space:nowrap !important;

    cursor:pointer !important;

    box-shadow:none !important;
}


.athena-map-toolbar button:hover,
.athena-map-toolbar a:hover{

    color:#ffffff !important;

    border-color:
        rgba(67,226,255,.65) !important;

    background:
        rgba(5,61,80,.96) !important;
}


/* BOTON ACTIVO */

.athena-map-toolbar .active,
.athena-map-toolbar button.active,
.athena-map-toolbar a.active{

    color:#7dffd5 !important;

    border-color:
        rgba(67,255,196,.62) !important;

    background:
        linear-gradient(
            145deg,
            rgba(6,105,79,.82),
            rgba(5,62,66,.86)
        ) !important;

    box-shadow:
        0 0 13px
        rgba(49,255,192,.12) !important;
}


/* ==========================================================
   MAPA
   ========================================================== */

#map{

    position:relative !important;

    z-index:2 !important;

    width:100% !important;

    height:520px !important;
    min-height:520px !important;

    margin:0 !important;

    overflow:hidden !important;

    border-radius:
        0 0 14px 14px !important;

    background:#11191d !important;
}


/* ==========================================================
   CONTROLES NATIVOS DE ARCGIS
   ========================================================== */

#map .esri-ui-top-left{

    top:14px !important;
    left:14px !important;
}


#map .esri-ui-top-right{

    top:14px !important;
    right:14px !important;
}


#map .esri-ui-bottom-left{

    left:14px !important;
    bottom:14px !important;
}


#map .esri-widget{

    border-radius:8px !important;

    overflow:hidden !important;

    box-shadow:
        0 4px 14px
        rgba(0,0,0,.35) !important;
}


/*
 Mejor contraste de los controles
 sobre el basemap oscuro.
*/

#map .esri-widget--button{

    background:
        rgba(22,31,35,.92) !important;

    color:#d8f7ff !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:900px){

    #map{
        height:430px !important;
        min-height:430px !important;
    }

    .athena-map-toolbar{
        justify-content:flex-start !important;
    }

}


/* ATHENA_MAP_FIX END */



/* ATHENA_MAP_SWITCHES START */

/* ==============================================
   FILAS DE CAPAS
   ============================================== */

.layer-item,
.layer-row,
.map-layer-item,
.map-layer-row,
.layers-panel label,
.layer-panel label,
.map-layers label {

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:14px !important;

    min-height:40px !important;

    padding:7px 9px !important;

    box-sizing:border-box !important;

    border-bottom:
        1px dashed
        rgba(60,205,245,.12) !important;

    color:#dff8ff !important;

    font-size:11px !important;

}


/* ==============================================
   CHECKBOX → SWITCH ATHENA
   ============================================== */

.layer-item input[type="checkbox"],
.layer-row input[type="checkbox"],
.map-layer-item input[type="checkbox"],
.map-layer-row input[type="checkbox"],
.layers-panel input[type="checkbox"],
.layer-panel input[type="checkbox"],
.map-layers input[type="checkbox"],
.map-stage input[type="checkbox"],
.map-section input[type="checkbox"] {

    -webkit-appearance:none !important;
    appearance:none !important;

    position:relative !important;

    width:42px !important;
    min-width:42px !important;

    height:22px !important;

    margin:0 !important;
    padding:0 !important;

    flex:0 0 42px !important;

    cursor:pointer !important;

    border-radius:999px !important;

    border:
        1px solid
        rgba(86,138,157,.48) !important;

    background:
        linear-gradient(
            145deg,
            rgba(20,43,56,.96),
            rgba(8,25,38,.96)
        ) !important;

    box-shadow:
        inset 0 0 8px
        rgba(0,0,0,.35) !important;

    outline:none !important;

    transition:
        background .20s ease,
        border-color .20s ease,
        box-shadow .20s ease !important;
}


/* Círculo del switch */

.layer-item input[type="checkbox"]::before,
.layer-row input[type="checkbox"]::before,
.map-layer-item input[type="checkbox"]::before,
.map-layer-row input[type="checkbox"]::before,
.layers-panel input[type="checkbox"]::before,
.layer-panel input[type="checkbox"]::before,
.map-layers input[type="checkbox"]::before,
.map-stage input[type="checkbox"]::before,
.map-section input[type="checkbox"]::before {

    content:"" !important;

    position:absolute !important;

    top:3px !important;
    left:3px !important;

    width:14px !important;
    height:14px !important;

    border-radius:50% !important;

    background:#78929e !important;

    box-shadow:
        0 0 5px
        rgba(105,150,170,.25) !important;

    transition:
        transform .20s ease,
        background .20s ease,
        box-shadow .20s ease !important;
}


/* ==============================================
   ACTIVADO
   ============================================== */

.layer-item input[type="checkbox"]:checked,
.layer-row input[type="checkbox"]:checked,
.map-layer-item input[type="checkbox"]:checked,
.map-layer-row input[type="checkbox"]:checked,
.layers-panel input[type="checkbox"]:checked,
.layer-panel input[type="checkbox"]:checked,
.map-layers input[type="checkbox"]:checked,
.map-stage input[type="checkbox"]:checked,
.map-section input[type="checkbox"]:checked {

    border-color:
        rgba(67,255,194,.75) !important;

    background:
        linear-gradient(
            145deg,
            rgba(8,126,92,.95),
            rgba(4,74,72,.95)
        ) !important;

    box-shadow:
        0 0 11px
        rgba(48,255,190,.20),
        inset 0 0 8px
        rgba(50,255,190,.10) !important;
}


/* Círculo cuando está ON */

.layer-item input[type="checkbox"]:checked::before,
.layer-row input[type="checkbox"]:checked::before,
.map-layer-item input[type="checkbox"]:checked::before,
.map-layer-row input[type="checkbox"]:checked::before,
.layers-panel input[type="checkbox"]:checked::before,
.layer-panel input[type="checkbox"]:checked::before,
.map-layers input[type="checkbox"]:checked::before,
.map-stage input[type="checkbox"]:checked::before,
.map-section input[type="checkbox"]:checked::before {

    transform:
        translateX(20px) !important;

    background:#6affd5 !important;

    box-shadow:
        0 0 9px
        rgba(71,255,204,.85) !important;
}


/* ==============================================
   HOVER
   ============================================== */

.layer-item input[type="checkbox"]:hover,
.layer-row input[type="checkbox"]:hover,
.map-layer-item input[type="checkbox"]:hover,
.map-layer-row input[type="checkbox"]:hover,
.layers-panel input[type="checkbox"]:hover,
.layer-panel input[type="checkbox"]:hover,
.map-layers input[type="checkbox"]:hover,
.map-stage input[type="checkbox"]:hover,
.map-section input[type="checkbox"]:hover {

    border-color:
        rgba(80,230,255,.75) !important;

}


/* ==============================================
   PANEL DE CAPAS
   ============================================== */

.layer-panel,
.layers-panel,
.map-layers {

    padding:8px !important;

    border-radius:13px !important;

    background:
        linear-gradient(
            155deg,
            rgba(4,32,49,.92),
            rgba(2,19,31,.92)
        ) !important;

    border:
        1px solid
        rgba(48,201,242,.22) !important;

    backdrop-filter:
        blur(8px) !important;

}


/* ATHENA_MAP_SWITCHES END */


/* ATHENA_LAYER_PANEL_POSITION START */

/* Panel derecho de capas */
.layer-panel,
.layers-panel,
.map-layers {
    position: absolute !important;

    top: 72px !important;
    right: 16px !important;

    width: 210px !important;
    min-width: 210px !important;

    padding: 10px 12px !important;

    z-index: 50 !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    border-radius: 14px !important;

    background:
        linear-gradient(
            145deg,
            rgba(3,34,52,.92),
            rgba(2,20,33,.90)
        ) !important;

    border:
        1px solid
        rgba(49,206,244,.25) !important;

    backdrop-filter:
        blur(8px) !important;

    -webkit-backdrop-filter:
        blur(8px) !important;
}

/* Filas */
.layer-panel label,
.layers-panel label,
.map-layers label,
.layer-item,
.layer-row {
    width: 100% !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 12px !important;

    padding: 8px 4px !important;

    box-sizing: border-box !important;
}

/* Switch completamente visible */
.layer-panel input[type="checkbox"],
.layers-panel input[type="checkbox"],
.map-layers input[type="checkbox"] {
    margin-left: auto !important;

    flex: 0 0 42px !important;

    right: auto !important;
}

/* Evitar recorte por el mapa */
.map-stage,
.map-section,
#map {
    overflow: hidden !important;
}

.map-stage,
.map-section {
    position: relative !important;
}

/* ATHENA_LAYER_PANEL_POSITION END */


/* ATHENA_NEWS_PREMIUM_CSS START */


.news-panel{
    background:
        linear-gradient(
            145deg,
            rgba(3,25,43,.72),
            rgba(2,17,31,.62)
        ) !important;

    backdrop-filter:
        blur(6px)
        saturate(115%) !important;
}


/* TARJETA */

.ath-news-card{

    display:grid !important;

    grid-template-columns:
        180px
        minmax(0,1fr)
        245px !important;

    align-items:center !important;

    gap:16px !important;

    min-height:118px !important;

    margin:
        0 0 8px !important;

    padding:
        13px 16px !important;

    box-sizing:border-box !important;

    border-radius:15px !important;

    border:
        1px solid
        rgba(50,191,236,.29) !important;

    background:
        linear-gradient(
            145deg,
            rgba(5,38,61,.78),
            rgba(3,24,43,.72)
        ) !important;

    backdrop-filter:
        blur(7px)
        saturate(120%) !important;

    -webkit-backdrop-filter:
        blur(7px)
        saturate(120%) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}


.ath-news-card:hover{

    transform:
        translateY(-1px) !important;

    border-color:
        rgba(68,225,255,.48) !important;

    box-shadow:
        0 8px 24px
        rgba(0,0,0,.16),
        0 0 18px
        rgba(0,205,255,.07) !important;
}


/* ===================================================
   LOGO DEL MEDIO
   =================================================== */

.ath-news-source{
    min-width:0 !important;
}


.ath-source-logo{

    position:relative !important;

    height:76px !important;

    display:flex !important;

    align-items:center !important;

    gap:9px !important;

    padding:
        7px 12px 7px 7px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    border-radius:
        40px 13px 13px 40px !important;

    border:
        1px solid
        rgba(34,210,255,.60) !important;

    background:
        linear-gradient(
            145deg,
            rgba(3,48,79,.94),
            rgba(3,23,46,.95)
        ) !important;

    box-shadow:
        0 0 16px
        rgba(0,198,255,.13),
        inset 0 0 18px
        rgba(0,109,255,.08) !important;
}


.ath-source-orbit{

    width:58px !important;
    height:58px !important;

    flex:
        0 0 58px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    border:
        2px solid
        rgba(61,232,255,.70) !important;

    background:
        radial-gradient(
            circle,
            rgba(12,112,175,.82),
            rgba(2,23,47,.96)
        ) !important;

    box-shadow:
        0 0 14px
        rgba(39,220,255,.33),
        inset 0 0 15px
        rgba(31,180,255,.20) !important;
}


.ath-source-symbol{

    color:#c8f9ff !important;

    font-size:23px !important;

    font-weight:900 !important;

    text-shadow:
        0 0 9px
        rgba(59,232,255,.70) !important;
}


.ath-source-label{

    min-width:0 !important;

    overflow:hidden !important;

    color:#f4fbff !important;

    font-size:
        13px !important;

    font-weight:
        900 !important;

    line-height:
        1.08 !important;

    white-space:
        normal !important;
}


/* Colores específicos */

.ath-source-logo.infobae{
    border-color:
        rgba(255,171,45,.66) !important;
}

.ath-source-logo.infobae
.ath-source-orbit{

    border-color:
        rgba(255,174,37,.78) !important;

    box-shadow:
        0 0 16px
        rgba(255,147,30,.28) !important;
}

.ath-source-logo.infobae
.ath-source-symbol{
    color:#ffb33d !important;
}


.ath-source-logo.heraldo
.ath-source-orbit{

    border-color:
        rgba(255,78,94,.68) !important;
}

.ath-source-logo.heraldo
.ath-source-symbol{

    color:#ff7381 !important;
}


.ath-source-logo.google
.ath-source-symbol{

    color:#64dfff !important;
}


/* ===================================================
   CONTENIDO
   =================================================== */

.ath-news-content{
    min-width:0 !important;
}


.ath-news-title-row{

    display:flex !important;

    align-items:flex-start !important;
    justify-content:space-between !important;

    gap:14px !important;
}


.ath-news-title-row h3{

    margin:
        0 0 6px !important;

    color:#f4faff !important;

    font-size:
        14px !important;

    line-height:
        1.25 !important;

    font-weight:
        900 !important;
}


.ath-news-title-row time{

    flex:
        0 0 auto !important;

    color:#8ca9b9 !important;

    font-size:
        10px !important;

    white-space:
        nowrap !important;
}


.ath-news-meta{

    display:flex !important;

    flex-wrap:wrap !important;

    align-items:center !important;

    gap:6px !important;

    margin-bottom:
        7px !important;

    color:#9ebac8 !important;

    font-size:
        10px !important;
}


.ath-dot{
    color:#22ddff !important;
}


.ath-news-chip{

    display:inline-flex !important;

    align-items:center !important;

    min-height:
        22px !important;

    padding:
        3px 9px !important;

    border-radius:
        5px !important;

    font-size:
        9px !important;

    font-weight:
        900 !important;

    letter-spacing:
        .25px !important;
}


.ath-news-chip.positive{

    color:#5bffd0 !important;

    border:
        1px solid
        rgba(57,255,190,.28) !important;

    background:
        rgba(9,116,84,.20) !important;
}


.ath-news-chip.neutral{

    color:#6fbcff !important;

    border:
        1px solid
        rgba(62,148,255,.30) !important;

    background:
        rgba(37,105,190,.19) !important;
}


.ath-news-chip.negative{

    color:#ff5e7b !important;

    border:
        1px solid
        rgba(255,72,101,.35) !important;

    background:
        rgba(151,24,47,.20) !important;
}


.ath-news-chip.risk.low{

    color:#55ffc5 !important;

    border:
        1px solid
        rgba(51,244,176,.26) !important;

    background:
        rgba(11,112,78,.18) !important;
}


.ath-news-chip.risk.medium{

    color:#ffd45e !important;

    border:
        1px solid
        rgba(255,198,55,.35) !important;

    background:
        rgba(140,93,12,.20) !important;
}


.ath-news-chip.risk.high,
.ath-news-chip.risk.critical{

    color:#ff627c !important;

    border:
        1px solid
        rgba(255,76,103,.38) !important;

    background:
        rgba(148,20,46,.22) !important;
}


.ath-news-description{

    max-width:
        850px !important;

    color:#a8c0cc !important;

    font-size:
        10.5px !important;

    line-height:
        1.38 !important;
}


/* ===================================================
   ACCIONES
   =================================================== */

.ath-news-actions{

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:8px !important;
}


.ath-news-action{

    width:100% !important;

    min-height:
        36px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    box-sizing:border-box !important;

    border-radius:
        8px !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    text-decoration:none !important;

    cursor:pointer !important;
}


.ath-news-action.evidence{

    color:#8fe8ff !important;

    border:
        1px solid
        rgba(42,181,255,.50) !important;

    background:
        rgba(4,53,84,.55) !important;
}


.ath-news-action.ai{

    color:#62ffd2 !important;

    border:
        1px solid
        rgba(47,239,177,.46) !important;

    background:
        rgba(5,77,63,.42) !important;
}


.ath-news-action:hover{

    filter:
        brightness(1.18) !important;
}


.ath-news-action.disabled{

    opacity:.45 !important;

    cursor:not-allowed !important;
}


.ath-news-empty{

    padding:35px !important;

    text-align:center !important;

    color:#7597a8 !important;
}


/* ===================================================
   RESPONSIVE
   =================================================== */

@media(max-width:1100px){

    .ath-news-card{

        grid-template-columns:
            145px
            minmax(0,1fr) !important;
    }

    .ath-news-actions{

        grid-column:
            1 / -1 !important;

        flex-direction:
            row !important;
    }

}


@media(max-width:720px){

    .ath-news-card{

        grid-template-columns:
            1fr !important;
    }

    .ath-source-logo{

        max-width:
            210px !important;
    }

    .ath-news-title-row{

        flex-direction:
            column !important;

        gap:2px !important;
    }

}


/* ATHENA_NEWS_PREMIUM_CSS END */



/* ATHENA_CHIP_TOOLTIPS START */

.ath-news-chip[data-athena-tip]{
    position:relative !important;
    cursor:help !important;
}


/* CUADRO EXPLICATIVO */

.ath-news-chip[data-athena-tip]::after{

    content:
        attr(data-athena-tip);

    position:absolute;

    left:50%;
    bottom:calc(100% + 11px);

    transform:
        translateX(-50%)
        translateY(4px);

    width:max-content;
    max-width:290px;

    padding:9px 11px;

    border-radius:9px;

    background:
        linear-gradient(
            145deg,
            rgba(3,29,47,.98),
            rgba(2,16,30,.99)
        );

    border:
        1px solid
        rgba(76,219,255,.34);

    color:#e8faff;

    font-size:10px;
    font-weight:500;
    line-height:1.45;

    text-align:left;
    white-space:normal;

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.55),
        0 0 15px
        rgba(0,190,255,.10);

    backdrop-filter:
        blur(10px);

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    z-index:999999;

    transition:
        opacity .16s ease,
        transform .16s ease;
}


/* FLECHA */

.ath-news-chip[data-athena-tip]::before{

    content:"";

    position:absolute;

    left:50%;
    bottom:calc(100% + 5px);

    transform:
        translateX(-50%);

    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:6px solid
        rgba(45,193,225,.55);

    opacity:0;

    visibility:hidden;

    z-index:999999;
}


/* MOSTRAR */

.ath-news-chip[data-athena-tip]:hover::after,
.ath-news-chip[data-athena-tip]:hover::before{

    opacity:1;
    visibility:visible;
}


.ath-news-chip[data-athena-tip]:hover::after{

    transform:
        translateX(-50%)
        translateY(0);
}


/* Glow según clasificación */

.ath-news-chip.positive:hover{
    box-shadow:
        0 0 13px
        rgba(62,255,190,.22) !important;
}

.ath-news-chip.neutral:hover{
    box-shadow:
        0 0 13px
        rgba(69,153,255,.22) !important;
}

.ath-news-chip.negative:hover{
    box-shadow:
        0 0 13px
        rgba(255,72,101,.24) !important;
}

.ath-news-chip.risk:hover{
    box-shadow:
        0 0 13px
        rgba(255,190,67,.18) !important;
}


/* ATHENA_CHIP_TOOLTIPS END */


/* ATHENA_EXPLAIN_NEWS_MODAL START */

#athenaExplainNewsModal{

    position:fixed !important;

    inset:0 !important;

    z-index:999999 !important;

    display:none;

    align-items:center;
    justify-content:center;

    padding:24px;

    background:
        rgba(0,8,17,.80);

    backdrop-filter:
        blur(9px);
}


#athenaExplainNewsModal.open{

    display:flex !important;
}


.athena-explain-window{

    width:min(
        850px,
        94vw
    );

    max-height:86vh;

    overflow:auto;

    border-radius:20px;

    padding:22px;

    box-sizing:border-box;

    background:
        linear-gradient(
            145deg,
            rgba(4,34,55,.98),
            rgba(2,18,32,.99)
        );

    border:
        1px solid
        rgba(55,222,255,.34);

    box-shadow:
        0 30px 100px
        rgba(0,0,0,.70),
        0 0 28px
        rgba(0,210,255,.08);
}


.athena-explain-head{

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:16px;

    padding-bottom:13px;

    border-bottom:
        1px solid
        rgba(64,205,241,.15);
}


.athena-explain-kicker{

    color:#55ffd1;

    font-size:9px;
    font-weight:900;

    letter-spacing:2px;
}


.athena-explain-head h2{

    margin:4px 0 0;

    color:#eafaff;

    font-size:21px;
}


#athenaExplainClose{

    width:40px;
    height:40px;

    border-radius:10px;

    border:
        1px solid
        rgba(87,214,244,.28);

    background:#062338;

    color:#ffffff;

    font-size:22px;

    cursor:pointer;
}


.athena-explain-title{

    margin-top:16px;

    padding:13px;

    border-radius:11px;

    background:
        rgba(5,47,70,.55);

    border:
        1px solid
        rgba(52,190,227,.17);

    color:#f3fbff;

    font-size:14px;

    font-weight:800;

    line-height:1.35;
}


.athena-explain-status{

    margin:
        13px 0;

    display:flex;

    align-items:center;

    gap:8px;

    color:#81acbc;

    font-size:10px;
}


.athena-ai-pulse,
.athena-ai-online,
.athena-ai-error{

    width:8px;
    height:8px;

    border-radius:50%;

    display:inline-block;
}


.athena-ai-pulse{

    background:#48ffd0;

    box-shadow:
        0 0 9px #48ffd0;

    animation:
        athenaPulse
        1s infinite alternate;
}


.athena-ai-online{

    background:#46ffc7;

    box-shadow:
        0 0 8px
        rgba(70,255,199,.55);
}


.athena-ai-error{

    background:#ff536e;

    box-shadow:
        0 0 8px
        rgba(255,83,110,.55);
}


@keyframes athenaPulse{

    from{
        opacity:.35;
        transform:scale(.75);
    }

    to{
        opacity:1;
        transform:scale(1.2);
    }
}


/*
 Zona de respuesta ligeramente clara
 para facilitar lectura.
*/

.athena-explain-answer{

    min-height:150px;

    padding:17px;

    border-radius:13px;

    background:
        rgba(245,251,255,.96);

    color:#122331;

    font-size:13px;

    line-height:1.62;

    white-space:pre-wrap;

    user-select:text;
}


.athena-explain-error{

    color:#b91735;

    font-weight:700;
}


/* ATHENA_EXPLAIN_NEWS_MODAL END */






/* ATHENA_EXPORT_RED_PANEL START */


/* ==========================================================
   DISTRIBUCIÓN: NOTICIAS + HERRAMIENTAS
   ========================================================== */

.ath-export-layout{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        355px !important;

    gap:14px !important;

    align-items:start !important;

    width:100% !important;

    box-sizing:border-box !important;
}


/* ==========================================================
   PANEL ROJO
   ========================================================== */

#athExportPanel{
    position:sticky !important;

    top:118px !important;

    width:355px !important;

    max-height:
        calc(100vh - 135px) !important;

    padding:
        12px 12px 13px !important;

    box-sizing:border-box !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    scrollbar-width:none !important;

    border-radius:19px !important;

    border:
        1px solid
        rgba(255,65,86,.63) !important;

    background:
        linear-gradient(
            165deg,
            rgba(35,5,16,.95),
            rgba(10,5,15,.96)
        ) !important;

    box-shadow:
        0 0 26px
        rgba(255,35,65,.10),
        inset 0 0 25px
        rgba(255,30,55,.035) !important;
}


#athExportPanel::-webkit-scrollbar{
    display:none !important;
}


#athExportPanel::before{
    content:"";

    position:absolute;

    inset:6px;

    border-radius:15px;

    border:
        1px solid
        rgba(255,70,90,.18);

    pointer-events:none;
}


/* ==========================================================
   LOGO
   ========================================================== */

.ath-export-logo{
    width:82px !important;
    height:82px !important;

    display:block !important;

    margin:
        0 auto 2px !important;

    object-fit:contain !important;

    filter:
        hue-rotate(150deg)
        saturate(2.8)
        brightness(1.05)
        drop-shadow(
            0 0 10px
            rgba(255,42,66,.58)
        ) !important;
}


/* ==========================================================
   TITULO
   ========================================================== */

.ath-export-title{
    margin:
        2px 0 2px !important;

    padding:0 !important;

    color:#ff5268 !important;

    text-align:center !important;

    font-size:18px !important;
    line-height:1.05 !important;

    font-weight:950 !important;

    text-transform:uppercase !important;

    white-space:normal !important;
}


.ath-export-subtitle{
    margin:
        0 0 8px !important;

    color:#d6c7cc !important;

    text-align:center !important;

    font-size:9px !important;
}


.ath-export-divider{
    height:1px !important;

    margin:
        6px 8px 9px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,61,82,.65),
            transparent
        ) !important;
}


/* ==========================================================
   BOTONES
   ========================================================== */

.ath-export-row{
    width:100% !important;

    min-height:42px !important;
    height:42px !important;

    display:flex !important;

    align-items:center !important;

    gap:9px !important;

    margin:
        0 0 6px !important;

    padding:
        5px 9px !important;

    box-sizing:border-box !important;

    border-radius:9px !important;

    border:
        1px solid
        rgba(255,58,79,.42) !important;

    background:
        linear-gradient(
            145deg,
            rgba(35,8,18,.91),
            rgba(13,8,17,.96)
        ) !important;

    color:#f9f0f3 !important;

    cursor:pointer !important;

    transition:
        transform .15s ease,
        border-color .15s ease,
        background .15s ease !important;
}


.ath-export-row:hover{
    transform:
        translateX(2px) !important;

    border-color:
        rgba(255,94,109,.88) !important;

    background:
        linear-gradient(
            145deg,
            rgba(68,12,25,.95),
            rgba(25,8,17,.96)
        ) !important;
}


/* Iconos */

.ath-export-row-icon{
    width:29px !important;
    height:29px !important;

    flex:
        0 0 29px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:7px !important;

    border:
        1px solid
        rgba(255,73,92,.31) !important;

    color:#ff6073 !important;

    font-size:12px !important;
    font-weight:950 !important;
}


/* Excel */

.ath-export-row.excel
.ath-export-row-icon{
    color:#59ff91 !important;

    border-color:
        rgba(48,226,112,.40) !important;
}


/* Word */

.ath-export-row.word
.ath-export-row-icon{
    color:#62aaff !important;

    border-color:
        rgba(73,151,255,.40) !important;
}


/* PDF */

.ath-export-row.pdf
.ath-export-row-icon{
    color:#ff6174 !important;
}


/* Texto */

.ath-export-row-text{
    flex:1 !important;

    min-width:0 !important;

    font-size:11px !important;

    font-weight:800 !important;

    white-space:nowrap !important;
}


.ath-export-arrow{
    flex:0 0 auto !important;

    color:#ff435b !important;

    font-size:18px !important;
}


/* ==========================================================
   FILTROS DESPLEGABLES
   ========================================================== */

.ath-export-filter-box{
    display:none !important;

    margin:
        -1px 0 6px !important;

    padding:
        8px !important;

    border-radius:8px !important;

    border:
        1px solid
        rgba(255,60,81,.21) !important;

    background:
        rgba(11,7,14,.96) !important;
}


.ath-export-filter-box.open{
    display:block !important;
}


.ath-export-field{
    width:100% !important;

    height:33px !important;

    margin:
        0 0 5px !important;

    padding:
        0 8px !important;

    box-sizing:border-box !important;

    border-radius:6px !important;

    border:
        1px solid
        rgba(255,69,88,.27) !important;

    background:#120a12 !important;

    color:#f3e8eb !important;

    font-size:9px !important;

    outline:none !important;
}


.ath-export-date-grid{
    display:grid !important;

    grid-template-columns:
        1fr 1fr !important;

    gap:5px !important;
}


.ath-export-filter-label{
    display:block !important;

    margin:
        0 0 4px !important;

    color:#ff7282 !important;

    font-size:8px !important;

    font-weight:800 !important;
}


/* ==========================================================
   ESTADO DE FILTROS
   ========================================================== */

#athExportStatus{
    margin:
        7px 0 0 !important;

    padding:
        7px 8px !important;

    border-radius:7px !important;

    border:
        1px solid
        rgba(255,57,78,.23) !important;

    background:
        rgba(37,7,17,.57) !important;

    color:#cdbbc1 !important;

    text-align:center !important;

    font-size:8px !important;

    line-height:1.3 !important;
}


/* ==========================================================
   MODO EXPORT ATHENA
   ========================================================== */

.ath-export-mode{
    margin:
        7px 0 0 !important;

    padding:
        8px !important;

    border-radius:8px !important;

    border:
        1px solid
        rgba(255,59,80,.38) !important;

    color:#aaa0a4 !important;

    text-align:center !important;

    font-size:9px !important;

    background:
        rgba(27,7,15,.68) !important;
}


.ath-export-mode strong{
    color:#ff4059 !important;

    font-weight:950 !important;
}


/* ==========================================================
   ATHENA IA FLOTANTE
   NO DEBE TAPAR EL PANEL ROJO
   ========================================================== */

#athenaChatLauncher,
.athena-chat-launcher,
.chat-fab,
.chat-widget-mini,
.athena-chat-mini,
.floating-chat{
    right:385px !important;

    bottom:18px !important;

    z-index:9999 !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1350px){

    .ath-export-layout{
        grid-template-columns:
            minmax(0,1fr)
            325px !important;
    }

    #athExportPanel{
        width:325px !important;
    }

    #athenaChatLauncher,
    .athena-chat-launcher,
    .chat-fab,
    .chat-widget-mini,
    .athena-chat-mini,
    .floating-chat{
        right:350px !important;
    }
}


@media(max-width:1050px){

    .ath-export-layout{
        grid-template-columns:
            1fr !important;
    }

    #athExportPanel{
        position:relative !important;

        top:auto !important;

        width:100% !important;

        max-height:none !important;
    }

    #athenaChatLauncher,
    .athena-chat-launcher,
    .chat-fab,
    .chat-widget-mini,
    .athena-chat-mini,
    .floating-chat{
        right:20px !important;
    }
}


/* ATHENA_EXPORT_RED_PANEL END */



















/* ATHENA_EXEC_CENTER_V5 START */


/* ==========================================================
   SVG TECNOLÓGICOS
   ========================================================== */

.ath-v5-panel svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ==========================================================
   GRID PRINCIPAL
   ========================================================== */

.ath-v5-grid{

    width:100% !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1.72fr)
        minmax(390px,1fr) !important;

    gap:13px !important;

    align-items:stretch !important;

    margin-bottom:13px !important;

    box-sizing:border-box !important;
}


/* ==========================================================
   PANEL
   ========================================================== */

.ath-v5-panel{

    position:relative !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    border-radius:17px !important;

    border:
        1px solid
        rgba(48,196,233,.34) !important;

    background:
        linear-gradient(
            145deg,
            rgba(3,31,51,.78),
            rgba(2,18,32,.71)
        ) !important;

    box-shadow:
        0 15px 38px
        rgba(0,0,0,.15),
        inset 0 0 35px
        rgba(0,179,255,.022) !important;

    backdrop-filter:
        blur(9px)
        saturate(118%) !important;

    -webkit-backdrop-filter:
        blur(9px)
        saturate(118%) !important;
}


.ath-v5-panel::before{

    content:"";

    position:absolute;

    top:0;
    left:20px;

    width:120px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #4cf5ff,
            #1bc9e5,
            transparent
        );

    box-shadow:
        0 0 12px
        rgba(64,231,255,.50);
}


/* ==========================================================
   CABECERA
   ========================================================== */

.ath-v5-header,
.ath-v5-sources-header{

    display:flex !important;

    justify-content:space-between !important;

    align-items:flex-start !important;

    gap:13px !important;

    padding:
        15px 16px 8px !important;
}


.ath-v5-heading{

    display:flex !important;

    align-items:center !important;

    gap:10px !important;

    min-width:0 !important;
}


.ath-v5-heading-icon{

    width:40px !important;
    height:40px !important;

    flex:
        0 0 40px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:11px !important;

    background:
        rgba(4,51,69,.58) !important;

    border:
        1px solid
        rgba(65,222,248,.27) !important;

    box-shadow:
        inset 0 0 13px
        rgba(57,217,255,.06) !important;
}


.ath-v5-heading-icon.cyan{

    color:#55efff !important;
}


.ath-v5-heading-icon.violet{

    color:#c676ff !important;

    border-color:
        rgba(198,118,255,.25) !important;

    background:
        rgba(77,29,107,.15) !important;
}


.ath-v5-header h2,
.ath-v5-sources-header h2{

    margin:0 !important;

    color:#f1faff !important;

    font-size:14px !important;

    line-height:1.1 !important;

    font-weight:950 !important;
}


.ath-v5-header p,
.ath-v5-sources-header p{

    margin:
        4px 0 0 !important;

    color:#849fab !important;

    font-size:8px !important;

    line-height:1.35 !important;
}


/* ==========================================================
   TIEMPO REAL
   ========================================================== */

.ath-v5-live{

    display:flex !important;

    align-items:center !important;

    gap:5px !important;

    color:#45ffc0 !important;

    font-size:8px !important;

    font-weight:850 !important;

    white-space:nowrap !important;
}


.ath-v5-live i{

    display:block !important;

    width:7px !important;
    height:7px !important;

    border-radius:50% !important;

    background:#42ffb8 !important;

    box-shadow:
        0 0 9px
        rgba(66,255,184,.78) !important;
}


/* ==========================================================
   BOLETIN
   ========================================================== */

.ath-v5-bulletin,
.ath-v5-intelligence{

    min-height:470px !important;

    height:100% !important;
}


/* botones */

.ath-v5-actions{

    display:flex !important;

    flex-wrap:wrap !important;

    gap:7px !important;

    padding:
        4px 16px 11px !important;
}


.ath-v5-action,
.ath-v5-mini-refresh{

    min-height:35px !important;

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:6px !important;

    padding:
        0 12px !important;

    box-sizing:border-box !important;

    border-radius:8px !important;

    border:
        1px solid
        rgba(46,205,237,.38) !important;

    background:
        rgba(4,48,67,.73) !important;

    color:#6fecff !important;

    font-size:8.5px !important;

    font-weight:850 !important;

    text-decoration:none !important;

    cursor:pointer !important;

    transition:
        transform .15s ease,
        filter .15s ease !important;
}


.ath-v5-action svg{

    width:16px !important;
    height:16px !important;
}


.ath-v5-action:hover,
.ath-v5-mini-refresh:hover{

    transform:
        translateY(-1px) !important;

    filter:
        brightness(1.18) !important;
}


.ath-v5-generate{

    min-width:195px !important;
}


.ath-v5-action.word{

    color:#69aaff !important;

    border-color:
        rgba(72,140,255,.43) !important;
}


.ath-v5-action.pdf{

    color:#ff6278 !important;

    border-color:
        rgba(255,65,88,.42) !important;
}


.ath-v5-action.excel{

    color:#59ffa0 !important;

    border-color:
        rgba(57,227,136,.43) !important;
}


.ath-v5-hidden-secondary{

    display:none !important;
}


/* ==========================================================
   KPI
   ========================================================== */

.ath-v5-kpis{

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:8px !important;

    padding:
        0 16px !important;
}


.ath-v5-kpi{

    min-width:0 !important;

    min-height:77px !important;

    display:flex !important;

    align-items:center !important;

    gap:9px !important;

    padding:
        9px 10px !important;

    box-sizing:border-box !important;

    border-radius:11px !important;

    background:
        linear-gradient(
            145deg,
            rgba(4,38,59,.76),
            rgba(2,25,42,.71)
        ) !important;

    border:
        1px solid
        rgba(44,188,226,.20) !important;
}


.ath-v5-kpi-icon{

    width:39px !important;
    height:39px !important;

    flex:
        0 0 39px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    color:#55edff !important;

    background:
        rgba(0,127,164,.12) !important;

    border:
        1px solid
        rgba(53,219,255,.22) !important;
}


.ath-v5-kpi.red
.ath-v5-kpi-icon,
.ath-v5-kpi.red strong{

    color:#ff647b !important;
}


.ath-v5-kpi.green
.ath-v5-kpi-icon{

    color:#4fffc0 !important;
}


.ath-v5-kpi small{

    display:block !important;

    color:#68dbe9 !important;

    font-size:6.8px !important;

    font-weight:900 !important;

    text-transform:uppercase !important;
}


.ath-v5-kpi strong{

    display:block !important;

    margin-top:3px !important;

    color:#ecfaff !important;

    font-size:21px !important;

    line-height:1 !important;

    font-weight:950 !important;
}


.ath-v5-kpi em{

    display:block !important;

    margin-top:4px !important;

    color:#728f9d !important;

    font-size:6.5px !important;

    font-style:normal !important;
}


/* ==========================================================
   RESUMEN ATHENA
   ========================================================== */

.ath-v5-summary{

    display:grid !important;

    grid-template-columns:
        42px minmax(0,1fr) !important;

    gap:9px !important;

    align-items:center !important;

    min-height:75px !important;

    margin:
        9px 16px !important;

    padding:
        9px 10px !important;

    box-sizing:border-box !important;

    border-radius:11px !important;

    background:
        linear-gradient(
            145deg,
            rgba(4,37,56,.74),
            rgba(2,23,39,.69)
        ) !important;

    border:
        1px solid
        rgba(45,188,225,.17) !important;
}


.ath-v5-summary-icon{

    width:39px !important;
    height:39px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    color:#56efff !important;

    background:
        rgba(0,126,158,.13) !important;

    border:
        1px solid
        rgba(56,224,255,.20) !important;
}


.ath-v5-summary h3{

    margin:
        0 0 4px !important;

    color:#5dffd0 !important;

    font-size:8px !important;

    font-weight:950 !important;
}


.ath-v5-summary p{

    margin:0 !important;

    color:#a9c0ca !important;

    font-size:8.5px !important;

    line-height:1.4 !important;
}


/* ==========================================================
   ANALISIS
   ========================================================== */

.ath-v5-analysis-grid{

    display:grid !important;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(0,1.1fr) !important;

    gap:8px !important;

    padding:
        0 16px !important;
}


.ath-v5-sentiment,
.ath-v5-priority{

    min-width:0 !important;

    min-height:126px !important;

    padding:
        10px !important;

    box-sizing:border-box !important;

    border-radius:10px !important;

    background:
        rgba(3,27,44,.68) !important;

    border:
        1px solid
        rgba(45,187,224,.17) !important;
}


.ath-v5-sentiment h3,
.ath-v5-priority h3{

    margin:
        0 0 9px !important;

    display:flex !important;

    align-items:center !important;

    gap:5px !important;

    color:#dbf5fc !important;

    font-size:7.5px !important;

    font-weight:950 !important;
}


.ath-v5-priority h3 svg{

    width:14px !important;
    height:14px !important;

    color:#58ebff !important;
}


/* barra */

.ath-v5-sentiment-bar{

    display:flex !important;

    width:100% !important;

    height:8px !important;

    margin:
        10px 0 11px !important;

    overflow:hidden !important;

    border-radius:99px !important;

    background:#071d29 !important;
}


.ath-v5-sentiment-bar
.positive{

    background:#38eca5 !important;
}


.ath-v5-sentiment-bar
.neutral{

    background:#4b8eff !important;
}


.ath-v5-sentiment-bar
.negative{

    background:#ff506d !important;
}


.ath-v5-sentiment-values{

    display:grid !important;

    grid-template-columns:
        repeat(3,1fr) !important;

    gap:3px !important;
}


.ath-v5-sentiment-values
div{

    font-size:7px !important;
}


.ath-v5-sentiment-values
strong{

    display:block !important;

    margin-top:3px !important;

    color:#eefaff !important;

    font-size:14px !important;
}


.ath-v5-sentiment-values
.positive{

    color:#3cebac !important;
}


.ath-v5-sentiment-values
.neutral{

    color:#68a3ff !important;
}


.ath-v5-sentiment-values
.negative{

    color:#ff647d !important;
}


/* TOP */

.ath-v5-priority-item{

    display:grid !important;

    grid-template-columns:
        22px minmax(0,1fr) 13px !important;

    gap:6px !important;

    align-items:center !important;

    min-height:32px !important;

    padding:
        4px 0 !important;

    border-bottom:
        1px solid
        rgba(61,186,219,.10) !important;

    text-decoration:none !important;
}


.ath-v5-priority-item:last-child{

    border-bottom:0 !important;
}


.ath-v5-priority-index{

    width:20px !important;
    height:20px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    color:#fff !important;

    background:
        linear-gradient(
            145deg,
            #be294b,
            #7c1933
        ) !important;

    font-size:7px !important;

    font-weight:900 !important;
}


.ath-v5-priority-title{

    display:-webkit-box !important;

    overflow:hidden !important;

    -webkit-box-orient:vertical !important;

    -webkit-line-clamp:1 !important;

    color:#e3f5fb !important;

    font-size:7.5px !important;

    font-weight:750 !important;
}


.ath-v5-priority-meta{

    display:block !important;

    margin-top:2px !important;

    color:#718e9b !important;

    font-size:6px !important;
}


.ath-v5-priority-arrow{

    color:#56eaff !important;

    font-size:14px !important;
}


.ath-v5-loading{

    color:#718e9c !important;

    font-size:7px !important;
}


/* ==========================================================
   FOOTER BOLETIN
   ========================================================== */

.ath-v5-status{

    display:flex !important;

    align-items:center !important;

    gap:6px !important;

    margin:
        8px 16px 12px !important;

    padding:
        6px 8px !important;

    border-radius:7px !important;

    background:
        rgba(2,22,37,.55) !important;

    border:
        1px solid
        rgba(43,184,220,.12) !important;

    color:#738f9d !important;

    font-size:6.5px !important;
}


.ath-v5-status strong{

    color:#aac3cc !important;
}


.ath-v5-auto{

    margin-left:auto !important;

    color:#42ffbb !important;

    white-space:nowrap !important;
}


/* ==========================================================
   INTELIGENCIA
   ========================================================== */

.ath-v5-intel-stack{

    display:grid !important;

    grid-template-rows:
        repeat(4,1fr) !important;

    gap:7px !important;

    height:
        calc(100% - 65px) !important;

    padding:
        4px 14px 14px !important;

    box-sizing:border-box !important;
}


.ath-v5-intel-card{

    min-height:78px !important;

    display:grid !important;

    grid-template-columns:
        40px minmax(0,1fr) !important;

    gap:9px !important;

    align-items:center !important;

    padding:
        9px 10px !important;

    box-sizing:border-box !important;

    border-radius:10px !important;

    background:
        linear-gradient(
            145deg,
            rgba(4,35,54,.74),
            rgba(2,22,38,.69)
        ) !important;

    border:
        1px solid
        rgba(48,187,224,.17) !important;
}


.ath-v5-intel-icon{

    width:37px !important;
    height:37px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:10px !important;
}


.ath-v5-intel-card h3{

    margin:
        0 0 4px !important;

    font-size:8px !important;

    font-weight:950 !important;
}


.ath-v5-intel-card p{

    margin:0 !important;

    color:#94adb9 !important;

    font-size:7.5px !important;

    line-height:1.35 !important;
}


.ath-v5-intel-card strong{

    display:block !important;

    margin-top:5px !important;

    font-size:7px !important;
}


.ath-v5-intel-card.insight{

    border-color:
        rgba(53,235,170,.28) !important;
}


.ath-v5-intel-card.insight
.ath-v5-intel-icon,
.ath-v5-intel-card.insight h3,
.ath-v5-intel-card.insight strong{

    color:#45ffc0 !important;
}


.ath-v5-intel-card.alert{

    border-color:
        rgba(255,174,55,.29) !important;
}


.ath-v5-intel-card.alert
.ath-v5-intel-icon,
.ath-v5-intel-card.alert h3,
.ath-v5-intel-card.alert strong{

    color:#ffad3e !important;
}


.ath-v5-intel-card.opportunity{

    border-color:
        rgba(72,143,255,.26) !important;
}


.ath-v5-intel-card.opportunity
.ath-v5-intel-icon,
.ath-v5-intel-card.opportunity h3,
.ath-v5-intel-card.opportunity strong{

    color:#65a0ff !important;
}


.ath-v5-intel-card.evaluation{

    border-color:
        rgba(194,101,255,.26) !important;
}


.ath-v5-intel-card.evaluation
.ath-v5-intel-icon,
.ath-v5-intel-card.evaluation h3,
.ath-v5-intel-card.evaluation strong{

    color:#cf7cff !important;
}


/* ==========================================================
   FUENTES
   ========================================================== */

.ath-v5-sources{

    width:100% !important;

    margin-bottom:13px !important;

    padding-bottom:12px !important;
}


.ath-v5-last-update{

    color:#43ffc0 !important;

    font-size:7.5px !important;

    white-space:nowrap !important;
}


.ath-v5-source-grid{

    display:grid !important;

    grid-template-columns:
        repeat(5,minmax(0,1fr)) !important;

    gap:8px !important;

    padding:
        2px 14px 0 !important;
}


.ath-v5-source-card{

    min-width:0 !important;

    min-height:88px !important;

    display:grid !important;

    grid-template-columns:
        37px minmax(0,1fr) !important;

    gap:9px !important;

    align-items:center !important;

    padding:
        9px !important;

    box-sizing:border-box !important;

    border-radius:10px !important;

    background:
        linear-gradient(
            145deg,
            rgba(4,37,57,.72),
            rgba(3,24,40,.69)
        ) !important;

    border:
        1px solid
        rgba(47,190,226,.22) !important;
}


.ath-v5-source-icon{

    width:35px !important;
    height:35px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:9px !important;

    color:#53eaff !important;

    background:
        rgba(3,95,126,.12) !important;

    border:
        1px solid
        rgba(52,209,243,.16) !important;
}


.ath-v5-source-card h3{

    margin:0 !important;

    color:#e9f9ff !important;

    font-size:8px !important;

    font-weight:900 !important;
}


.ath-v5-source-card span{

    display:block !important;

    margin-top:3px !important;

    color:#3dffae !important;

    font-size:6px !important;

    font-weight:850 !important;
}


.ath-v5-source-card strong{

    display:block !important;

    margin-top:4px !important;

    color:#55eaff !important;

    font-size:18px !important;

    line-height:1 !important;

    font-weight:950 !important;
}


.ath-v5-source-card small{

    display:block !important;

    margin-top:3px !important;

    color:#708d99 !important;

    font-size:6px !important;
}


/* actualizar */

.ath-v5-update-news{

    width:
        min(600px,calc(100% - 28px)) !important;

    min-height:40px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:9px !important;

    margin:
        10px auto 0 !important;

    border-radius:8px !important;

    border:
        1px solid
        rgba(45,216,239,.40) !important;

    background:
        linear-gradient(
            90deg,
            rgba(5,57,76,.70),
            rgba(6,80,97,.68)
        ) !important;

    color:#59ecff !important;

    font-size:8.5px !important;

    font-weight:900 !important;

    cursor:pointer !important;
}


.ath-v5-update-news svg{

    width:18px !important;
    height:18px !important;
}


.ath-v5-update-news span{

    display:flex !important;

    flex-direction:column !important;
}


.ath-v5-update-news small{

    margin-top:2px !important;

    color:#82a6b3 !important;

    font-size:6px !important;

    font-weight:500 !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1250px){

    .ath-v5-grid{

        grid-template-columns:
            minmax(0,1.5fr)
            minmax(350px,1fr) !important;
    }

}


@media(max-width:1050px){

    .ath-v5-grid{

        grid-template-columns:
            1fr !important;
    }


    .ath-v5-source-grid{

        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }

}


@media(max-width:720px){

    .ath-v5-kpis,
    .ath-v5-analysis-grid{

        grid-template-columns:
            1fr !important;
    }


    .ath-v5-source-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    .ath-v5-auto{

        display:none !important;
    }

}


/* ATHENA_EXEC_CENTER_V5 END */

