.pm-blog *, .pm-blog *::before, .pm-blog *::after{margin:0;padding:0;box-sizing:border-box;}
.pm-blog{font-family:'Poppins','Liberation Sans',sans-serif; color:var(--text); background:var(--paper); line-height:1.5;}
.pm-blog .wrap{max-width:1180px; margin:0 auto; padding:0 40px;}
.pm-blog section{padding:96px 0;}
.pm-blog .eyebrow{font-size:13px; letter-spacing:.2em; text-transform:uppercase; font-weight:700; color:var(--red);}
.pm-blog .dark .eyebrow{color:#FF6B5F;}
.pm-blog h2.h{font-size:42px; font-weight:800; letter-spacing:-.02em; line-height:1.1; margin-top:14px; color:var(--ink);}
.pm-blog h2.h em{font-style:normal; color:var(--red);}
.pm-blog .lead{font-size:18px; color:var(--muted); margin-top:16px; max-width:720px; line-height:1.6;}
.pm-blog .center{text-align:center;}
.pm-blog .center .lead{margin-left:auto; margin-right:auto;}
.pm-blog .btn{display:inline-flex; align-items:center; gap:8px; font-size:16px; font-weight:600; padding:15px 26px; border-radius:12px; text-decoration:none;}
.pm-blog .btn-primary{background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff;}
.pm-blog .btn-ghost{border:1px solid rgba(255,255,255,.25); color:#fff;}
.pm-blog .btn-dark{background:var(--ink); color:#fff;}
.pm-blog .hero-grid{position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; margin-top:56px;}
.pm-blog .ai-card{background:var(--paper); border-radius:22px; padding:28px 30px; box-shadow:0 30px 60px rgba(0,0,0,.35);}
.pm-blog .ai-top{display:flex; align-items:center; gap:10px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-weight:600;}
.pm-blog .ai-top .dot{width:10px; height:10px; border-radius:50%; background:linear-gradient(135deg,var(--red),var(--red2));}
.pm-blog .ai-q{font-size:19px; font-weight:600; color:var(--ink); margin-top:16px; line-height:1.35;}
.pm-blog .ai-a{font-size:15.5px; color:#333; margin-top:16px; line-height:1.6;}
.pm-blog .ai-a mark{background:linear-gradient(180deg, transparent 55%, rgba(230,47,41,.22) 55%); color:var(--red); font-weight:700; padding:0 2px;}
.pm-blog .ai-cite{margin-top:18px; padding-top:16px; border-top:1px solid var(--line); font-size:12.5px; color:var(--muted);}
.pm-blog .ai-badge{position:absolute; z-index:3; right:-14px; top:-16px; background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff; font-size:12px; font-weight:700; padding:8px 14px; border-radius:30px; box-shadow:0 8px 20px rgba(230,47,41,.4);}
.pm-blog .stats{background:var(--ink); color:#fff; padding:0;}
.pm-blog .stats .row{display:grid; grid-template-columns:repeat(4,1fr);}
.pm-blog .stat{padding:40px 30px; border-right:1px solid rgba(255,255,255,.1);}
.pm-blog .stat:last-child{border-right:none;}
.pm-blog .stat .n{font-size:40px; font-weight:800; letter-spacing:-.02em;}
.pm-blog .stat .n span{color:#FF6B5F;}
.pm-blog .stat .l{font-size:13.5px; color:var(--muted-dark); margin-top:8px; line-height:1.4;}
.pm-blog .cards3{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px;}
.pm-blog .card{background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:30px;}
.pm-blog .cream-sec{background:var(--cream);}
.pm-blog .cream-sec .card{background:var(--paper);}
.pm-blog .card .ico{width:46px; height:46px; border-radius:12px; background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; margin-bottom:18px;}
.pm-blog .card h3{font-size:20px; font-weight:700; color:var(--ink); margin-bottom:10px;}
.pm-blog .card p{font-size:15px; color:var(--muted); line-height:1.55;}
.pm-blog .num-card .nm{font-size:15px; font-weight:800; color:var(--red); letter-spacing:.05em; margin-bottom:12px;}
.pm-blog .two{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
.pm-blog .narr p{font-size:16px; color:var(--muted); line-height:1.7; margin-top:16px;}
.pm-blog .compare{background:var(--paper); border:1px solid var(--line); border-radius:20px; overflow:hidden;}
.pm-blog .compare .ch{display:grid; grid-template-columns:1fr 1fr 1fr; background:var(--ink); color:#fff;}
.pm-blog .compare .ch div{padding:16px 18px; font-size:13px; font-weight:600;}
.pm-blog .compare .ch div:first-child{color:var(--muted-dark);}
.pm-blog .compare .cr{display:grid; grid-template-columns:1fr 1fr 1fr; border-top:1px solid var(--line);}
.pm-blog .compare .cr div{padding:16px 18px; font-size:14px; line-height:1.4;}
.pm-blog .compare .cr .k{font-weight:600; color:var(--ink); font-size:12px; text-transform:uppercase; letter-spacing:.08em;}
.pm-blog .compare .cr .seo{color:var(--muted);}
.pm-blog .compare .cr .geo{color:var(--red); font-weight:600;}
.pm-blog .svc{display:grid; grid-template-columns:1.3fr 1fr; gap:24px; margin-top:44px;}
.pm-blog .svc .main-card{background:var(--ink); color:var(--on-dark); border-radius:20px; padding:36px;}
.pm-blog .svc .main-card .lbl{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#FF6B5F; font-weight:700;}
.pm-blog .svc .main-card h3{font-size:26px; font-weight:700; color:#fff; margin:10px 0 22px;}
.pm-blog .checks{list-style:none;}
.pm-blog .checks li{position:relative; padding-left:28px; font-size:15.5px; margin-bottom:15px; line-height:1.5;}
.pm-blog .checks li::before{content:''; position:absolute; left:0; top:7px; width:11px; height:11px; border-radius:3px; background:linear-gradient(135deg,var(--red),#FF6B5F);}
.pm-blog .svc .side-card{background:var(--cream); border:1px solid var(--line); border-radius:20px; padding:36px; display:flex; flex-direction:column; justify-content:center;}
.pm-blog .svc .side-card h3{font-size:22px; font-weight:700; color:var(--ink); margin-bottom:12px;}
.pm-blog .svc .side-card p{font-size:15px; color:var(--muted); line-height:1.6;}
.pm-blog .svc .side-card .tag{margin-top:16px; font-size:15px; font-weight:600; color:var(--red);}
.pm-blog .tl{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:44px;}
.pm-blog .tl-item{background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:28px; position:relative;}
.pm-blog .tl-item .mn{font-size:12px; font-weight:700; color:var(--red); text-transform:uppercase; letter-spacing:.1em;}
.pm-blog .tl-item .st{font-size:34px; font-weight:800; color:var(--line); position:absolute; top:22px; right:26px;}
.pm-blog .tl-item h3{font-size:18px; font-weight:700; color:var(--ink); margin:14px 0 10px;}
.pm-blog .tl-item p{font-size:14px; color:var(--muted); line-height:1.55;}
.pm-blog .sect-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:44px;}
.pm-blog .sect{background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:26px;}
.pm-blog .sect .ic{font-size:24px; margin-bottom:14px;}
.pm-blog .sect h3{font-size:17px; font-weight:700; color:var(--ink); margin-bottom:8px;}
.pm-blog .sect p{font-size:13.5px; color:var(--muted); line-height:1.5;}
.pm-blog .price-card{position:relative; z-index:2; max-width:560px; margin:44px auto 0; background:var(--ink2); border:1px solid rgba(255,255,255,.12); border-radius:24px; padding:44px; text-align:center;}
.pm-blog .price-card .amt{font-size:64px; font-weight:800; letter-spacing:-.02em;}
.pm-blog .price-card .amt span{font-size:20px; color:var(--muted-dark); font-weight:500;}
.pm-blog .price-card .cond{font-size:14px; color:var(--muted-dark); margin-top:8px;}
.pm-blog .price-card .pchecks{text-align:left; max-width:400px; margin:28px auto;}
.pm-blog .price-card .pchecks li{color:var(--on-dark);}
.pm-blog .price-card .btn{margin-top:8px;}
.pm-blog .plans{position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:860px; margin:44px auto 0; text-align:left;}
.pm-blog .plan{background:var(--ink2); border:1px solid rgba(255,255,255,.12); border-radius:22px; padding:38px 34px; display:flex; flex-direction:column; position:relative;}
.pm-blog .plan.pro{border:1.5px solid var(--red); box-shadow:0 0 0 5px rgba(230,47,41,.12);}
.pm-blog .plan .badge{position:absolute; top:-14px; right:28px; background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff; font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:7px 15px; border-radius:30px;}
.pm-blog .plan .pname{font-size:14px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:#FF6B5F;}
.pm-blog .plan .pamt{font-size:46px; font-weight:800; letter-spacing:-.02em; margin-top:12px; color:#fff;}
.pm-blog .plan .pamt span{font-size:17px; color:var(--muted-dark); font-weight:500;}
.pm-blog .plan .pdesc{font-size:14px; color:var(--muted-dark); margin-top:6px;}
.pm-blog .plan .divider{height:1px; background:rgba(255,255,255,.1); margin:24px 0;}
.pm-blog .plan .checks{flex:1;}
.pm-blog .plan .checks li{font-size:14.5px; color:var(--on-dark); margin-bottom:13px;}
.pm-blog .plan .checks li b{color:#fff; font-weight:700;}
.pm-blog .plan .btn{margin-top:28px; justify-content:center;}
.pm-blog .plan .btn-outline{border:1px solid rgba(255,255,255,.3); color:#fff;}
.pm-blog .plan .perk{display:flex; gap:11px; align-items:flex-start; background:rgba(230,47,41,.12); border:1px solid rgba(230,47,41,.38); border-radius:12px; padding:13px 15px; margin-bottom:20px; font-size:13.5px; color:var(--on-dark); line-height:1.4;}
.pm-blog .plan .perk .tag{font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#fff; background:linear-gradient(135deg,var(--red),var(--red2)); padding:4px 9px; border-radius:20px; flex-shrink:0; margin-top:1px;}
.pm-blog .plan .perk b{color:#fff; font-weight:700;}
.pm-blog .podcast-player{background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:20px; box-shadow:0 24px 50px rgba(0,0,0,.07);}
.pm-blog .pp-top{display:flex; align-items:center; gap:10px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-weight:600; margin-bottom:14px;}
.pm-blog .pp-top .pp-ic{width:24px; height:24px; border-radius:50%; background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:12px;}
.pm-blog .podcast-player iframe{display:block; width:100%; border-radius:12px; border:none;}
.pm-blog .pod-grid{position:relative; z-index:2; display:grid; grid-template-columns:1fr 1.05fr; gap:56px; align-items:center;}
.pm-blog .pod-grid .lead{color:var(--muted-dark);}
.pm-blog .pod-player{background:#1A1A1A; border:1px solid rgba(255,255,255,.12); border-radius:16px; padding:16px;}
.pm-blog .pod-player iframe{display:block; width:100%; border:0;}
.pm-blog .tst-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:44px;}
.pm-blog .tst{background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:32px;}
.pm-blog .tst .q{font-size:18px; color:var(--ink); line-height:1.55; font-weight:500;}
.pm-blog .tst .who{margin-top:20px; display:flex; align-items:center; gap:12px;}
.pm-blog .tst .av{width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700;}
.pm-blog .tst .nm{font-size:15px; font-weight:700; color:var(--ink);}
.pm-blog .tst .rl{font-size:13px; color:var(--muted);}
.pm-blog .logos{margin-top:50px; display:flex; flex-wrap:wrap; gap:18px 40px; justify-content:center; align-items:center;}
.pm-blog .logos span{font-size:19px; font-weight:700; color:#B9B2A8; letter-spacing:.01em;}
.pm-blog .faq{max-width:860px; margin:44px auto 0;}
.pm-blog .qa{border-bottom:1px solid var(--line); padding:24px 0;}
.pm-blog .qa .q{font-size:18px; font-weight:600; color:var(--ink); display:flex; justify-content:space-between; align-items:center;}
.pm-blog .qa .q .plus{color:var(--red); font-size:24px; font-weight:400;}
.pm-blog .qa .a{font-size:15px; color:var(--muted); line-height:1.6; margin-top:12px;}
.pm-blog .final{background:var(--ink); color:#fff; position:relative; overflow:hidden; text-align:center;}
.pm-blog .final .glow{position:absolute; width:900px; height:900px; border-radius:50%; top:-300px; left:50%; transform:translateX(-50%); background:radial-gradient(circle, rgba(230,47,41,.24), transparent 60%);}
.pm-blog .final h2{position:relative; z-index:2; font-size:46px; font-weight:800; letter-spacing:-.02em; line-height:1.1;}
.pm-blog .final h2 em{font-style:normal; color:#FF6B5F;}
.pm-blog .final .lead{position:relative; z-index:2; color:var(--muted-dark);}
.pm-blog .final .cta-row{position:relative; z-index:2; margin-top:30px;}
.pm-blog .final .cond{position:relative; z-index:2; margin-top:22px; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-dark);}
.pm-blog footer{background:#0E0E0E; color:var(--muted-dark); padding:50px 0;}
.pm-blog .foot{display:flex; justify-content:space-between; align-items:center;}
.pm-blog .foot .brand .wm{color:#fff;}
.pm-blog .blog-top{display:flex; justify-content:space-between; align-items:flex-end; gap:30px; flex-wrap:wrap;}
.pm-blog .blog-top .all{font-size:15px; font-weight:600; color:var(--red); text-decoration:none; white-space:nowrap;}
.pm-blog .hposts{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
.pm-blog .hpost{background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:30px; display:flex; flex-direction:column;}
.pm-blog .hpost .cat{font-size:11px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--red);}
.pm-blog .hpost h3{font-size:19.5px; font-weight:700; line-height:1.3; color:var(--ink); margin:14px 0 12px; letter-spacing:-.01em;}
.pm-blog .hpost h3 a{color:inherit; text-decoration:none;}
.pm-blog .hpost h3 a:hover{color:var(--red);}
.pm-blog .hpost p{font-size:14.5px; color:var(--muted); line-height:1.6; flex:1;}
.pm-blog .hpost .foot{margin-top:22px; padding-top:16px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:var(--muted);}
.pm-blog .hpost .foot .rd{font-weight:600; color:var(--ink);}
@media (max-width:980px){
.pm-blog .hposts{grid-template-columns:1fr;}
}
.pm-blog .subhero{background:var(--ink); color:#fff; position:relative; overflow:hidden; padding-bottom:88px;}
.pm-blog .subhero .glow{position:absolute; width:900px; height:900px; border-radius:50%; top:-430px; right:-260px; background:radial-gradient(circle, rgba(230,47,41,.28), rgba(230,47,41,.05) 55%, transparent 70%);}
.pm-blog .crumb{position:relative; z-index:2; margin-top:44px; font-size:13px; color:var(--muted-dark); letter-spacing:.02em;}
.pm-blog .crumb a{color:var(--muted-dark); text-decoration:none;}
.pm-blog .crumb a:hover{color:#fff;}
.pm-blog .crumb span{color:#fff;}
.pm-blog .subhero h1{position:relative; z-index:2; font-size:50px; font-weight:800; line-height:1.07; letter-spacing:-.025em; margin-top:14px; max-width:880px;}
.pm-blog .subhero h1 em{font-style:normal; background:linear-gradient(120deg,#FF5A4F,#E62F29); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
.pm-blog .subhero .sub{position:relative; z-index:2; font-size:19px; color:var(--muted-dark); margin-top:22px; max-width:640px; line-height:1.6;}
.pm-blog .answer-box{position:relative; z-index:2; margin-top:40px; background:var(--ink2); border:1px solid rgba(255,255,255,.12); border-left:3px solid var(--red); border-radius:16px; padding:28px 30px; max-width:860px;}
.pm-blog .answer-box .lbl{font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:#FF6B5F;}
.pm-blog .answer-box p{font-size:16.5px; color:var(--on-dark); line-height:1.65; margin-top:12px;}
.pm-blog .answer-box p b{color:#fff; font-weight:700;}
.pm-blog .topics{background:var(--paper); border-bottom:1px solid var(--line); padding:0;}
.pm-blog .topics .row{display:flex; flex-wrap:wrap; gap:10px; padding:24px 0; align-items:center;}
.pm-blog .topics .tlabel{font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:var(--muted); margin-right:8px;}
.pm-blog .chip{display:inline-flex; align-items:center; gap:7px; font-size:13.5px; font-weight:600; color:var(--ink); text-decoration:none; border:1px solid var(--line); background:var(--paper); padding:9px 16px; border-radius:40px;}
.pm-blog .chip:hover{border-color:var(--red); color:var(--red);}
.pm-blog .chip.on{background:var(--ink); color:#fff; border-color:var(--ink);}
.pm-blog .chip .n{font-size:11.5px; color:var(--muted); font-weight:600;}
.pm-blog .chip.on .n{color:var(--muted-dark);}
.pm-blog .feat{display:grid; grid-template-columns:1.25fr .9fr; gap:0; border:1px solid var(--line); border-radius:22px; overflow:hidden; margin-top:8px;}
.pm-blog .feat .body{padding:44px; display:flex; flex-direction:column; justify-content:center;}
.pm-blog .feat .meta{display:flex; flex-wrap:wrap; gap:14px; align-items:center; font-size:12.5px; color:var(--muted);}
.pm-blog .feat .cat{font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--red);}
.pm-blog .feat h2{font-size:33px; font-weight:800; letter-spacing:-.02em; line-height:1.18; color:var(--ink); margin:16px 0 14px;}
.pm-blog .feat h2 a{color:inherit; text-decoration:none;}
.pm-blog .feat h2 a:hover{color:var(--red);}
.pm-blog .feat p{font-size:16px; color:var(--muted); line-height:1.65;}
.pm-blog .feat .go{margin-top:24px; font-size:15px; font-weight:600; color:var(--red); text-decoration:none;}
.pm-blog .feat .side{background:var(--ink); color:#fff; padding:40px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center;}
.pm-blog .feat .side .glow{position:absolute; width:520px; height:520px; border-radius:50%; top:-220px; right:-180px; background:radial-gradient(circle, rgba(230,47,41,.30), transparent 65%);}
.pm-blog .mini-ai{position:relative; z-index:2;}
.pm-blog .mini-ai .t{font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:#FF6B5F; font-weight:700;}
.pm-blog .mini-ai .q{font-size:16px; font-weight:600; color:#fff; margin-top:14px; line-height:1.45;}
.pm-blog .mini-ai .a{font-size:14.5px; color:var(--muted-dark); margin-top:14px; line-height:1.6;}
.pm-blog .mini-ai .a mark{background:none; color:#fff; font-weight:700;}
.pm-blog .mini-ai .src{margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.12); font-size:12px; color:var(--muted-dark);}
.pm-blog .posts{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:36px;}
.pm-blog .post{background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:30px; display:flex; flex-direction:column;}
.pm-blog .post .cat{font-size:11px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--red);}
.pm-blog .post h3{font-size:19.5px; font-weight:700; line-height:1.3; color:var(--ink); margin:14px 0 12px; letter-spacing:-.01em;}
.pm-blog .post h3 a{color:inherit; text-decoration:none;}
.pm-blog .post h3 a:hover{color:var(--red);}
.pm-blog .post p{font-size:14.5px; color:var(--muted); line-height:1.6; flex:1;}
.pm-blog .post .foot{margin-top:22px; padding-top:16px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:var(--muted);}
.pm-blog .post .foot .rd{font-weight:600; color:var(--ink);}
.pm-blog .edit-band{background:var(--ink); color:var(--on-dark); position:relative; overflow:hidden;}
.pm-blog .edit-band .glow{position:absolute; width:760px; height:760px; border-radius:50%; bottom:-340px; left:-220px; background:radial-gradient(circle, rgba(230,47,41,.18), transparent 62%);}
.pm-blog .edit-grid{position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; margin-top:44px;}
.pm-blog .edit-item{border-top:2px solid var(--red); padding-top:20px;}
.pm-blog .edit-item h3{font-size:18px; font-weight:700; color:#fff; margin-bottom:10px;}
.pm-blog .edit-item p{font-size:14.5px; color:var(--muted-dark); line-height:1.6;}
.pm-blog .sub-band{background:var(--cream);}
.pm-blog .sub-card{background:var(--paper); border:1px solid var(--line); border-radius:22px; padding:44px; display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:center;}
.pm-blog .sub-card h2{font-size:30px; font-weight:800; letter-spacing:-.02em; color:var(--ink); line-height:1.2;}
.pm-blog .sub-card p{font-size:15.5px; color:var(--muted); line-height:1.6; margin-top:14px;}
.pm-blog .sub-form{display:flex; flex-direction:column; gap:12px;}
.pm-blog .sub-form input{font-family:inherit; font-size:15px; padding:15px 18px; border:1px solid var(--line); border-radius:12px; background:var(--soft); color:var(--text);}
.pm-blog .sub-form .btn{justify-content:center;}
.pm-blog .sub-form .legal{font-size:12px; color:var(--muted); line-height:1.5;}
@media (max-width:980px){
.pm-blog .wrap{padding:0 24px;}
.pm-blog .subhero h1{font-size:36px;}
.pm-blog .feat{grid-template-columns:1fr;}
.pm-blog .posts{grid-template-columns:1fr;}
.pm-blog .edit-grid{grid-template-columns:1fr;}
.pm-blog .sub-card{grid-template-columns:1fr; padding:30px;}
}
@media (max-width:980px){
}
.pm-blog .art-head{background:var(--ink); color:#fff; position:relative; overflow:hidden; padding-bottom:70px;}
.pm-blog .art-head .glow{position:absolute; width:900px; height:900px; border-radius:50%; top:-440px; right:-280px; background:radial-gradient(circle, rgba(230,47,41,.28), rgba(230,47,41,.05) 55%, transparent 70%);}
.pm-blog .crumb{position:relative; z-index:2; margin-top:44px; font-size:13px; color:var(--muted-dark);}
.pm-blog .art-head .cat{position:relative; z-index:2; margin-top:26px; font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:#FF6B5F;}
.pm-blog .art-head h1{position:relative; z-index:2; font-size:46px; font-weight:800; line-height:1.1; letter-spacing:-.025em; margin-top:14px; max-width:900px;}
.pm-blog .byline{position:relative; z-index:2; display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:30px; font-size:13.5px; color:var(--muted-dark);}
.pm-blog .byline .av{width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px;}
.pm-blog .byline b{color:#fff; font-weight:600;}
.pm-blog .byline .pill{border:1px solid rgba(255,255,255,.2); border-radius:30px; padding:5px 12px; font-size:12px;}
.pm-blog .art-wrap{display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:56px; align-items:start;}
.pm-blog .art-body{max-width:760px;}
.pm-blog .art-body h2{font-size:28px; font-weight:800; letter-spacing:-.02em; line-height:1.2; color:var(--ink); margin:52px 0 18px;}
.pm-blog .art-body h3{font-size:20px; font-weight:700; color:var(--ink); margin:32px 0 12px;}
.pm-blog .art-body p{font-size:17px; line-height:1.75; color:#2A2A2A; margin-bottom:18px;}
.pm-blog .art-body p a{color:var(--red); font-weight:600;}
.pm-blog .art-body ul.dash{list-style:none; margin:0 0 22px;}
.pm-blog .art-body ul.dash li{position:relative; padding-left:26px; font-size:16.5px; line-height:1.65; color:#2A2A2A; margin-bottom:12px;}
.pm-blog .art-body ul.dash li::before{content:''; position:absolute; left:0; top:11px; width:10px; height:2px; background:var(--red);}
.pm-blog .art-body ul.dash li b{color:var(--ink);}
.pm-blog .answer-box{background:var(--soft); border:1px solid var(--line); border-left:3px solid var(--red); border-radius:14px; padding:26px 28px; margin:0 0 28px;}
.pm-blog .answer-box .lbl{font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:var(--red);}
.pm-blog .answer-box p{font-size:17px; line-height:1.7; color:var(--ink); margin:12px 0 0;}
.pm-blog .key-points{background:var(--ink); color:var(--on-dark); border-radius:16px; padding:30px 32px; margin:0 0 36px;}
.pm-blog .key-points .lbl{font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:#FF6B5F; margin-bottom:16px;}
.pm-blog .key-points ul{list-style:none;}
.pm-blog .key-points li{position:relative; padding-left:26px; font-size:15.5px; line-height:1.6; margin-bottom:13px;}
.pm-blog .key-points li:last-child{margin-bottom:0;}
.pm-blog .key-points li::before{content:''; position:absolute; left:0; top:8px; width:10px; height:10px; border-radius:3px; background:linear-gradient(135deg,var(--red),#FF6B5F);}
.pm-blog .key-points li b{color:#fff;}
.pm-blog .defbox{border:1px solid var(--line); border-radius:14px; padding:24px 26px; margin:28px 0; background:var(--paper);}
.pm-blog .defbox .t{font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--muted);}
.pm-blog .defbox .term{font-size:19px; font-weight:700; color:var(--ink); margin:10px 0 8px;}
.pm-blog .defbox p{font-size:16px; margin:0; color:#2A2A2A;}
.pm-blog .note{background:var(--soft); border-left:3px solid var(--red); border-radius:0 12px 12px 0; padding:20px 24px; margin:28px 0;}
.pm-blog .note .nt{font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--red); margin-bottom:8px;}
.pm-blog .note p{font-size:15.5px; margin:0; color:#2A2A2A; line-height:1.65;}
.pm-blog table.gtab{width:100%; border-collapse:collapse; margin:28px 0; border:1px solid var(--line); border-radius:14px; overflow:hidden;}
.pm-blog table.gtab caption{caption-side:top; text-align:left; font-size:13px; color:var(--muted); padding-bottom:10px;}
.pm-blog table.gtab th{background:var(--cream); font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-weight:700; text-align:left; padding:14px 16px;}
.pm-blog table.gtab td{padding:14px 16px; font-size:15px; line-height:1.5; border-top:1px solid var(--line); vertical-align:top;}
.pm-blog table.gtab td:first-child{font-weight:600; color:var(--ink);}
.pm-blog table.gtab td.geo{color:var(--red); font-weight:600;}
.pm-blog .toc{position:sticky; top:30px; border:1px solid var(--line); border-radius:16px; padding:24px; background:var(--paper);}
.pm-blog .toc .t{font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--muted); margin-bottom:14px;}
.pm-blog .toc ol{list-style:none; counter-reset:toc;}
.pm-blog .toc li{counter-increment:toc; margin-bottom:11px; line-height:1.4;}
.pm-blog .toc li::before{content:counter(toc,decimal-leading-zero); font-size:11px; font-weight:700; color:var(--red); margin-right:8px;}
.pm-blog .toc a{font-size:14px; color:var(--text); text-decoration:none;}
.pm-blog .toc a:hover{color:var(--red);}
.pm-blog .toc .upd{margin-top:18px; padding-top:16px; border-top:1px solid var(--line); font-size:12px; color:var(--muted); line-height:1.5;}
.pm-blog .art-faq{margin-top:52px;}
.pm-blog .art-faq .qa{border-bottom:1px solid var(--line); padding:22px 0;}
.pm-blog .art-faq .qa h3{font-size:18px; font-weight:700; color:var(--ink); margin:0 0 10px;}
.pm-blog .art-faq .qa p{font-size:15.5px; color:var(--muted); line-height:1.65; margin:0;}
.pm-blog .sources{margin-top:44px; border-top:1px solid var(--line); padding-top:24px;}
.pm-blog .sources .t{font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--muted); margin-bottom:12px;}
.pm-blog .sources ol{padding-left:18px;}
.pm-blog .sources li{font-size:13.5px; color:var(--muted); line-height:1.6; margin-bottom:8px;}
.pm-blog .author-card{display:grid; grid-template-columns:72px 1fr; gap:20px; align-items:start; background:var(--cream); border:1px solid var(--line); border-radius:18px; padding:28px; margin-top:44px;}
.pm-blog .author-card .ava{width:72px; height:72px; border-radius:50%; background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:22px;}
.pm-blog .author-card .nm{font-size:18px; font-weight:700; color:var(--ink);}
.pm-blog .author-card .rl{font-size:13.5px; color:var(--red); font-weight:600; margin-top:2px;}
.pm-blog .author-card p{font-size:15px; color:var(--muted); line-height:1.6; margin-top:12px;}
.pm-blog .cite-box{background:var(--ink); color:var(--on-dark); border-radius:16px; padding:28px 30px; margin-top:28px;}
.pm-blog .cite-box .t{font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:#FF6B5F;}
.pm-blog .cite-box p{font-size:14.5px; line-height:1.7; margin-top:14px; font-family:'Liberation Mono',ui-monospace,monospace; color:#fff; word-break:break-word;}
.pm-blog .sources li.pm-placeholder{color:var(--red); background:var(--soft); border:1px dashed rgba(230,47,41,.45); border-radius:8px; padding:10px 12px;}
.pm-blog .rel{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:36px;}
@media (max-width:980px){
.pm-blog .art-head h1{font-size:32px;}
.pm-blog .art-wrap{grid-template-columns:1fr; gap:0;}
.pm-blog .toc{position:static; margin-bottom:32px;}
.pm-blog .rel{grid-template-columns:1fr;}
}


/* ── Ajustes de plantilla ─────────────────────────────────────────────
   Cubren lo que la plantilla genera desde datos de WordPress y el mockup
   resolvía con estilos en línea, más el comportamiento en móvil. */

/* Titulares y entradillas sobre fondo oscuro */
.pm-blog .dark h2.h{color:#fff;}
.pm-blog .dark .lead{color:var(--muted-dark);}

/* Rejillas a una sola columna mientras no haya panel lateral */
.pm-blog .feat.is-solo{grid-template-columns:1fr;}
.pm-blog .art-wrap.is-solo{grid-template-columns:minmax(0,1fr); gap:0;}

/* Un elemento de rejilla no puede encogerse por debajo de su contenido
   si no se le dice: sin esto el artículo desborda a la derecha en móvil. */
.pm-blog .art-body,
.pm-blog .posts > .post,
.pm-blog .rel > .post{min-width:0;}
/* margin-inline:auto desactiva el estirado del elemento de rejilla: sin
   width:100% el artículo se dimensiona a su contenido más ancho (una
   tabla) y arrastra la página hacia la derecha en móvil. */
.pm-blog .art-body{margin-inline:auto; width:100%; overflow-wrap:break-word;}

/* El padding de sección es para las bandas de la página, no para las
   secciones que viven dentro del texto del artículo (el FAQ). */
.pm-blog .art-body section{padding:0;}

/* La URL del bloque de citación no debe empujar el ancho */
.pm-blog .cite-box p{overflow-wrap:anywhere;}

/* El caption quedaba pegado al borde por el overflow del table */
.pm-blog table.gtab caption{padding-left:2px;}

/* El índice y el artículo traían dos cajas de «Respuesta rápida» distintas
   —oscura sobre el hero negro, clara dentro del texto— y al fusionar los dos
   CSS se pisaban: el <b> se quedaba en blanco sobre fondo crema. */
/* La caja clara del artículo (bloque de arriba) redefine el margen con
   `margin:0 0 28px`, y eso borraba el margen superior de la caja oscura
   del índice: quedaba pegada al H1. Aquí se le devuelve. */
.pm-blog .subhero .answer-box{margin:38px 0 0; background:var(--ink2); border:1px solid rgba(255,255,255,.12); border-left:3px solid var(--red);}
.pm-blog .subhero .answer-box .lbl{color:#FF6B5F;}
.pm-blog .subhero .answer-box p{color:var(--on-dark);}
.pm-blog .subhero .answer-box p b{color:#fff;}
.pm-blog .art-body .answer-box p b{color:var(--ink);}

/* ── Móvil ────────────────────────────────────────────────────────────
   El mockup solo traía un corte en 980px. Por debajo de eso los titulares
   y los rellenos se quedaban de escritorio. */
@media (max-width:620px){
  .pm-blog section{padding:64px 0;}
  .pm-blog .wrap{padding:0 20px;}
  .pm-blog h1{font-size:30px; line-height:1.15;}
  .pm-blog h2.h{font-size:28px;}
  .pm-blog .final h2{font-size:30px;}
  .pm-blog .feat h2{font-size:24px;}
  .pm-blog .feat .body{padding:26px;}
  .pm-blog .answer-box{padding:22px 20px;}
  .pm-blog .key-points{padding:22px 20px;}
  .pm-blog .defbox{padding:20px;}
  .pm-blog .art-body p{font-size:16px;}
  .pm-blog .author-card{grid-template-columns:1fr; gap:14px;}
  .pm-blog .byline{gap:10px; font-size:12.5px;}
  /* La tabla comparativa se reparte el ancho disponible en vez de empujar
     la página hacia la derecha. Con table-layout fijo no hay scroll lateral. */
  .pm-blog table.gtab{table-layout:fixed; width:100%;}
  .pm-blog table.gtab th,.pm-blog table.gtab td{padding:12px 10px; font-size:13.5px; overflow-wrap:break-word;}
  .pm-blog table.gtab th{letter-spacing:.04em;}
  .pm-blog table.gtab th:first-child,.pm-blog table.gtab td:first-child{width:31%;}
}

/* En móvil la miga de pan se comía tres líneas con el título completo del
   artículo. Se recorta la última, que es la página actual y es redundante. */
@media (max-width:620px){
  .pm-blog .crumb{display:flex; gap:6px; align-items:baseline; margin-top:34px;}
  .pm-blog .crumb span[aria-current]{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:46vw;}
}

/* ── Listas numeradas y notas al pie ──────────────────────────────────
   Los artículos del clúster usan pasos numerados y referencias a fuentes.
   El reset quita el padding de las listas, así que una <ol> sin estas
   reglas sale sin numeración visible y pegada al margen. */
.pm-blog .art-body ol.num{list-style:none; counter-reset:num; margin:0 0 22px;}
.pm-blog .art-body ol.num li{counter-increment:num; position:relative; padding-left:38px; font-size:16.5px; line-height:1.65; color:#2A2A2A; margin-bottom:14px;}
.pm-blog .art-body ol.num li::before{content:counter(num); position:absolute; left:0; top:2px; width:24px; height:24px; border-radius:8px; background:var(--soft); color:var(--red); font-size:12.5px; font-weight:800; display:flex; align-items:center; justify-content:center;}
.pm-blog .art-body ol.num li b{color:var(--ink);}
.pm-blog .art-body sup{line-height:0;}
.pm-blog .art-body sup a{font-size:11px; font-weight:700; color:var(--red); text-decoration:none; padding-left:1px;}
.pm-blog .art-body sup a:hover{text-decoration:underline;}
.pm-blog .sources ol{padding-left:20px;}
.pm-blog .sources li{scroll-margin-top:90px;}
.pm-blog .sources li a{color:var(--red); text-decoration:none; overflow-wrap:anywhere;}
.pm-blog .sources li a:hover{text-decoration:underline;}
.pm-blog .art-body .note p a{color:var(--red);}

/* ── Tablas anchas en móvil ───────────────────────────────────────────
   Una tabla de 4 columnas no cabe en 390 px: con table-layout fijo los
   encabezados se parten a mitad de palabra. Las anchas se deslizan. */
.pm-blog .art-body .tscroll{margin:28px 0;}
.pm-blog .art-body .tscroll table.gtab{margin:0;}
@media (max-width:620px){
  .pm-blog .art-body .tscroll{overflow-x:auto; -webkit-overflow-scrolling:touch;}
  .pm-blog .art-body .tscroll.c4 table.gtab{table-layout:auto; width:auto; min-width:580px;}
  .pm-blog .art-body .tscroll.c4 table.gtab td:first-child,
  .pm-blog .art-body .tscroll.c4 table.gtab th:first-child{width:auto; white-space:nowrap;}
  .pm-blog .art-body .tscroll.c4::after{content:'Desliza la tabla \2192'; display:block; font-size:12px; color:var(--muted); margin-top:8px;}
}

.pm-blog .art-body .tscroll{max-width:100%;}
.pm-blog .feat.is-solo{grid-template-columns:minmax(0,1fr);}

/* ── Paginación ───────────────────────────────────────────────────────
   Con el clúster completo el índice pagina. the_posts_pagination() emite
   .pagination > .nav-links > a.page-numbers, que el tema no estiliza. */
.pm-blog .pagination{margin-top:48px;}
.pm-blog .pagination .screen-reader-text{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.pm-blog .pagination .nav-links{display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center;}
.pm-blog .pagination .page-numbers{display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 14px; border:1px solid var(--line); border-radius:11px; background:var(--paper); font-size:14.5px; font-weight:600; color:var(--ink); text-decoration:none;}
.pm-blog .pagination a.page-numbers:hover{border-color:var(--red); color:var(--red);}
.pm-blog .pagination .page-numbers.current{background:var(--ink); border-color:var(--ink); color:#fff;}
.pm-blog .pagination .page-numbers.dots{border-color:transparent; background:none; min-width:0; padding:0 4px;}
@media (max-width:620px){
  .pm-blog .pagination .page-numbers{min-width:38px; height:38px; padding:0 10px; font-size:13.5px;}
}

@media (max-width:620px){
  .pm-blog .subhero .answer-box{margin-top:28px;}
}