.elementor-30680 .elementor-element.elementor-element-2e7f03b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS */.ia-mkt{
  --heroBg:#05297A; --heroTx:#FFFFFF; --heroAcc:#2FD9A0;
  --nv:#05297A; --az:#2465F6; --vd:#128766; --vdl:#18B488; --rj:#C0392B;
  --tx:#12203A; --tx2:#4A5673; --mu:#7B87A3;
  --bg:#F7F9FD; --sf:#FFFFFF; --sf2:#EFF3FA; --ln:#DFE6F3; --ln2:#C6D1E6;
  --up:#0E7C5A; --upb:rgba(24,180,136,.10); --dn:#C0392B; --dnb:rgba(192,57,43,.08);
}

.ia-mkt *{box-sizing:border-box}

.ia-mkt{margin:0;background:var(--bg);color:var(--tx);font-family:Roboto,system-ui,sans-serif;line-height:1.6}

.ia-mkt h1,.ia-mkt h2,.ia-mkt h3,.ia-mkt .iam-p{font-family:Poppins,system-ui,sans-serif}

.ia-mkt .iam-mocklbl{background:var(--heroBg);color:var(--heroTx);font-family:Poppins,sans-serif;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;text-align:center;padding:7px}


.ia-mkt .iam-tape{background:var(--heroBg);color:var(--heroTx);font-size:12px;padding:9px 0;overflow:hidden;white-space:nowrap}

.ia-mkt .iam-tape span{margin:0 16px;font-variant-numeric:tabular-nums}

.ia-mkt .iam-tape b{color:#fff;font-weight:500}

.ia-mkt .iam-up{color:var(--heroAcc)}
.ia-mkt .iam-dn{color:#FF9182}

.ia-mkt .iam-wrap{max-width:1080px;margin:0 auto;padding:34px 22px 80px}

.ia-mkt .iam-hd{margin:0 0 22px}

.ia-mkt .iam-hd h1{font-size:32px;font-weight:700;color:var(--nv);letter-spacing:-.7px;margin:0 0 4px}

.ia-mkt .iam-hd p{margin:0;color:var(--tx2);font-size:15px}

.ia-mkt nav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--ln);margin:0 0 6px;padding:10px 0;position:sticky;top:0;z-index:20;background:var(--bg);overflow-x:auto}

.ia-mkt nav a{text-decoration:none}

.ia-mkt nav a{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:7px 15px;border-radius:99px;border:1px solid var(--ln);background:var(--sf);color:var(--tx2);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}

.ia-mkt nav a[aria-current="true"]{background:var(--heroBg);color:var(--heroTx);border-color:transparent}


.ia-mkt nav a:focus-visible{outline:2px solid var(--az);outline-offset:2px}

.ia-mkt .iam-pane{display:block;scroll-margin-top:76px;padding:34px 0 8px;border-top:1px solid var(--ln)}

.ia-mkt .iam-pane:first-of-type{border-top:0;padding-top:6px}

.ia-mkt .iam-grid{display:grid;gap:14px}
.ia-mkt .iam-g2{grid-template-columns:1fr 1fr}
.ia-mkt .iam-g3{grid-template-columns:repeat(3,1fr)}

.ia-mkt .iam-card{background:var(--sf);border:1px solid var(--ln);border-radius:12px;overflow:hidden;margin:0 0 18px}

.ia-mkt .iam-ch{display:flex;align-items:baseline;gap:8px;padding:13px 17px;border-bottom:1px solid var(--ln);background:var(--sf2)}

.ia-mkt .iam-ch h3{font-size:14px;font-weight:600;margin:0;color:var(--nv)}

.ia-mkt .iam-ch span{margin-left:auto;font-size:11px;color:var(--mu)}

.ia-mkt table{width:100%;border-collapse:collapse;font-size:13.5px}

.ia-mkt th{font-family:Poppins,sans-serif;font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--mu);text-align:right;padding:9px 15px;border-bottom:1px solid var(--ln)}

.ia-mkt th:first-child,.ia-mkt td:first-child{text-align:left}

.ia-mkt td{padding:9px 15px;text-align:right;border-bottom:1px solid var(--ln);font-variant-numeric:tabular-nums}

.ia-mkt tr:last-child td{border-bottom:0}

.ia-mkt .iam-tw{overflow-x:auto}

.ia-mkt .iam-pos{color:var(--up);background:var(--upb)}
.ia-mkt .iam-neg{color:var(--dn);background:var(--dnb)}

.ia-mkt .iam-blur td{filter:blur(4.5px);opacity:.45;user-select:none}

.ia-mkt .iam-gate{padding:17px;text-align:center;background:var(--sf2);border-top:1px solid var(--ln)}

.ia-mkt .iam-gate b{display:block;font-family:Poppins,sans-serif;font-size:14.5px;color:var(--nv);margin-bottom:3px}

.ia-mkt .iam-gate p{margin:0 0 13px;font-size:12.5px;color:var(--tx2)}

