/* =============================================
   Indicadores Economicos Chile - Frontend v2.1
   Todos los tamanos controlados por CSS vars
   ============================================= */

.icl-ticker-wrap,.icl-ticker-wrap *,.icl-cards-wrap,.icl-cards-wrap *{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}

/* ---- TICKER ---- */
.icl-ticker-wrap{
    background:var(--icl-t-bg,#0f0f1a);
    overflow:hidden;position:relative;width:100%;
    height:var(--icl-t-height,50px);
    z-index:999;
    border-bottom:1px solid rgba(255,255,255,0.05);
    box-shadow:0 2px 16px rgba(0,0,0,0.35);
}
.icl-ticker-wrap.icl-sticky{position:fixed;top:0;left:0;right:0;z-index:99999;}
body.admin-bar .icl-ticker-wrap.icl-sticky{top:32px;}

.icl-ticker-container{height:100%;overflow:hidden;position:relative;}
.icl-ticker-container::before,.icl-ticker-container::after{
    content:'';position:absolute;top:0;bottom:0;width:50px;z-index:2;pointer-events:none;
}
.icl-ticker-container::before{left:0;background:linear-gradient(to right,var(--icl-t-bg,#0f0f1a),transparent);}
.icl-ticker-container::after{right:0;background:linear-gradient(to left,var(--icl-t-bg,#0f0f1a),transparent);}

.icl-ticker-track{
    display:flex;align-items:center;height:100%;width:max-content;
    animation:icl-scroll var(--icl-t-speed,35s) linear infinite;
    will-change:transform;
}
.icl-ticker-track:hover{animation-play-state:paused;}
@keyframes icl-scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

.icl-ticker-item{
    display:flex;align-items:center;
    gap:7px;
    padding:0 var(--icl-t-gap,30px);
    height:100%;white-space:nowrap;position:relative;transition:background .2s;
}
.icl-ticker-item:hover{background:rgba(255,255,255,0.04);}
.icl-ticker-item::after{content:'';position:absolute;right:0;top:22%;height:56%;width:1px;background:rgba(255,255,255,0.07);}

.icl-t-icon{font-size:var(--icl-t-icon,18px);line-height:1;}
.icl-t-name{color:rgba(255,255,255,0.45);font-size:var(--icl-t-name-size,11px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;}
.icl-t-value{color:var(--icl-t-text,#e0e0e0);font-size:var(--icl-t-val-size,15px);font-weight:700;font-variant-numeric:tabular-nums;}
.icl-t-trend{font-size:var(--icl-t-trend-size,11px);font-weight:600;padding:2px 8px;border-radius:10px;display:flex;align-items:center;gap:2px;font-variant-numeric:tabular-nums;}
.icl-t-trend.icl-trend-up{color:var(--icl-t-up,#00e676);background:rgba(0,230,118,0.1);}
.icl-t-trend.icl-trend-down{color:var(--icl-t-down,#ff5252);background:rgba(255,82,82,0.1);}
.icl-arrow{font-size:calc(var(--icl-t-trend-size,11px) * 0.8);}
.icl-trend-up .icl-arrow,.icl-trend-down .icl-arrow{animation:icl-pulse 2s ease-in-out infinite;}
@keyframes icl-pulse{0%,100%{opacity:1;}50%{opacity:.4;}}

/* ---- CARDS ---- */
.icl-cards-wrap{
    display:grid;
    grid-template-columns:repeat(var(--icl-c-cols,3),1fr);
    gap:var(--icl-c-gap,16px);
    padding:16px 0;
}
.icl-card{
    background:var(--icl-c-bg,#16163a);
    border:1px solid var(--icl-c-border,#2a2a5a);
    border-radius:var(--icl-c-radius,12px);
    padding:var(--icl-c-pad,20px);
    transition:transform .2s,box-shadow .2s;
}
.icl-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.2);}
.icl-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.icl-card-icon{font-size:var(--icl-c-icon,24px);line-height:1;}
.icl-card-name{color:rgba(255,255,255,0.5);font-size:var(--icl-c-name-size,12px);font-weight:600;text-transform:uppercase;letter-spacing:.8px;font-family:inherit;}
.icl-card-value{color:var(--icl-c-text,#e0e0e0);font-size:var(--icl-c-val-size,24px);font-weight:800;font-variant-numeric:tabular-nums;margin-bottom:8px;font-family:inherit;}
.icl-card-trend{font-size:var(--icl-c-trend-size,13px);font-weight:600;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-family:inherit;}
.icl-card-trend.icl-trend-up{color:var(--icl-c-up,#00e676);background:rgba(0,230,118,0.1);}
.icl-card-trend.icl-trend-down{color:var(--icl-c-down,#ff5252);background:rgba(255,82,82,0.1);}
.icl-card-trend .icl-arrow{font-size:calc(var(--icl-c-trend-size,13px) * 0.75);}

/* ---- SHARED ---- */
.icl-error{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.4);font-size:13px;min-height:50px;}

/* ---- RESPONSIVE ---- */
@media(max-width:768px){
    .icl-ticker-container::before,.icl-ticker-container::after{width:25px;}
    .icl-cards-wrap{grid-template-columns:repeat(2,1fr) !important;}
    .icl-card{padding:calc(var(--icl-c-pad,20px) * 0.8);}
}
@media(max-width:480px){
    .icl-cards-wrap{grid-template-columns:1fr !important;}
}
@media(prefers-reduced-motion:reduce){
    .icl-ticker-track{animation:none;}
    .icl-trend-up .icl-arrow,.icl-trend-down .icl-arrow{animation:none;}
}
.icl-ticker-wrap,.icl-cards-wrap{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}