/* PlanInversor: estilos del tema.
   Claro y editorial: suelo blanco, tinta azul noche, un solo azul de accion.
   Titulos en Montserrat (800), texto en DM Sans. Imagenes en esquina viva, sin sombras ni bordes finos. */

@font-face{font-family:"PIT Montserrat";font-style:normal;font-weight:500 800;font-display:swap;src:url(fuentes/montserrat-var.woff2) format("woff2")}
@font-face{font-family:"PIT DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fuentes/dmsans-var.woff2) format("woff2")}
@font-face{font-family:"PIT DM Sans";font-style:italic;font-weight:400 700;font-display:swap;src:url(fuentes/dmsans-var-italic.woff2) format("woff2")}

:root{
	--tinta:#1a2340;--tinta-2:#39415a;--gris:#5a6a8a;
	--papel:#fff;--niebla:#f4f6fa;--niebla-2:#e8eef9;
	--azul:#1863dc;--azul-osc:#0f52c0;--marino:#1a3a6e;--noche:#1a2340;--noche-2:#222e55;
	--sobre-noche:#d5def2;--sobre-noche-2:#b9c6e4;--azul-cl:#8fb0ee;
	--f-disp:"PIT Montserrat",Montserrat,"Segoe UI",sans-serif;
	--f-txt:"PIT DM Sans","DM Sans",DMSans,"Segoe UI",sans-serif;
	--marg:clamp(20px,4vw,56px);--ancho:1320px;--sec:clamp(96px,11vw,176px);
	--ease:cubic-bezier(.16,1,.3,1);
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px;scrollbar-color:#b8c6e0 var(--niebla)}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--f-txt);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#cfdcf6;color:var(--tinta)}
img,svg,video{max-width:100%;height:auto}
a{color:var(--azul)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:2px}
input,select,textarea,button{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--f-disp);font-weight:800;color:inherit;letter-spacing:-0.03em;line-height:1.1;margin:0;text-wrap:balance}
p{margin:0}
.pt-in{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 var(--marg)}
.pt-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.pt-saltar{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--tinta);color:#fff;font-weight:700;text-decoration:none;border-radius:999px}
.pt-saltar:focus{top:12px}
.pt-main{display:block;min-height:50vh}

/* Botones y enlaces */
.pt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border:0;border-radius:999px;background:var(--azul);color:#fff;font-family:var(--f-txt);font-weight:700;font-size:17px;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .2s ease-out,transform .3s var(--ease)}
.pt-btn:hover{background:var(--azul-osc);color:#fff;transform:translateY(-2px)}
.pt-btn:active{transform:translateY(0) scale(.98)}
.pt-btn-sec{background:var(--niebla);color:var(--tinta)}
.pt-btn-sec:hover{background:var(--niebla-2);color:var(--tinta)}
.pt-btn-blanco{background:#fff;color:var(--azul)}
.pt-btn-blanco:hover{background:var(--niebla-2);color:var(--azul)}
.pt-enlace{font-weight:700;color:var(--azul);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:rgba(24,99,220,.3);text-underline-offset:6px;transition:text-decoration-color .2s ease-out}
.pt-enlace:hover{text-decoration-color:var(--azul)}
.pt-acciones,.pt-hero-acc{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px}
.pt-nota{font-size:15px;line-height:1.55;color:var(--gris)}
.pt-tema{font-size:14px;font-weight:700;color:var(--azul);margin:0 0 6px}
.pt-datos{font-size:15px;color:var(--gris);margin-top:8px}

/* ---------- Cabecera ---------- */
.pt-cab{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);transition:box-shadow .2s ease-out}
.pt-cab.is-bajado{box-shadow:0 1px 0 var(--niebla-2)}
.admin-bar .pt-cab{top:32px}
.pt-cab-in{max-width:var(--ancho);margin:0 auto;padding:0 var(--marg);height:76px;display:flex;align-items:center;gap:32px}
.pt-logo{display:flex;align-items:center;flex-shrink:0;margin-right:auto}
.pt-logo img{display:block;width:190px;height:auto}
.pt-nav ul{display:flex;gap:34px;list-style:none;margin:0;padding:0}
.pt-nav a{font-size:16px;font-weight:600;color:var(--tinta);text-decoration:none;padding:8px 0;background:linear-gradient(var(--azul),var(--azul)) 0 100%/0 2px no-repeat;transition:background-size .3s var(--ease),color .2s ease-out}
.pt-nav a:hover,.pt-nav a[aria-current]{color:var(--azul);background-size:100% 2px}
.pt-btn-cab{min-height:46px;padding:0 24px;font-size:16px}
.pt-menu{display:none;position:relative}
.pt-menu summary{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;cursor:pointer;padding:0 9px}
.pt-menu summary::-webkit-details-marker{display:none}
.pt-menu summary span{display:block;height:2px;background:var(--tinta);border-radius:2px;transition:transform .3s var(--ease)}
.pt-menu[open] summary span:first-child{transform:translateY(4.5px) rotate(45deg)}
.pt-menu[open] summary span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.pt-menu-panel{position:fixed;left:0;right:0;top:76px;bottom:0;background:#fff;padding:24px var(--marg) 40px;overflow:auto}
.pt-menu-panel ul{list-style:none;margin:0 0 32px;padding:0}
.pt-menu-panel a:not(.pt-btn){display:block;padding:12px 0;font-family:var(--f-disp);font-weight:800;font-size:32px;letter-spacing:-0.03em;color:var(--tinta);text-decoration:none}
.pt-menu-panel .pt-btn{width:100%}

/* ---------- Secciones comunes ---------- */
.pt-sec{padding:var(--sec) 0 0}
.pt-sec-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 40px;margin-bottom:56px}
.pt-sec-cab h2,.pt-etf-cab h2,.pt-cta h2{font-size:clamp(36px,4.6vw,68px);line-height:1;letter-spacing:-0.045em}
.pt-sec-cab-dos{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end}
.pt-sec-cab-dos p{font-size:19px;color:var(--tinta-2);max-width:30em}

/* Tarjeta de articulo: sin caja, la portada y el titulo; toda la tarjeta enlaza. */
.pt-rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 32px}
.pt-tarjeta{position:relative}
.pt-tarjeta-img{aspect-ratio:16/9;overflow:hidden;background:var(--noche)}
.pt-tarjeta-img img,.pt-img-vacia{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.pt-tarjeta-txt{padding-top:18px}
.pt-tarjeta-tit{font-size:22px;line-height:1.22;letter-spacing:-0.02em;font-weight:700}
.pt-tarjeta-tit a{color:var(--tinta);text-decoration:none;transition:color .2s ease-out}
.pt-tarjeta-tit a::after{content:"";position:absolute;inset:0}
.pt-tarjeta:hover .pt-tarjeta-tit a{color:var(--azul)}
.pt-tarjeta:hover .pt-tarjeta-img img{transform:scale(1.04)}
.pt-tarjeta:focus-within{outline:3px solid var(--azul);outline-offset:6px}
.pt-tarjeta .pt-tarjeta-tit a:focus-visible{outline:none}
.pt-tarjeta-fila{display:grid;grid-template-columns:clamp(120px,12vw,180px) minmax(0,1fr);gap:22px;align-items:center}
.pt-tarjeta-fila .pt-tarjeta-img{aspect-ratio:4/3}
.pt-tarjeta-fila .pt-tarjeta-txt{padding:0}
.pt-tarjeta-fila .pt-tarjeta-tit{font-size:19px;line-height:1.3}

/* ---------- Portada ---------- */
.pt-hero{padding:clamp(48px,7vw,112px) 0 clamp(48px,6vw,88px)}
.pt-hero-tit{font-size:clamp(50px,8.6vw,138px);line-height:.92;letter-spacing:-0.055em;font-weight:800}
.pt-hero-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px 64px;align-items:end;margin-top:clamp(32px,4vw,56px)}
.pt-hero-sub{font-size:clamp(19px,1.6vw,23px);line-height:1.5;color:var(--tinta-2);max-width:32em}

.pt-calc{background:var(--noche);color:#fff;padding:clamp(64px,7vw,104px) 0 clamp(56px,6vw,88px)}
.pt-calc-tit{font-family:var(--f-txt);font-size:17px;font-weight:700;letter-spacing:0;color:var(--azul-cl);margin-bottom:20px}
.pt-frase p{font-family:var(--f-disp);font-weight:600;font-size:clamp(25px,3.1vw,46px);line-height:1.45;letter-spacing:-0.025em;color:var(--sobre-noche);max-width:30em}
.pt-campo{display:inline-block;position:relative}
.pt-frase input,.pt-frase select{font-family:var(--f-disp);font-weight:800;font-size:1em;letter-spacing:-0.03em;color:#fff;background:transparent;border:0;border-bottom:3px solid var(--azul-cl);border-radius:0;padding:0 .08em;margin:0;width:3.4ch;text-align:center;line-height:1.1;transition:border-color .2s ease-out,background-color .2s ease-out;-moz-appearance:textfield;appearance:textfield}
.pt-frase input.pt-corto{width:2.1ch}
.pt-frase input.pt-largo{width:4.4ch}
.pt-frase input::-webkit-outer-spin-button,.pt-frase input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pt-frase select{appearance:none;-webkit-appearance:none;width:auto;padding-right:.9em;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238fb0ee' stroke-width='2'/%3E%3C/svg%3E") right .1em center/.5em no-repeat}
.pt-frase select option{color:var(--tinta);background:#fff}
.pt-frase input:hover,.pt-frase select:hover{border-bottom-color:#fff}
.pt-frase input:focus-visible,.pt-frase select:focus-visible{outline:none;border-bottom-color:#fff;background-color:rgba(255,255,255,.08)}
.pt-frase-res{margin-top:8px!important;color:#fff!important;font-size:clamp(34px,5.4vw,84px)!important;font-weight:800!important;line-height:1.05!important;letter-spacing:-0.045em!important}
.pt-frase-res output{color:#fff;font-variant-numeric:tabular-nums}
.pt-graf{margin:clamp(40px,5vw,64px) 0 0}
.pt-graf svg{display:block;width:100%;height:clamp(180px,22vw,300px)}
.pt-g-int{fill:var(--azul-cl)}
.pt-g-apo{fill:#4a6aa8}
.pt-g-lin{fill:none;stroke:#fff;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.pt-graf figcaption{display:flex;flex-wrap:wrap;gap:10px 36px;margin-top:20px;font-size:17px;color:var(--sobre-noche)}
.pt-graf figcaption b{color:#fff;font-variant-numeric:tabular-nums;margin-left:6px}
.pt-sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:10px;vertical-align:-1px}
.pt-sw-apo{background:#4a6aa8}
.pt-sw-int{background:var(--azul-cl)}
.pt-graf-ejes{margin-left:auto;color:var(--sobre-noche-2);font-size:15px}
.pt-graf-ejes span{margin-left:8px}
.pt-calc-nota{margin-top:28px;font-size:15px;line-height:1.55;color:var(--sobre-noche-2);max-width:46em}
.pt-calc-nota a{color:#fff}

.pt-ultimo-rej{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,5vw,72px)}
.pt-ultimo-pri{position:relative}
.pt-ultimo-img{aspect-ratio:16/9;overflow:hidden;background:var(--noche);margin-bottom:22px}
.pt-ultimo-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.pt-ultimo-pri h3{font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:-0.04em}
.pt-ultimo-pri h3 a{color:var(--tinta);text-decoration:none;transition:color .2s ease-out}
.pt-ultimo-pri h3 a::after{content:"";position:absolute;inset:0}
.pt-ultimo-pri:hover h3 a{color:var(--azul)}
.pt-ultimo-pri:hover img{transform:scale(1.03)}
.pt-ultimo-ext{margin-top:14px;font-size:19px;color:var(--tinta-2);max-width:34em}
.pt-ultimo-lista{list-style:none;margin:0;padding:0;display:grid;gap:36px;align-content:start}

.pt-camino{background:var(--niebla);padding-bottom:var(--sec);margin-top:var(--sec)}
.pt-camino-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;counter-reset:paso}
.pt-camino-lista li{position:relative;counter-increment:paso}
.pt-camino-img{aspect-ratio:4/3;overflow:hidden;background:var(--noche);margin-bottom:22px}
.pt-camino-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.pt-camino-lista h3{font-size:clamp(24px,2.2vw,30px);line-height:1.12;letter-spacing:-0.035em}
.pt-camino-lista h3::before{content:"Paso " counter(paso);display:block;margin-bottom:10px;font-family:var(--f-txt);font-size:15px;font-weight:700;letter-spacing:0;color:var(--azul)}
.pt-camino-lista h3 a{color:var(--tinta);text-decoration:none}
.pt-camino-lista h3 a::after{content:"";position:absolute;inset:0}
.pt-camino-lista li:hover h3 a{color:var(--azul)}
.pt-camino-lista li:hover img{transform:scale(1.04)}
.pt-camino-lista p{margin-top:10px;font-size:17px;color:var(--tinta-2)}
.pt-camino + .pt-sec{padding-top:var(--sec)}

.pt-etf-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);align-items:start}
.pt-etf-cab p{margin-top:24px;font-size:19px;color:var(--tinta-2)}
.pt-etf-cab .pt-acciones{margin-top:36px}
.pt-etf-tabla{width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:-8px}
.pt-etf-tabla thead th{font-size:14px;font-weight:700;color:var(--gris);text-align:left;padding:0 24px 4px}
.pt-etf-tabla thead th:last-child{text-align:right}
.pt-etf-tabla tbody tr{background:var(--niebla);transition:background-color .2s ease-out}
.pt-etf-tabla tbody tr:hover{background:var(--niebla-2)}
.pt-etf-tabla tbody th,.pt-etf-tabla td{padding:24px;text-align:left;vertical-align:middle}
.pt-etf-tabla tbody th{font-family:var(--f-disp);font-weight:800;font-size:clamp(26px,2.8vw,40px);letter-spacing:-0.045em}
.pt-etf-tabla tbody th a{color:var(--marino);text-decoration:none}
.pt-etf-tabla tbody th a:hover{color:var(--azul)}
.pt-etf-tabla td{font-size:16px;color:var(--tinta-2);line-height:1.45}
.pt-etf-tabla td b{display:block;font-size:18px;color:var(--tinta)}
.pt-etf-tabla .pt-num{text-align:right;font-family:var(--f-disp);font-weight:800;font-size:clamp(22px,2vw,28px);letter-spacing:-0.03em;color:var(--tinta);white-space:nowrap;font-variant-numeric:tabular-nums}
.pt-etf .pt-nota{margin-top:16px;max-width:42em}

.pt-temas-lista{list-style:none;margin:0;padding:0}
.pt-temas-lista li + li{margin-top:4px}
.pt-temas-lista a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;gap:12px 40px;align-items:baseline;padding:26px 28px;color:var(--tinta);text-decoration:none;background:var(--niebla);transition:background-color .25s ease-out}
.pt-temas-lista a:hover{background:var(--niebla-2)}
.pt-temas-nom{font-family:var(--f-disp);font-weight:800;font-size:clamp(26px,3vw,44px);letter-spacing:-0.045em;line-height:1.05;transition:color .2s ease-out,transform .4s var(--ease)}
.pt-temas-lista a:hover .pt-temas-nom{color:var(--azul);transform:translateX(6px)}
.pt-temas-desc{font-size:17px;color:var(--tinta-2)}
.pt-temas-n{font-size:16px;font-weight:700;color:var(--gris);white-space:nowrap;font-variant-numeric:tabular-nums}

.pt-autor{padding-bottom:var(--sec)}
.pt-autor-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start;max-width:1120px}
.pt-autor-ini{display:flex;align-items:center;justify-content:center;width:clamp(72px,7vw,104px);aspect-ratio:1;border-radius:50%;background:var(--marino);color:#fff;font-family:var(--f-disp);font-weight:800;font-size:clamp(24px,2.4vw,34px);letter-spacing:-0.02em}
.pt-autor h2{font-family:var(--f-txt);font-size:17px;font-weight:700;letter-spacing:0;color:var(--azul)}
.pt-autor-frase{margin-top:12px!important;font-family:var(--f-disp);font-weight:700;font-size:clamp(24px,2.6vw,36px);line-height:1.25;letter-spacing:-0.03em}
.pt-autor-pie{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:22px!important;font-size:17px;color:var(--tinta-2)}

/* ---------- Cabecera de pagina, guias y temas ---------- */
.pt-pag-cab{padding:clamp(56px,7vw,112px) 0 clamp(40px,5vw,72px)}
.pt-pag-cab h1{font-size:clamp(44px,6.6vw,108px);line-height:.95;letter-spacing:-0.055em;max-width:12em}
.pt-pag-sub{margin-top:24px;font-size:clamp(19px,1.6vw,22px);line-height:1.5;color:var(--tinta-2);max-width:34em}
.pt-pag-antes{margin-bottom:16px;font-size:16px;font-weight:700}
.pt-pag-antes a{color:var(--azul);text-decoration:none}
.pt-pag-cab .pt-acciones{margin-top:36px}

.pt-blog-herr{display:grid;gap:20px;margin-bottom:24px}
.pt-buscar{position:relative;display:block;max-width:560px}
.pt-buscar svg{position:absolute;left:22px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--gris)}
.pt-buscar input{width:100%;min-height:58px;padding:0 24px 0 56px;border:0;border-radius:999px;background:var(--niebla);font-size:17px;color:var(--tinta);transition:background-color .2s ease-out}
.pt-buscar input::placeholder{color:var(--gris)}
.pt-buscar input:focus{background:var(--niebla-2);outline:none}
.pt-filtros{display:flex;flex-wrap:wrap;gap:10px}
.pt-filtro{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--niebla);color:var(--tinta);font-weight:700;font-size:15px;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out}
.pt-filtro:hover{background:var(--niebla-2)}
.pt-filtro[aria-pressed="true"]{background:var(--tinta);color:#fff}
.pt-blog-cuenta{font-size:15px;color:var(--gris);margin:8px 0 40px}
.pt-blog-mas{text-align:center;margin-top:72px}
.pt-blog-vacio{font-size:19px;padding:40px 0}
.pt-tarjeta.is-oculta{display:none}
.pt-cat-intro{max-width:760px;margin:var(--sec) 0 0}
.pt-cat-intro h2{font-size:clamp(26px,2.6vw,36px);margin:48px 0 14px;letter-spacing:-0.035em}
.pt-cat-intro h2:first-child{margin-top:0}
.pt-cat-intro p,.pt-cat-intro li{font-size:18px;line-height:1.65;color:var(--tinta)}
.pt-cat-intro p + p{margin-top:16px}
.pt-cat-intro ol,.pt-cat-intro ul{padding-left:1.3em}
.pt-cat-intro li + li{margin-top:8px}
.nav-links{display:flex;gap:16px;justify-content:center;margin-top:64px;font-weight:700}
.nav-links a,.nav-links span{padding:10px 16px;border-radius:999px;background:var(--niebla);color:var(--tinta);text-decoration:none}
.nav-links .current{background:var(--tinta);color:#fff}

/* ---------- Articulo ---------- */
.pt-art-cab{padding:clamp(48px,6vw,96px) 0 clamp(32px,4vw,56px)}
.pt-art-cab-in{max-width:calc(1060px + 2 * var(--marg))}
.pt-art-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:16px;color:var(--gris);margin-bottom:22px}
.pt-art-meta a{font-weight:700;color:var(--azul);text-decoration:none}
.pt-art-meta a:hover{text-decoration:underline;text-underline-offset:5px}
.pt-art-cab h1{font-size:clamp(36px,5vw,76px);line-height:1;letter-spacing:-0.05em}
.pt-art-autor{display:flex;align-items:center;gap:14px;margin-top:32px;font-size:15.5px;line-height:1.5;color:var(--gris)}
.pt-art-autor a{color:var(--tinta);font-weight:700;text-decoration:none}
.pt-art-autor a:hover{color:var(--azul)}
.pt-art-ini{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--marino);color:#fff;font-weight:700;font-size:15px}
.pt-art-portada{max-width:var(--ancho);margin:0 auto clamp(48px,6vw,88px);padding:0 var(--marg)}
.pt-art-portada img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover;background:var(--noche)}
.pt-art-cuerpo{display:grid;grid-template-columns:240px minmax(0,700px);gap:clamp(48px,6vw,96px);justify-content:center}
.pt-art-lado{position:relative}
.pt-art-indice{position:sticky;top:112px;max-height:calc(100vh - 140px);overflow:auto}
.pt-art-indice:empty{display:none}
.pt-art-texto{min-width:0}

/* Indice: en escritorio el script lo lleva a la columna lateral. */
.pt-art-indice :is(.pi-toc,.toc){background:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important}
.pt-art-indice :is(.pi-toc,.toc) :is(h2,h4,.toc-titulo){font-family:var(--f-txt)!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important;color:var(--gris)!important;margin:0 0 14px!important;text-transform:none!important}
.pt-art-indice :is(ol,ul){list-style:none!important;margin:0!important;padding:0!important}
.pt-art-indice li{margin:0!important;padding:0!important;font-size:15px!important;line-height:1.4!important}
.pt-art-indice li::before,.pt-art-indice li::marker{content:none!important}
.pt-art-indice a{display:block;padding:7px 0 7px 14px;color:var(--tinta-2)!important;text-decoration:none!important;box-shadow:inset 2px 0 0 var(--niebla-2);transition:color .2s ease-out,box-shadow .2s ease-out}
.pt-art-indice a:hover{color:var(--azul)!important}
.pt-art-indice a.is-aqui{color:var(--tinta)!important;font-weight:700;box-shadow:inset 3px 0 0 var(--azul)}

/* El contenido trae su propio titulo, ficha de autor y portada: aqui ya los pinta el tema. */
.pt-art-texto .pi-art > h1:first-child,
.pt-art-texto .pi-art > h1:first-child + div,
.pt-art-texto .pi-legacy .card > .meta:first-child,
.pt-art-texto .pi-legacy .card > h1,
.pt-art-texto .pi-legacy .card > h1 + div,
.pt-art-texto .pi-legacy .post-hero{display:none!important}
/* Contenedores antiguos (plantilla wrapper y Elementor) sin anchos ni rellenos propios. */
.pt-art-texto :is(.pi-art,.pi-legacy,.pi-legacy .wrapper,.pi-legacy .card,.elementor,.e-con,.e-con-inner,.elementor-widget-container){max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;background:none!important;box-shadow:none!important;border:0!important}
.pt-art-texto .pi-legacy .card{padding:0!important}
.pt-art-texto .e-con{--padding-top:0px;--padding-bottom:0px;padding-top:0!important;padding-bottom:0!important}
.pt-art-texto > p:empty,.pt-art-texto .card > p:empty{display:none}
/* Tipografia de lectura, la misma en las dos plantillas. */
.pt-art-texto :is(.pi-art,.card,.elementor-widget-container) > :is(p,ul,ol){font-family:var(--f-txt)!important;font-size:19px!important;line-height:1.72!important;color:var(--tinta)!important;max-width:none!important;margin:0 0 24px!important}
.pt-art-texto :is(.pi-art,.card,.elementor-widget-container) > :is(ul,ol){padding-left:1.25em!important}
.pt-art-texto :is(.pi-art,.card,.elementor-widget-container) > :is(ul,ol) > li{font-size:19px!important;line-height:1.65!important;color:var(--tinta)!important;margin:0 0 10px!important;max-width:none!important}
.pt-art-texto :is(.pi-art,.card,.elementor-widget-container) > h2{font-family:var(--f-disp)!important;font-weight:800!important;font-size:clamp(28px,2.7vw,40px)!important;line-height:1.1!important;letter-spacing:-0.04em!important;color:var(--tinta)!important;margin:72px 0 20px!important;padding:0!important;border:0!important;text-transform:none!important}
.pt-art-texto :is(.pi-art,.card,.elementor-widget-container) > h3{font-family:var(--f-disp)!important;font-weight:700!important;font-size:clamp(22px,2vw,27px)!important;line-height:1.2!important;letter-spacing:-0.025em!important;color:var(--tinta)!important;margin:44px 0 14px!important}
.pt-art-texto :is(.pi-entradilla,.intro){font-family:var(--f-txt)!important;font-style:normal!important;font-size:clamp(21px,1.8vw,24px)!important;line-height:1.55!important;color:var(--tinta)!important;border:0!important;padding:0!important;margin:0 0 40px!important;background:none!important}
.pt-art-texto :is(.pi-art,.card,.elementor-widget-container) > :is(p,ul,ol) a,.pt-art-texto :is(.pi-entradilla,.intro) a{color:var(--azul)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-decoration-color:rgba(24,99,220,.45)!important;text-underline-offset:4px!important}
.pt-art-texto :is(.pi-art,.card,.elementor-widget-container) > :is(p,ul,ol) a:hover{text-decoration-color:var(--azul)!important;text-decoration-thickness:2px!important}
.pt-art-texto strong{font-weight:700;color:var(--tinta)}
.pt-art-texto img{border-radius:0!important}
.pt-art-texto table{font-variant-numeric:tabular-nums}
/* Indice dentro del texto (movil y tableta) y recuadros: superficie en tono, sin borde. */
.pt-art-texto :is(.pi-toc,.toc){background:var(--niebla)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:28px 30px!important;margin:0 0 48px!important}
.pt-art-texto :is(.pi-box,.highlight-box,.warning-box,.success-box,.pi-ejemplo,.pi-aviso,.formula-box,.libro-box){border-radius:0!important;box-shadow:none!important;border-left:0!important}
.pt-art-texto .cta-box{border-radius:0!important;box-shadow:none!important;background:var(--noche)!important}
.pt-art-aviso{margin-top:64px!important;max-width:40em;padding-top:24px;font-size:15px;line-height:1.55;color:var(--gris);box-shadow:inset 0 2px 0 var(--niebla)}
.pt-art-aviso a{color:var(--gris)}

.pt-rel{padding-top:var(--sec)}
.pt-cta{margin-top:var(--sec);background:var(--azul);color:#fff;padding:clamp(48px,6vw,88px) clamp(28px,5vw,80px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px 64px;align-items:end}
.pt-cta h2{grid-row:1 / 3;color:#fff}
.pt-cta p{font-size:19px;color:#e6eeff;max-width:28em}
.pt-cta .pt-btn{justify-self:start}

/* ---------- Paginas con contenido antiguo (simulador, ranking, juegos, contacto, legales) ---------- */
.pt-pag-cuerpo{padding-bottom:var(--sec)}
.pt-pag-cuerpo :is(.pi-legacy,.elementor,.e-con,.e-con-inner){max-width:none!important;padding-left:0!important;padding-right:0!important}
.pt-pag-cuerpo .e-con{--padding-top:0px;padding-top:0!important}
.pt-pag-cuerpo .pi-legacy :is(.wrapper,.sim-wrapper){max-width:1100px!important;margin-left:0!important;padding-left:0!important;padding-right:0!important}
.pt-pag-cuerpo .pi-legacy :is(.wrapper,.sim-wrapper) > h1:first-child{font-family:var(--f-disp)!important;font-weight:800!important;font-size:clamp(40px,5vw,80px)!important;line-height:.95!important;letter-spacing:-0.055em!important;color:var(--tinta)!important;text-align:left!important;margin:clamp(56px,7vw,112px) 0 0!important;padding:0!important;max-width:12em}
.pt-pag-cuerpo .pi-legacy :is(.wrapper,.sim-wrapper) > h1:first-child + .subtitle{font-size:clamp(19px,1.6vw,22px)!important;line-height:1.5!important;color:var(--tinta-2)!important;text-align:left!important;margin:24px 0 clamp(48px,6vw,80px)!important;max-width:34em}
.pt-pag-cuerpo .pi-legacy .wrapper > .hero:first-child{background:none!important;color:var(--tinta)!important;border-radius:0!important;padding:clamp(56px,7vw,112px) 0 clamp(40px,5vw,64px)!important;margin:0!important;text-align:left!important;box-shadow:none!important}
.pt-pag-cuerpo .pi-legacy .wrapper > .hero:first-child .hero-logo{display:none!important}
.pt-pag-cuerpo .pi-legacy .wrapper > .hero:first-child h1{font-family:var(--f-disp)!important;font-weight:800!important;font-size:clamp(40px,5vw,80px)!important;line-height:.95!important;letter-spacing:-0.055em!important;color:var(--tinta)!important;text-align:left!important;margin:0!important;max-width:12em}
.pt-pag-cuerpo .pi-legacy .wrapper > .hero:first-child p{color:var(--tinta-2)!important;text-align:left!important;font-size:clamp(19px,1.6vw,22px)!important;max-width:34em!important;margin:24px 0 0!important}
.pt-pag-cuerpo .pi-legacy :is(h2,h3){font-family:var(--f-disp)!important;font-weight:800!important;letter-spacing:-0.03em!important;text-transform:none!important}
.pt-pag-cuerpo .pi-legacy :is(.card,.chart-card,.table-card,.stat,.kpi,.valor-card,.tool-item,.faq-item,.contact-item){box-shadow:none!important;border:0!important;border-radius:0!important;background:var(--niebla)!important}
.pt-pag-cuerpo .pi-legacy .top-item{box-shadow:none!important;border:0!important;border-radius:0!important;background:#fff!important}
.pt-pag-cuerpo .pi-legacy :is(.label,.sublabel,.lbl,.stat-label){text-transform:none!important;letter-spacing:0!important}
.pt-pag-cuerpo .pi-legacy :is(.btn-calc,.btn-simular,.btn-sim,.cta-btn.primary,.btn-primary){border-radius:999px!important;background:var(--azul)!important;color:#fff!important;border:0!important}
.pt-pag-cuerpo .pi-legacy :is(.valor-icon,.tool-icon){display:none!important}
.pt-pag-cuerpo .pi-legacy :is(input[type=text],input[type=number],input[type=email],select,textarea){border-radius:12px!important}
.pt-pagina:not(:has(.pi-legacy)) .pt-pag-cuerpo > :not(:is(#pi-hub,#pi-quiz,#pi-ic,#pi-etf)){max-width:820px;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
.pt-pagina:not(:has(.pi-legacy)) .pt-pag-cuerpo :is(p,li){font-size:18px;line-height:1.7}
.pt-pagina:not(:has(.pi-legacy)) .pt-pag-cuerpo h2{font-size:clamp(26px,2.6vw,36px);margin:56px 0 16px}

/* ---------- Pie ---------- */
.pt-pie{background:var(--noche);color:var(--sobre-noche);margin-top:var(--sec);overflow:hidden}
.pt-art ~ .pt-rel ~ * .pt-pie{margin-top:0}
.pt-pie-in{max-width:var(--ancho);margin:0 auto;padding:clamp(72px,8vw,120px) var(--marg) 0}
.pt-pie-cols{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:40px 32px}
.pt-pie-frase{font-family:var(--f-disp);font-weight:700;font-size:clamp(20px,1.8vw,25px);line-height:1.3;letter-spacing:-0.02em;color:#fff;max-width:16em}
.pt-pie-col h2{font-family:var(--f-txt);font-size:15px;font-weight:700;letter-spacing:0;color:#fff;margin-bottom:16px}
.pt-pie-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pt-pie-col a,.pt-pie-base a{color:var(--sobre-noche);text-decoration:none;font-size:16px;transition:color .2s ease-out}
.pt-pie-col a:hover,.pt-pie-base a:hover{color:#fff}
.pt-pie-aviso{margin-top:64px;font-size:14.5px;line-height:1.6;color:var(--sobre-noche-2);max-width:46em}
.pt-pie-base{margin-top:20px;font-size:15px;color:var(--sobre-noche-2)}
.pt-pie-nombre{margin:clamp(40px,5vw,72px) 0 0;font-family:var(--f-disp);font-weight:800;font-size:clamp(64px,15.6vw,226px);line-height:.78;letter-spacing:-0.065em;color:var(--noche-2);white-space:nowrap;user-select:none;transform:translateY(.1em)}

/* ---------- Entradas al hacer scroll (solo con script y sin "reducir movimiento") ---------- */
@media (prefers-reduced-motion:no-preference){
	html.js [data-in]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--i,0) * 80ms)}
	html.js [data-in].is-in{opacity:1;transform:none}
	.pt-graf svg{animation:pt-dibuja 1.6s var(--ease) .2s both}
	@keyframes pt-dibuja{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* ---------- Tableta ---------- */
@media (max-width:1100px){
	.pt-art-cuerpo{grid-template-columns:minmax(0,700px)}
	.pt-art-lado{display:none}
	.pt-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pt-pie-cols{grid-template-columns:repeat(4,minmax(0,1fr))}
	.pt-pie-frase{grid-column:1 / -1}
}
@media (max-width:960px){
	.pt-nav,.pt-btn-cab{display:none}
	.pt-menu{display:block}
	.pt-hero-fila,.pt-sec-cab-dos,.pt-ultimo-rej,.pt-etf-in,.pt-cta{grid-template-columns:1fr}
	.pt-cta h2{grid-row:auto}
	.pt-camino-lista{grid-template-columns:1fr}
	.pt-camino-lista li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 24px;align-items:center}
	.pt-camino-img{margin:0;grid-row:1 / 4}
	.pt-temas-lista a{grid-template-columns:minmax(0,1fr) auto}
	.pt-temas-desc{grid-column:1 / -1;grid-row:2}
}

/* ---------- Movil ---------- */
@media (max-width:640px){
	body{font-size:17px}
	.pt-cab-in{height:64px}
	.pt-menu-panel{top:64px}
	.pt-logo img{width:156px}
	html{scroll-padding-top:80px}
	.pt-hero-tit{font-size:clamp(46px,13.6vw,64px);line-height:.95}
	.pt-hero-acc .pt-btn{width:100%}
	.pt-frase p{font-size:24px;line-height:1.55}
	.pt-frase-res{font-size:40px!important}
	.pt-graf svg{height:170px}
	.pt-graf-ejes{margin-left:0;width:100%}
	.pt-rejilla{grid-template-columns:1fr;gap:48px}
	.pt-camino-lista li{grid-template-columns:1fr}
	.pt-camino-img{grid-row:auto;margin-bottom:18px}
	.pt-etf-tabla thead{display:none}
	.pt-etf-tabla tbody tr{display:grid;grid-template-columns:1fr auto;padding:18px 20px}
	.pt-etf-tabla tbody th,.pt-etf-tabla td{padding:0}
	.pt-etf-tabla td:nth-child(2){grid-column:1 / -1;grid-row:2;margin-top:6px}
	.pt-temas-lista a{padding:22px 20px}
	.pt-autor-in{grid-template-columns:1fr}
	.pt-art-autor{align-items:flex-start}
	.pt-art-portada{padding:0}
	.pt-art-portada img{aspect-ratio:16/9}
	.pt-art-texto :is(.pi-art,.card,.elementor-widget-container) > :is(p,ul,ol),.pt-art-texto :is(.pi-art,.card,.elementor-widget-container) > :is(ul,ol) > li{font-size:18px!important}
	.pt-art-texto :is(.pi-toc,.toc){padding:22px 20px!important;margin-left:calc(-1 * var(--marg))!important;margin-right:calc(-1 * var(--marg))!important}
	.pt-filtros{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--marg));padding:0 var(--marg) 6px;scrollbar-width:none}
	.pt-filtro{flex:0 0 auto}
	.pt-pie-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pt-tarjeta-fila{grid-template-columns:104px minmax(0,1fr);gap:16px}
	.pt-tarjeta-fila .pt-tarjeta-tit{font-size:17px}
}

/* ---------- Juegos ---------- */
.pt-pag-cuerpo :is(#pi-hub,#pi-quiz,#pi-ic,#pi-etf){max-width:none!important;margin:0!important;padding:0!important;background:none!important;font-family:var(--f-txt)!important}
.pt-pag-cuerpo #pi-hub .pi-hub-header{text-align:left!important;max-width:none!important;margin:0 0 clamp(48px,6vw,80px)!important;padding:clamp(56px,7vw,112px) 0 0!important}
.pt-pag-cuerpo #pi-hub .pi-hub-header h1,.pt-pag-cuerpo :is(#pi-quiz,#pi-ic,#pi-etf) .pi-header h1{font-family:var(--f-disp)!important;font-weight:800!important;font-size:clamp(40px,5vw,80px)!important;line-height:.98!important;letter-spacing:-0.05em!important;color:var(--tinta)!important;text-align:left!important;margin:0!important}
.pt-pag-cuerpo #pi-hub .pi-hub-header p,.pt-pag-cuerpo :is(#pi-quiz,#pi-ic,#pi-etf) .pi-header p{font-size:clamp(19px,1.6vw,22px)!important;line-height:1.5!important;color:var(--tinta-2)!important;text-align:left!important;max-width:34em!important;margin:20px 0 0!important}
.pt-pag-cuerpo #pi-hub .pi-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px!important;max-width:none!important}
.pt-pag-cuerpo #pi-hub .pi-game{position:relative;display:flex!important;flex-direction:column;background:var(--niebla)!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;text-decoration:none!important;transition:background-color .25s ease-out,transform .35s var(--ease)!important}
.pt-pag-cuerpo #pi-hub .pi-game:hover{background:var(--niebla-2)!important;transform:translateY(-4px)}
.pt-pag-cuerpo #pi-hub .pi-thumb{height:auto!important;aspect-ratio:16/9;font-size:0!important;background-size:cover!important;background-position:center!important;border-radius:0!important}
.pt-pag-cuerpo #pi-hub .pi-thumb.g1{background-image:url(/wp-content/uploads/2026/10/como-diversificar-cartera-portada-768x432.webp)!important}
.pt-pag-cuerpo #pi-hub .pi-thumb.g2{background-image:url(/wp-content/uploads/2026/06/Que-es-un-ETF-y-como-funciona-768x432.png)!important}
.pt-pag-cuerpo #pi-hub .pi-thumb.g3{background-image:url(/wp-content/uploads/2026/10/interes-compuesto-portada-768x432.webp)!important}
.pt-pag-cuerpo #pi-hub .pi-game-body{padding:24px 26px 28px!important}
.pt-pag-cuerpo #pi-hub .pi-tag{display:none!important}
.pt-pag-cuerpo #pi-hub .pi-game h3{font-family:var(--f-disp)!important;font-weight:800!important;font-size:clamp(22px,2vw,28px)!important;line-height:1.15!important;letter-spacing:-0.035em!important;color:var(--tinta)!important;margin:0 0 10px!important}
.pt-pag-cuerpo #pi-hub .pi-game p{font-size:16.5px!important;line-height:1.55!important;color:var(--tinta-2)!important}
.pt-pag-cuerpo #pi-hub .pi-play{display:inline-block;margin-top:16px;font-weight:700!important;font-size:16px!important;color:var(--azul)!important}
.pt-pag-cuerpo #pi-hub > :not(.pi-hub-header):not(.pi-grid),.pt-pag-cuerpo :is(#pi-quiz,#pi-ic,#pi-etf) ~ *{max-width:760px}
.pt-pag-cuerpo :is(#pi-quiz,#pi-ic,#pi-etf) .pi-card{max-width:760px!important;margin:clamp(56px,7vw,112px) 0 0!important;padding:clamp(28px,3vw,48px)!important;background:var(--niebla)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.pt-pag-cuerpo :is(#pi-quiz,#pi-ic,#pi-etf) .pi-header{text-align:left!important;margin-bottom:28px!important}
.pt-pag-cuerpo :is(#pi-quiz,#pi-etf) :is(.pi-option,.pi-options button,.pi-options > *){border-radius:12px!important;font-size:17px!important}
.pt-pag-cuerpo :is(#pi-quiz,#pi-ic,#pi-etf) :is(.pi-next,.pi-btn,.pi-restart,button.pi-primary){border-radius:999px!important;background:var(--azul)!important;color:#fff!important;border:0!important;font-weight:700!important}
.pt-pag-cuerpo :is(#pi-quiz,#pi-ic,#pi-etf) .pi-qcount{text-transform:none!important;letter-spacing:0!important;font-size:15px!important}

/* ---------- Ranking, contacto y paginas antiguas: notas alineadas y botones ---------- */
.pt-pag-cuerpo .pi-legacy .wrapper > :is(p,.disclaimer):not(.subtitle){text-align:left!important;max-width:60em!important;margin-left:0!important;margin-right:0!important}
.pt-pag-cuerpo .pi-legacy button[type=button]:not(.cat-tab):not(.cat-btn):not(.pi-back):not(.asset-remove),.pt-pag-cuerpo .pi-legacy :is(.btn-calc,.add-asset+button){display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:0!important;border-radius:999px!important;background:var(--azul)!important;color:#fff!important;font-family:var(--f-txt)!important;font-weight:700!important;font-size:16px!important;cursor:pointer}
.pt-pag-cuerpo .pi-legacy button[type=button]:not(.cat-tab):not(.cat-btn):not(.pi-back):not(.asset-remove):hover{background:var(--azul-osc)!important}
.pt-pag-cuerpo .pi-legacy :is(.cat-tab,.cat-btn){border:0!important;background:#fff!important;color:var(--tinta)!important;border-radius:999px!important;font-weight:700!important}
.pt-pag-cuerpo .pi-legacy :is(.cat-tab,.cat-btn).active{background:var(--tinta)!important;color:#fff!important}
.pt-pag-cuerpo .pi-legacy .add-asset{border-radius:999px!important}

@media (max-width:960px){
	.pt-pag-cuerpo #pi-hub .pi-grid{grid-template-columns:1fr!important}
}
/* Paginas de texto hechas con un bloque HTML de Elementor y estilos en linea (aviso legal, privacidad...). */
.pt-pag-cuerpo .elementor-widget-html > div[style*="max-width"]{max-width:820px!important;margin:0!important;padding:0!important;font-family:var(--f-txt)!important;font-size:18px}
.pt-pag-cuerpo .elementor-widget-html > div[style*="max-width"] h2{font-size:clamp(24px,2.4vw,32px)!important;margin:48px 0 14px!important;color:var(--tinta)!important}
.pt-pag-cuerpo .elementor-widget-html > div[style*="max-width"] :is(p,li){font-family:var(--f-txt)!important}
/* Privacidad y cookies: todo va dentro de una tarjeta con el titulo dentro. */
.pt-pag-cuerpo .pi-legacy .wrapper > .card:first-child:has(> h1:first-child){background:none!important;padding:0!important;max-width:820px}
.pt-pag-cuerpo .pi-legacy .wrapper > .card:first-child > h1:first-child{font-family:var(--f-disp)!important;font-weight:800!important;font-size:clamp(40px,5vw,80px)!important;line-height:.98!important;letter-spacing:-0.05em!important;color:var(--tinta)!important;margin:clamp(56px,7vw,112px) 0 16px!important;max-width:12em}
.pt-pag-cuerpo .pi-legacy .wrapper > .card:first-child > h1:first-child ~ :is(p,li,ul){font-size:18px!important;line-height:1.7!important;color:var(--tinta)!important}
.pt-pag-cuerpo .pi-legacy .wrapper > .card:first-child > h1:first-child ~ h2{font-size:clamp(24px,2.4vw,32px)!important;margin:48px 0 14px!important;color:var(--tinta)!important;border:0!important}