.ia-mkt .iam-btn{display:inline-block;background:#2465F6;color:#fff;text-decoration:none;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;padding:10px 24px;border-radius:99px;border:none;cursor:pointer}

.ia-mkt .iam-btn.iam-gh{background:transparent;color:var(--az);border:1.5px solid var(--az)}

.ia-mkt .iam-btn:focus-visible{outline:2px solid var(--nv);outline-offset:2px}

.ia-mkt .iam-hero{background:var(--heroBg);border-radius:13px;padding:24px 26px;color:var(--heroTx);margin:0 0 16px}

.ia-mkt .iam-hero .iam-p{font-size:10.5px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;opacity:.72;margin:0 0 12px}

.ia-mkt .iam-vs{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}

.ia-mkt .iam-v{display:flex;flex-direction:column;gap:1px}

.ia-mkt .iam-v b{font-family:Poppins,sans-serif;font-size:34px;font-weight:700;line-height:1;letter-spacing:-1px}

.ia-mkt .iam-v small{font-size:12px;opacity:.76}

.ia-mkt .iam-v.iam-g b{color:var(--heroAcc)}

.ia-mkt .iam-sep{font-size:12.5px;opacity:.5;padding-bottom:8px}

.ia-mkt .iam-dlt{margin-left:auto;text-align:right}

.ia-mkt .iam-dlt b{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:var(--heroAcc);display:block;line-height:1.1}

.ia-mkt .iam-dlt small{font-size:11.5px;opacity:.76}

.ia-mkt .iam-fx{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.ia-mkt .iam-fxc{background:var(--sf);border:1px solid var(--ln);border-radius:11px;padding:15px 17px}

.ia-mkt .iam-fxc .iam-p{font-size:10px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:var(--mu);margin:0 0 5px}

.ia-mkt .iam-fxc b{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;display:block;letter-spacing:-.5px}

.ia-mkt .iam-fxc small{font-size:11.5px;color:var(--mu)}

.ia-mkt .iam-fxc a{display:block;margin-top:9px;font-size:12px;color:var(--az);text-decoration:none;font-weight:500}

/* Tres motivos y un boton. Reemplaza a una suscripcion que prometia un resumen
   semanal que en realidad solo reciben los clientes. */
.ia-mkt .iam-vp{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:18px;align-items:center;background:var(--sf2);border:1px solid var(--ln);border-radius:12px;padding:20px 22px;margin:22px 0 0}

.ia-mkt .iam-vp-i b{display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:var(--nv);margin:0 0 3px}

.ia-mkt .iam-vp-i span{display:block;font-size:12.5px;color:var(--tx2);line-height:1.45}

@media(max-width:900px){.ia-mkt .iam-vp{grid-template-columns:1fr 1fr}
.ia-mkt .iam-vp-c{grid-column:1/-1}}

@media(max-width:640px){.ia-mkt .iam-vp{grid-template-columns:1fr;padding:16px}
.ia-mkt .iam-vp-c .iam-btn{width:100%}}

.ia-mkt .iam-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--sf2);border:1px solid var(--ln);border-radius:12px;padding:19px 22px;margin:22px 0 0}

.ia-mkt .iam-cta p{margin:0;font-size:14px;color:var(--tx2);flex:1;min-width:230px}

.ia-mkt .iam-cta strong{color:var(--tx)}

.ia-mkt .iam-foot{font-size:11px;color:var(--mu);margin:9px 0 0}

.ia-mkt .iam-note{font-size:12.5px;color:var(--tx2);background:var(--sf2);border-left:3px solid var(--az);border-radius:0 8px 8px 0;padding:12px 16px;margin:0 0 18px}

.ia-mkt .iam-lead{font-size:14.5px;color:var(--tx2);max-width:66ch;margin:0 0 16px}

.ia-mkt h2.iam-sec{font-size:21px;font-weight:700;color:var(--nv);margin:26px 0 4px;letter-spacing:-.3px}

.ia-mkt h2.iam-sec:first-of-type{margin-top:0}

.ia-mkt .iam-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--az);margin:0 0 4px;font-family:Poppins,sans-serif}

.ia-mkt .iam-fnt{color:var(--mu);font-size:12.5px}

.ia-mkt .iam-tk{display:inline-block;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;padding:5px 12px;border-radius:7px;background:rgba(36,101,246,.10);color:var(--az);border:1px solid rgba(36,101,246,.18)}

.ia-mkt .iam-tk.iam-mas{background:transparent;border-style:dashed;color:var(--mu)}

.ia-mkt .iam-tk.iam-bl{filter:blur(4.5px);opacity:.5;user-select:none}

/* Punto que late al lado de una variacion que se esta moviendo de verdad. Hereda el
   color de la celda (verde o rojo) y lo pone el JS solo si esa plaza esta en rueda. */
.ia-mkt .iam-lvd{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px;animation:lvp 1.8s ease-in-out infinite}

@keyframes iam-lvp{0%,100%{opacity:1}50%{opacity:.18}}

.ia-mkt td[data-lv]{white-space:nowrap}

@media(prefers-reduced-motion:reduce){.ia-mkt .iam-lvd{animation:none}}

.ia-mkt .iam-hero-st{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 0}

/* Chip de mercado abierto/cerrado, traido del Monitor. No consulta ninguna API nuestra:
   se resuelve con el horario y el calendario de cada plaza. */
.ia-mkt .iam-mkts{display:inline-flex;gap:6px;flex-wrap:wrap}

.ia-mkt .iam-mkc{display:inline-flex;align-items:center;gap:5px;font-family:Poppins,sans-serif;font-size:10.5px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}

.ia-mkt .iam-mkc i{width:7px;height:7px;border-radius:50%;display:inline-block}

