{"id":6108,"date":"2025-07-27T14:47:52","date_gmt":"2025-07-27T18:47:52","guid":{"rendered":"https:\/\/www.plateapr.com\/en\/?p=6108"},"modified":"2025-07-27T14:47:53","modified_gmt":"2025-07-27T18:47:53","slug":"the-unofficial-anthems-that-tell-the-story-of-puerto-rico","status":"publish","type":"post","link":"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/","title":{"rendered":"The Unofficial Anthems that Tell the Story of Puerto Rico"},"content":{"rendered":"\n<!-- WordPress HTML Block - Puerto Rico Himnos -->\n<div id=\"pr-himnos-wrapper-unique\">\n    <style>\n\/* Scoped styles for WordPress compatibility *\/\n#pr-himnos-wrapper-unique {\n    \/* Reset and base styles *\/\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    line-height: 1.6;\n    color: #333;\n    background-color: #000;\n    display: block;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    position: relative;\n}\n\n#pr-himnos-wrapper-unique * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* Hero Section *\/\n#pr-himnos-wrapper-unique .pr-hero-section {\n    position: relative;\n    height: 120vh;\n    min-height: 700px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: #000;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%);\n    z-index: 2;\n}\n\n\/* Byline actualizado *\/\n#pr-himnos-wrapper-unique .pr-byline-section {\n    background: #000;\n    padding: 40px 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#pr-himnos-wrapper-unique .pr-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#pr-himnos-wrapper-unique .pr-byline-authors {\n    display: flex;\n    gap: 30px;\n    align-items: flex-start;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n    padding-bottom: 20px;\n}\n\n#pr-himnos-wrapper-unique .pr-author-item {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n#pr-himnos-wrapper-unique .pr-author-avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    flex-shrink: 0;\n}\n\n#pr-himnos-wrapper-unique .pr-author-details h3 {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: white;\n    margin: 0 0 5px 0;\n}\n\n#pr-himnos-wrapper-unique .pr-author-details p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0;\n}\n\n#pr-himnos-wrapper-unique .pr-author-credit {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    font-weight: normal;\n    color: rgba(255, 255, 255, 0.9);\n    margin: 0;\n    line-height: 1.3;\n}\n\n#pr-himnos-wrapper-unique .pr-byline-date {\n    text-align: left;\n    margin-bottom: 2px;\n}\n\n#pr-himnos-wrapper-unique .pr-byline-date p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0;\n    font-style: italic;\n}\n\n\/* Responsive para byline *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .pr-byline-authors {\n        flex-direction: column;\n        gap: 10px;\n    }\n    \n        #pr-himnos-wrapper-unique .pr-byline-date {\n        padding-top: 8px;\n        text-align: left;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-author-item {\n        gap: 12px;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-author-avatar {\n        width: 40px;\n        height: 40px;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-author-credit {\n        font-size: 0.95rem;\n    }\n}\n\n#pr-himnos-wrapper-unique .pr-hero-content {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    position: relative;\n    z-index: 3;\n    text-align: center;\n    color: white;\n    max-width: 800px;\n    padding: 0 20px;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(2.5rem, 8vw, 4.5rem);\n    font-weight: bold;\n    margin-bottom: 0.5rem;\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n    line-height: 1.1;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-subtitle {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 300;\n    line-height: 1.2;\n    margin-bottom: 4rem;\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-description {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.1rem, 2.5vw, 1.2rem);\n    max-width: 600px;\n    margin: 0 auto;\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\n    font-weight: 300;\n    color: white;\n}\n\n\/* Introduction Section *\/\n#pr-himnos-wrapper-unique .pr-intro-section {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    position: relative;\n    padding: 80px 0;\n    background: black;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-intro-content {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: left;\n    \n}\n\n#pr-himnos-wrapper-unique .pr-intro-text {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.3rem;\n    line-height: 1.8;\n    margin-bottom: 1.7rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-quote-section {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 3rem 2rem;\n    border-radius: 15px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    margin: 2rem 0;\n}\n\n#pr-himnos-wrapper-unique .pr-main-quote {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.4rem;\n    font-style: italic;\n    line-height: 1.7;\n    text-align: left;\n    margin-bottom: 1.2rem;\n    position: relative;\n    color: white;\n    padding-left: 30px;\n}\n\n#pr-himnos-wrapper-unique .pr-quote-author {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    color: #04d99d;\n    font-weight: 600;\n    text-align: left;\n    padding-left: 30px;\n    text-align: left;\n}\n\n#pr-himnos-wrapper-unique .pr-lyrics-text-spanish {\n  font-size: clamp(1.1rem, 3.2vw, 1.8rem); \/* M\u00e1s peque\u00f1o que el ingl\u00e9s *\/\n  font-style: italic;\n  line-height: 1.3;\n  font-family: \"Georgia\", serif;\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);\n  color: rgba(255, 255, 255, 0.85); \/* Ligeramente m\u00e1s transparente *\/\n  margin-top: 1.5rem; \/* Espacio entre ingl\u00e9s y espa\u00f1ol *\/\n  opacity: 0.9; \/* Sutil diferencia de opacidad *\/\n}\n\n\/* Responsive para m\u00f3vil *\/\n@media (max-width: 768px) {\n  #pr-himnos-wrapper-unique .pr-lyrics-text-spanish {\n    font-size: clamp(1rem, 4vw, 1.6rem);\n    margin-top: 1rem;\n  }\n}\n\n\/* Responsive para m\u00f3vil *\/\n@media (max-width: 768px) {\n  #pr-himnos-wrapper-unique .pr-lyrics-text-spanish {\n    font-size: clamp(1rem, 4vw, 1.6rem);\n    margin-top: 1rem;\n  }\n}\n\n\/* Hymn Sections - Simplified for WordPress *\/\n#pr-himnos-wrapper-unique .pr-hymn-section {\n    position: relative;\n    background: #000;\n    overflow: hidden;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-header {\n    position: relative;\n    height: 100vh;\n    min-height: 700px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-bg-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-bg-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    filter: brightness(1) contrast(1.7);\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-bg-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.3) 0%,\n        rgba(0, 0, 0, 0.6) 50%,\n        rgba(0, 0, 0, 0.8) 100%\n    );\n    z-index: 2;\n}\n\n#pr-himnos-wrapper-unique .pr-lyrics-wrapper {\n    position: relative;\n    z-index: 3;\n    text-align: center;\n    padding: 0 20px;\n    max-width: 800px;\n}\n\n#pr-himnos-wrapper-unique .pr-lyrics-text {\n    font-size: clamp(1.8rem, 5vw, 3rem);\n    font-style: italic;\n    line-height: 1.4;\n    font-family: \"Georgia\", serif;\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);\n    color: white;\n}\n\n\/* Info Section *\/\n#pr-himnos-wrapper-unique .pr-info-section {\n    background: #000;\n    padding: 40px 0;\n}\n\n#pr-himnos-wrapper-unique .pr-info-content {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n#pr-himnos-wrapper-unique .pr-info-card {\n    background: rgba(255, 255, 255, 0.95);\n    color: #333;\n    padding: 3rem;\n    border-radius: 10px;\n}\n\n#pr-himnos-wrapper-unique .pr-info-year {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #04d99d;\n    margin-bottom: 0.7rem;\n    letter-spacing: 1px;\n}\n\n#pr-himnos-wrapper-unique .pr-info-title {\n    font-size: clamp(2.5rem, 6vw, 4rem);\n    font-weight: 600;\n    color: #000;\n    margin-bottom: 0rem;\n    line-height: 1.1;\n    font-family: \"Georgia\", serif;\n}\n\n#pr-himnos-wrapper-unique .pr-info-subtitle {\n    font-size: clamp(1.3rem, 3vw, 1.6rem);\n    font-style: italic;\n    color: #666;\n    font-weight: 300;\n    margin-bottom: 1.8rem;\n    font-family: \"Georgia\", serif;\n}\n\n#pr-himnos-wrapper-unique .pr-info-context {\n    font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n    line-height: 1.5;\n    color: #333;\n    margin-bottom: 1.7rem;\n    font-family: \"Georgia\", serif;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta {\n   margin: 20px 0px 25px;\n   padding-left: 8px;\n   border-left: 3px solid #04d99d;\n   line-height: 1.1rem;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta div {\n   margin-bottom: 6px;\n   font-size: 0.95rem;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta div:last-child {\n   margin-bottom: 10;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta strong {\n   color: #666;\n   font-weight: bold;\n   font-size: 0.95rem;\n}\n\n\/* Media captions *\/\n#pr-himnos-wrapper-unique .pr-media-caption {\n    font-size: 0.875rem;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-style: italic;\n    color: #666;\n    margin-top: 0.5rem;\n    text-align: left;\n    line-height: 1.4;\n}\n\n\/* Media Block *\/\n#pr-himnos-wrapper-unique .pr-media-block {\n    margin: 2rem 0;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-video {\n    position: relative;\n    width: 100%;\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n#pr-himnos-wrapper-unique .pr-responsive-video {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n}\n\n#pr-himnos-wrapper-unique .pr-video-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.3);\n    opacity: 1;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n#pr-himnos-wrapper-unique .pr-video-overlay.hidden {\n    opacity: 0;\n}\n\n#pr-himnos-wrapper-unique .pr-play-button {\n    width: 80px;\n    height: 80px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    pointer-events: all;\n    transition: all 0.3s ease;\n    position: relative;\n    border: none;\n    outline: none;\n}\n\n#pr-himnos-wrapper-unique .pr-play-button:hover {\n    background: rgba(255, 255, 255, 1);\n    transform: scale(1.1);\n}\n\n#pr-himnos-wrapper-unique .pr-play-button::after {\n    content: '';\n    width: 0;\n    height: 0;\n    border-left: 10px solid #333;\n    border-top: 12px solid transparent;\n    border-bottom: 12px solid transparent;\n    margin-left: 0px;\n}\n\n#pr-himnos-wrapper-unique .pr-play-button.pause::after {\n    border: none;\n    width: 6px;\n    height: 24px;\n    background: #333;\n    margin-left: -10;\n    box-shadow: 12px 0 0 #333;\n}\n\n\/* Audio styles *\/\n#pr-himnos-wrapper-unique audio {\n    width: 100%;\n    border-radius: 8px;\n    max-width: 500px;\n    margin: 0 auto;\n    display: block;\n}\n\n\/* Forzar poster en videos responsivos *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .pr-responsive-video {\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        min-height: 200px; \/* Altura m\u00ednima para mostrar algo *\/\n    }\n    \n    \/* Asegurar que el poster se cargue *\/\n    #pr-himnos-wrapper-unique .pr-responsive-video:not([poster]) {\n        background-color: #000;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-responsive-video:not([poster])::before {\n        content: \"\u25b6\";\n        color: white;\n        font-size: 3rem;\n        opacity: 0.7;\n    }\n}\n\n\/* Conclusion Section *\/\n#pr-himnos-wrapper-unique .pr-conclusion-section {\n    position: relative;\n    padding: 80px 0;\n    background: black;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-conclusion-content {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: center;\n}\n\n#pr-himnos-wrapper-unique .pr-conclusion-content h2 {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(2rem, 5vw, 2.5rem);\n    margin-bottom: 2rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-conclusion-content p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.1rem, 3vw, 1.3rem);\n    line-height: 1.8;\n    margin-bottom: 3rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-final-quote {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 2.5rem 2rem;\n    border-radius: 15px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#pr-himnos-wrapper-unique .pr-final-quote blockquote {\n    color: white;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-style: italic;\n    margin: 0;\n    font-size: 1.2rem;\n    line-height: 1.6;\n}\n\n\/* Inline audio - Estilo exacto como las im\u00e1genes *\/\n#pr-himnos-wrapper-unique .pr-inline-audio-wrapper {\n    display: inline-flex;\n    align-items: center;\n    background: #62d4a1; \/* Color azul como en las im\u00e1genes *\/\n    border-radius: 2px; \/* Bordes m\u00e1s cuadrados *\/\n    padding: 3px 8px 3px 8px;\n    margin: 0 4px;\n    vertical-align: middle;\n    transition: all 0.3s ease;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-audio-wrapper:hover {\n    background: #04d99d;\n    cursor: pointer;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-play-button {\n    width: 0;\n    height: 0;\n    border-left: 12px solid white;\n    border-top: 7px solid transparent;\n    border-bottom: 7px solid transparent;\n    background: transparent;\n    padding: 0;\n    margin-right: 8px;\n    cursor: pointer;\n    border-right: none;\n    outline: none;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-play-button.playing {\n    width: 10px;\n    height: 12px;\n    border: none;\n    background: white;\n    position: relative;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-play-button.playing::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    width: 3px;\n    height: 14px;\n    background: white;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-audio-label {\n    font-size: 16px;\n    color: black;\n    font-weight: normal;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n}\n\n\/* Ocultar duraci\u00f3n si no la necesitas *\/\n#pr-himnos-wrapper-unique .pr-inline-audio-duration {\n    display: none;\n}\n\n\/* Enlaces dentro del componente *\/\n#pr-himnos-wrapper-unique a,\n#pr-himnos-wrapper-unique a:link,\n#pr-himnos-wrapper-unique a:visited,\n#pr-himnos-wrapper-unique a:hover,\n#pr-himnos-wrapper-unique a:active {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .pr-hymn-header {\n        height: 80vh;\n        min-height: 500px;\n    }\n\n    #pr-himnos-wrapper-unique .pr-info-section {\n        padding: 30px 0;\n    }\n\n    #pr-himnos-wrapper-unique .pr-info-card {\n        padding: 2rem;\n    }\n\n    #pr-himnos-wrapper-unique .pr-lyrics-text {\n        font-size: clamp(1.4rem, 6vw, 2.2rem);\n    }\n\n    #pr-himnos-wrapper-unique .pr-intro-section {\n        padding: 60px 0;\n    }\n\n    #pr-himnos-wrapper-unique .pr-play-button {\n        width: 60px;\n        height: 60px;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-play-button::after {\n        border-left-width: 15px;\n        border-top-width: 9px;\n        border-bottom-width: 9px;\n    }\n    \n    \/* Ajustar padding en m\u00f3vil para evitar overflow *\/\n    #pr-himnos-wrapper-unique .pr-hero-content,\n    #pr-himnos-wrapper-unique .pr-intro-content,\n    #pr-himnos-wrapper-unique .pr-info-content,\n    #pr-himnos-wrapper-unique .pr-byline-container,\n    #pr-himnos-wrapper-unique .pr-lyrics-wrapper {\n        padding-left: 15px !important;\n        padding-right: 15px !important;\n        max-width: calc(100vw - 30px) !important;\n    }\n    \n    \/* Reducir gap en m\u00f3vil para evitar overflow *\/\n    #pr-himnos-wrapper-unique .pr-byline-authors {\n        gap: 20px !important;\n    }\n}\n\n\/* Desktop-specific media sizing *\/\n@media (min-width: 769px) {\n    #pr-himnos-wrapper-unique .pr-media-block {\n        max-width: 500px;\n        margin: 2rem auto;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-hymn-video {\n        max-width: 500px;\n        margin: 0 auto;\n    }\n}\n\n\/* Fade in animation *\/\n#pr-himnos-wrapper-unique .fade-in {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease;\n}\n\n#pr-himnos-wrapper-unique .fade-in.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Secci\u00f3n de otras canciones *\/\n#pr-himnos-wrapper-unique .other-songs-section {\n    background: #000;\n    padding: 80px 0;\n    position: relative;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n}\n\n\/* T\u00edtulo de la secci\u00f3n *\/\n#pr-himnos-wrapper-unique .section-header {\n    text-align: center;\n    margin-bottom: 60px;\n    padding: 0 20px;\n}\n\n#pr-himnos-wrapper-unique .section-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(2rem, 5vw, 2.5rem);\n    margin-bottom: 1rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .section-subtitle {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.1rem, 3vw, 1.3rem);\n    font-style: italic;\n    color: rgba(255, 255, 255, 0.8);\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n\/* Quote introductorio *\/\n#pr-himnos-wrapper-unique .intro-quote {\n    max-width: 800px;\n    margin: 0 auto 60px;\n    padding: 0 20px;\n    content: none !important;\n    border: none !important;\n    background: none !important;\n}\n\n#pr-himnos-wrapper-unique .quote-box {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 2.5rem 2rem;\n    border-radius: 10px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#pr-himnos-wrapper-unique .quote-text {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.2rem;\n    font-style: italic;\n    line-height: 1.6;\n    margin-bottom: 1rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .quote-author {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    color: #04d99d;\n    font-weight: 600;\n}\n\n\/* Contenedor con scroll horizontal *\/\n#pr-himnos-wrapper-unique .scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    padding: 20px 0 40px;\n    margin: 0 -20px;\n}\n\n\/* Estilo de la barra de scroll *\/\n#pr-himnos-wrapper-unique .scroll-container::-webkit-scrollbar {\n    height: 8px;\n}\n\n#pr-himnos-wrapper-unique .scroll-container::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 10px;\n}\n\n#pr-himnos-wrapper-unique .scroll-container::-webkit-scrollbar-thumb {\n    background: #04d99d;\n    border-radius: 10px;\n}\n\n\/* Grid de tarjetas *\/\n#pr-himnos-wrapper-unique .cards-grid {\n    display: flex;\n    gap: 20px;\n    padding: 0 20px;\n    width: max-content;\n    margin: 0 auto;\n}\n\n\/* Tarjeta individual *\/\n#pr-himnos-wrapper-unique .flip-card {\n    width: 350px;\n    height: 450px;\n    perspective: 1000px;\n    flex-shrink: 0;\n    animation: fadeIn 0.6s ease-out;\n    animation-fill-mode: backwards;\n}\n\n#pr-himnos-wrapper-unique .flip-card-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    text-align: left;\n    transition: transform 0.6s;\n    transform-style: preserve-3d;\n}\n\n#pr-himnos-wrapper-unique .flip-card.flipped .flip-card-inner {\n    transform: rotateY(180deg);\n}\n\n\/* Cara frontal y trasera *\/\n#pr-himnos-wrapper-unique .flip-card-front,\n#pr-himnos-wrapper-unique .flip-card-back {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    background: rgba(255, 255, 255, 0.95);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n\/* Cara frontal *\/\n#pr-himnos-wrapper-unique .flip-card-front {\n    color: #333;\n    padding: 2rem;\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n}\n\n#pr-himnos-wrapper-unique .card-year {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.7rem;\n    font-weight: 700;\n    color: #04d99d;\n    margin-bottom: 0.7rem;\n    letter-spacing: 1px;\n}\n\n#pr-himnos-wrapper-unique .card-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 2rem;\n    font-weight: 600;\n    color: #000;\n    margin-bottom: 0.5rem;\n    line-height: 1.1;\n}\n\n#pr-himnos-wrapper-unique .card-artist {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    font-style: italic;\n    color: #666;\n    font-weight: 300;\n    margin-bottom: 2rem;\n}\n\n#pr-himnos-wrapper-unique .card-preview {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.1rem;\n    line-height: 1.5;\n    color: #333;\n    flex: 1;\n}\n\n#pr-himnos-wrapper-unique .flip-hint {\n    margin-top: auto;\n    padding-top: 2rem;\n    border-top: 1px solid rgba(0, 0, 0, 0.1);\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: #04d99d;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n#pr-himnos-wrapper-unique .flip-icon {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.5rem;\n}\n\n\/* Cara trasera *\/\n#pr-himnos-wrapper-unique .flip-card-back {\n    transform: rotateY(180deg);\n    color: #333;\n    padding: 2rem;\n    display: flex;\n    flex-direction: column;\n}\n\n#pr-himnos-wrapper-unique .back-header {\n    margin-bottom: 1.5rem;\n    padding-bottom: 1.5rem;\n    border-bottom: 2px solid #04d99d;\n}\n\n#pr-himnos-wrapper-unique .back-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #000;\n    margin-bottom: 0.3rem;\n}\n\n#pr-himnos-wrapper-unique .back-subtitle {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    color: #666;\n    font-style: italic;\n}\n\n#pr-himnos-wrapper-unique .back-content {\n    flex: 1;\n    overflow-y: auto;\n    position: relative;\n    padding-bottom: 20px;\n    scrollbar-width: thin;\n    scrollbar-color: #04d99d rgba(0, 0, 0, 0.1);\n}\n\n#pr-himnos-wrapper-unique .back-content::-webkit-scrollbar {\n    width: 6px;\n}\n\n#pr-himnos-wrapper-unique .back-content::-webkit-scrollbar-track {\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: 3px;\n}\n\n#pr-himnos-wrapper-unique .back-content::-webkit-scrollbar-thumb {\n    background: #04d99d;\n    border-radius: 3px;\n}\n\n#pr-himnos-wrapper-unique .back-text {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.1rem;\n    line-height: 1.6;\n    color: #333;\n    margin-bottom: 1.5rem;\n}\n\n#pr-himnos-wrapper-unique .back-quote {\n    background: rgba(4, 217, 157, 0.1);\n    padding: 1.5rem;\n    border-left: 3px solid #04d99d;\n    border-radius: 0 5px 5px 0;\n    margin: 1.5rem 0;\n}\n\n#pr-himnos-wrapper-unique .back-quote p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-style: italic;\n    font-size: 1rem;\n    line-height: 1.5;\n    color: #333;\n    margin: 0;\n}\n\n#pr-himnos-wrapper-unique .back-quote cite {\n    display: block;\n    margin-top: 0.5rem;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: #666;\n    font-style: normal;\n}\n\n\/* Animaciones *\/\n#pr-himnos-wrapper-unique .flip-card:nth-child(1) { animation-delay: 0.1s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(2) { animation-delay: 0.2s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(3) { animation-delay: 0.3s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(4) { animation-delay: 0.4s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(5) { animation-delay: 0.5s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(6) { animation-delay: 0.6s; }\n\n\/* Responsive para tarjetas *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .other-songs-section {\n        padding: 60px 0;\n    }\n    \n    #pr-himnos-wrapper-unique .flip-card {\n        width: 300px;\n        height: 400px;\n    }\n    \n    #pr-himnos-wrapper-unique .flip-card-front,\n    #pr-himnos-wrapper-unique .flip-card-back {\n        padding: 1.5rem;\n    }\n    \n    #pr-himnos-wrapper-unique .card-year {\n        font-family: \"Georgia\", \"Times New Roman\", serif !important;\n        font-size: 1.5rem;\n    }\n    \n    #pr-himnos-wrapper-unique .card-title {\n        font-family: \"Georgia\", \"Times New Roman\", serif !important;\n        font-size: 1.6rem;\n    }\n    \n    #pr-himnos-wrapper-unique .quote-box {\n        padding: 2rem 1.5rem;\n    }\n    \n    #pr-himnos-wrapper-unique .back-text {\n        font-family: \"Georgia\", \"Times New Roman\", serif !important;\n        font-size: 1rem;\n        line-height: 1.5;\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: 1400px;\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\/* Responsive *\/\n@media (max-width: 1024px) {\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@media (max-width: 768px) {\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\/* Fix para evitar scroll horizontal en m\u00f3vil - SIN afectar tarjetas *\/\nbody {\n    overflow-x: hidden !important;\n}\n\n#pr-himnos-wrapper-unique {\n    overflow-x: hidden !important;\n    max-width: 100vw !important;\n    box-sizing: border-box !important;\n}\n\n\/* Asegurar que todos los elementos internos no se salgan - EXCEPTO las tarjetas *\/\n#pr-himnos-wrapper-unique *:not(.scroll-container):not(.cards-grid):not(.flip-card) {\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n}\n\n\/* Fix espec\u00edfico para secciones que pueden causar overflow - EXCEPTO la secci\u00f3n de tarjetas *\/\n#pr-himnos-wrapper-unique .pr-hero-section,\n#pr-himnos-wrapper-unique .pr-hymn-section,\n#pr-himnos-wrapper-unique .pr-intro-section,\n#pr-himnos-wrapper-unique .pr-info-section,\n#pr-himnos-wrapper-unique .pr-byline-section {\n    overflow-x: hidden !important;\n    width: 100% !important;\n    max-width: 100vw !important;\n}\n\n\/* La secci\u00f3n de tarjetas mantiene su overflow-x auto *\/\n#pr-himnos-wrapper-unique .other-songs-section {\n    width: 100% !important;\n    max-width: 100vw !important;\n}\n\n\/* Mantener el scroll horizontal solo para el contenedor de tarjetas *\/\n#pr-himnos-wrapper-unique .scroll-container {\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n    margin: 0 -20px !important;\n}\n}\n\n    <\/style>\n    <div id=\"pr-himnos-container\">\n    <!-- Top Navigation -->\n<nav class=\"top-navigation\" aria-label=\"Main navigation\">\n  <div class=\"nav-container\">\n    <!-- Mobile menu toggle -->\n    <button class=\"mobile-nav-toggle\" aria-label=\"Open navigation menu\">\n      \u2630\n    <\/button>\n    \n    <ul class=\"nav-menu\">\n                <li class=\"nav-item\"><a data-page-id=\"4\" href=\"https:\/\/www.plateapr.com\/en\/\" class=\"nav-link\">Homepage<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&#038;utm_medium=referral&#038;utm_campaign=homepage-component&#038;utm_content=homepage-link\" class=\"nav-link\">PR Itineraries<\/a><\/li>\n                <li class=\"nav-item\"><a data-page-id=\"2555\" href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"nav-link\">Travel<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About Us<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">In Spanish<\/a><\/li>\n    <\/ul>\n  <\/div>\n<\/nav>\n\n<!-- Mobile Navigation Overlay -->\n<div class=\"mobile-nav-overlay\" aria-label=\"Mobile navigation menu\">\n  <div class=\"mobile-nav-header\">\n    <button class=\"mobile-nav-close\" aria-label=\"Close menu\">\n      \u2715\n    <\/button>\n  <\/div>\n  <nav class=\"mobile-nav-content\">\n    <ul class=\"mobile-nav-list\">\n                <li class=\"mobile-nav-item\"><a data-page-id=\"4\" href=\"https:\/\/www.plateapr.com\/en\/\" class=\"mobile-nav-link\">Homepage<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&#038;utm_medium=referral&#038;utm_campaign=homepage-component&#038;utm_content=homepage-link\" class=\"mobile-nav-link\">PR Itineraries<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a data-page-id=\"2555\" href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"mobile-nav-link\">Travel Guide<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"mobile-nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"mobile-nav-link\">Directory<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"mobile-nav-link\">About Us<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"mobile-nav-link\">In Spanish<\/a><\/li>\n    <\/ul>\n  <\/nav>\n<\/div>\n\n        <!-- Hero Section -->\n        <section class=\"pr-hero-section\">\n            <div class=\"pr-hero-background\">\n                <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/banderaprcolor-scaled.jpg\" alt=\"Puerto Rico\" class=\"pr-hero-image\">\n                <div class=\"pr-hero-overlay\"><\/div>\n            <\/div>\n            <div class=\"pr-hero-content\">\n                <h1 class=\"pr-hero-title\">The unofficial anthems that tell the story of Puerto Rico<\/h1>\n                <p class=\"pr-hero-description\"><em>A journey through the songs that have accompanied generations of Puerto Ricans, both on and off the island, and which today are an essential part of our collective memory.<\/em><\/p>\n            <\/div>\n        <\/section>\n        \n<!-- Byline -->\n<section class=\"pr-byline-section\">\n    <div class=\"pr-byline-container\">\n        <div class=\"pr-byline-date\">\n            <p>July 3, 2025<\/p>\n        <\/div>\n        <div class=\"pr-byline-authors\">\n            <div class=\"pr-author-item\">\n                <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&#038;width=200\" alt=\"Cindy Burgos Alvarado\" class=\"pr-author-avatar\">\n                <div class=\"pr-author-details\">\n                    <p class=\"pr-author-credit\">Text by Cindy Burgos Alvarado<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"pr-author-item\">\n                <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2022\/07\/Screenshot-2025-07-04-at-12.09.25\u202fAM.webp\" alt=\"Heidee Rol\u00f3n Cintr\u00f3n\" class=\"pr-author-avatar\">\n                <div class=\"pr-author-details\">\n                    <p class=\"pr-author-credit\">Editing and production by Heidee Rol\u00f3n Cintr\u00f3n<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n        <!-- Introduction -->\n        <section class=\"pr-intro-section\">\n            <div class=\"pr-intro-content\">\n                <p class=\"pr-intro-text fade-in\">In the absence of Puerto Rican embassies, Puerto Rican musicians are our ambassadors, <a class=\"link-tracking\" href=\"https:\/\/www.revistaanfibia.com\/regueton-frente-la-revolucion\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">said journalist and writer Ana Teresa Toro.<\/a> And indeed, Puerto Rican music undoubtedly crosses borders and defines our cultural identity and our idea of a nation.<\/p>\n                <p class=\"pr-intro-text fade-in\">Beyond the anthem La Borinque\u00f1a\u2014both the romantic version by Manuel Fern\u00e1ndez Juncos and the revolutionary version by Lola Rodr\u00edguez de Ti\u00f3\u2014there are many songs that have deeply permeated what we describe as Puerto Rican identity.<\/p> \n                \n<p class=\"pr-intro-text fade-in\">Together with historian Jorell Mel\u00e9ndez-Badillo, author of the book Puerto Rico: Historia de una naci\u00f3n (2024) and who wrote the historical context for <a class=\"link-tracking\" href=\"https:\/\/www.youtube.com\/@BadBunnyPR\/videos\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">the YouTube visualizations<\/a> of each song from <a href=\"https:\/\/www.plateapr.com\/residencia-bad-bunny-verano-puerto-rico-sitio-especial\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\" class=\"link-tracking\">Bad Bunny&#8217;s DeB\u00cd TiRAR M\u00e1S FOToS,<\/a> we take a historical tour of these songs that we could call unofficial anthems and delve into the reasons for defining Puerto Rican identity and the context in which they were written.<\/p> \n\n                \n                <div class=\"pr-quote-section fade-in\">\n                    <blockquote class=\"pr-main-quote\">\n                        \u275d We have produced a lot of culture, a lot of music. With these elements, we have managed to define our idea of nationhood. That is why it is important to affirm that Puerto Ricans, beyond political status, have created a complex idea of nationhood, and music is a fundamental element in that\u275e.\n                    <\/blockquote>\n                    <cite class=\"pr-quote-author\">Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n<!-- La Borinque\u00f1a Revolucionaria -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <video \n                class=\"pr-hymn-bg-image pr-video\" \n                autoplay \n                data-label=\"La Borinque\u00f1a Revolutionary\"\n                muted \n                loop \n                playsinline \n                preload=\"auto\"\n                poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-121815455.webp\">\n                <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-654906679.mp4\" type=\"video\/mp4\">\n                <!-- Fallback para navegadores que no soporten video -->\n                <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-121815455.webp\" alt=\"Historic Puerto Rico\">\n            <\/video>\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Let&#8217;s go, Borinque\u00f1os, let&#8217;s go now,<br>\n        for freedom eagerly awaits us.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        V\u00e1monos, borinque\u00f1os, v\u00e1monos ya,<br>\n        que nos espera ansiosa, ansiosa la libertad.\n    <\/div>\n<\/div>\n    <\/div>\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1868<\/div>\n                <h2 class=\"pr-info-title\">La Borinque\u00f1a<\/h2>\n                <p class=\"pr-info-subtitle\">\u201cThe Revolutionary Anthem\u201d<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Lola Rodr\u00edguez de Ti\u00f3 (1843-1924), poet and revolutionary<\/div>\n                    <div><strong>Musical arrangement:<\/strong> composed in 1867 by F\u00e9lix Astol Art\u00e9s (1813-1901)<\/div>\n                    <div><strong>Rhythm:<\/strong> dance<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Rodr\u00edguez de Ti\u00f3&#8217;s famous poem, also known as the \u201crevolutionary anthem,\u201d is a \u201chymn of resistance\u201d for the independence movement, which was never officially the anthem of Puerto Rico.<\/p>\n                \n                <p class=\"pr-info-context\">The poem was written in the context of the Grito de Lares (September 23, 1868), the first major \u201crevolt for Puerto Rican independence,\u201d but it took place in a broader Caribbean context of independence struggles against Spain, including Cuba&#8217;s, explained Mel\u00e9ndez-Badillo.<\/p>\n                \n                <p class=\"pr-info-context\">In fact, Rodr\u00edguez de Ti\u00f3 \u201cevokes that Cuban-Puerto Rican solidarity\u201d with her poem <a class=\"link-tracking\" href=\"https:\/\/ciudadseva.com\/texto\/cuba-y-puerto-rico-son-de-un-pajaro-las-dos-alas\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">\u201cCuba and Puerto Rico are the two wings of a bird\u201d<\/a>, added the historian. This solidarity was not only in the struggle for independence, but also in cultural contexts, and it is in Cuba, her second homeland, where the poet went into exile and died.<\/p>\n                \n                <p class=\"pr-info-context\">Although it is usually sung to a dance rhythm, the music predates the poem. The composition is attributed to the Catalan F\u00e9lix Astol Art\u00e9s, although other versions indicate that it is by the composer Francisco Ram\u00edrez Ortiz. It is also said that both collaborated to compose the music for what became the anthem of Puerto Rico in 1952.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- La Borinque\u00f1a Oficial -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1311839736.webp\" alt=\"Puerto Rico Capitol\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Borinquen is the daughter,<br>\n        the daughter of the sea and the sun.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Es Borinquen la hija,<br>\n        la hija del mar y el sol.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1902<\/div>\n                <h2 class=\"pr-info-title\">La Borinque\u00f1a<\/h2>\n                <p class=\"pr-info-subtitle\">The official anthem<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Manuel Fern\u00e1ndez Juncos (1846-1928), poet, educator, and journalist<\/div>\n                    <div><strong>Musical arrangement:<\/strong> composed in 1867 by F\u00e9lix Astol Art\u00e9s (1813-1901)<\/div>\n                    <div><strong>Rhythm:<\/strong> dance<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">\u201cIt came at a time of political reorganization for Puerto Rico,\u201d following the US occupation in 1898 and the establishment of a military government \u201cwhere Puerto Ricans really had no say in politics,\u201d explained Mel\u00e9ndez-Badillo. It was not until the passage of the Foraker Act in 1900 by the US Congress that a civilian government was established in Puerto Rico, something the historian called a \u201csemi-democratic\u201d government.<\/p>\n                \n                                                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n                      <video id=\"pr-amanecer-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"La Borinque\u00f1a\"\n                            poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/borinquenamorro.jpg\">\n                          <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/0703.mp4\">\n                      <\/video>\n                    <\/div>\n                <\/div>               \n                <p class=\"pr-info-context\">It is a romantic text that attempts to create a new historical memory, combining elements of nostalgia with the evocation of Puerto Rico&#8217;s natural beauty, all of which drives the discourse of nation building, Mel\u00e9ndez-Badillo explained.<\/p>\n                \n                <p class=\"pr-info-context\">It was in 1952 that the dance La Borinque\u00f1a <a class=\"link-tracking\" href=\"https:\/\/bvirtualogp.pr.gov\/ogp\/Bvirtual\/leyesreferencia\/PDF\/2-1952.pdf\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">was made official as the anthem<\/a> with the musical arrangement by Ram\u00f3n Collado, but it was not until 1977 that Fern\u00e1ndez Juncos&#8217; poem was established as the official lyrics of the anthem.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- La Tierruca -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-148561670-scaled.webp\" alt=\"Puerto Rico landscape\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I would not trade for any other<br>\n        this land<br>\n        where I had the privilege of being born!\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        \u00a1Yo no cambio por ninguna<br>\n        esta tierra<br>\n        donde tuve el privilegio de nacer!\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1912<\/div>\n                <h2 class=\"pr-info-title\">La Tierruca<\/h2>\n                <p class=\"pr-info-subtitle\">Contemplating the homeland<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Virgilio D\u00e1vila (1869-1943), poet, politician, and educator<\/div>\n                    <div><strong>Musical arrangement:<\/strong> Braulio Due\u00f1o (1854-1934)<\/div>\n                <\/div>\n                \n<p class=\"pr-info-context\">\n    <span class=\"pr-inline-audio-wrapper\">\n        <span class=\"pr-inline-play-button\" id=\"pr-inline-play-tierruca\"><\/span>\n        <span class=\"pr-inline-audio-label\">La Tierruca<\/span>\n        <audio class=\"pr-inline-audio-element\" id=\"pr-inline-audio-tierruca\" preload=\"metadata\">\n            <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/LaTierruca.m4a\" type=\"audio\/mp4\">\n        <\/audio>\n    <\/span>\nwas first published in the book Canciones escolares (School Songs, 1912), created for Puerto Rico&#8217;s public schools\u2014which at that time were beginning to spread throughout the countryside and cities\u2014and in which D\u00e1vila, Fern\u00e1ndez Juncos, and Due\u00f1o collaborated. It also appeared in the poetry collection Aromas del terru\u00f1o (Aromas of the Homeland), considered one of the poet&#8217;s best.\n<\/p>             \n                <p class=\"pr-info-context\">It was published amid a boom in \u201cromantic modernist poets\u201d and had a similar tone to Fern\u00e1ndez Juncos&#8217; La Borinque\u00f1a in its appreciation of the country&#8217;s beauty, explained Mel\u00e9ndez-Badillo. It quickly became a kind of unofficial anthem, although it no longer has the recognition it had a few decades ago.<\/p>\n                \n                <p class=\"pr-info-context\">Although D\u00e1vila identified with annexationism and was mayor of Bayam\u00f3n for the Republican Party, he had \u201cvery acute social and critical sensibilities,\u201d according to the historian, as he also wrote critically about the conditions of Puerto Ricans in the United States. This can be seen in poems such as <a class=\"link-tracking\" href=\"https:\/\/ciudadseva.com\/texto\/no-des-tu-tierra-al-extrano\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">\u201cDon&#8217;t Give Your Land to the Stranger\u201d<\/a> or <a class=\"link-tracking\" href=\"https:\/\/ciudadseva.com\/texto\/nostalgia-davila\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">&#8216;Nostalgia&#8217;<\/a> (\u201cMama! Borinquen Calls Me!\u201d), which already begin to denote the feelings of Puerto Ricans in the United States.<\/p>\n\n<p class=\"pr-media-caption\">*Music: La Tierruca. 1917. Audio. Retrieved from the Library of Congress.<\/p>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Lamento Borincano -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/barrioobrero_arq2-scaled.webp\" alt=\"barrio obrero\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Borinquen! The land of Eden<br>\n        which, when singing, the great Gautier<br>\n        called the Pearl of the Seas,<br>\n        Now that you are dying with your sorrows,<br>\n        Let me sing to you too.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        \u00a1Borinquen! La tierra del Ed\u00e9n<br>\n        la que al cantar, el gran Gautier<br>\n        llam\u00f3 la Perla de los Mares,<br>\n        Ahora que t\u00fa te mueres con tus pesares,<br>\n        D\u00e9jame que te cante yo tambi\u00e9n.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1929<\/div>\n                <h2 class=\"pr-info-title\">Lamento Borincano<\/h2>\n                <p class=\"pr-info-subtitle\">Puerto Ricans in the face of adversity<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Rafael Hern\u00e1ndez Mar\u00edn (1892\u20131965), singer-songwriter<\/div>\n                    <div><strong>Rhythm:<\/strong> bolero<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">This lament\u2014a passionate expression of pain\u2014describes the suffering of Puerto Rican farmers during the Great Depression, a global financial crisis that lasted until the 1930s. It became one of the most outstanding expressions of Puerto Rican culture and the j\u00edbaros.<\/p>\n                \n                <p class=\"pr-info-context\">For Mel\u00e9ndez-Badillo, <a class=\"link-tracking\" href=\"https:\/\/ccat.sas.upenn.edu\/romance\/spanish\/219\/13eeuu\/lamentoborincano.html\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">the lyrics<\/a> are a critique and \u201ca portrait of the conditions Puerto Ricans lived in at that time,\u201d although they do not necessarily call for political change. Like other unofficial anthems, it takes the element of nostalgia and the j\u00edbaro as a cultural component.<\/p>\n                \n                <p class=\"pr-info-context\">It is one of the most famous songs by the prolific singer-songwriter and was recorded by Manuel \u201cCanario\u201d Jim\u00e9nez and his band, with Pedro Ortiz D\u00e1vila \u201cDavilita\u201d as one of the voices, who was only 18 years old at the time. It has also been performed by a dozen artists, including Spain&#8217;s Pl\u00e1cido Domingo and Brazil&#8217;s Caetano Veloso.<\/p>\n                \n                <p class=\"pr-info-context\">It is included in the <a class=\"link-tracking\" href=\"https:\/\/www.loc.gov\/item\/prn-18-028\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">2017 National Recording Registry<\/a> of the Library of Congress.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Preciosa -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <video \n                class=\"pr-hymn-bg-image pr-video\" \n                autoplay\n                data-label=\"Preciosa\"\n                muted \n                loop \n                playsinline \n                preload=\"auto\"\n                poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-518613386-1.jpg\">\n                <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1084126956.mp4\" type=\"video\/mp4\">\n                <!-- Fallback para navegadores que no soporten video -->\n                <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-518613386-1.jpg\" alt=\"cable-stayed bridge\">\n            <\/video>\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        You will be beautiful without a flag,<br>\n        without laurels or glory.<br>\n        Beautiful, beautiful,<br>\n        the children of freedom call you.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Preciosa ser\u00e1s sin bandera,<br>\n        sin lauros ni gloria.<br>\n        Preciosa, preciosa<br>\n        te llaman los hijos de la libertad.\n    <\/div>\n<\/div>\n    <\/div>\n\n            <div class=\"pr-info-section\">\n                <div class=\"pr-info-content\">\n                    <div class=\"pr-info-card fade-in\">\n                        <div class=\"pr-info-year\">1937<\/div>\n                        <h2 class=\"pr-info-title\">Preciosa<\/h2>\n                        <p class=\"pr-info-subtitle\">Love for Puerto Rico<\/p>\n                        \n                        <div class=\"pr-info-meta\">\n                            <div><strong>Author:<\/strong> Rafael Hern\u00e1ndez Mar\u00edn (1892-1965), singer-songwriter<\/div>\n                            <div><strong>Rhythm:<\/strong> Bolero<\/div>\n                        <\/div>\n                        \n                        <p class=\"pr-info-context\">In the midst of \u201cthe turbulent decade of the 1930s,\u201d as Mel\u00e9ndez-Badillo calls it in his book <em>Historia de una naci\u00f3n<\/em> (History of a Nation), Hern\u00e1ndez composed the song <a class=\"link-tracking\" href=\"https:\/\/www.letras.com\/rafael-hernandez\/1501780\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">Preciosa<\/a> in Mexico, one of the countries where he lived and spread his artistic talent. It is an ode to his country, expressing his longing to return. Together with Lamento Borincano, these are just two of his famous compositions that have been recorded as unofficial anthems.<\/p>\n                        \n                        <p class=\"pr-info-context\">\u201cThe 1930s were a decade of many changes in Puerto Rico,\u201d the historian explained. Not only was the country going through the Great Depression and the impact of hurricanes, but there was also a coalition between the Socialist Party and the Republican Union Party to come to power, \u201cthe struggle for Puerto Rico&#8217;s independence intensified,\u201d the Communist Party was founded, and the Nationalist Party was militarized.<\/p>\n                        \n                        <div class=\"pr-media-block\">\n                            <div class=\"pr-hymn-video\">\n                                <iframe loading=\"lazy\" width=\"100%\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/CS2uzUxYh9I?list=RDCS2uzUxYh9I\" title=\"Preciosa - Marc Anthony\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen style=\"border-radius: 12px;\"><\/iframe>\n                            <\/div>\n                        <\/div>\n                        \n                        <p class=\"pr-info-context\">It was a decade that saw the strengthening of the University of Puerto Rico (UPR) as the \u201cleading center of learning,\u201d the Chard\u00f3n Plan, and programs such as PRERA and PRRA (federal agencies to combat poverty on the island) within the New Deal. The massacres of Ponce and R\u00edo Piedras also took place, as did the assassination of Colonel Elisha Francis Riggs, chief of the Insular Police, and the arrests of nationalists.<\/p>\n                        \n                        <p class=\"pr-info-context\">In addition, there was an internal migration from the countryside to the city, which was the \u201cgreat prelude to the populism of the 1940s&#8221; and the Great Puerto Rican Migration, said Mel\u00e9ndez-Badillo.<\/p>\n                        \n                        <p class=\"pr-info-context\">Initially recorded by the Victoria Quartet, of which Hern\u00e1ndez was a member, it became famous with the interpretation of Manuel \u201cCanario\u201d Jim\u00e9nez. Today, it is Marc Anthony&#8217;s version that is most widely recognized, demonstrating that this song transcends political ideologies and unites Puerto Ricans in their admiration for their country.<\/p>\n                        \n                        <p class=\"pr-info-context\">\u201cHern\u00e1ndez is a master of these compositions, of these lyrics that evoke that nostalgic feeling of the past,\u201d he added.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- En mi Viejo San Juan -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-178347333-1.jpg\" alt=\"Old San Juan\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I&#8217;m leaving (I&#8217;m leaving now),<br>\n        but one day I&#8217;ll return<br>\n        to find my love,<br>\n        to dream again<br>\n        in my Old San Juan.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Me voy (ya me voy),<br>\n        pero un d\u00eda volver\u00e9<br>\n        a buscar mi querer,<br>\n        a so\u00f1ar otra vez<br>\n        en mi Viejo San Juan.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1943<\/div>\n                <h2 class=\"pr-info-title\">In My Old San Juan<\/h2>\n                <p class=\"pr-info-subtitle\">The Longing to Return<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Noel Estrada Su\u00e1rez (1918-1979)<\/div>\n                    <div><strong>Rhythm:<\/strong> bolero<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">There are two aspects that mark this composition: World War II (1939-1945), with hundreds of Puerto Ricans active in compulsory military service\u2014including Estrada Su\u00e1rez&#8217;s brother\u2014 and the Great Puerto Rican Migration (between 1940-1960), considered \u201cthe first large-scale air migration in human history,\u201d with more than 800,000 Puerto Ricans leaving the archipelago by plane, Mel\u00e9ndez-Badillo noted.<\/p>\n                \n                                                                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n<video id=\"pr-amanecer-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"In My Old San Juan\"\n       poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/Sobre-La-Borinquena-nuestro-himno-oficial-1.jpg\">\n    <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/viejosanjuan_melendez-badillo.mp4\">\n<\/video>\n                    <\/div>\n                    <p class=\"pr-media-caption\">*Music: Recording of the performance by the Conjunto de Cuerdas T\u00edpicas de Puerto Rico at El Romance Club, Chicago, Illinois, 1977. Retrieved from Library of Congress.<\/p>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Although \u201cPuerto Rico is a diasporic nation that has been in constant motion,\u201d even in pre-Columbian times, according to Mel\u00e9ndez-Badillo, it was in the 1940s that this migration intensified and Old San Juan became a focal point for reflecting on this physical and cultural displacement that persists to this day.<\/p>\n                \n                <p class=\"pr-info-context\">The impact of <a class=\"link-tracking\" href=\"https:\/\/www.smule.com\/song\/noel-estrada-en-mi-viejo-san-juan-karaoke-lyrics\/96046233_115520\/arrangement\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">the song<\/a> was global, so much so that it was translated into French, English, and German. It has hundreds of versions in rhythms such as bolero, tango, and ranchera. And in the 1980s, it officially became the anthem of San Juan.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n        \n<!-- Verde Luz -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-119705265.webp\" alt=\"Student struggles Puerto Rico\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        If I am absent from your beautiful beaches,<br>\n        if I am far from your silent palms,<br>\n        I want to return, I want to return.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Si me ausento de tus playas primorosas,<br>\n        si me alejo de tus palmas silenciosas,<br>\n        quiero volver, quiero volver.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1966<\/div>\n                <h2 class=\"pr-info-title\">Verde Luz<\/h2>\n                <p class=\"pr-info-subtitle\">The new struggle for independence<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Antonio Cab\u00e1n Vale &#8220;El Topo&#8221; (1942-2024), singer-songwriter and poet<\/div>\n                    <div><strong>Rhythm:<\/strong> Dance<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">In the midst of the \u201cnew struggle for independence\u201d and our nation&#8217;s migratory ups and downs, \u201cVerde Luz stems from the sensitivity that emerged in Puerto Rico after 1959 with the Cuban revolution, which, although it took place in Cuba, had an enormous cultural impact, not only in Puerto Rico but throughout the Americas and the world,\u201d the historian pointed out.<\/p>\n                \n                <p class=\"pr-info-context\">Cab\u00e1n Vale wrote it when he was just 24 years old, during his time as a university student and when he was about to emigrate to New York, in the context of protest songs, student struggles, and \u201cother forms of political expression through music,\u201d added <span class=\"pr-inline-audio-wrapper\">\n                        <span class=\"pr-inline-play-button\" id=\"pr-inline-play-verdeluz\"><\/span>\n                        <span class=\"pr-inline-audio-label\">Mel\u00e9ndez-Badillo.<\/span>\n                        <audio class=\"pr-inline-audio-element\" id=\"pr-inline-audio-verdeluz\" preload=\"metadata\">\n                            <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/VerdeLuz_Melendez_Badillo-cut.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                    <\/span>It was the singer-songwriter himself, who was the subject of federal surveillance, who immortalized it and catalogued it as a symbol of the struggle for Puerto Rico&#8217;s independence and self-determination.<\/p>\n                    \n                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n                        <iframe loading=\"lazy\" width=\"100%\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/fTLJrMDDaRU?list=RDfTLJrMDDaRU\" title=\"Hermes Croatto - Verde Luz (LIVE desde el Viejo San Juan)\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen style=\"border-radius: 12px;\"><\/iframe>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">\u201cThe people who would advocate for Verde Luz as a second anthem come from a particular ideology&#8230; an independence sector that feels it is their anthem,\u201d said the historian.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Qu\u00e9 bonita bandera -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1497688538.webp\" alt=\"Puerto Rico flag\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Blue, white, and red, with a star in the middle,<br>\n        what a beautiful flag is my Puerto Rican flag.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Azul, blanca y colorada, en el medio tiene una estrella,<br>\n        qu\u00e9 bonita bandera es mi bandera puertorrique\u00f1a.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1968<\/div>\n                <h2 class=\"pr-info-title\">What a beautiful flag<\/h2>\n                <p class=\"pr-info-subtitle\">A diasporic anthem<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Flor Morales Ramos &#8220;Ramito&#8221; (1915-1990), musician and troubadour<\/div>\n                    <div><strong>Rhythm:<\/strong> Plena<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">After the Great Puerto Rican Migration, Mel\u00e9ndez-Badillo believes that this plena became a \u201cdiasporic anthem\u201d that appeals to a nationalism \u201cthat does not need a discourse on the status of Puerto Rico.\u201d This takes on greater importance in the diaspora, when many are searching for a sense of belonging and find themselves needing to reaffirm their Puerto Rican identity, with the flag as their main resource.<\/p>\n                \n                <p class=\"pr-info-context\">Morales Ramos, famous for his influence on plena and j\u00edbara music, wrote this song to highlight the pride of displaying the Puerto Rican flag, which only two decades earlier had been banned. And the song&#8217;s success, according to the historian, is that it expresses \u201ca cultural nationalism that is detached from the divisive conversation about Puerto Rico&#8217;s political status.\u201d<\/p>\n                \n                <p class=\"pr-info-context\">This is one of the most popular plena songs at the Puerto Rican Day Parade in New York and <a class=\"link-tracking\" href=\"https:\/\/youtu.be\/IvtfYC2fmPs\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">was the song played<\/a> when Puerto Rican-born astronaut Joseph Acab\u00e1 went into space in 2009.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- So\u00f1ando con Puerto Rico -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1175184628.jpg\" alt=\"Diaspora\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I cannot hide<br>\n        the pride I feel<br>\n        in being Puerto Rican.<br>\n        And that my thoughts,<br>\n        no matter where I go,<br>\n        escape to the little island\u2026\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Yo no puedo ocultar<br>\n        el orgullo que siento<br>\n        de ser puertorrique\u00f1o.<br>\n        Y que mi pensamiento<br>\n        no importa d\u00f3nde voy<br>\n        se fuga hacia la islita\u2026\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1969<\/div>\n                <h2 class=\"pr-info-title\">Dreaming of Puerto Rico<\/h2>\n                <p class=\"pr-info-subtitle\">It&#8217;s time to return<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Roberto &#8220;Bobby&#8221; Rodr\u00edguez Cap\u00f3 (1921-1989), singer-songwriter<\/div>\n                    <div><strong>Rhythm:<\/strong> Bolero<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Like several of the previous songs, this bolero \u201ccaptures that moment of the diaspora in the United States dreaming of Puerto Rico,\u201d said Mel\u00e9ndez-Badillo.<\/p>\n                \n                <p class=\"pr-info-context\">\u201cFor me, as a member of the diaspora, it&#8217;s very complex because sometimes I don&#8217;t feel at home either here or there (in Puerto Rico or the United States)&#8230; Through cultural and artistic production, various artists, musicians, etc., have affirmed that notion of Borinquen, of homeland, and that&#8217;s why the flag is so important in our diasporic communities,\u201d he added.<\/p>\n                \n                <div class=\"pr-media-block\">\n                    <iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/track\/5fJGJPo1HrdfZHgIYP1UTt?utm_source=generator&#038;theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n                <\/div>\n                \n                <p class=\"pr-info-context\"><a class=\"link-tracking\" href=\"https:\/\/prpop.org\/2016\/11\/la-historia-de-sonando-con-puerto-rico\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">Jacqueline Cap\u00f3<\/a>, daughter of Bobby Cap\u00f3, says that the composer wrote the song at the request of his wife, Irma V\u00e1zquez, while they were living in New York. He told her that Noel Estrada had En mi Viejo San Juan and Rafael Hern\u00e1ndez had Preciosa and Lamento Borincano, but he had not yet written anything for Puerto Rico. This is how So\u00f1ando con Puerto Rico came about, which was included on the album Despierte borincano, along with songs such as Mi Borinquen and Qu\u00e9 bueno es ser borincano.<\/p>\n                \n                <p class=\"pr-info-context\">Beyond the iconic Piel Canela and El Negro Bemb\u00f3n, Cap\u00f3 was one of the most famous Puerto Rican composers, connecting with that Puerto Rican identity anywhere in the world.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Amanecer borincano -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1653456101.jpg\" alt=\"Puerto Rican countryside\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I carry Borinquen blood<br>\n        I am the son of palm trees,<br>\n        of fields and rivers,<br>\n        and of the song of the coqu\u00ed.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Traigo sangre borinque\u00f1a<br>\n        soy hijo de las palmeras,<br>\n        de los campos y los r\u00edos,<br>\n        y del cantar del coqu\u00ed.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1974<\/div>\n                <h2 class=\"pr-info-title\">Amanecer borincano<\/h2>\n                <p class=\"pr-info-subtitle\">The evocation of the j\u00edbaro<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Alberto Carri\u00f3n (1950), singer-songwriter<\/div>\n                    <div><strong>Rhythm:<\/strong> J\u00edbara music<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Following the migrations not only from Puerto Rico to the United States, but also from the Puerto Rican countryside to the city, a song emerged that evoked \u201cthat notion of a deep Puerto Rico\u201d and \u201cthe return to the countryside, to rural life, to the j\u00edbara question,\u201d Mel\u00e9ndez-Badillo pointed out.<\/p>\n                \n                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n<video id=\"pr-amanecer-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"Amanecer borincano\"\n       poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/amanecerb.jpg\">\n    <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/amanecerborincano_melendezbadillo.mp4\" type=\"video\/mp4\">\n<\/video>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">In the 1970s, what is known as cyclical migration took place: the return of those who had left years before. \u201cMany people from the diaspora began to return to Puerto Rico. It was also a time of political and economic transition. In 1968, we had the first victory of the New Progressive Party (PNP),\u201d said the historian.<\/p>\n                \n                <p class=\"pr-info-context\">\u201cWith the creation of the slums, we also have the occupation of spaces with Villa Ca\u00f1ona and Villa Sin Miedo, which are marginalized, poor communities that occupy spaces,\u201d he added.<\/p>\n                \n                <p class=\"pr-info-context\">During this transition period, there was a call for \u201cstatehood for the poor, j\u00edbara statehood,\u201d at a time when \u201cit was clear that Puerto Rico&#8217;s industrialization project, if it had not failed completely, as it did in the 1980s, was already running out of steam.\u201d There is a romanticization of the j\u00edbaro and the countryside, even if it is as a nostalgic cultural element.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Boricua en la Luna -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1150178716.jpg\" alt=\"Moon and stars\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        And so I shout at the villain:<br>\n        I would be Borincano<br>\n        even if I were born on the moon.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Y as\u00ed le grito al villano:<br>\n        yo ser\u00eda borincano<br>\n        aunque naciera en la Luna.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1980<\/div>\n                <h2 class=\"pr-info-title\">Boricua on the Moon<\/h2>\n                <p class=\"pr-info-subtitle\">Puerto Ricans are born where they want to be<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Juan Antonio Corretjer (1908-1985)<\/div>\n                    <div><strong>Musical arrangement:<\/strong> Made in 1987 by Roy Brown (1945)<\/div>\n                    <div><strong>Rhythm:<\/strong> Nova trova<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">After decades of Boricuas being born in the United States, some of them without ever having set foot on the island or having Spanish as their first language, a poem emerges that reaffirms that Boricuas are born where we want to be.<\/p>\n                \n                <p class=\"pr-info-context\">It was inspired by those who left in search of a better life and by the former prisoners of the National Liberation Armed Forces (FALN, \u201clos Macheteros\u201d), whom Corretjer visited. In addition, it was written only two years after the murders of independence activists in Cerro Maravilla.<\/p>\n               \n                <p class=\"pr-info-context\">The poem not only \u201cevokes that patriotic nostalgia\u201d and the \u201csearch for what it means to be Puerto Rican\u201d; it is &#8220;highly political because part of the context in which it was written is the armed struggle for Puerto Rico&#8217;s independence,\u201d explained Mel\u00e9ndez-Badillo.<\/p>\n                \n                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n<video id=\"pr-boricua-luna-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"Boricua on the Moon\"\n       poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/boricualuna-getty-1.jpg\">\n    <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/boricualuna_melendezbadillo.mp4\" type=\"video\/mp4\">\n<\/video>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">\u201c(Boricua en la luna) is a love letter to those people who were giving their lives in the struggle,\u201d he added, and it is an answer to that constant question of \u201chow we think about Puerto Rican identity.&#8221; For the historian, \u201cthis is my anthem\u201d because it remains as relevant as it was in the 1980s, considering that there are more Puerto Ricans living abroad than in the archipelago.<\/p>\n                \n                <p class=\"pr-info-context\">The poem was set to music in 1987 by singer-songwriter Roy Brown, an ally of the student and independence struggles, and has also been performed by groups such as Fiel a la Vega.<\/p>\n\n                <div class=\"pr-media-block\">\n                    <iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/6Fq0XDQZkxjPfyWCE9MryI?utm_source=generator&#038;theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n        <!-- Conclusion -->\n        <div class=\"intro-quote\">\n                            <div class=\"pr-quote-section fade-in\">\n                    <blockquote class=\"pr-main-quote\">\n                      \u275d Puerto Rico is a diasporic nation that has been in constant motion, and these songs accompany us wherever we go, reminding us of who we are and where we come from\u275e.\n                    <\/blockquote>\n            <cite class=\"pr-quote-author\">\u2014 Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n                <\/div>\n            <\/div>       \n        \n        <!-- Otras canciones que nos identifican -->\n<section class=\"other-songs-section\">\n    <!-- Header -->\n    <div class=\"section-header\">\n        <h2 class=\"section-title\">Other songs that identify us<\/h2>\n        <p class=\"section-subtitle\">Will they stand the test of time?<\/p>\n    <\/div>\n    \n    <!-- Quote introductorio -->\n    <div class=\"intro-quote\">\n        <div class=\"quote-box\">\n            <p class=\"quote-text\">\n                \u275d Many people may see anthems as something more solemn, more serious, but I think they also represent who we are\u275e.\n            <\/p>\n            <cite class=\"quote-author\">\u2013 Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n        <\/div>\n    <\/div>\n    \n    <!-- Contenedor con scroll horizontal -->\n    <div class=\"scroll-container\">\n        <div class=\"cards-grid\">\n            <!-- Tarjeta 1: Los colores de mi tierra -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">1993<\/div>\n                        <h3 class=\"card-title\">Los colores de mi tierra<\/h3>\n                        <p class=\"card-artist\">Alberto Carri\u00f3n<\/p>\n                        <p class=\"card-preview\">\n                            The Harris Paint commercial that became a generational anthem for those born in the 1980s.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Los colores de mi tierra<\/h3>\n                            <p class=\"back-subtitle\">Alberto Carri\u00f3n, 1993<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                The Harris Paint commercial, composed by Alberto Carri\u00f3n\u2014who also composed Amanecer Borincano\u2014has a special place in the hearts of that generation born in the 1980s.\n                            <\/p>\n                            <div class=\"back-quote\">\n                                <p>\u201cI remember as a teenager jokingly standing up in the cinema with my friends and putting our hands on our hearts because I think the song appealed to a similar sensibility to that of Fern\u00e1ndez Juncos with La Borinque\u00f1a, evoking the colors, flora, fauna, and everyday life.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                Even today, versions of this song continue to be created because it is a portrait of the Puerto Rico we long for or a memory of our childhood.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 2: El Wanab\u00ed -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">1996<\/div>\n                        <h3 class=\"card-title\">El Wanab\u00ed<\/h3>\n                        <p class=\"card-artist\">Fiel a la Vega<\/p>\n                        <p class=\"card-preview\">\n                            A song that appeals to the importance of fighting to move forward, with sensitivity for the working class.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">El Wanab\u00ed<\/h3>\n                            <p class=\"back-subtitle\">Tito Auger and Ricky Laureano, 1996<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Composed by Tito Auger and Ricky Laureano, it is one of the songs that appeals to the importance of fighting to move forward.\n                            <\/p>\n                            <div class=\"back-quote\">\n                                <p>\u201cIt has a sensitivity for the working class, for those who move from the countryside to the city and want to get involved.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                Although it does not directly speak of the pride of being Puerto Rican, it marked a generation that was trying to prove what they were made of in the decade of Dayanara Torres as Miss Universe, the Puerto Rico Dream Team&#8217;s championship in the Caribbean Series, the \u201ctough on crime\u201d policy, and the explosion of Humberto Vidal in R\u00edo Piedras.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 3: Qui\u00e9n no se siente patriota -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">1998<\/div>\n                        <h3 class=\"card-title\">Who doesn&#8217;t feel patriotic?<\/h3>\n                        <p class=\"card-artist\">Jos\u00e9 Rafael L\u00f3pez Figueroa<\/p>\n                        <p class=\"card-preview\">\n                            This plena demonstrates the pride of being Puerto Rican, a must at the Las Fiestas de la Calle San Sebasti\u00e1n.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Who doesn&#8217;t feel patriotic?<\/h3>\n                            <p class=\"back-subtitle\">Jos\u00e9 Rafael L\u00f3pez Figueroa, 1998<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Like other compositions on this list, this song expresses the pride of being Puerto Rican and expressing that feeling, said Mel\u00e9ndez-Badillo.\n                            <\/p>\n                            <p class=\"back-text\">\n                                This plena by Jos\u00e9 Rafael L\u00f3pez Figueroa was popularized by Andy Monta\u00f1ez and is often one of the most performed songs at Las Fiestas de la Calle San Sebasti\u00e1n.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 4: Gasolina -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">2004<\/div>\n                        <h3 class=\"card-title\">Gasolina<\/h3>\n                        <p class=\"card-artist\">Daddy Yankee<\/p>\n                        <p class=\"card-preview\">\n                            The song that catapulted reggaeton to worldwide fame and marked a moment in Puerto Rican popular culture.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Gasolina<\/h3>\n                            <p class=\"back-subtitle\">Daddy Yankee and Eddie Dee, 2004<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <div class=\"back-quote\">\n                                <p>\u201cDaddy Yankee&#8217;s Gasolina marked a moment in Puerto Rican popular culture. Many people may see anthems as something more solemn, more serious, but I think it also represents who we are.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                Gasolina was written by Daddy Yankee (Ram\u00f3n Ayala) and Eddie Dee (Eddie \u00c1vila) for the album Barrio Fino. In 2021, it was included as one of the 500 greatest songs of all time, and in 2023, it was added to the National Recording Registry of Congress.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 5: Despacito -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">2017<\/div>\n                        <h3 class=\"card-title\">Despacito<\/h3>\n                        <p class=\"card-artist\">Luis Fonsi and Daddy Yankee<\/p>\n                        <p class=\"card-preview\">\n                            A fusion of reggaeton and Latin pop that topped the charts in 47 countries and became a global phenomenon.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Despacito<\/h3>\n                            <p class=\"back-subtitle\">Luis Fonsi, Daddy Yankee, and Erika Ender, 2017<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Despacito was composed by Luis Fonsi, Daddy Yankee, and Erika Ender, and is a fusion of reggaeton and Latin pop that topped the charts in 47 countries. The video became one of the most viewed and liked of all time.\n                            <\/p>\n                            <p class=\"back-text\">\n                                It represents the global reach of our music and culture in the 21st century.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 6: Hijos del Ca\u00f1averal -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">2017<\/div>\n                        <h3 class=\"card-title\">Hijos del Ca\u00f1averal<\/h3>\n                        <p class=\"card-artist\">Residente<\/p>\n                        <p class=\"card-preview\">\n                            It revisits patriotic sentiment and a return to roots, to the countryside and to the j\u00edbaro in times of crisis.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Hijos del Ca\u00f1averal<\/h3>\n                            <p class=\"back-subtitle\">Ren\u00e9 P\u00e9rez (Residente), 2017<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Beyond Latin America (2010) by Calle 13, which became a kind of Latin American anthem, Hijos del Ca\u00f1averal\u2014composed by Ren\u00e9 P\u00e9rez\u2014takes up that patriotic feeling and that return to the roots, to the countryside, and to the j\u00edbaro.\n                            <\/p>\n                            <div class=\"back-quote\">\n                                <p>\u201cPeople took ownership of the song&#8230; the song surpassed the artist&#8230; it went beyond the limits of the genre.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                For the historian, the song reached those who did not necessarily follow Residente and has been performed in various parts of the archipelago, in a decade marked by economic and fiscal crisis, Hurricane Maria, and the imposition of the Fiscal Oversight Board.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- Spotify Playlist Section -->\n<section class=\"pr-spotify-section\" style=\"background: #000; padding: 80px 0; text-align: center;\">\n    <div class=\"pr-spotify-content\" style=\"max-width: 800px; margin: 0 auto; padding: 0 20px;\">\n        <div class=\"pr-spotify-header\" style=\"margin-bottom: 3rem;\">\n            <h2 class=\"pr-spotify-title\" style=\"font-family: Georgia, serif; font-size: 2rem; color: white; margin-bottom: 1rem; text-align: center;\">\ud83c\udfa7 Listen to our playlist<\/h2>\n            <p class=\"pr-spotify-subtitle\" style=\"font-family: Georgia, serif; font-size: 1.5rem; font-style: italic; color: rgba(255, 255, 255, 0.8); margin: 0; text-align: center;\">The unofficial anthems of Puerto Rico<\/p>\n        <\/div>\n        <div class=\"pr-spotify-embed\" style=\"max-width: 600px; margin: 0 auto;\">\n<iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/playlist\/4cyupieYr5KcOtLr6EZjdz?utm_source=generator&#038;theme=0\" width=\"100%\" height=\"352\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n        <\/div>\n    <\/div>\n<\/section>\n<script>\n   (function() {\n      'use strict';\n       \n      \/\/ Ensure we don't run multiple instances\n      if (window.PRHimnosInitialized) return;\n      window.PRHimnosInitialized = true;\n\n      \/\/ Define scroll depth thresholds to track (e.g., 25%, 50%, 75%, 100%)\n      const scrollThresholds = [25, 50, 75, 100];\n      const trackedDepths = {}; \/\/ To prevent firing the same event multiple times\n\n       const PRHimnos = {\n          wrapper: document.getElementById('pr-himnos-wrapper-unique'),\n          videos: [],\n          \n          init: function() {\n              if (!this.wrapper) return;\n              \n              this.addGtaEvents();\n              this.setupFadeInAnimations();\n              this.setupVideoControls();\n              this.setupAudioControls();\n              this.setupInlineAudioControls();\n              this.setupVideoObserver();\n              this.setupFlipCards();\n              this.setupMobileNavigation();\n          },\n\n          addGtaEvents: function () {\n              const navLinks = this.wrapper.querySelectorAll(\".nav-link\");\n              navLinks.forEach((item) => {\n                  item.addEventListener(\"click\", (event) => onClickLink(event, item.textContent));\n              });\n              const navLinksMobile = this.wrapper.querySelectorAll(\".mobile-nav-link\");\n              navLinksMobile.forEach((item) => {\n                  item.addEventListener(\"click\", (event) => onClickLink(event, item.textContent));\n              });\n              const linkTracking = this.wrapper.querySelectorAll(\".link-tracking\");\n              linkTracking.forEach((item) => {\n                  item.addEventListener(\"click\", (event) => onClickLink(event, item.textContent, false));\n              });\n\n              const audiosWrapper = this.wrapper.querySelectorAll('.pr-inline-audio-wrapper');\n              audiosWrapper.forEach((wrapper) => {\n                const audio = wrapper.querySelector('.pr-inline-audio-element');\n                const audioLabel = wrapper.querySelector('.pr-inline-audio-label');\n                audio.addEventListener(\"play\", () => {\n                  sendGtagEvent('audio_play', audioLabel.textContent)\n                });\n                audio.addEventListener(\"pause\", () => {\n                  sendGtagEvent('audio_pause', audioLabel.textContent)\n                });\n                audio.addEventListener(\"ended\", () => {\n                  sendGtagEvent('audio_ended', audioLabel.textContent)\n                });\n              });\n\n              const videos = this.wrapper.querySelectorAll('.pr-video');\n              console.log('Setting up video tracking for', videos);\n              videos.forEach((video) => {\n                const videoLabel = video.getAttribute('data-label');\n                video.addEventListener(\"play\", () => {\n                  console.log('play event triggered', videoLabel);\n                  sendGtagEvent('video_play', videoLabel)\n                });\n                video.addEventListener(\"pause\", () => {\n                  console.log('pause event triggered', videoLabel);\n                  sendGtagEvent('video_pause', videoLabel)\n                });\n                video.addEventListener(\"ended\", () => {\n                  console.log('ended event triggered', videoLabel);\n                  sendGtagEvent('video_ended', videoLabel)\n                });\n              });\n\n              \/\/ Attach the scroll tracking function to the window's scroll event\n              window.addEventListener('scroll', trackScrollDepth);\n              \/\/ Initial check in case the page is already scrolled on load\n              trackScrollDepth();\n          },\n\n          setupFadeInAnimations: function() {\n              const fadeElements = this.wrapper.querySelectorAll('.fade-in');\n              \n              const observerOptions = {\n                  threshold: 0.1,\n                  rootMargin: '0px 0px -50px 0px'\n              };\n\n              const observer = new IntersectionObserver((entries) => {\n                  entries.forEach((entry) => {\n                      if (entry.isIntersecting) {\n                          entry.target.classList.add('visible');\n                      }\n                  });\n              }, observerOptions);\n\n              fadeElements.forEach((element) => {\n                  observer.observe(element);\n              });\n          },\n\n          setupVideoControls: function() {\n              \/\/ Configurar todos los videos\n              const videoConfigs = [\n                  {\n                      video: '#pr-borinquena-video',\n                      button: '#pr-play-button-1',\n                      overlay: '#pr-video-overlay-1'\n                  },\n                  {\n                      video: '#pr-viejo-san-juan-video',\n                      button: '#pr-play-button-2',\n                      overlay: '#pr-video-overlay-2'\n                  }\n              ];\n\n              videoConfigs.forEach((config) => {\n                  const video = this.wrapper.querySelector(config.video);\n                  const playButton = this.wrapper.querySelector(config.button);\n                  const videoOverlay = this.wrapper.querySelector(config.overlay);\n\n                  if (video && playButton && videoOverlay) {\n                      \/\/ Remover el atributo muted para permitir sonido\n                      video.removeAttribute('muted');\n                      \n                      \/\/ Agregar video a la lista para observar\n                      this.videos.push(video);\n\n                      playButton.addEventListener('click', () => {\n                          \/\/ Pausar todos los dem\u00e1s medios antes de reproducir\n                          this.pauseAllMedia(video);\n                          \n                          if (video.paused) {\n                              video.play();\n                          } else {\n                              video.pause();\n                          }\n                      });\n\n                      video.addEventListener('play', () => {\n                        console.log('play event triggered', playButton.getAttribute('data-video-title'));\n                        sendGtagEvent('video_play', playButton.getAttribute('data-video-title'));\n                        playButton.classList.add('pause');\n                        videoOverlay.classList.add('hidden');\n                      });\n\n                      video.addEventListener('pause', () => {\n                          playButton.classList.remove('pause');\n                          videoOverlay.classList.remove('hidden');\n                      });\n\n                      video.addEventListener('ended', () => {\n                          playButton.classList.remove('pause');\n                          videoOverlay.classList.remove('hidden');\n                          video.currentTime = 0;\n                      });\n\n                      \/\/ Click en el video para mostrar\/ocultar controles\n                      video.addEventListener('click', () => {\n                          if (videoOverlay.classList.contains('hidden')) {\n                              videoOverlay.classList.remove('hidden');\n                              setTimeout(() => {\n                                  if (!video.paused) {\n                                      videoOverlay.classList.add('hidden');\n                                  }\n                              }, 3000);\n                          }\n                      });\n                  }\n              });\n          },\n\n          setupVideoObserver: function() {\n              \/\/ Observer para pausar videos cuando salen de la vista\n              const observerOptions = {\n                  threshold: 0.2, \/\/ El video debe estar al menos 20% visible\n                  rootMargin: '0px'\n              };\n\n              const observer = new IntersectionObserver((entries) => {\n                  entries.forEach((entry) => {\n                      const video = entry.target;\n                      if (!entry.isIntersecting && !video.paused) {\n                          video.pause();\n                      }\n                  });\n              }, observerOptions);\n\n              \/\/ Observar todos los videos\n              this.videos.forEach((video) => {\n                  observer.observe(video);\n              });\n          },\n          \n\n          pauseAllMedia: function(exceptElement = null) {\n              \/\/ Pausar todos los videos\n              const allVideos = this.wrapper.querySelectorAll('video');\n              allVideos.forEach((video) => {\n                  if (video !== exceptElement && !video.paused) {\n                      video.pause();\n                  }\n              });\n\n              \/\/ Pausar todos los audios\n              const allAudios = this.wrapper.querySelectorAll('audio');\n              allAudios.forEach((audio) => {\n                  if (audio !== exceptElement && !audio.paused) {\n                      audio.pause();\n                  }\n              });\n          },\n\n          setupAudioControls: function() {\n              const audioPlayers = this.wrapper.querySelectorAll('audio');\n              \n              audioPlayers.forEach((audio) => {\n                  audio.addEventListener('play', () => {\n                      \/\/ Pausar todos los dem\u00e1s medios cuando se reproduce un audio\n                      this.pauseAllMedia(audio);\n                  });\n                  \n                  audio.addEventListener('ended', () => {\n                      audio.currentTime = 0;\n                  });\n              });\n          },\n\n          setupInlineAudioControls: function() {\n              const inlineAudioWrappers = this.wrapper.querySelectorAll('.pr-inline-audio-wrapper');\n              \n              inlineAudioWrappers.forEach((wrapper) => {\n                  const playButton = wrapper.querySelector('.pr-inline-play-button');\n                  const audio = wrapper.querySelector('.pr-inline-audio-element');\n                  \n                  if (audio && playButton) {\n                      \/\/ Click en todo el wrapper\n                      wrapper.addEventListener('click', (e) => {\n                          e.preventDefault();\n                          \n                          \/\/ Pausar todos los otros medios\n                          this.pauseAllMedia(audio);\n                          \n                          if (audio.paused) {\n                              \/\/ Reproducir el audio\n                            audio.play();\n                          } else {\n                              audio.pause();\n                          }\n                      });\n                      \n                      \/\/ Actualizar estado del bot\u00f3n\n                      audio.addEventListener('play', () => {\n                          playButton.classList.add('playing');\n                          \/\/ Remover clase playing de otros botones inline\n                          this.wrapper.querySelectorAll('.pr-inline-play-button').forEach((btn) => {\n                              if (btn !== playButton) {\n                                  btn.classList.remove('playing');\n                              }\n                          });\n                      });\n                      \n                      audio.addEventListener('pause', () => {\n                          playButton.classList.remove('playing');\n                      });\n                      \n                      audio.addEventListener('ended', () => {\n                          playButton.classList.remove('playing');\n                          audio.currentTime = 0;\n                      });\n                  }\n              });\n          },\n\n          setupFlipCards: function() {\n            \/\/ Funci\u00f3n para alternar el flip de las tarjetas\n            const flipCards = this.wrapper.querySelectorAll('.flip-card');\n            \n            flipCards.forEach((card) => {\n                card.addEventListener('click', (e) => {\n                    e.stopPropagation();\n                    \n                    \/\/ Cerrar todas las otras tarjetas\n                    flipCards.forEach((otherCard) => {\n                        if (otherCard !== card) {\n                            otherCard.classList.remove('flipped');\n                        }\n                    });\n                    \n                    \/\/ Toggle la tarjeta actual\n                    card.classList.toggle('flipped');\n\n                    const cardText = card.querySelector('.card-title').textContent;\n\n                    sendGtagEvent('clicks', cardText);\n            \n                  \/\/ Cerrar tarjetas al hacer clic fuera del contenedor principal\n                  document.addEventListener('click', (e) => {\n                      if (!e.target.closest('#pr-himnos-wrapper-unique')) {\n                          flipCards.forEach((card) => {\n                              card.classList.remove('flipped');\n                          });\n                      }\n                  });\n                });\n            });\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\n      function onClickLink(event, textContent, preventDefault = true) {\n        if (preventDefault) {\n          event.preventDefault();\n        }\n        \/\/ Send gtag event\n        sendGtagEvent('clicks', textContent);\n\n        if (preventDefault) {\n          window.location.href = event.target.href;\n        }\n      }\n\n      function sendGtagEvent(eventName, eventLabel) {\n         if (typeof gtag === 'function') {\n           console.log('eventLabel', eventLabel);\n           gtag('event', eventName, {\n             'event_category': 'Special tracking',\n             'event_label': eventLabel,\n             'value': 1\n           });\n         } else {\n          console.warn('gtag function is not defined. Make sure the Google Analytics script is loaded.');\n         }\n       }\n\n       function 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              sendGtagEvent('scroll_depth', `${threshold}%`);\n              trackedDepths[threshold] = true; \/\/ Mark as tracked\n            }\n          });\n        }\n\n       \/\/ Initialize when DOM is ready\n       if (document.readyState === 'loading') {\n           document.addEventListener('DOMContentLoaded', () => PRHimnos.init());\n       } else {\n           PRHimnos.init();\n       }\n   })();\n<\/script>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u2630 Homepage PR Itineraries Travel Map Directory About Us In Spanish \u2715 Homepage PR Itineraries Travel Guide Map Directory About Us In Spanish The unofficial anthems that tell the story of Puerto Rico A journey through the songs that have accompanied generations of Puerto Ricans, both on and off the island, and which today are [&hellip;]<\/p>\n","protected":false},"author":52,"featured_media":5548,"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-6108","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspirational","tag-featured-post","post_author-cindy-burgos-alvarado"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Unofficial Anthems that Tell the Story of Puerto Rico | Platea<\/title>\n<meta name=\"description\" content=\"A journey through the songs that have accompanied generations of Puerto Ricans, both on and off the island.\" \/>\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\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Unofficial Anthems that Tell the Story of Puerto Rico | Platea\" \/>\n<meta property=\"og:description\" content=\"A journey through the songs that have accompanied generations of Puerto Ricans, both on and off the island.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/\" \/>\n<meta property=\"og:site_name\" content=\"Platea\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-27T18:47:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-27T18:47:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2022\/02\/191-3-7762_jpeg-1024x701.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"701\" \/>\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=\"20 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\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/\"},\"author\":{\"name\":\"hroloncintron\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b\"},\"headline\":\"The Unofficial Anthems that Tell the Story of Puerto Rico\",\"datePublished\":\"2025-07-27T18:47:52+00:00\",\"dateModified\":\"2025-07-27T18:47:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/\"},\"wordCount\":3964,\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2022\/02\/191-3-7762_jpeg.jpg\",\"keywords\":[\"Featured Post\"],\"articleSection\":[\"Inspirational\"],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/#primaryimage\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2022\/02\/191-3-7762_jpeg.jpg\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2022\/02\/191-3-7762_jpeg.jpg\",\"width\":1200,\"height\":821},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/#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\":\"The Unofficial Anthems that Tell the Story of Puerto Rico\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"The Unofficial Anthems that Tell the Story of Puerto Rico | Platea","description":"A journey through the songs that have accompanied generations of Puerto Ricans, both on and off the island.","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\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/","og_locale":"en_US","og_type":"article","og_title":"The Unofficial Anthems that Tell the Story of Puerto Rico | Platea","og_description":"A journey through the songs that have accompanied generations of Puerto Ricans, both on and off the island.","og_url":"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/","og_site_name":"Platea","article_published_time":"2025-07-27T18:47:52+00:00","article_modified_time":"2025-07-27T18:47:53+00:00","og_image":[{"width":1024,"height":701,"url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2022\/02\/191-3-7762_jpeg-1024x701.jpg","type":"image\/jpeg"}],"author":"hroloncintron","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hroloncintron","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/#article","isPartOf":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/"},"author":{"name":"hroloncintron","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b"},"headline":"The Unofficial Anthems that Tell the Story of Puerto Rico","datePublished":"2025-07-27T18:47:52+00:00","dateModified":"2025-07-27T18:47:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/"},"wordCount":3964,"publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/#primaryimage"},"thumbnailUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2022\/02\/191-3-7762_jpeg.jpg","keywords":["Featured Post"],"articleSection":["Inspirational"],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/#primaryimage","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2022\/02\/191-3-7762_jpeg.jpg","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2022\/02\/191-3-7762_jpeg.jpg","width":1200,"height":821},{"@type":"BreadcrumbList","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/#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":"The Unofficial Anthems that Tell the Story of Puerto Rico"}]},{"@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<!-- WordPress HTML Block - Puerto Rico Himnos -->\n<div id=\"pr-himnos-wrapper-unique\">\n    <style>\n\/* Scoped styles for WordPress compatibility *\/\n#pr-himnos-wrapper-unique {\n    \/* Reset and base styles *\/\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    line-height: 1.6;\n    color: #333;\n    background-color: #000;\n    display: block;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    position: relative;\n}\n\n#pr-himnos-wrapper-unique * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* Hero Section *\/\n#pr-himnos-wrapper-unique .pr-hero-section {\n    position: relative;\n    height: 120vh;\n    min-height: 700px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: #000;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%);\n    z-index: 2;\n}\n\n\/* Byline actualizado *\/\n#pr-himnos-wrapper-unique .pr-byline-section {\n    background: #000;\n    padding: 40px 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#pr-himnos-wrapper-unique .pr-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#pr-himnos-wrapper-unique .pr-byline-authors {\n    display: flex;\n    gap: 30px;\n    align-items: flex-start;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n    padding-bottom: 20px;\n}\n\n#pr-himnos-wrapper-unique .pr-author-item {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n#pr-himnos-wrapper-unique .pr-author-avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    flex-shrink: 0;\n}\n\n#pr-himnos-wrapper-unique .pr-author-details h3 {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: white;\n    margin: 0 0 5px 0;\n}\n\n#pr-himnos-wrapper-unique .pr-author-details p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0;\n}\n\n#pr-himnos-wrapper-unique .pr-author-credit {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    font-weight: normal;\n    color: rgba(255, 255, 255, 0.9);\n    margin: 0;\n    line-height: 1.3;\n}\n\n#pr-himnos-wrapper-unique .pr-byline-date {\n    text-align: left;\n    margin-bottom: 2px;\n}\n\n#pr-himnos-wrapper-unique .pr-byline-date p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0;\n    font-style: italic;\n}\n\n\/* Responsive para byline *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .pr-byline-authors {\n        flex-direction: column;\n        gap: 10px;\n    }\n    \n        #pr-himnos-wrapper-unique .pr-byline-date {\n        padding-top: 8px;\n        text-align: left;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-author-item {\n        gap: 12px;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-author-avatar {\n        width: 40px;\n        height: 40px;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-author-credit {\n        font-size: 0.95rem;\n    }\n}\n\n#pr-himnos-wrapper-unique .pr-hero-content {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    position: relative;\n    z-index: 3;\n    text-align: center;\n    color: white;\n    max-width: 800px;\n    padding: 0 20px;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(2.5rem, 8vw, 4.5rem);\n    font-weight: bold;\n    margin-bottom: 0.5rem;\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n    line-height: 1.1;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-subtitle {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 300;\n    line-height: 1.2;\n    margin-bottom: 4rem;\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-description {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.1rem, 2.5vw, 1.2rem);\n    max-width: 600px;\n    margin: 0 auto;\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\n    font-weight: 300;\n    color: white;\n}\n\n\/* Introduction Section *\/\n#pr-himnos-wrapper-unique .pr-intro-section {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    position: relative;\n    padding: 80px 0;\n    background: black;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-intro-content {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: left;\n    \n}\n\n#pr-himnos-wrapper-unique .pr-intro-text {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.3rem;\n    line-height: 1.8;\n    margin-bottom: 1.7rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-quote-section {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 3rem 2rem;\n    border-radius: 15px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    margin: 2rem 0;\n}\n\n#pr-himnos-wrapper-unique .pr-main-quote {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.4rem;\n    font-style: italic;\n    line-height: 1.7;\n    text-align: left;\n    margin-bottom: 1.2rem;\n    position: relative;\n    color: white;\n    padding-left: 30px;\n}\n\n#pr-himnos-wrapper-unique .pr-quote-author {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    color: #04d99d;\n    font-weight: 600;\n    text-align: left;\n    padding-left: 30px;\n    text-align: left;\n}\n\n#pr-himnos-wrapper-unique .pr-lyrics-text-spanish {\n  font-size: clamp(1.1rem, 3.2vw, 1.8rem); \/* M\u00e1s peque\u00f1o que el ingl\u00e9s *\/\n  font-style: italic;\n  line-height: 1.3;\n  font-family: \"Georgia\", serif;\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);\n  color: rgba(255, 255, 255, 0.85); \/* Ligeramente m\u00e1s transparente *\/\n  margin-top: 1.5rem; \/* Espacio entre ingl\u00e9s y espa\u00f1ol *\/\n  opacity: 0.9; \/* Sutil diferencia de opacidad *\/\n}\n\n\/* Responsive para m\u00f3vil *\/\n@media (max-width: 768px) {\n  #pr-himnos-wrapper-unique .pr-lyrics-text-spanish {\n    font-size: clamp(1rem, 4vw, 1.6rem);\n    margin-top: 1rem;\n  }\n}\n\n\/* Responsive para m\u00f3vil *\/\n@media (max-width: 768px) {\n  #pr-himnos-wrapper-unique .pr-lyrics-text-spanish {\n    font-size: clamp(1rem, 4vw, 1.6rem);\n    margin-top: 1rem;\n  }\n}\n\n\/* Hymn Sections - Simplified for WordPress *\/\n#pr-himnos-wrapper-unique .pr-hymn-section {\n    position: relative;\n    background: #000;\n    overflow: hidden;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-header {\n    position: relative;\n    height: 100vh;\n    min-height: 700px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-bg-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-bg-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    filter: brightness(1) contrast(1.7);\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-bg-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.3) 0%,\n        rgba(0, 0, 0, 0.6) 50%,\n        rgba(0, 0, 0, 0.8) 100%\n    );\n    z-index: 2;\n}\n\n#pr-himnos-wrapper-unique .pr-lyrics-wrapper {\n    position: relative;\n    z-index: 3;\n    text-align: center;\n    padding: 0 20px;\n    max-width: 800px;\n}\n\n#pr-himnos-wrapper-unique .pr-lyrics-text {\n    font-size: clamp(1.8rem, 5vw, 3rem);\n    font-style: italic;\n    line-height: 1.4;\n    font-family: \"Georgia\", serif;\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);\n    color: white;\n}\n\n\/* Info Section *\/\n#pr-himnos-wrapper-unique .pr-info-section {\n    background: #000;\n    padding: 40px 0;\n}\n\n#pr-himnos-wrapper-unique .pr-info-content {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n#pr-himnos-wrapper-unique .pr-info-card {\n    background: rgba(255, 255, 255, 0.95);\n    color: #333;\n    padding: 3rem;\n    border-radius: 10px;\n}\n\n#pr-himnos-wrapper-unique .pr-info-year {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #04d99d;\n    margin-bottom: 0.7rem;\n    letter-spacing: 1px;\n}\n\n#pr-himnos-wrapper-unique .pr-info-title {\n    font-size: clamp(2.5rem, 6vw, 4rem);\n    font-weight: 600;\n    color: #000;\n    margin-bottom: 0rem;\n    line-height: 1.1;\n    font-family: \"Georgia\", serif;\n}\n\n#pr-himnos-wrapper-unique .pr-info-subtitle {\n    font-size: clamp(1.3rem, 3vw, 1.6rem);\n    font-style: italic;\n    color: #666;\n    font-weight: 300;\n    margin-bottom: 1.8rem;\n    font-family: \"Georgia\", serif;\n}\n\n#pr-himnos-wrapper-unique .pr-info-context {\n    font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n    line-height: 1.5;\n    color: #333;\n    margin-bottom: 1.7rem;\n    font-family: \"Georgia\", serif;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta {\n   margin: 20px 0px 25px;\n   padding-left: 8px;\n   border-left: 3px solid #04d99d;\n   line-height: 1.1rem;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta div {\n   margin-bottom: 6px;\n   font-size: 0.95rem;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta div:last-child {\n   margin-bottom: 10;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta strong {\n   color: #666;\n   font-weight: bold;\n   font-size: 0.95rem;\n}\n\n\/* Media captions *\/\n#pr-himnos-wrapper-unique .pr-media-caption {\n    font-size: 0.875rem;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-style: italic;\n    color: #666;\n    margin-top: 0.5rem;\n    text-align: left;\n    line-height: 1.4;\n}\n\n\/* Media Block *\/\n#pr-himnos-wrapper-unique .pr-media-block {\n    margin: 2rem 0;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-video {\n    position: relative;\n    width: 100%;\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n#pr-himnos-wrapper-unique .pr-responsive-video {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n}\n\n#pr-himnos-wrapper-unique .pr-video-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.3);\n    opacity: 1;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n#pr-himnos-wrapper-unique .pr-video-overlay.hidden {\n    opacity: 0;\n}\n\n#pr-himnos-wrapper-unique .pr-play-button {\n    width: 80px;\n    height: 80px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    pointer-events: all;\n    transition: all 0.3s ease;\n    position: relative;\n    border: none;\n    outline: none;\n}\n\n#pr-himnos-wrapper-unique .pr-play-button:hover {\n    background: rgba(255, 255, 255, 1);\n    transform: scale(1.1);\n}\n\n#pr-himnos-wrapper-unique .pr-play-button::after {\n    content: '';\n    width: 0;\n    height: 0;\n    border-left: 10px solid #333;\n    border-top: 12px solid transparent;\n    border-bottom: 12px solid transparent;\n    margin-left: 0px;\n}\n\n#pr-himnos-wrapper-unique .pr-play-button.pause::after {\n    border: none;\n    width: 6px;\n    height: 24px;\n    background: #333;\n    margin-left: -10;\n    box-shadow: 12px 0 0 #333;\n}\n\n\/* Audio styles *\/\n#pr-himnos-wrapper-unique audio {\n    width: 100%;\n    border-radius: 8px;\n    max-width: 500px;\n    margin: 0 auto;\n    display: block;\n}\n\n\/* Forzar poster en videos responsivos *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .pr-responsive-video {\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        min-height: 200px; \/* Altura m\u00ednima para mostrar algo *\/\n    }\n    \n    \/* Asegurar que el poster se cargue *\/\n    #pr-himnos-wrapper-unique .pr-responsive-video:not([poster]) {\n        background-color: #000;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-responsive-video:not([poster])::before {\n        content: \"\u25b6\";\n        color: white;\n        font-size: 3rem;\n        opacity: 0.7;\n    }\n}\n\n\/* Conclusion Section *\/\n#pr-himnos-wrapper-unique .pr-conclusion-section {\n    position: relative;\n    padding: 80px 0;\n    background: black;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-conclusion-content {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: center;\n}\n\n#pr-himnos-wrapper-unique .pr-conclusion-content h2 {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(2rem, 5vw, 2.5rem);\n    margin-bottom: 2rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-conclusion-content p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.1rem, 3vw, 1.3rem);\n    line-height: 1.8;\n    margin-bottom: 3rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-final-quote {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 2.5rem 2rem;\n    border-radius: 15px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#pr-himnos-wrapper-unique .pr-final-quote blockquote {\n    color: white;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-style: italic;\n    margin: 0;\n    font-size: 1.2rem;\n    line-height: 1.6;\n}\n\n\/* Inline audio - Estilo exacto como las im\u00e1genes *\/\n#pr-himnos-wrapper-unique .pr-inline-audio-wrapper {\n    display: inline-flex;\n    align-items: center;\n    background: #62d4a1; \/* Color azul como en las im\u00e1genes *\/\n    border-radius: 2px; \/* Bordes m\u00e1s cuadrados *\/\n    padding: 3px 8px 3px 8px;\n    margin: 0 4px;\n    vertical-align: middle;\n    transition: all 0.3s ease;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-audio-wrapper:hover {\n    background: #04d99d;\n    cursor: pointer;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-play-button {\n    width: 0;\n    height: 0;\n    border-left: 12px solid white;\n    border-top: 7px solid transparent;\n    border-bottom: 7px solid transparent;\n    background: transparent;\n    padding: 0;\n    margin-right: 8px;\n    cursor: pointer;\n    border-right: none;\n    outline: none;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-play-button.playing {\n    width: 10px;\n    height: 12px;\n    border: none;\n    background: white;\n    position: relative;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-play-button.playing::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    width: 3px;\n    height: 14px;\n    background: white;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-audio-label {\n    font-size: 16px;\n    color: black;\n    font-weight: normal;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n}\n\n\/* Ocultar duraci\u00f3n si no la necesitas *\/\n#pr-himnos-wrapper-unique .pr-inline-audio-duration {\n    display: none;\n}\n\n\/* Enlaces dentro del componente *\/\n#pr-himnos-wrapper-unique a,\n#pr-himnos-wrapper-unique a:link,\n#pr-himnos-wrapper-unique a:visited,\n#pr-himnos-wrapper-unique a:hover,\n#pr-himnos-wrapper-unique a:active {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .pr-hymn-header {\n        height: 80vh;\n        min-height: 500px;\n    }\n\n    #pr-himnos-wrapper-unique .pr-info-section {\n        padding: 30px 0;\n    }\n\n    #pr-himnos-wrapper-unique .pr-info-card {\n        padding: 2rem;\n    }\n\n    #pr-himnos-wrapper-unique .pr-lyrics-text {\n        font-size: clamp(1.4rem, 6vw, 2.2rem);\n    }\n\n    #pr-himnos-wrapper-unique .pr-intro-section {\n        padding: 60px 0;\n    }\n\n    #pr-himnos-wrapper-unique .pr-play-button {\n        width: 60px;\n        height: 60px;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-play-button::after {\n        border-left-width: 15px;\n        border-top-width: 9px;\n        border-bottom-width: 9px;\n    }\n    \n    \/* Ajustar padding en m\u00f3vil para evitar overflow *\/\n    #pr-himnos-wrapper-unique .pr-hero-content,\n    #pr-himnos-wrapper-unique .pr-intro-content,\n    #pr-himnos-wrapper-unique .pr-info-content,\n    #pr-himnos-wrapper-unique .pr-byline-container,\n    #pr-himnos-wrapper-unique .pr-lyrics-wrapper {\n        padding-left: 15px !important;\n        padding-right: 15px !important;\n        max-width: calc(100vw - 30px) !important;\n    }\n    \n    \/* Reducir gap en m\u00f3vil para evitar overflow *\/\n    #pr-himnos-wrapper-unique .pr-byline-authors {\n        gap: 20px !important;\n    }\n}\n\n\/* Desktop-specific media sizing *\/\n@media (min-width: 769px) {\n    #pr-himnos-wrapper-unique .pr-media-block {\n        max-width: 500px;\n        margin: 2rem auto;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-hymn-video {\n        max-width: 500px;\n        margin: 0 auto;\n    }\n}\n\n\/* Fade in animation *\/\n#pr-himnos-wrapper-unique .fade-in {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease;\n}\n\n#pr-himnos-wrapper-unique .fade-in.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Secci\u00f3n de otras canciones *\/\n#pr-himnos-wrapper-unique .other-songs-section {\n    background: #000;\n    padding: 80px 0;\n    position: relative;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n}\n\n\/* T\u00edtulo de la secci\u00f3n *\/\n#pr-himnos-wrapper-unique .section-header {\n    text-align: center;\n    margin-bottom: 60px;\n    padding: 0 20px;\n}\n\n#pr-himnos-wrapper-unique .section-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(2rem, 5vw, 2.5rem);\n    margin-bottom: 1rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .section-subtitle {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.1rem, 3vw, 1.3rem);\n    font-style: italic;\n    color: rgba(255, 255, 255, 0.8);\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n\/* Quote introductorio *\/\n#pr-himnos-wrapper-unique .intro-quote {\n    max-width: 800px;\n    margin: 0 auto 60px;\n    padding: 0 20px;\n    content: none !important;\n    border: none !important;\n    background: none !important;\n}\n\n#pr-himnos-wrapper-unique .quote-box {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 2.5rem 2rem;\n    border-radius: 10px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#pr-himnos-wrapper-unique .quote-text {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.2rem;\n    font-style: italic;\n    line-height: 1.6;\n    margin-bottom: 1rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .quote-author {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    color: #04d99d;\n    font-weight: 600;\n}\n\n\/* Contenedor con scroll horizontal *\/\n#pr-himnos-wrapper-unique .scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    padding: 20px 0 40px;\n    margin: 0 -20px;\n}\n\n\/* Estilo de la barra de scroll *\/\n#pr-himnos-wrapper-unique .scroll-container::-webkit-scrollbar {\n    height: 8px;\n}\n\n#pr-himnos-wrapper-unique .scroll-container::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 10px;\n}\n\n#pr-himnos-wrapper-unique .scroll-container::-webkit-scrollbar-thumb {\n    background: #04d99d;\n    border-radius: 10px;\n}\n\n\/* Grid de tarjetas *\/\n#pr-himnos-wrapper-unique .cards-grid {\n    display: flex;\n    gap: 20px;\n    padding: 0 20px;\n    width: max-content;\n    margin: 0 auto;\n}\n\n\/* Tarjeta individual *\/\n#pr-himnos-wrapper-unique .flip-card {\n    width: 350px;\n    height: 450px;\n    perspective: 1000px;\n    flex-shrink: 0;\n    animation: fadeIn 0.6s ease-out;\n    animation-fill-mode: backwards;\n}\n\n#pr-himnos-wrapper-unique .flip-card-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    text-align: left;\n    transition: transform 0.6s;\n    transform-style: preserve-3d;\n}\n\n#pr-himnos-wrapper-unique .flip-card.flipped .flip-card-inner {\n    transform: rotateY(180deg);\n}\n\n\/* Cara frontal y trasera *\/\n#pr-himnos-wrapper-unique .flip-card-front,\n#pr-himnos-wrapper-unique .flip-card-back {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    background: rgba(255, 255, 255, 0.95);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n\/* Cara frontal *\/\n#pr-himnos-wrapper-unique .flip-card-front {\n    color: #333;\n    padding: 2rem;\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n}\n\n#pr-himnos-wrapper-unique .card-year {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.7rem;\n    font-weight: 700;\n    color: #04d99d;\n    margin-bottom: 0.7rem;\n    letter-spacing: 1px;\n}\n\n#pr-himnos-wrapper-unique .card-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 2rem;\n    font-weight: 600;\n    color: #000;\n    margin-bottom: 0.5rem;\n    line-height: 1.1;\n}\n\n#pr-himnos-wrapper-unique .card-artist {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    font-style: italic;\n    color: #666;\n    font-weight: 300;\n    margin-bottom: 2rem;\n}\n\n#pr-himnos-wrapper-unique .card-preview {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.1rem;\n    line-height: 1.5;\n    color: #333;\n    flex: 1;\n}\n\n#pr-himnos-wrapper-unique .flip-hint {\n    margin-top: auto;\n    padding-top: 2rem;\n    border-top: 1px solid rgba(0, 0, 0, 0.1);\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: #04d99d;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n#pr-himnos-wrapper-unique .flip-icon {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.5rem;\n}\n\n\/* Cara trasera *\/\n#pr-himnos-wrapper-unique .flip-card-back {\n    transform: rotateY(180deg);\n    color: #333;\n    padding: 2rem;\n    display: flex;\n    flex-direction: column;\n}\n\n#pr-himnos-wrapper-unique .back-header {\n    margin-bottom: 1.5rem;\n    padding-bottom: 1.5rem;\n    border-bottom: 2px solid #04d99d;\n}\n\n#pr-himnos-wrapper-unique .back-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #000;\n    margin-bottom: 0.3rem;\n}\n\n#pr-himnos-wrapper-unique .back-subtitle {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    color: #666;\n    font-style: italic;\n}\n\n#pr-himnos-wrapper-unique .back-content {\n    flex: 1;\n    overflow-y: auto;\n    position: relative;\n    padding-bottom: 20px;\n    scrollbar-width: thin;\n    scrollbar-color: #04d99d rgba(0, 0, 0, 0.1);\n}\n\n#pr-himnos-wrapper-unique .back-content::-webkit-scrollbar {\n    width: 6px;\n}\n\n#pr-himnos-wrapper-unique .back-content::-webkit-scrollbar-track {\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: 3px;\n}\n\n#pr-himnos-wrapper-unique .back-content::-webkit-scrollbar-thumb {\n    background: #04d99d;\n    border-radius: 3px;\n}\n\n#pr-himnos-wrapper-unique .back-text {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.1rem;\n    line-height: 1.6;\n    color: #333;\n    margin-bottom: 1.5rem;\n}\n\n#pr-himnos-wrapper-unique .back-quote {\n    background: rgba(4, 217, 157, 0.1);\n    padding: 1.5rem;\n    border-left: 3px solid #04d99d;\n    border-radius: 0 5px 5px 0;\n    margin: 1.5rem 0;\n}\n\n#pr-himnos-wrapper-unique .back-quote p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-style: italic;\n    font-size: 1rem;\n    line-height: 1.5;\n    color: #333;\n    margin: 0;\n}\n\n#pr-himnos-wrapper-unique .back-quote cite {\n    display: block;\n    margin-top: 0.5rem;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: #666;\n    font-style: normal;\n}\n\n\/* Animaciones *\/\n#pr-himnos-wrapper-unique .flip-card:nth-child(1) { animation-delay: 0.1s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(2) { animation-delay: 0.2s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(3) { animation-delay: 0.3s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(4) { animation-delay: 0.4s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(5) { animation-delay: 0.5s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(6) { animation-delay: 0.6s; }\n\n\/* Responsive para tarjetas *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .other-songs-section {\n        padding: 60px 0;\n    }\n    \n    #pr-himnos-wrapper-unique .flip-card {\n        width: 300px;\n        height: 400px;\n    }\n    \n    #pr-himnos-wrapper-unique .flip-card-front,\n    #pr-himnos-wrapper-unique .flip-card-back {\n        padding: 1.5rem;\n    }\n    \n    #pr-himnos-wrapper-unique .card-year {\n        font-family: \"Georgia\", \"Times New Roman\", serif !important;\n        font-size: 1.5rem;\n    }\n    \n    #pr-himnos-wrapper-unique .card-title {\n        font-family: \"Georgia\", \"Times New Roman\", serif !important;\n        font-size: 1.6rem;\n    }\n    \n    #pr-himnos-wrapper-unique .quote-box {\n        padding: 2rem 1.5rem;\n    }\n    \n    #pr-himnos-wrapper-unique .back-text {\n        font-family: \"Georgia\", \"Times New Roman\", serif !important;\n        font-size: 1rem;\n        line-height: 1.5;\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: 1400px;\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\/* Responsive *\/\n@media (max-width: 1024px) {\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@media (max-width: 768px) {\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\/* Fix para evitar scroll horizontal en m\u00f3vil - SIN afectar tarjetas *\/\nbody {\n    overflow-x: hidden !important;\n}\n\n#pr-himnos-wrapper-unique {\n    overflow-x: hidden !important;\n    max-width: 100vw !important;\n    box-sizing: border-box !important;\n}\n\n\/* Asegurar que todos los elementos internos no se salgan - EXCEPTO las tarjetas *\/\n#pr-himnos-wrapper-unique *:not(.scroll-container):not(.cards-grid):not(.flip-card) {\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n}\n\n\/* Fix espec\u00edfico para secciones que pueden causar overflow - EXCEPTO la secci\u00f3n de tarjetas *\/\n#pr-himnos-wrapper-unique .pr-hero-section,\n#pr-himnos-wrapper-unique .pr-hymn-section,\n#pr-himnos-wrapper-unique .pr-intro-section,\n#pr-himnos-wrapper-unique .pr-info-section,\n#pr-himnos-wrapper-unique .pr-byline-section {\n    overflow-x: hidden !important;\n    width: 100% !important;\n    max-width: 100vw !important;\n}\n\n\/* La secci\u00f3n de tarjetas mantiene su overflow-x auto *\/\n#pr-himnos-wrapper-unique .other-songs-section {\n    width: 100% !important;\n    max-width: 100vw !important;\n}\n\n\/* Mantener el scroll horizontal solo para el contenedor de tarjetas *\/\n#pr-himnos-wrapper-unique .scroll-container {\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n    margin: 0 -20px !important;\n}\n}\n\n    <\/style>\n    <div id=\"pr-himnos-container\">\n    <!-- Top Navigation -->\n<nav class=\"top-navigation\" aria-label=\"Main navigation\">\n  <div class=\"nav-container\">\n    <!-- Mobile menu toggle -->\n    <button class=\"mobile-nav-toggle\" aria-label=\"Open navigation menu\">\n      \u2630\n    <\/button>\n    \n    <ul class=\"nav-menu\">\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/\" class=\"nav-link\">Homepage<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&utm_medium=referral&utm_campaign=homepage-component&utm_content=homepage-link\" class=\"nav-link\">PR Itineraries<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"nav-link\">Travel<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About Us<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">In Spanish<\/a><\/li>\n    <\/ul>\n  <\/div>\n<\/nav>\n\n<!-- Mobile Navigation Overlay -->\n<div class=\"mobile-nav-overlay\" aria-label=\"Mobile navigation menu\">\n  <div class=\"mobile-nav-header\">\n    <button class=\"mobile-nav-close\" aria-label=\"Close menu\">\n      \u2715\n    <\/button>\n  <\/div>\n  <nav class=\"mobile-nav-content\">\n    <ul class=\"mobile-nav-list\">\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/\" class=\"mobile-nav-link\">Homepage<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&utm_medium=referral&utm_campaign=homepage-component&utm_content=homepage-link\" class=\"mobile-nav-link\">PR Itineraries<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"mobile-nav-link\">Travel Guide<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"mobile-nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"mobile-nav-link\">Directory<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"mobile-nav-link\">About Us<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"mobile-nav-link\">In Spanish<\/a><\/li>\n    <\/ul>\n  <\/nav>\n<\/div>\n\n        <!-- Hero Section -->\n        <section class=\"pr-hero-section\">\n            <div class=\"pr-hero-background\">\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/banderaprcolor-scaled.jpg\" alt=\"Puerto Rico\" class=\"pr-hero-image\">\n                <div class=\"pr-hero-overlay\"><\/div>\n            <\/div>\n            <div class=\"pr-hero-content\">\n                <h1 class=\"pr-hero-title\">The unofficial anthems that tell the story of Puerto Rico<\/h1>\n                <p class=\"pr-hero-description\"><em>A journey through the songs that have accompanied generations of Puerto Ricans, both on and off the island, and which today are an essential part of our collective memory.<\/em><\/p>\n            <\/div>\n        <\/section>\n        \n<!-- Byline -->\n<section class=\"pr-byline-section\">\n    <div class=\"pr-byline-container\">\n        <div class=\"pr-byline-date\">\n            <p>July 3, 2025<\/p>\n        <\/div>\n        <div class=\"pr-byline-authors\">\n            <div class=\"pr-author-item\">\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&width=200\" alt=\"Cindy Burgos Alvarado\" class=\"pr-author-avatar\">\n                <div class=\"pr-author-details\">\n                    <p class=\"pr-author-credit\">Text by Cindy Burgos Alvarado<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"pr-author-item\">\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2022\/07\/Screenshot-2025-07-04-at-12.09.25\u202fAM.webp\" alt=\"Heidee Rol\u00f3n Cintr\u00f3n\" class=\"pr-author-avatar\">\n                <div class=\"pr-author-details\">\n                    <p class=\"pr-author-credit\">Editing and production by Heidee Rol\u00f3n Cintr\u00f3n<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n        <!-- Introduction -->\n        <section class=\"pr-intro-section\">\n            <div class=\"pr-intro-content\">\n                <p class=\"pr-intro-text fade-in\">In the absence of Puerto Rican embassies, Puerto Rican musicians are our ambassadors, <a class=\"link-tracking\" href=\"https:\/\/www.revistaanfibia.com\/regueton-frente-la-revolucion\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">said journalist and writer Ana Teresa Toro.<\/a> And indeed, Puerto Rican music undoubtedly crosses borders and defines our cultural identity and our idea of a nation.<\/p>\n                <p class=\"pr-intro-text fade-in\">Beyond the anthem La Borinque\u00f1a\u2014both the romantic version by Manuel Fern\u00e1ndez Juncos and the revolutionary version by Lola Rodr\u00edguez de Ti\u00f3\u2014there are many songs that have deeply permeated what we describe as Puerto Rican identity.<\/p> \n                \n<p class=\"pr-intro-text fade-in\">Together with historian Jorell Mel\u00e9ndez-Badillo, author of the book Puerto Rico: Historia de una naci\u00f3n (2024) and who wrote the historical context for <a class=\"link-tracking\" href=\"https:\/\/www.youtube.com\/@BadBunnyPR\/videos\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">the YouTube visualizations<\/a> of each song from <a href=\"https:\/\/www.plateapr.com\/residencia-bad-bunny-verano-puerto-rico-sitio-especial\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\" class=\"link-tracking\">Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS,<\/a> we take a historical tour of these songs that we could call unofficial anthems and delve into the reasons for defining Puerto Rican identity and the context in which they were written.<\/p> \n\n                \n                <div class=\"pr-quote-section fade-in\">\n                    <blockquote class=\"pr-main-quote\">\n                        \u275d We have produced a lot of culture, a lot of music. With these elements, we have managed to define our idea of nationhood. That is why it is important to affirm that Puerto Ricans, beyond political status, have created a complex idea of nationhood, and music is a fundamental element in that\u275e.\n                    <\/blockquote>\n                    <cite class=\"pr-quote-author\">Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n<!-- La Borinque\u00f1a Revolucionaria -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <video \n                class=\"pr-hymn-bg-image pr-video\" \n                autoplay \n                data-label=\"La Borinque\u00f1a Revolutionary\"\n                muted \n                loop \n                playsinline \n                preload=\"auto\"\n                poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-121815455.webp\">\n                <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-654906679.mp4\" type=\"video\/mp4\">\n                <!-- Fallback para navegadores que no soporten video -->\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-121815455.webp\" alt=\"Historic Puerto Rico\">\n            <\/video>\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Let's go, Borinque\u00f1os, let's go now,<br>\n        for freedom eagerly awaits us.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        V\u00e1monos, borinque\u00f1os, v\u00e1monos ya,<br>\n        que nos espera ansiosa, ansiosa la libertad.\n    <\/div>\n<\/div>\n    <\/div>\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1868<\/div>\n                <h2 class=\"pr-info-title\">La Borinque\u00f1a<\/h2>\n                <p class=\"pr-info-subtitle\">\u201cThe Revolutionary Anthem\u201d<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Lola Rodr\u00edguez de Ti\u00f3 (1843-1924), poet and revolutionary<\/div>\n                    <div><strong>Musical arrangement:<\/strong> composed in 1867 by F\u00e9lix Astol Art\u00e9s (1813-1901)<\/div>\n                    <div><strong>Rhythm:<\/strong> dance<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Rodr\u00edguez de Ti\u00f3's famous poem, also known as the \u201crevolutionary anthem,\u201d is a \u201chymn of resistance\u201d for the independence movement, which was never officially the anthem of Puerto Rico.<\/p>\n                \n                <p class=\"pr-info-context\">The poem was written in the context of the Grito de Lares (September 23, 1868), the first major \u201crevolt for Puerto Rican independence,\u201d but it took place in a broader Caribbean context of independence struggles against Spain, including Cuba's, explained Mel\u00e9ndez-Badillo.<\/p>\n                \n                <p class=\"pr-info-context\">In fact, Rodr\u00edguez de Ti\u00f3 \u201cevokes that Cuban-Puerto Rican solidarity\u201d with her poem <a class=\"link-tracking\" href=\"https:\/\/ciudadseva.com\/texto\/cuba-y-puerto-rico-son-de-un-pajaro-las-dos-alas\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">\u201cCuba and Puerto Rico are the two wings of a bird\u201d<\/a>, added the historian. This solidarity was not only in the struggle for independence, but also in cultural contexts, and it is in Cuba, her second homeland, where the poet went into exile and died.<\/p>\n                \n                <p class=\"pr-info-context\">Although it is usually sung to a dance rhythm, the music predates the poem. The composition is attributed to the Catalan F\u00e9lix Astol Art\u00e9s, although other versions indicate that it is by the composer Francisco Ram\u00edrez Ortiz. It is also said that both collaborated to compose the music for what became the anthem of Puerto Rico in 1952.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- La Borinque\u00f1a Oficial -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1311839736.webp\" alt=\"Puerto Rico Capitol\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Borinquen is the daughter,<br>\n        the daughter of the sea and the sun.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Es Borinquen la hija,<br>\n        la hija del mar y el sol.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1902<\/div>\n                <h2 class=\"pr-info-title\">La Borinque\u00f1a<\/h2>\n                <p class=\"pr-info-subtitle\">The official anthem<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Manuel Fern\u00e1ndez Juncos (1846-1928), poet, educator, and journalist<\/div>\n                    <div><strong>Musical arrangement:<\/strong> composed in 1867 by F\u00e9lix Astol Art\u00e9s (1813-1901)<\/div>\n                    <div><strong>Rhythm:<\/strong> dance<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">\u201cIt came at a time of political reorganization for Puerto Rico,\u201d following the US occupation in 1898 and the establishment of a military government \u201cwhere Puerto Ricans really had no say in politics,\u201d explained Mel\u00e9ndez-Badillo. It was not until the passage of the Foraker Act in 1900 by the US Congress that a civilian government was established in Puerto Rico, something the historian called a \u201csemi-democratic\u201d government.<\/p>\n                \n                                                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n                      <video id=\"pr-amanecer-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"La Borinque\u00f1a\"\n                            poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/borinquenamorro.jpg\">\n                          <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/0703.mp4\">\n                      <\/video>\n                    <\/div>\n                <\/div>               \n                <p class=\"pr-info-context\">It is a romantic text that attempts to create a new historical memory, combining elements of nostalgia with the evocation of Puerto Rico's natural beauty, all of which drives the discourse of nation building, Mel\u00e9ndez-Badillo explained.<\/p>\n                \n                <p class=\"pr-info-context\">It was in 1952 that the dance La Borinque\u00f1a <a class=\"link-tracking\" href=\"https:\/\/bvirtualogp.pr.gov\/ogp\/Bvirtual\/leyesreferencia\/PDF\/2-1952.pdf\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">was made official as the anthem<\/a> with the musical arrangement by Ram\u00f3n Collado, but it was not until 1977 that Fern\u00e1ndez Juncos' poem was established as the official lyrics of the anthem.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- La Tierruca -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-148561670-scaled.webp\" alt=\"Puerto Rico landscape\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I would not trade for any other<br>\n        this land<br>\n        where I had the privilege of being born!\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        \u00a1Yo no cambio por ninguna<br>\n        esta tierra<br>\n        donde tuve el privilegio de nacer!\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1912<\/div>\n                <h2 class=\"pr-info-title\">La Tierruca<\/h2>\n                <p class=\"pr-info-subtitle\">Contemplating the homeland<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Virgilio D\u00e1vila (1869-1943), poet, politician, and educator<\/div>\n                    <div><strong>Musical arrangement:<\/strong> Braulio Due\u00f1o (1854-1934)<\/div>\n                <\/div>\n                \n<p class=\"pr-info-context\">\n    <span class=\"pr-inline-audio-wrapper\">\n        <span class=\"pr-inline-play-button\" id=\"pr-inline-play-tierruca\"><\/span>\n        <span class=\"pr-inline-audio-label\">La Tierruca<\/span>\n        <audio class=\"pr-inline-audio-element\" id=\"pr-inline-audio-tierruca\" preload=\"metadata\">\n            <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/LaTierruca.m4a\" type=\"audio\/mp4\">\n        <\/audio>\n    <\/span>\nwas first published in the book Canciones escolares (School Songs, 1912), created for Puerto Rico's public schools\u2014which at that time were beginning to spread throughout the countryside and cities\u2014and in which D\u00e1vila, Fern\u00e1ndez Juncos, and Due\u00f1o collaborated. It also appeared in the poetry collection Aromas del terru\u00f1o (Aromas of the Homeland), considered one of the poet's best.\n<\/p>             \n                <p class=\"pr-info-context\">It was published amid a boom in \u201cromantic modernist poets\u201d and had a similar tone to Fern\u00e1ndez Juncos' La Borinque\u00f1a in its appreciation of the country's beauty, explained Mel\u00e9ndez-Badillo. It quickly became a kind of unofficial anthem, although it no longer has the recognition it had a few decades ago.<\/p>\n                \n                <p class=\"pr-info-context\">Although D\u00e1vila identified with annexationism and was mayor of Bayam\u00f3n for the Republican Party, he had \u201cvery acute social and critical sensibilities,\u201d according to the historian, as he also wrote critically about the conditions of Puerto Ricans in the United States. This can be seen in poems such as <a class=\"link-tracking\" href=\"https:\/\/ciudadseva.com\/texto\/no-des-tu-tierra-al-extrano\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">\u201cDon't Give Your Land to the Stranger\u201d<\/a> or <a class=\"link-tracking\" href=\"https:\/\/ciudadseva.com\/texto\/nostalgia-davila\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">'Nostalgia'<\/a> (\u201cMama! Borinquen Calls Me!\u201d), which already begin to denote the feelings of Puerto Ricans in the United States.<\/p>\n\n<p class=\"pr-media-caption\">*Music: La Tierruca. 1917. Audio. Retrieved from the Library of Congress.<\/p>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Lamento Borincano -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/barrioobrero_arq2-scaled.webp\" alt=\"barrio obrero\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Borinquen! The land of Eden<br>\n        which, when singing, the great Gautier<br>\n        called the Pearl of the Seas,<br>\n        Now that you are dying with your sorrows,<br>\n        Let me sing to you too.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        \u00a1Borinquen! La tierra del Ed\u00e9n<br>\n        la que al cantar, el gran Gautier<br>\n        llam\u00f3 la Perla de los Mares,<br>\n        Ahora que t\u00fa te mueres con tus pesares,<br>\n        D\u00e9jame que te cante yo tambi\u00e9n.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1929<\/div>\n                <h2 class=\"pr-info-title\">Lamento Borincano<\/h2>\n                <p class=\"pr-info-subtitle\">Puerto Ricans in the face of adversity<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Rafael Hern\u00e1ndez Mar\u00edn (1892\u20131965), singer-songwriter<\/div>\n                    <div><strong>Rhythm:<\/strong> bolero<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">This lament\u2014a passionate expression of pain\u2014describes the suffering of Puerto Rican farmers during the Great Depression, a global financial crisis that lasted until the 1930s. It became one of the most outstanding expressions of Puerto Rican culture and the j\u00edbaros.<\/p>\n                \n                <p class=\"pr-info-context\">For Mel\u00e9ndez-Badillo, <a class=\"link-tracking\" href=\"https:\/\/ccat.sas.upenn.edu\/romance\/spanish\/219\/13eeuu\/lamentoborincano.html\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">the lyrics<\/a> are a critique and \u201ca portrait of the conditions Puerto Ricans lived in at that time,\u201d although they do not necessarily call for political change. Like other unofficial anthems, it takes the element of nostalgia and the j\u00edbaro as a cultural component.<\/p>\n                \n                <p class=\"pr-info-context\">It is one of the most famous songs by the prolific singer-songwriter and was recorded by Manuel \u201cCanario\u201d Jim\u00e9nez and his band, with Pedro Ortiz D\u00e1vila \u201cDavilita\u201d as one of the voices, who was only 18 years old at the time. It has also been performed by a dozen artists, including Spain's Pl\u00e1cido Domingo and Brazil's Caetano Veloso.<\/p>\n                \n                <p class=\"pr-info-context\">It is included in the <a class=\"link-tracking\" href=\"https:\/\/www.loc.gov\/item\/prn-18-028\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">2017 National Recording Registry<\/a> of the Library of Congress.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Preciosa -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <video \n                class=\"pr-hymn-bg-image pr-video\" \n                autoplay\n                data-label=\"Preciosa\"\n                muted \n                loop \n                playsinline \n                preload=\"auto\"\n                poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-518613386-1.jpg\">\n                <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1084126956.mp4\" type=\"video\/mp4\">\n                <!-- Fallback para navegadores que no soporten video -->\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-518613386-1.jpg\" alt=\"cable-stayed bridge\">\n            <\/video>\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        You will be beautiful without a flag,<br>\n        without laurels or glory.<br>\n        Beautiful, beautiful,<br>\n        the children of freedom call you.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Preciosa ser\u00e1s sin bandera,<br>\n        sin lauros ni gloria.<br>\n        Preciosa, preciosa<br>\n        te llaman los hijos de la libertad.\n    <\/div>\n<\/div>\n    <\/div>\n\n            <div class=\"pr-info-section\">\n                <div class=\"pr-info-content\">\n                    <div class=\"pr-info-card fade-in\">\n                        <div class=\"pr-info-year\">1937<\/div>\n                        <h2 class=\"pr-info-title\">Preciosa<\/h2>\n                        <p class=\"pr-info-subtitle\">Love for Puerto Rico<\/p>\n                        \n                        <div class=\"pr-info-meta\">\n                            <div><strong>Author:<\/strong> Rafael Hern\u00e1ndez Mar\u00edn (1892-1965), singer-songwriter<\/div>\n                            <div><strong>Rhythm:<\/strong> Bolero<\/div>\n                        <\/div>\n                        \n                        <p class=\"pr-info-context\">In the midst of \u201cthe turbulent decade of the 1930s,\u201d as Mel\u00e9ndez-Badillo calls it in his book <em>Historia de una naci\u00f3n<\/em> (History of a Nation), Hern\u00e1ndez composed the song <a class=\"link-tracking\" href=\"https:\/\/www.letras.com\/rafael-hernandez\/1501780\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">Preciosa<\/a> in Mexico, one of the countries where he lived and spread his artistic talent. It is an ode to his country, expressing his longing to return. Together with Lamento Borincano, these are just two of his famous compositions that have been recorded as unofficial anthems.<\/p>\n                        \n                        <p class=\"pr-info-context\">\u201cThe 1930s were a decade of many changes in Puerto Rico,\u201d the historian explained. Not only was the country going through the Great Depression and the impact of hurricanes, but there was also a coalition between the Socialist Party and the Republican Union Party to come to power, \u201cthe struggle for Puerto Rico's independence intensified,\u201d the Communist Party was founded, and the Nationalist Party was militarized.<\/p>\n                        \n                        <div class=\"pr-media-block\">\n                            <div class=\"pr-hymn-video\">\n                                <iframe width=\"100%\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/CS2uzUxYh9I?list=RDCS2uzUxYh9I\" title=\"Preciosa - Marc Anthony\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen style=\"border-radius: 12px;\"><\/iframe>\n                            <\/div>\n                        <\/div>\n                        \n                        <p class=\"pr-info-context\">It was a decade that saw the strengthening of the University of Puerto Rico (UPR) as the \u201cleading center of learning,\u201d the Chard\u00f3n Plan, and programs such as PRERA and PRRA (federal agencies to combat poverty on the island) within the New Deal. The massacres of Ponce and R\u00edo Piedras also took place, as did the assassination of Colonel Elisha Francis Riggs, chief of the Insular Police, and the arrests of nationalists.<\/p>\n                        \n                        <p class=\"pr-info-context\">In addition, there was an internal migration from the countryside to the city, which was the \u201cgreat prelude to the populism of the 1940s\" and the Great Puerto Rican Migration, said Mel\u00e9ndez-Badillo.<\/p>\n                        \n                        <p class=\"pr-info-context\">Initially recorded by the Victoria Quartet, of which Hern\u00e1ndez was a member, it became famous with the interpretation of Manuel \u201cCanario\u201d Jim\u00e9nez. Today, it is Marc Anthony's version that is most widely recognized, demonstrating that this song transcends political ideologies and unites Puerto Ricans in their admiration for their country.<\/p>\n                        \n                        <p class=\"pr-info-context\">\u201cHern\u00e1ndez is a master of these compositions, of these lyrics that evoke that nostalgic feeling of the past,\u201d he added.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- En mi Viejo San Juan -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-178347333-1.jpg\" alt=\"Old San Juan\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I'm leaving (I'm leaving now),<br>\n        but one day I'll return<br>\n        to find my love,<br>\n        to dream again<br>\n        in my Old San Juan.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Me voy (ya me voy),<br>\n        pero un d\u00eda volver\u00e9<br>\n        a buscar mi querer,<br>\n        a so\u00f1ar otra vez<br>\n        en mi Viejo San Juan.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1943<\/div>\n                <h2 class=\"pr-info-title\">In My Old San Juan<\/h2>\n                <p class=\"pr-info-subtitle\">The Longing to Return<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Noel Estrada Su\u00e1rez (1918-1979)<\/div>\n                    <div><strong>Rhythm:<\/strong> bolero<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">There are two aspects that mark this composition: World War II (1939-1945), with hundreds of Puerto Ricans active in compulsory military service\u2014including Estrada Su\u00e1rez's brother\u2014 and the Great Puerto Rican Migration (between 1940-1960), considered \u201cthe first large-scale air migration in human history,\u201d with more than 800,000 Puerto Ricans leaving the archipelago by plane, Mel\u00e9ndez-Badillo noted.<\/p>\n                \n                                                                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n<video id=\"pr-amanecer-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"In My Old San Juan\"\n       poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/Sobre-La-Borinquena-nuestro-himno-oficial-1.jpg\">\n    <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/viejosanjuan_melendez-badillo.mp4\">\n<\/video>\n                    <\/div>\n                    <p class=\"pr-media-caption\">*Music: Recording of the performance by the Conjunto de Cuerdas T\u00edpicas de Puerto Rico at El Romance Club, Chicago, Illinois, 1977. Retrieved from Library of Congress.<\/p>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Although \u201cPuerto Rico is a diasporic nation that has been in constant motion,\u201d even in pre-Columbian times, according to Mel\u00e9ndez-Badillo, it was in the 1940s that this migration intensified and Old San Juan became a focal point for reflecting on this physical and cultural displacement that persists to this day.<\/p>\n                \n                <p class=\"pr-info-context\">The impact of <a class=\"link-tracking\" href=\"https:\/\/www.smule.com\/song\/noel-estrada-en-mi-viejo-san-juan-karaoke-lyrics\/96046233_115520\/arrangement\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">the song<\/a> was global, so much so that it was translated into French, English, and German. It has hundreds of versions in rhythms such as bolero, tango, and ranchera. And in the 1980s, it officially became the anthem of San Juan.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n        \n<!-- Verde Luz -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-119705265.webp\" alt=\"Student struggles Puerto Rico\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        If I am absent from your beautiful beaches,<br>\n        if I am far from your silent palms,<br>\n        I want to return, I want to return.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Si me ausento de tus playas primorosas,<br>\n        si me alejo de tus palmas silenciosas,<br>\n        quiero volver, quiero volver.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1966<\/div>\n                <h2 class=\"pr-info-title\">Verde Luz<\/h2>\n                <p class=\"pr-info-subtitle\">The new struggle for independence<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Antonio Cab\u00e1n Vale \"El Topo\" (1942-2024), singer-songwriter and poet<\/div>\n                    <div><strong>Rhythm:<\/strong> Dance<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">In the midst of the \u201cnew struggle for independence\u201d and our nation's migratory ups and downs, \u201cVerde Luz stems from the sensitivity that emerged in Puerto Rico after 1959 with the Cuban revolution, which, although it took place in Cuba, had an enormous cultural impact, not only in Puerto Rico but throughout the Americas and the world,\u201d the historian pointed out.<\/p>\n                \n                <p class=\"pr-info-context\">Cab\u00e1n Vale wrote it when he was just 24 years old, during his time as a university student and when he was about to emigrate to New York, in the context of protest songs, student struggles, and \u201cother forms of political expression through music,\u201d added <span class=\"pr-inline-audio-wrapper\">\n                        <span class=\"pr-inline-play-button\" id=\"pr-inline-play-verdeluz\"><\/span>\n                        <span class=\"pr-inline-audio-label\">Mel\u00e9ndez-Badillo.<\/span>\n                        <audio class=\"pr-inline-audio-element\" id=\"pr-inline-audio-verdeluz\" preload=\"metadata\">\n                            <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/VerdeLuz_Melendez_Badillo-cut.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                    <\/span>It was the singer-songwriter himself, who was the subject of federal surveillance, who immortalized it and catalogued it as a symbol of the struggle for Puerto Rico's independence and self-determination.<\/p>\n                    \n                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n                        <iframe width=\"100%\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/fTLJrMDDaRU?list=RDfTLJrMDDaRU\" title=\"Hermes Croatto - Verde Luz (LIVE desde el Viejo San Juan)\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen style=\"border-radius: 12px;\"><\/iframe>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">\u201cThe people who would advocate for Verde Luz as a second anthem come from a particular ideology... an independence sector that feels it is their anthem,\u201d said the historian.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Qu\u00e9 bonita bandera -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1497688538.webp\" alt=\"Puerto Rico flag\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Blue, white, and red, with a star in the middle,<br>\n        what a beautiful flag is my Puerto Rican flag.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Azul, blanca y colorada, en el medio tiene una estrella,<br>\n        qu\u00e9 bonita bandera es mi bandera puertorrique\u00f1a.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1968<\/div>\n                <h2 class=\"pr-info-title\">What a beautiful flag<\/h2>\n                <p class=\"pr-info-subtitle\">A diasporic anthem<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Flor Morales Ramos \"Ramito\" (1915-1990), musician and troubadour<\/div>\n                    <div><strong>Rhythm:<\/strong> Plena<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">After the Great Puerto Rican Migration, Mel\u00e9ndez-Badillo believes that this plena became a \u201cdiasporic anthem\u201d that appeals to a nationalism \u201cthat does not need a discourse on the status of Puerto Rico.\u201d This takes on greater importance in the diaspora, when many are searching for a sense of belonging and find themselves needing to reaffirm their Puerto Rican identity, with the flag as their main resource.<\/p>\n                \n                <p class=\"pr-info-context\">Morales Ramos, famous for his influence on plena and j\u00edbara music, wrote this song to highlight the pride of displaying the Puerto Rican flag, which only two decades earlier had been banned. And the song's success, according to the historian, is that it expresses \u201ca cultural nationalism that is detached from the divisive conversation about Puerto Rico's political status.\u201d<\/p>\n                \n                <p class=\"pr-info-context\">This is one of the most popular plena songs at the Puerto Rican Day Parade in New York and <a class=\"link-tracking\" href=\"https:\/\/youtu.be\/IvtfYC2fmPs\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">was the song played<\/a> when Puerto Rican-born astronaut Joseph Acab\u00e1 went into space in 2009.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- So\u00f1ando con Puerto Rico -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1175184628.jpg\" alt=\"Diaspora\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I cannot hide<br>\n        the pride I feel<br>\n        in being Puerto Rican.<br>\n        And that my thoughts,<br>\n        no matter where I go,<br>\n        escape to the little island\u2026\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Yo no puedo ocultar<br>\n        el orgullo que siento<br>\n        de ser puertorrique\u00f1o.<br>\n        Y que mi pensamiento<br>\n        no importa d\u00f3nde voy<br>\n        se fuga hacia la islita\u2026\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1969<\/div>\n                <h2 class=\"pr-info-title\">Dreaming of Puerto Rico<\/h2>\n                <p class=\"pr-info-subtitle\">It's time to return<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Roberto \"Bobby\" Rodr\u00edguez Cap\u00f3 (1921-1989), singer-songwriter<\/div>\n                    <div><strong>Rhythm:<\/strong> Bolero<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Like several of the previous songs, this bolero \u201ccaptures that moment of the diaspora in the United States dreaming of Puerto Rico,\u201d said Mel\u00e9ndez-Badillo.<\/p>\n                \n                <p class=\"pr-info-context\">\u201cFor me, as a member of the diaspora, it's very complex because sometimes I don't feel at home either here or there (in Puerto Rico or the United States)... Through cultural and artistic production, various artists, musicians, etc., have affirmed that notion of Borinquen, of homeland, and that's why the flag is so important in our diasporic communities,\u201d he added.<\/p>\n                \n                <div class=\"pr-media-block\">\n                    <iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/track\/5fJGJPo1HrdfZHgIYP1UTt?utm_source=generator&theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n                <\/div>\n                \n                <p class=\"pr-info-context\"><a class=\"link-tracking\" href=\"https:\/\/prpop.org\/2016\/11\/la-historia-de-sonando-con-puerto-rico\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">Jacqueline Cap\u00f3<\/a>, daughter of Bobby Cap\u00f3, says that the composer wrote the song at the request of his wife, Irma V\u00e1zquez, while they were living in New York. He told her that Noel Estrada had En mi Viejo San Juan and Rafael Hern\u00e1ndez had Preciosa and Lamento Borincano, but he had not yet written anything for Puerto Rico. This is how So\u00f1ando con Puerto Rico came about, which was included on the album Despierte borincano, along with songs such as Mi Borinquen and Qu\u00e9 bueno es ser borincano.<\/p>\n                \n                <p class=\"pr-info-context\">Beyond the iconic Piel Canela and El Negro Bemb\u00f3n, Cap\u00f3 was one of the most famous Puerto Rican composers, connecting with that Puerto Rican identity anywhere in the world.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Amanecer borincano -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1653456101.jpg\" alt=\"Puerto Rican countryside\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I carry Borinquen blood<br>\n        I am the son of palm trees,<br>\n        of fields and rivers,<br>\n        and of the song of the coqu\u00ed.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Traigo sangre borinque\u00f1a<br>\n        soy hijo de las palmeras,<br>\n        de los campos y los r\u00edos,<br>\n        y del cantar del coqu\u00ed.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1974<\/div>\n                <h2 class=\"pr-info-title\">Amanecer borincano<\/h2>\n                <p class=\"pr-info-subtitle\">The evocation of the j\u00edbaro<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Alberto Carri\u00f3n (1950), singer-songwriter<\/div>\n                    <div><strong>Rhythm:<\/strong> J\u00edbara music<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Following the migrations not only from Puerto Rico to the United States, but also from the Puerto Rican countryside to the city, a song emerged that evoked \u201cthat notion of a deep Puerto Rico\u201d and \u201cthe return to the countryside, to rural life, to the j\u00edbara question,\u201d Mel\u00e9ndez-Badillo pointed out.<\/p>\n                \n                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n<video id=\"pr-amanecer-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"Amanecer borincano\"\n       poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/amanecerb.jpg\">\n    <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/amanecerborincano_melendezbadillo.mp4\" type=\"video\/mp4\">\n<\/video>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">In the 1970s, what is known as cyclical migration took place: the return of those who had left years before. \u201cMany people from the diaspora began to return to Puerto Rico. It was also a time of political and economic transition. In 1968, we had the first victory of the New Progressive Party (PNP),\u201d said the historian.<\/p>\n                \n                <p class=\"pr-info-context\">\u201cWith the creation of the slums, we also have the occupation of spaces with Villa Ca\u00f1ona and Villa Sin Miedo, which are marginalized, poor communities that occupy spaces,\u201d he added.<\/p>\n                \n                <p class=\"pr-info-context\">During this transition period, there was a call for \u201cstatehood for the poor, j\u00edbara statehood,\u201d at a time when \u201cit was clear that Puerto Rico's industrialization project, if it had not failed completely, as it did in the 1980s, was already running out of steam.\u201d There is a romanticization of the j\u00edbaro and the countryside, even if it is as a nostalgic cultural element.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Boricua en la Luna -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1150178716.jpg\" alt=\"Moon and stars\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        And so I shout at the villain:<br>\n        I would be Borincano<br>\n        even if I were born on the moon.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Y as\u00ed le grito al villano:<br>\n        yo ser\u00eda borincano<br>\n        aunque naciera en la Luna.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1980<\/div>\n                <h2 class=\"pr-info-title\">Boricua on the Moon<\/h2>\n                <p class=\"pr-info-subtitle\">Puerto Ricans are born where they want to be<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Juan Antonio Corretjer (1908-1985)<\/div>\n                    <div><strong>Musical arrangement:<\/strong> Made in 1987 by Roy Brown (1945)<\/div>\n                    <div><strong>Rhythm:<\/strong> Nova trova<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">After decades of Boricuas being born in the United States, some of them without ever having set foot on the island or having Spanish as their first language, a poem emerges that reaffirms that Boricuas are born where we want to be.<\/p>\n                \n                <p class=\"pr-info-context\">It was inspired by those who left in search of a better life and by the former prisoners of the National Liberation Armed Forces (FALN, \u201clos Macheteros\u201d), whom Corretjer visited. In addition, it was written only two years after the murders of independence activists in Cerro Maravilla.<\/p>\n               \n                <p class=\"pr-info-context\">The poem not only \u201cevokes that patriotic nostalgia\u201d and the \u201csearch for what it means to be Puerto Rican\u201d; it is \"highly political because part of the context in which it was written is the armed struggle for Puerto Rico's independence,\u201d explained Mel\u00e9ndez-Badillo.<\/p>\n                \n                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n<video id=\"pr-boricua-luna-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"Boricua on the Moon\"\n       poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/boricualuna-getty-1.jpg\">\n    <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/boricualuna_melendezbadillo.mp4\" type=\"video\/mp4\">\n<\/video>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">\u201c(Boricua en la luna) is a love letter to those people who were giving their lives in the struggle,\u201d he added, and it is an answer to that constant question of \u201chow we think about Puerto Rican identity.\" For the historian, \u201cthis is my anthem\u201d because it remains as relevant as it was in the 1980s, considering that there are more Puerto Ricans living abroad than in the archipelago.<\/p>\n                \n                <p class=\"pr-info-context\">The poem was set to music in 1987 by singer-songwriter Roy Brown, an ally of the student and independence struggles, and has also been performed by groups such as Fiel a la Vega.<\/p>\n\n                <div class=\"pr-media-block\">\n                    <iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/6Fq0XDQZkxjPfyWCE9MryI?utm_source=generator&theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n        <!-- Conclusion -->\n        <div class=\"intro-quote\">\n                            <div class=\"pr-quote-section fade-in\">\n                    <blockquote class=\"pr-main-quote\">\n                      \u275d Puerto Rico is a diasporic nation that has been in constant motion, and these songs accompany us wherever we go, reminding us of who we are and where we come from\u275e.\n                    <\/blockquote>\n            <cite class=\"pr-quote-author\">\u2014 Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n                <\/div>\n            <\/div>       \n        \n        <!-- Otras canciones que nos identifican -->\n<section class=\"other-songs-section\">\n    <!-- Header -->\n    <div class=\"section-header\">\n        <h2 class=\"section-title\">Other songs that identify us<\/h2>\n        <p class=\"section-subtitle\">Will they stand the test of time?<\/p>\n    <\/div>\n    \n    <!-- Quote introductorio -->\n    <div class=\"intro-quote\">\n        <div class=\"quote-box\">\n            <p class=\"quote-text\">\n                \u275d Many people may see anthems as something more solemn, more serious, but I think they also represent who we are\u275e.\n            <\/p>\n            <cite class=\"quote-author\">\u2013 Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n        <\/div>\n    <\/div>\n    \n    <!-- Contenedor con scroll horizontal -->\n    <div class=\"scroll-container\">\n        <div class=\"cards-grid\">\n            <!-- Tarjeta 1: Los colores de mi tierra -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">1993<\/div>\n                        <h3 class=\"card-title\">Los colores de mi tierra<\/h3>\n                        <p class=\"card-artist\">Alberto Carri\u00f3n<\/p>\n                        <p class=\"card-preview\">\n                            The Harris Paint commercial that became a generational anthem for those born in the 1980s.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Los colores de mi tierra<\/h3>\n                            <p class=\"back-subtitle\">Alberto Carri\u00f3n, 1993<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                The Harris Paint commercial, composed by Alberto Carri\u00f3n\u2014who also composed Amanecer Borincano\u2014has a special place in the hearts of that generation born in the 1980s.\n                            <\/p>\n                            <div class=\"back-quote\">\n                                <p>\u201cI remember as a teenager jokingly standing up in the cinema with my friends and putting our hands on our hearts because I think the song appealed to a similar sensibility to that of Fern\u00e1ndez Juncos with La Borinque\u00f1a, evoking the colors, flora, fauna, and everyday life.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                Even today, versions of this song continue to be created because it is a portrait of the Puerto Rico we long for or a memory of our childhood.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 2: El Wanab\u00ed -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">1996<\/div>\n                        <h3 class=\"card-title\">El Wanab\u00ed<\/h3>\n                        <p class=\"card-artist\">Fiel a la Vega<\/p>\n                        <p class=\"card-preview\">\n                            A song that appeals to the importance of fighting to move forward, with sensitivity for the working class.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">El Wanab\u00ed<\/h3>\n                            <p class=\"back-subtitle\">Tito Auger and Ricky Laureano, 1996<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Composed by Tito Auger and Ricky Laureano, it is one of the songs that appeals to the importance of fighting to move forward.\n                            <\/p>\n                            <div class=\"back-quote\">\n                                <p>\u201cIt has a sensitivity for the working class, for those who move from the countryside to the city and want to get involved.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                Although it does not directly speak of the pride of being Puerto Rican, it marked a generation that was trying to prove what they were made of in the decade of Dayanara Torres as Miss Universe, the Puerto Rico Dream Team's championship in the Caribbean Series, the \u201ctough on crime\u201d policy, and the explosion of Humberto Vidal in R\u00edo Piedras.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 3: Qui\u00e9n no se siente patriota -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">1998<\/div>\n                        <h3 class=\"card-title\">Who doesn't feel patriotic?<\/h3>\n                        <p class=\"card-artist\">Jos\u00e9 Rafael L\u00f3pez Figueroa<\/p>\n                        <p class=\"card-preview\">\n                            This plena demonstrates the pride of being Puerto Rican, a must at the Las Fiestas de la Calle San Sebasti\u00e1n.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Who doesn't feel patriotic?<\/h3>\n                            <p class=\"back-subtitle\">Jos\u00e9 Rafael L\u00f3pez Figueroa, 1998<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Like other compositions on this list, this song expresses the pride of being Puerto Rican and expressing that feeling, said Mel\u00e9ndez-Badillo.\n                            <\/p>\n                            <p class=\"back-text\">\n                                This plena by Jos\u00e9 Rafael L\u00f3pez Figueroa was popularized by Andy Monta\u00f1ez and is often one of the most performed songs at Las Fiestas de la Calle San Sebasti\u00e1n.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 4: Gasolina -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">2004<\/div>\n                        <h3 class=\"card-title\">Gasolina<\/h3>\n                        <p class=\"card-artist\">Daddy Yankee<\/p>\n                        <p class=\"card-preview\">\n                            The song that catapulted reggaeton to worldwide fame and marked a moment in Puerto Rican popular culture.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Gasolina<\/h3>\n                            <p class=\"back-subtitle\">Daddy Yankee and Eddie Dee, 2004<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <div class=\"back-quote\">\n                                <p>\u201cDaddy Yankee's Gasolina marked a moment in Puerto Rican popular culture. Many people may see anthems as something more solemn, more serious, but I think it also represents who we are.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                Gasolina was written by Daddy Yankee (Ram\u00f3n Ayala) and Eddie Dee (Eddie \u00c1vila) for the album Barrio Fino. In 2021, it was included as one of the 500 greatest songs of all time, and in 2023, it was added to the National Recording Registry of Congress.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 5: Despacito -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">2017<\/div>\n                        <h3 class=\"card-title\">Despacito<\/h3>\n                        <p class=\"card-artist\">Luis Fonsi and Daddy Yankee<\/p>\n                        <p class=\"card-preview\">\n                            A fusion of reggaeton and Latin pop that topped the charts in 47 countries and became a global phenomenon.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Despacito<\/h3>\n                            <p class=\"back-subtitle\">Luis Fonsi, Daddy Yankee, and Erika Ender, 2017<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Despacito was composed by Luis Fonsi, Daddy Yankee, and Erika Ender, and is a fusion of reggaeton and Latin pop that topped the charts in 47 countries. The video became one of the most viewed and liked of all time.\n                            <\/p>\n                            <p class=\"back-text\">\n                                It represents the global reach of our music and culture in the 21st century.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 6: Hijos del Ca\u00f1averal -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">2017<\/div>\n                        <h3 class=\"card-title\">Hijos del Ca\u00f1averal<\/h3>\n                        <p class=\"card-artist\">Residente<\/p>\n                        <p class=\"card-preview\">\n                            It revisits patriotic sentiment and a return to roots, to the countryside and to the j\u00edbaro in times of crisis.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Hijos del Ca\u00f1averal<\/h3>\n                            <p class=\"back-subtitle\">Ren\u00e9 P\u00e9rez (Residente), 2017<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Beyond Latin America (2010) by Calle 13, which became a kind of Latin American anthem, Hijos del Ca\u00f1averal\u2014composed by Ren\u00e9 P\u00e9rez\u2014takes up that patriotic feeling and that return to the roots, to the countryside, and to the j\u00edbaro.\n                            <\/p>\n                            <div class=\"back-quote\">\n                                <p>\u201cPeople took ownership of the song... the song surpassed the artist... it went beyond the limits of the genre.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                For the historian, the song reached those who did not necessarily follow Residente and has been performed in various parts of the archipelago, in a decade marked by economic and fiscal crisis, Hurricane Maria, and the imposition of the Fiscal Oversight Board.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- Spotify Playlist Section -->\n<section class=\"pr-spotify-section\" style=\"background: #000; padding: 80px 0; text-align: center;\">\n    <div class=\"pr-spotify-content\" style=\"max-width: 800px; margin: 0 auto; padding: 0 20px;\">\n        <div class=\"pr-spotify-header\" style=\"margin-bottom: 3rem;\">\n            <h2 class=\"pr-spotify-title\" style=\"font-family: Georgia, serif; font-size: 2rem; color: white; margin-bottom: 1rem; text-align: center;\">\ud83c\udfa7 Listen to our playlist<\/h2>\n            <p class=\"pr-spotify-subtitle\" style=\"font-family: Georgia, serif; font-size: 1.5rem; font-style: italic; color: rgba(255, 255, 255, 0.8); margin: 0; text-align: center;\">The unofficial anthems of Puerto Rico<\/p>\n        <\/div>\n        <div class=\"pr-spotify-embed\" style=\"max-width: 600px; margin: 0 auto;\">\n<iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/playlist\/4cyupieYr5KcOtLr6EZjdz?utm_source=generator&theme=0\" width=\"100%\" height=\"352\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n        <\/div>\n    <\/div>\n<\/section>\n<script>\n   (function() {\n      'use strict';\n       \n      \/\/ Ensure we don't run multiple instances\n      if (window.PRHimnosInitialized) return;\n      window.PRHimnosInitialized = true;\n\n      \/\/ Define scroll depth thresholds to track (e.g., 25%, 50%, 75%, 100%)\n      const scrollThresholds = [25, 50, 75, 100];\n      const trackedDepths = {}; \/\/ To prevent firing the same event multiple times\n\n       const PRHimnos = {\n          wrapper: document.getElementById('pr-himnos-wrapper-unique'),\n          videos: [],\n          \n          init: function() {\n              if (!this.wrapper) return;\n              \n              this.addGtaEvents();\n              this.setupFadeInAnimations();\n              this.setupVideoControls();\n              this.setupAudioControls();\n              this.setupInlineAudioControls();\n              this.setupVideoObserver();\n              this.setupFlipCards();\n              this.setupMobileNavigation();\n          },\n\n          addGtaEvents: function () {\n              const navLinks = this.wrapper.querySelectorAll(\".nav-link\");\n              navLinks.forEach((item) => {\n                  item.addEventListener(\"click\", (event) => onClickLink(event, item.textContent));\n              });\n              const navLinksMobile = this.wrapper.querySelectorAll(\".mobile-nav-link\");\n              navLinksMobile.forEach((item) => {\n                  item.addEventListener(\"click\", (event) => onClickLink(event, item.textContent));\n              });\n              const linkTracking = this.wrapper.querySelectorAll(\".link-tracking\");\n              linkTracking.forEach((item) => {\n                  item.addEventListener(\"click\", (event) => onClickLink(event, item.textContent, false));\n              });\n\n              const audiosWrapper = this.wrapper.querySelectorAll('.pr-inline-audio-wrapper');\n              audiosWrapper.forEach((wrapper) => {\n                const audio = wrapper.querySelector('.pr-inline-audio-element');\n                const audioLabel = wrapper.querySelector('.pr-inline-audio-label');\n                audio.addEventListener(\"play\", () => {\n                  sendGtagEvent('audio_play', audioLabel.textContent)\n                });\n                audio.addEventListener(\"pause\", () => {\n                  sendGtagEvent('audio_pause', audioLabel.textContent)\n                });\n                audio.addEventListener(\"ended\", () => {\n                  sendGtagEvent('audio_ended', audioLabel.textContent)\n                });\n              });\n\n              const videos = this.wrapper.querySelectorAll('.pr-video');\n              console.log('Setting up video tracking for', videos);\n              videos.forEach((video) => {\n                const videoLabel = video.getAttribute('data-label');\n                video.addEventListener(\"play\", () => {\n                  console.log('play event triggered', videoLabel);\n                  sendGtagEvent('video_play', videoLabel)\n                });\n                video.addEventListener(\"pause\", () => {\n                  console.log('pause event triggered', videoLabel);\n                  sendGtagEvent('video_pause', videoLabel)\n                });\n                video.addEventListener(\"ended\", () => {\n                  console.log('ended event triggered', videoLabel);\n                  sendGtagEvent('video_ended', videoLabel)\n                });\n              });\n\n              \/\/ Attach the scroll tracking function to the window's scroll event\n              window.addEventListener('scroll', trackScrollDepth);\n              \/\/ Initial check in case the page is already scrolled on load\n              trackScrollDepth();\n          },\n\n          setupFadeInAnimations: function() {\n              const fadeElements = this.wrapper.querySelectorAll('.fade-in');\n              \n              const observerOptions = {\n                  threshold: 0.1,\n                  rootMargin: '0px 0px -50px 0px'\n              };\n\n              const observer = new IntersectionObserver((entries) => {\n                  entries.forEach((entry) => {\n                      if (entry.isIntersecting) {\n                          entry.target.classList.add('visible');\n                      }\n                  });\n              }, observerOptions);\n\n              fadeElements.forEach((element) => {\n                  observer.observe(element);\n              });\n          },\n\n          setupVideoControls: function() {\n              \/\/ Configurar todos los videos\n              const videoConfigs = [\n                  {\n                      video: '#pr-borinquena-video',\n                      button: '#pr-play-button-1',\n                      overlay: '#pr-video-overlay-1'\n                  },\n                  {\n                      video: '#pr-viejo-san-juan-video',\n                      button: '#pr-play-button-2',\n                      overlay: '#pr-video-overlay-2'\n                  }\n              ];\n\n              videoConfigs.forEach((config) => {\n                  const video = this.wrapper.querySelector(config.video);\n                  const playButton = this.wrapper.querySelector(config.button);\n                  const videoOverlay = this.wrapper.querySelector(config.overlay);\n\n                  if (video && playButton && videoOverlay) {\n                      \/\/ Remover el atributo muted para permitir sonido\n                      video.removeAttribute('muted');\n                      \n                      \/\/ Agregar video a la lista para observar\n                      this.videos.push(video);\n\n                      playButton.addEventListener('click', () => {\n                          \/\/ Pausar todos los dem\u00e1s medios antes de reproducir\n                          this.pauseAllMedia(video);\n                          \n                          if (video.paused) {\n                              video.play();\n                          } else {\n                              video.pause();\n                          }\n                      });\n\n                      video.addEventListener('play', () => {\n                        console.log('play event triggered', playButton.getAttribute('data-video-title'));\n                        sendGtagEvent('video_play', playButton.getAttribute('data-video-title'));\n                        playButton.classList.add('pause');\n                        videoOverlay.classList.add('hidden');\n                      });\n\n                      video.addEventListener('pause', () => {\n                          playButton.classList.remove('pause');\n                          videoOverlay.classList.remove('hidden');\n                      });\n\n                      video.addEventListener('ended', () => {\n                          playButton.classList.remove('pause');\n                          videoOverlay.classList.remove('hidden');\n                          video.currentTime = 0;\n                      });\n\n                      \/\/ Click en el video para mostrar\/ocultar controles\n                      video.addEventListener('click', () => {\n                          if (videoOverlay.classList.contains('hidden')) {\n                              videoOverlay.classList.remove('hidden');\n                              setTimeout(() => {\n                                  if (!video.paused) {\n                                      videoOverlay.classList.add('hidden');\n                                  }\n                              }, 3000);\n                          }\n                      });\n                  }\n              });\n          },\n\n          setupVideoObserver: function() {\n              \/\/ Observer para pausar videos cuando salen de la vista\n              const observerOptions = {\n                  threshold: 0.2, \/\/ El video debe estar al menos 20% visible\n                  rootMargin: '0px'\n              };\n\n              const observer = new IntersectionObserver((entries) => {\n                  entries.forEach((entry) => {\n                      const video = entry.target;\n                      if (!entry.isIntersecting && !video.paused) {\n                          video.pause();\n                      }\n                  });\n              }, observerOptions);\n\n              \/\/ Observar todos los videos\n              this.videos.forEach((video) => {\n                  observer.observe(video);\n              });\n          },\n          \n\n          pauseAllMedia: function(exceptElement = null) {\n              \/\/ Pausar todos los videos\n              const allVideos = this.wrapper.querySelectorAll('video');\n              allVideos.forEach((video) => {\n                  if (video !== exceptElement && !video.paused) {\n                      video.pause();\n                  }\n              });\n\n              \/\/ Pausar todos los audios\n              const allAudios = this.wrapper.querySelectorAll('audio');\n              allAudios.forEach((audio) => {\n                  if (audio !== exceptElement && !audio.paused) {\n                      audio.pause();\n                  }\n              });\n          },\n\n          setupAudioControls: function() {\n              const audioPlayers = this.wrapper.querySelectorAll('audio');\n              \n              audioPlayers.forEach((audio) => {\n                  audio.addEventListener('play', () => {\n                      \/\/ Pausar todos los dem\u00e1s medios cuando se reproduce un audio\n                      this.pauseAllMedia(audio);\n                  });\n                  \n                  audio.addEventListener('ended', () => {\n                      audio.currentTime = 0;\n                  });\n              });\n          },\n\n          setupInlineAudioControls: function() {\n              const inlineAudioWrappers = this.wrapper.querySelectorAll('.pr-inline-audio-wrapper');\n              \n              inlineAudioWrappers.forEach((wrapper) => {\n                  const playButton = wrapper.querySelector('.pr-inline-play-button');\n                  const audio = wrapper.querySelector('.pr-inline-audio-element');\n                  \n                  if (audio && playButton) {\n                      \/\/ Click en todo el wrapper\n                      wrapper.addEventListener('click', (e) => {\n                          e.preventDefault();\n                          \n                          \/\/ Pausar todos los otros medios\n                          this.pauseAllMedia(audio);\n                          \n                          if (audio.paused) {\n                              \/\/ Reproducir el audio\n                            audio.play();\n                          } else {\n                              audio.pause();\n                          }\n                      });\n                      \n                      \/\/ Actualizar estado del bot\u00f3n\n                      audio.addEventListener('play', () => {\n                          playButton.classList.add('playing');\n                          \/\/ Remover clase playing de otros botones inline\n                          this.wrapper.querySelectorAll('.pr-inline-play-button').forEach((btn) => {\n                              if (btn !== playButton) {\n                                  btn.classList.remove('playing');\n                              }\n                          });\n                      });\n                      \n                      audio.addEventListener('pause', () => {\n                          playButton.classList.remove('playing');\n                      });\n                      \n                      audio.addEventListener('ended', () => {\n                          playButton.classList.remove('playing');\n                          audio.currentTime = 0;\n                      });\n                  }\n              });\n          },\n\n          setupFlipCards: function() {\n            \/\/ Funci\u00f3n para alternar el flip de las tarjetas\n            const flipCards = this.wrapper.querySelectorAll('.flip-card');\n            \n            flipCards.forEach((card) => {\n                card.addEventListener('click', (e) => {\n                    e.stopPropagation();\n                    \n                    \/\/ Cerrar todas las otras tarjetas\n                    flipCards.forEach((otherCard) => {\n                        if (otherCard !== card) {\n                            otherCard.classList.remove('flipped');\n                        }\n                    });\n                    \n                    \/\/ Toggle la tarjeta actual\n                    card.classList.toggle('flipped');\n\n                    const cardText = card.querySelector('.card-title').textContent;\n\n                    sendGtagEvent('clicks', cardText);\n            \n                  \/\/ Cerrar tarjetas al hacer clic fuera del contenedor principal\n                  document.addEventListener('click', (e) => {\n                      if (!e.target.closest('#pr-himnos-wrapper-unique')) {\n                          flipCards.forEach((card) => {\n                              card.classList.remove('flipped');\n                          });\n                      }\n                  });\n                });\n            });\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\n      function onClickLink(event, textContent, preventDefault = true) {\n        if (preventDefault) {\n          event.preventDefault();\n        }\n        \/\/ Send gtag event\n        sendGtagEvent('clicks', textContent);\n\n        if (preventDefault) {\n          window.location.href = event.target.href;\n        }\n      }\n\n      function sendGtagEvent(eventName, eventLabel) {\n         if (typeof gtag === 'function') {\n           console.log('eventLabel', eventLabel);\n           gtag('event', eventName, {\n             'event_category': 'Special tracking',\n             'event_label': eventLabel,\n             'value': 1\n           });\n         } else {\n          console.warn('gtag function is not defined. Make sure the Google Analytics script is loaded.');\n         }\n       }\n\n       function 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              sendGtagEvent('scroll_depth', `${threshold}%`);\n              trackedDepths[threshold] = true; \/\/ Mark as tracked\n            }\n          });\n        }\n\n       \/\/ Initialize when DOM is ready\n       if (document.readyState === 'loading') {\n           document.addEventListener('DOMContentLoaded', () => PRHimnos.init());\n       } else {\n           PRHimnos.init();\n       }\n   })();\n<\/script>\n<\/div>\n\n","innerContent":["\n<!-- WordPress HTML Block - Puerto Rico Himnos -->\n<div id=\"pr-himnos-wrapper-unique\">\n    <style>\n\/* Scoped styles for WordPress compatibility *\/\n#pr-himnos-wrapper-unique {\n    \/* Reset and base styles *\/\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    line-height: 1.6;\n    color: #333;\n    background-color: #000;\n    display: block;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    position: relative;\n}\n\n#pr-himnos-wrapper-unique * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* Hero Section *\/\n#pr-himnos-wrapper-unique .pr-hero-section {\n    position: relative;\n    height: 120vh;\n    min-height: 700px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: #000;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%);\n    z-index: 2;\n}\n\n\/* Byline actualizado *\/\n#pr-himnos-wrapper-unique .pr-byline-section {\n    background: #000;\n    padding: 40px 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#pr-himnos-wrapper-unique .pr-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#pr-himnos-wrapper-unique .pr-byline-authors {\n    display: flex;\n    gap: 30px;\n    align-items: flex-start;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n    padding-bottom: 20px;\n}\n\n#pr-himnos-wrapper-unique .pr-author-item {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n#pr-himnos-wrapper-unique .pr-author-avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    flex-shrink: 0;\n}\n\n#pr-himnos-wrapper-unique .pr-author-details h3 {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: white;\n    margin: 0 0 5px 0;\n}\n\n#pr-himnos-wrapper-unique .pr-author-details p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0;\n}\n\n#pr-himnos-wrapper-unique .pr-author-credit {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    font-weight: normal;\n    color: rgba(255, 255, 255, 0.9);\n    margin: 0;\n    line-height: 1.3;\n}\n\n#pr-himnos-wrapper-unique .pr-byline-date {\n    text-align: left;\n    margin-bottom: 2px;\n}\n\n#pr-himnos-wrapper-unique .pr-byline-date p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0;\n    font-style: italic;\n}\n\n\/* Responsive para byline *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .pr-byline-authors {\n        flex-direction: column;\n        gap: 10px;\n    }\n    \n        #pr-himnos-wrapper-unique .pr-byline-date {\n        padding-top: 8px;\n        text-align: left;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-author-item {\n        gap: 12px;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-author-avatar {\n        width: 40px;\n        height: 40px;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-author-credit {\n        font-size: 0.95rem;\n    }\n}\n\n#pr-himnos-wrapper-unique .pr-hero-content {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    position: relative;\n    z-index: 3;\n    text-align: center;\n    color: white;\n    max-width: 800px;\n    padding: 0 20px;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(2.5rem, 8vw, 4.5rem);\n    font-weight: bold;\n    margin-bottom: 0.5rem;\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n    line-height: 1.1;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-subtitle {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 300;\n    line-height: 1.2;\n    margin-bottom: 4rem;\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-hero-description {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.1rem, 2.5vw, 1.2rem);\n    max-width: 600px;\n    margin: 0 auto;\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\n    font-weight: 300;\n    color: white;\n}\n\n\/* Introduction Section *\/\n#pr-himnos-wrapper-unique .pr-intro-section {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    position: relative;\n    padding: 80px 0;\n    background: black;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-intro-content {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: left;\n    \n}\n\n#pr-himnos-wrapper-unique .pr-intro-text {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.3rem;\n    line-height: 1.8;\n    margin-bottom: 1.7rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-quote-section {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 3rem 2rem;\n    border-radius: 15px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    margin: 2rem 0;\n}\n\n#pr-himnos-wrapper-unique .pr-main-quote {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.4rem;\n    font-style: italic;\n    line-height: 1.7;\n    text-align: left;\n    margin-bottom: 1.2rem;\n    position: relative;\n    color: white;\n    padding-left: 30px;\n}\n\n#pr-himnos-wrapper-unique .pr-quote-author {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    color: #04d99d;\n    font-weight: 600;\n    text-align: left;\n    padding-left: 30px;\n    text-align: left;\n}\n\n#pr-himnos-wrapper-unique .pr-lyrics-text-spanish {\n  font-size: clamp(1.1rem, 3.2vw, 1.8rem); \/* M\u00e1s peque\u00f1o que el ingl\u00e9s *\/\n  font-style: italic;\n  line-height: 1.3;\n  font-family: \"Georgia\", serif;\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);\n  color: rgba(255, 255, 255, 0.85); \/* Ligeramente m\u00e1s transparente *\/\n  margin-top: 1.5rem; \/* Espacio entre ingl\u00e9s y espa\u00f1ol *\/\n  opacity: 0.9; \/* Sutil diferencia de opacidad *\/\n}\n\n\/* Responsive para m\u00f3vil *\/\n@media (max-width: 768px) {\n  #pr-himnos-wrapper-unique .pr-lyrics-text-spanish {\n    font-size: clamp(1rem, 4vw, 1.6rem);\n    margin-top: 1rem;\n  }\n}\n\n\/* Responsive para m\u00f3vil *\/\n@media (max-width: 768px) {\n  #pr-himnos-wrapper-unique .pr-lyrics-text-spanish {\n    font-size: clamp(1rem, 4vw, 1.6rem);\n    margin-top: 1rem;\n  }\n}\n\n\/* Hymn Sections - Simplified for WordPress *\/\n#pr-himnos-wrapper-unique .pr-hymn-section {\n    position: relative;\n    background: #000;\n    overflow: hidden;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-header {\n    position: relative;\n    height: 100vh;\n    min-height: 700px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-bg-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-bg-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    filter: brightness(1) contrast(1.7);\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-bg-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.3) 0%,\n        rgba(0, 0, 0, 0.6) 50%,\n        rgba(0, 0, 0, 0.8) 100%\n    );\n    z-index: 2;\n}\n\n#pr-himnos-wrapper-unique .pr-lyrics-wrapper {\n    position: relative;\n    z-index: 3;\n    text-align: center;\n    padding: 0 20px;\n    max-width: 800px;\n}\n\n#pr-himnos-wrapper-unique .pr-lyrics-text {\n    font-size: clamp(1.8rem, 5vw, 3rem);\n    font-style: italic;\n    line-height: 1.4;\n    font-family: \"Georgia\", serif;\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);\n    color: white;\n}\n\n\/* Info Section *\/\n#pr-himnos-wrapper-unique .pr-info-section {\n    background: #000;\n    padding: 40px 0;\n}\n\n#pr-himnos-wrapper-unique .pr-info-content {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n#pr-himnos-wrapper-unique .pr-info-card {\n    background: rgba(255, 255, 255, 0.95);\n    color: #333;\n    padding: 3rem;\n    border-radius: 10px;\n}\n\n#pr-himnos-wrapper-unique .pr-info-year {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #04d99d;\n    margin-bottom: 0.7rem;\n    letter-spacing: 1px;\n}\n\n#pr-himnos-wrapper-unique .pr-info-title {\n    font-size: clamp(2.5rem, 6vw, 4rem);\n    font-weight: 600;\n    color: #000;\n    margin-bottom: 0rem;\n    line-height: 1.1;\n    font-family: \"Georgia\", serif;\n}\n\n#pr-himnos-wrapper-unique .pr-info-subtitle {\n    font-size: clamp(1.3rem, 3vw, 1.6rem);\n    font-style: italic;\n    color: #666;\n    font-weight: 300;\n    margin-bottom: 1.8rem;\n    font-family: \"Georgia\", serif;\n}\n\n#pr-himnos-wrapper-unique .pr-info-context {\n    font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n    line-height: 1.5;\n    color: #333;\n    margin-bottom: 1.7rem;\n    font-family: \"Georgia\", serif;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta {\n   margin: 20px 0px 25px;\n   padding-left: 8px;\n   border-left: 3px solid #04d99d;\n   line-height: 1.1rem;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta div {\n   margin-bottom: 6px;\n   font-size: 0.95rem;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta div:last-child {\n   margin-bottom: 10;\n}\n\n#pr-himnos-wrapper-unique .pr-info-meta strong {\n   color: #666;\n   font-weight: bold;\n   font-size: 0.95rem;\n}\n\n\/* Media captions *\/\n#pr-himnos-wrapper-unique .pr-media-caption {\n    font-size: 0.875rem;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-style: italic;\n    color: #666;\n    margin-top: 0.5rem;\n    text-align: left;\n    line-height: 1.4;\n}\n\n\/* Media Block *\/\n#pr-himnos-wrapper-unique .pr-media-block {\n    margin: 2rem 0;\n}\n\n#pr-himnos-wrapper-unique .pr-hymn-video {\n    position: relative;\n    width: 100%;\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n#pr-himnos-wrapper-unique .pr-responsive-video {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n}\n\n#pr-himnos-wrapper-unique .pr-video-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.3);\n    opacity: 1;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n#pr-himnos-wrapper-unique .pr-video-overlay.hidden {\n    opacity: 0;\n}\n\n#pr-himnos-wrapper-unique .pr-play-button {\n    width: 80px;\n    height: 80px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    pointer-events: all;\n    transition: all 0.3s ease;\n    position: relative;\n    border: none;\n    outline: none;\n}\n\n#pr-himnos-wrapper-unique .pr-play-button:hover {\n    background: rgba(255, 255, 255, 1);\n    transform: scale(1.1);\n}\n\n#pr-himnos-wrapper-unique .pr-play-button::after {\n    content: '';\n    width: 0;\n    height: 0;\n    border-left: 10px solid #333;\n    border-top: 12px solid transparent;\n    border-bottom: 12px solid transparent;\n    margin-left: 0px;\n}\n\n#pr-himnos-wrapper-unique .pr-play-button.pause::after {\n    border: none;\n    width: 6px;\n    height: 24px;\n    background: #333;\n    margin-left: -10;\n    box-shadow: 12px 0 0 #333;\n}\n\n\/* Audio styles *\/\n#pr-himnos-wrapper-unique audio {\n    width: 100%;\n    border-radius: 8px;\n    max-width: 500px;\n    margin: 0 auto;\n    display: block;\n}\n\n\/* Forzar poster en videos responsivos *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .pr-responsive-video {\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        min-height: 200px; \/* Altura m\u00ednima para mostrar algo *\/\n    }\n    \n    \/* Asegurar que el poster se cargue *\/\n    #pr-himnos-wrapper-unique .pr-responsive-video:not([poster]) {\n        background-color: #000;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-responsive-video:not([poster])::before {\n        content: \"\u25b6\";\n        color: white;\n        font-size: 3rem;\n        opacity: 0.7;\n    }\n}\n\n\/* Conclusion Section *\/\n#pr-himnos-wrapper-unique .pr-conclusion-section {\n    position: relative;\n    padding: 80px 0;\n    background: black;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-conclusion-content {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: center;\n}\n\n#pr-himnos-wrapper-unique .pr-conclusion-content h2 {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(2rem, 5vw, 2.5rem);\n    margin-bottom: 2rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-conclusion-content p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.1rem, 3vw, 1.3rem);\n    line-height: 1.8;\n    margin-bottom: 3rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .pr-final-quote {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 2.5rem 2rem;\n    border-radius: 15px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#pr-himnos-wrapper-unique .pr-final-quote blockquote {\n    color: white;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-style: italic;\n    margin: 0;\n    font-size: 1.2rem;\n    line-height: 1.6;\n}\n\n\/* Inline audio - Estilo exacto como las im\u00e1genes *\/\n#pr-himnos-wrapper-unique .pr-inline-audio-wrapper {\n    display: inline-flex;\n    align-items: center;\n    background: #62d4a1; \/* Color azul como en las im\u00e1genes *\/\n    border-radius: 2px; \/* Bordes m\u00e1s cuadrados *\/\n    padding: 3px 8px 3px 8px;\n    margin: 0 4px;\n    vertical-align: middle;\n    transition: all 0.3s ease;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-audio-wrapper:hover {\n    background: #04d99d;\n    cursor: pointer;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-play-button {\n    width: 0;\n    height: 0;\n    border-left: 12px solid white;\n    border-top: 7px solid transparent;\n    border-bottom: 7px solid transparent;\n    background: transparent;\n    padding: 0;\n    margin-right: 8px;\n    cursor: pointer;\n    border-right: none;\n    outline: none;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-play-button.playing {\n    width: 10px;\n    height: 12px;\n    border: none;\n    background: white;\n    position: relative;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-play-button.playing::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    width: 3px;\n    height: 14px;\n    background: white;\n}\n\n#pr-himnos-wrapper-unique .pr-inline-audio-label {\n    font-size: 16px;\n    color: black;\n    font-weight: normal;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n}\n\n\/* Ocultar duraci\u00f3n si no la necesitas *\/\n#pr-himnos-wrapper-unique .pr-inline-audio-duration {\n    display: none;\n}\n\n\/* Enlaces dentro del componente *\/\n#pr-himnos-wrapper-unique a,\n#pr-himnos-wrapper-unique a:link,\n#pr-himnos-wrapper-unique a:visited,\n#pr-himnos-wrapper-unique a:hover,\n#pr-himnos-wrapper-unique a:active {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .pr-hymn-header {\n        height: 80vh;\n        min-height: 500px;\n    }\n\n    #pr-himnos-wrapper-unique .pr-info-section {\n        padding: 30px 0;\n    }\n\n    #pr-himnos-wrapper-unique .pr-info-card {\n        padding: 2rem;\n    }\n\n    #pr-himnos-wrapper-unique .pr-lyrics-text {\n        font-size: clamp(1.4rem, 6vw, 2.2rem);\n    }\n\n    #pr-himnos-wrapper-unique .pr-intro-section {\n        padding: 60px 0;\n    }\n\n    #pr-himnos-wrapper-unique .pr-play-button {\n        width: 60px;\n        height: 60px;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-play-button::after {\n        border-left-width: 15px;\n        border-top-width: 9px;\n        border-bottom-width: 9px;\n    }\n    \n    \/* Ajustar padding en m\u00f3vil para evitar overflow *\/\n    #pr-himnos-wrapper-unique .pr-hero-content,\n    #pr-himnos-wrapper-unique .pr-intro-content,\n    #pr-himnos-wrapper-unique .pr-info-content,\n    #pr-himnos-wrapper-unique .pr-byline-container,\n    #pr-himnos-wrapper-unique .pr-lyrics-wrapper {\n        padding-left: 15px !important;\n        padding-right: 15px !important;\n        max-width: calc(100vw - 30px) !important;\n    }\n    \n    \/* Reducir gap en m\u00f3vil para evitar overflow *\/\n    #pr-himnos-wrapper-unique .pr-byline-authors {\n        gap: 20px !important;\n    }\n}\n\n\/* Desktop-specific media sizing *\/\n@media (min-width: 769px) {\n    #pr-himnos-wrapper-unique .pr-media-block {\n        max-width: 500px;\n        margin: 2rem auto;\n    }\n    \n    #pr-himnos-wrapper-unique .pr-hymn-video {\n        max-width: 500px;\n        margin: 0 auto;\n    }\n}\n\n\/* Fade in animation *\/\n#pr-himnos-wrapper-unique .fade-in {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease;\n}\n\n#pr-himnos-wrapper-unique .fade-in.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Secci\u00f3n de otras canciones *\/\n#pr-himnos-wrapper-unique .other-songs-section {\n    background: #000;\n    padding: 80px 0;\n    position: relative;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n}\n\n\/* T\u00edtulo de la secci\u00f3n *\/\n#pr-himnos-wrapper-unique .section-header {\n    text-align: center;\n    margin-bottom: 60px;\n    padding: 0 20px;\n}\n\n#pr-himnos-wrapper-unique .section-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(2rem, 5vw, 2.5rem);\n    margin-bottom: 1rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .section-subtitle {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: clamp(1.1rem, 3vw, 1.3rem);\n    font-style: italic;\n    color: rgba(255, 255, 255, 0.8);\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n\/* Quote introductorio *\/\n#pr-himnos-wrapper-unique .intro-quote {\n    max-width: 800px;\n    margin: 0 auto 60px;\n    padding: 0 20px;\n    content: none !important;\n    border: none !important;\n    background: none !important;\n}\n\n#pr-himnos-wrapper-unique .quote-box {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 2.5rem 2rem;\n    border-radius: 10px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n#pr-himnos-wrapper-unique .quote-text {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.2rem;\n    font-style: italic;\n    line-height: 1.6;\n    margin-bottom: 1rem;\n    color: white;\n}\n\n#pr-himnos-wrapper-unique .quote-author {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    color: #04d99d;\n    font-weight: 600;\n}\n\n\/* Contenedor con scroll horizontal *\/\n#pr-himnos-wrapper-unique .scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    padding: 20px 0 40px;\n    margin: 0 -20px;\n}\n\n\/* Estilo de la barra de scroll *\/\n#pr-himnos-wrapper-unique .scroll-container::-webkit-scrollbar {\n    height: 8px;\n}\n\n#pr-himnos-wrapper-unique .scroll-container::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 10px;\n}\n\n#pr-himnos-wrapper-unique .scroll-container::-webkit-scrollbar-thumb {\n    background: #04d99d;\n    border-radius: 10px;\n}\n\n\/* Grid de tarjetas *\/\n#pr-himnos-wrapper-unique .cards-grid {\n    display: flex;\n    gap: 20px;\n    padding: 0 20px;\n    width: max-content;\n    margin: 0 auto;\n}\n\n\/* Tarjeta individual *\/\n#pr-himnos-wrapper-unique .flip-card {\n    width: 350px;\n    height: 450px;\n    perspective: 1000px;\n    flex-shrink: 0;\n    animation: fadeIn 0.6s ease-out;\n    animation-fill-mode: backwards;\n}\n\n#pr-himnos-wrapper-unique .flip-card-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    text-align: left;\n    transition: transform 0.6s;\n    transform-style: preserve-3d;\n}\n\n#pr-himnos-wrapper-unique .flip-card.flipped .flip-card-inner {\n    transform: rotateY(180deg);\n}\n\n\/* Cara frontal y trasera *\/\n#pr-himnos-wrapper-unique .flip-card-front,\n#pr-himnos-wrapper-unique .flip-card-back {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    background: rgba(255, 255, 255, 0.95);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n\/* Cara frontal *\/\n#pr-himnos-wrapper-unique .flip-card-front {\n    color: #333;\n    padding: 2rem;\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n}\n\n#pr-himnos-wrapper-unique .card-year {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.7rem;\n    font-weight: 700;\n    color: #04d99d;\n    margin-bottom: 0.7rem;\n    letter-spacing: 1px;\n}\n\n#pr-himnos-wrapper-unique .card-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 2rem;\n    font-weight: 600;\n    color: #000;\n    margin-bottom: 0.5rem;\n    line-height: 1.1;\n}\n\n#pr-himnos-wrapper-unique .card-artist {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    font-style: italic;\n    color: #666;\n    font-weight: 300;\n    margin-bottom: 2rem;\n}\n\n#pr-himnos-wrapper-unique .card-preview {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.1rem;\n    line-height: 1.5;\n    color: #333;\n    flex: 1;\n}\n\n#pr-himnos-wrapper-unique .flip-hint {\n    margin-top: auto;\n    padding-top: 2rem;\n    border-top: 1px solid rgba(0, 0, 0, 0.1);\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: #04d99d;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n#pr-himnos-wrapper-unique .flip-icon {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.5rem;\n}\n\n\/* Cara trasera *\/\n#pr-himnos-wrapper-unique .flip-card-back {\n    transform: rotateY(180deg);\n    color: #333;\n    padding: 2rem;\n    display: flex;\n    flex-direction: column;\n}\n\n#pr-himnos-wrapper-unique .back-header {\n    margin-bottom: 1.5rem;\n    padding-bottom: 1.5rem;\n    border-bottom: 2px solid #04d99d;\n}\n\n#pr-himnos-wrapper-unique .back-title {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #000;\n    margin-bottom: 0.3rem;\n}\n\n#pr-himnos-wrapper-unique .back-subtitle {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1rem;\n    color: #666;\n    font-style: italic;\n}\n\n#pr-himnos-wrapper-unique .back-content {\n    flex: 1;\n    overflow-y: auto;\n    position: relative;\n    padding-bottom: 20px;\n    scrollbar-width: thin;\n    scrollbar-color: #04d99d rgba(0, 0, 0, 0.1);\n}\n\n#pr-himnos-wrapper-unique .back-content::-webkit-scrollbar {\n    width: 6px;\n}\n\n#pr-himnos-wrapper-unique .back-content::-webkit-scrollbar-track {\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: 3px;\n}\n\n#pr-himnos-wrapper-unique .back-content::-webkit-scrollbar-thumb {\n    background: #04d99d;\n    border-radius: 3px;\n}\n\n#pr-himnos-wrapper-unique .back-text {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 1.1rem;\n    line-height: 1.6;\n    color: #333;\n    margin-bottom: 1.5rem;\n}\n\n#pr-himnos-wrapper-unique .back-quote {\n    background: rgba(4, 217, 157, 0.1);\n    padding: 1.5rem;\n    border-left: 3px solid #04d99d;\n    border-radius: 0 5px 5px 0;\n    margin: 1.5rem 0;\n}\n\n#pr-himnos-wrapper-unique .back-quote p {\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-style: italic;\n    font-size: 1rem;\n    line-height: 1.5;\n    color: #333;\n    margin: 0;\n}\n\n#pr-himnos-wrapper-unique .back-quote cite {\n    display: block;\n    margin-top: 0.5rem;\n    font-family: \"Georgia\", \"Times New Roman\", serif !important;\n    font-size: 0.9rem;\n    color: #666;\n    font-style: normal;\n}\n\n\/* Animaciones *\/\n#pr-himnos-wrapper-unique .flip-card:nth-child(1) { animation-delay: 0.1s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(2) { animation-delay: 0.2s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(3) { animation-delay: 0.3s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(4) { animation-delay: 0.4s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(5) { animation-delay: 0.5s; }\n#pr-himnos-wrapper-unique .flip-card:nth-child(6) { animation-delay: 0.6s; }\n\n\/* Responsive para tarjetas *\/\n@media (max-width: 768px) {\n    #pr-himnos-wrapper-unique .other-songs-section {\n        padding: 60px 0;\n    }\n    \n    #pr-himnos-wrapper-unique .flip-card {\n        width: 300px;\n        height: 400px;\n    }\n    \n    #pr-himnos-wrapper-unique .flip-card-front,\n    #pr-himnos-wrapper-unique .flip-card-back {\n        padding: 1.5rem;\n    }\n    \n    #pr-himnos-wrapper-unique .card-year {\n        font-family: \"Georgia\", \"Times New Roman\", serif !important;\n        font-size: 1.5rem;\n    }\n    \n    #pr-himnos-wrapper-unique .card-title {\n        font-family: \"Georgia\", \"Times New Roman\", serif !important;\n        font-size: 1.6rem;\n    }\n    \n    #pr-himnos-wrapper-unique .quote-box {\n        padding: 2rem 1.5rem;\n    }\n    \n    #pr-himnos-wrapper-unique .back-text {\n        font-family: \"Georgia\", \"Times New Roman\", serif !important;\n        font-size: 1rem;\n        line-height: 1.5;\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: 1400px;\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\/* Responsive *\/\n@media (max-width: 1024px) {\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@media (max-width: 768px) {\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\/* Fix para evitar scroll horizontal en m\u00f3vil - SIN afectar tarjetas *\/\nbody {\n    overflow-x: hidden !important;\n}\n\n#pr-himnos-wrapper-unique {\n    overflow-x: hidden !important;\n    max-width: 100vw !important;\n    box-sizing: border-box !important;\n}\n\n\/* Asegurar que todos los elementos internos no se salgan - EXCEPTO las tarjetas *\/\n#pr-himnos-wrapper-unique *:not(.scroll-container):not(.cards-grid):not(.flip-card) {\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n}\n\n\/* Fix espec\u00edfico para secciones que pueden causar overflow - EXCEPTO la secci\u00f3n de tarjetas *\/\n#pr-himnos-wrapper-unique .pr-hero-section,\n#pr-himnos-wrapper-unique .pr-hymn-section,\n#pr-himnos-wrapper-unique .pr-intro-section,\n#pr-himnos-wrapper-unique .pr-info-section,\n#pr-himnos-wrapper-unique .pr-byline-section {\n    overflow-x: hidden !important;\n    width: 100% !important;\n    max-width: 100vw !important;\n}\n\n\/* La secci\u00f3n de tarjetas mantiene su overflow-x auto *\/\n#pr-himnos-wrapper-unique .other-songs-section {\n    width: 100% !important;\n    max-width: 100vw !important;\n}\n\n\/* Mantener el scroll horizontal solo para el contenedor de tarjetas *\/\n#pr-himnos-wrapper-unique .scroll-container {\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n    margin: 0 -20px !important;\n}\n}\n\n    <\/style>\n    <div id=\"pr-himnos-container\">\n    <!-- Top Navigation -->\n<nav class=\"top-navigation\" aria-label=\"Main navigation\">\n  <div class=\"nav-container\">\n    <!-- Mobile menu toggle -->\n    <button class=\"mobile-nav-toggle\" aria-label=\"Open navigation menu\">\n      \u2630\n    <\/button>\n    \n    <ul class=\"nav-menu\">\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/\" class=\"nav-link\">Homepage<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&utm_medium=referral&utm_campaign=homepage-component&utm_content=homepage-link\" class=\"nav-link\">PR Itineraries<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"nav-link\">Travel<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About Us<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">In Spanish<\/a><\/li>\n    <\/ul>\n  <\/div>\n<\/nav>\n\n<!-- Mobile Navigation Overlay -->\n<div class=\"mobile-nav-overlay\" aria-label=\"Mobile navigation menu\">\n  <div class=\"mobile-nav-header\">\n    <button class=\"mobile-nav-close\" aria-label=\"Close menu\">\n      \u2715\n    <\/button>\n  <\/div>\n  <nav class=\"mobile-nav-content\">\n    <ul class=\"mobile-nav-list\">\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/\" class=\"mobile-nav-link\">Homepage<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&utm_medium=referral&utm_campaign=homepage-component&utm_content=homepage-link\" class=\"mobile-nav-link\">PR Itineraries<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"mobile-nav-link\">Travel Guide<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"mobile-nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"mobile-nav-link\">Directory<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"mobile-nav-link\">About Us<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"mobile-nav-link\">In Spanish<\/a><\/li>\n    <\/ul>\n  <\/nav>\n<\/div>\n\n        <!-- Hero Section -->\n        <section class=\"pr-hero-section\">\n            <div class=\"pr-hero-background\">\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/banderaprcolor-scaled.jpg\" alt=\"Puerto Rico\" class=\"pr-hero-image\">\n                <div class=\"pr-hero-overlay\"><\/div>\n            <\/div>\n            <div class=\"pr-hero-content\">\n                <h1 class=\"pr-hero-title\">The unofficial anthems that tell the story of Puerto Rico<\/h1>\n                <p class=\"pr-hero-description\"><em>A journey through the songs that have accompanied generations of Puerto Ricans, both on and off the island, and which today are an essential part of our collective memory.<\/em><\/p>\n            <\/div>\n        <\/section>\n        \n<!-- Byline -->\n<section class=\"pr-byline-section\">\n    <div class=\"pr-byline-container\">\n        <div class=\"pr-byline-date\">\n            <p>July 3, 2025<\/p>\n        <\/div>\n        <div class=\"pr-byline-authors\">\n            <div class=\"pr-author-item\">\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&width=200\" alt=\"Cindy Burgos Alvarado\" class=\"pr-author-avatar\">\n                <div class=\"pr-author-details\">\n                    <p class=\"pr-author-credit\">Text by Cindy Burgos Alvarado<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"pr-author-item\">\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2022\/07\/Screenshot-2025-07-04-at-12.09.25\u202fAM.webp\" alt=\"Heidee Rol\u00f3n Cintr\u00f3n\" class=\"pr-author-avatar\">\n                <div class=\"pr-author-details\">\n                    <p class=\"pr-author-credit\">Editing and production by Heidee Rol\u00f3n Cintr\u00f3n<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n        <!-- Introduction -->\n        <section class=\"pr-intro-section\">\n            <div class=\"pr-intro-content\">\n                <p class=\"pr-intro-text fade-in\">In the absence of Puerto Rican embassies, Puerto Rican musicians are our ambassadors, <a class=\"link-tracking\" href=\"https:\/\/www.revistaanfibia.com\/regueton-frente-la-revolucion\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">said journalist and writer Ana Teresa Toro.<\/a> And indeed, Puerto Rican music undoubtedly crosses borders and defines our cultural identity and our idea of a nation.<\/p>\n                <p class=\"pr-intro-text fade-in\">Beyond the anthem La Borinque\u00f1a\u2014both the romantic version by Manuel Fern\u00e1ndez Juncos and the revolutionary version by Lola Rodr\u00edguez de Ti\u00f3\u2014there are many songs that have deeply permeated what we describe as Puerto Rican identity.<\/p> \n                \n<p class=\"pr-intro-text fade-in\">Together with historian Jorell Mel\u00e9ndez-Badillo, author of the book Puerto Rico: Historia de una naci\u00f3n (2024) and who wrote the historical context for <a class=\"link-tracking\" href=\"https:\/\/www.youtube.com\/@BadBunnyPR\/videos\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">the YouTube visualizations<\/a> of each song from <a href=\"https:\/\/www.plateapr.com\/residencia-bad-bunny-verano-puerto-rico-sitio-especial\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\" class=\"link-tracking\">Bad Bunny's DeB\u00cd TiRAR M\u00e1S FOToS,<\/a> we take a historical tour of these songs that we could call unofficial anthems and delve into the reasons for defining Puerto Rican identity and the context in which they were written.<\/p> \n\n                \n                <div class=\"pr-quote-section fade-in\">\n                    <blockquote class=\"pr-main-quote\">\n                        \u275d We have produced a lot of culture, a lot of music. With these elements, we have managed to define our idea of nationhood. That is why it is important to affirm that Puerto Ricans, beyond political status, have created a complex idea of nationhood, and music is a fundamental element in that\u275e.\n                    <\/blockquote>\n                    <cite class=\"pr-quote-author\">Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n<!-- La Borinque\u00f1a Revolucionaria -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <video \n                class=\"pr-hymn-bg-image pr-video\" \n                autoplay \n                data-label=\"La Borinque\u00f1a Revolutionary\"\n                muted \n                loop \n                playsinline \n                preload=\"auto\"\n                poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-121815455.webp\">\n                <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-654906679.mp4\" type=\"video\/mp4\">\n                <!-- Fallback para navegadores que no soporten video -->\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-121815455.webp\" alt=\"Historic Puerto Rico\">\n            <\/video>\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Let's go, Borinque\u00f1os, let's go now,<br>\n        for freedom eagerly awaits us.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        V\u00e1monos, borinque\u00f1os, v\u00e1monos ya,<br>\n        que nos espera ansiosa, ansiosa la libertad.\n    <\/div>\n<\/div>\n    <\/div>\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1868<\/div>\n                <h2 class=\"pr-info-title\">La Borinque\u00f1a<\/h2>\n                <p class=\"pr-info-subtitle\">\u201cThe Revolutionary Anthem\u201d<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Lola Rodr\u00edguez de Ti\u00f3 (1843-1924), poet and revolutionary<\/div>\n                    <div><strong>Musical arrangement:<\/strong> composed in 1867 by F\u00e9lix Astol Art\u00e9s (1813-1901)<\/div>\n                    <div><strong>Rhythm:<\/strong> dance<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Rodr\u00edguez de Ti\u00f3's famous poem, also known as the \u201crevolutionary anthem,\u201d is a \u201chymn of resistance\u201d for the independence movement, which was never officially the anthem of Puerto Rico.<\/p>\n                \n                <p class=\"pr-info-context\">The poem was written in the context of the Grito de Lares (September 23, 1868), the first major \u201crevolt for Puerto Rican independence,\u201d but it took place in a broader Caribbean context of independence struggles against Spain, including Cuba's, explained Mel\u00e9ndez-Badillo.<\/p>\n                \n                <p class=\"pr-info-context\">In fact, Rodr\u00edguez de Ti\u00f3 \u201cevokes that Cuban-Puerto Rican solidarity\u201d with her poem <a class=\"link-tracking\" href=\"https:\/\/ciudadseva.com\/texto\/cuba-y-puerto-rico-son-de-un-pajaro-las-dos-alas\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">\u201cCuba and Puerto Rico are the two wings of a bird\u201d<\/a>, added the historian. This solidarity was not only in the struggle for independence, but also in cultural contexts, and it is in Cuba, her second homeland, where the poet went into exile and died.<\/p>\n                \n                <p class=\"pr-info-context\">Although it is usually sung to a dance rhythm, the music predates the poem. The composition is attributed to the Catalan F\u00e9lix Astol Art\u00e9s, although other versions indicate that it is by the composer Francisco Ram\u00edrez Ortiz. It is also said that both collaborated to compose the music for what became the anthem of Puerto Rico in 1952.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- La Borinque\u00f1a Oficial -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1311839736.webp\" alt=\"Puerto Rico Capitol\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Borinquen is the daughter,<br>\n        the daughter of the sea and the sun.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Es Borinquen la hija,<br>\n        la hija del mar y el sol.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1902<\/div>\n                <h2 class=\"pr-info-title\">La Borinque\u00f1a<\/h2>\n                <p class=\"pr-info-subtitle\">The official anthem<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Manuel Fern\u00e1ndez Juncos (1846-1928), poet, educator, and journalist<\/div>\n                    <div><strong>Musical arrangement:<\/strong> composed in 1867 by F\u00e9lix Astol Art\u00e9s (1813-1901)<\/div>\n                    <div><strong>Rhythm:<\/strong> dance<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">\u201cIt came at a time of political reorganization for Puerto Rico,\u201d following the US occupation in 1898 and the establishment of a military government \u201cwhere Puerto Ricans really had no say in politics,\u201d explained Mel\u00e9ndez-Badillo. It was not until the passage of the Foraker Act in 1900 by the US Congress that a civilian government was established in Puerto Rico, something the historian called a \u201csemi-democratic\u201d government.<\/p>\n                \n                                                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n                      <video id=\"pr-amanecer-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"La Borinque\u00f1a\"\n                            poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/borinquenamorro.jpg\">\n                          <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/0703.mp4\">\n                      <\/video>\n                    <\/div>\n                <\/div>               \n                <p class=\"pr-info-context\">It is a romantic text that attempts to create a new historical memory, combining elements of nostalgia with the evocation of Puerto Rico's natural beauty, all of which drives the discourse of nation building, Mel\u00e9ndez-Badillo explained.<\/p>\n                \n                <p class=\"pr-info-context\">It was in 1952 that the dance La Borinque\u00f1a <a class=\"link-tracking\" href=\"https:\/\/bvirtualogp.pr.gov\/ogp\/Bvirtual\/leyesreferencia\/PDF\/2-1952.pdf\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">was made official as the anthem<\/a> with the musical arrangement by Ram\u00f3n Collado, but it was not until 1977 that Fern\u00e1ndez Juncos' poem was established as the official lyrics of the anthem.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- La Tierruca -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-148561670-scaled.webp\" alt=\"Puerto Rico landscape\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I would not trade for any other<br>\n        this land<br>\n        where I had the privilege of being born!\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        \u00a1Yo no cambio por ninguna<br>\n        esta tierra<br>\n        donde tuve el privilegio de nacer!\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1912<\/div>\n                <h2 class=\"pr-info-title\">La Tierruca<\/h2>\n                <p class=\"pr-info-subtitle\">Contemplating the homeland<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Virgilio D\u00e1vila (1869-1943), poet, politician, and educator<\/div>\n                    <div><strong>Musical arrangement:<\/strong> Braulio Due\u00f1o (1854-1934)<\/div>\n                <\/div>\n                \n<p class=\"pr-info-context\">\n    <span class=\"pr-inline-audio-wrapper\">\n        <span class=\"pr-inline-play-button\" id=\"pr-inline-play-tierruca\"><\/span>\n        <span class=\"pr-inline-audio-label\">La Tierruca<\/span>\n        <audio class=\"pr-inline-audio-element\" id=\"pr-inline-audio-tierruca\" preload=\"metadata\">\n            <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/LaTierruca.m4a\" type=\"audio\/mp4\">\n        <\/audio>\n    <\/span>\nwas first published in the book Canciones escolares (School Songs, 1912), created for Puerto Rico's public schools\u2014which at that time were beginning to spread throughout the countryside and cities\u2014and in which D\u00e1vila, Fern\u00e1ndez Juncos, and Due\u00f1o collaborated. It also appeared in the poetry collection Aromas del terru\u00f1o (Aromas of the Homeland), considered one of the poet's best.\n<\/p>             \n                <p class=\"pr-info-context\">It was published amid a boom in \u201cromantic modernist poets\u201d and had a similar tone to Fern\u00e1ndez Juncos' La Borinque\u00f1a in its appreciation of the country's beauty, explained Mel\u00e9ndez-Badillo. It quickly became a kind of unofficial anthem, although it no longer has the recognition it had a few decades ago.<\/p>\n                \n                <p class=\"pr-info-context\">Although D\u00e1vila identified with annexationism and was mayor of Bayam\u00f3n for the Republican Party, he had \u201cvery acute social and critical sensibilities,\u201d according to the historian, as he also wrote critically about the conditions of Puerto Ricans in the United States. This can be seen in poems such as <a class=\"link-tracking\" href=\"https:\/\/ciudadseva.com\/texto\/no-des-tu-tierra-al-extrano\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">\u201cDon't Give Your Land to the Stranger\u201d<\/a> or <a class=\"link-tracking\" href=\"https:\/\/ciudadseva.com\/texto\/nostalgia-davila\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">'Nostalgia'<\/a> (\u201cMama! Borinquen Calls Me!\u201d), which already begin to denote the feelings of Puerto Ricans in the United States.<\/p>\n\n<p class=\"pr-media-caption\">*Music: La Tierruca. 1917. Audio. Retrieved from the Library of Congress.<\/p>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Lamento Borincano -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/barrioobrero_arq2-scaled.webp\" alt=\"barrio obrero\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Borinquen! The land of Eden<br>\n        which, when singing, the great Gautier<br>\n        called the Pearl of the Seas,<br>\n        Now that you are dying with your sorrows,<br>\n        Let me sing to you too.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        \u00a1Borinquen! La tierra del Ed\u00e9n<br>\n        la que al cantar, el gran Gautier<br>\n        llam\u00f3 la Perla de los Mares,<br>\n        Ahora que t\u00fa te mueres con tus pesares,<br>\n        D\u00e9jame que te cante yo tambi\u00e9n.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1929<\/div>\n                <h2 class=\"pr-info-title\">Lamento Borincano<\/h2>\n                <p class=\"pr-info-subtitle\">Puerto Ricans in the face of adversity<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Rafael Hern\u00e1ndez Mar\u00edn (1892\u20131965), singer-songwriter<\/div>\n                    <div><strong>Rhythm:<\/strong> bolero<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">This lament\u2014a passionate expression of pain\u2014describes the suffering of Puerto Rican farmers during the Great Depression, a global financial crisis that lasted until the 1930s. It became one of the most outstanding expressions of Puerto Rican culture and the j\u00edbaros.<\/p>\n                \n                <p class=\"pr-info-context\">For Mel\u00e9ndez-Badillo, <a class=\"link-tracking\" href=\"https:\/\/ccat.sas.upenn.edu\/romance\/spanish\/219\/13eeuu\/lamentoborincano.html\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">the lyrics<\/a> are a critique and \u201ca portrait of the conditions Puerto Ricans lived in at that time,\u201d although they do not necessarily call for political change. Like other unofficial anthems, it takes the element of nostalgia and the j\u00edbaro as a cultural component.<\/p>\n                \n                <p class=\"pr-info-context\">It is one of the most famous songs by the prolific singer-songwriter and was recorded by Manuel \u201cCanario\u201d Jim\u00e9nez and his band, with Pedro Ortiz D\u00e1vila \u201cDavilita\u201d as one of the voices, who was only 18 years old at the time. It has also been performed by a dozen artists, including Spain's Pl\u00e1cido Domingo and Brazil's Caetano Veloso.<\/p>\n                \n                <p class=\"pr-info-context\">It is included in the <a class=\"link-tracking\" href=\"https:\/\/www.loc.gov\/item\/prn-18-028\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">2017 National Recording Registry<\/a> of the Library of Congress.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Preciosa -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <video \n                class=\"pr-hymn-bg-image pr-video\" \n                autoplay\n                data-label=\"Preciosa\"\n                muted \n                loop \n                playsinline \n                preload=\"auto\"\n                poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-518613386-1.jpg\">\n                <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1084126956.mp4\" type=\"video\/mp4\">\n                <!-- Fallback para navegadores que no soporten video -->\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-518613386-1.jpg\" alt=\"cable-stayed bridge\">\n            <\/video>\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        You will be beautiful without a flag,<br>\n        without laurels or glory.<br>\n        Beautiful, beautiful,<br>\n        the children of freedom call you.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Preciosa ser\u00e1s sin bandera,<br>\n        sin lauros ni gloria.<br>\n        Preciosa, preciosa<br>\n        te llaman los hijos de la libertad.\n    <\/div>\n<\/div>\n    <\/div>\n\n            <div class=\"pr-info-section\">\n                <div class=\"pr-info-content\">\n                    <div class=\"pr-info-card fade-in\">\n                        <div class=\"pr-info-year\">1937<\/div>\n                        <h2 class=\"pr-info-title\">Preciosa<\/h2>\n                        <p class=\"pr-info-subtitle\">Love for Puerto Rico<\/p>\n                        \n                        <div class=\"pr-info-meta\">\n                            <div><strong>Author:<\/strong> Rafael Hern\u00e1ndez Mar\u00edn (1892-1965), singer-songwriter<\/div>\n                            <div><strong>Rhythm:<\/strong> Bolero<\/div>\n                        <\/div>\n                        \n                        <p class=\"pr-info-context\">In the midst of \u201cthe turbulent decade of the 1930s,\u201d as Mel\u00e9ndez-Badillo calls it in his book <em>Historia de una naci\u00f3n<\/em> (History of a Nation), Hern\u00e1ndez composed the song <a class=\"link-tracking\" href=\"https:\/\/www.letras.com\/rafael-hernandez\/1501780\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">Preciosa<\/a> in Mexico, one of the countries where he lived and spread his artistic talent. It is an ode to his country, expressing his longing to return. Together with Lamento Borincano, these are just two of his famous compositions that have been recorded as unofficial anthems.<\/p>\n                        \n                        <p class=\"pr-info-context\">\u201cThe 1930s were a decade of many changes in Puerto Rico,\u201d the historian explained. Not only was the country going through the Great Depression and the impact of hurricanes, but there was also a coalition between the Socialist Party and the Republican Union Party to come to power, \u201cthe struggle for Puerto Rico's independence intensified,\u201d the Communist Party was founded, and the Nationalist Party was militarized.<\/p>\n                        \n                        <div class=\"pr-media-block\">\n                            <div class=\"pr-hymn-video\">\n                                <iframe width=\"100%\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/CS2uzUxYh9I?list=RDCS2uzUxYh9I\" title=\"Preciosa - Marc Anthony\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen style=\"border-radius: 12px;\"><\/iframe>\n                            <\/div>\n                        <\/div>\n                        \n                        <p class=\"pr-info-context\">It was a decade that saw the strengthening of the University of Puerto Rico (UPR) as the \u201cleading center of learning,\u201d the Chard\u00f3n Plan, and programs such as PRERA and PRRA (federal agencies to combat poverty on the island) within the New Deal. The massacres of Ponce and R\u00edo Piedras also took place, as did the assassination of Colonel Elisha Francis Riggs, chief of the Insular Police, and the arrests of nationalists.<\/p>\n                        \n                        <p class=\"pr-info-context\">In addition, there was an internal migration from the countryside to the city, which was the \u201cgreat prelude to the populism of the 1940s\" and the Great Puerto Rican Migration, said Mel\u00e9ndez-Badillo.<\/p>\n                        \n                        <p class=\"pr-info-context\">Initially recorded by the Victoria Quartet, of which Hern\u00e1ndez was a member, it became famous with the interpretation of Manuel \u201cCanario\u201d Jim\u00e9nez. Today, it is Marc Anthony's version that is most widely recognized, demonstrating that this song transcends political ideologies and unites Puerto Ricans in their admiration for their country.<\/p>\n                        \n                        <p class=\"pr-info-context\">\u201cHern\u00e1ndez is a master of these compositions, of these lyrics that evoke that nostalgic feeling of the past,\u201d he added.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- En mi Viejo San Juan -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-178347333-1.jpg\" alt=\"Old San Juan\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I'm leaving (I'm leaving now),<br>\n        but one day I'll return<br>\n        to find my love,<br>\n        to dream again<br>\n        in my Old San Juan.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Me voy (ya me voy),<br>\n        pero un d\u00eda volver\u00e9<br>\n        a buscar mi querer,<br>\n        a so\u00f1ar otra vez<br>\n        en mi Viejo San Juan.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1943<\/div>\n                <h2 class=\"pr-info-title\">In My Old San Juan<\/h2>\n                <p class=\"pr-info-subtitle\">The Longing to Return<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Noel Estrada Su\u00e1rez (1918-1979)<\/div>\n                    <div><strong>Rhythm:<\/strong> bolero<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">There are two aspects that mark this composition: World War II (1939-1945), with hundreds of Puerto Ricans active in compulsory military service\u2014including Estrada Su\u00e1rez's brother\u2014 and the Great Puerto Rican Migration (between 1940-1960), considered \u201cthe first large-scale air migration in human history,\u201d with more than 800,000 Puerto Ricans leaving the archipelago by plane, Mel\u00e9ndez-Badillo noted.<\/p>\n                \n                                                                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n<video id=\"pr-amanecer-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"In My Old San Juan\"\n       poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/Sobre-La-Borinquena-nuestro-himno-oficial-1.jpg\">\n    <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/viejosanjuan_melendez-badillo.mp4\">\n<\/video>\n                    <\/div>\n                    <p class=\"pr-media-caption\">*Music: Recording of the performance by the Conjunto de Cuerdas T\u00edpicas de Puerto Rico at El Romance Club, Chicago, Illinois, 1977. Retrieved from Library of Congress.<\/p>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Although \u201cPuerto Rico is a diasporic nation that has been in constant motion,\u201d even in pre-Columbian times, according to Mel\u00e9ndez-Badillo, it was in the 1940s that this migration intensified and Old San Juan became a focal point for reflecting on this physical and cultural displacement that persists to this day.<\/p>\n                \n                <p class=\"pr-info-context\">The impact of <a class=\"link-tracking\" href=\"https:\/\/www.smule.com\/song\/noel-estrada-en-mi-viejo-san-juan-karaoke-lyrics\/96046233_115520\/arrangement\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">the song<\/a> was global, so much so that it was translated into French, English, and German. It has hundreds of versions in rhythms such as bolero, tango, and ranchera. And in the 1980s, it officially became the anthem of San Juan.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n        \n<!-- Verde Luz -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-119705265.webp\" alt=\"Student struggles Puerto Rico\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        If I am absent from your beautiful beaches,<br>\n        if I am far from your silent palms,<br>\n        I want to return, I want to return.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Si me ausento de tus playas primorosas,<br>\n        si me alejo de tus palmas silenciosas,<br>\n        quiero volver, quiero volver.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1966<\/div>\n                <h2 class=\"pr-info-title\">Verde Luz<\/h2>\n                <p class=\"pr-info-subtitle\">The new struggle for independence<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Antonio Cab\u00e1n Vale \"El Topo\" (1942-2024), singer-songwriter and poet<\/div>\n                    <div><strong>Rhythm:<\/strong> Dance<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">In the midst of the \u201cnew struggle for independence\u201d and our nation's migratory ups and downs, \u201cVerde Luz stems from the sensitivity that emerged in Puerto Rico after 1959 with the Cuban revolution, which, although it took place in Cuba, had an enormous cultural impact, not only in Puerto Rico but throughout the Americas and the world,\u201d the historian pointed out.<\/p>\n                \n                <p class=\"pr-info-context\">Cab\u00e1n Vale wrote it when he was just 24 years old, during his time as a university student and when he was about to emigrate to New York, in the context of protest songs, student struggles, and \u201cother forms of political expression through music,\u201d added <span class=\"pr-inline-audio-wrapper\">\n                        <span class=\"pr-inline-play-button\" id=\"pr-inline-play-verdeluz\"><\/span>\n                        <span class=\"pr-inline-audio-label\">Mel\u00e9ndez-Badillo.<\/span>\n                        <audio class=\"pr-inline-audio-element\" id=\"pr-inline-audio-verdeluz\" preload=\"metadata\">\n                            <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/VerdeLuz_Melendez_Badillo-cut.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                    <\/span>It was the singer-songwriter himself, who was the subject of federal surveillance, who immortalized it and catalogued it as a symbol of the struggle for Puerto Rico's independence and self-determination.<\/p>\n                    \n                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n                        <iframe width=\"100%\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/fTLJrMDDaRU?list=RDfTLJrMDDaRU\" title=\"Hermes Croatto - Verde Luz (LIVE desde el Viejo San Juan)\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen style=\"border-radius: 12px;\"><\/iframe>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">\u201cThe people who would advocate for Verde Luz as a second anthem come from a particular ideology... an independence sector that feels it is their anthem,\u201d said the historian.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Qu\u00e9 bonita bandera -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1497688538.webp\" alt=\"Puerto Rico flag\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        Blue, white, and red, with a star in the middle,<br>\n        what a beautiful flag is my Puerto Rican flag.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Azul, blanca y colorada, en el medio tiene una estrella,<br>\n        qu\u00e9 bonita bandera es mi bandera puertorrique\u00f1a.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1968<\/div>\n                <h2 class=\"pr-info-title\">What a beautiful flag<\/h2>\n                <p class=\"pr-info-subtitle\">A diasporic anthem<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Flor Morales Ramos \"Ramito\" (1915-1990), musician and troubadour<\/div>\n                    <div><strong>Rhythm:<\/strong> Plena<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">After the Great Puerto Rican Migration, Mel\u00e9ndez-Badillo believes that this plena became a \u201cdiasporic anthem\u201d that appeals to a nationalism \u201cthat does not need a discourse on the status of Puerto Rico.\u201d This takes on greater importance in the diaspora, when many are searching for a sense of belonging and find themselves needing to reaffirm their Puerto Rican identity, with the flag as their main resource.<\/p>\n                \n                <p class=\"pr-info-context\">Morales Ramos, famous for his influence on plena and j\u00edbara music, wrote this song to highlight the pride of displaying the Puerto Rican flag, which only two decades earlier had been banned. And the song's success, according to the historian, is that it expresses \u201ca cultural nationalism that is detached from the divisive conversation about Puerto Rico's political status.\u201d<\/p>\n                \n                <p class=\"pr-info-context\">This is one of the most popular plena songs at the Puerto Rican Day Parade in New York and <a class=\"link-tracking\" href=\"https:\/\/youtu.be\/IvtfYC2fmPs\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">was the song played<\/a> when Puerto Rican-born astronaut Joseph Acab\u00e1 went into space in 2009.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- So\u00f1ando con Puerto Rico -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1175184628.jpg\" alt=\"Diaspora\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I cannot hide<br>\n        the pride I feel<br>\n        in being Puerto Rican.<br>\n        And that my thoughts,<br>\n        no matter where I go,<br>\n        escape to the little island\u2026\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Yo no puedo ocultar<br>\n        el orgullo que siento<br>\n        de ser puertorrique\u00f1o.<br>\n        Y que mi pensamiento<br>\n        no importa d\u00f3nde voy<br>\n        se fuga hacia la islita\u2026\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1969<\/div>\n                <h2 class=\"pr-info-title\">Dreaming of Puerto Rico<\/h2>\n                <p class=\"pr-info-subtitle\">It's time to return<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Roberto \"Bobby\" Rodr\u00edguez Cap\u00f3 (1921-1989), singer-songwriter<\/div>\n                    <div><strong>Rhythm:<\/strong> Bolero<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Like several of the previous songs, this bolero \u201ccaptures that moment of the diaspora in the United States dreaming of Puerto Rico,\u201d said Mel\u00e9ndez-Badillo.<\/p>\n                \n                <p class=\"pr-info-context\">\u201cFor me, as a member of the diaspora, it's very complex because sometimes I don't feel at home either here or there (in Puerto Rico or the United States)... Through cultural and artistic production, various artists, musicians, etc., have affirmed that notion of Borinquen, of homeland, and that's why the flag is so important in our diasporic communities,\u201d he added.<\/p>\n                \n                <div class=\"pr-media-block\">\n                    <iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/track\/5fJGJPo1HrdfZHgIYP1UTt?utm_source=generator&theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n                <\/div>\n                \n                <p class=\"pr-info-context\"><a class=\"link-tracking\" href=\"https:\/\/prpop.org\/2016\/11\/la-historia-de-sonando-con-puerto-rico\/\" target=\"_blank\" style=\"color: #04d99d; text-decoration: underline; font-weight: bold;\">Jacqueline Cap\u00f3<\/a>, daughter of Bobby Cap\u00f3, says that the composer wrote the song at the request of his wife, Irma V\u00e1zquez, while they were living in New York. He told her that Noel Estrada had En mi Viejo San Juan and Rafael Hern\u00e1ndez had Preciosa and Lamento Borincano, but he had not yet written anything for Puerto Rico. This is how So\u00f1ando con Puerto Rico came about, which was included on the album Despierte borincano, along with songs such as Mi Borinquen and Qu\u00e9 bueno es ser borincano.<\/p>\n                \n                <p class=\"pr-info-context\">Beyond the iconic Piel Canela and El Negro Bemb\u00f3n, Cap\u00f3 was one of the most famous Puerto Rican composers, connecting with that Puerto Rican identity anywhere in the world.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Amanecer borincano -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1653456101.jpg\" alt=\"Puerto Rican countryside\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        I carry Borinquen blood<br>\n        I am the son of palm trees,<br>\n        of fields and rivers,<br>\n        and of the song of the coqu\u00ed.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Traigo sangre borinque\u00f1a<br>\n        soy hijo de las palmeras,<br>\n        de los campos y los r\u00edos,<br>\n        y del cantar del coqu\u00ed.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1974<\/div>\n                <h2 class=\"pr-info-title\">Amanecer borincano<\/h2>\n                <p class=\"pr-info-subtitle\">The evocation of the j\u00edbaro<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Alberto Carri\u00f3n (1950), singer-songwriter<\/div>\n                    <div><strong>Rhythm:<\/strong> J\u00edbara music<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">Following the migrations not only from Puerto Rico to the United States, but also from the Puerto Rican countryside to the city, a song emerged that evoked \u201cthat notion of a deep Puerto Rico\u201d and \u201cthe return to the countryside, to rural life, to the j\u00edbara question,\u201d Mel\u00e9ndez-Badillo pointed out.<\/p>\n                \n                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n<video id=\"pr-amanecer-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"Amanecer borincano\"\n       poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/amanecerb.jpg\">\n    <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/amanecerborincano_melendezbadillo.mp4\" type=\"video\/mp4\">\n<\/video>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">In the 1970s, what is known as cyclical migration took place: the return of those who had left years before. \u201cMany people from the diaspora began to return to Puerto Rico. It was also a time of political and economic transition. In 1968, we had the first victory of the New Progressive Party (PNP),\u201d said the historian.<\/p>\n                \n                <p class=\"pr-info-context\">\u201cWith the creation of the slums, we also have the occupation of spaces with Villa Ca\u00f1ona and Villa Sin Miedo, which are marginalized, poor communities that occupy spaces,\u201d he added.<\/p>\n                \n                <p class=\"pr-info-context\">During this transition period, there was a call for \u201cstatehood for the poor, j\u00edbara statehood,\u201d at a time when \u201cit was clear that Puerto Rico's industrialization project, if it had not failed completely, as it did in the 1980s, was already running out of steam.\u201d There is a romanticization of the j\u00edbaro and the countryside, even if it is as a nostalgic cultural element.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Boricua en la Luna -->\n<section class=\"pr-hymn-section\">\n    <div class=\"pr-hymn-header\">\n        <div class=\"pr-hymn-bg-wrapper\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/GettyImages-1150178716.jpg\" alt=\"Moon and stars\" class=\"pr-hymn-bg-image\">\n            <div class=\"pr-hymn-bg-overlay\"><\/div>\n        <\/div>\n<div class=\"pr-lyrics-wrapper fade-in\">\n    <div class=\"pr-lyrics-text\">\n        And so I shout at the villain:<br>\n        I would be Borincano<br>\n        even if I were born on the moon.\n    <\/div>\n    <div class=\"pr-lyrics-text-spanish\">\n        Y as\u00ed le grito al villano:<br>\n        yo ser\u00eda borincano<br>\n        aunque naciera en la Luna.\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"pr-info-section\">\n        <div class=\"pr-info-content\">\n            <div class=\"pr-info-card fade-in\">\n                <div class=\"pr-info-year\">1980<\/div>\n                <h2 class=\"pr-info-title\">Boricua on the Moon<\/h2>\n                <p class=\"pr-info-subtitle\">Puerto Ricans are born where they want to be<\/p>\n                \n                <div class=\"pr-info-meta\">\n                    <div><strong>Author:<\/strong> Juan Antonio Corretjer (1908-1985)<\/div>\n                    <div><strong>Musical arrangement:<\/strong> Made in 1987 by Roy Brown (1945)<\/div>\n                    <div><strong>Rhythm:<\/strong> Nova trova<\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">After decades of Boricuas being born in the United States, some of them without ever having set foot on the island or having Spanish as their first language, a poem emerges that reaffirms that Boricuas are born where we want to be.<\/p>\n                \n                <p class=\"pr-info-context\">It was inspired by those who left in search of a better life and by the former prisoners of the National Liberation Armed Forces (FALN, \u201clos Macheteros\u201d), whom Corretjer visited. In addition, it was written only two years after the murders of independence activists in Cerro Maravilla.<\/p>\n               \n                <p class=\"pr-info-context\">The poem not only \u201cevokes that patriotic nostalgia\u201d and the \u201csearch for what it means to be Puerto Rican\u201d; it is \"highly political because part of the context in which it was written is the armed struggle for Puerto Rico's independence,\u201d explained Mel\u00e9ndez-Badillo.<\/p>\n                \n                <div class=\"pr-media-block\">\n                    <div class=\"pr-hymn-video\">\n<video id=\"pr-boricua-luna-video\" class=\"pr-responsive-video pr-video\" controls preload=\"metadata\" data-label=\"Boricua on the Moon\"\n       poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/boricualuna-getty-1.jpg\">\n    <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/boricualuna_melendezbadillo.mp4\" type=\"video\/mp4\">\n<\/video>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"pr-info-context\">\u201c(Boricua en la luna) is a love letter to those people who were giving their lives in the struggle,\u201d he added, and it is an answer to that constant question of \u201chow we think about Puerto Rican identity.\" For the historian, \u201cthis is my anthem\u201d because it remains as relevant as it was in the 1980s, considering that there are more Puerto Ricans living abroad than in the archipelago.<\/p>\n                \n                <p class=\"pr-info-context\">The poem was set to music in 1987 by singer-songwriter Roy Brown, an ally of the student and independence struggles, and has also been performed by groups such as Fiel a la Vega.<\/p>\n\n                <div class=\"pr-media-block\">\n                    <iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/6Fq0XDQZkxjPfyWCE9MryI?utm_source=generator&theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n        <!-- Conclusion -->\n        <div class=\"intro-quote\">\n                            <div class=\"pr-quote-section fade-in\">\n                    <blockquote class=\"pr-main-quote\">\n                      \u275d Puerto Rico is a diasporic nation that has been in constant motion, and these songs accompany us wherever we go, reminding us of who we are and where we come from\u275e.\n                    <\/blockquote>\n            <cite class=\"pr-quote-author\">\u2014 Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n                <\/div>\n            <\/div>       \n        \n        <!-- Otras canciones que nos identifican -->\n<section class=\"other-songs-section\">\n    <!-- Header -->\n    <div class=\"section-header\">\n        <h2 class=\"section-title\">Other songs that identify us<\/h2>\n        <p class=\"section-subtitle\">Will they stand the test of time?<\/p>\n    <\/div>\n    \n    <!-- Quote introductorio -->\n    <div class=\"intro-quote\">\n        <div class=\"quote-box\">\n            <p class=\"quote-text\">\n                \u275d Many people may see anthems as something more solemn, more serious, but I think they also represent who we are\u275e.\n            <\/p>\n            <cite class=\"quote-author\">\u2013 Jorell Mel\u00e9ndez-Badillo, historian<\/cite>\n        <\/div>\n    <\/div>\n    \n    <!-- Contenedor con scroll horizontal -->\n    <div class=\"scroll-container\">\n        <div class=\"cards-grid\">\n            <!-- Tarjeta 1: Los colores de mi tierra -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">1993<\/div>\n                        <h3 class=\"card-title\">Los colores de mi tierra<\/h3>\n                        <p class=\"card-artist\">Alberto Carri\u00f3n<\/p>\n                        <p class=\"card-preview\">\n                            The Harris Paint commercial that became a generational anthem for those born in the 1980s.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Los colores de mi tierra<\/h3>\n                            <p class=\"back-subtitle\">Alberto Carri\u00f3n, 1993<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                The Harris Paint commercial, composed by Alberto Carri\u00f3n\u2014who also composed Amanecer Borincano\u2014has a special place in the hearts of that generation born in the 1980s.\n                            <\/p>\n                            <div class=\"back-quote\">\n                                <p>\u201cI remember as a teenager jokingly standing up in the cinema with my friends and putting our hands on our hearts because I think the song appealed to a similar sensibility to that of Fern\u00e1ndez Juncos with La Borinque\u00f1a, evoking the colors, flora, fauna, and everyday life.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                Even today, versions of this song continue to be created because it is a portrait of the Puerto Rico we long for or a memory of our childhood.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 2: El Wanab\u00ed -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">1996<\/div>\n                        <h3 class=\"card-title\">El Wanab\u00ed<\/h3>\n                        <p class=\"card-artist\">Fiel a la Vega<\/p>\n                        <p class=\"card-preview\">\n                            A song that appeals to the importance of fighting to move forward, with sensitivity for the working class.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">El Wanab\u00ed<\/h3>\n                            <p class=\"back-subtitle\">Tito Auger and Ricky Laureano, 1996<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Composed by Tito Auger and Ricky Laureano, it is one of the songs that appeals to the importance of fighting to move forward.\n                            <\/p>\n                            <div class=\"back-quote\">\n                                <p>\u201cIt has a sensitivity for the working class, for those who move from the countryside to the city and want to get involved.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                Although it does not directly speak of the pride of being Puerto Rican, it marked a generation that was trying to prove what they were made of in the decade of Dayanara Torres as Miss Universe, the Puerto Rico Dream Team's championship in the Caribbean Series, the \u201ctough on crime\u201d policy, and the explosion of Humberto Vidal in R\u00edo Piedras.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 3: Qui\u00e9n no se siente patriota -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">1998<\/div>\n                        <h3 class=\"card-title\">Who doesn't feel patriotic?<\/h3>\n                        <p class=\"card-artist\">Jos\u00e9 Rafael L\u00f3pez Figueroa<\/p>\n                        <p class=\"card-preview\">\n                            This plena demonstrates the pride of being Puerto Rican, a must at the Las Fiestas de la Calle San Sebasti\u00e1n.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Who doesn't feel patriotic?<\/h3>\n                            <p class=\"back-subtitle\">Jos\u00e9 Rafael L\u00f3pez Figueroa, 1998<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Like other compositions on this list, this song expresses the pride of being Puerto Rican and expressing that feeling, said Mel\u00e9ndez-Badillo.\n                            <\/p>\n                            <p class=\"back-text\">\n                                This plena by Jos\u00e9 Rafael L\u00f3pez Figueroa was popularized by Andy Monta\u00f1ez and is often one of the most performed songs at Las Fiestas de la Calle San Sebasti\u00e1n.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 4: Gasolina -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">2004<\/div>\n                        <h3 class=\"card-title\">Gasolina<\/h3>\n                        <p class=\"card-artist\">Daddy Yankee<\/p>\n                        <p class=\"card-preview\">\n                            The song that catapulted reggaeton to worldwide fame and marked a moment in Puerto Rican popular culture.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Gasolina<\/h3>\n                            <p class=\"back-subtitle\">Daddy Yankee and Eddie Dee, 2004<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <div class=\"back-quote\">\n                                <p>\u201cDaddy Yankee's Gasolina marked a moment in Puerto Rican popular culture. Many people may see anthems as something more solemn, more serious, but I think it also represents who we are.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                Gasolina was written by Daddy Yankee (Ram\u00f3n Ayala) and Eddie Dee (Eddie \u00c1vila) for the album Barrio Fino. In 2021, it was included as one of the 500 greatest songs of all time, and in 2023, it was added to the National Recording Registry of Congress.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 5: Despacito -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">2017<\/div>\n                        <h3 class=\"card-title\">Despacito<\/h3>\n                        <p class=\"card-artist\">Luis Fonsi and Daddy Yankee<\/p>\n                        <p class=\"card-preview\">\n                            A fusion of reggaeton and Latin pop that topped the charts in 47 countries and became a global phenomenon.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Despacito<\/h3>\n                            <p class=\"back-subtitle\">Luis Fonsi, Daddy Yankee, and Erika Ender, 2017<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Despacito was composed by Luis Fonsi, Daddy Yankee, and Erika Ender, and is a fusion of reggaeton and Latin pop that topped the charts in 47 countries. The video became one of the most viewed and liked of all time.\n                            <\/p>\n                            <p class=\"back-text\">\n                                It represents the global reach of our music and culture in the 21st century.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tarjeta 6: Hijos del Ca\u00f1averal -->\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-year\">2017<\/div>\n                        <h3 class=\"card-title\">Hijos del Ca\u00f1averal<\/h3>\n                        <p class=\"card-artist\">Residente<\/p>\n                        <p class=\"card-preview\">\n                            It revisits patriotic sentiment and a return to roots, to the countryside and to the j\u00edbaro in times of crisis.\n                        <\/p>\n                        <div class=\"flip-hint\">\n                            <span>Tap to read more<\/span>\n                            <span class=\"flip-icon\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <div class=\"back-header\">\n                            <h3 class=\"back-title\">Hijos del Ca\u00f1averal<\/h3>\n                            <p class=\"back-subtitle\">Ren\u00e9 P\u00e9rez (Residente), 2017<\/p>\n                        <\/div>\n                        <div class=\"back-content\">\n                            <p class=\"back-text\">\n                                Beyond Latin America (2010) by Calle 13, which became a kind of Latin American anthem, Hijos del Ca\u00f1averal\u2014composed by Ren\u00e9 P\u00e9rez\u2014takes up that patriotic feeling and that return to the roots, to the countryside, and to the j\u00edbaro.\n                            <\/p>\n                            <div class=\"back-quote\">\n                                <p>\u201cPeople took ownership of the song... the song surpassed the artist... it went beyond the limits of the genre.\u201d<\/p>\n                                <cite>Mel\u00e9ndez-Badillo<\/cite>\n                            <\/div>\n                            <p class=\"back-text\">\n                                For the historian, the song reached those who did not necessarily follow Residente and has been performed in various parts of the archipelago, in a decade marked by economic and fiscal crisis, Hurricane Maria, and the imposition of the Fiscal Oversight Board.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- Spotify Playlist Section -->\n<section class=\"pr-spotify-section\" style=\"background: #000; padding: 80px 0; text-align: center;\">\n    <div class=\"pr-spotify-content\" style=\"max-width: 800px; margin: 0 auto; padding: 0 20px;\">\n        <div class=\"pr-spotify-header\" style=\"margin-bottom: 3rem;\">\n            <h2 class=\"pr-spotify-title\" style=\"font-family: Georgia, serif; font-size: 2rem; color: white; margin-bottom: 1rem; text-align: center;\">\ud83c\udfa7 Listen to our playlist<\/h2>\n            <p class=\"pr-spotify-subtitle\" style=\"font-family: Georgia, serif; font-size: 1.5rem; font-style: italic; color: rgba(255, 255, 255, 0.8); margin: 0; text-align: center;\">The unofficial anthems of Puerto Rico<\/p>\n        <\/div>\n        <div class=\"pr-spotify-embed\" style=\"max-width: 600px; margin: 0 auto;\">\n<iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/playlist\/4cyupieYr5KcOtLr6EZjdz?utm_source=generator&theme=0\" width=\"100%\" height=\"352\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n        <\/div>\n    <\/div>\n<\/section>\n<script>\n   (function() {\n      'use strict';\n       \n      \/\/ Ensure we don't run multiple instances\n      if (window.PRHimnosInitialized) return;\n      window.PRHimnosInitialized = true;\n\n      \/\/ Define scroll depth thresholds to track (e.g., 25%, 50%, 75%, 100%)\n      const scrollThresholds = [25, 50, 75, 100];\n      const trackedDepths = {}; \/\/ To prevent firing the same event multiple times\n\n       const PRHimnos = {\n          wrapper: document.getElementById('pr-himnos-wrapper-unique'),\n          videos: [],\n          \n          init: function() {\n              if (!this.wrapper) return;\n              \n              this.addGtaEvents();\n              this.setupFadeInAnimations();\n              this.setupVideoControls();\n              this.setupAudioControls();\n              this.setupInlineAudioControls();\n              this.setupVideoObserver();\n              this.setupFlipCards();\n              this.setupMobileNavigation();\n          },\n\n          addGtaEvents: function () {\n              const navLinks = this.wrapper.querySelectorAll(\".nav-link\");\n              navLinks.forEach((item) => {\n                  item.addEventListener(\"click\", (event) => onClickLink(event, item.textContent));\n              });\n              const navLinksMobile = this.wrapper.querySelectorAll(\".mobile-nav-link\");\n              navLinksMobile.forEach((item) => {\n                  item.addEventListener(\"click\", (event) => onClickLink(event, item.textContent));\n              });\n              const linkTracking = this.wrapper.querySelectorAll(\".link-tracking\");\n              linkTracking.forEach((item) => {\n                  item.addEventListener(\"click\", (event) => onClickLink(event, item.textContent, false));\n              });\n\n              const audiosWrapper = this.wrapper.querySelectorAll('.pr-inline-audio-wrapper');\n              audiosWrapper.forEach((wrapper) => {\n                const audio = wrapper.querySelector('.pr-inline-audio-element');\n                const audioLabel = wrapper.querySelector('.pr-inline-audio-label');\n                audio.addEventListener(\"play\", () => {\n                  sendGtagEvent('audio_play', audioLabel.textContent)\n                });\n                audio.addEventListener(\"pause\", () => {\n                  sendGtagEvent('audio_pause', audioLabel.textContent)\n                });\n                audio.addEventListener(\"ended\", () => {\n                  sendGtagEvent('audio_ended', audioLabel.textContent)\n                });\n              });\n\n              const videos = this.wrapper.querySelectorAll('.pr-video');\n              console.log('Setting up video tracking for', videos);\n              videos.forEach((video) => {\n                const videoLabel = video.getAttribute('data-label');\n                video.addEventListener(\"play\", () => {\n                  console.log('play event triggered', videoLabel);\n                  sendGtagEvent('video_play', videoLabel)\n                });\n                video.addEventListener(\"pause\", () => {\n                  console.log('pause event triggered', videoLabel);\n                  sendGtagEvent('video_pause', videoLabel)\n                });\n                video.addEventListener(\"ended\", () => {\n                  console.log('ended event triggered', videoLabel);\n                  sendGtagEvent('video_ended', videoLabel)\n                });\n              });\n\n              \/\/ Attach the scroll tracking function to the window's scroll event\n              window.addEventListener('scroll', trackScrollDepth);\n              \/\/ Initial check in case the page is already scrolled on load\n              trackScrollDepth();\n          },\n\n          setupFadeInAnimations: function() {\n              const fadeElements = this.wrapper.querySelectorAll('.fade-in');\n              \n              const observerOptions = {\n                  threshold: 0.1,\n                  rootMargin: '0px 0px -50px 0px'\n              };\n\n              const observer = new IntersectionObserver((entries) => {\n                  entries.forEach((entry) => {\n                      if (entry.isIntersecting) {\n                          entry.target.classList.add('visible');\n                      }\n                  });\n              }, observerOptions);\n\n              fadeElements.forEach((element) => {\n                  observer.observe(element);\n              });\n          },\n\n          setupVideoControls: function() {\n              \/\/ Configurar todos los videos\n              const videoConfigs = [\n                  {\n                      video: '#pr-borinquena-video',\n                      button: '#pr-play-button-1',\n                      overlay: '#pr-video-overlay-1'\n                  },\n                  {\n                      video: '#pr-viejo-san-juan-video',\n                      button: '#pr-play-button-2',\n                      overlay: '#pr-video-overlay-2'\n                  }\n              ];\n\n              videoConfigs.forEach((config) => {\n                  const video = this.wrapper.querySelector(config.video);\n                  const playButton = this.wrapper.querySelector(config.button);\n                  const videoOverlay = this.wrapper.querySelector(config.overlay);\n\n                  if (video && playButton && videoOverlay) {\n                      \/\/ Remover el atributo muted para permitir sonido\n                      video.removeAttribute('muted');\n                      \n                      \/\/ Agregar video a la lista para observar\n                      this.videos.push(video);\n\n                      playButton.addEventListener('click', () => {\n                          \/\/ Pausar todos los dem\u00e1s medios antes de reproducir\n                          this.pauseAllMedia(video);\n                          \n                          if (video.paused) {\n                              video.play();\n                          } else {\n                              video.pause();\n                          }\n                      });\n\n                      video.addEventListener('play', () => {\n                        console.log('play event triggered', playButton.getAttribute('data-video-title'));\n                        sendGtagEvent('video_play', playButton.getAttribute('data-video-title'));\n                        playButton.classList.add('pause');\n                        videoOverlay.classList.add('hidden');\n                      });\n\n                      video.addEventListener('pause', () => {\n                          playButton.classList.remove('pause');\n                          videoOverlay.classList.remove('hidden');\n                      });\n\n                      video.addEventListener('ended', () => {\n                          playButton.classList.remove('pause');\n                          videoOverlay.classList.remove('hidden');\n                          video.currentTime = 0;\n                      });\n\n                      \/\/ Click en el video para mostrar\/ocultar controles\n                      video.addEventListener('click', () => {\n                          if (videoOverlay.classList.contains('hidden')) {\n                              videoOverlay.classList.remove('hidden');\n                              setTimeout(() => {\n                                  if (!video.paused) {\n                                      videoOverlay.classList.add('hidden');\n                                  }\n                              }, 3000);\n                          }\n                      });\n                  }\n              });\n          },\n\n          setupVideoObserver: function() {\n              \/\/ Observer para pausar videos cuando salen de la vista\n              const observerOptions = {\n                  threshold: 0.2, \/\/ El video debe estar al menos 20% visible\n                  rootMargin: '0px'\n              };\n\n              const observer = new IntersectionObserver((entries) => {\n                  entries.forEach((entry) => {\n                      const video = entry.target;\n                      if (!entry.isIntersecting && !video.paused) {\n                          video.pause();\n                      }\n                  });\n              }, observerOptions);\n\n              \/\/ Observar todos los videos\n              this.videos.forEach((video) => {\n                  observer.observe(video);\n              });\n          },\n          \n\n          pauseAllMedia: function(exceptElement = null) {\n              \/\/ Pausar todos los videos\n              const allVideos = this.wrapper.querySelectorAll('video');\n              allVideos.forEach((video) => {\n                  if (video !== exceptElement && !video.paused) {\n                      video.pause();\n                  }\n              });\n\n              \/\/ Pausar todos los audios\n              const allAudios = this.wrapper.querySelectorAll('audio');\n              allAudios.forEach((audio) => {\n                  if (audio !== exceptElement && !audio.paused) {\n                      audio.pause();\n                  }\n              });\n          },\n\n          setupAudioControls: function() {\n              const audioPlayers = this.wrapper.querySelectorAll('audio');\n              \n              audioPlayers.forEach((audio) => {\n                  audio.addEventListener('play', () => {\n                      \/\/ Pausar todos los dem\u00e1s medios cuando se reproduce un audio\n                      this.pauseAllMedia(audio);\n                  });\n                  \n                  audio.addEventListener('ended', () => {\n                      audio.currentTime = 0;\n                  });\n              });\n          },\n\n          setupInlineAudioControls: function() {\n              const inlineAudioWrappers = this.wrapper.querySelectorAll('.pr-inline-audio-wrapper');\n              \n              inlineAudioWrappers.forEach((wrapper) => {\n                  const playButton = wrapper.querySelector('.pr-inline-play-button');\n                  const audio = wrapper.querySelector('.pr-inline-audio-element');\n                  \n                  if (audio && playButton) {\n                      \/\/ Click en todo el wrapper\n                      wrapper.addEventListener('click', (e) => {\n                          e.preventDefault();\n                          \n                          \/\/ Pausar todos los otros medios\n                          this.pauseAllMedia(audio);\n                          \n                          if (audio.paused) {\n                              \/\/ Reproducir el audio\n                            audio.play();\n                          } else {\n                              audio.pause();\n                          }\n                      });\n                      \n                      \/\/ Actualizar estado del bot\u00f3n\n                      audio.addEventListener('play', () => {\n                          playButton.classList.add('playing');\n                          \/\/ Remover clase playing de otros botones inline\n                          this.wrapper.querySelectorAll('.pr-inline-play-button').forEach((btn) => {\n                              if (btn !== playButton) {\n                                  btn.classList.remove('playing');\n                              }\n                          });\n                      });\n                      \n                      audio.addEventListener('pause', () => {\n                          playButton.classList.remove('playing');\n                      });\n                      \n                      audio.addEventListener('ended', () => {\n                          playButton.classList.remove('playing');\n                          audio.currentTime = 0;\n                      });\n                  }\n              });\n          },\n\n          setupFlipCards: function() {\n            \/\/ Funci\u00f3n para alternar el flip de las tarjetas\n            const flipCards = this.wrapper.querySelectorAll('.flip-card');\n            \n            flipCards.forEach((card) => {\n                card.addEventListener('click', (e) => {\n                    e.stopPropagation();\n                    \n                    \/\/ Cerrar todas las otras tarjetas\n                    flipCards.forEach((otherCard) => {\n                        if (otherCard !== card) {\n                            otherCard.classList.remove('flipped');\n                        }\n                    });\n                    \n                    \/\/ Toggle la tarjeta actual\n                    card.classList.toggle('flipped');\n\n                    const cardText = card.querySelector('.card-title').textContent;\n\n                    sendGtagEvent('clicks', cardText);\n            \n                  \/\/ Cerrar tarjetas al hacer clic fuera del contenedor principal\n                  document.addEventListener('click', (e) => {\n                      if (!e.target.closest('#pr-himnos-wrapper-unique')) {\n                          flipCards.forEach((card) => {\n                              card.classList.remove('flipped');\n                          });\n                      }\n                  });\n                });\n            });\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\n      function onClickLink(event, textContent, preventDefault = true) {\n        if (preventDefault) {\n          event.preventDefault();\n        }\n        \/\/ Send gtag event\n        sendGtagEvent('clicks', textContent);\n\n        if (preventDefault) {\n          window.location.href = event.target.href;\n        }\n      }\n\n      function sendGtagEvent(eventName, eventLabel) {\n         if (typeof gtag === 'function') {\n           console.log('eventLabel', eventLabel);\n           gtag('event', eventName, {\n             'event_category': 'Special tracking',\n             'event_label': eventLabel,\n             'value': 1\n           });\n         } else {\n          console.warn('gtag function is not defined. Make sure the Google Analytics script is loaded.');\n         }\n       }\n\n       function 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              sendGtagEvent('scroll_depth', `${threshold}%`);\n              trackedDepths[threshold] = true; \/\/ Mark as tracked\n            }\n          });\n        }\n\n       \/\/ Initialize when DOM is ready\n       if (document.readyState === 'loading') {\n           document.addEventListener('DOMContentLoaded', () => PRHimnos.init());\n       } else {\n           PRHimnos.init();\n       }\n   })();\n<\/script>\n<\/div>\n\n"]}],"_links":{"self":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6108","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=6108"}],"version-history":[{"count":0,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6108\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media\/5548"}],"wp:attachment":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media?parent=6108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/categories?post=6108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/post_tag?post=6108"},{"taxonomy":"post_author","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/authors?post=6108"},{"taxonomy":"page_type","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/page_type?post=6108"},{"taxonomy":"geo_location","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/geo_location?post=6108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}