html{zoom:1.275}
@media(max-width:1100px){html{zoom:1}}
/* ── THEMES ─────────────────────────────────────────────────────────────── */
:root,[data-theme=cyber]{
--bg:#050a12;--text:#e0f0ff;--muted:#4a7a99;
--accent:#00d4ff;--ar:0,212,255;
--card-bg:rgba(5,20,35,0.8);--overlay-bg:rgba(5,20,35,0.98);
--income:#00ff9f;--ar-income:0,255,159;
--expense:#ff4d6d;--ar-expense:255,77,109;
--portfolio:#bf7fff;--ar-portfolio:191,127,255;
--select-bg:#0a1520;--select-arrow:%234a7a99;
}
[data-theme=light]{
--bg:#edf1f7;--text:#0d1f2d;--muted:#5577aa;
--accent:#0077aa;--ar:0,119,170;
--card-bg:rgba(255,255,255,0.93);--overlay-bg:rgba(248,252,255,0.99);
--income:#0a7840;--ar-income:10,120,64;
--expense:#cc2244;--ar-expense:204,34,68;
--portfolio:#7744bb;--ar-portfolio:119,68,187;
--income-bg:rgba(10,120,64,0.12);--income-border:rgba(10,120,64,0.35);
--select-bg:#e4eaf2;--select-arrow:%235577aa;
}
[data-theme=pink]{
--bg:#0e0812;--text:#ffe8f8;--muted:#994477;
--accent:#ff5db1;--ar:255,93,177;
--card-bg:rgba(28,6,38,0.88);--overlay-bg:rgba(18,3,26,0.98);
--income:#ff9ef0;--ar-income:255,158,240;
--expense:#ff5577;--ar-expense:255,85,119;
--portfolio:#dd88ff;--ar-portfolio:221,136,255;
--select-bg:#180e22;--select-arrow:%23994477;
}
[data-theme=green]{
--bg:#020d04;--text:#d0ffd8;--muted:#2a7035;
--accent:#00e844;--ar:0,232,68;
--card-bg:rgba(3,22,7,0.88);--overlay-bg:rgba(1,12,4,0.98);
--income:#00ff9f;--ar-income:0,255,159;
--expense:#ff4d6d;--ar-expense:255,77,109;
--portfolio:#aaff55;--ar-portfolio:170,255,85;
--select-bg:#071209;--select-arrow:%232a7035;
}
[data-theme=negative]{
--bg:#000000;--text:#f0f0f0;--muted:#777777;
--accent:#eeeeee;--ar:238,238,238;
--card-bg:rgba(18,18,18,0.92);--overlay-bg:rgba(10,10,10,0.98);
--income:#cccccc;--ar-income:204,204,204;
--expense:#999999;--ar-expense:153,153,153;
--portfolio:#bbbbbb;--ar-portfolio:187,187,187;
--select-bg:#161616;--select-arrow:%23777777;
}
[data-theme=pro]{
--bg:#080f1a;--text:#e0e0e8;--muted:#8888a0;
--accent:#c9a84c;--ar:201,168,76;
--card-bg:rgba(8,15,26,0.92);--overlay-bg:rgba(5,10,18,0.98);
--income:#5ab87a;--ar-income:90,184,122;
--expense:#d45d5d;--ar-expense:212,93,93;
--portfolio:#7a8ec9;--ar-portfolio:122,142,201;
--select-bg:#0d1624;--select-arrow:%238888a0;
}
[data-theme=lpink]{
--bg:#fce8f4;--text:#3d1030;--muted:#b06090;
--accent:#d4307a;--ar:212,48,122;
--card-bg:rgba(255,240,250,0.95);--overlay-bg:rgba(255,245,252,0.99);
--income:#0a7a48;--ar-income:10,122,72;
--expense:#c02040;--ar-expense:192,32,64;
--portfolio:#7744bb;--ar-portfolio:119,68,187;
--income-bg:rgba(10,122,72,0.12);--income-border:rgba(10,122,72,0.35);
--select-bg:#f5ddef;--select-arrow:%23b06090;
}
/* ── BASE ───────────────────────────────────────────────────────────────── */
*{box-sizing:border-box;font-family:'Space Grotesk',sans-serif;margin:0;padding:0}
body{background:var(--bg);color:var(--text);min-height:100vh;padding:1.5rem 1.25rem;position:relative;overflow-x:hidden;transition:background 0.3s,color 0.3s}
.grid-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(var(--ar),0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ar),0.04) 1px,transparent 1px);background-size:40px 40px}
[data-theme=light] .grid-bg,[data-theme=lpink] .grid-bg{background-image:linear-gradient(rgba(var(--ar),0.14) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ar),0.14) 1px,transparent 1px)}
.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--ar),0.27),transparent);pointer-events:none;z-index:0;animation:scan 18s linear infinite}
[data-theme=light] .scan-line,[data-theme=lpink] .scan-line{display:none}
@keyframes scan{0%{top:var(--scan-start,160px);opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}
.content{position:relative;z-index:2;max-width:820px;margin:0 auto}
.header{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem;flex-wrap:wrap;position:relative}
.header h1{flex:1;min-width:0}
h1{font-size:26px;font-weight:700;letter-spacing:0.12em;color:var(--accent);text-shadow:0 0 20px rgba(var(--ar),0.5)}
.version{font-size:10px;color:var(--muted);letter-spacing:0.15em}
.save-status{margin-left:auto;font-size:10px;letter-spacing:0.1em}
/* ── METRICS ────────────────────────────────────────────────────────────── */
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:1.5rem}
.metrics.metrics-cartera{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric-nav{transition:background 0.15s,border-color 0.15s}
.metric-nav:hover{background:rgba(var(--ar),0.10);border-color:rgba(var(--ar),0.3)}
.metric-nav,.is-metric,.is-metric-2,.is-metric-3{cursor:pointer}
/* ── Hover animado tarjetas Ingresos/Gastos ─────────────────────────────── */
.is-metric,.is-metric-2{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease,background .28s ease}
.is-metric:hover,.is-metric-2:hover{transform:translateY(-4px) scale(1.025);border-color:rgba(var(--ar),.45);box-shadow:0 10px 26px rgba(var(--ar),.22),0 2px 6px rgba(0,0,0,.18)}
.is-metric:active,.is-metric-2:active{transform:translateY(-1px) scale(1.005);transition-duration:.08s}
.is-metric .metric-val,.is-metric-2 .metric-val{transition:transform .28s cubic-bezier(.22,1,.36,1)}
.is-metric:hover .metric-val,.is-metric-2:hover .metric-val{transform:scale(1.06)}
.is-metric::before,.is-metric-2::before{transition:opacity .28s ease,filter .28s ease;opacity:.6}
.is-metric:hover::before,.is-metric-2:hover::before{opacity:1;filter:drop-shadow(0 0 6px var(--ac))}
.is-metric .corner,.is-metric-2 .corner{transition:opacity .28s ease,transform .28s ease}
.is-metric:hover .corner,.is-metric-2:hover .corner{opacity:1}
@media(prefers-reduced-motion:reduce){.is-metric,.is-metric-2,.is-metric .metric-val,.is-metric-2 .metric-val{transition:none;transform:none}}
.metric{background:rgba(var(--ar),0.05);border:1px solid rgba(var(--ar),0.15);border-radius:12px;padding:1rem 1.25rem;position:relative;overflow:hidden}
[data-theme=light] .metric,[data-theme=lpink] .metric{background:var(--card-bg);box-shadow:0 2px 10px rgba(0,0,0,0.07)}
.metric::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--ac),transparent)}
.metric-label{font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.metric-val{font-size:22px;font-weight:600;white-space:nowrap;overflow:hidden;width:100%;display:block}
/* ── TABS ───────────────────────────────────────────────────────────────── */
.tab-bar{display:flex;gap:2px;background:rgba(var(--ar),0.05);border:1px solid rgba(var(--ar),0.1);border-radius:10px;padding:4px;margin-bottom:1.5rem}
.tab{flex:1;border:1px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:500;padding:9px;border-radius:7px;cursor:pointer;letter-spacing:0.05em;transition:all 0.2s}
.tab.active{background:rgba(var(--ar),0.1);color:var(--accent);border:1px solid rgba(var(--ar),0.25);box-shadow:0 0 12px rgba(var(--ar),0.15)}
.tab-fade-in{animation:tabFadeIn 0.45s cubic-bezier(0.16,1,0.3,1)}
@keyframes tabFadeIn{0%{opacity:0;transform:translateY(14px) scale(0.98);filter:blur(4px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
/* ── CARDS ──────────────────────────────────────────────────────────────── */
.card{background:var(--card-bg);border:1px solid rgba(var(--ar),0.12);border-radius:14px;padding:1.25rem;margin-bottom:14px;position:relative;overflow:hidden}
[data-theme=light] .card,[data-theme=lpink] .card{box-shadow:0 2px 12px rgba(0,0,0,0.08)}
.card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.dash-tour-btn{margin-left:auto;width:22px;height:22px;border-radius:50%;border:1px solid rgba(var(--ar),0.35);background:rgba(var(--ar),0.06);color:var(--accent);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:background 0.15s,border-color 0.15s}
.dash-tour-btn:hover{background:rgba(var(--ar),0.15);border-color:var(--accent)}
.card-title{font-size:13px;font-weight:500;letter-spacing:0.08em}
.card-total{margin-left:auto;font-size:13px;font-weight:600}
/* ── ROWS / INPUTS ──────────────────────────────────────────────────────── */
.row-item{display:flex;gap:8px;align-items:center;margin-bottom:0;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid rgba(var(--ar),0.07)}.row-item:last-of-type{border-bottom:none}
.row-item .fut-input.nombre{flex:2;min-width:140px}
/* Cabecera tipo tabla en secciones de Activos (hipoteca/deuda/inmueble). Solo escritorio. */
.activo-thead{padding:2px 0 4px;border-bottom:1px solid rgba(var(--ar),0.12);margin-bottom:2px;flex-wrap:nowrap;opacity:0.9}
.activo-thead .activo-th{display:flex;align-items:flex-end}
@media(max-width:1060px){.activo-thead{display:none}}
@media(max-width:1060px){.row-item .fut-input.nombre{flex:1 1 100%}.two-col{grid-template-columns:1fr}}
.fut-input{background:rgba(var(--ar),0.05);border:1px solid rgba(var(--ar),0.12);border-radius:8px;padding:7px 11px;font-size:13px;color:var(--text);outline:none;transition:border-color 0.2s}
[data-theme=light] .fut-input{background:rgba(var(--ar),0.04);border-color:rgba(var(--ar),0.2)}
.fut-input:focus{border-color:rgba(var(--ar),0.4);box-shadow:0 0 8px rgba(var(--ar),0.1)}
/* ── SELECT STYLING ─────────────────────────────────────────────────────── */
select.fut-input{
background-color:var(--select-bg);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 4 5-4' stroke='%234a7a99' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 11px center;
background-size:12px;
padding-right:30px;
appearance:none;-webkit-appearance:none;
cursor:pointer;
width:100%;
}
[data-theme=light] select.fut-input,[data-theme=lpink] select.fut-input{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 4 5-4' stroke='%235577aa' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
[data-theme=pink] select.fut-input{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 4 5-4' stroke='%23994477' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
[data-theme=green] select.fut-input{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 4 5-4' stroke='%232a7035' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
select.fut-input option{background-color:var(--select-bg);color:var(--text)}
.add-btn{width:100%;margin-top:10px;background:rgba(var(--ar),0.05);border:1px dashed rgba(var(--ar),0.2);border-radius:8px;color:var(--muted);font-size:12px;padding:8px;cursor:pointer;letter-spacing:0.08em;transition:all 0.2s}
.add-btn:hover{border-color:rgba(var(--ar),0.4);color:var(--accent)}
.del-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;padding:0 4px;line-height:1;flex-shrink:0;transition:color 0.15s}
.del-btn:hover{color:#ff4d6d}
.cartera-search-btn{background:none;border:none;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0;opacity:0.6;transition:opacity 0.15s;display:flex;align-items:center}
.cartera-search-btn:hover{opacity:1}
/* Cartera desktop: summary oculto, detail como flex inline */
.cartera-summary{display:none}
.cartera-detail{display:flex;flex:1;gap:8px;align-items:center;min-width:0}
/* Fila de efectivo fija en ValueAcademia */
.va-cash-row{background:rgba(45,212,163,0.07);border:1px solid rgba(45,212,163,0.18);border-radius:8px;margin-top:4px}
.va-cash-row .cartera-detail{padding:6px 8px}
/* Botón expand (solo visible en móvil via .cartera-summary) */
.car-expand-btn{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:transform 0.2s;font-family:inherit}
.car-expand-btn.rotated{transform:rotate(90deg)}
/* Columnas del resumen móvil */
.sum-col{display:flex;flex-direction:column;gap:3px}
.sum-lbl{font-size:9px;letter-spacing:0.09em;color:var(--muted);text-transform:uppercase;line-height:1}
.sum-col-tk{flex:1;min-width:0}
.sum-col-pr{flex:1;min-width:0}
.sum-col-pl{flex:1;min-width:0}
.sum-col-pe{flex:1;min-width:0;align-items:flex-end}
.sum-ticker{font-size:14px;font-weight:700;color:var(--accent);letter-spacing:0.07em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sum-precio{display:flex;flex-direction:column;gap:1px}
.sum-pl{font-size:13px;font-weight:600;white-space:nowrap}
.sum-pe{font-size:13px;color:#a0c0d0;white-space:nowrap}
.cinfo-row{border:1px solid rgba(191,127,255,0.12);border-radius:9px;padding:10px 12px;cursor:pointer;transition:background 0.15s;user-select:none}
.cinfo-row:hover{background:rgba(191,127,255,0.06)}
.cinfo-head{display:flex;justify-content:space-between;align-items:center}
.cinfo-chev{font-size:15px;color:#4a7a99;transition:transform 0.2s;line-height:1}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}
.lang-btn{background:rgba(var(--ar),0.05);border:1px solid rgba(var(--ar),0.15);border-radius:7px;color:var(--muted);font-size:11px;font-weight:600;padding:5px 10px;cursor:pointer;font-family:'Space Grotesk',sans-serif;letter-spacing:0.04em;transition:all 0.15s}
.lang-btn:hover{border-color:rgba(var(--ar),0.4);color:var(--accent)}
.lang-btn.lang-active{background:rgba(var(--ar),0.12);border-color:rgba(var(--ar),0.5);color:var(--accent);box-shadow:0 0 8px rgba(var(--ar),0.2)}
/* ── PILLS ──────────────────────────────────────────────────────────────── */
.pill-bar{display:flex;gap:4px;background:rgba(var(--ar),0.05);border:1px solid rgba(var(--ar),0.1);border-radius:8px;padding:3px}
.pill{border:none;background:transparent;color:var(--muted);font-size:12px;padding:5px 14px;border-radius:6px;cursor:pointer;letter-spacing:0.05em;transition:all 0.2s}
.pill.active{background:rgba(var(--ar),0.12);color:var(--accent);box-shadow:0 0 8px rgba(var(--ar),0.1)}
/* ── LAYOUT ─────────────────────────────────────────────────────────────── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.corner{position:absolute;width:12px;height:12px;border-color:rgba(var(--ar),0.4);border-style:solid}
.corner-tl{top:8px;left:8px;border-width:1px 0 0 1px}
.corner-tr{top:8px;right:8px;border-width:1px 1px 0 0}
.corner-bl{bottom:8px;left:8px;border-width:0 0 1px 1px}
.corner-br{bottom:8px;right:8px;border-width:0 1px 1px 0}
/* ── PROYECCIÓN CONTROLS ─────────────────────────────────────────────────── */
.controls{display:flex;gap:8px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.ctrl-box{display:flex;align-items:center;gap:8px;border-radius:8px;padding:5px 12px}
.ctrl-label{font-size:10px;letter-spacing:0.12em}
.ctrl-val{border:none;background:transparent;font-weight:600;font-size:13px;outline:none;color:var(--accent)}
.proj-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.proj-card{background:var(--card-bg);border:1px solid rgba(var(--ar),0.12);border-radius:14px;padding:1.25rem}
[data-theme=light] .proj-card,[data-theme=lpink] .proj-card{box-shadow:0 2px 12px rgba(0,0,0,0.08)}
.legend{display:flex;gap:16px;margin-bottom:12px;align-items:center;flex-wrap:wrap}
.legend-item{display:flex;align-items:center;gap:6px;font-size:11px}
.legend-line{width:20px;height:2px;border-radius:1px}
.suffix{font-size:11px;color:var(--muted);min-width:14px;flex-shrink:0}
/* Tooltip propio para los sufijos con explicación (R. esperada / R. anual…).
El title nativo no se muestra en táctil y es poco fiable, así que pintamos
un globo con ::after que aparece al pasar el ratón (hover) y al tocar/enfocar
(tap → :focus/:active). */
.suffix-tip{position:relative;cursor:help}
.suffix-tip::after{
content:attr(data-tip);
position:absolute;
left:50%;
bottom:calc(100% + 8px);
transform:translateX(-50%) translateY(4px);
background:rgba(12,18,28,0.97);
color:var(--text);
border:1px solid rgba(255,255,255,0.12);
border-radius:8px;
padding:7px 10px;
font-size:11px;
line-height:1.3;
letter-spacing:normal;
white-space:normal;
width:max-content;
max-width:220px;
text-align:center;
box-shadow:0 6px 20px rgba(0,0,0,0.45);
opacity:0;
pointer-events:none;
transition:opacity 0.15s ease, transform 0.15s ease;
z-index:9999;
}
.suffix-tip::before{
content:"";
position:absolute;
left:50%;
bottom:calc(100% + 3px);
transform:translateX(-50%) translateY(4px);
border:5px solid transparent;
border-top-color:rgba(12,18,28,0.97);
opacity:0;
pointer-events:none;
transition:opacity 0.15s ease, transform 0.15s ease;
z-index:9999;
}
.suffix-tip:hover::after,.suffix-tip:focus::after,.suffix-tip:active::after,.suffix-tip.tip-open::after,
.suffix-tip:hover::before,.suffix-tip:focus::before,.suffix-tip:active::before,.suffix-tip.tip-open::before{
opacity:1;
transform:translateX(-50%) translateY(0);
}
.pat-total-bar{display:flex;justify-content:space-between;align-items:center;background:rgba(var(--ar),0.05);border:1px solid rgba(var(--ar),0.15);border-radius:12px;padding:1rem 1.25rem}
input[type=number]::-webkit-inner-spin-button{display:none}
input[type=number]::-webkit-outer-spin-button{display:none}
input[type=number].keep-arrows::-webkit-inner-spin-button{display:block;opacity:0.4}
input[type=number].keep-arrows::-webkit-outer-spin-button{display:block;opacity:0.4}
/* ── BUTTONS ────────────────────────────────────────────────────────────── */
.btn-guardar{background:rgba(var(--ar),0.08);border:1px solid rgba(var(--ar),0.3);border-radius:8px;color:var(--accent);font-size:12px;font-weight:600;padding:7px 18px;cursor:pointer;letter-spacing:0.1em;font-family:'Space Grotesk',sans-serif;margin-left:0;transition:all 0.2s}
.btn-guardar:hover{background:rgba(0,255,159,0.15);border-color:rgba(0,255,159,0.5);color:#00ff9f;transform:scale(1.05)}
[data-theme=light] .btn-guardar:hover{background:rgba(5,77,40,0.15);border-color:rgba(5,77,40,0.5);color:#054d28}
[data-theme=light] #subscribeBtn[style*="00ff9f"],[data-theme=lpink] #subscribeBtn[style*="00ff9f"]{background:var(--income) !important;border-color:var(--income) !important;color:#e0fff0 !important}
.btn-salir{background:none;border:1px solid rgba(255,77,109,0.25);border-radius:8px;color:var(--muted);font-size:12px;font-weight:600;padding:7px 18px;cursor:pointer;letter-spacing:0.1em;font-family:'Space Grotesk',sans-serif;margin-left:4px;transition:all 0.2s}
.btn-salir:hover{background:rgba(255,77,109,0.12);border-color:rgba(255,77,109,0.5);color:#ff4d6d;transform:scale(1.05)}
.btn-suscribir{background:rgba(191,127,255,0.08);border:1px solid rgba(191,127,255,0.3);border-radius:8px;color:#bf7fff;font-size:12px;font-weight:600;padding:7px 18px;cursor:pointer;letter-spacing:0.1em;font-family:'Space Grotesk',sans-serif;margin-left:0;transition:all 0.2s}
.btn-suscribir:hover{background:rgba(191,127,255,0.18);border-color:rgba(191,127,255,0.6);color:#d4aaff;transform:scale(1.05)}
.btn-expandir{background:none;border:1px solid rgba(var(--ar),0.15);border-radius:6px;color:var(--muted);font-size:10px;padding:4px 10px;cursor:pointer;letter-spacing:0.08em;font-family:'Space Grotesk',sans-serif;margin-left:auto;transition:all 0.2s}
.btn-expandir:hover{border-color:rgba(var(--ar),0.4);color:var(--accent)}
/* ── THEME SWITCHER ─────────────────────────────────────────────────────── */
.theme-switcher{position:relative}
/* ── TRENDING MENU ──────────────────────────────────────────────────────── */
.trending-switcher{position:relative}
.trending-toggle-btn{background:none;border:1px solid rgba(var(--ar),0.2);border-radius:50%;width:32px;height:32px;font-size:15px;padding:0;cursor:pointer;transition:all 0.2s;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.trending-toggle-btn:hover{border-color:rgba(var(--ar),0.4);background:rgba(var(--ar),0.08)}
.is-header-menubtn{background:none;border:1px solid rgba(var(--ar),0.2);border-radius:50%;width:32px;height:32px;color:#4a7a99;cursor:pointer;padding:0;flex-shrink:0;align-items:center;justify-content:center;transition:all 0.2s;display:none}
.is-header-menubtn:hover{border-color:rgba(var(--ar),0.4);background:rgba(var(--ar),0.08);color:var(--accent)}
.is-header-menudropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--card-bg,#0d1520);border:1px solid rgba(var(--ar),0.2);border-radius:12px;padding:12px;min-width:180px;z-index:9999;display:none;flex-direction:column;gap:6px;box-shadow:0 8px 24px rgba(0,0,0,0.4)}
.is-header-menudropdown.open{display:flex}
.header-menu-section{font-size:9px;letter-spacing:0.15em;color:var(--muted,#4a7a99);padding:2px 4px 6px;font-weight:600}
.header-menu-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.header-menu-theme-grid button{background:rgba(var(--ar),0.06);border:1px solid rgba(var(--ar),0.15);border-radius:6px;color:var(--text,#c0d0e0);font-size:9px;font-weight:600;padding:5px 6px;cursor:pointer;letter-spacing:0.06em;font-family:'Space Grotesk',sans-serif;display:flex;align-items:center;gap:4px;transition:all 0.15s}
.header-menu-theme-grid button:hover{background:rgba(var(--ar),0.15);border-color:rgba(var(--ar),0.35)}
.header-menu-divider{height:1px;background:rgba(var(--ar),0.12);margin:4px 0}
.header-menu-item{background:none;border:1px solid rgba(var(--ar),0.15);border-radius:8px;color:var(--text,#c0d0e0);font-size:11px;font-weight:500;padding:7px 10px;cursor:pointer;letter-spacing:0.05em;font-family:'Space Grotesk',sans-serif;text-align:left;transition:all 0.15s;width:100%}
.header-menu-item[href]{display:flex;align-items:center;text-decoration:none}
.ff-studio .header .header-menu-item[href]{min-height:40px}
.header-menu-item:hover{background:rgba(var(--ar),0.1);border-color:rgba(var(--ar),0.3);color:var(--accent,#00d4ff)}
.trending-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--overlay-bg);border:1px solid rgba(var(--ar),0.2);border-radius:10px;padding:4px;display:none;z-index:300;min-width:238px;box-shadow:0 8px 24px rgba(0,0,0,0.4)}
[data-theme=light] .trending-menu,[data-theme=lpink] .trending-menu{box-shadow:0 8px 24px rgba(0,0,0,0.15)}
.trending-menu.open{display:block}
.trending-title{font-size:10px;font-weight:700;letter-spacing:0.12em;color:var(--muted);padding:5px 10px 6px;border-bottom:1px solid rgba(var(--ar),0.12);margin-bottom:2px;text-transform:uppercase}
.trending-link{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text);font-size:12px;font-weight:500;padding:7px 10px;border-radius:6px;text-decoration:none;transition:all 0.15s;font-family:'Space Grotesk',sans-serif}
.trending-link:hover{background:rgba(var(--ar),0.1);color:var(--accent)}
.trending-live{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;letter-spacing:0.08em;color:#ff4d6d;opacity:0.85;flex-shrink:0}
.trending-live-dot{width:5px;height:5px;border-radius:50%;background:#ff4d6d;animation:live-pulse 2s ease-in-out infinite}
/* ValueAcademia — resaltado PREMIUM en el menú Tendencias */
.trending-link.trending-va{position:relative;margin-top:5px;padding-top:8px;padding-bottom:8px;border:1px solid rgba(212,175,55,0.5);border-radius:8px;background:linear-gradient(100deg,rgba(212,175,55,0.15),rgba(212,175,55,0.04));box-shadow:0 0 0 0 rgba(212,175,55,0);transition:all 0.18s}
.trending-link.trending-va::before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;width:3px;border-radius:8px 0 0 8px;background:linear-gradient(180deg,#f7d774,#d4af37)}
.trending-link.trending-va span[data-i18n]{background:linear-gradient(90deg,#f9e08a,#d4af37);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#d4af37;font-weight:700;letter-spacing:0.02em}
.trending-link.trending-va:hover{background:linear-gradient(100deg,rgba(212,175,55,0.26),rgba(212,175,55,0.1));border-color:rgba(212,175,55,0.85);box-shadow:0 0 14px rgba(212,175,55,0.28)}
.trending-va-badge{display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:800;letter-spacing:0.09em;color:#231a05;background:linear-gradient(90deg,#f9e08a,#d4af37);padding:2px 6px;border-radius:6px;flex-shrink:0;text-transform:uppercase;box-shadow:0 1px 4px rgba(212,175,55,0.4)}
/* AgenteBoe — enlace destacado que abre la lista de Tendencias. Usa una
identidad roja propia (el resto de enlaces son texto plano y ValueAcademia
es dorado) para que se lea como una sección aparte, no como un enlace más. */
.trending-link.trending-boe{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px;row-gap:3px;margin-bottom:7px;padding:9px 10px 9px 12px;border:1px solid rgba(226,42,66,0.45);border-radius:8px;background:linear-gradient(100deg,rgba(226,42,66,0.17),rgba(226,42,66,0.04));transition:all 0.18s}
.trending-link.trending-boe::before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;width:3px;border-radius:8px 0 0 8px;background:linear-gradient(180deg,#ff7a7a,#c81e3a)}
.trending-link.trending-boe:hover{background:linear-gradient(100deg,rgba(226,42,66,0.3),rgba(226,42,66,0.1));border-color:rgba(255,90,110,0.85);box-shadow:0 0 14px rgba(226,42,66,0.3)}
.trending-boe-mark{grid-column:1;grid-row:1 / span 2;align-self:center;font-size:7.5px;font-weight:900;letter-spacing:0.06em;color:#fff;background:linear-gradient(135deg,#ff6b6b,#c81e3a);padding:4px 5px;border-radius:5px;line-height:1;box-shadow:0 1px 5px rgba(200,30,58,0.45)}
.trending-boe-name{grid-column:2;grid-row:1;font-size:12.5px;font-weight:800;letter-spacing:0.02em;background:linear-gradient(90deg,#ff8a8a,#e02040);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#e02040}
.trending-boe-live{grid-column:3;grid-row:1;color:#ff5a72;opacity:1}
.trending-boe-live .trending-live-dot{background:#ff5a72}
.trending-boe-desc{grid-column:2 / -1;grid-row:2;font-size:9.5px;font-weight:500;line-height:1.35;letter-spacing:0.01em;color:var(--muted);text-transform:none}
.trending-link.trending-boe:hover .trending-boe-desc{color:var(--text)}
[data-theme=light] .trending-link.trending-boe,[data-theme=lpink] .trending-link.trending-boe{background:linear-gradient(100deg,rgba(226,42,66,0.12),rgba(226,42,66,0.03))}
[data-theme=light] .trending-boe-name,[data-theme=lpink] .trending-boe-name{background-image:linear-gradient(90deg,#e02040,#a5142c);color:#c2102b}
@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:0.25}}
.theme-toggle-btn{background:rgba(var(--ar),0.06);border:1px solid rgba(var(--ar),0.18);border-radius:8px;color:var(--muted);font-size:11px;font-weight:600;padding:6px 10px;cursor:pointer;letter-spacing:0.08em;font-family:'Space Grotesk',sans-serif;transition:all 0.2s;white-space:nowrap}
.theme-toggle-btn:hover{border-color:rgba(var(--ar),0.4);color:var(--accent)}
.theme-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--overlay-bg);border:1px solid rgba(var(--ar),0.2);border-radius:10px;padding:4px;display:none;z-index:300;min-width:108px;box-shadow:0 8px 24px rgba(0,0,0,0.4)}
[data-theme=light] .theme-menu{box-shadow:0 8px 24px rgba(0,0,0,0.15)}
.theme-menu.open{display:block}
.theme-menu button{display:block;width:100%;background:none;border:none;color:var(--muted);font-size:11px;font-weight:600;padding:7px 12px;cursor:pointer;letter-spacing:0.1em;text-align:left;border-radius:6px;font-family:'Space Grotesk',sans-serif;transition:all 0.15s}
.theme-menu button:hover,.theme-menu button.active-theme{background:rgba(var(--ar),0.1);color:var(--accent)}
.theme-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}
/* ── OVERLAY / MODAL overrides (defeat inline styles) ──────────────────── */
#authOverlay{background:var(--bg) !important}
.is-authoverlay{background:var(--bg) !important}
#authOverlay > div,#subscribeModal > div,#donutExpandOverlay > div{background:var(--overlay-bg) !important;border-color:rgba(var(--ar),0.2) !important}
#authSubmitBtn{background:rgba(var(--ar),0.1) !important;border-color:rgba(var(--ar),0.3) !important;color:var(--accent) !important}
#authEmail,#authPassword,#authPasswordConfirm{color:var(--text) !important;background:rgba(var(--ar),0.05) !important;border-color:rgba(var(--ar),0.15) !important}
#authOverlay .is-h2{color:var(--accent);text-shadow:0 0 20px rgba(var(--ar),0.5)}
#authOverlay .is-p-2{color:var(--accent)}
#authOverlay .is-p-3{color:var(--text);opacity:0.7}
#authOverlay .is-authverifyemail{color:var(--text)}
#authOverlay .is-button-5{color:var(--accent);border-color:rgba(var(--ar),0.3)}
#authOverlay .is-button-3{background:rgba(var(--ar),0.05);border-color:rgba(var(--ar),0.15)}
#authOverlay .is-div-7{background:rgba(var(--ar),0.15)}
/* Light mode: fix inline semantic colors for contrast */
[data-theme=light] [style*="color:#e0f0ff"],[data-theme=lpink] [style*="color:#e0f0ff"]{color:var(--text) !important}
[data-theme=light] [style*="color:#4a7a99"],[data-theme=lpink] [style*="color:#4a7a99"]{color:var(--muted) !important}
[data-theme=light] [style*="color:#00d4ff"],[data-theme=lpink] [style*="color:#00d4ff"]{color:var(--accent) !important}
[data-theme=light] [style*="color:#00ff9f"],[data-theme=lpink] [style*="color:#00ff9f"]{color:var(--income) !important}
[data-theme=light] [style*="color:#bf7fff"],[data-theme=lpink] [style*="color:#bf7fff"]{color:var(--portfolio) !important}
[data-theme=light] [style*="text-shadow"],[data-theme=lpink] [style*="text-shadow"]{text-shadow:none !important}
[data-theme=light] #patrimonioTotal,[data-theme=lpink] #patrimonioTotal{color:var(--accent) !important;text-shadow:none !important}
/* Green backgrounds and borders */
[data-theme=light] [style*="background:#00ff9f"],[data-theme=lpink] [style*="background:#00ff9f"]{background:var(--income) !important}
[data-theme=light] [style*="background:rgba(0,255,159"],[data-theme=lpink] [style*="background:rgba(0,255,159"]{background:var(--income-bg) !important}
[data-theme=light] [style*="border:1px solid rgba(0,255,159"],[data-theme=lpink] [style*="border:1px solid rgba(0,255,159"]{border-color:var(--income-border) !important}
[data-theme=light] [style*="border-color:#00ff9f"],[data-theme=lpink] [style*="border-color:#00ff9f"]{border-color:var(--income) !important}
[data-theme=light] [style*="color:#00ff9f"] .dot{background:var(--income) !important;box-shadow:0 0 6px rgba(5,77,40,0.4) !important}
[data-theme=lpink] [style*="color:#00ff9f"] .dot{background:var(--income) !important;box-shadow:0 0 6px rgba(7,100,50,0.4) !important}
[data-theme=light] .is-card-title,[data-theme=lpink] .is-card-title{color:var(--income) !important}
[data-theme=light] .is-dot,[data-theme=lpink] .is-dot{background:var(--income) !important;color:var(--income) !important;box-shadow:none}
[data-theme=light] .is-authresetok,[data-theme=lpink] .is-authresetok{color:var(--income) !important}
[data-theme=lpink] .fut-input{background:rgba(var(--ar),0.04);border-color:rgba(var(--ar),0.2)}
[data-theme=lpink] .theme-menu{box-shadow:0 8px 24px rgba(212,48,122,0.15)}
[data-theme=pro] .scan-line{display:none}
[data-theme=pro] .grid-bg{background-image:none}
[data-theme=pro] .metric{background:var(--card-bg);box-shadow:0 2px 10px rgba(0,0,0,0.25)}
[data-theme=pro] .card{box-shadow:0 2px 12px rgba(0,0,0,0.2)}
[data-theme=pro] .proj-card{box-shadow:0 2px 12px rgba(0,0,0,0.2)}
[data-theme=pro] .theme-menu{box-shadow:0 8px 24px rgba(0,0,0,0.35)}
[data-theme=pro] h1{text-shadow:none}
[data-theme=pro] [style*="text-shadow"]{text-shadow:none !important}
[data-theme=pro] #patrimonioTotal{color:var(--accent) !important;text-shadow:none !important}
/* Pink mode: fix inline colors */
[data-theme=pink] [style*="color:#00ff9f"]{color:var(--income) !important}
[data-theme=pink] [style*="color:#bf7fff"]{color:var(--portfolio) !important}
[data-theme=pink] [style*="color:#00d4ff"]{color:var(--accent) !important}
[data-theme=pink] #patrimonioTotal{color:var(--accent) !important}
/* Green mode: inline overrides */
[data-theme=green] [style*="color:#00d4ff"]{color:var(--accent) !important}
[data-theme=green] [style*="color:#bf7fff"]{color:var(--portfolio) !important}
[data-theme=green] #patrimonioTotal{color:var(--accent) !important}
/* Negative mode: replace all color glows/accents */
[data-theme=negative] [style*="color:#00d4ff"]{color:var(--accent) !important}
[data-theme=negative] [style*="color:#00ff9f"]{color:var(--income) !important}
[data-theme=negative] [style*="color:#bf7fff"]{color:var(--portfolio) !important}
[data-theme=negative] [style*="color:#e0f0ff"]{color:var(--text) !important}
[data-theme=negative] [style*="color:#4a7a99"]{color:var(--muted) !important}
[data-theme=negative] [style*="text-shadow"]{text-shadow:none !important}
[data-theme=negative] #patrimonioTotal{color:var(--accent) !important;text-shadow:none !important}
[data-theme=negative] .metric::before{display:none}
/* ── ONBOARDING ─────────────────────────────────────────────────────────── */
#onboardingOverlay{display:none}
#onboardingOverlay.active{display:flex}
.ob-step{width:28px;height:4px;border-radius:2px;background:rgba(0,212,255,0.15);transition:all 0.3s}
.ob-step.active{background:#00d4ff;box-shadow:0 0 8px rgba(0,212,255,0.5);width:40px}
.ob-investor-card{border:1px solid rgba(0,212,255,0.12);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all 0.2s}
.ob-investor-card:hover{border-color:rgba(0,212,255,0.3);background:rgba(0,212,255,0.04)}
.ob-investor-card.selected{border-color:var(--sel-color,#00d4ff);background:rgba(0,212,255,0.07);box-shadow:0 0 12px rgba(0,212,255,0.1)}
#ob-inv-conservador.selected{border-color:#00d4ff;background:rgba(0,212,255,0.07);box-shadow:0 0 12px rgba(0,212,255,0.12)}
#ob-inv-moderado.selected{border-color:#00ff9f;background:rgba(0,255,159,0.07);box-shadow:0 0 12px rgba(0,255,159,0.12)}
#ob-inv-ambicioso.selected{border-color:#bf7fff;background:rgba(191,127,255,0.07);box-shadow:0 0 12px rgba(191,127,255,0.12)}
.ob-theme-card{border:1px solid rgba(0,212,255,0.1);border-radius:10px;padding:10px;cursor:pointer;transition:all 0.2s;text-align:center}
.ob-theme-card:hover{border-color:rgba(var(--th,0,212,255),0.4)}
.ob-theme-card.selected{border-color:var(--th,#00d4ff);box-shadow:0 0 10px rgba(0,212,255,0.2)}
/* ── FLUJO MOBILE PILLS (ocultas en escritorio) ──────────────────────────── */
.flujo-mobile-pills{display:none}
/* Etiquetas de campos cartera — wrapper transparente en desktop */
.car-lbl{display:none}
/* display:contents hace el wrapper invisible en desktop: el input queda como item flex directo */
.car-labeled{display:contents}
/* ── MOBILE ─────────────────────────────────────────────────────────────── */
@media(max-width:1100px){
html{zoom:1}
/* 1. HEADER ───────────────── */
.header{
display:flex;
flex-wrap:wrap;
align-items:center;
row-gap:6px;
column-gap:6px;
margin-bottom:1rem;
}
.header > *{flex-shrink:0}
.header h1{flex:1 1 auto;min-width:120px;font-size:18px;white-space:nowrap;margin-right:auto}
.version{display:none}
#saveBtn{padding:6px 10px;font-size:11px}
.theme-toggle-btn{padding:5px 8px;font-size:10px}
#subscribeBtn{font-size:10px;padding:6px 8px}
#guestLangBtn,#userEmailBtn,#seguimientoBtn{font-size:9px;padding:6px 8px}
#saveStatus{display:none}
.cartera-freq-label{display:none}
/* 1c. HEADER MENU (hamburguesa) ─── */
#headerMenuBtn{display:flex!important}
.theme-switcher,.is-contactbtn,.is-logoutbtn,.privacy-btn{display:none!important}
/* 1b. HEADER — pantallas muy pequeñas ───────────────── */
@media(max-width:600px){
.header{
display:flex;
flex-wrap:wrap;
align-items:center;
row-gap:5px;
column-gap:5px;
margin-bottom:1rem;
}
.header > *{flex-shrink:0}
.header h1{flex:1 1 auto;min-width:0;max-width:160px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:auto}
#subscribeBtn{font-size:9px;padding:5px 8px;flex-shrink:0;white-space:nowrap}
#guestLangBtn,#userEmailBtn,#seguimientoBtn{font-size:8px;padding:5px 7px;display:none!important}
}
/* 2. METRICS ──────────────── */
.metrics{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:6px;
margin-bottom:1rem;
overflow:visible;
}
.metrics.metrics-cartera{grid-template-columns:repeat(3,1fr)}
.metric{
padding:0.6rem 0.5rem;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
.metric-label{font-size:8px;letter-spacing:0.08em;margin-bottom:4px;text-align:center;line-height:1.3}
.metric-val{font-size:clamp(11px,4vw,20px);font-weight:700;text-align:center;width:100%;white-space:nowrap;overflow:hidden}
/* 3. INPUTS nombre — no se desborden */
.row-item .fut-input.nombre{flex:1.5 1 0;min-width:64px;width:0}
.fut-input{min-width:0}
/* Tabs */
.tab-bar{gap:1px;padding:3px;margin-bottom:1rem}
.tab{font-size:10px;padding:7px 1px;letter-spacing:0}
tv-economic-map{height:320px}
.advanced-chart-wrap{height:380px}
.heatmap-wrap{height:360px}
.mercados-row{grid-template-columns:1fr;gap:0.75rem}
.mercados-widget-tall{height:400px}
/* Cards */
.card{padding:0.875rem 0.75rem}
/* 4. FLUJO mobile: pills selector, oculta el two-col */
.flujo-mobile-pills{display:block;margin-bottom:10px}
.two-col{grid-template-columns:1fr;gap:0}
/* Ambas cards ocultas por defecto en móvil */
#flujoCardIngresos,#flujoCardGastos{display:none}
/* Solo la activa se muestra */
#flujoCardIngresos.mob-active,#flujoCardGastos.mob-active{display:block}
/* Proyección controles */
.proj-metrics{grid-template-columns:repeat(3,minmax(110px,1fr));overflow-x:auto}
@media(max-width:600px){
.proj-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}
.proj-metrics .metric{padding:0.55rem 0.35rem;text-align:center}
}
.controls{gap:6px;flex-wrap:wrap}
/* Cartera: card layout on mobile */
.cartera-header{display:none!important}
#listCartera{overflow-x:visible}
/* Fila: bloque simple con borde */
.cartera-row{
display:block!important;
border-radius:10px;
background:rgba(var(--ar),0.04);
border:1px solid rgba(var(--ar),0.1);
margin-bottom:8px;
overflow:hidden;
}
/* Resumen: siempre visible, una sola línea */
.cartera-summary{
display:flex!important;
align-items:flex-end;
gap:8px;
padding:10px 12px;
cursor:pointer;
user-select:none;
}
/* Detalle: oculto por defecto, se muestra al expandir */
.cartera-detail{
display:none!important;
padding:10px 12px 12px;
border-top:1px solid rgba(var(--ar),0.1);
row-gap:8px;column-gap:8px;
}
.cartera-row.expanded .cartera-detail{display:grid!important}
.cartera-detail>*{width:auto!important;min-width:0!important;flex-shrink:unset!important}
/* ── READ-ONLY layout ── */
.cartera-detail:not(:has(.car-labeled)){
grid-template-areas:
"s n t ."
"s v p ."
". pl pe ."
". u c .";
grid-template-columns:28px 1fr 1fr auto;
}
/* ── ADMIN layout ── */
.cartera-detail:has(.car-labeled){
grid-template-areas:
"s n n n n"
"s t p p d"
". u c c ."
". v pl pe .";
grid-template-columns:28px 1fr 1fr 1fr 32px;
}
/* Etiquetas */
.car-lbl{
display:block;
font-size:9px;letter-spacing:0.1em;
color:#4a7a99;font-weight:600;
font-family:'Space Grotesk',sans-serif;
margin-bottom:3px;
}
.car-labeled{display:flex!important;flex-direction:column}
.car-labeled .fut-input{width:100%!important;min-height:38px;font-size:14px!important;padding:6px 8px!important}
/* Pseudo-etiqueta PRECIO */
.cartera-detail:has(.car-labeled) .car-p::before{
content:'PRECIO';
display:block;
font-size:9px;letter-spacing:0.1em;color:#4a7a99;font-weight:600;
font-family:'Space Grotesk',sans-serif;
margin-bottom:3px;
}
/* Áreas de grid */
.car-n{grid-area:n;align-self:start}
.car-t{grid-area:t}
.car-p{grid-area:p;align-self:start;display:flex;flex-direction:column;gap:2px}
.car-u{grid-area:u}
.car-c{grid-area:c}
.car-v{grid-area:v}
.car-pl{grid-area:pl;align-self:center;font-size:15px!important;font-weight:600!important}
.car-pe{grid-area:pe;align-self:center;text-align:right!important;justify-self:end;font-size:12px!important;color:#a0c0d0!important}
.car-del{grid-area:d;align-self:center;justify-self:end;color:#ff4d6d!important}
.car-s{grid-area:s;align-self:start;justify-self:center;padding-top:2px}
/* Separador visual en nombre */
.car-n{padding-bottom:8px;border-bottom:1px solid rgba(var(--ar),0.1)}
/* Read-only spans */
.cartera-detail:not(:has(.car-labeled)) .car-n{
font-size:13px!important;font-weight:600!important;color:#e0f0ff!important;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cartera-detail:not(:has(.car-labeled)) .car-t{
font-size:10px!important;font-weight:700!important;
letter-spacing:0.07em!important;color:#4a7a99!important;
align-self:center;text-align:center;
}
.cartera-detail:not(:has(.car-labeled)) .car-v{
font-size:20px!important;font-weight:700!important;color:#bf7fff!important;align-self:center;
}
/* Admin nombre */
.cartera-detail:has(.car-labeled) .car-n{flex-direction:column!important;align-items:stretch!important}
.cartera-detail:has(.car-labeled) .car-n input{width:100%!important;min-height:38px;font-size:14px!important;padding:6px 8px!important}
/* Pat total bar */
.pat-total-bar{padding:0.75rem 1rem}
/* Theme menu */
.theme-menu{right:0;min-width:100px}
/* Donut expand overlay */
#donutExpandBox{padding:1rem}
}
/* ── EVENTOS EXTRAORDINARIOS ──────────────────────────────────────────────── */
.ext-item-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid rgba(74,122,153,0.1)}
.ext-item-row:last-child{border-bottom:none}
.ext-item-row input{box-sizing:border-box}
@media(max-width:1060px){.ext-two-col{grid-template-columns:1fr !important}}
/* Date picker styling — dark calendar popup + purple icon */
#extModal input[type="date"]{color-scheme:dark}
#extModal input[type="date"]::-webkit-calendar-picker-indicator{
background:transparent;
cursor:pointer;
border-radius:3px;
padding:2px;
opacity:0.75;
/* recolor to app purple #bf7fff */
filter:invert(67%) sepia(40%) saturate(900%) hue-rotate(220deg) brightness(115%);
transition:opacity 0.2s;
}
#extModal input[type="date"]::-webkit-calendar-picker-indicator:hover{opacity:1}
#extModal input[type="date"]::-webkit-datetime-edit-month-field:focus,
#extModal input[type="date"]::-webkit-datetime-edit-day-field:focus,
#extModal input[type="date"]::-webkit-datetime-edit-year-field:focus{
background:rgba(191,127,255,0.2);
border-radius:3px;
color:#bf7fff;
outline:none;
}
/* ═══════════════════════════════════════════════════════════════════════
EXTRACTED INLINE STYLES
═══════════════════════════════════════════════════════════════════════ */
.is-strong /* 17× */ {
color: #e0f0ff;
}
.is-span-9 /* 10× */ {
color: #00d4ff;
}
.is-button-6 /* 6× */ {
position: absolute;
top: 14px;
right: 16px;
background: none;
border: none;
color: #4a7a99;
font-size: 20px;
cursor: pointer;
line-height: 1;
}
.is-cinfo-body /* 6× */ {
font-size: 12px;
color: var(--text);
line-height: 1.7;
margin-top: 8px;
}
.is-div-11 /* 6× */ {
text-align: center;
margin-bottom: 1.5rem;
}
.is-div-21 /* 6× */ {
gap: 8px;
}
.is-precioanualmes /* 6× */ {
color: #bf7fff;
}
.is-div-25 /* 5× */ {
font-size: 11px;
color: #4a7a99;
margin-top: 5px;
letter-spacing: 0.08em;
}
.is-div-71 /* 5× */ {
font-size: 9px;
letter-spacing: 0.15em;
color: #4a7a99;
margin-bottom: 7px;
}
.is-donutingresos /* 5× */ {
max-height: 260px;
}
.is-label-2 /* 5× */ {
font-size: 10px;
letter-spacing: 0.1em;
color: #4a7a99;
margin-bottom: 4px;
}
.is-lang-btn /* 5× */ {
flex: 1;
}
.is-legendingresos /* 5× */ {
margin-top: 12px;
}
.is-button-8 /* 4× */ {
flex: 0 0 auto;
background: none;
border: 1px solid rgba(0,212,255,0.15);
border-radius: 8px;
color: #4a7a99;
font-size: 12px;
font-weight: 600;
padding: 10px 14px;
cursor: pointer;
font-family: 'Space Grotesk',sans-serif;
}
.is-div-14 /* 4× */ {
font-size: 10px;
color: #4a7a99;
margin-top: 4px;
}
.is-div-24 /* 4× */ {
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
color: #00d4ff;
}
.is-span-18 /* 4× */ {
color: #00ff9f;
font-weight: 600;
}
.is-span-19 /* 4× */ {
color: #00d4ff;
font-weight: 600;
}
.is-span-2 /* 4× */ {
color: #00ff9f;
font-weight: 700;
text-shadow: 0 0 10px rgba(0,255,159,0.3);
}
.is-authemail /* 3× */ {
width: 100%;
margin-bottom: 8px;
}
.is-button-17 /* 3× */ {
position: absolute;
top: 12px;
right: 14px;
background: none;
border: none;
color: #4a7a99;
font-size: 20px;
cursor: pointer;
line-height: 1;
}
.is-button-9 /* 3× */ {
flex: 1;
background: rgba(0,212,255,0.1);
border: 1px solid rgba(0,212,255,0.3);
border-radius: 8px;
color: #00d4ff;
font-size: 13px;
font-weight: 600;
padding: 10px;
cursor: pointer;
letter-spacing: 0.1em;
font-family: 'Space Grotesk',sans-serif;
}
.is-card /* 3× */ {
margin-top: 14px;
}
.is-div-27 /* 3× */ {
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
}
.is-div-28 /* 3× */ {
font-size: 11px;
color: #4a7a99;
line-height: 1.5;
}
.is-div-30 /* 3× */ {
font-size: 22px;
flex-shrink: 0;
}
.is-div-31 /* 3× */ {
text-align: left;
}
.is-div-33 /* 3× */ {
font-size: 9px;
color: #4a7a99;
margin-top: 2px;
}
.is-div-64 /* 3× */ {
margin-left: auto;
}
.is-div-73 /* 3× */ {
margin-bottom: 0.9rem;
}
.is-legend-item /* 3× */ {
color: #ff9f3f;
}
.is-span-23 /* 3× */ {
font-size: 11px;
color: #4a7a99;
}
.is-tickersearchmodal /* 3× */ {
position: fixed;
inset: 0;
background: rgba(5,10,18,0.88);
z-index: 400;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 1.25rem;
}
.is-authsubmitbtn /* 2× */ {
width: 100%;
background: rgba(0,212,255,0.1);
border: 1px solid rgba(0,212,255,0.3);
border-radius: 8px;
color: #00d4ff;
font-size: 13px;
font-weight: 600;
padding: 10px;
cursor: pointer;
letter-spacing: 0.1em;
font-family: 'Space Grotesk',sans-serif;
}
.is-button-31 /* 2× */ {
background: none;
border: none;
color: #00d4ff;
font-size: 11px;
cursor: pointer;
padding: 0;
text-decoration: underline;
}
.is-button-34 /* 2× */ {
position: absolute;
top: 14px;
right: 16px;
background: none;
border: none;
color: #4a7a99;
font-size: 22px;
cursor: pointer;
}
.is-button-37 /* 2× */ {
background: none;
border: none;
color: #4a7a99;
font-size: 10px;
cursor: pointer;
letter-spacing: 0.08em;
transition: color 0.2s;
}
.is-button-4 /* 2× */ {
background: none;
border: none;
color: #4a7a99;
font-size: 11px;
cursor: pointer;
text-decoration: underline;
letter-spacing: 0.05em;
}
.is-card-2 /* 2× */ {
margin-bottom: 14px;
}
.is-carterainfosynctext /* 2× */ {
font-size: 12px;
color: var(--text);
line-height: 1.7;
}
.is-chev-datos /* 2× */ {
color: #4a7a99;
font-size: 14px;
line-height: 1;
transition: transform 0.2s;
}
.is-ctrl-box-3 /* 2× */ {
background: rgba(0,255,159,0.04);
border: 1px solid rgba(0,255,159,0.15);
}
.is-ctrl-label-2 /* 2× */ {
color: #2a7a55;
}
.is-div-13 /* 2× */ {
font-size: 10px;
letter-spacing: 0.15em;
color: #4a7a99;
margin-bottom: 8px;
}
.is-div-131 /* 2× */ {
font-size: 10px;
color: #4a7a99;
margin-bottom: 20px;
}
.is-div-15 /* 2× */ {
font-size: 10px;
color: #4a7a99;
margin-top: 8px;
letter-spacing: 0.05em;
}
.is-div-26 /* 2× */ {
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.is-div-34 /* 2× */ {
margin-left: auto;
font-size: 9px;
font-weight: 600;
letter-spacing: 0.06em;
color: #c0c0cc;
background: rgba(180,180,200,0.1);
border: 1px solid rgba(180,180,200,0.3);
border-radius: 5px;
padding: 3px 7px;
white-space: nowrap;
}
.is-div-38 /* 2× */ {
font-size: 32px;
margin-bottom: 8px;
}
.is-div-39 /* 2× */ {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
}
.is-div-63 /* 2× */ {
justify-content: center;
margin-bottom: 16px;
}
.is-div-68 /* 2× */ {
margin-bottom: 0.9rem;
border: 1px solid rgba(0,212,255,0.08);
border-radius: 10px;
overflow: hidden;
}
.is-div-69 /* 2× */ {
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 8px 12px;
background: rgba(0,212,255,0.04);
}
.is-div-7 /* 2× */ {
flex: 1;
height: 1px;
background: rgba(0,212,255,0.1);
}
.is-div-72 /* 2× */ {
flex-direction: column;
gap: 5px;
}
.is-div-87 /* 2× */ {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
color: #00ff9f;
margin-bottom: 1.25rem;
}
.is-extlistgastos /* 2× */ {
flex-direction: column;
gap: 10px;
min-height: 36px;
}
.is-label /* 2× */ {
font-size: 10px;
letter-spacing: 0.12em;
color: #4a7a99;
margin-bottom: 5px;
}
.is-ob-err-1 /* 2× */ {
font-size: 11px;
color: #ff4d6d;
min-height: 16px;
margin-bottom: 10px;
text-align: center;
}
.is-patdonutlegend /* 2× */ {
margin-top: 10px;
}
.is-pill-bar /* 2× */ {
width: 100%;
}
.is-planmensual /* 2× */ {
border: 1px solid rgba(191,127,255,0.2);
border-radius: 12px;
padding: 1.25rem;
cursor: pointer;
transition: all 0.2s;
position: relative;
}
.is-preciomensual /* 2× */ {
font-size: 26px;
font-weight: 600;
color: #bf7fff;
}
.is-privacymodal /* 2× */ {
position: fixed;
inset: 0;
background: rgba(5,10,18,0.92);
z-index: 8000;
overflow-y: auto;
padding: 1.25rem;
align-items: flex-start;
justify-content: center;
}
.is-prof-datos-body /* 2× */ {
padding: 10px 12px 12px;
}
.is-prof-edad /* 2× */ {
width: 100%;
margin-bottom: 10px;
}
.is-prof-pass-err /* 2× */ {
font-size: 11px;
color: #ff4d6d;
min-height: 14px;
margin-bottom: 8px;
text-align: center;
}
.is-span-11 /* 2× */ {
color: #4a7a99;
}
.is-span-15 /* 2× */ {
font-size: 10px;
color: #2a7a55;
}
.is-span-16 /* 2× */ {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.1em;
color: #bf7fff;
}
.is-span-17 /* 2× */ {
font-size: 9px;
letter-spacing: 0.15em;
color: #4a7a99;
}
.is-span-24 /* 2× */ {
color: #bf7fff;
font-weight: 600;
font-size: 12px;
}
.is-span-26 /* 2× */ {
color: #00ff9f;
font-weight: 600;
font-size: 12px;
}
.is-tab-bar /* 2× */ {
margin-bottom: 1.25rem;
}
.is-tscatcripto /* 2× */ {
background: rgba(0,212,255,0.05);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 20px;
color: #4a7a99;
font-size: 10px;
font-weight: 600;
padding: 4px 12px;
cursor: pointer;
font-family: 'Space Grotesk',sans-serif;
letter-spacing: 0.08em;
transition: all 0.15s;
}
.is-a {
background: rgba(var(--ar),0.1);
border: 1px solid rgba(var(--ar),0.3);
border-radius: 10px;
padding: 12px 16px;
color: var(--accent);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.06em;
text-decoration: none;
transition: all 0.2s;
}
.is-a-2 {
color: #4a7a99;
text-decoration: none;
letter-spacing: 0.08em;
transition: color 0.2s;
}
.is-accountdeletedmodal {
position: fixed;
inset: 0;
z-index: 10003;
background: rgba(0,0,0,0.82);
align-items: center;
justify-content: center;
}
.is-autherror {
margin-top: 4px;
font-size: 11px;
color: #ff4d6d;
text-align: center;
letter-spacing: 0.05em;
min-height: 16px;
}
.is-authoverlay {
position: fixed;
inset: 0;
background: #050a12;
z-index: 100;
align-items: center;
justify-content: center;
padding: 1.25rem;
}
.is-authpasshint {
font-size: 10px;
color: #4a7a99;
letter-spacing: 0.04em;
margin-bottom: 10px;
line-height: 1.6;
}
.is-authpasswordconfirm {
width: 100%;
margin-bottom: 4px;
}
.is-authresendbox {
margin-top: 6px;
text-align: center;
}
.is-authresetok {
margin-top: 4px;
font-size: 11px;
color: #00ff9f;
text-align: center;
letter-spacing: 0.05em;
}
.is-authverifyarea {
text-align: center;
padding: 10px 0;
}
.is-authverifyemail {
font-size: 12px;
color: #e0e8f0;
font-weight: 600;
margin-bottom: 12px;
}
.is-btnveractivos {
margin-left: auto;
align-items: center;
gap: 5px;
background: rgba(var(--ar),0.08);
border: 1px solid rgba(var(--ar),0.2);
border-radius: 7px;
color: var(--accent);
font-size: 9px;
font-weight: 600;
padding: 5px 10px;
cursor: pointer;
letter-spacing: 0.06em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.btn-ia-patrimonio {
margin-left: 6px;
background: rgba(191,127,255,0.08);
border: 1px solid rgba(191,127,255,0.25);
color: #bf7fff;
}
.btn-ia-patrimonio:hover {
background: rgba(191,127,255,0.18);
box-shadow: 0 0 10px rgba(191,127,255,0.3);
}
.is-button {
width: 100%;
background: rgba(0,255,159,0.1);
border: 1px solid rgba(0,255,159,0.35);
border-radius: 10px;
color: var(--income);
font-size: 13px;
font-weight: 700;
padding: 12px;
cursor: pointer;
letter-spacing: 0.1em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
margin-bottom: 10px;
}
.is-button-10 {
flex: 1;
background: rgba(0,255,159,0.12);
border: 1px solid rgba(0,255,159,0.4);
border-radius: 8px;
color: #00ff9f;
font-size: 13px;
font-weight: 600;
padding: 10px;
cursor: pointer;
letter-spacing: 0.1em;
font-family: 'Space Grotesk',sans-serif;
}
.is-button-11 {
width: 100%;
margin: 14px 0 0;
background: rgba(191,127,255,0.05);
border: 1px dashed rgba(191,127,255,0.22);
border-radius: 10px;
color: #bf7fff;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.14em;
padding: 11px 16px;
cursor: pointer;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
align-items: center;
justify-content: center;
gap: 9px;
}
.is-button-12 {
background: rgba(0,255,159,0.07);
border: 1px solid rgba(0,255,159,0.35);
border-radius: 50%;
width: 30px;
height: 30px;
color: #00ff9f;
font-size: 14px;
font-weight: 400;
font-style: italic;
cursor: pointer;
padding: 0;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-family: Georgia,serif;
transition: all 0.2s;
letter-spacing: 0;
line-height: 1;
}
.is-button-13 {
background: rgba(191,127,255,0.07);
border: 1px solid rgba(191,127,255,0.35);
border-radius: 50%;
width: 16px;
height: 16px;
color: #bf7fff;
font-size: 10px;
font-weight: 400;
font-style: italic;
cursor: pointer;
padding: 0;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-family: Georgia,serif;
line-height: 1;
transition: all 0.2s;
margin-left: 6px;
}
.is-button-14 {
margin-left: auto;
background: rgba(191,127,255,0.08);
border: 1px solid rgba(191,127,255,0.3);
border-radius: 8px;
padding: 5px 10px;
cursor: pointer;
align-items: center;
gap: 6px;
transition: all 0.2s;
flex-shrink: 0;
}
.is-button-15 {
margin-left: 6px;
background: rgba(191,127,255,0.08);
border: 1px solid rgba(191,127,255,0.3);
border-radius: 8px;
padding: 5px 10px;
cursor: pointer;
align-items: center;
gap: 6px;
transition: all 0.2s;
flex-shrink: 0;
}
.is-button-16 {
position: absolute;
top: 12px;
right: 14px;
background: none;
border: none;
color: #4a7a99;
font-size: 20px;
cursor: pointer;
line-height: 1;
font-family: 'Space Grotesk',sans-serif;
}
.is-button-18 {
width: 100%;
background: rgba(0,212,255,0.1);
border: 1px solid rgba(0,212,255,0.3);
border-radius: 8px;
color: #00d4ff;
font-size: 12px;
font-weight: 600;
padding: 9px;
cursor: pointer;
letter-spacing: 0.1em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-button-19 {
background: rgba(0,255,159,0.07);
border: 1px solid rgba(0,255,159,0.35);
border-radius: 50%;
width: 16px;
height: 16px;
color: #00ff9f;
font-size: 10px;
font-weight: 400;
font-style: italic;
cursor: pointer;
padding: 0;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-family: Georgia,serif;
line-height: 1;
}
.is-button-2 {
width: 100%;
background: none;
border: 1px solid rgba(var(--ar),0.2);
border-radius: 10px;
color: var(--accent);
font-size: 12px;
font-weight: 600;
padding: 10px;
cursor: pointer;
letter-spacing: 0.08em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-button-20 {
flex: 1;
background: rgba(0,255,159,0.06);
border: 1px solid rgba(0,255,159,0.2);
border-radius: 8px;
color: #00ff9f;
font-size: 11px;
font-weight: 600;
padding: 8px 6px;
cursor: pointer;
letter-spacing: 0.08em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-button-22 {
flex: 1;
background: rgba(0,212,255,0.06);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 8px;
color: #00d4ff;
font-size: 11px;
font-weight: 600;
padding: 8px 6px;
cursor: pointer;
letter-spacing: 0.08em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.btn-html-report {
width: 100%;
margin-top: 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
background: rgba(191,127,255,0.06);
border: 1px solid rgba(191,127,255,0.2);
border-radius: 8px;
color: #bf7fff;
font-size: 11px;
font-weight: 600;
padding: 10px 6px;
cursor: pointer;
letter-spacing: 0.08em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.btn-html-report:hover {
background: rgba(191,127,255,0.15);
border-color: rgba(191,127,255,0.4);
box-shadow: 0 0 12px rgba(191,127,255,0.2);
}
.is-button-21 {
width: 100%;
background: transparent;
border: 1px solid rgba(0,212,255,0.15);
border-radius: 8px;
color: #4a7a99;
font-size: 11px;
font-weight: 600;
padding: 9px;
cursor: pointer;
letter-spacing: 0.12em;
font-family: 'Space Grotesk',sans-serif;
margin-bottom: 20px;
transition: all 0.2s;
}
.is-button-21:hover {
background: rgba(0,212,255,0.06);
border-color: rgba(0,212,255,0.3);
color: #00d4ff;
}
.is-button-22 {
background: none;
border: 1px solid rgba(255,77,109,0.15);
border-radius: 8px;
color: #4a7a99;
font-size: 10px;
font-weight: 600;
padding: 8px 20px;
cursor: pointer;
letter-spacing: 0.1em;
font-family: 'Space Grotesk',sans-serif;
text-align: center;
transition: all 0.2s;
width: auto;
}
.is-button-23 {
width: 100%;
background: rgba(255,77,109,0.1);
border: 1px solid rgba(255,77,109,0.35);
border-radius: 8px;
color: #ff4d6d;
font-size: 12px;
font-weight: 600;
padding: 9px;
cursor: pointer;
letter-spacing: 0.1em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-button-24 {
background: rgba(0,255,159,0.1);
border: 1px solid rgba(0,255,159,0.3);
border-radius: 8px;
color: #00ff9f;
font-size: 12px;
font-weight: 600;
padding: 0 14px;
cursor: pointer;
font-family: 'Space Grotesk',sans-serif;
white-space: nowrap;
transition: all 0.2s;
}
.is-button-25 {
flex: 1;
background: rgba(0,212,255,0.08);
border: 1px solid rgba(0,212,255,0.25);
border-radius: 8px;
color: #00d4ff;
font-size: 12px;
font-weight: 600;
padding: 10px;
cursor: pointer;
letter-spacing: 0.08em;
font-family: 'Space Grotesk',sans-serif;
}
.is-button-26 {
flex: 1;
background: rgba(255,77,109,0.1);
border: 1px solid rgba(255,77,109,0.3);
border-radius: 8px;
color: #ff4d6d;
font-size: 12px;
font-weight: 600;
padding: 10px;
cursor: pointer;
letter-spacing: 0.08em;
font-family: 'Space Grotesk',sans-serif;
}
.is-button-27 {
width: 100%;
background: rgba(255,77,109,0.1);
border: 1px solid rgba(255,77,109,0.3);
border-radius: 8px;
color: #ff4d6d;
font-size: 12px;
font-weight: 600;
padding: 10px;
cursor: pointer;
letter-spacing: 0.08em;
font-family: 'Space Grotesk',sans-serif;
}
.is-button-28 {
width: 100%;
background: rgba(191,127,255,0.08);
border: 1px solid rgba(191,127,255,0.3);
border-radius: 10px;
cursor: pointer;
align-items: center;
justify-content: space-between;
padding: 11px 14px;
transition: all 0.2s;
font-family: 'Space Grotesk',sans-serif;
}
.is-button-29 {
margin-top: 12px;
width: 100%;
background: rgba(255,77,109,0.06);
border: 1px dashed rgba(255,77,109,0.3);
border-radius: 8px;
color: #ff4d6d;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.1em;
padding: 8px;
cursor: pointer;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-button-3 {
width: 100%;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 8px;
color: #e0e8f0;
font-size: 13px;
font-weight: 600;
padding: 10px;
cursor: pointer;
letter-spacing: 0.05em;
font-family: 'Space Grotesk',sans-serif;
align-items: center;
justify-content: center;
gap: 10px;
}
.is-button-30 {
margin-top: 12px;
width: 100%;
background: rgba(0,255,159,0.06);
border: 1px dashed rgba(0,255,159,0.3);
border-radius: 8px;
color: #00ff9f;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.1em;
padding: 8px;
cursor: pointer;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-button-32 {
background: #00d4ff;
border: none;
border-radius: 8px;
color: #050a12;
font-size: 11px;
font-weight: 700;
padding: 8px 18px;
cursor: pointer;
letter-spacing: 0.1em;
white-space: nowrap;
}
.is-button-33 {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 8px;
color: #4a7a99;
font-size: 11px;
padding: 8px 14px;
cursor: pointer;
white-space: nowrap;
}
.is-button-35 {
margin-top: 10px;
background: rgba(0,212,255,0.1);
border: 1px solid rgba(0,212,255,0.3);
border-radius: 8px;
color: #00d4ff;
font-size: 11px;
font-weight: 700;
padding: 10px 24px;
cursor: pointer;
letter-spacing: 0.1em;
}
.is-button-36 {
margin-top: 10px;
background: rgba(191,127,255,0.1);
border: 1px solid rgba(191,127,255,0.3);
border-radius: 8px;
color: #bf7fff;
font-size: 11px;
font-weight: 700;
padding: 10px 24px;
cursor: pointer;
letter-spacing: 0.1em;
}
.is-button-5 {
background: none;
border: 1px solid rgba(0,212,255,0.3);
border-radius: 8px;
color: #00d4ff;
font-size: 12px;
font-weight: 600;
padding: 8px 16px;
cursor: pointer;
letter-spacing: 0.08em;
}
.is-button-7 {
background: rgba(191,127,255,0.1);
border: 1px solid rgba(191,127,255,0.3);
border-radius: 8px;
color: #bf7fff;
font-size: 10px;
font-weight: 700;
padding: 9px 16px;
cursor: pointer;
letter-spacing: 0.1em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
white-space: nowrap;
}
.is-cancelsubbtn {
background: none;
border: none;
color: #4a7a99;
font-size: 10px;
cursor: pointer;
letter-spacing: 0.08em;
font-family: 'Space Grotesk',sans-serif;
padding: 4px 0;
text-align: center;
transition: color 0.2s;
opacity: 0.6;
}
.is-card-3 {
align-items: center;
}
.is-card-head {
flex-wrap: wrap;
row-gap: 6px;
}
.is-card-title {
color: #00ff9f;
letter-spacing: 0.12em;
}
.is-card-title-2 {
color: #ff4d6d;
letter-spacing: 0.12em;
}
.is-card-title-3 {
color: var(--muted);
letter-spacing: 0.1em;
}
.is-card-title-4 {
color: #bf7fff;
letter-spacing: 0.12em;
}
.is-cartera-freq-label {
font-size: 11px;
color: #6a8a9a;
letter-spacing: 0.04em;
margin-left: 8px;
flex-shrink: 0;
}
.is-carterapricestatus {
font-size: 10px;
color: #4a7a99;
letter-spacing: 0.06em;
margin-left: 10px;
}
.is-carteraresumenbody {
flex-direction: column;
gap: 14px;
}
.is-carteraresumendonut {
max-height: 300px;
}
.is-carteraresumendonutchev {
font-size: 16px;
color: #bf7fff;
transition: transform 0.2s;
line-height: 1;
}
.is-carteraresumenoverlay {
position: fixed;
inset: 0;
background: rgba(5,10,18,0.9);
z-index: 300;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 1.5rem;
}
.is-carteraresumenrate {
font-size: 10px;
color: #4a7a99;
letter-spacing: 0.06em;
margin-top: 14px;
}
.is-carteraresumenstatus {
font-size: 10px;
color: #4a7a99;
letter-spacing: 0.06em;
margin-top: 6px;
}
.is-consentbanner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9000;
background: rgba(5,10,18,0.97);
border-top: 1px solid rgba(0,212,255,0.2);
padding: 14px 20px;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.is-contactbtn {
background: none;
border: 1px solid rgba(var(--ar),0.2);
border-radius: 50%;
width: 32px;
height: 32px;
color: #4a7a99;
cursor: pointer;
padding: 0;
flex-shrink: 0;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.is-contactbtn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.is-contactmodal {
position: fixed;
inset: 0;
background: rgba(5,10,18,0.88);
z-index: 10004;
align-items: center;
justify-content: center;
padding: 1.25rem;
}
.is-ctrl-box {
background: rgba(0,212,255,0.05);
border: 1px solid rgba(0,212,255,0.12);
}
.is-ctrl-box-2 {
background: rgba(255,159,63,0.05);
border: 1px solid rgba(255,159,63,0.2);
}
.is-ctrl-label {
color: #a06030;
}
.is-cuponinput {
flex: 1;
background: rgba(191,127,255,0.05);
border: 1px solid rgba(191,127,255,0.2);
border-radius: 8px;
color: var(--text);
font-size: 12px;
padding: 9px 12px;
font-family: 'Space Grotesk',sans-serif;
outline: none;
letter-spacing: 0.06em;
transition: border-color 0.2s;
}
.is-cuponmsg {
font-size: 10px;
margin-top: 7px;
min-height: 14px;
text-align: center;
letter-spacing: 0.04em;
}
.is-div {
background: var(--overlay-bg);
border: 1px solid rgba(0,212,255,0.25);
border-radius: 16px;
padding: 2rem;
width: 100%;
max-width: 380px;
text-align: center;
position: relative;
margin: auto;
}
.is-div-10 {
background: rgba(5,20,35,0.98);
border: 1px solid rgba(191,127,255,0.3);
border-radius: 16px;
padding: 2rem;
width: 100%;
max-width: 480px;
position: relative;
margin: auto;
}
.is-div-100 {
background: #0d1929;
border: 1px solid rgba(255,77,109,0.3);
border-radius: 14px;
padding: 32px 26px 26px;
max-width: 330px;
width: 90%;
text-align: center;
box-shadow: 0 8px 40px rgba(0,0,0,0.9);
}
.is-div-101 {
font-size: 36px;
margin-bottom: 14px;
}
.is-div-102 {
font-size: 13px;
font-weight: 700;
color: #e0f0ff;
letter-spacing: 0.08em;
margin-bottom: 10px;
}
.is-div-103 {
font-size: 12px;
color: #a0c0d0;
line-height: 1.7;
margin-bottom: 6px;
}
.is-div-104 {
font-size: 11px;
color: #4a7a99;
margin-bottom: 24px;
}
.is-div-105 {
background: var(--overlay-bg);
border: 1px solid rgba(var(--ar),0.25);
border-radius: 16px;
padding: 2rem 1.75rem 1.75rem;
max-width: 360px;
width: 100%;
text-align: center;
position: relative;
box-shadow: 0 8px 48px rgba(0,0,0,0.7);
}
.is-div-106 {
width: 72px;
height: 72px;
border-radius: 50%;
background: rgba(var(--ar),0.1);
border: 1px solid rgba(var(--ar),0.25);
align-items: center;
justify-content: center;
margin: 0 auto 1.25rem;
}
.is-div-107 {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
color: var(--accent);
margin-bottom: 0.9rem;
}
.is-div-108 {
background: var(--overlay-bg);
border: 1px solid rgba(191,127,255,0.25);
border-radius: 16px;
padding: 1.75rem;
width: 100%;
max-width: 460px;
position: relative;
margin: auto;
}
.is-div-109 {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
color: #bf7fff;
margin-bottom: 1.25rem;
}
.is-div-110 {
flex-direction: column;
gap: 8px;
}
.is-div-111 {
background: rgba(0,255,159,0.07);
border: 1px solid rgba(0,255,159,0.25);
border-radius: 10px;
padding: 10px 14px;
}
.is-div-112 {
font-size: 10px;
letter-spacing: 0.12em;
color: #00ff9f;
margin-bottom: 6px;
font-weight: 700;
}
.is-div-113 {
font-size: 12px;
color: #00ff9f;
line-height: 1.7;
}
.is-div-114 {
background: rgba(255,179,71,0.07);
border: 1px solid rgba(255,179,71,0.2);
border-radius: 10px;
padding: 10px 14px;
}
.is-div-115 {
font-size: 10px;
letter-spacing: 0.12em;
color: #ffb347;
margin-bottom: 6px;
font-weight: 700;
}
.is-div-116 {
background: rgba(191,127,255,0.07);
border: 1px solid rgba(191,127,255,0.2);
border-radius: 10px;
padding: 10px 14px;
}
.is-div-117 {
font-size: 10px;
letter-spacing: 0.12em;
color: #bf7fff;
margin-bottom: 6px;
font-weight: 700;
}
.is-div-118 {
background: rgba(5,20,35,0.98);
border: 1px solid rgba(191,127,255,0.25);
border-radius: 16px;
padding: 1.75rem;
width: 100%;
max-width: 420px;
position: relative;
margin: auto;
}
.is-div-119 {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
color: #bf7fff;
margin-bottom: 1.25rem;
align-items: center;
gap: 8px;
}
.is-div-12 {
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 10px;
}
.is-div-120 {
margin-top: 18px;
}
.is-div-121 {
align-items: center;
gap: 8px;
}
.is-div-122 {
background: var(--overlay-bg);
border: 1px solid rgba(191,127,255,0.2);
border-radius: 16px;
padding: 1.75rem;
width: 100%;
max-width: 720px;
position: relative;
margin: auto;
}
.is-div-123 {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
color: #bf7fff;
margin-bottom: 4px;
}
.is-div-124 {
font-size: 11px;
color: #4a7a99;
margin-bottom: 1.4rem;
line-height: 1.65;
}
.is-div-125 {
background: rgba(255,77,109,0.04);
border: 1px solid rgba(255,77,109,0.18);
border-radius: 12px;
padding: 14px;
}
.is-div-126 {
font-size: 9px;
font-weight: 700;
letter-spacing: 0.14em;
color: #ff4d6d;
margin-bottom: 12px;
}
.is-div-127 {
background: rgba(0,255,159,0.04);
border: 1px solid rgba(0,255,159,0.18);
border-radius: 12px;
padding: 14px;
}
.is-div-128 {
font-size: 9px;
font-weight: 700;
letter-spacing: 0.14em;
color: #00ff9f;
margin-bottom: 12px;
}
.is-div-129 {
background: #0d1929;
border: 1px solid rgba(0,212,255,0.2);
border-radius: 16px;
padding: 2rem;
width: 100%;
max-width: 680px;
margin: auto;
position: relative;
color: #a0c0d0;
font-size: 13px;
line-height: 1.7;
}
.is-div-130 {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
color: #00d4ff;
margin-bottom: 6px;
}
.is-div-132 {
background: #0d1929;
border: 1px solid rgba(191,127,255,0.2);
border-radius: 16px;
padding: 2rem;
width: 100%;
max-width: 680px;
margin: auto;
position: relative;
color: #a0c0d0;
font-size: 13px;
line-height: 1.7;
}
.is-div-133 {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
color: #bf7fff;
margin-bottom: 6px;
}
.is-div-16 {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
background: #bf7fff;
color: #050a12;
font-size: 9px;
font-weight: 700;
padding: 3px 10px;
border-radius: 20px;
letter-spacing: 0.1em;
white-space: nowrap;
}
.is-div-17 {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
background: #c9a84c;
color: #050a12;
font-size: 9px;
font-weight: 700;
padding: 3px 12px;
border-radius: 20px;
letter-spacing: 0.1em;
white-space: nowrap;
}
.is-div-18 {
font-size: 10px;
letter-spacing: 0.15em;
color: #a08030;
margin-bottom: 4px;
}
.is-div-19 {
font-size: 10px;
color: #7a6020;
letter-spacing: 0.03em;
}
.is-div-2 {
font-size: 32px;
margin-bottom: 12px;
}
.is-div-20 {
text-align: right;
flex-shrink: 0;
}
.is-div-22 {
background: rgba(5,20,35,0.98);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 16px;
padding: 2rem;
width: 100%;
max-width: 440px;
position: relative;
max-height: 92vh;
overflow-y: auto;
margin: auto;
}
.is-div-23 {
gap: 6px;
justify-content: center;
margin-bottom: 1.75rem;
}
.is-div-29 {
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
color: #bf7fff;
}
.is-div-3 {
background: rgba(5,20,35,0.98);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 16px;
padding: 2rem;
width: 100%;
max-width: 360px;
position: relative;
}
.is-div-32 {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
color: #bf7fff;
}
.is-div-35 {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
color: #00ff9f;
}
.is-div-36 {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
color: #ff9f3f;
}
.is-div-37 {
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 24px;
}
.is-div-4 {
justify-content: center;
gap: 6px;
margin-bottom: 1.25rem;
}
.is-auth-theme-toggle {
position: absolute;
bottom: 16px;
right: 16px;
display: flex;
gap: 4px;
background: rgba(0,212,255,0.04);
border: 1px solid rgba(0,212,255,0.1);
border-radius: 20px;
padding: 3px;
}
.is-auth-theme-btn {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 16px;
border: none;
background: transparent;
color: #3a6a88;
cursor: pointer;
transition: background 0.18s, color 0.18s;
}
.is-auth-theme-btn:hover {
color: var(--accent);
background: rgba(0,212,255,0.08);
}
.is-auth-theme-btn.is-auth-theme-active {
background: rgba(0,212,255,0.14);
color: var(--accent);
box-shadow: 0 0 8px rgba(0,212,255,0.2);
}
.is-div-40 {
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-bottom: 20px;
}
.is-div-41 {
height: 36px;
background: #050a12;
border-radius: 6px;
margin-bottom: 8px;
border: 1px solid rgba(0,212,255,0.3);
position: relative;
overflow: hidden;
}
.is-div-42 {
position: absolute;
bottom: 4px;
left: 4px;
right: 4px;
height: 2px;
background: linear-gradient(90deg,#00d4ff,#bf7fff);
border-radius: 1px;
}
.is-div-43 {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
color: #00d4ff;
}
.is-div-44 {
height: 36px;
background: #edf1f7;
border-radius: 6px;
margin-bottom: 8px;
border: 1px solid rgba(0,119,170,0.3);
position: relative;
overflow: hidden;
}
.is-div-45 {
position: absolute;
bottom: 4px;
left: 4px;
right: 4px;
height: 2px;
background: #0077aa;
border-radius: 1px;
}
.is-div-46 {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
color: #0077aa;
}
.is-div-47 {
height: 36px;
background: #0e0812;
border-radius: 6px;
margin-bottom: 8px;
border: 1px solid rgba(255,93,177,0.3);
position: relative;
overflow: hidden;
}
.is-div-48 {
position: absolute;
bottom: 4px;
left: 4px;
right: 4px;
height: 2px;
background: linear-gradient(90deg,#ff5db1,#dd88ff);
border-radius: 1px;
}
.is-div-49 {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
color: #ff5db1;
}
.is-div-5 {
text-align: center;
margin-bottom: 1.75rem;
}
.is-div-50 {
height: 36px;
background: #020d04;
border-radius: 6px;
margin-bottom: 8px;
border: 1px solid rgba(0,232,68,0.3);
position: relative;
overflow: hidden;
}
.is-div-51 {
position: absolute;
bottom: 4px;
left: 4px;
right: 4px;
height: 2px;
background: #00e844;
border-radius: 1px;
}
.is-div-52 {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
color: #00e844;
}
.is-div-53 {
height: 36px;
background: #000;
border-radius: 6px;
margin-bottom: 8px;
border: 1px solid rgba(238,238,238,0.3);
position: relative;
overflow: hidden;
}
.is-div-54 {
position: absolute;
bottom: 4px;
left: 4px;
right: 4px;
height: 2px;
background: #eee;
border-radius: 1px;
}
.is-div-55 {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
color: #eee;
}
.is-div-56 {
height: 36px;
background: #1a1a2e;
border-radius: 6px;
margin-bottom: 8px;
border: 1px solid rgba(201,168,76,0.3);
position: relative;
overflow: hidden;
}
.is-div-57 {
position: absolute;
bottom: 4px;
left: 4px;
right: 4px;
height: 2px;
background: linear-gradient(90deg,#c9a84c,#7a8ec9);
border-radius: 1px;
}
.is-div-58 {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
color: #c9a84c;
}
.is-div-58b {
height: 36px;
background: #fce8f4;
border-radius: 6px;
margin-bottom: 8px;
border: 1px solid rgba(212,48,122,0.35);
position: relative;
overflow: hidden;
}
.is-div-58c {
position: absolute;
bottom: 4px;
left: 4px;
right: 4px;
height: 2px;
background: linear-gradient(90deg,#d4307a,#bf7fff);
border-radius: 1px;
}
.is-div-58d {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
color: #d4307a;
}
.is-div-59 {
font-size: 48px;
margin-bottom: 16px;
}
.is-div-6 {
align-items: center;
gap: 8px;
margin: 14px 0 10px;
}
.is-div-60 {
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
color: #00d4ff;
margin-bottom: 6px;
}
.is-div-61 {
font-size: 13px;
font-weight: 600;
color: #ff8c00;
letter-spacing: 0.08em;
margin-bottom: 10px;
}
.is-div-62 {
font-size: 12px;
color: #4a7a99;
line-height: 1.6;
margin-bottom: 24px;
}
.is-div-65 {
background: var(--overlay-bg);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 16px;
padding: 1.25rem 1.25rem 1rem;
width: 100%;
max-width: 420px;
position: relative;
margin: auto;
}
.is-div-66 {
align-items: baseline;
gap: 10px;
margin-bottom: 1.1rem;
}
.is-div-67 {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
color: #00d4ff;
}
.is-div-70 {
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-bottom: 0.9rem;
}
.is-div-74 {
gap: 5px;
flex-wrap: wrap;
}
.is-div-75 {
gap: 6px;
flex-wrap: wrap;
}
.is-div-76 {
gap: 6px;
}
.is-div-77 {
align-items: center;
gap: 7px;
}
.is-div-78 {
border-top: 1px solid rgba(0,212,255,0.08);
margin: 8px 0;
}
.is-div-79 {
border-top: 1px solid rgba(0,212,255,0.08);
margin-top: 12px;
padding-top: 12px;
flex-direction: column;
align-items: center;
gap: 7px;
}
.is-div-8 {
text-align: right;
margin-top: 6px;
margin-bottom: 28px;
}
.is-div-80 {
font-size: 11px;
color: #ff4d6d;
margin-bottom: 10px;
line-height: 1.6;
}
.is-div-81 {
background: var(--overlay-bg);
border: 1px solid rgba(0,255,159,0.2);
border-radius: 16px;
padding: 1.75rem;
width: 100%;
max-width: 480px;
position: relative;
margin: auto;
}
.is-div-82 {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
color: #00ff9f;
margin-bottom: 4px;
}
.is-div-83 {
font-size: 10px;
color: #4a7a99;
letter-spacing: 0.06em;
margin-bottom: 1rem;
}
.is-div-84 {
gap: 6px;
margin-bottom: 1rem;
}
.is-div-85 {
gap: 8px;
margin-bottom: 12px;
}
.is-div-86 {
background: var(--overlay-bg);
border: 1px solid rgba(0,255,159,0.25);
border-radius: 16px;
padding: 1.75rem;
width: 100%;
max-width: 400px;
position: relative;
margin: auto;
}
.is-div-88 {
font-size: 12px;
color: var(--text);
line-height: 1.8;
flex-direction: column;
gap: 12px;
}
.is-div-89 {
background: rgba(0,255,159,0.05);
border: 1px solid rgba(0,255,159,0.15);
border-radius: 10px;
padding: 10px 14px;
}
.is-div-9 {
font-size: 36px;
margin-bottom: 16px;
}
.is-div-90 {
font-size: 11px;
color: #4a7a99;
line-height: 1.6;
}
.is-div-91 {
background: var(--overlay-bg);
border: 1px solid rgba(0,255,159,0.25);
border-radius: 16px;
padding: 1.75rem;
width: 100%;
max-width: 480px;
position: relative;
margin: auto;
}
.is-div-92 {
font-size: 12px;
color: var(--text);
line-height: 1.8;
flex-direction: column;
gap: 10px;
}
.is-div-93 {
background: rgba(0,255,159,0.05);
border: 1px solid rgba(0,255,159,0.15);
border-radius: 10px;
padding: 10px 14px;
margin-top: 4px;
}
.is-div-94 {
font-size: 10px;
letter-spacing: 0.12em;
color: #4a7a99;
margin-bottom: 6px;
}
.is-div-95 {
gap: 16px;
}
.is-div-96 {
background: #0d1929;
border: 1px solid rgba(0,212,255,0.3);
border-radius: 14px;
padding: 28px 26px 22px;
max-width: 330px;
width: 90%;
text-align: center;
box-shadow: 0 8px 40px rgba(0,0,0,0.8);
}
.is-div-97 {
font-size: 13px;
font-weight: 700;
color: #e0f0ff;
margin-bottom: 10px;
letter-spacing: 0.06em;
}
.is-div-98 {
font-size: 12px;
color: #a0c0d0;
line-height: 1.7;
margin-bottom: 22px;
}
.is-div-99 {
gap: 10px;
}
.is-donutexpandbox {
background: rgba(5,20,35,0.98);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 16px;
padding: 1.5rem;
width: 100%;
max-width: 560px;
position: relative;
max-height: 92vh;
overflow-y: auto;
}
.is-donutexpandoverlay {
position: fixed;
inset: 0;
background: rgba(5,10,18,0.9);
z-index: 200;
align-items: center;
justify-content: center;
padding: 1.5rem;
}
.is-donutexpandsvg {
max-height: 380px;
}
.is-donutexpandtitle {
font-size: 11px;
letter-spacing: 0.15em;
color: #4a7a99;
margin-bottom: 14px;
}
.is-dot {
background: #00ff9f;
color: #00ff9f;
}
.is-dot-2 {
background: #ff4d6d;
color: #ff4d6d;
}
.is-dot-3 {
background: var(--income);
color: var(--income);
}
.is-dot-4 {
background: #bf7fff;
color: #bf7fff;
}
.is-ext-two-col {
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 20px;
}
.is-extmodal {
position: fixed;
inset: 0;
background: rgba(5,10,18,0.92);
z-index: 500;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 1.25rem;
}
.is-footer {
align-items: center;
text-align: center;
padding: 20px;
margin-top: 10px;
border-top: 1px solid rgba(255,255,255,0.05);
font-size: 10px;
color: #4a7a99;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.is-forgotpassbtn {
background: none;
border: none;
color: #4a7a99;
font-size: 11px;
cursor: pointer;
letter-spacing: 0.05em;
text-decoration: underline;
}
.is-gateprompt {
position: fixed;
inset: 0;
background: rgba(5,10,18,0.88);
z-index: 99;
align-items: center;
justify-content: center;
padding: 1.25rem;
}
.is-gatetext {
font-size: 12px;
color: var(--muted);
line-height: 1.7;
margin-bottom: 20px;
}
.is-gatetitle {
font-size: 15px;
font-weight: 700;
letter-spacing: 0.12em;
color: var(--accent);
margin-bottom: 8px;
}
.is-guestlangbtn {
font-size: 10px;
letter-spacing: 0.06em;
}
.is-h2 {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.15em;
color: #00d4ff;
text-shadow: 0 0 20px rgba(0,212,255,0.5);
}
.is-h2-2 {
font-size: 15px;
font-weight: 600;
letter-spacing: 0.15em;
color: #bf7fff;
text-shadow: 0 0 20px rgba(191,127,255,0.4);
}
.is-horizonte {
cursor: pointer;
}
.is-inflacion {
color: #ff9f3f;
width: 46px;
font-family: 'Space Grotesk',sans-serif;
}
.is-label-3 {
flex: 1;
align-items: center;
justify-content: center;
gap: 6px;
background: rgba(0,212,255,0.06);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 8px;
color: #00d4ff;
font-size: 11px;
font-weight: 600;
padding: 8px 6px;
cursor: pointer;
letter-spacing: 0.08em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-legend-line {
background: linear-gradient(90deg,#00d4ff,#bf7fff);
}
.is-legend-line-2 {
background: #ff9f3f;
}
.is-legendcartera {
width: 100%;
margin-top: 8px;
}
.is-logoutbtn {
background: none;
border: 1px solid rgba(255,77,109,0.25);
border-radius: 50%;
width: 32px;
height: 32px;
color: #4a7a99;
font-size: 17px;
cursor: pointer;
line-height: 1;
padding: 0;
flex-shrink: 0;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.is-logoutconfirmmodal {
position: fixed;
inset: 0;
z-index: 10002;
background: rgba(0,0,0,0.72);
align-items: center;
justify-content: center;
}
.is-metric {
--ac: #00ff9f;
}
.is-metric-2 {
--ac: #ff4d6d;
}
.is-metric-3 {
--ac: #00d4ff;
}
.is-metricgastos {
color: #ff4d6d;
text-shadow: 0 0 16px #ff4d6d88;
}
.is-metricingresos {
color: #00ff9f;
text-shadow: 0 0 16px #00ff9f88;
}
.is-ob-ai-chatgpt {
cursor: pointer;
border: 2px solid rgba(0,255,159,0.2);
border-radius: 12px;
background: rgba(0,255,159,0.04);
padding: 14px 16px;
align-items: center;
gap: 12px;
transition: all 0.2s;
}
.is-ob-ai-claude {
cursor: pointer;
border: 2px solid rgba(180,180,200,0.45);
border-radius: 12px;
background: rgba(191,127,255,0.04);
padding: 14px 16px;
align-items: center;
gap: 12px;
transition: all 0.2s;
}
.is-ob-ai-perplexity {
cursor: pointer;
border: 2px solid rgba(180,180,200,0.45);
border-radius: 12px;
background: rgba(255,159,63,0.04);
padding: 14px 16px;
align-items: center;
gap: 12px;
transition: all 0.2s;
}
.is-ob-cur-eur {
cursor: pointer;
border: 2px solid rgba(0,212,255,0.4);
border-radius: 12px;
background: rgba(0,212,255,0.1);
padding: 20px 12px;
text-align: center;
color: #00d4ff;
transition: all 0.2s;
}
.is-ob-cur-usd {
cursor: pointer;
border: 2px solid rgba(255,255,255,0.1);
border-radius: 12px;
background: rgba(255,255,255,0.03);
padding: 20px 12px;
text-align: center;
color: #4a7a99;
transition: all 0.2s;
}
.is-ob-edad {
width: 100%;
margin-bottom: 20px;
}
.is-ob-err-6 {
font-size: 11px;
color: #ff4d6d;
min-height: 16px;
margin-bottom: 8px;
}
.is-ob-nombre {
width: 100%;
margin-bottom: 14px;
}
.is-ob-step-6 {
text-align: center;
}
.is-ob-th-cyber {
--th: #00d4ff;
}
.is-ob-th-green {
--th: #00e844;
}
.is-ob-th-light {
--th: #0077aa;
}
.is-ob-th-negative {
--th: #eeeeee;
}
.is-ob-th-pink {
--th: #ff5db1;
}
.is-ob-th-lpink {
--th: #d4307a;
}
.is-ob-th-pro {
--th: #c9a84c;
}
.is-ob-verify-btn {
width: 100%;
background: rgba(0,255,159,0.12);
border: 1px solid rgba(0,255,159,0.4);
border-radius: 8px;
color: #00ff9f;
font-size: 13px;
font-weight: 600;
padding: 11px;
cursor: pointer;
letter-spacing: 0.1em;
font-family: 'Space Grotesk',sans-serif;
margin-bottom: 10px;
}
.is-ob-verify-resend-ok {
font-size: 11px;
color: #00ff9f;
margin-top: 6px;
}
.is-onboardingoverlay {
position: fixed;
inset: 0;
background: #050a12;
z-index: 101;
align-items: center;
justify-content: center;
padding: 1.25rem;
overflow-y: auto;
}
.is-p {
font-size: 10px;
color: #4a7a99;
letter-spacing: 0.1em;
margin-top: 4px;
}
.is-p-10 {
font-size: 13px;
color: var(--text);
line-height: 1.75;
margin-bottom: 1.25rem;
}
.is-p-2 {
font-size: 13px;
font-weight: 600;
color: #00d4ff;
letter-spacing: 0.1em;
margin-bottom: 10px;
}
.is-p-3 {
font-size: 12px;
color: #a0c0d0;
margin-bottom: 6px;
}
.is-p-4 {
font-size: 11px;
color: #4a7a99;
margin-bottom: 12px;
}
.is-p-5 {
font-size: 12px;
font-weight: 700;
color: #c9a84c;
letter-spacing: 0.06em;
margin-bottom: 20px;
border: 1px solid rgba(201,168,76,0.3);
border-radius: 8px;
padding: 8px 12px;
background: rgba(201,168,76,0.07);
}
.is-p-6 {
font-size: 11px;
letter-spacing: 0.06em;
margin-top: 10px;
line-height: 1.9;
color: #4a7a99;
background: rgba(0,255,159,0.04);
border: 1px solid rgba(0,255,159,0.12);
border-radius: 10px;
padding: 12px 14px;
text-align: left;
}
.is-p-7 {
font-size: 10px;
color: #4a7a99;
text-align: center;
margin-top: 12px;
letter-spacing: 0.05em;
}
.is-p-8 {
font-size: 9px;
color: #2a4a5a;
margin-top: 10px;
letter-spacing: 0.05em;
line-height: 1.5;
}
.is-p-9 {
font-size: 9px;
color: #2a4a5a;
margin-top: 12px;
letter-spacing: 0.05em;
line-height: 1.5;
}
.is-patdonutsvg {
max-height: 240px;
}
.is-patdonutwrap {
margin-top: 12px;
padding: 0 8px 8px;
}
.is-patrentamt {
font-size: 13px;
font-weight: 600;
color: var(--income);
}
.is-patrentpct {
font-size: 20px;
font-weight: 700;
color: var(--accent);
}
.is-patrimoniototal {
font-size: 28px;
font-weight: 700;
color: var(--income);
letter-spacing: -0.01em;
}
.is-paypalcontainer {
min-height: 50px;
}
.is-pctinvertido {
color: #00ff9f;
width: 42px;
font-family: 'Space Grotesk',sans-serif;
}
.is-planvida {
border: 1px solid rgba(201,168,76,0.2);
border-radius: 12px;
padding: 1rem 1.25rem;
cursor: pointer;
transition: all 0.2s;
position: relative;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 1.5rem;
background: rgba(201,168,76,0.04);
}
.is-preciolifetime {
font-size: 30px;
font-weight: 700;
color: #c9a84c;
line-height: 1;
}
.is-preciolifetimeorig {
font-size: 9px;
color: #a08030;
margin-top: 3px;
letter-spacing: 0.05em;
text-decoration: none;
}
.is-pricemodebtn {
margin-left: 0;
background: rgba(0,212,255,0.07);
border: 1px solid rgba(0,212,255,0.25);
border-radius: 8px;
padding: 5px 12px;
cursor: pointer;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.1em;
color: #00d4ff;
transition: all 0.2s;
flex-shrink: 0;
align-items: center;
gap: 4px;
}
.is-prof-ai-btn {
flex: 1;
min-width: 60px;
background: rgba(191,127,255,0.06);
border: 1px solid rgba(191,127,255,0.2);
border-radius: 7px;
color: #4a7a99;
font-size: 9px;
font-weight: 600;
padding: 7px 4px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-ai-btn-2 {
flex: 1;
min-width: 60px;
background: rgba(0,255,159,0.06);
border: 1px solid rgba(0,255,159,0.2);
border-radius: 7px;
color: #4a7a99;
font-size: 9px;
font-weight: 600;
padding: 7px 4px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-ai-btn-3 {
flex: 1;
min-width: 60px;
background: rgba(255,159,63,0.06);
border: 1px solid rgba(255,159,63,0.2);
border-radius: 7px;
color: #4a7a99;
font-size: 9px;
font-weight: 600;
padding: 7px 4px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-backup-msg {
font-size: 11px;
min-height: 14px;
margin-top: 7px;
text-align: center;
}
.is-prof-cur-btn {
background: rgba(0,212,255,0.04);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 7px;
color: #4a7a99;
font-size: 11px;
font-weight: 600;
padding: 7px 4px;
cursor: pointer;
letter-spacing: 0.06em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-cur-btn-2 {
background: rgba(0,255,159,0.04);
border: 1px solid rgba(0,255,159,0.2);
border-radius: 7px;
color: #4a7a99;
font-size: 11px;
font-weight: 600;
padding: 7px 4px;
cursor: pointer;
letter-spacing: 0.06em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-delete-confirm {
background: rgba(255,77,109,0.04);
border: 1px solid rgba(255,77,109,0.15);
border-radius: 10px;
padding: 14px;
}
.is-prof-delete-text {
width: 100%;
margin-bottom: 8px;
border-color: rgba(255,77,109,0.3);
}
.is-prof-err {
font-size: 11px;
color: #ff4d6d;
min-height: 0;
margin-bottom: 4px;
text-align: center;
}
.is-prof-inv-ambicioso {
background: none;
border: 1px solid rgba(191,127,255,0.2);
border-radius: 7px;
color: #4a7a99;
font-size: 9px;
font-weight: 600;
padding: 7px 4px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-inv-conservador {
background: none;
border: 1px solid rgba(0,212,255,0.2);
border-radius: 7px;
color: #4a7a99;
font-size: 9px;
font-weight: 600;
padding: 7px 4px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-inv-moderado {
background: none;
border: 1px solid rgba(0,255,159,0.2);
border-radius: 7px;
color: #4a7a99;
font-size: 9px;
font-weight: 600;
padding: 7px 4px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-ok {
font-size: 11px;
color: #00ff9f;
min-height: 0;
margin-bottom: 6px;
text-align: center;
}
.is-prof-pass-area {
border-top: 1px solid rgba(0,212,255,0.08);
padding-top: 10px;
flex-direction: column;
gap: 6px;
}
.is-prof-pass-nueva {
width: 100%;
margin-bottom: 12px;
}
.is-prof-pass-ok {
font-size: 11px;
color: #00ff9f;
min-height: 14px;
margin-bottom: 8px;
text-align: center;
}
.is-prof-pass-section {
background: rgba(0,212,255,0.03);
border: 1px solid rgba(0,212,255,0.1);
border-radius: 10px;
padding: 14px;
}
.is-prof-th-cyber {
flex: 1;
min-width: 52px;
background: rgba(0,212,255,0.06);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 7px;
color: #00d4ff;
font-size: 9px;
font-weight: 600;
padding: 6px 2px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-th-green {
flex: 1;
min-width: 52px;
background: rgba(0,232,68,0.06);
border: 1px solid rgba(0,232,68,0.2);
border-radius: 7px;
color: #00e844;
font-size: 9px;
font-weight: 600;
padding: 6px 2px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-th-light {
flex: 1;
min-width: 52px;
background: rgba(0,119,170,0.06);
border: 1px solid rgba(0,119,170,0.2);
border-radius: 7px;
color: #0077aa;
font-size: 9px;
font-weight: 600;
padding: 6px 2px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-th-negative {
flex: 1;
min-width: 52px;
background: rgba(238,238,238,0.06);
border: 1px solid rgba(238,238,238,0.2);
border-radius: 7px;
color: #ccc;
font-size: 9px;
font-weight: 600;
padding: 6px 2px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-th-pink {
flex: 1;
min-width: 52px;
background: rgba(255,93,177,0.06);
border: 1px solid rgba(255,93,177,0.2);
border-radius: 7px;
color: #ff5db1;
font-size: 9px;
font-weight: 600;
padding: 6px 2px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-th-pro {
flex: 1;
min-width: 52px;
background: rgba(201,168,76,0.06);
border: 1px solid rgba(201,168,76,0.2);
border-radius: 7px;
color: #c9a84c;
font-size: 9px;
font-weight: 600;
padding: 6px 2px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-prof-th-lpink {
flex: 1;
min-width: 52px;
background: rgba(212,48,122,0.07);
border: 1px solid rgba(212,48,122,0.25);
border-radius: 7px;
color: #d4307a;
font-size: 9px;
font-weight: 600;
padding: 6px 2px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk',sans-serif;
transition: all 0.2s;
}
.is-profchangepassbtn {
background: none;
border: 1px solid rgba(0,212,255,0.15);
border-radius: 8px;
color: var(--muted);
font-size: 10px;
font-weight: 600;
padding: 8px 14px;
cursor: pointer;
letter-spacing: 0.1em;
font-family: 'Space Grotesk',sans-serif;
text-align: left;
transition: all 0.2s;
width: 100%;
}
.is-profilemodal {
position: fixed;
inset: 0;
background: rgba(5,10,18,0.88);
z-index: 300;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 1rem;
}
.is-profresetok {
font-size: 11px;
color: #00ff9f;
letter-spacing: 0.05em;
}
.is-profresetpassbtn {
background: none;
border: none;
color: #4a7a99;
font-size: 10px;
cursor: pointer;
letter-spacing: 0.08em;
font-family: 'Space Grotesk',sans-serif;
padding: 4px 0;
text-align: left;
text-decoration: underline;
}
.is-profuidlabel {
font-size: 9px;
color: #3a5a6a;
letter-spacing: 0.04em;
user-select: all;
}
.is-projinfomodal {
position: fixed;
inset: 0;
background: rgba(5,10,18,0.85);
z-index: 300;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 1.25rem;
}
.is-projnote {
font-size: 11px;
margin-top: 12px;
letter-spacing: 0.06em;
}
.is-rent-patrimonio {
align-items: center;
gap: 4px; /* más juntos dentro de cada grupo */
padding: 8px 12px 4px;
border-top: 1px solid rgba(255,255,255,0.05);
margin-top: 4px;
}
/* Separación EXTRA entre el grupo RENT y el grupo YIELD (separador ·) */
.is-rent-patrimonio #patYieldSep{margin:0 16px;opacity:0.45}
/* La flecha → dentro de cada grupo queda ceñida a sus valores */
.is-rent-patrimonio .pat-arrow{margin:0 4px}
.is-rentnueva {
color: #00ff9f;
width: 46px;
font-family: 'Space Grotesk',sans-serif;
}
.is-savestatus {
font-size: 10px;
letter-spacing: 0.1em;
}
.is-span {
font-size: 10px;
color: #4a7a99;
letter-spacing: 0.1em;
}
.is-span-10 {
color: #00ff9f;
}
.is-span-12 {
font-size: 10px;
letter-spacing: 0.1em;
color: var(--muted);
flex-shrink: 0;
}
.is-span-13 {
font-size: 11px;
color: var(--muted);
}
.is-span-14 {
font-size: 10px;
color: #a06030;
}
.is-span-20 {
color: #4a7a99;
font-weight: 600;
}
.is-span-21 {
color: #ff9f3f;
font-weight: 600;
}
.is-span-22 {
color: #ff4d6d;
font-weight: 600;
}
.is-span-25 {
color: #00d4ff;
font-weight: 600;
font-size: 12px;
}
.is-span-27 {
color: #4a7a99;
border: 1px solid #4a7a9944;
border-radius: 3px;
padding: 0 3px;
}
.is-span-28 {
color: #ffb347;
border: 1px solid #ffb34744;
border-radius: 3px;
padding: 0 3px;
}
.is-span-29 {
color: #a0c0d0;
font-weight: 600;
font-size: 12px;
}
.is-span-3 {
font-size: 13px;
font-weight: 600;
color: #00d4ff;
letter-spacing: 0.06em;
}
.is-span-30 {
color: #a0c0d0;
}
.is-span-31 {
font-size: 10px;
letter-spacing: 0.15em;
color: #bf7fff;
font-weight: 700;
}
.is-span-32 {
font-size: 11px;
color: #a0c0d0;
flex: 1;
min-width: 200px;
}
.is-span-33 {
letter-spacing: 0.06em;
}
.is-span-4 {
font-size: 9px;
background: rgba(0,212,255,0.12);
border: 1px solid rgba(0,212,255,0.25);
border-radius: 4px;
padding: 2px 7px;
color: #00d4ff;
letter-spacing: 0.08em;
}
.is-span-5 {
font-size: 13px;
font-weight: 600;
color: #00ff9f;
letter-spacing: 0.06em;
}
.is-span-6 {
font-size: 9px;
background: rgba(0,255,159,0.12);
border: 1px solid rgba(0,255,159,0.25);
border-radius: 4px;
padding: 2px 7px;
color: #00ff9f;
letter-spacing: 0.08em;
}
.is-span-7 {
font-size: 13px;
font-weight: 600;
color: #bf7fff;
letter-spacing: 0.06em;
}
.is-span-8 {
font-size: 9px;
background: rgba(191,127,255,0.12);
border: 1px solid rgba(191,127,255,0.25);
border-radius: 4px;
padding: 2px 7px;
color: #bf7fff;
letter-spacing: 0.08em;
}
.is-subscribemodal {
position: fixed;
inset: 0;
background: rgba(5,10,18,0.85);
z-index: 99;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 1.25rem;
}
.is-svg {
vertical-align: -1px;
margin-right: 6px;
}
.is-theme-dot {
background: #00d4ff;
}
.is-theme-dot-2 {
background: #0077aa;
}
.is-theme-dot-3 {
background: #ff5db1;
}
.is-theme-dot-4 {
background: #00e844;
}
.is-theme-dot-5 {
background: #eeeeee;
border: 1px solid #555;
}
.is-theme-dot-7 {
background: #d4307a;
}
.is-theme-dot-6 {
background: #c9a84c;
}
.is-tickersearchresults {
flex-direction: column;
gap: 6px;
max-height: 300px;
overflow-y: auto;
}
.is-tickersearchstatus {
font-size: 11px;
color: #4a7a99;
min-height: 14px;
margin-bottom: 8px;
text-align: center;
}
.is-tscatacciones {
background: rgba(0,255,159,0.15);
border: 1px solid rgba(0,255,159,0.4);
border-radius: 20px;
color: #00ff9f;
font-size: 10px;
font-weight: 600;
padding: 4px 12px;
cursor: pointer;
font-family: 'Space Grotesk',sans-serif;
letter-spacing: 0.08em;
transition: all 0.15s;
}
.is-useremailbtn {
font-size: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 10px;
width: fit-content;
max-width: 100%;
}
.is-useremailbtn .user-btn-icon { flex: 0 0 auto; }
.is-useremailbtn .user-btn-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
/* ── WELCOME OVERLAY ─────────────────────────────────────────────────────────── */
.is-welcomeoverlay {
position: fixed;
inset: 0;
background: #050a12;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
overflow-y: auto;
}
/* Halos de color muy difusos detrás del panel: dan profundidad sin distraer */
.is-welcome-aura {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}
.is-welcome-aura::before,
.is-welcome-aura::after {
content: '';
position: absolute;
width: 46vmax;
height: 46vmax;
border-radius: 50%;
filter: blur(90px);
opacity: 0.5;
}
.is-welcome-aura::before {
top: -18vmax;
left: -14vmax;
background: radial-gradient(circle, rgba(0,212,255,0.28), transparent 70%);
animation: ffWelcomeAura 22s ease-in-out infinite alternate;
}
.is-welcome-aura::after {
bottom: -20vmax;
right: -16vmax;
background: radial-gradient(circle, rgba(0,255,159,0.2), transparent 70%);
animation: ffWelcomeAura 26s ease-in-out infinite alternate-reverse;
}
@keyframes ffWelcomeAura {
from { transform: translate3d(0,0,0) scale(1); }
to { transform: translate3d(4vmax,3vmax,0) scale(1.15); }
}
@keyframes ffWelcomeIn {
from { opacity: 0; transform: translateY(14px); }
to { opacity: 1; transform: none; }
}
.is-welcome-inner {
position: relative;
width: 100%;
max-width: 640px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 2.75rem 2.25rem 2.25rem;
background: linear-gradient(160deg, rgba(10,22,36,0.92), rgba(5,12,20,0.86));
border: 1px solid rgba(0,212,255,0.14);
border-radius: 22px;
box-shadow: 0 30px 80px rgba(0,0,0,0.55);
backdrop-filter: blur(14px);
margin: auto;
}
.is-welcome-inner > * {
animation: ffWelcomeIn 0.55s cubic-bezier(0.22,0.9,0.3,1) both;
}
.is-welcome-inner > *:nth-child(1) { animation-delay: 0.02s; }
.is-welcome-inner > *:nth-child(2) { animation-delay: 0.08s; }
.is-welcome-inner > *:nth-child(3) { animation-delay: 0.14s; }
.is-welcome-inner > *:nth-child(4) { animation-delay: 0.20s; }
.is-welcome-inner > *:nth-child(5) { animation-delay: 0.26s; }
.is-welcome-inner > *:nth-child(6) { animation-delay: 0.32s; }
.is-welcome-inner > *:nth-child(7) { animation-delay: 0.38s; }
.is-welcome-inner > *:nth-child(8) { animation-delay: 0.44s; }
@media (prefers-reduced-motion: reduce) {
.is-welcome-inner > * { animation: none; }
.is-welcome-aura::before, .is-welcome-aura::after { animation: none; }
.is-welcome-prev-line { animation: none; stroke-dashoffset: 0; }
.is-welcome-prev-area { animation: none; opacity: 1; }
}
.is-welcome-logo-wrap {
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 0.6rem;
}
.is-welcome-logo {
font-size: 2.4rem;
font-weight: 700;
letter-spacing: 0.06em;
background: linear-gradient(135deg, #00d4ff 0%, #00ff9f 55%, #bf7fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
filter: drop-shadow(0 0 24px rgba(0,212,255,0.35));
}
.is-welcome-version {
font-size: 10px;
font-weight: 700;
color: #4a7a99;
letter-spacing: 0.15em;
border: 1px solid rgba(0,212,255,0.2);
border-radius: 4px;
padding: 2px 7px;
}
.is-welcome-tagline {
font-size: 12px;
font-weight: 700;
color: #e0f0ff;
letter-spacing: 0.2em;
margin-bottom: 1rem;
}
/* El párrafo que tiene que hacer entender la app en 5 segundos: legible,
no un pie de foto. Por eso 15px y color claro, no gris de apoyo. */
.is-welcome-desc {
font-size: 15px;
color: #a8c6dc;
line-height: 1.7;
margin: 0 0 1.5rem;
max-width: 470px;
}
.is-welcome-pills {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-bottom: 1.9rem;
}
.is-welcome-pill {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 7px 13px;
border-radius: 999px;
background: rgba(0,212,255,0.06);
border: 1px solid rgba(0,212,255,0.16);
color: #8fb8d4;
font-size: 11.5px;
letter-spacing: 0.03em;
white-space: nowrap;
}
.is-welcome-pill i {
font-style: normal;
color: #00d4ff;
font-size: 12px;
line-height: 1;
filter: drop-shadow(0 0 7px rgba(0,212,255,0.6));
}
/* ── Vista previa del producto (hueco del futuro vídeo) ─────────────────── */
.is-welcome-preview {
width: 100%;
max-width: 430px;
margin-bottom: 1.6rem;
border-radius: 14px;
overflow: hidden;
border: 1px solid rgba(0,212,255,0.18);
background: #071624;
box-shadow: 0 18px 44px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.02) inset;
}
.is-welcome-prev-bar {
display: flex;
align-items: center;
gap: 5px;
padding: 7px 11px;
background: rgba(255,255,255,0.03);
border-bottom: 1px solid rgba(0,212,255,0.12);
}
.is-welcome-prev-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: rgba(0,212,255,0.28);
}
.is-welcome-prev-tab {
margin-left: auto;
font-size: 8.5px;
font-weight: 700;
letter-spacing: 0.16em;
color: #4a7a99;
}
.is-welcome-prev-screen {
padding: 13px 14px 12px;
text-align: left;
}
.is-welcome-prev-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 10px;
margin-bottom: 2px;
}
.is-welcome-prev-k {
font-size: 8.5px;
font-weight: 700;
letter-spacing: 0.16em;
color: #4a7a99;
margin-bottom: 3px;
}
.is-welcome-prev-v {
font-size: 24px;
font-weight: 600;
letter-spacing: 0.01em;
color: #eaf6ff;
line-height: 1;
}
.is-welcome-prev-delta {
font-size: 10.5px;
font-weight: 700;
color: #00ff9f;
white-space: nowrap;
}
.is-welcome-prev-delta span {
font-weight: 400;
color: #4a7a99;
letter-spacing: 0.04em;
}
.is-welcome-prev-chart {
display: block;
width: 100%;
height: 74px;
margin: 6px 0 10px;
}
/* La curva se dibuja sola al abrir: sugiere "esto crece" sin explicarlo */
.is-welcome-prev-line {
stroke-dasharray: 420;
stroke-dashoffset: 420;
animation: ffPrevDraw 1.7s cubic-bezier(0.32,0.72,0.3,1) 0.35s forwards;
filter: drop-shadow(0 0 6px rgba(0,255,159,0.45));
}
.is-welcome-prev-area {
opacity: 0;
animation: ffPrevFade 1.1s ease 1.1s forwards;
}
@keyframes ffPrevDraw { to { stroke-dashoffset: 0; } }
@keyframes ffPrevFade { to { opacity: 1; } }
.is-welcome-prev-split {
display: flex;
gap: 3px;
height: 6px;
margin-bottom: 8px;
}
.is-welcome-prev-seg {
border-radius: 3px;
opacity: 0.75;
}
.is-welcome-prev-legend {
display: flex;
flex-wrap: wrap;
gap: 12px;
font-size: 9.5px;
color: #5a8aaa;
letter-spacing: 0.05em;
}
.is-welcome-prev-legend span {
display: inline-flex;
align-items: center;
gap: 5px;
}
.is-welcome-prev-legend i {
width: 6px;
height: 6px;
border-radius: 2px;
display: inline-block;
}
.is-welcome-prev-legend b { font-weight: 500; }
/* Las dos puertas de entrada: mirar sin registrarse / crear cuenta */
.is-welcome-choices {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
width: 100%;
margin-bottom: 14px;
}
.is-welcome-choice {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
text-align: left;
padding: 18px 17px 16px;
border-radius: 16px;
cursor: pointer;
font-family: 'Space Grotesk', sans-serif;
background: rgba(255,255,255,0.02);
border: 1px solid rgba(0,212,255,0.14);
transition: transform 0.22s, border-color 0.22s, background 0.22s, box-shadow 0.22s;
}
.is-welcome-choice:hover {
transform: translateY(-3px);
}
.is-welcome-choice-icon {
font-size: 1.25rem;
line-height: 1;
margin-bottom: 2px;
}
.is-welcome-choice-title {
font-size: 14px;
font-weight: 700;
color: #eaf4ff;
letter-spacing: 0.01em;
}
.is-welcome-choice-desc {
font-size: 12px;
color: #6f9bb8;
line-height: 1.55;
flex: 1;
}
.is-welcome-choice-cta {
margin-top: 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
}
.is-welcome-choice-explore {
background: rgba(0,255,159,0.06);
border-color: rgba(0,255,159,0.32);
box-shadow: 0 0 26px rgba(0,255,159,0.07);
}
.is-welcome-choice-explore:hover {
background: rgba(0,255,159,0.12);
border-color: rgba(0,255,159,0.55);
box-shadow: 0 12px 38px rgba(0,255,159,0.18);
}
.is-welcome-choice-explore .is-welcome-choice-icon,
.is-welcome-choice-explore .is-welcome-choice-cta { color: #00ff9f; }
.is-welcome-choice-signup:hover {
background: rgba(0,212,255,0.09);
border-color: rgba(0,212,255,0.42);
box-shadow: 0 12px 38px rgba(0,212,255,0.14);
}
.is-welcome-choice-signup .is-welcome-choice-icon,
.is-welcome-choice-signup .is-welcome-choice-cta { color: #00d4ff; }
.is-welcome-login {
background: none;
border: none;
color: #5a8aaa;
font-size: 12px;
cursor: pointer;
letter-spacing: 0.04em;
font-family: 'Space Grotesk', sans-serif;
transition: color 0.2s;
padding: 8px;
}
.is-welcome-login:hover { color: #9dc4dd; }
.is-welcome-trust {
width: 100%;
margin-top: 20px;
}
.is-welcome-trust-line {
height: 1px;
background: linear-gradient(to right, transparent, rgba(0,212,255,0.12), transparent);
margin-bottom: 14px;
}
.is-welcome-trust-body {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: #3a5a72;
font-size: 10px;
letter-spacing: 0.08em;
}
.is-welcome-trust-body svg:first-child {
color: #3a5a72;
flex-shrink: 0;
}
.is-welcome-google-g {
flex-shrink: 0;
opacity: 0.75;
}
.is-welcome-trust-brand {
font-weight: 700;
color: #4a7a99;
letter-spacing: 0.06em;
}
/* En escritorio la explicación va a la izquierda y la vista previa a la
derecha: se lee igual de rápido y el panel entra entero en pantalla sin
scroll, que es lo que decide si alguien se queda. */
@media (min-width: 880px) {
.is-welcome-inner {
display: grid;
grid-template-columns: minmax(0,1fr) 340px;
column-gap: 32px;
align-items: start;
max-width: 940px;
text-align: left;
padding: 2.5rem 2.5rem 2rem;
}
.is-welcome-logo-wrap { grid-column: 1; grid-row: 1; }
.is-welcome-tagline { grid-column: 1; grid-row: 2; }
.is-welcome-desc { grid-column: 1; grid-row: 3; max-width: none; margin-bottom: 1.2rem; }
.is-welcome-pills { grid-column: 1; grid-row: 4; justify-content: flex-start; margin-bottom: 0; }
.is-welcome-preview { grid-column: 2; grid-row: 1 / span 4; align-self: center; margin-bottom: 0; max-width: none; }
.is-welcome-choices { grid-column: 1 / -1; grid-row: 5; margin: 1.9rem 0 12px; }
.is-welcome-login { grid-column: 1 / -1; grid-row: 6; justify-self: center; }
.is-welcome-trust { grid-column: 1 / -1; grid-row: 7; }
}
@media (max-width: 560px) {
/* El banner de cookies vive abajo: dejamos aire para que no tape el
enlace de "Ya tengo cuenta". */
.is-welcomeoverlay { padding: 1rem 1rem 5.5rem; }
.is-welcome-choices { grid-template-columns: 1fr; gap: 9px; }
.is-welcome-logo { font-size: 1.75rem; }
.is-welcome-version { font-size: 9px; }
.is-welcome-inner { padding: 1.6rem 1.15rem 1.3rem; border-radius: 18px; }
.is-welcome-tagline { font-size: 11px; letter-spacing: 0.14em; margin-bottom: 0.6rem; }
.is-welcome-desc { font-size: 13px; line-height: 1.55; margin-bottom: 0.9rem; }
.is-welcome-pills { gap: 6px; margin-bottom: 0.9rem; }
.is-welcome-pill { font-size: 10.5px; padding: 5px 10px; gap: 5px; }
.is-welcome-choice { padding: 13px 14px 12px; gap: 4px; border-radius: 14px; }
.is-welcome-choice-icon { font-size: 1.1rem; }
.is-welcome-choice-title { font-size: 13.5px; }
.is-welcome-choice-desc { font-size: 11.5px; line-height: 1.5; }
.is-welcome-choice-cta { margin-top: 5px; }
.is-welcome-trust { margin-top: 12px; }
.is-welcome-preview { margin-bottom: 0.9rem; border-radius: 12px; }
.is-welcome-prev-bar { padding: 5px 10px; }
.is-welcome-prev-screen { padding: 9px 12px 9px; }
.is-welcome-prev-v { font-size: 19px; }
.is-welcome-prev-chart { height: 46px; margin: 4px 0 7px; }
/* En móvil la leyenda es ruido: la barra de colores ya se entiende sola */
.is-welcome-prev-legend { display: none; }
.is-welcome-prev-split { margin-bottom: 0; }
/* Icono en línea con el título: dos filas menos por tarjeta, que es lo que
hace que la segunda opción entre en pantalla sin scroll. */
.is-welcome-choice { display: grid; grid-template-columns: auto 1fr; column-gap: 9px; row-gap: 3px; }
.is-welcome-choice-icon { grid-column: 1; grid-row: 1; align-self: center; }
.is-welcome-choice-title { grid-column: 2; grid-row: 1; align-self: center; }
.is-welcome-choice-desc { grid-column: 2; grid-row: 2; }
.is-welcome-choice-cta { grid-column: 2; grid-row: 3; }
}
/* Pantallas bajas (portátiles pequeños, móvil en horizontal): el preview es lo
primero que sobra — las dos opciones de entrada nunca deben quedar fuera. */
@media (max-height: 660px) {
.is-welcome-preview { display: none; }
.is-welcome-inner { padding: 1.6rem 1.75rem 1.4rem; }
.is-welcome-desc { margin-bottom: 1rem; }
.is-welcome-pills { margin-bottom: 1.2rem; }
}
/* Sin preview no hay segunda columna que llenar: volvemos a una sola. */
@media (max-height: 660px) and (min-width: 880px) {
.is-welcome-inner { grid-template-columns: minmax(0,1fr); max-width: 760px; }
.is-welcome-logo-wrap,
.is-welcome-tagline,
.is-welcome-desc,
.is-welcome-pills,
.is-welcome-choices,
.is-welcome-login,
.is-welcome-trust { grid-column: 1; grid-row: auto; }
.is-welcome-choices { margin: 0 0 10px; }
}
/* ── RESPONSIVE MÓVIL: activos + cartera ──────────────────────────────────── */
@media (max-width: 640px) {
/* Activos — valor patrimonio total */
.is-patrimoniototal { font-size: 22px; }
/* Activos — fila RENT. ESPERADA / YIELD: repartir los componentes de forma
uniforme a lo ancho del móvil, juntar los dos grupos y sustituir el punto
de separación grande por un "|" fino. */
.is-rent-patrimonio {
gap: 6px;
justify-content: space-between;
flex-wrap: nowrap;
}
.is-patrentpct { font-size: 14px; }
.is-patrentamt { font-size: 11px; }
.is-btnveractivos { padding: 4px 7px; font-size: 8px; gap: 4px; }
/* Separador entre grupo RENT y grupo YIELD: "|" fino y márgenes mínimos.
Ocultamos el "·" original (font-size:0) y pintamos el "|" con ::before. */
.is-rent-patrimonio #patYieldSep {
margin: 0 2px;
font-size: 0;
opacity: 0.3;
}
.is-rent-patrimonio #patYieldSep::before {
content: "|";
font-size: 12px;
}
/* Cartera — cabecera: ocultar etiqueta de frecuencia, reducir botones */
.is-cartera-freq-label { display: none; }
.is-carterapricestatus { font-size: 9px; letter-spacing: 0.03em; }
.is-button-14, .is-button-15 { padding: 4px 8px; gap: 4px; }
.is-span-16 { font-size: 9px; }
}
/* ── COUNTRY MODAL ───────────────────────────────────────────────────────── */
.is-countrymodal {
position: fixed;
inset: 0;
z-index: 10010;
background: rgba(0,0,0,0.85);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.is-div-country {
background: var(--overlay-bg);
border: 1px solid rgba(var(--ar),0.18);
border-radius: 18px;
padding: 36px 28px;
max-width: 400px;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 40px rgba(var(--ar),0.08);
}
.is-div-country-icon {
font-size: 42px;
line-height: 1;
}
.is-div-country-title {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.12em;
color: var(--accent);
text-shadow: 0 0 16px rgba(var(--ar),0.4);
}
.is-div-country-sub {
font-size: 12px;
color: var(--muted);
line-height: 1.5;
max-width: 300px;
}
.is-country-modal-select {
width: 100%;
padding: 10px 30px 10px 12px;
font-size: 13px;
}
.is-country-modal-err {
font-size: 11px;
color: #ff4d6d;
min-height: 14px;
}
.is-country-modal-btn {
width: 100%;
padding: 12px;
background: linear-gradient(135deg, rgba(var(--ar),0.15), rgba(var(--ar),0.08));
border: 1px solid rgba(var(--ar),0.35);
border-radius: 10px;
color: var(--accent);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
cursor: pointer;
transition: all 0.2s;
font-family: inherit;
}
.is-country-modal-btn:hover {
background: rgba(var(--ar),0.2);
box-shadow: 0 0 16px rgba(var(--ar),0.2);
}
/* ── MOBILE AI BLOCK MODAL ──────────────────────────────────────────────── */
.is-mobileai-overlay{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,0.75);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem}
.is-mobileai-card{background:var(--card-bg);border:1px solid rgba(var(--ar),0.25);border-radius:20px;padding:2.5rem 2rem 2rem;max-width:320px;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,0.5),0 0 0 1px rgba(var(--ar),0.08)}
.is-mobileai-glow{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.is-mobileai-icon{font-size:52px;margin-bottom:1.25rem;display:block;filter:drop-shadow(0 0 18px rgba(var(--ar),0.4))}
.is-mobileai-title{font-size:15px;font-weight:700;letter-spacing:0.2em;color:var(--accent);margin-bottom:0.4rem}
.is-mobileai-sub{font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem}
.is-mobileai-msg{font-size:13px;line-height:1.65;color:var(--text);opacity:0.8;margin-bottom:2rem}
.is-mobileai-btn{background:rgba(var(--ar),0.08);border:1px solid rgba(var(--ar),0.3);border-radius:10px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:0.15em;padding:10px 28px;cursor:pointer;font-family:'Space Grotesk',sans-serif;transition:all 0.2s}
.is-mobileai-btn:hover{background:rgba(var(--ar),0.16);border-color:rgba(var(--ar),0.5);transform:scale(1.03)}
/* ── WEB VIEWER MODAL ───────────────────────────────────────────────────── */
.is-webviewer-modal{position:fixed;inset:0;z-index:2000;background:var(--bg);display:flex;flex-direction:column}
.is-webviewer-header{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(var(--ar),0.15);background:var(--overlay-bg);flex-shrink:0}
.is-webviewer-back{background:none;border:1px solid rgba(var(--ar),0.2);border-radius:8px;color:var(--text);font-size:12px;font-weight:600;padding:5px 12px;cursor:pointer;font-family:'Space Grotesk',sans-serif;letter-spacing:0.06em;transition:all 0.2s;white-space:nowrap}
.is-webviewer-back:hover{border-color:rgba(var(--ar),0.5);color:var(--accent)}
.is-webviewer-title{font-size:13px;font-weight:600;color:var(--text);letter-spacing:0.06em;flex:1}
.is-webviewer-live{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;letter-spacing:0.08em;color:#ff4d6d;opacity:0.85}
.is-webviewer-frame{flex:1;width:100%;border:none;background:var(--bg)}
/* ── VALUEACADEMIA como página interna (estilo webviewer, no modal) ── */
.va-page{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column}
.va-page-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid rgba(var(--ar),0.15);background:var(--overlay-bg);flex-shrink:0}
.va-page-header-left{display:flex;align-items:center;gap:14px;min-width:0}
.va-page-header-center{display:flex;align-items:center;justify-content:center;min-width:0}
.va-page-header-right{display:flex;align-items:center;gap:8px;justify-content:flex-end;min-width:0}
.va-page-titlewrap{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}
.va-page-title{font-size:13px;font-weight:700;letter-spacing:0.12em;color:var(--accent);text-shadow:0 0 16px rgba(var(--ar),0.4)}
.va-page-sub{font-size:10px;color:var(--muted);letter-spacing:0.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.va-page-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px;max-width:900px;width:100%;margin:0 auto}
@media(max-width:640px){
.va-page-header{padding:9px 12px;gap:8px 10px;grid-template-columns:auto 1fr;grid-template-areas:"left right" "center center"}
.va-page-header-left{grid-area:left;min-width:0}
.va-page-header-center{grid-area:center;justify-content:center}
.va-page-header-right{grid-area:right}
.va-page-sub{display:none}
.va-page-body{padding:14px}
}
/* ── MERCADOS TAB ───────────────────────────────────────────────────────── */
#tabMercados{flex-direction:column;gap:0}
.mercados-section{margin-bottom:1rem}
.mercados-section-header{display:flex;align-items:center;gap:10px;background:rgba(var(--ar),0.04);border:1px solid rgba(var(--ar),0.12);border-radius:10px;padding:10px 14px;cursor:pointer;width:100%;text-align:left;transition:all 0.2s;font-family:'Space Grotesk',sans-serif}
.mercados-section-header:hover{background:rgba(var(--ar),0.09);border-color:rgba(var(--ar),0.28)}
.mercados-section-icon{font-size:16px;flex-shrink:0}
.mercados-section-title{font-size:11px;font-weight:700;letter-spacing:0.18em;color:var(--text);flex:1}
.mercados-live{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;letter-spacing:0.08em;color:#ff4d6d;opacity:0.85}
.mercados-drag-handle{font-size:14px;color:var(--muted);opacity:0.4;cursor:grab;transition:opacity 0.2s;user-select:none}
.mercados-drag-handle:hover{opacity:0.8}
.mercados-draggable.mercados-dragging{opacity:0.3;transition:opacity 0.15s}
.mercados-draggable.mercados-drag-over{box-shadow:0 -2px 0 0 var(--accent);border-radius:10px}
.mercados-section-chevron{font-size:16px;color:var(--muted);transition:transform 0.25s ease;line-height:1}
.mercados-section-body{padding-top:0.75rem}
tv-economic-map{display:block;width:100%;height:480px;border-radius:10px;filter:invert(1) hue-rotate(180deg);opacity:0.88}
[data-theme=light] tv-economic-map,[data-theme=lpink] tv-economic-map{filter:none;opacity:1}
.mercados-row{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:1rem;align-items:start}
.mercados-half{margin-bottom:0}
.mercados-widget-wrap{border-radius:10px;overflow:hidden;border:1px solid rgba(var(--ar),0.1);max-width:100%;min-width:0}
.mercados-widget-wrap .tradingview-widget-container,.mercados-widget-wrap .tradingview-widget-container__widget{width:100%;height:100%}
.mercados-widget-tall{height:min(500px,62vh)}
.advanced-chart-wrap{height:min(500px,68vh);border-radius:10px;overflow:hidden;border:1px solid rgba(var(--ar),0.1);max-width:100%;min-width:0}
.heatmap-wrap{height:min(480px,60vh);border-radius:10px;overflow:hidden;border:1px solid rgba(var(--ar),0.1);max-width:100%;min-width:0}
.heatmap-wrap .tradingview-widget-container,.heatmap-wrap .tradingview-widget-container__widget{width:100%;height:100%}
/* Forzar que el