{"id":6130,"date":"2025-12-11T14:24:52","date_gmt":"2025-12-11T19:24:52","guid":{"rendered":"https:\/\/www.plateapr.com\/en\/?p=6130"},"modified":"2025-12-12T14:26:04","modified_gmt":"2025-12-12T19:26:04","slug":"debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny","status":"publish","type":"post","link":"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/","title":{"rendered":"DeB\u00cd ToCaR M\u00e1S G\u00fciRo: The Puerto Rican Instrument from Ta\u00ednos to Bad Bunny"},"content":{"rendered":"\n<p><em>From the Ta\u00edno guajey to the contemporary g\u00fciro: we tell you the evolution of this instrument, which is fundamental in rhythms like danza and plena.<\/em><\/p>\n\n\n\n<p>&#8212;<\/p>\n\n\n\n<p>If there&#8217;s one instrument that stands out in <a href=\"https:\/\/www.plateapr.com\/debi-tirar-mas-fotos-de-bad-bunny-una-inmersion-en-la-identidad-puertorriquena\/\">DeB\u00cd TiRAR M\u00e1S FOToS<\/a>, Bad Bunny&#8217;s latest album, it&#8217;s the <strong>g\u00fciro<\/strong>. Not only does it delight us with its sweet sound in the plena of Caf\u00e9 con ron or in the m\u00fasica j\u00edbara of Pitorro de coco. It also surprises us by carrying the melody in Lo que le pas\u00f3 a Hawaii, a song in which the instrument demonstrates its versatility and presence.<\/p>\n\n\n\n<iframe style=\"border-radius:10px\" src=\"https:\/\/open.spotify.com\/embed\/track\/6VNXmo59yDYgcwLS17UNAW?utm_source=generator&#038;theme=0\" width=\"70%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n\n\n\n<p>But the g\u00fciro is an instrument many Puerto Ricans grew up with. It reminds us of our grandparents&#8217; house, the Christmas parrandas, and the lech\u00f3n asa&#8217;o. Its fame precedes &#8220;Benito, son of Benito&#8221; and Ricky Martin, who also made it sound in his hit P\u00e9gate.<\/p>\n\n\n\n<p>Two emblematic g\u00fcireros from Puerto Rico join us on this journey through the history of the g\u00fciro: <strong>An\u00edbal Alvarado<\/strong> from Pe\u00f1uelas, the reason why <a href=\"https:\/\/www.plateapr.com\/que-hacer-penuelas\/\">Pe\u00f1uelas<\/a> is known as the Capital of the G\u00fciro, and percussionist and historian <strong>Rub\u00e9n Amador Medina<\/strong>, director of the <a href=\"https:\/\/artesdelcaribe.com\/\">Conservatorio de Artes del Caribe (CAC)<\/a>, a pre-university institution that is a partner of <a href=\"https:\/\/www.berklee.edu\/berkleeontheroad\/berklee-puerto-rico\">Berklee College of Music<\/a>.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>How is the Puerto Rican g\u00fciro made?<\/title>\n    <style>\n        \/* Styles to completely isolate the component *\/\n        #guiro-puertorriqueno-container {\n            font-family: 'Arial', sans-serif;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 15px 10px; \/* Reduced to use more space *\/\n            box-sizing: border-box;\n        }\n\n        #guiro-puertorriqueno-container * {\n            box-sizing: border-box;\n        }\n\n        \/* Main title *\/\n        #guiro-puertorriqueno-title {\n            text-align: center;\n            font-size: 26px; \/* Reduced *\/\n            margin-bottom: 18px; \/* Reduced *\/\n            color: #333;\n            font-weight: bold;\n        }\n\n        \/* Carousel container *\/\n        #guiro-puertorriqueno-carousel {\n            position: relative;\n            overflow: hidden;\n            padding: 15px 0; \/* Reduced *\/\n        }\n\n        \/* Cards container with scroll *\/\n        #guiro-puertorriqueno-cards {\n            display: flex;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n            -webkit-overflow-scrolling: touch;\n            gap: 10px; \/* Reduced for a more compact design *\/\n            padding: 5px 5px 25px 5px; \/* Reduced top padding *\/\n            scrollbar-width: thin;\n            scrollbar-color: #04d99d #f1f1f1;\n        }\n\n        \/* Style to hide scrollbar in Chrome *\/\n        #guiro-puertorriqueno-cards::-webkit-scrollbar {\n            height: 8px;\n        }\n\n        #guiro-puertorriqueno-cards::-webkit-scrollbar-track {\n            background: #f1f1f1;\n            border-radius: 10px;\n        }\n\n        #guiro-puertorriqueno-cards::-webkit-scrollbar-thumb {\n            background: #04d99d;\n            border-radius: 10px;\n        }\n\n        \/* Individual card *\/\n        .guiro-card {\n            flex: 0 0 auto;\n            width: 90%;\n            min-width: 280px;\n            max-width: 460px; \/* Expanded to use more horizontal space *\/\n            background-color: #fff;\n            border-radius: 8px; \/* Reduced for subtler edges *\/\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n            display: flex;\n            flex-direction: row;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            margin-bottom: 5px;\n            height: auto; \/* Automatic height to fit content *\/\n            min-height: 160px; \/* Reduced minimum height *\/\n        }\n\n        .guiro-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n        }\n\n        \/* Image section *\/\n        .guiro-card-image {\n            flex: 0 0 40%;\n            overflow: hidden;\n            position: relative;\n            background-color: #f8f8f8;\n            min-height: 150px; \/* Minimum height for image *\/\n        }\n\n        .guiro-card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            position: absolute;\n            top: 0;\n            left: 0;\n        }\n\n        \/* Card content *\/\n        .guiro-card-content {\n            flex: 0 0 60%;\n            padding: 8px 10px; \/* Further reduced *\/\n            display: flex;\n            flex-direction: column;\n        }\n\n        .guiro-card-title {\n            font-size: 16px;\n            font-weight: bold;\n            margin-bottom: 4px; \/* Reduced *\/\n            color: #333;\n            border-left: 3px solid #04d99d;\n            padding-left: 8px;\n            line-height: 1; \/* Reduced *\/\n        }\n\n        .guiro-card-description {\n            font-size: 13px;\n            color: #555;\n            line-height: 1.25; \/* Reduced *\/\n            flex-grow: 1;\n            overflow: visible;\n        }\n\n        \/* Navigation buttons *\/\n        .guiro-nav-controls {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin-top: 15px;\n            position: relative;\n            width: 100%;\n            z-index: 2;\n        }\n\n        .guiro-carousel-button {\n            background-color: #04d99d;\n            color: white;\n            border: none;\n            border-radius: 50%;\n            width: 36px;\n            height: 36px;\n            font-size: 18px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            transition: background-color 0.3s ease;\n        }\n\n        .guiro-carousel-button:hover {\n            background-color: #03b987;\n        }\n\n        \/* Pagination indicators *\/\n        .guiro-pagination {\n            display: flex;\n            justify-content: center;\n            margin-top: 10px;\n            width: 100%;\n        }\n\n        .guiro-pagination-dot {\n            width: 10px;\n            height: 10px;\n            margin: 0 5px;\n            background-color: #ccc;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n        }\n\n        .guiro-pagination-dot.active {\n            background-color: #04d99d;\n            transform: scale(1.2);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .guiro-card {\n                width: 90%; \/* Expanded to use more horizontal space *\/\n                min-width: 280px;\n                height: auto; \/* Automatic height to fit content *\/\n                min-height: 180px; \/* Minimum height to maintain proportion *\/\n            }\n\n            .guiro-card-title {\n                font-size: 15px;\n                margin-bottom: 5px;\n            }\n\n            .guiro-card-description {\n                font-size: 14px;\n                line-height: 1.3;\n            }\n\n            .guiro-carousel-button {\n                width: 32px;\n                height: 32px;\n                font-size: 16px;\n            }\n        }\n\n        @media (max-width: 576px) {\n            .guiro-card {\n                width: 94%; \/* Almost full available width *\/\n                height: auto; \/* Automatic height *\/\n                min-height: 150px; \/* Minimum height *\/\n                min-width: 260px;\n                border-radius: 6px; \/* Even subtler edges *\/\n            }\n\n            .guiro-card-image {\n                flex: 0 0 42%; \/* Balance between image and text *\/\n            }\n\n            .guiro-card-content {\n                flex: 0 0 58%;\n                padding: 10px 12px;\n            }\n\n            #guiro-puertorriqueno-title {\n                font-size: 20px;\n                margin-bottom: 12px;\n            }\n\n            .guiro-carousel-button {\n                width: 28px;\n                height: 28px;\n                font-size: 14px;\n            }\n\n            .guiro-card-title {\n                font-size: 15px;\n                margin-bottom: 5px;\n                border-left: 2px solid #04d99d;\n                padding-left: 6px;\n            }\n\n            .guiro-card-description {\n                font-size: 14px;\n                line-height: 1.3;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Card component for the Puerto Rican g\u00fciro -->\n    <div id=\"guiro-puertorriqueno-container\">\n        <h1 id=\"guiro-puertorriqueno-title\">How is the Puerto Rican g\u00fciro made?<\/h1>\n\n        <div id=\"guiro-puertorriqueno-carousel\">\n            <div id=\"guiro-puertorriqueno-cards\">\n                <!-- Card 1: Plant -->\n                <div class=\"guiro-card\" id=\"guiro-card-1\">\n                    <div class=\"guiro-card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-1128159626-scaled.jpg\" alt=\"Marimbo plant for making g\u00fciro\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udf31 Plant<\/div>\n                        <div class=\"guiro-card-description\">\n                            It&#8217;s made from the fruit of the marimbo plant, also known as candungo or mata del g\u00fc\u00edcharo. It&#8217;s a climbing plant from the cucurbit family, like squash or cucumber.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 2: Planting -->\n                <div class=\"guiro-card\" id=\"guiro-card-2\">\n                    <div class=\"guiro-card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-979086858-scaled.jpg\" alt=\"Planting the marimbo plant\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83e\udeb4 Planting<\/div>\n                        <div class=\"guiro-card-description\">\n                            &#8220;(The marimbo) should be planted during the waning moon because that&#8217;s when the weevil, the insect, attacks it less,&#8221; says g\u00fcirero An\u00edbal Alvarado.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 3: Harvest and cleaning -->\n                <div class=\"guiro-card\" id=\"guiro-card-3\">\n                    <div class=\"guiro-card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-1491154710-scaled.jpg\" alt=\"Harvesting the marimbo fruit\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83e\uddd1\u200d\ud83c\udf3e Harvest &#038; Cleaning<\/div>\n                        <div class=\"guiro-card-description\">\n                            The marimbo fruit is picked &#8220;when it turns yellowish,&#8221; says Alvarado. &#8220;You carefully detach it without pulling out the main vine. You remove the skin gently&#8221; before removing the seeds to dry it.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 4: Drying -->\n                <div class=\"guiro-card\" id=\"guiro-card-4\">\n                    <div class=\"guiro-card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-30-at-6.14.02%E2%80%AFPM.png\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udf2c\ufe0f Drying<\/div>\n                        <div class=\"guiro-card-description\">\n                            The clean fruit is left to dry, preferably in the shade, for three weeks to a month.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 5: Scraping and finishing -->\n                <div class=\"guiro-card\" id=\"guiro-card-5\">\n                    <div class=\"guiro-card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-30-at-6.22.41%E2%80%AFPM.png\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udfbc Scraping &#038; Finishing<\/div>\n                        <div class=\"guiro-card-description\">\n                            Once dry, the area where the grooves will be made is marked, and it&#8217;s scraped with fine horizontal or diagonal lines. Then, it can be sanded.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 6: Varillero -->\n                <div class=\"guiro-card\" id=\"guiro-card-6\">\n                    <div class=\"guiro-card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-139085386.jpg\" alt=\"Varillero for playing the g\u00fciro\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udfb6 Varillero (Scraper)<\/div>\n                        <div class=\"guiro-card-description\">\n                            A separate process with a wooden handle and metal prongs, preferably piano strings.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"guiro-pagination\"><\/div>\n            <div class=\"guiro-nav-controls\">\n                <button class=\"guiro-carousel-button\" id=\"guiro-prev-button\">&lt;<\/button>\n                <button class=\"guiro-carousel-button\" id=\"guiro-next-button\">&gt;<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ DOM elements\n            const cardsContainer = document.getElementById('guiro-puertorriqueno-cards');\n            const prevButton = document.getElementById('guiro-prev-button');\n            const nextButton = document.getElementById('guiro-next-button');\n            const pagination = document.querySelector('.guiro-pagination');\n            const cards = document.querySelectorAll('.guiro-card');\n\n            let currentIndex = 0;\n            let cardWidth = 0;\n\n            \/\/ Create pagination indicators\n            cards.forEach((_, index) => {\n                const dot = document.createElement('div');\n                dot.classList.add('guiro-pagination-dot');\n                if (index === 0) dot.classList.add('active');\n                dot.addEventListener('click', () => scrollToCard(index));\n                pagination.appendChild(dot);\n            });\n\n            \/\/ Function to update indicators\n            function updatePagination() {\n                const dots = document.querySelectorAll('.guiro-pagination-dot');\n                dots.forEach((dot, index) => {\n                    dot.classList.toggle('active', index === currentIndex);\n                });\n            }\n\n            \/\/ Calculate position to scroll to\n            function calculatePosition(index) {\n                const card = cards[index];\n                const containerWidth = cardsContainer.offsetWidth;\n                cardWidth = card.offsetWidth;\n                const cardMargin = 15; \/\/ gap between cards\n                const scrollLeft = card.offsetLeft - (containerWidth - cardWidth) \/ 2 + cardMargin;\n                return scrollLeft;\n            }\n\n            \/\/ Scroll to a specific card\n            function scrollToCard(index) {\n                if (index < 0) index = 0;\n                if (index >= cards.length) index = cards.length - 1;\n\n                currentIndex = index;\n                const position = calculatePosition(index);\n\n                cardsContainer.scrollTo({\n                    left: position,\n                    behavior: 'smooth'\n                });\n\n                updatePagination();\n            }\n\n            \/\/ Button events\n            prevButton.addEventListener('click', () => {\n                scrollToCard(currentIndex - 1);\n            });\n\n            nextButton.addEventListener('click', () => {\n                scrollToCard(currentIndex + 1);\n            });\n\n            \/\/ Detect scroll change to update indicators\n            cardsContainer.addEventListener('scroll', () => {\n                const scrollPosition = cardsContainer.scrollLeft;\n                let newIndex = 0;\n\n                cards.forEach((card, index) => {\n                    const cardPosition = card.offsetLeft;\n                    const threshold = cardPosition - (cardsContainer.offsetWidth - cardWidth) \/ 3;\n\n                    if (scrollPosition >= threshold) {\n                        newIndex = index;\n                    }\n                });\n\n                if (newIndex !== currentIndex) {\n                    currentIndex = newIndex;\n                    updatePagination();\n                }\n            });\n\n            \/\/ Initialization\n            window.addEventListener('resize', () => {\n                \/\/ Readjust card position when window size changes\n                scrollToCard(currentIndex);\n            });\n\n            \/\/ Start on the first card\n            scrollToCard(0);\n\n            \/\/ Swipe for mobile\n            let touchStartX = 0;\n            let touchEndX = 0;\n\n            cardsContainer.addEventListener('touchstart', e => {\n                touchStartX = e.changedTouches[0].screenX;\n            });\n\n            cardsContainer.addEventListener('touchend', e => {\n                touchEndX = e.changedTouches[0].screenX;\n                handleSwipe();\n            });\n\n            function handleSwipe() {\n                const threshold = 50; \/\/ Minimum distance to consider a swipe\n                if (touchEndX < touchStartX - threshold) {\n                    \/\/ Swipe left\n                    scrollToCard(currentIndex + 1);\n                } else if (touchEndX > touchStartX + threshold) {\n                    \/\/ Swipe right\n                    scrollToCard(currentIndex - 1);\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The g\u00fciro, a Ta\u00edno instrument<\/strong><\/h2>\n\n\n\n<p>&#8220;The Puerto Rican g\u00fciro or g\u00fc\u00edcharo comes to us primarily as an instrument that emerged from the <strong>Ta\u00edno guajey<\/strong>,&#8221; Amador Medina, former director of the Music Program at the Instituto de Cultura Puertorrique\u00f1a (ICP), told <strong>Platea<\/strong>. &#8220;We know that it won&#8217;t necessarily look like what we see today, with fine grooves played with a metal varillero, because they were probably thicker grooves played with a small stick,&#8221; he added.<\/p>\n\n\n\n<p>However, the musician said the explanation isn&#8217;t that simple, since many cultures have developed percussion instruments similar to the g\u00fciro, belonging to the family of <strong>scrapers<\/strong> or <strong>scraped idiophones<\/strong>. African cultures had similar instruments that could also have influenced what our g\u00fciro is today.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Did you know?<\/strong> Alvarado mentioned there&#8217;s a legend that says the g\u00fciro was used in Ta\u00edno ceremonies to attract rain, since its sound is similar, but it&#8217;s a fact difficult to verify historically, noted Amador Medina.<\/li>\n<\/ul>\n\n\n\n<p>What is worth highlighting is that <strong>the g\u00fciro unites us as Antilleans<\/strong>, as it&#8217;s the foundation of multiple Afro-Caribbean rhythms, including Puerto Rican danza and plena, where it keeps time and provides accents.<\/p>\n\n\n<div class=\"traveler-quote h-margin-top-30 h-margin-bottom-30 grid-x\">\n    <div class=\"traveler-quote__logo\">\n        <svg width=\"60\" height=\"47\" viewBox=\"0 0 60 47\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9621 4.75328H12.2178L6.95092 42.1162H11.6952L11.0666 46.8652H0L6.53444 0.00427246H17.6037L16.9621 4.75328Z\" fill=\"white\"\/>\n<path d=\"M43.0355 42.1119H47.7798L53.0467 4.74901H48.3023L48.9309 0H60.0002L53.4657 46.8609H42.4482L43.0355 42.1119Z\" fill=\"white\"\/>\n<path d=\"M27.5352 17.9237L27.9672 14.8889H27.9542L27.5352 17.9237Z\" fill=\"white\"\/>\n<path d=\"M41.1674 14.0907C40.7742 13.0705 40.1741 12.26 39.3644 11.6567C38.6064 11.0948 37.6907 10.7012 36.6327 10.4396L34.5166 25.5749C35.7324 25.3133 36.8034 24.8809 37.745 24.2672C38.6866 23.6535 39.4834 22.8275 40.1224 21.7943C40.7639 20.7611 41.1933 19.4793 41.4158 17.949C41.6512 16.4057 41.5581 15.1239 41.1674 14.0907Z\" fill=\"white\"\/>\n<path d=\"M27.9538 14.889H27.9668L28.6601 10.0079H22.8965L19.249 36.1741H24.9608L27.5348 17.9238L27.9538 14.889Z\" fill=\"white\"\/>\n<\/svg>\n\n    <\/div>\n        <div class=\"traveler-quote__quote-container cell medium-auto\">\n       <div class=\"traveler-quote__quote h-margin-bottom-20\">\n            <p>\u201cThe g\u00fciro is a symbol of our Puerto Rican identity, but also of our Caribbean identity. It is a symbol of how Puerto Rico, the Dominican Republic, and Cuba have a common foundation, and we may be different on the surface, but deep down we are the same people.\u201d<\/p>\n\n       <\/div>\n       <div class=\"traveler-quote__name\">\n            Rub\u00e9n Amador Medina, percusionista e historiador\n       <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p>&#8220;Without g\u00fciro there&#8217;s no Cuban son, there&#8217;s no cha-cha without the g\u00fciro. There&#8217;s no merengue without the g\u00fcira. And there&#8217;s no plena, no m\u00fasica j\u00edbara without our g\u00fc\u00edcharo,&#8221; emphasized Amador Medina.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What makes the Puerto Rican g\u00fciro unique<\/strong><\/h2>\n\n\n\n<p>&#8220;The main distinctive feature of the Puerto Rican g\u00fciro is that it has a sweeter, softer, more elegant sound&#8221; than other scrapers, explained Amador Medina, who has a particular love for the g\u00fciro as it was the first instrument he got paid to play as a musician at age 15. It was also the instrument that took him traveling through Europe on a tour with <a href=\"https:\/\/www.instagram.com\/gibaropr\/?hl=es\">G\u00edbaro de Puerto Rico<\/a>, a folkloric company he&#8217;s been with for 23 years.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Custom Audio Player<\/title>\n    <style>\n        \/* Reset basic styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container *\/\n        .custom-player {\n            max-width: 600px;\n            background-color: #333;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            padding: 16px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            color: white;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            margin: 20px auto;\n            overflow: hidden;\n        }\n\n        \/* Image container *\/\n        .player-artwork {\n            width: 70px;\n            height: 70px;\n            flex-shrink: 0;\n            margin-right: 16px;\n            position: relative;\n            overflow: hidden;\n            border-radius: 6px;\n        }\n\n        .player-artwork img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Info container *\/\n        .player-info {\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-width: 0; \/* Important for truncating text *\/\n        }\n\n        .player-title {\n            font-size: 18px;\n            font-weight: 600;\n            margin-bottom: 4px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .player-artist {\n            font-size: 14px;\n            color: #ccc;\n            margin-bottom: 8px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        \/* Progress bar *\/\n        .progress-container {\n            width: 100%;\n            height: 4px;\n            background-color: rgba(255, 255, 255, 0.2);\n            border-radius: 2px;\n            cursor: pointer;\n            position: relative;\n        }\n\n        .progress-bar {\n            height: 100%;\n            background-color: #04d99d; \/* Requested highlight color *\/\n            border-radius: 2px;\n            width: 0%;\n            transition: width 0.1s linear;\n        }\n\n        \/* Controls container *\/\n        .player-controls {\n            display: flex;\n            align-items: center;\n            margin-left: auto;\n            flex-shrink: 0;\n        }\n\n        \/* Play button *\/\n        .play-button {\n            width: 40px;\n            height: 40px;\n            background-color: #04d99d; \/* Changed to highlight color *\/\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .play-icon, .pause-icon {\n            color: white;\n            font-size: 16px;\n            width: 0;\n            height: 0;\n        }\n\n        .play-icon {\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent white; \/* Changed to white to contrast with green button *\/\n            margin-left: 3px;\n        }\n\n        .pause-icon {\n            display: none;\n            width: 12px;\n            height: 16px;\n            position: relative;\n        }\n\n        .pause-icon:before, .pause-icon:after {\n            content: \"\";\n            position: absolute;\n            background-color: white; \/* Changed to white to contrast with green button *\/\n            width: 4px;\n            height: 16px;\n            top: 0;\n        }\n\n        .pause-icon:before {\n            left: 2px;\n        }\n\n        .pause-icon:after {\n            right: 2px;\n        }\n\n        \/* Options button (three dots) *\/\n        .options-button {\n            width: 28px;\n            height: 28px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            opacity: 0.8;\n        }\n\n        .options-icon {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            width: 16px;\n        }\n\n        .dot {\n            width: 3px;\n            height: 3px;\n            background-color: white;\n            border-radius: 50%;\n        }\n\n        \/* Time *\/\n        .time-display {\n            font-size: 11px;\n            color: #ccc;\n            margin-top: 4px;\n            display: flex;\n            justify-content: space-between;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 460px) {\n            .player-artwork {\n                width: 60px;\n                height: 60px;\n            }\n\n            .player-title {\n                font-size: 16px;\n            }\n\n            .player-artist {\n                font-size: 12px;\n            }\n\n            .options-button {\n                display: none;\n            }\n        }\n\n        @media (max-width: 360px) {\n            .custom-player {\n                padding: 12px;\n            }\n\n            .player-artwork {\n                width: 50px;\n                height: 50px;\n                margin-right: 12px;\n            }\n\n            .play-button {\n                width: 36px;\n                height: 36px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"custom-player\">\n        <div class=\"player-artwork\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-139085386.jpg\" alt=\"Artwork\">\n        <\/div>\n\n        <div class=\"player-info\">\n            <div class=\"player-title\">Puerto Rican G\u00fciro<\/div>\n            <div class=\"player-artist\">Source: Rub\u00e9n Amador Medina<\/div>\n\n            <div class=\"progress-container\" id=\"progress-container\">\n                <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\n            <\/div>\n\n            <div class=\"time-display\">\n                <span id=\"current-time\">0:00<\/span>\n                <span id=\"duration\">0:00<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"player-controls\">\n            <div class=\"options-button\">\n                <div class=\"options-icon\">\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"play-button\" id=\"play-button\">\n                <div class=\"play-icon\" id=\"play-icon\"><\/div>\n                <div class=\"pause-icon\" id=\"pause-icon\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Variables\n            const audio = new Audio('https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/guiro-de-PR_plena.m4a');\n            const playButton = document.getElementById('play-button');\n            const playIcon = document.getElementById('play-icon');\n            const pauseIcon = document.getElementById('pause-icon');\n            const progressBar = document.getElementById('progress-bar');\n            const progressContainer = document.getElementById('progress-container');\n            const currentTimeElement = document.getElementById('current-time');\n            const durationElement = document.getElementById('duration');\n\n            \/\/ Initialization\n            let isPlaying = false;\n\n            \/\/ Format time\n            function formatTime(seconds) {\n                const min = Math.floor(seconds \/ 60);\n                const sec = Math.floor(seconds % 60);\n                return `${min}:${sec < 10 ? '0' + sec : sec}`;\n            }\n\n            \/\/ Update progress\n            function updateProgress() {\n                const { currentTime, duration } = audio;\n                const progressPercent = (currentTime \/ duration) * 100;\n                progressBar.style.width = `${progressPercent}%`;\n                currentTimeElement.textContent = formatTime(currentTime);\n            }\n\n            \/\/ Load metadata\n            audio.addEventListener('loadedmetadata', function() {\n                durationElement.textContent = formatTime(audio.duration);\n            });\n\n            \/\/ Time event\n            audio.addEventListener('timeupdate', updateProgress);\n\n            \/\/ End event\n            audio.addEventListener('ended', function() {\n                isPlaying = false;\n                playIcon.style.display = 'block';\n                pauseIcon.style.display = 'none';\n                progressBar.style.width = '0%';\n                audio.currentTime = 0;\n            });\n\n            \/\/ Click on play\/pause button\n            playButton.addEventListener('click', function() {\n                if (isPlaying) {\n                    audio.pause();\n                    playIcon.style.display = 'block';\n                    pauseIcon.style.display = 'none';\n                } else {\n                    audio.play().catch(e => console.error('Error playing audio:', e));\n                    playIcon.style.display = 'none';\n                    pauseIcon.style.display = 'block';\n                }\n\n                isPlaying = !isPlaying;\n            });\n\n            \/\/ Click on progress bar\n            progressContainer.addEventListener('click', function(e) {\n                const width = this.clientWidth;\n                const clickX = e.offsetX;\n                const duration = audio.duration;\n\n                audio.currentTime = (clickX \/ width) * duration;\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><strong>Material:<\/strong> The reasons for the g\u00fciro&#8217;s sweet sound are because it&#8217;s made from a vegetable, in this case the marimbo, and not from metal, like the Dominican g\u00fcira, for example.<\/p>\n\n\n\n<p><strong>Grooves:<\/strong> It has fine grooves, with multiple thin lines and not thick ones like the Cuban g\u00fciro, which has a deeper sound.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Custom Audio Player &#8211; Cuban G\u00fciro<\/title>\n    <style>\n        \/* Reset basic styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container *\/\n        .custom-player-cuban {\n            max-width: 600px;\n            background-color: #333;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            padding: 16px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            color: white;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            margin: 20px auto;\n            overflow: hidden;\n        }\n\n        \/* Image container *\/\n        .player-artwork {\n            width: 70px;\n            height: 70px;\n            flex-shrink: 0;\n            margin-right: 16px;\n            position: relative;\n            overflow: hidden;\n            border-radius: 6px;\n        }\n\n        .player-artwork img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Info container *\/\n        .player-info {\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-width: 0; \/* Important for truncating text *\/\n        }\n\n        .player-title {\n            font-size: 18px;\n            font-weight: 600;\n            margin-bottom: 4px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .player-artist {\n            font-size: 14px;\n            color: #ccc;\n            margin-bottom: 8px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        \/* Progress bar *\/\n        .progress-container {\n            width: 100%;\n            height: 4px;\n            background-color: rgba(255, 255, 255, 0.2);\n            border-radius: 2px;\n            cursor: pointer;\n            position: relative;\n        }\n\n        .progress-bar {\n            height: 100%;\n            background-color: #04d99d; \/* Requested highlight color *\/\n            border-radius: 2px;\n            width: 0%;\n            transition: width 0.1s linear;\n        }\n\n        \/* Controls container *\/\n        .player-controls {\n            display: flex;\n            align-items: center;\n            margin-left: auto;\n            flex-shrink: 0;\n        }\n\n        \/* Play button *\/\n        .play-button {\n            width: 40px;\n            height: 40px;\n            background-color: #04d99d; \/* Highlight color *\/\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .play-icon, .pause-icon {\n            color: white;\n            font-size: 16px;\n            width: 0;\n            height: 0;\n        }\n\n        .play-icon {\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent white;\n            margin-left: 3px;\n        }\n\n        .pause-icon {\n            display: none;\n            width: 12px;\n            height: 16px;\n            position: relative;\n        }\n\n        .pause-icon:before, .pause-icon:after {\n            content: \"\";\n            position: absolute;\n            background-color: white;\n            width: 4px;\n            height: 16px;\n            top: 0;\n        }\n\n        .pause-icon:before {\n            left: 2px;\n        }\n\n        .pause-icon:after {\n            right: 2px;\n        }\n\n        \/* Options button (three dots) *\/\n        .options-button {\n            width: 28px;\n            height: 28px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            opacity: 0.8;\n        }\n\n        .options-icon {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            width: 16px;\n        }\n\n        .dot {\n            width: 3px;\n            height: 3px;\n            background-color: white;\n            border-radius: 50%;\n        }\n\n        \/* Time *\/\n        .time-display {\n            font-size: 11px;\n            color: #ccc;\n            margin-top: 4px;\n            display: flex;\n            justify-content: space-between;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 460px) {\n            .player-artwork {\n                width: 60px;\n                height: 60px;\n            }\n\n            .player-title {\n                font-size: 16px;\n            }\n\n            .player-artist {\n                font-size: 12px;\n            }\n\n            .options-button {\n                display: none;\n            }\n        }\n\n        @media (max-width: 360px) {\n            .custom-player-cuban {\n                padding: 12px;\n            }\n\n            .player-artwork {\n                width: 50px;\n                height: 50px;\n                margin-right: 12px;\n            }\n\n            .play-button {\n                width: 36px;\n                height: 36px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"custom-player-cuban\">\n        <div class=\"player-artwork\">\n            <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-30-at-5.43.43%E2%80%AFPM.png\" alt=\"Artwork\">\n        <\/div>\n\n        <div class=\"player-info\">\n            <div class=\"player-title\">Cuban G\u00fciro<\/div>\n            <div class=\"player-artist\">Source: Cultura Virtual ICP<\/div>\n\n            <div class=\"progress-container\" id=\"progress-container-cuban\">\n                <div class=\"progress-bar\" id=\"progress-bar-cuban\"><\/div>\n            <\/div>\n\n            <div class=\"time-display\">\n                <span id=\"current-time-cuban\">0:00<\/span>\n                <span id=\"duration-cuban\">0:00<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"player-controls\">\n            <div class=\"options-button\">\n                <div class=\"options-icon\">\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"play-button\" id=\"play-button-cuban\">\n                <div class=\"play-icon\" id=\"play-icon-cuban\"><\/div>\n                <div class=\"pause-icon\" id=\"pause-icon-cuban\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Variables\n            const audioCuban = new Audio('https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/guiro-cubano.m4a');\n            const playButtonCuban = document.getElementById('play-button-cuban');\n            const playIconCuban = document.getElementById('play-icon-cuban');\n            const pauseIconCuban = document.getElementById('pause-icon-cuban');\n            const progressBarCuban = document.getElementById('progress-bar-cuban');\n            const progressContainerCuban = document.getElementById('progress-container-cuban');\n            const currentTimeElementCuban = document.getElementById('current-time-cuban');\n            const durationElementCuban = document.getElementById('duration-cuban');\n\n            \/\/ Initialization\n            let isPlayingCuban = false;\n\n            \/\/ Format time\n            function formatTime(seconds) {\n                const min = Math.floor(seconds \/ 60);\n                const sec = Math.floor(seconds % 60);\n                return `${min}:${sec < 10 ? '0' + sec : sec}`;\n            }\n\n            \/\/ Update progress\n            function updateProgress() {\n                const { currentTime, duration } = audioCuban;\n                const progressPercent = (currentTime \/ duration) * 100;\n                progressBarCuban.style.width = `${progressPercent}%`;\n                currentTimeElementCuban.textContent = formatTime(currentTime);\n            }\n\n            \/\/ Load metadata\n            audioCuban.addEventListener('loadedmetadata', function() {\n                durationElementCuban.textContent = formatTime(audioCuban.duration);\n            });\n\n            \/\/ Time event\n            audioCuban.addEventListener('timeupdate', updateProgress);\n\n            \/\/ End event\n            audioCuban.addEventListener('ended', function() {\n                isPlayingCuban = false;\n                playIconCuban.style.display = 'block';\n                pauseIconCuban.style.display = 'none';\n                progressBarCuban.style.width = '0%';\n                audioCuban.currentTime = 0;\n            });\n\n            \/\/ Click on play\/pause button\n            playButtonCuban.addEventListener('click', function() {\n                if (isPlayingCuban) {\n                    audioCuban.pause();\n                    playIconCuban.style.display = 'block';\n                    pauseIconCuban.style.display = 'none';\n                } else {\n                    audioCuban.play().catch(e => console.error('Error playing audio:', e));\n                    playIconCuban.style.display = 'none';\n                    pauseIconCuban.style.display = 'block';\n                }\n\n                isPlayingCuban = !isPlayingCuban;\n            });\n\n            \/\/ Click on progress bar\n            progressContainerCuban.addEventListener('click', function(e) {\n                const width = this.clientWidth;\n                const clickX = e.offsetX;\n                const duration = audioCuban.duration;\n\n                audioCuban.currentTime = (clickX \/ width) * duration;\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><strong>Varillero:<\/strong> The most distinctive feature of our g\u00fciro is the varillero or puya used to scrape it, which is &#8220;unique to Puerto Rico,&#8221; according to Amador Medina. It consists of a wooden handle, &#8220;often made with noble woods from the country,&#8221; and many fine wire or stainless steel prongs, which today are mainly made from piano strings to further refine the sound.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/PHOTO-2025-04-30-12-01-2223.jpg\" alt=\"\" class=\"wp-image-24677\" style=\"width:613px;height:auto\"\/><figcaption class=\"wp-element-caption\"><em>The traditional varillero is composed of many fine wire or stainless steel prongs. The handle is made of wood.<\/em> <em>(Provided: Rub\u00e9n Amador Medina)<\/em><\/figcaption><\/figure>\n\n\n\n<p>It&#8217;s unknown when a varillero of this type was first used in Puerto Rican music because &#8220;there&#8217;s no historical record,&#8221; but Amador Medina believes it could have been around or after the beginnings of Puerto Rican danza, in the mid-19th century, since in that rhythm &#8220;we already have a sound&#8221; similar to today&#8217;s g\u00fciro.<\/p>\n\n\n\n<p>&#8220;Based on the prong you&#8217;re using, that&#8217;s the sound the g\u00fciro will produce,&#8221; explained Alvarado. &#8220;If the prong is too thick, the sound is deeper, more hoarse. The thinner it is, the higher-pitched the sound,&#8221; he added.<\/p>\n\n\n<div class=\"alert-banner alert-banner--green h-padding-30 h-margin-top-30 h-margin-bottom-30\">\n    <div class=\"alert-banner__heading grid-x h-margin-bottom-10\">\n                <div class=\"alert-banner__title cell auto\"> <\/div>\n    <\/div>\n    <div class=\"alert-banner__text\">\n        <h2><b><span data-contrast=\"none\">Scrapers around the world: <\/span><\/b><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/h2>\n<ul>\n<li>\ud83c\uddf5\ud83c\uddf7 <strong>Puerto Rico:<\/strong> g\u00fciro, g\u00fc\u00edcharo, carracho, or guajey (in Ta\u00edno)<\/li>\n<li><span data-contrast=\"none\">\ud83c\udde8\ud83c\uddf4 <strong>Colombia:<\/strong> guacharaca<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\n<li><span data-contrast=\"none\">\ud83c\udde7\ud83c\uddf7 <strong>Brazil:<\/strong> reco-reco (of African origin) <\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\n<li><span data-contrast=\"none\">\ud83c\udde9\ud83c\uddf4 <strong>Dominican Republic:<\/strong> g\u00fcira<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\n<li><span data-contrast=\"none\">\ud83c\udde8\ud83c\uddfa <strong>Cuba:<\/strong> ralladera or guayo <\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\n<li><span data-contrast=\"none\"><strong>\ud83c\uddf2\ud83c\uddfd Mexico, \ud83c\uddf5\ud83c\uddea Peru, \ud83c\uddf8\ud83c\uddfb El Salvador, \ud83c\uddea\ud83c\udde8 Ecuador, and \ud83c\udde8\ud83c\uddfa Cuba:<\/strong> quijada, quijada de burro (donkey jaw), charrasca <\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\n<li><span data-contrast=\"none\">\ud83c\uddfa\ud83c\uddf8 <strong>Louisiana:<\/strong> frottoir vest, washboard<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\n<\/ul>\n\n    <\/div>\n<\/div>\n\n\n\n<p>Of course, the Puerto Rican g\u00fciro was previously played with a cylindrical stick, as can be seen in the work <a href=\"https:\/\/www.geoisla.com\/2018\/10\/el-velorio-francisco-oller-c-1893\/\" target=\"_blank\" rel=\"noreferrer noopener\">El Velorio<\/a> (The Wake\/El Baquin\u00e9) by Francisco Oller, completed around 1893.<\/p>\n\n\n\n<p>Another peculiarity was that, in the past, &#8220;the j\u00edbaro would make two small holes so it would sound louder, because there was no amplification, and they also used them to insert their fingers,&#8221; explained Alvarado. &#8220;The holes aren&#8217;t made anymore,&#8221; he added, because &#8220;it changes the sound.&#8221; The holes give it a deeper sound, while not making them offers a finer sound.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Web-Hero-Images-pocillo-53.png\" alt=\"\" class=\"wp-image-24683\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Pe\u00f1uelas: the Capital of the G\u00fciro<\/strong><\/h2>\n\n\n\n<p>If there&#8217;s anyone in Puerto Rico who has contributed to the history of the g\u00fciro, it&#8217;s Don An\u00edbal Alvarado, 82 years old, who started playing the instrument when he was barely 9 years old at the Promesas de Reyes (Three Kings Day promises) they held in his neighborhood in Pe\u00f1uelas. His skill was such that neighbors would say: &#8220;Give the g\u00fciro to Miguel&#8217;s son, he really knows how to play,&#8221; Alvarado told <strong>Platea<\/strong> with laughter.<\/p>\n\n\n\n<p>It wasn&#8217;t until several years later that he had his first g\u00fciro, which he scraped himself. He remembers it was in 1974, the year &#8220;the first g\u00fciro competitions were held in Pe\u00f1uelas.&#8221;<\/p>\n\n\n<div class=\"alert-banner alert-banner--green h-padding-30 h-margin-top-30 h-margin-bottom-30\">\n    <div class=\"alert-banner__heading grid-x h-margin-bottom-10\">\n                <div class=\"alert-banner__title cell auto\"> <\/div>\n    <\/div>\n    <div class=\"alert-banner__text\">\n        <p><strong>\u270d\ufe0f Platea tip:<\/strong> <a href=\"https:\/\/www.plateapr.com\/directorio\/sur\/penuelas\/que-hacer\/\">Things to do in Pe\u00f1uelas<\/a><\/p>\n\n    <\/div>\n<\/div>\n\n\n\n<p>Alvarado played with singer-songwriter Andr\u00e9s Jim\u00e9nez from Orocovis in his early days. In 1979, he founded the Rondalla Pe\u00f1olana, with which he played for several years, and the Orquesta de G\u00fciros de Puerto Rico, which still performs today. He also founded An\u00edbal Alvarado y su rondalla and, in 2000, the Conjunto de Cuerdas de Borinquen and Folklore Sin Fronteras.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Festival Nacional del G\u00fciro 2016 Pe\u00f1uelas. Puerto Rico\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Ilw3wi3o_OM?start=426&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>He has g\u00fciros &#8220;by the hundreds&#8221; in a collection of 200 to 300 pieces, many of which he scraped himself. And he assures he&#8217;ll be playing and making g\u00fciros &#8220;until death caresses me.&#8221;<\/p>\n\n\n\n<p>&#8220;In Pe\u00f1uelas, thousands of students passed through my hands. And in Puerto Rico, I&#8217;ve given quite a few workshops, mainly in the southern region. Now I&#8217;m waiting for things to settle down so I can dedicate whatever little life I have left to that (teaching g\u00fciro),&#8221; said the musician, who loves to joke and is extremely proud of his Boricua heritage.<\/p>\n\n\n<div class=\"traveler-quote h-margin-top-30 h-margin-bottom-30 grid-x\">\n    <div class=\"traveler-quote__logo\">\n        <svg width=\"60\" height=\"47\" viewBox=\"0 0 60 47\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9621 4.75328H12.2178L6.95092 42.1162H11.6952L11.0666 46.8652H0L6.53444 0.00427246H17.6037L16.9621 4.75328Z\" fill=\"white\"\/>\n<path d=\"M43.0355 42.1119H47.7798L53.0467 4.74901H48.3023L48.9309 0H60.0002L53.4657 46.8609H42.4482L43.0355 42.1119Z\" fill=\"white\"\/>\n<path d=\"M27.5352 17.9237L27.9672 14.8889H27.9542L27.5352 17.9237Z\" fill=\"white\"\/>\n<path d=\"M41.1674 14.0907C40.7742 13.0705 40.1741 12.26 39.3644 11.6567C38.6064 11.0948 37.6907 10.7012 36.6327 10.4396L34.5166 25.5749C35.7324 25.3133 36.8034 24.8809 37.745 24.2672C38.6866 23.6535 39.4834 22.8275 40.1224 21.7943C40.7639 20.7611 41.1933 19.4793 41.4158 17.949C41.6512 16.4057 41.5581 15.1239 41.1674 14.0907Z\" fill=\"white\"\/>\n<path d=\"M27.9538 14.889H27.9668L28.6601 10.0079H22.8965L19.249 36.1741H24.9608L27.5348 17.9238L27.9538 14.889Z\" fill=\"white\"\/>\n<\/svg>\n\n    <\/div>\n        <div class=\"traveler-quote__quote-container cell medium-auto\">\n       <div class=\"traveler-quote__quote h-margin-bottom-20\">\n            <p>Modesty aside, I think you&#8217;d be hard pressed to find a g\u00fciro player in Puerto Rico who hasn&#8217;t picked up a thing or two from me&#8230; Pe\u00f1uelas is known as the Capital of the G\u00fciro, and modesty aside, that&#8217;s because of me.<\/p>\n\n       <\/div>\n       <div class=\"traveler-quote__name\">\n            An\u00edbal Acevedo\n       <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p>Thanks to Alvarado&#8217;s legacy and his orchestras, Pe\u00f1uelas is known as the Capital of the G\u00fciro and they celebrate\u2014in July\u2014the <a href=\"https:\/\/www.plateapr.com\/festivales-puerto-rico-historia-origen\/\">Festival del G\u00fciro<\/a> for over 50 years. They also have a Monument to the G\u00fciro on highway PR-385, a 27-foot bronze sculpture by artist Claudio Solano featuring a giant g\u00fc\u00edcharo with a Puerto Rican flag.<\/p>\n\n\n<div class=\"alert-banner alert-banner--green h-padding-30 h-margin-top-30 h-margin-bottom-30\">\n    <div class=\"alert-banner__heading grid-x h-margin-bottom-10\">\n                <div class=\"alert-banner__title cell auto\"> <\/div>\n    <\/div>\n    <div class=\"alert-banner__text\">\n        <p><strong>Platea tip:<\/strong> <a href=\"https:\/\/www.plateapr.com\/que-hacer-penuelas\/\">A brief guide to Pe\u00f1uelas, the town with one of the smallest streets in America<\/a><\/p>\n\n    <\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>From plena to Bad Bunny: where is the g\u00fciro today?<\/strong><\/h2>\n\n\n\n<p>Don An\u00edbal shared that when he started with the g\u00fciro, people in his town would tell him: &#8220;You&#8217;re crazy.&#8221; However, &#8220;look where the g\u00fciro has reached,&#8221; with even an artist of Bad Bunny&#8217;s caliber making it sound around the world.<\/p>\n\n\n\n<p>&#8220;The g\u00fciro is now in a better place than before. A g\u00fciro player can earn up to $300 per gig. But we still have a good stretch (to go),&#8221; said Alvarado, who believes the ones who came out best from Bad Bunny&#8217;s album are &#8220;those who play plena,&#8221; since now it&#8217;s a rhythm that&#8217;s respected even more.<\/p>\n\n\n\n<p>About playing with Bad Bunny, he said: &#8220;If he calls me, we&#8217;ll work it out. I have the ability to adapt to all rhythms.&#8221;<\/p>\n\n\n<div class=\"alert-banner alert-banner--green h-padding-30 h-margin-top-30 h-margin-bottom-30\">\n    <div class=\"alert-banner__heading grid-x h-margin-bottom-10\">\n                <div class=\"alert-banner__title cell auto\"> <\/div>\n    <\/div>\n    <div class=\"alert-banner__text\">\n        <h2><b><span data-contrast=\"auto\">\ud83c\udfb6 Rhythms played with the g\u00fciro: <\/span><\/b><span data-ccp-props=\"{}\"> <\/span><\/h2>\n<p><span data-contrast=\"auto\">Although it&#8217;s a percussion instrument that could be included in almost any musical rhythm, these are the main genres where it stands out: <\/span><span data-ccp-props=\"{&quot;335559685&quot;:0}\"> <\/span><\/p>\n<ul>\n<li><span data-contrast=\"auto\">Puerto Rican danza<\/span><span data-ccp-props=\"{}\"> <\/span><\/li>\n<li><span data-contrast=\"auto\">Pasodoble<\/span><span data-ccp-props=\"{}\"> <\/span><\/li>\n<li><span data-contrast=\"auto\">Mazurka<\/span><span data-ccp-props=\"{}\"> <\/span><\/li>\n<li><span data-contrast=\"auto\">Various seises <\/span><span data-ccp-props=\"{}\"> <\/span><\/li>\n<li><span data-contrast=\"auto\">Aguinaldos <\/span><span data-ccp-props=\"{}\"> <\/span><\/li>\n<li><span data-contrast=\"auto\">Plena<\/span><\/li>\n<\/ul>\n\n    <\/div>\n<\/div>\n\n\n\n<p>For his part, Amador Medina emphasized that &#8220;what Benito has done on this last album isn&#8217;t a strange phenomenon,&#8221; as artists like Ricky Martin also included Puerto Rican music in their most commercial albums.<\/p>\n\n\n\n<p>However, he considered that Benito&#8217;s distinctive approach has been creating from honesty, being transparent about his roots and reflecting the feelings of a people with the language and rhythm they understand and feel.<\/p>\n\n\n\n<p><strong>&#8220;I believe one of the greatest contributions of that album is that you hear the g\u00fciro doing things that aren&#8217;t traditional. Or you have patterns that are being worked on as you would work a percussion instrument in a pop music recording,&#8221;<\/strong> said the expert.<\/p>\n\n\n\n<p>The musician acknowledged the &#8220;very prominent&#8221; sound of the g\u00fciro in Lo que le pas\u00f3 a Hawaii, a song in which the instrument demonstrates the production value it can have.<\/p>\n\n\n\n<iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/track\/1Hg0e997pObvZ91w1FCPFk?utm_source=generator&#038;theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n\n\n\n<p>For Amador Medina, &#8220;this project has served to strengthen and validate our people&#8217;s identity because it&#8217;s not just the music. It&#8217;s our customs, our traditions, recognizing that no matter how much of a rocker you are, how much of a reggaetonero you are, you know what a pitorro de coco is.&#8221;<\/p>\n\n\n<div class=\"alert-banner alert-banner--green h-padding-30 h-margin-top-30 h-margin-bottom-30\">\n    <div class=\"alert-banner__heading grid-x h-margin-bottom-10\">\n                <div class=\"alert-banner__title cell auto\"> <\/div>\n    <\/div>\n    <div class=\"alert-banner__text\">\n        <h2><b><span data-contrast=\"auto\">G\u00fciro fever: where to learn to play it? <\/span><\/b><\/h2>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"13\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><a href=\"https:\/\/www.facebook.com\/escuelaculturalcandidoreyes\"><span data-contrast=\"none\">Escuela Cultural C\u00e1ndido Reyes<\/span><\/a><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"13\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><a href=\"https:\/\/www.facebook.com\/lacasadelaplena\/?locale=es_LA\"><span data-contrast=\"none\">La Casa de la Plena Tito Matos<\/span><\/a><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"13\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"3\" data-aria-level=\"1\"><span data-contrast=\"auto\">Professional classes for young people: <\/span><a href=\"https:\/\/artesdelcaribe.com\/\"><span data-contrast=\"none\">Conservatorio de Artes del Caribe<\/span><\/a><\/li>\n<\/ul>\n<h2><b><span data-contrast=\"auto\">Where to learn to carve g\u00fciros? <\/span><\/b><\/h2>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"14\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Workshops at the Instituto de Cultura Puertorrique\u00f1a (ICP) <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"14\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Workshops by <\/span><a href=\"https:\/\/www.accion-valerosa-inc.org\/\"><span data-contrast=\"none\">Acci\u00f3n Valerosa<\/span><\/a><span data-contrast=\"auto\"> and Los Pleneros de la Cresta in Ciales <\/span><\/li>\n<\/ul>\n<p>*<em>If you have information about g\u00fciro workshops, write to us at hola@plateapr.com. <\/em><\/p>\n\n    <\/div>\n<\/div>\n\n\n<div class=\"hub-tiles hub-tiles--slides homepage__spacing\">\n        <div class=\"hub-tiles__wrapper\">\n        <div class=\"hub-tiles__tiles\">\n                            <div class=\"hub-tiles__tile\">\n                    <a data-post-id=\"6127\" class=\"hub-tiles__tile-image\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-2025-11-22T141448.819-1.png\"\/>\n                    <\/a>\n                    <a data-post-id=\"6127\" class=\"btn btn--pill\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/puerto-rican-plena-the-sound-that-unites-boricuas\/\">Puerto Rican Plena: the sound that unites boricuas<\/a>\n                <\/div>\n                            <div class=\"hub-tiles__tile\">\n                    <a data-post-id=\"6108\" class=\"hub-tiles__tile-image\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2022\/02\/191-3-7762_jpeg.jpg\"\/>\n                    <\/a>\n                    <a data-post-id=\"6108\" class=\"btn btn--pill\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/the-unofficial-anthems-that-tell-the-story-of-puerto-rico\/\">The Unofficial Anthems that Tell the Story of Puerto Rico<\/a>\n                <\/div>\n                            <div class=\"hub-tiles__tile\">\n                    <a data-post-id=\"6129\" class=\"hub-tiles__tile-image\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/mike-amadeo-the-puerto-rican-who-gave-salsa-its-lyrics-and-soul\/\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/DSC03404-scaled.webp\"\/>\n                    <\/a>\n                    <a data-post-id=\"6129\" class=\"btn btn--pill\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/mike-amadeo-the-puerto-rican-who-gave-salsa-its-lyrics-and-soul\/\">Mike Amadeo: The Puerto Rican Who Gave Salsa Its Lyrics and Soul<\/a>\n                <\/div>\n                            <div class=\"hub-tiles__tile\">\n                    <a data-post-id=\"6103\" class=\"hub-tiles__tile-image\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Web-Hero-Images-pocillo-90.png\"\/>\n                    <\/a>\n                    <a data-post-id=\"6103\" class=\"btn btn--pill\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-residency-the-art-of-interpreting-songs-in-sign-language\/\">Bad Bunny Residency: The Art of Interpreting Songs in Sign Language<\/a>\n                <\/div>\n                            <div class=\"hub-tiles__tile\">\n                    <a data-post-id=\"3930\" class=\"hub-tiles__tile-image\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-spotlight\/\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/12\/GettyImages-1354186907-scaled-e1639162458289.jpg\"\/>\n                    <\/a>\n                    <a data-post-id=\"3930\" class=\"btn btn--pill\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-spotlight\/\">The Life and Times of Bad Bunny &#8211; Artist Spotlight<\/a>\n                <\/div>\n                            <div class=\"hub-tiles__tile\">\n                    <a data-post-id=\"3903\" class=\"hub-tiles__tile-image\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-and-rauw-alejandro-triumph-at-the-22nd-annual-latin-grammy-awards\/\">\n                        <img decoding=\"async\" src=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2021\/12\/GettyImages-1286606008-scaled-e1639081187184.jpg\"\/>\n                    <\/a>\n                    <a data-post-id=\"3903\" class=\"btn btn--pill\" href=\"https:\/\/www.plateapr.com\/en\/inspirational\/bad-bunny-and-rauw-alejandro-triumph-at-the-22nd-annual-latin-grammy-awards\/\">Bad Bunny and Rauw Alejandro triumph at the 22nd Annual Latin Grammy Awards<\/a>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>From the Ta\u00edno guajey to the contemporary g\u00fciro: we tell you the evolution of this instrument, which is fundamental in rhythms like danza and plena. &#8212; If there&#8217;s one instrument that stands out in DeB\u00cd TiRAR M\u00e1S FOToS, Bad Bunny&#8217;s latest album, it&#8217;s the g\u00fciro. Not only does it delight us with its sweet sound [&hellip;]<\/p>\n","protected":false},"author":52,"featured_media":6132,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[89],"post_tag":[],"authors":[167],"page_type":[],"geo_location":[],"class_list":["post-6130","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspirational","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>DeB\u00cd ToCaR M\u00e1S G\u00fciRo: The Puerto Rican Instrument from Ta\u00ednos to Bad Bunny | Platea<\/title>\n<meta name=\"description\" content=\"From Ta\u00edno ceremonies to Bad Bunny&#039;s global hits: discover the g\u00fciro, Puerto Rico&#039;s signature instrument and a window into the island&#039;s soul.\" \/>\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\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DeB\u00cd ToCaR M\u00e1S G\u00fciRo: The Puerto Rican Instrument from Ta\u00ednos to Bad Bunny | Platea\" \/>\n<meta property=\"og:description\" content=\"From Ta\u00edno ceremonies to Bad Bunny&#039;s global hits: discover the g\u00fciro, Puerto Rico&#039;s signature instrument and a window into the island&#039;s soul.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/\" \/>\n<meta property=\"og:site_name\" content=\"Platea\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-11T19:24:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-12T19:26:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-54-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=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/\"},\"author\":{\"name\":\"hroloncintron\",\"@id\":\"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b\"},\"headline\":\"DeB\u00cd ToCaR M\u00e1S G\u00fciRo: The Puerto Rican Instrument from Ta\u00ednos to Bad Bunny\",\"datePublished\":\"2025-12-11T19:24:52+00:00\",\"dateModified\":\"2025-12-12T19:26:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/\"},\"wordCount\":1808,\"publisher\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-54.png\",\"articleSection\":[\"Inspirational\"],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/#primaryimage\",\"url\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-54.png\",\"contentUrl\":\"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-54.png\",\"width\":1280,\"height\":720,\"caption\":\"G\u00fciro\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/#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\":\"DeB\u00cd ToCaR M\u00e1S G\u00fciRo: The Puerto Rican Instrument from Ta\u00ednos to Bad Bunny\"}]},{\"@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":"DeB\u00cd ToCaR M\u00e1S G\u00fciRo: The Puerto Rican Instrument from Ta\u00ednos to Bad Bunny | Platea","description":"From Ta\u00edno ceremonies to Bad Bunny's global hits: discover the g\u00fciro, Puerto Rico's signature instrument and a window into the island's soul.","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\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/","og_locale":"en_US","og_type":"article","og_title":"DeB\u00cd ToCaR M\u00e1S G\u00fciRo: The Puerto Rican Instrument from Ta\u00ednos to Bad Bunny | Platea","og_description":"From Ta\u00edno ceremonies to Bad Bunny's global hits: discover the g\u00fciro, Puerto Rico's signature instrument and a window into the island's soul.","og_url":"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/","og_site_name":"Platea","article_published_time":"2025-12-11T19:24:52+00:00","article_modified_time":"2025-12-12T19:26:04+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-54-1024x576.png","type":"image\/png"}],"author":"hroloncintron","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hroloncintron","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/#article","isPartOf":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/"},"author":{"name":"hroloncintron","@id":"https:\/\/www.plateapr.com\/en\/#\/schema\/person\/19c6f7fe785106043495e8215fd10f1b"},"headline":"DeB\u00cd ToCaR M\u00e1S G\u00fciRo: The Puerto Rican Instrument from Ta\u00ednos to Bad Bunny","datePublished":"2025-12-11T19:24:52+00:00","dateModified":"2025-12-12T19:26:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/"},"wordCount":1808,"publisher":{"@id":"https:\/\/www.plateapr.com\/en\/#organization"},"image":{"@id":"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/#primaryimage"},"thumbnailUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-54.png","articleSection":["Inspirational"],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/#primaryimage","url":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-54.png","contentUrl":"https:\/\/www.plateapr.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Web-Hero-Images-pocillo-54.png","width":1280,"height":720,"caption":"G\u00fciro"},{"@type":"BreadcrumbList","@id":"https:\/\/www.plateapr.com\/en\/inspirational\/debi-tocar-mas-guiro-the-puerto-rican-instrument-from-tainos-to-bad-bunny\/#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":"DeB\u00cd ToCaR M\u00e1S G\u00fciRo: The Puerto Rican Instrument from Ta\u00ednos to Bad Bunny"}]},{"@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\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p><em>From the Ta\u00edno guajey to the contemporary g\u00fciro: we tell you the evolution of this instrument, which is fundamental in rhythms like danza and plena.<\/em><\/p>\n","innerContent":["\n<p><em>From the Ta\u00edno guajey to the contemporary g\u00fciro: we tell you the evolution of this instrument, which is fundamental in rhythms like danza and plena.<\/em><\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>--<\/p>\n","innerContent":["\n<p>--<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>If there's one instrument that stands out in <a href=\"https:\/\/www.plateapr.com\/debi-tirar-mas-fotos-de-bad-bunny-una-inmersion-en-la-identidad-puertorriquena\/\">DeB\u00cd TiRAR M\u00e1S FOToS<\/a>, Bad Bunny's latest album, it's the <strong>g\u00fciro<\/strong>. Not only does it delight us with its sweet sound in the plena of Caf\u00e9 con ron or in the m\u00fasica j\u00edbara of Pitorro de coco. It also surprises us by carrying the melody in Lo que le pas\u00f3 a Hawaii, a song in which the instrument demonstrates its versatility and presence.<\/p>\n","innerContent":["\n<p>If there's one instrument that stands out in <a href=\"https:\/\/www.plateapr.com\/debi-tirar-mas-fotos-de-bad-bunny-una-inmersion-en-la-identidad-puertorriquena\/\">DeB\u00cd TiRAR M\u00e1S FOToS<\/a>, Bad Bunny's latest album, it's the <strong>g\u00fciro<\/strong>. Not only does it delight us with its sweet sound in the plena of Caf\u00e9 con ron or in the m\u00fasica j\u00edbara of Pitorro de coco. It also surprises us by carrying the melody in Lo que le pas\u00f3 a Hawaii, a song in which the instrument demonstrates its versatility and presence.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/html","attrs":[],"innerBlocks":[],"innerHTML":"\n<iframe style=\"border-radius:10px\" src=\"https:\/\/open.spotify.com\/embed\/track\/6VNXmo59yDYgcwLS17UNAW?utm_source=generator&theme=0\" width=\"70%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n","innerContent":["\n<iframe style=\"border-radius:10px\" src=\"https:\/\/open.spotify.com\/embed\/track\/6VNXmo59yDYgcwLS17UNAW?utm_source=generator&theme=0\" width=\"70%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>But the g\u00fciro is an instrument many Puerto Ricans grew up with. It reminds us of our grandparents' house, the Christmas parrandas, and the lech\u00f3n asa'o. Its fame precedes \"Benito, son of Benito\" and Ricky Martin, who also made it sound in his hit P\u00e9gate.<\/p>\n","innerContent":["\n<p>But the g\u00fciro is an instrument many Puerto Ricans grew up with. It reminds us of our grandparents' house, the Christmas parrandas, and the lech\u00f3n asa'o. Its fame precedes \"Benito, son of Benito\" and Ricky Martin, who also made it sound in his hit P\u00e9gate.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Two emblematic g\u00fcireros from Puerto Rico join us on this journey through the history of the g\u00fciro: <strong>An\u00edbal Alvarado<\/strong> from Pe\u00f1uelas, the reason why <a href=\"https:\/\/www.plateapr.com\/que-hacer-penuelas\/\">Pe\u00f1uelas<\/a> is known as the Capital of the G\u00fciro, and percussionist and historian <strong>Rub\u00e9n Amador Medina<\/strong>, director of the <a href=\"https:\/\/artesdelcaribe.com\/\">Conservatorio de Artes del Caribe (CAC)<\/a>, a pre-university institution that is a partner of <a href=\"https:\/\/www.berklee.edu\/berkleeontheroad\/berklee-puerto-rico\">Berklee College of Music<\/a>.<\/p>\n","innerContent":["\n<p>Two emblematic g\u00fcireros from Puerto Rico join us on this journey through the history of the g\u00fciro: <strong>An\u00edbal Alvarado<\/strong> from Pe\u00f1uelas, the reason why <a href=\"https:\/\/www.plateapr.com\/que-hacer-penuelas\/\">Pe\u00f1uelas<\/a> is known as the Capital of the G\u00fciro, and percussionist and historian <strong>Rub\u00e9n Amador Medina<\/strong>, director of the <a href=\"https:\/\/artesdelcaribe.com\/\">Conservatorio de Artes del Caribe (CAC)<\/a>, a pre-university institution that is a partner of <a href=\"https:\/\/www.berklee.edu\/berkleeontheroad\/berklee-puerto-rico\">Berklee College of Music<\/a>.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/html","attrs":[],"innerBlocks":[],"innerHTML":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>How is the Puerto Rican g\u00fciro made?<\/title>\n    <style>\n        \/* Styles to completely isolate the component *\/\n        #guiro-puertorriqueno-container {\n            font-family: 'Arial', sans-serif;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 15px 10px; \/* Reduced to use more space *\/\n            box-sizing: border-box;\n        }\n\n        #guiro-puertorriqueno-container * {\n            box-sizing: border-box;\n        }\n\n        \/* Main title *\/\n        #guiro-puertorriqueno-title {\n            text-align: center;\n            font-size: 26px; \/* Reduced *\/\n            margin-bottom: 18px; \/* Reduced *\/\n            color: #333;\n            font-weight: bold;\n        }\n\n        \/* Carousel container *\/\n        #guiro-puertorriqueno-carousel {\n            position: relative;\n            overflow: hidden;\n            padding: 15px 0; \/* Reduced *\/\n        }\n\n        \/* Cards container with scroll *\/\n        #guiro-puertorriqueno-cards {\n            display: flex;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n            -webkit-overflow-scrolling: touch;\n            gap: 10px; \/* Reduced for a more compact design *\/\n            padding: 5px 5px 25px 5px; \/* Reduced top padding *\/\n            scrollbar-width: thin;\n            scrollbar-color: #04d99d #f1f1f1;\n        }\n\n        \/* Style to hide scrollbar in Chrome *\/\n        #guiro-puertorriqueno-cards::-webkit-scrollbar {\n            height: 8px;\n        }\n\n        #guiro-puertorriqueno-cards::-webkit-scrollbar-track {\n            background: #f1f1f1;\n            border-radius: 10px;\n        }\n\n        #guiro-puertorriqueno-cards::-webkit-scrollbar-thumb {\n            background: #04d99d;\n            border-radius: 10px;\n        }\n\n        \/* Individual card *\/\n        .guiro-card {\n            flex: 0 0 auto;\n            width: 90%;\n            min-width: 280px;\n            max-width: 460px; \/* Expanded to use more horizontal space *\/\n            background-color: #fff;\n            border-radius: 8px; \/* Reduced for subtler edges *\/\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n            display: flex;\n            flex-direction: row;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            margin-bottom: 5px;\n            height: auto; \/* Automatic height to fit content *\/\n            min-height: 160px; \/* Reduced minimum height *\/\n        }\n\n        .guiro-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n        }\n\n        \/* Image section *\/\n        .guiro-card-image {\n            flex: 0 0 40%;\n            overflow: hidden;\n            position: relative;\n            background-color: #f8f8f8;\n            min-height: 150px; \/* Minimum height for image *\/\n        }\n\n        .guiro-card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            position: absolute;\n            top: 0;\n            left: 0;\n        }\n\n        \/* Card content *\/\n        .guiro-card-content {\n            flex: 0 0 60%;\n            padding: 8px 10px; \/* Further reduced *\/\n            display: flex;\n            flex-direction: column;\n        }\n\n        .guiro-card-title {\n            font-size: 16px;\n            font-weight: bold;\n            margin-bottom: 4px; \/* Reduced *\/\n            color: #333;\n            border-left: 3px solid #04d99d;\n            padding-left: 8px;\n            line-height: 1; \/* Reduced *\/\n        }\n\n        .guiro-card-description {\n            font-size: 13px;\n            color: #555;\n            line-height: 1.25; \/* Reduced *\/\n            flex-grow: 1;\n            overflow: visible;\n        }\n\n        \/* Navigation buttons *\/\n        .guiro-nav-controls {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin-top: 15px;\n            position: relative;\n            width: 100%;\n            z-index: 2;\n        }\n\n        .guiro-carousel-button {\n            background-color: #04d99d;\n            color: white;\n            border: none;\n            border-radius: 50%;\n            width: 36px;\n            height: 36px;\n            font-size: 18px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            transition: background-color 0.3s ease;\n        }\n\n        .guiro-carousel-button:hover {\n            background-color: #03b987;\n        }\n\n        \/* Pagination indicators *\/\n        .guiro-pagination {\n            display: flex;\n            justify-content: center;\n            margin-top: 10px;\n            width: 100%;\n        }\n\n        .guiro-pagination-dot {\n            width: 10px;\n            height: 10px;\n            margin: 0 5px;\n            background-color: #ccc;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n        }\n\n        .guiro-pagination-dot.active {\n            background-color: #04d99d;\n            transform: scale(1.2);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .guiro-card {\n                width: 90%; \/* Expanded to use more horizontal space *\/\n                min-width: 280px;\n                height: auto; \/* Automatic height to fit content *\/\n                min-height: 180px; \/* Minimum height to maintain proportion *\/\n            }\n\n            .guiro-card-title {\n                font-size: 15px;\n                margin-bottom: 5px;\n            }\n\n            .guiro-card-description {\n                font-size: 14px;\n                line-height: 1.3;\n            }\n\n            .guiro-carousel-button {\n                width: 32px;\n                height: 32px;\n                font-size: 16px;\n            }\n        }\n\n        @media (max-width: 576px) {\n            .guiro-card {\n                width: 94%; \/* Almost full available width *\/\n                height: auto; \/* Automatic height *\/\n                min-height: 150px; \/* Minimum height *\/\n                min-width: 260px;\n                border-radius: 6px; \/* Even subtler edges *\/\n            }\n\n            .guiro-card-image {\n                flex: 0 0 42%; \/* Balance between image and text *\/\n            }\n\n            .guiro-card-content {\n                flex: 0 0 58%;\n                padding: 10px 12px;\n            }\n\n            #guiro-puertorriqueno-title {\n                font-size: 20px;\n                margin-bottom: 12px;\n            }\n\n            .guiro-carousel-button {\n                width: 28px;\n                height: 28px;\n                font-size: 14px;\n            }\n\n            .guiro-card-title {\n                font-size: 15px;\n                margin-bottom: 5px;\n                border-left: 2px solid #04d99d;\n                padding-left: 6px;\n            }\n\n            .guiro-card-description {\n                font-size: 14px;\n                line-height: 1.3;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Card component for the Puerto Rican g\u00fciro -->\n    <div id=\"guiro-puertorriqueno-container\">\n        <h1 id=\"guiro-puertorriqueno-title\">How is the Puerto Rican g\u00fciro made?<\/h1>\n\n        <div id=\"guiro-puertorriqueno-carousel\">\n            <div id=\"guiro-puertorriqueno-cards\">\n                <!-- Card 1: Plant -->\n                <div class=\"guiro-card\" id=\"guiro-card-1\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-1128159626-scaled.jpg\" alt=\"Marimbo plant for making g\u00fciro\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udf31 Plant<\/div>\n                        <div class=\"guiro-card-description\">\n                            It's made from the fruit of the marimbo plant, also known as candungo or mata del g\u00fc\u00edcharo. It's a climbing plant from the cucurbit family, like squash or cucumber.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 2: Planting -->\n                <div class=\"guiro-card\" id=\"guiro-card-2\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-979086858-scaled.jpg\" alt=\"Planting the marimbo plant\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83e\udeb4 Planting<\/div>\n                        <div class=\"guiro-card-description\">\n                            \"(The marimbo) should be planted during the waning moon because that's when the weevil, the insect, attacks it less,\" says g\u00fcirero An\u00edbal Alvarado.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 3: Harvest and cleaning -->\n                <div class=\"guiro-card\" id=\"guiro-card-3\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-1491154710-scaled.jpg\" alt=\"Harvesting the marimbo fruit\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83e\uddd1\u200d\ud83c\udf3e Harvest & Cleaning<\/div>\n                        <div class=\"guiro-card-description\">\n                            The marimbo fruit is picked \"when it turns yellowish,\" says Alvarado. \"You carefully detach it without pulling out the main vine. You remove the skin gently\" before removing the seeds to dry it.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 4: Drying -->\n                <div class=\"guiro-card\" id=\"guiro-card-4\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-30-at-6.14.02%E2%80%AFPM.png\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udf2c\ufe0f Drying<\/div>\n                        <div class=\"guiro-card-description\">\n                            The clean fruit is left to dry, preferably in the shade, for three weeks to a month.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 5: Scraping and finishing -->\n                <div class=\"guiro-card\" id=\"guiro-card-5\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-30-at-6.22.41%E2%80%AFPM.png\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udfbc Scraping & Finishing<\/div>\n                        <div class=\"guiro-card-description\">\n                            Once dry, the area where the grooves will be made is marked, and it's scraped with fine horizontal or diagonal lines. Then, it can be sanded.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 6: Varillero -->\n                <div class=\"guiro-card\" id=\"guiro-card-6\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-139085386.jpg\" alt=\"Varillero for playing the g\u00fciro\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udfb6 Varillero (Scraper)<\/div>\n                        <div class=\"guiro-card-description\">\n                            A separate process with a wooden handle and metal prongs, preferably piano strings.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"guiro-pagination\"><\/div>\n            <div class=\"guiro-nav-controls\">\n                <button class=\"guiro-carousel-button\" id=\"guiro-prev-button\">&lt;<\/button>\n                <button class=\"guiro-carousel-button\" id=\"guiro-next-button\">&gt;<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ DOM elements\n            const cardsContainer = document.getElementById('guiro-puertorriqueno-cards');\n            const prevButton = document.getElementById('guiro-prev-button');\n            const nextButton = document.getElementById('guiro-next-button');\n            const pagination = document.querySelector('.guiro-pagination');\n            const cards = document.querySelectorAll('.guiro-card');\n\n            let currentIndex = 0;\n            let cardWidth = 0;\n\n            \/\/ Create pagination indicators\n            cards.forEach((_, index) => {\n                const dot = document.createElement('div');\n                dot.classList.add('guiro-pagination-dot');\n                if (index === 0) dot.classList.add('active');\n                dot.addEventListener('click', () => scrollToCard(index));\n                pagination.appendChild(dot);\n            });\n\n            \/\/ Function to update indicators\n            function updatePagination() {\n                const dots = document.querySelectorAll('.guiro-pagination-dot');\n                dots.forEach((dot, index) => {\n                    dot.classList.toggle('active', index === currentIndex);\n                });\n            }\n\n            \/\/ Calculate position to scroll to\n            function calculatePosition(index) {\n                const card = cards[index];\n                const containerWidth = cardsContainer.offsetWidth;\n                cardWidth = card.offsetWidth;\n                const cardMargin = 15; \/\/ gap between cards\n                const scrollLeft = card.offsetLeft - (containerWidth - cardWidth) \/ 2 + cardMargin;\n                return scrollLeft;\n            }\n\n            \/\/ Scroll to a specific card\n            function scrollToCard(index) {\n                if (index < 0) index = 0;\n                if (index >= cards.length) index = cards.length - 1;\n\n                currentIndex = index;\n                const position = calculatePosition(index);\n\n                cardsContainer.scrollTo({\n                    left: position,\n                    behavior: 'smooth'\n                });\n\n                updatePagination();\n            }\n\n            \/\/ Button events\n            prevButton.addEventListener('click', () => {\n                scrollToCard(currentIndex - 1);\n            });\n\n            nextButton.addEventListener('click', () => {\n                scrollToCard(currentIndex + 1);\n            });\n\n            \/\/ Detect scroll change to update indicators\n            cardsContainer.addEventListener('scroll', () => {\n                const scrollPosition = cardsContainer.scrollLeft;\n                let newIndex = 0;\n\n                cards.forEach((card, index) => {\n                    const cardPosition = card.offsetLeft;\n                    const threshold = cardPosition - (cardsContainer.offsetWidth - cardWidth) \/ 3;\n\n                    if (scrollPosition >= threshold) {\n                        newIndex = index;\n                    }\n                });\n\n                if (newIndex !== currentIndex) {\n                    currentIndex = newIndex;\n                    updatePagination();\n                }\n            });\n\n            \/\/ Initialization\n            window.addEventListener('resize', () => {\n                \/\/ Readjust card position when window size changes\n                scrollToCard(currentIndex);\n            });\n\n            \/\/ Start on the first card\n            scrollToCard(0);\n\n            \/\/ Swipe for mobile\n            let touchStartX = 0;\n            let touchEndX = 0;\n\n            cardsContainer.addEventListener('touchstart', e => {\n                touchStartX = e.changedTouches[0].screenX;\n            });\n\n            cardsContainer.addEventListener('touchend', e => {\n                touchEndX = e.changedTouches[0].screenX;\n                handleSwipe();\n            });\n\n            function handleSwipe() {\n                const threshold = 50; \/\/ Minimum distance to consider a swipe\n                if (touchEndX < touchStartX - threshold) {\n                    \/\/ Swipe left\n                    scrollToCard(currentIndex + 1);\n                } else if (touchEndX > touchStartX + threshold) {\n                    \/\/ Swipe right\n                    scrollToCard(currentIndex - 1);\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","innerContent":["\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>How is the Puerto Rican g\u00fciro made?<\/title>\n    <style>\n        \/* Styles to completely isolate the component *\/\n        #guiro-puertorriqueno-container {\n            font-family: 'Arial', sans-serif;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 15px 10px; \/* Reduced to use more space *\/\n            box-sizing: border-box;\n        }\n\n        #guiro-puertorriqueno-container * {\n            box-sizing: border-box;\n        }\n\n        \/* Main title *\/\n        #guiro-puertorriqueno-title {\n            text-align: center;\n            font-size: 26px; \/* Reduced *\/\n            margin-bottom: 18px; \/* Reduced *\/\n            color: #333;\n            font-weight: bold;\n        }\n\n        \/* Carousel container *\/\n        #guiro-puertorriqueno-carousel {\n            position: relative;\n            overflow: hidden;\n            padding: 15px 0; \/* Reduced *\/\n        }\n\n        \/* Cards container with scroll *\/\n        #guiro-puertorriqueno-cards {\n            display: flex;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n            -webkit-overflow-scrolling: touch;\n            gap: 10px; \/* Reduced for a more compact design *\/\n            padding: 5px 5px 25px 5px; \/* Reduced top padding *\/\n            scrollbar-width: thin;\n            scrollbar-color: #04d99d #f1f1f1;\n        }\n\n        \/* Style to hide scrollbar in Chrome *\/\n        #guiro-puertorriqueno-cards::-webkit-scrollbar {\n            height: 8px;\n        }\n\n        #guiro-puertorriqueno-cards::-webkit-scrollbar-track {\n            background: #f1f1f1;\n            border-radius: 10px;\n        }\n\n        #guiro-puertorriqueno-cards::-webkit-scrollbar-thumb {\n            background: #04d99d;\n            border-radius: 10px;\n        }\n\n        \/* Individual card *\/\n        .guiro-card {\n            flex: 0 0 auto;\n            width: 90%;\n            min-width: 280px;\n            max-width: 460px; \/* Expanded to use more horizontal space *\/\n            background-color: #fff;\n            border-radius: 8px; \/* Reduced for subtler edges *\/\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n            display: flex;\n            flex-direction: row;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            margin-bottom: 5px;\n            height: auto; \/* Automatic height to fit content *\/\n            min-height: 160px; \/* Reduced minimum height *\/\n        }\n\n        .guiro-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n        }\n\n        \/* Image section *\/\n        .guiro-card-image {\n            flex: 0 0 40%;\n            overflow: hidden;\n            position: relative;\n            background-color: #f8f8f8;\n            min-height: 150px; \/* Minimum height for image *\/\n        }\n\n        .guiro-card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            position: absolute;\n            top: 0;\n            left: 0;\n        }\n\n        \/* Card content *\/\n        .guiro-card-content {\n            flex: 0 0 60%;\n            padding: 8px 10px; \/* Further reduced *\/\n            display: flex;\n            flex-direction: column;\n        }\n\n        .guiro-card-title {\n            font-size: 16px;\n            font-weight: bold;\n            margin-bottom: 4px; \/* Reduced *\/\n            color: #333;\n            border-left: 3px solid #04d99d;\n            padding-left: 8px;\n            line-height: 1; \/* Reduced *\/\n        }\n\n        .guiro-card-description {\n            font-size: 13px;\n            color: #555;\n            line-height: 1.25; \/* Reduced *\/\n            flex-grow: 1;\n            overflow: visible;\n        }\n\n        \/* Navigation buttons *\/\n        .guiro-nav-controls {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin-top: 15px;\n            position: relative;\n            width: 100%;\n            z-index: 2;\n        }\n\n        .guiro-carousel-button {\n            background-color: #04d99d;\n            color: white;\n            border: none;\n            border-radius: 50%;\n            width: 36px;\n            height: 36px;\n            font-size: 18px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            transition: background-color 0.3s ease;\n        }\n\n        .guiro-carousel-button:hover {\n            background-color: #03b987;\n        }\n\n        \/* Pagination indicators *\/\n        .guiro-pagination {\n            display: flex;\n            justify-content: center;\n            margin-top: 10px;\n            width: 100%;\n        }\n\n        .guiro-pagination-dot {\n            width: 10px;\n            height: 10px;\n            margin: 0 5px;\n            background-color: #ccc;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n        }\n\n        .guiro-pagination-dot.active {\n            background-color: #04d99d;\n            transform: scale(1.2);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .guiro-card {\n                width: 90%; \/* Expanded to use more horizontal space *\/\n                min-width: 280px;\n                height: auto; \/* Automatic height to fit content *\/\n                min-height: 180px; \/* Minimum height to maintain proportion *\/\n            }\n\n            .guiro-card-title {\n                font-size: 15px;\n                margin-bottom: 5px;\n            }\n\n            .guiro-card-description {\n                font-size: 14px;\n                line-height: 1.3;\n            }\n\n            .guiro-carousel-button {\n                width: 32px;\n                height: 32px;\n                font-size: 16px;\n            }\n        }\n\n        @media (max-width: 576px) {\n            .guiro-card {\n                width: 94%; \/* Almost full available width *\/\n                height: auto; \/* Automatic height *\/\n                min-height: 150px; \/* Minimum height *\/\n                min-width: 260px;\n                border-radius: 6px; \/* Even subtler edges *\/\n            }\n\n            .guiro-card-image {\n                flex: 0 0 42%; \/* Balance between image and text *\/\n            }\n\n            .guiro-card-content {\n                flex: 0 0 58%;\n                padding: 10px 12px;\n            }\n\n            #guiro-puertorriqueno-title {\n                font-size: 20px;\n                margin-bottom: 12px;\n            }\n\n            .guiro-carousel-button {\n                width: 28px;\n                height: 28px;\n                font-size: 14px;\n            }\n\n            .guiro-card-title {\n                font-size: 15px;\n                margin-bottom: 5px;\n                border-left: 2px solid #04d99d;\n                padding-left: 6px;\n            }\n\n            .guiro-card-description {\n                font-size: 14px;\n                line-height: 1.3;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Card component for the Puerto Rican g\u00fciro -->\n    <div id=\"guiro-puertorriqueno-container\">\n        <h1 id=\"guiro-puertorriqueno-title\">How is the Puerto Rican g\u00fciro made?<\/h1>\n\n        <div id=\"guiro-puertorriqueno-carousel\">\n            <div id=\"guiro-puertorriqueno-cards\">\n                <!-- Card 1: Plant -->\n                <div class=\"guiro-card\" id=\"guiro-card-1\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-1128159626-scaled.jpg\" alt=\"Marimbo plant for making g\u00fciro\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udf31 Plant<\/div>\n                        <div class=\"guiro-card-description\">\n                            It's made from the fruit of the marimbo plant, also known as candungo or mata del g\u00fc\u00edcharo. It's a climbing plant from the cucurbit family, like squash or cucumber.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 2: Planting -->\n                <div class=\"guiro-card\" id=\"guiro-card-2\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-979086858-scaled.jpg\" alt=\"Planting the marimbo plant\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83e\udeb4 Planting<\/div>\n                        <div class=\"guiro-card-description\">\n                            \"(The marimbo) should be planted during the waning moon because that's when the weevil, the insect, attacks it less,\" says g\u00fcirero An\u00edbal Alvarado.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 3: Harvest and cleaning -->\n                <div class=\"guiro-card\" id=\"guiro-card-3\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-1491154710-scaled.jpg\" alt=\"Harvesting the marimbo fruit\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83e\uddd1\u200d\ud83c\udf3e Harvest & Cleaning<\/div>\n                        <div class=\"guiro-card-description\">\n                            The marimbo fruit is picked \"when it turns yellowish,\" says Alvarado. \"You carefully detach it without pulling out the main vine. You remove the skin gently\" before removing the seeds to dry it.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 4: Drying -->\n                <div class=\"guiro-card\" id=\"guiro-card-4\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-30-at-6.14.02%E2%80%AFPM.png\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udf2c\ufe0f Drying<\/div>\n                        <div class=\"guiro-card-description\">\n                            The clean fruit is left to dry, preferably in the shade, for three weeks to a month.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 5: Scraping and finishing -->\n                <div class=\"guiro-card\" id=\"guiro-card-5\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-30-at-6.22.41%E2%80%AFPM.png\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udfbc Scraping & Finishing<\/div>\n                        <div class=\"guiro-card-description\">\n                            Once dry, the area where the grooves will be made is marked, and it's scraped with fine horizontal or diagonal lines. Then, it can be sanded.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 6: Varillero -->\n                <div class=\"guiro-card\" id=\"guiro-card-6\">\n                    <div class=\"guiro-card-image\">\n                        <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-139085386.jpg\" alt=\"Varillero for playing the g\u00fciro\" \/>\n                    <\/div>\n                    <div class=\"guiro-card-content\">\n                        <div class=\"guiro-card-title\">\ud83c\udfb6 Varillero (Scraper)<\/div>\n                        <div class=\"guiro-card-description\">\n                            A separate process with a wooden handle and metal prongs, preferably piano strings.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"guiro-pagination\"><\/div>\n            <div class=\"guiro-nav-controls\">\n                <button class=\"guiro-carousel-button\" id=\"guiro-prev-button\">&lt;<\/button>\n                <button class=\"guiro-carousel-button\" id=\"guiro-next-button\">&gt;<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ DOM elements\n            const cardsContainer = document.getElementById('guiro-puertorriqueno-cards');\n            const prevButton = document.getElementById('guiro-prev-button');\n            const nextButton = document.getElementById('guiro-next-button');\n            const pagination = document.querySelector('.guiro-pagination');\n            const cards = document.querySelectorAll('.guiro-card');\n\n            let currentIndex = 0;\n            let cardWidth = 0;\n\n            \/\/ Create pagination indicators\n            cards.forEach((_, index) => {\n                const dot = document.createElement('div');\n                dot.classList.add('guiro-pagination-dot');\n                if (index === 0) dot.classList.add('active');\n                dot.addEventListener('click', () => scrollToCard(index));\n                pagination.appendChild(dot);\n            });\n\n            \/\/ Function to update indicators\n            function updatePagination() {\n                const dots = document.querySelectorAll('.guiro-pagination-dot');\n                dots.forEach((dot, index) => {\n                    dot.classList.toggle('active', index === currentIndex);\n                });\n            }\n\n            \/\/ Calculate position to scroll to\n            function calculatePosition(index) {\n                const card = cards[index];\n                const containerWidth = cardsContainer.offsetWidth;\n                cardWidth = card.offsetWidth;\n                const cardMargin = 15; \/\/ gap between cards\n                const scrollLeft = card.offsetLeft - (containerWidth - cardWidth) \/ 2 + cardMargin;\n                return scrollLeft;\n            }\n\n            \/\/ Scroll to a specific card\n            function scrollToCard(index) {\n                if (index < 0) index = 0;\n                if (index >= cards.length) index = cards.length - 1;\n\n                currentIndex = index;\n                const position = calculatePosition(index);\n\n                cardsContainer.scrollTo({\n                    left: position,\n                    behavior: 'smooth'\n                });\n\n                updatePagination();\n            }\n\n            \/\/ Button events\n            prevButton.addEventListener('click', () => {\n                scrollToCard(currentIndex - 1);\n            });\n\n            nextButton.addEventListener('click', () => {\n                scrollToCard(currentIndex + 1);\n            });\n\n            \/\/ Detect scroll change to update indicators\n            cardsContainer.addEventListener('scroll', () => {\n                const scrollPosition = cardsContainer.scrollLeft;\n                let newIndex = 0;\n\n                cards.forEach((card, index) => {\n                    const cardPosition = card.offsetLeft;\n                    const threshold = cardPosition - (cardsContainer.offsetWidth - cardWidth) \/ 3;\n\n                    if (scrollPosition >= threshold) {\n                        newIndex = index;\n                    }\n                });\n\n                if (newIndex !== currentIndex) {\n                    currentIndex = newIndex;\n                    updatePagination();\n                }\n            });\n\n            \/\/ Initialization\n            window.addEventListener('resize', () => {\n                \/\/ Readjust card position when window size changes\n                scrollToCard(currentIndex);\n            });\n\n            \/\/ Start on the first card\n            scrollToCard(0);\n\n            \/\/ Swipe for mobile\n            let touchStartX = 0;\n            let touchEndX = 0;\n\n            cardsContainer.addEventListener('touchstart', e => {\n                touchStartX = e.changedTouches[0].screenX;\n            });\n\n            cardsContainer.addEventListener('touchend', e => {\n                touchEndX = e.changedTouches[0].screenX;\n                handleSwipe();\n            });\n\n            function handleSwipe() {\n                const threshold = 50; \/\/ Minimum distance to consider a swipe\n                if (touchEndX < touchStartX - threshold) {\n                    \/\/ Swipe left\n                    scrollToCard(currentIndex + 1);\n                } else if (touchEndX > touchStartX + threshold) {\n                    \/\/ Swipe right\n                    scrollToCard(currentIndex - 1);\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/heading","attrs":[],"innerBlocks":[],"innerHTML":"\n<h2 class=\"wp-block-heading\"><strong>The g\u00fciro, a Ta\u00edno instrument<\/strong><\/h2>\n","innerContent":["\n<h2 class=\"wp-block-heading\"><strong>The g\u00fciro, a Ta\u00edno instrument<\/strong><\/h2>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>\"The Puerto Rican g\u00fciro or g\u00fc\u00edcharo comes to us primarily as an instrument that emerged from the <strong>Ta\u00edno guajey<\/strong>,\" Amador Medina, former director of the Music Program at the Instituto de Cultura Puertorrique\u00f1a (ICP), told <strong>Platea<\/strong>. \"We know that it won't necessarily look like what we see today, with fine grooves played with a metal varillero, because they were probably thicker grooves played with a small stick,\" he added.<\/p>\n","innerContent":["\n<p>\"The Puerto Rican g\u00fciro or g\u00fc\u00edcharo comes to us primarily as an instrument that emerged from the <strong>Ta\u00edno guajey<\/strong>,\" Amador Medina, former director of the Music Program at the Instituto de Cultura Puertorrique\u00f1a (ICP), told <strong>Platea<\/strong>. \"We know that it won't necessarily look like what we see today, with fine grooves played with a metal varillero, because they were probably thicker grooves played with a small stick,\" he added.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>However, the musician said the explanation isn't that simple, since many cultures have developed percussion instruments similar to the g\u00fciro, belonging to the family of <strong>scrapers<\/strong> or <strong>scraped idiophones<\/strong>. African cultures had similar instruments that could also have influenced what our g\u00fciro is today.<\/p>\n","innerContent":["\n<p>However, the musician said the explanation isn't that simple, since many cultures have developed percussion instruments similar to the g\u00fciro, belonging to the family of <strong>scrapers<\/strong> or <strong>scraped idiophones<\/strong>. African cultures had similar instruments that could also have influenced what our g\u00fciro is today.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/list","attrs":[],"innerBlocks":[{"blockName":"core\/list-item","attrs":[],"innerBlocks":[],"innerHTML":"\n<li><strong>Did you know?<\/strong> Alvarado mentioned there's a legend that says the g\u00fciro was used in Ta\u00edno ceremonies to attract rain, since its sound is similar, but it's a fact difficult to verify historically, noted Amador Medina.<\/li>\n","innerContent":["\n<li><strong>Did you know?<\/strong> Alvarado mentioned there's a legend that says the g\u00fciro was used in Ta\u00edno ceremonies to attract rain, since its sound is similar, but it's a fact difficult to verify historically, noted Amador Medina.<\/li>\n"]}],"innerHTML":"\n<ul class=\"wp-block-list\"><\/ul>\n","innerContent":["\n<ul class=\"wp-block-list\">",null,"<\/ul>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>What is worth highlighting is that <strong>the g\u00fciro unites us as Antilleans<\/strong>, as it's the foundation of multiple Afro-Caribbean rhythms, including Puerto Rican danza and plena, where it keeps time and provides accents.<\/p>\n","innerContent":["\n<p>What is worth highlighting is that <strong>the g\u00fciro unites us as Antilleans<\/strong>, as it's the foundation of multiple Afro-Caribbean rhythms, including Puerto Rican danza and plena, where it keeps time and provides accents.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"acf\/traveler-quote","attrs":{"name":"acf\/traveler-quote","data":{"traveler_image":"","_traveler_image":"field_6170247ab4bb4","traveler_quote":"\u201cThe g\u00fciro is a symbol of our Puerto Rican identity, but also of our Caribbean identity. It is a symbol of how Puerto Rico, the Dominican Republic, and Cuba have a common foundation, and we may be different on the surface, but deep down we are the same people.\u201d","_traveler_quote":"field_61702497b4bb5","traveler_name":"Rub\u00e9n Amador Medina, percusionista e historiador","_traveler_name":"field_617024a5bc1e5"},"align":"full","mode":"preview"},"innerBlocks":[],"innerHTML":"","innerContent":[]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>\"Without g\u00fciro there's no Cuban son, there's no cha-cha without the g\u00fciro. There's no merengue without the g\u00fcira. And there's no plena, no m\u00fasica j\u00edbara without our g\u00fc\u00edcharo,\" emphasized Amador Medina.<\/p>\n","innerContent":["\n<p>\"Without g\u00fciro there's no Cuban son, there's no cha-cha without the g\u00fciro. There's no merengue without the g\u00fcira. And there's no plena, no m\u00fasica j\u00edbara without our g\u00fc\u00edcharo,\" emphasized Amador Medina.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/heading","attrs":[],"innerBlocks":[],"innerHTML":"\n<h2 class=\"wp-block-heading\"><strong>What makes the Puerto Rican g\u00fciro unique<\/strong><\/h2>\n","innerContent":["\n<h2 class=\"wp-block-heading\"><strong>What makes the Puerto Rican g\u00fciro unique<\/strong><\/h2>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>\"The main distinctive feature of the Puerto Rican g\u00fciro is that it has a sweeter, softer, more elegant sound\" than other scrapers, explained Amador Medina, who has a particular love for the g\u00fciro as it was the first instrument he got paid to play as a musician at age 15. It was also the instrument that took him traveling through Europe on a tour with <a href=\"https:\/\/www.instagram.com\/gibaropr\/?hl=es\">G\u00edbaro de Puerto Rico<\/a>, a folkloric company he's been with for 23 years.<\/p>\n","innerContent":["\n<p>\"The main distinctive feature of the Puerto Rican g\u00fciro is that it has a sweeter, softer, more elegant sound\" than other scrapers, explained Amador Medina, who has a particular love for the g\u00fciro as it was the first instrument he got paid to play as a musician at age 15. It was also the instrument that took him traveling through Europe on a tour with <a href=\"https:\/\/www.instagram.com\/gibaropr\/?hl=es\">G\u00edbaro de Puerto Rico<\/a>, a folkloric company he's been with for 23 years.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/html","attrs":[],"innerBlocks":[],"innerHTML":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Custom Audio Player<\/title>\n    <style>\n        \/* Reset basic styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container *\/\n        .custom-player {\n            max-width: 600px;\n            background-color: #333;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            padding: 16px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            color: white;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            margin: 20px auto;\n            overflow: hidden;\n        }\n\n        \/* Image container *\/\n        .player-artwork {\n            width: 70px;\n            height: 70px;\n            flex-shrink: 0;\n            margin-right: 16px;\n            position: relative;\n            overflow: hidden;\n            border-radius: 6px;\n        }\n\n        .player-artwork img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Info container *\/\n        .player-info {\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-width: 0; \/* Important for truncating text *\/\n        }\n\n        .player-title {\n            font-size: 18px;\n            font-weight: 600;\n            margin-bottom: 4px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .player-artist {\n            font-size: 14px;\n            color: #ccc;\n            margin-bottom: 8px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        \/* Progress bar *\/\n        .progress-container {\n            width: 100%;\n            height: 4px;\n            background-color: rgba(255, 255, 255, 0.2);\n            border-radius: 2px;\n            cursor: pointer;\n            position: relative;\n        }\n\n        .progress-bar {\n            height: 100%;\n            background-color: #04d99d; \/* Requested highlight color *\/\n            border-radius: 2px;\n            width: 0%;\n            transition: width 0.1s linear;\n        }\n\n        \/* Controls container *\/\n        .player-controls {\n            display: flex;\n            align-items: center;\n            margin-left: auto;\n            flex-shrink: 0;\n        }\n\n        \/* Play button *\/\n        .play-button {\n            width: 40px;\n            height: 40px;\n            background-color: #04d99d; \/* Changed to highlight color *\/\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .play-icon, .pause-icon {\n            color: white;\n            font-size: 16px;\n            width: 0;\n            height: 0;\n        }\n\n        .play-icon {\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent white; \/* Changed to white to contrast with green button *\/\n            margin-left: 3px;\n        }\n\n        .pause-icon {\n            display: none;\n            width: 12px;\n            height: 16px;\n            position: relative;\n        }\n\n        .pause-icon:before, .pause-icon:after {\n            content: \"\";\n            position: absolute;\n            background-color: white; \/* Changed to white to contrast with green button *\/\n            width: 4px;\n            height: 16px;\n            top: 0;\n        }\n\n        .pause-icon:before {\n            left: 2px;\n        }\n\n        .pause-icon:after {\n            right: 2px;\n        }\n\n        \/* Options button (three dots) *\/\n        .options-button {\n            width: 28px;\n            height: 28px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            opacity: 0.8;\n        }\n\n        .options-icon {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            width: 16px;\n        }\n\n        .dot {\n            width: 3px;\n            height: 3px;\n            background-color: white;\n            border-radius: 50%;\n        }\n\n        \/* Time *\/\n        .time-display {\n            font-size: 11px;\n            color: #ccc;\n            margin-top: 4px;\n            display: flex;\n            justify-content: space-between;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 460px) {\n            .player-artwork {\n                width: 60px;\n                height: 60px;\n            }\n\n            .player-title {\n                font-size: 16px;\n            }\n\n            .player-artist {\n                font-size: 12px;\n            }\n\n            .options-button {\n                display: none;\n            }\n        }\n\n        @media (max-width: 360px) {\n            .custom-player {\n                padding: 12px;\n            }\n\n            .player-artwork {\n                width: 50px;\n                height: 50px;\n                margin-right: 12px;\n            }\n\n            .play-button {\n                width: 36px;\n                height: 36px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"custom-player\">\n        <div class=\"player-artwork\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-139085386.jpg\" alt=\"Artwork\">\n        <\/div>\n\n        <div class=\"player-info\">\n            <div class=\"player-title\">Puerto Rican G\u00fciro<\/div>\n            <div class=\"player-artist\">Source: Rub\u00e9n Amador Medina<\/div>\n\n            <div class=\"progress-container\" id=\"progress-container\">\n                <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\n            <\/div>\n\n            <div class=\"time-display\">\n                <span id=\"current-time\">0:00<\/span>\n                <span id=\"duration\">0:00<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"player-controls\">\n            <div class=\"options-button\">\n                <div class=\"options-icon\">\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"play-button\" id=\"play-button\">\n                <div class=\"play-icon\" id=\"play-icon\"><\/div>\n                <div class=\"pause-icon\" id=\"pause-icon\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Variables\n            const audio = new Audio('https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/guiro-de-PR_plena.m4a');\n            const playButton = document.getElementById('play-button');\n            const playIcon = document.getElementById('play-icon');\n            const pauseIcon = document.getElementById('pause-icon');\n            const progressBar = document.getElementById('progress-bar');\n            const progressContainer = document.getElementById('progress-container');\n            const currentTimeElement = document.getElementById('current-time');\n            const durationElement = document.getElementById('duration');\n\n            \/\/ Initialization\n            let isPlaying = false;\n\n            \/\/ Format time\n            function formatTime(seconds) {\n                const min = Math.floor(seconds \/ 60);\n                const sec = Math.floor(seconds % 60);\n                return `${min}:${sec < 10 ? '0' + sec : sec}`;\n            }\n\n            \/\/ Update progress\n            function updateProgress() {\n                const { currentTime, duration } = audio;\n                const progressPercent = (currentTime \/ duration) * 100;\n                progressBar.style.width = `${progressPercent}%`;\n                currentTimeElement.textContent = formatTime(currentTime);\n            }\n\n            \/\/ Load metadata\n            audio.addEventListener('loadedmetadata', function() {\n                durationElement.textContent = formatTime(audio.duration);\n            });\n\n            \/\/ Time event\n            audio.addEventListener('timeupdate', updateProgress);\n\n            \/\/ End event\n            audio.addEventListener('ended', function() {\n                isPlaying = false;\n                playIcon.style.display = 'block';\n                pauseIcon.style.display = 'none';\n                progressBar.style.width = '0%';\n                audio.currentTime = 0;\n            });\n\n            \/\/ Click on play\/pause button\n            playButton.addEventListener('click', function() {\n                if (isPlaying) {\n                    audio.pause();\n                    playIcon.style.display = 'block';\n                    pauseIcon.style.display = 'none';\n                } else {\n                    audio.play().catch(e => console.error('Error playing audio:', e));\n                    playIcon.style.display = 'none';\n                    pauseIcon.style.display = 'block';\n                }\n\n                isPlaying = !isPlaying;\n            });\n\n            \/\/ Click on progress bar\n            progressContainer.addEventListener('click', function(e) {\n                const width = this.clientWidth;\n                const clickX = e.offsetX;\n                const duration = audio.duration;\n\n                audio.currentTime = (clickX \/ width) * duration;\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","innerContent":["\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Custom Audio Player<\/title>\n    <style>\n        \/* Reset basic styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container *\/\n        .custom-player {\n            max-width: 600px;\n            background-color: #333;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            padding: 16px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            color: white;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            margin: 20px auto;\n            overflow: hidden;\n        }\n\n        \/* Image container *\/\n        .player-artwork {\n            width: 70px;\n            height: 70px;\n            flex-shrink: 0;\n            margin-right: 16px;\n            position: relative;\n            overflow: hidden;\n            border-radius: 6px;\n        }\n\n        .player-artwork img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Info container *\/\n        .player-info {\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-width: 0; \/* Important for truncating text *\/\n        }\n\n        .player-title {\n            font-size: 18px;\n            font-weight: 600;\n            margin-bottom: 4px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .player-artist {\n            font-size: 14px;\n            color: #ccc;\n            margin-bottom: 8px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        \/* Progress bar *\/\n        .progress-container {\n            width: 100%;\n            height: 4px;\n            background-color: rgba(255, 255, 255, 0.2);\n            border-radius: 2px;\n            cursor: pointer;\n            position: relative;\n        }\n\n        .progress-bar {\n            height: 100%;\n            background-color: #04d99d; \/* Requested highlight color *\/\n            border-radius: 2px;\n            width: 0%;\n            transition: width 0.1s linear;\n        }\n\n        \/* Controls container *\/\n        .player-controls {\n            display: flex;\n            align-items: center;\n            margin-left: auto;\n            flex-shrink: 0;\n        }\n\n        \/* Play button *\/\n        .play-button {\n            width: 40px;\n            height: 40px;\n            background-color: #04d99d; \/* Changed to highlight color *\/\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .play-icon, .pause-icon {\n            color: white;\n            font-size: 16px;\n            width: 0;\n            height: 0;\n        }\n\n        .play-icon {\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent white; \/* Changed to white to contrast with green button *\/\n            margin-left: 3px;\n        }\n\n        .pause-icon {\n            display: none;\n            width: 12px;\n            height: 16px;\n            position: relative;\n        }\n\n        .pause-icon:before, .pause-icon:after {\n            content: \"\";\n            position: absolute;\n            background-color: white; \/* Changed to white to contrast with green button *\/\n            width: 4px;\n            height: 16px;\n            top: 0;\n        }\n\n        .pause-icon:before {\n            left: 2px;\n        }\n\n        .pause-icon:after {\n            right: 2px;\n        }\n\n        \/* Options button (three dots) *\/\n        .options-button {\n            width: 28px;\n            height: 28px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            opacity: 0.8;\n        }\n\n        .options-icon {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            width: 16px;\n        }\n\n        .dot {\n            width: 3px;\n            height: 3px;\n            background-color: white;\n            border-radius: 50%;\n        }\n\n        \/* Time *\/\n        .time-display {\n            font-size: 11px;\n            color: #ccc;\n            margin-top: 4px;\n            display: flex;\n            justify-content: space-between;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 460px) {\n            .player-artwork {\n                width: 60px;\n                height: 60px;\n            }\n\n            .player-title {\n                font-size: 16px;\n            }\n\n            .player-artist {\n                font-size: 12px;\n            }\n\n            .options-button {\n                display: none;\n            }\n        }\n\n        @media (max-width: 360px) {\n            .custom-player {\n                padding: 12px;\n            }\n\n            .player-artwork {\n                width: 50px;\n                height: 50px;\n                margin-right: 12px;\n            }\n\n            .play-button {\n                width: 36px;\n                height: 36px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"custom-player\">\n        <div class=\"player-artwork\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/GettyImages-139085386.jpg\" alt=\"Artwork\">\n        <\/div>\n\n        <div class=\"player-info\">\n            <div class=\"player-title\">Puerto Rican G\u00fciro<\/div>\n            <div class=\"player-artist\">Source: Rub\u00e9n Amador Medina<\/div>\n\n            <div class=\"progress-container\" id=\"progress-container\">\n                <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\n            <\/div>\n\n            <div class=\"time-display\">\n                <span id=\"current-time\">0:00<\/span>\n                <span id=\"duration\">0:00<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"player-controls\">\n            <div class=\"options-button\">\n                <div class=\"options-icon\">\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"play-button\" id=\"play-button\">\n                <div class=\"play-icon\" id=\"play-icon\"><\/div>\n                <div class=\"pause-icon\" id=\"pause-icon\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Variables\n            const audio = new Audio('https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/guiro-de-PR_plena.m4a');\n            const playButton = document.getElementById('play-button');\n            const playIcon = document.getElementById('play-icon');\n            const pauseIcon = document.getElementById('pause-icon');\n            const progressBar = document.getElementById('progress-bar');\n            const progressContainer = document.getElementById('progress-container');\n            const currentTimeElement = document.getElementById('current-time');\n            const durationElement = document.getElementById('duration');\n\n            \/\/ Initialization\n            let isPlaying = false;\n\n            \/\/ Format time\n            function formatTime(seconds) {\n                const min = Math.floor(seconds \/ 60);\n                const sec = Math.floor(seconds % 60);\n                return `${min}:${sec < 10 ? '0' + sec : sec}`;\n            }\n\n            \/\/ Update progress\n            function updateProgress() {\n                const { currentTime, duration } = audio;\n                const progressPercent = (currentTime \/ duration) * 100;\n                progressBar.style.width = `${progressPercent}%`;\n                currentTimeElement.textContent = formatTime(currentTime);\n            }\n\n            \/\/ Load metadata\n            audio.addEventListener('loadedmetadata', function() {\n                durationElement.textContent = formatTime(audio.duration);\n            });\n\n            \/\/ Time event\n            audio.addEventListener('timeupdate', updateProgress);\n\n            \/\/ End event\n            audio.addEventListener('ended', function() {\n                isPlaying = false;\n                playIcon.style.display = 'block';\n                pauseIcon.style.display = 'none';\n                progressBar.style.width = '0%';\n                audio.currentTime = 0;\n            });\n\n            \/\/ Click on play\/pause button\n            playButton.addEventListener('click', function() {\n                if (isPlaying) {\n                    audio.pause();\n                    playIcon.style.display = 'block';\n                    pauseIcon.style.display = 'none';\n                } else {\n                    audio.play().catch(e => console.error('Error playing audio:', e));\n                    playIcon.style.display = 'none';\n                    pauseIcon.style.display = 'block';\n                }\n\n                isPlaying = !isPlaying;\n            });\n\n            \/\/ Click on progress bar\n            progressContainer.addEventListener('click', function(e) {\n                const width = this.clientWidth;\n                const clickX = e.offsetX;\n                const duration = audio.duration;\n\n                audio.currentTime = (clickX \/ width) * duration;\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p><strong>Material:<\/strong> The reasons for the g\u00fciro's sweet sound are because it's made from a vegetable, in this case the marimbo, and not from metal, like the Dominican g\u00fcira, for example.<\/p>\n","innerContent":["\n<p><strong>Material:<\/strong> The reasons for the g\u00fciro's sweet sound are because it's made from a vegetable, in this case the marimbo, and not from metal, like the Dominican g\u00fcira, for example.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p><strong>Grooves:<\/strong> It has fine grooves, with multiple thin lines and not thick ones like the Cuban g\u00fciro, which has a deeper sound.<\/p>\n","innerContent":["\n<p><strong>Grooves:<\/strong> It has fine grooves, with multiple thin lines and not thick ones like the Cuban g\u00fciro, which has a deeper sound.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/html","attrs":[],"innerBlocks":[],"innerHTML":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Custom Audio Player - Cuban G\u00fciro<\/title>\n    <style>\n        \/* Reset basic styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container *\/\n        .custom-player-cuban {\n            max-width: 600px;\n            background-color: #333;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            padding: 16px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            color: white;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            margin: 20px auto;\n            overflow: hidden;\n        }\n\n        \/* Image container *\/\n        .player-artwork {\n            width: 70px;\n            height: 70px;\n            flex-shrink: 0;\n            margin-right: 16px;\n            position: relative;\n            overflow: hidden;\n            border-radius: 6px;\n        }\n\n        .player-artwork img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Info container *\/\n        .player-info {\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-width: 0; \/* Important for truncating text *\/\n        }\n\n        .player-title {\n            font-size: 18px;\n            font-weight: 600;\n            margin-bottom: 4px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .player-artist {\n            font-size: 14px;\n            color: #ccc;\n            margin-bottom: 8px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        \/* Progress bar *\/\n        .progress-container {\n            width: 100%;\n            height: 4px;\n            background-color: rgba(255, 255, 255, 0.2);\n            border-radius: 2px;\n            cursor: pointer;\n            position: relative;\n        }\n\n        .progress-bar {\n            height: 100%;\n            background-color: #04d99d; \/* Requested highlight color *\/\n            border-radius: 2px;\n            width: 0%;\n            transition: width 0.1s linear;\n        }\n\n        \/* Controls container *\/\n        .player-controls {\n            display: flex;\n            align-items: center;\n            margin-left: auto;\n            flex-shrink: 0;\n        }\n\n        \/* Play button *\/\n        .play-button {\n            width: 40px;\n            height: 40px;\n            background-color: #04d99d; \/* Highlight color *\/\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .play-icon, .pause-icon {\n            color: white;\n            font-size: 16px;\n            width: 0;\n            height: 0;\n        }\n\n        .play-icon {\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent white;\n            margin-left: 3px;\n        }\n\n        .pause-icon {\n            display: none;\n            width: 12px;\n            height: 16px;\n            position: relative;\n        }\n\n        .pause-icon:before, .pause-icon:after {\n            content: \"\";\n            position: absolute;\n            background-color: white;\n            width: 4px;\n            height: 16px;\n            top: 0;\n        }\n\n        .pause-icon:before {\n            left: 2px;\n        }\n\n        .pause-icon:after {\n            right: 2px;\n        }\n\n        \/* Options button (three dots) *\/\n        .options-button {\n            width: 28px;\n            height: 28px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            opacity: 0.8;\n        }\n\n        .options-icon {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            width: 16px;\n        }\n\n        .dot {\n            width: 3px;\n            height: 3px;\n            background-color: white;\n            border-radius: 50%;\n        }\n\n        \/* Time *\/\n        .time-display {\n            font-size: 11px;\n            color: #ccc;\n            margin-top: 4px;\n            display: flex;\n            justify-content: space-between;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 460px) {\n            .player-artwork {\n                width: 60px;\n                height: 60px;\n            }\n\n            .player-title {\n                font-size: 16px;\n            }\n\n            .player-artist {\n                font-size: 12px;\n            }\n\n            .options-button {\n                display: none;\n            }\n        }\n\n        @media (max-width: 360px) {\n            .custom-player-cuban {\n                padding: 12px;\n            }\n\n            .player-artwork {\n                width: 50px;\n                height: 50px;\n                margin-right: 12px;\n            }\n\n            .play-button {\n                width: 36px;\n                height: 36px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"custom-player-cuban\">\n        <div class=\"player-artwork\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-30-at-5.43.43%E2%80%AFPM.png\" alt=\"Artwork\">\n        <\/div>\n\n        <div class=\"player-info\">\n            <div class=\"player-title\">Cuban G\u00fciro<\/div>\n            <div class=\"player-artist\">Source: Cultura Virtual ICP<\/div>\n\n            <div class=\"progress-container\" id=\"progress-container-cuban\">\n                <div class=\"progress-bar\" id=\"progress-bar-cuban\"><\/div>\n            <\/div>\n\n            <div class=\"time-display\">\n                <span id=\"current-time-cuban\">0:00<\/span>\n                <span id=\"duration-cuban\">0:00<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"player-controls\">\n            <div class=\"options-button\">\n                <div class=\"options-icon\">\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"play-button\" id=\"play-button-cuban\">\n                <div class=\"play-icon\" id=\"play-icon-cuban\"><\/div>\n                <div class=\"pause-icon\" id=\"pause-icon-cuban\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Variables\n            const audioCuban = new Audio('https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/guiro-cubano.m4a');\n            const playButtonCuban = document.getElementById('play-button-cuban');\n            const playIconCuban = document.getElementById('play-icon-cuban');\n            const pauseIconCuban = document.getElementById('pause-icon-cuban');\n            const progressBarCuban = document.getElementById('progress-bar-cuban');\n            const progressContainerCuban = document.getElementById('progress-container-cuban');\n            const currentTimeElementCuban = document.getElementById('current-time-cuban');\n            const durationElementCuban = document.getElementById('duration-cuban');\n\n            \/\/ Initialization\n            let isPlayingCuban = false;\n\n            \/\/ Format time\n            function formatTime(seconds) {\n                const min = Math.floor(seconds \/ 60);\n                const sec = Math.floor(seconds % 60);\n                return `${min}:${sec < 10 ? '0' + sec : sec}`;\n            }\n\n            \/\/ Update progress\n            function updateProgress() {\n                const { currentTime, duration } = audioCuban;\n                const progressPercent = (currentTime \/ duration) * 100;\n                progressBarCuban.style.width = `${progressPercent}%`;\n                currentTimeElementCuban.textContent = formatTime(currentTime);\n            }\n\n            \/\/ Load metadata\n            audioCuban.addEventListener('loadedmetadata', function() {\n                durationElementCuban.textContent = formatTime(audioCuban.duration);\n            });\n\n            \/\/ Time event\n            audioCuban.addEventListener('timeupdate', updateProgress);\n\n            \/\/ End event\n            audioCuban.addEventListener('ended', function() {\n                isPlayingCuban = false;\n                playIconCuban.style.display = 'block';\n                pauseIconCuban.style.display = 'none';\n                progressBarCuban.style.width = '0%';\n                audioCuban.currentTime = 0;\n            });\n\n            \/\/ Click on play\/pause button\n            playButtonCuban.addEventListener('click', function() {\n                if (isPlayingCuban) {\n                    audioCuban.pause();\n                    playIconCuban.style.display = 'block';\n                    pauseIconCuban.style.display = 'none';\n                } else {\n                    audioCuban.play().catch(e => console.error('Error playing audio:', e));\n                    playIconCuban.style.display = 'none';\n                    pauseIconCuban.style.display = 'block';\n                }\n\n                isPlayingCuban = !isPlayingCuban;\n            });\n\n            \/\/ Click on progress bar\n            progressContainerCuban.addEventListener('click', function(e) {\n                const width = this.clientWidth;\n                const clickX = e.offsetX;\n                const duration = audioCuban.duration;\n\n                audioCuban.currentTime = (clickX \/ width) * duration;\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","innerContent":["\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Custom Audio Player - Cuban G\u00fciro<\/title>\n    <style>\n        \/* Reset basic styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container *\/\n        .custom-player-cuban {\n            max-width: 600px;\n            background-color: #333;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            padding: 16px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            color: white;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            margin: 20px auto;\n            overflow: hidden;\n        }\n\n        \/* Image container *\/\n        .player-artwork {\n            width: 70px;\n            height: 70px;\n            flex-shrink: 0;\n            margin-right: 16px;\n            position: relative;\n            overflow: hidden;\n            border-radius: 6px;\n        }\n\n        .player-artwork img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Info container *\/\n        .player-info {\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-width: 0; \/* Important for truncating text *\/\n        }\n\n        .player-title {\n            font-size: 18px;\n            font-weight: 600;\n            margin-bottom: 4px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .player-artist {\n            font-size: 14px;\n            color: #ccc;\n            margin-bottom: 8px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        \/* Progress bar *\/\n        .progress-container {\n            width: 100%;\n            height: 4px;\n            background-color: rgba(255, 255, 255, 0.2);\n            border-radius: 2px;\n            cursor: pointer;\n            position: relative;\n        }\n\n        .progress-bar {\n            height: 100%;\n            background-color: #04d99d; \/* Requested highlight color *\/\n            border-radius: 2px;\n            width: 0%;\n            transition: width 0.1s linear;\n        }\n\n        \/* Controls container *\/\n        .player-controls {\n            display: flex;\n            align-items: center;\n            margin-left: auto;\n            flex-shrink: 0;\n        }\n\n        \/* Play button *\/\n        .play-button {\n            width: 40px;\n            height: 40px;\n            background-color: #04d99d; \/* Highlight color *\/\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .play-icon, .pause-icon {\n            color: white;\n            font-size: 16px;\n            width: 0;\n            height: 0;\n        }\n\n        .play-icon {\n            border-style: solid;\n            border-width: 8px 0 8px 12px;\n            border-color: transparent transparent transparent white;\n            margin-left: 3px;\n        }\n\n        .pause-icon {\n            display: none;\n            width: 12px;\n            height: 16px;\n            position: relative;\n        }\n\n        .pause-icon:before, .pause-icon:after {\n            content: \"\";\n            position: absolute;\n            background-color: white;\n            width: 4px;\n            height: 16px;\n            top: 0;\n        }\n\n        .pause-icon:before {\n            left: 2px;\n        }\n\n        .pause-icon:after {\n            right: 2px;\n        }\n\n        \/* Options button (three dots) *\/\n        .options-button {\n            width: 28px;\n            height: 28px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            margin-left: 16px;\n            opacity: 0.8;\n        }\n\n        .options-icon {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            width: 16px;\n        }\n\n        .dot {\n            width: 3px;\n            height: 3px;\n            background-color: white;\n            border-radius: 50%;\n        }\n\n        \/* Time *\/\n        .time-display {\n            font-size: 11px;\n            color: #ccc;\n            margin-top: 4px;\n            display: flex;\n            justify-content: space-between;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 460px) {\n            .player-artwork {\n                width: 60px;\n                height: 60px;\n            }\n\n            .player-title {\n                font-size: 16px;\n            }\n\n            .player-artist {\n                font-size: 12px;\n            }\n\n            .options-button {\n                display: none;\n            }\n        }\n\n        @media (max-width: 360px) {\n            .custom-player-cuban {\n                padding: 12px;\n            }\n\n            .player-artwork {\n                width: 50px;\n                height: 50px;\n                margin-right: 12px;\n            }\n\n            .play-button {\n                width: 36px;\n                height: 36px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"custom-player-cuban\">\n        <div class=\"player-artwork\">\n            <img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-30-at-5.43.43%E2%80%AFPM.png\" alt=\"Artwork\">\n        <\/div>\n\n        <div class=\"player-info\">\n            <div class=\"player-title\">Cuban G\u00fciro<\/div>\n            <div class=\"player-artist\">Source: Cultura Virtual ICP<\/div>\n\n            <div class=\"progress-container\" id=\"progress-container-cuban\">\n                <div class=\"progress-bar\" id=\"progress-bar-cuban\"><\/div>\n            <\/div>\n\n            <div class=\"time-display\">\n                <span id=\"current-time-cuban\">0:00<\/span>\n                <span id=\"duration-cuban\">0:00<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"player-controls\">\n            <div class=\"options-button\">\n                <div class=\"options-icon\">\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                    <div class=\"dot\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"play-button\" id=\"play-button-cuban\">\n                <div class=\"play-icon\" id=\"play-icon-cuban\"><\/div>\n                <div class=\"pause-icon\" id=\"pause-icon-cuban\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Variables\n            const audioCuban = new Audio('https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/guiro-cubano.m4a');\n            const playButtonCuban = document.getElementById('play-button-cuban');\n            const playIconCuban = document.getElementById('play-icon-cuban');\n            const pauseIconCuban = document.getElementById('pause-icon-cuban');\n            const progressBarCuban = document.getElementById('progress-bar-cuban');\n            const progressContainerCuban = document.getElementById('progress-container-cuban');\n            const currentTimeElementCuban = document.getElementById('current-time-cuban');\n            const durationElementCuban = document.getElementById('duration-cuban');\n\n            \/\/ Initialization\n            let isPlayingCuban = false;\n\n            \/\/ Format time\n            function formatTime(seconds) {\n                const min = Math.floor(seconds \/ 60);\n                const sec = Math.floor(seconds % 60);\n                return `${min}:${sec < 10 ? '0' + sec : sec}`;\n            }\n\n            \/\/ Update progress\n            function updateProgress() {\n                const { currentTime, duration } = audioCuban;\n                const progressPercent = (currentTime \/ duration) * 100;\n                progressBarCuban.style.width = `${progressPercent}%`;\n                currentTimeElementCuban.textContent = formatTime(currentTime);\n            }\n\n            \/\/ Load metadata\n            audioCuban.addEventListener('loadedmetadata', function() {\n                durationElementCuban.textContent = formatTime(audioCuban.duration);\n            });\n\n            \/\/ Time event\n            audioCuban.addEventListener('timeupdate', updateProgress);\n\n            \/\/ End event\n            audioCuban.addEventListener('ended', function() {\n                isPlayingCuban = false;\n                playIconCuban.style.display = 'block';\n                pauseIconCuban.style.display = 'none';\n                progressBarCuban.style.width = '0%';\n                audioCuban.currentTime = 0;\n            });\n\n            \/\/ Click on play\/pause button\n            playButtonCuban.addEventListener('click', function() {\n                if (isPlayingCuban) {\n                    audioCuban.pause();\n                    playIconCuban.style.display = 'block';\n                    pauseIconCuban.style.display = 'none';\n                } else {\n                    audioCuban.play().catch(e => console.error('Error playing audio:', e));\n                    playIconCuban.style.display = 'none';\n                    pauseIconCuban.style.display = 'block';\n                }\n\n                isPlayingCuban = !isPlayingCuban;\n            });\n\n            \/\/ Click on progress bar\n            progressContainerCuban.addEventListener('click', function(e) {\n                const width = this.clientWidth;\n                const clickX = e.offsetX;\n                const duration = audioCuban.duration;\n\n                audioCuban.currentTime = (clickX \/ width) * duration;\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p><strong>Varillero:<\/strong> The most distinctive feature of our g\u00fciro is the varillero or puya used to scrape it, which is \"unique to Puerto Rico,\" according to Amador Medina. It consists of a wooden handle, \"often made with noble woods from the country,\" and many fine wire or stainless steel prongs, which today are mainly made from piano strings to further refine the sound.<\/p>\n","innerContent":["\n<p><strong>Varillero:<\/strong> The most distinctive feature of our g\u00fciro is the varillero or puya used to scrape it, which is \"unique to Puerto Rico,\" according to Amador Medina. It consists of a wooden handle, \"often made with noble woods from the country,\" and many fine wire or stainless steel prongs, which today are mainly made from piano strings to further refine the sound.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"id":24677,"width":"613px","height":"auto","sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image size-full is-resized\"><img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/PHOTO-2025-04-30-12-01-2223.jpg\" alt=\"\" class=\"wp-image-24677\" style=\"width:613px;height:auto\"\/><figcaption class=\"wp-element-caption\"><em>The traditional varillero is composed of many fine wire or stainless steel prongs. The handle is made of wood.<\/em> <em>(Provided: Rub\u00e9n Amador Medina)<\/em><\/figcaption><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image size-full is-resized\"><img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/PHOTO-2025-04-30-12-01-2223.jpg\" alt=\"\" class=\"wp-image-24677\" style=\"width:613px;height:auto\"\/><figcaption class=\"wp-element-caption\"><em>The traditional varillero is composed of many fine wire or stainless steel prongs. The handle is made of wood.<\/em> <em>(Provided: Rub\u00e9n Amador Medina)<\/em><\/figcaption><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>It's unknown when a varillero of this type was first used in Puerto Rican music because \"there's no historical record,\" but Amador Medina believes it could have been around or after the beginnings of Puerto Rican danza, in the mid-19th century, since in that rhythm \"we already have a sound\" similar to today's g\u00fciro.<\/p>\n","innerContent":["\n<p>It's unknown when a varillero of this type was first used in Puerto Rican music because \"there's no historical record,\" but Amador Medina believes it could have been around or after the beginnings of Puerto Rican danza, in the mid-19th century, since in that rhythm \"we already have a sound\" similar to today's g\u00fciro.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>\"Based on the prong you're using, that's the sound the g\u00fciro will produce,\" explained Alvarado. \"If the prong is too thick, the sound is deeper, more hoarse. The thinner it is, the higher-pitched the sound,\" he added.<\/p>\n","innerContent":["\n<p>\"Based on the prong you're using, that's the sound the g\u00fciro will produce,\" explained Alvarado. \"If the prong is too thick, the sound is deeper, more hoarse. The thinner it is, the higher-pitched the sound,\" he added.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"acf\/alert-banner","attrs":{"name":"acf\/alert-banner","data":{"color":"green","_color":"field_6176b5f4d68b3","show_icon":"0","_show_icon":"field_6176b5d3d68b1","title":"","_title":"field_6176b5cad68b0","text":"<h2><b><span data-contrast=\"none\">Scrapers around the world: <\/span><\/b><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/h2>\r\n<ul>\r\n \t<li>\ud83c\uddf5\ud83c\uddf7 <strong>Puerto Rico:<\/strong> g\u00fciro, g\u00fc\u00edcharo, carracho, or guajey (in Ta\u00edno)<\/li>\r\n \t<li><span data-contrast=\"none\">\ud83c\udde8\ud83c\uddf4 <strong>Colombia:<\/strong> guacharaca<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\r\n \t<li><span data-contrast=\"none\">\ud83c\udde7\ud83c\uddf7 <strong>Brazil:<\/strong> reco-reco (of African origin) <\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\r\n \t<li><span data-contrast=\"none\">\ud83c\udde9\ud83c\uddf4 <strong>Dominican Republic:<\/strong> g\u00fcira<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\r\n \t<li><span data-contrast=\"none\">\ud83c\udde8\ud83c\uddfa <strong>Cuba:<\/strong> ralladera or guayo <\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\r\n \t<li><span data-contrast=\"none\"><strong>\ud83c\uddf2\ud83c\uddfd Mexico, \ud83c\uddf5\ud83c\uddea Peru, \ud83c\uddf8\ud83c\uddfb El Salvador, \ud83c\uddea\ud83c\udde8 Ecuador, and \ud83c\udde8\ud83c\uddfa Cuba:<\/strong> quijada, quijada de burro (donkey jaw), charrasca <\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\r\n \t<li><span data-contrast=\"none\">\ud83c\uddfa\ud83c\uddf8 <strong>Louisiana:<\/strong> frottoir vest, washboard<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\"> <\/span><\/li>\r\n<\/ul>","_text":"field_6176b5dfd68b2"},"align":"full","mode":"preview"},"innerBlocks":[],"innerHTML":"","innerContent":[]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Of course, the Puerto Rican g\u00fciro was previously played with a cylindrical stick, as can be seen in the work <a href=\"https:\/\/www.geoisla.com\/2018\/10\/el-velorio-francisco-oller-c-1893\/\" target=\"_blank\" rel=\"noreferrer noopener\">El Velorio<\/a> (The Wake\/El Baquin\u00e9) by Francisco Oller, completed around 1893.<\/p>\n","innerContent":["\n<p>Of course, the Puerto Rican g\u00fciro was previously played with a cylindrical stick, as can be seen in the work <a href=\"https:\/\/www.geoisla.com\/2018\/10\/el-velorio-francisco-oller-c-1893\/\" target=\"_blank\" rel=\"noreferrer noopener\">El Velorio<\/a> (The Wake\/El Baquin\u00e9) by Francisco Oller, completed around 1893.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Another peculiarity was that, in the past, \"the j\u00edbaro would make two small holes so it would sound louder, because there was no amplification, and they also used them to insert their fingers,\" explained Alvarado. \"The holes aren't made anymore,\" he added, because \"it changes the sound.\" The holes give it a deeper sound, while not making them offers a finer sound.<\/p>\n","innerContent":["\n<p>Another peculiarity was that, in the past, \"the j\u00edbaro would make two small holes so it would sound louder, because there was no amplification, and they also used them to insert their fingers,\" explained Alvarado. \"The holes aren't made anymore,\" he added, because \"it changes the sound.\" The holes give it a deeper sound, while not making them offers a finer sound.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"id":24683,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Web-Hero-Images-pocillo-53.png\" alt=\"\" class=\"wp-image-24683\"\/><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/www.plateapr.com\/wp-content\/uploads\/2025\/04\/Web-Hero-Images-pocillo-53.png\" alt=\"\" class=\"wp-image-24683\"\/><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/heading","attrs":[],"innerBlocks":[],"innerHTML":"\n<h2 class=\"wp-block-heading\"><strong>Pe\u00f1uelas: the Capital of the G\u00fciro<\/strong><\/h2>\n","innerContent":["\n<h2 class=\"wp-block-heading\"><strong>Pe\u00f1uelas: the Capital of the G\u00fciro<\/strong><\/h2>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>If there's anyone in Puerto Rico who has contributed to the history of the g\u00fciro, it's Don An\u00edbal Alvarado, 82 years old, who started playing the instrument when he was barely 9 years old at the Promesas de Reyes (Three Kings Day promises) they held in his neighborhood in Pe\u00f1uelas. His skill was such that neighbors would say: \"Give the g\u00fciro to Miguel's son, he really knows how to play,\" Alvarado told <strong>Platea<\/strong> with laughter.<\/p>\n","innerContent":["\n<p>If there's anyone in Puerto Rico who has contributed to the history of the g\u00fciro, it's Don An\u00edbal Alvarado, 82 years old, who started playing the instrument when he was barely 9 years old at the Promesas de Reyes (Three Kings Day promises) they held in his neighborhood in Pe\u00f1uelas. His skill was such that neighbors would say: \"Give the g\u00fciro to Miguel's son, he really knows how to play,\" Alvarado told <strong>Platea<\/strong> with laughter.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>It wasn't until several years later that he had his first g\u00fciro, which he scraped himself. He remembers it was in 1974, the year \"the first g\u00fciro competitions were held in Pe\u00f1uelas.\"<\/p>\n","innerContent":["\n<p>It wasn't until several years later that he had his first g\u00fciro, which he scraped himself. He remembers it was in 1974, the year \"the first g\u00fciro competitions were held in Pe\u00f1uelas.\"<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"acf\/alert-banner","attrs":{"name":"acf\/alert-banner","data":{"color":"green","_color":"field_6176b5f4d68b3","show_icon":"0","_show_icon":"field_6176b5d3d68b1","title":"","_title":"field_6176b5cad68b0","text":"<strong>\u270d\ufe0f Platea tip:<\/strong> <a href=\"https:\/\/www.plateapr.com\/directorio\/sur\/penuelas\/que-hacer\/\">Things to do in Pe\u00f1uelas<\/a>","_text":"field_6176b5dfd68b2"},"align":"full","mode":"preview"},"innerBlocks":[],"innerHTML":"","innerContent":[]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Alvarado played with singer-songwriter Andr\u00e9s Jim\u00e9nez from Orocovis in his early days. In 1979, he founded the Rondalla Pe\u00f1olana, with which he played for several years, and the Orquesta de G\u00fciros de Puerto Rico, which still performs today. He also founded An\u00edbal Alvarado y su rondalla and, in 2000, the Conjunto de Cuerdas de Borinquen and Folklore Sin Fronteras.<\/p>\n","innerContent":["\n<p>Alvarado played with singer-songwriter Andr\u00e9s Jim\u00e9nez from Orocovis in his early days. In 1979, he founded the Rondalla Pe\u00f1olana, with which he played for several years, and the Orquesta de G\u00fciros de Puerto Rico, which still performs today. He also founded An\u00edbal Alvarado y su rondalla and, in 2000, the Conjunto de Cuerdas de Borinquen and Folklore Sin Fronteras.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/embed","attrs":{"url":"https:\/\/youtu.be\/Ilw3wi3o_OM?t=426","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/youtu.be\/Ilw3wi3o_OM?t=426\n<\/div><\/figure>\n","innerContent":["\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/youtu.be\/Ilw3wi3o_OM?t=426\n<\/div><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>He has g\u00fciros \"by the hundreds\" in a collection of 200 to 300 pieces, many of which he scraped himself. And he assures he'll be playing and making g\u00fciros \"until death caresses me.\"<\/p>\n","innerContent":["\n<p>He has g\u00fciros \"by the hundreds\" in a collection of 200 to 300 pieces, many of which he scraped himself. And he assures he'll be playing and making g\u00fciros \"until death caresses me.\"<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>\"In Pe\u00f1uelas, thousands of students passed through my hands. And in Puerto Rico, I've given quite a few workshops, mainly in the southern region. Now I'm waiting for things to settle down so I can dedicate whatever little life I have left to that (teaching g\u00fciro),\" said the musician, who loves to joke and is extremely proud of his Boricua heritage.<\/p>\n","innerContent":["\n<p>\"In Pe\u00f1uelas, thousands of students passed through my hands. And in Puerto Rico, I've given quite a few workshops, mainly in the southern region. Now I'm waiting for things to settle down so I can dedicate whatever little life I have left to that (teaching g\u00fciro),\" said the musician, who loves to joke and is extremely proud of his Boricua heritage.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"acf\/traveler-quote","attrs":{"name":"acf\/traveler-quote","data":{"traveler_image":"","_traveler_image":"field_6170247ab4bb4","traveler_quote":"Modesty aside, I think you'd be hard pressed to find a g\u00fciro player in Puerto Rico who hasn't picked up a thing or two from me... Pe\u00f1uelas is known as the Capital of the G\u00fciro, and modesty aside, that's because of me.","_traveler_quote":"field_61702497b4bb5","traveler_name":"An\u00edbal Acevedo","_traveler_name":"field_617024a5bc1e5"},"align":"full","mode":"preview"},"innerBlocks":[],"innerHTML":"","innerContent":[]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Thanks to Alvarado's legacy and his orchestras, Pe\u00f1uelas is known as the Capital of the G\u00fciro and they celebrate\u2014in July\u2014the <a href=\"https:\/\/www.plateapr.com\/festivales-puerto-rico-historia-origen\/\">Festival del G\u00fciro<\/a> for over 50 years. They also have a Monument to the G\u00fciro on highway PR-385, a 27-foot bronze sculpture by artist Claudio Solano featuring a giant g\u00fc\u00edcharo with a Puerto Rican flag.<\/p>\n","innerContent":["\n<p>Thanks to Alvarado's legacy and his orchestras, Pe\u00f1uelas is known as the Capital of the G\u00fciro and they celebrate\u2014in July\u2014the <a href=\"https:\/\/www.plateapr.com\/festivales-puerto-rico-historia-origen\/\">Festival del G\u00fciro<\/a> for over 50 years. They also have a Monument to the G\u00fciro on highway PR-385, a 27-foot bronze sculpture by artist Claudio Solano featuring a giant g\u00fc\u00edcharo with a Puerto Rican flag.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"acf\/alert-banner","attrs":{"name":"acf\/alert-banner","data":{"color":"green","_color":"field_6176b5f4d68b3","show_icon":"0","_show_icon":"field_6176b5d3d68b1","title":"","_title":"field_6176b5cad68b0","text":"<strong>Platea tip:<\/strong> <a href=\"https:\/\/www.plateapr.com\/que-hacer-penuelas\/\">A brief guide to Pe\u00f1uelas, the town with one of the smallest streets in America<\/a>","_text":"field_6176b5dfd68b2"},"align":"full","mode":"preview"},"innerBlocks":[],"innerHTML":"","innerContent":[]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/heading","attrs":[],"innerBlocks":[],"innerHTML":"\n<h2 class=\"wp-block-heading\"><strong>From plena to Bad Bunny: where is the g\u00fciro today?<\/strong><\/h2>\n","innerContent":["\n<h2 class=\"wp-block-heading\"><strong>From plena to Bad Bunny: where is the g\u00fciro today?<\/strong><\/h2>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Don An\u00edbal shared that when he started with the g\u00fciro, people in his town would tell him: \"You're crazy.\" However, \"look where the g\u00fciro has reached,\" with even an artist of Bad Bunny's caliber making it sound around the world.<\/p>\n","innerContent":["\n<p>Don An\u00edbal shared that when he started with the g\u00fciro, people in his town would tell him: \"You're crazy.\" However, \"look where the g\u00fciro has reached,\" with even an artist of Bad Bunny's caliber making it sound around the world.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>\"The g\u00fciro is now in a better place than before. A g\u00fciro player can earn up to $300 per gig. But we still have a good stretch (to go),\" said Alvarado, who believes the ones who came out best from Bad Bunny's album are \"those who play plena,\" since now it's a rhythm that's respected even more.<\/p>\n","innerContent":["\n<p>\"The g\u00fciro is now in a better place than before. A g\u00fciro player can earn up to $300 per gig. But we still have a good stretch (to go),\" said Alvarado, who believes the ones who came out best from Bad Bunny's album are \"those who play plena,\" since now it's a rhythm that's respected even more.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>About playing with Bad Bunny, he said: \"If he calls me, we'll work it out. I have the ability to adapt to all rhythms.\"<\/p>\n","innerContent":["\n<p>About playing with Bad Bunny, he said: \"If he calls me, we'll work it out. I have the ability to adapt to all rhythms.\"<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"acf\/alert-banner","attrs":{"name":"acf\/alert-banner","data":{"color":"green","_color":"field_6176b5f4d68b3","show_icon":"0","_show_icon":"field_6176b5d3d68b1","title":"","_title":"field_6176b5cad68b0","text":"<h2><b><span data-contrast=\"auto\">\ud83c\udfb6 Rhythms played with the g\u00fciro: <\/span><\/b><span data-ccp-props=\"{}\"> <\/span><\/h2>\r\n<span data-contrast=\"auto\">Although it's a percussion instrument that could be included in almost any musical rhythm, these are the main genres where it stands out: <\/span><span data-ccp-props=\"{&quot;335559685&quot;:0}\"> <\/span>\r\n<ul>\r\n \t<li><span data-contrast=\"auto\">Puerto Rican danza<\/span><span data-ccp-props=\"{}\"> <\/span><\/li>\r\n \t<li><span data-contrast=\"auto\">Pasodoble<\/span><span data-ccp-props=\"{}\"> <\/span><\/li>\r\n \t<li><span data-contrast=\"auto\">Mazurka<\/span><span data-ccp-props=\"{}\"> <\/span><\/li>\r\n \t<li><span data-contrast=\"auto\">Various seises <\/span><span data-ccp-props=\"{}\"> <\/span><\/li>\r\n \t<li><span data-contrast=\"auto\">Aguinaldos <\/span><span data-ccp-props=\"{}\"> <\/span><\/li>\r\n \t<li><span data-contrast=\"auto\">Plena<\/span><\/li>\r\n<\/ul>","_text":"field_6176b5dfd68b2"},"align":"full","mode":"preview"},"innerBlocks":[],"innerHTML":"","innerContent":[]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>For his part, Amador Medina emphasized that \"what Benito has done on this last album isn't a strange phenomenon,\" as artists like Ricky Martin also included Puerto Rican music in their most commercial albums.<\/p>\n","innerContent":["\n<p>For his part, Amador Medina emphasized that \"what Benito has done on this last album isn't a strange phenomenon,\" as artists like Ricky Martin also included Puerto Rican music in their most commercial albums.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>However, he considered that Benito's distinctive approach has been creating from honesty, being transparent about his roots and reflecting the feelings of a people with the language and rhythm they understand and feel.<\/p>\n","innerContent":["\n<p>However, he considered that Benito's distinctive approach has been creating from honesty, being transparent about his roots and reflecting the feelings of a people with the language and rhythm they understand and feel.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p><strong>\"I believe one of the greatest contributions of that album is that you hear the g\u00fciro doing things that aren't traditional. Or you have patterns that are being worked on as you would work a percussion instrument in a pop music recording,\"<\/strong> said the expert.<\/p>\n","innerContent":["\n<p><strong>\"I believe one of the greatest contributions of that album is that you hear the g\u00fciro doing things that aren't traditional. Or you have patterns that are being worked on as you would work a percussion instrument in a pop music recording,\"<\/strong> said the expert.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>The musician acknowledged the \"very prominent\" sound of the g\u00fciro in Lo que le pas\u00f3 a Hawaii, a song in which the instrument demonstrates the production value it can have.<\/p>\n","innerContent":["\n<p>The musician acknowledged the \"very prominent\" sound of the g\u00fciro in Lo que le pas\u00f3 a Hawaii, a song in which the instrument demonstrates the production value it can have.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/html","attrs":[],"innerBlocks":[],"innerHTML":"\n<iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/track\/1Hg0e997pObvZ91w1FCPFk?utm_source=generator&theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n","innerContent":["\n<iframe style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/track\/1Hg0e997pObvZ91w1FCPFk?utm_source=generator&theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>For Amador Medina, \"this project has served to strengthen and validate our people's identity because it's not just the music. It's our customs, our traditions, recognizing that no matter how much of a rocker you are, how much of a reggaetonero you are, you know what a pitorro de coco is.\"<\/p>\n","innerContent":["\n<p>For Amador Medina, \"this project has served to strengthen and validate our people's identity because it's not just the music. It's our customs, our traditions, recognizing that no matter how much of a rocker you are, how much of a reggaetonero you are, you know what a pitorro de coco is.\"<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"acf\/alert-banner","attrs":{"name":"acf\/alert-banner","data":{"color":"green","_color":"field_6176b5f4d68b3","show_icon":"0","_show_icon":"field_6176b5d3d68b1","title":"","_title":"field_6176b5cad68b0","text":"<h2><b><span data-contrast=\"auto\">G\u00fciro fever: where to learn to play it? <\/span><\/b><\/h2>\r\n<ul>\r\n \t<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"13\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><a href=\"https:\/\/www.facebook.com\/escuelaculturalcandidoreyes\"><span data-contrast=\"none\">Escuela Cultural C\u00e1ndido Reyes<\/span><\/a><\/li>\r\n<\/ul>\r\n<ul>\r\n \t<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"13\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><a href=\"https:\/\/www.facebook.com\/lacasadelaplena\/?locale=es_LA\"><span data-contrast=\"none\">La Casa de la Plena Tito Matos<\/span><\/a><\/li>\r\n<\/ul>\r\n<ul>\r\n \t<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"13\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"3\" data-aria-level=\"1\"><span data-contrast=\"auto\">Professional classes for young people: <\/span><a href=\"https:\/\/artesdelcaribe.com\/\"><span data-contrast=\"none\">Conservatorio de Artes del Caribe<\/span><\/a><\/li>\r\n<\/ul>\r\n<h2><b><span data-contrast=\"auto\">Where to learn to carve g\u00fciros? <\/span><\/b><\/h2>\r\n<ul>\r\n \t<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"14\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Workshops at the Instituto de Cultura Puertorrique\u00f1a (ICP) <\/span><\/li>\r\n<\/ul>\r\n<ul>\r\n \t<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"14\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Workshops by <\/span><a href=\"https:\/\/www.accion-valerosa-inc.org\/\"><span data-contrast=\"none\">Acci\u00f3n Valerosa<\/span><\/a><span data-contrast=\"auto\"> and Los Pleneros de la Cresta in Ciales <\/span><\/li>\r\n<\/ul>\r\n*<em>If you have information about g\u00fciro workshops, write to us at hola@plateapr.com. <\/em>","_text":"field_6176b5dfd68b2"},"align":"full","mode":"preview"},"innerBlocks":[],"innerHTML":"","innerContent":[]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"acf\/hub-tiles","attrs":{"name":"acf\/hub-tiles","data":{"title":"","_title":"field_61006d37f2ebf","style":"slides","_style":"field_60fff82999b3f","selection_method":"pages","_selection_method":"field_60ff0c27112b4","pages":["6127","6108","6129","6103","3930","3903"],"_pages":"field_60ff0c4f112b5"},"align":"full","mode":"preview"},"innerBlocks":[],"innerHTML":"","innerContent":[]}],"_links":{"self":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6130","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=6130"}],"version-history":[{"count":0,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/posts\/6130\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media\/6132"}],"wp:attachment":[{"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/media?parent=6130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/categories?post=6130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/post_tag?post=6130"},{"taxonomy":"post_author","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/authors?post=6130"},{"taxonomy":"page_type","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/page_type?post=6130"},{"taxonomy":"geo_location","embeddable":true,"href":"https:\/\/www.plateapr.com\/en\/wp-json\/wp\/v2\/geo_location?post=6130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}