{"id":5929,"date":"2025-01-07T16:29:49","date_gmt":"2025-01-07T19:29:49","guid":{"rendered":"https:\/\/bangtannow.com\/blog\/"},"modified":"2026-01-18T08:34:41","modified_gmt":"2026-01-18T11:34:41","slug":"blog-es","status":"publish","type":"page","link":"https:\/\/bangtannow.com\/es\/blog-es\/","title":{"rendered":"Blog BTS"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<style>\n  #blog-posts {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 2rem;\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n  }\n\n  @media (max-width: 768px) {\n    #blog-posts {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .blog-card {\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.3s ease;\n  }\n\n  .blog-card:hover {\n    transform: translateY(-5px);\n  }\n\n  .blog-card img {\n    width: 100%;\n    height: auto;\n    max-height: 300px;\n    object-fit: contain;\n    display: block;\n    background-color: #f3f0f7;\n  }\n\n  .blog-card-content {\n    padding: 1.5rem;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .blog-card h3 {\n    font-size: 1.2rem;\n    color: #5a1a85;\n    margin: 0 0 0.8rem;\n  }\n\n  .blog-card p {\n    font-size: 0.95rem;\n    color: #555;\n    flex-grow: 1;\n    line-height: 1.5;\n  }\n\n  .read-more {\n    margin-top: 1rem;\n    align-self: flex-start;\n    background-color: #e5d8f1;\n    color: #5a1a85;\n    padding: 10px 18px;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: 500;\n    transition: background-color 0.3s;\n  }\n\n  .read-more:hover {\n    background-color: #d1b2eb;\n  }\n\n  #load-more {\n    display: block;\n    margin: 2rem auto;\n    padding: 12px 24px;\n    font-size: 1rem;\n    background-color: #5a1a85;\n    color: #fff;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background-color 0.3s;\n  }\n\n  #load-more:hover {\n    background-color: #7b35a5;\n  }\n<\/style>\n\n<div id=\"blog-posts\">Cargando art\u00edculos&#8230;<\/div>\n<button id=\"load-more\">Cargar m\u00e1s<\/button>\n\n<script>\n  let page = 1;\n  const perPage = 10;\n\n  function cargarPosts() {\n    fetch(`https:\/\/bangtannow.com\/wp-json\/wp\/v2\/posts?lang=es&per_page=${perPage}&page=${page}&_embed`)\n      .then(res => {\n        if (!res.ok) throw new Error('No hay m\u00e1s art\u00edculos');\n        return res.json();\n      })\n      .then(posts => {\n        const container = document.getElementById('blog-posts');\n        if (page === 1) container.innerHTML = '';\n\n        posts.forEach(post => {\n          const title = post.title.rendered;\n          const link = post.link;\n          const excerpt = post.excerpt.rendered.replace(\/<[^>]+>\/g, '').slice(0, 140) + '...';\n          const img = post._embedded?.['wp:featuredmedia']?.[0]?.source_url || 'https:\/\/via.placeholder.com\/600x400?text=Sin+Imagen';\n\n          const card = document.createElement('div');\n          card.className = 'blog-card';\n          card.innerHTML = `\n            <a href=\"${link}\" target=\"_blank\" rel=\"noopener\">\n              <img decoding=\"async\" src=\"${img}\" alt=\"${title}\">\n            <\/a>\n            <div class=\"blog-card-content\">\n              <h3>${title}<\/h3>\n              <p>${excerpt}<\/p>\n              <a class=\"read-more\" href=\"${link}\" target=\"_blank\">Leer m\u00e1s<\/a>\n            <\/div>\n          `;\n          container.appendChild(card);\n        });\n\n        if (posts.length < perPage) {\n          document.getElementById('load-more').style.display = 'none';\n        }\n\n        page++;\n      })\n      .catch(() => {\n        document.getElementById('load-more').style.display = 'none';\n      });\n  }\n\n  document.getElementById('load-more').addEventListener('click', cargarPosts);\n  cargarPosts();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Cargando art\u00edculos&#8230; Cargar m\u00e1s<\/p>\n","protected":false},"author":1,"featured_media":0,"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":"","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-5929","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Vic Passini","author_link":"https:\/\/bangtannow.com\/es\/author\/vicksjrpgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Cargando art\u00edculos&#8230; Cargar m\u00e1s","_links":{"self":[{"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/pages\/5929","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=5929"}],"version-history":[{"count":4,"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/pages\/5929\/revisions"}],"predecessor-version":[{"id":9030,"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/pages\/5929\/revisions\/9030"}],"wp:attachment":[{"href":"https:\/\/bangtannow.com\/es\/wp-json\/wp\/v2\/media?parent=5929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}