/*
Theme Name: Pokémex Next
Theme URI: https://pokemex.com/
Author: Pokémex
Description: Una experiencia editorial ligera para la comunidad Pokémon de Latinoamérica, con recursos, contenido y herramientas. Tema clásico sin page builder.
Version: 0.3.5
Requires at least: 6.0
Requires PHP: 8.2
Text Domain: pkmx-next
License: GPL-2.0-or-later
*/
:root { color-scheme: light; --page:#f7f9fd; --surface:#fff; --soft:#eef4ff; --surface-alt:#eef2f9; --ink:#15224b; --body:#33415c; --muted:#697592; --border:#e3e9f3; --blue:#2359ea; --blue-deep:#1646c3; --blue-soft:#edf2ff; --yellow:#ffd343; --yellow-dark:#e5ad00; --shadow:0 20px 55px rgba(21,42,96,.08); --radius:22px; --max:1180px; }
:root[data-theme="dark"] { color-scheme: dark; --page:#0b1121; --surface:#131d31; --soft:#14274e; --surface-alt:#19263c; --ink:#eff3ff; --body:#cfdaeb; --muted:#9babcb; --border:#2b3a55; --blue:#75a0ff; --blue-deep:#a9c4ff; --blue-soft:#152b56; --yellow:#ffd856; --yellow-dark:#ffdf84; --shadow:0 22px 60px rgba(0,0,0,.25); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--page); color:var(--body); font: 16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid var(--yellow-dark); outline-offset:3px; }
img { max-width:100%; height:auto; }
button,input { font:inherit; }
.container { width:min(calc(100% - 44px),var(--max)); margin-inline:auto; }
.skip-link { position:absolute; left:-999px; top:12px; z-index:500; padding:10px 16px; background:var(--yellow); color:#102046; }
.skip-link:focus { left:14px; }
.site-header { position:sticky; top:0; z-index:100; background:var(--surface); border-bottom:1px solid var(--border); }
.header-row { display:flex; align-items:center; min-height:79px; gap:30px; }
.brand { display:inline-flex; flex-shrink:0; align-items:center; gap:10px; line-height:1; }
.brand-word { color:var(--blue); letter-spacing:-.07em; font-size:27px; font-weight:900; }
.brand-word .brand-mex { color:var(--ink); }
.brand-era { border-left:1px solid var(--border); padding-left:10px; color:var(--muted); letter-spacing:.12em; font-size:9px; line-height:1.4; font-weight:900; }
.custom-logo { max-height:48px; width:auto; }
.site-nav { margin-left:auto; }
.site-nav ul { display:flex; align-items:center; flex-wrap:wrap; gap:26px; padding:0; margin:0; list-style:none; }
.site-nav a { font-size:13px; color:var(--ink); font-weight:760; transition:color .2s ease; }
.site-nav a:hover,.site-nav .current-menu-item>a { color:var(--blue); }
.header-actions { display:flex; align-items:center; gap:9px; }
.icon-btn { display:inline-grid; place-items:center; height:39px; width:39px; background:var(--surface-alt); color:var(--ink); border:1px solid var(--border); border-radius:13px; cursor:pointer; transition: transform .2s,border-color .2s; }
.icon-btn:hover { transform:translateY(-2px); border-color:var(--blue); }
.icon-btn svg { width:19px; height:19px; }
.menu-toggle { display:none; }
.section { padding:78px 0; }
.section-tight { padding:64px 0; }
.section-eyebrow { display:flex; align-items:center; gap:9px; color:var(--blue); font-size:11px; text-transform:uppercase; letter-spacing:.16em; font-weight:850; margin:0 0 11px; }
.section-eyebrow::before { content:""; display:block; width:18px; height:4px; border-radius:4px; background:var(--yellow); }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { color:var(--ink); line-height:1.13; letter-spacing:-.045em; }
h2 { font-size:clamp(29px,3.1vw,42px); font-weight:850; }
h3 { font-size:20px; font-weight:800; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:29px; }
.section-heading p { margin:0; max-width:610px; }
.text-link { color:var(--blue); font-size:14px; font-weight:800; white-space:nowrap; }
.text-link:hover { text-decoration:underline; }
.button { min-height:49px; display:inline-flex; align-items:center; justify-content:center; gap:12px; border-radius:12px; font-weight:800; font-size:14px; padding:13px 21px; transition:transform .2s, box-shadow .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--blue); color:#fff; box-shadow:0 12px 22px rgba(35,89,234,.18); }
.button-secondary { color:var(--ink); border:1px solid var(--border); background:var(--surface); }
.hero-shell { padding:64px 0 0; position:relative; overflow:hidden; background:radial-gradient(900px 420px at 92% 2%,var(--blue-soft),transparent 65%); }
.hero { min-height:440px; display:grid; grid-template-columns:1.07fr .93fr; gap:52px; align-items:center; padding:27px 0 67px; }
.hero-tag { display:inline-flex; align-items:center; gap:8px; font-size:11px; letter-spacing:.13em; text-transform:uppercase; font-weight:850; color:var(--blue); margin-bottom:19px; }
.hero-tag::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--yellow); box-shadow:0 0 0 4px rgba(255,211,67,.23); }
.hero h1 { max-width:620px; font-size:clamp(46px,5.25vw,71px); font-weight:900; letter-spacing:-.067em; line-height:1.03; margin-bottom:21px; }
.hero h1 em { color:var(--blue); font-style:normal; }
.hero-copy { max-width:550px; font-size:18px; line-height:1.65; color:var(--body); }
.hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:27px; }
.hero-note { margin:24px 0 0; font-size:12px; color:var(--muted); font-weight:650; }
.hero-visual { position:relative; padding:30px; }
.hero-visual::before { content:""; position:absolute; inset:5% -4% 4% 8%; border-radius:42px; transform:rotate(-7deg); background:var(--yellow); }
.hero-dashboard { position:relative; z-index:1; padding:27px; background:var(--surface); border:1px solid var(--border); border-radius:25px; box-shadow:var(--shadow); }
.dashboard-top { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); padding-bottom:18px; }
.dashboard-title { color:var(--ink); font-weight:900; letter-spacing:-.04em; font-size:20px; }
.dashboard-pill { background:var(--blue-soft); color:var(--blue); font-weight:850; font-size:10px; padding:7px 11px; border-radius:99px; }
.dashboard-lead { padding:24px 0 3px; }
.dashboard-lead span { display:block; color:var(--muted); font-size:11px; letter-spacing:.12em; font-weight:800; text-transform:uppercase; }
.dashboard-lead strong { display:block; font-size:clamp(33px,3vw,44px); font-weight:900; color:var(--ink); line-height:1.15; letter-spacing:-.06em; margin:8px 0; }
.dashboard-lead p { margin:0 0 16px; font-size:13px; }
.dashboard-stack { display:grid; gap:9px; }
.dashboard-list { display:flex; align-items:center; gap:12px; border:1px solid var(--border); border-radius:13px; padding:11px 13px; font-weight:760; font-size:13px; color:var(--ink); }
.dashboard-list i { width:33px; height:33px; display:grid; place-items:center; background:var(--blue-soft); color:var(--blue); border-radius:10px; font-style:normal; font-size:15px; }
.dashboard-list:last-child i { background:#fff7d8; color:#856305; }
.hero-caption { position:absolute; z-index:2; bottom:7px; left:-15px; background:var(--ink); color:var(--page); transform:rotate(-5deg); padding:11px 18px; border-radius:9px; font-size:12px; font-weight:850; box-shadow:var(--shadow); }
.hero-caption strong { color:var(--yellow); }
.quick-strip { background:var(--surface); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.strip-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.strip-item { padding:21px 27px; display:flex; align-items:center; gap:16px; border-right:1px solid var(--border); }
.strip-item:first-child { padding-left:0; } .strip-item:last-child { border-right:0; }
.strip-symbol { color:var(--blue); background:var(--blue-soft); width:41px; height:41px; display:grid; place-items:center; flex-shrink:0; border-radius:13px; font-weight:900; font-size:19px; }
.strip-item strong { display:block; color:var(--ink); font-size:13px; line-height:1.35; }
.strip-item small { display:block; color:var(--muted); font-size:11px; line-height:1.4; margin-top:3px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.hub-card { position:relative; border:1px solid var(--border); border-radius:var(--radius); padding:27px; background:var(--surface); min-height:275px; transition:transform .2s,border-color .2s,box-shadow .2s; overflow:hidden; }
.hub-card:hover { transform:translateY(-4px); border-color:var(--blue); box-shadow:var(--shadow); }
.hub-card::after { content:""; display:block; position:absolute; right:-32px; top:-32px; width:150px; height:150px; border-radius:50%; background:var(--blue-soft); opacity:.65; }
.hub-card.yellow::after { background:#ffedb7; }
.hub-card.ice::after { background:#dcecf9; }
.hub-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; background:var(--blue-soft); color:var(--blue); font-size:22px; margin-bottom:29px; position:relative; z-index:1; }
.hub-card.yellow .hub-icon { background:#fff1bd; color:#8f6400; }
.hub-card.ice .hub-icon { background:#e0f0fb; color:#21658f; }
.hub-card h3,.hub-card p,.hub-card .card-link { position:relative; z-index:1; }
.hub-card h3 { margin-bottom:10px; }
.hub-card p { font-size:13px; max-width:280px; min-height:58px; color:var(--muted); line-height:1.65; }
.card-link { color:var(--blue); font-size:13px; font-weight:850; }
.tools-section { background:var(--surface-alt); border-block:1px solid var(--border); }
.tool-card { background:var(--surface); border:1px solid var(--border); padding:25px; border-radius:18px; display:block; min-height:210px; transition:transform .2s,box-shadow .2s; }
.tool-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.tool-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:21px; }
.tool-mark { width:40px; height:40px; background:var(--blue-soft); color:var(--blue); border-radius:12px; display:grid; place-items:center; font-weight:900; }
.tool-arrow { color:var(--blue); font-size:20px; }
.tool-card h3 { font-size:19px; margin-bottom:8px; }
.tool-card p { font-size:13px; color:var(--muted); margin-bottom:0; }
.tool-banner { display:flex; align-items:center; gap:13px; margin-top:20px; font-size:12px; color:var(--muted); }
.tool-banner strong { color:var(--ink); }
.editorial-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.post-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--border); background:var(--surface); border-radius:18px; transition:transform .2s,box-shadow .2s; }
.post-card:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
.post-image { width:100%; aspect-ratio:16/9; background:linear-gradient(135deg,var(--blue-soft),var(--soft)); overflow:hidden; display:block; position:relative; }
.post-image img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.post-card:hover img { transform:scale(1.025); }
.post-placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:radial-gradient(circle at 15% 25%,#ffd34388,transparent 24%),radial-gradient(circle at 80% 80%,#2359ea30,transparent 30%),var(--blue-soft); color:var(--blue); font-size:38px; font-weight:950; letter-spacing:-.09em; }
.post-card-copy { padding:22px 23px 25px; }
.post-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:11px; color:var(--muted); font-weight:750; }
.post-category { color:var(--blue); text-transform:uppercase; letter-spacing:.07em; }
.post-card h3 { margin:12px 0 8px; line-height:1.35; font-size:18px; }
.post-card h3 a:hover { color:var(--blue); }
.post-card p { font-size:13px; color:var(--muted); margin-bottom:0; }
.story { background:var(--ink); color:#dfe6ff; border-radius:26px; padding:51px 57px; display:grid; grid-template-columns:1.05fr .95fr; gap:50px; align-items:center; position:relative; overflow:hidden; }
.story::after { content:"1999"; position:absolute; bottom:-62px; right:30px; font-size:175px; color:rgba(255,255,255,.035); font-weight:950; letter-spacing:-.08em; line-height:1; pointer-events:none; }
.story .section-eyebrow { color:var(--yellow); }
.story h2 { color:#fff; font-size:clamp(30px,3.4vw,46px); max-width:480px; }
.story p { color:#c1cbe4; font-size:14px; max-width:480px; }
.story .button { border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.07); color:#fff; }
.story-items { display:grid; gap:13px; position:relative; z-index:1; }
.story-item { display:grid; grid-template-columns:48px 1fr; gap:15px; align-items:start; padding:17px; border:1px solid rgba(255,255,255,.15); border-radius:16px; background:rgba(255,255,255,.06); }
.story-item strong { color:var(--yellow); font-size:19px; }
.story-item b { display:block; color:white; font-size:13px; }
.story-item span { display:block; color:#c1cbe4; font-size:12px; margin-top:4px; }
.cta-section { padding:28px 0 94px; }
.cta { background:var(--blue-soft); border:1px solid var(--border); border-radius:22px; padding:36px 45px; display:flex; gap:22px; align-items:center; justify-content:space-between; }
.cta h2 { margin:0 0 7px; font-size:28px; }
.cta p { margin:0; color:var(--muted); font-size:14px; }
.site-footer { background:var(--surface); border-top:1px solid var(--border); padding:53px 0 24px; }
.footer-grid { display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr; gap:28px; padding-bottom:42px; }
.footer-about { max-width:310px; }
.footer-about p { font-size:13px; color:var(--muted); margin-top:17px; }
.site-footer h4 { font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:var(--ink); margin:0 0 16px; }
.footer-list { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.footer-list a { color:var(--muted); font-size:13px; }
.footer-list a:hover { color:var(--blue); }
.footer-bottom { border-top:1px solid var(--border); padding-top:19px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12px; color:var(--muted); }
.inner-hero { padding:70px 0 40px; }
.inner-hero h1 { font-size:clamp(37px,4.5vw,56px); margin-bottom:13px; }
.inner-hero p { max-width:680px; }
.archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; padding-bottom:86px; }
.entry-wrap { padding:60px 0 90px; }
.entry-layout { display:grid; grid-template-columns:minmax(0,780px) minmax(0,1fr); gap:60px; align-items:start; }
.entry-header h1 { font-size:clamp(36px,4.7vw,58px); margin:13px 0 19px; }
.entry-hero-image { width:100%; border-radius:19px; margin:27px 0 34px; }
.entry-content { color:var(--body); font-size:17px; line-height:1.85; overflow-wrap:anywhere; }
.entry-content :is(h2,h3,h4) { margin:1.6em 0 .6em; }
.entry-content a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.entry-content img { border-radius:12px; }
.entry-content blockquote { border-left:4px solid var(--yellow); margin:25px 0; padding:5px 25px; background:var(--surface); }
.entry-content pre { max-width:100%; overflow-x:auto; background:var(--surface-alt); padding:18px; border-radius:12px; }
.entry-content table { display:block; overflow-x:auto; }
.entry-content :is(.alignwide,.alignfull) { max-width:100%; }
.entry-sidebar { background:var(--surface); border:1px solid var(--border); border-radius:18px; padding:23px; }
.entry-sidebar h3 { font-size:16px; }
.entry-sidebar p { color:var(--muted); font-size:13px; }
.entry-sidebar .button { width:100%; }
.paging { display:flex; flex-wrap:wrap; gap:10px; margin:-40px 0 75px; }
.paging .page-numbers { background:var(--surface); border:1px solid var(--border); border-radius:9px; padding:7px 12px; color:var(--ink); font-weight:700; }
.paging .current { background:var(--blue); color:#fff; }
.search-form { display:flex; gap:9px; margin:23px 0; max-width:640px; }
.search-form input { width:100%; min-width:0; border:1px solid var(--border); background:var(--surface); border-radius:12px; color:var(--ink); padding:12px 15px; }
.search-form button { border:0; cursor:pointer; }
.not-found { padding:100px 0; min-height:50vh; }
.not-found h1 { font-size:52px; }
.wp-block-image { max-width:100%; }
@media (max-width:1080px) { .site-nav ul { gap:17px; } .hero { gap:22px; } .hero-visual { padding:13px; } .hero-caption { left:0; } }
@media (max-width:820px) { .header-row { min-height:70px; } .menu-toggle { display:grid; } .site-nav { display:none; position:absolute; top:70px; left:0; width:100%; padding:18px 22px 22px; background:var(--surface); border-bottom:1px solid var(--border); box-shadow:var(--shadow); } .site-nav.is-open { display:block; } .site-nav ul { display:grid; gap:15px; } .hero { grid-template-columns:1fr; gap:35px; padding-bottom:55px; } .hero-visual { max-width:560px; width:100%; margin-inline:auto; } .hero h1 { max-width:650px; } .strip-grid { grid-template-columns:1fr; } .strip-item,.strip-item:first-child { border-bottom:1px solid var(--border); border-right:0; padding:16px 4px; } .strip-item:last-child { border-bottom:0; } .grid-3,.editorial-list,.archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .story { grid-template-columns:1fr; padding:37px; gap:20px; } .footer-grid { grid-template-columns:repeat(2,1fr); } .entry-layout { grid-template-columns:1fr; gap:25px; } }
@media (max-width:560px) { .container { width:min(calc(100% - 30px),var(--max)); } .brand-era { font-size:8px; } .brand-word { font-size:24px; } .header-row { gap:8px; } .header-actions { margin-left:auto; gap:6px; } .icon-btn { width:36px; height:36px; } .hero-shell { padding-top:38px; } .hero { padding-bottom:43px; } .hero h1 { font-size:46px; } .hero-copy { font-size:16px; } .hero-visual { padding:18px 10px; } .hero-dashboard { padding:19px; } .hero-caption { font-size:10px; bottom:0; } .section,.section-tight { padding:58px 0; } .section-heading { display:block; } .section-heading .text-link { display:inline-block; margin-top:12px; } .grid-3,.editorial-list,.archive-grid { grid-template-columns:1fr; } .hub-card { min-height:230px; } .cta-section { padding:10px 0 68px; } .cta { padding:25px; display:block; } .cta .button { margin-top:20px; } .story { padding:28px 23px; } .footer-grid { grid-template-columns:1fr 1fr; gap:27px 15px; } .footer-about { grid-column:1 / -1; } .entry-wrap { padding-top:28px; } .entry-header h1 { font-size:39px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; animation:none !important; } }

.screen-reader-text {position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);overflow:hidden;height:1px;width:1px;white-space:nowrap;}
.screen-reader-text:focus{position:static!important;clip:auto;clip-path:none;width:auto;height:auto;}

/* Restrained on-load movement to echo the data site's playful interactivity. */
@keyframes pm-enter { from { opacity:0; transform:translateY(13px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:no-preference) {
 .hero > div:first-child { animation:pm-enter .6s ease both; }
 .hero-dashboard { animation:pm-enter .7s .12s ease both; }
}

/* V0.2: portada histórica + propuesta de valor + módulo editorial */
.site-header .header-row { gap:17px; }
.site-header .site-nav { margin-left:auto; }
.header-pdm { flex:0 0 auto; }
.hero-shell.hero-photo { background:linear-gradient(110deg,#152b51 0%,#294e80 58%,#477c98 100%);background-size:cover;background-position:center 47%; padding:0; }
.hero-photo .hero { display:flex;position:relative;align-items:center;min-height:500px;padding:65px 0 82px; }
.hero-photo .hero-copy-block { max-width:840px;z-index:1; }
.hero-photo .hero-tag { color:#fff;letter-spacing:.04em;text-transform:none;background:rgba(2,10,27,.46);border-radius:100px;padding:8px 16px;font-size:12px;margin-bottom:26px; }
.hero-photo .hero-tag::before { display:none; }
.hero-photo .hero h1 { color:#fff;max-width:790px;font-size:clamp(46px,5.6vw,78px);letter-spacing:-.055em;margin-bottom:20px;text-shadow:0 2px 15px rgba(0,0,0,.18); }
.hero-photo .hero-copy { color:#f4f8ff;max-width:760px;font-size:clamp(16px,1.7vw,21px);line-height:1.6;text-shadow:0 2px 12px rgba(0,0,0,.15); }
.hero-photo .button-primary { background:#facd34;color:#151e3d;box-shadow:0 12px 25px rgba(0,0,0,.13); }
.hero-photo .button-photo-outline { color:#fff;border:1px solid rgba(255,255,255,.8);background:rgba(0,0,0,.13);backdrop-filter:blur(6px); }
.hero-photo .hero-note { color:#e1eafb;font-weight:500; }
.hero-photo-credit { position:absolute;bottom:14px;right:0;color:#fff;font-size:11px;background:rgba(0,0,0,.38);padding:4px 10px;border-radius:6px; }
.hubs-immediately { padding:36px 0 66px; }
.hubs-immediately .section-heading { margin-bottom:22px; }
.hubs-immediately .section-heading h2 { font-size:clamp(26px,2.9vw,35px); }
.hubs-immediately .hub-card { min-height:260px;padding:31px;border:none;border-radius:25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start; }
.hubs-immediately .hub-card::after { background:rgba(255,255,255,.09);width:220px;height:220px;top:-100px;right:-105px; }
.hubs-immediately .hub-card h3 { color:inherit;font-size:26px;line-height:1.18;letter-spacing:-.04em;margin:24px 0 16px; }
.hubs-immediately .hub-card p { color:inherit;opacity:.9;font-size:14px;line-height:1.6;min-height:0;max-width:340px; }
.hubs-immediately .hub-card .card-link { color:inherit;margin-top:auto;padding-top:20px;opacity:.98;font-size:13px; }
.hub-special { font-size:10px;letter-spacing:.14em;font-weight:900;opacity:.65; }
.hub-card-tcg { background:#121816;color:#fff; }
.hub-card-vgc { background:#0b3545;color:#fff; }
.hub-card-go { background:#55c99d;color:#102d29; }
.hubs-immediately .hub-card-tcg:hover { border-color:#121816; }
.hubs-immediately .hub-card-vgc:hover { border-color:#0b3545; }
.hubs-immediately .hub-card-go:hover { border-color:#55c99d; }
@media(max-width:1180px) { .header-pdm .pokemex-pdm__eyebrow { display:none; } .site-nav ul { gap:16px; } }
@media(max-width:1020px) { .header-pdm {display:none;} }
@media(max-width:820px) { .hero-photo .hero { min-height:510px;padding:55px 0 64px; } .hero-photo .hero h1 { font-size:clamp(42px,8.5vw,64px);} .hubs-immediately .grid-3 {grid-template-columns:1fr;} .hubs-immediately .hub-card {min-height:220px;} }
@media(max-width:560px) { .hero-photo .hero { min-height:470px;padding:45px 0 60px; } .hero-photo .hero h1 {font-size:43px;} .hero-photo .hero-tag {font-size:10px;} .hero-photo-credit{font-size:9px;} .hubs-immediately {padding:30px 0 48px;} .hubs-immediately .hub-card{min-height:230px;padding:26px;} .hubs-immediately .hub-card h3{font-size:24px;} }

.header-pdm-mobile { display:none; background:var(--surface); border-bottom:1px solid var(--border); }
.header-pdm-mobile .pokemex-pdm { border:0; border-radius:0; padding:6px 0 9px; }
@media(max-width:1020px) { .header-pdm-mobile {display:block;} }

/* Pokémex Next v0.3: two interrupted strokes under the masthead. */
.site-header{isolation:isolate;border-bottom:0}
.site-header::before,.site-header::after{content:"";position:absolute;left:0;width:100%;height:3px;pointer-events:none;z-index:2}
.site-header::before{bottom:0;background:var(--blue);clip-path:polygon(0 0,70% 0,72% 100%,100% 100%,100% 100%,71.8% 100%,69.8% 100%,0 100%)}
.site-header::after{bottom:-3px;background:var(--yellow);clip-path:polygon(0 0,69.8% 0,71.8% 100%,100% 100%,100% 100%,71.8% 100%,69.8% 0,0 0)}
.topic-pills{display:flex;flex-wrap:wrap;gap:9px;margin:-5px 0 24px}
.topic-pills a{font-size:12px;font-weight:780;color:var(--blue);background:var(--blue-soft);border:1px solid var(--border);border-radius:30px;padding:7px 14px}
.topic-pills a:hover{background:var(--yellow);color:#15244b}
#noticias .editorial-list{grid-template-columns:repeat(4,minmax(0,1fr))}
#noticias .post-card{min-width:0}
#noticias .post-card-copy h3{font-size:17px}
.legacy-section{background:var(--surface-alt);border-block:1px solid var(--border)}
.legacy-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;align-items:stretch}
.legacy-layout>div,.legacy-layout>aside{border-radius:23px;padding:33px;min-width:0}
.legacy-hall{background:#102b56;color:#dce9ff;position:relative;overflow:hidden}
.legacy-hall::after{content:"";position:absolute;right:-90px;top:-110px;width:360px;height:360px;border:1px solid rgba(255,211,67,.25);border-radius:50%;pointer-events:none}
.legacy-hall .legacy-head{color:#ffdf74}
.legacy-head{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:860;letter-spacing:.09em;text-transform:uppercase;margin-bottom:16px}
.legacy-medal{background:#ffdb57;color:#102b56;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:17px}
.legacy-layout h3{font-size:clamp(23px,2.5vw,31px);letter-spacing:-.04em;max-width:560px;margin:0 0 13px}
.legacy-hall h3{color:white}
.legacy-hall>p{max-width:570px;font-size:14px;color:#d7e4fa}
.legacy-hall .pmhof-featured-grid{margin:22px 0}
.legacy-hall .pmhof-featured-grid .pmhof-player{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);color:white;display:block}
.legacy-hall .pmhof-player h3{color:white;font-size:14px}
.legacy-hall .pmhof-alias{color:#bcd5f7}
.legacy-hall .pmhof-stats{color:#ffe080}
.legacy-hall .pmhof-avatar{width:35px;height:35px;margin-bottom:8px}
.legacy-placeholder{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:13px;padding:22px;font-size:13px;margin:23px 0;line-height:1.6}
.button-hall{display:inline-flex;color:#132546;background:var(--yellow);margin-top:5px;position:relative;z-index:1}
.legacy-archive{background:var(--surface);border:1px solid var(--border);color:var(--body)}
.legacy-archive .legacy-head{color:var(--blue)}
.legacy-archive h3{color:var(--ink)}
.legacy-archive p{font-size:14px;line-height:1.65}
.legacy-archive-link{display:inline-block;margin-top:16px;color:var(--blue);font-size:13px;font-weight:850}
.pmav-kind{display:inline-block;font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.04em;text-transform:uppercase;margin:8px 0}
.pmav-item{border-top:1px solid var(--border);padding:14px 0 4px}
.pmav-item span{font-size:11px;color:var(--muted);font-weight:800}
.pmav-item h3{font-size:18px;letter-spacing:-.025em;margin:4px 0 9px}
.pmav-item h3 a:hover{color:var(--blue)}
.pmav-item p{font-size:12px;line-height:1.55;color:var(--muted)}
@media(max-width:1020px){#noticias .editorial-list{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-layout{grid-template-columns:1fr}}
@media(max-width:560px){#noticias .editorial-list{grid-template-columns:1fr}.legacy-layout>div,.legacy-layout>aside{padding:23px}.legacy-hall .pmhof-featured-grid{grid-template-columns:1fr}}

/* Final segmented two-color brand rule, with a diagonal crossing. */
.site-header::before{display:none}
.site-header::after{bottom:0;height:7px;background-repeat:no-repeat;background-size:100% 100%;clip-path:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 8' preserveAspectRatio='none'%3E%3Cpath d='M0 1.5 H1010 L1050 6.5 H1440' stroke='%23265fea' stroke-width='3' fill='none' /%3E%3Cpath d='M0 6.5 H1010 L1050 1.5 H1440' stroke='%23ffd343' stroke-width='3' fill='none' /%3E%3C/svg%3E")}


/* Pokémex Next 0.3.3 — Aller como identidad, sin afectar la lectura por defecto.
 * @font-face se inyecta únicamente al detectar los archivos .woff2 suministrados
 * por el administrador en /wp-content/uploads/pkmx-fonts/.
 */
body.pkmx-aller-active {
  --pkmx-font-brand: "PKMX Aller", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --pkmx-font-accent: "PKMX Aller Display", "PKMX Aller", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
body.pkmx-aller-active :is(
  .brand-word, .brand-era, .site-nav a,
  h1, h2, h3, .section-eyebrow, .legacy-head,
  .button, .text-link, .card-link, .hub-special,
  .tool-mark, .dashboard-title, .post-placeholder,
  .topic-pills a, .pokemex-pdm__eyebrow, .pokemex-pdm__name,
  .site-footer h4
) {
  font-family: var(--pkmx-font-brand);
}
body.pkmx-aller-active :is(h1,h2,h3,.brand-word,.site-nav a,.button,.text-link,.card-link,.section-eyebrow,.legacy-head,.topic-pills a) {
  font-weight: 700;
}
body.pkmx-aller-active .hero h1,
body.pkmx-aller-active .hero-photo .hero h1 {
  font-weight: 700;
  letter-spacing: -.038em;
  line-height: 1.08;
}
body.pkmx-aller-active :is(h2,h3,.hubs-immediately .hub-card h3,.post-card h3) {
  letter-spacing: -.025em;
}
body.pkmx-aller-active .brand-word { letter-spacing: -.04em; }
body.pkmx-aller-active .section-eyebrow { letter-spacing: .105em; }
body.pkmx-aller-active .site-nav a { letter-spacing: -.006em; }
body.pkmx-aller-active :is(.pokemex-pdm__name,.story::after) {font-family:var(--pkmx-font-brand);}
body.pkmx-aller-display .pokemex-pdm__name {font-family:var(--pkmx-font-accent);font-weight:700;}
/* Opción extensiva para comparar, no predeterminada. */
body.pkmx-aller-full {font-family:var(--pkmx-font-brand);font-weight:400;}
body.pkmx-aller-full .entry-content {font-family:var(--pkmx-font-brand);}