{"id":6103,"date":"2025-07-25T15:59:43","date_gmt":"2025-07-25T19:59:43","guid":{"rendered":"https:\/\/www.plateapr.com\/en\/?p=6103"},"modified":"2025-07-27T14:08:18","modified_gmt":"2025-07-27T18:08:18","slug":"bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language","status":"publish","type":"post","link":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/","title":{"rendered":"Bad Bunny Residency: The Art of Interpreting Songs in Sign Language"},"content":{"rendered":"\n<style>\n\/* Encapsulaci\u00f3n completa con ID \u00fanico *\/\n#lspr-narrativa-completa-2025 {\n  --primary-color: #04d99d;\n  --secondary-color: #68b9ff;\n  --accent-color: #fecd6c;\n  --text-dark: #1a1a1a;\n  --text-light: #666;\n  --paper-white: #ffffff;\n  --background-cream: #f9f5e9;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n  line-height: 1.6;\n  color: var(--text-dark);\n  overflow-x: hidden;\n  background: var(--background-cream);\n  position: relative !important;\n\n  \/* SMOOTH SCROLLING IMPROVEMENTS *\/\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#lspr-narrativa-completa-2025 *,\n#lspr-narrativa-completa-2025 *::before,\n#lspr-narrativa-completa-2025 *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n}\n\n\/* PREVENT LAYOUT SHIFTS - Critical for mobile stability *\/\n#lspr-narrativa-completa-2025 img {\n  \/* Prevent layout shifts during image loading *\/\n  width: 100%;\n  height: auto;\n  display: block;\n  \/* GPU acceleration for smoother rendering *\/\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  \/* Smooth transitions *\/\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* SMOOTH TRANSFORMS - Use hardware acceleration *\/\n#lspr-narrativa-completa-2025 .fade-in,\n#lspr-narrativa-completa-2025 .narrative-quote,\n#lspr-narrativa-completa-2025 .main-quote,\n#lspr-narrativa-completa-2025 .simple-text,\n#lspr-narrativa-completa-2025 .tip-item,\n#lspr-narrativa-completa-2025 .event-item,\n#lspr-narrativa-completa-2025 .resource-item {\n  \/* Use will-change for elements that will animate *\/\n  will-change: transform, opacity;\n  \/* GPU acceleration *\/\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  \/* Smooth transitions with better easing *\/\n  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Navigation Menu *\/\n#lspr-narrativa-completa-2025 .top-navigation {\n  position: relative !important;\n  width: 100% !important;\n  background: #000 !important;\n  z-index: 100 !important;\n  padding: 1rem 0 !important;\n  \/* Prevent jumping during mobile menu transitions *\/\n  transform: translateZ(0);\n}\n\n\/* Hero Section - Pantalla completa inmersiva *\/\n#lspr-narrativa-completa-2025 .hero-section {\n  height: 120vh;\n  min-height: 700px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  background: #000;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .hero-background {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  \/* Prevent repaints *\/\n  will-change: transform;\n}\n\n#lspr-narrativa-completa-2025 .hero-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  filter: brightness(0.7) contrast(1.2);\n  \/* Smooth hover effects *\/\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .hero-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 100%);\n  z-index: 2;\n}\n\n#lspr-narrativa-completa-2025 .hero-content {\n  position: relative;\n  z-index: 3;\n  text-align: center;\n  color: white;\n  max-width: 900px;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .hero-title {\n  font-size: clamp(3rem, 8vw, 5rem);\n  font-weight: bold;\n  margin-bottom: 1rem;\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);\n  line-height: 1.1;\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeInUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;\n}\n\n#lspr-narrativa-completa-2025 .hero-deck {\n  font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n  font-style: italic;\n  max-width: 700px;\n  margin: 0 auto;\n  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeInUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) 1.5s forwards;\n}\n\n\/* Secciones narrativas MEJORADAS *\/\n#lspr-narrativa-completa-2025 .narrative-section {\n  position: relative;\n  background: var(--background-cream);\n  overflow: hidden;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .narrative-header {\n  position: relative;\n  height: 140vh;\n  min-height: 900px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  overflow: hidden;\n  padding-bottom: 8rem;\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  \/* Prevent repaints during scroll *\/\n  will-change: transform;\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 30%;\n  filter: brightness(0.9) contrast(1.1) saturate(1.1);\n  \/* Smoother hover transitions *\/\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  \/* Prevent layout shifts *\/\n  transform: translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .narrative-section:hover .narrative-bg-image {\n  transform: scale(1.02) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-image.vertical {\n  object-position: center center;\n  object-fit: cover;\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.1) 0%,\n    rgba(0, 0, 0, 0.2) 40%,\n    rgba(0, 0, 0, 0.4) 70%,\n    rgba(0, 0, 0, 0.85) 100%\n  );\n  z-index: 2;\n}\n\n#lspr-narrativa-completa-2025 .narrative-content {\n  position: relative;\n  z-index: 3;\n  text-align: center;\n  padding: 0 2rem;\n  max-width: 800px;\n  color: white;\n}\n\n#lspr-narrativa-completa-2025 .photo-caption {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 1rem 2rem 1.5rem 2rem;\n  font-size: 0.8rem;\n  line-height: 1.3;\n  color: rgba(255, 255, 255, 0.9);\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);\n  z-index: 2;\n  font-style: italic;\n  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);\n}\n\n#lspr-narrativa-completa-2025 .narrative-quote {\n  font-size: clamp(1.6rem, 4vw, 2.4rem);\n  font-style: italic;\n  line-height: 1.3;\n  text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.95), 1px 1px 4px rgba(0, 0, 0, 0.8);\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .narrative-quote.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Secciones de texto *\/\n#lspr-narrativa-completa-2025 .text-section {\n  background: var(--paper-white);\n  color: var(--text-dark);\n  padding: 80px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .text-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .text-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-weight: 700;\n  margin-bottom: 2rem;\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .text-section p {\n  font-size: clamp(1.2rem, 3vw, 1.4rem);\n  line-height: 1.7;\n  margin-bottom: 2rem;\n  opacity: 0.9;\n}\n\n#lspr-narrativa-completa-2025 .highlight {\n  color: var(--secondary-color);\n  font-weight: 600;\n}\n\n\/* Secciones de tarjeta *\/\n#lspr-narrativa-completa-2025 .card-section {\n  background: var(--background-cream);\n  padding: 80px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .card-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .card-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-weight: 700;\n  margin-bottom: 2.5rem;\n  text-align: center;\n  color: var(--text-dark);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .simple-text {\n  font-size: clamp(1.2rem, 3vw, 1.4rem);\n  line-height: 1.7;\n  margin-bottom: 2rem;\n  color: var(--text-dark);\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .simple-text.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .simple-text strong {\n  color: var(--secondary-color);\n  font-weight: 600;\n}\n\n\/* Secciones de Cita *\/\n#lspr-narrativa-completa-2025 .quote-section {\n  background: var(--paper-white);\n  padding: 100px 0;\n  text-align: center;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .quote-wrapper {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .main-quote {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-style: italic;\n  line-height: 1.4;\n  margin-bottom: 2rem;\n  color: var(--text-dark);\n  position: relative;\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .main-quote.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .main-quote::before {\n  content: '\"';\n  font-size: 5rem;\n  color: var(--primary-color);\n  position: absolute;\n  top: -2rem;\n  left: -1rem;\n  opacity: 0.3;\n}\n\n#lspr-narrativa-completa-2025 .quote-author {\n  font-size: 1.2rem;\n  color: var(--text-light);\n  font-weight: 500;\n}\n\n\/* Secci\u00f3n de Consejos - FIXED FOR NO JUMPING *\/\n#lspr-narrativa-completa-2025 .tips-section {\n  background: var(--background-cream);\n  color: var(--text-dark);\n  padding: 80px 0; \/* Reduced from 100px *\/\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n  \/* CRITICAL: Fixed height to prevent jumping *\/\n  min-height: 600px;\n}\n\n#lspr-narrativa-completa-2025 .tip-item {\n  margin-bottom: 2rem; \/* Reduced from 3rem *\/\n  padding: 1.5rem 0; \/* Reduced from 2rem *\/\n  border-bottom: 1px solid rgba(104, 185, 255, 0.2);\n  opacity: 0;\n  transform: translateY(20px) translateZ(0); \/* Reduced from 30px *\/\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n  \/* CRITICAL: Fixed min-height to prevent jumping *\/\n  min-height: 120px;\n}\n\n#lspr-narrativa-completa-2025 .tip-item.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); \/* Faster transition *\/\n}\n\n\/* PREVENT JUMPING: Remove hover scale effect *\/\n#lspr-narrativa-completa-2025 .tip-item:hover .tip-number {\n  transform: translateZ(0); \/* Remove scale effect *\/\n  box-shadow: 0 4px 16px rgba(4, 217, 157, 0.3); \/* Keep original shadow *\/\n}\n\n#lspr-narrativa-completa-2025 .tips-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .tips-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-weight: 700;\n  margin-bottom: 3rem;\n  text-align: center;\n  color: var(--text-dark);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .tip-item h3 {\n  display: flex;\n  align-items: center;\n  font-size: 1.6rem;\n  color: var(--secondary-color);\n  margin-bottom: 1rem;\n  font-weight: 600;\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .tip-item p {\n  font-size: 1.2rem;\n  line-height: 1.6;\n  color: var(--text-dark);\n}\n\n#lspr-narrativa-completa-2025 .tip-number {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);\n  color: white;\n  border-radius: 50%;\n  font-size: 1.3rem;\n  font-weight: 700;\n  margin-right: 1.2rem;\n  flex-shrink: 0;\n  box-shadow: 0 4px 16px rgba(4, 217, 157, 0.3);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  \/* GPU acceleration *\/\n  transform: translateZ(0);\n}\n\n\/* Secci\u00f3n de Recursos - IMPROVED FOR MOBILE *\/\n#lspr-narrativa-completa-2025 .resources-section {\n  background: var(--paper-white);\n  padding: 100px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .resources-content {\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n#lspr-narrativa-completa-2025 .resources-section h2 {\n  font-size: clamp(2rem, 5vw, 3rem);\n  font-weight: 700;\n  text-align: center;\n  margin-bottom: 3rem;\n  color: var(--text-dark);\n  padding: 0 2rem;\n}\n\n\/* CRITICAL: Smooth horizontal scrolling *\/\n#lspr-narrativa-completa-2025 .resources-scroll-container {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n  padding: 20px 0 40px;\n  margin: 0 -20px;\n  \/* PREVENT JUMPING: Use momentum scrolling *\/\n  scroll-snap-type: x proximity;\n  \/* GPU acceleration *\/\n  transform: translateZ(0);\n  will-change: scroll-position;\n}\n\n#lspr-narrativa-completa-2025 .resources-scroll-container::-webkit-scrollbar {\n  height: 8px;\n}\n#lspr-narrativa-completa-2025 .resources-scroll-container::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n}\n#lspr-narrativa-completa-2025 .resources-scroll-container::-webkit-scrollbar-thumb {\n  background: var(--primary-color);\n  border-radius: 10px;\n}\n\n#lspr-narrativa-completa-2025 .resources-grid {\n  display: flex;\n  gap: 2rem;\n  padding: 0 2rem;\n  width: max-content;\n  \/* Prevent layout shifts *\/\n  min-height: 200px;\n}\n\n#lspr-narrativa-completa-2025 .resource-item {\n  background: linear-gradient(135deg, var(--background-cream) 0%, #fff 100%);\n  padding: 2rem;\n  border-radius: 16px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n  border-left: 4px solid var(--primary-color);\n  \/* SMOOTH TRANSITIONS *\/\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n  width: 380px;\n  flex-shrink: 0;\n  animation: fadeInCard 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n  \/* Scroll snap for better mobile experience *\/\n  scroll-snap-align: start;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .resource-item:hover {\n  transform: translateY(-8px) translateZ(0);\n  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);\n  border-left-color: var(--secondary-color);\n}\n\n#lspr-narrativa-completa-2025 .resource-item h3 {\n  font-size: 1.3rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n  color: var(--secondary-color);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .resource-location {\n  font-size: 0.95rem;\n  color: var(--text-light);\n  margin-bottom: 1rem;\n  font-style: italic;\n  font-weight: 500;\n}\n\n#lspr-narrativa-completa-2025 .resource-item p {\n  font-size: 1rem;\n  line-height: 1.6;\n  color: var(--text-dark);\n}\n\n\/* Staggered animations *\/\n#lspr-narrativa-completa-2025 .resource-item:nth-child(1) {\n  animation-delay: 0.1s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(2) {\n  animation-delay: 0.2s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(3) {\n  animation-delay: 0.3s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(4) {\n  animation-delay: 0.4s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(5) {\n  animation-delay: 0.5s;\n}\n\n\/* Secci\u00f3n de Eventos - IMPROVED FOR MOBILE *\/\n#lspr-narrativa-completa-2025 .events-section {\n  background: var(--background-cream);\n  padding: 80px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .events-content {\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n#lspr-narrativa-completa-2025 .events-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.5rem);\n  font-weight: 700;\n  text-align: center;\n  margin-bottom: 2.5rem;\n  color: var(--text-dark);\n  padding: 0 2rem;\n}\n\n\/* CRITICAL: Smooth horizontal scrolling for events *\/\n#lspr-narrativa-completa-2025 .events-scroll-container {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n  padding: 10px 0 30px;\n  margin: 0 -1rem;\n  \/* PREVENT JUMPING *\/\n  scroll-snap-type: x proximity;\n  transform: translateZ(0);\n  will-change: scroll-position;\n}\n\n#lspr-narrativa-completa-2025 .events-scroll-container::-webkit-scrollbar {\n  height: 6px;\n}\n#lspr-narrativa-completa-2025 .events-scroll-container::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.05);\n  border-radius: 3px;\n}\n#lspr-narrativa-completa-2025 .events-scroll-container::-webkit-scrollbar-thumb {\n  background: var(--primary-color);\n  border-radius: 3px;\n}\n\n#lspr-narrativa-completa-2025 .events-grid {\n  display: flex;\n  gap: 1.5rem;\n  padding: 0 1rem;\n  width: max-content;\n  \/* Prevent layout shifts *\/\n  min-height: 150px;\n}\n\n#lspr-narrativa-completa-2025 .event-item {\n  background: white;\n  padding: 1.5rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  \/* SMOOTH TRANSITIONS *\/\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  width: 320px;\n  flex-shrink: 0;\n  opacity: 0;\n  transform: translateY(20px) translateZ(0);\n  animation: fadeInSimple 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n  \/* Scroll snap *\/\n  scroll-snap-align: start;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .event-item:hover {\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n  transform: translateY(-2px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .event-item h3 {\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n  color: var(--text-dark);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .event-date {\n  font-size: 0.85rem;\n  color: var(--primary-color);\n  margin-bottom: 0.8rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n#lspr-narrativa-completa-2025 .event-item p {\n  font-size: 0.9rem;\n  line-height: 1.5;\n  color: var(--text-light);\n  margin: 0;\n}\n\n\/* Staggered animations for events *\/\n#lspr-narrativa-completa-2025 .event-item:nth-child(1) {\n  animation-delay: 0.1s;\n}\n#lspr-narrativa-completa-2025 .event-item:nth-child(2) {\n  animation-delay: 0.15s;\n}\n#lspr-narrativa-completa-2025 .event-item:nth-child(3) {\n  animation-delay: 0.2s;\n}\n\n\/* Byline section *\/\n#lspr-narrativa-completa-2025 .byline-section {\n  background: #000 !important;\n  padding: 40px 0 !important;\n  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\n  margin: 0 !important;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .byline-container {\n  max-width: 800px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 20px !important;\n}\n\n#lspr-narrativa-completa-2025 .byline-authors {\n  display: flex !important;\n  gap: 30px !important;\n  align-items: flex-start !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;\n  padding-bottom: 20px !important;\n  flex-wrap: wrap !important;\n}\n\n#lspr-narrativa-completa-2025 .author-item {\n  display: flex !important;\n  align-items: center !important;\n  gap: 15px !important;\n}\n\n#lspr-narrativa-completa-2025 .author-avatar {\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 50% !important;\n  object-fit: cover !important;\n  flex-shrink: 0 !important;\n  \/* Prevent layout shifts *\/\n  aspect-ratio: 1;\n}\n\n#lspr-narrativa-completa-2025 .author-credit {\n  font-size: 1rem !important;\n  font-weight: normal !important;\n  color: rgba(255, 255, 255, 0.9) !important;\n  margin: 0 !important;\n  line-height: 1.3 !important;\n}\n\n#lspr-narrativa-completa-2025 .byline-date {\n  text-align: left !important;\n  margin-bottom: 2px !important;\n}\n\n#lspr-narrativa-completa-2025 .byline-date p {\n  font-size: 0.9rem !important;\n  color: rgba(255, 255, 255, 0.7) !important;\n  margin: 0 !important;\n  font-style: italic !important;\n}\n\n  #lspr-narrativa-completa-2025 .portrait-caption {\n    padding: 0.8rem 1.5rem 1.2rem 1.5rem;\n    font-size: 0.7rem;\n    font-style: italic;\n  }\n\n\/* Navigation styles *\/\n#lspr-narrativa-completa-2025 .nav-container {\n  max-width: 1400px !important;\n  margin: 0 auto !important;\n  padding: 0 2rem !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n#lspr-narrativa-completa-2025 .nav-menu {\n  display: flex !important;\n  font-size: 0.95rem !important;\n  justify-content: center !important;\n  align-items: center !important;\n  gap: 1rem !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n\n#lspr-narrativa-completa-2025 .nav-item {\n  margin: 0 !important;\n}\n\n#lspr-narrativa-completa-2025 .top-navigation .nav-link {\n  color: #fff !important;\n  text-decoration: none !important;\n  font-size: 0.95rem !important;\n  font-weight: 500 !important;\n  padding: 0.5rem 1rem !important;\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  white-space: nowrap !important;\n  background: none !important;\n  border: none !important;\n}\n\n#lspr-narrativa-completa-2025 .top-navigation .nav-link:hover,\n#lspr-narrativa-completa-2025 .top-navigation .nav-link:focus {\n  color: #04d99d !important;\n}\n\n\/* Mobile Navigation - IMPROVED *\/\n#lspr-narrativa-completa-2025 .mobile-nav-toggle {\n  display: none !important;\n  background: none !important;\n  border: none !important;\n  color: #fff !important;\n  font-size: 1.5rem !important;\n  cursor: pointer !important;\n  padding: 0.5rem !important;\n  z-index: 101 !important;\n  \/* Smooth transitions *\/\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-toggle:hover {\n  color: #04d99d !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-overlay {\n  display: none;\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  width: 100vw !important;\n  height: 100vh !important;\n  background: #000 !important;\n  z-index: 999999 !important;\n  overflow-y: auto !important;\n  \/* SMOOTH TRANSITIONS *\/\n  opacity: 0;\n  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-overlay.active {\n  display: flex !important;\n  flex-direction: column !important;\n  opacity: 1;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-header {\n  display: flex !important;\n  justify-content: flex-start !important;\n  align-items: center !important;\n  padding: 2rem 2rem 1rem 2rem !important;\n  flex-shrink: 0 !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-close {\n  background: none !important;\n  border: none !important;\n  color: #fff !important;\n  font-size: 2.5rem !important;\n  cursor: pointer !important;\n  padding: 0 !important;\n  line-height: 1 !important;\n  font-weight: 300 !important;\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-close:hover {\n  color: #04d99d !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-content {\n  flex: 1 !important;\n  padding: 1rem 0 !important;\n  width: 100% !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-list {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 0 !important;\n  align-items: flex-start !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  list-style: none !important;\n  width: 100% !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-item {\n  margin: 0 !important;\n  width: 100% !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-link {\n  display: block !important;\n  text-align: left !important;\n  padding: 1.8rem 2rem !important;\n  width: 100% !important;\n  font-size: 1.5rem !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n  color: #fff !important;\n  text-decoration: none !important;\n  font-weight: 700 !important;\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  box-sizing: border-box !important;\n  background: none !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-link:hover {\n  color: #04d99d !important;\n}\n\n\/* PREVENT BODY SCROLL JUMPING *\/\nbody.mobile-menu-open {\n  overflow: hidden !important;\n  position: fixed !important;\n  width: 100% !important;\n  height: 100% !important;\n}\n\n\/* IMPROVED ANIMATIONS *\/\n@keyframes fadeInUp {\n  to {\n    opacity: 1;\n    transform: translateY(0) translateZ(0);\n  }\n}\n\n@keyframes fadeInCard {\n  to {\n    opacity: 1;\n    transform: translateY(0) translateZ(0);\n  }\n}\n\n@keyframes fadeInSimple {\n  to {\n    opacity: 1;\n    transform: translateY(0) translateZ(0);\n  }\n}\n\n#lspr-narrativa-completa-2025 .fade-in {\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .fade-in.visible,\n#lspr-narrativa-completa-2025 .resource-item.visible,\n#lspr-narrativa-completa-2025 .event-item.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n}\n\n\/* Enlaces *\/\n#lspr-narrativa-completa-2025 a,\n#lspr-narrativa-completa-2025 a:link,\n#lspr-narrativa-completa-2025 a:visited {\n  color: var(--primary-color);\n  text-decoration: underline;\n  font-weight: 500;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 a:hover,\n#lspr-narrativa-completa-2025 a:focus {\n  color: var(--secondary-color);\n  text-decoration: none;\n}\n\n\/* Instagram Embed Centering *\/\n#lspr-narrativa-completa-2025 .instagram-embed,\n#lspr-narrativa-completa-2025 blockquote[class*=\"instagram\"],\n#lspr-narrativa-completa-2025 iframe[src*=\"instagram\"],\n#lspr-narrativa-completa-2025 .instagram-media {\n  margin: 2rem auto !important;\n  display: block !important;\n  text-align: center !important;\n  max-width: 540px !important;\n  width: 100% !important;\n}\n\n\/* Container for Instagram embeds *\/\n#lspr-narrativa-completa-2025 .social-embed-container {\n  display: flex !important;\n  justify-content: center !important;\n  align-items: center !important;\n  width: 100% !important;\n  margin: 2rem 0 !important;\n}\n\n\/* RESPONSIVE IMPROVEMENTS *\/\n@media (max-width: 1024px) {\n  #lspr-narrativa-completa-2025 .nav-menu {\n    gap: 1.5rem !important;\n  }\n  #lspr-narrativa-completa-2025 .top-navigation .nav-link {\n    font-size: 0.9rem !important;\n    padding: 0.4rem 0.8rem !important;\n  }\n}\n\n@media (max-width: 768px) {\n  \/* Reduce heights to prevent jumping *\/\n  #lspr-narrativa-completa-2025 .narrative-header {\n    height: 100vh;\n    min-height: 600px;\n    padding-bottom: 4rem;\n  }\n\n  #lspr-narrativa-completa-2025 .narrative-quote {\n    font-size: clamp(1.4rem, 5vw, 1.8rem);\n    line-height: 1.4;\n  }\n\n  \/* Reduce padding to prevent jumping *\/\n  #lspr-narrativa-completa-2025 .text-section,\n  #lspr-narrativa-completa-2025 .card-section,\n  #lspr-narrativa-completa-2025 .quote-section,\n  #lspr-narrativa-completa-2025 .resources-section,\n  #lspr-narrativa-completa-2025 .events-section {\n    padding: 60px 0;\n  }\n\n  #lspr-narrativa-completa-2025 .main-quote::before {\n    display: none;\n  }\n\n  #lspr-narrativa-completa-2025 .photo-caption {\n    padding: 0.8rem 1.5rem 1.2rem 1.5rem;\n    font-size: 0.75rem;\n  }\n\n  \/* Byline responsive *\/\n  #lspr-narrativa-completa-2025 .byline-authors {\n    flex-direction: column !important;\n    gap: 15px !important;\n  }\n\n  \/* Nav responsive *\/\n  #lspr-narrativa-completa-2025 .nav-container {\n    padding: 0 1.5rem !important;\n    justify-content: flex-end !important;\n  }\n  #lspr-narrativa-completa-2025 .nav-menu {\n    display: none !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-toggle {\n    display: block !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-header {\n    padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-close {\n    font-size: 2rem !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-link {\n    padding: 1.2rem 1.5rem !important;\n    font-size: 1.2rem !important;\n  }\n\n  \/* CRITICAL: Improve horizontal scroll on mobile *\/\n  #lspr-narrativa-completa-2025 .resources-scroll-container,\n  #lspr-narrativa-completa-2025 .events-scroll-container {\n    \/* Better momentum scrolling *\/\n    -webkit-overflow-scrolling: touch;\n    scroll-behavior: smooth;\n    \/* Prevent bounce *\/\n    overscroll-behavior-x: contain;\n  }\n\n  #lspr-narrativa-completa-2025 .resource-item {\n    width: 320px; \/* Smaller on mobile *\/\n    padding: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .event-item {\n    width: 280px; \/* Smaller on mobile *\/\n    padding: 1.2rem;\n  }\n\n  \/* Add to the @media (max-width: 768px) section *\/\n  #lspr-narrativa-completa-2025 .tips-section {\n    padding: 50px 0; \/* Reduced from 60px *\/\n    min-height: 500px; \/* Smaller on mobile *\/\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item {\n    margin-bottom: 1.5rem; \/* Reduced *\/\n    padding: 1rem 0; \/* Reduced *\/\n    min-height: 100px; \/* Smaller on mobile *\/\n  }\n\n  #lspr-narrativa-completa-2025 .tip-number {\n    width: 40px;\n    height: 40px;\n    font-size: 1.1rem;\n    margin-right: 1rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item h3 {\n    font-size: 1.3rem;\n  }\n}\n\n@media (max-width: 480px) {\n  \/* Further reduce content padding *\/\n  #lspr-narrativa-completa-2025 .hero-content,\n  #lspr-narrativa-completa-2025 .narrative-content,\n  #lspr-narrativa-completa-2025 .text-content,\n  #lspr-narrativa-completa-2025 .card-content,\n  #lspr-narrativa-completa-2025 .quote-wrapper,\n  #lspr-narrativa-completa-2025 .resources-content,\n  #lspr-narrativa-completa-2025 .events-content {\n    padding: 0 1rem;\n  }\n\n  #lspr-narrativa-completa-2025 .narrative-header {\n    height: 90vh;\n    min-height: 500px;\n    padding-bottom: 3rem;\n  }\n\n  #lspr-narrativa-completa-2025 .text-section h2,\n  #lspr-narrativa-completa-2025 .card-section h2,\n  #lspr-narrativa-completa-2025 .resources-section h2,\n  #lspr-narrativa-completa-2025 .events-section h2 {\n    font-size: 1.6rem;\n    line-height: 1.2;\n    margin-bottom: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .text-section p,\n  #lspr-narrativa-completa-2025 .simple-text {\n    font-size: 1.1rem;\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .photo-caption {\n    padding: 0.6rem 1rem 1rem 1rem;\n    font-size: 0.7rem;\n    line-height: 1.2;\n  }\n\n  \/* Even smaller cards on very small screens *\/\n  #lspr-narrativa-completa-2025 .resource-item {\n    width: 280px;\n    padding: 1.2rem;\n  }\n\n  #lspr-narrativa-completa-2025 .event-item {\n    width: 250px;\n    padding: 1rem;\n  }\n\n  \/* Add to the @media (max-width: 480px) section *\/\n  #lspr-narrativa-completa-2025 .tips-content {\n    padding: 0 1rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tips-section {\n    padding: 40px 0; \/* Further reduced *\/\n    min-height: 450px;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item {\n    margin-bottom: 1rem;\n    padding: 0.8rem 0;\n    min-height: 90px;\n  }\n\n  #lspr-narrativa-completa-2025 .tips-section h2 {\n    font-size: 1.6rem;\n    line-height: 1.2;\n    margin-bottom: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-number {\n    width: 36px;\n    height: 36px;\n    font-size: 1rem;\n    margin-right: 0.8rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item h3 {\n    font-size: 1.2rem;\n  }\n}\n\n  #lspr-narrativa-completa-2025 .portrait-caption {\n    padding: 0.8rem 1.5rem 1.2rem 1.5rem;\n    font-size: 0.7rem;\n    font-style: italic;\n    line-height: 1.1;\n  }\n\n\/* PERFORMANCE OPTIMIZATIONS *\/\n#lspr-narrativa-completa-2025 * {\n  \/* Optimize rendering *\/\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n\/* Reduce motion for users who prefer it *\/\n@media (prefers-reduced-motion: reduce) {\n  #lspr-narrativa-completa-2025 *,\n  #lspr-narrativa-completa-2025 *::before,\n  #lspr-narrativa-completa-2025 *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n<\/style>\n\n<div id=\"lspr-narrativa-completa-2025\">\n    <!-- Top Navigation -->\n    <nav class=\"top-navigation\" aria-label=\"Navegaci\u00f3n principal\">\n        <div class=\"nav-container\">\n            <!-- Menu toggle -->\n            <button class=\"nav-toggle\" aria-label=\"Abrir men\u00fa de navegaci\u00f3n\">\u2630<\/button>\n            <ul class=\"nav-menu\">\n                <li class=\"nav-item\"><a data-page-id=\"4\" href=\"https:\/\/www.plateapr.com\/en\/\" class=\"nav-link\">Homepage<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&#038;utm_medium=referral&#038;utm_campaign=homepage-component&#038;utm_content=homepage-link\" class=\"nav-link\">Itineraries<\/a><\/li>\n                <li class=\"nav-item\"><a data-page-id=\"2555\" href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"nav-link\">Travel<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">Spanish<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/nav>\n\n    <!-- Mobile Navigation Overlay -->\n    <div class=\"mobile-nav-overlay\" aria-label=\"Men\u00fa de navegaci\u00f3n m\u00f3vil\">\n        <div class=\"mobile-nav-header\">\n            <button class=\"mobile-nav-close\" aria-label=\"Cerrar men\u00fa\">\u2715<\/button>\n        <\/div>\n        <nav class=\"mobile-nav-content\">\n            <ul class=\"mobile-nav-list\">\n                <li class=\"mobile-nav-item\"><a data-page-id=\"4\" href=\"https:\/\/www.plateapr.com\/en\/\" class=\"mobile-nav-link\">Homepage<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&#038;utm_medium=referral&#038;utm_campaign=homepage-component&#038;utm_content=homepage-link\" class=\"mobile-nav-link\">PR Itineraries<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a data-page-id=\"2555\" href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"mobile-nav-link\">Travel Guide<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"mobile-nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"mobile-nav-link\">Directory<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"mobile-nav-link\">About Us<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"mobile-nav-link\">In Spanish<\/a><\/li>\n            <\/ul>\n        <\/nav>\n    <\/div>\n\n    <!-- Main Content -->\n    <div role=\"main\" aria-label=\"Lenguaje de se\u00f1as en Residencia de Bad Bunny: el arte de interpretar canciones\">\n        <!-- Hero Section -->\n        <section class=\"hero-section\" aria-label=\"T\u00edtulo principal\">\n            <div class=\"hero-background\">\n                <!-- NO lazy loading para la imagen principal -->\n                <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_0343-1-Large.jpeg\" alt=\"Tercer concierto de la Residencia de Bad Bunny con int\u00e9rpretes de LSPR\" class=\"hero-image\">\n                <div class=\"hero-overlay\"><\/div>\n            <\/div>\n            <div class=\"hero-content\">\n                <h1 class=\"hero-title\">The art of interpreting songs in sign language<\/h1>\n                <p class=\"hero-deck\">Two interpreters who worked at Bad Bunny&#8217;s concert tell us how they do their job and its importance to the deaf community.\n<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Byline -->\n        <section class=\"byline-section\" aria-label=\"Autor\u00eda del art\u00edculo\">\n            <div class=\"byline-container\">\n                <div class=\"byline-date\">\n                    <p>julio 21, 2025<\/p>\n                <\/div>\n                <div class=\"byline-authors\">\n                    <div class=\"author-item\">\n                        <!-- Lazy loading para avatar -->\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&#038;width=200\" alt=\"Cindy Burgos Alvarado\" class=\"author-avatar\" loading=\"lazy\" decoding=\"async\">\n                        <div class=\"author-details\">\n                            <p class=\"author-credit\">By Cindy Burgos Alvarado | PlateaPR<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Introducci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Introducci\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_2836-2-scaled.jpeg\" alt=\"La int\u00e9rprete de LSPR Emely Font\u00e1nez durante concierto de Bad Bunny. (Suministrada por National Interpreters Puerto Rico)\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                    <div class=\"photo-caption\">LSPR interpreter Emely Font\u00e1nez during Bad Bunny&#8217;s concert. (Provided by National Interpreters Puerto Rico) (caption)<\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\"><\/blockquote>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Contexto sobre fondo blanco -->\n        <section class=\"text-section\" aria-label=\"Contexto del trabajo\">\n            <div class=\"text-content fade-in\">\n                <p>At first glance, it looks like they are dancing and moving their hands and arms, but their work goes far beyond translating a song into sign language.<\/p>\n                <p>The LSPR interpreters at the concert \u201cYo no me quiero ir de aqu\u00ed\u201d (\u201cI don&#8217;t want to leave here\u201d) by the reggaet\u00f3n star Bad Bunny have gone viral on social media for the rhythm and flavor they bring to their performances.<\/p>\n                <p>Two of them, <span class=\"highlight\">Emely Font\u00e1nez<\/span>, 28, y <span class=\"highlight\">Paola P\u00e9rez<\/span>, 26, both from <a href=\"https:\/\/nationalinterpreterspr.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ga-link\" data-category=\"external-links\" data-label=\"National Interpreters PR\">National Interpreters Puerto Rico<\/a>, spoke with Platea and told us how they were received by the audience after participating in the concerts\u2014noting that there were deaf people at all three performances\u2014and how the art of interpreting a song in LSPR works.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Quote de Emely - Secci\u00f3n inmersiva -->\n        <section class=\"quote-section\" aria-label=\"Testimonio de Emely Font\u00e1nez\">\n            <div class=\"quote-wrapper\">\n                <blockquote class=\"main-quote fade-in\">I didn&#8217;t expect that reception from people at all. It was a surprise for me to wake up on Monday and see my phone full of videos.\u201d<\/blockquote>\n                <cite class=\"quote-author\">Emely Font\u00e1nez, special education teacher and sign language interpreter from Puerto Rico<\/cite>\n            <\/div>\n        <\/section>\n\n        <!-- Proceso de interpretaci\u00f3n -->\n        <section class=\"card-section\" aria-label=\"Proceso de interpretaci\u00f3n\">\n            <div class=\"card-content\">\n                <h2>\ud83e\uddcf How is a song interpreted in sign language?<\/h2>\n                <p class=\"simple-text fade-in\">Emely and Paola studied Special Education with a specialization in deaf education at the University of Puerto Rico (UPR) in R\u00edo Piedras, but they continued their studies at LSPR institutions to become interpreters and master the details of sign language, which they consider to be a<strong> \u201cPuerto Rican deaf culture.\u201d<\/strong>.<\/p>\n                <p class=\"simple-text fade-in\">Both agreed that interpreting a conversation is not the same as interpreting a concert, as it requires additional preparation focused on three fundamental elements: understanding the message of each song, the emotion it conveys, and the artist&#8217;s idea behind the composition.\n<\/p>\n                <p class=\"simple-text fade-in\">&#8220;It&#8217;s not the same as interpreting a press conference or an interview, where you prepare with the vocabulary of what they are going to talk about and you must have a broad knowledge of the topics&#8230; Songs are a little more complicated,&#8221; said Emely.<\/p>\n                <p class=\"simple-text fade-in\">It&#8217;s about \u201cconceptualizing a song,\u201d added Paola about the creative process behind each interpretation.<\/p>\n                <p class=\"simple-text fade-in\">That&#8217;s why interpreters dance to the rhythm of the music, evoke the feelings of the artists and the audience, and show in signs when there is an instrumental solo, and provide details about the overall atmosphere throughout the event.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Preparaci\u00f3n - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Preparaci\u00f3n para los conciertos\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_0427-1.jpg\" alt=\"La int\u00e9rprete de LSPR Emely Font\u00e1nez durante concierto de Bad Bunny. (Suministrada por National Interpreters Puerto Rico)\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\">They didn&#8217;t have the song list until an hour before the concert began.\n<\/blockquote>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n\n        <!-- Detalles de preparaci\u00f3n -->\n        <section class=\"text-section\" aria-label=\"Detalles de la preparaci\u00f3n\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83d\udcda How did they prepare to interpret the concert at LSPR?<\/h2>\n                <p>Ideally, interpreters should have the list of songs that will be played at the concert in advance so that they can study them. In this case, <span class=\"highlight\">they did not have that list until an hour before the concert began<\/span>, which was a great challenge, especially for the first performance.<\/p>\n                <p>However, since National Interpreters Puerto Rico learned on July 7 that it would be one of four companies interpreting the concerts at the Residencia in LSPR, the interpreters began studying the songs of Benito Antonio Mart\u00ednez Ocasio, keeping in mind that the focus would be on his latest album, Deb\u00ed tirar m\u00e1s fotos.\n<\/p>\n                <p>\u201cWe divided the songs among the team and began to study them. This song: what is it about? Is it a sad song? Is it a song about heartbreak? Why did the artist really write that song? Then, we go verse by verse, line by line, conceptualizing from Spanish, in this case Bad Bunny, to sign language, because sign language has a different grammar,\u201d Emely explained.<\/p>\n                <p>In the case of songs with metaphors, Paola explained that they analyze the message behind each one. She gave the example of the phrase \u201cmy heart is on fire,\u201d which they do not interpret literally, but rather sign \u201cI am in love\u201d so that the message of the song is understood in LSPR.<\/p>\n            <\/div>\n        <\/section>\n        \n        <!-- Instagram Embed -->\n        <section class=\"instagram-section\" aria-label=\"Video de Instagram\">\n            <div class=\"instagram-content\">\n                <blockquote class=\"instagram-media\" data-instgrm-captioned data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DMGqE31yBjZ\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\" style=\" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\"><div style=\"padding:16px;\"> <a href=\"https:\/\/www.instagram.com\/reel\/DMGqE31yBjZ\/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;\" target=\"_blank\"> <div style=\" display: flex; flex-direction: row; align-items: center;\"> <div style=\"background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div> <div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\"> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div><\/div><\/div><div style=\"padding: 19% 0;\"><\/div> <div style=\"display:block; height:50px; margin:0 auto 12px; width:50px;\"><svg width=\"50px\" height=\"50px\" viewBox=\"0 0 60 60\" version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g transform=\"translate(-511.000000, -20.000000)\" fill=\"#000000\"><g><path d=\"M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631\"><\/path><\/g><\/g><\/g><\/svg><\/div><div style=\"padding-top: 8px;\"> <div style=\" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;\">View this post on Instagram<\/div><\/div><div style=\"padding: 12.5% 0;\"><\/div> <div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\"><div> <div style=\"background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div> <div style=\"background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div> <div style=\"background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div><\/div><div style=\"margin-left: 8px;\"> <div style=\" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div> <div style=\" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)\"><\/div><\/div><div style=\"margin-left: auto;\"> <div style=\" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div> <div style=\" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div> <div style=\" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div><\/div><\/div> <div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\"> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div><\/div><\/a><p style=\" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;\"><a href=\"https:\/\/www.instagram.com\/reel\/DMGqE31yBjZ\/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;\" target=\"_blank\">A post shared by National Interpreters (@nationalinterpreterspr)<\/a><\/p><\/div><\/blockquote>\n                <script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\n            <\/div>\n        <\/section>\n\n        <!-- Ejemplo Hawaii -->\n        <section class=\"card-section\" aria-label=\"Ejemplo de interpretaci\u00f3n\">\n            <div class=\"card-content\">\n                <h2>\ud83e\udd14 How do you interpret, for example, Lo que le pas\u00f3 a Hawaii?<\/h2>\n                <p class=\"simple-text fade-in\">Both of them performed this song in the second and third performances of the Residency and emphasized that, beyond the conceptualization and explanation of social criticism, they tried to convey the feeling of the composition.<\/p>\n                <p class=\"simple-text fade-in\"><strong>\u201cI see that song as one of suffering, sorrow, and anguish, and that has to be seen in the gestures of a performer,\u201d<\/strong>, said Paola.<\/p>\n                <p class=\"simple-text fade-in\">Emely added that in the chorus that says, \u201cThey want to take away my river,\u201d in that context, \u201cit refers to people, specifically Americans and people from other countries, who want to take over our lands, and that&#8217;s the interpretation&#8230; That&#8217;s how we conceptualize it.\u201d<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Trabajo en equipo -->\n        <section class=\"text-section\" aria-label=\"Trabajo en equipo\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83d\udd22 How many people are needed to interpret a concert in LSPR?<\/h2>\n                <p>In this case, each performance has had <span class=\"highlight\"> three interpreters<\/span> working together. When one interprets, there is another in front anticipating what the song might say, so they help each other to make the interpretation as clear and accurate as possible.<\/p>\n                <p>One of the interpreters printed out almost all of Bad Bunny&#8217;s lyrics so they would be available in case they were sung.\n<\/p>\n                <p>\u201cIt&#8217;s a lot of mental and physical strain\u201d to do a job like this, said Emely, who was exhausted after interpreting the concert.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Malas palabras - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Sobre el contenido sin filtros\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_2848-2-scaled.jpeg\" alt=\"Int\u00e9rpretes transmitiendo el mensaje aut\u00e9ntico sin filtros durante el concierto\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\">\u275dJust as a ramp provides accessibility for a person in a wheelchair, an interpreter provides accessibility for a deaf person.\u275e<\/blockquote>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Trabajo en equipo -->\n        <section class=\"text-section\" aria-label=\"Trabajo en equipo\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83d\ude4c Why interpret concerts in sign language?<\/h2>\n                <p>\u201cThe importance of having sign language interpreters is that we are practically there as a bridge of communication&#8230; Really, we have the same function as a ramp: we are accessibility,\u201d explained Emely.<\/p>\n                <p>The LSPR interpreter added that \u201cwe all have the right to enjoy art,\u201d especially knowing that Puerto Rican culture is expressed so much through music.<\/p>\n            <\/div>\n        <\/section>\n        \n                <!-- Importancia - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Importancia de la interpretaci\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_0345-Large.webp\" alt=\"La importancia de la interpretaci\u00f3n en LSPR como puente de comunicaci\u00f3n\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Detalles sobre autenticidad -->\n        <section class=\"text-section\" aria-label=\"Autenticidad en la interpretaci\u00f3n\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83e\udd2c Do you filter out the \u201cbad words\u201d in the songs?<\/h2>\n                <p>\u201cDeaf people have the right to enjoy it in the same way that we as listeners do. If what you hear is vulgar, it&#8217;s going to come across as vulgar because, clearly, you have to interpret what you hear and not put filters on it to soften things. It is what it is. It&#8217;s simply accessibility,\u201d explained Paola.<\/p>\n                <p>Emely pointed out that in LSPR &#8220;there are bad words too. It&#8217;s a language like any other, and these are words from Puerto Rico.&#8221; Therefore, in a song like Safaera, the message is conveyed as it is.<\/p>\n                <p>\u201cI am the bridge. I forget that I am Emely, I forget that I am a teacher. My mom and dad know that I am working. And, literally, it&#8217;s about conveying the message as it is,\u201d she added.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Importancia - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Importancia de la interpretaci\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_2899-2-scaled.jpeg\" alt=\"La importancia de la interpretaci\u00f3n en LSPR como puente de comunicaci\u00f3n\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Quote sobre importancia -->\n        <section class=\"quote-section\" aria-label=\"Importancia de la interpretaci\u00f3n\">\n            <div class=\"quote-wrapper\">\n                <blockquote class=\"main-quote fade-in\">\u275dThe importance of having sign language interpreters is that we are practically there as a bridge of communication. Just as a ramp provides accessibility for a person in a wheelchair, an interpreter provides accessibility for a deaf person.\u275e<\/blockquote>\n                <cite class=\"quote-author\">Emely Font\u00e1nez<\/cite>\n            <\/div>\n        <\/section>\n\n        <!-- Cultura sorda - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Cultura sorda puertorrique\u00f1a\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/c727469d-b748-453f-8d54-6bd46ba16a05-scaled.webp\" alt=\"Yenitza Rivera, 32 a\u00f1os, maestra de Educaci\u00f3n Especial especializada en sordos e int\u00e9rprete de lenguaje de se\u00f1as. (Suministrada por National Interpreters Puerto Rico)\" class=\"narrative-bg-image\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                    <div class=\"photo-caption\">Yenitza Rivera, 32, special education teacher specializing in deaf students and sign language interpreter. (Provided by National Interpreters Puerto Rico) (caption)<\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Informaci\u00f3n sobre cultura sorda -->\n        <section class=\"text-section\" aria-label=\"Cultura sorda puertorrique\u00f1a\">\n            <div class=\"text-content fade-in\">\n                <h2>What is Puerto Rican deaf culture like?<\/h2>\n                <p>For Gabriel Cuadrado, a 22-year-old graphic designer who belongs to the deaf community, there is a <span class=\"highlight\">\u201cPuerto Rican deaf culture\u201d<\/span> that, like our Puerto Rican culture, is made up of people who \u201chave a lot of energy and good vibes.\u201d<\/p>\n                \n                <div class=\"portrait-container fade-in\">\n            <div class=\"portrait-frame\">\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/99e9cb81-fbb6-4a22-b766-5ae860b18c5e.jpg\" \n                     alt=\"Gabriel Cuadrado, dise\u00f1ador gr\u00e1fico de 22 a\u00f1os y miembro de la comunidad sorda\" \n                     class=\"portrait-image\" \n                     loading=\"lazy\" \n                     decoding=\"async\">\n            <\/div>\n            <p class=\"portrait-caption\">Gabriel Cuadrado, graphic designer and member of the deaf community.<\/p>\n        <\/div>\n                <p>\u201cWe are a community that pitches in to support each other, and that is something very Puerto Rican. It is something I feel, appreciate, and am proud of that identity I have accepted,\u201d Gabriel said in an interview with Platea.<\/p>\n                <p>For him, it is important \u201cnot to tell deaf people that they cannot achieve certain things.\u201d On the contrary, \u201cas a deaf person, I know that I can achieve anything I set my mind to and not be inferior to other people&#8230; I want to tell (other deaf people) that they can do it, and that is something very significant and cultural in the deaf community of Puerto Rico.\u201d<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Experiencia de Gabriel -->\n        <section class=\"text-section\" aria-label=\"Experiencia de la comunidad sorda\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83e\udef6 How has the deaf community welcomed interpreters at concerts?<\/h2>\n                <p>Gabriel said that his concert experience has been transformed by having an LSPR interpreter.<\/p>\n                <p>Without an LSPR interpreter, \u201cit&#8217;s not like I&#8217;m involved in the same enjoyment that everyone else is having,\u201d Gabriel said.<\/p>\n                <p>\u201cWhen we have the LSPR interpreter, I can see the stage, the audience, everyone is connected, I can also connect with the singer&#8217;s message and understand those songs. That&#8217;s where I connect with the message and the intention,\u201d Gabriel said.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Quote de Gabriel -->\n        <section class=\"quote-section\" aria-label=\"Testimonio de Gabriel\">\n            <div class=\"quote-wrapper\">\n                <blockquote class=\"main-quote fade-in\">\u275dIt&#8217;s good to have an interpreter there to provide access to the deaf community\u275e.<\/blockquote>\n                <cite class=\"quote-author\">Gabriel Cuadrado, graphic designer and member of the deaf community<\/cite>\n            <\/div>\n        <\/section>\n\n        <!-- Secci\u00f3n de recursos para aprender LSPR -->\n        <section class=\"resources-section\" aria-label=\"D\u00f3nde aprender LSPR\">\n            <div class=\"resources-content\">\n                <h2 class=\"fade-in\">Where can you learn Puerto Rican Sign Language (LSPR)?<\/h2>\n                <div class=\"resources-scroll-container\">\n                    <div class=\"resources-grid\">\n                        <div class=\"resource-item ga-resource\" data-resource=\"estudiaz\">\n                            <h3><a href=\"https:\/\/www.estudiaz.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">ESTUDIAZ<\/a><\/h3>\n                            <div class=\"resource-location\">San Juan<\/div>\n                            <p>This educational institution offers specialized services for the deaf community and their families. They offer sign language courses for children, young people, and adults at basic, intermediate, and advanced levels. It is the school where Gabriel Cuadrado teaches LSPR classes.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"upr-decep\">\n                            <h3><a href=\"https:\/\/decep.uprrp.edu\/curso\/lenguaje-de-senas-basico\/\" target=\"_blank\" rel=\"noopener noreferrer\">Divisi\u00f3n de Educaci\u00f3n Continua y Estudios Profesionales (DECEP) de la UPR<\/a><\/h3>\n                            <div class=\"resource-location\">R\u00edo Piedras (San Juan)<\/div>\n                            <p><a href=\"https:\/\/www.upr.edu\/desarrolloprofesional\/wp-content\/uploads\/sites\/99\/2020\/03\/Curso-B%C3%A1sico-de-lenguaje-de-Se%C3%B1as.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Basic Course<\/a> offered in person on Saturdays at the UPR in R\u00edo Piedras. It is also offered at <a href=\"https:\/\/decepenlinea.upra.edu\/product\/lenguaje-de-senas-basico\/\" target=\"_blank\" rel=\"noopener noreferrer\">DECEP at the UPR in Arecibo<\/a>.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"ana-mendez\">\n                            <h3><a href=\"https:\/\/continua.agmu.edu\/producto\/lenguaje-de-senas-basico\/\" target=\"_blank\" rel=\"noopener noreferrer\">Universidad Ana G. M\u00e9ndez<\/a><\/h3>\n                            <div class=\"resource-location\">Cupey (San Juan)<\/div>\n                            <p>Basic sign language course and study of cultural aspects of the deaf community. Offered in person on Saturdays. They also offer degrees in \n <a href=\"https:\/\/uagm.edu\/es\/oferta-academica\/programas\/interpretacion-de-lenguaje-de-senas\" target=\"_blank\" rel=\"noopener noreferrer\">Sign Language Interpretation<\/a> at the Gurabo campus.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"interamericana\">\n                            <h3><a href=\"https:\/\/inter.smartcatalogiq.com\/en\/2023-2024\/catalogo-graduado-2022-2023\/programas-de-certificados-profesionales-maestr-a-y-doctorado\/interpretaci-n-en-lenguaje-de-se-as-certificado-profesional-posbachillerato\/\" target=\"_blank\" rel=\"noopener noreferrer\">Universidad Interamericana<\/a><\/h3>\n                            <div class=\"resource-location\">Recinto de San Germ\u00e1n<\/div>\n                            <p>Offers a professional certificate in Sign Language Interpretation.\n<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"asles\">\n                            <h3><a href=\"https:\/\/aslescorp.com\/cursos-de-lengua-de-senas\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advancement in Sign Language Education &#038; Services (ASLES)<\/a><\/h3>\n                            <div class=\"resource-location\">San Juan<\/div>\n                            <p>This corporation offers interpreting services and sign language classes at the basic, intermediate, and advanced levels, as well as classes for sign language interpreters into Spanish.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"sl-interpreters\">\n                            <h3><a href=\"https:\/\/www.slinterpreters.com\/informacion-de-servicios\" target=\"_blank\" rel=\"noopener noreferrer\">Sign Language Interpreters Puerto Rico<\/a><\/h3>\n                            <div class=\"resource-location\">M\u00faltiples ubicaciones<\/div>\n                            <p>They offer sign language interpretation services into Spanish and classes at different levels in various locations in Puerto Rico: San Juan, Guaynabo, Ponce, Mayag\u00fcez, Arecibo, and Humacao.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"sos\">\n                            <h3><a href=\"https:\/\/www.sospr.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Servicios Orientados al Sordo Inc.<\/a><\/h3>\n                            <div class=\"resource-location\">San Juan<\/div>\n                            <p>Offers courses at different levels and interpretation courses. Also offers interpretation services and workshops.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"vianka\">\n                            <h3><a href=\"https:\/\/aprendesenasconvianka.my.canva.site\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn Sign Language with Vianka<\/a><\/h3>\n                            <div class=\"resource-location\">Bayam\u00f3n<\/div>\n                            <p>Interpreter and partially deaf Vianka Zayas offers these basic sign language courses and workshops.\n<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"gurabo-gratis\">\n                            <h3><a href=\"https:\/\/www.facebook.com\/photo\/?fbid=10161962373534317&#038;set=pcb.10162273657452773\" target=\"_blank\" rel=\"noopener noreferrer\">Clases gratis de lenguaje de se\u00f1as en Gurabo<\/a><\/h3>\n                            <div class=\"resource-location\">Gurabo<\/div>\n                            <p>Basic, intermediate, and advanced levels. Offered at the Cultural Development and Fine Arts Center. Call 787-712-1100 ext. 254\/276 for more information.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Historia del Choli -->\n        <section class=\"text-section\" aria-label=\"Historia del Choliseo\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83c\udfb6 Since when has the Choliseo had interpreters?<\/h2>\n                <p>At the end of March, the Coliseo de Puerto Rico Jos\u00e9 Miguel Agrelot (the \u201cCholi\u201d) launched the first phase of the \u201cSign Language at the Choli\u201d project to make entertainment more accessible and inclusive for people with hearing impairments, who number more than 150,000 in Puerto Rico, or 4.7% of the population, according to the 2021 Census.\n<\/p>\n                <p>This initiative is part of the Sign Check project and allows for a strategic space to be set aside at the Choli for the deaf community with preferential visibility toward LSPR interpreters, so that they can enjoy concerts in the designated area.\n<\/p>\n                <p><span class=\"highlight\">Challenges that persist.<\/span> Although deaf people are placed in a specific area, they are sometimes far from the interpreters, so they cannot necessarily see clearly what is being said, especially if the deaf person has vision problems, said Emely and Paola.\n<\/p>\n                <p>Another challenge is lighting, which is sometimes poor and does not allow for clear viewing of the interpretation. \u201cThere are many things that are being refined over time,\u201d said Paola.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Consejos para accesibilidad -->\n        <section class=\"tips-section\" aria-label=\"Consejos para hacer el mundo m\u00e1s accesible\">\n            <div class=\"tips-content\">\n                <h2>\ud83e\uddcf 8 tips for making the world more accessible to the deaf community<\/h2>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">1<\/span>\u201cBe empathetic\u201d<\/h3>\n                    <p>For Gabriel, as part of the deaf community, the most important thing for those who are not part of his community is to be empathetic and open to communicating in any way possible.\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">2<\/span>\u201cDon&#8217;t be afraid or feel sorry for them\u201d<\/h3>\n                    <p>For Emely, the lack of knowledge about Puerto Rican Sign Language (LSPR) and the deaf community can lead you to be afraid or feel sorry for them, but these are attitudes you should put aside \u201cbecause they are still human beings and, in the case of adults, they are independent.\u201d\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">3<\/span>\u201c(You have to) be open to communicating\u201d<\/h3>\n                    <p>It is always possible to \u201cfind a way\u201d to get a message across, either by explaining slowly or by writing, Emely said. \u201cThey know that not everyone knows sign language. They are prepared, they have their techniques (for communicating),\u201d she added.\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">4<\/span>Learn sign language or, at least, how to spell with your hands<\/h3>\n                    <p>Gabriel knows that it is difficult for everyone to know sign language, but at least having a minimum knowledge of basic words or the alphabet in sign language to spell can help with communication.\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">5<\/span> Ask the deaf person how they want to communicate.<\/h3>\n                    <p>You can ask, \u201cDo you want to write or use your phone?\u201d \u201cMaybe the person will talk to you, because some people are skilled at using their voice and reading lips. Others are not and prefer to show you a photo or point. Give them that space,\u201d said Emely.<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">6<\/span>Convey the message without filters<\/h3>\n                    <p>\u201cYou have to interpret what you hear and not filter it to soften things,\u201d said Paola.<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">7<\/span>Learn more about the deaf community<\/h3>\n                    <p>Gabriel said it is important for people to be interested in learning about the deaf community and its needs.<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">8<\/span>At the government level, interpreter services need to be expanded<\/h3>\n                    <p>Gabriel pointed out that the lack of qualified interpreters can impact the services received by the deaf community, so expanding these offerings can reduce communication barriers. It can also help them gain access to jobs and achieve independence.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Secci\u00f3n de eventos -->\n        <section class=\"events-section\" aria-label=\"Eventos para la comunidad sorda\">\n            <div class=\"events-content\">\n                <h2 class=\"fade-in\">Events for the deaf community in Puerto Rico<\/h2>\n                <div class=\"events-scroll-container\">\n                    <div class=\"events-grid\">\n                        <div class=\"event-item fade-in ga-event\" data-event=\"guaynabo\">\n                            <h3>Guaynabo<\/h3>\n                            <div class=\"event-date\">Every Wednesday from 6:00 p.m. to 10:00 p.m.<\/div>\n                            <p>At Starbucks in Guaynabo (La Plazoleta 169). Organized by Servicios Orientados al Sordo Inc.<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in ga-event\" data-event=\"mayaguez\">\n                            <h3>Mayag\u00fcez<\/h3>\n                            <div class=\"event-date\">Thursdays (date may vary) from 6:00 p.m. to 10:00 p.m.<\/div>\n                            <p>At Starbucks in Plaza Sultana. Meeting for the deaf organized by Servicios Orientados al Sordo Inc.<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in ga-event\" data-event=\"observacion\">\n                            <h3><a href=\"https:\/\/www.facebook.com\/events\/1396696184920826\/\" target=\"_blank\" rel=\"noopener noreferrer\">Barrier-free observation: 1st Astronomy Observation Night for the Deaf Community<\/a><\/h3>\n                            <div class=\"event-date\">August 2, 2025, at 7:30 p.m.<\/div>\n                            <p>At the Terrace of the Institute of Puerto Rican Culture in Old San Juan.\n<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in ga-event\" data-event=\"dia-nacional\">\n                            <h3><a href=\"https:\/\/www.facebook.com\/share\/p\/19tjNceeCJ\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\">4th National Day of the Puerto Rican Deaf Community<\/a><\/h3>\n                            <div class=\"event-date\">September 27, 2025, from 10 a.m. to 5 p.m.<\/div>\n                            <p>At the Ram\u00f3n Emeterio Betances Convention Center in Cabo Rojo. Organized by Sordos Unidos de Puerto Rico Inc.\n<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in dates-highlight\">\n                            <h3>Important dates &#8211; Annual calendar<\/h3>\n                            <div class=\"event-date\">Calendario anual<\/div>\n                            <p><strong>September 28:<\/strong>  National Deaf Day in Puerto Rico<\/p>\n                            <p><strong>Last week of September:<\/strong> Puerto Rico Deaf Community Rights Awareness Week<\/p>\n                            <p><strong>Last Friday of September:<\/strong> Sign Language Interpreter Day<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Conclusi\u00f3n final -->\n        <section class=\"narrative-section\" aria-label=\"Conclusi\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/4W2A0836-scaled.webp\" alt=\"La interpretaci\u00f3n en LSPR como arte y forma de inclusi\u00f3n en conciertos\" class=\"narrative-bg-image\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\">\u275dWe all have the right to enjoy art, especially knowing that Puerto Rican culture is expressed so much through music.\u275e<\/blockquote>\n                    <cite class=\"quote-author\">Emely Font\u00e1nez, LSPR interpreter<\/cite>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n\n<script>\n;(() => {\n  const container = document.getElementById(\"lspr-narrativa-completa-2025\")\n  if (!container) return\n\n  \/\/ Declare gtag variable\n  const gtag = window.gtag || (() => {})\n\n  \/\/ PERFORMANCE: Throttle scroll events\n  function throttle(func, limit) {\n    let inThrottle\n    return function () {\n      const args = arguments\n\n      if (!inThrottle) {\n        func.apply(this, args)\n        inThrottle = true\n        setTimeout(() => (inThrottle = false), limit)\n      }\n    }\n  }\n\n  \/\/ PERFORMANCE: Debounce resize events\n  function debounce(func, wait) {\n    let timeout\n    return function executedFunction(...args) {\n      const later = () => {\n        clearTimeout(timeout)\n        func(...args)\n      }\n      clearTimeout(timeout)\n      timeout = setTimeout(later, wait)\n    }\n  }\n\n  \/\/ GOOGLE ANALYTICS: Send events function\n  function sendGAEvent(action, category, label, value) {\n    if (typeof gtag !== \"undefined\") {\n      gtag(\"event\", action, {\n        event_category: category,\n        event_label: label,\n        value: value,\n      })\n    }\n  }\n\n  function setupMobileNavigation() {\n    const mobileToggle = container.querySelector(\".mobile-nav-toggle\")\n    const mobileMenu = container.querySelector(\".mobile-nav-overlay\")\n    const mobileClose = container.querySelector(\".mobile-nav-close\")\n\n    if (mobileToggle && mobileMenu && mobileClose) {\n      const closeMenu = () => {\n        mobileMenu.classList.remove(\"active\")\n        document.body.classList.remove(\"mobile-menu-open\")\n        \/\/ SMOOTH: Reset scroll position\n        document.body.style.top = \"\"\n        window.scrollTo(0, Number.parseInt(document.body.dataset.scrollY || \"0\"))\n      }\n\n      const openMenu = () => {\n        \/\/ PREVENT JUMPING: Store current scroll position\n        const scrollY = window.scrollY\n        document.body.dataset.scrollY = scrollY\n        document.body.style.top = `-${scrollY}px`\n\n        mobileMenu.classList.add(\"active\")\n        document.body.classList.add(\"mobile-menu-open\")\n      }\n\n      mobileToggle.addEventListener(\"click\", (e) => {\n        e.preventDefault()\n        e.stopPropagation()\n        openMenu()\n        sendGAEvent(\"mobile_menu_open\", \"navigation\", \"hamburger_menu\")\n      })\n\n      mobileClose.addEventListener(\"click\", (e) => {\n        e.preventDefault()\n        e.stopPropagation()\n        closeMenu()\n        sendGAEvent(\"mobile_menu_close\", \"navigation\", \"close_button\")\n      })\n\n      const mobileLinks = mobileMenu.querySelectorAll(\".mobile-nav-link\")\n      mobileLinks.forEach((link) => {\n        link.addEventListener(\"click\", () => {\n          closeMenu()\n          sendGAEvent(\"mobile_menu_link_click\", \"navigation\", link.textContent.trim())\n        })\n      })\n\n      mobileMenu.addEventListener(\"click\", (e) => {\n        if (e.target === mobileMenu) {\n          closeMenu()\n          sendGAEvent(\"mobile_menu_close\", \"navigation\", \"overlay_click\")\n        }\n      })\n\n      document.addEventListener(\"keydown\", (e) => {\n        if (e.key === \"Escape\" && mobileMenu.classList.contains(\"active\")) {\n          closeMenu()\n          sendGAEvent(\"mobile_menu_close\", \"navigation\", \"escape_key\")\n        }\n      })\n    }\n  }\n\n  \/\/ IMPROVED: Intersection Observer with better performance + GA tracking\n  const observerOptions = {\n    threshold: 0.2,\n    rootMargin: \"0px 0px -100px 0px\",\n  }\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        const element = entry.target\n        \/\/ PERFORMANCE: Use requestAnimationFrame for smooth animations\n        requestAnimationFrame(() => {\n          element.classList.add(\"visible\")\n        })\n\n        \/\/ GA: Track section views\n        const sectionName =\n          element.getAttribute(\"aria-label\") ||\n          element.closest(\"section\")?.getAttribute(\"aria-label\") ||\n          \"unknown-section\"\n        sendGAEvent(\"section_view\", \"lspr_scrollytelling\", sectionName)\n\n        observer.unobserve(element)\n      }\n    })\n  }, observerOptions)\n\n  \/\/ Observe elements with better performance\n  const elementsToObserve = container.querySelectorAll(\n    \".fade-in, .narrative-quote, .main-quote, .simple-text, .tip-item, .event-item, .resource-item\",\n  )\n  elementsToObserve.forEach((el) => {\n    observer.observe(el)\n  })\n\n  \/\/ SMOOTH HORIZONTAL SCROLLING: Improved momentum + GA tracking\n  function setupSmoothHorizontalScroll(selector, category) {\n    const scrollContainer = container.querySelector(selector)\n    if (!scrollContainer) return\n\n    let isScrolling = false\n    let scrollTimeout\n\n    \/\/ PERFORMANCE: Throttled scroll handler with GA tracking\n    const handleScroll = throttle(() => {\n      if (!isScrolling) {\n        isScrolling = true\n        scrollContainer.style.scrollBehavior = \"smooth\"\n      }\n\n      clearTimeout(scrollTimeout)\n      scrollTimeout = setTimeout(() => {\n        isScrolling = false\n        scrollContainer.style.scrollBehavior = \"smooth\"\n\n        \/\/ GA: Track horizontal scroll progress\n        const scrollPercent = Math.round(\n          (scrollContainer.scrollLeft \/ (scrollContainer.scrollWidth - scrollContainer.clientWidth)) * 100,\n        )\n        sendGAEvent(\"horizontal_scroll\", category, `${scrollPercent}%`, scrollPercent)\n      }, 300)\n    }, 16) \/\/ ~60fps\n\n    scrollContainer.addEventListener(\"scroll\", handleScroll, { passive: true })\n\n    \/\/ TOUCH IMPROVEMENTS: Better momentum on mobile\n    let startX = 0\n    let scrollLeft = 0\n    let isDown = false\n\n    scrollContainer.addEventListener(\n      \"touchstart\",\n      (e) => {\n        isDown = true\n        startX = e.touches[0].pageX - scrollContainer.offsetLeft\n        scrollLeft = scrollContainer.scrollLeft\n        scrollContainer.style.scrollBehavior = \"auto\"\n      },\n      { passive: true },\n    )\n\n    scrollContainer.addEventListener(\"touchmove\", (e) => {\n      if (!isDown) return\n      e.preventDefault()\n      const x = e.touches[0].pageX - scrollContainer.offsetLeft\n      const walk = (x - startX) * 2\n      scrollContainer.scrollLeft = scrollLeft - walk\n    })\n\n    scrollContainer.addEventListener(\n      \"touchend\",\n      () => {\n        isDown = false\n        scrollContainer.style.scrollBehavior = \"smooth\"\n      },\n      { passive: true },\n    )\n  }\n\n  \/\/ Apply smooth scrolling to horizontal containers with GA tracking\n  setupSmoothHorizontalScroll(\".resources-scroll-container\", \"resources_lspr\")\n  setupSmoothHorizontalScroll(\".events-scroll-container\", \"events_deaf\")\n\n  \/\/ GA: Track resource clicks\n  container.querySelectorAll(\".ga-resource a, .ga-link\").forEach((link) => {\n    link.addEventListener(\"click\", () => {\n      const category =\n        link.closest(\".ga-resource\")?.getAttribute(\"data-resource\") ||\n        link.getAttribute(\"data-category\") ||\n        \"external_links\"\n      const label = link.getAttribute(\"data-label\") || link.textContent.trim().substring(0, 50) || link.href\n      sendGAEvent(\"resource_click\", category, label)\n    })\n  })\n\n  \/\/ GA: Track event clicks\n  container.querySelectorAll(\".ga-event\").forEach((eventItem) => {\n    eventItem.addEventListener(\"click\", (e) => {\n      if (e.target.tagName !== \"A\") {\n        const eventId = eventItem.getAttribute(\"data-event\") || \"unknown-event\"\n        const eventName = eventItem.querySelector(\"h3\")?.textContent.trim() || eventId\n        sendGAEvent(\"event_click\", \"deaf_events\", eventName)\n      }\n    })\n\n    eventItem.querySelectorAll(\"a\").forEach((link) => {\n      link.addEventListener(\"click\", (e) => {\n        e.stopPropagation()\n        const eventId = eventItem.getAttribute(\"data-event\") || \"unknown-event\"\n        sendGAEvent(\"event_link_click\", \"deaf_events\", eventId)\n      })\n    })\n  })\n\n  \/\/ GA: Track scroll depth\n  let maxScrollDepth = 0\n  const scrollMilestones = [25, 50, 75, 90, 100]\n  const reachedMilestones = new Set()\n\n  function trackScrollDepth() {\n    const scrollTop = window.pageYOffset\n    const docHeight = document.documentElement.scrollHeight - window.innerHeight\n    if (docHeight <= 0) return\n\n    const scrollPercent = Math.round((scrollTop \/ docHeight) * 100)\n    if (scrollPercent > maxScrollDepth) {\n      maxScrollDepth = scrollPercent\n      scrollMilestones.forEach((milestone) => {\n        if (scrollPercent >= milestone && !reachedMilestones.has(milestone)) {\n          reachedMilestones.add(milestone)\n          sendGAEvent(\"scroll_depth\", \"engagement\", `lspr_scrollytelling_${milestone}%`, milestone)\n        }\n      })\n    }\n  }\n\n  \/\/ GA: Track time on page\n  const startTime = Date.now()\n  window.addEventListener(\"beforeunload\", () => {\n    const timeSpent = Math.round((Date.now() - startTime) \/ 1000)\n    sendGAEvent(\"time_on_page\", \"engagement\", \"lspr_scrollytelling_seconds\", timeSpent)\n  })\n\n  \/\/ PERFORMANCE: Optimize image loading\n  function optimizeImages() {\n    const images = container.querySelectorAll('img[loading=\"lazy\"]')\n\n    \/\/ Use Intersection Observer for better lazy loading\n    const imageObserver = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            const img = entry.target\n            \/\/ PREVENT LAYOUT SHIFTS: Set dimensions before loading\n            if (!img.style.aspectRatio && img.dataset.aspectRatio) {\n              img.style.aspectRatio = img.dataset.aspectRatio\n            }\n            imageObserver.unobserve(img)\n          }\n        })\n      },\n      {\n        rootMargin: \"50px 0px\", \/\/ Load images slightly before they come into view\n      },\n    )\n\n    images.forEach((img) => {\n      imageObserver.observe(img)\n    })\n  }\n\n  \/\/ PERFORMANCE: Optimize scroll performance\n  function optimizeScrollPerformance() {\n    let ticking = false\n\n    function updateScrollElements() {\n      \/\/ Track scroll depth for GA\n      trackScrollDepth()\n      ticking = false\n    }\n\n    function requestTick() {\n      if (!ticking) {\n        requestAnimationFrame(updateScrollElements)\n        ticking = true\n      }\n    }\n\n    window.addEventListener(\"scroll\", requestTick, { passive: true })\n  }\n\n  \/\/ RESPONSIVE: Handle orientation changes smoothly\n  function handleOrientationChange() {\n    \/\/ PREVENT JUMPING: Recalculate dimensions after orientation change\n    setTimeout(() => {\n      const scrollContainers = container.querySelectorAll(\".resources-scroll-container, .events-scroll-container\")\n      scrollContainers.forEach((container) => {\n        \/\/ Force reflow to prevent jumping\n        container.style.transform = \"translateZ(0)\"\n      })\n    }, 100)\n  }\n\n  window.addEventListener(\"orientationchange\", debounce(handleOrientationChange, 250))\n  window.addEventListener(\"resize\", debounce(handleOrientationChange, 250))\n\n  \/\/ ACCESSIBILITY: Reduce motion for users who prefer it\n  function respectMotionPreferences() {\n    const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\")\n\n    if (prefersReducedMotion.matches) {\n      container.style.scrollBehavior = \"auto\"\n      \/\/ Disable smooth scrolling for horizontal containers\n      const scrollContainers = container.querySelectorAll(\".resources-scroll-container, .events-scroll-container\")\n      scrollContainers.forEach((scrollContainer) => {\n        scrollContainer.style.scrollBehavior = \"auto\"\n      })\n    }\n  }\n\n  \/\/ INITIALIZATION\n  function init() {\n    setupMobileNavigation()\n    optimizeImages()\n    optimizeScrollPerformance()\n    respectMotionPreferences()\n\n    \/\/ PERFORMANCE: Mark as loaded\n    container.setAttribute(\"data-loaded\", \"true\")\n  }\n\n  \/\/ Initialize when DOM is ready\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init)\n  } else {\n    init()\n  }\n})()\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u2630 Homepage Itineraries Travel Map Directory About Spanish \u2715 Homepage PR Itineraries Travel Guide Map Directory About Us In Spanish The art of interpreting songs in sign language Two interpreters who worked at Bad Bunny&#8217;s concert tell us how they do their job and its importance to the deaf community. julio 21, 2025 By Cindy [&hellip;]<\/p>\n","protected":false},"author":52,"featured_media":6104,"comment_status":"closed","ping_status":"open","sticky":false,"template":"template-plain-hub.php","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[89],"post_tag":[98],"authors":[167],"page_type":[],"geo_location":[],"class_list":["post-6103","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspirational","tag-featured-post","post_author-cindy-burgos-alvarado"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Bad Bunny Residency: The Art of Interpreting Songs in Sign Language | Platea<\/title>\n<meta name=\"description\" content=\"Two interpreters who worked at Bad Bunny&#039;s concert tell us how they do their job and its importance to the deaf community.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bad Bunny Residency: The Art of Interpreting Songs in Sign Language | Platea\" \/>\n<meta property=\"og:description\" content=\"Two interpreters who worked at Bad Bunny&#039;s concert tell us how they do their job and its importance to the deaf community.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/\" \/>\n<meta property=\"og:site_name\" content=\"Platea\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-25T19:59:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-27T18:08:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Web-Hero-Images-pocillo-90-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\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/\"},\"author\":{\"name\":\"hroloncintron\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b\"},\"headline\":\"Bad Bunny Residency: The Art of Interpreting Songs in Sign Language\",\"datePublished\":\"2025-07-25T19:59:43+00:00\",\"dateModified\":\"2025-07-27T18:08:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/\"},\"wordCount\":2490,\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Web-Hero-Images-pocillo-90.png\",\"keywords\":[\"Featured Post\"],\"articleSection\":[\"Inspirational\"],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/#primaryimage\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Web-Hero-Images-pocillo-90.png\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Web-Hero-Images-pocillo-90.png\",\"width\":1280,\"height\":720,\"caption\":\"LSPR interpreter Emely Font\u00e1nez during Bad Bunny's concert. (Provided by National Interpreters Puerto Rico)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.plateapr.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inspirational\",\"item\":\"https:\/\/www.plateapr.com\/en\/category\/inspirational\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Bad Bunny Residency: The Art of Interpreting Songs in Sign Language\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#website\",\"url\":\"https:\/\/www.plateapr.com\/en\/\",\"name\":\"Platea\",\"description\":\"Curated guides from locals on what to do and where to eat in Puerto Rico\",\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.plateapr.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\",\"name\":\"Platea\",\"url\":\"https:\/\/www.plateapr.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/11\/platea-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Platea\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bad Bunny Residency: The Art of Interpreting Songs in Sign Language | Platea","description":"Two interpreters who worked at Bad Bunny's concert tell us how they do their job and its importance to the deaf community.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/","og_locale":"en_US","og_type":"article","og_title":"Bad Bunny Residency: The Art of Interpreting Songs in Sign Language | Platea","og_description":"Two interpreters who worked at Bad Bunny's concert tell us how they do their job and its importance to the deaf community.","og_url":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/","og_site_name":"Platea","article_published_time":"2025-07-25T19:59:43+00:00","article_modified_time":"2025-07-27T18:08:18+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Web-Hero-Images-pocillo-90-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\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/#article","isPartOf":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/"},"author":{"name":"hroloncintron","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b"},"headline":"Bad Bunny Residency: The Art of Interpreting Songs in Sign Language","datePublished":"2025-07-25T19:59:43+00:00","dateModified":"2025-07-27T18:08:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/"},"wordCount":2490,"publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/#primaryimage"},"thumbnailUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Web-Hero-Images-pocillo-90.png","keywords":["Featured Post"],"articleSection":["Inspirational"],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/#primaryimage","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Web-Hero-Images-pocillo-90.png","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Web-Hero-Images-pocillo-90.png","width":1280,"height":720,"caption":"LSPR interpreter Emely Font\u00e1nez during Bad Bunny's concert. (Provided by National Interpreters Puerto Rico)"},{"@type":"BreadcrumbList","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.plateapr.com\/en\/"},{"@type":"ListItem","position":2,"name":"Inspirational","item":"https:\/\/www.plateapr.com\/en\/category\/inspirational\/"},{"@type":"ListItem","position":3,"name":"Bad Bunny Residency: The Art of Interpreting Songs in Sign Language"}]},{"@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<style>\n\/* Encapsulaci\u00f3n completa con ID \u00fanico *\/\n#lspr-narrativa-completa-2025 {\n  --primary-color: #04d99d;\n  --secondary-color: #68b9ff;\n  --accent-color: #fecd6c;\n  --text-dark: #1a1a1a;\n  --text-light: #666;\n  --paper-white: #ffffff;\n  --background-cream: #f9f5e9;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n  line-height: 1.6;\n  color: var(--text-dark);\n  overflow-x: hidden;\n  background: var(--background-cream);\n  position: relative !important;\n\n  \/* SMOOTH SCROLLING IMPROVEMENTS *\/\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#lspr-narrativa-completa-2025 *,\n#lspr-narrativa-completa-2025 *::before,\n#lspr-narrativa-completa-2025 *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n}\n\n\/* PREVENT LAYOUT SHIFTS - Critical for mobile stability *\/\n#lspr-narrativa-completa-2025 img {\n  \/* Prevent layout shifts during image loading *\/\n  width: 100%;\n  height: auto;\n  display: block;\n  \/* GPU acceleration for smoother rendering *\/\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  \/* Smooth transitions *\/\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* SMOOTH TRANSFORMS - Use hardware acceleration *\/\n#lspr-narrativa-completa-2025 .fade-in,\n#lspr-narrativa-completa-2025 .narrative-quote,\n#lspr-narrativa-completa-2025 .main-quote,\n#lspr-narrativa-completa-2025 .simple-text,\n#lspr-narrativa-completa-2025 .tip-item,\n#lspr-narrativa-completa-2025 .event-item,\n#lspr-narrativa-completa-2025 .resource-item {\n  \/* Use will-change for elements that will animate *\/\n  will-change: transform, opacity;\n  \/* GPU acceleration *\/\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  \/* Smooth transitions with better easing *\/\n  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Navigation Menu *\/\n#lspr-narrativa-completa-2025 .top-navigation {\n  position: relative !important;\n  width: 100% !important;\n  background: #000 !important;\n  z-index: 100 !important;\n  padding: 1rem 0 !important;\n  \/* Prevent jumping during mobile menu transitions *\/\n  transform: translateZ(0);\n}\n\n\/* Hero Section - Pantalla completa inmersiva *\/\n#lspr-narrativa-completa-2025 .hero-section {\n  height: 120vh;\n  min-height: 700px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  background: #000;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .hero-background {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  \/* Prevent repaints *\/\n  will-change: transform;\n}\n\n#lspr-narrativa-completa-2025 .hero-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  filter: brightness(0.7) contrast(1.2);\n  \/* Smooth hover effects *\/\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .hero-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 100%);\n  z-index: 2;\n}\n\n#lspr-narrativa-completa-2025 .hero-content {\n  position: relative;\n  z-index: 3;\n  text-align: center;\n  color: white;\n  max-width: 900px;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .hero-title {\n  font-size: clamp(3rem, 8vw, 5rem);\n  font-weight: bold;\n  margin-bottom: 1rem;\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);\n  line-height: 1.1;\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeInUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;\n}\n\n#lspr-narrativa-completa-2025 .hero-deck {\n  font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n  font-style: italic;\n  max-width: 700px;\n  margin: 0 auto;\n  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeInUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) 1.5s forwards;\n}\n\n\/* Secciones narrativas MEJORADAS *\/\n#lspr-narrativa-completa-2025 .narrative-section {\n  position: relative;\n  background: var(--background-cream);\n  overflow: hidden;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .narrative-header {\n  position: relative;\n  height: 140vh;\n  min-height: 900px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  overflow: hidden;\n  padding-bottom: 8rem;\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  \/* Prevent repaints during scroll *\/\n  will-change: transform;\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 30%;\n  filter: brightness(0.9) contrast(1.1) saturate(1.1);\n  \/* Smoother hover transitions *\/\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  \/* Prevent layout shifts *\/\n  transform: translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .narrative-section:hover .narrative-bg-image {\n  transform: scale(1.02) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-image.vertical {\n  object-position: center center;\n  object-fit: cover;\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.1) 0%,\n    rgba(0, 0, 0, 0.2) 40%,\n    rgba(0, 0, 0, 0.4) 70%,\n    rgba(0, 0, 0, 0.85) 100%\n  );\n  z-index: 2;\n}\n\n#lspr-narrativa-completa-2025 .narrative-content {\n  position: relative;\n  z-index: 3;\n  text-align: center;\n  padding: 0 2rem;\n  max-width: 800px;\n  color: white;\n}\n\n#lspr-narrativa-completa-2025 .photo-caption {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 1rem 2rem 1.5rem 2rem;\n  font-size: 0.8rem;\n  line-height: 1.3;\n  color: rgba(255, 255, 255, 0.9);\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);\n  z-index: 2;\n  font-style: italic;\n  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);\n}\n\n#lspr-narrativa-completa-2025 .narrative-quote {\n  font-size: clamp(1.6rem, 4vw, 2.4rem);\n  font-style: italic;\n  line-height: 1.3;\n  text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.95), 1px 1px 4px rgba(0, 0, 0, 0.8);\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .narrative-quote.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Secciones de texto *\/\n#lspr-narrativa-completa-2025 .text-section {\n  background: var(--paper-white);\n  color: var(--text-dark);\n  padding: 80px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .text-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .text-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-weight: 700;\n  margin-bottom: 2rem;\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .text-section p {\n  font-size: clamp(1.2rem, 3vw, 1.4rem);\n  line-height: 1.7;\n  margin-bottom: 2rem;\n  opacity: 0.9;\n}\n\n#lspr-narrativa-completa-2025 .highlight {\n  color: var(--secondary-color);\n  font-weight: 600;\n}\n\n\/* Secciones de tarjeta *\/\n#lspr-narrativa-completa-2025 .card-section {\n  background: var(--background-cream);\n  padding: 80px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .card-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .card-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-weight: 700;\n  margin-bottom: 2.5rem;\n  text-align: center;\n  color: var(--text-dark);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .simple-text {\n  font-size: clamp(1.2rem, 3vw, 1.4rem);\n  line-height: 1.7;\n  margin-bottom: 2rem;\n  color: var(--text-dark);\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .simple-text.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .simple-text strong {\n  color: var(--secondary-color);\n  font-weight: 600;\n}\n\n\/* Secciones de Cita *\/\n#lspr-narrativa-completa-2025 .quote-section {\n  background: var(--paper-white);\n  padding: 100px 0;\n  text-align: center;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .quote-wrapper {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .main-quote {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-style: italic;\n  line-height: 1.4;\n  margin-bottom: 2rem;\n  color: var(--text-dark);\n  position: relative;\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .main-quote.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .main-quote::before {\n  content: '\"';\n  font-size: 5rem;\n  color: var(--primary-color);\n  position: absolute;\n  top: -2rem;\n  left: -1rem;\n  opacity: 0.3;\n}\n\n#lspr-narrativa-completa-2025 .quote-author {\n  font-size: 1.2rem;\n  color: var(--text-light);\n  font-weight: 500;\n}\n\n\/* Secci\u00f3n de Consejos - FIXED FOR NO JUMPING *\/\n#lspr-narrativa-completa-2025 .tips-section {\n  background: var(--background-cream);\n  color: var(--text-dark);\n  padding: 80px 0; \/* Reduced from 100px *\/\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n  \/* CRITICAL: Fixed height to prevent jumping *\/\n  min-height: 600px;\n}\n\n#lspr-narrativa-completa-2025 .tip-item {\n  margin-bottom: 2rem; \/* Reduced from 3rem *\/\n  padding: 1.5rem 0; \/* Reduced from 2rem *\/\n  border-bottom: 1px solid rgba(104, 185, 255, 0.2);\n  opacity: 0;\n  transform: translateY(20px) translateZ(0); \/* Reduced from 30px *\/\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n  \/* CRITICAL: Fixed min-height to prevent jumping *\/\n  min-height: 120px;\n}\n\n#lspr-narrativa-completa-2025 .tip-item.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); \/* Faster transition *\/\n}\n\n\/* PREVENT JUMPING: Remove hover scale effect *\/\n#lspr-narrativa-completa-2025 .tip-item:hover .tip-number {\n  transform: translateZ(0); \/* Remove scale effect *\/\n  box-shadow: 0 4px 16px rgba(4, 217, 157, 0.3); \/* Keep original shadow *\/\n}\n\n#lspr-narrativa-completa-2025 .tips-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .tips-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-weight: 700;\n  margin-bottom: 3rem;\n  text-align: center;\n  color: var(--text-dark);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .tip-item h3 {\n  display: flex;\n  align-items: center;\n  font-size: 1.6rem;\n  color: var(--secondary-color);\n  margin-bottom: 1rem;\n  font-weight: 600;\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .tip-item p {\n  font-size: 1.2rem;\n  line-height: 1.6;\n  color: var(--text-dark);\n}\n\n#lspr-narrativa-completa-2025 .tip-number {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);\n  color: white;\n  border-radius: 50%;\n  font-size: 1.3rem;\n  font-weight: 700;\n  margin-right: 1.2rem;\n  flex-shrink: 0;\n  box-shadow: 0 4px 16px rgba(4, 217, 157, 0.3);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  \/* GPU acceleration *\/\n  transform: translateZ(0);\n}\n\n\/* Secci\u00f3n de Recursos - IMPROVED FOR MOBILE *\/\n#lspr-narrativa-completa-2025 .resources-section {\n  background: var(--paper-white);\n  padding: 100px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .resources-content {\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n#lspr-narrativa-completa-2025 .resources-section h2 {\n  font-size: clamp(2rem, 5vw, 3rem);\n  font-weight: 700;\n  text-align: center;\n  margin-bottom: 3rem;\n  color: var(--text-dark);\n  padding: 0 2rem;\n}\n\n\/* CRITICAL: Smooth horizontal scrolling *\/\n#lspr-narrativa-completa-2025 .resources-scroll-container {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n  padding: 20px 0 40px;\n  margin: 0 -20px;\n  \/* PREVENT JUMPING: Use momentum scrolling *\/\n  scroll-snap-type: x proximity;\n  \/* GPU acceleration *\/\n  transform: translateZ(0);\n  will-change: scroll-position;\n}\n\n#lspr-narrativa-completa-2025 .resources-scroll-container::-webkit-scrollbar {\n  height: 8px;\n}\n#lspr-narrativa-completa-2025 .resources-scroll-container::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n}\n#lspr-narrativa-completa-2025 .resources-scroll-container::-webkit-scrollbar-thumb {\n  background: var(--primary-color);\n  border-radius: 10px;\n}\n\n#lspr-narrativa-completa-2025 .resources-grid {\n  display: flex;\n  gap: 2rem;\n  padding: 0 2rem;\n  width: max-content;\n  \/* Prevent layout shifts *\/\n  min-height: 200px;\n}\n\n#lspr-narrativa-completa-2025 .resource-item {\n  background: linear-gradient(135deg, var(--background-cream) 0%, #fff 100%);\n  padding: 2rem;\n  border-radius: 16px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n  border-left: 4px solid var(--primary-color);\n  \/* SMOOTH TRANSITIONS *\/\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n  width: 380px;\n  flex-shrink: 0;\n  animation: fadeInCard 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n  \/* Scroll snap for better mobile experience *\/\n  scroll-snap-align: start;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .resource-item:hover {\n  transform: translateY(-8px) translateZ(0);\n  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);\n  border-left-color: var(--secondary-color);\n}\n\n#lspr-narrativa-completa-2025 .resource-item h3 {\n  font-size: 1.3rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n  color: var(--secondary-color);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .resource-location {\n  font-size: 0.95rem;\n  color: var(--text-light);\n  margin-bottom: 1rem;\n  font-style: italic;\n  font-weight: 500;\n}\n\n#lspr-narrativa-completa-2025 .resource-item p {\n  font-size: 1rem;\n  line-height: 1.6;\n  color: var(--text-dark);\n}\n\n\/* Staggered animations *\/\n#lspr-narrativa-completa-2025 .resource-item:nth-child(1) {\n  animation-delay: 0.1s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(2) {\n  animation-delay: 0.2s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(3) {\n  animation-delay: 0.3s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(4) {\n  animation-delay: 0.4s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(5) {\n  animation-delay: 0.5s;\n}\n\n\/* Secci\u00f3n de Eventos - IMPROVED FOR MOBILE *\/\n#lspr-narrativa-completa-2025 .events-section {\n  background: var(--background-cream);\n  padding: 80px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .events-content {\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n#lspr-narrativa-completa-2025 .events-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.5rem);\n  font-weight: 700;\n  text-align: center;\n  margin-bottom: 2.5rem;\n  color: var(--text-dark);\n  padding: 0 2rem;\n}\n\n\/* CRITICAL: Smooth horizontal scrolling for events *\/\n#lspr-narrativa-completa-2025 .events-scroll-container {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n  padding: 10px 0 30px;\n  margin: 0 -1rem;\n  \/* PREVENT JUMPING *\/\n  scroll-snap-type: x proximity;\n  transform: translateZ(0);\n  will-change: scroll-position;\n}\n\n#lspr-narrativa-completa-2025 .events-scroll-container::-webkit-scrollbar {\n  height: 6px;\n}\n#lspr-narrativa-completa-2025 .events-scroll-container::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.05);\n  border-radius: 3px;\n}\n#lspr-narrativa-completa-2025 .events-scroll-container::-webkit-scrollbar-thumb {\n  background: var(--primary-color);\n  border-radius: 3px;\n}\n\n#lspr-narrativa-completa-2025 .events-grid {\n  display: flex;\n  gap: 1.5rem;\n  padding: 0 1rem;\n  width: max-content;\n  \/* Prevent layout shifts *\/\n  min-height: 150px;\n}\n\n#lspr-narrativa-completa-2025 .event-item {\n  background: white;\n  padding: 1.5rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  \/* SMOOTH TRANSITIONS *\/\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  width: 320px;\n  flex-shrink: 0;\n  opacity: 0;\n  transform: translateY(20px) translateZ(0);\n  animation: fadeInSimple 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n  \/* Scroll snap *\/\n  scroll-snap-align: start;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .event-item:hover {\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n  transform: translateY(-2px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .event-item h3 {\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n  color: var(--text-dark);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .event-date {\n  font-size: 0.85rem;\n  color: var(--primary-color);\n  margin-bottom: 0.8rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n#lspr-narrativa-completa-2025 .event-item p {\n  font-size: 0.9rem;\n  line-height: 1.5;\n  color: var(--text-light);\n  margin: 0;\n}\n\n\/* Staggered animations for events *\/\n#lspr-narrativa-completa-2025 .event-item:nth-child(1) {\n  animation-delay: 0.1s;\n}\n#lspr-narrativa-completa-2025 .event-item:nth-child(2) {\n  animation-delay: 0.15s;\n}\n#lspr-narrativa-completa-2025 .event-item:nth-child(3) {\n  animation-delay: 0.2s;\n}\n\n\/* Byline section *\/\n#lspr-narrativa-completa-2025 .byline-section {\n  background: #000 !important;\n  padding: 40px 0 !important;\n  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\n  margin: 0 !important;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .byline-container {\n  max-width: 800px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 20px !important;\n}\n\n#lspr-narrativa-completa-2025 .byline-authors {\n  display: flex !important;\n  gap: 30px !important;\n  align-items: flex-start !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;\n  padding-bottom: 20px !important;\n  flex-wrap: wrap !important;\n}\n\n#lspr-narrativa-completa-2025 .author-item {\n  display: flex !important;\n  align-items: center !important;\n  gap: 15px !important;\n}\n\n#lspr-narrativa-completa-2025 .author-avatar {\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 50% !important;\n  object-fit: cover !important;\n  flex-shrink: 0 !important;\n  \/* Prevent layout shifts *\/\n  aspect-ratio: 1;\n}\n\n#lspr-narrativa-completa-2025 .author-credit {\n  font-size: 1rem !important;\n  font-weight: normal !important;\n  color: rgba(255, 255, 255, 0.9) !important;\n  margin: 0 !important;\n  line-height: 1.3 !important;\n}\n\n#lspr-narrativa-completa-2025 .byline-date {\n  text-align: left !important;\n  margin-bottom: 2px !important;\n}\n\n#lspr-narrativa-completa-2025 .byline-date p {\n  font-size: 0.9rem !important;\n  color: rgba(255, 255, 255, 0.7) !important;\n  margin: 0 !important;\n  font-style: italic !important;\n}\n\n  #lspr-narrativa-completa-2025 .portrait-caption {\n    padding: 0.8rem 1.5rem 1.2rem 1.5rem;\n    font-size: 0.7rem;\n    font-style: italic;\n  }\n\n\/* Navigation styles *\/\n#lspr-narrativa-completa-2025 .nav-container {\n  max-width: 1400px !important;\n  margin: 0 auto !important;\n  padding: 0 2rem !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n#lspr-narrativa-completa-2025 .nav-menu {\n  display: flex !important;\n  font-size: 0.95rem !important;\n  justify-content: center !important;\n  align-items: center !important;\n  gap: 1rem !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n\n#lspr-narrativa-completa-2025 .nav-item {\n  margin: 0 !important;\n}\n\n#lspr-narrativa-completa-2025 .top-navigation .nav-link {\n  color: #fff !important;\n  text-decoration: none !important;\n  font-size: 0.95rem !important;\n  font-weight: 500 !important;\n  padding: 0.5rem 1rem !important;\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  white-space: nowrap !important;\n  background: none !important;\n  border: none !important;\n}\n\n#lspr-narrativa-completa-2025 .top-navigation .nav-link:hover,\n#lspr-narrativa-completa-2025 .top-navigation .nav-link:focus {\n  color: #04d99d !important;\n}\n\n\/* Mobile Navigation - IMPROVED *\/\n#lspr-narrativa-completa-2025 .mobile-nav-toggle {\n  display: none !important;\n  background: none !important;\n  border: none !important;\n  color: #fff !important;\n  font-size: 1.5rem !important;\n  cursor: pointer !important;\n  padding: 0.5rem !important;\n  z-index: 101 !important;\n  \/* Smooth transitions *\/\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-toggle:hover {\n  color: #04d99d !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-overlay {\n  display: none;\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  width: 100vw !important;\n  height: 100vh !important;\n  background: #000 !important;\n  z-index: 999999 !important;\n  overflow-y: auto !important;\n  \/* SMOOTH TRANSITIONS *\/\n  opacity: 0;\n  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-overlay.active {\n  display: flex !important;\n  flex-direction: column !important;\n  opacity: 1;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-header {\n  display: flex !important;\n  justify-content: flex-start !important;\n  align-items: center !important;\n  padding: 2rem 2rem 1rem 2rem !important;\n  flex-shrink: 0 !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-close {\n  background: none !important;\n  border: none !important;\n  color: #fff !important;\n  font-size: 2.5rem !important;\n  cursor: pointer !important;\n  padding: 0 !important;\n  line-height: 1 !important;\n  font-weight: 300 !important;\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-close:hover {\n  color: #04d99d !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-content {\n  flex: 1 !important;\n  padding: 1rem 0 !important;\n  width: 100% !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-list {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 0 !important;\n  align-items: flex-start !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  list-style: none !important;\n  width: 100% !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-item {\n  margin: 0 !important;\n  width: 100% !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-link {\n  display: block !important;\n  text-align: left !important;\n  padding: 1.8rem 2rem !important;\n  width: 100% !important;\n  font-size: 1.5rem !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n  color: #fff !important;\n  text-decoration: none !important;\n  font-weight: 700 !important;\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  box-sizing: border-box !important;\n  background: none !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-link:hover {\n  color: #04d99d !important;\n}\n\n\/* PREVENT BODY SCROLL JUMPING *\/\nbody.mobile-menu-open {\n  overflow: hidden !important;\n  position: fixed !important;\n  width: 100% !important;\n  height: 100% !important;\n}\n\n\/* IMPROVED ANIMATIONS *\/\n@keyframes fadeInUp {\n  to {\n    opacity: 1;\n    transform: translateY(0) translateZ(0);\n  }\n}\n\n@keyframes fadeInCard {\n  to {\n    opacity: 1;\n    transform: translateY(0) translateZ(0);\n  }\n}\n\n@keyframes fadeInSimple {\n  to {\n    opacity: 1;\n    transform: translateY(0) translateZ(0);\n  }\n}\n\n#lspr-narrativa-completa-2025 .fade-in {\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .fade-in.visible,\n#lspr-narrativa-completa-2025 .resource-item.visible,\n#lspr-narrativa-completa-2025 .event-item.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n}\n\n\/* Enlaces *\/\n#lspr-narrativa-completa-2025 a,\n#lspr-narrativa-completa-2025 a:link,\n#lspr-narrativa-completa-2025 a:visited {\n  color: var(--primary-color);\n  text-decoration: underline;\n  font-weight: 500;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 a:hover,\n#lspr-narrativa-completa-2025 a:focus {\n  color: var(--secondary-color);\n  text-decoration: none;\n}\n\n\/* Instagram Embed Centering *\/\n#lspr-narrativa-completa-2025 .instagram-embed,\n#lspr-narrativa-completa-2025 blockquote[class*=\"instagram\"],\n#lspr-narrativa-completa-2025 iframe[src*=\"instagram\"],\n#lspr-narrativa-completa-2025 .instagram-media {\n  margin: 2rem auto !important;\n  display: block !important;\n  text-align: center !important;\n  max-width: 540px !important;\n  width: 100% !important;\n}\n\n\/* Container for Instagram embeds *\/\n#lspr-narrativa-completa-2025 .social-embed-container {\n  display: flex !important;\n  justify-content: center !important;\n  align-items: center !important;\n  width: 100% !important;\n  margin: 2rem 0 !important;\n}\n\n\/* RESPONSIVE IMPROVEMENTS *\/\n@media (max-width: 1024px) {\n  #lspr-narrativa-completa-2025 .nav-menu {\n    gap: 1.5rem !important;\n  }\n  #lspr-narrativa-completa-2025 .top-navigation .nav-link {\n    font-size: 0.9rem !important;\n    padding: 0.4rem 0.8rem !important;\n  }\n}\n\n@media (max-width: 768px) {\n  \/* Reduce heights to prevent jumping *\/\n  #lspr-narrativa-completa-2025 .narrative-header {\n    height: 100vh;\n    min-height: 600px;\n    padding-bottom: 4rem;\n  }\n\n  #lspr-narrativa-completa-2025 .narrative-quote {\n    font-size: clamp(1.4rem, 5vw, 1.8rem);\n    line-height: 1.4;\n  }\n\n  \/* Reduce padding to prevent jumping *\/\n  #lspr-narrativa-completa-2025 .text-section,\n  #lspr-narrativa-completa-2025 .card-section,\n  #lspr-narrativa-completa-2025 .quote-section,\n  #lspr-narrativa-completa-2025 .resources-section,\n  #lspr-narrativa-completa-2025 .events-section {\n    padding: 60px 0;\n  }\n\n  #lspr-narrativa-completa-2025 .main-quote::before {\n    display: none;\n  }\n\n  #lspr-narrativa-completa-2025 .photo-caption {\n    padding: 0.8rem 1.5rem 1.2rem 1.5rem;\n    font-size: 0.75rem;\n  }\n\n  \/* Byline responsive *\/\n  #lspr-narrativa-completa-2025 .byline-authors {\n    flex-direction: column !important;\n    gap: 15px !important;\n  }\n\n  \/* Nav responsive *\/\n  #lspr-narrativa-completa-2025 .nav-container {\n    padding: 0 1.5rem !important;\n    justify-content: flex-end !important;\n  }\n  #lspr-narrativa-completa-2025 .nav-menu {\n    display: none !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-toggle {\n    display: block !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-header {\n    padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-close {\n    font-size: 2rem !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-link {\n    padding: 1.2rem 1.5rem !important;\n    font-size: 1.2rem !important;\n  }\n\n  \/* CRITICAL: Improve horizontal scroll on mobile *\/\n  #lspr-narrativa-completa-2025 .resources-scroll-container,\n  #lspr-narrativa-completa-2025 .events-scroll-container {\n    \/* Better momentum scrolling *\/\n    -webkit-overflow-scrolling: touch;\n    scroll-behavior: smooth;\n    \/* Prevent bounce *\/\n    overscroll-behavior-x: contain;\n  }\n\n  #lspr-narrativa-completa-2025 .resource-item {\n    width: 320px; \/* Smaller on mobile *\/\n    padding: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .event-item {\n    width: 280px; \/* Smaller on mobile *\/\n    padding: 1.2rem;\n  }\n\n  \/* Add to the @media (max-width: 768px) section *\/\n  #lspr-narrativa-completa-2025 .tips-section {\n    padding: 50px 0; \/* Reduced from 60px *\/\n    min-height: 500px; \/* Smaller on mobile *\/\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item {\n    margin-bottom: 1.5rem; \/* Reduced *\/\n    padding: 1rem 0; \/* Reduced *\/\n    min-height: 100px; \/* Smaller on mobile *\/\n  }\n\n  #lspr-narrativa-completa-2025 .tip-number {\n    width: 40px;\n    height: 40px;\n    font-size: 1.1rem;\n    margin-right: 1rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item h3 {\n    font-size: 1.3rem;\n  }\n}\n\n@media (max-width: 480px) {\n  \/* Further reduce content padding *\/\n  #lspr-narrativa-completa-2025 .hero-content,\n  #lspr-narrativa-completa-2025 .narrative-content,\n  #lspr-narrativa-completa-2025 .text-content,\n  #lspr-narrativa-completa-2025 .card-content,\n  #lspr-narrativa-completa-2025 .quote-wrapper,\n  #lspr-narrativa-completa-2025 .resources-content,\n  #lspr-narrativa-completa-2025 .events-content {\n    padding: 0 1rem;\n  }\n\n  #lspr-narrativa-completa-2025 .narrative-header {\n    height: 90vh;\n    min-height: 500px;\n    padding-bottom: 3rem;\n  }\n\n  #lspr-narrativa-completa-2025 .text-section h2,\n  #lspr-narrativa-completa-2025 .card-section h2,\n  #lspr-narrativa-completa-2025 .resources-section h2,\n  #lspr-narrativa-completa-2025 .events-section h2 {\n    font-size: 1.6rem;\n    line-height: 1.2;\n    margin-bottom: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .text-section p,\n  #lspr-narrativa-completa-2025 .simple-text {\n    font-size: 1.1rem;\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .photo-caption {\n    padding: 0.6rem 1rem 1rem 1rem;\n    font-size: 0.7rem;\n    line-height: 1.2;\n  }\n\n  \/* Even smaller cards on very small screens *\/\n  #lspr-narrativa-completa-2025 .resource-item {\n    width: 280px;\n    padding: 1.2rem;\n  }\n\n  #lspr-narrativa-completa-2025 .event-item {\n    width: 250px;\n    padding: 1rem;\n  }\n\n  \/* Add to the @media (max-width: 480px) section *\/\n  #lspr-narrativa-completa-2025 .tips-content {\n    padding: 0 1rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tips-section {\n    padding: 40px 0; \/* Further reduced *\/\n    min-height: 450px;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item {\n    margin-bottom: 1rem;\n    padding: 0.8rem 0;\n    min-height: 90px;\n  }\n\n  #lspr-narrativa-completa-2025 .tips-section h2 {\n    font-size: 1.6rem;\n    line-height: 1.2;\n    margin-bottom: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-number {\n    width: 36px;\n    height: 36px;\n    font-size: 1rem;\n    margin-right: 0.8rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item h3 {\n    font-size: 1.2rem;\n  }\n}\n\n  #lspr-narrativa-completa-2025 .portrait-caption {\n    padding: 0.8rem 1.5rem 1.2rem 1.5rem;\n    font-size: 0.7rem;\n    font-style: italic;\n    line-height: 1.1;\n  }\n\n\/* PERFORMANCE OPTIMIZATIONS *\/\n#lspr-narrativa-completa-2025 * {\n  \/* Optimize rendering *\/\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n\/* Reduce motion for users who prefer it *\/\n@media (prefers-reduced-motion: reduce) {\n  #lspr-narrativa-completa-2025 *,\n  #lspr-narrativa-completa-2025 *::before,\n  #lspr-narrativa-completa-2025 *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n<\/style>\n\n<div id=\"lspr-narrativa-completa-2025\">\n    <!-- Top Navigation -->\n    <nav class=\"top-navigation\" aria-label=\"Navegaci\u00f3n principal\">\n        <div class=\"nav-container\">\n            <!-- Menu toggle -->\n            <button class=\"nav-toggle\" aria-label=\"Abrir men\u00fa de navegaci\u00f3n\">\u2630<\/button>\n            <ul class=\"nav-menu\">\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/\" class=\"nav-link\">Homepage<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&utm_medium=referral&utm_campaign=homepage-component&utm_content=homepage-link\" class=\"nav-link\">Itineraries<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"nav-link\">Travel<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">Spanish<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/nav>\n\n    <!-- Mobile Navigation Overlay -->\n    <div class=\"mobile-nav-overlay\" aria-label=\"Men\u00fa de navegaci\u00f3n m\u00f3vil\">\n        <div class=\"mobile-nav-header\">\n            <button class=\"mobile-nav-close\" aria-label=\"Cerrar men\u00fa\">\u2715<\/button>\n        <\/div>\n        <nav class=\"mobile-nav-content\">\n            <ul class=\"mobile-nav-list\">\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/\" class=\"mobile-nav-link\">Homepage<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&utm_medium=referral&utm_campaign=homepage-component&utm_content=homepage-link\" class=\"mobile-nav-link\">PR Itineraries<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"mobile-nav-link\">Travel Guide<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"mobile-nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"mobile-nav-link\">Directory<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"mobile-nav-link\">About Us<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"mobile-nav-link\">In Spanish<\/a><\/li>\n            <\/ul>\n        <\/nav>\n    <\/div>\n\n    <!-- Main Content -->\n    <div role=\"main\" aria-label=\"Lenguaje de se\u00f1as en Residencia de Bad Bunny: el arte de interpretar canciones\">\n        <!-- Hero Section -->\n        <section class=\"hero-section\" aria-label=\"T\u00edtulo principal\">\n            <div class=\"hero-background\">\n                <!-- NO lazy loading para la imagen principal -->\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_0343-1-Large.jpeg\" alt=\"Tercer concierto de la Residencia de Bad Bunny con int\u00e9rpretes de LSPR\" class=\"hero-image\">\n                <div class=\"hero-overlay\"><\/div>\n            <\/div>\n            <div class=\"hero-content\">\n                <h1 class=\"hero-title\">The art of interpreting songs in sign language<\/h1>\n                <p class=\"hero-deck\">Two interpreters who worked at Bad Bunny's concert tell us how they do their job and its importance to the deaf community.\n<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Byline -->\n        <section class=\"byline-section\" aria-label=\"Autor\u00eda del art\u00edculo\">\n            <div class=\"byline-container\">\n                <div class=\"byline-date\">\n                    <p>julio 21, 2025<\/p>\n                <\/div>\n                <div class=\"byline-authors\">\n                    <div class=\"author-item\">\n                        <!-- Lazy loading para avatar -->\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&width=200\" alt=\"Cindy Burgos Alvarado\" class=\"author-avatar\" loading=\"lazy\" decoding=\"async\">\n                        <div class=\"author-details\">\n                            <p class=\"author-credit\">By Cindy Burgos Alvarado | PlateaPR<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Introducci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Introducci\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_2836-2-scaled.jpeg\" alt=\"La int\u00e9rprete de LSPR Emely Font\u00e1nez durante concierto de Bad Bunny. (Suministrada por National Interpreters Puerto Rico)\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                    <div class=\"photo-caption\">LSPR interpreter Emely Font\u00e1nez during Bad Bunny's concert. (Provided by National Interpreters Puerto Rico) (caption)<\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\"><\/blockquote>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Contexto sobre fondo blanco -->\n        <section class=\"text-section\" aria-label=\"Contexto del trabajo\">\n            <div class=\"text-content fade-in\">\n                <p>At first glance, it looks like they are dancing and moving their hands and arms, but their work goes far beyond translating a song into sign language.<\/p>\n                <p>The LSPR interpreters at the concert \u201cYo no me quiero ir de aqu\u00ed\u201d (\u201cI don't want to leave here\u201d) by the reggaet\u00f3n star Bad Bunny have gone viral on social media for the rhythm and flavor they bring to their performances.<\/p>\n                <p>Two of them, <span class=\"highlight\">Emely Font\u00e1nez<\/span>, 28, y <span class=\"highlight\">Paola P\u00e9rez<\/span>, 26, both from <a href=\"https:\/\/nationalinterpreterspr.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ga-link\" data-category=\"external-links\" data-label=\"National Interpreters PR\">National Interpreters Puerto Rico<\/a>, spoke with Platea and told us how they were received by the audience after participating in the concerts\u2014noting that there were deaf people at all three performances\u2014and how the art of interpreting a song in LSPR works.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Quote de Emely - Secci\u00f3n inmersiva -->\n        <section class=\"quote-section\" aria-label=\"Testimonio de Emely Font\u00e1nez\">\n            <div class=\"quote-wrapper\">\n                <blockquote class=\"main-quote fade-in\">I didn't expect that reception from people at all. It was a surprise for me to wake up on Monday and see my phone full of videos.\u201d<\/blockquote>\n                <cite class=\"quote-author\">Emely Font\u00e1nez, special education teacher and sign language interpreter from Puerto Rico<\/cite>\n            <\/div>\n        <\/section>\n\n        <!-- Proceso de interpretaci\u00f3n -->\n        <section class=\"card-section\" aria-label=\"Proceso de interpretaci\u00f3n\">\n            <div class=\"card-content\">\n                <h2>\ud83e\uddcf How is a song interpreted in sign language?<\/h2>\n                <p class=\"simple-text fade-in\">Emely and Paola studied Special Education with a specialization in deaf education at the University of Puerto Rico (UPR) in R\u00edo Piedras, but they continued their studies at LSPR institutions to become interpreters and master the details of sign language, which they consider to be a<strong> \u201cPuerto Rican deaf culture.\u201d<\/strong>.<\/p>\n                <p class=\"simple-text fade-in\">Both agreed that interpreting a conversation is not the same as interpreting a concert, as it requires additional preparation focused on three fundamental elements: understanding the message of each song, the emotion it conveys, and the artist's idea behind the composition.\n<\/p>\n                <p class=\"simple-text fade-in\">\"It's not the same as interpreting a press conference or an interview, where you prepare with the vocabulary of what they are going to talk about and you must have a broad knowledge of the topics... Songs are a little more complicated,\" said Emely.<\/p>\n                <p class=\"simple-text fade-in\">It's about \u201cconceptualizing a song,\u201d added Paola about the creative process behind each interpretation.<\/p>\n                <p class=\"simple-text fade-in\">That's why interpreters dance to the rhythm of the music, evoke the feelings of the artists and the audience, and show in signs when there is an instrumental solo, and provide details about the overall atmosphere throughout the event.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Preparaci\u00f3n - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Preparaci\u00f3n para los conciertos\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_0427-1.jpg\" alt=\"La int\u00e9rprete de LSPR Emely Font\u00e1nez durante concierto de Bad Bunny. (Suministrada por National Interpreters Puerto Rico)\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\">They didn't have the song list until an hour before the concert began.\n<\/blockquote>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n\n        <!-- Detalles de preparaci\u00f3n -->\n        <section class=\"text-section\" aria-label=\"Detalles de la preparaci\u00f3n\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83d\udcda How did they prepare to interpret the concert at LSPR?<\/h2>\n                <p>Ideally, interpreters should have the list of songs that will be played at the concert in advance so that they can study them. In this case, <span class=\"highlight\">they did not have that list until an hour before the concert began<\/span>, which was a great challenge, especially for the first performance.<\/p>\n                <p>However, since National Interpreters Puerto Rico learned on July 7 that it would be one of four companies interpreting the concerts at the Residencia in LSPR, the interpreters began studying the songs of Benito Antonio Mart\u00ednez Ocasio, keeping in mind that the focus would be on his latest album, Deb\u00ed tirar m\u00e1s fotos.\n<\/p>\n                <p>\u201cWe divided the songs among the team and began to study them. This song: what is it about? Is it a sad song? Is it a song about heartbreak? Why did the artist really write that song? Then, we go verse by verse, line by line, conceptualizing from Spanish, in this case Bad Bunny, to sign language, because sign language has a different grammar,\u201d Emely explained.<\/p>\n                <p>In the case of songs with metaphors, Paola explained that they analyze the message behind each one. She gave the example of the phrase \u201cmy heart is on fire,\u201d which they do not interpret literally, but rather sign \u201cI am in love\u201d so that the message of the song is understood in LSPR.<\/p>\n            <\/div>\n        <\/section>\n        \n        <!-- Instagram Embed -->\n        <section class=\"instagram-section\" aria-label=\"Video de Instagram\">\n            <div class=\"instagram-content\">\n                <blockquote class=\"instagram-media\" data-instgrm-captioned data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DMGqE31yBjZ\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\" style=\" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\"><div style=\"padding:16px;\"> <a href=\"https:\/\/www.instagram.com\/reel\/DMGqE31yBjZ\/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;\" target=\"_blank\"> <div style=\" display: flex; flex-direction: row; align-items: center;\"> <div style=\"background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div> <div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\"> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div><\/div><\/div><div style=\"padding: 19% 0;\"><\/div> <div style=\"display:block; height:50px; margin:0 auto 12px; width:50px;\"><svg width=\"50px\" height=\"50px\" viewBox=\"0 0 60 60\" version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g transform=\"translate(-511.000000, -20.000000)\" fill=\"#000000\"><g><path d=\"M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631\"><\/path><\/g><\/g><\/g><\/svg><\/div><div style=\"padding-top: 8px;\"> <div style=\" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;\">View this post on Instagram<\/div><\/div><div style=\"padding: 12.5% 0;\"><\/div> <div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\"><div> <div style=\"background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div> <div style=\"background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div> <div style=\"background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div><\/div><div style=\"margin-left: 8px;\"> <div style=\" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div> <div style=\" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)\"><\/div><\/div><div style=\"margin-left: auto;\"> <div style=\" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div> <div style=\" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div> <div style=\" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div><\/div><\/div> <div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\"> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div><\/div><\/a><p style=\" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;\"><a href=\"https:\/\/www.instagram.com\/reel\/DMGqE31yBjZ\/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;\" target=\"_blank\">A post shared by National Interpreters (@nationalinterpreterspr)<\/a><\/p><\/div><\/blockquote>\n                <script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\n            <\/div>\n        <\/section>\n\n        <!-- Ejemplo Hawaii -->\n        <section class=\"card-section\" aria-label=\"Ejemplo de interpretaci\u00f3n\">\n            <div class=\"card-content\">\n                <h2>\ud83e\udd14 How do you interpret, for example, Lo que le pas\u00f3 a Hawaii?<\/h2>\n                <p class=\"simple-text fade-in\">Both of them performed this song in the second and third performances of the Residency and emphasized that, beyond the conceptualization and explanation of social criticism, they tried to convey the feeling of the composition.<\/p>\n                <p class=\"simple-text fade-in\"><strong>\u201cI see that song as one of suffering, sorrow, and anguish, and that has to be seen in the gestures of a performer,\u201d<\/strong>, said Paola.<\/p>\n                <p class=\"simple-text fade-in\">Emely added that in the chorus that says, \u201cThey want to take away my river,\u201d in that context, \u201cit refers to people, specifically Americans and people from other countries, who want to take over our lands, and that's the interpretation... That's how we conceptualize it.\u201d<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Trabajo en equipo -->\n        <section class=\"text-section\" aria-label=\"Trabajo en equipo\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83d\udd22 How many people are needed to interpret a concert in LSPR?<\/h2>\n                <p>In this case, each performance has had <span class=\"highlight\"> three interpreters<\/span> working together. When one interprets, there is another in front anticipating what the song might say, so they help each other to make the interpretation as clear and accurate as possible.<\/p>\n                <p>One of the interpreters printed out almost all of Bad Bunny's lyrics so they would be available in case they were sung.\n<\/p>\n                <p>\u201cIt's a lot of mental and physical strain\u201d to do a job like this, said Emely, who was exhausted after interpreting the concert.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Malas palabras - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Sobre el contenido sin filtros\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_2848-2-scaled.jpeg\" alt=\"Int\u00e9rpretes transmitiendo el mensaje aut\u00e9ntico sin filtros durante el concierto\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\">\u275dJust as a ramp provides accessibility for a person in a wheelchair, an interpreter provides accessibility for a deaf person.\u275e<\/blockquote>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Trabajo en equipo -->\n        <section class=\"text-section\" aria-label=\"Trabajo en equipo\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83d\ude4c Why interpret concerts in sign language?<\/h2>\n                <p>\u201cThe importance of having sign language interpreters is that we are practically there as a bridge of communication... Really, we have the same function as a ramp: we are accessibility,\u201d explained Emely.<\/p>\n                <p>The LSPR interpreter added that \u201cwe all have the right to enjoy art,\u201d especially knowing that Puerto Rican culture is expressed so much through music.<\/p>\n            <\/div>\n        <\/section>\n        \n                <!-- Importancia - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Importancia de la interpretaci\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_0345-Large.webp\" alt=\"La importancia de la interpretaci\u00f3n en LSPR como puente de comunicaci\u00f3n\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Detalles sobre autenticidad -->\n        <section class=\"text-section\" aria-label=\"Autenticidad en la interpretaci\u00f3n\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83e\udd2c Do you filter out the \u201cbad words\u201d in the songs?<\/h2>\n                <p>\u201cDeaf people have the right to enjoy it in the same way that we as listeners do. If what you hear is vulgar, it's going to come across as vulgar because, clearly, you have to interpret what you hear and not put filters on it to soften things. It is what it is. It's simply accessibility,\u201d explained Paola.<\/p>\n                <p>Emely pointed out that in LSPR \"there are bad words too. It's a language like any other, and these are words from Puerto Rico.\" Therefore, in a song like Safaera, the message is conveyed as it is.<\/p>\n                <p>\u201cI am the bridge. I forget that I am Emely, I forget that I am a teacher. My mom and dad know that I am working. And, literally, it's about conveying the message as it is,\u201d she added.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Importancia - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Importancia de la interpretaci\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_2899-2-scaled.jpeg\" alt=\"La importancia de la interpretaci\u00f3n en LSPR como puente de comunicaci\u00f3n\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Quote sobre importancia -->\n        <section class=\"quote-section\" aria-label=\"Importancia de la interpretaci\u00f3n\">\n            <div class=\"quote-wrapper\">\n                <blockquote class=\"main-quote fade-in\">\u275dThe importance of having sign language interpreters is that we are practically there as a bridge of communication. Just as a ramp provides accessibility for a person in a wheelchair, an interpreter provides accessibility for a deaf person.\u275e<\/blockquote>\n                <cite class=\"quote-author\">Emely Font\u00e1nez<\/cite>\n            <\/div>\n        <\/section>\n\n        <!-- Cultura sorda - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Cultura sorda puertorrique\u00f1a\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/c727469d-b748-453f-8d54-6bd46ba16a05-scaled.webp\" alt=\"Yenitza Rivera, 32 a\u00f1os, maestra de Educaci\u00f3n Especial especializada en sordos e int\u00e9rprete de lenguaje de se\u00f1as. (Suministrada por National Interpreters Puerto Rico)\" class=\"narrative-bg-image\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                    <div class=\"photo-caption\">Yenitza Rivera, 32, special education teacher specializing in deaf students and sign language interpreter. (Provided by National Interpreters Puerto Rico) (caption)<\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Informaci\u00f3n sobre cultura sorda -->\n        <section class=\"text-section\" aria-label=\"Cultura sorda puertorrique\u00f1a\">\n            <div class=\"text-content fade-in\">\n                <h2>What is Puerto Rican deaf culture like?<\/h2>\n                <p>For Gabriel Cuadrado, a 22-year-old graphic designer who belongs to the deaf community, there is a <span class=\"highlight\">\u201cPuerto Rican deaf culture\u201d<\/span> that, like our Puerto Rican culture, is made up of people who \u201chave a lot of energy and good vibes.\u201d<\/p>\n                \n                <div class=\"portrait-container fade-in\">\n            <div class=\"portrait-frame\">\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/99e9cb81-fbb6-4a22-b766-5ae860b18c5e.jpg\" \n                     alt=\"Gabriel Cuadrado, dise\u00f1ador gr\u00e1fico de 22 a\u00f1os y miembro de la comunidad sorda\" \n                     class=\"portrait-image\" \n                     loading=\"lazy\" \n                     decoding=\"async\">\n            <\/div>\n            <p class=\"portrait-caption\">Gabriel Cuadrado, graphic designer and member of the deaf community.<\/p>\n        <\/div>\n                <p>\u201cWe are a community that pitches in to support each other, and that is something very Puerto Rican. It is something I feel, appreciate, and am proud of that identity I have accepted,\u201d Gabriel said in an interview with Platea.<\/p>\n                <p>For him, it is important \u201cnot to tell deaf people that they cannot achieve certain things.\u201d On the contrary, \u201cas a deaf person, I know that I can achieve anything I set my mind to and not be inferior to other people... I want to tell (other deaf people) that they can do it, and that is something very significant and cultural in the deaf community of Puerto Rico.\u201d<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Experiencia de Gabriel -->\n        <section class=\"text-section\" aria-label=\"Experiencia de la comunidad sorda\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83e\udef6 How has the deaf community welcomed interpreters at concerts?<\/h2>\n                <p>Gabriel said that his concert experience has been transformed by having an LSPR interpreter.<\/p>\n                <p>Without an LSPR interpreter, \u201cit's not like I'm involved in the same enjoyment that everyone else is having,\u201d Gabriel said.<\/p>\n                <p>\u201cWhen we have the LSPR interpreter, I can see the stage, the audience, everyone is connected, I can also connect with the singer's message and understand those songs. That's where I connect with the message and the intention,\u201d Gabriel said.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Quote de Gabriel -->\n        <section class=\"quote-section\" aria-label=\"Testimonio de Gabriel\">\n            <div class=\"quote-wrapper\">\n                <blockquote class=\"main-quote fade-in\">\u275dIt's good to have an interpreter there to provide access to the deaf community\u275e.<\/blockquote>\n                <cite class=\"quote-author\">Gabriel Cuadrado, graphic designer and member of the deaf community<\/cite>\n            <\/div>\n        <\/section>\n\n        <!-- Secci\u00f3n de recursos para aprender LSPR -->\n        <section class=\"resources-section\" aria-label=\"D\u00f3nde aprender LSPR\">\n            <div class=\"resources-content\">\n                <h2 class=\"fade-in\">Where can you learn Puerto Rican Sign Language (LSPR)?<\/h2>\n                <div class=\"resources-scroll-container\">\n                    <div class=\"resources-grid\">\n                        <div class=\"resource-item ga-resource\" data-resource=\"estudiaz\">\n                            <h3><a href=\"https:\/\/www.estudiaz.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">ESTUDIAZ<\/a><\/h3>\n                            <div class=\"resource-location\">San Juan<\/div>\n                            <p>This educational institution offers specialized services for the deaf community and their families. They offer sign language courses for children, young people, and adults at basic, intermediate, and advanced levels. It is the school where Gabriel Cuadrado teaches LSPR classes.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"upr-decep\">\n                            <h3><a href=\"https:\/\/decep.uprrp.edu\/curso\/lenguaje-de-senas-basico\/\" target=\"_blank\" rel=\"noopener noreferrer\">Divisi\u00f3n de Educaci\u00f3n Continua y Estudios Profesionales (DECEP) de la UPR<\/a><\/h3>\n                            <div class=\"resource-location\">R\u00edo Piedras (San Juan)<\/div>\n                            <p><a href=\"https:\/\/www.upr.edu\/desarrolloprofesional\/wp-content\/uploads\/sites\/99\/2020\/03\/Curso-B%C3%A1sico-de-lenguaje-de-Se%C3%B1as.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Basic Course<\/a> offered in person on Saturdays at the UPR in R\u00edo Piedras. It is also offered at <a href=\"https:\/\/decepenlinea.upra.edu\/product\/lenguaje-de-senas-basico\/\" target=\"_blank\" rel=\"noopener noreferrer\">DECEP at the UPR in Arecibo<\/a>.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"ana-mendez\">\n                            <h3><a href=\"https:\/\/continua.agmu.edu\/producto\/lenguaje-de-senas-basico\/\" target=\"_blank\" rel=\"noopener noreferrer\">Universidad Ana G. M\u00e9ndez<\/a><\/h3>\n                            <div class=\"resource-location\">Cupey (San Juan)<\/div>\n                            <p>Basic sign language course and study of cultural aspects of the deaf community. Offered in person on Saturdays. They also offer degrees in \n <a href=\"https:\/\/uagm.edu\/es\/oferta-academica\/programas\/interpretacion-de-lenguaje-de-senas\" target=\"_blank\" rel=\"noopener noreferrer\">Sign Language Interpretation<\/a> at the Gurabo campus.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"interamericana\">\n                            <h3><a href=\"https:\/\/inter.smartcatalogiq.com\/en\/2023-2024\/catalogo-graduado-2022-2023\/programas-de-certificados-profesionales-maestr-a-y-doctorado\/interpretaci-n-en-lenguaje-de-se-as-certificado-profesional-posbachillerato\/\" target=\"_blank\" rel=\"noopener noreferrer\">Universidad Interamericana<\/a><\/h3>\n                            <div class=\"resource-location\">Recinto de San Germ\u00e1n<\/div>\n                            <p>Offers a professional certificate in Sign Language Interpretation.\n<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"asles\">\n                            <h3><a href=\"https:\/\/aslescorp.com\/cursos-de-lengua-de-senas\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advancement in Sign Language Education & Services (ASLES)<\/a><\/h3>\n                            <div class=\"resource-location\">San Juan<\/div>\n                            <p>This corporation offers interpreting services and sign language classes at the basic, intermediate, and advanced levels, as well as classes for sign language interpreters into Spanish.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"sl-interpreters\">\n                            <h3><a href=\"https:\/\/www.slinterpreters.com\/informacion-de-servicios\" target=\"_blank\" rel=\"noopener noreferrer\">Sign Language Interpreters Puerto Rico<\/a><\/h3>\n                            <div class=\"resource-location\">M\u00faltiples ubicaciones<\/div>\n                            <p>They offer sign language interpretation services into Spanish and classes at different levels in various locations in Puerto Rico: San Juan, Guaynabo, Ponce, Mayag\u00fcez, Arecibo, and Humacao.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"sos\">\n                            <h3><a href=\"https:\/\/www.sospr.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Servicios Orientados al Sordo Inc.<\/a><\/h3>\n                            <div class=\"resource-location\">San Juan<\/div>\n                            <p>Offers courses at different levels and interpretation courses. Also offers interpretation services and workshops.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"vianka\">\n                            <h3><a href=\"https:\/\/aprendesenasconvianka.my.canva.site\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn Sign Language with Vianka<\/a><\/h3>\n                            <div class=\"resource-location\">Bayam\u00f3n<\/div>\n                            <p>Interpreter and partially deaf Vianka Zayas offers these basic sign language courses and workshops.\n<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"gurabo-gratis\">\n                            <h3><a href=\"https:\/\/www.facebook.com\/photo\/?fbid=10161962373534317&set=pcb.10162273657452773\" target=\"_blank\" rel=\"noopener noreferrer\">Clases gratis de lenguaje de se\u00f1as en Gurabo<\/a><\/h3>\n                            <div class=\"resource-location\">Gurabo<\/div>\n                            <p>Basic, intermediate, and advanced levels. Offered at the Cultural Development and Fine Arts Center. Call 787-712-1100 ext. 254\/276 for more information.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Historia del Choli -->\n        <section class=\"text-section\" aria-label=\"Historia del Choliseo\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83c\udfb6 Since when has the Choliseo had interpreters?<\/h2>\n                <p>At the end of March, the Coliseo de Puerto Rico Jos\u00e9 Miguel Agrelot (the \u201cCholi\u201d) launched the first phase of the \u201cSign Language at the Choli\u201d project to make entertainment more accessible and inclusive for people with hearing impairments, who number more than 150,000 in Puerto Rico, or 4.7% of the population, according to the 2021 Census.\n<\/p>\n                <p>This initiative is part of the Sign Check project and allows for a strategic space to be set aside at the Choli for the deaf community with preferential visibility toward LSPR interpreters, so that they can enjoy concerts in the designated area.\n<\/p>\n                <p><span class=\"highlight\">Challenges that persist.<\/span> Although deaf people are placed in a specific area, they are sometimes far from the interpreters, so they cannot necessarily see clearly what is being said, especially if the deaf person has vision problems, said Emely and Paola.\n<\/p>\n                <p>Another challenge is lighting, which is sometimes poor and does not allow for clear viewing of the interpretation. \u201cThere are many things that are being refined over time,\u201d said Paola.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Consejos para accesibilidad -->\n        <section class=\"tips-section\" aria-label=\"Consejos para hacer el mundo m\u00e1s accesible\">\n            <div class=\"tips-content\">\n                <h2>\ud83e\uddcf 8 tips for making the world more accessible to the deaf community<\/h2>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">1<\/span>\u201cBe empathetic\u201d<\/h3>\n                    <p>For Gabriel, as part of the deaf community, the most important thing for those who are not part of his community is to be empathetic and open to communicating in any way possible.\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">2<\/span>\u201cDon't be afraid or feel sorry for them\u201d<\/h3>\n                    <p>For Emely, the lack of knowledge about Puerto Rican Sign Language (LSPR) and the deaf community can lead you to be afraid or feel sorry for them, but these are attitudes you should put aside \u201cbecause they are still human beings and, in the case of adults, they are independent.\u201d\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">3<\/span>\u201c(You have to) be open to communicating\u201d<\/h3>\n                    <p>It is always possible to \u201cfind a way\u201d to get a message across, either by explaining slowly or by writing, Emely said. \u201cThey know that not everyone knows sign language. They are prepared, they have their techniques (for communicating),\u201d she added.\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">4<\/span>Learn sign language or, at least, how to spell with your hands<\/h3>\n                    <p>Gabriel knows that it is difficult for everyone to know sign language, but at least having a minimum knowledge of basic words or the alphabet in sign language to spell can help with communication.\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">5<\/span> Ask the deaf person how they want to communicate.<\/h3>\n                    <p>You can ask, \u201cDo you want to write or use your phone?\u201d \u201cMaybe the person will talk to you, because some people are skilled at using their voice and reading lips. Others are not and prefer to show you a photo or point. Give them that space,\u201d said Emely.<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">6<\/span>Convey the message without filters<\/h3>\n                    <p>\u201cYou have to interpret what you hear and not filter it to soften things,\u201d said Paola.<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">7<\/span>Learn more about the deaf community<\/h3>\n                    <p>Gabriel said it is important for people to be interested in learning about the deaf community and its needs.<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">8<\/span>At the government level, interpreter services need to be expanded<\/h3>\n                    <p>Gabriel pointed out that the lack of qualified interpreters can impact the services received by the deaf community, so expanding these offerings can reduce communication barriers. It can also help them gain access to jobs and achieve independence.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Secci\u00f3n de eventos -->\n        <section class=\"events-section\" aria-label=\"Eventos para la comunidad sorda\">\n            <div class=\"events-content\">\n                <h2 class=\"fade-in\">Events for the deaf community in Puerto Rico<\/h2>\n                <div class=\"events-scroll-container\">\n                    <div class=\"events-grid\">\n                        <div class=\"event-item fade-in ga-event\" data-event=\"guaynabo\">\n                            <h3>Guaynabo<\/h3>\n                            <div class=\"event-date\">Every Wednesday from 6:00 p.m. to 10:00 p.m.<\/div>\n                            <p>At Starbucks in Guaynabo (La Plazoleta 169). Organized by Servicios Orientados al Sordo Inc.<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in ga-event\" data-event=\"mayaguez\">\n                            <h3>Mayag\u00fcez<\/h3>\n                            <div class=\"event-date\">Thursdays (date may vary) from 6:00 p.m. to 10:00 p.m.<\/div>\n                            <p>At Starbucks in Plaza Sultana. Meeting for the deaf organized by Servicios Orientados al Sordo Inc.<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in ga-event\" data-event=\"observacion\">\n                            <h3><a href=\"https:\/\/www.facebook.com\/events\/1396696184920826\/\" target=\"_blank\" rel=\"noopener noreferrer\">Barrier-free observation: 1st Astronomy Observation Night for the Deaf Community<\/a><\/h3>\n                            <div class=\"event-date\">August 2, 2025, at 7:30 p.m.<\/div>\n                            <p>At the Terrace of the Institute of Puerto Rican Culture in Old San Juan.\n<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in ga-event\" data-event=\"dia-nacional\">\n                            <h3><a href=\"https:\/\/www.facebook.com\/share\/p\/19tjNceeCJ\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\">4th National Day of the Puerto Rican Deaf Community<\/a><\/h3>\n                            <div class=\"event-date\">September 27, 2025, from 10 a.m. to 5 p.m.<\/div>\n                            <p>At the Ram\u00f3n Emeterio Betances Convention Center in Cabo Rojo. Organized by Sordos Unidos de Puerto Rico Inc.\n<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in dates-highlight\">\n                            <h3>Important dates - Annual calendar<\/h3>\n                            <div class=\"event-date\">Calendario anual<\/div>\n                            <p><strong>September 28:<\/strong>  National Deaf Day in Puerto Rico<\/p>\n                            <p><strong>Last week of September:<\/strong> Puerto Rico Deaf Community Rights Awareness Week<\/p>\n                            <p><strong>Last Friday of September:<\/strong> Sign Language Interpreter Day<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Conclusi\u00f3n final -->\n        <section class=\"narrative-section\" aria-label=\"Conclusi\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/4W2A0836-scaled.webp\" alt=\"La interpretaci\u00f3n en LSPR como arte y forma de inclusi\u00f3n en conciertos\" class=\"narrative-bg-image\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\">\u275dWe all have the right to enjoy art, especially knowing that Puerto Rican culture is expressed so much through music.\u275e<\/blockquote>\n                    <cite class=\"quote-author\">Emely Font\u00e1nez, LSPR interpreter<\/cite>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n\n<script>\n;(() => {\n  const container = document.getElementById(\"lspr-narrativa-completa-2025\")\n  if (!container) return\n\n  \/\/ Declare gtag variable\n  const gtag = window.gtag || (() => {})\n\n  \/\/ PERFORMANCE: Throttle scroll events\n  function throttle(func, limit) {\n    let inThrottle\n    return function () {\n      const args = arguments\n\n      if (!inThrottle) {\n        func.apply(this, args)\n        inThrottle = true\n        setTimeout(() => (inThrottle = false), limit)\n      }\n    }\n  }\n\n  \/\/ PERFORMANCE: Debounce resize events\n  function debounce(func, wait) {\n    let timeout\n    return function executedFunction(...args) {\n      const later = () => {\n        clearTimeout(timeout)\n        func(...args)\n      }\n      clearTimeout(timeout)\n      timeout = setTimeout(later, wait)\n    }\n  }\n\n  \/\/ GOOGLE ANALYTICS: Send events function\n  function sendGAEvent(action, category, label, value) {\n    if (typeof gtag !== \"undefined\") {\n      gtag(\"event\", action, {\n        event_category: category,\n        event_label: label,\n        value: value,\n      })\n    }\n  }\n\n  function setupMobileNavigation() {\n    const mobileToggle = container.querySelector(\".mobile-nav-toggle\")\n    const mobileMenu = container.querySelector(\".mobile-nav-overlay\")\n    const mobileClose = container.querySelector(\".mobile-nav-close\")\n\n    if (mobileToggle && mobileMenu && mobileClose) {\n      const closeMenu = () => {\n        mobileMenu.classList.remove(\"active\")\n        document.body.classList.remove(\"mobile-menu-open\")\n        \/\/ SMOOTH: Reset scroll position\n        document.body.style.top = \"\"\n        window.scrollTo(0, Number.parseInt(document.body.dataset.scrollY || \"0\"))\n      }\n\n      const openMenu = () => {\n        \/\/ PREVENT JUMPING: Store current scroll position\n        const scrollY = window.scrollY\n        document.body.dataset.scrollY = scrollY\n        document.body.style.top = `-${scrollY}px`\n\n        mobileMenu.classList.add(\"active\")\n        document.body.classList.add(\"mobile-menu-open\")\n      }\n\n      mobileToggle.addEventListener(\"click\", (e) => {\n        e.preventDefault()\n        e.stopPropagation()\n        openMenu()\n        sendGAEvent(\"mobile_menu_open\", \"navigation\", \"hamburger_menu\")\n      })\n\n      mobileClose.addEventListener(\"click\", (e) => {\n        e.preventDefault()\n        e.stopPropagation()\n        closeMenu()\n        sendGAEvent(\"mobile_menu_close\", \"navigation\", \"close_button\")\n      })\n\n      const mobileLinks = mobileMenu.querySelectorAll(\".mobile-nav-link\")\n      mobileLinks.forEach((link) => {\n        link.addEventListener(\"click\", () => {\n          closeMenu()\n          sendGAEvent(\"mobile_menu_link_click\", \"navigation\", link.textContent.trim())\n        })\n      })\n\n      mobileMenu.addEventListener(\"click\", (e) => {\n        if (e.target === mobileMenu) {\n          closeMenu()\n          sendGAEvent(\"mobile_menu_close\", \"navigation\", \"overlay_click\")\n        }\n      })\n\n      document.addEventListener(\"keydown\", (e) => {\n        if (e.key === \"Escape\" && mobileMenu.classList.contains(\"active\")) {\n          closeMenu()\n          sendGAEvent(\"mobile_menu_close\", \"navigation\", \"escape_key\")\n        }\n      })\n    }\n  }\n\n  \/\/ IMPROVED: Intersection Observer with better performance + GA tracking\n  const observerOptions = {\n    threshold: 0.2,\n    rootMargin: \"0px 0px -100px 0px\",\n  }\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        const element = entry.target\n        \/\/ PERFORMANCE: Use requestAnimationFrame for smooth animations\n        requestAnimationFrame(() => {\n          element.classList.add(\"visible\")\n        })\n\n        \/\/ GA: Track section views\n        const sectionName =\n          element.getAttribute(\"aria-label\") ||\n          element.closest(\"section\")?.getAttribute(\"aria-label\") ||\n          \"unknown-section\"\n        sendGAEvent(\"section_view\", \"lspr_scrollytelling\", sectionName)\n\n        observer.unobserve(element)\n      }\n    })\n  }, observerOptions)\n\n  \/\/ Observe elements with better performance\n  const elementsToObserve = container.querySelectorAll(\n    \".fade-in, .narrative-quote, .main-quote, .simple-text, .tip-item, .event-item, .resource-item\",\n  )\n  elementsToObserve.forEach((el) => {\n    observer.observe(el)\n  })\n\n  \/\/ SMOOTH HORIZONTAL SCROLLING: Improved momentum + GA tracking\n  function setupSmoothHorizontalScroll(selector, category) {\n    const scrollContainer = container.querySelector(selector)\n    if (!scrollContainer) return\n\n    let isScrolling = false\n    let scrollTimeout\n\n    \/\/ PERFORMANCE: Throttled scroll handler with GA tracking\n    const handleScroll = throttle(() => {\n      if (!isScrolling) {\n        isScrolling = true\n        scrollContainer.style.scrollBehavior = \"smooth\"\n      }\n\n      clearTimeout(scrollTimeout)\n      scrollTimeout = setTimeout(() => {\n        isScrolling = false\n        scrollContainer.style.scrollBehavior = \"smooth\"\n\n        \/\/ GA: Track horizontal scroll progress\n        const scrollPercent = Math.round(\n          (scrollContainer.scrollLeft \/ (scrollContainer.scrollWidth - scrollContainer.clientWidth)) * 100,\n        )\n        sendGAEvent(\"horizontal_scroll\", category, `${scrollPercent}%`, scrollPercent)\n      }, 300)\n    }, 16) \/\/ ~60fps\n\n    scrollContainer.addEventListener(\"scroll\", handleScroll, { passive: true })\n\n    \/\/ TOUCH IMPROVEMENTS: Better momentum on mobile\n    let startX = 0\n    let scrollLeft = 0\n    let isDown = false\n\n    scrollContainer.addEventListener(\n      \"touchstart\",\n      (e) => {\n        isDown = true\n        startX = e.touches[0].pageX - scrollContainer.offsetLeft\n        scrollLeft = scrollContainer.scrollLeft\n        scrollContainer.style.scrollBehavior = \"auto\"\n      },\n      { passive: true },\n    )\n\n    scrollContainer.addEventListener(\"touchmove\", (e) => {\n      if (!isDown) return\n      e.preventDefault()\n      const x = e.touches[0].pageX - scrollContainer.offsetLeft\n      const walk = (x - startX) * 2\n      scrollContainer.scrollLeft = scrollLeft - walk\n    })\n\n    scrollContainer.addEventListener(\n      \"touchend\",\n      () => {\n        isDown = false\n        scrollContainer.style.scrollBehavior = \"smooth\"\n      },\n      { passive: true },\n    )\n  }\n\n  \/\/ Apply smooth scrolling to horizontal containers with GA tracking\n  setupSmoothHorizontalScroll(\".resources-scroll-container\", \"resources_lspr\")\n  setupSmoothHorizontalScroll(\".events-scroll-container\", \"events_deaf\")\n\n  \/\/ GA: Track resource clicks\n  container.querySelectorAll(\".ga-resource a, .ga-link\").forEach((link) => {\n    link.addEventListener(\"click\", () => {\n      const category =\n        link.closest(\".ga-resource\")?.getAttribute(\"data-resource\") ||\n        link.getAttribute(\"data-category\") ||\n        \"external_links\"\n      const label = link.getAttribute(\"data-label\") || link.textContent.trim().substring(0, 50) || link.href\n      sendGAEvent(\"resource_click\", category, label)\n    })\n  })\n\n  \/\/ GA: Track event clicks\n  container.querySelectorAll(\".ga-event\").forEach((eventItem) => {\n    eventItem.addEventListener(\"click\", (e) => {\n      if (e.target.tagName !== \"A\") {\n        const eventId = eventItem.getAttribute(\"data-event\") || \"unknown-event\"\n        const eventName = eventItem.querySelector(\"h3\")?.textContent.trim() || eventId\n        sendGAEvent(\"event_click\", \"deaf_events\", eventName)\n      }\n    })\n\n    eventItem.querySelectorAll(\"a\").forEach((link) => {\n      link.addEventListener(\"click\", (e) => {\n        e.stopPropagation()\n        const eventId = eventItem.getAttribute(\"data-event\") || \"unknown-event\"\n        sendGAEvent(\"event_link_click\", \"deaf_events\", eventId)\n      })\n    })\n  })\n\n  \/\/ GA: Track scroll depth\n  let maxScrollDepth = 0\n  const scrollMilestones = [25, 50, 75, 90, 100]\n  const reachedMilestones = new Set()\n\n  function trackScrollDepth() {\n    const scrollTop = window.pageYOffset\n    const docHeight = document.documentElement.scrollHeight - window.innerHeight\n    if (docHeight <= 0) return\n\n    const scrollPercent = Math.round((scrollTop \/ docHeight) * 100)\n    if (scrollPercent > maxScrollDepth) {\n      maxScrollDepth = scrollPercent\n      scrollMilestones.forEach((milestone) => {\n        if (scrollPercent >= milestone && !reachedMilestones.has(milestone)) {\n          reachedMilestones.add(milestone)\n          sendGAEvent(\"scroll_depth\", \"engagement\", `lspr_scrollytelling_${milestone}%`, milestone)\n        }\n      })\n    }\n  }\n\n  \/\/ GA: Track time on page\n  const startTime = Date.now()\n  window.addEventListener(\"beforeunload\", () => {\n    const timeSpent = Math.round((Date.now() - startTime) \/ 1000)\n    sendGAEvent(\"time_on_page\", \"engagement\", \"lspr_scrollytelling_seconds\", timeSpent)\n  })\n\n  \/\/ PERFORMANCE: Optimize image loading\n  function optimizeImages() {\n    const images = container.querySelectorAll('img[loading=\"lazy\"]')\n\n    \/\/ Use Intersection Observer for better lazy loading\n    const imageObserver = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            const img = entry.target\n            \/\/ PREVENT LAYOUT SHIFTS: Set dimensions before loading\n            if (!img.style.aspectRatio && img.dataset.aspectRatio) {\n              img.style.aspectRatio = img.dataset.aspectRatio\n            }\n            imageObserver.unobserve(img)\n          }\n        })\n      },\n      {\n        rootMargin: \"50px 0px\", \/\/ Load images slightly before they come into view\n      },\n    )\n\n    images.forEach((img) => {\n      imageObserver.observe(img)\n    })\n  }\n\n  \/\/ PERFORMANCE: Optimize scroll performance\n  function optimizeScrollPerformance() {\n    let ticking = false\n\n    function updateScrollElements() {\n      \/\/ Track scroll depth for GA\n      trackScrollDepth()\n      ticking = false\n    }\n\n    function requestTick() {\n      if (!ticking) {\n        requestAnimationFrame(updateScrollElements)\n        ticking = true\n      }\n    }\n\n    window.addEventListener(\"scroll\", requestTick, { passive: true })\n  }\n\n  \/\/ RESPONSIVE: Handle orientation changes smoothly\n  function handleOrientationChange() {\n    \/\/ PREVENT JUMPING: Recalculate dimensions after orientation change\n    setTimeout(() => {\n      const scrollContainers = container.querySelectorAll(\".resources-scroll-container, .events-scroll-container\")\n      scrollContainers.forEach((container) => {\n        \/\/ Force reflow to prevent jumping\n        container.style.transform = \"translateZ(0)\"\n      })\n    }, 100)\n  }\n\n  window.addEventListener(\"orientationchange\", debounce(handleOrientationChange, 250))\n  window.addEventListener(\"resize\", debounce(handleOrientationChange, 250))\n\n  \/\/ ACCESSIBILITY: Reduce motion for users who prefer it\n  function respectMotionPreferences() {\n    const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\")\n\n    if (prefersReducedMotion.matches) {\n      container.style.scrollBehavior = \"auto\"\n      \/\/ Disable smooth scrolling for horizontal containers\n      const scrollContainers = container.querySelectorAll(\".resources-scroll-container, .events-scroll-container\")\n      scrollContainers.forEach((scrollContainer) => {\n        scrollContainer.style.scrollBehavior = \"auto\"\n      })\n    }\n  }\n\n  \/\/ INITIALIZATION\n  function init() {\n    setupMobileNavigation()\n    optimizeImages()\n    optimizeScrollPerformance()\n    respectMotionPreferences()\n\n    \/\/ PERFORMANCE: Mark as loaded\n    container.setAttribute(\"data-loaded\", \"true\")\n  }\n\n  \/\/ Initialize when DOM is ready\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init)\n  } else {\n    init()\n  }\n})()\n<\/script>\n","innerContent":["\n<style>\n\/* Encapsulaci\u00f3n completa con ID \u00fanico *\/\n#lspr-narrativa-completa-2025 {\n  --primary-color: #04d99d;\n  --secondary-color: #68b9ff;\n  --accent-color: #fecd6c;\n  --text-dark: #1a1a1a;\n  --text-light: #666;\n  --paper-white: #ffffff;\n  --background-cream: #f9f5e9;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n  line-height: 1.6;\n  color: var(--text-dark);\n  overflow-x: hidden;\n  background: var(--background-cream);\n  position: relative !important;\n\n  \/* SMOOTH SCROLLING IMPROVEMENTS *\/\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#lspr-narrativa-completa-2025 *,\n#lspr-narrativa-completa-2025 *::before,\n#lspr-narrativa-completa-2025 *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;\n}\n\n\/* PREVENT LAYOUT SHIFTS - Critical for mobile stability *\/\n#lspr-narrativa-completa-2025 img {\n  \/* Prevent layout shifts during image loading *\/\n  width: 100%;\n  height: auto;\n  display: block;\n  \/* GPU acceleration for smoother rendering *\/\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  \/* Smooth transitions *\/\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* SMOOTH TRANSFORMS - Use hardware acceleration *\/\n#lspr-narrativa-completa-2025 .fade-in,\n#lspr-narrativa-completa-2025 .narrative-quote,\n#lspr-narrativa-completa-2025 .main-quote,\n#lspr-narrativa-completa-2025 .simple-text,\n#lspr-narrativa-completa-2025 .tip-item,\n#lspr-narrativa-completa-2025 .event-item,\n#lspr-narrativa-completa-2025 .resource-item {\n  \/* Use will-change for elements that will animate *\/\n  will-change: transform, opacity;\n  \/* GPU acceleration *\/\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  \/* Smooth transitions with better easing *\/\n  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Navigation Menu *\/\n#lspr-narrativa-completa-2025 .top-navigation {\n  position: relative !important;\n  width: 100% !important;\n  background: #000 !important;\n  z-index: 100 !important;\n  padding: 1rem 0 !important;\n  \/* Prevent jumping during mobile menu transitions *\/\n  transform: translateZ(0);\n}\n\n\/* Hero Section - Pantalla completa inmersiva *\/\n#lspr-narrativa-completa-2025 .hero-section {\n  height: 120vh;\n  min-height: 700px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  background: #000;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .hero-background {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  \/* Prevent repaints *\/\n  will-change: transform;\n}\n\n#lspr-narrativa-completa-2025 .hero-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  filter: brightness(0.7) contrast(1.2);\n  \/* Smooth hover effects *\/\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .hero-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 100%);\n  z-index: 2;\n}\n\n#lspr-narrativa-completa-2025 .hero-content {\n  position: relative;\n  z-index: 3;\n  text-align: center;\n  color: white;\n  max-width: 900px;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .hero-title {\n  font-size: clamp(3rem, 8vw, 5rem);\n  font-weight: bold;\n  margin-bottom: 1rem;\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);\n  line-height: 1.1;\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeInUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;\n}\n\n#lspr-narrativa-completa-2025 .hero-deck {\n  font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n  font-style: italic;\n  max-width: 700px;\n  margin: 0 auto;\n  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeInUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) 1.5s forwards;\n}\n\n\/* Secciones narrativas MEJORADAS *\/\n#lspr-narrativa-completa-2025 .narrative-section {\n  position: relative;\n  background: var(--background-cream);\n  overflow: hidden;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .narrative-header {\n  position: relative;\n  height: 140vh;\n  min-height: 900px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  overflow: hidden;\n  padding-bottom: 8rem;\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  \/* Prevent repaints during scroll *\/\n  will-change: transform;\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 30%;\n  filter: brightness(0.9) contrast(1.1) saturate(1.1);\n  \/* Smoother hover transitions *\/\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  \/* Prevent layout shifts *\/\n  transform: translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .narrative-section:hover .narrative-bg-image {\n  transform: scale(1.02) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-image.vertical {\n  object-position: center center;\n  object-fit: cover;\n}\n\n#lspr-narrativa-completa-2025 .narrative-bg-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.1) 0%,\n    rgba(0, 0, 0, 0.2) 40%,\n    rgba(0, 0, 0, 0.4) 70%,\n    rgba(0, 0, 0, 0.85) 100%\n  );\n  z-index: 2;\n}\n\n#lspr-narrativa-completa-2025 .narrative-content {\n  position: relative;\n  z-index: 3;\n  text-align: center;\n  padding: 0 2rem;\n  max-width: 800px;\n  color: white;\n}\n\n#lspr-narrativa-completa-2025 .photo-caption {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 1rem 2rem 1.5rem 2rem;\n  font-size: 0.8rem;\n  line-height: 1.3;\n  color: rgba(255, 255, 255, 0.9);\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);\n  z-index: 2;\n  font-style: italic;\n  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);\n}\n\n#lspr-narrativa-completa-2025 .narrative-quote {\n  font-size: clamp(1.6rem, 4vw, 2.4rem);\n  font-style: italic;\n  line-height: 1.3;\n  text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.95), 1px 1px 4px rgba(0, 0, 0, 0.8);\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .narrative-quote.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Secciones de texto *\/\n#lspr-narrativa-completa-2025 .text-section {\n  background: var(--paper-white);\n  color: var(--text-dark);\n  padding: 80px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .text-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .text-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-weight: 700;\n  margin-bottom: 2rem;\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .text-section p {\n  font-size: clamp(1.2rem, 3vw, 1.4rem);\n  line-height: 1.7;\n  margin-bottom: 2rem;\n  opacity: 0.9;\n}\n\n#lspr-narrativa-completa-2025 .highlight {\n  color: var(--secondary-color);\n  font-weight: 600;\n}\n\n\/* Secciones de tarjeta *\/\n#lspr-narrativa-completa-2025 .card-section {\n  background: var(--background-cream);\n  padding: 80px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .card-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .card-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-weight: 700;\n  margin-bottom: 2.5rem;\n  text-align: center;\n  color: var(--text-dark);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .simple-text {\n  font-size: clamp(1.2rem, 3vw, 1.4rem);\n  line-height: 1.7;\n  margin-bottom: 2rem;\n  color: var(--text-dark);\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .simple-text.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .simple-text strong {\n  color: var(--secondary-color);\n  font-weight: 600;\n}\n\n\/* Secciones de Cita *\/\n#lspr-narrativa-completa-2025 .quote-section {\n  background: var(--paper-white);\n  padding: 100px 0;\n  text-align: center;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .quote-wrapper {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .main-quote {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-style: italic;\n  line-height: 1.4;\n  margin-bottom: 2rem;\n  color: var(--text-dark);\n  position: relative;\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .main-quote.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .main-quote::before {\n  content: '\"';\n  font-size: 5rem;\n  color: var(--primary-color);\n  position: absolute;\n  top: -2rem;\n  left: -1rem;\n  opacity: 0.3;\n}\n\n#lspr-narrativa-completa-2025 .quote-author {\n  font-size: 1.2rem;\n  color: var(--text-light);\n  font-weight: 500;\n}\n\n\/* Secci\u00f3n de Consejos - FIXED FOR NO JUMPING *\/\n#lspr-narrativa-completa-2025 .tips-section {\n  background: var(--background-cream);\n  color: var(--text-dark);\n  padding: 80px 0; \/* Reduced from 100px *\/\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n  \/* CRITICAL: Fixed height to prevent jumping *\/\n  min-height: 600px;\n}\n\n#lspr-narrativa-completa-2025 .tip-item {\n  margin-bottom: 2rem; \/* Reduced from 3rem *\/\n  padding: 1.5rem 0; \/* Reduced from 2rem *\/\n  border-bottom: 1px solid rgba(104, 185, 255, 0.2);\n  opacity: 0;\n  transform: translateY(20px) translateZ(0); \/* Reduced from 30px *\/\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n  \/* CRITICAL: Fixed min-height to prevent jumping *\/\n  min-height: 120px;\n}\n\n#lspr-narrativa-completa-2025 .tip-item.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); \/* Faster transition *\/\n}\n\n\/* PREVENT JUMPING: Remove hover scale effect *\/\n#lspr-narrativa-completa-2025 .tip-item:hover .tip-number {\n  transform: translateZ(0); \/* Remove scale effect *\/\n  box-shadow: 0 4px 16px rgba(4, 217, 157, 0.3); \/* Keep original shadow *\/\n}\n\n#lspr-narrativa-completa-2025 .tips-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n#lspr-narrativa-completa-2025 .tips-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-weight: 700;\n  margin-bottom: 3rem;\n  text-align: center;\n  color: var(--text-dark);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .tip-item h3 {\n  display: flex;\n  align-items: center;\n  font-size: 1.6rem;\n  color: var(--secondary-color);\n  margin-bottom: 1rem;\n  font-weight: 600;\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .tip-item p {\n  font-size: 1.2rem;\n  line-height: 1.6;\n  color: var(--text-dark);\n}\n\n#lspr-narrativa-completa-2025 .tip-number {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);\n  color: white;\n  border-radius: 50%;\n  font-size: 1.3rem;\n  font-weight: 700;\n  margin-right: 1.2rem;\n  flex-shrink: 0;\n  box-shadow: 0 4px 16px rgba(4, 217, 157, 0.3);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  \/* GPU acceleration *\/\n  transform: translateZ(0);\n}\n\n\/* Secci\u00f3n de Recursos - IMPROVED FOR MOBILE *\/\n#lspr-narrativa-completa-2025 .resources-section {\n  background: var(--paper-white);\n  padding: 100px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .resources-content {\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n#lspr-narrativa-completa-2025 .resources-section h2 {\n  font-size: clamp(2rem, 5vw, 3rem);\n  font-weight: 700;\n  text-align: center;\n  margin-bottom: 3rem;\n  color: var(--text-dark);\n  padding: 0 2rem;\n}\n\n\/* CRITICAL: Smooth horizontal scrolling *\/\n#lspr-narrativa-completa-2025 .resources-scroll-container {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n  padding: 20px 0 40px;\n  margin: 0 -20px;\n  \/* PREVENT JUMPING: Use momentum scrolling *\/\n  scroll-snap-type: x proximity;\n  \/* GPU acceleration *\/\n  transform: translateZ(0);\n  will-change: scroll-position;\n}\n\n#lspr-narrativa-completa-2025 .resources-scroll-container::-webkit-scrollbar {\n  height: 8px;\n}\n#lspr-narrativa-completa-2025 .resources-scroll-container::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n}\n#lspr-narrativa-completa-2025 .resources-scroll-container::-webkit-scrollbar-thumb {\n  background: var(--primary-color);\n  border-radius: 10px;\n}\n\n#lspr-narrativa-completa-2025 .resources-grid {\n  display: flex;\n  gap: 2rem;\n  padding: 0 2rem;\n  width: max-content;\n  \/* Prevent layout shifts *\/\n  min-height: 200px;\n}\n\n#lspr-narrativa-completa-2025 .resource-item {\n  background: linear-gradient(135deg, var(--background-cream) 0%, #fff 100%);\n  padding: 2rem;\n  border-radius: 16px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n  border-left: 4px solid var(--primary-color);\n  \/* SMOOTH TRANSITIONS *\/\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n  width: 380px;\n  flex-shrink: 0;\n  animation: fadeInCard 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n  \/* Scroll snap for better mobile experience *\/\n  scroll-snap-align: start;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .resource-item:hover {\n  transform: translateY(-8px) translateZ(0);\n  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);\n  border-left-color: var(--secondary-color);\n}\n\n#lspr-narrativa-completa-2025 .resource-item h3 {\n  font-size: 1.3rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n  color: var(--secondary-color);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .resource-location {\n  font-size: 0.95rem;\n  color: var(--text-light);\n  margin-bottom: 1rem;\n  font-style: italic;\n  font-weight: 500;\n}\n\n#lspr-narrativa-completa-2025 .resource-item p {\n  font-size: 1rem;\n  line-height: 1.6;\n  color: var(--text-dark);\n}\n\n\/* Staggered animations *\/\n#lspr-narrativa-completa-2025 .resource-item:nth-child(1) {\n  animation-delay: 0.1s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(2) {\n  animation-delay: 0.2s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(3) {\n  animation-delay: 0.3s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(4) {\n  animation-delay: 0.4s;\n}\n#lspr-narrativa-completa-2025 .resource-item:nth-child(5) {\n  animation-delay: 0.5s;\n}\n\n\/* Secci\u00f3n de Eventos - IMPROVED FOR MOBILE *\/\n#lspr-narrativa-completa-2025 .events-section {\n  background: var(--background-cream);\n  padding: 80px 0;\n  position: relative;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .events-content {\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n#lspr-narrativa-completa-2025 .events-section h2 {\n  font-size: clamp(1.8rem, 4vw, 2.5rem);\n  font-weight: 700;\n  text-align: center;\n  margin-bottom: 2.5rem;\n  color: var(--text-dark);\n  padding: 0 2rem;\n}\n\n\/* CRITICAL: Smooth horizontal scrolling for events *\/\n#lspr-narrativa-completa-2025 .events-scroll-container {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n  padding: 10px 0 30px;\n  margin: 0 -1rem;\n  \/* PREVENT JUMPING *\/\n  scroll-snap-type: x proximity;\n  transform: translateZ(0);\n  will-change: scroll-position;\n}\n\n#lspr-narrativa-completa-2025 .events-scroll-container::-webkit-scrollbar {\n  height: 6px;\n}\n#lspr-narrativa-completa-2025 .events-scroll-container::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.05);\n  border-radius: 3px;\n}\n#lspr-narrativa-completa-2025 .events-scroll-container::-webkit-scrollbar-thumb {\n  background: var(--primary-color);\n  border-radius: 3px;\n}\n\n#lspr-narrativa-completa-2025 .events-grid {\n  display: flex;\n  gap: 1.5rem;\n  padding: 0 1rem;\n  width: max-content;\n  \/* Prevent layout shifts *\/\n  min-height: 150px;\n}\n\n#lspr-narrativa-completa-2025 .event-item {\n  background: white;\n  padding: 1.5rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  \/* SMOOTH TRANSITIONS *\/\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  width: 320px;\n  flex-shrink: 0;\n  opacity: 0;\n  transform: translateY(20px) translateZ(0);\n  animation: fadeInSimple 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n  \/* Scroll snap *\/\n  scroll-snap-align: start;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .event-item:hover {\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n  transform: translateY(-2px) translateZ(0);\n}\n\n#lspr-narrativa-completa-2025 .event-item h3 {\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n  color: var(--text-dark);\n  line-height: 1.3;\n}\n\n#lspr-narrativa-completa-2025 .event-date {\n  font-size: 0.85rem;\n  color: var(--primary-color);\n  margin-bottom: 0.8rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n#lspr-narrativa-completa-2025 .event-item p {\n  font-size: 0.9rem;\n  line-height: 1.5;\n  color: var(--text-light);\n  margin: 0;\n}\n\n\/* Staggered animations for events *\/\n#lspr-narrativa-completa-2025 .event-item:nth-child(1) {\n  animation-delay: 0.1s;\n}\n#lspr-narrativa-completa-2025 .event-item:nth-child(2) {\n  animation-delay: 0.15s;\n}\n#lspr-narrativa-completa-2025 .event-item:nth-child(3) {\n  animation-delay: 0.2s;\n}\n\n\/* Byline section *\/\n#lspr-narrativa-completa-2025 .byline-section {\n  background: #000 !important;\n  padding: 40px 0 !important;\n  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\n  margin: 0 !important;\n  \/* Prevent layout shifts *\/\n  contain: layout style paint;\n}\n\n#lspr-narrativa-completa-2025 .byline-container {\n  max-width: 800px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 20px !important;\n}\n\n#lspr-narrativa-completa-2025 .byline-authors {\n  display: flex !important;\n  gap: 30px !important;\n  align-items: flex-start !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;\n  padding-bottom: 20px !important;\n  flex-wrap: wrap !important;\n}\n\n#lspr-narrativa-completa-2025 .author-item {\n  display: flex !important;\n  align-items: center !important;\n  gap: 15px !important;\n}\n\n#lspr-narrativa-completa-2025 .author-avatar {\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 50% !important;\n  object-fit: cover !important;\n  flex-shrink: 0 !important;\n  \/* Prevent layout shifts *\/\n  aspect-ratio: 1;\n}\n\n#lspr-narrativa-completa-2025 .author-credit {\n  font-size: 1rem !important;\n  font-weight: normal !important;\n  color: rgba(255, 255, 255, 0.9) !important;\n  margin: 0 !important;\n  line-height: 1.3 !important;\n}\n\n#lspr-narrativa-completa-2025 .byline-date {\n  text-align: left !important;\n  margin-bottom: 2px !important;\n}\n\n#lspr-narrativa-completa-2025 .byline-date p {\n  font-size: 0.9rem !important;\n  color: rgba(255, 255, 255, 0.7) !important;\n  margin: 0 !important;\n  font-style: italic !important;\n}\n\n  #lspr-narrativa-completa-2025 .portrait-caption {\n    padding: 0.8rem 1.5rem 1.2rem 1.5rem;\n    font-size: 0.7rem;\n    font-style: italic;\n  }\n\n\/* Navigation styles *\/\n#lspr-narrativa-completa-2025 .nav-container {\n  max-width: 1400px !important;\n  margin: 0 auto !important;\n  padding: 0 2rem !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n#lspr-narrativa-completa-2025 .nav-menu {\n  display: flex !important;\n  font-size: 0.95rem !important;\n  justify-content: center !important;\n  align-items: center !important;\n  gap: 1rem !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n\n#lspr-narrativa-completa-2025 .nav-item {\n  margin: 0 !important;\n}\n\n#lspr-narrativa-completa-2025 .top-navigation .nav-link {\n  color: #fff !important;\n  text-decoration: none !important;\n  font-size: 0.95rem !important;\n  font-weight: 500 !important;\n  padding: 0.5rem 1rem !important;\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  white-space: nowrap !important;\n  background: none !important;\n  border: none !important;\n}\n\n#lspr-narrativa-completa-2025 .top-navigation .nav-link:hover,\n#lspr-narrativa-completa-2025 .top-navigation .nav-link:focus {\n  color: #04d99d !important;\n}\n\n\/* Mobile Navigation - IMPROVED *\/\n#lspr-narrativa-completa-2025 .mobile-nav-toggle {\n  display: none !important;\n  background: none !important;\n  border: none !important;\n  color: #fff !important;\n  font-size: 1.5rem !important;\n  cursor: pointer !important;\n  padding: 0.5rem !important;\n  z-index: 101 !important;\n  \/* Smooth transitions *\/\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-toggle:hover {\n  color: #04d99d !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-overlay {\n  display: none;\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  width: 100vw !important;\n  height: 100vh !important;\n  background: #000 !important;\n  z-index: 999999 !important;\n  overflow-y: auto !important;\n  \/* SMOOTH TRANSITIONS *\/\n  opacity: 0;\n  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-overlay.active {\n  display: flex !important;\n  flex-direction: column !important;\n  opacity: 1;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-header {\n  display: flex !important;\n  justify-content: flex-start !important;\n  align-items: center !important;\n  padding: 2rem 2rem 1rem 2rem !important;\n  flex-shrink: 0 !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-close {\n  background: none !important;\n  border: none !important;\n  color: #fff !important;\n  font-size: 2.5rem !important;\n  cursor: pointer !important;\n  padding: 0 !important;\n  line-height: 1 !important;\n  font-weight: 300 !important;\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-close:hover {\n  color: #04d99d !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-content {\n  flex: 1 !important;\n  padding: 1rem 0 !important;\n  width: 100% !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-list {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 0 !important;\n  align-items: flex-start !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  list-style: none !important;\n  width: 100% !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-item {\n  margin: 0 !important;\n  width: 100% !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-link {\n  display: block !important;\n  text-align: left !important;\n  padding: 1.8rem 2rem !important;\n  width: 100% !important;\n  font-size: 1.5rem !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n  color: #fff !important;\n  text-decoration: none !important;\n  font-weight: 700 !important;\n  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  box-sizing: border-box !important;\n  background: none !important;\n}\n\n#lspr-narrativa-completa-2025 .mobile-nav-link:hover {\n  color: #04d99d !important;\n}\n\n\/* PREVENT BODY SCROLL JUMPING *\/\nbody.mobile-menu-open {\n  overflow: hidden !important;\n  position: fixed !important;\n  width: 100% !important;\n  height: 100% !important;\n}\n\n\/* IMPROVED ANIMATIONS *\/\n@keyframes fadeInUp {\n  to {\n    opacity: 1;\n    transform: translateY(0) translateZ(0);\n  }\n}\n\n@keyframes fadeInCard {\n  to {\n    opacity: 1;\n    transform: translateY(0) translateZ(0);\n  }\n}\n\n@keyframes fadeInSimple {\n  to {\n    opacity: 1;\n    transform: translateY(0) translateZ(0);\n  }\n}\n\n#lspr-narrativa-completa-2025 .fade-in {\n  opacity: 0;\n  transform: translateY(30px) translateZ(0);\n  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 .fade-in.visible,\n#lspr-narrativa-completa-2025 .resource-item.visible,\n#lspr-narrativa-completa-2025 .event-item.visible {\n  opacity: 1;\n  transform: translateY(0) translateZ(0);\n}\n\n\/* Enlaces *\/\n#lspr-narrativa-completa-2025 a,\n#lspr-narrativa-completa-2025 a:link,\n#lspr-narrativa-completa-2025 a:visited {\n  color: var(--primary-color);\n  text-decoration: underline;\n  font-weight: 500;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#lspr-narrativa-completa-2025 a:hover,\n#lspr-narrativa-completa-2025 a:focus {\n  color: var(--secondary-color);\n  text-decoration: none;\n}\n\n\/* Instagram Embed Centering *\/\n#lspr-narrativa-completa-2025 .instagram-embed,\n#lspr-narrativa-completa-2025 blockquote[class*=\"instagram\"],\n#lspr-narrativa-completa-2025 iframe[src*=\"instagram\"],\n#lspr-narrativa-completa-2025 .instagram-media {\n  margin: 2rem auto !important;\n  display: block !important;\n  text-align: center !important;\n  max-width: 540px !important;\n  width: 100% !important;\n}\n\n\/* Container for Instagram embeds *\/\n#lspr-narrativa-completa-2025 .social-embed-container {\n  display: flex !important;\n  justify-content: center !important;\n  align-items: center !important;\n  width: 100% !important;\n  margin: 2rem 0 !important;\n}\n\n\/* RESPONSIVE IMPROVEMENTS *\/\n@media (max-width: 1024px) {\n  #lspr-narrativa-completa-2025 .nav-menu {\n    gap: 1.5rem !important;\n  }\n  #lspr-narrativa-completa-2025 .top-navigation .nav-link {\n    font-size: 0.9rem !important;\n    padding: 0.4rem 0.8rem !important;\n  }\n}\n\n@media (max-width: 768px) {\n  \/* Reduce heights to prevent jumping *\/\n  #lspr-narrativa-completa-2025 .narrative-header {\n    height: 100vh;\n    min-height: 600px;\n    padding-bottom: 4rem;\n  }\n\n  #lspr-narrativa-completa-2025 .narrative-quote {\n    font-size: clamp(1.4rem, 5vw, 1.8rem);\n    line-height: 1.4;\n  }\n\n  \/* Reduce padding to prevent jumping *\/\n  #lspr-narrativa-completa-2025 .text-section,\n  #lspr-narrativa-completa-2025 .card-section,\n  #lspr-narrativa-completa-2025 .quote-section,\n  #lspr-narrativa-completa-2025 .resources-section,\n  #lspr-narrativa-completa-2025 .events-section {\n    padding: 60px 0;\n  }\n\n  #lspr-narrativa-completa-2025 .main-quote::before {\n    display: none;\n  }\n\n  #lspr-narrativa-completa-2025 .photo-caption {\n    padding: 0.8rem 1.5rem 1.2rem 1.5rem;\n    font-size: 0.75rem;\n  }\n\n  \/* Byline responsive *\/\n  #lspr-narrativa-completa-2025 .byline-authors {\n    flex-direction: column !important;\n    gap: 15px !important;\n  }\n\n  \/* Nav responsive *\/\n  #lspr-narrativa-completa-2025 .nav-container {\n    padding: 0 1.5rem !important;\n    justify-content: flex-end !important;\n  }\n  #lspr-narrativa-completa-2025 .nav-menu {\n    display: none !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-toggle {\n    display: block !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-header {\n    padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-close {\n    font-size: 2rem !important;\n  }\n  #lspr-narrativa-completa-2025 .mobile-nav-link {\n    padding: 1.2rem 1.5rem !important;\n    font-size: 1.2rem !important;\n  }\n\n  \/* CRITICAL: Improve horizontal scroll on mobile *\/\n  #lspr-narrativa-completa-2025 .resources-scroll-container,\n  #lspr-narrativa-completa-2025 .events-scroll-container {\n    \/* Better momentum scrolling *\/\n    -webkit-overflow-scrolling: touch;\n    scroll-behavior: smooth;\n    \/* Prevent bounce *\/\n    overscroll-behavior-x: contain;\n  }\n\n  #lspr-narrativa-completa-2025 .resource-item {\n    width: 320px; \/* Smaller on mobile *\/\n    padding: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .event-item {\n    width: 280px; \/* Smaller on mobile *\/\n    padding: 1.2rem;\n  }\n\n  \/* Add to the @media (max-width: 768px) section *\/\n  #lspr-narrativa-completa-2025 .tips-section {\n    padding: 50px 0; \/* Reduced from 60px *\/\n    min-height: 500px; \/* Smaller on mobile *\/\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item {\n    margin-bottom: 1.5rem; \/* Reduced *\/\n    padding: 1rem 0; \/* Reduced *\/\n    min-height: 100px; \/* Smaller on mobile *\/\n  }\n\n  #lspr-narrativa-completa-2025 .tip-number {\n    width: 40px;\n    height: 40px;\n    font-size: 1.1rem;\n    margin-right: 1rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item h3 {\n    font-size: 1.3rem;\n  }\n}\n\n@media (max-width: 480px) {\n  \/* Further reduce content padding *\/\n  #lspr-narrativa-completa-2025 .hero-content,\n  #lspr-narrativa-completa-2025 .narrative-content,\n  #lspr-narrativa-completa-2025 .text-content,\n  #lspr-narrativa-completa-2025 .card-content,\n  #lspr-narrativa-completa-2025 .quote-wrapper,\n  #lspr-narrativa-completa-2025 .resources-content,\n  #lspr-narrativa-completa-2025 .events-content {\n    padding: 0 1rem;\n  }\n\n  #lspr-narrativa-completa-2025 .narrative-header {\n    height: 90vh;\n    min-height: 500px;\n    padding-bottom: 3rem;\n  }\n\n  #lspr-narrativa-completa-2025 .text-section h2,\n  #lspr-narrativa-completa-2025 .card-section h2,\n  #lspr-narrativa-completa-2025 .resources-section h2,\n  #lspr-narrativa-completa-2025 .events-section h2 {\n    font-size: 1.6rem;\n    line-height: 1.2;\n    margin-bottom: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .text-section p,\n  #lspr-narrativa-completa-2025 .simple-text {\n    font-size: 1.1rem;\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .photo-caption {\n    padding: 0.6rem 1rem 1rem 1rem;\n    font-size: 0.7rem;\n    line-height: 1.2;\n  }\n\n  \/* Even smaller cards on very small screens *\/\n  #lspr-narrativa-completa-2025 .resource-item {\n    width: 280px;\n    padding: 1.2rem;\n  }\n\n  #lspr-narrativa-completa-2025 .event-item {\n    width: 250px;\n    padding: 1rem;\n  }\n\n  \/* Add to the @media (max-width: 480px) section *\/\n  #lspr-narrativa-completa-2025 .tips-content {\n    padding: 0 1rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tips-section {\n    padding: 40px 0; \/* Further reduced *\/\n    min-height: 450px;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item {\n    margin-bottom: 1rem;\n    padding: 0.8rem 0;\n    min-height: 90px;\n  }\n\n  #lspr-narrativa-completa-2025 .tips-section h2 {\n    font-size: 1.6rem;\n    line-height: 1.2;\n    margin-bottom: 1.5rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-number {\n    width: 36px;\n    height: 36px;\n    font-size: 1rem;\n    margin-right: 0.8rem;\n  }\n\n  #lspr-narrativa-completa-2025 .tip-item h3 {\n    font-size: 1.2rem;\n  }\n}\n\n  #lspr-narrativa-completa-2025 .portrait-caption {\n    padding: 0.8rem 1.5rem 1.2rem 1.5rem;\n    font-size: 0.7rem;\n    font-style: italic;\n    line-height: 1.1;\n  }\n\n\/* PERFORMANCE OPTIMIZATIONS *\/\n#lspr-narrativa-completa-2025 * {\n  \/* Optimize rendering *\/\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n\/* Reduce motion for users who prefer it *\/\n@media (prefers-reduced-motion: reduce) {\n  #lspr-narrativa-completa-2025 *,\n  #lspr-narrativa-completa-2025 *::before,\n  #lspr-narrativa-completa-2025 *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n<\/style>\n\n<div id=\"lspr-narrativa-completa-2025\">\n    <!-- Top Navigation -->\n    <nav class=\"top-navigation\" aria-label=\"Navegaci\u00f3n principal\">\n        <div class=\"nav-container\">\n            <!-- Menu toggle -->\n            <button class=\"nav-toggle\" aria-label=\"Abrir men\u00fa de navegaci\u00f3n\">\u2630<\/button>\n            <ul class=\"nav-menu\">\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/\" class=\"nav-link\">Homepage<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&utm_medium=referral&utm_campaign=homepage-component&utm_content=homepage-link\" class=\"nav-link\">Itineraries<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"nav-link\">Travel<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"nav-link\">Directory<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"nav-link\">About<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"nav-link\">Spanish<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/nav>\n\n    <!-- Mobile Navigation Overlay -->\n    <div class=\"mobile-nav-overlay\" aria-label=\"Men\u00fa de navegaci\u00f3n m\u00f3vil\">\n        <div class=\"mobile-nav-header\">\n            <button class=\"mobile-nav-close\" aria-label=\"Cerrar men\u00fa\">\u2715<\/button>\n        <\/div>\n        <nav class=\"mobile-nav-content\">\n            <ul class=\"mobile-nav-list\">\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/\" class=\"mobile-nav-link\">Homepage<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.guide.com\/?utm_source=plateapr-english&utm_medium=referral&utm_campaign=homepage-component&utm_content=homepage-link\" class=\"mobile-nav-link\">PR Itineraries<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/en\/puerto-rico-travel-guide\/\" class=\"mobile-nav-link\">Travel Guide<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/mapa.plateapr.com\/places\" class=\"mobile-nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">Map<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/directorio\/\" class=\"mobile-nav-link\">Directory<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\/about-us\/\" class=\"mobile-nav-link\">About Us<\/a><\/li>\n                <li class=\"mobile-nav-item\"><a href=\"https:\/\/www.plateapr.com\" class=\"mobile-nav-link\">In Spanish<\/a><\/li>\n            <\/ul>\n        <\/nav>\n    <\/div>\n\n    <!-- Main Content -->\n    <div role=\"main\" aria-label=\"Lenguaje de se\u00f1as en Residencia de Bad Bunny: el arte de interpretar canciones\">\n        <!-- Hero Section -->\n        <section class=\"hero-section\" aria-label=\"T\u00edtulo principal\">\n            <div class=\"hero-background\">\n                <!-- NO lazy loading para la imagen principal -->\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_0343-1-Large.jpeg\" alt=\"Tercer concierto de la Residencia de Bad Bunny con int\u00e9rpretes de LSPR\" class=\"hero-image\">\n                <div class=\"hero-overlay\"><\/div>\n            <\/div>\n            <div class=\"hero-content\">\n                <h1 class=\"hero-title\">The art of interpreting songs in sign language<\/h1>\n                <p class=\"hero-deck\">Two interpreters who worked at Bad Bunny's concert tell us how they do their job and its importance to the deaf community.\n<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Byline -->\n        <section class=\"byline-section\" aria-label=\"Autor\u00eda del art\u00edculo\">\n            <div class=\"byline-container\">\n                <div class=\"byline-date\">\n                    <p>julio 21, 2025<\/p>\n                <\/div>\n                <div class=\"byline-authors\">\n                    <div class=\"author-item\">\n                        <!-- Lazy loading para avatar -->\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2024\/04\/Cindy-.jpeg?crop=1:1,smart&width=200\" alt=\"Cindy Burgos Alvarado\" class=\"author-avatar\" loading=\"lazy\" decoding=\"async\">\n                        <div class=\"author-details\">\n                            <p class=\"author-credit\">By Cindy Burgos Alvarado | PlateaPR<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Introducci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Introducci\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_2836-2-scaled.jpeg\" alt=\"La int\u00e9rprete de LSPR Emely Font\u00e1nez durante concierto de Bad Bunny. (Suministrada por National Interpreters Puerto Rico)\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                    <div class=\"photo-caption\">LSPR interpreter Emely Font\u00e1nez during Bad Bunny's concert. (Provided by National Interpreters Puerto Rico) (caption)<\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\"><\/blockquote>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Contexto sobre fondo blanco -->\n        <section class=\"text-section\" aria-label=\"Contexto del trabajo\">\n            <div class=\"text-content fade-in\">\n                <p>At first glance, it looks like they are dancing and moving their hands and arms, but their work goes far beyond translating a song into sign language.<\/p>\n                <p>The LSPR interpreters at the concert \u201cYo no me quiero ir de aqu\u00ed\u201d (\u201cI don't want to leave here\u201d) by the reggaet\u00f3n star Bad Bunny have gone viral on social media for the rhythm and flavor they bring to their performances.<\/p>\n                <p>Two of them, <span class=\"highlight\">Emely Font\u00e1nez<\/span>, 28, y <span class=\"highlight\">Paola P\u00e9rez<\/span>, 26, both from <a href=\"https:\/\/nationalinterpreterspr.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ga-link\" data-category=\"external-links\" data-label=\"National Interpreters PR\">National Interpreters Puerto Rico<\/a>, spoke with Platea and told us how they were received by the audience after participating in the concerts\u2014noting that there were deaf people at all three performances\u2014and how the art of interpreting a song in LSPR works.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Quote de Emely - Secci\u00f3n inmersiva -->\n        <section class=\"quote-section\" aria-label=\"Testimonio de Emely Font\u00e1nez\">\n            <div class=\"quote-wrapper\">\n                <blockquote class=\"main-quote fade-in\">I didn't expect that reception from people at all. It was a surprise for me to wake up on Monday and see my phone full of videos.\u201d<\/blockquote>\n                <cite class=\"quote-author\">Emely Font\u00e1nez, special education teacher and sign language interpreter from Puerto Rico<\/cite>\n            <\/div>\n        <\/section>\n\n        <!-- Proceso de interpretaci\u00f3n -->\n        <section class=\"card-section\" aria-label=\"Proceso de interpretaci\u00f3n\">\n            <div class=\"card-content\">\n                <h2>\ud83e\uddcf How is a song interpreted in sign language?<\/h2>\n                <p class=\"simple-text fade-in\">Emely and Paola studied Special Education with a specialization in deaf education at the University of Puerto Rico (UPR) in R\u00edo Piedras, but they continued their studies at LSPR institutions to become interpreters and master the details of sign language, which they consider to be a<strong> \u201cPuerto Rican deaf culture.\u201d<\/strong>.<\/p>\n                <p class=\"simple-text fade-in\">Both agreed that interpreting a conversation is not the same as interpreting a concert, as it requires additional preparation focused on three fundamental elements: understanding the message of each song, the emotion it conveys, and the artist's idea behind the composition.\n<\/p>\n                <p class=\"simple-text fade-in\">\"It's not the same as interpreting a press conference or an interview, where you prepare with the vocabulary of what they are going to talk about and you must have a broad knowledge of the topics... Songs are a little more complicated,\" said Emely.<\/p>\n                <p class=\"simple-text fade-in\">It's about \u201cconceptualizing a song,\u201d added Paola about the creative process behind each interpretation.<\/p>\n                <p class=\"simple-text fade-in\">That's why interpreters dance to the rhythm of the music, evoke the feelings of the artists and the audience, and show in signs when there is an instrumental solo, and provide details about the overall atmosphere throughout the event.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Preparaci\u00f3n - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Preparaci\u00f3n para los conciertos\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_0427-1.jpg\" alt=\"La int\u00e9rprete de LSPR Emely Font\u00e1nez durante concierto de Bad Bunny. (Suministrada por National Interpreters Puerto Rico)\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\">They didn't have the song list until an hour before the concert began.\n<\/blockquote>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n\n        <!-- Detalles de preparaci\u00f3n -->\n        <section class=\"text-section\" aria-label=\"Detalles de la preparaci\u00f3n\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83d\udcda How did they prepare to interpret the concert at LSPR?<\/h2>\n                <p>Ideally, interpreters should have the list of songs that will be played at the concert in advance so that they can study them. In this case, <span class=\"highlight\">they did not have that list until an hour before the concert began<\/span>, which was a great challenge, especially for the first performance.<\/p>\n                <p>However, since National Interpreters Puerto Rico learned on July 7 that it would be one of four companies interpreting the concerts at the Residencia in LSPR, the interpreters began studying the songs of Benito Antonio Mart\u00ednez Ocasio, keeping in mind that the focus would be on his latest album, Deb\u00ed tirar m\u00e1s fotos.\n<\/p>\n                <p>\u201cWe divided the songs among the team and began to study them. This song: what is it about? Is it a sad song? Is it a song about heartbreak? Why did the artist really write that song? Then, we go verse by verse, line by line, conceptualizing from Spanish, in this case Bad Bunny, to sign language, because sign language has a different grammar,\u201d Emely explained.<\/p>\n                <p>In the case of songs with metaphors, Paola explained that they analyze the message behind each one. She gave the example of the phrase \u201cmy heart is on fire,\u201d which they do not interpret literally, but rather sign \u201cI am in love\u201d so that the message of the song is understood in LSPR.<\/p>\n            <\/div>\n        <\/section>\n        \n        <!-- Instagram Embed -->\n        <section class=\"instagram-section\" aria-label=\"Video de Instagram\">\n            <div class=\"instagram-content\">\n                <blockquote class=\"instagram-media\" data-instgrm-captioned data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DMGqE31yBjZ\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\" style=\" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\"><div style=\"padding:16px;\"> <a href=\"https:\/\/www.instagram.com\/reel\/DMGqE31yBjZ\/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;\" target=\"_blank\"> <div style=\" display: flex; flex-direction: row; align-items: center;\"> <div style=\"background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div> <div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\"> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div><\/div><\/div><div style=\"padding: 19% 0;\"><\/div> <div style=\"display:block; height:50px; margin:0 auto 12px; width:50px;\"><svg width=\"50px\" height=\"50px\" viewBox=\"0 0 60 60\" version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g transform=\"translate(-511.000000, -20.000000)\" fill=\"#000000\"><g><path d=\"M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631\"><\/path><\/g><\/g><\/g><\/svg><\/div><div style=\"padding-top: 8px;\"> <div style=\" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;\">View this post on Instagram<\/div><\/div><div style=\"padding: 12.5% 0;\"><\/div> <div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\"><div> <div style=\"background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div> <div style=\"background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div> <div style=\"background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div><\/div><div style=\"margin-left: 8px;\"> <div style=\" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div> <div style=\" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)\"><\/div><\/div><div style=\"margin-left: auto;\"> <div style=\" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div> <div style=\" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div> <div style=\" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div><\/div><\/div> <div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\"> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div><\/div><\/a><p style=\" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;\"><a href=\"https:\/\/www.instagram.com\/reel\/DMGqE31yBjZ\/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;\" target=\"_blank\">A post shared by National Interpreters (@nationalinterpreterspr)<\/a><\/p><\/div><\/blockquote>\n                <script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\n            <\/div>\n        <\/section>\n\n        <!-- Ejemplo Hawaii -->\n        <section class=\"card-section\" aria-label=\"Ejemplo de interpretaci\u00f3n\">\n            <div class=\"card-content\">\n                <h2>\ud83e\udd14 How do you interpret, for example, Lo que le pas\u00f3 a Hawaii?<\/h2>\n                <p class=\"simple-text fade-in\">Both of them performed this song in the second and third performances of the Residency and emphasized that, beyond the conceptualization and explanation of social criticism, they tried to convey the feeling of the composition.<\/p>\n                <p class=\"simple-text fade-in\"><strong>\u201cI see that song as one of suffering, sorrow, and anguish, and that has to be seen in the gestures of a performer,\u201d<\/strong>, said Paola.<\/p>\n                <p class=\"simple-text fade-in\">Emely added that in the chorus that says, \u201cThey want to take away my river,\u201d in that context, \u201cit refers to people, specifically Americans and people from other countries, who want to take over our lands, and that's the interpretation... That's how we conceptualize it.\u201d<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Trabajo en equipo -->\n        <section class=\"text-section\" aria-label=\"Trabajo en equipo\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83d\udd22 How many people are needed to interpret a concert in LSPR?<\/h2>\n                <p>In this case, each performance has had <span class=\"highlight\"> three interpreters<\/span> working together. When one interprets, there is another in front anticipating what the song might say, so they help each other to make the interpretation as clear and accurate as possible.<\/p>\n                <p>One of the interpreters printed out almost all of Bad Bunny's lyrics so they would be available in case they were sung.\n<\/p>\n                <p>\u201cIt's a lot of mental and physical strain\u201d to do a job like this, said Emely, who was exhausted after interpreting the concert.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Malas palabras - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Sobre el contenido sin filtros\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_2848-2-scaled.jpeg\" alt=\"Int\u00e9rpretes transmitiendo el mensaje aut\u00e9ntico sin filtros durante el concierto\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\">\u275dJust as a ramp provides accessibility for a person in a wheelchair, an interpreter provides accessibility for a deaf person.\u275e<\/blockquote>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Trabajo en equipo -->\n        <section class=\"text-section\" aria-label=\"Trabajo en equipo\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83d\ude4c Why interpret concerts in sign language?<\/h2>\n                <p>\u201cThe importance of having sign language interpreters is that we are practically there as a bridge of communication... Really, we have the same function as a ramp: we are accessibility,\u201d explained Emely.<\/p>\n                <p>The LSPR interpreter added that \u201cwe all have the right to enjoy art,\u201d especially knowing that Puerto Rican culture is expressed so much through music.<\/p>\n            <\/div>\n        <\/section>\n        \n                <!-- Importancia - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Importancia de la interpretaci\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_0345-Large.webp\" alt=\"La importancia de la interpretaci\u00f3n en LSPR como puente de comunicaci\u00f3n\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Detalles sobre autenticidad -->\n        <section class=\"text-section\" aria-label=\"Autenticidad en la interpretaci\u00f3n\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83e\udd2c Do you filter out the \u201cbad words\u201d in the songs?<\/h2>\n                <p>\u201cDeaf people have the right to enjoy it in the same way that we as listeners do. If what you hear is vulgar, it's going to come across as vulgar because, clearly, you have to interpret what you hear and not put filters on it to soften things. It is what it is. It's simply accessibility,\u201d explained Paola.<\/p>\n                <p>Emely pointed out that in LSPR \"there are bad words too. It's a language like any other, and these are words from Puerto Rico.\" Therefore, in a song like Safaera, the message is conveyed as it is.<\/p>\n                <p>\u201cI am the bridge. I forget that I am Emely, I forget that I am a teacher. My mom and dad know that I am working. And, literally, it's about conveying the message as it is,\u201d she added.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Importancia - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Importancia de la interpretaci\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/IMG_2899-2-scaled.jpeg\" alt=\"La importancia de la interpretaci\u00f3n en LSPR como puente de comunicaci\u00f3n\" class=\"narrative-bg-image vertical\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Quote sobre importancia -->\n        <section class=\"quote-section\" aria-label=\"Importancia de la interpretaci\u00f3n\">\n            <div class=\"quote-wrapper\">\n                <blockquote class=\"main-quote fade-in\">\u275dThe importance of having sign language interpreters is that we are practically there as a bridge of communication. Just as a ramp provides accessibility for a person in a wheelchair, an interpreter provides accessibility for a deaf person.\u275e<\/blockquote>\n                <cite class=\"quote-author\">Emely Font\u00e1nez<\/cite>\n            <\/div>\n        <\/section>\n\n        <!-- Cultura sorda - Secci\u00f3n narrativa -->\n        <section class=\"narrative-section\" aria-label=\"Cultura sorda puertorrique\u00f1a\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/c727469d-b748-453f-8d54-6bd46ba16a05-scaled.webp\" alt=\"Yenitza Rivera, 32 a\u00f1os, maestra de Educaci\u00f3n Especial especializada en sordos e int\u00e9rprete de lenguaje de se\u00f1as. (Suministrada por National Interpreters Puerto Rico)\" class=\"narrative-bg-image\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                    <div class=\"photo-caption\">Yenitza Rivera, 32, special education teacher specializing in deaf students and sign language interpreter. (Provided by National Interpreters Puerto Rico) (caption)<\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Informaci\u00f3n sobre cultura sorda -->\n        <section class=\"text-section\" aria-label=\"Cultura sorda puertorrique\u00f1a\">\n            <div class=\"text-content fade-in\">\n                <h2>What is Puerto Rican deaf culture like?<\/h2>\n                <p>For Gabriel Cuadrado, a 22-year-old graphic designer who belongs to the deaf community, there is a <span class=\"highlight\">\u201cPuerto Rican deaf culture\u201d<\/span> that, like our Puerto Rican culture, is made up of people who \u201chave a lot of energy and good vibes.\u201d<\/p>\n                \n                <div class=\"portrait-container fade-in\">\n            <div class=\"portrait-frame\">\n                <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/99e9cb81-fbb6-4a22-b766-5ae860b18c5e.jpg\" \n                     alt=\"Gabriel Cuadrado, dise\u00f1ador gr\u00e1fico de 22 a\u00f1os y miembro de la comunidad sorda\" \n                     class=\"portrait-image\" \n                     loading=\"lazy\" \n                     decoding=\"async\">\n            <\/div>\n            <p class=\"portrait-caption\">Gabriel Cuadrado, graphic designer and member of the deaf community.<\/p>\n        <\/div>\n                <p>\u201cWe are a community that pitches in to support each other, and that is something very Puerto Rican. It is something I feel, appreciate, and am proud of that identity I have accepted,\u201d Gabriel said in an interview with Platea.<\/p>\n                <p>For him, it is important \u201cnot to tell deaf people that they cannot achieve certain things.\u201d On the contrary, \u201cas a deaf person, I know that I can achieve anything I set my mind to and not be inferior to other people... I want to tell (other deaf people) that they can do it, and that is something very significant and cultural in the deaf community of Puerto Rico.\u201d<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Experiencia de Gabriel -->\n        <section class=\"text-section\" aria-label=\"Experiencia de la comunidad sorda\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83e\udef6 How has the deaf community welcomed interpreters at concerts?<\/h2>\n                <p>Gabriel said that his concert experience has been transformed by having an LSPR interpreter.<\/p>\n                <p>Without an LSPR interpreter, \u201cit's not like I'm involved in the same enjoyment that everyone else is having,\u201d Gabriel said.<\/p>\n                <p>\u201cWhen we have the LSPR interpreter, I can see the stage, the audience, everyone is connected, I can also connect with the singer's message and understand those songs. That's where I connect with the message and the intention,\u201d Gabriel said.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Quote de Gabriel -->\n        <section class=\"quote-section\" aria-label=\"Testimonio de Gabriel\">\n            <div class=\"quote-wrapper\">\n                <blockquote class=\"main-quote fade-in\">\u275dIt's good to have an interpreter there to provide access to the deaf community\u275e.<\/blockquote>\n                <cite class=\"quote-author\">Gabriel Cuadrado, graphic designer and member of the deaf community<\/cite>\n            <\/div>\n        <\/section>\n\n        <!-- Secci\u00f3n de recursos para aprender LSPR -->\n        <section class=\"resources-section\" aria-label=\"D\u00f3nde aprender LSPR\">\n            <div class=\"resources-content\">\n                <h2 class=\"fade-in\">Where can you learn Puerto Rican Sign Language (LSPR)?<\/h2>\n                <div class=\"resources-scroll-container\">\n                    <div class=\"resources-grid\">\n                        <div class=\"resource-item ga-resource\" data-resource=\"estudiaz\">\n                            <h3><a href=\"https:\/\/www.estudiaz.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">ESTUDIAZ<\/a><\/h3>\n                            <div class=\"resource-location\">San Juan<\/div>\n                            <p>This educational institution offers specialized services for the deaf community and their families. They offer sign language courses for children, young people, and adults at basic, intermediate, and advanced levels. It is the school where Gabriel Cuadrado teaches LSPR classes.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"upr-decep\">\n                            <h3><a href=\"https:\/\/decep.uprrp.edu\/curso\/lenguaje-de-senas-basico\/\" target=\"_blank\" rel=\"noopener noreferrer\">Divisi\u00f3n de Educaci\u00f3n Continua y Estudios Profesionales (DECEP) de la UPR<\/a><\/h3>\n                            <div class=\"resource-location\">R\u00edo Piedras (San Juan)<\/div>\n                            <p><a href=\"https:\/\/www.upr.edu\/desarrolloprofesional\/wp-content\/uploads\/sites\/99\/2020\/03\/Curso-B%C3%A1sico-de-lenguaje-de-Se%C3%B1as.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Basic Course<\/a> offered in person on Saturdays at the UPR in R\u00edo Piedras. It is also offered at <a href=\"https:\/\/decepenlinea.upra.edu\/product\/lenguaje-de-senas-basico\/\" target=\"_blank\" rel=\"noopener noreferrer\">DECEP at the UPR in Arecibo<\/a>.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"ana-mendez\">\n                            <h3><a href=\"https:\/\/continua.agmu.edu\/producto\/lenguaje-de-senas-basico\/\" target=\"_blank\" rel=\"noopener noreferrer\">Universidad Ana G. M\u00e9ndez<\/a><\/h3>\n                            <div class=\"resource-location\">Cupey (San Juan)<\/div>\n                            <p>Basic sign language course and study of cultural aspects of the deaf community. Offered in person on Saturdays. They also offer degrees in \n <a href=\"https:\/\/uagm.edu\/es\/oferta-academica\/programas\/interpretacion-de-lenguaje-de-senas\" target=\"_blank\" rel=\"noopener noreferrer\">Sign Language Interpretation<\/a> at the Gurabo campus.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"interamericana\">\n                            <h3><a href=\"https:\/\/inter.smartcatalogiq.com\/en\/2023-2024\/catalogo-graduado-2022-2023\/programas-de-certificados-profesionales-maestr-a-y-doctorado\/interpretaci-n-en-lenguaje-de-se-as-certificado-profesional-posbachillerato\/\" target=\"_blank\" rel=\"noopener noreferrer\">Universidad Interamericana<\/a><\/h3>\n                            <div class=\"resource-location\">Recinto de San Germ\u00e1n<\/div>\n                            <p>Offers a professional certificate in Sign Language Interpretation.\n<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"asles\">\n                            <h3><a href=\"https:\/\/aslescorp.com\/cursos-de-lengua-de-senas\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advancement in Sign Language Education & Services (ASLES)<\/a><\/h3>\n                            <div class=\"resource-location\">San Juan<\/div>\n                            <p>This corporation offers interpreting services and sign language classes at the basic, intermediate, and advanced levels, as well as classes for sign language interpreters into Spanish.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"sl-interpreters\">\n                            <h3><a href=\"https:\/\/www.slinterpreters.com\/informacion-de-servicios\" target=\"_blank\" rel=\"noopener noreferrer\">Sign Language Interpreters Puerto Rico<\/a><\/h3>\n                            <div class=\"resource-location\">M\u00faltiples ubicaciones<\/div>\n                            <p>They offer sign language interpretation services into Spanish and classes at different levels in various locations in Puerto Rico: San Juan, Guaynabo, Ponce, Mayag\u00fcez, Arecibo, and Humacao.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"sos\">\n                            <h3><a href=\"https:\/\/www.sospr.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Servicios Orientados al Sordo Inc.<\/a><\/h3>\n                            <div class=\"resource-location\">San Juan<\/div>\n                            <p>Offers courses at different levels and interpretation courses. Also offers interpretation services and workshops.<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"vianka\">\n                            <h3><a href=\"https:\/\/aprendesenasconvianka.my.canva.site\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn Sign Language with Vianka<\/a><\/h3>\n                            <div class=\"resource-location\">Bayam\u00f3n<\/div>\n                            <p>Interpreter and partially deaf Vianka Zayas offers these basic sign language courses and workshops.\n<\/p>\n                        <\/div>\n                        <div class=\"resource-item ga-resource\" data-resource=\"gurabo-gratis\">\n                            <h3><a href=\"https:\/\/www.facebook.com\/photo\/?fbid=10161962373534317&set=pcb.10162273657452773\" target=\"_blank\" rel=\"noopener noreferrer\">Clases gratis de lenguaje de se\u00f1as en Gurabo<\/a><\/h3>\n                            <div class=\"resource-location\">Gurabo<\/div>\n                            <p>Basic, intermediate, and advanced levels. Offered at the Cultural Development and Fine Arts Center. Call 787-712-1100 ext. 254\/276 for more information.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Historia del Choli -->\n        <section class=\"text-section\" aria-label=\"Historia del Choliseo\">\n            <div class=\"text-content fade-in\">\n                <h2>\ud83c\udfb6 Since when has the Choliseo had interpreters?<\/h2>\n                <p>At the end of March, the Coliseo de Puerto Rico Jos\u00e9 Miguel Agrelot (the \u201cCholi\u201d) launched the first phase of the \u201cSign Language at the Choli\u201d project to make entertainment more accessible and inclusive for people with hearing impairments, who number more than 150,000 in Puerto Rico, or 4.7% of the population, according to the 2021 Census.\n<\/p>\n                <p>This initiative is part of the Sign Check project and allows for a strategic space to be set aside at the Choli for the deaf community with preferential visibility toward LSPR interpreters, so that they can enjoy concerts in the designated area.\n<\/p>\n                <p><span class=\"highlight\">Challenges that persist.<\/span> Although deaf people are placed in a specific area, they are sometimes far from the interpreters, so they cannot necessarily see clearly what is being said, especially if the deaf person has vision problems, said Emely and Paola.\n<\/p>\n                <p>Another challenge is lighting, which is sometimes poor and does not allow for clear viewing of the interpretation. \u201cThere are many things that are being refined over time,\u201d said Paola.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Consejos para accesibilidad -->\n        <section class=\"tips-section\" aria-label=\"Consejos para hacer el mundo m\u00e1s accesible\">\n            <div class=\"tips-content\">\n                <h2>\ud83e\uddcf 8 tips for making the world more accessible to the deaf community<\/h2>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">1<\/span>\u201cBe empathetic\u201d<\/h3>\n                    <p>For Gabriel, as part of the deaf community, the most important thing for those who are not part of his community is to be empathetic and open to communicating in any way possible.\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">2<\/span>\u201cDon't be afraid or feel sorry for them\u201d<\/h3>\n                    <p>For Emely, the lack of knowledge about Puerto Rican Sign Language (LSPR) and the deaf community can lead you to be afraid or feel sorry for them, but these are attitudes you should put aside \u201cbecause they are still human beings and, in the case of adults, they are independent.\u201d\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">3<\/span>\u201c(You have to) be open to communicating\u201d<\/h3>\n                    <p>It is always possible to \u201cfind a way\u201d to get a message across, either by explaining slowly or by writing, Emely said. \u201cThey know that not everyone knows sign language. They are prepared, they have their techniques (for communicating),\u201d she added.\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">4<\/span>Learn sign language or, at least, how to spell with your hands<\/h3>\n                    <p>Gabriel knows that it is difficult for everyone to know sign language, but at least having a minimum knowledge of basic words or the alphabet in sign language to spell can help with communication.\n<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">5<\/span> Ask the deaf person how they want to communicate.<\/h3>\n                    <p>You can ask, \u201cDo you want to write or use your phone?\u201d \u201cMaybe the person will talk to you, because some people are skilled at using their voice and reading lips. Others are not and prefer to show you a photo or point. Give them that space,\u201d said Emely.<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">6<\/span>Convey the message without filters<\/h3>\n                    <p>\u201cYou have to interpret what you hear and not filter it to soften things,\u201d said Paola.<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">7<\/span>Learn more about the deaf community<\/h3>\n                    <p>Gabriel said it is important for people to be interested in learning about the deaf community and its needs.<\/p>\n                <\/div>\n                <div class=\"tip-item fade-in\">\n                    <h3><span class=\"tip-number\">8<\/span>At the government level, interpreter services need to be expanded<\/h3>\n                    <p>Gabriel pointed out that the lack of qualified interpreters can impact the services received by the deaf community, so expanding these offerings can reduce communication barriers. It can also help them gain access to jobs and achieve independence.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Secci\u00f3n de eventos -->\n        <section class=\"events-section\" aria-label=\"Eventos para la comunidad sorda\">\n            <div class=\"events-content\">\n                <h2 class=\"fade-in\">Events for the deaf community in Puerto Rico<\/h2>\n                <div class=\"events-scroll-container\">\n                    <div class=\"events-grid\">\n                        <div class=\"event-item fade-in ga-event\" data-event=\"guaynabo\">\n                            <h3>Guaynabo<\/h3>\n                            <div class=\"event-date\">Every Wednesday from 6:00 p.m. to 10:00 p.m.<\/div>\n                            <p>At Starbucks in Guaynabo (La Plazoleta 169). Organized by Servicios Orientados al Sordo Inc.<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in ga-event\" data-event=\"mayaguez\">\n                            <h3>Mayag\u00fcez<\/h3>\n                            <div class=\"event-date\">Thursdays (date may vary) from 6:00 p.m. to 10:00 p.m.<\/div>\n                            <p>At Starbucks in Plaza Sultana. Meeting for the deaf organized by Servicios Orientados al Sordo Inc.<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in ga-event\" data-event=\"observacion\">\n                            <h3><a href=\"https:\/\/www.facebook.com\/events\/1396696184920826\/\" target=\"_blank\" rel=\"noopener noreferrer\">Barrier-free observation: 1st Astronomy Observation Night for the Deaf Community<\/a><\/h3>\n                            <div class=\"event-date\">August 2, 2025, at 7:30 p.m.<\/div>\n                            <p>At the Terrace of the Institute of Puerto Rican Culture in Old San Juan.\n<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in ga-event\" data-event=\"dia-nacional\">\n                            <h3><a href=\"https:\/\/www.facebook.com\/share\/p\/19tjNceeCJ\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\">4th National Day of the Puerto Rican Deaf Community<\/a><\/h3>\n                            <div class=\"event-date\">September 27, 2025, from 10 a.m. to 5 p.m.<\/div>\n                            <p>At the Ram\u00f3n Emeterio Betances Convention Center in Cabo Rojo. Organized by Sordos Unidos de Puerto Rico Inc.\n<\/p>\n                        <\/div>\n                        <div class=\"event-item fade-in dates-highlight\">\n                            <h3>Important dates - Annual calendar<\/h3>\n                            <div class=\"event-date\">Calendario anual<\/div>\n                            <p><strong>September 28:<\/strong>  National Deaf Day in Puerto Rico<\/p>\n                            <p><strong>Last week of September:<\/strong> Puerto Rico Deaf Community Rights Awareness Week<\/p>\n                            <p><strong>Last Friday of September:<\/strong> Sign Language Interpreter Day<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Conclusi\u00f3n final -->\n        <section class=\"narrative-section\" aria-label=\"Conclusi\u00f3n\">\n            <div class=\"narrative-header\">\n                <div class=\"narrative-bg-wrapper\">\n                    <!-- Lazy loading para imagen narrativa -->\n                    <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/07\/4W2A0836-scaled.webp\" alt=\"La interpretaci\u00f3n en LSPR como arte y forma de inclusi\u00f3n en conciertos\" class=\"narrative-bg-image\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"narrative-bg-overlay\"><\/div>\n                <\/div>\n                <div class=\"narrative-content\">\n                    <blockquote class=\"narrative-quote fade-in\">\u275dWe all have the right to enjoy art, especially knowing that Puerto Rican culture is expressed so much through music.\u275e<\/blockquote>\n                    <cite class=\"quote-author\">Emely Font\u00e1nez, LSPR interpreter<\/cite>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n\n<script>\n;(() => {\n  const container = document.getElementById(\"lspr-narrativa-completa-2025\")\n  if (!container) return\n\n  \/\/ Declare gtag variable\n  const gtag = window.gtag || (() => {})\n\n  \/\/ PERFORMANCE: Throttle scroll events\n  function throttle(func, limit) {\n    let inThrottle\n    return function () {\n      const args = arguments\n\n      if (!inThrottle) {\n        func.apply(this, args)\n        inThrottle = true\n        setTimeout(() => (inThrottle = false), limit)\n      }\n    }\n  }\n\n  \/\/ PERFORMANCE: Debounce resize events\n  function debounce(func, wait) {\n    let timeout\n    return function executedFunction(...args) {\n      const later = () => {\n        clearTimeout(timeout)\n        func(...args)\n      }\n      clearTimeout(timeout)\n      timeout = setTimeout(later, wait)\n    }\n  }\n\n  \/\/ GOOGLE ANALYTICS: Send events function\n  function sendGAEvent(action, category, label, value) {\n    if (typeof gtag !== \"undefined\") {\n      gtag(\"event\", action, {\n        event_category: category,\n        event_label: label,\n        value: value,\n      })\n    }\n  }\n\n  function setupMobileNavigation() {\n    const mobileToggle = container.querySelector(\".mobile-nav-toggle\")\n    const mobileMenu = container.querySelector(\".mobile-nav-overlay\")\n    const mobileClose = container.querySelector(\".mobile-nav-close\")\n\n    if (mobileToggle && mobileMenu && mobileClose) {\n      const closeMenu = () => {\n        mobileMenu.classList.remove(\"active\")\n        document.body.classList.remove(\"mobile-menu-open\")\n        \/\/ SMOOTH: Reset scroll position\n        document.body.style.top = \"\"\n        window.scrollTo(0, Number.parseInt(document.body.dataset.scrollY || \"0\"))\n      }\n\n      const openMenu = () => {\n        \/\/ PREVENT JUMPING: Store current scroll position\n        const scrollY = window.scrollY\n        document.body.dataset.scrollY = scrollY\n        document.body.style.top = `-${scrollY}px`\n\n        mobileMenu.classList.add(\"active\")\n        document.body.classList.add(\"mobile-menu-open\")\n      }\n\n      mobileToggle.addEventListener(\"click\", (e) => {\n        e.preventDefault()\n        e.stopPropagation()\n        openMenu()\n        sendGAEvent(\"mobile_menu_open\", \"navigation\", \"hamburger_menu\")\n      })\n\n      mobileClose.addEventListener(\"click\", (e) => {\n        e.preventDefault()\n        e.stopPropagation()\n        closeMenu()\n        sendGAEvent(\"mobile_menu_close\", \"navigation\", \"close_button\")\n      })\n\n      const mobileLinks = mobileMenu.querySelectorAll(\".mobile-nav-link\")\n      mobileLinks.forEach((link) => {\n        link.addEventListener(\"click\", () => {\n          closeMenu()\n          sendGAEvent(\"mobile_menu_link_click\", \"navigation\", link.textContent.trim())\n        })\n      })\n\n      mobileMenu.addEventListener(\"click\", (e) => {\n        if (e.target === mobileMenu) {\n          closeMenu()\n          sendGAEvent(\"mobile_menu_close\", \"navigation\", \"overlay_click\")\n        }\n      })\n\n      document.addEventListener(\"keydown\", (e) => {\n        if (e.key === \"Escape\" && mobileMenu.classList.contains(\"active\")) {\n          closeMenu()\n          sendGAEvent(\"mobile_menu_close\", \"navigation\", \"escape_key\")\n        }\n      })\n    }\n  }\n\n  \/\/ IMPROVED: Intersection Observer with better performance + GA tracking\n  const observerOptions = {\n    threshold: 0.2,\n    rootMargin: \"0px 0px -100px 0px\",\n  }\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        const element = entry.target\n        \/\/ PERFORMANCE: Use requestAnimationFrame for smooth animations\n        requestAnimationFrame(() => {\n          element.classList.add(\"visible\")\n        })\n\n        \/\/ GA: Track section views\n        const sectionName =\n          element.getAttribute(\"aria-label\") ||\n          element.closest(\"section\")?.getAttribute(\"aria-label\") ||\n          \"unknown-section\"\n        sendGAEvent(\"section_view\", \"lspr_scrollytelling\", sectionName)\n\n        observer.unobserve(element)\n      }\n    })\n  }, observerOptions)\n\n  \/\/ Observe elements with better performance\n  const elementsToObserve = container.querySelectorAll(\n    \".fade-in, .narrative-quote, .main-quote, .simple-text, .tip-item, .event-item, .resource-item\",\n  )\n  elementsToObserve.forEach((el) => {\n    observer.observe(el)\n  })\n\n  \/\/ SMOOTH HORIZONTAL SCROLLING: Improved momentum + GA tracking\n  function setupSmoothHorizontalScroll(selector, category) {\n    const scrollContainer = container.querySelector(selector)\n    if (!scrollContainer) return\n\n    let isScrolling = false\n    let scrollTimeout\n\n    \/\/ PERFORMANCE: Throttled scroll handler with GA tracking\n    const handleScroll = throttle(() => {\n      if (!isScrolling) {\n        isScrolling = true\n        scrollContainer.style.scrollBehavior = \"smooth\"\n      }\n\n      clearTimeout(scrollTimeout)\n      scrollTimeout = setTimeout(() => {\n        isScrolling = false\n        scrollContainer.style.scrollBehavior = \"smooth\"\n\n        \/\/ GA: Track horizontal scroll progress\n        const scrollPercent = Math.round(\n          (scrollContainer.scrollLeft \/ (scrollContainer.scrollWidth - scrollContainer.clientWidth)) * 100,\n        )\n        sendGAEvent(\"horizontal_scroll\", category, `${scrollPercent}%`, scrollPercent)\n      }, 300)\n    }, 16) \/\/ ~60fps\n\n    scrollContainer.addEventListener(\"scroll\", handleScroll, { passive: true })\n\n    \/\/ TOUCH IMPROVEMENTS: Better momentum on mobile\n    let startX = 0\n    let scrollLeft = 0\n    let isDown = false\n\n    scrollContainer.addEventListener(\n      \"touchstart\",\n      (e) => {\n        isDown = true\n        startX = e.touches[0].pageX - scrollContainer.offsetLeft\n        scrollLeft = scrollContainer.scrollLeft\n        scrollContainer.style.scrollBehavior = \"auto\"\n      },\n      { passive: true },\n    )\n\n    scrollContainer.addEventListener(\"touchmove\", (e) => {\n      if (!isDown) return\n      e.preventDefault()\n      const x = e.touches[0].pageX - scrollContainer.offsetLeft\n      const walk = (x - startX) * 2\n      scrollContainer.scrollLeft = scrollLeft - walk\n    })\n\n    scrollContainer.addEventListener(\n      \"touchend\",\n      () => {\n        isDown = false\n        scrollContainer.style.scrollBehavior = \"smooth\"\n      },\n      { passive: true },\n    )\n  }\n\n  \/\/ Apply smooth scrolling to horizontal containers with GA tracking\n  setupSmoothHorizontalScroll(\".resources-scroll-container\", \"resources_lspr\")\n  setupSmoothHorizontalScroll(\".events-scroll-container\", \"events_deaf\")\n\n  \/\/ GA: Track resource clicks\n  container.querySelectorAll(\".ga-resource a, .ga-link\").forEach((link) => {\n    link.addEventListener(\"click\", () => {\n      const category =\n        link.closest(\".ga-resource\")?.getAttribute(\"data-resource\") ||\n        link.getAttribute(\"data-category\") ||\n        \"external_links\"\n      const label = link.getAttribute(\"data-label\") || link.textContent.trim().substring(0, 50) || link.href\n      sendGAEvent(\"resource_click\", category, label)\n    })\n  })\n\n  \/\/ GA: Track event clicks\n  container.querySelectorAll(\".ga-event\").forEach((eventItem) => {\n    eventItem.addEventListener(\"click\", (e) => {\n      if (e.target.tagName !== \"A\") {\n        const eventId = eventItem.getAttribute(\"data-event\") || \"unknown-event\"\n        const eventName = eventItem.querySelector(\"h3\")?.textContent.trim() || eventId\n        sendGAEvent(\"event_click\", \"deaf_events\", eventName)\n      }\n    })\n\n    eventItem.querySelectorAll(\"a\").forEach((link) => {\n      link.addEventListener(\"click\", (e) => {\n        e.stopPropagation()\n        const eventId = eventItem.getAttribute(\"data-event\") || \"unknown-event\"\n        sendGAEvent(\"event_link_click\", \"deaf_events\", eventId)\n      })\n    })\n  })\n\n  \/\/ GA: Track scroll depth\n  let maxScrollDepth = 0\n  const scrollMilestones = [25, 50, 75, 90, 100]\n  const reachedMilestones = new Set()\n\n  function trackScrollDepth() {\n    const scrollTop = window.pageYOffset\n    const docHeight = document.documentElement.scrollHeight - window.innerHeight\n    if (docHeight <= 0) return\n\n    const scrollPercent = Math.round((scrollTop \/ docHeight) * 100)\n    if (scrollPercent > maxScrollDepth) {\n      maxScrollDepth = scrollPercent\n      scrollMilestones.forEach((milestone) => {\n        if (scrollPercent >= milestone && !reachedMilestones.has(milestone)) {\n          reachedMilestones.add(milestone)\n          sendGAEvent(\"scroll_depth\", \"engagement\", `lspr_scrollytelling_${milestone}%`, milestone)\n        }\n      })\n    }\n  }\n\n  \/\/ GA: Track time on page\n  const startTime = Date.now()\n  window.addEventListener(\"beforeunload\", () => {\n    const timeSpent = Math.round((Date.now() - startTime) \/ 1000)\n    sendGAEvent(\"time_on_page\", \"engagement\", \"lspr_scrollytelling_seconds\", timeSpent)\n  })\n\n  \/\/ PERFORMANCE: Optimize image loading\n  function optimizeImages() {\n    const images = container.querySelectorAll('img[loading=\"lazy\"]')\n\n    \/\/ Use Intersection Observer for better lazy loading\n    const imageObserver = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            const img = entry.target\n            \/\/ PREVENT LAYOUT SHIFTS: Set dimensions before loading\n            if (!img.style.aspectRatio && img.dataset.aspectRatio) {\n              img.style.aspectRatio = img.dataset.aspectRatio\n            }\n            imageObserver.unobserve(img)\n          }\n        })\n      },\n      {\n        rootMargin: \"50px 0px\", \/\/ Load images slightly before they come into view\n      },\n    )\n\n    images.forEach((img) => {\n      imageObserver.observe(img)\n    })\n  }\n\n  \/\/ PERFORMANCE: Optimize scroll performance\n  function optimizeScrollPerformance() {\n    let ticking = false\n\n    function updateScrollElements() {\n      \/\/ Track scroll depth for GA\n      trackScrollDepth()\n      ticking = false\n    }\n\n    function requestTick() {\n      if (!ticking) {\n        requestAnimationFrame(updateScrollElements)\n        ticking = true\n      }\n    }\n\n    window.addEventListener(\"scroll\", requestTick, { passive: true })\n  }\n\n  \/\/ RESPONSIVE: Handle orientation changes smoothly\n  function handleOrientationChange() {\n    \/\/ PREVENT JUMPING: Recalculate dimensions after orientation change\n    setTimeout(() => {\n      const scrollContainers = container.querySelectorAll(\".resources-scroll-container, .events-scroll-container\")\n      scrollContainers.forEach((container) => {\n        \/\/ Force reflow to prevent jumping\n        container.style.transform = \"translateZ(0)\"\n      })\n    }, 100)\n  }\n\n  window.addEventListener(\"orientationchange\", debounce(handleOrientationChange, 250))\n  window.addEventListener(\"resize\", debounce(handleOrientationChange, 250))\n\n  \/\/ ACCESSIBILITY: Reduce motion for users who prefer it\n  function respectMotionPreferences() {\n    const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\")\n\n    if (prefersReducedMotion.matches) {\n      container.style.scrollBehavior = \"auto\"\n      \/\/ Disable smooth scrolling for horizontal containers\n      const scrollContainers = container.querySelectorAll(\".resources-scroll-container, .events-scroll-container\")\n      scrollContainers.forEach((scrollContainer) => {\n        scrollContainer.style.scrollBehavior = \"auto\"\n      })\n    }\n  }\n\n  \/\/ INITIALIZATION\n  function init() {\n    setupMobileNavigation()\n    optimizeImages()\n    optimizeScrollPerformance()\n    respectMotionPreferences()\n\n    \/\/ PERFORMANCE: Mark as loaded\n    container.setAttribute(\"data-loaded\", \"true\")\n  }\n\n  \/\/ Initialize when DOM is ready\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init)\n  } else {\n    init()\n  }\n})()\n<\/script>\n"]}],"_links":{"self":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6103","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=6103"}],"version-history":[{"count":0,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6103\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media\/6104"}],"wp:attachment":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media?parent=6103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/categories?post=6103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/post_tag?post=6103"},{"taxonomy":"post_author","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/authors?post=6103"},{"taxonomy":"page_type","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/page_type?post=6103"},{"taxonomy":"geo_location","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/geo_location?post=6103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}