/*
Theme Name: PokeCoord Dex
Author: PokeCoord
Description: Tema de Pokédex independiente, azul nocturno y amarillo. Requiere PokeCoord Pokédex para las fichas.
Version: 1.0.3
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: pokecoord-dex
*/
:root{color-scheme:dark;--bg:#141a33;--surface:#202a43;--card:#252f46;--text:#f3f5fa;--muted:#b0bbcf;--yellow:#ffcc00;--line:#ffffff14}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.site-header{border-bottom:1px solid var(--line);background:#10162b}.site-nav{max-width:1180px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-brand{text-decoration:none;font-size:23px;font-weight:850;letter-spacing:.03em}.site-brand span{color:var(--yellow)}.custom-logo{max-width:190px;max-height:64px;object-fit:contain}.site-links{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.site-links a{text-decoration:none;font-size:14px;font-weight:650;color:var(--muted)}.site-links a[aria-current]{color:var(--yellow)}.site-main{max-width:1180px;margin:auto;padding:32px 24px 64px}.site-footer{border-top:1px solid var(--line);padding:28px 24px;color:var(--muted);font-size:13px;max-width:1180px;margin:auto}.site-footer p{max-width:820px}.site-footer strong{color:var(--text)}.site-title{font-size:38px;margin:0 0 20px;letter-spacing:-.04em}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{clip:auto;width:auto;height:auto;z-index:10000;top:8px;left:8px;background:var(--yellow);color:#141a33;padding:12px}.site-basic{max-width:780px;margin:40px auto}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.site-main{padding:20px 16px 40px}.site-nav{padding:18px 16px;gap:12px}.site-links{gap:15px}.site-brand{font-size:21px}.site-title{font-size:30px}}

/* Header and footer shared with PokeCoord Articles 1.0.3. */
:root {
  --pc-bg: #141a33;
  --pc-panel: #314158;
  --pc-card: #292e3d;
  --pc-deep: #1f2a3e;
  --pc-yellow: #ffcc00;
  --pc-text: #fff;
  --pc-muted: #cdd2dc;
  --pc-border: rgba(255, 255, 255, .09);
  --pc-shadow: 0 12px 30px rgba(0, 0, 0, .28);
  --pc-radius: 18px;
}

.pc-site { min-height: 100vh; }
.pc-shell {
  width: min(1120px, calc(100% - 32px));
  margin-inline: auto;
}
.pc-header { padding: 18px 0 10px; }
.pc-brand {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pc-brand img {
  width: 327px;
  max-width: min(82vw, 327px);
  max-height: 150px;
  object-fit: contain;
}
.pc-nav {
  display: flex;
  justify-content: center;
  margin-top: 14px;
}
.pc-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 24px;
  margin: 0;
  padding: 12px 24px;
  list-style: none;
  background: #222;
  border-radius: 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .4);
}
.pc-nav a {
  color: #fff;
  font-size: .95rem;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: .015em;
}
.pc-nav a:hover,
.pc-nav .current-menu-item > a,
.pc-nav .pc-current > a { color: var(--pc-yellow); }

.pc-social-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.pc-social-links--header { margin-top: 12px; }
.pc-social-links--footer { margin: 15px 0 13px; }
.pc-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .06);
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.pc-social-link svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}
.pc-social-link:hover,
.pc-social-link:focus-visible {
  color: #111;
  background: var(--pc-yellow);
  border-color: var(--pc-yellow);
  transform: translateY(-2px);
}

.pc-footer { padding: 0 0 32px; }
.pc-footer-box {
  padding: 22px;
  text-align: center;
  background: #222;
  border-radius: 20px;
  color: var(--pc-muted);
  font-size: .85rem;
}
.pc-footer-box p { margin: 6px auto; max-width: 900px; }
.pc-footer-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 18px; }
.pc-footer-links a { color: #fff; text-decoration: none; font-weight: 700; }
.pc-footer-links a:hover { color: var(--pc-yellow); }


.pc-header,.pc-footer{font-family:Arial,Helvetica,sans-serif;line-height:1.65}
.pc-brand img{height:auto;display:block}
.pc-social-link{text-decoration:none}
.pc-social-link svg{display:block;flex-shrink:0}
.dex-section-title{text-align:center;margin:12px 0 28px}
.dex-section-title h1,.dex-section-title>a{display:block;margin:0;color:#ffcc00;font-size:26px;font-weight:800;letter-spacing:.10em;line-height:1.3;text-decoration:none}
.dex-section-title>a.dex-home-link{font-size:clamp(2.25rem,5vw,3.3rem);line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere}
.dex-section-title>a.dex-home-link:hover{color:#ffe066;text-decoration:none}
.screen-reader-text:focus{position:fixed;z-index:100000;top:10px;left:10px;width:auto;height:auto;clip:auto;padding:10px 14px;background:#fff;color:#000}
@media(max-width:620px){.pc-shell{width:min(100% - 20px,1120px)}.pc-header{padding-top:10px}.pc-nav ul{gap:8px 16px;padding:10px 16px}.pc-nav a{font-size:.82rem}.dex-section-title{margin:8px 0 24px}.dex-section-title h1,.dex-section-title>a{font-size:23px}}
@media(prefers-reduced-motion:reduce){.pc-social-link{transition:none}}

/* Editable homepage introduction. */
.dex-section-title.dex-home-intro { margin: 12px 0 32px; padding: 8px 12px 4px; }
.dex-section-title.dex-home-intro h1 { font-size: clamp(2.25rem, 5vw, 3.3rem); line-height: 1.12; letter-spacing: -.025em; color: #ffcc00; overflow-wrap: anywhere; }
.dex-home-description { max-width: 780px; margin: 18px auto 0; color: #cdd2dc; font-size: 1.05rem; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere; }
@media (max-width: 620px) { .dex-section-title.dex-home-intro { padding-inline: 0; margin-top: 8px; margin-bottom: 26px; } .dex-home-description { font-size: 1rem; margin-top: 14px; } }