.ia-mkt .iam-mkc.iam-op{color:#8FE9C8;background:rgba(24,180,136,.16);border:1px solid rgba(24,180,136,.35)}

.ia-mkt .iam-mkc.iam-op i{background:#18E39A;animation:mkp 2s infinite}

.ia-mkt .iam-mkc.iam-cl{color:#F4D06A;background:rgba(233,203,48,.14);border:1px solid rgba(233,203,48,.4)}

.ia-mkt .iam-mkc.iam-cl i{background:#E93030}

@keyframes iam-mkp{0%,100%{opacity:1}50%{opacity:.3}}

.ia-mkt .iam-cw{padding:18px 20px 4px}

.ia-mkt .iam-cw-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:0 0 18px}

.ia-mkt .iam-cw-m{background:var(--sf2);border-radius:9px;padding:11px 13px}

.ia-mkt .iam-cw-m span{display:block;font-family:Poppins,sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:var(--mu);margin:0 0 3px}

.ia-mkt .iam-cw-m b{font-size:13px;font-weight:600;line-height:1.35;display:block}

.ia-mkt .iam-cw-bar{display:flex;height:28px;border-radius:7px;overflow:hidden;background:var(--sf2)}

.ia-mkt .iam-cw-bar i{font-style:normal;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;color:#fff;overflow:hidden}

.ia-mkt .iam-cw-leg{display:flex;gap:8px 18px;flex-wrap:wrap;margin:11px 0 0;font-size:12.5px;color:var(--tx2)}

.ia-mkt .iam-cw-leg span{display:inline-flex;align-items:center;gap:6px}

.ia-mkt .iam-cw-leg em{width:9px;height:9px;border-radius:3px;display:inline-block;flex:none}

/* Los chips NO son tickers borroneados: son marcas vacias. Un blur de CSS se saca desde el
   inspector en dos clicks, asi que el dato no puede estar en la pagina. Lo unico que dicen
   es cuantos instrumentos hay. */
.ia-mkt .iam-cw-chips{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 0;filter:blur(4.5px);opacity:.42;user-select:none}

.ia-mkt .iam-cw-chips b{height:27px;border-radius:7px;background:rgba(36,101,246,.30)}

/* El rendimiento es el dato que engancha: va grande, y al lado los meses cerrados
   para que se vea que no es un numero suelto sino una serie. */
.ia-mkt .iam-cw-perf{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:20px 0 0;padding:14px 16px;background:var(--sf2);border-radius:10px}

.ia-mkt .iam-cw-perf span{display:block;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--mu);margin:0 0 4px}

.ia-mkt .iam-cw-perf b{font-family:Poppins,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.8px;line-height:1;display:block}

.ia-mkt .iam-cw-perf small{display:block;font-size:11.5px;color:var(--mu);margin-top:5px}

.ia-mkt .iam-cw-perf svg{height:46px;flex:1;min-width:170px}

.ia-mkt .iam-cw-perf b.iam-g{color:var(--vd)}

.ia-mkt .iam-cw-perf b.iam-r{color:var(--rj)}

.ia-mkt .iam-cw-cap{font-size:12px;color:var(--mu);margin:14px 0 10px}

/* Lista de herramientas en filas. Diez tarjetas grandes son una pared; en filas se lee
   la lista completa de un vistazo y se ve de entrada cual esta abierta y cual no. */
/* Dos paneles en escritorio: la lista manda a la izquierda y la calculadora vive
   fija a la derecha. Al tocar una fila no se mueve nada de lugar, que es lo que
   hacia raro al acordeon: cada click empujaba media pagina para abajo. */
/* El bloque de resultado deja de ser tres cajas iguales: el numero que importa va
   grande y solo, y los dos que lo explican quedan al costado y mas chicos. */
.ia-mkt }
/* El pedido de mail: lo unico que convierte a alguien que hizo la simulacion y
   todavia no quiere hablar con nadie. */
/* Solo la descarga: se lleva el numero sin dejar nada a cambio. */
.iam-ld{border-top:1px solid var(--ln);padding:14px 24px 16px;background:var(--sf)}

/* Campo trampa: los bots lo completan, las personas no lo ven. */
.ia-mkt .iam-lnk{background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--az);cursor:pointer;text-decoration:underline}

.ia-mkt .iam-lnk:hover{color:var(--nv)}

@media(max-width:640px){.ia-mkt .iam-ld{padding:13px 14px 15px}}

.ia-mkt .iam-calc-2{display:block}

.ia-mkt .iam-calc-pan>.iam-calc-p{border-bottom:0}

@media(min-width:900px){
  .ia-mkt .iam-calc-2{display:grid;grid-template-columns:330px 1fr;align-items:start}

  .ia-mkt .iam-calc-list{border-right:1px solid var(--ln)}

  .ia-mkt .iam-calc-pan{background:var(--sf)}}

.ia-mkt .iam-calc-list{display:flex;flex-direction:column}

.ia-mkt .iam-calc-list>button,.ia-mkt .iam-calc-list>a{display:block;width:100%;text-align:left;background:var(--sf);border:0;border-bottom:1px solid var(--ln);padding:14px 18px;cursor:pointer;font-family:inherit;text-decoration:none;color:inherit;position:relative}

.ia-mkt .iam-calc-list>button b,.ia-mkt .iam-calc-list>a b{display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:var(--nv);margin:0 0 2px;padding-right:26px}

.ia-mkt .iam-calc-list>button span,.ia-mkt .iam-calc-list>a span{display:block;font-size:12.5px;color:var(--tx2);line-height:1.45}

.ia-mkt .iam-calc-list>button:hover,.ia-mkt .iam-calc-list>a:hover{background:var(--sf2)}

.ia-mkt .iam-calc-list>button:focus-visible,.ia-mkt .iam-calc-list>a:focus-visible{outline:2px solid var(--az);outline-offset:-2px}

.ia-mkt .iam-calc-list>button[aria-selected="true"]{background:var(--sf2);box-shadow:inset 3px 0 0 var(--az)}

/* La flecha dice "esto se abre"; el candado, "esto no". */
.ia-mkt .iam-calc-list>button::after,.ia-mkt .iam-calc-list>a::after{position:absolute;right:18px;top:14px;font-size:13px;color:var(--mu)}

.ia-mkt .iam-calc-list>button::after{content:"›"}

.ia-mkt .iam-calc-list>button[aria-selected="true"]::after{content:"›";color:var(--az)}

.ia-mkt .iam-calc-list>a.iam-row-ext::after{content:"↗"}

.ia-mkt .iam-calc-list em{font-style:normal;font-family:Poppins,sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--az);background:rgba(36,101,246,.10);border:1px solid rgba(36,101,246,.20);border-radius:99px;padding:2px 8px;margin-left:7px;vertical-align:2px;white-space:nowrap}

