Puerto Rican Plena: More Than the People’s Newspaper | PlateaPR<\/title>\n <style>\n \/* Prevent WordPress from converting quotation marks *\/\n #plena-story-container {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n \/* Force specific quote styles *\/\n #plena-story-container q {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container q::before {\n content: open-quote !important;\n }\n\n #plena-story-container q::after {\n content: close-quote !important;\n }\n\n \/* Preserve text content exactly as written *\/\n #plena-story-container p,\n #plena-story-container h1,\n #plena-story-container h2,\n #plena-story-container h3,\n #plena-story-container a,\n #plena-story-container strong,\n #plena-story-container em,\n #plena-story-container blockquote,\n #plena-story-container figcaption {\n text-rendering: optimizeLegibility !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n }\n\n \/* Reset and Base Styles *\/\n #plena-story-container {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n line-height: 1.8 !important;\n color: #1a1a1a;\n background: #ffffff;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n --verde-azulado: #04d99d;\n --verde-oscuro: #03b884;\n --cyan-claro: #05f5b8;\n --rosa-accento: #d9046d;\n --blanco: #ffffff;\n --negro: #1a1a1a;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\";\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* ESTILOS TABLA DE CONTENIDOS SUTIL (LEFT ALIGNED) *\/\n #plena-story-container .toc-section {\n max-width: 800px !important;\n margin: 0.5rem auto 3rem !important; \/* Pegado al byline *\/\n padding: 0 1.25rem !important;\n position: relative !important;\n text-align: left !important;\n z-index: 100 !important;\n }\n\n #plena-story-container .toc-container-inline {\n display: inline-block !important;\n position: relative !important;\n min-width: 260px !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .toc-toggle-btn {\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n padding: 0.5rem 1rem !important;\n background: #f8f9fa !important;\n border: none !important;\n border-left: 4px solid var(--verde-oscuro) !important;\n border-radius: 0 !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n color: #333 !important;\n font-size: 0.85rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n outline: none !important;\n }\n\n #plena-story-container .toc-toggle-btn:hover {\n background-color: #ececec !important;\n }\n\n #plena-story-container .toc-toggle-btn .toc-icon {\n fill: var(--verde-oscuro) !important;\n width: 20px !important;\n height: 20px !important;\n transition: transform 0.3s ease !important;\n }\n\n #plena-story-container .toc-toggle-btn.active .toc-icon {\n transform: rotate(180deg) !important;\n }\n\n #plena-story-container .toc-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n background-color: #ffffff !important;\n border: 1px solid #e0e0e0 !important;\n border-top: none !important;\n border-radius: 0 !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;\n\n \/* Floating behavior *\/\n position: absolute !important;\n top: 100% !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 101 !important;\n\n \/* Animation states *\/\n opacity: 0 !important;\n visibility: hidden !important;\n transform: translateY(-10px) !important;\n transition: all 0.2s ease-out !important;\n max-height: none !important;\n }\n\n #plena-story-container .toc-list.open {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateY(0) !important;\n }\n\n \/* Items styling *\/\n #plena-story-container .toc-list li a {\n display: block !important;\n padding: 0.6rem 1rem !important;\n color: #444 !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n border-bottom: 1px solid #f5f5f5 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n transition: background 0.2s ease !important;\n }\n\n #plena-story-container .toc-list li:last-child a {\n border-bottom: none !important;\n }\n\n #plena-story-container .toc-list li a:hover {\n background-color: #f9f9f9 !important;\n color: var(--verde-oscuro) !important;\n }\n\n \/* Bot\u00f3n de Volver al Men\u00fa - ESTILOS UNIFICADOS *\/\n\n \/* 1. Contenedor: Siempre centrado, max 800px, texto a la derecha *\/\n #plena-story-container .back-to-menu-container {\n display: block !important;\n width: 100% !important;\n max-width: 800px !important;\n margin: 2rem auto 1rem !important;\n padding: 0 1.25rem !important;\n text-align: right !important;\n box-sizing: border-box !important;\n background: transparent !important; \/* Asegurar que no tenga fondo *\/\n }\n\n \/* Forzar que el contenedor respete el margen en secciones anchas *\/\n #plena-story-container .gallery-section .back-to-menu-container,\n #plena-story-container .instruments-section .back-to-menu-container,\n #plena-story-container .pleneros-cards-section .back-to-menu-container {\n margin-left: auto !important;\n margin-right: auto !important;\n \/* Resetear cualquier float o posici\u00f3n extra\u00f1a *\/\n float: none !important;\n position: relative !important;\n left: auto !important;\n right: auto !important;\n }\n\n \/* 2. Bot\u00f3n: Reset completo y estilo base *\/\n #plena-story-container .back-to-menu-btn {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: flex-end !important;\n padding: 0.5rem 0 !important;\n margin: 0 !important;\n border: none !important;\n background: transparent !important;\n text-decoration: none !important;\n color: #999999 !important;\n font-size: 0.75rem !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 600 !important;\n transition: all 0.2s ease !important;\n cursor: pointer !important;\n box-shadow: none !important;\n outline: none !important;\n opacity: 1 !important; \/* Asegurar visibilidad *\/\n }\n\n \/* 3. Flecha (Pseudo-elemento) *\/\n #plena-story-container .back-to-menu-btn::before {\n content: '\u2191' !important;\n margin-right: 6px !important;\n display: inline-block !important;\n transition: transform 0.2s ease !important;\n font-size: 1.1em !important; \/* Ligeramente m\u00e1s grande para claridad *\/\n line-height: 1 !important;\n }\n\n \/* 4. Estado Hover *\/\n #plena-story-container .back-to-menu-btn:hover {\n color: var(--verde-oscuro) !important;\n background: transparent !important;\n text-decoration: none !important;\n }\n\n #plena-story-container .back-to-menu-btn:hover::before {\n transform: translateY(-3px) !important;\n }\n\n \/* Smooth Scroll para toda la p\u00e1gina *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* HERO SECTION - NYT Style with Video *\/\n #plena-story-container .hero {\n height: 100vh !important;\n max-height: 100vh !important;\n display: flex !important;\n align-items: stretch !important;\n justify-content: space-between !important;\n background: #000000 !important;\n position: relative !important;\n overflow: hidden !important;\n width: 100vw !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Desktop Layout: Split Screen *\/\n #plena-story-container .hero-text-container {\n flex: 1 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 4rem !important;\n background: #000000 !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n flex: 1 !important;\n position: relative !important;\n overflow: hidden !important;\n background: #000000 !important;\n }\n\n #plena-story-container .hero-video {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n }\n\n \/* Audio Control Button *\/\n #plena-story-container .audio-control {\n position: absolute !important;\n bottom: 2rem !important;\n right: 2rem !important;\n width: 48px !important;\n height: 48px !important;\n border-radius: 50% !important;\n background: rgba(0, 0, 0, 0.7) !important;\n border: 2px solid rgba(255, 255, 255, 0.9) !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: all 0.3s ease !important;\n z-index: 20 !important;\n backdrop-filter: blur(10px) !important;\n }\n\n #plena-story-container .audio-control:hover {\n background: rgba(0, 0, 0, 0.9) !important;\n border-color: var(--verde-azulado) !important;\n transform: scale(1.1) !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 24px !important;\n height: 24px !important;\n fill: white !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n color: var(--blanco) !important;\n max-width: 600px !important;\n animation: fadeInUp 1s ease-out 0.5s both !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 1.5rem !important;\n letter-spacing: -1px !important;\n line-height: 1.1 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n font-weight: 700 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1.125rem, 2vw, 1.375rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-bottom: 0.875rem !important;\n opacity: 0.9 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-description {\n font-size: clamp(1rem, 2vw, 1.25rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-top: 1.5rem !important;\n opacity: 0.95 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n display: block !important;\n }\n\n \/* Ocultar hero-description en mobile *\/\n @media (max-width: 968px) {\n #plena-story-container .hero-description {\n display: none !important;\n }\n }\n\n \/* Mostrar first-paragraph-mobile solo en mobile *\/\n #plena-story-container .first-paragraph-mobile {\n display: none !important;\n }\n\n \/* Mobile Layout: Video Background with Overlay Text *\/\n @media (max-width: 968px) {\n #plena-story-container .hero {\n flex-direction: column !important;\n min-height: 100vh !important;\n }\n\n #plena-story-container .hero-text-container {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n flex: none !important;\n padding: 1rem 1.5rem 1rem !important;\n background: linear-gradient(\n to top,\n rgba(0,0,0,0.95) 0%,\n rgba(0,0,0,0.8) 30%,\n rgba(0,0,0,0.4) 60%,\n transparent 100%\n ) !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100% !important;\n height: 100% !important;\n }\n\n #plena-story-container .hero-video {\n object-position: center 35% !important;\n }\n\n #plena-story-container .hero {\n height: 85vh !important;\n min-height: 85vh !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2rem, 8vw, 3rem) !important;\n text-shadow: 0 4px 12px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n display: block !important;\n font-size: clamp(1.5rem, 6vw, 2.25rem) !important;\n margin-top: 0.5rem !important;\n font-weight: 600 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.25rem) !important;\n text-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .first-paragraph-mobile {\n display: block !important;\n font-size: 1.125rem !important;\n line-height: 1.8 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #plena-story-container .audio-control {\n top: 1rem !important;\n right: 1rem !important;\n bottom: auto !important;\n width: 44px !important;\n height: 44px !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n #plena-story-container .byline-section {\n background-color: #ffffff !important;\n padding: 2rem 0 0.5rem 0 !important;\n text-align: left !important;\n line-height: 1.4 !important;\n }\n\n #plena-story-container .byline-section > div {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n border-bottom: 1px solid #e0e0d0 !important;\n padding-bottom: 0.5rem !important;\n }\n\n #plena-story-container .byline-author {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.125rem !important;\n font-weight: 400 !important;\n color: #2c3e50 !important;\n margin-bottom: 0.5rem !important;\n line-height: 1.1 !important;\n }\n\n #plena-story-container .byline-date {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n font-weight: 300 !important;\n color: #666 !important;\n font-style: italic !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Additional Mobile adjustments *\/\n @media (max-width: 768px) {\n \/* Force line-height and font-size on mobile - ALL text should be the same size *\/\n #plena-story-container .content-section {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p,\n #plena-story-container .content-section p *,\n #plena-story-container .content-section ul,\n #plena-story-container .content-section ul li,\n #plena-story-container .content-section ul li *,\n #plena-story-container .content-section ol,\n #plena-story-container .content-section ol li,\n #plena-story-container .content-section ol li * {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n \/* Ensure links in lists also have correct size *\/\n #plena-story-container .content-section ul li a,\n #plena-story-container .content-section ol li a {\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section blockquote {\n line-height: 1.8 !important;\n font-size: 1.25rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n font-size: 0.9rem !important;\n }\n }\n\n \/* SECTIONS *\/\n #plena-story-container section {\n padding: 3rem 0 !important;\n position: relative !important;\n }\n\n \/* Aumentar padding top solo para la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section:first-of-type {\n padding-top: 5rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container section {\n padding: 2rem 0 !important;\n }\n }\n\n #plena-story-container .section-header {\n max-width: 1200px !important;\n margin: 0 auto 2.5rem !important;\n text-align: center !important;\n padding: 0 1.25rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .section-header {\n margin-bottom: 2rem !important;\n padding: 0 1rem !important;\n }\n }\n\n #plena-story-container .section-title {\n font-size: clamp(1.875rem, 3vw, 2.25rem) !important;\n color: var(--negro) !important;\n margin-bottom: 0.75rem !important;\n position: relative !important;\n display: block !important;\n text-align: center !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-weight: 600 !important;\n line-height: 1.2 !important;\n }\n\n #plena-story-container .section-title::after {\n content: '' !important;\n position: absolute !important;\n bottom: -10px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: 60% !important;\n height: 2px !important;\n background: var(--verde-azulado) !important;\n }\n\n #plena-story-container .section-subtitle {\n font-size: clamp(0.9375rem, 2vw, 1.125rem) !important;\n color: var(--verde-oscuro) !important;\n font-style: italic !important;\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n opacity: 0.85 !important;\n }\n\n \/* CONTENT SECTIONS *\/\n #plena-story-container .content-section {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p {\n margin-bottom: 1.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* Primer p\u00e1rrafo de la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section p:first-child {\n margin-top: 3rem !important;\n }\n\n #plena-story-container .content-section strong {\n font-weight: 700 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section em {\n font-style: italic !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section h2 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n margin-bottom: 1.5rem !important;\n margin-top: 5rem !important;\n text-align: center !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn),\n #plena-story-container .video-card-content a:not(.back-to-menu-btn) {\n color: var(--verde-oscuro) !important;\n text-decoration: none !important;\n border-bottom: 1px solid var(--cyan-claro) !important;\n transition: all 0.3s ease !important;\n font-weight: 500 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n background: none !important;\n padding: 0 !important;\n margin: 0 !important;\n box-shadow: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):hover,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):hover {\n color: var(--verde-azulado) !important;\n border-bottom-color: var(--verde-azulado) !important;\n text-decoration: none !important;\n background: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):visited,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):visited {\n color: var(--verde-oscuro) !important;\n }\n\n #plena-story-container .learn-tag {\n display: inline-block !important;\n background-color: var(--verde-oscuro) !important;\n color: #fff !important;\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n padding: 0.25rem 0.75rem !important;\n border-radius: 4px !important;\n margin-bottom: 0.75rem !important;\n margin-left: 0 !important;\n align-self: flex-start !important;\n letter-spacing: 1px !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n line-height: 1 !important;\n position: static !important;\n }\n\n #plena-story-container .content-section ul {\n margin: 1.5rem 0 !important;\n padding-left: 2rem !important;\n line-height: 1.8 !important;\n list-style-type: disc !important;\n }\n\n #plena-story-container .content-section ul li {\n margin-bottom: 0.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* OPTION 1: Classic Editorial with Accent Line *\/\n #plena-story-container .content-section blockquote {\n background: transparent !important;\n color: var(--negro) !important;\n padding: 0.5rem 0 0.5rem 2rem !important;\n border-left: 4px solid var(--verde-azulado) !important;\n border-radius: 0 !important;\n margin: 3rem 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n font-size: 1.35rem !important;\n line-height: 1.6 !important;\n position: relative !important;\n border: none !important; \/* Reset inherited borders *\/\n border-left: 4px solid var(--verde-azulado) !important; \/* Re-apply left border *\/\n }\n\n \/* Decorative quote mark *\/\n #plena-story-container .content-section blockquote::before {\n content: '\"' !important;\n font-family: 'Georgia', serif !important;\n font-size: 4rem !important;\n line-height: 1 !important;\n color: var(--verde-oscuro) !important;\n opacity: 0.3 !important;\n position: absolute !important;\n top: -0.5rem !important;\n left: 0.2rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n color: #666 !important;\n font-style: normal !important;\n font-size: 0.85rem !important;\n margin-top: 1rem !important;\n font-weight: 600 !important;\n letter-spacing: 0.5px !important;\n text-transform: uppercase !important;\n display: block !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* --- NEW PHOTO GALLERY STYLES (UPDATED 4:5) --- *\/\n #plena-story-container .gallery-section {\n width: 100% !important;\n max-width: 100vw !important;\n margin: 4rem 0 !important;\n padding: 0 !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n #plena-story-container .gallery-track {\n display: flex !important;\n overflow-x: auto !important;\n scroll-snap-type: x mandatory !important;\n gap: 1.5rem !important;\n padding: 0 1.5rem 2rem !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Hide Scrollbar *\/\n #plena-story-container .gallery-track::-webkit-scrollbar {\n display: none !important;\n }\n\n #plena-story-container .gallery-item {\n flex: 0 0 85% !important; \/* Mobile: show most of image + peek of next *\/\n scroll-snap-align: center !important;\n display: flex !important;\n flex-direction: column !important;\n }\n\n @media (min-width: 600px) {\n #plena-story-container .gallery-item {\n flex: 0 0 55% !important;\n }\n }\n\n @media (min-width: 1024px) {\n #plena-story-container .gallery-item {\n flex: 0 0 38% !important; \/* Adjusted for taller aspect ratio *\/\n }\n\n #plena-story-container .gallery-track {\n padding-left: max(1.5rem, calc(50vw - 500px)) !important;\n padding-right: max(1.5rem, calc(50vw - 500px)) !important;\n }\n }\n\n #plena-story-container .gallery-img-wrapper {\n width: 100% !important;\n aspect-ratio: 4 \/ 5 !important; \/* Vertical 4:5 aspect ratio *\/\n overflow: hidden !important;\n border-radius: 4px !important;\n background: #f5f5f5 !important;\n }\n\n #plena-story-container .gallery-img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n transition: transform 0.5s ease !important;\n }\n\n \/* Subtle hover effect on desktop *\/\n @media (hover: hover) {\n #plena-story-container .gallery-item:hover .gallery-img {\n transform: scale(1.02) !important;\n }\n }\n\n #plena-story-container .gallery-caption {\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n color: #4a4a4a !important;\n line-height: 1.4 !important;\n border-left: 3px solid var(--verde-azulado) !important;\n padding-left: 1rem !important;\n }\n\n #plena-story-container .gallery-header {\n max-width: 800px !important;\n margin: 0 auto 1.5rem !important;\n padding: 0 1.25rem !important;\n text-align: left !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n color: #666 !important;\n }\n\n \/* CLOSING SECTION *\/\n #plena-story-container .closing-section {\n background: var(--verde-oscuro) !important;\n color: var(--blanco) !important;\n text-align: center !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-direction: column !important;\n padding: 4rem 1.25rem !important;\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .closing-section {\n padding: 3rem 1rem !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n left: 0 !important;\n right: 0 !important;\n width: 100% !important;\n }\n }\n\n #plena-story-container .closing-quote {\n font-size: clamp(1.375rem, 4vw, 2.25rem) !important;\n font-style: italic !important;\n line-height: 1.8 !important;\n max-width: 800px !important;\n margin-bottom: 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* ESTILOS SECCI\u00d3N PERSPECTIVAS (TABS) *\/\n \/* Contenedor Principal *\/\n #plena-story-container .pleneros-cards-section {\n margin: 4rem 0 !important;\n padding: 3rem 0 !important; \/* Padding vertical para el fondo *\/\n font-family: 'Georgia', serif !important;\n overflow: hidden !important;\n background-color: #f8f9fa !important; \/* Fondo gris sutil *\/\n width: 100vw !important; \/* Ancho completo de pantalla *\/\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Eliminamos .cards-intro ya que ahora es una tarjeta .intro-card *\/\n\n \/* Contenedor de Scroll Horizontal *\/\n #plena-story-container .cards-scroller {\n display: flex !important;\n overflow-x: auto !important;\n gap: 1rem !important;\n padding: 1rem 1.25rem 2rem !important; \/* Espacio inferior para sombra *\/\n scroll-snap-type: x mandatory !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Ocultar Scrollbar *\/\n #plena-story-container .cards-scroller::-webkit-scrollbar {\n display: none !important;\n }\n\n \/* Tarjeta de Introducci\u00f3n (T\u00edtulo) *\/\n #plena-story-container .intro-card {\n flex: 0 0 280px !important;\n scroll-snap-align: center !important;\n padding: 1rem 1rem 1rem 0 !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n }\n\n #plena-story-container .intro-card .cards-title {\n font-size: 2rem !important;\n line-height: 1.1 !important;\n color: var(--negro) !important;\n margin-bottom: 1.25rem !important;\n font-weight: 700 !important;\n border-left: none !important;\n padding-left: 0 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .intro-card .cards-desc {\n font-style: normal !important;\n color: #444 !important;\n font-size: 1rem !important;\n line-height: 1.6 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n }\n\n \/* Centrado inicial: La tarjeta de INTRO es la primera, ella lleva el margen *\/\n #plena-story-container .intro-card:first-child {\n margin-left: calc(50vw - 400px) !important;\n }\n\n \/* VIDEO INSTRUMENTS SECTION *\/\n #plena-story-container .instruments-section {\n background-color: #f8f9fa !important;\n padding-top: 3rem !important;\n margin-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eee !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n display: flex !important;\n flex-direction: column !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;\n margin-bottom: 1rem !important;\n }\n\n \/* Intro card for mobile in video section *\/\n #plena-story-container .video-intro-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n padding: 1rem 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n margin-left: calc(50vw - 42.5vw) !important; \/* Center first item *\/\n }\n\n #plena-story-container .video-intro-title {\n font-size: 1.75rem !important;\n line-height: 1.2 !important;\n color: var(--negro) !important;\n margin-bottom: 1rem !important;\n font-weight: 700 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .video-intro-desc {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n \/* Reset margins for subsequent cards *\/\n #plena-story-container .video-intro-card + .video-card {\n margin-left: 0 !important;\n }\n\n \/* First video card centering logic if not preceded by intro card *\/\n #plena-story-container .video-card:first-child {\n margin-left: calc(50vw - 350px) !important;\n }\n\n @media (max-width: 850px) {\n #plena-story-container .video-card:first-child {\n margin-left: 1rem !important;\n }\n\n \/* Hide title and tag in first card on mobile since they're in intro card *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: none !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: none !important;\n }\n\n \/* Move description to replace the empty space in first card on mobile *\/\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n }\n\n #plena-story-container .video-wrapper {\n width: 100% !important;\n background: #000 !important;\n position: relative !important;\n }\n\n #plena-story-container .video-wrapper video {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n aspect-ratio: 9 \/ 16 !important;\n object-fit: cover !important;\n }\n\n #plena-story-container .video-card-content {\n padding: 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n }\n\n #plena-story-container .video-card-title {\n font-family: 'Georgia', serif !important;\n font-size: 1.5rem !important;\n line-height: 1.2 !important;\n margin-bottom: 1rem !important;\n color: var(--negro) !important;\n font-weight: 700 !important;\n }\n\n #plena-story-container .video-card-content p {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n @media (min-width: 768px) {\n \/* Hide separate intro card on desktop *\/\n #plena-story-container .video-intro-card {\n display: none !important;\n }\n\n \/* Show title, tag and desc in first card on desktop *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: inline-block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content {\n padding: 2.5rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 700px !important;\n flex-direction: row-reverse !important; \/* Description Left, Video Right *\/\n align-items: stretch !important;\n }\n\n #plena-story-container .video-wrapper {\n flex: 0 0 300px !important;\n }\n\n #plena-story-container .video-wrapper video {\n height: 100% !important;\n width: 100% !important;\n }\n\n #plena-story-container .video-card-content {\n flex: 1 !important;\n padding: 2.5rem !important;\n }\n }\n\n @media (max-width: 850px) {\n #plena-story-container .intro-card:first-child {\n margin-left: 0 !important;\n }\n }\n\n \/* Tarjeta Individual Compacta *\/\n #plena-story-container .plenero-card-compact {\n flex: 0 0 280px !important; \/* Ancho fijo compacto *\/\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eaeaea !important;\n border-radius: 6px !important;\n padding: 0 !important; \/* Sin padding general, controlado dentro *\/\n box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;\n display: flex !important;\n flex-direction: column !important;\n max-height: 400px !important; \/* Altura m\u00e1xima fija *\/\n position: relative !important; \/* Necesario para el overlay *\/\n overflow: hidden !important; \/* Contiene el gradiente y header, no hace scroll *\/\n margin-left: 0 !important; \/* Reset expl\u00edcito de margen *\/\n }\n\n \/* Indicador visual de scroll (fade bottom) - Fijo sobre la lista *\/\n #plena-story-container .plenero-card-compact::after {\n content: '' !important;\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n height: 60px !important; \/* Un poco m\u00e1s alto para suavidad *\/\n background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%) !important;\n pointer-events: none !important;\n z-index: 5 !important;\n }\n\n \/* Eliminadas las reglas redundantes de first-child para .plenero-card-compact *\/\n\n \/* Encabezado de Tarjeta (Sticky) *\/\n #plena-story-container .compact-header {\n background: var(--verde-oscuro) !important;\n color: #fff !important;\n padding: 1rem !important;\n \/* position: sticky no es necesario si el header no est\u00e1 dentro del contenedor con scroll *\/\n width: 100% !important;\n z-index: 10 !important;\n text-align: left !important;\n flex-shrink: 0 !important; \/* Evita que se encoja *\/\n }\n\n #plena-story-container .compact-title {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n font-size: 0.9rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n margin: 0 !important;\n }\n\n \/* Lista Compacta con Scroll Independiente *\/\n #plena-story-container .compact-list {\n list-style: none !important;\n padding: 1rem 1rem 4rem 1rem !important; \/* Padding bottom grande para compensar el gradiente *\/\n margin: 0 !important;\n overflow-y: auto !important; \/* Scroll aqu\u00ed *\/\n flex: 1 !important; \/* Ocupa el espacio restante *\/\n -webkit-overflow-scrolling: touch !important;\n }\n\n #plena-story-container .compact-list li {\n font-size: 0.9rem !important;\n line-height: 1.35 !important;\n color: #333 !important;\n margin-bottom: 0.6rem !important;\n padding-bottom: 0.6rem !important;\n border-bottom: 1px solid #f0f0f0 !important;\n }\n\n #plena-story-container .compact-list li:last-child {\n border-bottom: none !important;\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n\n #plena-story-container .compact-detail {\n display: block !important;\n font-size: 0.75rem !important;\n color: #888 !important;\n font-style: italic !important;\n margin-top: 0.15rem !important;\n }\n\n#plena-story-container .perspectives-container {\n margin: 3rem 0;\n border-top: 1px solid #e0e0e0;\n border-bottom: 1px solid #e0e0e0;\n background: #ffffff;\n}\n\n#plena-story-container .tabs-header {\n display: flex;\n border-bottom: 1px solid #e0e0e0;\n}\n\n#plena-story-container .tab-btn {\n flex: 1;\n background: none;\n border: none;\n padding: 1.5rem 1rem;\n text-align: left;\n cursor: pointer;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: clamp(1.25rem, 3vw, 1.5rem) !important;\n transition: all 0.3s ease;\n opacity: 0.5;\n position: relative;\n color: var(--negro);\n outline: none;\n}\n\n#plena-story-container .tab-btn:hover {\n opacity: 0.8;\n background: #fcfcfc;\n}\n\n#plena-story-container .tab-btn.active {\n opacity: 1;\n background: #ffffff;\n}\n\n\/* Indicador de l\u00ednea activa *\/\n#plena-story-container .tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--negro); \/* Por defecto *\/\n}\n\n\/* Colores espec\u00edficos por tab activo *\/\n#plena-story-container .tab-btn:first-child.active::after {\n background: var(--verde-oscuro); \/* Color para Retos *\/\n}\n\n#plena-story-container .tab-btn:last-child.active::after {\n background: var(--verde-azulado); \/* Color para Oportunidades *\/\n}\n\n#plena-story-container .tab-eyebrow {\n display: block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 0.5rem;\n color: #666;\n font-weight: 700;\n}\n\n#plena-story-container .tab-content {\n display: none;\n padding: 2.5rem 0;\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n#plena-story-container .tab-content.active-content {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Scroll Horizontal (Stream) *\/\n#plena-story-container .horizontal-stream {\n display: flex;\n overflow-x: auto;\n gap: 2.5rem;\n padding: 0 1rem 1.5rem; \/* Espacio para sombra si fuera necesario *\/\n scrollbar-width: none; \/* Firefox *\/\n -webkit-overflow-scrolling: touch;\n}\n\n#plena-story-container .horizontal-stream::-webkit-scrollbar {\n display: none;\n}\n\n#plena-story-container .stream-item {\n flex: 0 0 85%; \/* M\u00f3vil: ancho amplio *\/\n padding-right: 1.5rem;\n border-right: 1px solid #f0f0f0;\n position: relative;\n}\n\n#plena-story-container .stream-item:last-child {\n border-right: none;\n padding-right: 0;\n}\n\n#plena-story-container .item-number {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 2rem;\n display: block;\n margin-bottom: 0.5rem;\n line-height: 1;\n opacity: 0.3;\n}\n\n\/* Colores de los n\u00fameros *\/\n#plena-story-container .challenge-accent { color: var(--verde-oscuro); opacity: 1; }\n#plena-story-container .opp-accent { color: var(--verde-azulado); opacity: 1; }\n\n#plena-story-container .stream-item h3 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.35rem !important;\n margin-bottom: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--negro);\n}\n\n#plena-story-container .stream-item p {\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #444 !important;\n margin: 0 !important;\n}\n\n\/* Ajustes Desktop *\/\n@media (min-width: 768px) {\n #plena-story-container .stream-item {\n flex: 0 0 40%;\n }\n\n #plena-story-container .horizontal-stream {\n padding: 0 2rem 1rem; \/* M\u00e1s padding lateral *\/\n }\n}\n \/* LOADING ANIMATION *\/\n #plena-story-container .fade-in {\n animation: fadeInUp 0.8s ease-out both;\n }\n\n \/* Responsive mobile adjustments *\/\n @media (max-width: 640px) {\n .plena-section {\n padding: 1rem;\n border-radius: 12px;\n }\n\n .item-description {\n padding: 0 1rem 1rem 1rem;\n }\n\n .item-header {\n padding: 1rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n * {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n <style>\n body {\n background: #ffffff;\n margin: 0;\n padding: 0;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"plena-story-container\">\n <section class=\"hero\">\n <div class=\"hero-text-container\">\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">\n Plena, Identity and Resistance:\n <span class=\"title-secondary\">the sound that unites the Puerto Rican people<\/span>\n <\/h1>\n <p class=\"hero-description\"><strong>More than the “people’s newspaper,” plena is bembeteo. It’s collective memory that is played, danced, and taught as a way of life.<\/strong><\/p>\n <\/div>\n <\/div>\n <div class=\"hero-video-container\">\n <video\n id=\"hero-video\"\n class=\"hero-video\"\n autoplay\n loop\n playsinline\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenazo_casatitomatos.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plenazo_casatitomatos-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\"\n alt=\"Plenazo at Casa de la Plena Tito Matos\">\n <\/video>\n <button id=\"audio-toggle\" class=\"audio-control\" aria-label=\"Toggle audio\">\n <svg id=\"speaker-on\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\n <\/svg>\n <svg id=\"speaker-off\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\">\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/section>\n\n <section class=\"byline-section\">\n <div>\n <p class=\"byline-author\">Text: Cindy Burgos Alvarado | Visuals: Juan Santa <\/p>\n <p class=\"byline-date\">November 22, 2025<\/p>\n <\/div>\n <\/section>\n\n \n <nav id=\"tabla-contenidos\" class=\"toc-section fade-in\">\n <div class=\"toc-container-inline\">\n <button class=\"toc-toggle-btn\" id=\"toc-toggle\" aria-expanded=\"false\" aria-controls=\"toc-list\">\n <span class=\"toc-title-text\">In this article<\/span>\n <svg class=\"toc-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n <\/svg>\n <\/button>\n <ul class=\"toc-list\" id=\"toc-list\">\n <li><a href=\"#actualidad\">1. Plena today<\/a><\/li>\n <li><a href=\"#origen\">2. Origins and “Bembeteo”<\/a><\/li>\n <li><a href=\"#pleneros\">3. Notable pleneros<\/a><\/li>\n <li><a href=\"#instrumentos\">4. Learn to play videos<\/a><\/li>\n <li><a href=\"#evolucion\">5. Evolution of the rhythm<\/a><\/li>\n <li><a href=\"#perspectivas\">6. Challenges and opportunities<\/a><\/li>\n <li><a href=\"#futuro\">7. The future<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n <section class=\"content-section fade-in\" id=\"actualidad\">\n <p class=\"first-paragraph-mobile\"><strong>Learn about Puerto Rican plena, the living musical tradition known as “the singing newspaper of Puerto Rico” that continues to shape the island’s cultural identity.<\/strong><\/p>\n\n <p>More than a century after originating in the sugarcane fields and barrios of southern Puerto Rico, plena is more alive than ever: it reached the top of <a href=\"https:\/\/www.dw.com\/es\/deb%C3%AD-tirar-m%C3%A1s-fotos-y-bad-bunny-acaparan-listas-globales-de-spotify-y-billboard\/a-71292666\" target=\"_blank\" rel=\"noopener\">Spotify<\/a> and <a href=\"https:\/\/www.metro.pr\/entretenimiento\/2025\/01\/10\/la-plena-tiene-un-tema-numero-uno-a-nivel-mundial-gracias-a-bad-bunny\/\" target=\"_blank\" rel=\"noopener\">Apple Music<\/a> global charts thanks to Bad Bunny, took over the island’s main music venue, was performed at the <a href=\"https:\/\/www.telemundo.com\/shows\/premios-billboard\/video\/los-pleneros-de-la-cresta-interpretan-cafe-con-ron-en-los-premios-billboard-2025-tmvo13045596\" target=\"_blank\" rel=\"noopener\">2025 Billboard Latin Music Awards<\/a>, and continues to attract growing interest from both new and established artists.<\/p>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero-Santana.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/donde-esta-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/donde-esta-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p><strong>“Plena and Puerto Rican bomba are at their best moment in history.<\/strong> Currently, plena is played, performed, danced, interpreted, composed, and taught more than ever,” said musician and plenero Emanuel Santana, general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\" target=\"_blank\" rel=\"noopener\">La Casa de la Plena Tito Matos<\/a>, one of several schools dedicated to teaching the history, performance, and dance of this native rhythm.<\/p>\n\n <p>But Puerto Ricans’ attraction to this Afro-Caribbean genre goes back much further and extends beyond the famous performances by <a href=\"https:\/\/www.youtube.com\/watch?v=1G2-r-5ZwnY\" target=\"_blank\" rel=\"noopener\">Ricky Martin<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=kHwGVojDITY\" target=\"_blank\" rel=\"noopener\">H\u00e9ctor Lavoe<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=ZN_7Zd5LeGw\" target=\"_blank\" rel=\"noopener\">Willie Col\u00f3n<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=sb6VNmLPOPk\" target=\"_blank\" rel=\"noopener\">Mon Rivera<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=6uP_mCi0lkc\" target=\"_blank\" rel=\"noopener\">Ismael Rivera<\/a>, or <a href=\"https:\/\/www.youtube.com\/watch?v=woTlIos3k14\" target=\"_blank\" rel=\"noopener\">Rafael Cortijo y su Combo<\/a>.<\/p>\n\n <p>It’s the music that plays among boricua crowds at celebrations, sporting events, protests, the Fiestas de la Calle San Sebasti\u00e1n, and the Christmas asaltos navide\u00f1os, and it has far more performers and contributions from anonymous people than history can record.<\/p>\n\n <p><strong>“Plena is the rhythm of Puerto Ricans<\/strong> and that’s proven by one simple fact: there’s no event you’ll attend in your life where the panderos haven’t been or won’t be,” said musician LuisGa N\u00fa\u00f1ez, director of the group <a href=\"https:\/\/www.plenalibre.com\/\" target=\"_blank\" rel=\"noopener\">Plena Libre<\/a>.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"gallery-section fade-in\" id=\"galeria\">\n <div class=\"gallery-header\">\n <\/div>\n <div class=\"gallery-track\">\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8941-1-scaled.jpeg\" alt=\"Emanuel Santana playing pandero\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Musician Emanuel Santana is the general coordinator of Casa de la Plena Tito Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\" alt=\"Saturday plenazo\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Every Saturday, from 12:00 to 3:00 PM, La Casa de la Plena Tito Matos holds a plenazo and honors the legacy of a plenero.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9040-1-scaled.jpeg\" alt=\"Map of plena styles\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Map of Puerto Rico highlighting the areas of the three most prominent plena styles: Mayag\u00fcez (west), Ponce (south), and Santurce (northeast).<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9049-1-scaled.jpeg\" alt=\"Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Tito Matos was in groups such as Los Sapos del Ca\u00f1o, Los Pleneros del Almendro, Los Pleneros del Pueblo, Los Pleneros de la 21, Los Pleneros de la 23 Abajo, and co-founded Viento de Agua.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9024-1-scaled.jpeg\" alt=\"Casa de la Plena Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena’s mission is to preserve, develop, and promote plena and the legacy of artist H\u00e9ctor “Tito” Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9020-1-scaled.jpeg\" alt=\"Hand-carved santos of pleneros\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Hand-carved santos representing boricua pleneros.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9033-1-scaled.jpeg\" alt=\"Pandero with Ismael Rivera\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Pandero with the image of Ismael Rivera.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-19-at-6.04.46-PM.png\" alt=\"Tito Matos mural\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Mural honoring Tito Matos at Casa de la Plena, in Santurce.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9010-1-scaled.jpeg\" alt=\"Ram\u00f3n L\u00f3pez collection\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena houses the collection of anthropologist and plenero Ram\u00f3n L\u00f3pez.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9031-1-scaled.jpeg\" alt=\"Instruments at Casa de la Plena\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Panderos and various instruments at La Casa de la Plena, where they offer classes in plena (for children and adults), bomba, g\u00fc\u00edcharo, and children’s plena.<\/figcaption>\n <\/figure>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"origen\">\n <h2 class=\"section-title\">Origin of Plena: More Than the ‘People’s Newspaper’\u2014It’s ‘Bembeteo’<\/h2>\n\n <p>Historian, artisan, and anthropologist <strong><a href=\"https:\/\/lacasadelaplena.org\/es\/nosotres\">Ram\u00f3n L\u00f3pez<\/a><\/strong>, who founded the Santurce group Los Pleneros de la 23 Abajo, spoke of an “elusive origin of plena” because “we have no evidence that there is a place where plena was invented or that there is a person who invented it,” as he explained in the documentary <a href=\"https:\/\/www.youtube.com\/watch?v=GW7K5d14yqA\" target=\"_blank\" rel=\"noreferrer noopener\">Los or\u00edgenes inatrapables de la plena puertorrique\u00f1a<\/a> (The Elusive Origins of Puerto Rican Plena, 2020), directed by Felipe Garc\u00eda.<\/p>\n\n <p>The most established theory is that plena originated in the late 19th and early 20th century on the southern coast of Puerto Rico, at a time when “the most important meeting point was Ponce,” according to L\u00f3pez.<\/p>\n\n <p>It was a “collective movement” born from the hands of “dispossessed people” (without property or wealth), many of them sugarcane field workers and residents of the barrios of the south.<\/p>\n\n <p>It emerged during a time of intense changes in Puerto Rico, so it’s no surprise that the panderos\u2014light and easy-to-transport instruments\u2014became the protagonists.<\/p>\n\n <blockquote>\n Plena is the musical response of Puerto Ricans to the American invasion. It is their way of reacting musically to that change.<br>\n <small>\u2014 Ram\u00f3n L\u00f3pez, artisan, cultural anthropologist, and plenero<\/small>\n <\/blockquote>\n\n <p>“Plena couldn’t have been slow, melodious, soft music or whatever, because the world and the era in which it was born was the complete opposite… The plenero is a guy who’s standing, ready to leave, to move, he’s moving, he’s dancing if he feels like it,” added the anthropologist.<\/p>\n\n <p><strong>Bembeteo.<\/strong> More than the <strong>“people’s newspaper”<\/strong>, a nickname it earned decades after its founding, for L\u00f3pez, plena was the “bembeteo”\u2014the gossip, the exaggerated story you tell your neighbor. “It’s a way of expressing the matters of their daily life. That’s why plena is very cuentera [full of stories],” noted the historian, with whom Santana and N\u00fa\u00f1ez agree.<\/p>\n\n <h2 class=\"section-title\">Where Does Plena Come From?<\/h2>\n\n <p>Before plena, tambourines or panderos were used in other foreign rhythms, and their use “is attributed a lot to the Arabian side,” explained Santana.<\/p>\n\n <p>However, there’s a theory developed by L\u00f3pez that considers that <strong>the use of panderos in Puerto Rico began with the arrival of migrants from the Lesser Antilles<\/strong>, particularly from the English islands, who came to work in crops like sugarcane. They were few and it was a fleeting migration.<\/p>\n\n <p>“(They were) Black people so poor they had to leave their own islands to find a way to survive, and those people used tambourines and guitars more frequently than Puerto Ricans to liven up their songs, dances, and entertainment,” recounted L\u00f3pez.<\/p>\n\n <p>In that mix of rhythms similar to ours and fleeting, changing encounters in sugarcane fields and barrios, what we know today as plena began to develop.<\/p>\n\n <p>Another theory is that “it comes from a bomba rhythm called holand\u00e9, which is very similar to the plena rhythm,” said Santana.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n\n <div class=\"pleneros-cards-section\" id=\"pleneros\">\n <div class=\"cards-scroller\">\n \n <div class=\"intro-card\">\n <h3 class=\"cards-title\">Pleneros in Puerto Rico<\/h3>\n <p class=\"cards-desc\">Many musicians have contributed to the development of plena. We’ve compiled some key names, acknowledging that the list is much more extensive.<\/p>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Historical Figures<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Joselino “Bumb\u00fan” Oppenheimer<\/li>\n <li>Emilio Escobar<\/li>\n <li>Paco Cerniera<\/li>\n <li>Mar\u00eda Cristina “Cristy” Alfonso Mangual<\/li>\n <li>Ram\u00f3n L\u00f3pez<\/li>\n <li>Norberto S\u00e1nchez<\/li>\n <li>Ram\u00f3n Pedraza<\/li>\n <li>\u00c1ngel Luis Torruellas <span class=\"compact-detail\">“The King of Plena”<\/span><\/li>\n <li>Tony Capit\u00e1n<\/li>\n <li>Ismael “Cocolay” Rivera<\/li>\n <li>Ram\u00f3n Rivera Alers <span class=\"compact-detail\">“Don Mon” and his sons<\/span><\/li>\n <li>Efra\u00edn Rivera Castillo “Mon Rivera”<\/li>\n <li>H\u00e9ctor “Tito” Matos<\/li>\n <li>Gary N\u00fa\u00f1ez<\/li>\n <li>H\u00e9ctor “Atabal” Rodr\u00edguez<\/li>\n <li>Los Pleneros del Quinto Olivo<\/li>\n <li>Los Pleneros de la 21<\/li>\n <li>Los Pleneros de la 23 Abajo<\/li>\n <li>Rafael Cortijo y su Combo<\/li>\n <li>Ismael Rivera<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Family Legacies<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>\n <strong>Cepeda Family<\/strong>\n <span class=\"compact-detail\">8 generations promoting bomba and plena.<\/span>\n <\/li>\n <li>Emmanuelli Family<\/li>\n <li>\n <strong>Mart\u00ednez Family<\/strong>\n <span class=\"compact-detail\">Emil, Ler\u00f3, and Johnsy Mart\u00ednez<\/span>\n <\/li>\n <li>Rivera Family<\/li>\n <li>Pacheco Brothers<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Contemporary Groups<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Plena Libre<\/li>\n <li>Emplegoste<\/li>\n <li>Plen\u00e9alo<\/li>\n <li>Los Pleneros de la Cresta<\/li>\n <li>Los Pleneros de Severo<\/li>\n <li>Grupo Esencia<\/li>\n <li>Truco y Zaperoko<\/li>\n <li>Pleneros del Truco<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n\n <p><strong>La Joya del Castillo.<\/strong> Although there’s no precise place of origin, L\u00f3pez noted that La Joya del Castillo (The Jewel of the Castle), a slum located in the Quinto neighborhood of Ponce, “was the most important meeting point” in the early days of plena. It was a barrio outside the control of the sugarcane fields, which allowed people from other neighborhoods like San Ant\u00f3n or B\u00e9lgica to freely gather and play.<\/p>\n\n <p><strong>The King of Plena.<\/strong> The lack of documentation of the first plena musicians makes a concrete history of the most outstanding figures difficult, but L\u00f3pez highlighted <a href=\"https:\/\/www.80grados.net\/el-cuento-pleneao-de-bumbun-2\/\" target=\"_blank\" rel=\"noopener\">Joselino “Bumb\u00fan” Oppenheimer<\/a> as “the king of plena”\u2014singer, pandero player, composer\u2014one of the pioneers and “the most charismatic, the most talented.” He even said that some of the oldest plenas might be his, but he died without recording his compositions.<\/p>\n\n <ul>\n <li>The song <em><a href=\"https:\/\/www.revistaetnica.com\/blogs\/news\/plena-combativa-lanza-su-segundo-sencillo-bembetea\" target=\"_blank\" rel=\"noopener\">Bembetea<\/a><\/em> by Plena Combativa pays tribute to Carola Clark, one of the pleneras considered a pioneer.<\/li>\n <\/ul>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <div class=\"pleneros-cards-section instruments-section fade-in\" id=\"instrumentos\">\n <div class=\"cards-scroller\">\n \n <div class=\"video-intro-card\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-intro-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <\/div>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/1-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/pandero_seguidor.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/pandero_seguidor-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-card-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <p><strong>Panderos:<\/strong> percussion instruments from the drum family, consisting of a rigid round frame covered on one end with stretched skin. It’s played by hitting or tapping with the hands.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/3.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/el-seguidor-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/el-seguidor-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El seguidor (the follower):<\/strong> is the second pandero to be added. It has the deepest sound and is the largest (usually 16 inches). It’s used to keep the rhythm.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/5.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/punteador-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/punteador-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El punteador:<\/strong> Has a medium size (about 13 inches) and intermediate tuning. It also keeps the rhythm, but in a higher pitch than the seguidor.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/2-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plena-requinto.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plena-requinto-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El requinto:<\/strong> the one with the highest tuning and the smallest (about 12 inches), used for solos. It’s considered to have been present since the beginnings of plena, when it was played with just one pandero.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/4.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/guicharo-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/guicharo-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>G\u00fc\u00edcharo or g\u00fciro:<\/strong> a percussion instrument <a href=\"https:\/\/www.plateapr.com\/historia-guiro-puerto-rico\">from the scraper family<\/a> that in Puerto Rico is made from a plant called marimbo, grooved and played with a stick called varillero or puya.<\/p>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"evolucion\">\n <h2 class=\"section-title\"><strong>The Evolution of Plena: Rhythm, Lyrics, and Influences<\/strong><\/h2>\n\n <p><strong>Rhythm.<\/strong> Unlike bomba, which has dozens of rhythms, <strong>plena “is a single rhythm”<\/strong> that has regionalisms, ways of being interpreted, and various tempos, said Santana, who considers that even today’s fusions are the same genre.<\/p>\n\n <p>Among the <strong>playing styles<\/strong>, N\u00fa\u00f1ez highlighted three main ones: Ponce, Mayag\u00fcez, and Santurce, “particularly with maestro Rafael Cepeda,” whose family is a pioneer in founding the first plena schools. These were the most important hubs of Puerto Rican plena.<\/p>\n\n <ul>\n <li>“The most different style out there is one called <strong>‘punta de clavo’ (nail tip)<\/strong>, which is from Mayag\u00fcez, it’s a lamento plena,” played more slowly and with the fingertips, as opposed to the whole palm as done in Santurce, explained N\u00fa\u00f1ez.<\/li>\n <\/ul>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Tempo_plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/Tempo_plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p>For Santana, the way of playing, volumes, and even techniques “have been evolving” and respond to the reality of each era. Both the pandero and g\u00fc\u00edcharo playing have been changing, he affirmed.<\/p>\n\n <p><strong>Lyrics.<\/strong> From its beginnings, song lyrics have told stories of everyday life, from romances and celebrations to political and religious events, death, and anything that captures popular imagination. “Plena was also very patriarchal,” said L\u00f3pez, referring to plenas like <em>Cortaron a Elena<\/em> (They Cut Elena).<\/p>\n\n <p>Although Santana considers that today a group wouldn’t write about a femicide, the lyrics remain the <strong>“living expression of the people”<\/strong> and “a way of confronting the regime in an artistic manner,” with inclusive lyrics by new performers. “Plena is like our battle cry,” he added.<\/p>\n\n <p>N\u00fa\u00f1ez, for his part, uses his art to express celebration, romance, and resistance.<\/p>\n\n <blockquote>\n Plena responds to Puerto Rican reality, and Puerto Ricans will get angry, celebrate, love, and hate through plena, through the music that represents them.<br>\n <small>\u2014 LuisGa N\u00fa\u00f1ez<\/small>\n <\/blockquote>\n\n <p><strong>Influences.<\/strong> “Plena has always been nourished by the music that’s popular at the moment, what’s in vogue,” noted Santana. For example, in the early 20th century, plena was influenced by <strong>danza<\/strong>; in the 1940s, it was <strong>bolero<\/strong> and <strong>trio music<\/strong>.<\/p>\n\n <p>“If we go further ahead, already <strong>son<\/strong>, <strong>guaracha<\/strong>, and the movement of the phenomenon we call <strong>salsa<\/strong> were more in vogue, so plena got influenced by that. Later with <strong>merengue<\/strong>. Later with <strong>rap<\/strong>, <strong>reggae<\/strong>, <strong>reggaet\u00f3n<\/strong>, <strong>trap<\/strong>, and that’s where we are today,” said Santana.<\/p>\n\n <p>In N\u00fa\u00f1ez’s case, his plena as a soloist has been influenced by <strong>bossa nova<\/strong>, <strong>urban music<\/strong>, and even <strong>jazz<\/strong>. “My two biggest influences are Calle 13 and Tego Calder\u00f3n,” although he grew up listening to Los Pleneros del Quinto Olivo, Cortijo, Mon Rivera, \u00c1ngel Luis Torruella, La Sonora Ponce\u00f1a, and El Gran Combo, he said.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"perspectivas\">\n <h2 class=\"section-title\">Challenges and Opportunities<\/h2>\n <div class=\"perspectives-container\">\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" onclick=\"openTab(event, 'retos')\" aria-label=\"View Challenges\">\n <span class=\"tab-eyebrow\">The Challenge<\/span>\n Challenges\n <\/button>\n <button class=\"tab-btn\" onclick=\"openTab(event, 'oportunidades')\" aria-label=\"View Opportunities\">\n <span class=\"tab-eyebrow\">The Vision<\/span>\n Opportunities\n <\/button>\n <\/div>\n\n <div id=\"retos\" class=\"tab-content active-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">1<\/span>\n <h3>Limited Exposure<\/h3>\n <p>“The most important thing is exposure: that we give it the spaces, structures, and opportunities that we give to foreign music,” said plenero <strong>Emanuel Santana<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">2<\/span>\n <h3>Lack of Resources<\/h3>\n <p>“The monetary difference plays a role in us not being in the spaces necessary to stand out,” explained plenero <strong>LuisGa N\u00fa\u00f1ez<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">3<\/span>\n <h3>Historical Gap<\/h3>\n <p>Although there are various theories about the origin of the rhythm, specific details were not documented. “I would like to encourage much more serious research,” said Santana.<\/p>\n <\/article>\n <\/div>\n <\/div>\n\n <div id=\"oportunidades\" class=\"tab-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">1<\/span>\n <h3>The ‘Bad Bunny Effect’<\/h3>\n <p>“It’s up to us to take advantage of the moment… make good music, reach people,” acknowledged LuisGa N\u00fa\u00f1ez about the responsibility of pleneros given the impact of international-caliber artists fusing plena.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">2<\/span>\n <h3>Collaborations<\/h3>\n <p>“Collaborations are the next step,” affirmed N\u00fa\u00f1ez. It’s time to invite other artists to use the plena rhythm in their compositions.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">3<\/span>\n <h3>Public Policy<\/h3>\n <p>Santana suggests revitalizing the <strong>Our Native Music Act (Law 223)<\/strong> to ensure funding at public events and include plena as mandatory in school curricula.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">4<\/span>\n <h3>New Markets<\/h3>\n <p>Looking south. Uruguay, where plena is deeply rooted, is “a mirror of what could happen in Puerto Rico,” assured N\u00fa\u00f1ez.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n<\/section>\n\n <div style=\"margin: 3rem 0; text-align: center;\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-22-at-12.52.08-PM.webp\"\n alt=\"The future of plena\"\n style=\"max-width: 100%; height: auto; border-radius: 8px;\"\n loading=\"lazy\">\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"futuro\">\n <h2 class=\"section-title\"><strong>The Future of Plena<\/strong><\/h2>\n\n <p>With the inclusion of Bad Bunny, Rauw Alejandro, and other international-caliber artists fusing their songs with plena, and with so many other local artists creating their own interpretations, “I’m very sure that <strong>the future of plena is very bright<\/strong>,” in Santana’s view.<\/p>\n\n <p>The general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\">La Casa de la Plena Tito Matos<\/a>, where Ram\u00f3n L\u00f3pez’s archives are housed, said the important thing is to approach the rhythm with respect, keeping in mind and acknowledging the legacy of the great masters of plena.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"closing-section\">\n <p class=\"closing-quote\">\n “Plena is the rhythm of Puerto Ricans. There’s no event where the panderos haven’t been or won’t be.”\n <\/p>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Preserve straight quotes - prevent WordPress wptexturize\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Store original content before WordPress processes it\n const container = document.getElementById('plena-story-container');\n if (container) {\n \/\/ Normalize all text nodes to use straight quotes\n const walker = document.createTreeWalker(\n container,\n NodeFilter.SHOW_TEXT,\n null\n );\n\n const textNodes = [];\n while (walker.nextNode()) {\n textNodes.push(walker.currentNode);\n }\n\n \/\/ Only normalize if any type of quotes are detected (meaning WordPress processed it)\n textNodes.forEach(node => {\n if (node.nodeValue && (node.nodeValue.includes('\\u00AB') || node.nodeValue.includes('\\u00BB') || node.nodeValue.includes('\\u201C') || node.nodeValue.includes('\\u201D') || node.nodeValue.includes('\\u2018') || node.nodeValue.includes('\\u2019'))) {\n \/\/ Replace all quote types with straight quotes\n node.nodeValue = node.nodeValue\n .replace(\/[\\u00AB\\u00BB]\/g, '\"') \/\/ Latin\/Spanish quotes \u00ab \u00bb\n .replace(\/[\\u201C\\u201D]\/g, '\"') \/\/ Curly quotes \" \"\n .replace(\/[\\u2018\\u2019]\/g, \"'\"); \/\/ Curly single quotes ' '\n }\n });\n }\n });\n\n\n\n \/\/ Fade-in animations on scroll\n const contentObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.content-section, .gallery-section').forEach(el => {\n contentObserver.observe(el);\n });\n\n \/\/ Video controls and viewport detection\n document.addEventListener('DOMContentLoaded', () => {\n const video = document.getElementById('hero-video');\n const audioToggle = document.getElementById('audio-toggle');\n const speakerOn = document.getElementById('speaker-on');\n const speakerOff = document.getElementById('speaker-off');\n\n if (!video || !audioToggle) return;\n\n \/\/ Start video with sound unmuted\n video.muted = false;\n video.volume = 0.7; \/\/ Set volume to 70%\n\n \/\/ Try to play video with sound\n video.play().catch(err => {\n console.log('Autoplay with sound prevented, starting muted:', err);\n \/\/ If autoplay with sound fails, mute and try again\n video.muted = true;\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n video.play().catch(err2 => {\n console.log('Video autoplay completely prevented:', err2);\n });\n });\n\n \/\/ Audio toggle button\n audioToggle.addEventListener('click', () => {\n video.muted = !video.muted;\n\n if (video.muted) {\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n audioToggle.setAttribute('aria-label', 'Enable audio');\n } else {\n speakerOn.style.display = 'block';\n speakerOff.style.display = 'none';\n audioToggle.setAttribute('aria-label', 'Disable audio');\n }\n });\n\n \/\/ Observe video viewport visibility\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/\/ Video is in viewport - play it\n video.play().catch(err => {\n console.log('Could not play video:', err);\n });\n } else {\n \/\/ Video is out of viewport - pause it\n video.pause();\n }\n });\n }, { threshold: 0.25 }); \/\/ Trigger when 25% of video is visible\n\n videoObserver.observe(video);\n });\n\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ Toggle Table of Contents\n document.addEventListener('DOMContentLoaded', () => {\n const tocToggle = document.getElementById('toc-toggle');\n const tocList = document.getElementById('toc-list');\n\n if(tocToggle && tocList) {\n tocToggle.addEventListener('click', () => {\n const isOpen = tocList.classList.contains('open');\n\n \/\/ Toggle classes\n tocList.classList.toggle('open');\n tocToggle.classList.toggle('active');\n\n \/\/ Update accessibility attribute\n tocToggle.setAttribute('aria-expanded', !isOpen);\n });\n\n \/\/ Auto-close when clicking a link\n const tocLinks = tocList.querySelectorAll('a');\n tocLinks.forEach(link => {\n link.addEventListener('click', () => {\n tocList.classList.remove('open');\n tocToggle.classList.remove('active');\n tocToggle.setAttribute('aria-expanded', 'false');\n });\n });\n }\n });\n\n \/\/ ============================================\n \/\/ GOOGLE ANALYTICS EVENTS\n \/\/ ============================================\n\n \/\/ 1. MENU NAVIGATION\n document.addEventListener('DOMContentLoaded', () => {\n const menuLinks = document.querySelectorAll('.toc-list a');\n menuLinks.forEach(link => {\n link.addEventListener('click', (e) => {\n const sectionName = link.textContent.trim();\n if (typeof gtag !== 'undefined') {\n gtag('event', 'menu_navigation', {\n event_category: 'Navigation',\n event_label: sectionName,\n section_id: link.getAttribute('href')\n });\n }\n });\n });\n });\n\n \/\/ 2. VIDEO PLAY AND WATCH TIME\n document.addEventListener('DOMContentLoaded', () => {\n const allVideos = document.querySelectorAll('video');\n\n allVideos.forEach((video, index) => {\n const videoSrc = video.querySelector('source')?.getAttribute('src') || 'unknown';\n const videoName = videoSrc.split('\/').pop().replace('.mp4', '');\n let hasStarted = false;\n let watchTime = 0;\n let lastTime = 0;\n\n \/\/ Event: Video Play\n video.addEventListener('play', () => {\n if (!hasStarted && typeof gtag !== 'undefined') {\n gtag('event', 'video_start', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n hasStarted = true;\n }\n });\n\n \/\/ Event: Video Progress (25%, 50%, 75%, 100%)\n video.addEventListener('timeupdate', () => {\n const percent = (video.currentTime \/ video.duration) * 100;\n\n if (percent >= 25 && !video.dataset.tracked25) {\n video.dataset.tracked25 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 25\n });\n }\n }\n if (percent >= 50 && !video.dataset.tracked50) {\n video.dataset.tracked50 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 50\n });\n }\n }\n if (percent >= 75 && !video.dataset.tracked75) {\n video.dataset.tracked75 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 75\n });\n }\n }\n });\n\n \/\/ Event: Video Complete\n video.addEventListener('ended', () => {\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_complete', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n }\n });\n\n \/\/ Track watch time\n video.addEventListener('timeupdate', () => {\n if (!video.paused) {\n watchTime += video.currentTime - lastTime;\n }\n lastTime = video.currentTime;\n });\n\n \/\/ Send watch time when user leaves or pauses\n video.addEventListener('pause', () => {\n if (watchTime > 0 && typeof gtag !== 'undefined') {\n gtag('event', 'video_watch_time', {\n event_category: 'Video',\n event_label: videoName,\n value: Math.round(watchTime)\n });\n }\n });\n });\n });\n\n \/\/ 3. CHALLENGES AND OPPORTUNITIES TAB CLICKS\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Google Analytics Event\n if (typeof gtag !== 'undefined') {\n gtag('event', 'tab_click', {\n event_category: 'Engagement',\n event_label: tabName,\n tab_name: tabName === 'retos' ? 'Challenges' : 'Opportunities'\n });\n }\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ 4. PAGE SCROLL PERCENTAGE\n document.addEventListener('DOMContentLoaded', () => {\n let scrollTracked = {\n 25: false,\n 50: false,\n 75: false,\n 90: false\n };\n\n window.addEventListener('scroll', () => {\n const scrollPercentage = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n\n if (scrollPercentage >= 25 && !scrollTracked[25]) {\n scrollTracked[25] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '25%',\n value: 25\n });\n }\n }\n if (scrollPercentage >= 50 && !scrollTracked[50]) {\n scrollTracked[50] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '50%',\n value: 50\n });\n }\n }\n if (scrollPercentage >= 75 && !scrollTracked[75]) {\n scrollTracked[75] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '75%',\n value: 75\n });\n }\n }\n if (scrollPercentage >= 90 && !scrollTracked[90]) {\n scrollTracked[90] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '90%',\n value: 90\n });\n }\n }\n });\n });\n\n \/\/ 5. PLENEROS IN PUERTO RICO LIST INTERACTION\n document.addEventListener('DOMContentLoaded', () => {\n const pleneroCards = document.querySelectorAll('.plenero-card-compact');\n\n \/\/ Track card visibility (when cards come into view)\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.dataset.viewed) {\n entry.target.dataset.viewed = 'true';\n const cardTitle = entry.target.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_view', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n }\n });\n }, { threshold: 0.5 });\n\n pleneroCards.forEach(card => {\n cardObserver.observe(card);\n\n \/\/ Track clicks on cards\n card.addEventListener('click', () => {\n const cardTitle = card.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_click', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n });\n });\n\n \/\/ Track scroll interaction with the pleneros section\n const plenerosSection = document.querySelector('.pleneros-cards-section');\n if (plenerosSection) {\n const scroller = plenerosSection.querySelector('.cards-scroller');\n let hasScrolled = false;\n\n if (scroller) {\n scroller.addEventListener('scroll', () => {\n if (!hasScrolled && typeof gtag !== 'undefined') {\n hasScrolled = true;\n gtag('event', 'pleneros_scroll', {\n event_category: 'Engagement',\n event_label: 'Pleneros Cards Scrolled'\n });\n }\n });\n }\n }\n });\n\n \/\/ ============================================\n \/\/ AUTO-PAUSE VIDEOS IN VIDEO-CARDS\n \/\/ ============================================\n\n document.addEventListener('DOMContentLoaded', () => {\n const videoCards = document.querySelectorAll('.video-card');\n const allCardVideos = document.querySelectorAll('.video-card video');\n\n \/\/ 1. DESKTOP: Pause other videos when one starts playing\n allCardVideos.forEach(video => {\n video.addEventListener('play', () => {\n allCardVideos.forEach(otherVideo => {\n if (otherVideo !== video && !otherVideo.paused) {\n otherVideo.pause();\n }\n });\n });\n });\n\n \/\/ 2. MOBILE: Pause videos when they leave the viewport (scroll)\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n const video = entry.target.querySelector('video');\n if (video) {\n \/\/ If the card leaves the viewport (less than 50% visible), pause the video\n if (!entry.isIntersecting) {\n video.pause();\n }\n }\n });\n }, {\n threshold: 0.5, \/\/ Considered \"out\" when less than 50% is visible\n rootMargin: '0px'\n });\n\n \/\/ Observe each video-card\n videoCards.forEach(card => {\n videoObserver.observe(card);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Puerto Rican Plena: More Than the People’s Newspaper | PlateaPR Plena, Identity and Resistance: the sound that unites the Puerto Rican people More than the “people’s newspaper,” plena is bembeteo. It’s collective memory that is played, danced, and taught as a way of life. Text: Cindy Burgos Alvarado | Visuals: Juan Santa November 22, 2025 […]<\/p>\n","protected":false},"author":52,"featured_media":6128,"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":[140,98],"authors":[167],"page_type":[],"geo_location":[],"class_list":["post-6127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspirational","tag-art-culture","tag-featured-post","post_author-cindy-burgos-alvarado"],"acf":[],"yoast_head":"\n<title>Puerto Rican Plena: the sound that unites boricuas | Platea<\/title>\n<meta name=\"description\" content=\"Learn about Puerto Rican plena, the living musical tradition that continues to shape the island's cultural identity.\" \/>\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\/puerto-rican-plena-the-sound-that-unites-boricuas\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Puerto Rican Plena: the sound that unites boricuas | Platea\" \/>\n<meta property=\"og:description\" content=\"Learn about Puerto Rican plena, the living musical tradition that continues to shape the island's cultural identity.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/\" \/>\n<meta property=\"og:site_name\" content=\"Platea\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-12T18:21:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-12T18:23:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1-1024x576.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"13 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\/puerto-rican-plena-the-sound-that-unites-boricuas\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/\"},\"author\":{\"name\":\"hroloncintron\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b\"},\"headline\":\"Puerto Rican Plena: the sound that unites boricuas\",\"datePublished\":\"2025-12-12T18:21:52+00:00\",\"dateModified\":\"2025-12-12T18:23:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/\"},\"wordCount\":2374,\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png\",\"keywords\":[\"Art & Culture\",\"Featured Post\"],\"articleSection\":[\"Inspirational\"],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#primaryimage\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#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\":\"Puerto Rican Plena: the sound that unites boricuas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#website\",\"url\":\"https:\/\/www.plateapr.com\/en\/\",\"name\":\"Platea\",\"description\":\"Curated guides from locals on what to do and where to eat in Puerto Rico\",\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.plateapr.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\",\"name\":\"Platea\",\"url\":\"https:\/\/www.plateapr.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Platea\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Puerto Rican Plena: the sound that unites boricuas | Platea","description":"Learn about Puerto Rican plena, the living musical tradition that continues to shape the island's cultural identity.","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\/puerto-rican-plena-the-sound-that-unites-boricuas\/","og_locale":"en_US","og_type":"article","og_title":"Puerto Rican Plena: the sound that unites boricuas | Platea","og_description":"Learn about Puerto Rican plena, the living musical tradition that continues to shape the island's cultural identity.","og_url":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/","og_site_name":"Platea","article_published_time":"2025-12-12T18:21:52+00:00","article_modified_time":"2025-12-12T18:23:02+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1-1024x576.png","type":"image\/png"}],"author":"hroloncintron","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hroloncintron","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#article","isPartOf":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/"},"author":{"name":"hroloncintron","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b"},"headline":"Puerto Rican Plena: the sound that unites boricuas","datePublished":"2025-12-12T18:21:52+00:00","dateModified":"2025-12-12T18:23:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/"},"wordCount":2374,"publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png","keywords":["Art & Culture","Featured Post"],"articleSection":["Inspirational"],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#primaryimage","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#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":"Puerto Rican Plena: the sound that unites boricuas"}]},{"@type":"WebSite","@id":"https:\/\/www.plateapr.com\/en\/#website","url":"https:\/\/www.plateapr.com\/en\/","name":"Platea","description":"Curated guides from locals on what to do and where to eat in Puerto Rico","publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.plateapr.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.plateapr.com\/en\/#organization","name":"Platea","url":"https:\/\/www.plateapr.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png","width":512,"height":512,"caption":"Platea"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/"}}]}},"block_categories_all":[{"blockName":"core\/html","attrs":[],"innerBlocks":[],"innerHTML":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Puerto Rican Plena: More Than the People's Newspaper | PlateaPR<\/title>\n <style>\n \/* Prevent WordPress from converting quotation marks *\/\n #plena-story-container {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n \/* Force specific quote styles *\/\n #plena-story-container q {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container q::before {\n content: open-quote !important;\n }\n\n #plena-story-container q::after {\n content: close-quote !important;\n }\n\n \/* Preserve text content exactly as written *\/\n #plena-story-container p,\n #plena-story-container h1,\n #plena-story-container h2,\n #plena-story-container h3,\n #plena-story-container a,\n #plena-story-container strong,\n #plena-story-container em,\n #plena-story-container blockquote,\n #plena-story-container figcaption {\n text-rendering: optimizeLegibility !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n }\n\n \/* Reset and Base Styles *\/\n #plena-story-container {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n line-height: 1.8 !important;\n color: #1a1a1a;\n background: #ffffff;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n --verde-azulado: #04d99d;\n --verde-oscuro: #03b884;\n --cyan-claro: #05f5b8;\n --rosa-accento: #d9046d;\n --blanco: #ffffff;\n --negro: #1a1a1a;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\";\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* ESTILOS TABLA DE CONTENIDOS SUTIL (LEFT ALIGNED) *\/\n #plena-story-container .toc-section {\n max-width: 800px !important;\n margin: 0.5rem auto 3rem !important; \/* Pegado al byline *\/\n padding: 0 1.25rem !important;\n position: relative !important;\n text-align: left !important;\n z-index: 100 !important;\n }\n\n #plena-story-container .toc-container-inline {\n display: inline-block !important;\n position: relative !important;\n min-width: 260px !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .toc-toggle-btn {\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n padding: 0.5rem 1rem !important;\n background: #f8f9fa !important;\n border: none !important;\n border-left: 4px solid var(--verde-oscuro) !important;\n border-radius: 0 !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n color: #333 !important;\n font-size: 0.85rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n outline: none !important;\n }\n\n #plena-story-container .toc-toggle-btn:hover {\n background-color: #ececec !important;\n }\n\n #plena-story-container .toc-toggle-btn .toc-icon {\n fill: var(--verde-oscuro) !important;\n width: 20px !important;\n height: 20px !important;\n transition: transform 0.3s ease !important;\n }\n\n #plena-story-container .toc-toggle-btn.active .toc-icon {\n transform: rotate(180deg) !important;\n }\n\n #plena-story-container .toc-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n background-color: #ffffff !important;\n border: 1px solid #e0e0e0 !important;\n border-top: none !important;\n border-radius: 0 !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;\n\n \/* Floating behavior *\/\n position: absolute !important;\n top: 100% !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 101 !important;\n\n \/* Animation states *\/\n opacity: 0 !important;\n visibility: hidden !important;\n transform: translateY(-10px) !important;\n transition: all 0.2s ease-out !important;\n max-height: none !important;\n }\n\n #plena-story-container .toc-list.open {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateY(0) !important;\n }\n\n \/* Items styling *\/\n #plena-story-container .toc-list li a {\n display: block !important;\n padding: 0.6rem 1rem !important;\n color: #444 !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n border-bottom: 1px solid #f5f5f5 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n transition: background 0.2s ease !important;\n }\n\n #plena-story-container .toc-list li:last-child a {\n border-bottom: none !important;\n }\n\n #plena-story-container .toc-list li a:hover {\n background-color: #f9f9f9 !important;\n color: var(--verde-oscuro) !important;\n }\n\n \/* Bot\u00f3n de Volver al Men\u00fa - ESTILOS UNIFICADOS *\/\n\n \/* 1. Contenedor: Siempre centrado, max 800px, texto a la derecha *\/\n #plena-story-container .back-to-menu-container {\n display: block !important;\n width: 100% !important;\n max-width: 800px !important;\n margin: 2rem auto 1rem !important;\n padding: 0 1.25rem !important;\n text-align: right !important;\n box-sizing: border-box !important;\n background: transparent !important; \/* Asegurar que no tenga fondo *\/\n }\n\n \/* Forzar que el contenedor respete el margen en secciones anchas *\/\n #plena-story-container .gallery-section .back-to-menu-container,\n #plena-story-container .instruments-section .back-to-menu-container,\n #plena-story-container .pleneros-cards-section .back-to-menu-container {\n margin-left: auto !important;\n margin-right: auto !important;\n \/* Resetear cualquier float o posici\u00f3n extra\u00f1a *\/\n float: none !important;\n position: relative !important;\n left: auto !important;\n right: auto !important;\n }\n\n \/* 2. Bot\u00f3n: Reset completo y estilo base *\/\n #plena-story-container .back-to-menu-btn {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: flex-end !important;\n padding: 0.5rem 0 !important;\n margin: 0 !important;\n border: none !important;\n background: transparent !important;\n text-decoration: none !important;\n color: #999999 !important;\n font-size: 0.75rem !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 600 !important;\n transition: all 0.2s ease !important;\n cursor: pointer !important;\n box-shadow: none !important;\n outline: none !important;\n opacity: 1 !important; \/* Asegurar visibilidad *\/\n }\n\n \/* 3. Flecha (Pseudo-elemento) *\/\n #plena-story-container .back-to-menu-btn::before {\n content: '\u2191' !important;\n margin-right: 6px !important;\n display: inline-block !important;\n transition: transform 0.2s ease !important;\n font-size: 1.1em !important; \/* Ligeramente m\u00e1s grande para claridad *\/\n line-height: 1 !important;\n }\n\n \/* 4. Estado Hover *\/\n #plena-story-container .back-to-menu-btn:hover {\n color: var(--verde-oscuro) !important;\n background: transparent !important;\n text-decoration: none !important;\n }\n\n #plena-story-container .back-to-menu-btn:hover::before {\n transform: translateY(-3px) !important;\n }\n\n \/* Smooth Scroll para toda la p\u00e1gina *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* HERO SECTION - NYT Style with Video *\/\n #plena-story-container .hero {\n height: 100vh !important;\n max-height: 100vh !important;\n display: flex !important;\n align-items: stretch !important;\n justify-content: space-between !important;\n background: #000000 !important;\n position: relative !important;\n overflow: hidden !important;\n width: 100vw !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Desktop Layout: Split Screen *\/\n #plena-story-container .hero-text-container {\n flex: 1 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 4rem !important;\n background: #000000 !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n flex: 1 !important;\n position: relative !important;\n overflow: hidden !important;\n background: #000000 !important;\n }\n\n #plena-story-container .hero-video {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n }\n\n \/* Audio Control Button *\/\n #plena-story-container .audio-control {\n position: absolute !important;\n bottom: 2rem !important;\n right: 2rem !important;\n width: 48px !important;\n height: 48px !important;\n border-radius: 50% !important;\n background: rgba(0, 0, 0, 0.7) !important;\n border: 2px solid rgba(255, 255, 255, 0.9) !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: all 0.3s ease !important;\n z-index: 20 !important;\n backdrop-filter: blur(10px) !important;\n }\n\n #plena-story-container .audio-control:hover {\n background: rgba(0, 0, 0, 0.9) !important;\n border-color: var(--verde-azulado) !important;\n transform: scale(1.1) !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 24px !important;\n height: 24px !important;\n fill: white !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n color: var(--blanco) !important;\n max-width: 600px !important;\n animation: fadeInUp 1s ease-out 0.5s both !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 1.5rem !important;\n letter-spacing: -1px !important;\n line-height: 1.1 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n font-weight: 700 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1.125rem, 2vw, 1.375rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-bottom: 0.875rem !important;\n opacity: 0.9 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-description {\n font-size: clamp(1rem, 2vw, 1.25rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-top: 1.5rem !important;\n opacity: 0.95 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n display: block !important;\n }\n\n \/* Ocultar hero-description en mobile *\/\n @media (max-width: 968px) {\n #plena-story-container .hero-description {\n display: none !important;\n }\n }\n\n \/* Mostrar first-paragraph-mobile solo en mobile *\/\n #plena-story-container .first-paragraph-mobile {\n display: none !important;\n }\n\n \/* Mobile Layout: Video Background with Overlay Text *\/\n @media (max-width: 968px) {\n #plena-story-container .hero {\n flex-direction: column !important;\n min-height: 100vh !important;\n }\n\n #plena-story-container .hero-text-container {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n flex: none !important;\n padding: 1rem 1.5rem 1rem !important;\n background: linear-gradient(\n to top,\n rgba(0,0,0,0.95) 0%,\n rgba(0,0,0,0.8) 30%,\n rgba(0,0,0,0.4) 60%,\n transparent 100%\n ) !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100% !important;\n height: 100% !important;\n }\n\n #plena-story-container .hero-video {\n object-position: center 35% !important;\n }\n\n #plena-story-container .hero {\n height: 85vh !important;\n min-height: 85vh !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2rem, 8vw, 3rem) !important;\n text-shadow: 0 4px 12px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n display: block !important;\n font-size: clamp(1.5rem, 6vw, 2.25rem) !important;\n margin-top: 0.5rem !important;\n font-weight: 600 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.25rem) !important;\n text-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .first-paragraph-mobile {\n display: block !important;\n font-size: 1.125rem !important;\n line-height: 1.8 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #plena-story-container .audio-control {\n top: 1rem !important;\n right: 1rem !important;\n bottom: auto !important;\n width: 44px !important;\n height: 44px !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n #plena-story-container .byline-section {\n background-color: #ffffff !important;\n padding: 2rem 0 0.5rem 0 !important;\n text-align: left !important;\n line-height: 1.4 !important;\n }\n\n #plena-story-container .byline-section > div {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n border-bottom: 1px solid #e0e0d0 !important;\n padding-bottom: 0.5rem !important;\n }\n\n #plena-story-container .byline-author {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.125rem !important;\n font-weight: 400 !important;\n color: #2c3e50 !important;\n margin-bottom: 0.5rem !important;\n line-height: 1.1 !important;\n }\n\n #plena-story-container .byline-date {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n font-weight: 300 !important;\n color: #666 !important;\n font-style: italic !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Additional Mobile adjustments *\/\n @media (max-width: 768px) {\n \/* Force line-height and font-size on mobile - ALL text should be the same size *\/\n #plena-story-container .content-section {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p,\n #plena-story-container .content-section p *,\n #plena-story-container .content-section ul,\n #plena-story-container .content-section ul li,\n #plena-story-container .content-section ul li *,\n #plena-story-container .content-section ol,\n #plena-story-container .content-section ol li,\n #plena-story-container .content-section ol li * {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n \/* Ensure links in lists also have correct size *\/\n #plena-story-container .content-section ul li a,\n #plena-story-container .content-section ol li a {\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section blockquote {\n line-height: 1.8 !important;\n font-size: 1.25rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n font-size: 0.9rem !important;\n }\n }\n\n \/* SECTIONS *\/\n #plena-story-container section {\n padding: 3rem 0 !important;\n position: relative !important;\n }\n\n \/* Aumentar padding top solo para la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section:first-of-type {\n padding-top: 5rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container section {\n padding: 2rem 0 !important;\n }\n }\n\n #plena-story-container .section-header {\n max-width: 1200px !important;\n margin: 0 auto 2.5rem !important;\n text-align: center !important;\n padding: 0 1.25rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .section-header {\n margin-bottom: 2rem !important;\n padding: 0 1rem !important;\n }\n }\n\n #plena-story-container .section-title {\n font-size: clamp(1.875rem, 3vw, 2.25rem) !important;\n color: var(--negro) !important;\n margin-bottom: 0.75rem !important;\n position: relative !important;\n display: block !important;\n text-align: center !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-weight: 600 !important;\n line-height: 1.2 !important;\n }\n\n #plena-story-container .section-title::after {\n content: '' !important;\n position: absolute !important;\n bottom: -10px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: 60% !important;\n height: 2px !important;\n background: var(--verde-azulado) !important;\n }\n\n #plena-story-container .section-subtitle {\n font-size: clamp(0.9375rem, 2vw, 1.125rem) !important;\n color: var(--verde-oscuro) !important;\n font-style: italic !important;\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n opacity: 0.85 !important;\n }\n\n \/* CONTENT SECTIONS *\/\n #plena-story-container .content-section {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p {\n margin-bottom: 1.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* Primer p\u00e1rrafo de la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section p:first-child {\n margin-top: 3rem !important;\n }\n\n #plena-story-container .content-section strong {\n font-weight: 700 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section em {\n font-style: italic !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section h2 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n margin-bottom: 1.5rem !important;\n margin-top: 5rem !important;\n text-align: center !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn),\n #plena-story-container .video-card-content a:not(.back-to-menu-btn) {\n color: var(--verde-oscuro) !important;\n text-decoration: none !important;\n border-bottom: 1px solid var(--cyan-claro) !important;\n transition: all 0.3s ease !important;\n font-weight: 500 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n background: none !important;\n padding: 0 !important;\n margin: 0 !important;\n box-shadow: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):hover,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):hover {\n color: var(--verde-azulado) !important;\n border-bottom-color: var(--verde-azulado) !important;\n text-decoration: none !important;\n background: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):visited,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):visited {\n color: var(--verde-oscuro) !important;\n }\n\n #plena-story-container .learn-tag {\n display: inline-block !important;\n background-color: var(--verde-oscuro) !important;\n color: #fff !important;\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n padding: 0.25rem 0.75rem !important;\n border-radius: 4px !important;\n margin-bottom: 0.75rem !important;\n margin-left: 0 !important;\n align-self: flex-start !important;\n letter-spacing: 1px !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n line-height: 1 !important;\n position: static !important;\n }\n\n #plena-story-container .content-section ul {\n margin: 1.5rem 0 !important;\n padding-left: 2rem !important;\n line-height: 1.8 !important;\n list-style-type: disc !important;\n }\n\n #plena-story-container .content-section ul li {\n margin-bottom: 0.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* OPTION 1: Classic Editorial with Accent Line *\/\n #plena-story-container .content-section blockquote {\n background: transparent !important;\n color: var(--negro) !important;\n padding: 0.5rem 0 0.5rem 2rem !important;\n border-left: 4px solid var(--verde-azulado) !important;\n border-radius: 0 !important;\n margin: 3rem 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n font-size: 1.35rem !important;\n line-height: 1.6 !important;\n position: relative !important;\n border: none !important; \/* Reset inherited borders *\/\n border-left: 4px solid var(--verde-azulado) !important; \/* Re-apply left border *\/\n }\n\n \/* Decorative quote mark *\/\n #plena-story-container .content-section blockquote::before {\n content: '\"' !important;\n font-family: 'Georgia', serif !important;\n font-size: 4rem !important;\n line-height: 1 !important;\n color: var(--verde-oscuro) !important;\n opacity: 0.3 !important;\n position: absolute !important;\n top: -0.5rem !important;\n left: 0.2rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n color: #666 !important;\n font-style: normal !important;\n font-size: 0.85rem !important;\n margin-top: 1rem !important;\n font-weight: 600 !important;\n letter-spacing: 0.5px !important;\n text-transform: uppercase !important;\n display: block !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* --- NEW PHOTO GALLERY STYLES (UPDATED 4:5) --- *\/\n #plena-story-container .gallery-section {\n width: 100% !important;\n max-width: 100vw !important;\n margin: 4rem 0 !important;\n padding: 0 !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n #plena-story-container .gallery-track {\n display: flex !important;\n overflow-x: auto !important;\n scroll-snap-type: x mandatory !important;\n gap: 1.5rem !important;\n padding: 0 1.5rem 2rem !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Hide Scrollbar *\/\n #plena-story-container .gallery-track::-webkit-scrollbar {\n display: none !important;\n }\n\n #plena-story-container .gallery-item {\n flex: 0 0 85% !important; \/* Mobile: show most of image + peek of next *\/\n scroll-snap-align: center !important;\n display: flex !important;\n flex-direction: column !important;\n }\n\n @media (min-width: 600px) {\n #plena-story-container .gallery-item {\n flex: 0 0 55% !important;\n }\n }\n\n @media (min-width: 1024px) {\n #plena-story-container .gallery-item {\n flex: 0 0 38% !important; \/* Adjusted for taller aspect ratio *\/\n }\n\n #plena-story-container .gallery-track {\n padding-left: max(1.5rem, calc(50vw - 500px)) !important;\n padding-right: max(1.5rem, calc(50vw - 500px)) !important;\n }\n }\n\n #plena-story-container .gallery-img-wrapper {\n width: 100% !important;\n aspect-ratio: 4 \/ 5 !important; \/* Vertical 4:5 aspect ratio *\/\n overflow: hidden !important;\n border-radius: 4px !important;\n background: #f5f5f5 !important;\n }\n\n #plena-story-container .gallery-img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n transition: transform 0.5s ease !important;\n }\n\n \/* Subtle hover effect on desktop *\/\n @media (hover: hover) {\n #plena-story-container .gallery-item:hover .gallery-img {\n transform: scale(1.02) !important;\n }\n }\n\n #plena-story-container .gallery-caption {\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n color: #4a4a4a !important;\n line-height: 1.4 !important;\n border-left: 3px solid var(--verde-azulado) !important;\n padding-left: 1rem !important;\n }\n\n #plena-story-container .gallery-header {\n max-width: 800px !important;\n margin: 0 auto 1.5rem !important;\n padding: 0 1.25rem !important;\n text-align: left !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n color: #666 !important;\n }\n\n \/* CLOSING SECTION *\/\n #plena-story-container .closing-section {\n background: var(--verde-oscuro) !important;\n color: var(--blanco) !important;\n text-align: center !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-direction: column !important;\n padding: 4rem 1.25rem !important;\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .closing-section {\n padding: 3rem 1rem !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n left: 0 !important;\n right: 0 !important;\n width: 100% !important;\n }\n }\n\n #plena-story-container .closing-quote {\n font-size: clamp(1.375rem, 4vw, 2.25rem) !important;\n font-style: italic !important;\n line-height: 1.8 !important;\n max-width: 800px !important;\n margin-bottom: 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* ESTILOS SECCI\u00d3N PERSPECTIVAS (TABS) *\/\n \/* Contenedor Principal *\/\n #plena-story-container .pleneros-cards-section {\n margin: 4rem 0 !important;\n padding: 3rem 0 !important; \/* Padding vertical para el fondo *\/\n font-family: 'Georgia', serif !important;\n overflow: hidden !important;\n background-color: #f8f9fa !important; \/* Fondo gris sutil *\/\n width: 100vw !important; \/* Ancho completo de pantalla *\/\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Eliminamos .cards-intro ya que ahora es una tarjeta .intro-card *\/\n\n \/* Contenedor de Scroll Horizontal *\/\n #plena-story-container .cards-scroller {\n display: flex !important;\n overflow-x: auto !important;\n gap: 1rem !important;\n padding: 1rem 1.25rem 2rem !important; \/* Espacio inferior para sombra *\/\n scroll-snap-type: x mandatory !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Ocultar Scrollbar *\/\n #plena-story-container .cards-scroller::-webkit-scrollbar {\n display: none !important;\n }\n\n \/* Tarjeta de Introducci\u00f3n (T\u00edtulo) *\/\n #plena-story-container .intro-card {\n flex: 0 0 280px !important;\n scroll-snap-align: center !important;\n padding: 1rem 1rem 1rem 0 !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n }\n\n #plena-story-container .intro-card .cards-title {\n font-size: 2rem !important;\n line-height: 1.1 !important;\n color: var(--negro) !important;\n margin-bottom: 1.25rem !important;\n font-weight: 700 !important;\n border-left: none !important;\n padding-left: 0 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .intro-card .cards-desc {\n font-style: normal !important;\n color: #444 !important;\n font-size: 1rem !important;\n line-height: 1.6 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n }\n\n \/* Centrado inicial: La tarjeta de INTRO es la primera, ella lleva el margen *\/\n #plena-story-container .intro-card:first-child {\n margin-left: calc(50vw - 400px) !important;\n }\n\n \/* VIDEO INSTRUMENTS SECTION *\/\n #plena-story-container .instruments-section {\n background-color: #f8f9fa !important;\n padding-top: 3rem !important;\n margin-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eee !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n display: flex !important;\n flex-direction: column !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;\n margin-bottom: 1rem !important;\n }\n\n \/* Intro card for mobile in video section *\/\n #plena-story-container .video-intro-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n padding: 1rem 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n margin-left: calc(50vw - 42.5vw) !important; \/* Center first item *\/\n }\n\n #plena-story-container .video-intro-title {\n font-size: 1.75rem !important;\n line-height: 1.2 !important;\n color: var(--negro) !important;\n margin-bottom: 1rem !important;\n font-weight: 700 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .video-intro-desc {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n \/* Reset margins for subsequent cards *\/\n #plena-story-container .video-intro-card + .video-card {\n margin-left: 0 !important;\n }\n\n \/* First video card centering logic if not preceded by intro card *\/\n #plena-story-container .video-card:first-child {\n margin-left: calc(50vw - 350px) !important;\n }\n\n @media (max-width: 850px) {\n #plena-story-container .video-card:first-child {\n margin-left: 1rem !important;\n }\n\n \/* Hide title and tag in first card on mobile since they're in intro card *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: none !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: none !important;\n }\n\n \/* Move description to replace the empty space in first card on mobile *\/\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n }\n\n #plena-story-container .video-wrapper {\n width: 100% !important;\n background: #000 !important;\n position: relative !important;\n }\n\n #plena-story-container .video-wrapper video {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n aspect-ratio: 9 \/ 16 !important;\n object-fit: cover !important;\n }\n\n #plena-story-container .video-card-content {\n padding: 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n }\n\n #plena-story-container .video-card-title {\n font-family: 'Georgia', serif !important;\n font-size: 1.5rem !important;\n line-height: 1.2 !important;\n margin-bottom: 1rem !important;\n color: var(--negro) !important;\n font-weight: 700 !important;\n }\n\n #plena-story-container .video-card-content p {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n @media (min-width: 768px) {\n \/* Hide separate intro card on desktop *\/\n #plena-story-container .video-intro-card {\n display: none !important;\n }\n\n \/* Show title, tag and desc in first card on desktop *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: inline-block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content {\n padding: 2.5rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 700px !important;\n flex-direction: row-reverse !important; \/* Description Left, Video Right *\/\n align-items: stretch !important;\n }\n\n #plena-story-container .video-wrapper {\n flex: 0 0 300px !important;\n }\n\n #plena-story-container .video-wrapper video {\n height: 100% !important;\n width: 100% !important;\n }\n\n #plena-story-container .video-card-content {\n flex: 1 !important;\n padding: 2.5rem !important;\n }\n }\n\n @media (max-width: 850px) {\n #plena-story-container .intro-card:first-child {\n margin-left: 0 !important;\n }\n }\n\n \/* Tarjeta Individual Compacta *\/\n #plena-story-container .plenero-card-compact {\n flex: 0 0 280px !important; \/* Ancho fijo compacto *\/\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eaeaea !important;\n border-radius: 6px !important;\n padding: 0 !important; \/* Sin padding general, controlado dentro *\/\n box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;\n display: flex !important;\n flex-direction: column !important;\n max-height: 400px !important; \/* Altura m\u00e1xima fija *\/\n position: relative !important; \/* Necesario para el overlay *\/\n overflow: hidden !important; \/* Contiene el gradiente y header, no hace scroll *\/\n margin-left: 0 !important; \/* Reset expl\u00edcito de margen *\/\n }\n\n \/* Indicador visual de scroll (fade bottom) - Fijo sobre la lista *\/\n #plena-story-container .plenero-card-compact::after {\n content: '' !important;\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n height: 60px !important; \/* Un poco m\u00e1s alto para suavidad *\/\n background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%) !important;\n pointer-events: none !important;\n z-index: 5 !important;\n }\n\n \/* Eliminadas las reglas redundantes de first-child para .plenero-card-compact *\/\n\n \/* Encabezado de Tarjeta (Sticky) *\/\n #plena-story-container .compact-header {\n background: var(--verde-oscuro) !important;\n color: #fff !important;\n padding: 1rem !important;\n \/* position: sticky no es necesario si el header no est\u00e1 dentro del contenedor con scroll *\/\n width: 100% !important;\n z-index: 10 !important;\n text-align: left !important;\n flex-shrink: 0 !important; \/* Evita que se encoja *\/\n }\n\n #plena-story-container .compact-title {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n font-size: 0.9rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n margin: 0 !important;\n }\n\n \/* Lista Compacta con Scroll Independiente *\/\n #plena-story-container .compact-list {\n list-style: none !important;\n padding: 1rem 1rem 4rem 1rem !important; \/* Padding bottom grande para compensar el gradiente *\/\n margin: 0 !important;\n overflow-y: auto !important; \/* Scroll aqu\u00ed *\/\n flex: 1 !important; \/* Ocupa el espacio restante *\/\n -webkit-overflow-scrolling: touch !important;\n }\n\n #plena-story-container .compact-list li {\n font-size: 0.9rem !important;\n line-height: 1.35 !important;\n color: #333 !important;\n margin-bottom: 0.6rem !important;\n padding-bottom: 0.6rem !important;\n border-bottom: 1px solid #f0f0f0 !important;\n }\n\n #plena-story-container .compact-list li:last-child {\n border-bottom: none !important;\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n\n #plena-story-container .compact-detail {\n display: block !important;\n font-size: 0.75rem !important;\n color: #888 !important;\n font-style: italic !important;\n margin-top: 0.15rem !important;\n }\n\n#plena-story-container .perspectives-container {\n margin: 3rem 0;\n border-top: 1px solid #e0e0e0;\n border-bottom: 1px solid #e0e0e0;\n background: #ffffff;\n}\n\n#plena-story-container .tabs-header {\n display: flex;\n border-bottom: 1px solid #e0e0e0;\n}\n\n#plena-story-container .tab-btn {\n flex: 1;\n background: none;\n border: none;\n padding: 1.5rem 1rem;\n text-align: left;\n cursor: pointer;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: clamp(1.25rem, 3vw, 1.5rem) !important;\n transition: all 0.3s ease;\n opacity: 0.5;\n position: relative;\n color: var(--negro);\n outline: none;\n}\n\n#plena-story-container .tab-btn:hover {\n opacity: 0.8;\n background: #fcfcfc;\n}\n\n#plena-story-container .tab-btn.active {\n opacity: 1;\n background: #ffffff;\n}\n\n\/* Indicador de l\u00ednea activa *\/\n#plena-story-container .tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--negro); \/* Por defecto *\/\n}\n\n\/* Colores espec\u00edficos por tab activo *\/\n#plena-story-container .tab-btn:first-child.active::after {\n background: var(--verde-oscuro); \/* Color para Retos *\/\n}\n\n#plena-story-container .tab-btn:last-child.active::after {\n background: var(--verde-azulado); \/* Color para Oportunidades *\/\n}\n\n#plena-story-container .tab-eyebrow {\n display: block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 0.5rem;\n color: #666;\n font-weight: 700;\n}\n\n#plena-story-container .tab-content {\n display: none;\n padding: 2.5rem 0;\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n#plena-story-container .tab-content.active-content {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Scroll Horizontal (Stream) *\/\n#plena-story-container .horizontal-stream {\n display: flex;\n overflow-x: auto;\n gap: 2.5rem;\n padding: 0 1rem 1.5rem; \/* Espacio para sombra si fuera necesario *\/\n scrollbar-width: none; \/* Firefox *\/\n -webkit-overflow-scrolling: touch;\n}\n\n#plena-story-container .horizontal-stream::-webkit-scrollbar {\n display: none;\n}\n\n#plena-story-container .stream-item {\n flex: 0 0 85%; \/* M\u00f3vil: ancho amplio *\/\n padding-right: 1.5rem;\n border-right: 1px solid #f0f0f0;\n position: relative;\n}\n\n#plena-story-container .stream-item:last-child {\n border-right: none;\n padding-right: 0;\n}\n\n#plena-story-container .item-number {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 2rem;\n display: block;\n margin-bottom: 0.5rem;\n line-height: 1;\n opacity: 0.3;\n}\n\n\/* Colores de los n\u00fameros *\/\n#plena-story-container .challenge-accent { color: var(--verde-oscuro); opacity: 1; }\n#plena-story-container .opp-accent { color: var(--verde-azulado); opacity: 1; }\n\n#plena-story-container .stream-item h3 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.35rem !important;\n margin-bottom: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--negro);\n}\n\n#plena-story-container .stream-item p {\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #444 !important;\n margin: 0 !important;\n}\n\n\/* Ajustes Desktop *\/\n@media (min-width: 768px) {\n #plena-story-container .stream-item {\n flex: 0 0 40%;\n }\n\n #plena-story-container .horizontal-stream {\n padding: 0 2rem 1rem; \/* M\u00e1s padding lateral *\/\n }\n}\n \/* LOADING ANIMATION *\/\n #plena-story-container .fade-in {\n animation: fadeInUp 0.8s ease-out both;\n }\n\n \/* Responsive mobile adjustments *\/\n @media (max-width: 640px) {\n .plena-section {\n padding: 1rem;\n border-radius: 12px;\n }\n\n .item-description {\n padding: 0 1rem 1rem 1rem;\n }\n\n .item-header {\n padding: 1rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n * {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n <style>\n body {\n background: #ffffff;\n margin: 0;\n padding: 0;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"plena-story-container\">\n <section class=\"hero\">\n <div class=\"hero-text-container\">\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">\n Plena, Identity and Resistance:\n <span class=\"title-secondary\">the sound that unites the Puerto Rican people<\/span>\n <\/h1>\n <p class=\"hero-description\"><strong>More than the \"people's newspaper,\" plena is bembeteo. It's collective memory that is played, danced, and taught as a way of life.<\/strong><\/p>\n <\/div>\n <\/div>\n <div class=\"hero-video-container\">\n <video\n id=\"hero-video\"\n class=\"hero-video\"\n autoplay\n loop\n playsinline\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenazo_casatitomatos.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plenazo_casatitomatos-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\"\n alt=\"Plenazo at Casa de la Plena Tito Matos\">\n <\/video>\n <button id=\"audio-toggle\" class=\"audio-control\" aria-label=\"Toggle audio\">\n <svg id=\"speaker-on\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\n <\/svg>\n <svg id=\"speaker-off\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\">\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/section>\n\n <section class=\"byline-section\">\n <div>\n <p class=\"byline-author\">Text: Cindy Burgos Alvarado | Visuals: Juan Santa <\/p>\n <p class=\"byline-date\">November 22, 2025<\/p>\n <\/div>\n <\/section>\n\n \n <nav id=\"tabla-contenidos\" class=\"toc-section fade-in\">\n <div class=\"toc-container-inline\">\n <button class=\"toc-toggle-btn\" id=\"toc-toggle\" aria-expanded=\"false\" aria-controls=\"toc-list\">\n <span class=\"toc-title-text\">In this article<\/span>\n <svg class=\"toc-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n <\/svg>\n <\/button>\n <ul class=\"toc-list\" id=\"toc-list\">\n <li><a href=\"#actualidad\">1. Plena today<\/a><\/li>\n <li><a href=\"#origen\">2. Origins and \"Bembeteo\"<\/a><\/li>\n <li><a href=\"#pleneros\">3. Notable pleneros<\/a><\/li>\n <li><a href=\"#instrumentos\">4. Learn to play videos<\/a><\/li>\n <li><a href=\"#evolucion\">5. Evolution of the rhythm<\/a><\/li>\n <li><a href=\"#perspectivas\">6. Challenges and opportunities<\/a><\/li>\n <li><a href=\"#futuro\">7. The future<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n <section class=\"content-section fade-in\" id=\"actualidad\">\n <p class=\"first-paragraph-mobile\"><strong>Learn about Puerto Rican plena, the living musical tradition known as \"the singing newspaper of Puerto Rico\" that continues to shape the island's cultural identity.<\/strong><\/p>\n\n <p>More than a century after originating in the sugarcane fields and barrios of southern Puerto Rico, plena is more alive than ever: it reached the top of <a href=\"https:\/\/www.dw.com\/es\/deb%C3%AD-tirar-m%C3%A1s-fotos-y-bad-bunny-acaparan-listas-globales-de-spotify-y-billboard\/a-71292666\" target=\"_blank\" rel=\"noopener\">Spotify<\/a> and <a href=\"https:\/\/www.metro.pr\/entretenimiento\/2025\/01\/10\/la-plena-tiene-un-tema-numero-uno-a-nivel-mundial-gracias-a-bad-bunny\/\" target=\"_blank\" rel=\"noopener\">Apple Music<\/a> global charts thanks to Bad Bunny, took over the island's main music venue, was performed at the <a href=\"https:\/\/www.telemundo.com\/shows\/premios-billboard\/video\/los-pleneros-de-la-cresta-interpretan-cafe-con-ron-en-los-premios-billboard-2025-tmvo13045596\" target=\"_blank\" rel=\"noopener\">2025 Billboard Latin Music Awards<\/a>, and continues to attract growing interest from both new and established artists.<\/p>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero-Santana.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/donde-esta-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/donde-esta-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p><strong>\"Plena and Puerto Rican bomba are at their best moment in history.<\/strong> Currently, plena is played, performed, danced, interpreted, composed, and taught more than ever,\" said musician and plenero Emanuel Santana, general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\" target=\"_blank\" rel=\"noopener\">La Casa de la Plena Tito Matos<\/a>, one of several schools dedicated to teaching the history, performance, and dance of this native rhythm.<\/p>\n\n <p>But Puerto Ricans' attraction to this Afro-Caribbean genre goes back much further and extends beyond the famous performances by <a href=\"https:\/\/www.youtube.com\/watch?v=1G2-r-5ZwnY\" target=\"_blank\" rel=\"noopener\">Ricky Martin<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=kHwGVojDITY\" target=\"_blank\" rel=\"noopener\">H\u00e9ctor Lavoe<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=ZN_7Zd5LeGw\" target=\"_blank\" rel=\"noopener\">Willie Col\u00f3n<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=sb6VNmLPOPk\" target=\"_blank\" rel=\"noopener\">Mon Rivera<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=6uP_mCi0lkc\" target=\"_blank\" rel=\"noopener\">Ismael Rivera<\/a>, or <a href=\"https:\/\/www.youtube.com\/watch?v=woTlIos3k14\" target=\"_blank\" rel=\"noopener\">Rafael Cortijo y su Combo<\/a>.<\/p>\n\n <p>It's the music that plays among boricua crowds at celebrations, sporting events, protests, the Fiestas de la Calle San Sebasti\u00e1n, and the Christmas asaltos navide\u00f1os, and it has far more performers and contributions from anonymous people than history can record.<\/p>\n\n <p><strong>\"Plena is the rhythm of Puerto Ricans<\/strong> and that's proven by one simple fact: there's no event you'll attend in your life where the panderos haven't been or won't be,\" said musician LuisGa N\u00fa\u00f1ez, director of the group <a href=\"https:\/\/www.plenalibre.com\/\" target=\"_blank\" rel=\"noopener\">Plena Libre<\/a>.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"gallery-section fade-in\" id=\"galeria\">\n <div class=\"gallery-header\">\n <\/div>\n <div class=\"gallery-track\">\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8941-1-scaled.jpeg\" alt=\"Emanuel Santana playing pandero\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Musician Emanuel Santana is the general coordinator of Casa de la Plena Tito Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\" alt=\"Saturday plenazo\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Every Saturday, from 12:00 to 3:00 PM, La Casa de la Plena Tito Matos holds a plenazo and honors the legacy of a plenero.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9040-1-scaled.jpeg\" alt=\"Map of plena styles\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Map of Puerto Rico highlighting the areas of the three most prominent plena styles: Mayag\u00fcez (west), Ponce (south), and Santurce (northeast).<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9049-1-scaled.jpeg\" alt=\"Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Tito Matos was in groups such as Los Sapos del Ca\u00f1o, Los Pleneros del Almendro, Los Pleneros del Pueblo, Los Pleneros de la 21, Los Pleneros de la 23 Abajo, and co-founded Viento de Agua.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9024-1-scaled.jpeg\" alt=\"Casa de la Plena Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena's mission is to preserve, develop, and promote plena and the legacy of artist H\u00e9ctor \"Tito\" Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9020-1-scaled.jpeg\" alt=\"Hand-carved santos of pleneros\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Hand-carved santos representing boricua pleneros.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9033-1-scaled.jpeg\" alt=\"Pandero with Ismael Rivera\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Pandero with the image of Ismael Rivera.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-19-at-6.04.46-PM.png\" alt=\"Tito Matos mural\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Mural honoring Tito Matos at Casa de la Plena, in Santurce.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9010-1-scaled.jpeg\" alt=\"Ram\u00f3n L\u00f3pez collection\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena houses the collection of anthropologist and plenero Ram\u00f3n L\u00f3pez.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9031-1-scaled.jpeg\" alt=\"Instruments at Casa de la Plena\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Panderos and various instruments at La Casa de la Plena, where they offer classes in plena (for children and adults), bomba, g\u00fc\u00edcharo, and children's plena.<\/figcaption>\n <\/figure>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"origen\">\n <h2 class=\"section-title\">Origin of Plena: More Than the 'People's Newspaper'\u2014It's 'Bembeteo'<\/h2>\n\n <p>Historian, artisan, and anthropologist <strong><a href=\"https:\/\/lacasadelaplena.org\/es\/nosotres\">Ram\u00f3n L\u00f3pez<\/a><\/strong>, who founded the Santurce group Los Pleneros de la 23 Abajo, spoke of an \"elusive origin of plena\" because \"we have no evidence that there is a place where plena was invented or that there is a person who invented it,\" as he explained in the documentary <a href=\"https:\/\/www.youtube.com\/watch?v=GW7K5d14yqA\" target=\"_blank\" rel=\"noreferrer noopener\">Los or\u00edgenes inatrapables de la plena puertorrique\u00f1a<\/a> (The Elusive Origins of Puerto Rican Plena, 2020), directed by Felipe Garc\u00eda.<\/p>\n\n <p>The most established theory is that plena originated in the late 19th and early 20th century on the southern coast of Puerto Rico, at a time when \"the most important meeting point was Ponce,\" according to L\u00f3pez.<\/p>\n\n <p>It was a \"collective movement\" born from the hands of \"dispossessed people\" (without property or wealth), many of them sugarcane field workers and residents of the barrios of the south.<\/p>\n\n <p>It emerged during a time of intense changes in Puerto Rico, so it's no surprise that the panderos\u2014light and easy-to-transport instruments\u2014became the protagonists.<\/p>\n\n <blockquote>\n Plena is the musical response of Puerto Ricans to the American invasion. It is their way of reacting musically to that change.<br>\n <small>\u2014 Ram\u00f3n L\u00f3pez, artisan, cultural anthropologist, and plenero<\/small>\n <\/blockquote>\n\n <p>\"Plena couldn't have been slow, melodious, soft music or whatever, because the world and the era in which it was born was the complete opposite... The plenero is a guy who's standing, ready to leave, to move, he's moving, he's dancing if he feels like it,\" added the anthropologist.<\/p>\n\n <p><strong>Bembeteo.<\/strong> More than the <strong>\"people's newspaper\"<\/strong>, a nickname it earned decades after its founding, for L\u00f3pez, plena was the \"bembeteo\"\u2014the gossip, the exaggerated story you tell your neighbor. \"It's a way of expressing the matters of their daily life. That's why plena is very cuentera [full of stories],\" noted the historian, with whom Santana and N\u00fa\u00f1ez agree.<\/p>\n\n <h2 class=\"section-title\">Where Does Plena Come From?<\/h2>\n\n <p>Before plena, tambourines or panderos were used in other foreign rhythms, and their use \"is attributed a lot to the Arabian side,\" explained Santana.<\/p>\n\n <p>However, there's a theory developed by L\u00f3pez that considers that <strong>the use of panderos in Puerto Rico began with the arrival of migrants from the Lesser Antilles<\/strong>, particularly from the English islands, who came to work in crops like sugarcane. They were few and it was a fleeting migration.<\/p>\n\n <p>\"(They were) Black people so poor they had to leave their own islands to find a way to survive, and those people used tambourines and guitars more frequently than Puerto Ricans to liven up their songs, dances, and entertainment,\" recounted L\u00f3pez.<\/p>\n\n <p>In that mix of rhythms similar to ours and fleeting, changing encounters in sugarcane fields and barrios, what we know today as plena began to develop.<\/p>\n\n <p>Another theory is that \"it comes from a bomba rhythm called holand\u00e9, which is very similar to the plena rhythm,\" said Santana.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n\n <div class=\"pleneros-cards-section\" id=\"pleneros\">\n <div class=\"cards-scroller\">\n \n <div class=\"intro-card\">\n <h3 class=\"cards-title\">Pleneros in Puerto Rico<\/h3>\n <p class=\"cards-desc\">Many musicians have contributed to the development of plena. We've compiled some key names, acknowledging that the list is much more extensive.<\/p>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Historical Figures<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Joselino \"Bumb\u00fan\" Oppenheimer<\/li>\n <li>Emilio Escobar<\/li>\n <li>Paco Cerniera<\/li>\n <li>Mar\u00eda Cristina \"Cristy\" Alfonso Mangual<\/li>\n <li>Ram\u00f3n L\u00f3pez<\/li>\n <li>Norberto S\u00e1nchez<\/li>\n <li>Ram\u00f3n Pedraza<\/li>\n <li>\u00c1ngel Luis Torruellas <span class=\"compact-detail\">\"The King of Plena\"<\/span><\/li>\n <li>Tony Capit\u00e1n<\/li>\n <li>Ismael \"Cocolay\" Rivera<\/li>\n <li>Ram\u00f3n Rivera Alers <span class=\"compact-detail\">\"Don Mon\" and his sons<\/span><\/li>\n <li>Efra\u00edn Rivera Castillo \"Mon Rivera\"<\/li>\n <li>H\u00e9ctor \"Tito\" Matos<\/li>\n <li>Gary N\u00fa\u00f1ez<\/li>\n <li>H\u00e9ctor \"Atabal\" Rodr\u00edguez<\/li>\n <li>Los Pleneros del Quinto Olivo<\/li>\n <li>Los Pleneros de la 21<\/li>\n <li>Los Pleneros de la 23 Abajo<\/li>\n <li>Rafael Cortijo y su Combo<\/li>\n <li>Ismael Rivera<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Family Legacies<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>\n <strong>Cepeda Family<\/strong>\n <span class=\"compact-detail\">8 generations promoting bomba and plena.<\/span>\n <\/li>\n <li>Emmanuelli Family<\/li>\n <li>\n <strong>Mart\u00ednez Family<\/strong>\n <span class=\"compact-detail\">Emil, Ler\u00f3, and Johnsy Mart\u00ednez<\/span>\n <\/li>\n <li>Rivera Family<\/li>\n <li>Pacheco Brothers<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Contemporary Groups<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Plena Libre<\/li>\n <li>Emplegoste<\/li>\n <li>Plen\u00e9alo<\/li>\n <li>Los Pleneros de la Cresta<\/li>\n <li>Los Pleneros de Severo<\/li>\n <li>Grupo Esencia<\/li>\n <li>Truco y Zaperoko<\/li>\n <li>Pleneros del Truco<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n\n <p><strong>La Joya del Castillo.<\/strong> Although there's no precise place of origin, L\u00f3pez noted that La Joya del Castillo (The Jewel of the Castle), a slum located in the Quinto neighborhood of Ponce, \"was the most important meeting point\" in the early days of plena. It was a barrio outside the control of the sugarcane fields, which allowed people from other neighborhoods like San Ant\u00f3n or B\u00e9lgica to freely gather and play.<\/p>\n\n <p><strong>The King of Plena.<\/strong> The lack of documentation of the first plena musicians makes a concrete history of the most outstanding figures difficult, but L\u00f3pez highlighted <a href=\"https:\/\/www.80grados.net\/el-cuento-pleneao-de-bumbun-2\/\" target=\"_blank\" rel=\"noopener\">Joselino \"Bumb\u00fan\" Oppenheimer<\/a> as \"the king of plena\"\u2014singer, pandero player, composer\u2014one of the pioneers and \"the most charismatic, the most talented.\" He even said that some of the oldest plenas might be his, but he died without recording his compositions.<\/p>\n\n <ul>\n <li>The song <em><a href=\"https:\/\/www.revistaetnica.com\/blogs\/news\/plena-combativa-lanza-su-segundo-sencillo-bembetea\" target=\"_blank\" rel=\"noopener\">Bembetea<\/a><\/em> by Plena Combativa pays tribute to Carola Clark, one of the pleneras considered a pioneer.<\/li>\n <\/ul>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <div class=\"pleneros-cards-section instruments-section fade-in\" id=\"instrumentos\">\n <div class=\"cards-scroller\">\n \n <div class=\"video-intro-card\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-intro-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <\/div>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/1-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/pandero_seguidor.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/pandero_seguidor-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-card-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <p><strong>Panderos:<\/strong> percussion instruments from the drum family, consisting of a rigid round frame covered on one end with stretched skin. It's played by hitting or tapping with the hands.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/3.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/el-seguidor-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/el-seguidor-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El seguidor (the follower):<\/strong> is the second pandero to be added. It has the deepest sound and is the largest (usually 16 inches). It's used to keep the rhythm.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/5.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/punteador-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/punteador-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El punteador:<\/strong> Has a medium size (about 13 inches) and intermediate tuning. It also keeps the rhythm, but in a higher pitch than the seguidor.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/2-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plena-requinto.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plena-requinto-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El requinto:<\/strong> the one with the highest tuning and the smallest (about 12 inches), used for solos. It's considered to have been present since the beginnings of plena, when it was played with just one pandero.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/4.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/guicharo-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/guicharo-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>G\u00fc\u00edcharo or g\u00fciro:<\/strong> a percussion instrument <a href=\"https:\/\/www.plateapr.com\/historia-guiro-puerto-rico\">from the scraper family<\/a> that in Puerto Rico is made from a plant called marimbo, grooved and played with a stick called varillero or puya.<\/p>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"evolucion\">\n <h2 class=\"section-title\"><strong>The Evolution of Plena: Rhythm, Lyrics, and Influences<\/strong><\/h2>\n\n <p><strong>Rhythm.<\/strong> Unlike bomba, which has dozens of rhythms, <strong>plena \"is a single rhythm\"<\/strong> that has regionalisms, ways of being interpreted, and various tempos, said Santana, who considers that even today's fusions are the same genre.<\/p>\n\n <p>Among the <strong>playing styles<\/strong>, N\u00fa\u00f1ez highlighted three main ones: Ponce, Mayag\u00fcez, and Santurce, \"particularly with maestro Rafael Cepeda,\" whose family is a pioneer in founding the first plena schools. These were the most important hubs of Puerto Rican plena.<\/p>\n\n <ul>\n <li>\"The most different style out there is one called <strong>'punta de clavo' (nail tip)<\/strong>, which is from Mayag\u00fcez, it's a lamento plena,\" played more slowly and with the fingertips, as opposed to the whole palm as done in Santurce, explained N\u00fa\u00f1ez.<\/li>\n <\/ul>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Tempo_plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/Tempo_plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p>For Santana, the way of playing, volumes, and even techniques \"have been evolving\" and respond to the reality of each era. Both the pandero and g\u00fc\u00edcharo playing have been changing, he affirmed.<\/p>\n\n <p><strong>Lyrics.<\/strong> From its beginnings, song lyrics have told stories of everyday life, from romances and celebrations to political and religious events, death, and anything that captures popular imagination. \"Plena was also very patriarchal,\" said L\u00f3pez, referring to plenas like <em>Cortaron a Elena<\/em> (They Cut Elena).<\/p>\n\n <p>Although Santana considers that today a group wouldn't write about a femicide, the lyrics remain the <strong>\"living expression of the people\"<\/strong> and \"a way of confronting the regime in an artistic manner,\" with inclusive lyrics by new performers. \"Plena is like our battle cry,\" he added.<\/p>\n\n <p>N\u00fa\u00f1ez, for his part, uses his art to express celebration, romance, and resistance.<\/p>\n\n <blockquote>\n Plena responds to Puerto Rican reality, and Puerto Ricans will get angry, celebrate, love, and hate through plena, through the music that represents them.<br>\n <small>\u2014 LuisGa N\u00fa\u00f1ez<\/small>\n <\/blockquote>\n\n <p><strong>Influences.<\/strong> \"Plena has always been nourished by the music that's popular at the moment, what's in vogue,\" noted Santana. For example, in the early 20th century, plena was influenced by <strong>danza<\/strong>; in the 1940s, it was <strong>bolero<\/strong> and <strong>trio music<\/strong>.<\/p>\n\n <p>\"If we go further ahead, already <strong>son<\/strong>, <strong>guaracha<\/strong>, and the movement of the phenomenon we call <strong>salsa<\/strong> were more in vogue, so plena got influenced by that. Later with <strong>merengue<\/strong>. Later with <strong>rap<\/strong>, <strong>reggae<\/strong>, <strong>reggaet\u00f3n<\/strong>, <strong>trap<\/strong>, and that's where we are today,\" said Santana.<\/p>\n\n <p>In N\u00fa\u00f1ez's case, his plena as a soloist has been influenced by <strong>bossa nova<\/strong>, <strong>urban music<\/strong>, and even <strong>jazz<\/strong>. \"My two biggest influences are Calle 13 and Tego Calder\u00f3n,\" although he grew up listening to Los Pleneros del Quinto Olivo, Cortijo, Mon Rivera, \u00c1ngel Luis Torruella, La Sonora Ponce\u00f1a, and El Gran Combo, he said.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"perspectivas\">\n <h2 class=\"section-title\">Challenges and Opportunities<\/h2>\n <div class=\"perspectives-container\">\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" onclick=\"openTab(event, 'retos')\" aria-label=\"View Challenges\">\n <span class=\"tab-eyebrow\">The Challenge<\/span>\n Challenges\n <\/button>\n <button class=\"tab-btn\" onclick=\"openTab(event, 'oportunidades')\" aria-label=\"View Opportunities\">\n <span class=\"tab-eyebrow\">The Vision<\/span>\n Opportunities\n <\/button>\n <\/div>\n\n <div id=\"retos\" class=\"tab-content active-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">1<\/span>\n <h3>Limited Exposure<\/h3>\n <p>\"The most important thing is exposure: that we give it the spaces, structures, and opportunities that we give to foreign music,\" said plenero <strong>Emanuel Santana<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">2<\/span>\n <h3>Lack of Resources<\/h3>\n <p>\"The monetary difference plays a role in us not being in the spaces necessary to stand out,\" explained plenero <strong>LuisGa N\u00fa\u00f1ez<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">3<\/span>\n <h3>Historical Gap<\/h3>\n <p>Although there are various theories about the origin of the rhythm, specific details were not documented. \"I would like to encourage much more serious research,\" said Santana.<\/p>\n <\/article>\n <\/div>\n <\/div>\n\n <div id=\"oportunidades\" class=\"tab-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">1<\/span>\n <h3>The 'Bad Bunny Effect'<\/h3>\n <p>\"It's up to us to take advantage of the moment... make good music, reach people,\" acknowledged LuisGa N\u00fa\u00f1ez about the responsibility of pleneros given the impact of international-caliber artists fusing plena.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">2<\/span>\n <h3>Collaborations<\/h3>\n <p>\"Collaborations are the next step,\" affirmed N\u00fa\u00f1ez. It's time to invite other artists to use the plena rhythm in their compositions.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">3<\/span>\n <h3>Public Policy<\/h3>\n <p>Santana suggests revitalizing the <strong>Our Native Music Act (Law 223)<\/strong> to ensure funding at public events and include plena as mandatory in school curricula.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">4<\/span>\n <h3>New Markets<\/h3>\n <p>Looking south. Uruguay, where plena is deeply rooted, is \"a mirror of what could happen in Puerto Rico,\" assured N\u00fa\u00f1ez.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n<\/section>\n\n <div style=\"margin: 3rem 0; text-align: center;\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-22-at-12.52.08-PM.webp\"\n alt=\"The future of plena\"\n style=\"max-width: 100%; height: auto; border-radius: 8px;\"\n loading=\"lazy\">\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"futuro\">\n <h2 class=\"section-title\"><strong>The Future of Plena<\/strong><\/h2>\n\n <p>With the inclusion of Bad Bunny, Rauw Alejandro, and other international-caliber artists fusing their songs with plena, and with so many other local artists creating their own interpretations, \"I'm very sure that <strong>the future of plena is very bright<\/strong>,\" in Santana's view.<\/p>\n\n <p>The general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\">La Casa de la Plena Tito Matos<\/a>, where Ram\u00f3n L\u00f3pez's archives are housed, said the important thing is to approach the rhythm with respect, keeping in mind and acknowledging the legacy of the great masters of plena.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"closing-section\">\n <p class=\"closing-quote\">\n \"Plena is the rhythm of Puerto Ricans. There's no event where the panderos haven't been or won't be.\"\n <\/p>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Preserve straight quotes - prevent WordPress wptexturize\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Store original content before WordPress processes it\n const container = document.getElementById('plena-story-container');\n if (container) {\n \/\/ Normalize all text nodes to use straight quotes\n const walker = document.createTreeWalker(\n container,\n NodeFilter.SHOW_TEXT,\n null\n );\n\n const textNodes = [];\n while (walker.nextNode()) {\n textNodes.push(walker.currentNode);\n }\n\n \/\/ Only normalize if any type of quotes are detected (meaning WordPress processed it)\n textNodes.forEach(node => {\n if (node.nodeValue && (node.nodeValue.includes('\\u00AB') || node.nodeValue.includes('\\u00BB') || node.nodeValue.includes('\\u201C') || node.nodeValue.includes('\\u201D') || node.nodeValue.includes('\\u2018') || node.nodeValue.includes('\\u2019'))) {\n \/\/ Replace all quote types with straight quotes\n node.nodeValue = node.nodeValue\n .replace(\/[\\u00AB\\u00BB]\/g, '\"') \/\/ Latin\/Spanish quotes \u00ab \u00bb\n .replace(\/[\\u201C\\u201D]\/g, '\"') \/\/ Curly quotes \" \"\n .replace(\/[\\u2018\\u2019]\/g, \"'\"); \/\/ Curly single quotes ' '\n }\n });\n }\n });\n\n\n\n \/\/ Fade-in animations on scroll\n const contentObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.content-section, .gallery-section').forEach(el => {\n contentObserver.observe(el);\n });\n\n \/\/ Video controls and viewport detection\n document.addEventListener('DOMContentLoaded', () => {\n const video = document.getElementById('hero-video');\n const audioToggle = document.getElementById('audio-toggle');\n const speakerOn = document.getElementById('speaker-on');\n const speakerOff = document.getElementById('speaker-off');\n\n if (!video || !audioToggle) return;\n\n \/\/ Start video with sound unmuted\n video.muted = false;\n video.volume = 0.7; \/\/ Set volume to 70%\n\n \/\/ Try to play video with sound\n video.play().catch(err => {\n console.log('Autoplay with sound prevented, starting muted:', err);\n \/\/ If autoplay with sound fails, mute and try again\n video.muted = true;\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n video.play().catch(err2 => {\n console.log('Video autoplay completely prevented:', err2);\n });\n });\n\n \/\/ Audio toggle button\n audioToggle.addEventListener('click', () => {\n video.muted = !video.muted;\n\n if (video.muted) {\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n audioToggle.setAttribute('aria-label', 'Enable audio');\n } else {\n speakerOn.style.display = 'block';\n speakerOff.style.display = 'none';\n audioToggle.setAttribute('aria-label', 'Disable audio');\n }\n });\n\n \/\/ Observe video viewport visibility\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/\/ Video is in viewport - play it\n video.play().catch(err => {\n console.log('Could not play video:', err);\n });\n } else {\n \/\/ Video is out of viewport - pause it\n video.pause();\n }\n });\n }, { threshold: 0.25 }); \/\/ Trigger when 25% of video is visible\n\n videoObserver.observe(video);\n });\n\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ Toggle Table of Contents\n document.addEventListener('DOMContentLoaded', () => {\n const tocToggle = document.getElementById('toc-toggle');\n const tocList = document.getElementById('toc-list');\n\n if(tocToggle && tocList) {\n tocToggle.addEventListener('click', () => {\n const isOpen = tocList.classList.contains('open');\n\n \/\/ Toggle classes\n tocList.classList.toggle('open');\n tocToggle.classList.toggle('active');\n\n \/\/ Update accessibility attribute\n tocToggle.setAttribute('aria-expanded', !isOpen);\n });\n\n \/\/ Auto-close when clicking a link\n const tocLinks = tocList.querySelectorAll('a');\n tocLinks.forEach(link => {\n link.addEventListener('click', () => {\n tocList.classList.remove('open');\n tocToggle.classList.remove('active');\n tocToggle.setAttribute('aria-expanded', 'false');\n });\n });\n }\n });\n\n \/\/ ============================================\n \/\/ GOOGLE ANALYTICS EVENTS\n \/\/ ============================================\n\n \/\/ 1. MENU NAVIGATION\n document.addEventListener('DOMContentLoaded', () => {\n const menuLinks = document.querySelectorAll('.toc-list a');\n menuLinks.forEach(link => {\n link.addEventListener('click', (e) => {\n const sectionName = link.textContent.trim();\n if (typeof gtag !== 'undefined') {\n gtag('event', 'menu_navigation', {\n event_category: 'Navigation',\n event_label: sectionName,\n section_id: link.getAttribute('href')\n });\n }\n });\n });\n });\n\n \/\/ 2. VIDEO PLAY AND WATCH TIME\n document.addEventListener('DOMContentLoaded', () => {\n const allVideos = document.querySelectorAll('video');\n\n allVideos.forEach((video, index) => {\n const videoSrc = video.querySelector('source')?.getAttribute('src') || 'unknown';\n const videoName = videoSrc.split('\/').pop().replace('.mp4', '');\n let hasStarted = false;\n let watchTime = 0;\n let lastTime = 0;\n\n \/\/ Event: Video Play\n video.addEventListener('play', () => {\n if (!hasStarted && typeof gtag !== 'undefined') {\n gtag('event', 'video_start', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n hasStarted = true;\n }\n });\n\n \/\/ Event: Video Progress (25%, 50%, 75%, 100%)\n video.addEventListener('timeupdate', () => {\n const percent = (video.currentTime \/ video.duration) * 100;\n\n if (percent >= 25 && !video.dataset.tracked25) {\n video.dataset.tracked25 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 25\n });\n }\n }\n if (percent >= 50 && !video.dataset.tracked50) {\n video.dataset.tracked50 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 50\n });\n }\n }\n if (percent >= 75 && !video.dataset.tracked75) {\n video.dataset.tracked75 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 75\n });\n }\n }\n });\n\n \/\/ Event: Video Complete\n video.addEventListener('ended', () => {\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_complete', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n }\n });\n\n \/\/ Track watch time\n video.addEventListener('timeupdate', () => {\n if (!video.paused) {\n watchTime += video.currentTime - lastTime;\n }\n lastTime = video.currentTime;\n });\n\n \/\/ Send watch time when user leaves or pauses\n video.addEventListener('pause', () => {\n if (watchTime > 0 && typeof gtag !== 'undefined') {\n gtag('event', 'video_watch_time', {\n event_category: 'Video',\n event_label: videoName,\n value: Math.round(watchTime)\n });\n }\n });\n });\n });\n\n \/\/ 3. CHALLENGES AND OPPORTUNITIES TAB CLICKS\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Google Analytics Event\n if (typeof gtag !== 'undefined') {\n gtag('event', 'tab_click', {\n event_category: 'Engagement',\n event_label: tabName,\n tab_name: tabName === 'retos' ? 'Challenges' : 'Opportunities'\n });\n }\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ 4. PAGE SCROLL PERCENTAGE\n document.addEventListener('DOMContentLoaded', () => {\n let scrollTracked = {\n 25: false,\n 50: false,\n 75: false,\n 90: false\n };\n\n window.addEventListener('scroll', () => {\n const scrollPercentage = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n\n if (scrollPercentage >= 25 && !scrollTracked[25]) {\n scrollTracked[25] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '25%',\n value: 25\n });\n }\n }\n if (scrollPercentage >= 50 && !scrollTracked[50]) {\n scrollTracked[50] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '50%',\n value: 50\n });\n }\n }\n if (scrollPercentage >= 75 && !scrollTracked[75]) {\n scrollTracked[75] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '75%',\n value: 75\n });\n }\n }\n if (scrollPercentage >= 90 && !scrollTracked[90]) {\n scrollTracked[90] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '90%',\n value: 90\n });\n }\n }\n });\n });\n\n \/\/ 5. PLENEROS IN PUERTO RICO LIST INTERACTION\n document.addEventListener('DOMContentLoaded', () => {\n const pleneroCards = document.querySelectorAll('.plenero-card-compact');\n\n \/\/ Track card visibility (when cards come into view)\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.dataset.viewed) {\n entry.target.dataset.viewed = 'true';\n const cardTitle = entry.target.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_view', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n }\n });\n }, { threshold: 0.5 });\n\n pleneroCards.forEach(card => {\n cardObserver.observe(card);\n\n \/\/ Track clicks on cards\n card.addEventListener('click', () => {\n const cardTitle = card.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_click', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n });\n });\n\n \/\/ Track scroll interaction with the pleneros section\n const plenerosSection = document.querySelector('.pleneros-cards-section');\n if (plenerosSection) {\n const scroller = plenerosSection.querySelector('.cards-scroller');\n let hasScrolled = false;\n\n if (scroller) {\n scroller.addEventListener('scroll', () => {\n if (!hasScrolled && typeof gtag !== 'undefined') {\n hasScrolled = true;\n gtag('event', 'pleneros_scroll', {\n event_category: 'Engagement',\n event_label: 'Pleneros Cards Scrolled'\n });\n }\n });\n }\n }\n });\n\n \/\/ ============================================\n \/\/ AUTO-PAUSE VIDEOS IN VIDEO-CARDS\n \/\/ ============================================\n\n document.addEventListener('DOMContentLoaded', () => {\n const videoCards = document.querySelectorAll('.video-card');\n const allCardVideos = document.querySelectorAll('.video-card video');\n\n \/\/ 1. DESKTOP: Pause other videos when one starts playing\n allCardVideos.forEach(video => {\n video.addEventListener('play', () => {\n allCardVideos.forEach(otherVideo => {\n if (otherVideo !== video && !otherVideo.paused) {\n otherVideo.pause();\n }\n });\n });\n });\n\n \/\/ 2. MOBILE: Pause videos when they leave the viewport (scroll)\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n const video = entry.target.querySelector('video');\n if (video) {\n \/\/ If the card leaves the viewport (less than 50% visible), pause the video\n if (!entry.isIntersecting) {\n video.pause();\n }\n }\n });\n }, {\n threshold: 0.5, \/\/ Considered \"out\" when less than 50% is visible\n rootMargin: '0px'\n });\n\n \/\/ Observe each video-card\n videoCards.forEach(card => {\n videoObserver.observe(card);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","innerContent":["\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Puerto Rican Plena: More Than the People's Newspaper | PlateaPR<\/title>\n <style>\n \/* Prevent WordPress from converting quotation marks *\/\n #plena-story-container {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n \/* Force specific quote styles *\/\n #plena-story-container q {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container q::before {\n content: open-quote !important;\n }\n\n #plena-story-container q::after {\n content: close-quote !important;\n }\n\n \/* Preserve text content exactly as written *\/\n #plena-story-container p,\n #plena-story-container h1,\n #plena-story-container h2,\n #plena-story-container h3,\n #plena-story-container a,\n #plena-story-container strong,\n #plena-story-container em,\n #plena-story-container blockquote,\n #plena-story-container figcaption {\n text-rendering: optimizeLegibility !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n }\n\n \/* Reset and Base Styles *\/\n #plena-story-container {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n line-height: 1.8 !important;\n color: #1a1a1a;\n background: #ffffff;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n --verde-azulado: #04d99d;\n --verde-oscuro: #03b884;\n --cyan-claro: #05f5b8;\n --rosa-accento: #d9046d;\n --blanco: #ffffff;\n --negro: #1a1a1a;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\";\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* ESTILOS TABLA DE CONTENIDOS SUTIL (LEFT ALIGNED) *\/\n #plena-story-container .toc-section {\n max-width: 800px !important;\n margin: 0.5rem auto 3rem !important; \/* Pegado al byline *\/\n padding: 0 1.25rem !important;\n position: relative !important;\n text-align: left !important;\n z-index: 100 !important;\n }\n\n #plena-story-container .toc-container-inline {\n display: inline-block !important;\n position: relative !important;\n min-width: 260px !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .toc-toggle-btn {\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n padding: 0.5rem 1rem !important;\n background: #f8f9fa !important;\n border: none !important;\n border-left: 4px solid var(--verde-oscuro) !important;\n border-radius: 0 !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n color: #333 !important;\n font-size: 0.85rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n outline: none !important;\n }\n\n #plena-story-container .toc-toggle-btn:hover {\n background-color: #ececec !important;\n }\n\n #plena-story-container .toc-toggle-btn .toc-icon {\n fill: var(--verde-oscuro) !important;\n width: 20px !important;\n height: 20px !important;\n transition: transform 0.3s ease !important;\n }\n\n #plena-story-container .toc-toggle-btn.active .toc-icon {\n transform: rotate(180deg) !important;\n }\n\n #plena-story-container .toc-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n background-color: #ffffff !important;\n border: 1px solid #e0e0e0 !important;\n border-top: none !important;\n border-radius: 0 !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;\n\n \/* Floating behavior *\/\n position: absolute !important;\n top: 100% !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 101 !important;\n\n \/* Animation states *\/\n opacity: 0 !important;\n visibility: hidden !important;\n transform: translateY(-10px) !important;\n transition: all 0.2s ease-out !important;\n max-height: none !important;\n }\n\n #plena-story-container .toc-list.open {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateY(0) !important;\n }\n\n \/* Items styling *\/\n #plena-story-container .toc-list li a {\n display: block !important;\n padding: 0.6rem 1rem !important;\n color: #444 !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n border-bottom: 1px solid #f5f5f5 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n transition: background 0.2s ease !important;\n }\n\n #plena-story-container .toc-list li:last-child a {\n border-bottom: none !important;\n }\n\n #plena-story-container .toc-list li a:hover {\n background-color: #f9f9f9 !important;\n color: var(--verde-oscuro) !important;\n }\n\n \/* Bot\u00f3n de Volver al Men\u00fa - ESTILOS UNIFICADOS *\/\n\n \/* 1. Contenedor: Siempre centrado, max 800px, texto a la derecha *\/\n #plena-story-container .back-to-menu-container {\n display: block !important;\n width: 100% !important;\n max-width: 800px !important;\n margin: 2rem auto 1rem !important;\n padding: 0 1.25rem !important;\n text-align: right !important;\n box-sizing: border-box !important;\n background: transparent !important; \/* Asegurar que no tenga fondo *\/\n }\n\n \/* Forzar que el contenedor respete el margen en secciones anchas *\/\n #plena-story-container .gallery-section .back-to-menu-container,\n #plena-story-container .instruments-section .back-to-menu-container,\n #plena-story-container .pleneros-cards-section .back-to-menu-container {\n margin-left: auto !important;\n margin-right: auto !important;\n \/* Resetear cualquier float o posici\u00f3n extra\u00f1a *\/\n float: none !important;\n position: relative !important;\n left: auto !important;\n right: auto !important;\n }\n\n \/* 2. Bot\u00f3n: Reset completo y estilo base *\/\n #plena-story-container .back-to-menu-btn {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: flex-end !important;\n padding: 0.5rem 0 !important;\n margin: 0 !important;\n border: none !important;\n background: transparent !important;\n text-decoration: none !important;\n color: #999999 !important;\n font-size: 0.75rem !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 600 !important;\n transition: all 0.2s ease !important;\n cursor: pointer !important;\n box-shadow: none !important;\n outline: none !important;\n opacity: 1 !important; \/* Asegurar visibilidad *\/\n }\n\n \/* 3. Flecha (Pseudo-elemento) *\/\n #plena-story-container .back-to-menu-btn::before {\n content: '\u2191' !important;\n margin-right: 6px !important;\n display: inline-block !important;\n transition: transform 0.2s ease !important;\n font-size: 1.1em !important; \/* Ligeramente m\u00e1s grande para claridad *\/\n line-height: 1 !important;\n }\n\n \/* 4. Estado Hover *\/\n #plena-story-container .back-to-menu-btn:hover {\n color: var(--verde-oscuro) !important;\n background: transparent !important;\n text-decoration: none !important;\n }\n\n #plena-story-container .back-to-menu-btn:hover::before {\n transform: translateY(-3px) !important;\n }\n\n \/* Smooth Scroll para toda la p\u00e1gina *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* HERO SECTION - NYT Style with Video *\/\n #plena-story-container .hero {\n height: 100vh !important;\n max-height: 100vh !important;\n display: flex !important;\n align-items: stretch !important;\n justify-content: space-between !important;\n background: #000000 !important;\n position: relative !important;\n overflow: hidden !important;\n width: 100vw !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Desktop Layout: Split Screen *\/\n #plena-story-container .hero-text-container {\n flex: 1 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 4rem !important;\n background: #000000 !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n flex: 1 !important;\n position: relative !important;\n overflow: hidden !important;\n background: #000000 !important;\n }\n\n #plena-story-container .hero-video {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n }\n\n \/* Audio Control Button *\/\n #plena-story-container .audio-control {\n position: absolute !important;\n bottom: 2rem !important;\n right: 2rem !important;\n width: 48px !important;\n height: 48px !important;\n border-radius: 50% !important;\n background: rgba(0, 0, 0, 0.7) !important;\n border: 2px solid rgba(255, 255, 255, 0.9) !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: all 0.3s ease !important;\n z-index: 20 !important;\n backdrop-filter: blur(10px) !important;\n }\n\n #plena-story-container .audio-control:hover {\n background: rgba(0, 0, 0, 0.9) !important;\n border-color: var(--verde-azulado) !important;\n transform: scale(1.1) !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 24px !important;\n height: 24px !important;\n fill: white !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n color: var(--blanco) !important;\n max-width: 600px !important;\n animation: fadeInUp 1s ease-out 0.5s both !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 1.5rem !important;\n letter-spacing: -1px !important;\n line-height: 1.1 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n font-weight: 700 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1.125rem, 2vw, 1.375rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-bottom: 0.875rem !important;\n opacity: 0.9 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-description {\n font-size: clamp(1rem, 2vw, 1.25rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-top: 1.5rem !important;\n opacity: 0.95 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n display: block !important;\n }\n\n \/* Ocultar hero-description en mobile *\/\n @media (max-width: 968px) {\n #plena-story-container .hero-description {\n display: none !important;\n }\n }\n\n \/* Mostrar first-paragraph-mobile solo en mobile *\/\n #plena-story-container .first-paragraph-mobile {\n display: none !important;\n }\n\n \/* Mobile Layout: Video Background with Overlay Text *\/\n @media (max-width: 968px) {\n #plena-story-container .hero {\n flex-direction: column !important;\n min-height: 100vh !important;\n }\n\n #plena-story-container .hero-text-container {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n flex: none !important;\n padding: 1rem 1.5rem 1rem !important;\n background: linear-gradient(\n to top,\n rgba(0,0,0,0.95) 0%,\n rgba(0,0,0,0.8) 30%,\n rgba(0,0,0,0.4) 60%,\n transparent 100%\n ) !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100% !important;\n height: 100% !important;\n }\n\n #plena-story-container .hero-video {\n object-position: center 35% !important;\n }\n\n #plena-story-container .hero {\n height: 85vh !important;\n min-height: 85vh !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2rem, 8vw, 3rem) !important;\n text-shadow: 0 4px 12px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n display: block !important;\n font-size: clamp(1.5rem, 6vw, 2.25rem) !important;\n margin-top: 0.5rem !important;\n font-weight: 600 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.25rem) !important;\n text-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .first-paragraph-mobile {\n display: block !important;\n font-size: 1.125rem !important;\n line-height: 1.8 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #plena-story-container .audio-control {\n top: 1rem !important;\n right: 1rem !important;\n bottom: auto !important;\n width: 44px !important;\n height: 44px !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n #plena-story-container .byline-section {\n background-color: #ffffff !important;\n padding: 2rem 0 0.5rem 0 !important;\n text-align: left !important;\n line-height: 1.4 !important;\n }\n\n #plena-story-container .byline-section > div {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n border-bottom: 1px solid #e0e0d0 !important;\n padding-bottom: 0.5rem !important;\n }\n\n #plena-story-container .byline-author {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.125rem !important;\n font-weight: 400 !important;\n color: #2c3e50 !important;\n margin-bottom: 0.5rem !important;\n line-height: 1.1 !important;\n }\n\n #plena-story-container .byline-date {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n font-weight: 300 !important;\n color: #666 !important;\n font-style: italic !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Additional Mobile adjustments *\/\n @media (max-width: 768px) {\n \/* Force line-height and font-size on mobile - ALL text should be the same size *\/\n #plena-story-container .content-section {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p,\n #plena-story-container .content-section p *,\n #plena-story-container .content-section ul,\n #plena-story-container .content-section ul li,\n #plena-story-container .content-section ul li *,\n #plena-story-container .content-section ol,\n #plena-story-container .content-section ol li,\n #plena-story-container .content-section ol li * {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n \/* Ensure links in lists also have correct size *\/\n #plena-story-container .content-section ul li a,\n #plena-story-container .content-section ol li a {\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section blockquote {\n line-height: 1.8 !important;\n font-size: 1.25rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n font-size: 0.9rem !important;\n }\n }\n\n \/* SECTIONS *\/\n #plena-story-container section {\n padding: 3rem 0 !important;\n position: relative !important;\n }\n\n \/* Aumentar padding top solo para la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section:first-of-type {\n padding-top: 5rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container section {\n padding: 2rem 0 !important;\n }\n }\n\n #plena-story-container .section-header {\n max-width: 1200px !important;\n margin: 0 auto 2.5rem !important;\n text-align: center !important;\n padding: 0 1.25rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .section-header {\n margin-bottom: 2rem !important;\n padding: 0 1rem !important;\n }\n }\n\n #plena-story-container .section-title {\n font-size: clamp(1.875rem, 3vw, 2.25rem) !important;\n color: var(--negro) !important;\n margin-bottom: 0.75rem !important;\n position: relative !important;\n display: block !important;\n text-align: center !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-weight: 600 !important;\n line-height: 1.2 !important;\n }\n\n #plena-story-container .section-title::after {\n content: '' !important;\n position: absolute !important;\n bottom: -10px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: 60% !important;\n height: 2px !important;\n background: var(--verde-azulado) !important;\n }\n\n #plena-story-container .section-subtitle {\n font-size: clamp(0.9375rem, 2vw, 1.125rem) !important;\n color: var(--verde-oscuro) !important;\n font-style: italic !important;\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n opacity: 0.85 !important;\n }\n\n \/* CONTENT SECTIONS *\/\n #plena-story-container .content-section {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p {\n margin-bottom: 1.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* Primer p\u00e1rrafo de la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section p:first-child {\n margin-top: 3rem !important;\n }\n\n #plena-story-container .content-section strong {\n font-weight: 700 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section em {\n font-style: italic !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section h2 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n margin-bottom: 1.5rem !important;\n margin-top: 5rem !important;\n text-align: center !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn),\n #plena-story-container .video-card-content a:not(.back-to-menu-btn) {\n color: var(--verde-oscuro) !important;\n text-decoration: none !important;\n border-bottom: 1px solid var(--cyan-claro) !important;\n transition: all 0.3s ease !important;\n font-weight: 500 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n background: none !important;\n padding: 0 !important;\n margin: 0 !important;\n box-shadow: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):hover,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):hover {\n color: var(--verde-azulado) !important;\n border-bottom-color: var(--verde-azulado) !important;\n text-decoration: none !important;\n background: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):visited,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):visited {\n color: var(--verde-oscuro) !important;\n }\n\n #plena-story-container .learn-tag {\n display: inline-block !important;\n background-color: var(--verde-oscuro) !important;\n color: #fff !important;\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n padding: 0.25rem 0.75rem !important;\n border-radius: 4px !important;\n margin-bottom: 0.75rem !important;\n margin-left: 0 !important;\n align-self: flex-start !important;\n letter-spacing: 1px !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n line-height: 1 !important;\n position: static !important;\n }\n\n #plena-story-container .content-section ul {\n margin: 1.5rem 0 !important;\n padding-left: 2rem !important;\n line-height: 1.8 !important;\n list-style-type: disc !important;\n }\n\n #plena-story-container .content-section ul li {\n margin-bottom: 0.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* OPTION 1: Classic Editorial with Accent Line *\/\n #plena-story-container .content-section blockquote {\n background: transparent !important;\n color: var(--negro) !important;\n padding: 0.5rem 0 0.5rem 2rem !important;\n border-left: 4px solid var(--verde-azulado) !important;\n border-radius: 0 !important;\n margin: 3rem 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n font-size: 1.35rem !important;\n line-height: 1.6 !important;\n position: relative !important;\n border: none !important; \/* Reset inherited borders *\/\n border-left: 4px solid var(--verde-azulado) !important; \/* Re-apply left border *\/\n }\n\n \/* Decorative quote mark *\/\n #plena-story-container .content-section blockquote::before {\n content: '\"' !important;\n font-family: 'Georgia', serif !important;\n font-size: 4rem !important;\n line-height: 1 !important;\n color: var(--verde-oscuro) !important;\n opacity: 0.3 !important;\n position: absolute !important;\n top: -0.5rem !important;\n left: 0.2rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n color: #666 !important;\n font-style: normal !important;\n font-size: 0.85rem !important;\n margin-top: 1rem !important;\n font-weight: 600 !important;\n letter-spacing: 0.5px !important;\n text-transform: uppercase !important;\n display: block !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* --- NEW PHOTO GALLERY STYLES (UPDATED 4:5) --- *\/\n #plena-story-container .gallery-section {\n width: 100% !important;\n max-width: 100vw !important;\n margin: 4rem 0 !important;\n padding: 0 !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n #plena-story-container .gallery-track {\n display: flex !important;\n overflow-x: auto !important;\n scroll-snap-type: x mandatory !important;\n gap: 1.5rem !important;\n padding: 0 1.5rem 2rem !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Hide Scrollbar *\/\n #plena-story-container .gallery-track::-webkit-scrollbar {\n display: none !important;\n }\n\n #plena-story-container .gallery-item {\n flex: 0 0 85% !important; \/* Mobile: show most of image + peek of next *\/\n scroll-snap-align: center !important;\n display: flex !important;\n flex-direction: column !important;\n }\n\n @media (min-width: 600px) {\n #plena-story-container .gallery-item {\n flex: 0 0 55% !important;\n }\n }\n\n @media (min-width: 1024px) {\n #plena-story-container .gallery-item {\n flex: 0 0 38% !important; \/* Adjusted for taller aspect ratio *\/\n }\n\n #plena-story-container .gallery-track {\n padding-left: max(1.5rem, calc(50vw - 500px)) !important;\n padding-right: max(1.5rem, calc(50vw - 500px)) !important;\n }\n }\n\n #plena-story-container .gallery-img-wrapper {\n width: 100% !important;\n aspect-ratio: 4 \/ 5 !important; \/* Vertical 4:5 aspect ratio *\/\n overflow: hidden !important;\n border-radius: 4px !important;\n background: #f5f5f5 !important;\n }\n\n #plena-story-container .gallery-img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n transition: transform 0.5s ease !important;\n }\n\n \/* Subtle hover effect on desktop *\/\n @media (hover: hover) {\n #plena-story-container .gallery-item:hover .gallery-img {\n transform: scale(1.02) !important;\n }\n }\n\n #plena-story-container .gallery-caption {\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n color: #4a4a4a !important;\n line-height: 1.4 !important;\n border-left: 3px solid var(--verde-azulado) !important;\n padding-left: 1rem !important;\n }\n\n #plena-story-container .gallery-header {\n max-width: 800px !important;\n margin: 0 auto 1.5rem !important;\n padding: 0 1.25rem !important;\n text-align: left !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n color: #666 !important;\n }\n\n \/* CLOSING SECTION *\/\n #plena-story-container .closing-section {\n background: var(--verde-oscuro) !important;\n color: var(--blanco) !important;\n text-align: center !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-direction: column !important;\n padding: 4rem 1.25rem !important;\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .closing-section {\n padding: 3rem 1rem !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n left: 0 !important;\n right: 0 !important;\n width: 100% !important;\n }\n }\n\n #plena-story-container .closing-quote {\n font-size: clamp(1.375rem, 4vw, 2.25rem) !important;\n font-style: italic !important;\n line-height: 1.8 !important;\n max-width: 800px !important;\n margin-bottom: 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* ESTILOS SECCI\u00d3N PERSPECTIVAS (TABS) *\/\n \/* Contenedor Principal *\/\n #plena-story-container .pleneros-cards-section {\n margin: 4rem 0 !important;\n padding: 3rem 0 !important; \/* Padding vertical para el fondo *\/\n font-family: 'Georgia', serif !important;\n overflow: hidden !important;\n background-color: #f8f9fa !important; \/* Fondo gris sutil *\/\n width: 100vw !important; \/* Ancho completo de pantalla *\/\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Eliminamos .cards-intro ya que ahora es una tarjeta .intro-card *\/\n\n \/* Contenedor de Scroll Horizontal *\/\n #plena-story-container .cards-scroller {\n display: flex !important;\n overflow-x: auto !important;\n gap: 1rem !important;\n padding: 1rem 1.25rem 2rem !important; \/* Espacio inferior para sombra *\/\n scroll-snap-type: x mandatory !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Ocultar Scrollbar *\/\n #plena-story-container .cards-scroller::-webkit-scrollbar {\n display: none !important;\n }\n\n \/* Tarjeta de Introducci\u00f3n (T\u00edtulo) *\/\n #plena-story-container .intro-card {\n flex: 0 0 280px !important;\n scroll-snap-align: center !important;\n padding: 1rem 1rem 1rem 0 !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n }\n\n #plena-story-container .intro-card .cards-title {\n font-size: 2rem !important;\n line-height: 1.1 !important;\n color: var(--negro) !important;\n margin-bottom: 1.25rem !important;\n font-weight: 700 !important;\n border-left: none !important;\n padding-left: 0 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .intro-card .cards-desc {\n font-style: normal !important;\n color: #444 !important;\n font-size: 1rem !important;\n line-height: 1.6 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n }\n\n \/* Centrado inicial: La tarjeta de INTRO es la primera, ella lleva el margen *\/\n #plena-story-container .intro-card:first-child {\n margin-left: calc(50vw - 400px) !important;\n }\n\n \/* VIDEO INSTRUMENTS SECTION *\/\n #plena-story-container .instruments-section {\n background-color: #f8f9fa !important;\n padding-top: 3rem !important;\n margin-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eee !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n display: flex !important;\n flex-direction: column !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;\n margin-bottom: 1rem !important;\n }\n\n \/* Intro card for mobile in video section *\/\n #plena-story-container .video-intro-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n padding: 1rem 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n margin-left: calc(50vw - 42.5vw) !important; \/* Center first item *\/\n }\n\n #plena-story-container .video-intro-title {\n font-size: 1.75rem !important;\n line-height: 1.2 !important;\n color: var(--negro) !important;\n margin-bottom: 1rem !important;\n font-weight: 700 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .video-intro-desc {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n \/* Reset margins for subsequent cards *\/\n #plena-story-container .video-intro-card + .video-card {\n margin-left: 0 !important;\n }\n\n \/* First video card centering logic if not preceded by intro card *\/\n #plena-story-container .video-card:first-child {\n margin-left: calc(50vw - 350px) !important;\n }\n\n @media (max-width: 850px) {\n #plena-story-container .video-card:first-child {\n margin-left: 1rem !important;\n }\n\n \/* Hide title and tag in first card on mobile since they're in intro card *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: none !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: none !important;\n }\n\n \/* Move description to replace the empty space in first card on mobile *\/\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n }\n\n #plena-story-container .video-wrapper {\n width: 100% !important;\n background: #000 !important;\n position: relative !important;\n }\n\n #plena-story-container .video-wrapper video {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n aspect-ratio: 9 \/ 16 !important;\n object-fit: cover !important;\n }\n\n #plena-story-container .video-card-content {\n padding: 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n }\n\n #plena-story-container .video-card-title {\n font-family: 'Georgia', serif !important;\n font-size: 1.5rem !important;\n line-height: 1.2 !important;\n margin-bottom: 1rem !important;\n color: var(--negro) !important;\n font-weight: 700 !important;\n }\n\n #plena-story-container .video-card-content p {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n @media (min-width: 768px) {\n \/* Hide separate intro card on desktop *\/\n #plena-story-container .video-intro-card {\n display: none !important;\n }\n\n \/* Show title, tag and desc in first card on desktop *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: inline-block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content {\n padding: 2.5rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 700px !important;\n flex-direction: row-reverse !important; \/* Description Left, Video Right *\/\n align-items: stretch !important;\n }\n\n #plena-story-container .video-wrapper {\n flex: 0 0 300px !important;\n }\n\n #plena-story-container .video-wrapper video {\n height: 100% !important;\n width: 100% !important;\n }\n\n #plena-story-container .video-card-content {\n flex: 1 !important;\n padding: 2.5rem !important;\n }\n }\n\n @media (max-width: 850px) {\n #plena-story-container .intro-card:first-child {\n margin-left: 0 !important;\n }\n }\n\n \/* Tarjeta Individual Compacta *\/\n #plena-story-container .plenero-card-compact {\n flex: 0 0 280px !important; \/* Ancho fijo compacto *\/\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eaeaea !important;\n border-radius: 6px !important;\n padding: 0 !important; \/* Sin padding general, controlado dentro *\/\n box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;\n display: flex !important;\n flex-direction: column !important;\n max-height: 400px !important; \/* Altura m\u00e1xima fija *\/\n position: relative !important; \/* Necesario para el overlay *\/\n overflow: hidden !important; \/* Contiene el gradiente y header, no hace scroll *\/\n margin-left: 0 !important; \/* Reset expl\u00edcito de margen *\/\n }\n\n \/* Indicador visual de scroll (fade bottom) - Fijo sobre la lista *\/\n #plena-story-container .plenero-card-compact::after {\n content: '' !important;\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n height: 60px !important; \/* Un poco m\u00e1s alto para suavidad *\/\n background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%) !important;\n pointer-events: none !important;\n z-index: 5 !important;\n }\n\n \/* Eliminadas las reglas redundantes de first-child para .plenero-card-compact *\/\n\n \/* Encabezado de Tarjeta (Sticky) *\/\n #plena-story-container .compact-header {\n background: var(--verde-oscuro) !important;\n color: #fff !important;\n padding: 1rem !important;\n \/* position: sticky no es necesario si el header no est\u00e1 dentro del contenedor con scroll *\/\n width: 100% !important;\n z-index: 10 !important;\n text-align: left !important;\n flex-shrink: 0 !important; \/* Evita que se encoja *\/\n }\n\n #plena-story-container .compact-title {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n font-size: 0.9rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n margin: 0 !important;\n }\n\n \/* Lista Compacta con Scroll Independiente *\/\n #plena-story-container .compact-list {\n list-style: none !important;\n padding: 1rem 1rem 4rem 1rem !important; \/* Padding bottom grande para compensar el gradiente *\/\n margin: 0 !important;\n overflow-y: auto !important; \/* Scroll aqu\u00ed *\/\n flex: 1 !important; \/* Ocupa el espacio restante *\/\n -webkit-overflow-scrolling: touch !important;\n }\n\n #plena-story-container .compact-list li {\n font-size: 0.9rem !important;\n line-height: 1.35 !important;\n color: #333 !important;\n margin-bottom: 0.6rem !important;\n padding-bottom: 0.6rem !important;\n border-bottom: 1px solid #f0f0f0 !important;\n }\n\n #plena-story-container .compact-list li:last-child {\n border-bottom: none !important;\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n\n #plena-story-container .compact-detail {\n display: block !important;\n font-size: 0.75rem !important;\n color: #888 !important;\n font-style: italic !important;\n margin-top: 0.15rem !important;\n }\n\n#plena-story-container .perspectives-container {\n margin: 3rem 0;\n border-top: 1px solid #e0e0e0;\n border-bottom: 1px solid #e0e0e0;\n background: #ffffff;\n}\n\n#plena-story-container .tabs-header {\n display: flex;\n border-bottom: 1px solid #e0e0e0;\n}\n\n#plena-story-container .tab-btn {\n flex: 1;\n background: none;\n border: none;\n padding: 1.5rem 1rem;\n text-align: left;\n cursor: pointer;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: clamp(1.25rem, 3vw, 1.5rem) !important;\n transition: all 0.3s ease;\n opacity: 0.5;\n position: relative;\n color: var(--negro);\n outline: none;\n}\n\n#plena-story-container .tab-btn:hover {\n opacity: 0.8;\n background: #fcfcfc;\n}\n\n#plena-story-container .tab-btn.active {\n opacity: 1;\n background: #ffffff;\n}\n\n\/* Indicador de l\u00ednea activa *\/\n#plena-story-container .tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--negro); \/* Por defecto *\/\n}\n\n\/* Colores espec\u00edficos por tab activo *\/\n#plena-story-container .tab-btn:first-child.active::after {\n background: var(--verde-oscuro); \/* Color para Retos *\/\n}\n\n#plena-story-container .tab-btn:last-child.active::after {\n background: var(--verde-azulado); \/* Color para Oportunidades *\/\n}\n\n#plena-story-container .tab-eyebrow {\n display: block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 0.5rem;\n color: #666;\n font-weight: 700;\n}\n\n#plena-story-container .tab-content {\n display: none;\n padding: 2.5rem 0;\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n#plena-story-container .tab-content.active-content {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Scroll Horizontal (Stream) *\/\n#plena-story-container .horizontal-stream {\n display: flex;\n overflow-x: auto;\n gap: 2.5rem;\n padding: 0 1rem 1.5rem; \/* Espacio para sombra si fuera necesario *\/\n scrollbar-width: none; \/* Firefox *\/\n -webkit-overflow-scrolling: touch;\n}\n\n#plena-story-container .horizontal-stream::-webkit-scrollbar {\n display: none;\n}\n\n#plena-story-container .stream-item {\n flex: 0 0 85%; \/* M\u00f3vil: ancho amplio *\/\n padding-right: 1.5rem;\n border-right: 1px solid #f0f0f0;\n position: relative;\n}\n\n#plena-story-container .stream-item:last-child {\n border-right: none;\n padding-right: 0;\n}\n\n#plena-story-container .item-number {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 2rem;\n display: block;\n margin-bottom: 0.5rem;\n line-height: 1;\n opacity: 0.3;\n}\n\n\/* Colores de los n\u00fameros *\/\n#plena-story-container .challenge-accent { color: var(--verde-oscuro); opacity: 1; }\n#plena-story-container .opp-accent { color: var(--verde-azulado); opacity: 1; }\n\n#plena-story-container .stream-item h3 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.35rem !important;\n margin-bottom: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--negro);\n}\n\n#plena-story-container .stream-item p {\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #444 !important;\n margin: 0 !important;\n}\n\n\/* Ajustes Desktop *\/\n@media (min-width: 768px) {\n #plena-story-container .stream-item {\n flex: 0 0 40%;\n }\n\n #plena-story-container .horizontal-stream {\n padding: 0 2rem 1rem; \/* M\u00e1s padding lateral *\/\n }\n}\n \/* LOADING ANIMATION *\/\n #plena-story-container .fade-in {\n animation: fadeInUp 0.8s ease-out both;\n }\n\n \/* Responsive mobile adjustments *\/\n @media (max-width: 640px) {\n .plena-section {\n padding: 1rem;\n border-radius: 12px;\n }\n\n .item-description {\n padding: 0 1rem 1rem 1rem;\n }\n\n .item-header {\n padding: 1rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n * {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n <style>\n body {\n background: #ffffff;\n margin: 0;\n padding: 0;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"plena-story-container\">\n <section class=\"hero\">\n <div class=\"hero-text-container\">\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">\n Plena, Identity and Resistance:\n <span class=\"title-secondary\">the sound that unites the Puerto Rican people<\/span>\n <\/h1>\n <p class=\"hero-description\"><strong>More than the \"people's newspaper,\" plena is bembeteo. It's collective memory that is played, danced, and taught as a way of life.<\/strong><\/p>\n <\/div>\n <\/div>\n <div class=\"hero-video-container\">\n <video\n id=\"hero-video\"\n class=\"hero-video\"\n autoplay\n loop\n playsinline\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenazo_casatitomatos.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plenazo_casatitomatos-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\"\n alt=\"Plenazo at Casa de la Plena Tito Matos\">\n <\/video>\n <button id=\"audio-toggle\" class=\"audio-control\" aria-label=\"Toggle audio\">\n <svg id=\"speaker-on\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\n <\/svg>\n <svg id=\"speaker-off\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\">\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/section>\n\n <section class=\"byline-section\">\n <div>\n <p class=\"byline-author\">Text: Cindy Burgos Alvarado | Visuals: Juan Santa <\/p>\n <p class=\"byline-date\">November 22, 2025<\/p>\n <\/div>\n <\/section>\n\n \n <nav id=\"tabla-contenidos\" class=\"toc-section fade-in\">\n <div class=\"toc-container-inline\">\n <button class=\"toc-toggle-btn\" id=\"toc-toggle\" aria-expanded=\"false\" aria-controls=\"toc-list\">\n <span class=\"toc-title-text\">In this article<\/span>\n <svg class=\"toc-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n <\/svg>\n <\/button>\n <ul class=\"toc-list\" id=\"toc-list\">\n <li><a href=\"#actualidad\">1. Plena today<\/a><\/li>\n <li><a href=\"#origen\">2. Origins and \"Bembeteo\"<\/a><\/li>\n <li><a href=\"#pleneros\">3. Notable pleneros<\/a><\/li>\n <li><a href=\"#instrumentos\">4. Learn to play videos<\/a><\/li>\n <li><a href=\"#evolucion\">5. Evolution of the rhythm<\/a><\/li>\n <li><a href=\"#perspectivas\">6. Challenges and opportunities<\/a><\/li>\n <li><a href=\"#futuro\">7. The future<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n <section class=\"content-section fade-in\" id=\"actualidad\">\n <p class=\"first-paragraph-mobile\"><strong>Learn about Puerto Rican plena, the living musical tradition known as \"the singing newspaper of Puerto Rico\" that continues to shape the island's cultural identity.<\/strong><\/p>\n\n <p>More than a century after originating in the sugarcane fields and barrios of southern Puerto Rico, plena is more alive than ever: it reached the top of <a href=\"https:\/\/www.dw.com\/es\/deb%C3%AD-tirar-m%C3%A1s-fotos-y-bad-bunny-acaparan-listas-globales-de-spotify-y-billboard\/a-71292666\" target=\"_blank\" rel=\"noopener\">Spotify<\/a> and <a href=\"https:\/\/www.metro.pr\/entretenimiento\/2025\/01\/10\/la-plena-tiene-un-tema-numero-uno-a-nivel-mundial-gracias-a-bad-bunny\/\" target=\"_blank\" rel=\"noopener\">Apple Music<\/a> global charts thanks to Bad Bunny, took over the island's main music venue, was performed at the <a href=\"https:\/\/www.telemundo.com\/shows\/premios-billboard\/video\/los-pleneros-de-la-cresta-interpretan-cafe-con-ron-en-los-premios-billboard-2025-tmvo13045596\" target=\"_blank\" rel=\"noopener\">2025 Billboard Latin Music Awards<\/a>, and continues to attract growing interest from both new and established artists.<\/p>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero-Santana.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/donde-esta-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/donde-esta-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p><strong>\"Plena and Puerto Rican bomba are at their best moment in history.<\/strong> Currently, plena is played, performed, danced, interpreted, composed, and taught more than ever,\" said musician and plenero Emanuel Santana, general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\" target=\"_blank\" rel=\"noopener\">La Casa de la Plena Tito Matos<\/a>, one of several schools dedicated to teaching the history, performance, and dance of this native rhythm.<\/p>\n\n <p>But Puerto Ricans' attraction to this Afro-Caribbean genre goes back much further and extends beyond the famous performances by <a href=\"https:\/\/www.youtube.com\/watch?v=1G2-r-5ZwnY\" target=\"_blank\" rel=\"noopener\">Ricky Martin<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=kHwGVojDITY\" target=\"_blank\" rel=\"noopener\">H\u00e9ctor Lavoe<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=ZN_7Zd5LeGw\" target=\"_blank\" rel=\"noopener\">Willie Col\u00f3n<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=sb6VNmLPOPk\" target=\"_blank\" rel=\"noopener\">Mon Rivera<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=6uP_mCi0lkc\" target=\"_blank\" rel=\"noopener\">Ismael Rivera<\/a>, or <a href=\"https:\/\/www.youtube.com\/watch?v=woTlIos3k14\" target=\"_blank\" rel=\"noopener\">Rafael Cortijo y su Combo<\/a>.<\/p>\n\n <p>It's the music that plays among boricua crowds at celebrations, sporting events, protests, the Fiestas de la Calle San Sebasti\u00e1n, and the Christmas asaltos navide\u00f1os, and it has far more performers and contributions from anonymous people than history can record.<\/p>\n\n <p><strong>\"Plena is the rhythm of Puerto Ricans<\/strong> and that's proven by one simple fact: there's no event you'll attend in your life where the panderos haven't been or won't be,\" said musician LuisGa N\u00fa\u00f1ez, director of the group <a href=\"https:\/\/www.plenalibre.com\/\" target=\"_blank\" rel=\"noopener\">Plena Libre<\/a>.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"gallery-section fade-in\" id=\"galeria\">\n <div class=\"gallery-header\">\n <\/div>\n <div class=\"gallery-track\">\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8941-1-scaled.jpeg\" alt=\"Emanuel Santana playing pandero\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Musician Emanuel Santana is the general coordinator of Casa de la Plena Tito Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\" alt=\"Saturday plenazo\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Every Saturday, from 12:00 to 3:00 PM, La Casa de la Plena Tito Matos holds a plenazo and honors the legacy of a plenero.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9040-1-scaled.jpeg\" alt=\"Map of plena styles\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Map of Puerto Rico highlighting the areas of the three most prominent plena styles: Mayag\u00fcez (west), Ponce (south), and Santurce (northeast).<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9049-1-scaled.jpeg\" alt=\"Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Tito Matos was in groups such as Los Sapos del Ca\u00f1o, Los Pleneros del Almendro, Los Pleneros del Pueblo, Los Pleneros de la 21, Los Pleneros de la 23 Abajo, and co-founded Viento de Agua.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9024-1-scaled.jpeg\" alt=\"Casa de la Plena Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena's mission is to preserve, develop, and promote plena and the legacy of artist H\u00e9ctor \"Tito\" Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9020-1-scaled.jpeg\" alt=\"Hand-carved santos of pleneros\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Hand-carved santos representing boricua pleneros.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9033-1-scaled.jpeg\" alt=\"Pandero with Ismael Rivera\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Pandero with the image of Ismael Rivera.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-19-at-6.04.46-PM.png\" alt=\"Tito Matos mural\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Mural honoring Tito Matos at Casa de la Plena, in Santurce.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9010-1-scaled.jpeg\" alt=\"Ram\u00f3n L\u00f3pez collection\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena houses the collection of anthropologist and plenero Ram\u00f3n L\u00f3pez.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9031-1-scaled.jpeg\" alt=\"Instruments at Casa de la Plena\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Panderos and various instruments at La Casa de la Plena, where they offer classes in plena (for children and adults), bomba, g\u00fc\u00edcharo, and children's plena.<\/figcaption>\n <\/figure>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"origen\">\n <h2 class=\"section-title\">Origin of Plena: More Than the 'People's Newspaper'\u2014It's 'Bembeteo'<\/h2>\n\n <p>Historian, artisan, and anthropologist <strong><a href=\"https:\/\/lacasadelaplena.org\/es\/nosotres\">Ram\u00f3n L\u00f3pez<\/a><\/strong>, who founded the Santurce group Los Pleneros de la 23 Abajo, spoke of an \"elusive origin of plena\" because \"we have no evidence that there is a place where plena was invented or that there is a person who invented it,\" as he explained in the documentary <a href=\"https:\/\/www.youtube.com\/watch?v=GW7K5d14yqA\" target=\"_blank\" rel=\"noreferrer noopener\">Los or\u00edgenes inatrapables de la plena puertorrique\u00f1a<\/a> (The Elusive Origins of Puerto Rican Plena, 2020), directed by Felipe Garc\u00eda.<\/p>\n\n <p>The most established theory is that plena originated in the late 19th and early 20th century on the southern coast of Puerto Rico, at a time when \"the most important meeting point was Ponce,\" according to L\u00f3pez.<\/p>\n\n <p>It was a \"collective movement\" born from the hands of \"dispossessed people\" (without property or wealth), many of them sugarcane field workers and residents of the barrios of the south.<\/p>\n\n <p>It emerged during a time of intense changes in Puerto Rico, so it's no surprise that the panderos\u2014light and easy-to-transport instruments\u2014became the protagonists.<\/p>\n\n <blockquote>\n Plena is the musical response of Puerto Ricans to the American invasion. It is their way of reacting musically to that change.<br>\n <small>\u2014 Ram\u00f3n L\u00f3pez, artisan, cultural anthropologist, and plenero<\/small>\n <\/blockquote>\n\n <p>\"Plena couldn't have been slow, melodious, soft music or whatever, because the world and the era in which it was born was the complete opposite... The plenero is a guy who's standing, ready to leave, to move, he's moving, he's dancing if he feels like it,\" added the anthropologist.<\/p>\n\n <p><strong>Bembeteo.<\/strong> More than the <strong>\"people's newspaper\"<\/strong>, a nickname it earned decades after its founding, for L\u00f3pez, plena was the \"bembeteo\"\u2014the gossip, the exaggerated story you tell your neighbor. \"It's a way of expressing the matters of their daily life. That's why plena is very cuentera [full of stories],\" noted the historian, with whom Santana and N\u00fa\u00f1ez agree.<\/p>\n\n <h2 class=\"section-title\">Where Does Plena Come From?<\/h2>\n\n <p>Before plena, tambourines or panderos were used in other foreign rhythms, and their use \"is attributed a lot to the Arabian side,\" explained Santana.<\/p>\n\n <p>However, there's a theory developed by L\u00f3pez that considers that <strong>the use of panderos in Puerto Rico began with the arrival of migrants from the Lesser Antilles<\/strong>, particularly from the English islands, who came to work in crops like sugarcane. They were few and it was a fleeting migration.<\/p>\n\n <p>\"(They were) Black people so poor they had to leave their own islands to find a way to survive, and those people used tambourines and guitars more frequently than Puerto Ricans to liven up their songs, dances, and entertainment,\" recounted L\u00f3pez.<\/p>\n\n <p>In that mix of rhythms similar to ours and fleeting, changing encounters in sugarcane fields and barrios, what we know today as plena began to develop.<\/p>\n\n <p>Another theory is that \"it comes from a bomba rhythm called holand\u00e9, which is very similar to the plena rhythm,\" said Santana.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n\n <div class=\"pleneros-cards-section\" id=\"pleneros\">\n <div class=\"cards-scroller\">\n \n <div class=\"intro-card\">\n <h3 class=\"cards-title\">Pleneros in Puerto Rico<\/h3>\n <p class=\"cards-desc\">Many musicians have contributed to the development of plena. We've compiled some key names, acknowledging that the list is much more extensive.<\/p>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Historical Figures<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Joselino \"Bumb\u00fan\" Oppenheimer<\/li>\n <li>Emilio Escobar<\/li>\n <li>Paco Cerniera<\/li>\n <li>Mar\u00eda Cristina \"Cristy\" Alfonso Mangual<\/li>\n <li>Ram\u00f3n L\u00f3pez<\/li>\n <li>Norberto S\u00e1nchez<\/li>\n <li>Ram\u00f3n Pedraza<\/li>\n <li>\u00c1ngel Luis Torruellas <span class=\"compact-detail\">\"The King of Plena\"<\/span><\/li>\n <li>Tony Capit\u00e1n<\/li>\n <li>Ismael \"Cocolay\" Rivera<\/li>\n <li>Ram\u00f3n Rivera Alers <span class=\"compact-detail\">\"Don Mon\" and his sons<\/span><\/li>\n <li>Efra\u00edn Rivera Castillo \"Mon Rivera\"<\/li>\n <li>H\u00e9ctor \"Tito\" Matos<\/li>\n <li>Gary N\u00fa\u00f1ez<\/li>\n <li>H\u00e9ctor \"Atabal\" Rodr\u00edguez<\/li>\n <li>Los Pleneros del Quinto Olivo<\/li>\n <li>Los Pleneros de la 21<\/li>\n <li>Los Pleneros de la 23 Abajo<\/li>\n <li>Rafael Cortijo y su Combo<\/li>\n <li>Ismael Rivera<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Family Legacies<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>\n <strong>Cepeda Family<\/strong>\n <span class=\"compact-detail\">8 generations promoting bomba and plena.<\/span>\n <\/li>\n <li>Emmanuelli Family<\/li>\n <li>\n <strong>Mart\u00ednez Family<\/strong>\n <span class=\"compact-detail\">Emil, Ler\u00f3, and Johnsy Mart\u00ednez<\/span>\n <\/li>\n <li>Rivera Family<\/li>\n <li>Pacheco Brothers<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Contemporary Groups<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Plena Libre<\/li>\n <li>Emplegoste<\/li>\n <li>Plen\u00e9alo<\/li>\n <li>Los Pleneros de la Cresta<\/li>\n <li>Los Pleneros de Severo<\/li>\n <li>Grupo Esencia<\/li>\n <li>Truco y Zaperoko<\/li>\n <li>Pleneros del Truco<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n\n <p><strong>La Joya del Castillo.<\/strong> Although there's no precise place of origin, L\u00f3pez noted that La Joya del Castillo (The Jewel of the Castle), a slum located in the Quinto neighborhood of Ponce, \"was the most important meeting point\" in the early days of plena. It was a barrio outside the control of the sugarcane fields, which allowed people from other neighborhoods like San Ant\u00f3n or B\u00e9lgica to freely gather and play.<\/p>\n\n <p><strong>The King of Plena.<\/strong> The lack of documentation of the first plena musicians makes a concrete history of the most outstanding figures difficult, but L\u00f3pez highlighted <a href=\"https:\/\/www.80grados.net\/el-cuento-pleneao-de-bumbun-2\/\" target=\"_blank\" rel=\"noopener\">Joselino \"Bumb\u00fan\" Oppenheimer<\/a> as \"the king of plena\"\u2014singer, pandero player, composer\u2014one of the pioneers and \"the most charismatic, the most talented.\" He even said that some of the oldest plenas might be his, but he died without recording his compositions.<\/p>\n\n <ul>\n <li>The song <em><a href=\"https:\/\/www.revistaetnica.com\/blogs\/news\/plena-combativa-lanza-su-segundo-sencillo-bembetea\" target=\"_blank\" rel=\"noopener\">Bembetea<\/a><\/em> by Plena Combativa pays tribute to Carola Clark, one of the pleneras considered a pioneer.<\/li>\n <\/ul>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <div class=\"pleneros-cards-section instruments-section fade-in\" id=\"instrumentos\">\n <div class=\"cards-scroller\">\n \n <div class=\"video-intro-card\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-intro-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <\/div>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/1-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/pandero_seguidor.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/pandero_seguidor-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-card-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <p><strong>Panderos:<\/strong> percussion instruments from the drum family, consisting of a rigid round frame covered on one end with stretched skin. It's played by hitting or tapping with the hands.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/3.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/el-seguidor-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/el-seguidor-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El seguidor (the follower):<\/strong> is the second pandero to be added. It has the deepest sound and is the largest (usually 16 inches). It's used to keep the rhythm.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/5.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/punteador-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/punteador-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El punteador:<\/strong> Has a medium size (about 13 inches) and intermediate tuning. It also keeps the rhythm, but in a higher pitch than the seguidor.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/2-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plena-requinto.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plena-requinto-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El requinto:<\/strong> the one with the highest tuning and the smallest (about 12 inches), used for solos. It's considered to have been present since the beginnings of plena, when it was played with just one pandero.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/4.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/guicharo-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/guicharo-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>G\u00fc\u00edcharo or g\u00fciro:<\/strong> a percussion instrument <a href=\"https:\/\/www.plateapr.com\/historia-guiro-puerto-rico\">from the scraper family<\/a> that in Puerto Rico is made from a plant called marimbo, grooved and played with a stick called varillero or puya.<\/p>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"evolucion\">\n <h2 class=\"section-title\"><strong>The Evolution of Plena: Rhythm, Lyrics, and Influences<\/strong><\/h2>\n\n <p><strong>Rhythm.<\/strong> Unlike bomba, which has dozens of rhythms, <strong>plena \"is a single rhythm\"<\/strong> that has regionalisms, ways of being interpreted, and various tempos, said Santana, who considers that even today's fusions are the same genre.<\/p>\n\n <p>Among the <strong>playing styles<\/strong>, N\u00fa\u00f1ez highlighted three main ones: Ponce, Mayag\u00fcez, and Santurce, \"particularly with maestro Rafael Cepeda,\" whose family is a pioneer in founding the first plena schools. These were the most important hubs of Puerto Rican plena.<\/p>\n\n <ul>\n <li>\"The most different style out there is one called <strong>'punta de clavo' (nail tip)<\/strong>, which is from Mayag\u00fcez, it's a lamento plena,\" played more slowly and with the fingertips, as opposed to the whole palm as done in Santurce, explained N\u00fa\u00f1ez.<\/li>\n <\/ul>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Tempo_plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/Tempo_plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p>For Santana, the way of playing, volumes, and even techniques \"have been evolving\" and respond to the reality of each era. Both the pandero and g\u00fc\u00edcharo playing have been changing, he affirmed.<\/p>\n\n <p><strong>Lyrics.<\/strong> From its beginnings, song lyrics have told stories of everyday life, from romances and celebrations to political and religious events, death, and anything that captures popular imagination. \"Plena was also very patriarchal,\" said L\u00f3pez, referring to plenas like <em>Cortaron a Elena<\/em> (They Cut Elena).<\/p>\n\n <p>Although Santana considers that today a group wouldn't write about a femicide, the lyrics remain the <strong>\"living expression of the people\"<\/strong> and \"a way of confronting the regime in an artistic manner,\" with inclusive lyrics by new performers. \"Plena is like our battle cry,\" he added.<\/p>\n\n <p>N\u00fa\u00f1ez, for his part, uses his art to express celebration, romance, and resistance.<\/p>\n\n <blockquote>\n Plena responds to Puerto Rican reality, and Puerto Ricans will get angry, celebrate, love, and hate through plena, through the music that represents them.<br>\n <small>\u2014 LuisGa N\u00fa\u00f1ez<\/small>\n <\/blockquote>\n\n <p><strong>Influences.<\/strong> \"Plena has always been nourished by the music that's popular at the moment, what's in vogue,\" noted Santana. For example, in the early 20th century, plena was influenced by <strong>danza<\/strong>; in the 1940s, it was <strong>bolero<\/strong> and <strong>trio music<\/strong>.<\/p>\n\n <p>\"If we go further ahead, already <strong>son<\/strong>, <strong>guaracha<\/strong>, and the movement of the phenomenon we call <strong>salsa<\/strong> were more in vogue, so plena got influenced by that. Later with <strong>merengue<\/strong>. Later with <strong>rap<\/strong>, <strong>reggae<\/strong>, <strong>reggaet\u00f3n<\/strong>, <strong>trap<\/strong>, and that's where we are today,\" said Santana.<\/p>\n\n <p>In N\u00fa\u00f1ez's case, his plena as a soloist has been influenced by <strong>bossa nova<\/strong>, <strong>urban music<\/strong>, and even <strong>jazz<\/strong>. \"My two biggest influences are Calle 13 and Tego Calder\u00f3n,\" although he grew up listening to Los Pleneros del Quinto Olivo, Cortijo, Mon Rivera, \u00c1ngel Luis Torruella, La Sonora Ponce\u00f1a, and El Gran Combo, he said.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"perspectivas\">\n <h2 class=\"section-title\">Challenges and Opportunities<\/h2>\n <div class=\"perspectives-container\">\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" onclick=\"openTab(event, 'retos')\" aria-label=\"View Challenges\">\n <span class=\"tab-eyebrow\">The Challenge<\/span>\n Challenges\n <\/button>\n <button class=\"tab-btn\" onclick=\"openTab(event, 'oportunidades')\" aria-label=\"View Opportunities\">\n <span class=\"tab-eyebrow\">The Vision<\/span>\n Opportunities\n <\/button>\n <\/div>\n\n <div id=\"retos\" class=\"tab-content active-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">1<\/span>\n <h3>Limited Exposure<\/h3>\n <p>\"The most important thing is exposure: that we give it the spaces, structures, and opportunities that we give to foreign music,\" said plenero <strong>Emanuel Santana<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">2<\/span>\n <h3>Lack of Resources<\/h3>\n <p>\"The monetary difference plays a role in us not being in the spaces necessary to stand out,\" explained plenero <strong>LuisGa N\u00fa\u00f1ez<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">3<\/span>\n <h3>Historical Gap<\/h3>\n <p>Although there are various theories about the origin of the rhythm, specific details were not documented. \"I would like to encourage much more serious research,\" said Santana.<\/p>\n <\/article>\n <\/div>\n <\/div>\n\n <div id=\"oportunidades\" class=\"tab-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">1<\/span>\n <h3>The 'Bad Bunny Effect'<\/h3>\n <p>\"It's up to us to take advantage of the moment... make good music, reach people,\" acknowledged LuisGa N\u00fa\u00f1ez about the responsibility of pleneros given the impact of international-caliber artists fusing plena.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">2<\/span>\n <h3>Collaborations<\/h3>\n <p>\"Collaborations are the next step,\" affirmed N\u00fa\u00f1ez. It's time to invite other artists to use the plena rhythm in their compositions.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">3<\/span>\n <h3>Public Policy<\/h3>\n <p>Santana suggests revitalizing the <strong>Our Native Music Act (Law 223)<\/strong> to ensure funding at public events and include plena as mandatory in school curricula.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">4<\/span>\n <h3>New Markets<\/h3>\n <p>Looking south. Uruguay, where plena is deeply rooted, is \"a mirror of what could happen in Puerto Rico,\" assured N\u00fa\u00f1ez.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n<\/section>\n\n <div style=\"margin: 3rem 0; text-align: center;\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-22-at-12.52.08-PM.webp\"\n alt=\"The future of plena\"\n style=\"max-width: 100%; height: auto; border-radius: 8px;\"\n loading=\"lazy\">\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"futuro\">\n <h2 class=\"section-title\"><strong>The Future of Plena<\/strong><\/h2>\n\n <p>With the inclusion of Bad Bunny, Rauw Alejandro, and other international-caliber artists fusing their songs with plena, and with so many other local artists creating their own interpretations, \"I'm very sure that <strong>the future of plena is very bright<\/strong>,\" in Santana's view.<\/p>\n\n <p>The general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\">La Casa de la Plena Tito Matos<\/a>, where Ram\u00f3n L\u00f3pez's archives are housed, said the important thing is to approach the rhythm with respect, keeping in mind and acknowledging the legacy of the great masters of plena.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"closing-section\">\n <p class=\"closing-quote\">\n \"Plena is the rhythm of Puerto Ricans. There's no event where the panderos haven't been or won't be.\"\n <\/p>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Preserve straight quotes - prevent WordPress wptexturize\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Store original content before WordPress processes it\n const container = document.getElementById('plena-story-container');\n if (container) {\n \/\/ Normalize all text nodes to use straight quotes\n const walker = document.createTreeWalker(\n container,\n NodeFilter.SHOW_TEXT,\n null\n );\n\n const textNodes = [];\n while (walker.nextNode()) {\n textNodes.push(walker.currentNode);\n }\n\n \/\/ Only normalize if any type of quotes are detected (meaning WordPress processed it)\n textNodes.forEach(node => {\n if (node.nodeValue && (node.nodeValue.includes('\\u00AB') || node.nodeValue.includes('\\u00BB') || node.nodeValue.includes('\\u201C') || node.nodeValue.includes('\\u201D') || node.nodeValue.includes('\\u2018') || node.nodeValue.includes('\\u2019'))) {\n \/\/ Replace all quote types with straight quotes\n node.nodeValue = node.nodeValue\n .replace(\/[\\u00AB\\u00BB]\/g, '\"') \/\/ Latin\/Spanish quotes \u00ab \u00bb\n .replace(\/[\\u201C\\u201D]\/g, '\"') \/\/ Curly quotes \" \"\n .replace(\/[\\u2018\\u2019]\/g, \"'\"); \/\/ Curly single quotes ' '\n }\n });\n }\n });\n\n\n\n \/\/ Fade-in animations on scroll\n const contentObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.content-section, .gallery-section').forEach(el => {\n contentObserver.observe(el);\n });\n\n \/\/ Video controls and viewport detection\n document.addEventListener('DOMContentLoaded', () => {\n const video = document.getElementById('hero-video');\n const audioToggle = document.getElementById('audio-toggle');\n const speakerOn = document.getElementById('speaker-on');\n const speakerOff = document.getElementById('speaker-off');\n\n if (!video || !audioToggle) return;\n\n \/\/ Start video with sound unmuted\n video.muted = false;\n video.volume = 0.7; \/\/ Set volume to 70%\n\n \/\/ Try to play video with sound\n video.play().catch(err => {\n console.log('Autoplay with sound prevented, starting muted:', err);\n \/\/ If autoplay with sound fails, mute and try again\n video.muted = true;\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n video.play().catch(err2 => {\n console.log('Video autoplay completely prevented:', err2);\n });\n });\n\n \/\/ Audio toggle button\n audioToggle.addEventListener('click', () => {\n video.muted = !video.muted;\n\n if (video.muted) {\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n audioToggle.setAttribute('aria-label', 'Enable audio');\n } else {\n speakerOn.style.display = 'block';\n speakerOff.style.display = 'none';\n audioToggle.setAttribute('aria-label', 'Disable audio');\n }\n });\n\n \/\/ Observe video viewport visibility\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/\/ Video is in viewport - play it\n video.play().catch(err => {\n console.log('Could not play video:', err);\n });\n } else {\n \/\/ Video is out of viewport - pause it\n video.pause();\n }\n });\n }, { threshold: 0.25 }); \/\/ Trigger when 25% of video is visible\n\n videoObserver.observe(video);\n });\n\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ Toggle Table of Contents\n document.addEventListener('DOMContentLoaded', () => {\n const tocToggle = document.getElementById('toc-toggle');\n const tocList = document.getElementById('toc-list');\n\n if(tocToggle && tocList) {\n tocToggle.addEventListener('click', () => {\n const isOpen = tocList.classList.contains('open');\n\n \/\/ Toggle classes\n tocList.classList.toggle('open');\n tocToggle.classList.toggle('active');\n\n \/\/ Update accessibility attribute\n tocToggle.setAttribute('aria-expanded', !isOpen);\n });\n\n \/\/ Auto-close when clicking a link\n const tocLinks = tocList.querySelectorAll('a');\n tocLinks.forEach(link => {\n link.addEventListener('click', () => {\n tocList.classList.remove('open');\n tocToggle.classList.remove('active');\n tocToggle.setAttribute('aria-expanded', 'false');\n });\n });\n }\n });\n\n \/\/ ============================================\n \/\/ GOOGLE ANALYTICS EVENTS\n \/\/ ============================================\n\n \/\/ 1. MENU NAVIGATION\n document.addEventListener('DOMContentLoaded', () => {\n const menuLinks = document.querySelectorAll('.toc-list a');\n menuLinks.forEach(link => {\n link.addEventListener('click', (e) => {\n const sectionName = link.textContent.trim();\n if (typeof gtag !== 'undefined') {\n gtag('event', 'menu_navigation', {\n event_category: 'Navigation',\n event_label: sectionName,\n section_id: link.getAttribute('href')\n });\n }\n });\n });\n });\n\n \/\/ 2. VIDEO PLAY AND WATCH TIME\n document.addEventListener('DOMContentLoaded', () => {\n const allVideos = document.querySelectorAll('video');\n\n allVideos.forEach((video, index) => {\n const videoSrc = video.querySelector('source')?.getAttribute('src') || 'unknown';\n const videoName = videoSrc.split('\/').pop().replace('.mp4', '');\n let hasStarted = false;\n let watchTime = 0;\n let lastTime = 0;\n\n \/\/ Event: Video Play\n video.addEventListener('play', () => {\n if (!hasStarted && typeof gtag !== 'undefined') {\n gtag('event', 'video_start', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n hasStarted = true;\n }\n });\n\n \/\/ Event: Video Progress (25%, 50%, 75%, 100%)\n video.addEventListener('timeupdate', () => {\n const percent = (video.currentTime \/ video.duration) * 100;\n\n if (percent >= 25 && !video.dataset.tracked25) {\n video.dataset.tracked25 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 25\n });\n }\n }\n if (percent >= 50 && !video.dataset.tracked50) {\n video.dataset.tracked50 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 50\n });\n }\n }\n if (percent >= 75 && !video.dataset.tracked75) {\n video.dataset.tracked75 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 75\n });\n }\n }\n });\n\n \/\/ Event: Video Complete\n video.addEventListener('ended', () => {\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_complete', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n }\n });\n\n \/\/ Track watch time\n video.addEventListener('timeupdate', () => {\n if (!video.paused) {\n watchTime += video.currentTime - lastTime;\n }\n lastTime = video.currentTime;\n });\n\n \/\/ Send watch time when user leaves or pauses\n video.addEventListener('pause', () => {\n if (watchTime > 0 && typeof gtag !== 'undefined') {\n gtag('event', 'video_watch_time', {\n event_category: 'Video',\n event_label: videoName,\n value: Math.round(watchTime)\n });\n }\n });\n });\n });\n\n \/\/ 3. CHALLENGES AND OPPORTUNITIES TAB CLICKS\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Google Analytics Event\n if (typeof gtag !== 'undefined') {\n gtag('event', 'tab_click', {\n event_category: 'Engagement',\n event_label: tabName,\n tab_name: tabName === 'retos' ? 'Challenges' : 'Opportunities'\n });\n }\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ 4. PAGE SCROLL PERCENTAGE\n document.addEventListener('DOMContentLoaded', () => {\n let scrollTracked = {\n 25: false,\n 50: false,\n 75: false,\n 90: false\n };\n\n window.addEventListener('scroll', () => {\n const scrollPercentage = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n\n if (scrollPercentage >= 25 && !scrollTracked[25]) {\n scrollTracked[25] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '25%',\n value: 25\n });\n }\n }\n if (scrollPercentage >= 50 && !scrollTracked[50]) {\n scrollTracked[50] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '50%',\n value: 50\n });\n }\n }\n if (scrollPercentage >= 75 && !scrollTracked[75]) {\n scrollTracked[75] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '75%',\n value: 75\n });\n }\n }\n if (scrollPercentage >= 90 && !scrollTracked[90]) {\n scrollTracked[90] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '90%',\n value: 90\n });\n }\n }\n });\n });\n\n \/\/ 5. PLENEROS IN PUERTO RICO LIST INTERACTION\n document.addEventListener('DOMContentLoaded', () => {\n const pleneroCards = document.querySelectorAll('.plenero-card-compact');\n\n \/\/ Track card visibility (when cards come into view)\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.dataset.viewed) {\n entry.target.dataset.viewed = 'true';\n const cardTitle = entry.target.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_view', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n }\n });\n }, { threshold: 0.5 });\n\n pleneroCards.forEach(card => {\n cardObserver.observe(card);\n\n \/\/ Track clicks on cards\n card.addEventListener('click', () => {\n const cardTitle = card.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_click', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n });\n });\n\n \/\/ Track scroll interaction with the pleneros section\n const plenerosSection = document.querySelector('.pleneros-cards-section');\n if (plenerosSection) {\n const scroller = plenerosSection.querySelector('.cards-scroller');\n let hasScrolled = false;\n\n if (scroller) {\n scroller.addEventListener('scroll', () => {\n if (!hasScrolled && typeof gtag !== 'undefined') {\n hasScrolled = true;\n gtag('event', 'pleneros_scroll', {\n event_category: 'Engagement',\n event_label: 'Pleneros Cards Scrolled'\n });\n }\n });\n }\n }\n });\n\n \/\/ ============================================\n \/\/ AUTO-PAUSE VIDEOS IN VIDEO-CARDS\n \/\/ ============================================\n\n document.addEventListener('DOMContentLoaded', () => {\n const videoCards = document.querySelectorAll('.video-card');\n const allCardVideos = document.querySelectorAll('.video-card video');\n\n \/\/ 1. DESKTOP: Pause other videos when one starts playing\n allCardVideos.forEach(video => {\n video.addEventListener('play', () => {\n allCardVideos.forEach(otherVideo => {\n if (otherVideo !== video && !otherVideo.paused) {\n otherVideo.pause();\n }\n });\n });\n });\n\n \/\/ 2. MOBILE: Pause videos when they leave the viewport (scroll)\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n const video = entry.target.querySelector('video');\n if (video) {\n \/\/ If the card leaves the viewport (less than 50% visible), pause the video\n if (!entry.isIntersecting) {\n video.pause();\n }\n }\n });\n }, {\n threshold: 0.5, \/\/ Considered \"out\" when less than 50% is visible\n rootMargin: '0px'\n });\n\n \/\/ Observe each video-card\n videoCards.forEach(card => {\n videoObserver.observe(card);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n"]}],"_links":{"self":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6127","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=6127"}],"version-history":[{"count":0,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6127\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media\/6128"}],"wp:attachment":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media?parent=6127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/categories?post=6127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/post_tag?post=6127"},{"taxonomy":"post_author","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/authors?post=6127"},{"taxonomy":"page_type","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/page_type?post=6127"},{"taxonomy":"geo_location","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/geo_location?post=6127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6127,"date":"2025-12-12T13:21:52","date_gmt":"2025-12-12T18:21:52","guid":{"rendered":"https:\/\/www.plateapr.com\/en\/?p=6127"},"modified":"2025-12-12T13:23:02","modified_gmt":"2025-12-12T18:23:02","slug":"puerto-rican-plena-the-sound-that-unites-boricuas","status":"publish","type":"post","link":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/","title":{"rendered":"Puerto Rican Plena: the sound that unites boricuas"},"content":{"rendered":"\n\n\n\n \n \n Puerto Rican Plena: More Than the People’s Newspaper | PlateaPR<\/title>\n <style>\n \/* Prevent WordPress from converting quotation marks *\/\n #plena-story-container {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n \/* Force specific quote styles *\/\n #plena-story-container q {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container q::before {\n content: open-quote !important;\n }\n\n #plena-story-container q::after {\n content: close-quote !important;\n }\n\n \/* Preserve text content exactly as written *\/\n #plena-story-container p,\n #plena-story-container h1,\n #plena-story-container h2,\n #plena-story-container h3,\n #plena-story-container a,\n #plena-story-container strong,\n #plena-story-container em,\n #plena-story-container blockquote,\n #plena-story-container figcaption {\n text-rendering: optimizeLegibility !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n }\n\n \/* Reset and Base Styles *\/\n #plena-story-container {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n line-height: 1.8 !important;\n color: #1a1a1a;\n background: #ffffff;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n --verde-azulado: #04d99d;\n --verde-oscuro: #03b884;\n --cyan-claro: #05f5b8;\n --rosa-accento: #d9046d;\n --blanco: #ffffff;\n --negro: #1a1a1a;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\";\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* ESTILOS TABLA DE CONTENIDOS SUTIL (LEFT ALIGNED) *\/\n #plena-story-container .toc-section {\n max-width: 800px !important;\n margin: 0.5rem auto 3rem !important; \/* Pegado al byline *\/\n padding: 0 1.25rem !important;\n position: relative !important;\n text-align: left !important;\n z-index: 100 !important;\n }\n\n #plena-story-container .toc-container-inline {\n display: inline-block !important;\n position: relative !important;\n min-width: 260px !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .toc-toggle-btn {\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n padding: 0.5rem 1rem !important;\n background: #f8f9fa !important;\n border: none !important;\n border-left: 4px solid var(--verde-oscuro) !important;\n border-radius: 0 !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n color: #333 !important;\n font-size: 0.85rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n outline: none !important;\n }\n\n #plena-story-container .toc-toggle-btn:hover {\n background-color: #ececec !important;\n }\n\n #plena-story-container .toc-toggle-btn .toc-icon {\n fill: var(--verde-oscuro) !important;\n width: 20px !important;\n height: 20px !important;\n transition: transform 0.3s ease !important;\n }\n\n #plena-story-container .toc-toggle-btn.active .toc-icon {\n transform: rotate(180deg) !important;\n }\n\n #plena-story-container .toc-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n background-color: #ffffff !important;\n border: 1px solid #e0e0e0 !important;\n border-top: none !important;\n border-radius: 0 !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;\n\n \/* Floating behavior *\/\n position: absolute !important;\n top: 100% !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 101 !important;\n\n \/* Animation states *\/\n opacity: 0 !important;\n visibility: hidden !important;\n transform: translateY(-10px) !important;\n transition: all 0.2s ease-out !important;\n max-height: none !important;\n }\n\n #plena-story-container .toc-list.open {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateY(0) !important;\n }\n\n \/* Items styling *\/\n #plena-story-container .toc-list li a {\n display: block !important;\n padding: 0.6rem 1rem !important;\n color: #444 !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n border-bottom: 1px solid #f5f5f5 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n transition: background 0.2s ease !important;\n }\n\n #plena-story-container .toc-list li:last-child a {\n border-bottom: none !important;\n }\n\n #plena-story-container .toc-list li a:hover {\n background-color: #f9f9f9 !important;\n color: var(--verde-oscuro) !important;\n }\n\n \/* Bot\u00f3n de Volver al Men\u00fa - ESTILOS UNIFICADOS *\/\n\n \/* 1. Contenedor: Siempre centrado, max 800px, texto a la derecha *\/\n #plena-story-container .back-to-menu-container {\n display: block !important;\n width: 100% !important;\n max-width: 800px !important;\n margin: 2rem auto 1rem !important;\n padding: 0 1.25rem !important;\n text-align: right !important;\n box-sizing: border-box !important;\n background: transparent !important; \/* Asegurar que no tenga fondo *\/\n }\n\n \/* Forzar que el contenedor respete el margen en secciones anchas *\/\n #plena-story-container .gallery-section .back-to-menu-container,\n #plena-story-container .instruments-section .back-to-menu-container,\n #plena-story-container .pleneros-cards-section .back-to-menu-container {\n margin-left: auto !important;\n margin-right: auto !important;\n \/* Resetear cualquier float o posici\u00f3n extra\u00f1a *\/\n float: none !important;\n position: relative !important;\n left: auto !important;\n right: auto !important;\n }\n\n \/* 2. Bot\u00f3n: Reset completo y estilo base *\/\n #plena-story-container .back-to-menu-btn {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: flex-end !important;\n padding: 0.5rem 0 !important;\n margin: 0 !important;\n border: none !important;\n background: transparent !important;\n text-decoration: none !important;\n color: #999999 !important;\n font-size: 0.75rem !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 600 !important;\n transition: all 0.2s ease !important;\n cursor: pointer !important;\n box-shadow: none !important;\n outline: none !important;\n opacity: 1 !important; \/* Asegurar visibilidad *\/\n }\n\n \/* 3. Flecha (Pseudo-elemento) *\/\n #plena-story-container .back-to-menu-btn::before {\n content: '\u2191' !important;\n margin-right: 6px !important;\n display: inline-block !important;\n transition: transform 0.2s ease !important;\n font-size: 1.1em !important; \/* Ligeramente m\u00e1s grande para claridad *\/\n line-height: 1 !important;\n }\n\n \/* 4. Estado Hover *\/\n #plena-story-container .back-to-menu-btn:hover {\n color: var(--verde-oscuro) !important;\n background: transparent !important;\n text-decoration: none !important;\n }\n\n #plena-story-container .back-to-menu-btn:hover::before {\n transform: translateY(-3px) !important;\n }\n\n \/* Smooth Scroll para toda la p\u00e1gina *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* HERO SECTION - NYT Style with Video *\/\n #plena-story-container .hero {\n height: 100vh !important;\n max-height: 100vh !important;\n display: flex !important;\n align-items: stretch !important;\n justify-content: space-between !important;\n background: #000000 !important;\n position: relative !important;\n overflow: hidden !important;\n width: 100vw !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Desktop Layout: Split Screen *\/\n #plena-story-container .hero-text-container {\n flex: 1 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 4rem !important;\n background: #000000 !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n flex: 1 !important;\n position: relative !important;\n overflow: hidden !important;\n background: #000000 !important;\n }\n\n #plena-story-container .hero-video {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n }\n\n \/* Audio Control Button *\/\n #plena-story-container .audio-control {\n position: absolute !important;\n bottom: 2rem !important;\n right: 2rem !important;\n width: 48px !important;\n height: 48px !important;\n border-radius: 50% !important;\n background: rgba(0, 0, 0, 0.7) !important;\n border: 2px solid rgba(255, 255, 255, 0.9) !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: all 0.3s ease !important;\n z-index: 20 !important;\n backdrop-filter: blur(10px) !important;\n }\n\n #plena-story-container .audio-control:hover {\n background: rgba(0, 0, 0, 0.9) !important;\n border-color: var(--verde-azulado) !important;\n transform: scale(1.1) !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 24px !important;\n height: 24px !important;\n fill: white !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n color: var(--blanco) !important;\n max-width: 600px !important;\n animation: fadeInUp 1s ease-out 0.5s both !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 1.5rem !important;\n letter-spacing: -1px !important;\n line-height: 1.1 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n font-weight: 700 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1.125rem, 2vw, 1.375rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-bottom: 0.875rem !important;\n opacity: 0.9 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-description {\n font-size: clamp(1rem, 2vw, 1.25rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-top: 1.5rem !important;\n opacity: 0.95 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n display: block !important;\n }\n\n \/* Ocultar hero-description en mobile *\/\n @media (max-width: 968px) {\n #plena-story-container .hero-description {\n display: none !important;\n }\n }\n\n \/* Mostrar first-paragraph-mobile solo en mobile *\/\n #plena-story-container .first-paragraph-mobile {\n display: none !important;\n }\n\n \/* Mobile Layout: Video Background with Overlay Text *\/\n @media (max-width: 968px) {\n #plena-story-container .hero {\n flex-direction: column !important;\n min-height: 100vh !important;\n }\n\n #plena-story-container .hero-text-container {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n flex: none !important;\n padding: 1rem 1.5rem 1rem !important;\n background: linear-gradient(\n to top,\n rgba(0,0,0,0.95) 0%,\n rgba(0,0,0,0.8) 30%,\n rgba(0,0,0,0.4) 60%,\n transparent 100%\n ) !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100% !important;\n height: 100% !important;\n }\n\n #plena-story-container .hero-video {\n object-position: center 35% !important;\n }\n\n #plena-story-container .hero {\n height: 85vh !important;\n min-height: 85vh !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2rem, 8vw, 3rem) !important;\n text-shadow: 0 4px 12px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n display: block !important;\n font-size: clamp(1.5rem, 6vw, 2.25rem) !important;\n margin-top: 0.5rem !important;\n font-weight: 600 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.25rem) !important;\n text-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .first-paragraph-mobile {\n display: block !important;\n font-size: 1.125rem !important;\n line-height: 1.8 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #plena-story-container .audio-control {\n top: 1rem !important;\n right: 1rem !important;\n bottom: auto !important;\n width: 44px !important;\n height: 44px !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n #plena-story-container .byline-section {\n background-color: #ffffff !important;\n padding: 2rem 0 0.5rem 0 !important;\n text-align: left !important;\n line-height: 1.4 !important;\n }\n\n #plena-story-container .byline-section > div {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n border-bottom: 1px solid #e0e0d0 !important;\n padding-bottom: 0.5rem !important;\n }\n\n #plena-story-container .byline-author {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.125rem !important;\n font-weight: 400 !important;\n color: #2c3e50 !important;\n margin-bottom: 0.5rem !important;\n line-height: 1.1 !important;\n }\n\n #plena-story-container .byline-date {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n font-weight: 300 !important;\n color: #666 !important;\n font-style: italic !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Additional Mobile adjustments *\/\n @media (max-width: 768px) {\n \/* Force line-height and font-size on mobile - ALL text should be the same size *\/\n #plena-story-container .content-section {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p,\n #plena-story-container .content-section p *,\n #plena-story-container .content-section ul,\n #plena-story-container .content-section ul li,\n #plena-story-container .content-section ul li *,\n #plena-story-container .content-section ol,\n #plena-story-container .content-section ol li,\n #plena-story-container .content-section ol li * {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n \/* Ensure links in lists also have correct size *\/\n #plena-story-container .content-section ul li a,\n #plena-story-container .content-section ol li a {\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section blockquote {\n line-height: 1.8 !important;\n font-size: 1.25rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n font-size: 0.9rem !important;\n }\n }\n\n \/* SECTIONS *\/\n #plena-story-container section {\n padding: 3rem 0 !important;\n position: relative !important;\n }\n\n \/* Aumentar padding top solo para la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section:first-of-type {\n padding-top: 5rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container section {\n padding: 2rem 0 !important;\n }\n }\n\n #plena-story-container .section-header {\n max-width: 1200px !important;\n margin: 0 auto 2.5rem !important;\n text-align: center !important;\n padding: 0 1.25rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .section-header {\n margin-bottom: 2rem !important;\n padding: 0 1rem !important;\n }\n }\n\n #plena-story-container .section-title {\n font-size: clamp(1.875rem, 3vw, 2.25rem) !important;\n color: var(--negro) !important;\n margin-bottom: 0.75rem !important;\n position: relative !important;\n display: block !important;\n text-align: center !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-weight: 600 !important;\n line-height: 1.2 !important;\n }\n\n #plena-story-container .section-title::after {\n content: '' !important;\n position: absolute !important;\n bottom: -10px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: 60% !important;\n height: 2px !important;\n background: var(--verde-azulado) !important;\n }\n\n #plena-story-container .section-subtitle {\n font-size: clamp(0.9375rem, 2vw, 1.125rem) !important;\n color: var(--verde-oscuro) !important;\n font-style: italic !important;\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n opacity: 0.85 !important;\n }\n\n \/* CONTENT SECTIONS *\/\n #plena-story-container .content-section {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p {\n margin-bottom: 1.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* Primer p\u00e1rrafo de la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section p:first-child {\n margin-top: 3rem !important;\n }\n\n #plena-story-container .content-section strong {\n font-weight: 700 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section em {\n font-style: italic !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section h2 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n margin-bottom: 1.5rem !important;\n margin-top: 5rem !important;\n text-align: center !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn),\n #plena-story-container .video-card-content a:not(.back-to-menu-btn) {\n color: var(--verde-oscuro) !important;\n text-decoration: none !important;\n border-bottom: 1px solid var(--cyan-claro) !important;\n transition: all 0.3s ease !important;\n font-weight: 500 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n background: none !important;\n padding: 0 !important;\n margin: 0 !important;\n box-shadow: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):hover,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):hover {\n color: var(--verde-azulado) !important;\n border-bottom-color: var(--verde-azulado) !important;\n text-decoration: none !important;\n background: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):visited,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):visited {\n color: var(--verde-oscuro) !important;\n }\n\n #plena-story-container .learn-tag {\n display: inline-block !important;\n background-color: var(--verde-oscuro) !important;\n color: #fff !important;\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n padding: 0.25rem 0.75rem !important;\n border-radius: 4px !important;\n margin-bottom: 0.75rem !important;\n margin-left: 0 !important;\n align-self: flex-start !important;\n letter-spacing: 1px !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n line-height: 1 !important;\n position: static !important;\n }\n\n #plena-story-container .content-section ul {\n margin: 1.5rem 0 !important;\n padding-left: 2rem !important;\n line-height: 1.8 !important;\n list-style-type: disc !important;\n }\n\n #plena-story-container .content-section ul li {\n margin-bottom: 0.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* OPTION 1: Classic Editorial with Accent Line *\/\n #plena-story-container .content-section blockquote {\n background: transparent !important;\n color: var(--negro) !important;\n padding: 0.5rem 0 0.5rem 2rem !important;\n border-left: 4px solid var(--verde-azulado) !important;\n border-radius: 0 !important;\n margin: 3rem 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n font-size: 1.35rem !important;\n line-height: 1.6 !important;\n position: relative !important;\n border: none !important; \/* Reset inherited borders *\/\n border-left: 4px solid var(--verde-azulado) !important; \/* Re-apply left border *\/\n }\n\n \/* Decorative quote mark *\/\n #plena-story-container .content-section blockquote::before {\n content: '\"' !important;\n font-family: 'Georgia', serif !important;\n font-size: 4rem !important;\n line-height: 1 !important;\n color: var(--verde-oscuro) !important;\n opacity: 0.3 !important;\n position: absolute !important;\n top: -0.5rem !important;\n left: 0.2rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n color: #666 !important;\n font-style: normal !important;\n font-size: 0.85rem !important;\n margin-top: 1rem !important;\n font-weight: 600 !important;\n letter-spacing: 0.5px !important;\n text-transform: uppercase !important;\n display: block !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* --- NEW PHOTO GALLERY STYLES (UPDATED 4:5) --- *\/\n #plena-story-container .gallery-section {\n width: 100% !important;\n max-width: 100vw !important;\n margin: 4rem 0 !important;\n padding: 0 !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n #plena-story-container .gallery-track {\n display: flex !important;\n overflow-x: auto !important;\n scroll-snap-type: x mandatory !important;\n gap: 1.5rem !important;\n padding: 0 1.5rem 2rem !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Hide Scrollbar *\/\n #plena-story-container .gallery-track::-webkit-scrollbar {\n display: none !important;\n }\n\n #plena-story-container .gallery-item {\n flex: 0 0 85% !important; \/* Mobile: show most of image + peek of next *\/\n scroll-snap-align: center !important;\n display: flex !important;\n flex-direction: column !important;\n }\n\n @media (min-width: 600px) {\n #plena-story-container .gallery-item {\n flex: 0 0 55% !important;\n }\n }\n\n @media (min-width: 1024px) {\n #plena-story-container .gallery-item {\n flex: 0 0 38% !important; \/* Adjusted for taller aspect ratio *\/\n }\n\n #plena-story-container .gallery-track {\n padding-left: max(1.5rem, calc(50vw - 500px)) !important;\n padding-right: max(1.5rem, calc(50vw - 500px)) !important;\n }\n }\n\n #plena-story-container .gallery-img-wrapper {\n width: 100% !important;\n aspect-ratio: 4 \/ 5 !important; \/* Vertical 4:5 aspect ratio *\/\n overflow: hidden !important;\n border-radius: 4px !important;\n background: #f5f5f5 !important;\n }\n\n #plena-story-container .gallery-img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n transition: transform 0.5s ease !important;\n }\n\n \/* Subtle hover effect on desktop *\/\n @media (hover: hover) {\n #plena-story-container .gallery-item:hover .gallery-img {\n transform: scale(1.02) !important;\n }\n }\n\n #plena-story-container .gallery-caption {\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n color: #4a4a4a !important;\n line-height: 1.4 !important;\n border-left: 3px solid var(--verde-azulado) !important;\n padding-left: 1rem !important;\n }\n\n #plena-story-container .gallery-header {\n max-width: 800px !important;\n margin: 0 auto 1.5rem !important;\n padding: 0 1.25rem !important;\n text-align: left !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n color: #666 !important;\n }\n\n \/* CLOSING SECTION *\/\n #plena-story-container .closing-section {\n background: var(--verde-oscuro) !important;\n color: var(--blanco) !important;\n text-align: center !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-direction: column !important;\n padding: 4rem 1.25rem !important;\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .closing-section {\n padding: 3rem 1rem !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n left: 0 !important;\n right: 0 !important;\n width: 100% !important;\n }\n }\n\n #plena-story-container .closing-quote {\n font-size: clamp(1.375rem, 4vw, 2.25rem) !important;\n font-style: italic !important;\n line-height: 1.8 !important;\n max-width: 800px !important;\n margin-bottom: 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* ESTILOS SECCI\u00d3N PERSPECTIVAS (TABS) *\/\n \/* Contenedor Principal *\/\n #plena-story-container .pleneros-cards-section {\n margin: 4rem 0 !important;\n padding: 3rem 0 !important; \/* Padding vertical para el fondo *\/\n font-family: 'Georgia', serif !important;\n overflow: hidden !important;\n background-color: #f8f9fa !important; \/* Fondo gris sutil *\/\n width: 100vw !important; \/* Ancho completo de pantalla *\/\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Eliminamos .cards-intro ya que ahora es una tarjeta .intro-card *\/\n\n \/* Contenedor de Scroll Horizontal *\/\n #plena-story-container .cards-scroller {\n display: flex !important;\n overflow-x: auto !important;\n gap: 1rem !important;\n padding: 1rem 1.25rem 2rem !important; \/* Espacio inferior para sombra *\/\n scroll-snap-type: x mandatory !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Ocultar Scrollbar *\/\n #plena-story-container .cards-scroller::-webkit-scrollbar {\n display: none !important;\n }\n\n \/* Tarjeta de Introducci\u00f3n (T\u00edtulo) *\/\n #plena-story-container .intro-card {\n flex: 0 0 280px !important;\n scroll-snap-align: center !important;\n padding: 1rem 1rem 1rem 0 !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n }\n\n #plena-story-container .intro-card .cards-title {\n font-size: 2rem !important;\n line-height: 1.1 !important;\n color: var(--negro) !important;\n margin-bottom: 1.25rem !important;\n font-weight: 700 !important;\n border-left: none !important;\n padding-left: 0 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .intro-card .cards-desc {\n font-style: normal !important;\n color: #444 !important;\n font-size: 1rem !important;\n line-height: 1.6 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n }\n\n \/* Centrado inicial: La tarjeta de INTRO es la primera, ella lleva el margen *\/\n #plena-story-container .intro-card:first-child {\n margin-left: calc(50vw - 400px) !important;\n }\n\n \/* VIDEO INSTRUMENTS SECTION *\/\n #plena-story-container .instruments-section {\n background-color: #f8f9fa !important;\n padding-top: 3rem !important;\n margin-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eee !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n display: flex !important;\n flex-direction: column !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;\n margin-bottom: 1rem !important;\n }\n\n \/* Intro card for mobile in video section *\/\n #plena-story-container .video-intro-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n padding: 1rem 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n margin-left: calc(50vw - 42.5vw) !important; \/* Center first item *\/\n }\n\n #plena-story-container .video-intro-title {\n font-size: 1.75rem !important;\n line-height: 1.2 !important;\n color: var(--negro) !important;\n margin-bottom: 1rem !important;\n font-weight: 700 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .video-intro-desc {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n \/* Reset margins for subsequent cards *\/\n #plena-story-container .video-intro-card + .video-card {\n margin-left: 0 !important;\n }\n\n \/* First video card centering logic if not preceded by intro card *\/\n #plena-story-container .video-card:first-child {\n margin-left: calc(50vw - 350px) !important;\n }\n\n @media (max-width: 850px) {\n #plena-story-container .video-card:first-child {\n margin-left: 1rem !important;\n }\n\n \/* Hide title and tag in first card on mobile since they're in intro card *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: none !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: none !important;\n }\n\n \/* Move description to replace the empty space in first card on mobile *\/\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n }\n\n #plena-story-container .video-wrapper {\n width: 100% !important;\n background: #000 !important;\n position: relative !important;\n }\n\n #plena-story-container .video-wrapper video {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n aspect-ratio: 9 \/ 16 !important;\n object-fit: cover !important;\n }\n\n #plena-story-container .video-card-content {\n padding: 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n }\n\n #plena-story-container .video-card-title {\n font-family: 'Georgia', serif !important;\n font-size: 1.5rem !important;\n line-height: 1.2 !important;\n margin-bottom: 1rem !important;\n color: var(--negro) !important;\n font-weight: 700 !important;\n }\n\n #plena-story-container .video-card-content p {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n @media (min-width: 768px) {\n \/* Hide separate intro card on desktop *\/\n #plena-story-container .video-intro-card {\n display: none !important;\n }\n\n \/* Show title, tag and desc in first card on desktop *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: inline-block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content {\n padding: 2.5rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 700px !important;\n flex-direction: row-reverse !important; \/* Description Left, Video Right *\/\n align-items: stretch !important;\n }\n\n #plena-story-container .video-wrapper {\n flex: 0 0 300px !important;\n }\n\n #plena-story-container .video-wrapper video {\n height: 100% !important;\n width: 100% !important;\n }\n\n #plena-story-container .video-card-content {\n flex: 1 !important;\n padding: 2.5rem !important;\n }\n }\n\n @media (max-width: 850px) {\n #plena-story-container .intro-card:first-child {\n margin-left: 0 !important;\n }\n }\n\n \/* Tarjeta Individual Compacta *\/\n #plena-story-container .plenero-card-compact {\n flex: 0 0 280px !important; \/* Ancho fijo compacto *\/\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eaeaea !important;\n border-radius: 6px !important;\n padding: 0 !important; \/* Sin padding general, controlado dentro *\/\n box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;\n display: flex !important;\n flex-direction: column !important;\n max-height: 400px !important; \/* Altura m\u00e1xima fija *\/\n position: relative !important; \/* Necesario para el overlay *\/\n overflow: hidden !important; \/* Contiene el gradiente y header, no hace scroll *\/\n margin-left: 0 !important; \/* Reset expl\u00edcito de margen *\/\n }\n\n \/* Indicador visual de scroll (fade bottom) - Fijo sobre la lista *\/\n #plena-story-container .plenero-card-compact::after {\n content: '' !important;\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n height: 60px !important; \/* Un poco m\u00e1s alto para suavidad *\/\n background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%) !important;\n pointer-events: none !important;\n z-index: 5 !important;\n }\n\n \/* Eliminadas las reglas redundantes de first-child para .plenero-card-compact *\/\n\n \/* Encabezado de Tarjeta (Sticky) *\/\n #plena-story-container .compact-header {\n background: var(--verde-oscuro) !important;\n color: #fff !important;\n padding: 1rem !important;\n \/* position: sticky no es necesario si el header no est\u00e1 dentro del contenedor con scroll *\/\n width: 100% !important;\n z-index: 10 !important;\n text-align: left !important;\n flex-shrink: 0 !important; \/* Evita que se encoja *\/\n }\n\n #plena-story-container .compact-title {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n font-size: 0.9rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n margin: 0 !important;\n }\n\n \/* Lista Compacta con Scroll Independiente *\/\n #plena-story-container .compact-list {\n list-style: none !important;\n padding: 1rem 1rem 4rem 1rem !important; \/* Padding bottom grande para compensar el gradiente *\/\n margin: 0 !important;\n overflow-y: auto !important; \/* Scroll aqu\u00ed *\/\n flex: 1 !important; \/* Ocupa el espacio restante *\/\n -webkit-overflow-scrolling: touch !important;\n }\n\n #plena-story-container .compact-list li {\n font-size: 0.9rem !important;\n line-height: 1.35 !important;\n color: #333 !important;\n margin-bottom: 0.6rem !important;\n padding-bottom: 0.6rem !important;\n border-bottom: 1px solid #f0f0f0 !important;\n }\n\n #plena-story-container .compact-list li:last-child {\n border-bottom: none !important;\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n\n #plena-story-container .compact-detail {\n display: block !important;\n font-size: 0.75rem !important;\n color: #888 !important;\n font-style: italic !important;\n margin-top: 0.15rem !important;\n }\n\n#plena-story-container .perspectives-container {\n margin: 3rem 0;\n border-top: 1px solid #e0e0e0;\n border-bottom: 1px solid #e0e0e0;\n background: #ffffff;\n}\n\n#plena-story-container .tabs-header {\n display: flex;\n border-bottom: 1px solid #e0e0e0;\n}\n\n#plena-story-container .tab-btn {\n flex: 1;\n background: none;\n border: none;\n padding: 1.5rem 1rem;\n text-align: left;\n cursor: pointer;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: clamp(1.25rem, 3vw, 1.5rem) !important;\n transition: all 0.3s ease;\n opacity: 0.5;\n position: relative;\n color: var(--negro);\n outline: none;\n}\n\n#plena-story-container .tab-btn:hover {\n opacity: 0.8;\n background: #fcfcfc;\n}\n\n#plena-story-container .tab-btn.active {\n opacity: 1;\n background: #ffffff;\n}\n\n\/* Indicador de l\u00ednea activa *\/\n#plena-story-container .tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--negro); \/* Por defecto *\/\n}\n\n\/* Colores espec\u00edficos por tab activo *\/\n#plena-story-container .tab-btn:first-child.active::after {\n background: var(--verde-oscuro); \/* Color para Retos *\/\n}\n\n#plena-story-container .tab-btn:last-child.active::after {\n background: var(--verde-azulado); \/* Color para Oportunidades *\/\n}\n\n#plena-story-container .tab-eyebrow {\n display: block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 0.5rem;\n color: #666;\n font-weight: 700;\n}\n\n#plena-story-container .tab-content {\n display: none;\n padding: 2.5rem 0;\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n#plena-story-container .tab-content.active-content {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Scroll Horizontal (Stream) *\/\n#plena-story-container .horizontal-stream {\n display: flex;\n overflow-x: auto;\n gap: 2.5rem;\n padding: 0 1rem 1.5rem; \/* Espacio para sombra si fuera necesario *\/\n scrollbar-width: none; \/* Firefox *\/\n -webkit-overflow-scrolling: touch;\n}\n\n#plena-story-container .horizontal-stream::-webkit-scrollbar {\n display: none;\n}\n\n#plena-story-container .stream-item {\n flex: 0 0 85%; \/* M\u00f3vil: ancho amplio *\/\n padding-right: 1.5rem;\n border-right: 1px solid #f0f0f0;\n position: relative;\n}\n\n#plena-story-container .stream-item:last-child {\n border-right: none;\n padding-right: 0;\n}\n\n#plena-story-container .item-number {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 2rem;\n display: block;\n margin-bottom: 0.5rem;\n line-height: 1;\n opacity: 0.3;\n}\n\n\/* Colores de los n\u00fameros *\/\n#plena-story-container .challenge-accent { color: var(--verde-oscuro); opacity: 1; }\n#plena-story-container .opp-accent { color: var(--verde-azulado); opacity: 1; }\n\n#plena-story-container .stream-item h3 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.35rem !important;\n margin-bottom: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--negro);\n}\n\n#plena-story-container .stream-item p {\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #444 !important;\n margin: 0 !important;\n}\n\n\/* Ajustes Desktop *\/\n@media (min-width: 768px) {\n #plena-story-container .stream-item {\n flex: 0 0 40%;\n }\n\n #plena-story-container .horizontal-stream {\n padding: 0 2rem 1rem; \/* M\u00e1s padding lateral *\/\n }\n}\n \/* LOADING ANIMATION *\/\n #plena-story-container .fade-in {\n animation: fadeInUp 0.8s ease-out both;\n }\n\n \/* Responsive mobile adjustments *\/\n @media (max-width: 640px) {\n .plena-section {\n padding: 1rem;\n border-radius: 12px;\n }\n\n .item-description {\n padding: 0 1rem 1rem 1rem;\n }\n\n .item-header {\n padding: 1rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n * {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n <style>\n body {\n background: #ffffff;\n margin: 0;\n padding: 0;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"plena-story-container\">\n <section class=\"hero\">\n <div class=\"hero-text-container\">\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">\n Plena, Identity and Resistance:\n <span class=\"title-secondary\">the sound that unites the Puerto Rican people<\/span>\n <\/h1>\n <p class=\"hero-description\"><strong>More than the “people’s newspaper,” plena is bembeteo. It’s collective memory that is played, danced, and taught as a way of life.<\/strong><\/p>\n <\/div>\n <\/div>\n <div class=\"hero-video-container\">\n <video\n id=\"hero-video\"\n class=\"hero-video\"\n autoplay\n loop\n playsinline\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenazo_casatitomatos.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plenazo_casatitomatos-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\"\n alt=\"Plenazo at Casa de la Plena Tito Matos\">\n <\/video>\n <button id=\"audio-toggle\" class=\"audio-control\" aria-label=\"Toggle audio\">\n <svg id=\"speaker-on\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\n <\/svg>\n <svg id=\"speaker-off\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\">\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/section>\n\n <section class=\"byline-section\">\n <div>\n <p class=\"byline-author\">Text: Cindy Burgos Alvarado | Visuals: Juan Santa <\/p>\n <p class=\"byline-date\">November 22, 2025<\/p>\n <\/div>\n <\/section>\n\n \n <nav id=\"tabla-contenidos\" class=\"toc-section fade-in\">\n <div class=\"toc-container-inline\">\n <button class=\"toc-toggle-btn\" id=\"toc-toggle\" aria-expanded=\"false\" aria-controls=\"toc-list\">\n <span class=\"toc-title-text\">In this article<\/span>\n <svg class=\"toc-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n <\/svg>\n <\/button>\n <ul class=\"toc-list\" id=\"toc-list\">\n <li><a href=\"#actualidad\">1. Plena today<\/a><\/li>\n <li><a href=\"#origen\">2. Origins and “Bembeteo”<\/a><\/li>\n <li><a href=\"#pleneros\">3. Notable pleneros<\/a><\/li>\n <li><a href=\"#instrumentos\">4. Learn to play videos<\/a><\/li>\n <li><a href=\"#evolucion\">5. Evolution of the rhythm<\/a><\/li>\n <li><a href=\"#perspectivas\">6. Challenges and opportunities<\/a><\/li>\n <li><a href=\"#futuro\">7. The future<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n <section class=\"content-section fade-in\" id=\"actualidad\">\n <p class=\"first-paragraph-mobile\"><strong>Learn about Puerto Rican plena, the living musical tradition known as “the singing newspaper of Puerto Rico” that continues to shape the island’s cultural identity.<\/strong><\/p>\n\n <p>More than a century after originating in the sugarcane fields and barrios of southern Puerto Rico, plena is more alive than ever: it reached the top of <a href=\"https:\/\/www.dw.com\/es\/deb%C3%AD-tirar-m%C3%A1s-fotos-y-bad-bunny-acaparan-listas-globales-de-spotify-y-billboard\/a-71292666\" target=\"_blank\" rel=\"noopener\">Spotify<\/a> and <a href=\"https:\/\/www.metro.pr\/entretenimiento\/2025\/01\/10\/la-plena-tiene-un-tema-numero-uno-a-nivel-mundial-gracias-a-bad-bunny\/\" target=\"_blank\" rel=\"noopener\">Apple Music<\/a> global charts thanks to Bad Bunny, took over the island’s main music venue, was performed at the <a href=\"https:\/\/www.telemundo.com\/shows\/premios-billboard\/video\/los-pleneros-de-la-cresta-interpretan-cafe-con-ron-en-los-premios-billboard-2025-tmvo13045596\" target=\"_blank\" rel=\"noopener\">2025 Billboard Latin Music Awards<\/a>, and continues to attract growing interest from both new and established artists.<\/p>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero-Santana.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/donde-esta-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/donde-esta-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p><strong>“Plena and Puerto Rican bomba are at their best moment in history.<\/strong> Currently, plena is played, performed, danced, interpreted, composed, and taught more than ever,” said musician and plenero Emanuel Santana, general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\" target=\"_blank\" rel=\"noopener\">La Casa de la Plena Tito Matos<\/a>, one of several schools dedicated to teaching the history, performance, and dance of this native rhythm.<\/p>\n\n <p>But Puerto Ricans’ attraction to this Afro-Caribbean genre goes back much further and extends beyond the famous performances by <a href=\"https:\/\/www.youtube.com\/watch?v=1G2-r-5ZwnY\" target=\"_blank\" rel=\"noopener\">Ricky Martin<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=kHwGVojDITY\" target=\"_blank\" rel=\"noopener\">H\u00e9ctor Lavoe<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=ZN_7Zd5LeGw\" target=\"_blank\" rel=\"noopener\">Willie Col\u00f3n<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=sb6VNmLPOPk\" target=\"_blank\" rel=\"noopener\">Mon Rivera<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=6uP_mCi0lkc\" target=\"_blank\" rel=\"noopener\">Ismael Rivera<\/a>, or <a href=\"https:\/\/www.youtube.com\/watch?v=woTlIos3k14\" target=\"_blank\" rel=\"noopener\">Rafael Cortijo y su Combo<\/a>.<\/p>\n\n <p>It’s the music that plays among boricua crowds at celebrations, sporting events, protests, the Fiestas de la Calle San Sebasti\u00e1n, and the Christmas asaltos navide\u00f1os, and it has far more performers and contributions from anonymous people than history can record.<\/p>\n\n <p><strong>“Plena is the rhythm of Puerto Ricans<\/strong> and that’s proven by one simple fact: there’s no event you’ll attend in your life where the panderos haven’t been or won’t be,” said musician LuisGa N\u00fa\u00f1ez, director of the group <a href=\"https:\/\/www.plenalibre.com\/\" target=\"_blank\" rel=\"noopener\">Plena Libre<\/a>.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"gallery-section fade-in\" id=\"galeria\">\n <div class=\"gallery-header\">\n <\/div>\n <div class=\"gallery-track\">\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8941-1-scaled.jpeg\" alt=\"Emanuel Santana playing pandero\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Musician Emanuel Santana is the general coordinator of Casa de la Plena Tito Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\" alt=\"Saturday plenazo\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Every Saturday, from 12:00 to 3:00 PM, La Casa de la Plena Tito Matos holds a plenazo and honors the legacy of a plenero.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9040-1-scaled.jpeg\" alt=\"Map of plena styles\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Map of Puerto Rico highlighting the areas of the three most prominent plena styles: Mayag\u00fcez (west), Ponce (south), and Santurce (northeast).<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9049-1-scaled.jpeg\" alt=\"Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Tito Matos was in groups such as Los Sapos del Ca\u00f1o, Los Pleneros del Almendro, Los Pleneros del Pueblo, Los Pleneros de la 21, Los Pleneros de la 23 Abajo, and co-founded Viento de Agua.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9024-1-scaled.jpeg\" alt=\"Casa de la Plena Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena’s mission is to preserve, develop, and promote plena and the legacy of artist H\u00e9ctor “Tito” Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9020-1-scaled.jpeg\" alt=\"Hand-carved santos of pleneros\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Hand-carved santos representing boricua pleneros.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9033-1-scaled.jpeg\" alt=\"Pandero with Ismael Rivera\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Pandero with the image of Ismael Rivera.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-19-at-6.04.46-PM.png\" alt=\"Tito Matos mural\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Mural honoring Tito Matos at Casa de la Plena, in Santurce.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9010-1-scaled.jpeg\" alt=\"Ram\u00f3n L\u00f3pez collection\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena houses the collection of anthropologist and plenero Ram\u00f3n L\u00f3pez.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9031-1-scaled.jpeg\" alt=\"Instruments at Casa de la Plena\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Panderos and various instruments at La Casa de la Plena, where they offer classes in plena (for children and adults), bomba, g\u00fc\u00edcharo, and children’s plena.<\/figcaption>\n <\/figure>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"origen\">\n <h2 class=\"section-title\">Origin of Plena: More Than the ‘People’s Newspaper’\u2014It’s ‘Bembeteo’<\/h2>\n\n <p>Historian, artisan, and anthropologist <strong><a href=\"https:\/\/lacasadelaplena.org\/es\/nosotres\">Ram\u00f3n L\u00f3pez<\/a><\/strong>, who founded the Santurce group Los Pleneros de la 23 Abajo, spoke of an “elusive origin of plena” because “we have no evidence that there is a place where plena was invented or that there is a person who invented it,” as he explained in the documentary <a href=\"https:\/\/www.youtube.com\/watch?v=GW7K5d14yqA\" target=\"_blank\" rel=\"noreferrer noopener\">Los or\u00edgenes inatrapables de la plena puertorrique\u00f1a<\/a> (The Elusive Origins of Puerto Rican Plena, 2020), directed by Felipe Garc\u00eda.<\/p>\n\n <p>The most established theory is that plena originated in the late 19th and early 20th century on the southern coast of Puerto Rico, at a time when “the most important meeting point was Ponce,” according to L\u00f3pez.<\/p>\n\n <p>It was a “collective movement” born from the hands of “dispossessed people” (without property or wealth), many of them sugarcane field workers and residents of the barrios of the south.<\/p>\n\n <p>It emerged during a time of intense changes in Puerto Rico, so it’s no surprise that the panderos\u2014light and easy-to-transport instruments\u2014became the protagonists.<\/p>\n\n <blockquote>\n Plena is the musical response of Puerto Ricans to the American invasion. It is their way of reacting musically to that change.<br>\n <small>\u2014 Ram\u00f3n L\u00f3pez, artisan, cultural anthropologist, and plenero<\/small>\n <\/blockquote>\n\n <p>“Plena couldn’t have been slow, melodious, soft music or whatever, because the world and the era in which it was born was the complete opposite… The plenero is a guy who’s standing, ready to leave, to move, he’s moving, he’s dancing if he feels like it,” added the anthropologist.<\/p>\n\n <p><strong>Bembeteo.<\/strong> More than the <strong>“people’s newspaper”<\/strong>, a nickname it earned decades after its founding, for L\u00f3pez, plena was the “bembeteo”\u2014the gossip, the exaggerated story you tell your neighbor. “It’s a way of expressing the matters of their daily life. That’s why plena is very cuentera [full of stories],” noted the historian, with whom Santana and N\u00fa\u00f1ez agree.<\/p>\n\n <h2 class=\"section-title\">Where Does Plena Come From?<\/h2>\n\n <p>Before plena, tambourines or panderos were used in other foreign rhythms, and their use “is attributed a lot to the Arabian side,” explained Santana.<\/p>\n\n <p>However, there’s a theory developed by L\u00f3pez that considers that <strong>the use of panderos in Puerto Rico began with the arrival of migrants from the Lesser Antilles<\/strong>, particularly from the English islands, who came to work in crops like sugarcane. They were few and it was a fleeting migration.<\/p>\n\n <p>“(They were) Black people so poor they had to leave their own islands to find a way to survive, and those people used tambourines and guitars more frequently than Puerto Ricans to liven up their songs, dances, and entertainment,” recounted L\u00f3pez.<\/p>\n\n <p>In that mix of rhythms similar to ours and fleeting, changing encounters in sugarcane fields and barrios, what we know today as plena began to develop.<\/p>\n\n <p>Another theory is that “it comes from a bomba rhythm called holand\u00e9, which is very similar to the plena rhythm,” said Santana.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n\n <div class=\"pleneros-cards-section\" id=\"pleneros\">\n <div class=\"cards-scroller\">\n \n <div class=\"intro-card\">\n <h3 class=\"cards-title\">Pleneros in Puerto Rico<\/h3>\n <p class=\"cards-desc\">Many musicians have contributed to the development of plena. We’ve compiled some key names, acknowledging that the list is much more extensive.<\/p>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Historical Figures<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Joselino “Bumb\u00fan” Oppenheimer<\/li>\n <li>Emilio Escobar<\/li>\n <li>Paco Cerniera<\/li>\n <li>Mar\u00eda Cristina “Cristy” Alfonso Mangual<\/li>\n <li>Ram\u00f3n L\u00f3pez<\/li>\n <li>Norberto S\u00e1nchez<\/li>\n <li>Ram\u00f3n Pedraza<\/li>\n <li>\u00c1ngel Luis Torruellas <span class=\"compact-detail\">“The King of Plena”<\/span><\/li>\n <li>Tony Capit\u00e1n<\/li>\n <li>Ismael “Cocolay” Rivera<\/li>\n <li>Ram\u00f3n Rivera Alers <span class=\"compact-detail\">“Don Mon” and his sons<\/span><\/li>\n <li>Efra\u00edn Rivera Castillo “Mon Rivera”<\/li>\n <li>H\u00e9ctor “Tito” Matos<\/li>\n <li>Gary N\u00fa\u00f1ez<\/li>\n <li>H\u00e9ctor “Atabal” Rodr\u00edguez<\/li>\n <li>Los Pleneros del Quinto Olivo<\/li>\n <li>Los Pleneros de la 21<\/li>\n <li>Los Pleneros de la 23 Abajo<\/li>\n <li>Rafael Cortijo y su Combo<\/li>\n <li>Ismael Rivera<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Family Legacies<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>\n <strong>Cepeda Family<\/strong>\n <span class=\"compact-detail\">8 generations promoting bomba and plena.<\/span>\n <\/li>\n <li>Emmanuelli Family<\/li>\n <li>\n <strong>Mart\u00ednez Family<\/strong>\n <span class=\"compact-detail\">Emil, Ler\u00f3, and Johnsy Mart\u00ednez<\/span>\n <\/li>\n <li>Rivera Family<\/li>\n <li>Pacheco Brothers<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Contemporary Groups<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Plena Libre<\/li>\n <li>Emplegoste<\/li>\n <li>Plen\u00e9alo<\/li>\n <li>Los Pleneros de la Cresta<\/li>\n <li>Los Pleneros de Severo<\/li>\n <li>Grupo Esencia<\/li>\n <li>Truco y Zaperoko<\/li>\n <li>Pleneros del Truco<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n\n <p><strong>La Joya del Castillo.<\/strong> Although there’s no precise place of origin, L\u00f3pez noted that La Joya del Castillo (The Jewel of the Castle), a slum located in the Quinto neighborhood of Ponce, “was the most important meeting point” in the early days of plena. It was a barrio outside the control of the sugarcane fields, which allowed people from other neighborhoods like San Ant\u00f3n or B\u00e9lgica to freely gather and play.<\/p>\n\n <p><strong>The King of Plena.<\/strong> The lack of documentation of the first plena musicians makes a concrete history of the most outstanding figures difficult, but L\u00f3pez highlighted <a href=\"https:\/\/www.80grados.net\/el-cuento-pleneao-de-bumbun-2\/\" target=\"_blank\" rel=\"noopener\">Joselino “Bumb\u00fan” Oppenheimer<\/a> as “the king of plena”\u2014singer, pandero player, composer\u2014one of the pioneers and “the most charismatic, the most talented.” He even said that some of the oldest plenas might be his, but he died without recording his compositions.<\/p>\n\n <ul>\n <li>The song <em><a href=\"https:\/\/www.revistaetnica.com\/blogs\/news\/plena-combativa-lanza-su-segundo-sencillo-bembetea\" target=\"_blank\" rel=\"noopener\">Bembetea<\/a><\/em> by Plena Combativa pays tribute to Carola Clark, one of the pleneras considered a pioneer.<\/li>\n <\/ul>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <div class=\"pleneros-cards-section instruments-section fade-in\" id=\"instrumentos\">\n <div class=\"cards-scroller\">\n \n <div class=\"video-intro-card\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-intro-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <\/div>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/1-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/pandero_seguidor.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/pandero_seguidor-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-card-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <p><strong>Panderos:<\/strong> percussion instruments from the drum family, consisting of a rigid round frame covered on one end with stretched skin. It’s played by hitting or tapping with the hands.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/3.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/el-seguidor-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/el-seguidor-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El seguidor (the follower):<\/strong> is the second pandero to be added. It has the deepest sound and is the largest (usually 16 inches). It’s used to keep the rhythm.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/5.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/punteador-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/punteador-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El punteador:<\/strong> Has a medium size (about 13 inches) and intermediate tuning. It also keeps the rhythm, but in a higher pitch than the seguidor.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/2-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plena-requinto.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plena-requinto-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El requinto:<\/strong> the one with the highest tuning and the smallest (about 12 inches), used for solos. It’s considered to have been present since the beginnings of plena, when it was played with just one pandero.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/4.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/guicharo-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/guicharo-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>G\u00fc\u00edcharo or g\u00fciro:<\/strong> a percussion instrument <a href=\"https:\/\/www.plateapr.com\/historia-guiro-puerto-rico\">from the scraper family<\/a> that in Puerto Rico is made from a plant called marimbo, grooved and played with a stick called varillero or puya.<\/p>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"evolucion\">\n <h2 class=\"section-title\"><strong>The Evolution of Plena: Rhythm, Lyrics, and Influences<\/strong><\/h2>\n\n <p><strong>Rhythm.<\/strong> Unlike bomba, which has dozens of rhythms, <strong>plena “is a single rhythm”<\/strong> that has regionalisms, ways of being interpreted, and various tempos, said Santana, who considers that even today’s fusions are the same genre.<\/p>\n\n <p>Among the <strong>playing styles<\/strong>, N\u00fa\u00f1ez highlighted three main ones: Ponce, Mayag\u00fcez, and Santurce, “particularly with maestro Rafael Cepeda,” whose family is a pioneer in founding the first plena schools. These were the most important hubs of Puerto Rican plena.<\/p>\n\n <ul>\n <li>“The most different style out there is one called <strong>‘punta de clavo’ (nail tip)<\/strong>, which is from Mayag\u00fcez, it’s a lamento plena,” played more slowly and with the fingertips, as opposed to the whole palm as done in Santurce, explained N\u00fa\u00f1ez.<\/li>\n <\/ul>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Tempo_plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/Tempo_plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p>For Santana, the way of playing, volumes, and even techniques “have been evolving” and respond to the reality of each era. Both the pandero and g\u00fc\u00edcharo playing have been changing, he affirmed.<\/p>\n\n <p><strong>Lyrics.<\/strong> From its beginnings, song lyrics have told stories of everyday life, from romances and celebrations to political and religious events, death, and anything that captures popular imagination. “Plena was also very patriarchal,” said L\u00f3pez, referring to plenas like <em>Cortaron a Elena<\/em> (They Cut Elena).<\/p>\n\n <p>Although Santana considers that today a group wouldn’t write about a femicide, the lyrics remain the <strong>“living expression of the people”<\/strong> and “a way of confronting the regime in an artistic manner,” with inclusive lyrics by new performers. “Plena is like our battle cry,” he added.<\/p>\n\n <p>N\u00fa\u00f1ez, for his part, uses his art to express celebration, romance, and resistance.<\/p>\n\n <blockquote>\n Plena responds to Puerto Rican reality, and Puerto Ricans will get angry, celebrate, love, and hate through plena, through the music that represents them.<br>\n <small>\u2014 LuisGa N\u00fa\u00f1ez<\/small>\n <\/blockquote>\n\n <p><strong>Influences.<\/strong> “Plena has always been nourished by the music that’s popular at the moment, what’s in vogue,” noted Santana. For example, in the early 20th century, plena was influenced by <strong>danza<\/strong>; in the 1940s, it was <strong>bolero<\/strong> and <strong>trio music<\/strong>.<\/p>\n\n <p>“If we go further ahead, already <strong>son<\/strong>, <strong>guaracha<\/strong>, and the movement of the phenomenon we call <strong>salsa<\/strong> were more in vogue, so plena got influenced by that. Later with <strong>merengue<\/strong>. Later with <strong>rap<\/strong>, <strong>reggae<\/strong>, <strong>reggaet\u00f3n<\/strong>, <strong>trap<\/strong>, and that’s where we are today,” said Santana.<\/p>\n\n <p>In N\u00fa\u00f1ez’s case, his plena as a soloist has been influenced by <strong>bossa nova<\/strong>, <strong>urban music<\/strong>, and even <strong>jazz<\/strong>. “My two biggest influences are Calle 13 and Tego Calder\u00f3n,” although he grew up listening to Los Pleneros del Quinto Olivo, Cortijo, Mon Rivera, \u00c1ngel Luis Torruella, La Sonora Ponce\u00f1a, and El Gran Combo, he said.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"perspectivas\">\n <h2 class=\"section-title\">Challenges and Opportunities<\/h2>\n <div class=\"perspectives-container\">\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" onclick=\"openTab(event, 'retos')\" aria-label=\"View Challenges\">\n <span class=\"tab-eyebrow\">The Challenge<\/span>\n Challenges\n <\/button>\n <button class=\"tab-btn\" onclick=\"openTab(event, 'oportunidades')\" aria-label=\"View Opportunities\">\n <span class=\"tab-eyebrow\">The Vision<\/span>\n Opportunities\n <\/button>\n <\/div>\n\n <div id=\"retos\" class=\"tab-content active-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">1<\/span>\n <h3>Limited Exposure<\/h3>\n <p>“The most important thing is exposure: that we give it the spaces, structures, and opportunities that we give to foreign music,” said plenero <strong>Emanuel Santana<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">2<\/span>\n <h3>Lack of Resources<\/h3>\n <p>“The monetary difference plays a role in us not being in the spaces necessary to stand out,” explained plenero <strong>LuisGa N\u00fa\u00f1ez<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">3<\/span>\n <h3>Historical Gap<\/h3>\n <p>Although there are various theories about the origin of the rhythm, specific details were not documented. “I would like to encourage much more serious research,” said Santana.<\/p>\n <\/article>\n <\/div>\n <\/div>\n\n <div id=\"oportunidades\" class=\"tab-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">1<\/span>\n <h3>The ‘Bad Bunny Effect’<\/h3>\n <p>“It’s up to us to take advantage of the moment… make good music, reach people,” acknowledged LuisGa N\u00fa\u00f1ez about the responsibility of pleneros given the impact of international-caliber artists fusing plena.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">2<\/span>\n <h3>Collaborations<\/h3>\n <p>“Collaborations are the next step,” affirmed N\u00fa\u00f1ez. It’s time to invite other artists to use the plena rhythm in their compositions.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">3<\/span>\n <h3>Public Policy<\/h3>\n <p>Santana suggests revitalizing the <strong>Our Native Music Act (Law 223)<\/strong> to ensure funding at public events and include plena as mandatory in school curricula.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">4<\/span>\n <h3>New Markets<\/h3>\n <p>Looking south. Uruguay, where plena is deeply rooted, is “a mirror of what could happen in Puerto Rico,” assured N\u00fa\u00f1ez.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n<\/section>\n\n <div style=\"margin: 3rem 0; text-align: center;\">\n <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-22-at-12.52.08-PM.webp\"\n alt=\"The future of plena\"\n style=\"max-width: 100%; height: auto; border-radius: 8px;\"\n loading=\"lazy\">\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"futuro\">\n <h2 class=\"section-title\"><strong>The Future of Plena<\/strong><\/h2>\n\n <p>With the inclusion of Bad Bunny, Rauw Alejandro, and other international-caliber artists fusing their songs with plena, and with so many other local artists creating their own interpretations, “I’m very sure that <strong>the future of plena is very bright<\/strong>,” in Santana’s view.<\/p>\n\n <p>The general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\">La Casa de la Plena Tito Matos<\/a>, where Ram\u00f3n L\u00f3pez’s archives are housed, said the important thing is to approach the rhythm with respect, keeping in mind and acknowledging the legacy of the great masters of plena.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"closing-section\">\n <p class=\"closing-quote\">\n “Plena is the rhythm of Puerto Ricans. There’s no event where the panderos haven’t been or won’t be.”\n <\/p>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Preserve straight quotes - prevent WordPress wptexturize\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Store original content before WordPress processes it\n const container = document.getElementById('plena-story-container');\n if (container) {\n \/\/ Normalize all text nodes to use straight quotes\n const walker = document.createTreeWalker(\n container,\n NodeFilter.SHOW_TEXT,\n null\n );\n\n const textNodes = [];\n while (walker.nextNode()) {\n textNodes.push(walker.currentNode);\n }\n\n \/\/ Only normalize if any type of quotes are detected (meaning WordPress processed it)\n textNodes.forEach(node => {\n if (node.nodeValue && (node.nodeValue.includes('\\u00AB') || node.nodeValue.includes('\\u00BB') || node.nodeValue.includes('\\u201C') || node.nodeValue.includes('\\u201D') || node.nodeValue.includes('\\u2018') || node.nodeValue.includes('\\u2019'))) {\n \/\/ Replace all quote types with straight quotes\n node.nodeValue = node.nodeValue\n .replace(\/[\\u00AB\\u00BB]\/g, '\"') \/\/ Latin\/Spanish quotes \u00ab \u00bb\n .replace(\/[\\u201C\\u201D]\/g, '\"') \/\/ Curly quotes \" \"\n .replace(\/[\\u2018\\u2019]\/g, \"'\"); \/\/ Curly single quotes ' '\n }\n });\n }\n });\n\n\n\n \/\/ Fade-in animations on scroll\n const contentObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.content-section, .gallery-section').forEach(el => {\n contentObserver.observe(el);\n });\n\n \/\/ Video controls and viewport detection\n document.addEventListener('DOMContentLoaded', () => {\n const video = document.getElementById('hero-video');\n const audioToggle = document.getElementById('audio-toggle');\n const speakerOn = document.getElementById('speaker-on');\n const speakerOff = document.getElementById('speaker-off');\n\n if (!video || !audioToggle) return;\n\n \/\/ Start video with sound unmuted\n video.muted = false;\n video.volume = 0.7; \/\/ Set volume to 70%\n\n \/\/ Try to play video with sound\n video.play().catch(err => {\n console.log('Autoplay with sound prevented, starting muted:', err);\n \/\/ If autoplay with sound fails, mute and try again\n video.muted = true;\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n video.play().catch(err2 => {\n console.log('Video autoplay completely prevented:', err2);\n });\n });\n\n \/\/ Audio toggle button\n audioToggle.addEventListener('click', () => {\n video.muted = !video.muted;\n\n if (video.muted) {\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n audioToggle.setAttribute('aria-label', 'Enable audio');\n } else {\n speakerOn.style.display = 'block';\n speakerOff.style.display = 'none';\n audioToggle.setAttribute('aria-label', 'Disable audio');\n }\n });\n\n \/\/ Observe video viewport visibility\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/\/ Video is in viewport - play it\n video.play().catch(err => {\n console.log('Could not play video:', err);\n });\n } else {\n \/\/ Video is out of viewport - pause it\n video.pause();\n }\n });\n }, { threshold: 0.25 }); \/\/ Trigger when 25% of video is visible\n\n videoObserver.observe(video);\n });\n\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ Toggle Table of Contents\n document.addEventListener('DOMContentLoaded', () => {\n const tocToggle = document.getElementById('toc-toggle');\n const tocList = document.getElementById('toc-list');\n\n if(tocToggle && tocList) {\n tocToggle.addEventListener('click', () => {\n const isOpen = tocList.classList.contains('open');\n\n \/\/ Toggle classes\n tocList.classList.toggle('open');\n tocToggle.classList.toggle('active');\n\n \/\/ Update accessibility attribute\n tocToggle.setAttribute('aria-expanded', !isOpen);\n });\n\n \/\/ Auto-close when clicking a link\n const tocLinks = tocList.querySelectorAll('a');\n tocLinks.forEach(link => {\n link.addEventListener('click', () => {\n tocList.classList.remove('open');\n tocToggle.classList.remove('active');\n tocToggle.setAttribute('aria-expanded', 'false');\n });\n });\n }\n });\n\n \/\/ ============================================\n \/\/ GOOGLE ANALYTICS EVENTS\n \/\/ ============================================\n\n \/\/ 1. MENU NAVIGATION\n document.addEventListener('DOMContentLoaded', () => {\n const menuLinks = document.querySelectorAll('.toc-list a');\n menuLinks.forEach(link => {\n link.addEventListener('click', (e) => {\n const sectionName = link.textContent.trim();\n if (typeof gtag !== 'undefined') {\n gtag('event', 'menu_navigation', {\n event_category: 'Navigation',\n event_label: sectionName,\n section_id: link.getAttribute('href')\n });\n }\n });\n });\n });\n\n \/\/ 2. VIDEO PLAY AND WATCH TIME\n document.addEventListener('DOMContentLoaded', () => {\n const allVideos = document.querySelectorAll('video');\n\n allVideos.forEach((video, index) => {\n const videoSrc = video.querySelector('source')?.getAttribute('src') || 'unknown';\n const videoName = videoSrc.split('\/').pop().replace('.mp4', '');\n let hasStarted = false;\n let watchTime = 0;\n let lastTime = 0;\n\n \/\/ Event: Video Play\n video.addEventListener('play', () => {\n if (!hasStarted && typeof gtag !== 'undefined') {\n gtag('event', 'video_start', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n hasStarted = true;\n }\n });\n\n \/\/ Event: Video Progress (25%, 50%, 75%, 100%)\n video.addEventListener('timeupdate', () => {\n const percent = (video.currentTime \/ video.duration) * 100;\n\n if (percent >= 25 && !video.dataset.tracked25) {\n video.dataset.tracked25 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 25\n });\n }\n }\n if (percent >= 50 && !video.dataset.tracked50) {\n video.dataset.tracked50 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 50\n });\n }\n }\n if (percent >= 75 && !video.dataset.tracked75) {\n video.dataset.tracked75 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 75\n });\n }\n }\n });\n\n \/\/ Event: Video Complete\n video.addEventListener('ended', () => {\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_complete', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n }\n });\n\n \/\/ Track watch time\n video.addEventListener('timeupdate', () => {\n if (!video.paused) {\n watchTime += video.currentTime - lastTime;\n }\n lastTime = video.currentTime;\n });\n\n \/\/ Send watch time when user leaves or pauses\n video.addEventListener('pause', () => {\n if (watchTime > 0 && typeof gtag !== 'undefined') {\n gtag('event', 'video_watch_time', {\n event_category: 'Video',\n event_label: videoName,\n value: Math.round(watchTime)\n });\n }\n });\n });\n });\n\n \/\/ 3. CHALLENGES AND OPPORTUNITIES TAB CLICKS\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Google Analytics Event\n if (typeof gtag !== 'undefined') {\n gtag('event', 'tab_click', {\n event_category: 'Engagement',\n event_label: tabName,\n tab_name: tabName === 'retos' ? 'Challenges' : 'Opportunities'\n });\n }\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ 4. PAGE SCROLL PERCENTAGE\n document.addEventListener('DOMContentLoaded', () => {\n let scrollTracked = {\n 25: false,\n 50: false,\n 75: false,\n 90: false\n };\n\n window.addEventListener('scroll', () => {\n const scrollPercentage = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n\n if (scrollPercentage >= 25 && !scrollTracked[25]) {\n scrollTracked[25] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '25%',\n value: 25\n });\n }\n }\n if (scrollPercentage >= 50 && !scrollTracked[50]) {\n scrollTracked[50] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '50%',\n value: 50\n });\n }\n }\n if (scrollPercentage >= 75 && !scrollTracked[75]) {\n scrollTracked[75] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '75%',\n value: 75\n });\n }\n }\n if (scrollPercentage >= 90 && !scrollTracked[90]) {\n scrollTracked[90] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '90%',\n value: 90\n });\n }\n }\n });\n });\n\n \/\/ 5. PLENEROS IN PUERTO RICO LIST INTERACTION\n document.addEventListener('DOMContentLoaded', () => {\n const pleneroCards = document.querySelectorAll('.plenero-card-compact');\n\n \/\/ Track card visibility (when cards come into view)\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.dataset.viewed) {\n entry.target.dataset.viewed = 'true';\n const cardTitle = entry.target.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_view', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n }\n });\n }, { threshold: 0.5 });\n\n pleneroCards.forEach(card => {\n cardObserver.observe(card);\n\n \/\/ Track clicks on cards\n card.addEventListener('click', () => {\n const cardTitle = card.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_click', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n });\n });\n\n \/\/ Track scroll interaction with the pleneros section\n const plenerosSection = document.querySelector('.pleneros-cards-section');\n if (plenerosSection) {\n const scroller = plenerosSection.querySelector('.cards-scroller');\n let hasScrolled = false;\n\n if (scroller) {\n scroller.addEventListener('scroll', () => {\n if (!hasScrolled && typeof gtag !== 'undefined') {\n hasScrolled = true;\n gtag('event', 'pleneros_scroll', {\n event_category: 'Engagement',\n event_label: 'Pleneros Cards Scrolled'\n });\n }\n });\n }\n }\n });\n\n \/\/ ============================================\n \/\/ AUTO-PAUSE VIDEOS IN VIDEO-CARDS\n \/\/ ============================================\n\n document.addEventListener('DOMContentLoaded', () => {\n const videoCards = document.querySelectorAll('.video-card');\n const allCardVideos = document.querySelectorAll('.video-card video');\n\n \/\/ 1. DESKTOP: Pause other videos when one starts playing\n allCardVideos.forEach(video => {\n video.addEventListener('play', () => {\n allCardVideos.forEach(otherVideo => {\n if (otherVideo !== video && !otherVideo.paused) {\n otherVideo.pause();\n }\n });\n });\n });\n\n \/\/ 2. MOBILE: Pause videos when they leave the viewport (scroll)\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n const video = entry.target.querySelector('video');\n if (video) {\n \/\/ If the card leaves the viewport (less than 50% visible), pause the video\n if (!entry.isIntersecting) {\n video.pause();\n }\n }\n });\n }, {\n threshold: 0.5, \/\/ Considered \"out\" when less than 50% is visible\n rootMargin: '0px'\n });\n\n \/\/ Observe each video-card\n videoCards.forEach(card => {\n videoObserver.observe(card);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Puerto Rican Plena: More Than the People’s Newspaper | PlateaPR Plena, Identity and Resistance: the sound that unites the Puerto Rican people More than the “people’s newspaper,” plena is bembeteo. It’s collective memory that is played, danced, and taught as a way of life. Text: Cindy Burgos Alvarado | Visuals: Juan Santa November 22, 2025 […]<\/p>\n","protected":false},"author":52,"featured_media":6128,"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":[140,98],"authors":[167],"page_type":[],"geo_location":[],"class_list":["post-6127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspirational","tag-art-culture","tag-featured-post","post_author-cindy-burgos-alvarado"],"acf":[],"yoast_head":"\n<title>Puerto Rican Plena: the sound that unites boricuas | Platea<\/title>\n<meta name=\"description\" content=\"Learn about Puerto Rican plena, the living musical tradition that continues to shape the island's cultural identity.\" \/>\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\/puerto-rican-plena-the-sound-that-unites-boricuas\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Puerto Rican Plena: the sound that unites boricuas | Platea\" \/>\n<meta property=\"og:description\" content=\"Learn about Puerto Rican plena, the living musical tradition that continues to shape the island's cultural identity.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/\" \/>\n<meta property=\"og:site_name\" content=\"Platea\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-12T18:21:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-12T18:23:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1-1024x576.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"13 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\/puerto-rican-plena-the-sound-that-unites-boricuas\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/\"},\"author\":{\"name\":\"hroloncintron\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b\"},\"headline\":\"Puerto Rican Plena: the sound that unites boricuas\",\"datePublished\":\"2025-12-12T18:21:52+00:00\",\"dateModified\":\"2025-12-12T18:23:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/\"},\"wordCount\":2374,\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png\",\"keywords\":[\"Art & Culture\",\"Featured Post\"],\"articleSection\":[\"Inspirational\"],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#primaryimage\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#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\":\"Puerto Rican Plena: the sound that unites boricuas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#website\",\"url\":\"https:\/\/www.plateapr.com\/en\/\",\"name\":\"Platea\",\"description\":\"Curated guides from locals on what to do and where to eat in Puerto Rico\",\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.plateapr.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\",\"name\":\"Platea\",\"url\":\"https:\/\/www.plateapr.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Platea\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Puerto Rican Plena: the sound that unites boricuas | Platea","description":"Learn about Puerto Rican plena, the living musical tradition that continues to shape the island's cultural identity.","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\/puerto-rican-plena-the-sound-that-unites-boricuas\/","og_locale":"en_US","og_type":"article","og_title":"Puerto Rican Plena: the sound that unites boricuas | Platea","og_description":"Learn about Puerto Rican plena, the living musical tradition that continues to shape the island's cultural identity.","og_url":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/","og_site_name":"Platea","article_published_time":"2025-12-12T18:21:52+00:00","article_modified_time":"2025-12-12T18:23:02+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1-1024x576.png","type":"image\/png"}],"author":"hroloncintron","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hroloncintron","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#article","isPartOf":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/"},"author":{"name":"hroloncintron","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b"},"headline":"Puerto Rican Plena: the sound that unites boricuas","datePublished":"2025-12-12T18:21:52+00:00","dateModified":"2025-12-12T18:23:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/"},"wordCount":2374,"publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png","keywords":["Art & Culture","Featured Post"],"articleSection":["Inspirational"],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#primaryimage","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/#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":"Puerto Rican Plena: the sound that unites boricuas"}]},{"@type":"WebSite","@id":"https:\/\/www.plateapr.com\/en\/#website","url":"https:\/\/www.plateapr.com\/en\/","name":"Platea","description":"Curated guides from locals on what to do and where to eat in Puerto Rico","publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.plateapr.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.plateapr.com\/en\/#organization","name":"Platea","url":"https:\/\/www.plateapr.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png","width":512,"height":512,"caption":"Platea"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/"}}]}},"block_categories_all":[{"blockName":"core\/html","attrs":[],"innerBlocks":[],"innerHTML":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Puerto Rican Plena: More Than the People's Newspaper | PlateaPR<\/title>\n <style>\n \/* Prevent WordPress from converting quotation marks *\/\n #plena-story-container {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n \/* Force specific quote styles *\/\n #plena-story-container q {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container q::before {\n content: open-quote !important;\n }\n\n #plena-story-container q::after {\n content: close-quote !important;\n }\n\n \/* Preserve text content exactly as written *\/\n #plena-story-container p,\n #plena-story-container h1,\n #plena-story-container h2,\n #plena-story-container h3,\n #plena-story-container a,\n #plena-story-container strong,\n #plena-story-container em,\n #plena-story-container blockquote,\n #plena-story-container figcaption {\n text-rendering: optimizeLegibility !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n }\n\n \/* Reset and Base Styles *\/\n #plena-story-container {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n line-height: 1.8 !important;\n color: #1a1a1a;\n background: #ffffff;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n --verde-azulado: #04d99d;\n --verde-oscuro: #03b884;\n --cyan-claro: #05f5b8;\n --rosa-accento: #d9046d;\n --blanco: #ffffff;\n --negro: #1a1a1a;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\";\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* ESTILOS TABLA DE CONTENIDOS SUTIL (LEFT ALIGNED) *\/\n #plena-story-container .toc-section {\n max-width: 800px !important;\n margin: 0.5rem auto 3rem !important; \/* Pegado al byline *\/\n padding: 0 1.25rem !important;\n position: relative !important;\n text-align: left !important;\n z-index: 100 !important;\n }\n\n #plena-story-container .toc-container-inline {\n display: inline-block !important;\n position: relative !important;\n min-width: 260px !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .toc-toggle-btn {\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n padding: 0.5rem 1rem !important;\n background: #f8f9fa !important;\n border: none !important;\n border-left: 4px solid var(--verde-oscuro) !important;\n border-radius: 0 !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n color: #333 !important;\n font-size: 0.85rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n outline: none !important;\n }\n\n #plena-story-container .toc-toggle-btn:hover {\n background-color: #ececec !important;\n }\n\n #plena-story-container .toc-toggle-btn .toc-icon {\n fill: var(--verde-oscuro) !important;\n width: 20px !important;\n height: 20px !important;\n transition: transform 0.3s ease !important;\n }\n\n #plena-story-container .toc-toggle-btn.active .toc-icon {\n transform: rotate(180deg) !important;\n }\n\n #plena-story-container .toc-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n background-color: #ffffff !important;\n border: 1px solid #e0e0e0 !important;\n border-top: none !important;\n border-radius: 0 !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;\n\n \/* Floating behavior *\/\n position: absolute !important;\n top: 100% !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 101 !important;\n\n \/* Animation states *\/\n opacity: 0 !important;\n visibility: hidden !important;\n transform: translateY(-10px) !important;\n transition: all 0.2s ease-out !important;\n max-height: none !important;\n }\n\n #plena-story-container .toc-list.open {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateY(0) !important;\n }\n\n \/* Items styling *\/\n #plena-story-container .toc-list li a {\n display: block !important;\n padding: 0.6rem 1rem !important;\n color: #444 !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n border-bottom: 1px solid #f5f5f5 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n transition: background 0.2s ease !important;\n }\n\n #plena-story-container .toc-list li:last-child a {\n border-bottom: none !important;\n }\n\n #plena-story-container .toc-list li a:hover {\n background-color: #f9f9f9 !important;\n color: var(--verde-oscuro) !important;\n }\n\n \/* Bot\u00f3n de Volver al Men\u00fa - ESTILOS UNIFICADOS *\/\n\n \/* 1. Contenedor: Siempre centrado, max 800px, texto a la derecha *\/\n #plena-story-container .back-to-menu-container {\n display: block !important;\n width: 100% !important;\n max-width: 800px !important;\n margin: 2rem auto 1rem !important;\n padding: 0 1.25rem !important;\n text-align: right !important;\n box-sizing: border-box !important;\n background: transparent !important; \/* Asegurar que no tenga fondo *\/\n }\n\n \/* Forzar que el contenedor respete el margen en secciones anchas *\/\n #plena-story-container .gallery-section .back-to-menu-container,\n #plena-story-container .instruments-section .back-to-menu-container,\n #plena-story-container .pleneros-cards-section .back-to-menu-container {\n margin-left: auto !important;\n margin-right: auto !important;\n \/* Resetear cualquier float o posici\u00f3n extra\u00f1a *\/\n float: none !important;\n position: relative !important;\n left: auto !important;\n right: auto !important;\n }\n\n \/* 2. Bot\u00f3n: Reset completo y estilo base *\/\n #plena-story-container .back-to-menu-btn {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: flex-end !important;\n padding: 0.5rem 0 !important;\n margin: 0 !important;\n border: none !important;\n background: transparent !important;\n text-decoration: none !important;\n color: #999999 !important;\n font-size: 0.75rem !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 600 !important;\n transition: all 0.2s ease !important;\n cursor: pointer !important;\n box-shadow: none !important;\n outline: none !important;\n opacity: 1 !important; \/* Asegurar visibilidad *\/\n }\n\n \/* 3. Flecha (Pseudo-elemento) *\/\n #plena-story-container .back-to-menu-btn::before {\n content: '\u2191' !important;\n margin-right: 6px !important;\n display: inline-block !important;\n transition: transform 0.2s ease !important;\n font-size: 1.1em !important; \/* Ligeramente m\u00e1s grande para claridad *\/\n line-height: 1 !important;\n }\n\n \/* 4. Estado Hover *\/\n #plena-story-container .back-to-menu-btn:hover {\n color: var(--verde-oscuro) !important;\n background: transparent !important;\n text-decoration: none !important;\n }\n\n #plena-story-container .back-to-menu-btn:hover::before {\n transform: translateY(-3px) !important;\n }\n\n \/* Smooth Scroll para toda la p\u00e1gina *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* HERO SECTION - NYT Style with Video *\/\n #plena-story-container .hero {\n height: 100vh !important;\n max-height: 100vh !important;\n display: flex !important;\n align-items: stretch !important;\n justify-content: space-between !important;\n background: #000000 !important;\n position: relative !important;\n overflow: hidden !important;\n width: 100vw !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Desktop Layout: Split Screen *\/\n #plena-story-container .hero-text-container {\n flex: 1 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 4rem !important;\n background: #000000 !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n flex: 1 !important;\n position: relative !important;\n overflow: hidden !important;\n background: #000000 !important;\n }\n\n #plena-story-container .hero-video {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n }\n\n \/* Audio Control Button *\/\n #plena-story-container .audio-control {\n position: absolute !important;\n bottom: 2rem !important;\n right: 2rem !important;\n width: 48px !important;\n height: 48px !important;\n border-radius: 50% !important;\n background: rgba(0, 0, 0, 0.7) !important;\n border: 2px solid rgba(255, 255, 255, 0.9) !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: all 0.3s ease !important;\n z-index: 20 !important;\n backdrop-filter: blur(10px) !important;\n }\n\n #plena-story-container .audio-control:hover {\n background: rgba(0, 0, 0, 0.9) !important;\n border-color: var(--verde-azulado) !important;\n transform: scale(1.1) !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 24px !important;\n height: 24px !important;\n fill: white !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n color: var(--blanco) !important;\n max-width: 600px !important;\n animation: fadeInUp 1s ease-out 0.5s both !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 1.5rem !important;\n letter-spacing: -1px !important;\n line-height: 1.1 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n font-weight: 700 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1.125rem, 2vw, 1.375rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-bottom: 0.875rem !important;\n opacity: 0.9 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-description {\n font-size: clamp(1rem, 2vw, 1.25rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-top: 1.5rem !important;\n opacity: 0.95 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n display: block !important;\n }\n\n \/* Ocultar hero-description en mobile *\/\n @media (max-width: 968px) {\n #plena-story-container .hero-description {\n display: none !important;\n }\n }\n\n \/* Mostrar first-paragraph-mobile solo en mobile *\/\n #plena-story-container .first-paragraph-mobile {\n display: none !important;\n }\n\n \/* Mobile Layout: Video Background with Overlay Text *\/\n @media (max-width: 968px) {\n #plena-story-container .hero {\n flex-direction: column !important;\n min-height: 100vh !important;\n }\n\n #plena-story-container .hero-text-container {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n flex: none !important;\n padding: 1rem 1.5rem 1rem !important;\n background: linear-gradient(\n to top,\n rgba(0,0,0,0.95) 0%,\n rgba(0,0,0,0.8) 30%,\n rgba(0,0,0,0.4) 60%,\n transparent 100%\n ) !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100% !important;\n height: 100% !important;\n }\n\n #plena-story-container .hero-video {\n object-position: center 35% !important;\n }\n\n #plena-story-container .hero {\n height: 85vh !important;\n min-height: 85vh !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2rem, 8vw, 3rem) !important;\n text-shadow: 0 4px 12px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n display: block !important;\n font-size: clamp(1.5rem, 6vw, 2.25rem) !important;\n margin-top: 0.5rem !important;\n font-weight: 600 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.25rem) !important;\n text-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .first-paragraph-mobile {\n display: block !important;\n font-size: 1.125rem !important;\n line-height: 1.8 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #plena-story-container .audio-control {\n top: 1rem !important;\n right: 1rem !important;\n bottom: auto !important;\n width: 44px !important;\n height: 44px !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n #plena-story-container .byline-section {\n background-color: #ffffff !important;\n padding: 2rem 0 0.5rem 0 !important;\n text-align: left !important;\n line-height: 1.4 !important;\n }\n\n #plena-story-container .byline-section > div {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n border-bottom: 1px solid #e0e0d0 !important;\n padding-bottom: 0.5rem !important;\n }\n\n #plena-story-container .byline-author {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.125rem !important;\n font-weight: 400 !important;\n color: #2c3e50 !important;\n margin-bottom: 0.5rem !important;\n line-height: 1.1 !important;\n }\n\n #plena-story-container .byline-date {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n font-weight: 300 !important;\n color: #666 !important;\n font-style: italic !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Additional Mobile adjustments *\/\n @media (max-width: 768px) {\n \/* Force line-height and font-size on mobile - ALL text should be the same size *\/\n #plena-story-container .content-section {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p,\n #plena-story-container .content-section p *,\n #plena-story-container .content-section ul,\n #plena-story-container .content-section ul li,\n #plena-story-container .content-section ul li *,\n #plena-story-container .content-section ol,\n #plena-story-container .content-section ol li,\n #plena-story-container .content-section ol li * {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n \/* Ensure links in lists also have correct size *\/\n #plena-story-container .content-section ul li a,\n #plena-story-container .content-section ol li a {\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section blockquote {\n line-height: 1.8 !important;\n font-size: 1.25rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n font-size: 0.9rem !important;\n }\n }\n\n \/* SECTIONS *\/\n #plena-story-container section {\n padding: 3rem 0 !important;\n position: relative !important;\n }\n\n \/* Aumentar padding top solo para la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section:first-of-type {\n padding-top: 5rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container section {\n padding: 2rem 0 !important;\n }\n }\n\n #plena-story-container .section-header {\n max-width: 1200px !important;\n margin: 0 auto 2.5rem !important;\n text-align: center !important;\n padding: 0 1.25rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .section-header {\n margin-bottom: 2rem !important;\n padding: 0 1rem !important;\n }\n }\n\n #plena-story-container .section-title {\n font-size: clamp(1.875rem, 3vw, 2.25rem) !important;\n color: var(--negro) !important;\n margin-bottom: 0.75rem !important;\n position: relative !important;\n display: block !important;\n text-align: center !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-weight: 600 !important;\n line-height: 1.2 !important;\n }\n\n #plena-story-container .section-title::after {\n content: '' !important;\n position: absolute !important;\n bottom: -10px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: 60% !important;\n height: 2px !important;\n background: var(--verde-azulado) !important;\n }\n\n #plena-story-container .section-subtitle {\n font-size: clamp(0.9375rem, 2vw, 1.125rem) !important;\n color: var(--verde-oscuro) !important;\n font-style: italic !important;\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n opacity: 0.85 !important;\n }\n\n \/* CONTENT SECTIONS *\/\n #plena-story-container .content-section {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p {\n margin-bottom: 1.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* Primer p\u00e1rrafo de la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section p:first-child {\n margin-top: 3rem !important;\n }\n\n #plena-story-container .content-section strong {\n font-weight: 700 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section em {\n font-style: italic !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section h2 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n margin-bottom: 1.5rem !important;\n margin-top: 5rem !important;\n text-align: center !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn),\n #plena-story-container .video-card-content a:not(.back-to-menu-btn) {\n color: var(--verde-oscuro) !important;\n text-decoration: none !important;\n border-bottom: 1px solid var(--cyan-claro) !important;\n transition: all 0.3s ease !important;\n font-weight: 500 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n background: none !important;\n padding: 0 !important;\n margin: 0 !important;\n box-shadow: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):hover,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):hover {\n color: var(--verde-azulado) !important;\n border-bottom-color: var(--verde-azulado) !important;\n text-decoration: none !important;\n background: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):visited,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):visited {\n color: var(--verde-oscuro) !important;\n }\n\n #plena-story-container .learn-tag {\n display: inline-block !important;\n background-color: var(--verde-oscuro) !important;\n color: #fff !important;\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n padding: 0.25rem 0.75rem !important;\n border-radius: 4px !important;\n margin-bottom: 0.75rem !important;\n margin-left: 0 !important;\n align-self: flex-start !important;\n letter-spacing: 1px !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n line-height: 1 !important;\n position: static !important;\n }\n\n #plena-story-container .content-section ul {\n margin: 1.5rem 0 !important;\n padding-left: 2rem !important;\n line-height: 1.8 !important;\n list-style-type: disc !important;\n }\n\n #plena-story-container .content-section ul li {\n margin-bottom: 0.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* OPTION 1: Classic Editorial with Accent Line *\/\n #plena-story-container .content-section blockquote {\n background: transparent !important;\n color: var(--negro) !important;\n padding: 0.5rem 0 0.5rem 2rem !important;\n border-left: 4px solid var(--verde-azulado) !important;\n border-radius: 0 !important;\n margin: 3rem 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n font-size: 1.35rem !important;\n line-height: 1.6 !important;\n position: relative !important;\n border: none !important; \/* Reset inherited borders *\/\n border-left: 4px solid var(--verde-azulado) !important; \/* Re-apply left border *\/\n }\n\n \/* Decorative quote mark *\/\n #plena-story-container .content-section blockquote::before {\n content: '\"' !important;\n font-family: 'Georgia', serif !important;\n font-size: 4rem !important;\n line-height: 1 !important;\n color: var(--verde-oscuro) !important;\n opacity: 0.3 !important;\n position: absolute !important;\n top: -0.5rem !important;\n left: 0.2rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n color: #666 !important;\n font-style: normal !important;\n font-size: 0.85rem !important;\n margin-top: 1rem !important;\n font-weight: 600 !important;\n letter-spacing: 0.5px !important;\n text-transform: uppercase !important;\n display: block !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* --- NEW PHOTO GALLERY STYLES (UPDATED 4:5) --- *\/\n #plena-story-container .gallery-section {\n width: 100% !important;\n max-width: 100vw !important;\n margin: 4rem 0 !important;\n padding: 0 !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n #plena-story-container .gallery-track {\n display: flex !important;\n overflow-x: auto !important;\n scroll-snap-type: x mandatory !important;\n gap: 1.5rem !important;\n padding: 0 1.5rem 2rem !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Hide Scrollbar *\/\n #plena-story-container .gallery-track::-webkit-scrollbar {\n display: none !important;\n }\n\n #plena-story-container .gallery-item {\n flex: 0 0 85% !important; \/* Mobile: show most of image + peek of next *\/\n scroll-snap-align: center !important;\n display: flex !important;\n flex-direction: column !important;\n }\n\n @media (min-width: 600px) {\n #plena-story-container .gallery-item {\n flex: 0 0 55% !important;\n }\n }\n\n @media (min-width: 1024px) {\n #plena-story-container .gallery-item {\n flex: 0 0 38% !important; \/* Adjusted for taller aspect ratio *\/\n }\n\n #plena-story-container .gallery-track {\n padding-left: max(1.5rem, calc(50vw - 500px)) !important;\n padding-right: max(1.5rem, calc(50vw - 500px)) !important;\n }\n }\n\n #plena-story-container .gallery-img-wrapper {\n width: 100% !important;\n aspect-ratio: 4 \/ 5 !important; \/* Vertical 4:5 aspect ratio *\/\n overflow: hidden !important;\n border-radius: 4px !important;\n background: #f5f5f5 !important;\n }\n\n #plena-story-container .gallery-img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n transition: transform 0.5s ease !important;\n }\n\n \/* Subtle hover effect on desktop *\/\n @media (hover: hover) {\n #plena-story-container .gallery-item:hover .gallery-img {\n transform: scale(1.02) !important;\n }\n }\n\n #plena-story-container .gallery-caption {\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n color: #4a4a4a !important;\n line-height: 1.4 !important;\n border-left: 3px solid var(--verde-azulado) !important;\n padding-left: 1rem !important;\n }\n\n #plena-story-container .gallery-header {\n max-width: 800px !important;\n margin: 0 auto 1.5rem !important;\n padding: 0 1.25rem !important;\n text-align: left !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n color: #666 !important;\n }\n\n \/* CLOSING SECTION *\/\n #plena-story-container .closing-section {\n background: var(--verde-oscuro) !important;\n color: var(--blanco) !important;\n text-align: center !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-direction: column !important;\n padding: 4rem 1.25rem !important;\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .closing-section {\n padding: 3rem 1rem !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n left: 0 !important;\n right: 0 !important;\n width: 100% !important;\n }\n }\n\n #plena-story-container .closing-quote {\n font-size: clamp(1.375rem, 4vw, 2.25rem) !important;\n font-style: italic !important;\n line-height: 1.8 !important;\n max-width: 800px !important;\n margin-bottom: 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* ESTILOS SECCI\u00d3N PERSPECTIVAS (TABS) *\/\n \/* Contenedor Principal *\/\n #plena-story-container .pleneros-cards-section {\n margin: 4rem 0 !important;\n padding: 3rem 0 !important; \/* Padding vertical para el fondo *\/\n font-family: 'Georgia', serif !important;\n overflow: hidden !important;\n background-color: #f8f9fa !important; \/* Fondo gris sutil *\/\n width: 100vw !important; \/* Ancho completo de pantalla *\/\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Eliminamos .cards-intro ya que ahora es una tarjeta .intro-card *\/\n\n \/* Contenedor de Scroll Horizontal *\/\n #plena-story-container .cards-scroller {\n display: flex !important;\n overflow-x: auto !important;\n gap: 1rem !important;\n padding: 1rem 1.25rem 2rem !important; \/* Espacio inferior para sombra *\/\n scroll-snap-type: x mandatory !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Ocultar Scrollbar *\/\n #plena-story-container .cards-scroller::-webkit-scrollbar {\n display: none !important;\n }\n\n \/* Tarjeta de Introducci\u00f3n (T\u00edtulo) *\/\n #plena-story-container .intro-card {\n flex: 0 0 280px !important;\n scroll-snap-align: center !important;\n padding: 1rem 1rem 1rem 0 !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n }\n\n #plena-story-container .intro-card .cards-title {\n font-size: 2rem !important;\n line-height: 1.1 !important;\n color: var(--negro) !important;\n margin-bottom: 1.25rem !important;\n font-weight: 700 !important;\n border-left: none !important;\n padding-left: 0 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .intro-card .cards-desc {\n font-style: normal !important;\n color: #444 !important;\n font-size: 1rem !important;\n line-height: 1.6 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n }\n\n \/* Centrado inicial: La tarjeta de INTRO es la primera, ella lleva el margen *\/\n #plena-story-container .intro-card:first-child {\n margin-left: calc(50vw - 400px) !important;\n }\n\n \/* VIDEO INSTRUMENTS SECTION *\/\n #plena-story-container .instruments-section {\n background-color: #f8f9fa !important;\n padding-top: 3rem !important;\n margin-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eee !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n display: flex !important;\n flex-direction: column !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;\n margin-bottom: 1rem !important;\n }\n\n \/* Intro card for mobile in video section *\/\n #plena-story-container .video-intro-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n padding: 1rem 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n margin-left: calc(50vw - 42.5vw) !important; \/* Center first item *\/\n }\n\n #plena-story-container .video-intro-title {\n font-size: 1.75rem !important;\n line-height: 1.2 !important;\n color: var(--negro) !important;\n margin-bottom: 1rem !important;\n font-weight: 700 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .video-intro-desc {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n \/* Reset margins for subsequent cards *\/\n #plena-story-container .video-intro-card + .video-card {\n margin-left: 0 !important;\n }\n\n \/* First video card centering logic if not preceded by intro card *\/\n #plena-story-container .video-card:first-child {\n margin-left: calc(50vw - 350px) !important;\n }\n\n @media (max-width: 850px) {\n #plena-story-container .video-card:first-child {\n margin-left: 1rem !important;\n }\n\n \/* Hide title and tag in first card on mobile since they're in intro card *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: none !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: none !important;\n }\n\n \/* Move description to replace the empty space in first card on mobile *\/\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n }\n\n #plena-story-container .video-wrapper {\n width: 100% !important;\n background: #000 !important;\n position: relative !important;\n }\n\n #plena-story-container .video-wrapper video {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n aspect-ratio: 9 \/ 16 !important;\n object-fit: cover !important;\n }\n\n #plena-story-container .video-card-content {\n padding: 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n }\n\n #plena-story-container .video-card-title {\n font-family: 'Georgia', serif !important;\n font-size: 1.5rem !important;\n line-height: 1.2 !important;\n margin-bottom: 1rem !important;\n color: var(--negro) !important;\n font-weight: 700 !important;\n }\n\n #plena-story-container .video-card-content p {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n @media (min-width: 768px) {\n \/* Hide separate intro card on desktop *\/\n #plena-story-container .video-intro-card {\n display: none !important;\n }\n\n \/* Show title, tag and desc in first card on desktop *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: inline-block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content {\n padding: 2.5rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 700px !important;\n flex-direction: row-reverse !important; \/* Description Left, Video Right *\/\n align-items: stretch !important;\n }\n\n #plena-story-container .video-wrapper {\n flex: 0 0 300px !important;\n }\n\n #plena-story-container .video-wrapper video {\n height: 100% !important;\n width: 100% !important;\n }\n\n #plena-story-container .video-card-content {\n flex: 1 !important;\n padding: 2.5rem !important;\n }\n }\n\n @media (max-width: 850px) {\n #plena-story-container .intro-card:first-child {\n margin-left: 0 !important;\n }\n }\n\n \/* Tarjeta Individual Compacta *\/\n #plena-story-container .plenero-card-compact {\n flex: 0 0 280px !important; \/* Ancho fijo compacto *\/\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eaeaea !important;\n border-radius: 6px !important;\n padding: 0 !important; \/* Sin padding general, controlado dentro *\/\n box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;\n display: flex !important;\n flex-direction: column !important;\n max-height: 400px !important; \/* Altura m\u00e1xima fija *\/\n position: relative !important; \/* Necesario para el overlay *\/\n overflow: hidden !important; \/* Contiene el gradiente y header, no hace scroll *\/\n margin-left: 0 !important; \/* Reset expl\u00edcito de margen *\/\n }\n\n \/* Indicador visual de scroll (fade bottom) - Fijo sobre la lista *\/\n #plena-story-container .plenero-card-compact::after {\n content: '' !important;\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n height: 60px !important; \/* Un poco m\u00e1s alto para suavidad *\/\n background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%) !important;\n pointer-events: none !important;\n z-index: 5 !important;\n }\n\n \/* Eliminadas las reglas redundantes de first-child para .plenero-card-compact *\/\n\n \/* Encabezado de Tarjeta (Sticky) *\/\n #plena-story-container .compact-header {\n background: var(--verde-oscuro) !important;\n color: #fff !important;\n padding: 1rem !important;\n \/* position: sticky no es necesario si el header no est\u00e1 dentro del contenedor con scroll *\/\n width: 100% !important;\n z-index: 10 !important;\n text-align: left !important;\n flex-shrink: 0 !important; \/* Evita que se encoja *\/\n }\n\n #plena-story-container .compact-title {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n font-size: 0.9rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n margin: 0 !important;\n }\n\n \/* Lista Compacta con Scroll Independiente *\/\n #plena-story-container .compact-list {\n list-style: none !important;\n padding: 1rem 1rem 4rem 1rem !important; \/* Padding bottom grande para compensar el gradiente *\/\n margin: 0 !important;\n overflow-y: auto !important; \/* Scroll aqu\u00ed *\/\n flex: 1 !important; \/* Ocupa el espacio restante *\/\n -webkit-overflow-scrolling: touch !important;\n }\n\n #plena-story-container .compact-list li {\n font-size: 0.9rem !important;\n line-height: 1.35 !important;\n color: #333 !important;\n margin-bottom: 0.6rem !important;\n padding-bottom: 0.6rem !important;\n border-bottom: 1px solid #f0f0f0 !important;\n }\n\n #plena-story-container .compact-list li:last-child {\n border-bottom: none !important;\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n\n #plena-story-container .compact-detail {\n display: block !important;\n font-size: 0.75rem !important;\n color: #888 !important;\n font-style: italic !important;\n margin-top: 0.15rem !important;\n }\n\n#plena-story-container .perspectives-container {\n margin: 3rem 0;\n border-top: 1px solid #e0e0e0;\n border-bottom: 1px solid #e0e0e0;\n background: #ffffff;\n}\n\n#plena-story-container .tabs-header {\n display: flex;\n border-bottom: 1px solid #e0e0e0;\n}\n\n#plena-story-container .tab-btn {\n flex: 1;\n background: none;\n border: none;\n padding: 1.5rem 1rem;\n text-align: left;\n cursor: pointer;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: clamp(1.25rem, 3vw, 1.5rem) !important;\n transition: all 0.3s ease;\n opacity: 0.5;\n position: relative;\n color: var(--negro);\n outline: none;\n}\n\n#plena-story-container .tab-btn:hover {\n opacity: 0.8;\n background: #fcfcfc;\n}\n\n#plena-story-container .tab-btn.active {\n opacity: 1;\n background: #ffffff;\n}\n\n\/* Indicador de l\u00ednea activa *\/\n#plena-story-container .tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--negro); \/* Por defecto *\/\n}\n\n\/* Colores espec\u00edficos por tab activo *\/\n#plena-story-container .tab-btn:first-child.active::after {\n background: var(--verde-oscuro); \/* Color para Retos *\/\n}\n\n#plena-story-container .tab-btn:last-child.active::after {\n background: var(--verde-azulado); \/* Color para Oportunidades *\/\n}\n\n#plena-story-container .tab-eyebrow {\n display: block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 0.5rem;\n color: #666;\n font-weight: 700;\n}\n\n#plena-story-container .tab-content {\n display: none;\n padding: 2.5rem 0;\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n#plena-story-container .tab-content.active-content {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Scroll Horizontal (Stream) *\/\n#plena-story-container .horizontal-stream {\n display: flex;\n overflow-x: auto;\n gap: 2.5rem;\n padding: 0 1rem 1.5rem; \/* Espacio para sombra si fuera necesario *\/\n scrollbar-width: none; \/* Firefox *\/\n -webkit-overflow-scrolling: touch;\n}\n\n#plena-story-container .horizontal-stream::-webkit-scrollbar {\n display: none;\n}\n\n#plena-story-container .stream-item {\n flex: 0 0 85%; \/* M\u00f3vil: ancho amplio *\/\n padding-right: 1.5rem;\n border-right: 1px solid #f0f0f0;\n position: relative;\n}\n\n#plena-story-container .stream-item:last-child {\n border-right: none;\n padding-right: 0;\n}\n\n#plena-story-container .item-number {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 2rem;\n display: block;\n margin-bottom: 0.5rem;\n line-height: 1;\n opacity: 0.3;\n}\n\n\/* Colores de los n\u00fameros *\/\n#plena-story-container .challenge-accent { color: var(--verde-oscuro); opacity: 1; }\n#plena-story-container .opp-accent { color: var(--verde-azulado); opacity: 1; }\n\n#plena-story-container .stream-item h3 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.35rem !important;\n margin-bottom: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--negro);\n}\n\n#plena-story-container .stream-item p {\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #444 !important;\n margin: 0 !important;\n}\n\n\/* Ajustes Desktop *\/\n@media (min-width: 768px) {\n #plena-story-container .stream-item {\n flex: 0 0 40%;\n }\n\n #plena-story-container .horizontal-stream {\n padding: 0 2rem 1rem; \/* M\u00e1s padding lateral *\/\n }\n}\n \/* LOADING ANIMATION *\/\n #plena-story-container .fade-in {\n animation: fadeInUp 0.8s ease-out both;\n }\n\n \/* Responsive mobile adjustments *\/\n @media (max-width: 640px) {\n .plena-section {\n padding: 1rem;\n border-radius: 12px;\n }\n\n .item-description {\n padding: 0 1rem 1rem 1rem;\n }\n\n .item-header {\n padding: 1rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n * {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n <style>\n body {\n background: #ffffff;\n margin: 0;\n padding: 0;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"plena-story-container\">\n <section class=\"hero\">\n <div class=\"hero-text-container\">\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">\n Plena, Identity and Resistance:\n <span class=\"title-secondary\">the sound that unites the Puerto Rican people<\/span>\n <\/h1>\n <p class=\"hero-description\"><strong>More than the \"people's newspaper,\" plena is bembeteo. It's collective memory that is played, danced, and taught as a way of life.<\/strong><\/p>\n <\/div>\n <\/div>\n <div class=\"hero-video-container\">\n <video\n id=\"hero-video\"\n class=\"hero-video\"\n autoplay\n loop\n playsinline\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenazo_casatitomatos.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plenazo_casatitomatos-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\"\n alt=\"Plenazo at Casa de la Plena Tito Matos\">\n <\/video>\n <button id=\"audio-toggle\" class=\"audio-control\" aria-label=\"Toggle audio\">\n <svg id=\"speaker-on\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\n <\/svg>\n <svg id=\"speaker-off\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\">\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/section>\n\n <section class=\"byline-section\">\n <div>\n <p class=\"byline-author\">Text: Cindy Burgos Alvarado | Visuals: Juan Santa <\/p>\n <p class=\"byline-date\">November 22, 2025<\/p>\n <\/div>\n <\/section>\n\n \n <nav id=\"tabla-contenidos\" class=\"toc-section fade-in\">\n <div class=\"toc-container-inline\">\n <button class=\"toc-toggle-btn\" id=\"toc-toggle\" aria-expanded=\"false\" aria-controls=\"toc-list\">\n <span class=\"toc-title-text\">In this article<\/span>\n <svg class=\"toc-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n <\/svg>\n <\/button>\n <ul class=\"toc-list\" id=\"toc-list\">\n <li><a href=\"#actualidad\">1. Plena today<\/a><\/li>\n <li><a href=\"#origen\">2. Origins and \"Bembeteo\"<\/a><\/li>\n <li><a href=\"#pleneros\">3. Notable pleneros<\/a><\/li>\n <li><a href=\"#instrumentos\">4. Learn to play videos<\/a><\/li>\n <li><a href=\"#evolucion\">5. Evolution of the rhythm<\/a><\/li>\n <li><a href=\"#perspectivas\">6. Challenges and opportunities<\/a><\/li>\n <li><a href=\"#futuro\">7. The future<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n <section class=\"content-section fade-in\" id=\"actualidad\">\n <p class=\"first-paragraph-mobile\"><strong>Learn about Puerto Rican plena, the living musical tradition known as \"the singing newspaper of Puerto Rico\" that continues to shape the island's cultural identity.<\/strong><\/p>\n\n <p>More than a century after originating in the sugarcane fields and barrios of southern Puerto Rico, plena is more alive than ever: it reached the top of <a href=\"https:\/\/www.dw.com\/es\/deb%C3%AD-tirar-m%C3%A1s-fotos-y-bad-bunny-acaparan-listas-globales-de-spotify-y-billboard\/a-71292666\" target=\"_blank\" rel=\"noopener\">Spotify<\/a> and <a href=\"https:\/\/www.metro.pr\/entretenimiento\/2025\/01\/10\/la-plena-tiene-un-tema-numero-uno-a-nivel-mundial-gracias-a-bad-bunny\/\" target=\"_blank\" rel=\"noopener\">Apple Music<\/a> global charts thanks to Bad Bunny, took over the island's main music venue, was performed at the <a href=\"https:\/\/www.telemundo.com\/shows\/premios-billboard\/video\/los-pleneros-de-la-cresta-interpretan-cafe-con-ron-en-los-premios-billboard-2025-tmvo13045596\" target=\"_blank\" rel=\"noopener\">2025 Billboard Latin Music Awards<\/a>, and continues to attract growing interest from both new and established artists.<\/p>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero-Santana.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/donde-esta-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/donde-esta-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p><strong>\"Plena and Puerto Rican bomba are at their best moment in history.<\/strong> Currently, plena is played, performed, danced, interpreted, composed, and taught more than ever,\" said musician and plenero Emanuel Santana, general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\" target=\"_blank\" rel=\"noopener\">La Casa de la Plena Tito Matos<\/a>, one of several schools dedicated to teaching the history, performance, and dance of this native rhythm.<\/p>\n\n <p>But Puerto Ricans' attraction to this Afro-Caribbean genre goes back much further and extends beyond the famous performances by <a href=\"https:\/\/www.youtube.com\/watch?v=1G2-r-5ZwnY\" target=\"_blank\" rel=\"noopener\">Ricky Martin<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=kHwGVojDITY\" target=\"_blank\" rel=\"noopener\">H\u00e9ctor Lavoe<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=ZN_7Zd5LeGw\" target=\"_blank\" rel=\"noopener\">Willie Col\u00f3n<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=sb6VNmLPOPk\" target=\"_blank\" rel=\"noopener\">Mon Rivera<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=6uP_mCi0lkc\" target=\"_blank\" rel=\"noopener\">Ismael Rivera<\/a>, or <a href=\"https:\/\/www.youtube.com\/watch?v=woTlIos3k14\" target=\"_blank\" rel=\"noopener\">Rafael Cortijo y su Combo<\/a>.<\/p>\n\n <p>It's the music that plays among boricua crowds at celebrations, sporting events, protests, the Fiestas de la Calle San Sebasti\u00e1n, and the Christmas asaltos navide\u00f1os, and it has far more performers and contributions from anonymous people than history can record.<\/p>\n\n <p><strong>\"Plena is the rhythm of Puerto Ricans<\/strong> and that's proven by one simple fact: there's no event you'll attend in your life where the panderos haven't been or won't be,\" said musician LuisGa N\u00fa\u00f1ez, director of the group <a href=\"https:\/\/www.plenalibre.com\/\" target=\"_blank\" rel=\"noopener\">Plena Libre<\/a>.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"gallery-section fade-in\" id=\"galeria\">\n <div class=\"gallery-header\">\n <\/div>\n <div class=\"gallery-track\">\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8941-1-scaled.jpeg\" alt=\"Emanuel Santana playing pandero\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Musician Emanuel Santana is the general coordinator of Casa de la Plena Tito Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\" alt=\"Saturday plenazo\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Every Saturday, from 12:00 to 3:00 PM, La Casa de la Plena Tito Matos holds a plenazo and honors the legacy of a plenero.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9040-1-scaled.jpeg\" alt=\"Map of plena styles\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Map of Puerto Rico highlighting the areas of the three most prominent plena styles: Mayag\u00fcez (west), Ponce (south), and Santurce (northeast).<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9049-1-scaled.jpeg\" alt=\"Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Tito Matos was in groups such as Los Sapos del Ca\u00f1o, Los Pleneros del Almendro, Los Pleneros del Pueblo, Los Pleneros de la 21, Los Pleneros de la 23 Abajo, and co-founded Viento de Agua.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9024-1-scaled.jpeg\" alt=\"Casa de la Plena Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena's mission is to preserve, develop, and promote plena and the legacy of artist H\u00e9ctor \"Tito\" Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9020-1-scaled.jpeg\" alt=\"Hand-carved santos of pleneros\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Hand-carved santos representing boricua pleneros.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9033-1-scaled.jpeg\" alt=\"Pandero with Ismael Rivera\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Pandero with the image of Ismael Rivera.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-19-at-6.04.46-PM.png\" alt=\"Tito Matos mural\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Mural honoring Tito Matos at Casa de la Plena, in Santurce.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9010-1-scaled.jpeg\" alt=\"Ram\u00f3n L\u00f3pez collection\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena houses the collection of anthropologist and plenero Ram\u00f3n L\u00f3pez.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9031-1-scaled.jpeg\" alt=\"Instruments at Casa de la Plena\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Panderos and various instruments at La Casa de la Plena, where they offer classes in plena (for children and adults), bomba, g\u00fc\u00edcharo, and children's plena.<\/figcaption>\n <\/figure>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"origen\">\n <h2 class=\"section-title\">Origin of Plena: More Than the 'People's Newspaper'\u2014It's 'Bembeteo'<\/h2>\n\n <p>Historian, artisan, and anthropologist <strong><a href=\"https:\/\/lacasadelaplena.org\/es\/nosotres\">Ram\u00f3n L\u00f3pez<\/a><\/strong>, who founded the Santurce group Los Pleneros de la 23 Abajo, spoke of an \"elusive origin of plena\" because \"we have no evidence that there is a place where plena was invented or that there is a person who invented it,\" as he explained in the documentary <a href=\"https:\/\/www.youtube.com\/watch?v=GW7K5d14yqA\" target=\"_blank\" rel=\"noreferrer noopener\">Los or\u00edgenes inatrapables de la plena puertorrique\u00f1a<\/a> (The Elusive Origins of Puerto Rican Plena, 2020), directed by Felipe Garc\u00eda.<\/p>\n\n <p>The most established theory is that plena originated in the late 19th and early 20th century on the southern coast of Puerto Rico, at a time when \"the most important meeting point was Ponce,\" according to L\u00f3pez.<\/p>\n\n <p>It was a \"collective movement\" born from the hands of \"dispossessed people\" (without property or wealth), many of them sugarcane field workers and residents of the barrios of the south.<\/p>\n\n <p>It emerged during a time of intense changes in Puerto Rico, so it's no surprise that the panderos\u2014light and easy-to-transport instruments\u2014became the protagonists.<\/p>\n\n <blockquote>\n Plena is the musical response of Puerto Ricans to the American invasion. It is their way of reacting musically to that change.<br>\n <small>\u2014 Ram\u00f3n L\u00f3pez, artisan, cultural anthropologist, and plenero<\/small>\n <\/blockquote>\n\n <p>\"Plena couldn't have been slow, melodious, soft music or whatever, because the world and the era in which it was born was the complete opposite... The plenero is a guy who's standing, ready to leave, to move, he's moving, he's dancing if he feels like it,\" added the anthropologist.<\/p>\n\n <p><strong>Bembeteo.<\/strong> More than the <strong>\"people's newspaper\"<\/strong>, a nickname it earned decades after its founding, for L\u00f3pez, plena was the \"bembeteo\"\u2014the gossip, the exaggerated story you tell your neighbor. \"It's a way of expressing the matters of their daily life. That's why plena is very cuentera [full of stories],\" noted the historian, with whom Santana and N\u00fa\u00f1ez agree.<\/p>\n\n <h2 class=\"section-title\">Where Does Plena Come From?<\/h2>\n\n <p>Before plena, tambourines or panderos were used in other foreign rhythms, and their use \"is attributed a lot to the Arabian side,\" explained Santana.<\/p>\n\n <p>However, there's a theory developed by L\u00f3pez that considers that <strong>the use of panderos in Puerto Rico began with the arrival of migrants from the Lesser Antilles<\/strong>, particularly from the English islands, who came to work in crops like sugarcane. They were few and it was a fleeting migration.<\/p>\n\n <p>\"(They were) Black people so poor they had to leave their own islands to find a way to survive, and those people used tambourines and guitars more frequently than Puerto Ricans to liven up their songs, dances, and entertainment,\" recounted L\u00f3pez.<\/p>\n\n <p>In that mix of rhythms similar to ours and fleeting, changing encounters in sugarcane fields and barrios, what we know today as plena began to develop.<\/p>\n\n <p>Another theory is that \"it comes from a bomba rhythm called holand\u00e9, which is very similar to the plena rhythm,\" said Santana.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n\n <div class=\"pleneros-cards-section\" id=\"pleneros\">\n <div class=\"cards-scroller\">\n \n <div class=\"intro-card\">\n <h3 class=\"cards-title\">Pleneros in Puerto Rico<\/h3>\n <p class=\"cards-desc\">Many musicians have contributed to the development of plena. We've compiled some key names, acknowledging that the list is much more extensive.<\/p>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Historical Figures<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Joselino \"Bumb\u00fan\" Oppenheimer<\/li>\n <li>Emilio Escobar<\/li>\n <li>Paco Cerniera<\/li>\n <li>Mar\u00eda Cristina \"Cristy\" Alfonso Mangual<\/li>\n <li>Ram\u00f3n L\u00f3pez<\/li>\n <li>Norberto S\u00e1nchez<\/li>\n <li>Ram\u00f3n Pedraza<\/li>\n <li>\u00c1ngel Luis Torruellas <span class=\"compact-detail\">\"The King of Plena\"<\/span><\/li>\n <li>Tony Capit\u00e1n<\/li>\n <li>Ismael \"Cocolay\" Rivera<\/li>\n <li>Ram\u00f3n Rivera Alers <span class=\"compact-detail\">\"Don Mon\" and his sons<\/span><\/li>\n <li>Efra\u00edn Rivera Castillo \"Mon Rivera\"<\/li>\n <li>H\u00e9ctor \"Tito\" Matos<\/li>\n <li>Gary N\u00fa\u00f1ez<\/li>\n <li>H\u00e9ctor \"Atabal\" Rodr\u00edguez<\/li>\n <li>Los Pleneros del Quinto Olivo<\/li>\n <li>Los Pleneros de la 21<\/li>\n <li>Los Pleneros de la 23 Abajo<\/li>\n <li>Rafael Cortijo y su Combo<\/li>\n <li>Ismael Rivera<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Family Legacies<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>\n <strong>Cepeda Family<\/strong>\n <span class=\"compact-detail\">8 generations promoting bomba and plena.<\/span>\n <\/li>\n <li>Emmanuelli Family<\/li>\n <li>\n <strong>Mart\u00ednez Family<\/strong>\n <span class=\"compact-detail\">Emil, Ler\u00f3, and Johnsy Mart\u00ednez<\/span>\n <\/li>\n <li>Rivera Family<\/li>\n <li>Pacheco Brothers<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Contemporary Groups<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Plena Libre<\/li>\n <li>Emplegoste<\/li>\n <li>Plen\u00e9alo<\/li>\n <li>Los Pleneros de la Cresta<\/li>\n <li>Los Pleneros de Severo<\/li>\n <li>Grupo Esencia<\/li>\n <li>Truco y Zaperoko<\/li>\n <li>Pleneros del Truco<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n\n <p><strong>La Joya del Castillo.<\/strong> Although there's no precise place of origin, L\u00f3pez noted that La Joya del Castillo (The Jewel of the Castle), a slum located in the Quinto neighborhood of Ponce, \"was the most important meeting point\" in the early days of plena. It was a barrio outside the control of the sugarcane fields, which allowed people from other neighborhoods like San Ant\u00f3n or B\u00e9lgica to freely gather and play.<\/p>\n\n <p><strong>The King of Plena.<\/strong> The lack of documentation of the first plena musicians makes a concrete history of the most outstanding figures difficult, but L\u00f3pez highlighted <a href=\"https:\/\/www.80grados.net\/el-cuento-pleneao-de-bumbun-2\/\" target=\"_blank\" rel=\"noopener\">Joselino \"Bumb\u00fan\" Oppenheimer<\/a> as \"the king of plena\"\u2014singer, pandero player, composer\u2014one of the pioneers and \"the most charismatic, the most talented.\" He even said that some of the oldest plenas might be his, but he died without recording his compositions.<\/p>\n\n <ul>\n <li>The song <em><a href=\"https:\/\/www.revistaetnica.com\/blogs\/news\/plena-combativa-lanza-su-segundo-sencillo-bembetea\" target=\"_blank\" rel=\"noopener\">Bembetea<\/a><\/em> by Plena Combativa pays tribute to Carola Clark, one of the pleneras considered a pioneer.<\/li>\n <\/ul>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <div class=\"pleneros-cards-section instruments-section fade-in\" id=\"instrumentos\">\n <div class=\"cards-scroller\">\n \n <div class=\"video-intro-card\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-intro-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <\/div>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/1-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/pandero_seguidor.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/pandero_seguidor-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-card-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <p><strong>Panderos:<\/strong> percussion instruments from the drum family, consisting of a rigid round frame covered on one end with stretched skin. It's played by hitting or tapping with the hands.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/3.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/el-seguidor-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/el-seguidor-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El seguidor (the follower):<\/strong> is the second pandero to be added. It has the deepest sound and is the largest (usually 16 inches). It's used to keep the rhythm.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/5.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/punteador-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/punteador-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El punteador:<\/strong> Has a medium size (about 13 inches) and intermediate tuning. It also keeps the rhythm, but in a higher pitch than the seguidor.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/2-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plena-requinto.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plena-requinto-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El requinto:<\/strong> the one with the highest tuning and the smallest (about 12 inches), used for solos. It's considered to have been present since the beginnings of plena, when it was played with just one pandero.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/4.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/guicharo-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/guicharo-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>G\u00fc\u00edcharo or g\u00fciro:<\/strong> a percussion instrument <a href=\"https:\/\/www.plateapr.com\/historia-guiro-puerto-rico\">from the scraper family<\/a> that in Puerto Rico is made from a plant called marimbo, grooved and played with a stick called varillero or puya.<\/p>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"evolucion\">\n <h2 class=\"section-title\"><strong>The Evolution of Plena: Rhythm, Lyrics, and Influences<\/strong><\/h2>\n\n <p><strong>Rhythm.<\/strong> Unlike bomba, which has dozens of rhythms, <strong>plena \"is a single rhythm\"<\/strong> that has regionalisms, ways of being interpreted, and various tempos, said Santana, who considers that even today's fusions are the same genre.<\/p>\n\n <p>Among the <strong>playing styles<\/strong>, N\u00fa\u00f1ez highlighted three main ones: Ponce, Mayag\u00fcez, and Santurce, \"particularly with maestro Rafael Cepeda,\" whose family is a pioneer in founding the first plena schools. These were the most important hubs of Puerto Rican plena.<\/p>\n\n <ul>\n <li>\"The most different style out there is one called <strong>'punta de clavo' (nail tip)<\/strong>, which is from Mayag\u00fcez, it's a lamento plena,\" played more slowly and with the fingertips, as opposed to the whole palm as done in Santurce, explained N\u00fa\u00f1ez.<\/li>\n <\/ul>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Tempo_plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/Tempo_plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p>For Santana, the way of playing, volumes, and even techniques \"have been evolving\" and respond to the reality of each era. Both the pandero and g\u00fc\u00edcharo playing have been changing, he affirmed.<\/p>\n\n <p><strong>Lyrics.<\/strong> From its beginnings, song lyrics have told stories of everyday life, from romances and celebrations to political and religious events, death, and anything that captures popular imagination. \"Plena was also very patriarchal,\" said L\u00f3pez, referring to plenas like <em>Cortaron a Elena<\/em> (They Cut Elena).<\/p>\n\n <p>Although Santana considers that today a group wouldn't write about a femicide, the lyrics remain the <strong>\"living expression of the people\"<\/strong> and \"a way of confronting the regime in an artistic manner,\" with inclusive lyrics by new performers. \"Plena is like our battle cry,\" he added.<\/p>\n\n <p>N\u00fa\u00f1ez, for his part, uses his art to express celebration, romance, and resistance.<\/p>\n\n <blockquote>\n Plena responds to Puerto Rican reality, and Puerto Ricans will get angry, celebrate, love, and hate through plena, through the music that represents them.<br>\n <small>\u2014 LuisGa N\u00fa\u00f1ez<\/small>\n <\/blockquote>\n\n <p><strong>Influences.<\/strong> \"Plena has always been nourished by the music that's popular at the moment, what's in vogue,\" noted Santana. For example, in the early 20th century, plena was influenced by <strong>danza<\/strong>; in the 1940s, it was <strong>bolero<\/strong> and <strong>trio music<\/strong>.<\/p>\n\n <p>\"If we go further ahead, already <strong>son<\/strong>, <strong>guaracha<\/strong>, and the movement of the phenomenon we call <strong>salsa<\/strong> were more in vogue, so plena got influenced by that. Later with <strong>merengue<\/strong>. Later with <strong>rap<\/strong>, <strong>reggae<\/strong>, <strong>reggaet\u00f3n<\/strong>, <strong>trap<\/strong>, and that's where we are today,\" said Santana.<\/p>\n\n <p>In N\u00fa\u00f1ez's case, his plena as a soloist has been influenced by <strong>bossa nova<\/strong>, <strong>urban music<\/strong>, and even <strong>jazz<\/strong>. \"My two biggest influences are Calle 13 and Tego Calder\u00f3n,\" although he grew up listening to Los Pleneros del Quinto Olivo, Cortijo, Mon Rivera, \u00c1ngel Luis Torruella, La Sonora Ponce\u00f1a, and El Gran Combo, he said.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"perspectivas\">\n <h2 class=\"section-title\">Challenges and Opportunities<\/h2>\n <div class=\"perspectives-container\">\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" onclick=\"openTab(event, 'retos')\" aria-label=\"View Challenges\">\n <span class=\"tab-eyebrow\">The Challenge<\/span>\n Challenges\n <\/button>\n <button class=\"tab-btn\" onclick=\"openTab(event, 'oportunidades')\" aria-label=\"View Opportunities\">\n <span class=\"tab-eyebrow\">The Vision<\/span>\n Opportunities\n <\/button>\n <\/div>\n\n <div id=\"retos\" class=\"tab-content active-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">1<\/span>\n <h3>Limited Exposure<\/h3>\n <p>\"The most important thing is exposure: that we give it the spaces, structures, and opportunities that we give to foreign music,\" said plenero <strong>Emanuel Santana<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">2<\/span>\n <h3>Lack of Resources<\/h3>\n <p>\"The monetary difference plays a role in us not being in the spaces necessary to stand out,\" explained plenero <strong>LuisGa N\u00fa\u00f1ez<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">3<\/span>\n <h3>Historical Gap<\/h3>\n <p>Although there are various theories about the origin of the rhythm, specific details were not documented. \"I would like to encourage much more serious research,\" said Santana.<\/p>\n <\/article>\n <\/div>\n <\/div>\n\n <div id=\"oportunidades\" class=\"tab-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">1<\/span>\n <h3>The 'Bad Bunny Effect'<\/h3>\n <p>\"It's up to us to take advantage of the moment... make good music, reach people,\" acknowledged LuisGa N\u00fa\u00f1ez about the responsibility of pleneros given the impact of international-caliber artists fusing plena.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">2<\/span>\n <h3>Collaborations<\/h3>\n <p>\"Collaborations are the next step,\" affirmed N\u00fa\u00f1ez. It's time to invite other artists to use the plena rhythm in their compositions.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">3<\/span>\n <h3>Public Policy<\/h3>\n <p>Santana suggests revitalizing the <strong>Our Native Music Act (Law 223)<\/strong> to ensure funding at public events and include plena as mandatory in school curricula.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">4<\/span>\n <h3>New Markets<\/h3>\n <p>Looking south. Uruguay, where plena is deeply rooted, is \"a mirror of what could happen in Puerto Rico,\" assured N\u00fa\u00f1ez.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n<\/section>\n\n <div style=\"margin: 3rem 0; text-align: center;\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-22-at-12.52.08-PM.webp\"\n alt=\"The future of plena\"\n style=\"max-width: 100%; height: auto; border-radius: 8px;\"\n loading=\"lazy\">\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"futuro\">\n <h2 class=\"section-title\"><strong>The Future of Plena<\/strong><\/h2>\n\n <p>With the inclusion of Bad Bunny, Rauw Alejandro, and other international-caliber artists fusing their songs with plena, and with so many other local artists creating their own interpretations, \"I'm very sure that <strong>the future of plena is very bright<\/strong>,\" in Santana's view.<\/p>\n\n <p>The general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\">La Casa de la Plena Tito Matos<\/a>, where Ram\u00f3n L\u00f3pez's archives are housed, said the important thing is to approach the rhythm with respect, keeping in mind and acknowledging the legacy of the great masters of plena.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"closing-section\">\n <p class=\"closing-quote\">\n \"Plena is the rhythm of Puerto Ricans. There's no event where the panderos haven't been or won't be.\"\n <\/p>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Preserve straight quotes - prevent WordPress wptexturize\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Store original content before WordPress processes it\n const container = document.getElementById('plena-story-container');\n if (container) {\n \/\/ Normalize all text nodes to use straight quotes\n const walker = document.createTreeWalker(\n container,\n NodeFilter.SHOW_TEXT,\n null\n );\n\n const textNodes = [];\n while (walker.nextNode()) {\n textNodes.push(walker.currentNode);\n }\n\n \/\/ Only normalize if any type of quotes are detected (meaning WordPress processed it)\n textNodes.forEach(node => {\n if (node.nodeValue && (node.nodeValue.includes('\\u00AB') || node.nodeValue.includes('\\u00BB') || node.nodeValue.includes('\\u201C') || node.nodeValue.includes('\\u201D') || node.nodeValue.includes('\\u2018') || node.nodeValue.includes('\\u2019'))) {\n \/\/ Replace all quote types with straight quotes\n node.nodeValue = node.nodeValue\n .replace(\/[\\u00AB\\u00BB]\/g, '\"') \/\/ Latin\/Spanish quotes \u00ab \u00bb\n .replace(\/[\\u201C\\u201D]\/g, '\"') \/\/ Curly quotes \" \"\n .replace(\/[\\u2018\\u2019]\/g, \"'\"); \/\/ Curly single quotes ' '\n }\n });\n }\n });\n\n\n\n \/\/ Fade-in animations on scroll\n const contentObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.content-section, .gallery-section').forEach(el => {\n contentObserver.observe(el);\n });\n\n \/\/ Video controls and viewport detection\n document.addEventListener('DOMContentLoaded', () => {\n const video = document.getElementById('hero-video');\n const audioToggle = document.getElementById('audio-toggle');\n const speakerOn = document.getElementById('speaker-on');\n const speakerOff = document.getElementById('speaker-off');\n\n if (!video || !audioToggle) return;\n\n \/\/ Start video with sound unmuted\n video.muted = false;\n video.volume = 0.7; \/\/ Set volume to 70%\n\n \/\/ Try to play video with sound\n video.play().catch(err => {\n console.log('Autoplay with sound prevented, starting muted:', err);\n \/\/ If autoplay with sound fails, mute and try again\n video.muted = true;\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n video.play().catch(err2 => {\n console.log('Video autoplay completely prevented:', err2);\n });\n });\n\n \/\/ Audio toggle button\n audioToggle.addEventListener('click', () => {\n video.muted = !video.muted;\n\n if (video.muted) {\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n audioToggle.setAttribute('aria-label', 'Enable audio');\n } else {\n speakerOn.style.display = 'block';\n speakerOff.style.display = 'none';\n audioToggle.setAttribute('aria-label', 'Disable audio');\n }\n });\n\n \/\/ Observe video viewport visibility\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/\/ Video is in viewport - play it\n video.play().catch(err => {\n console.log('Could not play video:', err);\n });\n } else {\n \/\/ Video is out of viewport - pause it\n video.pause();\n }\n });\n }, { threshold: 0.25 }); \/\/ Trigger when 25% of video is visible\n\n videoObserver.observe(video);\n });\n\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ Toggle Table of Contents\n document.addEventListener('DOMContentLoaded', () => {\n const tocToggle = document.getElementById('toc-toggle');\n const tocList = document.getElementById('toc-list');\n\n if(tocToggle && tocList) {\n tocToggle.addEventListener('click', () => {\n const isOpen = tocList.classList.contains('open');\n\n \/\/ Toggle classes\n tocList.classList.toggle('open');\n tocToggle.classList.toggle('active');\n\n \/\/ Update accessibility attribute\n tocToggle.setAttribute('aria-expanded', !isOpen);\n });\n\n \/\/ Auto-close when clicking a link\n const tocLinks = tocList.querySelectorAll('a');\n tocLinks.forEach(link => {\n link.addEventListener('click', () => {\n tocList.classList.remove('open');\n tocToggle.classList.remove('active');\n tocToggle.setAttribute('aria-expanded', 'false');\n });\n });\n }\n });\n\n \/\/ ============================================\n \/\/ GOOGLE ANALYTICS EVENTS\n \/\/ ============================================\n\n \/\/ 1. MENU NAVIGATION\n document.addEventListener('DOMContentLoaded', () => {\n const menuLinks = document.querySelectorAll('.toc-list a');\n menuLinks.forEach(link => {\n link.addEventListener('click', (e) => {\n const sectionName = link.textContent.trim();\n if (typeof gtag !== 'undefined') {\n gtag('event', 'menu_navigation', {\n event_category: 'Navigation',\n event_label: sectionName,\n section_id: link.getAttribute('href')\n });\n }\n });\n });\n });\n\n \/\/ 2. VIDEO PLAY AND WATCH TIME\n document.addEventListener('DOMContentLoaded', () => {\n const allVideos = document.querySelectorAll('video');\n\n allVideos.forEach((video, index) => {\n const videoSrc = video.querySelector('source')?.getAttribute('src') || 'unknown';\n const videoName = videoSrc.split('\/').pop().replace('.mp4', '');\n let hasStarted = false;\n let watchTime = 0;\n let lastTime = 0;\n\n \/\/ Event: Video Play\n video.addEventListener('play', () => {\n if (!hasStarted && typeof gtag !== 'undefined') {\n gtag('event', 'video_start', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n hasStarted = true;\n }\n });\n\n \/\/ Event: Video Progress (25%, 50%, 75%, 100%)\n video.addEventListener('timeupdate', () => {\n const percent = (video.currentTime \/ video.duration) * 100;\n\n if (percent >= 25 && !video.dataset.tracked25) {\n video.dataset.tracked25 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 25\n });\n }\n }\n if (percent >= 50 && !video.dataset.tracked50) {\n video.dataset.tracked50 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 50\n });\n }\n }\n if (percent >= 75 && !video.dataset.tracked75) {\n video.dataset.tracked75 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 75\n });\n }\n }\n });\n\n \/\/ Event: Video Complete\n video.addEventListener('ended', () => {\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_complete', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n }\n });\n\n \/\/ Track watch time\n video.addEventListener('timeupdate', () => {\n if (!video.paused) {\n watchTime += video.currentTime - lastTime;\n }\n lastTime = video.currentTime;\n });\n\n \/\/ Send watch time when user leaves or pauses\n video.addEventListener('pause', () => {\n if (watchTime > 0 && typeof gtag !== 'undefined') {\n gtag('event', 'video_watch_time', {\n event_category: 'Video',\n event_label: videoName,\n value: Math.round(watchTime)\n });\n }\n });\n });\n });\n\n \/\/ 3. CHALLENGES AND OPPORTUNITIES TAB CLICKS\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Google Analytics Event\n if (typeof gtag !== 'undefined') {\n gtag('event', 'tab_click', {\n event_category: 'Engagement',\n event_label: tabName,\n tab_name: tabName === 'retos' ? 'Challenges' : 'Opportunities'\n });\n }\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ 4. PAGE SCROLL PERCENTAGE\n document.addEventListener('DOMContentLoaded', () => {\n let scrollTracked = {\n 25: false,\n 50: false,\n 75: false,\n 90: false\n };\n\n window.addEventListener('scroll', () => {\n const scrollPercentage = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n\n if (scrollPercentage >= 25 && !scrollTracked[25]) {\n scrollTracked[25] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '25%',\n value: 25\n });\n }\n }\n if (scrollPercentage >= 50 && !scrollTracked[50]) {\n scrollTracked[50] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '50%',\n value: 50\n });\n }\n }\n if (scrollPercentage >= 75 && !scrollTracked[75]) {\n scrollTracked[75] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '75%',\n value: 75\n });\n }\n }\n if (scrollPercentage >= 90 && !scrollTracked[90]) {\n scrollTracked[90] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '90%',\n value: 90\n });\n }\n }\n });\n });\n\n \/\/ 5. PLENEROS IN PUERTO RICO LIST INTERACTION\n document.addEventListener('DOMContentLoaded', () => {\n const pleneroCards = document.querySelectorAll('.plenero-card-compact');\n\n \/\/ Track card visibility (when cards come into view)\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.dataset.viewed) {\n entry.target.dataset.viewed = 'true';\n const cardTitle = entry.target.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_view', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n }\n });\n }, { threshold: 0.5 });\n\n pleneroCards.forEach(card => {\n cardObserver.observe(card);\n\n \/\/ Track clicks on cards\n card.addEventListener('click', () => {\n const cardTitle = card.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_click', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n });\n });\n\n \/\/ Track scroll interaction with the pleneros section\n const plenerosSection = document.querySelector('.pleneros-cards-section');\n if (plenerosSection) {\n const scroller = plenerosSection.querySelector('.cards-scroller');\n let hasScrolled = false;\n\n if (scroller) {\n scroller.addEventListener('scroll', () => {\n if (!hasScrolled && typeof gtag !== 'undefined') {\n hasScrolled = true;\n gtag('event', 'pleneros_scroll', {\n event_category: 'Engagement',\n event_label: 'Pleneros Cards Scrolled'\n });\n }\n });\n }\n }\n });\n\n \/\/ ============================================\n \/\/ AUTO-PAUSE VIDEOS IN VIDEO-CARDS\n \/\/ ============================================\n\n document.addEventListener('DOMContentLoaded', () => {\n const videoCards = document.querySelectorAll('.video-card');\n const allCardVideos = document.querySelectorAll('.video-card video');\n\n \/\/ 1. DESKTOP: Pause other videos when one starts playing\n allCardVideos.forEach(video => {\n video.addEventListener('play', () => {\n allCardVideos.forEach(otherVideo => {\n if (otherVideo !== video && !otherVideo.paused) {\n otherVideo.pause();\n }\n });\n });\n });\n\n \/\/ 2. MOBILE: Pause videos when they leave the viewport (scroll)\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n const video = entry.target.querySelector('video');\n if (video) {\n \/\/ If the card leaves the viewport (less than 50% visible), pause the video\n if (!entry.isIntersecting) {\n video.pause();\n }\n }\n });\n }, {\n threshold: 0.5, \/\/ Considered \"out\" when less than 50% is visible\n rootMargin: '0px'\n });\n\n \/\/ Observe each video-card\n videoCards.forEach(card => {\n videoObserver.observe(card);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","innerContent":["\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Puerto Rican Plena: More Than the People's Newspaper | PlateaPR<\/title>\n <style>\n \/* Prevent WordPress from converting quotation marks *\/\n #plena-story-container {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n \/* Force specific quote styles *\/\n #plena-story-container q {\n quotes: '\"' '\"' \"'\" \"'\" !important;\n }\n\n #plena-story-container q::before {\n content: open-quote !important;\n }\n\n #plena-story-container q::after {\n content: close-quote !important;\n }\n\n \/* Preserve text content exactly as written *\/\n #plena-story-container p,\n #plena-story-container h1,\n #plena-story-container h2,\n #plena-story-container h3,\n #plena-story-container a,\n #plena-story-container strong,\n #plena-story-container em,\n #plena-story-container blockquote,\n #plena-story-container figcaption {\n text-rendering: optimizeLegibility !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n }\n\n \/* Reset and Base Styles *\/\n #plena-story-container {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n line-height: 1.8 !important;\n color: #1a1a1a;\n background: #ffffff;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n --verde-azulado: #04d99d;\n --verde-oscuro: #03b884;\n --cyan-claro: #05f5b8;\n --rosa-accento: #d9046d;\n --blanco: #ffffff;\n --negro: #1a1a1a;\n }\n\n #plena-story-container * {\n quotes: '\"' '\"' \"'\" \"'\";\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* ESTILOS TABLA DE CONTENIDOS SUTIL (LEFT ALIGNED) *\/\n #plena-story-container .toc-section {\n max-width: 800px !important;\n margin: 0.5rem auto 3rem !important; \/* Pegado al byline *\/\n padding: 0 1.25rem !important;\n position: relative !important;\n text-align: left !important;\n z-index: 100 !important;\n }\n\n #plena-story-container .toc-container-inline {\n display: inline-block !important;\n position: relative !important;\n min-width: 260px !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .toc-toggle-btn {\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n padding: 0.5rem 1rem !important;\n background: #f8f9fa !important;\n border: none !important;\n border-left: 4px solid var(--verde-oscuro) !important;\n border-radius: 0 !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n color: #333 !important;\n font-size: 0.85rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n outline: none !important;\n }\n\n #plena-story-container .toc-toggle-btn:hover {\n background-color: #ececec !important;\n }\n\n #plena-story-container .toc-toggle-btn .toc-icon {\n fill: var(--verde-oscuro) !important;\n width: 20px !important;\n height: 20px !important;\n transition: transform 0.3s ease !important;\n }\n\n #plena-story-container .toc-toggle-btn.active .toc-icon {\n transform: rotate(180deg) !important;\n }\n\n #plena-story-container .toc-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n background-color: #ffffff !important;\n border: 1px solid #e0e0e0 !important;\n border-top: none !important;\n border-radius: 0 !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;\n\n \/* Floating behavior *\/\n position: absolute !important;\n top: 100% !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 101 !important;\n\n \/* Animation states *\/\n opacity: 0 !important;\n visibility: hidden !important;\n transform: translateY(-10px) !important;\n transition: all 0.2s ease-out !important;\n max-height: none !important;\n }\n\n #plena-story-container .toc-list.open {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateY(0) !important;\n }\n\n \/* Items styling *\/\n #plena-story-container .toc-list li a {\n display: block !important;\n padding: 0.6rem 1rem !important;\n color: #444 !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n border-bottom: 1px solid #f5f5f5 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n transition: background 0.2s ease !important;\n }\n\n #plena-story-container .toc-list li:last-child a {\n border-bottom: none !important;\n }\n\n #plena-story-container .toc-list li a:hover {\n background-color: #f9f9f9 !important;\n color: var(--verde-oscuro) !important;\n }\n\n \/* Bot\u00f3n de Volver al Men\u00fa - ESTILOS UNIFICADOS *\/\n\n \/* 1. Contenedor: Siempre centrado, max 800px, texto a la derecha *\/\n #plena-story-container .back-to-menu-container {\n display: block !important;\n width: 100% !important;\n max-width: 800px !important;\n margin: 2rem auto 1rem !important;\n padding: 0 1.25rem !important;\n text-align: right !important;\n box-sizing: border-box !important;\n background: transparent !important; \/* Asegurar que no tenga fondo *\/\n }\n\n \/* Forzar que el contenedor respete el margen en secciones anchas *\/\n #plena-story-container .gallery-section .back-to-menu-container,\n #plena-story-container .instruments-section .back-to-menu-container,\n #plena-story-container .pleneros-cards-section .back-to-menu-container {\n margin-left: auto !important;\n margin-right: auto !important;\n \/* Resetear cualquier float o posici\u00f3n extra\u00f1a *\/\n float: none !important;\n position: relative !important;\n left: auto !important;\n right: auto !important;\n }\n\n \/* 2. Bot\u00f3n: Reset completo y estilo base *\/\n #plena-story-container .back-to-menu-btn {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: flex-end !important;\n padding: 0.5rem 0 !important;\n margin: 0 !important;\n border: none !important;\n background: transparent !important;\n text-decoration: none !important;\n color: #999999 !important;\n font-size: 0.75rem !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 600 !important;\n transition: all 0.2s ease !important;\n cursor: pointer !important;\n box-shadow: none !important;\n outline: none !important;\n opacity: 1 !important; \/* Asegurar visibilidad *\/\n }\n\n \/* 3. Flecha (Pseudo-elemento) *\/\n #plena-story-container .back-to-menu-btn::before {\n content: '\u2191' !important;\n margin-right: 6px !important;\n display: inline-block !important;\n transition: transform 0.2s ease !important;\n font-size: 1.1em !important; \/* Ligeramente m\u00e1s grande para claridad *\/\n line-height: 1 !important;\n }\n\n \/* 4. Estado Hover *\/\n #plena-story-container .back-to-menu-btn:hover {\n color: var(--verde-oscuro) !important;\n background: transparent !important;\n text-decoration: none !important;\n }\n\n #plena-story-container .back-to-menu-btn:hover::before {\n transform: translateY(-3px) !important;\n }\n\n \/* Smooth Scroll para toda la p\u00e1gina *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* HERO SECTION - NYT Style with Video *\/\n #plena-story-container .hero {\n height: 100vh !important;\n max-height: 100vh !important;\n display: flex !important;\n align-items: stretch !important;\n justify-content: space-between !important;\n background: #000000 !important;\n position: relative !important;\n overflow: hidden !important;\n width: 100vw !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Desktop Layout: Split Screen *\/\n #plena-story-container .hero-text-container {\n flex: 1 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 4rem !important;\n background: #000000 !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n flex: 1 !important;\n position: relative !important;\n overflow: hidden !important;\n background: #000000 !important;\n }\n\n #plena-story-container .hero-video {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n }\n\n \/* Audio Control Button *\/\n #plena-story-container .audio-control {\n position: absolute !important;\n bottom: 2rem !important;\n right: 2rem !important;\n width: 48px !important;\n height: 48px !important;\n border-radius: 50% !important;\n background: rgba(0, 0, 0, 0.7) !important;\n border: 2px solid rgba(255, 255, 255, 0.9) !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: all 0.3s ease !important;\n z-index: 20 !important;\n backdrop-filter: blur(10px) !important;\n }\n\n #plena-story-container .audio-control:hover {\n background: rgba(0, 0, 0, 0.9) !important;\n border-color: var(--verde-azulado) !important;\n transform: scale(1.1) !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 24px !important;\n height: 24px !important;\n fill: white !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n color: var(--blanco) !important;\n max-width: 600px !important;\n animation: fadeInUp 1s ease-out 0.5s both !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 1.5rem !important;\n letter-spacing: -1px !important;\n line-height: 1.1 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n font-weight: 700 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1.125rem, 2vw, 1.375rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-bottom: 0.875rem !important;\n opacity: 0.9 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n }\n\n #plena-story-container .hero-description {\n font-size: clamp(1rem, 2vw, 1.25rem) !important;\n font-weight: 400 !important;\n line-height: 1.6 !important;\n margin-top: 1.5rem !important;\n opacity: 0.95 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n color: var(--blanco) !important;\n display: block !important;\n }\n\n \/* Ocultar hero-description en mobile *\/\n @media (max-width: 968px) {\n #plena-story-container .hero-description {\n display: none !important;\n }\n }\n\n \/* Mostrar first-paragraph-mobile solo en mobile *\/\n #plena-story-container .first-paragraph-mobile {\n display: none !important;\n }\n\n \/* Mobile Layout: Video Background with Overlay Text *\/\n @media (max-width: 968px) {\n #plena-story-container .hero {\n flex-direction: column !important;\n min-height: 100vh !important;\n }\n\n #plena-story-container .hero-text-container {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n flex: none !important;\n padding: 1rem 1.5rem 1rem !important;\n background: linear-gradient(\n to top,\n rgba(0,0,0,0.95) 0%,\n rgba(0,0,0,0.8) 30%,\n rgba(0,0,0,0.4) 60%,\n transparent 100%\n ) !important;\n z-index: 10 !important;\n }\n\n #plena-story-container .hero-video-container {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100% !important;\n height: 100% !important;\n }\n\n #plena-story-container .hero-video {\n object-position: center 35% !important;\n }\n\n #plena-story-container .hero {\n height: 85vh !important;\n min-height: 85vh !important;\n }\n\n #plena-story-container .hero-content {\n text-align: left !important;\n max-width: 100% !important;\n }\n\n #plena-story-container .hero-title {\n font-size: clamp(2rem, 8vw, 3rem) !important;\n text-shadow: 0 4px 12px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .hero-title .title-secondary {\n display: block !important;\n font-size: clamp(1.5rem, 6vw, 2.25rem) !important;\n margin-top: 0.5rem !important;\n font-weight: 600 !important;\n }\n\n #plena-story-container .hero-subtitle {\n font-size: clamp(1rem, 4vw, 1.25rem) !important;\n text-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;\n }\n\n #plena-story-container .first-paragraph-mobile {\n display: block !important;\n font-size: 1.125rem !important;\n line-height: 1.8 !important;\n margin-bottom: 1.5rem !important;\n }\n\n #plena-story-container .audio-control {\n top: 1rem !important;\n right: 1rem !important;\n bottom: auto !important;\n width: 44px !important;\n height: 44px !important;\n }\n\n #plena-story-container .audio-control svg {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n #plena-story-container .byline-section {\n background-color: #ffffff !important;\n padding: 2rem 0 0.5rem 0 !important;\n text-align: left !important;\n line-height: 1.4 !important;\n }\n\n #plena-story-container .byline-section > div {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n border-bottom: 1px solid #e0e0d0 !important;\n padding-bottom: 0.5rem !important;\n }\n\n #plena-story-container .byline-author {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.125rem !important;\n font-weight: 400 !important;\n color: #2c3e50 !important;\n margin-bottom: 0.5rem !important;\n line-height: 1.1 !important;\n }\n\n #plena-story-container .byline-date {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n font-weight: 300 !important;\n color: #666 !important;\n font-style: italic !important;\n line-height: 1.1 !important;\n margin-bottom: 1rem !important;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Additional Mobile adjustments *\/\n @media (max-width: 768px) {\n \/* Force line-height and font-size on mobile - ALL text should be the same size *\/\n #plena-story-container .content-section {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p,\n #plena-story-container .content-section p *,\n #plena-story-container .content-section ul,\n #plena-story-container .content-section ul li,\n #plena-story-container .content-section ul li *,\n #plena-story-container .content-section ol,\n #plena-story-container .content-section ol li,\n #plena-story-container .content-section ol li * {\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n \/* Ensure links in lists also have correct size *\/\n #plena-story-container .content-section ul li a,\n #plena-story-container .content-section ol li a {\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section blockquote {\n line-height: 1.8 !important;\n font-size: 1.25rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n font-size: 0.9rem !important;\n }\n }\n\n \/* SECTIONS *\/\n #plena-story-container section {\n padding: 3rem 0 !important;\n position: relative !important;\n }\n\n \/* Aumentar padding top solo para la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section:first-of-type {\n padding-top: 5rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container section {\n padding: 2rem 0 !important;\n }\n }\n\n #plena-story-container .section-header {\n max-width: 1200px !important;\n margin: 0 auto 2.5rem !important;\n text-align: center !important;\n padding: 0 1.25rem !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .section-header {\n margin-bottom: 2rem !important;\n padding: 0 1rem !important;\n }\n }\n\n #plena-story-container .section-title {\n font-size: clamp(1.875rem, 3vw, 2.25rem) !important;\n color: var(--negro) !important;\n margin-bottom: 0.75rem !important;\n position: relative !important;\n display: block !important;\n text-align: center !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-weight: 600 !important;\n line-height: 1.2 !important;\n }\n\n #plena-story-container .section-title::after {\n content: '' !important;\n position: absolute !important;\n bottom: -10px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: 60% !important;\n height: 2px !important;\n background: var(--verde-azulado) !important;\n }\n\n #plena-story-container .section-subtitle {\n font-size: clamp(0.9375rem, 2vw, 1.125rem) !important;\n color: var(--verde-oscuro) !important;\n font-style: italic !important;\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n opacity: 0.85 !important;\n }\n\n \/* CONTENT SECTIONS *\/\n #plena-story-container .content-section {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 1.25rem !important;\n line-height: 1.8 !important;\n font-size: 1.125rem !important;\n }\n\n #plena-story-container .content-section p {\n margin-bottom: 1.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* Primer p\u00e1rrafo de la primera secci\u00f3n de contenido *\/\n #plena-story-container .content-section p:first-child {\n margin-top: 3rem !important;\n }\n\n #plena-story-container .content-section strong {\n font-weight: 700 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section em {\n font-style: italic !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n #plena-story-container .content-section h2 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n margin-bottom: 1.5rem !important;\n margin-top: 5rem !important;\n text-align: center !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn),\n #plena-story-container .video-card-content a:not(.back-to-menu-btn) {\n color: var(--verde-oscuro) !important;\n text-decoration: none !important;\n border-bottom: 1px solid var(--cyan-claro) !important;\n transition: all 0.3s ease !important;\n font-weight: 500 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n background: none !important;\n padding: 0 !important;\n margin: 0 !important;\n box-shadow: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):hover,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):hover {\n color: var(--verde-azulado) !important;\n border-bottom-color: var(--verde-azulado) !important;\n text-decoration: none !important;\n background: none !important;\n }\n\n #plena-story-container .content-section a:not(.back-to-menu-btn):visited,\n #plena-story-container .video-card-content a:not(.back-to-menu-btn):visited {\n color: var(--verde-oscuro) !important;\n }\n\n #plena-story-container .learn-tag {\n display: inline-block !important;\n background-color: var(--verde-oscuro) !important;\n color: #fff !important;\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n padding: 0.25rem 0.75rem !important;\n border-radius: 4px !important;\n margin-bottom: 0.75rem !important;\n margin-left: 0 !important;\n align-self: flex-start !important;\n letter-spacing: 1px !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n line-height: 1 !important;\n position: static !important;\n }\n\n #plena-story-container .content-section ul {\n margin: 1.5rem 0 !important;\n padding-left: 2rem !important;\n line-height: 1.8 !important;\n list-style-type: disc !important;\n }\n\n #plena-story-container .content-section ul li {\n margin-bottom: 0.5rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: inherit !important;\n color: #1a1a1a !important;\n }\n\n \/* OPTION 1: Classic Editorial with Accent Line *\/\n #plena-story-container .content-section blockquote {\n background: transparent !important;\n color: var(--negro) !important;\n padding: 0.5rem 0 0.5rem 2rem !important;\n border-left: 4px solid var(--verde-azulado) !important;\n border-radius: 0 !important;\n margin: 3rem 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n font-size: 1.35rem !important;\n line-height: 1.6 !important;\n position: relative !important;\n border: none !important; \/* Reset inherited borders *\/\n border-left: 4px solid var(--verde-azulado) !important; \/* Re-apply left border *\/\n }\n\n \/* Decorative quote mark *\/\n #plena-story-container .content-section blockquote::before {\n content: '\"' !important;\n font-family: 'Georgia', serif !important;\n font-size: 4rem !important;\n line-height: 1 !important;\n color: var(--verde-oscuro) !important;\n opacity: 0.3 !important;\n position: absolute !important;\n top: -0.5rem !important;\n left: 0.2rem !important;\n }\n\n #plena-story-container .content-section blockquote small {\n color: #666 !important;\n font-style: normal !important;\n font-size: 0.85rem !important;\n margin-top: 1rem !important;\n font-weight: 600 !important;\n letter-spacing: 0.5px !important;\n text-transform: uppercase !important;\n display: block !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* --- NEW PHOTO GALLERY STYLES (UPDATED 4:5) --- *\/\n #plena-story-container .gallery-section {\n width: 100% !important;\n max-width: 100vw !important;\n margin: 4rem 0 !important;\n padding: 0 !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n #plena-story-container .gallery-track {\n display: flex !important;\n overflow-x: auto !important;\n scroll-snap-type: x mandatory !important;\n gap: 1.5rem !important;\n padding: 0 1.5rem 2rem !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Hide Scrollbar *\/\n #plena-story-container .gallery-track::-webkit-scrollbar {\n display: none !important;\n }\n\n #plena-story-container .gallery-item {\n flex: 0 0 85% !important; \/* Mobile: show most of image + peek of next *\/\n scroll-snap-align: center !important;\n display: flex !important;\n flex-direction: column !important;\n }\n\n @media (min-width: 600px) {\n #plena-story-container .gallery-item {\n flex: 0 0 55% !important;\n }\n }\n\n @media (min-width: 1024px) {\n #plena-story-container .gallery-item {\n flex: 0 0 38% !important; \/* Adjusted for taller aspect ratio *\/\n }\n\n #plena-story-container .gallery-track {\n padding-left: max(1.5rem, calc(50vw - 500px)) !important;\n padding-right: max(1.5rem, calc(50vw - 500px)) !important;\n }\n }\n\n #plena-story-container .gallery-img-wrapper {\n width: 100% !important;\n aspect-ratio: 4 \/ 5 !important; \/* Vertical 4:5 aspect ratio *\/\n overflow: hidden !important;\n border-radius: 4px !important;\n background: #f5f5f5 !important;\n }\n\n #plena-story-container .gallery-img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n transition: transform 0.5s ease !important;\n }\n\n \/* Subtle hover effect on desktop *\/\n @media (hover: hover) {\n #plena-story-container .gallery-item:hover .gallery-img {\n transform: scale(1.02) !important;\n }\n }\n\n #plena-story-container .gallery-caption {\n margin-top: 1rem !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 0.95rem !important;\n color: #4a4a4a !important;\n line-height: 1.4 !important;\n border-left: 3px solid var(--verde-azulado) !important;\n padding-left: 1rem !important;\n }\n\n #plena-story-container .gallery-header {\n max-width: 800px !important;\n margin: 0 auto 1.5rem !important;\n padding: 0 1.25rem !important;\n text-align: left !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-style: italic !important;\n color: #666 !important;\n }\n\n \/* CLOSING SECTION *\/\n #plena-story-container .closing-section {\n background: var(--verde-oscuro) !important;\n color: var(--blanco) !important;\n text-align: center !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-direction: column !important;\n padding: 4rem 1.25rem !important;\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n @media (max-width: 768px) {\n #plena-story-container .closing-section {\n padding: 3rem 1rem !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n left: 0 !important;\n right: 0 !important;\n width: 100% !important;\n }\n }\n\n #plena-story-container .closing-quote {\n font-size: clamp(1.375rem, 4vw, 2.25rem) !important;\n font-style: italic !important;\n line-height: 1.8 !important;\n max-width: 800px !important;\n margin-bottom: 0 !important;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n }\n\n \/* ESTILOS SECCI\u00d3N PERSPECTIVAS (TABS) *\/\n \/* Contenedor Principal *\/\n #plena-story-container .pleneros-cards-section {\n margin: 4rem 0 !important;\n padding: 3rem 0 !important; \/* Padding vertical para el fondo *\/\n font-family: 'Georgia', serif !important;\n overflow: hidden !important;\n background-color: #f8f9fa !important; \/* Fondo gris sutil *\/\n width: 100vw !important; \/* Ancho completo de pantalla *\/\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n \/* Eliminamos .cards-intro ya que ahora es una tarjeta .intro-card *\/\n\n \/* Contenedor de Scroll Horizontal *\/\n #plena-story-container .cards-scroller {\n display: flex !important;\n overflow-x: auto !important;\n gap: 1rem !important;\n padding: 1rem 1.25rem 2rem !important; \/* Espacio inferior para sombra *\/\n scroll-snap-type: x mandatory !important;\n -webkit-overflow-scrolling: touch !important;\n scrollbar-width: none !important; \/* Firefox *\/\n }\n\n \/* Ocultar Scrollbar *\/\n #plena-story-container .cards-scroller::-webkit-scrollbar {\n display: none !important;\n }\n\n \/* Tarjeta de Introducci\u00f3n (T\u00edtulo) *\/\n #plena-story-container .intro-card {\n flex: 0 0 280px !important;\n scroll-snap-align: center !important;\n padding: 1rem 1rem 1rem 0 !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n }\n\n #plena-story-container .intro-card .cards-title {\n font-size: 2rem !important;\n line-height: 1.1 !important;\n color: var(--negro) !important;\n margin-bottom: 1.25rem !important;\n font-weight: 700 !important;\n border-left: none !important;\n padding-left: 0 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .intro-card .cards-desc {\n font-style: normal !important;\n color: #444 !important;\n font-size: 1rem !important;\n line-height: 1.6 !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n }\n\n \/* Centrado inicial: La tarjeta de INTRO es la primera, ella lleva el margen *\/\n #plena-story-container .intro-card:first-child {\n margin-left: calc(50vw - 400px) !important;\n }\n\n \/* VIDEO INSTRUMENTS SECTION *\/\n #plena-story-container .instruments-section {\n background-color: #f8f9fa !important;\n padding-top: 3rem !important;\n margin-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eee !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n display: flex !important;\n flex-direction: column !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;\n margin-bottom: 1rem !important;\n }\n\n \/* Intro card for mobile in video section *\/\n #plena-story-container .video-intro-card {\n flex: 0 0 85vw !important;\n scroll-snap-align: center !important;\n padding: 1rem 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n background: transparent !important;\n margin-left: calc(50vw - 42.5vw) !important; \/* Center first item *\/\n }\n\n #plena-story-container .video-intro-title {\n font-size: 1.75rem !important;\n line-height: 1.2 !important;\n color: var(--negro) !important;\n margin-bottom: 1rem !important;\n font-weight: 700 !important;\n font-family: 'Georgia', serif !important;\n }\n\n #plena-story-container .video-intro-desc {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n \/* Reset margins for subsequent cards *\/\n #plena-story-container .video-intro-card + .video-card {\n margin-left: 0 !important;\n }\n\n \/* First video card centering logic if not preceded by intro card *\/\n #plena-story-container .video-card:first-child {\n margin-left: calc(50vw - 350px) !important;\n }\n\n @media (max-width: 850px) {\n #plena-story-container .video-card:first-child {\n margin-left: 1rem !important;\n }\n\n \/* Hide title and tag in first card on mobile since they're in intro card *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: none !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: none !important;\n }\n\n \/* Move description to replace the empty space in first card on mobile *\/\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n }\n\n #plena-story-container .video-wrapper {\n width: 100% !important;\n background: #000 !important;\n position: relative !important;\n }\n\n #plena-story-container .video-wrapper video {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n aspect-ratio: 9 \/ 16 !important;\n object-fit: cover !important;\n }\n\n #plena-story-container .video-card-content {\n padding: 1.5rem !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n }\n\n #plena-story-container .video-card-title {\n font-family: 'Georgia', serif !important;\n font-size: 1.5rem !important;\n line-height: 1.2 !important;\n margin-bottom: 1rem !important;\n color: var(--negro) !important;\n font-weight: 700 !important;\n }\n\n #plena-story-container .video-card-content p {\n font-family: 'Georgia', serif !important;\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #333 !important;\n margin: 0 !important;\n }\n\n @media (min-width: 768px) {\n \/* Hide separate intro card on desktop *\/\n #plena-story-container .video-intro-card {\n display: none !important;\n }\n\n \/* Show title, tag and desc in first card on desktop *\/\n #plena-story-container .video-card:first-of-type .video-card-title {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .learn-tag {\n display: inline-block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content p {\n display: block !important;\n }\n\n #plena-story-container .video-card:first-of-type .video-card-content {\n padding: 2.5rem !important;\n }\n\n #plena-story-container .video-card {\n flex: 0 0 700px !important;\n flex-direction: row-reverse !important; \/* Description Left, Video Right *\/\n align-items: stretch !important;\n }\n\n #plena-story-container .video-wrapper {\n flex: 0 0 300px !important;\n }\n\n #plena-story-container .video-wrapper video {\n height: 100% !important;\n width: 100% !important;\n }\n\n #plena-story-container .video-card-content {\n flex: 1 !important;\n padding: 2.5rem !important;\n }\n }\n\n @media (max-width: 850px) {\n #plena-story-container .intro-card:first-child {\n margin-left: 0 !important;\n }\n }\n\n \/* Tarjeta Individual Compacta *\/\n #plena-story-container .plenero-card-compact {\n flex: 0 0 280px !important; \/* Ancho fijo compacto *\/\n scroll-snap-align: center !important;\n background: #ffffff !important;\n border: 1px solid #eaeaea !important;\n border-radius: 6px !important;\n padding: 0 !important; \/* Sin padding general, controlado dentro *\/\n box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;\n display: flex !important;\n flex-direction: column !important;\n max-height: 400px !important; \/* Altura m\u00e1xima fija *\/\n position: relative !important; \/* Necesario para el overlay *\/\n overflow: hidden !important; \/* Contiene el gradiente y header, no hace scroll *\/\n margin-left: 0 !important; \/* Reset expl\u00edcito de margen *\/\n }\n\n \/* Indicador visual de scroll (fade bottom) - Fijo sobre la lista *\/\n #plena-story-container .plenero-card-compact::after {\n content: '' !important;\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n height: 60px !important; \/* Un poco m\u00e1s alto para suavidad *\/\n background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%) !important;\n pointer-events: none !important;\n z-index: 5 !important;\n }\n\n \/* Eliminadas las reglas redundantes de first-child para .plenero-card-compact *\/\n\n \/* Encabezado de Tarjeta (Sticky) *\/\n #plena-story-container .compact-header {\n background: var(--verde-oscuro) !important;\n color: #fff !important;\n padding: 1rem !important;\n \/* position: sticky no es necesario si el header no est\u00e1 dentro del contenedor con scroll *\/\n width: 100% !important;\n z-index: 10 !important;\n text-align: left !important;\n flex-shrink: 0 !important; \/* Evita que se encoja *\/\n }\n\n #plena-story-container .compact-title {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n font-size: 0.9rem !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 700 !important;\n margin: 0 !important;\n }\n\n \/* Lista Compacta con Scroll Independiente *\/\n #plena-story-container .compact-list {\n list-style: none !important;\n padding: 1rem 1rem 4rem 1rem !important; \/* Padding bottom grande para compensar el gradiente *\/\n margin: 0 !important;\n overflow-y: auto !important; \/* Scroll aqu\u00ed *\/\n flex: 1 !important; \/* Ocupa el espacio restante *\/\n -webkit-overflow-scrolling: touch !important;\n }\n\n #plena-story-container .compact-list li {\n font-size: 0.9rem !important;\n line-height: 1.35 !important;\n color: #333 !important;\n margin-bottom: 0.6rem !important;\n padding-bottom: 0.6rem !important;\n border-bottom: 1px solid #f0f0f0 !important;\n }\n\n #plena-story-container .compact-list li:last-child {\n border-bottom: none !important;\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n\n #plena-story-container .compact-detail {\n display: block !important;\n font-size: 0.75rem !important;\n color: #888 !important;\n font-style: italic !important;\n margin-top: 0.15rem !important;\n }\n\n#plena-story-container .perspectives-container {\n margin: 3rem 0;\n border-top: 1px solid #e0e0e0;\n border-bottom: 1px solid #e0e0e0;\n background: #ffffff;\n}\n\n#plena-story-container .tabs-header {\n display: flex;\n border-bottom: 1px solid #e0e0e0;\n}\n\n#plena-story-container .tab-btn {\n flex: 1;\n background: none;\n border: none;\n padding: 1.5rem 1rem;\n text-align: left;\n cursor: pointer;\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: clamp(1.25rem, 3vw, 1.5rem) !important;\n transition: all 0.3s ease;\n opacity: 0.5;\n position: relative;\n color: var(--negro);\n outline: none;\n}\n\n#plena-story-container .tab-btn:hover {\n opacity: 0.8;\n background: #fcfcfc;\n}\n\n#plena-story-container .tab-btn.active {\n opacity: 1;\n background: #ffffff;\n}\n\n\/* Indicador de l\u00ednea activa *\/\n#plena-story-container .tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--negro); \/* Por defecto *\/\n}\n\n\/* Colores espec\u00edficos por tab activo *\/\n#plena-story-container .tab-btn:first-child.active::after {\n background: var(--verde-oscuro); \/* Color para Retos *\/\n}\n\n#plena-story-container .tab-btn:last-child.active::after {\n background: var(--verde-azulado); \/* Color para Oportunidades *\/\n}\n\n#plena-story-container .tab-eyebrow {\n display: block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 0.5rem;\n color: #666;\n font-weight: 700;\n}\n\n#plena-story-container .tab-content {\n display: none;\n padding: 2.5rem 0;\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n#plena-story-container .tab-content.active-content {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Scroll Horizontal (Stream) *\/\n#plena-story-container .horizontal-stream {\n display: flex;\n overflow-x: auto;\n gap: 2.5rem;\n padding: 0 1rem 1.5rem; \/* Espacio para sombra si fuera necesario *\/\n scrollbar-width: none; \/* Firefox *\/\n -webkit-overflow-scrolling: touch;\n}\n\n#plena-story-container .horizontal-stream::-webkit-scrollbar {\n display: none;\n}\n\n#plena-story-container .stream-item {\n flex: 0 0 85%; \/* M\u00f3vil: ancho amplio *\/\n padding-right: 1.5rem;\n border-right: 1px solid #f0f0f0;\n position: relative;\n}\n\n#plena-story-container .stream-item:last-child {\n border-right: none;\n padding-right: 0;\n}\n\n#plena-story-container .item-number {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 2rem;\n display: block;\n margin-bottom: 0.5rem;\n line-height: 1;\n opacity: 0.3;\n}\n\n\/* Colores de los n\u00fameros *\/\n#plena-story-container .challenge-accent { color: var(--verde-oscuro); opacity: 1; }\n#plena-story-container .opp-accent { color: var(--verde-azulado); opacity: 1; }\n\n#plena-story-container .stream-item h3 {\n font-family: 'Georgia', 'Times New Roman', serif !important;\n font-size: 1.35rem !important;\n margin-bottom: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--negro);\n}\n\n#plena-story-container .stream-item p {\n font-size: 1.05rem !important;\n line-height: 1.6 !important;\n color: #444 !important;\n margin: 0 !important;\n}\n\n\/* Ajustes Desktop *\/\n@media (min-width: 768px) {\n #plena-story-container .stream-item {\n flex: 0 0 40%;\n }\n\n #plena-story-container .horizontal-stream {\n padding: 0 2rem 1rem; \/* M\u00e1s padding lateral *\/\n }\n}\n \/* LOADING ANIMATION *\/\n #plena-story-container .fade-in {\n animation: fadeInUp 0.8s ease-out both;\n }\n\n \/* Responsive mobile adjustments *\/\n @media (max-width: 640px) {\n .plena-section {\n padding: 1rem;\n border-radius: 12px;\n }\n\n .item-description {\n padding: 0 1rem 1rem 1rem;\n }\n\n .item-header {\n padding: 1rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n * {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n <style>\n body {\n background: #ffffff;\n margin: 0;\n padding: 0;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"plena-story-container\">\n <section class=\"hero\">\n <div class=\"hero-text-container\">\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">\n Plena, Identity and Resistance:\n <span class=\"title-secondary\">the sound that unites the Puerto Rican people<\/span>\n <\/h1>\n <p class=\"hero-description\"><strong>More than the \"people's newspaper,\" plena is bembeteo. It's collective memory that is played, danced, and taught as a way of life.<\/strong><\/p>\n <\/div>\n <\/div>\n <div class=\"hero-video-container\">\n <video\n id=\"hero-video\"\n class=\"hero-video\"\n autoplay\n loop\n playsinline\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenazo_casatitomatos.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plenazo_casatitomatos-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\"\n alt=\"Plenazo at Casa de la Plena Tito Matos\">\n <\/video>\n <button id=\"audio-toggle\" class=\"audio-control\" aria-label=\"Toggle audio\">\n <svg id=\"speaker-on\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\n <\/svg>\n <svg id=\"speaker-off\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\">\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/section>\n\n <section class=\"byline-section\">\n <div>\n <p class=\"byline-author\">Text: Cindy Burgos Alvarado | Visuals: Juan Santa <\/p>\n <p class=\"byline-date\">November 22, 2025<\/p>\n <\/div>\n <\/section>\n\n \n <nav id=\"tabla-contenidos\" class=\"toc-section fade-in\">\n <div class=\"toc-container-inline\">\n <button class=\"toc-toggle-btn\" id=\"toc-toggle\" aria-expanded=\"false\" aria-controls=\"toc-list\">\n <span class=\"toc-title-text\">In this article<\/span>\n <svg class=\"toc-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n <\/svg>\n <\/button>\n <ul class=\"toc-list\" id=\"toc-list\">\n <li><a href=\"#actualidad\">1. Plena today<\/a><\/li>\n <li><a href=\"#origen\">2. Origins and \"Bembeteo\"<\/a><\/li>\n <li><a href=\"#pleneros\">3. Notable pleneros<\/a><\/li>\n <li><a href=\"#instrumentos\">4. Learn to play videos<\/a><\/li>\n <li><a href=\"#evolucion\">5. Evolution of the rhythm<\/a><\/li>\n <li><a href=\"#perspectivas\">6. Challenges and opportunities<\/a><\/li>\n <li><a href=\"#futuro\">7. The future<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n <section class=\"content-section fade-in\" id=\"actualidad\">\n <p class=\"first-paragraph-mobile\"><strong>Learn about Puerto Rican plena, the living musical tradition known as \"the singing newspaper of Puerto Rico\" that continues to shape the island's cultural identity.<\/strong><\/p>\n\n <p>More than a century after originating in the sugarcane fields and barrios of southern Puerto Rico, plena is more alive than ever: it reached the top of <a href=\"https:\/\/www.dw.com\/es\/deb%C3%AD-tirar-m%C3%A1s-fotos-y-bad-bunny-acaparan-listas-globales-de-spotify-y-billboard\/a-71292666\" target=\"_blank\" rel=\"noopener\">Spotify<\/a> and <a href=\"https:\/\/www.metro.pr\/entretenimiento\/2025\/01\/10\/la-plena-tiene-un-tema-numero-uno-a-nivel-mundial-gracias-a-bad-bunny\/\" target=\"_blank\" rel=\"noopener\">Apple Music<\/a> global charts thanks to Bad Bunny, took over the island's main music venue, was performed at the <a href=\"https:\/\/www.telemundo.com\/shows\/premios-billboard\/video\/los-pleneros-de-la-cresta-interpretan-cafe-con-ron-en-los-premios-billboard-2025-tmvo13045596\" target=\"_blank\" rel=\"noopener\">2025 Billboard Latin Music Awards<\/a>, and continues to attract growing interest from both new and established artists.<\/p>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero-Santana.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/donde-esta-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/donde-esta-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p><strong>\"Plena and Puerto Rican bomba are at their best moment in history.<\/strong> Currently, plena is played, performed, danced, interpreted, composed, and taught more than ever,\" said musician and plenero Emanuel Santana, general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\" target=\"_blank\" rel=\"noopener\">La Casa de la Plena Tito Matos<\/a>, one of several schools dedicated to teaching the history, performance, and dance of this native rhythm.<\/p>\n\n <p>But Puerto Ricans' attraction to this Afro-Caribbean genre goes back much further and extends beyond the famous performances by <a href=\"https:\/\/www.youtube.com\/watch?v=1G2-r-5ZwnY\" target=\"_blank\" rel=\"noopener\">Ricky Martin<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=kHwGVojDITY\" target=\"_blank\" rel=\"noopener\">H\u00e9ctor Lavoe<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=ZN_7Zd5LeGw\" target=\"_blank\" rel=\"noopener\">Willie Col\u00f3n<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=sb6VNmLPOPk\" target=\"_blank\" rel=\"noopener\">Mon Rivera<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=6uP_mCi0lkc\" target=\"_blank\" rel=\"noopener\">Ismael Rivera<\/a>, or <a href=\"https:\/\/www.youtube.com\/watch?v=woTlIos3k14\" target=\"_blank\" rel=\"noopener\">Rafael Cortijo y su Combo<\/a>.<\/p>\n\n <p>It's the music that plays among boricua crowds at celebrations, sporting events, protests, the Fiestas de la Calle San Sebasti\u00e1n, and the Christmas asaltos navide\u00f1os, and it has far more performers and contributions from anonymous people than history can record.<\/p>\n\n <p><strong>\"Plena is the rhythm of Puerto Ricans<\/strong> and that's proven by one simple fact: there's no event you'll attend in your life where the panderos haven't been or won't be,\" said musician LuisGa N\u00fa\u00f1ez, director of the group <a href=\"https:\/\/www.plenalibre.com\/\" target=\"_blank\" rel=\"noopener\">Plena Libre<\/a>.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"gallery-section fade-in\" id=\"galeria\">\n <div class=\"gallery-header\">\n <\/div>\n <div class=\"gallery-track\">\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8941-1-scaled.jpeg\" alt=\"Emanuel Santana playing pandero\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Musician Emanuel Santana is the general coordinator of Casa de la Plena Tito Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_8978-1-scaled.jpeg\" alt=\"Saturday plenazo\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Every Saturday, from 12:00 to 3:00 PM, La Casa de la Plena Tito Matos holds a plenazo and honors the legacy of a plenero.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9040-1-scaled.jpeg\" alt=\"Map of plena styles\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Map of Puerto Rico highlighting the areas of the three most prominent plena styles: Mayag\u00fcez (west), Ponce (south), and Santurce (northeast).<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9049-1-scaled.jpeg\" alt=\"Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Tito Matos was in groups such as Los Sapos del Ca\u00f1o, Los Pleneros del Almendro, Los Pleneros del Pueblo, Los Pleneros de la 21, Los Pleneros de la 23 Abajo, and co-founded Viento de Agua.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9024-1-scaled.jpeg\" alt=\"Casa de la Plena Tito Matos\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena's mission is to preserve, develop, and promote plena and the legacy of artist H\u00e9ctor \"Tito\" Matos.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9020-1-scaled.jpeg\" alt=\"Hand-carved santos of pleneros\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Hand-carved santos representing boricua pleneros.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9033-1-scaled.jpeg\" alt=\"Pandero with Ismael Rivera\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Pandero with the image of Ismael Rivera.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-19-at-6.04.46-PM.png\" alt=\"Tito Matos mural\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Mural honoring Tito Matos at Casa de la Plena, in Santurce.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9010-1-scaled.jpeg\" alt=\"Ram\u00f3n L\u00f3pez collection\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">La Casa de la Plena houses the collection of anthropologist and plenero Ram\u00f3n L\u00f3pez.<\/figcaption>\n <\/figure>\n\n <figure class=\"gallery-item\">\n <div class=\"gallery-img-wrapper\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/IMG_9031-1-scaled.jpeg\" alt=\"Instruments at Casa de la Plena\" class=\"gallery-img\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"gallery-caption\">Panderos and various instruments at La Casa de la Plena, where they offer classes in plena (for children and adults), bomba, g\u00fc\u00edcharo, and children's plena.<\/figcaption>\n <\/figure>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"origen\">\n <h2 class=\"section-title\">Origin of Plena: More Than the 'People's Newspaper'\u2014It's 'Bembeteo'<\/h2>\n\n <p>Historian, artisan, and anthropologist <strong><a href=\"https:\/\/lacasadelaplena.org\/es\/nosotres\">Ram\u00f3n L\u00f3pez<\/a><\/strong>, who founded the Santurce group Los Pleneros de la 23 Abajo, spoke of an \"elusive origin of plena\" because \"we have no evidence that there is a place where plena was invented or that there is a person who invented it,\" as he explained in the documentary <a href=\"https:\/\/www.youtube.com\/watch?v=GW7K5d14yqA\" target=\"_blank\" rel=\"noreferrer noopener\">Los or\u00edgenes inatrapables de la plena puertorrique\u00f1a<\/a> (The Elusive Origins of Puerto Rican Plena, 2020), directed by Felipe Garc\u00eda.<\/p>\n\n <p>The most established theory is that plena originated in the late 19th and early 20th century on the southern coast of Puerto Rico, at a time when \"the most important meeting point was Ponce,\" according to L\u00f3pez.<\/p>\n\n <p>It was a \"collective movement\" born from the hands of \"dispossessed people\" (without property or wealth), many of them sugarcane field workers and residents of the barrios of the south.<\/p>\n\n <p>It emerged during a time of intense changes in Puerto Rico, so it's no surprise that the panderos\u2014light and easy-to-transport instruments\u2014became the protagonists.<\/p>\n\n <blockquote>\n Plena is the musical response of Puerto Ricans to the American invasion. It is their way of reacting musically to that change.<br>\n <small>\u2014 Ram\u00f3n L\u00f3pez, artisan, cultural anthropologist, and plenero<\/small>\n <\/blockquote>\n\n <p>\"Plena couldn't have been slow, melodious, soft music or whatever, because the world and the era in which it was born was the complete opposite... The plenero is a guy who's standing, ready to leave, to move, he's moving, he's dancing if he feels like it,\" added the anthropologist.<\/p>\n\n <p><strong>Bembeteo.<\/strong> More than the <strong>\"people's newspaper\"<\/strong>, a nickname it earned decades after its founding, for L\u00f3pez, plena was the \"bembeteo\"\u2014the gossip, the exaggerated story you tell your neighbor. \"It's a way of expressing the matters of their daily life. That's why plena is very cuentera [full of stories],\" noted the historian, with whom Santana and N\u00fa\u00f1ez agree.<\/p>\n\n <h2 class=\"section-title\">Where Does Plena Come From?<\/h2>\n\n <p>Before plena, tambourines or panderos were used in other foreign rhythms, and their use \"is attributed a lot to the Arabian side,\" explained Santana.<\/p>\n\n <p>However, there's a theory developed by L\u00f3pez that considers that <strong>the use of panderos in Puerto Rico began with the arrival of migrants from the Lesser Antilles<\/strong>, particularly from the English islands, who came to work in crops like sugarcane. They were few and it was a fleeting migration.<\/p>\n\n <p>\"(They were) Black people so poor they had to leave their own islands to find a way to survive, and those people used tambourines and guitars more frequently than Puerto Ricans to liven up their songs, dances, and entertainment,\" recounted L\u00f3pez.<\/p>\n\n <p>In that mix of rhythms similar to ours and fleeting, changing encounters in sugarcane fields and barrios, what we know today as plena began to develop.<\/p>\n\n <p>Another theory is that \"it comes from a bomba rhythm called holand\u00e9, which is very similar to the plena rhythm,\" said Santana.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n\n <div class=\"pleneros-cards-section\" id=\"pleneros\">\n <div class=\"cards-scroller\">\n \n <div class=\"intro-card\">\n <h3 class=\"cards-title\">Pleneros in Puerto Rico<\/h3>\n <p class=\"cards-desc\">Many musicians have contributed to the development of plena. We've compiled some key names, acknowledging that the list is much more extensive.<\/p>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Historical Figures<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Joselino \"Bumb\u00fan\" Oppenheimer<\/li>\n <li>Emilio Escobar<\/li>\n <li>Paco Cerniera<\/li>\n <li>Mar\u00eda Cristina \"Cristy\" Alfonso Mangual<\/li>\n <li>Ram\u00f3n L\u00f3pez<\/li>\n <li>Norberto S\u00e1nchez<\/li>\n <li>Ram\u00f3n Pedraza<\/li>\n <li>\u00c1ngel Luis Torruellas <span class=\"compact-detail\">\"The King of Plena\"<\/span><\/li>\n <li>Tony Capit\u00e1n<\/li>\n <li>Ismael \"Cocolay\" Rivera<\/li>\n <li>Ram\u00f3n Rivera Alers <span class=\"compact-detail\">\"Don Mon\" and his sons<\/span><\/li>\n <li>Efra\u00edn Rivera Castillo \"Mon Rivera\"<\/li>\n <li>H\u00e9ctor \"Tito\" Matos<\/li>\n <li>Gary N\u00fa\u00f1ez<\/li>\n <li>H\u00e9ctor \"Atabal\" Rodr\u00edguez<\/li>\n <li>Los Pleneros del Quinto Olivo<\/li>\n <li>Los Pleneros de la 21<\/li>\n <li>Los Pleneros de la 23 Abajo<\/li>\n <li>Rafael Cortijo y su Combo<\/li>\n <li>Ismael Rivera<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Family Legacies<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>\n <strong>Cepeda Family<\/strong>\n <span class=\"compact-detail\">8 generations promoting bomba and plena.<\/span>\n <\/li>\n <li>Emmanuelli Family<\/li>\n <li>\n <strong>Mart\u00ednez Family<\/strong>\n <span class=\"compact-detail\">Emil, Ler\u00f3, and Johnsy Mart\u00ednez<\/span>\n <\/li>\n <li>Rivera Family<\/li>\n <li>Pacheco Brothers<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"plenero-card-compact\">\n <div class=\"compact-header\">\n <h4 class=\"compact-title\">Contemporary Groups<\/h4>\n <\/div>\n <ul class=\"compact-list\">\n <li>Plena Libre<\/li>\n <li>Emplegoste<\/li>\n <li>Plen\u00e9alo<\/li>\n <li>Los Pleneros de la Cresta<\/li>\n <li>Los Pleneros de Severo<\/li>\n <li>Grupo Esencia<\/li>\n <li>Truco y Zaperoko<\/li>\n <li>Pleneros del Truco<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n\n <p><strong>La Joya del Castillo.<\/strong> Although there's no precise place of origin, L\u00f3pez noted that La Joya del Castillo (The Jewel of the Castle), a slum located in the Quinto neighborhood of Ponce, \"was the most important meeting point\" in the early days of plena. It was a barrio outside the control of the sugarcane fields, which allowed people from other neighborhoods like San Ant\u00f3n or B\u00e9lgica to freely gather and play.<\/p>\n\n <p><strong>The King of Plena.<\/strong> The lack of documentation of the first plena musicians makes a concrete history of the most outstanding figures difficult, but L\u00f3pez highlighted <a href=\"https:\/\/www.80grados.net\/el-cuento-pleneao-de-bumbun-2\/\" target=\"_blank\" rel=\"noopener\">Joselino \"Bumb\u00fan\" Oppenheimer<\/a> as \"the king of plena\"\u2014singer, pandero player, composer\u2014one of the pioneers and \"the most charismatic, the most talented.\" He even said that some of the oldest plenas might be his, but he died without recording his compositions.<\/p>\n\n <ul>\n <li>The song <em><a href=\"https:\/\/www.revistaetnica.com\/blogs\/news\/plena-combativa-lanza-su-segundo-sencillo-bembetea\" target=\"_blank\" rel=\"noopener\">Bembetea<\/a><\/em> by Plena Combativa pays tribute to Carola Clark, one of the pleneras considered a pioneer.<\/li>\n <\/ul>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <div class=\"pleneros-cards-section instruments-section fade-in\" id=\"instrumentos\">\n <div class=\"cards-scroller\">\n \n <div class=\"video-intro-card\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-intro-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <\/div>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/1-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/pandero_seguidor.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/pandero_seguidor-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <span class=\"learn-tag\">Learn to play<\/span>\n <h3 class=\"video-card-title\">The Main Instruments of Plena: The Panderos and the G\u00fc\u00edcharo<\/h3>\n <p><strong>Panderos:<\/strong> percussion instruments from the drum family, consisting of a rigid round frame covered on one end with stretched skin. It's played by hitting or tapping with the hands.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/3.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/el-seguidor-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/el-seguidor-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El seguidor (the follower):<\/strong> is the second pandero to be added. It has the deepest sound and is the largest (usually 16 inches). It's used to keep the rhythm.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/5.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/punteador-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/punteador-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El punteador:<\/strong> Has a medium size (about 13 inches) and intermediate tuning. It also keeps the rhythm, but in a higher pitch than the seguidor.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/2-1.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plena-requinto.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/plena-requinto-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>El requinto:<\/strong> the one with the highest tuning and the smallest (about 12 inches), used for solos. It's considered to have been present since the beginnings of plena, when it was played with just one pandero.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"video-card\">\n <div class=\"video-wrapper\">\n <video controls playsinline loop poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/4.png\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/guicharo-plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/guicharo-plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n <div class=\"video-card-content\">\n <p><strong>G\u00fc\u00edcharo or g\u00fciro:<\/strong> a percussion instrument <a href=\"https:\/\/www.plateapr.com\/historia-guiro-puerto-rico\">from the scraper family<\/a> that in Puerto Rico is made from a plant called marimbo, grooved and played with a stick called varillero or puya.<\/p>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"evolucion\">\n <h2 class=\"section-title\"><strong>The Evolution of Plena: Rhythm, Lyrics, and Influences<\/strong><\/h2>\n\n <p><strong>Rhythm.<\/strong> Unlike bomba, which has dozens of rhythms, <strong>plena \"is a single rhythm\"<\/strong> that has regionalisms, ways of being interpreted, and various tempos, said Santana, who considers that even today's fusions are the same genre.<\/p>\n\n <p>Among the <strong>playing styles<\/strong>, N\u00fa\u00f1ez highlighted three main ones: Ponce, Mayag\u00fcez, and Santurce, \"particularly with maestro Rafael Cepeda,\" whose family is a pioneer in founding the first plena schools. These were the most important hubs of Puerto Rican plena.<\/p>\n\n <ul>\n <li>\"The most different style out there is one called <strong>'punta de clavo' (nail tip)<\/strong>, which is from Mayag\u00fcez, it's a lamento plena,\" played more slowly and with the fingertips, as opposed to the whole palm as done in Santurce, explained N\u00fa\u00f1ez.<\/li>\n <\/ul>\n\n <div style=\"margin: 2rem 0; text-align: center;\">\n <video\n controls\n playsinline\n style=\"max-width: 100%; height: auto; max-height: 600px; border-radius: 8px;\"\n poster=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/plenero.webp\">\n <source src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Tempo_plena.mp4\" type=\"video\/mp4\">\n <track src=\"subtitles\/Tempo_plena-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\" default>\n Your browser does not support the video element.\n <\/video>\n <\/div>\n\n <p>For Santana, the way of playing, volumes, and even techniques \"have been evolving\" and respond to the reality of each era. Both the pandero and g\u00fc\u00edcharo playing have been changing, he affirmed.<\/p>\n\n <p><strong>Lyrics.<\/strong> From its beginnings, song lyrics have told stories of everyday life, from romances and celebrations to political and religious events, death, and anything that captures popular imagination. \"Plena was also very patriarchal,\" said L\u00f3pez, referring to plenas like <em>Cortaron a Elena<\/em> (They Cut Elena).<\/p>\n\n <p>Although Santana considers that today a group wouldn't write about a femicide, the lyrics remain the <strong>\"living expression of the people\"<\/strong> and \"a way of confronting the regime in an artistic manner,\" with inclusive lyrics by new performers. \"Plena is like our battle cry,\" he added.<\/p>\n\n <p>N\u00fa\u00f1ez, for his part, uses his art to express celebration, romance, and resistance.<\/p>\n\n <blockquote>\n Plena responds to Puerto Rican reality, and Puerto Ricans will get angry, celebrate, love, and hate through plena, through the music that represents them.<br>\n <small>\u2014 LuisGa N\u00fa\u00f1ez<\/small>\n <\/blockquote>\n\n <p><strong>Influences.<\/strong> \"Plena has always been nourished by the music that's popular at the moment, what's in vogue,\" noted Santana. For example, in the early 20th century, plena was influenced by <strong>danza<\/strong>; in the 1940s, it was <strong>bolero<\/strong> and <strong>trio music<\/strong>.<\/p>\n\n <p>\"If we go further ahead, already <strong>son<\/strong>, <strong>guaracha<\/strong>, and the movement of the phenomenon we call <strong>salsa<\/strong> were more in vogue, so plena got influenced by that. Later with <strong>merengue<\/strong>. Later with <strong>rap<\/strong>, <strong>reggae<\/strong>, <strong>reggaet\u00f3n<\/strong>, <strong>trap<\/strong>, and that's where we are today,\" said Santana.<\/p>\n\n <p>In N\u00fa\u00f1ez's case, his plena as a soloist has been influenced by <strong>bossa nova<\/strong>, <strong>urban music<\/strong>, and even <strong>jazz<\/strong>. \"My two biggest influences are Calle 13 and Tego Calder\u00f3n,\" although he grew up listening to Los Pleneros del Quinto Olivo, Cortijo, Mon Rivera, \u00c1ngel Luis Torruella, La Sonora Ponce\u00f1a, and El Gran Combo, he said.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"content-section fade-in\" id=\"perspectivas\">\n <h2 class=\"section-title\">Challenges and Opportunities<\/h2>\n <div class=\"perspectives-container\">\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" onclick=\"openTab(event, 'retos')\" aria-label=\"View Challenges\">\n <span class=\"tab-eyebrow\">The Challenge<\/span>\n Challenges\n <\/button>\n <button class=\"tab-btn\" onclick=\"openTab(event, 'oportunidades')\" aria-label=\"View Opportunities\">\n <span class=\"tab-eyebrow\">The Vision<\/span>\n Opportunities\n <\/button>\n <\/div>\n\n <div id=\"retos\" class=\"tab-content active-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">1<\/span>\n <h3>Limited Exposure<\/h3>\n <p>\"The most important thing is exposure: that we give it the spaces, structures, and opportunities that we give to foreign music,\" said plenero <strong>Emanuel Santana<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">2<\/span>\n <h3>Lack of Resources<\/h3>\n <p>\"The monetary difference plays a role in us not being in the spaces necessary to stand out,\" explained plenero <strong>LuisGa N\u00fa\u00f1ez<\/strong>.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number challenge-accent\">3<\/span>\n <h3>Historical Gap<\/h3>\n <p>Although there are various theories about the origin of the rhythm, specific details were not documented. \"I would like to encourage much more serious research,\" said Santana.<\/p>\n <\/article>\n <\/div>\n <\/div>\n\n <div id=\"oportunidades\" class=\"tab-content\">\n <div class=\"horizontal-stream\">\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">1<\/span>\n <h3>The 'Bad Bunny Effect'<\/h3>\n <p>\"It's up to us to take advantage of the moment... make good music, reach people,\" acknowledged LuisGa N\u00fa\u00f1ez about the responsibility of pleneros given the impact of international-caliber artists fusing plena.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">2<\/span>\n <h3>Collaborations<\/h3>\n <p>\"Collaborations are the next step,\" affirmed N\u00fa\u00f1ez. It's time to invite other artists to use the plena rhythm in their compositions.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">3<\/span>\n <h3>Public Policy<\/h3>\n <p>Santana suggests revitalizing the <strong>Our Native Music Act (Law 223)<\/strong> to ensure funding at public events and include plena as mandatory in school curricula.<\/p>\n <\/article>\n <article class=\"stream-item\">\n <span class=\"item-number opp-accent\">4<\/span>\n <h3>New Markets<\/h3>\n <p>Looking south. Uruguay, where plena is deeply rooted, is \"a mirror of what could happen in Puerto Rico,\" assured N\u00fa\u00f1ez.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n<\/section>\n\n <div style=\"margin: 3rem 0; text-align: center;\">\n <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-22-at-12.52.08-PM.webp\"\n alt=\"The future of plena\"\n style=\"max-width: 100%; height: auto; border-radius: 8px;\"\n loading=\"lazy\">\n <\/div>\n\n <section class=\"content-section fade-in\" id=\"futuro\">\n <h2 class=\"section-title\"><strong>The Future of Plena<\/strong><\/h2>\n\n <p>With the inclusion of Bad Bunny, Rauw Alejandro, and other international-caliber artists fusing their songs with plena, and with so many other local artists creating their own interpretations, \"I'm very sure that <strong>the future of plena is very bright<\/strong>,\" in Santana's view.<\/p>\n\n <p>The general coordinator of <a href=\"https:\/\/lacasadelaplena.org\/es\/inicio\/\">La Casa de la Plena Tito Matos<\/a>, where Ram\u00f3n L\u00f3pez's archives are housed, said the important thing is to approach the rhythm with respect, keeping in mind and acknowledging the legacy of the great masters of plena.<\/p>\n\n <div class=\"back-to-menu-container\">\n <a href=\"#tabla-contenidos\" class=\"back-to-menu-btn\">Back to menu<\/a>\n <\/div>\n <\/section>\n\n <section class=\"closing-section\">\n <p class=\"closing-quote\">\n \"Plena is the rhythm of Puerto Ricans. There's no event where the panderos haven't been or won't be.\"\n <\/p>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Preserve straight quotes - prevent WordPress wptexturize\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Store original content before WordPress processes it\n const container = document.getElementById('plena-story-container');\n if (container) {\n \/\/ Normalize all text nodes to use straight quotes\n const walker = document.createTreeWalker(\n container,\n NodeFilter.SHOW_TEXT,\n null\n );\n\n const textNodes = [];\n while (walker.nextNode()) {\n textNodes.push(walker.currentNode);\n }\n\n \/\/ Only normalize if any type of quotes are detected (meaning WordPress processed it)\n textNodes.forEach(node => {\n if (node.nodeValue && (node.nodeValue.includes('\\u00AB') || node.nodeValue.includes('\\u00BB') || node.nodeValue.includes('\\u201C') || node.nodeValue.includes('\\u201D') || node.nodeValue.includes('\\u2018') || node.nodeValue.includes('\\u2019'))) {\n \/\/ Replace all quote types with straight quotes\n node.nodeValue = node.nodeValue\n .replace(\/[\\u00AB\\u00BB]\/g, '\"') \/\/ Latin\/Spanish quotes \u00ab \u00bb\n .replace(\/[\\u201C\\u201D]\/g, '\"') \/\/ Curly quotes \" \"\n .replace(\/[\\u2018\\u2019]\/g, \"'\"); \/\/ Curly single quotes ' '\n }\n });\n }\n });\n\n\n\n \/\/ Fade-in animations on scroll\n const contentObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.content-section, .gallery-section').forEach(el => {\n contentObserver.observe(el);\n });\n\n \/\/ Video controls and viewport detection\n document.addEventListener('DOMContentLoaded', () => {\n const video = document.getElementById('hero-video');\n const audioToggle = document.getElementById('audio-toggle');\n const speakerOn = document.getElementById('speaker-on');\n const speakerOff = document.getElementById('speaker-off');\n\n if (!video || !audioToggle) return;\n\n \/\/ Start video with sound unmuted\n video.muted = false;\n video.volume = 0.7; \/\/ Set volume to 70%\n\n \/\/ Try to play video with sound\n video.play().catch(err => {\n console.log('Autoplay with sound prevented, starting muted:', err);\n \/\/ If autoplay with sound fails, mute and try again\n video.muted = true;\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n video.play().catch(err2 => {\n console.log('Video autoplay completely prevented:', err2);\n });\n });\n\n \/\/ Audio toggle button\n audioToggle.addEventListener('click', () => {\n video.muted = !video.muted;\n\n if (video.muted) {\n speakerOn.style.display = 'none';\n speakerOff.style.display = 'block';\n audioToggle.setAttribute('aria-label', 'Enable audio');\n } else {\n speakerOn.style.display = 'block';\n speakerOff.style.display = 'none';\n audioToggle.setAttribute('aria-label', 'Disable audio');\n }\n });\n\n \/\/ Observe video viewport visibility\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/\/ Video is in viewport - play it\n video.play().catch(err => {\n console.log('Could not play video:', err);\n });\n } else {\n \/\/ Video is out of viewport - pause it\n video.pause();\n }\n });\n }, { threshold: 0.25 }); \/\/ Trigger when 25% of video is visible\n\n videoObserver.observe(video);\n });\n\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ Toggle Table of Contents\n document.addEventListener('DOMContentLoaded', () => {\n const tocToggle = document.getElementById('toc-toggle');\n const tocList = document.getElementById('toc-list');\n\n if(tocToggle && tocList) {\n tocToggle.addEventListener('click', () => {\n const isOpen = tocList.classList.contains('open');\n\n \/\/ Toggle classes\n tocList.classList.toggle('open');\n tocToggle.classList.toggle('active');\n\n \/\/ Update accessibility attribute\n tocToggle.setAttribute('aria-expanded', !isOpen);\n });\n\n \/\/ Auto-close when clicking a link\n const tocLinks = tocList.querySelectorAll('a');\n tocLinks.forEach(link => {\n link.addEventListener('click', () => {\n tocList.classList.remove('open');\n tocToggle.classList.remove('active');\n tocToggle.setAttribute('aria-expanded', 'false');\n });\n });\n }\n });\n\n \/\/ ============================================\n \/\/ GOOGLE ANALYTICS EVENTS\n \/\/ ============================================\n\n \/\/ 1. MENU NAVIGATION\n document.addEventListener('DOMContentLoaded', () => {\n const menuLinks = document.querySelectorAll('.toc-list a');\n menuLinks.forEach(link => {\n link.addEventListener('click', (e) => {\n const sectionName = link.textContent.trim();\n if (typeof gtag !== 'undefined') {\n gtag('event', 'menu_navigation', {\n event_category: 'Navigation',\n event_label: sectionName,\n section_id: link.getAttribute('href')\n });\n }\n });\n });\n });\n\n \/\/ 2. VIDEO PLAY AND WATCH TIME\n document.addEventListener('DOMContentLoaded', () => {\n const allVideos = document.querySelectorAll('video');\n\n allVideos.forEach((video, index) => {\n const videoSrc = video.querySelector('source')?.getAttribute('src') || 'unknown';\n const videoName = videoSrc.split('\/').pop().replace('.mp4', '');\n let hasStarted = false;\n let watchTime = 0;\n let lastTime = 0;\n\n \/\/ Event: Video Play\n video.addEventListener('play', () => {\n if (!hasStarted && typeof gtag !== 'undefined') {\n gtag('event', 'video_start', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n hasStarted = true;\n }\n });\n\n \/\/ Event: Video Progress (25%, 50%, 75%, 100%)\n video.addEventListener('timeupdate', () => {\n const percent = (video.currentTime \/ video.duration) * 100;\n\n if (percent >= 25 && !video.dataset.tracked25) {\n video.dataset.tracked25 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 25\n });\n }\n }\n if (percent >= 50 && !video.dataset.tracked50) {\n video.dataset.tracked50 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 50\n });\n }\n }\n if (percent >= 75 && !video.dataset.tracked75) {\n video.dataset.tracked75 = 'true';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_progress', {\n event_category: 'Video',\n event_label: videoName,\n video_percent: 75\n });\n }\n }\n });\n\n \/\/ Event: Video Complete\n video.addEventListener('ended', () => {\n if (typeof gtag !== 'undefined') {\n gtag('event', 'video_complete', {\n event_category: 'Video',\n event_label: videoName,\n video_url: videoSrc\n });\n }\n });\n\n \/\/ Track watch time\n video.addEventListener('timeupdate', () => {\n if (!video.paused) {\n watchTime += video.currentTime - lastTime;\n }\n lastTime = video.currentTime;\n });\n\n \/\/ Send watch time when user leaves or pauses\n video.addEventListener('pause', () => {\n if (watchTime > 0 && typeof gtag !== 'undefined') {\n gtag('event', 'video_watch_time', {\n event_category: 'Video',\n event_label: videoName,\n value: Math.round(watchTime)\n });\n }\n });\n });\n });\n\n \/\/ 3. CHALLENGES AND OPPORTUNITIES TAB CLICKS\n function openTab(evt, tabName) {\n var i, tabContent, tabBtn;\n\n \/\/ Google Analytics Event\n if (typeof gtag !== 'undefined') {\n gtag('event', 'tab_click', {\n event_category: 'Engagement',\n event_label: tabName,\n tab_name: tabName === 'retos' ? 'Challenges' : 'Opportunities'\n });\n }\n\n \/\/ Hide all content\n tabContent = document.getElementsByClassName(\"tab-content\");\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = \"none\";\n tabContent[i].classList.remove(\"active-content\");\n }\n\n \/\/ Remove active class from buttons\n tabBtn = document.getElementsByClassName(\"tab-btn\");\n for (i = 0; i < tabBtn.length; i++) {\n tabBtn[i].className = tabBtn[i].className.replace(\" active\", \"\");\n }\n\n \/\/ Show current tab with a small delay for animation\n document.getElementById(tabName).style.display = \"block\";\n setTimeout(() => {\n document.getElementById(tabName).classList.add(\"active-content\");\n }, 10);\n\n evt.currentTarget.className += \" active\";\n }\n\n \/\/ 4. PAGE SCROLL PERCENTAGE\n document.addEventListener('DOMContentLoaded', () => {\n let scrollTracked = {\n 25: false,\n 50: false,\n 75: false,\n 90: false\n };\n\n window.addEventListener('scroll', () => {\n const scrollPercentage = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n\n if (scrollPercentage >= 25 && !scrollTracked[25]) {\n scrollTracked[25] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '25%',\n value: 25\n });\n }\n }\n if (scrollPercentage >= 50 && !scrollTracked[50]) {\n scrollTracked[50] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '50%',\n value: 50\n });\n }\n }\n if (scrollPercentage >= 75 && !scrollTracked[75]) {\n scrollTracked[75] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '75%',\n value: 75\n });\n }\n }\n if (scrollPercentage >= 90 && !scrollTracked[90]) {\n scrollTracked[90] = true;\n if (typeof gtag !== 'undefined') {\n gtag('event', 'scroll_depth', {\n event_category: 'Engagement',\n event_label: '90%',\n value: 90\n });\n }\n }\n });\n });\n\n \/\/ 5. PLENEROS IN PUERTO RICO LIST INTERACTION\n document.addEventListener('DOMContentLoaded', () => {\n const pleneroCards = document.querySelectorAll('.plenero-card-compact');\n\n \/\/ Track card visibility (when cards come into view)\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.dataset.viewed) {\n entry.target.dataset.viewed = 'true';\n const cardTitle = entry.target.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_view', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n }\n });\n }, { threshold: 0.5 });\n\n pleneroCards.forEach(card => {\n cardObserver.observe(card);\n\n \/\/ Track clicks on cards\n card.addEventListener('click', () => {\n const cardTitle = card.querySelector('.compact-header')?.textContent.trim() || 'Unknown';\n if (typeof gtag !== 'undefined') {\n gtag('event', 'plenero_card_click', {\n event_category: 'Engagement',\n event_label: cardTitle,\n card_type: 'plenero'\n });\n }\n });\n });\n\n \/\/ Track scroll interaction with the pleneros section\n const plenerosSection = document.querySelector('.pleneros-cards-section');\n if (plenerosSection) {\n const scroller = plenerosSection.querySelector('.cards-scroller');\n let hasScrolled = false;\n\n if (scroller) {\n scroller.addEventListener('scroll', () => {\n if (!hasScrolled && typeof gtag !== 'undefined') {\n hasScrolled = true;\n gtag('event', 'pleneros_scroll', {\n event_category: 'Engagement',\n event_label: 'Pleneros Cards Scrolled'\n });\n }\n });\n }\n }\n });\n\n \/\/ ============================================\n \/\/ AUTO-PAUSE VIDEOS IN VIDEO-CARDS\n \/\/ ============================================\n\n document.addEventListener('DOMContentLoaded', () => {\n const videoCards = document.querySelectorAll('.video-card');\n const allCardVideos = document.querySelectorAll('.video-card video');\n\n \/\/ 1. DESKTOP: Pause other videos when one starts playing\n allCardVideos.forEach(video => {\n video.addEventListener('play', () => {\n allCardVideos.forEach(otherVideo => {\n if (otherVideo !== video && !otherVideo.paused) {\n otherVideo.pause();\n }\n });\n });\n });\n\n \/\/ 2. MOBILE: Pause videos when they leave the viewport (scroll)\n const videoObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n const video = entry.target.querySelector('video');\n if (video) {\n \/\/ If the card leaves the viewport (less than 50% visible), pause the video\n if (!entry.isIntersecting) {\n video.pause();\n }\n }\n });\n }, {\n threshold: 0.5, \/\/ Considered \"out\" when less than 50% is visible\n rootMargin: '0px'\n });\n\n \/\/ Observe each video-card\n videoCards.forEach(card => {\n videoObserver.observe(card);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n"]}],"_links":{"self":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6127","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=6127"}],"version-history":[{"count":0,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6127\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media\/6128"}],"wp:attachment":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media?parent=6127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/categories?post=6127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/post_tag?post=6127"},{"taxonomy":"post_author","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/authors?post=6127"},{"taxonomy":"page_type","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/page_type?post=6127"},{"taxonomy":"geo_location","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/geo_location?post=6127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}