/* Vista articulos — CSS con alcance .pvd (generado) */
.pvd:not(#pvd-x){--blue:#168FD0;--coral:#F87474;--ink:#1F1F1F;--text:#3A3A3A;--muted:#5C5C5C;--line:#E8E1D6;--beige:#F2EADE;--cream:#FAF6EF;--g:#1E9E6A;--o:#E9A04B;--r:#C85357}
.pvd:not(#pvd-x){background:#FFFFFF}
.pvd:not(#pvd-x), .pvd:not(#pvd-x) *{box-sizing:border-box}
.pvd:not(#pvd-x) a{color:inherit}
.pvd:not(#pvd-x) .wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 clamp(48px,7vw,112px)}
.pvd:not(#pvd-x) .disp{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:0}
.pvd:not(#pvd-x) .h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;line-height:1.25;margin:0}
.pvd:not(#pvd-x) .body{font-size:16px;line-height:1.6;color:var(--text);margin:0;text-wrap:pretty}
.pvd:not(#pvd-x) .meta{font-size:14px;line-height:1.4;color:var(--muted);font-weight:600}
.pvd:not(#pvd-x) .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.pvd:not(#pvd-x) .tri{display:inline-flex;gap:3px}
.pvd:not(#pvd-x) .tri i{display:block;width:14px;height:4px;border-radius:999px}
.pvd:not(#pvd-x) .tri i:nth-child(1){background:var(--g)}
.pvd:not(#pvd-x) .tri i:nth-child(2){background:var(--o)}
.pvd:not(#pvd-x) .tri i:nth-child(3){background:var(--r)}
.pvd:not(#pvd-x) .tri.mono i{background:currentColor !important}
.pvd:not(#pvd-x) .tri.mono i:nth-child(2){opacity:.6}
.pvd:not(#pvd-x) .tri.mono i:nth-child(3){opacity:.35}
.pvd:not(#pvd-x) .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font:700 16px/1 'Public Sans',sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s}
.pvd:not(#pvd-x) .btn svg{transition:transform .25s}
.pvd:not(#pvd-x) .btn:hover svg{transform:translateX(4px)}
.pvd:not(#pvd-x) .btn:active{transform:scale(.98)}
.pvd:not(#pvd-x) .btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.pvd:not(#pvd-x) .btn-line:hover{background:var(--ink);color:#FFFFFF}
.pvd:not(#pvd-x) .btn-sm{height:44px;padding:0 20px;font-size:14px}
.pvd:not(#pvd-x) .circ{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--ink);color:var(--ink);background:transparent;text-decoration:none;flex:none;transition:background .2s,color .2s,transform .3s}
.pvd:not(#pvd-x) .circ:hover{background:var(--ink);color:#FFFFFF;transform:rotate(-45deg)}
.pvd:not(#pvd-x) .dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.pvd:not(#pvd-x) .tag{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
@keyframes pvd-draw{from{stroke-dashoffset:1600}to{stroke-dashoffset:0}}
.pvd:not(#pvd-x) .hilo path{stroke-dasharray:1600;animation:pvd-draw 3.2s cubic-bezier(.6,0,.2,1) .3s both}
@keyframes pvd-spin{to{transform:rotate(360deg)}}
@keyframes pvd-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.pvd:not(#pvd-x) .rv{animation:pvd-up .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes pvd-marq{to{transform:translateX(-50%)}}
@keyframes pvd-floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pvd-heroFade{0%{opacity:0;transform:scale(1.08)}5%{opacity:1}25%{opacity:1}30%{opacity:0}100%{opacity:0;transform:scale(1)}}
@keyframes pvd-heroDot{0%,25%{width:26px;background:#FFFFFF}30%,100%{width:8px;background:rgba(255,255,255,.6)}}
.pvd:not(#pvd-x) a:focus-visible,.pvd:not(#pvd-x) button:focus-visible,.pvd:not(#pvd-x) input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.pvd:not(#pvd-x), .pvd:not(#pvd-x) *{animation:none !important;transition:none !important}}
@media (max-width:900px){.pvd:not(#pvd-x) .wrap{padding:0 20px}
.pvd:not(#pvd-x) .disp{font-size:46px !important}}
.pvd:not(#pvd-x) .fpanel{display:flex;flex-wrap:wrap;gap:28px 48px;padding:28px;border-radius:28px;background:#F2EADE}
.pvd:not(#pvd-x) .aidx{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:stretch}
.pvd:not(#pvd-x) .alist{display:flex;flex-direction:column;border-bottom:1.5px solid #1F1F1F}
.pvd:not(#pvd-x) .arow{display:grid;grid-template-columns:72px 1fr 52px;gap:24px;align-items:start;padding:28px 0;border-top:1.5px solid #1F1F1F;text-decoration:none;color:#1F1F1F;transition:padding .35s cubic-bezier(.2,.7,.2,1)}
.pvd:not(#pvd-x) .anum{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;line-height:1.4;color:#5C5C5C;transition:color .3s}
.pvd:not(#pvd-x) .abody{display:flex;flex-direction:column;gap:12px;min-width:0}
.pvd:not(#pvd-x) .atitle{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:30px;line-height:1.15;letter-spacing:-.015em;transition:color .3s}
.pvd:not(#pvd-x) .aimg{position:absolute;top:0;right:0;bottom:0;width:calc((100% - 56px) * .4);border-radius:28px;overflow:hidden;opacity:0;transform:scale(.96) rotate(-1.5deg);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none;background:#F2EADE}
.pvd:not(#pvd-x) .aimg img{display:block;width:100%;height:100%;object-fit:cover}
.pvd:not(#pvd-x) .acap{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:#FFFFFF;font-size:13px;font-weight:800;letter-spacing:.04em;color:#1F1F1F}
.pvd:not(#pvd-x) .aframe{border-radius:28px;background:#F2EADE;display:flex;align-items:flex-end;padding:28px;min-height:520px}
.pvd:not(#pvd-x) .arow:first-child .aimg{opacity:1;transform:none}
.pvd:not(#pvd-x) .arow:first-child .anum,.pvd:not(#pvd-x) .arow:first-child .atitle{color:var(--c)}
.pvd:not(#pvd-x) .arow:first-child{padding-left:20px}
.pvd:not(#pvd-x) .alist:hover .arow .aimg{opacity:0;transform:scale(.96) rotate(-1.5deg)}
.pvd:not(#pvd-x) .alist:hover .arow:not(:hover) .anum{color:#5C5C5C}
.pvd:not(#pvd-x) .alist:hover .arow:not(:hover) .atitle{color:#1F1F1F}
.pvd:not(#pvd-x) .alist:hover .arow:not(:hover){padding-left:0}
.pvd:not(#pvd-x) .alist .arow:hover{padding-left:20px}
.pvd:not(#pvd-x) .alist .arow:hover .aimg{opacity:1;transform:none}
.pvd:not(#pvd-x) .alist .arow:hover .anum,.pvd:not(#pvd-x) .alist .arow:hover .atitle{color:var(--c)}
.pvd:not(#pvd-x) .alist .arow:hover .circ{background:#1F1F1F;color:#FFFFFF;transform:rotate(45deg)}
@media (max-width:900px){.pvd:not(#pvd-x) .aidx{grid-template-columns:1fr}
.pvd:not(#pvd-x) .aframe,.pvd:not(#pvd-x) .aimg{display:none}
.pvd:not(#pvd-x) .atitle{font-size:24px}
.pvd:not(#pvd-x) .arow{grid-template-columns:48px 1fr}
.pvd:not(#pvd-x) .arow .circ{display:none}}
.pvd:not(#pvd-x) .ls-label{font-size:12px;font-weight:800;letter-spacing:.16em;color:#1F1F1F}
.pvd:not(#pvd-x) .fchip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(31,31,31,.18);background:transparent;color:#1F1F1F;font:600 14px 'Public Sans',sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pvd:not(#pvd-x) .fchip:hover{border-color:#1F1F1F}
.pvd:not(#pvd-x) .fchip.on{background:#1F1F1F;border-color:#1F1F1F;color:#FFFFFF}
.pvd:not(#pvd-x) .aidx-flat{grid-template-columns:1fr !important}
.pvd:not(#pvd-x) .aidx-flat .aframe{display:none}
.pvd:not(#pvd-x) .aidx-flat .arow{grid-template-columns:56px 240px 1fr 52px;align-items:center;padding:24px 0}
.pvd:not(#pvd-x) .aidx-flat .arow:first-child,.pvd:not(#pvd-x) .aidx-flat .arow:hover,.pvd:not(#pvd-x) .alist:hover .aidx-flat .arow{padding-left:0}
.pvd:not(#pvd-x) .aidx-flat .anum{grid-column:1;grid-row:1}
.pvd:not(#pvd-x) .aidx-flat .abody{grid-column:3;grid-row:1}
.pvd:not(#pvd-x) .aidx-flat .circ{grid-column:4;grid-row:1}
.pvd:not(#pvd-x) .aidx-flat .aimg,.pvd:not(#pvd-x) .aidx-flat .alist:hover .arow .aimg,.pvd:not(#pvd-x) .aidx-flat .alist .arow:hover .aimg{position:relative;inset:auto;grid-column:2;grid-row:1;width:240px;height:160px;opacity:1;transform:none;border-radius:20px;pointer-events:auto}
.pvd:not(#pvd-x) .aidx-flat .aimg img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pvd:not(#pvd-x) .aidx-flat .arow:hover .aimg img{transform:scale(1.07)}
.pvd:not(#pvd-x) .aidx-flat .acap{display:none}
@media (max-width:900px){.pvd:not(#pvd-x) .aidx-flat .arow{grid-template-columns:1fr}
.pvd:not(#pvd-x) .aidx-flat .anum,.pvd:not(#pvd-x) .aidx-flat .circ{display:none}
.pvd:not(#pvd-x) .aidx-flat .aimg{grid-column:1;width:100%;height:200px;display:block}
.pvd:not(#pvd-x) .aidx-flat .abody{grid-column:1;grid-row:2}}
.pvd:not(#pvd-x) .fmore{border-style:dashed;background:transparent;color:#1F1F1F;gap:6px}
.pvd:not(#pvd-x) .fmore svg{transition:transform .2s}
.pvd:not(#pvd-x) .fmore.less svg{transform:rotate(180deg)}
.pvd:not(#pvd-x) .ls-pag{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px}
.pvd:not(#pvd-x) .pg-arrow{cursor:pointer;width:46px;height:46px}
.pvd:not(#pvd-x) .pg-arrow:hover{background:#1F1F1F;color:#FFFFFF}
.pvd:not(#pvd-x) .pg-arrow.off{opacity:.3;pointer-events:none}
.pvd:not(#pvd-x) .pg-num{width:46px;height:46px;border-radius:50%;border:1.5px solid #E8E1D6;background:#FFFFFF;color:#1F1F1F;font:800 15px 'Public Sans',sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.pvd:not(#pvd-x) .pg-num:hover{border-color:#1F1F1F}
.pvd:not(#pvd-x) .pg-num.on{background:#1F1F1F;color:#FFFFFF;border-color:#1F1F1F}
@media (max-width:900px){.pvd:not(#pvd-x) .wrap{padding-left:20px !important;padding-right:20px !important}
.pvd:not(#pvd-x) section[style*="padding:56px 0"],.pvd:not(#pvd-x) section[style*="padding:112px 0"]{padding-top:44px !important;padding-bottom:44px !important}
.pvd:not(#pvd-x) [style*="grid-template-columns"]:not(.rm-meta):not(.ev-vars):not(.nr):not(.arow):not(.acc){grid-template-columns:1fr !important}
.pvd:not(#pvd-x) [style*="grid-row"],.pvd:not(#pvd-x) [style*="grid-column"]{grid-row:auto !important;grid-column:auto !important}
.pvd:not(#pvd-x) [style*="grid-template-rows"]{grid-template-rows:none !important;grid-auto-rows:auto !important}
.pvd:not(#pvd-x) .disp,.pvd:not(#pvd-x) h1{font-size:clamp(34px,9.5vw,46px) !important;line-height:1.06 !important;overflow-wrap:break-word}
.pvd:not(#pvd-x) [style*="font-size:150px"]{font-size:96px !important}
.pvd:not(#pvd-x) [style*="min-width:"]:not(.pin-dot){min-width:0 !important}
.pvd:not(#pvd-x) img{max-width:100%}
.pvd:not(#pvd-x) .fpanel{padding:20px !important;gap:20px !important}
.pvd:not(#pvd-x) .ls-pag{justify-content:center !important}
.pvd:not(#pvd-x) [style*="left:-56px"]{left:12px !important;top:12px !important;transform:scale(.7);transform-origin:top left}
.pvd:not(#pvd-x) [style*="left:-26px"]{left:12px !important}
.pvd:not(#pvd-x) [style*="font-size:64px"],.pvd:not(#pvd-x) [style*="font-size:56px"],.pvd:not(#pvd-x) [style*="font-size:52px"]{font-size:clamp(34px,9.5vw,46px) !important}}