.ia-mkt .iam-calc-list>.iam-calc-p{border-bottom:1px solid var(--ln);background:var(--sf2)}

.ia-mkt .iam-calc{padding:0}

.ia-mkt .iam-calc-in{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 20px 6px}

.ia-mkt .iam-calc-in label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--mu);font-family:Poppins,sans-serif}

.ia-mkt .iam-calc-in input,.ia-mkt .iam-calc-in select{font-family:Roboto,sans-serif;font-size:16px;font-weight:500;padding:10px 12px;border:1px solid var(--ln2);border-radius:8px;background:var(--sf);color:var(--tx);width:100%}

.ia-mkt .iam-calc-in input:focus,.ia-mkt .iam-calc-in select:focus{outline:2px solid var(--az);outline-offset:1px;border-color:var(--az)}

.ia-mkt .iam-calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:14px 20px 20px}

.ia-mkt .iam-calc-r{background:var(--sf2);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}

.ia-mkt .iam-calc-r span{font-size:11.5px;color:var(--mu)}

.ia-mkt .iam-calc-r b{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}

.ia-mkt .iam-calc-r small{font-size:11px;color:var(--mu)}

.ia-mkt .iam-calc-r.iam-win{background:rgba(24,180,136,.10);border:1px solid rgba(24,180,136,.28)}

.ia-mkt .iam-calc-r.iam-win b{color:var(--vd)}

@media(max-width:780px){.ia-mkt .iam-calc-in,.ia-mkt .iam-calc-out{grid-template-columns:1fr}
.ia-mkt .iam-cw-meta{grid-template-columns:1fr 1fr}}

.ia-mkt .iam-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

.ia-mkt .iam-cta .iam-btns,.ia-mkt .iam-gate .iam-btns{justify-content:center}

.ia-mkt .iam-cta .iam-btns{justify-content:flex-start}

.ia-mkt .iam-calc-nav{display:flex;gap:6px;overflow-x:auto;padding:12px 14px;border-bottom:1px solid var(--ln);background:var(--sf2);scrollbar-width:none}

.ia-mkt .iam-calc-nav::-webkit-scrollbar,.ia-mkt nav::-webkit-scrollbar{display:none}

.ia-mkt .iam-calc-nav button{font-family:Poppins,sans-serif;font-size:12.5px;font-weight:600;padding:8px 15px;border-radius:99px;border:1px solid var(--ln2);background:var(--sf);color:var(--tx2);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}

.ia-mkt .iam-calc-nav button[aria-selected="true"]{background:var(--heroBg);color:var(--heroTx);border-color:transparent}

.ia-mkt .iam-calc-nav button:focus-visible{outline:2px solid var(--az);outline-offset:2px}

/* Semaforo de riesgo. El punto esta siempre; el color pasa al fondo cuando la
   cartera esta elegida. Renta mensual no esta en la escala: queda en azul. */
.ia-mkt .iam-calc-nav button[data-w]{--rk:var(--mu)}

