DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity<\/title>\n<style>\n\/* Unique design system for the component *\/\n#bb-himno-editorial-2025 {\n --primary-green: #04d99d;\n --primary-dark: #03b584;\n --primary-light: #05f5b3;\n --accent-blue: #68b9ff;\n --accent-yellow: #fecd6c;\n --bg-dark: #0a0a0a;\n --bg-darker: #000000;\n --text-white: #ffffff;\n --text-gray: #b0b0b0;\n --text-light-gray: #e0e0e0;\n\n font-family: Georgia, 'Times New Roman', serif !important;\n color: var(--text-white) !important;\n background-color: var(--bg-dark) !important;\n line-height: 1.6 !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden !important;\n position: relative !important;\n width: auto !important;\n max-width: none !important;\n}\n\n\/* Specific reset to avoid WordPress interference *\/\n#bb-himno-editorial-2025 *,\n#bb-himno-editorial-2025 *::before,\n#bb-himno-editorial-2025 *::after {\n box-sizing: border-box !important;\n}\n\n\/* Protect against WordPress styles on specific elements *\/\n#bb-himno-editorial-2025 h1,\n#bb-himno-editorial-2025 h2,\n#bb-himno-editorial-2025 h3,\n#bb-himno-editorial-2025 p,\n#bb-himno-editorial-2025 div,\n#bb-himno-editorial-2025 section,\n#bb-himno-editorial-2025 article {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n}\n\n\/* Protect links against theme styles - but allow specific styling *\/\n#bb-himno-editorial-2025 a {\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n font-family: inherit !important;\n}\n\n\/* Specific links in content *\/\n#bb-himno-editorial-2025 .intro-text a,\n#bb-himno-editorial-2025 .section-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .intro-text a:hover,\n#bb-himno-editorial-2025 .section-text a:hover {\n text-decoration: underline !important;\n}\n\n\/* Specific links in timeline *\/\n#bb-himno-editorial-2025 .timeline-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:hover {\n text-decoration: underline !important;\n color: var(--primary-light) !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:visited {\n color: var(--primary-green) !important;\n}\n\n\/* Protect Spotify iframes *\/\n#bb-himno-editorial-2025 iframe {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n\/* Hero Section with background image *\/\n#bb-himno-editorial-2025 .hero-section {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n overflow: hidden;\n background: var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n}\n\n#bb-himno-editorial-2025 .hero-background img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n opacity: 1;\n}\n\n#bb-himno-editorial-2025 .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.1) 60%,\n rgba(0, 0, 0, 0.7) 90%,\n rgba(0, 0, 0, 0.95) 100%\n );\n z-index: 2;\n}\n\n#bb-himno-editorial-2025 .hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n max-width: 800px;\n padding: 0 2rem 3rem 2rem;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n margin-top: 75vh;\n}\n\n#bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 3.5rem) !important;\n font-weight: 900 !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n letter-spacing: -0.02em !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-title .highlight {\n color: var(--primary-green);\n font-style: italic;\n}\n\n#bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.3rem, 3vw, 1.8rem) !important;\n font-weight: 300 !important;\n color: var(--text-light-gray) !important;\n margin-bottom: 2rem !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n opacity: 0;\n animation: fadeInUp 1s ease 0.3s forwards;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta span {\n display: inline-block;\n margin: 0 1rem;\n}\n\n\/* Byline Section *\/\n#bb-himno-editorial-2025 .byline-section {\n background: #000;\n padding: 40px 0;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .byline-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n\/* Date at the top *\/\n#bb-himno-editorial-2025 .byline-date {\n text-align: left;\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n margin-bottom: 1rem;\n}\n\n#bb-himno-editorial-2025 .byline-authors {\n display: flex;\n gap: 4rem;\n align-items: center;\n justify-content: flex-start;\n padding-bottom: 2rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n#bb-himno-editorial-2025 .author-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n\/* Circular avatar *\/\n#bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n object-fit: cover;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .author-details {\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .author-name {\n font-size: .9rem !important;\n font-weight: 400 !important;\n color: var(--text-white) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .author-role {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Main Content Container *\/\n#bb-himno-editorial-2025 .content-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n\/* Introduction Section *\/\n#bb-himno-editorial-2025 .intro-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .intro-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .intro-text {\n font-size: 1.3rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.8s ease forwards;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(2) {\n animation-delay: 0.2s;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(3) {\n animation-delay: 0.4s;\n}\n\n\/* Hero image for specific sections *\/\n#bb-himno-editorial-2025 .section-hero-image {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n height: 60vh;\n min-height: 650px;\n background: rgba(255, 255, 255, 0.05);\n border: 2px dashed rgba(4, 217, 157, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n\/* Quote Highlights - Consolidated version *\/\n#bb-himno-editorial-2025 .quote-highlight {\n display: block;\n max-width: 600px;\n padding: 2rem 2rem;\n margin: 2rem auto;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 100%, rgba(4, 217, 157, 0.08) 100%);\n border-left: 4px solid var(--primary-green);\n border-radius: 20px;\n}\n\n#bb-himno-editorial-2025 .quote-text {\n font-size: clamp(2rem, 2.5vw, 2rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--text-white) !important;\n margin-bottom: 1.5rem !important;\n font-weight: 500 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .quote-author {\n font-size: 1rem !important;\n color: var(--primary-green) !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Song Integration Block - Consolidated version *\/\n#bb-himno-editorial-2025 .song-integration {\n margin: 3rem auto;\n padding: 3rem 2rem;\n max-width: 650px;\n background: var(--bg-darker);\n border-radius: 1rem;\n position: relative;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .song-integration.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .song-integration-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .song-lyric {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n#bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.8rem, 2.8vw, 2.5rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 300 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase !important;\n letter-spacing: 0.2em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-integration iframe {\n border-radius: 10px;\n}\n\n\/* Analysis Sections *\/\n#bb-himno-editorial-2025 .analysis-section {\n padding: 4rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .analysis-section:last-child {\n border-bottom: none;\n}\n\n#bb-himno-editorial-2025 .section-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 800 !important;\n line-height: 1.4 !important;\n text-align: center !important;\n margin-bottom: 2rem !important;\n color: var(--text-white) !important;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .section-title.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .section-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .section-text {\n font-size: 1.2rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n\/* Political Moments Timeline - Horizontal *\/\n#bb-himno-editorial-2025 .timeline-section {\n padding: 5rem 0;\n background: linear-gradient(to bottom, var(--bg-dark) 0%, var(--bg-darker) 100%);\n overflow: hidden;\n}\n\n#bb-himno-editorial-2025 .timeline-title {\n text-align: center;\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 3rem !important;\n color: var(--primary-green) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-container {\n position: relative;\n width: 100vw;\n max-width: none;\n overflow-x: auto;\n overflow-y: hidden;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n padding: 0 2rem 2rem;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: var(--primary-green) rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar {\n height: 8px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline {\n position: relative;\n display: flex;\n gap: 2rem;\n padding: 4rem 0 0;\n width: calc(320px * 5 + 8rem);\n min-width: calc(320px * 5 + 8rem);\n}\n\n#bb-himno-editorial-2025 .timeline::before {\n content: '';\n position: absolute;\n top: 30px;\n left: 0;\n right: 0;\n height: 2px;\n background: rgba(4, 217, 157, 0.3);\n}\n\n#bb-himno-editorial-2025 .timeline-item {\n position: relative;\n flex: 0 0 320px;\n height: 450px;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-item.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .timeline-date {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--bg-darker);\n padding: 0.5rem 1rem;\n font-size: 1.2rem !important;\n font-weight: 700 !important;\n color: var(--primary-green) !important;\n white-space: nowrap;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-date::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 12px;\n height: 12px;\n background: var(--primary-green);\n border-radius: 50%;\n box-shadow: 0 0 0 4px var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .timeline-content {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(4, 217, 157, 0.3);\n padding: 0;\n height: 100%;\n transition: all 0.3s ease;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .timeline-content:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .timeline-image {\n width: 100%;\n height: 180px;\n overflow: hidden;\n position: relative;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .timeline-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.3s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-text {\n padding: 1.5rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n max-height: 220px;\n}\n\n\/* Style the scrollbar to look good *\/\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar {\n width: 6px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb:hover {\n background: var(--primary-dark);\n}\n\n#bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.2rem !important;\n margin-bottom: 0.8rem !important;\n color: var(--text-white) !important;\n line-height: 1.3 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text p {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n color: var(--text-gray) !important;\n margin-bottom: 0.8rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Records Section *\/\n#bb-himno-editorial-2025 .records-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .records-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n}\n\n#bb-himno-editorial-2025 .record-card {\n padding: 2rem;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(4, 217, 157, 0.2);\n border-radius: 1rem;\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n}\n\n#bb-himno-editorial-2025 .record-card.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .record-card:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .record-number {\n font-size: 3rem !important;\n font-weight: 900 !important;\n color: var(--primary-green) !important;\n margin-bottom: 0.5rem !important;\n line-height: 1 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .record-label {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Final CTA *\/\n#bb-himno-editorial-2025 .cta-section {\n padding: 5rem 0;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.05) 100%);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .cta-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .cta-title {\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 1rem !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .cta-text {\n font-size: 1.2rem !important;\n color: var(--text-gray) !important;\n margin-bottom: 2rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* BB Quote *\/\n#bb-himno-editorial-2025 .bb-quote {\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.08) 100%);\n padding: 3rem 3rem;\n border-radius: 1.5rem;\n margin: 2rem auto;\n max-width: 700px;\n text-align: center;\n border: 2px solid rgba(4, 217, 157, 0.3);\n box-shadow: 0 8px 32px rgba(4, 217, 157, 0.1);\n}\n\n#bb-himno-editorial-2025 .bb-quote-text {\n font-size: 1.4rem !important;\n font-style: italic !important;\n color: var(--text-white) !important;\n line-height: 1.5 !important;\n font-weight: 400 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .bb-quote-author {\n font-size: 1.1rem !important;\n color: var(--primary-green) !important;\n margin-top: 1.5rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 0.5;\n }\n 50% {\n transform: scale(1.1);\n opacity: 0.8;\n }\n}\n\n\/* Navigation Menu - Fixed for WordPress *\/\n.top-navigation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: #000;\n z-index: 100;\n padding: 1rem 0;\n}\n\n.nav-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.nav-menu {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.nav-item {\n margin: 0;\n}\n\n\/* Navigation links with stronger specificity *\/\n.top-navigation .nav-menu .nav-item .nav-link,\n.top-navigation .nav-menu .nav-item a.nav-link {\n color: #fff !important;\n text-decoration: none !important;\n font-size: 0.95rem;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 600;\n padding: 0.5rem 1rem;\n transition: color 0.3s ease !important;\n white-space: nowrap;\n background: none !important;\n border: none !important;\n}\n\n\/* HOVER with maximum specificity *\/\n.top-navigation .nav-menu .nav-item a.nav-link:hover,\n.top-navigation .nav-menu .nav-item .nav-link:hover,\n.top-navigation .nav-menu .nav-item a.nav-link:focus,\n.top-navigation .nav-menu .nav-item .nav-link:focus,\n.top-navigation .nav-menu .nav-item a.nav-link:active,\n.top-navigation .nav-menu .nav-item .nav-link:active,\nnav.top-navigation ul.nav-menu li.nav-item a.nav-link:hover {\n color: #04d99d !important;\n text-decoration: none !important;\n background: none !important;\n}\n\n\/* Visited state *\/\n.top-navigation .nav-menu .nav-item a.nav-link:visited {\n color: #fff !important;\n}\n\n\/* Mobile Navigation Button *\/\n.mobile-nav-toggle {\n display: none !important;\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 1.5rem !important;\n cursor: pointer !important;\n padding: 0.5rem !important;\n position: relative !important;\n z-index: 101 !important;\n}\n\n.mobile-nav-toggle:hover {\n color: #04d99d !important;\n}\n\n\/* Mobile overlay *\/\n.mobile-nav-overlay {\n display: none !important;\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: #000 !important;\n z-index: 999999 !important;\n overflow-y: auto !important;\n}\n\n.mobile-nav-overlay.active {\n display: flex !important;\n flex-direction: column !important;\n}\n\n.mobile-nav-overlay .mobile-nav-header {\n display: flex !important;\n justify-content: flex-start !important;\n align-items: center !important;\n padding: 2rem 2rem 1rem 2rem !important;\n flex-shrink: 0 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close {\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 2.5rem !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n cursor: pointer !important;\n padding: 0 !important;\n line-height: 1 !important;\n font-weight: 300 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close:hover {\n color: #04d99d !important;\n}\n\n.mobile-nav-overlay .mobile-nav-content {\n flex: 1 !important;\n padding: 1rem 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-list {\n flex-direction: column !important;\n gap: 0 !important;\n align-items: flex-start !important;\n padding: 0 !important;\n margin: 0 !important;\n list-style: none !important;\n display: flex !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-item {\n margin: 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link {\n display: block !important;\n text-align: left !important;\n padding: 1.8rem 2rem !important;\n width: 100% !important;\n font-size: 1.5rem !important;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n color: #fff !important;\n text-decoration: none !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 700 !important;\n transition: color 0.3s ease !important;\n box-sizing: border-box !important;\n background: none !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link:hover {\n color: #04d99d !important;\n}\n\n\/* Tablet responsive *\/\n@media (max-width: 1024px) and (min-width: 769px) {\n #bb-himno-editorial-2025 .hero-content {\n margin-top: 70vh;\n padding: 0 2rem 3rem 2rem;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.6rem) !important;\n }\n\n .nav-menu {\n gap: 1.5rem;\n }\n\n .top-navigation .nav-menu .nav-item .nav-link,\n .top-navigation .nav-menu .nav-item a.nav-link {\n font-size: 0.9rem;\n padding: 0.4rem 0.8rem;\n }\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .hero-section {\n min-height: 100vh;\n }\n\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1.5rem 2rem 1.5rem;\n margin-top: 65vh;\n max-width: 100%;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2rem, 8vw, 3.5rem) !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.4rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta {\n font-size: 0.9rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n margin: 0 0.5rem;\n }\n\n #bb-himno-editorial-2025 .byline-authors {\n flex-direction: column;\n gap: 2rem;\n align-items: flex-start;\n }\n\n #bb-himno-editorial-2025 .author-item {\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n }\n\n #bb-himno-editorial-2025 .author-name {\n font-size: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-container {\n padding: 0 2rem 2rem;\n }\n\n #bb-himno-editorial-2025 .timeline {\n width: calc(280px * 5 + 10rem);\n min-width: calc(280px * 5 + 10rem);\n padding: 4rem 1.5rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .timeline-item {\n flex: 0 0 300px;\n height: 420px;\n }\n\n #bb-himno-editorial-2025 .timeline-image {\n height: 160px;\n }\n\n #bb-himno-editorial-2025 .timeline-text {\n padding: 1.2rem;\n max-height: 220px;\n }\n\n #bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.1rem !important;\n margin-bottom: 0.6rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-text p {\n font-size: 1rem !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-text {\n font-size: clamp(1.6rem, 5vw, 2.2rem) !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-highlight {\n padding: 2rem 1.2rem !important;\n margin: 1.5rem 0.5rem !important;\n max-width: calc(100% - 1rem) !important;\n }\n\n \/* Song integration takes more space on mobile *\/\n #bb-himno-editorial-2025 .song-integration {\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n padding: 2.5rem 1.5rem !important;\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n border-radius: 0 !important;\n }\n\n #bb-himno-editorial-2025 .song-integration-content {\n max-width: none !important;\n width: 100% !important;\n }\n\n #bb-himno-editorial-2025 .song-integration iframe {\n width: 100% !important;\n max-width: none !important;\n border-radius: 8px !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.6rem, 6vw, 2.2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1.1rem !important;\n margin-bottom: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .bb-quote {\n padding: 2.5rem 2rem;\n margin: 1.5rem auto;\n width: 90%;\n max-width: none;\n border-width: 2px;\n }\n\n #bb-himno-editorial-2025 .records-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .record-card {\n padding: 1.5rem 1rem;\n }\n\n #bb-himno-editorial-2025 .record-number {\n font-size: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .record-label {\n font-size: 0.95rem !important;\n }\n\n .nav-container {\n padding: 0 1.5rem !important;\n justify-content: space-between !important;\n position: relative !important;\n }\n\n .nav-menu {\n display: none !important;\n }\n\n .mobile-nav-toggle {\n display: block !important;\n position: static !important;\n left: auto !important;\n top: auto !important;\n transform: none !important;\n }\n\n .mobile-nav-overlay .mobile-nav-header {\n padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-close {\n font-size: 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-link {\n padding: 1.2rem 1.2rem !important;\n font-size: 1.1rem !important;\n }\n}\n\n\/* Extra small mobile *\/\n@media (max-width: 480px) {\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1rem 1.5rem 1rem;\n margin-top: 60vh;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(1.8rem, 9vw, 2.8rem) !important;\n margin-bottom: 0.8rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(0.9rem, 4.5vw, 1.2rem) !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n display: block;\n margin: 0.2rem 0;\n }\n}\n\n\/* Credits and Sources Section *\/\n#bb-himno-editorial-2025 .credits-sources-section {\n padding: 4rem 0 2rem;\n background: rgba(255, 255, 255, 0.02);\n margin-top: 3rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .credits-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n#bb-himno-editorial-2025 .photo-credits,\n#bb-himno-editorial-2025 .sources-credits {\n margin-bottom: 2.5rem;\n}\n\n#bb-himno-editorial-2025 .credits-title {\n font-size: 1.2rem !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 600 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .credits-text {\n font-size: 0.95rem !important;\n line-height: 1.6 !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li {\n margin-bottom: 1rem !important;\n padding-left: 1.2rem !important;\n position: relative !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li:before {\n content: \"\u2022\" !important;\n color: var(--primary-green) !important;\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n font-weight: bold !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a {\n color: var(--text-gray) !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n line-height: 1.5 !important;\n transition: color 0.3s ease !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a:hover {\n color: var(--primary-green) !important;\n text-decoration: underline !important;\n}\n\n#bb-himno-editorial-2025 .editorial-credits {\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .editorial-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Mobile adjustments *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .credits-container {\n padding: 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .credits-sources-section {\n padding: 3rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .sources-list li {\n padding-left: 1rem !important;\n }\n}\n\n\/* Accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n #bb-himno-editorial-2025 *,\n #bb-himno-editorial-2025 *::before,\n #bb-himno-editorial-2025 *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n<article id=\"bb-himno-editorial-2025\" role=\"main\" aria-label=\"DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity\">\n\n<nav class=\"top-navigation\" aria-label=\"Main navigation\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">Homepage<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/que-saber-hoy\/\" class=\"nav-link\">What to Know<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-hacer\/\" class=\"nav-link\">What to Do<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-comer\/\" class=\"nav-link\">What to Eat<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/el-pulso-deportivo\/\" class=\"nav-link\">Sports<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/suscripciones\/\" class=\"nav-link\">Subscribe<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\">Map<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About Us<\/a>\n <\/li>\n <\/ul>\n <\/div>\n<\/nav>\n\n\n <section class=\"hero-section\" aria-label=\"Introduction\">\n <div class=\"hero-background\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1411547682-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n loading=\"eager\">\n <\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n<h1 class=\"hero-title\">\n DtMF and Bad Bunny’s Residency:<span class=\"highlight\"> “A Love Letter to Puerto Rico”<\/span>\n<\/h1>\n <p class=\"hero-subtitle\">\n Historian Jorell Mel\u00e9ndez-Badillo analyzes the impact of the\n “No Me Quiero Ir De Aqu\u00ed” Residency and how Bad Bunny’s latest album\n could be considered a new unofficial anthem of Puerto Rico\n <\/p>\n <div class=\"hero-meta\">\n <span>July 10, 2025<\/span>\n <span>\u2022<\/span>\n <span>Cultural Analysis<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"byline-section\" aria-label=\"Credits\">\n <div class=\"byline-container\">\n <div class=\"byline-authors\">\n <div class=\"author-item\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&width=200\"\n alt=\"Cindy Burgos Alvarado\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Written by Cindy Burgos Alvarado<\/p>\n <\/div>\n <\/div>\n <div class=\"author-item\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2022\/07\/Screenshot-2025-07-04-at-12.09.25 AM.webp\"\n alt=\"Heidee Rol\u00f3n Cintr\u00f3n\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Edited and produced by Heidee Rol\u00f3n Cintr\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"content-wrapper\">\n\n \n <section class=\"intro-section\" aria-label=\"Introduction to the analysis\">\n <div class=\"intro-content\">\n <p class=\"intro-text\">\n When Bad Bunny released “DtMF” (Deb\u00ed Tirar M\u00e1s Fotos \/ I Should Have Taken More Photos), he didn’t just create an album.\n He composed a musical ode to Puerto Rico, a record that could shape up to be a\n new unofficial anthem of Borinquen.\n <\/p>\n <p class=\"intro-text\">\n According to historian Jorell Mel\u00e9ndez-Badillo, the album transcends\n Spotify and Billboard records to become something deeper: a\n declaration of boricua identity that, in turn, proves once again that the\n artistic creativity of Puerto Ricans knows no limits.\n <\/p>\n <p class=\"intro-text\">\n Furthermore, with the 30 concerts of his historic “No Me Quiero Ir De Aqu\u00ed” (I Don’t Want to Leave Here)\n Residency at the Coliseo de Puerto Rico Jos\u00e9 Miguel Agrelot, Benito Mart\u00ednez Ocasio continues\n to accumulate artistic milestones with what he called\n <a href=\"https:\/\/www.instagram.com\/p\/DEs37LTyCQx\/\" target=\"_blank\" rel=\"noreferrer noopener\">“the best project of my career, the most special, the most beautiful”<\/a>.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n “I believe the entire album is like an anthem, an ode to Puerto Rican identity.”\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n <\/div>\n\n <p class=\"intro-text\">\n In an interview with Platea, after <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">taking a historical journey through Puerto Rico’s unofficial anthems<\/a> over a century, Mel\u00e9ndez-Badillo stated that the Residency is “a gift to Puerto Rico,” a “love letter” from Bad Bunny to his country.\n <\/p>\n\n <p class=\"intro-text\">\n “Many people would say: but how can you put Benito Antonio Mart\u00ednez Ocasio in the\n same category as our Lola (Rodr\u00edguez de Ti\u00f3), Manuel Fern\u00e1ndez Juncos,\n Virgilio D\u00e1vila, Bobby Cap\u00f3, or (Juan Antonio) Corretjer? They are artists responding to a historical moment in the way they know how. And I believe the reception that\n the album has had proves it. There was a thirst for that kind of cultural affirmation,”\n added the author of the book Puerto Rico: Historia de una naci\u00f3n (2024).\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other\n unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n “Another beautiful sunset I see in San Juan<br>\n Enjoying all those things that those who leave miss<br>\n Enjoying nights like the ones that don’t happen anymore.”\n <\/p>\n <p class=\"song-lyric-title\">\u2014DtMF<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3sK8wGT43QFpWrvNQsrQya?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430426-Large.webp\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"records-section\" aria-label=\"Album records\">\n <h2 class=\"section-title scroll-animate\">Deb\u00ed Tirar M\u00e1s Fotos Records<\/h2>\n\n <div class=\"records-grid\">\n <div class=\"record-card scroll-animate\" data-record=\"spotify-billion\">\n <div class=\"record-number\">1000M<\/div>\n <p class=\"record-label\">streams on Spotify in just 13 days<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"latin-albums\">\n <div class=\"record-number\">#1<\/div>\n <p class=\"record-label\">on Top Latin Albums for the ninth consecutive time<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"hot-latin-songs\">\n <div class=\"record-number\">189<\/div>\n <p class=\"record-label\">songs on Hot Latin Songs, a historic record<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"apple-music\">\n <div class=\"record-number\">60<\/div>\n <p class=\"record-label\">countries where it reached #1 on Apple Music<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"album-tracks\">\n <div class=\"record-number\">17<\/div>\n <p class=\"record-label\">songs from the album entered Hot Latin Songs<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"billboard-hot-100\">\n <div class=\"record-number\">113<\/div>\n <p class=\"record-label\">Bad Bunny songs on Billboard Hot 100<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"analysis-section\" aria-label=\"Amplifying history\">\n <h2 class=\"section-title scroll-animate\">Amplifying Puerto Rico’s History<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, who provided the historical context for\n <a href=\"https:\/\/www.youtube.com\/@BadBunnyPR\/videos\" target=\"_blank\" rel=\"noreferrer noopener\">the YouTube visualizations<\/a>\n of each DtMF song, this album achieved something few cultural products\n accomplish: sparking a desire to learn Puerto Rico’s history while critiquing\n displacement, colonization, migration, and what it means to be Puerto Rican.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n “Benito didn’t have to do this. He could have kept talking about Maseratis,\n about Monaco, about the champagne-drinking lifestyle, but he decided to amplify the history and\n culture of Puerto Rico, and use the biggest platform in the world to\n include historical narratives, to include a critique of displacement through\n the short film with Jacobo Morales,” analyzed the historian, who\n felt fortunate to collaborate on the project.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n These experiences, beyond being Puerto Rican, struck a chord worldwide.\n That’s why songs like DtMF or LO QUE LE PAS\u00d3 A HAWAii became symbols of\n other struggles in places like Palestine, Latin America, and even Hawaii.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1420876469-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n “Nobody here wanted to leave, those who left dream of coming back<br>\n If someday it’s my turn, how much it’s gonna hurt.”\n <\/p>\n <p class=\"song-lyric-title\">\u2014LO QUE LE PAS\u00d3 A HAWAii<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/1Hg0e997pObvZ91w1FCPFk?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n “The sensitivity of a song like DTmF allows people in different\n parts of the Global South to identify with it because many countries are experiencing displacement,\n not just Puerto Rico,” he added.\n <\/p>\n <\/div>\n\n \n <div class=\"section-hero-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1242171429-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"Why consider DtMF a Puerto Rican anthem?\">\n <h2 class=\"section-title scroll-animate\">Why Consider DtMF a Puerto Rican Anthem?<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n “It managed to include elements that have been crucial in the creation\n of past anthems, which is nostalgia, that patriotic feeling of being proud to be from this terru\u00f1o we call Puerto Rico. So yes, for me the entire album is an anthem.”\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <p class=\"section-text scroll-animate\">\n Just like the authors of other unofficial anthems, the album manages to reflect “an awareness of his own historical subjectivity, and Benito sees himself as a political subject, as a diasporic subject.”\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1463427749-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The diaspora impact\">\n <h2 class=\"section-title scroll-animate\">DtMF: The Eternal Christmas or How the Diaspora Shaped Benito<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Just as\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bobby Cap\u00f3 wrote So\u00f1ando con Puerto Rico from New York<\/a>\n and Rafael Hern\u00e1ndez\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/#:~:text=de%20la%20libertad.-,1937,-Preciosa\" target=\"_blank\" rel=\"noreferrer noopener\">wrote Preciosa from Mexico<\/a>,\n living outside the island shaped the new perspective Bad Bunny reflects in his latest album.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n “That diasporic experience marked Benito and led him to seek how to define\n Puerto Rican identity,” said Mel\u00e9ndez-Badillo, who considers that, in his case,\n migration also left its mark. “I also think about my Puerto Rican identity in that\n key,” and it’s probably the eternal dialogue between boricuas on the\n island and the over 5 million living in the diaspora.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n The historian added that, if the album Un Verano Sin Ti (2022) was seen as the eternal\n summer in the Caribbean, DeB\u00cd TiRAR M\u00e1S FOToS can be read “as the eternal Christmas in\n Puerto Rico, but at the same time, the theme is one about displacement, about\n cultural and national affirmation.”\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n “In my life you were a tourist<br>\n You only saw the best of me<br>\n And not what I was suffering.”\n <\/p>\n <p class=\"song-lyric-title\">\u2014TURiSTA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/7tCuCjhxzjX2XCz4JiiAsp?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The Residency\">\n <h2 class=\"section-title scroll-animate\">The Residency as a “Love Letter” to the Homeland<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Beyond breaking records and generating an estimated $200 million economic impact,\n the Residency represents Bad Bunny’s stance toward the music industry and Puerto Rico’s\n historical context as an unincorporated territory of the United States\u2014a colony in the 21st century.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n “It’s a love letter to Puerto Rico and there’s an institutionality and a very concrete\n political statement in not including the United States in the entire\n tour… There’s a decentralization of where things are usually produced\n from,” explained Mel\u00e9ndez-Badillo.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n “Here they killed people for taking out the flag<br>\n That’s why now I carry it wherever I go.”\n <\/p>\n <p class=\"song-lyric-title\">\u2014LA MuDANZA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3G7agPwWfcORnWCAGMDOpm?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n “This album and the Residency have increased and deepened that thirst\n for Puerto Rico’s history, and I can only applaud the gesture and\n the impact that the Residency will have.”\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <\/div>\n\n\n<section class=\"timeline-section\" aria-label=\"Political moments\">\n <h2 class=\"timeline-title\">Bad Bunny’s 5 Most Political Moments<\/h2>\n\n <div class=\"timeline-container\">\n <div class=\"timeline\">\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2018<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430268-Large.webp\"\n alt=\"Bad Bunny on The Tonight Show\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Hurricane Mar\u00eda on The Tonight Show<\/h3>\n <p>\n “Benito’s first post-Mar\u00eda anthem was ‘Estamos Bien,’ and not just the song, but\n <a href=\"https:\/\/www.youtube.com\/watch?v=SIQXI0UuX8M\" target=\"_blank\" rel=\"noopener\">the performance he had on Jimmy Fallon’s show<\/a>,\n his first performance on American national television,” said the historian.\n <\/p>\n <p>\n On that show, Bad Bunny presented photos of Hurricane Mar\u00eda and said in broken English before singing the song:\n “After a year of the hurricane, there are still people without electricity in their homes.\n <a href=\"https:\/\/apnews.com\/general-news-national-national-4c2cec38ab6d4a5b8e2d09a8513191d9\" target=\"_blank\" rel=\"noopener\">More than 3,000 people died<\/a>\n and Trump is still in denial.”\n <\/p>\n <p>\n For Mel\u00e9ndez-Badillo, that political stance gave depth to the first single from Bad Bunny’s first studio album, X100pre (2018).\n “I believe it’s an anthem because, just as Hijos del Ca\u00f1averal appealed to a deep sensitivity, in that moment of multiple crises\n Estamos Bien was like the affirmation that we’re going to get through this,” he expressed.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2019<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1157691837.webp\"\n alt=\"Ricky resign protests in Puerto Rico\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Sharpening Knives<\/h3>\n <p>\n In the midst of protests demanding the resignation of then-Governor Ricardo Rossell\u00f3, Bad Bunny not only led demonstrations in the streets,\n but also released alongside Residente (Ren\u00e9 P\u00e9rez) and iLe (Ileana Cabra) a protest song that was recorded in one day.\n <\/p>\n <p>\n The song was recorded in one day and released on July 17, 2019. Eight days later (July 24), Rossell\u00f3 announced his resignation.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1203792316.webp\"\n alt=\"Bad Bunny on The Tonight Show with message about Alexa\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Naming Alexa<\/h3>\n <p>\n In February 2020,\n <a href=\"https:\/\/www.bbc.com\/mundo\/noticias-america-latina-51651893\" target=\"_blank\" rel=\"noopener\">the murder of Neulisa Luciano Ruiz<\/a> shook Puerto Rico. She was\n 28 years old, also known as Alexa or Alicia, a poor, Black transgender woman who lived on the streets.\n <\/p>\n <p>\n Shortly after the hate crime, for which two of the defendants were\n <a href=\"https:\/\/www.telemundopr.com\/noticias\/puerto-rico\/sentencian-a-33-meses-de-carcel-a-convictos-por-agredir-y-hostigar-a-alexa\/2534173\/\" target=\"_blank\" rel=\"noopener\">sentenced to 33 months in prison<\/a>,\n Bad Bunny <a href=\"https:\/\/www.lavanguardia.com\/de-moda\/moda\/20200229\/473840735030\/bad-bunny-disco-camiseta-alexa-asesinato.html\" target=\"_blank\" rel=\"noopener\">appeared again on Jimmy Fallon’s show<\/a>\n to present his album YHLQMDLG (2020) and sang wearing a skirt and a t-shirt that highlighted the hate crime against Neulisa Luciano Ruiz.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1249328608-1.jpg\"\n alt=\"George Floyd mural\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Poem for George Floyd<\/h3>\n <p>\n “I swear it hurts me and it hurts to even think that today still because of skin color someone, can they kill them?\n In a world like this, I can’t breathe either,” reads part of Bad Bunny’s poem published in\n <a href=\"https:\/\/time.com\/5852446\/bad-bunny-black-lives-matter\/\" target=\"_blank\" rel=\"noopener\">TIME<\/a>\n in Spanish and English.\n <\/p>\n <p>\n He referenced not only the phrase Floyd said before dying (“I can’t breathe”), but also the anti-racist social movement Black Lives Matter\n and experiences he said he had as a child in Puerto Rico, when they told him he had “bad” hair because it was curly.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2022<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-08-at-12.35.45%E2%80%AFPM.png\"\n alt=\"Bad Bunny's El Apag\u00f3n documentary\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>El Apag\u00f3n (The Blackout)<\/h3>\n <p>\n “El Apag\u00f3n seems to me to have been extremely important in Benito’s musical trajectory, not just because of the song,\n but because of the historical documentary,” said Mel\u00e9ndez-Badillo about the eighth single from the album Un Verano Sin Ti (May 2022)\n and the documentary video released in September of that same year with journalist Bianca Graulau as narrator.\n <\/p>\n <p>\n It addresses Puerto Rico’s energy collapse, privatization, and what that represents for island residents.\n The historian shared that he uses this documentary in his classes to talk about displacement and gentrification.\n <\/p>\n <p>\n Additionally, the song has the iconic phrase “Puerto Rico est\u00e1 bien cab%$#” (Puerto Rico is f***ing amazing), which “can be read on multiple levels,” according to Mel\u00e9ndez-Badillo.\n It represents not only that Puerto Rico is beautiful, but also how difficult it is to live here.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n<section class=\"credits-sources-section\" aria-label=\"Credits and sources\">\n <div class=\"credits-container\">\n \n <div class=\"photo-credits\">\n <h3 class=\"credits-title\">Photo Credits<\/h3>\n <p class=\"credits-text\">\n Photos in order of appearance: Gladys Vega; NBCU Photo Bank; Theo Wargo; Ricardo Arduengo;\n Timothy Norris\/FilmMagic; NBCU Photo Bank; Pedro Portal\/Miami Herald\/TNS; NBCU Photo Bank (Getty Images).\n <\/p>\n <\/div>\n\n \n <div class=\"sources-credits\">\n <h3 class=\"credits-title\">Record Sources<\/h3>\n <ul class=\"sources-list\">\n <li>\n <a href=\"https:\/\/hit-channel.com\/bad-bunny-new-album-records-residency\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny’s DeB\u00cd TiRAR M\u00e1S FOToS Breaks Spotify Record & Sells Out Residency – Hit Channel\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/espanol\/noticias\/bad-bunny-debi-tirar-mas-fotos-debuta-no-1-de-top-latin-albums-1235875279\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n ‘Deb\u00ed Tirar M\u00e1s Fotos’ de Bad Bunny debuta en el No. 1 de la lista Top Latin Albums – Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/music\/chart-beat\/bad-bunny-dtmf-debuts-number-1-tiktok-billboard-top-50-1235876454\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny’s ‘DTMF’ Debuts at No. 1 on TikTok Billboard Top 50 – Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.infobae.com\/colombia\/2025\/01\/19\/nuevo-record-para-bad-bunny-debi-tirar-mas-fotos-se-convirtio-en-el-album-masculino-mas-rapido-en-alcanzar-miles-de-millones-de-streamings\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Nuevo r\u00e9cord para Bad Bunny: ‘Deb\u00ed tirar m\u00e1s fotos’ se convirti\u00f3 en el \u00e1lbum masculino m\u00e1s r\u00e1pido en alcanzar miles de millones de streamings – Infobae\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"editorial-credits\">\n <p class=\"editorial-note\">\n Compiled by Cindy Burgos Alvarado | PlateaPR | Component developed with help from Claude.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n<\/section>\n\n<script>\n(function() {\n 'use strict';\n\n \/\/ Ensure we don't run multiple instances\n if (window.BBHimnoEditorialInitialized) return;\n window.BBHimnoEditorialInitialized = true;\n\n const BBHimnoEditorial = {\n wrapper: document.getElementById('bb-himno-editorial-2025'),\n\n init: function() {\n if (!this.wrapper) return;\n\n this.setupScrollAnimations();\n this.setupScrollDepthTracking();\n this.setupClickTracking();\n this.setupNumberAnimation();\n this.setupMobileNavigation();\n },\n\n setupScrollAnimations: function() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const scrollObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n \/\/ Add staggered delay for grouped elements\n const delay = index * 0.1;\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, delay * 100);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animated elements\n const animatedElements = this.wrapper.querySelectorAll(\n '.scroll-animate, .intro-text, .section-title, .section-text, ' +\n '.song-integration, .timeline-item, .record-card, .quote-highlight, ' +\n '.bb-quote'\n );\n\n animatedElements.forEach(el => scrollObserver.observe(el));\n },\n\n setupScrollDepthTracking: function() {\n const scrollThresholds = [25, 50, 75, 100];\n const trackedDepths = {};\n\n const trackScrollDepth = () => {\n const documentHeight = document.documentElement.scrollHeight;\n const viewportHeight = window.innerHeight;\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n\n \/\/ Calculate current scroll percentage\n const scrollPercentage = Math.floor(((scrollTop + viewportHeight) \/ documentHeight) * 100);\n\n scrollThresholds.forEach(threshold => {\n if (scrollPercentage >= threshold && !trackedDepths[threshold]) {\n this.sendGtagEvent('scroll_depth', `${threshold}%`);\n trackedDepths[threshold] = true; \/\/ Mark as tracked\n }\n });\n };\n\n window.addEventListener('scroll', trackScrollDepth);\n trackScrollDepth(); \/\/ Initial check\n },\n\n setupClickTracking: function() {\n \/\/ Track all links\n this.wrapper.addEventListener('click', (e) => {\n if (e.target.matches('a') || e.target.closest('a')) {\n const link = e.target.matches('a') ? e.target : e.target.closest('a');\n const label = link.textContent.trim() || link.getAttribute('aria-label') || 'Unknown Link';\n this.sendGtagEvent('clicks', label);\n }\n });\n\n \/\/ Track navigation links specifically\n const navLinks = this.wrapper.querySelectorAll('.nav-link');\n navLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Nav: ${link.textContent.trim()}`);\n });\n });\n\n const mobileNavLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileNavLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Mobile Nav: ${link.textContent.trim()}`);\n });\n });\n },\n\n setupNumberAnimation: function() {\n const numberElements = this.wrapper.querySelectorAll('.record-number');\n\n const numberObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.classList.contains('animated')) {\n const finalText = entry.target.textContent;\n const hasHash = finalText.includes('#');\n const hasM = finalText.includes('M');\n\n \/\/ If it's #1, don't animate (leave static)\n if (finalText === '#1') {\n entry.target.classList.add('animated');\n return;\n }\n\n \/\/ Extract the clean number\n const cleanNumber = finalText.replace(\/[#MK,]\/g, '');\n\n if (!isNaN(cleanNumber)) {\n const number = parseFloat(cleanNumber);\n const duration = 2000; \/\/ 2 seconds for the animation\n const startTime = Date.now();\n\n const animateNumber = () => {\n const currentTime = Date.now();\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n\n \/\/ Easing function to make the animation smoother\n const easeOutQuart = 1 - Math.pow(1 - progress, 4);\n const current = Math.floor(number * easeOutQuart);\n\n let display = current.toString();\n if (hasHash) display = '#' + display;\n if (hasM) display = display + 'M';\n\n entry.target.textContent = display;\n\n if (progress < 1) {\n requestAnimationFrame(animateNumber);\n } else {\n entry.target.textContent = finalText;\n }\n };\n\n animateNumber();\n }\n\n entry.target.classList.add('animated');\n }\n });\n }, {\n threshold: 0.5,\n rootMargin: '0px 0px -100px 0px' \/\/ Activates a bit before it's fully visible\n });\n\n numberElements.forEach(el => numberObserver.observe(el));\n },\n\n setupMobileNavigation: function() {\n \/\/ Get navigation elements\n const mobileToggle = this.wrapper.querySelector('.mobile-nav-toggle');\n const mobileMenu = this.wrapper.querySelector('.mobile-nav-overlay');\n const mobileClose = this.wrapper.querySelector('.mobile-nav-close');\n\n if (mobileToggle && mobileMenu) {\n \/\/ Open mobile menu\n mobileToggle.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.add('active');\n document.body.style.overflow = 'hidden';\n });\n\n \/\/ Close mobile menu with X button\n if (mobileClose) {\n mobileClose.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n }\n\n \/\/ Close mobile menu when clicking on a link\n const mobileLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n\n \/\/ Close mobile menu when clicking outside\n mobileMenu.addEventListener('click', (e) => {\n if (e.target === mobileMenu) {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n }\n });\n }\n },\n\n sendGtagEvent: function(eventName, eventLabel) {\n if (typeof gtag === 'function') {\n gtag('event', eventName, {\n 'event_category': 'BB Himno Editorial',\n 'event_label': eventLabel,\n 'value': 1\n });\n } else {\n console.log('Analytics Event:', eventName, eventLabel);\n }\n }\n };\n\n \/\/ Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => BBHimnoEditorial.init());\n } else {\n BBHimnoEditorial.init();\n }\n})();\n<\/script>\n<\/article>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity Homepage What to Know What to Do What to Eat Sports Subscribe Map Directory About Us DtMF and Bad Bunny’s Residency: “A Love Letter to Puerto Rico” Historian Jorell Mel\u00e9ndez-Badillo analyzes the impact of the “No Me Quiero Ir De Aqu\u00ed” Residency and how Bad […]<\/p>\n","protected":false},"author":52,"featured_media":6150,"comment_status":"closed","ping_status":"open","sticky":false,"template":"template-plain-hub.php","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[89],"post_tag":[98],"authors":[167],"page_type":[],"geo_location":[],"class_list":["post-6149","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspirational","tag-featured-post","post_author-cindy-burgos-alvarado"],"acf":[],"yoast_head":"\n<title>Bad Bunny's DtMF: A Love Letter to Puerto Rico | Analysis | Platea<\/title>\n<meta name=\"description\" content=\"Historian Jorell Mel\u00e9ndez-Badillo analyzes how Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS album and historic Residency became an unofficial anthem for Puerto Rico.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bad Bunny's DtMF: A Love Letter to Puerto Rico | Analysis | Platea\" \/>\n<meta property=\"og:description\" content=\"Historian Jorell Mel\u00e9ndez-Badillo analyzes how Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS album and historic Residency became an unofficial anthem for Puerto Rico.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/\" \/>\n<meta property=\"og:site_name\" content=\"Platea\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-27T15:51:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large-1024x538.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"hroloncintron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"hroloncintron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/\"},\"author\":{\"name\":\"hroloncintron\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b\"},\"headline\":\"Bad Bunny’s DtMF: A Love Letter to Puerto Rico | Analysis\",\"datePublished\":\"2026-01-27T15:51:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/\"},\"wordCount\":1813,\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg\",\"keywords\":[\"Featured Post\"],\"articleSection\":[\"Inspirational\"],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#primaryimage\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.plateapr.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inspirational\",\"item\":\"https:\/\/www.plateapr.com\/en\/category\/inspirational\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Bad Bunny’s DtMF: A Love Letter to Puerto Rico | Analysis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#website\",\"url\":\"https:\/\/www.plateapr.com\/en\/\",\"name\":\"Platea\",\"description\":\"Curated guides from locals on what to do and where to eat in Puerto Rico\",\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.plateapr.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\",\"name\":\"Platea\",\"url\":\"https:\/\/www.plateapr.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Platea\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Bad Bunny's DtMF: A Love Letter to Puerto Rico | Analysis | Platea","description":"Historian Jorell Mel\u00e9ndez-Badillo analyzes how Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS album and historic Residency became an unofficial anthem for Puerto Rico.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/","og_locale":"en_US","og_type":"article","og_title":"Bad Bunny's DtMF: A Love Letter to Puerto Rico | Analysis | Platea","og_description":"Historian Jorell Mel\u00e9ndez-Badillo analyzes how Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS album and historic Residency became an unofficial anthem for Puerto Rico.","og_url":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/","og_site_name":"Platea","article_published_time":"2026-01-27T15:51:51+00:00","og_image":[{"width":1024,"height":538,"url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large-1024x538.jpeg","type":"image\/jpeg"}],"author":"hroloncintron","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hroloncintron","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#article","isPartOf":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/"},"author":{"name":"hroloncintron","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b"},"headline":"Bad Bunny’s DtMF: A Love Letter to Puerto Rico | Analysis","datePublished":"2026-01-27T15:51:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/"},"wordCount":1813,"publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#primaryimage"},"thumbnailUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg","keywords":["Featured Post"],"articleSection":["Inspirational"],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#primaryimage","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.plateapr.com\/en\/"},{"@type":"ListItem","position":2,"name":"Inspirational","item":"https:\/\/www.plateapr.com\/en\/category\/inspirational\/"},{"@type":"ListItem","position":3,"name":"Bad Bunny’s DtMF: A Love Letter to Puerto Rico | Analysis"}]},{"@type":"WebSite","@id":"https:\/\/www.plateapr.com\/en\/#website","url":"https:\/\/www.plateapr.com\/en\/","name":"Platea","description":"Curated guides from locals on what to do and where to eat in Puerto Rico","publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.plateapr.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.plateapr.com\/en\/#organization","name":"Platea","url":"https:\/\/www.plateapr.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png","width":512,"height":512,"caption":"Platea"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/"}}]}},"block_categories_all":[{"blockName":"core\/html","attrs":[],"innerBlocks":[],"innerHTML":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity<\/title>\n<style>\n\/* Unique design system for the component *\/\n#bb-himno-editorial-2025 {\n --primary-green: #04d99d;\n --primary-dark: #03b584;\n --primary-light: #05f5b3;\n --accent-blue: #68b9ff;\n --accent-yellow: #fecd6c;\n --bg-dark: #0a0a0a;\n --bg-darker: #000000;\n --text-white: #ffffff;\n --text-gray: #b0b0b0;\n --text-light-gray: #e0e0e0;\n\n font-family: Georgia, 'Times New Roman', serif !important;\n color: var(--text-white) !important;\n background-color: var(--bg-dark) !important;\n line-height: 1.6 !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden !important;\n position: relative !important;\n width: auto !important;\n max-width: none !important;\n}\n\n\/* Specific reset to avoid WordPress interference *\/\n#bb-himno-editorial-2025 *,\n#bb-himno-editorial-2025 *::before,\n#bb-himno-editorial-2025 *::after {\n box-sizing: border-box !important;\n}\n\n\/* Protect against WordPress styles on specific elements *\/\n#bb-himno-editorial-2025 h1,\n#bb-himno-editorial-2025 h2,\n#bb-himno-editorial-2025 h3,\n#bb-himno-editorial-2025 p,\n#bb-himno-editorial-2025 div,\n#bb-himno-editorial-2025 section,\n#bb-himno-editorial-2025 article {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n}\n\n\/* Protect links against theme styles - but allow specific styling *\/\n#bb-himno-editorial-2025 a {\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n font-family: inherit !important;\n}\n\n\/* Specific links in content *\/\n#bb-himno-editorial-2025 .intro-text a,\n#bb-himno-editorial-2025 .section-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .intro-text a:hover,\n#bb-himno-editorial-2025 .section-text a:hover {\n text-decoration: underline !important;\n}\n\n\/* Specific links in timeline *\/\n#bb-himno-editorial-2025 .timeline-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:hover {\n text-decoration: underline !important;\n color: var(--primary-light) !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:visited {\n color: var(--primary-green) !important;\n}\n\n\/* Protect Spotify iframes *\/\n#bb-himno-editorial-2025 iframe {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n\/* Hero Section with background image *\/\n#bb-himno-editorial-2025 .hero-section {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n overflow: hidden;\n background: var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n}\n\n#bb-himno-editorial-2025 .hero-background img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n opacity: 1;\n}\n\n#bb-himno-editorial-2025 .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.1) 60%,\n rgba(0, 0, 0, 0.7) 90%,\n rgba(0, 0, 0, 0.95) 100%\n );\n z-index: 2;\n}\n\n#bb-himno-editorial-2025 .hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n max-width: 800px;\n padding: 0 2rem 3rem 2rem;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n margin-top: 75vh;\n}\n\n#bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 3.5rem) !important;\n font-weight: 900 !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n letter-spacing: -0.02em !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-title .highlight {\n color: var(--primary-green);\n font-style: italic;\n}\n\n#bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.3rem, 3vw, 1.8rem) !important;\n font-weight: 300 !important;\n color: var(--text-light-gray) !important;\n margin-bottom: 2rem !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n opacity: 0;\n animation: fadeInUp 1s ease 0.3s forwards;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta span {\n display: inline-block;\n margin: 0 1rem;\n}\n\n\/* Byline Section *\/\n#bb-himno-editorial-2025 .byline-section {\n background: #000;\n padding: 40px 0;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .byline-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n\/* Date at the top *\/\n#bb-himno-editorial-2025 .byline-date {\n text-align: left;\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n margin-bottom: 1rem;\n}\n\n#bb-himno-editorial-2025 .byline-authors {\n display: flex;\n gap: 4rem;\n align-items: center;\n justify-content: flex-start;\n padding-bottom: 2rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n#bb-himno-editorial-2025 .author-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n\/* Circular avatar *\/\n#bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n object-fit: cover;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .author-details {\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .author-name {\n font-size: .9rem !important;\n font-weight: 400 !important;\n color: var(--text-white) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .author-role {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Main Content Container *\/\n#bb-himno-editorial-2025 .content-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n\/* Introduction Section *\/\n#bb-himno-editorial-2025 .intro-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .intro-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .intro-text {\n font-size: 1.3rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.8s ease forwards;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(2) {\n animation-delay: 0.2s;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(3) {\n animation-delay: 0.4s;\n}\n\n\/* Hero image for specific sections *\/\n#bb-himno-editorial-2025 .section-hero-image {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n height: 60vh;\n min-height: 650px;\n background: rgba(255, 255, 255, 0.05);\n border: 2px dashed rgba(4, 217, 157, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n\/* Quote Highlights - Consolidated version *\/\n#bb-himno-editorial-2025 .quote-highlight {\n display: block;\n max-width: 600px;\n padding: 2rem 2rem;\n margin: 2rem auto;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 100%, rgba(4, 217, 157, 0.08) 100%);\n border-left: 4px solid var(--primary-green);\n border-radius: 20px;\n}\n\n#bb-himno-editorial-2025 .quote-text {\n font-size: clamp(2rem, 2.5vw, 2rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--text-white) !important;\n margin-bottom: 1.5rem !important;\n font-weight: 500 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .quote-author {\n font-size: 1rem !important;\n color: var(--primary-green) !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Song Integration Block - Consolidated version *\/\n#bb-himno-editorial-2025 .song-integration {\n margin: 3rem auto;\n padding: 3rem 2rem;\n max-width: 650px;\n background: var(--bg-darker);\n border-radius: 1rem;\n position: relative;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .song-integration.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .song-integration-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .song-lyric {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n#bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.8rem, 2.8vw, 2.5rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 300 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase !important;\n letter-spacing: 0.2em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-integration iframe {\n border-radius: 10px;\n}\n\n\/* Analysis Sections *\/\n#bb-himno-editorial-2025 .analysis-section {\n padding: 4rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .analysis-section:last-child {\n border-bottom: none;\n}\n\n#bb-himno-editorial-2025 .section-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 800 !important;\n line-height: 1.4 !important;\n text-align: center !important;\n margin-bottom: 2rem !important;\n color: var(--text-white) !important;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .section-title.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .section-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .section-text {\n font-size: 1.2rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n\/* Political Moments Timeline - Horizontal *\/\n#bb-himno-editorial-2025 .timeline-section {\n padding: 5rem 0;\n background: linear-gradient(to bottom, var(--bg-dark) 0%, var(--bg-darker) 100%);\n overflow: hidden;\n}\n\n#bb-himno-editorial-2025 .timeline-title {\n text-align: center;\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 3rem !important;\n color: var(--primary-green) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-container {\n position: relative;\n width: 100vw;\n max-width: none;\n overflow-x: auto;\n overflow-y: hidden;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n padding: 0 2rem 2rem;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: var(--primary-green) rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar {\n height: 8px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline {\n position: relative;\n display: flex;\n gap: 2rem;\n padding: 4rem 0 0;\n width: calc(320px * 5 + 8rem);\n min-width: calc(320px * 5 + 8rem);\n}\n\n#bb-himno-editorial-2025 .timeline::before {\n content: '';\n position: absolute;\n top: 30px;\n left: 0;\n right: 0;\n height: 2px;\n background: rgba(4, 217, 157, 0.3);\n}\n\n#bb-himno-editorial-2025 .timeline-item {\n position: relative;\n flex: 0 0 320px;\n height: 450px;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-item.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .timeline-date {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--bg-darker);\n padding: 0.5rem 1rem;\n font-size: 1.2rem !important;\n font-weight: 700 !important;\n color: var(--primary-green) !important;\n white-space: nowrap;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-date::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 12px;\n height: 12px;\n background: var(--primary-green);\n border-radius: 50%;\n box-shadow: 0 0 0 4px var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .timeline-content {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(4, 217, 157, 0.3);\n padding: 0;\n height: 100%;\n transition: all 0.3s ease;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .timeline-content:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .timeline-image {\n width: 100%;\n height: 180px;\n overflow: hidden;\n position: relative;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .timeline-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.3s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-text {\n padding: 1.5rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n max-height: 220px;\n}\n\n\/* Style the scrollbar to look good *\/\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar {\n width: 6px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb:hover {\n background: var(--primary-dark);\n}\n\n#bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.2rem !important;\n margin-bottom: 0.8rem !important;\n color: var(--text-white) !important;\n line-height: 1.3 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text p {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n color: var(--text-gray) !important;\n margin-bottom: 0.8rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Records Section *\/\n#bb-himno-editorial-2025 .records-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .records-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n}\n\n#bb-himno-editorial-2025 .record-card {\n padding: 2rem;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(4, 217, 157, 0.2);\n border-radius: 1rem;\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n}\n\n#bb-himno-editorial-2025 .record-card.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .record-card:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .record-number {\n font-size: 3rem !important;\n font-weight: 900 !important;\n color: var(--primary-green) !important;\n margin-bottom: 0.5rem !important;\n line-height: 1 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .record-label {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Final CTA *\/\n#bb-himno-editorial-2025 .cta-section {\n padding: 5rem 0;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.05) 100%);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .cta-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .cta-title {\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 1rem !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .cta-text {\n font-size: 1.2rem !important;\n color: var(--text-gray) !important;\n margin-bottom: 2rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* BB Quote *\/\n#bb-himno-editorial-2025 .bb-quote {\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.08) 100%);\n padding: 3rem 3rem;\n border-radius: 1.5rem;\n margin: 2rem auto;\n max-width: 700px;\n text-align: center;\n border: 2px solid rgba(4, 217, 157, 0.3);\n box-shadow: 0 8px 32px rgba(4, 217, 157, 0.1);\n}\n\n#bb-himno-editorial-2025 .bb-quote-text {\n font-size: 1.4rem !important;\n font-style: italic !important;\n color: var(--text-white) !important;\n line-height: 1.5 !important;\n font-weight: 400 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .bb-quote-author {\n font-size: 1.1rem !important;\n color: var(--primary-green) !important;\n margin-top: 1.5rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 0.5;\n }\n 50% {\n transform: scale(1.1);\n opacity: 0.8;\n }\n}\n\n\/* Navigation Menu - Fixed for WordPress *\/\n.top-navigation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: #000;\n z-index: 100;\n padding: 1rem 0;\n}\n\n.nav-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.nav-menu {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.nav-item {\n margin: 0;\n}\n\n\/* Navigation links with stronger specificity *\/\n.top-navigation .nav-menu .nav-item .nav-link,\n.top-navigation .nav-menu .nav-item a.nav-link {\n color: #fff !important;\n text-decoration: none !important;\n font-size: 0.95rem;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 600;\n padding: 0.5rem 1rem;\n transition: color 0.3s ease !important;\n white-space: nowrap;\n background: none !important;\n border: none !important;\n}\n\n\/* HOVER with maximum specificity *\/\n.top-navigation .nav-menu .nav-item a.nav-link:hover,\n.top-navigation .nav-menu .nav-item .nav-link:hover,\n.top-navigation .nav-menu .nav-item a.nav-link:focus,\n.top-navigation .nav-menu .nav-item .nav-link:focus,\n.top-navigation .nav-menu .nav-item a.nav-link:active,\n.top-navigation .nav-menu .nav-item .nav-link:active,\nnav.top-navigation ul.nav-menu li.nav-item a.nav-link:hover {\n color: #04d99d !important;\n text-decoration: none !important;\n background: none !important;\n}\n\n\/* Visited state *\/\n.top-navigation .nav-menu .nav-item a.nav-link:visited {\n color: #fff !important;\n}\n\n\/* Mobile Navigation Button *\/\n.mobile-nav-toggle {\n display: none !important;\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 1.5rem !important;\n cursor: pointer !important;\n padding: 0.5rem !important;\n position: relative !important;\n z-index: 101 !important;\n}\n\n.mobile-nav-toggle:hover {\n color: #04d99d !important;\n}\n\n\/* Mobile overlay *\/\n.mobile-nav-overlay {\n display: none !important;\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: #000 !important;\n z-index: 999999 !important;\n overflow-y: auto !important;\n}\n\n.mobile-nav-overlay.active {\n display: flex !important;\n flex-direction: column !important;\n}\n\n.mobile-nav-overlay .mobile-nav-header {\n display: flex !important;\n justify-content: flex-start !important;\n align-items: center !important;\n padding: 2rem 2rem 1rem 2rem !important;\n flex-shrink: 0 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close {\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 2.5rem !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n cursor: pointer !important;\n padding: 0 !important;\n line-height: 1 !important;\n font-weight: 300 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close:hover {\n color: #04d99d !important;\n}\n\n.mobile-nav-overlay .mobile-nav-content {\n flex: 1 !important;\n padding: 1rem 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-list {\n flex-direction: column !important;\n gap: 0 !important;\n align-items: flex-start !important;\n padding: 0 !important;\n margin: 0 !important;\n list-style: none !important;\n display: flex !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-item {\n margin: 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link {\n display: block !important;\n text-align: left !important;\n padding: 1.8rem 2rem !important;\n width: 100% !important;\n font-size: 1.5rem !important;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n color: #fff !important;\n text-decoration: none !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 700 !important;\n transition: color 0.3s ease !important;\n box-sizing: border-box !important;\n background: none !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link:hover {\n color: #04d99d !important;\n}\n\n\/* Tablet responsive *\/\n@media (max-width: 1024px) and (min-width: 769px) {\n #bb-himno-editorial-2025 .hero-content {\n margin-top: 70vh;\n padding: 0 2rem 3rem 2rem;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.6rem) !important;\n }\n\n .nav-menu {\n gap: 1.5rem;\n }\n\n .top-navigation .nav-menu .nav-item .nav-link,\n .top-navigation .nav-menu .nav-item a.nav-link {\n font-size: 0.9rem;\n padding: 0.4rem 0.8rem;\n }\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .hero-section {\n min-height: 100vh;\n }\n\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1.5rem 2rem 1.5rem;\n margin-top: 65vh;\n max-width: 100%;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2rem, 8vw, 3.5rem) !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.4rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta {\n font-size: 0.9rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n margin: 0 0.5rem;\n }\n\n #bb-himno-editorial-2025 .byline-authors {\n flex-direction: column;\n gap: 2rem;\n align-items: flex-start;\n }\n\n #bb-himno-editorial-2025 .author-item {\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n }\n\n #bb-himno-editorial-2025 .author-name {\n font-size: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-container {\n padding: 0 2rem 2rem;\n }\n\n #bb-himno-editorial-2025 .timeline {\n width: calc(280px * 5 + 10rem);\n min-width: calc(280px * 5 + 10rem);\n padding: 4rem 1.5rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .timeline-item {\n flex: 0 0 300px;\n height: 420px;\n }\n\n #bb-himno-editorial-2025 .timeline-image {\n height: 160px;\n }\n\n #bb-himno-editorial-2025 .timeline-text {\n padding: 1.2rem;\n max-height: 220px;\n }\n\n #bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.1rem !important;\n margin-bottom: 0.6rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-text p {\n font-size: 1rem !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-text {\n font-size: clamp(1.6rem, 5vw, 2.2rem) !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-highlight {\n padding: 2rem 1.2rem !important;\n margin: 1.5rem 0.5rem !important;\n max-width: calc(100% - 1rem) !important;\n }\n\n \/* Song integration takes more space on mobile *\/\n #bb-himno-editorial-2025 .song-integration {\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n padding: 2.5rem 1.5rem !important;\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n border-radius: 0 !important;\n }\n\n #bb-himno-editorial-2025 .song-integration-content {\n max-width: none !important;\n width: 100% !important;\n }\n\n #bb-himno-editorial-2025 .song-integration iframe {\n width: 100% !important;\n max-width: none !important;\n border-radius: 8px !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.6rem, 6vw, 2.2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1.1rem !important;\n margin-bottom: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .bb-quote {\n padding: 2.5rem 2rem;\n margin: 1.5rem auto;\n width: 90%;\n max-width: none;\n border-width: 2px;\n }\n\n #bb-himno-editorial-2025 .records-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .record-card {\n padding: 1.5rem 1rem;\n }\n\n #bb-himno-editorial-2025 .record-number {\n font-size: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .record-label {\n font-size: 0.95rem !important;\n }\n\n .nav-container {\n padding: 0 1.5rem !important;\n justify-content: space-between !important;\n position: relative !important;\n }\n\n .nav-menu {\n display: none !important;\n }\n\n .mobile-nav-toggle {\n display: block !important;\n position: static !important;\n left: auto !important;\n top: auto !important;\n transform: none !important;\n }\n\n .mobile-nav-overlay .mobile-nav-header {\n padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-close {\n font-size: 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-link {\n padding: 1.2rem 1.2rem !important;\n font-size: 1.1rem !important;\n }\n}\n\n\/* Extra small mobile *\/\n@media (max-width: 480px) {\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1rem 1.5rem 1rem;\n margin-top: 60vh;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(1.8rem, 9vw, 2.8rem) !important;\n margin-bottom: 0.8rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(0.9rem, 4.5vw, 1.2rem) !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n display: block;\n margin: 0.2rem 0;\n }\n}\n\n\/* Credits and Sources Section *\/\n#bb-himno-editorial-2025 .credits-sources-section {\n padding: 4rem 0 2rem;\n background: rgba(255, 255, 255, 0.02);\n margin-top: 3rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .credits-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n#bb-himno-editorial-2025 .photo-credits,\n#bb-himno-editorial-2025 .sources-credits {\n margin-bottom: 2.5rem;\n}\n\n#bb-himno-editorial-2025 .credits-title {\n font-size: 1.2rem !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 600 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .credits-text {\n font-size: 0.95rem !important;\n line-height: 1.6 !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li {\n margin-bottom: 1rem !important;\n padding-left: 1.2rem !important;\n position: relative !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li:before {\n content: \"\u2022\" !important;\n color: var(--primary-green) !important;\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n font-weight: bold !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a {\n color: var(--text-gray) !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n line-height: 1.5 !important;\n transition: color 0.3s ease !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a:hover {\n color: var(--primary-green) !important;\n text-decoration: underline !important;\n}\n\n#bb-himno-editorial-2025 .editorial-credits {\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .editorial-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Mobile adjustments *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .credits-container {\n padding: 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .credits-sources-section {\n padding: 3rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .sources-list li {\n padding-left: 1rem !important;\n }\n}\n\n\/* Accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n #bb-himno-editorial-2025 *,\n #bb-himno-editorial-2025 *::before,\n #bb-himno-editorial-2025 *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n<article id=\"bb-himno-editorial-2025\" role=\"main\" aria-label=\"DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity\">\n\n<nav class=\"top-navigation\" aria-label=\"Main navigation\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">Homepage<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/que-saber-hoy\/\" class=\"nav-link\">What to Know<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-hacer\/\" class=\"nav-link\">What to Do<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-comer\/\" class=\"nav-link\">What to Eat<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/el-pulso-deportivo\/\" class=\"nav-link\">Sports<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/suscripciones\/\" class=\"nav-link\">Subscribe<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\">Map<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About Us<\/a>\n <\/li>\n <\/ul>\n <\/div>\n<\/nav>\n\n\n <section class=\"hero-section\" aria-label=\"Introduction\">\n <div class=\"hero-background\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1411547682-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n loading=\"eager\">\n <\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n<h1 class=\"hero-title\">\n DtMF and Bad Bunny's Residency:<span class=\"highlight\"> \"A Love Letter to Puerto Rico\"<\/span>\n<\/h1>\n <p class=\"hero-subtitle\">\n Historian Jorell Mel\u00e9ndez-Badillo analyzes the impact of the\n \"No Me Quiero Ir De Aqu\u00ed\" Residency and how Bad Bunny's latest album\n could be considered a new unofficial anthem of Puerto Rico\n <\/p>\n <div class=\"hero-meta\">\n <span>July 10, 2025<\/span>\n <span>\u2022<\/span>\n <span>Cultural Analysis<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"byline-section\" aria-label=\"Credits\">\n <div class=\"byline-container\">\n <div class=\"byline-authors\">\n <div class=\"author-item\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&width=200\"\n alt=\"Cindy Burgos Alvarado\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Written by Cindy Burgos Alvarado<\/p>\n <\/div>\n <\/div>\n <div class=\"author-item\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2022\/07\/Screenshot-2025-07-04-at-12.09.25 AM.webp\"\n alt=\"Heidee Rol\u00f3n Cintr\u00f3n\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Edited and produced by Heidee Rol\u00f3n Cintr\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"content-wrapper\">\n\n \n <section class=\"intro-section\" aria-label=\"Introduction to the analysis\">\n <div class=\"intro-content\">\n <p class=\"intro-text\">\n When Bad Bunny released \"DtMF\" (Deb\u00ed Tirar M\u00e1s Fotos \/ I Should Have Taken More Photos), he didn't just create an album.\n He composed a musical ode to Puerto Rico, a record that could shape up to be a\n new unofficial anthem of Borinquen.\n <\/p>\n <p class=\"intro-text\">\n According to historian Jorell Mel\u00e9ndez-Badillo, the album transcends\n Spotify and Billboard records to become something deeper: a\n declaration of boricua identity that, in turn, proves once again that the\n artistic creativity of Puerto Ricans knows no limits.\n <\/p>\n <p class=\"intro-text\">\n Furthermore, with the 30 concerts of his historic \"No Me Quiero Ir De Aqu\u00ed\" (I Don't Want to Leave Here)\n Residency at the Coliseo de Puerto Rico Jos\u00e9 Miguel Agrelot, Benito Mart\u00ednez Ocasio continues\n to accumulate artistic milestones with what he called\n <a href=\"https:\/\/www.instagram.com\/p\/DEs37LTyCQx\/\" target=\"_blank\" rel=\"noreferrer noopener\">\"the best project of my career, the most special, the most beautiful\"<\/a>.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"I believe the entire album is like an anthem, an ode to Puerto Rican identity.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n <\/div>\n\n <p class=\"intro-text\">\n In an interview with Platea, after <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">taking a historical journey through Puerto Rico's unofficial anthems<\/a> over a century, Mel\u00e9ndez-Badillo stated that the Residency is \"a gift to Puerto Rico,\" a \"love letter\" from Bad Bunny to his country.\n <\/p>\n\n <p class=\"intro-text\">\n \"Many people would say: but how can you put Benito Antonio Mart\u00ednez Ocasio in the\n same category as our Lola (Rodr\u00edguez de Ti\u00f3), Manuel Fern\u00e1ndez Juncos,\n Virgilio D\u00e1vila, Bobby Cap\u00f3, or (Juan Antonio) Corretjer? They are artists responding to a historical moment in the way they know how. And I believe the reception that\n the album has had proves it. There was a thirst for that kind of cultural affirmation,\"\n added the author of the book Puerto Rico: Historia de una naci\u00f3n (2024).\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other\n unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Another beautiful sunset I see in San Juan<br>\n Enjoying all those things that those who leave miss<br>\n Enjoying nights like the ones that don't happen anymore.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014DtMF<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3sK8wGT43QFpWrvNQsrQya?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430426-Large.webp\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"records-section\" aria-label=\"Album records\">\n <h2 class=\"section-title scroll-animate\">Deb\u00ed Tirar M\u00e1s Fotos Records<\/h2>\n\n <div class=\"records-grid\">\n <div class=\"record-card scroll-animate\" data-record=\"spotify-billion\">\n <div class=\"record-number\">1000M<\/div>\n <p class=\"record-label\">streams on Spotify in just 13 days<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"latin-albums\">\n <div class=\"record-number\">#1<\/div>\n <p class=\"record-label\">on Top Latin Albums for the ninth consecutive time<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"hot-latin-songs\">\n <div class=\"record-number\">189<\/div>\n <p class=\"record-label\">songs on Hot Latin Songs, a historic record<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"apple-music\">\n <div class=\"record-number\">60<\/div>\n <p class=\"record-label\">countries where it reached #1 on Apple Music<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"album-tracks\">\n <div class=\"record-number\">17<\/div>\n <p class=\"record-label\">songs from the album entered Hot Latin Songs<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"billboard-hot-100\">\n <div class=\"record-number\">113<\/div>\n <p class=\"record-label\">Bad Bunny songs on Billboard Hot 100<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"analysis-section\" aria-label=\"Amplifying history\">\n <h2 class=\"section-title scroll-animate\">Amplifying Puerto Rico's History<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, who provided the historical context for\n <a href=\"https:\/\/www.youtube.com\/@BadBunnyPR\/videos\" target=\"_blank\" rel=\"noreferrer noopener\">the YouTube visualizations<\/a>\n of each DtMF song, this album achieved something few cultural products\n accomplish: sparking a desire to learn Puerto Rico's history while critiquing\n displacement, colonization, migration, and what it means to be Puerto Rican.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"Benito didn't have to do this. He could have kept talking about Maseratis,\n about Monaco, about the champagne-drinking lifestyle, but he decided to amplify the history and\n culture of Puerto Rico, and use the biggest platform in the world to\n include historical narratives, to include a critique of displacement through\n the short film with Jacobo Morales,\" analyzed the historian, who\n felt fortunate to collaborate on the project.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n These experiences, beyond being Puerto Rican, struck a chord worldwide.\n That's why songs like DtMF or LO QUE LE PAS\u00d3 A HAWAii became symbols of\n other struggles in places like Palestine, Latin America, and even Hawaii.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1420876469-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Nobody here wanted to leave, those who left dream of coming back<br>\n If someday it's my turn, how much it's gonna hurt.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014LO QUE LE PAS\u00d3 A HAWAii<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/1Hg0e997pObvZ91w1FCPFk?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n \"The sensitivity of a song like DTmF allows people in different\n parts of the Global South to identify with it because many countries are experiencing displacement,\n not just Puerto Rico,\" he added.\n <\/p>\n <\/div>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1242171429-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"Why consider DtMF a Puerto Rican anthem?\">\n <h2 class=\"section-title scroll-animate\">Why Consider DtMF a Puerto Rican Anthem?<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"It managed to include elements that have been crucial in the creation\n of past anthems, which is nostalgia, that patriotic feeling of being proud to be from this terru\u00f1o we call Puerto Rico. So yes, for me the entire album is an anthem.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <p class=\"section-text scroll-animate\">\n Just like the authors of other unofficial anthems, the album manages to reflect \"an awareness of his own historical subjectivity, and Benito sees himself as a political subject, as a diasporic subject.\"\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1463427749-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The diaspora impact\">\n <h2 class=\"section-title scroll-animate\">DtMF: The Eternal Christmas or How the Diaspora Shaped Benito<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Just as\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bobby Cap\u00f3 wrote So\u00f1ando con Puerto Rico from New York<\/a>\n and Rafael Hern\u00e1ndez\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/#:~:text=de%20la%20libertad.-,1937,-Preciosa\" target=\"_blank\" rel=\"noreferrer noopener\">wrote Preciosa from Mexico<\/a>,\n living outside the island shaped the new perspective Bad Bunny reflects in his latest album.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"That diasporic experience marked Benito and led him to seek how to define\n Puerto Rican identity,\" said Mel\u00e9ndez-Badillo, who considers that, in his case,\n migration also left its mark. \"I also think about my Puerto Rican identity in that\n key,\" and it's probably the eternal dialogue between boricuas on the\n island and the over 5 million living in the diaspora.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n The historian added that, if the album Un Verano Sin Ti (2022) was seen as the eternal\n summer in the Caribbean, DeB\u00cd TiRAR M\u00e1S FOToS can be read \"as the eternal Christmas in\n Puerto Rico, but at the same time, the theme is one about displacement, about\n cultural and national affirmation.\"\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"In my life you were a tourist<br>\n You only saw the best of me<br>\n And not what I was suffering.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014TURiSTA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/7tCuCjhxzjX2XCz4JiiAsp?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The Residency\">\n <h2 class=\"section-title scroll-animate\">The Residency as a \"Love Letter\" to the Homeland<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Beyond breaking records and generating an estimated $200 million economic impact,\n the Residency represents Bad Bunny's stance toward the music industry and Puerto Rico's\n historical context as an unincorporated territory of the United States\u2014a colony in the 21st century.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"It's a love letter to Puerto Rico and there's an institutionality and a very concrete\n political statement in not including the United States in the entire\n tour... There's a decentralization of where things are usually produced\n from,\" explained Mel\u00e9ndez-Badillo.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Here they killed people for taking out the flag<br>\n That's why now I carry it wherever I go.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014LA MuDANZA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3G7agPwWfcORnWCAGMDOpm?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"This album and the Residency have increased and deepened that thirst\n for Puerto Rico's history, and I can only applaud the gesture and\n the impact that the Residency will have.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <\/div>\n\n\n<section class=\"timeline-section\" aria-label=\"Political moments\">\n <h2 class=\"timeline-title\">Bad Bunny's 5 Most Political Moments<\/h2>\n\n <div class=\"timeline-container\">\n <div class=\"timeline\">\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2018<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430268-Large.webp\"\n alt=\"Bad Bunny on The Tonight Show\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Hurricane Mar\u00eda on The Tonight Show<\/h3>\n <p>\n \"Benito's first post-Mar\u00eda anthem was 'Estamos Bien,' and not just the song, but\n <a href=\"https:\/\/www.youtube.com\/watch?v=SIQXI0UuX8M\" target=\"_blank\" rel=\"noopener\">the performance he had on Jimmy Fallon's show<\/a>,\n his first performance on American national television,\" said the historian.\n <\/p>\n <p>\n On that show, Bad Bunny presented photos of Hurricane Mar\u00eda and said in broken English before singing the song:\n \"After a year of the hurricane, there are still people without electricity in their homes.\n <a href=\"https:\/\/apnews.com\/general-news-national-national-4c2cec38ab6d4a5b8e2d09a8513191d9\" target=\"_blank\" rel=\"noopener\">More than 3,000 people died<\/a>\n and Trump is still in denial.\"\n <\/p>\n <p>\n For Mel\u00e9ndez-Badillo, that political stance gave depth to the first single from Bad Bunny's first studio album, X100pre (2018).\n \"I believe it's an anthem because, just as Hijos del Ca\u00f1averal appealed to a deep sensitivity, in that moment of multiple crises\n Estamos Bien was like the affirmation that we're going to get through this,\" he expressed.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2019<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1157691837.webp\"\n alt=\"Ricky resign protests in Puerto Rico\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Sharpening Knives<\/h3>\n <p>\n In the midst of protests demanding the resignation of then-Governor Ricardo Rossell\u00f3, Bad Bunny not only led demonstrations in the streets,\n but also released alongside Residente (Ren\u00e9 P\u00e9rez) and iLe (Ileana Cabra) a protest song that was recorded in one day.\n <\/p>\n <p>\n The song was recorded in one day and released on July 17, 2019. Eight days later (July 24), Rossell\u00f3 announced his resignation.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1203792316.webp\"\n alt=\"Bad Bunny on The Tonight Show with message about Alexa\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Naming Alexa<\/h3>\n <p>\n In February 2020,\n <a href=\"https:\/\/www.bbc.com\/mundo\/noticias-america-latina-51651893\" target=\"_blank\" rel=\"noopener\">the murder of Neulisa Luciano Ruiz<\/a> shook Puerto Rico. She was\n 28 years old, also known as Alexa or Alicia, a poor, Black transgender woman who lived on the streets.\n <\/p>\n <p>\n Shortly after the hate crime, for which two of the defendants were\n <a href=\"https:\/\/www.telemundopr.com\/noticias\/puerto-rico\/sentencian-a-33-meses-de-carcel-a-convictos-por-agredir-y-hostigar-a-alexa\/2534173\/\" target=\"_blank\" rel=\"noopener\">sentenced to 33 months in prison<\/a>,\n Bad Bunny <a href=\"https:\/\/www.lavanguardia.com\/de-moda\/moda\/20200229\/473840735030\/bad-bunny-disco-camiseta-alexa-asesinato.html\" target=\"_blank\" rel=\"noopener\">appeared again on Jimmy Fallon's show<\/a>\n to present his album YHLQMDLG (2020) and sang wearing a skirt and a t-shirt that highlighted the hate crime against Neulisa Luciano Ruiz.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1249328608-1.jpg\"\n alt=\"George Floyd mural\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Poem for George Floyd<\/h3>\n <p>\n \"I swear it hurts me and it hurts to even think that today still because of skin color someone, can they kill them?\n In a world like this, I can't breathe either,\" reads part of Bad Bunny's poem published in\n <a href=\"https:\/\/time.com\/5852446\/bad-bunny-black-lives-matter\/\" target=\"_blank\" rel=\"noopener\">TIME<\/a>\n in Spanish and English.\n <\/p>\n <p>\n He referenced not only the phrase Floyd said before dying (\"I can't breathe\"), but also the anti-racist social movement Black Lives Matter\n and experiences he said he had as a child in Puerto Rico, when they told him he had \"bad\" hair because it was curly.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2022<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-08-at-12.35.45%E2%80%AFPM.png\"\n alt=\"Bad Bunny's El Apag\u00f3n documentary\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>El Apag\u00f3n (The Blackout)<\/h3>\n <p>\n \"El Apag\u00f3n seems to me to have been extremely important in Benito's musical trajectory, not just because of the song,\n but because of the historical documentary,\" said Mel\u00e9ndez-Badillo about the eighth single from the album Un Verano Sin Ti (May 2022)\n and the documentary video released in September of that same year with journalist Bianca Graulau as narrator.\n <\/p>\n <p>\n It addresses Puerto Rico's energy collapse, privatization, and what that represents for island residents.\n The historian shared that he uses this documentary in his classes to talk about displacement and gentrification.\n <\/p>\n <p>\n Additionally, the song has the iconic phrase \"Puerto Rico est\u00e1 bien cab%$#\" (Puerto Rico is f***ing amazing), which \"can be read on multiple levels,\" according to Mel\u00e9ndez-Badillo.\n It represents not only that Puerto Rico is beautiful, but also how difficult it is to live here.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n<section class=\"credits-sources-section\" aria-label=\"Credits and sources\">\n <div class=\"credits-container\">\n \n <div class=\"photo-credits\">\n <h3 class=\"credits-title\">Photo Credits<\/h3>\n <p class=\"credits-text\">\n Photos in order of appearance: Gladys Vega; NBCU Photo Bank; Theo Wargo; Ricardo Arduengo;\n Timothy Norris\/FilmMagic; NBCU Photo Bank; Pedro Portal\/Miami Herald\/TNS; NBCU Photo Bank (Getty Images).\n <\/p>\n <\/div>\n\n \n <div class=\"sources-credits\">\n <h3 class=\"credits-title\">Record Sources<\/h3>\n <ul class=\"sources-list\">\n <li>\n <a href=\"https:\/\/hit-channel.com\/bad-bunny-new-album-records-residency\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS Breaks Spotify Record & Sells Out Residency - Hit Channel\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/espanol\/noticias\/bad-bunny-debi-tirar-mas-fotos-debuta-no-1-de-top-latin-albums-1235875279\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n 'Deb\u00ed Tirar M\u00e1s Fotos' de Bad Bunny debuta en el No. 1 de la lista Top Latin Albums - Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/music\/chart-beat\/bad-bunny-dtmf-debuts-number-1-tiktok-billboard-top-50-1235876454\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny's 'DTMF' Debuts at No. 1 on TikTok Billboard Top 50 - Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.infobae.com\/colombia\/2025\/01\/19\/nuevo-record-para-bad-bunny-debi-tirar-mas-fotos-se-convirtio-en-el-album-masculino-mas-rapido-en-alcanzar-miles-de-millones-de-streamings\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Nuevo r\u00e9cord para Bad Bunny: 'Deb\u00ed tirar m\u00e1s fotos' se convirti\u00f3 en el \u00e1lbum masculino m\u00e1s r\u00e1pido en alcanzar miles de millones de streamings - Infobae\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"editorial-credits\">\n <p class=\"editorial-note\">\n Compiled by Cindy Burgos Alvarado | PlateaPR | Component developed with help from Claude.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n<\/section>\n\n<script>\n(function() {\n 'use strict';\n\n \/\/ Ensure we don't run multiple instances\n if (window.BBHimnoEditorialInitialized) return;\n window.BBHimnoEditorialInitialized = true;\n\n const BBHimnoEditorial = {\n wrapper: document.getElementById('bb-himno-editorial-2025'),\n\n init: function() {\n if (!this.wrapper) return;\n\n this.setupScrollAnimations();\n this.setupScrollDepthTracking();\n this.setupClickTracking();\n this.setupNumberAnimation();\n this.setupMobileNavigation();\n },\n\n setupScrollAnimations: function() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const scrollObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n \/\/ Add staggered delay for grouped elements\n const delay = index * 0.1;\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, delay * 100);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animated elements\n const animatedElements = this.wrapper.querySelectorAll(\n '.scroll-animate, .intro-text, .section-title, .section-text, ' +\n '.song-integration, .timeline-item, .record-card, .quote-highlight, ' +\n '.bb-quote'\n );\n\n animatedElements.forEach(el => scrollObserver.observe(el));\n },\n\n setupScrollDepthTracking: function() {\n const scrollThresholds = [25, 50, 75, 100];\n const trackedDepths = {};\n\n const trackScrollDepth = () => {\n const documentHeight = document.documentElement.scrollHeight;\n const viewportHeight = window.innerHeight;\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n\n \/\/ Calculate current scroll percentage\n const scrollPercentage = Math.floor(((scrollTop + viewportHeight) \/ documentHeight) * 100);\n\n scrollThresholds.forEach(threshold => {\n if (scrollPercentage >= threshold && !trackedDepths[threshold]) {\n this.sendGtagEvent('scroll_depth', `${threshold}%`);\n trackedDepths[threshold] = true; \/\/ Mark as tracked\n }\n });\n };\n\n window.addEventListener('scroll', trackScrollDepth);\n trackScrollDepth(); \/\/ Initial check\n },\n\n setupClickTracking: function() {\n \/\/ Track all links\n this.wrapper.addEventListener('click', (e) => {\n if (e.target.matches('a') || e.target.closest('a')) {\n const link = e.target.matches('a') ? e.target : e.target.closest('a');\n const label = link.textContent.trim() || link.getAttribute('aria-label') || 'Unknown Link';\n this.sendGtagEvent('clicks', label);\n }\n });\n\n \/\/ Track navigation links specifically\n const navLinks = this.wrapper.querySelectorAll('.nav-link');\n navLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Nav: ${link.textContent.trim()}`);\n });\n });\n\n const mobileNavLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileNavLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Mobile Nav: ${link.textContent.trim()}`);\n });\n });\n },\n\n setupNumberAnimation: function() {\n const numberElements = this.wrapper.querySelectorAll('.record-number');\n\n const numberObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.classList.contains('animated')) {\n const finalText = entry.target.textContent;\n const hasHash = finalText.includes('#');\n const hasM = finalText.includes('M');\n\n \/\/ If it's #1, don't animate (leave static)\n if (finalText === '#1') {\n entry.target.classList.add('animated');\n return;\n }\n\n \/\/ Extract the clean number\n const cleanNumber = finalText.replace(\/[#MK,]\/g, '');\n\n if (!isNaN(cleanNumber)) {\n const number = parseFloat(cleanNumber);\n const duration = 2000; \/\/ 2 seconds for the animation\n const startTime = Date.now();\n\n const animateNumber = () => {\n const currentTime = Date.now();\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n\n \/\/ Easing function to make the animation smoother\n const easeOutQuart = 1 - Math.pow(1 - progress, 4);\n const current = Math.floor(number * easeOutQuart);\n\n let display = current.toString();\n if (hasHash) display = '#' + display;\n if (hasM) display = display + 'M';\n\n entry.target.textContent = display;\n\n if (progress < 1) {\n requestAnimationFrame(animateNumber);\n } else {\n entry.target.textContent = finalText;\n }\n };\n\n animateNumber();\n }\n\n entry.target.classList.add('animated');\n }\n });\n }, {\n threshold: 0.5,\n rootMargin: '0px 0px -100px 0px' \/\/ Activates a bit before it's fully visible\n });\n\n numberElements.forEach(el => numberObserver.observe(el));\n },\n\n setupMobileNavigation: function() {\n \/\/ Get navigation elements\n const mobileToggle = this.wrapper.querySelector('.mobile-nav-toggle');\n const mobileMenu = this.wrapper.querySelector('.mobile-nav-overlay');\n const mobileClose = this.wrapper.querySelector('.mobile-nav-close');\n\n if (mobileToggle && mobileMenu) {\n \/\/ Open mobile menu\n mobileToggle.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.add('active');\n document.body.style.overflow = 'hidden';\n });\n\n \/\/ Close mobile menu with X button\n if (mobileClose) {\n mobileClose.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n }\n\n \/\/ Close mobile menu when clicking on a link\n const mobileLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n\n \/\/ Close mobile menu when clicking outside\n mobileMenu.addEventListener('click', (e) => {\n if (e.target === mobileMenu) {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n }\n });\n }\n },\n\n sendGtagEvent: function(eventName, eventLabel) {\n if (typeof gtag === 'function') {\n gtag('event', eventName, {\n 'event_category': 'BB Himno Editorial',\n 'event_label': eventLabel,\n 'value': 1\n });\n } else {\n console.log('Analytics Event:', eventName, eventLabel);\n }\n }\n };\n\n \/\/ Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => BBHimnoEditorial.init());\n } else {\n BBHimnoEditorial.init();\n }\n})();\n<\/script>\n<\/article>\n<\/body>\n<\/html>\n\n","innerContent":["\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity<\/title>\n<style>\n\/* Unique design system for the component *\/\n#bb-himno-editorial-2025 {\n --primary-green: #04d99d;\n --primary-dark: #03b584;\n --primary-light: #05f5b3;\n --accent-blue: #68b9ff;\n --accent-yellow: #fecd6c;\n --bg-dark: #0a0a0a;\n --bg-darker: #000000;\n --text-white: #ffffff;\n --text-gray: #b0b0b0;\n --text-light-gray: #e0e0e0;\n\n font-family: Georgia, 'Times New Roman', serif !important;\n color: var(--text-white) !important;\n background-color: var(--bg-dark) !important;\n line-height: 1.6 !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden !important;\n position: relative !important;\n width: auto !important;\n max-width: none !important;\n}\n\n\/* Specific reset to avoid WordPress interference *\/\n#bb-himno-editorial-2025 *,\n#bb-himno-editorial-2025 *::before,\n#bb-himno-editorial-2025 *::after {\n box-sizing: border-box !important;\n}\n\n\/* Protect against WordPress styles on specific elements *\/\n#bb-himno-editorial-2025 h1,\n#bb-himno-editorial-2025 h2,\n#bb-himno-editorial-2025 h3,\n#bb-himno-editorial-2025 p,\n#bb-himno-editorial-2025 div,\n#bb-himno-editorial-2025 section,\n#bb-himno-editorial-2025 article {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n}\n\n\/* Protect links against theme styles - but allow specific styling *\/\n#bb-himno-editorial-2025 a {\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n font-family: inherit !important;\n}\n\n\/* Specific links in content *\/\n#bb-himno-editorial-2025 .intro-text a,\n#bb-himno-editorial-2025 .section-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .intro-text a:hover,\n#bb-himno-editorial-2025 .section-text a:hover {\n text-decoration: underline !important;\n}\n\n\/* Specific links in timeline *\/\n#bb-himno-editorial-2025 .timeline-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:hover {\n text-decoration: underline !important;\n color: var(--primary-light) !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:visited {\n color: var(--primary-green) !important;\n}\n\n\/* Protect Spotify iframes *\/\n#bb-himno-editorial-2025 iframe {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n\/* Hero Section with background image *\/\n#bb-himno-editorial-2025 .hero-section {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n overflow: hidden;\n background: var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n}\n\n#bb-himno-editorial-2025 .hero-background img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n opacity: 1;\n}\n\n#bb-himno-editorial-2025 .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.1) 60%,\n rgba(0, 0, 0, 0.7) 90%,\n rgba(0, 0, 0, 0.95) 100%\n );\n z-index: 2;\n}\n\n#bb-himno-editorial-2025 .hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n max-width: 800px;\n padding: 0 2rem 3rem 2rem;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n margin-top: 75vh;\n}\n\n#bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 3.5rem) !important;\n font-weight: 900 !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n letter-spacing: -0.02em !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-title .highlight {\n color: var(--primary-green);\n font-style: italic;\n}\n\n#bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.3rem, 3vw, 1.8rem) !important;\n font-weight: 300 !important;\n color: var(--text-light-gray) !important;\n margin-bottom: 2rem !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n opacity: 0;\n animation: fadeInUp 1s ease 0.3s forwards;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta span {\n display: inline-block;\n margin: 0 1rem;\n}\n\n\/* Byline Section *\/\n#bb-himno-editorial-2025 .byline-section {\n background: #000;\n padding: 40px 0;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .byline-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n\/* Date at the top *\/\n#bb-himno-editorial-2025 .byline-date {\n text-align: left;\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n margin-bottom: 1rem;\n}\n\n#bb-himno-editorial-2025 .byline-authors {\n display: flex;\n gap: 4rem;\n align-items: center;\n justify-content: flex-start;\n padding-bottom: 2rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n#bb-himno-editorial-2025 .author-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n\/* Circular avatar *\/\n#bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n object-fit: cover;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .author-details {\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .author-name {\n font-size: .9rem !important;\n font-weight: 400 !important;\n color: var(--text-white) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .author-role {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Main Content Container *\/\n#bb-himno-editorial-2025 .content-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n\/* Introduction Section *\/\n#bb-himno-editorial-2025 .intro-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .intro-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .intro-text {\n font-size: 1.3rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.8s ease forwards;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(2) {\n animation-delay: 0.2s;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(3) {\n animation-delay: 0.4s;\n}\n\n\/* Hero image for specific sections *\/\n#bb-himno-editorial-2025 .section-hero-image {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n height: 60vh;\n min-height: 650px;\n background: rgba(255, 255, 255, 0.05);\n border: 2px dashed rgba(4, 217, 157, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n\/* Quote Highlights - Consolidated version *\/\n#bb-himno-editorial-2025 .quote-highlight {\n display: block;\n max-width: 600px;\n padding: 2rem 2rem;\n margin: 2rem auto;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 100%, rgba(4, 217, 157, 0.08) 100%);\n border-left: 4px solid var(--primary-green);\n border-radius: 20px;\n}\n\n#bb-himno-editorial-2025 .quote-text {\n font-size: clamp(2rem, 2.5vw, 2rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--text-white) !important;\n margin-bottom: 1.5rem !important;\n font-weight: 500 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .quote-author {\n font-size: 1rem !important;\n color: var(--primary-green) !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Song Integration Block - Consolidated version *\/\n#bb-himno-editorial-2025 .song-integration {\n margin: 3rem auto;\n padding: 3rem 2rem;\n max-width: 650px;\n background: var(--bg-darker);\n border-radius: 1rem;\n position: relative;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .song-integration.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .song-integration-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .song-lyric {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n#bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.8rem, 2.8vw, 2.5rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 300 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase !important;\n letter-spacing: 0.2em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-integration iframe {\n border-radius: 10px;\n}\n\n\/* Analysis Sections *\/\n#bb-himno-editorial-2025 .analysis-section {\n padding: 4rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .analysis-section:last-child {\n border-bottom: none;\n}\n\n#bb-himno-editorial-2025 .section-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 800 !important;\n line-height: 1.4 !important;\n text-align: center !important;\n margin-bottom: 2rem !important;\n color: var(--text-white) !important;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .section-title.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .section-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .section-text {\n font-size: 1.2rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n\/* Political Moments Timeline - Horizontal *\/\n#bb-himno-editorial-2025 .timeline-section {\n padding: 5rem 0;\n background: linear-gradient(to bottom, var(--bg-dark) 0%, var(--bg-darker) 100%);\n overflow: hidden;\n}\n\n#bb-himno-editorial-2025 .timeline-title {\n text-align: center;\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 3rem !important;\n color: var(--primary-green) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-container {\n position: relative;\n width: 100vw;\n max-width: none;\n overflow-x: auto;\n overflow-y: hidden;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n padding: 0 2rem 2rem;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: var(--primary-green) rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar {\n height: 8px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline {\n position: relative;\n display: flex;\n gap: 2rem;\n padding: 4rem 0 0;\n width: calc(320px * 5 + 8rem);\n min-width: calc(320px * 5 + 8rem);\n}\n\n#bb-himno-editorial-2025 .timeline::before {\n content: '';\n position: absolute;\n top: 30px;\n left: 0;\n right: 0;\n height: 2px;\n background: rgba(4, 217, 157, 0.3);\n}\n\n#bb-himno-editorial-2025 .timeline-item {\n position: relative;\n flex: 0 0 320px;\n height: 450px;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-item.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .timeline-date {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--bg-darker);\n padding: 0.5rem 1rem;\n font-size: 1.2rem !important;\n font-weight: 700 !important;\n color: var(--primary-green) !important;\n white-space: nowrap;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-date::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 12px;\n height: 12px;\n background: var(--primary-green);\n border-radius: 50%;\n box-shadow: 0 0 0 4px var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .timeline-content {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(4, 217, 157, 0.3);\n padding: 0;\n height: 100%;\n transition: all 0.3s ease;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .timeline-content:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .timeline-image {\n width: 100%;\n height: 180px;\n overflow: hidden;\n position: relative;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .timeline-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.3s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-text {\n padding: 1.5rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n max-height: 220px;\n}\n\n\/* Style the scrollbar to look good *\/\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar {\n width: 6px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb:hover {\n background: var(--primary-dark);\n}\n\n#bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.2rem !important;\n margin-bottom: 0.8rem !important;\n color: var(--text-white) !important;\n line-height: 1.3 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text p {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n color: var(--text-gray) !important;\n margin-bottom: 0.8rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Records Section *\/\n#bb-himno-editorial-2025 .records-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .records-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n}\n\n#bb-himno-editorial-2025 .record-card {\n padding: 2rem;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(4, 217, 157, 0.2);\n border-radius: 1rem;\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n}\n\n#bb-himno-editorial-2025 .record-card.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .record-card:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .record-number {\n font-size: 3rem !important;\n font-weight: 900 !important;\n color: var(--primary-green) !important;\n margin-bottom: 0.5rem !important;\n line-height: 1 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .record-label {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Final CTA *\/\n#bb-himno-editorial-2025 .cta-section {\n padding: 5rem 0;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.05) 100%);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .cta-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .cta-title {\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 1rem !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .cta-text {\n font-size: 1.2rem !important;\n color: var(--text-gray) !important;\n margin-bottom: 2rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* BB Quote *\/\n#bb-himno-editorial-2025 .bb-quote {\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.08) 100%);\n padding: 3rem 3rem;\n border-radius: 1.5rem;\n margin: 2rem auto;\n max-width: 700px;\n text-align: center;\n border: 2px solid rgba(4, 217, 157, 0.3);\n box-shadow: 0 8px 32px rgba(4, 217, 157, 0.1);\n}\n\n#bb-himno-editorial-2025 .bb-quote-text {\n font-size: 1.4rem !important;\n font-style: italic !important;\n color: var(--text-white) !important;\n line-height: 1.5 !important;\n font-weight: 400 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .bb-quote-author {\n font-size: 1.1rem !important;\n color: var(--primary-green) !important;\n margin-top: 1.5rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 0.5;\n }\n 50% {\n transform: scale(1.1);\n opacity: 0.8;\n }\n}\n\n\/* Navigation Menu - Fixed for WordPress *\/\n.top-navigation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: #000;\n z-index: 100;\n padding: 1rem 0;\n}\n\n.nav-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.nav-menu {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.nav-item {\n margin: 0;\n}\n\n\/* Navigation links with stronger specificity *\/\n.top-navigation .nav-menu .nav-item .nav-link,\n.top-navigation .nav-menu .nav-item a.nav-link {\n color: #fff !important;\n text-decoration: none !important;\n font-size: 0.95rem;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 600;\n padding: 0.5rem 1rem;\n transition: color 0.3s ease !important;\n white-space: nowrap;\n background: none !important;\n border: none !important;\n}\n\n\/* HOVER with maximum specificity *\/\n.top-navigation .nav-menu .nav-item a.nav-link:hover,\n.top-navigation .nav-menu .nav-item .nav-link:hover,\n.top-navigation .nav-menu .nav-item a.nav-link:focus,\n.top-navigation .nav-menu .nav-item .nav-link:focus,\n.top-navigation .nav-menu .nav-item a.nav-link:active,\n.top-navigation .nav-menu .nav-item .nav-link:active,\nnav.top-navigation ul.nav-menu li.nav-item a.nav-link:hover {\n color: #04d99d !important;\n text-decoration: none !important;\n background: none !important;\n}\n\n\/* Visited state *\/\n.top-navigation .nav-menu .nav-item a.nav-link:visited {\n color: #fff !important;\n}\n\n\/* Mobile Navigation Button *\/\n.mobile-nav-toggle {\n display: none !important;\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 1.5rem !important;\n cursor: pointer !important;\n padding: 0.5rem !important;\n position: relative !important;\n z-index: 101 !important;\n}\n\n.mobile-nav-toggle:hover {\n color: #04d99d !important;\n}\n\n\/* Mobile overlay *\/\n.mobile-nav-overlay {\n display: none !important;\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: #000 !important;\n z-index: 999999 !important;\n overflow-y: auto !important;\n}\n\n.mobile-nav-overlay.active {\n display: flex !important;\n flex-direction: column !important;\n}\n\n.mobile-nav-overlay .mobile-nav-header {\n display: flex !important;\n justify-content: flex-start !important;\n align-items: center !important;\n padding: 2rem 2rem 1rem 2rem !important;\n flex-shrink: 0 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close {\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 2.5rem !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n cursor: pointer !important;\n padding: 0 !important;\n line-height: 1 !important;\n font-weight: 300 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close:hover {\n color: #04d99d !important;\n}\n\n.mobile-nav-overlay .mobile-nav-content {\n flex: 1 !important;\n padding: 1rem 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-list {\n flex-direction: column !important;\n gap: 0 !important;\n align-items: flex-start !important;\n padding: 0 !important;\n margin: 0 !important;\n list-style: none !important;\n display: flex !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-item {\n margin: 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link {\n display: block !important;\n text-align: left !important;\n padding: 1.8rem 2rem !important;\n width: 100% !important;\n font-size: 1.5rem !important;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n color: #fff !important;\n text-decoration: none !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 700 !important;\n transition: color 0.3s ease !important;\n box-sizing: border-box !important;\n background: none !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link:hover {\n color: #04d99d !important;\n}\n\n\/* Tablet responsive *\/\n@media (max-width: 1024px) and (min-width: 769px) {\n #bb-himno-editorial-2025 .hero-content {\n margin-top: 70vh;\n padding: 0 2rem 3rem 2rem;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.6rem) !important;\n }\n\n .nav-menu {\n gap: 1.5rem;\n }\n\n .top-navigation .nav-menu .nav-item .nav-link,\n .top-navigation .nav-menu .nav-item a.nav-link {\n font-size: 0.9rem;\n padding: 0.4rem 0.8rem;\n }\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .hero-section {\n min-height: 100vh;\n }\n\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1.5rem 2rem 1.5rem;\n margin-top: 65vh;\n max-width: 100%;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2rem, 8vw, 3.5rem) !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.4rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta {\n font-size: 0.9rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n margin: 0 0.5rem;\n }\n\n #bb-himno-editorial-2025 .byline-authors {\n flex-direction: column;\n gap: 2rem;\n align-items: flex-start;\n }\n\n #bb-himno-editorial-2025 .author-item {\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n }\n\n #bb-himno-editorial-2025 .author-name {\n font-size: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-container {\n padding: 0 2rem 2rem;\n }\n\n #bb-himno-editorial-2025 .timeline {\n width: calc(280px * 5 + 10rem);\n min-width: calc(280px * 5 + 10rem);\n padding: 4rem 1.5rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .timeline-item {\n flex: 0 0 300px;\n height: 420px;\n }\n\n #bb-himno-editorial-2025 .timeline-image {\n height: 160px;\n }\n\n #bb-himno-editorial-2025 .timeline-text {\n padding: 1.2rem;\n max-height: 220px;\n }\n\n #bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.1rem !important;\n margin-bottom: 0.6rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-text p {\n font-size: 1rem !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-text {\n font-size: clamp(1.6rem, 5vw, 2.2rem) !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-highlight {\n padding: 2rem 1.2rem !important;\n margin: 1.5rem 0.5rem !important;\n max-width: calc(100% - 1rem) !important;\n }\n\n \/* Song integration takes more space on mobile *\/\n #bb-himno-editorial-2025 .song-integration {\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n padding: 2.5rem 1.5rem !important;\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n border-radius: 0 !important;\n }\n\n #bb-himno-editorial-2025 .song-integration-content {\n max-width: none !important;\n width: 100% !important;\n }\n\n #bb-himno-editorial-2025 .song-integration iframe {\n width: 100% !important;\n max-width: none !important;\n border-radius: 8px !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.6rem, 6vw, 2.2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1.1rem !important;\n margin-bottom: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .bb-quote {\n padding: 2.5rem 2rem;\n margin: 1.5rem auto;\n width: 90%;\n max-width: none;\n border-width: 2px;\n }\n\n #bb-himno-editorial-2025 .records-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .record-card {\n padding: 1.5rem 1rem;\n }\n\n #bb-himno-editorial-2025 .record-number {\n font-size: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .record-label {\n font-size: 0.95rem !important;\n }\n\n .nav-container {\n padding: 0 1.5rem !important;\n justify-content: space-between !important;\n position: relative !important;\n }\n\n .nav-menu {\n display: none !important;\n }\n\n .mobile-nav-toggle {\n display: block !important;\n position: static !important;\n left: auto !important;\n top: auto !important;\n transform: none !important;\n }\n\n .mobile-nav-overlay .mobile-nav-header {\n padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-close {\n font-size: 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-link {\n padding: 1.2rem 1.2rem !important;\n font-size: 1.1rem !important;\n }\n}\n\n\/* Extra small mobile *\/\n@media (max-width: 480px) {\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1rem 1.5rem 1rem;\n margin-top: 60vh;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(1.8rem, 9vw, 2.8rem) !important;\n margin-bottom: 0.8rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(0.9rem, 4.5vw, 1.2rem) !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n display: block;\n margin: 0.2rem 0;\n }\n}\n\n\/* Credits and Sources Section *\/\n#bb-himno-editorial-2025 .credits-sources-section {\n padding: 4rem 0 2rem;\n background: rgba(255, 255, 255, 0.02);\n margin-top: 3rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .credits-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n#bb-himno-editorial-2025 .photo-credits,\n#bb-himno-editorial-2025 .sources-credits {\n margin-bottom: 2.5rem;\n}\n\n#bb-himno-editorial-2025 .credits-title {\n font-size: 1.2rem !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 600 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .credits-text {\n font-size: 0.95rem !important;\n line-height: 1.6 !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li {\n margin-bottom: 1rem !important;\n padding-left: 1.2rem !important;\n position: relative !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li:before {\n content: \"\u2022\" !important;\n color: var(--primary-green) !important;\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n font-weight: bold !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a {\n color: var(--text-gray) !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n line-height: 1.5 !important;\n transition: color 0.3s ease !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a:hover {\n color: var(--primary-green) !important;\n text-decoration: underline !important;\n}\n\n#bb-himno-editorial-2025 .editorial-credits {\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .editorial-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Mobile adjustments *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .credits-container {\n padding: 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .credits-sources-section {\n padding: 3rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .sources-list li {\n padding-left: 1rem !important;\n }\n}\n\n\/* Accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n #bb-himno-editorial-2025 *,\n #bb-himno-editorial-2025 *::before,\n #bb-himno-editorial-2025 *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n<article id=\"bb-himno-editorial-2025\" role=\"main\" aria-label=\"DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity\">\n\n<nav class=\"top-navigation\" aria-label=\"Main navigation\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">Homepage<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/que-saber-hoy\/\" class=\"nav-link\">What to Know<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-hacer\/\" class=\"nav-link\">What to Do<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-comer\/\" class=\"nav-link\">What to Eat<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/el-pulso-deportivo\/\" class=\"nav-link\">Sports<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/suscripciones\/\" class=\"nav-link\">Subscribe<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\">Map<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About Us<\/a>\n <\/li>\n <\/ul>\n <\/div>\n<\/nav>\n\n\n <section class=\"hero-section\" aria-label=\"Introduction\">\n <div class=\"hero-background\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1411547682-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n loading=\"eager\">\n <\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n<h1 class=\"hero-title\">\n DtMF and Bad Bunny's Residency:<span class=\"highlight\"> \"A Love Letter to Puerto Rico\"<\/span>\n<\/h1>\n <p class=\"hero-subtitle\">\n Historian Jorell Mel\u00e9ndez-Badillo analyzes the impact of the\n \"No Me Quiero Ir De Aqu\u00ed\" Residency and how Bad Bunny's latest album\n could be considered a new unofficial anthem of Puerto Rico\n <\/p>\n <div class=\"hero-meta\">\n <span>July 10, 2025<\/span>\n <span>\u2022<\/span>\n <span>Cultural Analysis<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"byline-section\" aria-label=\"Credits\">\n <div class=\"byline-container\">\n <div class=\"byline-authors\">\n <div class=\"author-item\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&width=200\"\n alt=\"Cindy Burgos Alvarado\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Written by Cindy Burgos Alvarado<\/p>\n <\/div>\n <\/div>\n <div class=\"author-item\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2022\/07\/Screenshot-2025-07-04-at-12.09.25 AM.webp\"\n alt=\"Heidee Rol\u00f3n Cintr\u00f3n\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Edited and produced by Heidee Rol\u00f3n Cintr\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"content-wrapper\">\n\n \n <section class=\"intro-section\" aria-label=\"Introduction to the analysis\">\n <div class=\"intro-content\">\n <p class=\"intro-text\">\n When Bad Bunny released \"DtMF\" (Deb\u00ed Tirar M\u00e1s Fotos \/ I Should Have Taken More Photos), he didn't just create an album.\n He composed a musical ode to Puerto Rico, a record that could shape up to be a\n new unofficial anthem of Borinquen.\n <\/p>\n <p class=\"intro-text\">\n According to historian Jorell Mel\u00e9ndez-Badillo, the album transcends\n Spotify and Billboard records to become something deeper: a\n declaration of boricua identity that, in turn, proves once again that the\n artistic creativity of Puerto Ricans knows no limits.\n <\/p>\n <p class=\"intro-text\">\n Furthermore, with the 30 concerts of his historic \"No Me Quiero Ir De Aqu\u00ed\" (I Don't Want to Leave Here)\n Residency at the Coliseo de Puerto Rico Jos\u00e9 Miguel Agrelot, Benito Mart\u00ednez Ocasio continues\n to accumulate artistic milestones with what he called\n <a href=\"https:\/\/www.instagram.com\/p\/DEs37LTyCQx\/\" target=\"_blank\" rel=\"noreferrer noopener\">\"the best project of my career, the most special, the most beautiful\"<\/a>.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"I believe the entire album is like an anthem, an ode to Puerto Rican identity.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n <\/div>\n\n <p class=\"intro-text\">\n In an interview with Platea, after <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">taking a historical journey through Puerto Rico's unofficial anthems<\/a> over a century, Mel\u00e9ndez-Badillo stated that the Residency is \"a gift to Puerto Rico,\" a \"love letter\" from Bad Bunny to his country.\n <\/p>\n\n <p class=\"intro-text\">\n \"Many people would say: but how can you put Benito Antonio Mart\u00ednez Ocasio in the\n same category as our Lola (Rodr\u00edguez de Ti\u00f3), Manuel Fern\u00e1ndez Juncos,\n Virgilio D\u00e1vila, Bobby Cap\u00f3, or (Juan Antonio) Corretjer? They are artists responding to a historical moment in the way they know how. And I believe the reception that\n the album has had proves it. There was a thirst for that kind of cultural affirmation,\"\n added the author of the book Puerto Rico: Historia de una naci\u00f3n (2024).\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other\n unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Another beautiful sunset I see in San Juan<br>\n Enjoying all those things that those who leave miss<br>\n Enjoying nights like the ones that don't happen anymore.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014DtMF<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3sK8wGT43QFpWrvNQsrQya?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430426-Large.webp\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"records-section\" aria-label=\"Album records\">\n <h2 class=\"section-title scroll-animate\">Deb\u00ed Tirar M\u00e1s Fotos Records<\/h2>\n\n <div class=\"records-grid\">\n <div class=\"record-card scroll-animate\" data-record=\"spotify-billion\">\n <div class=\"record-number\">1000M<\/div>\n <p class=\"record-label\">streams on Spotify in just 13 days<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"latin-albums\">\n <div class=\"record-number\">#1<\/div>\n <p class=\"record-label\">on Top Latin Albums for the ninth consecutive time<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"hot-latin-songs\">\n <div class=\"record-number\">189<\/div>\n <p class=\"record-label\">songs on Hot Latin Songs, a historic record<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"apple-music\">\n <div class=\"record-number\">60<\/div>\n <p class=\"record-label\">countries where it reached #1 on Apple Music<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"album-tracks\">\n <div class=\"record-number\">17<\/div>\n <p class=\"record-label\">songs from the album entered Hot Latin Songs<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"billboard-hot-100\">\n <div class=\"record-number\">113<\/div>\n <p class=\"record-label\">Bad Bunny songs on Billboard Hot 100<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"analysis-section\" aria-label=\"Amplifying history\">\n <h2 class=\"section-title scroll-animate\">Amplifying Puerto Rico's History<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, who provided the historical context for\n <a href=\"https:\/\/www.youtube.com\/@BadBunnyPR\/videos\" target=\"_blank\" rel=\"noreferrer noopener\">the YouTube visualizations<\/a>\n of each DtMF song, this album achieved something few cultural products\n accomplish: sparking a desire to learn Puerto Rico's history while critiquing\n displacement, colonization, migration, and what it means to be Puerto Rican.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"Benito didn't have to do this. He could have kept talking about Maseratis,\n about Monaco, about the champagne-drinking lifestyle, but he decided to amplify the history and\n culture of Puerto Rico, and use the biggest platform in the world to\n include historical narratives, to include a critique of displacement through\n the short film with Jacobo Morales,\" analyzed the historian, who\n felt fortunate to collaborate on the project.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n These experiences, beyond being Puerto Rican, struck a chord worldwide.\n That's why songs like DtMF or LO QUE LE PAS\u00d3 A HAWAii became symbols of\n other struggles in places like Palestine, Latin America, and even Hawaii.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1420876469-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Nobody here wanted to leave, those who left dream of coming back<br>\n If someday it's my turn, how much it's gonna hurt.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014LO QUE LE PAS\u00d3 A HAWAii<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/1Hg0e997pObvZ91w1FCPFk?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n \"The sensitivity of a song like DTmF allows people in different\n parts of the Global South to identify with it because many countries are experiencing displacement,\n not just Puerto Rico,\" he added.\n <\/p>\n <\/div>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1242171429-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"Why consider DtMF a Puerto Rican anthem?\">\n <h2 class=\"section-title scroll-animate\">Why Consider DtMF a Puerto Rican Anthem?<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"It managed to include elements that have been crucial in the creation\n of past anthems, which is nostalgia, that patriotic feeling of being proud to be from this terru\u00f1o we call Puerto Rico. So yes, for me the entire album is an anthem.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <p class=\"section-text scroll-animate\">\n Just like the authors of other unofficial anthems, the album manages to reflect \"an awareness of his own historical subjectivity, and Benito sees himself as a political subject, as a diasporic subject.\"\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1463427749-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The diaspora impact\">\n <h2 class=\"section-title scroll-animate\">DtMF: The Eternal Christmas or How the Diaspora Shaped Benito<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Just as\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bobby Cap\u00f3 wrote So\u00f1ando con Puerto Rico from New York<\/a>\n and Rafael Hern\u00e1ndez\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/#:~:text=de%20la%20libertad.-,1937,-Preciosa\" target=\"_blank\" rel=\"noreferrer noopener\">wrote Preciosa from Mexico<\/a>,\n living outside the island shaped the new perspective Bad Bunny reflects in his latest album.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"That diasporic experience marked Benito and led him to seek how to define\n Puerto Rican identity,\" said Mel\u00e9ndez-Badillo, who considers that, in his case,\n migration also left its mark. \"I also think about my Puerto Rican identity in that\n key,\" and it's probably the eternal dialogue between boricuas on the\n island and the over 5 million living in the diaspora.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n The historian added that, if the album Un Verano Sin Ti (2022) was seen as the eternal\n summer in the Caribbean, DeB\u00cd TiRAR M\u00e1S FOToS can be read \"as the eternal Christmas in\n Puerto Rico, but at the same time, the theme is one about displacement, about\n cultural and national affirmation.\"\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"In my life you were a tourist<br>\n You only saw the best of me<br>\n And not what I was suffering.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014TURiSTA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/7tCuCjhxzjX2XCz4JiiAsp?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The Residency\">\n <h2 class=\"section-title scroll-animate\">The Residency as a \"Love Letter\" to the Homeland<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Beyond breaking records and generating an estimated $200 million economic impact,\n the Residency represents Bad Bunny's stance toward the music industry and Puerto Rico's\n historical context as an unincorporated territory of the United States\u2014a colony in the 21st century.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"It's a love letter to Puerto Rico and there's an institutionality and a very concrete\n political statement in not including the United States in the entire\n tour... There's a decentralization of where things are usually produced\n from,\" explained Mel\u00e9ndez-Badillo.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Here they killed people for taking out the flag<br>\n That's why now I carry it wherever I go.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014LA MuDANZA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3G7agPwWfcORnWCAGMDOpm?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"This album and the Residency have increased and deepened that thirst\n for Puerto Rico's history, and I can only applaud the gesture and\n the impact that the Residency will have.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <\/div>\n\n\n<section class=\"timeline-section\" aria-label=\"Political moments\">\n <h2 class=\"timeline-title\">Bad Bunny's 5 Most Political Moments<\/h2>\n\n <div class=\"timeline-container\">\n <div class=\"timeline\">\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2018<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430268-Large.webp\"\n alt=\"Bad Bunny on The Tonight Show\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Hurricane Mar\u00eda on The Tonight Show<\/h3>\n <p>\n \"Benito's first post-Mar\u00eda anthem was 'Estamos Bien,' and not just the song, but\n <a href=\"https:\/\/www.youtube.com\/watch?v=SIQXI0UuX8M\" target=\"_blank\" rel=\"noopener\">the performance he had on Jimmy Fallon's show<\/a>,\n his first performance on American national television,\" said the historian.\n <\/p>\n <p>\n On that show, Bad Bunny presented photos of Hurricane Mar\u00eda and said in broken English before singing the song:\n \"After a year of the hurricane, there are still people without electricity in their homes.\n <a href=\"https:\/\/apnews.com\/general-news-national-national-4c2cec38ab6d4a5b8e2d09a8513191d9\" target=\"_blank\" rel=\"noopener\">More than 3,000 people died<\/a>\n and Trump is still in denial.\"\n <\/p>\n <p>\n For Mel\u00e9ndez-Badillo, that political stance gave depth to the first single from Bad Bunny's first studio album, X100pre (2018).\n \"I believe it's an anthem because, just as Hijos del Ca\u00f1averal appealed to a deep sensitivity, in that moment of multiple crises\n Estamos Bien was like the affirmation that we're going to get through this,\" he expressed.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2019<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1157691837.webp\"\n alt=\"Ricky resign protests in Puerto Rico\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Sharpening Knives<\/h3>\n <p>\n In the midst of protests demanding the resignation of then-Governor Ricardo Rossell\u00f3, Bad Bunny not only led demonstrations in the streets,\n but also released alongside Residente (Ren\u00e9 P\u00e9rez) and iLe (Ileana Cabra) a protest song that was recorded in one day.\n <\/p>\n <p>\n The song was recorded in one day and released on July 17, 2019. Eight days later (July 24), Rossell\u00f3 announced his resignation.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1203792316.webp\"\n alt=\"Bad Bunny on The Tonight Show with message about Alexa\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Naming Alexa<\/h3>\n <p>\n In February 2020,\n <a href=\"https:\/\/www.bbc.com\/mundo\/noticias-america-latina-51651893\" target=\"_blank\" rel=\"noopener\">the murder of Neulisa Luciano Ruiz<\/a> shook Puerto Rico. She was\n 28 years old, also known as Alexa or Alicia, a poor, Black transgender woman who lived on the streets.\n <\/p>\n <p>\n Shortly after the hate crime, for which two of the defendants were\n <a href=\"https:\/\/www.telemundopr.com\/noticias\/puerto-rico\/sentencian-a-33-meses-de-carcel-a-convictos-por-agredir-y-hostigar-a-alexa\/2534173\/\" target=\"_blank\" rel=\"noopener\">sentenced to 33 months in prison<\/a>,\n Bad Bunny <a href=\"https:\/\/www.lavanguardia.com\/de-moda\/moda\/20200229\/473840735030\/bad-bunny-disco-camiseta-alexa-asesinato.html\" target=\"_blank\" rel=\"noopener\">appeared again on Jimmy Fallon's show<\/a>\n to present his album YHLQMDLG (2020) and sang wearing a skirt and a t-shirt that highlighted the hate crime against Neulisa Luciano Ruiz.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1249328608-1.jpg\"\n alt=\"George Floyd mural\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Poem for George Floyd<\/h3>\n <p>\n \"I swear it hurts me and it hurts to even think that today still because of skin color someone, can they kill them?\n In a world like this, I can't breathe either,\" reads part of Bad Bunny's poem published in\n <a href=\"https:\/\/time.com\/5852446\/bad-bunny-black-lives-matter\/\" target=\"_blank\" rel=\"noopener\">TIME<\/a>\n in Spanish and English.\n <\/p>\n <p>\n He referenced not only the phrase Floyd said before dying (\"I can't breathe\"), but also the anti-racist social movement Black Lives Matter\n and experiences he said he had as a child in Puerto Rico, when they told him he had \"bad\" hair because it was curly.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2022<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-08-at-12.35.45%E2%80%AFPM.png\"\n alt=\"Bad Bunny's El Apag\u00f3n documentary\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>El Apag\u00f3n (The Blackout)<\/h3>\n <p>\n \"El Apag\u00f3n seems to me to have been extremely important in Benito's musical trajectory, not just because of the song,\n but because of the historical documentary,\" said Mel\u00e9ndez-Badillo about the eighth single from the album Un Verano Sin Ti (May 2022)\n and the documentary video released in September of that same year with journalist Bianca Graulau as narrator.\n <\/p>\n <p>\n It addresses Puerto Rico's energy collapse, privatization, and what that represents for island residents.\n The historian shared that he uses this documentary in his classes to talk about displacement and gentrification.\n <\/p>\n <p>\n Additionally, the song has the iconic phrase \"Puerto Rico est\u00e1 bien cab%$#\" (Puerto Rico is f***ing amazing), which \"can be read on multiple levels,\" according to Mel\u00e9ndez-Badillo.\n It represents not only that Puerto Rico is beautiful, but also how difficult it is to live here.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n<section class=\"credits-sources-section\" aria-label=\"Credits and sources\">\n <div class=\"credits-container\">\n \n <div class=\"photo-credits\">\n <h3 class=\"credits-title\">Photo Credits<\/h3>\n <p class=\"credits-text\">\n Photos in order of appearance: Gladys Vega; NBCU Photo Bank; Theo Wargo; Ricardo Arduengo;\n Timothy Norris\/FilmMagic; NBCU Photo Bank; Pedro Portal\/Miami Herald\/TNS; NBCU Photo Bank (Getty Images).\n <\/p>\n <\/div>\n\n \n <div class=\"sources-credits\">\n <h3 class=\"credits-title\">Record Sources<\/h3>\n <ul class=\"sources-list\">\n <li>\n <a href=\"https:\/\/hit-channel.com\/bad-bunny-new-album-records-residency\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS Breaks Spotify Record & Sells Out Residency - Hit Channel\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/espanol\/noticias\/bad-bunny-debi-tirar-mas-fotos-debuta-no-1-de-top-latin-albums-1235875279\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n 'Deb\u00ed Tirar M\u00e1s Fotos' de Bad Bunny debuta en el No. 1 de la lista Top Latin Albums - Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/music\/chart-beat\/bad-bunny-dtmf-debuts-number-1-tiktok-billboard-top-50-1235876454\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny's 'DTMF' Debuts at No. 1 on TikTok Billboard Top 50 - Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.infobae.com\/colombia\/2025\/01\/19\/nuevo-record-para-bad-bunny-debi-tirar-mas-fotos-se-convirtio-en-el-album-masculino-mas-rapido-en-alcanzar-miles-de-millones-de-streamings\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Nuevo r\u00e9cord para Bad Bunny: 'Deb\u00ed tirar m\u00e1s fotos' se convirti\u00f3 en el \u00e1lbum masculino m\u00e1s r\u00e1pido en alcanzar miles de millones de streamings - Infobae\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"editorial-credits\">\n <p class=\"editorial-note\">\n Compiled by Cindy Burgos Alvarado | PlateaPR | Component developed with help from Claude.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n<\/section>\n\n<script>\n(function() {\n 'use strict';\n\n \/\/ Ensure we don't run multiple instances\n if (window.BBHimnoEditorialInitialized) return;\n window.BBHimnoEditorialInitialized = true;\n\n const BBHimnoEditorial = {\n wrapper: document.getElementById('bb-himno-editorial-2025'),\n\n init: function() {\n if (!this.wrapper) return;\n\n this.setupScrollAnimations();\n this.setupScrollDepthTracking();\n this.setupClickTracking();\n this.setupNumberAnimation();\n this.setupMobileNavigation();\n },\n\n setupScrollAnimations: function() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const scrollObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n \/\/ Add staggered delay for grouped elements\n const delay = index * 0.1;\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, delay * 100);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animated elements\n const animatedElements = this.wrapper.querySelectorAll(\n '.scroll-animate, .intro-text, .section-title, .section-text, ' +\n '.song-integration, .timeline-item, .record-card, .quote-highlight, ' +\n '.bb-quote'\n );\n\n animatedElements.forEach(el => scrollObserver.observe(el));\n },\n\n setupScrollDepthTracking: function() {\n const scrollThresholds = [25, 50, 75, 100];\n const trackedDepths = {};\n\n const trackScrollDepth = () => {\n const documentHeight = document.documentElement.scrollHeight;\n const viewportHeight = window.innerHeight;\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n\n \/\/ Calculate current scroll percentage\n const scrollPercentage = Math.floor(((scrollTop + viewportHeight) \/ documentHeight) * 100);\n\n scrollThresholds.forEach(threshold => {\n if (scrollPercentage >= threshold && !trackedDepths[threshold]) {\n this.sendGtagEvent('scroll_depth', `${threshold}%`);\n trackedDepths[threshold] = true; \/\/ Mark as tracked\n }\n });\n };\n\n window.addEventListener('scroll', trackScrollDepth);\n trackScrollDepth(); \/\/ Initial check\n },\n\n setupClickTracking: function() {\n \/\/ Track all links\n this.wrapper.addEventListener('click', (e) => {\n if (e.target.matches('a') || e.target.closest('a')) {\n const link = e.target.matches('a') ? e.target : e.target.closest('a');\n const label = link.textContent.trim() || link.getAttribute('aria-label') || 'Unknown Link';\n this.sendGtagEvent('clicks', label);\n }\n });\n\n \/\/ Track navigation links specifically\n const navLinks = this.wrapper.querySelectorAll('.nav-link');\n navLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Nav: ${link.textContent.trim()}`);\n });\n });\n\n const mobileNavLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileNavLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Mobile Nav: ${link.textContent.trim()}`);\n });\n });\n },\n\n setupNumberAnimation: function() {\n const numberElements = this.wrapper.querySelectorAll('.record-number');\n\n const numberObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.classList.contains('animated')) {\n const finalText = entry.target.textContent;\n const hasHash = finalText.includes('#');\n const hasM = finalText.includes('M');\n\n \/\/ If it's #1, don't animate (leave static)\n if (finalText === '#1') {\n entry.target.classList.add('animated');\n return;\n }\n\n \/\/ Extract the clean number\n const cleanNumber = finalText.replace(\/[#MK,]\/g, '');\n\n if (!isNaN(cleanNumber)) {\n const number = parseFloat(cleanNumber);\n const duration = 2000; \/\/ 2 seconds for the animation\n const startTime = Date.now();\n\n const animateNumber = () => {\n const currentTime = Date.now();\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n\n \/\/ Easing function to make the animation smoother\n const easeOutQuart = 1 - Math.pow(1 - progress, 4);\n const current = Math.floor(number * easeOutQuart);\n\n let display = current.toString();\n if (hasHash) display = '#' + display;\n if (hasM) display = display + 'M';\n\n entry.target.textContent = display;\n\n if (progress < 1) {\n requestAnimationFrame(animateNumber);\n } else {\n entry.target.textContent = finalText;\n }\n };\n\n animateNumber();\n }\n\n entry.target.classList.add('animated');\n }\n });\n }, {\n threshold: 0.5,\n rootMargin: '0px 0px -100px 0px' \/\/ Activates a bit before it's fully visible\n });\n\n numberElements.forEach(el => numberObserver.observe(el));\n },\n\n setupMobileNavigation: function() {\n \/\/ Get navigation elements\n const mobileToggle = this.wrapper.querySelector('.mobile-nav-toggle');\n const mobileMenu = this.wrapper.querySelector('.mobile-nav-overlay');\n const mobileClose = this.wrapper.querySelector('.mobile-nav-close');\n\n if (mobileToggle && mobileMenu) {\n \/\/ Open mobile menu\n mobileToggle.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.add('active');\n document.body.style.overflow = 'hidden';\n });\n\n \/\/ Close mobile menu with X button\n if (mobileClose) {\n mobileClose.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n }\n\n \/\/ Close mobile menu when clicking on a link\n const mobileLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n\n \/\/ Close mobile menu when clicking outside\n mobileMenu.addEventListener('click', (e) => {\n if (e.target === mobileMenu) {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n }\n });\n }\n },\n\n sendGtagEvent: function(eventName, eventLabel) {\n if (typeof gtag === 'function') {\n gtag('event', eventName, {\n 'event_category': 'BB Himno Editorial',\n 'event_label': eventLabel,\n 'value': 1\n });\n } else {\n console.log('Analytics Event:', eventName, eventLabel);\n }\n }\n };\n\n \/\/ Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => BBHimnoEditorial.init());\n } else {\n BBHimnoEditorial.init();\n }\n})();\n<\/script>\n<\/article>\n<\/body>\n<\/html>\n\n"]}],"_links":{"self":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/comments?post=6149"}],"version-history":[{"count":0,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6149\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media\/6150"}],"wp:attachment":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media?parent=6149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/categories?post=6149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/post_tag?post=6149"},{"taxonomy":"post_author","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/authors?post=6149"},{"taxonomy":"page_type","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/page_type?post=6149"},{"taxonomy":"geo_location","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/geo_location?post=6149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6149,"date":"2026-01-27T10:51:51","date_gmt":"2026-01-27T15:51:51","guid":{"rendered":"https:\/\/www.plateapr.com\/en\/?p=6149"},"modified":"2026-01-27T10:51:51","modified_gmt":"2026-01-27T15:51:51","slug":"bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis","status":"publish","type":"post","link":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/","title":{"rendered":"Bad Bunny’s DtMF: A Love Letter to Puerto Rico | Analysis"},"content":{"rendered":"\n\n\n\n\n\nDeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity<\/title>\n<style>\n\/* Unique design system for the component *\/\n#bb-himno-editorial-2025 {\n --primary-green: #04d99d;\n --primary-dark: #03b584;\n --primary-light: #05f5b3;\n --accent-blue: #68b9ff;\n --accent-yellow: #fecd6c;\n --bg-dark: #0a0a0a;\n --bg-darker: #000000;\n --text-white: #ffffff;\n --text-gray: #b0b0b0;\n --text-light-gray: #e0e0e0;\n\n font-family: Georgia, 'Times New Roman', serif !important;\n color: var(--text-white) !important;\n background-color: var(--bg-dark) !important;\n line-height: 1.6 !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden !important;\n position: relative !important;\n width: auto !important;\n max-width: none !important;\n}\n\n\/* Specific reset to avoid WordPress interference *\/\n#bb-himno-editorial-2025 *,\n#bb-himno-editorial-2025 *::before,\n#bb-himno-editorial-2025 *::after {\n box-sizing: border-box !important;\n}\n\n\/* Protect against WordPress styles on specific elements *\/\n#bb-himno-editorial-2025 h1,\n#bb-himno-editorial-2025 h2,\n#bb-himno-editorial-2025 h3,\n#bb-himno-editorial-2025 p,\n#bb-himno-editorial-2025 div,\n#bb-himno-editorial-2025 section,\n#bb-himno-editorial-2025 article {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n}\n\n\/* Protect links against theme styles - but allow specific styling *\/\n#bb-himno-editorial-2025 a {\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n font-family: inherit !important;\n}\n\n\/* Specific links in content *\/\n#bb-himno-editorial-2025 .intro-text a,\n#bb-himno-editorial-2025 .section-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .intro-text a:hover,\n#bb-himno-editorial-2025 .section-text a:hover {\n text-decoration: underline !important;\n}\n\n\/* Specific links in timeline *\/\n#bb-himno-editorial-2025 .timeline-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:hover {\n text-decoration: underline !important;\n color: var(--primary-light) !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:visited {\n color: var(--primary-green) !important;\n}\n\n\/* Protect Spotify iframes *\/\n#bb-himno-editorial-2025 iframe {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n\/* Hero Section with background image *\/\n#bb-himno-editorial-2025 .hero-section {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n overflow: hidden;\n background: var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n}\n\n#bb-himno-editorial-2025 .hero-background img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n opacity: 1;\n}\n\n#bb-himno-editorial-2025 .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.1) 60%,\n rgba(0, 0, 0, 0.7) 90%,\n rgba(0, 0, 0, 0.95) 100%\n );\n z-index: 2;\n}\n\n#bb-himno-editorial-2025 .hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n max-width: 800px;\n padding: 0 2rem 3rem 2rem;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n margin-top: 75vh;\n}\n\n#bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 3.5rem) !important;\n font-weight: 900 !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n letter-spacing: -0.02em !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-title .highlight {\n color: var(--primary-green);\n font-style: italic;\n}\n\n#bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.3rem, 3vw, 1.8rem) !important;\n font-weight: 300 !important;\n color: var(--text-light-gray) !important;\n margin-bottom: 2rem !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n opacity: 0;\n animation: fadeInUp 1s ease 0.3s forwards;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta span {\n display: inline-block;\n margin: 0 1rem;\n}\n\n\/* Byline Section *\/\n#bb-himno-editorial-2025 .byline-section {\n background: #000;\n padding: 40px 0;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .byline-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n\/* Date at the top *\/\n#bb-himno-editorial-2025 .byline-date {\n text-align: left;\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n margin-bottom: 1rem;\n}\n\n#bb-himno-editorial-2025 .byline-authors {\n display: flex;\n gap: 4rem;\n align-items: center;\n justify-content: flex-start;\n padding-bottom: 2rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n#bb-himno-editorial-2025 .author-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n\/* Circular avatar *\/\n#bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n object-fit: cover;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .author-details {\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .author-name {\n font-size: .9rem !important;\n font-weight: 400 !important;\n color: var(--text-white) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .author-role {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Main Content Container *\/\n#bb-himno-editorial-2025 .content-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n\/* Introduction Section *\/\n#bb-himno-editorial-2025 .intro-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .intro-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .intro-text {\n font-size: 1.3rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.8s ease forwards;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(2) {\n animation-delay: 0.2s;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(3) {\n animation-delay: 0.4s;\n}\n\n\/* Hero image for specific sections *\/\n#bb-himno-editorial-2025 .section-hero-image {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n height: 60vh;\n min-height: 650px;\n background: rgba(255, 255, 255, 0.05);\n border: 2px dashed rgba(4, 217, 157, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n\/* Quote Highlights - Consolidated version *\/\n#bb-himno-editorial-2025 .quote-highlight {\n display: block;\n max-width: 600px;\n padding: 2rem 2rem;\n margin: 2rem auto;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 100%, rgba(4, 217, 157, 0.08) 100%);\n border-left: 4px solid var(--primary-green);\n border-radius: 20px;\n}\n\n#bb-himno-editorial-2025 .quote-text {\n font-size: clamp(2rem, 2.5vw, 2rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--text-white) !important;\n margin-bottom: 1.5rem !important;\n font-weight: 500 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .quote-author {\n font-size: 1rem !important;\n color: var(--primary-green) !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Song Integration Block - Consolidated version *\/\n#bb-himno-editorial-2025 .song-integration {\n margin: 3rem auto;\n padding: 3rem 2rem;\n max-width: 650px;\n background: var(--bg-darker);\n border-radius: 1rem;\n position: relative;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .song-integration.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .song-integration-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .song-lyric {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n#bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.8rem, 2.8vw, 2.5rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 300 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase !important;\n letter-spacing: 0.2em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-integration iframe {\n border-radius: 10px;\n}\n\n\/* Analysis Sections *\/\n#bb-himno-editorial-2025 .analysis-section {\n padding: 4rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .analysis-section:last-child {\n border-bottom: none;\n}\n\n#bb-himno-editorial-2025 .section-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 800 !important;\n line-height: 1.4 !important;\n text-align: center !important;\n margin-bottom: 2rem !important;\n color: var(--text-white) !important;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .section-title.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .section-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .section-text {\n font-size: 1.2rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n\/* Political Moments Timeline - Horizontal *\/\n#bb-himno-editorial-2025 .timeline-section {\n padding: 5rem 0;\n background: linear-gradient(to bottom, var(--bg-dark) 0%, var(--bg-darker) 100%);\n overflow: hidden;\n}\n\n#bb-himno-editorial-2025 .timeline-title {\n text-align: center;\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 3rem !important;\n color: var(--primary-green) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-container {\n position: relative;\n width: 100vw;\n max-width: none;\n overflow-x: auto;\n overflow-y: hidden;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n padding: 0 2rem 2rem;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: var(--primary-green) rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar {\n height: 8px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline {\n position: relative;\n display: flex;\n gap: 2rem;\n padding: 4rem 0 0;\n width: calc(320px * 5 + 8rem);\n min-width: calc(320px * 5 + 8rem);\n}\n\n#bb-himno-editorial-2025 .timeline::before {\n content: '';\n position: absolute;\n top: 30px;\n left: 0;\n right: 0;\n height: 2px;\n background: rgba(4, 217, 157, 0.3);\n}\n\n#bb-himno-editorial-2025 .timeline-item {\n position: relative;\n flex: 0 0 320px;\n height: 450px;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-item.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .timeline-date {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--bg-darker);\n padding: 0.5rem 1rem;\n font-size: 1.2rem !important;\n font-weight: 700 !important;\n color: var(--primary-green) !important;\n white-space: nowrap;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-date::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 12px;\n height: 12px;\n background: var(--primary-green);\n border-radius: 50%;\n box-shadow: 0 0 0 4px var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .timeline-content {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(4, 217, 157, 0.3);\n padding: 0;\n height: 100%;\n transition: all 0.3s ease;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .timeline-content:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .timeline-image {\n width: 100%;\n height: 180px;\n overflow: hidden;\n position: relative;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .timeline-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.3s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-text {\n padding: 1.5rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n max-height: 220px;\n}\n\n\/* Style the scrollbar to look good *\/\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar {\n width: 6px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb:hover {\n background: var(--primary-dark);\n}\n\n#bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.2rem !important;\n margin-bottom: 0.8rem !important;\n color: var(--text-white) !important;\n line-height: 1.3 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text p {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n color: var(--text-gray) !important;\n margin-bottom: 0.8rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Records Section *\/\n#bb-himno-editorial-2025 .records-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .records-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n}\n\n#bb-himno-editorial-2025 .record-card {\n padding: 2rem;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(4, 217, 157, 0.2);\n border-radius: 1rem;\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n}\n\n#bb-himno-editorial-2025 .record-card.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .record-card:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .record-number {\n font-size: 3rem !important;\n font-weight: 900 !important;\n color: var(--primary-green) !important;\n margin-bottom: 0.5rem !important;\n line-height: 1 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .record-label {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Final CTA *\/\n#bb-himno-editorial-2025 .cta-section {\n padding: 5rem 0;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.05) 100%);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .cta-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .cta-title {\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 1rem !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .cta-text {\n font-size: 1.2rem !important;\n color: var(--text-gray) !important;\n margin-bottom: 2rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* BB Quote *\/\n#bb-himno-editorial-2025 .bb-quote {\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.08) 100%);\n padding: 3rem 3rem;\n border-radius: 1.5rem;\n margin: 2rem auto;\n max-width: 700px;\n text-align: center;\n border: 2px solid rgba(4, 217, 157, 0.3);\n box-shadow: 0 8px 32px rgba(4, 217, 157, 0.1);\n}\n\n#bb-himno-editorial-2025 .bb-quote-text {\n font-size: 1.4rem !important;\n font-style: italic !important;\n color: var(--text-white) !important;\n line-height: 1.5 !important;\n font-weight: 400 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .bb-quote-author {\n font-size: 1.1rem !important;\n color: var(--primary-green) !important;\n margin-top: 1.5rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 0.5;\n }\n 50% {\n transform: scale(1.1);\n opacity: 0.8;\n }\n}\n\n\/* Navigation Menu - Fixed for WordPress *\/\n.top-navigation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: #000;\n z-index: 100;\n padding: 1rem 0;\n}\n\n.nav-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.nav-menu {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.nav-item {\n margin: 0;\n}\n\n\/* Navigation links with stronger specificity *\/\n.top-navigation .nav-menu .nav-item .nav-link,\n.top-navigation .nav-menu .nav-item a.nav-link {\n color: #fff !important;\n text-decoration: none !important;\n font-size: 0.95rem;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 600;\n padding: 0.5rem 1rem;\n transition: color 0.3s ease !important;\n white-space: nowrap;\n background: none !important;\n border: none !important;\n}\n\n\/* HOVER with maximum specificity *\/\n.top-navigation .nav-menu .nav-item a.nav-link:hover,\n.top-navigation .nav-menu .nav-item .nav-link:hover,\n.top-navigation .nav-menu .nav-item a.nav-link:focus,\n.top-navigation .nav-menu .nav-item .nav-link:focus,\n.top-navigation .nav-menu .nav-item a.nav-link:active,\n.top-navigation .nav-menu .nav-item .nav-link:active,\nnav.top-navigation ul.nav-menu li.nav-item a.nav-link:hover {\n color: #04d99d !important;\n text-decoration: none !important;\n background: none !important;\n}\n\n\/* Visited state *\/\n.top-navigation .nav-menu .nav-item a.nav-link:visited {\n color: #fff !important;\n}\n\n\/* Mobile Navigation Button *\/\n.mobile-nav-toggle {\n display: none !important;\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 1.5rem !important;\n cursor: pointer !important;\n padding: 0.5rem !important;\n position: relative !important;\n z-index: 101 !important;\n}\n\n.mobile-nav-toggle:hover {\n color: #04d99d !important;\n}\n\n\/* Mobile overlay *\/\n.mobile-nav-overlay {\n display: none !important;\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: #000 !important;\n z-index: 999999 !important;\n overflow-y: auto !important;\n}\n\n.mobile-nav-overlay.active {\n display: flex !important;\n flex-direction: column !important;\n}\n\n.mobile-nav-overlay .mobile-nav-header {\n display: flex !important;\n justify-content: flex-start !important;\n align-items: center !important;\n padding: 2rem 2rem 1rem 2rem !important;\n flex-shrink: 0 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close {\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 2.5rem !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n cursor: pointer !important;\n padding: 0 !important;\n line-height: 1 !important;\n font-weight: 300 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close:hover {\n color: #04d99d !important;\n}\n\n.mobile-nav-overlay .mobile-nav-content {\n flex: 1 !important;\n padding: 1rem 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-list {\n flex-direction: column !important;\n gap: 0 !important;\n align-items: flex-start !important;\n padding: 0 !important;\n margin: 0 !important;\n list-style: none !important;\n display: flex !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-item {\n margin: 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link {\n display: block !important;\n text-align: left !important;\n padding: 1.8rem 2rem !important;\n width: 100% !important;\n font-size: 1.5rem !important;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n color: #fff !important;\n text-decoration: none !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 700 !important;\n transition: color 0.3s ease !important;\n box-sizing: border-box !important;\n background: none !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link:hover {\n color: #04d99d !important;\n}\n\n\/* Tablet responsive *\/\n@media (max-width: 1024px) and (min-width: 769px) {\n #bb-himno-editorial-2025 .hero-content {\n margin-top: 70vh;\n padding: 0 2rem 3rem 2rem;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.6rem) !important;\n }\n\n .nav-menu {\n gap: 1.5rem;\n }\n\n .top-navigation .nav-menu .nav-item .nav-link,\n .top-navigation .nav-menu .nav-item a.nav-link {\n font-size: 0.9rem;\n padding: 0.4rem 0.8rem;\n }\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .hero-section {\n min-height: 100vh;\n }\n\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1.5rem 2rem 1.5rem;\n margin-top: 65vh;\n max-width: 100%;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2rem, 8vw, 3.5rem) !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.4rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta {\n font-size: 0.9rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n margin: 0 0.5rem;\n }\n\n #bb-himno-editorial-2025 .byline-authors {\n flex-direction: column;\n gap: 2rem;\n align-items: flex-start;\n }\n\n #bb-himno-editorial-2025 .author-item {\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n }\n\n #bb-himno-editorial-2025 .author-name {\n font-size: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-container {\n padding: 0 2rem 2rem;\n }\n\n #bb-himno-editorial-2025 .timeline {\n width: calc(280px * 5 + 10rem);\n min-width: calc(280px * 5 + 10rem);\n padding: 4rem 1.5rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .timeline-item {\n flex: 0 0 300px;\n height: 420px;\n }\n\n #bb-himno-editorial-2025 .timeline-image {\n height: 160px;\n }\n\n #bb-himno-editorial-2025 .timeline-text {\n padding: 1.2rem;\n max-height: 220px;\n }\n\n #bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.1rem !important;\n margin-bottom: 0.6rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-text p {\n font-size: 1rem !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-text {\n font-size: clamp(1.6rem, 5vw, 2.2rem) !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-highlight {\n padding: 2rem 1.2rem !important;\n margin: 1.5rem 0.5rem !important;\n max-width: calc(100% - 1rem) !important;\n }\n\n \/* Song integration takes more space on mobile *\/\n #bb-himno-editorial-2025 .song-integration {\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n padding: 2.5rem 1.5rem !important;\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n border-radius: 0 !important;\n }\n\n #bb-himno-editorial-2025 .song-integration-content {\n max-width: none !important;\n width: 100% !important;\n }\n\n #bb-himno-editorial-2025 .song-integration iframe {\n width: 100% !important;\n max-width: none !important;\n border-radius: 8px !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.6rem, 6vw, 2.2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1.1rem !important;\n margin-bottom: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .bb-quote {\n padding: 2.5rem 2rem;\n margin: 1.5rem auto;\n width: 90%;\n max-width: none;\n border-width: 2px;\n }\n\n #bb-himno-editorial-2025 .records-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .record-card {\n padding: 1.5rem 1rem;\n }\n\n #bb-himno-editorial-2025 .record-number {\n font-size: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .record-label {\n font-size: 0.95rem !important;\n }\n\n .nav-container {\n padding: 0 1.5rem !important;\n justify-content: space-between !important;\n position: relative !important;\n }\n\n .nav-menu {\n display: none !important;\n }\n\n .mobile-nav-toggle {\n display: block !important;\n position: static !important;\n left: auto !important;\n top: auto !important;\n transform: none !important;\n }\n\n .mobile-nav-overlay .mobile-nav-header {\n padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-close {\n font-size: 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-link {\n padding: 1.2rem 1.2rem !important;\n font-size: 1.1rem !important;\n }\n}\n\n\/* Extra small mobile *\/\n@media (max-width: 480px) {\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1rem 1.5rem 1rem;\n margin-top: 60vh;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(1.8rem, 9vw, 2.8rem) !important;\n margin-bottom: 0.8rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(0.9rem, 4.5vw, 1.2rem) !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n display: block;\n margin: 0.2rem 0;\n }\n}\n\n\/* Credits and Sources Section *\/\n#bb-himno-editorial-2025 .credits-sources-section {\n padding: 4rem 0 2rem;\n background: rgba(255, 255, 255, 0.02);\n margin-top: 3rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .credits-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n#bb-himno-editorial-2025 .photo-credits,\n#bb-himno-editorial-2025 .sources-credits {\n margin-bottom: 2.5rem;\n}\n\n#bb-himno-editorial-2025 .credits-title {\n font-size: 1.2rem !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 600 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .credits-text {\n font-size: 0.95rem !important;\n line-height: 1.6 !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li {\n margin-bottom: 1rem !important;\n padding-left: 1.2rem !important;\n position: relative !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li:before {\n content: \"\u2022\" !important;\n color: var(--primary-green) !important;\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n font-weight: bold !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a {\n color: var(--text-gray) !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n line-height: 1.5 !important;\n transition: color 0.3s ease !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a:hover {\n color: var(--primary-green) !important;\n text-decoration: underline !important;\n}\n\n#bb-himno-editorial-2025 .editorial-credits {\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .editorial-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Mobile adjustments *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .credits-container {\n padding: 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .credits-sources-section {\n padding: 3rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .sources-list li {\n padding-left: 1rem !important;\n }\n}\n\n\/* Accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n #bb-himno-editorial-2025 *,\n #bb-himno-editorial-2025 *::before,\n #bb-himno-editorial-2025 *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n<article id=\"bb-himno-editorial-2025\" role=\"main\" aria-label=\"DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity\">\n\n<nav class=\"top-navigation\" aria-label=\"Main navigation\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">Homepage<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/que-saber-hoy\/\" class=\"nav-link\">What to Know<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-hacer\/\" class=\"nav-link\">What to Do<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-comer\/\" class=\"nav-link\">What to Eat<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/el-pulso-deportivo\/\" class=\"nav-link\">Sports<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/suscripciones\/\" class=\"nav-link\">Subscribe<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\">Map<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About Us<\/a>\n <\/li>\n <\/ul>\n <\/div>\n<\/nav>\n\n\n <section class=\"hero-section\" aria-label=\"Introduction\">\n <div class=\"hero-background\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1411547682-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n loading=\"eager\">\n <\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n<h1 class=\"hero-title\">\n DtMF and Bad Bunny’s Residency:<span class=\"highlight\"> “A Love Letter to Puerto Rico”<\/span>\n<\/h1>\n <p class=\"hero-subtitle\">\n Historian Jorell Mel\u00e9ndez-Badillo analyzes the impact of the\n “No Me Quiero Ir De Aqu\u00ed” Residency and how Bad Bunny’s latest album\n could be considered a new unofficial anthem of Puerto Rico\n <\/p>\n <div class=\"hero-meta\">\n <span>July 10, 2025<\/span>\n <span>\u2022<\/span>\n <span>Cultural Analysis<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"byline-section\" aria-label=\"Credits\">\n <div class=\"byline-container\">\n <div class=\"byline-authors\">\n <div class=\"author-item\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&width=200\"\n alt=\"Cindy Burgos Alvarado\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Written by Cindy Burgos Alvarado<\/p>\n <\/div>\n <\/div>\n <div class=\"author-item\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2022\/07\/Screenshot-2025-07-04-at-12.09.25 AM.webp\"\n alt=\"Heidee Rol\u00f3n Cintr\u00f3n\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Edited and produced by Heidee Rol\u00f3n Cintr\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"content-wrapper\">\n\n \n <section class=\"intro-section\" aria-label=\"Introduction to the analysis\">\n <div class=\"intro-content\">\n <p class=\"intro-text\">\n When Bad Bunny released “DtMF” (Deb\u00ed Tirar M\u00e1s Fotos \/ I Should Have Taken More Photos), he didn’t just create an album.\n He composed a musical ode to Puerto Rico, a record that could shape up to be a\n new unofficial anthem of Borinquen.\n <\/p>\n <p class=\"intro-text\">\n According to historian Jorell Mel\u00e9ndez-Badillo, the album transcends\n Spotify and Billboard records to become something deeper: a\n declaration of boricua identity that, in turn, proves once again that the\n artistic creativity of Puerto Ricans knows no limits.\n <\/p>\n <p class=\"intro-text\">\n Furthermore, with the 30 concerts of his historic “No Me Quiero Ir De Aqu\u00ed” (I Don’t Want to Leave Here)\n Residency at the Coliseo de Puerto Rico Jos\u00e9 Miguel Agrelot, Benito Mart\u00ednez Ocasio continues\n to accumulate artistic milestones with what he called\n <a href=\"https:\/\/www.instagram.com\/p\/DEs37LTyCQx\/\" target=\"_blank\" rel=\"noreferrer noopener\">“the best project of my career, the most special, the most beautiful”<\/a>.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n “I believe the entire album is like an anthem, an ode to Puerto Rican identity.”\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n <\/div>\n\n <p class=\"intro-text\">\n In an interview with Platea, after <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">taking a historical journey through Puerto Rico’s unofficial anthems<\/a> over a century, Mel\u00e9ndez-Badillo stated that the Residency is “a gift to Puerto Rico,” a “love letter” from Bad Bunny to his country.\n <\/p>\n\n <p class=\"intro-text\">\n “Many people would say: but how can you put Benito Antonio Mart\u00ednez Ocasio in the\n same category as our Lola (Rodr\u00edguez de Ti\u00f3), Manuel Fern\u00e1ndez Juncos,\n Virgilio D\u00e1vila, Bobby Cap\u00f3, or (Juan Antonio) Corretjer? They are artists responding to a historical moment in the way they know how. And I believe the reception that\n the album has had proves it. There was a thirst for that kind of cultural affirmation,”\n added the author of the book Puerto Rico: Historia de una naci\u00f3n (2024).\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other\n unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n “Another beautiful sunset I see in San Juan<br>\n Enjoying all those things that those who leave miss<br>\n Enjoying nights like the ones that don’t happen anymore.”\n <\/p>\n <p class=\"song-lyric-title\">\u2014DtMF<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3sK8wGT43QFpWrvNQsrQya?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430426-Large.webp\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"records-section\" aria-label=\"Album records\">\n <h2 class=\"section-title scroll-animate\">Deb\u00ed Tirar M\u00e1s Fotos Records<\/h2>\n\n <div class=\"records-grid\">\n <div class=\"record-card scroll-animate\" data-record=\"spotify-billion\">\n <div class=\"record-number\">1000M<\/div>\n <p class=\"record-label\">streams on Spotify in just 13 days<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"latin-albums\">\n <div class=\"record-number\">#1<\/div>\n <p class=\"record-label\">on Top Latin Albums for the ninth consecutive time<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"hot-latin-songs\">\n <div class=\"record-number\">189<\/div>\n <p class=\"record-label\">songs on Hot Latin Songs, a historic record<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"apple-music\">\n <div class=\"record-number\">60<\/div>\n <p class=\"record-label\">countries where it reached #1 on Apple Music<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"album-tracks\">\n <div class=\"record-number\">17<\/div>\n <p class=\"record-label\">songs from the album entered Hot Latin Songs<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"billboard-hot-100\">\n <div class=\"record-number\">113<\/div>\n <p class=\"record-label\">Bad Bunny songs on Billboard Hot 100<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"analysis-section\" aria-label=\"Amplifying history\">\n <h2 class=\"section-title scroll-animate\">Amplifying Puerto Rico’s History<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, who provided the historical context for\n <a href=\"https:\/\/www.youtube.com\/@BadBunnyPR\/videos\" target=\"_blank\" rel=\"noreferrer noopener\">the YouTube visualizations<\/a>\n of each DtMF song, this album achieved something few cultural products\n accomplish: sparking a desire to learn Puerto Rico’s history while critiquing\n displacement, colonization, migration, and what it means to be Puerto Rican.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n “Benito didn’t have to do this. He could have kept talking about Maseratis,\n about Monaco, about the champagne-drinking lifestyle, but he decided to amplify the history and\n culture of Puerto Rico, and use the biggest platform in the world to\n include historical narratives, to include a critique of displacement through\n the short film with Jacobo Morales,” analyzed the historian, who\n felt fortunate to collaborate on the project.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n These experiences, beyond being Puerto Rican, struck a chord worldwide.\n That’s why songs like DtMF or LO QUE LE PAS\u00d3 A HAWAii became symbols of\n other struggles in places like Palestine, Latin America, and even Hawaii.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1420876469-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n “Nobody here wanted to leave, those who left dream of coming back<br>\n If someday it’s my turn, how much it’s gonna hurt.”\n <\/p>\n <p class=\"song-lyric-title\">\u2014LO QUE LE PAS\u00d3 A HAWAii<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/1Hg0e997pObvZ91w1FCPFk?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n “The sensitivity of a song like DTmF allows people in different\n parts of the Global South to identify with it because many countries are experiencing displacement,\n not just Puerto Rico,” he added.\n <\/p>\n <\/div>\n\n \n <div class=\"section-hero-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1242171429-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"Why consider DtMF a Puerto Rican anthem?\">\n <h2 class=\"section-title scroll-animate\">Why Consider DtMF a Puerto Rican Anthem?<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n “It managed to include elements that have been crucial in the creation\n of past anthems, which is nostalgia, that patriotic feeling of being proud to be from this terru\u00f1o we call Puerto Rico. So yes, for me the entire album is an anthem.”\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <p class=\"section-text scroll-animate\">\n Just like the authors of other unofficial anthems, the album manages to reflect “an awareness of his own historical subjectivity, and Benito sees himself as a political subject, as a diasporic subject.”\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1463427749-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The diaspora impact\">\n <h2 class=\"section-title scroll-animate\">DtMF: The Eternal Christmas or How the Diaspora Shaped Benito<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Just as\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bobby Cap\u00f3 wrote So\u00f1ando con Puerto Rico from New York<\/a>\n and Rafael Hern\u00e1ndez\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/#:~:text=de%20la%20libertad.-,1937,-Preciosa\" target=\"_blank\" rel=\"noreferrer noopener\">wrote Preciosa from Mexico<\/a>,\n living outside the island shaped the new perspective Bad Bunny reflects in his latest album.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n “That diasporic experience marked Benito and led him to seek how to define\n Puerto Rican identity,” said Mel\u00e9ndez-Badillo, who considers that, in his case,\n migration also left its mark. “I also think about my Puerto Rican identity in that\n key,” and it’s probably the eternal dialogue between boricuas on the\n island and the over 5 million living in the diaspora.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n The historian added that, if the album Un Verano Sin Ti (2022) was seen as the eternal\n summer in the Caribbean, DeB\u00cd TiRAR M\u00e1S FOToS can be read “as the eternal Christmas in\n Puerto Rico, but at the same time, the theme is one about displacement, about\n cultural and national affirmation.”\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n “In my life you were a tourist<br>\n You only saw the best of me<br>\n And not what I was suffering.”\n <\/p>\n <p class=\"song-lyric-title\">\u2014TURiSTA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/7tCuCjhxzjX2XCz4JiiAsp?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The Residency\">\n <h2 class=\"section-title scroll-animate\">The Residency as a “Love Letter” to the Homeland<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Beyond breaking records and generating an estimated $200 million economic impact,\n the Residency represents Bad Bunny’s stance toward the music industry and Puerto Rico’s\n historical context as an unincorporated territory of the United States\u2014a colony in the 21st century.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n “It’s a love letter to Puerto Rico and there’s an institutionality and a very concrete\n political statement in not including the United States in the entire\n tour… There’s a decentralization of where things are usually produced\n from,” explained Mel\u00e9ndez-Badillo.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n “Here they killed people for taking out the flag<br>\n That’s why now I carry it wherever I go.”\n <\/p>\n <p class=\"song-lyric-title\">\u2014LA MuDANZA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3G7agPwWfcORnWCAGMDOpm?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n “This album and the Residency have increased and deepened that thirst\n for Puerto Rico’s history, and I can only applaud the gesture and\n the impact that the Residency will have.”\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <\/div>\n\n\n<section class=\"timeline-section\" aria-label=\"Political moments\">\n <h2 class=\"timeline-title\">Bad Bunny’s 5 Most Political Moments<\/h2>\n\n <div class=\"timeline-container\">\n <div class=\"timeline\">\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2018<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430268-Large.webp\"\n alt=\"Bad Bunny on The Tonight Show\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Hurricane Mar\u00eda on The Tonight Show<\/h3>\n <p>\n “Benito’s first post-Mar\u00eda anthem was ‘Estamos Bien,’ and not just the song, but\n <a href=\"https:\/\/www.youtube.com\/watch?v=SIQXI0UuX8M\" target=\"_blank\" rel=\"noopener\">the performance he had on Jimmy Fallon’s show<\/a>,\n his first performance on American national television,” said the historian.\n <\/p>\n <p>\n On that show, Bad Bunny presented photos of Hurricane Mar\u00eda and said in broken English before singing the song:\n “After a year of the hurricane, there are still people without electricity in their homes.\n <a href=\"https:\/\/apnews.com\/general-news-national-national-4c2cec38ab6d4a5b8e2d09a8513191d9\" target=\"_blank\" rel=\"noopener\">More than 3,000 people died<\/a>\n and Trump is still in denial.”\n <\/p>\n <p>\n For Mel\u00e9ndez-Badillo, that political stance gave depth to the first single from Bad Bunny’s first studio album, X100pre (2018).\n “I believe it’s an anthem because, just as Hijos del Ca\u00f1averal appealed to a deep sensitivity, in that moment of multiple crises\n Estamos Bien was like the affirmation that we’re going to get through this,” he expressed.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2019<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1157691837.webp\"\n alt=\"Ricky resign protests in Puerto Rico\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Sharpening Knives<\/h3>\n <p>\n In the midst of protests demanding the resignation of then-Governor Ricardo Rossell\u00f3, Bad Bunny not only led demonstrations in the streets,\n but also released alongside Residente (Ren\u00e9 P\u00e9rez) and iLe (Ileana Cabra) a protest song that was recorded in one day.\n <\/p>\n <p>\n The song was recorded in one day and released on July 17, 2019. Eight days later (July 24), Rossell\u00f3 announced his resignation.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1203792316.webp\"\n alt=\"Bad Bunny on The Tonight Show with message about Alexa\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Naming Alexa<\/h3>\n <p>\n In February 2020,\n <a href=\"https:\/\/www.bbc.com\/mundo\/noticias-america-latina-51651893\" target=\"_blank\" rel=\"noopener\">the murder of Neulisa Luciano Ruiz<\/a> shook Puerto Rico. She was\n 28 years old, also known as Alexa or Alicia, a poor, Black transgender woman who lived on the streets.\n <\/p>\n <p>\n Shortly after the hate crime, for which two of the defendants were\n <a href=\"https:\/\/www.telemundopr.com\/noticias\/puerto-rico\/sentencian-a-33-meses-de-carcel-a-convictos-por-agredir-y-hostigar-a-alexa\/2534173\/\" target=\"_blank\" rel=\"noopener\">sentenced to 33 months in prison<\/a>,\n Bad Bunny <a href=\"https:\/\/www.lavanguardia.com\/de-moda\/moda\/20200229\/473840735030\/bad-bunny-disco-camiseta-alexa-asesinato.html\" target=\"_blank\" rel=\"noopener\">appeared again on Jimmy Fallon’s show<\/a>\n to present his album YHLQMDLG (2020) and sang wearing a skirt and a t-shirt that highlighted the hate crime against Neulisa Luciano Ruiz.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1249328608-1.jpg\"\n alt=\"George Floyd mural\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Poem for George Floyd<\/h3>\n <p>\n “I swear it hurts me and it hurts to even think that today still because of skin color someone, can they kill them?\n In a world like this, I can’t breathe either,” reads part of Bad Bunny’s poem published in\n <a href=\"https:\/\/time.com\/5852446\/bad-bunny-black-lives-matter\/\" target=\"_blank\" rel=\"noopener\">TIME<\/a>\n in Spanish and English.\n <\/p>\n <p>\n He referenced not only the phrase Floyd said before dying (“I can’t breathe”), but also the anti-racist social movement Black Lives Matter\n and experiences he said he had as a child in Puerto Rico, when they told him he had “bad” hair because it was curly.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2022<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-08-at-12.35.45%E2%80%AFPM.png\"\n alt=\"Bad Bunny's El Apag\u00f3n documentary\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>El Apag\u00f3n (The Blackout)<\/h3>\n <p>\n “El Apag\u00f3n seems to me to have been extremely important in Benito’s musical trajectory, not just because of the song,\n but because of the historical documentary,” said Mel\u00e9ndez-Badillo about the eighth single from the album Un Verano Sin Ti (May 2022)\n and the documentary video released in September of that same year with journalist Bianca Graulau as narrator.\n <\/p>\n <p>\n It addresses Puerto Rico’s energy collapse, privatization, and what that represents for island residents.\n The historian shared that he uses this documentary in his classes to talk about displacement and gentrification.\n <\/p>\n <p>\n Additionally, the song has the iconic phrase “Puerto Rico est\u00e1 bien cab%$#” (Puerto Rico is f***ing amazing), which “can be read on multiple levels,” according to Mel\u00e9ndez-Badillo.\n It represents not only that Puerto Rico is beautiful, but also how difficult it is to live here.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n<section class=\"credits-sources-section\" aria-label=\"Credits and sources\">\n <div class=\"credits-container\">\n \n <div class=\"photo-credits\">\n <h3 class=\"credits-title\">Photo Credits<\/h3>\n <p class=\"credits-text\">\n Photos in order of appearance: Gladys Vega; NBCU Photo Bank; Theo Wargo; Ricardo Arduengo;\n Timothy Norris\/FilmMagic; NBCU Photo Bank; Pedro Portal\/Miami Herald\/TNS; NBCU Photo Bank (Getty Images).\n <\/p>\n <\/div>\n\n \n <div class=\"sources-credits\">\n <h3 class=\"credits-title\">Record Sources<\/h3>\n <ul class=\"sources-list\">\n <li>\n <a href=\"https:\/\/hit-channel.com\/bad-bunny-new-album-records-residency\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny’s DeB\u00cd TiRAR M\u00e1S FOToS Breaks Spotify Record & Sells Out Residency – Hit Channel\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/espanol\/noticias\/bad-bunny-debi-tirar-mas-fotos-debuta-no-1-de-top-latin-albums-1235875279\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n ‘Deb\u00ed Tirar M\u00e1s Fotos’ de Bad Bunny debuta en el No. 1 de la lista Top Latin Albums – Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/music\/chart-beat\/bad-bunny-dtmf-debuts-number-1-tiktok-billboard-top-50-1235876454\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny’s ‘DTMF’ Debuts at No. 1 on TikTok Billboard Top 50 – Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.infobae.com\/colombia\/2025\/01\/19\/nuevo-record-para-bad-bunny-debi-tirar-mas-fotos-se-convirtio-en-el-album-masculino-mas-rapido-en-alcanzar-miles-de-millones-de-streamings\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Nuevo r\u00e9cord para Bad Bunny: ‘Deb\u00ed tirar m\u00e1s fotos’ se convirti\u00f3 en el \u00e1lbum masculino m\u00e1s r\u00e1pido en alcanzar miles de millones de streamings – Infobae\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"editorial-credits\">\n <p class=\"editorial-note\">\n Compiled by Cindy Burgos Alvarado | PlateaPR | Component developed with help from Claude.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n<\/section>\n\n<script>\n(function() {\n 'use strict';\n\n \/\/ Ensure we don't run multiple instances\n if (window.BBHimnoEditorialInitialized) return;\n window.BBHimnoEditorialInitialized = true;\n\n const BBHimnoEditorial = {\n wrapper: document.getElementById('bb-himno-editorial-2025'),\n\n init: function() {\n if (!this.wrapper) return;\n\n this.setupScrollAnimations();\n this.setupScrollDepthTracking();\n this.setupClickTracking();\n this.setupNumberAnimation();\n this.setupMobileNavigation();\n },\n\n setupScrollAnimations: function() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const scrollObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n \/\/ Add staggered delay for grouped elements\n const delay = index * 0.1;\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, delay * 100);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animated elements\n const animatedElements = this.wrapper.querySelectorAll(\n '.scroll-animate, .intro-text, .section-title, .section-text, ' +\n '.song-integration, .timeline-item, .record-card, .quote-highlight, ' +\n '.bb-quote'\n );\n\n animatedElements.forEach(el => scrollObserver.observe(el));\n },\n\n setupScrollDepthTracking: function() {\n const scrollThresholds = [25, 50, 75, 100];\n const trackedDepths = {};\n\n const trackScrollDepth = () => {\n const documentHeight = document.documentElement.scrollHeight;\n const viewportHeight = window.innerHeight;\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n\n \/\/ Calculate current scroll percentage\n const scrollPercentage = Math.floor(((scrollTop + viewportHeight) \/ documentHeight) * 100);\n\n scrollThresholds.forEach(threshold => {\n if (scrollPercentage >= threshold && !trackedDepths[threshold]) {\n this.sendGtagEvent('scroll_depth', `${threshold}%`);\n trackedDepths[threshold] = true; \/\/ Mark as tracked\n }\n });\n };\n\n window.addEventListener('scroll', trackScrollDepth);\n trackScrollDepth(); \/\/ Initial check\n },\n\n setupClickTracking: function() {\n \/\/ Track all links\n this.wrapper.addEventListener('click', (e) => {\n if (e.target.matches('a') || e.target.closest('a')) {\n const link = e.target.matches('a') ? e.target : e.target.closest('a');\n const label = link.textContent.trim() || link.getAttribute('aria-label') || 'Unknown Link';\n this.sendGtagEvent('clicks', label);\n }\n });\n\n \/\/ Track navigation links specifically\n const navLinks = this.wrapper.querySelectorAll('.nav-link');\n navLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Nav: ${link.textContent.trim()}`);\n });\n });\n\n const mobileNavLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileNavLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Mobile Nav: ${link.textContent.trim()}`);\n });\n });\n },\n\n setupNumberAnimation: function() {\n const numberElements = this.wrapper.querySelectorAll('.record-number');\n\n const numberObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.classList.contains('animated')) {\n const finalText = entry.target.textContent;\n const hasHash = finalText.includes('#');\n const hasM = finalText.includes('M');\n\n \/\/ If it's #1, don't animate (leave static)\n if (finalText === '#1') {\n entry.target.classList.add('animated');\n return;\n }\n\n \/\/ Extract the clean number\n const cleanNumber = finalText.replace(\/[#MK,]\/g, '');\n\n if (!isNaN(cleanNumber)) {\n const number = parseFloat(cleanNumber);\n const duration = 2000; \/\/ 2 seconds for the animation\n const startTime = Date.now();\n\n const animateNumber = () => {\n const currentTime = Date.now();\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n\n \/\/ Easing function to make the animation smoother\n const easeOutQuart = 1 - Math.pow(1 - progress, 4);\n const current = Math.floor(number * easeOutQuart);\n\n let display = current.toString();\n if (hasHash) display = '#' + display;\n if (hasM) display = display + 'M';\n\n entry.target.textContent = display;\n\n if (progress < 1) {\n requestAnimationFrame(animateNumber);\n } else {\n entry.target.textContent = finalText;\n }\n };\n\n animateNumber();\n }\n\n entry.target.classList.add('animated');\n }\n });\n }, {\n threshold: 0.5,\n rootMargin: '0px 0px -100px 0px' \/\/ Activates a bit before it's fully visible\n });\n\n numberElements.forEach(el => numberObserver.observe(el));\n },\n\n setupMobileNavigation: function() {\n \/\/ Get navigation elements\n const mobileToggle = this.wrapper.querySelector('.mobile-nav-toggle');\n const mobileMenu = this.wrapper.querySelector('.mobile-nav-overlay');\n const mobileClose = this.wrapper.querySelector('.mobile-nav-close');\n\n if (mobileToggle && mobileMenu) {\n \/\/ Open mobile menu\n mobileToggle.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.add('active');\n document.body.style.overflow = 'hidden';\n });\n\n \/\/ Close mobile menu with X button\n if (mobileClose) {\n mobileClose.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n }\n\n \/\/ Close mobile menu when clicking on a link\n const mobileLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n\n \/\/ Close mobile menu when clicking outside\n mobileMenu.addEventListener('click', (e) => {\n if (e.target === mobileMenu) {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n }\n });\n }\n },\n\n sendGtagEvent: function(eventName, eventLabel) {\n if (typeof gtag === 'function') {\n gtag('event', eventName, {\n 'event_category': 'BB Himno Editorial',\n 'event_label': eventLabel,\n 'value': 1\n });\n } else {\n console.log('Analytics Event:', eventName, eventLabel);\n }\n }\n };\n\n \/\/ Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => BBHimnoEditorial.init());\n } else {\n BBHimnoEditorial.init();\n }\n})();\n<\/script>\n<\/article>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity Homepage What to Know What to Do What to Eat Sports Subscribe Map Directory About Us DtMF and Bad Bunny’s Residency: “A Love Letter to Puerto Rico” Historian Jorell Mel\u00e9ndez-Badillo analyzes the impact of the “No Me Quiero Ir De Aqu\u00ed” Residency and how Bad […]<\/p>\n","protected":false},"author":52,"featured_media":6150,"comment_status":"closed","ping_status":"open","sticky":false,"template":"template-plain-hub.php","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[89],"post_tag":[98],"authors":[167],"page_type":[],"geo_location":[],"class_list":["post-6149","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspirational","tag-featured-post","post_author-cindy-burgos-alvarado"],"acf":[],"yoast_head":"\n<title>Bad Bunny's DtMF: A Love Letter to Puerto Rico | Analysis | Platea<\/title>\n<meta name=\"description\" content=\"Historian Jorell Mel\u00e9ndez-Badillo analyzes how Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS album and historic Residency became an unofficial anthem for Puerto Rico.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bad Bunny's DtMF: A Love Letter to Puerto Rico | Analysis | Platea\" \/>\n<meta property=\"og:description\" content=\"Historian Jorell Mel\u00e9ndez-Badillo analyzes how Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS album and historic Residency became an unofficial anthem for Puerto Rico.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/\" \/>\n<meta property=\"og:site_name\" content=\"Platea\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-27T15:51:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large-1024x538.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"hroloncintron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"hroloncintron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/\"},\"author\":{\"name\":\"hroloncintron\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b\"},\"headline\":\"Bad Bunny’s DtMF: A Love Letter to Puerto Rico | Analysis\",\"datePublished\":\"2026-01-27T15:51:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/\"},\"wordCount\":1813,\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg\",\"keywords\":[\"Featured Post\"],\"articleSection\":[\"Inspirational\"],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#primaryimage\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.plateapr.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inspirational\",\"item\":\"https:\/\/www.plateapr.com\/en\/category\/inspirational\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Bad Bunny’s DtMF: A Love Letter to Puerto Rico | Analysis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#website\",\"url\":\"https:\/\/www.plateapr.com\/en\/\",\"name\":\"Platea\",\"description\":\"Curated guides from locals on what to do and where to eat in Puerto Rico\",\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.plateapr.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\",\"name\":\"Platea\",\"url\":\"https:\/\/www.plateapr.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Platea\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Bad Bunny's DtMF: A Love Letter to Puerto Rico | Analysis | Platea","description":"Historian Jorell Mel\u00e9ndez-Badillo analyzes how Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS album and historic Residency became an unofficial anthem for Puerto Rico.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/","og_locale":"en_US","og_type":"article","og_title":"Bad Bunny's DtMF: A Love Letter to Puerto Rico | Analysis | Platea","og_description":"Historian Jorell Mel\u00e9ndez-Badillo analyzes how Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS album and historic Residency became an unofficial anthem for Puerto Rico.","og_url":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/","og_site_name":"Platea","article_published_time":"2026-01-27T15:51:51+00:00","og_image":[{"width":1024,"height":538,"url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large-1024x538.jpeg","type":"image\/jpeg"}],"author":"hroloncintron","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hroloncintron","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#article","isPartOf":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/"},"author":{"name":"hroloncintron","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b"},"headline":"Bad Bunny’s DtMF: A Love Letter to Puerto Rico | Analysis","datePublished":"2026-01-27T15:51:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/"},"wordCount":1813,"publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#primaryimage"},"thumbnailUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg","keywords":["Featured Post"],"articleSection":["Inspirational"],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#primaryimage","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Bad-Bunny-Platea-V2-1200-x-630-px-Large.jpeg","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunnys-dtmf-a-love-letter-to-puerto-rico-analysis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.plateapr.com\/en\/"},{"@type":"ListItem","position":2,"name":"Inspirational","item":"https:\/\/www.plateapr.com\/en\/category\/inspirational\/"},{"@type":"ListItem","position":3,"name":"Bad Bunny’s DtMF: A Love Letter to Puerto Rico | Analysis"}]},{"@type":"WebSite","@id":"https:\/\/www.plateapr.com\/en\/#website","url":"https:\/\/www.plateapr.com\/en\/","name":"Platea","description":"Curated guides from locals on what to do and where to eat in Puerto Rico","publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.plateapr.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.plateapr.com\/en\/#organization","name":"Platea","url":"https:\/\/www.plateapr.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png","width":512,"height":512,"caption":"Platea"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/"}}]}},"block_categories_all":[{"blockName":"core\/html","attrs":[],"innerBlocks":[],"innerHTML":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity<\/title>\n<style>\n\/* Unique design system for the component *\/\n#bb-himno-editorial-2025 {\n --primary-green: #04d99d;\n --primary-dark: #03b584;\n --primary-light: #05f5b3;\n --accent-blue: #68b9ff;\n --accent-yellow: #fecd6c;\n --bg-dark: #0a0a0a;\n --bg-darker: #000000;\n --text-white: #ffffff;\n --text-gray: #b0b0b0;\n --text-light-gray: #e0e0e0;\n\n font-family: Georgia, 'Times New Roman', serif !important;\n color: var(--text-white) !important;\n background-color: var(--bg-dark) !important;\n line-height: 1.6 !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden !important;\n position: relative !important;\n width: auto !important;\n max-width: none !important;\n}\n\n\/* Specific reset to avoid WordPress interference *\/\n#bb-himno-editorial-2025 *,\n#bb-himno-editorial-2025 *::before,\n#bb-himno-editorial-2025 *::after {\n box-sizing: border-box !important;\n}\n\n\/* Protect against WordPress styles on specific elements *\/\n#bb-himno-editorial-2025 h1,\n#bb-himno-editorial-2025 h2,\n#bb-himno-editorial-2025 h3,\n#bb-himno-editorial-2025 p,\n#bb-himno-editorial-2025 div,\n#bb-himno-editorial-2025 section,\n#bb-himno-editorial-2025 article {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n}\n\n\/* Protect links against theme styles - but allow specific styling *\/\n#bb-himno-editorial-2025 a {\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n font-family: inherit !important;\n}\n\n\/* Specific links in content *\/\n#bb-himno-editorial-2025 .intro-text a,\n#bb-himno-editorial-2025 .section-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .intro-text a:hover,\n#bb-himno-editorial-2025 .section-text a:hover {\n text-decoration: underline !important;\n}\n\n\/* Specific links in timeline *\/\n#bb-himno-editorial-2025 .timeline-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:hover {\n text-decoration: underline !important;\n color: var(--primary-light) !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:visited {\n color: var(--primary-green) !important;\n}\n\n\/* Protect Spotify iframes *\/\n#bb-himno-editorial-2025 iframe {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n\/* Hero Section with background image *\/\n#bb-himno-editorial-2025 .hero-section {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n overflow: hidden;\n background: var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n}\n\n#bb-himno-editorial-2025 .hero-background img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n opacity: 1;\n}\n\n#bb-himno-editorial-2025 .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.1) 60%,\n rgba(0, 0, 0, 0.7) 90%,\n rgba(0, 0, 0, 0.95) 100%\n );\n z-index: 2;\n}\n\n#bb-himno-editorial-2025 .hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n max-width: 800px;\n padding: 0 2rem 3rem 2rem;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n margin-top: 75vh;\n}\n\n#bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 3.5rem) !important;\n font-weight: 900 !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n letter-spacing: -0.02em !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-title .highlight {\n color: var(--primary-green);\n font-style: italic;\n}\n\n#bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.3rem, 3vw, 1.8rem) !important;\n font-weight: 300 !important;\n color: var(--text-light-gray) !important;\n margin-bottom: 2rem !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n opacity: 0;\n animation: fadeInUp 1s ease 0.3s forwards;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta span {\n display: inline-block;\n margin: 0 1rem;\n}\n\n\/* Byline Section *\/\n#bb-himno-editorial-2025 .byline-section {\n background: #000;\n padding: 40px 0;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .byline-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n\/* Date at the top *\/\n#bb-himno-editorial-2025 .byline-date {\n text-align: left;\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n margin-bottom: 1rem;\n}\n\n#bb-himno-editorial-2025 .byline-authors {\n display: flex;\n gap: 4rem;\n align-items: center;\n justify-content: flex-start;\n padding-bottom: 2rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n#bb-himno-editorial-2025 .author-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n\/* Circular avatar *\/\n#bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n object-fit: cover;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .author-details {\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .author-name {\n font-size: .9rem !important;\n font-weight: 400 !important;\n color: var(--text-white) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .author-role {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Main Content Container *\/\n#bb-himno-editorial-2025 .content-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n\/* Introduction Section *\/\n#bb-himno-editorial-2025 .intro-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .intro-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .intro-text {\n font-size: 1.3rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.8s ease forwards;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(2) {\n animation-delay: 0.2s;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(3) {\n animation-delay: 0.4s;\n}\n\n\/* Hero image for specific sections *\/\n#bb-himno-editorial-2025 .section-hero-image {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n height: 60vh;\n min-height: 650px;\n background: rgba(255, 255, 255, 0.05);\n border: 2px dashed rgba(4, 217, 157, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n\/* Quote Highlights - Consolidated version *\/\n#bb-himno-editorial-2025 .quote-highlight {\n display: block;\n max-width: 600px;\n padding: 2rem 2rem;\n margin: 2rem auto;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 100%, rgba(4, 217, 157, 0.08) 100%);\n border-left: 4px solid var(--primary-green);\n border-radius: 20px;\n}\n\n#bb-himno-editorial-2025 .quote-text {\n font-size: clamp(2rem, 2.5vw, 2rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--text-white) !important;\n margin-bottom: 1.5rem !important;\n font-weight: 500 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .quote-author {\n font-size: 1rem !important;\n color: var(--primary-green) !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Song Integration Block - Consolidated version *\/\n#bb-himno-editorial-2025 .song-integration {\n margin: 3rem auto;\n padding: 3rem 2rem;\n max-width: 650px;\n background: var(--bg-darker);\n border-radius: 1rem;\n position: relative;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .song-integration.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .song-integration-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .song-lyric {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n#bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.8rem, 2.8vw, 2.5rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 300 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase !important;\n letter-spacing: 0.2em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-integration iframe {\n border-radius: 10px;\n}\n\n\/* Analysis Sections *\/\n#bb-himno-editorial-2025 .analysis-section {\n padding: 4rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .analysis-section:last-child {\n border-bottom: none;\n}\n\n#bb-himno-editorial-2025 .section-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 800 !important;\n line-height: 1.4 !important;\n text-align: center !important;\n margin-bottom: 2rem !important;\n color: var(--text-white) !important;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .section-title.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .section-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .section-text {\n font-size: 1.2rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n\/* Political Moments Timeline - Horizontal *\/\n#bb-himno-editorial-2025 .timeline-section {\n padding: 5rem 0;\n background: linear-gradient(to bottom, var(--bg-dark) 0%, var(--bg-darker) 100%);\n overflow: hidden;\n}\n\n#bb-himno-editorial-2025 .timeline-title {\n text-align: center;\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 3rem !important;\n color: var(--primary-green) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-container {\n position: relative;\n width: 100vw;\n max-width: none;\n overflow-x: auto;\n overflow-y: hidden;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n padding: 0 2rem 2rem;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: var(--primary-green) rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar {\n height: 8px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline {\n position: relative;\n display: flex;\n gap: 2rem;\n padding: 4rem 0 0;\n width: calc(320px * 5 + 8rem);\n min-width: calc(320px * 5 + 8rem);\n}\n\n#bb-himno-editorial-2025 .timeline::before {\n content: '';\n position: absolute;\n top: 30px;\n left: 0;\n right: 0;\n height: 2px;\n background: rgba(4, 217, 157, 0.3);\n}\n\n#bb-himno-editorial-2025 .timeline-item {\n position: relative;\n flex: 0 0 320px;\n height: 450px;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-item.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .timeline-date {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--bg-darker);\n padding: 0.5rem 1rem;\n font-size: 1.2rem !important;\n font-weight: 700 !important;\n color: var(--primary-green) !important;\n white-space: nowrap;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-date::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 12px;\n height: 12px;\n background: var(--primary-green);\n border-radius: 50%;\n box-shadow: 0 0 0 4px var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .timeline-content {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(4, 217, 157, 0.3);\n padding: 0;\n height: 100%;\n transition: all 0.3s ease;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .timeline-content:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .timeline-image {\n width: 100%;\n height: 180px;\n overflow: hidden;\n position: relative;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .timeline-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.3s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-text {\n padding: 1.5rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n max-height: 220px;\n}\n\n\/* Style the scrollbar to look good *\/\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar {\n width: 6px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb:hover {\n background: var(--primary-dark);\n}\n\n#bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.2rem !important;\n margin-bottom: 0.8rem !important;\n color: var(--text-white) !important;\n line-height: 1.3 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text p {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n color: var(--text-gray) !important;\n margin-bottom: 0.8rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Records Section *\/\n#bb-himno-editorial-2025 .records-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .records-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n}\n\n#bb-himno-editorial-2025 .record-card {\n padding: 2rem;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(4, 217, 157, 0.2);\n border-radius: 1rem;\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n}\n\n#bb-himno-editorial-2025 .record-card.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .record-card:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .record-number {\n font-size: 3rem !important;\n font-weight: 900 !important;\n color: var(--primary-green) !important;\n margin-bottom: 0.5rem !important;\n line-height: 1 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .record-label {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Final CTA *\/\n#bb-himno-editorial-2025 .cta-section {\n padding: 5rem 0;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.05) 100%);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .cta-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .cta-title {\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 1rem !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .cta-text {\n font-size: 1.2rem !important;\n color: var(--text-gray) !important;\n margin-bottom: 2rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* BB Quote *\/\n#bb-himno-editorial-2025 .bb-quote {\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.08) 100%);\n padding: 3rem 3rem;\n border-radius: 1.5rem;\n margin: 2rem auto;\n max-width: 700px;\n text-align: center;\n border: 2px solid rgba(4, 217, 157, 0.3);\n box-shadow: 0 8px 32px rgba(4, 217, 157, 0.1);\n}\n\n#bb-himno-editorial-2025 .bb-quote-text {\n font-size: 1.4rem !important;\n font-style: italic !important;\n color: var(--text-white) !important;\n line-height: 1.5 !important;\n font-weight: 400 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .bb-quote-author {\n font-size: 1.1rem !important;\n color: var(--primary-green) !important;\n margin-top: 1.5rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 0.5;\n }\n 50% {\n transform: scale(1.1);\n opacity: 0.8;\n }\n}\n\n\/* Navigation Menu - Fixed for WordPress *\/\n.top-navigation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: #000;\n z-index: 100;\n padding: 1rem 0;\n}\n\n.nav-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.nav-menu {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.nav-item {\n margin: 0;\n}\n\n\/* Navigation links with stronger specificity *\/\n.top-navigation .nav-menu .nav-item .nav-link,\n.top-navigation .nav-menu .nav-item a.nav-link {\n color: #fff !important;\n text-decoration: none !important;\n font-size: 0.95rem;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 600;\n padding: 0.5rem 1rem;\n transition: color 0.3s ease !important;\n white-space: nowrap;\n background: none !important;\n border: none !important;\n}\n\n\/* HOVER with maximum specificity *\/\n.top-navigation .nav-menu .nav-item a.nav-link:hover,\n.top-navigation .nav-menu .nav-item .nav-link:hover,\n.top-navigation .nav-menu .nav-item a.nav-link:focus,\n.top-navigation .nav-menu .nav-item .nav-link:focus,\n.top-navigation .nav-menu .nav-item a.nav-link:active,\n.top-navigation .nav-menu .nav-item .nav-link:active,\nnav.top-navigation ul.nav-menu li.nav-item a.nav-link:hover {\n color: #04d99d !important;\n text-decoration: none !important;\n background: none !important;\n}\n\n\/* Visited state *\/\n.top-navigation .nav-menu .nav-item a.nav-link:visited {\n color: #fff !important;\n}\n\n\/* Mobile Navigation Button *\/\n.mobile-nav-toggle {\n display: none !important;\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 1.5rem !important;\n cursor: pointer !important;\n padding: 0.5rem !important;\n position: relative !important;\n z-index: 101 !important;\n}\n\n.mobile-nav-toggle:hover {\n color: #04d99d !important;\n}\n\n\/* Mobile overlay *\/\n.mobile-nav-overlay {\n display: none !important;\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: #000 !important;\n z-index: 999999 !important;\n overflow-y: auto !important;\n}\n\n.mobile-nav-overlay.active {\n display: flex !important;\n flex-direction: column !important;\n}\n\n.mobile-nav-overlay .mobile-nav-header {\n display: flex !important;\n justify-content: flex-start !important;\n align-items: center !important;\n padding: 2rem 2rem 1rem 2rem !important;\n flex-shrink: 0 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close {\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 2.5rem !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n cursor: pointer !important;\n padding: 0 !important;\n line-height: 1 !important;\n font-weight: 300 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close:hover {\n color: #04d99d !important;\n}\n\n.mobile-nav-overlay .mobile-nav-content {\n flex: 1 !important;\n padding: 1rem 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-list {\n flex-direction: column !important;\n gap: 0 !important;\n align-items: flex-start !important;\n padding: 0 !important;\n margin: 0 !important;\n list-style: none !important;\n display: flex !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-item {\n margin: 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link {\n display: block !important;\n text-align: left !important;\n padding: 1.8rem 2rem !important;\n width: 100% !important;\n font-size: 1.5rem !important;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n color: #fff !important;\n text-decoration: none !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 700 !important;\n transition: color 0.3s ease !important;\n box-sizing: border-box !important;\n background: none !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link:hover {\n color: #04d99d !important;\n}\n\n\/* Tablet responsive *\/\n@media (max-width: 1024px) and (min-width: 769px) {\n #bb-himno-editorial-2025 .hero-content {\n margin-top: 70vh;\n padding: 0 2rem 3rem 2rem;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.6rem) !important;\n }\n\n .nav-menu {\n gap: 1.5rem;\n }\n\n .top-navigation .nav-menu .nav-item .nav-link,\n .top-navigation .nav-menu .nav-item a.nav-link {\n font-size: 0.9rem;\n padding: 0.4rem 0.8rem;\n }\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .hero-section {\n min-height: 100vh;\n }\n\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1.5rem 2rem 1.5rem;\n margin-top: 65vh;\n max-width: 100%;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2rem, 8vw, 3.5rem) !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.4rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta {\n font-size: 0.9rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n margin: 0 0.5rem;\n }\n\n #bb-himno-editorial-2025 .byline-authors {\n flex-direction: column;\n gap: 2rem;\n align-items: flex-start;\n }\n\n #bb-himno-editorial-2025 .author-item {\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n }\n\n #bb-himno-editorial-2025 .author-name {\n font-size: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-container {\n padding: 0 2rem 2rem;\n }\n\n #bb-himno-editorial-2025 .timeline {\n width: calc(280px * 5 + 10rem);\n min-width: calc(280px * 5 + 10rem);\n padding: 4rem 1.5rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .timeline-item {\n flex: 0 0 300px;\n height: 420px;\n }\n\n #bb-himno-editorial-2025 .timeline-image {\n height: 160px;\n }\n\n #bb-himno-editorial-2025 .timeline-text {\n padding: 1.2rem;\n max-height: 220px;\n }\n\n #bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.1rem !important;\n margin-bottom: 0.6rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-text p {\n font-size: 1rem !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-text {\n font-size: clamp(1.6rem, 5vw, 2.2rem) !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-highlight {\n padding: 2rem 1.2rem !important;\n margin: 1.5rem 0.5rem !important;\n max-width: calc(100% - 1rem) !important;\n }\n\n \/* Song integration takes more space on mobile *\/\n #bb-himno-editorial-2025 .song-integration {\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n padding: 2.5rem 1.5rem !important;\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n border-radius: 0 !important;\n }\n\n #bb-himno-editorial-2025 .song-integration-content {\n max-width: none !important;\n width: 100% !important;\n }\n\n #bb-himno-editorial-2025 .song-integration iframe {\n width: 100% !important;\n max-width: none !important;\n border-radius: 8px !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.6rem, 6vw, 2.2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1.1rem !important;\n margin-bottom: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .bb-quote {\n padding: 2.5rem 2rem;\n margin: 1.5rem auto;\n width: 90%;\n max-width: none;\n border-width: 2px;\n }\n\n #bb-himno-editorial-2025 .records-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .record-card {\n padding: 1.5rem 1rem;\n }\n\n #bb-himno-editorial-2025 .record-number {\n font-size: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .record-label {\n font-size: 0.95rem !important;\n }\n\n .nav-container {\n padding: 0 1.5rem !important;\n justify-content: space-between !important;\n position: relative !important;\n }\n\n .nav-menu {\n display: none !important;\n }\n\n .mobile-nav-toggle {\n display: block !important;\n position: static !important;\n left: auto !important;\n top: auto !important;\n transform: none !important;\n }\n\n .mobile-nav-overlay .mobile-nav-header {\n padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-close {\n font-size: 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-link {\n padding: 1.2rem 1.2rem !important;\n font-size: 1.1rem !important;\n }\n}\n\n\/* Extra small mobile *\/\n@media (max-width: 480px) {\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1rem 1.5rem 1rem;\n margin-top: 60vh;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(1.8rem, 9vw, 2.8rem) !important;\n margin-bottom: 0.8rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(0.9rem, 4.5vw, 1.2rem) !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n display: block;\n margin: 0.2rem 0;\n }\n}\n\n\/* Credits and Sources Section *\/\n#bb-himno-editorial-2025 .credits-sources-section {\n padding: 4rem 0 2rem;\n background: rgba(255, 255, 255, 0.02);\n margin-top: 3rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .credits-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n#bb-himno-editorial-2025 .photo-credits,\n#bb-himno-editorial-2025 .sources-credits {\n margin-bottom: 2.5rem;\n}\n\n#bb-himno-editorial-2025 .credits-title {\n font-size: 1.2rem !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 600 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .credits-text {\n font-size: 0.95rem !important;\n line-height: 1.6 !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li {\n margin-bottom: 1rem !important;\n padding-left: 1.2rem !important;\n position: relative !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li:before {\n content: \"\u2022\" !important;\n color: var(--primary-green) !important;\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n font-weight: bold !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a {\n color: var(--text-gray) !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n line-height: 1.5 !important;\n transition: color 0.3s ease !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a:hover {\n color: var(--primary-green) !important;\n text-decoration: underline !important;\n}\n\n#bb-himno-editorial-2025 .editorial-credits {\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .editorial-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Mobile adjustments *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .credits-container {\n padding: 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .credits-sources-section {\n padding: 3rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .sources-list li {\n padding-left: 1rem !important;\n }\n}\n\n\/* Accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n #bb-himno-editorial-2025 *,\n #bb-himno-editorial-2025 *::before,\n #bb-himno-editorial-2025 *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n<article id=\"bb-himno-editorial-2025\" role=\"main\" aria-label=\"DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity\">\n\n<nav class=\"top-navigation\" aria-label=\"Main navigation\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">Homepage<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/que-saber-hoy\/\" class=\"nav-link\">What to Know<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-hacer\/\" class=\"nav-link\">What to Do<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-comer\/\" class=\"nav-link\">What to Eat<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/el-pulso-deportivo\/\" class=\"nav-link\">Sports<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/suscripciones\/\" class=\"nav-link\">Subscribe<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\">Map<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About Us<\/a>\n <\/li>\n <\/ul>\n <\/div>\n<\/nav>\n\n\n <section class=\"hero-section\" aria-label=\"Introduction\">\n <div class=\"hero-background\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1411547682-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n loading=\"eager\">\n <\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n<h1 class=\"hero-title\">\n DtMF and Bad Bunny's Residency:<span class=\"highlight\"> \"A Love Letter to Puerto Rico\"<\/span>\n<\/h1>\n <p class=\"hero-subtitle\">\n Historian Jorell Mel\u00e9ndez-Badillo analyzes the impact of the\n \"No Me Quiero Ir De Aqu\u00ed\" Residency and how Bad Bunny's latest album\n could be considered a new unofficial anthem of Puerto Rico\n <\/p>\n <div class=\"hero-meta\">\n <span>July 10, 2025<\/span>\n <span>\u2022<\/span>\n <span>Cultural Analysis<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"byline-section\" aria-label=\"Credits\">\n <div class=\"byline-container\">\n <div class=\"byline-authors\">\n <div class=\"author-item\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&width=200\"\n alt=\"Cindy Burgos Alvarado\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Written by Cindy Burgos Alvarado<\/p>\n <\/div>\n <\/div>\n <div class=\"author-item\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2022\/07\/Screenshot-2025-07-04-at-12.09.25 AM.webp\"\n alt=\"Heidee Rol\u00f3n Cintr\u00f3n\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Edited and produced by Heidee Rol\u00f3n Cintr\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"content-wrapper\">\n\n \n <section class=\"intro-section\" aria-label=\"Introduction to the analysis\">\n <div class=\"intro-content\">\n <p class=\"intro-text\">\n When Bad Bunny released \"DtMF\" (Deb\u00ed Tirar M\u00e1s Fotos \/ I Should Have Taken More Photos), he didn't just create an album.\n He composed a musical ode to Puerto Rico, a record that could shape up to be a\n new unofficial anthem of Borinquen.\n <\/p>\n <p class=\"intro-text\">\n According to historian Jorell Mel\u00e9ndez-Badillo, the album transcends\n Spotify and Billboard records to become something deeper: a\n declaration of boricua identity that, in turn, proves once again that the\n artistic creativity of Puerto Ricans knows no limits.\n <\/p>\n <p class=\"intro-text\">\n Furthermore, with the 30 concerts of his historic \"No Me Quiero Ir De Aqu\u00ed\" (I Don't Want to Leave Here)\n Residency at the Coliseo de Puerto Rico Jos\u00e9 Miguel Agrelot, Benito Mart\u00ednez Ocasio continues\n to accumulate artistic milestones with what he called\n <a href=\"https:\/\/www.instagram.com\/p\/DEs37LTyCQx\/\" target=\"_blank\" rel=\"noreferrer noopener\">\"the best project of my career, the most special, the most beautiful\"<\/a>.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"I believe the entire album is like an anthem, an ode to Puerto Rican identity.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n <\/div>\n\n <p class=\"intro-text\">\n In an interview with Platea, after <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">taking a historical journey through Puerto Rico's unofficial anthems<\/a> over a century, Mel\u00e9ndez-Badillo stated that the Residency is \"a gift to Puerto Rico,\" a \"love letter\" from Bad Bunny to his country.\n <\/p>\n\n <p class=\"intro-text\">\n \"Many people would say: but how can you put Benito Antonio Mart\u00ednez Ocasio in the\n same category as our Lola (Rodr\u00edguez de Ti\u00f3), Manuel Fern\u00e1ndez Juncos,\n Virgilio D\u00e1vila, Bobby Cap\u00f3, or (Juan Antonio) Corretjer? They are artists responding to a historical moment in the way they know how. And I believe the reception that\n the album has had proves it. There was a thirst for that kind of cultural affirmation,\"\n added the author of the book Puerto Rico: Historia de una naci\u00f3n (2024).\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other\n unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Another beautiful sunset I see in San Juan<br>\n Enjoying all those things that those who leave miss<br>\n Enjoying nights like the ones that don't happen anymore.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014DtMF<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3sK8wGT43QFpWrvNQsrQya?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430426-Large.webp\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"records-section\" aria-label=\"Album records\">\n <h2 class=\"section-title scroll-animate\">Deb\u00ed Tirar M\u00e1s Fotos Records<\/h2>\n\n <div class=\"records-grid\">\n <div class=\"record-card scroll-animate\" data-record=\"spotify-billion\">\n <div class=\"record-number\">1000M<\/div>\n <p class=\"record-label\">streams on Spotify in just 13 days<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"latin-albums\">\n <div class=\"record-number\">#1<\/div>\n <p class=\"record-label\">on Top Latin Albums for the ninth consecutive time<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"hot-latin-songs\">\n <div class=\"record-number\">189<\/div>\n <p class=\"record-label\">songs on Hot Latin Songs, a historic record<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"apple-music\">\n <div class=\"record-number\">60<\/div>\n <p class=\"record-label\">countries where it reached #1 on Apple Music<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"album-tracks\">\n <div class=\"record-number\">17<\/div>\n <p class=\"record-label\">songs from the album entered Hot Latin Songs<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"billboard-hot-100\">\n <div class=\"record-number\">113<\/div>\n <p class=\"record-label\">Bad Bunny songs on Billboard Hot 100<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"analysis-section\" aria-label=\"Amplifying history\">\n <h2 class=\"section-title scroll-animate\">Amplifying Puerto Rico's History<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, who provided the historical context for\n <a href=\"https:\/\/www.youtube.com\/@BadBunnyPR\/videos\" target=\"_blank\" rel=\"noreferrer noopener\">the YouTube visualizations<\/a>\n of each DtMF song, this album achieved something few cultural products\n accomplish: sparking a desire to learn Puerto Rico's history while critiquing\n displacement, colonization, migration, and what it means to be Puerto Rican.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"Benito didn't have to do this. He could have kept talking about Maseratis,\n about Monaco, about the champagne-drinking lifestyle, but he decided to amplify the history and\n culture of Puerto Rico, and use the biggest platform in the world to\n include historical narratives, to include a critique of displacement through\n the short film with Jacobo Morales,\" analyzed the historian, who\n felt fortunate to collaborate on the project.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n These experiences, beyond being Puerto Rican, struck a chord worldwide.\n That's why songs like DtMF or LO QUE LE PAS\u00d3 A HAWAii became symbols of\n other struggles in places like Palestine, Latin America, and even Hawaii.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1420876469-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Nobody here wanted to leave, those who left dream of coming back<br>\n If someday it's my turn, how much it's gonna hurt.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014LO QUE LE PAS\u00d3 A HAWAii<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/1Hg0e997pObvZ91w1FCPFk?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n \"The sensitivity of a song like DTmF allows people in different\n parts of the Global South to identify with it because many countries are experiencing displacement,\n not just Puerto Rico,\" he added.\n <\/p>\n <\/div>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1242171429-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"Why consider DtMF a Puerto Rican anthem?\">\n <h2 class=\"section-title scroll-animate\">Why Consider DtMF a Puerto Rican Anthem?<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"It managed to include elements that have been crucial in the creation\n of past anthems, which is nostalgia, that patriotic feeling of being proud to be from this terru\u00f1o we call Puerto Rico. So yes, for me the entire album is an anthem.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <p class=\"section-text scroll-animate\">\n Just like the authors of other unofficial anthems, the album manages to reflect \"an awareness of his own historical subjectivity, and Benito sees himself as a political subject, as a diasporic subject.\"\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1463427749-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The diaspora impact\">\n <h2 class=\"section-title scroll-animate\">DtMF: The Eternal Christmas or How the Diaspora Shaped Benito<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Just as\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bobby Cap\u00f3 wrote So\u00f1ando con Puerto Rico from New York<\/a>\n and Rafael Hern\u00e1ndez\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/#:~:text=de%20la%20libertad.-,1937,-Preciosa\" target=\"_blank\" rel=\"noreferrer noopener\">wrote Preciosa from Mexico<\/a>,\n living outside the island shaped the new perspective Bad Bunny reflects in his latest album.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"That diasporic experience marked Benito and led him to seek how to define\n Puerto Rican identity,\" said Mel\u00e9ndez-Badillo, who considers that, in his case,\n migration also left its mark. \"I also think about my Puerto Rican identity in that\n key,\" and it's probably the eternal dialogue between boricuas on the\n island and the over 5 million living in the diaspora.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n The historian added that, if the album Un Verano Sin Ti (2022) was seen as the eternal\n summer in the Caribbean, DeB\u00cd TiRAR M\u00e1S FOToS can be read \"as the eternal Christmas in\n Puerto Rico, but at the same time, the theme is one about displacement, about\n cultural and national affirmation.\"\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"In my life you were a tourist<br>\n You only saw the best of me<br>\n And not what I was suffering.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014TURiSTA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/7tCuCjhxzjX2XCz4JiiAsp?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The Residency\">\n <h2 class=\"section-title scroll-animate\">The Residency as a \"Love Letter\" to the Homeland<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Beyond breaking records and generating an estimated $200 million economic impact,\n the Residency represents Bad Bunny's stance toward the music industry and Puerto Rico's\n historical context as an unincorporated territory of the United States\u2014a colony in the 21st century.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"It's a love letter to Puerto Rico and there's an institutionality and a very concrete\n political statement in not including the United States in the entire\n tour... There's a decentralization of where things are usually produced\n from,\" explained Mel\u00e9ndez-Badillo.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Here they killed people for taking out the flag<br>\n That's why now I carry it wherever I go.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014LA MuDANZA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3G7agPwWfcORnWCAGMDOpm?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"This album and the Residency have increased and deepened that thirst\n for Puerto Rico's history, and I can only applaud the gesture and\n the impact that the Residency will have.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <\/div>\n\n\n<section class=\"timeline-section\" aria-label=\"Political moments\">\n <h2 class=\"timeline-title\">Bad Bunny's 5 Most Political Moments<\/h2>\n\n <div class=\"timeline-container\">\n <div class=\"timeline\">\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2018<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430268-Large.webp\"\n alt=\"Bad Bunny on The Tonight Show\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Hurricane Mar\u00eda on The Tonight Show<\/h3>\n <p>\n \"Benito's first post-Mar\u00eda anthem was 'Estamos Bien,' and not just the song, but\n <a href=\"https:\/\/www.youtube.com\/watch?v=SIQXI0UuX8M\" target=\"_blank\" rel=\"noopener\">the performance he had on Jimmy Fallon's show<\/a>,\n his first performance on American national television,\" said the historian.\n <\/p>\n <p>\n On that show, Bad Bunny presented photos of Hurricane Mar\u00eda and said in broken English before singing the song:\n \"After a year of the hurricane, there are still people without electricity in their homes.\n <a href=\"https:\/\/apnews.com\/general-news-national-national-4c2cec38ab6d4a5b8e2d09a8513191d9\" target=\"_blank\" rel=\"noopener\">More than 3,000 people died<\/a>\n and Trump is still in denial.\"\n <\/p>\n <p>\n For Mel\u00e9ndez-Badillo, that political stance gave depth to the first single from Bad Bunny's first studio album, X100pre (2018).\n \"I believe it's an anthem because, just as Hijos del Ca\u00f1averal appealed to a deep sensitivity, in that moment of multiple crises\n Estamos Bien was like the affirmation that we're going to get through this,\" he expressed.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2019<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1157691837.webp\"\n alt=\"Ricky resign protests in Puerto Rico\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Sharpening Knives<\/h3>\n <p>\n In the midst of protests demanding the resignation of then-Governor Ricardo Rossell\u00f3, Bad Bunny not only led demonstrations in the streets,\n but also released alongside Residente (Ren\u00e9 P\u00e9rez) and iLe (Ileana Cabra) a protest song that was recorded in one day.\n <\/p>\n <p>\n The song was recorded in one day and released on July 17, 2019. Eight days later (July 24), Rossell\u00f3 announced his resignation.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1203792316.webp\"\n alt=\"Bad Bunny on The Tonight Show with message about Alexa\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Naming Alexa<\/h3>\n <p>\n In February 2020,\n <a href=\"https:\/\/www.bbc.com\/mundo\/noticias-america-latina-51651893\" target=\"_blank\" rel=\"noopener\">the murder of Neulisa Luciano Ruiz<\/a> shook Puerto Rico. She was\n 28 years old, also known as Alexa or Alicia, a poor, Black transgender woman who lived on the streets.\n <\/p>\n <p>\n Shortly after the hate crime, for which two of the defendants were\n <a href=\"https:\/\/www.telemundopr.com\/noticias\/puerto-rico\/sentencian-a-33-meses-de-carcel-a-convictos-por-agredir-y-hostigar-a-alexa\/2534173\/\" target=\"_blank\" rel=\"noopener\">sentenced to 33 months in prison<\/a>,\n Bad Bunny <a href=\"https:\/\/www.lavanguardia.com\/de-moda\/moda\/20200229\/473840735030\/bad-bunny-disco-camiseta-alexa-asesinato.html\" target=\"_blank\" rel=\"noopener\">appeared again on Jimmy Fallon's show<\/a>\n to present his album YHLQMDLG (2020) and sang wearing a skirt and a t-shirt that highlighted the hate crime against Neulisa Luciano Ruiz.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1249328608-1.jpg\"\n alt=\"George Floyd mural\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Poem for George Floyd<\/h3>\n <p>\n \"I swear it hurts me and it hurts to even think that today still because of skin color someone, can they kill them?\n In a world like this, I can't breathe either,\" reads part of Bad Bunny's poem published in\n <a href=\"https:\/\/time.com\/5852446\/bad-bunny-black-lives-matter\/\" target=\"_blank\" rel=\"noopener\">TIME<\/a>\n in Spanish and English.\n <\/p>\n <p>\n He referenced not only the phrase Floyd said before dying (\"I can't breathe\"), but also the anti-racist social movement Black Lives Matter\n and experiences he said he had as a child in Puerto Rico, when they told him he had \"bad\" hair because it was curly.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2022<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-08-at-12.35.45%E2%80%AFPM.png\"\n alt=\"Bad Bunny's El Apag\u00f3n documentary\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>El Apag\u00f3n (The Blackout)<\/h3>\n <p>\n \"El Apag\u00f3n seems to me to have been extremely important in Benito's musical trajectory, not just because of the song,\n but because of the historical documentary,\" said Mel\u00e9ndez-Badillo about the eighth single from the album Un Verano Sin Ti (May 2022)\n and the documentary video released in September of that same year with journalist Bianca Graulau as narrator.\n <\/p>\n <p>\n It addresses Puerto Rico's energy collapse, privatization, and what that represents for island residents.\n The historian shared that he uses this documentary in his classes to talk about displacement and gentrification.\n <\/p>\n <p>\n Additionally, the song has the iconic phrase \"Puerto Rico est\u00e1 bien cab%$#\" (Puerto Rico is f***ing amazing), which \"can be read on multiple levels,\" according to Mel\u00e9ndez-Badillo.\n It represents not only that Puerto Rico is beautiful, but also how difficult it is to live here.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n<section class=\"credits-sources-section\" aria-label=\"Credits and sources\">\n <div class=\"credits-container\">\n \n <div class=\"photo-credits\">\n <h3 class=\"credits-title\">Photo Credits<\/h3>\n <p class=\"credits-text\">\n Photos in order of appearance: Gladys Vega; NBCU Photo Bank; Theo Wargo; Ricardo Arduengo;\n Timothy Norris\/FilmMagic; NBCU Photo Bank; Pedro Portal\/Miami Herald\/TNS; NBCU Photo Bank (Getty Images).\n <\/p>\n <\/div>\n\n \n <div class=\"sources-credits\">\n <h3 class=\"credits-title\">Record Sources<\/h3>\n <ul class=\"sources-list\">\n <li>\n <a href=\"https:\/\/hit-channel.com\/bad-bunny-new-album-records-residency\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS Breaks Spotify Record & Sells Out Residency - Hit Channel\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/espanol\/noticias\/bad-bunny-debi-tirar-mas-fotos-debuta-no-1-de-top-latin-albums-1235875279\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n 'Deb\u00ed Tirar M\u00e1s Fotos' de Bad Bunny debuta en el No. 1 de la lista Top Latin Albums - Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/music\/chart-beat\/bad-bunny-dtmf-debuts-number-1-tiktok-billboard-top-50-1235876454\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny's 'DTMF' Debuts at No. 1 on TikTok Billboard Top 50 - Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.infobae.com\/colombia\/2025\/01\/19\/nuevo-record-para-bad-bunny-debi-tirar-mas-fotos-se-convirtio-en-el-album-masculino-mas-rapido-en-alcanzar-miles-de-millones-de-streamings\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Nuevo r\u00e9cord para Bad Bunny: 'Deb\u00ed tirar m\u00e1s fotos' se convirti\u00f3 en el \u00e1lbum masculino m\u00e1s r\u00e1pido en alcanzar miles de millones de streamings - Infobae\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"editorial-credits\">\n <p class=\"editorial-note\">\n Compiled by Cindy Burgos Alvarado | PlateaPR | Component developed with help from Claude.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n<\/section>\n\n<script>\n(function() {\n 'use strict';\n\n \/\/ Ensure we don't run multiple instances\n if (window.BBHimnoEditorialInitialized) return;\n window.BBHimnoEditorialInitialized = true;\n\n const BBHimnoEditorial = {\n wrapper: document.getElementById('bb-himno-editorial-2025'),\n\n init: function() {\n if (!this.wrapper) return;\n\n this.setupScrollAnimations();\n this.setupScrollDepthTracking();\n this.setupClickTracking();\n this.setupNumberAnimation();\n this.setupMobileNavigation();\n },\n\n setupScrollAnimations: function() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const scrollObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n \/\/ Add staggered delay for grouped elements\n const delay = index * 0.1;\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, delay * 100);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animated elements\n const animatedElements = this.wrapper.querySelectorAll(\n '.scroll-animate, .intro-text, .section-title, .section-text, ' +\n '.song-integration, .timeline-item, .record-card, .quote-highlight, ' +\n '.bb-quote'\n );\n\n animatedElements.forEach(el => scrollObserver.observe(el));\n },\n\n setupScrollDepthTracking: function() {\n const scrollThresholds = [25, 50, 75, 100];\n const trackedDepths = {};\n\n const trackScrollDepth = () => {\n const documentHeight = document.documentElement.scrollHeight;\n const viewportHeight = window.innerHeight;\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n\n \/\/ Calculate current scroll percentage\n const scrollPercentage = Math.floor(((scrollTop + viewportHeight) \/ documentHeight) * 100);\n\n scrollThresholds.forEach(threshold => {\n if (scrollPercentage >= threshold && !trackedDepths[threshold]) {\n this.sendGtagEvent('scroll_depth', `${threshold}%`);\n trackedDepths[threshold] = true; \/\/ Mark as tracked\n }\n });\n };\n\n window.addEventListener('scroll', trackScrollDepth);\n trackScrollDepth(); \/\/ Initial check\n },\n\n setupClickTracking: function() {\n \/\/ Track all links\n this.wrapper.addEventListener('click', (e) => {\n if (e.target.matches('a') || e.target.closest('a')) {\n const link = e.target.matches('a') ? e.target : e.target.closest('a');\n const label = link.textContent.trim() || link.getAttribute('aria-label') || 'Unknown Link';\n this.sendGtagEvent('clicks', label);\n }\n });\n\n \/\/ Track navigation links specifically\n const navLinks = this.wrapper.querySelectorAll('.nav-link');\n navLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Nav: ${link.textContent.trim()}`);\n });\n });\n\n const mobileNavLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileNavLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Mobile Nav: ${link.textContent.trim()}`);\n });\n });\n },\n\n setupNumberAnimation: function() {\n const numberElements = this.wrapper.querySelectorAll('.record-number');\n\n const numberObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.classList.contains('animated')) {\n const finalText = entry.target.textContent;\n const hasHash = finalText.includes('#');\n const hasM = finalText.includes('M');\n\n \/\/ If it's #1, don't animate (leave static)\n if (finalText === '#1') {\n entry.target.classList.add('animated');\n return;\n }\n\n \/\/ Extract the clean number\n const cleanNumber = finalText.replace(\/[#MK,]\/g, '');\n\n if (!isNaN(cleanNumber)) {\n const number = parseFloat(cleanNumber);\n const duration = 2000; \/\/ 2 seconds for the animation\n const startTime = Date.now();\n\n const animateNumber = () => {\n const currentTime = Date.now();\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n\n \/\/ Easing function to make the animation smoother\n const easeOutQuart = 1 - Math.pow(1 - progress, 4);\n const current = Math.floor(number * easeOutQuart);\n\n let display = current.toString();\n if (hasHash) display = '#' + display;\n if (hasM) display = display + 'M';\n\n entry.target.textContent = display;\n\n if (progress < 1) {\n requestAnimationFrame(animateNumber);\n } else {\n entry.target.textContent = finalText;\n }\n };\n\n animateNumber();\n }\n\n entry.target.classList.add('animated');\n }\n });\n }, {\n threshold: 0.5,\n rootMargin: '0px 0px -100px 0px' \/\/ Activates a bit before it's fully visible\n });\n\n numberElements.forEach(el => numberObserver.observe(el));\n },\n\n setupMobileNavigation: function() {\n \/\/ Get navigation elements\n const mobileToggle = this.wrapper.querySelector('.mobile-nav-toggle');\n const mobileMenu = this.wrapper.querySelector('.mobile-nav-overlay');\n const mobileClose = this.wrapper.querySelector('.mobile-nav-close');\n\n if (mobileToggle && mobileMenu) {\n \/\/ Open mobile menu\n mobileToggle.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.add('active');\n document.body.style.overflow = 'hidden';\n });\n\n \/\/ Close mobile menu with X button\n if (mobileClose) {\n mobileClose.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n }\n\n \/\/ Close mobile menu when clicking on a link\n const mobileLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n\n \/\/ Close mobile menu when clicking outside\n mobileMenu.addEventListener('click', (e) => {\n if (e.target === mobileMenu) {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n }\n });\n }\n },\n\n sendGtagEvent: function(eventName, eventLabel) {\n if (typeof gtag === 'function') {\n gtag('event', eventName, {\n 'event_category': 'BB Himno Editorial',\n 'event_label': eventLabel,\n 'value': 1\n });\n } else {\n console.log('Analytics Event:', eventName, eventLabel);\n }\n }\n };\n\n \/\/ Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => BBHimnoEditorial.init());\n } else {\n BBHimnoEditorial.init();\n }\n})();\n<\/script>\n<\/article>\n<\/body>\n<\/html>\n\n","innerContent":["\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity<\/title>\n<style>\n\/* Unique design system for the component *\/\n#bb-himno-editorial-2025 {\n --primary-green: #04d99d;\n --primary-dark: #03b584;\n --primary-light: #05f5b3;\n --accent-blue: #68b9ff;\n --accent-yellow: #fecd6c;\n --bg-dark: #0a0a0a;\n --bg-darker: #000000;\n --text-white: #ffffff;\n --text-gray: #b0b0b0;\n --text-light-gray: #e0e0e0;\n\n font-family: Georgia, 'Times New Roman', serif !important;\n color: var(--text-white) !important;\n background-color: var(--bg-dark) !important;\n line-height: 1.6 !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden !important;\n position: relative !important;\n width: auto !important;\n max-width: none !important;\n}\n\n\/* Specific reset to avoid WordPress interference *\/\n#bb-himno-editorial-2025 *,\n#bb-himno-editorial-2025 *::before,\n#bb-himno-editorial-2025 *::after {\n box-sizing: border-box !important;\n}\n\n\/* Protect against WordPress styles on specific elements *\/\n#bb-himno-editorial-2025 h1,\n#bb-himno-editorial-2025 h2,\n#bb-himno-editorial-2025 h3,\n#bb-himno-editorial-2025 p,\n#bb-himno-editorial-2025 div,\n#bb-himno-editorial-2025 section,\n#bb-himno-editorial-2025 article {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n}\n\n\/* Protect links against theme styles - but allow specific styling *\/\n#bb-himno-editorial-2025 a {\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n font-family: inherit !important;\n}\n\n\/* Specific links in content *\/\n#bb-himno-editorial-2025 .intro-text a,\n#bb-himno-editorial-2025 .section-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .intro-text a:hover,\n#bb-himno-editorial-2025 .section-text a:hover {\n text-decoration: underline !important;\n}\n\n\/* Specific links in timeline *\/\n#bb-himno-editorial-2025 .timeline-text a {\n color: var(--primary-green) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:hover {\n text-decoration: underline !important;\n color: var(--primary-light) !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text a:visited {\n color: var(--primary-green) !important;\n}\n\n\/* Protect Spotify iframes *\/\n#bb-himno-editorial-2025 iframe {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n\/* Hero Section with background image *\/\n#bb-himno-editorial-2025 .hero-section {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n overflow: hidden;\n background: var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n}\n\n#bb-himno-editorial-2025 .hero-background img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n opacity: 1;\n}\n\n#bb-himno-editorial-2025 .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.1) 60%,\n rgba(0, 0, 0, 0.7) 90%,\n rgba(0, 0, 0, 0.95) 100%\n );\n z-index: 2;\n}\n\n#bb-himno-editorial-2025 .hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n max-width: 800px;\n padding: 0 2rem 3rem 2rem;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n margin-top: 75vh;\n}\n\n#bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 3.5rem) !important;\n font-weight: 900 !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n letter-spacing: -0.02em !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-title .highlight {\n color: var(--primary-green);\n font-style: italic;\n}\n\n#bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.3rem, 3vw, 1.8rem) !important;\n font-weight: 300 !important;\n color: var(--text-light-gray) !important;\n margin-bottom: 2rem !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n opacity: 0;\n animation: fadeInUp 1s ease 0.3s forwards;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .hero-meta span {\n display: inline-block;\n margin: 0 1rem;\n}\n\n\/* Byline Section *\/\n#bb-himno-editorial-2025 .byline-section {\n background: #000;\n padding: 40px 0;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .byline-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n\/* Date at the top *\/\n#bb-himno-editorial-2025 .byline-date {\n text-align: left;\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n margin-bottom: 1rem;\n}\n\n#bb-himno-editorial-2025 .byline-authors {\n display: flex;\n gap: 4rem;\n align-items: center;\n justify-content: flex-start;\n padding-bottom: 2rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n#bb-himno-editorial-2025 .author-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n\/* Circular avatar *\/\n#bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n object-fit: cover;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .author-details {\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .author-name {\n font-size: .9rem !important;\n font-weight: 400 !important;\n color: var(--text-white) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .author-role {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Main Content Container *\/\n#bb-himno-editorial-2025 .content-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n\/* Introduction Section *\/\n#bb-himno-editorial-2025 .intro-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .intro-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .intro-text {\n font-size: 1.3rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.8s ease forwards;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(2) {\n animation-delay: 0.2s;\n}\n\n#bb-himno-editorial-2025 .intro-text:nth-child(3) {\n animation-delay: 0.4s;\n}\n\n\/* Hero image for specific sections *\/\n#bb-himno-editorial-2025 .section-hero-image {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n height: 60vh;\n min-height: 650px;\n background: rgba(255, 255, 255, 0.05);\n border: 2px dashed rgba(4, 217, 157, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n\/* Quote Highlights - Consolidated version *\/\n#bb-himno-editorial-2025 .quote-highlight {\n display: block;\n max-width: 600px;\n padding: 2rem 2rem;\n margin: 2rem auto;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 100%, rgba(4, 217, 157, 0.08) 100%);\n border-left: 4px solid var(--primary-green);\n border-radius: 20px;\n}\n\n#bb-himno-editorial-2025 .quote-text {\n font-size: clamp(2rem, 2.5vw, 2rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--text-white) !important;\n margin-bottom: 1.5rem !important;\n font-weight: 500 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n#bb-himno-editorial-2025 .quote-author {\n font-size: 1rem !important;\n color: var(--primary-green) !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Song Integration Block - Consolidated version *\/\n#bb-himno-editorial-2025 .song-integration {\n margin: 3rem auto;\n padding: 3rem 2rem;\n max-width: 650px;\n background: var(--bg-darker);\n border-radius: 1rem;\n position: relative;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .song-integration.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .song-integration-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .song-lyric {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n#bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.8rem, 2.8vw, 2.5rem) !important;\n font-style: italic !important;\n line-height: 1.4 !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 300 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase !important;\n letter-spacing: 0.2em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .song-integration iframe {\n border-radius: 10px;\n}\n\n\/* Analysis Sections *\/\n#bb-himno-editorial-2025 .analysis-section {\n padding: 4rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .analysis-section:last-child {\n border-bottom: none;\n}\n\n#bb-himno-editorial-2025 .section-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 800 !important;\n line-height: 1.4 !important;\n text-align: center !important;\n margin-bottom: 2rem !important;\n color: var(--text-white) !important;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n text-decoration: none !important;\n}\n\n#bb-himno-editorial-2025 .section-title.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .section-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .section-text {\n font-size: 1.2rem !important;\n line-height: 1.8 !important;\n margin-bottom: 2rem !important;\n color: var(--text-light-gray) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n text-transform: none !important;\n}\n\n\/* Political Moments Timeline - Horizontal *\/\n#bb-himno-editorial-2025 .timeline-section {\n padding: 5rem 0;\n background: linear-gradient(to bottom, var(--bg-dark) 0%, var(--bg-darker) 100%);\n overflow: hidden;\n}\n\n#bb-himno-editorial-2025 .timeline-title {\n text-align: center;\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 3rem !important;\n color: var(--primary-green) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-container {\n position: relative;\n width: 100vw;\n max-width: none;\n overflow-x: auto;\n overflow-y: hidden;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n padding: 0 2rem 2rem;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: var(--primary-green) rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar {\n height: 8px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline-container::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 4px;\n}\n\n#bb-himno-editorial-2025 .timeline {\n position: relative;\n display: flex;\n gap: 2rem;\n padding: 4rem 0 0;\n width: calc(320px * 5 + 8rem);\n min-width: calc(320px * 5 + 8rem);\n}\n\n#bb-himno-editorial-2025 .timeline::before {\n content: '';\n position: absolute;\n top: 30px;\n left: 0;\n right: 0;\n height: 2px;\n background: rgba(4, 217, 157, 0.3);\n}\n\n#bb-himno-editorial-2025 .timeline-item {\n position: relative;\n flex: 0 0 320px;\n height: 450px;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-item.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .timeline-date {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--bg-darker);\n padding: 0.5rem 1rem;\n font-size: 1.2rem !important;\n font-weight: 700 !important;\n color: var(--primary-green) !important;\n white-space: nowrap;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-date::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 12px;\n height: 12px;\n background: var(--primary-green);\n border-radius: 50%;\n box-shadow: 0 0 0 4px var(--bg-darker);\n}\n\n#bb-himno-editorial-2025 .timeline-content {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(4, 217, 157, 0.3);\n padding: 0;\n height: 100%;\n transition: all 0.3s ease;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n#bb-himno-editorial-2025 .timeline-content:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .timeline-image {\n width: 100%;\n height: 180px;\n overflow: hidden;\n position: relative;\n flex-shrink: 0;\n}\n\n#bb-himno-editorial-2025 .timeline-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.3s ease;\n}\n\n#bb-himno-editorial-2025 .timeline-text {\n padding: 1.5rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n max-height: 220px;\n}\n\n\/* Style the scrollbar to look good *\/\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar {\n width: 6px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb {\n background: var(--primary-green);\n border-radius: 3px;\n}\n\n#bb-himno-editorial-2025 .timeline-text::-webkit-scrollbar-thumb:hover {\n background: var(--primary-dark);\n}\n\n#bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.2rem !important;\n margin-bottom: 0.8rem !important;\n color: var(--text-white) !important;\n line-height: 1.3 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .timeline-text p {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n color: var(--text-gray) !important;\n margin-bottom: 0.8rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Records Section *\/\n#bb-himno-editorial-2025 .records-section {\n padding: 5rem 0;\n background: var(--bg-dark);\n}\n\n#bb-himno-editorial-2025 .records-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n}\n\n#bb-himno-editorial-2025 .record-card {\n padding: 2rem;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(4, 217, 157, 0.2);\n border-radius: 1rem;\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n}\n\n#bb-himno-editorial-2025 .record-card.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#bb-himno-editorial-2025 .record-card:hover {\n background: rgba(4, 217, 157, 0.05);\n border-color: var(--primary-green);\n transform: translateY(-5px);\n}\n\n#bb-himno-editorial-2025 .record-number {\n font-size: 3rem !important;\n font-weight: 900 !important;\n color: var(--primary-green) !important;\n margin-bottom: 0.5rem !important;\n line-height: 1 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .record-label {\n font-size: 1rem !important;\n color: var(--text-gray) !important;\n line-height: 1.4 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Final CTA *\/\n#bb-himno-editorial-2025 .cta-section {\n padding: 5rem 0;\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.05) 100%);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .cta-content {\n max-width: 700px;\n margin: 0 auto;\n}\n\n#bb-himno-editorial-2025 .cta-title {\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\n margin-bottom: 1rem !important;\n color: var(--text-white) !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .cta-text {\n font-size: 1.2rem !important;\n color: var(--text-gray) !important;\n margin-bottom: 2rem !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* BB Quote *\/\n#bb-himno-editorial-2025 .bb-quote {\n background: linear-gradient(135deg, rgba(4, 217, 157, 0.15) 0%, rgba(4, 217, 157, 0.08) 100%);\n padding: 3rem 3rem;\n border-radius: 1.5rem;\n margin: 2rem auto;\n max-width: 700px;\n text-align: center;\n border: 2px solid rgba(4, 217, 157, 0.3);\n box-shadow: 0 8px 32px rgba(4, 217, 157, 0.1);\n}\n\n#bb-himno-editorial-2025 .bb-quote-text {\n font-size: 1.4rem !important;\n font-style: italic !important;\n color: var(--text-white) !important;\n line-height: 1.5 !important;\n font-weight: 400 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .bb-quote-author {\n font-size: 1.1rem !important;\n color: var(--primary-green) !important;\n margin-top: 1.5rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.05em !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 0.5;\n }\n 50% {\n transform: scale(1.1);\n opacity: 0.8;\n }\n}\n\n\/* Navigation Menu - Fixed for WordPress *\/\n.top-navigation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: #000;\n z-index: 100;\n padding: 1rem 0;\n}\n\n.nav-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.nav-menu {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.nav-item {\n margin: 0;\n}\n\n\/* Navigation links with stronger specificity *\/\n.top-navigation .nav-menu .nav-item .nav-link,\n.top-navigation .nav-menu .nav-item a.nav-link {\n color: #fff !important;\n text-decoration: none !important;\n font-size: 0.95rem;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 600;\n padding: 0.5rem 1rem;\n transition: color 0.3s ease !important;\n white-space: nowrap;\n background: none !important;\n border: none !important;\n}\n\n\/* HOVER with maximum specificity *\/\n.top-navigation .nav-menu .nav-item a.nav-link:hover,\n.top-navigation .nav-menu .nav-item .nav-link:hover,\n.top-navigation .nav-menu .nav-item a.nav-link:focus,\n.top-navigation .nav-menu .nav-item .nav-link:focus,\n.top-navigation .nav-menu .nav-item a.nav-link:active,\n.top-navigation .nav-menu .nav-item .nav-link:active,\nnav.top-navigation ul.nav-menu li.nav-item a.nav-link:hover {\n color: #04d99d !important;\n text-decoration: none !important;\n background: none !important;\n}\n\n\/* Visited state *\/\n.top-navigation .nav-menu .nav-item a.nav-link:visited {\n color: #fff !important;\n}\n\n\/* Mobile Navigation Button *\/\n.mobile-nav-toggle {\n display: none !important;\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 1.5rem !important;\n cursor: pointer !important;\n padding: 0.5rem !important;\n position: relative !important;\n z-index: 101 !important;\n}\n\n.mobile-nav-toggle:hover {\n color: #04d99d !important;\n}\n\n\/* Mobile overlay *\/\n.mobile-nav-overlay {\n display: none !important;\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: #000 !important;\n z-index: 999999 !important;\n overflow-y: auto !important;\n}\n\n.mobile-nav-overlay.active {\n display: flex !important;\n flex-direction: column !important;\n}\n\n.mobile-nav-overlay .mobile-nav-header {\n display: flex !important;\n justify-content: flex-start !important;\n align-items: center !important;\n padding: 2rem 2rem 1rem 2rem !important;\n flex-shrink: 0 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close {\n background: none !important;\n border: none !important;\n color: #fff !important;\n font-size: 2.5rem !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n cursor: pointer !important;\n padding: 0 !important;\n line-height: 1 !important;\n font-weight: 300 !important;\n}\n\n.mobile-nav-overlay .mobile-nav-close:hover {\n color: #04d99d !important;\n}\n\n.mobile-nav-overlay .mobile-nav-content {\n flex: 1 !important;\n padding: 1rem 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-list {\n flex-direction: column !important;\n gap: 0 !important;\n align-items: flex-start !important;\n padding: 0 !important;\n margin: 0 !important;\n list-style: none !important;\n display: flex !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-item {\n margin: 0 !important;\n width: 100% !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link {\n display: block !important;\n text-align: left !important;\n padding: 1.8rem 2rem !important;\n width: 100% !important;\n font-size: 1.5rem !important;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n color: #fff !important;\n text-decoration: none !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n font-weight: 700 !important;\n transition: color 0.3s ease !important;\n box-sizing: border-box !important;\n background: none !important;\n}\n\n.mobile-nav-overlay .mobile-nav-link:hover {\n color: #04d99d !important;\n}\n\n\/* Tablet responsive *\/\n@media (max-width: 1024px) and (min-width: 769px) {\n #bb-himno-editorial-2025 .hero-content {\n margin-top: 70vh;\n padding: 0 2rem 3rem 2rem;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.6rem) !important;\n }\n\n .nav-menu {\n gap: 1.5rem;\n }\n\n .top-navigation .nav-menu .nav-item .nav-link,\n .top-navigation .nav-menu .nav-item a.nav-link {\n font-size: 0.9rem;\n padding: 0.4rem 0.8rem;\n }\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .hero-section {\n min-height: 100vh;\n }\n\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1.5rem 2rem 1.5rem;\n margin-top: 65vh;\n max-width: 100%;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(2rem, 8vw, 3.5rem) !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.4rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta {\n font-size: 0.9rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n margin: 0 0.5rem;\n }\n\n #bb-himno-editorial-2025 .byline-authors {\n flex-direction: column;\n gap: 2rem;\n align-items: flex-start;\n }\n\n #bb-himno-editorial-2025 .author-item {\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .author-avatar {\n width: 50px;\n height: 50px;\n }\n\n #bb-himno-editorial-2025 .author-name {\n font-size: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-container {\n padding: 0 2rem 2rem;\n }\n\n #bb-himno-editorial-2025 .timeline {\n width: calc(280px * 5 + 10rem);\n min-width: calc(280px * 5 + 10rem);\n padding: 4rem 1.5rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .timeline-item {\n flex: 0 0 300px;\n height: 420px;\n }\n\n #bb-himno-editorial-2025 .timeline-image {\n height: 160px;\n }\n\n #bb-himno-editorial-2025 .timeline-text {\n padding: 1.2rem;\n max-height: 220px;\n }\n\n #bb-himno-editorial-2025 .timeline-text h3 {\n font-size: 1.1rem !important;\n margin-bottom: 0.6rem !important;\n }\n\n #bb-himno-editorial-2025 .timeline-text p {\n font-size: 1rem !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-text {\n font-size: clamp(1.6rem, 5vw, 2.2rem) !important;\n line-height: 1.4 !important;\n }\n\n #bb-himno-editorial-2025 .quote-highlight {\n padding: 2rem 1.2rem !important;\n margin: 1.5rem 0.5rem !important;\n max-width: calc(100% - 1rem) !important;\n }\n\n \/* Song integration takes more space on mobile *\/\n #bb-himno-editorial-2025 .song-integration {\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n padding: 2.5rem 1.5rem !important;\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n border-radius: 0 !important;\n }\n\n #bb-himno-editorial-2025 .song-integration-content {\n max-width: none !important;\n width: 100% !important;\n }\n\n #bb-himno-editorial-2025 .song-integration iframe {\n width: 100% !important;\n max-width: none !important;\n border-radius: 8px !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-text {\n font-size: clamp(1.6rem, 6vw, 2.2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #bb-himno-editorial-2025 .song-lyric-title {\n font-size: 1.1rem !important;\n margin-bottom: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .bb-quote {\n padding: 2.5rem 2rem;\n margin: 1.5rem auto;\n width: 90%;\n max-width: none;\n border-width: 2px;\n }\n\n #bb-himno-editorial-2025 .records-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n #bb-himno-editorial-2025 .record-card {\n padding: 1.5rem 1rem;\n }\n\n #bb-himno-editorial-2025 .record-number {\n font-size: 2rem !important;\n }\n\n #bb-himno-editorial-2025 .record-label {\n font-size: 0.95rem !important;\n }\n\n .nav-container {\n padding: 0 1.5rem !important;\n justify-content: space-between !important;\n position: relative !important;\n }\n\n .nav-menu {\n display: none !important;\n }\n\n .mobile-nav-toggle {\n display: block !important;\n position: static !important;\n left: auto !important;\n top: auto !important;\n transform: none !important;\n }\n\n .mobile-nav-overlay .mobile-nav-header {\n padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-close {\n font-size: 1.5rem !important;\n }\n\n .mobile-nav-overlay .mobile-nav-link {\n padding: 1.2rem 1.2rem !important;\n font-size: 1.1rem !important;\n }\n}\n\n\/* Extra small mobile *\/\n@media (max-width: 480px) {\n #bb-himno-editorial-2025 .hero-content {\n padding: 0 1rem 1.5rem 1rem;\n margin-top: 60vh;\n }\n\n #bb-himno-editorial-2025 .hero-title {\n font-size: clamp(1.8rem, 9vw, 2.8rem) !important;\n margin-bottom: 0.8rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-subtitle {\n font-size: clamp(0.9rem, 4.5vw, 1.2rem) !important;\n margin-bottom: 1rem !important;\n }\n\n #bb-himno-editorial-2025 .hero-meta span {\n display: block;\n margin: 0.2rem 0;\n }\n}\n\n\/* Credits and Sources Section *\/\n#bb-himno-editorial-2025 .credits-sources-section {\n padding: 4rem 0 2rem;\n background: rgba(255, 255, 255, 0.02);\n margin-top: 3rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#bb-himno-editorial-2025 .credits-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n#bb-himno-editorial-2025 .photo-credits,\n#bb-himno-editorial-2025 .sources-credits {\n margin-bottom: 2.5rem;\n}\n\n#bb-himno-editorial-2025 .credits-title {\n font-size: 1.2rem !important;\n color: var(--primary-green) !important;\n margin-bottom: 1rem !important;\n font-weight: 600 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .credits-text {\n font-size: 0.95rem !important;\n line-height: 1.6 !important;\n color: var(--text-gray) !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li {\n margin-bottom: 1rem !important;\n padding-left: 1.2rem !important;\n position: relative !important;\n}\n\n#bb-himno-editorial-2025 .sources-list li:before {\n content: \"\u2022\" !important;\n color: var(--primary-green) !important;\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n font-weight: bold !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a {\n color: var(--text-gray) !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n line-height: 1.5 !important;\n transition: color 0.3s ease !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n#bb-himno-editorial-2025 .sources-list a:hover {\n color: var(--primary-green) !important;\n text-decoration: underline !important;\n}\n\n#bb-himno-editorial-2025 .editorial-credits {\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n}\n\n#bb-himno-editorial-2025 .editorial-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n font-style: italic !important;\n margin: 0 !important;\n font-family: Georgia, 'Times New Roman', serif !important;\n}\n\n\/* Mobile adjustments *\/\n@media (max-width: 768px) {\n #bb-himno-editorial-2025 .credits-container {\n padding: 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .credits-sources-section {\n padding: 3rem 0 1.5rem;\n }\n\n #bb-himno-editorial-2025 .sources-list li {\n padding-left: 1rem !important;\n }\n}\n\n\/* Accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n #bb-himno-editorial-2025 *,\n #bb-himno-editorial-2025 *::before,\n #bb-himno-editorial-2025 *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n<article id=\"bb-himno-editorial-2025\" role=\"main\" aria-label=\"DeB\u00cd TiRAR M\u00e1S FOToS: An Ode to Puerto Rican Identity\">\n\n<nav class=\"top-navigation\" aria-label=\"Main navigation\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">Homepage<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/que-saber-hoy\/\" class=\"nav-link\">What to Know<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-hacer\/\" class=\"nav-link\">What to Do<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/category\/que-comer\/\" class=\"nav-link\">What to Eat<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/el-pulso-deportivo\/\" class=\"nav-link\">Sports<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/suscripciones\/\" class=\"nav-link\">Subscribe<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\">Map<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a>\n <\/li>\n <li class=\"nav-item\">\n <a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About Us<\/a>\n <\/li>\n <\/ul>\n <\/div>\n<\/nav>\n\n\n <section class=\"hero-section\" aria-label=\"Introduction\">\n <div class=\"hero-background\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1411547682-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n loading=\"eager\">\n <\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n<h1 class=\"hero-title\">\n DtMF and Bad Bunny's Residency:<span class=\"highlight\"> \"A Love Letter to Puerto Rico\"<\/span>\n<\/h1>\n <p class=\"hero-subtitle\">\n Historian Jorell Mel\u00e9ndez-Badillo analyzes the impact of the\n \"No Me Quiero Ir De Aqu\u00ed\" Residency and how Bad Bunny's latest album\n could be considered a new unofficial anthem of Puerto Rico\n <\/p>\n <div class=\"hero-meta\">\n <span>July 10, 2025<\/span>\n <span>\u2022<\/span>\n <span>Cultural Analysis<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"byline-section\" aria-label=\"Credits\">\n <div class=\"byline-container\">\n <div class=\"byline-authors\">\n <div class=\"author-item\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&width=200\"\n alt=\"Cindy Burgos Alvarado\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Written by Cindy Burgos Alvarado<\/p>\n <\/div>\n <\/div>\n <div class=\"author-item\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2022\/07\/Screenshot-2025-07-04-at-12.09.25 AM.webp\"\n alt=\"Heidee Rol\u00f3n Cintr\u00f3n\"\n class=\"author-avatar\">\n <div class=\"author-details\">\n <p class=\"author-name\">Edited and produced by Heidee Rol\u00f3n Cintr\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"content-wrapper\">\n\n \n <section class=\"intro-section\" aria-label=\"Introduction to the analysis\">\n <div class=\"intro-content\">\n <p class=\"intro-text\">\n When Bad Bunny released \"DtMF\" (Deb\u00ed Tirar M\u00e1s Fotos \/ I Should Have Taken More Photos), he didn't just create an album.\n He composed a musical ode to Puerto Rico, a record that could shape up to be a\n new unofficial anthem of Borinquen.\n <\/p>\n <p class=\"intro-text\">\n According to historian Jorell Mel\u00e9ndez-Badillo, the album transcends\n Spotify and Billboard records to become something deeper: a\n declaration of boricua identity that, in turn, proves once again that the\n artistic creativity of Puerto Ricans knows no limits.\n <\/p>\n <p class=\"intro-text\">\n Furthermore, with the 30 concerts of his historic \"No Me Quiero Ir De Aqu\u00ed\" (I Don't Want to Leave Here)\n Residency at the Coliseo de Puerto Rico Jos\u00e9 Miguel Agrelot, Benito Mart\u00ednez Ocasio continues\n to accumulate artistic milestones with what he called\n <a href=\"https:\/\/www.instagram.com\/p\/DEs37LTyCQx\/\" target=\"_blank\" rel=\"noreferrer noopener\">\"the best project of my career, the most special, the most beautiful\"<\/a>.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"I believe the entire album is like an anthem, an ode to Puerto Rican identity.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n <\/div>\n\n <p class=\"intro-text\">\n In an interview with Platea, after <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">taking a historical journey through Puerto Rico's unofficial anthems<\/a> over a century, Mel\u00e9ndez-Badillo stated that the Residency is \"a gift to Puerto Rico,\" a \"love letter\" from Bad Bunny to his country.\n <\/p>\n\n <p class=\"intro-text\">\n \"Many people would say: but how can you put Benito Antonio Mart\u00ednez Ocasio in the\n same category as our Lola (Rodr\u00edguez de Ti\u00f3), Manuel Fern\u00e1ndez Juncos,\n Virgilio D\u00e1vila, Bobby Cap\u00f3, or (Juan Antonio) Corretjer? They are artists responding to a historical moment in the way they know how. And I believe the reception that\n the album has had proves it. There was a thirst for that kind of cultural affirmation,\"\n added the author of the book Puerto Rico: Historia de una naci\u00f3n (2024).\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other\n unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Another beautiful sunset I see in San Juan<br>\n Enjoying all those things that those who leave miss<br>\n Enjoying nights like the ones that don't happen anymore.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014DtMF<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3sK8wGT43QFpWrvNQsrQya?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430426-Large.webp\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"records-section\" aria-label=\"Album records\">\n <h2 class=\"section-title scroll-animate\">Deb\u00ed Tirar M\u00e1s Fotos Records<\/h2>\n\n <div class=\"records-grid\">\n <div class=\"record-card scroll-animate\" data-record=\"spotify-billion\">\n <div class=\"record-number\">1000M<\/div>\n <p class=\"record-label\">streams on Spotify in just 13 days<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"latin-albums\">\n <div class=\"record-number\">#1<\/div>\n <p class=\"record-label\">on Top Latin Albums for the ninth consecutive time<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"hot-latin-songs\">\n <div class=\"record-number\">189<\/div>\n <p class=\"record-label\">songs on Hot Latin Songs, a historic record<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"apple-music\">\n <div class=\"record-number\">60<\/div>\n <p class=\"record-label\">countries where it reached #1 on Apple Music<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"album-tracks\">\n <div class=\"record-number\">17<\/div>\n <p class=\"record-label\">songs from the album entered Hot Latin Songs<\/p>\n <\/div>\n\n <div class=\"record-card scroll-animate\" data-record=\"billboard-hot-100\">\n <div class=\"record-number\">113<\/div>\n <p class=\"record-label\">Bad Bunny songs on Billboard Hot 100<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"analysis-section\" aria-label=\"Amplifying history\">\n <h2 class=\"section-title scroll-animate\">Amplifying Puerto Rico's History<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, who provided the historical context for\n <a href=\"https:\/\/www.youtube.com\/@BadBunnyPR\/videos\" target=\"_blank\" rel=\"noreferrer noopener\">the YouTube visualizations<\/a>\n of each DtMF song, this album achieved something few cultural products\n accomplish: sparking a desire to learn Puerto Rico's history while critiquing\n displacement, colonization, migration, and what it means to be Puerto Rican.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"Benito didn't have to do this. He could have kept talking about Maseratis,\n about Monaco, about the champagne-drinking lifestyle, but he decided to amplify the history and\n culture of Puerto Rico, and use the biggest platform in the world to\n include historical narratives, to include a critique of displacement through\n the short film with Jacobo Morales,\" analyzed the historian, who\n felt fortunate to collaborate on the project.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n These experiences, beyond being Puerto Rican, struck a chord worldwide.\n That's why songs like DtMF or LO QUE LE PAS\u00d3 A HAWAii became symbols of\n other struggles in places like Palestine, Latin America, and even Hawaii.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1420876469-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Nobody here wanted to leave, those who left dream of coming back<br>\n If someday it's my turn, how much it's gonna hurt.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014LO QUE LE PAS\u00d3 A HAWAii<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/1Hg0e997pObvZ91w1FCPFk?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n \"The sensitivity of a song like DTmF allows people in different\n parts of the Global South to identify with it because many countries are experiencing displacement,\n not just Puerto Rico,\" he added.\n <\/p>\n <\/div>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1242171429-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"Why consider DtMF a Puerto Rican anthem?\">\n <h2 class=\"section-title scroll-animate\">Why Consider DtMF a Puerto Rican Anthem?<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n For Mel\u00e9ndez-Badillo, this album manages to revive the elements found in other unofficial anthems of Puerto Rico, such as Preciosa or En mi Viejo San Juan.\n <\/p>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"It managed to include elements that have been crucial in the creation\n of past anthems, which is nostalgia, that patriotic feeling of being proud to be from this terru\u00f1o we call Puerto Rico. So yes, for me the entire album is an anthem.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <p class=\"section-text scroll-animate\">\n Just like the authors of other unofficial anthems, the album manages to reflect \"an awareness of his own historical subjectivity, and Benito sees himself as a political subject, as a diasporic subject.\"\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"section-hero-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1463427749-1-scaled.jpg\"\n alt=\"Bad Bunny in concert\"\n style=\"width: 100%; height: 100%; object-fit: cover;\">\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The diaspora impact\">\n <h2 class=\"section-title scroll-animate\">DtMF: The Eternal Christmas or How the Diaspora Shaped Benito<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Just as\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bobby Cap\u00f3 wrote So\u00f1ando con Puerto Rico from New York<\/a>\n and Rafael Hern\u00e1ndez\n <a href=\"https:\/\/www.plateapr.com\/canciones-himnos-identidad-puerto-rico\/#:~:text=de%20la%20libertad.-,1937,-Preciosa\" target=\"_blank\" rel=\"noreferrer noopener\">wrote Preciosa from Mexico<\/a>,\n living outside the island shaped the new perspective Bad Bunny reflects in his latest album.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"That diasporic experience marked Benito and led him to seek how to define\n Puerto Rican identity,\" said Mel\u00e9ndez-Badillo, who considers that, in his case,\n migration also left its mark. \"I also think about my Puerto Rican identity in that\n key,\" and it's probably the eternal dialogue between boricuas on the\n island and the over 5 million living in the diaspora.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n The historian added that, if the album Un Verano Sin Ti (2022) was seen as the eternal\n summer in the Caribbean, DeB\u00cd TiRAR M\u00e1S FOToS can be read \"as the eternal Christmas in\n Puerto Rico, but at the same time, the theme is one about displacement, about\n cultural and national affirmation.\"\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"In my life you were a tourist<br>\n You only saw the best of me<br>\n And not what I was suffering.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014TURiSTA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/7tCuCjhxzjX2XCz4JiiAsp?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <section class=\"analysis-section\" aria-label=\"The Residency\">\n <h2 class=\"section-title scroll-animate\">The Residency as a \"Love Letter\" to the Homeland<\/h2>\n <div class=\"section-content\">\n <p class=\"section-text scroll-animate\">\n Beyond breaking records and generating an estimated $200 million economic impact,\n the Residency represents Bad Bunny's stance toward the music industry and Puerto Rico's\n historical context as an unincorporated territory of the United States\u2014a colony in the 21st century.\n <\/p>\n\n <p class=\"section-text scroll-animate\">\n \"It's a love letter to Puerto Rico and there's an institutionality and a very concrete\n political statement in not including the United States in the entire\n tour... There's a decentralization of where things are usually produced\n from,\" explained Mel\u00e9ndez-Badillo.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"song-integration scroll-animate\">\n <div class=\"song-integration-content\">\n <div class=\"song-lyric\">\n <p class=\"song-lyric-text\">\n \"Here they killed people for taking out the flag<br>\n That's why now I carry it wherever I go.\"\n <\/p>\n <p class=\"song-lyric-title\">\u2014LA MuDANZA<\/p>\n <\/div>\n <iframe style=\"border-radius:12px\"\n src=\"https:\/\/open.spotify.com\/embed\/track\/3G7agPwWfcORnWCAGMDOpm?utm_source=generator&theme=0\"\n width=\"100%\"\n height=\"152\"\n frameBorder=\"0\"\n allowfullscreen=\"\"\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div class=\"quote-highlight scroll-animate\">\n <blockquote class=\"quote-text\">\n \"This album and the Residency have increased and deepened that thirst\n for Puerto Rico's history, and I can only applaud the gesture and\n the impact that the Residency will have.\"\n <\/blockquote>\n <cite class=\"quote-author\">Jorell Mel\u00e9ndez-Badillo<\/cite>\n <\/div>\n\n <\/div>\n\n\n<section class=\"timeline-section\" aria-label=\"Political moments\">\n <h2 class=\"timeline-title\">Bad Bunny's 5 Most Political Moments<\/h2>\n\n <div class=\"timeline-container\">\n <div class=\"timeline\">\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2018<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1041430268-Large.webp\"\n alt=\"Bad Bunny on The Tonight Show\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Hurricane Mar\u00eda on The Tonight Show<\/h3>\n <p>\n \"Benito's first post-Mar\u00eda anthem was 'Estamos Bien,' and not just the song, but\n <a href=\"https:\/\/www.youtube.com\/watch?v=SIQXI0UuX8M\" target=\"_blank\" rel=\"noopener\">the performance he had on Jimmy Fallon's show<\/a>,\n his first performance on American national television,\" said the historian.\n <\/p>\n <p>\n On that show, Bad Bunny presented photos of Hurricane Mar\u00eda and said in broken English before singing the song:\n \"After a year of the hurricane, there are still people without electricity in their homes.\n <a href=\"https:\/\/apnews.com\/general-news-national-national-4c2cec38ab6d4a5b8e2d09a8513191d9\" target=\"_blank\" rel=\"noopener\">More than 3,000 people died<\/a>\n and Trump is still in denial.\"\n <\/p>\n <p>\n For Mel\u00e9ndez-Badillo, that political stance gave depth to the first single from Bad Bunny's first studio album, X100pre (2018).\n \"I believe it's an anthem because, just as Hijos del Ca\u00f1averal appealed to a deep sensitivity, in that moment of multiple crises\n Estamos Bien was like the affirmation that we're going to get through this,\" he expressed.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2019<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1157691837.webp\"\n alt=\"Ricky resign protests in Puerto Rico\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Sharpening Knives<\/h3>\n <p>\n In the midst of protests demanding the resignation of then-Governor Ricardo Rossell\u00f3, Bad Bunny not only led demonstrations in the streets,\n but also released alongside Residente (Ren\u00e9 P\u00e9rez) and iLe (Ileana Cabra) a protest song that was recorded in one day.\n <\/p>\n <p>\n The song was recorded in one day and released on July 17, 2019. Eight days later (July 24), Rossell\u00f3 announced his resignation.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1203792316.webp\"\n alt=\"Bad Bunny on The Tonight Show with message about Alexa\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Naming Alexa<\/h3>\n <p>\n In February 2020,\n <a href=\"https:\/\/www.bbc.com\/mundo\/noticias-america-latina-51651893\" target=\"_blank\" rel=\"noopener\">the murder of Neulisa Luciano Ruiz<\/a> shook Puerto Rico. She was\n 28 years old, also known as Alexa or Alicia, a poor, Black transgender woman who lived on the streets.\n <\/p>\n <p>\n Shortly after the hate crime, for which two of the defendants were\n <a href=\"https:\/\/www.telemundopr.com\/noticias\/puerto-rico\/sentencian-a-33-meses-de-carcel-a-convictos-por-agredir-y-hostigar-a-alexa\/2534173\/\" target=\"_blank\" rel=\"noopener\">sentenced to 33 months in prison<\/a>,\n Bad Bunny <a href=\"https:\/\/www.lavanguardia.com\/de-moda\/moda\/20200229\/473840735030\/bad-bunny-disco-camiseta-alexa-asesinato.html\" target=\"_blank\" rel=\"noopener\">appeared again on Jimmy Fallon's show<\/a>\n to present his album YHLQMDLG (2020) and sang wearing a skirt and a t-shirt that highlighted the hate crime against Neulisa Luciano Ruiz.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1249328608-1.jpg\"\n alt=\"George Floyd mural\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>Poem for George Floyd<\/h3>\n <p>\n \"I swear it hurts me and it hurts to even think that today still because of skin color someone, can they kill them?\n In a world like this, I can't breathe either,\" reads part of Bad Bunny's poem published in\n <a href=\"https:\/\/time.com\/5852446\/bad-bunny-black-lives-matter\/\" target=\"_blank\" rel=\"noopener\">TIME<\/a>\n in Spanish and English.\n <\/p>\n <p>\n He referenced not only the phrase Floyd said before dying (\"I can't breathe\"), but also the anti-racist social movement Black Lives Matter\n and experiences he said he had as a child in Puerto Rico, when they told him he had \"bad\" hair because it was curly.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item scroll-animate\">\n <div class=\"timeline-date\">2022<\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-image\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-08-at-12.35.45%E2%80%AFPM.png\"\n alt=\"Bad Bunny's El Apag\u00f3n documentary\"\n loading=\"lazy\">\n <\/div>\n <div class=\"timeline-text\">\n <h3>El Apag\u00f3n (The Blackout)<\/h3>\n <p>\n \"El Apag\u00f3n seems to me to have been extremely important in Benito's musical trajectory, not just because of the song,\n but because of the historical documentary,\" said Mel\u00e9ndez-Badillo about the eighth single from the album Un Verano Sin Ti (May 2022)\n and the documentary video released in September of that same year with journalist Bianca Graulau as narrator.\n <\/p>\n <p>\n It addresses Puerto Rico's energy collapse, privatization, and what that represents for island residents.\n The historian shared that he uses this documentary in his classes to talk about displacement and gentrification.\n <\/p>\n <p>\n Additionally, the song has the iconic phrase \"Puerto Rico est\u00e1 bien cab%$#\" (Puerto Rico is f***ing amazing), which \"can be read on multiple levels,\" according to Mel\u00e9ndez-Badillo.\n It represents not only that Puerto Rico is beautiful, but also how difficult it is to live here.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n<section class=\"credits-sources-section\" aria-label=\"Credits and sources\">\n <div class=\"credits-container\">\n \n <div class=\"photo-credits\">\n <h3 class=\"credits-title\">Photo Credits<\/h3>\n <p class=\"credits-text\">\n Photos in order of appearance: Gladys Vega; NBCU Photo Bank; Theo Wargo; Ricardo Arduengo;\n Timothy Norris\/FilmMagic; NBCU Photo Bank; Pedro Portal\/Miami Herald\/TNS; NBCU Photo Bank (Getty Images).\n <\/p>\n <\/div>\n\n \n <div class=\"sources-credits\">\n <h3 class=\"credits-title\">Record Sources<\/h3>\n <ul class=\"sources-list\">\n <li>\n <a href=\"https:\/\/hit-channel.com\/bad-bunny-new-album-records-residency\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS Breaks Spotify Record & Sells Out Residency - Hit Channel\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/espanol\/noticias\/bad-bunny-debi-tirar-mas-fotos-debuta-no-1-de-top-latin-albums-1235875279\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n 'Deb\u00ed Tirar M\u00e1s Fotos' de Bad Bunny debuta en el No. 1 de la lista Top Latin Albums - Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.billboard.com\/music\/chart-beat\/bad-bunny-dtmf-debuts-number-1-tiktok-billboard-top-50-1235876454\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Bad Bunny's 'DTMF' Debuts at No. 1 on TikTok Billboard Top 50 - Billboard\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.infobae.com\/colombia\/2025\/01\/19\/nuevo-record-para-bad-bunny-debi-tirar-mas-fotos-se-convirtio-en-el-album-masculino-mas-rapido-en-alcanzar-miles-de-millones-de-streamings\/\"\n target=\"_blank\"\n rel=\"noreferrer noopener\">\n Nuevo r\u00e9cord para Bad Bunny: 'Deb\u00ed tirar m\u00e1s fotos' se convirti\u00f3 en el \u00e1lbum masculino m\u00e1s r\u00e1pido en alcanzar miles de millones de streamings - Infobae\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"editorial-credits\">\n <p class=\"editorial-note\">\n Compiled by Cindy Burgos Alvarado | PlateaPR | Component developed with help from Claude.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n<\/section>\n\n<script>\n(function() {\n 'use strict';\n\n \/\/ Ensure we don't run multiple instances\n if (window.BBHimnoEditorialInitialized) return;\n window.BBHimnoEditorialInitialized = true;\n\n const BBHimnoEditorial = {\n wrapper: document.getElementById('bb-himno-editorial-2025'),\n\n init: function() {\n if (!this.wrapper) return;\n\n this.setupScrollAnimations();\n this.setupScrollDepthTracking();\n this.setupClickTracking();\n this.setupNumberAnimation();\n this.setupMobileNavigation();\n },\n\n setupScrollAnimations: function() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const scrollObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n \/\/ Add staggered delay for grouped elements\n const delay = index * 0.1;\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, delay * 100);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animated elements\n const animatedElements = this.wrapper.querySelectorAll(\n '.scroll-animate, .intro-text, .section-title, .section-text, ' +\n '.song-integration, .timeline-item, .record-card, .quote-highlight, ' +\n '.bb-quote'\n );\n\n animatedElements.forEach(el => scrollObserver.observe(el));\n },\n\n setupScrollDepthTracking: function() {\n const scrollThresholds = [25, 50, 75, 100];\n const trackedDepths = {};\n\n const trackScrollDepth = () => {\n const documentHeight = document.documentElement.scrollHeight;\n const viewportHeight = window.innerHeight;\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n\n \/\/ Calculate current scroll percentage\n const scrollPercentage = Math.floor(((scrollTop + viewportHeight) \/ documentHeight) * 100);\n\n scrollThresholds.forEach(threshold => {\n if (scrollPercentage >= threshold && !trackedDepths[threshold]) {\n this.sendGtagEvent('scroll_depth', `${threshold}%`);\n trackedDepths[threshold] = true; \/\/ Mark as tracked\n }\n });\n };\n\n window.addEventListener('scroll', trackScrollDepth);\n trackScrollDepth(); \/\/ Initial check\n },\n\n setupClickTracking: function() {\n \/\/ Track all links\n this.wrapper.addEventListener('click', (e) => {\n if (e.target.matches('a') || e.target.closest('a')) {\n const link = e.target.matches('a') ? e.target : e.target.closest('a');\n const label = link.textContent.trim() || link.getAttribute('aria-label') || 'Unknown Link';\n this.sendGtagEvent('clicks', label);\n }\n });\n\n \/\/ Track navigation links specifically\n const navLinks = this.wrapper.querySelectorAll('.nav-link');\n navLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Nav: ${link.textContent.trim()}`);\n });\n });\n\n const mobileNavLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileNavLinks.forEach((link) => {\n link.addEventListener('click', (event) => {\n this.sendGtagEvent('clicks', `Mobile Nav: ${link.textContent.trim()}`);\n });\n });\n },\n\n setupNumberAnimation: function() {\n const numberElements = this.wrapper.querySelectorAll('.record-number');\n\n const numberObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.classList.contains('animated')) {\n const finalText = entry.target.textContent;\n const hasHash = finalText.includes('#');\n const hasM = finalText.includes('M');\n\n \/\/ If it's #1, don't animate (leave static)\n if (finalText === '#1') {\n entry.target.classList.add('animated');\n return;\n }\n\n \/\/ Extract the clean number\n const cleanNumber = finalText.replace(\/[#MK,]\/g, '');\n\n if (!isNaN(cleanNumber)) {\n const number = parseFloat(cleanNumber);\n const duration = 2000; \/\/ 2 seconds for the animation\n const startTime = Date.now();\n\n const animateNumber = () => {\n const currentTime = Date.now();\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n\n \/\/ Easing function to make the animation smoother\n const easeOutQuart = 1 - Math.pow(1 - progress, 4);\n const current = Math.floor(number * easeOutQuart);\n\n let display = current.toString();\n if (hasHash) display = '#' + display;\n if (hasM) display = display + 'M';\n\n entry.target.textContent = display;\n\n if (progress < 1) {\n requestAnimationFrame(animateNumber);\n } else {\n entry.target.textContent = finalText;\n }\n };\n\n animateNumber();\n }\n\n entry.target.classList.add('animated');\n }\n });\n }, {\n threshold: 0.5,\n rootMargin: '0px 0px -100px 0px' \/\/ Activates a bit before it's fully visible\n });\n\n numberElements.forEach(el => numberObserver.observe(el));\n },\n\n setupMobileNavigation: function() {\n \/\/ Get navigation elements\n const mobileToggle = this.wrapper.querySelector('.mobile-nav-toggle');\n const mobileMenu = this.wrapper.querySelector('.mobile-nav-overlay');\n const mobileClose = this.wrapper.querySelector('.mobile-nav-close');\n\n if (mobileToggle && mobileMenu) {\n \/\/ Open mobile menu\n mobileToggle.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.add('active');\n document.body.style.overflow = 'hidden';\n });\n\n \/\/ Close mobile menu with X button\n if (mobileClose) {\n mobileClose.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n }\n\n \/\/ Close mobile menu when clicking on a link\n const mobileLinks = this.wrapper.querySelectorAll('.mobile-nav-link');\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n\n \/\/ Close mobile menu when clicking outside\n mobileMenu.addEventListener('click', (e) => {\n if (e.target === mobileMenu) {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n }\n });\n }\n },\n\n sendGtagEvent: function(eventName, eventLabel) {\n if (typeof gtag === 'function') {\n gtag('event', eventName, {\n 'event_category': 'BB Himno Editorial',\n 'event_label': eventLabel,\n 'value': 1\n });\n } else {\n console.log('Analytics Event:', eventName, eventLabel);\n }\n }\n };\n\n \/\/ Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => BBHimnoEditorial.init());\n } else {\n BBHimnoEditorial.init();\n }\n})();\n<\/script>\n<\/article>\n<\/body>\n<\/html>\n\n"]}],"_links":{"self":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/comments?post=6149"}],"version-history":[{"count":0,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6149\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media\/6150"}],"wp:attachment":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media?parent=6149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/categories?post=6149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/post_tag?post=6149"},{"taxonomy":"post_author","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/authors?post=6149"},{"taxonomy":"page_type","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/page_type?post=6149"},{"taxonomy":"geo_location","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/geo_location?post=6149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}