:root {
    --am-bg: #05040b;
    --am-panel: rgba(12, 13, 26, .9);
    --am-panel-2: rgba(20, 13, 35, .88);
    --am-border: rgba(255, 255, 255, .12);
    --am-text: #ffffff;
    --am-muted: #c9c1e8;
    --am-cyan: #3fffe0;
    --am-pink: #ff3c9a;
    --am-purple: #a93cff;
}

html, body { margin: 0 !important; background: radial-gradient(circle at top left, #1c0b3e 0, #05040b 38%, #020207 100%) !important; color: var(--am-text) !important; }
body.animedios-body, .animedios-body * { box-sizing: border-box; }
body.animedios-body { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
body.animedios-body a { color: inherit; text-decoration: none; }
body.animedios-body h1, body.animedios-body h2, body.animedios-body h3, body.animedios-body p { color: var(--am-text) !important; margin-top: 0; }

.am-site-shell { max-width: 1580px; margin: 28px auto; border: 1px solid var(--am-border); border-radius: 22px; overflow: hidden; background: rgba(0, 0, 0, .62); box-shadow: 0 0 80px rgba(169, 60, 255, .18); }
.am-header { min-height: 122px; display: flex; align-items: center; justify-content: space-between; gap: 36px; padding: 28px 68px; border-bottom: 1px solid var(--am-border); background: rgba(3, 4, 12, .92); }
.am-logo { display: flex; flex-direction: column; gap: 8px; min-width: 260px; }
.am-logo-title { font-weight: 950; font-size: 42px; line-height: 1; letter-spacing: -2px; color: #fff; text-shadow: 0 0 18px rgba(255, 60, 154, .28); }
.am-logo-subtitle { color: #d8cff8; font-weight: 800; letter-spacing: 3px; font-size: 14px; }
.am-nav { flex: 1; }
.am-menu { display: flex; align-items: center; justify-content: center; gap: 38px; margin: 0 !important; padding: 0 !important; list-style: none; }
.am-menu li { margin: 0 !important; padding: 0 !important; }
.am-menu a { color: #fff !important; font-weight: 800; font-size: 18px; padding: 18px 0; position: relative; }
.am-menu li:first-child a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; border-radius: 20px; background: var(--am-purple); }
.am-header-actions { display: flex; align-items: center; gap: 18px; }
.am-search { width: 58px; height: 58px; border-radius: 14px; border: 1px solid var(--am-border); background: rgba(255,255,255,.04); color: #fff; font-size: 32px; cursor: pointer; }
.am-newsletter, .am-main-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 15px; border: none; background: linear-gradient(135deg, var(--am-purple), var(--am-pink)); color: #fff !important; font-weight: 900; padding: 19px 28px; box-shadow: 0 16px 36px rgba(255, 60, 154, .25); }

.am-main { padding: 30px 68px 28px; }
.am-card { border: 1px solid var(--am-border); background: var(--am-panel); border-radius: 16px; overflow: hidden; }
.am-hero-grid { display: grid; grid-template-columns: 330px minmax(420px, 1fr) 390px; gap: 22px; align-items: stretch; }
.am-rewind-card { min-height: 375px; padding: 38px; background: radial-gradient(circle at bottom, rgba(255,60,154,.22), transparent 45%), linear-gradient(180deg, rgba(12,17,37,.98), rgba(16,6,31,.94)); }
.am-kicker { font-weight: 900; font-size: 15px; letter-spacing: 1px; }
.am-kicker.cyan { color: var(--am-cyan) !important; }
.am-rewind-card h2 { margin: 45px 0 70px; font-family: Georgia, serif; color: #ff70bd !important; font-size: 48px; line-height: .92; text-shadow: 0 0 22px rgba(255, 60, 154, .55); }
.am-rewind-card p { font-weight: 950; font-size: 25px; line-height: 1.35; }
.am-outline-btn { display: inline-flex; border: 1px solid var(--am-cyan); color: var(--am-cyan) !important; padding: 15px 22px; border-radius: 14px; font-weight: 900; }
.am-hero-card { min-height: 375px; padding: 42px; display: flex; flex-direction: column; justify-content: center; background: radial-gradient(circle at 78% 22%, rgba(86, 44, 255, .55), transparent 32%), linear-gradient(135deg, rgba(9,16,47,.98), rgba(255,60,154,.62)); position: relative; }
.am-pill { width: max-content; background: var(--am-pink); color: #fff; padding: 14px 20px; border-radius: 10px; font-weight: 950; font-size: 14px; margin-bottom: 56px; }
.am-hero-card h1 { max-width: 760px; font-size: clamp(42px, 4.2vw, 72px); line-height: 1.05; letter-spacing: -3px; font-weight: 950; color: #fff !important; text-shadow: 0 3px 22px rgba(0,0,0,.45); }
.am-hero-card p { max-width: 650px; font-size: 22px; line-height: 1.45; color: #fff !important; }
.am-hero-card .am-main-btn { width: max-content; margin-top: 22px; font-size: 18px; }
.am-minute-card { padding: 0 14px 14px; background: rgba(5,7,15,.88); }
.am-minute-card h2 { font-size: 28px; letter-spacing: 2px; padding: 4px 0 8px; margin: 0; color: #fff !important; }
.am-minute-list { display: flex; flex-direction: column; gap: 10px; }
.am-minute-item { display: grid; grid-template-columns: 128px 1fr auto; gap: 14px; align-items: center; min-height: 114px; border: 1px solid var(--am-border); border-radius: 12px; padding: 12px; background: rgba(255,255,255,.045); }
.am-thumb, .am-news-placeholder, .am-anime-img { background: linear-gradient(135deg, #2f6dff, #ff3c9a); }
.am-thumb { height: 88px; border-radius: 8px; display: block; }
.am-minute-text { display: flex; flex-direction: column; gap: 10px; color: #fff !important; font-size: 20px; line-height: 1.1; font-weight: 900; }
.am-minute-text b { color: var(--am-cyan); font-size: 12px; }
.am-minute-item em { color: var(--am-muted); font-style: normal; align-self: start; }

.am-content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 22px; margin-top: 22px; }
.am-left-column { display: flex; flex-direction: column; gap: 22px; }
.am-right-column { display: flex; flex-direction: column; gap: 22px; }
.am-section { padding: 24px; background: var(--am-panel-2); }
.am-section-head { display: flex; align-items: center; gap: 28px; margin-bottom: 22px; }
.am-section-head h2 { font-size: 30px; margin: 0; }
.am-section-head p { margin: 0; color: var(--am-muted) !important; flex: 1; }
.am-section-head a { color: #d56cff !important; font-weight: 900; border: 1px solid rgba(213,108,255,.55); padding: 12px 18px; border-radius: 8px; }
.am-section-head.compact { justify-content: space-between; }
.am-animepedia-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.am-anime-card { min-height: 195px; border: 1px solid var(--am-border); border-radius: 12px; padding: 10px; background: rgba(0,0,0,.42); position: relative; overflow: hidden; }
.am-anime-img { height: 120px; border-radius: 10px; margin-bottom: 10px; }
.am-anime-card h3, .am-news-card h3 { font-size: 17px; line-height: 1.15; margin: 0 0 8px; color: #fff !important; }
.am-anime-card span { color: #ddd; font-size: 12px; border: 1px solid rgba(255,255,255,.15); padding: 4px 8px; border-radius: 6px; }
.am-news-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.am-news-card { border: 1px solid var(--am-border); border-radius: 10px; overflow: hidden; background: rgba(0,0,0,.45); }
.am-news-card img, .am-news-placeholder { width: 100%; height: 128px; object-fit: cover; display: block; }
.am-news-card a { display: block; padding-bottom: 14px; }
.am-news-card span { display: inline-block; margin: 10px 12px 8px; color: var(--am-cyan); font-size: 11px; font-weight: 950; }
.am-news-card h3 { padding: 0 12px; }
.am-retro-feature { padding: 20px; background: linear-gradient(180deg, rgba(0,55,56,.75), rgba(5,12,20,.9)); }
.am-retro-img { height: 180px; border-radius: 12px; margin: 14px 0 18px; padding: 24px; display: flex; align-items: end; color: #fff; font-size: 28px; line-height: 1; font-weight: 950; background: linear-gradient(135deg, #69250f, #1c1430 45%, #ff7b00); text-shadow: 0 3px 14px rgba(0,0,0,.8); }
.am-retro-feature h2 { font-size: 25px; line-height: 1.15; margin-bottom: 10px; }
.am-retro-feature p { color: var(--am-muted) !important; }
.am-shorts { padding: 18px; }
.am-shorts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.am-shorts-grid a { height: 105px; border-radius: 10px; background: linear-gradient(135deg, #2f6dff, #ff3c9a); display: flex; align-items: center; justify-content: center; position: relative; }
.am-shorts-grid span { width: 48px; height: 48px; border-radius: 50%; border: 2px solid rgba(255,255,255,.7); display:flex; align-items:center; justify-content:center; }
.am-shorts-grid small { position: absolute; right: 8px; bottom: 8px; background: rgba(0,0,0,.55); padding: 3px 6px; border-radius: 6px; }
.am-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 68px; border-top: 1px solid var(--am-border); background: rgba(3,4,12,.94); }
.am-footer strong { font-size: 28px; }
.am-footer p { margin: 4px 0 0; color: var(--am-muted) !important; }
.am-footer-links { display: flex; gap: 22px; color: var(--am-muted); font-size: 14px; }

@media (max-width: 1200px) {
    .am-header { padding: 26px; flex-wrap: wrap; }
    .am-menu { justify-content: flex-start; flex-wrap: wrap; gap: 20px; }
    .am-main { padding: 24px; }
    .am-hero-grid, .am-content-grid { grid-template-columns: 1fr; }
    .am-animepedia-grid, .am-news-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
    .am-site-shell { margin: 0; border-radius: 0; }
    .am-header-actions { width: 100%; }
    .am-logo-title { font-size: 34px; }
    .am-hero-card h1 { font-size: 40px; letter-spacing: -1px; }
    .am-minute-item { grid-template-columns: 92px 1fr; }
    .am-minute-item em { display: none; }
    .am-animepedia-grid, .am-news-grid { grid-template-columns: 1fr; }
    .am-footer { flex-direction: column; align-items: flex-start; padding: 24px; }
    .am-footer-links { flex-wrap: wrap; }
}

/* ================================
   ANIMEDIOS V3 - NOTICIA INDIVIDUAL
   ================================ */
.am-single-main {
  background:
    radial-gradient(circle at 12% 0%, rgba(121, 50, 255, 0.22), transparent 34%),
    radial-gradient(circle at 90% 12%, rgba(255, 54, 166, 0.12), transparent 30%),
    #05010d;
  color: #fff;
  min-height: 100vh;
}

.am-single-article {
  max-width: 1120px;
  margin: 0 auto;
  padding: 54px 22px 80px;
}

.am-single-hero {
  max-width: 900px;
  margin: 0 auto 34px;
  text-align: left;
}

.am-single-meta-top {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  margin-bottom: 20px;
  color: #d9d2ff !important;
  font-size: 15px;
  font-weight: 700;
}

.am-single-meta-top a {
  color: #63ffe7 !important;
  text-decoration: none;
}

.am-single-category {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #b33dff, #ff3c9d);
  color: #fff !important;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .05em;
}

.am-single-title {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  font-size: clamp(38px, 6vw, 78px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  margin: 0 0 22px;
  text-shadow: 0 0 24px rgba(255, 62, 174, .28);
}

.am-single-excerpt {
  color: #e9e4ff !important;
  font-size: clamp(19px, 2.2vw, 25px);
  line-height: 1.55;
  margin: 0;
  max-width: 820px;
}

.am-single-featured {
  margin: 0 auto 46px;
  max-width: 1080px;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 20px 80px rgba(0,0,0,.38), 0 0 45px rgba(179,61,255,.18);
  background: #11111a;
}

.am-single-featured img {
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: cover;
  display: block;
}

.am-single-content {
  max-width: 840px;
  margin: 0 auto;
  padding: 12px 0 60px;
}

.am-single-content p,
.am-single-content li {
  color: #f5f2ff !important;
  font-size: 20px;
  line-height: 1.85;
  margin-bottom: 28px;
}

.am-single-content h2,
.am-single-content h3 {
  color: #fff !important;
  margin-top: 44px;
  margin-bottom: 18px;
}

.am-single-content a {
  color: #63ffe7 !important;
}

.am-related {
  max-width: 1080px;
  margin: 20px auto 0;
  padding-top: 34px;
  border-top: 1px solid rgba(255,255,255,.12);
}

.am-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.am-related-card {
  display: block;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
  color: #fff !important;
  text-decoration: none;
}

.am-related-thumb {
  height: 145px;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 14px;
  background: linear-gradient(135deg, #3674ff, #ff3c9d);
}

.am-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.am-related-card h3 {
  color: #fff !important;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 8px;
}

.am-related-card p {
  color: #cfc7ff !important;
  margin: 0;
  font-size: 13px;
}

.single-post .comments-area,
.single-post .post-navigation,
.single-post .wp-block-post-navigation-link {
  display: none !important;
}

@media (max-width: 800px) {
  .am-single-article { padding-top: 34px; }
  .am-single-content p,
  .am-single-content li { font-size: 18px; }
  .am-related-grid { grid-template-columns: 1fr; }
  .am-single-featured img { max-height: 360px; }
}

/* =========================================
   ANIMEDIOS V4 - FOOTER FUNCIONAL
========================================= */
.am-footer {
  margin-top: 70px;
  padding: 46px 68px 34px;
  border-top: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(5,1,13,.94), rgba(3,1,8,.98));
}

.am-footer-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1.6fr;
  gap: 28px 44px;
  align-items: start;
}

.am-footer-brand p {
  margin: 8px 0 0;
  color: #a79dcf !important;
  font-size: 14px;
}

.am-footer-logo {
  display: inline-block;
  color: #ffffff !important;
  font-size: 30px;
  line-height: 1;
  font-weight: 900;
  text-decoration: none !important;
  letter-spacing: -0.04em;
  text-shadow: 0 0 18px rgba(255, 62, 174, .22);
}

.am-footer-nav {
  display: flex;
  justify-content: flex-end;
}

.am-footer-menu {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px 22px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.am-footer-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.am-footer-menu a {
  color: #e8e2ff !important;
  text-decoration: none !important;
  font-size: 15px;
  transition: color .2s ease, text-shadow .2s ease;
}

.am-footer-menu a:hover {
  color: #63ffe7 !important;
  text-shadow: 0 0 16px rgba(99,255,231,.22);
}

.am-footer-bottom {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-top: 24px;
  margin-top: 8px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: #7d749f !important;
  font-size: 13px;
}

.am-footer-note {
  text-align: right;
}

/* =========================================
   ANIMEDIOS V4 - PÁGINAS / LEGALES
   Corrige título oscuro de Nosotros, Contacto, etc.
========================================= */
.am-page-main {
  background:
    radial-gradient(circle at 12% 0%, rgba(116, 61, 255, .20), transparent 38%),
    radial-gradient(circle at 100% 10%, rgba(255, 62, 174, .12), transparent 38%),
    #05010d;
  color: #f5f2ff !important;
}

.am-page-article {
  max-width: 940px;
  margin: 0 auto;
  padding: 72px 24px 40px;
}

.am-page-hero {
  margin-bottom: 34px;
}

.am-page-kicker {
  display: inline-flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 8px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #a839ff, #ff35a6);
  color: #fff !important;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.am-page-title,
body.page h1.am-page-title {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  margin: 0;
  font-size: clamp(48px, 8vw, 92px);
  line-height: .98;
  letter-spacing: -0.055em;
  text-shadow: 0 0 24px rgba(255, 62, 174, .26);
}

.am-page-content {
  padding: 34px 0 40px;
  border-top: 1px solid rgba(255,255,255,.10);
}

.am-page-content,
.am-page-content p,
.am-page-content li {
  color: #f5f2ff !important;
  font-size: 20px;
  line-height: 1.85;
}

.am-page-content p {
  margin: 0 0 26px;
}

.am-page-content a {
  color: #63ffe7 !important;
}

/* Fallback por si alguna página sigue usando template del tema padre */
body.page .wp-block-post-title,
body.page h1.wp-block-post-title,
body.page .entry-title,
body.page h1.entry-title {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 0 24px rgba(255, 62, 174, .26);
}

@media (max-width: 800px) {
  .am-footer {
    padding: 34px 24px 28px;
  }

  .am-footer-inner {
    grid-template-columns: 1fr;
  }

  .am-footer-nav,
  .am-footer-menu {
    justify-content: flex-start;
  }

  .am-footer-bottom {
    flex-direction: column;
  }

  .am-footer-note {
    text-align: left;
  }

  .am-page-article {
    padding-top: 46px;
  }

  .am-page-content,
  .am-page-content p,
  .am-page-content li {
    font-size: 18px;
  }
}


/* =========================================
   ANIMEDIOS V5 - FUENTES + CATEGORÍAS
   Basado en V4: no cambia la maqueta, solo corrige tipografías y archivos.
========================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --am-font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --am-font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
}

body.animedios-body {
  font-family: var(--am-font-body) !important;
  text-rendering: geometricPrecision;
}

.am-logo-title,
.am-menu a,
.am-newsletter,
.am-search,
.am-main-btn,
.am-outline-btn,
.am-pill,
.am-kicker,
.am-section-head h2,
.am-minute-card h2,
.am-minute-text,
.am-anime-card h3,
.am-news-card h3,
.am-retro-feature h2,
.am-single-title,
.am-page-title,
.am-archive-title,
.am-archive-card h2,
.am-empty-state h2 {
  font-family: var(--am-font-display) !important;
}

.am-hero-card h1,
.am-rewind-card h2 {
  font-family: var(--am-font-display) !important;
}

/* Evita que plantillas heredadas del tema padre muestren textos negros sobre fondo oscuro. */
body.archive,
body.category,
body.tag,
body.search {
  background:
    radial-gradient(circle at top left, #1c0b3e 0, #05040b 38%, #020207 100%) !important;
  color: #ffffff !important;
}

body.archive .wp-site-blocks,
body.category .wp-site-blocks,
body.tag .wp-site-blocks,
body.search .wp-site-blocks,
body.archive main,
body.category main,
body.tag main,
body.search main {
  background: transparent !important;
  color: #ffffff !important;
}

body.archive h1,
body.archive h2,
body.archive h3,
body.archive p,
body.archive a,
body.archive span,
body.category h1,
body.category h2,
body.category h3,
body.category p,
body.category a,
body.category span,
body.tag h1,
body.tag h2,
body.tag h3,
body.tag p,
body.tag a,
body.tag span {
  color: inherit;
}

.am-archive-main {
  padding: 30px 68px 28px;
  min-height: 70vh;
  background:
    radial-gradient(circle at 14% 0%, rgba(116, 61, 255, .18), transparent 36%),
    radial-gradient(circle at 96% 10%, rgba(255, 62, 174, .12), transparent 34%),
    #05010d;
  color: #ffffff !important;
}

.am-archive-hero {
  max-width: 1280px;
  margin: 0 auto 22px;
  padding: 44px;
  background:
    radial-gradient(circle at 78% 18%, rgba(169, 60, 255, .35), transparent 28%),
    linear-gradient(135deg, rgba(9,16,47,.98), rgba(255,60,154,.24));
}

.am-archive-title {
  margin: 0;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  font-size: clamp(46px, 7vw, 92px);
  line-height: .96;
  letter-spacing: -0.055em;
  text-shadow: 0 0 24px rgba(255, 62, 174, .26);
}

.am-archive-description,
.am-archive-description p {
  max-width: 760px;
  margin: 18px 0 0;
  color: #e9e4ff !important;
  font-size: 19px;
  line-height: 1.55;
}

.am-archive-section {
  max-width: 1280px;
  margin: 0 auto;
}

.am-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.am-archive-card {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0,0,0,.45);
}

.am-archive-card-link {
  display: block;
  color: #ffffff !important;
  text-decoration: none !important;
}

.am-archive-thumb {
  height: 205px;
  background: linear-gradient(135deg, #2f6dff, #ff3c9a);
  overflow: hidden;
}

.am-archive-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.am-archive-thumb span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #2f6dff, #ff3c9a);
}

.am-archive-card-content {
  padding: 16px;
}

.am-archive-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}

.am-archive-meta span {
  color: var(--am-cyan) !important;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.am-archive-meta em {
  color: var(--am-muted) !important;
  font-size: 13px;
  font-style: normal;
}

.am-archive-card h2 {
  margin: 0 0 10px;
  color: #ffffff !important;
  font-size: 25px;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.am-archive-card p {
  margin: 0;
  color: #cfc7ff !important;
  font-size: 15px;
  line-height: 1.55;
}

.am-pagination {
  margin-top: 26px;
}

.am-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.am-pagination a,
.am-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.045);
  color: #ffffff !important;
  font-weight: 800;
  text-decoration: none !important;
}

.am-pagination .current {
  background: linear-gradient(135deg, var(--am-purple), var(--am-pink));
}

.am-empty-state {
  padding: 24px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.04);
}

.am-empty-state h2 {
  margin: 0 0 10px;
  color: #ffffff !important;
}

.am-empty-state p {
  margin: 0;
  color: #cfc7ff !important;
}

@media (max-width: 1100px) {
  .am-archive-main { padding: 24px; }
  .am-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .am-archive-main { padding: 0; }
  .am-archive-hero,
  .am-archive-section {
    border-radius: 0;
  }
  .am-archive-hero { padding: 34px 24px; }
  .am-archive-grid { grid-template-columns: 1fr; }
}

/* =========================================
   ANIMEDIOS V6 - CORRECCIÓN DEFINITIVA
   CATEGORÍAS / ARCHIVOS
   Esto neutraliza el título negro heredado del template block de Twenty Twenty-Four.
========================================= */
html body.archive,
html body.category,
html body.tag,
html body.search {
  background: radial-gradient(circle at top left, #1c0b3e 0, #05040b 38%, #020207 100%) !important;
  color: #ffffff !important;
}

html body.archive h1.alignwide.wp-block-query-title,
html body.category h1.alignwide.wp-block-query-title,
html body.tag h1.alignwide.wp-block-query-title,
html body.search h1.alignwide.wp-block-query-title,
html body.archive h1.wp-block-query-title,
html body.category h1.wp-block-query-title,
html body.tag h1.wp-block-query-title,
html body.search h1.wp-block-query-title,
html body.archive .wp-block-query-title,
html body.category .wp-block-query-title,
html body.tag .wp-block-query-title,
html body.search .wp-block-query-title,
html body.archive .wp-block-query-title span,
html body.category .wp-block-query-title span,
html body.tag .wp-block-query-title span,
html body.search .wp-block-query-title span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 0 24px rgba(255, 62, 174, .28) !important;
}

html body.archive h1.alignwide.wp-block-query-title,
html body.category h1.alignwide.wp-block-query-title,
html body.tag h1.alignwide.wp-block-query-title,
html body.search h1.alignwide.wp-block-query-title {
  max-width: 1280px !important;
  margin: 56px auto 34px !important;
  padding: 44px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  background: radial-gradient(circle at 78% 18%, rgba(169, 60, 255, .35), transparent 28%), linear-gradient(135deg, rgba(9,16,47,.98), rgba(255,60,154,.24)) !important;
  font-family: var(--am-font-display, 'Space Grotesk', Inter, system-ui, sans-serif) !important;
  font-size: clamp(44px, 6vw, 86px) !important;
  line-height: .96 !important;
  letter-spacing: -0.05em !important;
}

html body.archive .wp-block-query,
html body.category .wp-block-query,
html body.tag .wp-block-query,
html body.search .wp-block-query {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #ffffff !important;
}

html body.archive .wp-block-post-title,
html body.category .wp-block-post-title,
html body.tag .wp-block-post-title,
html body.search .wp-block-post-title,
html body.archive .wp-block-post-title a,
html body.category .wp-block-post-title a,
html body.tag .wp-block-post-title a,
html body.search .wp-block-post-title a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body.archive .wp-block-post-excerpt,
html body.category .wp-block-post-excerpt,
html body.tag .wp-block-post-excerpt,
html body.search .wp-block-post-excerpt,
html body.archive .wp-block-post-excerpt p,
html body.category .wp-block-post-excerpt p,
html body.tag .wp-block-post-excerpt p,
html body.search .wp-block-post-excerpt p {
  color: #cfc7ff !important;
  -webkit-text-fill-color: #cfc7ff !important;
}

/* =========================================
   ANIMEDIOS V6.2 - SHORTS DESDE YOUTUBE API
========================================= */
.am-youtube-shorts .am-section-head {
  margin-bottom: 14px;
}

.am-youtube-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.am-youtube-grid .am-youtube-card {
  height: 138px;
  min-height: 138px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(135deg, #2f6dff, #ff3c9a);
  box-shadow: inset 0 -55px 55px rgba(0,0,0,.68);
}

.am-youtube-card img,
.am-youtube-fallback-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .82;
  transition: transform .25s ease, opacity .25s ease;
}

.am-youtube-card:hover img {
  transform: scale(1.06);
  opacity: 1;
}

.am-youtube-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.82));
  z-index: 1;
}

.am-youtube-card .am-youtube-play {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.82);
  background: rgba(0,0,0,.25);
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
}

.am-youtube-card small {
  z-index: 3;
}

.am-youtube-card strong {
  position: absolute;
  z-index: 2;
  left: 9px;
  right: 9px;
  bottom: 9px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #ffffff !important;
  font-size: 12px;
  line-height: 1.15;
  text-shadow: 0 2px 8px rgba(0,0,0,.8);
}

.am-youtube-empty {
  padding: 16px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: rgba(255,255,255,.045);
}

.am-youtube-empty p {
  color: #cfc7ff !important;
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 10px;
}

.am-youtube-empty a {
  color: var(--am-cyan) !important;
  font-weight: 900;
}

@media (max-width: 680px) {
  .am-youtube-grid {
    grid-template-columns: 1fr;
  }

  .am-youtube-grid .am-youtube-card {
    height: 190px;
  }
}

/* =========================================
   ANIMEDIOS V6.3 - PÁGINA VIDEOS / SHORTS
========================================= */
.am-videos-page {
  display: grid;
  gap: 26px;
}

.am-videos-hero {
  padding: 54px 58px;
  background:
    radial-gradient(circle at 78% 10%, rgba(255, 60, 154, .28), transparent 32%),
    linear-gradient(135deg, rgba(17, 20, 50, .95), rgba(65, 22, 91, .92) 54%, rgba(95, 15, 72, .88));
}

.am-videos-hero .am-archive-title {
  margin-bottom: 14px;
}

.am-videos-channel-btn {
  width: max-content;
  margin-top: 22px;
  text-decoration: none !important;
}

.am-videos-section {
  padding: 28px;
}

.am-videos-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.am-video-card {
  display: block;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
  color: #ffffff !important;
  text-decoration: none !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.am-video-card:hover {
  transform: translateY(-4px);
  border-color: rgba(55,255,224,.45);
  background: rgba(255,255,255,.07);
}

.am-video-thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(135deg, #2f6dff, #ff3c9a);
}

.am-video-thumb img,
.am-video-thumb .am-youtube-fallback-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .88;
  transition: transform .25s ease, opacity .25s ease;
}

.am-video-card:hover .am-video-thumb img {
  transform: scale(1.06);
  opacity: 1;
}

.am-video-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.62));
  z-index: 1;
}

.am-video-thumb .am-youtube-play {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.86);
  background: rgba(0,0,0,.28);
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(5px);
}

.am-video-thumb small {
  position: absolute;
  z-index: 3;
  right: 10px;
  bottom: 10px;
  border-radius: 7px;
  background: rgba(0,0,0,.68);
  color: #ffffff !important;
  padding: 4px 7px;
  font-size: 12px;
  font-weight: 800;
}

.am-video-content {
  padding: 14px 14px 16px;
}

.am-video-content span {
  display: inline-flex;
  width: max-content;
  margin-bottom: 8px;
  color: var(--am-cyan) !important;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.am-video-content h2 {
  margin: 0 0 10px;
  color: #ffffff !important;
  font-size: 19px;
  line-height: 1.08;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.am-video-content p {
  margin: 0;
  color: #cfc7ff !important;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 1100px) {
  .am-videos-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .am-videos-hero {
    padding: 34px 24px;
  }

  .am-videos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .am-videos-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================
   ANIMEDIOS V6.4 - ANIMEPEDIA LANDING
========================================= */
body.animedios-body .am-menu .current-menu-item > a,
body.animedios-body .am-menu a[aria-current="page"] {
  color: #ffffff !important;
}

body.animedios-body .am-menu .current-menu-item > a::after,
body.animedios-body .am-menu a[aria-current="page"]::after {
  width: 100%;
}

.am-animepedia-main {
  padding: 30px 68px 42px;
  background:
    radial-gradient(circle at 18% 0%, rgba(90, 44, 255, .20), transparent 34%),
    radial-gradient(circle at 74% 8%, rgba(255, 60, 154, .14), transparent 30%),
    #05010d;
  color: #ffffff !important;
}

.am-animepedia-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
  gap: 44px;
  min-height: 330px;
  margin: 0 auto 22px;
  padding: 48px;
  overflow: hidden;
  background:
    radial-gradient(circle at 60% 32%, rgba(180, 54, 255, .30), transparent 36%),
    linear-gradient(135deg, rgba(8, 11, 27, .98), rgba(30, 12, 58, .88) 58%, rgba(255, 58, 158, .16));
}

.am-animepedia-hero::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0 40%, rgba(255,255,255,.08) 50%, transparent 62%),
    radial-gradient(circle at 72% 22%, rgba(99,255,231,.12), transparent 24%);
  opacity: .55;
}

.am-animepedia-hero-copy,
.am-animepedia-hero-stack {
  position: relative;
  z-index: 2;
}

.am-animepedia-hero h1 {
  margin: 0 0 14px;
  color: #ffffff !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(62px, 8vw, 112px);
  line-height: .86;
  letter-spacing: -.055em;
  text-shadow: 0 0 28px rgba(255, 62, 174, .24);
}

.am-animepedia-hero p {
  max-width: 620px;
  margin: 0 0 28px;
  color: #efeaff !important;
  font-size: 21px;
  line-height: 1.55;
}

.am-animepedia-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.am-animepedia-actions .am-main-btn,
.am-animepedia-actions .am-outline-btn {
  min-width: 178px;
  justify-content: center;
}

.am-animepedia-hero-stack {
  min-height: 300px;
  perspective: 1100px;
}

.am-ap-stack-card {
  position: absolute;
  top: 8px;
  width: 285px;
  height: 308px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(5,5,14,.96);
  box-shadow: 0 24px 60px rgba(0,0,0,.42), 0 0 30px rgba(169,60,255,.15);
  transform-origin: bottom center;
}

.am-ap-stack-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 0 38%, rgba(2,2,8,.22) 55%, rgba(2,2,8,.92) 100%),
    radial-gradient(circle at 42% 24%, rgba(99,255,231,.28), transparent 26%),
    linear-gradient(135deg, #162954, #5b1694 52%, #080813);
}

.am-ap-stack-card::after {
  content: "";
  position: absolute;
  inset: 22px 24px auto auto;
  width: 92px;
  height: 92px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: radial-gradient(circle, rgba(255,255,255,.22), transparent 60%);
  filter: blur(.1px);
  opacity: .8;
}

.am-ap-stack-card > * {
  position: relative;
  z-index: 1;
}

.am-ap-stack-card span {
  color: #d9d2ff !important;
  font-weight: 800;
  font-size: 14px;
}

.am-ap-stack-card h2 {
  margin: 8px 0 8px;
  color: #ffffff !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 34px;
  line-height: .92;
  text-transform: uppercase;
}

.am-ap-stack-card p {
  margin: 0 0 12px;
  color: #d8d1ff !important;
  font-size: 14px;
  line-height: 1.35;
}

.am-ap-stack-card small {
  align-self: flex-start;
  padding: 5px 8px;
  border-radius: 7px;
  background: rgba(169,60,255,.45);
  color: #ffffff !important;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.am-ap-stack-card.is-akira {
  left: 4%;
  z-index: 4;
  transform: rotate(-4deg) translateY(6px);
}

.am-ap-stack-card.is-akira::before {
  background:
    linear-gradient(180deg, transparent 0 38%, rgba(2,2,8,.22) 55%, rgba(2,2,8,.92) 100%),
    radial-gradient(circle at 32% 28%, rgba(255,60,154,.26), transparent 26%),
    linear-gradient(135deg, #111d48, #4d1c91 52%, #070713);
}

.am-ap-stack-card.is-eva {
  left: 38%;
  z-index: 3;
  transform: rotate(2deg) translateY(18px);
}

.am-ap-stack-card.is-eva::before {
  background:
    linear-gradient(180deg, transparent 0 38%, rgba(2,2,8,.22) 55%, rgba(2,2,8,.92) 100%),
    radial-gradient(circle at 58% 26%, rgba(70,255,176,.26), transparent 24%),
    linear-gradient(135deg, #1b1246, #4a1b74 48%, #07120b);
}

.am-ap-stack-card.is-bebop {
  left: 68%;
  z-index: 2;
  transform: rotate(6deg) translateY(32px);
  opacity: .9;
}

.am-ap-stack-card.is-bebop::before {
  background:
    linear-gradient(180deg, transparent 0 38%, rgba(2,2,8,.28) 55%, rgba(2,2,8,.94) 100%),
    radial-gradient(circle at 66% 24%, rgba(255,65,65,.24), transparent 26%),
    linear-gradient(135deg, #2b0714, #4a1231 50%, #070713);
}

.am-animepedia-layout {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 22px;
}

.am-animepedia-block {
  margin-bottom: 24px;
}

.am-animepedia-block .am-section-head {
  margin-bottom: 14px;
}

.am-animepedia-block .am-section-head h2,
.am-ap-subtitle,
.am-ap-side-card h2 {
  color: #ffffff !important;
  font-size: 28px;
  line-height: 1.05;
  letter-spacing: -0.04em;
  margin: 0 0 14px;
}

.am-ap-featured-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.am-ap-card {
  min-height: 218px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(12, 13, 26, .88);
  box-shadow: 0 18px 40px rgba(0,0,0,.20);
}

.am-ap-card-art {
  height: 118px;
  background:
    radial-gradient(circle at 72% 20%, rgba(255,255,255,.22), transparent 26%),
    linear-gradient(135deg, #2f6dff, #ff3c9a);
}

.am-ap-card-goku .am-ap-card-art { background: radial-gradient(circle at 32% 42%, rgba(255,212,72,.44), transparent 26%), linear-gradient(135deg, #1b5cff, #ffb13c); }
.am-ap-card-eva .am-ap-card-art { background: radial-gradient(circle at 45% 25%, rgba(51,255,169,.30), transparent 26%), linear-gradient(135deg, #202260, #7a1fa2); }
.am-ap-card-sailor .am-ap-card-art { background: radial-gradient(circle at 58% 32%, rgba(255,255,255,.34), transparent 24%), linear-gradient(135deg, #2d7fff, #ff4bb5); }
.am-ap-card-bebop .am-ap-card-art { background: radial-gradient(circle at 70% 30%, rgba(255,62,62,.30), transparent 24%), linear-gradient(135deg, #110c18, #b41432); }
.am-ap-card-fma .am-ap-card-art { background: radial-gradient(circle at 38% 35%, rgba(255,214,80,.34), transparent 24%), linear-gradient(135deg, #2f3d5f, #8b5528); }

.am-ap-card-content {
  padding: 14px;
}

.am-ap-card h3 {
  margin: 0 0 10px;
  color: #ffffff !important;
  font-size: 18px;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.am-ap-card span {
  display: inline-flex;
  padding: 5px 8px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 7px;
  color: #d8d1ff !important;
  font-size: 12px;
  font-weight: 700;
}

.am-ap-explore-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}

.am-ap-explore-card {
  min-height: 100px;
  padding: 14px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 13px;
  background: rgba(16, 15, 31, .78);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.am-ap-explore-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255,60,154,.45);
  background: rgba(34, 16, 58, .88);
}

.am-ap-explore-card strong {
  color: #ff3c9a !important;
  font-size: 25px;
  line-height: 1;
  text-shadow: 0 0 16px rgba(255,60,154,.28);
}

.am-ap-explore-card span {
  color: #ffffff !important;
  font-weight: 900;
  font-size: 14px;
}

.am-ap-explore-card small {
  color: #a79dcf !important;
  font-size: 11px;
}

.am-ap-timeline-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.am-ap-timeline-card {
  min-height: 150px;
  display: grid;
  grid-template-columns: 132px 1fr;
  gap: 14px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(13,15,35,.92), rgba(106,20,120,.42));
}

.am-ap-timeline-art {
  min-height: 128px;
  border-radius: 12px;
  background: linear-gradient(135deg, #20306a, #ff3c9a);
}

.am-ap-timeline-chile .am-ap-timeline-art { background: radial-gradient(circle at 80% 20%, rgba(255,60,154,.25), transparent 30%), linear-gradient(135deg, #082a61, #101326); }
.am-ap-timeline-dub .am-ap-timeline-art { background: radial-gradient(circle at 45% 42%, rgba(255,255,255,.24), transparent 24%), linear-gradient(135deg, #26170f, #713f22); }
.am-ap-timeline-ghibli .am-ap-timeline-art { background: radial-gradient(circle at 50% 42%, rgba(97,255,211,.26), transparent 26%), linear-gradient(135deg, #1c3f2c, #6e8a36); }

.am-ap-timeline-card h3 {
  margin: 4px 0 8px;
  color: #ffffff !important;
  font-size: 20px;
  line-height: 1.05;
}

.am-ap-timeline-card p {
  margin: 0 0 10px;
  color: #d9d2ff !important;
  font-size: 13px;
  line-height: 1.35;
}

.am-ap-timeline-card span {
  display: inline-flex;
  padding: 5px 8px;
  border-radius: 7px;
  background: rgba(255,255,255,.08);
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 800;
}

.am-animepedia-sidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.am-ap-side-card {
  padding: 20px;
}

.am-ap-side-card p {
  margin: 0;
  padding: 13px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #e8e2ff !important;
  font-size: 14px;
  line-height: 1.45;
}

.am-ap-side-card > a {
  display: inline-flex;
  margin-top: 14px;
  color: #d94dff !important;
  font-weight: 900;
  font-size: 14px;
}

.am-ap-recent {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.am-ap-recent span {
  width: 64px;
  height: 48px;
  border-radius: 8px;
  background: linear-gradient(135deg, #2f6dff, #ff3c9a);
}

.am-ap-recent strong {
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1.25;
}

@media (max-width: 1180px) {
  .am-animepedia-main { padding: 24px; }
  .am-animepedia-hero { grid-template-columns: 1fr; }
  .am-animepedia-hero-stack { min-height: 340px; }
  .am-animepedia-layout { grid-template-columns: 1fr; }
  .am-ap-featured-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .am-ap-explore-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .am-animepedia-main { padding: 0; }
  .am-animepedia-hero { padding: 34px 24px; border-radius: 0; }
  .am-animepedia-hero h1 { font-size: 58px; }
  .am-animepedia-hero-stack { min-height: auto; display: grid; gap: 14px; }
  .am-ap-stack-card,
  .am-ap-stack-card.is-akira,
  .am-ap-stack-card.is-eva,
  .am-ap-stack-card.is-bebop {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 240px;
    transform: none;
  }
  .am-animepedia-layout { padding: 0 18px; }
  .am-ap-featured-grid,
  .am-ap-timeline-grid { grid-template-columns: 1fr; }
  .am-ap-explore-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-ap-timeline-card { grid-template-columns: 1fr; }
}

/* ==========================================================
   AniMedios V6.5 - Ficha Animepedia administrable
========================================================== */
.am-anipedia-single-main {
  width: min(1500px, calc(100% - 80px));
  margin: 0 auto;
  padding: 42px 0 32px;
}

.am-anipedia-single {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.am-anipedia-single-hero {
  position: relative;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 34px;
  align-items: end;
  min-height: 430px;
  padding: 34px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.am-anipedia-single-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 20%, rgba(255, 45, 178, .22), transparent 34%), linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.52));
  pointer-events: none;
}

.am-anipedia-poster,
.am-anipedia-hero-copy {
  position: relative;
  z-index: 2;
}

.am-anipedia-poster {
  aspect-ratio: 2 / 3;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(135deg, #2f6dff, #ff32ae);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 26px 70px rgba(0,0,0,.45);
}

.am-anipedia-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.am-anipedia-poster span {
  display: block;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at top left, rgba(255,255,255,.18), transparent 28%), linear-gradient(135deg, #2f6dff, #ff32ae);
}

.am-anipedia-hero-copy h1 {
  margin: 12px 0 12px;
  max-width: 900px;
  color: #fff !important;
  font-family: var(--am-serif);
  font-size: clamp(54px, 7vw, 106px);
  line-height: .88;
  letter-spacing: -.04em;
  text-shadow: 0 0 28px rgba(255,255,255,.12);
}

.am-anipedia-original {
  margin: 0 0 18px;
  color: #c7b8ff !important;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .04em;
}

.am-anipedia-synopsis {
  max-width: 860px;
  color: #f5efff !important;
  font-size: 19px;
  line-height: 1.65;
}

.am-anipedia-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.am-anipedia-detail-grid {
  display: grid;
  grid-template-columns: minmax(320px, 460px) 1fr;
  gap: 24px;
}

.am-anipedia-facts,
.am-anipedia-editorial,
.am-anipedia-related-news {
  padding: 26px;
}

.am-anipedia-facts h2,
.am-anipedia-editorial h2,
.am-anipedia-related-news h2 {
  margin: 0 0 18px;
  color: #fff !important;
  font-family: var(--am-serif);
  font-size: 34px;
}

.am-anipedia-facts dl {
  display: grid;
  gap: 12px;
  margin: 0;
}

.am-anipedia-facts dl div {
  padding: 13px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.am-anipedia-facts dt {
  color: #43ffe4 !important;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.am-anipedia-facts dd {
  margin: 5px 0 0;
  color: #fff !important;
  font-size: 16px;
  line-height: 1.45;
}

.am-anipedia-editorial p {
  color: #e9e2ff !important;
  font-size: 18px;
  line-height: 1.75;
}

.am-ap-card {
  text-decoration: none !important;
}

.am-ap-card-art[style],
.am-anime-img[style] {
  background-size: cover !important;
  background-position: center !important;
}

.am-ap-card-art[style]::after,
.am-anime-img[style]::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.32));
}

@media (max-width: 980px) {
  .am-anipedia-single-main { width: min(100% - 36px, 900px); }
  .am-anipedia-single-hero { grid-template-columns: 1fr; min-height: auto; }
  .am-anipedia-poster { width: min(240px, 70vw); }
  .am-anipedia-detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .am-anipedia-single-main { width: 100%; padding-top: 0; }
  .am-anipedia-single-hero { border-radius: 0; padding: 28px 20px; }
  .am-anipedia-hero-copy h1 { font-size: 58px; }
  .am-anipedia-detail-grid { padding: 0 18px; }
}