.ia-mkt .iam-calc-nav button[data-w="conser"]{--rk:#18B488}

.ia-mkt .iam-calc-nav button[data-w="moder"]{--rk:#E9CB30}

.ia-mkt .iam-calc-nav button[data-w="agres"]{--rk:#E93030}

.ia-mkt .iam-calc-nav button[data-w="onsmens"]{--rk:#2465F6}

.ia-mkt .iam-calc-nav button[data-w]::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rk);margin-right:7px}

.ia-mkt .iam-calc-nav button[data-w][aria-selected="true"]{background:var(--rk);border-color:transparent;color:#fff}

.ia-mkt .iam-calc-nav button[data-w][aria-selected="true"]::before{background:rgba(255,255,255,.85)}

/* Sobre ambar el texto blanco no se lee. */
.ia-mkt .iam-calc-nav button[data-w="moder"][aria-selected="true"]{color:#2B2408}

.ia-mkt .iam-calc-nav button[data-w="moder"][aria-selected="true"]::before{background:rgba(0,0,0,.45)}

/* El mismo semaforo que las carteras, con los rotulos del research. */
.ia-mkt .iam-calc-nav button[data-g="Conservador"]{--rk:#18B488}

.ia-mkt .iam-calc-nav button[data-g="Moderado"]{--rk:#E9CB30}

.ia-mkt .iam-calc-nav button[data-g="Agresivo"]{--rk:#E93030}

.ia-mkt .iam-calc-nav button[data-g]::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rk);margin-right:7px}

.ia-mkt .iam-calc-nav button[data-g][aria-selected="true"]{background:var(--rk);border-color:transparent;color:#fff}

.ia-mkt .iam-calc-nav button[data-g][aria-selected="true"]::before{background:rgba(255,255,255,.85)}

.ia-mkt .iam-calc-nav button[data-g="Moderado"][aria-selected="true"]{color:#2B2408}

.ia-mkt .iam-calc-nav button[data-g="Moderado"][aria-selected="true"]::before{background:rgba(0,0,0,.45)}

.ia-mkt .iam-rc-g{margin:0 0 15px}

.ia-mkt .iam-rc-g:last-child{margin-bottom:0}

.ia-mkt .iam-rc-g p{margin:0 0 9px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--mu)}

.ia-mkt .iam-rc-g div{display:flex;gap:7px;flex-wrap:wrap}

.ia-mkt .iam-calc-p{display:none}

.ia-mkt .iam-calc-p.iam-on{display:block}

.ia-mkt .iam-cv-box{padding:12px 10px 2px}

.ia-mkt .iam-cv-box svg{width:100%;height:auto;display:block}

.ia-mkt .iam-cv-ax{fill:var(--mu);font-family:Roboto,sans-serif;font-size:10px}

.ia-mkt .iam-cv-gr{stroke:var(--ln);stroke-width:1}

.ia-mkt .iam-cv-fit{fill:none;stroke:var(--az);stroke-width:2;opacity:.55}

.ia-mkt .iam-cv-dot{fill:var(--az)}

.ia-mkt .iam-cv-pts{filter:url(#cvBlur)}

.ia-mkt .iam-tw{-webkit-overflow-scrolling:touch}


.ia-mkt .iam-chip{display:inline-block;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:rgba(36,101,246,.12);color:var(--az);vertical-align:2px;margin-left:7px}

.ia-mkt .iam-hero-top{background:var(--heroBg);color:var(--heroTx);padding:26px 22px 24px}

.ia-mkt .iam-hero-in{max-width:1080px;margin:0 auto}

.ia-mkt .iam-hero-top h1{font-size:28px;font-weight:700;letter-spacing:-.7px;margin:0;line-height:1.15;text-wrap:balance}

/* La cinta se mueve de verdad. Es lo que dice "esto esta vivo" antes de leer un solo numero. */
.ia-mkt .iam-tape-in{display:inline-block;padding-left:100%;animation:iam-tape 46s linear infinite}

@keyframes iam-tape{from{transform:translateX(0)}to{transform:translateX(-100%)}}

.ia-mkt .iam-tape:hover .iam-tape-in{animation-play-state:paused}

@media(prefers-reduced-motion:reduce){.ia-mkt .iam-tape-in{animation:none;padding-left:0}}


/* ── MOBILE ──
   Una tabla de 5 columnas en 375px no se lee: o se achica hasta ser ilegible o se scrollea de
   costado, que nadie hace. Las columnas secundarias (.opt) se ocultan y queda lo que importa:
   nombre, valor y variacion. El dato completo esta a un toque, adentro. */
@media(max-width:640px){
  .ia-mkt .iam-opt{display:none}

  .ia-mkt .iam-wrap{padding:22px 14px 60px}

  .ia-mkt .iam-hero-top{padding:20px 16px 18px}

  .ia-mkt .iam-hero-top h1{font-size:24px}

  .ia-mkt table{font-size:15px}

  .ia-mkt th{font-size:10px;padding:8px 12px}

  .ia-mkt td{padding:12px 12px}

  .ia-mkt td:first-child{font-weight:600}

  .ia-mkt .iam-card{border-radius:10px;margin-bottom:14px}

  .ia-mkt .iam-ch{padding:12px 14px}

  .ia-mkt .iam-btn{width:100%;padding:14px 20px;font-size:15px}

  .ia-mkt .iam-cta{padding:16px 16px;gap:12px}

  .ia-mkt .iam-cta .iam-btn{width:100%}

  .ia-mkt .iam-gate{padding:16px 14px}

  .ia-mkt h2.iam-sec{font-size:19px}

  .ia-mkt .iam-lead{font-size:14px}

  .ia-mkt nav{padding:8px 0;gap:5px}

  .ia-mkt nav a{font-size:12.5px;padding:8px 14px}

  .ia-mkt .iam-calc-r b{font-size:20px}

  .ia-mkt .iam-tk{font-size:13px;padding:7px 14px}

  .ia-mkt .iam-note{font-size:13px}

  /* Tres tablas llevan una columna de NOMBRE ("Alphabet (Google)", "Pluspetrol") y son
     las unicas que no entran en 375px: se pasaban del ancho y aparecia un scroll
     horizontal minimo, que es de lo peor que se puede sentir en un celular.
     Un max-width en el <td> no sirve: con table-layout:auto el navegador lo ignora. */
  .ia-mkt .iam-tw.iam-nm table{font-size:13.5px}

  .ia-mkt .iam-tw.iam-nm td{padding:11px 9px}

  .ia-mkt .iam-calc-nav{padding:10px}

  .ia-mkt .iam-calc-nav button{font-size:12px;padding:8px 13px}

  .ia-mkt .iam-calc-list>button,.ia-mkt .iam-calc-list>a{padding:12px 15px}

  .ia-mkt .iam-calc-list>button b,.ia-mkt .iam-calc-list>a b{font-size:13.5px;margin:0}

  /* La bajada de cada fila se va: diez filas con descripcion son 700px de lista
     antes de llegar a la calculadora, y los titulos se explican solos. */
  .ia-mkt .iam-calc-list>button span,.ia-mkt .iam-calc-list>a span{display:none}

  .ia-mkt .iam-calc-list em{display:inline-block;margin:4px 0 0 0}

  .ia-mkt .iam-calc-in{padding:16px 14px 4px;gap:12px}

  .ia-mkt .iam-calc-out{padding:10px 14px 16px;gap:10px}

  .ia-mkt .iam-hero{padding:18px 16px}

  .ia-mkt .iam-v b{font-size:30px}

  .ia-mkt .iam-fxc b{font-size:22px}

  .ia-mkt .iam-btns{flex-direction:column;width:100%}

  .ia-mkt .iam-cta .iam-btns .iam-btn,.ia-mkt .iam-gate .iam-btns .iam-btn{width:100%}

  .ia-mkt .iam-mocklbl{font-size:10px;padding:7px 12px;line-height:1.4}

  .ia-mkt .iam-cv-box{padding:8px 2px 0}}

@media(max-width:780px){.ia-mkt .iam-g2,.ia-mkt .iam-g3,.ia-mkt .iam-fx{grid-template-columns:1fr}
.ia-mkt .iam-hd h1{font-size:25px}
.ia-mkt .iam-v b{font-size:27px}
.ia-mkt .iam-dlt{margin-left:0;text-align:left}}

@media(prefers-reduced-motion:reduce){.ia-mkt *{transition:none!important;animation:none!important}}

/* El bloque de resultado va al final de la hoja a proposito: una media query no suma
   especificidad, asi que si estas reglas van antes de la definicion base de .calc-out
   la base gana y el resultado se queda en tres columnas iguales. */
@media(min-width:900px){
  .ia-mkt .iam-calc-in{grid-template-columns:repeat(3,1fr);padding:24px 24px 8px;gap:16px}

  .ia-mkt .iam-calc-in input,.ia-mkt .iam-calc-in select{font-size:17px;padding:12px 14px}

  .ia-mkt .iam-calc-out{grid-template-columns:1.35fr 1fr;padding:16px 24px 22px;gap:14px}

  .ia-mkt .iam-calc-out .iam-calc-r:nth-child(1){grid-column:2;grid-row:1}

  .ia-mkt .iam-calc-out .iam-calc-r:nth-child(2){grid-column:2;grid-row:2}

  .ia-mkt .iam-calc-out .iam-calc-r.iam-win{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:center;padding:22px 24px}

  .ia-mkt .iam-calc-out .iam-calc-r.iam-win span{font-size:13px}

  .ia-mkt .iam-calc-out .iam-calc-r.iam-win b{font-size:46px;letter-spacing:-1.6px;margin:6px 0 2px}

  .ia-mkt .iam-calc-out .iam-calc-r.iam-win small{font-size:12.5px}

/* Ventanita propia, solo para cuando el popup del sitio no esta (fuera de WordPress).
   Existe porque el respaldo anterior mandaba a todos a "abrir cuenta", y siete de cada
   diez vienen a vincular la que ya tienen. */
.ia-mkt .iam-mdl{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}

.ia-mkt .iam-mdl[hidden]{display:none}

.ia-mkt .iam-mdl-bg{position:absolute;inset:0;background:rgba(5,20,49,.55)}

.ia-mkt .iam-mdl-c{position:relative;background:#fff;color:#12203A;border-radius:14px;max-width:560px;width:100%;padding:34px 30px 26px;text-align:center;box-shadow:0 20px 60px rgba(5,41,122,.28)}

.ia-mkt .iam-mdl-c h2{font-family:Poppins,sans-serif;font-size:26px;font-weight:700;color:#05297A;margin:0 0 8px;letter-spacing:-.5px}

.ia-mkt .iam-mdl-c>p{margin:0 0 22px;font-size:14.5px;color:#5A6478}

.ia-mkt .iam-mdl-o{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.ia-mkt .iam-mdl-i{background:#F7F9FD;border:1px solid #E3EAF6;border-radius:12px;padding:22px 18px}

.ia-mkt .iam-mdl-i span{display:block;font-size:12.5px;color:#5A6478;line-height:1.45;margin-top:12px}

.ia-mkt .iam-mdl-i .iam-btn{background:#2465F6;color:#fff}

.ia-mkt .iam-mdl-n{font-size:12px;color:#7B87A3;margin:20px 0 0}

.ia-mkt .iam-mdl-x{position:absolute;top:10px;right:14px;background:none;border:0;font-size:28px;line-height:1;color:#7B87A3;cursor:pointer;padding:4px 8px}

.ia-mkt .iam-mdl-x:hover{color:#05297A}

@media(max-width:640px){.ia-mkt .iam-mdl-o{grid-template-columns:1fr}
.ia-mkt .iam-mdl-c{padding:28px 18px 20px}
.ia-mkt .iam-mdl-c h2{font-size:21px}}


/* ══════════════════════════════════════════════════════════════════════════
   VARIANTE DE DISEÑO · dos actos
   Todo lo de abajo pisa por cascada, no reemplaza nada. Los componentes ya
   estaban escritos contra variables, asi que un bloque oscuro es redefinir
   las variables en el bloque y no tocar una sola regla de tabla o tarjeta.
   ══════════════════════════════════════════════════════════════════════════ */
.ia-mkt{overflow-x:clip}

.ia-mkt .iam-pane.iam-dk{
  --bg:#071431; --sf:#0E2044; --sf2:#132A56; --ln:#1E3768; --ln2:#2B4A85;
  --tx:#EAF0FF; --tx2:#A7BADD; --mu:#7286B4; --nv:#FFFFFF; --az:#79A4FF;
  --up:#2FD9A0; --upb:rgba(47,217,160,.13); --dn:#FF8272; --dnb:rgba(255,130,114,.13);
  --vd:#2FD9A0; --vdl:#2FD9A0;
  color:var(--tx); border-top:0; padding:44px 0 40px; position:relative;
}

/* Fondo a todo el ancho sin romper el contenedor: una capa detras, centrada en la
   ventana. Los 100vw incluyen la barra de scroll, y ese sobrante lo recorta el clip. */
.ia-mkt .iam-pane.iam-dk::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--bg)}

.ia-mkt .iam-pane.iam-dk>*{position:relative}

.ia-mkt .iam-pane.iam-dk+.iam-pane.iam-dk{padding-top:8px}

.ia-mkt .iam-pane.iam-dk .iam-eyebrow{color:var(--az)}

.ia-mkt .iam-pane.iam-dk .iam-note{background:rgba(255,255,255,.05);border-left-color:var(--az);color:var(--tx2)}

.ia-mkt .iam-pane.iam-dk .iam-blur td{opacity:.5}

.ia-mkt .iam-pane.iam-dk .iam-tk{background:rgba(121,164,255,.14);border-color:rgba(121,164,255,.26);color:#CBDCFF}


/* Los titulos mandan mas: es una pagina de numeros, no un texto corrido. */
.ia-mkt h2.iam-sec{font-size:34px;letter-spacing:-1.1px;margin:38px 0 6px;line-height:1.1}

.ia-mkt .iam-pane h2.iam-sec:first-of-type{margin-top:0}

.ia-mkt .iam-lead{font-size:15.5px;max-width:60ch;margin:0 0 22px}

.ia-mkt .iam-eyebrow{font-size:11px;letter-spacing:2px;margin:0 0 8px}

.ia-mkt .iam-hero-top h1{font-size:34px}



/* Cuatro numeros arriba de cada bloque: es lo que se ve sin leer. */
.ia-mkt .iam-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln);border-radius:12px;overflow:hidden;margin:0 0 24px}

.ia-mkt .iam-st{background:var(--sf);padding:16px 18px 15px}

.ia-mkt .iam-st span{display:block;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:var(--mu);margin:0 0 7px}

.ia-mkt .iam-st b{display:block;font-family:Poppins,sans-serif;font-size:27px;font-weight:700;letter-spacing:-1px;line-height:1;color:var(--nv);font-variant-numeric:tabular-nums}

.ia-mkt .iam-st i{display:block;font-style:normal;font-size:12px;color:var(--tx2);margin-top:6px}

.ia-mkt .iam-st i.iam-up{color:var(--up)}
.ia-mkt .iam-st i.iam-dn{color:var(--dn)}


/* Tablas mas densas y con los numeros mas grandes: el dato es el producto. */
.ia-mkt table{font-size:14.5px}

.ia-mkt th{font-size:10px;letter-spacing:1px;padding:11px 16px}

.ia-mkt td{padding:11px 16px}

.ia-mkt td b{font-weight:700}

.ia-mkt .iam-ch h3{font-size:15px}

.ia-mkt .iam-card{border-radius:13px}


/* El CTA deja de ser una caja gris al costado y pasa a tener peso propio. */
.ia-mkt .iam-cta{background:var(--nv);border:0;padding:24px 26px;gap:18px}

.ia-mkt .iam-cta p{color:#fff;font-size:15.5px}

.ia-mkt .iam-cta strong{color:#fff}

.ia-mkt .iam-pane.iam-dk .iam-cta{background:var(--sf);border:1px solid var(--ln)}

.ia-mkt .iam-pane.iam-dk .iam-cta p,.ia-mkt .iam-pane.iam-dk .iam-cta strong{color:var(--tx)}

.ia-mkt .iam-gate{padding:22px 18px}

.ia-mkt .iam-gate b{font-size:16px}

.ia-mkt .iam-btn{font-size:14px;padding:12px 26px}



/* ── CRITERIO · crema ──────────────────────────────────────────────────────
   Papel, no pantalla. Es el bloque donde no hablan los datos sino nosotros, y el
   cambio de temperatura lo dice antes que el texto. */
.ia-mkt .iam-pane.iam-cr{
  --bg:#F5EDDA; --sf:#FFFFFF; --sf2:#FBF6E9; --ln:#E6DCC2; --ln2:#D6C8A6;
  --tx:#1B2436; --tx2:#5D5747; --mu:#8B8168; --nv:#05297A; --az:#2465F6;
  color:var(--tx);
}

/* ── EMPRESAS · verde jade ─────────────────────────────────────────────────
   Otro publico. Se nota que cambio el interlocutor antes de leer una palabra. */
.ia-mkt .iam-pane.iam-gr{
  --bg:#07463A; --sf:#0B5A4A; --sf2:#0F6B57; --ln:#17806A; --ln2:#219A80;
  --tx:#EAFBF5; --tx2:#A9D9CB; --mu:#7FBCAA; --nv:#FFFFFF; --az:#5BE3BB;
  --up:#5BE3BB; --upb:rgba(91,227,187,.14); --dn:#FFA08F; --dnb:rgba(255,160,143,.14);
  --heroBg:#04322A; --heroTx:#FFFFFF; --heroAcc:#5BE3BB;
  color:var(--tx);
}

/* Sobre verde el azul de marca no funciona: el boton se invierte. */
.ia-mkt .iam-pane.iam-gr .iam-btn{background:#FFFFFF;color:#07463A}

.ia-mkt .iam-pane.iam-gr .iam-btn.iam-gh{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.55)}

.ia-mkt .iam-pane.iam-gr .iam-cta{background:#04322A;border:1px solid var(--ln)}

.ia-mkt .iam-pane.iam-gr .iam-cta p,.ia-mkt .iam-pane.iam-gr .iam-cta strong{color:var(--tx)}

.ia-mkt .iam-pane.iam-gr .iam-note{background:rgba(255,255,255,.06);border-left-color:var(--az);color:var(--tx2)}

/* ── HERRAMIENTAS · blanco ─────────────────────────────────────────────────
   Mesa de trabajo: es el unico bloque donde se tocan numeros. */
.ia-mkt .iam-pane.iam-wh{
  --bg:#FFFFFF; --sf:#FFFFFF; --sf2:#F4F7FD; --ln:#E3EAF6; --ln2:#CDD8EC;
}

.ia-mkt .iam-pane.iam-wh .iam-card{box-shadow:0 1px 3px rgba(5,41,122,.05)}


/* Los cuatro fondos se comportan igual: banda a todo el ancho y aire propio. */
.ia-mkt .iam-pane.iam-cr,.ia-mkt .iam-pane.iam-gr,.ia-mkt .iam-pane.iam-wh{border-top:0;padding:44px 0 40px;position:relative}

.ia-mkt .iam-pane.iam-cr::before,.ia-mkt .iam-pane.iam-gr::before,.ia-mkt .iam-pane.iam-wh::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--bg)}

.ia-mkt .iam-pane.iam-cr>*,.ia-mkt .iam-pane.iam-gr>*,.ia-mkt .iam-pane.iam-wh>*{position:relative}

@media(max-width:640px){.ia-mkt .iam-pane.iam-cr,.ia-mkt .iam-pane.iam-gr,.ia-mkt .iam-pane.iam-wh{padding:30px 0 26px}}


/* ── DENSIDAD ──────────────────────────────────────────────────────────────
   El panel pasa a ser una grilla de dos columnas: los titulos, las bajadas y las
   tiras de numeros ocupan el ancho completo, y las tarjetas van de a dos. Abajo
   de 900px vuelve solo a una columna, sin ninguna regla extra. */
@media(min-width:900px){
  .ia-mkt .iam-pane{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-content:start;align-items:start}

  .ia-mkt .iam-pane>*{grid-column:1/-1}

  .ia-mkt .iam-pane>.iam-card{grid-column:auto}

  /* La curva y la lista de calculadoras piden el ancho entero: una es un dibujo
     y la otra es un acordeon que se despliega. */
  .ia-mkt .iam-pane>.iam-card.iam-calc,.ia-mkt .iam-pane>.iam-card.iam-wide{grid-column:1/-1}}

@media(min-width:1200px){ .ia-mkt .iam-wrap{max-width:1280px}}

/* Con dos columnas sobra la mitad del aire vertical que hacia falta con una. */
.ia-mkt h2.iam-sec{margin:26px 0 5px}

.ia-mkt .iam-lead{margin:0 0 16px}

.ia-mkt .iam-card{margin:0 0 16px}

.ia-mkt .iam-pane.iam-dk,.ia-mkt .iam-pane.iam-cr,.ia-mkt .iam-pane.iam-gr,.ia-mkt .iam-pane.iam-wh{padding:32px 0 26px}

.ia-mkt .iam-stats{margin:0 0 20px}

/* Cuatro celdas de encuadre no entran en media pagina: van de a dos. */
.ia-mkt .iam-cw-meta{grid-template-columns:1fr 1fr}

@media(max-width:640px){.ia-mkt .iam-pane.iam-dk,.ia-mkt .iam-pane.iam-cr,.ia-mkt .iam-pane.iam-gr,.ia-mkt .iam-pane.iam-wh{padding:26px 0 22px}}


@media(max-width:900px){.ia-mkt .iam-stats{grid-template-columns:1fr 1fr}}

@media(max-width:640px){
  .ia-mkt h2.iam-sec{font-size:26px;letter-spacing:-.8px;margin-top:30px}

  .ia-mkt .iam-pane.iam-dk{padding:30px 0 26px}

  .ia-mkt .iam-st{padding:13px 14px}

  .ia-mkt .iam-st b{font-size:22px}

  .ia-mkt table{font-size:13.5px}

  .ia-mkt th,.ia-mkt td{padding:10px 11px}

  .ia-mkt .iam-cta{padding:18px 16px}}}

/* Forzar salto de línea en los botones del menú lateral */
.ia-mkt .iam-calc-list > button,
.ia-mkt .iam-calc-list > a,
.ia-mkt .iam-calc-list > button span,
.ia-mkt .iam-calc-list > a span {
    white-space: normal !important;
    overflow-wrap: break-word !important;
}/* End custom CSS */