{"id":6106,"date":"2025-01-09T09:48:24","date_gmt":"2025-01-09T12:48:24","guid":{"rendered":"https:\/\/bangtannow.com\/discografia-bts\/"},"modified":"2026-01-19T12:18:41","modified_gmt":"2026-01-19T15:18:41","slug":"discografia-de-bts","status":"publish","type":"page","link":"https:\/\/bangtannow.com\/es\/discografia-de-bts\/","title":{"rendered":"Discograf\u00eda de BTS"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Discograf\u00eda BTS<\/title>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --bg: #f6f7fb;\n  --card: #ffffff;\n  --text: #1f2937;\n  --muted: #6b7280;\n  --primary: #7c3aed;\n  --border: #e5e7eb;\n}\n\n* { box-sizing: border-box; }\n\nbody {\n  margin: 0;\n  font-family: 'Poppins', sans-serif;\n  background: var(--bg);\n  color: var(--text);\n}\n\n\/* HEADER *\/\n.discografia-header {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 60px 20px 30px;\n  text-align: center;\n}\n\n.discografia-header h1 {\n  font-size: 34px;\n  margin-bottom: 8px;\n}\n\n.discografia-header p {\n  color: var(--muted);\n  max-width: 720px;\n  margin: 0 auto 18px;\n}\n\n\/* CONTROLS *\/\n.controls {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  align-items: center;\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n}\n\n.filters button {\n  background: #fff;\n  border: 1px solid var(--border);\n  color: var(--muted);\n  padding: 6px 12px;\n  border-radius: 999px;\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.filters button.active,\n.filters button:hover {\n  background: var(--primary);\n  border-color: var(--primary);\n  color: #fff;\n}\n\n#searchInput {\n  background: #fff;\n  border: 1px solid var(--border);\n  padding: 8px 14px;\n  border-radius: 999px;\n  width: 260px;\n  font-size: 13px;\n}\n\n\/* GRID *\/\n.grid-discografia {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 30px 20px 80px;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n  gap: 18px;\n}\n\n\/* CARD *\/\n.album-card {\n  background: var(--card);\n  border-radius: 14px;\n  border: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  transition: transform .15s ease, box-shadow .15s ease;\n}\n\n.album-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 14px rgba(0,0,0,.08);\n}\n\n.album-cover img {\n  width: 100%;\n  aspect-ratio: 1\/1;\n  object-fit: cover;\n}\n\n.album-content {\n  padding: 12px;\n  flex-grow: 1;\n}\n\n.badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.badge {\n  font-size: 10px;\n  background: #ede9fe;\n  color: #5b21b6;\n  padding: 2px 8px;\n  border-radius: 999px;\n}\n\n.album-date {\n  font-size: 10px;\n  color: var(--muted);\n  margin-bottom: 4px;\n}\n\n.album-content h3 {\n  font-size: 13px;\n  margin: 4px 0;\n  line-height: 1.3;\n}\n\n.album-content p {\n  font-size: 11px;\n  color: var(--muted);\n  line-height: 1.4;\n}\n\n\/* ACTION *\/\n.album-actions {\n  padding: 10px;\n  border-top: 1px solid var(--border);\n}\n\n.album-actions a {\n  display: block;\n  text-align: center;\n  padding: 6px;\n  border-radius: 8px;\n  font-size: 11px;\n  text-decoration: none;\n  font-weight: 500;\n  background: #f3f4f6;\n  color: #111827;\n}\n\n.album-actions a:hover {\n  background: var(--primary);\n  color: #fff;\n}\n\n.empty {\n  grid-column: 1\/-1;\n  text-align: center;\n  color: var(--muted);\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"discografia-header\">\n  <h1>Discograf\u00eda Completa de BTS<\/h1>\n\n  <p>Bienvenido a nuestra p\u00e1gina de discograf\u00eda de BTS, un espacio dedicado a la trayectoria musical del grupo que conquist\u00f3 el mundo.<\/p>\n  <p>Aqu\u00ed podr\u00e1s explorar \u00e1lbumes completos, mini \u00e1lbumes, sencillos, proyectos solistas, colaboraciones y mucho m\u00e1s.<\/p>\n\n  <div class=\"controls\">\n\n    <!-- CATEGOR\u00cdAS -->\n    <div class=\"filters\" id=\"categoryFilters\">\n      <button class=\"active\" data-category=\"All\">Todos<\/button>\n      <button data-category=\"Full Album\">\u00c1lbum Completo<\/button>\n      <button data-category=\"Mini Album\">Mini \u00c1lbum<\/button>\n      <button data-category=\"Single\">Single<\/button>\n      <button data-category=\"Solo\">Solo<\/button>\n      <button data-category=\"Japanese\">Japon\u00e9s<\/button>\n      <button data-category=\"Collab\">Colaboraci\u00f3n<\/button>\n      <button data-category=\"OST\">OST<\/button>\n      <button data-category=\"Others\">Otros<\/button>\n    <\/div>\n\n    <!-- MIEMBROS -->\n    <div class=\"filters\" id=\"memberFilters\">\n      <button class=\"active\" data-member=\"All\">Todos<\/button>\n      <button data-member=\"BTS\">BTS<\/button>\n      <button data-member=\"RM\">RM<\/button>\n      <button data-member=\"Jin\">Jin<\/button>\n      <button data-member=\"SUGA\">SUGA<\/button>\n      <button data-member=\"j-hope\">j-hope<\/button>\n      <button data-member=\"Jimin\">Jimin<\/button>\n      <button data-member=\"V\">V<\/button>\n      <button data-member=\"Jungkook\">Jungkook<\/button>\n    <\/div>\n\n    <input type=\"text\" id=\"searchInput\" placeholder=\"Buscar \u00e1lbum...\">\n  <\/div>\n<\/div>\n\n<div id=\"grid-discografia\" class=\"grid-discografia\">\n  <div class=\"empty\">Cargando&#8230;<\/div>\n<\/div>\n\n<script>\nconst API_URL = 'https:\/\/sheet2api.com\/v1\/hM8tf8qUS2Wj\/conteudos-bts-bangtannow\/Discografia';\n\nlet albums = [];\nlet currentCategory = 'All';\nlet currentMember = 'All';\n\nfetch(API_URL)\n  .then(res => res.json())\n  .then(data => {\n    albums = data;\n    render();\n  });\n\nfunction mapCategories(desc = '') {\n  const d = desc.toLowerCase();\n  const c = [];\n\n  if (d.includes('collab') || d.includes('colab')) c.push('Collab');\n  if (d.includes('japan')) c.push('Japanese');\n  if (d.includes('ost')) c.push('OST');\n  if (d.includes('solo') || d.includes('mixtape')) c.push('Solo');\n  if (d.includes('mini')) c.push('Mini Album');\n  if (d.includes('single')) c.push('Single');\n  if (d.includes('full') || d.includes('complete')) c.push('Full Album');\n\n  if (!c.length) c.push('Others');\n  return c;\n}\n\nfunction render() {\n  const grid = document.getElementById('grid-discografia');\n  const search = document.getElementById('searchInput').value.toLowerCase();\n\n  const filtered = albums.filter(a => {\n    const categorias = mapCategories(a[\"DESCRI\u00c7\u00c3O ES\"] || '');\n    const membro = (a.MEMBRO || '').toLowerCase();\n    const titulo = (a.TITULO || '').toLowerCase();\n    const desc = (a[\"DESCRI\u00c7\u00c3O ES\"] || '').toLowerCase();\n\n    return (\n      (currentCategory === 'All' || categorias.includes(currentCategory)) &&\n      (currentMember === 'All' || membro.includes(currentMember.toLowerCase())) &&\n      (titulo.includes(search) || desc.includes(search))\n    );\n  });\n\n  if (!filtered.length) {\n    grid.innerHTML = '<div class=\"empty\">No se encontraron resultados.<\/div>';\n    return;\n  }\n\n  grid.innerHTML = '';\n\n  filtered.forEach(album => {\n    const categorias = mapCategories(album[\"DESCRI\u00c7\u00c3O ES\"] || '');\n    const badges = categorias.map(c => `<span class=\"badge\">${c}<\/span>`).join('');\n\n    const card = document.createElement('div');\n    card.className = 'album-card';\n\n    card.innerHTML = `\n      <div class=\"album-cover\">\n        <img decoding=\"async\" src=\"${album.IMAGEM}\" alt=\"${album.TITULO}\">\n      <\/div>\n\n      <div class=\"album-content\">\n        <div class=\"badges\">${badges}<\/div>\n        <div class=\"album-date\">${album.DATA || ''}<\/div>\n        <h3>${album.TITULO}<\/h3>\n        <p>${album[\"DESCRI\u00c7\u00c3O ES\"] || ''}<\/p>\n      <\/div>\n\n      <div class=\"album-actions\">\n        ${album[\"LINK SPOTIFY\"] ? `<a href=\"${album[\"LINK SPOTIFY\"]}\" target=\"_blank\">Spotify<\/a>` : ''}\n      <\/div>\n    `;\n\n    grid.appendChild(card);\n  });\n}\n\n\/* EVENTS *\/\ndocument.querySelectorAll('#categoryFilters button').forEach(btn => {\n  btn.addEventListener('click', () => {\n    document.querySelectorAll('#categoryFilters button').forEach(b => b.classList.remove('active'));\n    btn.classList.add('active');\n    currentCategory = btn.dataset.category;\n    render();\n  });\n});\n\ndocument.querySelectorAll('#memberFilters button').forEach(btn => {\n  btn.addEventListener('click', () => {\n    document.querySelectorAll('#memberFilters button').forEach(b => b.classList.remove('active'));\n    btn.classList.add('active');\n    currentMember = btn.dataset.member;\n    render();\n  });\n});\n\ndocument.getElementById('searchInput').addEventListener('input', render);\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discograf\u00eda BTS Discograf\u00eda Completa de BTS Bienvenido a nuestra p\u00e1gina de discograf\u00eda de BTS, un espacio dedicado a la trayectoria [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5438,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6106","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/bangtannow.com\/wp-content\/uploads\/2025\/01\/DISCOGRAFIA-BTS-BANGTAN-NOW.jpg",1400,788,false],"thumbnail":["https:\/\/bangtannow.com\/wp-content\/uploads\/2025\/01\/DISCOGRAFIA-BTS-BANGTAN-NOW-150x150.jpg",150,150,true],"medium":["https:\/\/bangtannow.com\/wp-content\/uploads\/2025\/01\/DISCOGRAFIA-BTS-BANGTAN-NOW-300x169.jpg",300,169,true],"medium_large":["https:\/\/bangtannow.com\/wp-content\/uploads\/2025\/01\/DISCOGRAFIA-BTS-BANGTAN-NOW-768x432.jpg",768,432,true],"large":["https:\/\/bangtannow.com\/wp-content\/uploads\/2025\/01\/DISCOGRAFIA-BTS-BANGTAN-NOW-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/bangtannow.com\/wp-content\/uploads\/2025\/01\/DISCOGRAFIA-BTS-BANGTAN-NOW.jpg",1400,788,false],"2048x2048":["https:\/\/bangtannow.com\/wp-content\/uploads\/2025\/01\/DISCOGRAFIA-BTS-BANGTAN-NOW.jpg",1400,788,false]},"uagb_author_info":{"display_name":"Vic Passini","author_link":"https:\/\/bangtannow.com\/es\/author\/vicksjrpgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Discograf\u00eda BTS Discograf\u00eda Completa de BTS Bienvenido a nuestra p\u00e1gina de discograf\u00eda de BTS, un espacio dedicado a la trayectoria [&hellip;]","_links":{"self":[{"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/pages\/6106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/comments?post=6106"}],"version-history":[{"count":7,"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/pages\/6106\/revisions"}],"predecessor-version":[{"id":12312,"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/pages\/6106\/revisions\/12312"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/media\/5438"}],"wp:attachment":[{"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/media?parent=6106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}